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

.captionDiv{margin-left:1rem; margin-bottom:2em; padding-left:10px; border-left:5px solid #ccc; font-size:1.5em;}
.captionDiv p{line-height:2; margin-bottom:5px;}
.captionDiv p mark{background-color:#c5ffff;}
/****------- Inside header banner ------****/

.inside_header {
  width: 100%;
  position: relative;
  padding: 200px 0 120px 0;
}

.inside_header  .infoBoard-img {
  width: 50%;
  float: right;
}

.inside_header  .infoBoard {
  width: 50%;
  float: left;
}

.inside_header  .infoBoard h2 {
  color: #fff;
  margin-bottom: 1rem;
  font-size: 48px;
  font-weight: bold;
}

.inside_header  .infoBoard h2 span {
  color: #0078fb;
  padding:10px;
}
.inside_header  .infoBoard h3{
  color: #ff5707;
  margin-bottom: 2rem;
  font-size: 32px;
  font-weight: bold;
  padding:10px;
  display:inline-block;
}
#tradetype{
  background: url("../img/tradebanner.jpg") center bottom no-repeat;
  background-size: cover;
}
#contactUspg{
  background: url("../img/header_contact.jpg") center bottom no-repeat;
  background-size: cover;
}
#whychooseUs{
  background: url("../img/header_chooseUs.jpg") center bottom no-repeat;
  background-size: cover;
}
#faqpg{
  background: url("../img/header_faq.jpg") center bottom no-repeat;
  background-size: cover;
}
#market_analysispg{
  background: url("../img/header_marketAnalysis.jpg") center bottom no-repeat;
  background-size: cover;
}
#tradeSecuritypg{
  background: url("../img/header_tradeSecurity.jpg") center bottom no-repeat;
  background-size: cover;
}
#secPlatfomrpg{
  background: url("../img/header_tradingPlatform.jpg") center bottom no-repeat;
  background-size: cover;
}
#mt4pg{
  background: url("../img/header_mt4.jpg") center bottom no-repeat;
  background-size: cover;
}

@media (max-width: 767px){
	.inside_header  .infoBoard{width:100%;}
	.inside_header  .infoBoard h2{font-size: 2.5rem;}
	.inside_header  .infoBoard h3{font-size: 1.5em;}
}

/*** unigram css ****/
.content{padding-top:3em;}
.content h4{line-height:1.5; font-size:20px;}
.content p{line-height:1.5; font-size:1em;}
.content img{max-width:165px;}
#about-coin{padding:60px 0;}
#secured{padding:60px 0;}
#blockchain{padding:60px 0;}
#financial{padding:60px 0;}
#exchange{padding:60px 0;}
#trader{padding:60px 0;}
#business{padding:60px 0;}
#features{padding:60px 0;}
#neuron_wallet{padding:60px 0;}
#obtain_unieq{padding:60px 0;}
#unihash_pool{padding:60px 0;}
#unieq_reward{padding:60px 0;}
#why-choose-us{padding:60px 0; background:url(../img/intro-bg.png);}
#why-choose-us .section-header h3{color:#fff;}
#why-choose-us .section-header p{color:#fff;}
.greybg{background:#f7f7f7;}
.unihash_bg{
	background:url(../img/unihash_bg.jpg);
	background-position:center;
	background-size:cover;
	color:#fff;
}
.deepbluebg{background:#081f36; color:#fff;}
.powerbg{
	background:url(../img/powerBg.jpg);
	background-position:center;
	background-size:cover;
	color:#fff;
}

/**** unie css *****/

.darkbg{background:#000;}
#coming-soon-intro {
  width: 100%;
  height:100vh;
  position: relative;
  background-color:#000;
  background: url("../img/darkmap.jpg") center top no-repeat;
  background-size: cover;
  padding: 100px 0 100px 0;
  font-family: 'Roboto Condensed', sans-serif;
}

#coming-soon-intro .comingsoon_logo{
	max-width:165px;
	margin:auto;
	display:block;
}

#coming-soon-intro .comingsoon_coin{
	max-width:250px;
	margin:auto;
	display:block;
}

#coming-soon-intro .intro-img {
  width: 50%;
  float: right;
}

#coming-soon-intro .intro-info {
  width: 100%;
  float: left;
}

#coming-soon-intro .intro-info h2 {
  color: #fff;
  margin-bottom: 1rem;
  font-size: 45px;
  font-weight: 700;
  text-transform:uppercase;
  font-family: 'Roboto Condensed', sans-serif;
}

#coming-soon-intro .intro-info h2 span {
  color: #35d99d;
  /*text-decoration: underline;*/
}
#coming-soon-intro .intro-info h3{
  color: #eb6851;
  margin-bottom: 20px;
  font-size: 26px;
  font-weight: 700;
  font-family: 'Roboto Condensed', sans-serif;
}
#coming-soon-intro .intro-info p{color:#fff;}
.downloadDiv{max-width:600px; margin:0 auto;}
.download_here{display:inline-block;padding:10px 20px; transition:all ease .3s;}
.download_here:hover{background:rgba(255,255,255,.15); border-radius:10px;}
.download_here a{color:#fff;}
.download_here .download_icon{width:36px; height:auto;}

@media only screen and (min-width: 1024px){
	#coming-soon-intro .comingsoon_logo{max-width:200px;}
	#coming-soon-intro .comingsoon_coin{max-width:450px;}
}
@media(max-width:414px){
	#coming-soon-intro{padding:3em 0;}
	#coming-soon-intro .intro-info h2{font-size:24px;}
	#coming-soon-intro .intro-info h3{font-size:16px;}
	.download_here{float:none; display:inline-block;}

}

/*** ios_download.php ***/
.download_step img{max-width:100%;}
.btn_download_app{
	background:#efefef;
	border-radius:5px;
	margin:10px 0;
	padding:10px 20px;
	transition:all ease .3s;
}
.btn_download_app:hover{
	background:#ddd;
}
.click_btn{
	width:200px;
	background:#efefef;
	border-radius:5px;
	margin:10px auto;
	padding:10px 20px;
	text-align:center;
	text-transform:uppercase;
	transition:all ease .3s;
}
.click_btn:hover{
	background:#ddd;
}