/*
Theme Name: Theforest
Author: Theforest
Author URI: https://www.guru.com
Version: 1.0
*/



/* Header Start */

.header.navbar {
    padding: 12px 0
}

.site_logo {
    display: block;
    max-width: 100%;
}

.site_imageLogo {
    width: 180px;
}

.success-message {
    color: green;
    font-weight: bold;
    margin-top: 10px;
}

.header {
    position: relative;
    background: transparent;
    width: 100%;
    top: 0;
    z-index: 1000;
    transition: all 0.2s ease-in-out;
    background-color: #ffffff;
    height: 120px;
}

.header nav {
    /* margin-top: 25px; */
}

/* .header--active {
    background-color: #161616b3;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
} */


.site_logo_mobile {
    display: none;
}

.header-imageLink {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    border-radius: 56px;
    padding: 8px;
    background: #ffffffe6;
    box-shadow: 0px 16px 32px -9px #6100ff80;
    margin-right: 24px;
    margin-top: 25px;
}

.header-imageLink img {
    max-width: 100%;
    width: 30px;
}

/* .authenticate,
.authenticated {
    margin-top: 25px;
} */

.authenticate .btn {
    padding: 8px 22px;
    background: unset;
    border: 1px solid;
    /* box-shadow: 0px 16px 32px -9px #6100ff80; */
    border-radius: 8px;
    /*border: unset;*/
    color: #ffffff;
    font-weight: 600;
    font-size: 16px;
    text-wrap: nowrap;
    width: 170px;
    max-width: 150px;
}

.authenticate .btn:active {
    color: white;
}

.authenticate .dropdown-menu {
    background-color: #ffffff;
    border: #1a56db solid 1px;
    border-radius: 8px;
    margin-top: 10px;
}

.authenticate li {
    padding: 10px 15px;
    border-bottom: 1.5px solid black;
}

.authenticate li:last-child {
    border-bottom: unset;
}

.authenticate .dropdown-item {
    color: #1a56db;
    font-weight: 500;
    font-size: 14px;
    padding: unset;
    transition: all 0.2s ease;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
    clear: both;
    font-weight: 400;
    color: var(--bs-dropdown-link-color);
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    border-radius: var(--bs-dropdown-item-border-radius, 0);
}

.authenticate .dropdown-item:hover {
    padding: unset;
    background-color: transparent;
}

.click-to-read-msg {
    text-decoration: none;
    color: white;
}

#notification_count {
    position: relative;
    background: #6d3ee4;
    color: white;
    font-size: 10px;
    top: -10px;
    padding: 3px 6px;
    border-radius: 30px;
}

.notifsmall {
    list-style: none;
    margin-left: 10px;
}

#toggleMenuAction {
    list-style: none;
    padding: unset;
    position: relative;
}

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

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

.smallLineInMenuBox {
    color: #635bff;
    text-transform: uppercase;
    font-size: 13px;
}

.smallLineInMenuBox a {
    color: #635bff;
    text-decoration: none;
}

.authenticate .btn.show,
.authenticate .btn:active {
    background-color: #ffffff;
    border: #1a56db solid 1px;
    color: #1a56db;
}

.authenticate .btn {
    background-color: #ffffff;
    padding: 10px 20px;
    border-radius: 8px;
    color: #1a56db;
    font-weight: 500;
    font-size: 16px;
    font-family: comfortaa, sans serif;
    transition: all 0.2s ease;
    border: #1a56db solid 1px;
}

.btnnewbluemain8 {
    padding: 22px 16px;
    color: #3e3e3e;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-decoration: none;
}

.btnnewplainmain9 {
    align-items: center;
    background-image: linear-gradient(90deg, #1f2bd3, #7f5bff, #7f5bff, #1f2bd3);
    background-size: 300% 100%;
    border-radius: 8000px;
    box-shadow: inset -1px -2px 10px 0 rgba(0, 0, 0, .3), inset 2px 1px 10px 0 hsla(0, 0%, 100%, .5), 0 2px 10px 0 rgba(165, 166, 255, .75);
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    justify-content: center;
    line-height: 24px;
    margin: 10px 0;
    padding: 12px 32px;
    text-align: center;
    text-decoration: none;
    transition: background-position .4s ease-in-out;
    white-space: normal;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    text-decoration: none;
}



.btnnewplainmain9:hover {
    background-position: 100% 0;
    color: #fff;
    text-decoration: none;
}

@media (max-width: 425px) {
    .btnnewbluemain8 {}
}

/* Header End */

/* General
--------------------------------------------------------------- */
.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;
}


.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: 0px;
    border: none;
    background: rgba(0, 0, 0, 0.5);
}

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


body {
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: white;
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    overflow-x: hidden;

}

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

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

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 200;
}

span {
    font-style: normal;
}

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

.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, .05);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 2px rgba(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: 0px;
}

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

.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 {
    background-color: #444;
}

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

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 15px;
    color: #888;
}

.topbar .navbar-brand {
    padding: 6px 15px 5px 15px;
    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: 375px;
    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: 0px;
}

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

    padding-top: 0px;
    padding-bottom: 0px;

}

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

footer a {
    color: #ddd;
    text-decoration: none;
}

footer a:hover {
    color: #fff;
    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) {
    .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 20px;
}

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

.homepage header p.lead {
    margin: 50px 0;
    margin-left: auto;
    margin-right: 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 0;
    background: #fff;
}

.homepage .steps {
    padding: 50px 0 40px 0;
    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, .05);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 2px rgba(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: 0px;
    margin-top: 20px;
    padding: 20px 20px 20px 20px;
    border-top-left-radius: 8px;
    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 0px;
    box-shadow: rgb(34, 34, 34) 2px 2px 10px 0px;
    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;
}



.tph_login_widget {

    width: 100% !important;
}


form .error {
    color: #b00;
}

.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;
    font-family: Roboto !important;
}

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: #f1f1f1;
    padding-bottom: 5px;
    top: 29px;
    right: 0px;
    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) {
    .menuBoxOpen {
        top: 39px;
    }

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

    #toggleMenuAction {
        /* display: none; */
    }

    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-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 10px;
    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;
    padding-bottom: 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 0px 5px 0px;
    margin: auto;
    font-family: Roboto;
}

.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%;
    }

    .global-options-row-img-box {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .global-options-row-img {
        display: flex;
        flex-direction: column;
        max-width: 50%;
        width: 50%;
        align-items: center;
    }

    .mega-toggle-animated {
        box-shadow: none;
    }

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

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

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

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

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

    ul.loggedInList li {
        top: 0px;
        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;
    font-family: Roboto;
    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: 0px;
    background: #f7cd34;
    border-color: #f7cd34;
    color: #fff;
    font-weight: bolder;
    text-align: center;
    margin: 15px 0;
    display: inline-block;
    border: 3px solid rgba(0, 0, 0, 0);
    text-decoration: none;
    font-size: 26px;
    padding: 8px 40px;
    margin: 35px 0;
}

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

#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 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;
    padding: 10px 50px;
    margin-bottom: 45px;
}

.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 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;
}
*/

.mega-wpml-ls-slot-26 {
    display: none !important;
}

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 0 !important;
    text-transform: inherit;
    font-size: 22px;
    color: #fff;
    padding: 0;
    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 0px 0px !important;
    clear: both;
    display: block;
    float: none !important;
    border: 0px;
    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: 0px;
}

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

}

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

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

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

.wpml-ls-legacy-dropdown a {
    border: 0px !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: 0px #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;
}

