@charset "utf-8";
/* CSS Document */

/* Style The Dropdown Button */
.dropbtn {

    padding: 16px;
    font-size: 14px;
    border: none;
    cursor: pointer;
    color: #333;
    background-color: #fff;
    border-color: #ccc;

}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
   margin-top: 20px ;

}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #333;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    text-align: left;

}

/* Links inside the dropdown */
.dropdown-content a {
    color: #fff;
    padding:12px 16px;
    text-decoration: none;
    display: block;
}


/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1; color:#333;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color:transparent;
}
</style>



body{font-family: font-family:Brandon Grotesque,'Raleway', sans-serif !important; color:#7f7f7f; font-size:14px; background-color: #1c1b1d; padding:0px !important; width:100%; height:100%;}
@font-face {font-family:neuropol x; src:url('fonts/neuropol x free.ttf'); overflow-x: hidden;}

@font-face { font-family: Brandon Grotesque; src: url('fonts/Brandon_reg.otf'); }
@font-face { font-family: 'Abel', sans-serif src: url('fonts/Brandon_light.otf'); }
@font-face { font-family:newscycle; src: url('fonts/newscycle-regular.ttf'); }
@font-face { font-family:Helvetica CondensedBold; src: url('fonts/Helvetica CondensedBold.ttf'); }
.text-link{color:#006fb3; text-decoration:underline;}
.header-back{width:100%;     position: relative;
    z-index: 9999; min-height: 59px; padding:0px; transition:.5s all ease-in;  -webkit-transition:.5s all ease-in;  transition:.5s all ease-in; border-bottom: solid 1px #fff; float:left; background: #282828; background-size:100%; background-repeat:no-repeat;}

.login-window {
    width: 100%;
    height: auto;
    float: left;
     background-attachment: fixed;
    background-size: cover;     padding: 0 0 60px;
    background-color: #3A3A3A;

}
.demologin-window{
	 background: #000 url(images/blackbg2.jpg) no-repeat 0 0;
     background-size: 100%;
     padding: 0 0 60px;
}
.documetatiowrap{
	 background: #000 url(images/blackbg4.jpg) no-repeat 0 0;
     background-size: 100%;
     padding: 0 0 60px;
}
.disclaimerwrap{
	 background: #000 url(images/blackbg5.jpg) no-repeat 0 0;
     background-size: 100%;
     padding: 0 0 60px;
}
.fx-inner-contentmifid{
	 width: 100%;
    height: auto;
    padding: 30px 0 ;
    color: #fff;
    background: #000 url(images/blackbglogotop.jpg) no-repeat 0 0;
    background-size: 100%;
   }
.clientagreementtoppad {
	width:100%; height:auto; overflow:hidden; float:left; padding:50px 0;
	padding:50px 0;
}
.admin-blocks h3 {
    font-size: 40px;
    margin: 0 0 40px;
    font-family: 'Abel', sans-serifsans-serif;
}
.admin-blocks p {
    font-size: 22px;
    line-height: 35px;
    text-align: center;
    font-weight: 300;
    letter-spacing: 1px;
    color: #e0dfd6;
    margin: 0 0 30px;
    font-family: 'Abel', sans-serifsans-serif;
}
.login-window p,h4{color:#333333font-size: 16px;
    line-height: 30px;
    font-family: 'Abel', sans-serifsans-serif;
    color: white; !important;}
.appendix {
    width: 100%;
    height: auto;
    padding: 30px; color:#a5a5a5 !important;
    float: left;
    background-color: #ececec;
    border-radius: 10px;
    font-family: 'Abel', sans-serifsans-serif;
    margin: 15px 0px;
}
.well{ background-color: #fff;
		border:none;
		font-family: 'Abel', sans-serifsans-serif;
	   color: #333333;
	    font-size: 16px;
	    line-height: 25px;

}
.blog-inner {
    margin: 60px 0px 45px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
	 box-shadow: 1px 3px 20px 0px rgba(0,0,0,0.75);
	 border: 1px solid #404040;
     color:#fff !important;
}

.demowhite-bg {
    /*background: #ffffff url(images/demo_whitebg.png) no-repeat bottom center;*/
    background: #000000;
    background-size: 100%;

}
.demoinnerpad{
	padding: 30px;
}
.demosidebar {
    margin: 60px 0px;
    padding: 0px 0px 0px 20px;
  /* background: url(images/logodemot_new.png) no-repeat 150px center;*/
     background-size: 100%;
}

.categories h4{
    border-bottom: 1px solid #7e7e7e;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 8px;
    padding: 0 0 10px;
    font-size: 20px;
    color: #fff;
}
.userdashbaordsidewarp{
	width: 230px;
	max-height:600px;
	padding:8px 8px;

}


.userdashbaordside h4{
	 margin-top: 0;
    margin-bottom: 10px;
    font-size: 20px;
    margin-bottom: 20px;
    color: #00a3e4;
    font-family: 'Abel', sans-serif thin, sans-serif;
 }
.userdashbaordside h4 span {
    color: #ffffff;
}

.demosidemenu  ul  {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
}

#bottom h3 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 20px;
    margin-bottom: 20px;
    color: #00a3e4;
    font-family: 'Abel', sans-serif thin, sans-serif;
}
.legalmenu ul {
	margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    font-family: 'Abel', sans-serif thin !important;

}
.legalmenu ul li {
	padding-top:5px;
    color: #c4c4c4;
    font-size: 16px;
    font-family: 'Abel', sans-serif thin !important;
 }
.legalmenu ul li  a {
    color: #c4c4c4;
    font-size: 16px;
    font-family: 'Abel', sans-serif thin !important;
}
.legalmenu .fa {
	padding-right:4px;
}
.legalmenu ul:last-child {
	padding-bottom :40px;
}
.dusersidemenu {
	font-family: 'Abel', sans-serif thin !important;
}
.dusersidemenu ul {
	margin: 0;
    padding: 0;
    float: left;
    list-style: none;
}
.dusersidemenu ul li {
	padding-top:5px;
    color: #c4c4c4;
    font-size: 16px;

}
.dusersidemenu ul li  a {
    color: #c4c4c4;
    font-size: 16px;
    font-family: 'Abel', sans-serif thin !important;
}

.dusersidemenu li:nth-child(5) {
	padding-bottom :40px;
}
.temdusersidemenu ul {
	margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    margin-bottom:30px;
}


.temdusersidemenu ul li {
	padding-top:5px;
    color: #c4c4c4;
    font-size:18px;

}
.temdusersidemenu ul li  a {
    color: #c4c4c4;
    font-size: 16px;
    font-family: 'Abel', sans-serif thin !important;
}

.accounttype h4{
	margin-bottom:20px;
    font-size:24px;
    color: #fff;
    font-family: 'Abel', sans-serif thin, sans-serif;
 }
 .accountname {
 	 margin-bottom:20px;
 }
.accountname a {
	color: #fff;
    font-family: 'Abel', sans-serif ! important;
    font-weight: 100;
     font-size:18px;
    line-height:20px;

}


.newplatforms{
	padding:10px 0px;

}
.spacebottom{
	margin-bottom:100px;
}
.pd-right{
	    margin-left:20px;
}
.mg-left {
    margin-left: 15px;
   }

.card {
    background-color: #2080808;
    border:1px solid #3a3a3a;
    width: 100%;
    margin-bottom: 30px;
    border-radius:5px;
    padding:11px 24px;
    max-height:187px;
 }
.card h4{
	 font-family: 'Abel', sans-serif;
	 font-size: 16px;
	 line-height: 24px;
	 color: #fff;
	 padding:0;
	 margin:0;

   }
.card h4:after {
    content: "";
    position: absolute;
    width: 6%;
    height: 1px;
    top: 24px;
    left: 3%;
    border-bottom: 1px solid #b6b6b6;
}
.card h2{
	 font-family: 'Abel', sans-serif;
	 font-size: 20px;
	 line-height: 24px;
	 color: #fff;
	 padding: 7px 0;
	 margin:0;

}
.usernoti {
	text-align:center;
	padding:25px 8px 0 0;
}
.notiuser {
	 font-size:12px !important;
	 color: #fff !important;
     line-height:20px !important;
     padding:19px 10px !important;
	 margin:0 0 !important;

}
.noti_butt {
	margin-bottom :10px;
}
.rejected a {
	   color: #ff9fa8 ! important;
}

.topstrip{
	padding:10px;
	height:40px;
	marging-bottom:10px;
	background-color: #292929;
}

.dashusername h3{
	 font-family: 'Abel', sans-serif ! important;
	 font-size: 20px;
	 line-height: 24px;
	 color: #fff;
	 padding:0;
	 margin:0;
}
.dashusername h3 span {
    color: #337ab7;
}

.datetime span{
	color: #fff;
	margin-right:10px;
}

.card p {
	 font-size:16px !important;
	 color: #fff !important;
     line-height:20px !important;
     padding:0 0 !important;
	 margin:0 0 !important;
}

.fcidemofont{
	font-family: neuropol x;
    text-transform: uppercase;
    color:#00abed! important;
 }
.demosidemenu  ul li .fa {
    color: #fff;
    margin-right: 8px;
    color: #3c3c3c;
    font-size: 20px;
    top: 2px;
    position: relative;
    padding-top:15px;
}
.demosidemenu  ul li {
	font-size:16px;
}
.userstarttrading h3 {
    font-size: 18px;
    font-family: Brandon Grotesque thin, sans-serif;
    color: #fff !important;

}
.usertabpad {
	padding: 0 10px;
}
.desc {
    font-size: 24px;
    font-weight: 300;
    padding: 10px 0px 30px 0;
    color: #777777;
    line-height: 1.8;
}
.faded-border {
    padding-bottom: 10px;
    border-bottom: 1px solid transparent;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    -moz-border-image: -moz-linear-gradient(left, rgba(56,68,68,1) 0%, rgba(56,68,68,0) 100%);
    -webkit-border-image: -webkit-linear-gradient(left, rgba(56,68,68,1) 0%, rgba(56,68,68,0) 100%);
    border-image: linear-gradient(to right, rgba(56,68,68,1) 0%, rgba(56,68,68,0) 100%);
    border-image-slice: 1;
}
.mt4_label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 300;
    color: #333;
}
.login-window .form-control {
    width: 100%;
    height: 48px;
    background-color: #fff;
    padding: 8px 15px; color:#333 !important;
      margin: 0 0 20px;
    font-size: 16px;
    font-family: 'Abel', sans-serif;
      box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 0;
    box-shadow: none;

}
.login-window .panel{background-color:transparent; border:none;}
.form-head {
    font-family: 'Abel', sans-serifsans-serif;
    text-align: center;
    margin: 0 0 20px;
    font-weight: 600;
    font-size: 18px;
}
.note{width: 114px;
    height: auto;
    float: left;
    margin: 0 0 30px;}

.forget-pwd {
    text-decoration: underline;
    color: white !important;
    position: relative;
    text-align: right;
}
.register-text {
    color: white;
    font-weight: lighter;
    font-size: 16px;
    line-height: 35px;
    text-align: center;
    letter-spacing: 2px;
    font-family: 'Abel', sans-serifsans-serif;
    margin: 0 0 50px;
}

   .ta{
    width: 100%;
    padding: 8px 15px;
    background-color: #fff !important;
    border: none;
    color:#DBDBDB;
    margin: 0 0 30px;
    font-family: 'Abel', sans-serif
}
  .agree {     padding: 0px !important;
    font-size: 20px !important;
    font-family: 'Abel', sans-serif !important;
    line-height: 43px !important;
    transition: .5s all ease-in;
    color: #ffffff !important;
    background-color: #00a3e4 !important;
    border: solid #00a3e4 !important;
    width: 245px !important;
    height: 61px !important;
    margin: 0 5px !important;
}
.agree:hover {
    color: #fff !important;
    transition: .5s all ease-in !important;
    background-color: transparent !important;
    border: solid #fff !important;
}
.for-login {
    border-right: solid 1px #383838;
}
.loginwrap {
	text-align: center;
}
.center-block {
   margin:50px 0px; padding:0px;
    text-align:center;
    align:center;
    }
.for-form {
    border-top: solid 1px #383838;
    margin: auto !important;
    display: inline-block;
}
.agree-1:hover {
    color: #fff !important;
    transition: .5s all ease-in !important;
    background-color: transparent !important;
    border: solid #fff !important;
}
.agree-1 {
    display: block !important;     padding: 0px !important;
    font-size: 20px !important;
    font-family: 'Abel', sans-serif !important;
    line-height: 50px !important;
    transition: .5s all ease-in;
    color: #ffffff !important;
    background-color: #00a3e4 !important;
    border: solid #00a3e4 !important;
    width: 245px !important;
    height: 61px !important;
    margin: 0 auto 5px !important;
}



.captcha-img {
    width: auto: height:auto;
    margin: 0 0 15px;
}
.login-heading {
    font-family: 'Abel', sans-serifsans-serif;
    font-size: 24px;
    padding: 25px 0px;
    text-align: center;
    background: #282828;
    margin: 0px;
    color: #fff;
}

.container{position:relative;}
.marqueeDiv {
	width:100%;
	float: left;
	padding:2px 0;
	background:#303030;
}
p{font-family: 'Abel', sans-serif font-size:16px; color:#333;}
h3{ font-family: Brandon Grotesque;}
h4{ font-family: Brandon Grotesque;}
h5{ font-family: Brandon Grotesque;}
.error{
	color: #ff0000 !important;
  font-size: 20px;
  margin: 20px;
  text-align: left;
}
.slider-arrow{text-align:center; font-size:20px;}
.slider-arrow a{color:#fff; text-decoration:none;}
.slider-arrow a .fa{font-size:30px;}
.contact-fi{width:93px; min-height:75px; overflow:hidden; position:fixed; right:-15px; top:50%;
background-color:transparent; z-index:9999; }
.contact-fi img{width:100%; height:auto;}

.form-open-res{width:65px; min-height:10px; overflow:hidden; position:fixed; right:-15px; top:38%;  z-index:9999; }
.form-open-res img{width:100%; height:auto;}


.fixed-social{width:60px; min-height:130px; overflow:hidden; position:fixed; left:0px; top:50%;
background-color:transparent; z-index:9999; }
.fixed-social .facebook-wrap{color:#fff; font-size:30px; background-color:#3593ff; width:60px; height:60px;
 text-align:center; line-height:60px; margin-bottom:10px;}
 .fixed-social .twitter-wrap{color:#fff; font-size:30px; background-color:#007bb6; width:60px; height:60px;
 text-align:center; line-height:60px;}

.chat-button{width:93px; min-height:75px; overflow:hidden; position:fixed; right:-15px; top:40%;
background-color:transparent; z-index:9999; }
.chat-button img{width:100%; height:auto;}
.navbar-wrap .menuzord-menu > li:last-child{display:block; }
.last{}
.chat-box-request {
    width: 300px;
    height: 300px;
    bottom: 0;
    right: 30px;
    background-color: #4267b2;
    position: fixed;
    z-index: 99991;
    border: solid 1px #fff;
    border-radius: 10px 10px 0 0px;
    border-bottom: 0px;
    padding: 15px 10px 10px 10px;
    display: none;
}
.request-head{color: #fff;
    clear: both;     font-family: 'Abel', sans-serifsans-serif;
    font-size: 12px;
    text-align: center;}
.top-section {
    width: 100%;     float: left;
    height: auto;
    padding-bottom: 10px;
    border-bottom: solid 1px #fff;
    margin: 0 0 10px;
}

.chat-box-request ul{list-style-type:none; margin:0px; padding:0px;}
.chat-box-request ul li{display:inline-block; color:#fff;}
.chat-box-request ul li:first-child{float:left;}
.chat-box-request ul li:last-child{float:right;}
.chat-box-request ul li a{color:#fff;     font-family: 'Abel', sans-serifsans-serif;}
.chat-login-wrap{width:100%; height:auto; overflow:hidden;}

.chat-login-wrap{
    width: 100%;
    margin-bottom: 10px;
    height:auto;     background-color: transparent;
    float: left;
}
.chat-input {
    height: auto;
    overflow: hidden;
        background-color: #fff;
    width: 100%;
    position: relative;
}
.chat-input input {
    width: 100%;     outline: none;     background-color: #fff!important;
    height: 40px; float: left;  border:none;
    font-family: 'Abel', sans-serifsans-serif;   border-radius: 10px;
    padding: 5px 10px;     white-space: pre-wrap;
    word-wrap: break-word;
}

.chat-now{width: 85% !important;     border: none;
    min-height: 40px;     float: left; overflow:hidden;
    font-family: 'Abel', sans-serifsans-serif;
    padding: 5px 10px;
}

.controls-buttons{
    margin: 0;
    padding: 0; float: right;
    list-style: none;
}
.picture-chat {
    width: 50px;
    height: 50px; overflow:hidden;
    background-color: #fff;
    border-radius: 50%;
    margin-right: 10px;
}
.picture-chat img{width:100%; height:100%;}
.status {
    list-style-type: none !important;
    padding: 0px;
    margin: 0px;
    width: 50%;
    float: left;
}
.status li{float:left; line-height:47px;}
.chat_welcome msg{background-color: #fff;}


.chat-window {
    height: 300px;
    width: 100%;
    overflow-y: scroll;
    background-color: #fff;
    position: relative;

}

.status li .fa {
    font-size: 16px;
    margin-right: 10px;
    color: #5cff38
}
.setting-box {
    width: 141px;
    height: 150px; padding:10px;
    position: absolute;
    z-index: 9999;
    right: 0px;
    background-color: #f9f9f9;
    border: solid 1px #bbb;
    border-radius: 8px;
}

.setting-box ul li a {
    color: #bbb;
    font-size: 14px;
    border-bottom: solid 1px #ccc;
    display: block;
    width: 100%;
}
.controls-buttons li{float:left; line-height: 48px; position: relative; }

.controls-buttons li a{color:#fff; font-size:20px;}

.chat-input .btn-default
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    width: 15%;
    border: none;
    height: 40px;
    font-size: 18px;
    position: absolute;
    right: 0;
    top: 0;
}

.status li{float:left;     line-height: 48px;}

.status li a{color:#fff; font-size:20px;}

.chat-input .btn-default {
    color: #4267b2; outline:none;
    background-color: transparent;
    border-color: #ccc;
    width: 15%;
    border: none;
    height: 40px;
    font-size: 18px;
}

.chat-input textarea {width: 100%; border: none; height: 64px; padding: 10px;     border-radius: 10px; background-color: #fff; border:none;}
.chat-button a {display: block; width: 100%; height: 100%; text-align: left; line-height: 50px; color: #fff; font-size: 26px;}
.chat-box{width: 400px; min-height: 469px; bottom: 0; z-index: 99991; right: 30px; background-color: #4267b2; position: fixed; border: solid 1px #fff; border-radius: 10px 10px 0 0px;
border-bottom: 0px; padding: 10px 10px 10px 10px; display: none;}
.typing-upload{width:100%; height:auto; overflow: hidden; background-color:#fff; margin:0 0 10px;}
.select-wrapper {background: url('http://dev.valueittechnology.com/fci_markets_new/public/assets/icons/camera.png') no-repeat; background-size: cover; display: block; position: relative;
width: 30px;height: 30px;}
#userfile {width: 26px; height: 26px; margin-right: 100px; opacity: 0; filter: alpha(opacity=0); /* IE 5-7 */}
.chat-in {width:255px; min-height: 5px; padding: 5px; background-color: #f0f4f8; margin: 5px 10px; border-radius: 10px 10px 0 10px; float:left; overflow: hidden; padding:5px 10px; clear:both; word-wrap: break-word;}
.chat-out {clear:both; width:255px; text-align: left; min-height: 10px; word-wrap: break-word; padding:5px 10px; background-color: #c7edfc; float: right; margin: 5px 10px; border-radius: 10px 0 10px 10px; overflow: hidden;}
.chat-wrap { width: 95%; margin-bottom: 8px; height: auto; background-color: #303030; float: left; position: absolute; bottom: 0px; left: 10px;}
.submit-request {color: #333; width: 100%; border-radius: 40px; background-color: transparent; border: solid 2px #fff; color: #fff; padding: 10px 20px;}
.typing{background-color: #fff; width: 50%; height: 20px; padding-left: 5%; float: left;}
.marqueeDiv ul {padding:0; list-style:none; margin:4px 0 0 0;}
.marqueeDiv ul li {display:inline-block; font-size:10px; color:#fff; text-transform:uppercase; margin:0 10px; font-family:Brandon Grotesque,'Raleway', sans-serif !important;}
.marqueeDiv ul li .fa-caret-up {color:#d40000; font-size:15px; margin-right:8px;}
.marqueeDiv ul li .fa-caret-down {color:#6ae501; font-size:15px; margin-right:8px;}
.place-grids {margin-top:15px;}
.logo{width: 190px; height:auto; float:left;  z-index: 500; position:relative; margin: 13px 0px;     margin-right: 40px;}
.logo img{width:100%; height:auto;}
.football-logo {
    width: 170px;
    height: auto;
    float: right;
    z-index: 500;
}
.football-logo img{width:100%; height:auto;}
.button-blocks {
    width: 422px;
    padding: 0 25px;
    float: none; min-height: 94px;
    position: relative;
    margin: 0 auto;
}
.animation-mask {
    background: url(images/button-overlay.png) left center no-repeat;
    top: 8px;
    left: 320px;
    z-index: 99;
    position: absolute;
    width: 542px;
    height: 120px;
}

.button-blocks .btn-default  span{
position: relative;
z-index: 9999;
}
.button-blocks .btn-default:first-child::before {
    position: absolute;
    content: '';
    bottom: 0; transition:.5s all ease-in;
    height: 3px;
    background-color: #00adee;
    width: 100%;
    left: 0;
}
.button-blocks .btn-default:nth-child(2)::before {
    position: absolute;
    content: '';
    bottom: 0; transition:.5s all ease-in;
    height: 3px;
    background-color: #ff9600;
    width: 100%;
    left: 0;
}
.button-blocks .btn-default:nth-child(3)::before {
    position: absolute;
    content: '';
    bottom: 0; transition:.5s all ease-in;
    height: 3px;
    background-color: #9cd801;
    width: 100%;
    left: 0;
}
.button-blocks .btn-default:hover::before{height: 100%; transition:.5s all ease-in;}
.risk-wrning {
  text-align: center;
  background-color: #006fb3;
  padding:13px 0px;
  border-top: solid 1px #fff;
  color: #fff;
  margin-bottom: 0px;
  width:100%;
  max-height:70px;
  z-index: 9999;
}
.form-wrap {
    width: 100%;
    padding: 0px 0 10px 0;
    background-color: #222;
    min-height: 50px;
    float: left; z-index: 999;
    position: fixed;
    left: 0px; bottom:-43px; display:none;
}
.strip-wrap {
    width: 22%;
    margin: 0 auto;
    position: relative;
    height: 0;
    background-color: #fff;
    margin-bottom: 16px;
}
.strip:before {
    position: absolute;
    content: '';
    width: 25px;
    height: 36px;
    bottom: -1px;
    left: -25px;
    background: url(images/strip-1.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%;
}
.strip:after {
    position: absolute;
    content: '';
    width: 25px;
    height: 36px;
    bottom: -1px;
    right: -25px;
    background: url(images/strip-2.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%;
}
.strip {
    width: 100%;
    height: 36px;
    position: absolute;
    top: -36px;     cursor: pointer;
    left: 0px; background-color: #222;
    z-index: 9999; border-bottom:solid 1px #00adee; padding:0 20px;
}
.strip p{color:#fff !important; line-height:36px !important; text-align:center !important; font-size:12px !important; font-family: 'Abel', sans-serifsans-serif; }
.forms-wrap {
    width: 14%; margin-bottom: 10px;
    height: 30px;
    background-color: #fff;
    float: left;
    margin-right: 1%;
}
.fl-ri{float:right;}
.forms-wrap input {
    width: 100%;
    height: 30px; font-family: 'Abel', sans-serifsans-serif;
    padding: 5px 10px;
}
.captcha{width: 12%;
    height: 30px;
    background-color: #fff;
    float: left;
    margin-right: 1%;}
	.buttons-wrap{width: 11%;
    height: 30px;
    background-color: #fff;
    float: right;}
.captcha img{width:100%; height:100%;}
.search-btn{width:100%; height:42px; background-color:#00a3e4; border:none; color: #fff; font-family: 'Abel', sans-serifsans-serif; font-size:20px;}
.risk-wrning p {
    margin: 0;
    font-family: 'Abel', sans-serifsans-serif;
    font-size: 12px;
    color: #fff;
}


#mobile-menu{ display: block;}
#menu{ display: none;}
.slicknav_menu{ display: none;}
/*----------------------------------------------new menu-----------------------------------------*/
.navbar-wrap{width:auto; height:auto; float: left; text-align: center;  margin:0; position:relative;}
.navbar-wrap:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    border-left: solid 5px #000;
    left: 0;
    top: 0px;
    transform: skew(-35deg);
    border-right: solid 5px #000;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#424242+0,2a2a2a+100 */
background: #424242; /* Old browsers */
background: -moz-linear-gradient(left, #424242 0%, #2a2a2a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #424242 0%,#2a2a2a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #424242 0%,#2a2a2a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424242', endColorstr='#2a2a2a',GradientType=1 ); /* IE6-9 */
}
.navbar-wrap .menuzord-menu > li > a {
    font-family: 'Abel', sans-serifsans-serif;
    display: inline-block;
    text-decoration: none;
    font-size: 16px;
    color: #fff;
    font-weight: normal;
    outline: 0;
    margin: 0;
    padding: 29px 8px;
        position: relative;
    z-index: 9999;
}
.account {
  width: 100%;
  height:100px;
  float: left;
  padding:0px;
  background-color: #202020;
  border-bottom: solid 1px #000;
margin-top:70px;
z-index: inherit;
}
.social-links{list-style-type:none; padding:0px; margin:0px; float:left;}
.social-links li{display:inline;margin-right:10px;}
.social-links li a {
    color: #bababa; padding: 8px 0px;
    font-size: 16px;
    text-decoration: none;
    transition: .5s all ease-in;
    width: 20px;
    display: inline-block;
    text-align: center;
}

.lgoin-links {
    list-style-type: none;
    padding: 0px;
}
.lgoin-links li{display:inline;}
.lgoin-links li {
    float: left;
    color: #fff;
    font-family: 'Abel', sans-serifsans-serif;
    margin: 0 5px;
    transition: .5s all ease-in;
    background: url(images/tp-arrow-1.png);
    width: 125px;
    height: 40px;
    background-size: 100%;
    background-position: 0 center;
}
.lgoin-links li .fa{font-size:16px; transition:.5s all ease-in; margin-right:10px;}
.lgoin-links li a {
    color: #bababa;
    font-size: 16px;
    text-decoration: none;
    transition: .5s all ease-in;
    border: solid 1px #101010;
    padding: 0;
    width: 100%;
    display: block;
    text-align: center;

}

.well .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{border:none;}
.shape-1 {
    width: 120px; border-radius: 0px;
    height: 40px; transition:.5s all ease-in;
    background: url(images/tp-arrow-1.png);
    background-position: left center; color:#9cd801;
    background-size: 100%;
    border: none;
    background-repeat: no-repeat;
    padding: 0px;
    line-height: 40px;
    text-align: center;
}
.shape-2 {
    width: 133px; border-radius: 0px;
    height: 40px;
    background: url(images/tp-arrow-2.png);
    background-position: left center;
    background-size: 100%; color:#00adee; transition:.5s all ease-in;
    border: none;
    background-repeat: no-repeat;
    padding: 0px;
    line-height: 40px; position: relative;
    left: -30px;
    text-align: center;
}

.shape-3 {
    width: 133px;
    border-radius: 0px; color:#ff9600;
    height: 40px;
    background: url(images/tp-arrow-3.png); transition:.5s all ease-in;
    background-position: left center;
    background-size: 100%;
    border: none;
    background-repeat: no-repeat;
    padding: 0px;
    line-height: 40px; transition:.5s all ease-in;
    text-align: center;
    left: -30px;
    position: relative;
}

.shape-3:hover{background: url(images/tp-arrow-3-h.png); transition:.5s all ease-in; color:#ffffff !important; background-position: left center;
    background-size: 100%;
    border: none;
    background-repeat: no-repeat;
    padding: 0px;}

.shape-2:hover{background: url(images/tp-arrow-2-h.png); transition:.5s all ease-in; color:#ffffff !important; background-position: left center;
    background-size: 100%;
    border: none;
    background-repeat: no-repeat;
    padding: 0px;}

.shape-1:hover{background: url(images/tp-arrow-1-h.png); transition:.5s all ease-in; color:#ffffff !important; background-position: left center;
    background-size: 100%;
    border: none;
    background-repeat: no-repeat;
    padding: 0px;}

.account .btn-default.active, .account .btn-default.focus, .account .btn-default:active, .account .btn-default:focus,
.account .btn-default:hover, .open>.dropdown-toggle .account.btn-default{background-color:transparent; color:#00adee;}


.lgoin-links li a:hover{color:#ffffff; text-decoration:none; transition:.5s all ease-in;}


.navbar-wrap .menuzord-menu{float:none !important;}
#nav_wrapper{display: block; }
#nav_wrapper ul{}
#nav_wrapper ul.menu{margin:0; padding:0; width:100%; text-align:center; }
#nav_wrapper ul.menu li {
    list-style-type: none;
    padding: 0;
    display: inline-block;
    margin: 0;
}
#nav_wrapper ul.menu li a {
    color: #fff !important;
    display: block;
    font-size: 16px;     border-right: solid 1px #fff;
    font-weight: 600;
    height: auto;
    margin: 20px 0px;
    padding: 0 25px;
    text-decoration: none;
    position: relative;
    font-family: 'Abel', sans-serifsans-serif;
}
#nav_wrapper ul.menu li a > span {
    display: block;
    line-height: 0;
    position: absolute; display:none;
    text-align: right;
    top: 3px;
    width: 100%;
    right: 6px;
}
#nav_wrapper ul.menu li:hover a, #nav_wrapper .menu li.current-menu-item a, #nav_wrapper .menu li.current-menu-ancestor a, #nav_wrapper
.menu li.current-page-ancestor a{color: #00adee !important;}

/*---sub-menu------*/
#nav_wrapper ul.menu li{position:relative;}
#nav_wrapper ul.menu li ul.sub-menu{display: none; width:225px;  background:#FFF; padding:5px; margin:0; position:absolute; top:100%; left:0px; background-color:#ef2f02; z-index:999999;}
#nav_wrapper ul.menu li:hover ul.sub-menu{display:block;}
#nav_wrapper ul.menu li ul.sub-menu li{padding:0; display:block; z-index:9999; float:none; margin:0 auto;}
#nav_wrapper ul.menu li ul.sub-menu li a{font-size:12px; line-height:20px; text-transform: none !important; display:block;	padding:3px 2px 3px 8px; margin:0; color:#fff !important; border:none; height: auto;}
#nav_wrapper ul.menu li ul.sub-menu li:hover a{ color:#5b0f70;}
#nav_wrapper ul.menu li ul.sub-menu li.current-menu-item a, #nav_wrapper ul.menu li ul.sub-menu li.current-menu-ancestor a, #nav_wrapper ul.menu li ul.sub-menu li.current-page-ancestor a{ color:#5b0f70;}
#nav_wrapper ul.menu li:last-child ul.sub-menu{right:0;	left:inherit;}

/*----------------------------------------------new menu-----------------------------------------*/
.cycle-slideshow img{ width:100%; height: auto; position:relative;}
.center{ position:absolute; top:45%; z-index:999; width:100%;}
#multiple{position:relative; height:auto; overflow:hidden; float:left; width: 100%;}
#multiple .prevControl{width:50px; height:50px; float: left; background-color:transparent;}
#multiple .prevControl:hover .fa{color:#fff;}
#multiple .nextControl:hover .fa{color:#fff;}
#multiple .nextControl{width:50px; height:50px; float: right; background-color:transparent;}
.icn-holder .prevControl .fa {color: #fff; cursor: pointer; display: block; float: left; font-size: 50px; text-align: center; width: 50px;}
.icn-holder .fa {color: #fff; cursor: pointer; font-size: 50px; margin-right: 25px; text-align: center; width: 50px;}
.cycle-slide{ width:100%;}
.banner-overlay {position: absolute; top: 55%; width: 100%; z-index:999;}
.banner-overlay h2{ background: url(../images/heading-bg.png) right  center no-repeat; text-align: left;  text-transform:uppercase; margin:0px; color:#FFF;  font-family:"Open Sans"; font-weight:bold; font-size:44px; color:#fff; width: 550px; background-color:rgba(0, 176, 240, 0.8); padding: 23px;}
.banner-overlay h2 span{ color:#FFF; font-size:46px; font-weight:700;}
.icn-holder{width:100%; top:40%; position:absolute; z-index:999; height:50px;}
.banner-img{width:100%; height:auto; overflow:hidden; position: relative;}
.banner-img img{width:100%; height:auto;}
.banner-content {width: 47%; min-height: 100px; background-color: rgba(0,0,0,0.8); position: absolute; left: 0px; bottom: 25%; padding: 40px 30px 20px 40px; border-radius: 0 10px 10px 0px;}
#multiple .banner-content h2{line-height:50px; display:block; position:relative; font-family:Helvetica CondensedBold; font-size: 40px;
font-weight:600; margin:0 0 20px; color:#fff; text-transform: uppercase;}
#multiple .banner-content ul{margin: 0px; padding: 0px; list-style: none;}
/*.banner-content h2:before {width: 102%; height: 3px; background-color: #e31e1e; content: ''; position: absolute; bottom: -16px; left: -40px;}*/
.banner-content { width: 48%;}



/*===============================
/*New homepage css starts here- 29-06-2020
================================*/

/* width */

::-webkit-scrollbar {
    width: 10px;
}
/* Track */

::-webkit-scrollbar-track {
    background: #f1f1f1;
}
/* Handle */

::-webkit-scrollbar-thumb {
    background: #888;
}
/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/*===============================
    Button CSS Start
================================*/
.banner-butt a{
    color: #fff;
}
.blue-btn {
    font-size: 16px;
    color: #fff;
    background-color: #006FB3;
    display: inline-block;
    font-weight: 200;
    padding: 16px 38px;
    min-width: 189px;
    transition: all 0.3s;
}
.blue-btn:hover {
     color: #fff;
    background-color: #00adee;
    display: inline-block;
    transition: all 0.3s;
}
.white-btn {
    font-size: 16px;
    color:#006FB3;
    background-color: #fff;
    display: inline-block;
    font-weight: 200;
    padding: 16px 38px;
     min-width: 189px;
    margin-right: 10px;
     border-radius: 10px;
    transition: all 0.3s;
}
.blue-btn-otline {
    font-size: 16px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.8);
    border: 1px solid #fff;
    display: inline-block;
    font-weight: 200;
    padding:14px 38px;
     border-radius: 10px;
    /*  min-width: 189px;*/
    transition: all 0.3s;
    margin-left: 10px;
}
.blue-btn-otline:hover {
    color: #fff;
    background-color: #00adee;
    border: 1px solid #00adee;
    display: inline-block;
   /* transition: all 0.3s;*/

}
.white-btn:hover {
    color:#fff;
    background-color: #00adee;
     border: 1px solid #fff;
    display: inline-block;
    transition: all 0.3s;
}
.bannertry-butt{
    background-color: rgba(0, 0, 0, 0.8);
    min-width: 175px;
    margin-bottom: 20px;
    height: 43px;
    transition: .5s all ease-in;
    padding: 0px;
    line-height: 37px;
    font-family: 'Abel', sans-serif thin, sans-serif;
    font-size: 17px;
    color: #fff;
    border: solid 1px #000;
    border-radius: 10px;
    padding: 0 20px;
}

.newhome.open-buttons{
    margin: 20px 0 60px 0;
}

.mr-50 {
    margin-top: 150px;
}
.text-white {
    color: #fff;
}
.m-auto {
    margin: 0 auto;
}
.pb-5 {
    padding-bottom: 40px;
}
a:hover, a:focus, a:active, a.active {
    color: #006fb3;
}
/*===============================
    Button CSS End
================================*/

.section-pad {
    padding: 80px 0;
}
.home_bg {
    background-image: url("images/new2-home-banner.jpg");
   display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    height:80%;
   /* position: relative;*/
}
.banner {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
/*===============================
    Button CSS Start
================================*/
/*===============================
    Home Banner CSS Start
================================*/

.home_banner .text_wrap {
    padding: 100px 0;
}
 .home_banner .text_wrap h1 {
    font-size: 50px;
    font-family: neuropol x;
}
.home_banner .text_wrap p {
  /*  max-width: 780px;*/
    margin: 0 auto 52px;
    font-family: 'Abel', sans-serif;
    font-size: 30px;
    line-height: 43px;
    font-weight:200;
    color: #fff;

}
/*===============================
    Home Banner CSS
================================*/

.home_banner .platforms {
    margin-top: 80px;
}
.home_banner .platforms ul li {
    display: inline-block;
    text-decoration: none;
}
.home_banner .platforms ul li img {
    background-color: #444449;
    padding: 10px 10px;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    margin-right: 20px;
    margin-top: -14px;
    transition: all 0.3s;
    border: 1px solid #999999;
}
.home_banner .platforms ul li img:hover {
    background-color: #006FB3;
    -webkit-box-shadow: -2px 2px 29px -5px rgba(0, 0, 0, 0.65);
    -moz-box-shadow: -2px 2px 29px -5px rgba(0, 0, 0, 0.65);
    box-shadow: -2px 2px 29px -5px rgba(0, 0, 0, 0.65);
}
.home_banner .platforms ul li p {
    font-size: 20px;
    font-weight: 300;
    margin-right: 20px;
    margin-top: 10px;
    background-color: #006FB3;
    padding: 10px 10px;
}
.banner-butt{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 80px;
}


/*===============================
    Button CSS End
================================*/

/*===============================
    Usps CSS
================================*/

.uspds-bg {
    background-color: #1D1B1E;
    /*padding:20px 20px;*/
    /*-webkit-box-shadow: -4px -51px 59px -10px rgba(0,0,0,0.75);
-moz-box-shadow: -4px -51px 59px -10px rgba(0,0,0,0.75);
box-shadow: -4px -51px 59px -10px rgba(0,0,0,0.75);*/
}
.uspds-features {
   /* padding:20px 20px;*/
    text-align: center;
}
.uspds-features img {
   margin-top: 10px;
    margin-bottom: 10px;
}
/*.uspds-ml {
     margin-left: 50px;
}*/
.uspds-bg .fca h2 {
    border-right: 1px solid #fff;
    text-transform: uppercase;
    color: #fff;
    font-family: 'Abel', sans-serif;
    font-size: 18px;
    font-weight: 400;
}
.uspds-title {
    font-family: neuropol x;
    font-size: 18px;
    text-align: left;
    padding-left: 10px;
}
.uspds-title i{
    padding-left: 10px;
}
.uspds-features p{
    /*padding-left:26px;*/
    margin-bottom: 7px;
    margin-top: 0px;
    color: #fff;
   text-align: center;
}

.uspds-features:hover {
    background-color: #006FB3;
    color: #fff;
}


/*.uspds-features::after {
   left: 220px;
    content: '';
    width: 2px;
    height:137px;
    background-color: #060a0d;
    position: absolute;
    top: -1px;

}*/

.uspds-features:hover::after{
    display: none !important;
    }
.uspds-features:last-child::after {
    display: none;
     }

/*.uspds-features:first-child:hover {
    padding-bottom: 9px;
     }*/
/*.uspds-features:nth-child(5):hover {
    padding-bottom: 9px;
     }*/
 .uspds-features span {

 }


/*New features starts*/

.stat-row {
     background-color: #1D1B1E;
    color: #fff;
    padding: .5rem 0;
}

.stat-box-divider {
    display: flex;
    width: 2px;
    margin: auto .5rem auto auto;
    height: calc(100% - 2rem);
    background: #4651a5;
}
.stat-boxwrapper {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 1rem;
 }

.stat-boxwrapper:hover {
     background-color: #006FB3;
    color: #fff;
}

.stat-boxwrapper .stat-title {
 font-family: neuropol x;
 font-size: 16px;
 color: #fff;
}
.stat-boxwrapper i {
    font-size: 36px;
}
.vl {
  border-left:2px solid #000;
  height: calc(100% - 2rem);
  }
  .spread {
     font-family: neuropol x;
     font-size: 23px;
  }

  .fcaimg {
    width: 57%;
}

/*New features starts*/


/*===============================
    Usps CSS End
================================*/


/*===============================
    Features CSS End
================================*/
.fci-features{
    border-top: 2px solid #000;
    padding-bottom:20px;

}
.explore-fci {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    background: #1d1b1e;
    padding:100px;
    background-attachment: fixed;
    background-size: cover;
}



/*.fci-features .featurebox {
     padding-bottom:60px;

}*/

/*===============================
    Features CSS End
================================*/
/*===============================
    Award css
================================*/

.sectionhead {
    text-align: center;
    position: relative;
}

.awunderline:after {
    content: '';
    width: 167px;
    height: 3px;
    background: #fff;
    position: absolute;
    left: calc(50% - 9%);
    bottom: -22px;
}
.underline:after {
    content: '';
    width: 167px;
    height: 3px;
    background: #fff;
    position: absolute;
    left: calc(50% - 20%);
    bottom: -22px;
}
.sectionhead h2 {
    font-size: 30px;
    color: #fff;
    font-family: neuropol x;
    font-weight: 200;
    letter-spacing:0.9px;
}
.underline {
   display:inline-block;
  position:relative;
}
.smallunderline {
   display:inline-block;
   position:relative;
}
.smallunderline:after {
    content: '';
    width: 157px;
    height: 3px;
    background: #fff;
    position: absolute;
    left: calc(50% - 24%);
    bottom: -13px;
}
.tinyunderline{
    display:inline-block;
   position:relative;
}
.tinyunderline:after {
    content: '';
    width: 157px;
    height: 3px;
    background: #fff;
    position: absolute;
    left: calc(50% - 24%);
    bottom: -22px;
}

.award-bg {
background: rgba(14,48,67,1);
background: -moz-linear-gradient(-45deg, rgba(14,48,67,1) 0%, rgba(14,31,47,1) 80%, rgba(14,31,47,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(14,48,67,1)), color-stop(80%, rgba(14,31,47,1)), color-stop(100%, rgba(14,31,47,1)));
background: -webkit-linear-gradient(-45deg, rgba(14,48,67,1) 0%, rgba(14,31,47,1) 80%, rgba(14,31,47,1) 100%);
background: -o-linear-gradient(-45deg, rgba(14,48,67,1) 0%, rgba(14,31,47,1) 80%, rgba(14,31,47,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(14,48,67,1) 0%, rgba(14,31,47,1) 80%, rgba(14,31,47,1) 100%);
background: linear-gradient(135deg, rgba(14,48,67,1) 0%, rgba(14,31,47,1) 80%, rgba(14,31,47,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e3043', endColorstr='#0e1f2f', GradientType=1 );
}

.awardsec {
    text-align: center;
}

.awardsec .sectionhead {
    /*max-width: 500px;*/
    text-align: center;
    margin: 0 auto;

}
.awardsec .sectionhead h2 {
    margin-top: 50px
    margin-bottom: 50px;
    }
.awardwrap {
    padding-top: 50px;
}
.currency-award {
    background-image: url('images/currency.jpg');
    background-size: cover;
    background-position: center center;
      width: 100%;
       height: 285px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
}
.currency-award a {
    margin: 0 auto;
    text-align: center;
    color: #fff;
}
.copytrading-award {
     background-image: url('images/copytrading.jpg');
     background-size: cover;
     background-position: center center;
      width: 100%;
    height: 285px;
    display: flex;
    justify-content: center;
    align-items: center;
     margin-top: 50px;
}
.copytrading-award  a {
    margin: 0 auto;
    text-align: center;
    color: #fff;
}


/*===============================
    Award css End
================================*/

/*===============================
    Academy css
================================*/

.academy {
    background-image: url('images/academy-new-bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    max-height: 654px;
}
.academy-text {
    margin: 0 auto;
    text-align: center;
}
.academy-text p {
    color: #fff;
    text-align: center;
    max-width: 830px;
    margin: 0 auto;
    font-size: 20px;
    line-height: 40px;
}
.acdemyunderline:after {
    content: '';
    width: 167px;
    height: 3px;
    background: #fff;
    position: absolute;
    left: calc(50% - 7%);
    bottom: -22px;

}

/*===============================
   Academy css  End
================================*/

/*===============================
  Institutional css End
================================*/
.gold {
    padding-right: 15px;
}
.gold img {
    width: 100%;
}
/*.pd-50 {
    padding-top: 100px;
}*/
.instututewrap {
    display: flex;
}
.institution {
    background-color: #1d1b1e;
    text-align: center;

}
.institution .sectionhead {
    max-width:500px;
    text-align: center;
    margin: 0 auto;
}
.institution .instutute-text {
  padding:  0 30px;
    text-align: center;
    margin: 0 auto;

}
/*===============================
  Institutional css End
================================*/
/*===============================
  Ready trade css
================================*/
.readytrade-bg {
    /*background-color: #3c3c3c;
    position: relative;*/
     background-image: url('images/readytrade-bg2.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    max-height: 654px;
}
.sec-cen {
    text-align: center;
}
.readyhead {
     text-align: center;
    position: relative;
}
.readyhead h2 {
    font-size: 30px;
    color: #fff;
    font-family: neuropol x;
    font-weight: 200;
    letter-spacing: 0.9px;

}
.ready-text p {
    font-size: 22px;
    line-height: 28px;
    padding-top: 20px;
    color: #fff;
}

.fci-logo {
    position: absolute;
    top:73px;
    left: -113px;
}

.try-ml {
    margin-left: 20px;
}
/*===============================
  Ready trade css ends
================================*/

/*===============================
 News css End
================================*/

.news {
   /* background-color: #1D1B1E;*/
  background: rgba(14,48,67,1);
background: -moz-linear-gradient(-45deg, rgba(14,48,67,1) 0%, rgba(14,31,47,1) 80%, rgba(14,31,47,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(14,48,67,1)), color-stop(80%, rgba(14,31,47,1)), color-stop(100%, rgba(14,31,47,1)));
background: -webkit-linear-gradient(-45deg, rgba(14,48,67,1) 0%, rgba(14,31,47,1) 80%, rgba(14,31,47,1) 100%);
background: -o-linear-gradient(-45deg, rgba(14,48,67,1) 0%, rgba(14,31,47,1) 80%, rgba(14,31,47,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(14,48,67,1) 0%, rgba(14,31,47,1) 80%, rgba(14,31,47,1) 100%);
background: linear-gradient(135deg, rgba(14,48,67,1) 0%, rgba(14,31,47,1) 80%, rgba(14,31,47,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e3043', endColorstr='#0e1f2f', GradientType=1 );
    padding-bottom: 60px;
}
.newsbox {
    background-color: #3C3C3C;
   /* padding: 20px 20px;*/
    height: 714px;
    overflow-y: auto;
    margin-top: 60px;
}
.economybox {
    background-color: #3C3C3C;
    height: 714px;
   /* overflow-y: auto;*/
     margin-top: 60px;
}
.newsbox {
    overflow-x:
}
.tweetwraptext p {
    margin-left: 40px;
    margin-bottom: 12px;
    color: #fff;
    text-align: left;
    margin-top: 10px;
}
.tweetwrap img {
    margin-right: 10px;
}
.newsbox h2 {
    font-size: 20px;
}
.newsbox .tweet-author {
    color: #006FB3;
    font-size: 18px;
}
.newsbox .tweet-mail {
    color: #fff;
    margin: -13px 0 0 50px;
}
.newsbox .tweet-mail a {
    color: #fff;
}
.newsbox .tweet-mail a:hover {
    color: #006FB3;
}
.blog-footer {
    border-top: 1px solid lighten(#333, 70%);
    margin: 0 auto;
    padding-bottom: .125rem;
    width: 95%;
}
.blog-footer ul {
    list-style: none;
    display: flex;
    flex: row wrap;
    justify-content: flex-end;
    padding-left: 0;
}
.blog-footer li:first-child {
    margin-right: auto;
}
.blog-footer li + li {
    margin-left: .5rem;
}
.blog-footer ul li a i{
    color: #fff;
}
.blog-footer ul li a span{
    color: #fff;
}
.share {
    margin-left: 10px;
}
.tweetwrap {
    position: static;
    visibility: visible;
    display: inline-block;
    width: 553px;
    height: 714px;
    padding: 0px;
    border: none;
    max-width: 100%;
    min-width: 180px;
    margin-top: 0px;
    margin-bottom: 0px;
    min-height: 200px;
    background: #3C3C3C;
   /* overflow-y: auto;*/
}

/*/*===============================
 News css End
================================*/

/*===============================
economy css starts
================================*/
.ecopd-20 {
    padding: 20px 20px;
}
.thead-inverse th {
    color: #fff;
    background-color: #000;
}

.table thead th {
    vertical-align: bottom;
    border-bottom:none;
}
.economybox.table td, .table th {
    padding: .75rem;
    vertical-align: top;
    /* border-top: 1px solid #dee2e6; */
}
.economybox .table-column-title {
    color: #fff;
}
.economybox-thead>tr:first-child>th:last-child {
    width: 100px;
}
.calendar-text{
    margin-bottom: 9px !important;
    font-size: 14px;
}
.calendar-city {
    font-size: 12px!important;
}
.calender-time p {
    margin-bottom: 9px !important;
}
.calendar-text a{
    color: #006FB3 !important;
}
.eventname{
    color: #006FB3 !important;
}
.economybox .bluedot {
    position: relative;
    top: -1px;
    right: 12px;
    display: inline-block;
    width: 6px;
    height: 6px;
    vertical-align: middle;
    border-radius: 50%;
    background: #006FB3;

}
.economybox .table  {
    width: 100%;
    text-align: left;
    border-radius: 4px 4px 0 0;
    border-collapse: separate;
    border-spacing: 0;
}
.economybox .table th {
    background: #000000;
    text-align: left;
    padding: 10px 20px;
}
.economybox tbody td {
    background: #3c3c3c;
    color: #fff;
    text-align: left;
}
.economybox tbody tr:nth-child(even) th, tbody tr:nth-child(even) td {
   background: #3c3c3c !important;
    border: none;
     color: #fff;
}
.economybox .table td, .table th {
    padding: 20px;
    vertical-align: top;
    border-top: none;
     border-bottom: 1px solid #4e4e4e;
    transition: all .3s,border 0s;
     color: #fff;
}
.economybox .table td p {
    color: #fff;
    margin-top: 1px;
}
.button-container {
    text-align: center;
    margin-top: 50px;
}

/*===============================
economy css ends
================================*/

/*===============================
awardwinningplatforms css starts
================================*/
.lastplatform-pd {
    padding: 20px 0;
}


.lastplat:after {
    content: '';
    width: 167px;
    height: 3px;
    background: #fff;
    position: absolute;
    left: calc(50% - 7%);
    bottom: 22px;

}
/*===============================
awardwinningplatforms css ends
================================*/


/*.menuzord .showhide em {
    width: 20px;
    height: 3px;
    margin: 3.5px 20px 0;
    float: right;
    background: #777;
}*/
/*===============================
Media css starts
================================*/

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

   .currency-award {
    background-image: url(images/currency.jpg);
    width: 289px;
    height: 285px;
}
.copytrading-award {
    background-image: url(images/copytrading.jpg);
    width: 289px;
    height: 285px;
}
.uspds-title {
    font-family: neuropol x;
    font-size: 8px;
    text-align: left;
    padding-left: 10px;
}
}

/* Mobile phones (portrait and landscape) ---------- */
@media screen and (max-width: 767px){

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

.custom-menu {
    position: relative;
    z-index: 3;
}
.menuzord-responsive.menuzord {
    padding: 0;
}

.home_banner .text_wrap p {
    font-size: 22px;
    line-height: 32px;

}
.home_banner .text_wrap h1 {
    font-size: 28px;
    font-family: neuropol x;
    line-height: 32px;
}
.banner-butt {
    display: inline-block;
}
.blue-btn-otline {

    padding: 14px 26px;
    min-width: 232px;
    margin-top: 10px;

}
.blue-btn {
    min-width: 233px;

}
.awunderline:after {
    content: '';
    width: 167px;
    height: 3px;
    background: #fff;
    position: absolute;
    left: calc(50% - 19%);
    bottom: -22px;
}

.underline:after {
    content: '';
      width: 129px;
    height: 1px;
    position: absolute;
    left: calc(50% - 19%);
    bottom: -22px;
}
.tinyunderline:after {
    content: '';
    width: 129px;
    height: 1px;
    background: #fff;
    position: absolute;
    left: calc(50% -19%);
    bottom: -22px;
}
.smallunderline:after {
    content: '';
    width: 129px;
    height: 1px;
    background: #fff;
    position: absolute;
    left: calc(50% - 19%);
    bottom: -22px;
}
.acdemyunderline:after {
    content: '';
    width: 167px;
    height: 3px;
    background: #fff;
    position: absolute;
    left: calc(50% - 19%);
    bottom: -22px;
}
.lastplat:after {
    content: '';
    width: 167px;
    height: 3px;
    background: #fff;
    position: absolute;
    left: calc(50% - 24%);
    bottom: 22px;
}
.uspds-features::after {
   display: none;
}
.sectionhead h2 {
    font-size: 20px;
    padding: 0 10px;
}

  .awardbox {
     width:100%;

}
.mt-r10{
    padding-top: 10px;
}
.academy-text p {
      font-size:14px;
    line-height:24px;
    padding:20px 15px;
}
.fci-logo {
    display: none;
}
.academy-text {
     padding-top: 10px;

}
.white-btn {
    margin-top: 15px;
    padding: 14px 26px;
    min-width: 224px;
    margin-top: 10px;
    margin-left: 15px;
}
.pd-50 {
   padding-top:0px;
   padding-bottom:60px;
}
.section-pad {
    padding: 30px 0;
}
.mt-50 {
    margin-top: 50px;
}
.instututewrap {
   display: inline-block;
}
/*#award {
    padding-top: 800px;
}*/
.currency-award {
    background-image: url(images/currency.jpg);
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 400px;
    margin-top: 0px;

}

.copytrading-award {
   background-image: url('images/copytradingmobile.jpg');
   background-size: cover;
   background-position: center center;
   width: 100%;
   height: 400px;
   margin-top:20px;
}
.menuzord .showhide em {
    width: 20px;
    height: 3px;
    margin: 3.5px 20px 0;
    float: right;
    background: #777;
}
.readypad {
     padding-left:21px;
}
.readyhead h2 {
    font-size: 24px;
 }
 .ready-text p {
    font-size: 20px;
    padding: 0 10px;
}
 .try-ml {
    margin-left:0px;
}
.findpad {
    padding-top: 20px;
}
/*.uspds-title {
    font-family: neuropol x;
    font-size: 8px;
    text-align: left;
    padding-left: 10px;
}
.uspds-features img {
    width:10%;
}
.uspds-features .fa{
    font-size: 5px;
}
.fci-features .featurebox {
     padding-bottom:0px;

}*/
.stat-boxwrapper .stat-title {
    font-family: neuropol x;
    font-size:5px;
    color: #fff;
}
.stat-boxwrapper i {
    font-size: 14px;
}
.spread {
    font-family: neuropol x;
    font-size: 10px;
}
.fcapd {
    overflow: auto;
}
.fcaimg {
    width: 25%;
}
.vl:nth-child(odd) {
    border-left: none;
 }
 .supmobile-pd {
    margin-top: -6px;
 }
 .explorepad-bottom {
    padding-bottom: 80px;
}
.mobiledrop {
    margin-left: 120px;
}

}
/* Tablets, iPads (portrait and landscape) ---------- */
@media screen and (min-width: 768px) and (max-width: 1024px){
   .awardbox {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.home_banner .text_wrap h1 {
    font-size: 40px;
    font-family: neuropol x;
}
.pd-50 {
    padding-top:0px;
}
.sectionhead h2 {
    font-size: 20px;
    padding: 50px 10px 0 10px;
}
.section-pad {
    padding: 20px 0;
}
.fci-logo {
    display: none;
}
.uspds-title {
    font-family: neuropol x;
    font-size: 16px;
    text-align: left;
    padding-left: 10px;
}
.underline:after {
    content: '';
    width: 108px;
   left: calc(50% - 12%);
    bottom: -22px;
}
.tinyunderline:after {
    content: '';
    width: 119px;
     left: calc(50% - 19%);
    bottom: -22px;
}
.smallunderline:after {
    left: calc(50% - 24%);
    bottom: -22px;
}
.mt-50 {
    margin-top: 50px;
}
.uspds-features {
    padding: 20px 50px;
}
.uspds-features::after {
    left: 383px;
    content: '';
    width: 2px;
    height: 97px;
    background-color: #060a0d;
    /* display: block; */
    position: absolute;
    top: -1px;
}
.fcaimg {
    width: 22%;
}
.arrow-links {
    float: right;
    margin-bottom: 20px;
}
.currency-award {
    background-image: url(images/currency.jpg);
    background-size: cover;
   background-position: center center;
   width: 100%;
    height:400px;

}
.copytrading-award {
    background-image: url(images/copytradingipad.jpg);
     background-size: cover;
   background-position: center center;
   width: 100%;
    height:400px;

}
.readypad {
     padding-left: 234px;
}
.tweetwrap {
    position: static;
    visibility: visible;
    display: inline-block;
    width: 713px;
    height: 714px;
}

}
@media screen and (min-width: 768px) and (max-width: 1023px){

  .vl:nth-child(odd) {
    border-left: none;
 }
    }
/*  iPads pro  ---------- */
@media screen and (min-width: 1024px) and (max-width: 1366px){

/*.uspds-features {
    padding: 20px 50px;
}*/
/*.pd-50 {
    padding-top: 100px;
}*/

.academy-text p {
    font-size: 20px;
    line-height: 28px;
    padding-top: 20px;
}
.mt-50 {
     margin-top:0px;
}


 }

 @media screen and (min-width: 1024px) and (max-width: 1350px){

.vl:nth-child(odd) {
    /* border-left: none; */
}
.stat-boxwrapper .stat-title {
    font-family: neuropol x;
    font-size: 12px;
    color: #fff;
}
.stat-boxwrapper i {
    font-size: 20px;
}
.spread {
    font-family: neuropol x;
    font-size: 13px;
}
.fcaimg {
    width: 46%;
}

  }

@media screen and (min-width: 1025px) and (max-width: 1350px){
.vl {
    border-left: 2px solid #000;
    height: calc(100% - 2rem);
}
}

/*  iPads pro  ---------- */
  @media (max-width: 1194px){


/*.currency-award {
    background-image: url(images/currency.jpg);
    width: 420px;
    height: 285px;

}
.copytrading-award {
    background-image: url(images/copytrading.jpg);
    width: 420px;
    height: 285px;
   }*/

/*.readypad {
     padding-left: 277px;
}*/


   }

 /*===============================
/*New 3cpage css starts here- 10-07-2020
================================*/
.threecsectionhead h2 {
    font-size: 30px;
    color: #fff;
    font-family: neuropol x;
    font-weight: 200;
    text-align: center;
    position: relative;

}

.threeheadpd {
 margin-top: 30px;
}
/*===============================
banner css ends
================================*/
.threectop_banner {
    background-image: url("images/threec-banner.jpg");
     background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
   display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    height:100%;
   padding: 80px 0;
}


.threebanner_text_wrap h1{
   font-family: neuropol x;
    font-size: 38px;
    text-align: left;
    line-height: 52px;
    font-weight: 300;
}
.threebanner_text_wrap h2 {
     font-family: neuropol x;
      color: #006FB3;
      text-align: left;
}
.threebanner_text_wrap p{
    font-family: 'Abel', sans-serif;
    font-size: 26px;
    line-height:30px;
    color: #fff;
    text-align: left;
}

.limited p{
    text-align: left;
    color: #006FB3;
}


/*===============================
banner css ends
================================*/

/*===============================
3C Analysis css starts
================================*/

.three3anapd{
        padding: 50px 0;
}

.keypoints {
    text-align: left;
}
.keypoints h2{
 font-size: 30px;
  font-family: neuropol x;
  color: #fff;

}

.fourkeypoints h2{
 font-size: 30px;
    color: #fff;
    font-family: neuropol x;
    font-weight: 200;
    position: relative;
}

.fourkeypointsline:after {
    content: '';
    width: 167px;
    height: 3px;
    background: #fff;
    position: absolute;
   left: calc(50% - 50%);
    bottom: -19px;
}
/*.headunderlineleft:after {
    content: '';
    width: 167px;
    height: 3px;
    background: #fff;
    position: absolute;
    left: calc(50% -48%);
    bottom: 99px;
}*/

.cmt-50 {
    margin-top:50px;

}
.cmt-100 {
     margin-top:142px;
}
.threefigure img {
    width: 100%;
    position: relative;
    margin-top: 40px;
   /* margin-left: 40px;*/
}
/*.threefigure:before {
content: '';
    position: absolute;
    background: url(images/bc-back-img.png);
    background-repeat: repeat;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    left: 54px;
    bottom: 3px;
}*/
.keypoints-box {
    padding-top: 50px;
}
.keypoints-box .squarebox {
    width: 196px;
    max-height: 196px;
    border: 1px solid #fff;
    padding: 20px 20px;

}
.keypoints-box .squarebox:hover {
    background-color:#006FB3;
    color: #fff;
    transition: all 0.3s;

}
.squarebox .squarebox-haed {
    padding-top: 10px;
}
.squarebox .squarebox-haed h3{
   font-family: neuropol x;
   font-size:18px;
   color: #fff;
}
.squarebox .squarebox-haed:before{
    content: '';
    width:20px;
    height: 3px;
    background:#006FB3;
    position: absolute;
    left: calc(50% -48%);
    bottom:54px;
}

/*===============================
3C Analysis css ends
================================*/

/*===============================
What you get css starts
================================*/

.youget-bg {
     background-image: url("images/3c-black-bg.jpg");
     background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.bottomline:after {
    content: '';
    width: 167px;
    height: 3px;
    background: #fff;
    position: absolute;
    right: calc(50% - 7%);
    bottom: -19px;
}
.threecsectionhead p{
    max-width: 900px;
    margin: 0 auto;
    padding:40px 0;
    text-align: center;
    font-size:20px;
    line-height: 26px;
}
.threeblue {
    color: #006fb3;
}
.marketbox h2 {
    font-size: 30px;
    font-family: 'Abel', sans-serif;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 20px;
    margin-top:60px;
}
.marketbox img {
    display: inline-block;
    padding-right: 10px
}
.market-innerbox {
    border: 1px solid #1d1b1e;
    padding: 20px 20px;
}
.market-innerbox ul {
 text-decoration: none;
 list-style: none;
 color: #fff;
}
.market-innerbox ul li {
     text-decoration: none;
     font-size: 18px;
     margin-top: 10px;
     list-style-type: square;
}
.market-innerbox p {
     font-size: 18px;
     color: #fff;
     padding-bottom: 25px;
}

.three-accuracytable {
    margin-top:100px;
}
.three-accuracytablehead h2 {
    font-size: 25px;
    color: #fff;
    font-family: neuropol x;
    font-weight: 200;
    text-align: center;
    position: relative;

}

.three-accuracytable table {
    margin-top: 70px;

}

.three-accuracytable .table-bordered {
    border: none;
}
.three-accuracytable .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    color: #fff;
}

.three-accuracytable tbody tr:nth-child(even) th, tbody tr:nth-child(even) td {
    background: #3c3c3c !important;
    border: none;
    color: #fff;
    /*border: 1px solid #fff !important;*/
}

.three-accuracytable .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border:none;
}
/*===============================
What you get css ends
================================*/
/*===============================
Meet team css starts
================================*/

.threec-team {
    margin-top: 50px;
}
.threec-team img{
    margin: 0 auto;
    text-align: center;
}

/*.threec-team p{
    font-size: 16px;
    line-height: 26px;
}*/

.threec-team  h2 {
  margin-bottom: 10px;
}
.threec-team ul li {
    text-decoration: none;
    font-size: 18px;
    margin-top: 10px;
    list-style-type: square;
    text-align: left;

}
.team-pad {
      padding-top: 10px;
}

/*===============================
Meet team css ends
================================*/

/*===============================
callaction css starts
================================*/
.threec-callaction {
     background-image: url("images/three-calltoaction.jpg");
     background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.threecall h2{
 font-size: 30px;
    color: #fff;
    font-family: neuropol x;
    font-weight: 200;
    position: relative;
}

.leftbottomline:after {
    content: '';
    width: 167px;
    height: 3px;
    background: #fff;
    position: absolute;
   left: calc(50% - 50%);
    bottom: -19px;
}
.threecall {
    padding: 0 50px;
     text-align: center;
}
.trading-pl {
    margin-left: 50px;
}
.threecall p{
  font-size: 30px;
  font-family: 'Abel', sans-serif;
  color: #fff;
  margin-top: 40px;
}
.threecall-btn {
    font-size: 20px;
    color: #fff;
    background-color: #006FB3;
    display: inline-block;
    font-weight: 200;
    min-width: 234px;
    transition: all 0.3s;
    margin-left: 50px;
}
/*===============================
callaction css ends
================================*/
/*===============================
contact css starts
================================*/

.three-add .fa {
    color: #fff;
    font-size: 30px;

}
.three-add i{
     border-radius: 50%;
  border:1px solid #fff;
  padding: 10px;
  width:55px;
  height:55px;
  text-align:center;
  margin-right:10px;
  margin-bottom: 20px;
}

.three-add span {
      font-size: 18px;
    color: #fff;
}
.contactsection {
    margin-top: 40px;
}
.three-add .fa:hover {
    color: #006FB3;

}
.three-add i:hover{
     border-radius: 50%;
  border:1px solid #006FB3;
}

/*===============================
contact css ends
================================*/

/*===============================
Medai css starts
================================*/
@media only screen and (min-device-width :320px) and (max-device-width : 568px) {

.leftbottomline:after {
    content: '';
    width: 116px;
    height: 3px;
    background: #fff;
    position: absolute;
    left: calc(50% - 50%);
    bottom: -19px;
}
.bottomline:after {
    content: '';
    width: 100px;
    right: calc(50% - 17%);
    bottom: -19px;
}
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
.threecbanner-img img {
    margin-top:20px;
}
.threefigure img {
    width: 100%;
    position: relative;
    margin-top:0px;
    margin-left:0px;
}

.threectop_banner {
    padding:30px 0;
}


.keypoints-box .squarebox {
    margin: 0 auto;
}
.fourkeypointsline:after {
    content: '';
    width: 167px;
    height: 3px;
    background: #fff;
    position: absolute;
    left: calc(50% - 26%);
    bottom: -19px;
}

.cmt-100 {
    margin-top:80px;
}

/*.threefigure:before {
    content: '';
    position: absolute;
    background: url(images/bc-back-img.png);
    background-repeat: repeat;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    left: -3px;
    bottom: 29px;
}
*/
.threebanner_text_wrap h1 {
     font-size: 32px;

}

.threebanner_text_wrap h2 {
    font-size: 22px;
}

.threecall h2 {
    font-size: 26px;
}
.threecsectionhead h2 {
  font-size: 22px;
}
.threecsectionhead p {
    font-size: 16px;
    padding: 20px 10px;
}

.three-accuracytablehead h2 {
    font-size: 22px;
}
.fourkeypoints h2 {
    font-size: 22px;
}
.bottomline:after {
    content: '';
     right: calc(50% - 13%);
    bottom: -19px;
}
.threec-team p {
    font-size: 14px;
    line-height:20px;
}
.threecall-btn {
   margin-left:0px;
   margin-top: 10px;
}
.three-add .fa {
    color: #fff;
    font-size: 20px;
}
.three-add {
    margin-bottom: 10px;
}
.three-add i {
    border-radius: 50%;
    border: 1px solid #fff;
    padding: 10px;
    width: 40px;
    height: 40px;
    text-align: center;

}
.three-add span {
    font-size: 16px;
    color: #fff;
}
}


/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

.threefigure img {
    width: 100%;
    position: relative;
    margin-left: 0px;
    padding-top: 37px;
}

.threefigure:before {
   display: none;
}

.threecall-btn {
     margin-left:0px;
     margin-top: 10px;
}

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-device-width :1024px) and (max-device-width :1366px) {
 .bottomline:after {
    content: '';
    width: 167px;
    height: 3px;
    background: #fff;
    position: absolute;
    right: calc(50% - 7%);
    bottom: -19px;
}

    }
/*===============================
Medai css ends
================================*/