html * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

:focus {
    outline: 0
}

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

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

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

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

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none;
    -moz-appearance: none
}

input[type=search] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical
}

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    max-width: 100%
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden] {
    display: none
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

a:focus {
    outline: thin dotted
}

a:active,
a:hover {
    outline: 0
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    image-rendering: high-quality
}

figure {
    margin: 0
}

form {
    margin: 0
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0;
    white-space: normal;
    *margin-inline-start: -7px
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle
}

button,
input {
    line-height: normal
}

button,
select {
    text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    *overflow: visible
}

button[disabled],
html input[disabled] {
    cursor: default
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    *height: 13px;
    *width: 13px
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

textarea {
    overflow: auto;
    vertical-align: top
}

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

html,
button,
input,
select,
textarea {
    color: #222
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}

::selection {
    background: #b3d4fc;
    text-shadow: none
}

img {
    vertical-align: middle
}

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

textarea {
    resize: vertical
}

.chromeframe {
    margin: .2em 0;
    background: #ccc;
    color: #000;
    padding: .2em 0
}

@media print {
    @page {
        margin: 2cm
    }
    .entry {
        margin-top: 1em
    }
    .entry .entry-header,
    .site-footer .site-info {
        margin: 0
    }
    body {
        font: 13pt Georgia, "Times New Roman", Times, serif;
        line-height: 1.3;
        background: #fff !important;
        color: #000
    }
    h1 {
        font-size: 24pt
    }
    h2,
    h3,
    h4,
    .has-regular-font-size,
    .has-large-font-size,
    h2.author-title,
    p.author-bio,
    .comments-title,
    h3 {
        font-size: 14pt;
        margin-top: 25px
    }
    a {
        page-break-inside: avoid
    }
    blockquote {
        page-break-inside: avoid
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        page-break-after: avoid;
        page-break-inside: avoid
    }
    img {
        page-break-inside: avoid;
        page-break-after: avoid
    }
    table,
    pre {
        page-break-inside: avoid
    }
    ul,
    ol,
    dl {
        page-break-before: avoid
    }
    a:link,
    a:visited,
    a {
        background: transparent;
        font-weight: bold;
        text-decoration: underline;
        text-align: start
    }
    a {
        page-break-inside: avoid
    }
    a[href^=http]:after {
        content: " < " attr(href) "> "
    }
    a:after>img {
        content: ""
    }
    article a[href^="#"]:after {
        content: ""
    }
    a:not(:local-link):after {
        content: " < " attr(href) "> "
    }
    .main-navigation,
    .site-title+.main-navigation,
    .social-navigation,
    .site-branding-container:before,
    .entry .entry-title:before,
    .entry-footer,
    .author-description:before,
    .post-navigation,
    .widget-area,
    .comment-form-flex,
    .comment-reply,
    .comment .comment-metadata .edit-link {
        display: none
    }
    .entry .entry-content .wp-block-button .wp-block-button__link,
    .entry .entry-content .button {
        color: #000;
        background: 0
    }
    .site-header.featured-image {
        min-height: 0
    }
    .site-header.featured-image .main-navigation a,
    .site-header.featured-image .main-navigation a+svg,
    .site-header.featured-image .social-navigation a,
    .site-header.featured-image .site-title a,
    .site-header.featured-image .site-featured-image a,
    .site-header.featured-image .site-branding .site-title,
    .site-header.featured-image .site-branding .site-description,
    .site-header.featured-image .main-navigation a:after,
    .site-header.featured-image .main-navigation .main-menu>li.menu-item-has-children:after,
    .site-header.featured-image .main-navigation li,
    .site-header.featured-image .social-navigation li,
    .site-header.featured-image .entry-meta,
    .site-header.featured-image .entry-title,
    .site-header.featured-image#masthead .site-title a {
        color: #000;
        text-shadow: none
    }
    .site-header.featured-image .site-featured-image .entry-header,
    .site-header.featured-image .site-branding-container {
        margin-top: 0;
        margin-bottom: 0
    }
    .site-header.featured-image .site-featured-image .post-thumbnail img {
        position: relative;
        height: initial;
        width: initial;
        object-fit: none;
        min-width: 0;
        min-height: 0;
        max-width: 100%;
        margin-top: 10px
    }
    .image-filters-enabled *:after {
        display: none !important
    }
    .image-filters-enabled .site-header.featured-image .site-featured-image:before {
        display: none
    }
    .image-filters-enabled .site-header.featured-image .site-featured-image .post-thumbnail img {
        filter: none
    }
}

@media screen and (max-width:600px) {
    #wpadminbar {
        position: fixed !important
    }
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    min-width: 1.5em;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    vertical-align: middle;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-2x {
    font-size: 32px
}

.icon-3x {
    font-size: 48px
}

.icon-bordered {
    padding: 5px;
    border: 2px solid;
    border-radius: 50%
}

.icon-home:before {
    content: "\e900"
}

.icon-home2:before {
    content: "\e901"
}

.icon-home5:before {
    content: "\e904"
}

.icon-home7:before {
    content: "\e906"
}

.icon-home8:before {
    content: "\e907"
}

.icon-home9:before {
    content: "\e908"
}

.icon-office:before {
    content: "\e909"
}

.icon-city:before {
    content: "\e90a"
}

.icon-newspaper:before {
    content: "\e90b"
}

.icon-magazine:before {
    content: "\e90c"
}

.icon-design:before {
    content: "\e90d"
}

.icon-pencil:before {
    content: "\e90e"
}

.icon-pencil3:before {
    content: "\e910"
}

.icon-pencil4:before {
    content: "\e911"
}

.icon-pencil5:before {
    content: "\e912"
}

.icon-pencil6:before {
    content: "\e913"
}

.icon-pencil7:before {
    content: "\e914"
}

.icon-eraser:before {
    content: "\e915"
}

.icon-eraser2:before {
    content: "\e916"
}

.icon-eraser3:before {
    content: "\e917"
}

.icon-quill2:before {
    content: "\e919"
}

.icon-quill4:before {
    content: "\e91b"
}

.icon-pen:before {
    content: "\e91c"
}

.icon-pen-plus:before {
    content: "\e91d"
}

.icon-pen-minus:before {
    content: "\e91e"
}

.icon-pen2:before {
    content: "\e91f"
}

.icon-blog:before {
    content: "\e925"
}

.icon-pen6:before {
    content: "\e927"
}

.icon-brush:before {
    content: "\e928"
}

.icon-spray:before {
    content: "\e929"
}

.icon-color-sampler:before {
    content: "\e92c"
}

.icon-toggle:before {
    content: "\e92d"
}

.icon-bucket:before {
    content: "\e92e"
}

.icon-gradient:before {
    content: "\e930"
}

.icon-eyedropper:before {
    content: "\e931"
}

.icon-eyedropper2:before {
    content: "\e932"
}

.icon-eyedropper3:before {
    content: "\e933"
}

.icon-droplet:before {
    content: "\e934"
}

.icon-droplet2:before {
    content: "\e935"
}

.icon-color-clear:before {
    content: "\e937"
}

.icon-paint-format:before {
    content: "\e938"
}

.icon-stamp:before {
    content: "\e939"
}

.icon-image2:before {
    content: "\e93c"
}

.icon-image-compare:before {
    content: "\e93d"
}

.icon-images2:before {
    content: "\e93e"
}

.icon-image3:before {
    content: "\e93f"
}

.icon-images3:before {
    content: "\e940"
}

.icon-image4:before {
    content: "\e941"
}

.icon-image5:before {
    content: "\e942"
}

.icon-camera:before {
    content: "\e944"
}

.icon-shutter:before {
    content: "\e947"
}

.icon-headphones:before {
    content: "\e948"
}

.icon-headset:before {
    content: "\e949"
}

.icon-music:before {
    content: "\e94a"
}

.icon-album:before {
    content: "\e950"
}

.icon-tape:before {
    content: "\e952"
}

.icon-piano:before {
    content: "\e953"
}

.icon-speakers:before {
    content: "\e956"
}

.icon-play:before {
    content: "\e957"
}

.icon-clapboard-play:before {
    content: "\e959"
}

.icon-clapboard:before {
    content: "\e95a"
}

.icon-media:before {
    content: "\e95b"
}

.icon-presentation:before {
    content: "\e95c"
}

.icon-movie:before {
    content: "\e95d"
}

.icon-film:before {
    content: "\e95e"
}

.icon-film2:before {
    content: "\e95f"
}

.icon-film3:before {
    content: "\e960"
}

.icon-film4:before {
    content: "\e961"
}

.icon-video-camera:before {
    content: "\e962"
}

.icon-video-camera2:before {
    content: "\e963"
}

.icon-video-camera-slash:before {
    content: "\e964"
}

.icon-video-camera3:before {
    content: "\e965"
}

.icon-dice:before {
    content: "\e96a"
}

.icon-chess-king:before {
    content: "\e972"
}

.icon-chess-queen:before {
    content: "\e973"
}

.icon-chess:before {
    content: "\e978"
}

.icon-megaphone:before {
    content: "\e97a"
}

.icon-new:before {
    content: "\e97b"
}

.icon-connection:before {
    content: "\e97c"
}

.icon-station:before {
    content: "\e981"
}

.icon-satellite-dish2:before {
    content: "\e98a"
}

.icon-feed:before {
    content: "\e9b3"
}

.icon-mic2:before {
    content: "\e9ce"
}

.icon-mic-off2:before {
    content: "\e9e0"
}

.icon-book:before {
    content: "\e9e1"
}

.icon-book2:before {
    content: "\e9e9"
}

.icon-book-play:before {
    content: "\e9fd"
}

.icon-book3:before {
    content: "\ea01"
}

.icon-bookmark:before {
    content: "\ea02"
}

.icon-books:before {
    content: "\ea03"
}

.icon-archive:before {
    content: "\ea04"
}

.icon-reading:before {
    content: "\ea05"
}

.icon-library2:before {
    content: "\ea06"
}

.icon-graduation2:before {
    content: "\ea07"
}

.icon-file-text:before {
    content: "\ea08"
}

.icon-profile:before {
    content: "\ea09"
}

.icon-file-empty:before {
    content: "\ea0a"
}

.icon-file-empty2:before {
    content: "\ea0b"
}

.icon-files-empty:before {
    content: "\ea0c"
}

.icon-files-empty2:before {
    content: "\ea0d"
}

.icon-file-plus:before {
    content: "\ea0e"
}

.icon-file-plus2:before {
    content: "\ea0f"
}

.icon-file-minus:before {
    content: "\ea10"
}

.icon-file-minus2:before {
    content: "\ea11"
}

.icon-file-download:before {
    content: "\ea12"
}

.icon-file-download2:before {
    content: "\ea13"
}

.icon-file-upload:before {
    content: "\ea14"
}

.icon-file-upload2:before {
    content: "\ea15"
}

.icon-file-check:before {
    content: "\ea16"
}

.icon-file-check2:before {
    content: "\ea17"
}

.icon-file-eye:before {
    content: "\ea18"
}

.icon-file-eye2:before {
    content: "\ea19"
}

.icon-file-text2:before {
    content: "\ea1a"
}

.icon-file-text3:before {
    content: "\ea1b"
}

.icon-file-picture:before {
    content: "\ea1c"
}

.icon-file-picture2:before {
    content: "\ea1d"
}

.icon-file-music:before {
    content: "\ea1e"
}

.icon-file-music2:before {
    content: "\ea1f"
}

.icon-file-play:before {
    content: "\ea20"
}

.icon-file-play2:before {
    content: "\ea21"
}

.icon-file-video:before {
    content: "\ea22"
}

.icon-file-video2:before {
    content: "\ea23"
}

.icon-copy:before {
    content: "\ea24"
}

.icon-copy2:before {
    content: "\ea25"
}

.icon-file-zip:before {
    content: "\ea26"
}

.icon-file-zip2:before {
    content: "\ea27"
}

.icon-file-xml:before {
    content: "\ea28"
}

.icon-file-xml2:before {
    content: "\ea29"
}

.icon-file-css:before {
    content: "\ea2a"
}

.icon-file-css2:before {
    content: "\ea2b"
}

.icon-file-presentation:before {
    content: "\ea2c"
}

.icon-file-presentation2:before {
    content: "\ea2d"
}

.icon-file-stats:before {
    content: "\ea2e"
}

.icon-file-stats2:before {
    content: "\ea2f"
}

.icon-file-locked:before {
    content: "\ea30"
}

.icon-file-locked2:before {
    content: "\ea31"
}

.icon-file-spreadsheet:before {
    content: "\ea32"
}

.icon-file-spreadsheet2:before {
    content: "\ea33"
}

.icon-copy3:before {
    content: "\ea34"
}

.icon-copy4:before {
    content: "\ea35"
}

.icon-paste:before {
    content: "\ea36"
}

.icon-paste2:before {
    content: "\ea37"
}

.icon-paste3:before {
    content: "\ea38"
}

.icon-paste4:before {
    content: "\ea39"
}

.icon-stack:before {
    content: "\ea3a"
}

.icon-stack2:before {
    content: "\ea3b"
}

.icon-stack3:before {
    content: "\ea3c"
}

.icon-folder:before {
    content: "\ea3d"
}

.icon-folder-search:before {
    content: "\ea3e"
}

.icon-folder-download:before {
    content: "\ea3f"
}

.icon-folder-upload:before {
    content: "\ea40"
}

.icon-folder-plus:before {
    content: "\ea41"
}

.icon-folder-plus2:before {
    content: "\ea42"
}

.icon-folder-minus:before {
    content: "\ea43"
}

.icon-folder-minus2:before {
    content: "\ea44"
}

.icon-folder-check:before {
    content: "\ea45"
}

.icon-folder-heart:before {
    content: "\ea46"
}

.icon-folder-remove:before {
    content: "\ea47"
}

.icon-folder2:before {
    content: "\ea48"
}

.icon-folder-open:before {
    content: "\ea49"
}

.icon-folder3:before {
    content: "\ea4a"
}

.icon-folder4:before {
    content: "\ea4b"
}

.icon-folder-plus3:before {
    content: "\ea4c"
}

.icon-folder-minus3:before {
    content: "\ea4d"
}

.icon-folder-plus4:before {
    content: "\ea4e"
}

.icon-folder-minus4:before {
    content: "\ea4f"
}

.icon-folder-download2:before {
    content: "\ea50"
}

.icon-folder-upload2:before {
    content: "\ea51"
}

.icon-folder-download3:before {
    content: "\ea52"
}

.icon-folder-upload3:before {
    content: "\ea53"
}

.icon-folder5:before {
    content: "\ea54"
}

.icon-folder-open2:before {
    content: "\ea55"
}

.icon-folder6:before {
    content: "\ea56"
}

.icon-folder-open3:before {
    content: "\ea57"
}

.icon-certificate:before {
    content: "\ea58"
}

.icon-cc:before {
    content: "\ea59"
}

.icon-price-tag:before {
    content: "\ea5a"
}

.icon-price-tag2:before {
    content: "\ea5b"
}

.icon-price-tags:before {
    content: "\ea5c"
}

.icon-price-tag3:before {
    content: "\ea5d"
}

.icon-price-tags2:before {
    content: "\ea5e"
}

.icon-barcode2:before {
    content: "\ea5f"
}

.icon-qrcode:before {
    content: "\ea60"
}

.icon-ticket:before {
    content: "\ea61"
}

.icon-theater:before {
    content: "\ea62"
}

.icon-store:before {
    content: "\ea63"
}

.icon-store2:before {
    content: "\ea64"
}

.icon-cart:before {
    content: "\ea65"
}

.icon-cart2:before {
    content: "\ea66"
}

.icon-cart4:before {
    content: "\ea67"
}

.icon-cart5:before {
    content: "\ea68"
}

.icon-cart-add:before {
    content: "\ea69"
}

.icon-cart-add2:before {
    content: "\ea6a"
}

.icon-cart-remove:before {
    content: "\ea6b"
}

.icon-basket:before {
    content: "\ea6c"
}

.icon-bag:before {
    content: "\ea6d"
}

.icon-percent:before {
    content: "\ea6f"
}

.icon-coins:before {
    content: "\ea70"
}

.icon-coin-dollar:before {
    content: "\ea71"
}

.icon-coin-euro:before {
    content: "\ea72"
}

.icon-coin-pound:before {
    content: "\ea73"
}

.icon-coin-yen:before {
    content: "\ea74"
}

.icon-piggy-bank:before {
    content: "\ea75"
}

.icon-wallet:before {
    content: "\ea76"
}

.icon-cash:before {
    content: "\ea77"
}

.icon-cash2:before {
    content: "\ea78"
}

.icon-cash3:before {
    content: "\ea79"
}

.icon-cash4:before {
    content: "\ea7a"
}

.icon-credit-card:before {
    content: "\ea6e"
}

.icon-credit-card2:before {
    content: "\ea7b"
}

.icon-calculator4:before {
    content: "\ea7c"
}

.icon-calculator2:before {
    content: "\ea7d"
}

.icon-calculator3:before {
    content: "\ea7e"
}

.icon-chip:before {
    content: "\ea7f"
}

.icon-lifebuoy:before {
    content: "\ea80"
}

.icon-phone:before {
    content: "\ea81"
}

.icon-phone2:before {
    content: "\ea82"
}

.icon-phone-slash:before {
    content: "\ea83"
}

.icon-phone-wave:before {
    content: "\ea84"
}

.icon-phone-plus:before {
    content: "\ea85"
}

.icon-phone-minus:before {
    content: "\ea86"
}

.icon-phone-plus2:before {
    content: "\ea87"
}

.icon-phone-minus2:before {
    content: "\ea88"
}

.icon-phone-incoming:before {
    content: "\ea89"
}

.icon-phone-outgoing:before {
    content: "\ea8a"
}

.icon-phone-hang-up:before {
    content: "\ea8e"
}

.icon-address-book:before {
    content: "\ea90"
}

.icon-address-book2:before {
    content: "\ea91"
}

.icon-address-book3:before {
    content: "\ea92"
}

.icon-notebook:before {
    content: "\ea93"
}

.icon-envelop:before {
    content: "\ea94"
}

.icon-envelop2:before {
    content: "\ea95"
}

.icon-envelop3:before {
    content: "\ea96"
}

.icon-envelop4:before {
    content: "\ea97"
}

.icon-envelop5:before {
    content: "\ea98"
}

.icon-mailbox:before {
    content: "\ea99"
}

.icon-pushpin:before {
    content: "\ea9a"
}

.icon-location3:before {
    content: "\ea9d"
}

.icon-location4:before {
    content: "\ea9e"
}

.icon-compass4:before {
    content: "\ea9f"
}

.icon-map:before {
    content: "\eaa0"
}

.icon-map4:before {
    content: "\eaa1"
}

.icon-map5:before {
    content: "\eaa2"
}

.icon-direction:before {
    content: "\eaa3"
}

.icon-reset:before {
    content: "\eaa4"
}

.icon-history:before {
    content: "\eaa5"
}

.icon-watch:before {
    content: "\eaa6"
}

.icon-watch2:before {
    content: "\eaa7"
}

.icon-alarm:before {
    content: "\eaa8"
}

.icon-alarm-add:before {
    content: "\eaa9"
}

.icon-alarm-check:before {
    content: "\eaaa"
}

.icon-alarm-cancel:before {
    content: "\eaab"
}

.icon-bell2:before {
    content: "\eaac"
}

.icon-bell3:before {
    content: "\eaad"
}

.icon-bell-plus:before {
    content: "\eaae"
}

.icon-bell-minus:before {
    content: "\eaaf"
}

.icon-bell-check:before {
    content: "\eab0"
}

.icon-bell-cross:before {
    content: "\eab1"
}

.icon-calendar:before {
    content: "\eab2"
}

.icon-calendar2:before {
    content: "\eab3"
}

.icon-calendar3:before {
    content: "\eab4"
}

.icon-calendar52:before {
    content: "\eab6"
}

.icon-printer:before {
    content: "\eab7"
}

.icon-printer2:before {
    content: "\eab8"
}

.icon-printer4:before {
    content: "\eab9"
}

.icon-shredder:before {
    content: "\eaba"
}

.icon-mouse:before {
    content: "\eabb"
}

.icon-mouse-left:before {
    content: "\eabc"
}

.icon-mouse-right:before {
    content: "\eabd"
}

.icon-keyboard:before {
    content: "\eabe"
}

.icon-typewriter:before {
    content: "\eabf"
}

.icon-display:before {
    content: "\eac0"
}

.icon-display4:before {
    content: "\eac1"
}

.icon-laptop:before {
    content: "\eac2"
}

.icon-mobile:before {
    content: "\eac3"
}

.icon-mobile2:before {
    content: "\eac4"
}

.icon-tablet:before {
    content: "\eac5"
}

.icon-mobile3:before {
    content: "\eac6"
}

.icon-tv:before {
    content: "\eac7"
}

.icon-radio:before {
    content: "\eac8"
}

.icon-cabinet:before {
    content: "\eac9"
}

.icon-drawer:before {
    content: "\eaca"
}

.icon-drawer2:before {
    content: "\eacb"
}

.icon-drawer-out:before {
    content: "\eacc"
}

.icon-drawer-in:before {
    content: "\eacd"
}

.icon-drawer3:before {
    content: "\eace"
}

.icon-box:before {
    content: "\eacf"
}

.icon-box-add:before {
    content: "\ead0"
}

.icon-box-remove:before {
    content: "\ead1"
}

.icon-download:before {
    content: "\ead2"
}

.icon-upload:before {
    content: "\ead3"
}

.icon-floppy-disk:before {
    content: "\ead4"
}

.icon-floppy-disks:before {
    content: "\ead5"
}

.icon-usb-stick:before {
    content: "\ead6"
}

.icon-drive:before {
    content: "\ead7"
}

.icon-server:before {
    content: "\ead8"
}

.icon-database:before {
    content: "\ead9"
}

.icon-database2:before {
    content: "\eada"
}

.icon-database4:before {
    content: "\eadb"
}

.icon-database-menu:before {
    content: "\eadc"
}

.icon-database-add:before {
    content: "\eadd"
}

.icon-database-remove:before {
    content: "\eade"
}

.icon-database-insert:before {
    content: "\eadf"
}

.icon-database-export:before {
    content: "\eae0"
}

.icon-database-upload:before {
    content: "\eae1"
}

.icon-database-refresh:before {
    content: "\eae2"
}

.icon-database-diff:before {
    content: "\eae3"
}

.icon-database-edit2:before {
    content: "\eae5"
}

.icon-database-check:before {
    content: "\eae6"
}

.icon-database-arrow:before {
    content: "\eae7"
}

.icon-database-time2:before {
    content: "\eae9"
}

.icon-undo:before {
    content: "\eaea"
}

.icon-redo:before {
    content: "\eaeb"
}

.icon-rotate-ccw:before {
    content: "\eaec"
}

.icon-rotate-cw:before {
    content: "\eaed"
}

.icon-rotate-ccw2:before {
    content: "\eaee"
}

.icon-rotate-cw2:before {
    content: "\eaef"
}

.icon-rotate-ccw3:before {
    content: "\eaf0"
}

.icon-rotate-cw3:before {
    content: "\eaf1"
}

.icon-flip-vertical2:before {
    content: "\eaf2"
}

.icon-flip-horizontal2:before {
    content: "\eaf3"
}

.icon-flip-vertical3:before {
    content: "\eaf4"
}

.icon-flip-vertical4:before {
    content: "\eaf5"
}

.icon-angle:before {
    content: "\eaf6"
}

.icon-shear:before {
    content: "\eaf7"
}

.icon-align-left:before {
    content: "\eafc"
}

.icon-align-center-horizontal:before {
    content: "\eafd"
}

.icon-align-right:before {
    content: "\eafe"
}

.icon-align-top:before {
    content: "\eaff"
}

.icon-align-center-vertical:before {
    content: "\eb00"
}

.icon-align-bottom:before {
    content: "\eb01"
}

.icon-undo2:before {
    content: "\eb02"
}

.icon-redo2:before {
    content: "\eb03"
}

.icon-forward:before {
    content: "\eb04"
}

.icon-reply:before {
    content: "\eb05"
}

.icon-reply-all:before {
    content: "\eb06"
}

.icon-bubble:before {
    content: "\eb07"
}

.icon-bubbles:before {
    content: "\eb08"
}

.icon-bubbles2:before {
    content: "\eb09"
}

.icon-bubble2:before {
    content: "\eb0a"
}

.icon-bubbles3:before {
    content: "\eb0b"
}

.icon-bubbles4:before {
    content: "\eb0c"
}

.icon-bubble-notification:before {
    content: "\eb0d"
}

.icon-bubbles5:before {
    content: "\eb0e"
}

.icon-bubbles6:before {
    content: "\eb0f"
}

.icon-bubble6:before {
    content: "\eb10"
}

.icon-bubbles7:before {
    content: "\eb11"
}

.icon-bubble7:before {
    content: "\eb12"
}

.icon-bubbles8:before {
    content: "\eb13"
}

.icon-bubble8:before {
    content: "\eb14"
}

.icon-bubble-dots3:before {
    content: "\eb15"
}

.icon-bubble-lines3:before {
    content: "\eb16"
}

.icon-bubble9:before {
    content: "\eb17"
}

.icon-bubble-dots4:before {
    content: "\eb18"
}

.icon-bubble-lines4:before {
    content: "\eb19"
}

.icon-bubbles9:before {
    content: "\eb1a"
}

.icon-bubbles10:before {
    content: "\eb1b"
}

.icon-user:before {
    content: "\eb33"
}

.icon-users:before {
    content: "\eb34"
}

.icon-user-plus:before {
    content: "\eb35"
}

.icon-user-minus:before {
    content: "\eb36"
}

.icon-user-cancel:before {
    content: "\eb37"
}

.icon-user-block:before {
    content: "\eb38"
}

.icon-user-lock:before {
    content: "\eb39"
}

.icon-user-check:before {
    content: "\eb3a"
}

.icon-users2:before {
    content: "\eb3b"
}

.icon-users4:before {
    content: "\eb44"
}

.icon-user-tie:before {
    content: "\eb45"
}

.icon-collaboration:before {
    content: "\eb46"
}

.icon-vcard:before {
    content: "\eb47"
}

.icon-hat:before {
    content: "\ebb8"
}

.icon-bowtie:before {
    content: "\ebb9"
}

.icon-quotes-left:before {
    content: "\eb49"
}

.icon-quotes-right:before {
    content: "\eb4a"
}

.icon-quotes-left2:before {
    content: "\eb4b"
}

.icon-quotes-right2:before {
    content: "\eb4c"
}

.icon-hour-glass:before {
    content: "\eb4d"
}

.icon-hour-glass2:before {
    content: "\eb4e"
}

.icon-hour-glass3:before {
    content: "\eb4f"
}

.icon-spinner:before {
    content: "\eb50"
}

.icon-spinner2:before {
    content: "\eb51"
}

.icon-spinner3:before {
    content: "\eb52"
}

.icon-spinner4:before {
    content: "\eb53"
}

.icon-spinner6:before {
    content: "\eb54"
}

.icon-spinner9:before {
    content: "\eb55"
}

.icon-spinner10:before {
    content: "\eb56"
}

.icon-spinner11:before {
    content: "\eb57"
}

.icon-microscope:before {
    content: "\eb58"
}

.icon-enlarge:before {
    content: "\eb59"
}

.icon-shrink:before {
    content: "\eb5a"
}

.icon-enlarge3:before {
    content: "\eb5b"
}

.icon-shrink3:before {
    content: "\eb5c"
}

.icon-enlarge5:before {
    content: "\eb5d"
}

.icon-shrink5:before {
    content: "\eb5e"
}

.icon-enlarge6:before {
    content: "\eb5f"
}

.icon-shrink6:before {
    content: "\eb60"
}

.icon-enlarge7:before {
    content: "\eb61"
}

.icon-shrink7:before {
    content: "\eb62"
}

.icon-key:before {
    content: "\eb63"
}

.icon-lock:before {
    content: "\eb65"
}

.icon-lock2:before {
    content: "\eb66"
}

.icon-lock4:before {
    content: "\eb67"
}

.icon-unlocked:before {
    content: "\eb68"
}

.icon-lock5:before {
    content: "\eb69"
}

.icon-unlocked2:before {
    content: "\eb6a"
}

.icon-safe:before {
    content: "\eb6b"
}

.icon-wrench:before {
    content: "\eb6c"
}

.icon-wrench2:before {
    content: "\eb6d"
}

.icon-wrench3:before {
    content: "\eb6e"
}

.icon-equalizer:before {
    content: "\eb6f"
}

.icon-equalizer2:before {
    content: "\eb70"
}

.icon-equalizer3:before {
    content: "\eb71"
}

.icon-equalizer4:before {
    content: "\eb72"
}

.icon-cog:before {
    content: "\eb73"
}

.icon-cogs:before {
    content: "\eb74"
}

.icon-cog2:before {
    content: "\eb75"
}

.icon-cog3:before {
    content: "\eb76"
}

.icon-cog4:before {
    content: "\eb77"
}

.icon-cog52:before {
    content: "\eb78"
}

.icon-cog6:before {
    content: "\eb79"
}

.icon-cog7:before {
    content: "\eb7a"
}

.icon-hammer:before {
    content: "\eb7c"
}

.icon-hammer-wrench:before {
    content: "\eb7d"
}

.icon-magic-wand:before {
    content: "\eb7e"
}

.icon-magic-wand2:before {
    content: "\eb7f"
}

.icon-pulse2:before {
    content: "\eb80"
}

.icon-aid-kit:before {
    content: "\eb81"
}

.icon-bug2:before {
    content: "\eb83"
}

.icon-construction:before {
    content: "\eb85"
}

.icon-traffic-cone:before {
    content: "\eb86"
}

.icon-traffic-lights:before {
    content: "\eb87"
}

.icon-pie-chart:before {
    content: "\eb88"
}

.icon-pie-chart2:before {
    content: "\eb89"
}

.icon-pie-chart3:before {
    content: "\eb8a"
}

.icon-pie-chart4:before {
    content: "\eb8b"
}

.icon-pie-chart5:before {
    content: "\eb8c"
}

.icon-pie-chart6:before {
    content: "\eb8d"
}

.icon-pie-chart7:before {
    content: "\eb8e"
}

.icon-stats-dots:before {
    content: "\eb8f"
}

.icon-stats-bars:before {
    content: "\eb90"
}

.icon-pie-chart8:before {
    content: "\eb91"
}

.icon-stats-bars2:before {
    content: "\eb92"
}

.icon-stats-bars3:before {
    content: "\eb93"
}

.icon-stats-bars4:before {
    content: "\eb94"
}

.icon-chart:before {
    content: "\eb97"
}

.icon-stats-growth:before {
    content: "\eb98"
}

.icon-stats-decline:before {
    content: "\eb99"
}

.icon-stats-growth2:before {
    content: "\eb9a"
}

.icon-stats-decline2:before {
    content: "\eb9b"
}

.icon-stairs-up:before {
    content: "\eb9c"
}

.icon-stairs-down:before {
    content: "\eb9d"
}

.icon-stairs:before {
    content: "\eb9e"
}

.icon-ladder:before {
    content: "\eba0"
}

.icon-rating:before {
    content: "\eba1"
}

.icon-rating2:before {
    content: "\eba2"
}

.icon-rating3:before {
    content: "\eba3"
}

.icon-podium:before {
    content: "\eba5"
}

.icon-stars:before {
    content: "\eba6"
}

.icon-medal-star:before {
    content: "\eba7"
}

.icon-medal:before {
    content: "\eba8"
}

.icon-medal2:before {
    content: "\eba9"
}

.icon-medal-first:before {
    content: "\ebaa"
}

.icon-medal-second:before {
    content: "\ebab"
}

.icon-medal-third:before {
    content: "\ebac"
}

.icon-crown:before {
    content: "\ebad"
}

.icon-trophy2:before {
    content: "\ebaf"
}

.icon-trophy3:before {
    content: "\ebb0"
}

.icon-diamond:before {
    content: "\ebb1"
}

.icon-trophy4:before {
    content: "\ebb2"
}

.icon-gift:before {
    content: "\ebb3"
}

.icon-pipe:before {
    content: "\ebb6"
}

.icon-mustache:before {
    content: "\ebb7"
}

.icon-cup2:before {
    content: "\ebc6"
}

.icon-coffee:before {
    content: "\ebc8"
}

.icon-paw:before {
    content: "\ebd5"
}

.icon-footprint:before {
    content: "\ebd6"
}

.icon-rocket:before {
    content: "\ebda"
}

.icon-meter2:before {
    content: "\ebdc"
}

.icon-meter-slow:before {
    content: "\ebdd"
}

.icon-meter-fast:before {
    content: "\ebdf"
}

.icon-hammer2:before {
    content: "\ebe1"
}

.icon-balance:before {
    content: "\ebe2"
}

.icon-fire:before {
    content: "\ebe5"
}

.icon-fire2:before {
    content: "\ebe6"
}

.icon-lab:before {
    content: "\ebe7"
}

.icon-atom:before {
    content: "\ebe8"
}

.icon-atom2:before {
    content: "\ebe9"
}

.icon-bin:before {
    content: "\ebfa"
}

.icon-bin2:before {
    content: "\ebfb"
}

.icon-briefcase:before {
    content: "\ebff"
}

.icon-briefcase3:before {
    content: "\ec01"
}

.icon-airplane2:before {
    content: "\ec03"
}

.icon-airplane3:before {
    content: "\ec04"
}

.icon-airplane4:before {
    content: "\ec05"
}

.icon-paperplane:before {
    content: "\ec06"
}

.icon-car:before {
    content: "\ec07"
}

.icon-steering-wheel:before {
    content: "\ec08"
}

.icon-car2:before {
    content: "\ec09"
}

.icon-gas:before {
    content: "\ec0a"
}

.icon-bus:before {
    content: "\ec0b"
}

.icon-truck:before {
    content: "\ec0c"
}

.icon-bike:before {
    content: "\ec0d"
}

.icon-road:before {
    content: "\ec0e"
}

.icon-train:before {
    content: "\ec0f"
}

.icon-train2:before {
    content: "\ec10"
}

.icon-ship:before {
    content: "\ec11"
}

.icon-boat:before {
    content: "\ec12"
}

.icon-chopper:before {
    content: "\ec13"
}

.icon-cube:before {
    content: "\ec15"
}

.icon-cube2:before {
    content: "\ec16"
}

.icon-cube3:before {
    content: "\ec17"
}

.icon-cube4:before {
    content: "\ec18"
}

.icon-pyramid:before {
    content: "\ec19"
}

.icon-pyramid2:before {
    content: "\ec1a"
}

.icon-package:before {
    content: "\ec1b"
}

.icon-puzzle:before {
    content: "\ec1c"
}

.icon-puzzle2:before {
    content: "\ec1d"
}

.icon-puzzle3:before {
    content: "\ec1e"
}

.icon-puzzle4:before {
    content: "\ec1f"
}

.icon-glasses-3d2:before {
    content: "\ec21"
}

.icon-brain:before {
    content: "\ec24"
}

.icon-accessibility:before {
    content: "\ec25"
}

.icon-accessibility2:before {
    content: "\ec26"
}

.icon-strategy:before {
    content: "\ec27"
}

.icon-target:before {
    content: "\ec28"
}

.icon-target2:before {
    content: "\ec29"
}

.icon-shield-check:before {
    content: "\ec2f"
}

.icon-shield-notice:before {
    content: "\ec30"
}

.icon-shield2:before {
    content: "\ec31"
}

.icon-racing:before {
    content: "\ec40"
}

.icon-finish:before {
    content: "\ec41"
}

.icon-power2:before {
    content: "\ec46"
}

.icon-power3:before {
    content: "\ec47"
}

.icon-switch:before {
    content: "\ec48"
}

.icon-switch22:before {
    content: "\ec49"
}

.icon-power-cord:before {
    content: "\ec4a"
}

.icon-clipboard:before {
    content: "\ec4d"
}

.icon-clipboard2:before {
    content: "\ec4e"
}

.icon-clipboard3:before {
    content: "\ec4f"
}

.icon-clipboard4:before {
    content: "\ec50"
}

.icon-clipboard5:before {
    content: "\ec51"
}

.icon-clipboard6:before {
    content: "\ec52"
}

.icon-playlist:before {
    content: "\ec53"
}

.icon-playlist-add:before {
    content: "\ec54"
}

.icon-list-numbered:before {
    content: "\ec55"
}

.icon-list:before {
    content: "\ec56"
}

.icon-list2:before {
    content: "\ec57"
}

.icon-more:before {
    content: "\ec58"
}

.icon-more2:before {
    content: "\ec59"
}

.icon-grid:before {
    content: "\ec5a"
}

.icon-grid2:before {
    content: "\ec5b"
}

.icon-grid3:before {
    content: "\ec5c"
}

.icon-grid4:before {
    content: "\ec5d"
}

.icon-grid52:before {
    content: "\ec5e"
}

.icon-grid6:before {
    content: "\ec5f"
}

.icon-grid7:before {
    content: "\ec60"
}

.icon-tree5:before {
    content: "\ec61"
}

.icon-tree6:before {
    content: "\ec62"
}

.icon-tree7:before {
    content: "\ec63"
}

.icon-lan:before {
    content: "\ec64"
}

.icon-lan2:before {
    content: "\ec65"
}

.icon-lan3:before {
    content: "\ec66"
}

.icon-menu:before {
    content: "\ec67"
}

.icon-circle-small:before {
    content: "\ec68"
}

.icon-menu2:before {
    content: "\ec69"
}

.icon-menu3:before {
    content: "\ec6a"
}

.icon-menu4:before {
    content: "\ec6b"
}

.icon-menu5:before {
    content: "\ec6c"
}

.icon-menu62:before {
    content: "\ec6d"
}

.icon-menu7:before {
    content: "\ec6e"
}

.icon-menu8:before {
    content: "\ec6f"
}

.icon-menu9:before {
    content: "\ec70"
}

.icon-menu10:before {
    content: "\ec71"
}

.icon-cloud:before {
    content: "\ec72"
}

.icon-cloud-download:before {
    content: "\ec73"
}

.icon-cloud-upload:before {
    content: "\ec74"
}

.icon-cloud-check:before {
    content: "\ec75"
}

.icon-cloud2:before {
    content: "\ec76"
}

.icon-cloud-download2:before {
    content: "\ec77"
}

.icon-cloud-upload2:before {
    content: "\ec78"
}

.icon-cloud-check2:before {
    content: "\ec79"
}

.icon-import:before {
    content: "\ec7e"
}

.icon-download4:before {
    content: "\ec80"
}

.icon-upload4:before {
    content: "\ec81"
}

.icon-download7:before {
    content: "\ec86"
}

.icon-upload7:before {
    content: "\ec87"
}

.icon-download10:before {
    content: "\ec8c"
}

.icon-upload10:before {
    content: "\ec8d"
}

.icon-sphere:before {
    content: "\ec8e"
}

.icon-sphere3:before {
    content: "\ec90"
}

.icon-earth:before {
    content: "\ec93"
}

.icon-link:before {
    content: "\ec96"
}

.icon-unlink:before {
    content: "\ec97"
}

.icon-link2:before {
    content: "\ec98"
}

.icon-unlink2:before {
    content: "\ec99"
}

.icon-anchor:before {
    content: "\eca0"
}

.icon-flag3:before {
    content: "\eca3"
}

.icon-flag4:before {
    content: "\eca4"
}

.icon-flag7:before {
    content: "\eca7"
}

.icon-flag8:before {
    content: "\eca8"
}

.icon-attachment:before {
    content: "\eca9"
}

.icon-attachment2:before {
    content: "\ecaa"
}

.icon-eye:before {
    content: "\ecab"
}

.icon-eye-plus:before {
    content: "\ecac"
}

.icon-eye-minus:before {
    content: "\ecad"
}

.icon-eye-blocked:before {
    content: "\ecae"
}

.icon-eye2:before {
    content: "\ecaf"
}

.icon-eye-blocked2:before {
    content: "\ecb0"
}

.icon-eye4:before {
    content: "\ecb3"
}

.icon-bookmark2:before {
    content: "\ecb4"
}

.icon-bookmark3:before {
    content: "\ecb5"
}

.icon-bookmarks:before {
    content: "\ecb6"
}

.icon-bookmark4:before {
    content: "\ecb7"
}

.icon-spotlight2:before {
    content: "\ecb8"
}

.icon-starburst:before {
    content: "\ecb9"
}

.icon-snowflake:before {
    content: "\ecba"
}

.icon-weather-windy:before {
    content: "\ecd0"
}

.icon-fan:before {
    content: "\ecd1"
}

.icon-umbrella:before {
    content: "\ecd2"
}

.icon-sun3:before {
    content: "\ecd3"
}

.icon-contrast:before {
    content: "\ecd4"
}

.icon-bed2:before {
    content: "\ecda"
}

.icon-furniture:before {
    content: "\ecdb"
}

.icon-chair:before {
    content: "\ecdc"
}

.icon-star-empty3:before {
    content: "\ece0"
}

.icon-star-half:before {
    content: "\ece1"
}

.icon-star-full2:before {
    content: "\ece2"
}

.icon-heart5:before {
    content: "\ece9"
}

.icon-heart6:before {
    content: "\ecea"
}

.icon-heart-broken2:before {
    content: "\eceb"
}

.icon-thumbs-up2:before {
    content: "\ecf2"
}

.icon-thumbs-down2:before {
    content: "\ecf4"
}

.icon-thumbs-up3:before {
    content: "\ecf5"
}

.icon-thumbs-down3:before {
    content: "\ecf6"
}

.icon-height:before {
    content: "\ecf7"
}

.icon-man:before {
    content: "\ecf8"
}

.icon-woman:before {
    content: "\ecf9"
}

.icon-man-woman:before {
    content: "\ecfa"
}

.icon-yin-yang:before {
    content: "\ecfe"
}

.icon-cursor:before {
    content: "\ed23"
}

.icon-cursor2:before {
    content: "\ed24"
}

.icon-lasso2:before {
    content: "\ed26"
}

.icon-select2:before {
    content: "\ed28"
}

.icon-point-up:before {
    content: "\ed29"
}

.icon-point-right:before {
    content: "\ed2a"
}

.icon-point-down:before {
    content: "\ed2b"
}

.icon-point-left:before {
    content: "\ed2c"
}

.icon-pointer:before {
    content: "\ed2d"
}

.icon-reminder:before {
    content: "\ed2e"
}

.icon-drag-left-right:before {
    content: "\ed2f"
}

.icon-drag-left:before {
    content: "\ed30"
}

.icon-drag-right:before {
    content: "\ed31"
}

.icon-touch:before {
    content: "\ed32"
}

.icon-multitouch:before {
    content: "\ed33"
}

.icon-touch-zoom:before {
    content: "\ed34"
}

.icon-touch-pinch:before {
    content: "\ed35"
}

.icon-hand:before {
    content: "\ed36"
}

.icon-grab:before {
    content: "\ed37"
}

.icon-stack-empty:before {
    content: "\ed38"
}

.icon-stack-plus:before {
    content: "\ed39"
}

.icon-stack-minus:before {
    content: "\ed3a"
}

.icon-stack-star:before {
    content: "\ed3b"
}

.icon-stack-picture:before {
    content: "\ed3c"
}

.icon-stack-down:before {
    content: "\ed3d"
}

.icon-stack-up:before {
    content: "\ed3e"
}

.icon-stack-cancel:before {
    content: "\ed3f"
}

.icon-stack-check:before {
    content: "\ed40"
}

.icon-stack-text:before {
    content: "\ed41"
}

.icon-stack4:before {
    content: "\ed47"
}

.icon-stack-music:before {
    content: "\ed48"
}

.icon-stack-play:before {
    content: "\ed49"
}

.icon-move:before {
    content: "\ed4a"
}

.icon-dots:before {
    content: "\ed4b"
}

.icon-warning:before {
    content: "\ed4c"
}

.icon-warning22:before {
    content: "\ed4d"
}

.icon-notification2:before {
    content: "\ed4f"
}

.icon-question3:before {
    content: "\ed52"
}

.icon-question4:before {
    content: "\ed53"
}

.icon-plus3:before {
    content: "\ed5a"
}

.icon-minus3:before {
    content: "\ed5b"
}

.icon-plus-circle2:before {
    content: "\ed5e"
}

.icon-minus-circle2:before {
    content: "\ed5f"
}

.icon-cancel-circle2:before {
    content: "\ed63"
}

.icon-blocked:before {
    content: "\ed64"
}

.icon-cancel-square:before {
    content: "\ed65"
}

.icon-cancel-square2:before {
    content: "\ed66"
}

.icon-spam:before {
    content: "\ed68"
}

.icon-cross2:before {
    content: "\ed6a"
}

.icon-cross3:before {
    content: "\ed6b"
}

.icon-checkmark:before {
    content: "\ed6c"
}

.icon-checkmark3:before {
    content: "\ed6e"
}

.icon-checkmark2:before {
    content: "\e372"
}

.icon-checkmark4:before {
    content: "\ed6f"
}

.icon-spell-check:before {
    content: "\ed71"
}

.icon-spell-check2:before {
    content: "\ed72"
}

.icon-enter:before {
    content: "\ed73"
}

.icon-exit:before {
    content: "\ed74"
}

.icon-enter2:before {
    content: "\ed75"
}

.icon-exit2:before {
    content: "\ed76"
}

.icon-enter3:before {
    content: "\ed77"
}

.icon-exit3:before {
    content: "\ed78"
}

.icon-wall:before {
    content: "\ed79"
}

.icon-fence:before {
    content: "\ed7a"
}

.icon-play3:before {
    content: "\ed7b"
}

.icon-pause:before {
    content: "\ed7c"
}

.icon-stop:before {
    content: "\ed7d"
}

.icon-previous:before {
    content: "\ed7e"
}

.icon-next:before {
    content: "\ed7f"
}

.icon-backward:before {
    content: "\ed80"
}

.icon-forward2:before {
    content: "\ed81"
}

.icon-play4:before {
    content: "\ed82"
}

.icon-pause2:before {
    content: "\ed83"
}

.icon-stop2:before {
    content: "\ed84"
}

.icon-backward2:before {
    content: "\ed85"
}

.icon-forward3:before {
    content: "\ed86"
}

.icon-first:before {
    content: "\ed87"
}

.icon-last:before {
    content: "\ed88"
}

.icon-previous2:before {
    content: "\ed89"
}

.icon-next2:before {
    content: "\ed8a"
}

.icon-eject:before {
    content: "\ed8b"
}

.icon-volume-high:before {
    content: "\ed8c"
}

.icon-volume-medium:before {
    content: "\ed8d"
}

.icon-volume-low:before {
    content: "\ed8e"
}

.icon-volume-mute:before {
    content: "\ed8f"
}

.icon-speaker-left:before {
    content: "\ed90"
}

.icon-speaker-right:before {
    content: "\ed91"
}

.icon-volume-mute2:before {
    content: "\ed92"
}

.icon-volume-increase:before {
    content: "\ed93"
}

.icon-volume-decrease:before {
    content: "\ed94"
}

.icon-volume-mute5:before {
    content: "\eda4"
}

.icon-loop:before {
    content: "\eda5"
}

.icon-loop3:before {
    content: "\eda7"
}

.icon-infinite-square:before {
    content: "\eda8"
}

.icon-infinite:before {
    content: "\eda9"
}

.icon-loop4:before {
    content: "\edab"
}

.icon-shuffle:before {
    content: "\edac"
}

.icon-wave:before {
    content: "\edae"
}

.icon-wave2:before {
    content: "\edaf"
}

.icon-split:before {
    content: "\edb0"
}

.icon-merge:before {
    content: "\edb1"
}

.icon-arrow-up5:before {
    content: "\edc4"
}

.icon-arrow-right5:before {
    content: "\edc5"
}

.icon-arrow-down5:before {
    content: "\edc6"
}

.icon-arrow-left5:before {
    content: "\edc7"
}

.icon-arrow-up-left2:before {
    content: "\edd0"
}

.icon-arrow-up7:before {
    content: "\edd1"
}

.icon-arrow-up-right2:before {
    content: "\edd2"
}

.icon-arrow-right7:before {
    content: "\edd3"
}

.icon-arrow-down-right2:before {
    content: "\edd4"
}

.icon-arrow-down7:before {
    content: "\edd5"
}

.icon-arrow-down-left2:before {
    content: "\edd6"
}

.icon-arrow-left7:before {
    content: "\edd7"
}

.icon-arrow-up-left3:before {
    content: "\edd8"
}

.icon-arrow-up8:before {
    content: "\edd9"
}

.icon-arrow-up-right3:before {
    content: "\edda"
}

.icon-arrow-right8:before {
    content: "\eddb"
}

.icon-arrow-down-right3:before {
    content: "\eddc"
}

.icon-arrow-down8:before {
    content: "\eddd"
}

.icon-arrow-down-left3:before {
    content: "\edde"
}

.icon-arrow-left8:before {
    content: "\eddf"
}

.icon-circle-up2:before {
    content: "\ede4"
}

.icon-circle-right2:before {
    content: "\ede5"
}

.icon-circle-down2:before {
    content: "\ede6"
}

.icon-circle-left2:before {
    content: "\ede7"
}

.icon-arrow-resize7:before {
    content: "\edfe"
}

.icon-arrow-resize8:before {
    content: "\edff"
}

.icon-square-up-left:before {
    content: "\ee00"
}

.icon-square-up:before {
    content: "\ee01"
}

.icon-square-up-right:before {
    content: "\ee02"
}

.icon-square-right:before {
    content: "\ee03"
}

.icon-square-down-right:before {
    content: "\ee04"
}

.icon-square-down:before {
    content: "\ee05"
}

.icon-square-down-left:before {
    content: "\ee06"
}

.icon-square-left:before {
    content: "\ee07"
}

.icon-arrow-up15:before {
    content: "\ee30"
}

.icon-arrow-right15:before {
    content: "\ee31"
}

.icon-arrow-down15:before {
    content: "\ee32"
}

.icon-arrow-left15:before {
    content: "\ee33"
}

.icon-arrow-up16:before {
    content: "\ee34"
}

.icon-arrow-right16:before {
    content: "\ee35"
}

.icon-arrow-down16:before {
    content: "\ee36"
}

.icon-arrow-left16:before {
    content: "\ee37"
}

.icon-menu-open:before {
    content: "\ee38"
}

.icon-menu-open2:before {
    content: "\ee39"
}

.icon-menu-close:before {
    content: "\ee3a"
}

.icon-menu-close2:before {
    content: "\ee3b"
}

.icon-enter5:before {
    content: "\ee3d"
}

.icon-esc:before {
    content: "\ee3e"
}

.icon-enter6:before {
    content: "\ee3f"
}

.icon-backspace:before {
    content: "\ee40"
}

.icon-backspace2:before {
    content: "\ee41"
}

.icon-tab:before {
    content: "\ee42"
}

.icon-transmission:before {
    content: "\ee43"
}

.icon-sort:before {
    content: "\ee45"
}

.icon-move-up2:before {
    content: "\ee47"
}

.icon-move-down2:before {
    content: "\ee48"
}

.icon-sort-alpha-asc:before {
    content: "\ee49"
}

.icon-sort-alpha-desc:before {
    content: "\ee4a"
}

.icon-sort-numeric-asc:before {
    content: "\ee4b"
}

.icon-sort-numberic-desc:before {
    content: "\ee4c"
}

.icon-sort-amount-asc:before {
    content: "\ee4d"
}

.icon-sort-amount-desc:before {
    content: "\ee4e"
}

.icon-sort-time-asc:before {
    content: "\ee4f"
}

.icon-sort-time-desc:before {
    content: "\ee50"
}

.icon-battery-6:before {
    content: "\ee51"
}

.icon-battery-0:before {
    content: "\ee57"
}

.icon-battery-charging:before {
    content: "\ee58"
}

.icon-command:before {
    content: "\ee5f"
}

.icon-shift:before {
    content: "\ee60"
}

.icon-ctrl:before {
    content: "\ee61"
}

.icon-opt:before {
    content: "\ee62"
}

.icon-checkbox-checked:before {
    content: "\ee63"
}

.icon-checkbox-unchecked:before {
    content: "\ee64"
}

.icon-checkbox-partial:before {
    content: "\ee65"
}

.icon-square:before {
    content: "\ee66"
}

.icon-triangle:before {
    content: "\ee67"
}

.icon-triangle2:before {
    content: "\ee68"
}

.icon-diamond3:before {
    content: "\ee69"
}

.icon-diamond4:before {
    content: "\ee6a"
}

.icon-checkbox-checked2:before {
    content: "\ee6b"
}

.icon-checkbox-unchecked2:before {
    content: "\ee6c"
}

.icon-checkbox-partial2:before {
    content: "\ee6d"
}

.icon-radio-checked:before {
    content: "\ee6e"
}

.icon-radio-checked2:before {
    content: "\ee6f"
}

.icon-radio-unchecked:before {
    content: "\ee70"
}

.icon-checkmark-circle:before {
    content: "\ee73"
}

.icon-circle:before {
    content: "\ee74"
}

.icon-circle2:before {
    content: "\ee75"
}

.icon-circles:before {
    content: "\ee76"
}

.icon-circles2:before {
    content: "\ee77"
}

.icon-crop:before {
    content: "\ee78"
}

.icon-crop2:before {
    content: "\ee79"
}

.icon-make-group:before {
    content: "\ee7a"
}

.icon-ungroup:before {
    content: "\ee7b"
}

.icon-vector:before {
    content: "\ee7c"
}

.icon-vector2:before {
    content: "\ee7d"
}

.icon-rulers:before {
    content: "\ee7e"
}

.icon-pencil-ruler:before {
    content: "\ee80"
}

.icon-scissors:before {
    content: "\ee81"
}

.icon-filter3:before {
    content: "\ee88"
}

.icon-filter4:before {
    content: "\ee89"
}

.icon-font:before {
    content: "\ee8a"
}

.icon-ampersand2:before {
    content: "\ee8b"
}

.icon-ligature:before {
    content: "\ee8c"
}

.icon-font-size:before {
    content: "\ee8e"
}

.icon-typography:before {
    content: "\ee8f"
}

.icon-text-height:before {
    content: "\ee90"
}

.icon-text-width:before {
    content: "\ee91"
}

.icon-height2:before {
    content: "\ee92"
}

.icon-width:before {
    content: "\ee93"
}

.icon-strikethrough2:before {
    content: "\ee98"
}

.icon-font-size2:before {
    content: "\ee99"
}

.icon-bold2:before {
    content: "\ee9a"
}

.icon-underline2:before {
    content: "\ee9b"
}

.icon-italic2:before {
    content: "\ee9c"
}

.icon-strikethrough3:before {
    content: "\ee9d"
}

.icon-omega:before {
    content: "\ee9e"
}

.icon-sigma:before {
    content: "\ee9f"
}

.icon-nbsp:before {
    content: "\eea0"
}

.icon-page-break:before {
    content: "\eea1"
}

.icon-page-break2:before {
    content: "\eea2"
}

.icon-superscript:before {
    content: "\eea3"
}

.icon-subscript:before {
    content: "\eea4"
}

.icon-superscript2:before {
    content: "\eea5"
}

.icon-subscript2:before {
    content: "\eea6"
}

.icon-text-color:before {
    content: "\eea7"
}

.icon-highlight:before {
    content: "\eea8"
}

.icon-pagebreak:before {
    content: "\eea9"
}

.icon-clear-formatting:before {
    content: "\eeaa"
}

.icon-table:before {
    content: "\eeab"
}

.icon-table2:before {
    content: "\eeac"
}

.icon-insert-template:before {
    content: "\eead"
}

.icon-pilcrow:before {
    content: "\eeae"
}

.icon-ltr:before {
    content: "\eeaf"
}

.icon-rtl:before {
    content: "\eeb0"
}

.icon-ltr2:before {
    content: "\eeb1"
}

.icon-rtl2:before {
    content: "\eeb2"
}

.icon-section:before {
    content: "\eeb3"
}

.icon-paragraph-left2:before {
    content: "\eeb8"
}

.icon-paragraph-center2:before {
    content: "\eeb9"
}

.icon-paragraph-right2:before {
    content: "\eeba"
}

.icon-paragraph-justify2:before {
    content: "\eebb"
}

.icon-indent-increase:before {
    content: "\eebc"
}

.icon-indent-decrease:before {
    content: "\eebd"
}

.icon-paragraph-left3:before {
    content: "\eebe"
}

.icon-paragraph-center3:before {
    content: "\eebf"
}

.icon-paragraph-right3:before {
    content: "\eec0"
}

.icon-paragraph-justify3:before {
    content: "\eec1"
}

.icon-indent-increase2:before {
    content: "\eec2"
}

.icon-indent-decrease2:before {
    content: "\eec3"
}

.icon-share:before {
    content: "\eec4"
}

.icon-share2:before {
    content: "\eec5"
}

.icon-new-tab:before {
    content: "\eec6"
}

.icon-new-tab2:before {
    content: "\eec7"
}

.icon-popout:before {
    content: "\eec8"
}

.icon-embed:before {
    content: "\eec9"
}

.icon-embed2:before {
    content: "\eeca"
}

.icon-markup:before {
    content: "\eecb"
}

.icon-regexp:before {
    content: "\eecc"
}

.icon-regexp2:before {
    content: "\eecd"
}

.icon-code:before {
    content: "\eece"
}

.icon-circle-css:before {
    content: "\eecf"
}

.icon-circle-code:before {
    content: "\eed0"
}

.icon-terminal:before {
    content: "\eed1"
}

.icon-unicode:before {
    content: "\eed2"
}

.icon-seven-segment-0:before {
    content: "\eed3"
}

.icon-seven-segment-1:before {
    content: "\eed4"
}

.icon-seven-segment-2:before {
    content: "\eed5"
}

.icon-seven-segment-3:before {
    content: "\eed6"
}

.icon-seven-segment-4:before {
    content: "\eed7"
}

.icon-seven-segment-5:before {
    content: "\eed8"
}

.icon-seven-segment-6:before {
    content: "\eed9"
}

.icon-seven-segment-7:before {
    content: "\eeda"
}

.icon-seven-segment-8:before {
    content: "\eedb"
}

.icon-seven-segment-9:before {
    content: "\eedc"
}

.icon-share3:before {
    content: "\eedd"
}

.icon-share4:before {
    content: "\eede"
}

.icon-google:before {
    content: "\eee3"
}

.icon-google-plus:before {
    content: "\eee4"
}

.icon-google-plus2:before {
    content: "\eee5"
}

.icon-google-drive:before {
    content: "\eee7"
}

.icon-facebook:before {
    content: "\eee8"
}

.icon-facebook2:before {
    content: "\eee9"
}

.icon-instagram:before {
    content: "\eeec"
}

.icon-twitter:before {
    content: "\eeed"
}

.icon-twitter2:before {
    content: "\eeee"
}

.icon-feed2:before {
    content: "\eef0"
}

.icon-feed3:before {
    content: "\eef1"
}

.icon-youtube:before {
    content: "\eef3"
}

.icon-youtube2:before {
    content: "\eef4"
}

.icon-youtube3:before {
    content: "\eef5"
}

.icon-vimeo:before {
    content: "\eef8"
}

.icon-vimeo2:before {
    content: "\eef9"
}

.icon-lanyrd:before {
    content: "\eefb"
}

.icon-flickr:before {
    content: "\eefc"
}

.icon-flickr2:before {
    content: "\eefd"
}

.icon-flickr3:before {
    content: "\eefe"
}

.icon-picassa:before {
    content: "\ef00"
}

.icon-picassa2:before {
    content: "\ef01"
}

.icon-dribbble:before {
    content: "\ef02"
}

.icon-dribbble2:before {
    content: "\ef03"
}

.icon-dribbble3:before {
    content: "\ef04"
}

.icon-forrst:before {
    content: "\ef05"
}

.icon-forrst2:before {
    content: "\ef06"
}

.icon-deviantart:before {
    content: "\ef07"
}

.icon-deviantart2:before {
    content: "\ef08"
}

.icon-steam:before {
    content: "\ef09"
}

.icon-steam2:before {
    content: "\ef0a"
}

.icon-dropbox:before {
    content: "\ef0b"
}

.icon-onedrive:before {
    content: "\ef0c"
}

.icon-github:before {
    content: "\ef0d"
}

.icon-github4:before {
    content: "\ef10"
}

.icon-github5:before {
    content: "\ef11"
}

.icon-wordpress:before {
    content: "\ef12"
}

.icon-wordpress2:before {
    content: "\ef13"
}

.icon-joomla:before {
    content: "\ef14"
}

.icon-blogger:before {
    content: "\ef15"
}

.icon-blogger2:before {
    content: "\ef16"
}

.icon-tumblr:before {
    content: "\ef17"
}

.icon-tumblr2:before {
    content: "\ef18"
}

.icon-yahoo:before {
    content: "\ef19"
}

.icon-tux:before {
    content: "\ef1a"
}

.icon-apple2:before {
    content: "\ef1b"
}

.icon-finder:before {
    content: "\ef1c"
}

.icon-android:before {
    content: "\ef1d"
}

.icon-windows:before {
    content: "\ef1e"
}

.icon-windows8:before {
    content: "\ef1f"
}

.icon-soundcloud:before {
    content: "\ef20"
}

.icon-soundcloud2:before {
    content: "\ef21"
}

.icon-skype:before {
    content: "\ef22"
}

.icon-reddit:before {
    content: "\ef23"
}

.icon-linkedin:before {
    content: "\ef24"
}

.icon-linkedin2:before {
    content: "\ef25"
}

.icon-lastfm:before {
    content: "\ef26"
}

.icon-lastfm2:before {
    content: "\ef27"
}

.icon-delicious:before {
    content: "\ef28"
}

.icon-stumbleupon:before {
    content: "\ef29"
}

.icon-stumbleupon2:before {
    content: "\ef2a"
}

.icon-stackoverflow:before {
    content: "\ef2b"
}

.icon-pinterest2:before {
    content: "\ef2d"
}

.icon-xing:before {
    content: "\ef2e"
}

.icon-flattr:before {
    content: "\ef30"
}

.icon-foursquare:before {
    content: "\ef31"
}

.icon-paypal:before {
    content: "\ef32"
}

.icon-paypal2:before {
    content: "\ef33"
}

.icon-yelp:before {
    content: "\ef35"
}

.icon-file-pdf:before {
    content: "\ef36"
}

.icon-file-openoffice:before {
    content: "\ef37"
}

.icon-file-word:before {
    content: "\ef38"
}

.icon-file-excel:before {
    content: "\ef39"
}

.icon-libreoffice:before {
    content: "\ef3a"
}

.icon-html5:before {
    content: "\ef3b"
}

.icon-html52:before {
    content: "\ef3c"
}

.icon-css3:before {
    content: "\ef3d"
}

.icon-git:before {
    content: "\ef3e"
}

.icon-svg:before {
    content: "\ef3f"
}

.icon-codepen:before {
    content: "\ef40"
}

.icon-chrome:before {
    content: "\ef41"
}

.icon-firefox:before {
    content: "\ef42"
}

.icon-IE:before {
    content: "\ef43"
}

.icon-opera:before {
    content: "\ef44"
}

.icon-safari:before {
    content: "\ef45"
}

.icon-check2:before {
    content: "\e601"
}

.icon-home4:before {
    content: "\e603"
}

.icon-people:before {
    content: "\e81b"
}

.icon-checkmark-circle2:before {
    content: "\e853"
}

.icon-arrow-up-left32:before {
    content: "\e8ae"
}

.icon-arrow-up52:before {
    content: "\e8af"
}

.icon-arrow-up-right32:before {
    content: "\e8b0"
}

.icon-arrow-right6:before {
    content: "\e8b1"
}

.icon-arrow-down-right32:before {
    content: "\e8b2"
}

.icon-arrow-down52:before {
    content: "\e8b3"
}

.icon-arrow-down-left32:before {
    content: "\e8b4"
}

.icon-arrow-left52:before {
    content: "\e8b5"
}

.icon-calendar5:before {
    content: "\e985"
}

.icon-move-alt1:before {
    content: "\e986"
}

.icon-reload-alt:before {
    content: "\e987"
}

.icon-move-vertical:before {
    content: "\e988"
}

.icon-move-horizontal:before {
    content: "\e989"
}

.icon-hash:before {
    content: "\e98b"
}

.icon-bars-alt:before {
    content: "\e98c"
}

.icon-eye8:before {
    content: "\e98d"
}

.icon-search4:before {
    content: "\e98e"
}

.icon-zoomin3:before {
    content: "\e98f"
}

.icon-zoomout3:before {
    content: "\e990"
}

.icon-add:before {
    content: "\e991"
}

.icon-subtract:before {
    content: "\e992"
}

.icon-exclamation:before {
    content: "\e993"
}

.icon-question6:before {
    content: "\e994"
}

.icon-close2:before {
    content: "\e995"
}

.icon-task:before {
    content: "\e996"
}

.icon-inbox:before {
    content: "\e997"
}

.icon-inbox-alt:before {
    content: "\e998"
}

.icon-envelope:before {
    content: "\e999"
}

.icon-compose:before {
    content: "\e99a"
}

.icon-newspaper2:before {
    content: "\e99b"
}

.icon-calendar22:before {
    content: "\e99c"
}

.icon-hyperlink:before {
    content: "\e99d"
}

.icon-trash:before {
    content: "\e99e"
}

.icon-trash-alt:before {
    content: "\e99f"
}

.icon-grid5:before {
    content: "\e9a0"
}

.icon-grid-alt:before {
    content: "\e9a1"
}

.icon-menu6:before {
    content: "\e9a2"
}

.icon-list3:before {
    content: "\e9a3"
}

.icon-gallery:before {
    content: "\e9a4"
}

.icon-calculator:before {
    content: "\e9a5"
}

.icon-windows2:before {
    content: "\e9a6"
}

.icon-browser:before {
    content: "\e9a7"
}

.icon-portfolio:before {
    content: "\e9a8"
}

.icon-comments:before {
    content: "\e9a9"
}

.icon-screen3:before {
    content: "\e9aa"
}

.icon-iphone:before {
    content: "\e9ab"
}

.icon-ipad:before {
    content: "\e9ac"
}

.icon-googleplus5:before {
    content: "\e9ad"
}

.icon-pin:before {
    content: "\e9ae"
}

.icon-pin-alt:before {
    content: "\e9af"
}

.icon-cog5:before {
    content: "\e9b0"
}

.icon-graduation:before {
    content: "\e9b1"
}

.icon-air:before {
    content: "\e9b2"
}

.icon-droplets:before {
    content: "\e7ee"
}

.icon-statistics:before {
    content: "\e9b4"
}

.icon-pie5:before {
    content: "\e7ef"
}

.icon-cross:before {
    content: "\e9b6"
}

.icon-minus2:before {
    content: "\e9b7"
}

.icon-plus2:before {
    content: "\e9b8"
}

.icon-info3:before {
    content: "\e9b9"
}

.icon-info22:before {
    content: "\e9ba"
}

.icon-question7:before {
    content: "\e9bb"
}

.icon-help:before {
    content: "\e9bc"
}

.icon-warning2:before {
    content: "\e9bd"
}

.icon-add-to-list:before {
    content: "\e9bf"
}

.icon-arrow-left12:before {
    content: "\e9c0"
}

.icon-arrow-down12:before {
    content: "\e9c1"
}

.icon-arrow-up12:before {
    content: "\e9c2"
}

.icon-arrow-right13:before {
    content: "\e9c3"
}

.icon-arrow-left22:before {
    content: "\e9c4"
}

.icon-arrow-down22:before {
    content: "\e9c5"
}

.icon-arrow-up22:before {
    content: "\e9c6"
}

.icon-arrow-right22:before {
    content: "\e9c7"
}

.icon-arrow-left32:before {
    content: "\e9c8"
}

.icon-arrow-down32:before {
    content: "\e9c9"
}

.icon-arrow-up32:before {
    content: "\e9ca"
}

.icon-arrow-right32:before {
    content: "\e9cb"
}

.icon-switch2:before {
    content: "\e647"
}

.icon-checkmark5:before {
    content: "\e600"
}

.icon-ampersand:before {
    content: "\e9cc"
}

.icon-alert:before {
    content: "\e9cf"
}

.icon-alignment-align:before {
    content: "\e9d0"
}

.icon-alignment-aligned-to:before {
    content: "\e9d1"
}

.icon-alignment-unalign:before {
    content: "\e9d2"
}

.icon-arrow-down132:before {
    content: "\e9d3"
}

.icon-arrow-up13:before {
    content: "\e9da"
}

.icon-arrow-left13:before {
    content: "\e9d4"
}

.icon-arrow-right14:before {
    content: "\e9d5"
}

.icon-arrow-small-down:before {
    content: "\e9d6"
}

.icon-arrow-small-left:before {
    content: "\e9d7"
}

.icon-arrow-small-right:before {
    content: "\e9d8"
}

.icon-arrow-small-up:before {
    content: "\e9d9"
}

.icon-check:before {
    content: "\e9db"
}

.icon-chevron-down:before {
    content: "\e9dc"
}

.icon-chevron-left:before {
    content: "\e9dd"
}

.icon-chevron-right:before {
    content: "\e9de"
}

.icon-chevron-up:before {
    content: "\e9df"
}

.icon-clippy:before {
    content: "\f035"
}

.icon-comment:before {
    content: "\f02b"
}

.icon-comment-discussion:before {
    content: "\f04f"
}

.icon-dash:before {
    content: "\e9e2"
}

.icon-diff:before {
    content: "\e9e3"
}

.icon-diff-added:before {
    content: "\e9e4"
}

.icon-diff-ignored:before {
    content: "\e9e5"
}

.icon-diff-modified:before {
    content: "\e9e6"
}

.icon-diff-removed:before {
    content: "\e9e7"
}

.icon-diff-renamed:before {
    content: "\e9e8"
}

.icon-file-media:before {
    content: "\f012"
}

.icon-fold:before {
    content: "\e9ea"
}

.icon-gear:before {
    content: "\e9eb"
}

.icon-git-branch:before {
    content: "\e9ec"
}

.icon-git-commit:before {
    content: "\e9ed"
}

.icon-git-compare:before {
    content: "\e9ee"
}

.icon-git-merge:before {
    content: "\e9ef"
}

.icon-git-pull-request:before {
    content: "\e9f0"
}

.icon-graph:before {
    content: "\f043"
}

.icon-law:before {
    content: "\e9f1"
}

.icon-list-ordered:before {
    content: "\e9f2"
}

.icon-list-unordered:before {
    content: "\e9f3"
}

.icon-mail5:before {
    content: "\e9f4"
}

.icon-mail-read:before {
    content: "\e9f5"
}

.icon-mention:before {
    content: "\e9f6"
}

.icon-mirror:before {
    content: "\f024"
}

.icon-move-down:before {
    content: "\f0a8"
}

.icon-move-left:before {
    content: "\f074"
}

.icon-move-right:before {
    content: "\f0a9"
}

.icon-move-up:before {
    content: "\f0a7"
}

.icon-person:before {
    content: "\f018"
}

.icon-plus22:before {
    content: "\e9f7"
}

.icon-primitive-dot:before {
    content: "\f052"
}

.icon-primitive-square:before {
    content: "\f053"
}

.icon-repo-forked:before {
    content: "\e9f8"
}

.icon-screen-full:before {
    content: "\e9f9"
}

.icon-screen-normal:before {
    content: "\e9fa"
}

.icon-sync:before {
    content: "\e9fb"
}

.icon-three-bars:before {
    content: "\e9fc"
}

.icon-unfold:before {
    content: "\e9fe"
}

.icon-versions:before {
    content: "\e9ff"
}

.icon-x:before {
    content: "\ea00"
}

[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
    transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
    transition-delay: 50ms
}

[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
    transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
    transition-delay: .1s
}

[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
    transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
    transition-delay: .15s
}

[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
    transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
    transition-delay: .2s
}

[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
    transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
    transition-delay: .25s
}

[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
    transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
    transition-delay: .3s
}

[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
    transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
    transition-delay: .35s
}

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
    transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
    transition-delay: .4s
}

[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
    transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
    transition-delay: .45s
}

[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
    transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
    transition-delay: .5s
}

[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
    transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
    transition-delay: .55s
}

[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
    transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
    transition-delay: .6s
}

[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
    transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
    transition-delay: .65s
}

[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
    transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
    transition-delay: .7s
}

[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
    transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
    transition-delay: .75s
}

[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
    transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
    transition-delay: .8s
}

[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
    transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
    transition-delay: .85s
}

[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
    transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
    transition-delay: .9s
}

[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
    transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
    transition-delay: .95s
}

[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
    transition-delay: 1s
}

[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
    transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
    transition-delay: 1.05s
}

[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
    transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
    transition-delay: 1.1s
}

[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
    transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
    transition-delay: 1.15s
}

[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
    transition-delay: 1.2s
}

[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
    transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
    transition-delay: 1.25s
}

[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
    transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
    transition-delay: 1.3s
}

[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
    transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
    transition-delay: 1.35s
}

[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
    transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
    transition-delay: 1.4s
}

[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
    transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
    transition-delay: 1.45s
}

[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
    transition-delay: 1.5s
}

[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
    transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
    transition-delay: 1.55s
}

[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
    transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
    transition-delay: 1.6s
}

[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
    transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
    transition-delay: 1.65s
}

[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
    transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
    transition-delay: 1.7s
}

[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
    transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
    transition-delay: 1.75s
}

[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
    transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
    transition-delay: 1.8s
}

[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
    transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
    transition-delay: 1.85s
}

[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
    transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
    transition-delay: 1.9s
}

[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
    transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
    transition-delay: 1.95s
}

[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
    transition-delay: 2s
}

[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
    transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
    transition-delay: 2.05s
}

[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
    transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
    transition-delay: 2.1s
}

[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
    transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
    transition-delay: 2.15s
}

[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
    transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
    transition-delay: 2.2s
}

[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
    transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
    transition-delay: 2.25s
}

[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
    transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
    transition-delay: 2.3s
}

[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
    transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
    transition-delay: 2.35s
}

[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
    transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
    transition-delay: 2.4s
}

[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
    transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
    transition-delay: 2.45s
}

[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
    transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
    transition-delay: 2.5s
}

[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
    transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
    transition-delay: 2.55s
}

[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
    transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
    transition-delay: 2.6s
}

[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
    transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
    transition-delay: 2.65s
}

[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
    transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
    transition-delay: 2.7s
}

[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
    transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
    transition-delay: 2.75s
}

[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
    transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
    transition-delay: 2.8s
}

[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
    transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
    transition-delay: 2.85s
}

[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
    transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
    transition-delay: 2.9s
}

[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
    transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
    transition-delay: 2.95s
}

[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
    transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
    transition-delay: 3s
}

[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75)
}

[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
    transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
    transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
    transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
    transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
    transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad],
body[data-aos-easing=ease-in-quad] [data-aos] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad],
body[data-aos-easing=ease-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
body[data-aos-easing=ease-in-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],
body[data-aos-easing=ease-in-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],
body[data-aos-easing=ease-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
body[data-aos-easing=ease-in-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-quart] [data-aos] {
    transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity, transform
}

[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translateZ(0)
}

[data-aos=fade-up] {
    transform: translate3d(0, 100px, 0)
}

[data-aos=fade-down] {
    transform: translate3d(0, -100px, 0)
}

[data-aos=fade-right] {
    transform: translate3d(-100px, 0, 0)
}

[data-aos=fade-left] {
    transform: translate3d(100px, 0, 0)
}

[data-aos=fade-up-right] {
    transform: translate3d(-100px, 100px, 0)
}

[data-aos=fade-up-left] {
    transform: translate3d(100px, 100px, 0)
}

[data-aos=fade-down-right] {
    transform: translate3d(-100px, -100px, 0)
}

[data-aos=fade-down-left] {
    transform: translate3d(100px, -100px, 0)
}

[data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    transition-property: opacity, transform
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
    opacity: 1;
    transform: translateZ(0) scale(1)
}

[data-aos=zoom-in] {
    transform: scale(0.6)
}

[data-aos=zoom-in-up] {
    transform: translate3d(0, 100px, 0) scale(0.6)
}

[data-aos=zoom-in-down] {
    transform: translate3d(0, -100px, 0) scale(0.6)
}

[data-aos=zoom-in-right] {
    transform: translate3d(-100px, 0, 0) scale(0.6)
}

[data-aos=zoom-in-left] {
    transform: translate3d(100px, 0, 0) scale(0.6)
}

[data-aos=zoom-out] {
    transform: scale(1.2)
}

[data-aos=zoom-out-up] {
    transform: translate3d(0, 100px, 0) scale(1.2)
}

[data-aos=zoom-out-down] {
    transform: translate3d(0, -100px, 0) scale(1.2)
}

[data-aos=zoom-out-right] {
    transform: translate3d(-100px, 0, 0) scale(1.2)
}

[data-aos=zoom-out-left] {
    transform: translate3d(100px, 0, 0) scale(1.2)
}

[data-aos^=slide][data-aos^=slide] {
    transition-property: transform
}

[data-aos^=slide][data-aos^=slide].aos-animate {
    transform: translateZ(0)
}

[data-aos=slide-up] {
    transform: translate3d(0, 100%, 0)
}

[data-aos=slide-down] {
    transform: translate3d(0, -100%, 0)
}

[data-aos=slide-right] {
    transform: translate3d(-100%, 0, 0)
}

[data-aos=slide-left] {
    transform: translate3d(100%, 0, 0)
}

[data-aos^=flip][data-aos^=flip] {
    backface-visibility: hidden;
    transition-property: transform
}

[data-aos=flip-left] {
    transform: perspective(2500px) rotateY(-100deg)
}

[data-aos=flip-left].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-right] {
    transform: perspective(2500px) rotateY(100deg)
}

[data-aos=flip-right].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-up] {
    transform: perspective(2500px) rotateX(-100deg)
}

[data-aos=flip-up].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

[data-aos=flip-down] {
    transform: perspective(2500px) rotateX(100deg)
}

[data-aos=flip-down].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

.center {
    text-align: center
}

.left {
    text-align: start !important
}

.capitalize {
    text-transform: capitalize
}

.p-bottom-0 {
    padding-bottom: 0 !important
}

.cursor {
    cursor: pointer !important
}

.m-top-25 {
    margin-top: 25px
}

.clear {
    clear: both
}

.m-top-5 {
    margin-top: 5px
}

.m-top-0 {
    margin-top: 0 !important
}

.col-2 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.col-2.small>div:first-child {
    margin-inline-end: 25px
}

@media screen and (max-width:1100px) {
    .col-2.con {
        display: block
    }
}

@media screen and (max-width:1100px) {
    .col-2.con>div {
        width: 100%
    }
}

@media screen and (max-width:1100px) {
    .col-2.con>div:first-child {
        margin-inline-end: 0;
        margin-bottom: 50px;
        border-bottom: 1px solid #dadada;
        padding-bottom: 50px
    }
}

.col-2.center {
    align-items: center
}

.col-2>div {
    width: 50%
}

.col-2>div:first-child {
    margin-inline-end: 50px
}

.col-2-small {
    display: flex
}

.col-2-small.center {
    align-items: center
}

.col-2-small>div {
    width: 50%
}

.col-2-small>div:first-child {
    margin-inline-end: 4%
}

.col-3 {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.col-3.center {
    align-items: center
}

.col-3>div {
    width: 32%;
    margin-inline-start: 2%
}

.col-3>div:first-child {
    margin-inline-start: 0
}

.text.help {
    font-size: 13px;
    line-height: 18px
}

html:not([dir="rtl"]) .light {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .light {
    font-family: "Kulim Park", sans-serif;
}

.b-bottom-0 {
    border-bottom: 0 !important
}

.auto-h {
    height: auto !important
}

.underline {
    text-decoration: underline !important
}

.b-top {
    border-top: 1px solid #e5e8eb;
    border-radius: 0
}

.m-top-25 {
    margin-top: 25px !important
}

.m-top-40 {
    margin-top: 40px !important
}

.m-top-75 {
    margin-top: 75px
}

.m-top-15 {
    margin-top: 15px
}

.shadow {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1)
}

.shadow.big {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15)
}

.b-border {
    border-bottom: 1px solid #dadada
}

.size-14,
.size-14 p {
    font-size: 14px
}

.relative {
    position: relative
}

.c_shape {
    background: #f2f2f2;
    border: 1px solid #e5e8eb;
    border-radius: 25px;
    text-align: center;
    padding: 7px 15px;
    margin-top: 10px
}

table .shape {
    background: #f2f2f2;
    border: 1px solid #e5e8eb;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -o-border-radius: 25px;
    -ms-border-radius: 25px;
    text-align: center;
    line-height: 20px;
    margin-top: 10px;
    text-transform: uppercase;
    font-size: 10px;
    min-width: 100px;
    display: inline-block;
    padding: 0 15px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box
}

html:not([dir="rtl"]) table .shape {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] table .shape {
    font-family: "Kulim Park", sans-serif;
}

.landing .landing-header-img-wrapper {
    position: relative;
    height: 800px
}

@media screen and (max-width:1100px) {
    .landing .landing-header-img-wrapper {
        height: 500px
    }
}

@media screen and (max-width:700px) {
    .landing .landing-header-img-wrapper {
        height: 400px
    }
}

.landing .landing-header-img-wrapper:after {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: 0;
    inset-inline-start: 0;
    pointer-events: none;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000 100%);
    background-image: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0), #000 100%);
    background-image: -moz-linear-gradient(to bottom, rgba(0, 0, 0, 0), #000 100%);
    background-image: -ms-linear-gradient(to bottom, rgba(0, 0, 0, 0), #000 100%);
    background-image: -o-linear-gradient(to bottom, rgba(0, 0, 0, 0), #000 100%);
    width: 100%;
    height: 400px
}

@media screen and (max-width:700px) {
    .landing .landing-header-img-wrapper:after {
        height: 150px
    }
}

.landing .landing-header-img-wrapper-small {
    position: relative;
    height: 600px
}

@media screen and (max-width:700px) {
    .landing .landing-header-img-wrapper-small {
        height: 400px
    }
}

.landing .landing-header-img-wrapper-small .landing-header-img {
    background-position: top center
}

.landing .landing-header-img-wrapper-small:after {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: 0;
    inset-inline-start: 0;
    pointer-events: none;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000 100%);
    background-image: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0), #000 100%);
    background-image: -moz-linear-gradient(to bottom, rgba(0, 0, 0, 0), #000 100%);
    background-image: -ms-linear-gradient(to bottom, rgba(0, 0, 0, 0), #000 100%);
    background-image: -o-linear-gradient(to bottom, rgba(0, 0, 0, 0), #000 100%);
    width: 100%;
    height: 400px
}

.landing .landing-height {
    height: 100%
}

.landing .landing-header-img {
    height: 100%;
    position: absolute;
    width: 100%;
    display: block;
    inset-inline-start: 0;
    inset-inline-end: 0;
    bottom: 0;
    top: 0;
    max-width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -html-background-size: cover;
    background-size: cover
}

.landing .landing-title {
    color: rgba(231, 231, 231, 0.8);
    font-size: 50px;
    line-height: 58px;
    position: absolute;
    inset-inline-start: 0;
    width: 100%;
    bottom: 75px;
    z-index: 2
}

html:not([dir="rtl"]) .landing .landing-title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .landing .landing-title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .landing .landing-title {
    font-weight: 600
}

@media screen and (max-width:1100px) {
    .landing .landing-title {
        bottom: 50px;
        font-size: 35px;
        line-height: 43px
    }
}

@media screen and (max-width:700px) {
    .landing .landing-title {
        bottom: 25px;
        font-size: 22px;
        line-height: 30px
    }
}

.landing .landing-title font {
    color: rgba(124, 191, 85, 0.8)
}

.landing .landing-logo {
    position: absolute;
    top: 50px;
    width: 100%;
    inset-inline-start: 0;
    text-align: center
}

@media screen and (max-width:700px) {
    .landing .landing-logo {
        top: 30px
    }
}

.landing .landing-logo img {
    width: 300px
}

@media screen and (max-width:1100px) {
    .landing .landing-logo img {
        width: 175px
    }
}

@media screen and (max-width:700px) {
    .landing .landing-logo img {
        width: 115px
    }
}

.landing .img-desc-note {
    font-size: 20px;
    line-height: 28px;
    position: absolute;
    inset-inline-start: 0;
    width: 100%;
    bottom: 50px;
    color: #fff;
    z-index: 2;
    text-align: center
}

html:not([dir="rtl"]) .landing .img-desc-note {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .landing .img-desc-note {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .landing .img-desc-note {
    font-weight: 600
}

@media screen and (max-width:700px) {
    .landing .img-desc-note {
        font-size: 13px;
        line-height: 19px;
        margin-top: 10px
    }
    html:not([dir="rtl"]) .landing .img-desc-note {
        font-family: "Kulim Park", sans-serif;
    }
    html[dir="rtl"] .landing .img-desc-note {
        font-family: "Kulim Park", sans-serif;
    }
}

.landing .fund-safety-desc {
    color: #fff;
    text-align: center;
    font-size: 35px;
    line-height: 43px
}

html:not([dir="rtl"]) .landing .fund-safety-desc {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .landing .fund-safety-desc {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .landing .fund-safety-desc {
    font-weight: 600
}

@media screen and (max-width:1100px) {
    .landing .fund-safety-desc {
        font-size: 28px;
        line-height: 40px
    }
}

@media screen and (max-width:700px) {
    .landing .fund-safety-desc {
        font-size: 22px;
        line-height: 34px
    }
}

.landing .fund-safety-desc font {
    color: #7cbf55
}

.landing .fund-safety-desc .small-size {
    font-size: 20px;
    line-height: 28px
}

@media screen and (max-width:700px) {
    .landing .fund-safety-desc .small-size {
        font-size: 16px;
        line-height: 24px
    }
    html:not([dir="rtl"]) .landing .fund-safety-desc .small-size {
        font-family: "Kulim Park", sans-serif;
    }
    html[dir="rtl"] .landing .fund-safety-desc .small-size {
        font-family: "Kulim Park", sans-serif;
    }
}

@media screen and (max-width:1250px) {
    .landing .landing-social-col-2 {
        display: block !important;
        text-align: center
    }
}

@media screen and (max-width:1250px) {
    .landing .landing-social-col-2>div {
        width: 100% !important;
        text-align: center
    }
}

.landing .landing-button .button {
    max-width: 400px;
    color: #1f1f1f;
    border-radius: 10px;
    font-size: 35px;
    line-height: 35px;
    padding: 15px 5px
}

html:not([dir="rtl"]) .landing .landing-button .button {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .landing .landing-button .button {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .landing .landing-button .button {
    font-weight: 600
}

@media screen and (max-width:700px) {
    .landing .landing-button .button {
        padding: 13px 5px;
        font-size: 20px;
        line-height: 24px
    }
}

.landing .landing-col-2 {
    display: flex;
    align-items: center
}

.landing .landing-col-2>div {
    width: 50%
}

.landing .landing-dark {
    background: #1f1f1f
}

.landing .landing-dark .sub-wrapper {
    padding: 30px 0
}

.landing .landing-green {
    background: #7cbf55
}

.landing .landing-green .sub-wrapper {
    padding: 30px 0
}

@media screen and (max-width:700px) {
    .landing .landing-green .sub-wrapper {
        padding: 15px 0
    }
}

.landing .landing-green .wrapper-title {
    color: #1f1f1f
}

.landing .wrapper-title {
    color: #fff;
    font-size: 35px;
    line-height: 43px
}

html:not([dir="rtl"]) .landing .wrapper-title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .landing .wrapper-title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .landing .wrapper-title {
    font-weight: 600
}

@media screen and (max-width:700px) {
    .landing .wrapper-title {
        font-size: 20px;
        line-height: 28px
    }
    html:not([dir="rtl"]) .landing .wrapper-title {
        font-family: "Kulim Park", sans-serif;
    }
    html[dir="rtl"] .landing .wrapper-title {
        font-family: "Kulim Park", sans-serif;
    }
}

.landing .landing-dark-1 {
    background: #171717
}

.landing .landing-dark-1 img {
    margin-bottom: -50px
}

.landing .landing-dark-2 {
    background: #e7e7e7
}

.landing .gold-title {
    color: #fff;
    font-size: 35px;
    line-height: 43px
}

html:not([dir="rtl"]) .landing .gold-title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .landing .gold-title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .landing .gold-title {
    font-weight: 600
}

@media screen and (max-width:700px) {
    .landing .gold-title {
        font-size: 20px;
        line-height: 28px
    }
    html:not([dir="rtl"]) .landing .gold-title {
        font-family: "Kulim Park", sans-serif;
    }
    html[dir="rtl"] .landing .gold-title {
        font-family: "Kulim Park", sans-serif;
    }
}

.landing .gold-title font {
    color: #7cbf55
}

.landing .gold-sub-title {
    color: #7cbf55;
    font-size: 20px;
    line-height: 28px
}

html:not([dir="rtl"]) .landing .gold-sub-title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .landing .gold-sub-title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .landing .gold-sub-title {
    font-weight: 600
}

@media screen and (max-width:700px) {
    .landing .gold-sub-title {
        font-size: 13px;
        line-height: 19px;
        margin-top: 0
    }
    html:not([dir="rtl"]) .landing .gold-sub-title {
        font-family: "Kulim Park", sans-serif;
    }
    html[dir="rtl"] .landing .gold-sub-title {
        font-family: "Kulim Park", sans-serif;
    }
}

@media screen and (max-width:1100px) {
    .landing .landing-fund-safety-col {
        flex-direction: column-reverse
    }
}

@media screen and (max-width:1100px) {
    .landing .landing-fund-safety-col>div {
        width: 100%;
        text-align: center
    }
}

.landing .landing-sub-title {
    color: #fff;
    font-size: 20px;
    line-height: 28px
}

html:not([dir="rtl"]) .landing .landing-sub-title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .landing .landing-sub-title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .landing .landing-sub-title {
    font-weight: 600
}

@media screen and (max-width:700px) {
    .landing .landing-sub-title {
        font-size: 13px;
        line-height: 19px;
        margin-top: 10px
    }
    html:not([dir="rtl"]) .landing .landing-sub-title {
        font-family: "Kulim Park", sans-serif;
    }
    html[dir="rtl"] .landing .landing-sub-title {
        font-family: "Kulim Park", sans-serif;
    }
}

.landing .social-title {
    color: #7cbf55;
    font-size: 32px;
    line-height: 40px;
    text-align: center;
    margin-bottom: 50px
}

html:not([dir="rtl"]) .landing .social-title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .landing .social-title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .landing .social-title {
    font-weight: 600
}

@media screen and (max-width:700px) {
    .landing .social-title {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 0
    }
    html:not([dir="rtl"]) .landing .social-title {
        font-family: "Kulim Park", sans-serif;
    }
    html[dir="rtl"] .landing .social-title {
        font-family: "Kulim Park", sans-serif;
    }
}

.landing .social-desc {
    font-size: 17px;
    line-height: 25px
}

html:not([dir="rtl"]) .landing .social-desc {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .landing .social-desc {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .landing .social-desc {
    font-weight: 600
}

@media screen and (max-width:700px) {
    .landing .social-desc {
        font-size: 13px;
        line-height: 19px;
        margin-top: 10px
    }
    html:not([dir="rtl"]) .landing .social-desc {
        font-family: "Kulim Park", sans-serif;
    }
    html[dir="rtl"] .landing .social-desc {
        font-family: "Kulim Park", sans-serif;
    }
}

.landing .social-img {
    width: 100%;
    max-width: 850px
}

@media screen and (max-width:1250px) {
    .landing .social-img {
        margin-top: 50px
    }
}

@media screen and (max-width:700px) {
    .landing .social-img {
        margin-top: 25px
    }
}

.landing .funds-img {
    width: 100%;
    max-width: 600px
}

.landing .landing-symbols-categories {
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px
}

.landing .landing-symbols-categories>a {
    width: 25%;
    margin-bottom: 50px;
    display: block;
    text-decoration: none
}

@media screen and (max-width:700px) {
    .landing .landing-symbols-categories>a {
        width: 50%
    }
}

@media screen and (max-width:900px) {
    .landing .landing-symbols-categories.landing-why-categories {
        justify-content: center
    }
}

.landing .landing-symbols-categories.landing-why-categories>div {
    width: 33.333%;
    margin-bottom: 25px;
    display: block;
    text-decoration: none
}

@media screen and (max-width:900px) {
    .landing .landing-symbols-categories.landing-why-categories>div {
        width: 25%
    }
}

@media screen and (max-width:700px) {
    .landing .landing-symbols-categories.landing-why-categories>div {
        width: 50%
    }
}

@media screen and (max-width:900px) {
    .landing .landing-symbols-categories.landing-why-categories>div .landing-symbol-circle {
        width: 85px;
        height: 85px
    }
}

@media screen and (max-width:700px) {
    .landing .landing-symbols-categories.landing-why-categories>div .landing-symbol-circle {
        width: 70px;
        height: 70px
    }
}

@media screen and (max-width:900px) {
    .landing .landing-symbols-categories.landing-why-categories>div .landing-symbol-circle img {
        height: 50px;
        margin-top: -28px
    }
}

@media screen and (max-width:700px) {
    .landing .landing-symbols-categories.landing-why-categories>div .landing-symbol-circle img {
        height: 40px;
        margin-top: -29px
    }
}

@media screen and (max-width:900px) {
    .landing .landing-symbols-categories.landing-why-categories>div .landing-symbol-title {
        font-size: 14px;
        line-height: 20px
    }
}

@media screen and (max-width:700px) {
    .landing .landing-symbols-categories.landing-why-categories>div .landing-symbol-title {
        font-size: 12px;
        line-height: 17px;
        padding: 0 10px
    }
    html:not([dir="rtl"]) .landing .landing-symbols-categories.landing-why-categories>div .landing-symbol-title {
        font-family: "Kulim Park", sans-serif;
    }
    html[dir="rtl"] .landing .landing-symbols-categories.landing-why-categories>div .landing-symbol-title {
        font-family: "Kulim Park", sans-serif;
    }
    html:not([dir="rtl"]) .landing .landing-symbols-categories.landing-why-categories>div .landing-symbol-title>div {
        font-family: "Kulim Park", sans-serif;
    }
    html[dir="rtl"] .landing .landing-symbols-categories.landing-why-categories>div .landing-symbol-title>div {
        font-family: "Kulim Park", sans-serif;
    }
    html[dir="rtl"] .landing .landing-symbols-categories.landing-why-categories>div .landing-symbol-title>div {
        font-weight: 600
    }
}

.landing .landing-symbols-categories.landing-why-categories .landing-symbol-title {
    margin-top: 10px;
    font-size: 17px;
    line-height: 22px
}

.landing .landing-symbols-categories.landing-why-categories .landing-symbol-circle {
    width: 115px;
    height: 115px
}

.landing .landing-symbols-categories.landing-why-categories img {
    height: 70px;
    position: relative;
    top: 50%;
    margin-top: -35px
}

.landing .landing-symbols-categories .landing-symbol-circle {
    background: #e7e7e7;
    width: 150px;
    height: 150px;
    border-radius: 150px;
    position: relative;
    text-align: center;
    margin-inline-end: auto;
    margin-inline-start: auto
}

@media screen and (max-width:900px) {
    .landing .landing-symbols-categories .landing-symbol-circle {
        width: 85px;
        height: 85px
    }
}

@media screen and (max-width:700px) {
    .landing .landing-symbols-categories .landing-symbol-circle {
        width: 70px;
        height: 70px
    }
}

.landing .landing-symbols-categories .landing-symbol-circle:hover {
    background: #fff
}

.landing .landing-symbols-categories img {
    height: 80px;
    position: relative;
    top: 50%;
    margin-top: -40px
}

@media screen and (max-width:900px) {
    .landing .landing-symbols-categories img {
        height: 50px;
        margin-top: -28px
    }
}

@media screen and (max-width:700px) {
    .landing .landing-symbols-categories img {
        height: 40px;
        margin-top: -29px
    }
}

.landing .landing-symbols-categories .landing-symbol-title {
    color: #7cbf55;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    margin-top: 25px
}

html:not([dir="rtl"]) .landing .landing-symbols-categories .landing-symbol-title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .landing .landing-symbols-categories .landing-symbol-title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .landing .landing-symbols-categories .landing-symbol-title {
    font-weight: 600
}

@media screen and (max-width:900px) {
    .landing .landing-symbols-categories .landing-symbol-title {
        font-size: 14px;
        line-height: 20px;
        margin-top: 15px
    }
}

@media screen and (max-width:700px) {
    .landing .landing-symbols-categories .landing-symbol-title {
        font-size: 12px;
        line-height: 17px;
        padding: 0 10px
    }
    html:not([dir="rtl"]) .landing .landing-symbols-categories .landing-symbol-title {
        font-family: "Kulim Park", sans-serif;
    }
    html[dir="rtl"] .landing .landing-symbols-categories .landing-symbol-title {
        font-family: "Kulim Park", sans-serif;
    }
    html:not([dir="rtl"]) .landing .landing-symbols-categories .landing-symbol-title>div {
        font-family: "Kulim Park", sans-serif;
    }
    html[dir="rtl"] .landing .landing-symbols-categories .landing-symbol-title>div {
        font-family: "Kulim Park", sans-serif;
    }
    html[dir="rtl"] .landing .landing-symbols-categories .landing-symbol-title>div {
        font-weight: 600
    }
}

.landing .landing-instrument-wrapper {
    max-width: 1000px;
    margin-inline-start: auto;
    margin-inline-end: auto
}

@media screen and (max-width:1250px) {
    .landing .landing-register-wrapper-1 {
        padding: 0
    }
}

@media screen and (max-width:1250px) {
    .landing .landing-register-wrapper-1 .content {
        padding: 0
    }
}

.landing .landing-why-wrapper {
    background: #1f1f1f;
    border-radius: 30px;
    padding: 25px 100px 25px 25px;
    max-width: 800px;
    width: 100%
}

@media screen and (max-width:1250px) {
    .landing .landing-why-wrapper {
        max-width: 100%;
        border-radius: 0;
        padding: 50px 25px
    }
}

@media screen and (max-width:700px) {
    .landing .landing-why-wrapper {
        padding: 25px
    }
}

.landing .landing-why-wrapper .why-title {
    color: #e7e7e7;
    font-size: 32px;
    line-height: 40px;
    text-align: center
}

html:not([dir="rtl"]) .landing .landing-why-wrapper .why-title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .landing .landing-why-wrapper .why-title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .landing .landing-why-wrapper .why-title {
    font-weight: 600
}

@media screen and (max-width:700px) {
    .landing .landing-why-wrapper .why-title {
        font-size: 20px;
        line-height: 28px
    }
    html:not([dir="rtl"]) .landing .landing-why-wrapper .why-title {
        font-family: "Kulim Park", sans-serif;
    }
    html[dir="rtl"] .landing .landing-why-wrapper .why-title {
        font-family: "Kulim Park", sans-serif;
    }
}

.landing .landing-why-wrapper .why-desc {
    color: #e7e7e7;
    font-size: 15px;
    line-height: 23px;
    text-align: center;
    margin-top: 15px
}

html:not([dir="rtl"]) .landing .landing-why-wrapper .why-desc {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .landing .landing-why-wrapper .why-desc {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .landing .landing-why-wrapper .why-desc {
    font-weight: 600
}

@media screen and (max-width:700px) {
    .landing .landing-why-wrapper .why-desc {
        font-size: 13px;
        line-height: 19px;
        margin-top: 10px
    }
    html:not([dir="rtl"]) .landing .landing-why-wrapper .why-desc {
        font-family: "Kulim Park", sans-serif;
    }
    html[dir="rtl"] .landing .landing-why-wrapper .why-desc {
        font-family: "Kulim Park", sans-serif;
    }
}

.landing .landing-register-wrapper {
    display: flex;
    align-items: center;
    max-width: 1300px !important
}

@media screen and (max-width:1250px) {
    .landing .landing-register-wrapper {
        display: block
    }
}

.landing .landing-register-wrapper .__register__ {
    float: none;
    margin-inline-start: -50px
}

@media screen and (max-width:1250px) {
    .landing .landing-register-wrapper .__register__ {
        margin-inline-start: auto;
        margin-inline-end: auto;
        width: 100%;
        border-radius: 0
    }
}

@media screen and (max-width:900px) {
    .landing .landing-register-wrapper .__register__ {
        padding: 25px
    }
}

.landing .landing-register-wrapper .__register__ .tabs.double>div,
.landing .landing-register-wrapper .__register__ .tabs.double>div.active {
    color: #1f1f1f
}

html:not([dir="rtl"]) .landing .landing-register-wrapper .__register__ .tabs.double>div,
html:not([dir="rtl"]) .landing .landing-register-wrapper .__register__ .tabs.double>div.active {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .landing .landing-register-wrapper .__register__ .tabs.double>div,
html[dir="rtl"] .landing .landing-register-wrapper .__register__ .tabs.double>div.active {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .landing .landing-register-wrapper .__register__ .tabs.double>div,
html[dir="rtl"] .landing .landing-register-wrapper .__register__ .tabs.double>div.active {
    font-weight: 600
}

.landing .landing-register-wrapper .__register__ button {
    color: #1f1f1f
}

html:not([dir="rtl"]) .landing .landing-register-wrapper .__register__ button {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .landing .landing-register-wrapper .__register__ button {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .landing .landing-register-wrapper .__register__ button {
    font-weight: 600
}

.landing .landing-trustpilot-title {
    font-size: 30px;
    line-height: 43px;
    margin-bottom: 35px
}

html:not([dir="rtl"]) .landing .landing-trustpilot-title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .landing .landing-trustpilot-title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .landing .landing-trustpilot-title {
    font-weight: 600
}

@media screen and (max-width:900px) {
    .landing .landing-trustpilot-title {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 20px
    }
}

.landing .landing-trustpilot-title>div {
    display: inline-block
}

@media screen and (max-width:900px) {
    .landing .landing-trustpilot-title>div {
        display: block
    }
    .landing .landing-trustpilot-title>div:last-child {
        margin-top: 10px
    }
}

.landing .landing-trustpilot-title img {
    max-width: 250px;
    position: relative;
    top: -8px;
    width: 100%
}

@media screen and (max-width:900px) {
    .landing .landing-trustpilot-title img {
        max-width: 145px
    }
}

.landing-02 .landing-logo {
    text-align: start
}

.landing-02 .landing-header-img-wrapper:after {
    content: unset
}

.landing-02 .__register__ {
    float: unset;
    border-start-start-radius: 0;
    border-start-end-radius: 0;
    border-end-start-radius: 40px;
    border-end-end-radius: 40px
}

.landing-02 .__register__ button {
    font-size: 20px !important
}

html:not([dir="rtl"]) .landing-02 .__register__ button {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .landing-02 .__register__ button {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .landing-02 .__register__ button {
    font-weight: 600
}

.landing-02 .form-container {
    margin-top: -330px;
    margin-inline-start: auto;
    margin-inline-end: auto;
    width: 500px
}

@media screen and (max-width:700px) {
    .landing-02 .form-container {
        width: 100%;
        margin-top: unset;
        margin-inline-end: unset;
        margin-inline-start: unset
    }
}

@media screen and (max-width:700px) {
    .landing-02 .wrapper-form {
        background: #fff
    }
}

.landing-02 .button.green {
    background: #1f1f1f;
    color: #7cbf55
}

.landing-02 .button.green:hover {
    background: #7cbf55;
    color: #1f1f1f
}

.landing-02 .have-profile {
    display: none
}

.landing-02 .form-header {
    background: #1f1f1f;
    color: #7cbf55;
    text-align: center;
    font-size: 23px;
    line-height: 30px;
    padding: 25px 50px;
    border-start-start-radius: 40px;
    border-start-end-radius: 40px
}

html:not([dir="rtl"]) .landing-02 .form-header {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .landing-02 .form-header {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .landing-02 .form-header {
    font-weight: 600
}

@media screen and (max-width:700px) {
    .landing-02 .form-header {
        border-radius: 5px;
        font-size: 20px;
        line-height: 28px;
        display: block;
        padding: 10px 15px;
        margin-bottom: 15px;
        margin-top: 0
    }
}

.landing-02 .landing-symbols-categories {
    margin-bottom: -50px
}

.landing-02 .landing-symbols-categories>div {
    width: 25%;
    margin-bottom: 50px
}

@media screen and (max-width:700px) {
    .landing-02 .landing-symbols-categories>div {
        width: 50%
    }
}

.landing-02 .landing-symbols-categories.three {
    max-width: 800px;
    margin-inline-start: auto;
    margin-inline-end: auto
}

.landing-02 .landing-symbols-categories.three>div {
    width: 33.333%
}

@media screen and (max-width:700px) {
    .landing-02 .landing-symbols-categories.three>div {
        width: 50%
    }
}

.landing-02 .landing-symbols-categories .landing-symbol-circle {
    background: #7cbf55
}

.landing-02 .landing-symbols-categories .landing-symbol-circle:hover {
    background: #9bc980
}

.landing-02 .landing-title-button {
    background: #7cbf55;
    color: #1f1f1f;
    border-radius: 30px;
    font-size: 40px;
    line-height: 48px;
    display: inline-block;
    padding: 15px 60px;
    margin-bottom: 25px;
    margin-top: 25px
}

html:not([dir="rtl"]) .landing-02 .landing-title-button {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .landing-02 .landing-title-button {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .landing-02 .landing-title-button {
    font-weight: 600
}

@media screen and (max-width:700px) {
    .landing-02 .landing-title-button {
        border-radius: 5px;
        font-size: 20px;
        line-height: 28px;
        display: block;
        padding: 10px 15px;
        margin-bottom: -25px;
        margin-top: 0
    }
}

@media screen and (max-width:700px) {
    .landing-02 .landing-title-button.scroll-register {
        margin-top: unset;
        margin-bottom: unset
    }
}

.landing-02 .landing-title-button.black {
    background: #1f1f1f;
    color: #7cbf55
}

.landing-02 .why-title-desc {
    font-size: 50px;
    line-height: 58px;
    letter-spacing: 2px
}

@media screen and (max-width:700px) {
    .landing-02 .why-title-desc {
        font-size: 20px;
        line-height: 28px
    }
}

.landing-02 .wrapper_title_container {
    text-align: center;
    margin-top: 25px
}

.landing-02 .wrapper_title_container.subscriber_portal {
    margin-top: 100px
}

@media screen and (max-width:700px) {
    .landing-02 .wrapper_title_container.subscriber_portal {
        margin-top: 50px
    }
}

@media screen and (max-width:700px) {
    .landing-02 .wrapper_title_container .wrapper-title {
        margin-top: 40px
    }
}

.landing-02 .wrapper_title_container .wrapper-desc {
    font-size: 22px;
    line-height: 30px;
    margin-top: 15px
}

html:not([dir="rtl"]) .landing-02 .wrapper_title_container .wrapper-desc {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .landing-02 .wrapper_title_container .wrapper-desc {
    font-family: "Kulim Park", sans-serif;
}

@media screen and (max-width:700px) {
    .landing-02 .wrapper_title_container .wrapper-desc {
        font-size: 15px;
        line-height: 23px
    }
}

.landing-02 .wrapper_title_container .green {
    color: #7cbf55
}

@media screen and (max-width:700px) {
    .landing-02 .why-points {
        margin-top: 25px
    }
}

.landing-02 .why-points .landing-symbol-title {
    color: #1f1f1f
}

.landing-02 .why_note {
    margin-top: 50px !important;
    color: #1f1f1f
}

@media screen and (max-width:700px) {
    .landing-02 .why_note {
        margin-top: unset !important
    }
}

.admin-bar header {
    top: 32px
}

@media screen and (max-width:782px) {
    .admin-bar header {
        top: 46px
    }
}

header {
    height: 70px;
    border-bottom: 1px solid #ccc;
    display: block;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    background: #fff;
    z-index: 999;
    position: fixed;
    top: 0;
    width: 100%;
    inset-inline-start: 0;
    padding: 0 2%
}

header.home-header {
    background: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    border-bottom: 0;
    position: absolute;
    z-index: 11
}

header.home-header .___menu_icon span,
header.home-header .___menu_icon.open span {
    background: #fff !important
}

header.home-header .logo {
    display: none !important
}

header.home-header .white-logo {
    display: block
}

header.home-header .login .button {
    background: transparent !important;
    border: 2px solid #fff !important;
    color: #fff !important
}

header.home-header .login .button:after {
    filter: brightness(5) !important;
    -webkit-filter: brightness(5) !important;
    -moz-filter: brightness(5) !important;
    -o-filter: brightness(5) !important;
    -ms-filter: brightness(5) !important
}

header.home-header .login .button:hover {
    background: #fff !important;
    color: #464646 !important
}

header.home-header .login .button:hover:after {
    filter: none !important;
    -webkit-filter: none !important;
    -moz-filter: none !important;
    -o-filter: none !important;
    -ms-filter: none !important
}

header.home-header .languages,
header.home-header .login-container {
    border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -o-border-radius: 10px !important;
    -ms-border-radius: 10px !important
}

header .white-logo {
    display: none
}

header .white-logo img {
    margin-top: 5px;
    height: 25px;
    width: 200px
}

@media screen and (max-width:700px) {
    header .white-logo img {
        height: 44px
    }
}

@media screen and (max-width:1100px) {
    header {
        height: 55px
    }
}

header .sub-wrapper {
    padding: 0;
    margin-top: 50px;
    max-width: 100%
}

header .logo,
header .white-logo {
    position: absolute;
    top: 50%;
    margin-top: -22px;
    inset-inline-start: 0
}

@media screen and (max-width:1100px) {
    header .logo img,
    header .white-logo img {
        max-width: 200px;
        height: 25px
    }
    header .logo .header-home-logo,
    header .white-logo .header-home-logo {
        margin-top: 5px
    }
}

header .white-logo {
    margin-top: -15px
}

header .sub-header {
    position: absolute;
    inset-inline-end: 0;
    top: 0;
    height: 100%
}

header .sub-header .menu,
header .sub-header .login,
header .sub-header .lang {
    display: inline-block;
    text-align: end;
    height: 70px;
    vertical-align: top
}

@media screen and (max-width:1100px) {
    header .sub-header .menu,
    header .sub-header .login,
    header .sub-header .lang {
        height: 30px
    }
}

@media screen and (max-width:1100px) {
    header .sub-header .menu {
        display: none
    }
}

header .sub-header .lang {
    margin-inline-start: 40px;
    cursor: pointer;
    position: relative
}

@media screen and (max-width:1100px) {
    header .sub-header .lang {
        margin-inline-start: 0;
        position: absolute;
        width: 30px;
        height: 30px;
        border-radius: 30px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -o-border-radius: 30px;
        -ms-border-radius: 30px;
        top: 50%;
        margin-top: -18px;
        inset-inline-end: 85px
    }
}

header .sub-header .lang .languages {
    background: #fff;
    border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -o-border-radius: 0 0 10px 10px;
    -ms-border-radius: 0 0 10px 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    width: 150px;
    inset-inline-start: 0;
    position: absolute;
    top: 70px;
    overflow: hidden
}

@media screen and (max-width:1100px) {
    header .sub-header .lang .languages {
        inset-inline-start: auto;
        top: 46px;
        inset-inline-end: 0
    }
}

@media screen and (max-width:500px) {
    header .sub-header .lang .languages {
        position: fixed;
        top: 55px;
        width: 100%;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
        -ms-border-radius: 0
    }
}

header .sub-header .lang .languages .raw {
    display: block;
    position: relative;
    border-bottom: 1px solid #ccc;
    text-decoration: none;
    color: #464646
}

header .sub-header .lang .languages .raw.active,
header .sub-header .lang .languages .raw:hover {
    background: #f9f9f9
}

header .sub-header .lang .languages .raw:last-child {
    border-bottom: 0
}

header .sub-header .lang .languages .raw .name {
    text-align: start;
    padding: 11px 40px;
    font-size: 13px
}

header .sub-header .lang .languages .raw img {
    position: absolute;
    inset-inline-start: 10px;
    top: 50%;
    margin-top: -10px;
    width: 20px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -o-border-radius: 25px;
    -ms-border-radius: 25px;
    height: 20px
}

header .sub-header .lang img {
    position: relative;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px
}

@media screen and (max-width:1100px) {
    header .sub-header .lang img {
        width: 27px;
        height: 27px;
        margin-top: -13.5px;
        border: 1px solid transparent
    }
}

header .sub-header .login {
    width: 150px;
    position: relative;
    margin-inline-start: 25px;
    cursor: pointer
}

@media screen and (max-width:1100px) {
    header .sub-header .login {
        width: 30px;
        height: 30px;
        border-radius: 30px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        -o-border-radius: 30px;
        -ms-border-radius: 30px;
        margin-inline-start: 0;
        top: 50%;
        margin-top: -13px;
        inset-inline-end: 45px
    }
}

header .sub-header .login .button {
    position: absolute;
    top: 50%;
    inset-inline-end: 0;
    height: 36px;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    padding: 10px 5px;
    width: 100%;
    margin-top: -18px
}

header .sub-header .login .button.gray {
    border: 1px solid #d4d4d4;
    color: #262626
}

header .sub-header .login .button.gray:hover {
    background: #757373;
    border: 1px solid #757373;
    color: #fff
}

header .sub-header .login .button.gray:hover:after {
    filter: brightness(5);
    -webkit-filter: brightness(5);
    -moz-filter: brightness(5);
    -o-filter: brightness(5);
    -ms-filter: brightness(5)
}

html:not([dir="rtl"]) header .sub-header .login .button {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] header .sub-header .login .button {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] header .sub-header .login .button {
    font-weight: 600
}

@media screen and (max-width:1100px) {
    header .sub-header .login .button {
        height: 30px
    }
    header .sub-header .login .button>span {
        display: none
    }
}

header .sub-header .login .button:after {
    content: '';
    background: url('https://www.cxmdirect.com/wp-content/themes/cxm/static/icons/icon-login.svg') no-repeat;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    inset-inline-start: 14px
}

@media screen and (max-width:1100px) {
    header .sub-header .login .button:after {
        inset-inline-start: 50%;
        margin-inline-start: -9px
    }
}

header .sub-header .login-container {
    background: #fff;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -o-border-radius: 0 0 10px 10px;
    -ms-border-radius: 0 0 10px 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    width: 330px;
    inset-inline-end: 0;
    position: absolute;
    top: 70px;
    text-align: center
}

@media screen and (max-width:1100px) {
    header .sub-header .login-container {
        top: 55px
    }
}

@media screen and (max-width:500px) {
    header .sub-header .login-container {
        width: 100%;
        position: fixed;
        inset-inline-start: 0;
        border-radius: 0
    }
}

header .sub-header .login-container .sub-login-container {
    padding: 25px 35px
}

header .sub-header .login-container .title {
    font-size: 18px;
    line-height: 30px;
    color: #262626;
    margin-bottom: -3px;
    text-transform: uppercase
}

html:not([dir="rtl"]) header .sub-header .login-container .title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] header .sub-header .login-container .title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] header .sub-header .login-container .title {
    font-weight: 600
}

@media screen and (max-width:1100px) {
    header .sub-header .login-container .title {
        font-size: 15px;
        line-height: 23px
    }
}

header .sub-header .login-container .desc {
    margin-top: 0
}

header .sub-header .login-container .buttons {
    margin-top: 25px;
    margin-bottom: 25px
}

header .sub-header .login-container .buttons .button {
    width: 100%;
    font-size: 15px;
    position: relative;
    padding-inline-start: 45px
}

html:not([dir="rtl"]) header .sub-header .login-container .buttons .button {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] header .sub-header .login-container .buttons .button {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] header .sub-header .login-container .buttons .button {
    font-weight: 600
}

@media screen and (max-width:1100px) {
    header .sub-header .login-container .buttons .button {
        font-size: 14px;
        height: auto
    }
}

header .sub-header .login-container .buttons .button:after {
    content: '';
    width: 31px;
    height: 31px;
    position: absolute;
    top: 50%;
    margin-top: -15.5px;
    inset-inline-start: 15px
}

header .sub-header .login-container .buttons .button.partner {
    margin-bottom: 10px
}

header .sub-header .login-container .buttons .button.partner:after {
    background: url('https://www.cxmdirect.com/wp-content/themes/cxm/static/icons/icon-partner.svg') no-repeat
}

header .sub-header .login-container .buttons .button.client:after {
    background: url('https://www.cxmdirect.com/wp-content/themes/cxm/static/icons/icon-client.svg') no-repeat
}

header .sub-header .login-container .buttons .button.client:hover:after {
    filter: brightness(5);
    -webkit-filter: brightness(5);
    -moz-filter: brightness(5);
    -o-filter: brightness(5);
    -ms-filter: brightness(5)
}

header .sub-header .login-container .register {
    color: #a8a8a8;
    line-height: 18px
}

header .sub-header .login-container .register a {
    text-transform: uppercase;
    font-size: 13px;
    color: #a8a8a8
}

html:not([dir="rtl"]) header .sub-header .login-container .register a {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] header .sub-header .login-container .register a {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] header .sub-header .login-container .register a {
    font-weight: 600
}

header .sub-header .login-container .register a:hover {
    color: #469b4c
}

.running-quotes footer {
    margin-bottom: 60px
}

@media screen and (max-width:1100px) {
    .running-quotes footer {
        margin-bottom: 50px
    }
}

.footer-docs {
    text-align: center;
    margin-bottom: 25px
}

@media screen and (max-width:700px) {
    .footer-docs {
        display: flex;
        flex-wrap: wrap
    }
}

.footer-docs>a {
    display: inline-block;
    color: #ccc;
    border-inline-start: 1px solid #ccc;
    padding: 0 7px;
    line-height: 11px;
    margin-bottom: 5px
}

@media screen and (max-width:700px) {
    .footer-docs>a {
        width: 50%;
        border-inline-start: 0
    }
}

.footer-docs>a:first-child {
    border-inline-start: 0
}

.__footer_register__ {
    background: #fff;
    background: -moz-linear-gradient(180deg, #fff 0, #e2e2e2 100%);
    background: -webkit-linear-gradient(180deg, #fff 0, #e2e2e2 100%);
    background: linear-gradient(180deg, #fff 0, #e2e2e2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#e2e2e2", GradientType=1);
    border-top: 1px solid #c9c9c9
}

.__footer_register__ .buttons-container {
    margin-top: 50px
}

html:not([dir="rtl"]) .__footer_register__ .register-demo {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .__footer_register__ .register-demo {
    font-family: "Kulim Park", sans-serif;
}

.__footer_register__ .register-demo a {
    color: #323232
}

footer {
    z-index: 1;
    position: relative;
    background: #4d4d4d;
    display: block;
    color: #ccc;
    font-size: 11px;
    line-height: 16px
}

html:not([dir="rtl"]) footer {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] footer {
    font-family: "Kulim Park", sans-serif;
}

footer .col-2-small {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

@media screen and (max-width:1100px) {
    footer .col-2-small {
        display: block
    }
}

footer .col-2-small>div:first-child {
    width: 40%
}

@media screen and (max-width:1100px) {
    footer .col-2-small>div:first-child {
        width: 100%
    }
}

footer .col-2-small>div:last-child {
    width: 60%
}

@media screen and (max-width:1100px) {
    footer .col-2-small>div:last-child {
        width: 100%
    }
}

@media screen and (max-width:1100px) {
    footer .___psp {
        padding: 5px 0 !important
    }
}

@media screen and (max-width:1100px) {
    footer {
        font-size: 11px;
        line-height: 15px
    }
}

footer .___awards {
    margin-top: 25px
}

@media screen and (max-width:1100px) {
    footer .___awards {
        margin-top: 15px
    }
}

footer .wrapper.dark {
    background: #393939;
    padding: 15px 0;
    color: #fff
}

footer .wrapper.dark .sub-wrapper {
    padding: 0
}

footer .sub-wrapper {
    padding: 30px 0
}

@media screen and (max-width:1100px) {
    footer .sub-wrapper.col-2 {
        display: block;
        width: 100%
    }
}

@media screen and (max-width:1100px) {
    footer .sub-wrapper.col-2.copy-right>div:last-child {
        text-align: center
    }
}

@media screen and (max-width:700px) {
    footer .sub-wrapper.col-2.copy-right>div:first-child {
        text-align: center
    }
}

@media screen and (max-width:700px) {
    footer .sub-wrapper.col-2.copy-right .favicon {
        display: inline-block
    }
}

@media screen and (max-width:1100px) {
    footer .sub-wrapper.col-2>div {
        width: 100%
    }
}

@media screen and (max-width:1100px) {
    footer .sub-wrapper {
        padding: 30px 2%
    }
}

footer .awards {
    text-align: center
}

footer .awards .icon {
    position: relative;
    margin: auto
}

footer .awards .icon img {
    height: 90px
}

footer .awards .title {
    text-transform: uppercase;
    font-size: 14px;
    color: #ccc;
    margin: 25px auto auto auto;
    width: 175px
}

html:not([dir="rtl"]) footer .awards .title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] footer .awards .title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] footer .awards .title {
    font-weight: 600
}

@media screen and (max-width:1100px) {
    footer .awards .title {
        font-size: 12px
    }
}

footer .awards .description {
    font-size: 13px;
    color: #ccc
}

@media screen and (max-width:1100px) {
    footer .awards .description {
        font-size: 12px
    }
}

html:not([dir="rtl"]) footer .awards .year {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] footer .awards .year {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] footer .awards .year {
    font-weight: 600
}

footer .owl-dots {
    margin-top: 10px
}

footer .owl-dots .owl-dot {
    background: #b5b5b5;
    width: 7px;
    height: 7px;
    margin: 3px
}

footer .owl-dots .owl-dot.active {
    background: #fff !important
}

footer .psp-logos {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    padding: 10px 25px;
    position: relative
}

footer .psp-logos img {
    height: 36px
}

footer .psp-logos .owl-stage-outer {
    padding-bottom: 0
}

footer .psp-logos .owl-nav {
    display: block;
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -9px
}

@media screen and (max-width:1100px) {
    footer .psp-logos .owl-nav {
        display: none !important
    }
}

footer .psp-logos .owl-nav .owl-prev {
    inset-inline-start: -25px
}

footer .psp-logos .owl-nav .owl-next {
    inset-inline-end: 0
}

footer .psp-logos .owl-nav .owl-prev,
footer .psp-logos .owl-nav .owl-next {
    margin-top: 0 !important;
    top: 0;
    border: 0;
    outline: 0;
    padding: 0;
    background: 0;
    width: 16px;
    height: 16px;
    background: #4d4d4d;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -o-border-radius: 16px;
    -ms-border-radius: 16px;
    display: block
}

footer .psp-logos .owl-nav .owl-prev:hover,
footer .psp-logos .owl-nav .owl-next:hover {
    background: #f53d4a
}

footer .psp-logos .owl-nav .owl-prev span,
footer .psp-logos .owl-nav .owl-next span {
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    position: absolute
}

footer .psp-logos .owl-nav .owl-prev span:after,
footer .psp-logos .owl-nav .owl-next span:after {
    display: none
}

footer .psp-logos .owl-nav .owl-prev span {
    background: url('https://www.cxmdirect.com/wp-content/themes/cxm/static/icons/icon-arrow-small-prev.svg') no-repeat center
}

footer .psp-logos .owl-nav .owl-next span {
    background: url('https://www.cxmdirect.com/wp-content/themes/cxm/static/icons/icon-arrow-small-next.svg') no-repeat center
}

[dir="rtl"] footer .psp-logos .owl-nav .owl-prev span,
[dir="rtl"] footer .psp-logos .owl-nav .owl-next span {
    transform: rotate(180deg)
}

.buttons-container {
    max-width: 650px;
    width: 100%;
    margin: auto
}

.buttons-container a:first-child {
    margin-inline-end: 25px
}

@media screen and (max-width:700px) {
    .buttons-container a:first-child {
        margin-inline-end: auto
    }
}

.buttons-container .button.red {
    margin-inline-end: 20px
}

@media screen and (max-width:650px) {
    .buttons-container .button.red {
        margin-inline-end: auto
    }
}

@media screen and (max-width:650px) {
    .buttons-container>a {
        display: block;
        margin: auto auto 10px auto
    }
}

@media screen and (max-width:700px) {
    .buttons-container {
        margin-top: 25px
    }
}

.login-buttons-social {
    margin-top: 15px
}

.login-buttons-social h3 {
    font-size: 14px
}

html:not([dir="rtl"]) .login-buttons-social h3 {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .login-buttons-social h3 {
    font-family: "Kulim Park", sans-serif;
}

.login-buttons-social .register-social a {
    text-transform: uppercase;
    font-size: 13px;
    color: #a8a8a8
}

html:not([dir="rtl"]) .login-buttons-social .register-social a {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .login-buttons-social .register-social a {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .login-buttons-social .register-social a {
    font-weight: 600
}

.login-buttons-social .register-social a:hover {
    color: #7cbf55
}

.button {
    max-width: 270px;
    width: 100%;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    font-size: 15px;
    padding: 15px 5px;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -moz-animation-duration: .5s;
    -o-animation-duration: .5s;
    -ms-animation-duration: .5s;
    border: 2px solid transparent
}

html:not([dir="rtl"]) .button {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .button {
    font-family: "Kulim Park", sans-serif;
}

@media screen and (max-width:1100px) {
    .button {
        font-size: 15px;
        height: auto;
        padding: 15px 5px
    }
}

@media screen and (max-width:500px) {
    .button {
        max-width: 100%
    }
}

.button.small {
    height: auto;
    width: auto;
    font-size: 14px;
    padding: 3px 40px
}

html:not([dir="rtl"]) .button.small {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .button.small {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .button.small {
    font-weight: 600
}

.button.medium {
    width: 100%;
    height: auto;
    padding: 16px 30px;
    font-size: 17px
}

.button.green {
    background: #7cbf55;
    background: -moz-linear-gradient(0, #7cbf55 0, #7cbf55 100%);
    background: -webkit-linear-gradient(0, #7cbf55 0, #7cbf55 100%);
    background: linear-gradient(0, #7cbf55 0, #7cbf55 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7cbf55", endColorstr="#7cbf55", GradientType=1);
    border: 0;
    padding: 17px 5px
}

.button.green:hover {
    background: #7cbf55;
    background: -moz-linear-gradient(0, #7cbf55 0, #308e09 100%);
    background: -webkit-linear-gradient(0, #7cbf55 0, #308e09 100%);
    background: linear-gradient(0, #7cbf55 0, #308e09 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7cbf55", endColorstr="#308e09", GradientType=1)
}

.button.gray {
    color: #323232;
    border: 2px solid #a1a1a1;
    background: transparent
}

.button.gray:hover {
    color: #fff;
    border: 2px solid transparent;
    background: #a1a1a1
}

.button>div {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -moz-animation-duration: .5s;
    -o-animation-duration: .5s;
    -ms-animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    -ms-animation-fill-mode: both
}

.button:hover>div {
    animation-name: flipInX;
    -webkit-animation-name: flipInX;
    -moz-animation-name: flipInX;
    -o-animation-name: flipInX;
    -ms-animation-name: flipInX
}

.register-buttons .intro-title {
    max-width: 640px;
    margin: auto;
    width: 100%
}

.register-container {
    margin-top: 22px
}

.register-demo {
    margin-inline-start: -20px;
    margin-top: 15px
}

html:not([dir="rtl"]) .register-demo {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .register-demo {
    font-family: "Kulim Park", sans-serif;
}

.read-more {
    border: 1px solid #969696;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    padding: 13px 5px;
    width: 100%;
    color: #9e9e9e;
    text-transform: uppercase;
    font-size: 12px;
    text-decoration: none
}

html:not([dir="rtl"]) .read-more {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .read-more {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .read-more {
    font-weight: 800
}

.read-more>div {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -moz-animation-duration: .5s;
    -o-animation-duration: .5s;
    -ms-animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    -ms-animation-fill-mode: both
}

.read-more:hover>div {
    animation-name: flipInX;
    -webkit-animation-name: flipInX;
    -moz-animation-name: flipInX;
    -o-animation-name: flipInX;
    -ms-animation-name: flipInX
}

.read-more:hover {
    border: 1px solid #7cbf55;
    color: #7cbf55
}

.read-more.block {
    display: block
}

.read-more.inline {
    display: inline-block
}

.running-quotes .sign-button {
    bottom: 85px
}

.sign-button {
    position: fixed;
    bottom: 25px;
    width: 300px;
    inset-inline-start: 50%;
    margin-inline-start: -150px;
    cursor: pointer
}

.banner-container .buttons-wrap {
    position: absolute;
    z-index: 10000;
    top: 59%;
    width: 650px;
    left: 17%
}

.banner-container .buttons-wrap .buttons-container {
    text-align: center
}

@media screen and (max-width:700px) {
    .banner-container .buttons-wrap {
        top: 57%;
        width: 100% !important;
        left: 0
    }
}

.banner-container .light-register a.button {
    border: 2px solid #22ca46 !important;
    background: rgba(255, 255, 255, 0.2) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important
}

.banner-container .light-register a.button:hover {
    color: #fff !important
}

.banner-container .register-demo {
    max-width: 650px;
    width: 100%;
    margin: auto;
    color: #fff !important;
    text-align: center;
    margin-top: 10px
}

.banner-container .register-demo .__demo_account__ {
    color: #fff
}

.green-gradient .title {
    color: #fff
}

.white-gradient .icon {
    box-shadow: 0 3px 30px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 3px 30px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 3px 30px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 3px 30px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 3px 30px rgba(0, 0, 0, 0.15);
    background: #fff !important
}

.white-gradient .tab:hover .icon {
    background: #7cbf55;
    background: -moz-linear-gradient(0, #7cbf55 0, #308e09 100%);
    background: -webkit-linear-gradient(0, #7cbf55 0, #308e09 100%);
    background: linear-gradient(0, #7cbf55 0, #308e09 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7cbf55", endColorstr="#308e09", GradientType=1)
}

.white-gradient .tab:hover .icon img {
    filter: brightness(5);
    -webkit-filter: brightness(5);
    -moz-filter: brightness(5);
    -o-filter: brightness(5);
    -ms-filter: brightness(5)
}

.double-key-points-safety {
    margin-top: 50px
}

.double-key-points-safety>div {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    background: #fff;
    margin-bottom: 25px;
    padding: 25px
}

@media screen and (max-width:700px) {
    .double-key-points-safety>div {
        display: block;
        margin-bottom: 1px;
        padding: 15px
    }
}

.double-key-points-safety>div>div {
    width: calc(100% - 100px)
}

@media screen and (max-width:700px) {
    .double-key-points-safety>div>div {
        width: 100%
    }
}

.double-key-points-safety>div>div:last-child {
    margin-inline-start: 15px
}

@media screen and (max-width:700px) {
    .double-key-points-safety>div>div:last-child {
        margin-inline-start: 0
    }
}

.double-key-points-safety>div:last-child {
    margin-bottom: 0
}

.double-key-points-safety>div .title {
    text-align: start
}

html:not([dir="rtl"]) .double-key-points-safety>div .title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .double-key-points-safety>div .title {
    font-family: "Kulim Park", sans-serif;
}

.double-key-points-safety>div .desc {
    text-align: start;
    max-width: 100% !important
}

.double-key-points-safety>div .icon {
    width: 100px
}

@media screen and (max-width:700px) {
    .double-key-points-safety>div .icon {
        display: none
    }
}

.double-key-points-safety>div .icon img {
    margin-inline-start: 0;
    margin-bottom: 0;
    width: 50px
}

.selling-points {
    background: #469b4c;
    color: #fff;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    width: 100%;
    border-top: 1px solid rgba(255, 255, 255, 0.25)
}

@media screen and (max-width:1200px) {
    .selling-points {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media screen and (max-width:700px) {
    .selling-points {
        grid-template-columns: repeat(2, 1fr)
    }
}

.selling-points .tab {
    text-align: center;
    padding: 25px 5px
}

.selling-points .tab:hover {
    background: rgba(255, 255, 255, 0.1)
}

@media screen and (max-width:1200px) {
    .selling-points .tab:hover {
        background: transparent
    }
}

.selling-points .tab:hover .icon {
    background: transparent
}

@media screen and (max-width:1200px) {
    .selling-points .tab:hover .icon {
        background: rgba(255, 255, 255, 0.1)
    }
}

.selling-points .icon {
    width: 85px;
    height: 85px;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    -ms-border-radius: 100px;
    margin: auto;
    position: relative;
    margin-bottom: 20px
}

@media screen and (max-width:1200px) {
    .selling-points .icon {
        background: rgba(255, 255, 255, 0.1)
    }
}

@media screen and (max-width:700px) {
    .selling-points .icon {
        width: 75px;
        height: 75px
    }
}

.selling-points .icon img {
    max-height: 50px;
    position: relative;
    top: 50%;
    margin-top: -25px
}

@media screen and (max-width:700px) {
    .selling-points .icon img {
        max-height: 40px;
        margin-top: -20px
    }
}

.selling-points .title {
    font-size: 20px;
    line-height: 31px
}

html:not([dir="rtl"]) .selling-points .title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .selling-points .title {
    font-family: "Kulim Park", sans-serif;
}

@media screen and (max-width:1100px) {
    .selling-points .title {
        font-size: 17px
    }
}

.selling-points .desc {
    color: #fff;
    margin-top: 0
}

@media screen and (max-width:1100px) {
    .key-points.grid {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media screen and (max-width:700px) {
    .key-points.grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

.key-points .tab {
    text-align: center;
    margin-top: 40px
}

.key-points .tab:hover .icon {
    -webkit-animation-duration: .25s;
    animation-duration: .25s;
    -moz-animation-duration: .25s;
    -o-animation-duration: .25s;
    -ms-animation-duration: .25s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-name: pulse;
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -o-animation-name: pulse;
    -ms-animation-name: pulse;
    background: #7cbf55;
    background: -moz-linear-gradient(0, #7cbf55 0, #308e09 100%);
    background: -webkit-linear-gradient(0, #7cbf55 0, #308e09 100%);
    background: linear-gradient(0, #7cbf55 0, #308e09 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7cbf55", endColorstr="#308e09", GradientType=1)
}

.key-points .tab:hover .svg-icon {
    filter: brightness(5);
    -webkit-filter: brightness(5);
    -moz-filter: brightness(5);
    -o-filter: brightness(5);
    -ms-filter: brightness(5)
}

.key-points .icon {
    width: 85px;
    height: 85px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    -ms-border-radius: 100px;
    margin: auto;
    position: relative
}

.key-points .icon img {
    max-height: 40px;
    position: relative;
    top: 50%;
    margin-top: -20px
}

.key-points .title {
    font-size: 13px;
    line-height: 18px;
    text-transform: uppercase;
    margin-top: 23px;
    padding: 0 15px
}

html:not([dir="rtl"]) .key-points .title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .key-points .title {
    font-family: "Kulim Park", sans-serif;
}

@media screen and (max-width:700px) {
    .key-points .title {
        font-size: 12px
    }
}

.no-hover .key-points:hover .svg-icon,
.no-hover .key-points:hover .icon {
    filter: unset !important;
    -webkit-filter: unset !important;
    -moz-filter: unset !important;
    -o-filter: unset !important;
    -ms-filter: unset !important;
    background: none !important
}

.container-key-points .svg-icon {
    margin-top: -26px !important
}

.container-key-points.middle {
    margin-bottom: 60px
}

@media screen and (max-width:1100px) {
    .container-key-points.col-3 .grid {
        grid-template-columns: repeat(4, 1fr) !important
    }
}

@media screen and (max-width:700px) {
    .container-key-points.col-3 .grid {
        grid-template-columns: repeat(2, 1fr) !important
    }
}

.account-types {
    margin-top: 30px;
    position: relative
}

.account-types .owl-stage-outer {
    padding-bottom: 15px
}

.account-types .item {
    margin: 0 3px;
    display: inline-block;
    text-align: center
}

.account-types .raw {
    width: 100%;
    background: #fff;
    box-shadow: 0 10px 5px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 10px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 10px 5px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 10px 5px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 10px 5px rgba(0, 0, 0, 0.15);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    padding: 20px 15px
}

.account-types .raw .tab {
    padding: 10px
}

@media screen and (max-width:1100px) {
    .account-types .raw .tab {
        padding: 5px
    }
}

.account-types .raw .title {
    font-size: 14px;
    line-height: 25px;
    text-transform: capitalize;
    color: #5c5d5d
}

html:not([dir="rtl"]) .account-types .raw .title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .account-types .raw .title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .account-types .raw .title {
    font-weight: 600
}

@media screen and (max-width:1100px) {
    .account-types .raw .title {
        font-size: 13px
    }
}

.account-types .raw .description {
    font-size: 14px;
    color: #a1a1a1;
    margin: 5px
}

@media screen and (max-width:1100px) {
    .account-types .raw .description {
        font-size: 13px
    }
}

.account-types .header {
    margin: -20px -15px 10px -15px;
    background: #757373;
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    text-align: center !important;
    display: block !important;
    border-start-start-radius: 30px;
    border-start-end-radius: 30px;
    width: auto !important;
    padding: 10px !important
}

html:not([dir="rtl"]) .account-types .header {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .account-types .header {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .account-types .header {
    font-weight: 800
}

@media screen and (max-width:1100px) {
    .account-types .header {
        font-size: 15px
    }
}

.account-types-centered {
    max-width: 100%;
    width: 100%;
    margin: 75px auto auto auto;
    overflow: hidden
}

.account-types-centered .owl-stage-outer {
    padding-bottom: 35px
}

@media screen and (max-width:1000px) {
    .account-types-centered .owl-nav {
        display: none
    }
}

.account-types-centered .deposit {
    color: #5c5d5d;
    font-size: 30px;
    line-height: 30px
}

html:not([dir="rtl"]) .account-types-centered .deposit {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .account-types-centered .deposit {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .account-types-centered .deposit {
    font-weight: 600
}

.account-types-centered .account-types {
    margin: auto;
    max-width: 785px
}

.account-types-centered .owl-item {
    z-index: 0;
    position: relative;
    margin-top: 35px;
    display: inline-block;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease
}

@media screen and (max-width:1000px) {
    .account-types-centered .owl-item .item {
        margin: 0 !important
    }
}

.account-types-centered .owl-item .item .raw {
    padding: 20px 5px
}

.account-types-centered .owl-item .item .header {
    margin: -20px -6px 0 -6px
}

.account-types-centered .owl-item .item .tab {
    padding: 5px 10px;
    border-bottom: 1px solid #dadada;
    margin: 0 -5px;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease
}

.account-types-centered .owl-item .item .tab:hover:last-child {
    background: 0
}

.account-types-centered .owl-item .item .tab.first {
    padding: 20px 10px !important
}

.account-types-centered .owl-item .item .tab.first:hover .deposit {
    color: #469b4c
}

.account-types-centered .owl-item .item .tab:hover {
    background: #f2f2f2
}

.account-types-centered .owl-item .item .tab:hover .description {
    color: #469b4c
}

html:not([dir="rtl"]) .account-types-centered .owl-item .item .tab:hover .description {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .account-types-centered .owl-item .item .tab:hover .description {
    font-family: "Kulim Park", sans-serif;
}

.account-types-centered .owl-item .item .tab.no-border {
    border-bottom: 0
}

.account-types-centered .owl-item .item .button {
    margin-top: 15px;
    width: 100%;
    height: 52px;
    padding: 12px 5px;
    font-size: 16px;
    background: #757373;
    background: -moz-linear-gradient(0, #757373 0, #bfbfbf 100%);
    background: -webkit-linear-gradient(0, #757373 0, #bfbfbf 100%);
    background: linear-gradient(0, #757373 0, #bfbfbf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#757373", endColorstr="#bfbfbf", GradientType=1);
    border: 0
}

@media screen and (max-width:1000px) {
    .account-types-centered .owl-item .item .button {
        height: auto;
        padding: 10px 5px
    }
}

.account-types-centered .owl-item .item .button:hover {
    background: #bfbfbf;
    background: -moz-linear-gradient(0, #bfbfbf 0, #757373 100%);
    background: -webkit-linear-gradient(0, #bfbfbf 0, #757373 100%);
    background: linear-gradient(0, #bfbfbf 0, #757373 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#bfbfbf", endColorstr="#757373", GradientType=1)
}

.account-types-centered .owl-item.center {
    z-index: 1;
    width: 285px !important;
    margin-top: 0;
    margin-inline-start: -30px;
    margin-inline-end: -4px !important
}

@media screen and (max-width:500px) {
    .account-types-centered .owl-item.center {
        width: auto;
        margin-inline-start: 0;
        margin-inline-end: 0 !important
    }
}

.account-types-centered .owl-item.center .item {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px
}

@media screen and (max-width:700px) {
    .account-types-centered .owl-item.center .item {
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -o-box-shadow: none;
        -ms-box-shadow: none
    }
}

.account-types-centered .owl-item.center .item .header {
    margin: -20px -15px 0 -15px
}

.account-types-centered .owl-item.center .item .raw {
    padding: 20px 15px
}

.account-types-centered .owl-item.center .item .tab {
    padding: 8px 25px;
    margin: 0 -15px
}

.account-types-centered .owl-item.center .item .button {
    margin-top: 15px;
    height: 57px;
    padding: 16px 5px;
    font-size: 18px;
    background: #7cbf55;
    background: -moz-linear-gradient(0, #7cbf55 0, #308e09 100%);
    background: -webkit-linear-gradient(0, #7cbf55 0, #308e09 100%);
    background: linear-gradient(0, #7cbf55 0, #308e09 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7cbf55", endColorstr="#308e09", GradientType=1)
}

.account-types-centered .owl-item.center .item .button:hover {
    background: #308e09;
    background: -moz-linear-gradient(0, #308e09 0, #7cbf55 100%);
    background: -webkit-linear-gradient(0, #308e09 0, #7cbf55 100%);
    background: linear-gradient(0, #308e09 0, #7cbf55 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#308e09", endColorstr="#308e09", GradientType=1)
}

.account-types-centered .item {
    width: 100%
}

.admin-bar .slider.full-screen {
    height: calc(100vh - 32px) !important
}

@media screen and (max-width:700px) {
    .admin-bar .slider.full-screen {
        height: 100% !important
    }
}

@media screen and (max-width:800px) {
    .admin-bar .slider.full-screen {
        height: 100% !important
    }
}

.running-quotes .slider.full-screen .owl-dots {
    bottom: 15px
}

.slider {
    background: #7cb855;
    background: -moz-linear-gradient(180deg, #7cb855 0, #469b4c 100%);
    background: -webkit-linear-gradient(180deg, #7cb855 0, #469b4c 100%);
    background: linear-gradient(180deg, #7cb855 0, #469b4c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7cb855", endColorstr="#469b4c", GradientType=1);
    height: 700px;
    padding: 0;
    overflow: hidden
}

.slider.full-screen {
    height: calc(100vh);
    min-height: 800px
}

@media screen and (max-width:800px) {
    .slider.full-screen {
        height: 100% !important;
        min-height: 100%
    }
}

.slider.full-screen .owl-stage-outer,
.slider.full-screen .owl-stage,
.slider.full-screen .owl-item,
.slider.full-screen .item,
.slider.full-screen .slides {
    height: inherit;
    padding-bottom: 25px;
    min-height: 800px
}

@media screen and (max-width:800px) {
    .slider.full-screen .owl-stage-outer,
    .slider.full-screen .owl-stage,
    .slider.full-screen .owl-item,
    .slider.full-screen .item,
    .slider.full-screen .slides {
        min-height: 100%
    }
}

@media screen and (max-width:800px) {
    .slider .banner-container {
        height: 860px;
        position: absolute;
        top: -1px;
        bottom: 0;
        width: 100%;
        inset-inline-start: 0
    }
}

.slider .banner-container .banner {
    position: absolute;
    width: 100%;
    display: block;
    inset-inline-start: 0;
    inset-inline-end: 0;
    bottom: 0;
    top: 0;
    max-width: 100%;
    background-position: top;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -html-background-size: cover;
    background-size: cover
}

@media screen and (max-width:800px) {
    .slider .banner-container .banner {
        top: -50px;
        height: calc(100% - -100px) !important
    }
}

@media screen and (max-width:800px) {
    .slider .banner-container .banner {
        height: calc(100% - -50px) !important
    }
    .slider .banner-container .banner.__mobile_plus {
        display: none
    }
    .slider .banner-container .banner.__mobile {
        display: block !important
    }
}

.slider .owl-item {
    min-height: 750px !important
}

.slider.wrapper {
    padding: 0
}

.slider .slides {
    height: 700px;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    background-position: center;
    padding-bottom: 0 !important
}

.slider .sub-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    max-width: 1300px;
    width: 100%;
    padding: 0 2%
}

@media screen and (max-width:1100px) {
    .slider .sub-wrapper {
        display: block
    }
}

.slider .sub-wrapper>div:first-child {
    max-width: 600px;
    width: 100%;
    z-index: 1
}

@media screen and (max-width:1100px) {
    .slider .sub-wrapper>div:first-child {
        max-width: 100%;
        text-align: center
    }
}

.slider .sub-wrapper>div:last-child {
    position: absolute;
    inset-inline-end: 10%;
    bottom: 0
}

@media screen and (max-width:1100px) {
    .slider .sub-wrapper>div:last-child {
        inset-inline-end: 1%
    }
}

@media screen and (max-width:800px) {
    .slider .sub-wrapper>div:last-child {
        display: none
    }
}

@media screen and (max-width:1100px) {
    .slider .sub-wrapper>div:last-child img {
        max-width: 83%
    }
}

.slider .item {
    height: 700px;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    background-position: center
}

@media screen and (max-width:1100px) {
    .slider .item {
        padding-top: 125px
    }
}

.slider .item .title {
    font-size: 32px;
    color: #fff;
    line-height: 40px
}

html:not([dir="rtl"]) .slider .item .title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .slider .item .title {
    font-family: "Kulim Park", sans-serif;
}

@media screen and (max-width:700px) {
    .slider .item .title {
        font-size: 21px;
        line-height: 29px
    }
}

.slider .item .sub-title {
    text-transform: uppercase;
    font-size: 45px;
    color: #fff;
    line-height: 60px
}

html:not([dir="rtl"]) .slider .item .sub-title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .slider .item .sub-title {
    font-family: "Kulim Park", sans-serif;
}

@media screen and (max-width:700px) {
    .slider .item .sub-title {
        font-size: 20px !important;
        line-height: 28px
    }
    html:not([dir="rtl"]) .slider .item .sub-title {
        font-family: "Kulim Park", sans-serif;
    }
    html[dir="rtl"] .slider .item .sub-title {
        font-family: "Kulim Park", sans-serif;
    }
}

@media screen and (max-width:800px) {
    .slider .item .sub-title {
        font-size: 34px
    }
}

.slider .item .description {
    color: #fff;
    font-size: 16px;
    line-height: 27px;
    max-width: 550px;
    margin-top: 50px
}

html:not([dir="rtl"]) .slider .item .description {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .slider .item .description {
    font-family: "Kulim Park", sans-serif;
}

@media screen and (max-width:1100px) {
    .slider .item .description {
        max-width: 100%
    }
}

.slider .item .buttons-container {
    margin-top: 100px;
    text-align: center;
    width: 100%;
    max-width: 100%
}

@media screen and (max-width:1100px) {
    .slider .item .buttons-container {
        max-width: 350px;
        margin-inline-start: 0
    }
}

@media screen and (max-width:800px) {
    .slider .item .buttons-container {
        width: 100%;
        max-width: 100%
    }
}

@media screen and (max-width:1100px) {
    .slider .item .buttons-container a {
        margin-inline-end: 0;
        margin-inline-start: 0
    }
    .slider .item .buttons-container a:first-child {
        margin-bottom: 15px
    }
}

@media screen and (max-width:800px) {
    .slider .item .buttons-container a {
        margin-inline-end: 25px
    }
}

.slider .item .register-demo a,
.slider .item .register-demo {
    color: #fff;
    text-align: center
}

.slider .item .register-demo {
    margin-top: 15px
}

@media screen and (max-width:1100px) {
    .slider .item .register-demo {
        max-width: 350px;
        margin-inline-start: 0
    }
}

@media screen and (max-width:800px) {
    .slider .item .register-demo {
        width: 100%;
        max-width: 100%
    }
}

.slider .owl-dots {
    bottom: 80px !important;
    position: absolute;
    width: 100%;
    text-align: center
}

@media screen and (max-width:700px) {
    .slider .owl-dots {
        bottom: 40px !important
    }
}

.slider .owl-dots .owl-dot {
    background: #fff
}

.slider .owl-dots .owl-dot.active {
    border: 1px solid #fff
}

@media screen and (max-width:1100px) {
    .slider .fly-set {
        display: none
    }
}

.slider .fly-set img {
    position: absolute
}

.slider .fly-set .img-1 {
    bottom: 12%;
    inset-inline-end: -15%
}

.slider .fly-set .img-2 {
    top: 12%;
    inset-inline-end: -5%
}

.slider .fly-set .img-3 {
    top: -3%;
    inset-inline-start: 14%
}

.banner-content-html {
    position: absolute;
    inset-inline-end: 24%;
    top: 20%;
    font-size: 25px;
    line-height: 33px;
    max-width: 500px;
    width: 100%
}

@media screen and (max-width:700px) {
    .banner-content-html {
        max-width: 100%;
        width: 100%;
        inset-inline-end: 0;
        padding: 0 4%
    }
}

.banner-content-html .small-size {
    font-size: 17px;
    line-height: 25px
}

.banner-content-html .first-raw {
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

@media screen and (max-width:700px) {
    .banner-content-html .first-raw {
        justify-content: center
    }
}

@media screen and (max-width:700px) {
    .banner-content-html .second-raw {
        text-align: center !important;
        max-width: 65%;
        margin-inline-start: auto;
        margin-inline-end: auto;
        font-size: 20px;
        line-height: 28px
    }
}

@media screen and (max-width:500px) {
    .banner-content-html .second-raw {
        max-width: 100%;
        font-size: 18px;
        line-height: 26px
    }
}

.banner-content-html .interactive-num {
    font-family: "Kulim Park", sans-serif;
}

.banner-content-html .right {
    text-align: end
}

.banner-content-html .center {
    text-align: center
}

html:not([dir="rtl"]) .banner-content-html .light {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .banner-content-html .light {
    font-family: "Kulim Park", sans-serif;
}

.banner-content-html .uppercase {
    text-transform: uppercase
}

html:not([dir="rtl"]) .banner-content-html .bold {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .banner-content-html .bold {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .banner-content-html .bold {
    font-weight: 800
}

.banner-content-html .big-title {
    font-size: 58px;
    line-height: 58px;
    text-transform: uppercase;
    font-style: italic;
    padding: 0 4%
}

@media screen and (max-width:700px) {
    .banner-content-html .big-title {
        font-size: 25px;
        line-height: 25px;
        text-align: start;
        padding: 0 2%
    }
}

.banner-content-html .big-number {
    font-size: 137px;
    line-height: 137px;
    font-style: italic
}

@media screen and (max-width:700px) {
    .banner-content-html .big-number {
        font-size: 60px;
        line-height: 60px
    }
}

header.home-header ul.menu>li>a {
    color: #fff
}

header.home-header ul.menu .sub-menu {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    overflow: hidden
}

header.home-header .menu.mobile .menu {
    background: #fff;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    -ms-border-radius: 15px;
    overflow: hidden
}

header.home-header .menu.mobile .menu>li>a {
    color: #464646
}

header .menu {
    text-align: end
}

header .menu ul>li {
    vertical-align: top;
    display: inline-block;
    position: relative
}

header .menu ul>li:hover .sub-menu {
    display: block;
    animation-name: fadeInLeft;
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    -ms-animation-name: fadeInLeft;
    -webkit-animation-duration: .25s;
    animation-duration: .25s;
    -moz-animation-duration: .25s;
    -o-animation-duration: .25s;
    -ms-animation-duration: .25s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    -ms-animation-fill-mode: both
}

header .menu ul>li:last-child>a {
    padding-inline-end: 0
}

header .menu ul>li>a {
    color: #222629;
    font-size: 14px;
    text-transform: uppercase;
    display: block;
    padding: 28px 20px 28px 0;
    padding-inline-start: 0;
    padding-inline-end: 20px;
    text-decoration: none
}

html:not([dir="rtl"]) header .menu ul>li>a {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] header .menu ul>li>a {
    font-family: "Kulim Park", sans-serif;
}

header .menu ul>li .sub-menu {
    display: none;
    overflow: hidden;
    position: absolute;
    background: #fff;
    min-width: 200px;
    width: 100%;
    inset-inline-start: 0;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    border-end-end-radius: 10px;
    border-end-start-radius: 10px
}

header .menu ul>li .sub-menu li {
    display: block
}

header .menu ul>li .sub-menu li:first-child a {
    border-top: 0
}

header .menu ul>li .sub-menu li a {
    text-align: start;
    color: #464646;
    text-transform: capitalize;
    font-size: 13px;
    display: block;
    padding: 15px 10px 15px 25px;
    padding-inline-start: 25px;
    padding-inline-end: 10px;
    border-top: 1px solid #e6e6e6;
    position: relative;
    line-height: 17px
}

header .menu ul>li .sub-menu li a:after {
    content: '';
    width: 6px;
    height: 6px;
    background: #469b4c;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    inset-inline-start: 10px
}

header .menu ul>li .sub-menu li a:hover {
    color: #469b4c;
    background: #f9f9f9
}

header .menu ul>li .sub-menu li a:hover:after {
    background: #469b4c
}

header .menu.mobile {
    position: absolute;
    height: auto;
    inset-inline-end: 0;
    width: 300px;
    border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -o-border-radius: 0 0 10px 10px;
    -ms-border-radius: 0 0 10px 10px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    top: 55px
}

@media screen and (max-width:500px) {
    header .menu.mobile {
        inset-inline-start: 0;
        width: 100%;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
        -ms-border-radius: 0;
        position: fixed
    }
}

header .menu.mobile .menu {
    height: 100%;
    display: block;
    text-align: start;
    background: #fff
}

header .menu.mobile li {
    display: block
}

header .menu.mobile li.active>a {
    background: #d2d2d2
}

header .menu.mobile li a {
    display: block;
    padding: 13px 25px;
    position: relative;
    font-size: 13px
}

header .menu.mobile li a:hover {
    background: #d2d2d2
}

header .menu.mobile li a:after {
    top: 50%;
    inset-inline-start: 8px;
    height: 12px;
    width: 12px;
    display: block;
    position: absolute;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 14px;
    box-sizing: content-box;
    text-align: center;
    font-family: 'FontAwesome';
    line-height: 14px;
    font-size: 11px;
    margin-top: -6px;
    content: "\f078"
}

header .menu.mobile li .sub-menu {
    display: none;
    position: relative;
    box-shadow: none;
    border-bottom: 1px solid #e6e6e6;
    border-radius: 0
}

header .menu.mobile li .sub-menu a {
    padding-inline-start: 50px
}

header .menu.mobile li .sub-menu a:before {
    inset-inline-start: 28px
}

header .menu.mobile li .sub-menu a:after {
    inset-inline-start: 30px
}

header .menu.mobile li:hover .sub-menu {
    display: none;
    animation-name: none;
    -webkit-animation-name: none;
    -moz-animation-name: none;
    -o-animation-name: none;
    -ms-animation-name: none
}

header .___menu_icon {
    display: none;
    width: 30px;
    height: 24px;
    position: absolute;
    inset-inline-end: 2%;
    top: 50%;
    margin-top: -12px;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer
}

@media screen and (max-width:1100px) {
    header .___menu_icon {
        display: block
    }
}

header .___menu_icon span {
    display: block;
    position: absolute;
    height: 3px;
    width: 50%;
    background: #787878;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    -ms-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

header .___menu_icon span:nth-child(even) {
    inset-inline-start: 50%;
    border-radius: 0 9px 9px 0;
    -webkit-border-radius: 0 9px 9px 0;
    -moz-border-radius: 0 9px 9px 0;
    -o-border-radius: 0 9px 9px 0;
    -ms-border-radius: 0 9px 9px 0
}

header .___menu_icon span:nth-child(odd) {
    inset-inline-start: 0;
    border-radius: 9px 0 0 9px;
    -webkit-border-radius: 9px 0 0 9px;
    -moz-border-radius: 9px 0 0 9px;
    -o-border-radius: 9px 0 0 9px;
    -ms-border-radius: 9px 0 0 9px
}

header .___menu_icon span:nth-child(1),
header .___menu_icon span:nth-child(2) {
    top: 0
}

header .___menu_icon span:nth-child(3),
header .___menu_icon span:nth-child(4) {
    top: 10px
}

header .___menu_icon span:nth-child(5),
header .___menu_icon span:nth-child(6) {
    top: 20px
}

header .___menu_icon.open span:nth-child(1),
header .___menu_icon.open span:nth-child(6) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

header .___menu_icon.open span:nth-child(2),
header .___menu_icon.open span:nth-child(5) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

header .___menu_icon.open span:nth-child(1) {
    inset-inline-start: 3px;
    top: 7px
}

header .___menu_icon.open span:nth-child(2) {
    inset-inline-start: calc(50% - 3px);
    top: 7px
}

header .___menu_icon.open span:nth-child(3) {
    inset-inline-start: -50%;
    opacity: 0
}

header .___menu_icon.open span:nth-child(4) {
    inset-inline-start: 100%;
    opacity: 0
}

header .___menu_icon.open span:nth-child(5) {
    inset-inline-start: 3px;
    top: 16px
}

header .___menu_icon.open span:nth-child(6) {
    inset-inline-start: calc(50% - 3px);
    top: 16px
}

header .___menu_icon.open span {
    background: #469b4c !important
}

footer .footer-menu {
    border-bottom: 1px solid #585858;
    padding-bottom: 30px
}

@media screen and (max-width:1100px) {
    footer .footer-menu {
        display: none
    }
}

footer .footer-menu ul {
    text-align: start
}

footer .footer-menu ul>li {
    vertical-align: top;
    display: inline-block;
    width: 15%;
    text-align: start;
    margin-inline-end: 1%
}

footer .footer-menu ul>li>a {
    font-size: 13px;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 20px;
    color: #ccc
}

html:not([dir="rtl"]) footer .footer-menu ul>li>a {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] footer .footer-menu ul>li>a {
    font-family: "Kulim Park", sans-serif;
}

footer .footer-menu ul>li>a:hover {
    color: #fff
}

footer .footer-menu ul>li:last-child {
    margin-inline-end: 0
}

footer .footer-menu ul>li .sub-menu {
    margin-top: 5px
}

footer .footer-menu ul>li .sub-menu li {
    display: block;
    width: 100%
}

footer .footer-menu ul>li .sub-menu li a {
    font-size: 13px;
    text-transform: capitalize;
    padding: 1px 0;
    line-height: 20px;
    display: block
}

html:not([dir="rtl"]) footer .footer-menu ul>li .sub-menu li a {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] footer .footer-menu ul>li .sub-menu li a {
    font-family: "Kulim Park", sans-serif;
}

footer .footer-menu ul>li .sub-menu li a:hover {
    color: #fff
}

.instrument-menu {
    text-align: center;
    margin-top: 50px
}

.instrument-menu .tab {
    width: 125px;
    display: inline-block;
    vertical-align: top;
    margin-inline-end: 40px;
    text-decoration: none;
    outline: 0
}

@media screen and (max-width:1100px) {
    .instrument-menu .tab {
        width: 32%;
        margin-inline-end: 2%
    }
    .instrument-menu .tab:nth-child(3),
    .instrument-menu .tab:nth-child(6) {
        margin-inline-end: 0
    }
}

@media screen and (max-width:700px) {
    .instrument-menu .tab {
        width: 48%;
        margin-inline-end: 2%
    }
    .instrument-menu .tab:nth-child(even) {
        margin-inline-end: 0
    }
}

.instrument-menu .tab:hover .icon {
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    background: #7cb855;
    background: -moz-linear-gradient(0, #7cb855 0, #469b4c 100%);
    background: -webkit-linear-gradient(0, #7cb855 0, #469b4c 100%);
    background: linear-gradient(0, #7cb855 0, #469b4c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7cb855", endColorstr="#469b4c", GradientType=1);
    border: 1px solid #469b4c
}

.instrument-menu .tab:hover img {
    filter: brightness(5);
    -webkit-filter: brightness(5);
    -moz-filter: brightness(5);
    -o-filter: brightness(5);
    -ms-filter: brightness(5)
}

.instrument-menu .tab.active .icon {
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    background: #7cb855;
    background: -moz-linear-gradient(0, #7cb855 0, #469b4c 100%);
    background: -webkit-linear-gradient(0, #7cb855 0, #469b4c 100%);
    background: linear-gradient(0, #7cb855 0, #469b4c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7cb855", endColorstr="#469b4c", GradientType=1);
    border: 1px solid #469b4c
}

.instrument-menu .tab.active img {
    filter: brightness(5);
    -webkit-filter: brightness(5);
    -moz-filter: brightness(5);
    -o-filter: brightness(5);
    -ms-filter: brightness(5)
}

.instrument-menu .tab:last-child {
    margin-inline-end: 0
}

.instrument-menu .icon {
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    box-shadow: 0 10px 5px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 10px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 10px 5px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 10px 5px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 10px 5px rgba(0, 0, 0, 0.15);
    border: 1px solid #eaeaea;
    width: 112px;
    height: 112px;
    border-radius: 112px;
    -webkit-border-radius: 112px;
    -moz-border-radius: 112px;
    -o-border-radius: 112px;
    -ms-border-radius: 112px;
    background: #fff
}

@media screen and (max-width:1100px) {
    .instrument-menu .icon {
        margin: 15px auto
    }
}

@media screen and (max-width:700px) {
    .instrument-menu .icon {
        width: 90px;
        height: 90px
    }
}

.instrument-menu .icon img {
    height: 45px;
    position: relative;
    top: 50%;
    margin-top: -22.5px
}

@media screen and (max-width:700px) {
    .instrument-menu .icon img {
        height: 34px;
        margin-top: -16.5px
    }
}

.instrument-menu .title {
    font-size: 18px;
    color: #1d1d1b;
    margin-top: 24px
}

html:not([dir="rtl"]) .instrument-menu .title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .instrument-menu .title {
    font-family: "Kulim Park", sans-serif;
}

@media screen and (max-width:1100px) {
    .instrument-menu .title {
        font-size: 16px
    }
}

.instrument-table td ul {
    text-align: start
}

.instrument-table .extra-symbol-info {
    display: block
}

.instrument-table .extra-symbol-info p {
    margin-bottom: 0;
    font-size: 11px;
    line-height: 15px
}

.__running_quotes__ {
    position: fixed;
    bottom: 0;
    inset-inline-start: 0;
    width: 100%;
    background: #2d2d2d;
    height: 60px;
    z-index: 10;
    padding: 11px 0;
    overflow: hidden;
    direction: ltr !important;
    unicode-bidi: embed
}

@media screen and (max-width:1100px) {
    .__running_quotes__ {
        height: 50px
    }
}

.__running_quotes__ .quote-tab {
    display: inline-block;
    vertical-align: center;
    text-align: center;
    position: relative;
    padding: 0 25px;
    border-inline-end: 1px solid #393939
}

.__running_quotes__ .quote-tab.up .prices {
    color: #4db846
}

.__running_quotes__ .quote-tab.up .title:after {
    border-bottom: 6px solid #4db846
}

.__running_quotes__ .quote-tab.down .prices {
    color: #f93e4c
}

.__running_quotes__ .quote-tab.down .title:after {
    border-top: 6px solid #f93e4c
}

.__running_quotes__ .quote-tab .top {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center
}

.__running_quotes__ .quote-tab .top img {
    height: 23px
}

@media screen and (max-width:1100px) {
    .__running_quotes__ .quote-tab .top img {
        height: 15px
    }
}

.__running_quotes__ .quote-tab .top .title {
    color: #fff;
    font-size: 13px;
    margin-inline-start: 15px;
    position: relative
}

html:not([dir="rtl"]) .__running_quotes__ .quote-tab .top .title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .__running_quotes__ .quote-tab .top .title {
    font-family: "Kulim Park", sans-serif;
}

.__running_quotes__ .quote-tab .top .title:after {
    content: '';
    width: 0;
    height: 0;
    border-inline-start: 4px solid transparent;
    border-inline-end: 4px solid transparent;
    position: absolute;
    inset-inline-end: -15px;
    top: 50%;
    margin-top: -4px
}

.__running_quotes__ .quote-tab .prices {
    color: #ccc;
    font-size: 11px;
    margin-top: 5px
}

html:not([dir="rtl"]) .__running_quotes__ .quote-tab .prices {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .__running_quotes__ .quote-tab .prices {
    font-family: "Kulim Park", sans-serif;
}

table,
thead,
tbody {
    width: 100%;
    border-collapse: unset
}

table {
    border-start-end-radius: 30px;
    border-start-start-radius: 30px
}

table .table-sub-header {
    background: #4d4d4d;
    color: #fff
}

table .loader {
    width: 25px
}

table th {
    background: #7cc05b;
    color: #fff;
    font-size: 14px;
    padding: 8px 5px;
    text-align: center;
    border-bottom: 1px solid #e5e8eb;
    border-top: 1px solid #e5e8eb
}

html:not([dir="rtl"]) table th {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] table th {
    font-family: "Kulim Park", sans-serif;
}

@media screen and (max-width:1100px) {
    table th {
        font-size: 13px
    }
}

table th:first-child {
    border-start-start-radius: 30px;
    padding-inline-start: 35px
}

@media screen and (max-width:1100px) {
    table th:first-child {
        border-start-start-radius: 0
    }
}

table th:last-child {
    border-start-end-radius: 30px
}

@media screen and (max-width:1100px) {
    table th:last-child {
        border-start-end-radius: 0
    }
}

table td {
    font-size: 13px;
    color: #2e3537;
    padding: 13px 10px;
    border-bottom: 1px solid #e5e8eb
}

html:not([dir="rtl"]) table td {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] table td {
    font-family: "Kulim Park", sans-serif;
}

table td:first-child {
    border-inline-start: 1px solid #e5e8eb;
    padding-inline-start: 35px
}

table td:last-child {
    border-inline-end: 1px solid #e5e8eb
}

table td ul {
    text-align: start
}

table tr:nth-child(even) {
    background: #f9f9f9
}

table tr:hover {
    background: #ebe7e7
}

table .instrument {
    text-align: start;
    padding-inline-start: 30px;
    white-space: nowrap
}

table .instrument>div {
    display: inline-block;
    vertical-align: middle
}

table .instrument>div>img {
    height: 25px;
    margin-inline-end: 8px
}

table .instrument>div>img.us-stocks {
    height: 23px
}

table .instrument>div.quote {
    font-size: 14px
}

html:not([dir="rtl"]) table .instrument>div.quote {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] table .instrument>div.quote {
    font-family: "Kulim Park", sans-serif;
}

table .instrument>div .name {
    font-size: 13px;
    margin-top: -7px
}

html:not([dir="rtl"]) table .instrument>div .name {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] table .instrument>div .name {
    font-family: "Kulim Park", sans-serif;
}

table .spread {
    position: relative;
    display: inline-block
}

html:not([dir="rtl"]) table .spread {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] table .spread {
    font-family: "Kulim Park", sans-serif;
}

table .spread.down {
    color: #f93e4c
}

table .spread.down:after {
    border-top: 6px solid #f93e4c
}

table .spread.up {
    color: #4db846
}

table .spread.up:after {
    border-bottom: 6px solid #4db846
}

table .spread:after {
    content: '';
    width: 0;
    height: 0;
    border-inline-start: 4px solid transparent;
    border-inline-end: 4px solid transparent;
    position: absolute;
    inset-inline-start: -17px;
    top: 50%;
    margin-top: -4px
}

table.dataTable thead>tr>th.sorting_asc,
table.dataTable thead>tr>th.sorting_desc,
table.dataTable thead>tr>th.sorting,
table.dataTable thead>tr>td.sorting_asc,
table.dataTable thead>tr>td.sorting_desc,
table.dataTable thead>tr>td.sorting {
    padding-inline-end: 30px;
    padding-inline-start: 15px
}

table.dataTable thead>tr>th {
    position: relative;
    white-space: nowrap
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before {
    top: 50%;
    inset-inline-start: 10px;
    height: 12px;
    width: 12px;
    display: block;
    position: absolute;
    border: 0;
    border-radius: 14px;
    box-sizing: content-box;
    text-align: center;
    font-family: 'icomoon';
    line-height: 14px;
    font-size: 20px;
    margin-top: -6px
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before {
    content: "\e9c1"
}

table.dataTable.dtr-inline.collapsed>tbody>tr.child>td.child:before {
    content: ''
}

html:not([dir="rtl"]) table.dataTable.dtr-inline.collapsed>tbody>tr.child>td.child .dtr-title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] table.dataTable.dtr-inline.collapsed>tbody>tr.child>td.child .dtr-title {
    font-family: "Kulim Park", sans-serif;
}

table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before {
    content: "\e9c2"
}

table.dataTable th.sorting:after,
table.dataTable th.sorting_asc:after,
table.dataTable th.sorting_desc:after {
    font-family: 'icomoon';
    font-size: 16px;
    inset-inline-end: 10px;
    position: absolute;
    top: 50%;
    margin-top: -9.5px;
    color: #aeadad
}

table.dataTable th.sorting_no.sorting:after,
table.dataTable th.sorting_no.sorting_asc:after,
table.dataTable th.sorting_no.sorting_desc:after {
    content: ""
}

table.dataTable th.sorting,
table.dataTable th.sorting_asc,
table.dataTable th.sorting_desc {
    cursor: pointer
}

table.dataTable th.sorting:after {
    content: "\ee38";
    color: #fff
}

table.dataTable th.sorting_asc:after {
    content: "\edc4";
    color: #fff
}

table.dataTable th.sorting_desc:after {
    content: "\edc6";
    color: #fff
}

.dataTables_info {
    font-size: 13px;
    text-align: center;
    margin-top: 25px
}

.dataTables_paginate .paginate_button.previous,
.dataTables_paginate .paginate_button.next {
    display: inline-block;
    text-indent: 999999px;
    vertical-align: middle;
    position: relative;
    margin: 5px;
    width: 35px;
    height: 35px;
    border-radius: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -o-border-radius: 35px;
    -ms-border-radius: 35px;
    padding: 0 13px;
    cursor: pointer
}

.dataTables_paginate .paginate_button.previous:after,
.dataTables_paginate .paginate_button.next:after {
    font-family: 'icomoon';
    font-size: 20px;
    position: absolute;
    top: 50%;
    margin-top: -9.5px;
    text-indent: 0
}

.dataTables_paginate .paginate_button.previous:after {
    content: "\e9c0";
    inset-inline-end: 13px
}

.dataTables_paginate .paginate_button.next:after {
    content: "\e9c3";
    inset-inline-end: 11px
}

a.dt-button {
    position: relative;
    margin: 5px;
    width: 35px;
    height: 35px;
    border-radius: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -o-border-radius: 35px;
    -ms-border-radius: 35px;
    padding: 0 13px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle
}

a.dt-button.buttons-pdf>span,
a.dt-button.buttons-excel>span,
a.dt-button.buttons-copy>span {
    display: none
}

a.dt-button.buttons-pdf:after,
a.dt-button.buttons-excel:after,
a.dt-button.buttons-copy:after {
    font-family: 'icomoon';
    font-size: 14px;
    position: absolute;
    top: 50%;
    margin-top: -9.5px;
    inset-inline-start: 11px
}

a.dt-button.buttons-pdf:after {
    content: "\ef36"
}

a.dt-button.buttons-excel:after {
    content: "\ef39"
}

a.dt-button.buttons-copy:after {
    content: "\ea34"
}

.dataTables_paginate {
    text-align: center
}

.dataTables_empty {
    text-align: center
}

.dataTables_filter input {
    background: #fff;
    border: 1px solid #e5e8eb;
    width: 100%;
    padding: 11px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px
}

.awards-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr)
}

.awards-list .raw {
    padding: 25px 0
}

@media screen and (max-width:1100px) {
    .awards-list {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (max-width:500px) {
    .awards-list {
        grid-template-columns: repeat(1, 1fr)
    }
}

.awards-list .title {
    color: #000;
    font-size: 16px;
    line-height: 21px;
    text-transform: uppercase;
    width: 80%;
    margin: auto
}

html:not([dir="rtl"]) .awards-list .title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .awards-list .title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .awards-list .title {
    font-weight: 600
}

@media screen and (max-width:1100px) {
    .awards-list .title {
        font-size: 14px
    }
}

.awards-list .description {
    font-size: 16px;
    line-height: 21px
}

html:not([dir="rtl"]) .awards-list .description {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .awards-list .description {
    font-family: "Kulim Park", sans-serif;
}

@media screen and (max-width:1100px) {
    .awards-list .description {
        font-size: 14px
    }
}

.awards-list .icon {
    position: relative;
    margin: auto auto 25px auto
}

.awards-list .icon img {
    height: 110px
}

.awards-list .icon .year {
    color: #939393;
    position: absolute;
    z-index: 1;
    width: 100%;
    top: 50%;
    margin-top: -20px;
    font-size: 25px
}

html:not([dir="rtl"]) .awards-list .icon .year {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .awards-list .icon .year {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .awards-list .icon .year {
    font-weight: 800
}

@media screen and (max-width:1100px) {
    .awards-list .icon .year {
        font-size: 20px
    }
}

.admin-bar .inner .header.full-screen {
    height: calc(100vh - 102px)
}

@media screen and (max-width:1100px) {
    .admin-bar .inner .header.full-screen {
        height: 100%
    }
}

@media only all and (max-height:750px) and (min-width:1100px) {
    .inner .header.full-screen {
        height: 750px !important
    }
}

.careers-page .career-apply {
    margin-top: 25px;
    margin-bottom: 10px;
    font-size: 13px
}

html:not([dir="rtl"]) .careers-page .career-apply {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .careers-page .career-apply {
    font-family: "Kulim Park", sans-serif;
}

.careers-page form .uploader .file {
    width: 100%;
    margin-top: 0;
    position: absolute;
    top: 0;
    inset-inline-end: 0;
    bottom: 0;
    height: 40px;
    border: 0;
    cursor: pointer;
    z-index: 10;
    opacity: 0;
    filter: alpha(opacity=0)
}

.careers-page form .uploader .action {
    position: absolute;
    top: 8px;
    inset-inline-end: 15px
}

.careers-page form .file-label {
    font-size: 13px
}

html:not([dir="rtl"]) .careers-page form .file-label {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .careers-page form .file-label {
    font-family: "Kulim Park", sans-serif;
}

.careers-page form .submit-btn {
    margin-top: 25px;
    text-align: center
}

.careers-page .file-label {
    margin-top: 15px;
    margin-bottom: 15px
}

.careers-page .no-position-title {
    margin-top: 50px;
    text-align: start;
    font-size: 14px
}

html:not([dir="rtl"]) .careers-page .no-position-title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .careers-page .no-position-title {
    font-family: "Kulim Park", sans-serif;
}

.careers-page .filename {
    position: relative;
    top: 7px;
    inset-inline-start: 15px;
    font-size: 12px
}

.careers-page .custom-career-form {
    margin-top: 15px
}

.careers-page .custom-career-form form {
    margin-bottom: 0;
    margin-inline-start: 0;
    margin-inline-end: 0
}

.careers-page .location {
    font-size: 15px
}

html:not([dir="rtl"]) .careers-page .location {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .careers-page .location {
    font-family: "Kulim Park", sans-serif;
}

.careers-page form {
    background: #fafafa;
    margin-inline-start: -35px;
    margin-inline-end: -35px;
    margin-bottom: -18px;
    padding: 35px
}

.careers-page form .error-desc {
    margin-top: 12px
}

.careers-page form .uploader {
    width: 100%;
    position: relative;
    height: 40px;
    border: 1px solid #d0d0d0 !important;
    margin-bottom: 20px
}

.careers-page form .uploader.error-input {
    border: 1px solid #f93e4c !important
}

.careers-page .accordion .text {
    color: #1d1d1b
}

.careers-page .editor-style ul li {
    margin-bottom: 10px;
    position: relative;
    padding-inline-start: 30px
}

.careers-page .editor-style ul li:after {
    content: '';
    background: url(https://www.cxmdirect.com/wp-content/themes/cxm/static/icons/check.svg) no-repeat;
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    inset-inline-start: 0;
    top: 4px;
    background-size: 18px
}

.careers-page .stand-alone-header {
    text-align: center;
    display: flex;
    align-items: end
}

.careers-page .career-main-title {
    text-decoration: none;
    background: #7cbf55;
    display: inline-block;
    border-radius: 50px;
    color: #000;
    padding: 13px 35px;
    font-size: 18px;
    line-height: 23px;
    min-width: 320px;
    text-align: center;
    margin-inline-start: auto;
    margin-inline-end: auto;
    z-index: 2;
    margin-bottom: 50px
}

html:not([dir="rtl"]) .careers-page .career-main-title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .careers-page .career-main-title {
    font-family: "Kulim Park", sans-serif;
}

.inner {
    font-size: 16px;
    line-height: 25px
}

html:not([dir="rtl"]) .inner {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .inner {
    font-family: "Kulim Park", sans-serif;
}

.inner .header-buttons .button {
    padding: 10px 5px
}

.inner .header-buttons .button.green {
    padding: 12px 5px
}

.inner .header {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    width: 100vw;
    padding: 0;
    position: relative
}

@media screen and (max-width:1100px) {
    .inner .header {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -ms-box-orient: vertical;
        box-orient: vertical;
        width: 100%
    }
}

.inner .header>div {
    width: 50vw;
    position: relative
}

@media screen and (max-width:1100px) {
    .inner .header>div {
        width: 100%
    }
}

.inner .header .content {
    height: auto;
    padding: 0 2%
}

@media screen and (max-width:1100px) {
    .inner .header .content {
        background: -moz-linear-gradient(180deg, #fff 0, #d8d8d8 100%);
        background: -webkit-linear-gradient(180deg, #fff 0, #d8d8d8 100%);
        background: linear-gradient(180deg, #fff 0, #d8d8d8 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#d8d8d8", GradientType=1);
        padding: 25px 2% 50px 2%;
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2;
        max-width: 100%
    }
}

.inner .header.full-screen {
    height: calc(100vh - 70px)
}

@media screen and (max-width:1100px) {
    .inner .header.full-screen {
        height: 100%
    }
}

.inner .header.no-shadow {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none
}

.inner .header .image {
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -html-background-size: cover;
    background-size: cover;
    background-position: center;
    width: 50vw;
    height: 100%;
    border-inline-start: 1px solid #c9c9c9
}

@media screen and (max-width:1100px) {
    .inner .header .image {
        border-inline-start: 0;
        width: 100%;
        height: 400px;
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1
    }
}

@media screen and (max-width:500px) {
    .inner .header .image {
        height: 300px
    }
}

.inner .header .sub-header {
    text-align: center
}

.inner .header .sub-header .title {
    color: #323232;
    font-size: 35px;
    line-height: 46px;
    margin-bottom: 18px
}

html:not([dir="rtl"]) .inner .header .sub-header .title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .inner .header .sub-header .title {
    font-family: "Kulim Park", sans-serif;
}

@media screen and (max-width:1100px) {
    .inner .header .sub-header .title {
        font-size: 25px;
        line-height: 33px
    }
}

@media screen and (max-width:700px) {
    .inner .header .sub-header .title {
        font-size: 20px;
        line-height: 28px
    }
    html:not([dir="rtl"]) .inner .header .sub-header .title {
        font-family: "Kulim Park", sans-serif;
    }
    html[dir="rtl"] .inner .header .sub-header .title {
        font-family: "Kulim Park", sans-serif;
    }
}

.inner .header .sub-header .desc {
    font-size: 16px;
    line-height: 27px
}

html:not([dir="rtl"]) .inner .header .sub-header .desc {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .inner .header .sub-header .desc {
    font-family: "Kulim Park", sans-serif;
}

@media screen and (max-width:1100px) {
    .inner .header .sub-header .desc {
        font-size: 15px;
        line-height: 23px
    }
}

.inner .header .buttons-container {
    margin-top: 50px
}

@media screen and (max-width:1250px) {
    .inner .header .buttons-container .button {
        max-width: 300px;
        margin-inline-end: 0;
        margin-inline-start: 0
    }
}

@media screen and (max-width:650px) {
    .inner .header .buttons-container .button {
        margin: auto
    }
}

@media screen and (max-width:500px) {
    .inner .header .buttons-container .button {
        max-width: 100%
    }
}

@media screen and (max-width:1250px) {
    .inner .header .buttons-container .button:first-child {
        margin-bottom: 15px
    }
}

@media screen and (max-width:650px) {
    .inner .header .buttons-container .button:first-child {
        margin-inline-end: auto !important
    }
}

@media screen and (max-width:1100px) {
    .inner .header .buttons-container .button.green {
        margin-inline-end: 25px
    }
}

html:not([dir="rtl"]) .inner .header .register-demo {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .inner .header .register-demo {
    font-family: "Kulim Park", sans-serif;
}

.inner .header .register-demo a {
    color: #323232
}

.inner .instrument-menu .icon img {
    margin-top: -25.5px
}

.inner.parent ul.children {
    max-width: 700px;
    margin: -40px auto auto auto
}

.inner.parent ul.children li {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    margin-inline-end: 2%;
    margin-bottom: 25px
}

@media screen and (max-width:700px) {
    .inner.parent ul.children li {
        display: block;
        width: 100%;
        margin-inline-end: 0
    }
}

.inner.parent ul.children li:nth-child(even) {
    margin-inline-end: 0
}

.inner.parent ul.children li a {
    display: block;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
    border: 1px solid #d8d8d8;
    font-size: 15px;
    line-height: 20px;
    color: #9e9e9e;
    text-transform: uppercase;
    text-decoration: none;
    padding: 18px 25px;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    -ms-border-radius: 100px
}

html:not([dir="rtl"]) .inner.parent ul.children li a {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .inner.parent ul.children li a {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .inner.parent ul.children li a {
    font-weight: 800
}

@media screen and (max-width:1100px) {
    .inner.parent ul.children li a {
        font-size: 14px
    }
}

@media screen and (max-width:700px) {
    .inner.parent ul.children li a {
        padding: 15px 25px
    }
}

.inner.parent ul.children li a:hover {
    color: #7cbf55;
    border: 1px solid #7cbf55
}

.contact-us-page .form {
    margin-top: -50px
}

.contact-us-page [class^='icon-'] {
    position: relative
}

.contact-us-page [class^='icon-']:after {
    content: '';
    inset-inline-start: -70px;
    height: 100%
}

.contact-us-page .icon-email:after {
    background: url('https://www.cxmdirect.com/wp-content/themes/cxm/static/icons/icon-email.svg') no-repeat
}

.contact-us-page .icon-support:after {
    background: url('https://www.cxmdirect.com/wp-content/themes/cxm/static/icons/icon-support.svg') no-repeat
}

@media screen and (max-width:1100px) {
    .contact-us-page .sub-wrapper-col .green-gradient {
        display: none
    }
}

.contact-us-page .sub-wrapper-col .green-gradient:first-child {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2
}

.contact-us-page .sub-wrapper-col .green-gradient:last-child {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1
}

.___contact_box {
    margin-top: 50px
}

html:not([dir="rtl"]) .___contact_box {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .___contact_box {
    font-family: "Kulim Park", sans-serif;
}

.___contact_box .con-icon {
    width: 85px;
    height: 85px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    -ms-border-radius: 100px;
    margin-inline-end: 50px;
    position: relative
}

@media screen and (max-width:1100px) {
    .___contact_box .con-icon {
        margin: auto;
        margin-bottom: 25px
    }
}

.___contact_box .con-icon img {
    position: relative;
    height: 28px;
    top: 29px
}

.___contact_box .con-icon.support img {
    height: 40px;
    top: 21px
}

.___contact_box .title {
    text-align: start;
    font-size: 20px;
    margin-bottom: 15px
}

html:not([dir="rtl"]) .___contact_box .title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .___contact_box .title {
    font-family: "Kulim Park", sans-serif;
}

@media screen and (max-width:1100px) {
    .___contact_box .title {
        text-align: center;
        font-size: 18px
    }
}

html:not([dir="rtl"]) .___contact_box .desc {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .___contact_box .desc {
    font-family: "Kulim Park", sans-serif;
}

.___contact_box>div:last-child {
    margin-top: 75px
}

.___contact_box .raw-icon {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center
}

@media screen and (max-width:1100px) {
    .___contact_box .raw-icon {
        display: block
    }
    .___contact_box .raw-icon:last-child {
        margin-top: 25px
    }
}

.___contact_box .contact-raw {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

@media screen and (max-width:700px) {
    .___contact_box .contact-raw {
        display: block
    }
}

.___contact_box .contact-raw>div:first-child {
    width: 50%
}

@media screen and (max-width:700px) {
    .___contact_box .contact-raw>div:first-child {
        width: 100%
    }
}

.___contact_box .contact-raw>div:last-child {
    width: 50%
}

@media screen and (max-width:700px) {
    .___contact_box .contact-raw>div:last-child {
        width: 100%
    }
}

.___contact_box .raws {
    min-width: 400px
}

@media screen and (max-width:1100px) {
    .___contact_box .raws {
        max-width: 500px;
        margin: auto
    }
}

@media screen and (max-width:700px) {
    .___contact_box .raws {
        max-width: 100%;
        min-width: 100%
    }
}

@media screen and (max-width:1100px) {
    .___contact_box .raws div {
        text-align: start
    }
}

@media screen and (max-width:700px) {
    .___contact_box .raws div {
        text-align: center !important
    }
}

.___contact_box .raws .title {
    font-size: 16px
}

.mam-page .platform-image {
    margin-top: 75px
}

.mam-page .mam-buttons {
    text-align: center;
    max-width: 315px;
    margin: -30px auto auto 50px
}

@media screen and (max-width:1100px) {
    .mam-page .mam-buttons {
        margin: 25px auto auto auto
    }
}

.mam-page .mam-buttons .buttons-container:first-child a {
    margin-inline-end: 0
}

@media screen and (max-width:1100px) {
    .instrument-page .instrument-table {
        margin-inline-start: -3vw;
        margin-inline-end: -3vw
    }
}

.instrument-sub-desc {
    color: #b8b7b7;
    font-size: 16px;
    line-height: 23px;
    text-align: center;
    margin: 50px auto auto auto;
    width: 90%
}

html:not([dir="rtl"]) .instrument-sub-desc {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .instrument-sub-desc {
    font-family: "Kulim Park", sans-serif;
}

@media screen and (max-width:1100px) {
    .instrument-sub-desc {
        font-size: 15px;
        line-height: 23px
    }
}

.mam-platform-image {
    position: relative
}

.mam-platform-image .mam_image_screen_1 {
    position: absolute;
    left: 7%;
    top: -5%;
    z-index: 1;
    max-width: 100%
}

@media screen and (max-width:1100px) {
    .mam-platform-image .mam_image_screen_1 {
        max-width: 41%
    }
}

.mam-platform-image .mam_image_screen_2 {
    float: left;
    margin-left: 1%;
    max-width: 100%
}

@media screen and (max-width:1100px) {
    .mam-platform-image .mam_image_screen_2 {
        max-width: 32%
    }
}

.mam-platform-image .mam_image_screen_3 {
    position: absolute;
    top: -5%;
    left: 15%;
    z-index: 2;
    max-width: 100%
}

@media screen and (max-width:1100px) {
    .mam-platform-image .mam_image_screen_3 {
        max-width: 39%
    }
}

.mam-platform-image .mam_image_screen_4 {
    float: right;
    margin-top: 5%;
    margin-right: 1%;
    max-width: 100%
}

@media screen and (max-width:1100px) {
    .mam-platform-image .mam_image_screen_4 {
        max-width: 60%
    }
}

.social-platform-image {
    position: relative;
    margin-top: 100px
}

.social-platform-image .social_image_screen_1 {
    float: left;
    margin-left: 1%;
    max-width: 100%
}

@media screen and (max-width:1100px) {
    .social-platform-image .social_image_screen_1 {
        max-width: 35%
    }
}

.social-platform-image .social_image_screen_2 {
    position: absolute;
    left: 7%;
    top: -5%;
    z-index: 1;
    max-width: 100%
}

@media screen and (max-width:1100px) {
    .social-platform-image .social_image_screen_2 {
        max-width: 30%
    }
}

.social-platform-image .social_image_screen_3 {
    position: absolute;
    top: -7%;
    left: 15%;
    z-index: 2;
    max-width: 100%
}

@media screen and (max-width:1100px) {
    .social-platform-image .social_image_screen_3 {
        max-width: 36%
    }
}

.social-platform-image .social_image_screen_4 {
    float: right;
    margin-top: -5%;
    right: 1%;
    max-width: 100%
}

@media screen and (max-width:1100px) {
    .social-platform-image .social_image_screen_4 {
        max-width: 35%
    }
}

.social-platform-image .social_image_screen_5 {
    position: absolute;
    bottom: 19%;
    right: 21%;
    z-index: 2;
    max-width: 100%
}

@media screen and (max-width:1100px) {
    .social-platform-image .social_image_screen_5 {
        bottom: 31%;
        right: 24%;
        max-width: 15%
    }
}

.mt4-images-show {
    position: relative;
    margin-top: 75px
}

@media screen and (max-width:1100px) {
    .mt4-images-show {
        margin-left: auto;
        margin-right: auto
    }
}

@media screen and (max-width:700px) {
    .mt4-images-show {
        text-align: center !important
    }
}

.mt4-images-show .mt4_image_screen_1 {
    float: left;
    margin-left: 0;
    max-width: 55%
}

@media screen and (max-width:700px) {
    .mt4-images-show .mt4_image_screen_1 {
        margin-left: 5%
    }
}

.mt4-images-show .mt4_image_screen_2 {
    position: absolute;
    left: -9%;
    z-index: 2;
    top: 29%;
    max-width: 12%
}

@media screen and (max-width:1100px) {
    .mt4-images-show .mt4_image_screen_2 {
        top: auto;
        bottom: 0
    }
}

@media screen and (max-width:700px) {
    .mt4-images-show .mt4_image_screen_2 {
        left: -10%
    }
}

.mt4-images-show .mt4_image_screen_3 {
    position: absolute;
    right: 4%;
    z-index: 2;
    top: -10%;
    max-width: 30%
}

@media screen and (max-width:1100px) {
    .mt4-images-show .mt4_image_screen_3 {
        top: auto;
        bottom: 0
    }
}

.mt4-images-show.mt5-images-show .mt4_image_screen_3 {
    position: absolute;
    right: -11%;
    z-index: 2;
    top: 35%;
    max-width: 25%
}

@media screen and (max-width:1100px) {
    .mt4-images-show.mt5-images-show .mt4_image_screen_3 {
        top: 55%;
        bottom: 0;
        right: 17%;
        max-width: 18%
    }
}

.mt4-images-show.mt5-images-show .mt4_image_screen_4 {
    position: absolute;
    right: 0;
    z-index: 1;
    top: -34%;
    max-width: 32%
}

@media screen and (max-width:1100px) {
    .mt4-images-show.mt5-images-show .mt4_image_screen_4 {
        right: 3%;
        top: -25%;
        max-width: 27%
    }
}

.mt4-images-show .mt4_image_screen_4 {
    position: absolute;
    right: -4%;
    z-index: 1;
    top: -5%;
    max-width: 32%
}

@media screen and (max-width:1100px) {
    .mt4-images-show .mt4_image_screen_4 {
        right: 0;
        top: 6%;
        max-width: 27%
    }
}

.mt4-images-show .mt4_image_screen_5 {
    position: relative;
    z-index: 1
}

@media screen and (max-width:1100px) {
    .mt4-images-show .mt4_image_screen_5 {
        max-width: 53%
    }
}

.mt4-images-show .mt4_image_screen_6 {
    position: absolute;
    left: 16%;
    z-index: 1;
    bottom: -7%
}

@media screen and (max-width:1100px) {
    .mt4-images-show .mt4_image_screen_6 {
        max-width: 10%;
        top: 38%
    }
}

.mt4-images-show .mt4_image_screen_7 {
    position: absolute;
    right: 13%;
    max-width: 22%;
    z-index: 1;
    bottom: -13%
}

@media screen and (max-width:1100px) {
    .mt4-page .register-container.platform-buttons .buttons-container {
        left: 0;
        max-width: 100%;
        text-align: center
    }
}

@media screen and (max-width:1100px) {
    .mt4-page .register-container.platform-buttons .buttons-container .button.green {
        right: 25px
    }
}

@media screen and (max-width:700px) {
    .mt4-page .register-container.platform-buttons .buttons-container .button.green {
        right: auto
    }
}

@media screen and (max-width:1100px) {
    .mt4-page .register-container.platform-buttons .register-demo {
        left: 0;
        max-width: 100%;
        text-align: center
    }
}

@media screen and (max-width:1100px) {
    .mt4-page .mt4-show-second {
        max-width: 640px;
        left: auto;
        right: auto
    }
}

@media screen and (max-width:700px) {
    .mt4-page .mt4-images-show.mt4-show-second {
        margin-top: 40px
    }
}

.inner-download {
    margin-top: 75px
}

.inner-download .download>div {
    display: inline-block;
    width: 49%;
    text-align: center
}

.inner-download .qr_code_download {
    width: 100% !important
}

.mt4-page .register-container {
    margin-top: 0;
    margin-bottom: 50px
}

.platform-container .register-container {
    z-index: 2;
    margin-top: 80px;
    width: 100%;
    position: relative
}

@media screen and (max-width:1100px) {
    .platform-container .register-container {
        max-width: 100%;
        inset-inline-end: auto;
        bottom: 0;
        position: relative;
        margin-top: 70px
    }
}

.platform-container .register-container .buttons-container {
    margin-inline-start: auto;
    text-align: center
}

@media screen and (max-width:1100px) {
    .platform-container .register-container .buttons-container {
        margin-inline-start: auto;
        max-width: 100%
    }
}

.platform-container .register-container .buttons-container .button {
    margin-bottom: 13px
}

@media screen and (max-width:1100px) {
    .platform-container .register-container .buttons-container .button:first-child {
        margin-inline-end: 25px;
        margin-inline-start: auto
    }
}

@media screen and (max-width:700px) {
    .platform-container .register-container .buttons-container .button:first-child {
        margin-inline-end: auto
    }
}

.platform-container .register-container .register-demo {
    max-width: 650px;
    margin: auto
}

@media screen and (max-width:1100px) {
    .platform-container .register-container .register-demo {
        max-width: 100%
    }
}

.platform-container img {
    margin-left: 75px;
    margin-bottom: -35px
}

.platform-container .download {
    margin-top: 75px;
    margin-bottom: 13px
}

.mt4-download {
    margin-top: 100px
}

@media screen and (max-width:1100px) {
    .mt4-download {
        margin-top: 50px
    }
}

.mt4-download .download {
    margin-top: 25px
}

.mt4-install {
    margin-top: 100px
}

@media screen and (max-width:1100px) {
    .mt4-install {
        margin-top: 50px
    }
}

.steps {
    margin-top: 50px;
    width: 100%;
    border-spacing: 25px
}

.steps.normal .number {
    border: 1px solid #7cbf55 !important
}

.steps.normal .number>div {
    color: #7cbf55 !important
}

.steps.normal .desc {
    color: #464646 !important
}

.steps .raws {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

@media screen and (max-width:700px) {
    .steps .raws {
        display: block
    }
}

.steps .raws>div {
    width: 50%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    padding: 25px
}

@media screen and (max-width:700px) {
    .steps .raws>div {
        width: 100%;
        padding: 10px 0
    }
}

.steps .raws>div .desc {
    font-size: 14px;
    color: #fff;
    text-align: center
}

html:not([dir="rtl"]) .steps .raws>div .desc {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .steps .raws>div .desc {
    font-family: "Kulim Park", sans-serif;
}

.steps .raws>div .number {
    width: 74px;
    height: 74px;
    border: 1px solid #fff;
    border-radius: 74px;
    -webkit-border-radius: 74px;
    -moz-border-radius: 74px;
    -o-border-radius: 74px;
    -ms-border-radius: 74px;
    margin: auto auto 25px auto;
    text-align: center
}

@media screen and (max-width:700px) {
    .steps .raws>div .number {
        width: 60px;
        height: 60px
    }
}

.steps .raws>div .number>div {
    color: #fff;
    font-size: 40px;
    line-height: 72px
}

html:not([dir="rtl"]) .steps .raws>div .number>div {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .steps .raws>div .number>div {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .steps .raws>div .number>div {
    font-weight: 800
}

@media screen and (max-width:700px) {
    .steps .raws>div .number>div {
        font-size: 25px;
        line-height: 56px
    }
}

.account-types-page .help {
    font-size: 13px;
    line-height: 18px;
    max-width: 700px;
    margin: 30px auto auto auto
}

html:not([dir="rtl"]) .account-types-page .help {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .account-types-page .help {
    font-family: "Kulim Park", sans-serif;
}

.economic-calendar {
    margin-top: 75px
}

@media screen and (max-width:1100px) {
    .table-full {
        margin-inline-start: -3vw;
        margin-inline-end: -3vw
    }
}

.economic-calendar-page .help .title {
    color: #6a6a6a;
    font-size: 20px;
    line-height: 26px;
    margin-top: 25px
}

html:not([dir="rtl"]) .economic-calendar-page .help .title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .economic-calendar-page .help .title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .economic-calendar-page .help .title {
    font-weight: 600
}

@media screen and (max-width:1100px) {
    .economic-calendar-page .help .title {
        font-size: 16px;
        line-height: 24px
    }
}

.faq-page .accordion {
    margin-top: 0
}

.psp-table {
    margin-top: 40px
}

.psp-table .table th {
    width: 20%;
    line-height: 18px
}

.psp-table .table th:first-child {
    padding-inline-start: 50px;
    text-align: start
}

.psp-table .table td {
    width: 20%;
    line-height: 18px;
    vertical-align: middle
}

.psp-table .table td:first-child {
    padding-inline-start: 50px
}

@media screen and (max-width:1100px) {
    .psp-table .table td:first-child {
        padding-inline-start: unset
    }
}

.psp-table .table tr:last-child td:first-child {
    border-end-start-radius: 30px
}

@media screen and (max-width:1100px) {
    .psp-table .table tr:last-child td:first-child {
        border-end-start-radius: 0
    }
}

.psp-table .table tr:last-child td:last-child {
    border-end-end-radius: 30px
}

@media screen and (max-width:1100px) {
    .psp-table .table tr:last-child td:last-child {
        border-end-end-radius: 0
    }
}

@media screen and (max-width:700px) {
    .signature-sign,
    .signature-title {
        display: block;
        width: 100vw
    }
}

@media screen and (max-width:700px) {
    .signature-sign {
        text-align: center
    }
}

@media screen and (max-width:700px) {
    .signature-title {
        border-bottom: 0
    }
}

.psp-container {
    position: relative;
    margin-bottom: 40px
}

@media screen and (max-width:1100px) {
    .psp-container {
        margin-bottom: -1px
    }
}

.psp-container:last-child {
    margin-bottom: 0
}

.psp-container .logo {
    width: 70px;
    height: 70px;
    background: #fff;
    box-shadow: 0 3px 30px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 3px 30px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 3px 30px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 3px 30px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 3px 30px rgba(0, 0, 0, 0.15);
    border-radius: 70px;
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    -o-border-radius: 70px;
    -ms-border-radius: 70px;
    position: absolute;
    z-index: 5;
    top: 50%;
    margin-top: -13px;
    inset-inline-start: 0;
    margin-inline-start: -35px
}

@media screen and (max-width:1100px) {
    .psp-container .logo {
        display: none
    }
}

.psp-container .logo img {
    height: 40px;
    top: 50%;
    position: absolute;
    margin-top: -20px;
    inset-inline-start: 0;
    width: 100%
}

.psp-container:hover .logo {
    -webkit-animation-duration: .25s;
    animation-duration: .25s;
    -moz-animation-duration: .25s;
    -o-animation-duration: .25s;
    -ms-animation-duration: .25s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-name: pulse;
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -o-animation-name: pulse;
    -ms-animation-name: pulse
}

.deposit-withdrawal-page .sub-text {
    margin-top: 75px
}

.desc-bordered {
    border-inline-start: 1px solid #e5e8eb;
    border-inline-end: 1px solid #e5e8eb;
    border-bottom: 1px solid #e5e8eb;
    border-end-end-radius: 30px;
    border-end-start-radius: 30px;
    padding: 35px
}

@media screen and (max-width:1100px) {
    .desc-bordered {
        border: 0;
        border-end-end-radius: 0;
        border-end-start-radius: 0
    }
}

.trading-central .category {
    margin-top: 4%
}

.trading-central .category .name {
    color: #707070;
    font-size: 16px
}

html:not([dir="rtl"]) .trading-central .category .name {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .trading-central .category .name {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .trading-central .category .name {
    font-weight: 600
}

@media screen and (max-width:1100px) {
    .trading-central .category .name {
        font-size: 15px
    }
}

.trading-central .category .desc {
    font-size: 14px;
    color: #707070
}

html:not([dir="rtl"]) .trading-central .category .desc {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .trading-central .category .desc {
    font-family: "Kulim Park", sans-serif;
}

.trading-central .category-list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap
}

@media screen and (max-width:1100px) {
    .trading-central .category-list {
        display: block
    }
}

.trading-central .category-list .box {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none
}

.trading-central .category-list>div {
    width: 48%;
    margin-top: 4%;
    position: relative;
    padding: 20px
}

@media screen and (max-width:1100px) {
    .trading-central .category-list>div {
        width: 100%;
        margin-inline-end: 0;
        margin-inline-start: 0;
        background: 0;
        min-height: 215px
    }
}

@media screen and (max-width:700px) {
    .trading-central .category-list>div {
        min-height: auto
    }
}

.trading-central .category-list>div:after {
    content: '';
    background: url('https://www.cxmdirect.com/wp-content/themes/cxm/static/icons/trading-central-icon.svg') no-repeat;
    position: absolute;
    top: 15px;
    inset-inline-end: 15px;
    width: 80px;
    height: 52px
}

@media screen and (max-width:1100px) {
    .trading-central .category-list>div:after {
        display: none
    }
}

.trading-central .category-list>div:nth-child(even) {
    margin-inline-start: 4%
}

@media screen and (max-width:1100px) {
    .trading-central .category-list>div:nth-child(even) {
        margin-inline-start: 0
    }
}

.trading-central .category-list .image {
    margin: -15px 0;
    text-align: center
}

@media screen and (max-width:1100px) {
    .trading-central .category-list .image {
        float: left
    }
}

@media screen and (max-width:700px) {
    .trading-central .category-list .image {
        display: none
    }
}

@media screen and (max-width:1100px) {
    .trading-central .category-list .image>img {
        max-width: 75%
    }
}

.trading-central .category-list .title {
    text-align: center;
    color: #474747;
    text-transform: unset;
    font-size: 16px;
    line-height: 24px;
    margin-top: 15px
}

html:not([dir="rtl"]) .trading-central .category-list .title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .trading-central .category-list .title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .trading-central .category-list .title {
    font-weight: 600
}

@media screen and (max-width:1100px) {
    .trading-central .category-list .title {
        text-align: start;
        padding-inline-start: 225px;
        font-size: 15px
    }
}

@media screen and (max-width:700px) {
    .trading-central .category-list .title {
        padding-inline-start: 0
    }
}

.trading-central .category-list .desc {
    font-size: 14px;
    color: #707070;
    margin-bottom: 75px !important
}

html:not([dir="rtl"]) .trading-central .category-list .desc {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .trading-central .category-list .desc {
    font-family: "Kulim Park", sans-serif;
}

@media screen and (max-width:1100px) {
    .trading-central .category-list .desc {
        text-align: start;
        padding-inline-start: 225px
    }
}

@media screen and (max-width:700px) {
    .trading-central .category-list .desc {
        padding-inline-start: 0
    }
}

.trading-central .category-list .register {
    position: absolute;
    width: 100%;
    inset-inline-start: 0;
    bottom: 30px;
    text-align: center
}

@media screen and (max-width:500px) {
    .trading-central .category-list .register {
        padding: 0 2%
    }
}

.trading-central .category-list .register .button {
    padding: 10px 5px;
    font-size: 17px;
    cursor: pointer
}

@media screen and (max-width:1100px) {
    .trading-central .category-list .register .button {
        font-size: 16px;
        height: auto;
        padding: 10px 5px
    }
}

.central-platform-image {
    position: relative;
    margin-top: 75px
}

.central-platform-image .central_image_screen_1 {
    position: absolute;
    left: 1%;
    top: 0;
    max-width: 100%
}

@media screen and (max-width:1100px) {
    .central-platform-image .central_image_screen_1 {
        max-width: 37%
    }
}

.central-platform-image .central_image_screen_2 {
    position: absolute;
    left: 7%;
    top: -5%;
    z-index: 1;
    max-width: 100%
}

@media screen and (max-width:1100px) {
    .central-platform-image .central_image_screen_2 {
        max-width: 37%
    }
}

.central-platform-image .central_image_screen_3 {
    float: right;
    margin-top: 4%;
    margin-right: 13%;
    max-width: 100%
}

@media screen and (max-width:1100px) {
    .central-platform-image .central_image_screen_3 {
        max-width: 62%;
        margin-top: 10%
    }
}

.central-platform-image .central_image_screen_4 {
    position: absolute;
    right: 1%;
    bottom: -7%;
    max-width: 100%
}

@media screen and (max-width:1100px) {
    .central-platform-image .central_image_screen_4 {
        max-width: 25%
    }
}

.trading-central.button {
    width: 340px
}

form .checkbox-wrapper {
    display: flex;
    align-items: unset
}

form .checkbox-wrapper .error-input:after {
    right: 25px
}

form .checkbox-wrapper .error-input {
    margin-left: 25px
}

form .checkbox-wrapper:last-child {
    margin-bottom: 0
}

form .checkbox-wrapper>div:first-child {
    margin-right: 10px
}

form .checkbox-wrapper>div:last-child {
    font-family: 'Roboto Regular';
    font-size: 13px;
    line-height: 17px
}

form .checkbox-wrapper .checker {
    width: 21px;
    height: 20px;
    position: relative;
    cursor: pointer;
    margin-top: 4px
}

form .checkbox-wrapper .checker .error-desc {
    display: none
}

form .checkbox-wrapper .checker.error-checkbox {
    border: unset
}

form .checkbox-wrapper .checker.error-checkbox>span {
    border: 1px solid #f93e4c
}

form .checkbox-wrapper .checker .checkbox {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%
}

form .checkbox-wrapper .checker>span {
    border: 1px solid #b8b8b8;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    width: 21px;
    height: 20px;
    padding: 0;
    margin: 0;
    display: block
}

form .checkbox-wrapper .checker>span.checked {
    background: #7cbf55;
    border: 1px solid #7cbf55;
    position: relative
}

form .checkbox-wrapper .checker>span.checked:before {
    content: "\ed6c";
    font-family: 'icomoon';
    position: absolute;
    font-size: 12px;
    left: 3px;
    top: 0;
    color: #fff
}

form .form-pop-title {
    text-transform: capitalize;
    font-size: 25px
}

html:not([dir="rtl"]) form .form-pop-title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] form .form-pop-title {
    font-family: "Kulim Park", sans-serif;
}

form .input-currency {
    position: absolute;
    top: 1px;
    inset-inline-end: 1px;
    background: #e5e8eb;
    height: 38px;
    padding: 12px;
    border-inline-start: 1px solid #d0d0d0;
    font-size: 12px;
    color: #1d1d1d
}

html:not([dir="rtl"]) form .input-currency {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] form .input-currency {
    font-family: "Kulim Park", sans-serif;
}

form .form-pop-desc {
    font-size: 14px;
    line-height: 18px;
    margin-top: 10px
}

html:not([dir="rtl"]) form .form-pop-desc {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] form .form-pop-desc {
    font-family: "Kulim Park", sans-serif;
}

form input,
form select,
form textarea {
    width: 100%;
    font-size: 12px;
    color: #616161;
    border: 1px solid #d0d0d0;
    padding: 12px;
    appearance: none
}

form .form-note {
    font-size: 11px;
    color: #b5b5b5;
    margin-top: 2px;
    line-height: 11px;
    text-align: start
}

html:not([dir="rtl"]) form .form-note {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] form .form-note {
    font-family: "Kulim Park", sans-serif;
}

form button {
    height: auto !important;
    width: auto;
    display: inline-block;
    font-size: 15px !important;
    padding: 12px 40px !important;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -moz-animation-duration: .5s;
    -o-animation-duration: .5s;
    -ms-animation-duration: .5s;
    color: #fff;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px;
    outline: 0;
    border: 0
}

html:not([dir="rtl"]) form button {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] form button {
    font-family: "Kulim Park", sans-serif;
}

form button.submit {
    background: #7cbf55;
    background: -moz-linear-gradient(0, #7cbf55 0, #308e09 100%);
    background: -webkit-linear-gradient(0, #7cbf55 0, #308e09 100%);
    background: linear-gradient(0, #7cbf55 0, #308e09 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7cbf55", endColorstr="#308e09", GradientType=1)
}

form button.submit:hover {
    background: #308e09;
    background: -moz-linear-gradient(0, #308e09 0, #7cbf55 100%);
    background: -webkit-linear-gradient(0, #308e09 0, #7cbf55 100%);
    background: linear-gradient(0, #308e09 0, #7cbf55 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#308e09", endColorstr="#7cbf55", GradientType=1)
}

form .center {
    text-align: center !important
}

form .tabs {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 10px
}

@media screen and (max-width:500px) {
    form .tabs {
        display: block
    }
}

form .tabs.double>div {
    border: 1px solid #d0d0d0;
    width: 50%;
    margin-inline-end: 15px;
    border-radius: 5px;
    padding: 5px;
    text-transform: uppercase;
    font-size: 12px;
    cursor: pointer
}

html:not([dir="rtl"]) form .tabs.double>div {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] form .tabs.double>div {
    font-family: "Kulim Park", sans-serif;
}

@media screen and (max-width:500px) {
    form .tabs.double>div {
        width: 100%;
        margin-inline-end: 0
    }
    form .tabs.double>div:first-child {
        margin-bottom: 15px
    }
}

form .tabs.double>div:last-child {
    margin-inline-end: 0
}

form .tabs.double>div.active {
    background: #7cbf55;
    border: 1px solid #7cbf55;
    color: #fff
}

form label {
    font-size: 13px;
    margin-bottom: 5px;
    display: block
}

html:not([dir="rtl"]) form label {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] form label {
    font-family: "Kulim Park", sans-serif;
}

form label>div {
    font-size: 11px;
    color: #656565;
    margin-top: 2px
}

form .error-input {
    border: 1px solid #f93e4c
}

form .global-error {
    position: relative;
    text-align: center;
    color: #f93e4c
}

form .error-desc {
    position: relative;
    color: #f93e4c;
    font-size: 11px;
    margin-bottom: 0;
    text-align: start;
    line-height: 18px
}

html:not([dir="rtl"]) form .error-desc {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] form .error-desc {
    font-family: "Kulim Park", sans-serif;
}

form .button-container.small {
    margin-top: 25px;
    height: 44px
}

form .button-container img {
    width: 90px
}

form .signature-container .error-desc {
    margin-top: 0
}

form .success {
    text-align: center
}

form .success .title {
    font-size: 20px
}

html:not([dir="rtl"]) form .success .title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] form .success .title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] form .success .title {
    font-weight: 600
}

form .success .desc {
    margin-top: 5px
}

form .success .image {
    margin: 50px 0
}

form .success .image img {
    width: 90px
}

form .buttons-form {
    width: 90%;
    margin: auto
}

form .info {
    font-size: 13px;
    width: 80%;
    margin: 40px auto auto auto;
    line-height: 16px
}

form .info-small {
    font-size: 10px;
    color: #b5b5b5;
    margin-top: 2px;
    line-height: 11px
}

form.checkout .error-desc {
    margin-top: 5px
}

form .form-wrapper-append .desc {
    line-height: 17px
}

form .form-wrapper-append .red-col {
    color: #f93e4c
}

html:not([dir="rtl"]) form .form-wrapper-append .red-col {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] form .form-wrapper-append .red-col {
    font-family: "Kulim Park", sans-serif;
}

form .form-wrapper-append .amount {
    font-size: 25px;
    margin-top: 15px
}

form .qr-img {
    max-width: 50%;
    margin-inline-end: auto;
    margin-inline-start: auto
}

form .qr-img img {
    max-width: 100%
}

.simple-form {
    margin-top: 50px;
    text-align: start
}

.__signature__ {
    position: relative;
    width: 302px
}

.__signature__ .__signature_clear__,
.__signature__ .__signature_clear_ib__ {
    position: absolute;
    cursor: pointer;
    inset-inline-end: -110px;
    width: 100px;
    top: 0;
    border: 1px solid #d0d0d0;
    padding: 10px 25px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    text-transform: uppercase;
    font-size: 13px
}

html:not([dir="rtl"]) .__signature__ .__signature_clear__,
html:not([dir="rtl"]) .__signature__ .__signature_clear_ib__ {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .__signature__ .__signature_clear__,
html[dir="rtl"] .__signature__ .__signature_clear_ib__ {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .__signature__ .__signature_clear__,
html[dir="rtl"] .__signature__ .__signature_clear_ib__ {
    font-weight: 600
}

.__signature__ .__signature_clear__:hover,
.__signature__ .__signature_clear_ib__:hover {
    background: #f9f9f9
}

.iti {
    width: 100%
}

.accordion {
    margin-top: 75px;
    position: relative
}

@media screen and (max-width:700px) {
    .accordion {
        margin-inline-start: -2vw;
        margin-inline-end: -2vw
    }
}

.accordion h4 {
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    font-size: 16px;
    color: #1d1d1b;
    line-height: 21px;
    background: #fafafa;
    text-align: start;
    padding: 19px 35px;
    margin-top: 20px;
    position: relative
}

html:not([dir="rtl"]) .accordion h4 {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .accordion h4 {
    font-family: "Kulim Park", sans-serif;
}

@media screen and (max-width:1100px) {
    .accordion h4 {
        font-size: 14px;
        padding: 10px 35px
    }
}

@media screen and (max-width:700px) {
    .accordion h4 {
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -o-border-radius: 0;
        -ms-border-radius: 0;
        border-inline-start: 0;
        border-inline-end: 0;
        margin-top: -1px;
        font-size: 13px;
        padding-inline-end: 50px
    }
}

.accordion h4.ui-accordion-header-active {
    border-end-end-radius: 0;
    border-end-start-radius: 0;
    background: #ebe7e7
}

.accordion h4.ui-accordion-header-active:after {
    background: url('https://www.cxmdirect.com/wp-content/themes/cxm/static/icons/icon-arrow-small-up.svg') no-repeat
}

.accordion h4:after {
    content: '';
    background: url('https://www.cxmdirect.com/wp-content/themes/cxm/static/icons/icon-arrow-small-down.svg') no-repeat;
    width: 16px;
    height: 10px;
    position: absolute;
    inset-inline-end: 30px;
    top: 50%;
    margin-top: -5px
}

.accordion .text {
    color: #939393;
    font-size: 14px;
    line-height: 21px;
    text-align: start;
    border-bottom: 1px solid #d9d9d9;
    border-inline-start: 1px solid #d9d9d9;
    border-inline-end: 1px solid #d9d9d9;
    padding: 19px 35px;
    border-end-end-radius: 5px;
    border-end-start-radius: 5px
}

html:not([dir="rtl"]) .accordion .text {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .accordion .text {
    font-family: "Kulim Park", sans-serif;
}

@media screen and (max-width:1100px) {
    .accordion .text {
        font-size: 13px
    }
}

@media screen and (max-width:700px) {
    .accordion .text {
        border-end-end-radius: 0;
        border-end-start-radius: 0;
        border-inline-start: 0;
        border-inline-end: 0
    }
}

.accordion .text p {
    margin-top: 0;
    margin-bottom: 10px
}

.pre-modal {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.75);
    z-index: 10;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease
}

@media screen and (max-width:1100px) {
    .pre-modal {
        top: 55px
    }
}

.pre-modal .loader {
    width: 130px;
    position: absolute;
    top: 50%;
    inset-inline-start: 50%;
    margin-inline-start: -65px;
    margin-top: -10px
}

.modal {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 70px;
    inset-inline-start: 0;
    inset-inline-end: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.75);
    z-index: 10;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease
}

@media screen and (max-width:1100px) {
    .modal {
        top: 55px
    }
}

.modal .modal-container-wrapper {
    width: 700px;
    height: 100vh;
    background: #fff;
    position: absolute;
    inset-inline-start: 0;
    top: 0;
    bottom: 0
}

@media screen and (max-width:800px) {
    .modal .modal-container-wrapper {
        width: 100%
    }
}

.modal .modal-container {
    padding: 25px 25px 25px 25px
}

.modal .modal-container .button-container {
    margin-bottom: 25px
}

.modal .modal-container h2 {
    text-transform: none;
    font-size: 15px;
    line-height: 23px;
    border-bottom: 1px solid #d0d0d0;
    margin: 0 -25px;
    padding: 5px 25px
}

html:not([dir="rtl"]) .modal .modal-container h2 {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .modal .modal-container h2 {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .modal .modal-container h2 {
    font-weight: 600
}

.modal .modal-container h2:after {
    display: none
}

.modal .modal-container h3 {
    color: #656565;
    text-transform: none;
    font-size: 13px;
    line-height: 19px;
    margin: 5px 0
}

html:not([dir="rtl"]) .modal .modal-container h3 {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .modal .modal-container h3 {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .modal .modal-container h3 {
    font-weight: 600
}

.modal .modal-container .close {
    position: absolute;
    top: 18px;
    inset-inline-end: 25px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    z-index: 5
}

.modal .modal-container .close:hover {
    -webkit-animation: spin .4s linear;
    -moz-animation: spin .4s linear;
    animation: spin .4s linear;
    -o-animation: spin .4s linear;
    -ms-animation: spin .4s linear
}

.modal .modal-container .close:after {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    background: url('https://www.cxmdirect.com/wp-content/themes/cxm/static/icons/x.svg') no-repeat
}

@media screen and (max-width:800px) {
    .modal .modal-container .col-2,
    .modal .modal-container .col-3 {
        display: block
    }
}

@media screen and (max-width:800px) {
    .modal .modal-container .col-2>div,
    .modal .modal-container .col-3>div {
        width: 100%;
        display: block;
        margin-inline-start: 0;
        margin-inline-end: 0;
        margin-bottom: 15px
    }
}

.pop-up {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.75);
    z-index: 11;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease
}

@media screen and (max-width:700px) {
    .pop-up.___pop_up_demo___ .pop-up-container {
        margin-top: 0
    }
}

@media screen and (max-width:700px) {
    .pop-up table tr {
        background: #f9f9f9 !important;
        border-radius: 5px !important
    }
    .pop-up table td {
        display: block;
        text-align: center;
        border: 0 !important;
        padding: 5px 0 !important
    }
    html:not([dir="rtl"]) .pop-up table td:first-child {
        font-family: "Kulim Park", sans-serif;
    }
    html[dir="rtl"] .pop-up table td:first-child {
        font-family: "Kulim Park", sans-serif;
    }
}

.pop-up .pop-up-container {
    width: 600px;
    height: 400px;
    background: #fff;
    position: absolute;
    inset-inline-start: 50%;
    top: 50%;
    margin-top: -200px;
    padding: 40px 25px;
    margin-inline-start: -300px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -o-border-radius: 30px;
    -ms-border-radius: 30px
}

@media screen and (max-width:700px) {
    .pop-up .pop-up-container {
        width: 100%;
        height: auto;
        top: 55px;
        margin-inline-start: 0;
        inset-inline-start: 0;
        margin-top: 0;
        border-radius: 0
    }
}

.pop-up .pop-up-container .buttons-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    margin-top: 35px
}

@media screen and (max-width:650px) {
    .pop-up .pop-up-container .buttons-container {
        display: block;
        width: 287px
    }
}

.pop-up .pop-up-container .buttons-container a {
    margin-inline-end: 2%;
    width: 100%
}

@media screen and (max-width:650px) {
    .pop-up .pop-up-container .buttons-container>a {
        display: block;
        margin: auto auto 10px auto
    }
}

@media screen and (max-width:700px) {
    .pop-up .pop-up-container .buttons-container {
        margin-top: 25px
    }
}

.pop-up .pop-up-container .login-buttons {
    margin-top: 35px
}

.pop-up .pop-up-container .login-buttons .register {
    margin-top: 15px
}

.pop-up .pop-up-container .login-buttons a {
    text-transform: uppercase;
    font-size: 13px;
    color: #a8a8a8
}

html:not([dir="rtl"]) .pop-up .pop-up-container .login-buttons a {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .pop-up .pop-up-container .login-buttons a {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .pop-up .pop-up-container .login-buttons a {
    font-weight: 600
}

.pop-up .pop-up-container .login-buttons a:hover {
    color: #f53d4a
}

.pop-up .pop-up-container h2 {
    font-size: 22px
}

@media screen and (max-width:1100px) {
    .pop-up .pop-up-container h2 {
        font-size: 20px;
        line-height: 28px
    }
}

.pop-up .pop-up-container h3 {
    color: #464646;
    line-height: 24px
}

.pop-up .pop-up-container .close {
    position: absolute;
    top: 18px;
    inset-inline-end: 25px;
    cursor: pointer;
    width: 20px;
    height: 20px
}

.pop-up .pop-up-container .close:hover {
    -webkit-animation: spin .4s linear;
    -moz-animation: spin .4s linear;
    animation: spin .4s linear;
    -o-animation: spin .4s linear;
    -ms-animation: spin .4s linear
}

.pop-up .pop-up-container .close:after {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    background: url('https://www.cxmdirect.com/wp-content/themes/cxm/static/icons/x.svg') no-repeat
}

.pop-up .checkout {
    text-align: center
}

.pop-up .checkout .title {
    font-size: 16px;
    margin-top: 25px
}

html:not([dir="rtl"]) .pop-up .checkout .title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .pop-up .checkout .title {
    font-family: "Kulim Park", sans-serif;
}

.pop-up .checkout .desc {
    margin-top: 5px
}

.pop-up .checkout .info {
    font-size: 12px;
    line-height: 15px;
    margin-top: 25px
}

.pop-up .checkout .status {
    margin-top: 25px
}

@media screen and (max-width:500px) {
    .pop-up .checkout .status.col-3 {
        display: block;
        text-align: center
    }
}

@media screen and (max-width:500px) {
    .pop-up .checkout .status.col-3>div {
        width: 100%;
        margin-inline-start: 0;
        margin-inline-end: 0;
        margin-bottom: 25px
    }
}

.pop-up .checkout .status .title {
    font-size: 14px;
    margin-top: 10px
}

.pop-up .checkout .status img.pending {
    width: 100px
}

.pop-up .checkout .status img.accepted {
    height: 20px
}

.pop-up .checkout .status img.failed {
    height: 20px
}

.pop-up .checkout .number {
    font-size: 20px
}

@media screen and (max-width:800px) {
    .pop-up .checkout .number {
        font-size: 18px
    }
}

.pop-up .checkout .number .currency {
    font-size: 13px
}

html:not([dir="rtl"]) .pop-up .checkout .number .currency {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .pop-up .checkout .number .currency {
    font-family: "Kulim Park", sans-serif;
}

.pop-up .checkout .desc-status {
    margin-top: 25px;
    line-height: 19px
}

.pop-up .checkout .image>img {
    width: 75px
}

@media screen and (max-width:700px) {
    .pop-up .checkout .image>img {
        width: 50px
    }
}

.home-header .___pop_up_full_screen___ {
    top: 75px
}

@media screen and (max-width:700px) {
    .home-header .___pop_up_full_screen___ {
        top: 0 !important
    }
}

.___pop_up_full_screen___ {
    top: 0 !important
}

@media screen and (max-width:700px) {
    .___pop_up_full_screen___ {
        top: 55px !important
    }
}

.___pop_up_full_screen___ .info {
    width: 100%
}

@media screen and (max-width:700px) {
    .___pop_up_full_screen___ .pop-up-container,
    .___pop_up_full_screen___ .___demo_reg___ {
        height: 100% !important
    }
}

@media screen and (max-width:700px) {
    .___pop_up_demo___ .pop-up-container {
        padding: 40px 2%
    }
}

@media screen and (max-width:700px) {
    .___pop_up_demo___ .pop-up-container .___demo_reg___ {
        padding-inline-start: 0
    }
}

.__popup_full__ {
    font-size: 15px;
    line-height: 19px;
    font-family: 'Roboto Light';
    position: fixed;
    background: #fff;
    width: 100%;
    height: 100%;
    top: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;
    bottom: 0;
    z-index: 99999;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease
}

.__popup_full__ .popup-logo {
    text-align: center;
    margin-bottom: 25px
}

.__popup_full__ .popup-logo img {
    width: 150px
}

@media screen and (max-width:700px) {
    .__popup_full__ .popup-logo img {
        width: 115px
    }
}

@media screen and (max-width:700px) {
    .__popup_full__ form {
        margin-top: 40px
    }
}

.__popup_full__ .wrapper {
    max-width: 900px;
    width: 100%
}

.__popup_full__ h3 {
    font-size: 20px;
    line-height: 28px
}

@media screen and (max-width:700px) {
    .__popup_full__ h3 {
        font-size: 17px;
        line-height: 23px;
        text-align: center
    }
}

.__popup_full__ .content {
    margin-top: 15px;
    max-height: 600px;
    height: 100%
}

@media screen and (max-width:700px) {
    .__popup_full__ .content {
        max-height: 260px
    }
}

.__popup_full__ .content ul {
    margin-bottom: 15px;
    padding-left: 15px;
    margin-top: 15px
}

.__popup_full__ .content ul:last-child {
    margin-bottom: 0
}

.__popup_full__ .content ul.number>li {
    list-style: lower-latin
}

.__popup_full__ .content ul.number>li.remove {
    list-style: none
}

.__popup_full__ .content ul.disc>li {
    list-style: disc
}

.__popup_full__ .content ul.disc>li.remove {
    list-style: none
}

.blog .bg {
    background: url('../images/map-big.png') no-repeat;
    padding-top: 100px
}

.blog .news {
    margin-top: 50px
}

@media screen and (max-width:900px) {
    .blog .news.col-3 .grid {
        grid-template-columns: repeat(2, 1fr) !important
    }
}

@media screen and (max-width:700px) {
    .blog .news.col-3 .grid {
        grid-template-columns: repeat(1, 1fr) !important
    }
}

.blog .news .box {
    position: relative;
    overflow: hidden;
    margin-bottom: 25px;
    background: rgba(255, 255, 255, 0.75)
}

.blog .news .box .title {
    color: #323232;
    font-size: 15px;
    line-height: 20px;
    text-transform: none;
    height: 60px
}

html:not([dir="rtl"]) .blog .news .box .title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .blog .news .box .title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .blog .news .box .title {
    font-weight: 600
}

.blog .news .box .desc {
    font-size: 14px;
    line-height: 19px
}

html:not([dir="rtl"]) .blog .news .box .desc {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .blog .news .box .desc {
    font-family: "Kulim Park", sans-serif;
}

.blog .news .box .image {
    position: relative;
    margin-top: -31px;
    margin-inline-start: -31px;
    margin-inline-end: -31px;
    margin-bottom: 25px;
    overflow: hidden;
    border-bottom: 1px solid #d6d6d6;
    background-color: #f9f9f9
}

.blog .news .box .image img {
    max-width: 100%;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    width: 100%
}

.blog .news .box .read-more {
    padding: 6px 15px;
    margin-top: 22px
}

.blog .news .box:hover .image img {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    -ms-filter: grayscale(0)
}

.blog .news .box:hover .category {
    opacity: 1
}

.blog .news .box .category {
    background: #7cbf55;
    position: absolute;
    top: 15px;
    inset-inline-start: 15px;
    z-index: 1;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 10px;
    min-width: 125px;
    text-align: center;
    border-radius: 5px
}

html:not([dir="rtl"]) .blog .news .box .category {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .blog .news .box .category {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .blog .news .box .category {
    font-weight: 600
}

.blog .news .box .date {
    color: #999;
    font-size: 14px;
    position: relative;
    padding-inline-start: 30px;
    margin-bottom: 10px
}

html:not([dir="rtl"]) .blog .news .box .date {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .blog .news .box .date {
    font-family: "Kulim Park", sans-serif;
}

.blog .news .box .date:after {
    content: '';
    background: url('https://www.cxmdirect.com/wp-content/themes/cxm/static/icons/clock.svg') no-repeat;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 5px;
    inset-inline-start: 0
}

.blog .category-list {
    margin-top: 50px;
    text-align: center;
    font-size: 14px
}

html:not([dir="rtl"]) .blog .category-list {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .blog .category-list {
    font-family: "Kulim Park", sans-serif;
}

.blog .category-list .selected {
    margin-bottom: 10px;
    margin-top: 25px
}

.blog .category-list .tab {
    text-align: center;
    display: inline-block;
    padding: 5px 5px
}

.blog .category-list .read-more {
    padding: 9px 45px
}

.blog .blog-category {
    position: relative
}

.blog .blog-category .name {
    font-size: 20px
}

html:not([dir="rtl"]) .blog .blog-category .name {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .blog .blog-category .name {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .blog .blog-category .name {
    font-weight: 600
}

.blog .blog-category .description {
    margin-top: 10px
}

.blog .owl-stage-outer {
    padding: 0 10px;
    margin: 0 -10px
}

.blog .__scroll_news__ .box {
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15)
}

.blog .__scroll_news__ .owl-dots {
    margin-top: 0;
    text-align: center
}

.blog-single .category {
    background: #7cbf55;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 10px;
    min-width: 125px;
    text-align: center;
    border-radius: 5px;
    margin-inline-start: 25px
}

html:not([dir="rtl"]) .blog-single .category {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .blog-single .category {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .blog-single .category {
    font-weight: 600
}

.blog-single .date {
    color: #999;
    font-size: 14px;
    position: relative;
    padding-inline-start: 30px;
    margin-bottom: 10px
}

html:not([dir="rtl"]) .blog-single .date {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .blog-single .date {
    font-family: "Kulim Park", sans-serif;
}

.blog-single .date:after {
    content: '';
    background: url('https://www.cxmdirect.com/wp-content/themes/cxm/static/icons/clock.svg') no-repeat;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 5px;
    inset-inline-start: 0
}

.blog-single h1 {
    font-size: 24px;
    line-height: 32px
}

html:not([dir="rtl"]) .blog-single h1 {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .blog-single h1 {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .blog-single h1 {
    font-weight: 600
}

.blog-single .blog-col {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-top: 25px
}

@media screen and (max-width:1100px) {
    .blog-single .blog-col {
        display: block
    }
}

.blog-single .blog-col .col .blog-image img {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    max-width: 100%;
    width: 100%;
    height: auto;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1)
}

.blog-single .blog-col .col .blog-content {
    margin-top: 30px
}

.blog-single .blog-col .col:first-child {
    width: 65%;
    margin-inline-end: 50px
}

@media screen and (max-width:1100px) {
    .blog-single .blog-col .col:first-child {
        width: 100%
    }
}

.blog-single .blog-col .col:last-child {
    width: 35%
}

@media screen and (max-width:1100px) {
    .blog-single .blog-col .col:last-child {
        display: none
    }
}

.blog-single .blog-block {
    background: #fff;
    background: -moz-linear-gradient(180deg, #fff 0, #f1f1f1 100%);
    background: -webkit-linear-gradient(180deg, #fff 0, #f1f1f1 100%);
    background: linear-gradient(180deg, #fff 0, #f1f1f1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#f1f1f1", GradientType=1);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
    border: 1px solid #e3e3e3;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    -ms-border-radius: 15px;
    padding: 30px;
    text-align: center
}

.blog-single .blog-block .desc {
    font-size: 14px;
    line-height: 19px
}

.blog-single .blog-block h2 {
    font-size: 23px;
    line-height: 30px
}

.blog-single .blog-block .buttons-container {
    margin-top: 25px
}

.blog-single .blog-block .buttons-container .button {
    width: 100%;
    max-width: 100%
}

.blog-single .blog-block .buttons-container .button:first-child {
    margin-bottom: 15px
}

.blog-single .blog-block .register-demo {
    font-size: 14px;
    margin-inline-start: 0
}

html:not([dir="rtl"]) .blog-single .blog-block .register-demo {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .blog-single .blog-block .register-demo {
    font-family: "Kulim Park", sans-serif;
}

.blog-single .pagination {
    text-align: start;
    display: inline-block
}

.blog-single .info {
    margin-top: 15px
}

.blog-single .info>div,
.blog-single .info>a {
    display: inline-block;
    vertical-align: center
}

.blog-single .blog-latest {
    position: relative;
    text-align: start;
    margin-top: 15px
}

.blog-single .blog-latest .raw {
    position: relative;
    border-bottom: 1px solid #c7c7c7;
    padding: 15px 30px;
    margin: 0 -30px
}

.blog-single .blog-latest .raw:hover {
    background: #f2f2f2
}

.blog-single .blog-latest .raw:last-child {
    border-bottom: 0
}

.blog-single .blog-latest .text-container {
    text-decoration: none;
    color: #464646
}

.blog-single .blog-latest .title {
    font-size: 15px;
    line-height: 21px;
    margin-top: 10px
}

html:not([dir="rtl"]) .blog-single .blog-latest .title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .blog-single .blog-latest .title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .blog-single .blog-latest .title {
    font-weight: 600
}

.blog-single .blog-latest .category {
    display: inline-block;
    margin-inline-start: 0
}

.blog-single .blog-latest .date {
    font-size: 13px;
    text-align: start
}

.blog-single .blog-latest .quick-btn {
    display: flex;
    align-items: center;
    margin-top: 5px
}

.blog-single .blog-latest .quick-btn>div,
.blog-single .blog-latest .quick-btn>a {
    width: 50%
}

.blog-single .blog-latest .quick-btn>a {
    color: #9e9e9e;
    text-decoration: none;
    font-size: 12px;
    text-transform: uppercase;
    text-align: end
}

html:not([dir="rtl"]) .blog-single .blog-latest .quick-btn>a {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .blog-single .blog-latest .quick-btn>a {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .blog-single .blog-latest .quick-btn>a {
    font-weight: 600
}

.blog-single .blog-latest .quick-btn>a:hover {
    color: #7cbf55
}

.input-currency-psp {
    position: absolute;
    top: 1px;
    inset-inline-end: 1px;
    background: #e5e8eb;
    height: 38px;
    padding: 12px;
    border-inline-start: 1px solid #d0d0d0;
    font-size: 12px;
    color: #1d1d1d
}

html:not([dir="rtl"]) .input-currency-psp {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .input-currency-psp {
    font-family: "Kulim Park", sans-serif;
}

.gateways-list {
    margin-top: 75px
}

@media screen and (max-width:700px) {
    .gateways-list th.checkout-col {
        text-indent: -9999px
    }
}

@media screen and (max-width:700px) {
    .gateways-list td.checkout-col {
        display: inline-block;
        vertical-align: bottom;
        width: 50%;
        border-bottom: 1px solid #e5e8eb
    }
}

@media screen and (max-width:700px) {
    .gateways-list .checkout-col-1 {
        display: block;
        text-align: center !important;
        width: 100vw;
        border-bottom: 0
    }
}

@media screen and (max-width:700px) {
    .gateways-list .checkout-col-1 .logo {
        text-align: start
    }
}

.gateways-list .name>div {
    display: inline-block;
    vertical-align: middle
}

.gateways-list .name>div:first-child {
    margin-inline-end: 10px
}

.gateways-list .name .method {
    position: relative;
    background: #f2f2f2;
    border: 1px solid #e5e8eb;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -o-border-radius: 25px;
    -ms-border-radius: 25px;
    text-align: center;
    padding: 0 10px;
    text-transform: uppercase;
    font-size: 10px;
    min-width: 100px
}

.gateways-list .logo {
    width: 50px;
    height: 50px;
    background: #fff;
    box-shadow: 0 3px 30px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 3px 30px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 3px 30px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 3px 30px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 3px 30px rgba(0, 0, 0, 0.15);
    border-radius: 70px;
    -webkit-border-radius: 70px;
    -moz-border-radius: 70px;
    -o-border-radius: 70px;
    -ms-border-radius: 70px;
    margin: auto
}

.gateways-list .logo img {
    max-width: 30px;
    position: relative;
    top: 50%;
    margin-top: -27px;
    inset-inline-start: 50%;
    margin-inline-start: -15px
}

.method-panel {
    background: #fff;
    box-shadow: 0 3px 30px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 3px 30px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 3px 30px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 3px 30px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 3px 30px rgba(0, 0, 0, 0.15);
    width: 300px;
    height: 300px;
    border-radius: 300px;
    -webkit-border-radius: 300px;
    -moz-border-radius: 300px;
    -o-border-radius: 300px;
    -ms-border-radius: 300px;
    margin: 50px auto;
    position: relative
}

.method-panel .button {
    margin-top: 25px
}

.method-panel .method-container {
    text-align: center;
    position: absolute;
    width: 100%;
    inset-inline-start: 0;
    top: 50%;
    margin-top: -55px
}

.method-panel .logo img {
    width: 75px
}

.method-panel .title {
    margin-top: 10px
}

html:not([dir="rtl"]) .method-panel .title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .method-panel .title {
    font-family: "Kulim Park", sans-serif;
}

.method-logo-single {
    text-align: center
}

.method-logo-single .logo-single {
    margin-bottom: 10px
}

.method-logo-single .logo-single img {
    height: 35px
}

.register-wrapper {
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -html-background-size: cover;
    background-size: cover;
    background-position: left top;
    background-attachment: fixed;
    padding: 75px 0
}

@media screen and (max-width:900px) {
    .register-wrapper {
        padding: 45px 0
    }
}

@media screen and (max-width:900px) {
    .register-wrapper {
        background-image: none !important
    }
}

.register-wrapper:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    inset-inline-start: 0;
    background: rgba(0, 0, 0, 0.5)
}

@media screen and (max-width:900px) {
    .register-wrapper:after {
        display: none
    }
}

.register-wrapper .joint-sub-title {
    font-size: 13px;
    line-height: 20px;
    text-align: start;
    color: #464646;
    border-bottom: 1px solid #d0d0d0
}

.register-wrapper .register-sub-wrapper {
    padding: 0 !important
}

.register-wrapper h1 {
    text-transform: capitalize;
    font-size: 30px;
    color: #fff;
    line-height: 60px
}

html:not([dir="rtl"]) .register-wrapper h1 {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .register-wrapper h1 {
    font-family: "Kulim Park", sans-serif;
}

@media screen and (max-width:900px) {
    .register-wrapper h1 {
        color: #323232
    }
}

@media screen and (max-width:700px) {
    .register-wrapper h1 {
        font-size: 20px;
        line-height: 28px
    }
    html:not([dir="rtl"]) .register-wrapper h1 {
        font-family: "Kulim Park", sans-serif;
    }
    html[dir="rtl"] .register-wrapper h1 {
        font-family: "Kulim Park", sans-serif;
    }
}

.register-wrapper h2 {
    color: #fff !important;
    text-align: center;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 0;
    padding-bottom: 0
}

@media screen and (max-width:900px) {
    .register-wrapper h2 {
        color: #323232 !important
    }
}

@media screen and (max-width:700px) {
    .register-wrapper h2 {
        font-size: 15px;
        line-height: 23px;
        margin-top: 15px
    }
    html:not([dir="rtl"]) .register-wrapper h2 {
        font-family: "Kulim Park", sans-serif;
    }
    html[dir="rtl"] .register-wrapper h2 {
        font-family: "Kulim Park", sans-serif;
    }
}

.register-wrapper h2:after {
    display: none
}

.register-wrapper .sub-wrapper {
    max-width: 1200px !important;
    z-index: 1
}

.register-message table tr:first-child td {
    border-top: 1px solid #e5e8eb
}

.___register_pop_up___ .pop-up-container {
    height: auto
}

.__register__ {
    background: #fff;
    padding: 25px;
    border-radius: 10px;
    position: relative;
    width: 500px;
    float: right
}

@media screen and (max-width:900px) {
    .__register__ {
        float: none;
        width: 100%;
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -o-box-shadow: none;
        -ms-box-shadow: none;
        padding: 0
    }
}

.__register__ label {
    text-align: start;
    margin-bottom: 0
}

.__register__ .have-profile {
    font-size: 13px;
    line-height: 20px;
    margin-top: 15px
}

html:not([dir="rtl"]) .__register__ .have-profile {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .__register__ .have-profile {
    font-family: "Kulim Park", sans-serif;
}

.__register__ .app-type {
    border-bottom: 1px solid #d0d0d0;
    padding-bottom: 10px;
    margin-inline-start: -25px;
    margin-inline-end: -25px;
    padding-inline-start: 25px;
    padding-inline-end: 25px;
    margin-bottom: 15px
}

@media screen and (max-width:900px) {
    .__register__ .app-type {
        border-bottom: 0
    }
}

.__register__ .col {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 10px
}

@media screen and (max-width:500px) {
    .__register__ .col {
        display: block;
        margin-bottom: 0
    }
}

.__register__ .col:last-child {
    margin-bottom: 0
}

.__register__ .col.one>div {
    width: 100%
}

.__register__ .col.three.first-small>div:first-child {
    width: 75px
}

@media screen and (max-width:500px) {
    .__register__ .col.three.first-small>div:first-child {
        width: 100%
    }
}

.__register__ .col.three>div {
    width: 50%;
    margin-inline-end: 15px
}

@media screen and (max-width:500px) {
    .__register__ .col.three>div {
        width: 100%;
        margin-inline-end: 0
    }
}

.__register__ .col.three>div:last-child {
    margin-inline-end: 0
}

.__register__ .col.double>div {
    width: 50%;
    margin-inline-end: 15px
}

@media screen and (max-width:500px) {
    .__register__ .col.double>div {
        width: 100%;
        margin-inline-end: 0
    }
}

.__register__ .col.double>div:last-child {
    margin-inline-end: 0
}

@media screen and (max-width:700px) {
    .__demo_account_form__ .col-3,
    .__demo_account_form__ .col-2 {
        display: block
    }
    .__demo_account_form__ .col-3>div,
    .__demo_account_form__ .col-2>div {
        width: 100%;
        margin-inline-start: 0;
        margin-top: 15px
    }
}

.demo-key-points {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
    margin-top: 25px
}

@media screen and (max-width:700px) {
    .demo-key-points {
        display: none
    }
}

.demo-key-points>div {
    text-align: center
}

.demo-key-points .demo-icon {
    text-align: center;
    box-shadow: 0 10px 5px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 10px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 10px 5px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 10px 5px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 10px 5px rgba(0, 0, 0, 0.15);
    border: 1px solid #eaeaea;
    border-radius: 70px;
    width: 70px;
    height: 70px;
    margin: auto
}

.demo-key-points .demo-icon img {
    height: 40px;
    top: 50%;
    position: relative;
    margin-top: -20px
}

.demo-key-points .demo-title>div:first-child {
    margin-top: 15px
}

html:not([dir="rtl"]) .demo-key-points .demo-title>div:first-child {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .demo-key-points .demo-title>div:first-child {
    font-family: "Kulim Park", sans-serif;
}

.demo-key-points .demo-title>div:last-child {
    margin-top: 3px;
    font-size: 13px
}

.___demo_reg___ {
    height: 560px;
    padding: 0 15px
}

.__promotion__ {
    color: #fff !important;
    line-height: 165%
}

.__promotion__ * {
    color: #fff !important
}

.__promotion__ h2:after {
    background: rgba(255, 255, 255, 0.5) !important
}

.__promotion__ .sub-wrapper.content {
    padding: 50px 0
}

.__promotion__ .promotion-desktop-bg {
    width: 100%
}

.__promotion__ .main-content-wrapper.sub-wrapper,
.__promotion__ .main-content-wrapper .desc {
    max-width: 1000px !important
}

.__promotion__ .promotion-mobile-bg {
    display: none
}

@media screen and (max-width:700px) {
    .__promotion__ .promotion-mobile-bg {
        display: block
    }
}

@media screen and (max-width:700px) {
    .__promotion__ .promotion-desktop-bg {
        display: none
    }
}

.__promotion__ .header-prize {
    position: relative;
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
    overflow: unset;
    margin-bottom: 30px;
    margin-top: 30px
}

.__promotion__ .header-prize.title {
    padding: 15px;
    font-size: 28px !important;
    text-align: center
}

@media screen and (max-width:700px) {
    .__promotion__ .header-prize.title {
        line-height: 24px !important;
        font-size: 16px !important;
        padding: 8px
    }
    html:not([dir="rtl"]) .__promotion__ .header-prize.title {
        font-family: "Kulim Park", sans-serif;
    }
    html[dir="rtl"] .__promotion__ .header-prize.title {
        font-family: "Kulim Park", sans-serif;
    }
}

.__promotion__ .header-prize:after {
    content: '';
    background: rgba(255, 255, 255, 0.1) !important;
    position: absolute;
    top: -10px;
    bottom: -10px;
    inset-inline-start: -10px;
    inset-inline-end: -10px
}

.__promotion__ .header-prize td {
    background: none !important;
    vertical-align: middle;
    width: 50% !important
}

@media screen and (max-width:700px) {
    .__promotion__ .header-prize td {
        width: unset !important
    }
}

.__promotion__ .header-prize td:first-child {
    font-size: 28px !important;
    text-align: center
}

@media screen and (max-width:700px) {
    .__promotion__ .header-prize td:first-child {
        font-size: 25px !important
    }
}

.__promotion__ .header-prize td:last-child {
    font-size: 16px !important;
    text-align: start
}

@media screen and (max-width:700px) {
    .__promotion__ .header-prize td:last-child {
        font-size: 14px !important;
        line-height: 22px
    }
}

.__promotion__ .header-desktop {
    display: none
}

@media screen and (min-width:701px) {
    .__promotion__ .header-desktop {
        display: block
    }
}

.__promotion__ .header-mobile {
    display: none
}

@media screen and (max-width:700px) {
    .__promotion__ .header-mobile {
        display: block
    }
}

.__promotion__ .banner-content-html {
    position: absolute !important;
    inset-inline-end: 15%;
    top: 10%
}

@media screen and (max-width:700px) {
    .__promotion__ .banner-content-html {
        inset-inline-end: 0
    }
}

.__promotion__ .header {
    max-width: 100%;
    background-position: top;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -html-background-size: cover;
    background-size: cover;
    min-height: 750px;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -o-box-shadow: none !important;
    -ms-box-shadow: none !important
}

@media screen and (max-width:700px) {
    .__promotion__ .header {
        min-height: 600px
    }
}

.__promotion__ .header img {
    width: 100%
}

.__promotion__ .h1-title {
    line-height: 36px
}

@media screen and (max-width:700px) {
    .__promotion__ .h1-title {
        line-height: 24px;
        font-size: 16px
    }
}

.__promotion__ h2.desc {
    max-width: 100% !important
}

.__promotion__ .desc {
    line-height: 25px !important
}

.__promotion__ .main-content {
    max-width: 625px;
    margin: auto
}

.__promotion__ .registration {
    margin-top: 25px;
    max-width: 800px;
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
    text-align: center;
    display: flex;
    gap: 50px;
    position: relative
}

@media screen and (max-width:700px) {
    .__promotion__ .registration {
        display: block;
        margin-top: 0;
        font-size: 15px;
        line-height: 23px
    }
}

.__promotion__ .registration:after {
    content: '';
    background: rgba(255, 255, 255, 0.1) !important;
    position: absolute;
    top: -10px;
    bottom: -10px;
    inset-inline-start: -10px;
    inset-inline-end: -10px
}

.__promotion__ .registration.sub-wrapper {
    padding: 25px 0 !important
}

@media screen and (max-width:700px) {
    .__promotion__ .registration.sub-wrapper {
        padding: 15px 0 !important
    }
}

.__promotion__ .registration>div {
    padding: 0 15px;
    width: 100%
}

html:not([dir="rtl"]) .__promotion__ .registration>div>div:first-child {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .__promotion__ .registration>div>div:first-child {
    font-family: "Kulim Park", sans-serif;
}

@media screen and (max-width:700px) {
    .__promotion__ .registration>div {
        margin-bottom: 15px
    }
    .__promotion__ .registration>div:last-child {
        margin-bottom: 0
    }
}

.__promotion__ ul {
    margin-top: 15px;
    text-align: start;
    padding: 20px
}

@media screen and (max-width:700px) {
    .__promotion__ ul {
        font-size: 15px;
        line-height: 23px;
        padding: 10px
    }
}

.__promotion__ ul li {
    margin-bottom: 10px;
    position: relative;
    padding-inline-start: 25px
}

@media screen and (max-width:700px) {
    .__promotion__ ul li {
        padding-inline-start: 15px
    }
}

.__promotion__ ul li:last-child {
    margin-bottom: 0
}

.__promotion__ ul li:after {
    content: '';
    background: #fff;
    border-radius: 15px;
    width: 10px;
    height: 10px;
    position: absolute;
    inset-inline-start: 0;
    top: 9px
}

@media screen and (max-width:700px) {
    .__promotion__ ul li:after {
        width: 5px;
        height: 5px
    }
}

.__promotion__ table {
    border-spacing: 0 7px;
    border-collapse: unset
}

@media screen and (max-width:700px) {
    .__promotion__ table {
        border-spacing: 0 3px !important
    }
}

.__promotion__ table th,
.__promotion__ table tr,
.__promotion__ table tr:hover,
.__promotion__ table th:hover,
.__promotion__ table td:hover {
    background: none !important;
    border: 0 !important
}

.__promotion__ table tr:hover td {
    background: rgba(255, 255, 255, 0.2) !important
}

.__promotion__ table td {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 0;
    color: #fff;
    font-size: 14px !important;
    padding: 7px 10px !important
}

html:not([dir="rtl"]) .__promotion__ table td {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .__promotion__ table td {
    font-family: "Kulim Park", sans-serif;
}

.__promotion__ table td:first-child {
    border-start-start-radius: 10px !important;
    border-end-start-radius: 10px !important
}

.__promotion__ table td:last-child {
    border-start-end-radius: 10px !important;
    border-end-end-radius: 10px !important
}

.__promotion__ .promotion-form {
    padding: 50px 2%;
    padding-bottom: 0
}

@media screen and (max-width:700px) {
    .__promotion__ .promotion-form {
        padding: 15px 2%
    }
}

.__promotion__ .promotion-form .sub-wrapper {
    max-width: 850px;
    position: relative
}

.__promotion__ .promotion-form .sub-wrapper:before {
    content: '';
    background: rgba(255, 255, 255, 0.2);
    width: 200px;
    height: 200px;
    border-radius: 200px;
    position: absolute;
    inset-inline-start: -100px;
    bottom: -50px;
    z-index: -1
}

.__promotion__ .promotion-form .sub-wrapper:after {
    content: '';
    background: rgba(255, 255, 255, 0.15);
    width: 100px;
    height: 100px;
    border-radius: 200px;
    position: absolute;
    inset-inline-start: 50px;
    top: 0;
    z-index: -1
}

.__promotion__ .promotion-form .sub-wrapper form {
    position: relative
}

.__promotion__ .promotion-form .sub-wrapper form:before {
    content: '';
    background: rgba(255, 255, 255, 0.2);
    width: 200px;
    height: 200px;
    border-radius: 200px;
    position: absolute;
    inset-inline-end: -100px;
    top: -50px;
    z-index: -1
}

.__promotion__ .promotion-form .sub-wrapper form:after {
    content: '';
    background: rgba(255, 255, 255, 0.15);
    width: 100px;
    height: 100px;
    border-radius: 200px;
    position: absolute;
    inset-inline-end: 200px;
    top: -25px;
    z-index: -1
}

.__promotion__ .promotion-form .info a {
    color: #fff !important
}

.__promotion__ .promotion-form .form-promotion-message {
    display: inline-block;
    background: #fff !important;
    border-radius: 10px;
    padding: 25px;
    margin-top: 25px;
    margin-bottom: -15px
}

.__promotion__ .promotion-form .form-promotion-message .title {
    color: #464646 !important
}

html:not([dir="rtl"]) .__promotion__ .promotion-form .form-promotion-message .title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .__promotion__ .promotion-form .form-promotion-message .title {
    font-family: "Kulim Park", sans-serif;
}

@media screen and (max-width:700px) {
    .__promotion__ .promotion-form .form-promotion-message .title {
        margin-top: 20px !important;
        font-size: 15px !important
    }
}

.__promotion__ .promotion-form .form-promotion-message .desc {
    color: #464646 !important
}

.__promotion__ .promotion-form .form-promotion-message .desc {
    margin: 0 !important
}

.__promotion__ .promotion-form .form-promotion-message .image {
    margin: 0 !important
}

.__promotion__ .promotion-form .form-promotion-message .image img {
    width: 70px !important
}

@media screen and (max-width:700px) {
    .__promotion__ .promotion-form .form-promotion-message .image img {
        width: 50px !important
    }
}

.__promotion__ .promotion-form .form-promotion-message>div {
    display: inline-block;
    vertical-align: middle
}

.__promotion__ .promotion-form .form-promotion-message>div:first-child {
    width: 150px
}

.__promotion__ .promotion-form input,
.__promotion__ .promotion-form select {
    background: rgba(255, 255, 255, 0.9);
    border: 0;
    padding: 14px;
    appearance: none
}

html:not([dir="rtl"]) .__promotion__ .promotion-form input,
html:not([dir="rtl"]) .__promotion__ .promotion-form select {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .__promotion__ .promotion-form input,
html[dir="rtl"] .__promotion__ .promotion-form select {
    font-family: "Kulim Park", sans-serif;
}

.__promotion__ .promotion-form .error-desc {
    color: #fff;
    text-align: start;
    background: rgba(255, 255, 255, 0.25);
    padding: 0 5px;
    border-radius: 3px
}

.__promotion__ .promotion-form label {
    text-align: start
}

.__promotion__ .promotion-form .form-pro-title {
    text-transform: capitalize;
    font-size: 25px;
    line-height: 33px;
    text-align: start
}

html:not([dir="rtl"]) .__promotion__ .promotion-form .form-pro-title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .__promotion__ .promotion-form .form-pro-title {
    font-family: "Kulim Park", sans-serif;
}

@media screen and (max-width:700px) {
    .__promotion__ .promotion-form .form-pro-title {
        line-height: 24px;
        font-size: 16px
    }
    html:not([dir="rtl"]) .__promotion__ .promotion-form .form-pro-title {
        font-family: "Kulim Park", sans-serif;
    }
    html[dir="rtl"] .__promotion__ .promotion-form .form-pro-title {
        font-family: "Kulim Park", sans-serif;
    }
}

.__promotion__ .promotion-form .form-pro-desc {
    text-align: start
}

@media screen and (max-width:700px) {
    .__promotion__ .promotion-form .form-pro-desc {
        font-size: 15px;
        line-height: 23px
    }
}

@media screen and (max-width:700px) {
    .__promotion__ .promotion-form .col-3 {
        margin-top: 0;
        display: block
    }
    .__promotion__ .promotion-form .col-3:first-child {
        margin-top: 15px
    }
    .__promotion__ .promotion-form .col-3>div {
        width: 100%;
        margin-inline-start: 0
    }
}

.__promotion__ .promotion-form input,
.__promotion__ .promotion-form textarea,
.__promotion__ .promotion-form select {
    color: #616161 !important
}

.__promotion__ .promotion-form button {
    border: 1px solid #fff;
    color: #222629;
    border-radius: 5px;
    float: right
}

@media screen and (max-width:700px) {
    .__promotion__ .promotion-form button {
        float: unset;
        width: 100%
    }
}

.__promotion__ .promotion-form button:hover {
    background: transparent !important;
    color: #fff
}

@media screen and (max-width:700px) {
    .__promotion__ .main-content-wrapper {
        padding-top: 0 !important
    }
}

.university-content {
    display: flex;
    flex-direction: column
}

@media screen and (max-width:1100px) {
    .university-content {
        display: block
    }
}

.university-content.sub-wrapper.content {
    max-width: unset;
    margin-top: 50px
}

@media screen and (max-width:700px) {
    .university-content.sub-wrapper.content {
        margin-top: 0
    }
}

.university-content>div {
    padding-bottom: 20px
}

@media screen and (max-width:1100px) {
    .university-content>div {
        padding-bottom: 15px
    }
}

@media screen and (max-width:700px) {
    .university-content>div {
        padding-bottom: 20px
    }
}

.university-content .university-item {
    cursor: pointer;
    border: 1px solid #cecece;
    height: 100%;
    border-radius: 5px
}

.university-content .university-item .image {
    position: relative;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -html-background-size: cover;
    background-size: cover;
    background-position: center;
    width: 100%;
    padding-top: 56.25%;
    border-radius: 5px;
    overflow: hidden
}

.university-content .university-item .image:before {
    content: '';
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    bottom: 0;
    inset-inline-end: 0
}

.university-content .university-item .image:hover:before {
    background: rgba(0, 0, 0, 0.25)
}

.university-content .university-item .image:after {
    content: "\ed7b";
    font-family: 'icomoon';
    position: absolute;
    color: #fff;
    font-size: 50px;
    line-height: 50px;
    top: 50%;
    margin-top: -25px;
    inset-inline-start: 50%;
    margin-inline-start: -25px
}

.university-content .university-item .text-container {
    margin: 15px
}

.university-content .university-item .title {
    font-size: 17px;
    line-height: 21px;
    text-align: center
}

html:not([dir="rtl"]) .university-content .university-item .title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .university-content .university-item .title {
    font-family: "Kulim Park", sans-serif;
}

@media screen and (max-width:700px) {
    .university-content .university-item .title {
        font-size: 15px;
        line-height: 18px
    }
}

.university-content .university-item .desc {
    font-size: 14px;
    line-height: 1.6;
    margin-top: 5px
}

.university-content .university-category {
    text-decoration: none;
    background: #7cbf55;
    display: inline-block;
    border-radius: 50px;
    color: #000;
    padding: 13px 35px;
    font-size: 14px;
    line-height: 14px;
    min-width: 250px;
    text-align: center
}

html:not([dir="rtl"]) .university-content .university-category {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .university-content .university-category {
    font-family: "Kulim Park", sans-serif;
}

@media screen and (max-width:700px) {
    .university-content .university-category {
        display: block
    }
}

.university-content .university-category-all {
    color: #000;
    padding: 13px 35px;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase
}

html:not([dir="rtl"]) .university-content .university-category-all {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .university-content .university-category-all {
    font-family: "Kulim Park", sans-serif;
}

@media screen and (max-width:700px) {
    .university-content .university-category-all {
        display: none
    }
}

.university-content .university-category-header {
    margin-bottom: 25px
}

@media screen and (max-width:700px) {
    .university-content .university-category-header {
        text-align: center
    }
}

.university-content .university-category-wrapper {
    padding: 0 0 50px
}

@media screen and (max-width:1100px) {
    .university-content .university-category-wrapper {
        padding: 0 0 30px
    }
}

@media screen and (max-width:700px) {
    .university-content .university-category-wrapper {
        padding: 0 2% 35px
    }
}

.university-content-level {
    margin-top: 50px
}

.___university_archive_item .university-content-level {
    margin-top: 0
}

@media screen and (max-width:700px) {
    .___university_archive_item .university-content-level {
        margin-top: 30px
    }
}

.university-content-level,
.university-content-level .sub-wrapper {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

@media screen and (max-width:1100px) {
    .university-content-level,
    .university-content-level .sub-wrapper {
        padding-inline-start: 0;
        padding-inline-end: 0
    }
}

.university-content-level .owl-nav,
.university-content-level .sub-wrapper .owl-nav {
    position: absolute;
    width: 100%;
    top: 120px
}

@media screen and (max-width:700px) {
    .university-content-level .owl-nav,
    .university-content-level .sub-wrapper .owl-nav {
        display: none
    }
}

.university-content-level .owl-nav .owl-next,
.university-content-level .sub-wrapper .owl-nav .owl-next,
.university-content-level .owl-nav .owl-prev,
.university-content-level .sub-wrapper .owl-nav .owl-prev {
    background: 0;
    box-shadow: none
}

.university-content-level .owl-nav .owl-next.disabled,
.university-content-level .sub-wrapper .owl-nav .owl-next.disabled,
.university-content-level .owl-nav .owl-prev.disabled,
.university-content-level .sub-wrapper .owl-nav .owl-prev.disabled {
    display: none
}

.university-content-level .owl-nav .owl-next span:after,
.university-content-level .sub-wrapper .owl-nav .owl-next span:after,
.university-content-level .owl-nav .owl-prev span:after,
.university-content-level .sub-wrapper .owl-nav .owl-prev span:after {
    background: 0;
    color: #b8b5b5;
    font-size: 70px;
    line-height: 120px;
    width: 60px;
    height: 120px;
    margin: unset;
    top: -90px;
    margin-inline-start: unset;
    font-family: 'icomoon'
}

.university-content-level .owl-nav .owl-next,
.university-content-level .sub-wrapper .owl-nav .owl-next {
    inset-inline-end: -60px
}

.university-content-level .owl-nav .owl-next span:after,
.university-content-level .sub-wrapper .owl-nav .owl-next span:after {
    content: "\e9c3";
    inset-inline-start: unset
}

.university-content-level .owl-nav .owl-prev,
.university-content-level .sub-wrapper .owl-nav .owl-prev {
    inset-inline-start: -70px
}

.university-content-level .owl-nav .owl-prev span:after,
.university-content-level .sub-wrapper .owl-nav .owl-prev span:after {
    content: "\e9c3";
    transform: rotate(180deg);
    inset-inline-start: -25px
}

.___university-nav-scroll {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    width: 100%
}

@media screen and (max-width:1100px) {
    .___university-nav-scroll {
        position: relative;
        bottom: unset
    }
}

@media screen and (max-width:700px) {
    .___university-nav-scroll {
        display: none
    }
}

.___university-nav-scroll .owl-stage-outer {
    overflow: unset
}

.___university-nav-scroll a {
    text-decoration: none;
    background: transparent;
    display: inline-block;
    border-radius: 50px;
    color: #000;
    padding: 7px 26px;
    font-size: 14px;
    line-height: 1.6;
    text-align: center;
    border: 1px solid #959595
}

html:not([dir="rtl"]) .___university-nav-scroll a {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .___university-nav-scroll a {
    font-family: "Kulim Park", sans-serif;
}

.___university-nav-scroll a.active {
    background: #7cbf55;
    border-color: #7cbf55
}

.___university-nav-scroll a:hover {
    background: #e7e7e7;
    border-color: #959595
}

.___university_archive {
    width: 1200px;
    margin: auto;
    padding-bottom: 50px
}

@media screen and (max-width:1100px) {
    .___university_archive {
        width: 90%;
        padding-bottom: 20px
    }
}

@media screen and (max-width:1100px) {
    .___university_archive_item .university-content-level {
        padding-inline-start: 2%;
        padding-inline-end: 2%
    }
}

@media screen and (max-width:1100px) {
    .___university_archive_item .university-category-header {
        margin-bottom: 0
    }
}

.___university_archive .sub-header {
    margin-top: 130px
}

@media screen and (max-width:1100px) {
    .___university_archive .sub-header {
        margin-top: 100px
    }
}

@media screen and (max-width:700px) {
    .___university_archive .sub-header {
        margin-top: 80px
    }
}

.___university_archive .sub-header-wrapper {
    text-align: center
}

.___university_archive .sub-header-wrapper .title {
    font-size: 44px;
    line-height: 1.6
}

html:not([dir="rtl"]) .___university_archive .sub-header-wrapper .title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .___university_archive .sub-header-wrapper .title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .___university_archive .sub-header-wrapper .title {
    font-weight: 600
}

@media screen and (max-width:1100px) {
    .___university_archive .sub-header-wrapper .title {
        font-size: 35px
    }
}

@media screen and (max-width:700px) {
    .___university_archive .sub-header-wrapper .title {
        font-size: 25px
    }
}

.___university_archive .sub-header-wrapper .desc {
    width: 60%;
    margin: 40px auto 30px;
    font-size: 14px;
    line-height: 1.6
}

html:not([dir="rtl"]) .___university_archive .sub-header-wrapper .desc {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .___university_archive .sub-header-wrapper .desc {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .___university_archive .sub-header-wrapper .desc {
    font-weight: 600
}

@media screen and (max-width:1100px) {
    .___university_archive .sub-header-wrapper .desc {
        width: 80%;
        margin: 30px auto 20px
    }
}

@media screen and (max-width:700px) {
    .___university_archive .sub-header-wrapper .desc {
        width: auto;
        margin: 20px auto 10px
    }
}

.university-archive-news {
    display: grid;
    grid-auto-rows: 1fr;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 15px;
    grid-row-gap: 20px
}

@media screen and (max-width:1100px) {
    .university-archive-news {
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 10px;
        grid-row-gap: 15px
    }
}

@media screen and (max-width:700px) {
    .university-archive-news {
        grid-template-columns: repeat(1, 1fr);
        grid-row-gap: 20px
    }
}

.__load-more-university {
    cursor: pointer;
    padding-top: 30px
}

@media screen and (max-width:1100px) {
    .__load-more-university {
        padding-top: 15px
    }
}

@media screen and (max-width:700px) {
    .__load-more-university {
        padding-top: 20px
    }
}

.__load-more-university .button,
.__load-more-university .button:hover {
    background: none !important;
    color: #000;
    padding: 13px 35px;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    text-decoration: underline
}

html:not([dir="rtl"]) .__load-more-university .button,
html:not([dir="rtl"]) .__load-more-university .button:hover {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .__load-more-university .button,
html[dir="rtl"] .__load-more-university .button:hover {
    font-family: "Kulim Park", sans-serif;
}

.__university_scroll .owl-stage {
    display: flex
}

html.os-html,
html.os-html>.os-host {
    display: block;
    overflow: hidden;
    box-sizing: border-box;
    height: 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    position: absolute !important
}

html.os-html>.os-host>.os-padding {
    position: absolute
}

body.os-dragging,
body.os-dragging * {
    cursor: default
}

.os-host,
.os-host-textarea {
    position: relative;
    overflow: visible !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start
}

.os-host-flexbox {
    overflow: hidden !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.os-host-flexbox>.os-size-auto-observer {
    height: inherit !important
}

.os-host-flexbox>.os-content-glue {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.os-host-flexbox>.os-size-auto-observer,
.os-host-flexbox>.os-content-glue {
    min-height: 0;
    min-width: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

#os-dummy-scrollbar-size {
    position: fixed;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    visibility: hidden;
    overflow: scroll;
    height: 500px;
    width: 500px
}

#os-dummy-scrollbar-size>div {
    width: 200%;
    height: 200%;
    margin: 10px 0
}

#os-dummy-scrollbar-size:before,
#os-dummy-scrollbar-size:after,
.os-content:before,
.os-content:after {
    content: '';
    display: table;
    width: .01px;
    height: .01px;
    line-height: 0;
    font-size: 0;
    flex-grow: 0;
    flex-shrink: 0;
    visibility: hidden
}

#os-dummy-scrollbar-size,
.os-viewport {
    -ms-overflow-style: scrollbar !important
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size,
.os-viewport-native-scrollbars-invisible.os-viewport {
    scrollbar-width: none !important
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar,
.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner,
.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    visibility: hidden !important;
    background: transparent !important
}

.os-content-glue {
    box-sizing: inherit;
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none
}

.os-padding {
    box-sizing: inherit;
    direction: inherit;
    position: absolute;
    overflow: visible;
    padding: 0;
    margin: 0;
    inset-inline-start: 0;
    top: 0;
    bottom: 0;
    inset-inline-end: 0;
    width: auto !important;
    height: auto !important;
    z-index: 1
}

.os-host-overflow>.os-padding {
    overflow: hidden
}

.os-viewport {
    direction: inherit !important;
    box-sizing: inherit !important;
    resize: none !important;
    outline: none !important;
    position: absolute;
    overflow: hidden;
    top: 0;
    inset-inline-start: 0;
    bottom: 0;
    inset-inline-end: 0;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch
}

.os-content-arrange {
    position: absolute;
    z-index: -1;
    min-height: 1px;
    min-width: 1px;
    pointer-events: none
}

.os-content {
    direction: inherit;
    box-sizing: border-box !important;
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
    visibility: visible
}

.os-content>.os-textarea {
    box-sizing: border-box !important;
    direction: inherit !important;
    background: transparent !important;
    outline: 0 none transparent !important;
    overflow: hidden !important;
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    inset-inline-start: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    float: none !important;
    -webkit-filter: none !important;
    filter: none !important;
    border: none !important;
    resize: none !important;
    -webkit-transform: none !important;
    transform: none !important;
    max-width: none !important;
    max-height: none !important;
    box-shadow: none !important;
    -webkit-perspective: none !important;
    perspective: none !important;
    opacity: 1 !important;
    z-index: 1 !important;
    clip: auto !important;
    vertical-align: baseline !important;
    padding: 0
}

.os-host-rtl>.os-padding>.os-viewport>.os-content>.os-textarea {
    inset-inline-end: 0 !important
}

.os-content>.os-textarea-cover {
    z-index: -1;
    pointer-events: none
}

.os-content>.os-textarea[wrap='off'] {
    white-space: pre !important;
    margin: 0 !important
}

.os-text-inherit {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    font-variant: inherit;
    text-transform: inherit;
    text-decoration: inherit;
    text-indent: inherit;
    text-align: inherit;
    text-shadow: inherit;
    text-overflow: inherit;
    letter-spacing: inherit;
    word-spacing: inherit;
    line-height: inherit;
    unicode-bidi: inherit;
    direction: inherit;
    color: inherit;
    cursor: text
}

.os-resize-observer,
.os-resize-observer-host {
    box-sizing: inherit;
    display: block;
    visibility: hidden;
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    pointer-events: none;
    z-index: -1
}

.os-resize-observer-host {
    padding: inherit;
    border: inherit;
    border-color: transparent;
    border-style: solid;
    box-sizing: border-box
}

.os-resize-observer-host>.os-resize-observer {
    height: 200%;
    width: 200%;
    padding: inherit;
    border: inherit;
    margin: 0;
    display: block;
    box-sizing: content-box
}

.os-resize-observer-host.observed {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start
}

.os-resize-observer-host.observed>.os-resize-observer {
    position: relative;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: auto
}

.os-size-auto-observer {
    box-sizing: inherit !important;
    height: 100%;
    width: inherit;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    -webkit-box-flex: inherit;
    -ms-flex-positive: inherit;
    flex-grow: inherit;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0
}

.os-size-auto-observer>.os-resize-observer {
    width: 1000%;
    height: 1000%;
    min-height: 1px;
    min-width: 1px
}

.os-resize-observer-item {
    position: absolute;
    top: 0;
    inset-inline-end: 0;
    bottom: 0;
    inset-inline-start: 0;
    overflow: hidden;
    z-index: -1;
    opacity: 0;
    direction: ltr !important;
    -webkit-box-flex: 0 !important;
    -ms-flex: none !important;
    flex: none !important
}

.os-resize-observer-item-final {
    position: absolute;
    inset-inline-start: 0;
    top: 0;
    -webkit-transition: none !important;
    transition: none !important;
    -webkit-box-flex: 0 !important;
    -ms-flex: none !important;
    flex: none !important
}

.os-resize-observer {
    -webkit-animation-duration: .001s;
    animation-duration: .001s;
    -webkit-animation-name: os-resize-observer-dummy-animation;
    animation-name: os-resize-observer-dummy-animation
}

object.os-resize-observer {
    box-sizing: border-box !important
}

@-webkit-keyframes os-resize-observer-dummy-animation {
    from {
        z-index: 0
    }
    to {
        z-index: -1
    }
}

@keyframes os-resize-observer-dummy-animation {
    from {
        z-index: 0
    }
    to {
        z-index: -1
    }
}

.os-host-transition>.os-scrollbar,
.os-host-transition>.os-scrollbar-corner {
    -webkit-transition: opacity .3s, visibility .3s, top .3s, right .3s, bottom .3s, left .3s;
    transition: opacity .3s, visibility .3s, top .3s, right .3s, bottom .3s, left .3s
}

html.os-html>.os-host>.os-scrollbar {
    position: absolute;
    z-index: 999999
}

.os-scrollbar,
.os-scrollbar-corner {
    position: absolute;
    opacity: 1;
    -ms-filter: 'alpha(opacity=100)';
    z-index: 1
}

.os-scrollbar-corner {
    bottom: 0;
    inset-inline-end: 0
}

.os-scrollbar {
    pointer-events: none
}

.os-scrollbar-track {
    pointer-events: auto;
    position: relative;
    height: 100%;
    width: 100%;
    padding: 0 !important;
    border: none !important
}

.os-scrollbar-handle {
    pointer-events: auto;
    position: absolute;
    width: 100%;
    height: 100%
}

.os-scrollbar-handle-off,
.os-scrollbar-track-off {
    pointer-events: none
}

.os-scrollbar.os-scrollbar-unusable,
.os-scrollbar.os-scrollbar-unusable * {
    pointer-events: none !important
}

.os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle {
    opacity: 0 !important
}

.os-scrollbar-horizontal {
    bottom: 0;
    inset-inline-start: 0
}

.os-scrollbar-vertical {
    top: 0;
    inset-inline-end: 0
}

.os-host-rtl>.os-scrollbar-horizontal {
    inset-inline-end: 0
}

.os-host-rtl>.os-scrollbar-vertical {
    inset-inline-end: auto;
    inset-inline-start: 0
}

.os-host-rtl>.os-scrollbar-corner {
    inset-inline-end: auto;
    inset-inline-start: 0
}

.os-scrollbar-auto-hidden,
.os-padding+.os-scrollbar-corner,
.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-corner,
.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal,
.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-corner,
.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical+.os-scrollbar-corner,
.os-scrollbar-horizontal+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner,
.os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.os-scrollbar-corner-resize-both {
    cursor: nwse-resize
}

.os-host-rtl>.os-scrollbar-corner-resize-both {
    cursor: nesw-resize
}

.os-scrollbar-corner-resize-horizontal {
    cursor: ew-resize
}

.os-scrollbar-corner-resize-vertical {
    cursor: ns-resize
}

.os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize {
    cursor: default
}

.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-vertical {
    top: 0;
    bottom: 0
}

.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal,
.os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal {
    inset-inline-end: 0;
    inset-inline-start: 0
}

.os-scrollbar:hover,
.os-scrollbar-corner.os-scrollbar-corner-resize {
    opacity: 1 !important;
    visibility: visible !important
}

.os-scrollbar-corner.os-scrollbar-corner-resize {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    pointer-events: auto !important
}

.os-host-rtl>.os-scrollbar-corner.os-scrollbar-corner-resize {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.os-host-overflow {
    overflow: hidden !important
}

.os-theme-none>.os-scrollbar-horizontal,
.os-theme-none>.os-scrollbar-vertical,
.os-theme-none>.os-scrollbar-corner {
    display: none !important
}

.os-theme-none>.os-scrollbar-corner-resize {
    display: block !important;
    min-width: 10px;
    min-height: 10px
}

.os-theme-dark>.os-scrollbar-horizontal,
.os-theme-light>.os-scrollbar-horizontal {
    inset-inline-end: 10px;
    height: 10px
}

.os-theme-dark>.os-scrollbar-vertical,
.os-theme-light>.os-scrollbar-vertical {
    bottom: 10px;
    width: 7px
}

.os-theme-dark.os-host-rtl>.os-scrollbar-horizontal,
.os-theme-light.os-host-rtl>.os-scrollbar-horizontal {
    inset-inline-start: 10px;
    inset-inline-end: 0
}

.os-theme-dark>.os-scrollbar-corner,
.os-theme-light>.os-scrollbar-corner {
    height: 10px;
    width: 10px
}

.os-theme-dark>.os-scrollbar-corner,
.os-theme-light>.os-scrollbar-corner {
    background-color: transparent
}

.os-theme-dark>.os-scrollbar,
.os-theme-light>.os-scrollbar {
    padding: 2px;
    box-sizing: border-box;
    background: transparent
}

.os-theme-dark>.os-scrollbar.os-scrollbar-unusable,
.os-theme-light>.os-scrollbar.os-scrollbar-unusable {
    background: transparent
}

.os-theme-dark>.os-scrollbar>.os-scrollbar-track,
.os-theme-light>.os-scrollbar>.os-scrollbar-track {
    background: transparent
}

.os-theme-dark>.os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle,
.os-theme-light>.os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle {
    min-width: 30px
}

.os-theme-dark>.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle,
.os-theme-light>.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle {
    min-height: 30px
}

.os-theme-dark.os-host-transition>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle,
.os-theme-light.os-host-transition>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle {
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle,
.os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle,
.os-theme-dark>.os-scrollbar>.os-scrollbar-track,
.os-theme-light>.os-scrollbar>.os-scrollbar-track {
    border-radius: 10px
}

.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle {
    background: rgba(0, 0, 0, 0.15)
}

.os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle {
    background: rgba(255, 255, 255, 0.4)
}

.os-theme-dark>.os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle {
    background: rgba(0, 0, 0, 0.35)
}

.os-theme-light>.os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle {
    background: rgba(255, 255, 255, 0.55)
}

.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle.active {
    background: rgba(0, 0, 0, 0.35)
}

.os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle.active {
    background: rgba(255, 255, 255, 0.7)
}

.os-theme-dark>.os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark>.os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light>.os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light>.os-scrollbar-vertical .os-scrollbar-handle:before {
    content: '';
    position: absolute;
    inset-inline-start: 0;
    inset-inline-end: 0;
    top: 0;
    bottom: 0;
    display: block
}

.os-theme-dark.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-dark.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical .os-scrollbar-handle:before {
    display: none
}

.os-theme-dark>.os-scrollbar-horizontal .os-scrollbar-handle:before,
.os-theme-light>.os-scrollbar-horizontal .os-scrollbar-handle:before {
    top: -6px;
    bottom: -2px
}

.os-theme-dark>.os-scrollbar-vertical .os-scrollbar-handle:before,
.os-theme-light>.os-scrollbar-vertical .os-scrollbar-handle:before {
    inset-inline-start: -6px;
    inset-inline-end: -2px
}

.os-host-rtl.os-theme-dark>.os-scrollbar-vertical .os-scrollbar-handle:before,
.os-host-rtl.os-theme-light>.os-scrollbar-vertical .os-scrollbar-handle:before {
    inset-inline-end: -6px;
    inset-inline-start: -2px
}

.signature {
    border: 1px solid #d0d0d0
}

.signature-pad {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 10px;
    width: 100%;
    height: 100%;
    max-width: 700px;
    max-height: 460px;
    border: 1px solid #e8e8e8;
    background-color: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    padding: 16px
}

.signature-pad::before,
.signature-pad::after {
    position: absolute;
    z-index: -1;
    content: "";
    width: 40%;
    height: 10px;
    bottom: 10px;
    background: transparent;
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 8px 12px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 8px 12px rgba(0, 0, 0, 0.4);
    -o-box-shadow: 0 8px 12px rgba(0, 0, 0, 0.4);
    -ms-box-shadow: 0 8px 12px rgba(0, 0, 0, 0.4)
}

.signature-pad::before {
    inset-inline-start: 20px;
    -webkit-transform: skew(-3deg) rotate(-3deg);
    transform: skew(-3deg) rotate(-3deg)
}

.signature-pad::after {
    inset-inline-end: 20px;
    -webkit-transform: skew(3deg) rotate(3deg);
    transform: skew(3deg) rotate(3deg)
}

.signature-pad--body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: 1px solid #f4f4f4
}

.signature-pad--body canvas {
    position: absolute;
    inset-inline-start: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset
}

.signature-pad--footer {
    color: #c3c3c3;
    text-align: center;
    font-size: 1.2em;
    margin-top: 8px
}

.signature-pad--actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 8px
}

.signature-pad {
    margin: auto;
    height: auto
}

.signature-pad--body {
    min-height: 360px
}

.signature-pad--actions {
    overflow: hidden
}

.signature-pad--actions>div:first-child {
    float: left
}

.signature-pad--actions>div:last-child {
    float: right
}

@-webkit-keyframes bounce {
    from,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

@keyframes bounce {
    from,
    20%,
    53%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    from,
    50%,
    to {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {
    from,
    50%,
    to {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1)
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1)
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1)
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1)
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shake {
    from,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0);
        transform: rotate3d(0, 0, 1, 0)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0);
        transform: rotate3d(0, 0, 1, 0)
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes wobble {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {
    from,
    11.1%,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg)
    }
    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
    }
}

@keyframes jello {
    from,
    11.1%,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg)
    }
    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes bounceInRight {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInRight {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes bounceInUp {
    from,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }
    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
}

.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

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

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

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

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    from {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0);
        transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    from {
        opacity: 1
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }
    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes jackInTheBox {
    from {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }
    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox
}

@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

@keyframes rollOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    from {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
    to {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.animated.delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.animated.delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.animated.delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

.animated.delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s
}

.animated.fast {
    -webkit-animation-duration: 800ms;
    animation-duration: 800ms
}

.animated.faster {
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms
}

.animated.slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animated.slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s
}

@media(print),
(prefers-reduced-motion:reduce) {
    .animated {
        -webkit-animation-duration: 1ms !important;
        animation-duration: 1ms !important;
        -webkit-transition-duration: 1ms !important;
        transition-duration: 1ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important
    }
}

.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-stage-outer {
    overflow: hidden
}

.owl-nav.disabled {
    display: none
}

.owl-nav .owl-prev,
.owl-nav .owl-next {
    background: #fff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    height: 50px;
    width: 50px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    -ms-border-radius: 50px;
    border: 0;
    outline: 0;
    margin: 0;
    padding: 0
}

.owl-nav .owl-prev>span:after {
    background: url('https://www.cxmdirect.com/wp-content/themes/cxm/static/icons/icon-arrow-left.svg') no-repeat
}

.owl-nav .owl-next>span:after {
    background: url('https://www.cxmdirect.com/wp-content/themes/cxm/static/icons/icon-arrow-right.svg') no-repeat
}

.owl-nav>button {
    position: absolute;
    top: 50%;
    margin-top: -25px !important
}

.owl-nav>button.owl-prev {
    inset-inline-start: -75px
}

.owl-nav>button.owl-next {
    inset-inline-end: -75px
}

.owl-nav>button>span {
    position: relative
}

.owl-nav>button>span:after {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 50%;
    margin-top: -7.5px;
    inset-inline-start: 50%;
    margin-inline-start: -7.5px
}

[dir="rtl"] .owl-nav>button>span:after {
    transform: rotate(180deg)
}

.owl-dots {
    margin-top: 50px
}

.owl-dots.disabled {
    display: none
}

.owl-dot {
    background: #b5b5b5;
    padding: 0;
    cursor: pointer;
    outline: 0;
    border: 0;
    width: 16px;
    height: 16px;
    border-radius: 16px;
    margin: 5px
}

.owl-dot.active {
    background: #469b4c !important
}

.owl-carousel {
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0, 0, 0);
    -mox-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out
}

.owl-carousel .owl-item {
    float: left
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -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);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center
}

.owl-theme .owl-controls .owl-buttons div {
    color: #FFF;
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin: 5px;
    padding: 3px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #869791;
    filter: alpha(opacity=50);
    opacity: .5
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    filter: alpha(opacity=100);
    opacity: 1;
    text-decoration: none
}

.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline
}

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 3px;
    filter: alpha(opacity=50);
    opacity: .5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #869791
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: alpha(opacity=100);
    opacity: 1
}

.owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}

.owl-item.loading {
    min-height: 150px
}

.owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
    color: #dedede
}

.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede
}

.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #7cbf55
}

.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
    background: #7cbf55
}

.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.1);
    color: #ccc
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.2)
}

.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
    background: 0;
    border: 0
}

.datepicker--cells {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.datepicker--cell {
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 32px;
    z-index: 1
}

.datepicker--cell.-focus- {
    background: #f0f0f0
}

.datepicker--cell.-current- {
    color: #7cbf55
}

.datepicker--cell.-current-.-focus- {
    color: #4a4a4a
}

.datepicker--cell.-current-.-in-range- {
    color: #7cbf55
}

.datepicker--cell.-in-range- {
    background: rgba(92, 196, 239, 0.1);
    color: #4a4a4a;
    border-radius: 0
}

.datepicker--cell.-in-range-.-focus- {
    background-color: rgba(92, 196, 239, 0.2)
}

.datepicker--cell.-disabled- {
    cursor: default;
    color: #aeaeae
}

.datepicker--cell.-disabled-.-focus- {
    color: #aeaeae
}

.datepicker--cell.-disabled-.-in-range- {
    color: #a1a1a1
}

.datepicker--cell.-disabled-.-current-.-focus- {
    color: #aeaeae
}

.datepicker--cell.-range-from- {
    border: 1px solid rgba(92, 196, 239, 0.5);
    background-color: rgba(92, 196, 239, 0.1);
    border-radius: 4px 0 0 4px
}

.datepicker--cell.-range-to- {
    border: 1px solid rgba(92, 196, 239, 0.5);
    background-color: rgba(92, 196, 239, 0.1);
    border-radius: 0 4px 4px 0
}

.datepicker--cell.-range-from-.-range-to- {
    border-radius: 4px
}

.datepicker--cell.-selected- {
    color: #fff;
    border: 0;
    background: #7cbf55
}

.datepicker--cell.-selected-.-current- {
    color: #fff;
    background: #7cbf55
}

.datepicker--cell.-selected-.-focus- {
    background: #7cbf55
}

.datepicker--cell:empty {
    cursor: default
}

.datepicker--days-names {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 8px 0 3px
}

.datepicker--day-name {
    color: #7cbf55;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    text-transform: uppercase;
    font-size: .8em
}

.datepicker--cell-day {
    width: 14.28571%
}

.datepicker--cells-months {
    height: 170px
}

.datepicker--cell-month {
    width: 33.33%;
    height: 25%
}

.datepicker--years {
    height: 170px
}

.datepicker--cells-years {
    height: 170px
}

.datepicker--cell-year {
    width: 25%;
    height: 33.33%
}

.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
    color: #dedede
}

.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede
}

.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #7cbf55
}

.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
    background: #7cbf55
}

.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.1);
    color: #ccc
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.2)
}

.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
    background: 0;
    border: 0
}

.datepickers-container {
    position: absolute;
    inset-inline-start: 0;
    top: 0
}

@media print {
    .datepickers-container {
        display: none
    }
}

.datepicker {
    background: #fff;
    border: 1px solid #dbdbdb;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-sizing: content-box;
    font-family: "Kulim Park", sans-serif;
    font-size: 14px;
    color: #4a4a4a;
    width: 250px;
    position: absolute;
    inset-inline-start: -100000px;
    opacity: 0;
    transition: opacity .3s ease, left 0 .3s, -webkit-transform .3s ease;
    transition: opacity .3s ease, transform .3s ease, left 0 .3s;
    transition: opacity .3s ease, transform .3s ease, left 0 .3s, -webkit-transform .3s ease;
    z-index: 100
}

.datepicker.-from-top- {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px)
}

.datepicker.-from-right- {
    -webkit-transform: translateX(8px);
    transform: translateX(8px)
}

.datepicker.-from-bottom- {
    -webkit-transform: translateY(8px);
    transform: translateY(8px)
}

.datepicker.-from-left- {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px)
}

.datepicker.active {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0);
    transition: opacity .3s ease, left 0 0, -webkit-transform .3s ease;
    transition: opacity .3s ease, transform .3s ease, left 0 0;
    transition: opacity .3s ease, transform .3s ease, left 0 0, -webkit-transform .3s ease
}

.datepicker-inline .datepicker {
    border-color: #d7d7d7;
    box-shadow: none;
    position: static;
    inset-inline-start: auto;
    inset-inline-end: auto;
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

.datepicker-inline .datepicker--pointer {
    display: none
}

.datepicker--content {
    box-sizing: content-box;
    padding: 4px
}

.-only-timepicker- .datepicker--content {
    display: none
}

.datepicker--pointer {
    position: absolute;
    background: #fff;
    border-top: 1px solid #dbdbdb;
    border-inline-end: 1px solid #dbdbdb;
    width: 10px;
    height: 10px;
    z-index: -1
}

.-top-left- .datepicker--pointer,
.-top-center- .datepicker--pointer,
.-top-right- .datepicker--pointer {
    top: calc(100% - 4px);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.-right-top- .datepicker--pointer,
.-right-center- .datepicker--pointer,
.-right-bottom- .datepicker--pointer {
    inset-inline-end: calc(100% - 4px);
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg)
}

.-bottom-left- .datepicker--pointer,
.-bottom-center- .datepicker--pointer,
.-bottom-right- .datepicker--pointer {
    bottom: calc(100% - 4px);
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg)
}

.-left-top- .datepicker--pointer,
.-left-center- .datepicker--pointer,
.-left-bottom- .datepicker--pointer {
    inset-inline-start: calc(100% - 4px);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.-top-left- .datepicker--pointer,
.-bottom-left- .datepicker--pointer {
    inset-inline-start: 10px
}

.-top-right- .datepicker--pointer,
.-bottom-right- .datepicker--pointer {
    inset-inline-end: 10px
}

.-top-center- .datepicker--pointer,
.-bottom-center- .datepicker--pointer {
    inset-inline-start: calc(50% - 10px / 2)
}

.-left-top- .datepicker--pointer,
.-right-top- .datepicker--pointer {
    top: 10px
}

.-left-bottom- .datepicker--pointer,
.-right-bottom- .datepicker--pointer {
    bottom: 10px
}

.-left-center- .datepicker--pointer,
.-right-center- .datepicker--pointer {
    top: calc(50% - 10px / 2)
}

.datepicker--body {
    display: none
}

.datepicker--body.active {
    display: block
}

.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
    color: #dedede
}

.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede
}

.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6
}

.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
    background: #8ad5f4
}

.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.1);
    color: #ccc
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.2)
}

.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
    background: 0;
    border: 0
}

.datepicker--nav {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #efefef;
    min-height: 32px;
    padding: 4px
}

.-only-timepicker- .datepicker--nav {
    display: none
}

.datepicker--nav-title,
.datepicker--nav-action {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.datepicker--nav-action {
    width: 32px;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.datepicker--nav-action:hover {
    background: #f0f0f0
}

.datepicker--nav-action.-disabled- {
    visibility: hidden
}

.datepicker--nav-action svg {
    width: 32px;
    height: 32px
}

.datepicker--nav-action path {
    fill: none;
    stroke: #9c9c9c;
    stroke-width: 2px
}

.datepicker--nav-title {
    border-radius: 4px;
    padding: 0 8px
}

.datepicker--nav-title i {
    font-style: normal;
    color: #9c9c9c;
    margin-inline-start: 5px
}

.datepicker--nav-title:hover {
    background: #f0f0f0
}

.datepicker--nav-title.-disabled- {
    cursor: default;
    background: 0
}

.datepicker--buttons {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 4px;
    border-top: 1px solid #efefef
}

.datepicker--button {
    color: #4eb5e6;
    cursor: pointer;
    border-radius: 4px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 32px
}

.datepicker--button:hover {
    color: #4a4a4a;
    background: #f0f0f0
}

.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
    color: #dedede
}

.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede
}

.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6
}

.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
    background: #8ad5f4
}

.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.1);
    color: #ccc
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.2)
}

.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
    background: 0;
    border: 0
}

.datepicker--time {
    border-top: 1px solid #efefef;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4px;
    position: relative
}

.datepicker--time.-am-pm- .datepicker--time-sliders {
    -webkit-flex: 0 1 138px;
    -ms-flex: 0 1 138px;
    flex: 0 1 138px;
    max-width: 138px
}

.-only-timepicker- .datepicker--time {
    border-top: 0
}

.datepicker--time-sliders {
    -webkit-flex: 0 1 153px;
    -ms-flex: 0 1 153px;
    flex: 0 1 153px;
    margin-inline-end: 10px;
    max-width: 153px
}

.datepicker--time-label {
    display: none;
    font-size: 12px
}

.datepicker--time-current {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    text-align: center;
    margin: 0 0 0 10px
}

.datepicker--time-current-colon {
    margin: 0 2px 3px;
    line-height: 1
}

.datepicker--time-current-hours,
.datepicker--time-current-minutes {
    line-height: 1;
    font-size: 19px;
    font-family: "Kulim Park", sans-serif;
    position: relative;
    z-index: 1
}

.datepicker--time-current-hours:after,
.datepicker--time-current-minutes:after {
    content: '';
    background: #f0f0f0;
    border-radius: 4px;
    position: absolute;
    inset-inline-start: -2px;
    top: -3px;
    inset-inline-end: -2px;
    bottom: -2px;
    z-index: -1;
    opacity: 0
}

.datepicker--time-current-hours.-focus-:after,
.datepicker--time-current-minutes.-focus-:after {
    opacity: 1
}

.datepicker--time-current-ampm {
    text-transform: uppercase;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    color: #9c9c9c;
    margin-inline-start: 6px;
    font-size: 11px;
    margin-bottom: 1px
}

.datepicker--time-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 11px;
    height: 17px;
    background: linear-gradient(to right, #dedede, #dedede) left 50%/100% 1px no-repeat
}

.datepicker--time-row:first-child {
    margin-bottom: 4px
}

.datepicker--time-row input[type='range'] {
    background: 0;
    cursor: pointer;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    padding: 0;
    margin: 0;
    -webkit-appearance: none
}

.datepicker--time-row input[type='range']::-webkit-slider-thumb {
    -webkit-appearance: none
}

.datepicker--time-row input[type='range']::-ms-tooltip {
    display: none
}

.datepicker--time-row input[type='range']:hover::-webkit-slider-thumb {
    border-color: #b8b8b8
}

.datepicker--time-row input[type='range']:hover::-moz-range-thumb {
    border-color: #b8b8b8
}

.datepicker--time-row input[type='range']:hover::-ms-thumb {
    border-color: #b8b8b8
}

.datepicker--time-row input[type='range']:focus {
    outline: 0
}

.datepicker--time-row input[type='range']:focus::-webkit-slider-thumb {
    background: #5cc4ef;
    border-color: #5cc4ef
}

.datepicker--time-row input[type='range']:focus::-moz-range-thumb {
    background: #5cc4ef;
    border-color: #5cc4ef
}

.datepicker--time-row input[type='range']:focus::-ms-thumb {
    background: #5cc4ef;
    border-color: #5cc4ef
}

.datepicker--time-row input[type='range']::-webkit-slider-thumb {
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid #dedede;
    background: #fff;
    cursor: pointer;
    transition: background .2s
}

.datepicker--time-row input[type='range']::-moz-range-thumb {
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid #dedede;
    background: #fff;
    cursor: pointer;
    transition: background .2s
}

.datepicker--time-row input[type='range']::-ms-thumb {
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid #dedede;
    background: #fff;
    cursor: pointer;
    transition: background .2s
}

.datepicker--time-row input[type='range']::-webkit-slider-thumb {
    margin-top: -6px
}

.datepicker--time-row input[type='range']::-webkit-slider-runnable-track {
    border: 0;
    height: 1px;
    cursor: pointer;
    color: transparent;
    background: transparent
}

.datepicker--time-row input[type='range']::-moz-range-track {
    border: 0;
    height: 1px;
    cursor: pointer;
    color: transparent;
    background: transparent
}

.datepicker--time-row input[type='range']::-ms-track {
    border: 0;
    height: 1px;
    cursor: pointer;
    color: transparent;
    background: transparent
}

.datepicker--time-row input[type='range']::-ms-fill-lower {
    background: transparent
}

.datepicker--time-row input[type='range']::-ms-fill-upper {
    background: transparent
}

.datepicker--time-row span {
    padding: 0 12px
}

.datepicker--time-icon {
    color: #9c9c9c;
    border: 1px solid;
    border-radius: 50%;
    font-size: 16px;
    position: relative;
    margin: 0 5px -1px 0;
    width: 1em;
    height: 1em
}

.datepicker--time-icon:after,
.datepicker--time-icon:before {
    content: '';
    background: currentColor;
    position: absolute
}

.datepicker--time-icon:after {
    height: .4em;
    width: 1px;
    inset-inline-start: calc(50% - 1px);
    top: calc(50%+1px);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.datepicker--time-icon:before {
    width: .4em;
    height: 1px;
    top: calc(50%+1px);
    inset-inline-start: calc(50% - 1px)
}

.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
    color: #dedede
}

.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede
}

.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6
}

.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
    background: #8ad5f4
}

.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.1);
    color: #ccc
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.2)
}

.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
    background: 0;
    border: 0
}

html[dir="rtl"] .text.help {
    font-size: 15px;
    line-height: 21px
}

html[dir="rtl"] .size-14,
html[dir="rtl"] .size-14 p {
    font-size: 16px
}

html[dir="rtl"] table .shape {
    line-height: 23px;
    font-size: 12px
}

html[dir="rtl"] .landing .img-desc-note {
    font-size: 23px;
    line-height: 32px
}

@media screen and (max-width:700px) {
    html[dir="rtl"] .landing .img-desc-note {
        font-size: 15px;
        line-height: 22px
    }
}

html[dir="rtl"] .landing .fund-safety-desc .small-size {
    font-size: 23px;
    line-height: 32px
}

@media screen and (max-width:700px) {
    html[dir="rtl"] .landing .fund-safety-desc .small-size {
        font-size: 19px;
        line-height: 28px
    }
}

@media screen and (max-width:700px) {
    html[dir="rtl"] .landing .landing-button .button {
        font-size: 23px;
        line-height: 28px
    }
}

@media screen and (max-width:700px) {
    html[dir="rtl"] .landing .wrapper-title {
        font-size: 23px;
        line-height: 32px
    }
}

@media screen and (max-width:700px) {
    html[dir="rtl"] .landing .gold-title {
        font-size: 23px;
        line-height: 32px
    }
}

html[dir="rtl"] .landing .gold-sub-title {
    font-size: 23px;
    line-height: 32px
}

@media screen and (max-width:700px) {
    html[dir="rtl"] .landing .gold-sub-title {
        font-size: 15px;
        line-height: 22px
    }
}

html[dir="rtl"] .landing .landing-sub-title {
    font-size: 23px;
    line-height: 32px
}

@media screen and (max-width:700px) {
    html[dir="rtl"] .landing .landing-sub-title {
        font-size: 15px;
        line-height: 22px
    }
}

@media screen and (max-width:700px) {
    html[dir="rtl"] .landing .social-title {
        font-size: 23px;
        line-height: 32px
    }
}

html[dir="rtl"] .landing .social-desc {
    font-size: 20px;
    line-height: 29px
}

@media screen and (max-width:700px) {
    html[dir="rtl"] .landing .social-desc {
        font-size: 15px;
        line-height: 22px
    }
}

@media screen and (max-width:900px) {
    html[dir="rtl"] .landing .landing-symbols-categories.landing-why-categories>div .landing-symbol-title {
        font-size: 16px;
        line-height: 23px
    }
}

@media screen and (max-width:700px) {
    html[dir="rtl"] .landing .landing-symbols-categories.landing-why-categories>div .landing-symbol-title {
        font-size: 14px;
        line-height: 20px
    }
}

html[dir="rtl"] .landing .landing-symbols-categories.landing-why-categories .landing-symbol-title {
    font-size: 20px;
    line-height: 26px
}

html[dir="rtl"] .landing .landing-symbols-categories .landing-symbol-title {
    font-size: 23px;
    line-height: 32px
}

@media screen and (max-width:900px) {
    html[dir="rtl"] .landing .landing-symbols-categories .landing-symbol-title {
        font-size: 16px;
        line-height: 23px
    }
}

@media screen and (max-width:700px) {
    html[dir="rtl"] .landing .landing-symbols-categories .landing-symbol-title {
        font-size: 14px;
        line-height: 20px
    }
}

@media screen and (max-width:700px) {
    html[dir="rtl"] .landing .landing-why-wrapper .why-title {
        font-size: 23px;
        line-height: 32px
    }
}

html[dir="rtl"] .landing .landing-why-wrapper .why-desc {
    font-size: 18px;
    line-height: 27px
}

@media screen and (max-width:700px) {
    html[dir="rtl"] .landing .landing-why-wrapper .why-desc {
        font-size: 15px;
        line-height: 22px
    }
}

@media screen and (max-width:900px) {
    html[dir="rtl"] .landing .landing-trustpilot-title {
        font-size: 23px;
        line-height: 32px
    }
}

html[dir="rtl"] .landing-02 .form-header {
    font-size: 27px;
    line-height: 35px
}

@media screen and (max-width:700px) {
    html[dir="rtl"] .landing-02 .form-header {
        font-size: 23px;
        line-height: 32px
    }
}

@media screen and (max-width:700px) {
    html[dir="rtl"] .landing-02 .landing-title-button {
        font-size: 23px;
        line-height: 32px
    }
}

@media screen and (max-width:700px) {
    html[dir="rtl"] .landing-02 .why-title-desc {
        font-size: 23px;
        line-height: 32px
    }
}

html[dir="rtl"] .landing-02 .wrapper_title_container .wrapper-desc {
    font-size: 26px;
    line-height: 35px
}

@media screen and (max-width:700px) {
    html[dir="rtl"] .landing-02 .wrapper_title_container .wrapper-desc {
        font-size: 18px;
        line-height: 27px
    }
}

html[dir="rtl"] header .sub-header .lang .languages .raw .name {
    font-size: 15px
}

html[dir="rtl"] header .sub-header .login .button {
    font-size: 14px;
    line-height: 19px
}

html[dir="rtl"] header .sub-header .login-container .title {
    font-size: 21px;
    line-height: 35px
}

@media screen and (max-width:1100px) {
    html[dir="rtl"] header .sub-header .login-container .title {
        font-size: 18px;
        line-height: 27px
    }
}

html[dir="rtl"] header .sub-header .login-container .buttons .button {
    font-size: 18px
}

@media screen and (max-width:1100px) {
    html[dir="rtl"] header .sub-header .login-container .buttons .button {
        font-size: 16px
    }
}

html[dir="rtl"] header .sub-header .login-container .register {
    line-height: 21px
}

html[dir="rtl"] header .sub-header .login-container .register a {
    font-size: 15px
}

html[dir="rtl"] footer {
    font-size: 13px;
    line-height: 19px
}

@media screen and (max-width:1100px) {
    html[dir="rtl"] footer {
        font-size: 13px;
        line-height: 18px
    }
}

html[dir="rtl"] footer .awards .title {
    font-size: 16px
}

@media screen and (max-width:1100px) {
    html[dir="rtl"] footer .awards .title {
        font-size: 14px
    }
}

html[dir="rtl"] footer .awards .description {
    font-size: 15px
}

@media screen and (max-width:1100px) {
    html[dir="rtl"] footer .awards .description {
        font-size: 14px
    }
}

html[dir="rtl"] .login-buttons-social h3 {
    font-size: 16px
}

html[dir="rtl"] .login-buttons-social .register-social a {
    font-size: 15px
}

html[dir="rtl"] .button {
    font-size: 18px
}

@media screen and (max-width:1100px) {
    html[dir="rtl"] .button {
        font-size: 18px
    }
}

html[dir="rtl"] .button.small {
    font-size: 16px
}

html[dir="rtl"] .button.medium {
    font-size: 20px
}

html[dir="rtl"] .read-more {
    font-size: 14px
}

html[dir="rtl"] .selling-points .title {
    font-size: 23px;
    line-height: 36px
}

@media screen and (max-width:1100px) {
    html[dir="rtl"] .selling-points .title {
        font-size: 20px
    }
}

html[dir="rtl"] .key-points .title {
    font-size: 15px;
    line-height: 21px
}

@media screen and (max-width:700px) {
    html[dir="rtl"] .key-points .title {
        font-size: 14px
    }
}

html[dir="rtl"] .account-types .raw .title {
    font-size: 16px;
    line-height: 29px
}

@media screen and (max-width:1100px) {
    html[dir="rtl"] .account-types .raw .title {
        font-size: 15px
    }
}

html[dir="rtl"] .account-types .raw .description {
    font-size: 16px
}

@media screen and (max-width:1100px) {
    html[dir="rtl"] .account-types .raw .description {
        font-size: 15px
    }
}

html[dir="rtl"] .account-types .header {
    font-size: 21px
}

@media screen and (max-width:1100px) {
    html[dir="rtl"] .account-types .header {
        font-size: 18px
    }
}

html[dir="rtl"] .account-types-centered .owl-item .item .button {
    font-size: 19px
}

html[dir="rtl"] .account-types-centered .owl-item.center .item .button {
    font-size: 21px
}

html[dir="rtl"] .slider .item .description {
    font-size: 19px;
    line-height: 31px
}

html[dir="rtl"] .banner-content-html {
    font-size: 29px;
    line-height: 38px
}

html[dir="rtl"] .banner-content-html .small-size {
    font-size: 20px;
    line-height: 29px
}

html[dir="rtl"] header .menu ul>li>a {
    font-size: 16px
}

html[dir="rtl"] header .menu ul>li .sub-menu li a {
    font-size: 15px;
    line-height: 20px
}

html[dir="rtl"] header .menu.mobile li a {
    font-size: 15px
}

html[dir="rtl"] footer .footer-menu ul>li>a {
    font-size: 15px;
    line-height: 23px
}

html[dir="rtl"] footer .footer-menu ul>li .sub-menu li a {
    font-size: 15px;
    line-height: 23px
}

html[dir="rtl"] .instrument-menu .title {
    font-size: 21px
}

@media screen and (max-width:1100px) {
    html[dir="rtl"] .instrument-menu .title {
        font-size: 19px
    }
}

html[dir="rtl"] .instrument-table .extra-symbol-info p {
    font-size: 13px;
    line-height: 18px
}

html[dir="rtl"] .__running_quotes__ .quote-tab .top .title {
    font-size: 15px
}

html[dir="rtl"] .__running_quotes__ .quote-tab .prices {
    font-size: 13px
}

html[dir="rtl"] table th {
    font-size: 16px
}

@media screen and (max-width:1100px) {
    html[dir="rtl"] table th {
        font-size: 15px
    }
}

html[dir="rtl"] table td {
    font-size: 15px
}

html[dir="rtl"] table .instrument>div.quote {
    font-size: 16px
}

html[dir="rtl"] table .instrument>div .name {
    font-size: 15px
}

html[dir="rtl"] .dataTables_info {
    font-size: 15px
}

html[dir="rtl"] .awards-list .title {
    font-size: 19px;
    line-height: 24px
}

@media screen and (max-width:1100px) {
    html[dir="rtl"] .awards-list .title {
        font-size: 16px
    }
}

html[dir="rtl"] .awards-list .description {
    font-size: 19px;
    line-height: 24px
}

@media screen and (max-width:1100px) {
    html[dir="rtl"] .awards-list .description {
        font-size: 16px
    }
}

html[dir="rtl"] .awards-list .icon .year {
    font-size: 29px
}

@media screen and (max-width:1100px) {
    html[dir="rtl"] .awards-list .icon .year {
        font-size: 23px
    }
}

html[dir="rtl"] .careers-page .career-apply {
    font-size: 15px
}

html[dir="rtl"] .careers-page form .file-label {
    font-size: 15px
}

html[dir="rtl"] .careers-page .no-position-title {
    font-size: 16px
}

html[dir="rtl"] .careers-page .filename {
    font-size: 14px
}

html[dir="rtl"] .careers-page .location {
    font-size: 18px
}

html[dir="rtl"] .careers-page .career-main-title {
    font-size: 21px;
    line-height: 27px
}

html[dir="rtl"] .inner {
    font-size: 19px;
    line-height: 29px
}

html[dir="rtl"] .inner .header .sub-header .desc {
    font-size: 19px;
    line-height: 31px
}

@media screen and (max-width:1100px) {
    html[dir="rtl"] .inner .header .sub-header .desc {
        font-size: 18px;
        line-height: 27px
    }
}

html[dir="rtl"] .inner.parent ul.children li a {
    font-size: 18px;
    line-height: 23px
}

@media screen and (max-width:1100px) {
    html[dir="rtl"] .inner.parent ul.children li a {
        font-size: 16px
    }
}

html[dir="rtl"] .___contact_box .title {
    font-size: 23px
}

@media screen and (max-width:1100px) {
    html[dir="rtl"] .___contact_box .title {
        font-size: 21px
    }
}

html[dir="rtl"] .___contact_box .raws .title {
    font-size: 19px
}

html[dir="rtl"] .instrument-sub-desc {
    font-size: 19px;
    line-height: 27px
}

@media screen and (max-width:1100px) {
    html[dir="rtl"] .instrument-sub-desc {
        font-size: 18px;
        line-height: 27px
    }
}

html[dir="rtl"] .steps .raws>div .desc {
    font-size: 16px
}

html[dir="rtl"] .account-types-page .help {
    font-size: 15px;
    line-height: 21px
}

html[dir="rtl"] .economic-calendar-page .help .title {
    font-size: 23px;
    line-height: 30px
}

@media screen and (max-width:1100px) {
    html[dir="rtl"] .economic-calendar-page .help .title {
        font-size: 19px;
        line-height: 28px
    }
}

html[dir="rtl"] .trading-central .category .name {
    font-size: 19px
}

@media screen and (max-width:1100px) {
    html[dir="rtl"] .trading-central .category .name {
        font-size: 18px
    }
}

html[dir="rtl"] .trading-central .category .desc {
    font-size: 16px
}

html[dir="rtl"] .trading-central .category-list .title {
    font-size: 19px;
    line-height: 28px
}

@media screen and (max-width:1100px) {
    html[dir="rtl"] .trading-central .category-list .title {
        font-size: 18px
    }
}

html[dir="rtl"] .trading-central .category-list .desc {
    font-size: 16px
}

html[dir="rtl"] .trading-central .category-list .register .button {
    font-size: 20px
}

@media screen and (max-width:1100px) {
    html[dir="rtl"] .trading-central .category-list .register .button {
        font-size: 19px
    }
}

html[dir="rtl"] form .form-pop-title {
    font-size: 29px
}

html[dir="rtl"] form .input-currency {
    font-size: 14px
}

html[dir="rtl"] form .form-pop-desc {
    font-size: 16px;
    line-height: 21px
}

html[dir="rtl"] form input,
html[dir="rtl"] form select,
html[dir="rtl"] form textarea {
    font-size: 14px
}

html[dir="rtl"] form .form-note {
    font-size: 13px;
    line-height: 13px
}

html[dir="rtl"] form button {
    font-size: 18px !important
}

html[dir="rtl"] form .tabs.double>div {
    font-size: 14px
}

html[dir="rtl"] form label {
    font-size: 15px
}

html[dir="rtl"] form label>div {
    font-size: 13px
}

html[dir="rtl"] form .error-desc {
    font-size: 13px;
    line-height: 21px
}

html[dir="rtl"] form .success .title {
    font-size: 23px
}

html[dir="rtl"] form .info {
    font-size: 15px;
    line-height: 19px
}

html[dir="rtl"] form .info-small {
    font-size: 12px;
    line-height: 13px
}

html[dir="rtl"] form .form-wrapper-append .desc {
    line-height: 20px
}

html[dir="rtl"] form .form-wrapper-append .amount {
    font-size: 29px
}

html[dir="rtl"] .__signature__ .__signature_clear__,
html[dir="rtl"] .__signature__ .__signature_clear_ib__ {
    font-size: 15px
}

html[dir="rtl"] .accordion h4 {
    font-size: 19px;
    line-height: 24px
}

@media screen and (max-width:1100px) {
    html[dir="rtl"] .accordion h4 {
        font-size: 16px
    }
}

@media screen and (max-width:700px) {
    html[dir="rtl"] .accordion h4 {
        font-size: 15px
    }
}

html[dir="rtl"] .accordion .text {
    font-size: 16px;
    line-height: 24px
}

@media screen and (max-width:1100px) {
    html[dir="rtl"] .accordion .text {
        font-size: 15px
    }
}

html[dir="rtl"] .modal .modal-container h2 {
    font-size: 18px;
    line-height: 27px
}

html[dir="rtl"] .modal .modal-container h3 {
    font-size: 15px;
    line-height: 22px
}

html[dir="rtl"] .pop-up .pop-up-container .login-buttons a {
    font-size: 15px
}

html[dir="rtl"] .pop-up .pop-up-container h2 {
    font-size: 26px
}

@media screen and (max-width:1100px) {
    html[dir="rtl"] .pop-up .pop-up-container h2 {
        font-size: 23px;
        line-height: 32px
    }
}

html[dir="rtl"] .pop-up .pop-up-container h3 {
    line-height: 28px
}

html[dir="rtl"] .pop-up .checkout .title {
    font-size: 19px
}

html[dir="rtl"] .pop-up .checkout .info {
    font-size: 14px;
    line-height: 18px
}

html[dir="rtl"] .pop-up .checkout .status .title {
    font-size: 16px
}

html[dir="rtl"] .pop-up .checkout .number {
    font-size: 23px
}

@media screen and (max-width:800px) {
    html[dir="rtl"] .pop-up .checkout .number {
        font-size: 21px
    }
}

html[dir="rtl"] .pop-up .checkout .number .currency {
    font-size: 15px
}

html[dir="rtl"] .pop-up .checkout .desc-status {
    line-height: 22px
}

html[dir="rtl"] .blog .news .box .title {
    font-size: 18px;
    line-height: 23px
}

html[dir="rtl"] .blog .news .box .desc {
    font-size: 16px;
    line-height: 22px
}

html[dir="rtl"] .blog .news .box .category {
    font-size: 12px
}

html[dir="rtl"] .blog .news .box .date {
    font-size: 16px
}

html[dir="rtl"] .blog .category-list {
    font-size: 16px
}

html[dir="rtl"] .blog .blog-category .name {
    font-size: 23px
}

html[dir="rtl"] .blog-single .category {
    font-size: 12px
}

html[dir="rtl"] .blog-single .date {
    font-size: 16px
}

html[dir="rtl"] .blog-single h1 {
    font-size: 28px;
    line-height: 37px
}

html[dir="rtl"] .blog-single .blog-block .desc {
    font-size: 16px;
    line-height: 22px
}

html[dir="rtl"] .blog-single .blog-block h2 {
    font-size: 27px;
    line-height: 35px
}

html[dir="rtl"] .blog-single .blog-block .register-demo {
    font-size: 16px
}

html[dir="rtl"] .blog-single .blog-latest .title {
    font-size: 18px;
    line-height: 24px
}

html[dir="rtl"] .blog-single .blog-latest .date {
    font-size: 15px
}

html[dir="rtl"] .blog-single .blog-latest .quick-btn>a {
    font-size: 14px
}

html[dir="rtl"] .input-currency-psp {
    font-size: 14px
}

html[dir="rtl"] .gateways-list .name .method {
    font-size: 12px
}

html[dir="rtl"] .register-wrapper .joint-sub-title {
    font-size: 15px;
    line-height: 23px
}

@media screen and (max-width:700px) {
    html[dir="rtl"] .register-wrapper h1 {
        font-size: 23px;
        line-height: 32px
    }
}

html[dir="rtl"] .register-wrapper h2 {
    font-size: 23px;
    line-height: 32px
}

@media screen and (max-width:700px) {
    html[dir="rtl"] .register-wrapper h2 {
        font-size: 18px;
        line-height: 27px
    }
}

html[dir="rtl"] .__register__ .have-profile {
    font-size: 15px;
    line-height: 23px
}

html[dir="rtl"] .demo-key-points .demo-title>div:last-child {
    font-size: 15px
}

html[dir="rtl"] .__promotion__ .header-prize.title {
    font-size: 32px !important
}

@media screen and (max-width:700px) {
    html[dir="rtl"] .__promotion__ .header-prize.title {
        font-size: 19px !important
    }
}

html[dir="rtl"] .__promotion__ .header-prize td:first-child {
    font-size: 32px !important
}

@media screen and (max-width:700px) {
    html[dir="rtl"] .__promotion__ .header-prize td:first-child {
        font-size: 29px !important
    }
}

html[dir="rtl"] .__promotion__ .header-prize td:last-child {
    font-size: 19px !important
}

@media screen and (max-width:700px) {
    html[dir="rtl"] .__promotion__ .header-prize td:last-child {
        font-size: 16px !important;
        line-height: 26px
    }
}

@media screen and (max-width:700px) {
    html[dir="rtl"] .__promotion__ .h1-title {
        line-height: 28px;
        font-size: 19px
    }
}

@media screen and (max-width:700px) {
    html[dir="rtl"] .__promotion__ .registration {
        font-size: 18px;
        line-height: 27px
    }
}

@media screen and (max-width:700px) {
    html[dir="rtl"] .__promotion__ ul {
        font-size: 18px;
        line-height: 27px
    }
}

html[dir="rtl"] .__promotion__ table td {
    font-size: 16px !important
}

@media screen and (max-width:700px) {
    html[dir="rtl"] .__promotion__ .promotion-form .form-promotion-message .title {
        font-size: 18px !important
    }
}

html[dir="rtl"] .__promotion__ .promotion-form .form-pro-title {
    font-size: 29px;
    line-height: 38px
}

@media screen and (max-width:700px) {
    html[dir="rtl"] .__promotion__ .promotion-form .form-pro-title {
        line-height: 28px;
        font-size: 19px
    }
}

@media screen and (max-width:700px) {
    html[dir="rtl"] .__promotion__ .promotion-form .form-pro-desc {
        font-size: 18px;
        line-height: 27px
    }
}

html[dir="rtl"] .university-content .university-item .title {
    font-size: 20px;
    line-height: 24px
}

@media screen and (max-width:700px) {
    html[dir="rtl"] .university-content .university-item .title {
        font-size: 18px;
        line-height: 21px
    }
}

html[dir="rtl"] .university-content .university-item .desc {
    font-size: 16px
}

html[dir="rtl"] .university-content .university-category {
    font-size: 16px;
    line-height: 16px
}

html[dir="rtl"] .university-content .university-category-all {
    font-size: 16px;
    line-height: 16px
}

html[dir="rtl"] .___university-nav-scroll a {
    font-size: 16px
}

html[dir="rtl"] .___university_archive .sub-header-wrapper .desc {
    font-size: 16px
}

html[dir="rtl"] .__load-more-university .button,
html[dir="rtl"] .__load-more-university .button:hover {
    font-size: 16px;
    line-height: 16px
}

html[dir="rtl"] .signature-pad {
    font-size: 12px
}

html[dir="rtl"] .owl-theme .owl-controls .owl-buttons div {
    font-size: 14px
}

html[dir="rtl"] .owl-theme .owl-controls .owl-page span.owl-numbers {
    font-size: 14px
}

html[dir="rtl"] body {
    font-size: 16px
}

html[dir="rtl"] .green-gradient .desc {
    font-size: 19px;
    line-height: 28px
}

@media screen and (max-width:1100px) {
    html[dir="rtl"] .green-gradient .desc {
        font-size: 18px;
        line-height: 27px
    }
}

html[dir="rtl"] h3 {
    font-size: 19px;
    line-height: 24px
}

html[dir="rtl"] h5 {
    font-size: 26px;
    line-height: 35px
}

html[dir="rtl"] h6 {
    font-size: 23px;
    line-height: 30px
}

html[dir="rtl"] .desc {
    font-size: 19px;
    line-height: 26px
}

@media screen and (max-width:1100px) {
    html[dir="rtl"] .desc {
        font-size: 18px;
        line-height: 27px
    }
}

html[dir="rtl"] .grid-double-col .tab .title {
    font-size: 16px
}

html[dir="rtl"] .grid-double-col .tab .desc p {
    font-size: 18px;
    line-height: 27px
}

html[dir="rtl"] .pamm-list-title {
    font-size: 19px;
    line-height: 28px
}

html[dir="rtl"] .download a {
    font-size: 18px;
    line-height: 18px
}

@media screen and (max-width:1100px) {
    html[dir="rtl"] .download a {
        font-size: 15px
    }
}

html[dir="rtl"] .box .title {
    font-size: 16px
}

html[dir="rtl"] .box .raws {
    font-size: 15px
}

html[dir="rtl"] .box .raws .title {
    font-size: 14px
}

html[dir="rtl"] .label {
    font-size: 15px
}

html[dir="rtl"] .tab-common {
    font-size: 14px
}

html[dir="rtl"] .has-small-font-size {
    font-size: 16px
}

html[dir="rtl"] .has-normal-font-size {
    font-size: 19px
}

html[dir="rtl"] .has-normal-font-size {
    font-size: 30px
}

html[dir="rtl"] .not-found .error .error-desc {
    font-size: 23px;
    line-height: 30px
}

html[dir="rtl"] .not-found .error .error-help {
    font-size: 19px;
    line-height: 24px
}

html[dir="rtl"] .pdf {
    line-height: 21px
}

html[dir="rtl"] .qr_code_download .images .title {
    font-size: 18px;
    line-height: 18px
}

@media screen and (max-width:1100px) {
    html[dir="rtl"] .sub-wrapper-col .content-vw {
        font-size: 18px;
        line-height: 27px
    }
}

html[dir="rtl"] .trading-animation .trading-title {
    font-size: 18px
}

html[dir="rtl"] .trading-animation .trading-desc {
    font-size: 16px;
    line-height: 24px
}

html[dir="rtl"] .trading-animation .buttons-container .button {
    font-size: 15px
}

html[dir="rtl"] .trading-animation .register-demo {
    font-size: 15px
}

html[dir="rtl"] .wrapper-trust-pilot .trust-pilot-title {
    font-size: 27px;
    line-height: 36px
}

@media screen and (max-width:900px) {
    html[dir="rtl"] .wrapper-trust-pilot .trust-pilot-title {
        font-size: 23px;
        line-height: 32px
    }
}

html[dir="rtl"] .checkout-request-blocked .checkout-request-blocked-content .checkout-request-blocked-content-redirect {
    font-size: 15px
}

html[dir="rtl"] .stand-alone-header .sub-header .desc {
    font-size: 19px;
    line-height: 31px
}

@media screen and (max-width:700px) {
    html[dir="rtl"] .stand-alone-header .sub-header .desc {
        font-size: 18px;
        line-height: 27px
    }
}

html[dir="rtl"] .__new__ a:after {
    font-size: 12px
}

html[dir="rtl"] .time-note {
    font-size: 14px
}

html[dir="rtl"] .time-note .___update_count {
    font-size: 18px
}

html {
    overflow-x: hidden
}

body {
    font-size: 14px;
    width: 100%;
    background: #fff;
    color: #464646;
    overflow: hidden;
    min-width: 320px
}

html:not([dir="rtl"]) body {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] body {
    font-family: "Kulim Park", sans-serif;
}

body * {
    outline: 0 !important
}

.primary-content {
    margin-top: 70px;
    position: relative
}

.primary-content.home-content {
    margin-top: 0
}

@media screen and (max-width:1100px) {
    .primary-content {
        margin-top: 55px
    }
}

.admin-bar .wrapper.full-screen {
    height: calc(100vh - 102px)
}

.wrapper {
    width: 100%;
    position: relative;
    padding: 0 2%
}

.wrapper.border {
    border-bottom: 1px solid #c9c9c9
}

.wrapper.full-screen {
    height: 100vh
}

.sub-wrapper {
    max-width: 1300px;
    width: 100%;
    margin: auto;
    padding: 50px 0;
    position: relative;
    height: 100%
}

@media screen and (max-width:1100px) {
    .sub-wrapper {
        padding: 45px 0
    }
}

.sub-wrapper.content {
    max-width: 1000px;
    width: 100%;
    padding: 90px 0
}

@media screen and (max-width:1100px) {
    .sub-wrapper.content {
        padding: 45px 0
    }
}

.sub-wrapper.content.wide {
    max-width: 1200px
}

.sub-wrapper.content.wide h2 {
    max-width: 850px
}

.sub-wrapper.content.wide .desc {
    max-width: 850px
}

.sub-wrapper.content h2,
.sub-wrapper.content h1 {
    color: #323232;
    max-width: 700px;
    margin-inline-start: auto;
    margin-inline-end: auto
}

.sub-wrapper.content .desc {
    max-width: 700px;
    margin: 13px auto auto auto
}

.favicon {
    position: relative;
    padding-inline-start: 38px
}

.favicon:after {
    content: '';
    background: url('https://www.cxmdirect.com/wp-content/themes/cxm/static/icons/favicon.svg') no-repeat;
    width: 28px;
    height: 28px;
    display: block;
    position: absolute;
    inset-inline-start: 0;
    top: 50%;
    margin-top: -14px
}

.gray-bg {
    background: #e9e9e9
}

.gray-gradient {
    background: #fff;
    background: -moz-linear-gradient(180deg, #fff 0, #d8d8d8 100%);
    background: -webkit-linear-gradient(180deg, #fff 0, #d8d8d8 100%);
    background: linear-gradient(180deg, #fff 0, #d8d8d8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#d8d8d8", GradientType=1);
    border-bottom: 1px solid #c9c9c9
}

.green-gradient {
    background: #7cb855;
    background: -moz-linear-gradient(180deg, #7cb855 0, #469b4c 100%);
    background: -webkit-linear-gradient(180deg, #7cb855 0, #469b4c 100%);
    background: linear-gradient(180deg, #7cb855 0, #469b4c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7cb855", endColorstr="#469b4c", GradientType=1)
}

.green-gradient h2,
.green-gradient h5 {
    color: #fff !important
}

@media screen and (max-width:700px) {
    html:not([dir="rtl"]) .green-gradient h2,
    html:not([dir="rtl"]) .green-gradient h5 {
        font-family: "Kulim Park", sans-serif;
    }
    html[dir="rtl"] .green-gradient h2,
    html[dir="rtl"] .green-gradient h5 {
        font-family: "Kulim Park", sans-serif;
    }
}

.green-gradient h2:after,
.green-gradient h5:after {
    background: rgba(255, 255, 255, 0.5)
}

.green-gradient .desc {
    color: #fff;
    font-size: 16px;
    line-height: 24px
}

html:not([dir="rtl"]) .green-gradient .desc {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .green-gradient .desc {
    font-family: "Kulim Park", sans-serif;
}

@media screen and (max-width:1100px) {
    .green-gradient .desc {
        font-size: 15px;
        line-height: 23px
    }
}

.green-gradient .register-container {
    margin-top: 75px
}

.green-gradient .register-container a.button.gray {
    border: 2px solid #fff;
    color: #fff
}

.green-gradient .register-container a.button.gray:hover {
    background: #fff;
    color: #323232
}

.green-gradient .register-demo,
.green-gradient .register-demo a {
    color: #fff
}

.light-register {
    margin-top: 75px
}

.light-register a.button.gray {
    border: 2px solid #fff;
    color: #fff
}

.light-register a.button.gray:hover {
    background: #fff;
    color: #323232
}

.light-register .register-demo,
.light-register .register-demo a {
    color: #fff
}

a {
    color: #464646
}

h2,
h1 {
    color: #464646;
    position: relative;
    font-size: 32px;
    line-height: 50px;
    margin-bottom: 25px;
    padding-bottom: 25px
}

html:not([dir="rtl"]) h2,
html:not([dir="rtl"]) h1 {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] h2,
html[dir="rtl"] h1 {
    font-family: "Kulim Park", sans-serif;
}

h2:after,
h1:after {
    content: '';
    position: absolute;
    width: 25%;
    background: rgba(70, 70, 70, 0.5);
    height: 1px;
    bottom: 0;
    inset-inline-start: 50%;
    margin-inline-start: -12.5%
}

@media screen and (max-width:1100px) {
    h2,
    h1 {
        font-size: 25px;
        line-height: 33px
    }
}

@media screen and (max-width:700px) {
    h2,
    h1 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 15px;
        padding-bottom: 10px
    }
    html:not([dir="rtl"]) h2,
    html:not([dir="rtl"]) h1 {
        font-family: "Kulim Park", sans-serif;
    }
    html[dir="rtl"] h2,
    html[dir="rtl"] h1 {
        font-family: "Kulim Park", sans-serif;
    }
}

h3 {
    color: #000;
    font-size: 16px;
    line-height: 21px
}

html:not([dir="rtl"]) h3 {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] h3 {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] h3 {
    font-weight: 600
}

h5 {
    color: #323232;
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 15px;
    padding-bottom: 15px
}

html:not([dir="rtl"]) h5 {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] h5 {
    font-family: "Kulim Park", sans-serif;
}

h5:after {
    content: '';
    position: absolute;
    width: 25%;
    background: rgba(70, 70, 70, 0.5);
    height: 1px;
    bottom: 0;
    inset-inline-start: 50%;
    margin-inline-start: -12.5%
}

h6 {
    color: #323232;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 26px
}

html:not([dir="rtl"]) h6 {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] h6 {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] h6 {
    font-weight: 800
}

.desc {
    font-size: 16px;
    color: #464646;
    line-height: 22px;
    margin-top: 13px
}

html:not([dir="rtl"]) .desc {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .desc {
    font-family: "Kulim Park", sans-serif;
}

.desc.main {
    margin-bottom: 40px !important
}

@media screen and (max-width:1100px) {
    .desc {
        font-size: 15px;
        line-height: 23px
    }
}

.grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    width: 100%
}

.col-3 .grid {
    grid-template-columns: repeat(3, 1fr) !important;
    width: 100%;
    grid-column-gap: 25px
}

.grid-double-col {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%
}

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

.grid-double-col .tab {
    display: flex;
    text-align: start;
    margin-inline-end: 50px;
    padding-bottom: 40px
}

@media screen and (max-width:500px) {
    .grid-double-col .tab {
        display: block;
        text-align: center;
        margin-inline-end: 0;
        padding-bottom: 10px
    }
}

.grid-double-col .tab:nth-child(even) {
    margin-inline-end: 0
}

.grid-double-col .tab .icon {
    text-align: center
}

@media screen and (max-width:500px) {
    .grid-double-col .tab .icon {
        margin-bottom: 15px
    }
}

.grid-double-col .tab .title {
    margin-top: 0;
    padding: 0;
    font-size: 14px
}

.grid-double-col .tab .desc p {
    font-size: 15px;
    line-height: 23px
}

.grid-double-col .tab>div {
    width: 100%
}

.grid-double-col .tab>div:first-child {
    width: 85px
}

@media screen and (max-width:500px) {
    .grid-double-col .tab>div:first-child {
        width: 100%
    }
}

.grid-double-col .tab>div:last-child {
    padding-inline-start: 25px
}

@media screen and (max-width:500px) {
    .grid-double-col .tab>div:last-child {
        padding-inline-start: 0
    }
}

.pamm-page .pamm-show {
    display: flex;
    margin-top: 75px;
    align-items: center
}

@media screen and (max-width:1100px) {
    .pamm-page .pamm-show {
        display: block;
        text-align: center
    }
}

.pamm-page .pamm-show .mam-platform-image .mam_image_screen_1 {
    top: -1%;
    max-width: 70%
}

@media screen and (max-width:1100px) {
    .pamm-page .pamm-show .mam-platform-image .mam_image_screen_1 {
        inset-inline-start: 30%;
        top: 3%;
        max-width: 44%
    }
}

@media screen and (max-width:1100px) {
    .pamm-page .pamm-show .mam-platform-image .mam_image_screen_2 {
        max-width: 44%;
        margin-top: 1%;
        margin-inline-start: 11%
    }
}

.pamm-page .pamm-show .mam-platform-image .mam_image_screen_3 {
    top: -6%;
    max-width: 70%
}

@media screen and (max-width:1100px) {
    .pamm-page .pamm-show .mam-platform-image .mam_image_screen_3 {
        max-width: 45%;
        inset-inline-start: 50%
    }
}

.pamm-page .pamm-show>div {
    width: 50%
}

@media screen and (max-width:1100px) {
    .pamm-page .pamm-show>div {
        width: 100%
    }
}

[dir="rtl"] .pamm-page .pamm-show>div:last-child {
    padding-right: 20px
}

@media screen and (max-width:1100px) {
    [dir="rtl"] .pamm-page .pamm-show>div:last-child {
        padding-right: 0
    }
}

.pamm-page .platform-image {
    margin-top: 0
}

.pamm-page .grid-double-col {
    margin-top: 50px
}

@media screen and (max-width:1100px) {
    .pamm-page .grid-double-col {
        margin-top: 25px
    }
}

.pamm-list-title {
    font-size: 16px;
    padding-bottom: 0;
    line-height: 24px;
    text-align: start;
    margin-bottom: 25px;
    margin-inline-start: 50px !important
}

html:not([dir="rtl"]) .pamm-list-title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .pamm-list-title {
    font-family: "Kulim Park", sans-serif;
}

@media screen and (max-width:1100px) {
    .pamm-list-title {
        text-align: center;
        max-width: 100% !important
    }
}

@media screen and (max-width:700px) {
    .pamm-list-title {
        text-align: start;
        margin-inline-start: 0 !important
    }
}

.pamm-list-title:after {
    display: none
}

.pamm-buttons .buttons-container {
    display: flex
}

@media screen and (max-width:1100px) {
    .pamm-buttons .buttons-container {
        display: block
    }
}

@media screen and (max-width:1100px) {
    .pamm-show-container {
        margin-bottom: 65px
    }
}

@media screen and (max-width:700px) {
    .pamm-show-container {
        margin-bottom: 25px
    }
}

.pamm-list {
    text-align: start;
    margin-inline-start: 50px;
    margin-bottom: 35px
}

@media screen and (max-width:1100px) {
    .pamm-list {
        display: inline-block
    }
}

@media screen and (max-width:700px) {
    .pamm-list {
        text-align: start;
        display: block;
        margin-inline-start: 0
    }
}

.pamm-list li {
    position: relative;
    padding-inline-start: 30px;
    margin-bottom: 10px
}

.pamm-list li:after {
    content: '\e600';
    font-family: 'icomoon';
    font-size: 30px;
    position: absolute;
    inset-inline-start: -4px;
    top: 0;
    color: #7cbf55
}

.pamm-iframe {
    width: 100%;
    margin-bottom: 50px;
    overflow-y: hidden;
    min-height: 210px
}

.download>div {
    display: inline-block
}

.download a {
    border-radius: 30px;
    background: transparent;
    font-size: 15px;
    line-height: 15px;
    height: 45px;
    text-decoration: none;
    display: inline-block;
    min-width: 140px;
    padding: 14px 5px 14px 30px;
    padding-inline-start: 30px;
    padding-inline-end: 5px;
    color: #323232;
    margin-inline-end: 17px;
    cursor: pointer;
    margin-bottom: 10px
}

html:not([dir="rtl"]) .download a {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .download a {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .download a {
    font-weight: 600
}

@media screen and (max-width:1100px) {
    .download a {
        font-size: 13px
    }
}

.download a:last-child {
    margin-inline-end: 0
}

.download a:hover {
    background: #fff;
    background: -moz-linear-gradient(180deg, #fff 0, #f1f1f1 100%);
    background: -webkit-linear-gradient(180deg, #fff 0, #f1f1f1 100%);
    background: linear-gradient(180deg, #fff 0, #f1f1f1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#f1f1f1", GradientType=1)
}

.download a:hover:after {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    -ms-filter: grayscale(0)
}

.download a>div {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -moz-animation-duration: .5s;
    -o-animation-duration: .5s;
    -ms-animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    -ms-animation-fill-mode: both
}

.download a:hover>div {
    animation-name: flipInX;
    -webkit-animation-name: flipInX;
    -moz-animation-name: flipInX;
    -o-animation-name: flipInX;
    -ms-animation-name: flipInX
}

[class^='icon-'] {
    position: relative
}

[class^='icon-']:after {
    content: '';
    height: 29px;
    display: block;
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -14.5px;
    inset-inline-start: 15px
}

[dir="rtl"] [class^='icon-']:after {
    background-position: right
}

.icon-linux:after {
    background: url('https://www.cxmdirect.com/wp-content/themes/cxm/static/icons/devices/linux.svg') no-repeat
}

.icon-windows:after {
    background: url('https://www.cxmdirect.com/wp-content/themes/cxm/static/icons/devices/windows.svg') no-repeat
}

.icon-web:after {
    background: url('https://www.cxmdirect.com/wp-content/themes/cxm/static/icons/devices/web.svg') no-repeat
}

.icon-android:after {
    background: url('https://www.cxmdirect.com/wp-content/themes/cxm/static/icons/devices/android.svg') no-repeat
}

.icon-apple:after {
    background: url('https://www.cxmdirect.com/wp-content/themes/cxm/static/icons/devices/apple.svg') no-repeat
}

.icon-mac:after {
    background: url('https://www.cxmdirect.com/wp-content/themes/cxm/static/icons/devices/mac_os.svg') no-repeat
}

.icon-qr:after {
    background: url('https://www.cxmdirect.com/wp-content/themes/cxm/static/icons/devices/qr-code.svg') no-repeat;
    margin-top: -11.5px
}

[dir="rtl"] .icon-qr {
    min-width: 180px
}

.icon-linux:before,
.icon-windows:before,
.icon-apple:before,
.icon-qr:before,
.icon-android:before,
.icon-web:before {
    display: none
}

.icon-linux:after,
.icon-windows:after,
.icon-android:after,
.icon-apple:after,
.icon-qr:after,
.icon-mac:after,
.icon-web:after {
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -o-filter: grayscale(1);
    -ms-filter: grayscale(1)
}

.social {
    position: absolute;
    inset-inline-end: 0;
    top: 50%;
    margin-top: -11px
}

@media screen and (max-width:700px) {
    .social {
        position: relative;
        inset-inline-end: auto;
        top: auto;
        display: inline-block;
        margin-top: 15px
    }
}

.social a {
    display: inline-block;
    vertical-align: center;
    margin-inline-start: 10px
}

.social a:first-child {
    margin-inline-start: 0
}

.social a[class^='icon-'] {
    width: 22px;
    height: 23px
}

.social a:hover[class^='icon-'] {
    opacity: .5
}

.social a:before,
.social a:after {
    display: none
}

.icon-fb {
    background: url('https://www.cxmdirect.com/wp-content/themes/cxm/static/icons/social/social-fb.svg') no-repeat
}

.icon-instagram {
    background: url('https://www.cxmdirect.com/wp-content/themes/cxm/static/icons/social/social-instagram.svg') no-repeat
}

.icon-twitter {
    background: url('https://www.cxmdirect.com/wp-content/themes/cxm/static/icons/social/social-twitter.svg') no-repeat
}

.icon-linked {
    background: url('https://www.cxmdirect.com/wp-content/themes/cxm/static/icons/social/social-linked-in.svg') no-repeat
}

.icon-yt {
    background: url('https://www.cxmdirect.com/wp-content/themes/cxm/static/icons/social/social-yt.svg') no-repeat
}

.box {
    text-align: start;
    background: #fff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    border: 1px solid #d6d6d6;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    padding: 30px;
    min-height: 145px
}

.box.bg {
    position: relative;
    padding-inline-start: 110px
}

.box.bg:after {
    content: '';
    background: url('../images/box-bg.png') no-repeat right;
    position: absolute;
    height: 100%;
    width: 100%;
    inset-inline-end: 0;
    top: 0;
    opacity: .1;
    background-size: cover
}

.box .title {
    font-size: 14px;
    color: #3a3a3a;
    text-transform: uppercase
}

html:not([dir="rtl"]) .box .title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .box .title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .box .title {
    font-weight: 600
}

.box .raws {
    font-size: 13px;
    margin-top: 5px
}

html:not([dir="rtl"]) .box .raws {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .box .raws {
    font-family: "Kulim Park", sans-serif;
}

.box .raws .col-2>div:first-child {
    margin-inline-end: 15px
}

.box .raws .title {
    font-size: 12px
}

.label {
    font-size: 13px
}

.tab-common {
    border: 1px solid #d0d0d0;
    width: 50%;
    border-radius: 5px;
    padding: 9px 10px;
    text-transform: uppercase;
    font-size: 12px;
    cursor: pointer;
    text-align: center
}

html:not([dir="rtl"]) .tab-common {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .tab-common {
    font-family: "Kulim Park", sans-serif;
}

.tab-common.active {
    background: #7cbf55;
    border: 1px solid #7cbf55;
    color: #fff
}

.__account_types_choices__ {
    position: relative;
    display: flex;
    gap: 15px;
    margin-top: 15px
}

@media screen and (max-width:700px) {
    .__account_types_choices__ {
        display: block;
        gap: 0
    }
}

.__account_types_choices__>div {
    width: 100%
}

@media screen and (max-width:700px) {
    .__account_types_choices__>div {
        margin-bottom: 15px
    }
    .__account_types_choices__>div:last-child {
        margin-bottom: 0
    }
}

.floating {
    animation-name: floating;
    -webkit-animation-name: floating;
    -moz-animation-name: floating;
    -o-animation-name: floating;
    -ms-animation-name: floating;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
    -moz-animation-duration: 3s;
    -o-animation-duration: 3s;
    -ms-animation-duration: 3s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    -ms-animation-timing-function: linear;
    margin-inline-start: 30px;
    margin-top: 5px
}

@keyframes floating {
    from {
        transform: translate(0, 0)
    }
    65% {
        transform: translate(0, 10px)
    }
    to {
        transform: translate(0, 0)
    }
}

@-webkit-keyframes floating {
    from {
        -webkit-transform: translate(0, 0)
    }
    65% {
        -webkit-transform: translate(0, 10px)
    }
    to {
        -webkit-transform: translate(0, 0)
    }
}

@-moz-keyframes floating {
    from {
        -moz-transform: translate(0, 0)
    }
    65% {
        -moz-transform: translate(0, 10px)
    }
    to {
        -moz-transform: translate(0, 0)
    }
}

@-o-keyframes floating {
    from {
        -o-transform: translate(0, 0)
    }
    65% {
        -o-transform: translate(0, 10px)
    }
    to {
        -o-transform: translate(0, 0)
    }
}

@-ms-keyframes floating {
    from {
        -ms-transform: translate(0, 0)
    }
    65% {
        -ms-transform: translate(0, 10px)
    }
    to {
        -ms-transform: translate(0, 0)
    }
}

html:not([dir="rtl"]) strong,
html:not([dir="rtl"]) b {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] strong,
html[dir="rtl"] b {
    font-family: "Kulim Park", sans-serif;
}

p {
    margin-bottom: 15px
}

p:last-child {
    margin-bottom: 0
}

.has-small-font-size {
    font-size: 14px
}

.has-normal-font-size {
    font-size: 16px
}

.has-normal-font-size {
    font-size: 26px
}

.has-huge-font-size {
    font-size: 36px
}

.not-found .sub-wrapper {
    padding: 100px 0
}

.not-found .error {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center
}

.not-found .error .error-title {
    font-size: 30px;
    line-height: 39px
}

html:not([dir="rtl"]) .not-found .error .error-title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .not-found .error .error-title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .not-found .error .error-title {
    font-weight: 600
}

.not-found .error .error-desc {
    font-size: 20px;
    line-height: 26px
}

html:not([dir="rtl"]) .not-found .error .error-desc {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .not-found .error .error-desc {
    font-family: "Kulim Park", sans-serif;
}

.not-found .error .error-help {
    font-size: 16px;
    line-height: 21px
}

html:not([dir="rtl"]) .not-found .error .error-help {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .not-found .error .error-help {
    font-family: "Kulim Park", sans-serif;
}

.not-found .error .error-content {
    width: 65%
}

.pdf {
    position: relative;
    padding-inline-start: 40px;
    line-height: 18px
}

html:not([dir="rtl"]) .pdf {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .pdf {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .pdf {
    font-weight: 600
}

.pdf:after {
    content: '';
    background: url('https://www.cxmdirect.com/wp-content/themes/cxm/static/icons/icon-pdf.svg') no-repeat left;
    position: absolute;
    inset-inline-start: 0;
    top: -4px;
    width: 25px;
    height: 33px
}

#pdf-load {
    height: 1250px
}

@media screen and (max-width:700px) {
    #pdf-load {
        height: 600px
    }
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg)
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@-o-keyframes spin {
    100% {
        -o-transform: rotate(360deg)
    }
}

@-ms-keyframes spin {
    100% {
        -ms-transform: rotate(360deg)
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.pagination {
    text-align: end;
    margin-top: 25px;
    position: relative
}

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

.pagination .nav-previous a,
.pagination .nav-next a {
    outline: 0;
    position: relative;
    width: 50px;
    height: 50px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    display: block;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    -ms-border-radius: 50px
}

.pagination .nav-previous a .meta-nav:after,
.pagination .nav-next a .meta-nav:after {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 50%;
    margin-top: -7.5px;
    inset-inline-start: 50%;
    margin-inline-start: -7.5px
}

.pagination .nav-previous .meta-nav a,
.pagination .nav-next .meta-nav a {
    position: relative
}

.pagination .nav-previous .meta-nav a:after,
.pagination .nav-next .meta-nav a:after {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 50%;
    margin-top: -7.5px;
    inset-inline-start: 50%;
    margin-inline-start: -7.5px
}

.pagination .nav-next {
    margin-inline-end: 35px
}

.pagination .nav-next a .meta-nav:after {
    background: url('https://www.cxmdirect.com/wp-content/themes/cxm/static/icons/icon-arrow-right.svg') no-repeat
}

.pagination .nav-next .meta-nav a:after {
    background: url('https://www.cxmdirect.com/wp-content/themes/cxm/static/icons/icon-arrow-left.svg') no-repeat
}

.pagination .nav-previous a .meta-nav:after {
    background: url('https://www.cxmdirect.com/wp-content/themes/cxm/static/icons/icon-arrow-left.svg') no-repeat
}

.pagination .nav-previous .meta-nav a:after {
    background: url('https://www.cxmdirect.com/wp-content/themes/cxm/static/icons/icon-arrow-right.svg') no-repeat
}

.qr_code_download {
    margin-top: 50px
}

.qr_code_download .images {
    margin-top: 50px
}

.qr_code_download .images>div {
    display: inline-block;
    max-width: 150px;
    width: 100%;
    margin-inline-end: 25px
}

@media screen and (max-width:1100px) {
    .qr_code_download .images>div {
        max-width: 130px
    }
}

@media screen and (max-width:700px) {
    .qr_code_download .images>div {
        max-width: 100px;
        margin-bottom: 15px
    }
}

@media screen and (max-width:500px) {
    .qr_code_download .images>div {
        width: 48%;
        margin-inline-end: 2%;
        margin-bottom: 15px;
        max-width: inherit
    }
    .qr_code_download .images>div:nth-child(even) {
        margin-inline-end: 0
    }
}

.qr_code_download .images>div:last-child {
    margin-inline-end: 0
}

.qr_code_download .images .title {
    text-align: center;
    font-size: 15px;
    line-height: 15px;
    margin-top: 50px
}

html:not([dir="rtl"]) .qr_code_download .images .title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .qr_code_download .images .title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .qr_code_download .images .title {
    font-weight: 600
}

.qr_code_download .images img {
    max-width: 150px;
    margin-inline-start: 0;
    width: 100%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1)
}

.___trade___ {
    cursor: pointer
}

.panel {
    position: relative;
    background: #fff;
    background: -moz-linear-gradient(180deg, #fff 0, #f2f2f2 100%);
    background: -webkit-linear-gradient(180deg, #fff 0, #f2f2f2 100%);
    background: linear-gradient(180deg, #fff 0, #f2f2f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#f2f2f2", GradientType=1);
    padding: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    border: 1px solid #d6d6d6;
    border-radius: 10px
}

.running-quotes .fc-widget-normal {
    bottom: 70px !important
}

.sub-wrapper-col {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100vw
}

@media screen and (max-width:1100px) {
    .sub-wrapper-col {
        width: 100%;
        display: block
    }
}

.sub-wrapper-col>div {
    width: 50vw;
    padding: 90px 50px
}

@media screen and (max-width:1100px) {
    .sub-wrapper-col>div {
        width: 100%;
        padding: 45px 2%
    }
}

.sub-wrapper-col .content-vw {
    max-width: 640px;
    width: 100%
}

@media screen and (max-width:1100px) {
    .sub-wrapper-col .content-vw {
        max-width: 100%;
        font-size: 15px;
        line-height: 23px
    }
}

@media screen and (max-width:1100px) {
    .sub-wrapper-col .content-vw .m-top-75 {
        margin-top: 25px
    }
}

.sub-wrapper-col .content-vw.col-vw-2,
.sub-wrapper-col .content-vw.col-vw-1 {
    margin-inline-end: auto;
    margin-inline-start: auto
}

.sub-wrapper-col .content-vw .key-points.grid {
    grid-template-columns: repeat(2, 1fr)
}

@media screen and (max-width:1100px) {
    .sub-wrapper-col .content-vw .key-points.grid {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media screen and (max-width:700px) {
    .sub-wrapper-col .content-vw .key-points.grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

.trading-animation {
    display: inline-block;
    position: relative;
    margin-bottom: 75px
}

@media screen and (max-width:900px) {
    .trading-animation>img {
        max-width: 75%;
        margin-top: 50px;
        margin-bottom: 50px
    }
}

@media screen and (max-width:700px) {
    .trading-animation>img {
        max-width: 50%
    }
}

.trading-animation .trading-animation-left img,
.trading-animation .trading-animation-right img {
    border-radius: 300px;
    -webkit-border-radius: 300px;
    -moz-border-radius: 300px;
    -o-border-radius: 300px;
    -ms-border-radius: 300px;
    background: #fff;
    padding: 5px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    animation-name: floating;
    -webkit-animation-name: floating;
    -moz-animation-name: floating;
    -o-animation-name: floating;
    -ms-animation-name: floating;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    -ms-animation-timing-function: linear;
    animation-duration: 3s;
    -webkit-animation-duration: 3s;
    -moz-animation-duration: 3s;
    -o-animation-duration: 3s;
    -ms-animation-duration: 3s
}

.trading-animation .trading-animation-left {
    position: absolute;
    top: 0;
    height: 100%
}

@media screen and (max-width:900px) {
    .trading-animation .trading-animation-left {
        inset-inline-start: 5%
    }
}

.trading-animation .trading-animation-left .trading-animation-left-1 {
    position: absolute;
    top: 6%;
    inset-inline-start: -150px;
    width: 50px;
    height: 50px;
    animation-delay: .25s;
    -webkit-animation-delay: .25s;
    -moz-animation-delay: .25s;
    -o-animation-delay: .25s;
    -ms-animation-delay: .25s
}

@media screen and (max-width:900px) {
    .trading-animation .trading-animation-left .trading-animation-left-1 {
        width: 37px;
        height: 37px;
        top: 26%;
        inset-inline-start: 0
    }
}

.trading-animation .trading-animation-left .trading-animation-left-2 {
    position: absolute;
    top: 31%;
    inset-inline-start: -90px;
    width: 65px;
    height: 65px;
    animation-delay: .5s;
    -webkit-animation-delay: .5s;
    -moz-animation-delay: .5s;
    -o-animation-delay: .5s;
    -ms-animation-delay: .5s
}

@media screen and (max-width:900px) {
    .trading-animation .trading-animation-left .trading-animation-left-2 {
        top: 44%;
        inset-inline-start: -25px;
        width: 50px;
        height: 50px
    }
}

.trading-animation .trading-animation-left .trading-animation-left-3 {
    position: absolute;
    bottom: 36%;
    inset-inline-start: -200px;
    width: 85px;
    height: 85px;
    animation-delay: .75s;
    -webkit-animation-delay: .75s;
    -moz-animation-delay: .75s;
    -o-animation-delay: .75s;
    -ms-animation-delay: .75s
}

@media screen and (max-width:900px) {
    .trading-animation .trading-animation-left .trading-animation-left-3 {
        bottom: 36%;
        inset-inline-start: 43px;
        width: 40px;
        height: 40px
    }
}

.trading-animation .trading-animation-left .trading-animation-left-4 {
    position: absolute;
    bottom: 10%;
    inset-inline-start: -75px;
    width: 100px;
    height: 100px;
    animation-delay: .25s;
    -webkit-animation-delay: .25s;
    -moz-animation-delay: .25s;
    -o-animation-delay: .25s;
    -ms-animation-delay: .25s
}

@media screen and (max-width:900px) {
    .trading-animation .trading-animation-left .trading-animation-left-4 {
        bottom: 23%;
        inset-inline-start: 1%;
        width: 50px;
        height: 50px
    }
}

.trading-animation .trading-animation-right {
    position: absolute;
    top: 0;
    height: 100%;
    inset-inline-end: 0;
    width: 100%
}

@media screen and (max-width:900px) {
    .trading-animation .trading-animation-right {
        inset-inline-end: 5%
    }
}

.trading-animation .trading-animation-right .trading-animation-left-5 {
    position: absolute;
    top: 24%;
    inset-inline-end: -55%;
    width: 75px;
    height: 75px;
    animation-delay: .5s
}

@media screen and (max-width:900px) {
    .trading-animation .trading-animation-right .trading-animation-left-5 {
        inset-inline-end: 6%;
        width: 40px;
        height: 40px
    }
}

.trading-animation .trading-animation-right .trading-animation-left-6 {
    position: absolute;
    top: 40%;
    inset-inline-end: -40%;
    width: 130px;
    height: 130px;
    animation-delay: .25s
}

@media screen and (max-width:900px) {
    .trading-animation .trading-animation-right .trading-animation-left-6 {
        inset-inline-end: 0;
        width: 50px;
        height: 50px
    }
}

.trading-animation .trading-animation-right .trading-animation-left-7 {
    position: absolute;
    bottom: 24%;
    inset-inline-end: -58%;
    width: 70px;
    height: 70px;
    animation-delay: .75s
}

@media screen and (max-width:900px) {
    .trading-animation .trading-animation-right .trading-animation-left-7 {
        inset-inline-end: 4%;
        width: 35px;
        height: 35px
    }
}

.trading-animation .plus {
    position: absolute;
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 40px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    cursor: pointer;
    z-index: 1
}

@media screen and (max-width:700px) {
    .trading-animation .plus {
        position: relative
    }
}

.trading-animation .plus:hover {
    -webkit-animation-duration: .25s;
    animation-duration: .25s;
    -moz-animation-duration: .25s;
    -o-animation-duration: .25s;
    -ms-animation-duration: .25s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-name: pulse;
    -webkit-animation-name: pulse;
    -o-animation-name: pulse;
    -moz-animation-name: pulse;
    -ms-animation-name: pulse
}

.trading-animation .plus:after {
    content: '';
    background: url('https://www.cxmdirect.com/wp-content/themes/cxm/static/icons/plus.svg') no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    inset-inline-start: 50%;
    margin-inline-start: -10px;
    cursor: pointer
}

.trading-animation .plus:before {
    content: '';
    background: url('https://www.cxmdirect.com/wp-content/themes/cxm/static/icons/plus-line-4.svg') no-repeat;
    width: 87px;
    height: 20px;
    position: absolute;
    cursor: pointer
}

@media screen and (max-width:700px) {
    .trading-animation .plus:before {
        display: none
    }
}

.trading-animation .trading-plus-1 {
    top: 18%;
    inset-inline-start: -10px;
    position: absolute;
    width: 100%
}

@media screen and (max-width:900px) {
    .trading-animation .trading-plus-1 {
        top: 0;
        inset-inline-start: 50%
    }
}

@media screen and (max-width:700px) {
    .trading-animation .trading-plus-1 {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        inset-inline-start: 0;
        position: relative;
        top: 45px
    }
}

.trading-animation .trading-plus-1 .trading-title {
    position: absolute;
    left: -210px;
    bottom: -49px
}

@media screen and (max-width:700px) {
    .trading-animation .trading-plus-1 .trading-title {
        position: relative;
        left: auto;
        bottom: auto;
        margin-left: 10px
    }
}

.trading-animation .trading-plus-1 .plus:before {
    top: 22px;
    inset-inline-start: -56px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg)
}

.trading-animation .trading-plus-2 {
    top: 15%;
    inset-inline-start: 64%;
    position: absolute;
    width: 100%
}

@media screen and (max-width:900px) {
    .trading-animation .trading-plus-2 {
        top: -3%;
        inset-inline-start: 33%
    }
}

@media screen and (max-width:700px) {
    .trading-animation .trading-plus-2 {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        inset-inline-start: 0
    }
}

.trading-animation .trading-plus-2 .trading-title {
    position: absolute;
    left: 115px;
    top: -12px
}

@media screen and (max-width:700px) {
    .trading-animation .trading-plus-2 .trading-title {
        position: relative;
        left: auto;
        top: auto;
        margin-left: 10px
    }
}

.trading-animation .trading-plus-2 .plus:before {
    top: -5px;
    inset-inline-start: 8px
}

.trading-animation .trading-plus-3 {
    bottom: 5%;
    inset-inline-start: 37%;
    position: absolute;
    width: 100%
}

@media screen and (max-width:900px) {
    .trading-animation .trading-plus-3 {
        bottom: -3%;
        inset-inline-start: 50%
    }
}

@media screen and (max-width:700px) {
    .trading-animation .trading-plus-3 {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        inset-inline-start: 0;
        bottom: -45px
    }
}

.trading-animation .trading-plus-3 .trading-title {
    position: absolute;
    left: -195px;
    bottom: -47px
}

@media screen and (max-width:700px) {
    .trading-animation .trading-plus-3 .trading-title {
        position: relative;
        left: auto;
        bottom: auto;
        margin-left: 10px
    }
}

.trading-animation .trading-plus-3 .plus:before {
    top: 22px;
    inset-inline-start: -56px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg)
}

.trading-animation .trading-plus-4 {
    bottom: 15%;
    inset-inline-start: 92%;
    position: absolute;
    width: 100%
}

@media screen and (max-width:900px) {
    .trading-animation .trading-plus-4 {
        bottom: 3%;
        inset-inline-start: 33%
    }
}

@media screen and (max-width:700px) {
    .trading-animation .trading-plus-4 {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        inset-inline-start: 0
    }
}

.trading-animation .trading-plus-4 .trading-title {
    position: absolute;
    left: 115px;
    top: -3px
}

@media screen and (max-width:700px) {
    .trading-animation .trading-plus-4 .trading-title {
        position: relative;
        left: auto;
        top: auto;
        margin-left: 10px
    }
}

.trading-animation .trading-plus-4 .plus:before {
    top: 4px;
    inset-inline-start: 9px
}

.trading-animation .trading-title {
    color: #76ba53;
    font-size: 15px;
    z-index: 1
}

html:not([dir="rtl"]) .trading-animation .trading-title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .trading-animation .trading-title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .trading-animation .trading-title {
    font-weight: 600
}

.trading-animation .trading-desc {
    background: #fff;
    padding: 20px;
    position: absolute;
    color: #464646;
    font-size: 14px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    top: 150%;
    width: 250px;
    line-height: 21px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1)
}

html:not([dir="rtl"]) .trading-animation .trading-desc {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .trading-animation .trading-desc {
    font-family: "Kulim Park", sans-serif;
}

.trading-animation .buttons-container {
    margin-top: 25px
}

.trading-animation .buttons-container .button {
    font-size: 13px;
    padding: 7px 5px
}

.trading-animation .buttons-container .button:first-child {
    margin-bottom: 10px
}

.trading-animation .register-demo {
    font-size: 13px;
    margin-top: 5px;
    margin-inline-start: auto
}

.trading-central-download-btn a.button {
    max-width: 100%
}

@media screen and (max-width:700px) {
    .trading-central-download-btn a.button {
        width: 100% !important;
        padding: 10px 5px
    }
}

.trading-central-download-btn a.button:last-child {
    margin-inline-start: 25px
}

@media screen and (max-width:700px) {
    .trading-central-download-btn a.button:last-child {
        margin-inline-start: 0;
        margin-top: 15px !important
    }
}

.video-youtube iframe {
    width: 100%;
    height: 500px
}

@media screen and (max-width:700px) {
    .video-youtube iframe {
        height: 315px
    }
}

.wrapper-trust-pilot {
    border-top: 1px solid #c9c9c9
}

.wrapper-trust-pilot .trust-pilot-title {
    font-size: 23px;
    line-height: 31px;
    margin-bottom: 35px
}

html:not([dir="rtl"]) .wrapper-trust-pilot .trust-pilot-title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .wrapper-trust-pilot .trust-pilot-title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .wrapper-trust-pilot .trust-pilot-title {
    font-weight: 600
}

@media screen and (max-width:900px) {
    .wrapper-trust-pilot .trust-pilot-title {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 20px
    }
}

.wrapper-trust-pilot .trust-pilot-title>div {
    display: inline-block
}

@media screen and (max-width:900px) {
    .wrapper-trust-pilot .trust-pilot-title>div {
        display: block
    }
    .wrapper-trust-pilot .trust-pilot-title>div:last-child {
        margin-top: 10px
    }
}

.wrapper-trust-pilot .trust-pilot-title img {
    max-width: 250px;
    position: relative;
    top: -8px;
    width: 100%
}

@media screen and (max-width:900px) {
    .wrapper-trust-pilot .trust-pilot-title img {
        max-width: 145px
    }
}

.checkout-request-blocked {
    background: #fff;
    position: fixed;
    top: 0;
    bottom: 0;
    inset-inline-start: 0;
    inset-inline-end: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    text-align: center
}

.checkout-request-blocked .checkout-request-blocked-content {
    width: 100%;
    padding: 25px 2%;
    background: #f2f2f2;
    position: relative
}

html:not([dir="rtl"]) .checkout-request-blocked .checkout-request-blocked-content .checkout-request-blocked-content-title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .checkout-request-blocked .checkout-request-blocked-content .checkout-request-blocked-content-title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .checkout-request-blocked .checkout-request-blocked-content .checkout-request-blocked-content-title {
    font-weight: 600
}

.checkout-request-blocked .checkout-request-blocked-content .checkout-request-blocked-content-desc {
    margin-top: 5px
}

.checkout-request-blocked .checkout-request-blocked-content .checkout-request-blocked-content-logo {
    position: absolute;
    top: -66px;
    width: 100%;
    inset-inline-start: 0
}

.checkout-request-blocked .checkout-request-blocked-content .checkout-request-blocked-content-logo img {
    height: 40px
}

.checkout-request-blocked .checkout-request-blocked-content .checkout-request-blocked-content-redirect {
    margin-top: 25px;
    font-size: 13px
}

html:not([dir="rtl"]) .checkout-request-blocked .checkout-request-blocked-content .checkout-request-blocked-content-redirect {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .checkout-request-blocked .checkout-request-blocked-content .checkout-request-blocked-content-redirect {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .checkout-request-blocked .checkout-request-blocked-content .checkout-request-blocked-content-redirect {
    font-weight: 600
}

.checkout-request-blocked .checkout-request-blocked-content .checkout-request-blocked-content-redirect img {
    width: 75px;
    margin-top: 10px
}

.stand-alone-header {
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    -html-background-size: cover;
    background-size: cover;
    background-position: center;
    height: 600px;
    position: relative
}

@media screen and (max-width:1100px) {
    .stand-alone-header {
        min-height: 400px;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: end
    }
}

@media screen and (max-width:700px) {
    .stand-alone-header {
        min-height: 350px
    }
}

.stand-alone-header:before {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: 0;
    inset-inline-start: 0;
    pointer-events: none;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000 100%);
    background-image: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0), #000 100%);
    background-image: -moz-linear-gradient(to bottom, rgba(0, 0, 0, 0), #000 100%);
    background-image: -ms-linear-gradient(to bottom, rgba(0, 0, 0, 0), #000 100%);
    background-image: -o-linear-gradient(to bottom, rgba(0, 0, 0, 0), #000 100%);
    width: 100%;
    height: 300px
}

.stand-alone-header:after {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: 0;
    inset-inline-start: 0;
    width: 100%;
    inset-inline-end: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5)
}

.stand-alone-header .sub-header {
    padding: 50px 0;
    position: absolute;
    text-align: center;
    z-index: 2;
    width: 100%;
    inset-inline-start: 0;
    bottom: 80px
}

@media screen and (max-width:1100px) {
    .stand-alone-header .sub-header {
        position: relative;
        inset-inline-start: unset;
        bottom: unset
    }
}

.stand-alone-header .sub-header .sub-header-wrapper {
    max-width: 1000px;
    width: 100%;
    margin: auto
}

.stand-alone-header .sub-header .title {
    color: #fff;
    font-size: 35px;
    line-height: 46px;
    margin-bottom: 18px
}

html:not([dir="rtl"]) .stand-alone-header .sub-header .title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .stand-alone-header .sub-header .title {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .stand-alone-header .sub-header .title {
    font-weight: 600
}

@media screen and (max-width:700px) {
    .stand-alone-header .sub-header .title {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 10px
    }
}

.stand-alone-header .sub-header .title span {
    color: #7cbf55
}

.stand-alone-header .sub-header .desc {
    color: #fff;
    font-size: 16px;
    line-height: 27px
}

html:not([dir="rtl"]) .stand-alone-header .sub-header .desc {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .stand-alone-header .sub-header .desc {
    font-family: "Kulim Park", sans-serif;
}

@media screen and (max-width:700px) {
    .stand-alone-header .sub-header .desc {
        font-size: 15px;
        line-height: 23px
    }
}

.___youtube_video {
    position: fixed;
    top: 0;
    inset-inline-start: 0;
    bottom: 0;
    inset-inline-end: 0;
    background: rgba(0, 0, 0, 0.85);
    z-index: 9
}

.___youtube_video .___youtube_video_container {
    width: 800px;
    inset-inline-start: 50%;
    margin-inline-start: -400px;
    position: relative;
    margin-top: -250px;
    height: 500px;
    top: 50%;
    border-bottom: 2px solid #7cbf55
}

@media screen and (max-width:900px) {
    .___youtube_video .___youtube_video_container {
        width: 100%;
        inset-inline-start: 0;
        margin-inline-start: 0;
        position: relative;
        margin-top: -150px;
        height: 300px;
        top: 50%;
        padding: 10px
    }
}

.___youtube_video .___youtube_video_container_close {
    background: #7cbf55;
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    font-size: 25px;
    line-height: 35px;
    text-align: center;
    position: absolute;
    inset-inline-end: -20px;
    top: -20px;
    cursor: pointer
}

@media screen and (max-width:900px) {
    .___youtube_video .___youtube_video_container_close {
        top: -20px;
        inset-inline-end: 50%;
        margin-inline-end: -20px
    }
}

.___youtube_video .___youtube_video_container_close:hover {
    background: #fff;
    color: #7cbf55
}

.__new__ a {
    position: relative
}

.__new__ a:after {
    position: absolute;
    background: #7cbf55;
    color: #1f1f1f;
    font-size: 10px;
    padding: 2px 5px;
    border-radius: 100px;
    inset-inline-end: 0;
    margin-top: -17px
}

@media screen and (max-width:1100px) {
    .__new__ a:after {
        display: none !important
    }
}

.time-note {
    background: #f93e4c;
    color: #fff;
    padding: 7px;
    text-align: center;
    margin: auto -25px;
    font-size: 12px
}

.time-note .___update_count {
    font-size: 15px;
    margin-top: 5px
}

html:not([dir="rtl"]) .time-note .___update_count {
    font-family: "Kulim Park", sans-serif;
}

html[dir="rtl"] .time-note .___update_count {
    font-family: "Kulim Park", sans-serif;
}