@charset "utf-8";

.reg-form__preloader-wrap { z-index: 50; }

.intgrtn-form-signup .reg-form__preloader-wrap { display: none; position: absolute; inset: 0%; width: 100%; height: 100%; background-color: rgba(210, 204, 224, 0.5); }

.intgrtn-form-signup .reg-form__preloader { position: absolute; width: 10%; height: 0%; padding-bottom: 10%; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); }

.intgrtn-form-signup .reg-form__preloader div { position: absolute; width: 100%; height: 100%; left: 50%; transform: translateX(-50%) translateY(-50%); overflow: hidden; animation: 1s linear 0s infinite normal none running animatePreloader; transform-origin: 50% 100%; }

.intgrtn-form-signup .reg-form__preloader div::before { content: ""; position: absolute; width: 100%; height: 100%; left: 50%; top: 50%; transform: translateX(-50%); border: 3px solid rgb(51, 51, 51); border-radius: 50%; box-sizing: border-box; }

.intgrtn-form-signup .reg-form__preloader div:nth-child(2) { width: 60%; height: 60%; top: 20%; animation: 0.5s linear 0s infinite normal none running animatePreloader; }

.reg-form__preloader-wrap { z-index: 50; }

@keyframes animatePreloader { 
  0% { transform: translateX(-50%) translateY(-50%) rotateZ(0deg); }
  100% { transform: translateX(-50%) translateY(-50%) rotateZ(360deg); }
}

.reg-form__error { color: red; font-size: 13px; font-weight: 500; text-align: left; }

.intgrtn-form-signup .reg-form__error { font-size: 13px !important; position: relative !important; margin-top: 4px !important; margin-left: 10px !important; color: rgb(255, 73, 73) !important; }

.intgrtn-form-signup .reg-form__input { color: rgb(0, 0, 0) !important; font-size: 18.5px !important; }

input.reg-form__input.error { border: 1px solid rgb(255, 73, 73) !important; }

.reg-form__input::placeholder { color: rgba(0, 0, 0, 0.57); font-size: 16px; }

.reg-form__button_submit { margin-top: 30px; }

#custom-regbox input:focus { border: 1px solid rgb(236, 236, 236); }

.reg-form__preloader-wrap { z-index: 50; }

.intgrtn-form-signup .reg-form .iti__selected-flag { justify-content: center; width: 80px; }

.intgrtn-form-signup .reg-form .iti__arrow { margin-left: 6px; }

.intgrtn-form-signup .reg-form { margin-left: auto; margin-right: auto; position: relative; max-width: inherit; width: 100%; box-shadow: none !important; }

.intgrtn-form-signup .reg-form__input { padding: 12px 16px; line-height: 1.5; color: rgb(73, 80, 87); background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgb(236, 236, 236); border-radius: 6px; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; margin: 0px; display: block; width: 100%; box-shadow: none; font-size: 16px !important; }

.intgrtn-form-signup .reg-form__label { background: rgb(255, 255, 255); opacity: 0; position: absolute; font-size: 8px; font-weight: bold; padding-left: 5px; padding-right: 5px; color: rgb(54, 54, 54); top: 5px; z-index: -3; }

.intgrtn-form-signup .reg-form__error { display: none; font-size: 10px; position: absolute; bottom: 2px; left: 5px; }

.intgrtn-form-signup .reg-form .reg-form__group { padding-bottom: 14px; position: relative; }

.intgrtn-form-signup .iti .iti__country-list { font-size: 12px; white-space: normal; min-width: 270px; max-width: inherit; }

.intgrtn-form-signup .reg-form .iti { width: 100%; }

.intgrtn-form-signup .reg-form__button { margin: 0px auto; display: block; font-size: 17px; font-weight: bold; position: relative; color: rgb(255, 255, 255); border-radius: 6px; background: rgb(90, 53, 148); text-transform: uppercase; width: 100%; padding: 16px 24px; cursor: pointer; white-space: normal; text-align: center; transition: 0.5s; }

.intgrtn-form-signup .reg-form__button:hover { background: rgb(69, 39, 112); }

.intgrtn-form-signup .reg-form__button_submit { margin-top: 10px; }

.intgrtn-form-signup .reg-form__preloader-wrap { display: none; position: absolute; inset: 0%; width: 100%; height: 100%; background-color: rgba(210, 204, 224, 0.5); }

.intgrtn-form-signup .reg-form__preloader { position: absolute; width: 10%; height: 0%; padding-bottom: 10%; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); }

.intgrtn-form-signup .reg-form__preloader div { position: absolute; width: 100%; height: 100%; left: 50%; transform: translateX(-50%) translateY(-50%); overflow: hidden; animation: 1s linear 0s infinite normal none running animatePreloader; transform-origin: 50% 100%; }

