0000*/
@import 'font-awesome.min.css';

/* CSS Document */

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 color: #000;
}

::-moz-placeholder { /* Firefox 19+ */
 color: #000;
}

:-ms-input-placeholder { /* IE 10+ */
 color: #000;
}

:-moz-placeholder { /* Firefox 18- */
 color: #000;
}
.container-xs { width: 950px; margin: 0 auto; padding: 0 35px; }

.copy-text button{background:transparent; border: 0; background:#214570; color:#fff; padding: 4px 15px;}
.copy-text{padding: 28px 0 0 0;}

/********************************************************************
CSS start
*********************************************************************/

@font-face { font-family: 'Roboto-Regular'; src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.ttf') format('truetype'), url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Roboto-Bold'; src: url('../fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Bold.woff') format('woff'), url('../fonts/Roboto-Bold.ttf') format('truetype'), url('../fonts/Roboto-Bold.svg#Roboto-Bold') format('svg'); font-weight: normal; font-style: normal; }
@font-face {    font-family: 'RobotoLight';    src: url('../fonts/RobotoLight.eot');    src: url('../fonts/RobotoLight.eot') format('embedded-opentype'),         url('../fonts/RobotoLight.woff2') format('woff2'),         url('../fonts/RobotoLight.woff') format('woff'),         url('../fonts/RobotoLight.ttf') format('truetype'),         url('../fonts/RobotoLight.svg#RobotoLight') format('svg');}
@font-face {    font-family: 'RobotoThin';    src: url('../fonts/RobotoThin.eot');    src: url('../fonts/RobotoThin.eot') format('embedded-opentype'),         url('../fonts/RobotoThin.woff2') format('woff2'),         url('../fonts/RobotoThin.woff') format('woff'),         url('../fonts/RobotoThin.ttf') format('truetype'),         url('../fonts/RobotoThin.svg#RobotoThin') format('svg');}

a{    color: #c76c00;}
.no-padding { padding-right: 0 !important; padding-left: 0 !important; }
h2 { font-size:42px; /*text-transform:uppercase;*/ }
img { max-width: 100%;}
body { background: #f6f6fa none repeat scroll 0 0; font-family: 'Roboto-Regular'; margin:0 auto; font-weight: 300; font-size: 14px; }
.background-img { background-image: url('/Images/background.jpg'); background-repeat:no-repeat;background-size:cover;    background: #f2f2f2;}
select, a:focus, a.active, select:focus, select:active, option, button:focus, button:active { outline:none; outline: none !important; }
.form-content.form-content-full-width .form-inline .form-group select.form-control, .form-content.form-content-full-width .form-inline .form-group select.form-control, .form-inline .form-group select.form-control, .form-group select.form-control { background: #ffffff url("/Images/select-img.png") no-repeat scroll 96% 50% / 8px auto !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0 5px;}
.select-arrow { position: relative; }
.select-arrow:after { position: absolute; content: "\f0dd"; font-family: 'FontAwesome'; right: 10px; top: 8px; }
/********Page Loader Css***********/

.page-loader { background: rgb(0 0 0 / 94%); top: 0; bottom: 0; left: 0; right: 0; position: fixed; justify-content: center; align-items: center; display: flex; z-index:9999999; }
.page-wrapper { width: 70px; height: 60px; }
.spinner { margin: 100px auto; width: 50px; height: 40px; text-align: center; font-size: 10px; }
.spinner > div { background-color:#214570; height: 100%; width: 6px; display: inline-block; -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out; }
.spinner .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }
.spinner .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }
.spinner .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }
.spinner .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }
 @-webkit-keyframes sk-stretchdelay { 0%, 40%, 100% {
 -webkit-transform: scaleY(0.4)
}
 20% {
 -webkit-transform: scaleY(1.0)
}
}
 @keyframes sk-stretchdelay { 0%, 40%, 100% {
 transform: scaleY(0.4);
 -webkit-transform: scaleY(0.4);
}
 20% {
 transform: scaleY(1.0);
 -webkit-transform: scaleY(1.0);
}
}
.dn { display:none; }
/********Page Loader Css***********/

/***** Page Not Found ******/

.form-content .form-inline .form-group span { font-size: 11px; display: block; clear: both; margin: 0; padding: 0; color: #a94442;bottom: -17px;right: 0px; position: absolute;}
.form-content .form-inline .submit-error .form-group span {    bottom: -32px;    height: 30px;    line-height: 10px;}
.form-content .form-inline .form-group span.star {
    position: relative;
    font-size: 24px;
    bottom: 0;
}
.form-content .form-inline .form-group span.span-muted-sm {    position: relative;    bottom: 0;}
.personal-details.profile .form-content .form-inline .form-group span { color: #a94442; position: absolute; right: 0; /*bottom: -15px;*/ bottom: auto; }
.error-404, .not-found { text-align: center; padding: 40px 0; }
section.error-404.not-found span a { border: 1px solid #3f89d9; color: #3f89d9; padding: 10px 20px; display: inline-block; text-transform: uppercase; font-size: 17px; margin-top: 3px; }
/***** Page Not Found ******/
/******************** language dropdown css start *******************************/
.dropdown-right-wrapper div#lang_sel { height: auto; text-transform: uppercase; color: #fff; font-size: 13px; display: block; position: relative; padding: 0; }
.dropdown-right-wrapper #lang_sel ul ul { border-top: none; width: 100%; }
.dropdown-right-wrapper div#lang_sel li { width: 100%; float: none; display: block; padding: 0 16px 0 0 !important; cursor: pointer; }
.dropdown-right-wrapper div#lang_sel li a { background: transparent; border: none; color: #fff; font-size: 13px; padding: 0; line-height: normal; vertical-align: middle; text-align: left; cursor: pointer; }
.dropdown-right-wrapper div#lang_sel li a img.iclflag { float: right; width: 26px; height: 15px; top: 2px; }
.dropdown-right-wrapper div#lang_sel li:after { position: absolute; content: "\f107"; pointer-events: none; font-family: FontAwesome; color: #fff; top: 0; right: 0; }
.dropdown-right-wrapper div#lang_sel a.lang_sel_sel:hover { background-color: transparent; color: #fff; }
.dropdown-right-wrapper div#lang_sel ul ul li { padding: 3px 16px 3px 0 !important; background: #fff; }
.dropdown-right-wrapper div#lang_sel ul ul li a { color: #000; font-size: 13px; }
/********************* main content home page css*************************/
.home section.entry-header { display: none; }
.slider .carousel-indicators { display:none; }
.header-text.hidden-xs.container { position: absolute; top: 142px; left: 0; text-align: left; right: 0; height: 100%; }
.header-text.hidden-xs.container h2 { font-size: 37px; color: #fff; margin-top: 0; margin-bottom: 35px; }
.header-text.hidden-xs.container h2 span { display: block; font-size: 49px; padding-top: 15px; }
.header-text.hidden-xs.container h3 { font-size: 64px; color: #fff; margin: 0; }
.header-text.hidden-xs.container p { color: #c3c3c3; font-size: 48px; vertical-align: middle; text-align: center; margin: 0; }
.header-text.hidden-xs.container p span.line-hr { height: 2px; width: 120px; display: inline-block; vertical-align: middle; background: #fff; }
.header-text.hidden-xs.container p span.block { display: block; }
.header-text.hidden-xs.container h4 { color: #fff; font-size: 82px; text-transform: uppercase; margin:-15px 0 0; }
.header-text.hidden-xs.container h4 span.icon-Yellow { font-size: 100px; display: inline-block; width: 20px; position: relative; left: -16px; color: #ffb400; top:37px; }
.header-text.hidden-xs.container h4 span.icon-blue { width: 20px; position: relative; font-size: 100px; display: inline-block; left: -18px; color: #28d0dd; }
.header-text.hidden-xs.container a, .header-text.hidden-xs.container a:hover, .header-text.hidden-xs.container a:focus { color: #28d0dd; font-size: 37px; text-transform: uppercase; padding: 9px 47px; display: inline-block; border: none; height: 68px; width: 338px; text-decoration:none; margin-top:45px; }
.bottom-header {    background: #224471;    position: relative;}
.bottom-header .navbar-inverse {    background: transparent;    border: none;    margin: 0;}
.bottom-header  .navbar-collapse {    padding-left: 0;    padding: 5px 0;}
.bottom-header  li.dropdown:hover .dropdown-menu {    display: block;background: #fff;    border-radius: 0;padding: 0px;}

.navbar-inverse .navbar-nav > li:first-child > a {
  color: #ffffff;
  background: #f4742b; 
  transition:0.5s;
} 
.navbar-inverse .navbar-nav > li:first-child > a:hover{
   color: #f4742b;
   background: #ffffff;
} 
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {    color: #fff;    background-color: transparent;}
.navbar-inverse .navbar-nav > li > a{padding: 10px;}
.bottom-header .row-flex{align-items: center;}
.bottom-header p {    margin: 0;    color: #ffffff;display: flex;    align-items: center;    justify-content: flex-end;text-align: center;}
.bottom-header .dropdown-menu > li > a{    padding: 7px 20px;}
.bottom-header .s-icon.icon1 {    background-position: -50px -704px;    height: 17px;    width: 17px;    margin-right: 6px;}
.bottom-header p a {
	background: #ffffff !important;
    display: inline-block;
    color: #000;
    padding: 7px 17px;
    margin-left: 10px;
    text-decoration: none;
    border-radius: 50px;
    font-size: 13px;
	border: 1px solid #fff;
}
.bottom-header p a:hover {background:#054693 !important; color:#fff; border: 1px solid #939393;}
/******************* home .accounts-btns-wrapper  ********************/
.arrow-indicator.arrow-indicator-full { width: 100% !important; }
.content-wrapper .arrow-indicator { width: 17%; float: left; margin: 0; padding: 0; }
.arrow-indicator.arrow-indicator-middle { margin: 0 2%; }
.content-wrapper .arrow-indicator select { width: 100% !IMPORTANT; }
.form-content-box.form-content-box-label-full.praxispay-wrapper { padding: 15px; }
/**************home newsletter-wrapper ***********************/
/*.form-inline .form-group .form-control { width: 55%; float: left; margin: 0 2% 0 0; height: 50px; border: 1px solid #ccc; border-radius: 5px; }*/
.right-login-wrapper input.ph-number { width: 80% !important; margin-right: 0 !important; }
.btn.btn-default{text-transform: capitalize; padding:10px 40px; border-radius: 0px; margin: 0; border: 0; width: auto; font-size: 17px; border:1px solid #054693; font-weight: 600; text-shadow: none; background: #214570; color: #fff; font-family: 'Roboto-Bold';margin-top: 10px;}
input.submit-common-btn { text-transform: capitalize; padding: 10px 15px; margin: 0; max-width: 200px; font-size: 24px; font-weight: 600; text-shadow: none; background: #004c93; color: #fff; float: right !important; }
.registration-bottom .btn.btn-default {    width: 90px;}
.registration-bottom .btn.btn-default:first-child { background: #fd7322;border: 1px solid #fd7322;}

.login-l .registration-bottom .btn.btn-default:first-child {
    background: #ffffff;
    border: 1px solid #fffaf7;
    color: #fd7322;
    border-radius: 50px;
}
.login-l .registration-bottom .btn.btn-default:first-child:hover {
    background: #000;
    color: #ffffff;
    border: 1px solid #ffffff;
}

.login-l .registration-bottom .btn.btn-default:last-child{
	background: #fd7322;
    border: 1px solid #fd7322;
    color: #ffffff;
    border-radius: 50px;
}
.login-l .registration-bottom .btn.btn-default:last-child:hover{
    background: #000;
    color: #f57b33;
    border: 1px solid #f57b33;
}



.registration-bottom .btn.btn-default:first-child:hover{background: #f57b33; color:#fff;border: 1px solid #f57b33;}
input.submit-common-btn:hover { background: rgba(133,190,0,1); background: -moz-linear-gradient(top, rgba(133,190,0,1) 0%, rgba(162,231,0,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(133,190,0,1)), color-stop(100%, rgba(162,231,0,1))); background: -webkit-linear-gradient(top, rgba(133,190,0,1) 0%, rgba(162,231,0,1) 100%); background: -o-linear-gradient(top, rgba(133,190,0,1) 0%, rgba(162,231,0,1) 100%); background: -ms-linear-gradient(top, rgba(133,190,0,1) 0%, rgba(162,231,0,1) 100%); background: linear-gradient(to bottom, rgba(133,190,0,1) 0%, rgba(162,231,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85be00', endColorstr='#a2e700', GradientType=0 );
text-decoration: none; border:0 !important; }
.form-inline .input-group-addon { padding: 0px 5px!important;    border: 0;    background: none!important;}
 .form-inline .form-group input.form-control:read-only {
 background: #fff !IMPORTANT;
}
.btn.btn-default:hover, .btn.btn-default:focus { background: #054693;    color: #fff;    border-color: #054693;}
.form-submit-btn { text-transform: capitalize; padding: 20px 40px; border-radius: 30px; margin: 0; border: 0; width: auto; font-size: 17px; font-weight: 600; text-shadow: none; background: #214570; color: #fff; }
.form-submit-btn:hover, .form-submit-btn:focus { background: #767779; border: none; color: #fff; text-decoration: none; outline:none }
/*.form-inline button.btn.btn-default.full-width-btn { width:100%; }*/
.newsletter-wrapper.newsletter-wrapper-desktop { display: none; }
/**************home newsletter-wrapper ***********************/
.border-box { border: 2px solid #ccc; border-radius: 25px; font-weight: 400; margin: 0 0 8px; padding: 10px; color: #969696; }
.blue { color: #5699fd; font-size: 15px !important; font-weight: 400; }
.contact-details p a { color: #5699fd; display:inline-block; }
.country-flag { display:inline-block; padding-right: 8px; }
.countries-wrap p { padding: 5px 0 !important; }
/************************************************/
/* KYC page */
.kyc-page {  text-align: left;}
.kyc-page .login-body{margin: 0;}
.stepwizard-step {  width: 33.33%;  float: left;}
.stepwizard-step .btn.btn-default{margin-top: 0;background: #6b6b6b;border: 1px solid #6b6b6b;}
.stepwizard-step a {  display: flex;  border-radius: 0;  text-align: left;  border: 0; background: #e3e3e3;  flex-direction: column;  color: #6c6c6c;  padding:7px 15px;border-right: 1px solid #c0c0c0;font-size: 16px;}
.stepwizard-step.active .btn.btn-default {    background: #054693;    color: #fff;    border: 1px solid #054693;}
.stepwizard-step.active .btn.btn-default:focus{background: #6b6b6b;border: 1px solid #6b6b6b;}
.stepwizard-step button[disabled] {  opacity: 1 !important;  filter: alpha(opacity=100) !important;}
.border-none{border: 0!important;}
.paddingbottom0 {  padding-bottom: 0!important;}
.stepwizard-content {  padding: 20px 0;  position: relative;}
.stepwizard-content .form-group {  margin-bottom: 10px;  position: relative;  border-bottom: 1px solid #ccc;  padding: 15px 15px 15px 40px;}
.stepwizard-content.second-tab .form-group{    padding: 15px 0px;}
.stepwizard-content .form-group h4 {margin: 15px 0;font-size: 16px;}
.stepwizard-content .form-group h4 span {  position: absolute;  left: 10px;}
.stepwizard-content .form-group label{    margin-bottom: 12px;font-weight: normal;font-size: 16px;}
.stepwizard-content .form-group label label {  margin: 0;}
.other-box {    display: flex;    align-items: center;   }
.other-box label{    height: 23px;}
.other-box .other-box-txt {      display: block;    width: 100%;    margin-left: 15px;}
.second-tab.stepwizard-content .other-box label{    width: 30%;}
.second-tab .other-box .other-box-txt{width: 68%;    margin-left: 2%;margin-bottom: 10px;}
.stepwizard-content .form-group .label-text{    font-size: 14px;}
.stepwizard-content.third-tab {  padding:40px 20px;  position: relative;}
.stepwizard-content.third-tab a{text-decoration: underline;}
.stepwizard-content.third-tab .form-group {  border: 0;  padding: 0px 15px 0px 0;}
.stepwizard-content.third-tab .form-group input {  width: 5%;  float: left;    height: 15px;}
.stepwizard-content.third-tab .form-group label {  width: 95%;    padding-left: 30px;}
.stepwizard-content [type="checkbox"]:not(:checked) + label::before, .stepwizard-content [type="checkbox"]:checked + label::before{top:8px;    height: 17px;width: 17px;}
.stepwizard-content [type="checkbox"]:not(:checked) + label::after, .stepwizard-content [type="checkbox"]:checked + label::after{    top: 10px;   height: 17px;width: 17px;left: 5px;}
.stepwizard-content [type="checkbox"]:not(:checked) + label, .stepwizard-content  [type="checkbox"]:checked + label{padding-left: 30px;}
.stepwizard-content.third-tab .common-btn{margin-top: 15px;}
.stepwizard-content input[type=file] {  display: block;  border: 1px solid #d9d9d9;  padding: 6px;  background-color: #fff;}
.stepwizard-content.second-tab {    padding: 20px;}
.stepwizard-content .form-group button[type="button"] {    background: #214570;    border: 0;    margin: 0 0 6px;    padding: 4px 9px;}
.stepwizard-content .form-group button[type="button"] a{    color: #fff;}
.paddingl35{    padding-left: 35px!important;}
.cmn-modal {  text-align: center;background: #00000029;}
.cmn-modal:before {  content: '';  height: 100vh;  vertical-align: middle;  display: inline-block;}
.cmn-modal .moldal-body {  vertical-align: middle;  display: inline-block;        width: 90%;  background: #fff;  padding: 20px;  margin: auto;}
.cmn-modal .moldal-body .btn{    color: #fff;  background-color: #286090;  border-color: #204d74;  margin-top: 20px;  border-radius: 0;text-decoration: none!important;  outline: none!important;}
/************************* footer-container-bottom **************************/
.footer-container-bottom { padding: 60px 0 40px 0; }
.payment-methods { padding: 27px 0; }
/********************************************/
/*************************************/
div#main-column { position: relative; }
.open-account-btns-wrapper { z-index: 1; left: 0; right: 0; }
.accounts-btns-wrapper a { position:relative; display: inline-block; width: 341px; height: 62px; a4a4a4 text-align: center;
font-size: 24px; text-transform: uppercase; padding: 16px 30px; background: #3e4a45; margin: 0 19px; background: -moz-linear-gradient(top, #3e4a45 0%, #1f1f1f 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #3e4a45), color-stop(100%, #1f1f1f)); background: -webkit-linear-gradient(top, #3e4a45 0%, #1f1f1f 100%); background: -o-linear-gradient(top, #3e4a45 0%, #1f1f1f 100%); background: -ms-linear-gradient(top, #3e4a45 0%, #1f1f1f 100%); background: linear-gradient(to bottom, #3e4a45 0%, #1f1f1f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e4a45', endColorstr='#1f1f1f', GradientType=0 );
}
.accounts-btns-wrapper { text-align:center; padding:40px 0; }
.accounts-btns-wrapper a:hover, .accounts-btns-wrapper a:focus { text-decoration:none; }
/******************* home .accounts-btns-wrapper  ********************/

h1.main-heading { font-size: 40px; text-align: center; color: #fff; margin: 24px 0 13px; text-transform: uppercase; }
 ` #site-footer {
 background: #1d1c1c;
}
 @media (min-width: 768px) {
.seven-cols .col-md-1, .seven-cols .col-sm-1, .seven-cols .col-lg-1 { width: 100%; }
}
 @media (min-width: 992px) {
.seven-cols .col-md-1, .seven-cols .col-sm-1, .seven-cols .col-lg-1 { width: 14.285714285714285714285714285714%; }
}
 @media (min-width: 1200px) {
.seven-cols .col-md-1, .seven-cols .col-sm-1, .seven-cols .col-lg-1 { width: 14.285714285714285714285714285714%; }
}
 .form-control::-webkit-input-placeholder {
 color: #000;
 opacity:1;
}
 .form-control:-moz-placeholder {
 color: #000;
 opacity:1;
}
 .form-control::-moz-placeholder {
 color: #000;
 opacity:1;
}
 .form-control:-ms-input-placeholder {
 color: #000;
 opacity:1;
}
 .form-control::-ms-input-placeholder {
 color: #000;
 opacity:1;
}
 .form-control:placeholder-shown {
 color: #000;
 opacity:1;
}
 .form-control::placeholder {
 color: #000!important;
 opacity:1;
}
/*qr code css*/
.qr-code .form-group.input-group {
    text-align: center;border:0;
}
.qr-code .form-group.input-group label{color: #214570;
    margin: 15px 0 0 0;}
.qr-code img{display: block;
    margin: 0 auto 15px;}
    .qr-code input {
    width: 65%;
    background: #214570 none repeat scroll 0 0;
    box-sizing: border-box;
    color: #ffffff;
    float: none;
    font-size: 15px;
    font-family: 'Roboto-Bold';
    padding: 11px 6px;
    text-align: center;
    text-transform: capitalize;
    vertical-align: middle;
    border-bottom: 0 solid #e9e9e9;
}
/******form-step***********/

.line-wrapp { display: none; }
.blacl-btn-wrapper { display:none; }
h2.steps-heading { margin: 0; padding: 15px; font-size: 25px; color: #fff; display:none; }
.form-step.active h2 span span.number-in, .form-step h2 span span.number-in { background: transparent; border: none; height: auto; width: auto; padding: 0; margin: 0; }
.form-content .form-inline .form-group { margin-bottom: 18px; display: inline-block; width: 100%; }
.form-content .form-inline .form-group .form-group { margin-bottom: 0; }
.form-content .form-inline .form-group.has-error { }
.personal-details.profile .form-content .form-inline .form-group.has-error { margin: 0 0 15px; }
.form-content form { margin: 0; }
.form-content .form-inline label.form-label { width: 45%; color: #fff; font-size: 14px; float: left; padding: 6px 0 0 0; font-weight: normal; }
.form-content .form-inline label.form-label.form-label2 { padding: 0 0 0; margin: -7px 0 0; }
.form-content .form-inline .step-two-box label.form-label.long { padding: 0; width: 100%; margin: 0 0 20px; }
.form-content .form-inline .step-two-box label.form-label.dark-long { width: 50%; margin-right: 2%; /*color: #656262;*/ color: #fff; }
.form-content .form-inline .step-two-box select, .form-content .form-inline .step-two-box input { width: 100%;     box-shadow: none;    outline: 0;}
.form-content .form-inline .step-two-box input.dark-input { background: #403e3e; width: 48%; border: 0; }
.form-content .form-inline .step-two-box input.light-input { background: #fff none repeat scroll 0 0; border: 0 none; width: 48%; }
.form-content .form-inline .step-two-box input.form-control[disabled], .form-content .form-inline .check-box-wrapper input.form-control[disabled] { background: #403e3e !important; }
.form-content .form-inline .step-two-box label.form-label { /*width: 30%; margin-right: 3%; float: left;*/ }
.form-content .form-inline label.form-label span { position: relative; color: #f83232; left: 0; margin-right: 6px; display: inline-block; }
.form-content .form-inline input { width: 70%; border: 1px solid #363636; border-radius: 0; }
.form-content .form-inline select { border-radius: 0; width: 70%; -webkit-appearance: none; -moz-appearance: none; -os-appearance: none; -ms-appearance: none; background:#fff; background-repeat: no-repeat; border: 1px solid #363636; }
.form-content .form-inline.paxix select, .form-content .form-inline.paxix input { width: 100%; }
.content-wrapper .form-inline.paxix .arrow-indicator { width: 32%; }
.submit-box p { font-size: 13px; color: #000; padding: 10px 0 0 0; }
.container-xs.form-border { border: 1px solid #3a3939; padding: 0; margin-bottom: 90px; margin-top: 30px; }
.form-content .form-inline input.country-code { width: 19%; float: left; margin-right: 1%; }
.form-content input.ph-number { width: 50%; float: left; }
.form-content .form-inline .form-group .arrow select { -moz-appearance: none; background: #fff no-repeat scroll 90% 14px; float: left; width: 32%; }
.form-content .form-inline .form-group .arrow.middle select { float: left; margin: 0 2%; width: 32%; }
.custom-details .form-content .form-inline label.form-label span {    bottom: 0;}
/*.submit-box .btn { font-size: 17px; margin: 0; text-decoration:none; background: #214570; color: #fff; 
border: none; border-radius: 30px; color: #fff; display: inline-block; font-weight: 600; padding: 14px 0; position: relative; text-shadow: none; text-transform: uppercase; transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; -ms-transition: all 0.3s ease-in 0s; width:38%; }
.submit-box .btn:hover,
.submit-box .btn:focus { background: #767779; 
border: none;
color: #fff;
text-decoration: none;
}*/
.star { display:inline-block !important; }
.right-login-wrapper p { margin:0 0 15px; font-size: 10px; text-align:center; }
.right-login-wrapper .form-group input.country-code { width: 20%; float: left; margin-right: 0; background: #fff; border-top-right-radius: 0; border-bottom-right-radius: 0; }
span.form-control-colour-text { color: #545454; padding: 10px 3px; display: inline-block; font-size: 14px; width: 100%; border: 1px solid #cccccc; padding-left: 12px; border-radius: 5px; text-align: left; }
.submit-box button.btn-yellow { background: #ffb400 none repeat scroll 0 0; color: #1d1c1c; font-size: 20px; padding: 8px 35px 3px; border:#b08214; }
.submit-box button.btn-yellow:hover { }
.submit-box button:last-child { margin-right: 0; }
.step-two-box-bottom { padding: 0 25px 15px 38px; }
.form-content .form-inline .step-two-box-bottom input { width: 240px; margin-left: 33px; }
.form-content .form-inline .step-two-box-bottom label.form-label { width: 38%; }
.form-submit-btn, .btn.form-submit-btn { text-transform: capitalize; padding: 10px 40px;  margin: 0; border:2px solid #214570; width: auto !important; font-size: 17px;font-family: 'Roboto-Bold'; text-shadow: none; background: #214570; color: #fff; }
.form-submit-cancel, .btn.form-submit-cancel { text-transform: capitalize; padding: 10px 40px; border-radius: 30px; margin: 0; border: 0; width: auto; font-size: 17px; font-weight: 600; text-shadow: none; background: #fff; color: #9f9f9f; border:2px solid #9f9f9f; }
.form-submit-cancel:hover, .form-submit-cancel:focus, .btn.form-submit-cancel:hover, .btn.form-submit-cancel:focus { background: #9f9f9f; padding: 10px 40px; border:2px solid #9f9f9f; color: #fff; text-decoration: none; outline:none }
.form-submit-btn:hover, .form-submit-btn:focus, .btn.form-submit-btn:hover, .btn.form-submit-btn:focus { background: #054693; color: #fff; text-decoration: none; outline:none; }
/****/

.content-area.login-bg {
    background: url(/Images/main-login-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}
/*************  before login  ***************/
p.rotat-p {    font-size: 40px;    text-transform: uppercase;    color: #fff;    position: absolute;    left: -125px;    z-index: 9;    transform: rotate(90deg);    bottom: 180px;    font-family: 'RobotoThin';}
.spanish p.rotat-p{font-size: 30px;}
.register-wrap .row-flex{position: relative;  margin: 0 -1px;}
.login-l {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 35px 30px;
    z-index: 99;
}
/*.login-l:after {
    background-image: url(/assets/Images/login-img.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    content: '';
    position: absolute;
    right: 0;
    z-index: 1;
    height: 212px;
    width: 100%;
    bottom: 0;
}*/
.login-l:after {
   background-image: url(/assets/Images/circle-img.png);
    background-repeat: no-repeat;
    background-position: center center;
    content: '';
    position: absolute;
    right: 0;
    z-index: 1;
    height: 582px;
    width: 100%;
    top: 0;
}

.login-l h3{
	font-size: 30px;
    color: #fff;
    position: relative;
    z-index: 9;
    left: 0;
    right: 0;
    letter-spacing: normal;
    font-family: 'Roboto-Regular';
    line-height: 30px;
    text-align: center;
}

.login-l h4{font-size:20px; color: #fff; margin:50px 0 10px; text-transform: uppercase; z-index:99;}
.login-l h3 span{font-family: 'Roboto-Bold'; font-size: 35px;}
.login-l a{position: relative; z-index: 99;}

.login-icon{position: absolute; bottom: 50px; right:45px;}
.registration-bottom h3{
    font-size: 14px;
    text-transform: uppercase;
    color: #214570;
    margin: 0;
    border-top: 1px solid #ccc;
    padding: 15px 0 10px 0;
    text-align: center;
}
.registration-bottom a {        /**width: 100px!important;**/text-decoration: none;padding: 10px!important;}
.registration-bottom a:hover{text-decoration: none;outline: none;} 
/*************  before login  ***************/
.form-content.step-three { color:#fff; }
.form-content.step-three .form-inline label.form-label.long { width: 70%; float: left; margin-right: 2%; }
.form-content.step-three .form-inline label.form-label.full { width: 100%; float: left; }
.check-box-wrapper { color: #656262; }
.form-content .form-inline .check-box-wrapper input[type="checkbox"] { width: auto; margin-right: 9px; }
.form-content .form-inline .check-box-wrapper input.cb { width: 240px; margin-left: 15px; background: #403e3e; border: 0; }
.form-content.step-three .form-inline label.form-label { width: 70%; float: left; margin-right: 2%; }
.form-content.step-three .form-inline select { width: 28%; }
.squaredThree label { width: 20px; height: 20px; cursor: pointer; position: absolute; top: 0; left: 0; background: -webkit-linear-gradient(top, #222222 0%, #45484d 100%); background: linear-gradient(to bottom, #222222 0%, #45484d 100%); border-radius: 4px; box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.4); }
/***/
/*******************************/
.icon-title { font-weight: bold; }
.icon-title img { background: #365c95; border-radius: 30px; padding: 9px 10px 5px 8px; margin-right: 15px; }
.left-login-wrapper { padding: 50px 0; }
/***************************/
/******************************** Inner page Banner css*******************/
section.entry-header { display: none; }
.inner_bnr_container .banner-content { padding: 30px 0; }
.crumb a { color: #e9e9e9; }
.inner_bnr_container { background: #ebebeb; margin: 0; }
.banner-content h2 { font-size:45px; color:#3a3a3a; margin:0; }
.banner-content p, .banner-content p a { font-size: 13px; color: #7f7e7e; margin: 6px 0; }
/***********************************************************/
/********Forgot password**********/

/*.forgot-password .form-content-box { padding: 0 40px; text-align: center; width: 60%; margin: 70px auto 0; }

.forgot-password .form-content .form-inline label.form-label { width:50%; float:left; }

.forgot-password .form-content .form-inline input { width:50%; float:left; }*/

/********Forgot password**********/
.mobile-wrapper, .icon-menu { display:none; }
/************Thank You demo page********************/
/******************/
.accounts-btns-wrapper.trading-ac a { position: relative; display: inline-block; width: 290px; height: 57px; font-size: 23px; text-transform: uppercase; padding: 13px 0; background: #3e4a45; margin: 0 19px; background: -moz-linear-gradient(top, #3e4a45 0%, #1f1f1f 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #3e4a45), color-stop(100%, #1f1f1f)); background: -webkit-linear-gradient(top, #3e4a45 0%, #1f1f1f 100%); background: -o-linear-gradient(top, #3e4a45 0%, #1f1f1f 100%); background: -ms-linear-gradient(top, #3e4a45 0%, #1f1f1f 100%); background: linear-gradient(to bottom, #3e4a45 0%, #1f1f1f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e4a45', endColorstr='#1f1f1f', GradientType=0 );
}
.oaa { color: #393939; font-size: 23px; text-align: center; padding: 0; margin: 30px 0 -10px 0; }
.clrwhite { color: #fff; cursor: pointer; font-size: 14px; font-weight: 300; line-height: normal; margin: 0; padding-left: 35px; position: relative; }
.no-pading { padding:0; }
/************Ticker**************/

.social-dash .title {
    color: #214570 !important;
    text-align: center !important;
    margin: 0 0 30px 0 !important;
    font-size: 24px !important;
}

#market_rates_ticker { background: #3f3f3f; color: #999999; }
/************Ticker**************/
/******User Name section**********/
span.user-name { color: #545454; font-weight: normal; font-size: 14px; text-transform: capitalize; }
.right-links .btn-group .caret::after { right: 10px; top: 9px; }
span.main-user-name { color: #06203d; font-weight: bold; font-size: 16px; text-transform: capitalize; }
span.main-user-name.equity { color: #89c300; }
/******User Name section**********/
/*****************Common Css********************/
body { position:relative; font-size:14px; overflow-x:hidden; color:#636363; }
p { font-size:14px; color:#636363; }
a { color:#767779; }
a:hover, a:focus { color:#89c300; text-decoration:underline; }
.main-heading { color: #363636; font-size: 20px; font-weight: 500; margin: 0; padding: 30px 15px; text-transform: capitalize; }
.steps-main-heading {
    color: #214570;
    font-size: 27px;
    padding-left: 0;
    margin:0;
}
.main-heading.step-title { padding:30px 0; }
.form-error { font-size: 12px; }
.form-group.has-error { margin: 0; }
.small-heading { color: #363636; font-size: 20px; font-weight: 400; margin-bottom: 18px; margin-top: 0; padding: 0 15px; }
.padding-lr0px { padding-left: 0; padding-right: 0; }
.no-margin{margin: 0!important;}
.border-none{border: 0!important;}
/*checkbox css start*/
.checkbox-wrapp { margin: 0 0 0 0; }
[type="checkbox"]:checked, [type="checkbox"]:not(:checked) { left: -9999px; position: absolute; }
[type="checkbox"]:checked + label, [type="checkbox"]:not(:checked) + label { color: #444; cursor: pointer; font-size: 14px; font-weight: 400; line-height: 32px; margin: 0; padding-left: 30px; padding-top: 0; position: relative; text-align: left; }
[type="checkbox"]:checked + label::before, [type="checkbox"]:not(:checked) + label::before { background: #fff none repeat scroll 0 0; border: 1px solid #ccc; border-radius: 4px; box-shadow: none; content: ""; height: 20px; left: 2px; position: absolute; top: 4px; width: 20px; }
[type="checkbox"]:checked + label::after, [type="checkbox"]:not(:checked) + label::after { color: #89c300; content: "✔"; font-size: 13px; left: 7px; line-height: 0.8; position: absolute; top: 8px; transition: all 0.2s ease 0s; }
[type="checkbox"]:not(:checked) + label::after { opacity: 0; transform: scale(0); }
[type="checkbox"]:checked + label::after { opacity: 1; transform: scale(1); }
[type="checkbox"]:disabled:checked + label::before, [type="checkbox"]:disabled:not(:checked) + label::before { background-color: #ddd; border-color: #bbb; box-shadow: none; }
[type="checkbox"]:disabled:checked + label::after { color: #999; }
[type="checkbox"]:disabled + label { color: #aaa; }
label a { color:#214570; font-weight:600; }
label a:hover, label a:focus { color: #767779 !important; text-decoration:none; }
label:hover::before { border: 1px solid #9e9e9e !important; }
/************************/
/**********pymnt-mthds*************/
.pymnt-mthds { box-shadow: 0 0 10px #ccc inset; margin: 0 auto 25px; padding: 10px 10px; text-align: center; min-height: 130px; display: flex; align-items: center; justify-content: center; }
.pymnt-mthds img { width: 60%; }
.pymnt-mthds h4 { margin-bottom:0px; }
/**********************************/
/**********/
/***********   modal css    ***********/
.popup {    text-align: center;}
.popup:before {    content: '';    display: inline-block;    height: 100%;    vertical-align: middle;}
.popup .modal-dialog {    max-width: 740px;    width: auto;    display: inline-block;    vertical-align: middle;}
.popup .modal-content {    padding: 30px 20px;    position: relative;    border-radius: 0;}
.popup .close {    color: #000;    position: absolute;    right: 18px;    top: -15px;    opacity: 1;    font-size: 25px;}
.popup h2 {    font-size: 40px;   font-weight: 700;}
.popup h4 {    font-size: 22px;    margin: 20px 0;    color: #000;}
.popup p {    font-size: 16px;    margin-bottom: 20px;    color: #000;}
.popup .modal-footer{     text-align: center;    border: 0;    padding-bottom: 40px;}
.popup .modal-footer button {    color: #fff;    background: #c76c00!important;    border-radius: 30px;    text-transform: uppercase;    padding: 10px 40px;    border: 1px solid #c76c00;}
.popup .modal-footer button:last-child {    background: #fff!important;    color: #c76c00;    border: 1px solid;}
.modal.popup{background: #000000a3;z-index: 999999;}
.popup label {    margin-top: 12px;}
.popup .modal-body img{margin: 0 auto 40px;}
.popup .modal-dialog:after {    content: '';    position: absolute;    height: 110%;    width: 88%;    background: #ccc;    top: -22px;    left: 0px;right: 0;    margin: auto;    background: rgb(59,128,245);    background: linear-gradient( 90deg , rgba(59,128,245,1) 0%, rgba(56,123,237,1) 22%, rgba(23,67,146,1) 35%, rgba(10,45,110,1) 50%, rgba(22,65,143,1) 65%, rgba(57,125,240,1) 82%, rgba(59,128,245,1) 100%);}
.popup .modal-content {    padding: 30px 20px;    position: relative;    border-radius: 0;    z-index: 999;    background: #fff url(/Images/modal-bg.png);    background-repeat: no-repeat;    background-size: cover;    box-shadow: none;    border: 0;}
/***************   modal ends   **************/
.amount-options { display: block; margin: 0 0 10px; padding: 0px; }
.amount-options li { display: inline-block; list-style: none; }
.amount-options span { display: inline-block; font-size: 13px; color: rgb(85, 85, 85); font-weight: 500; position: relative; background: transparent; border-width: 2px; border-style: solid; border-color: rgb(168, 168, 168); border-image: initial; border-radius: 4px; padding: 5px 8px; margin: 0px 7px 0px 0px; }
/**********/
/************/
table.bnk-trnsfer { border: 1px solid #ccc; border-collapse: separate; margin: 0 0 30px; width: 100%; }
table.bnk-trnsfer tr th { background: #214570 none repeat scroll 0 0; border-bottom: medium none; border-right: 1px solid #fff; border-top: medium none; color: #fff; font-size: 16px; font-family: 'Roboto-Bold';text-align: center; padding: 8px 12px; text-transform: uppercase; vertical-align: middle; }
table.bnk-trnsfer tr th:last-child { border-right: medium none; }
table.bnk-trnsfer td { background: #fff none repeat scroll 0 0; border-right: 1px solid #ccc; color: #000; font-size: 14px; padding: 10px 12px; text-align: left; vertical-align: middle; }
table.bnk-trnsfer tr:nth-child(2n+1) td { background: #e8e8ec none repeat scroll 0 0; }
/**********/
.text-muted-sm { padding: 10px !important; margin: 10px 0 !important; }
/************Deposit Table CSS************/
.common-table { background: #f1f1f1 none repeat scroll 0 0; width: 100%; margin: 0 auto; border-radius: 6px; }
.common-table th { background:#214570 none repeat scroll 0 0; box-sizing: border-box; color: #ffffff; float: none; font-size: 15px; font-family: 'Roboto-Bold'; padding: 15px 6px; text-align: center; text-transform: capitalize; vertical-align: middle; border-bottom: 0 solid #e9e9e9;  }
.common-table th:first-child { border-radius: 0; }
.common-table th:last-child { border-radius: 0; border-right:none; }
.common-table td { border-right: 1px solid #d0d0d0; border-bottom: 1px solid #fff; color: #363636; font-size: 15px; font-weight: 300; padding: 15px 6px; text-align: center; text-transform: capitalize; text-align: center; }
.common-table td a.deposit-btn { border: 2px solid #99d213; border-radius: 20px; color: #99d213; font-size: 13px; font-weight: 600; padding: 7px 18px; text-transform: uppercase; transition: all 0.2s linear 0s; }
.common-table td a.deposit-btn:hover, .common-table td a.deposit-btn:focus { background: #99d213 none repeat scroll 0 0; border: 2px solid transparent; color: #fff; text-decoration: none; }
.common-table td:last-child { border-right: none; }
/***************************/
/**********top header********************/
.home .inner_bnr_container { display: none; }
.site-header { z-index: 9999999; }
.top-head-bar { align-items: center; background: #fff none repeat scroll 0 0; box-shadow: 0 -2px 7px #9e9e9e; display: flex; padding:0; }
.main-top-text { font-size: 16px; font-weight: 400; background: #3482bd; color: #fff; padding: 10px 24px; border-radius: 6px; display: inline-block; margin: 0; }
.hamburger-menu { font-size:22px; cursor:pointer; top: -16px; position: relative; padding-right: 8px; }
.site-title.logo { display: inline-block; }
.site-title.logo img {
    width: 85px;
}
.top-head-bar .left-links a { color: #7f7f7f; font-size: 13px; display: inline-block; margin: 0 25px 0 0; position: relative; }
.top-head-bar .left-links a:hover { text-decoration:underline; }
.left-links a span { font-size: 17px; margin: 0 6px 0 0 !important; }
.left-links a:last-child span { margin: 0; position: relative; left: -6px; }
.top-head-bar .left-links a:after { content: ""; height: 12px; width: 1px; background: #7f7f7f; position: absolute; right: -13px; top: 4px; }
.top-head-bar .left-links a:last-child:after { display:none; }
.top-head-bar .right-links { text-align: right; }
.top-head-bar .right-links img { position: relative; /*top: -5px;*/ }
.common-btn { color:#214570;    border: 2px solid;    display: inline-block;    font-size: 14px;    margin: 0;    padding: 8px 30px;    position: relative;    text-align: center;    text-decoration: none;    text-shadow: none;    text-transform: capitalize;    transition: all 0.3s ease-in 0s;    -webkit-transition: all 0.3s ease-in 0s;    -ms-transition: all 0.3s ease-in 0s;    border-radius: 0;    font-family: 'Roboto-Bold';background: #fff;}
.common-btn:hover, .common-btn:focus{background: #214570; border: none; color: #fff; text-decoration: none; border: 2px solid;}
.form-group .tooltip.top { padding: 0; margin-top: 0; bottom: auto !important; right: 0 !important; top: auto !important; left: auto !important; line-height: normal; opacity: 1; z-index: 11;}
.form-group.file-group .tooltip.top { margin-top: 52px; }
.demo-check .tooltip { margin-top: 50px !important; }
.real-check .tooltip { margin-top: 20px !important; }
.demo-form-check .tooltip { margin-top: 74px !important; }
.upload-pg .form-group .input-group{border-bottom: 0;    display: table;}
.upload-pg .form-control{    border: 1px solid #ccc;height: 45px;}
/*.form-group .error { bottom: auto !important; right: 0 !important; top: auto !important; left: auto !important; opacity: 1; }*/
.form-group .tooltip.top .tooltip-arrow { bottom: auto; left: auto !important; margin-left: 0; border-width: 6px 8px 0px; border-top-color: #a72323; top: -1px; transform: rotate(180deg); right: 5px; display: none; }
.form-group .tooltip-inner { max-width: initial; padding: 2px 0; color: #a72323; text-align: center; background-color: transparent; border-radius: 0; font-size: 11px; margin: 0 1px;     top: 40px;    position: relative;}

.common-btn.view-btn{margin-top: 26px;}

label.btn.btn-primary.select-btn{background: #dbdbdb; border: 1px solid #dbdbdb; color: #857f7f !IMPORTANT;}
label.btn.btn-primary.select-btn:hover{
    background: #dbdbdb !important;
    border: 1px solid #dbdbdb !important;
    color: #959595 !IMPORTANT;
}

label.btn.btn-primary.select-btn.active{color: #fff !important;}

label.btn.btn-primary.select-btn.active:hover{
    background-color: #28608F !important;
    border-color: #204d74;
}
label.btn.btn-primary.select-btn:focus{
    border: 0;
    box-shadow: none;
}
/*************** flag dropdown **************/
.r-page .dropdown-right-wrapper { margin: 0 0 30px 0px;    display: flex;    align-items: center;    justify-content: end;}
.dropdown-right-wrapper{    text-align: right;    border-bottom: 1px solid #ededed;    margin-bottom: 30px;} 
.dropdown-right .drop-down .button a.select-list-link { color: #7f7f7f; position: relative; float: right; }
.dropdown-right .drop-down select { display: none; }
.dropdown-right .drop-down .button span.fa.fa-angle-down {
	 position: relative;
    height: 15px;
    width: 15px;
    right: 0;
    left: 0;
    margin: 0;
    font-size: 15px;
    color: #000;
    background: url(/Images/arrow.jpg);
    background-repeat: no-repeat;
    background-position: 2px 4px;
}
.dropdown-right .drop-down .select-list li { display: none; list-style: none; }
.dropdown-right .drop-down .select-list li:hover { background:#eeeeee; }
.dropdown-right .drop-down .button:hover .select-list { display:block; }
.dropdown-right .drop-down .select-list li span { background-color: #fff; background-position: right 8px center; background-repeat: no-repeat; box-sizing: border-box; color: #363636; cursor: pointer; display: inline-block; font-size: 13px; font-weight: 400; min-height: auto; min-width: auto; opacity: 1; padding: 6px 32px 6px 10px; text-align: left; text-transform: capitalize; width: 100%;    box-shadow: 0 0 3px 0px #ccc; }
.dropdown-right .drop-down .select-list li span:hover, .dropdown-right .drop-down .select-list li span:focus { opacity: 1; background-color:#eeeeee; }
.dropdown-right .drop-down { display: inline-block; font-family: "Roboto", sans-serif; margin-top: 0; position: relative; width: 90px; padding: 9px 10px 9px 10px;}
.top-head-bar .dropdown-right .drop-down{border: none;}
.dropdown-right .drop-down .button { width: 100%; }
.dropdown-right .drop-down .button span { background-position: right 1px center; background-repeat: no-repeat; background-size: 18px 12px; border: medium none; color: #363636; cursor: pointer; display: inline-block; font-size: 13px; font-weight: 400; line-height: normal; padding: 0; text-align: left; text-transform: capitalize; vertical-align: middle; width: 50px; float: left;}
.dropdown-right .drop-down .button span.fa.fa-sort-desc { font-size: 17px; margin: -9px 0 0 0; padding: 4px 0 4px 5px; width: auto;}
.dropdown-right .drop-down .select-list { position: absolute; top: 0px; left: 0; right: 0; z-index: 40; margin-top: 40px; padding: 0; background-color: #595959; width: 90px; margin-left: 0; box-shadow: 0 0 3px 0px #ccc;}
.dropdown-right .drop-down .button:hover .select-list { display:block; }
.dropdown-right .drop-down .select-list li span:hover, .dropdown-right .drop-down .select-list li span:focus{opacity: 1;}
header .dropdown-right-wrapper{border: 1px solid #ededed;    margin-bottom: 0;}
/**********top header********************/
/*****************main Menu******************/
.sidenav { height: 100%; width: 0; position: fixed; z-index: 1; top: 0; left: 0; background-color: #434b50; overflow-x: hidden; transition: 0.5s; padding-top: 60px; display:inline-block; }
.sidenav a { padding: 8px 8px 8px 32px; text-decoration: none; font-size: 25px; color: #818181; display: block; transition: 0.3s; }
.sidenav a:hover { color: #f1f1f1; }
.sidenav .closebtn { position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px; }
.padding-l-0 {    padding-left: 0!important;}
 @media screen and (max-height: 450px) {
.sidenav { padding-top: 15px; }
.sidenav a { font-size: 18px; }
}
.main-navigation .navbar-nav>li { float: none; display: inline-block; }
.main-navigation { background: #06203d; }
.main-navigation .navbar-nav { margin: 0 auto; width: 100%; float: none; text-align: center; }
.main-navigation .navbar-default { background: transparent; border: 0; }
.main-navigation .navbar-default { background: transparent; border: 0; margin: 0; }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { color: #fff; background-color: #4477c4; }
.main-navigation .navbar-nav>li:hover ul.sub-menu.dropdown-menu { background-image: none; background-color: #4477c4; color: #fff; font-size: 14px; padding: 0; margin: 0px 0 0 0; border: 0; }
.main-navigation .navbar-nav>li:hover ul.sub-menu.dropdown-menu li a { padding:10px 60px 10px 20px; color: #fff; }
.main-navigation ul.primary-menu li:hover { background-color: #4477c4; }
.main-navigation .navbar-nav>li:hover ul.sub-menu.dropdown-menu li a:focus, .main-navigation .navbar-nav>li:hover ul.sub-menu.dropdown-menu li a:hover { background: #2d61ad; }
.main-navigation ul.primary-menu .dropdown-menu>.active>a, .main-navigation ul.primary-menu .dropdown-menu>.active>a:focus, .main-navigation ul.primary-menu .dropdown-menu>.active>a:hover { background-image:none; background-color: #2d61ad; }
.login-details { text-align: right; }
button.btn.btn-default.dropdown-toggle.user { background: transparent; border: 0; box-shadow: none; }
button.btn.btn-default.dropdown-toggle.user:hover { background: transparent; border: 0; box-shadow: none; }

.login-details .common-btn{float:right; margin-left: 7px;}
/*****************main Menu******************/
/**************Login Page******************/
.login-r {    background: #fff;      padding: 10px 30px;}
.login-page{
    height: 100Vh;
    position: relative;
    width: 100%;
    margin: 0 auto;
    max-width: 1200px;s
}
/*.login-page .form-content { height: 100%; }*/
.login-page .form-content-box { padding: 0 40px; text-align: center; width: 50%; margin: 70px auto 0; }
.login-page .register-wrap { width: 100%; 
position: absolute; top: 50%; 
left: 0; right: 0; 
bottom: initial; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); 
transform: translateY(-50%); margin:0 auto; background:#0000; padding:0 0px 0 40px;    
border-radius: 30px;

	}
@keyframes gradient {
    0% {
      background-position: 0% 50%;
    }
    50% {
      background-position: 100% 50%;
    }
    100% {
      background-position: 0% 50%;
    }
  }
.login-text { border-bottom: 1px solid #eee; margin: 0 auto; padding: 18px 0; text-align: center; }
.login-page .registration-top{padding:0px 0 20px 0; border-bottom:0;    margin-left: 0;}
.page-title {display: none;}
.registration-bottom{padding: 0 0 20px 0;    position: relative;    z-index: 99;    
    /* display: flex;    flex-direction: column;    align-items: baseline; */
}
.login-r .btn.btn-default {
    background: #fd7322;
    border: 1px solid #fd7322;
}
a.forgot-pwd {
    color: #808080;
    text-decoration: underline;
    font-weight: bold;
    margin: 15px 0 0 0;
    display: inline-block;
}
.login-l p {
    font-size: 18px;
    color: #fff;
}
.registration-bottom p { font-size: 14px; margin: 0; font-weight: 400; }
.signup-text a.here { color: #767779; }
.login-page .form-content .form-inline .form-group span.form-error{bottom: -21px;}
.italian .r-page .form-content .form-inline .form-group span{    font-size: 10px;line-height: 8px;}
.signup-text {    text-align: center;}
.form-group.input-group{border-bottom: 2px solid #000;   display: block;    text-align: left;}
.form-group.input-group input.input-color{    border: none;  border-radius: 0;}
.form-group.input-group input.input-color:focus {  box-shadow: none;  outline: none;}
.form-group.input-group .security-code-wrapp .form-control {    border-bottom: 2px solid #000;}
.form-group.input-group .border-focus {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}
.form-group.input-group .border-focus::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 2px;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  -moz-transition: all .4s;
  transition: all .4s;
  background: #0022dc;
}
.form-group.input-group .input-color:focus+.border-focus::before {
  width: 100%;
}
/********Login Page**********/
.home-redirect { position: absolute; right: 5px; top: 10px; margin: 0; width: 24px; height: 24px; display: none; line-height: 20px; text-align: center; vertical-align: middle; font-size: 19px; font-weight: 400; z-index: 1; }
span.close-btm { vertical-align: middle; }
.home-redirect a { font-family: monospace; color: #999; text-decoration: none; }
/*********Spet2 page**************/
.form-step-wrapper { padding: 0; overflow: hidden; background: #06203d; position: relative; }
.form-step { padding: 0 15px; text-align: center; display: inline-block; width: 33%; }
.form-step h2 { vertical-align: middle; margin: 5px 0 9px 0; }
.main-heading.step-two { padding: 40px 0 0 0; }
.form-step h2 span.text-head { font-size: 18px; color: #fff; background: transparent !important; border: none !important; display: block; width: auto; height: auto; padding: 0 0; margin: 0 0; text-transform: capitalize; }
.form-step h2 span { font-size: 30px; width: 45px; height: 45px; color: #185da8; border-radius: 25px; padding: 1px 6px 6px 6px; margin-right: 9px; display: inline-block; margin-right: 11px; text-align: center; border: 2px solid #fff; vertical-align: middle; background: #06203d; }
.form-step.active h2 span { color: #fff; background:#185da8; border: 2px solid #185da8; }
.form-step.active.icon-check h2 span { color: #fff; background: #55b429; border: 2px solid #55b429; }
.form-step.active.icon-check h2 span i { color:#03560b; }
.form-content-box.step-two-wrapper { padding: 0 15px; color:#fff; background: #f3f3f3; }
.form-content-box.step-two-wrapper .step-two-box select { width:100%; }
.form-content-box.step-two-wrapper button.btn.btn-default { width: 100%; padding: 5px 70px; font-size: 22px; height: auto; background: #89c300; text-decoration:none; border:0; }
.form-content-box.step-two-wrapper button.btn.btn-default:hover { background:#6bda36; text-decoration:none; border:0; }
.form-content-box.step-two-wrapper button.btn.btn-default:focus { background:#3e8d18; text-decoration:none; border:0; }
.form-content-box.step-two-wrapper button.btn.btn-default:after { display: none; }
.form-content-box.step-two-wrapper .form-group .arrow select { width:32.5%; }
.form-content-box.step-two-wrapper .form-group .arrow.middle select { width: 31%; }
.step-two-wrapper { background: #fff none repeat scroll 0 0; border-radius: 0 0 5px 5px; }
.step-two-box.step2{text-align:center; padding: 0;}
.forgot-password .step-two-wrapper {        padding: 30px 50px; }
.r-page.forgot-password .form-inline button.btn.btn-default{    background: #fd7322!important;}
.before-h2{font-size: 25px;    font-family: 'Roboto-Bold';    margin: 0 0 20px 0;    text-align: center;}
.real-form-boder { padding-right: 0; }
.step-box-head { margin:0 0 35px; }
.personal-details .step-box-head { margin: 30px 15px; }
.step-box-head a { color:#363636; }
.title { font-size:20px; font-weight:600; margin-top:0; margin-bottom:20px; text-align:center; color:636363; line-height: normal; }

:lang(sv) .title { font-size:16px !important;}
:lang(sv) .sub-footer .sf_title {font-size: 20px;}

.medium-title { font-size:24px; font-weight:300; margin-top:0; margin-bottom:6px; color:636363; line-height: normal; }
.thank-title { font-size:34px; font-weight:300; margin-top:0; margin-bottom:6px; color:636363; line-height: normal; }
.green-heading { font-size:20px; font-weight:400; margin-top:0; margin-bottom:20px; color:#89c300; line-height: normal; }
.personal-details .step-box-head .green-bg:before { display: none; }
.personal-details .step-box-head .green-bg { border-radius: 16px !important; }
.step-info { align-items: center; border: 1px solid #ccc; border-radius: 18px; display: flex; font-size: 14px; position: relative; text-align: center; }
.green-bg { background: #214570 none repeat scroll 0 0; border-radius: 16px 0 0 16px; padding-bottom: 8px; padding-top: 8px; position:relative; color:#fff; }
.green-bg::after { border-bottom: 19px solid transparent; border-left: 14px solid transparent; border-top: 19px solid transparent; content: ""; position: absolute; right: -13px; top: 0; }
.green-bg:last-child::before { border-bottom: 19px solid transparent; border-left: 14px solid transparent; border-top: 19px solid transparent; content: ""; position: absolute; left: 0; top: 0; }
.green-bg:nth-child(2n)::before { border-bottom: 19px solid transparent; border-left: 14px solid transparent; border-top: 19px solid transparent; content: ""; position: absolute; left: 0; top: 0; }
.green-bg:last-child { border-radius: 0 16px 16px 0 !important; }
.green-bg:nth-child(2n) { border-radius: 0; }
.green-bg:last-child::after { display: none; }
.common-border { margin-bottom:35px; padding-bottom:20px; border-bottom: 1px solid #ccc; }
.select-btn { background: #e6e6e6 none repeat scroll 0 0; border: medium none; border-radius: 3px !important; display: inline-block; padding: 10px 15px; width: 31.3%; color:#333; }
.select-btn-middle { margin: 0 10px !important; }
.select-btn.active, .select-btn:focus, .select-btn:hover, .select-btn.active, .select-btn.focus { background: #214570 none repeat scroll 0 0 !important; border: medium none; box-shadow:none; }
.step-two-wrapper .btn-group { display:block; }
.extra-padding { padding-left: 45px; padding-right: 45px; }
.flex-box { align-items: center; display: flex; justify-content: center; }
.small-size-para { font-size:12px; }
.leverage-details { margin-bottom:35px; }
.leverage-details .btn-group .btn { float: none; }
.shwd-wrap-box { background: #ffffff none repeat scroll 0 0; box-shadow: 3px 4px 33px 1px rgba(204, 204, 204, 0.75); margin: 8px 0; padding: 25px 0; text-align: center; border-radius:5px; }
.shwd-wrap-box .medium-title { color: #969696; font-size: 32px; margin-bottom: 16px; }
.shwd-wrap-box .select-btn { background: rgba(162,231,0,1); background: -moz-linear-gradient(top, rgba(162,231,0,1) 0%, rgba(133,190,0,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(162,231,0,1)), color-stop(100%, rgba(133,190,0,1))); background: -webkit-linear-gradient(top, rgba(162,231,0,1) 0%, rgba(133,190,0,1) 100%); background: -o-linear-gradient(top, rgba(162,231,0,1) 0%, rgba(133,190,0,1) 100%); background: -ms-linear-gradient(top, rgba(162,231,0,1) 0%, rgba(133,190,0,1) 100%); background: linear-gradient(to bottom, rgba(162,231,0,1) 0%, rgba(133,190,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2e700', endColorstr='#85be00', GradientType=0 );
border: medium none; border-radius: 40px !important; padding: 15px 65px; width: auto; display: inline-block; color: #fff; }
.shwd-wrap-box .select-btn:hover, .shwd-wrap-box .select-btn:focus { background: rgba(133,190,0,1); background: -moz-linear-gradient(top, rgba(133,190,0,1) 0%, rgba(162,231,0,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(133,190,0,1)), color-stop(100%, rgba(162,231,0,1))); background: -webkit-linear-gradient(top, rgba(133,190,0,1) 0%, rgba(162,231,0,1) 100%); background: -o-linear-gradient(top, rgba(133,190,0,1) 0%, rgba(162,231,0,1) 100%); background: -ms-linear-gradient(top, rgba(133,190,0,1) 0%, rgba(162,231,0,1) 100%); background: linear-gradient(to bottom, rgba(133,190,0,1) 0%, rgba(162,231,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85be00', endColorstr='#a2e700', GradientType=0 );
}
.shwd-wrap-box:nth-child(2n) { padding: 25px 0 5px; z-index:2; }
.shwd-wrap-box:nth-child(2n)::after { background: #fff none repeat scroll 0 0; border-radius: 0 0 5px 5px; box-shadow: 0 6px 12px rgba(204, 204, 204, 0.4); bottom: -16px; content: ""; height: 20px; left: 0; position: absolute; width: 100%; }
.shwd-wrap-box:nth-child(2n)::before { background: #fff none repeat scroll 0 0; border-radius: 5px 5px 0 0; box-shadow: 0 -6px 12px rgba(204, 204, 204, 0.4); content: ""; height: 20px; left: 0; position: absolute; top: -16px; width: 100%; }
.ribbon-title { background: #309bff none repeat scroll 0 0; color: #fff; display: block; font-size: 15px; margin: -25px -11px 15px; padding: 8px 0; position: relative; }
.ribbon-title::before { border-bottom: 7px solid #95ccff; border-left: 10px solid transparent; border-top: 10px solid transparent; content: ""; position: absolute; left: 1px; top: -16px; }
.ribbon-title::after { border-bottom: 7px solid #95ccff; border-right: 10px solid transparent; border-top: 10px solid transparent; content: ""; position: absolute; right: 1px; top: -16px; }
.white-bg { position:relative; box-sizing: border-box; }
.white-bg:before { border: 13.5px solid black; border-color: transparent; content: ""; position: absolute; left: -12px; top: 28px; width: 0; height: 0; box-shadow: -1px 1px 0 0 rgba(0, 0, 0, 0.2); box-sizing: border-box; transform-origin: 0 0; transform: rotate(-135deg); }
a.new-account { font-size: 14px; text-decoration: underline;font-family:'Roboto-Bold';     color:#808080;}
a.new-account:hover{color:#122660;}
.home-redirect a:hover{color:#214570;}
/*********Step2 page**************/
/*****************Registration Step One *************************************/
/******* registration top **********/
/*---------------------*/
.register-logo { margin: 10px 0 0; }
.switcher { align-items: center; display: none !important; justify-content: center; margin: 10px 20px; }
.switch { position: relative; display: inline-block; width: 60px; height: 34px; margin: 0 12px; }
.switch input { display:none; }
.login-box {    display: none!important;}
.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #214570; -webkit-transition: .4s; transition: .4s; }
.slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; }
input:checked + .slider { background-color: #89c300; }
input:focus + .slider { box-shadow: 0 0 1px #89c300; }
input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); }
input:checked + a .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); }
/* Rounded sliders */
.slider.round { border-radius: 34px; }
.slider.round:before { border-radius: 50%; }
.switcher > span { color: #444; font-size: 14px; font-weight: 500; }
span.green { color:#214570; }
.green { color:#214570; }
.text { font-size:12px; }
/*-------------------*/
.right-cont { align-items: center; display: flex; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; }
.right-cont div { display:inline-block; }

.registration-top {
    padding: 17px 60px 17px;
    width: 100%;
    margin: auto;
    display: flex;
    justify-content: center;
}
.registration-top h2{
	font-size: 25px;
    font-family: 'Roboto-Bold';
    text-transform: uppercase;
    margin: 0 0 0 0;
	text-align: center;
}
.join-btn { background: #fff none repeat scroll 0 0; border: 2px solid #214570; border-radius: 25px; color: #214570; display: inline-block; font-size: 14px; margin: 0; padding: 10px 35px; position: relative; text-shadow: none; text-transform: uppercase; font-weight: 500; transition: all 0.3s ease-in 0s; }
.join-btn:hover, .join-btn:focus { background: #214570 none repeat scroll 0 0; border: 2px solid #214570; color: #fff; text-decoration: none; }

.register-logo {
    display: flex;
    justify-content: center;
	margin-bottom: 20px;
}
/* *********************       *********************** */
.extra-bg { position:relative; }
.extra-bg:before, .extra-bg:after { position: absolute; content: ""; top: -34px; left: 0; width: 100%; height: 35px; background: #fff; border-radius: 5px 5px 0 0;   }
.extra-bg:before{  box-shadow:0 -5px 5px -5px #ababab;}
.extra-bg:after{box-shadow:0px 6px 6px -5px #ababab;}
.extra-bg:after { top: auto; bottom: -34px; border-radius: 0 0 5px 5px; }

.login-r.extra-bg:before{
    content: "";
    position: absolute;
    top: 5%;
    height: 45%;
    width: 5px;
    left:0;
	background: #214570;
}
.login-r.extra-bg:after{
    content: "";
    position: absolute;
    bottom: 5%;
    height: 45%;
    width: 5px;
	left:0;
    background:#fd7322;
}
/******* registration top end **********/
.register-wrap { margin: 0 auto; width: 90%; background:transparent; position: relative; padding: 15px;}
.form-content-box { padding: 0; }
.left-login-wrapper { padding: 50px 0; }
.right-login-wrapper { background: #fff none repeat scroll 0 0; padding: 30px;  height:auto; position: relative;}
.right-login-wrapper .main-heading, .left-login-wrapper .main-heading { padding: 0 0 30px 0; }
.icon-title { color: #3a3a3a; font-size: 22px; }
.icon-title img { background: #365c95; border-radius: 30px; padding: 9px 10px 5px 8px; margin-right: 15px; }
.btn.sign-up, .sign-up { width: 100%; font-size: 15px; margin: 0 0 5px; text-decoration:none; background: #214570; border: none; border-radius:30px; color: #fff; display: 
 inline-block; font-weight: 600; padding: 15px 0; position: relative; text-shadow: none; text-transform: uppercase; transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; -ms-transition: all 0.3s ease-in 0s; font-family:'Roboto-Bold';}
.btn.sign-up:hover, .btn.sign-up:focus, .sign-up:hover, .sign-up:focus { background: #767779; border: none; color: #fff; text-decoration: none; }
.right-login-wrapper p { margin:0 0 15px; font-size: 10px; text-align:center; }
.right-login-wrapper .form-group input.country-code { width: 20%; float: left; margin-right: 0; background: #fff; border-top-right-radius: 0; border-bottom-right-radius: 0; }
span.form-control-colour-text { color: #545454; padding: 10px 3px; display: inline-block; font-size: 14px; width: 100%; border: 1px solid #cccccc; padding-left: 12px; border-radius: 5px; text-align: left; }
.right-login-wrapper .form-group input.ph-number { width: 80% !important; margin: 0 !important; float: left; border-top-left-radius: 0; border-bottom-left-radius: 0; }
.aligncenter { display: block; margin: 0 auto; }
.btn.normal-btn, .normal-btn { padding: 15px 65px; width: auto; background: transparent; color: #214570; border: 2px solid; }
.btn.normal-btn.normal-btn-left:hover, .btn.normal-btn.normal-btn-left:focus, .normal-btn.normal-btn-left:hover, .normal-btn.normal-btn-left:focus { background: #214570; border: 2px solid #214570; color:#fff; }
.btn.normal-btn.normal-btn-right, .normal-btn.normal-btn-right { color: #767779; }
.btn.normal-btn.normal-btn-right:hover, .btn.normal-btn.normal-btn-right:focus, .normal-btn.normal-btn-right:hover, .normal-btn.normal-btn-right:focus { background: #767779; border: 2px solid #767779; color:#fff; }
.register-wrap .select-btn:hover { background-color: #777676!important; border: 1px solid #777676; }
.select-btn.active { background: #214570!important; border: 1px solid #214570; }
.register-wrap .btn-primary { background-color: #fd7322; border-color: #fd7322; color: #fff!important;}
/*****************Registration Step One End*************************************/
/***************Side Bar CSS*****************************/
/****************Slidebar START**********************/
aside.main-sidebar { float: left; height: 100Vh; }
.sidebar ul.sidebar-menu { margin: 25px 0 0 0; padding: 0; position:relative; }
/*.sidebar ul.sidebar-menu::after { background: #252d3a none repeat scroll 0 0; content: ""; height: 40%; position: absolute; width: 250px; z-index: 0; }*/
.sidebar ul.sidebar-menu:after { content: ''; position: absolute; width: 250px; height: 33%; background: #252d3a; display: none;}
.sidebar ul.sidebar-menu li { list-style: outside none none; margin: 0 auto; }
.sidebar ul.sidebar-menu li a { color: #5c5c5c; display: block; font-size: 14px;margin: 0 20px 5px; padding: 20px; text-decoration: none; text-transform: capitalize; font-family: 'Roboto-Bold'; text-align: center;}
.sidebar ul.sidebar-menu li a i { padding-right: 15px; }
.sidebar ul.sidebar-menu li a i.withdrawal { transform: rotate(180deg) translate(15px, 0px); }
.sidebar ul.sidebar-menu li a:hover i, .sidebar ul.sidebar-menu li a:focus i { color:#767779; }
li.treeview.active a i { color:#ffffff; }
.sidebar ul.sidebar-menu li a:hover, .sidebar ul.sidebar-menu li a:focus { color: #fff; text-decoration: none !important; background: #1e242f; position:relative; }
.sidebar ul.sidebar-menu li a:hover:after, .sidebar ul.sidebar-menu li a:focus:after { font-family: 'FontAwesome'; content: "\f105"; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); right: 18px; font-size: 20px; font-weight: 700; color:#767779; display: none;}
li.treeview.active a { color: #fff !important; text-decoration: none !important; background: #fd7322; color:#9cdd00; box-shadow: 2px 2px 5px 0px #808080;}
li.treeview.active { position: relative; }
li.treeview.active a:after { font-family: 'FontAwesome'; content: "\f105"; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); right: 18px; font-size: 20px; font-weight: 700; color:#ffffff; display: none;}
.sidebar ul.sidebar-menu li a:hover, 
.sidebar ul.sidebar-menu li a:focus{color: #fff; text-decoration:none !important; background: #6b6b6b;  }
.sidebar ul.sidebar-menu li:last-child { border: none; }
.sidebar ul.sidebar-menu li a i{color:#fff;}
.sidebar ul.sidebar-menu li.trade-now-bttn { background:#14245b;}
.sidebar ul.sidebar-menu li.trade-now-bttn a { color: #ffffff; text-transform: uppercase; font-family: 'Roboto-Bold'; }
.sidebar ul.sidebar-menu li.trade-now-bttn a:hover, .sidebar ul.sidebar-menu li.trade-now-bttn a:focus { color: #fff; }
.sidebar ul.sidebar-menu li .s-icon {    height: 20px;    width: 20px;    display: block;  margin: auto;}
.sidebar ul.sidebar-menu .user{background-position: -277px -51px;}
.sidebar ul.sidebar-menu li a:hover .user, .sidebar ul.sidebar-menu li a.active .user {    background-position: -170px -52px;}
.sidebar ul.sidebar-menu .d-icon {    background-position: -279px -114px;}
.sidebar ul.sidebar-menu li a:hover .d-icon, .sidebar ul.sidebar-menu li a.active .d-icon {    background-position: -171px -113px;}
.sidebar ul.sidebar-menu .w-icon {    background-position: -276px -173px;}
.sidebar ul.sidebar-menu li a:hover .w-icon, .sidebar ul.sidebar-menu li a.active .w-icon {    background-position: -168px -173px;}
.sidebar ul.sidebar-menu .t-icon{        background-position: -276px -231px;}
.sidebar ul.sidebar-menu li a:hover .t-icon, .sidebar ul.sidebar-menu li a.active .t-icon {    background-position: -169px -231px;}
.sidebar ul.sidebar-menu .a-icon{    background-position: -277px -289px;}
.sidebar ul.sidebar-menu li a:hover .a-icon, .sidebar ul.sidebar-menu li a.active .a-icon {    background-position: -169px -290px;}
.sidebar ul.sidebar-menu .b-icon{background-position: -279px -350px;}
.sidebar ul.sidebar-menu li a:hover .b-icon, .sidebar ul.sidebar-menu li a.active .b-icon {    background-position: -171px -350px;}
.sidebar ul.sidebar-menu .earphone {background-position: -278px -409px;}
.sidebar ul.sidebar-menu li a:hover .earphone, .sidebar ul.sidebar-menu li a.active .earphone {    background-position: -170px -411px;}
.sidebar ul.sidebar-menu .web-icon {    background-position: -277px -549px;}
.sidebar ul.sidebar-menu li a:hover .web-icon, .sidebar ul.sidebar-menu li a.active .web-icon {    background-position: -169px -549px;}
.sidebar ul.sidebar-menu .cs-icon {    background-position: -279px -458px;}
.sidebar ul.sidebar-menu li a:hover .cs-icon, .sidebar ul.sidebar-menu li a.active .cs-icon {    background-position: -169px -461px;}
.sidebar ul.sidebar-menu .tc {    background-position: -279px -507px;}
.sidebar ul.sidebar-menu li a:hover .tc, .sidebar ul.sidebar-menu li a.active .tc {    background-position: -169px -507px;}
.sidebar ul.sidebar-menu .logout{    background-position: -281px -625px}
.sidebar ul.sidebar-menu li a:hover .logout, .sidebar ul.sidebar-menu li a.active .logout{background-position: -176px -625px;}
.sidebar ul.sidebar-menu .kyc{background-position: -278px -585px;}
.sidebar ul.sidebar-menu li a:hover .kyc, .sidebar ul.sidebar-menu li a.active .kyc{background-position: -171px -584px;}
/****************Sidebar End**********************/
/*************************/ 
.small-box.bg-aqua { margin: 0 0 15px 0; }
.small-box.bg-aqua .inner { text-align: center; position: relative;}
.small-box.bg-aqua .inner h3 { color: #004c93;
        padding: 25px 0;
    border: 1px solid;
    margin: 0;
    font-family: 'Roboto-Bold';}
.small-box.bg-aqua .inner p {  color: #000;
    padding: 6px 20px;
    font-family: 'Roboto-Bold';    
    margin: auto;
    display: inline-block;
    background: #fff;
    position: relative;
    top: 16px;
    left: 0;
    right: 1px;
    margin: auto;}

/*.four-box>div {
    padding: 0 8px;
}*/

.four-box .verify-ac {
    display: block;
    text-align: center;
    padding: 25px 0;
    font-size: 20px;
    line-height: 22px;
    text-decoration: none;
    color: #fff;
    background: rgba(212,23,23,1);
    background: -moz-linear-gradient(top, rgba(212,23,23,1) 0%, rgba(102,1,1,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(212,23,23,1)), color-stop(100%, rgba(102,1,1,1)));
    background: -webkit-linear-gradient(top, rgba(212,23,23,1) 0%, rgba(102,1,1,1) 100%);
    background: -o-linear-gradient(top, rgba(212,23,23,1) 0%, rgba(102,1,1,1) 100%);
    background: -ms-linear-gradient(top, rgba(212,23,23,1) 0%, rgba(102,1,1,1) 100%);
    background: linear-gradient(to bottom, rgba(212,23,23,1) 0%, rgba(102,1,1,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d41717', endColorstr='#660101', GradientType=0 );
    transition: 1s;
}
.four-box .verify-ac:hover{
color:#fff;
background: rgba(102,1,1,1);
background: -moz-linear-gradient(top, rgba(102,1,1,1) 0%, rgba(212,23,23,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(102,1,1,1)), color-stop(100%, rgba(212,23,23,1)));
background: -webkit-linear-gradient(top, rgba(102,1,1,1) 0%, rgba(212,23,23,1) 100%);
background: -o-linear-gradient(top, rgba(102,1,1,1) 0%, rgba(212,23,23,1) 100%);
background: -ms-linear-gradient(top, rgba(102,1,1,1) 0%, rgba(212,23,23,1) 100%);
background: linear-gradient(to bottom, rgba(102,1,1,1) 0%, rgba(212,23,23,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#660101', endColorstr='#d41717', GradientType=0 );
}


/************************/
/****************Right Content***************/
.content-area { position: relative; min-height: 100%;    /* float: left; */ }
.content-area.r-page{    min-height: 100vh;    /* float: left; */    display: flex;    align-items: center;}
.my-ac-wrapper { margin-bottom: 40px; }
.my-ac-wrapper .row-inner { display: block; float: left; width: 100Vw; }
.right-content {/*float: left;*/ }
.right-content p { font-size: 14px; padding: 0 20px; }
.content-wrapper { background: transparent none repeat scroll 0 0; height: auto; margin: 25px 30px 25px 0px; min-height: auto; }
/*.white-background { background: #fff none repeat scroll 0 0; border-radius: 6px; box-shadow: 0 0 4px 0px #a2a2a2; padding: 0 20px 30px; }*/
.white-background{
    background: #fff none repeat scroll 0 0;
    border-radius: 6px;
    box-shadow: 0 0 4px 0px #a2a2a2;
    padding: 20px;
}

.trade-btns { border: 1px solid #363636; border-radius: 30px; color: #363636; display: inline-block; font-size: 17px; font-weight: 600; padding: 8px 0; position: relative; text-align: center; text-transform: uppercase; vertical-align: middle; margin: 0 auto; transition:all 0.2s linear 0s; -webkit-transition:all 0.2s linear 0s; -ms-transition:all 0.2s linear 0s; -o-transition:all 0.2s linear 0s; width:100%; }
.trade-btns:hover, .trade-btns:focus { text-decoration:none; color:#fff; background:#363636; border:1px solid #363636; }
.trade-btns.green { border: 1px solid #363636; border-radius: 30px; color: #fff; display: inline-block; font-size: 17px; font-weight: 600; padding: 18px 0; position: relative; text-align: center; text-transform: uppercase; vertical-align: middle; margin: 0 auto; transition:all 0.2s linear 0s; -webkit-transition:all 0.2s linear 0s; -ms-transition:all 0.2s linear 0s; -o-transition:all 0.2s linear 0s; width:100%; background:#363636; }
.trade-btns.green:hover, .trade-btns.green:focus { text-decoration: none; border: 1px solid #363636; background: transparent; color: #363636; }
.trade-deposit-btns { background: #3e4a45; background: -moz-linear-gradient(top, #3e4a45 0%, #1f1f1f 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #3e4a45), color-stop(100%, #1f1f1f)); background: -webkit-linear-gradient(top, #3e4a45 0%, #1f1f1f 100%); background: -o-linear-gradient(top, #3e4a45 0%, #1f1f1f 100%); background: -ms-linear-gradient(top, #3e4a45 0%, #1f1f1f 100%); background: linear-gradient(to bottom, #3e4a45 0%, #1f1f1f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e4a45', endColorstr='#1f1f1f', GradientType=0 );
padding: 4px 40px; display: inline-block; color: #fff; font-size: 18px; font-family:'Roboto-Bold'; border-radius: 30px; text-transform: uppercase; margin: 18px auto 0; position: relative; text-decoration: none; transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; float: right;border: 1px solid #214570; background: #214570;}
.trade-deposit-btns:hover, .trade-deposit-btns:focus { background: #1f1f1f; background: -moz-linear-gradient(top, #1f1f1f 0%, #3e4a45 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #1f1f1f), color-stop(100%, #3e4a45)); background: -webkit-linear-gradient(top, #1f1f1f 0%, #3e4a45 100%); background: -o-linear-gradient(top, #1f1f1f 0%, #3e4a45 100%); background: -ms-linear-gradient(top, #1f1f1f 0%, #3e4a45 100%); background: linear-gradient(to bottom, #1f1f1f 0%, #3e4a45 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1f1f', endColorstr='#3e4a45', GradientType=0 );
text-decoration:none; border:0; color: #d8d8d8; border: 1px solid #214570; }
.trade-deposit-btns span { display: block; font-size: 13px; font-weight: 400; position: relative; text-align: center; text-transform: capitalize; top: 0; }
.trade-deposit-btns.demo-btn { font-size: 17px; padding: 18px 0; }
.dashboar-content { text-align:center; /*padding: 15px;*/text-align: center;   /* display: flex;    align-items: center;    justify-content: center;  */ }
.dashboar-content .text-left {
    padding: 0;
}
.swedish .trade-deposit-btns { padding: 15px; }
.f-lex{display: flex;align-items: center;}
.dashboard-top{
    position: relative;
    /* box-shadow: 0 0 4px 0px #a2a2a2; */
    margin-bottom: 15px;
    padding: 0;
}
.dashboard-top .s-icon {    height: 50px;    width: 50px;border-radius: 50%;background: #efefef url(/Images/sprite1.png);}
.d-sec .s-icon.icon1 {    background-position: -33px -356px;}
.d-sec .s-icon.icon2 {    background-position: -33px -443px;}
.d-sec .s-icon.icon3 {    background-position: -34px -532px;}
.d-sec {
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 4px 0px #a2a2a2;
    padding: 15px;
}
.d-sec h3 {margin: 0 0 0 15px;    color: #214570;    font-size: 22px;}

.d-sec h3 span {font-size: 30px;    font-family: 'Roboto-Bold';    margin-left: 15px;}
.dashboard-bottom {background: #fff none repeat scroll 0 0; padding: 0; /*box-shadow: 0 0 4px 0px #a2a2a2;*/}
.dashboar-content h2 {
    color: #214570;
    font-size: 27px;
    margin: 25px 0 0 0;
}
.border-link {    margin: 0 5px;    text-decoration: underline!important;    font-family: 'Roboto-Bold';color: #363636;}
/****************Right Content**************/
/********************Withdrawal Request************************/
button.btn.btn-default.cancle { background: transparent none repeat scroll 0 0; border: 2px solid #9f9f9f; border-radius: 40px; color: #9f9f9f; display: inline-block; font-size: 17px; font-weight: 600; padding: 20px 80px; position: relative; text-align: center; text-transform: uppercase; vertical-align: middle; margin: 0 auto; transition:all 0.2s linear 0s; -webkit-transition:all 0.2s linear 0s; -ms-transition:all 0.2s linear 0s; -o-transition:all 0.2s linear 0s; width:auto; }
button.btn.btn-default.cancle:hover, button.btn.btn-default.cancle:focus { text-decoration:none; color:#fff; background:#9f9f9f; border:2px solid #9f9f9f; }
.equal-part { display: inline-block; margin-right: 1%; width: 48%; }
.equal-part:last-child { margin-left: 1%; margin-right: 0; }
/********************Withdrawal Request***********************/
/*******table********/
table.table.table-cm.table-th-cm { background: #f1f1f1; border: none; border-radius: 0; margin: 0 auto 40px; }
table.table.table-cm.table-th-cm > thead > tr > th { vertical-align: middle; border-bottom: 0 solid #e9e9e9; font-weight: normal; font-size: 16px; color: #fff; font-family: 'Roboto-Bold'; text-align: center; border-right: 0; padding: 15px 6px; text-transform: capitalize; }
table.table.table-cm.table-th-cm > thead > tr > th:first-child { border-radius: 0; }
table.table.table-cm.table-th-cm > thead > tr > th:last-child { border-radius: 0; }
 table.table.table-cm.table-th-cm > thead > tr > th:lastchild {
border-right:none;
}
table.table.table-cm.table-th-cm > tbody > tr > td { font-size: 15px; font-weight: normal; color:#363636; padding: 15px 6px; border-bottom: 1px solid #d0d0d0; border-right: 0; text-align:center; text-transform: capitalize; font-weight: 300; background: #fff;}
table.table.table-cm.table-th-cm > tbody > tr > td:last-child { border-right: none; }
.td-link { border: 2px solid #214570; color: #fff !important; font-size: 12px; font-weight: 600; padding: 12px 10px; text-transform: uppercase !important; transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; background: #214570; border-radius: 0px; display: inline-block; font-family: 'Roboto-Bold'; margin: 0 0 5px 0;}
.td-link:hover, .td-link:focus { background: #767779; text-decoration:none; border: 2px solid #767779; color: #fff !important; }
p.risk-warning{float: right; text-align: left; font-size: 14px; margin: 8px 0; }
td.pymnt-methods{background: #61666d;  font-family:'Roboto-Bold' !important; }
/******table*********/
/********************Personal Details***********************/
.account-info { margin: 0 0 35px; text-align: center; }
.account-info h4 { font-size: 15px; font-weight: 400; margin: 0 0 10px; }
.account-info span { background: #f5f5f5 none repeat scroll 0 0; border-radius: 30px; display: inline-block; padding: 8px 24px; }
/********************Personal Details end***********************/
/**************Deposite Fund************************/
.account-type-accordion { display: none; }
.tab-content.deposit-wrapper-content { margin-top: -30px; }
.deposit-wrapper .nav-tabs { border:0; }
.form-content .form-inline input { border: 1px solid #363636; border-radius: 0; float: left; }
.form-content-box.form-content-box-label-full.form-content-box-label-full-personal .form-inline textarea.form-control.form-message { height: 164px !important; width: 100%; }
.form-content-box.form-content-box-label-full.form-content-box-label-full-personal input#captcha { width: 80%; }
.form-content-box.form-content-box-label-full.form-content-box-label-full-personal span.captcha { top: 0; margin: 0; float: right; padding: 6px 10px; }
.form-content .form-inline label.form-label { align-items: center; color: #545454; display: block; font-size: 14px; font-weight: normal; text-align: left; padding-left: 0; }
.deposit-wrapper .form-content-box { padding:30px 0; margin-bottom: 70px; }
.deposit-wrapper-tabs .nav > li > a { position: relative; display: block; padding: 5px 33px; }
.account-wrapp > span.details-wrapp { display: none; }
.account-wrapp > .form-content label.form-label span { position: relative; color: #f83232; left: -5px; margin-left: -6px; display: none; }
.form-inline .form-group select.form-control.e-date { width: 26%; float: left; margin-right: 2%; }
.form-inline .form-group select.form-control.e-date:last-child { margin: 0; }
.deposit-wrapper-tabs li a { cursor: pointer; background-color: #365c95; border: 0; border-bottom-color: transparent; height: 55px; background: url(/Images/sprite.png); background-repeat: no-repeat; background-position: 14% -17px; }
.deposit-wrapper-tabs li a:hover, .deposit-wrapper-tabs li.active > a, .deposit-wrapper-tabs li.active > a:hover, .deposit-wrapper-tabs li.active > a:focus { background-color: #365c95; background-position: 14% -87px; border-radius: 6px; }
.deposit-wrapper-tabs li.wire a { background-position:14% -165px; }
.deposit-wrapper-tabs li.wire a:hover, .deposit-wrapper-tabs li.wire.active > a, .deposit-wrapper-tabs li.wire.active > a:hover, .deposit-wrapper-tabs li.wire.active > a:focus { background-position:14% -236px; }
.deposit-wrapper-tabs li.neteller a { background-position: 14% -310px }
.deposit-wrapper-tabs li.neteller a:hover, .deposit-wrapper-tabs li.neteller.active > a, .deposit-wrapper-tabs li.neteller.active > a:hover, .deposit-wrapper-tabs li.neteller.active > a:focus { background-position: 14% -370px; }
.deposit-wrapper-tabs li.neteller a { background-position: 14% -310px; }
.deposit-wrapper-tabs li.neteller a:hover, .deposit-wrapper-tabs li.neteller.active > a, .deposit-wrapper-tabs li.neteller.active > a:hover, .deposit-wrapper-tabs li.neteller.active > a:focus { background-position: 14% -370px; }
.deposit-wrapper-tabs li.alternative a { background-position: 14% -443px; }
.deposit-wrapper-tabs li.alternative a:hover, .deposit-wrapper-tabs li.alternative.active > a, .deposit-wrapper-tabs li.alternative.active > a:hover, .deposit-wrapper-tabs li.alternative.active > a:focus { background-position: 14% -510px; }
.deposit-wrapper-tabs li.money a { background-position: 14% -579px; }
.deposit-wrapper-tabs li.money a:hover, .deposit-wrapper-tabs li.money.active > a, .deposit-wrapper-tabs li.money.active > a:hover, .deposit-wrapper-tabs li.money.active > a:focus { background-position: 14% -655px; }
.deposit-wrapper h2.small-heading { padding: 0 0 30px; margin: 0; }
/*------------------ Payment Type Wrap --------------------*/
.row-flex { display: flex; flex-wrap: wrap; }
.payment-type-wrap { margin: 20px 0; }
.payment-detail-box { align-items: center; border: 3px solid #ccc; border-radius: 6px; display: flex; color: #363636; font-size: 16px; font-weight: 400; /*height: 100%;*/ justify-content: center; margin: 0 0 8px; padding: 15px 0; position: relative; }
body.spanish .payment-detail-box { min-height: 130px; }
.payment-detail-box.active { background: #f1fed3 none repeat scroll 0 0; border: 3px solid #99d213; }
.payment-detail-box.active::after { background: #fff none repeat scroll 0 0; border: 3px solid #99d213; border-radius: 18px; color: #969696; content: "\f00c"; font-family: fontawesome; font-size: 13px; height: 28px; padding-top: 2px; position: absolute; right: -14px; top: -12px; width: 28px; }
.payment-support { margin: 0; padding: 0; }
.payment-support li { align-items: center; background: #f8f8f8 none repeat scroll 0 0; border: 1px solid #ccc; border-radius: 4px; display: inline-flex; justify-content: center; list-style: outside none medium; margin: 0; padding: 0 15px; position: relative; }
.payment-detail-box.document-detail-box { padding: 15px 0; cursor:pointer; }
/*.document_active_box:after { background: #fff none repeat scroll 0 0; border: 3px solid #99d213; border-radius: 18px; color: #969696; content: "\f00c"; font-family: fontawesome; font-size: 13px; height: 28px; padding-top: 2px; position: absolute; right: -14px; top: -12px; width: 28px; }

.document_active_box { background: #f1fed3 none repeat scroll 0 0; border: 3px solid #99d213; padding: 25px 0; position:relative; align-items: center; border-radius: 6px; color: #363636; display: flex; font-size: 12px; font-weight: 400; height: 100%; justify-content: center; margin: 0 0 8px; cursor:pointer; }*/

.payment-detail-box.document-detail-box span { display:inline-block; }
/*------------------ Payment Type Wrap --------------------*/
/********* ****Deposite Fund***********************/
/*********************Demo Page****************************/
.demo-page .form-content { padding: 0 0 0 0; }
.demo-page .form-content .main-heading { padding: 10px 0 30px 0; }
.demo-check-content { width: 70%; float: right; text-align: left; color: #939393; }
.demo-check-content input.CheckBoxClass { float: left; width: 5%; margin-right:3%; }
.demo-check-content label { float: left; width: 92%; }
.demo-page .submit-box button { width: 100%; background: #89c300; border: 0; font-weight: 500; font-size: 24px; margin: 15px 0; color: #fff; text-decoration: none; border-radius:5px; }
.demo-page .submit-box button:hover { }
.demo-page .submit-box button:hover { background:#6bd937; color:#fff; text-decoration:none; }
.demo-page .submit-box button:focus { background:#3d8d17; color:#fff; text-decoration:none; }
.form-content.personal-details .form-group { font-size: 14px; color: #636363; }
.form-content.personal-details .form-group label { font-size: 14px; color: #fff; margin: 0 0 15px 0; width: 172px; }
button#demo_submit:after { display: none; }
.demo-page { margin: 40px 0 0 0; background: #f3f3f3; padding: 25px 30px; }
.demo-page .form-group { width: 100%; margin: 0 0 20px 0; }
.demo-page .form-group input.country-code { width: 20%; float: left; margin-right: 0; background: #fff; border-top-right-radius: 0; border-bottom-right-radius: 0; }
.demo-page .form-group input.ph-number { width: 80% !important; margin-right: 0 !important; border-top-left-radius: 0; border-bottom-left-radius: 0; }
.demo-page label.CheckBoxLabelClass { font-size: 14px; font-weight: normal; }
p.demo-bottom-text { font-size: 14px; font-weight: normal; margin:13px 0 50px 0 }
.demo-page .submit-box { text-align: right; margin: 0; padding: 0 0 5px 0; }
.demo-form-border { border-right: 1px solid #d0d0d0; }
.real-form-border { }
.form-content.form-content-full-width .form-inline .form-group .form-control { width: 100%; border-radius: 0;     box-shadow: none;}
.arrow select.form-control { width: 31% !important; background: #e7e7e7 !important; border-radius: 0; padding: 0 0 0 5px!important;}
.right-login-wrapper .btn-group { display: block; }
.flex { display: flex; align-items: center; vertical-align: middle; }
.selct-new label {    width: 22%;    float: left;    height: 40px;    display: flex!important;    align-items: center;    position: relative;    border-bottom: 1px solid;    margin: 0;    border-right: 1px solid;    color: #c76c00;}
.selct-new select {    width: 78%!important;padding-left: 5px!important;}
.r-page-left .btn-group {    height: 40px;}
.selct-new label.btn {    width: 33%;    margin-left: 3%!important;}
.r-page .form-inline button.btn.btn-default{background: #214570; border:none; color:#fff; text-decoration:none;}
.r-page .form-inline button.btn.btn-default:hover{background: #054693;}
.right-login-wrapper:before {display:none; content: '';    height: 580px;    position: absolute;    width: 321px;   background: #fff;    top: 0;    left: -155px;    border-radius: 80%;}
.r-page p.rotat-p{    bottom: -77px;    left: -110px;}
.spanish .r-page p.rotat-p{    left: -36px;}
.italian .r-page p.rotat-p{bottom: -83px;}
.d-page .right-login-wrapper:before{height: 512px}
.r-page-left img{    margin-left: 55px;}
.real-demo {position: absolute;    top: 311px;}
.real-demo a {display:flex; font-size: 20px; color: #fff; align-items: center; margin-bottom: 10px;}
.real-demo a:hover {color: #fff; outline: none;text-decoration: none;}
.real-demo a:focus{color: #fff;    outline: none;    text-decoration: none;}
.check-ed {height: 25px; width:25px; background: url(/Images/green.png);display: inline-block; margin-right: 10px;}
.uncheck .check-ed{background: url(/Images/grey.png)!important;}
.uncheck:hover .check-ed, .uncheck:hover .check-ed{background: url(/Images/green.png)!important;}
a.uncheck {color: #b7b7b7}
a.uncheck:hover {color: #fff;}
/*********************Demo Page****************************/
/***page not- found********/
.page-not-found { padding: 70px 0; width: 80%; margin: 40px auto 40px; border: 1px solid #e1e1e1; text-align: center; }
.page-not-found h2 { font-size: 36px; color: #000; font-weight: bold; text-transform: capitalize; margin: 20px 0; }
.page-not-found a { background: #214570; padding: 12px 40px; display: inline-block; color: #fff; border-radius:30px; }
.page-not-found a:hover { color:#fff; text-decoration:none; background: #767779; }
/********************/
/********************Thank you page css*************************************/
.content-wrapper-full {background: #f3f3f3; margin: 40px 0 40px 0; padding: 15px 30px 35px 30px; text-align: center; }
.thank-you{min-height:100vh; display: flex; align-items: center;}
.thank-you .register-wrap {border-radius: 20px; padding: 30px 30px 10px 30px;}
.Thank-you-left p.rotat-p {bottom: -197px; left: -130px; width: 300px;}
.Thank-you-right {background: #fff; padding: 25px 75px;  text-align:center;}
.Thank-you-right h2{color: #214570; font-size: 28px;    margin-top: 10px;margin-bottom: 25px;}
.Thank-you-right label{color: #000; font-family:'Roboto-Regular';}
.Thank-you-right p.t-border { border: 1px solid; padding: 10px; color: #000;    font-size: 16px;margin: 0px;}
.Thank-you-right h3{color: #000 ;text-transform:uppercase; font-family:'Roboto-Bold'; font-size: 20px;margin: 40px 0 20px;}
.Thank-you-right p{font-size: 18px;    color: #000;    margin: 15px 0;}
.border-btn{font-size: 16px; display:inline-block; padding: 8px 20px; border: 2px solid; color:#214570; font-family:'Roboto-Bold';text-decoration: none;}
.border-btn:hover {text-decoration: none;    outline: none;color: #054693;}
.Thank-you-right a.border-btn{margin:0 20px;}
.Thank-you-left{position: absolute;    left: 20px;}
.s-icon {height: 50px;    width: 45px; display:inline-block; background: url(/Images/sprite1.png);}
.s-icon.icon1 {background-position: -35px -185px;}
.Thank-you-bottom {display: flex; align-items: center; justify-content: center;    padding: 5px 0 0;}
.Thank-you-bottom a {color:#fff; font-size: 18px; text-decoration: underline;    outline: none;    font-family: 'Roboto-Bold';    margin-left: 8px;}
.Thank-you-bottom a:hover{color: #fff;} 
/********************************************************/
/*************POPUP MSG********************/
.pop-msg-wrap { position: fixed; top: 0; bottom: 0; right: 0; left: 0; align-items: center; justify-content: center; display: flex; background: rgb(10 10 10 / 70%); z-index: 9999999; width:100%; height:100%; }
.pop-msg-container {  width: auto; padding: 40px 120px; text-align: center; background: #fff none repeat scroll 0 0; position: relative; height: auto; vertical-align: middle; display: table-cell; }
.cross_pop img { border: 3px solid #214570; position: absolute; top: -10px; right: -10px; background: #fff; border-radius: 50px; padding: 4px; z-index: 999999; cursor: pointer; }
.pop-msg-container .form p { font-size: 16px; margin: 0;    color: #000;}
.pop-msg-container .form h4{font-weight: bold;    color: #000;}
.pop-msg-container .form h2 { color: #99d213; margin: 0 0 15px; }
/*************************************/
/*******Mobile hide section*******/
.mobile-wrapper { display: none; }
/*******Mobile hide section*******/
/******************************** Inner page Banner css*******************/
section.entry-header { display: none; }
.inner_bnr_container .banner-content { padding: 30px 15px; }
.crumb a { color: #e9e9e9; }
.inner_bnr_container { background: #ebebeb; margin: 0; }
.banner-content h2 { font-size:45px; color:#3a3a3a; margin:0; }
.banner-content p, .banner-content p a { font-size: 13px; color: #7f7e7e; margin: 6px 0; }
/***********************************************************/
/**********trader contan page*************/
.traders-contact .form-group { position:relative; }
span.contact-required { position: absolute; left: 5px; top: 11px; color: #ff0000; font-size: 14px; }
.form-content .traders-contact.form-inline input.country-code { width: 30% !important; }
.form-content .traders-contact.form-inline input.ph-number { width: 70% !important; }
.right-content.conatct-page h2.steps-main-heading {   padding: 0 0 15px 20px;}
/* ******************    deposit page    ********************** */
.cashier-pg .form-horizontal .form-group{margin: 0;}
.cashier-pg .form-control{box-shadow: none;}
.cashier-pg .steps-main-heading{padding-bottom: 15px;}
/**********trader contan page*************/
/****************** FOOTER PART HERE *****************************/
.add-more-files a { color: #3f89d9; font-size: 19px; padding: 0 0 12px 0; margin: 0; display: inline-block; text-decoration:none; }
.add-more-files a:hover { text-decoration:none; }
.add-more-files a i { font-size: 27px; position: relative; top: 2px; margin: 0 5px 0 0; }
/*****************************************/
/*******************form-content*************/
.form-group.input-group label { font-size: 16px;    font-weight: 500;    display: block;    color: #818181;}
.personal-details.profile .form-inline .form-group label { display: block; display: flex; align-items: flex-end; height: 30px; }
.form-inline .form-group label.CheckBoxLabelClass { font-size: 13px; line-height: 1.9em; }
.form-inline .form-group .form-control { /*float: left;*/ margin: 0 0 0 0; height: 35px; border: 0;border-bottom: 2px solid; color: #000; box-shadow: none; font-size: 16px; background:#ffffff !important; border-radius: 0;    padding-left: 0; font-weight: 500;}
.form-group.input-group.dob .form-control {    border: 0;}
.submit-box { display: block; position: relative; padding: 0; width: 100%; }
.form-content .form-inline input.country-code { width: 20% !IMPORTANT; float: left; margin-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; background:#fff; border-right: 1px solid;}
.form-content .form-inline input.ph-number { width: 80% !important; border-top-left-radius: 0; border-bottom-left-radius: 0; padding-left: 10px;}
.bootstrap-filestyle.input-group { align-items: center; background: #fff none repeat scroll 0 0; border: 1px solid #ccc; border-radius: 7px; display: flex; height: 40px; padding: 0; width: 100%; background:#e7e7e7; }
.bootstrap-filestyle.input-group input { float: left !important; width: 65% !important; border: 0 !important; background: transparent; box-shadow: none; height: auto !important; }
.bootstrap-filestyle.input-group span.group-span-filestyle.input-group-btn { align-items: center; background: #e7e7e7; border: 2px solid #214570; border-radius: 0 7px 7px 0; display: flex; float: left; height: 40px; justify-content: center; text-align: center; width: 35% !important; clear: none; }
.bootstrap-filestyle.input-group .btn-default { background: transparent none repeat scroll 0 0; border: 0 none; box-shadow: none; color: #767779; font-size: 14px; font-weight: 700; text-shadow: none; text-transform: uppercase; }
.buttonText { color: #214570 !important; }
.content-wrapper.personal-details .form-inline .form-group .form-control, .content-wrapper.personal-details .form-inline select { background-color:transparent !important; }
.captcha { border: 1px solid #89c300; color: #365c95; display: inline-block; font-style: italic; margin: 10px 0 0; padding: 5px 10px; text-align: center; /*width: 60%;*/ border-radius:5px; }
.form-inline .form-group .form-control.picker-field { border-bottom-right-radius: 0; border-top-right-radius: 0; border-right: medium none; border: 1px solid #e7e7e7;    padding-left: 10px;}
.form-inline .form-group .input-group-addon { background: #e7e7e7 none repeat scroll 0 0; }
.form-inline .form-group .input-group-addon i.fa-calendar { font-size: 18px; }
.clear-btn { background: transparent none repeat scroll 0 0; border: medium none; display: inline-block; font-size: 14px; font-weight: 400; margin: 10px 0 0; }
.form-inline button.btn.btn-default.full-width-btn { width: 100%; }
.form-inline #form-group-captcha .security-code-wrapp { width: 55%; float: left; }
.form-inline #form-group-captcha .captcha-wrapp { float: right; width:45%; text-align: right; }
.form-inline #form-group-captcha .clearfix { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.form-inline #form-group-captcha .captcha-wrapp span#captchacode1 { background:#fd7322; color: #fff; font-size: 14px; padding:8px 23px; display: inline-block;  margin-right: 8px;     bottom: 0;    right: 21px;}
.form-inline #form-group-captcha .captcha-wrapp img.refresh_captcha { cursor: pointer; }
.top-vload { padding-top: 20px; }
.form-inline .top-vload .form-group .form-control, .form-inline .bottom-vload .form-group .form-control { background: transparent !important; }
.form-inline .top-vload .form-group select.form-control, .form-inline .bottom-vload .form-group select.form-control { background: transparent url("/Images/select-img.png") no-repeat scroll 96% 50% / 8px auto !important; }
.input-group-addon.pin-bg { background: #525252 !important; color: #fff !important; }
.common-btn.rds-btn { border-radius: 0 0 10px 10px; text-transform: uppercase; font-weight: 600; }
.clr-btn { background:#cb3d5b; }
.clr-btn:hover, .clr-btn:focus { background:#ab1e3c; }
.bottom-vload { padding: 20px 10px; box-shadow: 0 0px 20px #bdbdbd; border-radius: 8px; margin: 30px 14px 0; }
.select-arrow {    position: relative;   }
.select-arrow .form-control {    border: 1px solid #ccc!important;    padding: 0 8px!important;}
/********************************************/
.trading_history .form-content .form-inline .form-group span{left: 0px;}
/*********/
.cashier34-div {
    max-width: 530px;
    margin: 0 auto;
    padding: 21px 0 0 0;
    width: 100%;
   text-align: center;
}
.cashier34-div .form-control {
    max-width: 320px;
    margin: 0 auto;
    width: 100%;
}
.l-price iframe{height: 700px!important;}
.l-price {    position: relative;}
.l-price:after {    height: 30px;    width: 40px;    content: '';    background: #ffffff08;    position: absolute;    right: 0;    bottom: 12px;}
/********/
/*MARKETS TICKET CSS START*/
.market-ticker { clear: both; margin: 0; padding: 0; width: 100%; border-radius: 0; margin-top: 0; }
.option_wrapper > input { color: #000; border: 1px solid #ccc; width: 103px; padding: 2px 3px 2px 5px; border-radius: 2px; text-transform: capitalize; font-size: 13px; text-align: left; }
.market_wrapper { color: #000000; height: 45px; margin-top: 0; width: 100%; }
#market_rates4 .leverate-rates-animated-row { display: none !important; }
#market_rates4 div:nth-child(1), #market_rates4 div:nth-child(2) { display: block !important; }
#market_rates3 .leverate-rates-animated-row, #market_rates3 .sirix-ticker-logo-wrapper { display: none !important; }
#market_rates3 div:nth-child(1), #market_rates3 div:nth-child(2) { display: block !important; }
#market_rates2 .leverate-rates-animated-row, #market_rates2 .sirix-ticker-logo-wrapper { display: none !important; }
#market_rates2 div:nth-child(1), #market_rates2 div:nth-child(2) { display: block !important; }
#market_rates .leverate-rates-animated-row, #market_rates .sirix-ticker-logo-wrapper { display: none; }
#market_rates div:nth-child(1), #market_rates div:nth-child(2) { display: block !important; }
.social-trading .social-feed-container { height: 345px !important; overflow: hidden !important; }
@media not all {
#inc, #dec { right: 5px; top: 14px; }
#dec { top: 2px; }
}
.market-rates-ticker-dv { position: relative; z-index: 9999999; background: #fff; }
.market-rates-ticker-dv:after {
        height: 95%;
    width: 40px;
    content: '';
    background: #ffffff;
    position: absolute;
    right: 4px;
    bottom: 1px;
    z-index: 999;
}
.leverate-rates-ticker-container { height: 45px !important; }
.leverate-rates-ticker-container .leverate-rates-animated-row { width: initial !important; height: 40px; z-index: 0 !important; }
.leverate-rates-ticker-container .leverate-rates-animated-row .leverate-rates-item { border-right: 1px solid #bfbfbf; display: inline-block; float: left; font-family: Tahoma; font-size: 10px; height: 35px; margin: 0 5px; padding: 0 15px; width: 100px; }
.leverate-rates-ticker-container .leverate-rates-animated-row .leverate-rates-item .leverate-item-symbol-icon { display: none; }
.option_wrapper p { font-size: 8.5px; margin-left: 5px; text-align: left; }
.leverate-item-symbol-icon img { display: block; }
#market_rates { position: inherit; right: 0; width:100%; }
#market_rates2 { position: inherit; right: 0; width:100%; }
#market_rates3 { position: inherit; right: 0; width:100%; }
#market_rates4 { position: inherit; right: 0; width:100%; }
#market_rates5 { position: inherit; right: 0; width:100%; }
#inc, #dec { background: rgba(0, 0, 0, 0)) no-repeat scroll 0px -2px; border: medium none; cursor: pointer; height: 11px; line-height: 11px; padding: 0; position: absolute; right: 20px; top: 21px; width: 16px; right: 13px; }
#dec {top: 9px; right: 13px; }
.option_wrapper { float: left; height: 44px; left: 0; position: absolute; width: 125px; background: #fff; z-index: 1; padding: 8px 10px 0 10px; box-shadow: 3px 0px 10px #d4d4d4; top: 0; }
body .leverate-rates-ticker-container .leverate-rates-animated-row .leverate-rates-item .leverate-item-rate { clear: both; display: block; float: none; font-size: 10px; margin-left: 0; }
body .leverate-rates-ticker-container .leverate-rates-animated-row .leverate-rates-item { font-family: "Roboto", sans-serif; width: 160px !important; margin-top: 6px; }
body .leverate-rates-ticker-container .leverate-rates-animated-row .leverate-rates-item .leverate-item-rate span { font-size: 10px !important; }
/*MARKETS TICKET CSS END*/

/****bloomberg iframe*****/ 
.bloomberg-container{}

.bloomberg-right {
    padding: 20px 0;
    text-align: center;
}

.bloomberg-left{height:auto; padding: 0;}

.bloomberg-container .bloomberg-right iframe {
    height: 730px;
    margin: 0 auto;
    width: 100%;
}
 
.bloomberg-container .bloomberg-left img {
    padding:20px 0 0 0;
    position: relative;
    width: 80%;
    max-width: 400px;
    margin: 0 auto;
}

.bloomberg-container .content-wrapper{} 


/***************************************************************************************************
FOOTER CSS START
***************************************************************************************************/
.main-footer { padding: 40px 0; background: #333333; color: #a1a0a0; }
.sub-footer {
    padding: 15px 20px 5px;
    background: #0c1524;
    color: #fff;
	position: relative;
    z-index: 999;
}
.sub-footer p{  color: #c8c8c8;}
.site-footer { padding: 0; background: #000; color: #fff; }
.contact-info { margin: 0; padding:0; }
.contact-info li { display: inline-block; padding-left:20px; font-size: 16px; color:#fff; }
.contact-info li:first-child { padding-left: 0; }
.contact-info li a { color: #fff; text-decoration: none; }
.contact-info li a:hover, .contact-info li a:focus { color: #04b1b7; text-decoration: none; }
.social-network { margin: 0; padding: 0; list-style: none; }
.social-network li { padding: 0 10px; list-style: none; display: inline-block; }
.social-network li > a { font-size:24px; color:#000; text-transform:uppercase }
.social-network a:hover, .social-network a:focus { color:#fff; text-decoration:none }
.disclaimer { padding-top: 20px; }
.disclaimer p { color:#d6d6d6; font-size:13px; line-height: 20px; }
.disclaimer p a { color: #04b1b7; text-decoration:underline }
.disclaimer a:hover, .disclaimer a:focus { color: #04b1b7; }
.footer-links { list-style: none; padding: 0; margin: 0; text-align: right; }
.footer-links li { display: inline-block; padding: 0 10px; }
.footer-links li a { color: #d6d6d6; font-size: 14px; text-decoration: none; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.footer-links li a:hover, .footer-links li a:focus { color: #fff; }
.footer-copyright .copyright { color: #fff; margin: 0; font-size: 14px; }
.back-to-top { cursor: pointer; position: fixed; bottom: 9px; right: 9px; display:none; }
.back-to-top span { background: #000; color: #fff; padding: 7px; font-size: 16px; border-radius: 6px; }
.back-to-top span:hover, .back-to-top span:focus { opacity:0.7 }

.payment-sectioin h3 {
    margin: 0;
    font-size: 20px;
    padding: 25px 0 0 0;
}
.payment-sectioin p {
    color: #867d7e;
    font-size: 15px;
    margin: 0;
    padding: 0;
}
.footer-links {
    text-align: right;
}
.footer-links ul li{
    position: relative;
    padding: 0 25px;
    float: left;
}
.footer-links ul li a{
    font-size: 14px;
      color: #636363;
}
.footer-links ul li:after {
    content: "";
    right: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #636363;
    position: absolute;
    left: auto;
}
.footer-links ul li:last-child:after {
    display: none;
}
.list-inline{    display: inline-block;    margin: 0;}
.footer-links ul li:first-child {
    padding-left: 0;
}

.risk-warning p {
    color: #867d7e;
    margin: 0;
}
.risk-warning p.white {
    color: #fff;
    margin: 10px 0 0 0;
}
.copyrights {
    padding: 25px 0 0 0;
    text-align: right;
}
.copyrights p{color:#fff;}
.paymet-wrap {
    padding: 16px 0 0 0;
}


/*------------------------------xxxxxxxxxxxxxxxxxxxxx----------------------------------------------*/
 .form-control::-webkit-input-placeholder {
 color: #000;
 opacity:1;
}
 .form-control:-moz-placeholder {
 color: #000;
 opacity:1;
}
 .form-control::-moz-placeholder {
 color: #000;
 opacity:1;
}
 .form-control:-ms-input-placeholder {
 color: #000;
 opacity:1;
}
 .form-control::-ms-input-placeholder {
 color: #000;
 opacity:1;
}
 .form-control:placeholder-shown {
 color: #000;
 opacity:1;
}

.footer-top-wrapp {
    padding: 10px 15px;
}
.credit-card-dv {
    padding-bottom: 25px;
}
.liqvor-sect {
    position: relative;
}
.liq-sec:before {
    content: '';
    position: absolute;
    height: 100%;
    width: 1px;
    background: #ccc;
    left: -5px;
    bottom: -8px;
}
.liqvor-img {
    padding: 15px;
    background: #fff;
}
.footer-text-wrap {
    padding: 60px 0 50px;
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.footer-text-wrap p {
    font-size: 12px;
    color: #cdcdcd;
    margin: 0;
    text-align: left;
}
.footer-contact-details {
    padding: 30px 20px;
    background: #737373;
}
.footer-group {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}
.footer-group .fa {
    font-size: 20px;
    margin-right: 15px;
    color: #b3b3b3;
}
.footer-contact-details h3 {
   
    text-transform: uppercase;
    font-size: 15px;
    margin: 0 20px 10px 0;
    color: #b3b3b3;
}
.footer-text-wrap p {
    font-size: 14px;
    color: #cdcdcd;
    margin: 0;
    text-align: left;
}
.footer-group:last-child {
    margin-bottom: 0;
}
.footer-text-wrap ul {
    font-size: 12px;
    color: #000;
    list-style-type: none;
    margin: 20px 0 0 0;
    padding: 0;
}
.footer-text-wrap ul li {
    position: relative;
    display: inline-block;
}
.footer-text-wrap ul li a {
    color: #929292;
    font-size: 14px;
    padding: 0 5px;
}
.footer-text-wrap ul li:after {
    content: "";
    height: 13px;
    width: 1px;
    background: #929292;
    position: absolute;
    top: 3px;
    right: -3px;
}
.footer-text-wrap ul li:last-child:after {
display: none;
}
.footer-contact-details p, .footer-contact-details a {
    color: #cdcdcd;
    font-size: 15px;
    margin: 0;
}
.footer-contact-details a:hover, .footer-contact-details a:focus{color: #cdcdcd;text-decoration: none;}
.spanish .footer-text-wrap ul li a{    font-size: 11px;    padding: 0 0px;}
/***************************************/
/**************  calendar widgets css  *****************/
.profit-calc{margin-bottom: 20px;position: relative;padding: 0px 2px 0;
    /*background: #f3f3f3;*/}
.profit-calc:before {
    content: '';
    height: 20px;
    background: #fff;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
}
.margin-calc {
    padding: 0px 2px 0;
   /* background: #f3f3f3;*/
}
/***********   customer details   **************/

.custom-details .panel-heading a.accordion-toggle:after {
    font-family: 'FontAwesome';
    content: "\f077";
        position: absolute;
    right: 20px;
    font-size: 20px;
}
.custom-details .panel-heading a.accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f078 ";    /* adjust as needed, taken from bootstrap.css */
}
.custom-details .panel.panel-default {
   border-radius: 0;
    margin-bottom: 30px;
    outline: none;
    border: 0;box-shadow: none;
}
.custom-details .panel-default > .panel-heading{    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
    border-radius: 0px;
    border: 1px solid #ccc;
    box-shadow: 0px 0px 4px 0px #ccc;
}
.custom-details .panel-default > .panel-heading + .panel-collapse > .panel-body{    padding: 10px 0;border-top: 0px;}
.custom-details .collapse.in{margin-top: 10px;}
.custom-details .panel-heading {
    background-color: transparent!important;
    position: relative;
    padding: 15px 30px;
}
.custom-details .panel-heading h4 {
    font-size: 25px;color: #000000;
}
.custom-details .panel-heading h4 a {
    display: block;
    text-decoration: none;
}
.custom-details .panel-heading h4 a.collapsed {
    color: #ababab;
}
/*tabs*/
.customer-tabs {
    padding: 20px 15px 15px;
}
.customer-tabs .tabs-left {
    border-bottom: 0;
    border: 1px solid #ccc;
    border-radius: 0px;
    display: flex;
}

.customer-tabs .nav-tabs > li.active a {
    background: #214570;
    color: #fff;
    border: 0;
    padding: 0 30px;
    border-radius: 0px;
}
.customer-tabs .nav-tabs > li a {
    margin: 0;
    background: none;
    border-radius: 0;
    height: 70px;
    display: flex;
    align-items: center;
    text-align: center;
    font-size: 15px;
    border: 0;
    justify-content: center;font-weight: bold;color: #fd7322;
}
.customer-tabs .nav-tabs > li {
    width: 33.33%;border-left: 1px solid #ccc;
}
.customer-tabs .nav-tabs > li:first-child {
    border-left: 0;
}
.customer-tabs .nav-tabs > li.active {
    border-left: 0;
    position: relative;
}
.customer-tabs .nav-tabs > li.active:after {
    content: '';
    border-right: 1px solid #fff;
    position: absolute;
    width: 1px;
    height: 100%;
    right: -1px;
    top: 0;
    z-index: 1;
}
.customer-tabs .nav-tabs > li > a:hover{border: none;background: transparent;}
.customer-tabs .nav-tabs > li.active > a, .customer-tabs .nav-tabs > li.active > a:hover, .customer-tabs .nav-tabs > li.active > a:focus{    border-bottom-color: transparent;
    color: #214570;    background-color: #fff;border: 2px solid #214570;}

/******Upload wrapper********/

.input_fields_wrap.upload-form { width: 100%; padding: 0; position: relative; }
.input_fields_wrap.upload-form span.choose-file { position: absolute; background: #000; color: #fff; padding: 3px 20px; left: 11px; top: 10px; }
.input_fields_wrap.upload-form.btn-default { color: #333; background-color: #fff; border-color: #ccc; width: 70% !important; }
.documents-upl-upl .form-content .form-inline .form-group span{bottom: -1px;}
.documents-upl-upl .form-content .form-inline .form-group span.form-error {    bottom: -16px;}
/*************************/
.top_performers{    height: 186px!important;}
.paddingbottom2x{padding-bottom: 20px;}
/***************Form Step*****************************/
/*****************main Menu******************/
.main-navigation .navbar-default .navbar-nav>li>a { color: #fff; font-size: 13px; padding: 15px; text-transform: uppercase; }
a, select, a:active, a:focus { outline:0; outline:none; }
.left-links span.user-name { font-size: 13px; padding: 7px 0; color: #fff; display: inline-block; text-transform: uppercase; vertical-align: middle; }
.left-links span.user-name span.main-user-name { color: #ffb400; font-size: 13px; vertical-align: middle; display: inline-block; line-height: normal; }
.left-links span.user-name span.main-user-name.equity { color: #16b757; font-size: 13px; }
.submit-box .text-right { text-align: right; }
span.form-control-colour-text.yellow { }
.form-content.personal-details .demo-full-wrapper .form-group label { width: 100%; margin: 0; padding: 0; height: 40px; display: table-cell; float: none; color: #c3c3c3; vertical-align: middle; font-weight: normal; }
.payment-methods { padding: 27px 0; clear: both; text-align: center; }
span.help-block.form-error { font-size: 12px; display: block; clear: both; margin: 0; text-align: right; padding: 0; color: #a94442; }
.error-text { display: block; font-size: 12px; margin: 0; text-align: right; padding: 0; color: #a94442; }
span.help-block.form-error.form-error-real-val, .checkboxes span.help-block.form-error.form-error-real-val { text-align: left; padding-left: 35px; }
.no-padding { padding-right:0; padding-left:0; }
.paddingtop1x { padding-top: 10px; }
.paddingtop2x { padding-top: 20px; }
.paddingtop3x { padding-top: 30px; }
.paddingtop4x { padding-top: 40px; }
.spacetop1x { margin-top: 10px; }
.spacetop2x { margin-top: 20px; }
.spacetop3x { margin-top: 30px; }
.spacetop4x { margin-top: 40px; }
.spacebottom2x { margin-bottom: 20px; }
.top-border { border-top:1px solid #ccc; }
.container-xs.container-xs-955px { width: 955px; padding: 60px 0; }
.container-xs.container-xs-955px .form-content .form-inline label.form-label { width: 40%; color: #c3c3c3; font-weight: normal; }
.container-xs.container-xs-955px .form-content .form-inline input, .container-xs.container-xs-955px .form-content span.form-control { width: 60%; border:1px solid #363636; background:#fff; border-radius:0; }
.container-xs.container-xs-955px .form-content .form-inline select { width: 60%; border:1px solid #363636; }
.main-sidebar-push-menu { width: 157px; float: left; }
.container-xs.container-xs-955px .form-content .form-inline input.form-control.country-code { width: 19%; float: left; }
.container-xs.container-xs-955px .form-content .form-inline input.form-control.ph-number { width: 40%; }
.container-xs.container-xs-955px .form-content-box { padding: 0; }
.form-border { border:1px solid #3a3939; }
.container-xs.container-xs-955px .form-border .form-border { padding:0; }
.form-content .form-inline textarea { border: 1px solid #363636; border-radius: 0; background:#fff; width:60%; height:122px; resize:none; }
.container-xs.container-xs-955px .submit-box { padding: 22px 15px; margin:0; display: block; }
.accounts-btns-wrapper p { color: #fff; font-size: 25px; }
.top-box {    position: relative;    height: 60px;    display: flex;    align-items: center;    justify-content: center;    padding: 0 12px;}
.site-header .top-head-bar .navbar {    display: none;}
.top-right {    padding: 0;    margin: 0;    display: flex;    align-items: center;    justify-content: flex-end;}
.top-box:after {    content: '';    position: absolute;    height: 100%;    width: 1px;    background: #e8e8e8;    top: 0;    right: 0;}
.top-box:last-child:after {    display: none;}
.top-right .top-box:nth-child(2):after{display: none;}
.top-box .s-icon{height: 25px;    width: 25px;}
.top-box .earphone {    background-position: -46px -291px;margin-right: 6px;}
.top-box .logout {    background-position: -46px -627px;}
.top-box a {    color: #000;text-decoration: none;    font-size: 15px;outline: none;}
.top-box a:hover, .top-box a:focus{text-decoration: none;outline: none;}
.top-box .fa {    color: #214570;    font-size: 20px;}
.top-right .top-box:nth-child(2) {    flex-direction: column;}
.top-right .top-box:nth-child(2) h4 {    color: #214570;    margin: 4px;    font-family: 'Roboto-Bold';}
.top-right .top-box:nth-child(4):after {    display: none;}
.top-right .top-box .dropdown-right-wrapper {    display: none;}
.top-right .top-box span b {    font-size: 16px;}
/* form trading history */
.form-content-history { padding: 0; }
table.table.table-cm.no-border-bottom td { border-bottom: 0 !important; }
.container-xs.container-xs-955px .form-content .form-inline label.form-label span { color: #f83232; margin-right: 4px; margin-left: 0; left: 0; }
/*table css comman*/
.submit-box .col-md-12 p { }
.checkboxes span.help-block.form-error { text-align: left; padding: 0; padding-left: 0; }
.table.table-cm th { font-size: 12px; text-transform: uppercase; color: #3a3a3a; padding: 25px 8px; text-align: center; box-sizing: border-box; vertical-align: middle; border-right: 1px solid #e1e1e1; background: #fff; border-bottom: 1px solid #e1e1e1; float: none; display: table-cell; }
table.table.table-cm.table-th-cm th:last-child { border-right: 0; }
.table.table-cm { margin: 0 0 50px; border-top: 1px solid #f0f0f0; }
.table.table-cm th:last-child, .table.table-cm td:last-child { border-right: 0; }
.table.table-cm th span, .table.table-cm td span { display:block; }
body .table.table-cm td { font-size: 12px; /*padding: 15px 6px !important;*/ color: #c3c3c3; border-top: 0; vertical-align: middle; float: none; text-align: center; display: table-cell; }
body .table.table-cm td.result-green-bg { background: #3b943f; color: #fff; }
body .table.table-cm td span { display: block; }
body .table.table-cm td.medium { }
body .table.table-cm td.bold { }
/*my account page*/
.trade-btns i.icon-my-account { position: relative; right: 0; padding: 0 5px; top: 0; }
.trade-btns.trade-deposit-btns { background: #159439; border: 1px solid #0ebd40; font-size: 16px; padding: 10px 10px; }
a:hover { text-decoration:none; }
table.table.table-cm.table-th-cm td .color-link, table.table.table-cm.table-th-cm td a, table.table.table-cm.table-th-cm td a:hover, .color-link, .color-link:hover { color: #363636; text-transform: capitalize; text-decoration:none; }
.yellow-link, .yellow-link:hover { color: #ffb400; text-decoration:none; }
table.table.table-cm.table-th-cm { margin: 25px 0 0; }
table.table.table-cm.table-th-cm th {background:#6b6b6b; border-bottom: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; }
.no-margin{margin: 0!important;}
/********** Change Password  css start ***********/

button.hidden-md { position: absolute; right: 15px; background: transparent; border: none; padding: 0 15px; top: 0px; }
button.hidden-md.hidden-md-chk { position: absolute; right: 0; background: transparent; border: none; padding: 0 15px; top: 41px; }
.form-content .form-inline .form-group { position:relative;     margin: 0 0 25px;}
/********** Change Password  css start ***********/
/********** Deposit page table css start ***********/
.alternate-payment .table-responsive .table th { padding: 26px; font-size: 16px; color: #fff; text-transform: uppercase; text-align: center; border-right: 1px solid #f0f0f0; border-top: 0; }
.alternate-payment .table-responsive .table { border: 1px solid #f0f0f0; margin: 0; text-align: center; }
.alternate-payment .table-responsive .table td { border: 1px solid #f0f0f0; vertical-align: middle; color: #c3c3c3; padding: 15px 15px; }
.alternate-payment .table-responsive .table td.logo-td { background: #fff; padding: 0 15px; width: 130px; }
.alternate-payment .table-responsive .table td.logo-td img { width: 130px; max-width: 130px; height: 60px; }
.alternate-payment .table-responsive .table td .make-deposit-btn { background: #159439; padding: 8px 0; font-size: 14px; color: #fff; text-transform: uppercase; border: 1px solid #0ebd40; width: 118px; display: block; line-height: 16px; }
body .table-responsive .table td .make-deposit-btn.grey-withdrawal { background: #363636; border: 1px solid #363636; }
.alternate-payment .table-responsive .table td .text-left { text-align: left; display: inline-block; }
/********** Deposit page table css end ***********/
/****Thank You********/
.tank-you-wrapper {
    background: #bfbfbf;
    width: 100%;
    padding: 60px 0 40px 0;
    margin: 0 auto;
    position: relative;
    max-width: 480px;
}
.tank-you-wrapper:after{position: absolute; content: ""; border: 2px solid #fff; margin: 0 auto; left: 3%; right: 3%; top: 4%; bottom: 4%; }
.tank-you-wrapper p{color: #000; font-size: 22px; font-weight: bold; margin: 20px 0; text-transform: capitalize; }
.tank-you-wrapper p a{color:#e2001a; display: inline-block; position: relative; z-index: 99999; }
.user-details{margin:30px 0;}
.user-details p{display: inline-block; margin: 0 15px;}
.user-details span.real-label{color: #282828; font-weight: bold; background: #c0c0c0; padding: 7px 15px 7px 15px; font-family: 'Roboto-Bold';}
.user-details .box-real { padding: 5px 20px 5px 20px; margin: 0 0 0 -11px; display: inline-block; background: #595959; color: #fff; line-height: 18px; border: 1px solid #595959; }
.tank-you-wrapper img.img-responsive {
    max-width: 320px;
    width: 100%;
}
/****Thank You********/
/*Document Upload*/
.container-xs.container-xs-955px .form-content span.group-span-filestyle.input-group-btn { float: left; }
.container-xs.container-xs-955px .form-content input.form-control { float: right; }
.container-xs.container-xs-955px .form-content span.group-span-filestyle.input-group-btn label.btn.btn-default { border: 1px solid #fff; background: transparent; color: #fff; text-transform: uppercase; border-radius: 0; margin: 0; font-size: 13px; padding: 7px 15px; }
.container-xs.container-xs-955px .form-content .bootstrap-filestyle.input-group input.form-control { float: right; width: 62%; }
.my-ac-wrapper .tab-content > .active .content-wrapper {    margin: 0 0 20px;}
.my-ac-wrapper .tab-content > .active .content-wrapper .dashboard-bottom{    padding: 0 0 20px;}
/*withdrawal page css for col structure */
.container-xs.container-xs-955px .form-content-box.form-content-box-label-full input.form-control, .container-xs.container-xs-955px .form-content-box.form-content-box-label-full select { width: 100%; float: none; }
.container-xs.container-xs-955px .form-content-box.form-content-box-label-full label.form-label { width: 100%; margin: 0; padding: 0; height: 40px; display: table-cell; float: none; vertical-align: middle; }
.container-xs.container-xs-955px .form-content-box.form-content-box-label-full .textbox-two .form-control { width: 49%; float: left; }
.container-xs.container-xs-955px .form-content-box.form-content-box-label-full .textbox-two .form-control:first-child { margin-right: 2%; }
/*deposit page css*/
.deposit-wrapper ul.deposit-wrapper-tabs { margin: 0 0 40px; border: 0 !important; }
.deposit-wrapper ul.deposit-wrapper-tabs li:first-child { border-left: 0; }
.deposit-wrapper ul.deposit-wrapper-tabs li { border: 1px solid #3a3939; width: 20%; border-right: none; height: 75px; display: table; }
.deposit-wrapper ul.deposit-wrapper-tabs li a { display: block; font-size: 16px; text-transform: uppercase; color: #c3c3c3; text-align: center; padding: 16px 0 12px 0; border: 0; display: table-cell; height: 100%; vertical-align: middle; }
.deposit-wrapper .nav-tabs.deposit-wrapper-tabs>li.active>a, .deposit-wrapper .nav-tabs.deposit-wrapper-tabs>li.active>a:focus, .deposit-wrapper .nav-tabs.deposit-wrapper-tabs>li.active>a:hover, .deposit-wrapper .nav-tabs.deposit-wrapper-tabs>li>a:hover { color: #fff; background: #000; border:none; }
.container-xs .form-content .form-inline .date-option-two select { width: 49%; float: left; }
.container-xs .form-content .form-inline .date-option-two select:first-child { margin-right: 2%; }
.container-xs.container-xs-955px .form-content .form-inline label.form-label span.details-wrapp { background: #12a1ac; display: inline-block; color: #fff; margin: 0 4px; padding: 2px 0; font-size: 14px; border-radius: 50%; height: 20px; width: 20px; vertical-align: middle; text-align: center; }
/************** account-type-accordion ***********************/
.account-type-accordion { display:none; }
.account-type-accordion { padding: 15px; }
.account-type-accordion .account-type-wrapp h3, .account-type-accordion .panel-default>.panel-heading a { background: #1f1f1f; margin: 0; padding: 15px; text-align: left; color: #fff; font-size: 16px; border: 1px solid #393939; }
.account-type-accordion .panel-group .panel+.panel { margin-top: 30px; }
.account-type-accordion .panel-default>.panel-heading.panel-clr.active a { background: #1d1c1c; color: #fff; border-top: 10px solid transparent; border: 1px solid #393939; }
.account-type-accordion .panel-title > a:before { float: right !important; font-family: FontAwesome; content:"\f107"; padding-right: 5px; font-size: 32px; margin-top: -10px; }
.account-type-accordion .panel-title > a.collapsed:before { float: right !important; content:"\f106"; color: #fff; font-size: 32px; margin-top: -10px; }
.account-type-accordion .panel-title > a:hover, .panel-title > a:active, .panel-title > a:focus { text-decoration:none; }
.account-type-accordion .panel-body, .account-type-accordion .panel-group .panel-heading { padding: 0; border: none !important; }
.account-type-accordion .account-type-wrapp { border: 0; border-radius: 0; overflow: hidden; padding: 0; }
.account-type-accordion .panel-default>.panel-heading h4 { font-size: 16px; }
.account-type-accordion .panel-group .panel, .account-type-accordion .panel-default>.panel-heading a { margin-bottom: 0; border-radius: 0; box-shadow:none; }
.account-type-accordion .panel-group .panel { background: transparent; border: none; }
.account-type-accordion .panel-default>.panel-heading a { color:#fff; display: block; }
.account-type-accordion .account-type-wrapp .types-wrapp:nth-child(2n+1) { background: #1f1f1f; }
.account-type-accordion .account-type-wrapp .types-wrapp { border-bottom: 1px solid #393939; color: #c3c3c3; font-size: 15px; font-weight: 500; background: #1d1c1c; overflow: hidden; vertical-align: middle; height: 80px; display: table; width: 100%; }
.account-type-accordion .account-type-wrapp .item-text, .account-type-accordion .account-type-wrapp .value-text { width: 50%; padding: 15px; height: 100%; vertical-align: middle; display: table-cell; }
.account-type-accordion .account-type-wrapp .item-text { color: #fff; text-transform: uppercase; font-size: 18px; text-align: left; border-right: 1px solid #393939; }
.account-type-accordion .account-type-wrapp .value-text { color: #c3c3c3; font-size: 14px; font-weight: 500; text-align:center; }
.account-type-accordion .account-type-wrapp .value-text span { display:block; }
.account-type-accordion .account-wrapp { border: 4px solid #000; padding: 15px 0 0; overflow: hidden; }
.account-type-accordion .panel-group .panel-heading.active h4 a { background: #000 !important; border: 1px solid #000 !important; }
.account-type-accordion .account-wrapp .table-responsive .table th { padding: 26px; font-size: 16px; color: #fff; text-transform: uppercase; text-align: center; border-right: 1px solid #f0f0f0; border-top: 0; }
.account-type-accordion .account-wrapp .table-responsive .table { border: 1px solid #f0f0f0; margin: 0; text-align: center; }
.account-type-accordion .account-wrapp .table-responsive .table td { border: 1px solid #f0f0f0; vertical-align: middle; color: #c3c3c3; padding: 15px 15px; }
.account-type-accordion .account-wrapp .table-responsive .table td.logo-td { background: #fff; padding: 0 15px; width: 130px; }
.account-type-accordion .account-wrapp .table-responsive .table td.logo-td img { width: 130px; max-width: 130px; height: 60px; }
.account-type-accordion .account-wrapp .table-responsive .table td .make-deposit-btn { background: #159439; padding: 8px 0; font-size: 14px; color: #fff; text-transform: uppercase; border: 1px solid #0ebd40; width: 118px; display: block; line-height: 16px; }
.account-type-accordion .account-wrapp .table-responsive .table td .make-deposit-btn.grey-withdrawal { background: #363636; border: 1px solid #363636; }
.account-type-accordion .account-wrapp .table-responsive .table td .text-left { text-align: left; display: inline-block; }
.account-type-accordion .account-wrapp .table-responsive { padding: 0 15px; }
/************** inner pages css start end ***********************/
.form-content .form-inline label.form-label.dark-long-radio-text { width: 68%; /*color: #656262;*/ color: #fff; margin-right: 2%; }
.form-content .form-inline .step-two-box-bottom select { width: 25%; }
/*radio  btn css*/
.form-content.step-three .radio-wrapper { width: 28%; float: left; padding: 15px 0 0; }
.radio-wrapper .radio-left { float: left; width: 50%; position: relative; }
.radio-wrapper { width: 30%; float: left; padding: 15px 0 0; }
.radio-wrapper .radio-left input[type=radio] { position: absolute; visibility: hidden; }
.radio-wrapper .radio-left label { display: block; position: relative; font-weight: 300; font-size: 14px; padding: 2px 0 2px 30px; height: auto; z-index: 9; cursor: pointer; -webkit-transition: all 0.25s linear; margin: 0; }
.radio-wrapper .radio-left:hover label { color: #FFFFFF; }
.radio-wrapper .radio-left .check { display: block; position: absolute; border: 2px solid #7e7e7e; border-radius: 100%; height: 20px; width: 20px; top: 1px; left: 0; z-index: 5; transition: border .25s linear; -webkit-transition: border .25s linear; }
.radio-wrapper .radio-left:hover .check { border: 5px solid #FFFFFF; }
.radio-wrapper .radio-left .check::before { display: block; position: absolute; content: ''; border-radius: 100%; height: 10px; width: 10px; top: 3px; left: 3px; margin: auto; transition: background 0.25s linear; -webkit-transition: background 0.25s linear; }
 .radio-wrapper .radio-left input[type=radio]:checked ~ .check {
 border: 2px solid #7e7e7e;
}
 .radio-wrapper .radio-left input[type=radio]:checked ~ .check::before {
 background: #fff;
}
 .radio-wrapper .radio-left input[type=radio]:checked ~ label {
 color: #fff;
}
/*=========================== checkbox css========================*/
/* Base for label styling */
.check-box-wrapp { padding: 8px 0; clear:both; }
.check-box-wrapper [type="checkbox"]:not(:checked), [type="checkbox"]:checked { position: absolute; left: -9999px; }
.check-box-wrapper [type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label { color: #545454; cursor: pointer; /*font-size: 12px; line-height: normal;*/ margin: 0; padding-left: 35px; position: relative; }
/* checkbox aspect */
.check-box-wrapper [type="checkbox"]:not(:checked) + label::before, [type="checkbox"]:checked + label::before { background: #fff none repeat scroll 0 0; border-radius:4px; border: 1px solid #bbb; box-shadow: none; content: ""; height: 20px; left: 2px; position: absolute; top: 1px; width: 20px; }
.check-box-wrapper [type="checkbox"]:not(:checked) + label.requiredche::before, [type="checkbox"]:checked + label.requiredche::before { background: #4d4c4c none repeat scroll 0 0; border: 1px solid #f00; box-shadow: none; content: ""; height: 20px; left: 2px; position: absolute; top: 1px; width: 20px; }
/* checked mark aspect */
.check-box-wrapper [type="checkbox"]:not(:checked) + label::after, [type="checkbox"]:checked + label::after { /*color: #fff;*/ color: #000; content: "\2713 "; //content: "✔";
font-size: 13px; left: 7px; line-height: 0.8; position: absolute; top: 5px; transition: all 0.2s ease 0s; }
/* checked mark aspect changes */
.check-box-wrapper [type="checkbox"]:not(:checked) + label:after { opacity: 0; transform: scale(0); }
.check-box-wrapper [type="checkbox"]:checked + label:after { opacity: 1; transform: scale(1); }
/* disabled checkbox */
.check-box-wrapper [type="checkbox"]:disabled:not(:checked) + label:before, [type="checkbox"]:disabled:checked + label:before { box-shadow: none; border-color: #4d4c4c; background-color: #4d4c4c; }
.check-box-wrapper [type="checkbox"]:disabled:checked + label:after { color: #999; }
.check-box-wrapper [type="checkbox"]:disabled + label { color: #aaa; }
/* hover style just for information */
.check-box-wrapper label:hover:before { border: 1px solid #4d4c4c!important; }
.step-two-box-bottom span.help-block.form-error { width: 63%; position: absolute; }
/******************* mobile-user-sidebar-wrapper **************/
.user-icon-slide-right { position: absolute; right: 60px; top: 0; margin: 24px 15px; float: right; z-index: 50; display:none; }
.mobile-user-sidebar-wrapper { width: 270px; padding: 15px 25px 15px 25px; background: rgba(0, 0, 0, 0.95); background-size: cover; position: fixed; top: 0; height: 100%; margin: 0 -300px 0 0; -webkit-transition: .5s ease-in; -moz-transition: .5s ease-in; -o-transition: .5s ease-in; -ms-transition: .5s ease-in; transition: .5s ease-in; right: 0; z-index: 55; }
.mobile-user-sidebar-wrapper.menushow .menu-btn { -webkit-transform: rotate(45deg) !important; -moz-transform: rotate(45deg) !important; -o-transform: rotate(45deg) !important; -ms-transform: rotate(45deg) !important; transform: rotate(45deg) !important; }
.mobile-user-sidebar-wrapper.menushow { margin: 0; box-shadow:0 0 50px 0 rgba(0,0,0,1); }
.mobile-user-sidebar-wrapper ul { margin:60px 0 0 0; }
.mobile-user-sidebar-wrapper a, .mobile-user-sidebar-wrapper .menu-btn a { color:#fff; font-size: 18px; font-weight: 300; text-decoration: none; padding:10px 15px; display: block; -webkit-transition: .25s ease-in; -moz-transition: .25s ease-in; -o-transition: .25s ease-in; -ms-transition: .25s ease-in; transition: .25s ease-in; }
.mobile-user-sidebar-wrapper a:hover { background: rgba(255,255,255,.125); }
.mobile-user-sidebar-wrapper .menu-btn { position: absolute; right:8px; top:8px; -webkit-transition: .5s ease-in; -moz-transition: .5s ease-in; -o-transition: .5s ease-in; -ms-transition: .5s ease-in; transition: .5s ease-in; }
.mobile-user-sidebar-wrapper .menu-btn a { font-weight: 900; font-size: 30px; text-align: center; width:30px; height:30px; padding:3px; }
.mobile-user-sidebar-wrapper .menu-btn a:hover { background: none; }
span.user-name { text-align: center; }
span.user-name img, span.user-name .main-user-name { display: inline-block; vertical-align: middle; }
span.user-name .main-user-name { font-size: 18px; text-transform: uppercase; color: #ffb400; }
.mobile-user-sidebar-wrapper .equity-wrapper { padding: 15px 0; font-size: 18px; color: #fff; text-transform: uppercase; }
.mobile-user-sidebar-wrapper .equity-wrapper span.main-user-name.equity { color: #11c949; }
.mobile-user-sidebar-wrapper .menu-btn-deposit { display: block; clear: both; transform: none !important; position: relative; }
.mobile-user-sidebar-wrapper .menu-btn-deposit a { text-transform: uppercase; border: 1px solid #0ebd40; text-align: center; font-size: 22px; background: #159439; }
.mobile-user-sidebar-wrapper .menu-btn-deposit a:focus { border: 1px solid #fff; background: #fff; color:#000; }
/******************* drop-down select**************/
/*-------------- Side menu overlay ----------------*/
.grey-box { background:#dcdce0; padding:150px 0; margin:0 auto; }
.top-head-bar .navbar { background: transparent none repeat scroll 0 0; border: medium none; display: inline-block; margin: 0; min-height: auto; position: relative; width: auto; line-height: normal; top: 1px; }
.top-head-bar .navbar .navbar-brand { color: #5f656f; height: auto; padding: 0; }
.top-head-bar .navbar .navbar-brand { color: #5f656f; height: auto; padding: 0 15px 0 0; }
.top-head-bar .navbar span.menu-linebar { background: #252d3a; width: 20px; margin-bottom: 4px; display: block; height: 3px; border: 1px solid #252d3a; }
.container-fluid.my-ac-wrapper { margin-bottom: 0; padding: 0; }
.top-head-bar .navbar .navbar-brand:hover, .top-head-bar .navbar .navbar-brand:focus { color: #5f656f; }
#wrapper { padding-left: 0; transition: all .4s ease 0s; /*height: 100% */ position: relative; }
#sidebar-wrapper { margin-left: -265px; left: 0; width: 250px; background: #ffffff; /* position: absolute; */ z-index: 99; transition: all .4s ease 0s; position: relative; /*height: 100%;*/ float: left; height: 100Vh; height: 100%; }
.sidebar-nav { display: block; float: left; width: 250px; list-style: none; margin: 0; padding: 0; }
#page-content-wrapper { padding-left: 0; margin-left: 0; width: 100%; height: auto; }
#wrapper.toggled { padding-left: 0; }
#wrapper.toggled #sidebar-wrapper { left: 265px; }
#wrapper.toggled .canvas { margin-left: 265px; }
#wrapper .canvas { padding-left: 0; transition: all .4s ease 0s; /* height: 100%; */ position: relative; margin-left: 265px; float: left; width: -moz-available;          /* WebKit-based browsers will ignore this. */ width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */ }

/*Lang dropdown CSS Start*/

/*
.italian .dropdown-right .drop-down .select-list li:nth-child(3) {
    display: none!important;
}
*/
.english .dropdown-right .drop-down .select-list li:nth-child(1) {
    display: none!important;
}

.spanish .dropdown-right .drop-down .select-list li:nth-child(4) {
    display: none!important;
}
.top-performers-container .performer-item .user-name {
    font-size: 9px;
}

.button.copy {
    display: none;
}
.otp-dr {
    width: 100%;
    height: 790px;
}
.iframes h2 {    text-align: center;}
.iframe-box-top {    background: #f4f4f4;    padding: 15px;    border-top: 1px solid #ccc;    margin-bottom: 25px;}
.iframe-box h3{    margin-bottom: 0px;margin-top: 0px;}
.iframe-box a{    color: #214570;}
.iframe-box p{padding-left: 0px;margin-bottom: 15px;font-size: 16px}
.iframe-box p:last-child {    margin-bottom: 0;}
b{    font-family: 'Roboto-Bold';}
.iframe-box h3 b {    color: #214570;}
.iframe-box img{margin-top: 30px;    height: 100%;}
.iframes iframe {    width: 100%;   height: 550px!important;}
.iframes .cfd-cal iframe{height: 740px!important;}
.iframes .stop-loss iframe {    height: 940px!important;}
.iframes.dail-signals iframe{    height: 5047px!important;}
.iframes.tab-box iframe{    height: 5604px!important;}
.iframes.economic-cal iframe{    height: 13543px!important;}

/*Lang dropdown CSS end here*/
@media(max-width: 1199px){
 .registration-bottom{padding: 0 0 20px 0;}
}

@media(max-width: 991px){
.login-l{
   height:auto;
   position: relative;
   top: 0;
   background: #000;
   width: 96%;
   margin:15px auto;
}
.login-l:after{display:none}

.-page .extra-bg {box-shadow:0 2px 11px #ccc;}
.login-page .register-wrap .row-flex{margin: 15px 0 0 0;}

}

 @media (max-width:767px) {
#wrapper { padding-left: 125px; transition: all .4s ease 0s; }
#sidebar-wrapper { left: 125px; }
#wrapper.toggled #sidebar-wrapper { left: 150px; width: 250px; transition: all .4s ease 0s; }
.customer-tabs .tabs-left{    border: 0;display: block;}
.customer-tabs .nav-tabs > li{border-left: 0px;border-bottom: 1px solid #ccc;width: 100%;}
.customer-tabs .nav-tabs > li.active:after{width: 100%;
    height: 1px;background: #fff;}
.customer-tabs .nav-tabs > li a br{display: none;}
/*.customer-tabs .nav-tabs > li:first-child{border: 0;}*/
.customer-tabs .nav-tabs > li:last-child{border: 0;}
.customer-tabs .nav-tabs > li.active{border: 0;}
.register-wrap .row-flex{top:15px; display:block; position: relative;}
p.rotat-p {    display: none;}
.login-page .register-wrap{width: 100%!important;    margin: 0;padding:0; top: 0; transform: none;}
.login-page .register-wrap .extra-bg{padding-bottom: 15px; margin: 0 0 18px;}
.login-l{
	align-items: center;
    margin: 0;
    width: 100%;
}
.login-l:after{display:none;}
.popup:before{height: auto;}



}
.successful-wrapper { padding: 40px 0; text-align: center; }
.successful-wrapper h4 { padding: 40px 0; margin: 0; font-size: 30px; text-transform: capitalize; color: #000; }
/****block-language *******/
.block-language { position: absolute; right: 0; top: 20px; z-index: 900; }
.block-language .links li { width: 41px; list-style: none; height: 25px; display: none; position: relative; }
.block-language .links li a { display: inline-block; width: 40px; font-size: 0; height: 20px; }
.block-language .links li a img { width: 65%; }
.block-language .links li.is-active { display: block; }
.block-language .links li.is-active:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 4px 4px 0 4px; border-color: #757575 transparent transparent transparent; position: absolute; right: 0; top: 40%; }
.block-language .links:hover li { display: block; }
.block-language .links:hover li.is-active:after { display: none; }
.block-language .links { background: #000; position: relative; z-index: 99; padding: 5px 0 5px 15px; }
/**********/
.box iframe .inlineblock { display: block!important; }
/*****grey-sidebar*****/
.grey-sidebar { padding: 0; font-size: 16px; background: #dcdce0; margin: 0 0 30px 0; }
.grey-sidebar h3 { background: #214570; display: inline-block; color: #fff; font-size: 16px; padding: 10px 20px 10px 30px; margin: 0; position: relative; }
.swedish .grey-sidebar h3 { font-size: 14px; padding: 11px 20px 11px 15px; }
.grey-sidebar h3:after { content: ""; background: url(/Images/tag.png); position: absolute; right: -21px; width: 41px; height: 38px; top: 0; background-position: 0 3px; display: none;}
.grey-sidebar p { font-size: 15px; padding: 15px 20px; margin: 0; border-bottom: 1px solid #fff; }
.swedish .grey-sidebar p { padding: 15px 15px; }
.grey-sidebar p:last-child { margin: 0; padding-bottom: 0; border: 0; }
.grey-sidebar p b { font-weight: bold; font-size: 14px;    font-family: 'Roboto-Bold'; }
.grey-sidebar ul { padding: 10px 0 10px 28px; color: #004c93; font-weight: 500; }
.divider { background: #b2b2b2; height: 1px; margin: 25px 0; width: 100%; }
.grey-contact-box i { color: #004c93; font-size: 22px; }
.grey-contact-box span { color: #004c93; font-size: 22px; }
.grey-contact-box span { color: #004c93; font-size: 20px; font-weight: 500; margin: -3px 0 5px 0; display: inline-block; }
.grey-contact-box { font-weight: 500; }
.mb20 { margin: 0 0 15px 0; }
.grey-sidebar #ofm-table-products-container h2{display: none;}
.grey-sidebar h2 {
    margin-top: 10px;
    font-size: 24px;
    background: #fff;
    padding-bottom: 15px;
    margin-bottom: 0;
    color: #214570;
}
.blue-head{color: #214570;}
/*********/


/******************/
.referall-wrap{
    margin: 0 -17px;
    position: relative;
}

.refer-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 15px;
	display: flex;
    align-items: center;
}

.refer-content h3 {
    color: #fff;
    margin:0;
	font-size: 22px;
}

.refer-content p {
    padding: 0;
    color: #fff;
    font-size: 17px;
    margin: 0;
	text-align: left !important;
} 

.refer-content a {
    background: #fff;
    padding: 10px 25px;
    border-radius: 35px;
    float: right;
    font-size: 17px;
	text-decoration: none;
    transition: 0.5s;
}

.refer-content a:hover {
    background: #214570;
    color: #fff;
	text-decoration: none;
}

.referall-wrap img.img-responsive {
    width: 100%;
}

.invite-friend .form-content .form-inline .form-group span {
    position: absolute;
    bottom: -19px;
    right: 0;
}

.invite-friend .form-content .form-inline .form-content-box.form-content-box-label-full .form-group {
    padding: 0;
    margin: 0 0 15px 0;
}

/*****/
.copy-text-dv {
    padding: 35px 0 0 0;
}
.copy-text-dv > div {
    padding: 8px 30px;
    display: inline-block;
    background: #214570;
    color: #fff;
    cursor: pointer;
	margin: 0 0 20px 0;
}
/*************/


/***************************************************************************************************
PAGE NOT FOUND PAGE CSS START
**************************************************************************************************/
.container-404 .row { display: flex; vertical-align: middle; margin: 0 auto; text-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; }
.container-404 { display:table; overflow: hidden; padding:50px 15px; }
.container-404 p { font-size: 20px; }
.container-404 p.bold { font-weight: bold; font-size: 30px; }
.container-404 p.regular { font-weight: 100; }
.container-404 img { text-align:center; display: inline-block; }
.container-404 .row img, .container-404 .row img { text-align: center; display: inline-block; padding-bottom: 30px; }
/***************************************************************************************************
PAGE NOT FOUND PAGE CSS END
**************************************************************************************************/
/***********personal account page**********/
.account-info h4 { background: #214570; color: #fff; padding: 15px 0; border-right: 1px solid #e4e4e4; margin:0; }
.account-info span { background: #f5f5f5 none repeat scroll 0 0; border-radius: 0; display: inline-block; padding: 15px 0; width: 100%; border-right: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; }
/***********personal account page**********/
.graf-section .panel-body { overflow-x: scroll; display: flex; justify-content: center; }
.graf-section .panel-heading { background: #004c93; color: #fff; border-radius: 0; padding: 15px 0; }
.graf-section .panel-heading h4 { margin: 0; }
/************/
.tradingview-widget-container { position: relative; }
.tradingview-widget-container:after { position: absolute; content: ""; left: 9px; bottom: 80px; width: 32px; height: 36px; background: #fff; border-radius: 100%; }
/******calculator-table*********/
table.calculator-table { background-color: transparent; width: 100%; }
table.calculator-table td { border: 1px solid #d8d8d8; padding: 7px 15px; }
.form-inline table.calculator-table select, .form-inline table.calculator-table input { width: 100%; display: block; margin: 0; border: 1px solid #ccc; padding: 2px 8px; }
table.calculator-table td.comm { border: 0; }
.cal_submit { background: #004c93; color: #fff; padding: 8px 20px !important; display: inline-block; font-size: 17px; width: auto !important; }
.swapriskmoney { background: #ffffff; padding: 8px 15px !important; width: auto !important; border: 2px solid #8bc838!important; color: #8bc838; font-weight: bold; text-transform: uppercase; transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s; }
.swapriskmoney:hover, .swapriskmoney:focus { background: #99d213; text-decoration: none; border: 2px solid transparent!important; color: #fff !important; }
table.form-tbl.wholecolored.calculator-table td.left { width: 48%; }
table.form-tbl.wholecolored.calculator-table { width: auto; }
.calculator-page .steps-main-heading{font-size: 30px}
/******calculator-table*********/
.form-content form.search-form { margin-bottom: 15px; padding: 0; float: right; }
.form-content #searchform.search-form { margin-bottom: 15px; padding: 0; float: right; }
 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.select-arrow:after { display:none; }
.page-loader { padding: 15%; display: block; }
}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: none; outline: none; outline-offset: 0; box-shadow: none; }
.responsive_tbl { background: #f1f1f1; border: 0 solid #e9e9e9; border-collapse:collapse; border-spacing:0; font-weight:300; width:100%; margin: 15px 0 15px; }
.responsive_tbl tr th { background: #6b6b6b; vertical-align: middle; border-bottom: 0 solid #e9e9e9; font-size: 16px; color: #fff; font-family:'Roboto-Bold'; text-align: center; padding: 20px 6px; text-transform: capitalize; }
.responsive_tbl tr th:last-child { border-right:0 none }
.responsive_tbl tr td { border-bottom: 1px solid #ccc;  color: #333; font-size: 15px; padding: 12px 6px; text-align: center; vertical-align: middle; text-transform: capitalize;     background: #fff;}
.responsive_tbl tr td:first-child { font-weight: bold; font-family: 'Roboto-Bold';}
.responsive_tbl tr td > a { color: #214570 !important; }
.responsive_tbl .td-link { padding: 6px 10px; }
/*.responsive_tbl .tbl-btn { background: #151c1f; border: 1px solid #9a7e19; border-radius: 0; display: inline-block; text-align: center; padding: 6px 15px; color: #deb417!important; }
.responsive_tbl .tbl-btn:hover, .responsive_tbl .tbl-btn:focus { background: #b6bc1c; border: 1px solid #b6bc1c; border-radius: 0; color: #fff!important; text-decoration:none; }*/
table.legal-table td { text-align: center; }
.trading_history .form-content .form-inline .form-group span{text-align:left;}
 @media (max-width: 767px) {
.responsive_tbl table, .responsive_tbl thead, .responsive_tbl tbody, .responsive_tbl th, .responsive_tbl td, .responsive_tbl tr { display:block }
.responsive_tbl { border:medium none; background: transparent; }
.responsive_tbl tr th { border-bottom:1px solid #444; border-right:medium none; width:100%; font-size: 14px;padding: 15px 6px; }
.responsive_tbl tr { border:1px solid #e9e9e9; margin-bottom:15px; padding:0; }
.responsive_tbl tr td { padding:10px 6px; position:relative; white-space:normal; border-right:0px; }
.responsive_tbl td::before { color:#a2a2a2; content:attr(data-title); display:none; font-size:16px; padding-bottom:1px; padding-right:0; text-align:left; white-space:nowrap }
#ofm-table-products, #ofm-table-products td, #ofm-table-products th, #ofm-table-products h2{    margin: auto;}
.grey-sidebar{background: transparent;}
.grey-sidebar .table-responsive{border: none;}
.custom-details .panel-heading h4{font-size: 18px;}
.custom-details .panel-heading a.accordion-toggle:after{font-size: 15px}

/*header*/
.top-head-bar{display: block;    padding: 0 0 15px;}
.top-head-bar .side-overlay-menu{width: 30%; z-index: 999999999; order: 2;}
.top-head-bar .market-ticket {
    position: relative;
    top: 0;
    width: 100%;
    padding: 0 0 10px 0;
}
.login-details{text-align: center; order: 2; width: 70% !important; float: left; padding-top: 0; z-index: 99999999; position: relative; }
.top-head-bar .col-md-6.col-sm-4.col-xs-4.text-center{width: 100%; padding: 0 0 10px 0; order: 1;}
.top-head-bar .common-btn{margin-left:7px;}
.leverate-rates-ticker-container .leverate-rates-animated-row{left:0;}
/**/

}

@media (max-width: 560px) {
.popup .modal-dialog:after{height: 104%;}
}

@media (max-width: 480px) {
.cashier34-div {max-width: 100%; width: 100%;}
.cashier34-div .form-control{max-width: 100%; margin: 0 auto; width: 100%;}
.cashier34-div label{font-size: 13px;}
.custom-details .panel-heading h4{font-size: 16px;}
}
@media (max-width: 345px) {
    .top-box .earphone{display: none;    }
    .top-box a{font-size: 14px;}
}

@media(min-width: 1460px) {
    .side-overlay-menu{    width: 15%!important;}
    .market-ticket{width: 60%!important;}
    .login-details{width: 30%!important;}
}
@media(min-width: 1800px){
	.market-ticket{width: 80%!important;}
}



/**************   New technical Analysis   ***************/
.page-id-2311 .content-area, .page-id-2325 .content-area, .page-id-2332 .content-area, .page-id-2333 .content-area, .page-id-2331 .content-area{padding: 0px;}
.page-id-2311 .inner_bnr_container, .page-id-2325 .inner_bnr_container, .page-id-2332 .inner_bnr_container, .page-id-2333 .inner_bnr_container, .page-id-2331 .inner_bnr_container{display: none;}
.technical-analysis{padding: 0px;}
.technical-analysis p{font-size: 16px;padding: 0px;}
.tech-one {position: relative;   }
.tech-one-content {
    width: 70%;
    padding-top: 60px;
    top: 0;
}
.tech-one-content h3 {
    font-size: 24px;
    color: #000;
    margin-top: 0;
}
.tech-one-content h2 {
    font-size: 50px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 15px;
    /*color: #fff;*/
}
.tech-one-content p {
    font-size: 32px;
    /*color: #fff;*/
    padding: 0px;
}
.tech-one-content a{
    margin-top: 02px;
    font-size: 18px;
    text-transform: uppercase;
    background: #000;
    padding: 10px 30px;
    color: #fff !important;
	display: inline-block;
	text-decoration: none !important;
}  
.tech-two {
    padding: 50px 0px;
}
.tech-two img {
    float: right;
    height: 600px;
    padding-right: 20px;
}
:lang(ar).tech-two img {
    float: left;
    padding-right: 0;
    padding-left: 20px;
}
.technical-analysis .lg-head {
    font-size: 34px;
    text-transform: uppercase;
    font-weight: bold;
    color: #274b99;
    margin-bottom: 35px;
}
.tech-three {
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    padding: 50px 15px;
    color: #fff;
}
.tech-three p {
    color: #fff;
    margin-top: 20px;
}
.tech-three h2 {
    font-size: 24px;
}
.tech-three .icon{width:170px; height: 170px; margin: 30px auto 0;}
 .tech-three .one{background-position: -642px -640px;}
 .tech-three .two{background-position: -654px -926px;}
 .tech-three .three{background-position: -648px -1210px;}
 .tech-three .four{background-position: -1000px -41px;}
 .tech-three .five{background-position:-989px -353px;}
 .tech-three .six  {    background-position: -993px -668px;}
 .tech-four {
    padding: 50px 0;
}
.tech-four .tabs-left>li>a {
    border-radius: 0px;
    margin-right: 0;
    display: block;
    padding: 10px 30px;
    margin-bottom: 16px!important;
    text-transform: uppercase;
    border: 0!important;
    background: #fff;
    margin-bottom: 0;
    font-size: 14px;
}		
.tech-four  .tabs-left>li {
    margin-right: 0;
    display: block;
    text-align: center;
       padding: 0 60px 0 0;
    margin-bottom: 15px;
    position: relative;width: 100%;
}
:lang(ar).tech-four .tabs-left>li{    padding: 0 0px 0 60px;}
.tech-four .tabs-left>li.active>a:after {
    width: 0;
    height: 0;
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
    border-left: 40px solid #1b3071;
    position: absolute;
    content: '';
    right: -40px;
    top: -18px;
}
:lang(ar).tech-four .tabs-left>li.active>a:after{right: auto;
    top: -19px;
    left: -38px;
    transform: rotate(180deg);}
.tech-four .tabs-left>li>a:hover {
    background-color: transparent;
    color: #1b3071;
}
.tech-four .tabs-left>li.active>a, .tech-four .tabs-left>li.active>a:hover, .tech-four .tabs-left>li.active>a:focus {
    background: #1b3071;
    color: #fff;
    border: 0;
}
.tech-four .tab-content h2 {
    margin-top: 0;
    margin-bottom: 25px;
    color: #1b3071;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: bold;
}
.tech-four .tab-content img {
    margin-bottom: 20px;
}
.tech-four .tabs-left, .tech-four .tabs-right{margin-top: 30px;border: 0;}
.ar-l{display: none!important;}


.dear-client {
   /* position: absolute;
    top: 0;
    z-index: 1;
    padding: 20px 15px;*/
}
.dear-client p {
    color: #2d2d2d;
}
/* checkbox*/
/*
.chckbox{padding-top: 30px;}
.chckbox .check-box-wrapper [type="checkbox"]:not(:checked) + label::before, [type="checkbox"]:checked + label::before{top: 5px !important;}
.chckbox .check-box-wrapper [type="checkbox"]:not(:checked) + label::after, [type="checkbox"]:checked + label::after{top: 10px !important;}
.chckbox .check-box-wrapper [type="checkbox"]:not(:checked), [type="checkbox"]:checked{left:0;}
.chckbox .check-box-wrapper input[type="checkbox"]{
    margin: 8px 0 0 8px !important;
}