/*
Theme Name: theforest
Author: theforest
Author URI: http://www.theforest.com
Version: 1.0
*/

/* General
--------------------------------------------------------------- */
@import url("https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Archivo: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");
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap");

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover {
    background-color: #ffffff;
}

.containLoginLine {
    background-color: #ffffff;
}

.vc_inner img {
    width: 100%;
    height: 600px;
}

.countriesList {
    padding: 0;
    list-style-type: none;
    margin: auto;
    width: 90%;
    text-align: left;
}

.countriesList li {
    padding: 5px;
    cursor: pointer;
}

.countriesList li:hover {
    background: #4385ff;
    color: #ffffff;
}

.countryInput[readonly] {
    background: #ffffff !important;
}

.containCountry {
    background: #e2e2e2;
    border-radius: 5px;
    color: #000000;
    position: absolute;
    top: 4px;
    z-index: 3;
    display: none;
    left: -8px;
    height: 200px;
    overflow: auto;
}

/* Country Flags
--------------------------------------------------------------- */
.flag {
    background-repeat: no-repeat;
    display: inline-block;
    padding: 0;

    width: 16px;
    height: 11px;
    background: url("/wp-content/themes/theforest/images/flags-sprites/flags.png") no-repeat;
    border: none;
    font-size: 1px;
    line-height: 1px;
}

.flag.flag-ad {
    background-position: -16px 0;
}

.flag.flag-ae {
    background-position: -32px 0;
}

.flag.flag-af {
    background-position: -48px 0;
}

.flag.flag-ag {
    background-position: -64px 0;
}

.flag.flag-ai {
    background-position: -80px 0;
}

.flag.flag-al {
    background-position: -96px 0;
}

.flag.flag-am {
    background-position: -112px 0;
}

.flag.flag-an {
    background-position: -128px 0;
}

.flag.flag-ao {
    background-position: -144px 0;
}

.flag.flag-ar {
    background-position: -160px 0;
}

.flag.flag-as {
    background-position: -176px 0;
}

.flag.flag-at {
    background-position: -192px 0;
}

.flag.flag-au {
    background-position: -208px 0;
}

.flag.flag-aw {
    background-position: -224px 0;
}

.flag.flag-az {
    background-position: -240px 0;
}

.flag.flag-ba {
    background-position: 0 -11px;
}

.flag.flag-bb {
    background-position: -16px -11px;
}

.flag.flag-bd {
    background-position: -32px -11px;
}

.flag.flag-be {
    background-position: -48px -11px;
}

.flag.flag-bf {
    background-position: -64px -11px;
}

.flag.flag-bg {
    background-position: -80px -11px;
}

.flag.flag-bh {
    background-position: -96px -11px;
}

.flag.flag-bi {
    background-position: -112px -11px;
}

.flag.flag-bj {
    background-position: -128px -11px;
}

.flag.flag-bm {
    background-position: -144px -11px;
}

.flag.flag-bn {
    background-position: -160px -11px;
}

.flag.flag-bo {
    background-position: -176px -11px;
}

.flag.flag-br {
    background-position: -192px -11px;
}

.flag.flag-bs {
    background-position: -208px -11px;
}

.flag.flag-bt {
    background-position: -224px -11px;
}

.flag.flag-bv {
    background-position: -240px -11px;
}

.flag.flag-bw {
    background-position: 0 -22px;
}

.flag.flag-by {
    background-position: -16px -22px;
}

.flag.flag-bz {
    background-position: -32px -22px;
}

.flag.flag-ca {
    background-position: -48px -22px;
}

.flag.flag-catalonia {
    background-position: -64px -22px;
}

.flag.flag-cd {
    background-position: -80px -22px;
}

.flag.flag-cf {
    background-position: -96px -22px;
}

.flag.flag-cg {
    background-position: -112px -22px;
}

.flag.flag-ch {
    background-position: -128px -22px;
}

.flag.flag-ci {
    background-position: -144px -22px;
}

.flag.flag-ck {
    background-position: -160px -22px;
}

.flag.flag-cl {
    background-position: -176px -22px;
}

.flag.flag-cm {
    background-position: -192px -22px;
}

.flag.flag-cn {
    background-position: -208px -22px;
}

.flag.flag-co {
    background-position: -224px -22px;
}

.flag.flag-cr {
    background-position: -240px -22px;
}

.flag.flag-cu {
    background-position: 0 -33px;
}

.flag.flag-cv {
    background-position: -16px -33px;
}

.flag.flag-cw {
    background-position: -32px -33px;
}

.flag.flag-cy {
    background-position: -48px -33px;
}

.flag.flag-cz {
    background-position: -64px -33px;
}

.flag.flag-de {
    background-position: -80px -33px;
}

.flag.flag-dj {
    background-position: -96px -33px;
}

.flag.flag-dk {
    background-position: -112px -33px;
}

.flag.flag-dm {
    background-position: -128px -33px;
}

.flag.flag-do {
    background-position: -144px -33px;
}

.flag.flag-dz {
    background-position: -160px -33px;
}

.flag.flag-ec {
    background-position: -176px -33px;
}

.flag.flag-ee {
    background-position: -192px -33px;
}

.flag.flag-eg {
    background-position: -208px -33px;
}

.flag.flag-eh {
    background-position: -224px -33px;
}

.flag.flag-england {
    background-position: -240px -33px;
}

.flag.flag-er {
    background-position: 0 -44px;
}

.flag.flag-es {
    background-position: -16px -44px;
}

.flag.flag-et {
    background-position: -32px -44px;
}

.flag.flag-eu {
    background-position: -48px -44px;
}

.flag.flag-fi {
    background-position: -64px -44px;
}

.flag.flag-fj {
    background-position: -80px -44px;
}

.flag.flag-fk {
    background-position: -96px -44px;
}

.flag.flag-fm {
    background-position: -112px -44px;
}

.flag.flag-fo {
    background-position: -128px -44px;
}

.flag.flag-fr {
    background-position: -144px -44px;
}

.flag.flag-ga {
    background-position: -160px -44px;
}

.flag.flag-gb {
    background-position: -176px -44px;
}

.flag.flag-gd {
    background-position: -192px -44px;
}

.flag.flag-ge {
    background-position: -208px -44px;
}

.flag.flag-gf {
    background-position: -224px -44px;
}

.flag.flag-gg {
    background-position: -240px -44px;
}

.flag.flag-gh {
    background-position: 0 -55px;
}

.flag.flag-gi {
    background-position: -16px -55px;
}

.flag.flag-gl {
    background-position: -32px -55px;
}

.flag.flag-gm {
    background-position: -48px -55px;
}

.flag.flag-gn {
    background-position: -64px -55px;
}

.flag.flag-gp {
    background-position: -80px -55px;
}

.flag.flag-gq {
    background-position: -96px -55px;
}

.flag.flag-gr {
    background-position: -112px -55px;
}

.flag.flag-gs {
    background-position: -128px -55px;
}

.flag.flag-gt {
    background-position: -144px -55px;
}

.flag.flag-gu {
    background-position: -160px -55px;
}

.flag.flag-gw {
    background-position: -176px -55px;
}

.flag.flag-gy {
    background-position: -192px -55px;
}

.flag.flag-hk {
    background-position: -208px -55px;
}

.flag.flag-hm {
    background-position: -224px -55px;
}

.flag.flag-hn {
    background-position: -240px -55px;
}

.flag.flag-hr {
    background-position: 0 -66px;
}

.flag.flag-ht {
    background-position: -16px -66px;
}

.flag.flag-hu {
    background-position: -32px -66px;
}

.flag.flag-ic {
    background-position: -48px -66px;
}

.flag.flag-id {
    background-position: -64px -66px;
}

.flag.flag-ie {
    background-position: -80px -66px;
}

.flag.flag-il {
    background-position: -96px -66px;
}

.flag.flag-im {
    background-position: -112px -66px;
}

.flag.flag-in {
    background-position: -128px -66px;
}

.flag.flag-io {
    background-position: -144px -66px;
}

.flag.flag-iq {
    background-position: -160px -66px;
}

.flag.flag-ir {
    background-position: -176px -66px;
}

.flag.flag-is {
    background-position: -192px -66px;
}

.flag.flag-it {
    background-position: -208px -66px;
}

.flag.flag-je {
    background-position: -224px -66px;
}

.flag.flag-jm {
    background-position: -240px -66px;
}

.flag.flag-jo {
    background-position: 0 -77px;
}

.flag.flag-jp {
    background-position: -16px -77px;
}

.flag.flag-ke {
    background-position: -32px -77px;
}

.flag.flag-kg {
    background-position: -48px -77px;
}

.flag.flag-kh {
    background-position: -64px -77px;
}

.flag.flag-ki {
    background-position: -80px -77px;
}

.flag.flag-km {
    background-position: -96px -77px;
}

.flag.flag-kn {
    background-position: -112px -77px;
}

.flag.flag-kp {
    background-position: -128px -77px;
}

.flag.flag-kr {
    background-position: -144px -77px;
}

.flag.flag-kurdistan {
    background-position: -160px -77px;
}

.flag.flag-kw {
    background-position: -176px -77px;
}

.flag.flag-ky {
    background-position: -192px -77px;
}

.flag.flag-kz {
    background-position: -208px -77px;
}

.flag.flag-la {
    background-position: -224px -77px;
}

.flag.flag-lb {
    background-position: -240px -77px;
}

.flag.flag-lc {
    background-position: 0 -88px;
}

.flag.flag-li {
    background-position: -16px -88px;
}

.flag.flag-lk {
    background-position: -32px -88px;
}

.flag.flag-lr {
    background-position: -48px -88px;
}

.flag.flag-ls {
    background-position: -64px -88px;
}

.flag.flag-lt {
    background-position: -80px -88px;
}

.flag.flag-lu {
    background-position: -96px -88px;
}

.flag.flag-lv {
    background-position: -112px -88px;
}

.flag.flag-ly {
    background-position: -128px -88px;
}

.flag.flag-ma {
    background-position: -144px -88px;
}

.flag.flag-mc {
    background-position: -160px -88px;
}

.flag.flag-md {
    background-position: -176px -88px;
}

.flag.flag-me {
    background-position: -192px -88px;
}

.flag.flag-mg {
    background-position: -208px -88px;
}

.flag.flag-mh {
    background-position: -224px -88px;
}

.flag.flag-mk {
    background-position: -240px -88px;
}

.flag.flag-ml {
    background-position: 0 -99px;
}

.flag.flag-mm {
    background-position: -16px -99px;
}

.flag.flag-mn {
    background-position: -32px -99px;
}

.flag.flag-mo {
    background-position: -48px -99px;
}

.flag.flag-mp {
    background-position: -64px -99px;
}

.flag.flag-mq {
    background-position: -80px -99px;
}

.flag.flag-mr {
    background-position: -96px -99px;
}

.flag.flag-ms {
    background-position: -112px -99px;
}

.flag.flag-mt {
    background-position: -128px -99px;
}

.flag.flag-mu {
    background-position: -144px -99px;
}

.flag.flag-mv {
    background-position: -160px -99px;
}

.flag.flag-mw {
    background-position: -176px -99px;
}

.flag.flag-mx {
    background-position: -192px -99px;
}

.flag.flag-my {
    background-position: -208px -99px;
}

.flag.flag-mz {
    background-position: -224px -99px;
}

.flag.flag-na {
    background-position: -240px -99px;
}

.flag.flag-nc {
    background-position: 0 -110px;
}

.flag.flag-ne {
    background-position: -16px -110px;
}

.flag.flag-nf {
    background-position: -32px -110px;
}

.flag.flag-ng {
    background-position: -48px -110px;
}

.flag.flag-ni {
    background-position: -64px -110px;
}

.flag.flag-nl {
    background-position: -80px -110px;
}

.flag.flag-no {
    background-position: -96px -110px;
}

.flag.flag-np {
    background-position: -112px -110px;
}

.flag.flag-nr {
    background-position: -128px -110px;
}

.flag.flag-nu {
    background-position: -144px -110px;
}

.flag.flag-nz {
    background-position: -160px -110px;
}

.flag.flag-om {
    background-position: -176px -110px;
}

.flag.flag-pa {
    background-position: -192px -110px;
}

.flag.flag-pe {
    background-position: -208px -110px;
}

.flag.flag-pf {
    background-position: -224px -110px;
}

.flag.flag-pg {
    background-position: -240px -110px;
}

.flag.flag-ph {
    background-position: 0 -121px;
}

.flag.flag-pk {
    background-position: -16px -121px;
}

.flag.flag-pl {
    background-position: -32px -121px;
}

.flag.flag-pm {
    background-position: -48px -121px;
}

.flag.flag-pn {
    background-position: -64px -121px;
}

.flag.flag-pr {
    background-position: -80px -121px;
}

.flag.flag-ps {
    background-position: -96px -121px;
}

.flag.flag-pt {
    background-position: -112px -121px;
}

.flag.flag-pw {
    background-position: -128px -121px;
}

.flag.flag-py {
    background-position: -144px -121px;
}

.flag.flag-qa {
    background-position: -160px -121px;
}

.flag.flag-re {
    background-position: -176px -121px;
}

.flag.flag-ro {
    background-position: -192px -121px;
}

.flag.flag-rs {
    background-position: -208px -121px;
}

.flag.flag-ru {
    background-position: -224px -121px;
}

.flag.flag-rw {
    background-position: -240px -121px;
}

.flag.flag-sa {
    background-position: 0 -132px;
}

.flag.flag-sb {
    background-position: -16px -132px;
}

.flag.flag-sc {
    background-position: -32px -132px;
}

.flag.flag-scotland {
    background-position: -48px -132px;
}

.flag.flag-sd {
    background-position: -64px -132px;
}

.flag.flag-se {
    background-position: -80px -132px;
}

.flag.flag-sg {
    background-position: -96px -132px;
}

.flag.flag-sh {
    background-position: -112px -132px;
}

.flag.flag-si {
    background-position: -128px -132px;
}

.flag.flag-sk {
    background-position: -144px -132px;
}

.flag.flag-sl {
    background-position: -160px -132px;
}

.flag.flag-sm {
    background-position: -176px -132px;
}

.flag.flag-sn {
    background-position: -192px -132px;
}

.flag.flag-so {
    background-position: -208px -132px;
}

.flag.flag-somaliland {
    background-position: -224px -132px;
}

.flag.flag-sr {
    background-position: -240px -132px;
}

.flag.flag-ss {
    background-position: 0 -143px;
}

.flag.flag-st {
    background-position: -16px -143px;
}

.flag.flag-sv {
    background-position: -32px -143px;
}

.flag.flag-sx {
    background-position: -48px -143px;
}

.flag.flag-sy {
    background-position: -64px -143px;
}

.flag.flag-sz {
    background-position: -80px -143px;
}

.flag.flag-tc {
    background-position: -96px -143px;
}

.flag.flag-td {
    background-position: -112px -143px;
}

.flag.flag-tf {
    background-position: -128px -143px;
}

.flag.flag-tg {
    background-position: -144px -143px;
}

.flag.flag-th {
    background-position: -160px -143px;
}

.flag.flag-tj {
    background-position: -176px -143px;
}

.flag.flag-tk {
    background-position: -192px -143px;
}

.flag.flag-tl {
    background-position: -208px -143px;
}

.flag.flag-tm {
    background-position: -224px -143px;
}

.flag.flag-tn {
    background-position: -240px -143px;
}

.flag.flag-to {
    background-position: 0 -154px;
}

.flag.flag-tr {
    background-position: -16px -154px;
}

.flag.flag-tt {
    background-position: -32px -154px;
}

.flag.flag-tv {
    background-position: -48px -154px;
}

.flag.flag-tw {
    background-position: -64px -154px;
}

.flag.flag-tz {
    background-position: -80px -154px;
}

.flag.flag-ua {
    background-position: -96px -154px;
}

.flag.flag-ug {
    background-position: -112px -154px;
}

.flag.flag-um {
    background-position: -128px -154px;
}

.flag.flag-us {
    background-position: -144px -154px;
}

.flag.flag-uy {
    background-position: -160px -154px;
}

.flag.flag-uz {
    background-position: -176px -154px;
}

.flag.flag-va {
    background-position: -192px -154px;
}

.flag.flag-vc {
    background-position: -208px -154px;
}

.flag.flag-ve {
    background-position: -224px -154px;
}

.flag.flag-vg {
    background-position: -240px -154px;
}

.flag.flag-vi {
    background-position: 0 -165px;
}

.flag.flag-vn {
    background-position: -16px -165px;
}

.flag.flag-vu {
    background-position: -32px -165px;
}

.flag.flag-wales {
    background-position: -48px -165px;
}

.flag.flag-wf {
    background-position: -64px -165px;
}

.flag.flag-ws {
    background-position: -80px -165px;
}

.flag.flag-xk {
    background-position: -96px -165px;
}

.flag.flag-ye {
    background-position: -112px -165px;
}

.flag.flag-yt {
    background-position: -128px -165px;
}

.flag.flag-za {
    background-position: -144px -165px;
}

.flag.flag-zanzibar {
    background-position: -160px -165px;
}

.flag.flag-zm {
    background-position: -176px -165px;
}

.flag.flag-zw {
    background-position: -192px -165px;
}

.vc_item.vc_active {
    height: 600px !important;
}

i.fa.fa-comments-o:hover,
i.fa.fa-envelope-o:hover,
i.fa.fa-mobile:hover {
    color: #3aa3da;
}

@font-face {
    font-family: NexaBold;
    src: url("fonts/Nexa Bold.otf");
}

@font-face {
    font-family: NexaLight;
    src: url("fonts/Nexa Light.otf");
}

#theater {
    overflow: hidden;
    height: 700px;
    /*position: relative;*/
}

#theater .contentVidioBox {
    position: absolute;
    top: 250px;
    width: 100%;
    right: 0;
}

#theater2 {
    overflow: hidden;
    height: 700px;
    /*position: relative;*/
}

#theater2 .contentVidioBox {
    position: absolute;
    top: 80px;
    width: 100%;
    right: 0;
}

.grayLine {
    width: 100%;
    height: 43px;
    padding-top: 6px;
    padding-bottom: 15px;
    position: absolute;
    bottom: 0;
    border: none;
    background: rgba(0, 0, 0, 0.5);
}

.loaderFrom {
    float: right;
    display: none;
}

body {
    background-color: #fff;
    font-family: "Ubuntu", sans-serif !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #999 !important;
}

.content {
    /*background-color: #fff;*/
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
}

.text-center-sm {
    text-align: center;
}

td.gold {
    background-color: #b69360;
    color: #fff;
}

td.gold a {
    color: #fff;
}

td.gold span {
    color: #fff;
}

.main-content {
    color: #999;
    background: #fff;
}

.table thead {
    background-color: #999;
    color: #fff;
}

.table td {
    color: #333;
}

.panel-body {
    color: #333;
    padding-top: 20px;
}

.list-group-item {
    color: #333;
}

.navbar {
    min-height: 40px;
    /*background: #333;*/
}

.none-float {
    float: none !important;
}

.none-float {
    float: none !important;
}

ul.navbar-nav>li>a {
    color: #000000 !important;
    padding-bottom: 10px;
    padding-top: 10px;
    cursor: pointer;
}

ul.navbar-nav>li>a:hover {
    color: #000000 !important;
    cursor: pointer;
}

.navbar-time {
    height: 15px;
    width: 100px;
    margin-top: 0;
    margin-bottom: 15px;
    text-align: right;
    padding: 0;
    color: #000000;
    display: inline-block;
    vertical-align: top;
    display: none;
}

#lang_sel {
    top: -5px;
    display: none !important;
}

.navbar-time-mobile {
    height: 15px;
    width: 100px;
    margin-top: 0;
    margin-right: 10px;
    text-align: right;
    padding: 0;
    color: #000000;
    display: inline-block;
    vertical-align: top;
}

.btn-signup {
    height: 50px;
    padding-top: 13px;
    padding-left: 30px;
    padding-right: 30px;
}

hr {
    margin: 30px 0 25px;
    padding: 0;
    border: none;
    border-bottom: 1px solid #ccc;
}

.thumbnail {
    background-color: #fff;
}

.table-white {
    background-color: #fff;
}

.page-header {
    color: #000000;
    margin-top: 35px;
    margin-bottom: 15px;
}

div.page-header h1 {
    color: #000;
    text-align: center;
}

h3,
h2 small.text-muted {
    text-shadow: none;
}

.greybox {
    background: #444;
    color: #fff;
    /*background: #ccc;*/
    border-radius: 5px;
    padding: 8px;
    margin-bottom: 20px;
    text-align: center;
    /* padding-top: 100px; */
    /* padding-bottom: 100px; */
    margin-top: 0;
}

.greybox-lg {
    padding-top: 100px;
    padding-bottom: 100px;
}

body.theme-dark .greybox {
    /* background: #ccc; */
    background: #444;
    color: #fff;
}

.theme-dark {
    color: #ccc;
}

.whitebox {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    padding: 20px;
    margin-bottom: 10px;
    margin-top: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333;
}

.nav-pills>li>a {
    background-color: #ddd;
}

.nav-pills>li>a:hover {
    background-color: #ccc;
}

.nav-pills>li.active>a {
    background-color: #222;
}

.nav-pills>li.active>a:hover {
    background-color: #555;
}

.nav-pills.my-account>li>a {
    color: #fff;
}

.nav-pills.my-account>li>a {
    background-color: #444;
}

.nav-pills.my-account>li>a:hover {
    background-color: #333;
}

.nav-pills.my-account>li.active>a {
    background-color: #777;
}

.nav-pills.my-account>li.active>a:hover {
    background-color: #777;
}

.nav-tabs {
    margin-bottom: 10px;
}

.nav-tabs>li>a {
    background-color: #e7e7e7;
}

.nav-tabs>li>a:hover {
    background-color: #ddd;
}

.nav-tabs>li.active>a {
    background-color: #f5f5f5;
}

.nav-tabs>li.active>a:hover {
    background-color: #f5f5f5;
}

.nav-tabs.nav-white {
    margin-bottom: 0;
}

.nav-tabs.nav-white li.active a {
    background-color: #fff;
}

.container-white {
    background-color: #fff;
    border: 1px solid #ddd;
    margin-bottom: 20px;
    border-top: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.grey {
    background-color: #555;
}

.control-group ul li {
    color: red;
}

.navbar-brand {
    font-size: 16px;
    font-weight: bold;
}

.table-overview {
    table-layout: fixed;
}

.table-overview td {
    text-align: center;
}

.table-overview tbody td {
    font-size: 26px;
    height: 50px;
    font-weight: bold;
    table-layout: fixed;
    text-align: center;
    vertical-align: middle;
}

.table-activity a {
    font-weight: bold;
}

.alert {
    margin-top: 15px;
}

/* Marketing Layout
--------------------------------------------------------------- */
/*
.navbar {
}
.navbar .brand {
	margin-left: 0;
}

ul.navbar-nav > li > a:hover  {
	color: #fff !important;
	background-color: #444 !important;
}
ul.navbar-nav > li.active > a {
	color: #fff !important;
	background-color: #b69360 !important;
	border-top-color: #b69360 !important;
	border-bottom-color: #b69360 !important;
}   
*/

/*
.navbar {
	min-height: 36px;
	border: none !important;
}
.navbar .brand {
	margin-left: 0;
}

ul.navbar-nav > li > a  {
	padding-top: 8px;
	padding-bottom: 8px;
	color: #ddd !important;
}
ul.navbar-nav > li > a:hover  {
	color: #fff !important;
	background-color: #444 !important;
}
ul.navbar-nav > li.active > a {
	color: #fff !important;
	background-color: #b69360 !important;
	border-top-color: #b69360 !important;
	border-bottom-color: #b69360 !important;
}   
*/

.navbar {
    border: none !important;
    margin-top: 0;
}

.navbar .brand {
    margin-left: 0;
}

/*
ul.navbar-nav > li > a  {
	color: #ddd !important;
}
ul.navbar-nav > li > a:hover  {
	color: #fff !important;
	background-color: #444 !important;
}
ul.navbar-nav > li.active > a {
	color: #fff !important;
	background-color: #b69360 !important;
	border-top-color: #b69360 !important;
	border-bottom-color: #b69360 !important;
}   

*/

.btn-red {
    background-color: #d14836;
    background-image: -webkit-linear-gradient(top, #dd4b39, #d14836);
    background-image: linear-gradient(top, #dd4b39, #d14836);
    border: none !important;
    color: #fff;
}

.btn-red:hover {
    background-color: #c53727;
    background-image: -webkit-linear-gradient(top, #dd4b39, #c53727);
    background-image: linear-gradient(top, #dd4b39, #c53727);
    /* border-color: #b0281a; */

    color: #fff;
}

/* Topbar
--------------------------------------------------------------- */



.topbar ul.navbar-nav>li>a {
    color: #aaa !important;
    padding: 6px 15px 5px;
}

ul.topbar>li>a {}

.topbar ul.navbar-nav>li>a:hover {
    color: #fff !important;
}

.topbar ul.navbar-nav>li.active>a {
    color: #fff !important;
    background-color: #000 !important;
}

.topbar .navbar-text {
    margin: 6px 15px 5px;
    color: #888;
}

.topbar .navbar-brand {
    padding: 6px 15px 5px;
    margin: 0;
    color: #888;
    height: auto;
}

/* Navbar
--------------------------------------------------------------- */
/* Customize the nav-justified links to be fill the entire space of the .navbar */

.nav-justified {
    background-color: #eee;
    border-radius: 5px;
}

.nav-justified>li>a {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 0;
    font-weight: bold;
    color: #777;
    text-align: center;
    background-color: #e5e5e5;
    /* Old browsers */
}

.nav-justified>.active>a,
.nav-justified>.active>a:hover,
.nav-justified>.active>a:focus {
    background-color: #b69360;
    background-image: none;
    color: #fff;
}

.nav-justified>li:first-child>a {
    border-radius: 5px 5px 0 0;
}

.nav-justified>li:last-child>a {
    border-bottom: 0;
    border-radius: 0 0 5px 5px;
}

.logo-img {
    width: 325px;
    margin: auto;
    padding-top: 30px;
}

/* Spin
--------------------------------------------------------------- */

.spin {
    -webkit-animation: spin 2s infinite linear;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

/* Footer
--------------------------------------------------------------- */
footer {
    color: #e1e1e1;
    margin-top: 0;
}

footer .footer-bottom {
    /*background-color: #1a1a1a;*/
    background-color: #fff;

    padding-top: 0;
    padding-bottom: 0;
}

footer .footer-text {
    margin-bottom: 10px;
}

footer a {
    color: #0056b3;
    text-decoration: none;
    font-weight: 500;
}

footer a:hover {
    color: #0056b3;
    text-decoration: none;
}

/* Modal center vertically
--------------------------------------------------------------- */

.modal {
    color: #333;
}

.modal-dialog-center {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
}

.modal-body {
    overflow-y: auto;
}

.modal-footer {
    margin-top: 0;
}

@media (max-width: 767px) {
    .mobile-flex-col {
        display: flex;
        flex-direction: column;
    }

    .modal-dialog-center {
        width: 100%;
    }

    #navbar {
        position: absolute;
        width: 100%;
        top: 104px;
        padding-bottom: 30px;
    }
}

/* jimmy */

.modal-body strong {
    text-transform: capitalize;
}

/* Sprite How to Trade (HTT)
--------------------------------------------------------------- */
.sprite-htt {
    width: 150px;
    height: 80px;
    background: url("images/sprite-how-to-trade.png") no-repeat;
    border: none;
    margin-right: 3px;
}

.sprite-htt-1 {
    background-position: 0 0;
}

.sprite-htt-2 {
    background-position: -150px 0;
}

.sprite-htt-3 {
    background-position: -300px 0;
}

.sprite-htt-4 {
    background-position: -450px 0;
}

/* Sprite Flags Rounded
--------------------------------------------------------------- */
.sprite-flags-rounded {
    display: inline-block;
    width: 22px;
    height: 22px;
    /*background:url('images/sprite-flags-rounded.png') no-repeat;*/
    border: none;
    margin-right: 3px;
    margin-top: 7px;
    margin-bottom: 5px;
}

.sprite-flags-rounded-en {
    background-position: 0 0;
}

.sprite-flags-rounded-zh {
    background-position: -22px 0;
}

a .sprite-flags-rounded-en:hover {
    background-position: 0 -22px;
}

a .sprite-flags-rounded-zh:hover {
    background-position: -22px -22px;
}

/* Homepage
--------------------------------------------------------------- */
.homepage {
    text-align: center;
}

.homepage header {
    padding: 130px 20px 110px;
}

.homepage header h1 {
    font-size: 90px;
    text-align: center;
    line-height: 1em;
    margin: 0 auto 50px;
    color: #fff;
    max-width: 800px;
}

.homepage header p.lead {
    margin: 50px auto;
    max-width: 700px;
    color: #ddd;
}

.homepage header .btn-signup {}

.homepage h2 {
    margin-bottom: 30px;
}

.homepage #secondary {
    padding-top: 20px;
    background: #444;
}

.homepage #get-started {
    padding: 30px 0 10px;
    background: #fff;
}

.homepage .steps {
    padding: 50px 0 40px;
    background: #ccc;
}

.homepage .steps .text {
    margin-top: 200px;
    margin-bottom: 200px;
}

.homepage .steps#step1,
.homepage .steps#step3 {
    background: #eee;
}

.homepage .steps h3 {}

/* Marketplace Overview
--------------------------------------------------------------- */
.container.stream-marketplace .table {
    background-color: #fff;
}

.container.stream-marketplace .cell-image {
    width: 100px;
}

.container.stream-marketplace .cell-image img {}

.row-stream>div {
    background-color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #ddd;
    margin-bottom: 10px;
}

.row-stream>div>div>div {
    padding-left: 10px;
}

.row-stream .image {}

.progress {
    height: 10px;
    max-width: 100%;
    margin-bottom: 10px;
    position: relative;
    left: 10px;
}

/* Stream Marketplace
--------------------------------------------------------------- */
.stream-right {}

/* Stream box
--------------------------------------------------------------- */
.streambox {
    margin-top: 20px;
}

/* Stream Show
--------------------------------------------------------------- */
.container.stream-show {
    margin-top: 65px;
}

.container.stream-show .month {
    margin-bottom: 12px;
}

/* Video Page
--------------------------------------------------------------- */
.form-video-subscribe input {
    height: 45px;
    margin: auto;
    font-family: "Times New Roman" Times;
}

.form-video-subscribe {
    margin-top: 25px;
}

.form-video-subscribe #buttonGo {
    width: 150px;
    height: 55px;
    margin-top: auto;
    margin-left: 10px;
    font-family: "Times New Roman" Times;
}

/* Sign up */
.form-signin {
    max-width: 300px;
    padding: 19px 29px 29px;
    margin: 40px auto 20px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.form-signin .form-signin-heading,
.form-signin .checkbox {
    margin-bottom: 10px;
}

.form-signin .text_after_checked {
    width: auto;
    min-width: 0;
}

.form-signin input {
    font-size: 16px;
    height: auto;
    margin-bottom: 15px;
    padding: 7px 9px;
    width: 100%;
}

/* Dropdown sub menu */
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
    width: 224px;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #cccccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #ffffff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.fix-margin {
    margin-top: 30px;
}

.import_stauts {
    margin-bottom: 30px;
}

/* Modal deposit page */
.modal-body-deposit {
    max-height: 600px !important;
}

/* socail-bookmarks */
.socail-bookmarks {
    min-height: 60px;
    margin-top: 4px;
}

/* Trading
--------------------------------------------------------------- */
#assetPrice {
    padding: 12px 0;
    margin: 12px 0;
    border-radius: 5px;
    background-color: #e5e5e5;
    color: #999;
    text-align: center;
    font-size: 30px;
}

.btn-call {
    padding: 13px 0;
    font-size: 30px;
}

.btn-put {
    padding: 13px 0;
    font-size: 30px;
}

.pediod-selector {}

.greybox.actionbox {
    padding-top: 17px;
    font-size: 13px;
}

.greybox.assetsbox {
    padding-top: 15px;
    font-size: 13px;
    color: #fff;
    text-align: left;
}

.greybox-hero {
    padding-top: 100px;
    padding-bottom: 100px;
}

#assets_class_select {
    color: #333;
}

/* Form-box
--------------------------------------------------------------- */

.form-box {
    margin: 20px 0 0;
    padding: 20px 20px 20px 20px;
    padding: 20px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    -webkit-box-shadow: rgb(34, 34, 34) 2px 2px 10px 0;
    box-shadow: rgb(34, 34, 34) 2px 2px 10px 0;
    background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(223, 223, 223) 99%);
    background-position: initial initial;
    background-repeat: initial initial;
}

.activate-box {
    width: 699px;
    height: 198px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 100px;
    margin-top: 20px;
    background-image: url("/bundles/goptionsoptionprofitcompass/images/activate-free-trial.png");
    background-repeat: none;
}

.btn-red {
    background-color: #d92a02;
    border-color: #aa0d00;
    margin-bottom: 8px;
}

.btn-red:hover,
.btn-red:active,
.btn-red:focus {
    background-color: #aa0d00;
    border-color: #aa0d00;
    margin-bottom: 8px;
}

div.form-group ul,
div.errors,
ul.help-block {
    list-style: none;
    color: #b00;
    list-style-position: outside;
    text-align: center;
    margin-bottom: 20px;
}

label.required:before {
    content: "* ";
    color: red;
}

ul.help-block {
    list-style: none;
    color: #b00;
    list-style-position: outside;
    text-align: center;
}

form .error {
    color: unset;
}

.footer-logos {
    background-color: #1a1a1a;
    margin-top: 30px;
    margin-bottom: 30px;
}

/* Sprite footer */
.sprite-footer {
    background-image: url("/images/sprite-footer.png");
    background-repeat: no-repeat;
    display: block;
    width: 165px;
    height: 53px;
}

.sprite-footer-visa {
    background-position: 0 0;
}

.sprite-footer-mastercard {
    background-position: -165px 0;
}

.sprite-footer-wiretransfer {
    background-position: -330px 0;
}

.sprite-footer-unionpay {
    background-position: -495px 0;
}

.sprite-footer-dowjones {
    background-position: -660px 0;
}

.sprite-footer-nasdaq {
    background-position: -825px 0;
}

.sprite-footer-deutschebank {
    background-position: -990px 0;
}

.sprite-footer-london {
    background-position: -1155px 0;
}

.sprite-footer-18plus {
    background-position: -1320px 0;
}

/* Arrows
--------------------------------------------------------------- */
.arrow-up {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid black;
}

.arrow-down {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #f00;
}

.arrow-right {
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 18px solid #b69360;
}

.arrow-left {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid blue;
}

/* Responsive Adjustments
--------------------------------------------------------------- */
.hide-in-small-screen {
    display: block;
}

@media (max-width: 1199px) {
    .hide-in-small-screen {
        display: none;
    }
}

@media (max-width: 979px) {}

/* Responsive: phones */
@media (max-width: 767px) {
    #theater .contentVidioBox {
        top: 460px;
    }

    .text-center-sm {
        text-align: center;
    }
}

@media (min-width: 768px) {
    .none-float {
        float: right !important;
    }

    .text-center-sm {
        text-align: center;
    }

    .nav-justified {
        max-height: 52px;
    }

    .nav-justified>li>a {
        border-right: 1px solid #d5d5d5;
        border-left: 1px solid #fff;
    }

    .nav-justified>li:first-child>a {
        border-left: 0;
        border-radius: 5px 0 0 5px;
    }

    .nav-justified>li:last-child>a {
        border-right: 0;
        border-radius: 0 5px 5px 0;
    }
}

.rightSide {
    float: right;
}

.leftSide {
    float: left;
}

.left-text h2,
.left-text p {
    text-align: left;
}

.left-text h2 {
    font-weight: bold;
    color: #000000;
}

.boldText {
    font-weight: bold;
}

.holdImages {
    padding-bottom: 10px;
}

.box {
    text-align: left;
    padding-top: 5px;
    color: #000000;
}

.box p,
.box span {
    text-align: left;
}

.biggerSize {
    font-size: 18px;
}

#open_account_submit {
    background-color: #4083e4 !important;
    border-color: #4083e4 !important;
    font-size: 22px;
}

ul.footerListBottom {}

ul.footerListBottom li {
    float: left;
    width: 31%;
    list-style-type: none;
    padding-bottom: 20px;
}

/*ul.footerListBottom li:nth-child(2) {
    padding-left: 15%;
}
ul.footerListBottom li:nth-child(3){
	//padding-left: 100px;	
} 

ul.footerListBottom li:nth-child(1) {
   text-align: right;
}

ul.footerListBottom li:nth-child(4) {
   text-align: left;
}*/
ul.footerListBottom li:nth-child(3) {
    text-align: center;
}

ul.footerListBottom li:nth-child(2) {
    text-align: center;
}

ul.footerListBottom li:nth-child(5) {
    text-align: center;
}

ul.footerListBottom li:nth-child(1) {
    text-align: center;
}

ul.footerListBottom li a {
    text-align: center;
    color: #000000;
}

ul.footerListBottom li a:hover {
    color: #000000;
}

@media screen and(max-width: 769px) {
    ul.footerListBottom li {
        float: none;
        width: 100%;
        list-style-type: none;
        padding-bottom: 20px;
        text-align: center;
    }

    ul.footerListBottom li:nth-child(1),
    ul.footerListBottom li:nth-child(2),
    ul.footerListBottom li:nth-child(3),
    ul.footerListBottom li:nth-child(4),
    ul.footerListBottom li:nth-child(5) {
        text-align: center;
        padding-left: 0;
        font-size: 20px;
    }
}

ul.loggedInList li {
    float: right;
    top: -15px;
    list-style-type: none;
    position: relative;
    padding: 5px;
    text-align: center;
}

ul.loggedInList li:nth-child(5) {
    background-color: #fff;
    border-radius: 2px;
    color: #ffffff;
    font-weight: bold;
    cursor: pointer;
}

ul.loggedInList li:nth-child(6) {
    text-align: center;
}

.smallLineInMenuBox a {
    color: #000000;
}

.menuBoxOpen {
    width: 100%;
    background-color: #ffffff;
    padding-bottom: 5px;
    top: 29px;
    right: 0;
    min-width: 130px;
    position: absolute;
    display: none;
    z-index: 99999;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.smallLineInMenuBox {
    margin: auto;
    text-align: left;
    padding: 5px;
    width: 80%;
}

#toggleMenuActionMobile {
    background-color: #bf1e2e;
    border-radius: 2px;
    cursor: pointer;
    border-bottom: 1px #2d2d2d solid;
    width: 130px;
    padding: 10px;
    color: #ffffff;
    display: none;
    position: relative;
}

.holderMobileToggle {
    float: right;
    width: 50%;
}

@media screen and(max-width: 768px) {
    .navbar {
        /* display: none; */
    }

    .menuBoxOpen {
        top: 39px;
    }

    ul.loggedInList {
        width: 50%;
        float: left;
        padding: 0;
    }

    ul.loggedInList li {
        white-space: nowrap;
        text-align: left;
        float: none;
    }

    .navbar-time-mobile {
        text-align: left;
    }

    #toggleMenuActionMobile {
        display: inline-block;
        float: right;
    }
}

.featured-icon-content {
    text-align: center;
    font-size: 22px;
    padding-right: 70px;
    padding-top: 30px;
}

.right-sideof-contact {
    background-color: #fff;
    text-align: center;
    padding: 10px 0 0;
    color: #234b5a;
}

.right-sideof-contact .side-bar-title {
    text-align: center;
    color: #828282;

    font-size: 20px;
}

.green-card-type {
    background: url("/wp-content/uploads/2018/09/BRONZE-1-4.png") no-repeat;
    width: 251px;
    height: 191px;
    margin: auto;
}

.blue-card-type {
    background: url("/wp-content/uploads/2018/09/silver2-1.png") no-repeat;
    width: 251px;
    height: 191px;
    margin: auto;
}

.silver-card-type {
    background: url("/wp-content/uploads/2018/09/gold4-1.png") no-repeat;
    width: 251px;
    height: 191px;
    margin: auto;
}

.graw-card-type {
    background: url("images/card-type-graw.png") no-repeat;
    width: 255px;
    height: 250px;
    margin: auto;
}

.shadow {
    margin: auto;
    background: url("images/shadow.png") center top no-repeat;
    background-position-x: 40px;
}

.shadow .box-cube {
    margin: auto;
    padding-top: 10px;
}

.box-cube p {
    line-height: 24px;
}

.shadow .box-cube,
.shadow .box-cube h4,
.shadow .box-cube p {
    text-align: center;
    color: #f3f3f3;
}

.shadow .box-cube ul {
    width: 130px;
    margin: auto;
    padding: 0 0 10px;
}

.shadow .box-cube li {
    text-align: center;
    line-height: 22px;
}

.open-account-link:hover,
.open-account-link:active {
    text-decoration: none;
    color: #000000;
}

.open-account-link {
    display: inline-block;
    border: 1px #c3c4c4 solid;
    text-align: center;
    color: #231f20;
    width: 60%;
    cursor: pointer;
    text-decoration: none;
    font-weight: bold;
    padding: 10px 0 5px;
    margin: auto;
}

.right-sideof-contact h1,
.right-sideof-contact h3,
.right-sideof-contact p,
.right-sideof-contact a {
    text-align: center;
    color: #828282;
}

.holder-card-types {
    text-align: center;
    margin: auto;
}

#bankingTable {
    margin-bottom: 60px;
}

.ecwd-search input[type="text"] {
    top: 4px !important;
}

.customer-details {
    color: #000;
    font-weight: bold;
    font-size: 20px;
}

.details-description {
    font-size: 20px;
    color: #000;
    padding-bottom: 5px;
}

.black-color {
    color: #000000 !important;
}

#myCashier_info,
#myCashier_paginate a,
#myCashier_length label,
#myCashier_filter label {
    color: #000000;
}

.dataTables_wrapper .ui-toolbar {
    margin-bottom: 15px;
}

.inline-div {
    display: inline-block;
}

.form-inline {
    display: inline-block;
    margin-top: 15px !important;
}

.container-education {
    width: 70%;
    margin: auto;
}

@media (max-width: 1200px) {
    .shadow {
        background-position: top;
    }
}

@media (max-width: 992px) {

    .navbar-time,
    .navbar-time-mobile {
        display: none;
    }

    .container-education {
        width: 95%;
    }
}

@media (max-width: 768px) {
    .form-inline {
        /* width: 100%;*/
    }

    .navbar-time,
    .navbar-time-mobile {
        display: block;
    }

    ul.loggedInList {
        width: 100%;
        margin-bottom: 0;
        float: none;
    }

    .navbar-time-mobile {
        margin: auto;
    }

    #toggleMenuActionMobile {
        display: block;
        width: 100%;
        float: none;
        margin: auto;
    }

    ul.loggedInList li:nth-child(3) {
        padding-bottom: 0;
        padding-top: 0;
    }

    ul.loggedInList li {
        top: 0;
        text-align: center;
    }

    .holderMobileToggle {
        width: 100%;
    }
}

table#bankingTable tr td {
    vertical-align: top;
    padding-top: 10px;
    color: #000000;
}

table#bankingTable tr td a {
    color: #000000;
}

.post-box {
    color: #000000;
    padding: 10px;
    border: 1px #c7c7c7 solid;
    margin-bottom: 10px;
    border-radius: 3px;
}

.post-box .title {
    font-size: 20px;
    padding-bottom: 10px;
    text-decoration: underline;
}

.post-box .short-description {
    font-size: 18px;
    padding-bottom: 10px;
}

.post-box a {
    text-decoration: underline;
    display: inline;
    background: #f7cd34;
    padding: 5px;
    border-radius: 2px;
    color: #000000;
}

a.demo-button {
    border-radius: 0;
    background: #f7cd34;
    border-color: #f7cd34;
    color: #fff;
    font-weight: bolder;
    text-align: center;
    margin: 35px 0;
    display: inline-block;
    border: 3px solid rgba(0, 0, 0, 0);
    text-decoration: none;
    font-size: 26px;
    padding: 8px 40px;
}

.push-up {
    position: relative;
    top: -24px;
}

#lang_sel img.iclflag {
    width: 25px;
    height: auto;
    position: relative;
    top: 1px;
    display: none !important;
}

#lang_sel ul ul {
    border: 0;
}

#lang_sel ul ul a {
    padding: 5px 9px;
}

#lang_sel a:hover,
#lang_sel ul ul a:hover,
#lang_sel:hover>a,
#lang_sel ul ul:hover>a {
    background: #ffffff;
}

#lang_sel a:visited {
    border: 1px solid #ffffff !important;
}

.holder-images img {
    width: 100%;
    height: 100%;
}

.folowers {
    font-size: 14px !important;
}

#notification_count {
    padding: 3px 7px;
    background: #cc0000;
    color: #ffffff;
    font-weight: bold;
    border-radius: 9px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    position: relative;
    top: -9px;
    left: 6px;
    font-size: 11px;
    z-index: 10;
    margin-left: -10px;
    cursor: pointer;
}

#notificationLink {
    cursor: pointer;
}

#notificationLink:hover {
    text-decoration: none;
}

.masterError {
    padding: 5px;
    text-align: center;
    border: 1px red solid;
    border-radius: 5px;
    margin-bottom: 10px;
    font-weight: bold;
    color: red;
    background: #fff3f3;
    display: none;
}

.error-border {
    border: 1px red solid !important;
}

@media (min-width: 992px) {
    .featured-icon {
        width: 100%;
        height: 213px;
        margin: auto;
    }
}

.featured-box-text .boxGraydown h2,
p {
    color: #18268f;
    text-align: left;
}

.gift {
    width: 80px;
    position: relative;
    top: -50px;
}

section#block1 {
    padding: 50px;
}

.gift {
    width: 101px;
    position: absolute;
    top: -55px;
    left: 200px;
}

.gift:hover {
    width: 120px;
    transition: all 0.2s;
}

img.gift1 {
    width: 137px;
}

.featured-dark-bg-title {
    color: black;
}

.activity {
    background-color: #f39c12 !important;
    width: 370px;
    margin: 0 auto 45px;
    padding: 10px 50px;
}

.bg-teal {
    background-color: #39cccc !important;
}

.info-box-icon {
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px;
    display: block;
    float: left;
    height: 90px;
    width: 90px;
    text-align: center;
    font-size: 45px;
    line-height: 90px;
    background: rgba(0, 0, 0, 0.2);
}

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

.info-box-content {
    padding: 5px 10px;
    margin-left: 90px;
}

.info-box-number {
    display: block;
    font-weight: bold;
    font-size: 18px;
}

.info-box-text {
    text-transform: uppercase;
}

.progress-description,
.info-box-text {
    display: block;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.info-box .progress,
.info-box .progress .progress-bar {
    border-radius: 0;
}

.info-box .progress {
    background: rgba(0, 0, 0, 0.2);
    margin: 5px -10px;
    height: 2px;
}

.progress,
.progress>.progress-bar {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.progress-description {
    margin: 0;
}

.progress-description,
.info-box-text {
    display: block;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.spec10 {
    width: 410px;
    margin: 0 auto;
}

span.info-box-number {
    text-align: center;
    color: white;
}

span.info-box-text {
    text-align: center;
    color: white;
    font-weight: 700;
}

span.progress-description {
    font-size: 20px;
    margin: 0 !important;
    padding-bottom: 10px;
    height: 62px;
    color: white;
}

span.info-box-icon {
    width: 160px;
    height: 154px;
}

.info-box-icon img {
    height: 150px;
    width: 150px;
}

.info-box.bg-teal {
    margin-bottom: 50px;
}

.afill1 {
    font-size: 30px;
    color: white;
    background: #00c0ef;
    width: 400px;
    margin: 0 auto;
    padding: 30px 110px;
}

form.wpcf7-form {
    margin: 16px auto;
    width: 80%;
}

/*
form.wpcf7-form input, form.wpcf7-form textarea {
    width: 92%;
    padding-bottom: 10px;
    border: 1px #bdbdbd solid;
    margin: 0 auto;
}
input.wpcf7-form-control.wpcf7-submit.btn.btn-primary {
    margin-left: 45px;
}
.wpcf7-form p {
    color: #000;
}
*/
div#primary {}

div#areaProfile {
    color: #ffffff !important;
}

.contacts-page-section {
    border-top: 1px dotted #fec717;
    border-bottom: 1px dotted #fec717;
    padding: 12px;
}

.contacts-page-section div {
    padding: 8px 16px;
}

.contacts-page-section h3 {
    margin-top: 24px;
    margin-bottom: 6px;
    font-size: 26px;
    text-align: center;
}

.contacts-page-section h4 {
    margin-top: 24px;
    margin-bottom: 4px;
    font-size: 22px;
    text-align: center;
}

.contacts-page-section p {
    font-size: 18px;
    text-align: center;
}

.contacts-page-section h3 i,
.contacts-page-section h4 i,
.section-why-us-trade h3 i {
    color: #fec717;
}

.section-why-us-trade h2 {
    text-align: center;
}

.section-why-us-trade h3 {
    font-size: 22px;
}

.section-why-us-trade p {
    font-size: 16px;
}

#account-types .account-title {
    text-align: center;
    text-transform: uppercase;
    padding: 12px;
    font-weight: 700;
    font-size: 18px;
}

#account-types .account-desc {
    padding: 24px;
}

#account-types .account-bonus {
    padding: 24px;
    font-size: 18px;
    text-align: right;
}

#account-types .account-bonus-value {
    font-size: 36px;
    font-weight: 700;
}

#account-types .table>thead {
    background-color: #1b618c;
}

#account-types .table thead th {
    color: #ffffff;
}

#account-types .table th:first-child,
#account-types .table td:first-child {
    text-align: right;
}

.footerMenuContainer {
    background-color: #2c2d38;
    padding-top: 20px;
    padding-bottom: 20px;
}

.open-account-box {
    padding: 35px;
    position: relative;
    margin: 0 auto;
    max-width: 340px;
    background: #2c2d38bf;
    box-sizing: border-box;
    border-radius: 6px;
    z-index: 999;
}

.open-account-box .title {
    margin: 0 0 10px !important;
    text-transform: inherit;
    font-size: 22px;
    color: #fff;
    padding: 0 !important;
    text-align: left;
    line-height: 1;
}

.currency_list {
    width: 100%;
    height: 35px;
}

.open-account-box p .form-control,
.open_Account_form p select,
.open_Account_form p [class*="form-control-wrap"] [class*="form-control"] {
    border: solid 1px #00182c;
    border-radius: 3px;
    background-color: #fff;
    color: #bebebe;
    margin: 0;
    width: 100%;
    height: 33px;
    box-sizing: border-box;
}

#headerSmallRegForm label,
#footerSmallRegForm label {
    display: none;
}

#headerSmallRegForm .last-name-wrap,
#footerSmallRegForm .last-name-wrap {
    width: 50%;
    float: left;
}

#headerSmallRegForm .first-name-wrap,
#footerSmallRegForm .first-name-wrap {
    width: 48%;
    float: left;
    margin-right: 2%;
}

#submit_form {
    margin: 25px 9px 0 0 !important;
    clear: both;
    display: block;
    float: none !important;
    border: 0;
    padding: 0 !important;
    position: relative;
    width: 100%;
    height: 55px;
    line-height: 48px;
    text-align: center;
    font-weight: 500;
    background: #68c832;
    color: #fff;
    border-radius: 3px;
    font-size: 18px;
    text-transform: uppercase;
}

.open_Account_form p [class*="form-control-wrap"] {
    position: relative;
}

.open_Account_form select {
    -webkit-appearance: menulist !important;
    padding: 3px;
}

div.phone-prefix {
    width: 25% !important;
    float: left;
    margin: 0 2% 0 0;
}

div.phone-number {
    width: 73%;
    float: left;
}

.parsley-errors-list {
    color: red;
    padding: 0;
    list-style-type: none;
}

ul.currency_list_deisgn {
    padding: 0;
    list-style-type: none;
}

ul.currency_list_deisgn li {
    display: inline-block;
    text-align: center;
    width: 23%;
}

.currency-cube {
    background: #bf1717;
    padding: 6px;
    width: 40px;
    border-radius: 5px;
    border: 1px #ffffff solid;
    height: 40px;
    cursor: pointer;
    line-height: 25px;
    font-size: 26px;
    color: #ffffff;
    margin: auto;
}

.currency-cube.active {
    color: #bf1717;
    background: #ffffff;
    -webkit-box-shadow: 2px 6px 62px -1px rgba(255, 255, 255, 1);
    -moz-box-shadow: 2px 6px 62px -1px rgba(255, 255, 255, 1);
    box-shadow: 2px 6px 62px -1px rgba(255, 255, 255, 1);
}

.currency-cube:hover {
    color: #bf1717;
    background: #ffffff;
    -webkit-box-shadow: 2px 6px 62px -1px rgba(255, 255, 255, 1);
    -moz-box-shadow: 2px 6px 62px -1px rgba(255, 255, 255, 1);
    box-shadow: 2px 6px 62px -1px rgba(255, 255, 255, 1);
}

.currency-title {
    text-align: left;
    font-size: 23px;
    color: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
}

.authenticate .push-up {
    position: relative;
    top: 0;
}

ul.loggedInList li .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
    padding: 5px;
}

ul.loggedInList li .wpml-ls-legacy-dropdown a {
    padding: 5px;
}

.wpml-ls-legacy-dropdown>ul {
    position: relative;
    padding: 0 !important;
    /*width: 55px;*/
    margin: 0 !important;
    list-style-type: none;
}

.wpml-ls-legacy-dropdown {
    width: 40px;
    margin: auto;
}

.wpml-ls-legacy-dropdown a {
    border: 0 !important;
}

.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
    display: none;
}

.wpml-ls-legacy-dropdown a:hover,
.wpml-ls-legacy-dropdown a:focus,
.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a {
    background: #ffffff;
}

#verificationStatusHolder {
    position: relative;
    top: 1px;
    left: 5px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    display: inline-block;
}

.availableBalance,
.accountType,
.verificationStatus {
    color: #8f8b8b;
}

#userbalanceHolder,
#accountTypeHolder {
    font-weight: bold;
    font-family: arial;
}

#toggleMenuActionMobile {
    width: 300px !important;
    background-color: #6d6e7000 !important;

    border-bottom: 0 #2d2d2d solid !important;
}

@media (max-width: 767px) {
    .logo-img {
        width: 175px !important;
        margin: auto;
        padding-top: 30px;
    }
}

@media (max-width: 979px) {
    .logo-img {
        width: 175px !important;
        margin: auto;
        padding-top: 30px;
    }
}

/* Stocks
----------------------------------------- */
.asset-flag-stocks {
    background-image: url("/wp-content/themes/theforest/images/flags2/40x20/stocks/spritesheet.png");
}

.asset-flag.alibaba {
    background-position: -5px -5px;
}

.asset-flag.amazon {
    background-position: -55px 2px;
}

.asset-flag.apple {
    background-position: -105px -2px;
}

.asset-flag.bank-of-america {
    background-position: -158px 1px;
}

.asset-flag.barclays {
    background-position: -6px -28px;
}

.asset-flag.bmw {
    background-position: -55px -30px;
}

.asset-flag.bnp {
    background-position: -105px -35px;
}

.asset-flag.boeing {
    background-position: -155px -30px;
}

.asset-flag.bp {
    background-position: -5px -62px;
}

.asset-flag.carlsberg {
    background-position: -55px -65px;
}

.asset-flag.citigroup {
    background-position: -105px -55px;
}

.asset-flag.coca-cola {
    background-position: -156px -59px;
}

.asset-flag.exxon-mobil {
    background-position: -5px -90px;
}

.asset-flag.facebook {
    background-position: -57px -90px;
}

.asset-flag.google {
    background-position: -105px -95px;
}

.asset-flag.hsbc {
    background-position: -155px -95px;
}

.asset-flag.ibm {
    background-position: -5px -120px;
}

.asset-flag.mcdonalds {
    background-position: -55px -115px;
}

.asset-flag.microsoft {
    background-position: -105px -117px;
}

.asset-flag.nike {
    background-position: -155px -120px;
}

.asset-flag.publicis {
    background-position: -5px -155px;
}

.asset-flag.renault {
    background-position: -55px -154px;
}

.asset-flag.starbucks {
    background-position: -105px -149px;
}

.asset-flag.tesla {
    background-position: -155px -150px;
}

.asset-flag.teva {
    background-position: -5px -185px;
}

.asset-flag.total {
    background-position: -55px -185px;
}

.asset-flag.twitter {
    background-position: -105px -178px;
}

.asset-flag.vivendi {
    background-position: -155px -185px;
}

.asset-flag.vodafone {
    background-position: -205px -5px;
}

.asset-flag.volkswagen {
    background-position: -205px -25px;
}

.asset-flag.volvo {
    background-position: -205px -65px;
}

.asset-flag.wynn-resorts {
    background-position: -5px -434px;
}

.asset-flag.yahoo {
    background-position: -205px -125px;
}

.asset-flag.mattel {
    background-position: -205px -435px;
}

.asset-flag.tilray {
    background-position: -205px -505px;
}

.asset-flag.fdx {
    background-position: -105px -300px;
}

.asset-flag.aurora {
    background-position: -155px -505px;
}

.asset-flag.etfmg {
    background-position: -105px -505px;
}

.asset-flag.advisorshare {
    background-position: -55px -505px;
}

.asset-flag.tcanopy {
    background-position: -5px -505px;
}

.asset-flag.sienna {
    background-position: -205px -470px;
}

.asset-flag.egain {
    background-position: -155px -470px;
}

.asset-flag.coty {
    background-position: -105px -435px;
}

.asset-flag.cron {
    background-position: -205px -304px;
}

.asset-flag.cannex {
    background-position: -155px -470px;
}

.asset-flag.aphria {
    background-position: -155px -435px;
}

.asset-flag.yahoo {
    background-position: -205px -125px;
}

.asset-flag.alxn {
    background-position: -109px -634px;
}

.asset-flag.adbe {
    background-position: -155px -630px;
}

.asset-flag.atvi {
    background-position: -205px -630px;
}

.asset-flag.aal {
    background-position: -55px -636px;
}

.asset-flag.mgm {
    background-position: -5px -635px;
}

.asset-flag.groupon {
    background-position: -205px -585px;
}

.asset-flag.nok {
    background-position: -155px -589px;
}

.asset-flag.micron {
    background-position: -105px -590px;
}

.asset-flag.cve {
    background-position: -55px -588px;
}

.asset-flag.sq {
    background-position: -5px -585px;
}

.asset-flag.nvda {
    background-position: -205px -540px;
}

.asset-flag.roku {
    background-position: -155px -542px;
}

.asset-flag.dnr {
    background-position: -105px -540px;
}

.asset-flag.bili {
    background-position: -55px -540px;
}

.asset-flag.gren {
    background-position: -5px -540px;
}

.asset-flag.iq {
    background-position: -205px -85px;
}

.asset-flag.gazprom {
    background-position: -205px -700px;
}

.asset-flag.gamble {
    background-position: -5px -670px;
}

.asset-flag.baidu {
    background-position: -55px -670px;
}

.asset-flag.disney {
    background-position: -110px -910px;
}

.asset-flag.fiat {
    background-position: -155px -670px;
}

.asset-flag.pfizer {
    background-position: -205px -668px;
}

.asset-flag.caterpillar {
    background-position: -5px -703px;
}

.asset-flag.telefonica {
    background-position: -57px -698px;
}

.asset-flag.aig {
    background-position: -105px -698px;
}

.asset-flag.ebay {
    background-position: -111px -910px;
}

.asset-flag.mastercard {
    background-position: -59px -729px;
}

.asset-flag.general-motors {
    background-position: -109px -728px;
}

.asset-flag.cisco {
    background-position: -155px -725px;
}

.asset-flag.aston_martin {
    background-position: -5px -755px;
}

.asset-flag.wirecard {
    background-position: -55px -755px;
}

.asset-flag.fr_telecom {
    background-position: -109px -755px;
}

.asset-flag.e_on {
    background-position: -155px -755px;
}

.asset-flag.ahold {
    background-position: -205px -757px;
}

.asset-flag.berkshire {
    background-position: -59px -786px;
}

.asset-flag.chevron {
    background-position: -111px -782px;
}

.asset-flag.visa {
    background-position: -5px -840px;
}

.asset-flag.spotify {
    background-position: -158px -786px;
}

.asset-flag.hp {
    background-position: -205px -786px;
}

.asset-flag.nintendo {
    background-position: -5px -811px;
}

.asset-flag.verizon {
    background-position: -55px -815px;
}

.asset-flag.dropbox {
    background-position: -110px -812px;
}

.asset-flag.jnj {
    background-position: -61px -910px;
}

.asset-flag.gm-pharma {
    background-position: -112px -840px;
}

.asset-flag.harley {
    background-position: -162px -840px;
}

.asset-flag.heineken {
    background-position: -205px -840px;
}

.asset-flag.ice {
    background-position: -5px -877px;
}

.asset-flag.lookheed {
    background-position: -59px -875px;
}

.asset-flag.lytf {
    background-position: -113px -873px;
}

.asset-flag.pepsico {
    background-position: -159px -877px;
}

.asset-flag.philpmoris {
    background-position: -5px -910px;
}

.asset-flag.tabaco {
    background-position: -5px -910px;
}

.asset-flag.electarts {
    background-position: -59px -842px;
}

.asset-flag.p_and_g {
    background-position: -9px -670px;
}

.asset-flag.gamble {
    background-position: -9px -670px;
}

.asset-flag.kod_l {
    background-position: -205px -730px;
}

.asset-flag.am_express {
    background-position: -5px -785px;
}

.asset-flag.three_mil {
    background-position: -5px -730px;
}

.asset-flag.china-mob {
    background-position: -5px -730px;
}

.asset-flag.china_mob {
    background-position: -161px -910px;
}

.asset-flag.ebay {
    background-position: -111px -910px;
}

/*  new 18/8  */
.asset-flag.alcoa {
    background-position: -205px -910px;
}

.asset-flag.sony {
    background-position: -5px -940px;
}

.asset-flag.rosneft {
    background-position: -59px -940px;
}

.asset-flag.daimler-ag {
    background-position: -111px -940px;
}

.asset-flag.lloyds-banking {
    background-position: -161px -940px;
}

.asset-flag.batabcco {
    background-position: -205px -940px;
}

.asset-flag.easyjet {
    background-position: -5px -970px;
}

.asset-flag.glencore {
    background-position: -59px -965px;
}

.asset-flag.glaxosmithkline {
    background-position: -111px -966px;
}

.asset-flag.ocdo {
    background-position: -161px -970px;
}

.asset-flag.tsco {
    background-position: -202px -970px;
}

.asset-flag.peloton {
    background-position: -5px -995px;
}

.asset-flag.virgingalactic {
    background-position: -59px -995px;
}

.asset-flag.atandt {
    background-position: -111px -995px;
}

.asset-flag.work {
    background-position: -161px -995px;
}

.asset-flag.exxonmobil {
    background-position: -205px -995px;
}

.asset-flag.zoom {
    background-position: -5px -1028px;
}

.asset-flag.uber {
    background-position: -59px -1028px;
}

.asset-flag.trinseo {
    background-position: -111px -1026px;
}

.asset-flag.tripadvisor {
    background-position: -161px -1028px;
}

.asset-flag.smg {
    background-position: -205px -1031px;
}

.asset-flag.qqq {
    background-position: -5px -1055px;
}

.asset-flag.gild {
    background-position: -59px -1055px;
}

.asset-flag.cbd {
    background-position: -111px -1055px;
}

.asset-flag.abbv {
    background-position: -161px -1055px;
}

/* Commodities
----------------------------------------- */

.asset-flag-commodities {
    background-image: url("/wp-content/themes/theforest/images/flags2/40x20/commodities/spritesheet.png");
}

.asset-flag.coffee {
    background-position: -5px -15px;
}

.asset-flag.copper {
    background-position: -55px -15px;
}

.asset-flag.corn {
    background-position: -5px -45px;
}

.asset-flag.gold {
    background-position: -55px -45px;
}

.asset-flag.gold-eur {
    background-position: -55px -45px;
}

.asset-flag.oil {
    background-position: -5px -75px;
}

.asset-flag.platinum {
    background-position: -55px -75px;
}

.asset-flag.silver {
    background-position: -105px -15px;
}

.asset-flag.sugar {
    background-position: -105px -45px;
}

.asset-flag.wheat {
    background-position: -105px -75px;
}

.asset-flag.cotton {
    background-position: -105px -105px;
}

.asset-flag.zinc {
    background-position: -105px -135px;
}

.asset-flag.soybeans {
    background-position: -5px -105px;
}

.asset-flag.brent {
    background-position: -55px -105px;
}

.asset-flag.cocoa {
    background-position: -5px -165px;
}

.asset-flag.natural-gas {
    background-position: -5px -135px;
}

.asset-flag.naturalgas {
    background-position: -5px -135px;
}

.asset-flag.natural_gas {
    background-position: -5px -135px;
}

.asset-flag.palladium {
    background-position: -105px -135px;
}

.btn-white {
    color: #fff;
    background-color: #18268f;
    border-color: #18268f;
    padding: 7px 20px !important;
    font-size: 20px;
}

.btn-white:hover,
.btn-white:focus,
.btn-white.focus,
.btn-white:active,
.btn-white.active,
.open>.dropdown-toggle.btn-white {
    color: #18268f;
    background-color: #fff0;
    border: 1px solid #18268f;
    padding: 7px 20px !important;
    font-size: 21px;
}

.btn-white2 {
    color: #18268f;
    background-color: #fff;
    border: 1px solid #18268f;
    padding: 10px 15px;
    font-size: 14px;
}

.btn-white2:hover,
.btn-white2:focus,
.btn-white2.focus,
.btn-white2:active,
.btn-white2.active,
.open>.dropdown-toggle.btn-white2 {
    color: #18268f;
    background-color: #efefef;
    border-color: #18268f;
    padding: 10px 15px;
    font-size: 14px;
}

.btn-ocean-green {
    color: #fff !important;
    background-color: #18268f !important;
    border-color: #18268f !important;
    padding: 10px 15px !important;
    font-size: 14px;
}

.btn-ocean-green:hover,
.btn-ocean-green:focus,
.btn-ocean-green.focus,
.btn-ocean-green:active,
.btn-ocean-green.active,
.open>.dropdown-toggle.btn-ocean-green {
    color: #fff !important;

    background-color: #021b49 !important;

    border-color: #021b49 !important;
    padding: 10px 15px;
    font-size: 14px;
}

.pfooter {
    font-size: 13px !important;
    font-weight: 300 !important;
}

button.navbar-toggle.collapsed {
    display: none !important;
}

@media (max-width: 440px) {
    .floatright {
        width: auto !important;

        text-align: center !important;
        float: none !important;
        padding-top: 15px;
    }

    .smallscreenimage {
        float: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/*----------------------NEW DESIGN - ---------------------------------------*/

/*ACCOUNT TYPE PAGE */

.title-account-types {
    margin: 28px 0;
    font-size: 22px;

    color: #18268f;
    text-align: center;
}

.price-account-types {
    margin: 36px 0 9px;
    font-size: 40px;

    color: #18268f;
    text-align: center;
}

.graydiv-account-types {
    /*
background: linear-gradient(180deg, rgb(231, 231, 231) 0%, rgb(163, 160, 160) 38%, rgb(144, 144, 142) 61%, rgb(124, 125, 127) 77%, rgb(76, 78, 79) 100%);
border-left: 3px solid #fff;*/
    min-height: 200px;

    padding: 16px 0 0;

    border: 1px solid #18268f;
}

.graydiv-account-types-left {
    /*background: linear-gradient(180deg, rgb(231, 231, 231) 0%, rgb(163, 160, 160) 38%, rgb(144, 144, 142) 61%, rgb(124, 125, 127) 77%, rgb(76, 78, 79) 100%);
*/
    min-height: 200px;
    padding: 16px 0 0;
    border-top-left-radius: 10px;
    border: 1px solid #18268f;
}

.graydiv-account-types-right {
    /*background: linear-gradient(180deg, rgb(231, 231, 231) 0%, rgb(163, 160, 160) 38%, rgb(144, 144, 142) 61%, rgb(124, 125, 127) 77%, rgb(76, 78, 79) 100%);
border-left: 3px solid #fff;*/
    min-height: 200px;

    padding: 16px 0 0;

    border-top-right-radius: 10px;
    border: 1px solid #18268f;
}

.graydiv-account-types-blueline {
    height: 3px;
    margin: 0 auto;
    display: block;
    background-color: #ffc900;
    border-radius: 1.5px;
    width: 70%;
}

.graydiv-account-types-title2 {
    display: inline-block;
    position: relative;

    color: #fff;
    background: #181818;
    border-radius: 10px;

    font-size: 17px;
    top: 10px;
    padding: 5px 25px;

    text-align: center;
}

.graydiv-account-types-linegray {
    height: 1px;

    background-color: #ffc900;

    border-radius: 1.5px;

    margin-top: 17px;
}

@media (max-width: 767px) {
    .graydiv-account-types-linegray {
        display: none;
    }
}

.well {
    min-height: 20px !important;
    padding: 19px !important;
    margin-bottom: 20px !important;
    background-color: #efefef00 !important;
    border: 1px solid #efefef !important;
    border-radius: 10px !important;
}

a {
    color: #81cf93;
    text-decoration: none;
    font-family: "Manrope";
    font-style: normal;
    font-weight: 600;
}


.titles-main {
    padding-left: 0;
    font-size: 22px;
    padding-top: 20px;
}

.input-lg {
    height: 46px !important;
    padding: 6px 16px !important;
    font-size: 14px !important;
}

label {
    font-weight: 300 !important;
}

/*

.wpcf7 input[type="submit"] {
 
    color: 
#000 !important;
background-color:
#ffc900 !important;
border-color:
    #ffc900 !important;
    padding: 10px 15px!important;
    font-size: 14px!important;
    border-radius: 5px!important;
    width: 93%;
}

.wpcf7 input[type="submit"]:hover {
 
    color: #ffc900 !important;
background-color:#000 !important;
border-color:  1px solid #ffc900 !important;
    padding: 10px 15px!important;
    font-size: 14px!important;
    border-radius: 5px!important;
    width: 93%;
}


*/

.dash {
    border: 0 none;
    border-top: 1px dashed #ffc900;
    background: none;
    height: 0;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

html.theme-dark .tv-embed-widget-wrapper__body {
    border-color: black !important;
}

.tv-embed-widget-wrapper__body {
    border: 0 solid #000 !important;
}

.content-home3 {
    min-height: 100px;
}

.content-home2 {
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 10px;
    padding-top: 25px;
    background-color: #18268f;
}

.m-title-4f {
    font-size: 19px !important;
    line-height: 3;
    color: #fff !important;
    font-weight: 600;
    text-align: center;
}

.m-text-4f {
    border: 1px solid transparent !important;
    color: #999999 !important;
    font-size: 13px !important;
    text-transform: none !important;
    font-weight: 500 !important;
    text-align: left !important;
    line-height: 1.6 !important;

    margin: 0;
}

.m-text-4f:hover {
    color: #075c8f !important;

    border: 1px solid transparent !important;

    font-size: 13px !important;
    text-transform: none !important;
    font-weight: 500 !important;
    text-align: left !important;
    line-height: 1.6 !important;

    margin: 0;
}

@media (max-width: 990px) {
    .smalldontshow {
        display: none;
    }
}

.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.form-control {
    border: 0 solid white !important;
    border-bottom-color: white;
    border-bottom-style: solid;
    border-bottom-width: 0;
    border-bottom-color: white;
    border-bottom-style: solid;
    border-bottom-width: 0;
    border-bottom: 1px solid #c6c4c4 !important;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
    border-radius: 0 !important;
}

.wpcf7-form-control.wpcf7-textarea.form-control {
    border: 0 solid white !important;
    border-bottom-color: white;
    border-bottom-style: solid;
    border-bottom-width: 0;
    border-bottom-color: white;
    border-bottom-style: solid;
    border-bottom-width: 0;
    border-bottom-color: white;
    border-bottom-style: solid;
    border-bottom-width: 0;
    border-bottom-color: white;
    border-bottom-style: solid;
    border-bottom-width: 0;
    border-bottom: 1px solid #c6c4c4 !important;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
    border-radius: 0 !important;
}

textarea.form-control {
    height: 150px !important;
}

.wpcf7-form-control.wpcf7-submit.btn.btn-primary {
    background-color: #007aff !important;
    border-radius: 8px !important;
    line-height: 2 !important;
    width: 40% !important;
    font-size: 17px !important;
    padding-bottom: 5px;
}

.wpcf7 p {
    color: #535151 !important;
}

form.wpcf7-form input,
form.wpcf7-form textarea {
    width: 92%;
    padding-bottom: 10px;
    border: 1px #fff solid;
    border-bottom-color: rgb(255, 255, 255);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom: 1px solid #c6c4c4 !important;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #5b5858;
    background-color: #2d2e2e14;
    background-image: none;
    border: 1px solid #ccc !important;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(255 255 255 / 8%);
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.rotation-green-title {
    color: #84c561 !important;
    font-size: 30px;
    margin: 0;
    font-weight: 300;
    text-align: left;
}

.rotation-blue-text {
    color: #075c8f !important;
    font-size: 15px;
    font-weight: 300;
    text-align: left;
}

.separator {
    width: 100%;
    margin: 15px auto;
    position: relative;
    height: 1px;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1, 1);
    color: white !important;
}

.default-bg .separator::after,
.dark-translucent-bg .separator::after,
.default-translucent-bg .separator::after,
.light.separator::after {
    background: rgba(255, 255, 255, 0.5);
    background: -moz-linear-gradient(left,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.5) 35%,
            rgba(255, 255, 255, 0.5) 70%,
            rgba(255, 255, 255, 0) 100%);
    background: -webkit-gradient(linear,
            left top,
            right top,
            color-stop(0%, rgba(255, 255, 255, 0)),
            color-stop(35%, rgba(255, 255, 255, 0.5)),
            color-stop(70%, rgba(255, 255, 255, 0.5)),
            color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.5) 35%,
            rgba(255, 255, 255, 0.5) 70%,
            rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.5) 35%,
            rgba(255, 255, 255, 0.5) 70%,
            rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.5) 35%,
            rgba(255, 255, 255, 0.5) 70%,
            rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.5) 35%,
            rgba(255, 255, 255, 0.5) 70%,
            rgba(255, 255, 255, 0) 100%);
}

.separator::after {
    height: 1px;
    background: #e8e8e8;
    background: -moz-linear-gradient(left,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0.09) 35%,
            rgba(0, 0, 0, 0.09) 70%,
            rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(linear,
            left top,
            right top,
            color-stop(0%, rgba(0, 0, 0, 0)),
            color-stop(35%, rgba(0, 0, 0, 0.09)),
            color-stop(70%, rgba(0, 0, 0, 0.09)),
            color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(left,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0.09) 35%,
            rgba(0, 0, 0, 0.09) 70%,
            rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(left,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0.09) 35%,
            rgba(0, 0, 0, 0.09) 70%,
            rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(left,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0.09) 35%,
            rgba(0, 0, 0, 0.09) 70%,
            rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0.09) 35%,
            rgba(0, 0, 0, 0.09) 70%,
            rgba(0, 0, 0, 0) 100%);
    position: absolute;
    bottom: -1px;
    content: "";
    width: 100%;
    left: 0;
}

.containLoginLine2 {
    /* box-shadow: 0 4px 6px 0 #e9e8e8; */

    background-color: rgba(0, 0, 0, 0.8);
    background-color: #fff0;
}

.btn-default {
    background-color: #0b6c91;
    border-color: #0b6c91;
    padding: 7px 20px;
    color: white;
}

.signinrighttext {
    color: #000000;
    line-height: 2;
    font-size: 15px;
    font-weight: 300;
}

.separator-2,
.separator-3 {
    width: 100%;
    margin-bottom: 15px;
    position: relative;
    height: 1px;
}

.separator-2::after {
    height: 1px;
    background: #d1d1d1;
    background: -moz-linear-gradient(left,
            rgba(0, 0, 0, 0.18) 0%,
            rgba(0, 0, 0, 0.12) 35%,
            rgba(0, 0, 0, 0.05) 70%,
            rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(linear,
            left top,
            right top,
            color-stop(0%, rgba(0, 0, 0, 0.18)),
            color-stop(35%, rgba(0, 0, 0, 0.12)),
            color-stop(70%, rgba(0, 0, 0, 0.05)),
            color-stop(100%, rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(left,
            rgba(0, 0, 0, 0.18) 0%,
            rgba(0, 0, 0, 0.12) 35%,
            rgba(0, 0, 0, 0.05) 70%,
            rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(left,
            rgba(0, 0, 0, 0.18) 0%,
            rgba(0, 0, 0, 0.12) 35%,
            rgba(0, 0, 0, 0.05) 70%,
            rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(left,
            rgba(0, 0, 0, 0.18) 0%,
            rgba(0, 0, 0, 0.12) 35%,
            rgba(0, 0, 0, 0.05) 70%,
            rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right,
            rgba(0, 0, 0, 0.18) 0%,
            rgba(0, 0, 0, 0.12) 35%,
            rgba(0, 0, 0, 0.05) 70%,
            rgba(0, 0, 0, 0) 100%);
    position: absolute;
    bottom: -1px;
    left: 0;
    content: "";
    width: 100%;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu {
    min-height: 20px;
}

/*-------------------------------- CHANGE MY PROFILE STYLE -------------------------------------------------------------*/
/*-------------------------------- DELETE THIS SECTION TO RESTORE ----------------------------------------------*/
.my-profile-panel {
    background: #ffffff !important;
    padding: 10px;
    margin-top: 15px;
    width: 100%;
    margin-bottom: 15px;
    border: 2px solid !important;

    border-color: #404378 !important;
    border-radius: 5px !important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 5px 0 rgba(0, 0, 0, 0.08), 0 3px 1px -2px rgba(0, 0, 0, 0.1);
}

.my-account-panel {
    background: #ffffff !important;
    padding: 10px;
    margin-top: 15px;
    width: 100%;
    margin-bottom: 15px;
    border: 2px solid !important;

    border-color: #404378 !important;
    border-radius: 5px !important;

    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 5px 0 rgba(0, 0, 0, 0.08), 0 3px 1px -2px rgba(0, 0, 0, 0.1);
}

.contain-left-side-bar ul li {
    color: #404378 !important;
    text-transform: uppercase !important;
    font-size: 18px !important;
    font-weight: normal !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 5px 0 rgba(0, 0, 0, 0.08), 0 3px 1px -2px rgba(0, 0, 0, 0.1);
}

.contain-left-side-bar ul li.active {
    position: relative;
    background-color: #e2e5e5 !important;
    color: #fff !important;
    border-radius: 5px !important;
}

.blue-background {
    background: #fff !important;
}

.contain-left-side-bar {
    background-color: #fff !important;
    padding-top: 35px;
    border: 2px solid !important;

    border-color: #404378 !important;
    border-radius: 5px !important;
}

.contain-left-side-bar .clientName {
    color: #404378 !important;

    font-size: 22px !important;

    text-align: center !important;

    padding-top: 5px !important;

    text-transform: none !important;

    padding-bottom: 0 !important;

    font-weight: normal !important;

    padding-left: 15px !important;
}

.my-cashier-panel {
    background: #ffffff !important;
    padding: 10px;
    margin-top: 15px;
    width: 100%;
    margin-bottom: 15px;
    border: 2px solid !important;

    border-color: #404378 !important;
    border-radius: 5px !important;
    border-radius: 5px !important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 5px 0 rgba(0, 0, 0, 0.08), 0 3px 1px -2px rgba(0, 0, 0, 0.1);
}

.dynamic-panel {
    border: 2px solid !important;

    border-color: #404378 !important;
    border-radius: 5px !important;
    border-radius: 5px !important;
}

.blueColor {
    color: #3fd530 !important;
    background-color: inherit !important;
}

a.found-button {
    background-color: #3fd530 !important;
    background-color: #3fd530 !important;
    margin-left: 0 !important;
    border: #3fd530 !important;
    float: right !important;
    margin-right: 5px !important;
    height: 28px !important;
    margin-left: 5px !important;
    border-radius: 3px;
}

table.table.panelTable tr td {
    border: 1px #fff solid !important;
    font-size: 14px !important;
}

table.table.panelTable {
    border: 1px #fff solid !important;
    font-size: 14px !important;
}

.panelTable {
    border: 1px #fff solid !important;
    font-size: 14px !important;
}

.title-panel {
    font-size: 19px !important;
    color: #404378 !important;
    text-align: center !important;
    padding-bottom: 27px !important;
    padding-top: 15px !important;
    font-weight: 400 !important;
}

.my-cashier-panel .deposit-button {
    background-color: #3fd530 !important;
    margin-left: 0 !important;
    border: #3fd530 !important;
    float: right !important;

    margin-right: 5px !important;

    height: 28px !important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 5px 0 rgba(0, 0, 0, 0.08), 0 3px 1px -2px rgba(0, 0, 0, 0.1);
}

.withdrawal-button,
.withdrawal-button:hover {
    background: #6ad !important;
    border: 1px #6ad solid !important;
    margin-left: 10px !important;
    float: right !important;

    margin-right: 5px !important;
    height: 28px !important;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #fff !important;
}

.table thead {
    background-color: #404378 !important;
}

.sorting_desc {
    background-color: #404378 !important;
    border-left: 1px solid !important;
}

.sorting {
    background-color: #404378 !important;
    border-left: 1px solid !important;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
    *margin-top: -1px;
    -webkit-overflow-scrolling: touch;
    height: auto !important;
    padding-bottom: 15px !important;
}

.my-trades-panel {
    border: 2px solid !important;

    border-color: #404378 !important;
    border-radius: 5px !important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 5px 0 rgba(0, 0, 0, 0.08), 0 3px 1px -2px rgba(0, 0, 0, 0.1);
}

.dynamicRow {
    padding-top: 20px !important;
}

.tradingTabs {
    background: #fff !important;
    color: #404378 !important;
    border: 2px solid #404378 !important;
    border-bottom-color: rgb(255, 178, 0);
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom: 0 solid !important;
}

.tradingTabs.active {
    background: #404378 !important;
    text-align: center !important;
    color: #ffffff !important;
}

.my-trades-panel p {
    color: #79797a !important;
    font-weight: normal !important;
}

.my-trades-panel span {
    color: #79797a !important;
    font-size: 12px !important;
}

.my-trades-panel label {
    font-size: 13px !important;
    color: #79797a !important;
}

.my-trades-panel select {
    font-size: 13px !important;
    color: #79797a !important;
}

.fa {
    color: #79797a !important;

    margin-left: 10px !important;

    font-size: 12px !important;
}

.dataTables_wrapper label {
    color: #79797a !important;
    font-size: 13px !important;
}

.dataTables_wrapper select {
    color: #79797a !important;
    font-size: 13px !important;
}

table.table.panelTable tr td ul.trade-list li .small-size-font {
    border: 1px #fff solid !important;
    color: gray !important;
}

.my-account-panel {
    color: gray !important;
}

.brand-name {
    color: gray !important;
}

.submitTitle {
    color: gray !important;
}

.someId1Small {
    color: gray !important;
}

.profile-form {
    color: gray !important;
}

.featured-box-text .boxGraydown h2,
p {
    color: gray;
}

.notConnectedYet {
    color: gray !important;
}

table.panelTable {
    border: 1px #fff solid !important;
}

.padding-bottom {
    padding-bottom: 20px !important;
}

.password-box label {
    color: gray !important;
}

.label {
    color: gray !important;
}

.notConnectedYet hr {
    border-bottom: 0 solid #fff !important;
}

.notConnectedYet {
    padding-top: 5px !important;
}

.submitPassword {
    margin-left: 40px !important;

    margin-top: 10px !important;
    background: #66abde;
    color: #ffffff;
    border: 0;
    padding-top: 7px !important;
    min-width: 150px !important;
    height: 35px;
    padding-bottom: 7px !important;
}

.dataTables_wrapper {
    padding-top: 10px !important;
}

.my-profile-panel img {
    width: 80% !important;
}

.my-profile-panel label {
    color: gray !important;
}

.iconDownLoad {
    display: none !important;
}

.verification label {
    color: gray !important;
}

.my-profile-panel {
    width: 100% !important;
    padding-bottom: 10px !important;
}

.my-profile-panel hr {
    padding-bottom: 20px !important;
    padding-top: 20px !important;

    border-bottom: 1px solid #beb0b0 !important;
    margin: 22px !important;
}

.date-label {
    padding-left: 20px !important;
}

.date_range_filter {
    margin-left: 7px !important;
}

.contain-left-side-bar ul li .triangular {
    display: none;
    position: absolute;
    right: -25px;
    content: " ";
    width: 0;
    top: 3px !important;
    height: 0;
    border-style: solid;
    border-width: 21px 0 21px 22px !important;

    z-index: 99;
}

.triangular {
    color: red !important;
}

.dataTables_scrollBody {
    border-bottom: 1px solid #fff !important;
}

.found-trade {
    background-color: #66aadd !important;

    margin-left: 0 !important;

    float: right !important;
    margin-right: 5px !important;
    height: 28px !important;
    margin-left: 5px !important;
    border-radius: 3px !important;
}

a.found-trade,
a.found-button {
    border-radius: 3px !important;
}

.panel-default {
    border-color: #fff !important;
    font-size: 15px !important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 5px 0 rgba(0, 0, 0, 0.08), 0 3px 1px -2px rgba(0, 0, 0, 0.1);
}

.panel-title {
    font-size: 16px !important;

    font-weight: 400 !important;
    color: #2e4194 !important;
}

.contain-left-side-bar {
    margin-top: 15px !important;
}

.profile-form {
    padding-left: 40px !important;
}

.description {
    padding-top: 75px !important;
    padding-left: 20px !important;
}

.password-box {
    padding-left: 40px !important;
}

table.table.panelTable tr td {
    border: 1px #fff solid !important;
}

.goldbutn {
    border: 1px solid transparent;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    padding: 2px 8px;
    background: -webkit-linear-gradient(128deg, #a68537 20%, #f8f39a 40%, #a68537 72%);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    border-image: -webkit-linear-gradient(128deg, #a68537 20%, #f8f39a 40%, #a68537 72%);
    border-image-slice: 100%;
    border-image-slice: 1;
}

.btn-login {
    width: 100%;
    height: 45px;
    font-size: 18px;
    display: inline-block;
    margin: 0 15px 0 0;
    background-color: #fff;

    border: 1px solid #006397;

    color: #006397;
    border-radius: 4px;
    text-transform: none;
    padding: 9px 12px 6px;
    line-height: 14px;
    padding: 9px 12px 6px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.btn-login a:hover {
    color: #006397 !important;

    text-decoration: none !important;

    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.55), 0 6px 21px 0 rgba(0, 0, 0, 0.33) !important;
}

.btn-login:hover {
    color: #006397 !important;

    text-decoration: none !important;

    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.55), 0 6px 21px 0 rgba(0, 0, 0, 0.33) !important;
}

.btn-login2 {
    display: inline-block;
    margin: 0 15px 0 0;
    background-color: #fff;

    border: 1px solid #006397;

    color: #006397;

    border-radius: 4px;
    text-transform: none;
    padding: 9px 12px;
    line-height: 14px;

    padding: 9px 12px, 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.btn-login2 a:hover {
    color: #006397 !important;

    text-decoration: none !important;

    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.55), 0 6px 21px 0 rgba(0, 0, 0, 0.33) !important;
}

.btn-login2:hover {
    color: #006397 !important;

    text-decoration: none !important;

    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.55), 0 6px 21px 0 rgba(0, 0, 0, 0.33) !important;
}

.btn-registration {
    color: #fff !important;
    display: inline-block;
    margin: 0 15px 0 0;
    background-color: #006397;
    border: 1px solid #006397;
    color: #fff;
    border-radius: 4px;
    text-transform: none;
    padding: 9px 12px;
    line-height: 14px;
    padding: 9px 12px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.btn-registration a:hover {
    color: #fff !important;

    text-decoration: none !important;

    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.55), 0 6px 21px 0 rgba(0, 0, 0, 0.33) !important;
}

.btn-registration:hover {
    color: #fff !important;

    text-decoration: none !important;

    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.55), 0 6px 21px 0 rgba(0, 0, 0, 0.33) !important;
}

.user-username {
    text-wrap: nowrap;
}

.nav {
    float: left !important;
}

ul.nav.nav-tabs.my-tabs {
    float: none !important;
}

div#n2-ss-2 {
    display: block;
}

div#n2-ss-12,
div#n2-ss-12-placeholder {
    display: none;
}

@media only screen and(max-width: 440px) {

    div#n2-ss-2,
    div#n2-ss-2-placeholder {
        display: none;
    }

    div#n2-ss-12 {
        display: block;
    }
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    background: #00000066 !important;
    min-height: 70px;
}

textarea.form-control {
    height: 150px !important;
}

#toggleMenuActionMobile {
    width: 300px !important;
    background-color: #6d6e7000 !important;

    border-bottom: 0 #2d2d2d solid !important;
}

/*-------------------------------- CHANGE MY PROFILE STYLE -------------------------------------------------------------*/
/*-------------------------------- DELETE THIS SECTION TO RESTORE ----------------------------------------------*/
.my-profile-panel {
    background: #ffffff !important;
    padding: 10px;
    margin-top: 15px;
    width: 100%;
    margin-bottom: 15px;
    border: 2px solid !important;

    border-color: #404378 !important;
    border-radius: 0 !important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 5px 0 rgba(0, 0, 0, 0.08), 0 3px 1px -2px rgba(0, 0, 0, 0.1);
}

.my-account-panel {
    background: #ffffff !important;
    padding: 10px;
    margin-top: 15px;
    width: 100%;
    margin-bottom: 15px;
    border: 2px solid !important;

    border-color: #404378 !important;
    border-radius: 5px !important;

    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 5px 0 rgba(0, 0, 0, 0.08), 0 3px 1px -2px rgba(0, 0, 0, 0.1);
}

#tradesTable tr.odd td.sorting_1,
#tradesTable tr.even td.sorting_1,
#tradesTable tr td,
#forexTable tr.odd td.sorting_1,
#forexTable tr.even td.sorting_1,
#forexTable tr td,
#cryptoTable tr.odd td.sorting_1,
#cryptoTable tr.even td.sorting_1,
#cryptoTable tr td {
    border: 0 #000 solid !important;
}

.contain-left-side-bar ul li {
    color: #404378 !important;
    text-transform: uppercase !important;
    font-size: 18px !important;
    font-weight: normal !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 5px 0 rgba(0, 0, 0, 0.08), 0 3px 1px -2px rgba(0, 0, 0, 0.1);
}

.contain-left-side-bar ul li.active {
    position: relative;
    background-color: #e2e5e5 !important;
    color: #fff !important;
    border-radius: 5px !important;
}

.blue-background {
    background: #fff !important;
}

.contain-left-side-bar {
    background-color: #fff !important;
    padding-top: 35px;
    border: 2px solid !important;

    border-color: #404378 !important;
    border-radius: 5px !important;
}

.contain-left-side-bar .clientName {
    color: #404378 !important;

    font-size: 22px !important;

    text-align: center !important;

    padding-top: 5px !important;

    text-transform: none !important;

    padding-bottom: 0 !important;

    font-weight: normal !important;

    padding-left: 15px !important;
}

.my-cashier-panel {
    background: #ffffff !important;
    padding: 10px;
    margin-top: 15px;
    width: 100%;
    margin-bottom: 15px;
    border: 2px solid !important;

    border-color: #404378 !important;
    border-radius: 0 !important;
    border-radius: 0 !important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 5px 0 rgba(0, 0, 0, 0.08), 0 3px 1px -2px rgba(0, 0, 0, 0.1);
}

.dynamic-panel {
    border: 2px solid !important;

    border-color: #404378 !important;
    border-radius: 5px !important;
    border-radius: 5px !important;
}

.blueColor {
    color: #3fd530 !important;
    background-color: inherit !important;
}

a.found-button {
    background-color: #3fd530 !important;
    background-color: #3fd530 !important;
    margin-left: 0 !important;
    border: #3fd530 !important;
    float: right !important;
    margin-right: 5px !important;
    height: 28px !important;
    margin-left: 5px !important;
    border-radius: 3px;
}

table.table.panelTable tr td {
    border: 1px #fff solid !important;
    font-size: 14px !important;
}

table.table.panelTable {
    border: 1px #fff solid !important;
    font-size: 14px !important;
}

.panelTable {
    border: 1px #fff solid !important;
    font-size: 14px !important;
}

.title-panel {
    font-size: 19px !important;
    color: #404378 !important;
    text-align: center !important;
    padding-bottom: 27px !important;
    padding-top: 15px !important;
    font-weight: 400 !important;
}

.my-cashier-panel .deposit-button {
    background-color: #3fd530 !important;
    margin-left: 0 !important;
    border: #3fd530 !important;
    float: right !important;

    margin-right: 5px !important;

    height: 28px !important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 5px 0 rgba(0, 0, 0, 0.08), 0 3px 1px -2px rgba(0, 0, 0, 0.1);
}

.withdrawal-button,
.withdrawal-button:hover {
    background: #6ad !important;
    border: 1px #6ad solid !important;
    margin-left: 10px !important;
    float: right !important;

    margin-right: 5px !important;
    height: 28px !important;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #fff !important;
}

.table thead {
    background-color: #404378 !important;
}

.sorting_desc {
    background-color: #ffffff !important;
    border-left: 0 solid !important;
    color: #0288d1 !important;
    font-weight: 500 !important;
}

.sorting {
    background-color: #ffffff !important;
    border-left: 0 solid !important;
    color: #0288d1 !important;
    font-weight: 500 !important;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
    *margin-top: -1px;
    -webkit-overflow-scrolling: touch;
    height: auto !important;
    padding-bottom: 15px !important;
}

table.dataTable thead th,
table.dataTable thead td {
    border-bottom: 0 solid #111 !important;
}

.my-trades-panel {
    border: 2px solid !important;

    border-color: #404378 !important;
    border-radius: 0 !important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 5px 0 rgba(0, 0, 0, 0.08), 0 3px 1px -2px rgba(0, 0, 0, 0.1);
}

.dynamicRow {
    padding-top: 20px !important;
}

.tradingTabs {
    background: #fff !important;
    color: #404378 !important;
    border: 2px solid #404378 !important;
    border-bottom-color: rgb(255, 178, 0);
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom: 0 solid !important;
    margin-left: 0 !important;
}

.tradingTabs.active {
    background: #404378 !important;
    text-align: center !important;
    color: #ffffff !important;
}

.my-trades-panel p {
    color: #79797a !important;
    font-weight: normal !important;
}

.my-trades-panel span {
    color: #79797a !important;
    font-size: 12px !important;
}

.my-trades-panel label {
    font-size: 13px !important;
    color: #79797a !important;
}

.my-trades-panel select {
    font-size: 13px !important;
    color: #79797a !important;
}

.fa {
    margin-left: 10px !important;

    font-size: 16px !important;
}

.dataTables_wrapper label {
    color: #79797a !important;
    font-size: 13px !important;
}

.dataTables_wrapper select {
    color: #79797a !important;
    font-size: 13px !important;
}

table.table.panelTable tr td ul.trade-list li .small-size-font {
    border: 1px #fff solid !important;
    color: gray !important;
}

.my-account-panel {
    color: gray !important;
}

.brand-name {
    color: gray !important;
}

.submitTitle {
    color: gray !important;
}

.someId1Small {
    color: gray !important;
}

.profile-form {
    color: gray !important;
}

.featured-box-text .boxGraydown h2,
p {
    color: black;
}

.notConnectedYet {
    color: gray !important;
}

table.panelTable {
    border: 1px #fff solid !important;
}

.padding-bottom {
    padding-bottom: 20px !important;
}

.password-box label {
    color: gray !important;
}

.label {
    color: gray !important;
}

.notConnectedYet hr {
    border-bottom: 0 solid #fff !important;
}

.notConnectedYet {
    padding-top: 5px !important;
}

.submitPassword {
    margin-left: 40px !important;

    margin-top: 10px !important;
    background: #66abde;
    color: #ffffff;
    border: 0;
    padding-top: 7px !important;
    min-width: 150px !important;
    height: 35px;
    padding-bottom: 7px !important;
}

.dataTables_wrapper {
    padding-top: 10px !important;
}

.my-profile-panel img {
    width: 80% !important;
}

.my-profile-panel label {
    color: gray !important;
}

.iconDownLoad {
    display: none !important;
}

.verification label {
    color: gray !important;
}

.my-profile-panel {
    width: 100% !important;
    padding-bottom: 10px !important;
}

.my-profile-panel hr {
    padding-bottom: 20px !important;
    padding-top: 20px !important;

    border-bottom: 1px solid #beb0b0 !important;
    margin: 22px !important;
}

.date-label {
    padding-left: 0 !important;
}

.date_range_filter {
    margin-left: 7px !important;
}

.contain-left-side-bar ul li .triangular {
    display: none;
    position: absolute;
    right: -25px;
    content: " ";
    width: 0;
    top: 3px !important;
    height: 0;
    border-style: solid;
    border-width: 21px 0 21px 22px !important;

    z-index: 99;
}

.triangular {
    color: red !important;
}

.dataTables_scrollBody {
    border-bottom: 1px solid #fff !important;
}

.found-trade {
    background-color: #66aadd !important;

    margin-left: 0 !important;

    float: right !important;
    margin-right: 5px !important;
    height: 28px !important;
    margin-left: 5px !important;
    border-radius: 3px !important;
}

a.found-trade,
a.found-button {
    border-radius: 3px !important;
}

.panel-default {
    border-color: #fff !important;
    font-size: 15px !important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 5px 0 rgba(0, 0, 0, 0.08), 0 3px 1px -2px rgba(0, 0, 0, 0.1);
}

.panel-title {
    font-size: 16px !important;

    font-weight: 400 !important;
    color: #2e4194 !important;
}

.contain-left-side-bar {
    margin-top: 15px !important;
    border-radius: 0 !important;
}

.profile-form {
    padding-left: 40px !important;
}

.description {
    padding-top: 75px !important;
    padding-left: 20px !important;
}

.password-box {
    padding-left: 40px !important;
}

table.table.panelTable tr td {
    border: 1px #fff solid !important;
}

/*------------------------------------------------------------------------------------------*/

.my-profile-panel {
    padding: 30px !important;
}

.my-cashier-panel {
    padding: 30px !important;
}

.my-trades-panel {
    padding: 30px !important;
}

.asset {
    color: #18268f !important;
}

.amount {
    color: #18268f !important;
}

.btnhomered {
    color: #fff !important;
    font-weight: 400 !important;
    background: #f5222d !important;
    border: 1px solid #f5222d !important;
    padding: 13px 30 PX !important;
    font-size: 24px !important;
}

.btnhomewhite {
    color: #fff !important;
    font-weight: 400 !important;
    background: #f5222d00 !important;
    border: 1px solid #fff !important;
    padding: 13px 30 PX !important;
    font-size: 24px !important;
}

.btnhomewhite2 {
    color: #142056 !important;
    font-weight: 400 !important;
    background: #fff !important;
    border: 1px solid #fff !important;
    padding: 13px 30 PX !important;
    font-size: 18px !important;
    border-radius: 0;
}

.m-title-4black {
    font-size: 18px !important;
    line-height: 2;
    color: #000 !important;
    font-weight: 500;
}

.m-title-1 {
    font-size: 36px;
    line-height: 40px;
    color: #323132 !important;
    font-weight: 700;
}

.my-profile-panel img {
    width: 40% !important;
}

.assets_type_divider {
    color: #626060 !important;
}

.form-control::placeholder {
    color: white !important;
}

.fa.fa-search {
    color: white !important;
}

#autoSearchautocomplete-list>div {
    color: #5f5c5c !important;
}

#payoutText {
    color: white;
}

#strikePrice {
    color: white;
}

.wpml-ls-legacy-dropdown a {
    background-color: #fff0 !important;
}

.wpml-ls-legacy-dropdown a:hover,
.wpml-ls-legacy-dropdown a:focus,
.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a {
    background: #fff0 !important;
}

/*-----------------------------------------------  NEW DESIGN --------------------------------------------------------------*/

.trust-pilot {
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.trust-pilot {
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    padding-bottom: 2rem;
    padding-top: 2rem;
}

.trust-pilot {
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-justify-content: center;
    justify-content: center;
    padding-bottom: 1rem;
    padding-top: 1rem;
}

.prs-container--dark-bg {
    background-color: #f9f9f9;
}

.prs-container {
    padding: 0 calc(100% 0 75rem);
}

.prs-container {
    padding: 0 2rem;
}

.trust-pilot .trust-pilot-description {
    font-size: 1.25rem;
    margin-bottom: 0;
    margin-right: 20px;
    text-align: left;
}

.trust-pilot-description {
    font-size: 1rem;
    font-weight: 300;
    margin-bottom: 2px;
    text-align: center;
}

.trust-pilot-description b {
    white-space: nowrap;
}

.trust-pilot b {
    display: inline;
}

.trust-pilot b {
    display: block;
}

b {
    font-weight: 600;
}

* {
    box-sizing: border-box;
}

.trust-pilot .trust-pilot-description {
    font-size: 1.25rem;
    text-align: left;
}

.trust-pilot-description {
    font-size: 1rem;
    font-weight: 300;
    text-align: center;
}

.trustpilot-widget {
    margin-top: 8px;
}

.textsize19 {
    font-weight: 300;
    line-height: 1.5;
    font-size: 19px !important;
}

.textsize19c {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 500;
    font-size: 15px !important;
    line-height: 22px;
    color: #637085;
    text-align: center !important;
}

.textsize19bc {
    font-family: "Archivo";
    font-style: normal;
    font-weight: 800;
    font-size: 28px !important;
    line-height: 50px;
    text-align: center !important;
    color: #12171f;
}

.center1 {
    text-align: center;
}

.btnnewblue {
    opacity: 1;
    background-color: #0fbf04;
    border-color: #0fbf04;
    padding: 13px 40px;
    font-size: 19px;
    color: white !important;
    text-decoration: none !important;
    border-radius: 5px;
}

.btnnewblue:hover {
    background-color: #20d715;
    border-color: #20d715;

    color: white !important;
    text-decoration: none !important;
}

.fullsize {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    margin-top: 20px;
    left: 50%;
}

.btnnewbluemain {
    opacity: 1;
    background-color: #52afee;
    border-color: #52afee;
    padding: 8px 30px;
    color: white !important;
    text-decoration: none !important;
    border-radius: 5px;
}

.btnnewbluemain:hover {
    background-color: #249ae9;
    border-color: #249ae9;

    color: white !important;
    text-decoration: none !important;
}

.btnnewplainmain {
    text-decoration: none !important;
    background-color: #ff000000;
    color: #4db2ec;
    padding: 13px 25px;
    border: 1px solid #4db2ec;
    text-transform: uppercase;
}

.btnnewplainmain:hover {
    color: gray;
    border: 1px solid gray;
    text-transform: uppercase;
}

.btntranspr {
    color: #fff;
    border-radius: 4px;
    border: 1px solid #52afee;
    text-decoration: none !important;
    background-color: #52afee00;
    padding: 8px 30px;
    font-size: 19px;
}

.btntranspr:hover {
    color: #fff;
    border-radius: 4px;
    border: 1px solid #52afee;
    text-decoration: none !important;
    background-color: #52afee00;
    padding: 8px 30px;
    font-size: 19px;
}

.link19 {
    font-weight: 300;
    line-height: 1.5;
    font-size: 19px !important;
    color: #52afee;
    text-decoration: none !important;
}

.link19:hover {
    font-weight: 300;
    line-height: 1.5;
    font-size: 19px !important;
    color: #249ae9;
    text-decoration: none !important;
}

.link16 {
    font-weight: 300;
    line-height: 1.5;
    font-size: 16px !important;
    color: #52afee;
    text-decoration: none !important;
}

.link16:hover {
    font-weight: 300;
    line-height: 1.5;
    font-size: 16px !important;
    color: #249ae9;
    text-decoration: none !important;
}

.text44 {
    font-size: 44px;
    color: black;
}

@media (max-width: 767px) {
    .mobileoff {
        display: none;
    }
}

.page-id-4632 {
    background: url("/wp-content/uploads/2021/09/photo_2022-05-09_10-53-44.jpg") no-repeat 50% / cover, #444;
}

.page-id-16477 {
    background: url("/wp-content/uploads/2021/09/photo_2022-05-09_10-53-44.jpg") no-repeat 50% / cover, #444;
}

.form-group {
    color: #666565;
}

.mega-wpml-ls-current-language {}

p.footdisc.color-offwhite {
    font-size: 11px;
    color: #464444;
    text-transform: uppercase;
    font-weight: 300;
    line-height: 1.54;
}

p.footer-bottom__rights.test123 {
    font-size: 11px !important;
    color: #464444 !important;
    text-transform: uppercase !important;
    font-weight: 300 !important;
    line-height: 1.54 !important;
}

.tph_submit_button {
    font-weight: bold !important;
    background: #ffffff00 !important;
    border: 0 solid gray !important;
    border-radius: 0 !important;
    padding: 5px 20px !important;
    color: #ffffff !important;
    font-size: 14px !important;
}

.tph_submit_button:hover {
    border-bottom: 1px solid #52afee !important;
}

.rc-anchor-light {
    background: #f9f9f900 !important;
    color: #fff !important;
}

.recaptcha-checkbox-border {
    background-color: #fff0 !important;
}

.rc-anchor-normal {
    background: #f9f9f900 !important;
    color: #fff !important;
}

.titles-main {
    font-size: 40px !important;
    font-weight: 700 !important;
    font-weight: 400 !important;
    color: #075c8f !important;
    text-transform: none;
    text-align: left !important;
}

.color-blue-light {
    color: #0b7da8 !important;
}

/*-------------------------  popup login --------------------------------------------------*/

.contacttext {
    font-size: 16px;
    line-height: 25px;
    color: #323132;
    font-weight: 400;
}

.contacttext:hover {
    font-size: 16px;
    line-height: 25px;
    color: #000 !important;
    font-weight: 400;
}

.contacttitle {
    font-size: 26px;
    line-height: 30px;
    color: #18268f;
    font-weight: 500;
    float: left;
}

.contactbuttons {
    color: #18268f;

    padding: 20px 30px;
}

.windowlogin {
    display: inline-block;

    padding: 60px 60px 50px;

    background-color: white !important;

    width: 480px !important;

    position: relative !important;

    position: fixed !important;

    top: 0 !important;

    right: 0 !important;

    bottom: 0 !important;

    left: 0 !important;

    margin-right: auto !important;

    margin-left: auto !important;

    margin-top: 50px;
    height: 360px;
    box-shadow: 0 4px 6px 0 #c6c1c1;
}

.windowreg {
    display: inline-block;

    padding: 60px 60px 50px;

    background-color: white !important;

    width: 580px !important;

    position: relative !important;

    position: fixed !important;

    top: 0 !important;

    right: 0 !important;

    bottom: 0 !important;

    left: 0 !important;

    margin-right: auto !important;

    margin-left: auto !important;

    margin-top: 50px;
    height: 540px;
    box-shadow: 0 4px 6px 0 #c6c1c1;
}

select.input-lg {
    height: 36px !important;
}

/* Center the image and position the close button */
.imgcontainer {
    text-align: center;
    margin: 24px 0 12px;
    position: relative;
}

img.avatar {
    width: 40%;
    border-radius: 50%;
}

span.psw {
    float: right;
    padding-top: 16px;
}

/* The Modal (background) */
.modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 800px;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
    padding-top: 60px;
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 5% auto 15%;
    /* 5% from the top, 15% from the bottom and centered */
    border: 1px solid #888;
    width: 80%;
    /* Could be more or less, depending on screen size */
}

/* The Modal (background) */
.modal2 {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 1;
    /* Sit on top */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 800px;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
    padding-top: 60px;
}

/* Modal Content/Box */
.modal2-content {
    background-color: #fefefe;
    margin: 5% auto 15%;
    /* 5% from the top, 15% from the bottom and centered */
    border: 1px solid #888;
    width: 80%;
    /* Could be more or less, depending on screen size */
}

/* The Close Button (x) */
.close {
    position: absolute;
    right: 25px;
    top: 0;
    color: #000;
    font-size: 35px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: red;
    cursor: pointer;
}

/* Add Zoom Animation */
.animate {
    -webkit-animation: animatezoom 0.6s;
    animation: animatezoom 0.6s;
}

@-webkit-keyframes animatezoom {
    from {
        -webkit-transform: scale(0);
    }

    to {
        -webkit-transform: scale(1);
    }
}

@keyframes animatezoom {
    from {
        transform: scale(0);
    }

    to {
        transform: scale(1);
    }
}

/* Change styles for span and cancel button on extra small screens */
@media screen and(max-width: 300px) {
    span.psw {
        display: block;
        float: none;
    }

    .cancelbtn {
        width: 100%;
    }
}

@media screen and(max-width: 600px) {
    .mobileoff {
        display: none;
    }
}

.info-center-container {
    background-color: #18268f;
}

/*-------------------------  popup login --------------------------------------------------*/

.encyclopedia-prefix-filters {
    margin-left: auto;
    margin-right: auto;
    float: none;
    margin-top: 100px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 768px) {
    .encyclopedia-prefix-filters {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .encyclopedia-prefix-filters {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .encyclopedia-prefix-filters {
        width: 1170px;
    }
}

.spacedown {
    margin-bottom: 30px;
}

/*    new account page */

.features-table.top::after {
    min-height: 50px;
    content: "";
    position: absolute;
}

.features-table.top {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.04), 0 4px 16px 0 rgba(0, 0, 0, 0.07);
    padding: 10px;
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 30px;
    border: 2px solid transparent;
    cursor: pointer;
}

.features-table.top {
    cursor: pointer;
}

.features-table.top .title-container {
    padding: 2rem 0.5rem 1rem;
    font-weight: 300;
    text-align: center;
}

.features-table.top .title-table {
    margin-top: 0.5rem;
    margin-bottom: 3.1rem;
}

.features-table.top h2 {
    font-weight: 200;
    font-size: 30px;
}

.features-table.top .feature-button-container {
    text-align: center;
    padding: 2.5rem 3rem 2rem;
    min-height: 200px;
}

.features-table.top {
    cursor: pointer;
}

.main-hr {
    border-color: #007aff;
}

hr {
    border-bottom: 1px solid #777;
    border-bottom-color: rgb(119, 119, 119);
    border-left: 0;
    border-left-color: currentcolor;
    border-right: 0;
    border-right-color: currentcolor;
    border-top: 0;
    border-top-color: currentcolor;
    margin: 1.5rem 0;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

.top-features-points {
    min-height: 325px;
}

.top-features-points li p {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    font-weight: 400;
}

.fa-check::before {
    content: "\f00c";
}

.fa-times::before,
.fa-check::before {
    font-size: 30px;
    -webkit-text-stroke: 5px white;
}

.fa.blue {
    color: #81d742 !important;
    margin-left: 0 !important;
    margin-right: 10px !important;
}

.top-features-points li p i {
    margin-right: 10px;
}

.fa-check::before {
    content: "\f00c";
}

.fa-times::before,
.fa-check::before {
    font-size: 20px;
    -webkit-text-stroke: 1px white;
}

.features-table.top .feature-container .price-feature {
    font-size: 3rem;
    display: table-cell;
    border-collapse: collapse;
    text-align: right;
    font-weight: 300;
    float: right;
    color: black;
}

.features-table.top .feature-container .feature {
    font-size: 16px;
    color: #151414;
    font-weight: 300;
    padding-right: 1%;
    display: table-cell;
    vertical-align: middle;
    float: left;
}

.features-table.top .feature-container .feature span,
.features-table.top .feature-container .feature superindex {
    vertical-align: super;
    font-size: 12px;
}

.features-table.top .feature-button-container {
    text-align: center;
    padding: 2.5rem 3rem 2rem;
    min-height: 200px;
}

.features-table.top .feature-button-container .button {
    padding: 12px 25px;
    white-space: normal;
}

.btn-danger {
    color: #fff;
    background-color: #d9534f !important;
    border-color: #d43f3a !important;
}

.btn-success {
    color: #fff;
    background-color: #5cb85c !important;
    border-color: #4cae4c !important;
}

.demo_link {
    margin-top: 1rem;
    display: inline-block;
}

span.btn_warning {
    font-size: 12px;
    font-weight: 300;
    color: #888;
}

.features-table.top:hover,
.features-table.top.hover {
    border: 2px solid #007aff;
    -webkit-box-shadow: 0 0 48px -17px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 0 48px -17px rgba(0, 0, 0, 0.75);
    box-shadow: 0 0 48px -17px rgba(0, 0, 0, 0.75);
    cursor: pointer;
}

.feature-container {
    min-height: 50px;
    line-height: 0.3;
}

.h2 {
    font-size: 25px !important;
}

@media (max-width: 600px) {
    .mobileoff {
        display: none;
    }

    .mobile-row-reverse-flex {
        display: flex;
        flex-direction: row-reverse;
        justify-content: center;
    }

    .mobile-flex {
        display: flex;
        justify-content: center;
    }

    .mobilehed {
        float: left !important;
        width: auto;
        padding-right: 20px;
        padding-left: 10px;
    }

    .mobileheader {
        background-color: #fff !important;
    }

    .account-block {
        margin-bottom: 20px;
    }
}

.panel-body1 h3.panel-title1 {
    font-size: 26px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #ffffff;
    text-align: center;
}

.price {
    color: #a47a32 !important;
}

.panel-title1 {
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #a47a32 !important;
}

button.btn.btn-primary.btn-sm.tph_submit_button {}

button.btn.btn-primary.btn-sm.tph_submit_button:hover {}

.content {
    /* margin-top: 20px;  */
}

.alert-warning {
    color: #856404 !important;
    background-color: #fff3cd00 !important;
    border-color: #ffeeba00 !important;
}

#pro-platform .asset-flag.doge {
    background-position: -227px -1455px;
}

.asset-flag.asset-flag-stocks.afterpay {
    background-position: -200px -1105px;
}

.asset-flag.asset-flag-stocks.nectera {
    background-position: -105px -1103px;
}

.asset-flag.asset-flag-stocks.amc {
    background-position: -5px -1135px;
}

.asset-flag.asset-flag-stocks.yandex {
    background-position: -55px -1135px;
}

.asset-flag.asset-flag-stocks.xcel {
    background-position: -105px -1135px;
}

.asset-flag.asset-flag-stocks.tata-motors {
    background-position: -155px -1135px;
}

.asset-flag.asset-flag-stocks.solaredge {
    background-position: -205px -1135px;
}

.asset-flag.asset-flag-stocks.mrna {
    background-position: -5px -1165px;
}

.asset-flag.asset-flag-stocks.aramco {
    background-position: -57px -1165px;
}

.asset-flag.asset-flag-stocks.biontech {
    background-position: -105px -1165px;
}

.asset-flag.asset-flag-stocks.brookfield {
    background-position: -155px -1167px;
}

.asset-flag.asset-flag-stocks.clearway {
    background-position: -205px -1165px;
}

.asset-flag.asset-flag-stocks.crsp {
    background-position: -5px -1197px;
}

.asset-flag.asset-flag-stocks.xxxonmobil {
    background-position: -58px -1197px;
}

.asset-flag.asset-flag-stocks.gamestop {
    background-position: -108px -1197px;
}

/* new design for new broker css */

/* new heaader css */

@media (max-width: 600px) {
    .mobileoff {
        display: none;
    }

    .mobilehed {
        float: left !important;
        width: auto;
        padding-right: 20px;
        padding-left: 10px;
    }

    /*.mobileheader{ 
	background-color:#232323 !important;

}*/
}

.toph {
    float: left;

    padding-left: 10px;
    padding-right: 10px;
}

.containLoginLine3 {}

.containLoginLine2 {
    /* box-shadow: 0 4px 6px 0 #e9e8e8; */
    background: #fff;
    -webkit-box-shadow: 0 8px 16px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 8px 16px 0 rgb(0 0 0 / 10%);
    background-color: #fff;
}

/* new heaader css */

.textsize15 {
    line-height: 1.74;
    color: #383442;
    font-size: 15px;
    font-weight: 400;
}

p.text16 {
    color: #7c7a7a;
    font-size: 13;
    font-weight: 400;
}

@media (min-width: 1200px) {
    .consize {}
}

.btnnewplainmain {
    background: linear-gradient(163deg, #0fbf04, #a1dd9e);
    padding: 10px 20px;
    color: white;
    border: 0 solid #ffffff00;
    text-transform: uppercase;
}

.btnnewplainmain:hover {
    background-color: #20d715;
    border: 0 solid #ffffff00;
    color: white !important;
}

.btnnewbluemainac1 {
    background: linear-gradient(90deg, #15d7be, #068445);

    padding: 15px;
    color: white;
    text-transform: uppercase;
}

.btnnewbluemainac1:hover {
    background: linear-gradient(-60deg, #4db2ec, #5188f7);

    color: white !important;
    text-decoration: none !important;
    text-transform: uppercase;
}

.btnnewbluemainac2 {
    background: linear-gradient(-90deg, #2f0078, #e07e94);

    padding: 15px;
    color: white;
    text-transform: uppercase;
}

.btnnewbluemainac2:hover {
    background: linear-gradient(-60deg, #4db2ec, #5188f7);

    color: white !important;
    text-decoration: none !important;
    text-transform: uppercase;
}

.btnnewbluemainac3 {
    background: linear-gradient(-90deg, #0a0300, #bf9663);

    padding: 15px;
    color: white;
    text-transform: uppercase;
}

.btnnewbluemainac3:hover {
    background: linear-gradient(-60deg, #4db2ec, #5188f7);

    color: white !important;
    text-decoration: none !important;
    text-transform: uppercase;
}

.btnnewbluemainac4 {
    background: linear-gradient(-90deg, #0b101c, #383442);

    padding: 15px;
    color: white;
    text-transform: uppercase;
}

.btnnewbluemainac4:hover {
    background: linear-gradient(-60deg, #4db2ec, #5188f7);

    color: white !important;
    text-decoration: none !important;
    text-transform: uppercase;
}

.btnnewbluemainac5 {
    background-color: #b07f48;

    padding: 15px;
    color: white;
    text-transform: uppercase;
}

.btnnewbluemainac5:hover {
    background: linear-gradient(-60deg, #4db2ec, #5188f7);

    color: white !important;
    text-decoration: none !important;
    text-transform: uppercase;
}

.containLoginLine2 {
    box-shadow: none;
    background-color: #fff0;
}

.containLoginLine3 {
    background: #02305900 !important;
    border-top: none !important;
    border-bottom: none !important;
}

.containLoginLine4 {
    background: #0fbf04 !important;
    border-top: none !important;
    border-bottom: none !important;
}

.containLoginLine5 {
    box-shadow: none !important;
    background: #ffffff !important;
}

.mega-menu-item-15761 {
    color: #4a5b68 !important;
    font-size: 16px !important;
}

.mega-menu-item-media_image-7 {
    background: url("/wp-content/themes/theforest/images/pics/mt.jpg") no-repeat 50% / cover, #fff !important;
    height: 200px !important;
    padding: 20px !important;
    box-shadow: 0 3px 12px -1px rgb(7 10 25 / 20%), 0 22px 27px -20px rgb(7 10 25 / 20%) !important;
}

.mega-menu-item-media_image-8 {
    background: url("/wp-content/themes/theforest/images/pics/mob.jpg") no-repeat 50% / cover, #fff !important;
    height: 200px !important;
    padding: 20px !important;
    box-shadow: 0 3px 12px -1px rgb(7 10 25 / 20%), 0 22px 27px -20px rgb(7 10 25 / 20%) !important;
}

.mega-menu-item-media_image-9 {
    background: url("/wp-content/themes/theforest/images/pics/web.jpg") no-repeat 50% / cover, #fff !important;
    height: 200px !important;
    padding: 20px !important;
    box-shadow: 0 3px 12px -1px rgb(7 10 25 / 20%), 0 22px 27px -20px rgb(7 10 25 / 20%) !important;
}

li#mega-menu-item-media_image-10 {
    padding: 0 !important;
}

li#mega-menu-item-media_image-11 {
    padding: 0 !important;
}

li#mega-menu-item-media_image-12 {
    padding: 0 !important;
}

li#mega-menu-item-media_image-13 {
    padding: 0 !important;
}

li#mega-menu-item-media_image-14 {
    padding: 0 !important;
}

img.image.wp-image-16285.attachment-full.size-full {
    min-height: 160px;
    box-shadow: 0 3px 12px -1px rgb(7 10 25 / 20%), 0 22px 27px -20px rgb(7 10 25 / 20%) !important;
}

img.image.wp-image-16286.attachment-full.size-full {
    min-height: 160px;
    box-shadow: 0 3px 12px -1px rgb(7 10 25 / 20%), 0 22px 27px -20px rgb(7 10 25 / 20%) !important;
}

img.image.wp-image-16287.attachment-full.size-full {
    min-height: 160px;
    box-shadow: 0 3px 12px -1px rgb(7 10 25 / 20%), 0 22px 27px -20px rgb(7 10 25 / 20%) !important;
}

img.image.wp-image-16288.attachment-full.size-full {
    min-height: 160px;
    box-shadow: 0 3px 12px -1px rgb(7 10 25 / 20%), 0 22px 27px -20px rgb(7 10 25 / 20%) !important;
}

img.image.wp-image-16289.attachment-full.size-full {
    min-height: 160px;
    box-shadow: 0 3px 12px -1px rgb(7 10 25 / 20%), 0 22px 27px -20px rgb(7 10 25 / 20%) !important;
}

img.image.wp-image-16290.attachment-full.size-full {
    min-height: 160px;
    box-shadow: 0 3px 12px -1px rgb(7 10 25 / 20%), 0 22px 27px -20px rgb(7 10 25 / 20%) !important;
}

img.image.wp-image-16292.attachment-medium.size-medium {
    box-shadow: 0 3px 12px -1px rgb(7 10 25 / 20%), 0 22px 27px -20px rgb(7 10 25 / 20%) !important;
}

img.image.wp-image-16293.attachment-medium.size-medium {
    box-shadow: 0 3px 12px -1px rgb(7 10 25 / 20%), 0 22px 27px -20px rgb(7 10 25 / 20%) !important;
}

img.image.wp-image-16294.attachment-medium.size-medium {
    box-shadow: 0 3px 12px -1px rgb(7 10 25 / 20%), 0 22px 27px -20px rgb(7 10 25 / 20%) !important;
}

.mega-menu-item-15760 {
    color: #4a5b68 !important;
}

.mega-menu-item-15759 {
    color: #4a5b68 !important;
}

.mega-menu-item-15758 {
    color: #4a5b68 !important;
}

.mega-menu-item-15757 {
    color: #4a5b68 !important;
}

ul.mega-sub-menu {
    padding: 10px 10px 20px !important;
}

#pop {
    line-height: 1;
    display: none;
    top: 43px;
    position: absolute;
    z-index: 99999;
    padding: 25px 20px 20px;
    background: #ffffff;
    border: 1px solid #a2adbc;
    -moz-border-radius: 20px;
    -webkit-border-radius: 3px;
    margin: 0;
    -webkit-box-shadow: 0 0 5px 0 rgb(164 164 164);
    box-shadow: 0 0 5px 0 rgb(164 164 164);
}

#pop1 {
    line-height: 1.5;
    display: none;
    top: 43px;
    position: absolute;
    z-index: 99999;
    padding: 25px 20px 20px;
    background: #ffffff;
    border: 1px solid #a2adbc;
    -moz-border-radius: 20px;
    -webkit-border-radius: 3px;
    margin: 0;
    -webkit-box-shadow: 0 0 5px 0 rgb(164 164 164);
    box-shadow: 0 0 5px 0 rgb(164 164 164);
}

#depositFundPopUp .modal-header {}

.modal-header .close {
    margin-top: 12px !important;
    font-weight: 100 !important;
    font-size: 25px !important;
}

.card.name-psp-block {
    box-shadow: none !important;
    background-color: white !important;
}

.windowlogin {
    display: inline-block !important;
    background-color: white !important;
    width: 780px !important;
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding: 0 !important;
    margin-top: 50px !important;
    height: 460px !important;
    box-shadow: none !important;
}

.wpcf7-form-control.wpcf7-submit.btn.btn-primary {
    background-color: #dedddd !important;
    line-height: 2 !important;
    width: 100% !important;
    font-size: 16px !important;
    color: #595959 !important;
    padding-bottom: 5px !important;
    border-radius: 0 !important;
    font-weight: 600 !important;
}

.btnnewbluemain2 {
    opacity: 1;
    background-color: #52afee00;
    padding: 5px 20px !important;
    color: white !important;
    text-decoration: none !important;
    border-radius: 0;
    font-size: 13px !important;
}

.form-group {
    color: #e1dfdf;
    font-size: 16px;
}

.mainback {}

.mainback {}

.fa-comments-o:before,
.fa-envelope-o:before,
.fa-mobile-phone:before,
.fa-mobile:before {
    color: #fff !important;
    font-size: 16px;
}

.fa1:before {
    color: #09095f !important;
}

.card.form-psp-block {
    background-color: #ffffff00 !important;
}

.card.name-psp-block {
    background-color: #ffffff00 !important;
}

#notification_count {
    background: #08a0f9 !important;
}

option {
    background-color: #2c2b2bd9 !important;
}

.btnnewplainmain9 {
    text-decoration: none !important;
    background-color: #ff000000;
    color: #4db2ec;
    padding: 8px 20px;
    border: 1px solid #4db2ec;
    text-transform: uppercase;
    border-radius: 0;
    font-size: 14px !important;
}

.btnnewbluemain91 {
    background: linear-gradient(90deg, #061e30, rgba(2, 48, 89, 0.62));
    color: white;
    border: 1px solid #5f5f60;
    text-transform: uppercase;
    padding: 9px 20px;
    font-size: 14px !important;
}

/* new design for new broker css */
.container.margin_trade_block {
    width: 100% !important;
}

.btnnewbluemainz1 {
    background-color: rgb(255, 255, 255);
    color: rgb(2, 48, 89) !important;
    font-weight: 500;
    padding: 15px;
    text-transform: uppercase;
    text-decoration: none;
}

.name_directory_name_box {
    margin-bottom: 20px;
    font-size: 15px !important;
}

.name_directory_total {
    display: none;
}

.name_directory_index {
    margin-bottom: 30px;
}

.name_directory_index {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    padding-left: 34%;
    padding-right: 24%;
    background: linear-gradient(113.78deg, #81cf93 28.76%, #41a748 127.6%);

    line-height: 6;
}

.name_directory_startswith {
    font-size: 16px !important;
    color: white;
    border: 1px solid wheat;
    padding: 13px;
}

.efaq-selected-template-template-1 .efaq-front-title-wrap:hover,
.efaq-selected-template-template-1 .efaq-front-wrap-inner.efaq-tab-active .efaq-front-title-wrap {
    background: rgba(140, 140, 151, 0.1) !important;
    border-bottom-color: #fff0 !important;
}

.efaq-selected-template-template-1 .efaq-front-title-wrap {
    background: rgba(140, 140, 151, 0.1) !important;
    border-bottom-color: #fff0 !important;
}

.efaq-selected-template-template-1 .efaq-front-title {
    font-size: 15px !important;

    color: #383442 !important;
}

.efaq-front-wrap-inner {
    margin-top: 13px !important;
}

.efaq-selected-template-template-1 .efaq-front-content {
    font-size: 14px !important;
    color: #383442 !important;
    line-height: 1.74 !important;
}

span#strikePrice {
    color: gray;
    font-weight: 600;
}

span#payoutText {
    color: gray;
    font-weight: 600;
}

/*Platfrom fix*/
#table-fixed-big tbody tr {
    clear: both !important;
}

.grecaptcha-badge {
    display: none !important;
}

div#modal-header-popup {
    display: none;
}

/*           news page    */

.bdp_blog_template.news .bd-post-image img {
    max-height: 220px !important;
    -webkit-box-shadow: 5px 5px 10px #3d3b3b;
}

.bdp_blog_template.news {
    width: 70% !important;
}

@media (max-width: 600px) {
    .bdp_blog_template.news {
        width: 100% !important;
    }
}

.bd-post-image {
    text-align: center;
}

span.bd-category-link {
    display: none !important;
}

.bd-metadatabox {
    display: none !important;
}

.title1 {
    color: #023059;
    font-size: 26px !important;
    text-align: center;
    line-height: 1.4 !important;
    font-weight: 700 !important;
}

img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    width: 100% !important;
    height: auto;
    margin-top: 5px;
}

.wpbm-list-template-1 .wpbm-list-inner-wrap {
    border: 0 solid white !important;
    box-shadow: none !important;
    background-color: #fff0;
}

.wpbm-first-inner-wrap {
    width: 30% !important;
}

.wpbm-second-inner-wrap {
    width: 40% !important;
}

.wpbm-list-template-1 .wpbm-title a {
    font-size: 30px;
    line-height: 1.5;
    color: #333333 !important;
}

img.attachment-medium.size-medium.wp-post-image {
    min-height: 210px;
    width: 370px !important;
    -webkit-box-shadow: 5px 5px 10px #3d3b3b !important;
}

.wpbm-first-inner-wrap {
    padding-top: 27px !important;
}

img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    -webkit-box-shadow: 5px 5px 10px #3d3b3b;
}

@media (max-width: 600px) {
    .wpbm-second-inner-wrap {
        width: 100% !important;
    }
}

.wpbm-list-template-1 .wpbm-link-button a,
.wpbm-list-template-1 .wpbm-category-list a {
    padding: 9px 12px;
    border-radius: 4px !important;
    font-size: 14px;
    background-color: #f1f1f1 !important;
    color: #3b8fc0 !important;
}

.owl-carousel .wpbm-owl-item img {
    display: block;
    width: 100%;
    min-height: 350px !important;
    min-width: 100% !important;
}

.owl-theme .owl-controls .owl-nav [class*="owl-"] {
    background: #d6d6d600 !important;
}

.wpbm-slider-template-1 .wpbm-title a {
    font-size: 28px !important;
}

.wpbm-slider-template-1 .wpbm-content {
    line-height: 1.6 !important;
}

.wpbm-first-inner-wrap .wpbm-image {
    height: 225px !important;
}

.wpbm-slider-template-1.owl-theme .owl-dots .owl-dot span {
    background: #b9b9b9;
}

.wpbm-list-template-1 .wpbm-second-inner-wrap {
    padding-bottom: 0 !important;
}

option {
    background-color: #eeeeee !important;
}

/*           news page    */

.tooltip {
    color: #316f99 !important;
}

li#mega-menu-item-wpml-ls-8-en {
    display: none !important;
    visibility: hidden !important;
}

.market-quotes-widget__field--name-row-cell a {
    font-size: 15px !important;
    font-weight: 700 !important;
}

.btnnewbluemain6 {
    background: #0000007d;
    color: #bfbebe;
    border: 1px solid #08080800;
    text-transform: uppercase;
    font-weight: 500;
    padding: 12px 17px;
}

.btnnewplainmain7 {
    background: #0000007d;
    color: #bfbebe;
    border: 1px solid #08080800;
    text-transform: uppercase;
    font-weight: 500;
    padding: 12px 17px;
}

p {
    font-size: 16px;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu {
    z-index: 999;
    position: absolute;
    padding: 0;
    border: 0;

    width: auto;
    min-width: 250px;
}

.bx-viewport {
    height: 30px !important;
}

@media (min-width: 768px) {
    .section-heading {
        font-size: 30px;
        line-height: 38px;
    }
}

.text-default,
.text-default-600 {
    font-size: 14px;
    line-height: 24px;
    color: #75798a;
}

.gradient-text-1 {
    background: -webkit-linear-gradient(90deg, #6ef3e8 0%, #004fee 100%);
    background: linear-gradient(90deg, #b8f1a9 0%, #0fbf04 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 5px 0;
    -webkit-box-decoration-break: clone;
}

@media (min-width: 768px) {
    .text-md-left {
        text-align: left !important;
    }
}

.tp2-img {
    height: 30px;
}

.trustpilot-2 {
    padding: 15px;
    border-radius: 4px !important;
    border: 1px solid #e3e4e8;
    max-width: 265px;
    margin-left: auto;
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.text-right {
    text-align: right !important;
}

.tprating {
    color: #182435;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2rem;
}

.tpreview {
    color: #3e434c;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: -0.03em;
    line-height: 1.2rem;
}

.customer-review {
    margin-top: 15px;
    border: 1px solid #c6c6c6;
    box-shadow: 0 4px 49px -21px #c6c6c6;
    border-radius: 8px;
    padding: 15px;
}

.customer-review .review {
    margin-top: 15px;
    margin-bottom: 30px;
}

.home-page-users {
    text-align: center;
    padding: 15px;
}

.home-page-users .title {
    font-size: 24px;
    line-height: 145%;
    letter-spacing: 0;
    font-weight: 600;
    color: white;
    white-space: nowrap;
}

.home-page-users .subtitle {
    font-size: 64px;
    line-height: 115%;
    letter-spacing: -0.015em;
    font-weight: 600;
    color: white;
}

@media (min-width: 1200px) {

    .containLoginLine4 .container,
    .containLoginLine5 .container {
        width: 1250px;
    }
}

/*
Theme Name: theforest
Author: theforest
Author URI: http://www.theforest.com
Version: 1.0
*/

/* General
--------------------------------------------------------------- */
@import url("https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover {
    background-color: #ffffff;
}

.containLoginLine {
    background-color: #ffffff;
}

.vc_inner img {
    width: 100%;
    height: 600px;
}

.countriesList {
    padding: 0;
    list-style-type: none;
    margin: auto;
    width: 90%;
    text-align: left;
}

.countriesList li {
    padding: 5px;
    cursor: pointer;
}

.countriesList li:hover {
    background: #4385ff;
    color: #ffffff;
}

.countryInput[readonly] {
    background: #ffffff !important;
}

.containCountry {
    background: #e2e2e2;
    border-radius: 5px;
    color: #000000;
    position: absolute;
    top: 4px;
    z-index: 3;
    display: none;
    left: -8px;
    height: 200px;
    overflow: auto;
}

/* Country Flags
--------------------------------------------------------------- */
.flag {
    background-repeat: no-repeat;
    display: inline-block;
    padding: 0;

    width: 16px;
    height: 11px;
    background: url("/wp-content/themes/theforest/images/flags-sprites/flags.png") no-repeat;
    border: none;
    font-size: 1px;
    line-height: 1px;
}

.flag.flag-ad {
    background-position: -16px 0;
}

.flag.flag-ae {
    background-position: -32px 0;
}

.flag.flag-af {
    background-position: -48px 0;
}

.flag.flag-ag {
    background-position: -64px 0;
}

.flag.flag-ai {
    background-position: -80px 0;
}

.flag.flag-al {
    background-position: -96px 0;
}

.flag.flag-am {
    background-position: -112px 0;
}

.flag.flag-an {
    background-position: -128px 0;
}

.flag.flag-ao {
    background-position: -144px 0;
}

.flag.flag-ar {
    background-position: -160px 0;
}

.flag.flag-as {
    background-position: -176px 0;
}

.flag.flag-at {
    background-position: -192px 0;
}

.flag.flag-au {
    background-position: -208px 0;
}

.flag.flag-aw {
    background-position: -224px 0;
}

.flag.flag-az {
    background-position: -240px 0;
}

.flag.flag-ba {
    background-position: 0 -11px;
}

.flag.flag-bb {
    background-position: -16px -11px;
}

.flag.flag-bd {
    background-position: -32px -11px;
}

.flag.flag-be {
    background-position: -48px -11px;
}

.flag.flag-bf {
    background-position: -64px -11px;
}

.flag.flag-bg {
    background-position: -80px -11px;
}

.flag.flag-bh {
    background-position: -96px -11px;
}

.flag.flag-bi {
    background-position: -112px -11px;
}

.flag.flag-bj {
    background-position: -128px -11px;
}

.flag.flag-bm {
    background-position: -144px -11px;
}

.flag.flag-bn {
    background-position: -160px -11px;
}

.flag.flag-bo {
    background-position: -176px -11px;
}

.flag.flag-br {
    background-position: -192px -11px;
}

.flag.flag-bs {
    background-position: -208px -11px;
}

.flag.flag-bt {
    background-position: -224px -11px;
}

.flag.flag-bv {
    background-position: -240px -11px;
}

.flag.flag-bw {
    background-position: 0 -22px;
}

.flag.flag-by {
    background-position: -16px -22px;
}

.flag.flag-bz {
    background-position: -32px -22px;
}

.flag.flag-ca {
    background-position: -48px -22px;
}

.flag.flag-catalonia {
    background-position: -64px -22px;
}

.flag.flag-cd {
    background-position: -80px -22px;
}

.flag.flag-cf {
    background-position: -96px -22px;
}

.flag.flag-cg {
    background-position: -112px -22px;
}

.flag.flag-ch {
    background-position: -128px -22px;
}

.flag.flag-ci {
    background-position: -144px -22px;
}

.flag.flag-ck {
    background-position: -160px -22px;
}

.flag.flag-cl {
    background-position: -176px -22px;
}

.flag.flag-cm {
    background-position: -192px -22px;
}

.flag.flag-cn {
    background-position: -208px -22px;
}

.flag.flag-co {
    background-position: -224px -22px;
}

.flag.flag-cr {
    background-position: -240px -22px;
}

.flag.flag-cu {
    background-position: 0 -33px;
}

.flag.flag-cv {
    background-position: -16px -33px;
}

.flag.flag-cw {
    background-position: -32px -33px;
}

.flag.flag-cy {
    background-position: -48px -33px;
}

.flag.flag-cz {
    background-position: -64px -33px;
}

.flag.flag-de {
    background-position: -80px -33px;
}

.flag.flag-dj {
    background-position: -96px -33px;
}

.flag.flag-dk {
    background-position: -112px -33px;
}

.flag.flag-dm {
    background-position: -128px -33px;
}

.flag.flag-do {
    background-position: -144px -33px;
}

.flag.flag-dz {
    background-position: -160px -33px;
}

.flag.flag-ec {
    background-position: -176px -33px;
}

.flag.flag-ee {
    background-position: -192px -33px;
}

.flag.flag-eg {
    background-position: -208px -33px;
}

.flag.flag-eh {
    background-position: -224px -33px;
}

.flag.flag-england {
    background-position: -240px -33px;
}

.flag.flag-er {
    background-position: 0 -44px;
}

.flag.flag-es {
    background-position: -16px -44px;
}

.flag.flag-et {
    background-position: -32px -44px;
}

.flag.flag-eu {
    background-position: -48px -44px;
}

.flag.flag-fi {
    background-position: -64px -44px;
}

.flag.flag-fj {
    background-position: -80px -44px;
}

.flag.flag-fk {
    background-position: -96px -44px;
}

.flag.flag-fm {
    background-position: -112px -44px;
}

.flag.flag-fo {
    background-position: -128px -44px;
}

.flag.flag-fr {
    background-position: -144px -44px;
}

.flag.flag-ga {
    background-position: -160px -44px;
}

.flag.flag-gb {
    background-position: -176px -44px;
}

.flag.flag-gd {
    background-position: -192px -44px;
}

.flag.flag-ge {
    background-position: -208px -44px;
}

.flag.flag-gf {
    background-position: -224px -44px;
}

.flag.flag-gg {
    background-position: -240px -44px;
}

.flag.flag-gh {
    background-position: 0 -55px;
}

.flag.flag-gi {
    background-position: -16px -55px;
}

.flag.flag-gl {
    background-position: -32px -55px;
}

.flag.flag-gm {
    background-position: -48px -55px;
}

.flag.flag-gn {
    background-position: -64px -55px;
}

.flag.flag-gp {
    background-position: -80px -55px;
}

.flag.flag-gq {
    background-position: -96px -55px;
}

.flag.flag-gr {
    background-position: -112px -55px;
}

.flag.flag-gs {
    background-position: -128px -55px;
}

.flag.flag-gt {
    background-position: -144px -55px;
}

.flag.flag-gu {
    background-position: -160px -55px;
}

.flag.flag-gw {
    background-position: -176px -55px;
}

.flag.flag-gy {
    background-position: -192px -55px;
}

.flag.flag-hk {
    background-position: -208px -55px;
}

.flag.flag-hm {
    background-position: -224px -55px;
}

.flag.flag-hn {
    background-position: -240px -55px;
}

.flag.flag-hr {
    background-position: 0 -66px;
}

.flag.flag-ht {
    background-position: -16px -66px;
}

.flag.flag-hu {
    background-position: -32px -66px;
}

.flag.flag-ic {
    background-position: -48px -66px;
}

.flag.flag-id {
    background-position: -64px -66px;
}

.flag.flag-ie {
    background-position: -80px -66px;
}

.flag.flag-il {
    background-position: -96px -66px;
}

.flag.flag-im {
    background-position: -112px -66px;
}

.flag.flag-in {
    background-position: -128px -66px;
}

.flag.flag-io {
    background-position: -144px -66px;
}

.flag.flag-iq {
    background-position: -160px -66px;
}

.flag.flag-ir {
    background-position: -176px -66px;
}

.flag.flag-is {
    background-position: -192px -66px;
}

.flag.flag-it {
    background-position: -208px -66px;
}

.flag.flag-je {
    background-position: -224px -66px;
}

.flag.flag-jm {
    background-position: -240px -66px;
}

.flag.flag-jo {
    background-position: 0 -77px;
}

.flag.flag-jp {
    background-position: -16px -77px;
}

.flag.flag-ke {
    background-position: -32px -77px;
}

.flag.flag-kg {
    background-position: -48px -77px;
}

.flag.flag-kh {
    background-position: -64px -77px;
}

.flag.flag-ki {
    background-position: -80px -77px;
}

.flag.flag-km {
    background-position: -96px -77px;
}

.flag.flag-kn {
    background-position: -112px -77px;
}

.flag.flag-kp {
    background-position: -128px -77px;
}

.flag.flag-kr {
    background-position: -144px -77px;
}

.flag.flag-kurdistan {
    background-position: -160px -77px;
}

.flag.flag-kw {
    background-position: -176px -77px;
}

.flag.flag-ky {
    background-position: -192px -77px;
}

.flag.flag-kz {
    background-position: -208px -77px;
}

.flag.flag-la {
    background-position: -224px -77px;
}

.flag.flag-lb {
    background-position: -240px -77px;
}

.flag.flag-lc {
    background-position: 0 -88px;
}

.flag.flag-li {
    background-position: -16px -88px;
}

.flag.flag-lk {
    background-position: -32px -88px;
}

.flag.flag-lr {
    background-position: -48px -88px;
}

.flag.flag-ls {
    background-position: -64px -88px;
}

.flag.flag-lt {
    background-position: -80px -88px;
}

.flag.flag-lu {
    background-position: -96px -88px;
}

.flag.flag-lv {
    background-position: -112px -88px;
}

.flag.flag-ly {
    background-position: -128px -88px;
}

.flag.flag-ma {
    background-position: -144px -88px;
}

.flag.flag-mc {
    background-position: -160px -88px;
}

.flag.flag-md {
    background-position: -176px -88px;
}

.flag.flag-me {
    background-position: -192px -88px;
}

.flag.flag-mg {
    background-position: -208px -88px;
}

.flag.flag-mh {
    background-position: -224px -88px;
}

.flag.flag-mk {
    background-position: -240px -88px;
}

.flag.flag-ml {
    background-position: 0 -99px;
}

.flag.flag-mm {
    background-position: -16px -99px;
}

.flag.flag-mn {
    background-position: -32px -99px;
}

.flag.flag-mo {
    background-position: -48px -99px;
}

.flag.flag-mp {
    background-position: -64px -99px;
}

.flag.flag-mq {
    background-position: -80px -99px;
}

.flag.flag-mr {
    background-position: -96px -99px;
}

.flag.flag-ms {
    background-position: -112px -99px;
}

.flag.flag-mt {
    background-position: -128px -99px;
}

.flag.flag-mu {
    background-position: -144px -99px;
}

.flag.flag-mv {
    background-position: -160px -99px;
}

.flag.flag-mw {
    background-position: -176px -99px;
}

.flag.flag-mx {
    background-position: -192px -99px;
}

.flag.flag-my {
    background-position: -208px -99px;
}

.flag.flag-mz {
    background-position: -224px -99px;
}

.flag.flag-na {
    background-position: -240px -99px;
}

.flag.flag-nc {
    background-position: 0 -110px;
}

.flag.flag-ne {
    background-position: -16px -110px;
}

.flag.flag-nf {
    background-position: -32px -110px;
}

.flag.flag-ng {
    background-position: -48px -110px;
}

.flag.flag-ni {
    background-position: -64px -110px;
}

.flag.flag-nl {
    background-position: -80px -110px;
}

.flag.flag-no {
    background-position: -96px -110px;
}

.flag.flag-np {
    background-position: -112px -110px;
}

.flag.flag-nr {
    background-position: -128px -110px;
}

.flag.flag-nu {
    background-position: -144px -110px;
}

.flag.flag-nz {
    background-position: -160px -110px;
}

.flag.flag-om {
    background-position: -176px -110px;
}

.flag.flag-pa {
    background-position: -192px -110px;
}

.flag.flag-pe {
    background-position: -208px -110px;
}

.flag.flag-pf {
    background-position: -224px -110px;
}

.flag.flag-pg {
    background-position: -240px -110px;
}

.flag.flag-ph {
    background-position: 0 -121px;
}

.flag.flag-pk {
    background-position: -16px -121px;
}

.flag.flag-pl {
    background-position: -32px -121px;
}

.flag.flag-pm {
    background-position: -48px -121px;
}

.flag.flag-pn {
    background-position: -64px -121px;
}

.flag.flag-pr {
    background-position: -80px -121px;
}

.flag.flag-ps {
    background-position: -96px -121px;
}

.flag.flag-pt {
    background-position: -112px -121px;
}

.flag.flag-pw {
    background-position: -128px -121px;
}

.flag.flag-py {
    background-position: -144px -121px;
}

.flag.flag-qa {
    background-position: -160px -121px;
}

.flag.flag-re {
    background-position: -176px -121px;
}

.flag.flag-ro {
    background-position: -192px -121px;
}

.flag.flag-rs {
    background-position: -208px -121px;
}

.flag.flag-ru {
    background-position: -224px -121px;
}

.flag.flag-rw {
    background-position: -240px -121px;
}

.flag.flag-sa {
    background-position: 0 -132px;
}

.flag.flag-sb {
    background-position: -16px -132px;
}

.flag.flag-sc {
    background-position: -32px -132px;
}

.flag.flag-scotland {
    background-position: -48px -132px;
}

.flag.flag-sd {
    background-position: -64px -132px;
}

.flag.flag-se {
    background-position: -80px -132px;
}

.flag.flag-sg {
    background-position: -96px -132px;
}

.flag.flag-sh {
    background-position: -112px -132px;
}

.flag.flag-si {
    background-position: -128px -132px;
}

.flag.flag-sk {
    background-position: -144px -132px;
}

.flag.flag-sl {
    background-position: -160px -132px;
}

.flag.flag-sm {
    background-position: -176px -132px;
}

.flag.flag-sn {
    background-position: -192px -132px;
}

.flag.flag-so {
    background-position: -208px -132px;
}

.flag.flag-somaliland {
    background-position: -224px -132px;
}

.flag.flag-sr {
    background-position: -240px -132px;
}

.flag.flag-ss {
    background-position: 0 -143px;
}

.flag.flag-st {
    background-position: -16px -143px;
}

.flag.flag-sv {
    background-position: -32px -143px;
}

.flag.flag-sx {
    background-position: -48px -143px;
}

.flag.flag-sy {
    background-position: -64px -143px;
}

.flag.flag-sz {
    background-position: -80px -143px;
}

.flag.flag-tc {
    background-position: -96px -143px;
}

.flag.flag-td {
    background-position: -112px -143px;
}

.flag.flag-tf {
    background-position: -128px -143px;
}

.flag.flag-tg {
    background-position: -144px -143px;
}

.flag.flag-th {
    background-position: -160px -143px;
}

.flag.flag-tj {
    background-position: -176px -143px;
}

.flag.flag-tk {
    background-position: -192px -143px;
}

.flag.flag-tl {
    background-position: -208px -143px;
}

.flag.flag-tm {
    background-position: -224px -143px;
}

.flag.flag-tn {
    background-position: -240px -143px;
}

.flag.flag-to {
    background-position: 0 -154px;
}

.flag.flag-tr {
    background-position: -16px -154px;
}

.flag.flag-tt {
    background-position: -32px -154px;
}

.flag.flag-tv {
    background-position: -48px -154px;
}

.flag.flag-tw {
    background-position: -64px -154px;
}

.flag.flag-tz {
    background-position: -80px -154px;
}

.flag.flag-ua {
    background-position: -96px -154px;
}

.flag.flag-ug {
    background-position: -112px -154px;
}

.flag.flag-um {
    background-position: -128px -154px;
}

.flag.flag-us {
    background-position: -144px -154px;
}

.flag.flag-uy {
    background-position: -160px -154px;
}

.flag.flag-uz {
    background-position: -176px -154px;
}

.flag.flag-va {
    background-position: -192px -154px;
}

.flag.flag-vc {
    background-position: -208px -154px;
}

.flag.flag-ve {
    background-position: -224px -154px;
}

.flag.flag-vg {
    background-position: -240px -154px;
}

.flag.flag-vi {
    background-position: 0 -165px;
}

.flag.flag-vn {
    background-position: -16px -165px;
}

.flag.flag-vu {
    background-position: -32px -165px;
}

.flag.flag-wales {
    background-position: -48px -165px;
}

.flag.flag-wf {
    background-position: -64px -165px;
}

.flag.flag-ws {
    background-position: -80px -165px;
}

.flag.flag-xk {
    background-position: -96px -165px;
}

.flag.flag-ye {
    background-position: -112px -165px;
}

.flag.flag-yt {
    background-position: -128px -165px;
}

.flag.flag-za {
    background-position: -144px -165px;
}

.flag.flag-zanzibar {
    background-position: -160px -165px;
}

.flag.flag-zm {
    background-position: -176px -165px;
}

.flag.flag-zw {
    background-position: -192px -165px;
}

.vc_item.vc_active {
    height: 600px !important;
}

i.fa.fa-comments-o:hover,
i.fa.fa-envelope-o:hover,
i.fa.fa-mobile:hover {
    color: #3aa3da;
}

@font-face {
    font-family: NexaBold;
    src: url("fonts/Nexa Bold.otf");
}

@font-face {
    font-family: NexaLight;
    src: url("fonts/Nexa Light.otf");
}

#theater {
    overflow: hidden;
    height: 700px;
    /*position: relative;*/
}

#theater .contentVidioBox {
    position: absolute;
    top: 250px;
    width: 100%;
    right: 0;
}

#theater2 {
    overflow: hidden;
    height: 700px;
    /*position: relative;*/
}

#theater2 .contentVidioBox {
    position: absolute;
    top: 80px;
    width: 100%;
    right: 0;
}

.grayLine {
    width: 100%;
    height: 43px;
    padding-top: 6px;
    padding-bottom: 15px;
    position: absolute;
    bottom: 0;
    border: none;
    background: rgba(0, 0, 0, 0.5);
}

.loaderFrom {
    float: right;
    display: none;
}

body {
    background-color: white;
    font-family: "Ubuntu", sans-serif !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #999 !important;
}

.content {
    /*background-color: #fff;*/
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
}

.text-center-sm {
    text-align: center;
}

td.gold {
    background-color: #b69360;
    color: #fff;
}

td.gold a {
    color: #fff;
}

td.gold span {
    color: #fff;
}

.main-content {
    color: #999;
    background: #fff;
}

.table thead {
    background-color: #999;
    color: #fff;
}

.table td {
    color: #333;
}

.panel-body {
    color: #333;
    padding-top: 20px;
}

.list-group-item {
    color: #333;
}

.navbar {
    min-height: 40px;
    /*background: #333;*/
}

.none-float {
    float: none !important;
}

.none-float {
    float: none !important;
}

ul.navbar-nav>li>a {
    color: #000000 !important;
    padding-bottom: 10px;
    padding-top: 10px;
    cursor: pointer;
}

ul.navbar-nav>li>a:hover {
    color: #000000 !important;
    cursor: pointer;
}

.navbar-time {
    height: 15px;
    width: 100px;
    margin-top: 0;
    margin-bottom: 15px;
    text-align: right;
    padding: 0;
    color: #000000;
    display: inline-block;
    vertical-align: top;
    display: none;
}

#lang_sel {
    top: -5px;
    display: none !important;
}

.navbar-time-mobile {
    height: 15px;
    width: 100px;
    margin-top: 0;
    margin-right: 10px;
    text-align: right;
    padding: 0;
    color: #000000;
    display: inline-block;
    vertical-align: top;
}

.btn-signup {
    height: 50px;
    padding-top: 13px;
    padding-left: 30px;
    padding-right: 30px;
}

hr {
    margin: 30px 0 25px;
    padding: 0;
    border: none;
    border-bottom: 1px solid #ccc;
}

.thumbnail {
    background-color: #fff;
}

.table-white {
    background-color: #fff;
}

.page-header {
    color: #000000;
    margin-top: 35px;
    margin-bottom: 15px;
}

div.page-header h1 {
    color: #000;
    text-align: center;
}

h3,
h2 small.text-muted {
    text-shadow: none;
}

.greybox {
    background: #444;
    color: #fff;
    /*background: #ccc;*/
    border-radius: 5px;
    padding: 8px;
    margin-bottom: 20px;
    text-align: center;
    /* padding-top: 100px; */
    /* padding-bottom: 100px; */
    margin-top: 0;
}

.greybox-lg {
    padding-top: 100px;
    padding-bottom: 100px;
}

body.theme-dark .greybox {
    /* background: #ccc; */
    background: #444;
    color: #fff;
}

.theme-dark {
    color: #ccc;
}

.whitebox {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    padding: 20px;
    margin-bottom: 10px;
    margin-top: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333;
}

.nav-pills>li>a {
    background-color: #ddd;
}

.nav-pills>li>a:hover {
    background-color: #ccc;
}

.nav-pills>li.active>a {
    background-color: #222;
}

.nav-pills>li.active>a:hover {
    background-color: #555;
}

.nav-pills.my-account>li>a {
    color: #fff;
}

.nav-pills.my-account>li>a {
    background-color: #444;
}

.nav-pills.my-account>li>a:hover {
    background-color: #333;
}

.nav-pills.my-account>li.active>a {
    background-color: #777;
}

.nav-pills.my-account>li.active>a:hover {
    background-color: #777;
}

.nav-tabs {
    margin-bottom: 10px;
}

.nav-tabs>li>a {
    background-color: #e7e7e7;
}

.nav-tabs>li>a:hover {
    background-color: #ddd;
}

.nav-tabs>li.active>a {
    background-color: #f5f5f5;
}

.nav-tabs>li.active>a:hover {
    background-color: #f5f5f5;
}

.nav-tabs.nav-white {
    margin-bottom: 0;
}

.nav-tabs.nav-white li.active a {
    background-color: #fff;
}

.container-white {
    background-color: #fff;
    border: 1px solid #ddd;
    margin-bottom: 20px;
    border-top: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.grey {
    background-color: #555;
}

.control-group ul li {
    color: red;
}

.navbar-brand {
    font-size: 16px;
    font-weight: bold;
}

.table-overview {
    table-layout: fixed;
}

.table-overview td {
    text-align: center;
}

.table-overview tbody td {
    font-size: 26px;
    height: 50px;
    font-weight: bold;
    table-layout: fixed;
    text-align: center;
    vertical-align: middle;
}

.table-activity a {
    font-weight: bold;
}

.alert {
    margin-top: 15px;
}

/* Marketing Layout
--------------------------------------------------------------- */
/*
.navbar {
}
.navbar .brand {
	margin-left: 0;
}

ul.navbar-nav > li > a:hover  {
	color: #fff !important;
	background-color: #444 !important;
}
ul.navbar-nav > li.active > a {
	color: #fff !important;
	background-color: #b69360 !important;
	border-top-color: #b69360 !important;
	border-bottom-color: #b69360 !important;
}   
*/

/*
.navbar {
	min-height: 36px;
	border: none !important;
}
.navbar .brand {
	margin-left: 0;
}

ul.navbar-nav > li > a  {
	padding-top: 8px;
	padding-bottom: 8px;
	color: #ddd !important;
}
ul.navbar-nav > li > a:hover  {
	color: #fff !important;
	background-color: #444 !important;
}
ul.navbar-nav > li.active > a {
	color: #fff !important;
	background-color: #b69360 !important;
	border-top-color: #b69360 !important;
	border-bottom-color: #b69360 !important;
}   
*/

.navbar {
    border: none !important;
    margin-top: 0;
}

.navbar .brand {
    margin-left: 0;
}

/*
ul.navbar-nav > li > a  {
	color: #ddd !important;
}
ul.navbar-nav > li > a:hover  {
	color: #fff !important;
	background-color: #444 !important;
}
ul.navbar-nav > li.active > a {
	color: #fff !important;
	background-color: #b69360 !important;
	border-top-color: #b69360 !important;
	border-bottom-color: #b69360 !important;
}   

*/

.btn-red {
    background-color: #d14836;
    background-image: -webkit-linear-gradient(top, #dd4b39, #d14836);
    background-image: linear-gradient(top, #dd4b39, #d14836);
    border: none !important;
    color: #fff;
}

.btn-red:hover {
    background-color: #c53727;
    background-image: -webkit-linear-gradient(top, #dd4b39, #c53727);
    background-image: linear-gradient(top, #dd4b39, #c53727);
    /* border-color: #b0281a; */

    color: #fff;
}

/* Topbar
--------------------------------------------------------------- */



.topbar ul.navbar-nav>li>a {
    color: #aaa !important;
    padding: 6px 15px 5px;
}

ul.topbar>li>a {}

.topbar ul.navbar-nav>li>a:hover {
    color: #fff !important;
}

.topbar ul.navbar-nav>li.active>a {
    color: #fff !important;
    background-color: #000 !important;
}

.topbar .navbar-text {
    margin: 6px 15px 5px;
    color: #888;
}

.topbar .navbar-brand {
    padding: 6px 15px 5px;
    margin: 0;
    color: #888;
    height: auto;
}

/* Navbar
--------------------------------------------------------------- */
/* Customize the nav-justified links to be fill the entire space of the .navbar */

.nav-justified {
    background-color: #eee;
    border-radius: 5px;
}

.nav-justified>li>a {
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 0;
    font-weight: bold;
    color: #777;
    text-align: center;
    background-color: #e5e5e5;
    /* Old browsers */
}

.nav-justified>.active>a,
.nav-justified>.active>a:hover,
.nav-justified>.active>a:focus {
    background-color: #b69360;
    background-image: none;
    color: #fff;
}

.nav-justified>li:first-child>a {
    border-radius: 5px 5px 0 0;
}

.nav-justified>li:last-child>a {
    border-bottom: 0;
    border-radius: 0 0 5px 5px;
}

.logo-img {
    width: 325px;
    margin: auto;
    padding-top: 30px;
}

/* Spin
--------------------------------------------------------------- */

.spin {
    -webkit-animation: spin 2s infinite linear;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

/* Footer
--------------------------------------------------------------- */
footer {
    color: #e1e1e1;
    margin-top: 0;
}

footer .footer-bottom {
    /*background-color: #1a1a1a;*/
    background-color: #fff;

    padding-top: 0;
    padding-bottom: 0;
}

footer .footer-text {
    margin-bottom: 10px;
}

footer a {
    text-decoration: none;
    font-weight: 500;
    font-family: "Manrope";
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #12171f;
}

footer a:hover {}

/* Modal center vertically
--------------------------------------------------------------- */

.modal {
    color: #333;
}

.modal-dialog-center {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
}

.modal-body {
    overflow-y: auto;
}

.modal-footer {
    margin-top: 0;
}

@media (max-width: 767px) {
    .modal-dialog-center {
        width: 100%;
    }

    #navbar {
        position: absolute;
        width: 100%;
        top: 104px;
        padding-bottom: 30px;
    }
}

/* jimmy */

.modal-body strong {
    text-transform: capitalize;
}

/* Sprite How to Trade (HTT)
--------------------------------------------------------------- */
.sprite-htt {
    width: 150px;
    height: 80px;
    background: url("images/sprite-how-to-trade.png") no-repeat;
    border: none;
    margin-right: 3px;
}

.sprite-htt-1 {
    background-position: 0 0;
}

.sprite-htt-2 {
    background-position: -150px 0;
}

.sprite-htt-3 {
    background-position: -300px 0;
}

.sprite-htt-4 {
    background-position: -450px 0;
}

/* Sprite Flags Rounded
--------------------------------------------------------------- */
.sprite-flags-rounded {
    display: inline-block;
    width: 22px;
    height: 22px;
    /*background:url('images/sprite-flags-rounded.png') no-repeat;*/
    border: none;
    margin-right: 3px;
    margin-top: 7px;
    margin-bottom: 5px;
}

.sprite-flags-rounded-en {
    background-position: 0 0;
}

.sprite-flags-rounded-zh {
    background-position: -22px 0;
}

a .sprite-flags-rounded-en:hover {
    background-position: 0 -22px;
}

a .sprite-flags-rounded-zh:hover {
    background-position: -22px -22px;
}

/* Homepage
--------------------------------------------------------------- */
.homepage {
    text-align: center;
}

.homepage header {
    padding: 130px 20px 110px;
}

.homepage header h1 {
    font-size: 90px;
    text-align: center;
    line-height: 1em;
    margin: 0 auto 50px;
    color: #fff;
    max-width: 800px;
}

.homepage header p.lead {
    margin: 50px auto;
    max-width: 700px;
    color: #ddd;
}

.homepage header .btn-signup {}

.homepage h2 {
    margin-bottom: 30px;
}

.homepage #secondary {
    padding-top: 20px;
    background: #444;
}

.homepage #get-started {
    padding: 30px 0 10px;
    background: #fff;
}

.homepage .steps {
    padding: 50px 0 40px;
    background: #ccc;
}

.homepage .steps .text {
    margin-top: 200px;
    margin-bottom: 200px;
}

.homepage .steps#step1,
.homepage .steps#step3 {
    background: #eee;
}

.homepage .steps h3 {}

/* Marketplace Overview
--------------------------------------------------------------- */
.container.stream-marketplace .table {
    background-color: #fff;
}

.container.stream-marketplace .cell-image {
    width: 100px;
}

.container.stream-marketplace .cell-image img {}

.row-stream>div {
    background-color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #ddd;
    margin-bottom: 10px;
}

.row-stream>div>div>div {
    padding-left: 10px;
}

.row-stream .image {}

.progress {
    height: 10px;
    max-width: 100%;
    margin-bottom: 10px;
    position: relative;
    left: 10px;
}

/* Stream Marketplace
--------------------------------------------------------------- */
.stream-right {}

/* Stream box
--------------------------------------------------------------- */
.streambox {
    margin-top: 20px;
}

/* Stream Show
--------------------------------------------------------------- */
.container.stream-show {
    margin-top: 65px;
}

.container.stream-show .month {
    margin-bottom: 12px;
}

/* Video Page
--------------------------------------------------------------- */
.form-video-subscribe input {
    height: 45px;
    margin: auto;
    font-family: "Times New Roman" Times;
}

.form-video-subscribe {
    margin-top: 25px;
}

.form-video-subscribe #buttonGo {
    width: 150px;
    height: 55px;
    margin-top: auto;
    margin-left: 10px;
    font-family: "Times New Roman" Times;
}

/* Sign up */
.form-signin {
    max-width: 300px;
    padding: 19px 29px 29px;
    margin: 40px auto 20px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.form-signin .form-signin-heading,
.form-signin .checkbox {
    margin-bottom: 10px;
}

.form-signin .text_after_checked {
    width: auto;
    min-width: 0;
}

.form-signin input {
    font-size: 16px;
    height: auto;
    margin-bottom: 15px;
    padding: 7px 9px;
    width: 100%;
}

/* Dropdown sub menu */
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
    width: 224px;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #cccccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #ffffff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.fix-margin {
    margin-top: 30px;
}

.import_stauts {
    margin-bottom: 30px;
}

/* Modal deposit page */
.modal-body-deposit {
    max-height: 600px !important;
}

/* socail-bookmarks */
.socail-bookmarks {
    min-height: 60px;
    margin-top: 4px;
}

/* Trading
--------------------------------------------------------------- */
#assetPrice {
    padding: 12px 0;
    margin: 12px 0;
    border-radius: 5px;
    background-color: #e5e5e5;
    color: #999;
    text-align: center;
    font-size: 30px;
}

.btn-call {
    padding: 13px 0;
    font-size: 30px;
}

.btn-put {
    padding: 13px 0;
    font-size: 30px;
}

.pediod-selector {}

.greybox.actionbox {
    padding-top: 17px;
    font-size: 13px;
}

.greybox.assetsbox {
    padding-top: 15px;
    font-size: 13px;
    color: #fff;
    text-align: left;
}

.greybox-hero {
    padding-top: 100px;
    padding-bottom: 100px;
}

#assets_class_select {
    color: #333;
}

/* Form-box
--------------------------------------------------------------- */

.form-box {
    margin: 20px 0 0;
    padding: 20px 20px 20px 20px;
    padding: 20px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    -webkit-box-shadow: rgb(34, 34, 34) 2px 2px 10px 0;
    box-shadow: rgb(34, 34, 34) 2px 2px 10px 0;
    background-image: linear-gradient(rgb(255, 255, 255) 0%, rgb(223, 223, 223) 99%);
    background-position: initial initial;
    background-repeat: initial initial;
}

.activate-box {
    width: 699px;
    height: 198px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 100px;
    margin-top: 20px;
    background-image: url("/bundles/goptionsoptionprofitcompass/images/activate-free-trial.png");
    background-repeat: none;
}

.btn-red {
    background-color: #d92a02;
    border-color: #aa0d00;
    margin-bottom: 8px;
}

.btn-red:hover,
.btn-red:active,
.btn-red:focus {
    background-color: #aa0d00;
    border-color: #aa0d00;
    margin-bottom: 8px;
}

div.form-group ul,
div.errors,
ul.help-block {
    list-style: none;
    color: #b00;
    list-style-position: outside;
    text-align: center;
    margin-bottom: 20px;
}

label.required:before {
    content: "* ";
    color: red;
}

ul.help-block {
    list-style: none;
    color: #b00;
    list-style-position: outside;
    text-align: center;
}

form .error {
    border-color: #ff6d6d;
}

.footer-logos {
    background-color: #1a1a1a;
    margin-top: 30px;
    margin-bottom: 30px;
}

/* Sprite footer */
.sprite-footer {
    background-image: url("/images/sprite-footer.png");
    background-repeat: no-repeat;
    display: block;
    width: 165px;
    height: 53px;
}

.sprite-footer-visa {
    background-position: 0 0;
}

.sprite-footer-mastercard {
    background-position: -165px 0;
}

.sprite-footer-wiretransfer {
    background-position: -330px 0;
}

.sprite-footer-unionpay {
    background-position: -495px 0;
}

.sprite-footer-dowjones {
    background-position: -660px 0;
}

.sprite-footer-nasdaq {
    background-position: -825px 0;
}

.sprite-footer-deutschebank {
    background-position: -990px 0;
}

.sprite-footer-london {
    background-position: -1155px 0;
}

.sprite-footer-18plus {
    background-position: -1320px 0;
}

/* Arrows
--------------------------------------------------------------- */
.arrow-up {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid black;
}

.arrow-down {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #f00;
}

.arrow-right {
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 18px solid #b69360;
}

.arrow-left {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid blue;
}

/* Responsive Adjustments
--------------------------------------------------------------- */
.hide-in-small-screen {
    display: block;
}

@media (max-width: 1199px) {
    .hide-in-small-screen {
        display: none;
    }
}

@media (max-width: 979px) {}

/* Responsive: phones */
@media (max-width: 767px) {
    #theater .contentVidioBox {
        top: 460px;
    }

    .text-center-sm {
        text-align: center;
    }
}

@media (min-width: 768px) {
    .none-float {
        float: right !important;
    }

    .text-center-sm {
        text-align: center;
    }

    .nav-justified {
        max-height: 52px;
    }

    .nav-justified>li>a {
        border-right: 1px solid #d5d5d5;
        border-left: 1px solid #fff;
    }

    .nav-justified>li:first-child>a {
        border-left: 0;
        border-radius: 5px 0 0 5px;
    }

    .nav-justified>li:last-child>a {
        border-right: 0;
        border-radius: 0 5px 5px 0;
    }
}

.rightSide {
    float: right;
}

.leftSide {
    float: left;
}

.left-text h2,
.left-text p {
    text-align: left;
}

.left-text h2 {
    font-weight: bold;
    color: #000000;
}

.boldText {
    font-weight: bold;
}

.holdImages {
    padding-bottom: 10px;
}

.box {
    text-align: left;
    padding-top: 5px;
    color: #000000;
}

.box p,
.box span {
    text-align: left;
}

.biggerSize {
    font-size: 18px;
}

#open_account_submit {
    background-color: #4083e4 !important;
    border-color: #4083e4 !important;
    font-size: 22px;
}

ul.footerListBottom {}

ul.footerListBottom li {
    float: left;
    width: 31%;
    list-style-type: none;
    padding-bottom: 20px;
}

/*ul.footerListBottom li:nth-child(2) {
    padding-left: 15%;
}
ul.footerListBottom li:nth-child(3){
	//padding-left: 100px;	
} 

ul.footerListBottom li:nth-child(1) {
   text-align: right;
}

ul.footerListBottom li:nth-child(4) {
   text-align: left;
}*/
ul.footerListBottom li:nth-child(3) {
    text-align: center;
}

ul.footerListBottom li:nth-child(2) {
    text-align: center;
}

ul.footerListBottom li:nth-child(5) {
    text-align: center;
}

ul.footerListBottom li:nth-child(1) {
    text-align: center;
}

ul.footerListBottom li a {
    text-align: center;
    color: #000000;
}

ul.footerListBottom li a:hover {
    color: #000000;
}

@media screen and(max-width: 769px) {
    ul.footerListBottom li {
        float: none;
        width: 100%;
        list-style-type: none;
        padding-bottom: 20px;
        text-align: center;
    }

    ul.footerListBottom li:nth-child(1),
    ul.footerListBottom li:nth-child(2),
    ul.footerListBottom li:nth-child(3),
    ul.footerListBottom li:nth-child(4),
    ul.footerListBottom li:nth-child(5) {
        text-align: center;
        padding-left: 0;
        font-size: 20px;
    }
}

ul.loggedInList li {
    float: right;
    top: -15px;
    list-style-type: none;
    position: relative;
    padding: 5px;
    text-align: center;
}

ul.loggedInList li:nth-child(5) {
    background-color: #fff;
    border-radius: 2px;
    color: #ffffff;
    font-weight: bold;
    cursor: pointer;
}

ul.loggedInList li:nth-child(6) {
    text-align: center;
}

.smallLineInMenuBox a {
    color: #000000;
}

.menuBoxOpen {
    width: 100%;
    background-color: #ffffff;
    padding-bottom: 5px;
    top: 29px;
    right: 0;
    min-width: 130px;
    position: absolute;
    display: none;
    z-index: 99999;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.smallLineInMenuBox {
    margin: auto;
    text-align: left;
    padding: 5px;
    width: 80%;
}

#toggleMenuActionMobile {
    background-color: #bf1e2e;
    border-radius: 2px;
    cursor: pointer;
    border-bottom: 1px #2d2d2d solid;
    width: 130px;
    padding: 10px;
    color: #ffffff;
    display: none;
    position: relative;
}

.holderMobileToggle {
    float: right;
    width: 50%;
}

@media screen and(max-width: 768px) {
    .navbar {
        /* display: none; */
    }

    .menuBoxOpen {
        top: 39px;
    }

    ul.loggedInList {
        width: 50%;
        float: left;
        padding: 0;
    }

    ul.loggedInList li {
        white-space: nowrap;
        text-align: left;
        float: none;
    }

    .navbar-time-mobile {
        text-align: left;
    }

    #toggleMenuActionMobile {
        display: inline-block;
        float: right;
    }

    .featured-icon-content {
        text-align: center;
        font-size: 22px;
        padding-right: 70px;
        padding-top: 30px;
    }

    .right-sideof-contact {
        background-color: #fff;
        text-align: center;
        padding: 10px 0 0;
        color: #234b5a;
    }

    .right-sideof-contact .side-bar-title {
        text-align: center;
        color: #828282;

        font-size: 20px;
    }

    .green-card-type {
        background: url("/wp-content/uploads/2018/09/BRONZE-1-4.png") no-repeat;
        width: 251px;
        height: 191px;
        margin: auto;
    }

    .blue-card-type {
        background: url("/wp-content/uploads/2018/09/silver2-1.png") no-repeat;
        width: 251px;
        height: 191px;
        margin: auto;
    }

    .silver-card-type {
        background: url("/wp-content/uploads/2018/09/gold4-1.png") no-repeat;
        width: 251px;
        height: 191px;
        margin: auto;
    }

    .graw-card-type {
        background: url("images/card-type-graw.png") no-repeat;
        width: 255px;
        height: 250px;
        margin: auto;
    }

    .shadow {
        margin: auto;
        background: url("images/shadow.png") center top no-repeat;
        background-position-x: 40px;
    }

    .shadow .box-cube {
        margin: auto;
        padding-top: 10px;
    }

    .box-cube p {
        line-height: 24px;
    }

    .shadow .box-cube,
    .shadow .box-cube h4,
    .shadow .box-cube p {
        text-align: center;
        color: #f3f3f3;
    }

    .shadow .box-cube ul {
        width: 130px;
        margin: auto;
        padding: 0 0 10px;
    }

    .shadow .box-cube li {
        text-align: center;
        line-height: 22px;
    }

    .open-account-link:hover,
    .open-account-link:active {
        text-decoration: none;
        color: #000000;
    }

    .open-account-link {
        display: inline-block;
        border: 1px #c3c4c4 solid;
        text-align: center;
        color: #231f20;
        width: 60%;
        cursor: pointer;
        text-decoration: none;
        font-weight: bold;
        padding: 10px 0 5px;
        margin: auto;
    }

    .right-sideof-contact h1,
    .right-sideof-contact h3,
    .right-sideof-contact p,
    .right-sideof-contact a {
        text-align: center;
        color: #828282;
    }

    .holder-card-types {
        text-align: center;
        margin: auto;
    }

    #bankingTable {
        margin-bottom: 60px;
    }

    .ecwd-search input[type="text"] {
        top: 4px !important;
    }

    .customer-details {
        color: #000;
        font-weight: bold;
        font-size: 20px;
    }

    .details-description {
        font-size: 20px;
        color: #000;
        padding-bottom: 5px;
    }

    .black-color {
        color: #000000 !important;
    }

    #myCashier_info,
    #myCashier_paginate a,
    #myCashier_length label,
    #myCashier_filter label {
        color: #000000;
    }

    .dataTables_wrapper .ui-toolbar {
        margin-bottom: 15px;
    }

    .inline-div {
        display: inline-block;
    }

    .form-inline {
        display: inline-block;
        margin-top: 15px !important;
    }

    .container-education {
        width: 70%;
        margin: auto;
    }

    @media (max-width: 1200px) {
        .shadow {
            background-position: top;
        }
    }

    @media (max-width: 992px) {

        .navbar-time,
        .navbar-time-mobile {
            display: none;
        }

        .container-education {
            width: 95%;
        }
    }

    @media (max-width: 768px) {
        .form-inline {
            /* width: 100%;*/
        }

        .navbar-time,
        .navbar-time-mobile {
            display: block;
        }

        ul.loggedInList {
            width: 100%;
            margin-bottom: 0;
            float: none;
        }

        .navbar-time-mobile {
            margin: auto;
        }

        #toggleMenuActionMobile {
            display: block;
            width: 100%;
            float: none;
            margin: auto;
        }

        ul.loggedInList li:nth-child(3) {
            padding-bottom: 0;
            padding-top: 0;
        }

        ul.loggedInList li {
            top: 0;
            text-align: center;
        }

        .holderMobileToggle {
            width: 100%;
        }

        table#bankingTable tr td {
            vertical-align: top;
            padding-top: 10px;
            color: #000000;
        }

        table#bankingTable tr td a {
            color: #000000;
        }

        .post-box {
            color: #000000;
            padding: 10px;
            border: 1px #c7c7c7 solid;
            margin-bottom: 10px;
            border-radius: 3px;
        }

        .post-box .title {
            font-size: 20px;
            padding-bottom: 10px;
            text-decoration: underline;
        }

        .post-box .short-description {
            font-size: 18px;
            padding-bottom: 10px;
        }

        .post-box a {
            text-decoration: underline;
            display: inline;
            background: #f7cd34;
            padding: 5px;
            border-radius: 2px;
            color: #000000;
        }

        a.demo-button {
            border-radius: 0;
            background: #f7cd34;
            border-color: #f7cd34;
            color: #fff;
            font-weight: bolder;
            text-align: center;
            margin: 35px 0;
            display: inline-block;
            border: 3px solid rgba(0, 0, 0, 0);
            text-decoration: none;
            font-size: 26px;
            padding: 8px 40px;
        }

        .push-up {
            position: relative;
            top: -24px;
        }

        #lang_sel img.iclflag {
            width: 25px;
            height: auto;
            position: relative;
            top: 1px;
            display: none !important;
        }

        #lang_sel ul ul {
            border: 0;
        }

        #lang_sel ul ul a {
            padding: 5px 9px;
        }

        #lang_sel a:hover,
        #lang_sel ul ul a:hover,
        #lang_sel:hover>a,
        #lang_sel ul ul:hover>a {
            background: #ffffff;
        }

        #lang_sel a:visited {
            border: 1px solid #ffffff !important;
        }

        .holder-images img {
            width: 100%;
            height: 100%;
        }

        .folowers {
            font-size: 14px !important;
        }

        #notification_count {
            padding: 3px 7px;
            background: #cc0000;
            color: #ffffff;
            font-weight: bold;
            border-radius: 9px;
            -moz-border-radius: 9px;
            -webkit-border-radius: 9px;
            position: relative;
            top: -9px;
            left: 6px;
            font-size: 11px;
            z-index: 10;
            margin-left: -10px;
            cursor: pointer;
        }

        #notificationLink {
            cursor: pointer;
        }

        #notificationLink:hover {
            text-decoration: none;
        }

        .masterError {
            padding: 5px;
            text-align: center;
            border: 1px red solid;
            border-radius: 5px;
            margin-bottom: 10px;
            font-weight: bold;
            color: red;
            background: #fff3f3;
            display: none;
        }

        .error-border {
            border: 1px red solid !important;
        }

        @media (min-width: 992px) {
            .featured-icon {
                width: 100%;
                height: 213px;
                margin: auto;
            }
        }

        .featured-box-text .boxGraydown h2,
        p {
            color: #18268f;
            text-align: left;
        }

        .gift {
            width: 80px;
            position: relative;
            top: -50px;
        }

        section#block1 {
            padding: 50px;
        }

        .gift {
            width: 101px;
            position: absolute;
            top: -55px;
            left: 200px;
        }

        .gift:hover {
            width: 120px;
            transition: all 0.2s;
        }

        img.gift1 {
            width: 137px;
        }

        .featured-dark-bg-title {
            color: black;
        }

        .activity {
            background-color: #f39c12 !important;
            width: 370px;
            margin: 0 auto 45px;
            padding: 10px 50px;
        }

        .bg-teal {
            background-color: #39cccc !important;
        }

        .info-box-icon {
            border-top-left-radius: 2px;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 2px;
            display: block;
            float: left;
            height: 90px;
            width: 90px;
            text-align: center;
            font-size: 45px;
            line-height: 90px;
            background: rgba(0, 0, 0, 0.2);
        }

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

        .info-box-content {
            padding: 5px 10px;
            margin-left: 90px;
        }

        .info-box-number {
            display: block;
            font-weight: bold;
            font-size: 18px;
        }

        .info-box-text {
            text-transform: uppercase;
        }

        .progress-description,
        .info-box-text {
            display: block;
            font-size: 14px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .info-box .progress,
        .info-box .progress .progress-bar {
            border-radius: 0;
        }

        .info-box .progress {
            background: rgba(0, 0, 0, 0.2);
            margin: 5px -10px;
            height: 2px;
        }

        .progress,
        .progress>.progress-bar {
            -webkit-box-shadow: none;
            box-shadow: none;
        }

        .progress-description {
            margin: 0;
        }

        .progress-description,
        .info-box-text {
            display: block;
            font-size: 14px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .spec10 {
            width: 410px;
            margin: 0 auto;
        }

        span.info-box-number {
            text-align: center;
            color: white;
        }

        span.info-box-text {
            text-align: center;
            color: white;
            font-weight: 700;
        }

        span.progress-description {
            font-size: 20px;
            margin: 0 !important;
            padding-bottom: 10px;
            height: 62px;
            color: white;
        }

        span.info-box-icon {
            width: 160px;
            height: 154px;
        }

        .info-box-icon img {
            height: 150px;
            width: 150px;
        }

        .info-box.bg-teal {
            margin-bottom: 50px;
        }

        .afill1 {
            font-size: 30px;
            color: white;
            background: #00c0ef;
            width: 400px;
            margin: 0 auto;
            padding: 30px 110px;
        }

        form.wpcf7-form {
            margin: 40px auto 16px;
            width: 100%;
        }

        /*
form.wpcf7-form input, form.wpcf7-form textarea {
    width: 92%;
    padding-bottom: 10px;
    border: 1px #bdbdbd solid;
    margin: 0 auto;
}
input.wpcf7-form-control.wpcf7-submit.btn.btn-primary {
    margin-left: 45px;
}
.wpcf7-form p {
    color: #000;
}
*/
        div#primary {}

        div#areaProfile {
            color: #ffffff !important;
        }

        .contacts-page-section {
            border-top: 1px dotted #fec717;
            border-bottom: 1px dotted #fec717;
            padding: 12px;
        }

        .contacts-page-section div {
            padding: 8px 16px;
        }

        .contacts-page-section h3 {
            margin-top: 24px;
            margin-bottom: 6px;
            font-size: 26px;
            text-align: center;
        }

        .contacts-page-section h4 {
            margin-top: 24px;
            margin-bottom: 4px;
            font-size: 22px;
            text-align: center;
        }

        .contacts-page-section p {
            font-size: 18px;
            text-align: center;
        }

        .contacts-page-section h3 i,
        .contacts-page-section h4 i,
        .section-why-us-trade h3 i {
            color: #fec717;
        }

        .section-why-us-trade h2 {
            text-align: center;
        }

        .section-why-us-trade h3 {
            font-size: 22px;
        }

        .section-why-us-trade p {
            font-size: 16px;
        }

        #account-types .account-title {
            text-align: center;
            text-transform: uppercase;
            padding: 12px;
            font-weight: 700;
            font-size: 18px;
        }

        #account-types .account-desc {
            padding: 24px;
        }

        #account-types .account-bonus {
            padding: 24px;
            font-size: 18px;
            text-align: right;
        }

        #account-types .account-bonus-value {
            font-size: 36px;
            font-weight: 700;
        }

        #account-types .table>thead {
            background-color: #1b618c;
        }

        #account-types .table thead th {
            color: #ffffff;
        }

        #account-types .table th:first-child,
        #account-types .table td:first-child {
            text-align: right;
        }

        .footerMenuContainer {
            background-color: #2c2d38;
            padding-top: 20px;
            padding-bottom: 20px;
        }

        .open-account-box {
            padding: 35px;
            position: relative;
            margin: 0 auto;
            max-width: 340px;
            background: #2c2d38bf;
            box-sizing: border-box;
            border-radius: 6px;
            z-index: 999;
        }

        .open-account-box .title {
            margin: 0 0 10px !important;
            text-transform: inherit;
            font-size: 22px;
            color: #fff;
            padding: 0 !important;
            text-align: left;
            line-height: 1;
        }

        .currency_list {
            width: 100%;
            height: 35px;
        }

        .open-account-box p .form-control,
        .open_Account_form p select,
        .open_Account_form p [class*="form-control-wrap"] [class*="form-control"] {
            border: solid 1px #00182c;
            border-radius: 3px;
            background-color: #fff;
            color: #bebebe;
            margin: 0;
            width: 100%;
            height: 33px;
            box-sizing: border-box;
        }

        #headerSmallRegForm label,
        #footerSmallRegForm label {
            display: none;
        }

        #headerSmallRegForm .last-name-wrap,
        #footerSmallRegForm .last-name-wrap {
            width: 50%;
            float: left;
        }

        #headerSmallRegForm .first-name-wrap,
        #footerSmallRegForm .first-name-wrap {
            width: 48%;
            float: left;
            margin-right: 2%;
        }

        #submit_form {
            margin: 25px 9px 0 0 !important;
            clear: both;
            display: block;
            float: none !important;
            border: 0;
            padding: 0 !important;
            position: relative;
            width: 100%;
            height: 55px;
            line-height: 48px;
            text-align: center;
            font-weight: 500;
            background: #68c832;
            color: #fff;
            border-radius: 3px;
            font-size: 18px;
            text-transform: uppercase;
        }

        .open_Account_form p [class*="form-control-wrap"] {
            position: relative;
        }

        .open_Account_form select {
            -webkit-appearance: menulist !important;
            padding: 3px;
        }

        div.phone-prefix {
            width: 25% !important;
            float: left;
            margin: 0 2% 0 0;
        }

        div.phone-number {
            width: 73%;
            float: left;
        }

        .parsley-errors-list {
            color: red;
            padding: 0;
            list-style-type: none;
        }

        ul.currency_list_deisgn {
            padding: 0;
            list-style-type: none;
        }

        ul.currency_list_deisgn li {
            display: inline-block;
            text-align: center;
            width: 23%;
        }

        .currency-cube {
            background: #bf1717;
            padding: 6px;
            width: 40px;
            border-radius: 5px;
            border: 1px #ffffff solid;
            height: 40px;
            cursor: pointer;
            line-height: 25px;
            font-size: 26px;
            color: #ffffff;
            margin: auto;
        }

        .currency-cube.active {
            color: #bf1717;
            background: #ffffff;
            -webkit-box-shadow: 2px 6px 62px -1px rgba(255, 255, 255, 1);
            -moz-box-shadow: 2px 6px 62px -1px rgba(255, 255, 255, 1);
            box-shadow: 2px 6px 62px -1px rgba(255, 255, 255, 1);
        }

        .currency-cube:hover {
            color: #bf1717;
            background: #ffffff;
            -webkit-box-shadow: 2px 6px 62px -1px rgba(255, 255, 255, 1);
            -moz-box-shadow: 2px 6px 62px -1px rgba(255, 255, 255, 1);
            box-shadow: 2px 6px 62px -1px rgba(255, 255, 255, 1);
        }

        .currency-title {
            text-align: left;
            font-size: 23px;
            color: #ffffff;
            padding-top: 10px;
            padding-bottom: 10px;
        }

        .authenticate .push-up {
            position: relative;
            top: 0;
        }

        ul.loggedInList li .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
            padding: 5px;
        }

        ul.loggedInList li .wpml-ls-legacy-dropdown a {
            padding: 5px;
        }

        .wpml-ls-legacy-dropdown>ul {
            position: relative;
            padding: 0 !important;
            /*width: 55px;*/
            margin: 0 !important;
            list-style-type: none;
        }

        .wpml-ls-legacy-dropdown {
            width: 40px;
            margin: auto;
        }

        .wpml-ls-legacy-dropdown a {
            border: 0 !important;
        }

        .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
            display: none;
        }

        .wpml-ls-legacy-dropdown a:hover,
        .wpml-ls-legacy-dropdown a:focus,
        .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a {
            background: #ffffff;
        }

        #verificationStatusHolder {
            position: relative;
            top: 1px;
            left: 5px;
            width: 10px;
            height: 10px;
            border-radius: 100%;
            display: inline-block;
        }

        .availableBalance,
        .accountType,
        .verificationStatus {
            color: #8f8b8b;
        }

        #userbalanceHolder,
        #accountTypeHolder {
            font-weight: bold;
            font-family: arial;
        }

        #toggleMenuActionMobile {
            width: 300px !important;
            background-color: #6d6e7000 !important;

            border-bottom: 0 #2d2d2d solid !important;
        }

        @media (max-width: 767px) {
            .logo-img {
                width: 175px !important;
                margin: auto;
                padding-top: 30px;
            }
        }

        @media (max-width: 979px) {
            .logo-img {
                width: 175px !important;
                margin: auto;
                padding-top: 30px;
            }
        }

        /* Stocks
----------------------------------------- */
        .asset-flag-stocks {
            background-image: url("/wp-content/themes/theforest/images/flags2/40x20/stocks/spritesheet.png");
        }

        .asset-flag.alibaba {
            background-position: -5px -5px;
        }

        .asset-flag.amazon {
            background-position: -55px 2px;
        }

        .asset-flag.apple {
            background-position: -105px -2px;
        }

        .asset-flag.bank-of-america {
            background-position: -158px 1px;
        }

        .asset-flag.barclays {
            background-position: -6px -28px;
        }

        .asset-flag.bmw {
            background-position: -55px -30px;
        }

        .asset-flag.bnp {
            background-position: -105px -35px;
        }

        .asset-flag.boeing {
            background-position: -155px -30px;
        }

        .asset-flag.bp {
            background-position: -5px -62px;
        }

        .asset-flag.carlsberg {
            background-position: -55px -65px;
        }

        .asset-flag.citigroup {
            background-position: -105px -55px;
        }

        .asset-flag.coca-cola {
            background-position: -156px -59px;
        }

        .asset-flag.exxon-mobil {
            background-position: -5px -90px;
        }

        .asset-flag.facebook {
            background-position: -57px -90px;
        }

        .asset-flag.google {
            background-position: -105px -95px;
        }

        .asset-flag.hsbc {
            background-position: -155px -95px;
        }

        .asset-flag.ibm {
            background-position: -5px -120px;
        }

        .asset-flag.mcdonalds {
            background-position: -55px -115px;
        }

        .asset-flag.microsoft {
            background-position: -105px -117px;
        }

        .asset-flag.nike {
            background-position: -155px -120px;
        }

        .asset-flag.publicis {
            background-position: -5px -155px;
        }

        .asset-flag.renault {
            background-position: -55px -154px;
        }

        .asset-flag.starbucks {
            background-position: -105px -149px;
        }

        .asset-flag.tesla {
            background-position: -155px -150px;
        }

        .asset-flag.teva {
            background-position: -5px -185px;
        }

        .asset-flag.total {
            background-position: -55px -185px;
        }

        .asset-flag.twitter {
            background-position: -105px -178px;
        }

        .asset-flag.vivendi {
            background-position: -155px -185px;
        }

        .asset-flag.vodafone {
            background-position: -205px -5px;
        }

        .asset-flag.volkswagen {
            background-position: -205px -25px;
        }

        .asset-flag.volvo {
            background-position: -205px -65px;
        }

        .asset-flag.wynn-resorts {
            background-position: -5px -434px;
        }

        .asset-flag.yahoo {
            background-position: -205px -125px;
        }

        .asset-flag.mattel {
            background-position: -205px -435px;
        }

        .asset-flag.tilray {
            background-position: -205px -505px;
        }

        .asset-flag.fdx {
            background-position: -105px -300px;
        }

        .asset-flag.aurora {
            background-position: -155px -505px;
        }

        .asset-flag.etfmg {
            background-position: -105px -505px;
        }

        .asset-flag.advisorshare {
            background-position: -55px -505px;
        }

        .asset-flag.tcanopy {
            background-position: -5px -505px;
        }

        .asset-flag.sienna {
            background-position: -205px -470px;
        }

        .asset-flag.egain {
            background-position: -155px -470px;
        }

        .asset-flag.coty {
            background-position: -105px -435px;
        }

        .asset-flag.cron {
            background-position: -205px -304px;
        }

        .asset-flag.cannex {
            background-position: -155px -470px;
        }

        .asset-flag.aphria {
            background-position: -155px -435px;
        }

        .asset-flag.yahoo {
            background-position: -205px -125px;
        }

        .asset-flag.alxn {
            background-position: -109px -634px;
        }

        .asset-flag.adbe {
            background-position: -155px -630px;
        }

        .asset-flag.atvi {
            background-position: -205px -630px;
        }

        .asset-flag.aal {
            background-position: -55px -636px;
        }

        .asset-flag.mgm {
            background-position: -5px -635px;
        }

        .asset-flag.groupon {
            background-position: -205px -585px;
        }

        .asset-flag.nok {
            background-position: -155px -589px;
        }

        .asset-flag.micron {
            background-position: -105px -590px;
        }

        .asset-flag.cve {
            background-position: -55px -588px;
        }

        .asset-flag.sq {
            background-position: -5px -585px;
        }

        .asset-flag.nvda {
            background-position: -205px -540px;
        }

        .asset-flag.roku {
            background-position: -155px -542px;
        }

        .asset-flag.dnr {
            background-position: -105px -540px;
        }

        .asset-flag.bili {
            background-position: -55px -540px;
        }

        .asset-flag.gren {
            background-position: -5px -540px;
        }

        .asset-flag.iq {
            background-position: -205px -85px;
        }

        .asset-flag.gazprom {
            background-position: -205px -700px;
        }

        .asset-flag.gamble {
            background-position: -5px -670px;
        }

        .asset-flag.baidu {
            background-position: -55px -670px;
        }

        .asset-flag.disney {
            background-position: -110px -910px;
        }

        .asset-flag.fiat {
            background-position: -155px -670px;
        }

        .asset-flag.pfizer {
            background-position: -205px -668px;
        }

        .asset-flag.caterpillar {
            background-position: -5px -703px;
        }

        .asset-flag.telefonica {
            background-position: -57px -698px;
        }

        .asset-flag.aig {
            background-position: -105px -698px;
        }

        .asset-flag.ebay {
            background-position: -111px -910px;
        }

        .asset-flag.mastercard {
            background-position: -59px -729px;
        }

        .asset-flag.general-motors {
            background-position: -109px -728px;
        }

        .asset-flag.cisco {
            background-position: -155px -725px;
        }

        .asset-flag.aston_martin {
            background-position: -5px -755px;
        }

        .asset-flag.wirecard {
            background-position: -55px -755px;
        }

        .asset-flag.fr_telecom {
            background-position: -109px -755px;
        }

        .asset-flag.e_on {
            background-position: -155px -755px;
        }

        .asset-flag.ahold {
            background-position: -205px -757px;
        }

        .asset-flag.berkshire {
            background-position: -59px -786px;
        }

        .asset-flag.chevron {
            background-position: -111px -782px;
        }

        .asset-flag.visa {
            background-position: -5px -840px;
        }

        .asset-flag.spotify {
            background-position: -158px -786px;
        }

        .asset-flag.hp {
            background-position: -205px -786px;
        }

        .asset-flag.nintendo {
            background-position: -5px -811px;
        }

        .asset-flag.verizon {
            background-position: -55px -815px;
        }

        .asset-flag.dropbox {
            background-position: -110px -812px;
        }

        .asset-flag.jnj {
            background-position: -61px -910px;
        }

        .asset-flag.gm-pharma {
            background-position: -112px -840px;
        }

        .asset-flag.harley {
            background-position: -162px -840px;
        }

        .asset-flag.heineken {
            background-position: -205px -840px;
        }

        .asset-flag.ice {
            background-position: -5px -877px;
        }

        .asset-flag.lookheed {
            background-position: -59px -875px;
        }

        .asset-flag.lytf {
            background-position: -113px -873px;
        }

        .asset-flag.pepsico {
            background-position: -159px -877px;
        }

        .asset-flag.philpmoris {
            background-position: -5px -910px;
        }

        .asset-flag.tabaco {
            background-position: -5px -910px;
        }

        .asset-flag.electarts {
            background-position: -59px -842px;
        }

        .asset-flag.p_and_g {
            background-position: -9px -670px;
        }

        .asset-flag.gamble {
            background-position: -9px -670px;
        }

        .asset-flag.kod_l {
            background-position: -205px -730px;
        }

        .asset-flag.am_express {
            background-position: -5px -785px;
        }

        .asset-flag.three_mil {
            background-position: -5px -730px;
        }

        .asset-flag.china-mob {
            background-position: -5px -730px;
        }

        .asset-flag.china_mob {
            background-position: -161px -910px;
        }

        .asset-flag.ebay {
            background-position: -111px -910px;
        }

        /*  new 18/8  */
        .asset-flag.alcoa {
            background-position: -205px -910px;
        }

        .asset-flag.sony {
            background-position: -5px -940px;
        }

        .asset-flag.rosneft {
            background-position: -59px -940px;
        }

        .asset-flag.daimler-ag {
            background-position: -111px -940px;
        }

        .asset-flag.lloyds-banking {
            background-position: -161px -940px;
        }

        .asset-flag.batabcco {
            background-position: -205px -940px;
        }

        .asset-flag.easyjet {
            background-position: -5px -970px;
        }

        .asset-flag.glencore {
            background-position: -59px -965px;
        }

        .asset-flag.glaxosmithkline {
            background-position: -111px -966px;
        }

        .asset-flag.ocdo {
            background-position: -161px -970px;
        }

        .asset-flag.tsco {
            background-position: -202px -970px;
        }

        .asset-flag.peloton {
            background-position: -5px -995px;
        }

        .asset-flag.virgingalactic {
            background-position: -59px -995px;
        }

        .asset-flag.atandt {
            background-position: -111px -995px;
        }

        .asset-flag.work {
            background-position: -161px -995px;
        }

        .asset-flag.exxonmobil {
            background-position: -205px -995px;
        }

        .asset-flag.zoom {
            background-position: -5px -1028px;
        }

        .asset-flag.uber {
            background-position: -59px -1028px;
        }

        .asset-flag.trinseo {
            background-position: -111px -1026px;
        }

        .asset-flag.tripadvisor {
            background-position: -161px -1028px;
        }

        .asset-flag.smg {
            background-position: -205px -1031px;
        }

        .asset-flag.qqq {
            background-position: -5px -1055px;
        }

        .asset-flag.gild {
            background-position: -59px -1055px;
        }

        .asset-flag.cbd {
            background-position: -111px -1055px;
        }

        .asset-flag.abbv {
            background-position: -161px -1055px;
        }

        /* Commodities
----------------------------------------- */

        .asset-flag-commodities {
            background-image: url("/wp-content/themes/theforest/images/flags2/40x20/commodities/spritesheet.png");
        }

        .asset-flag.coffee {
            background-position: -5px -15px;
        }

        .asset-flag.copper {
            background-position: -55px -15px;
        }

        .asset-flag.corn {
            background-position: -5px -45px;
        }

        .asset-flag.gold {
            background-position: -55px -45px;
        }

        .asset-flag.gold-eur {
            background-position: -55px -45px;
        }

        .asset-flag.oil {
            background-position: -5px -75px;
        }

        .asset-flag.platinum {
            background-position: -55px -75px;
        }

        .asset-flag.silver {
            background-position: -105px -15px;
        }

        .asset-flag.sugar {
            background-position: -105px -45px;
        }

        .asset-flag.wheat {
            background-position: -105px -75px;
        }

        .asset-flag.cotton {
            background-position: -105px -105px;
        }

        .asset-flag.zinc {
            background-position: -105px -135px;
        }

        .asset-flag.soybeans {
            background-position: -5px -105px;
        }

        .asset-flag.brent {
            background-position: -55px -105px;
        }

        .asset-flag.cocoa {
            background-position: -5px -165px;
        }

        .asset-flag.natural-gas {
            background-position: -5px -135px;
        }

        .asset-flag.naturalgas {
            background-position: -5px -135px;
        }

        .asset-flag.natural_gas {
            background-position: -5px -135px;
        }

        .asset-flag.palladium {
            background-position: -105px -135px;
        }

        .btn-white {
            color: #fff;
            background-color: #18268f;
            border-color: #18268f;
            padding: 7px 20px !important;
            font-size: 20px;
        }

        .btn-white:hover,
        .btn-white:focus,
        .btn-white.focus,
        .btn-white:active,
        .btn-white.active,
        .open>.dropdown-toggle.btn-white {
            color: #18268f;
            background-color: #fff0;
            border: 1px solid #18268f;
            padding: 7px 20px !important;
            font-size: 21px;
        }

        .btn-white2 {
            color: #18268f;
            background-color: #fff;
            border: 1px solid #18268f;
            padding: 10px 15px;
            font-size: 14px;
        }

        .btn-white2:hover,
        .btn-white2:focus,
        .btn-white2.focus,
        .btn-white2:active,
        .btn-white2.active,
        .open>.dropdown-toggle.btn-white2 {
            color: #18268f;
            background-color: #efefef;
            border-color: #18268f;
            padding: 10px 15px;
            font-size: 14px;
        }

        .btn-ocean-green {
            color: #fff !important;
            background-color: #18268f !important;
            border-color: #18268f !important;
            padding: 10px 15px !important;
            font-size: 14px;
        }

        .btn-ocean-green:hover,
        .btn-ocean-green:focus,
        .btn-ocean-green.focus,
        .btn-ocean-green:active,
        .btn-ocean-green.active,
        .open>.dropdown-toggle.btn-ocean-green {
            color: #fff !important;

            background-color: #021b49 !important;

            border-color: #021b49 !important;
            padding: 10px 15px;
            font-size: 14px;
        }

        .pfooter {
            font-size: 13px !important;
            font-weight: 300 !important;
        }

        button.navbar-toggle.collapsed {
            display: none !important;
        }

        @media (max-width: 440px) {
            .floatright {
                width: auto !important;

                text-align: center !important;
                float: none !important;
                padding-top: 15px;
            }

            .smallscreenimage {
                float: none !important;
                margin-left: auto !important;
                margin-right: auto !important;
            }
        }

        /*----------------------NEW DESIGN - ---------------------------------------*/

        /*ACCOUNT TYPE PAGE */

        .title-account-types {
            margin: 28px 0;
            font-size: 22px;

            color: #18268f;
            text-align: center;
        }

        .price-account-types {
            margin: 36px 0 9px;
            font-size: 40px;

            color: #18268f;
            text-align: center;
        }

        .graydiv-account-types {
            /*
background: linear-gradient(180deg, rgb(231, 231, 231) 0%, rgb(163, 160, 160) 38%, rgb(144, 144, 142) 61%, rgb(124, 125, 127) 77%, rgb(76, 78, 79) 100%);
border-left: 3px solid #fff;*/
            min-height: 200px;

            padding: 16px 0 0;

            border: 1px solid #18268f;
        }

        .graydiv-account-types-left {
            /*background: linear-gradient(180deg, rgb(231, 231, 231) 0%, rgb(163, 160, 160) 38%, rgb(144, 144, 142) 61%, rgb(124, 125, 127) 77%, rgb(76, 78, 79) 100%);
*/
            min-height: 200px;
            padding: 16px 0 0;
            border-top-left-radius: 10px;
            border: 1px solid #18268f;
        }

        .graydiv-account-types-right {
            /*background: linear-gradient(180deg, rgb(231, 231, 231) 0%, rgb(163, 160, 160) 38%, rgb(144, 144, 142) 61%, rgb(124, 125, 127) 77%, rgb(76, 78, 79) 100%);
border-left: 3px solid #fff;*/
            min-height: 200px;

            padding: 16px 0 0;

            border-top-right-radius: 10px;
            border: 1px solid #18268f;
        }

        .graydiv-account-types-blueline {
            height: 3px;
            margin: 0 auto;
            display: block;
            background-color: #ffc900;
            border-radius: 1.5px;
            width: 70%;
        }

        .graydiv-account-types-title2 {
            display: inline-block;
            position: relative;

            color: #fff;
            background: #181818;
            border-radius: 10px;

            font-size: 17px;
            top: 10px;
            padding: 5px 25px;

            text-align: center;
        }

        .graydiv-account-types-linegray {
            height: 1px;

            background-color: #ffc900;

            border-radius: 1.5px;

            margin-top: 17px;
        }

        @media (max-width: 767px) {
            .graydiv-account-types-linegray {
                display: none;
            }
        }

        .well {
            min-height: 20px !important;
            padding: 19px !important;
            margin-bottom: 20px !important;
            background-color: #efefef00 !important;
            border: 1px solid #efefef !important;
            border-radius: 10px !important;
        }

        a {
            color: #81cf93;
            text-decoration: none;
            font-family: "Manrope";
            font-style: normal;
            font-weight: 600;
        }


        .titles-main {
            padding-left: 0;
            font-size: 22px;
            padding-top: 20px;
        }

        .input-lg {
            height: 46px !important;
            padding: 6px 16px !important;
            font-size: 14px !important;
        }

        label {
            font-weight: 300 !important;
        }

        /*

.wpcf7 input[type="submit"] {
 
    color: 
#000 !important;
background-color:
#ffc900 !important;
border-color:
    #ffc900 !important;
    padding: 10px 15px!important;
    font-size: 14px!important;
    border-radius: 5px!important;
    width: 93%;
}

.wpcf7 input[type="submit"]:hover {
 
    color: #ffc900 !important;
background-color:#000 !important;
border-color:  1px solid #ffc900 !important;
    padding: 10px 15px!important;
    font-size: 14px!important;
    border-radius: 5px!important;
    width: 93%;
}


*/

        .dash {
            border: 0 none;
            border-top: 1px dashed #ffc900;
            background: none;
            height: 0;
            width: 90%;
            margin-left: auto;
            margin-right: auto;
        }

        html.theme-dark .tv-embed-widget-wrapper__body {
            border-color: black !important;
        }

        .tv-embed-widget-wrapper__body {
            border: 0 solid #000 !important;
        }

        .content-home3 {
            min-height: 100px;
        }

        .content-home2 {
            border-bottom: 1px solid #d7d7d7;
            padding-bottom: 10px;
            padding-top: 25px;
            background-color: #18268f;
        }

        .m-title-4f {
            font-size: 19px !important;
            line-height: 3;
            color: #fff !important;
            font-weight: 600;
            text-align: center;
        }

        .m-text-4f {
            border: 1px solid transparent !important;
            color: #999999 !important;
            font-size: 13px !important;
            text-transform: none !important;
            font-weight: 500 !important;
            text-align: left !important;
            line-height: 1.6 !important;

            margin: 0;
        }

        .m-text-4f:hover {
            color: #075c8f !important;

            border: 1px solid transparent !important;

            font-size: 13px !important;
            text-transform: none !important;
            font-weight: 500 !important;
            text-align: left !important;
            line-height: 1.6 !important;

            margin: 0;
        }

        @media (max-width: 990px) {
            .smalldontshow {
                display: none;
            }
        }

        .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.form-control {
            border: 0 solid white !important;
            border-bottom-color: white;
            border-bottom-style: solid;
            border-bottom-width: 0;
            border-bottom-color: white;
            border-bottom-style: solid;
            border-bottom-width: 0;
            border-bottom: 1px solid #c6c4c4 !important;
            box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
            border-radius: 0 !important;
        }

        .wpcf7-form-control.wpcf7-textarea.form-control {
            border: 0 solid white !important;
            border-bottom-color: white;
            border-bottom-style: solid;
            border-bottom-width: 0;
            border-bottom-color: white;
            border-bottom-style: solid;
            border-bottom-width: 0;
            border-bottom-color: white;
            border-bottom-style: solid;
            border-bottom-width: 0;
            border-bottom-color: white;
            border-bottom-style: solid;
            border-bottom-width: 0;
            border-bottom: 1px solid #c6c4c4 !important;
            box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
            border-radius: 0 !important;
        }

        textarea.form-control {
            height: 150px !important;
        }

        .wpcf7-form-control.wpcf7-submit.btn.btn-primary {
            background-color: #007aff !important;
            border-radius: 8px !important;
            line-height: 2 !important;
            width: 40% !important;
            font-size: 17px !important;
            padding-bottom: 5px;
        }

        .wpcf7 p {
            color: #535151 !important;
        }

        form.wpcf7-form input,
        form.wpcf7-form textarea {
            width: 92%;
            padding-bottom: 10px;
            border: 1px #fff solid;
            border-bottom-color: rgb(255, 255, 255);
            border-bottom-style: solid;
            border-bottom-width: 1px;
            border-bottom: 1px solid #c6c4c4 !important;
        }

        .form-control {
            display: block;
            width: 100%;
            height: 34px;
            padding: 6px 12px;
            font-size: 14px;
            line-height: 1.42857143;
            color: #5b5858;
            background-color: #2d2e2e14;
            background-image: none;
            border: 1px solid #ccc !important;
            border-radius: 4px;
            -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
            box-shadow: inset 0 1px 1px rgb(255 255 255 / 8%);
            -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
            -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
            transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
        }

        .rotation-green-title {
            color: #84c561 !important;
            font-size: 30px;
            margin: 0;
            font-weight: 300;
            text-align: left;
        }

        .rotation-blue-text {
            color: #075c8f !important;
            font-size: 15px;
            font-weight: 300;
            text-align: left;
        }

        .separator {
            width: 100%;
            margin: 15px auto;
            position: relative;
            height: 1px;
            -webkit-backface-visibility: hidden;
            -webkit-transform: translateZ(0) scale(1, 1);
            color: white !important;
        }

        .default-bg .separator::after,
        .dark-translucent-bg .separator::after,
        .default-translucent-bg .separator::after,
        .light.separator::after {
            background: rgba(255, 255, 255, 0.5);
            background: -moz-linear-gradient(left,
                    rgba(255, 255, 255, 0) 0%,
                    rgba(255, 255, 255, 0.5) 35%,
                    rgba(255, 255, 255, 0.5) 70%,
                    rgba(255, 255, 255, 0) 100%);
            background: -webkit-gradient(linear,
                    left top,
                    right top,
                    color-stop(0%, rgba(255, 255, 255, 0)),
                    color-stop(35%, rgba(255, 255, 255, 0.5)),
                    color-stop(70%, rgba(255, 255, 255, 0.5)),
                    color-stop(100%, rgba(255, 255, 255, 0)));
            background: -webkit-linear-gradient(left,
                    rgba(255, 255, 255, 0) 0%,
                    rgba(255, 255, 255, 0.5) 35%,
                    rgba(255, 255, 255, 0.5) 70%,
                    rgba(255, 255, 255, 0) 100%);
            background: -o-linear-gradient(left,
                    rgba(255, 255, 255, 0) 0%,
                    rgba(255, 255, 255, 0.5) 35%,
                    rgba(255, 255, 255, 0.5) 70%,
                    rgba(255, 255, 255, 0) 100%);
            background: -ms-linear-gradient(left,
                    rgba(255, 255, 255, 0) 0%,
                    rgba(255, 255, 255, 0.5) 35%,
                    rgba(255, 255, 255, 0.5) 70%,
                    rgba(255, 255, 255, 0) 100%);
            background: linear-gradient(to right,
                    rgba(255, 255, 255, 0) 0%,
                    rgba(255, 255, 255, 0.5) 35%,
                    rgba(255, 255, 255, 0.5) 70%,
                    rgba(255, 255, 255, 0) 100%);
        }

        .separator::after {
            height: 1px;
            background: #e8e8e8;
            background: -moz-linear-gradient(left,
                    rgba(0, 0, 0, 0) 0%,
                    rgba(0, 0, 0, 0.09) 35%,
                    rgba(0, 0, 0, 0.09) 70%,
                    rgba(0, 0, 0, 0) 100%);
            background: -webkit-gradient(linear,
                    left top,
                    right top,
                    color-stop(0%, rgba(0, 0, 0, 0)),
                    color-stop(35%, rgba(0, 0, 0, 0.09)),
                    color-stop(70%, rgba(0, 0, 0, 0.09)),
                    color-stop(100%, rgba(0, 0, 0, 0)));
            background: -webkit-linear-gradient(left,
                    rgba(0, 0, 0, 0) 0%,
                    rgba(0, 0, 0, 0.09) 35%,
                    rgba(0, 0, 0, 0.09) 70%,
                    rgba(0, 0, 0, 0) 100%);
            background: -o-linear-gradient(left,
                    rgba(0, 0, 0, 0) 0%,
                    rgba(0, 0, 0, 0.09) 35%,
                    rgba(0, 0, 0, 0.09) 70%,
                    rgba(0, 0, 0, 0) 100%);
            background: -ms-linear-gradient(left,
                    rgba(0, 0, 0, 0) 0%,
                    rgba(0, 0, 0, 0.09) 35%,
                    rgba(0, 0, 0, 0.09) 70%,
                    rgba(0, 0, 0, 0) 100%);
            background: linear-gradient(to right,
                    rgba(0, 0, 0, 0) 0%,
                    rgba(0, 0, 0, 0.09) 35%,
                    rgba(0, 0, 0, 0.09) 70%,
                    rgba(0, 0, 0, 0) 100%);
            position: absolute;
            bottom: -1px;
            content: "";
            width: 100%;
            left: 0;
        }

        .containLoginLine2 {
            /* box-shadow: 0 4px 6px 0 #e9e8e8; */

            background-color: rgba(0, 0, 0, 0.8);
            background-color: #fff0;
        }

        .btn-default {
            background-color: #0b6c91;
            border-color: #0b6c91;
            padding: 7px 20px;
            color: white;
        }

        .signinrighttext {
            color: #000000;
            line-height: 2;
            font-size: 15px;
            font-weight: 300;
        }

        .separator-2,
        .separator-3 {
            width: 100%;
            margin-bottom: 15px;
            position: relative;
            height: 1px;
        }

        .separator-2::after {
            height: 1px;
            background: #d1d1d1;
            background: -moz-linear-gradient(left,
                    rgba(0, 0, 0, 0.18) 0%,
                    rgba(0, 0, 0, 0.12) 35%,
                    rgba(0, 0, 0, 0.05) 70%,
                    rgba(0, 0, 0, 0) 100%);
            background: -webkit-gradient(linear,
                    left top,
                    right top,
                    color-stop(0%, rgba(0, 0, 0, 0.18)),
                    color-stop(35%, rgba(0, 0, 0, 0.12)),
                    color-stop(70%, rgba(0, 0, 0, 0.05)),
                    color-stop(100%, rgba(0, 0, 0, 0)));
            background: -webkit-linear-gradient(left,
                    rgba(0, 0, 0, 0.18) 0%,
                    rgba(0, 0, 0, 0.12) 35%,
                    rgba(0, 0, 0, 0.05) 70%,
                    rgba(0, 0, 0, 0) 100%);
            background: -o-linear-gradient(left,
                    rgba(0, 0, 0, 0.18) 0%,
                    rgba(0, 0, 0, 0.12) 35%,
                    rgba(0, 0, 0, 0.05) 70%,
                    rgba(0, 0, 0, 0) 100%);
            background: -ms-linear-gradient(left,
                    rgba(0, 0, 0, 0.18) 0%,
                    rgba(0, 0, 0, 0.12) 35%,
                    rgba(0, 0, 0, 0.05) 70%,
                    rgba(0, 0, 0, 0) 100%);
            background: linear-gradient(to right,
                    rgba(0, 0, 0, 0.18) 0%,
                    rgba(0, 0, 0, 0.12) 35%,
                    rgba(0, 0, 0, 0.05) 70%,
                    rgba(0, 0, 0, 0) 100%);
            position: absolute;
            bottom: -1px;
            left: 0;
            content: "";
            width: 100%;
        }

        #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu {
            min-height: 20px;
        }

        /*-------------------------------- CHANGE MY PROFILE STYLE -------------------------------------------------------------*/
        /*-------------------------------- DELETE THIS SECTION TO RESTORE ----------------------------------------------*/
        .my-profile-panel {
            background: #ffffff !important;
            padding: 10px;
            margin-top: 15px;
            width: 100%;
            margin-bottom: 15px;
            border: 2px solid !important;

            border-color: #404378 !important;
            border-radius: 5px !important;
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 5px 0 rgba(0, 0, 0, 0.08),
                0 3px 1px -2px rgba(0, 0, 0, 0.1);
        }

        .my-account-panel {
            background: #ffffff !important;
            padding: 10px;
            margin-top: 15px;
            width: 100%;
            margin-bottom: 15px;
            border: 2px solid !important;

            border-color: #404378 !important;
            border-radius: 5px !important;

            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 5px 0 rgba(0, 0, 0, 0.08),
                0 3px 1px -2px rgba(0, 0, 0, 0.1);
        }

        .contain-left-side-bar ul li {
            color: #404378 !important;
            text-transform: uppercase !important;
            font-size: 18px !important;
            font-weight: normal !important;
            padding-top: 10px !important;
            padding-bottom: 10px !important;
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 5px 0 rgba(0, 0, 0, 0.08),
                0 3px 1px -2px rgba(0, 0, 0, 0.1);
        }

        .contain-left-side-bar ul li.active {
            position: relative;
            background-color: #e2e5e5 !important;
            color: #fff !important;
            border-radius: 5px !important;
        }

        .blue-background {
            background: #fff !important;
        }

        .contain-left-side-bar {
            background-color: #fff !important;
            padding-top: 35px;
            border: 2px solid !important;

            border-color: #404378 !important;
            border-radius: 5px !important;
        }

        .contain-left-side-bar .clientName {
            color: #404378 !important;

            font-size: 22px !important;

            text-align: center !important;

            padding-top: 5px !important;

            text-transform: none !important;

            padding-bottom: 0 !important;

            font-weight: normal !important;

            padding-left: 15px !important;
        }

        .my-cashier-panel {
            background: #ffffff !important;
            padding: 10px;
            margin-top: 15px;
            width: 100%;
            margin-bottom: 15px;
            border: 2px solid !important;

            border-color: #404378 !important;
            border-radius: 5px !important;
            border-radius: 5px !important;
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 5px 0 rgba(0, 0, 0, 0.08),
                0 3px 1px -2px rgba(0, 0, 0, 0.1);
        }

        .dynamic-panel {
            border: 2px solid !important;

            border-color: #404378 !important;
            border-radius: 5px !important;
            border-radius: 5px !important;
        }

        .blueColor {
            color: #3fd530 !important;
            background-color: inherit !important;
        }

        a.found-button {
            background-color: #3fd530 !important;
            background-color: #3fd530 !important;
            margin-left: 0 !important;
            border: #3fd530 !important;
            float: right !important;
            margin-right: 5px !important;
            height: 28px !important;
            margin-left: 5px !important;
            border-radius: 3px;
        }

        table.table.panelTable tr td {
            border: 1px #fff solid !important;
            font-size: 14px !important;
        }

        table.table.panelTable {
            border: 1px #fff solid !important;
            font-size: 14px !important;
        }

        .panelTable {
            border: 1px #fff solid !important;
            font-size: 14px !important;
        }

        .title-panel {
            font-size: 19px !important;
            color: #404378 !important;
            text-align: center !important;
            padding-bottom: 27px !important;
            padding-top: 15px !important;
            font-weight: 400 !important;
        }

        .my-cashier-panel .deposit-button {
            background-color: #3fd530 !important;
            margin-left: 0 !important;
            border: #3fd530 !important;
            float: right !important;

            margin-right: 5px !important;

            height: 28px !important;
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 5px 0 rgba(0, 0, 0, 0.08),
                0 3px 1px -2px rgba(0, 0, 0, 0.1);
        }

        .withdrawal-button,
        .withdrawal-button:hover {
            background: #6ad !important;
            border: 1px #6ad solid !important;
            margin-left: 10px !important;
            float: right !important;

            margin-right: 5px !important;
            height: 28px !important;
        }

        .dataTables_wrapper.no-footer .dataTables_scrollBody {
            border-bottom: 1px solid #fff !important;
        }

        .table thead {
            background-color: #404378 !important;
        }

        .sorting_desc {
            background-color: #404378 !important;
            border-left: 1px solid !important;
        }

        .sorting {
            background-color: #404378 !important;
            border-left: 1px solid !important;
        }

        .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
            *margin-top: -1px;
            -webkit-overflow-scrolling: touch;
            height: auto !important;
            padding-bottom: 15px !important;
        }

        .my-trades-panel {
            border: 2px solid !important;

            border-color: #404378 !important;
            border-radius: 5px !important;
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 5px 0 rgba(0, 0, 0, 0.08),
                0 3px 1px -2px rgba(0, 0, 0, 0.1);
        }

        .dynamicRow {
            padding-top: 20px !important;
        }

        .tradingTabs {
            background: #fff !important;
            color: #404378 !important;
            border: 2px solid #404378 !important;
            border-bottom-color: rgb(255, 178, 0);
            border-bottom-style: solid;
            border-bottom-width: 2px;
            border-top-right-radius: 5px;
            border-top-left-radius: 5px;
            border-bottom: 0 solid !important;
        }

        .tradingTabs.active {
            background: #404378 !important;
            text-align: center !important;
            color: #ffffff !important;
        }

        .my-trades-panel p {
            color: #79797a !important;
            font-weight: normal !important;
        }

        .my-trades-panel span {
            color: #79797a !important;
            font-size: 12px !important;
        }

        .my-trades-panel label {
            font-size: 13px !important;
            color: #79797a !important;
        }

        .my-trades-panel select {
            font-size: 13px !important;
            color: #79797a !important;
        }

        .fa {
            color: #79797a !important;

            margin-left: 10px !important;

            font-size: 12px !important;
        }

        .dataTables_wrapper label {
            color: #79797a !important;
            font-size: 13px !important;
        }

        .dataTables_wrapper select {
            color: #79797a !important;
            font-size: 13px !important;
        }

        table.table.panelTable tr td ul.trade-list li .small-size-font {
            border: 1px #fff solid !important;
            color: gray !important;
        }

        .my-account-panel {
            color: gray !important;
        }

        .brand-name {
            color: gray !important;
        }

        .submitTitle {
            color: gray !important;
        }

        .someId1Small {
            color: gray !important;
        }

        .profile-form {
            color: gray !important;
        }

        .featured-box-text .boxGraydown h2,
        p {
            color: gray;
        }

        .notConnectedYet {
            color: gray !important;
        }

        table.panelTable {
            border: 1px #fff solid !important;
        }

        .padding-bottom {
            padding-bottom: 20px !important;
        }

        .password-box label {
            color: gray !important;
        }

        .label {
            color: gray !important;
        }

        .notConnectedYet hr {
            border-bottom: 0 solid #fff !important;
        }

        .notConnectedYet {
            padding-top: 5px !important;
        }

        .submitPassword {
            margin-left: 40px !important;

            margin-top: 10px !important;
            background: #66abde;
            color: #ffffff;
            border: 0;
            padding-top: 7px !important;
            min-width: 150px !important;
            height: 35px;
            padding-bottom: 7px !important;
        }

        .dataTables_wrapper {
            padding-top: 10px !important;
        }

        .my-profile-panel img {
            width: 80% !important;
        }

        .my-profile-panel label {
            color: gray !important;
        }

        .iconDownLoad {
            display: none !important;
        }

        .verification label {
            color: gray !important;
        }

        .my-profile-panel {
            width: 100% !important;
            padding-bottom: 10px !important;
        }

        .my-profile-panel hr {
            padding-bottom: 20px !important;
            padding-top: 20px !important;

            border-bottom: 1px solid #beb0b0 !important;
            margin: 22px !important;
        }

        .date-label {
            padding-left: 20px !important;
        }

        .date_range_filter {
            margin-left: 7px !important;
        }

        .contain-left-side-bar ul li .triangular {
            display: none;
            position: absolute;
            right: -25px;
            content: " ";
            width: 0;
            top: 3px !important;
            height: 0;
            border-style: solid;
            border-width: 21px 0 21px 22px !important;

            z-index: 99;
        }

        .triangular {
            color: red !important;
        }

        .dataTables_scrollBody {
            border-bottom: 1px solid #fff !important;
        }
    }

    .found-trade {
        background-color: #66aadd !important;

        margin-left: 0 !important;

        float: right !important;
        margin-right: 5px !important;
        height: 28px !important;
        margin-left: 5px !important;
        border-radius: 3px !important;
    }

    a.found-trade,
    a.found-button {
        border-radius: 3px !important;
    }

    .panel-default {
        border-color: #fff !important;
        font-size: 15px !important;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 5px 0 rgba(0, 0, 0, 0.08), 0 3px 1px -2px rgba(0, 0, 0, 0.1);
    }

    .panel-title {
        font-size: 16px !important;

        font-weight: 400 !important;
        color: #2e4194 !important;
    }

    .contain-left-side-bar {
        margin-top: 15px !important;
    }

    .profile-form {
        padding-left: 40px !important;
    }

    .description {
        padding-top: 75px !important;
        padding-left: 20px !important;
    }

    .password-box {
        padding-left: 40px !important;
    }

    table.table.panelTable tr td {
        border: 1px #fff solid !important;
    }

    .goldbutn {
        border: 1px solid transparent;
        border-image-outset: 0;
        border-image-repeat: stretch;
        border-image-slice: 100%;
        border-image-source: none;
        border-image-width: 1;
        padding: 2px 8px;
        background: -webkit-linear-gradient(128deg, #a68537 20%, #f8f39a 40%, #a68537 72%);
        background-clip: border-box;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        border-image: -webkit-linear-gradient(128deg, #a68537 20%, #f8f39a 40%, #a68537 72%);
        border-image-slice: 100%;
        border-image-slice: 1;
    }

    .btn-login {
        width: 100%;
        height: 45px;
        font-size: 18px;
        display: inline-block;
        margin: 0 15px 0 0;
        background-color: #fff;

        border: 1px solid #006397;

        color: #006397;
        border-radius: 4px;
        text-transform: none;
        padding: 9px 12px 6px;
        line-height: 14px;
        padding: 9px 12px 6px;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    }

    .btn-login a:hover {
        color: #006397 !important;

        text-decoration: none !important;

        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.55), 0 6px 21px 0 rgba(0, 0, 0, 0.33) !important;
    }

    .btn-login:hover {
        color: #006397 !important;

        text-decoration: none !important;

        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.55), 0 6px 21px 0 rgba(0, 0, 0, 0.33) !important;
    }

    .btn-login2 {
        display: inline-block;
        margin: 0 15px 0 0;
        background-color: #fff;

        border: 1px solid #006397;

        color: #006397;

        border-radius: 4px;
        text-transform: none;
        padding: 9px 12px;
        line-height: 14px;

        padding: 9px 12px, 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    }

    .btn-login2 a:hover {
        color: #006397 !important;

        text-decoration: none !important;

        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.55), 0 6px 21px 0 rgba(0, 0, 0, 0.33) !important;
    }

    .btn-login2:hover {
        color: #006397 !important;

        text-decoration: none !important;

        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.55), 0 6px 21px 0 rgba(0, 0, 0, 0.33) !important;
    }

    .btn-registration {
        color: #fff !important;
        display: inline-block;
        margin: 0 15px 0 0;
        background-color: #006397;
        border: 1px solid #006397;
        color: #fff;
        border-radius: 4px;
        text-transform: none;
        padding: 9px 12px;
        line-height: 14px;
        padding: 9px 12px;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    }

    .btn-registration a:hover {
        color: #fff !important;

        text-decoration: none !important;

        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.55), 0 6px 21px 0 rgba(0, 0, 0, 0.33) !important;
    }

    .btn-registration:hover {
        color: #fff !important;

        text-decoration: none !important;

        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.55), 0 6px 21px 0 rgba(0, 0, 0, 0.33) !important;
    }


    .nav {
        float: left !important;
    }

    ul.nav.nav-tabs.my-tabs {
        float: none !important;
    }

    div#n2-ss-2 {
        display: block;
    }

    div#n2-ss-12,
    div#n2-ss-12-placeholder {
        display: none;
    }

    @media only screen and(max-width: 440px) {

        div#n2-ss-2,
        div#n2-ss-2-placeholder {
            display: none;
        }

        div#n2-ss-12 {
            display: block;
        }
    }

    .sticky {
        position: fixed;
        top: 0;
        width: 100%;
        background: #00000066 !important;
        min-height: 70px;
    }

    textarea.form-control {
        height: 150px !important;
    }

    #toggleMenuActionMobile {
        width: 300px !important;
        background-color: #6d6e7000 !important;

        border-bottom: 0 #2d2d2d solid !important;
    }

    /*-------------------------------- CHANGE MY PROFILE STYLE -------------------------------------------------------------*/
    /*-------------------------------- DELETE THIS SECTION TO RESTORE ----------------------------------------------*/
    .my-profile-panel {
        background: #ffffff !important;
        padding: 10px;
        margin-top: 15px;
        width: 100%;
        margin-bottom: 15px;
        border: 2px solid !important;

        border-color: #404378 !important;
        border-radius: 0 !important;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 5px 0 rgba(0, 0, 0, 0.08), 0 3px 1px -2px rgba(0, 0, 0, 0.1);
    }

    .my-account-panel {
        background: #ffffff !important;
        padding: 10px;
        margin-top: 15px;
        width: 100%;
        margin-bottom: 15px;
        border: 2px solid !important;

        border-color: #404378 !important;
        border-radius: 5px !important;

        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 5px 0 rgba(0, 0, 0, 0.08), 0 3px 1px -2px rgba(0, 0, 0, 0.1);
    }

    #tradesTable tr.odd td.sorting_1,
    #tradesTable tr.even td.sorting_1,
    #tradesTable tr td,
    #forexTable tr.odd td.sorting_1,
    #forexTable tr.even td.sorting_1,
    #forexTable tr td,
    #cryptoTable tr.odd td.sorting_1,
    #cryptoTable tr.even td.sorting_1,
    #cryptoTable tr td {
        border: 0 #000 solid !important;
    }

    .contain-left-side-bar ul li {
        color: #404378 !important;
        text-transform: uppercase !important;
        font-size: 18px !important;
        font-weight: normal !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 5px 0 rgba(0, 0, 0, 0.08), 0 3px 1px -2px rgba(0, 0, 0, 0.1);
    }

    .contain-left-side-bar ul li.active {
        position: relative;
        background-color: #e2e5e5 !important;
        color: #fff !important;
        border-radius: 5px !important;
    }

    .blue-background {
        background: #fff !important;
    }

    .contain-left-side-bar {
        background-color: #fff !important;
        padding-top: 35px;
        border: 2px solid !important;

        border-color: #404378 !important;
        border-radius: 5px !important;
    }

    .contain-left-side-bar .clientName {
        color: #404378 !important;

        font-size: 22px !important;

        text-align: center !important;

        padding-top: 5px !important;

        text-transform: none !important;

        padding-bottom: 0 !important;

        font-weight: normal !important;

        padding-left: 15px !important;
    }

    .my-cashier-panel {
        background: #ffffff !important;
        padding: 10px;
        margin-top: 15px;
        width: 100%;
        margin-bottom: 15px;
        border: 2px solid !important;

        border-color: #404378 !important;
        border-radius: 0 !important;
        border-radius: 0 !important;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 5px 0 rgba(0, 0, 0, 0.08), 0 3px 1px -2px rgba(0, 0, 0, 0.1);
    }

    .dynamic-panel {
        border: 2px solid !important;

        border-color: #404378 !important;
        border-radius: 5px !important;
        border-radius: 5px !important;
    }

    .blueColor {
        color: #3fd530 !important;
        background-color: inherit !important;
    }

    a.found-button {
        background-color: #3fd530 !important;
        background-color: #3fd530 !important;
        margin-left: 0 !important;
        border: #3fd530 !important;
        float: right !important;
        margin-right: 5px !important;
        height: 28px !important;
        margin-left: 5px !important;
        border-radius: 3px;
    }
}

table.table.panelTable tr td {
    border: 1px #fff solid !important;
    font-size: 14px !important;
}

table.table.panelTable {
    border: 1px #fff solid !important;
    font-size: 14px !important;
}

.panelTable {
    border: 1px #fff solid !important;
    font-size: 14px !important;
}

.title-panel {
    font-size: 19px !important;
    color: #404378 !important;
    text-align: center !important;
    padding-bottom: 27px !important;
    padding-top: 15px !important;
    font-weight: 400 !important;
}

.my-cashier-panel .deposit-button {
    background-color: #3fd530 !important;
    margin-left: 0 !important;
    border: #3fd530 !important;
    float: right !important;

    margin-right: 5px !important;

    height: 28px !important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 5px 0 rgba(0, 0, 0, 0.08), 0 3px 1px -2px rgba(0, 0, 0, 0.1);
}

.withdrawal-button,
.withdrawal-button:hover {
    background: #6ad !important;
    border: 1px #6ad solid !important;
    margin-left: 10px !important;
    float: right !important;

    margin-right: 5px !important;
    height: 28px !important;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #fff !important;
}

.table thead {
    background-color: #404378 !important;
}

.sorting_desc {
    background-color: #ffffff !important;
    border-left: 0 solid !important;
    color: #0288d1 !important;
    font-weight: 500 !important;
}

.sorting {
    background-color: #ffffff !important;
    border-left: 0 solid !important;
    color: #0288d1 !important;
    font-weight: 500 !important;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
    *margin-top: -1px;
    -webkit-overflow-scrolling: touch;
    height: auto !important;
    padding-bottom: 15px !important;
}

table.dataTable thead th,
table.dataTable thead td {
    border-bottom: 0 solid #111 !important;
}

.my-trades-panel {
    border: 2px solid !important;

    border-color: #404378 !important;
    border-radius: 0 !important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 5px 0 rgba(0, 0, 0, 0.08), 0 3px 1px -2px rgba(0, 0, 0, 0.1);
}

.dynamicRow {
    padding-top: 20px !important;
}

.tradingTabs {
    background: #fff !important;
    color: #404378 !important;
    border: 2px solid #404378 !important;
    border-bottom-color: rgb(255, 178, 0);
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom: 0 solid !important;
    margin-left: 0 !important;
}

.tradingTabs.active {
    background: #404378 !important;
    text-align: center !important;
    color: #ffffff !important;
}

.my-trades-panel p {
    color: #79797a !important;
    font-weight: normal !important;
}

.my-trades-panel span {
    color: #79797a !important;
    font-size: 12px !important;
}

.my-trades-panel label {
    font-size: 13px !important;
    color: #79797a !important;
}

.my-trades-panel select {
    font-size: 13px !important;
    color: #79797a !important;
}

.fa {
    margin-left: 10px !important;

    font-size: 16px !important;
}

.dataTables_wrapper label {
    color: #79797a !important;
    font-size: 13px !important;
}

.dataTables_wrapper select {
    color: #79797a !important;
    font-size: 13px !important;
}

table.table.panelTable tr td ul.trade-list li .small-size-font {
    border: 1px #fff solid !important;
    color: gray !important;
}

.my-account-panel {
    color: gray !important;
}

.brand-name {
    color: gray !important;
}

.submitTitle {
    color: gray !important;
}

.someId1Small {
    color: gray !important;
}

.profile-form {
    color: gray !important;
}

.featured-box-text .boxGraydown h2,
p {
    color: black;
}

.notConnectedYet {
    color: gray !important;
}

table.panelTable {
    border: 1px #fff solid !important;
}

.padding-bottom {
    padding-bottom: 20px !important;
}

.password-box label {
    color: gray !important;
}

.label {
    color: gray !important;
}

.notConnectedYet hr {
    border-bottom: 0 solid #fff !important;
}

.notConnectedYet {
    padding-top: 5px !important;
}

.submitPassword {
    margin-left: 40px !important;

    margin-top: 10px !important;
    background: #66abde;
    color: #ffffff;
    border: 0;
    padding-top: 7px !important;
    min-width: 150px !important;
    height: 35px;
    padding-bottom: 7px !important;
}

.dataTables_wrapper {
    padding-top: 10px !important;
}

.my-profile-panel img {
    width: 80% !important;
}

.my-profile-panel label {
    color: gray !important;
}

.iconDownLoad {
    display: none !important;
}

.verification label {
    color: gray !important;
}

.my-profile-panel {
    width: 100% !important;
    padding-bottom: 10px !important;
}

.my-profile-panel hr {
    padding-bottom: 20px !important;
    padding-top: 20px !important;

    border-bottom: 1px solid #beb0b0 !important;
    margin: 22px !important;
}

.date-label {
    padding-left: 0 !important;
}

.date_range_filter {
    margin-left: 7px !important;
}

.contain-left-side-bar ul li .triangular {
    display: none;
    position: absolute;
    right: -25px;
    content: " ";
    width: 0;
    top: 3px !important;
    height: 0;
    border-style: solid;
    border-width: 21px 0 21px 22px !important;

    z-index: 99;
}

.triangular {
    color: red !important;
}

.dataTables_scrollBody {
    border-bottom: 1px solid #fff !important;
}

.found-trade {
    background-color: #66aadd !important;

    margin-left: 0 !important;

    float: right !important;
    margin-right: 5px !important;
    height: 28px !important;
    margin-left: 5px !important;
    border-radius: 3px !important;
}

a.found-trade,
a.found-button {
    border-radius: 3px !important;
}

.panel-default {
    border-color: #fff !important;
    font-size: 15px !important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.06), 0 1px 5px 0 rgba(0, 0, 0, 0.08), 0 3px 1px -2px rgba(0, 0, 0, 0.1);
}

.panel-title {
    font-size: 16px !important;

    font-weight: 400 !important;
    color: #2e4194 !important;
}

.contain-left-side-bar {
    margin-top: 15px !important;
    border-radius: 0 !important;
}

.profile-form {
    padding-left: 40px !important;
}

.description {
    padding-top: 75px !important;
    padding-left: 20px !important;
}

.password-box {
    padding-left: 40px !important;
}

table.table.panelTable tr td {
    border: 1px #fff solid !important;
}

/*------------------------------------------------------------------------------------------*/

.my-profile-panel {
    padding: 30px !important;
}

.my-cashier-panel {
    padding: 30px !important;
}

.my-trades-panel {
    padding: 30px !important;
}

.asset {
    color: #18268f !important;
}

.amount {
    color: #18268f !important;
}

.btnhomered {
    color: #fff !important;
    font-weight: 400 !important;
    background: #f5222d !important;
    border: 1px solid #f5222d !important;
    padding: 13px 30 PX !important;
    font-size: 24px !important;
}

.btnhomewhite {
    color: #fff !important;
    font-weight: 400 !important;
    background: #f5222d00 !important;
    border: 1px solid #fff !important;
    padding: 13px 30 PX !important;
    font-size: 24px !important;
}

.btnhomewhite2 {
    color: #142056 !important;
    font-weight: 400 !important;
    background: #fff !important;
    border: 1px solid #fff !important;
    padding: 13px 30 PX !important;
    font-size: 18px !important;
    border-radius: 0;
}

.m-title-4black {
    font-size: 18px !important;
    line-height: 2;
    color: #000 !important;
    font-weight: 500;
}

.m-title-1 {
    font-size: 36px;
    line-height: 40px;
    color: #323132 !important;
    font-weight: 700;
}

.my-profile-panel img {
    width: 40% !important;
}

.assets_type_divider {
    color: #626060 !important;
}

.form-control::placeholder {
    color: white !important;
}

.fa.fa-search {
    color: white !important;
}

#autoSearchautocomplete-list>div {
    color: #5f5c5c !important;
}

#payoutText {
    color: white;
}

#strikePrice {
    color: white;
}

.wpml-ls-legacy-dropdown a {
    background-color: #fff0 !important;
}

.wpml-ls-legacy-dropdown a:hover,
.wpml-ls-legacy-dropdown a:focus,
.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a {
    background: #fff0 !important;
}

/*-----------------------------------------------  NEW DESIGN --------------------------------------------------------------*/

.trust-pilot {
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.trust-pilot {
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    padding-bottom: 2rem;
    padding-top: 2rem;
}

.trust-pilot {
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-justify-content: center;
    justify-content: center;
    padding-bottom: 1rem;
    padding-top: 1rem;
}

.prs-container--dark-bg {
    background-color: #f9f9f9;
}

.prs-container {
    padding: 0 calc(100% 0 75rem);
}

.prs-container {
    padding: 0 2rem;
}

.trust-pilot .trust-pilot-description {
    font-size: 1.25rem;
    margin-bottom: 0;
    margin-right: 20px;
    text-align: left;
}

.trust-pilot-description {
    font-size: 1rem;
    font-weight: 300;
    margin-bottom: 2px;
    text-align: center;
}

.trust-pilot-description b {
    white-space: nowrap;
}

.trust-pilot b {
    display: inline;
}

.trust-pilot b {
    display: block;
}

b {
    font-weight: 600;
}

* {
    box-sizing: border-box;
}

.trust-pilot .trust-pilot-description {
    font-size: 1.25rem;
    text-align: left;
}

.trust-pilot-description {
    font-size: 1rem;
    font-weight: 300;
    text-align: center;
}

.trustpilot-widget {
    margin-top: 8px;
}

.textsize19 {
    font-weight: 300;
    line-height: 1.5;
    font-size: 19px !important;
}

.textsize19c {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 500;
    font-size: 15px !important;
    line-height: 22px;
    color: #637085;
    text-align: center !important;
}

.textsize19bc {
    font-family: "Archivo";
    font-style: normal;
    font-weight: 800;
    font-size: 28px !important;
    line-height: 50px;
    text-align: center !important;
    color: #12171f;
}

.center1 {
    text-align: center;
}

.btnnewblue {
    opacity: 1;
    background-color: #0fbf04;
    border-color: #0fbf04;
    padding: 13px 40px;
    font-size: 19px;
    color: white !important;
    text-decoration: none !important;
    border-radius: 5px;
}

.btnnewblue:hover {
    background-color: #20d715;
    border-color: #20d715;

    color: white !important;
    text-decoration: none !important;
}

.fullsize {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    margin-top: 20px;
    left: 50%;
}

.btnnewbluemain {
    opacity: 1;
    background-color: #52afee;
    border-color: #52afee;
    padding: 8px 30px;
    color: white !important;
    text-decoration: none !important;
    border-radius: 5px;
}

.btnnewbluemain:hover {
    background-color: #249ae9;
    border-color: #249ae9;

    color: white !important;
    text-decoration: none !important;
}

.btnnewplainmain {
    text-decoration: none !important;
    background-color: #ff000000;
    color: #4db2ec;
    padding: 13px 25px;
    border: 1px solid #4db2ec;
    text-transform: uppercase;
}

.btnnewplainmain:hover {
    color: gray;
    border: 1px solid gray;
    text-transform: uppercase;
}

.btntranspr {
    color: #fff;
    border-radius: 4px;
    border: 1px solid #52afee;
    text-decoration: none !important;
    background-color: #52afee00;
    padding: 8px 30px;
    font-size: 19px;
}

.btntranspr:hover {
    color: #fff;
    border-radius: 4px;
    border: 1px solid #52afee;
    text-decoration: none !important;
    background-color: #52afee00;
    padding: 8px 30px;
    font-size: 19px;
}

.link19 {
    font-weight: 300;
    line-height: 1.5;
    font-size: 19px !important;
    color: #52afee;
    text-decoration: none !important;
}

.link19:hover {
    font-weight: 300;
    line-height: 1.5;
    font-size: 19px !important;
    color: #249ae9;
    text-decoration: none !important;
}

.link16 {
    font-weight: 300;
    line-height: 1.5;
    font-size: 16px !important;
    color: #52afee;
    text-decoration: none !important;
}

.link16:hover {
    font-weight: 300;
    line-height: 1.5;
    font-size: 16px !important;
    color: #249ae9;
    text-decoration: none !important;
}

.text44 {
    font-size: 44px;
    color: black;
}

.box1 {
    background-color: white;
    padding: 20px 20px 40px;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 11%);
    background: #ffffff;
    border: 1px solid #e3eefa;
    box-shadow: 0 6px 16px rgb(82 92 109 / 30%);
    border-radius: 20px;
    height: 100%;
}

@media (max-width: 767px) {
    .mobileoff {
        display: none;
    }
}

.page-id-4632 {
    background: url("/wp-content/uploads/2021/09/photo_2022-05-09_10-53-44.jpg") no-repeat 50% / cover, #444;
}

.page-id-16477 {
    background: url("/wp-content/uploads/2021/09/photo_2022-05-09_10-53-44.jpg") no-repeat 50% / cover, #444;
}

.form-group {
    color: #666565;
}

.mega-wpml-ls-current-language {}

p.footdisc.color-offwhite {
    font-size: 11px;
    color: #464444;
    text-transform: uppercase;
    font-weight: 300;
    line-height: 1.54;
}

p.footer-bottom__rights.test123 {
    font-size: 11px !important;
    color: #464444 !important;
    text-transform: uppercase !important;
    font-weight: 300 !important;
    line-height: 1.54 !important;
}

.tph_submit_button {
    font-weight: bold !important;
    background: #ffffff00 !important;
    border: 0 solid gray !important;
    border-radius: 0 !important;
    padding: 5px 20px !important;
    color: #ffffff !important;
    font-size: 14px !important;
}

.tph_submit_button:hover {
    border-bottom: 1px solid #52afee !important;
}

.rc-anchor-light {
    background: #f9f9f900 !important;
    color: #fff !important;
}

.recaptcha-checkbox-border {
    background-color: #fff0 !important;
}

.rc-anchor-normal {
    background: #f9f9f900 !important;
    color: #fff !important;
}

.titles-main {
    font-size: 40px !important;
    font-weight: 700 !important;
    font-weight: 400 !important;
    color: #075c8f !important;
    text-transform: none;
    text-align: left !important;
}

.color-blue-light {
    color: #0b7da8 !important;
}

/*-------------------------  popup login --------------------------------------------------*/

.contacttext {
    font-size: 16px;
    line-height: 25px;
    color: #323132;
    font-weight: 400;
}

.contacttext:hover {
    font-size: 16px;
    line-height: 25px;
    color: #000 !important;
    font-weight: 400;
}

.contacttitle {
    font-size: 26px;
    line-height: 30px;
    color: #18268f;
    font-weight: 500;
    float: left;
}

.contactbuttons {
    color: #18268f;

    padding: 20px 30px;
}

.windowlogin {
    display: inline-block;

    padding: 60px 60px 50px;

    background-color: white !important;

    width: 480px !important;

    position: relative !important;

    position: fixed !important;

    top: 0 !important;

    right: 0 !important;

    bottom: 0 !important;

    left: 0 !important;

    margin-right: auto !important;

    margin-left: auto !important;

    margin-top: 50px;
    height: 360px;
    box-shadow: 0 4px 6px 0 #c6c1c1;
}

.windowreg {
    display: inline-block;

    padding: 60px 60px 50px;

    background-color: white !important;

    width: 580px !important;

    position: relative !important;

    position: fixed !important;

    top: 0 !important;

    right: 0 !important;

    bottom: 0 !important;

    left: 0 !important;

    margin-right: auto !important;

    margin-left: auto !important;

    margin-top: 50px;
    height: 540px;
    box-shadow: 0 4px 6px 0 #c6c1c1;
}

select.input-lg {
    height: 36px !important;
}

/* Center the image and position the close button */
.imgcontainer {
    text-align: center;
    margin: 24px 0 12px;
    position: relative;
}

img.avatar {
    width: 40%;
    border-radius: 50%;
}

span.psw {
    float: right;
    padding-top: 16px;
}

/* The Modal (background) */
.modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
    padding-top: 60px;
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 5% auto 15%;
    /* 5% from the top, 15% from the bottom and centered */
    border: 1px solid #888;
    width: 80%;
    /* Could be more or less, depending on screen size */
}

/* The Modal (background) */
.modal2 {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 1;
    /* Sit on top */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 800px;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
    padding-top: 60px;
}

/* Modal Content/Box */
.modal2-content {
    background-color: #fefefe;
    margin: 5% auto 15%;
    /* 5% from the top, 15% from the bottom and centered */
    border: 1px solid #888;
    width: 80%;
    /* Could be more or less, depending on screen size */
}

/* The Close Button (x) */
.close {
    position: absolute;
    right: 25px;
    top: 0;
    color: #000;
    font-size: 35px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: red;
    cursor: pointer;
}

/* Add Zoom Animation */
.animate {
    -webkit-animation: animatezoom 0.6s;
    animation: animatezoom 0.6s;
}

@-webkit-keyframes animatezoom {
    from {
        -webkit-transform: scale(0);
    }

    to {
        -webkit-transform: scale(1);
    }
}

@keyframes animatezoom {
    from {
        transform: scale(0);
    }

    to {
        transform: scale(1);
    }
}

/* Change styles for span and cancel button on extra small screens */
@media screen and(max-width: 300px) {
    span.psw {
        display: block;
        float: none;
    }

    .cancelbtn {
        width: 100%;
    }
}

@media screen and(max-width: 600px) {
    .mobileoff {
        display: none;
    }
}

.info-center-container {
    background-color: #18268f;
}

/*-------------------------  popup login --------------------------------------------------*/

.encyclopedia-prefix-filters {
    margin-left: auto;
    margin-right: auto;
    float: none;
    margin-top: 100px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 768px) {
    .encyclopedia-prefix-filters {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .encyclopedia-prefix-filters {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .encyclopedia-prefix-filters {
        width: 1170px;
    }
}

.spacedown {
    margin-bottom: 30px;
}

/*    new account page */

.features-table.top::after {
    min-height: 50px;
    content: "";
    position: absolute;
}

.features-table.top {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.04), 0 4px 16px 0 rgba(0, 0, 0, 0.07);
    padding: 10px;
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 30px;
    border: 2px solid transparent;
    cursor: pointer;
}

.features-table.top {
    cursor: pointer;
}

.features-table.top .title-container {
    padding: 2rem 0.5rem 1rem;
    font-weight: 300;
    text-align: center;
}

.features-table.top .title-table {
    margin-top: 0.5rem;
    margin-bottom: 3.1rem;
}

.features-table.top h2 {
    font-weight: 200;
    font-size: 30px;
}

.features-table.top .feature-button-container {
    text-align: center;
    padding: 2.5rem 3rem 2rem;
    min-height: 200px;
}

.features-table.top {
    cursor: pointer;
}

.main-hr {
    border-color: #007aff;
}

hr {
    border-bottom: 1px solid #777;
    border-bottom-color: rgb(119, 119, 119);
    border-left: 0;
    border-left-color: currentcolor;
    border-right: 0;
    border-right-color: currentcolor;
    border-top: 0;
    border-top-color: currentcolor;
    margin: 1.5rem 0;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

.top-features-points {
    min-height: 325px;
}

.top-features-points li p {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    font-weight: 400;
}

.fa-check::before {
    content: "\f00c";
}

.fa-times::before,
.fa-check::before {
    font-size: 30px;
    -webkit-text-stroke: 5px white;
}

.fa.blue {
    color: #81d742 !important;
    margin-left: 0 !important;
    margin-right: 10px !important;
}

.top-features-points li p i {
    margin-right: 10px;
}

.fa-check::before {
    content: "\f00c";
}

.fa-times::before,
.fa-check::before {
    font-size: 20px;
    -webkit-text-stroke: 1px white;
}

.features-table.top .feature-container .price-feature {
    font-size: 3rem;
    display: table-cell;
    border-collapse: collapse;
    text-align: right;
    font-weight: 300;
    float: right;
    color: black;
}

.features-table.top .feature-container .feature {
    font-size: 16px;
    color: #151414;
    font-weight: 300;
    padding-right: 1%;
    display: table-cell;
    vertical-align: middle;
    float: left;
}

.features-table.top .feature-container .feature span,
.features-table.top .feature-container .feature superindex {
    vertical-align: super;
    font-size: 12px;
}

.features-table.top .feature-button-container {
    text-align: center;
    padding: 2.5rem 3rem 2rem;
    min-height: 200px;
}

.features-table.top .feature-button-container .button {
    padding: 12px 25px;
    white-space: normal;
}

.btn-danger {
    color: #fff;
    background-color: #d9534f !important;
    border-color: #d43f3a !important;
}

.btn-success {
    color: #fff;
    background-color: #5cb85c !important;
    border-color: #4cae4c !important;
}

.demo_link {
    margin-top: 1rem;
    display: inline-block;
}

span.btn_warning {
    font-size: 12px;
    font-weight: 300;
    color: #888;
}

.features-table.top:hover,
.features-table.top.hover {
    border: 2px solid #007aff;
    -webkit-box-shadow: 0 0 48px -17px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 0 48px -17px rgba(0, 0, 0, 0.75);
    box-shadow: 0 0 48px -17px rgba(0, 0, 0, 0.75);
    cursor: pointer;
}

.feature-container {
    min-height: 50px;
    line-height: 0.3;
}

.h2 {
    font-size: 25px !important;
}

@media (max-width: 600px) {
    .mobileoff {
        display: none;
    }

    .mobilehed {
        float: left !important;
        width: auto;
        padding-right: 20px;
        padding-left: 10px;
    }

    .mobileheader {
        background-color: #fff !important;
    }
}

.panel-body1 h3.panel-title1 {
    font-size: 26px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #ffffff;
    text-align: center;
}

.price {
    color: #a47a32 !important;
}

.panel-title1 {
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #a47a32 !important;
}

button.btn.btn-primary.btn-sm.tph_submit_button {}

button.btn.btn-primary.btn-sm.tph_submit_button:hover {}

.content {
    /* margin-top: 20px;  */
}

.alert-warning {
    color: #856404 !important;
    background-color: #fff3cd00 !important;
    border-color: #ffeeba00 !important;
}

#pro-platform .asset-flag.doge {
    background-position: -227px -1455px;
}

.asset-flag.asset-flag-stocks.afterpay {
    background-position: -200px -1105px;
}

.asset-flag.asset-flag-stocks.nectera {
    background-position: -105px -1103px;
}

.asset-flag.asset-flag-stocks.amc {
    background-position: -5px -1135px;
}

.asset-flag.asset-flag-stocks.yandex {
    background-position: -55px -1135px;
}

.asset-flag.asset-flag-stocks.xcel {
    background-position: -105px -1135px;
}

.asset-flag.asset-flag-stocks.tata-motors {
    background-position: -155px -1135px;
}

.asset-flag.asset-flag-stocks.solaredge {
    background-position: -205px -1135px;
}

.asset-flag.asset-flag-stocks.mrna {
    background-position: -5px -1165px;
}

.asset-flag.asset-flag-stocks.aramco {
    background-position: -57px -1165px;
}

.asset-flag.asset-flag-stocks.biontech {
    background-position: -105px -1165px;
}

.asset-flag.asset-flag-stocks.brookfield {
    background-position: -155px -1167px;
}

.asset-flag.asset-flag-stocks.clearway {
    background-position: -205px -1165px;
}

.asset-flag.asset-flag-stocks.crsp {
    background-position: -5px -1197px;
}

.asset-flag.asset-flag-stocks.xxxonmobil {
    background-position: -58px -1197px;
}

.asset-flag.asset-flag-stocks.gamestop {
    background-position: -108px -1197px;
}

/* new design for new broker css */

/* new heaader css */

@media (max-width: 600px) {
    .mobileoff {
        display: none;
    }

    .mobilehed {
        float: left !important;
        width: auto;
        padding-right: 20px;
        padding-left: 10px;
    }

    /*.mobileheader{ 
	background-color:#232323 !important;

}*/
}

.toph {
    float: left;

    padding-left: 10px;
    padding-right: 10px;
}

.containLoginLine3 {}

.containLoginLine2 {
    /* box-shadow: 0 4px 6px 0 #e9e8e8; */
    background: #fff;
    -webkit-box-shadow: 0 8px 16px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 8px 16px 0 rgb(0 0 0 / 10%);
    background-color: #fff !important;
}

/* new heaader css */

.textsize15 {
    line-height: 1.74;
    color: #383442;
    font-size: 15px;
    font-weight: 400;
}

p.text16 {
    color: #7c7a7a;
    font-size: 13;
    font-weight: 400;
}

@media (min-width: 1200px) {
    .consize {}
}

.btnnewplainmain {
    background: linear-gradient(163deg, #0fbf04, #a1dd9e);
    padding: 10px 20px;
    color: white;
    border: 0 solid #ffffff00;
    text-transform: uppercase;
}

.btnnewplainmain:hover {
    background-color: #20d715;
    border: 0 solid #ffffff00;
    color: white !important;
}

.btnnewbluemainac1 {
    background: linear-gradient(90deg, #15d7be, #068445);

    padding: 15px;
    color: white;
    text-transform: uppercase;
}

.btnnewbluemainac1:hover {
    background: linear-gradient(-60deg, #4db2ec, #5188f7);

    color: white !important;
    text-decoration: none !important;
    text-transform: uppercase;
}

.btnnewbluemainac2 {
    background: linear-gradient(-90deg, #2f0078, #e07e94);

    padding: 15px;
    color: white;
    text-transform: uppercase;
}

.btnnewbluemainac2:hover {
    background: linear-gradient(-60deg, #4db2ec, #5188f7);

    color: white !important;
    text-decoration: none !important;
    text-transform: uppercase;
}

.btnnewbluemainac3 {
    background: linear-gradient(-90deg, #0a0300, #bf9663);

    padding: 15px;
    color: white;
    text-transform: uppercase;
}

.btnnewbluemainac3:hover {
    background: linear-gradient(-60deg, #4db2ec, #5188f7);

    color: white !important;
    text-decoration: none !important;
    text-transform: uppercase;
}

.btnnewbluemainac4 {
    background: linear-gradient(-90deg, #0b101c, #383442);

    padding: 15px;
    color: white;
    text-transform: uppercase;
}

.btnnewbluemainac4:hover {
    background: linear-gradient(-60deg, #4db2ec, #5188f7);

    color: white !important;
    text-decoration: none !important;
    text-transform: uppercase;
}

.btnnewbluemainac5 {
    background-color: #b07f48;

    padding: 15px;
    color: white;
    text-transform: uppercase;
}

.btnnewbluemainac5:hover {
    background: linear-gradient(-60deg, #4db2ec, #5188f7);

    color: white !important;
    text-decoration: none !important;
    text-transform: uppercase;
}

.containLoginLine2 {
    box-shadow: none;
    background-color: #fff0;
}

.containLoginLine3 {
    background: #02305900 !important;
    border-top: none !important;
    border-bottom: none !important;
}

.containLoginLine4 {
    background: #0fbf04 !important;
    border-top: none !important;
    border-bottom: none !important;
}

.containLoginLine5 {
    box-shadow: none !important;
    background: #ffffff !important;
}

.mega-menu-item-15761 {
    color: #4a5b68 !important;
    font-size: 16px !important;
}

.mega-menu-item-media_image-7 {
    background: url("/wp-content/themes/theforest/images/pics/mt.jpg") no-repeat 50% / cover, #fff !important;
    height: 200px !important;
    padding: 20px !important;
    box-shadow: 0 3px 12px -1px rgb(7 10 25 / 20%), 0 22px 27px -20px rgb(7 10 25 / 20%) !important;
}

.mega-menu-item-media_image-8 {
    background: url("/wp-content/themes/theforest/images/pics/mob.jpg") no-repeat 50% / cover, #fff !important;
    height: 200px !important;
    padding: 20px !important;
    box-shadow: 0 3px 12px -1px rgb(7 10 25 / 20%), 0 22px 27px -20px rgb(7 10 25 / 20%) !important;
}

.mega-menu-item-media_image-9 {
    background: url("/wp-content/themes/theforest/images/pics/web.jpg") no-repeat 50% / cover, #fff !important;
    height: 200px !important;
    padding: 20px !important;
    box-shadow: 0 3px 12px -1px rgb(7 10 25 / 20%), 0 22px 27px -20px rgb(7 10 25 / 20%) !important;
}

li#mega-menu-item-media_image-10 {
    padding: 0 !important;
}

li#mega-menu-item-media_image-11 {
    padding: 0 !important;
}

li#mega-menu-item-media_image-12 {
    padding: 0 !important;
}

li#mega-menu-item-media_image-13 {
    padding: 0 !important;
}

li#mega-menu-item-media_image-14 {
    padding: 0 !important;
}

img.image.wp-image-16285.attachment-full.size-full {
    min-height: 160px;
    box-shadow: 0 3px 12px -1px rgb(7 10 25 / 20%), 0 22px 27px -20px rgb(7 10 25 / 20%) !important;
}

img.image.wp-image-16286.attachment-full.size-full {
    min-height: 160px;
    box-shadow: 0 3px 12px -1px rgb(7 10 25 / 20%), 0 22px 27px -20px rgb(7 10 25 / 20%) !important;
}

img.image.wp-image-16287.attachment-full.size-full {
    min-height: 160px;
    box-shadow: 0 3px 12px -1px rgb(7 10 25 / 20%), 0 22px 27px -20px rgb(7 10 25 / 20%) !important;
}

img.image.wp-image-16288.attachment-full.size-full {
    min-height: 160px;
    box-shadow: 0 3px 12px -1px rgb(7 10 25 / 20%), 0 22px 27px -20px rgb(7 10 25 / 20%) !important;
}

img.image.wp-image-16289.attachment-full.size-full {
    min-height: 160px;
    box-shadow: 0 3px 12px -1px rgb(7 10 25 / 20%), 0 22px 27px -20px rgb(7 10 25 / 20%) !important;
}

img.image.wp-image-16290.attachment-full.size-full {
    min-height: 160px;
    box-shadow: 0 3px 12px -1px rgb(7 10 25 / 20%), 0 22px 27px -20px rgb(7 10 25 / 20%) !important;
}

img.image.wp-image-16292.attachment-medium.size-medium {
    box-shadow: 0 3px 12px -1px rgb(7 10 25 / 20%), 0 22px 27px -20px rgb(7 10 25 / 20%) !important;
}

img.image.wp-image-16293.attachment-medium.size-medium {
    box-shadow: 0 3px 12px -1px rgb(7 10 25 / 20%), 0 22px 27px -20px rgb(7 10 25 / 20%) !important;
}

img.image.wp-image-16294.attachment-medium.size-medium {
    box-shadow: 0 3px 12px -1px rgb(7 10 25 / 20%), 0 22px 27px -20px rgb(7 10 25 / 20%) !important;
}

.mega-menu-item-15760 {
    color: #4a5b68 !important;
}

.mega-menu-item-15759 {
    color: #4a5b68 !important;
}

.mega-menu-item-15758 {
    color: #4a5b68 !important;
}

.mega-menu-item-15757 {
    color: #4a5b68 !important;
}

ul.mega-sub-menu {
    padding: 10px 10px 20px !important;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu {
    background-color: #fff !important;
}

#pop {
    line-height: 1;
    display: none;
    top: 43px;
    position: absolute;
    z-index: 99999;
    padding: 25px 20px 20px;
    background: #ffffff;
    border: 1px solid #a2adbc;
    -moz-border-radius: 20px;
    -webkit-border-radius: 3px;
    margin: 0;
    -webkit-box-shadow: 0 0 5px 0 rgb(164 164 164);
    box-shadow: 0 0 5px 0 rgb(164 164 164);
}

#pop1 {
    line-height: 1.5;
    display: none;
    top: 43px;
    position: absolute;
    z-index: 99999;
    padding: 25px 20px 20px;
    background: #ffffff;
    border: 1px solid #a2adbc;
    -moz-border-radius: 20px;
    -webkit-border-radius: 3px;
    margin: 0;
    -webkit-box-shadow: 0 0 5px 0 rgb(164 164 164);
    box-shadow: 0 0 5px 0 rgb(164 164 164);
}

#depositFundPopUp .modal-header {}

.modal-header .close {
    margin-top: 12px !important;
    font-weight: 100 !important;
    font-size: 25px !important;
}


.card.name-psp-block {
    box-shadow: none !important;
    background-color: white !important;
}

.windowlogin {
    display: inline-block !important;
    background-color: white !important;
    width: 780px !important;
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding: 0 !important;
    margin-top: 50px !important;
    height: 460px !important;
    box-shadow: none !important;
}

.wpcf7-form-control.wpcf7-submit.btn.btn-primary {
    background-color: #dedddd !important;
    line-height: 2 !important;
    width: 100% !important;
    font-size: 16px !important;
    color: #595959 !important;
    padding-bottom: 5px !important;
    border-radius: 0 !important;
    font-weight: 600 !important;
}

.btnnewbluemain2 {
    opacity: 1;
    background-color: #52afee00;
    padding: 5px 20px !important;
    color: white !important;
    text-decoration: none !important;
    border-radius: 0;
    font-size: 13px !important;
}

.form-group {
    color: #e1dfdf;
    font-size: 16px;
}

.mainback {}

.mainback {}

.fa-comments-o:before,
.fa-envelope-o:before,
.fa-mobile-phone:before,
.fa-mobile:before {
    color: #fff !important;
    font-size: 16px;
}

.fa1:before {
    color: #09095f !important;
}

.card.form-psp-block {
    background-color: #ffffff00 !important;
}

.card.name-psp-block {
    background-color: #ffffff00 !important;
}

#notification_count {
    background: #08a0f9 !important;
}

option {
    background-color: #2c2b2bd9 !important;
}

.btnnewplainmain9 {
    text-decoration: none !important;
    background-color: #ff000000;
    color: #4db2ec;
    padding: 8px 20px;
    border: 1px solid #4db2ec;
    text-transform: uppercase;
    border-radius: 0;
    font-size: 14px !important;
}

.btnnewbluemain91 {
    background: linear-gradient(90deg, #061e30, rgba(2, 48, 89, 0.62));
    color: white;
    border: 1px solid #5f5f60;
    text-transform: uppercase;
    padding: 9px 20px;
    font-size: 14px !important;
}

/* new design for new broker css */
.container.margin_trade_block {
    width: 100% !important;
}

.btnnewbluemainz1 {
    background-color: rgb(255, 255, 255);
    color: rgb(2, 48, 89) !important;
    font-weight: 500;
    padding: 15px;
    text-transform: uppercase;
    text-decoration: none;
}

.name_directory_name_box {
    margin-bottom: 20px;
    font-size: 15px !important;
}

.name_directory_total {
    display: none;
}

.name_directory_index {
    margin-bottom: 30px;
}

.name_directory_index {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    padding-left: 34%;
    padding-right: 24%;
    background: linear-gradient(113.78deg, #81cf93 28.76%, #41a748 127.6%);

    min-height: 80px;
    line-height: 8;
}

.name_directory_startswith {
    font-size: 16px !important;
    color: white;
    border: 0 solid wheat;
    background: rgba(245, 250, 255, 0.3);
    padding: 13px;
    border-radius: 6px;
}

.efaq-selected-template-template-1 .efaq-front-title-wrap:hover,
.efaq-selected-template-template-1 .efaq-front-wrap-inner.efaq-tab-active .efaq-front-title-wrap {
    background: rgba(140, 140, 151, 0.1) !important;
    border-bottom-color: #fff0 !important;
}

.efaq-selected-template-template-1 .efaq-front-title-wrap {
    background: rgba(140, 140, 151, 0.1) !important;
    border-bottom-color: #fff0 !important;
}

.efaq-selected-template-template-1 .efaq-front-title {
    font-size: 15px !important;

    color: #383442 !important;
}

.efaq-front-wrap-inner {
    margin-top: 13px !important;
}

.efaq-selected-template-template-1 .efaq-front-content {
    font-size: 14px !important;
    color: #383442 !important;
    line-height: 1.74 !important;
}

span#strikePrice {
    color: gray;
    font-weight: 600;
}

span#payoutText {
    color: gray;
    font-weight: 600;
}

/*Platfrom fix*/
#table-fixed-big tbody tr {
    clear: both !important;
}

.grecaptcha-badge {
    display: none !important;
}

div#modal-header-popup {
    display: none;
}

/*           news page    */

.bdp_blog_template.news .bd-post-image img {
    max-height: 220px !important;
    -webkit-box-shadow: 5px 5px 10px #3d3b3b;
}

.bdp_blog_template.news {
    width: 70% !important;
}

@media (max-width: 600px) {
    .bdp_blog_template.news {
        width: 100% !important;
    }
}

.bd-post-image {
    text-align: center;
}

span.bd-category-link {
    display: none !important;
}

.bd-metadatabox {
    display: none !important;
}

.title1 {
    color: #023059;
    font-size: 26px !important;
    text-align: center;
    line-height: 1.4 !important;
    font-weight: 700 !important;
}

img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    width: 100% !important;
    height: auto;
    margin-top: 5px;
}

.wpbm-list-template-1 .wpbm-list-inner-wrap {
    border: 0 solid white !important;
    box-shadow: none !important;
    background-color: #fff0;
}

.wpbm-first-inner-wrap {
    width: 30% !important;
}

.wpbm-second-inner-wrap {
    width: 40% !important;
}

.wpbm-list-template-1 .wpbm-title a {
    font-size: 30px;
    line-height: 1.5;
    color: #333333 !important;
}

img.attachment-medium.size-medium.wp-post-image {
    min-height: 210px;
    width: 370px !important;
    -webkit-box-shadow: 5px 5px 10px #3d3b3b !important;
}

.wpbm-first-inner-wrap {
    padding-top: 27px !important;
}

img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    -webkit-box-shadow: 5px 5px 10px #3d3b3b;
}

@media (max-width: 600px) {
    .wpbm-second-inner-wrap {
        width: 100% !important;
    }
}

.wpbm-list-template-1 .wpbm-link-button a,
.wpbm-list-template-1 .wpbm-category-list a {
    padding: 9px 12px;
    border-radius: 4px !important;
    font-size: 14px;
    background-color: #f1f1f1 !important;
    color: #3b8fc0 !important;
}

.owl-carousel .wpbm-owl-item img {
    display: block;
    width: 100%;
    min-height: 350px !important;
    min-width: 100% !important;
}

.owl-theme .owl-controls .owl-nav [class*="owl-"] {
    background: #d6d6d600 !important;
}

.wpbm-slider-template-1 .wpbm-title a {
    font-size: 28px !important;
}

.wpbm-slider-template-1 .wpbm-content {
    line-height: 1.6 !important;
}

.wpbm-first-inner-wrap .wpbm-image {
    height: 225px !important;
}

.wpbm-slider-template-1.owl-theme .owl-dots .owl-dot span {
    background: #b9b9b9;
}

.wpbm-list-template-1 .wpbm-second-inner-wrap {
    padding-bottom: 0 !important;
}

option {
    background-color: #eeeeee !important;
}

/*           news page    */

.tooltip {
    color: #316f99 !important;
}

li#mega-menu-item-wpml-ls-8-en {
    display: none !important;
    visibility: hidden !important;
}

.market-quotes-widget__field--name-row-cell a {
    font-size: 15px !important;
    font-weight: 700 !important;
}

.btnnewbluemain6 {
    background: #0000007d;
    color: #bfbebe;
    border: 1px solid #08080800;
    text-transform: uppercase;
    font-weight: 500;
    padding: 12px 17px;
}

.btnnewplainmain7 {
    background: #0000007d;
    color: #bfbebe;
    border: 1px solid #08080800;
    text-transform: uppercase;
    font-weight: 500;
    padding: 12px 17px;
}

p {
    font-size: 16px;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu {
    z-index: 999;
    position: absolute;
    padding: 0;
    border: 0;

    width: auto;
    min-width: 250px;
}

.bx-viewport {
    height: 30px !important;
}

@media (min-width: 768px) {
    .section-heading {
        font-size: 30px;
        line-height: 38px;
    }
}

.text-default,
.text-default-600 {
    font-size: 14px;
    line-height: 24px;
    color: #75798a;
}

.gradient-text-1 {
    background: -webkit-linear-gradient(90deg, #6ef3e8 0%, #004fee 100%);
    background: linear-gradient(90deg, #b8f1a9 0%, #0fbf04 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 5px 0;
    -webkit-box-decoration-break: clone;
    font-weight: 700 !important;
}

@media (min-width: 768px) {
    .text-md-left {
        text-align: left !important;
    }
}

.tp2-img {
    height: 30px;
}

.trustpilot-2 {
    padding: 15px;
    border-radius: 4px !important;
    border: 1px solid #e3e4e8;
    max-width: 265px;
    margin-left: auto;
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.text-right {
    text-align: right !important;
}

.tprating {
    color: #182435;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2rem;
}

.tpreview {
    color: #3e434c;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: -0.03em;
    line-height: 1.2rem;
}

.customer-review {
    margin-top: 15px;
    border: 1px solid #c6c6c6;
    box-shadow: 0 4px 49px -21px #c6c6c6;
    border-radius: 8px;
    padding: 15px;
}

.customer-review .review {
    margin-top: 15px;
    margin-bottom: 30px;
}

.home-page-users {
    text-align: center;
    padding: 15px;
}

.home-page-users .title {
    font-size: 24px;
    line-height: 145%;
    letter-spacing: 0;
    font-weight: 600;
    color: white;
    white-space: nowrap;
}

.home-page-users .subtitle {
    font-size: 64px;
    line-height: 115%;
    letter-spacing: -0.015em;
    font-weight: 600;
    color: white;
}

@media (min-width: 1200px) {

    .containLoginLine4 .container,
    .containLoginLine5 .container {
        width: 1250px;
    }
}

a.btnnewbluemain {
    background: linear-gradient(113.78deg, #81cf93 28.76%, #41a748 127.6%);
    border-radius: 5px;
    font-family: "Manrope";
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    text-transform: none !important;
}

a.btnnewbluemain:hover {
    opacity: 0.8;
}

button.btn.btn-primary.btn-sm.tph_submit_button {
    border: 0 solid #ffffff00 !important;

    line-height: 1 !important;
    margin-top: -3px !important;
    margin-right: 5px !important;
    opacity: 1;
    background-color: #52afee00 !important;
    padding: 5px 20px !important;
    color: #12171f !important;
    text-decoration: none !important;
    border-radius: 0 !important;
    font-size: 12px !important;
    font-family: "Manrope";
    font-style: normal;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
}

button.btn.btn-primary.btn-sm.tph_submit_button:hover {
    opacity: 0.8;
}

.features-table.top.bronce:hover {
    border: 2px solid #cd7f38;
    background-color: #cd7f38 !important;
    color: white !important;
}

.features-table.top.gold:hover {
    border: 2px solid #fed63a;
    background-color: #fed63a !important;
    color: white !important;
}

.features-table.top.vip:hover {
    border: 2px solid #99ee39;
    background-color: #99ee39 !important;
    color: white !important;
}

.features-table.top.classic:hover {
    border: 2px solid #c6c6c6;
    background-color: #c6c6c6 !important;
    color: white !important;
}

span#avaible_balance {
    color: #0fbf04 !important;
}

input#Withdraw_Funds_button {
    background: #0fbf04 !important;
    color: white !important;
}

/* .n2-ss-slider .n2-ow:before,
.n2-ss-slider .n2-ow:after,
.n2-ss-slider .n2-ow-all *,
.n2-ss-slider .n2-ow-all:before,
.n2-ss-slider .n2-ow-all:after {
    text-transform: uppercase !important;
    color: RGBA(146, 235, 141, 1) !important;
} */

/* @media (max-width:1200px){
    .n2-font-beed66cff0e0095985d8d1edbcc07f17-paragraph{
        display: none!important;
    }
} */

#sessionExpiredModal_content .form-inline {
    flex-direction: column;
}

#sessionExpiredModal_content .form-group {
    width: 100%;
}

#sessionExpiredModal_content .form-group input {
    width: 100%;
}

#sessionExpiredModal_content .modal-header .close {
    box-shadow: none;
    margin-top: -15px !important;
}

#depositFundPopUp .modal-content {
    width: 120% !important;
}

.crypt2bay-onmobile {
    display: none;
}

@media (max-width: 500px) {
    .authenticate {
        justify-content: space-between;

        margin-top: unset !important;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        float: right;
        padding-left: 5px !important;
        /* display: block !important; */
        /* padding-bottom: 20px !important; */
    }

    .tradingview-widget-container iframe {
        width: 100% !important;
    }

    .tradingview-widget-container div {
        width: unset !important;
    }

    .main.col-md-12 .col-md-3.col-sm-6 {
        margin-top: 40px;
    }

    .main.col-md-8 img {
        width: 100% !important;
    }

    /* li#toggleMenuAction {
        position: absolute;
        top: 15;
        right: 30;
    } */

    li.notifsmall {
        display: none;
    }

    .name_directory_index {
        padding-left: 15px;
        padding-right: 15px;
    }

    .name_directory_startswith {
        padding: 8px;
    }

    .col-lg-3.col-md-3.col-sm-12.col-xs-12 img {
        max-width: 100% !important;
        margin-left: unset !important;
    }

    .pfooter {
        padding-left: 30px;
        padding-right: 30px;
    }

    .pfooter img {
        width: 100%;
    }

    .img-homepage-phone {
        position: relative;
        right: 125px;
        max-width: 700px !important;
    }

    .tradingcharts-homepage {
        margin-top: 40px;
    }

    .crypt2bay-nomobile {
        display: none;
    }

    .crypt2bay-onmobile {
        display: block;
    }

    .crypt2bay-mobile-text-list {
        padding: 15px !important;
        margin-top: 10px;
    }
}

/*---------------------------------------------- NEW THEME -----------------------------------------*/

/*---------------------------------------------- general -----------------------------------------*/

h6.n-smalltitleblue {
    font-size: 16px;
    font-weight: 800;
    font-family: Archivo;
    text-transform: uppercase;
    color: #81cf93;
    line-height: 17px;
}

h1.n-smalltitleblue {
    font-size: 16px;
    font-weight: 800;
    font-family: Archivo;
    text-81cf93: uppercase;
    color: #81cf93;
    line-height: 17px;
    margin-bottom: 5px;
}

h1.n-title {
    color: #12171f;
    font-size: 44px;
    font-weight: 800;
    font-family: "Archivo";
    font-style: normal;
    line-height: 50px;
    margin-top: 5px;
}

h1.n-title32 {
    font-family: "Archivo";
    font-style: normal;
    font-weight: 800;
    font-size: 32px;
    line-height: 38px;
    color: #12171f;
}

h2.n-title {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;

    color: #81cf93;
}

p.n-text-1 {
    font-size: 20px;
    font-weight: 500;
    font-family: "Manrope";
    line-height: 27px;
    color: #637085;
}

p.n-text {
    font-size: 20px;
    font-weight: 500;
    font-family: "Manrope";
    line-height: 27px;
    color: #12171f;
}

p.n-textsmall {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    color: #637085;
}

a.n-link {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    display: flex;
    align-items: center;
    text-decoration-line: underline;
    color: #81cf93;
    margin-top: 10px;
}

footer a.n-link {
    margin-top: unset;
}

a.n-link:hover {
    opacity: 0.9;
}

.frame {
    flex: none;
    order: 0;
    flex-grow: 1;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 16px;
    gap: 10px;

    background: #ffffff;
    border: 1px solid #e3eefa;
    box-shadow: 0 4px 12px rgb(82 92 109 / 14%);
    border-radius: 10px;
    flex: none;
    order: 0;
    flex-grow: 1;
}

.frame-blue {
    flex: none;
    order: 0;
    flex-grow: 1;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 16px;
    gap: 10px;
    background: #ffffff;
    border: 1px solid #e3eefa;
    box-shadow: 0 4px 12px rgb(82 92 109 / 14%);
    border-radius: 10px;
    flex: none;
    order: 0;
    flex-grow: 1;
    background: linear-gradient(113.78deg, #81cf93 28.76%, #41a748 127.6%);
    border: 1px solid #e3eefa;
    box-shadow: 0 4px 12px rgb(82 92 109 / 14%);
    border-radius: 10px;
}

img.n-mallpic {
    margin-top: 25px;
}

.center {
    margin-left: auto;
    margin-right: auto;
    float: none;
}

h2.n-title2w {
    font-family: "Archivo";
    font-style: normal;
    font-weight: 800;
    font-size: 16px;
    line-height: 17px;
    text-transform: uppercase;
    color: #ffffff;
    flex: none;
    order: 1;
    flex-grow: 0;
}

h2.n-title2b {
    font-family: "Archivo";
    font-style: normal;
    font-weight: 800;
    font-size: 15px;
    line-height: 17px;
    text-transform: uppercase;
    color: #81cf93;
    flex: none;
    order: 1;
    flex-grow: 0;
    transition: 0.2s ease all;
}

.footer-text {
    font-family: "Manrope";
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 12px !important;
    line-height: 18px !important;

    color: #637085 !important;
}

.box9 {}

.stack-top9 {
    z-index: 9;
    margin-top: -160px;
    position: relative;
}



/* Style the tab */
.tab {
    overflow: hidden;
    text-align: center;
}

/* Style the buttons inside the tab */
.tab button {
    background-color: inherit;
    transition: 0.2s ease all;
    border-radius: 0;
    font-family: "Manrope";
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    text-transform: uppercase;

    /* gray text */

    color: #637085;
    box-shadow: none;
}

/* Change background color of buttons on hover */
.tab button:hover {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 800;

    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    color: #81cf93;
    box-shadow: none;
}

/* Create an active/current tablink class */
.tab button.active {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 800;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    color: #81cf93;
    border-bottom: 3px solid #81cf93;
    box-shadow: none;
}

/* Style the tab content */
.tabcontent {
    display: none;
}

.tab2 button.active {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 800;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    color: white;
    border-bottom: 3px solid #81cf93;
    box-shadow: none;
    flex-direction: row;
    align-items: flex-start;
    padding: 16px;
    gap: 10px;
    background: #ffffff;
    border: 1px solid #e3eefa;
    box-shadow: 0 4px 12px rgb(82 92 109 / 14%);
    border-radius: 10px;
    flex: none;
    order: 0;
    flex-grow: 1;
    background: linear-gradient(113.78deg, #81cf93 28.76%, #41a748 127.6%);
    border: 1px solid #e3eefa;
    box-shadow: 0 4px 12px rgb(82 92 109 / 14%);
    border-radius: 10px;
    transition: 0.2s ease all;
}

.tab2 button.active h2.n-title2b {
    color: white;
}

h2.n-title2b:active {
    color: white !important;
}

img.ti:active {
    filter: brightness(0) invert(1);
}

.tab2 button {
    flex: none;
    order: 0;
    flex-grow: 1;
    box-sizing: border-box;
    flex-direction: row;
    align-items: flex-start;
    padding: 16px;
    gap: 10px;
    background: #ffffff;
    border: 1px solid #e3eefa;
    box-shadow: 0 4px 12px rgb(82 92 109 / 14%);
    border-radius: 10px;
    flex: none;
    order: 0;
    flex-grow: 1;
    transition: 0.2s ease all;
}

.tab2 button:hover {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 800;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    color: white;
    border-bottom: 3px solid #81cf93;
    box-shadow: none;
    flex-direction: row;
    align-items: flex-start;
    padding: 16px;
    gap: 10px;
    background: #ffffff;
    border: 1px solid #e3eefa;
    box-shadow: 0 4px 12px rgb(82 92 109 / 14%);
    border-radius: 10px;
    flex: none;
    order: 0;
    flex-grow: 1;
    background: linear-gradient(113.78deg, #81cf93 28.76%, #41a748 127.6%);
    border: 1px solid #e3eefa;
    box-shadow: 0 4px 12px rgb(82 92 109 / 14%);
    border-radius: 10px;
    transition: 0.2s ease all;
}

.tab2 button:hover h2.n-title2b {
    color: white;
}

/* Style the tab */
.tab2 {
    overflow: hidden;
    text-align: center;
}

/* Change background color of buttons on hover */

/* Style the tab content */
.tabcontent2 {
    display: none;
}

#myDIV {
    display: none;
}

#modal-header-popup {
    position: fixed;
    font-family: Arial, Helvetica, sans-serif;
    top: 50;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99999;
    height: 100%;
    width: 100%;
}

.modalconent {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    width: 80%;
    padding: 20px;
}

.header-popup {
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 10px;
}

.box9 {}

.stack-top9 {
    z-index: 9;
    margin-top: -160px;
    position: relative;
}






a.mega-menu-link {
    font-family: "Manrope" !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    text-transform: uppercase;
}

.toptextacc {
    font-family: "Archivo";
    font-style: normal;
    font-weight: 800;
    font-size: 14px;
    line-height: 15px;
    text-transform: uppercase;

    background: linear-gradient(113.78deg, #81cf93 28.76%, #41a748 127.6%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    text-align: center;
}

.fromtxt {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    text-align: center;

    color: #a2a9b9;
}

.amm {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 800;
    font-size: 30px;
    line-height: 41px;

    color: #81cf93;
}

.dsctext {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #637085;
}

.dscamm {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 800;
    font-size: 16px;
    line-height: 22px;

    text-align: right;

    color: #12171f;
}

.lerantxt {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    text-decoration-line: underline;
    color: #81cf93;
    text-align: center;
    margin-top: 38px;
}

.n-title32-p {
    font-family: "Archivo";
    font-style: normal;
    font-weight: 800;
    font-size: 24px;
    line-height: 30px;
    color: #12171f;
}

.n-text-p {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;

    color: #12171f;
}

.h1.n-title32-pp {
    font-family: "Archivo";
    font-style: normal;
    font-weight: 800;
    font-size: 44px;
    line-height: 38px;
    color: #12171f;
}

.btndarkblue {
    padding: 10px 4px;
    background: #81cf93;
    border-radius: 5px;
    font-family: "Manrope";
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #ffffff;
}

.btndarkblue:hover {
    opacity: 0.9;
}

.link16 {
    line-height: 1.5;
    font-size: 13px !important;
    color: #2187ff;
    text-decoration: none !important;
    font-family: "Manrope";
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
}

.page-id-18708 {
    background: url("/wp-content/themes/theforest/images/new-design/main1.png") no-repeat 50% / cover, #444;
}

input.btnnewblue {
    opacity: 1;
    background-color: #81cf93;
    border-color: #81cf93;
    font-size: 19px;
    color: white !important;
    background: #81cf93;
    border-radius: 5px !important;
    padding: 10px 4px;
}

.well {
    padding: 10px 40px 40px !important;

    background: #ffffff !important;

    border: 5px solid #ffffff !important;

    box-shadow: 5px 8px 9px rgba(82, 92, 109, 0.11) !important;
    border-radius: 8px !important;
}

.form-control {
    display: block;
    width: 100%;
    border: none !important;
    border-bottom: 1px solid #c8d8e9 !important;
    background-color: white !important;
    font-family: "Manrope" !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    line-height: 25px !important;
    color: #12171f !important;
    border-radius: unset;
}

.form-control:focus {
    box-shadow: unset;
}

.page-template-page-signin {
    background: url("/wp-content/uploads/2021/09/saf.jpeg") no-repeat 50% / cover, #444;
}

.page-id-4488 {
    background: url("/wp-content/uploads/2021/09/saf.jpeg") no-repeat 50% / cover, #444;
}

.titles-main {
    font-family: "Manrope" !important;
    font-style: normal !important;
    font-weight: 800 !important;
    font-size: 30px !important;
    line-height: 41px !important;
    text-align: center !important;
    color: #81cf93 !important;
}

.efaq-front-content-wrap {
    background-color: white !important;
}

.efaq-front-content {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;

    color: #637085;
}

.efaq-selected-template-template-1 .efaq-front-title-wrap:hover,
.efaq-selected-template-template-1 .efaq-front-wrap-inner.efaq-tab-active .efaq-front-title-wrap {
    padding: 8px 24px !important;
    height: 80px;
    background: #ecf3fb !important;
    border-radius: 10px !important;
}

.efaq-selected-template-template-1 .efaq-front-title-wrap {
    padding: 8px 24px !important;
    height: 80px;
    background: #ecf3fb !important;
    border-radius: 10px !important;
}

.efaq-item-16304 .efaq-front-title {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 600;
    font-size: 18px !important;
    line-height: 25px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #12171f !important;
    padding-top: 19px;
}

span.up-down-btn.efaq-btn-active {
    margin-top: 19px !important;
}

span.up-down-btn {
    margin-top: 19px !important;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    background: #ffffffe0 !important;
    min-height: 70px;
}

label.titles-in-form {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 600 !important;
    font-size: 12px;
    line-height: 16px;
    display: flex;
    align-items: center;
    color: #b0bccf;
}

p.hoverleft:hover {
    border-left: 3px solid #2187ff;
}

.modal-content {
    margin-top: 150px;
}

button.close {
    padding-top: 15px;
}

.btnnewblue:hover {
    background-color: #81cf93 !important;
    border-color: #81cf93 !important;

    text-decoration: none !important;
    opacity: 0.9 !important;
}

a.mega-menu-link {
    border-radius: 4px !important;
    background: linear-gradient(113.78deg, #81cf93 28.76%, #41a748 127.6%);
}

div#n2-ss-112item2 {
    color: white !important;
}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.form-control {
    border-bottom: 1px solid #c8d8e9 !important;
}

.formlabel {
    width: 100% !important;
    font-family: "Manrope" !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    color: #46505e !important;
}

input.wpcf7-form-control.wpcf7-submit.btn.btn-primary {
    padding: 10px 4px;
    background: #81cf93 !important;
    border-radius: 5px !important;
    color: white !important;
    font-family: "Manrope";
    font-style: normal;
    font-weight: 700 !important;
    font-size: 16px !important;
    align-items: center;
    text-align: center;
}

textarea.wpcf7-form-control.wpcf7-textarea.form-control {
    border-bottom: 1px solid #c8d8e9 !important;
}

div#mega-toggle-block-1 {
    padding-left: 20px;
}

div#n2-ss-117item1 {
    color: #12171fff !important;
}

a.n2-style-0f8998b640f48d1d02edad0f4761f1c2-heading.n2-ow {
    color: white !important;
}

div#n2-ss-120item2 {
    color: white !important;
}

div#n2-ss-119item2 {
    color: white !important;
}

div#n2-ss-121item2 {
    color: white !important;
}

div#n2-ss-118item2 {
    color: white !important;
}

.site-header img.logo-img {
    padding: 0 !important;
    height: 24px;
    width: auto;
    margin-left: 16px;
}

a.header-img-box-a {
    display: flex;
    height: 62px;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator:after {
    font-size: 16px;
    color: #2187ff;
    margin: 0 0 0 2px;
}

.link-in-form {
    color: #2187ff;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    font-family: "Manrope";
}

.link-in-form:hover {
    text-decoration: none;
    color: #2187ff;
}

.container-checkbox {
    display: block;
    position: relative;
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 12px;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.container-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: 1px solid #b0bccf;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.container-checkbox input:checked~.checkmark {
    background-color: #e3eefa;
}

.checkmark:after {
    content: url("./images/new-design/Vector.svg");
    position: absolute;
    display: none;
}

.container-checkbox input:checked~.checkmark:after {
    display: block;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover span.mega-indicator:after {
    color: white !important;
}

.tabcontent .n-text {
    margin-bottom: 30px;
}

.frame a {
    display: inline-block;
}

.mobile-visible {
    display: none;
}



@media (max-width: 600px) {
    .mobile-visible {
        display: block;
    }

    .desktop-visible {
        display: none;
    }

    .tab2-mainpage .tablinks2,
    .tab2-mainpage .tab2 button.active {
        padding: 0 0 0 20px !important;
    }

    .tab2-mainpage .tablinks2 img {
        height: 50px !important;
    }

    .mainpage-app-img {
        max-width: 200px !important;
    }

    .mobile-flex-center {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .homepage-img-mw {
        max-width: 300px !important;
    }

    .floatright.lemp .authenticate {
        margin-top: -29px !important;
    }

    .main .frame {
        padding: 0px 10px 6px 10px !important;
        min-height: auto !important;
    }

    h1.n-title {
        font-size: 30px;
        line-height: 38px;
    }

    p.n-text {
        font-size: 16px;
    }

    .padding-top-50-mobile {
        padding-top: 50px !important;
    }

    .padding-top-0-mobile {
        padding-top: 0px !important;
    }
}

a.learnmore-account {
    text-decoration: underline;
}

@media only screen and (max-device-width: 800px) {

    .footer-bottom .col-lg-1,
    .footer-bottom .col-lg-10,
    .footer-bottom .col-lg-11,
    .footer-bottom .col-lg-12,
    .footer-bottom .col-lg-2,
    .footer-bottom .col-lg-3,
    .footer-bottom .col-lg-4,
    .footer-bottom .col-lg-5,
    .footer-bottom .col-lg-6,
    .footer-bottom .col-lg-7,
    .footer-bottom .col-lg-8,
    .footer-bottom .col-lg-9,
    .footer-bottom .col-md-1,
    .footer-bottom .col-md-10,
    .footer-bottom .col-md-11,
    .footer-bottom .col-md-12,
    .footer-bottom .col-md-2,
    .footer-bottom .col-md-3,
    .footer-bottom .col-md-4,
    .footer-bottom .col-md-5,
    .footer-bottom .col-md-6,
    .footer-bottom .col-md-7,
    .footer-bottom .col-md-8,
    .footer-bottom .col-md-9,
    .footer-bottom .col-sm-1,
    .footer-bottom .col-sm-10,
    .footer-bottom .col-sm-11,
    .footer-bottom .col-sm-12,
    .footer-bottom .col-sm-2,
    .footer-bottom .col-sm-3,
    .footer-bottom .col-sm-4,
    .footer-bottom .col-sm-5,
    .footer-bottom .col-sm-6,
    .footer-bottom .col-sm-7,
    .footer-bottom .col-sm-8,
    .footer-bottom .col-sm-9,
    .footer-bottom .col-xs-1,
    .footer-bottom .col-xs-10,
    .footer-bottom .col-xs-11,
    .footer-bottom .col-xs-12,
    .footer-bottom .col-xs-2,
    .footer-bottom .col-xs-3,
    .footer-bottom .col-xs-4,
    .footer-bottom .col-xs-5,
    .footer-bottom .col-xs-6,
    .footer-bottom .col-xs-7,
    .footer-bottom .col-xs-8,
    .footer-bottom .col-xs-9 {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
}

.dropdownUl {
    padding-left: unset;
    margin-top: 0px;
    margin-bottom: 0px;
    height: 0;
    overflow: hidden;
    list-style-type: none;
    transition: all 0.2s ease;
}

.expanded {
    overflow: visible;
    height: auto;
    margin: 10px 0;
}



#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator {
    display: initial !important;

}


#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator:after {

    color: rgb(240, 212, 119) !important;
}

a.n2-style-58f7b446ebe2d8aff535bab41e12f4be-heading.n2-ow {
    box-shadow: 0px 4px 6px rgb(204 237 215 / 67%) !important;
    background: linear-gradient(113.78deg, #81cf93 28.76%, #41a748 127.6%) !important;
}

#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated {
    box-shadow: none;
}








































































body {
    background-color: #fff;

}





/* ================================
       PREMIUM DIFFERENCE SECTION
       ================================ */

.premium-difference {
    position: relative;
    overflow: hidden;
    margin-top: 70px;
    margin-bottom: 70px;
    padding: 0 20px;
}

.premium-difference * {
    box-sizing: border-box;
}

.premium-difference-inner {
    position: relative;
    max-width: 1240px;
    margin: 0 auto;
    min-height: 520px;
    display: flex;
    align-items: stretch;
    overflow: hidden;
    border-radius: 28px;
    background:
        radial-gradient(circle at 85% 15%, rgba(212, 175, 55, 0.13), transparent 28%),
        radial-gradient(circle at 15% 90%, rgba(255, 255, 255, 0.035), transparent 25%),
        #0b1018;
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow:
        0 30px 80px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

/* Decorative glow */
.premium-difference-inner::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    right: -180px;
    top: -180px;
    border-radius: 50%;
    background: rgba(212, 175, 55, 0.07);
    filter: blur(30px);
    pointer-events: none;
}

.premium-difference-inner::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: linear-gradient(90deg,
            transparent,
            rgba(212, 175, 55, 0.45),
            transparent);
}

/* ================================
       LEFT CONTENT
       ================================ */

.premium-difference-content {
    position: relative;
    z-index: 2;
    width: 55%;
    padding: 68px 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.premium-difference-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
    margin-bottom: 22px;
    padding: 8px 14px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.08);
    border: 1px solid rgba(212, 175, 55, 0.22);
    color: #d4af37;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.premium-difference-eyebrow::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #d4af37;
    box-shadow: 0 0 12px rgba(212, 175, 55, 0.8);
}

.premium-difference-title {
    margin: 0 0 18px;
    color: #ffffff;
    font-size: clamp(34px, 4vw, 52px);
    line-height: 1.08;
    font-weight: 700;
    letter-spacing: -1.5px;
}

.premium-difference-title span {
    color: #d4af37;
}

.premium-difference-description {
    max-width: 570px;
    margin: 0 0 32px;
    color: rgba(255, 255, 255, 0.62);
    font-size: 15px;
    line-height: 1.8;
}

/* ================================
       FEATURE GRID
       ================================ */

.premium-difference-features {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    max-width: 650px;
}

.premium-difference-feature {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 13px;
    padding: 15px 16px;
    min-height: 74px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.065);
    transition: all 0.3s ease;
}

.premium-difference-feature:hover {
    transform: translateY(-3px);
    background: rgba(212, 175, 55, 0.06);
    border-color: rgba(212, 175, 55, 0.24);
}

.premium-difference-check {
    flex: 0 0 27px;
    width: 27px;
    height: 27px;
    margin-top: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient(145deg,
            #f1d477,
            #b88b18);
    color: #10151d;
    font-size: 13px;
    font-weight: 900;
    box-shadow: 0 5px 18px rgba(212, 175, 55, 0.16);
}

.premium-difference-feature-text {
    color: rgba(255, 255, 255, 0.82);
    font-size: 13px;
    line-height: 1.55;
    font-weight: 500;
}

/* ================================
       RIGHT VISUAL
       ================================ */

.premium-difference-visual {
    position: relative;
    z-index: 1;
    width: 45%;
    min-height: 520px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 45px;
    background:
        linear-gradient(135deg,
            rgba(255, 255, 255, 0.025),
            rgba(255, 255, 255, 0.005));
    border-left: 1px solid rgba(255, 255, 255, 0.07);
}

/* ================================
       VISUAL CARD
       ================================ */

.difference-dashboard {
    position: relative;
    width: 100%;
    max-width: 410px;
    padding: 26px;
    border-radius: 22px;
    background:
        linear-gradient(145deg,
            rgba(255, 255, 255, 0.09),
            rgba(255, 255, 255, 0.025));
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow:
        0 25px 60px rgba(0, 0, 0, 0.38),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(12px);
}

.difference-dashboard::before {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    right: -70px;
    top: -70px;
    border-radius: 50%;
    background: rgba(212, 175, 55, 0.12);
    filter: blur(35px);
    z-index: -1;
}

.difference-dashboard-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.difference-dashboard-title {
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
}

.difference-status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #d4af37;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.difference-status::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #d4af37;
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.8);
}

/* Main visual */
.difference-main-icon {
    width: 92px;
    height: 92px;
    margin: 10px auto 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 24px;
    background:
        linear-gradient(145deg,
            rgba(212, 175, 55, 0.2),
            rgba(212, 175, 55, 0.04));
    border: 1px solid rgba(212, 175, 55, 0.3);
    box-shadow:
        0 15px 35px rgba(0, 0, 0, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.difference-main-icon svg {
    width: 47px;
    height: 47px;
    fill: none;
    stroke: #d4af37;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.difference-main-heading {
    margin: 0 0 8px;
    text-align: center;
    color: #ffffff;
    font-size: 22px;
    font-weight: 700;
}

.difference-main-text {
    margin: 0 auto 25px;
    max-width: 300px;
    text-align: center;
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
    line-height: 1.65;
}

/* Stats */
.difference-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin-top: 20px;
}

.difference-stat {
    padding: 14px 8px;
    text-align: center;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.difference-stat-number {
    display: block;
    margin-bottom: 4px;
    color: #d4af37;
    font-size: 17px;
    font-weight: 700;
}

.difference-stat-label {
    display: block;
    color: rgba(255, 255, 255, 0.42);
    font-size: 9px;
    line-height: 1.3;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* ================================
       BOTTOM TRUST LINE
       ================================ */

.difference-trust {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 28px;
    color: rgba(255, 255, 255, 0.38);
    font-size: 11px;
}

.difference-trust-line {
    width: 35px;
    height: 1px;
    background: rgba(212, 175, 55, 0.45);
}

/* ================================
       RESPONSIVE
       ================================ */

@media (max-width: 991px) {

    .premium-difference {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .premium-difference-inner {
        flex-direction: column;
    }

    .premium-difference-content,
    .premium-difference-visual {
        width: 100%;
    }

    .premium-difference-content {
        padding: 55px 45px 40px;
    }

    .premium-difference-visual {
        min-height: 450px;
        padding: 40px;
        border-left: 0;
        border-top: 1px solid rgba(255, 255, 255, 0.07);
    }
}

@media (max-width: 767px) {

    .premium-difference {
        padding: 0 15px;
        margin-top: 35px;
        margin-bottom: 35px;
    }

    .premium-difference-inner {
        border-radius: 20px;
    }

    .premium-difference-content {
        padding: 40px 25px 30px;
    }

    .premium-difference-title {
        font-size: 34px;
        letter-spacing: -1px;
    }

    .premium-difference-description {
        font-size: 14px;
        line-height: 1.7;
    }

    .premium-difference-features {
        grid-template-columns: 1fr;
    }

    .premium-difference-feature {
        min-height: auto;
    }

    .premium-difference-visual {
        min-height: 420px;
        padding: 25px 20px 40px;
    }

    .difference-dashboard {
        padding: 22px 18px;
    }

    .difference-main-icon {
        width: 80px;
        height: 80px;
    }

    .difference-main-heading {
        font-size: 20px;
    }
}

@media (max-width: 420px) {

    .premium-difference-title {
        font-size: 30px;
    }

    .premium-difference-eyebrow {
        font-size: 9px;
        letter-spacing: 1.4px;
    }

    .difference-stats {
        gap: 5px;
    }

    .difference-stat {
        padding: 12px 5px;
    }

    .difference-stat-number {
        font-size: 15px;
    }

    .difference-stat-label {
        font-size: 8px;
    }
}








































/* =========================================
       PREMIUM MARKETS CTA
       ========================================= */

.premium-markets-section {
    position: relative;
    overflow: hidden;
    margin: 70px auto;
    padding: 0 20px;
}

.premium-markets-section * {
    box-sizing: border-box;
}

.premium-markets-wrapper {
    position: relative;
    max-width: 1240px;
    min-height: 500px;
    margin: 0 auto;
    padding: 70px 65px;
    overflow: hidden;
    border-radius: 28px;
    background:
        radial-gradient(circle at 90% 10%,
            rgba(212, 175, 55, 0.15),
            transparent 30%),
        radial-gradient(circle at 5% 100%,
            rgba(212, 175, 55, 0.07),
            transparent 30%),
        #0b1018;
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow:
        0 30px 80px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

/* Decorative grid */
.premium-markets-wrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.025) 1px,
            transparent 1px),
        linear-gradient(90deg,
            rgba(255, 255, 255, 0.025) 1px,
            transparent 1px);
    background-size: 55px 55px;
    mask-image: linear-gradient(to right,
            transparent 0%,
            black 45%,
            black 100%);
    -webkit-mask-image: linear-gradient(to right,
            transparent 0%,
            black 45%,
            black 100%);
    pointer-events: none;
}

/* Gold line */
.premium-markets-wrapper::after {
    content: "";
    position: absolute;
    left: 12%;
    right: 12%;
    bottom: 0;
    height: 1px;
    background: linear-gradient(90deg,
            transparent,
            rgba(212, 175, 55, 0.55),
            transparent);
}

/* =========================================
       MAIN LAYOUT
       ========================================= */

.premium-markets-layout {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    gap: 70px;
    align-items: center;
}

/* =========================================
       LEFT SIDE
       ========================================= */

.premium-markets-copy {
    position: relative;
}

.premium-markets-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 20px;
    padding: 8px 14px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.08);
    border: 1px solid rgba(212, 175, 55, 0.23);
    color: #d4af37;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.premium-markets-eyebrow::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #d4af37;
    box-shadow:
        0 0 10px rgba(212, 175, 55, 0.85);
}

.premium-markets-title {
    margin: 0 0 20px;
    color: #ffffff;
    font-size: clamp(36px, 4vw, 52px);
    line-height: 1.08;
    letter-spacing: -1.6px;
    font-weight: 700;
}

.premium-markets-title span {
    color: #d4af37;
}

.premium-markets-description {
    max-width: 520px;
    margin: 0 0 30px;
    color: rgba(255, 255, 255, 0.58);
    font-size: 15px;
    line-height: 1.8;
}

/* =========================================
       CTA BUTTONS
       ========================================= */

.premium-markets-buttons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 8px;
}

.premium-markets-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: 145px;
    height: 48px;
    padding: 0 22px;
    border-radius: 9px;
    text-decoration: none !important;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        background 0.3s ease;
}

.premium-markets-btn:hover {
    transform: translateY(-3px);
}

.premium-markets-btn-primary {
    color: #11151c !important;
    background: linear-gradient(135deg,
            #f0d477,
            #c69a2b);
    box-shadow:
        0 10px 25px rgba(212, 175, 55, 0.18);
}

.premium-markets-btn-primary:hover {
    color: #11151c !important;
    box-shadow:
        0 14px 32px rgba(212, 175, 55, 0.3);
}

.premium-markets-btn-secondary {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.15);
}

.premium-markets-btn-secondary:hover {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(212, 175, 55, 0.4);
}

.premium-markets-btn-arrow {
    font-size: 15px;
    transition: transform 0.3s ease;
}

.premium-markets-btn:hover .premium-markets-btn-arrow {
    transform: translateX(4px);
}

/* =========================================
       MARKET PANEL
       ========================================= */

.premium-markets-panel {
    position: relative;
    padding: 25px;
    border-radius: 22px;
    background:
        linear-gradient(145deg,
            rgba(255, 255, 255, 0.085),
            rgba(255, 255, 255, 0.025));
    border: 1px solid rgba(255, 255, 255, 0.11);
    box-shadow:
        0 25px 60px rgba(0, 0, 0, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(14px);
}

.premium-markets-panel::before {
    content: "";
    position: absolute;
    width: 190px;
    height: 190px;
    right: -70px;
    top: -70px;
    border-radius: 50%;
    background: rgba(212, 175, 55, 0.1);
    filter: blur(40px);
    pointer-events: none;
}

/* =========================================
       PANEL HEADER
       ========================================= */

.premium-market-header {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 18px;
    margin-bottom: 18px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.premium-market-header-title {
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
}

.premium-market-live {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #d4af37;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.premium-market-live::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #d4af37;
    box-shadow: 0 0 9px rgba(212, 175, 55, 0.9);
}

/* =========================================
       MARKET CARDS
       ========================================= */

.premium-market-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.premium-market-card {
    position: relative;
    min-height: 118px;
    padding: 18px;
    overflow: hidden;
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.06);
    transition:
        transform 0.3s ease,
        border-color 0.3s ease,
        background 0.3s ease;
}

.premium-market-card:hover {
    transform: translateY(-4px);
    background: rgba(212, 175, 55, 0.055);
    border-color: rgba(212, 175, 55, 0.25);
}

.premium-market-icon {
    width: 34px;
    height: 34px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: rgba(212, 175, 55, 0.1);
    border: 1px solid rgba(212, 175, 55, 0.18);
    color: #d4af37;
    font-size: 14px;
    font-weight: 800;
}

.premium-market-name {
    display: block;
    margin-bottom: 4px;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
}

.premium-market-type {
    display: block;
    color: rgba(255, 255, 255, 0.38);
    font-size: 9px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

/* =========================================
       BOTTOM INFO
       ========================================= */

.premium-market-footer {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-top: 14px;
    padding: 14px 16px;
    border-radius: 10px;
    background: rgba(212, 175, 55, 0.055);
    border: 1px solid rgba(212, 175, 55, 0.1);
}

.premium-market-footer-text {
    color: rgba(255, 255, 255, 0.5);
    font-size: 10px;
    line-height: 1.5;
}

.premium-market-footer-highlight {
    color: #d4af37;
    font-weight: 700;
    white-space: nowrap;
    font-size: 10px;
}

/* =========================================
       RESPONSIVE
       ========================================= */

@media (max-width: 991px) {

    .premium-markets-section {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .premium-markets-wrapper {
        padding: 55px 45px;
    }

    .premium-markets-layout {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .premium-markets-copy {
        max-width: 700px;
    }

    .premium-markets-description {
        max-width: 650px;
    }
}

@media (max-width: 767px) {

    .premium-markets-section {
        padding: 0 15px;
        margin-top: 35px;
        margin-bottom: 35px;
    }

    .premium-markets-wrapper {
        padding: 40px 25px;
        border-radius: 20px;
    }

    .premium-markets-title {
        font-size: 34px;
        letter-spacing: -1px;
    }

    .premium-markets-description {
        font-size: 14px;
        line-height: 1.7;
    }

    .premium-markets-buttons {
        flex-direction: column;
        align-items: stretch;
    }

    .premium-markets-btn {
        width: 100%;
    }

    .premium-markets-panel {
        padding: 18px;
    }

    .premium-market-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 450px) {

    .premium-markets-title {
        font-size: 30px;
    }

    .premium-market-grid {
        grid-template-columns: 1fr;
    }

    .premium-market-card {
        min-height: 95px;
    }

    .premium-market-footer {
        align-items: flex-start;
        flex-direction: column;
    }

    .premium-market-footer-highlight {
        white-space: normal;
    }
}


















































/* =========================================
       PREMIUM ACCOUNT SECTION
       ========================================= */

.premium-accounts-section {
    position: relative;
    overflow: hidden;
    margin: 75px auto;
    padding: 0 20px;
}

.premium-accounts-section * {
    box-sizing: border-box;
}

.premium-accounts-wrapper {
    position: relative;
    max-width: 1280px;
    margin: 0 auto;
    padding: 70px 55px 75px;
    overflow: hidden;
    border-radius: 30px;
    background:
        radial-gradient(circle at 50% 0%,
            rgba(212, 175, 55, 0.09),
            transparent 32%),
        #080d14;
    border: 1px solid rgba(255, 255, 255, 0.07);
    box-shadow:
        0 30px 90px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

/* =========================================
       DECORATIVE GRID
       ========================================= */

.premium-accounts-wrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.018) 1px,
            transparent 1px),
        linear-gradient(90deg,
            rgba(255, 255, 255, 0.018) 1px,
            transparent 1px);
    background-size: 60px 60px;
    mask-image: linear-gradient(to bottom,
            black,
            transparent 85%);
    -webkit-mask-image: linear-gradient(to bottom,
            black,
            transparent 85%);
    pointer-events: none;
}

/* =========================================
       HEADER
       ========================================= */

.premium-accounts-header {
    position: relative;
    z-index: 2;
    max-width: 720px;
    margin: 0 auto 48px;
    text-align: center;
}

.premium-accounts-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 18px;
    padding: 8px 15px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.07);
    border: 1px solid rgba(212, 175, 55, 0.2);
    color: #d4af37;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.premium-accounts-eyebrow::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #d4af37;
    box-shadow:
        0 0 10px rgba(212, 175, 55, 0.8);
}

.premium-accounts-title {
    margin: 0 0 16px;
    color: #ffffff;
    font-size: clamp(34px, 4vw, 50px);
    line-height: 1.08;
    font-weight: 700;
    letter-spacing: -1.5px;
}

.premium-accounts-title span {
    color: #d4af37;
}

.premium-accounts-description {
    margin: 0;
    color: rgba(255, 255, 255, 0.52);
    font-size: 14px;
    line-height: 1.8;
}

/* =========================================
       ACCOUNT GRID
       ========================================= */

.premium-account-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    align-items: stretch;
}

/* =========================================
       ACCOUNT CARD
       ========================================= */

.premium-account-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
    border-radius: 20px;
    background:
        linear-gradient(145deg,
            rgba(255, 255, 255, 0.065),
            rgba(255, 255, 255, 0.018));
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow:
        0 18px 40px rgba(0, 0, 0, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.035);
    transition:
        transform 0.35s ease,
        border-color 0.35s ease,
        box-shadow 0.35s ease;
}

.premium-account-card:hover {
    transform: translateY(-7px);
    border-color: rgba(212, 175, 55, 0.28);
    box-shadow:
        0 25px 55px rgba(0, 0, 0, 0.28),
        0 0 35px rgba(212, 175, 55, 0.045);
}

/* =========================================
       POPULAR CARD
       ========================================= */

.premium-account-card.featured {
    border-color: rgba(212, 175, 55, 0.45);
    background:
        radial-gradient(circle at 50% 0%,
            rgba(212, 175, 55, 0.09),
            transparent 40%),
        linear-gradient(145deg,
            rgba(255, 255, 255, 0.08),
            rgba(255, 255, 255, 0.02));
    box-shadow:
        0 25px 65px rgba(0, 0, 0, 0.32),
        0 0 45px rgba(212, 175, 55, 0.06);
    transform: translateY(-10px);
}

.premium-account-card.featured:hover {
    transform: translateY(-15px);
}

/* =========================================
       POPULAR BADGE
       ========================================= */

.premium-account-popular {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 5;
    transform: translate(-50%, -1px);
    padding: 7px 18px;
    border-radius: 0 0 10px 10px;
    background: linear-gradient(135deg,
            #f0d477,
            #c69a2b);
    color: #10151c;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    box-shadow:
        0 7px 20px rgba(212, 175, 55, 0.18);
}

/* =========================================
       CARD HEADER
       ========================================= */

.premium-account-header {
    position: relative;
    padding: 30px 25px 24px;
    text-align: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.premium-account-card.featured .premium-account-header {
    padding-top: 43px;
}

.premium-account-label {
    display: block;
    margin-bottom: 7px;
    color: rgba(255, 255, 255, 0.38);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.premium-account-name {
    margin: 0;
    color: #ffffff;
    font-size: 25px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.premium-account-card.featured .premium-account-name {
    color: #d4af37;
}

/* =========================================
       PRICE
       ========================================= */

.premium-account-price {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 3px;
    min-height: 90px;
    padding: 25px 15px 18px;
    text-align: center;
}

.premium-account-currency {
    margin-bottom: 15px;
    color: #d4af37;
    font-size: 18px;
    font-weight: 600;
}

.premium-account-number {
    color: #ffffff;
    font-size: 52px;
    line-height: 0.9;
    font-weight: 700;
    letter-spacing: -2px;
}

.premium-account-price-info {
    max-width: 95px;
    margin-bottom: 4px;
    color: rgba(255, 255, 255, 0.4);
    font-size: 9px;
    line-height: 1.35;
    text-align: left;
}

/* =========================================
       FEATURES
       ========================================= */

.premium-account-features {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 5px 25px 10px;
    flex: 1;
}

.premium-account-feature {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 13px 0;
    color: rgba(255, 255, 255, 0.67);
    font-size: 12px;
    line-height: 1.4;
    border-bottom: 1px solid rgba(255, 255, 255, 0.055);
}

.premium-account-feature:last-child {
    border-bottom: 0;
}

.premium-account-check {
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(212, 175, 55, 0.1);
    border: 1px solid rgba(212, 175, 55, 0.22);
    color: #d4af37;
    font-size: 10px;
    font-weight: 800;
}

/* =========================================
       BUTTON
       ========================================= */

.premium-account-action {
    padding: 20px 25px 25px;
}

.premium-account-button {
    width: 100%;
    height: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    border-radius: 9px;
    text-decoration: none !important;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.6px;
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        background 0.3s ease;
}

.premium-account-button-primary {
    color: #10151c !important;
    background: linear-gradient(135deg,
            #f0d477,
            #c69a2b);
    box-shadow:
        0 9px 24px rgba(212, 175, 55, 0.14);
    max-width: 230px;
    height: 56px;
    border-radius: 5px;
}


.premium-account-button-primary:hover {
    color: #10151c !important;
    transform: translateY(-2px);
    box-shadow:
        0 13px 30px rgba(212, 175, 55, 0.25);
}

.premium-account-button-secondary {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.13);
}

.premium-account-button-secondary:hover {
    color: #ffffff !important;
    background: rgba(212, 175, 55, 0.07);
    border-color: rgba(212, 175, 55, 0.3);
    transform: translateY(-2px);
}

/* =========================================
       FOOTNOTE
       ========================================= */

.premium-account-note {
    position: relative;
    z-index: 2;
    margin: 30px auto 0;
    text-align: center;
    color: rgba(255, 255, 255, 0.3);
    font-size: 10px;
    line-height: 1.6;
}

.premium-account-note span {
    color: rgba(212, 175, 55, 0.65);
}

/* =========================================
       RESPONSIVE
       ========================================= */

@media (max-width: 1100px) {

    .premium-accounts-wrapper {
        padding: 60px 30px 65px;
    }

    .premium-account-grid {
        gap: 12px;
    }

    .premium-account-header,
    .premium-account-features,
    .premium-account-action {
        padding-left: 20px;
        padding-right: 20px;
    }

    .premium-account-number {
        font-size: 46px;
    }

    .premium-account-price-info {
        font-size: 8px;
    }
}

@media (max-width: 900px) {

    .premium-account-grid {
        grid-template-columns: 1fr;
        max-width: 520px;
        margin: 0 auto;
        gap: 20px;
    }

    .premium-account-card.featured {
        transform: none;
        order: -1;
    }

    .premium-account-card.featured:hover {
        transform: translateY(-7px);
    }

    .premium-account-header {
        padding-top: 32px;
    }

    .premium-account-card.featured .premium-account-header {
        padding-top: 45px;
    }
}

@media (max-width: 767px) {

    .premium-accounts-section {
        padding: 0 15px;
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .premium-accounts-wrapper {
        padding: 45px 20px 50px;
        border-radius: 21px;
    }

    .premium-accounts-title {
        font-size: 34px;
        letter-spacing: -1px;
    }

    .premium-accounts-description {
        font-size: 13px;
    }

    .premium-account-grid {
        max-width: 100%;
    }

    .premium-account-number {
        font-size: 50px;
    }
}

@media (max-width: 420px) {

    .premium-accounts-title {
        font-size: 30px;
    }

    .premium-account-header,
    .premium-account-features,
    .premium-account-action {
        padding-left: 18px;
        padding-right: 18px;
    }

    .premium-account-name {
        font-size: 22px;
    }
}























































/* =========================================
       PREMIUM ACCOUNT OPENING
       ========================================= */

.premium-steps-section {
    position: relative;
    overflow: hidden;

    padding: 0 20px;
    padding: 50px 0px;
}

.premium-steps-section * {
    box-sizing: border-box;
}

.premium-steps-wrapper {
    position: relative;
    max-width: 1240px;
    margin: 0 auto;
    padding: 70px 55px 65px;
    overflow: hidden;
    border-radius: 30px;
    background:
        radial-gradient(circle at 50% 0%,
            rgba(212, 175, 55, 0.10),
            transparent 35%),
        radial-gradient(circle at 100% 100%,
            rgba(212, 175, 55, 0.055),
            transparent 30%),
        #080d14;
    border: 1px solid rgba(255, 255, 255, 0.075);
    box-shadow:
        0 30px 90px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

/* =========================================
       BACKGROUND GRID
       ========================================= */

.premium-steps-wrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.018) 1px,
            transparent 1px),
        linear-gradient(90deg,
            rgba(255, 255, 255, 0.018) 1px,
            transparent 1px);
    background-size: 60px 60px;
    mask-image: linear-gradient(to bottom,
            black,
            transparent 90%);
    -webkit-mask-image: linear-gradient(to bottom,
            black,
            transparent 90%);
    pointer-events: none;
}

.premium-steps-wrapper::after {
    content: "";
    position: absolute;
    left: 12%;
    right: 12%;
    bottom: 0;
    height: 1px;
    background: linear-gradient(90deg,
            transparent,
            rgba(212, 175, 55, 0.5),
            transparent);
}

/* =========================================
       HEADER
       ========================================= */

.premium-steps-header {
    position: relative;
    z-index: 2;
    max-width: 720px;
    margin: 0 auto 52px;
    text-align: center;
}

.premium-steps-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 18px;
    padding: 8px 15px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.07);
    border: 1px solid rgba(212, 175, 55, 0.21);
    color: #d4af37;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.premium-steps-eyebrow::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #d4af37;
    box-shadow:
        0 0 10px rgba(212, 175, 55, 0.8);
}

.premium-steps-title {
    margin: 0 0 15px;
    color: #ffffff;
    font-size: clamp(34px, 4vw, 50px);
    line-height: 1.08;
    font-weight: 700;
    letter-spacing: -1.5px;
}

.premium-steps-title span {
    color: #d4af37;
}

.premium-steps-subtitle {
    margin: 0;
    color: rgba(255, 255, 255, 0.5);
    font-size: 14px;
    line-height: 1.8;
}

/* =========================================
       STEPS CONTAINER
       ========================================= */

.premium-steps-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

/* Connecting line */
.premium-steps-grid::before {
    content: "";
    position: absolute;
    top: 57px;
    left: 16.5%;
    right: 16.5%;
    height: 1px;
    background: linear-gradient(90deg,
            rgba(212, 175, 55, 0.15),
            rgba(212, 175, 55, 0.45),
            rgba(212, 175, 55, 0.15));
    z-index: 0;
}

/* =========================================
       STEP CARD
       ========================================= */

.premium-step-card {
    position: relative;
    z-index: 1;
    padding: 28px 25px 30px;
    text-align: center;
    border-radius: 20px;
    background:
        linear-gradient(145deg,
            rgba(255, 255, 255, 0.065),
            rgba(255, 255, 255, 0.018));
    border: 1px solid rgba(255, 255, 255, 0.075);
    box-shadow:
        0 18px 40px rgba(0, 0, 0, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.035);
    transition:
        transform 0.35s ease,
        border-color 0.35s ease,
        background 0.35s ease,
        box-shadow 0.35s ease;
}

.premium-step-card:hover {
    transform: translateY(-7px);
    border-color: rgba(212, 175, 55, 0.28);
    background:
        linear-gradient(145deg,
            rgba(212, 175, 55, 0.07),
            rgba(255, 255, 255, 0.02));
    box-shadow:
        0 25px 55px rgba(0, 0, 0, 0.27),
        0 0 35px rgba(212, 175, 55, 0.05);
}

/* =========================================
       NUMBER
       ========================================= */

.premium-step-number {
    position: relative;
    width: 66px;
    height: 66px;
    margin: 0 auto 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background:
        linear-gradient(145deg,
            rgba(212, 175, 55, 0.18),
            rgba(212, 175, 55, 0.045));
    border: 1px solid rgba(212, 175, 55, 0.38);
    box-shadow:
        0 10px 25px rgba(0, 0, 0, 0.25),
        0 0 25px rgba(212, 175, 55, 0.05);
}

.premium-step-number::before {
    content: "";
    position: absolute;
    inset: 6px;
    border-radius: 50%;
    border: 1px solid rgba(212, 175, 55, 0.12);
}

.premium-step-number span {
    position: relative;
    z-index: 2;
    color: #d4af37;
    font-size: 20px;
    font-weight: 700;
}

/* =========================================
       ICON
       ========================================= */

.premium-step-icon {
    width: 48px;
    height: 48px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.07);
}

.premium-step-icon svg {
    width: 25px;
    height: 25px;
    fill: none;
    stroke: #d4af37;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* =========================================
       STEP CONTENT
       ========================================= */

.premium-step-title {
    margin: 0 0 11px;
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
}

.premium-step-description {
    min-height: 66px;
    margin: 0;
    color: rgba(255, 255, 255, 0.48);
    font-size: 12px;
    line-height: 1.7;
}

/* =========================================
       STEP LABEL
       ========================================= */

.premium-step-label {
    display: inline-block;
    margin-top: 20px;
    padding: 6px 11px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.06);
    color: rgba(212, 175, 55, 0.75);
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

/* =========================================
       CTA
       ========================================= */

.premium-steps-cta {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    margin-top: 42px;
}

.premium-steps-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    min-width: 205px;
    height: 51px;
    padding: 0 24px;
    border-radius: 9px;
    color: #10151c !important;
    background: linear-gradient(135deg,
            #f0d477,
            #c69a2b);
    box-shadow:
        0 12px 30px rgba(212, 175, 55, 0.18);
    text-decoration: none !important;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.7px;
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.premium-steps-button:hover {
    color: #10151c !important;
    transform: translateY(-3px);
    box-shadow:
        0 17px 38px rgba(212, 175, 55, 0.3);
}

.premium-steps-button-icon {
    width: 23px;
    height: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.12);
    font-size: 11px;
}

.premium-steps-button-arrow {
    font-size: 16px;
    transition: transform 0.3s ease;
}

.premium-steps-button:hover .premium-steps-button-arrow {
    transform: translateX(4px);
}

/* =========================================
       BOTTOM NOTE
       ========================================= */

.premium-steps-note {
    position: relative;
    z-index: 2;
    margin-top: 18px;
    text-align: center;
    color: rgba(255, 255, 255, 0.28);
    font-size: 9px;
}

/* =========================================
       RESPONSIVE
       ========================================= */

@media (max-width: 991px) {

    .premium-steps-wrapper {
        padding: 60px 35px;
    }

    .premium-steps-grid {
        gap: 14px;
    }

    .premium-step-card {
        padding-left: 18px;
        padding-right: 18px;
    }

    .premium-step-title {
        font-size: 18px;
    }
}

@media (max-width: 767px) {

    .premium-steps-section {
        padding: 0 15px;
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .premium-steps-wrapper {
        padding: 45px 20px 50px;
        border-radius: 21px;
    }

    .premium-steps-title {
        font-size: 34px;
        letter-spacing: -1px;
    }

    .premium-steps-subtitle {
        font-size: 13px;
    }

    .premium-steps-grid {
        grid-template-columns: 1fr;
        max-width: 480px;
        margin: 0 auto;
        gap: 15px;
    }

    .premium-steps-grid::before {
        display: none;
    }

    .premium-step-card {
        padding: 25px 25px 28px;
    }

    .premium-step-description {
        min-height: auto;
    }

    .premium-step-number {
        width: 60px;
        height: 60px;
    }

    .premium-steps-cta {
        margin-top: 30px;
    }

    .premium-steps-button {
        width: 100%;
        max-width: 300px;
    }
}

@media (max-width: 420px) {

    .premium-steps-title {
        font-size: 30px;
    }

    .premium-step-card {
        padding-left: 20px;
        padding-right: 20px;
    }
}



































/* ---------- TOP BAR ---------- */

.premium-topbar {
    width: 100%;
    background: #07111f;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    position: relative;
    z-index: 100;
}

.premium-topbar-inner {
    max-width: 1320px;
    margin: 0 auto;
    min-height: 44px;
    padding: 0 24px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

/* ---------- LEFT ---------- */

.premium-topbar-left {
    display: flex;
    align-items: center;
    gap: 0;
}

.premium-topbar-left a,
.premium-topbar-right a {
    position: relative;

    display: inline-flex;
    align-items: center;
    gap: 7px;

    padding: 0 18px;

    color: #b9c4d1;
    text-decoration: none;

    font-family: "Roboto", "Segoe UI", Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.2px;

    transition: all 0.25s ease;
}

.premium-topbar-left a:first-child {
    padding-left: 0;
}

.premium-topbar-left a:not(:last-child)::after,
.premium-topbar-right a:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);

    width: 1px;
    height: 14px;

    background: rgba(255, 255, 255, 0.10);
}

.premium-topbar-left a:hover,
.premium-topbar-right a:hover {
    color: #ffffff;
}

/* ---------- RIGHT ---------- */

.premium-topbar-right {
    display: flex;
    align-items: center;
    gap: 0;
}

.premium-topbar-right a:last-child {
    padding-right: 0;
}

/* ---------- ICON ---------- */

.premium-topbar-icon {
    width: 15px;
    height: 15px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #d9a441;
}

.premium-topbar-icon svg {
    width: 14px;
    height: 14px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* ---------- HIGHLIGHT ---------- */

.premium-topbar-highlight {
    color: #d9a441 !important;
    font-weight: 600 !important;
}

.premium-topbar-highlight:hover {
    color: #f0c15c !important;
}

/* ---------- LIVE SUPPORT ---------- */

.premium-live-support {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.premium-live-dot {
    width: 7px;
    height: 7px;

    border-radius: 50%;
    background: #35d39a;

    box-shadow: 0 0 0 3px rgba(53, 211, 154, 0.10);
}

/* ---------- MOBILE ---------- */

@media (max-width: 991px) {

    .premium-topbar-inner {
        min-height: 42px;
        padding: 0 18px;
    }

    .premium-topbar-left a,
    .premium-topbar-right a {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 11px;
    }

    .premium-topbar-left a:first-child {
        padding-left: 0;
    }

    .premium-topbar-right a:last-child {
        padding-right: 0;
    }
}

@media (max-width: 767px) {

    .premium-topbar-inner {
        justify-content: center;
    }

    .premium-topbar-left {
        display: none;
    }

    .premium-topbar-right {
        width: 100%;
        justify-content: center;
    }

    .premium-topbar-right a {
        font-size: 11px;
    }

    .premium-topbar-right a:first-child {
        padding-left: 0;
    }

    .premium-topbar-right a:last-child {
        padding-right: 0;
    }
}

@media (max-width: 420px) {

    .premium-topbar-right a {
        padding-left: 8px;
        padding-right: 8px;
    }

    .premium-topbar-right a:first-child {
        padding-left: 0;
    }

    .premium-topbar-right a:last-child {
        padding-right: 0;
    }

    .premium-topbar-icon {
        display: none;
    }
}











































/* =========================================
   PREMIUM HERO
========================================= */

.premium-hero {
    position: relative;
    min-height: 760px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background:
        radial-gradient(circle at 75% 40%, rgba(0, 168, 232, 0.10), transparent 32%),
        radial-gradient(circle at 90% 90%, rgba(215, 168, 75, 0.08), transparent 30%),
        #071525;
    color: #ffffff;
    font-family: 'Roboto', 'Arial', sans-serif;
}

/* Background grid */

.premium-hero-grid {
    position: absolute;
    inset: 0;
    opacity: 0.22;
    background-image:
        linear-gradient(rgba(255, 255, 255, .045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .045) 1px, transparent 1px);
    background-size: 70px 70px;
    mask-image: linear-gradient(to right, transparent 0%, black 45%, black 100%);
}

/* Glow */

.premium-hero-glow {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    filter: blur(10px);
}

.premium-hero-glow-1 {
    width: 500px;
    height: 500px;
    right: -150px;
    top: 80px;
    background: rgba(0, 168, 232, 0.08);
}

.premium-hero-glow-2 {
    width: 350px;
    height: 350px;
    left: -180px;
    bottom: -180px;
    background: rgba(215, 168, 75, 0.06);
}


/* =========================================
   CONTAINER
========================================= */

.premium-hero-container {
    position: relative;
    z-index: 2;
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(430px, .95fr);
    align-items: center;
    gap: 70px;
    padding-top: 70px;
    padding-bottom: 100px;
}


/* =========================================
   LEFT CONTENT
========================================= */

.premium-hero-content {
    max-width: 700px;
}

.premium-hero-eyebrow {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 25px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2.5px;
    color: #d7a84b;
}

.premium-hero-eyebrow-line {
    width: 35px;
    height: 1px;
    background: #d7a84b;
}

.premium-hero h1 {
    margin: 0 0 28px;
    font-size: clamp(48px, 5vw, 76px);
    line-height: 1.03;
    letter-spacing: -2px;
    font-weight: 700;
    color: #ffffff;
}

.premium-hero h1 span {
    color: #d7a84b;
}

.premium-hero-description {
    max-width: 620px;
    margin: 0 0 36px;
    color: rgba(255, 255, 255, .70);
    font-size: 18px;
    line-height: 1.75;
}

.premium-hero-description strong {
    color: #ffffff;
    font-weight: 600;
}


/* =========================================
   BUTTONS
========================================= */

.premium-hero-buttons {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    margin-bottom: 48px;
}

.premium-btn {
    min-height: 56px;
    padding: 0 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    border-radius: 5px;
    text-decoration: none !important;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .7px;
    transition: all .3s ease;
}

.premium-btn-primary {
    color: #071525 !important;
    background: #d7a84b;
    box-shadow: 0 12px 35px rgba(215, 168, 75, .18);
}

.premium-btn-primary:hover {
    background: #e4ba65;
    color: #071525 !important;
    transform: translateY(-3px);
    box-shadow: 0 15px 40px rgba(215, 168, 75, .28);
}

.premium-btn-arrow {
    font-size: 20px;
    line-height: 1;
}

.premium-btn-secondary {
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, .20);
    background: rgba(255, 255, 255, .04);
}

.premium-btn-secondary:hover {
    color: #ffffff !important;
    background: rgba(255, 255, 255, .09);
    border-color: rgba(215, 168, 75, .50);
    transform: translateY(-3px);
}


/* =========================================
   TRUST INDICATORS
========================================= */

.premium-hero-trust {
    display: flex;
    align-items: center;
    gap: 22px;
}

.premium-trust-item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.premium-trust-item strong {
    display: block;
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 3px;
}

.premium-trust-item span {
    display: block;
    color: rgba(255, 255, 255, .42);
    font-size: 10px;
}

.premium-trust-icon {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(215, 168, 75, .25);
    border-radius: 50%;
    background: rgba(215, 168, 75, .06);
}

.premium-trust-icon svg {
    width: 17px;
    height: 17px;
    fill: #d7a84b;
}

.premium-trust-divider {
    width: 1px;
    height: 30px;
    background: rgba(255, 255, 255, .12);
}


/* =========================================
   MARKET VISUAL
========================================= */

.premium-hero-visual {
    position: relative;
    min-height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.premium-market-card {
    width: 100%;
    max-width: 530px;
    padding: 25px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 18px;
    background:
        linear-gradient(145deg,
            rgba(255, 255, 255, .09),
            rgba(255, 255, 255, .025));
    box-shadow:
        0 35px 100px rgba(0, 0, 0, .40),
        inset 0 1px 0 rgba(255, 255, 255, .07);
    backdrop-filter: blur(20px);
    transform: perspective(1000px) rotateY(-3deg);
}


/* =========================================
   MARKET HEADER
========================================= */

.premium-market-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 22px;
}

.premium-market-label {
    display: block;
    color: #d7a84b;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 6px;
}

.premium-market-header strong {
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
}

.premium-live {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 7px 10px;
    border-radius: 20px;
    background: rgba(0, 200, 130, .08);
    color: #55d8a7;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1px;
}

.premium-live span {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #55d8a7;
    box-shadow: 0 0 10px rgba(85, 216, 167, .8);
}


/* =========================================
   CHART
========================================= */

.premium-chart {
    position: relative;
    height: 245px;
    overflow: hidden;
    border-radius: 10px;
    background: rgba(0, 0, 0, .12);
    border: 1px solid rgba(255, 255, 255, .05);
}

.premium-chart-svg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.chart-line {
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background: rgba(255, 255, 255, .055);
}

.chart-line-1 {
    top: 25%;
}

.chart-line-2 {
    top: 50%;
}

.chart-line-3 {
    top: 75%;
}

.premium-chart-price {
    position: absolute;
    left: 18px;
    bottom: 18px;
    z-index: 2;
}

.premium-chart-price span {
    display: block;
    margin-bottom: 5px;
    font-size: 9px;
    letter-spacing: 1.5px;
    color: rgba(255, 255, 255, .45);
}

.premium-chart-price strong {
    font-size: 25px;
    color: #d7a84b;
}


/* =========================================
   MARKET LIST
========================================= */

.premium-market-list {
    margin-top: 15px;
}

.premium-market-row {
    display: grid;
    grid-template-columns: 1.4fr 1fr .7fr;
    align-items: center;
    padding: 13px 8px;
    border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.premium-market-row:last-child {
    border-bottom: 0;
}

.market-symbol {
    display: block;
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
}

.premium-market-row small {
    display: block;
    margin-top: 3px;
    color: rgba(255, 255, 255, .38);
    font-size: 9px;
}

.premium-market-row>strong {
    color: rgba(255, 255, 255, .80);
    font-size: 12px;
}

.market-positive {
    text-align: right;
    color: #55d8a7;
    font-size: 11px;
    font-weight: 700;
}


/* =========================================
   FLOATING CARD
========================================= */

.premium-floating-card {
    position: absolute;
    left: -25px;
    bottom: 40px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 18px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 10px;
    background: rgba(8, 22, 37, .92);
    box-shadow: 0 20px 50px rgba(0, 0, 0, .35);
    backdrop-filter: blur(15px);
}

.premium-floating-icon {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(215, 168, 75, .12);
    color: #d7a84b;
    font-size: 16px;
    font-weight: 700;
}

.premium-floating-card strong {
    display: block;
    color: #ffffff;
    font-size: 11px;
    margin-bottom: 4px;
}

.premium-floating-card span {
    color: rgba(255, 255, 255, .45);
    font-size: 9px;
}


/* =========================================
   BOTTOM INDICATOR
========================================= */

.premium-hero-bottom {
    position: absolute;
    bottom: 28px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 15px;
    color: rgba(255, 255, 255, .30);
    font-size: 8px;
    letter-spacing: 2px;
    white-space: nowrap;
}

.premium-scroll-line {
    width: 50px;
    height: 1px;
    background: rgba(215, 168, 75, .55);
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .premium-hero {
        min-height: auto;
    }

    .premium-hero-container {
        grid-template-columns: 1fr;
        gap: 55px;
        padding-top: 80px;
        padding-bottom: 100px;
    }

    .premium-hero-content {
        max-width: 800px;
    }

    .premium-hero-visual {
        min-height: 450px;
    }

    .premium-market-card {
        max-width: 650px;
    }

    .premium-floating-card {
        left: calc(50% - 350px);
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .premium-hero {
        min-height: auto;
    }

    .premium-hero-container {
        padding-top: 65px;
        padding-bottom: 80px;
        gap: 40px;
    }

    .premium-hero-eyebrow {
        font-size: 9px;
        letter-spacing: 1.8px;
        margin-bottom: 20px;
    }

    .premium-hero h1 {
        font-size: 43px;
        letter-spacing: -1.5px;
        line-height: 1.08;
        margin-bottom: 22px;
    }

    .premium-hero-description {
        font-size: 15px;
        line-height: 1.65;
        margin-bottom: 28px;
    }

    .premium-hero-buttons {
        margin-bottom: 35px;
        flex-direction: column;
        align-items: stretch;
    }

    .premium-btn {
        width: 100%;
    }

    .premium-hero-trust {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px 15px;
    }

    .premium-trust-divider {
        display: none;
    }

    .premium-hero-visual {
        min-height: 400px;
        width: 100%;
    }

    .premium-market-card {
        padding: 17px;
        border-radius: 14px;
        transform: none;
    }

    .premium-chart {
        height: 190px;
    }

    .premium-floating-card {
        left: 10px;
        bottom: 5px;
        padding: 10px 13px;
    }

    .premium-floating-icon {
        width: 29px;
        height: 29px;
        font-size: 13px;
    }

    .premium-floating-card strong {
        font-size: 10px;
    }

    .premium-floating-card span {
        font-size: 8px;
    }

    .premium-hero-bottom {
        display: none;
    }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 420px) {

    .premium-hero h1 {
        font-size: 38px;
    }

    .premium-hero-trust {
        grid-template-columns: 1fr;
    }

    .premium-market-row {
        grid-template-columns: 1.3fr 1fr .8fr;
    }

    .premium-market-row>strong,
    .market-positive {
        font-size: 10px;
    }

}

























































.premium-stats-bar {
    width: 100%;
    position: relative;
    z-index: 5;

    background: #07111f;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);

    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
}

.premium-stats-container {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 24px;

    display: grid;
    grid-template-columns: repeat(5, 1fr);
}

/* =====================================================
       STAT ITEM
       ===================================================== */

.premium-stat-item {
    position: relative;

    min-height: 108px;
    padding: 22px 25px;

    display: flex;
    align-items: center;
    justify-content: center;

    text-align: center;

    transition: background 0.25s ease;
}

.premium-stat-item:not(:last-child)::after {
    content: "";

    position: absolute;
    right: 0;
    top: 24px;
    bottom: 24px;

    width: 1px;

    background: rgba(255, 255, 255, 0.09);
}

.premium-stat-item:hover {
    background: rgba(255, 255, 255, 0.025);
}

/* =====================================================
       CONTENT
       ===================================================== */

.premium-stat-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.premium-stat-value {
    display: block;

    margin-bottom: 5px;

    color: #ffffff;

    font-family: "Roboto", "Segoe UI", Arial, sans-serif;
    font-size: 27px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: -0.4px;
}

.premium-stat-value.gold {
    color: #d9a441;
}

.premium-stat-label {
    display: block;

    color: #9eacbc;

    font-family: "Roboto", "Segoe UI", Arial, sans-serif;
    font-size: 11px;
    line-height: 1.3;
    font-weight: 500;

    letter-spacing: 0.8px;
    text-transform: uppercase;
}

/* =====================================================
       ICON / MINI ACCENT
       ===================================================== */

.premium-stat-accent {
    width: 5px;
    height: 5px;

    margin-bottom: 9px;

    border-radius: 50%;

    background: #d9a441;

    box-shadow: 0 0 0 4px rgba(217, 164, 65, 0.08);
}

/* =====================================================
       LAST CTA STAT
       ===================================================== */

.premium-stat-cta {
    background: rgba(217, 164, 65, 0.045);
}

.premium-stat-cta .premium-stat-value {
    color: #d9a441;
}

.premium-stat-cta .premium-stat-label {
    color: #d9a441;
}

.premium-stat-cta:hover {
    background: rgba(217, 164, 65, 0.08);
}

/* =====================================================
       RESPONSIVE - TABLET
       ===================================================== */

@media (max-width: 991px) {

    .premium-stats-container {
        grid-template-columns: repeat(3, 1fr);
    }

    .premium-stat-item {
        min-height: 100px;
        padding: 20px 15px;
    }

    .premium-stat-value {
        font-size: 24px;
    }

    .premium-stat-label {
        font-size: 10px;
    }

    .premium-stat-item:nth-child(3)::after {
        display: none;
    }

    .premium-stat-item:nth-child(4),
    .premium-stat-item:nth-child(5) {
        border-top: 1px solid rgba(255, 255, 255, 0.08);
    }

    .premium-stat-item:nth-child(5) {
        grid-column: span 1;
    }
}

/* =====================================================
       RESPONSIVE - MOBILE
       ===================================================== */

@media (max-width: 767px) {

    .premium-stats-container {
        grid-template-columns: repeat(2, 1fr);
        padding: 0 10px;
    }

    .premium-stat-item {
        min-height: 92px;
        padding: 18px 10px;
    }

    .premium-stat-item::after {
        top: 18px;
        bottom: 18px;
    }

    .premium-stat-item:nth-child(2)::after,
    .premium-stat-item:nth-child(4)::after {
        display: none;
    }

    .premium-stat-item:nth-child(3),
    .premium-stat-item:nth-child(4),
    .premium-stat-item:nth-child(5) {
        border-top: 1px solid rgba(255, 255, 255, 0.08);
    }

    .premium-stat-item:nth-child(3)::after,
    .premium-stat-item:nth-child(5)::after {
        display: block;
    }

    .premium-stat-item:nth-child(5) {
        grid-column: span 2;
    }

    .premium-stat-value {
        font-size: 22px;
    }

    .premium-stat-label {
        font-size: 9px;
        letter-spacing: 0.6px;
    }
}

/* =====================================================
       SMALL MOBILE
       ===================================================== */

@media (max-width: 420px) {

    .premium-stats-container {
        padding: 0 5px;
    }

    .premium-stat-item {
        padding: 16px 7px;
    }

    .premium-stat-value {
        font-size: 20px;
    }

    .premium-stat-label {
        font-size: 8px;
    }
}



















.header {

    background-color: #071525;
}

body {
    background-color: #fff;

}


/* ================================
       PREMIUM DIFFERENCE SECTION
       ================================ */

.premium-difference {
    position: relative;
    overflow: hidden;
    margin-top: 70px;
    margin-bottom: 70px;
    padding: 0 20px;
}

.premium-difference * {
    box-sizing: border-box;
}

.premium-difference-inner {
    position: relative;
    max-width: 1240px;
    margin: 0 auto;
    min-height: 520px;
    display: flex;
    align-items: stretch;
    overflow: hidden;
    border-radius: 28px;
    background:
        radial-gradient(circle at 85% 15%, rgba(212, 175, 55, 0.13), transparent 28%),
        radial-gradient(circle at 15% 90%, rgba(255, 255, 255, 0.035), transparent 25%),
        #0b1018;
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow:
        0 30px 80px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

/* Decorative glow */
.premium-difference-inner::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    right: -180px;
    top: -180px;
    border-radius: 50%;
    background: rgba(212, 175, 55, 0.07);
    filter: blur(30px);
    pointer-events: none;
}

.premium-difference-inner::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: linear-gradient(90deg,
            transparent,
            rgba(212, 175, 55, 0.45),
            transparent);
}

/* ================================
       LEFT CONTENT
       ================================ */

.premium-difference-content {
    position: relative;
    z-index: 2;
    width: 55%;
    padding: 68px 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.premium-difference-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
    margin-bottom: 22px;
    padding: 8px 14px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.08);
    border: 1px solid rgba(212, 175, 55, 0.22);
    color: #d4af37;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.premium-difference-eyebrow::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #d4af37;
    box-shadow: 0 0 12px rgba(212, 175, 55, 0.8);
}

.premium-difference-title {
    margin: 0 0 18px;
    color: #ffffff;
    font-size: clamp(34px, 4vw, 52px);
    line-height: 1.08;
    font-weight: 700;
    letter-spacing: -1.5px;
}

.premium-difference-title span {
    color: #d4af37;
}

.premium-difference-description {
    max-width: 570px;
    margin: 0 0 32px;
    color: rgba(255, 255, 255, 0.62);
    font-size: 15px;
    line-height: 1.8;
}

/* ================================
       FEATURE GRID
       ================================ */

.premium-difference-features {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    max-width: 650px;
}

.premium-difference-feature {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 13px;
    padding: 15px 16px;
    min-height: 74px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.065);
    transition: all 0.3s ease;
}

.premium-difference-feature:hover {
    transform: translateY(-3px);
    background: rgba(212, 175, 55, 0.06);
    border-color: rgba(212, 175, 55, 0.24);
}

.premium-difference-check {
    flex: 0 0 27px;
    width: 27px;
    height: 27px;
    margin-top: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient(145deg,
            #f1d477,
            #b88b18);
    color: #10151d;
    font-size: 13px;
    font-weight: 900;
    box-shadow: 0 5px 18px rgba(212, 175, 55, 0.16);
}

.premium-difference-feature-text {
    color: rgba(255, 255, 255, 0.82);
    font-size: 13px;
    line-height: 1.55;
    font-weight: 500;
}

/* ================================
       RIGHT VISUAL
       ================================ */

.premium-difference-visual {
    position: relative;
    z-index: 1;
    width: 45%;
    min-height: 520px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 45px;
    background:
        linear-gradient(135deg,
            rgba(255, 255, 255, 0.025),
            rgba(255, 255, 255, 0.005));
    border-left: 1px solid rgba(255, 255, 255, 0.07);
}

/* ================================
       VISUAL CARD
       ================================ */

.difference-dashboard {
    position: relative;
    width: 100%;
    max-width: 410px;
    padding: 26px;
    border-radius: 22px;
    background:
        linear-gradient(145deg,
            rgba(255, 255, 255, 0.09),
            rgba(255, 255, 255, 0.025));
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow:
        0 25px 60px rgba(0, 0, 0, 0.38),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(12px);
}

.difference-dashboard::before {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    right: -70px;
    top: -70px;
    border-radius: 50%;
    background: rgba(212, 175, 55, 0.12);
    filter: blur(35px);
    z-index: -1;
}

.difference-dashboard-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.difference-dashboard-title {
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
}

.difference-status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #d4af37;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.difference-status::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #d4af37;
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.8);
}

/* Main visual */
.difference-main-icon {
    width: 92px;
    height: 92px;
    margin: 10px auto 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 24px;
    background:
        linear-gradient(145deg,
            rgba(212, 175, 55, 0.2),
            rgba(212, 175, 55, 0.04));
    border: 1px solid rgba(212, 175, 55, 0.3);
    box-shadow:
        0 15px 35px rgba(0, 0, 0, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.difference-main-icon svg {
    width: 47px;
    height: 47px;
    fill: none;
    stroke: #d4af37;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.difference-main-heading {
    margin: 0 0 8px;
    text-align: center;
    color: #ffffff;
    font-size: 22px;
    font-weight: 700;
}

.difference-main-text {
    margin: 0 auto 25px;
    max-width: 300px;
    text-align: center;
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
    line-height: 1.65;
}

/* Stats */
.difference-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin-top: 20px;
}

.difference-stat {
    padding: 14px 8px;
    text-align: center;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.difference-stat-number {
    display: block;
    margin-bottom: 4px;
    color: #d4af37;
    font-size: 17px;
    font-weight: 700;
}

.difference-stat-label {
    display: block;
    color: rgba(255, 255, 255, 0.42);
    font-size: 9px;
    line-height: 1.3;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* ================================
       BOTTOM TRUST LINE
       ================================ */

.difference-trust {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 28px;
    color: rgba(255, 255, 255, 0.38);
    font-size: 11px;
}

.difference-trust-line {
    width: 35px;
    height: 1px;
    background: rgba(212, 175, 55, 0.45);
}

/* ================================
       RESPONSIVE
       ================================ */

@media (max-width: 991px) {

    .premium-difference {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .premium-difference-inner {
        flex-direction: column;
    }

    .premium-difference-content,
    .premium-difference-visual {
        width: 100%;
    }

    .premium-difference-content {
        padding: 55px 45px 40px;
    }

    .premium-difference-visual {
        min-height: 450px;
        padding: 40px;
        border-left: 0;
        border-top: 1px solid rgba(255, 255, 255, 0.07);
    }
}

@media (max-width: 767px) {

    .premium-difference {
        padding: 0 15px;
        margin-top: 35px;
        margin-bottom: 35px;
    }

    .premium-difference-inner {
        border-radius: 20px;
    }

    .premium-difference-content {
        padding: 40px 25px 30px;
    }

    .premium-difference-title {
        font-size: 34px;
        letter-spacing: -1px;
    }

    .premium-difference-description {
        font-size: 14px;
        line-height: 1.7;
    }

    .premium-difference-features {
        grid-template-columns: 1fr;
    }

    .premium-difference-feature {
        min-height: auto;
    }

    .premium-difference-visual {
        min-height: 420px;
        padding: 25px 20px 40px;
    }

    .difference-dashboard {
        padding: 22px 18px;
    }

    .difference-main-icon {
        width: 80px;
        height: 80px;
    }

    .difference-main-heading {
        font-size: 20px;
    }
}

@media (max-width: 420px) {

    .premium-difference-title {
        font-size: 30px;
    }

    .premium-difference-eyebrow {
        font-size: 9px;
        letter-spacing: 1.4px;
    }

    .difference-stats {
        gap: 5px;
    }

    .difference-stat {
        padding: 12px 5px;
    }

    .difference-stat-number {
        font-size: 15px;
    }

    .difference-stat-label {
        font-size: 8px;
    }
}








































/* =========================================
       PREMIUM MARKETS CTA
       ========================================= */

.premium-markets-section {
    position: relative;
    overflow: hidden;
    margin: 70px auto;
    padding: 0 20px;
}

.premium-markets-section * {
    box-sizing: border-box;
}

.premium-markets-wrapper {
    position: relative;
    max-width: 1240px;
    min-height: 500px;
    margin: 0 auto;
    padding: 70px 65px;
    overflow: hidden;
    border-radius: 28px;
    background:
        radial-gradient(circle at 90% 10%,
            rgba(212, 175, 55, 0.15),
            transparent 30%),
        radial-gradient(circle at 5% 100%,
            rgba(212, 175, 55, 0.07),
            transparent 30%),
        #0b1018;
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow:
        0 30px 80px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

/* Decorative grid */
.premium-markets-wrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.025) 1px,
            transparent 1px),
        linear-gradient(90deg,
            rgba(255, 255, 255, 0.025) 1px,
            transparent 1px);
    background-size: 55px 55px;
    mask-image: linear-gradient(to right,
            transparent 0%,
            black 45%,
            black 100%);
    -webkit-mask-image: linear-gradient(to right,
            transparent 0%,
            black 45%,
            black 100%);
    pointer-events: none;
}

/* Gold line */
.premium-markets-wrapper::after {
    content: "";
    position: absolute;
    left: 12%;
    right: 12%;
    bottom: 0;
    height: 1px;
    background: linear-gradient(90deg,
            transparent,
            rgba(212, 175, 55, 0.55),
            transparent);
}

/* =========================================
       MAIN LAYOUT
       ========================================= */

.premium-markets-layout {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    gap: 70px;
    align-items: center;
}

/* =========================================
       LEFT SIDE
       ========================================= */

.premium-markets-copy {
    position: relative;
}

.premium-markets-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 20px;
    padding: 8px 14px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.08);
    border: 1px solid rgba(212, 175, 55, 0.23);
    color: #d4af37;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.premium-markets-eyebrow::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #d4af37;
    box-shadow:
        0 0 10px rgba(212, 175, 55, 0.85);
}

.premium-markets-title {
    margin: 0 0 20px;
    color: #ffffff;
    font-size: clamp(36px, 4vw, 52px);
    line-height: 1.08;
    letter-spacing: -1.6px;
    font-weight: 700;
}

.premium-markets-title span {
    color: #d4af37;
}

.premium-markets-description {
    max-width: 520px;
    margin: 0 0 30px;
    color: rgba(255, 255, 255, 0.58);
    font-size: 15px;
    line-height: 1.8;
}

/* =========================================
       CTA BUTTONS
       ========================================= */

.premium-markets-buttons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 8px;
}

.premium-markets-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: 145px;
    height: 48px;
    padding: 0 22px;
    border-radius: 9px;
    text-decoration: none !important;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        background 0.3s ease;
}

.premium-markets-btn:hover {
    transform: translateY(-3px);
}

.premium-markets-btn-primary {
    color: #11151c !important;
    background: linear-gradient(135deg,
            #f0d477,
            #c69a2b);
    box-shadow:
        0 10px 25px rgba(212, 175, 55, 0.18);
}

.premium-markets-btn-primary:hover {
    color: #11151c !important;
    box-shadow:
        0 14px 32px rgba(212, 175, 55, 0.3);
}

.premium-markets-btn-secondary {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.15);
}

.premium-markets-btn-secondary:hover {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(212, 175, 55, 0.4);
}

.premium-markets-btn-arrow {
    font-size: 15px;
    transition: transform 0.3s ease;
}

.premium-markets-btn:hover .premium-markets-btn-arrow {
    transform: translateX(4px);
}

/* =========================================
       MARKET PANEL
       ========================================= */

.premium-markets-panel {
    position: relative;
    padding: 25px;
    border-radius: 22px;
    background:
        linear-gradient(145deg,
            rgba(255, 255, 255, 0.085),
            rgba(255, 255, 255, 0.025));
    border: 1px solid rgba(255, 255, 255, 0.11);
    box-shadow:
        0 25px 60px rgba(0, 0, 0, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(14px);
}

.premium-markets-panel::before {
    content: "";
    position: absolute;
    width: 190px;
    height: 190px;
    right: -70px;
    top: -70px;
    border-radius: 50%;
    background: rgba(212, 175, 55, 0.1);
    filter: blur(40px);
    pointer-events: none;
}

/* =========================================
       PANEL HEADER
       ========================================= */

.premium-market-header {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 18px;
    margin-bottom: 18px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.premium-market-header-title {
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
}

.premium-market-live {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #d4af37;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.premium-market-live::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #d4af37;
    box-shadow: 0 0 9px rgba(212, 175, 55, 0.9);
}

/* =========================================
       MARKET CARDS
       ========================================= */

.premium-market-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.premium-market-card {
    position: relative;
    min-height: 118px;
    padding: 18px;
    overflow: hidden;
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.06);
    transition:
        transform 0.3s ease,
        border-color 0.3s ease,
        background 0.3s ease;
}

.premium-market-card:hover {
    transform: translateY(-4px);
    background: rgba(212, 175, 55, 0.055);
    border-color: rgba(212, 175, 55, 0.25);
}

.premium-market-icon {
    width: 34px;
    height: 34px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    background: rgba(212, 175, 55, 0.1);
    border: 1px solid rgba(212, 175, 55, 0.18);
    color: #d4af37;
    font-size: 14px;
    font-weight: 800;
}

.premium-market-name {
    display: block;
    margin-bottom: 4px;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
}

.premium-market-type {
    display: block;
    color: rgba(255, 255, 255, 0.38);
    font-size: 9px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

/* =========================================
       BOTTOM INFO
       ========================================= */

.premium-market-footer {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-top: 14px;
    padding: 14px 16px;
    border-radius: 10px;
    background: rgba(212, 175, 55, 0.055);
    border: 1px solid rgba(212, 175, 55, 0.1);
}

.premium-market-footer-text {
    color: rgba(255, 255, 255, 0.5);
    font-size: 10px;
    line-height: 1.5;
}

.premium-market-footer-highlight {
    color: #d4af37;
    font-weight: 700;
    white-space: nowrap;
    font-size: 10px;
}

/* =========================================
       RESPONSIVE
       ========================================= */

@media (max-width: 991px) {

    .premium-markets-section {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .premium-markets-wrapper {
        padding: 55px 45px;
    }

    .premium-markets-layout {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .premium-markets-copy {
        max-width: 700px;
    }

    .premium-markets-description {
        max-width: 650px;
    }
}

@media (max-width: 767px) {

    .premium-markets-section {
        padding: 0 15px;
        margin-top: 35px;
        margin-bottom: 35px;
    }

    .premium-markets-wrapper {
        padding: 40px 25px;
        border-radius: 20px;
    }

    .premium-markets-title {
        font-size: 34px;
        letter-spacing: -1px;
    }

    .premium-markets-description {
        font-size: 14px;
        line-height: 1.7;
    }

    .premium-markets-buttons {
        flex-direction: column;
        align-items: stretch;
    }

    .premium-markets-btn {
        width: 100%;
    }

    .premium-markets-panel {
        padding: 18px;
    }

    .premium-market-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 450px) {

    .premium-markets-title {
        font-size: 30px;
    }

    .premium-market-grid {
        grid-template-columns: 1fr;
    }

    .premium-market-card {
        min-height: 95px;
    }

    .premium-market-footer {
        align-items: flex-start;
        flex-direction: column;
    }

    .premium-market-footer-highlight {
        white-space: normal;
    }
}


















































/* =========================================
       PREMIUM ACCOUNT SECTION
       ========================================= */

.premium-accounts-section {
    position: relative;
    overflow: hidden;
    margin: 75px auto;
    padding: 0 20px;
}

.premium-accounts-section * {
    box-sizing: border-box;
}

.premium-accounts-wrapper {
    position: relative;
    max-width: 1280px;
    margin: 0 auto;
    padding: 70px 55px 75px;
    overflow: hidden;
    border-radius: 30px;
    background:
        radial-gradient(circle at 50% 0%,
            rgba(212, 175, 55, 0.09),
            transparent 32%),
        #080d14;
    border: 1px solid rgba(255, 255, 255, 0.07);
    box-shadow:
        0 30px 90px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

/* =========================================
       DECORATIVE GRID
       ========================================= */

.premium-accounts-wrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.018) 1px,
            transparent 1px),
        linear-gradient(90deg,
            rgba(255, 255, 255, 0.018) 1px,
            transparent 1px);
    background-size: 60px 60px;
    mask-image: linear-gradient(to bottom,
            black,
            transparent 85%);
    -webkit-mask-image: linear-gradient(to bottom,
            black,
            transparent 85%);
    pointer-events: none;
}

/* =========================================
       HEADER
       ========================================= */

.premium-accounts-header {
    position: relative;
    z-index: 2;
    max-width: 720px;
    margin: 0 auto 48px;
    text-align: center;
}

.premium-accounts-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 18px;
    padding: 8px 15px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.07);
    border: 1px solid rgba(212, 175, 55, 0.2);
    color: #d4af37;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.premium-accounts-eyebrow::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #d4af37;
    box-shadow:
        0 0 10px rgba(212, 175, 55, 0.8);
}

.premium-accounts-title {
    margin: 0 0 16px;
    color: #ffffff;
    font-size: clamp(34px, 4vw, 50px);
    line-height: 1.08;
    font-weight: 700;
    letter-spacing: -1.5px;
}

.premium-accounts-title span {
    color: #d4af37;
}

.premium-accounts-description {
    margin: 0;
    color: rgba(255, 255, 255, 0.52);
    font-size: 14px;
    line-height: 1.8;
}

/* =========================================
       ACCOUNT GRID
       ========================================= */

.premium-account-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    align-items: stretch;
}

/* =========================================
       ACCOUNT CARD
       ========================================= */

.premium-account-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
    border-radius: 20px;
    background:
        linear-gradient(145deg,
            rgba(255, 255, 255, 0.065),
            rgba(255, 255, 255, 0.018));
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow:
        0 18px 40px rgba(0, 0, 0, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.035);
    transition:
        transform 0.35s ease,
        border-color 0.35s ease,
        box-shadow 0.35s ease;
}

.premium-account-card:hover {
    transform: translateY(-7px);
    border-color: rgba(212, 175, 55, 0.28);
    box-shadow:
        0 25px 55px rgba(0, 0, 0, 0.28),
        0 0 35px rgba(212, 175, 55, 0.045);
}

/* =========================================
       POPULAR CARD
       ========================================= */

.premium-account-card.featured {
    border-color: rgba(212, 175, 55, 0.45);
    background:
        radial-gradient(circle at 50% 0%,
            rgba(212, 175, 55, 0.09),
            transparent 40%),
        linear-gradient(145deg,
            rgba(255, 255, 255, 0.08),
            rgba(255, 255, 255, 0.02));
    box-shadow:
        0 25px 65px rgba(0, 0, 0, 0.32),
        0 0 45px rgba(212, 175, 55, 0.06);
    transform: translateY(-10px);
}

.premium-account-card.featured:hover {
    transform: translateY(-15px);
}

/* =========================================
       POPULAR BADGE
       ========================================= */

.premium-account-popular {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 5;
    transform: translate(-50%, -1px);
    padding: 7px 18px;
    border-radius: 0 0 10px 10px;
    background: linear-gradient(135deg,
            #f0d477,
            #c69a2b);
    color: #10151c;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    box-shadow:
        0 7px 20px rgba(212, 175, 55, 0.18);
}

/* =========================================
       CARD HEADER
       ========================================= */

.premium-account-header {
    position: relative;
    padding: 30px 25px 24px;
    text-align: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.premium-account-card.featured .premium-account-header {
    padding-top: 43px;
}

.premium-account-label {
    display: block;
    margin-bottom: 7px;
    color: rgba(255, 255, 255, 0.38);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.premium-account-name {
    margin: 0;
    color: #ffffff;
    font-size: 25px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.premium-account-card.featured .premium-account-name {
    color: #d4af37;
}

/* =========================================
       PRICE
       ========================================= */

.premium-account-price {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 3px;
    min-height: 90px;
    padding: 25px 15px 18px;
    text-align: center;
}

.premium-account-currency {
    margin-bottom: 15px;
    color: #d4af37;
    font-size: 18px;
    font-weight: 600;
}

.premium-account-number {
    color: #ffffff;
    font-size: 52px;
    line-height: 0.9;
    font-weight: 700;
    letter-spacing: -2px;
}

.premium-account-price-info {
    max-width: 95px;
    margin-bottom: 4px;
    color: rgba(255, 255, 255, 0.4);
    font-size: 9px;
    line-height: 1.35;
    text-align: left;
}

/* =========================================
       FEATURES
       ========================================= */

.premium-account-features {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 5px 25px 10px;
    flex: 1;
}

.premium-account-feature {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 13px 0;
    color: rgba(255, 255, 255, 0.67);
    font-size: 12px;
    line-height: 1.4;
    border-bottom: 1px solid rgba(255, 255, 255, 0.055);
}

.premium-account-feature:last-child {
    border-bottom: 0;
}

.premium-account-check {
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(212, 175, 55, 0.1);
    border: 1px solid rgba(212, 175, 55, 0.22);
    color: #d4af37;
    font-size: 10px;
    font-weight: 800;
}

/* =========================================
       BUTTON
       ========================================= */

.premium-account-action {
    padding: 20px 25px 25px;
}

.premium-account-button {
    width: 100%;
    height: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    border-radius: 9px;
    text-decoration: none !important;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.6px;
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        background 0.3s ease;
}

.premium-account-button-primary {
    color: #10151c !important;
    background: linear-gradient(135deg, #f0d477, #c69a2b);
    box-shadow: 0 9px 24px rgba(212, 175, 55, 0.14);
    width: auto;
    padding: 28px;
    MAX-WIDTH: 220px;
}

.premium-account-button-primary:hover {
    color: #10151c !important;
    transform: translateY(-2px);
    box-shadow:
        0 13px 30px rgba(212, 175, 55, 0.25);
}

.premium-account-button-secondary {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.13);
}

.premium-account-button-secondary:hover {
    color: #ffffff !important;
    background: rgba(212, 175, 55, 0.07);
    border-color: rgba(212, 175, 55, 0.3);
    transform: translateY(-2px);
}

/* =========================================
       FOOTNOTE
       ========================================= */

.premium-account-note {
    position: relative;
    z-index: 2;
    margin: 30px auto 0;
    text-align: center;
    color: rgba(255, 255, 255, 0.3);
    font-size: 10px;
    line-height: 1.6;
}

.premium-account-note span {
    color: rgba(212, 175, 55, 0.65);
}

/* =========================================
       RESPONSIVE
       ========================================= */

@media (max-width: 1100px) {

    .premium-accounts-wrapper {
        padding: 60px 30px 65px;
    }

    .premium-account-grid {
        gap: 12px;
    }

    .premium-account-header,
    .premium-account-features,
    .premium-account-action {
        padding-left: 20px;
        padding-right: 20px;
    }

    .premium-account-number {
        font-size: 46px;
    }

    .premium-account-price-info {
        font-size: 8px;
    }
}

@media (max-width: 900px) {

    .premium-account-grid {
        grid-template-columns: 1fr;
        max-width: 520px;
        margin: 0 auto;
        gap: 20px;
    }

    .premium-account-card.featured {
        transform: none;
        order: -1;
    }

    .premium-account-card.featured:hover {
        transform: translateY(-7px);
    }

    .premium-account-header {
        padding-top: 32px;
    }

    .premium-account-card.featured .premium-account-header {
        padding-top: 45px;
    }
}

@media (max-width: 767px) {

    .premium-accounts-section {
        padding: 0 15px;
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .premium-accounts-wrapper {
        padding: 45px 20px 50px;
        border-radius: 21px;
    }

    .premium-accounts-title {
        font-size: 34px;
        letter-spacing: -1px;
    }

    .premium-accounts-description {
        font-size: 13px;
    }

    .premium-account-grid {
        max-width: 100%;
    }

    .premium-account-number {
        font-size: 50px;
    }
}

@media (max-width: 420px) {

    .premium-accounts-title {
        font-size: 30px;
    }

    .premium-account-header,
    .premium-account-features,
    .premium-account-action {
        padding-left: 18px;
        padding-right: 18px;
    }

    .premium-account-name {
        font-size: 22px;
    }
}























































/* =========================================
       PREMIUM ACCOUNT OPENING
       ========================================= */

.premium-steps-section {
    position: relative;
    overflow: hidden;
    margin: 0px;
    padding: 0 20px;
}

.premium-steps-section * {
    box-sizing: border-box;
}

.premium-steps-wrapper {
    position: relative;
    max-width: 1240px;
    margin: 0 auto;
    padding: 70px 55px 65px;
    overflow: hidden;
    border-radius: 30px;
    background:
        radial-gradient(circle at 50% 0%,
            rgba(212, 175, 55, 0.10),
            transparent 35%),
        radial-gradient(circle at 100% 100%,
            rgba(212, 175, 55, 0.055),
            transparent 30%),
        #080d14;
    border: 1px solid rgba(255, 255, 255, 0.075);
    box-shadow:
        0 30px 90px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

/* =========================================
       BACKGROUND GRID
       ========================================= */

.premium-steps-wrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.018) 1px,
            transparent 1px),
        linear-gradient(90deg,
            rgba(255, 255, 255, 0.018) 1px,
            transparent 1px);
    background-size: 60px 60px;
    mask-image: linear-gradient(to bottom,
            black,
            transparent 90%);
    -webkit-mask-image: linear-gradient(to bottom,
            black,
            transparent 90%);
    pointer-events: none;
}

.premium-steps-wrapper::after {
    content: "";
    position: absolute;
    left: 12%;
    right: 12%;
    bottom: 0;
    height: 1px;
    background: linear-gradient(90deg,
            transparent,
            rgba(212, 175, 55, 0.5),
            transparent);
}

/* =========================================
       HEADER
       ========================================= */

.premium-steps-header {
    position: relative;
    z-index: 2;
    max-width: 720px;
    margin: 0 auto 52px;
    text-align: center;
}

.premium-steps-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 18px;
    padding: 8px 15px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.07);
    border: 1px solid rgba(212, 175, 55, 0.21);
    color: #d4af37;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.premium-steps-eyebrow::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #d4af37;
    box-shadow:
        0 0 10px rgba(212, 175, 55, 0.8);
}

.premium-steps-title {
    margin: 0 0 15px;
    color: #ffffff;
    font-size: clamp(34px, 4vw, 50px);
    line-height: 1.08;
    font-weight: 700;
    letter-spacing: -1.5px;
}

.premium-steps-title span {
    color: #d4af37;
}

.premium-steps-subtitle {
    margin: 0;
    color: rgba(255, 255, 255, 0.5);
    font-size: 14px;
    line-height: 1.8;
}

/* =========================================
       STEPS CONTAINER
       ========================================= */

.premium-steps-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

/* Connecting line */
.premium-steps-grid::before {
    content: "";
    position: absolute;
    top: 57px;
    left: 16.5%;
    right: 16.5%;
    height: 1px;
    background: linear-gradient(90deg,
            rgba(212, 175, 55, 0.15),
            rgba(212, 175, 55, 0.45),
            rgba(212, 175, 55, 0.15));
    z-index: 0;
}

/* =========================================
       STEP CARD
       ========================================= */

.premium-step-card {
    position: relative;
    z-index: 1;
    padding: 28px 25px 30px;
    text-align: center;
    border-radius: 20px;
    background:
        linear-gradient(145deg,
            rgba(255, 255, 255, 0.065),
            rgba(255, 255, 255, 0.018));
    border: 1px solid rgba(255, 255, 255, 0.075);
    box-shadow:
        0 18px 40px rgba(0, 0, 0, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.035);
    transition:
        transform 0.35s ease,
        border-color 0.35s ease,
        background 0.35s ease,
        box-shadow 0.35s ease;
}

.premium-step-card:hover {
    transform: translateY(-7px);
    border-color: rgba(212, 175, 55, 0.28);
    background:
        linear-gradient(145deg,
            rgba(212, 175, 55, 0.07),
            rgba(255, 255, 255, 0.02));
    box-shadow:
        0 25px 55px rgba(0, 0, 0, 0.27),
        0 0 35px rgba(212, 175, 55, 0.05);
}

/* =========================================
       NUMBER
       ========================================= */

.premium-step-number {
    position: relative;
    width: 66px;
    height: 66px;
    margin: 0 auto 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background:
        linear-gradient(145deg,
            rgba(212, 175, 55, 0.18),
            rgba(212, 175, 55, 0.045));
    border: 1px solid rgba(212, 175, 55, 0.38);
    box-shadow:
        0 10px 25px rgba(0, 0, 0, 0.25),
        0 0 25px rgba(212, 175, 55, 0.05);
}

.premium-step-number::before {
    content: "";
    position: absolute;
    inset: 6px;
    border-radius: 50%;
    border: 1px solid rgba(212, 175, 55, 0.12);
}

.premium-step-number span {
    position: relative;
    z-index: 2;
    color: #d4af37;
    font-size: 20px;
    font-weight: 700;
}

/* =========================================
       ICON
       ========================================= */

.premium-step-icon {
    width: 48px;
    height: 48px;
    margin: 0 auto 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.07);
}

.premium-step-icon svg {
    width: 25px;
    height: 25px;
    fill: none;
    stroke: #d4af37;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* =========================================
       STEP CONTENT
       ========================================= */

.premium-step-title {
    margin: 0 0 11px;
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
}

.premium-step-description {
    min-height: 66px;
    margin: 0;
    color: rgba(255, 255, 255, 0.48);
    font-size: 12px;
    line-height: 1.7;
}

/* =========================================
       STEP LABEL
       ========================================= */

.premium-step-label {
    display: inline-block;
    margin-top: 20px;
    padding: 6px 11px;
    border-radius: 50px;
    background: rgba(212, 175, 55, 0.06);
    color: rgba(212, 175, 55, 0.75);
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

/* =========================================
       CTA
       ========================================= */

.premium-steps-cta {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    margin-top: 42px;
}

.premium-steps-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    min-width: 205px;
    height: 51px;
    padding: 0 24px;
    border-radius: 9px;
    color: #10151c !important;
    background: linear-gradient(135deg,
            #f0d477,
            #c69a2b);
    box-shadow:
        0 12px 30px rgba(212, 175, 55, 0.18);
    text-decoration: none !important;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.7px;
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.premium-steps-button:hover {
    color: #10151c !important;
    transform: translateY(-3px);
    box-shadow:
        0 17px 38px rgba(212, 175, 55, 0.3);
}

.premium-steps-button-icon {
    width: 23px;
    height: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.12);
    font-size: 11px;
}

.premium-steps-button-arrow {
    font-size: 16px;
    transition: transform 0.3s ease;
}

.premium-steps-button:hover .premium-steps-button-arrow {
    transform: translateX(4px);
}

/* =========================================
       BOTTOM NOTE
       ========================================= */

.premium-steps-note {
    position: relative;
    z-index: 2;
    margin-top: 18px;
    text-align: center;
    color: rgba(255, 255, 255, 0.28);
    font-size: 9px;
}

/* =========================================
       RESPONSIVE
       ========================================= */

@media (max-width: 991px) {

    .premium-steps-wrapper {
        padding: 60px 35px;
    }

    .premium-steps-grid {
        gap: 14px;
    }

    .premium-step-card {
        padding-left: 18px;
        padding-right: 18px;
    }

    .premium-step-title {
        font-size: 18px;
    }
}

@media (max-width: 767px) {

    .premium-steps-section {
        padding: 0 15px;
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .premium-steps-wrapper {
        padding: 45px 20px 50px;
        border-radius: 21px;
    }

    .premium-steps-title {
        font-size: 34px;
        letter-spacing: -1px;
    }

    .premium-steps-subtitle {
        font-size: 13px;
    }

    .premium-steps-grid {
        grid-template-columns: 1fr;
        max-width: 480px;
        margin: 0 auto;
        gap: 15px;
    }

    .premium-steps-grid::before {
        display: none;
    }

    .premium-step-card {
        padding: 25px 25px 28px;
    }

    .premium-step-description {
        min-height: auto;
    }

    .premium-step-number {
        width: 60px;
        height: 60px;
    }

    .premium-steps-cta {
        margin-top: 30px;
    }

    .premium-steps-button {
        width: 100%;
        max-width: 300px;
    }
}

@media (max-width: 420px) {

    .premium-steps-title {
        font-size: 30px;
    }

    .premium-step-card {
        padding-left: 20px;
        padding-right: 20px;
    }
}



































/* ---------- TOP BAR ---------- */

.premium-topbar {
    width: 100%;
    background: #07111f;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    position: relative;
    z-index: 100;
}

.premium-topbar-inner {
    max-width: 1320px;
    margin: 0 auto;
    min-height: 44px;
    padding: 0 24px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

/* ---------- LEFT ---------- */

.premium-topbar-left {
    display: flex;
    align-items: center;
    gap: 0;
}

.premium-topbar-left a,
.premium-topbar-right a {
    position: relative;

    display: inline-flex;
    align-items: center;
    gap: 7px;

    padding: 0 18px;

    color: #b9c4d1;
    text-decoration: none;

    font-family: "Roboto", "Segoe UI", Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.2px;

    transition: all 0.25s ease;
}

.premium-topbar-left a:first-child {
    padding-left: 0;
}

.premium-topbar-left a:not(:last-child)::after,
.premium-topbar-right a:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);

    width: 1px;
    height: 14px;

    background: rgba(255, 255, 255, 0.10);
}

.premium-topbar-left a:hover,
.premium-topbar-right a:hover {
    color: #ffffff;
}

/* ---------- RIGHT ---------- */

.premium-topbar-right {
    display: flex;
    align-items: center;
    gap: 0;
}

.premium-topbar-right a:last-child {
    padding-right: 0;
}

/* ---------- ICON ---------- */

.premium-topbar-icon {
    width: 15px;
    height: 15px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #d9a441;
}

.premium-topbar-icon svg {
    width: 14px;
    height: 14px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* ---------- HIGHLIGHT ---------- */

.premium-topbar-highlight {
    color: #d9a441 !important;
    font-weight: 600 !important;
}

.premium-topbar-highlight:hover {
    color: #f0c15c !important;
}

/* ---------- LIVE SUPPORT ---------- */

.premium-live-support {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.premium-live-dot {
    width: 7px;
    height: 7px;

    border-radius: 50%;
    background: #35d39a;

    box-shadow: 0 0 0 3px rgba(53, 211, 154, 0.10);
}

/* ---------- MOBILE ---------- */

@media (max-width: 991px) {

    .premium-topbar-inner {
        min-height: 42px;
        padding: 0 18px;
    }

    .premium-topbar-left a,
    .premium-topbar-right a {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 11px;
    }

    .premium-topbar-left a:first-child {
        padding-left: 0;
    }

    .premium-topbar-right a:last-child {
        padding-right: 0;
    }
}

@media (max-width: 767px) {

    .premium-topbar-inner {
        justify-content: center;
    }

    .premium-topbar-left {
        display: none;
    }

    .premium-topbar-right {
        width: 100%;
        justify-content: center;
    }

    .premium-topbar-right a {
        font-size: 11px;
    }

    .premium-topbar-right a:first-child {
        padding-left: 0;
    }

    .premium-topbar-right a:last-child {
        padding-right: 0;
    }
}

@media (max-width: 420px) {

    .premium-topbar-right a {
        padding-left: 8px;
        padding-right: 8px;
    }

    .premium-topbar-right a:first-child {
        padding-left: 0;
    }

    .premium-topbar-right a:last-child {
        padding-right: 0;
    }

    .premium-topbar-icon {
        display: none;
    }
}











































/* =========================================
   PREMIUM HERO
========================================= */

.premium-hero {
    position: relative;
    min-height: 760px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background:
        radial-gradient(circle at 75% 40%, rgba(0, 168, 232, 0.10), transparent 32%),
        radial-gradient(circle at 90% 90%, rgba(215, 168, 75, 0.08), transparent 30%),
        #071525;
    color: #ffffff;
    font-family: 'Roboto', 'Arial', sans-serif;
}

/* Background grid */

.premium-hero-grid {
    position: absolute;
    inset: 0;
    opacity: 0.22;
    background-image:
        linear-gradient(rgba(255, 255, 255, .045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .045) 1px, transparent 1px);
    background-size: 70px 70px;
    mask-image: linear-gradient(to right, transparent 0%, black 45%, black 100%);
}

/* Glow */

.premium-hero-glow {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    filter: blur(10px);
}

.premium-hero-glow-1 {
    width: 500px;
    height: 500px;
    right: -150px;
    top: 80px;
    background: rgba(0, 168, 232, 0.08);
}

.premium-hero-glow-2 {
    width: 350px;
    height: 350px;
    left: -180px;
    bottom: -180px;
    background: rgba(215, 168, 75, 0.06);
}


/* =========================================
   CONTAINER
========================================= */

.premium-hero-container {
    position: relative;
    z-index: 2;
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(430px, .95fr);
    align-items: center;
    gap: 70px;
    padding-top: 70px;
    padding-bottom: 100px;
}


/* =========================================
   LEFT CONTENT
========================================= */

.premium-hero-content {
    max-width: 700px;
}

.premium-hero-eyebrow {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 25px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2.5px;
    color: #d7a84b;
}

.premium-hero-eyebrow-line {
    width: 35px;
    height: 1px;
    background: #d7a84b;
}

.premium-hero h1 {
    margin: 0 0 28px;
    font-size: clamp(48px, 5vw, 76px);
    line-height: 1.03;
    letter-spacing: -2px;
    font-weight: 700;
    color: #ffffff;
}

.premium-hero h1 span {
    color: #d7a84b;
}

.premium-hero-description {
    max-width: 620px;
    margin: 0 0 36px;
    color: rgba(255, 255, 255, .70);
    font-size: 18px;
    line-height: 1.75;
}

.premium-hero-description strong {
    color: #ffffff;
    font-weight: 600;
}


/* =========================================
   BUTTONS
========================================= */

.premium-hero-buttons {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    margin-bottom: 48px;
}

.premium-btn {
    min-height: 56px;
    padding: 0 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    border-radius: 5px;
    text-decoration: none !important;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .7px;
    transition: all .3s ease;
}

.premium-btn-primary {
    color: #071525 !important;
    background: #d7a84b;
    box-shadow: 0 12px 35px rgba(215, 168, 75, .18);
}

.premium-btn-primary:hover {
    background: #e4ba65;
    color: #071525 !important;
    transform: translateY(-3px);
    box-shadow: 0 15px 40px rgba(215, 168, 75, .28);
}

.premium-btn-arrow {
    font-size: 20px;
    line-height: 1;
}

.premium-btn-secondary {
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, .20);
    background: rgba(255, 255, 255, .04);
}

.premium-btn-secondary:hover {
    color: #ffffff !important;
    background: rgba(255, 255, 255, .09);
    border-color: rgba(215, 168, 75, .50);
    transform: translateY(-3px);
}


/* =========================================
   TRUST INDICATORS
========================================= */

.premium-hero-trust {
    display: flex;
    align-items: center;
    gap: 22px;
}

.premium-trust-item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.premium-trust-item strong {
    display: block;
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 3px;
}

.premium-trust-item span {
    display: block;
    color: rgba(255, 255, 255, .42);
    font-size: 10px;
}

.premium-trust-icon {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(215, 168, 75, .25);
    border-radius: 50%;
    background: rgba(215, 168, 75, .06);
}

.premium-trust-icon svg {
    width: 17px;
    height: 17px;
    fill: #d7a84b;
}

.premium-trust-divider {
    width: 1px;
    height: 30px;
    background: rgba(255, 255, 255, .12);
}


/* =========================================
   MARKET VISUAL
========================================= */

.premium-hero-visual {
    position: relative;
    min-height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.premium-market-card {
    width: 100%;
    max-width: 530px;
    padding: 25px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 18px;
    background:
        linear-gradient(145deg,
            rgba(255, 255, 255, .09),
            rgba(255, 255, 255, .025));
    box-shadow:
        0 35px 100px rgba(0, 0, 0, .40),
        inset 0 1px 0 rgba(255, 255, 255, .07);
    backdrop-filter: blur(20px);
    transform: perspective(1000px) rotateY(-3deg);
}


/* =========================================
   MARKET HEADER
========================================= */

.premium-market-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 22px;
}

.premium-market-label {
    display: block;
    color: #d7a84b;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 6px;
}

.premium-market-header strong {
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
}

.premium-live {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 7px 10px;
    border-radius: 20px;
    background: rgba(0, 200, 130, .08);
    color: #55d8a7;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1px;
}

.premium-live span {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #55d8a7;
    box-shadow: 0 0 10px rgba(85, 216, 167, .8);
}


/* =========================================
   CHART
========================================= */

.premium-chart {
    position: relative;
    height: 245px;
    overflow: hidden;
    border-radius: 10px;
    background: rgba(0, 0, 0, .12);
    border: 1px solid rgba(255, 255, 255, .05);
}

.premium-chart-svg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.chart-line {
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background: rgba(255, 255, 255, .055);
}

.chart-line-1 {
    top: 25%;
}

.chart-line-2 {
    top: 50%;
}

.chart-line-3 {
    top: 75%;
}

.premium-chart-price {
    position: absolute;
    left: 18px;
    bottom: 18px;
    z-index: 2;
}

.premium-chart-price span {
    display: block;
    margin-bottom: 5px;
    font-size: 9px;
    letter-spacing: 1.5px;
    color: rgba(255, 255, 255, .45);
}

.premium-chart-price strong {
    font-size: 25px;
    color: #d7a84b;
}


/* =========================================
   MARKET LIST
========================================= */

.premium-market-list {
    margin-top: 15px;
}

.premium-market-row {
    display: grid;
    grid-template-columns: 1.4fr 1fr .7fr;
    align-items: center;
    padding: 13px 8px;
    border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.premium-market-row:last-child {
    border-bottom: 0;
}

.market-symbol {
    display: block;
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
}

.premium-market-row small {
    display: block;
    margin-top: 3px;
    color: rgba(255, 255, 255, .38);
    font-size: 9px;
}

.premium-market-row>strong {
    color: rgba(255, 255, 255, .80);
    font-size: 12px;
}

.market-positive {
    text-align: right;
    color: #55d8a7;
    font-size: 11px;
    font-weight: 700;
}


/* =========================================
   FLOATING CARD
========================================= */

.premium-floating-card {
    position: absolute;
    left: -25px;
    bottom: 40px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 18px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 10px;
    background: rgba(8, 22, 37, .92);
    box-shadow: 0 20px 50px rgba(0, 0, 0, .35);
    backdrop-filter: blur(15px);
}

.premium-floating-icon {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(215, 168, 75, .12);
    color: #d7a84b;
    font-size: 16px;
    font-weight: 700;
}

.premium-floating-card strong {
    display: block;
    color: #ffffff;
    font-size: 11px;
    margin-bottom: 4px;
}

.premium-floating-card span {
    color: rgba(255, 255, 255, .45);
    font-size: 9px;
}


/* =========================================
   BOTTOM INDICATOR
========================================= */

.premium-hero-bottom {
    position: absolute;
    bottom: 28px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 15px;
    color: rgba(255, 255, 255, .30);
    font-size: 8px;
    letter-spacing: 2px;
    white-space: nowrap;
}

.premium-scroll-line {
    width: 50px;
    height: 1px;
    background: rgba(215, 168, 75, .55);
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .premium-hero {
        min-height: auto;
    }

    .premium-hero-container {
        grid-template-columns: 1fr;
        gap: 55px;
        padding-top: 80px;
        padding-bottom: 100px;
    }

    .premium-hero-content {
        max-width: 800px;
    }

    .premium-hero-visual {
        min-height: 450px;
    }

    .premium-market-card {
        max-width: 650px;
    }

    .premium-floating-card {
        left: calc(50% - 350px);
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .premium-hero {
        min-height: auto;
    }

    .premium-hero-container {
        padding-top: 65px;
        padding-bottom: 80px;
        gap: 40px;
    }

    .premium-hero-eyebrow {
        font-size: 9px;
        letter-spacing: 1.8px;
        margin-bottom: 20px;
    }

    .premium-hero h1 {
        font-size: 43px;
        letter-spacing: -1.5px;
        line-height: 1.08;
        margin-bottom: 22px;
    }

    .premium-hero-description {
        font-size: 15px;
        line-height: 1.65;
        margin-bottom: 28px;
    }

    .premium-hero-buttons {
        margin-bottom: 35px;
        flex-direction: column;
        align-items: stretch;
    }

    .premium-btn {
        width: 100%;
    }

    .premium-hero-trust {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px 15px;
    }

    .premium-trust-divider {
        display: none;
    }

    .premium-hero-visual {
        min-height: 400px;
        width: 100%;
    }

    .premium-market-card {
        padding: 17px;
        border-radius: 14px;
        transform: none;
    }

    .premium-chart {
        height: 190px;
    }

    .premium-floating-card {
        left: 10px;
        bottom: 5px;
        padding: 10px 13px;
    }

    .premium-floating-icon {
        width: 29px;
        height: 29px;
        font-size: 13px;
    }

    .premium-floating-card strong {
        font-size: 10px;
    }

    .premium-floating-card span {
        font-size: 8px;
    }

    .premium-hero-bottom {
        display: none;
    }

}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 420px) {

    .premium-hero h1 {
        font-size: 38px;
    }

    .premium-hero-trust {
        grid-template-columns: 1fr;
    }

    .premium-market-row {
        grid-template-columns: 1.3fr 1fr .8fr;
    }

    .premium-market-row>strong,
    .market-positive {
        font-size: 10px;
    }

}

























































.premium-stats-bar {
    width: 100%;
    position: relative;
    z-index: 5;

    background: #07111f;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);

    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
}

.premium-stats-container {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 24px;

    display: grid;
    grid-template-columns: repeat(5, 1fr);
}

/* =====================================================
       STAT ITEM
       ===================================================== */

.premium-stat-item {
    position: relative;

    min-height: 108px;
    padding: 22px 25px;

    display: flex;
    align-items: center;
    justify-content: center;

    text-align: center;

    transition: background 0.25s ease;
}

.premium-stat-item:not(:last-child)::after {
    content: "";

    position: absolute;
    right: 0;
    top: 24px;
    bottom: 24px;

    width: 1px;

    background: rgba(255, 255, 255, 0.09);
}

.premium-stat-item:hover {
    background: rgba(255, 255, 255, 0.025);
}

/* =====================================================
       CONTENT
       ===================================================== */

.premium-stat-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.premium-stat-value {
    display: block;

    margin-bottom: 5px;

    color: #ffffff;

    font-family: "Roboto", "Segoe UI", Arial, sans-serif;
    font-size: 27px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: -0.4px;
}

.premium-stat-value.gold {
    color: #d9a441;
}

.premium-stat-label {
    display: block;

    color: #9eacbc;

    font-family: "Roboto", "Segoe UI", Arial, sans-serif;
    font-size: 11px;
    line-height: 1.3;
    font-weight: 500;

    letter-spacing: 0.8px;
    text-transform: uppercase;
}

/* =====================================================
       ICON / MINI ACCENT
       ===================================================== */

.premium-stat-accent {
    width: 5px;
    height: 5px;

    margin-bottom: 9px;

    border-radius: 50%;

    background: #d9a441;

    box-shadow: 0 0 0 4px rgba(217, 164, 65, 0.08);
}

/* =====================================================
       LAST CTA STAT
       ===================================================== */

.premium-stat-cta {
    background: rgba(217, 164, 65, 0.045);
}

.premium-stat-cta .premium-stat-value {
    color: #d9a441;
}

.premium-stat-cta .premium-stat-label {
    color: #d9a441;
}

.premium-stat-cta:hover {
    background: rgba(217, 164, 65, 0.08);
}

/* =====================================================
       RESPONSIVE - TABLET
       ===================================================== */

@media (max-width: 991px) {

    .premium-stats-container {
        grid-template-columns: repeat(3, 1fr);
    }

    .premium-stat-item {
        min-height: 100px;
        padding: 20px 15px;
    }

    .premium-stat-value {
        font-size: 24px;
    }

    .premium-stat-label {
        font-size: 10px;
    }

    .premium-stat-item:nth-child(3)::after {
        display: none;
    }

    .premium-stat-item:nth-child(4),
    .premium-stat-item:nth-child(5) {
        border-top: 1px solid rgba(255, 255, 255, 0.08);
    }

    .premium-stat-item:nth-child(5) {
        grid-column: span 1;
    }
}

/* =====================================================
       RESPONSIVE - MOBILE
       ===================================================== */

@media (max-width: 767px) {

    .premium-stats-container {
        grid-template-columns: repeat(2, 1fr);
        padding: 0 10px;
    }

    .premium-stat-item {
        min-height: 92px;
        padding: 18px 10px;
    }

    .premium-stat-item::after {
        top: 18px;
        bottom: 18px;
    }

    .premium-stat-item:nth-child(2)::after,
    .premium-stat-item:nth-child(4)::after {
        display: none;
    }

    .premium-stat-item:nth-child(3),
    .premium-stat-item:nth-child(4),
    .premium-stat-item:nth-child(5) {
        border-top: 1px solid rgba(255, 255, 255, 0.08);
    }

    .premium-stat-item:nth-child(3)::after,
    .premium-stat-item:nth-child(5)::after {
        display: block;
    }

    .premium-stat-item:nth-child(5) {
        grid-column: span 2;
    }

    .premium-stat-value {
        font-size: 22px;
    }

    .premium-stat-label {
        font-size: 9px;
        letter-spacing: 0.6px;
    }
}

/* =====================================================
       SMALL MOBILE
       ===================================================== */

@media (max-width: 420px) {

    .premium-stats-container {
        padding: 0 5px;
    }

    .premium-stat-item {
        padding: 16px 7px;
    }

    .premium-stat-value {
        font-size: 20px;
    }

    .premium-stat-label {
        font-size: 8px;
    }
}










.site_imageLogo {
    width: 240px;
    margin-top: -10px;
}



#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator:after {

    color: rgb(240, 212, 119) !important;
}





section.premium-steps-section {
    background: #13171e;
}























/* =========================================================
   HOMEPAGE TYPOGRAPHY — applied to the legacy page sections
   Titles / body text / accents matched to the premium
   homepage scale. Light sections keep dark text, accents
   and icons use the theme gold instead of the old blue/green.
   ========================================================= */

/* --- Section headings ------------------------------------ */
h2.text-center,
.securities-global h2,
.trading-hours h2,
.payment h2,
.consize h2 {
    font-size: clamp(30px, 3.4vw, 46px);
    line-height: 1.1;
    font-weight: 700;
    letter-spacing: -1.3px;
    color: #0d1520;
}

/* --- Feature card headings / text ------------------------ */
.securities-global .securities-svg_card-title h2,
.securities-svg_card-title h2 {
    font-size: 21px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: -0.3px;
    color: #0d1520;
}

.securities-svg_card p {
    font-size: 14px;
    line-height: 1.7;
    color: #55606e;
}

/* --- Small "frame" cards --------------------------------- */
h2.n-title {
    font-family: "Poppins", sans-serif;
    font-size: 17px;
    line-height: 1.4;
    font-weight: 700;
    color: #d4af37;
}

p.n-textsmall {
    font-family: "Poppins", sans-serif;
    font-size: 13.5px;
    line-height: 1.7;
    color: #55606e;
}

/* keep the light text inside the dark skyline section */
.securities p.n-textsmall {
    color: rgba(255, 255, 255, 0.7);
}

/* --- Premium check-list cards ---------------------------- */
.premium_card-content_text p {
    font-size: 15px;
    line-height: 1.75;
    color: #55606e;
}

.premium_card-content_text h5 {
    font-size: 17px;
    font-weight: 700;
    color: #0d1520;
}

/* check icons: blue/green -> gold */
.premium_card-content_text svg.e-far-check-circle,
.premium_card-content_text svg.e-font-icon-svg {
    fill: #d4af37;
}