@import url('https://fonts.googleapis.com/css?family=Exo:300,400');

*{
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box;
	outline: none;
}
.clearfix:before, .clearfix:after,
.article-info:before, .article-info:after {
	content: "";
	display: table;
}
.clearfix:after,
.article-info:after {
	clear: both;
}
.clearfix {
	zoom: 1;
}
body{
	font-family: 'Exo', sans-serif;
	font-size: 18px;
	font-weight: 300;
	color: #0b0b0b;
}
ul,li{
	list-style: none;
}
a{
	color: #131313;
	text-decoration: none;
}
h1{
  color: rgb(26, 26, 26);
  font-size: 56px;
  font-weight: 300;
  line-height: 1.2;
  text-align: center;
  margin-bottom: 30px;
}
h2 {
	font-weight: 300;
	text-align: center;
	margin-bottom: 50px;
	font-size: 28px;
}
h4{
	font-size: 24px;
	text-align: center;
	font-weight: 300;
	margin-bottom: 20px;
}
header {
	width: 100%;
	line-height: 60px;
	position: absolute;
	transition: all 300ms;
}
header .logo {
	display: none;
	background: url("img/logo-crypto-markets.png") no-repeat scroll 0 0;
	width: 244px;
	height: 39px;
	text-indent: -9000em;
	background-size: contain;
	top: 10px;
	left: 10px;
	position: absolute;
}
header ul.social-networks {
	display: none;
}
header.fixed ul.social-networks {
	display: block;
	position: absolute;
	right: 0px;
	top: 14px;
	margin: 0;
}
header.reduce {
	max-height: 0;
	overflow: hidden;
	position: fixed;
}
header.fixed {
	background-color: #1b1b1b;
	position: fixed;
	height: auto;
	max-height: 60px;
	line-height: 60px;
	z-index:10000;
}
header.fixed .logo{
	display: none;
}
menu ul {
	margin: 0 auto;
	display: flex;
	justify-content: center;
}
menu li{
	margin: 0 15px;
}
menu a{
	color: #f8a23a;
}
menu a.active{
	color: #f8b15b;
	border-bottom: 3px solid #f8b15b;
}
menu a:hover{
	color: #f8b15b;
	border-bottom: 3px solid #f8b15b;
}

section{
	padding: 100px 0;
}
.wrapper{
	max-width: 1280px;
	margin: 0 auto;
}
p.subtitle{
	text-align: center;
}
.t-right{
	text-align: right;
}
h1 a.logo{
	background: url("img/logo-crypto-markets.png") no-repeat scroll 0 0;
	width: 487px;
	height: 80px;
	display: block;
	text-indent: -9000em;
}
section#home {
	background: url("img/bg-landing.jpg") no-repeat scroll center 0 #1a1a1a;
	padding-top: 170px;
	color: #fff;
}
#home .subtitle {
	font-size: 22px;
	margin-bottom: 20px;
	text-align: left;
}
#home .subtitle:first-child {
	padding-top: 75px;
}
section.dark{
	background-color: #1a1a1a;
	color: #fff;
}
#download {
	background: url("img/download_back.png") no-repeat scroll center 0 #1a1a1a;
}
section.dark h1{
	color: #fff;
}
.copyrights a {
	color: #959595;
}

.content_half{
	float: left;
	width: 50%;
}
a.download {
	background-color: #f9a239;
	color: #fff;
	border-radius: 10px;
	text-transform: uppercase;
	font-size: 26px;
	line-height: 56px;
	display: block;
	clear: both;
	width: 200px;
	text-align: center;
	font-weight: normal;
	margin-top: 55px;
}
.store-download {
	display: flex;
	justify-content: center;
	text-align: center;
	margin-top: 40px;
	font-size: 26px;
}
.store-download > div{
	margin: 0 40px;
}
.store-download a, .content_half .play-store a {
	text-indent: -9000em;
	display: block;
	height: 53px;
}
.content_half .play-store span {
	text-align: center;
	font-size: 26px;
	display: inline-block;
	width: 169px;
}
.store-download .play-store {
	margin-right: 20px;
}
.play-store a{
	background: url("img/download-google-play.png");
	width: 169px;
}
.app-store a{
	background: url("img/download-app-store.png");
	width: 152px;
}
#download h1 span,
h2 span{
	color: #f9a239;
}

