/*-----------------------------------------------------------------------------------*/
/* Utility Classes */
/*-----------------------------------------------------------------------------------*/

b{font-weight:bold;}

.color-default {
  color: #333333;
}
.color-default[class^="fa-"]:before,
.color-default[class*=" fa-"]:before {
  color: #333333;
}
.color-primary {
  color: #363539;
}
.color-primary[class^="fa-"]:before,
.color-primary[class*=" fa-"]:before {
  color: #363539;
}
.color-in-red{color:#E23E3E;}
.color-red {
  color: #8b2626;
}
.color-red[class^="fa-"]:before,
.color-red[class*=" fa-"]:before {
  color: #8b2626;
}
.color-blue {
  color: #43668c;
}
.color-blue[class^="fa-"]:before,
.color-blue[class*=" fa-"]:before {
  color: #43668c;
}
.color-green {
  color: #649f2b;
}
.color-green[class^="fa-"]:before,
.color-green[class*=" fa-"]:before {
  color: #649f2b;
}
.color-aqua {
  color: #86b998;
}
.color-aqua[class^="fa-"]:before,
.color-aqua[class*=" fa-"]:before {
  color: #86b998;
}
.color-yellow {
  color: #d0b426;
}
.color-yellow[class^="fa-"]:before,
.color-yellow[class*=" fa-"]:before {
  color: #d0b426;
}
.color-brown {
  color: #6f6f55;
}
.color-brown[class^="fa-"]:before,
.color-brown[class*=" fa-"]:before {
  color: #6f6f55;
}
.color-violet {
  color: #8270a4;
}
.color-violet[class^="fa-"]:before,
.color-violet[class*=" fa-"]:before {
  color: #8270a4;
}
.color-orange {
  color: #ae6926;
}
.color-orange[class^="fa-"]:before,
.color-orange[class*=" fa-"]:before {
  color: #ae6926;
}
.color-gold{color:#ffd12e;}
.color-white{color:#fff;}
.padding-horiz-10 {
  padding-left: 10px;
  padding-right: 10px;
}
.padding-horiz-20 {
  padding-left: 20px;
  padding-right: 20px;
}
.padding-horiz-30 {
  padding-left: 30px;
  padding-right: 30px;
}
.padding-horiz-40 {
  padding-left: 40px;
  padding-right: 40px;
}
.padding-horiz-50 {
  padding-left: 50px;
  padding-right: 50px;
}
.padding-horiz-60 {
  padding-left: 60px;
  padding-right: 60px;
}
.padding-vert-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.padding-vert-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.padding-vert-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}
.padding-vert-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.padding-vert-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}
.padding-vert-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.margin-horiz-10 {
  margin-left: 10px;
  margin-right: 10px;
}
.margin-horiz-20 {
  margin-left: 20px;
  margin-right: 20px;
}
.margin-horiz-30 {
  margin-left: 30px;
  margin-right: 30px;
}
.margin-horiz-40 {
  margin-left: 40px;
  margin-right: 40px;
}
.margin-horiz-50 {
  margin-left: 50px;
  margin-right: 50px;
}
.margin-horiz-60 {
  margin-left: 60px;
  margin-right: 60px;
}
.margin-vert-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.margin-vert-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.margin-vert-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}
.margin-vert-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}
.margin-vert-50 {
  margin-top: 50px;
  margin-bottom: 50px;
}
.margin-vert-60 {
  margin-top: 60px;
  margin-bottom: 60px;
}
.no-padding {
  padding: 0 !important;
}
.no-margin {
  margin: 0 !important;
}
.margin-top-0 {
  margin-top: 0;
}
.margin-top-5 {
  margin-top: 5px;
}
.margin-top-10 {
  margin-top: 10px;
}
.margin-top-15 {
  margin-top: 15px;
}
.margin-top-20 {
  margin-top: 20px;
}
.margin-top-30 {
  margin-top: 30px;
}
.margin-top-40 {
  margin-top: 40px;
}
.margin-top-60 {
  margin-top: 60px;
}
.margin-bottom-0 {
  margin-bottom: 0;
}
.margin-bottom-5 {
  margin-bottom: 5px;
}
.margin-bottom-10 {
  margin-bottom: 10px;
}
.margin-bottom-15 {
  margin-bottom: 15px;
}
.margin-bottom-20 {
  margin-bottom: 20px;
}
.margin-bottom-30 {
  margin-bottom: 30px;
}
.margin-bottom-40 {
  margin-bottom: 40px;
}
.margin-bottom-60 {
  margin-bottom: 60px;
}
.padding-top-0 {
  padding-top: 0;
}
.padding-top-5 {
  padding-top: 5px;
}
.padding-top-10 {
  padding-top: 10px;
}
.padding-top-15 {
  padding-top: 15px;
}
.padding-top-20 {
  padding-top: 20px;
}
.padding-top-30 {
  padding-top: 30px;
}
.padding-top-40 {
  padding-top: 40px;
}
.padding-top-60 {
  padding-top: 60px;
}
.padding-bottom-0 {
  padding-bottom: 0;
}
.padding-bottom-5 {
  padding-bottom: 5px;
}
.padding-bottom-10 {
  padding-bottom: 10px;
}
.padding-bottom-15 {
  padding-bottom: 15px;
}
.padding-bottom-20 {
  padding-bottom: 20px;
}
.padding-bottom-30 {
  padding-bottom: 30px;
}
.padding-bottom-40 {
  padding-bottom: 40px;
}
.padding-bottom-60 {
  padding-bottom: 60px;
}
.mobile-display{display:none;}
@media (max-width:414px){
	.nopadding{
		padding:0 0;
	}
	.hidden-xs{display:none;}
	.mobile-display{display:block;}
}
/*-----------------------------------------------------------------------------------*/
/* End Utility Classes */
/*-----------------------------------------------------------------------------------*/
/*** coming soon page *****/
.grey_tech{
	background:url(../img/greytechBg.jpg);
	background-size:cover;
	background-position:center bottom;
	height:100vh;
	padding:12em 0 6em;
}
.grey_tech h3{
	color:#aaa;
	font-family: 'Nunito Sans', sans-serif;
	letter-spacing:2px;
}
.main-logo{
	max-width:260px;
	padding-bottom:25px;
}
@media (max-width:414px){
	.grey_tech{padding:10em 0 0;}
	.coming_soon_text h3{font-size:20px;}
}

