@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 { --primary-color: #ed1a43; --red: #ed1a43; --orange: #f98a2e; --grad: linear-gradient(90deg, #ee2042 0%, #f98a2e 100%); --grad-v: linear-gradient(180deg, #ed1040 0%, #fa8717 100%); --text-red: linear-gradient(90deg, #ed1c42 0%, #f58233 100%); --ink: #111b27; --navy: #1b374d; --muted: #6b738f; --green: #32c470; --loss: #ed1c42; --soft-red: #fceceb; --line: #efefef; --container: 1350px; --gutter: 24px; } /* 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; } :root { --red: #ed1a43; --orange: #f98a2e; --grad: linear-gradient(90deg, #ee2042 0%, #f98a2e 100%); --grad-v: linear-gradient(180deg, #ed1040 0%, #fa8717 100%); --text-red: linear-gradient(90deg, #ed1c42 0%, #f58233 100%); --ink: #111b27; --navy: #1b374d; --muted: #6b738f; --green: #32c470; --loss: #ed1c42; --soft-red: #fceceb; --line: #efefef; --container: 1350px; --gutter: 24px; } html { scroll-behavior: smooth; } body { font-family: "Poppins", sans-serif; color: var(--ink); background: #fff; -webkit-font-smoothing: antialiased; overflow-x: hidden; } h1, h2, h3, h4 { font-family: "Poppins", sans-serif; color: inherit; margin: 0; } p { margin: 0; } ul, ol { margin: 0; list-style: none; } a { color: inherit; transition: color .2s, background .2s, box-shadow .2s, transform .2s; } img { max-width: 100%; } button { cursor: pointer; } .container { width: 100%; max-width: calc(var(--container) + var(--gutter) * 2) !important; margin: 0 auto; padding: 0 var(--gutter); position: relative; } .text-gradient { background: var(--text-red); -webkit-background-clip: text; background-clip: text; color: transparent; } /* white arrow, pointing right (source icon is a dark left arrow) */ .btn-gradient img, .arrow-btn--next img, .ai-search button img { transform: scaleX(-1); filter: brightness(0) invert(1); } /* ---------- shared buttons ---------- */ .btn-outline, .btn-white { display: inline-flex; align-items: center; justify-content: center; height: 50px; border-radius: 10px; font-size: 16px; font-weight: 500; line-height: 1; } .btn-outline { width: 104px; border: 1px solid #fff; color: #fff; } .btn-outline:hover { background: rgba(255,255,255,.14); color: #fff; } .btn-white { width: 144px; background: #fff; color: #f92f3f; } .btn-white:hover { color: #f92f3f; box-shadow: 0 10px 24px rgba(0,0,0,.18); transform: translateY(-1px); } .btn-gradient { display: flex; align-items: center; justify-content: space-between; width: 268px; max-width: 100%; height: 50px; padding: 0 30px 0 25px; border-radius: 25px; background: var(--grad); box-shadow: 0 10px 20px rgba(248,128,48,.35); color: #fff; font-size: 20px; font-weight: 500; } .btn-gradient img { width: 18px; height: 19px; } .btn-gradient:hover { color: #fff; transform: translateY(-2px); box-shadow: 0 14px 24px rgba(248,128,48,.45); } .btn-gradient--sm { width: 228px; height: 43px; padding: 0 24px 0 21px; border-radius: 21.5px; font-size: 14px; } .btn-gradient--sm img { width: 15px; height: 16px; } .arrow-btn { width: 63px; height: 63px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; border: 0; padding: 0; transition: transform .2s, opacity .2s; } .arrow-btn img { width: 21px; height: 22px; } .arrow-btn--prev { background: #fff; } .arrow-btn--next { background: var(--grad-v); box-shadow: 0 10px 20px rgba(245,87,40,.42); } .arrow-btn:hover { transform: scale(1.06); } .arrow-btn:disabled { cursor: default; transform: none; } .arrow-btn--next:disabled { opacity: .55; box-shadow: none; } .slider-arrows { display: flex; gap: 17px; } 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; } body{ background: #F6F7FC !important; } header.theme-header .grid-container { margin: 20px auto; max-width: 1350px !important; padding: 0px 10px; background: transparent; opacity: 1; border-radius: 0px; transition: 0.5s ease-in; } header.theme-header.fixed_header .grid-container{ backdrop-filter: blur(30px); background: #f9f9f900; } 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: #FC051A!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: 1400px !important; } header.theme-header.fixed_header .grid-container a { color: #000; } header.theme-header.fixed_header .grid-container a.wt-btns { color: #fff; } header.theme-header.fixed_header .grid-container span.ddlabel { color: #000 !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: #000; border: 1px solid #000; 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, .dd .ddChild li { padding: 0; height: auto !important; overflow: visible !important; display: flex !important; align-items: center; } .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 #fff !important; } html body .country span.ddTitleText span.ddlabel { color: #fff !important; } header .header-navigation .primary-menu .nav-menu nav.main-menu li.menu-item ul li a { color: #FC051A!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: #fff; 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: #fff; 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 #FC051A; background: #FC051A; } .header-right-nav>ul>li a.bl-btns { background: #fff; border: none; } .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); } /* ========================================================================== HERO ========================================================================== */ .hero { position: relative; min-height: 720px; background: #e0213b url("https://globaletfseu.com//images/globaletfseu/hero-bg.webp") center / cover no-repeat; color: #fff; overflow: hidden; } .hero__inner { min-height: 720px; } .hero__content { position: relative; z-index: 3; padding-top: 170px; } .hero__title { font-size: 66px; font-weight: 700; line-height: 1.2; letter-spacing: 0; color: #fff; } .hero__subtitle { margin-top: 4px; font-size: 42px; font-weight: 500; line-height: 1.16; } .hero__text { margin-top: 10px; font-size: 14px; line-height: 18px; } .hero__buttons { display: flex; gap: 10px; margin-top: 34px; } .btn-hero { display: inline-flex; align-items: center; height: 52px; padding: 0 22px; border-radius: 10px; font-size: 13px; font-weight: 500; } .btn-hero__icon { width: 30px; height: 30px; display: inline-flex; align-items: center; justify-content: center; margin-right: 14px; } .btn-hero__icon img { width: 16px; height: 18px; } .btn-hero__icon--circle { background: #fff; border-radius: 50%; margin-left: 11px; margin-right: 9px; } .btn-hero--light { width: 220px; background: #fff; color: #f54132; box-shadow: 0 20px 15px rgba(0,0,0,.10); } .btn-hero--light .btn-hero__icon { background: rgba(245,67,49,.06); border-radius: 50%; } .btn-hero--dark { width: 238px; background: var(--ink); color: #fff; box-shadow: 0 20px 15px rgba(0,0,0,.16); } .btn-hero:hover { transform: translateY(-2px); } .btn-hero--light:hover { color: #f54132; } .btn-hero--dark:hover { color: #fff; background: #1c2a3b; } .hero__features { display: grid; grid-template-columns: 220px auto; row-gap: 24px; margin-top: 32px; max-width: 520px; } .hero__features li { display: flex; align-items: center; gap: 10px; min-height: 41px; } .hero__features li.has-divider { border-left: 1px solid rgba(255,255,255,.35); padding-left: 13px; gap: 18px; } .hero__features li:last-child { gap: 9px; } .hero__features strong { display: block; font-size: 13px; font-weight: 500; line-height: 17px; } .hero__features span { display: block; font-size: 11px; line-height: 16px; } .hero__person { position: absolute; z-index: 2; left: calc(var(--gutter) + 494px); top: 88px; width: 830px; max-width: none; pointer-events: none; } .hero__cards { position: absolute; z-index: 3; left: calc(var(--gutter) + 1261px); top: 150px; width: 252px; } /* quote card (hero + slider) */ .quote-card { background: #fff; color: var(--navy); border-radius: 12px; } .quote-card .pair { display: flex; align-items: center; gap: 9px; } .flags { position: relative; display: inline-block; width: 81px; height: 51px; flex: none; } .flags img { position: absolute; top: 0; width: 51px; height: 51px; border-radius: 50%; } .flags img:first-child { left: 0; } .flags img:last-child { left: 30px; } .quote-card .pair strong { display: block; font-size: 23px; font-weight: 600; line-height: 1.25; } .quote-card .pair small { display: block; font-size: 18px; font-weight: 500; color: var(--muted); line-height: 1.4; } .quote-card .price { display: flex; align-items: baseline; gap: 10px; margin-top: 22px; } .quote-card .price b { font-size: 29px; font-weight: 700; line-height: 1.2; } .quote-card .price span { font-size: 18px; } .quote-card .up { color: var(--green); } .quote-card .down { color: var(--loss); } .quote-card .spark { display: block; width: 268px; height: 121px; margin-top: 4px; } .quote-card .spread { margin-top: -6px; font-size: 16px; font-weight: 500; color: var(--muted); } .quote-card--hero { width: 252px; min-height: 224px; padding: 20px 18px 14px; box-shadow: 0 20px 40px rgba(0,0,0,.12); } .quote-card--hero .pair { gap: 10px; } .quote-card--hero .pair strong { font-size: 18px; } .quote-card--hero .pair small { font-size: 14px; } .quote-card--hero .price { margin-top: 16px; gap: 8px; } .quote-card--hero .price span { font-size: 15px; } .quote-card--hero .spark { width: 216px; height: 78px; margin-top: 2px; object-fit: fill; } .quote-card--hero .spread { font-size: 15px; margin-top: 2px; } .verified-card { position: relative; display: flex; align-items: center; gap: 12px; margin-top: 19px; width: 252px; height: 72px; padding: 0 16px 0 20px; background: #fff; border-radius: 12px; color: #253054; box-shadow: 0 20px 40px rgba(0,0,0,.12); } .verified-card__avatar { position: relative; flex: none; width: 50px; height: 50px; border-radius: 50%; background: #dcdddf; overflow: hidden; } .verified-card__avatar img { position: absolute; left: -39px; top: 1px; width: 130px; max-width: none; } .verified-card strong { display: block; font-size: 18px; font-weight: 600; line-height: 25px; } .verified-card div > span { display: block; font-size: 14px; font-weight: 500; line-height: 20px; } .verified-badge { position: absolute; top: 21px; right: 18px; display: inline-flex !important; align-items: center; gap: 4px; height: 21px; padding: 0 9px; border-radius: 11px; background: #4cd07f; box-shadow: 0 5px 5px rgba(76,208,127,.27); color: #fff; font-size: 12px !important; font-weight: 400 !important; } .verified-badge img { width: 10px; height: 12px; } /* ========================================================================== ABOUT ========================================================================== */ .about { padding: 60px 0 60px; background: #fff; overflow: hidden; } .about__visual { position: relative; height: 510px; } .about__phone { position: absolute; left: 150px; top: 0; width: 255px; } .about__podium { position: absolute; left: 22px; top: 310px; width: 555px; max-width: none; } .about__content { padding-left: 0; } @media (min-width: 1800px) { /* the XD copy + cards run 76px past the content column */ .about .large-6.about__content { flex: 0 0 calc(50% + 76px); max-width: calc(50% + 76px); margin-right: -76px; padding-left: 0; } .about .large-6.about__visual { flex: 0 0 calc(50% - 8px); max-width: calc(50% - 8px); } } .eyebrow { display: flex; align-items: center; gap: 18px; margin-left: -8px; color: #f0483b; font-size: 13px; font-weight: 500; letter-spacing: .22em; text-transform: uppercase; } .eyebrow::before { content: ""; width: 32px; height: 2px; background: #f0483b; } .about__title { margin-top: 12px; font-size: 50px; font-weight: 700; line-height: 1.2; letter-spacing: 0; color: var(--ink); } .about__title .text-gradient { display: block; } .about__text { margin-top: 18px; max-width: 640px; font-size: 15px; line-height: 24px; color: var(--muted); } .feature-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 22px; max-width: 660px; } .feature-card { display: flex; align-items: center; gap: 16px; min-height: 104px; padding: 14px 18px; background: #fff; border: 1px solid #eeeff2; border-radius: 12px; box-shadow: 0 10px 30px rgba(17,27,39,.04); transition: transform .25s, box-shadow .25s; } .feature-card:hover { transform: translateY(-4px); box-shadow: 0 18px 36px rgba(237,26,65,.10); } .feature-card__icon { flex: none; width: 72px; height: 72px; border-radius: 50%; background: #fdecec; display: flex; align-items: center; justify-content: center; } .feature-card__icon img { height: 32px; width: auto; } .feature-card h3 { font-size: 17px; font-weight: 600; line-height: 1.25; color: var(--ink); } .feature-card p { margin-top: 4px; font-size: 14px; line-height: 1.35; color: var(--muted); } /* ========================================================================== FOR FOREX TRADERS ========================================================================== */ .traders { position: relative; background: #f9f9f9; overflow: hidden; } .traders__inner { min-height: auto; padding-top: 95px; padding-bottom: 95px; } .traders__main { position: relative; z-index: 2; margin-left: 12px; width: 850px; } .section-title { font-size: 38px; font-weight: 700; line-height: 1.12; color: var(--ink); } .section-title--semibold { font-weight: 600; } .section-sub { margin-top: 6px; font-size: 14px; font-weight: 500; line-height: 22px; color: var(--muted); } .section-sub--caps { text-transform: capitalize; margin-top: 8px; line-height: 1.12; } .traders__controls { position: relative; margin-top: 34px; } .pills { display: flex; flex-wrap: wrap; gap: 12px; max-width: 650px; } .pills li { display: inline-flex; align-items: center; height: 42px; padding: 0 18px 0 7px; gap: 8px; background: #fff; border: 1px solid var(--line); border-radius: 21px; box-shadow: 0 10px 10px rgba(0,0,0,.05); font-size: 15px; font-weight: 500; color: var(--navy); line-height: 18px; cursor: default; transition: border-color .2s, transform .2s; } .pills li:hover { border-color: #f6b6a8; transform: translateY(-2px); } .pill__icon { width: 30px; height: 30px; border-radius: 50%; background: var(--soft-red); display: inline-flex; align-items: center; justify-content: center; } .pill__icon img { max-width: 16px; max-height: 16px; } .traders__controls .slider-arrows { position: absolute; left: 765px; top: 58px; } .traders__controls .arrow-btn { width: 42px; height: 42px; } .traders__controls .arrow-btn img { width: 16px; height: 17px; } /* generic carousel (not .slider: that is Foundation's range input) */ .carousel { overflow: hidden; } .carousel__track { display: flex; transition: transform .5s cubic-bezier(.22,.61,.36,1); will-change: transform; } #quotesSlider { margin-top: 26px; padding: 10px 0 45px; margin-bottom: -45px; } #quotesSlider .carousel__track { gap: 14px; } #quotesSlider .quote-card { flex: 0 0 230px; min-height: 240px; padding: 22px 24px 22px; border: 1px solid #ececec; border-radius: 12px; transition: border-color .3s, box-shadow .3s; } #quotesSlider .quote-card.is-active, #quotesSlider .quote-card:hover { border-color: #f35538; box-shadow: 0 50px 25px -20px rgba(244,93,55,.15), 0 20px 40px rgba(244,93,55,.08); } #quotesSlider .flags { width: 58px; height: 36px; } #quotesSlider .flags img { width: 36px; height: 36px; } #quotesSlider .flags img:last-child { left: 22px; } #quotesSlider .quote-card .pair { gap: 8px; } #quotesSlider .quote-card .pair strong { font-size: 15px; } #quotesSlider .quote-card .pair small { font-size: 10px; } #quotesSlider .quote-card .price { margin-top: 15px; gap: 7px; } #quotesSlider .quote-card .price b { font-size: 21px; } #quotesSlider .quote-card .price span { font-size: 11px; } #quotesSlider .quote-card .spark { width: 180px; height: 72px; margin-top: 2px; object-fit: fill; } #quotesSlider .quote-card .spread { margin-top: 2px; font-size: 11px; } #quotesSlider .quote-card .btn-gradient { width: 180px; height: 38px; margin-top: 10px; padding: 0 18px; border-radius: 19px; font-size: 13px; display: none; } #quotesSlider .quote-card .btn-gradient img { width: 14px; height: 15px; } .traders__phone { position: absolute; left: calc(var(--gutter) + 990px); top: 40px; z-index: 1; } .phone-chart { position: relative; width: 320px; } .phone-chart__frame { display: block; width: 280px; } .phone-chart__screen { position: absolute; left: 13px; top: 36.5px; width: 294.5px; height: 596px; border-radius: 0 0 35px 35px; object-fit: cover; clip-path: inset(17px 0 0 0 round 0 0 35px 35px); /* let the frame's status bar show */ } /* ========================================================================== HOW FOREX TRADING WORKS ========================================================================== */ .how { position: relative; min-height: 610px; padding: 60px 0px; background: linear-gradient(180deg, #eb1a41 0%, #f58134 100%); color: #fff; overflow: hidden; } .how__bull { position: absolute; left: -8px; top: 178px; width: 395px; opacity: .3; pointer-events: none; } .how__bear { position: absolute; right: -130px; top: 200px; width: 520px; max-width: none; opacity: .3; pointer-events: none; } .how__title { text-align: center; font-size: 24px; font-weight: 500; line-height: 1.12; color: #fff; } .how__layout { position: relative; display: grid; grid-template-columns: 1fr 270px 1fr; margin-top: 20px; } .steps { padding: 54px 0 0; margin: 0; } .step { display: flex; align-items: flex-start; height: 154px; } .step__text h3 { font-size: 20px; font-weight: 600; line-height: 17px; color: #fff; white-space: nowrap; margin-top: -5px;} .step__text p { margin-top: 30px; font-size: 14px; line-height: 16px; white-space: nowrap; } .step__icon { position: relative; flex: none; width: 44px; height: 44px; border-radius: 50%; background: var(--grad-v); border: 2px solid #fff; display: flex; align-items: center; justify-content: center; } .step__icon img { max-width: 24px; max-height: 23px; filter: brightness(0) invert(1); } /* dots + dashed connector to the phone */ .step__icon::before, .step__icon::after { content: ""; position: absolute; top: 17px; width: 7px; height: 7px; border-radius: 50%; background: #fff; } .steps--left .step__text { flex: 1; padding-right: 12px; } .steps--left .step__icon { margin-right: 42px; z-index: 9;} .steps--left .step__icon::before { left: -15px; } .steps--left .step__icon::after { right: -15px; } .steps--left .step__icon { background-image: var(--grad-v); } .steps--left .step { position: relative; } .steps--left .step::after, .steps--right .step::before { content: ""; position: absolute; top: 22px; width: 98%; border-top: 2px dashed #fff; } .steps--left .step::after { right: 12px; } .steps--right .step { position: relative; justify-content: flex-end; } .steps--right .step::before { left: 10px; } .steps--right .step__icon { margin-left: 42px; } .steps--right .step__icon::before { left: -15px; } .steps--right .step__icon::after { right: -13px; } .steps--right .step__text { flex: 1; text-align: right; padding-left: 12px; } .brand-phone { position: relative; width: 270px; height: 562px; padding: 8px; border-radius: 42px; background: #16161a; box-shadow: 0 0 0 2px #2b2b30, 0 30px 60px rgba(90,0,0,.35); transform: scale(.94); transform-origin: top center; } .brand-phone::before, .brand-phone::after { content: ""; position: absolute; width: 3px; background: #2b2b30; border-radius: 2px; } .brand-phone::before { left: -4px; top: 120px; height: 40px; box-shadow: 0 56px 0 #2b2b30; } .brand-phone::after { right: -4px; top: 157px; height: 63px; } .brand-phone__screen { position: relative; height: 100%; border-radius: 34px; overflow: hidden; background: linear-gradient(180deg, #ef3a3c 0%, #f47a37 100%); } .brand-phone__status { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 19px 24px 0 27px; font-size: 10px; font-weight: 500; } .brand-phone__island { position: absolute; left: 50%; top: 11px; width: 78px; height: 23px; margin-left: -39px; border-radius: 12px; background: #0c0c0c; } .brand-phone__signal { display: inline-flex; align-items: flex-end; gap: 2px; height: 12px; } .brand-phone__signal i { width: 3px; background: #fff; border-radius: 1px; } .brand-phone__signal i:nth-child(1) { height: 4px; } .brand-phone__signal i:nth-child(2) { height: 6px; } .brand-phone__signal i:nth-child(3) { height: 9px; } .brand-phone__signal i:nth-child(4) { height: 12px; } .brand-phone__logo { position: absolute; left: 16px; top: 118px; width: 221px; } .brand-phone__bull, .brand-phone__bear { position: absolute; overflow: hidden; } .brand-phone__bull { left: 0; top: 342px; width: 135px; height: 223px; } .brand-phone__bull img { position: absolute; left: -66px; top: -3px; width: 195px; max-width: none; } .brand-phone__bear { left: 136px; top: 367px; width: 116px; height: 191px; } .brand-phone__bear img { position: absolute; left: 0; top: 14px; width: 247px; max-width: none; } /* ========================================================================== POPULAR MARKETS + AI ========================================================================== */ .markets { padding-top: 120px; background: #fff; } .markets__head { display: flex; align-items: center; justify-content: space-between; gap: 24px; } .markets__head .slider-arrows { margin-top: -10px; } .markets .arrow-btn--prev { background: #f3f3f3; } #marketsSlider { margin-top: 45px; } #marketsSlider .carousel__track { gap: 8px; } .market-card { position: relative; flex: 0 0 471px; display: flex; min-height: 280px; padding: 10px 21px 10px 10px; border-radius: 10px; background: #f9f9f9; transition: box-shadow .3s, transform .3s; } .market-card:hover { box-shadow: 0 18px 36px rgba(17,27,39,.08); } .market-card.is-hidden { display: none; } .market-card__img { flex: none; width: 180px; height: 260px; border-radius: 10px; object-fit: cover; } .market-card__body { position: relative; flex: 1; padding: 12px 0 0 24px; } .market-card h3 { font-size: 20px; font-weight: 600; line-height: 1.5; color: var(--navy); } .market-card__name { font-size: 18px; font-weight: 500; line-height: 1.45; color: #f24e40; white-space: nowrap; } .fx-badge { position: absolute; right: 0; top: 5px; width: 67px; height: 31px; border-radius: 7px; background: var(--grad); color: #fff; font-size: 20px; font-weight: 700; line-height: 31px; text-align: center; } .market-card__chart { display: block; width: 228px; height: 74px; margin: 2px 0 0 -10px; } .market-card__meta { margin-top: 20px; font-size: 14px; color: var(--muted); white-space: nowrap; } .market-card__meta b { font-weight: 600; color: var(--navy); } .market-card__meta b + b, .market-card__meta b:nth-of-type(2) { margin-left: 4px; } .market-card .btn-gradient { margin-top: 6px; display: none;} .markets__empty { padding: 30px 0; color: var(--muted); font-size: 18px; } .ai-banner { position: relative; margin-top: 196px; min-height: 334px; background: #f2394a url("https://globaletfseu.com//images/globaletfseu/ai-banner-bg.webp") center / cover no-repeat; color: #fff; } .ai-banner__robot { position: absolute; left: 62px; bottom: 0; width: 561px; max-width: none; pointer-events: none; } .ai-banner__content { position: relative; margin-left: 538px; padding: 83px 24px 74px 0; } .ai-banner h2 { font-size: 50px; font-weight: 600; line-height: 1.12; color: #fff; } .ai-banner p { margin-top: 6px; font-size: 16px; line-height: 1.5; text-transform: capitalize; } .ai-search { position: relative; display: flex; align-items: center; width: 649px; max-width: 100%; height: 62px; margin-top: 13px; padding: 0 4px 0 26px; border-radius: 31px; background: #fff; box-shadow: 0 16px 30px rgba(140,20,30,.18); } .ai-search__icon { width: 26px; height: 32px; flex: none; } .ai-search input { flex: 1; height: 100%; margin: 0 0 0 13px; padding: 0; border: 0; box-shadow: none; background: transparent; font-family: "Poppins", sans-serif; font-size: 16px; color: var(--navy); } .ai-search input:focus { border: 0; box-shadow: none; background: transparent; } .ai-search input::placeholder { color: var(--navy); opacity: 1; } .ai-search button { flex: none; width: 54px; height: 54px; border-radius: 50%; background: #ef493b; display: flex; align-items: center; justify-content: center; } .ai-search button img { width: 18px; height: 19px; } .ai-search button:hover { background: #d83225; } /* ========================================================================== TESTIMONIALS ========================================================================== */ .testimonials { position: relative; min-height: auto; padding: 90px 0 90px; background: #fff url("https://globaletfseu.com//images/globaletfseu/testimonials-bg.webp") center top / cover no-repeat; } .testimonials__head { position: relative; text-align: center; } .tag { display: inline-flex; align-items: center; gap: 12px; height: 50px; padding: 0 32px; border-radius: 25px; background: #fdebec; border: 1px solid #f9d2d5; box-shadow: 0 6px 20px rgba(237,26,65,.12); color: #e41d38; font-size: 20px; font-weight: 500; } .tag svg { fill: #e41d38; } .testimonials__title { margin-top: 27px; font-size: 54px; font-weight: 700; line-height: 1.1; letter-spacing: -1.5px; color: var(--ink); } .testimonials__sub { margin-top: 10px; font-size: 14px; line-height: 31px; color: var(--muted); } .ticker-chip { position: absolute; display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 22px; border-radius: 20px; background: #fff; box-shadow: 0 0 22px rgba(237,26,65,.22); font-size: 14px; font-weight: 500; color: var(--navy); animation: floaty 5s ease-in-out infinite; } .ticker-chip i { font-style: normal; color: #16a34a; font-size: 12px; } .ticker-chip b { color: #16a34a; font-weight: 600; } .ticker-chip--left { left: 72px; top: 227px; } .ticker-chip--right { right: -31px; top: 77px; animation-delay: -2.5s; } @keyframes floaty { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-8px); } } .testimonial-grid { margin-top: 67px; align-items: stretch; } @media (min-width: 1800px) { /* XD cards run from x 179 to 1744 — wider than the content column */ .testimonial-grid { margin-left: -78px; margin-right: -81px; } } .testimonial { position: relative; height: 100%; min-height: 370px; padding: 34px 34px 36px; background: rgba(255,255,255,.92); border: 1px solid #f0f0f2; border-radius: 16px; box-shadow: 0 10px 30px rgba(17,27,39,.05); transition: transform .3s, box-shadow .3s; } .testimonial:hover { transform: translateY(-6px); box-shadow: 0 24px 40px rgba(17,27,39,.08); } .testimonial header { position: static; display: flex; align-items: center; gap: 22px; padding-right: 44px; } .testimonial__avatar { flex: none; width: 105px; height: 105px; border-radius: 50%; } .testimonial h3 { font-size: 20px; font-weight: 600; line-height: 1.3; letter-spacing: -.3px; color: var(--ink); white-space: nowrap; } .testimonial header p { position: static; font-size: 14px; color: var(--muted); white-space: nowrap; } .testimonial header p span { margin: 0 6px; } .testimonial__quote { display: none; position: absolute; top: 44px; right: 32px; width: 45px; } .stars { display: flex; gap: 6px; margin-top: 20px; } .stars i { width: 26px; height: 25px; background: #f5a623; clip-path: polygon(50% 0, 61.8% 35.4%, 100% 36.2%, 69.1% 58.8%, 80.9% 95.1%, 50% 73.2%, 19.1% 95.1%, 30.9% 58.8%, 0 36.2%, 38.2% 35.4%); } .testimonial blockquote { margin: 20px 0 0; padding: 0; border: 0; font-size: 14px; line-height: 30px; color: #4b5563; } .testimonial--featured { margin-top: -22px; min-height: 397px; border: 2px solid #ef3b3b; background: linear-gradient(135deg, #fff 35%, #fff0ee 100%); box-shadow: 0 0 40px rgba(237,26,65,.22); } .ribbon { position: absolute; top: -2px; right: -2px; display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 20px; border-radius: 0 14px 0 16px; background: linear-gradient(90deg, #ed1a43, #f5552f); color: #fff; font-size: 17px; font-weight: 600; display: none; } .ribbon img { width: 22px; filter: brightness(0) invert(1); } .testimonial--featured .testimonial__quote { top: 62px; } .stats { display: grid; grid-template-columns: repeat(3, 1fr); margin: 32px -13px 0 -16px; min-height: 128px; padding: 22px 0; background: #fff; border: 1px solid #f0f0f2; border-radius: 16px; box-shadow: 0 16px 40px rgba(17,27,39,.06); } .stat { display: flex; align-items: center; justify-content: center; gap: 32px; } .stat + .stat { border-left: 2px solid #d9dbe1; } .stat__icon { flex: none; width: 84px; height: 85px; border-radius: 19px; background: #fdebec; display: flex; align-items: center; justify-content: center; } .stat__icon img { max-height: 40px; max-width: 46px; } .stat strong { display: block; font-size: 26px; font-weight: 700; line-height: 1.15; letter-spacing: -.5px; color: var(--ink); } .stat div > span { display: block; font-size: 16px; color: var(--muted); } /* ========================================================================== FOOTER ========================================================================== */ .site-footer { background: #0b1628; color: #fff; padding: 6px 0 20px; } .enquiry { display: flex; align-items: stretch; margin: 0 11px 0 51px; min-height: 132px; border-radius: 0 0 10px 10px; background: #040404; overflow: hidden; } .enquiry__call { flex: 0 0 483px; display: flex; align-items: center; gap: 40px; padding-left: 61px; background: #c82511 url("https://globaletfseu.com//images/globaletfseu/enquiry-bg.webp") center / cover; } .enquiry__icon { flex: none; width: 71px; height: 71px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; } .enquiry__icon img { width: 34px; } .enquiry__call div > span { display: block; font-size: 20px; line-height: 1.4; } .enquiry__call a { display: block; font-size: 30px; font-weight: 700; line-height: 1.2; letter-spacing: .04em; color: #fff; } .enquiry__form { position: relative; flex: 1; display: flex; align-items: center; padding: 0 28px 0 115px; gap: 20px; margin: 0; } .enquiry__form h2 { font-family: "Inter", sans-serif; font-size: 30px; font-weight: 700; letter-spacing: .04em; color: #fff; white-space: nowrap; } .subscribe { display: flex; margin-left: auto; width: 382px; height: 58px; border-radius: 6px; overflow: hidden; background: #fff; } .subscribe input { flex: 1; height: 100%; margin: 0; padding: 0 0 0 26px; border: 0; box-shadow: none; font-family: "Inter", sans-serif; font-size: 16px; letter-spacing: .04em; color: #052361; } .subscribe input::placeholder { color: #052361; opacity: 1; } .subscribe input:focus { border: 0; box-shadow: none; } .subscribe button { flex: 0 0 136px; background: #fb0317; color: #fff; font-family: "Inter", sans-serif; font-size: 16px; font-weight: 500; letter-spacing: .04em; } .subscribe button:hover { background: #d90012; } .enquiry__form .form-error { position: absolute; right: 28px; bottom: 8px; margin: 0; font-size: 13px; color: #ff8a8a; } .enquiry__form .is-invalid-input:not(:focus) { background: #fff3f3; } .subscribe__done { position: absolute; right: 28px; bottom: 8px; font-size: 13px; color: #7ee2b0; } .footer-cols { display: grid; grid-template-columns: 341px 220px 227px 285px 1fr; margin: 36px 0 0 65px; } .footer-col h3 { font-family: "Inter", sans-serif; font-size: 21px; font-weight: 600; line-height: 50px; letter-spacing: .005em; color: #fc051a; } .footer-col--about p { margin-top: 78px; max-width: 320px; font-size: 14px; font-weight: 300; line-height: 30px; letter-spacing: .005em; } .footer-links { margin-top: 32px; } .footer-links li + li { margin-top: 20px; } .footer-links a { display: inline-flex; align-items: center; font-size: 16px; line-height: 20px; color: #fff; } .footer-links--bold a { font-weight: 500; } .footer-links a::after { content: "→"; width: 0; overflow: hidden; opacity: 0; margin-left: 0; transition: width .2s, opacity .2s, margin .2s; } .footer-links a:hover { color: #fb051b; transform: translateX(10px); } .footer-links a:hover::after { width: 16px; opacity: 1; margin-left: 6px; } .footer-col--contact p { margin-top: 32px; font-size: 16px; line-height: 20px; } .footer-col--contact p + p { margin-top: 37px; } .footer-col--contact h3 + p { margin-top: 32px; } .footer-col--contact b { font-weight: 600; } .footer-col--contact a { color: #fff; } .footer-col--contact a:hover { color: #fb051b; } .footer-bottom { display: flex; align-items: center; justify-content: space-between; margin: 56px 62px 0 65px; padding-top: 44px; border-top: 1px solid rgba(7,177,143,.31); } .footer-bottom p { font-size: 18px; font-weight: 500; line-height: 28px; } .footer-bottom p a { color: #fc051a; } .footer-bottom ul { display: flex; gap: 0; } .footer-bottom li { display: flex; align-items: center; gap: 10px; font-size: 18px; line-height: 28px; } .footer-bottom li + li { margin-left: 57px; } .footer-bottom li::before { content: ""; width: 12px; height: 12px; border-radius: 50%; background: #1473e6; } .footer-bottom li a { color: #fff; } .footer-bottom li a:hover { color: #fc051a; } /* ========================================================================== RESPONSIVE ========================================================================== */ /* narrower desktops: keep the layout, let fixed offsets follow the column */ @media (max-width: 1799px) { .hero__person { left: auto; right: 10vw; top: auto; bottom: -90px; width: min(816px, 60vw); } .hero__cards { left: auto; right: calc(var(--gutter) + 0px); } .traders__phone { left: auto; right: 96px; top: 40px; } .traders__main { width: 850px; margin-left: 0; } #quotesSlider .quote-card { flex-basis: 230px; } #marketsSlider .market-card { flex-basis: calc((100% - 16px) / 3); } .traders__controls .slider-arrows { position: absolute; left: 765px; top: 58px; justify-content: flex-start; margin-top: 0; } .about__title { font-size: 46px; } .ticker-chip--right { right: 0; } .stats { margin-left: 0; margin-right: 0; } .enquiry { margin: 0; } .enquiry__form { padding-left: 40px; } .footer-cols { grid-template-columns: 1.4fr 1fr 1fr 1.2fr 1.2fr; margin-left: 0; gap: 20px; } .footer-bottom { margin-left: 0; margin-right: 0; } } @media (max-width: 1439px) { .hero__title { font-size: 64px; } .hero__subtitle { font-size: 38px; } .hero { min-height: 680px; } .hero__inner { min-height: 680px; } .hero__content { padding-top: 155px; } .hero__person { width: min(780px, 58vw); } .hero__cards { top: 140px; } .about__podium { width: 500px; left: 10px; top: 300px; } #marketsSlider .market-card { flex-basis: calc((100% - 8px) / 2); } .feature-card { gap: 12px; padding: 12px 14px; } .feature-card__icon { width: 64px; height: 64px; } .feature-card__icon img { height: 28px; } .feature-card h3 { font-size: 16px; } .feature-card p { font-size: 13px; } .feature-card p br { display: none; } .about__phone { left: 120px; width: 260px; } .section-title { font-size: 36px; } .testimonials__title { font-size: 44px; } .traders__inner { min-height: 590px; padding-top: 80px; } .traders__main { width: 760px; } .traders__phone { right: 52px; top: 48px; } .phone-chart, .phone-chart__frame { width: 292px; } .phone-chart__screen { left: 11.9px; top: 33.3px; width: 268.5px; height: 543.5px; border-radius: 0 0 32px 32px; clip-path: inset(15.5px 0 0 0 round 0 0 32px 32px); } .how__layout { grid-template-columns: 1fr 260px 1fr; } .brand-phone { transform: scale(.9); transform-origin: top center; margin-bottom: -56px; } .steps--left .step__icon { margin-right: 36px; } .steps--right .step__icon { margin-left: 36px; } .steps--left .step::after, .steps--right .step::before { width: 32px; } .steps { padding-top: 58px; } .step { height: 160px; } .step__text h3, .step__text p { white-space: normal; } .step__text p { margin-top: 10px; font-size: 10px; line-height: 15px; } .ai-banner__content { margin-left: 440px; } .ai-banner__robot { left: 0; width: 480px; } .testimonial header { gap: 16px; } .testimonial__avatar { width: 84px; height: 84px; } .testimonial h3, .testimonial header p { white-space: normal; } .testimonial blockquote { font-size: 18px; line-height: 28px; } .enquiry__call { flex-basis: 400px; padding-left: 36px; gap: 24px; } .enquiry__form h2 { font-size: 24px; } } /* tablet */ @media (max-width: 1199px) { .site-header { height: 84px; } .hero, .hero__inner { min-height: 0; } .hero__content { padding-top: 150px; padding-bottom: 60px; } .hero__title { font-size: 72px; } .hero__subtitle { font-size: 44px; } .hero__cards { position: absolute; right: var(--gutter); top: auto; bottom: 80px; } .about { padding: 80px 0; } .about__visual { height: 420px; max-width: 560px; margin: 0 auto; order: 2; } .about__phone { left: 50%; width: 235px; margin-left: -118px; } .about__podium { left: 50%; width: 440px; margin-left: -220px; top: 260px; } .about__content { margin-bottom: 40px; } .eyebrow { margin-left: 0; } .traders__inner { padding-top: 90px; padding-bottom: 90px; min-height: 0; } .traders__main { width: 100%; } .traders__phone { position: relative; right: auto; top: auto; margin: 42px auto 0; width: 300px; } .phone-chart, .phone-chart__frame { width: 300px; } .phone-chart__screen { left: 12.3px; top: 34.2px; width: 276px; height: 558.8px; border-radius: 0 0 33px 33px; clip-path: inset(16px 0 0 0 round 0 0 33px 33px); } .how { padding: 80px 0; min-height: 0; } .how__layout { grid-template-columns: 1fr; gap: 50px; justify-items: center; } .brand-phone { order: -1; transform: none; margin: 0; } .how__layout { display: flex; flex-direction: column; align-items: center; } .steps { display: contents; } .step { width: 100%; max-width: 640px; } .steps--left .step:nth-child(1) { order: 1; } .steps--right .step:nth-child(1) { order: 2; } .steps--left .step:nth-child(2) { order: 3; } .steps--right .step:nth-child(2) { order: 4; } .steps--left .step:nth-child(3) { order: 5; } .steps--right .step:nth-child(3) { order: 6; } .step, .steps--right .step { flex-direction: row; justify-content: flex-start; } .step { height: auto; } .step + .step, .steps--right .step { margin-top: 36px; } .brand-phone { margin-bottom: 14px; } .step__text h3, .step__text p { white-space: normal; } .steps--left .step__icon, .steps--right .step__icon { order: -1; margin: 0 24px 0 0; } .steps--right .step__text { text-align: left; padding-left: 0; } .steps--left .step::after, .steps--right .step::before, .step__icon::before, .step__icon::after { display: none; } .step__text p { margin-top: 10px; } .step__text p br { display: none; } .how__bear { right: -300px; } .markets { padding-top: 90px; } .ai-banner { margin-top: 140px; } .ai-banner__robot { width: 360px; left: -20px; } .ai-banner__content { margin-left: 320px; padding-top: 60px; padding-bottom: 60px; } .ai-banner h2 { font-size: 40px; } .testimonials { padding: 110px 0 90px; min-height: 0; } .ticker-chip { display: none; } .testimonial-grid .cell { margin-bottom: 30px; } .testimonial--featured { margin-top: 0; } .stats { margin-top: 10px; } .stat { gap: 18px; padding: 0 10px; } .stat strong { font-size: 28px; } .stat div > span { font-size: 16px; } .enquiry { flex-direction: column; border-radius: 0 0 10px 10px; } .enquiry__call { flex-basis: auto; padding: 24px 30px; } .enquiry__form { flex-wrap: wrap; padding: 26px 30px 34px; } .enquiry__form .form-error, .subscribe__done { bottom: 10px; } .footer-cols { grid-template-columns: repeat(3, 1fr); row-gap: 20px; } .footer-col--about { grid-column: 1 / -1; } .footer-col--about p { margin-top: 20px; max-width: 640px; } } @media (max-width: 1023px) { .testimonial-grid .cell { width: 100%; } } /* phones */ @media (max-width: 639px) { :root { --gutter: 16px; } .site-header { height: 72px; } .logo__mark { width: 42px; height: 42px; } .logo__text { font-size: 22px; } .logo__etfs { margin-left: 5px; } .hero__content { padding-top: 120px; padding-bottom: 30px; } .hero__title { font-size: 46px; } .hero__subtitle { font-size: 30px; } .hero__buttons { flex-direction: column; } .btn-hero--light, .btn-hero--dark { width: 100%; justify-content: center; } .hero__features { grid-template-columns: 1fr; row-gap: 18px; } .hero__features li.has-divider { border-left: 0; padding-left: 0; } .hero__cards { position: relative; right: auto; bottom: auto; margin: -80px auto 30px; } .about { padding: 60px 0; } .about__title { font-size: 34px; letter-spacing: 0; } .about__text { font-size: 14px; line-height: 23px; } .eyebrow { font-size: 11px; gap: 12px; } .feature-grid { grid-template-columns: 1fr; } .feature-card { min-height: 0; } .feature-card__icon { width: 54px; height: 54px; } .feature-card__icon img { height: 24px; } .feature-card h3 { font-size: 15px; } .feature-card p { font-size: 13px; } .about__visual { height: 330px; } .about__phone { width: 185px; margin-left: -92px; } .about__podium { width: 330px; margin-left: -165px; top: 205px; } .section-title, .testimonials__title { font-size: 34px; letter-spacing: -.5px; } .section-sub, .testimonials__sub { font-size: 16px; line-height: 26px; } .pills li { height: 42px; font-size: 14px; padding-right: 16px; } .pill__icon { width: 30px; height: 30px; } #quotesSlider .quote-card { flex-basis: 300px; padding: 28px 24px; } .quote-card .spark { width: 100%; } .traders__phone { width: 300px; } .phone-chart, .phone-chart__frame { width: 300px; } .phone-chart__screen { left: 12.25px; top: 34.2px; width: 276px; height: 559.3px; border-radius: 0 0 33px 33px; clip-path: inset(16px 0 0 0 round 0 0 33px 33px); } .how__title { font-size: 30px; } .brand-phone { transform: none; zoom: .78; } .markets__head { flex-direction: column; align-items: flex-start; } .market-card { flex-basis: calc(100vw - 32px); flex-direction: column; padding: 10px; } .market-card__img { width: 100%; height: 200px; } .market-card__body { padding: 16px 6px 6px; } .fx-badge { top: 16px; } .ai-banner { margin-top: 70px; } .ai-banner__robot { position: relative; display: block; width: 260px; margin: -60px auto 0; } .ai-banner__content { margin: 0; padding: 0 20px 36px; text-align: center; } .ai-banner h2 { font-size: 30px; } .ai-search { height: 54px; padding-left: 16px; } .ai-search button { width: 46px; height: 46px; } .testimonial { padding: 26px 22px; } .testimonial header { padding-right: 40px; } .testimonial__quote { width: 34px; right: 20px; } .stats { grid-template-columns: 1fr; padding: 10px 20px; } .stat { justify-content: flex-start; padding: 16px 0; } .stat + .stat { border-left: 0; border-top: 1px solid #e6e8ee; } .enquiry__call { gap: 16px; padding: 20px; } .enquiry__icon { width: 56px; height: 56px; } .enquiry__icon img { width: 26px; } .enquiry__call a { font-size: 24px; } .enquiry__form { padding: 22px 20px 34px; } .subscribe { width: 100%; } .subscribe button { flex-basis: 110px; } .footer-cols { grid-template-columns: 1fr 1fr; } .footer-col--contact { grid-column: 1 / -1; } .footer-bottom { flex-direction: column; align-items: flex-start; gap: 14px; padding-top: 24px; margin-top: 36px; } .footer-bottom p, .footer-bottom li { font-size: 15px; } .footer-bottom li + li { margin-left: 30px; } } /* 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; margin: 0px auto; } .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: #FC051A!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: #fff; padding-top: 0; } .footer-bottom { display: flex; align-items: center; justify-content: center; width: 100%; } .footer-col { margin-top: 25px; } .footer-col h4 { color: #c7210c; margin-bottom: 15px; } .foot_cunt a { color: #fc051a; text-decoration: underline; } .foot_cunt a:hover { color: #fc051a; } .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://globaletfseu.com//images/globaletfseu/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: #FC051A; 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; color: #FC051A; } .footer-bottom p span { color: #FC051A; } .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: #fff; } footer p, .footer-col p, .footer-col b{ color: #fff !important; } .footer ul li a:hover { color: #FC051A; } .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: var(--primary-color); } .page_banner.bg-black { background: var(--primary-color); } .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: 10px; line-height: 1.1; margin-top: 20px; } .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; gap: 15px; } .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 20px 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; margin-bottom: 20px; } .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; } .page_banner .row { height: auto; padding: 150px 0px 100px; } .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; } /* 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: #FC051A; 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; } } @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; } .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; position: absolute; top: 0; right: 0; } .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: 10px; 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; } .hero__person, .hero__cards{ display: none !important; } .footer h4{ font-size: 18px !important;} .section-pad{ padding: 30px 0px; } .stat strong { font-size: 16px; } .app-phone { position: static; right: 80px; bottom: -50px; width: min(50vw, 417px); filter: drop-shadow(0 0 30px rgba(0, 86, 255, .55)); } .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: #000; } .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%; } .steps--left .step__icon, .steps--right .step__icon{ margin: 0 15px 0 0; } .step__text h3 { font-size: 16px; } .how__layout{ gap: 15px; } .ai-banner__robot{ display:none; } .testimonial-grid .cell{ width: calc(100% - 1.25rem); } .ai-banner{ padding: 20px; min-height: auto; } } /* 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; } } .traders__controls button.arrow-btn.arrow-btn--next, .markets__head .slider-arrows button.arrow-btn.arrow-btn--next { background: #fff; box-shadow: unset; } .markets__head .slider-arrows button.arrow-btn.arrow-btn--next { background: #f3f3f3; } .traders__controls button.arrow-btn.arrow-btn--next img, .markets__head .slider-arrows button.arrow-btn.arrow-btn--next img { filter: url(); }@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: #FC051A !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: #FC051A !important; color: #000 !important; } html .newfx_account .acc-wrap-right .tabs-title>a:hover { background-color: #FC051A !important; color: #000 !important; } html body .act-type div#select_login_chosen a.chosen-single { background-color: #FC051A !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: #FC051A !important; color: #000; } html body .newfx_summary_inner .acc-btm .new-btn a { color: #000 !important; background-color: #FC051A !important; } html body.newfx_account #page .acc-wrap-right .sub1 input { background-color: #FC051A !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 #FC051A !important; } .newfx_account .inner_tabs_acc { border-bottom: 1px solid #FC051A !important; } .newfx_account .inner_nav_side .left_side_nav ul li a:before { background-color: #FC051A ; color: #000; } .newfx_account .common_bg_white .login input:focus, .newfx_account .common_bg_white .login textarea:focus { border-bottom: 1px solid #FC051A !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: #FC051A !important; color: #fff !important; font-family: "Poppins", sans-serif !important; background: #FC051A; } html body.new_fx_reg .login .sub1.regsub input[type="submit"] { background-color: #FC051A !important; height: 50px !important; color: #fff !important; } html .new_fx_forgot button.re-btn { background-color: #FC051A !important; color: #fff !important; } .new_fx_forgot .pwd input:focus { border-bottom: 1px solid #FC051A !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: #FC051A !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: #FC051A ; 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){ .newfx_account .account-table .account-info span { padding: 0px 6px; font-size: 10px !IMPORTANT; } .newfx_account .account-table .account-info span.ac2 { font-size: 16px !IMPORTANT; } html body.fx-income-wrap.acadian-income.newfx_account #page{ padding: 0px; } .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: #FC051A !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: #FC051A !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: #FC051A !important; border-radius: 5px; color: #fff !important; background: #FC051A; padding: 10px 20px !important; width: auto; height: auto; } .new_fx_reg .frm-fld input:focus{ border: 1px solid #FC051A !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.globaletfseu.com//images/globaletfseu/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.globaletfseu.com//images/globaletfseu/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.globaletfseu.com//images/globaletfseu/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.globaletfseu.com//images/globaletfseu//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: #FC051A !important; padding: 10px; text-align: center; color: #fff !important; font-size: 19px; } html body#reg-wrap #popmodel a.button.small.success{ background-color: #FC051A !important; color: #fff !important; background: #FC051A; 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: 100% !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: #FC051A !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; } .acc-wrap select{ background-repeat: no-repeat !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: #FC051A !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: #FC051A !important; color: #fff !important; background: #FC051A !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: #FC051A !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: #FC051A !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: #FC051A !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/globaletfseu/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/globaletfseu/aa1.png) ;} .fx-act-menu ul li:nth-child(2) a:before {background: url(../images/globaletfseu/aa2.png) ;} .fx-act-menu ul li:nth-child(3) a:before {background: url(../images/globaletfseu/aa3.png) ;} .fx-act-menu ul li:nth-child(4) a:before {background: url(../images/globaletfseu/aa4.png) ;} .fx-act-menu ul li:nth-child(6) a:before {background: url(../images/globaletfseu/aa5.png) ;} .fx-act-menu ul li:nth-child(7) a:before {background: url(../images/globaletfseu/aa6.png) ;} .fx-act-menu ul li:nth-child(8) a:before {background: url(../images/globaletfseu/aa7.png) ;} .fx-act-menu ul li:nth-child(5) a:before {background: url(../images/globaletfseu/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/globaletfseu/right-arrw-dwn.png) 16px 6px no-repeat !important; } html body.fx-income-wrap .acc-wrap-right .chosen-single div b{ background: url(../images/globaletfseu/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; }