@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); /* Fonts */ :root { --bg: #010026; --footer: #0b1628; --panel: #1b1a40; --panel-soft: rgba(31, 29, 75, 0.86); --red: #ff3148; --primary-color: #0C7BDB; --text: #ffffff; --color-white: #fff; --muted: rgba(255, 255, 255, 0.78); --container: 1350px; --u: min(.052083333vw, 1px); --ink: #111b27; --red: #0C7BDB; --muted: #5f758f; --gradient: #0C7BDB; } /* Reset / Global */ html { scroll-behavior: smooth; } body { margin: 0; background: var(--bg); color: var(--text); font-family:"Poppins", sans-serif; overflow-x: hidden; } img { display: block; max-width: 100%; } a { color: inherit; text-decoration: none; } button, input { font: inherit; } .section-pad { padding: 86px 0; position: relative; } .eyebrow { margin: 0 0 8px; color: #fff; font-size: clamp(12px, 1vw, 17px); font-weight: 700; } h1, h2, h3, p { margin-top: 0; } h2 { margin-bottom: 22px; font-size: clamp(30px, 3.4vw, 40px); line-height: 1.08; font-weight: 800; } .lead, .copy-list p, .section-title p { color: #fff; font-size: clamp(14px, 1vw, 17px); line-height: 1.42; } .btn { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 0 28px; border-radius: 15px; font-size: 15px; font-weight: 800; transition: transform .3s ease, box-shadow .3s ease, background .3s ease; } .btn:hover, .btn:focus { transform: translateY(-2px); } .btn-primary { background: linear-gradient(135deg, #8b29f6, #6d19c8); box-shadow: 0 0 24px rgba(139, 41, 246, .5); } .btn-ghost { border: 2px solid var(--purple); background: rgba(255,255,255,.02); } .reveal-up { opacity: 0; transform: translateY(26px); transition: opacity .8s ease, transform .8s ease; } .reveal-up.is-visible { opacity: 1; transform: translateY(0); } .grid-container.design-container { max-width: var(--container); padding-left: 0; padding-right: 0; } a { text-decoration: none; } p, a, input, ul, li { font-family: "Poppins", sans-serif; font-size: 14px; font-weight: 400; margin: 0px; } main#main p{ color: var(--ink); font: 400 calc(20 * var(--u)) / 1.75 Poppins, Arial, sans-serif; } .line1{ line-height: 1; } .gray{ color: #8F8F92; } .white{ color: #fff; } .white70{ color: rgb(255 255 255 / 70%) !important; } .yellow{ color: #FFE221; } .darkbg{ background: #191818; } .sectionbg{ background: #1F1F24; } .blue{ color: #896BF0; } .relative{ position: relative; } .absolute{ position: absolute; } .text-center{ text-align: center; } .text-left{ text-align: left; } .dflex{ display: flex; } .dblock{ display: block; } .gap5{ gap: 5px; } .gap10{ gap: 10px; } .gap15{ gap: 15px; } .gap20{ gap: 20px; } .flexwrap{ flex-wrap: wrap; } .alignc{ align-items: center; } .justifyc{ justify-content: center; } .justifyl{ justify-content: left; } .justifyb{ justify-content: space-between; } .flexc{ flex-direction: column; } .regular { font-weight: 400; } .medium { font-weight: 500; } .semibold { font-weight: 600; } .bold { font-weight: 700; } .extrabold { font-weight: 800; } .font12{ font-size: 12px; } .font14{ font-size: 14px; } .font16{ font-size: 16px; } .font18{ font-size: 18px; } .font20{ font-size: 20px; } .font22{ font-size: 22px; } .font24{ font-size: 24px; } .font26{ font-size: 26px; } .font28{ font-size: 28px; } .font30{ font-size: 30px; } .font32{ font-size: 32px; } .font34{ font-size: 34px; } .font36{ font-size: 36px; } .font35{ font-size: 35px; } .font38{ font-size: 38px; } .font40{ font-size: 40px; } .font70{ font-size: 70px; } .font80{ font-size: 80px; } .mt-10{ margin-top: 10px; } .mt-5{ margin-top: 5px; } .mt-95{ margin-top: 95px; } .m-0{ margin: 0; } .ml-0{ margin-left: 0px !important; } .mt-15{ margin-top: 15px; } .mt-20{ margin-top: 20px; } .mt-25{ margin-top: 25px; } .mt-30{ margin-top: 30px; } .mt-40{ margin-top: 40px; } .mt-50{ margin-top: 50px; } .mb-5{ margin-bottom: 5px; } .mb-10{ margin-bottom: 10px; } .mb-0{ margin-bottom: 0px; } .mb-15{ margin-bottom: 15px; } .mb-20{ margin-bottom: 20px; } .mb-25{ margin-bottom: 25px; } .mb-30{ margin-bottom: 30px; } .mb-40{ margin-bottom: 40px; } .mb-35{ margin-bottom: 35px; } .mb-50{ margin-bottom: 50px; } .mr-5{ margin-right: 5px; } .ml-5{ margin-left: 5px; } .w-60 { width: 70%; } .w46{ width: 33%; } .p20{ padding: 20px; } .pt-10{ padding-top: 10px; } .pt-15{ padding-top: 15px; } .pt-20{ padding-top: 20px; } .pt-30{ padding-top: 30px; } .pt-40{ padding-top: 40px; } .pt-50{ padding-top: 50px; } .pb-10{ padding-bottom: 10px; } .pb-15{ padding-bottom: 15px; } .pb-20{ padding-bottom: 20px; } .pb-30{ padding-bottom: 30px; } .pb-40{ padding-bottom: 40px; } .pb-50{ padding-bottom: 50px; } .p-10{ padding: 10px; } .p-15{ padding: 15px; } .p25{ padding: 25px; } .p40{ padding: 40px; } .p-0{ padding: 0px; } .pt-0{ padding-top: 0px !important; } .p-20{ padding: 20px; } .p-25{ padding: 25px; } .px-10{ padding: 0 10px; } .px-20{ padding: 0 20px; } .px-15{ padding: 0 15px; } .px-35{ padding: 0 35px; } .px-30{ padding: 0 30px; } .px-40{ padding: 0 40px; } .py-10{ padding: 10px 0; } .py-30{ padding: 30px 0; } .py-35{ padding: 35px 0; } .p-35{ padding: 35px; } .mb0{ margin: 0px; } .my-25{ margin: 25px 0; } .my-40{ margin: 40px 0; } .w100{ width: 100%; } .wd-max{ width: max-content; } /*Header Begin*/ /* */ header.theme-header { width: 100%; top: 0; z-index: 999999; background: transparent; background: #ffffff99 0% 0% no-repeat padding-box; opacity: 1; backdrop-filter: blur(30px); } body{ background: #F6F7FC !important; } header.theme-header .grid-container { /* margin: 20px auto; */ max-width: 1300px !important; padding: 0px 10px; /* background: #27273f 0% 0% no-repeat padding-box; box-shadow: 0px 30px 40px #0000000D; opacity: 1; backdrop-filter: blur(30px); border-radius: 24px; */ } header { position: fixed; top: 0; z-index: 999; transition: transform 0.4s ease, opacity 0.4s ease; } .header-navigation.breakpoint-on .nav-menu { background-color: #0C7BDB!important; } .head-top { display: flex; justify-content: space-between; align-items: center; padding: 10px 17px; background: #f5f3f1; border-bottom: 1px solid rgb(123 124 135 / 28%); } .head-btn ul { list-style-type: none; display: flex; align-items: center; gap: 20px; padding-right: 20px; } .head-top-cunt { display: flex; align-items: center; } .head-top-cunt a { color: #fff; font-size: 14px; display: flex; align-items: center; gap: 10px; } a.wt-btns, a.bl-btns { width: max-content; } .head-top-cunt span.red-line { color: #fff; width: 35px; text-align: center; } li.login { margin-right: 0px !important; } .header-navigation .primary-menu { display: flex; align-items: center; justify-content: space-between; gap: 30px; padding: 0px 0px; } body .row { max-width: 1200px !important; } .primary-menu .main_head { width: 100%; display: flex; align-items: center; justify-content: space-between; height: 85px; padding: 0px 0px; border-radius: 0px; gap: 50px; position: relative; } .primary-menu .main_head .nav-menu { width: 100%; } .primary-menu .main_head ul#menu_main { justify-content: end; display: flex; } .header-right-nav ul li a { border: none; position: relative; display: flex; } .header-right-nav { display: flex; } a.bl-btn, a.wt-btn { display: none; } .header-right-nav ul li a.wt-btns { background: #0C7BDB; border: 1px solid #0C7BDB; color: var(--color-white); } li.login i.fa.fa-sign-in, .header-right-nav ul li a.bl-btn, .header-right-nav ul li a.wt-btn { display: none; } .dd .ddTitle .ddTitleText { padding: 0; height: auto !important; overflow: visible !important; } .nav-main { display: flex; flex-direction: column-reverse; } .header-right-nav ul { margin: 0px 0px 0px auto; } .header-right-nav { text-align: right; padding: 8px 0px; } /**/ html body span.arrow.arrowoff { border-top: 5px solid #111B27 !important; } html body .country span.ddTitleText span.ddlabel { color: #111B27 !important; } header .header-navigation .primary-menu .nav-menu nav.main-menu li.menu-item ul li a { color: #0C7BDB!important; } header .header-navigation .primary-menu .nav-menu nav.main-menu li.menu-item ul li:hover a { color: #1B1E31 !important; } ul#menu_main li ul { height: 0; overflow: hidden; position: absolute; display: none; } .header-navigation .main-menu ul#menu_main li .sub-menu { height: auto; display: block; } .header-top-bar .top-left ul li { display: inline-block; } .fixed-header g#Group_61 path, .fixed-header path#Path_4470 { fill: #fff; } .header-top-bar .top-left ul li span i { margin-right: 10px; } .header-top-bar .top-right ul.social-link li { margin-left: 15px; } .header-top-bar .lang-dropdown .nice-select { background-color: transparent; border-radius: 0; border: none; } .main-menu ul { margin-left: 0px; } .header-navigation .main-menu ul li { display: inline-block; position: relative; margin: 0px 10px; } ul#menu_main li.has-children.menu-item::before { position: absolute; content: ""; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #FFFFFF; bottom: 15px; right: -20px; } .header-navigation .main-menu ul li .sub-menu li.active a { color: #fff !important; } .header-right-nav ul { margin-bottom: 0px; } li.orgn { background: var(--primary-color); color: #fff !important; } a.bl-btns i.fa.fa-sign-in { display: none; } .header-navigation .main-menu ul li:after { content: ''; display: block; margin: auto; height: 3px; width: 0px; background: transparent; transition: width .5s ease, background-color .5s ease; } .header-navigation .main-menu ul li:hover:after { width: 100%; background: var(primary-color); } .header-navigation .main-menu ul li.active:hover:after { width: 100%; background: none; } .header-navigation .main-menu ul li .sub-menu li.active:after { content: none; } .header-navigation .main-menu ul li .sub-menu li:hover:after { background: none; } header .header-navigation .primary-menu .nav-menu nav.main-menu ul.sub-menu li.active a { color: #fff; } .header-navigation .main-menu ul li>a { display: block; padding: 8px 0px; color: #111B27; line-height: 1; font-weight: 600; font-size: 14px; } .main-menu ul { line-height: 0px; margin-bottom: 0px; } .header-navigation .main-menu ul li .sub-menu { position: absolute; left: 0; top: 40px; width: 200px; opacity: 0; visibility: hidden; -webkit-transition: all 0.2s; transition: all 0.2s; z-index: 999; height: auto; box-shadow: 0px 10px 30px 0px rgb(110 104 162 / 10%); background: var(--primary-color); } .header-navigation .main-menu ul li .sub-menu li { display: block; margin: 0; } .header-navigation .main-menu ul li .sub-menu li:last-child>a { border-bottom: none; } .header-navigation .main-menu ul li .sub-menu li a { display: block; padding: 7px 15px; position: relative; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; border-radius: 0; line-height: 2; margin: 0; border-bottom: 1px solid #ececec; color: #1b3255; } .header-navigation .main-menu ul li .sub-menu li a:hover { color: #fff; border-color: transparent; } .header-navigation .main-menu ul li .sub-menu li .sub-menu { left: 100%; top: 50%; } .header-navigation .main-menu ul li .sub-menu li:hover .sub-menu { top: 0%; } body .header-navigation .main-menu ul li .sub-menu li:hover>a { background-color: #fff; } .header-navigation .main-menu ul li:hover>.sub-menu { opacity: 1; visibility: visible; top: 100%; } .header-navigation .main-menu ul li .dd-trigger { display: none; } .header-navigation.breakpoint-on .nav-menu { text-align: left; background-color: var(primary-color); position: fixed; top: 0; left: -300px; z-index: 9999; width: 300px; height: 100vh; -webkit-transition-duration: 500ms; transition-duration: 500ms; padding: 0; -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); display: block; overflow-x: hidden; overflow-y: scroll; padding-top: 70px; } .header-navigation.breakpoint-on .nav-menu.menu-on { left: 0; } .header-navigation.breakpoint-on .nav-menu .main-menu ul li { display: block; margin: 0; border-bottom: 1px solid #ececec; } .header-navigation.breakpoint-on .nav-menu .main-menu ul.sub-menu li:last-child { border-bottom: 0; } .header-navigation.breakpoint-on .nav-menu .main-menu ul li.active .sub-menu { border-top: 1px solid #ececec; } .header-navigation.breakpoint-on .nav-menu .main-menu ul li a { display: block; border-bottom: 0px solid rgba(255, 255, 255, 0.5); color: var(heading); padding: 13px 20px; } .header-navigation.breakpoint-on .nav-menu .main-menu ul li .sub-menu { width: 100%; position: relative; top: 0; left: 0; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; visibility: visible; opacity: 1; display: none; -webkit-transition: none; transition: none; } .header-navigation.breakpoint-on .nav-menu .main-menu ul li .sub-menu li a { color: #162542; padding: 0px 20px 0 40px; line-height: 45px; } .header-navigation.breakpoint-on .nav-menu .main-menu ul li .sub-menu li a:hover { border-color: rgba(255, 255, 255, 0.5); } .header-navigation .main-menu ul>li.has-children .sub-menu li.has-children:hover>a:after { color: #fff; } .header-navigation.breakpoint-on .nav-menu .main-menu ul li .dd-trigger { display: block; position: absolute; right: 0; height: 42px; width: 45px; top: 0; border-left: 1px solid #eaeaea; z-index: 2; background: transparent; text-align: center; line-height: 45px; cursor: pointer; color: #162542; font-size: 1.25rem; } .header-navigation.breakpoint-on .nav-menu .main-menu.menu-on { left: 0; } .header-navigation.breakpoint-on .nav-menu .main-menu ul li.search-item { display: none; } .header-navigation.breakpoint-on .navbar-close, .header-navigation.breakpoint-on .navbar-toggler { display: block; } .header-navigation .header-right-nav { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .header-navigation .navbar-toggler { display: none; padding: 0; border: none; background-color: transparent; cursor: pointer; } .header-navigation .navbar-toggler span { position: relative; background-color: #0C7BDB; border-radius: 6px; display: block; height: 3px; margin-top: 5px; padding: 0; -webkit-transition-duration: 300ms; transition-duration: 300ms; width: 30px; cursor: pointer; display: block; } g#Group_61 path, path#Path_4470 { fill: #fff; } .menu-main-right { display: flex; } .header-navigation .navbar-toggler.active span:nth-of-type(1) { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); top: 8px; } .header-navigation .navbar-toggler.active span:nth-of-type(2) { opacity: 0; } .header-navigation .navbar-toggler.active span:nth-of-type(3) { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); top: -8px; } .header-navigation .navbar-close { position: absolute; top: 0; right: 0; z-index: 12; width: 40px; height: 40px; text-align: center; line-height: 40px; display: none; cursor: pointer; background: #2b2b2b; } .header-navigation .navbar-close img { width: 20px; } .navigation-#fff .navbar-toggler span { background-color: #fff; } .header-navigation.breakpoint-on .nav-menu .nav-search { display: block; } .nav-menu .nav-search { display: none; margin: 0 20px 20px; } .nav-menu .nav-search .form_group .form_control { border: 1px solid #e1e1e1; height: 60px; padding: 0 20px; } .nav-menu .nav-search .form_group .search-btn { position: absolute; top: 17px; right: 20px; background-color: transparent; } .lag { float: unset; margin: 0px; } .lag .country .ddcommon ul { display: block; } .header-right-nav ul { display: inline-flex; list-style: none; align-items: center; gap: 15px; } li.active.menu-item a.active { border-radius: 6px; padding: 10px 20px; font-weight: 800 !important; } .header-right-nav>ul>li { margin-left: 0px; } .header-right-nav>ul>li a { padding: 8px 25px; color: var(--color-white); border: 1px solid #0C7BDB; background: #0C7BDB; } .header-right-nav>ul>li a.bl-btns { background: transparent; border: none; color: #111B27; border: 1px solid #0C7BDB; } .header-right-nav ul li.navbar-toggle-btn { display: none; } .header-right-nav ul li.nav-button, .header-right-nav ul li.lang-dropdown { display: inline-flex; align-items: center; } .header-right-nav ul li.lang-dropdown .nice-select { padding: 0; border: none; font-size: 1.125rem; font-weight: 700; background-color: transparent; border-radius: 0; color: var(heading); } select { background: transparent; border: 0px solid #26272D; color: #fff !important; } select:focus { background: transparent; border: 0px solid #26272D; color: #fff !important; } .header-right-nav ul li.lang-dropdown .nice-select .option { display: flex; } .header-right-nav ul li.lang-dropdown .nice-select ul.list { display: block; } .header-right-nav ul li.lang-dropdown:before { display: inline-flex; content: '|'; color: rgba(25, 25, 25, 0.4); font-size: 1.25rem; margin-right: 25px; } .header-right-nav ul li.navbar-toggle-btn { display: none; } .header-right-nav.header-right-nav-one ul li.lang-dropdown:before { display: none; } .header-right-nav.header-right-nav-one ul li.lang-dropdown:after { display: inline-flex; content: '|'; color: var(heading); font-size: 1.25rem; margin-left: 25px; } .header-right-nav.header-right-nav-two ul li .main-btn { border: 2px solid #e7e7e7; background: #fff; border-radius: 0; justify-content: space-between; color: var(heading); align-items: center; text-decoration: none; padding: 6px 10px 6px 30px; } .header-right-nav.header-right-nav-two ul li .main-btn i { width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; color: #fff; background: linear-gradient(90deg, rgb(0, 41, 157) 0%, rgb(0, 120, 238) 100%); margin-left: 10px; } .site-branding { max-width: 200px; } .navigation-blue-light .main-menu ul li .sub-menu li:hover>a { background-color: var(blue-light); } .navigation-blue-light .main-menu ul li:hover.has-children>a:after, .navigation-blue-light .main-menu ul li:hover>a { color: var(blue-light); } .navigation-blue-dark .main-menu ul li .sub-menu li:hover>a { background-color: var(blue-dark); } .navigation-blue-dark .main-menu ul li:hover.has-children>a:after, .navigation-blue-dark .main-menu ul li:hover>a { color: var(blue-dark); ; } .navigation-#fff .main-menu ul li .sub-menu li:hover>a { background-color: var(blue-light); } .navigation-#fff .main-menu ul li>a, .navigation-#fff .main-menu ul>li.has-children>a:after { color: #fff; } .navigation-#fff .main-menu ul li:hover.has-children>a:after, .navigation-#fff .main-menu ul li:hover>a { color: var(blue-light); } .navigation-#fff .header-right-nav ul li.cart-item a { color: #fff; } .navigation-#fff .header-right-nav ul li.lang-dropdown .nice-select { color: #fff; } .navigation-#fff .header-right-nav ul li.lang-dropdown .nice-select .option { color: var(heading); } /* Header Sticky */ .header-navigation.sticky { position: fixed; top: 0; left: 0; right: 0; z-index: 999; background-color: #fff; -webkit-animation: sticky 1.2s; animation: sticky 1.2s; box-shadow: 0px 10px 30px 0px rgb(110 104 162 / 10%); } .header-navigation.navigation-#fff.sticky { background-color: var(heading); } html { scroll-behavior: smooth; } .purple { color: var(--purple-hot); } h1, h2, h3, h4, p, span, li { color: var(--text); font-family:"Poppins", sans-serif; } h1, h2, h3, h4, p { margin-top: 0; } h1 { margin-bottom: 20px; color: var(--purple-hot); font-size: clamp(38px, 4.5vw, 70px); line-height: 1; font-weight: 800; } h2 { margin-bottom: 22px; font-size: clamp(30px, 3.4vw, 40px); line-height: 1.08; font-weight: 800; } .lead, .copy-list p, .section-title p { color: #fff; font-size: clamp(14px, 1vw, 17px); line-height: 1.42; } .btn { display: inline-flex !important; align-items: center; justify-content: center; min-height: 42px !important; padding: 0 28px !important; border-radius: 12px !important; font-size: 15px !important; font-weight: 800 !important; transition: transform .3s ease, box-shadow .3s ease, background .3s ease; } .btn:hover, .btn:focus { transform: translateY(-2px); } .btn-primary { background: linear-gradient(135deg, #8b29f6, #6d19c8); box-shadow: 0 0 24px rgba(139, 41, 246, .5); } .btn-ghost { border: 2px solid var(--purple); background: rgba(255,255,255,.02); } .reveal-up { opacity: 0; transform: translateY(26px); transition: opacity .8s ease, transform .8s ease; } .reveal-up.is-visible { opacity: 1; transform: translateY(0); } @media (max-width: 760px) { .header-actions { display: none; } .menu-toggle { margin-left: auto; display: flex; min-width: 44px; min-height: 44px; align-items: center; justify-content: center; } h1 { font-size: clamp(28px, 7.2vw, 32px); line-height: 1.22; max-width: 100%; white-space: normal !important; overflow-wrap: break-word; word-break: normal; } h2 { font-size: clamp(23px, 6.2vw, 28px); max-width: 100%; white-space: normal !important; overflow-wrap: break-word; word-break: normal; } .hero-copy, .hero-description, .about-copy, .journey-copy, .why-copy, .insights .grid-container > p, .mobile-app .app-copy { max-width: 100%; width: 100%; } .hero-copy h1 { font-size: 35px; color: #000; } .hero-copy, .about-copy, .journey-copy, .why-copy, .insights .grid-container, .app-copy { max-width: min(100%, 330px); } .hero-description, .about-copy > p:not(.eyebrow):not(.tagline), .journey-copy > p:not(.eyebrow), .why-copy p, .insights > .grid-container > p { font-size: 12px; line-height: 1.75; overflow-wrap: anywhere; } .hero { min-height: 720px; padding-bottom: 40px; background-size: auto 445px; background-position: 72% bottom; } .hero-benefits { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .hero-benefits > div { min-width: 0; } .hero-benefits strong, .hero-benefits small { white-space: normal; } .stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } .market-track, .testimonial-track { max-width: 100%; } .market-card { flex-basis: min(255px, 86vw); } } @media (max-width: 360px) { h1 { font-size: 30px; } .hero-benefits { grid-template-columns: 1fr; } } body{ margin:0; color:#111b27; font:400 20px/1.75 Poppins,Arial,sans-serif; background:#fff; color: var(--ink) !important; } h1,h2,h3,h4,p{ margin:0 } h1,h2,h3,h4,button,input{ font-family:inherit; } h1,h2{ font-weight:800; line-height:1.32; letter-spacing:-.025em; } h1{ font-size:80px; line-height:1.25; font-size: calc(80 * var(--u)); color: var(--ink) !important; } h2{ font-size: calc(60 * var(--u)); color: var(--ink) !important; } h1 span,h2 span{ color:#0C7BDB; } body { margin: 0; color: #111b27; font: 400 20px/1.75 Poppins, Arial, sans-serif; background: #fff; } h1, h2, h3, h4, p { margin: 0; } h1, h2, h3, h4, button, input { font-family: inherit; } h1, h2 { font-weight: 800; line-height: 1.32; letter-spacing: -0.025em; font-size: calc(60 * var(--u)); } h2 { font-size: calc(60 * var(--u)); } h1 span, h2 span { color: #0C7BDB; } p { font-size: inherit; line-height: 1.75; } button, a, input { -webkit-tap-highlight-color: transparent; } button { cursor: pointer; } button:focus-visible, a:focus-visible, input:focus-visible { outline: 3px solid #2684ff; outline-offset: 4px; } a { color: inherit; } a:hover { color: #0C7BDB; } button { line-height: 1.5; } .grid-container { width: calc(1500 * var(--u)); max-width: 1500px; padding: 0; margin: auto; } .icon { display: inline-block; width: 30px; height: 30px; vertical-align: middle; flex-shrink: 0; } .eyebrow { font-size: 30px; font-weight: 600; line-height: 1.5; color: #0C7BDB; } .button { border: 0; border-radius: 9px; font-size: 16px; font-weight: 500; padding: 20px 30px; margin: 0; display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-height: 65px; transition: transform 0.2s, box-shadow 0.2s; color: #fff; white-space: nowrap; } button.gradient svg { height: 40px; position: relative; top: 3px; } .gradient { background: #0C7BDB; color: #fff; box-shadow: 0 9px 24px #0c7bdb29; } .button:hover { transform: translateY(-3px); box-shadow: 0 12px 26px #0c7bdb29; color: #fff; } .button.dark { background: #111b27; box-shadow: 0 9px 24px #111b2729; } .pill { border-radius: 100px; } .button .icon { width: 31px; height: 31px; } .actions { display: flex; align-items: center; gap: 20px; } .text-link { font-size: 18px; color: #0C7BDB; padding: 20px; white-space: nowrap; } .tagline { letter-spacing: 0.3em; font-size: 20px; color: #0C7BDB; font-weight: 600; } .skip-link { position: absolute; left: 20px; top: -100px; background: white; z-index: 100; padding: 12px; } .skip-link:focus { top: 12px; } .site-header { height: 99px; position: absolute; left: 0; right: 0; top: 0; z-index: 20; border-bottom: 1px solid #d6e2e8; background: #ffffffb0; backdrop-filter: blur(15px); } .header-inner { height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 35px; } .brand { flex-shrink: 0; width: 139px; display: block; } .brand img { width: 100%; height: auto; } .site-header nav { margin-left: auto; } .site-header .menu { gap: 30px; flex-wrap: nowrap; } .site-header .menu a { font-size: 18px; padding: 36px 15px; white-space: nowrap; position: relative; } .site-header .menu a.active { color: #0C7BDB; } .site-header .menu a.active:after { content: ""; height: 2px; width: 58px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); background: #0C7BDB; } .header-actions { display: flex; gap: 12px; } .header-actions .button { font-size: 16px; min-height: 47px; padding: 12px 23px; gap: 7px; } .header-actions .login { background: white; color: #0C7BDB; border: 1px solid #ff8d8b; } .menu-toggle { display: none; } .hero { height: 1081px; background: url("https://corner-trader.com//images/cornertrader/hero.png") center center/cover no-repeat; position: relative; } .hero:before { content: ""; position: absolute; inset: 106px auto 0 14px; width: 920px; background: linear-gradient(90deg, #ffffffa0, #ffffff50, transparent); pointer-events: none; } .hero .grid-container { position: relative; } .hero-copy { padding-top: 244px; max-width: 1000px; } .hero .eyebrow { font-size: 25px; letter-spacing: 0.03em; margin-bottom: 12px; } .hero-description { font-weight: 500; font-size: 16px; letter-spacing: 0.015em; margin-top: 18px; } .hero .actions { margin-top: 50px; } .hero-benefits { display: flex; gap: 34px; margin-top: 57px; } .hero-benefits > div { display: flex; align-items: center; gap: 9px; } .hero-benefits strong { font-weight: 500; color: #0C7BDB; font-size: calc(20 * var(--u)); display: block; line-height: 1.2; } .hero-benefits small { font-size: calc(16 * var(--u)); display: block; line-height: 1.4; color: var(--ink); } .hero-benefits .icon { width: 31px; } .hero-dots { display: none; gap: 9px; margin-top: 60px; } .hero-dots i { display: block; width: 9px; height: 6px; background: #ddd; border-radius: 4px; } .hero-dots i:first-child { width: 31px; background: #0C7BDB; } .about { height: auto; position: relative; } .feature span { color: var(--muted) !important; } .about > .grid-container { height: 100%; } .about-art { position: relative; height: 910px; display: flex; align-items: center; padding-left: 60px; } .phone { width: calc(375 * var(--u)); height: auto; position: relative; z-index: 1; left: 40px; } .brand-watermark { font-size: 870px; line-height: 1; position: absolute; color: #ffdedb; left: 2px; font-weight: 400; transform: scaleX(0.85); top: 0px; } .about-copy { position: relative; padding-left: 10px; } .about-copy h2 { font-weight: 600; white-space: nowrap; margin: calc(10 * var(--u)) 0; color: var(--ink); } .about-copy > p:not(.eyebrow):not(.tagline) { margin-bottom: 20px; } .about-watermark { position: absolute; opacity: 0.04; width: 750px; top: 280px; z-index: 0; pointer-events: none; } .stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; position: relative; margin-top: 50px; margin-bottom: 42px; } .stat:first-child { background: #f1fbfd; } .stat:nth-child(2) { background: #fcf3fc; } .stat { height: calc(145 * var(--u)); background: #fdf4f5; border-radius: calc(12 * var(--u)); text-align: center; padding: calc(15 * var(--u)) calc(3 * var(--u)); display: flex; align-items: center; flex-direction: column; justify-content: center; } .stat .icon { color: #0C7BDB; width: 30px; height: 30px; margin-bottom: 4px; } .stat:first-child .icon { color: #008ffc; } .stat:nth-child(2) .icon { color: #a120c3; } .stat strong { font-size: 35px; font-weight: 600; line-height: 1.1; } .stat small { font-size: 14px; line-height: 1.4; } .journey { height: 743px; background: #eef8fe url("https://corner-trader.com//images/cornertrader/journey.png") center/cover no-repeat; } .journey > .grid-container { height: 100%; position: relative; } .journey-copy { position: relative; } .journey h2 { margin: 7px 0; } .journey-copy > p:not(.eyebrow) { max-width: 850px; } .journey-art { position: absolute; left: 940px; top: -65px; width: 461px; } .feature-row { display: flex; justify-content: space-between; max-width: 790px; margin: 35px 0 62px; } .feature { text-align: center; color: var(--muted) !important; font-size: calc(20 * var(--u)); line-height: 1.4; min-width: calc(140 * var(--u)); display: flex; flex-direction: column; align-items: center; } .icon-disc .icon { width: 38px; height: 38px; } .markets { height: auto; padding: 60px 10px; } .section-heading { display: flex; align-items: center; justify-content: space-between; } .markets h2 { margin: 8px 0; } .slider-controls { display: flex; gap: 15px; } .round-button { display: grid; place-items: center; border-radius: 50%; background: #f4f4f4; width: 65px; height: 65px; font-size: 30px; line-height: 1; transition: transform 0.2s; } .round-button:hover { transform: scale(1.1); } .round-button.gradient { background: #0C7BDB; } .market-track { display: flex; gap: 23px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 35px 0 35px; } .market-track::-webkit-scrollbar, .testimonial-track::-webkit-scrollbar { display: none; } .market-card { flex: 0 0 calc((100% - 69px) / 4); border: 1px solid #dce3eb; border-radius: 12px; padding: 26px 32px; scroll-snap-align: start; transition: border-color 0.2s, transform 0.2s; min-width: 0; } .market-card:first-child { border-color: #0C7BDB; box-shadow: 0 16px 32px #0c7bdb29; } .market-card:hover { border-color: #0C7BDB; transform: translateY(-4px); } .market-label { display: flex; gap: 17px; align-items: center; } .market-label h3 { font-size: 23px; font-weight: 500; line-height: 1.2; color: #0c7bdb; } .market-label p { font-size: 15px; letter-spacing: 0.05em; color: #42526e; white-space: nowrap; } .flags { font-size: 35px; position: relative; display: inline-flex; align-items: center; letter-spacing: -0.4em; margin-right: 10px; } .flags span { font-size: 31px; position: relative; top: -4px; } .quote { display: flex; gap: 9px; align-items: center; margin: 22px 0 5px; white-space: nowrap; } .quote strong { font-size: 29px; font-weight: 600; } .quote span { font-size: 15px; } .positive { color: #1db569; } .negative { color: #f45779; } .sparkline { display: block; width: 100%; height: 93px; } .spread { font-size: 15px; color: #42526e; margin: 13px 0; } .market-card .button { width: 100%; padding: 8px 20px; min-height: 48px; font-size: 20px; justify-content: space-between; } .why-us { height: 768px; background: url("https://corner-trader.com//images/cornertrader/why-traders.png") center/cover no-repeat; } .why-us > .grid-container { height: 100%; } .why-copy { padding-left: -0px; margin-left: 49%; width: 51%; } .why-copy h2 { margin: 6px 0; } .why-copy .feature-row { margin-top: 65px; margin-bottom: 70px; } .why-copy .feature { min-width: 0; } .process { height: 1003px; padding-top: 88px; } .process .grid-container { width: 1500px; } .process h2 { margin-bottom: 12px; } .process-steps { list-style: none; margin: 130px 0 83px; padding: 0; display: grid; grid-template-columns: repeat(5, 1fr); } .process-steps li { position: relative; display: flex; flex-direction: column; align-items: center; } .process-steps li:not(:last-child):after { content: "› · · · · · · ›"; position: absolute; left: 64%; top: 12px; width: 72%; font-size: 30px; letter-spacing: 0.18em; color: #a6bed9; z-index: 0; } .step-number { position: relative; z-index: 1; background: #0C7BDB; color: white; width: 78px; height: 78px; font-size: 30px; border-radius: 50%; display: grid; place-items: center; box-shadow: 0 8px 20px #0c7bda69; } .process-steps li:nth-child(3) .step-number { outline: 1px solid #0C7BDB; outline-offset: 6px; } .step-icon { display: grid; place-items: center; width: 76px; height: 76px; border-radius: 18px; background: #fff2f4; color: #ff244d; margin: 33px 0 12px; } .process-steps h3 { font-size: 20px; font-weight: 600; line-height: 1.5; color: #0C7BDB; } .process-steps p { font-size: 20px; line-height: 1.6; color: #526173; } .process-steps li:nth-child(3) h3 { color: #0C7BDB; } .process .tagline { margin-top: 28px; } .insights { height: 630px; background: url("https://corner-trader.com//images/cornertrader/ai-markets.png") center/cover no-repeat; padding-top: 47px; position: relative; } .insights h2 { margin: 9px 0 5px; } .search-form { display: flex; width: 782px; height: 81px; background: white; border-radius: 10px; overflow: hidden; margin-top: 32px; box-shadow: 0 10px 35px #477b9420; } .search-form input { height: 100%; margin: 0; border: 0; box-shadow: none; font-size: 20px; padding: 25px 35px; background: transparent; min-width: 0; } .search-form button { width: 94px; flex-shrink: 0; border-radius: 9px; border: 6px solid white; box-shadow: none; } .search-form .icon { width: 35px; height: 35px; } .popular { display: flex; flex-wrap: wrap; align-items: center; gap: 13px; width: 950px; margin-top: 30px; } .popular strong { font-size: 20px; font-weight: 500; margin-right: 5px; } .popular button { font-size: 17px; border-radius: 50px; padding: 11px 25px; background: #fff; box-shadow: 0 2px 10px #426c8910; color: #58687e; } .popular button:hover { background: #fff0f1; color: #0C7BDB; } .search-results { position: absolute; width: min(600px, 90%); background: white; padding: 20px; border-radius: 12px; box-shadow: 0 10px 40px #111b2730; z-index: 4; font-size: 14px; max-height: 310px; overflow: auto; margin-top: 10px; border: 1px solid #eee; } .search-results h3 { font-size: 18px; } .search-results ul { margin: 10px 0 0 20px; } .search-results button { float: right; font-size: 24px; padding: 0 5px; } .search-results small { color: #6c7684; } .testimonials { height: 1005px; padding-top: 122px; } .testimonial-label { display: inline-block; position: relative; font-size: 20px; line-height: 1; letter-spacing: 0.32em; border: 1px solid #0C7BDB; border-radius: 50px; padding: 16px 36px; color: #0C7BDB; font-weight: 500; margin-bottom: 30px; } .testimonial-label:before, .testimonial-label:after { content: ""; position: absolute; top: 50%; width: 67px; height: 1px; background: #0C7BDB; } .testimonial-label:before { right: calc(100% + 22px); } .testimonial-label:after { left: calc(100% + 22px); } .testimonials h2 { font-weight: 600; } .gradient-text { background: #0C7BDB; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .testimonial-intro { font-size: 15px; color: #42526e; margin-top: 12px; line-height: 1.7; } .testimonial-slider { position: relative; margin: 62px -20px 0; } .testimonial-track { display: flex; gap: 20px; overflow: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 5px 5px 40px; } .testimonial-card { flex: 0 0 calc((100% - 60px) / 4); background: linear-gradient(#f9fafb, #fff); border: 1px solid #f3f3f5; border-radius: 20px; padding: 21px 22px 11px; text-align: left; box-shadow: 0 20px 35px #0c7bdb29; scroll-snap-align: start; } .person { display: flex; gap: 14px; align-items: center; } .person img { width: 98px; height: 98px; object-fit: cover; border-radius: 50%; } .person h3 { font-size: 20px; font-weight: 600; white-space: nowrap; color: #0c7bdb; } .person p { font-size: 14px; color: #69798d; line-height: 1.5; } .stars { color: #ffb000; letter-spacing: 0.03em; font-size: 25px; line-height: 1.6; } .quote-mark { color: #0C7BDB; font-size: 55px; font-weight: 700; height: 60px; line-height: 1.2; margin-top: 12px; } .testimonial-card > p { font-size: 16px; line-height: 1.6; min-height: 130px; color: #42526e; } .testimonial-card span.em { display: block; background: #ffeef3; color: #f92858; font-size: 14px; font-weight: 600; text-align: center; border-radius: 10px; padding: 12px 2px; white-space: nowrap; margin-top: 10px; } .testimonial-card:nth-child(even) span.em { background: #fff0e9; color: #fa643d; } .testimonial-slider > .round-button { position: absolute; top: 42%; width: 45px; height: 45px; z-index: 2; background: #fafafa; } .testimonial-prev { right: calc(100% + 15px); } .testimonial-next { left: calc(100% + 15px); } .testimonial-dots { display: flex; gap: 14px; justify-content: center; margin: 1px 0 22px; } .testimonial-dots span { width: 16px; height: 16px; background: #e6e3e6; border-radius: 50%; } .testimonial-dots .selected { background: #f60a55; } .community-button { font-size: 24px; min-width: 440px; min-height: 76px; } .muted { color: #65758c; font-weight: 500; margin-top: 18px; } .mobile-app { height: 711px; color: white; position: relative; overflow: hidden; background: url("https://corner-trader.com//images/cornertrader/app-background.png") center/cover no-repeat; } .app-decoration { position: absolute; width: 100%; height: 100%; inset: 0; object-fit: cover; pointer-events: none; } .app-phone{ position: absolute; right: 0; bottom: 0; } .app-copy { position: relative; padding-top: 67px; } .availability { font-size: 20px; font-weight: 500; margin-bottom: 40px; } .app-kicker { font-size: 20px; margin-bottom: 2px; } .app-kicker span { font-size: 30px; font-weight: 500; color: #ff6d00; } .mobile-app h2 { font-size: calc(95 * var(--u)); font-weight: 600; line-height: 1.2; letter-spacing: -.035em; white-space: nowrap; margin-bottom: calc(14 * var(--u)); color: #fff !important; } .ddcommon .ddTitle .ddTitleText, .dd .ddChild li{ display: flex !important; align-items: center; } .app-copy p { font-size: 20px; line-height: 1.9; color: #fff !important; } .mobile-app .discover { margin: 27px 0 10px; font-size: 20px; } .store-button { font-size: 20px; min-height: 74px; min-width: 290px; padding: 19px 25px; } .store-button.gradient { background: #0C7BDB; } .store-button.apple { background: white; color: #111b27; } .app-end { margin-top: 33px; font-size: 20px; line-height: 1.9; } .site-footer { background: #f3f6f7; min-height: 480px; padding-top: 57px; font-size: 18px; color: #55616d; } .footer-grid { display: grid; grid-template-columns: 1.15fr 0.95fr 0.95fr 0.75fr 1.8fr; gap: 40px; } .footer-brand img { width: 97px; height: auto; margin-bottom: 20px; } .footer-brand p { font-size: 18px; line-height: 1.7; } .footer-brand p + p { margin-top: 40px; } .socials { display: flex; gap: 6px; margin-top: 10px; } .socials button { width: 33px; height: 33px; background: #161b1e; color: white; border-radius: 50%; font-size: 18px; font-weight: 600; line-height: 1; } .footer-column { display: flex; flex-direction: column; gap: 22px; align-items: flex-start; } .footer-column h3 { font-size: 18px; font-weight: 600; color: #111b27; line-height: 1.5; } .footer-column a, .footer-column button { font-size: 17px; line-height: 1.5; text-align: left; } .footer-column button:hover { color: #0C7BDB; } .footer-extra-links { display: flex; gap: 55px; justify-content: space-between; } .newsletter-input { display: flex; height: 55px; margin-top: 36px; border: 1px solid #d1d9df; background: white; border-radius: 5px; overflow: hidden; } .newsletter-input input { margin: 0; font-size: 17px; height: 100%; border: 0; box-shadow: none; min-width: 0; background: transparent; padding: 12px; } .newsletter-input button { font-size: 17px; padding: 12px 15px; border-radius: 5px; box-shadow: none; } .consent { margin-top: 22px; font-size: 17px; color: #687585; display: flex; align-items: center; gap: 10px; line-height: 1.5; } .consent input { accent-color: #f43265; margin: 0; width: 22px; height: 22px; } .form-message { font-size: 13px; color: #d62944; } .footer-bottom { display: flex; justify-content: space-between; border-top: 1px solid #55616d !important; margin-top: 38px; padding: 22px 0; } .footer-bottom p { font-size: 18px; color: #758296; } .footer-bottom p:last-child { color: #f03254; } .template-dialog { padding: 38px; border: 0; border-radius: 18px; font-size: 15px; max-width: 560px; box-shadow: 0 24px 90px #111b2740; } .template-dialog h2 { font-size: 27px; line-height: 1.3; margin-bottom: 18px; } .template-dialog p { margin: 12px 0; } .template-dialog .button { font-size: 14px; padding: 12px 20px; min-height: 44px; } .template-dialog label { font-size: 14px; } .template-dialog input { font-size: 15px; } .dialog-note { padding: 12px; background: #fff2f4; border-radius: 8px; color: #704651; font-size: 13px; } .close-button { right: 12px; top: 7px; font-size: 32px; } .template-dialog .close-button { min-width: 36px; min-height: 36px; } .animate-in { opacity: 1; } .motion-ready .animate-in { opacity: 0; transform: translateY(24px); transition: opacity 0.75s ease, transform 0.75s cubic-bezier(0.2, 0.6, 0.3, 1); } .motion-ready .animate-in.is-visible { opacity: 1; transform: none; } .floating { animation: float 6s ease-in-out infinite; } @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-12px); } } @media (min-width: 1921px) { .hero, .journey, .why-us, .insights { background-size: cover; } .app-phone, .app-decoration { object-fit: contain; object-position: right center; } } @media (max-width: 1100px) and (min-width: 761px) { body { font-size: 14px; } .grid-container { width: 88%; } .site-header .menu { gap: 4px; } .site-header .menu a { font-size: 12px; padding-left: 5px; padding-right: 5px; } .site-header .brand { width: 80px; } .header-inner { gap: 12px; } .hero { height: 660px; } .hero-copy { padding-top: 145px; max-width: 590px; } .hero-description { font-size: 13px; } .hero .actions { margin-top: 45px; } .hero-benefits { margin-top: 35px; } .hero-benefits strong { font-size: 12px; } .hero-benefits small { font-size: 10px; } .about { height: auto; padding: 70px 0; } .about-copy h2 { font-size: 30px; white-space: normal; } .about-copy > p:not(.eyebrow):not(.tagline) { font-size: 12px; } .stats { margin-top: 32px; } .journey-art { left: auto; right: 0; } .journey-copy { width: 70%; } .journey-copy > p:not(.eyebrow) { font-size: 12px; max-width: 90%; } .journey .feature-row { width: 80%; } .markets { height: auto; padding: 60px 0 60px; } .market-label h3 { font-size: 14px; } .market-label p { font-size: 8px; } .market-card { padding: 15px 12px; } .quote { flex-wrap: wrap; gap: 3px; } .quote span { font-size: 10px; } .market-card .button { font-size: 12px; } .why-copy p:not(.eyebrow) { font-size: 12px; } .why-copy .feature-row { margin: 20px 0 30px; } .process { height: auto; padding: 70px 0; } .process .grid-container { width: 94%; } .process h2 { font-size: 30px; } .process-steps p { font-size: 11px; } .process-steps h3 { font-size: 12px; } .insights { height: 400px; padding: 40px 0; } .insights > div > p:not(.eyebrow) { font-size: 12px; max-width: 75%; } .testimonials { height: auto; padding: 70px 0; } .testimonial-card > p { font-size: 11px; min-height: 110px; } .testimonial-card em { white-space: normal; font-size: 10px; } .person { gap: 8px; } .person h3 { font-size: 11px; } .person p { font-size: 9px; } .person img { width: 42px; height: 42px; } .mobile-app h2 { font-size: 48px; } .mobile-app { height: 450px; } .mobile-app .app-copy > p { font-size: 12px; } .app-copy { padding-top: 40px; } .availability { margin-bottom: 20px; } .footer-column a, .footer-column button, .footer-column h3, .footer-brand p, .consent { font-size: 11px; } .footer-grid { gap: 20px; } .newsletter-input { height: 35px; } .newsletter-input input, .newsletter-input button { font-size: 10px; } .footer-bottom p { font-size: 11px; } } @media (max-width: 760px) { html { scroll-padding-top: 78px; } body { font-size: 14px; } .grid-container { width: calc(100% - 40px); } h1 { font-size: clamp(35px, 8vw, 55px); line-height: 1.23; } h2 { font-size: 30px; line-height: 1.28; } .eyebrow { font-size: 12px; letter-spacing: 0.04em; margin-bottom: 8px; } .desktop-break { display: none; } .button { font-size: 13px; min-height: 46px; padding: 13px 18px; gap: 9px; border-radius: 7px; } .button .icon { width: 21px; height: 21px; } .text-link { font-size: 12px; padding: 10px 0; } .actions { gap: 12px; flex-wrap: wrap; } .icon { width: 24px; height: 24px; } .tagline { font-size: 11px; letter-spacing: 0.25em; } .site-header { height: 72px; position: absolute; background: #ffffffed; } .header-inner { gap: 14px; } .brand { width: 91px; } .menu-toggle { display: flex; flex-direction: column; gap: 5px; padding: 12px 6px; margin-left: auto; order: 3; } .menu-toggle span { width: 23px; height: 2px; background: #111b27; } .header-actions { margin-left: auto; gap: 8px; } .header-actions .button { font-size: 10px; padding: 10px 12px; min-height: 35px; } .site-header nav { display: none; position: absolute; top: 72px; left: 0; width: 100%; background: white; border-bottom: 1px solid #e6e6e6; box-shadow: 0 15px 20px #111b2714; padding: 12px 20px; } .site-header nav.is-open { display: block; } .site-header .menu { flex-direction: column; gap: 0; } .site-header .menu a { padding: 13px 5px; font-size: 14px; } .site-header .menu a.active:after { display: none; } .hero { height: auto; min-height: 740px; padding-bottom: 240px; background-size: auto 480px; background-position: 70% bottom; background-repeat: no-repeat; background-color: #f5fbff; } .hero:before { inset: 72px 0 0; width: 100%; background: linear-gradient( #f5fbff 0%, #f5fbff 47%, #f5fbffdd 59%, transparent 78% ); } .hero-copy { padding-top: 115px; max-width: none; position: relative; } .hero .eyebrow { font-size: 11px; margin-bottom: 14px; } .hero-description { font-size: 13px; line-height: 1.85; margin-top: 17px; max-width: 490px; } .hero .actions { margin-top: 25px; } .hero-benefits { gap: 15px; margin-top: 25px; flex-wrap: wrap; } .hero-benefits strong { font-size: 10px; } .hero-benefits small { font-size: 8px; } .hero-benefits > div { gap: 5px; } .hero-benefits .icon { width: 20px; height: 20px; } .hero-dots { margin-top: 24px; gap: 7px; } .hero-dots i { width: 6px; height: 4px; } .hero-dots i:first-child { width: 25px; } .about { height: auto; padding: 65px 0; } .about > .grid-container { display: flex; flex-direction: column; } .about-art { height: 420px; justify-content: center; width: 100%; padding: 0; order: 2; margin-top: 30px; } .about-art .phone { width: 220px; } .brand-watermark { font-size: 420px; left: 50%; transform: translateX(-50%); top: 0; } .about-copy { padding: 0; width: 100%; } .about-copy h2 { white-space: normal; margin: 8px 0 18px; } .about-copy > p:not(.eyebrow):not(.tagline) { margin-bottom: 15px; } .about-watermark { width: 95%; top: 150px; } .stats { gap: 10px; margin: 30px 0 25px; grid-template-columns: repeat(4, 1fr); } .stat { height: 93px; border-radius: 9px; padding: 10px 2px; } .stat .icon { width: 22px; height: 22px; } .stat strong { font-size: 23px; } .stat small { font-size: 8px; } .journey { height: auto; padding: 50px 0 0; background-position: center; } .journey > .grid-container { display: flex; flex-direction: column; } .journey-copy { width: 100%; } .journey h2 { margin: 8px 0 15px; } .journey-copy > p:not(.eyebrow) { max-width: none; } .feature-row { max-width: none; gap: 8px; margin: 25px 0 30px; } .feature { min-width: 0; flex: 1; font-size: 11px; } .icon-disc { margin-bottom: 10px; } .icon-disc .icon { width: 25px; height: 25px; } .journey-art { position: relative; left: auto; top: auto; width: 100%; text-align: center; margin-top: 40px; height: 420px; overflow: hidden; } .journey-art .phone { width: 225px; } .markets { height: auto; padding: 65px 0 40px; } .markets h2 { margin: 8px 0 15px; } .round-button { width: 35px; height: 35px; font-size: 20px; } .slider-controls { gap: 7px; align-self: flex-end; margin-bottom: 20px; } .market-track { gap: 15px; padding: 25px 0; } .market-card { flex: 0 0 255px; padding: 20px; border-radius: 12px; } .market-label { gap: 14px; } .market-label h3 { font-size: 18px; } .market-label p { font-size: 10px; } .flags { font-size: 30px; margin-right: 7px; } .flags span { font-size: 27px; top: -3px; } .quote { gap: 10px; margin: 15px 0 5px; } .quote strong { font-size: 23px; } .quote span { font-size: 11px; } .sparkline { height: 80px; } .spread { font-size: 11px; margin: 10px 0; } .market-card .button { font-size: 14px; min-height: 38px; padding: 9px 16px; } .why-us { height: auto; padding: 45px 0 290px; background-size: auto 360px; background-position: left bottom; background-color: #f3faff; background-repeat: no-repeat; position: relative; } .why-us:before { content: ""; position: absolute; inset: 0; background: linear-gradient(#f3faff 55%, transparent 78%); } .why-us > .grid-container { position: relative; } .why-copy { width: 100%; margin: 0; padding: 0; } .why-copy h2 { margin: 8px 0 15px; } .why-copy .feature-row { margin: 25px 0 30px; } .process { height: auto; padding: 60px 0; } .process .grid-container { width: calc(100% - 40px); } .process h2 { margin-bottom: 18px; } .process-steps { grid-template-columns: 1fr; gap: 24px; margin: 35px 0; } .process-steps li { min-height: 100px; display: grid; grid-template-columns: 55px 85px 1fr; column-gap: 12px; text-align: left; align-items: center; } .process-steps li:not(:last-child):after { content: ""; left: 26px; top: 65px; width: 1px; height: 65px; border-left: 2px dotted #d1e0f1; } .step-number { width: 48px; height: 48px; font-size: 22px; grid-row: 1/3; } .step-icon { width: 42px; height: 42px; border-radius: 10px; margin: 0; grid-row: 1/3; } .step-icon .icon { width: 23px; height: 23px; } .process-steps h3 { font-size: 14px; align-self: end; } .process-steps p { font-size: 12px; align-self: start; line-height: 1.7; } .process-steps p br { display: none; } .process .tagline { margin-top: 20px; } .insights { height: auto; min-height: 560px; padding: 45px 0 210px; background-size: auto 330px; background-position: 72% bottom; background-repeat: no-repeat; background-color: #def1ff; } .insights h2 { margin: 8px 0 15px; } .insights > .grid-container > p:not(.eyebrow) { font-size: 13px; } .search-form { width: 100%; height: 53px; margin-top: 22px; border-radius: 8px; } .search-form input { font-size: 12px; padding: 14px; } .search-form button { width: 58px; border-width: 4px; border-radius: 8px; } .search-form .icon { width: 24px; height: 24px; } .popular { width: 100%; gap: 8px; margin-top: 17px; } .popular strong { font-size: 11px; width: 100%; } .popular button { font-size: 10px; padding: 8px 13px; } .search-results { font-size: 12px; } .testimonials { height: auto; padding: 60px 0; } .testimonial-label { font-size: 10px; letter-spacing: 0.25em; padding: 12px 23px; margin-bottom: 25px; } .testimonial-label:before, .testimonial-label:after { width: 24px; } .testimonial-label:before { right: calc(100% + 12px); } .testimonial-label:after { left: calc(100% + 12px); } .testimonials h2 { font-size: 29px; } .testimonial-intro { font-size: 11px; margin-top: 14px; } .testimonial-slider { margin: 30px 0 0; } .testimonial-track { gap: 16px; padding: 4px 2px 24px; } .testimonial-card { flex: 0 0 100%; padding: 22px; border-radius: 15px; } .person { gap: 15px; } .person img { width: 70px; height: 70px; } .person h3 { font-size: 16px; } .person p { font-size: 11px; } .stars { font-size: 19px; } .quote-mark { font-size: 42px; height: 40px; margin-top: 18px; } .testimonial-card > p { font-size: 14px; min-height: 90px; } .testimonial-card em { font-size: 12px; white-space: normal; margin-top: 15px; padding: 12px; } .testimonial-slider > .round-button { width: 28px; height: 28px; top: 45%; box-shadow: 0 2px 12px #111b2717; } .testimonial-prev { right: auto; left: -14px; } .testimonial-next { left: auto; right: -14px; } .testimonial-dots { gap: 9px; margin: 4px 0 20px; } .testimonial-dots span { width: 8px; height: 8px; } .community-button { font-size: 15px; min-width: 260px; min-height: 48px; } .muted { margin-top: 20px; } .mobile-app { height: 660px; background-position: center; } .app-copy { padding-top: 42px; } .app-phone { height: 350px; top: auto; bottom: 0; width: 140%; left: -40%; object-fit: cover; object-position: right bottom; } .app-decoration { object-fit: cover; } .availability { font-size: 9px; margin-bottom: 20px; } .app-kicker { font-size: 11px; max-width: 280px; margin-bottom: 10px; } .app-kicker span { font-size: 16px; } .mobile-app h2 { font-size: 36px; white-space: normal; max-width: 520px; margin-bottom: 14px; } .mobile-app .app-copy > p:not(.availability):not(.app-kicker) { font-size: 12px; max-width: 470px; } .mobile-app .discover { margin: 18px 0 10px; } .store-button { font-size: 11px; min-width: 130px; min-height: 42px; padding: 12px 16px; } .app-end { margin-top: 22px; } .site-footer { padding-top: 40px; font-size: 12px; } .footer-grid { grid-template-columns: repeat(2, 1fr); gap: 35px 22px; } .footer-brand img { width: 97px; margin-bottom: 16px; } .footer-brand p { font-size: 12px; } .footer-brand p + p { margin-top: 20px; } .socials { gap: 5px; margin-top: 10px; } .socials button { width: 26px; height: 26px; font-size: 13px; } .footer-column { gap: 15px; } .footer-column h3 { font-size: 13px; } .footer-column a, .footer-column button { font-size: 12px; } .footer-extra { grid-column: 1/-1; } .footer-extra-links { gap: 30px; justify-content: flex-start; } .footer-extra-links > div { flex: 1; } .newsletter-input { height: 45px; margin-top: 25px; } .newsletter-input input { font-size: 13px; padding: 12px; } .newsletter-input button { font-size: 12px; padding: 10px 18px; } .consent { font-size: 11px; margin-top: 15px; gap: 8px; } .consent input { width: 17px; height: 17px; } .footer-bottom { margin-top: 30px; padding: 20px 0; flex-direction: column; gap: 6px; } .footer-bottom p { font-size: 11px; } .template-dialog { width: calc(100% - 32px); min-height: 0; height: auto; top: 10% !important; margin: auto; padding: 28px 23px; } .template-dialog h2 { font-size: 24px; } .template-dialog p { font-size: 14px; } .floating { animation-duration: 7s; } } @media (max-width: 360px) { .grid-container { width: calc(100% - 30px); } .header-actions .login { display: none; } .stats { grid-template-columns: repeat(2, 1fr); } h1 { font-size: 33px; } .hero-benefits { gap: 10px; } .hero-benefits small { font-size: 7px; } .slider-controls { display: none; } .feature { font-size: 10px; } .mobile-app { height: 710px; } .footer-grid { gap: 30px 15px; } } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *:before, *:after { animation: none !important; transition: none !important; } .motion-ready .animate-in { opacity: 1; transform: none; } } /* Original XD brand mark behind the first device. */ .brand-watermark { width: 500px; height: 624px; left: 0px; top: 112px; transform: none; object-fit: contain; } @media (max-width: 760px) { .brand-watermark { width: 280px; height: 312px; left: 50%; top: 60px; transform: translateX(-50%); } } .why-us .grid-x > .why-copy { width: 51%; margin-left: 49%; } @media (min-width: 761px) and (max-width: 1100px) { .journey .grid-x > .journey-copy { width: 70%; } } @media (max-width: 760px) { .about .grid-x > .cell, .journey .grid-x > .cell, .why-us .grid-x > .cell { width: 100%; margin-left: 0; } } /* wighet Section */ section.wighet { background: transparent; margin-top: -180px; padding: 30px 0px 40px; } .wighet-container { max-width: 1300px; margin: 0px auto; } .wiget-flex { display: flex; gap: 20px; overflow: hidden; white-space: nowrap; justify-content: center; padding-top: 0px; } .tradingview-widget-container { height: 100px !important; border-radius: 8px; overflow: hidden !important; /* background: #F6F7FC; */ } .grid-container { max-width: 1400px; } .tradingview-widget-container iframe { margin: -1px; width: calc(100% + 2px) !important; height: calc(100% + 2px) !important; } .wight-flex { padding: 0px 30px; width: 100%; overflow: hidden; } .marquee { display: inline-flex; gap: 20px; animation: marquee 30s linear infinite; } /* wighet End */ ul.accordion li.accordion-item .accordion-content { background: transparent !important; border: none; background-color: #fff !important; } .page_content ul.accordion li.accordion-item .accordion-content { background: #0C7BDB!important; } .page_content .column, .page_content .columns { padding-right: 0; padding-left: 0; } .page_content .row, .page_content .rows { margin: 0px auto; } /* footer Section */ .footer { background: #0B1628; font-size: calc(18 * var(--u)); color: #55616d; padding-top: 0; } .footer-bottom { display: flex; align-items: center; justify-content: center; width: 100%; } .footer-bottom p, .footer-bottom span, .footer-bottom a { color: #fff; } .footer-left ul { display: flex; align-items: center; gap: 15px; } .footer-right ul li { display: flex; gap: 10px; justify-content: end; } .footer-top { display: flex; justify-content: space-between; margin-bottom: 40px; background: url(https://corner-trader.com//images/cornertrader/foot-top.png), #1A1A2C; background-repeat: no-repeat; padding: 30px 30px 15px; border-radius: 0px 0px 10px 10px; background-size: 100% 100%; align-items: center; width: 100%; } .footer-right ul li p { color: #fff; line-height: 1; } .footer p, .footer ul { font-size: 14px; line-height: 1.6; } .footer-right ul li a, .footer-right ul li a:hover { color: rgb(255 255 255 / 72%) !important; } .footer-bottom { border-top: 1px solid rgba(255, 255, 255, 0.2); padding-top: 15px; text-align: center; font-size: 13px; } form.foot-form { display: flex; gap: 50px; align-items: center; } form.foot-form h2 { color: #fff; font-size: 20px; margin: 0; line-height: 1; font-weight: 700; width: max-content; } form.foot-form .form-control { display: flex; } form.foot-form .form-control input { margin: 0; border-radius: 10px 0px 0px 10px; height: 50px; width: 200px; color: #052361; font-size: 14px; font-weight: 400; padding-left: 15px; } form.foot-form .form-control button { background: #0C7BDB; margin: 0; border-radius: 0px 10px 10px 0px; height: 50px; color: #fff; width: 150px; font-weight: 500; font-size: 14px; } .footer-left a { font-size: 20px; font-weight: 600; transition: unset; } .footer-left a:hover { color: #fff !important; } .footer-col p, .footer-col b { color: #fff; } .footer-left h5 { font-size: 14px; font-weight: 400; color: #fff; margin: 0; } .footer-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin-bottom: 20px; } .footer h4 { font-size: calc(18 * var(--u)); font-weight: 600; color: #111b27; line-height: 1.5; } .footer-bottom p span { color: #0C7BDB; } .footer p, .footer ul { font-size: 14px; line-height: 1.6; } .footer ul { list-style: none; padding: 0; margin: 0; } .footer ul li { margin-bottom: 6px; } .footer ul li a { font-size: calc(17 * var(--u)); line-height: 1.5; text-align: left; transition: 0.3s; color: #ffffffb5 !important; } footer p, .footer-col p, .footer-col b{ color: #ffffffb5 !important; } .footer ul li a:hover { color: #0C7BDB; } .footer-bottom { border-top: 1px solid rgba(255, 255, 255, 0.2); padding-top: 15px; text-align: center; font-size: 13px; } .footer-bottom span { color: #fff; } .footer-links { margin: 0px; } .footer-bottom { display: flex; align-items: center; justify-content: center; } .footer-links a { color: #fff; margin: 0 5px; text-decoration: none; } .footer-links a:hover { text-decoration: underline; } .footer-left, .footer-right { width: 100%; } .footer-left a{ color: #fff !important; } /* footer Section */ /*inner*/ .page_banner { background: #030306; } .page_banner.bg-black { background: #030306; } .page_head { display: flex; align-items: center; justify-content: space-between; padding: 0px 15px 0px; position: relative; } .page_banner h1 { color: #fff; line-height: 1; font-size: 38px; } .page_head_cunt { width: 100%; } .page_head .page_head_cunt p { color: #fff; font-size: 16px; } .page_head .page_head_cunt p a { color: var(--primary-color); font-size: 16px; } .page_head .page_head_cunt p span { margin: 0px 10px; } .page_content h2 { color: #1d1d1b; font-size: 24px; margin-bottom: 20px; line-height: 1.1; } .page_content { padding: 50px 15px; } .page_content p { color: #616161; font-size: 14px; margin-bottom: 10px; } .page_cunt h2 { color: var(--primary-color); font-size: 36px; font-weight: 600; } .page_cunt h2 { color: var(--primary-color); font-size: 36px; font-weight: 600; } .page_cunt h2 span { color: var(--primary-color); } .txt-center { text-align: center; } .mb-20 { margin: 20px 0px; } .page_cunt h3 { font-size: 20px; margin: 0; color: #1D2533; font-weight: 500; } p.mb-20 { margin-bottom: 20px; } .mb-20 { margin-bottom: 20px; } .page_cunt h2 span { color: var(--primary-color); } .txt-center { text-align: center; } .page_content li { font-family: "Poppins", sans-serif; color: #1d1d1b; font-size: 16px; } .green-link-button { display: flex; } .green-link-button a { background-color: var(--primary-color); color: #ffffff !important; padding: 10px 15px; font-family: "Poppins", sans-serif; font-size: 16px; display: flex; align-items: center; gap: 0px 10px; border: 1px solid var(--primary-color); text-align: center; margin: 15px 0px; } .green-link-button a:hover { background-color: transparent; border: 1px solid var(--primary-color); color: var(--primary-color) !important; } .green-link-button a span { background: var(--primary-color); display: flex; align-items: center; justify-content: center; padding: 5px; height: 30px; width: 30px; } .page_cunt.p-30.text-center { padding-top: 30px; } .page_content .tabs::before, .page_content .tabs::after { display: none; } div#WebTerminal .green-link-button.hde12 { justify-content: center; } .page_cunt.pt-30 { padding-top: 30px; } h3.sub-h3 { color: var(--primary-color); font-size: 18px; margin-bottom: 15px; } ul { list-style-type: none; } div#Client-Desktop .row.f-flx { margin-bottom: 40px; gap: 50px; width: 100%; justify-content: space-between; } .row.f-flx::before, .row.f-flx::after { display: none; } .row.f-flx { margin: 0px; } .page_img { position: relative; } .page_img.text-center .page_img.animation-img { width: max-content; margin: 0px auto; } .hero__shape .bubble { position: absolute; } .hero__shape .probubble-1 { width: 24px !important; } .hero__shape .probubble-2 { width: 12px !important; } .hero__shape .probubble-3 { width: 16px !important; } .hero__shape .probubble-4 { width: 23px !important; } .hero__shape .probubble-5 { width: 10px !important; } .hero__shape .probubble-6 { width: 10px !important; } .hero__shape .probubble-7 { width: 10px !important; } .hero__shape .probubble-8 { width: 15px !important; } .hero__shape .probubble-9 { width: 18px !important; } .hero__shape .probubble-10 { width: 10px !important; } .probubble-1 { top: 95px; left: 18px; width: 24px; -webkit-animation: linear 20s animationFramesTwo infinite; animation: linear 20s animationFramesTwo infinite; } .probubble-2 { top: 53px; left: 48px; width: 12px; -webkit-animation: linear 20s animationFramesTwoe infinite; animation: linear 20s animationFramesTwo infinite; } .probubble-3 { top: 25px; left: -13px; width: 16px; -webkit-animation: linear 20s move-four infinite; animation: linear 20s move-four infinite; } .probubble-4 { top: -15px; left: 26px; width: 23px; -webkit-animation: linear 20s animationFramesFive infinite; animation: linear 20s animationFramesFive infinite; } .probubble-5 { top: -3px; left: 83px; width: 10px; -webkit-animation: linear 20s blobs infinite; animation: linear 20s blobs infinite; } .probubble-6 { top: -34px; left: -53px; width: 10px; } .probubble-7 { bottom: -34px; left: 245px; width: 10px; -webkit-animation: linear 30s move-four infinite; animation: linear 30s move-four infinite; } .probubble-8 { bottom: -2px; left: 366px; width: 10px; -webkit-animation: linear 30s animationFramesTwoe infinite; animation: linear 30s animationFramesTwo infinite; } .probubble-9 { bottom: -23px; left: 418px; -webkit-animation: linear 30s move-four infinite; animation: linear 30s move-four infinite; } @keyframes pulse { 0% { opacity: 0.5; } 50% { opacity: 1; transform: translateY(10px); } 100% { opacity: 0.5; } } .hero__shape .bubble { position: absolute; } .hero__shape .bubble-1 { left: 2%; top: 40%; -webkit-animation: linear 20s animationFramesTwo infinite; animation: linear 20s animationFramesTwo infinite; } .hero__shape .bubble-2 { left: 45%; top: 25%; -webkit-animation: linear 20s animationFramesTwoe infinite; animation: linear 20s animationFramesTwo infinite; } .hero__shape .bubble-4 { right: 45%; top: 50%; -webkit-animation: linear 20s move-four infinite; animation: linear 20s move-four infinite; } .hero__shape .bubble-6 { left: -20px; top: 75%; -webkit-animation: linear 20s animationFramesFive infinite; animation: linear 20s animationFramesFive infinite; } .hero__shape .bubble-7 { left: 8%; top: 90%; -webkit-animation: linear 20s animationFramesTwo infinite; animation: linear 20s animationFramesTwo infinite; } .hero__shape .bubble-8 { right: 40%; top: 80%; -webkit-animation: linear 20s blobs infinite; animation: linear 20s blobs infinite; } .hero__shape .bubble-9 { top: 90%; right: 35%; -webkit-animation: linear 20s animationFramesThree infinite; animation: linear 20s animationFramesThree infinite; } @-webkit-keyframes random { 0% { -webkit-transform: translate(0, 0), scale(1); transform: translate(0, 0), scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 33% { -webkit-transform: translate(30px, -50px) scale(1.1); transform: translate(30px, -50px) scale(1.1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 66% { -webkit-transform: translate(-20px, 20px) scale(0.9); transform: translate(-20px, 20px) scale(0.9); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: translate(0, 0), scale(1); transform: translate(0, 0), scale(1); } } @keyframes random { 0% { -webkit-transform: translate(0, 0), scale(1); transform: translate(0, 0), scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 33% { -webkit-transform: translate(30px, -50px) scale(1.1); transform: translate(30px, -50px) scale(1.1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 66% { -webkit-transform: translate(-20px, 20px) scale(0.9); transform: translate(-20px, 20px) scale(0.9); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: translate(0, 0), scale(1); transform: translate(0, 0), scale(1); } } @-webkit-keyframes blobs { 0% { opacity: 0; -webkit-transform: scale(0) translate(calc(-330px - 50%), -50%); transform: scale(0) translate(calc(-330px - 50%), -50%); } 1% { opacity: 1; } 35%, 65% { opacity: 1; -webkit-transform: scale(0.9) translate(-50%, -50%); transform: scale(0.9) translate(-50%, -50%); } 99% { opacity: 1; } 100% { opacity: 0; -webkit-transform: scale(0) translate(calc(330px - 50%), -50%); transform: scale(0) translate(calc(330px - 50%), -50%); } } @keyframes blobs { 0% { opacity: 0; -webkit-transform: scale(0) translate(calc(-330px - 50%), -50%); transform: scale(0) translate(calc(-330px - 50%), -50%); } 1% { opacity: 1; } 35%, 65% { opacity: 1; -webkit-transform: scale(0.9) translate(-50%, -50%); transform: scale(0.9) translate(-50%, -50%); } 99% { opacity: 1; } 100% { opacity: 0; -webkit-transform: scale(0) translate(calc(330px - 50%), -50%); transform: scale(0) translate(calc(330px - 50%), -50%); } } @-webkit-keyframes animationFramesOne { 0% { -webkit-transform: translate(0px, 0px) rotate(0deg); transform: translate(0px, 0px) rotate(0deg); } 20% { -webkit-transform: translate(-73px, -1px) rotate(36deg); transform: translate(-73px, -1px) rotate(36deg); } 40% { -webkit-transform: translate(-100px, 72px) rotate(72deg); transform: translate(-100px, 72px) rotate(72deg); } 60% { -webkit-transform: translate(83px, 0px) rotate(108deg); transform: translate(83px, 0px) rotate(108deg); } 80% { -webkit-transform: translate(40px, 72px) rotate(144deg); transform: translate(40px, 72px) rotate(144deg); } 100% { -webkit-transform: translate(0px, 0px) rotate(0deg); transform: translate(0px, 0px) rotate(0deg); } } @keyframes animationFramesOne { 0% { -webkit-transform: translate(0px, 0px) rotate(0deg); transform: translate(0px, 0px) rotate(0deg); } 20% { -webkit-transform: translate(-73px, -1px) rotate(36deg); transform: translate(-73px, -1px) rotate(36deg); } 40% { -webkit-transform: translate(-100px, 72px) rotate(72deg); transform: translate(-100px, 72px) rotate(72deg); } 60% { -webkit-transform: translate(83px, 0px) rotate(108deg); transform: translate(83px, 0px) rotate(108deg); } 80% { -webkit-transform: translate(40px, 72px) rotate(144deg); transform: translate(40px, 72px) rotate(144deg); } 100% { -webkit-transform: translate(0px, 0px) rotate(0deg); transform: translate(0px, 0px) rotate(0deg); } } @-webkit-keyframes animationFramesTwo { 0% { -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1); transform: translate(0px, 0px) rotate(0deg) scale(1); } 20% { -webkit-transform: translate(-73px, -1px) rotate(36deg) scale(0.9); transform: translate(-73px, -1px) rotate(36deg) scale(0.9); } 40% { -webkit-transform: translate(141px, 72px) rotate(72deg) scale(1); transform: translate(141px, 72px) rotate(72deg) scale(1); } 60% { -webkit-transform: translate(83px, 122px) rotate(108deg) scale(1.2); transform: translate(83px, 122px) rotate(108deg) scale(1.2); } 80% { -webkit-transform: translate(-40px, 72px) rotate(144deg) scale(1.1); transform: translate(-40px, 72px) rotate(144deg) scale(1.1); } 100% { -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1); transform: translate(0px, 0px) rotate(0deg) scale(1); } } @keyframes animationFramesTwo { 0% { -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1); transform: translate(0px, 0px) rotate(0deg) scale(1); } 20% { -webkit-transform: translate(-73px, -1px) rotate(36deg) scale(0.9); transform: translate(-73px, -1px) rotate(36deg) scale(0.9); } 40% { -webkit-transform: translate(141px, 72px) rotate(72deg) scale(1); transform: translate(141px, 72px) rotate(72deg) scale(1); } 60% { -webkit-transform: translate(83px, 122px) rotate(108deg) scale(1.2); transform: translate(83px, 122px) rotate(108deg) scale(1.2); } 80% { -webkit-transform: translate(-40px, 72px) rotate(144deg) scale(1.1); transform: translate(-40px, 72px) rotate(144deg) scale(1.1); } 100% { -webkit-transform: translate(0px, 0px) rotate(0deg) scale(1); transform: translate(0px, 0px) rotate(0deg) scale(1); } } @-webkit-keyframes animationFramesThree { 0% { -webkit-transform: translate(165px, -179px); transform: translate(165px, -179px); } 100% { -webkit-transform: translate(-346px, 617px); transform: translate(-346px, 617px); } } @keyframes animationFramesThree { 0% { -webkit-transform: translate(165px, -179px); transform: translate(165px, -179px); } 100% { -webkit-transform: translate(-346px, 617px); transform: translate(-346px, 617px); } } @-webkit-keyframes animationFramesFour { 0% { -webkit-transform: translate(-300px, 151px) rotate(0deg); transform: translate(-300px, 151px) rotate(0deg); } 100% { -webkit-transform: translate(251px, -200px) rotate(180deg); transform: translate(251px, -200px) rotate(180deg); } } @keyframes animationFramesFour { 0% { -webkit-transform: translate(-300px, 151px) rotate(0deg); transform: translate(-300px, 151px) rotate(0deg); } 100% { -webkit-transform: translate(251px, -200px) rotate(180deg); transform: translate(251px, -200px) rotate(180deg); } } @-webkit-keyframes animationFramesFive { 0% { -webkit-transform: translate(61px, -99px) rotate(0deg); transform: translate(61px, -99px) rotate(0deg); } 21% { -webkit-transform: translate(4px, -190px) rotate(38deg); transform: translate(4px, -190px) rotate(38deg); } 41% { -webkit-transform: translate(-139px, -200px) rotate(74deg); transform: translate(-139px, -200px) rotate(74deg); } 60% { -webkit-transform: translate(-263px, -164px) rotate(108deg); transform: translate(-263px, -164px) rotate(108deg); } 80% { -webkit-transform: translate(-195px, -49px) rotate(144deg); transform: translate(-195px, -49px) rotate(144deg); } 100% { -webkit-transform: translate(-1px, 0px) rotate(180deg); transform: translate(-1px, 0px) rotate(180deg); } } @keyframes animationFramesFive { 0% { -webkit-transform: translate(61px, -99px) rotate(0deg); transform: translate(61px, -99px) rotate(0deg); } 21% { -webkit-transform: translate(4px, -190px) rotate(38deg); transform: translate(4px, -190px) rotate(38deg); } 41% { -webkit-transform: translate(-139px, -200px) rotate(74deg); transform: translate(-139px, -200px) rotate(74deg); } 60% { -webkit-transform: translate(-263px, -164px) rotate(108deg); transform: translate(-263px, -164px) rotate(108deg); } 80% { -webkit-transform: translate(-195px, -49px) rotate(144deg); transform: translate(-195px, -49px) rotate(144deg); } 100% { -webkit-transform: translate(-1px, 0px) rotate(180deg); transform: translate(-1px, 0px) rotate(180deg); } } @-webkit-keyframes move-four { 0% { -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); } 50% { -webkit-transform: translateX(0) translateY(-50px); transform: translateX(0) translateY(-50px); } 100% { -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); } } @keyframes move-four { 0% { -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); } 50% { -webkit-transform: translateX(0) translateY(-50px); transform: translateX(0) translateY(-50px); } 100% { -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); } } @-webkit-keyframes move-five { 0% { -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); } 50% { -webkit-transform: translateX(0) translateY(50px); transform: translateX(0) translateY(50px); } 100% { -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); } } @keyframes move-five { 0% { -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); } 50% { -webkit-transform: translateX(0) translateY(50px); transform: translateX(0) translateY(50px); } 100% { -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); } } /*contact page form*/ .forrm1 input, .forrm1 input:focus { border: 1px solid var(--primary-color); } input.btbt { background-color: var(--primary-color); color: #ffffff !important; padding: 15px 30px; font-family: "Poppins", sans-serif; font-size: 18px; } /*tab*/ .page_content .tabs-panel.is-active { display: block; } .page_content .tabs-content { width: 100% !important; margin-left: 0px !important; padding: 0px; border: none; } .page_content .tabs-panel.is-active { display: block; padding: 40px 0px 0px; } .page_content .tabs { border: unset; } .page_content li.tabs-title a { background: #F5F5F5; color: var(--primary-color); font-size: 14px; border: 1px solid #F5F5F5; } table tfoot td, table tfoot th, table thead td, table thead th { color: #fff; } ul.tab-flx li.tabs-title a { width: 100%; border-radius: 10px; background: transparent; border: none; color: #1D2533; padding: 15px 20px; width: max-content; } .bg-gray.p-20 { background: #F5F5F5; padding: 20px; border-radius: 10px; } .row.f-flx .page_img, .row.f-flx .page_cunt { width: 100%; } ul.tab-flx li.tabs-title { width: 100%; text-align: center; border-radius: 10px; } .row.f-flx { display: flex; align-items: center; } .page_content li.tabs-title.is-active a { background: var(--primary-color); color: #ffffff; border: 1px solid var(--primary-color); } .page_content .tabs { border: unset; display: flex; gap: 20px; justify-content: left; overflow: auto; flex-direction: row; } .page_content li.tabs-title.is-active { position: relative; } .page_cunt ul li a img { height: 50px; } .page_content .tabs-content thead tr { background: var(--primary-color); } .page_content .tabs-content tr td, .page_content .tabs-content tr th { font-size: 14px !important; } .page_content .forex-main-div { overflow: scroll; } /*table */ .page_content table thead tr { background: var(--primary-color); } .page_content table thead tr td span { font-size: 14px !important; } .page_content table tbody tr td b { color: var(--primary-color); font-size: 20px; text-align: center; } .page_content table tbody tr td { color: #1d1d1b; font-size: 14px !important; } .page_content .table-scroll table, .page_content .tbl-w100 table { width: 100% !important; } .mt-20 { margin-top: 20px; } tr.tbl_tr_trans { background-color: unset !important; } .page_content ul#Widget-tabs li { width: 100%; } .Widget-flex .tabs-content { max-height: 100vh; overflow: auto; } .Widget-flex { display: flex; width: 100%; gap: 30px; } .bacices_cunt { margin-bottom: 20px; } .bacices_cunt h2 { font-size: 20px; font-weight: 600; color: var(--primary-color); margin-bottom: 10px; } ul.dots li { font-size: 14px; } .bacices_cunt h3 { font-size: 18px; font-weight: 500; color: var(--primary-color); margin-bottom: 10px; } .Widget-flex ul#example-tabs { width: 40%; display: block; } .Widget-flex ul#example-tabs a { width: 100%; text-align: left; } .Widget-flex svg { display: none; } .widget-title { display: none; } .Widget-flex ul#example-tabs li.tabs-title { width: 100%; margin-bottom: 5px; } .page_content .Widget-flex .tabs-panel.is-active { padding: 0px; } ul.tab-flx { display: flex; justify-content: left; align-items: center; list-style-type: none; background: #F5F5F5; gap: 30px; border-radius: 10px; padding: 5px; overflow: auto; width: max-content; margin: 0px auto; } h2.Widget_head { margin-top: 0px; } .ft-cunt p { color: #fff; margin-bottom: 10px; } .page_content ul#Widget-tabs li { width: 100%; } .Widget-flex .tabs-content { max-height: 100vh; overflow: auto; } /* page content accordion */ ul.accordion { background: transparent; border: 0px; } ul.accordion li.accordion-item { border: none; background: var(--primary-color); margin-top: 10px; color: #fff; } .bacices_cunt h2, .bacices_cunt h3, .bacices_cunt ul { color: #fff; } .bacices_cunt p, .bacices_cunt li { color: rgb(255 255 255 / 70%); } .page_content h3 { font-size: 20px; margin-bottom: 15px; color: #1D2533; font-weight: 500; } ul.accordion li.accordion-item a.accordion-title { border: none; border-bottom: 1px solid var(--primary-color); color: #fff; } .accordion-title:focus, .accordion-title:hover { background: var(--primary-color); } ul.accordion li.accordion-item .accordion-content { background: transparent; border: none; } .accordion-title a { font-size: 16px !important; } ul.accordion .accordion-title { font-size: 18px; color: var(--primary-color); font-weight: 600; padding-right: 30px; } ul.accordion .accordion-title:hover { background: transparent; border: unset; border-bottom: 1px solid var(--primary-color); color: #fff !important; } ul.dots { list-style-type: disc; margin-left: 40px; } .contant_cunt { background: var(--primary-color); color: #fff; padding: 60px 30px; border-radius: 8px; width: 80%; margin: 0px -10px 0px auto; } .forrm1 form { background: #1b5a5d; color: #fff; padding: 60px 30px; border-radius: 8px; } .forrm1 input, .forrm1 textarea { width: 100%; padding: 12px; margin-bottom: 15px; border: none; border-radius: 5px; height: 60px; font-size: 14px; } .forrm1 textarea { resize: vertical; min-height: 100px; } .forrm1 button { padding: 12px 30px; background: var(--primary-color); color: #fff; border: none; border-radius: 5px; cursor: pointer; font-size: 16px; } .forrm1 button:hover { opacity: 0.9; } input.btbt { background: var(--primary-color); width: auto; margin: 20px auto 0px; display: flex; padding: 15px 40px; } .page_content.contact_us .row.cont { display: flex; align-items: center; flex-wrap: wrap; } .page_content.contact_us .row.cont .columns { padding: 0px; } .page_content.contact_us .row.cont .forrm1 .columns { padding-right: .9375rem; padding-left: .9375rem; } .form-control label { color: #fff; font-weight: 600; font-size: 14px; } .contant_cunt h3 { color: #fff; font-weight: 300; } .contant_cunt h2 { color: #fff; } .contant_cunt p { color: #fff; width: 66%; font-size: 18px; } .contant_cunt a { color: #fff; } .contant_cunt a span { display: block; } ul.accordion li.accordion-item .accordion-content h3 { color: #fff; } section.howiswork { display: flex; align-items: center; justify-content: center; } ul.playios a img { height: 55px; } section#journey img.phone.floating { left: 0; } /* Responsive */ @media only screen and (max-width:1300px) { .footer-top { gap: 15px; } form.foot-form { flex-wrap: wrap; gap: 10px; } form.foot-form h2 { font-size: 18px; } .footer_flex { flex-wrap: wrap; gap: 20px; } ul#menu_main li ul { height: 0; overflow: hidden; position: relative !important; display: none; } .header-navigation .main-menu ul#menu_main li .sub-menu { height: auto; display: block; } .header-navigation .main-menu ul#menu_main li .sub-menu { height: auto; display: none; } section.howiswork { display: block; } section.markets-section, section.how-section, section.why-forex, section.commodities-sec, section.trading-sec, section.howiswork { height: auto; min-height: auto; margin: -3px 0px; } .primary-menu .main_head { justify-content: end; } .choose-grid{ grid-template-columns:repeat(3,1fr); } } @media only screen and (max-width:1024px) { ul.trading-features { display: flex; flex-wrap: wrap; } ul.trading-features li { width: 47%; } .Widget-flex { display: flex; width: 100%; flex-wrap: wrap; } .Widget-flex ul#example-tabs { width: 100%; display: flex; overflow: scroll; margin-bottom: 30px; } .Widget-flex ul#example-tabs li.tabs-title a { font-size: 14px !important; padding: 15px 10px; width: 100%; width: max-content; } ul#example-tabs { display: flex; flex-wrap: unset; overflow: auto; padding: 0px 0px; height: 100px; } .header-right-nav ul li.navbar-toggle-btn, .header-right-nav { display: block; } ul#menu_main li a { color: #fff; } .primary-menu .main_head ul#menu_main { display: block; } .head-sec h2 { font-size: 30px; } .primary-menu .main_head { justify-content: end; } .sub-head h4 { font-size: 30px; } .main-menu { display: none; background: #0C7BDB; height: 100%; } .banner-sec { height: 80vh; } .country { margin-right: 0px; } ul#menu_main li ul { height: 0; overflow: hidden; position: relative !important; display: none; } .header-navigation .main-menu ul#menu_main li .sub-menu { height: auto; display: block; } .header-navigation .main-menu ul#menu_main li .sub-menu { height: auto; display: none; } .main-menu { display: none; } /* Header */ .grid-container { padding: 0px 20px; } .title-bar { background-color: #fff !important; justify-content: space-between; padding: 10px 15px; } .menu-icon::after { background: #26272D; -webkit-box-shadow: 0 7px 0 #000000, 0 14px 0 #000000 !important; box-shadow: 0 7px 0 #000000, 0 14px 0 #000000 !important; } .menu-icon:hover::after { background: #26272D; -webkit-box-shadow: 0 7px 0 #000000, 0 14px 0 #26272D; box-shadow: 0 7px 0 #000000, 0 14px 0 #26272D; } .div-brand { display: none; } ul.dropdown.menu { display: block; } .top-bar-right1 .btn-primary { margin-left: 15px; } header .top-bar { background: #fff; position: absolute; top: 70px; left: 0px; right: 0px; display: none; z-index: 999999; -webkit-box-shadow: 0 20px 40px 0 rgba(28, 30, 35, 0.2); -moz-box-shadow: 0 20px 40px 0 rgba(28, 30, 35, 0.2); box-shadow: 0 20px 40px 0 -15px rgb(28 30 35 / 20%); display: none; } button.icn_click span { height: 3px; width: 100%; background: #26272D; display: block; } button.icn_click { width: 32px; height: 35px; } section.hm-sec-4 h2 { font-size: 1.625rem; } button.icn_click span:before { content: ''; height: 3px; width: 100%; position: absolute; top: -8px; left: 0; background: #26272D; transition: 0.3s ease; } button.icn_click span { position: relative; transition: 0.3s ease; } button.icn_click span:after { content: ''; height: 3px; width: 100%; position: absolute; bottom: -8px; left: 0; background: #26272D; transition: 0.3s ease; } button.icn_click.act span:before { transform: rotate(45deg); top: 0px; } button.icn_click.act span:after { transform: rotate(-45deg); top: 0px; } button.icn_click.act span { background: transparent } .top-bar ul li { display: block; padding: 10px 0px; } .title-bar { display: flex !important; } section.wighet { margin: 0px; background: #fff; } .banner-container { max-width: 1200px; width: 100%; padding: 20px; } .power-right { width: 100%; } .platforms-right img { width: auto; position: static; height: 100%; } img.mb_app{ position: relative; height: auto; } .search-form, .popular{ width: auto; } .hero:before{ inset: unset !important; } } @media only screen and (max-width:800px) { form.foot-form { flex-wrap: wrap; gap: 10px; } .tradingview-widget-container { margin-bottom: 0 !important; width: auto !important; } .wiget-flex { flex: 1 1 calc(50% - 20px); flex-wrap: wrap; justify-content: center; } ul#example-tabs { height: auto; overflow: auto; width: 100%; } .row.f-flx { flex-wrap: wrap; } .banner-slide { background-size: cover; } .mb-hide { display: none; } .mb-show { display: block; } .mb-hide { display: none; } .mb-show { display: block; } .tab-num { margin-left: -8px; } .w-100.wrap { width: 100%; } } @media only screen and (max-width:767px) { .tradingview-widget-container { margin-bottom: 0 !important; } .page_banner h1 { font-size: 20px !important; text-align: left; } .green-link-button a { width: unset !important; margin: 10px 15px !important; } .page_banner .row { height: 180px; } .nav-menu.menu-on .navbar-close svg { height: 20px; } .nav-menu.menu-on .navbar-close { display: flex; align-items: center; justify-content: center; } .header-navigation .main-menu ul li:after { content: none; } .dis-mob-none { display: none; } .header-navigation.breakpoint-on .nav-menu .main-menu ul li a img { display: none; } .header-right-nav ul li.navbar-toggle-btn { display: inline-flex !important; } .header-navigation.breakpoint-on .nav-menu .main-menu ul li a { padding: 13px 20px; line-height: 1; } .header-right-nav ul li a { font-size: 12px; height: auto; width: auto; } ul.sub-menu { background: transparent; } .primary-menu .nav-menu.menu-on nav.main-menu ul#menu_main li a { color: #fff !important; } ul.dropdown.menu { overflow-y: auto; max-height: 400px; } ul.submenu.is-dropdown-submenu { position: relative; } .grid-container { padding: 0px 10px; } /* Header */ .title-bar { background-color: #fff !important; justify-content: space-between; padding: 10px 15px; } .menu-icon::after { background: #26272D; -webkit-box-shadow: 0 7px 0 #000000, 0 14px 0 #000000 !important; box-shadow: 0 7px 0 #000000, 0 14px 0 #000000 !important; } .menu-icon:hover::after { background: #26272D; -webkit-box-shadow: 0 7px 0 #000000, 0 14px 0 #26272D; box-shadow: 0 7px 0 #000000, 0 14px 0 #26272D; } .div-brand { display: none; } ul.dropdown.menu { display: block; } .top-bar-right1 .btn-primary { margin-left: 15px; } header .top-bar { background: #fff; position: absolute; top: 70px; left: 0px; right: 0px; display: none; z-index: 999999; -webkit-box-shadow: 0 20px 40px 0 rgba(28, 30, 35, 0.2); -moz-box-shadow: 0 20px 40px 0 rgba(28, 30, 35, 0.2); box-shadow: 0 20px 40px 0 -15px rgb(28 30 35 / 20%); } button.icn_click span { height: 3px; width: 100%; background: #26272D; display: block; } button.icn_click { width: 32px; height: 35px; } section.hm-sec-4 h2 { font-size: 22px; } button.icn_click span:before { content: ''; height: 3px; width: 100%; position: absolute; top: -8px; left: 0; background: #26272D; transition: 0.3s ease; } button.icn_click span { position: relative; transition: 0.3s ease; } button.icn_click span:after { content: ''; height: 3px; width: 100%; position: absolute; bottom: -8px; left: 0; background: #26272D; transition: 0.3s ease; } button.icn_click.act span:before { transform: rotate(45deg); top: 0px; } button.icn_click.act span:after { transform: rotate(-45deg); top: 0px; } button.icn_click.act span { background: transparent } .top-bar ul li { display: block; padding: 10px 0px; } body .header-right-nav ul { height: 0px !important; width: 100%; justify-content: flex-start; margin-left: 0px; } .country { padding-right: 0px; margin: 0; } .head-top-cunt a { font-size: 12px; } .primary-menu .main_head { padding: 0px 0px; height: 70px; } .head-top-cunt span.red-line { width: 15px; } .tradingview-widget-container { margin-bottom: 0 !important; width: auto !important; } .wiget-flex { flex: 1 1 calc(50% - 20px); flex-wrap: wrap; } h2.title { font-size: 26px; } .cm-box-wrap { grid-template-columns: 1fr; } .commodities-container { padding: 40px 25px; } .how-grid { grid-template-columns: repeat(2, 1fr); } .banner-container { grid-template-columns: 1fr; text-align: center; } .banner-right { display: flex; justify-content: center; } .markets-container { grid-template-columns: 1fr; text-align: left; padding: 40px; } .markets-right { display: flex; justify-content: center; } .markets-container::before { width: 100%; } .wf-content { grid-template-columns: 1fr; } .wf-line { display: none; } .wf-box { text-align: center; padding-left: 0px; } .dot { display: none; } .cm-title { font-size: 24px; } .trading-flex { flex-direction: column-reverse; text-align: center; padding: 0px 20px; } .features li { text-align: left; } } @media only screen and (max-width:680px) { main#main p, .footer ul li a{ font-size: 14px !important; } .footer h4{ font-size: 18px !important;} .section-pad{ padding: 30px 0px; } .app-phone { position: absolute; right: 0; bottom: 0; width: auto; filter: drop-shadow(0 0 30px rgba(0, 86, 255, .55)); height: auto; } .why-copy .feature-row { margin: 25px 0 30px; flex-wrap: wrap; } .feature-row { flex-wrap: wrap; } .feature span{ color: #fff; } .why-us:before{ background: linear-gradient(#f3faff47 55%, transparent 78%); } .feature span { color: #fff !important; font-size: 16px; margin-top: -23px; } .feature span.icon-disc { margin: 0; } .insights, .why-us{ padding: 45px 0 45px; } .why-us{ background-size: cover; } .journey-art{ height: auto; } .about-art .phone{ left: 0; } .journey .feature span { color: #000 !important; } .why-copy .feature { min-width: 45%; width: 45%; } .feature { min-width: 45%; } .why:after{ display: none; } .footer-top { flex-wrap: wrap; } .footer { padding: 0px 10px 20px; } .footer-left { margin-bottom: 0px; } .footer-top { flex-wrap: wrap; } .head-top-cunt.mailto { display: none; } .head-sec h2 { font-size: 26px; } .sub-head h4 { font-size: 20px; } .testi-img.in-center .testi-card { margin-left: 0px; } .animate img { top: -40px; } .testi-img.in-right, .testi-img.in-center .user-info { text-align: center; } section.howiswork .owl-nav { position: static; padding-top: 30px !important; } .testimonials-slide { padding: 0px; } .page_content.contact_us .row.cont { flex-direction: column; } .footer-top { flex-wrap: wrap; } form.foot-form .form-control input { width: auto; } .banner-bottom h2 { font-size: 30px; } form.foot-form .form-control button { width: 100px; } .primary-menu .main_head { gap: 10px; } .header-navigation .primary-menu { padding: 0px; } .tread_flex { margin-top: -20px; } .ev-bg .row { padding: 30px 15px; } .ban_space { padding: 60px 15px 0px; } h3.sub-title { margin: 0px auto 20px; } .footer-top { background: #363e34; } .banner-left h1 { font-size: 30px; } .banner-left p { font-size: 14px; text-align: center; } .how-grid { grid-template-columns: 1fr; } .feature-item { width: 100%; justify-content: center; } .market-title { font-size: 24px; } .markets-container { padding: 20px; } h2.market-title br { display: none; } .markets-section, .how-section { padding: 30px 0px; } .wf-box { flex-wrap: wrap; gap: 10px; } .wf-left::before { display: none; } .text-right, .text-left { text-align: center; } .wf-box.revce { flex-direction: column-reverse; } .trading-box .title { font-size: 20px; } .features li { font-size: 14px; } ul.trading-features li img { width: auto; } .trading-box img { width: 270px; } ul.trading-features li { width: 100%; } li.navbar-toggle-btn { position: static; top: 30px; right: 25px; } .header-navigation .primary-menu { padding: 0px; /* flex-wrap: wrap; */ position: relative; gap: 10px; } .banner { padding: 0px 0px; } section.wighet { padding: 30px 0px 10px; } .primary-menu .main_head { position: static; } .wf-left .wf-box:last-child { margin: 0; } .wf-box { margin-bottom: 30px; } .why_chose_box { width: 100%; } .trust-box { flex-wrap: wrap; } .trust-lft { width: 80%; } .power-right { width: 100%; } .platforms-right img { width: 100%; position: static; } .testimonials-section, .platforms-section, .power-section, section.why_chose { padding: 30px 15px; } .contant_cunt { width: 100%; margin: 0px 0px 20px 0px; } .page_banner .row { height: auto; } .header-right-nav ul li a.wt-btns { width: max-content; } .header-right-nav ul { gap: 5px; } .header-right-nav>ul>li a { padding: 8px 10px; } .site-branding { max-width: 120px; } .banner-slider, .banner-slide { height: auto; } .scroller { width: 300px; height: 300px; } .banner-container { flex-wrap: wrap; } .banner-left h3.in-lab { margin: 18px auto; } .btin-flex { display: flex; align-items: center; justify-content: center; margin-bottom: 30px; } .choose-grid{ grid-template-columns:1fr; } .btin-flex button.cta-btn { padding: 14px; margin: 0; } h2.title br { display: none; } h2.title span { display: unset; } .banner-container img.p2.cm-po { width: 50px !important; height: 50px !important; bottom: 45px; } img.p1.cm-po { top: 5px; right: 2%; } .ban-img img { height: 330px; margin-bottom: 40px; } span.nav-left, span.nav-right { background-size: 10px; } .banner-slider .owl-prev, .banner-slider .owl-next { width: 30px; height: 30px; } .features li { justify-content: left; } .footer-top { padding: 15px; } .page_cunt h2 { font-size: 26px; } .page_img.text-center .page_img.animation-img { width: auto; } .bg-gray.p-20 ul li a img { height: 40px; } .page_content h3 { font-size: 16px; font-weight: 600; } .banner-slide h3.sub-title { justify-content: center; } .markets-grid { grid-template-columns: 1fr; } .market-item { justify-content: center; } .why_chose_box.voliat, .why_chose_box.cne-img { width: 100%; } img.testimonials-img { display: none; } .testimonials-carousel { width: 100% !important; } .smart-right { display: none; } .card-flex-img { display: none; } .choose-card.left span.num { position: static; margin: 0px auto; transform: unset; } .choose-card .card-box-cunt .card-box { gap: 10px; width: 100%; border-radius: 12px; } .why-choose, .smart-tools, .about-section { padding: 30px 20px; } .choose-card .card-box-cunt .card-box .img-outer { position: static; transform: unset; width: auto; margin: 0px auto; } .choose-card.left span.num { position: static; margin: 0px auto; transform: unset; } .testimonials-flex { margin-top: 0px; } .faq-flex, .smart-tab-flex { flex-wrap: wrap; } .card-box img { height: auto; width: auto; min-height: auto; } section.smart-tools .smart-tab-flex { flex-wrap: wrap; flex-direction: column-reverse; } .smart-img-box { display: none; } h2.title, .about-content p.desc { text-align: center; width: 100%; } .about-wrapper { padding: 25px; } .faq-section .head_top.center h2.title { text-align: center; } .faq-flex { margin: 20px 0px 0px; } .banner-left { padding-top: 10px; } section.why-choose h2.title { text-align: center; } .smart-flex { margin-top: 20px; } .page_head_img { width: 50%; } .page_head { padding: 30px 15px; } .hero__shape .bubble { display: none; } .card-box-cunt { width: 100% !important; } .about-wrapper { flex-wrap: wrap; flex-direction: column-reverse; align-items: start; gap: 15px; } .step-card h3 { font-size: 20px; } .step-card h3 span { display: unset; } .smart-img-tab { margin: 0px auto; } .cd-flex { flex-wrap: wrap; } .app-img { position: sticky; } ul.playios a img { height: 40px; } .choose-box { width: 90%; margin: 0px auto; } img.po-ab{ display: none; } .font70 { font-size: 36px; line-height: 1.1; } .font40 { font-size: 24px; line-height: 1.1; } img.mb_app{ position: static; height: auto; } .mb_sec.dflex.alignc { flex-wrap: wrap; } .mobile-left { width: 100%; } .btns{ padding: 10px 10px; font-size: 12px; } .mb_sec { padding: 40px 20px; } .coin{ width: 90%; } .coin-left { left: 40%; } .banimg_sec .mobile-img { width: 150px; } .hero-section{ padding: 70px 0px 70px; } .running-border-container{ width: 300px; height: 40px; } .brand-box{ width: 45%; font-size: 14px; } .content-box{ font-size: 10px; } .font22 { font-size: 18px; } .why-choose .row{ background: #1F1F24; } section.trading-journey { height: auto; background: #020203; } section.trading-journey img.rock { display: none; } .step-card { width: 85%; margin: 0px auto; } form.foot-form .form-control input { width: 150px; } .how_box.dflex { flex-wrap: wrap; } .how_box.dflex .how_heading, .how_box.dflex .how_cunt { width: 100%; } section.wysec .dflex { flex-wrap: wrap; flex-direction: column-reverse; } section.wysec ul.dflex { flex-direction: row-reverse; } .wysec_cunt h2 { text-align: center; } section.counter_sec { padding: 15px; } .timg_sec.w60 { display: none; } .testmonial-carousel { width: 100% !important; } .owl-dots { margin-bottom: 0px; margin-top: 0px; } .wight-flex { padding: 0px 0px; } .w46 { width: 45%; } } /* initial */ .smart-cunt, .step-card, .app-img, .about-content, .card-box-cunt, .choose-box, .banner-text, .ban-img, .head_top, img.rock, img.cow-img { opacity: 0; transform: translateY(40px); transition: transform 0.4s ease, opacity 0.4s ease; } /* on scroll */ .show { opacity: 1; transform: translateY(0); } img.rock.show { opacity: 1; transform: translateY(-200px); } img.cow-img.show { opacity: 1; transform: translateY(200px); } /* Forex2 animation layer */ /* .reveal-up { opacity: 0; transform: translateY(26px); transition: opacity .8s ease, transform .8s ease; transition-delay: var(--reveal-delay, 0ms); } .reveal-up.is-visible { opacity: 1; transform: translateY(0); } .reveal-left { transform: translateX(-34px); } .reveal-right { transform: translateX(34px); } .reveal-zoom { transform: scale(.94); } .reveal-left.is-visible, .reveal-right.is-visible, .reveal-zoom.is-visible { opacity: 1; transform: translateX(0) scale(1); } .quote-card { transition: transform .35s ease, box-shadow .35s ease; } .quote-card:hover { transform: translateY(-5px); box-shadow: 0 18px 30px rgba(0,0,0,.34), 0 0 22px rgba(139,41,246,.32); } .phone-quotes { animation: floatPhone 4.8s ease-in-out infinite; } .feature-wheel { animation: slowSpin 18s linear infinite; } .feature-wheel i { animation: counterSpin 18s linear infinite; } .pill { animation: pillPulse 2.8s ease-in-out infinite; } .pill:before { animation: dotPulse 1.8s ease-in-out infinite; } .benefits article { transition: transform .35s ease, background .35s ease, box-shadow .35s ease; } .benefits article:hover { transform: translateY(-7px); background: #211f52; box-shadow: 0 18px 35px rgba(139,41,246,.25); } .market-watch { transition: transform .35s ease, box-shadow .35s ease; } .market-watch:hover { transform: translateY(-6px); box-shadow: 0 22px 45px rgba(139, 41, 246, .58); } .step b { animation: stepPulse 2.6s ease-in-out infinite; } .app-phone { animation: floatPhone 5.2s ease-in-out infinite; } .testimonial-grid article { transition: transform .35s ease, box-shadow .35s ease; } .testimonial-grid article:hover { transform: translateY(-6px); box-shadow: 0 0 34px rgba(227,51,255,.85), inset 0 0 22px rgba(26,61,255,.52); } .stats { animation: glowBar 3s ease-in-out infinite; } @keyframes floatPhone { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-12px); } } @keyframes slowSpin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes counterSpin { from { transform: rotate(0deg); } to { transform: rotate(-360deg); } } @keyframes pillPulse { 0%, 100% { box-shadow: 0 0 18px rgba(147,30,255,.36); } 50% { box-shadow: 0 0 32px rgba(198,52,255,.74); } } @keyframes dotPulse { 0%, 100% { box-shadow: 0 0 8px rgba(255,255,255,.65); } 50% { box-shadow: 0 0 18px rgba(255,255,255,1); } } @keyframes stepPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.08); } } /* @keyframes glowBar { 0%, 100% { box-shadow: 0 0 22px rgba(215,44,255,.58); } 50% { box-shadow: 0 0 36px rgba(215,44,255,.95); } } */ @keyframes floatPhoneCentered { 0%, 100% { transform: translateX(50%) translateY(0); } 50% { transform: translateX(50%) translateY(-12px); } } @media (max-width: 900px) { .app-phone { animation: floatPhoneCentered 5.2s ease-in-out infinite; } } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .001ms !important; } } a.button.gradient { height: 40px; }@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); body { font-family: "Poppins", sans-serif; } .large-6.medium-6.columns.p1 ,.large-6.medium-6.columns.p2 { position: relative; } body.changepwd_body.newfx_account i.fa.fa-fw.fa-eye.field-icon.toggle-password ,body.changepwd_body.newfx_account i.fa.fa-fw.fa-eye.field-icon.toggle-password7 ,body.changepwd_body.newfx_account i.fa.fa-fw.field-icon.toggle-password.fa-eye-slash ,body.changepwd_body.newfx_account i.fa.fa-fw.field-icon.toggle-password7.fa-eye-slash ,body.omegafx_chge_ac_pwd.changeacc_body.newfx_account i.fa.fa-fw.fa-eye.field-icon.toggle-password4 ,body.omegafx_chge_ac_pwd.changeacc_body.newfx_account i.fa.fa-fw.field-icon.toggle-password4.fa-eye-slash ,body.omegafx_chge_ac_pwd.changeacc_body.newfx_account i.fa.fa-fw.fa-eye.field-icon.toggle-password5 ,body.omegafx_chge_ac_pwd.changeacc_body.newfx_account i.fa.fa-fw.field-icon.toggle-password5.fa-eye-slash ,body.omegafx_chge_ac_pwd.changeacc_body.newfx_account i.fa.fa-fw.fa-eye.field-icon.toggle-password6 ,body.omegafx_chge_ac_pwd.changeacc_body.newfx_account i.fa.fa-fw.field-icon.toggle-password6.fa-eye-slash{ position: absolute; top: 18px; right: 24px; } .newfx_account .acc_right_sec{ height: 99vh; } .new_fx_reg .top-fld h3 { font-size: 16px !important; } body.omegafx_leverage.newfx_account .chosen-container.chosen-container-single + .form-error { top: 78px ! important; } .logo_lg img { height: 40px; } .inner_nav_side .left_side_nav ul li a.active span { background-color: #0C7BDB !important; color: #000 !important; } html .newfx_account .acc-wrap-right .tabs-title>a:focus, html .newfx_account.fx-income-wrap .acc-wrap-right .tabs-title>a[aria-selected=true] { background-color: #0C7BDB !important; color: #000 !important; } html .newfx_account .acc-wrap-right .tabs-title>a:hover { background-color: #0C7BDB !important; color: #000 !important; } html body .act-type div#select_login_chosen a.chosen-single { background-color: #0C7BDB !important; color: #000 !important; } body.fx-income-wrap.acadian-income.newfx_account .acc-wrap-right.fx-left-wrap.padding_20px ul#example-tabs li.tabs-title.is-active { color: #fff !important; } html body .inner_flex_add_acc .acc-details-right .new-cnt .tde-btn a { background-color: #0C7BDB !important; color: #000; } html body .newfx_summary_inner .acc-btm .new-btn a { color: #000 !important; background-color: #0C7BDB !important; } html body.newfx_account #page .acc-wrap-right .sub1 input { background-color: #0C7BDB !important; color: #000 !important; } .newfx_account .account-table .account-info .ac2 a { color: #fff !important; } .new_fx .r-right input:focus{ border-bottom: 1px solid #0C7BDB !important; } .newfx_account .inner_tabs_acc { border-bottom: 1px solid #0C7BDB !important; } .newfx_account .inner_nav_side .left_side_nav ul li a:before { background-color: #0C7BDB ; color: #000; } .newfx_account .common_bg_white .login input:focus, .newfx_account .common_bg_white .login textarea:focus { border-bottom: 1px solid #0C7BDB !important; border-left: 0px !important; border-right: 0px !important; border-top: 0px !important; } /* .common_bg_white .login input{ margin-bottom: 10px !important; } */ body.britanniafg_deposit.newfx_account.newfx_account .common_bg_white .login input{ margin-bottom: 30px !important; } html body.newfx_account .inner_tab_tables tr .nefx_colr tr td a { color: #4E5464 !important; } html body.newfx_account .inner_tab_tables tr .nefx_colr tr td span { color: #4E5464 !important; } .new_fx .m-align .re-btn { background-color: #0C7BDB !important; color: #fff !important; font-family: "Poppins", sans-serif !important; background: #0C7BDB; } html body.new_fx_reg .login .sub1.regsub input[type="submit"] { background-color: #0C7BDB !important; height: 50px !important; color: #fff !important; } html .new_fx_forgot button.re-btn { background-color: #0C7BDB !important; color: #fff !important; } .new_fx_forgot .pwd input:focus { border-bottom: 1px solid #0C7BDB !important; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } body.login_pro.acadian-login.new_fx .logo_lg { background-color: transparent !important; padding: 10px; color: #000 !important; height:150px; } html body .chosen-container .chosen-results li.highlighted { background-color: #0C7BDB !important; background-image: unset; color: #fff !important; } .newfx_account header, .newfx_account footer, #page .acc-wrap-right .tabs-title.is-active>a:after{ display: none; } .inner_nav_side .left_side_nav ul li a:hover p { color: #fff !important; z-index: 10; display: block; background: #0C7BDB ; width: auto; left: 56px; padding: 10px; top: 10px; } .side_nav_bg.inner_nav_side.common-acc-side-menu.side_active.inner_nav_side .left_side_nav ul li a:hover p { padding: 0px; top: 17px; } @media (max-width: 1600px) { html body.fx-income-wrap.acadian-income.newfx_account #page{ height: 120vh !important; } html body.newfx_account .acc_right_sec .padding_20px { height: auto !important; } } @media screen and (max-width: 480px){ .my-acc-details table tbody td:nth-child(1):after{ content: ''!important; } .my-acc-details table tbody td:after{ background-color: transparent !important; } } #nav-icon22 span{ background: #0C7BDB !important; color: #fff !important; } body.fx-income-wrap.acadian-income.newfx_account .acc-details-middle p { top: 0px !important; } .newfx_account .inner_flex_add_acc .flex_drectionss .acc-title { padding-bottom: 20px; } html .newfx_account.fx-income-wrap .acc-wrap-right .tabs-title>a { padding-left: 10px !important; padding-right: 10px !important; /* color:#fff !important; */ } html .newfx_account .acc-wrap-right .tabs-title>a:focus, html .newfx_account.fx-income-wrap .acc-wrap-right li.tabs-title.is-active>a[aria-selected=true] { background-color: #0C7BDB !important; color: #fff !important; } .p1, .p2 { position: relative; } body.fx-income-wrap.acadian-income.newfx_account .acc-details-middle h3 { display: block !important; } body.newfx_account small.form-error { position: absolute; bottom: 0px; margin-bottom: 0px; } body.all4markets_profile.profile_body.newfx_account .r-add textarea#add { margin-bottom: 30px !important; } body.changepwd_body.newfx_account .large-6.medium-6.columns.p1 input#password, body.changepwd_body.newfx_account .large-6.medium-6.columns.p2 input#confirmPassword1, body.all4markets_chge_ac_pwd.changeacc_body.newfx_account input#password3, body.all4markets_chge_ac_pwd.changeacc_body.newfx_account input#password, body.all4markets_chge_ac_pwd.changeacc_body.newfx_account input#cpassword{ position: relative; margin-bottom: 10px !Important; } body.changepwd_body.newfx_account .large-6.medium-6.columns.p1 .fa-eye:before, body.changepwd_body.newfx_account .large-6.medium-6.columns.p2 .fa-eye:before, body.changepwd_body.newfx_account .large-6.medium-6.columns.p1 .fa-eye-slash:before, body.changepwd_body.newfx_account .large-6.medium-6.columns.p2 .fa-eye-slash:before, body.all4markets_chge_ac_pwd.changeacc_body.newfx_account .large-6.medium-6.columns.p1 .fa-eye:before, body.all4markets_chge_ac_pwd.changeacc_body.newfx_account .large-6.medium-6.columns.p2 .fa-eye:before, body.all4markets_chge_ac_pwd.changeacc_body.newfx_account .large-6.medium-6.columns.p1 .fa-eye-slash:before, body.all4markets_chge_ac_pwd.changeacc_body.newfx_account .large-6.medium-6.columns.p2 .fa-eye-slash:before { position: absolute; right: 20px; top: 18px; } html body.newfx_account .chosen-container.chosen-container-single + .form-error { margin-top: 5px !important; } body.all4markets_leverage.newfx_account .chosen-container.chosen-container-single + .form-error { margin-top: 35px !important; } html body.newfx_account #popmodel a.button.small.success { background-color: #0C7BDB !important; border-radius: 5px; color: #fff !important; background: #0C7BDB; padding: 10px 20px !important; width: auto; height: auto; } .new_fx_reg .frm-fld input:focus{ border: 1px solid #0C7BDB !important; } .newfx_account .inner_flex_add_acc .flex_drectionss .my-acc-4x .chosen-container-single .chosen-single span { font-size: 14px !important; padding: 0px 5px; color: #fff !important; } .p1.ck { display: block !important; } /* .logo_lg { background-color: #fff; } */ .fast_form.forgot_pd img { display: none; } .new_fx_reg .login, .newfx_account .bg_common_newfx { background-image: url(https://client.corner-trader.com//images/cornertrader/abstract.png) !important; -webkit-box-shadow: 0px 30px 80px black !important; box-shadow: 0px 30px 80px black !important; width: 1200px; margin: 0 auto !important; border-radius: 0 !important; height: 700px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-repeat: no-repeat; background-size: cover; } .new_fx .n-login, .new_fx_reg .n-login, .newfx_account #page, body.ac_typ.bg_no.forgot_body.new_fx_forgot { background-image: url(https://client.corner-trader.com//images/cornertrader/bg_pattern.png) !important; } .new_fx_forgot>.row{ background-color: transparent !important; } .acc-details-middle h3 { position: unset !important; } .newfx_account .acc-wrap-right h1{ font-size: 26px !important; } .left_side_nav p { color: #000 !important; } .new_fx .login { background-image: url(https://client.corner-trader.com//images/cornertrader/login_bg.png) !important; margin: 0 auto; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-image: url(https://client.corner-trader.com//images/cornertrader//login_bg.png); background-repeat: no-repeat; background-size: cover; background-position: left; -webkit-box-shadow: 0px 30px 80px black; box-shadow: 0px 30px 80px black; width: 1200px; height: 700px; } h1, h2,h3, h4, h5{ font-family: "Poppins", sans-serif !important; font-weight: 800 !important; } p, a, input, ul, li, span { font-family: "Poppins", sans-serif !important; font-size: 14px; font-weight: 400; margin: 0px; } p{ font-family: "Poppins", sans-serif !important; font-size: 14px !important; font-weight: 400 !important; } .top-fld h3{ font-size: 16px !important; } input::placeholder{ font-family: "Poppins", sans-serif !important; font-weight: 400 !important; } .common_bg_white .login input{ font-family: "Poppins", sans-serif !important; font-weight: 400 !important; } input, a{ font-family: "Poppins", sans-serif !important; font-weight: 400 !important; } body.amacap_deposit.newfx_account.newfx_account .chosen-container.chosen-container-single + .form-error { position: absolute !important; margin-top: 30px !important; } .left_side_nav ul li a:hover p { color: #fff !important; } .row.collapse.acc-wrap { padding: 40px 0; max-width: 100% !important; } body.changepwd_body.newfx_account input.form-control.is-invalid-input { margin-bottom: 10px; } html body#reg-wrap #popmodel #title_alert { background-color: #0C7BDB !important; padding: 10px; text-align: center; color: #fff !important; font-size: 19px; } html body#reg-wrap #popmodel a.button.small.success{ background-color: #0C7BDB !important; color: #fff !important; background: #0C7BDB; height: auto; } .inner_flex_add_acc .acc-details-right .new-cnt .tde-btn a{ color:#fff !important; } @media only screen and (max-width: 1240px){ body.fx-income-wrap .row.acc_right_sec, body.newfx_profile.profile_body.newfx_account .acc-wrap-right.common_bg_white { max-width: 1024px !important; margin: 0px 0px 0px auto !important; } } @media only screen and (max-width: 1140px){ html body.acc-wrap-right.fx-left-wrap.padding_20px { width: 90% !important; margin: 0px 0px 0px auto !important; } html body.newfx_account .acc_right_sec .padding_20px { height: auto !important; width: 90% !important; margin: 0px 0px 0px auto !important; } } @media only screen and (max-width: 1024px){ .newfx_account .account-table{ width:100% !important; } } .n-left h4{ margin-top: 0px !important; } .new_fx_reg .n-left p, .new_fx_reg .n-left h4{ width: 60%; margin-left: 35px; } .ttl-drp{ height: 45px; } html body.new_fx_reg .login .sub1.regsub input[type="submit"] { background-color: #0C7BDB !important; height: 50px !important; margin: 10px 0px; color: #fff; } .new_fx_reg .terms label a{ color:#fff !important; } body.tdmarkets_leverage.newfx_account small.form-error.is-visible { position: relative !important; top: 0px !important; } html body.fx-income-wrap.acadian-income.newfx_account .table-bg .tabs-title>a { color: #fff !important; } body.amacap_deposit.newfx_account.newfx_account input { border: none !important; border-bottom: 1px solid #79849A !important; background-color: transparent !important; -webkit-box-shadow: none !important; box-shadow: none !important; padding: 0; color: #4E5464; font-size: 16px; } body.amacap_deposit.newfx_account.newfx_account .row.login { position: relative; transform: none !important; translate: none !important; left: 0 !important; width: 100% !important; top: 0 !important; } body.amacap_deposit.newfx_account.newfx_account .chosen-container.chosen-container-single, body.amacap_deposit.newfx_account.newfx_account form#pay_126 .chosen-container.chosen-container-single{ border: none !important; border-bottom: 1px solid #79849A !important; background-color: transparent !important; } body.amacap_deposit.newfx_account.newfx_account .p1, body.monetacfd_deposit.newfx_account.newfx_account .p2 { width: 50% !important; } body.amacap_deposit.newfx_account.newfx_account .acc-wrap select { border-bottom: 1px solid #bbbbbb !important; background-image: url(../images//sel-arrw.png); padding: 8px; border-top: none !IMPORTANT; border-left: none !important; border-right: none !important; border-radius: 0px !important; width: 100% !important; } body.amacap_deposit.newfx_account.newfx_account .row.login { position: relative; transform: none !important; translate: none !important; left: 0 !important; width: 100% !important; top: 0 !important; margin: 0px auto !important; } body.amacap_deposit.newfx_account.newfx_account h1 { margin: 0px !important; } body.amacap_deposit.newfx_account.newfx_account .large-12.columns.p1.ck input[type="checkbox"] { margin-right: 10px !important; } html body.login_pro.acadian-login.new_fx.is-reveal-open #popmodel div#title_alert{ background-color: #0C7BDB !important; color: #fff !important; } html body.login_pro.acadian-login.new_fx.is-reveal-open #popmodel a.button.small.success.small-4.small-offset-4.columns{ background-color: #0C7BDB !important; color: #fff !important; background: #0C7BDB !important; } .acadian-login .logo_lg img{ height: auto !important; } body.changepwd_body.newfx_account small.form-error { position: absolute; bottom: -10px; margin-bottom: 0px; } html body div#title_alert, html body a.button.small.success.small-4.small-offset-4.columns{ background-color: #0C7BDB !important; margin: 0px !important; width: 38%; } body.login_pro.acadian-login.new_fx.is-reveal-open div#popmodel { text-align: center; display: flex !important; align-items: center; justify-content: center; flex-wrap: wrap; } body.amacap_leverage.newfx_account.is-reveal-open div#popmodel { display: flex !important; align-items: center; flex-wrap: wrap; flex-direction: column; } body.login_pro.acadian-login.new_fx.is-reveal-open div#popmodel .insidepopup .row { text-align: center; display: flex; justify-content: center; } body.amacap_leverage .newfx_account.is-reveal-open div#popmodel { display: flex !important; align-items: center; text-align: center; justify-content: center; flex-wrap: wrap; flex-direction: column; } body#reg-wrap div#popmodel { display: flex !important; align-items: center; text-align: center; justify-content: center; flex-wrap: wrap; flex-direction: column; } body.fx-income-wrap.acadian-income.newfx_account.is-reveal-open div#popmodel { display: flex !important; align-items: center; justify-content: center; flex-wrap: wrap; flex-direction: column; } body.amacap_leverage.newfx_account.is-reveal-open div#popmodel .insidepopup .row, body.fx-income-wrap.acadian-income.newfx_account.is-reveal-open div#popmodel .insidepopup .row{ text-align: center; display: flex; justify-content: center; } body#reg-wrap div#popmodel .insidepopup .row{ text-align: center; display: flex; justify-content: center; } body.fx-income-wrap.acadian-incom.newfx_account.fx-income-wrap .acc-wrap-right li.tabs-title.is-active>a[aria-selected=true] { background-color: #0C7BDB !important; color: #fff !important; } html .newfx_account .acc-wrap-right .tabs-title>a:focus, html .newfx_account.fx-income-wrap .acc-wrap-right .tabs-title>a[aria-selected=true] { background-color: #0C7BDB !important; color: #fff !important; } html .newfx_account .inner_tabs_acc li a { background-color: #ECF1F7 !important; border-radius: 10px 10px 10px 10px; margin-right: 10px; color: black !important; } .form-error{ font-weight: 500 !important; } span, h2, p { opacity: 1 !important; transform: unsent !important; transition: transform 0.4s ease, opacity 0.4s ease; } @font-face { font-family: 'Proxima-Nova-Bold'; src: url(../fonts/CenturyGothicBold.TTf) format('truetype') } .loader-overlay { position: fixed; width: 100vw; height: 100vh; background-color: rgba(255, 255, 255, 0.62); z-index: 9999; display: none; } .loader-overlay img { position: absolute; top: 45%; left: 48%; } .stellarnav.desktop li.has-sub a { text-transform: uppercase; font-size: 15px !important; } a.lgpart { display: block !important; text-transform: uppercase !important; } /*register */ .datepicker td.active.day, .datepicker th.active.day { background: #1264d5; color: #fff; border-radius: 3px; } .show_search .chosen-search { display: block; } #reg-wrap .chosen-container { margin-bottom: 30px !important; } .row.full-nme .frm-fld2 { padding: 0px 10px 0px 0px !important; } .row.full-nme .frm-fld { padding: 0px !important; } .hddecls-fx { display:none; } .forex-incm h1, .forex-incm h2, .forex-incm h3, .forex-incm h4, .forex-incm h5,.forex-incm p { font-family: 'Open Sans', sans-serif; } .top-fld h3 { font-size: 20px; text-transform: uppercase; color: #2d2d2d; float: left; } .ck-box label { color: #585858; } .brddr { border-top: 1px solid #dbdbdc; } .row.top-fld p { float: right; font-size: 13px; margin: 0px; text-transform: capitalize; line-height: 25px; } .row.forex-incm { padding: 50px 0px; } .row.forex-incm h4 { text-transform: uppercase; font-size: 25px; color: #000; } .row.top-fld { padding: 15px 0px 10px; } .row.top-fld { padding: 10px 0px 0px; } #reg-wrap .chosen-container { margin-bottom: 0px !important; } .row.contry p { font-size: 15px; margin: 0px; padding-bottom: 8px; } .forex-incm p { font-family: 'Open Sans', sans-serif; font-size: 14px; margin: 0px; padding-bottom: 8px; } .row.contry { padding: 15px 0px; } .row.forex-incm { width: 100%; margin: 0 auto; } .row.full-nme { padding: 20px 0px 0px; } .row.full-nme .frm-fld2 { padding: 0px 10px 0px 0px; } .row.full-nme .frm-fld { padding: 0px; } .row.mobile-num { padding-top: 0px; } .frm-fld input { margin-right: 30px; margin-bottom: 18px !important; } .ttl-drp { padding: 30px 0px 20px; } .row.levrge { padding: 15px 0px 5px; } .forex-incm .chosen-container a.chosen-single { margin-bottom: 10px; } .forex-incm .chosen-with-drop a.chosen-single { margin-bottom: 0px !important; } .forex-incm .sub1 input { width: 250px; } .side-banner.right-sd { padding: 0px !important; padding-left: 10px !important; } .side-banner.right-sd { padding: 0px !important; padding-left: 10px !important; } .side-banner.right-sd .side-banner-bottom { padding: 50px 40px !important; background-color: #1fa84c; } .side-banner-bottom a{ font-size:14px; color:#000; } .forex-incm .chosen-container-single .chosen-single div { position: absolute !important; width: 40px; background-color: #ccc !important; margin: 0px; padding: 0px; top: 0px !important; } .forex-incm .frm-fld input { height: 38px !important; } .forex-incm .chosen-container-single .chosen-single{ height: 38px !important; } .row.clrnw h4 { color: #2d2d2d; } .row.top-fld { max-width: 100% !important; justify-content: space-between; } .frm-fld { position: relative; } .row { max-width: 1210px; width: 100%; color: #585858; } .row.contry p { width: 100%; } .sub3 { width: 205px; border: 1px solid #ccc; outline: none !important; padding-left: 8px !important; background-color: #fff !important; margin-right: 30px; position: relative; border-radius: 5px !important; padding: 9px 5px; margin-bottom: 20px !important; font-size: 13px; color: #000; } select { background-position: top 13px right 10px; outline: none !important; background-image: url(../images/27option/sel-arrw.png); } body .chosen-container { padding-bottom: 0px !important; margin-bottom: 15px; } .chosen-container-single .chosen-single { background: none !important; border-radius: 3px !important; } .chosen-container-single .chosen-single { background: none !important; } .chosen-container-single .chosen-single { height: 34px !important; border: 1px solid #ccc !important; box-shadow: none !important; border-radius: 0px !important; line-height: 34px !important; } .forex-incm .chosen-container a.chosen-single { margin-bottom: 10px; } .forex-incm .chosen-container-single .chosen-single { height: 38px !important; } .chosen-container-single .chosen-single { outline: none !important; } .chosen-container .chosen-results li.group-result, .chosen-container .chosen-results li, .chosen-container-single .chosen-single span { font-weight: normal !important; font-size: 12px; } body .row p.maxth { width: unset !important; } .forex-incm p { width: 100% !important; } .forex-incm .frm-fld input { height: 38px !important; } .frm-fld input { margin-right: 30px; margin-bottom: 18px !important; } .frm-fld input, body .login1 input { height: 38px; } .frm-fld input { box-shadow: none; height: 34px !important; line-height: 34px !important; border: 1px solid #ccc; box-shadow: none !important; padding-left: 8px; position: relative; margin-right: 30px; margin-bottom: 30px; font-size: 12px; } .frm-fld { width: 100%; } #reg-wrap .chosen-container { width: 100% !important; } .ck a { color: #4e4e4e; text-decoration: underline; } .p1 input[type="checkbox"] { margin: 0px 0px 15px !important; height: 13px !important; } body .p1.ck label { font-size: 12px; padding: 0px !important; }.forex-incm .p1.ck { margin: 0px; padding: 0px 0px 5px; } .sub1 input { width: 150px; color: #fff; background: #c3aa6d; outline: none; line-height: 32px; height: 38px; border-radius: 2px !important; border: none; font-size: 15px !important; } .chosen-container-single .chosen-drop { margin-top: -4px; } .row.forex-incm { width: 100% !important; } /*login */ a.lgpart { display: block !important; } .sub1 input { padding: 3px 25px !important; } .lgleft h4 { color: #2d2d2d; text-transform: uppercase; font-size: 26px; padding: 10px 0px; font-weight: 600; font-family: calibri; line-height: 30px; } .row.lgin { margin: 0 auto; padding: 50px 0px; } .lgin .lgleft span a { color: #c1a668 !important; } .lgleft p { color: #292b33; } .lfimg1 h3 { color: #2d2d2d; text-transform: uppercase; font-size: 26px !important; padding: 10px 0px; font-weight: 600; line-height: 30px; font-family: calibri !important; } .lgin .lfimg1 h3 span { color: #c3aa6d !important; } .lfimg1 p { width: 80%; } .row.form12 h4 { width: 100%; color: #2d2d2d; text-transform: uppercase; font-size: 26px; padding: 10px 0px; font-weight: 600; font-family: 'Montserrat', sans-serif !important; line-height: 30px; } .lgleft { border-right: 1px solid #ececec; } .lgleft p { color: #292b33; } .row.form12 { padding: 0px 0px 15px; } .row.form12 { padding: 10px 0px; } .row.form12 { width: 300px; margin: 0 auto; } .lfttt { float: left; } .m1 { position: relative; } .row.form12.frmmm input { font-size: 13px !important; } .input-group .input-group-field, input { border-radius: 0px !important; } form { width: 100%; } .row.sec-prt p { text-align: center; } .row.sec-prt p { text-align: center; color: #a0a0a0; margin: 0px; width: 100%; } .row.sec-prt p { color: #a0a0a0; float: left; margin: 0px; } .row.sec-prt { text-align: center; display: flex; align-items: center; justify-content: space-evenly; } .sec-tw2 { background-color: #2d2d2d; } .row.sec-prt { padding: 15px; } .row.thr3 h1 { text-align: center; font-size: 28px; text-transform: uppercase; font-family: calibri !important; color: #2d2d2d; width: 100%; font-weight: bold; } .sec-thr3 { padding: 30px 0px; } .fstr1 { padding: 10px 50px; color: #292b33; text-align: center; } .subd1 { border-right: 1px solid #ececec; padding: 20px; } .row.subdivv { padding: 30px 0px; } .fstr1 h6 { font-weight: bold; color: #292b33; font-size: 24px; width: 100%; margin-bottom: 20px; } .row.buttnn { text-align: center; padding: 25px 0px 15px; width: 100%; margin: 0 auto; } .row.fv5 h1 { text-align: center; font-size: 26px; text-transform: uppercase; font-family: 'Montserrat', sans-serif !important; color: #fff; width: 100%; } body .sec-five { background: #c1a668 !important; padding: 40px 0px !important; } .sec-five p { color: #fff; text-align: center; margin: 0px; } .row.buttnn a { background-color: #fff; padding: 10px 40px; border-radius: 3px; color: #2d2d2d; font-weight: bold; margin: 0 auto; } .row.buttnn { text-align: center; padding: 25px 0px 15px; } .rghtt1 img { width: 70px; display: none; } .sub1.frx2 input { margin-top: 15px; } .fstr1 p { font-size: 15px; color: #292b33; } .fstr1.nw h4 { font-size: 22px; font-family: 'Montserrat', sans-serif !important; } .fstr1.nw p { margin: 0px; } .fstr1.nw p a.clk { text-decoration: underline #ccc; color:#292b33; } .fstr1.nw p a { color: #1fa84c; } .sec-fr4 { background-color: #eaeaea; padding: 40px 0px 20px; } .sec-fr4 .subd1 { padding: 10px 20px; color: #292b33; border-right: 1px solid #c5c5c5; } .sec-fr4 .subd1.lst { border-right: 0px solid #c5c5c5 !important; } .row.subdivv { padding: 30px 0px; } .sec-five { background: url(../images/cornertrader/bg-lasst.jpg) no-repeat center ; height: auto; } .row.fv5 h1 { text-align: center; font-size: 26px; text-transform: uppercase; font-family: 'Montserrat', sans-serif !important; color: #fff; } .sec-five { padding: 70px 0px; } .row.buttnn a { background-color: #fff; padding: 10px 40px; border-radius: 3px; color: #2d2d2d; font-weight: bold; } .row.buttnn { text-align: center; padding: 25px 0px 15px; } .sec-five p { color: #fff; text-align: center; margin: 0px; } .hrdiv { border-top: 1px solid #ccc; width: 60%; padding: 0px 0px 18px; } .row.form12 { padding: 0px 0px 15px; } .rghtt1 label { line-height: 35px !important; } .row.lgin h6 { font-size: 14px; text-transform: uppercase; color: #2d2d2d; padding: 0px !important; font-weight: bold; line-height: 33px !important; margin: 0px !important; } .row.form12 h4 { color: #2d2d2d; text-transform: uppercase; font-size: 26px; padding: 10px 0px; font-weight: 600; font-family: 'Montserrat', sans-serif !important; line-height: 30px; } .lgleft h4 { font-family: 'Montserrat', sans-serif !important; } .row.thr3 h1 { font-family: 'Montserrat', sans-serif !important; } .lfimg1 p { width: 80%; } .row.sec-prt p { text-align: center; color: #a0a0a0; margin: 0px; width: 100%; } .sec-prt .lgpart{ display:none !important; } .row.sec-prt p{ text-align:center; } p.foot_docs1 { margin-top: -1px; } @media only screen and (max-width: 65.063em) { a.lgpart { float: none !important; } .row.sec-prt{text-align:center;} .row.sec-prt p { font-size: 13px; padding-bottom: 8px; } .fstr1 { padding: 10px 30px; color: #292b33; } .row.fv5 h1 { text-align: center; font-size: 16px !important; } .stellarnav li a { color: #0d1530 !important; } .fx-head { display: block; } .fx-act-menu ul li a:before{ display:none !important; } .fx-act-menu ul { display: block !important; } body .fx-act-menu ul li { padding: 15px 25px 12px !important; display: block !important; } .fx-act-menu li.active { background-color: #c1a668 !important; } .fx-act-menu ul li a { font-size: 15px !important; } body .fx-menu-list .fx-act-menu ul li.active a { color: #fefefe !important; } .fx-head { display: block !important; } html body .fx-head { padding: 10px 10px !important; } html body .fx-left-wrap .fx-head { padding-top: 10px !important; } .fx-left-wrap .acc-title { display: block; } .acc-details-right { padding: 10px !important; width: 100% !important; } .tde-btn { text-align: center; } html body .my-acc-4x { width: 100% !important; display: block !important; } .fx-left-wrap .acc-title { display: block !important; } body .fx-head { position: relative; } body .acc-details { padding: 20px; } body select#select_login { background-position: top 9px right 10px !important; height: 36px; outline: none !important; width: 150px !important; margin: 0px !important; background-size: 10px !important; font-size: 15px; padding: 4px 10px !important; position: absolute; right: 20px; top: 20px; } .tde-btn { padding: 15px; } .acc-details-middle { text-align: center; } .acc-details-middle h3, .acc-details-middle p { text-align: center; } body .fx-left-wrap div#account-top { padding-left: 20px !important; } .account-table { width: 100% !important; } .acc-btm .tde-btn { display: block !important; } .acc-btm { padding: 20px 40px !important; } .acc-details-middle, .acc-details-middle h3, .tde-btn { margin-left: auto !important; text-align: center !important; position: initial !important; top: 0px !important; } .acc-btm .tde-btn { display: inline-block; padding: 12px 0px !important; } .acc-btm .new-btn { margin-right: 0px !important; } .acc-btm .tde-btn a { width: 100% !important; display: block !important; } .my-acc-details table thead { display: none; } .my-acc-details table tbody td { display: block; padding-left: 40%; border-bottom: 1px solid #ccc; position: relative; padding: 5px 0px 5px 40%; } .acc-wrap-right { float: none !important; } .my-acc-details table tbody td:after { position: absolute; left: 0px; padding: 5px 7px; width: 38%; background-color: #f7f7f7; top: 0px; } .my-acc-details table tbody td:nth-child(1):after { content: 'Account'; } .my-acc-details table tbody td:nth-child(2):after { content: 'Type'; } .my-acc-details table tbody td:nth-child(3):after { content: 'Currency'; } .my-acc-details table tbody td:nth-child(4):after { content: 'Balance'; } .my-acc-details table tbody td:nth-child(5):after { content: 'Leverage'; } .my-acc-details table tbody td:nth-child(6):after { content: 'Deposit'; } .acc-wrap-left { padding: 0px 15px 10px !important; } li.my_act, .opn-act { margin-top: 0px !important; position: absolute; width: 150px; right: 50px; } .tow-section-news-left table tr td { font-size: 12px !important; padding: 6px 10px !important; } body .list { width: 100% !important; } body .fx-act-menu ul li a { font-size: 15px !important; } .p1, .p2 { width: 100% !important; max-width: 100% !important; padding: 0px; } .acc-wrap .row { display: block !important; margin: 0 !important; } .acc-wrap { padding: 20px; } .acc-wrap-right { padding-left: 20px !important; } .acc-wrap select { border: 1px solid #bbbbbb !important; background-image: url(../images/27option/sel-arrw.png); padding: 8px; } } @media only screen and (min-width: 0em) and (max-width: 64em) { .row.subdivv { padding: 0px !important; } .fx-menu-list { padding-top: 10px !important; } .head-bottom { background-color: #e9eaeb !important; } .head-bottom .columns.small-12.large-12.medium-12 { padding: 0px !important; } #main-nav > ul { margin-top: 0 !important; } .sec-five { padding: 25px 0px; } .row.buttnn { text-align: center; padding: 15px 0px 15px; } .row.fv5 h1 { text-align: center; font-size: 20px; } .sec-fr4 { background-color: #eaeaea; padding: 20px 0px 10px; } .fstr1.nw h4 { font-size: 16px !important; } .sec-fr4 .subd1 { padding: 0px; color: #292b33; border-right: 0px solid #c5c5c5; } .subd1 { border-right: 1px solid #ececec; padding: 0px; } .fstr1 h6 { font-size: 16px; } .fstr1 p { font-size: 13px; color: #292b33; margin: 0px; line-height: 22px; } .row.thr3 h1 { font-size: 18px; padding: 10px; } .lgleft p { font-size: 13px; } .row.lgin { padding: 15px 0px; } .lfimg1 p { width: 100%; } .lgleft h4 { color: #2d2d2d; text-transform: uppercase; font-size: 20px; padding: 0px; } .row.lgin h6 { font-size: 13px; padding: 5px 0px !important; } .hrdiv { padding: 0px; } .row.form12 h4 { font-size: 20px; padding: 5px 0px; } .lgright { padding: 25px 0px 0px; } .row.sec-prt p { font-size: 13px; } .row.clrnw h4 { font-size: 18px; color: #2d2d2d; } .row.forex-incm { padding: 25px 0px; } .top-fld h3 { font-size: 16px; float: none; } .row.top-fld { padding: 0px; } .row.top-fld p { float: none; } .row.contry { padding: 0px; } .row.contry p { font-size: 14px; margin: 0px; padding: 8px 0px; } .row.full-nme { padding: 0px 0px 0px; } .frm-fld small.form-error.is-visible { position: absolute; top: 48px; font-size: 10px; } .searchh input, .searchh input:focus { width: 100%; } .lgin .lfimg1 h3 span { color: #c3aa6d !important; font-size: 20px !important; } .lgin .lfimg1 h3 { font-size: 22px !important; } .subd1, .subd22 { width: 100% !important; } .row.subdivv { display: block; overflow: hidden; } .row.forex-incm { padding: 25px 35px !important; } body#reg-wrap .large-6.columns { padding-right: 0px !important; padding-left: 0px !important; } .side-banner { display: none; } .stellarnav ul ul li a { font-size: 13px !important; text-transform: uppercase; } .stellarnav ul ul li a { color: #fff !important; } .my-acc-details .table td a { padding: 4px 12px !important; } } @media only screen and (min-width: 40.063em) and (max-width: 64em) { .fstr1 { padding: 10px 100px; color: #292b33; } .a-left, .a-right { width: 100% !important; max-width: 100% !important; } .header-top { padding: 10px 0px 7px; } .row.subdivv { display: flex; overflow: hidden; } .fstr1 { padding: 10px 50px !important; color: #292b33; } .subd1, .subd22 { width: 50% !important; max-width: 50%; } .fstr1 { text-align: left; } .fstr1 h6 { margin-bottom: 8px; } body .tde-btn a { padding: 8px 25px 10px !important; } body select#select_login, html body .act-type div#select_login_chosen { background-position: top 9px right 10px !important; height: 36px; outline: none !important; width: 150px !important; margin: 0px !important; background-size: 10px !important; font-size: 15px; padding: 4px 10px !important; position: absolute; right: 20px; top: 20px; } body .acc-wrap-right .chosen-single div b { background: url(../images/27option/right-arrw.png) 16px 13px no-repeat !important; } body .account-table { width: 50% !important; } .acc-btm .tde-btn { width: 50%; margin: 0 auto !important; } .acc-btm .tde-btn { width: 50%; margin: 0 auto !important; } .foot-panel.list ul { margin: 0; padding-left: 15px; } .foot-panel { padding: 20px 0px 0px; margin-bottom: 0 !important; } body .list { width: 48% !important; } } /* Accountsummary */ .fx-act-menu ul { display: -webkit-flex; -webkit-justify-content: center; display: flex; justify-content: space-between !important; } .fx-act-menu ul { margin: 0px; } .fx-act-menu li.active { background-color: #f7f7f7; border-bottom: 3px solid #2d2d2d; padding-bottom: 15px; padding-top: 25px; } .fx-act-menu ul li { padding: 25px 25px 15px !important; } .fx-act-menu ul li { width: unset !important; text-align: center; list-style: none; } .fx-act-menu ul li a:hover { background-color: transparent !important; } .fx-menu-list .fx-act-menu ul li.active a { color: #c1a668 !important; } .fx-act-menu ul li.active a { color: #ed1d24 !important; } .fx-act-menu ul li a { font-size: 13px !important; } .fx-act-menu ul li a { font-size: 11px; color: #525151; display: block; font-family: calibri !important; font-weight: 600; text-transform: capitalize; } .fx-act-menu ul li a:before { content: ""; display: block; width: 30px; height: 28px; background-repeat: no-repeat !important; background-position: center center; text-align: center; margin: 6px auto; background-size: 24px; } .fx-act-menu ul li.active:nth-child(1) a:before { background: url(../images/27option/aa1.png) !important; background-repeat: no-repeat !important; } .fx-act-menu ul li.active a:before { filter: brightness(21%) !important; background-repeat: no-repeat !important; } .fx-act-menu ul li:nth-child(2) a:before { background: url(../images/27option/aa2.png); } .fx-left-wrap .acc-title { text-transform: uppercase; color: #525151; font-weight: bold; font-size: 22px; font-family: calibri !important; font-weight: 600; display: inline; } .fx-left-wrap .fx-head { padding-top: 22px !important; } .fx-head { padding: 8px 0px 50px 20px !important; } .fx-head { display: block; background-color: #f7f7f7; padding: 8px 0px 2px 20px; } body.fx-income-wrap .acc-wrap-right { padding: 0px !important; } .fx-act-menu ul { display: -webkit-flex; -webkit-justify-content: center; display: flex; justify-content: center; } .fx-act-menu ul { margin: 0px; } .fx-act-menu li.active { background-color: #f7f7f7; border-bottom: 3px solid #2d2d2d; padding-bottom: 15px; padding-top: 25px; } .fx-act-menu ul li { padding: 25px 25px 15px !important; } .fx-act-menu ul li { display: inline-block; width: 12%; text-align: center; list-style: none; } .fx-menu-list .fx-act-menu ul li.active a { color: #c1a668 !important; } .fx-act-menu ul li.active a { color: #ed1d24 !important; } .fx-act-menu ul li a { font-size: 13px !important; } .fx-act-menu ul li a { font-size: 11px; color: #525151; display: block; font-family: calibri !important; font-weight: 600; text-transform: capitalize; } .fx-act-menu ul li a:before { content: ""; display: block; width: 30px; height: 28px; background-repeat: no-repeat !important; background-position: center center; text-align: center; margin: 6px auto; background-size: 24px; } .fx-act-menu ul li.active:nth-child(1) a:before { background: url(../images/27option/aa1.png) !important; background-repeat: no-repeat !important; } .fx-act-menu ul li.active a:before { filter: brightness(21%) !important; background-repeat: no-repeat !important; } .fx-act-menu ul li:nth-child(2) a:before { background: url(../images/27option/aa2.png); } .fx-left-wrap .acc-title { text-transform: uppercase; color: #525151; font-weight: bold; font-size: 18px; font-family: calibri !important; font-weight: 600; display: inline; } .fx-left-wrap .fx-head { padding-top: 22px !important; } .fx-head { padding: 8px 0px 50px 20px !important; } .fx-head { display: flex; justify-content: space-between; background-color: #f7f7f7; padding: 8px 0px 2px 20px; } body.fx-income-wrap .acc-wrap-right { padding: 0px !important; } .acc-details-right { padding: unset !important; } .tde-btn a { background-color: #ed1d24; padding: 8px 60px 10px; border-radius: 5px; color: #fff; font-size: 14px; font-family: calibri !important; } .tde-btn a { text-transform: uppercase; } .tde-btn a { background-color: #c1a668 !important; } .column:last-child:not(:first-child), .columns:last-child:not(:first-child) { float: right !important; } .column:last-child:not(:first-child), .columns:last-child:not(:first-child) { float: right; } .my-acc-4x { margin-top: -4px !important; } .my-acc-4x { width: 150px; display: inline; float: right; margin-top: -8px; } .act-type { margin-bottom: 10px; display: inherit; width: 150px; float: right; } .act-type { margin-bottom: 0px; } .acc-wrap-right select { height: 34px; background-color: #fff !important; } .act-type select, .act-type div#select_login_chosen { width: 100% !important; text-align: left; background-color: #fff !important; } body .chosen-container { padding-bottom: 0px !important; margin-bottom: 15px; } select { background-position: top 13px right 10px; outline: none !important; background-image: url(../images/tooltechfx/sel-arrw.png); } select#select_login { padding: 0px 5px !important; line-height: 15px; height: 30px; } select#select_login { background-position: top 9px right 10px !important; height: 20px; outline: none !important; width: 130px; margin: 0px !important; background-size: 10px !important; font-size: 12px; } .fx-head { display: flex; justify-content: space-between; } .act-type div#select_login_chosen a.chosen-single { border: none !important; background-color: #292b33 !important; color: #000 !important; border-top: 4px solid #d7be58 !important; } div#select_login_chosen a.chosen-single { margin: 0px !important; } .act-type div#select_login_chosen a.chosen-single { background-color: #696a6d !important; color: #fefefe !important; border: 1px solid #696a6d !important; } .my-acc-4x .chosen-container-single .chosen-single span { font-size: 14px; } .my-acc-4x .chosen-container-single .chosen-single div { background-color: unset !important; } .chosen-container .chosen-results li.group-result, .chosen-container .chosen-results li, .chosen-container-single .chosen-single span { font-weight: normal !important; font-size: 12px; } .fx-head .chosen-container .chosen-results li.highlighted { background-color: #54555c !important; background-image: none !important; color: #fff !important; } .chosen-container .chosen-results li.group-option { padding-left: 15px; } .fx-act-menu ul { display: -webkit-flex; -webkit-justify-content: center; display: flex; justify-content: center; } .fx-act-menu ul { margin: 0px; } .fx-act-menu li.active { background-color: #f7f7f7; border-bottom: 3px solid #2d2d2d; padding-bottom: 15px; padding-top: 25px; } .fx-act-menu ul li { padding: 25px 25px 15px !important; } .fx-act-menu ul li { display: inline-block; width: 12%; text-align: center; list-style: none; } .fx-menu-list .fx-act-menu ul li.active a { color: #c1a668 !important; } .fx-act-menu ul li.active a { color: #ed1d24 !important; } .fx-act-menu ul li a { font-size: 13px !important; } .fx-act-menu ul li a { font-size: 11px; color: #525151; display: block; font-family: calibri !important; font-weight: 600; text-transform: capitalize; } .fx-act-menu ul li a:before { content: ""; display: block; width: 30px; height: 28px; background-repeat: no-repeat !important; background-position: center center; text-align: center; margin: 6px auto; background-size: 24px; } .fx-act-menu ul li.active:nth-child(1) a:before { background: url(../images/tooltechfx/aa1.png) !important; background-repeat: no-repeat !important; } .fx-act-menu ul li.active a:before { filter: brightness(21%) !important; background-repeat: no-repeat !important; } .fx-act-menu ul li:nth-child(2) a:before { background: url(../images/tooltechfx/aa2.png); } .fx-left-wrap .acc-title { text-transform: uppercase; color: #525151; font-weight: bold; font-size: 18px; font-family: calibri !important; font-weight: 600; display: inline; } .fx-left-wrap .fx-head { padding-top: 22px !important; } .fx-head { padding: 8px 0px 50px 20px !important; } .fx-head { display: flex; justify-content: space-between; background-color: #f7f7f7; padding: 8px 0px 2px 20px; } body.fx-income-wrap .acc-wrap-right { padding: 0px !important; } .acc-details-right { padding: unset !important; } .tde-btn a { background-color: #ed1d24; padding: 8px 60px 10px; border-radius: 5px; color: #fff; font-size: 14px; font-family: calibri !important; } .tde-btn a { text-transform: uppercase; } .tde-btn a { background-color: #c1a668 !important; } .column:last-child:not(:first-child), .columns:last-child:not(:first-child) { float: right !important; } .column:last-child:not(:first-child), .columns:last-child:not(:first-child) { float: right; } .my-acc-4x { margin-top: -4px !important; } .my-acc-4x { width: 150px; display: inline; float: right; margin-top: -8px; } .act-type { margin-bottom: 10px; display: inherit; width: 150px; float: right; } .act-type { margin-bottom: 0px; } .acc-wrap-right select { height: 34px; background-color: #fff !important; } .act-type select, .act-type div#select_login_chosen { width: 100% !important; text-align: left; background-color: #fff !important; } body .chosen-container { padding-bottom: 0px !important; margin-bottom: 15px; } select { background-position: top 13px right 10px; outline: none !important; background-image: url(../images/27option/sel-arrw.png); } select#select_login { padding: 0px 5px !important; line-height: 15px; height: 30px; } select#select_login { background-position: top 9px right 10px !important; height: 20px; outline: none !important; width: 130px; margin: 0px !important; background-size: 10px !important; font-size: 12px; } .fx-head { display: flex; justify-content: space-between; } .acc-wrap-right .chosen-container-active.chosen-with-drop .chosen-single div b { display: block; width: 100%; height: 100%; background: url(../images/27option/right-arrw-dwn.png) 16px 13px no-repeat !important; } .acc-wrap-right .chosen-single div b { display: block; width: 100%; height: 100%; background: url(../images/27option/right-arrw.png) 16px 13px no-repeat !important; } .act-type div#select_login_chosen a.chosen-single { border: none !important; background-color: #292b33 !important; color: #000 !important; border-top: 4px solid #d7be58 !important; } div#select_login_chosen a.chosen-single { margin: 0px !important; } .act-type div#select_login_chosen a.chosen-single { background-color: #c1a668 !important; color: #fefefe !important; border: 1px solid #c1a668 !important; } .my-acc-4x .chosen-container-single .chosen-single span { font-size: 14px; } .my-acc-4x .chosen-container-single .chosen-single div { background-color: unset !important; } .chosen-container .chosen-results li.group-result, .chosen-container .chosen-results li, .chosen-container-single .chosen-single span { font-weight: normal !important; font-size: 12px; } .fx-head .chosen-container .chosen-results li.highlighted { background-color: #54555c !important; background-image: none !important; color: #fff !important; } .chosen-container .chosen-results li.group-option { padding-left: 15px; } .acc-details { background-color: #f7f7f7 !important; float: left; width: 100%; padding: 132px 0px 0px 0px; } .acc-details-left { position: relative; } .acc-details-left div { text-align: center; position: absolute; top: -90px; left: 20px; } .acc-details-left div { text-align: center; position: absolute; top: -90px; left: 20px; } .fx-image-new .circle { border-radius: 1000px !important; overflow: hidden; width: 128px; height: 128px; position: unset; top: 0; margin: 0 auto; } .acc-details-left div { text-align: center; position: absolute; top: -90px; left: 20px; } .circle { background: #ccc; } .fx-image-new .profile-pic { max-width: 200px; max-height: 200px; display: block; } .circle img { width: 128px; height: auto !important; line-height: 1; border-radius: 125px !important; } .acc-details-left div { text-align: center; position: unset; top: 0; left: 0; } .fx-image-new .p-image { cursor: pointer; position: relative; top: -22px; right: 6px; color: #666666; transition: all .3s cubic-bezier(.175, .885, .32, 1.275); font-size: 13px; background: rgba(243, 242, 242, 0.54); height: 25px; } .fx-image-new .upload-button { font-size: 1.2em; } .fx-image-new img { max-width: 100%; height: auto; } .fx-image-new .file-upload { display: none; } .column.large-5.medium-5.acc-details-middle { float: left !important; } .acc-details-middle { margin-left: 0; position: relative; } .acc-details-middle h3 { color: #525151; margin: 0px; font-size: 24px; position: unset; top: 0; text-transform: uppercase; font-family: calibri !important; font-weight: 600; margin-top: -15px; margin-bottom: 10px; } .acc-details-middle h3 span { font-size: 12px; } .acc-details-middle p { top: -38px !important; } .acc-details-middle p { color: #525151; margin: 0px; font-size: 13px; font-family: calibri !important; line-height: 24px; position: unset; top: -34px; } .acc-details { background-color: #f7f7f7 !important; float: left; width: 100%; padding: 0px 0px; /* overflow: hidden; */ } body .acc-details-middle { text-align: left; } .row.fx-image-new { align-items: center; } .fx-left-wrap .account-table { border: none !important; } body.fx-income-wrap .account-table { margin: 0px !important; background-color: transparent !important; } .fx-left-wrap .account-table { border: none !important; } .fx-left-wrap div#account-top { padding-left: 30px !important; } .fx-left-wrap div#account-top { background-color: #f7f7f7 !important; border-top: 1px dashed #ccc; } .account-table { width: 43%; float: left; min-height: 155px !important; border: 1px solid #cbcfd0; background-color: #fff; padding: 0px 0px !important; margin: 30px 15px 0px !important; }.fx-left-wrap .account-info, .account-info .account-table { border: none !important; } .account-info { float: left; width: 100%; } body.fx-income-wrap .account-info span { font-size: 13px !important; } .account-info span { float: left; line-height: 30px; font-size: 14px; color: #000; } .account-info span { float: left; line-height: 30px; font-size: 14px; color: #000; padding-left: 25px; } .account-info span { font-size: 12px !important; } .ac1 { width: 132px; } .acc-btm { background-color: #e8e8e9; padding: 20px; text-align: center; } .acc-btm .new-btn { margin-right: 20px; } .acc-btm .tde-btn { display: inline-block; } .acc-btm .tde-btn a { font-weight: 700; } .acc-btm .new-btn a { background-color: #54555c; } .tde-btn a { padding: 8px 47px 10px; } .tde-btn a { background-color: #ed1d24; padding: 8px 60px 10px; border-radius: 5px; color: #fff; font-size: 14px; font-family: calibri !important; } .tde-btn a { text-transform: uppercase; } .tde-btn a { background-color: #c1a668 !important; } .acc-btm .tde-btn { display: inline-block; } body.fx-income-wrap .acc-wrap-right .my-acc-details, body.fx-income-wrap .acc-wrap-right .acc-history { padding: 20px 0px !important; } #account-top, .acc-history, .my-acc-details { width: 100%; float: left; padding: 20px !important; margin-bottom: 10px; background-color: #ecf0f1; position: relative; } #account-top, .acc-history, .my-acc-details { background-color: transparent !important; } .acc-wrap-right h1 { color: #2d2d2d; text-transform: uppercase; font-size: 26px; padding: 10px 0px; font-weight: 600; font-family: calibri !important; line-height: 30px; } div#account-top h1, .acc-history h1 { margin: 0px; } div#account-top h1, .acc-history h1, .my-acc-details h1 { margin: 0px; font-family: calibri !important; text-transform: uppercase; color: #525151; font-size: 18px; margin-bottom: 8px; } .table-bg { background-color: #f7f7f7; padding: 15px; } .acc-wrap-right .tabs { margin-top: 10px; border: none; background: none; list-style-type: none; width: 23% !important; display: inline-block; } .acc-wrap-right .tabs { margin-top: 0px !important; } .fx-left-wrap .tabs-content { padding: 0px; display: inline-block; margin-top: 10px !important; vertical-align: top !important; } .fx-left-wrap .tabs-title { position: relative; float: none !important; width: 100%; outline: none; transition: all .5s; } .acc-wrap-right .tabs-title>a:focus, .acc-wrap-right .tabs-title>a[aria-selected=true] { background: #c1a668; color: #fefefe; border-left: 0px solid #ed1d24 !important; border: 0px !important; } .acc-wrap-right .tabs-title>a { display: block; line-height: 1; } .acc-wrap-right .tabs-title>a { padding: 14px 0px !important; background-color: #e8e8e9; border-top: 0px solid #e8e8e9; text-align: center; font-size: 13px; font-family: calibri !important; color: #525151; transition: all .5s; } .acc-wrap-right .tabs-title>a:focus, body.fx-income-wrap .acc-wrap-right .tabs-title>a[aria-selected=true] { border: 0px solid #c1a668 !important; outline: none; } .acc-wrap-right .tabs-title>a:focus, .collapse .acc-wrap-right .tabs-title>a[aria-selected=true] { background: #c1a668 !important; border-left: 3px solid #c1a668 !important; } .acc-wrap-right .tabs-title.is-active>a:after { width: 0; height: 0; content: ""; display: block; border-top: 18px solid transparent; border-bottom: 20px solid transparent; position: absolute; right: -12px; top: 2px; transition: all .5s; } .acc-wrap-right .tabs-title.is-active>a:after { border-bottom: 18px solid transparent; border-left: 18px solid #c1a668 !important; } .fx-left-wrap .tabs-content { padding: 0px; width: 100% !important; display: inline-block; margin-top: 10px !important; vertical-align: top !important; } body.fx-income-wrap .tabs-panel.is-active { display: block !important; } .acc-wrap-right .tabs-panel { padding: 0px; } .acc-wrap-right .table { color: #ffffff !important; width: 100%; margin: 0px; background-color: #292b33 !important; border: 0px solid #292b33 !important; border-radius: 0; } .acc-wrap-right table thead { background: transparent; } .acc-wrap-right table tbody tr:nth-child(even), .acc-wrap-right table thead { background-color: #ffffff !important; border: 0px; } .table-bg .table thead tr { background: #c1a668 !important; } .acc-history table thead tr th, .acc-history table thead tr td, .my-acc-details table thead tr th, .my-acc-details table thead tr td { padding: 7px 10px !important; font-size: 13px !important; font-weight: normal !important; color: #fff !important; font-family: calibri !important; text-align: left; } .acc-history ul li a:hover, .my-acc-details ul li a:hover { background-color: #c1a668 !important; border: 0px solid #c1a668 !important; color: #fff; } .acc-btm { background-color: #f7f7f7 !important; } .acc-wrap-right .acc-pad .tabs-title>a span { background-color: #54555c; width: 20px; height: 20px; line-height: 19px; display: inline-block; color: #fff; border-radius: 20px; margin-left: 5px; } .acc-history .table td, .my-acc-details .table td { color: #000; } .content table tr th, table tr td { font-size: 12px !important; } body .acc-history .table td a:hover, body .my-acc-details .table td a:hover { color: #fefefe !important; } .acc-history .table td a:hover, .my-acc-details .table td a:hover { color: #3bb54a !important; } .my-acc-details .table td a { background-color: #2d2d2d; padding: 8px 12px; color: #fff !important; } .fx-act-menu ul li:nth-child(1) a:before {background: url(../images/cornertrader/aa1.png) ;} .fx-act-menu ul li:nth-child(2) a:before {background: url(../images/cornertrader/aa2.png) ;} .fx-act-menu ul li:nth-child(3) a:before {background: url(../images/cornertrader/aa3.png) ;} .fx-act-menu ul li:nth-child(4) a:before {background: url(../images/cornertrader/aa4.png) ;} .fx-act-menu ul li:nth-child(6) a:before {background: url(../images/cornertrader/aa5.png) ;} .fx-act-menu ul li:nth-child(7) a:before {background: url(../images/cornertrader/aa6.png) ;} .fx-act-menu ul li:nth-child(8) a:before {background: url(../images/cornertrader/aa7.png) ;} .fx-act-menu ul li:nth-child(5) a:before {background: url(../images/cornertrader/deposit.png) ;} .accounts { padding: 30px 10px; } /*profile page */ .input-group .input-group-field, input { border-radius: 0px !important; } .login input { box-shadow: none; height: 34px !important; line-height: 34px !important; border: 1px solid #ccc; background-color: #fff; box-shadow: none !important; padding-left: 8px; position: relative; /* border-radius: 5px !important; */ margin-right: 30px; margin-bottom: 15px; font-size: 12px; } .r-add textarea#add { border-radius: 3px !important; } .r-add textarea#add { font-family: calibri !important; } .r-add textarea#add { height: 87px; box-shadow: none !important; font-size: 12px; border-radius: 0px !important; padding-top: 5px !important; line-height: 18px; } .sub2 { /* width: 205px; */ border: 1px solid #ccc; position: relative; background-color: #fff; padding-left: 8px; resize: none !important; outline: none !important; margin-right: 30px; margin-bottom: 20px !important; border-radius: 5px !important; } body .chosen-container { padding-bottom: 0px !important; margin-bottom: 15px; } .login .chosen-select, .login .chosen-container { box-shadow: none; height: 34px !important; border: 0px solid #ccc; background-color: #fff; box-shadow: none !important; position: relative; border-radius: 3px !important; margin-right: 30px; margin-bottom: 20px; font-size: 12px; } .side-banner-middle ul li:before { content: ""; height: 10px; width: 10px; position: absolute; background-color: #282828; left: -18px; top: 15px; } .side-banner-middle ul li { font-size: 15px; padding: 8px 0px; list-style: none; margin-left: 20px; position: relative; color: #fff; padding-left: 6px; } .side-banner-middle ul { margin-left: 0px; } .side-banner-middle h2 { font-size: 23px; font-weight: bold; padding: 0px; margin: 0px 0px 10px; color: #fff; } .side-banner-middle { margin: 0px 0px 15px !important; } .side-banner-middle { background: #c1a668; padding: 40px 30px; margin: 0px !important; } .chosen-container-single .chosen-single div { position: absolute !important; width: 40px !important; background-color: #ccc !important; margin: 0px; padding: 0px; top: 0px !important; } body .chosen-container { width: 100% !important; } .sub1 input { width: auto !important; } body .acc-wrap-right .sub1 input { background-color: #ff5b01 !important; padding: 3px 30px !important; height: 40px !important; } body .acc-wrap-right .sub1 input { margin-top: 15px !important; } body .acc-wrap-right .row.collapse.new-error input[type="submit"] { margin-top: 0px !important; } .stellarnav > ul > li > a { text-transform: uppercase; } body .acc-wrap-right .sub1 input { background-color: #c1a668 !important; padding: 3px 30px !important; height: 40px !important; box-shadow: unset !important; outline: none; } .p1, .p2 { padding-top: 5px; padding-bottom: 5px; } .row.collapse>.column, .row.collapse>.columns { padding-right: 20px; padding-left: 0; } div#pay_method_chosen { width: 300px !important; } .row.collapse.acc-wrap { padding: 40px; } .row.collapse>.column>.row, .row.collapse>.columns>.row, .row.is-collapse-child { margin-right: -.9375rem; margin-left: -.9375rem; } .acc-wrap-right select { height: 34px; background-color: #fff !important; } .acc-wrap-right select { margin-bottom: 20px; font-size: 12px; } .acc-wrap select { background-position: top 5px right 10px; } .sub3 { width: 100%; border: 1px solid #ccc; outline: none !important; padding-left: 8px !important; background-color: #fff !important; margin-right: 30px; position: relative; border-radius: 0px !important; padding: 9px 5px; margin-bottom: 20px !important; color: #000; } body.livedemo li.all_active { background-color: #c1a668 !important; border-bottom: 3px solid #2d2d2d; } body.livedemo .fx-menu-list .fx-act-menu ul li.all_active a { color: #fefefe !important; }/*** gray_label css**/ .left_side_nav { width: 100%; } .left_side_nav ul li { list-style: none; margin: 0px; padding: 0px; } .left_side_nav ul { margin: 0; } .left_side_nav ul li a { display: block; padding-left:25px; } .left_side_nav ul li a.act { background: #fff; border-radius: 30px 0px 0px 30px; color: #000; position: relative; } html body .tde-btn a { background-color: rgb(173, 64, 39) !important; padding: 8px 20px !important; } .tde-btn { margin-right: 0px; margin: 0px 5px; } .account-table { display: flex; flex-direction: column; float: unset; } .account-info { display: flex; justify-content: normal; } .account-info .ac1 {width: 30%;} div#account-top { display: flex; } .fx-head { display: flex; align-items: center; background: transparent; border: 1px solid #D4D4D4; border-radius: 30px; } .acc-details { display: flex; align-items: center; background: transparent !important; } .table-bg.acc-pad { display: flex; flex-direction: column; } .table-bg.acc-pad .tabs .tabs-title { width: unset !important; float: unset; margin-right: 15px; } .acc-wrap-right .acc-pad .tabs-title>a span { position: absolute; right: 0px; height: 100%; top: 0; border-radius: 0; line-height: 40px; width: 30px; text-align: center; background: #f47f33; } .my-acc-details .table-bg .tabs { width: unset !important; display: flex; } .acc-wrap-right .acc-pad .tabs-title>a { text-align: left; padding-left: 15px !important; display: block !important; padding-right: 49px !important; } .head-layer2 { height: 70px; background: rgba(17,26,52,.75); padding:5px !important; } .sign-wrap ul li { padding:0px !important; } .logo img { height: 50px; width: unset !important; } ul.side-myaccount { display: flex; } .sign-wrap ul li a.wt-btn { background: transparent !important; font-size: 16px !important; padding: 8px !important; border-radius: 3px !important; display: block !important; height: 40px; width: 150px; font-weight: 700 !important; font-family: 'Montserrat', sans-serif ; } .sign-wrap ul li a.wt-btn:hover { background: #fa7a00 !important; border-color: #fa7a00 !important; } li.my_act.header-office { margin-right: 10px; position: relative; } .sign-wrap ul li a.bl-btn { background: #fa7a00 !important; font-size: 16px !important; padding: 8px 25px !important; border-radius: 3px !important; border-color: #fa7a00 !important; color: #fff !important; transition:0.3s ease; font-weight: 700 !important; font-family: 'Montserrat', sans-serif ; } .sign-wrap ul li a.bl-btn:hover { background: transparent !important; border-color:#fff; } .container { position: relative; max-width: 1170px; width: 100%; margin: 0 auto; } .m_b-20 { margin-bottom: 20px; } .row-flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .flex-right-center { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .acc-wrap-right .tabs-title>a:focus, .acc-wrap-right .tabs-title>a[aria-selected=true] { background: #ad4027 !important; } .my-acc-details .table td a { background-color: #ad4027 !important; color: #fff !important; } .acc-btm { background-color: rgba(244, 127, 51, 0.43); } .act-type div#select_login_chosen a.chosen-single { background-color: #f9c7a6 !important; color: #0D2E51 !important; border-radius: 30px !important; border: 1px solid #f9c7a6 !important; } .acc-btm .new-btn a { background: #f47f33 !important; } .my-acc-details .tabs-content { margin-left: 0px !important; } .sub > div { display: flex; align-items: center; color: #fff !important; justify-content: space-between; } .head-layer2 .sub { height: 60px; } body .country span.ddTitleText span.ddlabel { color: #fefefe !important; } html body .login .sub1 input { background: #ad4027 !important; } html body .sub1 input { background-color: #ad4027 !important; color: #fff; } body .sub1 input { background: #ad4027 !important; } li.login { margin-right: 10px; } html body a.chosen-single { margin-bottom: 16px !important; } .sign-wrap ul li a.bl-btn .fa { color: #fefefe; } .loader-overlay { background-color: rgba(0, 0, 0, 0.69) !important; top: 0; } .sign-wrap .header-office:hover ul { top: 77px; width: 180px !important; right: 5px !important; } .chosen-container-single .chosen-single { line-height: 30px !important; } .chosen-container.chosen-container-single + .form-error { position: unset !important; margin-top: -8px !important; } .sign-wrap ul .myaccount-link1 li a { padding: 7px 15px !important; font-size: 13px !important; } .r-right .chosen-container.chosen-container-single + .form-error { margin-top: 0px !important; } .row.terms input { margin: 0px !important; height: unset !important; } .row.terms { text-align: left; padding-left: 15px; } body #popmodel #title_alert { background-color: #ad4027 !important; } body #popmodel a.button.small.success { background-color: #ad4027 !important; } .sign-wrap ul .myaccount-link1 li:hover { background-color: #ad4027! important; } .sign-wrap .header-office:hover ul { border: 1px solid #ad4027; } .sign-wrap .header-office:hover ul:before { content: ''; border: 10px solid #f93b00; position: absolute; top: -21px; width: 20px; height: 20px; z-index: 9999; right: 10px; border-color: transparent transparent #ad4027; } @media screen and (max-width: 39.9375em) { html .newfx_account .acc-wrap-right .inner_tabs_acc .tabs-title>a { font-size: 10px; } html .newfx_account .inner_flex_add_acc .acc-details-middle p { font-size: 14px; } .newfx_account .inner_flex_add_acc .flex_drectionss .my-acc-4x { margin: 19px 0px; margin-top: 17px !important; } .inner_flex_add_acc .acc-details-right .new-cnt .tde-btn a { padding: 10px 10px !important; } html .acc-wrap-right .tabs-title>a { padding: 10px 6px; } html .newfx_account .acc-wrap-right .tabs-title>a { font-size: 11px; } html .newfx_account .fx-left-wrap .tabs-content table thead tr th { font-size: 10px !important; } .footer__row { display: flex; flex-direction: column; text-align: center; } .footer__row, .footer__row_lines { display: flex; flex-direction: column; text-align: center !important; } .footer__block.row-flex.m_b-20 { display: flex; justify-content: center; } .footer__menu { display: none; } .head-layer2 .sub { display: flex; align-items: center; justify-content: space-between; flex-direction: column; } header { padding: 0px 0px; } .head-layer2 { height: 100px; } .p1, .p2 { padding: 0px !important; } .p1.ck { display: none; } .sign-wrap ul li a.wt-btn, .sign-wrap ul li a.bl-btn { font-size: 14px !important; height: 35px !important; line-height: 18px !important; } } :root { --black: #000000; --white: #FFFFFF; --orange: #DD7344; --green: #20BA1A; --drak_gray: #4E5464; --light_gray: #D3DAE1; --gray_white: #ECF1F7; --dark_gray_white: #DFE7F0; --black_gray: #79849A; --border_gray: #6E798F; --border_dark: #707070; --border_orange: #D8683C; --bg_black: #303C48; --bg_gray: #CBD2DA; } h1 { font-size: 35px; font-family: 'HelveticaNeueThin'; margin: 0; } h2 { font-size: 24px; margin: 0; } h3 { font-size: 18px; margin: 0; } p { font-size: 16px; margin: 0; } body { line-height: 1.6; font-size: 16px; font-family: 'HelveticaNeueRegular' !important; letter-spacing: 1px; } .radius { border-radius: 5px !important; } @font-face { font-family: 'HelveticaNeueMedium'; src: url('../fonts/HelveticaNeueMedium.eot'); src: url('../fonts/HelveticaNeueMedium.eot?#iefix') format('embedded-opentype'), url('../fonts/HelveticaNeueMedium.woff2') format('woff2'), url('../fonts/HelveticaNeueMedium.woff') format('woff'), url('../fonts/HelveticaNeueMedium.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'HelveticaNeueThin'; src: url('../fonts/HelveticaNeueThin.eot'); src: url('../fonts/HelveticaNeueThin.eot?#iefix') format('embedded-opentype'), url('../fonts/HelveticaNeueThin.woff2') format('woff2'), url('../fonts/HelveticaNeueThin.woff') format('woff'), url('../fonts/HelveticaNeueThin.ttf') format('truetype'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'HelveticaNeueBold'; src: url('../fonts/HelveticaNeueBold.eot'); src: url('../fonts/HelveticaNeueBold.eot?#iefix') format('embedded-opentype'), url('../fonts/HelveticaNeueBold.woff2') format('woff2'), url('../fonts/HelveticaNeueBold.woff') format('woff'), url('../HelveticaNeueBold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'HelveticaNeueLight'; src: url('../fonts/HelveticaNeueLight.eot'); src: url('../fonts/HelveticaNeueLight.eot?#iefix') format('embedded-opentype'), url('../fonts/HelveticaNeueLight.woff2') format('woff2'), url('../fonts/HelveticaNeueLight.woff') format('woff'), url('../fonts/HelveticaNeueLight.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'HelveticaNeueRegular'; src: url('../fonts/HelveticaNeueRegular.eot'); src: url('../fonts/HelveticaNeueRegular.eot?#iefix') format('embedded-opentype'), url('../fonts/HelveticaNeueRegular.woff2') format('woff2'), url('../fonts/HelveticaNeueRegular.woff') format('woff'), url('../fonts/HelveticaNeueRegular.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } .new_fx .n-left img { display: none; } .new_fx .n-login { background-color: #CBD2DA; height: 100vh; background-image: url(../images/newfx/bg_pattern.png); background-repeat: no-repeat; background-size: cover; } .new_fx .login { margin: 0 auto; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-image: url(../images/newfx/login_bg.png); background-repeat: no-repeat; background-size: cover; background-position: left; -webkit-box-shadow: 0px 30px 80px black; box-shadow: 0px 30px 80px black; width:1200px; height: 700px; } .new_fx .inner_reg_login .large-8{ width:60%; } .new_fx .r-right img { display: none; } .new_fx .r-right input { border: none; background-color: transparent; border-bottom: 1px solid #79849A; -webkit-box-shadow: unset; box-shadow: unset; border-radius: 0; color: #79849A; padding-left: 35px; } .newfx_account .acc-wrap-right h1 { color: #4E5464; font-size:26px; padding:0; font-family: 'HelveticaNeueMedium' !important; } .new_fx .r-right input:focus { border-bottom: 1px solid #DD7344; } .new_fx .r-right input::-webkit-input-placeholder { color: #79849A; } .new_fx .r-right input::-moz-placeholder { color: #79849A; } .new_fx .r-right input:-ms-input-placeholder { color: #79849A; } .new_fx .r-right input::-ms-input-placeholder { color: #79849A; } .new_fx .r-right input::placeholder { color: #79849A; } .new_fx .pwd span img { display: block; width: 20px; height: 20px; position: absolute; top: 6px; left: 0; } .new_fx .r-right h5 { font-family: 'HelveticaNeueThin'; color: white; padding-bottom: 30px; font-size:30px; letter-spacing:3px; } .new_fx .r-right h5 span{ font-size:20px; padding-top:10px; display:block; text-transform:uppercase; letter-spacing:3px; } .new_fx .n-left-inner { position: absolute; left: 25px; width: 60%; bottom: 10px; font-family: 'HelveticaNeueThin'; } .new_fx .n-left-inner p { width: 65%; font-size: 14px; } .new_fx .n-left-inner h5 { font-family: 'HelveticaNeueThin'; display: inline-block; } .new_fx .logo_lg img { display: block; } .new_fx .logo_lg { position: absolute; top: 25px; left: 25px; } .new_fx a.re-btn { background-color: white; border-radius: 5px; padding: 10px 20px!important; line-height: 25px; color: black; position: absolute; top: 0px; letter-spacing:2px; right: 40px; } .new_fx .login .row { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .new_fx .m-align a { color: #79849A; font-style: italic; } .new_fx .n-pwd i:before { color: #79849A; } .new_fx .m-align .re-btn { background-color: #DD7344; border-radius: 5px; padding: 10px 20px!important; line-height: 25px; color: white; letter-spacing:2px; border: none; width:auto; font-family: 'HelveticaNeueThin'; } .new_fx_reg .login { -webkit-box-shadow: 0px 30px 80px black !important; box-shadow: 0px 30px 80px black !important; width: 1200px; margin: 0 auto !important; border-radius: 0 !important; height: 700px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-image: url(../images/newfx/abstract.png); background-repeat: no-repeat; background-size: cover; } .new_fx_reg .n-login { background-color: #CBD2DA; height: 100vh; background-image: url(../images/newfx/bg_pattern.png); background-repeat: no-repeat; background-size: cover; } .new_fx_reg>.row { height: 100%; } .new_fx_reg .login>.row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .inner_forgtn{ width:70%; float:left; } .new_fx_reg .login>.row>.column { width: 100%; } .new_fx_reg .clrnw h4 { text-align: left !important; color: white !important; font-family: 'HelveticaNeueThin'; padding: 20px 10px; margin: 0; letter-spacing:2px; } .new_fx_reg .top-fld h3 { color: white !important; font-family: 'HelveticaNeueThin'; letter-spacing:2px; } .new_fx_reg .frm-fld input { width: 100%; border: 1px solid #79849A; -webkit-box-shadow: unset; box-shadow: unset; background-color: transparent; border-radius: 0; color: white; font-family: 'HelveticaNeueThin'; margin-bottom: 30px; border-radius: 0; letter-spacing:2px; font-size:14x; padding:15px; } .new_fx_reg .frm-fld input:focus::placeholder{ color:white; } .new_fx_reg .terms label a{ color: #79849A; font-family: 'HelveticaNeueThin'; text-decoration: underline; } .new_fx_reg .terms label{ padding-bottom:10px; } .new_fx_reg .frm-fld input::placeholder{ font-size:14x; letter-spacing:2px; } .new_fx_reg .frm-fld input::-webkit-input-placeholder { color: #79849A; } .new_fx_reg .frm-fld input::-moz-placeholder { color: #79849A; } .new_fx_reg .frm-fld input:-ms-input-placeholder { color: #79849A; } .new_fx_reg .frm-fld input::-ms-input-placeholder { color: #79849A; } .new_fx_reg .frm-fld input::placeholder { color: #79849A; } .new_fx_reg .frm-fld input:focus { border: 1px solid #DD7344; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .new_fx_reg .frm-fld select { background-color: transparent; border: 1px solid #79849A; font-family: 'HelveticaNeueThin'; } .new_fx_reg .frm-fld select:focus { border: 1px solid var(--orange); background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .new_fx_reg .frm-fld .chosen-container { background-color: transparent; border: 1px solid #79849A; height: 39px; border-radius:0 !important; font-family: 'HelveticaNeueThin'; } .new_fx_reg .frm-fld .chosen-single { background-color: transparent; border-radius: 0 !important; border: none !important; background-image: none; border-radius: 0 !important; -webkit-box-shadow: none; box-shadow: none; height: 100%; } .new_fx_reg .frm-fld .chosen-container-single .chosen-single span { color: #79849A; padding-left:6px; font-size: 14px; } .new_fx_reg .frm-fld .chosen-single div b { background-image: url(../images/newfx/down_arrow.png) !important; background-position: left; background-repeat: no-repeat; background-size: auto !important; } .new_fx_reg .frm-fld .chosen-single div { background-color: transparent !important; } .newfx_account .intro { background-color: transparent !important; } .ttl-drp, .ttl-drp { display: inline-block; width: 100%; } .inner_flex_view .column { width: 33%; } .inner_flex_view{ padding:0px 20px; } #reg-wrap .chosen-container { margin-bottom: 22px; } .new_fx_reg .n-left img { display: none; } .new_fx_reg .terms { width: 100%; display: inline-block; } .new_fx_reg .left-sd { padding: 0px; } .reg_div{ float: left; padding-left: 15px; } html .new_fx_reg .login .sub1.regsub input[type="submit"] { float: left !important; margin-top:30px; margin-bottom: 20px; height: auto; padding: 8px 20px!important; line-height: 30px; background-color: #DD7344 !important; border-radius: 5px !important; letter-spacing:2px; text-transform: uppercase; font-family: 'HelveticaNeueThin'; } .new_fx_reg a.re-btn { position: absolute; right: 20px; bottom: 20px; color: black; padding: 8px 20px!important; line-height: 30px; letter-spacing:2px; border-radius: 5px; background-color: white; border: none; font-family: 'HelveticaNeueThin'; } .new_fx_forgot a.re-btn{ position: absolute; right: 20px; top: 0px; color: black; padding: 8px 20px!important; line-height: 30px; letter-spacing:2px; border-radius: 5px; background-color: white; border: none; font-family: 'HelveticaNeueThin'; } .inner_forgtn h4{ margin:0 !important; } .new_fx_reg .n-left p { font-family: 'HelveticaNeueThin'; font-size: 14px; } .new_fx_reg .login .chosen-select, .new_fx_reg .login .chosen-container { height: 38px !important; } .new_fx_reg .terms label { color: #79849A; } .new_fx_forgot>.row { background-color: #CBD2DA; height: 100vh; background-image: url(../images/newfx/bg_pattern.png); background-repeat: no-repeat; background-size: cover; max-width: 100%; } .new_fx_forgot>.row .large-offset-1 { margin: 0; width: 100%; } .new_fx_forgot .login { margin: 0 auto; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-image: url(../images/newfx/lock_bg.png); background-repeat: no-repeat; background-size: cover; background-position: left; -webkit-box-shadow: 0px 30px 80px black; box-shadow: 0px 30px 80px black; width: 1200px; height: 700px; border-radius: 0 !important; } .new_fx_forgot .r-right { background-color: transparent !important; -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } .new_fx_forgot .n-left img { display: none; } .new_fx_forgot .n-left { position: absolute; bottom: 10px; left: 25px; width: 60%; } .new_fx_forgot .large-collapse { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .new_fx_forgot .forex-incm { width: 80%; } .new_fx_forgot h5 { font-family: 'HelveticaNeueThin' !important; font-weight: normal !important; font-size: 20px !important; color: white; } .new_fx_forgot .pwd input { width: 100%; border: none; border-bottom: 1px solid #79849A; -webkit-box-shadow: unset; box-shadow: unset; background-color: transparent; border-radius: 0 !important; color: #79849A; font-family: 'HelveticaNeueThin'; margin-bottom: 30px; border-radius: 0; } .new_fx_forgot .pwd input::-webkit-input-placeholder { color: #79849A; } .new_fx_forgot .pwd input::-moz-placeholder { color: #79849A; } .new_fx_forgot .pwd input:-ms-input-placeholder { color: #79849A; } .new_fx_forgot .pwd input::-ms-input-placeholder { color: #79849A; } .new_fx_forgot .pwd input::placeholder { color: #79849A; } .new_fx_forgot .pwd input:focus { border-bottom: 1px solid #DD7344; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .new_fx_forgot button.re-btn { float: left !important; margin-bottom: 10px; line-height:30px; padding: 10px 30px !important; border: none; height: auto; background-color: #DD7344 !important; border-radius: 5px !important; font-family: 'HelveticaNeueThin'; } .newfx_account .side_nav_bg { padding: 0 !important; } .inner_nav_side .left_side_nav ul li a { padding: 0 !important; color: #4E5464; font-size: 16px; font-family: 'HelveticaNeueLight'; position: relative; } .newfx_account .acc-wrap-right { width: 70% !important; background-color: white; } .newfx_account #page { background-color: #CBD2DA; height: 100vh; background-image: url(../images/newfx/bg_pattern.png); background-repeat: no-repeat; background-size: cover; padding: 25px; } .inner_nav_side .left_side_nav span { background-color: #303C48; } .inner_nav_side .left_side_nav ul li a span { height: 57px; width: 57px !important; margin: 0; position: relative; } .inner_nav_side .left_side_nav ul li a { position: relative; } .inner_nav_side .left_side_nav ul li a p { position: absolute; position: absolute; left: 80px; top: 17px; } .left_side_nav { width: 100%; -webkit-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; } .inner_nav_side .left_side_nav ul li { -webkit-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; } .inner_nav_side .left_side_nav ul li a:before { content: ''; position: absolute; width: 75%; height: 75%; background-color: #DD7344; border-radius: 5px; z-index: 9; display: none; left: 50%; top: 50%; transform: translate(-46%,-50%); } .side_active .left_side_nav ul li a:before { width: 90%; height: 75%; left: 48%; top: 50%; transform: translate(-50%,-50%); } .inner_nav_side .left_side_nav ul { height: 100%; position: relative; background-color: white; } .inner_nav_side .left_side_nav ul:before { content: ''; width: 57px; height: 100%; background-color: #303c48; position: absolute; } .inner_nav_side .left_side_nav ul li:last-child { position: absolute; bottom: 0; } .inner_nav_side .left_side_nav ul li a:hover span i:before{ filter: brightness(60.5); } .inner_nav_side .left_side_nav ul .expand1 a:before{ width:70%; height:70%; } .inner_nav_side .left_side_nav ul li a:hover::before { display: block; } .inner_nav_side .left_side_nav ul li a:hover p { color: white; z-index: 10; } .inner_nav_side .left_side_nav ul li a:hover span i:before { z-index: 10; } .inner_nav_side .left_side_nav ul li:hover a { color: white; } .inner_nav_side .left_side_nav ul li a span i:before { content: ''; width: 20px; height: 20px; position: absolute; background-repeat: no-repeat; background-size: contain; left: 50%; top: 50%; background-position: center; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .inner_nav_side .left_side_nav ul li.sign-out a span i{ color: #ffffffad; } .inner_nav_side { background-color: transparent !important; border-radius: 0 !important; margin: 0px 10px; height: 95vh; -webkit-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; width:auto; position: relative; z-index: 999; } .side_nav_bg.inner_nav_side.side_active { width: 300px; -webkit-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; } .inner_tab_tables { padding-top: 20px; } .acc_right_sec { position: relative; } .row.collapse.acc-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; } .newfx_account .acc_right_sec { height: 95vh; } .inner_nav_side .left_side_nav ul li a span .fa-address-book:before { background-image: url(../images/newfx/myaccount.png); } .inner_nav_side .left_side_nav ul li a span .fa-user:before { background-image: url(../images/newfx/profile_acc.png); } .inner_nav_side .left_side_nav ul li a span .fa-key:before { background-image: url(../images/newfx/passwor_acc.png); } .inner_nav_side .left_side_nav ul li a span .fa-unlock-alt:before { background-image: url(../images/newfx/password_acc2.png); } .inner_nav_side .left_side_nav ul li a span .fa-upload:before { background-image: url(../images/newfx/widthdraw_acc.png); } .inner_nav_side .left_side_nav ul li a span .fa-cubes:before { background-image: url(../images/newfx/challenge_Acc.png); } .inner_nav_side .left_side_nav ul li a span .fa-download:before { background-image: url(../images/newfx/deposit_acc.png); } .inner_nav_side .left_side_nav ul li a span .fa-dollar:before, .fa-usd:before { background-image: url(../images/newfx/webterminal.png); } .inner_nav_side .left_side_nav ul li a span .fa-bar-chart-o:before, .fa-bar-chart:before { background-image: url(../images/newfx/change_ac_last.png); } .inner_nav_side .left_side_nav ul li a span .fa-bar-expand:before { background-image: url(../images/newfx/expand.png); } .inner_nav_side .left_side_nav ul li a span .fa-sign-out:before{ background-image: url(../images/newfx/logout.png); width: 25px; height: 25px; left: 54%; } .inner_nav_side .left_side_nav ul li a p{display:none;} .inner_nav_side .left_side_nav{width:57px;} .newfx_account .side_active .left_side_nav { width: 100%; overflow: hidden; -webkit-transition: 0.5s all; -o-transition: 0.5s all; transition: 0.5s all; } .newfx_account .side_active .left_side_nav ul li a p{display:block;} .newfx_account #account-top { display: block; } .newfx_account .account-table { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: unset !important; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%; } .newfx_account .account-table .account-info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position:relative; border: 1px solid #6E798F !important; border-radius: 5px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 5px; } .newfx_account .account-table .account-info .ac1 { font-family: 'HelveticaNeueLight'; color: #79849A; font-size: 16px; width: 100%; } .newfx_account .account-table .account-info .ac2 { font-size: 20px !important; font-family: 'HelveticaNeueBold'; color: #4E5464; padding-bottom:10px; } .newfx_account .account-table .account-info .ac2 a{ position: absolute; top: 0px; right: 10px; font-size: 14px; color: #dd7344; font-family: 'HelveticaNeueThin'; } .newfx_account .account-table .account-info span:nth-child(2) { display: none; } .newfx_account .acc-wrap-right .tabs { width: 100% !important; display:block; background-color: #4E5464; } table tbody, table tfoot, table thead{ border:none; } .newfx_account .acc-wrap-right .tabs li { width: auto; margin: 0; border-radius: 0 !important; float: left !important; } .newfx_account .table-bg { background-color: transparent; padding: 0; } .newfx_account .acc-wrap-right .tabs-title>a:focus, .newfx_account .acc-wrap-right .tabs-title>a[aria-selected=true] { border: none !important; } .newfx_account .acc-wrap-right .inner_tabs_acc .tabs-title>a { border: none !important; border-radius: 6px 6px 0px 0px !important; background-color: transparent; color: #D3DAE1; font-family: 'HelveticaNeueRegular'; font-size: 16px; text-transform:uppercase; } .newfx_account .acc-wrap-right .tabs-title>a { border: none !important; border-radius: 0px !important; background-color: transparent; color: #D3DAE1; font-family: 'HelveticaNeueRegular'; font-size: 16px; } .newfx_account .fx-left-wrap .tabs-content { margin: 0 !important; width: 100% !important; } .newfx_account .fx-left-wrap .tabs-content table thead tr { background-color: #D3DAE1 !important; } .newfx_account .fx-left-wrap .tabs-content table thead tr th { color: #4E5464 !important; font-family: 'HelveticaNeueRegular'; font-size: 16px !important; } .newfx_account .acc-wrap-right .tabs-title>a:hover { background-color: #DD7344 !important; } .newfx_account .acc-wrap-right .tabs-title>a:focus, .newfx_account.fx-income-wrap .acc-wrap-right .tabs-title>a[aria-selected=true] { background-color: #DD7344 !important; color: white !important } .newfx_summary_inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .newfx_summary_inner .acc-btm { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; background-color: transparent !important; padding: 0 !important; } .newfx_summary_inner .acc-btm .tde-btn a { width: auto; border-radius: 5px; font-family: 'HelveticaNeueLight' !important; color: #79849A; font-size: 14px !important; text-transform: capitalize; font-weight: unset; background-color: #D3DAE1 !important; } .newfx_summary_inner .acc-btm .new-btn a { color: white; background-color: #dd7344 !important; } .newfx_account .acc-details-right .tde-btn a { width: auto !important; padding: 10px 20px !important; border-radius: 5px; font-family: 'HelveticaNeueLight' !important; color: #79849A; font-size: 14px !important; text-transform: capitalize; font-weight: unset; background-color: #D3DAE1 !important; } .newfx_account .acc-details-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .newfx_account .bg_common_newfx { -webkit-box-shadow: 0px 30px 80px black !important; box-shadow: 0px 30px 80px black !important; width: 1200px !important; margin: 0 auto !important; border-radius: 0 !important; height: 700px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-image: url(../images/newfx/abstract.png); background-repeat: no-repeat; background-size: cover; } .newfx_account .bg_common_newfx .acc-box select { background-color: transparent; border: 1px solid #79849A; font-family: 'HelveticaNeueThin'; } .newfx_account .bg_common_newfx .acc-box select:focus+.chosen-container { border: 1px solid #DD7344; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .newfx_account .bg_common_newfx .acc-box .chosen-container { background-color: transparent; border: 1px solid #79849A; height: 39px; font-family: 'HelveticaNeueThin'; } .newfx_account .bg_common_newfx .acc-box .chosen-single { background-color: transparent; border-radius: 0 !important; border: none !important; background-image: none; border-radius: 0 !important; -webkit-box-shadow: none; box-shadow: none; height: 100%; } .newfx_account .bg_common_newfx .acc-box .chosen-container-single .chosen-single span { color: #79849A; font-size: 16px; } .newfx_account .bg_common_newfx .acc-box .chosen-single div b { background-image: url(../images/newfx/down_arrow.png) !important; background-position: left !important; background-repeat: no-repeat; background-size: auto !important; } .newfx_account .bg_common_newfx .acc-box .chosen-single div { background-color: transparent !important; } .newfx_account .bg_common_newfx .acc-box p { display: none; } .bg_common_newfx .new-error { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; flex-direction: column; left: 50%; top: 50%; transform: translate(-50%,-50%); } .bg_common_newfx { text-align: center; } .new_fx_forgot .logo_lg{ position: absolute; top: 25px; left: 25px; } .newfx_account .bg_common_newfx h1 { font-family: 'HelveticaNeueThin' !important; font-weight: normal; margin:0 !important; margin-bottom:40px !important; color: white !important; text-transform: capitalize; } html .newfx_account .bg_common_newfx .chosen-single{ padding-left:10px !important; padding-right:10px !important; } .newfx_account .bg_common_newfx .acc-box { margin-bottom: 20px; width: 30%; } html body #page .acc-wrap-right .sub1 input { background-color: #DD7344 !important; } .row.collapse.acc-wrap { padding: 0 !important; } .newfx_account .common_bg_white { width: 100% !important; border-radius: 0 !important; position: relative; padding: 20px !important; height:95vh; margin:0px auto; max-width:1200px !important; } .common_bg_white .login { width: 70%; position: absolute; left: 50%; top: 40%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .common_bg_white .login input { border: none; border-bottom: 1px solid #79849A !important; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; padding: 0; color: #4E5464; font-family: 'HelveticaNeueRegular'; font-size: 16px; margin-bottom:30px; } .common_bg_white .login input:focus,.common_bg_white .login textarea:focus{ border-bottom:1px solid #DD7344 !important } .common_bg_white .login input::-webkit-input-placeholder { color: #79849A; font-size: 16px; } .common_bg_white .login input::-moz-placeholder { color: #79849A; font-size: 16px; } .common_bg_white .login input:-ms-input-placeholder { color: #79849A; font-size: 16px; } .common_bg_white .login input::-ms-input-placeholder { color: #79849A; font-size: 16px; } .common_bg_white .login input::placeholder { color: #79849A; font-size: 16px; } .common_bg_white .login textarea { border: none; border-bottom: 1px solid #79849A !important; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; padding: 0; height: auto !important; color: #79849A; font-family: 'HelveticaNeueRegular'; font-size: 16px !important; } .common_bg_white .login textarea::-webkit-input-placeholder { color: #79849A; font-size: 16px; font-family: 'HelveticaNeueRegular'; } .common_bg_white .login textarea::-moz-placeholder { color: #79849A; font-size: 16px; font-family: 'HelveticaNeueRegular'; } .common_bg_white .login textarea:-ms-input-placeholder { color: #79849A; font-size: 16px; font-family: 'HelveticaNeueRegular'; } .common_bg_white .login textarea::-ms-input-placeholder { color: #79849A; font-size: 16px; font-family: 'HelveticaNeueRegular'; } .common_bg_white .login textarea::placeholder { color: #79849A; font-size: 16px; font-family: 'HelveticaNeueRegular'; } .common_bg_white .login .r-add { width: 100%; } .newfx_account .common_bg_white select:focus+.chosen-container { border: 1px solid #DD7344; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .newfx_account .common_bg_white .chosen-container { background-color: transparent; border-bottom: 1px solid #79849A; height: 39px; font-family: 'HelveticaNeueThin'; border-radius: 0 !important; } .newfx_account .common_bg_white .chosen-single { background-color: transparent; border-radius: 0 !important; border: none !important; background-image: none; border-radius: 0 !important; -webkit-box-shadow: none; box-shadow: none; height: 100%; } .newfx_account .common_bg_white .chosen-container-single .chosen-single span { color: #79849A; font-size: 16px; } .newfx_account .common_bg_white .chosen-single div b { background-image: url(../images/newfx/down_arrow.png) !important; background-position: left !important; background-repeat: no-repeat !important; background-size: auto !important; } .newfx_account .common_bg_white .chosen-single div { background-color: transparent !important; } .newfx_account .common_bg_white .sub1 { text-align: left; padding-left: .9375rem !important; display: inline-block; width: 100%; } .newfx_account .common_bg_white .sub1 input { border-radius: 5px!important; color: white !important; padding:5px 20px !important; line-height:30px; letter-spacing:3px; text-transform:uppercase; height:auto !important; } .newfx_account #page .row.acc-wrap.fx-left-wrap { padding: 0 !important; display: block; } .new_tab_content .fx-head { border: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 0; padding-top: 30px; } .flex_drectionss { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } html body .my-acc-4x .act-type div#select_login_chosen a.chosen-single { border: none !important; padding: 0; } .newfx_account .new_tab_content .acc-details { padding: 0 !important; margin: 0 !important; } .inner_flex_add_acc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .inner_flex_add_acc .acc-details-right .new-cnt .tde-btn { margin: 0; } .inner_flex_add_acc .acc-details-right { display: block; } .new_table_newfx tr{ border-bottom:1px solid #6E798F !important; } .new_table_newfx tr td{ padding: 20px 10px; color: #4E5464 !important; font-size:14px !important; } .new_table_newfx tr td b{ font-family: 'HelveticaNeueBold'; color: #4E5464 !important; font-size:18px; !important; } .inner_flex_add_acc .acc-details-right .new-cnt .tde-btn a { background-color: #dd7344 !important; color: white; padding: 20px 10px !important; font-size: 16px !important; text-transform:uppercase; } .newfx_account .inner_flex_add_acc .flex_drectionss .acc-title { font-family: 'HelveticaNeueRegular' !important; font-size: 14px; text-transform:capitalize; padding-left: 30px; position:relative; } .newfx_account .inner_flex_add_acc .flex_drectionss .my-acc-4x { } .newfx_account .inner_flex_add_acc .flex_drectionss .acc-title:before{ content: ''; background-image: url(../images/newfx/myac_user.png) !important; background-repeat: no-repeat; background-size: contain!important; position: absolute; height: 20px; width: 20px; left: 0; top: 1px; } .newfx_account .inner_flex_add_acc .acc-details-middle p{ position:relative; } .newfx_account .inner_flex_add_acc .acc-details-middle p:before{ content: ''; background-image: url(../images/newfx/email1.png) !important; background-repeat: no-repeat; background-size: contain!important; position: absolute; height: 20px; width: 20px; left: 0; top: 7px; } .newfx_account .inner_flex_add_acc .flex_drectionss .my-acc-4x .chosen-container-single .chosen-single span { font-family: 'HelveticaNeueBold' !important; font-size: 18px; color: #4E5464; } .newfx_account .inner_flex_add_acc .acc-details-middle p strong { margin: 0px; font-family: 'HelveticaNeueRegular' !important; font-size: 14px; line-height: 24px; position: unset; padding-left:30px; } .newfx_account .inner_flex_add_acc .acc-details-middle p { font-family: 'HelveticaNeueBold' !important; font-size: 18px; color: #4E5464; } .ac_title_name { font-size: 24px !important; font-family: 'HelveticaNeueRegular' !important; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; color: #4E5464 !important; } html .newfx_account .acc_right_sec .padding_20px { padding: 20px !important; height: 100%; } .inner_tabs_acc { background-color: transparent !important; padding-top: 20px; border-bottom: 1px solid #dd7344!important; } html .newfx_account .inner_tabs_acc li a { background-color: #ECF1F7 !important; border-radius: 10px 10px 10px 10px; margin-right: 10px; color: black !important; } .tab_2_inner p { width: 60%; margin-bottom: 20px; color: #79849A; font-family: 'HelveticaNeueMedium'; display: inline-block; } .newfx_account .inner_tab_tables tr .nefx_colr tr td span{ color: #DD7344 !important; } .newfx_account .acc-wrap-right .account_list_newfx li{ border-radius: 5px!important; } .newfx_account .account_list_newfx li { background-color: #D3DAE1; padding: 10px 40px; margin: 20px !important; border-radius: 5px; } .newfx_account .account_list_newfx .is-active{ background-color:#79849A !important; } .acc-wrap-right .acc-pad .account_list_newfx .is-active>a span{ color:white !important; } .account_list_newfx { position: absolute; top: 0px; right: 10px; } .account_list_newfx li .is-active a { background-color: transparent; } .account_list_newfx { background-color: transparent !important; } .acc-wrap-right .acc-pad .account_list_newfx .tabs-title>a span { position: unset; background-color: transparent !important; color: #79849A; font-family: 'HelveticaNeueBold'; } .acc-wrap-right .acc-pad .account_list_newfx .tabs-title>a { padding: 0 !important; color: #79849A; } .acc-wrap-right .acc-pad .account_list_newfx .tabs-title>a:hover { background-color: transparent !important; } .newfx_account .acc-wrap-right .account_list_newfx .tabs-title>a:focus, .newfx_account.fx-income-wrap .acc-wrap-right .account_list_newfx .tabs-title>a[aria-selected=true] { background-color: transparent !important; } .inner_tab_tables tr .nefx_colr { padding: 5px; } .newfx_account .inner_tab_tables tr .nefx_colr tr { background-color: #79849A !important; } .newfx_account .inner_tab_tables tr .nefx_colr:nth-child(2) tr { background-color: #ECF1F7 !important; } .newfx_account .inner_tab_tables tr .nefx_colr:nth-child(3) tr { background-color: #DFE7F0 !important; } .newfx_account .inner_tab_tables tr .nefx_colr:nth-child(4) tr { background-color: #ECF1F7 !important; } .newfx_account .inner_tab_tables tr .nefx_colr:nth-child(5) tr { background-color: #DFE7F0 !important; } .newfx_account .inner_tab_tables tr .nefx_colr:nth-child(2) tr td, .newfx_account .inner_tab_tables tr .nefx_colr:nth-child(3) tr td, .newfx_account .inner_tab_tables tr .nefx_colr:nth-child(4) tr td, .newfx_account .inner_tab_tables tr .nefx_colr:nth-child(5) tr td { color: #4E5464; font-family: 'HelveticaNeueMedium'; } .newfx_account .inner_tab_tables tr .nefx_colr tr td { color: white; padding:10px 20px; } html .newfx_account .inner_tab_tables tr .nefx_colr tr td a { padding: 0; display: block; color: #DD7344 !important; text-decoration: underline; background-color: transparent !important; line-height: 20px; width: 100%; } .table-scroll table { width: 100%; height: 100%; } .reveal.tiny { background-color: #2F3B47; border: none; } html .newfx_account #popmodel #title_alert { background-color: #2F3B47 !important; } p#content_alert { color: white; padding-bottom: 50px; padding-top: 50px; text-align: center; } html .newfx_account #popmodel a.button.small.success { background-color: #DD7344 !important; border-radius: 5px; } .newfx_deposit .acc-wrap-right h1{ margin-bottom: 30px; } .common_bg_white form .login input::placeholder, .common_bg_white .login input, .common_bg_white .login textarea::placeholder{ color: #000; } .inner_nav_side .left_side_nav ul li a.active span { background-color: #DD7344; padding: 20px 15px; width: 42px !important; height: 20px; margin: 7px 9px; border-radius: 5px; } html body.newfx_account .account_list_newfx li{ margin: 24px 7px 0px 20px !important } body.newfx_profile .chosen-container-single .chosen-single, body.newfx_chge_ac_pwd .chosen-container-single .chosen-single, body.newfx_withdraw .chosen-container-single .chosen-single, body.newfx_leverage .chosen-container-single .chosen-single, body.newfx_deposit .chosen-container-single .chosen-single{ padding-left: 0; } body.go_demo .chosen-container.chosen-container-single + .form-error, body.go_live .chosen-container.chosen-container-single + .form-error{ position: static !important; margin-top: 8px !important; margin-bottom: 0; } body.newfx_withdraw .chosen-container.chosen-container-single + .form-error, body.newfx_leverage .chosen-container.chosen-container-single + .form-error{ position: static !important; } body.fx-income-wrap .chosen-container-single .chosen-single div{ top: 8px !important; } html body.fx-income-wrap .acc-wrap-right .chosen-container-active.chosen-with-drop .chosen-single div b{ background: url(../images/cornertrader/right-arrw-dwn.png) 16px 6px no-repeat !important; } html body.fx-income-wrap .acc-wrap-right .chosen-single div b{ background: url(../images/cornertrader/right-arrw.png) 16px 6px no-repeat !important; } .login_pro .n-login .login form input[type=text]:focus{ outline: 0; background-color:initial; } body.fx-income-wrap .act-type div#select_login_chosen a.chosen-single { border: 1px solid #000 !important; padding-left: 8px; } @media only screen and (max-width: 1600px) { p { font-size: 14px; } } @media only screen and (max-width: 1440px) { .newfx_account .bg_common_newfx{ width:50% !important; } } @media only screen and (max-width: 1400px) { p { font-size: 13px; } .inner_nav_side .left_side_nav ul li a p { left: 70px; } } @media only screen and (max-width: 1280px) { p { font-size: 12px; } .inner_nav_side .left_side_nav ul li a p { left: 71px; } .new_fx .login,.new_fx_forgot .login,.new_fx_reg .login{ width:1080px; } .newfx_account .common_bg_white{ width:70% !important; } .inner_nav_side .left_side_nav ul li a span { height: 52px; } .n-login, .new_fx_forgot>.row{ height: 123vh !important; } body.fx-income-wrap.acadian-income #page, .newfx_account .acc_right_sec{ height:100%; } .newfx_account #page, .inner_nav_side, .row.acc_right_sec{ min-height: calc(100vh - 50px); } .new_fx_reg .login, .login_pro .login, .new_fx_forgot .login{ top: 60% !important; } body.fx-income-wrap .row.acc_right_sec, body.newfx_profile.profile_body.newfx_account .acc-wrap-right.common_bg_white{ max-width: 1024px !important; } html .newfx_account .acc_right_sec .padding_20px { height: auto !important; } .surespreads_profile .form-error{ margin: 0 !important; } .newfx_account .common_bg_white{ min-height: calc(100vh - 30px); height: 100%; } body.newfx_profile .common_bg_white .login input,body.newfx_withdraw .common_bg_white .login input{ margin-bottom: 15px; } body.go_demo .bg_common_newfx, body.go_live .bg_common_newfx{ min-height: calc(100vh - 50px); height: auto; width: 80% !IMPORTANT; } body.newfx_profile #page{ height: 130vh; } } @media only screen and (max-width: 1040px) { .newfx_account .account-table { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } html body .common_bg_white .login{ position:relative; transform:unset; top:unset; margin: 20px auto !important; left:unset; } .inner_flex_view .column{ width:50%; } .new_fx .login,.new_fx_forgot .login,.new_fx_reg .login{ width:768px; height:auto; } .new_fx .login{ height:600px } .new_fx_forgot .login{ height:600px; } .newfx_account .account-table .account-info { width: auto; display: block; -webkit-box-flex: 50; position:relative; -ms-flex: 50; flex: 50; } html .newfx_account .acc_right_sec .padding_20px{ width:77% !important; } .newfx_account .common_bg_white{ width:77% !important; } .tab_2_inner p { width: 40%; font-size:12px; } .new_fx a.re-btn { background-color: white; border-radius: 5px; padding: 11px 20px; color: black; } .new_fx .m-align .re-btn{ padding: 10px 20px; } } @media only screen and (max-width: 992px) { .new_fx .login{ height: 440px; } } @media only screen and (max-width: 768px) { .common_bg_white .login{ position:unset; transform:unset; width: 100%; } .new_fx .login,.new_fx_forgot .login,.new_fx_reg .login{ width:639px; } .inner_nav_side{ width:35% !important; } html .newfx_account .acc_right_sec .padding_20px{ width:62% !important; } .newfx_account .acc-details-right{ display:block; } .inner_flex_add_acc .columns{ width:100%; } .newfx_account .bg_common_newfx{ position: relative; transform: unset; left: 0; top: 0; height: 95vh; } .bg_common_newfx .new-error{ position:unset; } .newfx_account .bg_common_newfx .acc-box{ width:100%; } .inner_flex_add_acc{ display:block; } .account_list_newfx{ position:unset; } .tab_2_inner p{ width:100%; } } @media only screen and (max-width: 639px) { html .newfx_account .acc_right_sec .padding_20px{ width:100% !important; } .newfx_account .account-table .account-info{ flex:25; } .tab_2_inner p{ width:100%; } .account_list_newfx{ position:relative; } .new_fx_forgot .forex-incm{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .inner_nav_side{ width:100%; margin:0; height: auto; position: absolute; left: 0; display:none; top: 0; } .newfx_account .common_bg_white { width: 100% !important; } .inner_nav_side .left_side_nav ul li:last-child{ position:relative; } .common_bg_white .login{ position: unset; width: 100%; transform: unset; } .newfx_account #page{ display:inline-block; height: 100%; width:100%; } .newfx_account .acc_right_sec{ height:auto; } .newfx_account .bg_common_newfx .acc-box{ width:100%; } .newfx_account .bg_common_newfx{ width: 100% !important; position: unset; transform: unset; } .newfx_account .bg_common_newfx h1{ margin:10px 0px; } .bg_common_newfx .new-error{ position:unset; } .inner_flex_view .column{ width:100%; } .new_fx_reg .login{ position:unset; height:100%; width:100%; overflow:auto !important; transform:unset; } .new_fx_reg a.re-btn{ position:unset; margin: 20px 0px; } .new_fx .login{ height: 100vh; position: unset; width: 100%; background-position: right; transform: unset; } .new_fx .inner_reg_login .large-8{ width: auto; } .new_fx .n-left-inner{ width:auto; } .new_fx_forgot .login{ height: 100vh; position: unset; width: 100%; margin: 0 !important; transform: unset; background-position: right; } .new_fx_forgot>.row .large-offset-1{ padding:0 !important; } .new_fx .login .row{ justify-content: space-between; flex-direction: column-reverse; } .new_fx_forgot .r-right{ justify-content: center !important; } .new_fx_forgot .large-collapse{ display:block; } .new_fx_forgot .n-left{ width:90%; } .large-6.columns{ padding-right:0 !important; } } .column, .columns { padding-right: .9375rem !important; padding-left: .9375rem !important;; } .row .row { margin-right: 0px !important; margin-left: 0px !important; } .left-sd { padding: 30px 0px; } .re-btn{ padding:8px 25px; border-radius:25px; border: 1px solid #fff; color: #fff; } html body #popmodel #title_alert { background-color: #307289 !important; padding: 10px; text-align: center; color: #fff; font-size: 19px; } html body #popmodel a.button.small.success { background-color: #307289 !important; color: #fff; } .reveal.tiny { outline: none; } a.close { position: absolute; right: 14px; top: 10px; } .m-align { display: flex; align-items: center; justify-content: center; } .m-align b { display: none; } .form-error { text-align: left; } .n-left p { color: #fff; } button.re-btn { border: 1px solid #0ecafa; padding: 10px; text-align: center; width: 100%; border-radius: 30px; color: #fff; background: #0ecafa; } .row.clrnw h4 { color: #2d2d2d; text-align: center; font-size: 26px; } .acc-details{ display:unset !important; } #page .row.acc-wrap.fx-left-wrap{ padding: 60px 0px !important; } .acc-details-middle h3 { color: #525151; margin: 0px; font-size: 24px; position: unset; top: 0; text-transform: uppercase; font-family: calibri !important; font-weight: 600; margin-top: -15px; margin-bottom: 10px; } .acc-details-middle h3 span { font-size: 12px; } .acc-details-middle p { color: #525151; margin: 0px; font-size: 13px; font-family: calibri !important; line-height: 24px; position: unset; } .acc-details-middle { padding: 0px 40px; } .acc-details-middle { margin-left: 0% !important; } .acc-details-right { display: flex; align-items: center; justify-content: center; } .fx-left-wrap .acc-details { float: left !important; width: 100% !important; padding: 65px 0px 0px 0px !important; margin-top: 30px; } .fx-image-new .p-image { position: relative !important; top: 167px !important; } .fx-image-new .circle { position: absolute !important; top: 72px !important; } .text-center { text-align: center; } .acc-btm .tde-btn{ display: inline-block; } .acc-btm{ background-color: #e8e8e9; padding: 20px; text-align: center; } .acc-btm .new-btn{ margin-right: 20px; } .acc-btm .tde-btn a{ font-weight: 700; } .acc-details-middle p { position: relative !important; } .acc-details-left div { text-align: center !important; position: absolute !important; top: -90px !important; left: 20px !important; } html body .sub1 input { background: #e94b55 !important; } .frm-fld .large-6 { width: 100% !important; } .column.large-3.medium-3.small-12.side-banner{ display:none !important; } .acc-details-right .tde-btn a{ font-size: 12px; } #page .fx-act-menu li.active { background: transparent !important; } .row.collapse.login.chng_acct .p2 { padding-right: 0px; } .fx-head { display: block; background-color: #f7f7f7; padding: 8px 0px 2px 20px; } .fx-head { display: flex; justify-content: space-between; } .fx-head .chosen-container .chosen-results li.highlighted { background-color: #54555c !important; background-image: none !important; color: #fff !important; } .fx-head { display: flex; justify-content: space-between; background-color: #f7f7f7; padding: 8px 0px 2px 20px; } /*profile page */ .input-group .input-group-field, input { border-radius: 0px !important; } body.fx-income-wrap .row.acc-wrap.fx-left-wrap { padding-top: 0px !important; display: flex; max-width: 100% !important; } .r-add textarea#add { border-radius: 3px !important; } .r-add textarea#add { font-family: calibri !important; } .r-add textarea#add { height: 87px; box-shadow: none !important; font-size: 12px; border-radius: 0px !important; padding-top: 5px !important; line-height: 18px; } .sub2 { /* width: 205px; */ border: 1px solid #ccc; position: relative; background-color: #fff; padding-left: 8px; resize: none !important; outline: none !important; margin-right: 30px; margin-bottom: 20px !important; border-radius: 5px !important; } .login .chosen-select, .login .chosen-container { box-shadow: none; height: 40px !important; border: 0px solid #ccc; background-color: #fff; box-shadow: none !important; position: relative; border-radius: 3px !important; margin-right: 30px; margin-bottom: 20px; font-size: 12px; } .side-banner-middle ul li:before { content: ""; height: 10px; width: 10px; position: absolute; background-color: #282828; left: -18px; top: 15px; } .side-banner-middle ul li { font-size: 15px; padding: 8px 0px; list-style: none; margin-left: 20px; position: relative; color: #fff; padding-left: 6px; } .side-banner-middle ul { margin-left: 0px; } .side-banner-middle h2 { font-size: 23px; font-weight: bold; padding: 0px; margin: 0px 0px 10px; color: #fff; } .side-banner-middle { margin: 0px 0px 15px !important; } .side-banner-middle { background: #c1a668; padding: 40px 30px; margin: 0px !important; } .chosen-container-single .chosen-single div { position: absolute !important; width: 40px !important; background-color: #ccc !important; margin: 0px; padding: 0px; top: 0px !important; } body .chosen-container { width: 100% !important; } .sub1 input { width: auto !important; } body .acc-wrap-right .sub1 input { background-color: #ff5b01 !important; padding: 3px 30px !important; height: 40px !important; } body .acc-wrap-right .sub1 input { margin-top: 15px !important; } body .acc-wrap-right .row.collapse.new-error input[type="submit"] { margin-top: 0px !important; } .stellarnav > ul > li > a { text-transform: uppercase; } body .acc-wrap-right .sub1 input { background-color: #c1a668 !important; padding: 3px 30px !important; height: 40px !important; box-shadow: unset !important; outline: none; } .p1, .p2 { padding-top: 5px; padding-bottom: 5px; padding-right: 17px !important; } .row.collapse>.column, .row.collapse>.columns { padding-right: 20px; padding-left: 0; } div#pay_method_chosen { width: 300px !important; } .row.collapse.acc-wrap { padding: 40px 0; max-width: 100%; } .row.collapse>.column>.row, .row.collapse>.columns>.row, .row.is-collapse-child { margin-right: -.9375rem; margin-left: -.9375rem; } .acc-wrap-right select { height: 34px; background-color: #fff !important; } .acc-wrap-right select { margin-bottom: 20px; font-size: 12px; } .acc-wrap select { background-position: top 5px right 10px; } .sub3 { width: 100%; border: 1px solid #ccc; outline: none !important; padding-left: 8px !important; background-color: #fff !important; margin-right: 30px; position: relative; border-radius: 0px !important; padding: 9px 5px; margin-bottom: 20px !important; color: #000; } body.livedemo li.all_active { background-color: #c1a668 !important; border-bottom: 3px solid #2d2d2d; } body.livedemo .fx-menu-list .fx-act-menu ul li.all_active a { color: #fefefe !important; } .fx-act-menu ul { display: -webkit-flex; -webkit-justify-content: center; display: flex; justify-content: space-between !important; } .fx-act-menu ul { margin: 0px; } .fx-act-menu li.active { background-color: #f7f7f7; border-bottom: 3px solid #2d2d2d; padding-bottom: 15px; padding-top: 25px; } .fx-act-menu ul li { padding: 25px 25px 15px !important; } .fx-act-menu ul li { width: unset !important; text-align: center; list-style: none; } .fx-act-menu ul li a:hover { background-color: transparent !important; } .fx-menu-list .fx-act-menu ul li.active a { color: #c1a668 !important; } .fx-act-menu ul li.active a { color: #ed1d24 !important; } .fx-act-menu ul li a { font-size: 13px !important; } .fx-act-menu ul li a { font-size: 11px; color: #525151; display: block; font-family: calibri !important; font-weight: 600; text-transform: capitalize; } .column.large-9.small-12.acc-wrap-right { padding: 0px 37px; } .fx-act-menu ul li a:before { content: ""; display: block; width: 30px; height: 28px; background-repeat: no-repeat !important; background-position: center center; text-align: center; margin: 6px auto; background-size: 24px; } .fx-act-menu ul li.active:nth-child(1) a:before { background: url(../images//aa1.png) !important; background-repeat: no-repeat !important; } .fx-act-menu ul li.active a:before { filter: brightness(21%) !important; background-repeat: no-repeat !important; } .fx-act-menu ul li:nth-child(2) a:before { background: url(../images//aa2.png); } .fx-left-wrap .acc-title { text-transform: uppercase; color: #525151; font-weight: bold; font-size: 22px; font-family: calibri !important; font-weight: 600; display: inline; } body.fx-income-wrap .acc-wrap-right { padding: 0px !important; } .fx-act-menu ul { display: -webkit-flex; -webkit-justify-content: center; display: flex; justify-content: center; } .fx-act-menu ul { margin: 0px; } .fx-act-menu li.active { background-color: #f7f7f7; border-bottom: 3px solid #2d2d2d; padding-bottom: 15px; padding-top: 25px; } .fx-act-menu ul li { padding: 25px 25px 15px !important; } .fx-act-menu ul li { display: inline-block; width: 12%; text-align: center; list-style: none; } .fx-menu-list .fx-act-menu ul li.active a { color: #c1a668 !important; } .fx-act-menu ul li.active a { color: #ed1d24 !important; } .fx-act-menu ul li a { font-size: 13px !important; } .fx-act-menu ul li a { font-size: 11px; color: #525151; display: block; font-family: calibri !important; font-weight: 600; text-transform: capitalize; } .fx-act-menu ul li a:before { content: ""; display: block; width: 30px; height: 28px; background-repeat: no-repeat !important; background-position: center center; text-align: center; margin: 6px auto; background-size: 24px; } .fx-act-menu ul li.active:nth-child(1) a:before { background: url(../images//aa1.png) !important; background-repeat: no-repeat !important; } .fx-act-menu ul li.active a:before { filter: brightness(21%) !important; background-repeat: no-repeat !important; } .fx-act-menu ul li:nth-child(2) a:before { background: url(../images//aa2.png); } .fx-left-wrap .acc-title { text-transform: uppercase; color: #525151; font-weight: bold; font-size: 18px; font-family: calibri !important; font-weight: 600; display: inline; } body.fx-income-wrap .acc-wrap-right { padding: 0px !important; } .tde-btn a { background-color: #ed1d24; padding: 8px 60px 10px; border-radius: 5px; color: #fff; font-size: 14px; font-family: calibri !important; } .tde-btn a { text-transform: uppercase; } .tde-btn a { background-color: #c1a668 !important; } .column:last-child:not(:first-child), .columns:last-child:not(:first-child) { float: right !important; } .column:last-child:not(:first-child), .columns:last-child:not(:first-child) { float: right; } .my-acc-4x { margin-top: -4px !important; } .my-acc-4x { width: 150px; display: inline; float: right; margin-top: -8px; } .act-type { margin-bottom: 10px; display: inherit; width: 150px; float: right; } .act-type { margin-bottom: 0px; } .acc-wrap-right select { height: 34px; background-color: #fff !important; } .act-type select, .act-type div#select_login_chosen { width: 100% !important; text-align: left; background-color: #fff !important; } select { background-position: top 13px right 10px; outline: none !important; background-image: url(../images//sel-arrw.png); } select#select_login { padding: 0px 5px !important; line-height: 15px; height: 30px; } select#select_login { background-position: top 9px right 10px !important; height: 20px; outline: none !important; width: 130px; margin: 0px !important; background-size: 10px !important; font-size: 12px; } .act-type div#select_login_chosen a.chosen-single { border: none !important; background-color: #292b33 !important; color: #000 !important; border-top: 4px solid #d7be58 !important; } div#select_login_chosen a.chosen-single { margin: 0px !important; } .act-type div#select_login_chosen a.chosen-single { background-color: #696a6d !important; color: #fefefe !important; border: 1px solid #696a6d !important; } .my-acc-4x .chosen-container-single .chosen-single span { font-size: 14px; } .my-acc-4x .chosen-container-single .chosen-single div { background-color: unset !important; } .chosen-container .chosen-results li.group-result, .chosen-container .chosen-results li, .chosen-container-single .chosen-single span { font-weight: normal !important; font-size: 12px; } .chosen-container .chosen-results li.group-option { padding-left: 15px; } .fx-act-menu ul { display: -webkit-flex; -webkit-justify-content: center; display: flex; justify-content: center; } .fx-act-menu ul { margin: 0px; } .fx-act-menu li.active { background-color: #f7f7f7; border-bottom: 3px solid #2d2d2d; padding-bottom: 15px; padding-top: 25px; } .fx-act-menu ul li { padding: 25px 25px 15px !important; } .fx-act-menu ul li { display: inline-block; width: 12%; text-align: center; list-style: none; } .fx-menu-list .fx-act-menu ul li.active a { color: #c1a668 !important; } .fx-act-menu ul li.active a { color: #ed1d24 !important; } .fx-act-menu ul li a { font-size: 13px !important; } .fx-act-menu ul li a { font-size: 11px; color: #525151; display: block; font-family: calibri !important; font-weight: 600; text-transform: capitalize; } .fx-act-menu ul li a:before { content: ""; display: block; width: 30px; height: 28px; background-repeat: no-repeat !important; background-position: center center; text-align: center; margin: 6px auto; background-size: 24px; } .fx-act-menu ul li.active:nth-child(1) a:before { background: url(../images//aa1.png) !important; background-repeat: no-repeat !important; } .fx-act-menu ul li.active a:before { filter: brightness(21%) !important; background-repeat: no-repeat !important; } .fx-act-menu ul li:nth-child(2) a:before { background: url(../images//aa2.png); } .fx-left-wrap .acc-title { text-transform: uppercase; color: #525151; font-weight: bold; font-size: 18px; font-family: calibri !important; font-weight: 600; display: inline; } body.fx-income-wrap .acc-wrap-right { padding: 0px !important; } .tde-btn a { background-color: #ed1d24; padding: 8px 60px 10px; border-radius: 5px; color: #fff; font-size: 14px; font-family: calibri !important; } .tde-btn a { text-transform: uppercase; } .tde-btn a { background-color: #c1a668 !important; } .column:last-child:not(:first-child), .columns:last-child:not(:first-child) { float: right !important; } .column:last-child:not(:first-child), .columns:last-child:not(:first-child) { float: right; } .my-acc-4x { margin-top: -4px !important; } .my-acc-4x { width: 150px; display: inline; float: right; margin-top: -8px; } .act-type { margin-bottom: 10px; display: inherit; width: 150px; float: right; } .act-type { margin-bottom: 0px; } .acc-wrap-right select { height: 34px; background-color: #fff !important; } .act-type select, .act-type div#select_login_chosen { width: 100% !important; text-align: left; background-color: #fff !important; } select { background-position: top 13px right 10px; outline: none !important; background-image: url(../images//sel-arrw.png); } select#select_login { padding: 0px 5px !important; line-height: 15px; height: 30px; } select#select_login { background-position: top 9px right 10px !important; height: 20px; outline: none !important; width: 130px; margin: 0px !important; background-size: 10px !important; font-size: 12px; } .fx-head { display: flex; justify-content: space-between; } .acc-wrap-right .chosen-container-active.chosen-with-drop .chosen-single div b { display: block; width: 100%; height: 100%; background: url(../images//right-arrw-dwn.png) 16px 13px no-repeat !important; } .acc-wrap-right .chosen-single div b { display: block; width: 100%; height: 100%; background: url(../images//right-arrw.png) 16px 13px no-repeat !important; } .act-type div#select_login_chosen a.chosen-single { border: none !important; background-color: #292b33 !important; color: #000 !important; border-top: 4px solid #d7be58 !important; } div#select_login_chosen a.chosen-single { margin: 0px !important; } .act-type div#select_login_chosen a.chosen-single { background-color: #c1a668 !important; color: #fefefe !important; border: 1px solid #c1a668 !important; } .my-acc-4x .chosen-container-single .chosen-single span { font-size: 14px; } .my-acc-4x .chosen-container-single .chosen-single div { background-color: unset !important; } .chosen-container .chosen-results li.group-result, .chosen-container .chosen-results li, .chosen-container-single .chosen-single span { font-weight: normal !important; font-size: 12px; } .fx-head .chosen-container .chosen-results li.highlighted { background-color: #54555c !important; background-image: none !important; color: #fff !important; } .chosen-container .chosen-results li.group-option { padding-left: 15px; } .acc-details { background-color: #f7f7f7 !important; float: left; width: 100%; padding: 132px 0px 0px 0px; } .acc-details-left { position: relative; } .acc-details-left div { text-align: center; position: absolute; top: -90px; left: 20px; } .acc-details-left div { text-align: center; position: absolute; top: -90px; left: 20px; } .fx-image-new .circle { border-radius: 1000px !important; overflow: hidden; width: 128px; height: 128px; position: unset; top: 0; margin: 0 auto; } .acc-details-left div { text-align: center; position: absolute; top: -90px; left: 20px; } .circle { background: #ccc; } .fx-image-new .profile-pic { max-width: 200px; max-height: 200px; display: block; } .circle img { width: 128px; height: auto !important; line-height: 1; border-radius: 125px !important; } .acc-details-left div { text-align: center; position: unset; top: 0; left: 0; } .fx-image-new .p-image { cursor: pointer; position: relative; top: -22px; right: 6px; color: #666666; transition: all .3s cubic-bezier(.175, .885, .32, 1.275); font-size: 13px; background: rgba(243, 242, 242, 0.54); height: 25px; } .fx-image-new .upload-button { font-size: 1.2em; } .fx-image-new img { max-width: 100%; height: auto; } .fx-image-new .file-upload { display: none; } .column.large-5.medium-5.acc-details-middle { float: left !important; } .acc-details-middle { margin-left: 0; position: relative; } .acc-details { background-color: #f7f7f7 !important; float: left; width: 100%; padding: 0px 0px; /* overflow: hidden; */ } .row.fx-image-new { align-items: center; } .fx-left-wrap .account-table { border: none !important; } body.fx-income-wrap .account-table { margin: 0px !important; background-color: transparent !important; } .fx-left-wrap .account-table { border: none !important; } .fx-left-wrap div#account-top { padding-left: 30px !important; } .fx-left-wrap div#account-top { background-color: #f7f7f7 !important; } .account-table { width: 43%; float: left; min-height: 155px !important; border: 1px solid #cbcfd0; background-color: #fff; padding: 0px 0px !important; margin: 30px 15px 0px !important; }.fx-left-wrap .account-info, .account-info .account-table { border: none !important; } .account-info { float: left; width: 100%; } body.fx-income-wrap .account-info span { font-size: 13px !important; } .account-info span { float: left; line-height: 25px font-size: 14px; color: #000; } .account-info span { float: left; line-height: 30px; font-size: 14px; color: #000; padding-left: 25px; } .account-info span { font-size: 12px !important; } .ac1 { width: 132px; } .acc-btm { background-color: #e8e8e9; padding: 20px; text-align: center; } .acc-btm .new-btn { margin-right: 20px; } .acc-btm .tde-btn { display: inline-block; } .acc-btm .tde-btn a { font-weight: 700; } #page .acc-btm .new-btn a { background-color: #4ec7f1 important; } .tde-btn a { padding: 8px 47px 10px; } .tde-btn a { background-color: #ed1d24; padding: 8px 60px 10px; border-radius: 5px; color: #fff; font-size: 14px; font-family: calibri !important; } .tde-btn a { text-transform: uppercase; } .tde-btn a { background-color: #c1a668 !important; } .acc-btm .tde-btn { display: inline-block; } body.fx-income-wrap .acc-wrap-right .my-acc-details, body.fx-income-wrap .acc-wrap-right .acc-history { padding: 20px 0px !important; } #account-top, .acc-history, .my-acc-details { width: 100%; float: left; padding: 20px !important; margin-bottom: 10px; background-color: #ecf0f1; position: relative; } #account-top, .acc-history, .my-acc-details { background-color: transparent !important; } .acc-wrap-right h1 { color: #2d2d2d; text-transform: uppercase; font-size: 26px; padding: 10px 0px; font-weight: 600; font-family: calibri !important; line-height: 30px; } div#account-top h1, .acc-history h1 { margin: 0px; } div#account-top h1, .acc-history h1, .my-acc-details h1 { margin: 0px; font-family: calibri !important; text-transform: uppercase; color: #525151; font-size: 18px; margin-bottom: 8px; } .table-bg { background-color: #f7f7f7; padding: 15px; } .acc-wrap-right .tabs { margin-top: 10px; border: none; background: none; list-style-type: none; width: 23% !important; display: inline-block; } .acc-wrap-right .tabs { margin-top: 0px !important; } .fx-left-wrap .tabs-content { padding: 0px; width: 73% !important; margin-left: 25px !important; display: inline-block; margin-top: 10px !important; vertical-align: top !important; } .fx-left-wrap .tabs-title { position: relative; float: none !important; width: 100%; outline: none; transition: all .5s; } .acc-wrap-right .tabs-title>a:focus, .acc-wrap-right .tabs-title>a[aria-selected=true] { background: #c1a668; color: #fefefe; border-left: 0px solid #ed1d24 !important; border: 0px !important; } .acc-wrap-right .tabs-title>a { display: block; line-height: 1; } .acc-wrap-right .tabs-title>a { padding: 14px 0px !important; background-color: #e8e8e9; border-top: 0px solid #e8e8e9; text-align: center; font-size: 13px; font-family: calibri !important; color: #525151; transition: all .5s; } .acc-wrap-right .tabs-title>a:focus, body.fx-income-wrap .acc-wrap-right .tabs-title>a[aria-selected=true] { border: 0px solid #c1a668 !important; outline: none; } .acc-wrap-right .tabs-title>a:focus, .collapse .acc-wrap-right .tabs-title>a[aria-selected=true] { background: #c1a668 !important; border-left: 3px solid #c1a668 !important; } .acc-wrap-right .tabs-title.is-active>a:after { width: 0; height: 0; content: ""; display: block; border-top: 18px solid transparent; border-bottom: 20px solid transparent; position: absolute; right: -12px; top: 2px; transition: all .5s; } .acc-wrap-right .tabs-title.is-active>a:after { border-bottom: 18px solid transparent; border-left: 18px solid #c1a668 !important; } .fx-left-wrap .tabs-content { padding: 0px; width: 73% !important; margin-left: 25px !important; display: inline-block; margin-top: 10px !important; vertical-align: top !important; } body.fx-income-wrap .tabs-panel.is-active { display: block !important; } .acc-wrap-right .tabs-panel { padding: 0px; } .acc-wrap-right .table { color: #ffffff !important; width: 100%; margin: 0px; background-color: #292b33 !important; border: 0px solid #292b33 !important; border-radius: 0; } .acc-wrap-right table thead { background: transparent; } .acc-wrap-right table tbody tr:nth-child(even), .acc-wrap-right table thead { background-color: #ffffff !important; border: 0px; } .table-bg .table thead tr { background: #c1a668 !important; } .acc-history table thead tr th, .acc-history table thead tr td, .my-acc-details table thead tr th, .my-acc-details table thead tr td { padding: 7px 10px !important; font-size: 13px !important; font-weight: normal !important; color: #fff !important; font-family: calibri !important; text-align: left; } .acc-history ul li a:hover, .my-acc-details ul li a:hover { background-color: #c1a668 !important; border: 0px solid #c1a668 !important; color: #fff; } .acc-btm { background-color: #f7f7f7 !important; } .acc-wrap-right .acc-pad .tabs-title>a span { background-color: #54555c; width: 20px; height: 20px; line-height: 19px; display: inline-block; color: #fff; border-radius: 20px; margin-left: 5px; } .acc-history .table td, .my-acc-details .table td { color: #000; } .content table tr th, table tr td { font-size: 12px !important; } body .acc-history .table td a:hover, body .my-acc-details .table td a:hover { color: #fefefe !important; } .acc-history .table td a:hover, .my-acc-details .table td a:hover { color: #3bb54a !important; } .my-acc-details .table td a { background-color: #2d2d2d; padding: 8px 12px; color: #fff !important; } .fx-act-menu ul li:nth-child(1) a:before {background: url(../images//aa1.png) ;} .fx-act-menu ul li:nth-child(2) a:before {background: url(../images//aa2.png) ;} .fx-act-menu ul li:nth-child(3) a:before {background: url(../images//aa3.png) ;} .fx-act-menu ul li:nth-child(4) a:before {background: url(../images//aa4.png) ;} .fx-act-menu ul li:nth-child(6) a:before {background: url(../images//aa5.png) ;} .fx-act-menu ul li:nth-child(7) a:before {background: url(../images//aa6.png) ;} .fx-act-menu ul li:nth-child(8) a:before {background: url(../images//aa7.png) ;} .fx-act-menu ul li:nth-child(5) a:before {background: url(../images//deposit.png) ;} .accounts { padding: 30px 10px; } /*register */ .datepicker td.active.day, .datepicker th.active.day { background: #1264d5; color: #fff; border-radius: 3px; } .show_search .chosen-search { display: block; } .row.full-nme .frm-fld2 { padding: 0px 10px 0px 0px !important; } .row.full-nme .frm-fld { padding: 0px !important; } .hddecls-fx { display:none; } .forex-incm h1, .forex-incm h2, .forex-incm h3, .forex-incm h4, .forex-incm h5,.forex-incm p { font-family: 'Open Sans', sans-serif; } .top-fld h3 { font-size: 20px; text-transform: uppercase; color: #2d2d2d; float: left; } .ck-box label { color: #585858; } .brddr { border-top: 1px solid #dbdbdc; } .row.top-fld p { float: right; font-size: 13px; margin: 0px; text-transform: capitalize; line-height: 25px; } .row.forex-incm { padding: 50px 0px; } .row.forex-incm h4 { text-transform: uppercase; font-size: 25px; color: #000; } .row.top-fld { padding: 15px 0px 10px; } .row.top-fld { padding: 10px 0px 0px; } .row.contry p { font-size: 15px; margin: 0px; padding-bottom: 8px; } .forex-incm p { font-family: 'Open Sans', sans-serif; font-size: 14px; margin: 0px; padding-bottom: 8px; } .row.contry { padding: 15px 0px; } .row.forex-incm { width: 100%; margin: 0 auto; } .row.full-nme { padding: 20px 0px 0px; } .row.full-nme .frm-fld2 { padding: 0px 10px 0px 0px; } .row.full-nme .frm-fld { padding: 0px; } .row.mobile-num { padding-top: 0px; } .frm-fld input { margin-right: 30px; margin-bottom: 22px !important; } .ttl-drp { padding: 30px 0px 20px; } .row.levrge { padding: 15px 0px 5px; } .forex-incm .chosen-container a.chosen-single { margin-bottom: 10px; } .forex-incm .chosen-with-drop a.chosen-single { margin-bottom: 0px !important; } .forex-incm .sub1 input { width: 250px; } .side-banner.right-sd { padding: 0px !important; padding-left: 10px !important; } .side-banner.right-sd { padding: 0px !important; padding-left: 10px !important; } .side-banner.right-sd .side-banner-bottom { padding: 50px 40px !important; background-color: #1fa84c; } .side-banner-bottom a{ font-size:14px; color:#000; } .forex-incm .frm-fld input { height: 38px !important; } .forex-incm .chosen-container-single .chosen-single{ height: 38px !important; } .row.clrnw h4 { color: #2d2d2d; } .row.top-fld { max-width: 100% !important; justify-content: space-between; } .frm-fld { position: relative; } .row { max-width: 1210px; width: 100%; color: #585858; } .row.contry p { width: 100%; } .sub3 { width: 205px; border: 1px solid #ccc; outline: none !important; padding-left: 8px !important; background-color: #fff !important; margin-right: 30px; position: relative; border-radius: 5px !important; padding: 9px 5px; margin-bottom: 20px !important; font-size: 13px; color: #000; } select { background-position: top 13px right 10px; outline: none !important; background-image: url(../images//sel-arrw.png); } .chosen-container-single .chosen-single { background: none !important; border-radius: 3px !important; } .chosen-container-single .chosen-single { background: none !important; } .chosen-container-single .chosen-single { height: 34px !important; border: 1px solid #ccc !important; box-shadow: none !important; border-radius: 0px !important; line-height: 34px !important; } .forex-incm .chosen-container a.chosen-single { margin-bottom: 10px; } .forex-incm .chosen-container-single .chosen-single { height: 38px !important; } .chosen-container-single .chosen-single { outline: none !important; } .chosen-container .chosen-results li.group-result, .chosen-container .chosen-results li, .chosen-container-single .chosen-single span { font-weight: normal !important; font-size: 12px; } body .row p.maxth { width: unset !important; } .forex-incm p { width: 100% !important; } .forex-incm .frm-fld input { height: 38px !important; } .frm-fld input { margin-right: 30px; margin-bottom: 22px !important; } .frm-fld input, body .login1 input { height: 38px; } .frm-fld input { box-shadow: none; height: 34px !important; line-height: 34px !important; border: 1px solid #ccc; box-shadow: none !important; padding-left: 8px; position: relative; margin-right: 30px; margin-bottom: 30px; font-size: 12px; } .frm-fld { width: 100%; } #reg-wrap .chosen-container { width: 100% !important; } .ck a { color: #4e4e4e; text-decoration: underline; } .p1 input[type="checkbox"] { margin: 0px 0px 15px !important; height: 13px !important; } body .p1.ck label { font-size: 12px; padding: 0px !important; }.forex-incm .p1.ck { margin: 0px; padding: 0px 0px 5px; } .sub1 input { width: 150px; color: #fff; background: #c3aa6d; outline: none; line-height: 32px; height: 38px; border-radius: 2px !important; border: none; font-size: 15px !important; } .chosen-container-single .chosen-drop { margin-top: -4px; } .row.forex-incm { width: 100% !important; } /*login */ a.lgpart { display: block !important; } .sub1 input { padding: 3px 25px !important; } .lgleft h4 { color: #2d2d2d; text-transform: uppercase; font-size: 26px; padding: 10px 0px; font-weight: 600; font-family: calibri; line-height: 30px; } .row.lgin { margin: 0 auto; padding: 50px 0px; } .lgin .lgleft span a { color: #c1a668 !important; } .lgleft p { color: #292b33; } .lfimg1 h3 { color: #2d2d2d; text-transform: uppercase; font-size: 26px !important; padding: 10px 0px; font-weight: 600; line-height: 30px; font-family: calibri !important; } .lgin .lfimg1 h3 span { color: #c3aa6d !important; } .lfimg1 p { width: 80%; } .row.form12 h4 { width: 100%; color: #2d2d2d; text-transform: uppercase; font-size: 26px; padding: 10px 0px; font-weight: 600; font-family: 'Montserrat', sans-serif !important; line-height: 30px; } .lgleft { border-right: 1px solid #ececec; } .lgleft p { color: #292b33; } .row.form12 { padding: 0px 0px 15px; } .row.form12 { padding: 10px 0px; } .row.form12 { width: 300px; margin: 0 auto; } .lfttt { float: left; } .m1 { position: relative; } .row.form12.frmmm input { font-size: 13px !important; } .input-group .input-group-field, input { border-radius: 0px !important; } form { width: 100%; } .row.sec-prt p { text-align: center; } .row.sec-prt p { text-align: center; color: #a0a0a0; margin: 0px; width: 100%; } .row.sec-prt p { color: #a0a0a0; float: left; margin: 0px; } .row.sec-prt { text-align: center; display: flex; align-items: center; justify-content: space-evenly; } .sec-tw2 { background-color: #2d2d2d; } .row.sec-prt { padding: 15px; } .row.thr3 h1 { text-align: center; font-size: 28px; text-transform: uppercase; font-family: calibri !important; color: #2d2d2d; width: 100%; font-weight: bold; } .sec-thr3 { padding: 30px 0px; } .fstr1 { padding: 10px 50px; color: #292b33; text-align: center; } .subd1 { border-right: 1px solid #ececec; padding: 20px; } .row.subdivv { padding: 30px 0px; } .fstr1 h6 { font-weight: bold; color: #292b33; font-size: 24px; width: 100%; margin-bottom: 20px; } .row.buttnn { text-align: center; padding: 25px 0px 15px; width: 100%; margin: 0 auto; } .row.fv5 h1 { text-align: center; font-size: 26px; text-transform: uppercase; font-family: 'Montserrat', sans-serif !important; color: #fff; width: 100%; } body .sec-five { background: #c1a668 !important; padding: 40px 0px !important; } .sec-five p { color: #fff; text-align: center; margin: 0px; } .row.buttnn a { background-color: #fff; padding: 10px 40px; border-radius: 3px; color: #2d2d2d; font-weight: bold; margin: 0 auto; } .row.buttnn { text-align: center; padding: 25px 0px 15px; } .rghtt1 img { width: 70px; display: none; } .sub1.frx2 input { margin-top: 15px; } .fstr1 p { font-size: 15px; color: #292b33; } .fstr1.nw h4 { font-size: 22px; font-family: 'Montserrat', sans-serif !important; } .fstr1.nw p { margin: 0px; } .fstr1.nw p a.clk { text-decoration: underline #ccc; color:#292b33; } .fstr1.nw p a { color: #1fa84c; } .sec-fr4 { background-color: #eaeaea; padding: 40px 0px 20px; } .sec-fr4 .subd1 { padding: 10px 20px; color: #292b33; border-right: 1px solid #c5c5c5; } .sec-fr4 .subd1.lst { border-right: 0px solid #c5c5c5 !important; } .row.subdivv { padding: 30px 0px; } .sec-five { background: url(../images//bg-lasst.jpg) no-repeat center ; height: auto; } .row.fv5 h1 { text-align: center; font-size: 26px; text-transform: uppercase; font-family: 'Montserrat', sans-serif !important; color: #fff; } .sec-five { padding: 70px 0px; } .row.buttnn a { background-color: #fff; padding: 10px 40px; border-radius: 3px; color: #2d2d2d; font-weight: bold; } .row.buttnn { text-align: center; padding: 25px 0px 15px; } .sec-five p { color: #fff; text-align: center; margin: 0px; } .hrdiv { border-top: 1px solid #ccc; width: 60%; padding: 0px 0px 18px; } .row.form12 { padding: 0px 0px 15px; } .rghtt1 label { line-height: 35px !important; } .row.lgin h6 { font-size: 14px; text-transform: uppercase; color: #2d2d2d; padding: 0px !important; font-weight: bold; line-height: 33px !important; margin: 0px !important; } .row.form12 h4 { color: #2d2d2d; text-transform: uppercase; font-size: 26px; padding: 10px 0px; font-weight: 600; font-family: 'Montserrat', sans-serif !important; line-height: 30px; } .lgleft h4 { font-family: 'Montserrat', sans-serif !important; } .row.thr3 h1 { font-family: 'Montserrat', sans-serif !important; } .lfimg1 p { width: 80%; } .row.sec-prt p { text-align: center; color: #a0a0a0; margin: 0px; width: 100%; } .sec-prt .lgpart{ display:none !important; } .row.sec-prt p{ text-align:center; } p.foot_docs1 { margin-top: -1px; } .loader-overlay { position: fixed; width: 100vw; height: 100vh; background-color: rgba(255, 255, 255, 0.62); z-index: 9999; display: none; } .loader-overlay img { position: absolute; top: 45%; left: 48%; } .stellarnav.desktop li.has-sub a { text-transform: uppercase; font-size: 15px !important; } a.lgpart { display: block !important; text-transform: uppercase !important; } @media only screen and (max-width: 65.063em) { a.lgpart { float: none !important; } .row.sec-prt{text-align:center;} .row.sec-prt p { font-size: 13px; padding-bottom: 8px; } .fstr1 { padding: 10px 30px; color: #292b33; } .row.fv5 h1 { text-align: center; font-size: 16px !important; } .stellarnav li a { color: #0d1530 !important; } .fx-head { display: block; } .fx-act-menu ul li a:before{ display:none !important; } .fx-act-menu ul { display: block !important; } body .fx-act-menu ul li { padding: 15px 25px 12px !important; display: block !important; } .fx-act-menu li.active { background-color: #c1a668 !important; } .fx-act-menu ul li a { font-size: 15px !important; } body .fx-menu-list .fx-act-menu ul li.active a { color: #fefefe !important; } .fx-head { display: block !important; } html body .fx-head { padding: 10px 10px !important; } html body .fx-left-wrap .fx-head { padding-top: 10px !important; } .fx-left-wrap .acc-title { display: block; } .tde-btn { text-align: center; } .fx-left-wrap .acc-title { display: block !important; } body .fx-head { position: relative; } body .acc-details { padding: 20px; } .tde-btn { padding: 15px; } body .fx-left-wrap div#account-top { padding-left: 20px !important; } .account-table { width: 100% !important; } .acc-btm .tde-btn { display: block !important; } .acc-btm { padding: 20px 40px !important; } .acc-btm .tde-btn { display: inline-block; padding: 12px 0px !important; } .acc-btm .new-btn { margin-right: 0px !important; } .acc-btm .tde-btn a { width: 100% !important; display: block !important; } body.fx-income-wrap .tabs-content { width: 68% !important; } .my-acc-details table thead { display: none; } .my-acc-details table tbody td:after { position: absolute; left: 0px; padding: 5px 7px; width: 38%; background-color: #f7f7f7; top: 0px; } .acc-wrap-left { padding: 0px 15px 10px !important; } li.my_act, .opn-act { margin-top: 0px !important; position: absolute; width: 150px; right: 50px; } .tow-section-news-left table tr td { font-size: 12px !important; padding: 6px 10px !important; } body .list { width: 100% !important; } body .fx-act-menu ul li a { font-size: 15px !important; } .p1, .p2 { width: 100% !important; max-width: 100% !important; padding: 0px; } .acc-wrap { padding: 20px; } .acc-wrap-right { padding-left: 20px !important; } .acc-wrap select { border: 1px solid #bbbbbb !important; background-image: url(../images//sel-arrw.png); padding: 8px; } } @media only screen and (min-width: 0em) and (max-width: 64em) { .row.subdivv { padding: 0px !important; } .fx-menu-list { padding-top: 10px !important; } .head-bottom { background-color: #e9eaeb !important; } .head-bottom .columns.small-12.large-12.medium-12 { padding: 0px !important; } #main-nav > ul { margin-top: 0 !important; } .sec-five { padding: 25px 0px; } .row.buttnn { text-align: center; padding: 15px 0px 15px; } .row.fv5 h1 { text-align: center; font-size: 20px; } .sec-fr4 { background-color: #eaeaea; padding: 20px 0px 10px; } .fstr1.nw h4 { font-size: 16px !important; } .sec-fr4 .subd1 { padding: 0px; color: #292b33; border-right: 0px solid #c5c5c5; } .subd1 { border-right: 1px solid #ececec; padding: 0px; } .fstr1 h6 { font-size: 16px; } .fstr1 p { font-size: 13px; color: #292b33; margin: 0px; line-height: 22px; } .row.thr3 h1 { font-size: 18px; padding: 10px; } .lgleft p { font-size: 13px; } .row.lgin { padding: 15px 0px; } .lfimg1 p { width: 100%; } .lgleft h4 { color: #2d2d2d; text-transform: uppercase; font-size: 20px; padding: 0px; } .row.lgin h6 { font-size: 13px; padding: 5px 0px !important; } .hrdiv { padding: 0px; } .row.form12 h4 { font-size: 20px; padding: 5px 0px; } .lgright { padding: 25px 0px 0px; } .row.sec-prt p { font-size: 13px; } .row.clrnw h4 { font-size: 18px; color: #2d2d2d; } .row.forex-incm { padding: 25px 0px; } .top-fld h3 { font-size: 16px; float: none; } .row.top-fld { padding: 0px; } .row.top-fld p { float: none; } .row.contry { padding: 0px; } .row.contry p { font-size: 14px; margin: 0px; padding: 8px 0px; } .row.full-nme { padding: 0px 0px 0px; } .frm-fld small.form-error.is-visible { position: absolute; top: 48px; font-size: 10px; } .searchh input, .searchh input:focus { width: 100%; } .lgin .lfimg1 h3 span { color: #c3aa6d !important; font-size: 20px !important; } .lgin .lfimg1 h3 { font-size: 22px !important; } .subd1, .subd22 { width: 100% !important; } .row.subdivv { display: block; overflow: hidden; } .row.forex-incm { padding: 25px 35px !important; } body#reg-wrap .large-6.columns { padding-right: 0px !important; padding-left: 0px !important; } .side-banner { display: none; } .stellarnav ul ul li a { font-size: 13px !important; text-transform: uppercase; } .stellarnav ul ul li a { color: #fff !important; } .my-acc-details .table td a { padding: 4px 12px !important; } } @media screen and (max-width: 39.9375em){ .row.acc_right_sec td.nefx_colr.first-sec { width: auto !impoertant; position: sticky; left: 0px; min-width: auto; } .newfx_account .account_list_newfx li{ padding: 10px 17px;} .acc-details-right{ display: unset; } div#account-top { margin-top: 0px !important; } html body .tde-btn a { margin-bottom: 12px !important; } .sub3{ width: 100%; } body select#select_login { right: 0px !important; top: 0px !important; } .acc-wrap-right h1 { font-size: 20px; } .acc-wrap-right .my-acc-details table tbody td:after { color: #000 !important; } .acc-details-middle { padding: 0px 10px; } html body #page .acc-details-right .tde-btn a { width: 100% !important; } .acadian-login .row.frmmm span { font-size: 13px; color: #dd1d24; } .acadian-login .n-left img { max-width: 100%; position: relative; top: -150px; } } .column.large-9.medium-9.small-12.acc-wrap-right { padding-left: 30px; } .acc-wrap-right .tabs-title>a { display: block; padding: 10px 20px; font-size: .75rem; line-height: 1; color: #292b33; background-color: #dadada; border-top: 3px solid #dadada; } .acc-wrap-right .acc-pad .tabs-title>a span{background:#54555c;color: #fff;} .acc-history table thead tr th, .acc-history table thead tr td, .my-acc-details table thead tr th, .my-acc-details table thead tr td { padding: 7px 10px !important; font-size: 13px !important; font-weight: normal !important; color: #fff !important; } body.fx-income-wrap .acc-wrap-right div#account-top, body.fx-income-wrap .acc-wrap-right .my-acc-details, body.fx-income-wrap .acc-wrap-right .acc-history { padding: 20px 10px !important; } .acc-wrap-right .acc-pad .tabs-title>a span { background: #4ec7f1 !important; } .left_side_nav li span { margin-right: 15px; } .fa-address-book:before { content: "\f007"; } #page .acc-wrap-right .chosen-container-active.chosen-with-drop .chosen-single div b { display: block; width: 100%; height: 100%; background: url(../images//right-arrw-dwn.png) 16px 13px no-repeat !important; } .left_side_nav ul li a.act { background: #fff; border-radius: 30px 0px 0px 30px; color: #000; position: relative; } .left_side_nav ul li a { padding-left: 30px !important; } /*registration*/ .chosen-container .chosen-results li.group-result, .chosen-container .chosen-results li, .chosen-container-single .chosen-single span { font-weight: normal !important; font-size: 14px; line-height: 36px; } a.close { position: absolute; right: 14px; top: 10px; } .login {position: relative;} .chosen-container.chosen-container-single + .form-error { top: 39px ! important; } [class*="column"]+[class*="column"]:last-child { float: left !important; } .datepicker td.active.day, .datepicker th.active.day { background: #1264d5; color: #fff; border-radius: 3px; } .show_search .chosen-search { display: block; } .re-btn { padding: 8px 25px; border-radius: 25px; background-color: transparent; color: #fff; border: 1px solid #fff; } .r-right p{ margin-bottom: 50px; } form{ margin: 0px auto; } b{ font-weight: 500; color: #dd1d24; } a{ color: #404447; font-weight: 500; } b a{ color: #dd1d24; } .re-btn:hover{ color: #fff; } .bg_no{ background-image: url("images//layer.png"); } .brddr{ border:none !important; } .forex-incm .chosen-container a.chosen-single{ border-radius: 25px !important; } html body a.chosen-single{ margin-bottom: 16px !important; } .chosen-single{ text-align: left !important; } .hddecls-fx { display:none; } .forex-incm h1, .forex-incm h2, .forex-incm h3, .forex-incm h4, .forex-incm h5,.forex-incm p { font-family: 'Open Sans', sans-serif; } .top-fld h3 { font-size: 16px; text-transform: uppercase; color: #2d2d2d; float: left; } .ck-box label { color: #585858; } .brddr { border-top: 1px solid #dbdbdc; } .row.top-fld p { float: right; font-size: 13px; margin: 0px; text-transform: capitalize; line-height: 25px; } .row.forex-incm { padding: 50px 0px; } .row.forex-incm h4 { text-transform: uppercase; font-size: 25px; color: #000; } .row.top-fld { padding: 15px 0px 10px; } .row.top-fld { padding: 0px 0px 0px; } .row.contry p { font-size: 15px; margin: 0px; padding-bottom: 8px; } .forex-incm p { font-family: 'Open Sans', sans-serif; font-size: 14px; margin: 0px; padding-bottom: 8px; } .row.contry { padding: 15px 0px; } .row.forex-incm { width: 90%; margin: 0 auto; } .row.full-nme { padding: 20px 0px 0px; } .row.full-nme .frm-fld2 { padding: 0px 10px 0px 0px; } .row.full-nme .frm-fld { padding: 0px; } .row.mobile-num { padding-top: 0px; } .frm-fld input { margin-right: 30px; margin-bottom: 22px !important; } .ttl-drp { padding: 10px 0px 10px; } .row.levrge { padding: 15px 0px 5px; } .forex-incm .chosen-container a.chosen-single { margin-bottom: 10px; } .forex-incm .chosen-with-drop a.chosen-single { margin-bottom: 0px !important; } .forex-incm .sub1 input { width: 250px; } .side-banner.right-sd { padding: 0px !important; padding-left: 10px !important; } .side-banner.right-sd { padding: 0px !important; padding-left: 10px !important; } .side-banner.right-sd .side-banner-bottom { padding: 50px 40px !important; background-color: #1fa84c; } .side-banner-bottom a{ font-size:14px; color:#000; } .forex-incm .frm-fld input { height: 38px !important; } .forex-incm .chosen-container-single .chosen-single{ height: 38px !important; } @media only screen and (min-width: 0em) and (max-width: 64em) { .row.clrnw h4 { font-size: 18px; } .row.forex-incm { padding: 25px 0px; } .top-fld h3 { font-size: 16px; float: none; } .row.top-fld { padding: 0px; } .row.top-fld p { float: none; } .row.contry { padding: 0px; } .row.contry p { font-size: 14px; margin: 0px; padding: 8px 0px; } .row.full-nme { padding: 0px 0px 0px; } .frm-fld small.form-error.is-visible { position: absolute; top: 48px; font-size: 10px; } .searchh input, .searchh input:focus { width: 100%; } } .re-btn:hover{ color: #fff; background:#676767; border:1px solid #676767; } .frm-fld .field-icon { float: right; margin-left: -25px; margin-top: -52px; margin-right: 5px; position: relative; z-index: 2; font-size:20px !important; } .frm-fld .fa-eye:before{ color:#79849A; } .n-left h4 { color: #fff; margin-top: 20px; margin-bottom: 0; font-family: 'HelveticaNeueThin'; letter-spacing: 3px; } .has-tip { display: none !important; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } html body .login .sub1.regsub input[type="submit"]{ float:right; } /*login */ .r-right h5 { text-align: center; } .login { margin: 100px auto; } .n-left-inner h5 { font-size: 30px; margin: 0 0 15px; color: #fff ; font-weight: normal !important; } .n-left-inner p { margin: 0 0px 15px; line-height: 1.3; font-weight: 300 !important; } a.re-btn { text-transform: uppercase; font-size: 14px; line-height: 1; background: transparent; border: 1px solid; padding: 10px 30px; border-radius:30px; color:#fff; display: inline-block; } .acadian-login form{ max-width: 300px; margin: 0px auto; } .acadian-login b{ font-weight: 500; color: #0d2e51; } .acadian-login b a{ color: #dd1d24; } .acadian-login .r-right p{ margin-bottom: 50px; } .acadian-login .m-align { display: flex; align-items: center; justify-content: center; flex-direction: column; } .acadian-login .m-align a { font-size: 14px; font-weight: 400; align-self: flex-end; margin-bottom: 15px; } .acadian-login .pwd .field-icon { float: right; margin-left: -25px; margin-top: -44px; margin-right: 5px; position: relative; z-index: 2; font-size:20px !important; cursor: pointer; } .acadian-login .login .row .column { padding: 0px; } .acadian-login .pwd { position: relative; } .acadian-login .pwd input{ padding-left:40px !important; } .acadian-login .logo_lg img { height: 100%; top:0px; } .pwd { position: relative; } /*forgot password */ .forgot_body input{ border-radius: 25px !important; padding-left:20px !important; } .forgot_body h6{ font-size: 24px !important; color: #282828; font-weight: 600; } .forgot_body p{ margin-bottom: 30px; margin: 20px 0px; } .forgot_body form{ margin: 0px auto; } .forgot_body b{ font-weight: 500; color: #dd1d24; } .forgot_body b a{ color: #dd1d24; } .forgot_body form { max-width: 300px; margin: 0px auto; } .forgot_body.bg_no{ background-image: url("images//layer.png"); } .forgot_body h5 { font-size: 28px; margin-bottom: 30px; } .forgot_body .row .row{ margin-right: 0px !important; margin-left: 0px !important; } .forgot_body .login { overflow: hidden; } .forgot_body .r-right { background-color: #fff; padding: 50px 0px !important; text-align: center; height: 100%; display: flex; align-items: center; justify-content: center; } .forgot_body button.re-btn { width: 50%; margin-top:30px; } /*account summery*/ div#select_login_chosen a.chosen-single { margin: -1px !important; } .act-type div#select_login_chosen a.chosen-single{ background-color: #ccc !important; border: 1px solid #ccc !important; } .drop-ctn { padding-right: 0px; } .acc-details-middle h3{display:none;} .acc-details{ padding: 34px 0px;} .head-top .login-ctn li a{color:#fff;} .head-top .login-ctn li { display: inline-block; margin-top: 0px; padding: 6px 10px;} .row.acc-wrap.fx-left-wrap { padding-top: 0px !important; max-width: 100% !important; } ul.myaccount-link1 li { display: block; width: 200px; } ul.myaccount-link1 { display: none; } ul.myaccount-link1 li:hover { background: #252525; } .acc-wrap-right .tabs { margin-top: 10px; border: none; background: none; list-style-type: none; width: 20% !important; display: inline-block; } .acc-wrap-right .tabs { margin-top: 0px !important; } .tabs-content { border: unset; padding: 0px; width: 72% !important; margin-left: 25px !important; display: inline-block; vertical-align: top !important; } .table-bg li.tabs-title { border: none; margin-bottom: 10px; border-radius: 5px !important; overflow: hidden; width:100%; } .my-acc-details .table td a { background-color: #ff8c40 !important; color: #fff !important; padding: 8px 15px; } .left_side_nav ul li a span { margin-right: 10px; font-size: 18px; width: 18px !important; display: inline-block; text-align: center; } .tabs-panel[aria-hidden=false] { display: block; padding-top: 0px; padding-left: 0px; } .table-bg.acc-pad .tabs .tabs-title{ position: relative;} html body .tde-btn a { background-color: rgb(75 76 75) !important; padding: 8px 0px !important; color: #fff; width: 177px; font-size: 14px; text-align: center; } .column.large-8.medium-6.acc-details-right { display: flex; } .account-info span { float: left; line-height: 30px; font-size: 14px; color: #000; padding-left: 25px; } .account-table { width: 43%; float: left; min-height: 155px !important; background-color: #fff; padding: 0px 0px !important; margin: 30px 15px 0px !important; } .fx-left-wrap div#account-top { background-color: transparent !important; } body.fx-income-wrap .account-info span { font-size: 15px !important; } .account-info .ac1 { width: 30%; } .tde-btn a { background-color: #012c6a; padding: 8px 60px 8px; border-radius: 30px; color: #fff; font-size: 14px; display: block; } .acc-wrap-right .tabs-title>a{ font-size: 16px; text-align: center;} .act-type {margin-bottom:0px;} .acc-btm { display: flex; justify-content: center; padding: 20px; text-align: center; border-radius: 15px; background: #ccc; } .acc-wrap-right .tabs-title>a:focus, .acc-wrap-right .tabs-title>a[aria-selected=true] { background: #676767 !important; border-top: 3px solid #676767 ; text-align: center; color: #fff; } .acc-title { font-size: 19px; font-weight: 600; font-family: calibri; } .acc-wrap-right .my-acc-details table tbody td:after { color: #fff; } @media screen and (max-width: 39.9375em){ .newfx_account .common_bg_white { height: 100% !important; } .surespreads_deposit { height: 100vh !Important; } .surespreads_deposit h1{ margin-bottom: 30px; } .fx-income-wrap #page, .newfx_withdraw #page, body.newfx_profile #page{ height: 100% !important; } body.go_demo .bg_common_newfx .new-error, body.go_live .bg_common_newfx .new-error{ position: absolute; } body.go_demo .bg_common_newfx, body.go_live .bg_common_newfx{ width: 100% !important; position: relative; } #nav-icon22{ z-index: 99; } .tabs-panel {padding: 0px;} .acc-details { padding: 8px 0px; } .my-acc-details table tbody td{ margin-bottom: 3px;} li.my_act.header-office:hover ul.myaccount-link1 { display: block; position: absolute; background: #fcc508; z-index: 99999; left: -24px; color: #fff; top: 38px; } html body .tde-btn a{ width: auto;} .column.large-8.medium-6.acc-details-right { display: block; } body .acc-details { margin-top: 20px !important; position: relative; } .column.large-8.medium-6.acc-details-right { position: absolute; left: 0px; top: 71px; } div#account-top { margin-top: 177px; } .acc-details-middle h3 { top: -23px; } .fx-left-wrap .acc-title { font-size: 13px; } .acc-btm .tde-btn { display: block; margin-bottom: 8px; } .acc-btm{display: block; justify-content: center;} .table-bg li.tabs-title a { font-size: 14px; border: none !important; } .table-bg.acc-pad { display: block; } .my-acc-details table tbody td { left:0px; } .tabs-content {margin-left: 0px !important;} .table-bg.seting-table .tabs{ width: 100% !important; display: flex !important; align-items: center; vertical-align: middle; justify-content: center; } .table-bg li.tabs-title { border-radius: unset !important;} .tabs-subsection table tr th { border: 1px solid #ccc; } table tbody, table tfoot, table thead { border: 1px solid #a5a2a2; background-color: #fefefe; } .my-acc-details .table-bg .tabs { width: 100% !important; } .acc-wrap-right .tabs {width: 100% !important;} .tde-btn a { padding: 8px 11px 7px !important; } .acc-btm .tde-btn a { font-weight: 700; font-size: 14px; } html body .tde-btn a{ margin-bottom: 12px;} .fx-head { height: 35px;} .acc-btm { background-color: unset; padding: 0px;} .acc-history table thead tr th{ border: 1px solid; margin: 0px auto; text-align: center } div#account-top { display: block !important; } .my-acc-details .tabs-content { margin-left: 0px !important; } body.fx-income-wrap .acc-wrap-right { padding: 12px 41px !important; } } .nav-tabs li a{ color: white; background-color: #3f8dbf !important; border: none; padding: 8px 30px; } .nav-tabs li a:hover,.nav-tabs li.active a,.nav-tabs li.active a:hover{ color: white; background-color: #276c98 !important; border: none; padding: 8px 30px; } .nav-tabs { border-bottom: 2px solid #276c98; } .no-js .tabs-content>.content { display:none !important; } .tabs-content>.content.active { display: block !important; } table thead tr th, table thead tr td { padding: 0.5rem 0.625rem 0.625rem; font-size: 0.875rem; font-weight: bold; color: #fff !important; } .acc-btm .tde-btn{ display: inline-block; } .acc-btm{ background-color: #e8e8e9; padding: 20px; text-align: center; } .acc-btm .new-btn{ margin-right: 20px; } .acc-btm .tde-btn a{ font-weight: 700; } .profile_body .login .chosen-select, .profile_body .login .chosen-container { box-shadow: none; height: 40px !important; background-color: #fff; box-shadow: none !important; position: relative; border-radius: 3px !important; margin-right: 30px; margin-bottom: 20px; font-size: 12px; } .profile_body .chosen-search { display: block; } .changepwd_body .new_icons span.has-tip { position: absolute; right: 59px; top: 10px; border-bottom: unset; } .changepwd_body .new_icons p1 ,.changepwd_body .new_icons p2 { position: relative; } .changepwd_body .new_icons span.fa.fa-fw.field-icon{ position: absolute; right: 34px; top: 12px; } .changepwd_body .p1 { position: relative; } .changeacc_body .new_icons span.has-tip { position: absolute; right: 59px; top: 10px; border-bottom: unset; } .changeacc_body .new_icons p1 ,.changeacc_body .new_icons p2 { position: relative; } .changeacc_body .new_icons span.fa.fa-fw.field-icon{ position: absolute; right: 34px; top: 12px; } .side_nav_bg.inner_nav_side { position: absolute; width:57px; } .row.acc_right_sec { max-width: 1200px !important; margin: 0px auto !important; width: 100%; } .left_side_nav { box-shadow: 1px 2px 5px #2f3c48; } .footer { display: none; } .newfx_account .acc-wrap-right .table { background: unset !important; border: unset; } a.active_sidemenu span{ background-color: #DD7344; }