/****
Compiled from Sass.
 */
/*Bright Colors*/
/*Medium Colors*/
/*Dark Colors*/
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url("/assets/fonts/roboto/roboto-v16-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Roboto"), local("Roboto-Regular"), url("/assets/fonts/roboto/roboto-v16-latin-regular.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/roboto/roboto-v16-latin-regular.woff2") format("woff2"), url("/assets/fonts/roboto/roboto-v16-latin-regular.woff") format("woff"), url("/assets/fonts/roboto/roboto-v16-latin-regular.ttf") format("truetype"), url("/assets/fonts/roboto/roboto-v16-latin-regular.svg#Roboto") format("svg");
  /* Legacy iOS */ }
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url("/assets/fonts/roboto/roboto-v16-latin-700.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Bold"), local("Roboto-Bold"), url("/assets/fonts/roboto/roboto-v16-latin-700.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/roboto/roboto-v16-latin-700.woff2") format("woff2"), url("/assets/fonts/roboto/roboto-v16-latin-700.woff") format("woff"), url("/assets/fonts/roboto/roboto-v16-latin-700.ttf") format("truetype"), url("/assets/fonts/roboto/roboto-v16-latin-700.svg#Roboto") format("svg");
  /* Legacy iOS */ }
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  src: url("/assets/fonts/roboto/roboto-condensed.light.ttf");
  /* IE9 Compat Modes */
  src: local("Roboto Condensed"), url("/assets/fonts/roboto/roboto-condensed.light.ttf") format("truetype"); }
@font-face {
  font-family: 'Roboto Condensed Thin';
  src: url("/assets/fonts/roboto/Roboto-Thin.ttf");
  /* IE9 Compat Modes */
  src: local("Roboto Condensed Thin"), url("/assets/fonts/roboto/Roboto-Thin.ttf") format("truetype"); }