.asset-flag.oracle {
    background-position: -205px -1055px;
}





.asset-flag.qcom {
    background-position: -111px -1085px;
}

.asset-flag.nvta {
    background-position: -59px -1085px;
}

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




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



.asset-flag.fiverr {
    background-position: -155px -1080px;
}

.asset-flag.fyi {
    background-position: -125px -1230px;
}

.asset-flag.lend {
    background-position: -130px -1230px;
}

.btn-white {


    color:
        #fff;
    background-color:
        #18268F;
    border-color:
        #18268F;
    padding: 7px 20px 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 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;

    }


    .mobilenopadding {
        padding-left: 20px !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: #ffffffd1 !important;
    border: 1px solid #ffffff !important;
    border-radius: 10px !important;





}



a {
    color:
        #52afee;
    text-decoration: none;
}


a:hover {
    color:
        #337ab7;
    text-decoration: underline;
}





.titles-main {



    font-size: 32px;
    padding-top: 20px;
}



.input-lg {
    height: 46px !important;
    padding: 6px 16px !important;
    font-size: 14px !important;

}



label {

    font-weight: 300 !important;
}



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


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

@media (max-width: 990px) {
    .smalldontshow {
        display: none;
    }
}

.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.form-control {
    border: 0px solid white !important;
    border-bottom-color: white;
    border-bottom-style: solid;
    border-bottom-width: 0px;
    border-bottom-color: white;
    border-bottom-style: solid;
    border-bottom-width: 0px;
    border: 1px solid #c6c4c4 !important;
    background: white !important;
    border-radius: 2px !important;
}

.wpcf7-form-control.wpcf7-textarea.form-control {
    border: 0px solid white !important;
    border-bottom-color: white;
    border-bottom-style: solid;
    border-bottom-width: 0px;
    border-bottom-color: white;
    border-bottom-style: solid;
    border-bottom-width: 0px;
    border: 1px solid #c6c4c4 !important;
    background: white !important;
    border-radius: 2px !important;
}

textarea.form-control {
    height: 150px !important;
}

.wpcf7-form-control.wpcf7-submit.btn.btn-primary {
    background-color: #fff !important;
    border-radius: 5px !important;
    line-height: 2 !important;
    width: 40% !important;
    font-size: 17px !important;
    padding-bottom: 5px;
}


.alert-warning {
    color: #8a6d3b;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}

.wpcf7 p {
    color: #444141 !important;
}


form.wpcf7-form input,
form.wpcf7-form textarea {
    width: 92%;
    padding-bottom: 2x;
    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;
    padding-bottom: 6px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #000;
    background-color: #ffffff !important;
    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 .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .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: 20px auto 15px;
    margin-top: 20px;
    position: relative;
    height: 1px;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1, 1);
    margin-top: 15px;
    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 {

    background-color: #12161c !important;

    height: 120px !important;
}



.btn-default {
    background-color: #0b6c91;
    border-color: #0b6c91;
    padding: 7px 20px 7px 20px;
    color: white;
}

.signinrighttext {
    color: #000000;
    line-height: 2;
    font-family: 'Roboto', sans-serif;
    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: 0px;
    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, .06), 0 1px 5px 0 rgba(0, 0, 0, .08), 0 3px 1px -2px rgba(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, .06), 0 1px 5px 0 rgba(0, 0, 0, .08), 0 3px 1px -2px rgba(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, .06), 0 1px 5px 0 rgba(0, 0, 0, .08), 0 3px 1px -2px rgba(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: 0px !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;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .06), 0 1px 5px 0 rgba(0, 0, 0, .08), 0 3px 1px -2px rgba(0, 0, 0, .1);
}

.dynamic-panel {


    border: 2px solid !important;

    border-color: #404378 !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: 0px !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: 0px !important;
    border: #3fd530 !important;
    float: right !important;

    margin-right: 5px !important;

    height: 28px !important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .06), 0 1px 5px 0 rgba(0, 0, 0, .08), 0 3px 1px -2px rgba(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 {
    -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, .06), 0 1px 5px 0 rgba(0, 0, 0, .08), 0 3px 1px -2px rgba(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: 0px 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: 0px 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: 0px;
    top: 3px !important;
    height: 0px;
    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: 0px !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, .06), 0 1px 5px 0 rgba(0, 0, 0, .08), 0 3px 1px -2px rgba(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;
    margin-right: 0px;
    background-color: #fff;

    border: 1px solid #006397;

    color: #006397;
    border-radius: 4px;
    margin-right: 15px;
    text-transform: none;
    padding: 9px 12px 6px;
    line-height: 14px;
    height: 34px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(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, .55), 0 6px 21px 0 rgba(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, .55), 0 6px 21px 0 rgba(0, 0, 0, .33) !important;
}



.btn-login2 {

    display: inline-block;
    margin: 0;
    margin-right: 0px;
    background-color: #fff;

    border: 1px solid #006397;

    color: #006397;

    border-radius: 4px;
    margin-right: 15px;
    text-transform: none;
    padding: 9px 12px;
    line-height: 14px;

    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(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, .55), 0 6px 21px 0 rgba(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, .55), 0 6px 21px 0 rgba(0, 0, 0, .33) !important;
}




.btn-registration {
    color: #fff !important;
    display: inline-block;
    margin: 0;
    margin-right: 0px;
    background-color: #006397;
    border: 1px solid #006397;
    color: #fff;
    border-radius: 4px;
    margin-right: 15px;
    text-transform: none;
    padding: 9px 12px;
    line-height: 14px;
    font-size: 14px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(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, .55), 0 6px 21px 0 rgba(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, .55), 0 6px 21px 0 rgba(0, 0, 0, .33) !important;
}



.user-username {


    color: black;
}




.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-color: #12161c;
    min-height: 80px;
}


textarea.form-control {

    height: 150px !important;

}

#toggleMenuActionMobile {

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

    border-bottom: 0px #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: 5px !important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .06), 0 1px 5px 0 rgba(0, 0, 0, .08), 0 3px 1px -2px rgba(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, .06), 0 1px 5px 0 rgba(0, 0, 0, .08), 0 3px 1px -2px rgba(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, .06), 0 1px 5px 0 rgba(0, 0, 0, .08), 0 3px 1px -2px rgba(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: 0px !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;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .06), 0 1px 5px 0 rgba(0, 0, 0, .08), 0 3px 1px -2px rgba(0, 0, 0, .1);
}

.dynamic-panel {


    border: 2px solid !important;

    border-color: #404378 !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: 0px !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: 0px !important;
    border: #3fd530 !important;
    float: right !important;

    margin-right: 5px !important;

    height: 28px !important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .06), 0 1px 5px 0 rgba(0, 0, 0, .08), 0 3px 1px -2px rgba(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 {
    -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, .06), 0 1px 5px 0 rgba(0, 0, 0, .08), 0 3px 1px -2px rgba(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: 0px 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: #ffc200 !important;

    margin-left: 10px !important;

    font-size: 13px !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: 0px 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: 0px;
    top: 3px !important;
    height: 0px;
    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: 0px !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, .06), 0 1px 5px 0 rgba(0, 0, 0, .08), 0 3px 1px -2px rgba(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;

}










/*------------------------------------------------------------------------------------------*/



.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 30PX !important;
    font-size: 24px !important;
}

.btnhomewhite {
    color: #fff !important;
    font-weight: 400 !important;
    background: #f5222d00 !important;
    border: 1px solid #fff !important;
    padding: 13px 30PX !important;
    font-size: 24px !important;
}