.contact-info{
	width: 80%;
	margin: 0 auto;
	text-align: center;
}
/* Social Networks */
ul.social-networks {
	margin: 15px 0 40px;
	display: flex;
	justify-content: center;
}
ul.social-networks li {
	float: left;
	margin: 0 10px;
}
ul.social-networks li a {
	background: transparent url("img/icon-facebook.svg") no-repeat scroll 0 0;
	width: 34px;
	height: 34px;
	display: block;
	opacity: 0.8;
}
ul.social-networks li a:hover{
	opacity: 1;
}
ul.social-networks li a.twitter{
	background-image:  url("img/icon-twitter.svg");
}
ul.social-networks li a.linkedin{
	background-image: url("img/icon-linkedin.svg");
}
.separator {
	width: 300px;
	margin: 0 auto;
	background-color: #4a4a4a;
	display: block;
	height: 1px;
	margin-bottom: 40px;
}
.our-apps {
	display: flex;
	justify-content: center;
}
.our-apps .app {
	background: transparent url("img/our-apps-stock-markets.png") no-repeat scroll center 0;
	padding-top: 40px;
	display: block;
	opacity: 0.8;
	float: left;
	color: #fff;
	margin: 0 35px;
	width: 170px;
	text-align: center;
}
.our-apps .breaking {
	background-image: url("img/our-apps-breaking-the-news.png");

}
.our-apps .currency {
	background-image: url("img/our-apps-currency-converter.png");

}
.column-8 {
    width: 12.5%;
    float: left;
}
.exchanges-list li {
    background: url("img/sprite-crypto-exchanges.png") no-repeat scroll 0 0;
	float: left;
	height: 34px;
	list-style: none;
	margin-bottom: 17px;
	margin: 0 19px 18px;
	text-indent: -9000em;
	width: 122px;
}
.exchanges-list {
	margin-bottom: 70px;
}
.exchanges-list li.exch-bitstamp {
    background-position: 0 0;
}
.exchanges-list li.exch-btcchina {
    background-position: -141px 0px;
}
.exchanges-list li.exch-bitfinex {
    background-position: -267px 0;
}
.exchanges-list li.exch-exmo {
    background-position: -932px -176px;
}
.exchanges-list li.exch-lakebtc {
    background-position: -390px 0;
}
.exchanges-list li.exch-okcoin {
    background-position: -520px 0;
}
.exchanges-list li.exch-huobi {
    background-position: -649px 0;
}
.exchanges-list li.exch-huobipro {
    background-position: -522px -88px;
}
.exchanges-list li.exch-btcmarkets {
    background-position: -790px -176px;
}
.exchanges-list li.exch-kraken {
    background-position: -786px 0;
}
.exchanges-list li.exch-coinbase {
    background-position: -920px 0;
}
.exchanges-list li.exch-gemini {
    background-position: -1051px 0;
}
.exchanges-list li.exch-poloniex {
    background-position: 0 -88px;
}
.exchanges-list li.exch-bithumb {
    background-position: -142px -88px;
}
.exchanges-list li.exch-cexio {
    background-position: -271px -88px;
}
.exchanges-list li.exch-coinfloor {
    background-position: -403px -88px;
}
.exchanges-list li.exch-okex {
    background-position: -654px -86px;
}
.exchanges-list li.exch-liqui {
    background-position: -1053px -176px;
}
.exchanges-list li.exch-hitbtc {
    background-position: -931px -81px;
}
.exchanges-list li.exch-korbit {
    background-position: -1055px -83px;
}
.exchanges-list li.exch-binance {
    background-position: 0 -176px;
}
.exchanges-list li.exch-cryptopia {
    background-position: -138px -176px;
}
.exchanges-list li.exch-coinone {
    background-position: -266px -176px;
}
.exchanges-list li.exch-zaif {
    background-position: -392px -176px;
}
.exchanges-list li.exch-bitfleyer {
    background-position: -535px -176px;
}
.exchanges-list li.exch-bitbank {
    background-position: -650px -176px;
}
.exchanges .cryptocoins-list, .exchanges .exchanges-list {
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
}