body, p, td, th, input, textarea, select, h2, h3, h4, h5, h6, li, a {
  font-family: "Roboto", Arial, Helvetica, sans-serif; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto', Arial, Helvetica, sans-serif; }

/**
Bootstrap Extra Small width <= 489px;
 */
/**
Bootstrap Small  width <= 489 & >= 767px;
 */
/**
Bootstrap Medium width <= 992px & >= 1200px;
 */
/**
Bootstrap Medium width <= 992px & >= 1200px;
 */
/** Bootstrap large devices 1310px > **/
@font-face {
  font-family: 'CarosSoft';
  font-style: normal;
  font-weight: 700;
  src: url("../../../../assets/fonts/carosSoft/CarosSoft.eot");
  /* IE9 Compat Modes */
  src: local("CarosSoft"), local("CarosSoft"), url("../../../../assets/fonts/carosSoft/CarosSoft.eot") format("embedded-opentype"), url("../../../../assets/fonts/carosSoft/CarosSoft.woff2") format("woff2"), url("../../../../assets/fonts/carosSoft/CarosSoft.woff") format("woff"), url("../../../../assets/fonts/carosSoft/CarosSoft.ttf") format("truetype");
  /* Safari, Android, iOS */ }
@font-face {
  font-family: 'CarosSoft Bold';
  font-style: normal;
  font-weight: 1000;
  src: url("../../../../assets/fonts/carosSoft/CarosSoftBold.eot");
  /* IE9 Compat Modes */
  src: local("CarosSoftBold"), local("CarosSoftBold"), url("../../../../assets/fonts/carosSoft/CarosSoftBold.eot") format("embedded-opentype"), url("../../../../assets/fonts/carosSoft/CarosSoftBold.woff2") format("woff2"), url("../../../../assets/fonts/carosSoft/CarosSoftBold.woff") format("woff"), url("../../../../assets/fonts/carosSoft/CarosSoftBold.ttf") format("truetype");
  /* Safari, Android, iOS */ }
@font-face {
  font-family: 'CarosSoft Italic';
  font-style: normal;
  font-weight: 700;
  src: url("../../../../assets/fonts/carosSoft/CarosSoftBold-Italic.eot");
  /* IE9 Compat Modes */
  src: local("CarosSoftBold-Italic"), local("CarosSoftBold-Italic"), url("../../../../assets/fonts/carosSoft/CarosSoftBold-Italic.eot") format("embedded-opentype"), url("../../../../assets/fonts/carosSoft/CarosSoftBold-Italic.woff2") format("woff2"), url("../../../../assets/fonts/carosSoft/CarosSoftBold-Italic.woff") format("woff"), url("../../../../assets/fonts/carosSoft/CarosSoftBold-Italic.ttf") format("truetype");
  /* Safari, Android, iOS */ }
@font-face {
  font-family: 'CarosSoft Light';
  font-style: normal;
  src: url("../../../../assets/fonts/carosSoft/CarosSoftLight.eot");
  /* IE9 Compat Modes */
  src: local("CarosSoftLight"), local("CarosSoftLight"), url("../../../../assets/fonts/carosSoft/CarosSoftLight.eot") format("embedded-opentype"), url("../../../../assets/fonts/carosSoft/CarosSoftLight.woff2") format("woff2"), url("../../../../assets/fonts/carosSoft/CarosSoftLight.woff") format("woff"), url("../../../../assets/fonts/carosSoft/CarosSoftLight.ttf") format("truetype");
  /* Safari, Android, iOS */ }
h1, h2, h3, h4, p, a, span, div {
  font-family: "Tahoma",Arial,Helvetica,sans-serif; }

.btn-lg {
  font-weight: bold; }

.padding-left-0 {
  padding-left: 0; }

.navbar-default button.navbar-toggle {
  -webkit-border-radius: unset;
  -moz-border-radius: unset;
  border-radius: unset;
  border: 1px solid #ffffff;
  background-color: #ffffff; }
  .navbar-default button.navbar-toggle span.icon-bar {
    background-color: #002f5d; }

.navbar-default button.navbar-toggle.collapsed {
  background-color: #002f5d; }
  .navbar-default button.navbar-toggle.collapsed span.icon-bar {
    background-color: #ffffff; }

.navbar-collapse {
  background-color: transparent !important; }

.navbar.navbar-default {
  background-color: #002f5d;
  border-color: transparent;
  margin-bottom: 0;
  border-radius: unset;
  min-height: 170px;
  padding-top: 20px;
  padding-bottom: 20px; }
  .navbar.navbar-default .navbar-collapse {
    border: 1px solid transparent;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset; }

.navbar-brand img {
  width: auto; }
  @media screen and (max-width: 488px) {
    .navbar-brand img {
      width: 120px; } }
  @media screen and (min-width: 489px) and (max-width: 767px) {
    .navbar-brand img {
      width: 140px; } }

#herobanner {
  background-color: #00b8e2;
  padding-top: 40px;
  padding-bottom: 70px; }
  @media screen and (max-width: 488px) {
    #herobanner {
      padding-top: 10px; } }
  @media screen and (min-width: 489px) and (max-width: 767px) {
    #herobanner {
      padding-top: 10px; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    #herobanner {
      padding-top: 10px; } }
  #herobanner h1 {
    font-size: 50px; }
    @media screen and (max-width: 488px) {
      #herobanner h1 {
        font-size: 35px;
        margin-bottom: 10px; } }
    @media screen and (min-width: 489px) and (max-width: 767px) {
      #herobanner h1 {
        font-size: 38px;
        margin-bottom: 10px; } }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      #herobanner h1 {
        font-size: 38px;
        margin-bottom: 10px; } }
  #herobanner h2 {
    font-family: "Tahoma",Arial,Helvetica,sans-serif;
    font-size: 35px;
    margin-top: 24px;
    margin-bottom: 15px; }
    @media screen and (max-width: 488px) {
      #herobanner h2 {
        font-size: 30px;
        margin-bottom: 10px; } }
    @media screen and (min-width: 489px) and (max-width: 767px) {
      #herobanner h2 {
        font-size: 32px;
        margin-bottom: 12px; } }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      #herobanner h2 {
        font-size: 32px;
        margin-bottom: 15px; } }
  @media screen and (min-width: 492px) and (max-width: 767px) {
    #herobanner p.broken-text-mobile {
      display: none !important; } }
  @media screen and (min-width: 492px) and (max-width: 767px) {
    #herobanner p.broken-text-after-mobile {
      display: block !important; } }
  #herobanner p {
    font-size: 25px;
    font-family: "Tahoma",Arial,Helvetica,sans-serif;
    color: #ffffff;
    margin-top: 23px;
    margin-bottom: 15px; }
    @media screen and (max-width: 488px) {
      #herobanner p {
        font-size: 20px; } }
    @media screen and (min-width: 489px) and (max-width: 767px) {
      #herobanner p {
        font-size: 23px; } }
  @media screen and (max-width: 488px) {
    #herobanner .appstore-container {
      margin-bottom: 15px; } }
  @media screen and (min-width: 489px) and (max-width: 767px) {
    #herobanner .appstore-container {
      margin-bottom: 15px; } }
  @media screen and (min-width: 768px) and (max-width: 991px) {
    #herobanner .appstore-container {
      margin-bottom: 15px; } }
  #herobanner .appstore-container ul {
    margin-bottom: 30px;
    padding-right: 0px; }
    @media screen and (max-width: 488px) {
      #herobanner .appstore-container ul {
        margin-bottom: 10px; } }
    @media screen and (min-width: 489px) and (max-width: 767px) {
      #herobanner .appstore-container ul {
        margin-bottom: 10px; } }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      #herobanner .appstore-container ul {
        margin-bottom: 10px; } }
    #herobanner .appstore-container ul li {
      padding-right: 0; }
  #herobanner .appstore-container small {
    margin-top: 30px;
    font-family: "Tahoma",Arial,Helvetica,sans-serif;
    font-size: 15px; }
  @media screen and (max-width: 488px) {
    #herobanner .layered-phone-container img {
      width: 100%; } }
  @media screen and (min-width: 489px) and (max-width: 767px) {
    #herobanner .layered-phone-container img {
      width: 100%; } }
  @media screen and (min-width: 992px) and (max-width: 1200px) {
    #herobanner .layered-phone-container img {
      width: 100%; } }
  #herobanner .link-container {
    margin-top: 10px; }
  #herobanner a {
    color: #ffffff; }