.btnhomewhite2 {
    color: #142056 !important;
    font-weight: 400 !important;
    background: #fff !important;
    border: 1px solid #fff !important;
    padding: 13px 30PX !important;
    font-size: 18px !important;
    border-radius: 0px;
}



.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 {}



.form-control::placeholder {
    color: white !important;
}

.fa.fa-search {
    color: white !important;
}

#autoSearchautocomplete-list>div {

    color: white !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 --------------------------------------------------------------*/



body {
    font-family: Open Sans, -apple-system, BlinkMacSystemFont, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, BitcoinFont;
}


.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% - 75rem)/2);
    padding-top: 0px;
    padding-bottom: 0px;
}

.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: 18px !important;


}

.textsize19c {
    font-weight: 300;
    line-height: 1.5;
    font-size: 14px !important;
    text-align: center;
    color: black;

}

.textsize19bc {
    font-weight: 300;
    line-height: 1.5;
    font-size: 19px !important;
    color: black;
    text-align: center;
}

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

.btnnewblue22 {
    opacity: 1;
    background-color: #000;
    border-color: #000;
    padding: 13px 40px;
    font-size: 19px;
    color: white !important;
    text-decoration: none !important;
    border-radius: 5px;
}

.btnnewblue:hover {

    background-color: #4ecc23;
    border-color: #4ecc23;

}

.fullsize {

    width: 100vw;
    position: relative;
    margin-left: -50vw;
    margin-top: 20px;
    left: 50%;

}



.btnnewbluemain {
    opacity: 1;
    padding: 12px 35px;
    color: white !important;
    text-decoration: none !important;
    border-radius: 0px;
    background-color: #0fbf04;
    font-weight: 600;
    font-size: 14px;
}

.btnnewbluemain:hover {

    background-color: #0fbf04e8;


}


.btnnewplainmain {
    opacity: 1;


    padding: 8px 30px;
    color: white !important;
    text-decoration: none !important;

}


.btnnewplainmain:hover {



    color: white !important;
    border-bottom: 2px solid #52afee;
}

.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;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .11);
    padding-bottom: 10px;
}



@media (max-width: 767px) {
    .mobileoff {
        display: none;
    }
}



.form-group {

    color: #000;
}




/* .mega-wpml-ls-current-language
{ 
display: none !important;} */
p.footdisc.color-offwhite {
    font-size: 11px;
    color: #888;
}






.tph_submit_button {
    font-weight: bold !important;
    background: #ffffff00 !important;
    border: 0px 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;
}

input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email.form-control {
    color: black;
}





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


.top_fund_button {

    display: none !important;

    color: #fff !important;
}

#depositFundPopUp .modal-header,
#depositFundPopUp .modal-footer {
    border-color: #535050 !important;
}

.page-template-page-trading #tph_site_header .user-username,
.page-template-page-trading #toggleMenuActionMobile {
    color: #333 !important;
}

.page-template-page-deposit-popup {
    background: #0F273F;
}

#mega-menu-primary .mega-menu-item .mega-sub-menu .mega-menu-item .mega-menu-link {}


#payoutText {
    color: #a7a3a3;
}

#strikePrice {
    color: #a7a3a3;
}


.containLoginLine2 {

    background-color: #12161c !important;

    height: 120px !important;
}



/*    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, .04), 0 4px 16px 0 rgba(0, 0, 0, .07);
    padding: 10px 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 0.5rem;
    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 3rem;
    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: #007aff !important;
}

.top-features-points li p i {
    margin-right: 10px;
}

.fa-check::before {
    content: "\f00c";
}

.fa-times::before,
.fa-check::before {
    font-size: 30px;
    -webkit-text-stroke: 5px white;
}


.features-table.top .feature-container .price-feature {

    font-size: 3.5rem;
    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 3rem;
    min-height: 200px;
}

.features-table.top .feature-button-container .button {
    padding: 12px 25px;
    white-space: normal;
}

.blog button,
.blog input[type="submit"],
.btn-homepage,
.main-header .header-link,
.search button,
.search input[type="submit"] {
    align-items: center;
    background-image: linear-gradient(90deg, #1f2bd3, #7f5bff, #7f5bff, #1f2bd3);
    background-size: 300% 100%;
    border-radius: 8000px;
    box-shadow: inset -1px -2px 10px 0 rgba(0, 0, 0, .3), inset 2px 1px 10px 0 hsla(0, 0%, 100%, .5), 0 2px 10px 0 rgba(165, 166, 255, .75);
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    justify-content: center;
    line-height: 24px;
    margin: 10px 0;
    padding: 12px 32px;
    text-align: center;
    text-decoration: none;
    transition: background-position .4s ease-in-out;
    white-space: normal;
    width: fit-content;
    text-decoration: none;
}

#Change_password_background,
#Personal_Information_background,
#Manage_Account_Security_background,
#Withdraw_Request_background,
#Withdraw_History_background {
    width: auto;
}

.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 #0fbf04;
    -webkit-box-shadow: 0px 0px 48px -17px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 48px -17px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 48px -17px rgba(0, 0, 0, 0.75);
    cursor: pointer;
}



.feature-container {
    min-height: 50px;
    line-height: 0.3;
}

#main {
    margin-top: -20px;
}


.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:#232323 !important;

}*/
}



ul {
    list-style-type: none;
}




.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 {
    padding: 8px 30px !important;
    color: #0fbf04 !important;
    font-weight: 300 !important;
    box-shadow: none;
}

button.btn.btn-primary.btn-sm.tph_submit_button:hover {
    padding: 8px 30px !important;
    color: #0fbf04 !important;
    font-weight: 300 !important;
    box-shadow: none;
    border-bottom: 2px solid #52afee !important;
}

.page-template-page-signin {

    background: url(/wp-content/uploads/2021/07/r1.jpg) no-repeat 50%/cover, #444
}


.page-id-4488 {
    background: url(/wp-content/uploads/2021/07/r1.jpg) no-repeat 50%/cover, #444
}


.leftmm {

    color: black;
    font-size: 17px;


}


span.mega-indicator {
    display: none !important;
}



li {
    text-align: center !important;
}

.fa.blue {

    display: none !important;
}


#areaProfile_new {

    padding-top: 11px !important;

}




.top_fund_button2 {
    background-color: #61b3e3;
    border: #61b3e3 solid 1px;
    margin: 0;
    vertical-align: middle;
    padding: 1px 15px;
    font-size: 13px;
    float: right;
    cursor: pointer;
    height: 23px !important;
    line-height: 1.7 !important;
    border-radius: 2px !important;
    color: white !important;
    font-size: 11px !important;
    margin-top: -3px !important;
    padding-top: 2px !important;
}



.tph_menubox {

    width: auto !important;
}

span.tph_navbar-time {
    font-size: 12px !important;
}

span.user-balance {
    font-size: 12px !important;
}

.btnnewbluemain2 {
    opacity: 1;
    background-color: #52afee00;
    padding: 5 30px;
    color: white !important;
    text-decoration: none !important;
    border-radius: 0px;
    font-size: 14px;
}

div#areaProfile_new {}

.btn-primary:focus {
    color: #fff;
    background-color: #5aa9d7;
    border-color: #5aa9d7;
}

.top_fund_button3 {
    background-color: #ff000000;
    font-size: 11px;
    color: #b5b5b5;
    padding: 0px;
}