/*** index.php *****/
.showcase{
	background:rgba(12,9,35,.65);
	border-radius:20px;
	padding:25px;	
	margin-bottom:60px;
	box-shadow:-4px -4px 15px rgba(0,0,0,.35);
}
.deal_volume, .onlie_volume{
	text-align:center;
	padding:20px 30px;
}
.deal_volume h3, .onlie_volume h3{
	color:#00bdff;
	font-size:24px;
	letter-spacing:2px;
}
.volume_display{
	padding:10px;
	border-radius:6px;
	background:#000;
	color:#fff;
	font-size:32px;
	font-weight:bold;
	font-family:'Autobus';
	letter-spacing:2px;
}

#trade_market{
	padding:40px 0;
	background:#fff;
	box-shadow:0 0 20px rgba(0,0,0,.25);
}
.market_coin{
	padding:0 0px;
}
.market_coin_icon{
	float:left;
	margin:0 20px;
}
.market_coin_detail{
	float:left;
}
.market_coin_detail .coin_name{
	font-size:20px;
	font-weight:bold;
}
.market_coin_detail .coin_price{
	display:block;
	width:100%;
} 
.market_coin_detail .coin_price .price_amount{
	display:inline-block;
	font-size:24px;
	font-weight:600;
	padding-right:10px;
}
.market_coin_detail .coin_price .price_move{
	display:inline-block;
	font-size:14px;
}
.market_coin_detail .coin_price .price_move span.up{
	color:#00d31e;
}
.market_coin_detail .coin_price .price_move span.up:before{
	content:"\f0d8";
	font-family:'FontAwesome';
	padding-right:5px;
}
.market_coin_detail .coin_price .price_move span.down{
	color:red;
}
.market_coin_detail .coin_price .price_move span.down:before{
	content:"\f0d7";
	font-family:'FontAwesome';
	padding-right:5px;
}

.mb_display_title{display:none;}
@media (max-width:414px){
	.showcase{
		margin-bottom:0;
	}
	#trade_market{
		padding:0px;
	}
	.deal_volume, .onlie_volume{
	text-align:center;
	padding:20px 10px;
	}	
	.mb_display_title{
		display:inline-block;
		padding-right:15px;
		font-size:12px;
		vertical-align:middle;
	}
	.market_coin{
		margin-top:20px;
		margin-bottom:20px;
	}
	.market_coin_icon{
		margin:0 20px 0px 10px;
	}
}