#lead-form .opt-in-form h2 {
  font-size: 23px; }
#lead-form .opt-in-form label.error {
  color: #ff0000; }
#lead-form .opt-in-form input#phone {
  direction: ltr; }

#top-app {
  padding-bottom: 5px; }
  #top-app h2 {
    margin-top: 100px;
    font-weight: bold; }
    @media screen and (max-width: 488px) {
      #top-app h2 {
        margin-top: 10px; } }

#what-is-copytrading {
  margin-top: 40px; }
  @media screen and (max-width: 488px) {
    #what-is-copytrading {
      margin-top: 0px; } }
  @media screen and (min-width: 489px) and (max-width: 767px) {
    #what-is-copytrading {
      margin-top: 0px; } }
  #what-is-copytrading h2 {
    margin-top: 0px;
    color: #002f5d;
    font-weight: bold; }
    @media screen and (max-width: 488px) {
      #what-is-copytrading h2 {
        margin-top: 10px;
        font-size: 25px; } }
  #what-is-copytrading p {
    font-family: "Tahoma",Arial,Helvetica,sans-serif;
    font-size: 17px; }
  #what-is-copytrading .phone-full-container img {
    height: 550px;
    margin-bottom: -220px; }
    @media screen and (min-width: 489px) and (max-width: 767px) {
      #what-is-copytrading .phone-full-container img {
        margin-bottom: 10px; } }
    @media screen and (max-width: 488px) {
      #what-is-copytrading .phone-full-container img {
        margin-bottom: 5px; } }
  #what-is-copytrading .appstore-container ul {
    padding-right: 0; }
  #what-is-copytrading .one-connect-column {
    padding-right: 0; }
    #what-is-copytrading .one-connect-column h2 {
      margin-right: 15px; }