div#areaProfile_new {
    padding-right: 20px;
    padding-bottom: 10px !important;
}


.user-settings {
    font-weight: 100 !important;
    font-family: sans-serif;
    float: right;
}



#userAvailableMargin {
    font-weight: 100 !important;
    font-family: sans-serif;
    font-size: 12px;
}


#useMargin {
    font-weight: 100 !important;
    font-family: sans-serif;
    font-size: 12px;
}

#userEquity {
    font-weight: 100 !important;
    font-family: sans-serif;
    font-size: 12px;
}

#deltaEquity {
    font-weight: 100 !important;
    font-family: sans-serif;
    font-size: 12px;
}

#userCashBalance {
    font-weight: 100 !important;
    font-family: sans-serif;
    font-size: 12px;
}

#userTotalPnl {
    font-weight: 100 !important;
    font-family: sans-serif;
    font-size: 12px;
}

div#toggleMenuActionMobile {
    padding-top: 3px;
}

#toggleMenuActionMobile {

    padding-bottom: 0px !important;
}

a.wpml-ls-link {
    margin-right: 33px;
}


.fa-caret-down {

    padding-top: 2px !important;
}


#tph_site_header #notificationBell {
    margin-top: -16px !important;
}

.menuBoxOpen {
    margin-left: -15px;
}

.assets_type_divider {
    border-bottom: 1px solid #505255;
}


/* 
       LOGIN POPUP        */



.contacttitle {
    font-size: 22px !important;
    line-height: 30px !important;
    color: #474d72 !important;
    font-weight: 600 !important;
    float: left !important;
}


.wpcf7-form-control.wpcf7-submit.btn.btn-primary {
    background-color: #007aff !important;
    line-height: 2 !important;
    width: 100% !important;
    font-size: 17px !important;
    padding-bottom: 5px !important;
    border-radius: 0px !important;
}

input#autoSearch {

    padding-top: 15px !important;
}



.displaynoned {
    display: none !important;
}




.tph_navbar-time {
    color: #b5b5b5 !important;
    text-transform: uppercase !important;

    font-size: 11px !important;
}




#depositFundPopUp .modal-header {

    background-color: #292d33 !important;
}

.modal-content {
    background-color: #292d33 !important;
}


.modal-header .close {
    margin-top: 12px;
    font-weight: 100 !important;
    font-size: 25px !important;
}


#depositFundPopUp .modal-content {
    border-radius: 3px;
    width: 100%;
    background-color: #292d33 !important;
}

.card {

    background-color: #292d33 !important;
    border: none !important;
}

#navpills-payment .card,
#navpills-form-cc .card {
    background-color: #FFF !important;
}

.card.name-psp-block {
    box-shadow: none !important;
}


.modal-header {
    background-color: #101923 !important;
}

.modal {
    color: #a0a2a5 !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: 0px !important;
    margin-top: 50px !important;
    height: 460px !important;
    box-shadow: none !important;
}



.form-control {

    background-color: #d2d5d700 !important;
    color: #d8d5d5 !important;
    border-radius: 5px !important;
    border: 1px solid #a8a7a563 !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: 0px !important;
    font-weight: 600 !important;
}





.btnnewbluemain2 {
    opacity: 1;
    background-color: #52afee00;
    padding: 5px 20px !important;
    color: white !important;
    text-decoration: none !important;
    border-radius: 0px;
    font-size: 13px !important;
}


.tph_navbar-time {
    color: #b5b5b5 !important;
    text-transform: uppercase !important;

    font-size: 11px !important;
}

/*            new trading header          */
.btnnewbluemain8 {
    padding: 22px 16px;
    color: #3e3e3e;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-decoration: none;
}

.btnnewplainmain9 {
    align-items: center;
    background-image: linear-gradient(90deg, #1f2bd3, #7f5bff, #7f5bff, #1f2bd3);
    background-size: 300% 100%;
    border-radius: 8000px;
    box-shadow: inset -1px -2px 10px 0 rgba(0, 0, 0, .3), inset 2px 1px 10px 0 hsla(0, 0%, 100%, .5), 0 2px 10px 0 rgba(165, 166, 255, .75);
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    justify-content: center;
    line-height: 24px;
    margin: 10px 0;
    padding: 12px 32px;
    text-align: center;
    text-decoration: none;
    transition: background-position .4s ease-in-out;
    white-space: normal;
    width: fit-content;
    text-decoration: none;
}



.btnnewplainmain9:hover {
    background-position: 100% 0;
    color: #fff;
    text-decoration: none;
}

@media (max-width: 425px) {
    .btnnewbluemain8 {}

    div#toggleMenuActionMobile {
        color: #b5b5b5 !important;
        text-transform: uppercase !important;
        font-weight: 600 !important;
        font-size: 11px !important;
    }

    #tph_site_header .fa-caret-down {
        color: #b5b5b5 !important;
    }

    .menuBoxOpen {

        min-width: 150px !important;
    }

    #toggleMenuActionMobile {
        width: auto !important;

    }

    .tph_navbar-time {
        color: #b5b5b5 !important;
        text-transform: uppercase !important;

        font-size: 11px !important;
    }

    .user-balance-exchange,
    .user-balance {
        color: #b5b5b5 !important;
        text-transform: uppercase !important;

        font-size: 11px !important;
    }

    .smallLineInMenuBox {
        color: #b5b5b5 !important;
        text-transform: uppercase !important;

        font-size: 13px !important;

    }


    .fa-envelope-o {
        font-size: 16px !important;
    }

    .holderMobileToggle {
        min-width: 100px !important;
    }

    #notification_count {

        background: #7fc4fb !important;
        color: #ffffff !important;
        top: -5px !important;
        margin-left: 22px !important;
    }

    #tph_site_header #notificationBell {
        margin-top: -16px !important;
    }

    .modal-content {

        border: 1px solid #575454 !important;

    }

    .top_fund_button {

        border-radius: 0px !important;
        line-height: 1.5 !important;
    }



    .wpml-ls-legacy-dropdown {
        margin: auto !important;
        margin-left: -10px !important;
        width: auto !important;
    }



    .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
        border-top: 1px solid #3563a6 !important;
        background-color: #3563a6 !important;
        padding-left: 10px;
        width: 150px;
        margin-left: -10px;
    }
}


/*                        temp for new trading page design , black theme       */


@media (max-width: 540px) {
    .noborders {
        border: 0px solid !important;
    }

    .mobileborderoff {

        border: 0px solid white !important;

    }


    .mobileleft {
        float: left !important;
        text-align: center;
        border: 0px solid white !important;
    }

    .tph_navbar-time {

        font-size: 12px !important;
    }

    .user-balance-exchange,
    .user-balance {

        font-size: 12px !important;
    }



    .mobileright {
        float: right;
        text-align: center;
        border: 0px solid white !important;

    }

    .user-settings {
        text-align: left !important;
        font-family: sans-serif;
        text-transform: uppercase;
        font-size: 12px;
        padding-left: 28px;
    }

    a.btn.btn-primary.top_fund_button {
        margin-top: 10px !important;
    }
}

span.wpml-ls-native {
    font-weight: 200 !important;
    font-size: 12px !important;
}

span.wpml-ls-display {
    font-weight: 200 !important;
    font-size: 12px !important;
}

li.wpml-ls-slot-smartslider_area_1.wpml-ls-item.wpml-ls-item-de.wpml-ls-last-item {
    background-color: #3563a6 !important;
}