.cryptocoins-list li {
	background: url("img/sprite-cryptocoins.png") no-repeat scroll 0 0;
	padding: 0 0 0 55px;
	list-style: none;
	height: 32px;
	margin-bottom: 17px;
	line-height: 32px;
	float: left;
	width: 160px;
	font-size: 13px;
}
.cryptocoins-list li.coin-bitcoin{
    background-position: 15px -32px;
}
.cryptocoins-list li.coin-ethereum{
    background-position: 15px -64px;
}
.cryptocoins-list li.coin-ripple{
    background-position: 15px -96px;
}
.cryptocoins-list li.coin-bitcoin-cach{
    background-position: 15px -128px;
}
.cryptocoins-list li.coin-eos{
    background-position: 15px -160px;
}
.cryptocoins-list li.coin-litecoin{
    background-position: 15px -192px;
}
.cryptocoins-list li.coin-cardano{
    background-position: 15px -224px;
}
.cryptocoins-list li.coin-stellar{
    background-position: 15px -256px;
}
.cryptocoins-list li.coin-iota{
    background-position: 15px -288px;
}
.cryptocoins-list li.coin-tron{
    background-position: 15px -320px;
}
.cryptocoins-list li.coin-neo{
    background-position: 15px -352px;
}
.cryptocoins-list li.coin-monero{
    background-position: 15px -384px;
}
.cryptocoins-list li.coin-dash{
    background-position: 15px -416px;
}
.cryptocoins-list li.coin-nem{
    background-position: 15px -448px;
}
.cryptocoins-list li.coin-vechain{
    background-position: 15px -480px;
}
.cryptocoins-list li.coin-bytecoin{
    background-position: 15px -512px;
}
.cryptocoins-list li.coin-ethereum-classic{
    background-position: 15px -544px;
}
.cryptocoins-list li.coin-icon{
    background-position: 15px -576px;
}
.cryptocoins-list li.coin-qtum{
    background-position: 15px -608px;
}
.cryptocoins-list li.coin-binance-coin{
    background-position: 15px -640px;
}
.cryptocoins-list li.coin-omisego{
    background-position: 15px -672px;
}
.cryptocoins-list li.coin-zilliqa{
    background-position: 15px -704px;
}
.cryptocoins-list li.coin-lisk{
    background-position: 15px -736px;
}
.cryptocoins-list li.coin-zcash{
    background-position: 15px -768px;
}
.cryptocoins-list li.coin-0x{
    background-position: 15px -800px;
}
.cryptocoins-list li.coin-bitcoin-gold{
    background-position: 15px -832px;
}
.cryptocoins-list li.coin-bitshares{
    background-position: 15px -864px;
}
.cryptocoins-list li.coin-waves{
    background-position: 15px -896px;
}
.cryptocoins-list li.coin-siacoin{
    background-position: 15px -928px;
}
.cryptocoins-list li.coin-komodo{
    background-position: 15px 0;
}
.cryptocoins-list li.coin-steem{
    background-position: 15px -960px;
}
.cryptocoins-list li.coin-decred{
    background-position: 15px -992px;
}
.exchanges .more {
	margin-top: 30px;
	text-align: center;
	font-size: 14px;
}
footer{
	background-color: #141414;
}
.copyrights{
	font-size: 12px;
	line-height: 50px;
	color: #959595;
	text-align: center;
}