#key-benefits {
  background-color: #002f5d;
  padding-top: 50px;
  padding-bottom: 50px; }
  #key-benefits h1 {
    font-family: "Tahoma",Arial,Helvetica,sans-serif;
    font-weight: bold;
    color: #ffffff;
    margin-top: 150px;
    font-size: 36px;
    vertical-align: center; }
    @media screen and (max-width: 488px) {
      #key-benefits h1 {
        font-size: 30px;
        margin-top: 15px; } }
    @media screen and (min-width: 489px) and (max-width: 767px) {
      #key-benefits h1 {
        font-size: 25px;
        margin-top: 15px; } }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      #key-benefits h1 {
        margin-top: 10px; } }
  #key-benefits .row .benefit {
    margin-top: 25px;
    margin-bottom: 35px; }
  #key-benefits img.flat-illustration {
    width: 100%; }
  #key-benefits .row {
    margin-bottom: 30px; }
    @media screen and (max-width: 488px) {
      #key-benefits .row {
        margin-bottom: 0px; } }
    @media screen and (min-width: 489px) and (max-width: 767px) {
      #key-benefits .row {
        margin-bottom: 0px; } }
    #key-benefits .row h2 {
      font-family: "Tahoma",Arial,Helvetica,sans-serif;
      color: #ffffff;
      margin-top: 10px;
      font-size: 25px;
      vertical-align: center; }
    #key-benefits .row p {
      color: #ffffff;
      font-family: "Tahoma",Arial,Helvetica,sans-serif;
      font-size: 15px; }
    #key-benefits .row .img-prize {
      margin-top: 15px;
      margin-bottom: 15px; }
    #key-benefits .row .img-container img.icon {
      width: 80px; }

#get-started {
  padding-bottom: 30px; }
  @media screen and (max-width: 488px) {
    #get-started {
      padding-bottom: unset; } }
  @media screen and (min-width: 489px) and (max-width: 767px) {
    #get-started {
      padding-bottom: unset; } }
  #get-started h2 {
    font-family: "Tahoma",Arial,Helvetica,sans-serif;
    font-weight: bold;
    color: #011f3b;
    margin-top: 35px; }
    @media screen and (max-width: 488px) {
      #get-started h2 {
        font-size: 25px;
        margin-top: 0px; } }
    @media screen and (min-width: 489px) and (max-width: 767px) {
      #get-started h2 {
        margin-top: 0px;
        font-size: 26px; } }
  #get-started p {
    font-family: "Tahoma",Arial,Helvetica,sans-serif;
    margin-bottom: 30px;
    font-size: 17px; }
    @media screen and (max-width: 488px) {
      #get-started p {
        font-size: 15px;
        margin-bottom: 10px; } }
  #get-started .square-box {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    height: 0;
    padding-top: 50px;
    padding-bottom: 240px;
    overflow: hidden; }
    @media screen and (max-width: 488px) {
      #get-started .square-box {
        padding-top: 25px;
        margin-bottom: 15px; } }
    @media screen and (min-width: 489px) and (max-width: 767px) {
      #get-started .square-box {
        padding-top: 25px;
        margin-bottom: 15px;
        padding-bottom: 220px; } }
    @media screen and (min-width: 768px) and (max-width: 991px) {
      #get-started .square-box {
        padding-bottom: 270px; } }
    #get-started .square-box .icon-container .icon {
      width: 80px; }
    #get-started .square-box h3 {
      font-size: 20px;
      color: #00b8e2;
      font-weight: bold; }
    #get-started .square-box p {
      font-family: "Tahoma",Arial,Helvetica,sans-serif;
      font-size: 18px;
      padding: 6px; }
  #get-started .appstore-container {
    margin-top: 20px;
    margin-bottom: 40px; }

#mid-app {
  padding-top: 0px;
  padding-bottom: 40px; }
  #mid-app h2 {
    font-weight: bold; }
    @media screen and (max-width: 488px) {
      #mid-app h2 {
        font-size: 25px; } }
    @media screen and (min-width: 489px) and (max-width: 767px) {
      #mid-app h2 {
        font-size: 26px; } }
  #mid-app .appstore-container {
    direction: ltr; }

#get-started-three-steps {
  background-color: #e8e8e8; }
  @media screen and (max-width: 488px) {
    #get-started-three-steps {
      padding-top: 10px; } }
  @media screen and (max-width: 488px) {
    #get-started-three-steps h2 {
      font-size: 25px; } }
  @media screen and (min-width: 489px) and (max-width: 767px) {
    #get-started-three-steps h2 {
      font-size: 28px; } }

#contact-us h2, #contact-us p {
  font-family: "Tahoma", Arial, Helvetica, sans-serif; }

#legal-support h2, #legal-support p, #legal-support a {
  font-family: "Tahoma", Arial, Helvetica, sans-serif; }

