@font-face{
	font-family:'Century-Thin';
	src: url(../fonts/Century-Gothic.ttf)
}
@font-face{
	font-family:'Century-Bold';
	src: url(../fonts/Century-Gothic-Bold.ttf)
}
div.flag
{
	position: absolute;
	top: 30px;
	right: 15px;
	width: 100px;
	height: auto;
    font-size: 12px !important;
	cursor: pointer;
	font-family:Century-Thin;
}
div.flag span
{
    float: right;
    margin-top: 5px;
}
div.list	{
    position: absolute;
    width: 100%;
    height: auto;
    opacity: .0;
    margin-top: 5px;
    color: #000;
    background: #fff;
    padding-bottom: 3px;
    overflow: hidden;
    box-shadow: 0px 0px 5px 0px #ccc;
	font-family:Century-Thin;
    transition: 0.5s ease-in-out;
}
div.flag:hover .list
{
    opacity: 1.0;
}
div.flag img
{
    margin-left: 3px;
    margin-right: 5px;    
}
div.list ul a{
    color: #666;
}
div.list ul li
{
    height: 20px;
    margin-bottom: 0;
}
div.list ul li:hover
{
    box-shadow: 0px 2px 2px 0px #eee;
}
header
{
	position:fixed;
	top:0;
	z-index:999;
	width:100%;
	background:rgba(0,0,0,.6);
	color:#fff;
	transition: 0.5s all;
}
header .logo
{
	float: left;
	width: 140px;
	height: 130px;
	margin-top: -30px;
}
header a	{
	color:#fff;
}
header.scroll
{
	background: #ff7700;
}
header.scroll .mainmenu li a:hover,
header.scroll .mainmenu li.active a
{
	color: #333;
}
header.scroll .geta_quote a
{
	border: 1px solid #fff;
}
html body .slider	  {
	height:700px;
	overflow: hidden;
}
html body .slider img
{
	position: relative;
	z-index: 5;;
	display: none;
}
.featured-area p{
	height: 100px;
	text-align: justify;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
}
.featured-content-wrap
{
	padding-top: 0;
	margin-top: -30px;
}
.footer-top		{
	padding-bottom: 0;
}
.slider-content {
	position:relative;
	width:470px;
	height:220px;
	font-size:14px;
	padding:10px;
	margin-top:-380px;
	margin-left:150px;
	margin-right:150px;
	font-family:Century-Thin;
}
.slider-content h2
{
	height:70px;
	line-height:30px;
	margin-bottom:0;
	font-size:25px;
	text-align:left;
	font-family:Century-Bold;
	overflow:hidden;
}
.slider-content p
{
	position:relative;
	width:100%;
	height:60px;
	line-height:20px;
	padding:0 !important;
	font-size:14px;
	margin-bottom:10px;
	text-align:left !important;
}
.slider-content a
{
	padding:10px;
	float:left;
	margin-right:10px;
	font-size:14px;
	border-radius:0px;
	font-family:Century-Thin;
}
.testimonial
{
	width:100%;
	height: auto;
	padding:10px;
	padding-bottom:50px;
	background:#eee;
	text-align:center;
	transition:none !important;
}
.slider-card
{
	position: relative;
	width:80%;
	height: auto;
	margin:auto;
	background:   none;
	padding: 20px;
	padding-top: 100px;
	overflow-x: hidden;
	overflow-y: hidden;
	white-space: nowrap;
}
.sample-card
{
	display: inline-block;
	position:relative;
	width: 100%;
	height:auto;
	min-height:250px;
	margin-right: 50px;
	white-space: normal;
	background:#fff;
	text-align:center;
	border-radius:10px;
	font-size:15px;
	padding:20px;
	padding-bottom:50px;
	color:#666;
	font-family:Century-Thin;
	box-shadow:0px 0px 25px 0px rgba(0,0,0,.1);
	transition:none !important;
}
.sample-card img
{
	border-radius:100%;
	margin-top:-100px;
	padding:10px;
	width:150px;
	height:150px;
	margin-bottom:20px;
	box-shadow:0px 0px 25px 0px rgba(0,0,0,.1);
}
.sample-card p  {
	margin-top: 20px;
}
.sample-card span
{
	font-size:20px;
	font-weight:bold;
	color:#ff7700;
}
.testimonial .coin
{
	display:inline-block;
	width:12px;
	height:12px;
	margin:2px;
	margin-top:20px;
	background:#ccc;
	border-radius:100%;
}
.testimonial .coin.active
{
	background:#ff4800;
}
.no-data {
	width: 50%;
	height: auto;
	margin: auto;
	margin-top: 50px;
	padding: 5px;
	font-size: 18px;
	text-align: center;
	margin-bottom: 20px;
	font-family:Century-Thin;
}
.no-data i
{
	display: block;
	font-size: 40px;
	color: #ff7700;
	margin-bottom: 20px;
}
.about-area .text
{
	padding: 10px;
	margin-bottom:50px;
	text-align:center;
	font-family:Century-Thin;
}
.about-area .text h2
{
	color:#ff4800;
}
.about-area .text.faq
{
	height: auto;
	min-height: 180px;
	max-height: 250px;
	overflow: hidden;
	text-align: justify;
	border-bottom: 1px solid #ccc;
}
.about-area .text.faq h2
{
	position: relative;
	height: 50px;
	text-align: left;
	padding: 5px;
	padding-left: 10px;
	font-size: 17px;
	border-radius: 10px;
	border-left: 5px solid#ff4800;
	font-family:Century-Bold;
	overflow: hidden;
}
.about-area .text.faq:hover
,
.about-area .text.faq.focus
{
	background: #fff;
}
.call-action
{
	position: relative;
	width:100%;
	height:500px;
	color: #fff;
	background:url(../../images/investment.jpg);
	background-size:cover;
	background-attachment:fixed;
}
.call-action span
{
	display: block;
	width: 66%;
	font-size: 30px;
	margin: auto;
	margin-top: 170px;
	line-height: 40px;
	font-family:Century-Bold;
}
.call-action span a
{
	display: block;
	width: 150px;
	margin-top: 50px;
	color: #000;
	background: #fff;
	border: 1px solid #fff;
	font-size: 16px;
	font-family:Century-Thin;
	transition: 0.2s ease-in-out;
}
.call-action span a:hover
{
	color: #fff;
	background: none;
}
.container .cf-tip
{
	position: relative;
	opacity: .0;
	top: -60px;
	margin-bottom: -100px;
	width: 100%;
	transition: 0.5s ease-in-out;
}
.container .cf-tip.show
{
	opacity: 1;
}
.plan-box
{
	height: 400px;
	margin-top: 100px;
	margin-bottom: 100px;
	background: #f6f6f6;
	border: 1px solid #ff7700;
	transition: 0.2s ease-in-out;
}
.plan-box:hover
{
	color: #fff;
	background: #ff7700;
	box-shadow: 0px 0px 10px 0px #ccc;
}
.plan-box .plan-tag
{
	position: relative;
	margin: auto;
	top: -30px;
	width: 200px;
	height: 70px;;
	color: #fff;
	text-align: center;
	background: #ff7700;
}
.plan-box .plan-tag h2
{
	color: #fff;
	padding-top: 5px;
	margin-bottom: 0;
	font-family:Century-Thin;
}
.plan-box .plan-key
{
	position: relative;
	width: 100%;
	height: 70px;
	padding: 15px;
	font-size: 16px;
	text-align: center;
	border-bottom: 1px solid #fff;
	font-family:Century-Thin;
	overflow: hidden;
}
.plan-box button
{
	width: 100%;
	height: 44px;
	border: none;
	color: #fff;
	background: #ff4800;
	border: 1px solid #ff4800;
}
.plan-box button:hover
{
	color: #ff7700;
	background: none;
	border: 1px solid #ff7700;
}
.bg-bl-cover
,
.bg-wh-cover
{
	position: absolute;
	top:0;
	left: 0;
	width:100%;
	height: 100%;
}
.bg-bl-cover
{
	background: rgba(000,000,000,.6);
}
.bg-wh-cover
{
	background: rgba(255,255,255,.6);
}
.sign-in-bg
{
	background: url(../../images/login_bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}
.sign-up-bg
{
	background: url(../../images/register_bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}
.sign-in-pg
{
	position: relative;
	width: 500px;
	height: auto;
	min-height: 350px;
	margin: auto;
	margin-top: 200px;
	margin-bottom: 100px;
	border-top:3px solid #ff7700;
	border-bottom:3px solid #ff7700;
	background: #fff;
	box-shadow: 0px 0px 20px 0px #000;
	font-family:Century-Thin;
	transition:none;
	overflow: hidden;
}
.sign-in-pg button
{
	position: relative;
	z-index: 2;
	width: 50%;
	height: 44px;
	border: none;
	float: left;
	background: #fff;
	box-shadow: 0px 0px 10px 0px #ccc;
	font-family:Century-Bold;
}
.sign-in-pg button.active
,
.sign-in-pg button:hover
{
	color: #fff;
	background: #ff7700;
}
.sign-in-pg .login-msgs
{
	display: none;
	position: absolute;
	z-index: 1;
	top: 40px;
	width: 100%;
	height: 44px;
	padding: 10px 25px 5px 25px;
	color: #ff7700;
	background: #fff;
	box-shadow: 0px 0px 5px 0px #ccc;
	transition: none;
}
.login-msgs#peek
{
	top:225px;
}
.sign-in-pg#login-page
{
	left: -1500px;
}
.sign-in-pg #sign-in
,
.sign-in-pg #sign-up
{
	display: none;
	padding: 20px;
	margin-top: 80px;
}
.sign-in-pg #sign-up
{
	display: block;
	padding:50px;
	padding-top: 20px;
}
.sign-in-pg .user-cover  {
	height: 250px;
	margin-bottom: -70px;
	background: #f6f6f6;
}
.sign-in-pg div  .image  {
	position: relative;
	width:150px;
	height: 150px;
	padding: 10px;
	top: 30px;
	margin: auto;
	margin-bottom: 20px;
	text-align: center;
	border-radius: 5px;
	box-shadow: 0px 0px 25px 0px rgba(0,0,0,.1);
	overflow: hidden;
}
.sign-in-pg div div img  {
	width: 100%;
	height: 100%;
}
.sign-in-pg div div span{
	position: relative;
	display: block;
	top: -70px;
	width: 40px;
	height: 30px;
	margin: auto;
	padding: 5px;
	font-size: 20px;
	background: #fff;
}
.sign-in-pg #sign-in p
,
.sign-in-pg #sign-up p   {
	display: block;
	height: 40px;
	margin-bottom: 20px;
}
.sign-in-pg #sign-in span
,
.sign-in-pg #sign-up span
{
	position: absolute;
	color: #ff7700;
	margin-top: 13px;
	margin-left: 5px;
}
.sign-in-pg #sign-in input
,
.sign-in-pg #sign-up input
,
.sign-in-pg #sign-in select
,
.sign-in-pg #sign-up select
{
	width: 50%;
	height: 40px;
	padding: 5px;
	padding-left: 25px;
	border: none;
	border-bottom: 1px solid #ccc;
}
.sign-in-pg #sign-up input
,
.sign-in-pg #sign-up select
{
	width: 100%;
}
.sign-in-pg #sign-up select
{
	color: #999;
}
.sign-in-pg #sign-in input:hover
,
.sign-in-pg #sign-in input:focus
,
.sign-in-pg #sign-up input:hover
,
.sign-in-pg #sign-up input:focus
,
.sign-in-pg #sign-up select:hover
,
.sign-in-pg #sign-up select:focus
{
	box-shadow: 0px 2px 2px 0px #ccc;
}
.sign-in-pg #sign-in button
,
.sign-in-pg #sign-up button
{
	width: 50%;
	border: none;
	color: #333;
	background: #ccc;
	box-shadow: none;
	border: 1px solid #ccc;
}
.sign-in-pg #sign-up button
{
	width: 100%;
	margin-bottom: 20px;
	color: #ff7700;
	background: none;
	border: 1px solid #ff7700;
}
.sign-in-pg #sign-in button:hover
{
	color: #ff7700;
	background: none;
	border: 1px solid #ff7700;
}
.sign-in-pg #sign-up button:hover
{
	color: #fff;
	background: #ff7700;
	border: 1px solid #ff7700;
}
.sign-in-pg form p.forgot
{
	width: 50%;
	color: blue;
	margin-top: -13px;
	margin-bottom: 0 !important;
	text-align:center;
}
.sign-in-pg form p.forgot span
{
	display: block;
	position: relative !important;
	height: 30px;
	margin: 0 !important;
	font-size: x-small;
}
.sign-in-pg form p.forgot a
{
	display: block;
	width: 100%;
	padding: 5px;
	color: #fff;
	background: #09f;
	transition: 0.2s ease-in-out;
}
.sign-in-pg form p.forgot a:hover
{
	background: #06f;
}
.sign-in-pg div.recover
{
	padding: 50px;
}
.sign-in-pg div.recover h5
{
	color: #999;
}
.sign-in-pg div.recover p
{
	font-size: 12px;
}
.sign-in-pg div.recover input
,
.sign-in-pg div.recover button
{
	height: 40px;
	background: none;
	box-shadow: none;
}
.sign-in-pg div.recover input
{
	border: 1px solid #ccc;
}
.sign-in-pg div.recover button
{
	color: #fff;
	background: #ff7700;
}
.recover #success
{
	display: none;
	color: #090;
}
.recover #success a
{
	color: #ff7700;
	font-family:Century-Thin;
}
.footer-widget   {
	position: relative;
	z-index: 5;
}
.footer-twitter li
{
	color: #fff;
	height: 42px;
	overflow: hidden;
	font-family:Century-Thin;
}
.footer-twitter li img
{
	margin-right: 5px;
	border-radius: 100%;
}
.main-pg-bg
{
	background: #141720;
}
.menu-model
,
.head-model
,
.main-model
{
	position: fixed;
	font-family:Century-Thin;
	overflow: hidden;
	transition: 0.5s ease-in-out;
}
.menu-model
{
	top: 0;
	left: 0;
	width: 20%;
	height: 100%;
	background:   #000;
}
.head-model
{
	top: 0;
	right: 0;
	width: 80%;
	height: 10%;
	background:   #000;
}
.main-model
{
	top: 10%;
	right: 0;
	width: 80%;
	height: 90%;
	background:   #141720;
	overflow: auto;
}
.top_header
{
	position: relative;
	z-index: 1;
	width: 100%;
	height: 10%;
	padding: 20px;
	padding-left: 10px;
	color: #fff;
	font-size: 20px;
	overflow: hidden;
	white-space: nowrap;
	transition: 0.5s ease-in-out;
}
.top_header img
{
	margin-left: 10px;
}
.user_cards
{
	position: relative;
	width: 95%;
	height: 220px;
	margin: auto;
	padding: 15px;
	padding-top: 0;
	text-align: center;
	font-size: 14px;
	color: #fff;
	background:   #141720;
}
.user_cards img
{
	width: 125px;
	height: 125px;
	padding: 3px;
	margin-top: 10px;
	margin-bottom: 10px;
	background: #fff;
	box-shadow: 0px 0px 20px 0px #000;
}
.user_cards p
{
	height: 35px;
	overflow: hidden;
	line-height: 16px;
}
.user_cards span
{
	position: relative;
	display: block;
	width: 150px;
	height: 25px;
	margin: auto;
	margin-top: 10px;
	line-height: 20px;
	background:   #000;
	overflow: hidden;
}
.user_cards i
{
	position: absolute;
	left: 0;
	padding: 5px;
	color: #000;
	background: #fff;
}
.path_links  {
	width: 95%;
	margin: auto;
	margin-top: 25px;
}
.path_links ul
{
	padding: 0;
	margin: 0;
}
.path_links ul li
{
	color: #fff;
	height: 40px;
	padding: 10px;
	font-size: 15px;
	margin-bottom: 10px;
	overflow: hidden;
}
.path_links ul li:hover
,
.path_links ul li.active
{
	background:   #141720;
}
.path_links ul li span
{
	display: inline-block;
	width: 20px;
	font-size: 20px;
	margin-right: 10px;
}
.transactor
{
	position: absolute;
	left: 2.5%;
	bottom: 5px;
	width: 95%;
	height: 44px;
	white-space: nowrap;
	color: #fff;
	font-size: 15px;
	background:   #141720;
	overflow: hidden;
}
.transactor div {
	padding: 5px 13px 0 14px;
	font-family: 'Courier New', Courier, monospace;
}
.transactor div i
{
	margin-right: 5px;
}
.head-model .top_header
{
	display: none;
}
.head-model .barbox
{
	color: #fff;
	font-size:12px;
	padding-top: 25px;
}
.head-model div span
{
	display:inline-block;
	height: 15px;
	color: #000;
	text-align: center;
	color: #fff;
	background: #fff;
	padding: 0 5px 0 5px;
	line-height:15px;
}
.head-model .barbox a
{
	color: #fff;
}
.head-model .barbox img
{
	position: relative;
	width: 25px;
	height: 25px;
	float: right;
	margin-right: 5px;
	bottom: -2px;
	border-radius: 100%;
}
.head-model .barbox span
{
	min-width:76px;
}
.alert-page
{
	position: relative;
	z-index: 1;
	padding: 10px;
	margin-top: 10px;
	margin-left: 20%;
	text-align: center;
	width: 57%;
	height: 182px;
	color: #fff;
	background: #141720;
	box-shadow: 0px 0px 25px 0px #000;
	overflow: hidden;
}
.alert-page h4
,
.alert-page h3
{
	width: 150px;
	height: 40px;
	margin: auto;
	margin-bottom: 10px;
	padding: 10px;
	font-size: 18px;
	color: #fff;
	background: #000;
}
.alert-page h3
{
	height:30px; 
	font-size:18px; 
	padding: 0;
	margin-top: 10px;
	font-size: 15px;
	line-height:30px;
}
.alert-page h3 span
{
	width:40%; 
	height:100%; 
	float:left; 
	padding: 0px; 
	color:#000; 
	background:#fff;
}
.alert-page p
{
	height: auto;
	max-height: 70px;
	overflow: hidden;
}
.banks-data
{
	height:35px;
	font-size:small;
	margin-bottom:20px;
	color:#fff;
	border:2px solid transparent;
}
.banks-data span
{
	display:inline-block;
	width:60px;
	height:100%;
	padding:3px;
	margin-right:5px;
	color:#fff;
	background: transparent;
}
.chart-data
{
	position: absolute;
	top: 0;
	width: 77%;
	height: 100%;
	padding: 5px;
	text-align: center;
	background: url(../../images/world_map.png);
	background-size: contain;
	background-repeat: repeat-x;
	background-position: 0px 20px;
	animation: slide 50s linear infinite;
    overflow: hidden;
}
@keyframes slide
{
	from
	{
		background-position: 0px 20px;
	}
	to
	{
		background-position: -876px 20px;
	}
}
.asset-page
{
	position: absolute;
	top: 0;
	left: 0;
	width: 25%;
	height: 100%;
	text-align: center;
	overflow: hidden;
}
.asset-data
{
	position: relative;
	width: 109%;
	height: 100%;
	overflow: auto;
}
.chart-area
{
	position: relative;
	float: right;
	width: 73.7%;
	height: 100%;
}
.top-cards
{
	width: 100%;
	height: 120px;
	padding: 10px;
	padding-top: 20px;
	font-size: 20px;
	margin-top: 5px;
	text-align: center;
	border: 1px solid #fff;
	color: #fff;
	background: transparent;
}
.top-cards div
{
	font-size: 12px;
}
.trade-fair  {
	position: absolute;
	top: 0;
	right: 0;
	width: 250px;
	height: 100%;
	background: #141720;
	overflow: hidden;
}
.trade-page
{
	width: 100%;
	height: 33%;
	margin-bottom: 5%;
	border: 1px solid #000;
	overflow: hidden;
}
.trade-page .title-bar
{
	height: 25px;
	color: #fff;
	padding-left: 5px;
	color: #fff;
	background: #000;
	border-left:5px solid #000;
}
.trade-page .title-bar span
{
	display: none;
	width: 140px;
	height: 17px;
	float: right;
	color: #000;
	line-height: 17px;
	text-align: center;
	margin-top: 5px;
	margin-right: 10px;
	font-size: small;
	background: #fff;
	text-shadow: 0px 2px 2px #ccc;
}
.trade-page .title-bar span i
{
	float: left;
	margin-top: 3px;
	margin-left: 5px;
}
.trade-page .optbox
,
.trade-page .runbox
{
	display: none;
	padding: 10px;
	color: #fff;
}
.trade-page .hide{
	display: none;
}
.trade-page .show{
	display: flex;
}
.trade-page .optbox.focus
{
	color: #000;
	background: #ddd;
	transition: 0.5s ease-in-out;
}
.trade-page .optbox.focus input
,
.trade-page .optbox.focus select
{
	color: #000;
	border-bottom: 1px solid #444;	
}
.trade-page .optbox input
,
.trade-page .optbox select
,
.trade-page .runbox input
,
.trade-page .runbox select
{
	width: 100%;
	height: 20px;
	border: none;
	padding: 2px;
	font-size: x-small;
	background: none;
	color: #fff;
	line-height: 15px;
	border-bottom: 1px solid #fff;
}
.trade-page .optbox select[name=amount]
{
	display: none;
}
.trade-page .optbox button
,
.trade-page .runbox button
{
	margin: auto;
	width: 90%;
	height: 25px;
	border: none;
	margin-top: 10px;
	color: #fff;
	border-radius: 2px;
	background: #ff7700;
}
.trade-page .runbox button
{
	background: #c00000;
}
.trade-page .optbox .msg
,
.trade-page .runbox .msg {
	display: none;
	position: absolute;
	z-index: 1;
	top: 0;
	padding: 15px;
	text-align: center;
	line-height: 20px;
	width: 101%;
	height: 60px;
	background: #000;
	transition: none;
	box-shadow: 0px 0px 5px 0px #000;
}
.trade-logs
{
	text-align: center;
}
.trade-logs span
{
	display: inline-block;
	width: 48%;
	height: 60px;
	padding: 15px;
	margin-top: 20px;
	margin-bottom: 5px;
	color: #fff;
	font-size: 20px;
	cursor: pointer;
	border-radius: 5px;
	transition: 0.5s ease-in-out;
}
.trade-logs span.call
{
	font-size: 14px;
	background: #090;
}
.trade-logs span.put
{
	font-size: 14px;
	background: #c00;
}
.trade-logs span.off
{
	color: #333;
	font-size: 14px;
	background: #ccc;
}
.trade-logs span.put:hover
{
	background: #f30;
}
.trade-logs span.call:hover
{
	background: #0c0;
}
.trade-page .bar-chart
{
	position: relative;
	display: inline-block;
	width: 6.9%;
	height: 150px;
}
.trade-page .bar-chart div
{
	position: relative;
	width: 50%;
	float: left;
}
.trade-page .bar-chart .chart
{
	width: 100%;
	height: 130px;
	transform: scaleY(-1);
	margin-top: 10px;
	overflow: hidden;
}
.trade-page .bar-chart div.inc
{
	background: #009900;
}
.trade-page .bar-chart div.dec
{
	background: #ff3300;
}
.trade-page .bar-chart div.off
{
	background: #000;
}
.trade-page .bar-chart span
{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 10px;
	line-height: 10px;
	background: #fff;
	text-align: center;
	font-size: xx-small;
}
.paymentbox
{
	position: relative;
	float: left;
	width: 21%;
	height: 193px;
	padding: 10px;
	padding-top: 70px;
	font-size: 15px;
	text-align: center;
	margin: 1.8%;
	margin-top: 18px;
	margin-bottom: 0;
	color: #fff;
	background: #000;
	overflow: hidden;
}
.paymentlog
{
	position: absolute;
	z-index: 2;
	top: -50px;
	left: 0;
	width: 100%;
	height: 50px;
	padding: 5px;
	font-size: small;
	line-height: 20px;
	background: #141720;
	color: #000;
	background: #fff;
	border: 1px solid #000;
	transition: none;
}
.paymenttip
{
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	font-size: small;
	opacity: 0;
	overflow-wrap: break-word;
	word-wrap: break-word;
	hyphens: auto;
	padding: 10px;
	padding-top: 50px;
	background: #141720;
	border: 1px solid #000;
	transition: 0.5s ease-in-out;
}
.paymenttip button
{
	display: block;
	width: 100px;
	height: 40px;
	border: none;
	margin: auto;
	margin-top: 30px;
	background: #fff;
	border: 1px solid #fff;
	transition: 0.5s ease-in-out;
}
.paymenttip button:hover
{
	color: #fff;
	background: none;
}
.paymentbox span
{
	font-size: 40px;
}
.paymentbox:hover .paymenttip
{
	opacity: 1;
}
.paymenttip hr
{
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	border-color: #fff;
}
.paymenttip img
{
	width: 100%;
	height: 170px;
	margin-top: -40px;
}
.pay-status   {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 1px;
	width: 70px;
	height: 20px;
	font-size: small;
	line-height: 18px;
	color: #fff;
	background: #c00;
	text-align: center;
}
.page-1-tab
,
.page-2-tab
{
	position: relative;
	width: 49%;
	height: 484px;
}
.page-1-tab
{
	float: left;
}
.page-2-tab
{
	float: right;
}
.page-2-tab
{
	overflow: auto;
}
.notify-bar
{
	height: auto;
	min-height: 220px;
	padding: 10px;
	color: #fff;
	text-align: center;
	background: #000;
}
.notify-bar h2
{
	height: 80px;
	color: #fff;
	font-size: 23px;
	margin-top: 20px;
	text-shadow: 0px 2px 2px #000;
	font-family:Century-Thin;
}
.notify-bar h2 span
{
	display: block;
}
.notify-bar hr
{
	margin: auto;
	margin-bottom: 15px;
	border-color: #fff;
}
.notify-bar button
{
	position: relative;
	width: 49%;
	height: 44px;
	top: -3px;
	margin-top: -10px;
	margin-bottom: -10px;
	font-weight: bold;
	color: #fff;
	background: none;
	border: 2px solid #000
}
.notify-bar button#active
,
.notify-bar button:hover
{
	border: 2px solid #141720;
	background: #141720;
}
.page-1-tab .trade-call
{
	width: 100%;
	height: 120px;
	padding-top: 30px;
	font-size: x-small;
	background: #141720;
}
.page-1-tab .trade-call i
{
	display: block;
	font-size: 20px;
}
.page-1-tab .trade-call p
{
	font-size: small;
}
.return-msg
{
	display: none;
	width: 100%;
	height: auto;
	min-height: 70px;
	padding: 10px;
	margin-top: 20px;
	font-size: small;
	background: #141720;
	transition: none;
}
.return-msg#done
{
	color: #0c0;
}
.return-msg#fail
{
	color: #fff;
}
.page-1-tab  form
,
.page-1-tab .form
{
	margin-top: 25px;
}
.page-1-tab p
{
	position: relative;
	margin-bottom: 10px;
}
.page-2-tab p
{
	position: relative;
	margin-bottom: 10px;
}
.page-1-tab p span
,
.page-2-tab p span
{
	display: inline-block;
	position: absolute;
	width: 120px;
	height: 40px;
	padding: 5px;
	padding-top: 8px;
	color: #fff;
	background: #000;
}
.page-1-tab p span#card
,
.page-2-tab p span#card
{
    right: 0;
    width: 50px;
    padding: 0;
}
.page-1-tab p span#card img
,
.page-2-tab p span#card img
{
    width: 100%;
    height: 100%;
}
.page-1-tab p span i
,
.page-2-tab p span i
{
	display: inline-block;
	width: 20px;
}
.page-1-tab p input
,
.page-1-tab p select
,
.page-1-tab p textarea
,
.page-2-tab p input
,
.page-2-tab p select
,
.page-2-tab p textarea
{
	width: 100%;
	height: 40px;
	padding: 5px;
	padding-left: 130px;
	color: #fff;
	background: none;
	border: 2px solid #000;
	overflow: hidden;
}
.page-1-tab p textarea
,
.page-2-tab p textarea
{
	resize: none;
	height: 190px;
	padding-top: 40px;
	padding-left: 5px;
}
.page-1-tab p button
,
.page-2-tab p button {
	position: absolute;
	right: 0;
	bottom: 6px;
	width: 120px;
	height: 40px;
	border: none;
	color: #fff;
	background: #000;
}
.page-1-tab input.button
,
.page-2-tab input.button
{
	border: none;
	padding: 5px;
	text-align: center;
	background: #000;
	border-left: 120px solid #141720;
	border-right: 120px solid #141720;
}
.page-2-tab input.button
{
	border: none;
}
.page-1-tab input.button:hover
,
.page-2-tab input.button:hover
{
	background: #090;
}
.page-1-tab .post_cover
{
	display: none;
	position: relative;
	margin-top: -192px;
	width: 99.6%;
	height: 186px;
	padding: 20px;
	text-align: justify;
	color: #fff;
	background: #141720;
	overflow: auto;
}
.main-model table
{
	width: 100%;
	color: #fff;
	font-size: 12px;
	text-align: center;
}
.main-model table th
{
	height: 50px;
	padding: 5px;
	text-transform: uppercase;
}
.main-model table td
{
	padding: 5px;
}
.main-model tbody tr:nth-child(odd)
{
	background: #000;
}
.main-model table span
,
.main-model .chart-area span
{
	display: inline-block;
	top: 0;
	width: 70px;
	height: 25px;
	margin: auto;
	cursor: pointer;
	background: #444;
	transition: 0.5s ease-in-out;
}
.main-model table span.flag
,
.main-model .chart-area span.flag
{
	width: 25px;
	height: 20px;
	line-height: 5px;
	background: none;
}
.main-model table span.flag #fr
,
.main-model .chart-area span.flag #fr
{
	float: left;
}
.main-model table span.flag #to
,
.main-model .chart-area span.flag #to
{
	position: relative;
	float: right;
	margin-top: -10px;
}
.main-model table span.gain
{
	background: #090;
}
.main-model table span.loss
{
	background: #c00;
}
.main-model table span.pend
{
	background: #f90;
}
.main-model table span.exit
{
	color: #000;
	background: #ccc;
}
.main-model table a
{
    color: #fff;
}
.main-model table td input
{
    width: 100px;
    height: 25px;
    padding: 10px;
    color: #fff;
    background: none;
    text-align: center;
    border: 1px solid #fff;
    border: none;
}
.head-model.resizer
,
.main-model.resizer
{
	width: 96.5%;
}
.menu-model.shrinks
{
	width: 3.5%;
}
.menu-model > #flat
{
	display: block;
}
.shrinks .user_cards
{
	padding: 5px;
}
.shrinks .user_cards img
{
	width: 50px;
	height: 50px;
}
.shrinks .user_cards span
{
	width: 23px;
}
.shrinks ul li span
{
	margin: auto;
}
.main-model .notice
{
	position: relative;
	width: 520px;
	height: auto;
	margin: auto;
	margin-top: 250px;
	color: #fff;
	font-size: 18px;
	text-align: center;
}
.main-model .notice span
{
	display: block;
	font-size: 50px;
	margin-bottom: 10px;
}
.main-model .notice p
{
	color: #ccc;
	font-size: 14px;
	margin-top: 20px;
}
.main-model .notice a
{
	color: #fff;
}




@media only screen and (min-width: 240px) and (max-width:320px)
{
div[class="flag"]
{
    top: 71px;
    left: 10px;
}
html body .slider
,
div.slider-items {
	height: 300px !important;
}
.slider-content
{
	z-index: 5;
	width:100%;
	height:220px;
	margin: 0;
	margin-top:-200px;
}
.slider-content h2
{
	margin-bottom: 20px;
	line-height: 20px !important;
	font-size: 16px !important;
}
.slider-content a
{
	display: none;
}
.owl-nav
{
	position: relative;
	margin-top: -120px !important;
}
.featured-content-wrap h2 
,
.section-title h2
{
	font-size: 20px !important;
}
.spacial-area h2 {
	font-size: 18px !important;
}
.expart-wrap a
{
	width: 100%;
	text-align: center;
}
.contact-wrap button
{
	width: 100%;
}
.testimonial .slider-card	  {
	width: 99%;
	margin-top: 20px;
}
.no-data
{
	width: 90%;
	font-size: 14px;
}
.call-action
{
	height: 250px;
}
.call-action a
{
	padding: 10px;
	margin-top: 20px !important;
}
.call-action span
{
	width: 95%;
	margin-top: 100px;
	line-height: 20px;
	font-size: 14px !important;
}
.sign-in-pg
{
	position: relative;
	bottom: 0;
	width: 100%;
	margin-top: 100px;
	margin-bottom: 0;
	box-shadow: 0px 0px 10px 0px #eee;
	border-bottom: none;
}
.sign-in-pg#login-page
{
	left: 0;
}
.sign-in-pg#joins-page
{
	position: relative;
}
.sign-in-pg #sign-up
{
	padding: 40px;
}
.sign-in-pg #sign-in input
,
.sign-in-pg #sign-up input
,
.sign-in-pg #sign-in select
,
.sign-in-pg #sign-up select
{
	width: 100%;
}
.sign-in-pg#login-page img
{
	display: none;
}
.sign-in-pg #sign-in button
,
.sign-in-pg #sign-up button
{
	width: 100% !important;
}
.sign-in-pg form p.forgot
{
	width: 100%;
}
.menu-model
{
	position: absolute;
	z-index: 5;
	top: 10%;
	left: -280px;
	width: 280px;
	height: 90%;
	overflow: auto;
	transition: none;
}
.menu-model .top_header
{
	display: none;
}
.user_cards img
{
	margin-top: 10px;
}
.head-model
{
	width: 100%;
}
.head-model .top_header
{
	display: block;
	height: auto;
	margin-top: 0;
}
.head-model div span
{
	font-size: 20px;
	background: none !important;
}
.top_header .link
{
	float: right;
	margin-right: 10px;
}
.top_header .link a
{
	color: #fff;
	font-size: 14px;
}
.top_header .link a img
{
	border-radius: 100%;
}
.head-model .barbox
{
	display: none;
}
.transactor
{
	display: none;
}
.main-model
{
	width: 100%;
	margin-top: 10px;
}
.main-model .row
{
	margin: 0;
	padding-left: 0;
	padding-right: 0;
}
.alert-page
{
	width: 100%;
	margin: 0;
	font-size: small;
}
.alert-page p
{
	height: auto;
}
.chart-data
{
	position: relative;
	width: 100%;
	height: auto;
	padding-left: 0;
	padding-right: 0;
}
.asset-page
{
	position: relative;
	width: 100%;
	height: 230px;
	margin-bottom: 5px;
}
.asset-data
{
	position: relative;
	width: 100%;
}
.chart-area
{
	position: relative;
	float: none;
	width: 100%;
	height: auto;
}
.asset-page table th {
	width:120px;
}
.chart-area #container
{
	display: none;
}
.top-cards
{
	height: 120px;
	font-size: 15px;
}
.trade-fair
{
	position: relative;
	width: 100%;
	height: auto;
}
.trade-page
{
	width: 100%;
	margin-bottom: 0;
}
.bar-chart
{
	width: 7.3% !important;
}
.paymentbox
{
	position: relative;
	float: none;
	width: 95%;
	margin: 0 auto;
	margin-bottom: 3%;
}
.page-1-tab
,
.page-2-tab
{
	position: relative;
	width: 100%;
	height: auto;
}
.notify-bar span
{
	font-size: 25px;
}
.notify-bar h2
{
	font-size: 15px;
}
.notify-log
{
	position: relative;
	top: 10px;
}
.main-model table th
,
.main-model table td
{
	white-space: nowrap;
}
.main-model .notice
{
	width: 100%;
    padding: 5px;
	margin-top: 150px;
	font-size: 14px;
}
.main-model .notice span
{
	font-size: 25px;
}
.main-model .notice p
{
	font-size: small;
}
.trade-page .title-bar span
{
    display: none !important;
}
}
@media only screen and (min-width: 320px) and (max-width:480px)
{
div[class="flag"]
{
    top: 71px;
    left: 10px;
}
html body .slider
,
div.slider-items {
	height: 300px !important;
}
.slider-content
{
	z-index: 5;
	width:100%;
	height:220px;
	margin: 0;
	margin-top:-200px;
}
.slider-content h2
{
	margin-bottom: 20px;
	line-height: 20px !important;
	font-size: 16px !important;
}
.slider-content a
{
	display: none;
}
.owl-nav
{
	position: relative;
	margin-top: -120px !important;
}
.featured-content-wrap h2 
,
.section-title h2
{
	font-size: 20px !important;
}
.spacial-area h2 {
	font-size: 18px !important;
}
.expart-wrap a
{
	width: 100%;
	text-align: center;
}
.contact-area
{
	padding-top: 0 !important;
}
.contact-wrap button
{
	width: 100%;
}
.testimonial .slider-card	  {
	width: 99%;
	margin-top: 20px;
}
.no-data
{
	width: 100%;
	font-size: 12px;
}
.call-action
{
	height: 250px;
}
.call-action a
{
	padding: 10px;
	margin-top: 20px !important;
}
.call-action span
{
	width: 95%;
	margin-top: 100px;
	line-height: 20px;
	font-size: 14px !important;
}
.sign-in-pg
{
	position: relative;
	bottom: 0;
	width: 100%;
	margin-top: 100px;
	margin-bottom: 0;
	box-shadow: 0px 0px 10px 0px #eee;
	border-bottom: none;
}
.sign-in-pg#login-page
{
	left: 0;
}
.sign-in-pg#joins-page
{
	position: relative;
}
.sign-in-pg #sign-up
{
	padding: 40px;
}
.sign-in-pg #sign-in input
,
.sign-in-pg #sign-up input
,
.sign-in-pg #sign-in select
,
.sign-in-pg #sign-up select
{
	width: 100%;
}
.sign-in-pg#login-page img
{
	display: none;
}
.sign-in-pg #sign-in button
,
.sign-in-pg #sign-up button
{
	width: 100% !important;
}
.sign-in-pg form p.forgot
{
	width: 100%;
}
.menu-model
{
	position: absolute;
	z-index: 5;
	top: 10%;
	left: -280px;
	width: 280px;
	height: 90%;
	overflow: auto;
	transition: none;
}
.menu-model .top_header
{
	display: none;
}
.user_cards img
{
	margin-top: 10px;
}
.head-model
{
	width: 100%;
}
.head-model .top_header
{
	display: block;
	height: auto;
	margin-top: 0px;
}
.head-model div span
{
	font-size: 20px;
	background: none !important;
}
.top_header .link
{
	float: right;
	margin-right: 10px;
}
.top_header .link a
{
	color: #fff;
	font-size: 14px;
}
.top_header .link a img
{
	border-radius: 100%;
}
.head-model .barbox
{
	display: none;
}
.transactor
{
	display: none;
}
.main-model
{
	width: 100%;
	margin-top: 10px;
}
.main-model .row
{
	margin: 0;
	padding-left: 0;
	padding-right: 0;
}
.alert-page
{
	width: 100%;
	margin: 0;
	font-size: small;
}
.alert-page p
{
	height: auto;
}
.chart-data
{
	position: relative;
	width: 100%;
	height: auto;
	padding-left: 0;
	padding-right: 0;
}
.asset-page
{
	position: relative;
	width: 100%;
	height: 230px;
	margin-bottom: 5px;
}
.asset-data
{
	position: relative;
	width: 100%;
}
.chart-area
{
	position: relative;
	float: none;
	width: 100%;
	height: auto;
}
.asset-page table th {
	width:120px;
}
.chart-area #container
{
	display: none;
}
.top-cards
{
	height: 120px;
	font-size: 15px;
}
.trade-fair
{
	position: relative;
	width: 100%;
	height: auto;
}
.trade-page
{
	width: 100%;
	margin-bottom: 0;
}
.bar-chart
{
	width: 7.3% !important;
}
.paymentbox
{
	position: relative;
	float: none;
	width: 95%;
	margin: 0 auto;
	margin-bottom: 3%;
}
.page-1-tab
,
.page-2-tab
{
	position: relative;
	width: 100%;
	height: auto;
}
.notify-bar span
{
	font-size: 25px;
}
.notify-bar h2
{
	font-size: 15px;
}
.notify-log
{
	position: relative;
	top: 10px;
}
.main-model table th
,
.main-model table td
{
	white-space: nowrap;
}
.main-model .notice
{
	width: 100%;
    padding: 5px;
	margin-top: 150px;
	font-size: 14px;
}
.main-model .notice span
{
	font-size: 25px;
}
.main-model .notice p
{
	font-size: small;
}
.trade-page .title-bar span
{
    display: none !important;
}
}
@media only screen and (min-width: 480px) and (max-width:768px)
{
div[class="flag"]
{
    top: 71px;
    left: 10px;
}
html body .slider
,
div.slider-items {
	height: 350px !important;
}
.slider-content
{
	z-index: 5;
	width:100%;
	height:220px;
	margin: 0;
	margin-top:-200px;
}
.slider-content h2
{
	margin-bottom: 20px;
	line-height: 20px !important;
	font-size: 16px !important;
}
.slider-content a
{
	display: none;
}
.owl-nav
{
	position: relative;
	margin-top: -120px !important;
}
.featured-content-wrap h2 
,
.section-title h2
{
	font-size: 20px !important;
}
.spacial-area h2 {
	font-size: 18px !important;
}
.expart-wrap a
{
	width: 100%;
	text-align: center;
}
.contact-area
{
	padding-top: 0 !important;
}
.contact-wrap button
{
	width: 100%;
}
.testimonial .slider-card	  {
	width: 99%;
	margin-top: 20px;
}
.no-data
{
	width: 100%;
	font-size: 15px;
}
.sign-in-pg form p.forgot
{
	width: 100%;
}
.menu-model
{
	position: absolute;
	z-index: 5;
	top: 10%;
	left: -280px;
	width: 280px;
	height: 90%;
	overflow: auto;
	transition: none;
}
.menu-model .top_header
{
	display: none;
}
.user_cards img
{
	margin-top: 10px;
}
.head-model
{
	width: 100%;
}
.head-model .top_header
{
	display: block;
	height: auto;
	margin-top: 0px;
}
.head-model div span
{
	font-size: 20px;
	background: none !important;
}
.top_header .link
{
	float: right;
	margin-right: 10px;
}
.top_header .link a
{
	color: #fff;
	font-size: 14px;
}
.top_header .link a img
{
	border-radius: 100%;
}
.head-model .barbox
{
	display: none;
}
.transactor
{
	display: none;
}
.main-model
{
	width: 100%;
	margin-top: 10px;
}
.main-model .row
{
	margin: 0;
	padding-left: 0;
	padding-right: 0;
}
.alert-page
{
	width: 100%;
	margin: 0;
	font-size: small;
}
.alert-page p
{
	height: auto;
}
.chart-data
{
	position: relative;
	width: 100%;
	height: auto;
	padding-left: 0;
	padding-right: 0;
}
.asset-page
{
	position: relative;
	width: 100%;
	height: 230px;
	margin-bottom: 5px;
}
.asset-data
{
	position: relative;
	width: 100%;
}
.chart-area
{
	position: relative;
	float: none;
	width: 100%;
	height: auto;
}
.asset-page table th {
	width:120px;
}
.chart-area #container
{
	display: none;
}
.top-cards
{
	height: 120px;
	font-size: 15px;
}
.trade-fair
{
	position: relative;
	width: 100%;
	height: auto;
}
.trade-page
{
	width: 100%;
	margin-bottom: 0;
}
.bar-chart
{
	width: 7.3% !important;
}
.paymentbox
{
	position: relative;
	float: none;
	width: 95%;
	margin: 0 auto;
	margin-bottom: 3%;
}
.page-1-tab
,
.page-2-tab
{
	position: relative;
	width: 100%;
	height: auto;
}
.notify-bar span
{
	font-size: 25px;
}
.notify-bar h2
{
	font-size: 23px;
}
.notify-log
{
	position: relative;
	top: 10px;
}
.main-model table th
,
.main-model table td
{
	white-space: nowrap;
}
.main-model .notice
{
	width: 100%;
    padding: 5px;
	margin-top: 150px;
	font-size: 14px;
}
.main-model .notice span
{
	font-size: 25px;
}
.main-model .notice p
{
	font-size: small;
}
.trade-page .title-bar span
{
    display: none !important;
}
}