#features {
	padding-bottom: 0;
}
.features-content {
	padding-top:93px;
	font-size: 18px;
}
.features-content .side-menu li {
	list-style: none;
}
.features-content .side-menu li:first-child a {
	margin-top: 0;
}
.features-content .side-menu a {
	text-decoration: none;
	color: #000;
	display: inline-block;
	margin: 4px 0;
	font-size: 22px;
	border-bottom: 3px solid #fff;
}
.features-content .side-menu li:hover a,
.features-content .side-menu .active-li a {
	border-bottom: 3px solid #ff981c;
}
.features-content .target-div p {
	font-size: 20px;
	padding-right: 40px;
}
.side-menu {
	width:17%;
}
.about-info {
	width: 49.5%;
}
.device-image-info {
	width: 33.5%;
	margin-top: -150px;
}
.side-menu, .about-info, .device-image-info {
	float: left;
}
.target-div { 
	display: none;
}
.active {
 display: block;
 }
.device-image-info .target-div{
	text-align: right;
}
.device-image-info img {
	display: block;
	float: right;
}
 .activeLi {
 
 }
.device-image-info .background-mobile {
	background: url("../images/cryptos_mockup.png") no-repeat scroll 0 0;
	background-position:right;
}
@media (max-width: 1280px) {
	.wrapper{
		max-width: 90%;
	}
	section#home {
		padding-top: 130px;
	}
	.exchanges-list li {
		margin: 0 11px 18px;
	}
	.cryptocoins-list li {
		width: 144px;
	}
	.cryptocoins-list li.coin-ethereum-classic {
		line-height: 16px;
	}
}
@media (max-width: 640px) {
	header.fixed ul.social-networks {
		display:none;
	}
	menu li {
		margin: 0 10px;
	}
	menu li a {
		font-size: 16px;
	}
	section#home {
		padding-top: 80px;
		padding-bottom: 35px;
	}
	#home .subtitle {
		font-size: 16px;
	}
	#home .wrapper {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-wrap:wrap;
	}
	a.download {
		border-radius: 5px;
		font-size: 18px;
		line-height: 44px;
		width: 150px;
		margin-top: 30px;
	}
	.content_half, .content_half img {
		width:100%;
	}
	#home .content_half {
		order:2;
	}
	#home .content_half.t-right {
		order:1;
	}
	#home .content_half h1 {
		display: none;
	}
	section h1 {
		font-size: 36px;
		margin-bottom: 15px;
	}
	.device-image-info {
		display: none;
	}
	section {
		padding: 30px 0;
	}
	.features-content {
		padding-top: 0;
		overflow: hidden;
	}
	.features-content .side-menu a, .features-content .target-div p {
		font-size: 18px;
	}
	.features-content .target-div p {
		padding-right: 0;
	}
	.about-info {
		width: 70%;
	}
	.side-menu {
		width: 30%;
	}
	#features {
		padding-bottom: 30px;
	}
	.features-content .side-menu li:hover a, menu a:hover, menu a.active {
		border: none;
	}
	.features-content .side-menu li {
		height: 33px;
	}
	ul.social-networks {
		margin: 15px 0 20px;
	}
	.our-apps .app {
		margin: 0 10px;
		font-size: 16px;
	}
	.exchanges-cryptos h2, .exchanges-list {
		margin-bottom: 30px;
	}
	.store-download, .content_half .play-store span {
		font-size: 22px;
	}
	.store-download .play-store {
		margin: 0 10px 0 0;
	}
	.store-download .app-store {
		margin: 0;
	}
		.exchanges-list li {
		margin: 0 11px 11px;
	}
	#home .subtitle {
		margin-bottom: 7px;
	}
	#home .subtitle:first-child {
		padding-top: 0;
	}
}