@media screen and (max-width: 488px) {
  section .get-started-list {
    padding-left: 15px; } }
@media screen and (min-width: 489px) and (max-width: 767px) {
  section .get-started-list {
    padding-left: 15px; } }
section .get-started-list h2 {
  color: #011f3b;
  font-weight: bold;
  margin-bottom: 30px; }
section .get-started-list ul {
  padding-left: 0;
  padding-right: 0; }
  section .get-started-list ul li {
    margin-bottom: 20px;
    font-size: 17px;
    list-style: none; }
    @media screen and (max-width: 488px) {
      section .get-started-list ul li {
        font-size: 15px; } }
    section .get-started-list ul li img {
      width: 75px;
      margin-right: 8px;
      vertical-align: middle; }
    section .get-started-list ul li p {
      display: inline-block;
      vertical-align: middle; }
  section .get-started-list ul li.first-list {
    background-image: url("https://cdn-resources.onefinancialmarkets.com/ofmarketsgroup/icons/computer-check-icon-blue.png");
    background-repeat: no-repeat;
    background-position: right 10px;
    -webkit-background-size: 65px;
    background-size: 60px;
    padding-right: 83px;
    padding-top: 27px;
    padding-bottom: 20px; }
    @media screen and (max-width: 488px) {
      section .get-started-list ul li.first-list {
        padding-top: 5px;
        padding-bottom: 6px; } }
  section .get-started-list ul li.second-list {
    background-image: url("https://cdn-resources.onefinancialmarkets.com/ofmarketsgroup/icons/download-icon-blue.png");
    background-repeat: no-repeat;
    background-position: right 10px;
    -webkit-background-size: 65px;
    background-size: 60px;
    padding-right: 83px;
    padding-top: 27px;
    padding-bottom: 20px; }
    @media screen and (max-width: 488px) {
      section .get-started-list ul li.second-list {
        padding-top: 5px;
        padding-bottom: 6px; } }
  section .get-started-list ul li.third-list {
    background-image: url("https://cdn-resources.onefinancialmarkets.com/ofmarketsgroup/icons/enter-details-icon.png");
    background-repeat: no-repeat;
    background-position: right 10px;
    -webkit-background-size: 65px;
    background-size: 60px;
    padding-right: 83px;
    padding-top: 27px;
    padding-bottom: 20px; }
    @media screen and (max-width: 488px) {
      section .get-started-list ul li.third-list {
        padding-top: 5px;
        padding-bottom: 6px; } }

section.row2 h1 {
  color: #ffffff;
  font-weight: bold;
  font-size: 60px; }
  section.row2 h1 .bright-text {
    color: #fbd657; }

#bottom-app h2 {
  font-weight: bold; }
#bottom-app .appstore-container {
  direction: ltr; }

#footer {
  font-family: "Roboto",Arial,Helvetica,sans-serif; }
  #footer div, #footer span, #footer a {
    font-family: "Roboto",Arial,Helvetica,sans-serif; }
  #footer .axi-footer-logo {
    width: 80px; }
  #footer hr.line {
    border-color: red; }
  #footer .inline-links {
    color: #ffffff;
    font-size: 22px; }
    #footer .inline-links a {
      color: #ffffff;
      font-size: 14px;
      font-family: "Roboto",Arial,Helvetica,sans-serif; }
  #footer p {
    color: #343233;
    font-family: "Roboto",Arial,Helvetica,sans-serif; }

#why-choose h2 {
  font-weight: bold; }

#thankyou {
  background-image: url("https://cdn-resources.onefinancialmarkets.com/sites/default/files/images/sharetradingbannernew3.jpg");
  padding-top: 35px;
  padding-bottom: 35px; }
  #thankyou h1 {
    font-size: 55px; }
  #thankyou p {
    font-size: 25px; }
  #thankyou h1.countdown {
    font-size: 125px; }

.ofmdarkbluebg {
  color: #ffffff; }

.ofmdarkbluetext {
  color: #011f3b; }

@media screen and (max-width: 488px) {
  .appstore-container img {
    width: 150px; } }

body.ar {
  direction: ltr; }
  body.ar .row {
    margin-left: 0px;
    margin-right: 0px; }
  body.ar section {
    direction: rtl; }

/*# sourceMappingURL=main.css.map */