.intgrtn-form-signup .reg-form__preloader div::before { content: ""; position: absolute; width: 100%; height: 100%; left: 50%; top: 50%; transform: translateX(-50%); border: 3px solid rgb(51, 51, 51); border-radius: 50%; box-sizing: border-box; }

.intgrtn-form-signup .reg-form__preloader div:nth-child(2) { width: 60%; height: 60%; top: 20%; animation: 0.5s linear 0s infinite normal none running animatePreloader; }

@keyframes animatePreloader { 
  0% { transform: translateX(-50%) translateY(-50%) rotateZ(0deg); }
  100% { transform: translateX(-50%) translateY(-50%) rotateZ(360deg); }
}

p.form-disclaimers { font-size: 11px; margin: 0px; }

.formwrap-outer .intgrtn-form-signup { padding: 32px; }

.form-container { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }

#custom-regbox .formHeader { border-top-left-radius: 6px; border-top-right-radius: 6px; }

.formwrap-outer .intgrtn-form-signup .intgrtn-form-signup-3-steps .intgrtn-steps-navigation, .formwrap-outer .intgrtn-form-signup .intgrtn-form-signup .intgrtn-steps-navigation, .formwrap-outer .intgrtn-form-signup .intgrtn-form-optin .intgrtn-steps-navigation { display: flex; }

.formwrap-outer .intgrtn-form-signup .intgrtn-form-signup-3-steps .intgrtn-steps-navigation .intgrtn-steps-navigation-item, .formwrap-outer .intgrtn-form-signup .intgrtn-form-signup .intgrtn-steps-navigation .intgrtn-steps-navigation-item, .formwrap-outer .intgrtn-form-signup .intgrtn-form-optin .intgrtn-steps-navigation .intgrtn-steps-navigation-item { display: inline-block; background: rgb(236, 236, 236); color: white; font-size: 2em; line-height: 1.1em; border-radius: 3px; font-weight: bold; height: 7px; width: 33%; margin-right: 2px; text-indent: 100%; overflow: hidden; }

.formwrap-outer .intgrtn-form-signup .intgrtn-form-signup-3-steps .intgrtn-steps-navigation .intgrtn-steps-navigation-item.intgrtn-active, .formwrap-outer .intgrtn-form-signup .intgrtn-form-signup .intgrtn-steps-navigation .intgrtn-steps-navigation-item.intgrtn-active, .formwrap-outer .intgrtn-form-signup .intgrtn-form-optin .intgrtn-steps-navigation .intgrtn-steps-navigation-item.intgrtn-active { background-color: rgb(90, 53, 148); }

.formwrap-outer .intgrtn-form-signup .intgrtn-form-signup-3-steps .intgrtn-steps-navigation .intgrtn-steps-navigation-item::after, .formwrap-outer .intgrtn-form-signup .intgrtn-form-signup .intgrtn-steps-navigation .intgrtn-steps-navigation-item::after, .formwrap-outer .intgrtn-form-signup .intgrtn-form-optin .intgrtn-steps-navigation .intgrtn-steps-navigation-item::after { content: ""; }

.formwrap-outer .intgrtn-form-signup .intgrtn-form-signup-3-steps .intgrtn-input-holder .intgrtn-input, .formwrap-outer .intgrtn-form-signup .intgrtn-form-signup .intgrtn-input-holder .intgrtn-input, .formwrap-outer .intgrtn-form-signup .intgrtn-form-optin .intgrtn-input-holder .intgrtn-input { padding: 12px 16px; font-size: 1rem; line-height: 1.5; color: rgb(73, 80, 87); background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgb(236, 236, 236); border-radius: 6px; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }

@media (max-width: 768px) {
  .formwrap-outer .intgrtn-form-signup .intgrtn-form-signup-3-steps .intgrtn-input-holder .intgrtn-input .intgrtn-areas-dropdown, .formwrap-outer .intgrtn-form-signup .intgrtn-form-signup .intgrtn-input-holder .intgrtn-input .intgrtn-areas-dropdown, .formwrap-outer .intgrtn-form-signup .intgrtn-form-optin .intgrtn-input-holder .intgrtn-input .intgrtn-areas-dropdown { width: 270px; }
}

.formwrap-outer .intgrtn-form-signup .intgrtn-form-signup-3-steps .intgrtn-input-holder .intgrtn-input-message-error-verbose, .formwrap-outer .intgrtn-form-signup .intgrtn-form-signup .intgrtn-input-holder .intgrtn-input-message-error-verbose, .formwrap-outer .intgrtn-form-signup .intgrtn-form-optin .intgrtn-input-holder .intgrtn-input-message-error-verbose { margin: 10px 0px; }

