@charset "utf-8";

* { 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; }

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

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

.logos-wrapper .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: rgb(255, 255, 255); }

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

.no-padding { padding: 0px; }

.relative { position: relative; }

.bold { font-weight: 700; }

.intro-section-1 { text-align: center; background-color: red; color: rgb(255, 255, 255); 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: 700; 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: rgb(255, 255, 255); }

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

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

.video { border: 10px solid rgb(255, 255, 255); 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: rgb(255, 255, 255); font-size: 2em; line-height: 1.1em; font-weight: 700; 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: 700; 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; }

#custom-regbox .formHeader { background: rgb(96, 53, 155); text-align: center; color: rgb(255, 255, 255); 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; }

.ask-wrapper, .bid-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: 700; 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: 700; }

.testimonial-hover-text { position: absolute; padding-top: 15px; padding-left: 20px; padding-right: 20px; color: rgb(255, 255, 255); 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: rgb(255, 255, 255); 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: 700; 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: rgb(255, 255, 255); border: 10px solid rgb(255, 255, 255); position: relative; top: -265px; padding: 0px 50px 50px; }

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

td, th { 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: rgb(255, 255, 255); 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: 700; 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: rgb(255, 255, 255); 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: 700; 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: 700; }

.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: rgb(255, 255, 255); }
  .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; }
  .logos-wrapper .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: 700; }
  .exclusive-offers-wrapper { font-weight: 700; 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; }
  .logos-wrapper .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) {
  .ask-wrapper, .bid-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: 700; }

.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: 700; }

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

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

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

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

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

.step-container p { font-weight: 700; 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; }

.hero-deposit-img { padding: 0px; display: inline-block; width: 65.4%; margin: 0px; float: left; }

.hero-deposit-svg { padding: 0px; display: inline-block; width: 33.9%; margin: 0px; }

@media only screen and (max-width: 500px) {
  .hero-deposit-img, .hero-deposit-svg { width: 100%; }
}