ul.wpml-ls-sub-menu {
    width: 78%;
}


::-webkit-scrollbar-track {
    background: var(--scrollbarBG);
}

::-webkit-scrollbar-thumb {
    background-color: var(--thumbBG);
    border-radius: 6px;
    border: 3px solid var(--scrollbarBG);
}

a.btn.btn-primary.top_fund_button {
    display: none;
}


/*          test               */


.count-particles {
    background: #000022;
    position: absolute;
    top: 48px;
    left: 0;
    width: 80px;
    color: #13E8E9;
    font-size: .8em;
    text-align: left;
    text-indent: 4px;
    line-height: 14px;
    padding-bottom: 2px;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
}

.js-count-particles {
    font-size: 1.1em;
}

#stats,
.count-particles {
    -webkit-user-select: none;
    margin-top: 5px;
    margin-left: 5px;
}

#stats {
    border-radius: 3px 3px 0 0;
    overflow: hidden;
}

.count-particles {
    border-radius: 0 0 3px 3px;
}


/* ---- particles.js container ---- */

#particles-js {
    width: 100%;
    height: 100%;
    background-color: rgb(131 131 131);
    background-image: url('');
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}










.image-slider-wrapper {
    position: relative;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    align-items: center;
    display: flex;
    justify-content: flex-start;
}

.image-slider {
    object-fit: cover;
    height: 100%;
    width: 100%;
    position: absolute;
    filter: brightness(0.34);
}

.image-slider-text-wrapper {
    z-index: 2;
    top: 50px;
    position: relative;
    margin-left: 50px;
    color: white;
}

.mainpage-slider-wrapper {
    height: 800px;
}

.mainpage-slider-wrapper .image-slider-text-wrapper h1.slider-h1 {
    font-family: 'Roboto', 'Arial';
    color: #bfbebe;
    text-align: center;
    text-shadow: none;
    line-height: 1.5;
    font-weight: 400 !important;
    font-style: normal;
    text-decoration: none;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: uppercase;
    font-weight: 500;
}

.mainpage-slider-wrapper .image-slider-text-wrapper .slider-p {
    font-family: 'Roboto', 'Arial';
    color: #dcdada;
    text-shadow: none;
    line-height: 1.5;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: center;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 20px;
}

.mainpage-slider-wrapper .image-slider-text-wrapper {
    max-width: 620px;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 768px) {
    .mainpage-slider-wrapper {
        height: 600px;
    }

    .mainpage-slider-wrapper .image-slider-text-wrapper h1.slider-h1 {
        font-size: 24px;
    }

    .mainpage-slider-wrapper .image-slider-text-wrapper .slider-p {
        font-size: 16px;
    }
}

.slider-button-main {
    font-family: 'Roboto', 'Arial';
    color: RGBA(255, 255, 255, 0.81);
    font-size: 100%;
    text-shadow: none;
    line-height: 1.5;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-align: left;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    font-weight: 500;
    display: block;
    margin: 0 auto;
    padding: 15px 50px;
    background-color: RGBA(0, 0, 0, 0.7);
    border-radius: 3px;
    width: fit-content;
}

.slider-button-main:hover {
    background-color: RGBA(0, 0, 0, 0.9);
}

.top-banner {
    padding: 150px;
}

.background-top:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .5);
}

.top-banner-text p {
    text-align: center;
    color: white;
    font-size: 5em;
}

.top-banner-text {
    z-index: 2;
    position: relative;
}

.top-banner-text p:last-child {
    font-size: 2em;
}

.container-thumbs {
    display: flex;
    flex-direction: row;
    margin: 10px 0px;
}

.authenticate-buttons-wrapper {
    display: flex;
    gap: 20px
}


@media (max-width: 980px) {
    .top-banner {
        padding: unset;
    }

    .container-thumbs {
        flex-direction: column;
    }
}



@media (max-width: 768px) {
    .main-navbar-box {
        order: 2;
    }

    .main-navbar-box #mega-menu-primary {
        width: 170px !important;
        left: -109px !important;
    }

    div.authenticated.ms-auto {
        margin-right: auto;
    }

    .site_logo {
        display: none;
    }

    .site_logo_mobile {
        display: block;
        margin: 0 auto;
    }

    .site_logo_mobile .site_imageLogo {
        width: 80px;
    }

    .navbar-brand.pe-3 {
        margin-right: 0 !important;
        padding-right: 0 !important;
    }

    .authenticate .btn,
    .btn-purple-blue.header-btn-purple-blue {
        padding: 5px 10px;
        height: 34px;
        width: 110px;
    }

    .authenticate .dropdown-menu {
        margin-top: 5px;
        min-width: 138px;
    }

    .header-imageLink {
        display: none;
    }

    .header nav {
        margin: 0;
    }

    .authenticate,
    .authenticated {
        margin: 0 !important;
    }

    .hero-banner__content {
        align-items: center;
    }

    .card-challenge .cards {
        flex-direction: column;
        gap: 40px;
    }

    .bg-image--register {
        background: white;
    }

    .fs-48 {
        font-size: 32px;
    }

    .title-education {
        font-size: 33px;
    }

    .text-education {
        font-size: 18px;
    }

    .btn-discord {
        font-size: 22px;
        padding: 10px 10px;
    }

    .evaluation__title {
        font-size: 29px;
    }

    .model-type-troopers-tab-mob-content p,
    .hero_title,
    .evaluation__title>span,
    h2,
    .fs-48 font {
        word-wrap: break-word;
    }

    .partners-program.container>h2>a {
        word-wrap: break-word;
    }

    .flex-column-mobile .col-md-6 {
        max-width: 100%;
    }

    .site-main {
        overflow-x: hidden;
    }

    #mega-menu-primary {
        min-width: 182px !important;
    }
}

@media (max-width: 425px) {
    .navbar-brand.pe-3 {
        width: 100%;
        display: flex;
    }

    .navbar>#logoBox {
        flex-wrap: wrap;
        padding-left: 0 !important;
    }

    .authenticate.ms-auto.ps-3 .authenticate-buttons-wrapper {
        gap: 10px;
    }

    .authenticate .btn,
    .header .btn-purple-blue.header-btn-purple-blue {
        padding: 4px 9px;
        height: 28px;
        width: 80px;
        font-size: 12px;
    }

    .site_logo_mobile .site_imageLogo {
        width: 130px
    }



    .home-bg {
        height: 290px;
    }

    .home-bg .hero_title {
        font-size: 40px !important;
    }

    .home-bg .btn-purple-blue.header-btn-purple-blue,
    .home-bg .transparent-btn {
        max-width: 35% !important;
        font-size: 12px !important;
        width: 50% !important;
        padding: 8px 10px;
    }

    .mobile-frex-row-nowrap {
        flex-direction: row;
        flex-wrap: nowrap;
    }

    .mobile-width-70px {
        width: 100px !important;
        padding-left: 3px;
        padding-right: 0;
        align-items: center;
    }

    .mobile-width-70px .logo-img {
        width: 63px;
        height: 32px;
    }

    .mobile-width-calc-100-70px {
        width: calc(100% - 100px)
    }

    .footer-row-pt {
        padding-top: 0 !important;
        font-size: 13px;
    }

    .column-reverse-mobile {
        flex-direction: column-reverse;
    }

    .w-50-mobile {
        width: 50% !important;
    }

    .w-75-mobile {
        width: 75% !important;
    }

    .hero_title {
        font-size: 30px !important;
    }

    .text-left p {
        text-align: justify;
    }

}