.formwrap-outer .intgrtn-form-signup .intgrtn-form-signup-3-steps .intgrtn-input-holder .intgrtn-input-message-error-verbose .intgrtn-single-message, .formwrap-outer .intgrtn-form-signup .intgrtn-form-signup .intgrtn-input-holder .intgrtn-input-message-error-verbose .intgrtn-single-message, .formwrap-outer .intgrtn-form-signup .intgrtn-form-optin .intgrtn-input-holder .intgrtn-input-message-error-verbose .intgrtn-single-message { margin-bottom: 10px; padding-left: 5px; font-size: 0.8em !important; line-height: 1 !important; transition: 0.3s ease-out !important; text-align: left !important; }

.formwrap-outer .intgrtn-form-signup .intgrtn-form-signup-3-steps .intgrtn-input-holder .intgrtn-input-message-error-verbose .intgrtn-single-message.intgrtn-untouched, .formwrap-outer .intgrtn-form-signup .intgrtn-form-signup .intgrtn-input-holder .intgrtn-input-message-error-verbose .intgrtn-single-message.intgrtn-untouched, .formwrap-outer .intgrtn-form-signup .intgrtn-form-optin .intgrtn-input-holder .intgrtn-input-message-error-verbose .intgrtn-single-message.intgrtn-untouched { color: rgb(0, 0, 0); }

.formwrap-outer .intgrtn-form-signup .intgrtn-form-signup-3-steps .intgrtn-input-holder.intgrtn-input-holder-password, .formwrap-outer .intgrtn-form-signup .intgrtn-form-signup .intgrtn-input-holder.intgrtn-input-holder-password, .formwrap-outer .intgrtn-form-signup .intgrtn-form-optin .intgrtn-input-holder.intgrtn-input-holder-password { display: none; }

.formwrap-outer .intgrtn-form-signup .intgrtn-form-signup-3-steps .intgrtn-input-holder.intgrtn-input-holder-password .intgrtn-btn-generate-password-holder, .formwrap-outer .intgrtn-form-signup .intgrtn-form-signup .intgrtn-input-holder.intgrtn-input-holder-password .intgrtn-btn-generate-password-holder, .formwrap-outer .intgrtn-form-signup .intgrtn-form-optin .intgrtn-input-holder.intgrtn-input-holder-password .intgrtn-btn-generate-password-holder { flex-wrap: nowrap; }

.formwrap-outer .intgrtn-form-signup .intgrtn-form-signup-3-steps .intgrtn-btn-go-to-step, .formwrap-outer .intgrtn-form-signup .intgrtn-form-signup-3-steps .intgrtn-btn-submit, .formwrap-outer .intgrtn-form-signup .intgrtn-form-signup .intgrtn-btn-go-to-step, .formwrap-outer .intgrtn-form-signup .intgrtn-form-signup .intgrtn-btn-submit, .formwrap-outer .intgrtn-form-signup .intgrtn-form-optin .intgrtn-btn-go-to-step, .formwrap-outer .intgrtn-form-signup .intgrtn-form-optin .intgrtn-btn-submit { margin: 0px auto; display: block; font-size: 17px; font-weight: bold; position: relative; color: rgb(255, 255, 255); border-radius: 6px; background: rgb(90, 53, 148); text-transform: uppercase; width: 100%; padding: 16px 24px; cursor: pointer; white-space: normal; text-align: center; }

.formwrap-outer .intgrtn-form-signup .intgrtn-form-signup-3-steps .intgrtn-btn-go-to-step { transition: 0.5s; margin-top: 16px; }

.formwrap-outer .intgrtn-form-signup .intgrtn-form-signup-3-steps .intgrtn-btn-go-to-step:hover { background: rgb(69, 39, 112); }

.formwrap-outer .intgrtn-form-signup .intgrtn-form-signup-3-steps [data-intgrtn-message-id="passwordConfirmMatch"], .formwrap-outer .intgrtn-form-signup .intgrtn-form-signup [data-intgrtn-message-id="passwordConfirmMatch"], .formwrap-outer .intgrtn-form-signup .intgrtn-form-optin [data-intgrtn-message-id="passwordConfirmMatch"] { display: none; }

.list-pwd-tips { padding-left: 5px; list-style-type: none; }

.list-pwd-tips li { position: relative; margin-bottom: 10px; padding-left: 5px; font-size: 0.8em !important; line-height: 1 !important; transition: 0.3s ease-out !important; text-align: left !important; }

.list-pwd-tips li::before { position: absolute; display: block; content: " "; width: 5px; height: 5px; border-radius: 50%; background-color: rgb(0, 0, 0); top: 3px; right: 100%; }

.list-pwd-tips li.passing::before { background-color: green !important; }

.list-pwd-tips .text-red { color: rgb(0, 0, 0); }