/** about us section *****/
#about_us{
	padding: 60px 0;
	position:relative;
}
#about_us .section-header h3{
	color:#28282b;
	position:relative;
}
#about_us .section-header h3:after{
	content:'';
	display:block;
	width:65px;
	height:3px;
	border-radius:20px;
	background:#28282b;
	margin:10px auto;
}
.about_box{
	padding:10px;
	margin-bottom:10px;
	background:#f4f4f4;
	border-radius:10px;
}
.about_box_img{
	width:85px;
	height:85px;
	border-radius:6px;
	display:block;
	float:left;
	text-align:center;
	vertical-align:top;
}
.about_box_img img{
	display:table;
	vertical-align:middle;
	margin:20px auto;
	width:65px;
}
.about_box_img.yellow{
	background:#fcd551;
}
.about_box_img.grey{
	background:#353430;
}
.about_box_content{
	float:left;
	width:70%;
	padding:15px 20px 0;
	margin:0 10px;
	display:block;
}
.about_box_content h2{
	font-size:20px;
	font-weight:bold;
	margin-bottom:10px;
	letter-spacing:2px;
}
.about_box_content p{
	margin-bottom:10px;
}
.new_modal{
	padding:20px;
	text-align:left;
}
.new_modal h2{
	font-size:32px;
	font-weight:bold;
	letter-spacing:2px;
}
.new_modal p{
	font-size:20pt;
}
@media (max-width:414px){
	.about_box{
		padding:20px;
	}
	.about_box_img{
		float:none;
		margin:0 auto;
	}
	.about_box_content{
		width:100%;
		padding:20px 0 0;
		margin:0 auto;
		text-align:center;
	}
}
/*** why trade with us *****/
#why_trade{
	padding:60px 0;
	position:relative;
	background:url(../img/light_blue_bubble.png) no-repeat;
	background-position:calc(20% - 60px) 30px;
	background-size:650px;
}
#why_trade .section-header h3{
	text-align:left;
	color:#fcd551;
	position:relative;
}
#why_trade .section-header h3:after{
	content:'';
	display:block;
	width:125px;
	height:3px;
	border-radius:20px;
	background:#fcd551;
	margin:10px 0;
}
.why_trade_with_us{
	margin-bottom:20px;
}
.why_trade_with_us h3{margin:20px 0;}
.why_trade_with_us p{
	margin-bottom:10px;
}
/*** our misson *****/
#mission{
	padding:60px 0;
	position:relative;
}
.grey-bg{
	background:#f4f4f4;
}
.pic_mission{
	text-align:center;
}
.mission_content{
	padding:2em 3em;
}
.mission_content p{
	font-size:20pt;
}
.mission_content  header.section-header h3{
	color:#28282b;
	position:relative;
	text-align:right;
	padding-bottom:30px;
}
.mission_content  header.section-header h3:after{
	content:'';
	display:block;
	width:100px;
	height:3px;
	border-radius:20px;
	background:#28282b;
	margin:10px 0;
	bottom:0;
	right:0;
	position:absolute;
}
.light_buble{
	background:url(../img/light_blue_bubble_res.png) no-repeat;
	background-size:500px;
	background-position:60px top;
}
@media only screen and (min-width: 1360px){
	#mission{
		padding:60px 20em;
	}
}
@media (max-width:414px){
	.mission_content{padding:20px;}
}
/*** how to process trade *****/
#platfrom-features{
	padding:60px 0;
	position:relative;
}
#platfrom-features .section-header h3{
	color:#353430;
	position:relative;
	text-align:center;
}
#platfrom-features .section-header h3:after{
	content:'';
	display:block;
	width:125px;
	height:3px;
	border-radius:20px;
	background:#28282b;
	margin:10px auto;
}
.features_box{
	padding:20px 2em;
	margin-bottom:20px;
	background:#0c0923;
	border-radius:10px;
	text-align:center;
	min-height:320px;
}
.features_box h3{
	color:#00bdff;
	font-weight:bold;
	font-size:20px;
}
.features_box p{
	color:#fff;
	font-size:80%;
	letter-spacing:1.2px;
}
.img-features{
	width:100px;
	margin-bottom:20px;
	transition: transform 0.6s;
	transform-style: preserve-3d;
}
.img-features:hover{
	transform: rotateY(180deg);
}

@media (max-width:414px){
	.features_box{
		min-height:0;
		margin-bottom:10px;
	}
}

/*** contact us *****/
#contact{
	padding:60px 0;
	position:relative;
	background:url(../img/contact_bg.png) no-repeat;
	background-size:cover;
	background-position:center top;
}
#contact .section-header h3{
	color:#fcd551;
	position:relative;
}
#contact .section-header h3:after{
	content:'';
	display:block;
	width:65px;
	height:3px;
	border-radius:20px;
	background:#fcd551;
	margin:10px auto;
}
.contact_icon{
	width:200px;
	margin:0 auto 30px;
}
.contact_icon ul{
	margin:0;
	padding:0;
}
.contact_icon ul li{
	list-style:none;
	display:inline-block;
	text-align:center;
	color:#fcd551;
	padding:0 15px;
}
.contact_icon ul li img{
	display:block;
	margin:0 auto;
	padding-bottom:5px;
}
.contact_form{
	background:#fff;
	padding:30px;
	border-radius:8px;
}
.submit_form{
	padding:10px 20px;
	border:0;
	border-radius:5px;
	background:#fcd551;
	font-weight:bold;
	width:100%;
	max-width:260px;
}
.bottom_link ul{
	float:right;
}
.bottom_link li{
	list-style:none;
	display:inline-block;
	font-size:14pt;
	font-weight:600;
}
.bottom_link li a{
	padding:10px 15px;
	color:#fff;
	transition:all ease .3s;
}
.bottom_link li a:hover{
	color:#888;
	background:#3c3b35;
	border-radius:5px;
}
@media (max-width:414px){
	.contact_form{padding:20px 15px;}
	.bottom_link ul{
		float:left;
		margin:0;
		padding:0;
	}
	.bottom_link li{
		display:block;
	}
	.bottom_link li a{
		color:#bbb;
		padding:8px 0;
		line-height:2;
	}
}
.customer_service h4{
	color:#00bdff !important;
}
.customer_service p{
	color:#fff;
}
.contactForm .form-control{
	background:none;
	border:none !important;
	border-bottom:1px solid #322f40 !important;
}