.images-margin-auto img {
    margin: auto;
}

.btnnewbluemain6 {
    background-color: #0fbf04;
    color: #fff;
    border: 1px solid #08080800;
    text-transform: capitalize;
    font-weight: 500;
    padding: 8px 17px;
}

.btnnewplainmain7 {
    background-color: #0fbf04;
    color: #fff;
    border: 1px solid #08080800;
    text-transform: capitalize;
    font-weight: 500;
    padding: 8px 17px;
}

.btnnewbluemain6:hover,
.btnnewplainmain7:hover {
    text-decoration: none;
    background-color: #0fbf04e8;
    color: #fff;
}

.relative {
    position: relative;
}

.flag-box {
    display: block;
    position: absolute;
    right: 30px;
    top: 50%;
    pointer-events: none;
}

.flag-img {
    width: 26px;
    height: 16px;
}

.error-sign-message {
    color: #ff5e5e;
}

.footer-bottom__rights {
    margin: 0;
    padding-bottom: 20px;
    color: white;
}


/*New home page START*/
@font-face {
    font-family: 'SF Pro Display';
    src: url('/wp-content/themes/theforest/fonts/SFPRODISPLAYREGULAR.OTF') format('opentype');

}

body {
    font-family: 'SF Pro Display', sans-serif;
}

.background-bool {
    background-image: url("/wp-content/themes/theforest/images/homepage background_hana.png");
    padding: 50px 0 130px 0;
    background-size: cover;
}

.main-slider-text-new h3 {
    font-size: 36px;
    font-weight: 600;
    line-height: 48px;
    margin-bottom: 16px;
    font-family: 'SF Pro Display', sans-serif;
    color: white;
}

.main-slider-text-new h2 {
    font-size: 17px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 24px;
    text-align: left;
    font-family: 'SF Pro Display', sans-serif;
    margin-top: 20px;
    color: white;
}

.main-slider-text-new span {
    font-size: 52px;
    font-weight: 700;
    line-height: 100.1%;
    margin-bottom: 24px;
    text-shadow: 0 0 20px hsla(0, 0%, 100%, .8);
    font-family: 'SF Pro Display', sans-serif;
    color: white;
}

.main-slider-content {
    display: flex;
    flex-direction: column;
    justify-content: center;

}

.main-slider-button-blue {
    align-items: center;
    background-image: linear-gradient(90deg, #1f2bd3, #7f5bff, #7f5bff, #1f2bd3);
    background-size: 300% 100%;
    border-radius: 8000px;
    box-shadow: inset -1px -2px 10px 0 rgba(0, 0, 0, .3), inset 2px 1px 10px 0 hsla(0, 0%, 100%, .5), 0 2px 10px 0 rgba(165, 166, 255, .75);
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    justify-content: center;
    line-height: 24px;
    margin: 10px 0;
    padding: 12px 32px;
    text-align: center;
    text-decoration: none;
    transition: background-position .4s ease-in-out;
    white-space: normal;
    width: fit-content;
}

.main-slider-button-blue:hover {
    background-position: 100% 0;
    color: #fff;
}

.mainpage-slider-image-wrapper-new img {
    height: auto;
    width: 100%;
}

.account-type-new-col-title {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.account-type-new-col p {
    color: #5c5c5c;
    font-size: 20px;
    font-weight: 300;
    line-height: 28px;
    text-align: left;
    text-transform: capitalize;
}

.account-type-new-col h3 {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    text-align: left;
}

.opportunity {
    margin-bottom: 30px;
    margin-top: 30px;
}

.opportunity h2 {
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    margin: 0;
    text-align: center;
}

.tradingPlatform {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .05), hsla(0, 0%, 100%, .5) .01%, rgba(210, 242, 255, .5) 51.45%, hsla(0, 0%, 100%, .5));
    padding: 80px 0;
}

.tradingPlatform img {
    width: 100%;
}

.meta-title {}

.meta-title-content h2 {
    font-size: 28px;
    font-weight: 600;
    line-height: 40px;
}