.list-pwd-tips.touched li::before { background-color: red; }

.list-pwd-tips.touched .text-red { color: red; }

.list-pwd-tips.touched .text-green { color: green; }

.js-pwd-tooltip-icon { position: absolute; top: 100%; right: 0px; cursor: pointer; }

.error-message { color: red; margin-top: 30px !important; text-align: center !important; padding-bottom: 10px !important; }

.progress { width: 100%; height: 45px; }

.modal-signup { max-width: 800px; max-height: 650px; background-color: rgb(255, 255, 255); font-size: 14px; margin: auto; text-align: center; z-index: 10001; padding: 20px 30px !important; }

@media (max-width: 768px) {
  .modal-signup { max-height: 550px; }
}

.modal-signup main { padding: 20px 0px; }

@media (max-width: 768px) {
  .modal-signup main { padding: unset; }
}

.modal-signup main .broker-info { padding: 0px 20px; text-align: center; width: 100%; }

@media (max-width: 768px) {
  .modal-signup main .broker-info .modal-logo { padding: 20px; }
}

.modal-signup main .logo { height: 200px; padding-top: 50px; }

@media (max-width: 768px) {
  .modal-signup main .logo { padding-top: 40px; }
}

.modal-signup main .logo img { vertical-align: middle; max-width: 300px; }

.modal-signup main .broker-advantages { padding-top: 20px; }

.modal-signup main .broker-advantages .item { text-align: left; }

.modal-signup main .broker-advantages .item .icon { display: inline-block; }

@media (max-width: 768px) {
  .modal-signup main .broker-advantages .item .icon { width: 100%; text-align: center; }
}

.modal-signup main .broker-advantages .item .icon img { width: 50px; }

.modal-signup main .broker-advantages .item .text { display: inline-block; text-align: left; }

@media (max-width: 768px) {
  .modal-signup main .broker-advantages .item .text { text-align: center; }
}

.modal-signup .modal-button-hide-mobile { display: block; }

@media (max-width: 768px) {
  .modal-signup .modal-button-hide-mobile { display: none; }
}

.modal-signup .modal-button-show-mobile { display: none; }

@media (max-width: 768px) {
  .modal-signup .modal-button-show-mobile { display: block; }
}

.modal-signup .start-trading-button { background-color: rgb(24, 167, 248); color: white; font-size: 22px; font-weight: bold; line-height: 1em; padding: 10px; width: 500px; max-width: 100%; border: 0px; outline: 0px; border-radius: 4px; cursor: pointer; }

.modal-signup .js-intgrtn-modal-loader { display: none; }

.text-green { color: green; display: block; margin-top: 5px; }

.register-form-tab .tooltip.in .tooltip-inner { margin-left: -7px; padding: 4px; }

.btn-start { font-family: Oswald, sans-serif; font-size: 40px; color: rgb(255, 255, 255); text-shadow: rgba(1, 198, 0, 0.35) 0.5px 0.866px 0px; border-radius: 10px; text-transform: uppercase; padding: 10px 20px; background: linear-gradient(rgb(161, 16, 203) 0%, rgb(116, 13, 146) 100%); }

.btn-start:hover, .btn-start:focus { color: rgb(255, 255, 255); background: linear-gradient(rgb(116, 13, 146) 0%, rgb(161, 16, 203) 100%); }

.hidden { display: none !important; }

@media (max-width: 768px) {
  .footer-ul { display: flex; flex-wrap: wrap; padding: 0px; justify-content: center; }
  .footer-ul li { margin-right: 15px; }
}

body .seenon-p { color: white; pointer-events: none; }

body .fake-news-logos-wrapper { display: none; }

body .intgrtn-cookie-popup .intgrtn-cookie-popup-link-privacy-policy { color: rgb(0, 123, 255); text-decoration: underline; }

@media (max-width: 768px) {
  body .video-form-section .video-header { font-size: 3.4rem; }
}

@media (max-width: 768px) {
  body .join-us-section .join-us-header { word-break: break-word; white-space: normal; }
}

.btc-widget-wrapper { z-index: 99999; position: fixed; bottom: 10px; left: 10px; }

@media (max-width: 768px) {
  .btc-widget-wrapper { display: none; }
}

.ask-bid-wrapper .js-bitcoin-disclamer { display: none; }

.ask-bid-wrapper .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 0.5rem; border: 1px solid transparent; border-radius: 0.25rem; }

.ask-bid-wrapper .alert-warning { color: rgb(133, 100, 4); background-color: rgb(255, 243, 205); border-color: rgb(255, 238, 186); }

.ask-bid-wrapper .alert-warning hr { border-top-color: rgb(255, 232, 161); }

.ask-bid-wrapper .alert-warning .alert-link { color: rgb(83, 63, 3); }