.meta-title-content p {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

.meta-title {
    display: flex;
}

.meta-title-content {
    margin-left: 15px;
}

.main-slider-meta-title {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.account-type-new-col {
    padding: 30px;
}

.account-type-new-col:hover {
    box-shadow: inset -1px -2px 10px 0 rgba(0, 0, 0, .3), inset 2px 1px 10px 0 hsla(0, 0%, 100%, .5), 0 2px 10px 0 rgba(165, 166, 255, .75);
}

.account-type-new-row {
    align-items: normal;
    border-radius: 40px;
    box-shadow: 8px 8px 24px 0 hsla(0, 0%, 55%, .2), inset 4px 4px 32px 0 hsla(0, 0%, 91%, .71), inset -8px -8px 24px 0 hsla(0, 0%, 79%, .7);
    display: flex;
    justify-content: center;
    margin-top: 32px;
    padding: 40px;
}

.account-type-new h2 {
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    text-align: center;
}

.account-type-new p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left
}

.testimonial-card {
    background-color: #fff;
    border: 1px solid #dbe4e9;
    border-radius: 10px;
    box-shadow: 0 35px 68px 0 rgba(136, 174, 222, .42), inset 0 -8px 16px 0 #b9d1f1;
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: space-between;
    padding: 40px;
    margin-top: 20px;
}

.testimonials h2 {
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    margin-bottom: 16px;
}

.testimonials h5 {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 32px;
    text-align: center;
}

.testimonials h3 {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    margin: 0;
    text-align: left;
}

.testimonials-title-img {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.testimonials-title-img p {
    margin-bottom: 0px;

}

.testimonials-title-img img {
    margin-left: 15px;
    margin-right: 15px;

}

@media (max-width: 425px) {
    .testimonials-title-img {
        flex-direction: column;
    }
}

.global-options-row-img img {
    width: 180px;
    margin: 5px;
}

.trading-cup {
    background-color: rgb(255, 249, 237);
}

.trading-cup h3 {
    color: #3e3e3e;
    font-size: 40px;
    font-weight: 600;
    line-height: 48px;
}

.trading-cup p {
    color: #3e3e3e;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
}

.world-news-blue-gb {
    background: linear-gradient(315deg, #1f2bd3, #7f5bff);
    border-radius: 96px;
    box-shadow: 8px 8px 24px 0 #999, inset 4px 4px 16px 0 #888ae4, inset -16px -8px 24px 0 #8f90e0;
    padding: 30px;
    position: relative;
}

.world-news .tradingview-widget-container {
    height: 600px !important;


}

.tradingview-widget-home {
    height: 600px !important;
    width: 100%;
    background: #fff;
    border-radius: 40px;
    box-shadow: 8px 8px 24px 0 hsla(0, 0%, 55%, .2), inset 4px 4px 32px 0 hsla(0, 0%, 91%, .71), inset -8px -8px 24px 0 hsla(0, 0%, 79%, .7);
    padding: 40px;
}

.world-news iframe {
    border-radius: 60px;
}

.trading-cup a {
    background-image: linear-gradient(90deg, #ff7b01, #fc0, #fc0, #ff7b01);
    box-shadow: inset 0 -3px 10px 0 rgba(0, 0, 0, .37), inset 3px 1px 15px 0 hsla(0, 0%, 100%, .5), 0 2px 8px 0 #ff8201;
}

.trading-cup a:hover {
    background-position: 100% 0;
    color: #fff;
}

.world-news h2 {
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    margin-bottom: 16px;
    text-align: center;
}

.world-news p {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 32px;
    text-transform: capitalize;
    text-align: center;
}

.trade-wrapperp {
    background-image: url("/wp-content/themes/theforest/images/trade-and-earn-da063147fdaf25b8256fbb8c83a0ece5.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

}

.trade-wrapperp-container {
    display: flex;
}

.trade-wrapperp-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: white;
    margin-left: auto;
    margin-right: auto;
    margin-top: 200px;
    margin-bottom: 200px;
}

.trade-wrapperp-content h2 {
    font-size: 56px;
    font-weight: 600;
    line-height: 72px;
    margin-bottom: 16px;
    color: #1f2bd3;
    text-align: center;
}

.trade-wrapperp-content p {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 24px;
    color: #1f2bd3;
    text-align: center;
}

@media (max-width: 580px) {
    .trade-wrapperp {
        background-image: url("wp-content/themes/theforest/images/trade-and-earn-mobile-b699913753bd4e0182c0763664eeefd5.png");
        background-position: center;
    }
}

#main {
    margin-top: 120px;
}

/*New home page END*/
/*New footer page START*/
.footer-logo-and-icon {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.footer-nav {
    color: #3e3e3e;
}

.footer-nav-desktop {
    display: flex;
    justify-content: center;
    gap: 32px;
}

.footer-nav-box {
    margin-bottom: 40px;
}

.vlink-classname {
    color: #3e3e3e;
    text-decoration: none;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .15px;
    line-height: 24px;
}

.footer-nav-box ul {
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
}

.footer-nav-box ul li {
    list-style-type: none;
    margin-bottom: 6px;
    max-width: 180px;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .15px;
    line-height: 24px;
    text-align: left !important;
}

.footer-nav .footer-nav-desktop .footer-nav-box ul a {
    text-decoration: none;
    color: #3e3e3e;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .15px;
    line-height: 24px;
}

.footer-nav-box span {
    color: #5c5c5c;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 12px;
    margin-left: 0;
}

.footer-nav-normal:hover {
    color: #1f2bd3;
}

.footer-nav-desktop-mob {
    display: flex;
    flex-direction: row;
    gap: 32px;
}

@media (max-width: 768px) {
    .footer-nav-desktop {
        display: flex;
        flex-wrap: nowrap;
        gap: 16px;
        justify-content: center;
        flex-direction: column;
    }
}

.footer-compaines {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: space-between;
}

.footer-compaines .footer-compaines-item {
    background: #fff;
    border-radius: 80px;
    box-shadow: 2px 4px 12px 0 hsla(0, 0%, 84%, .5), inset 2px 2px 4px 0 rgba(237, 239, 255, .5), inset -4px -4px 8px 0 rgba(237, 239, 255, .5);
    flex: auto;
    height: 40px;
    padding: 8px 12px;
    text-align: center;
}

.footer-compaines .footer-compaines-item span {
    color: #3e3e3e;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
}

.footer-contacts {
    border-bottom: 1px solid rgba(0, 0, 0, .06);
    color: #000;
    display: flex;
    flex-wrap: wrap;
    gap: 5%;
    justify-content: center;
    padding: 32px 0;
    width: auto;
}

.footer-contacts .contact-box {
    min-width: 165px;
}

.footer-contacts .contact-box .title {
    color: #3e3e3e;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 4px;
    text-align: center;
}

.footer-contacts .contact-box a {
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .15px;
    line-height: 24px;
}

.footer-contacts .contact-box a .footer-contact-text {
    color: #3e3e3e;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
}

.footer-disclaimer .disclaimer-text {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.footer-disclaimer .content,
.footer-disclaimer .disclaimer-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.footer-disclaimer .content .raw-html-wrapper {
    color: #5c5c5c;
    font-size: 10px;
    font-weight: 400;
    line-height: 16px;
}

.footer-disclaimer .content,
.footer-disclaimer .disclaimer-content {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.footer-disclaimer .content .raw-html-wrapper {
    color: #5c5c5c;
    font-size: 10px;
    font-weight: 400;
    line-height: 16px;
}

.footer-disclaimer .copyright {
    display: flex;
    flex-wrap: wrap;
}

.footer-disclaimer .copyright .raw-html-wrapper,
.footer-disclaimer .copyright a,
.footer-disclaimer .copyright p {
    color: #3e3e3e;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin: 0;
}

.footer-disclaimer .copyright .copyright-border-right {
    border-right: 1px solid #3e3e3e;
}

.footer-disclaimer .copyright .disclaimer-link {
    padding: 0 4px;
}

.footer-disclaimer .copyright a {
    color: #3e3e3e;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin: 0;
}

.copyright-disclaimer {
    display: flex;
    flex-direction: row;
}

/*New footer page END*/
/*New Account page Start*/
.index-module--stepsWrapper--0f5fe {
    position: relative;
}

.index-module--verticalDivideLine--7db24 {
    background: linear-gradient(315deg, #1f2bd3, #7f5bff);
    height: 73%;
    margin-left: 18px;
    margin-top: 10px;
    position: absolute;
    width: 1px;
    z-index: 1;
}

.index-module--steps--83fdf {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 40px;
    justify-content: flex-start;
    margin-bottom: 32px;
    position: relative;
    z-index: 2;
}

.index-module--step--84862 {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: flex-start;
}

.index-module--firstNumber--fe541 {
    background: linear-gradient(315deg, #1f2bd3, #7f5bff);
    color: #fff;
    background: #fff;
    border: 1px solid #1f2bd3;
    border-radius: 50%;
    font-size: 20px;
    font-weight: 700;
    height: 36px;
    line-height: 28px;
    padding-top: 3px;
    text-align: center;
    width: 37px;
}

.index-module--content--fe476 {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 0;
    justify-content: flex-start;
}

.index-module--content--fe476 h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.index-module--content--fe476 p {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

.index-module--number--e531e {
    background: #fff;
    border: 1px solid #1f2bd3;
    border-radius: 50%;
    color: #1f2bd3;
    font-size: 20px;
    font-weight: 700;
    height: 36px;
    line-height: 28px;
    padding-top: 3px;
    text-align: center;
    width: 37px;
    margin-bottom: 18px;
}

.index-module--firstNumber--fe541 {
    background: linear-gradient(315deg, #1f2bd3, #7f5bff);
    color: #fff;
}

.stepsWrapper-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 32px;
    text-align: center;
}

.lecurities-level h2 {
    color: rgba(0, 0, 0, .85);
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 0;
}

/*New account types page END*/
/*New Contact us page START*/
.contact-map-title {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 72px;
    text-align: center;
}

.contact-map-title h1 {
    color: #262626;
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
}

.contact-map-title p {
    color: #5c5c5c;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    width: 75%;
    text-align: center;
}

.offices {
    display: flex;
    gap: 20px;
    justify-content: center;
    margin-bottom: 60px;
}

.offices .office-wrapper {
    background-color: #f2f2f2;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    padding: 8px 16px;
    text-align: center;
    width: 379px;
}

.offices .office-wrapper>:first-child {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 4px;
}

.offices .office-wrapper>:last-child {
    color: #5c5c5c;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
}

.map img {
    width: 60%;
}

@media (max-width: 768px) {
    .map img {
        width: 100%;
    }
}

.contact-us-contact-bar {
    background-color: #f5f7fa;
    padding: 16px 0;
}

.footer-contacts {
    border-bottom: 1px solid rgba(0, 0, 0, .06);
    color: #000;
    display: flex;
    flex-wrap: wrap;
    gap: 5%;
    justify-content: center;
    padding: 32px 0;
    width: auto;
}

.footer-contacts .contact-box {
    min-width: 165px;
}

.contact-us-wrapper .contact-us-contact-bar .footer-contacts .contact-box>:first-child {
    color: #5c5c5c;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.contact-us-wrapper .contact-us-contact-bar .footer-contacts .contact-box>:last-child {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}

.footer-contact-text {
    color: #01254f !important;
}

/*New Contact us page END*/
/*New Forex page START*/
.forex-banner h2 {
    color: rgba(0, 0, 0, .85);
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 44px;
    margin-bottom: 0;
    max-width: 100%;
}

.forex-banner-img img {
    width: 100%;
}

.forex-banner p {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .15px;
    line-height: 24px;
    list-style-image: none;
    list-style-position: outside;
    margin-bottom: 1.45rem;
}

.borex-banner-img {
    display: flex;
    justify-content: center;
}

.borex-banner-img img {
    width: 100%;
}

.advantages-forex h2 {
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 40px;
}

.advantages-forex p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}

.advantages-forex .drop-down-box {
    border-radius: 4px;
    box-shadow: 0 18px 40px rgba(51, 51, 51, .1);
    margin-bottom: 20px;
    width: 100%;
    cursor: pointer;
}

.advantages-forex .drop-down-box .drop-toggle {
    border-radius: 4px 4px 0 0;
    display: flex;
    justify-content: space-between;
    padding: 16px 20px;
}

.advantages-forex .drop-down-box .drop-toggle-close {
    background-color: #fff;
    color: #013b81;
}

.advantages-forex .drop-title {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 28px;
}

.advantages-forex .drop-arrow {
    align-items: center;
    display: flex;
    height: 100%;
    margin-top: 10px;
    width: 12px;
}

.advantages-forex .drop-down-box .drop-body {
    background-color: #fff;
    overflow: hidden;
    transition: opacity .4s ease-in-out, height .4s linear;
}

.advantages-forex .drop-down-box .drop-body p {
    margin: 20px;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .15px;
    line-height: 24px;
}

.advantages-forex .drop-body-close {
    display: none;
}

.advantages-forex .drop-down-box .drop-toggle-open {
    background-color: #013b81;
    color: #fff;
}

.advantages-forex.drop-down-box .drop-body-open {
    display: block;
}

.products-forex-wrapper-trading-example .container .example-title {
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 34px;
    text-align: center;
}

.products-forex-wrapper-trading-example .container .body-bold {
    font-weight: 600;
}

.example-description {
    margin: auto auto 20px;
    max-width: 980px;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .15px;
    line-height: 24px;
}

.example-description:last-of-type {
    margin-bottom: 40px;
}

.example-table {
    align-items: flex-start;
    border-radius: 4px;
    border-right: 1px solid #e9e9e9;
    border-top: 1px solid #e9e9e9;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: auto;
    max-width: 982px;
}

.example-table .table-title {
    background: #f7f7f7;
    padding: 12px 16px;
}

.example-table .table-title {
    align-self: stretch;
    border-bottom: 1px solid #e9e9e9;
    border-left: 1px solid #e9e9e9;
    width: 33.333%;
}

.example-table .row-1,
.example-table .row-2,
.example-table .row-3 {
    padding: 15px 0 0 16px;
}

.example-table .row-1,
.example-table .row-2,
.example-table .row-3,
.example-table .table-title {
    align-self: stretch;
    border-bottom: 1px solid #e9e9e9;
    border-left: 1px solid #e9e9e9;
    width: 33.333%;
}

.example-table .row-1,
.example-table .row-2,
.example-table .row-3,
.example-table .table-title {
    align-self: stretch;
    border-bottom: 1px solid #e9e9e9;
    border-left: 1px solid #e9e9e9;
    width: 33.333%;
}

.example-table-phone {
    display: none;
}

@media (max-width: 768px) {
    .example-table {
        display: none;
    }

    .example-table-phone {
        display: block;
    }

    .example-table-phone .table-title p {
        font-size: 16px;
        margin-bottom: 0;
    }

    .example-table-phone .row-1,
    .example-table-phone .row-2,
    .example-table-phone .row-3 {
        padding: 15px 0 0 16px;
    }

    .example-table-phone .table-title {
        background: #f7f7f7;
        border-top: 1px solid #e9e9e9;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        padding: 12px 16px;
    }

    .example-table-phone .table-title {
        border-bottom: 1px solid #e9e9e9;
        border-left: 1px solid #e9e9e9;
        border-right: 1px solid #e9e9e9;
        max-width: 100%;
    }

    .example-table-phone .row-1,
    .example-table-phone .row-2,
    .example-table-phone .row-3,
    .example-table-phone .table-title {
        border-bottom: 1px solid #e9e9e9;
        border-left: 1px solid #e9e9e9;
        border-right: 1px solid #e9e9e9;
        max-width: 100%;
    }
}

.open-account-banner-wrapper {
    align-items: center;
    display: flex;
    justify-content: space-between;
    background-color: #013b81;
    border-radius: 20px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .15);
    color: #fff;
    flex-direction: column;
    margin-bottom: 80px;
    padding: 46px 85px;
    text-align: center;
}

.open-account-banner-title {
    max-width: 70%;
    margin-bottom: 20px;
}

.products-forex-wrapper .products-forex-wrapper-open-an-account .open-account-banner-wrapper .open-account-banner-title h3 {
    text-align: left;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 40px;
}

.button-light-blue {
    background-color: #17a5dc;
    border: 1px solid #013b81;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    padding: 16px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

.most-traded-product-wrapper h2 {
    margin-bottom: 40px;
    text-align: center;
    font-size: 32px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 44px;
}

.most-traded-product-wrapper .most-traded-product-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.easeInOutEffect:hover {
    box-shadow: 0 16px 16px rgba(50, 50, 71, .08), 0 24px 32px rgba(50, 50, 71, .08);
}


.why-trade-acy-mobile-image {
    display: none;
}

@media (max-width: 768px) {
    .why-trade-acy-mobile-image {
        display: block;
    }
}

.why-trade-acy-title {
    margin-bottom: 20px;
}

.why-trade-acy-content {
    margin-bottom: 40px;
}

.why-trade-acy-title h2 {
    font-size: 32px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 44px;
}

.why-trade-acy-content p {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .15px;
    line-height: 24px;
}

.item-subtitle-1 p {
    text-align: center;
}

.why-trade-acy-pic h6 {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.15px;
    line-height: 28px;
}

.why-trade-acy-pic-center,
.subtitle-small {
    text-align: center;
}

.why-trade-acy-btn-open {
    text-align: center;
    display: flex;
    justify-content: center;
}

@media (max-width: 768px) {
    .why-trade-acy-pic-center {
        display: none;
    }
}

.why-trade-acy {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/*New Forex page END*/
.testimonial-card_height_1 {
    height: 260px;
}

.testimonial-card_height_2 {
    height: 212px;
}

@media (max-width: 1399px) {
    .testimonial-card_height_1 {
        height: 266px;
    }

    .testimonial-card_height_2 {
        height: 212px;
    }
}

@media (max-width: 1199px) {
    .testimonial-card_height_1 {
        height: 310px;
    }

    .testimonial-card_height_2 {
        height: 237px;
    }
}

.avatar_name,
.right-ar {
    width: auto;
}