.ask-bid-wrapper .ask-bid { text-align: center; font-size: 11px; margin-bottom: 0px; }

#custom-regbox .formHeader { white-space: normal; word-break: break-word; }

@media (max-width: 768px) {
  .bid-ask-span { animation: unset; }
}

.img-u4m { display: flex; width: 15%; }

@media (max-width: 768px) {
  .img-u4m { display: inline-block; width: 40%; }
}

.formwrap-outer .intgrtn-form-signup .intgrtn-form-signup-3-steps .intgrtn-steps-navigation .intgrtn-steps-navigation-item { width: 50%; }

.intgrtn-input-message-error { display: none; }

* { box-sizing: border-box; }

.txt-phone { padding-left: 52px !important; }

#main-container { max-width: 450px; margin: 30px auto; }

body { font-family: Lato, sans-serif; overflow-x: hidden; }

img, .video { max-width: 100%; }

[data-init="registration-popup"] .logo { margin: 0px auto; }

.logo { max-width: 30%; }

.light-purple { color: rgb(123, 61, 187); }

.purple { color: rgb(68, 69, 115); }

.dark-purple { color: rgb(50, 37, 128); }

.red { color: red; }

.green { color: rgb(0, 197, 0); }

.gray { color: gray; }

.orange { color: orange; }

.white { color: white; }

.yellow { color: rgb(213, 201, 63); }

.no-padding { padding: 0px; }

.relative { position: relative; }

.bold { font-weight: bold; }

.intro-section-1 { text-align: center; background-color: red; color: white; padding: 6px 0px; }

.intro-p { margin: 0px; }

.intro-part-2 { height: 100px; display: flex; justify-content: space-between; align-items: center; }

.exclusive-offers-wrapper { font-weight: bold; font-size: 1.3em; line-height: 1; flex: 0 0 30%; display: flex; align-items: center; }

.flag { width: 20%; }

.dynamic-person-div { padding: 0px 20px; background-color: rgb(238, 238, 238); margin: 0px; display: flex; align-items: center; align-self: stretch; }

.dynamic-person-p { padding-left: 20px; }

.dynamic-person-img { width: 60px; height: 60px; border-radius: 50%; border: 3px solid rgb(211, 211, 31); }

.video-form-section { background-image: url("../img/video-form-bg.jpg"); background-position: center center; background-size: cover; background-repeat: no-repeat; padding: 50px 0px; }

.video-header, .video-subheader { text-align: center; color: white; }

.video-header { font-size: 3.5rem; font-weight: bolder; }

.video-subheader { font-size: 2em; font-weight: 300; }

.video { border: 10px solid white; box-shadow: rgba(13, 13, 13, 0.43) 0px 4px 20.9px 3.1px; }

.form-container { box-shadow: rgba(13, 13, 13, 0.43) 0px 4px 20.9px 3.1px; }

.form-body .alert-danger { z-index: 10002; }

.formUl li { display: inline-block; background-color: rgb(255, 242, 138); color: white; font-size: 2em; line-height: 1.1em; font-weight: bold; height: 7px; width: 33%; margin-right: 1px; }

.formUl .active { background-color: rgb(253, 87, 165); }

.formUl { padding-left: 0px; width: 100%; text-align: center; display: flex; }

.form-content { padding: 10px 10px 60px; }

form[data-init][data-mode="slidingform"] [data-subject="wrapper"] { overflow: visible; }

.form-control { border-radius: 0px; }

.registerBtn { margin: 0px auto; display: block; font-size: 20px; font-weight: bold; color: rgb(255, 255, 255); padding: 0px; border-radius: 6px; background-image: linear-gradient(166deg, rgb(21, 108, 255) 1%, rgb(14, 73, 255)); box-shadow: rgba(13, 13, 13, 0.43) 0px 4px 20.9px 3.1px; text-transform: uppercase; width: 90%; height: 64px; cursor: pointer; position: absolute; bottom: -22px; white-space: normal; }

.btn-form-group { max-height: 0px; }

.registerBtn:hover { color: rgb(255, 255, 255); background-color: rgb(0, 105, 217); border-color: rgb(0, 98, 204); font-size: 21px; }

.intgrtn-form-signup { }

#custom-regbox .formHeader { background: rgb(96, 53, 155); text-align: center; color: white; font-weight: 700; margin: 0px; padding: 30px 24px; font-size: 20px; letter-spacing: 2px; font-family: inherit; }

.logos-section { padding: 150px 0px 50px; }

.logos-wrapper { display: flex; justify-content: space-between; align-items: center; }

.bid-wrapper, .ask-wrapper { font-size: 0.9em; font-weight: 700; display: flex; }

.bid-ask-span { font-size: 1.7em; font-family: "Open Sans", sans-serif; z-index: 1; }

.join-us-section { padding: 50px 0px; background-image: url("../img/join-us-bg.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; }

.join-us-header { font-family: "Open Sans"; font-style: normal; font-weight: 600; font-size: 3em; color: rgb(50, 37, 128); margin-bottom: 0px; line-height: 1.2; display: block; }

.join-us-p { font-size: 16px; font-family: "Open Sans"; font-weight: 300; font-style: normal; margin-top: 50px; }

.seenon-p { text-align: center; font-size: 18px; font-weight: bold; color: rgb(106, 68, 155); margin-top: 60px; margin-bottom: 30px; font-family: Lato; }

.join-us-img-wrapper { position: relative; }

.join-us-img { position: absolute; top: -322px; left: 38px; }

.testimonials-section { padding-top: 150px; font-family: "Open Sans"; text-align: center; }

.testimonials-header { margin-bottom: 50px; font-size: 2em; color: rgb(50, 37, 128); }

.testimonial-wrapper { display: flex; background-position: center center; background-size: cover; background-repeat: no-repeat; height: 330px; background-color: rgb(52, 58, 64) !important; }

.testimonial-wrapper-1 { background-image: url("../img/testimonial1.jpg"); }

.testimonial-wrapper-2 { background-image: url("../img/testimonial2.jpg"); }

.testimonial-wrapper-3 { background-image: url("../img/testimonial3.jpg"); }

.testimonial-wrapper-4 { background-image: url("../img/testimonial4.jpg"); }

.testimonial-intro-text { width: 100%; margin-top: auto; padding-bottom: 25px; font-size: 1.25em; }

.testimonial-profit-span { font-size: 1.4em; font-weight: bold; }

.testimonial-hover-text { position: absolute; padding-top: 15px; padding-left: 20px; padding-right: 20px; color: white; height: 100%; transition: 0.5s; font-size: 0.95em; cursor: pointer; opacity: 0; }

.testimonial-hover-text:hover { background-color: rgba(54, 110, 231, 0.5); opacity: 1; }

.features-section { padding: 150px 0px 300px; font-family: "Open Sans"; background-image: url("../img/features-section-bg.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center center; }

.feature-wrapper { background-color: rgb(50, 43, 124); color: white; padding: 20px 0px; box-shadow: rgb(127, 87, 202) 0px 6px 0px 0px; height: 100%; }

.feature-img-wrapper { margin-bottom: 50px; }

.feature-img { height: 102px; }

.feature-header { margin-bottom: 50px; font-weight: bold; font-size: 1.2em; }

.feature-description { padding: 0px 20px; }

.live-results-section { font-family: "Open Sans"; margin: 50px 0px; }

.live-results-table-wrapper { box-shadow: rgba(37, 26, 65, 0.1) 0px 10px 36.3px 12.7px; background-color: white; border: 10px solid rgb(255, 255, 255); position: relative; top: -265px; padding: 0px 50px 50px; }

.live-results-table { width: 100%; }

th, td { width: 20%; border-bottom: 1px solid rgb(221, 221, 221); padding: 10px 0px; }

.last-td { border: none; }

.tick { display: inline-block; background-color: rgb(235, 217, 68); border-radius: 50%; width: 25px; text-align: center; color: white; font-size: 1.25em; }

.live-results-header { margin: 50px 0px; font-size: 3em; }

.yellow-btn { transform: translateX(-50%); box-shadow: rgb(202, 185, 39) 0px 4px 0px 0px; cursor: pointer; height: 70px; max-width: 400px; width: 100%; display: block; padding: 0px; margin: 0px auto; text-align: center; background-color: rgb(235, 217, 67); color: rgb(42, 43, 81); text-transform: uppercase; font-weight: bold; border: none; border-radius: 5px; font-size: 24px; }

.join-now-btn { position: absolute; top: -45px; left: 50%; right: 50%; }

.yellow-btn:hover { font-size: 25px; }

.how-it-works-section { background-color: rgb(15, 75, 255); height: 350px; margin-top: 100px; position: relative; font-family: "Open Sans"; }

.how-it-works-wrapper { position: relative; top: -260px; }

.how-it-works-header { margin-bottom: 50px; }

.step-wrapper { box-shadow: rgba(37, 26, 65, 0.1) 0px 10px 36.3px 12.7px; position: relative; background: rgb(255, 255, 255); height: 100%; }

.step-wrapper-1 { z-index: 3; }

.step-wrapper-2 { z-index: 2; }

.step-wrapper-3 { z-index: 1; }

.step-header { padding: 10px 0px; }

.step-header-1 { background-color: rgb(123, 61, 187); }

.step-header-2 { background-color: rgb(55, 39, 152); }

.step-header-3 { background-color: rgb(15, 77, 255); }

.step-img { height: 93px; }

.step-img-wrapper { margin: 25px 0px; }

.step-subheader { margin-bottom: 25px; }

.step-description { padding: 0px 25px 40px; margin-bottom: 0px; }

.open-free-account-btn { position: absolute; bottom: -100px; left: 50%; right: 50%; }

.faq-section { padding: 50px 0px; margin-top: 100px; font-family: "Open Sans"; }

.faq-section-header { margin-bottom: 70px; }

.faq-wrapper { position: relative; padding: 21px 28px 30px 50px; margin-bottom: 15px; margin-top: 10px; background-color: rgb(255, 255, 255); box-shadow: rgba(37, 26, 65, 0.1) 0px 6px 26.9px 5.1px; }

.faq-question { font-size: 1.2em; }

.faq-wrapper::before { display: inline-block; font-size: 1.5em; color: white; background-color: rgb(123, 61, 187); padding: 10px 20px; position: absolute; left: -25px; top: 62px; box-shadow: rgba(37, 26, 65, 0.1) 0px 10px 36.3px 12.7px; }

.faq-wrapper-1::before { content: "1"; }

.faq-wrapper-2::before { content: "2"; }

.faq-wrapper-3::before { content: "3"; }

.faq-wrapper-4::before { content: "4"; }

.faq-wrapper-5::before { content: "5"; }

.faq-wrapper-6::before { content: "6"; }

.pre-footer-section { background-image: url("../img/pre-footer-bg.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 5px 0px; }

.pre-footer-btn { display: block; text-align: center; background-color: rgb(235, 217, 67); color: rgb(50, 37, 128); font-size: 20px; text-transform: uppercase; font-weight: bold; padding: 0px; border-radius: 7px; margin: 88px auto; box-shadow: rgb(202, 185, 39) 0px 4px 0px 0px; cursor: pointer; height: 125px; width: 100%; max-width: 460px; }

.pre-footer-btn:hover { font-size: 34px; }

.footer { padding: 30px 0px; }

.footer-ul { list-style: none; font-weight: bold; }

.footer-ul a { color: rgb(50, 37, 128); }

.footer-ul li { display: inline-block; margin-right: 30px; }

.footer-logo { max-width: 300px; }

.intro-section-mobile { display: none; }

.padding-left-td { padding-left: 7px; }

.bid-ask-span { transform: rotate3d(0, 1, 0, 0deg); animation: 10s cubic-bezier(1, 0, 0, 1) 0s infinite normal none running flip; }

.shake { display: inline-block; animation: 1s cubic-bezier(0, 0.5, 1, 0.5) 0s infinite normal none running shake; }

.start-trading-btn { cursor: pointer; }

@keyframes flip { 
  0% { transform: perspective(400px) rotateY(-1turn); }
  0%, 40% { animation-timing-function: ease-out; }
  40% { transform: perspective(400px) translateZ(150px) rotateY(-190deg); }
  50% { transform: perspective(400px) translateZ(150px) rotateY(-170deg); }
  50%, 80% { animation-timing-function: ease-in; }
  80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95); }
  100% { transform: perspective(400px); animation-timing-function: ease-in; }
}

@keyframes shake { 
  0% { transform: rotate3d(0, 0, 1, 0deg) scale(1); }
  20% { transform: scale(1.1); }
  30% { transform: rotate3d(0, 0, 1, -25deg) scale(1.1); }
  40% { transform: rotate3d(0, 0, 1, 25deg) scale(1.1); }
  50% { transform: rotate3d(0, 0, 1, 0deg) scale(1.1); }
  60% { transform: rotate3d(0, 0, 1, -25deg) scale(1.1); }
  80% { transform: rotate3d(0, 0, 1, 25deg) scale(1.1); }
  90% { transform: rotate3d(0, 0, 1, 0deg) scale(1.1); }
  100% { transform: scale(1); }
}

@media screen and (max-width: 1199px) {
  .join-us-img { top: -238px; }
}

@media screen and (max-width: 991px) {
  .feature-wrapper-col { margin-bottom: 20px; }
  .join-us-img { top: -73px; }
  #custom-regbox .formHeader { padding: 30px 20px; font-size: 20px; }
  .how-it-works-section { height: 360px; }
}

@media screen and (max-width: 767px) {
  .live-results-table-wrapper { position: initial; padding: 0px; overflow-x: scroll; }
  .how-it-works-section { height: initial; background-color: white; }
  .how-it-works-wrapper { position: initial; }
  .step-wrapper { position: initial; margin-bottom: 20px; }
  .step-wrapper-col { margin-bottom: 20px; }
  .open-free-account-btn { position: initial; transform: none; }
  .how-it-works-btn-wrapper { padding: 30px 0px; background-color: rgb(15, 75, 255); }
  .join-now-btn { top: -100px; }
  .join-us-section { padding-bottom: 590px; }
  .join-us-img { top: -838px; left: 0px; }
  .testimonials-section { padding-top: 50px; }
  .fake-news-logos-wrapper { border-bottom: 3px solid rgb(221, 221, 221); padding-bottom: 50px; }
  .row-2-logos { flex-direction: column; align-items: center; }
  #main-container { margin: 0px; }
  .logos-wrapper { flex-direction: column; }
  .bid-ask-span { font-size: 2em; }
  .logo { display: inline-block; margin-bottom: 15px; }
  .features-section { padding: 100px 0px; }
  .intro-section-mobile { margin-top: 150px; background-color: rgb(221, 221, 221); display: block; }
  .intro-part-2 { height: initial; padding: 20px 0px; flex-direction: column; }
  .dynamic-person-div { padding: 20px 20px 0px; background-color: rgb(221, 221, 221); margin: 0px; display: flex; align-items: center; flex: 1 1 0%; justify-content: center; place-self: stretch; border-top: 1px solid rgb(204, 204, 204); }
  .dynamic-person-p { font-weight: bold; }
  .exclusive-offers-wrapper { font-weight: bold; font-size: 1.3em; line-height: 1; flex: 0 0 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; }
  .exclusive-offers-text { text-align: center; }
  .logo { max-width: 100%; }
  .none { display: none; }
  .logos-section { padding-top: 50px; }
  [data-init="registration-success"] .logo { display: block; }
}

@media screen and (max-width: 575px) {
  .join-us-section { position: relative; }
  .join-us-img { bottom: 0px; top: initial; left: 0px; }
}

@media screen and (max-width: 350px) {
  .join-us-section { padding-bottom: 450px; }
}

.logos-wrapper { display: block; }

.flex-logos-wrapper { display: flex; }

.logos-row2 { margin-top: 20px; }

.logos-section { padding-top: 20px; }

.d-flex { display: flex !important; }

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

@media (max-width: 768px) {
  .bid-wrapper, .ask-wrapper { margin: 10px 0px; }
}

.invalid-phone-error { font-size: 22px; color: rgb(244, 67, 54); display: block; font-family: Lato; text-align: center !important; margin-top: 15px !important; }

p { margin: 0px; }

.modal-content { border: none; border-radius: 6px; padding: 32px; position: relative; }

.close { height: 24px; width: 24px; top: -5px; text-shadow: none; color: rgb(255, 255, 255); right: -30px; font-weight: 500; position: absolute; display: inline-block; }

@media (min-width: 876px) {
  .modal-dialog { max-width: 850px; margin: 1.75rem auto; }
}

@media (min-width: 680px) {
  .modal-dialog { max-width: 700px; }
}

.modal-body h2 { font-size: 36px; font-weight: bold; }

.subtitle { font-size: 18px; color: rgb(167, 177, 199); }

.remember-box { margin-top: 16px; border-radius: 6px; display: flex; align-items: center; padding: 8px 16px; background: rgba(229, 216, 103, 0.05); border: 1px solid rgba(229, 216, 103, 0.5); }

.remember-box p { margin-left: 8px; font-size: 18px; color: rgb(229, 216, 103); font-weight: bold; }

.list-title { margin-top: 32px; font-weight: bold; }

.list-item { display: flex; margin-top: 32px; align-items: center; }

.step-container { margin-left: 16px; flex: 1 1 0%; }

.step-container span, .step-container a { display: block; }

.step-container span { color: rgb(167, 177, 199); font-size: 14px; text-transform: capitalize; }

.step-container p { font-weight: bold; font-size: 16px; }

.img-box { background: rgba(229, 216, 103, 0.15); width: 50px; height: 50px; display: block; padding: 12px; border-radius: 50%; text-align: center; }

.img-box img { max-width: 100%; }

.right-img { display: block; margin-left: auto; margin-top: 50px; margin-right: auto; }

.login-btn { background: rgb(90, 53, 148); border-radius: 6px; padding: 8px 16px; color: rgb(255, 255, 255); transition: 0.5s; }

.login-btn:hover { background: rgb(65, 43, 112); text-decoration: none; color: rgb(255, 255, 255); }

@media (max-width: 680px) {
  .modal-content { padding: 16px; }
  .close { top: 5px; color: rgb(0, 0, 0); right: 5px; }
  .login-btn { padding: 8px 12px; }
  .step-container p { max-width: 220px; }
}

@media (max-width: 360px) {
  .login-btn { padding: 6px 8px; font-size: 13px !important; }
}

#btn-auto-login { display: none; width: max-content; text-align: center; }