body {
	background-color: rgba(229, 229, 229, 0.431373);
	/*background: url(../../img/map/bg.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
	padding: 20px;
	font-family:'proxima-nova', Helvetica, Arial, sans-serif;
	font-size:31px;
	color:#333;
}

.top, .middle, .ticker{
	margin-left: 5%;
	width: 90%;
}

.top {
	color: #192444;
	height: auto;
}

.top p{
	font-size: 20px;
	margin-top: 9px;
}

.top .left {
	float:left;
	width: 70%;
}

.top .right {
	float:right;
}
.left {
	color: #FFF;
}
.top .left .title {
	line-height: 1;
	font-size:40px;
}

.top .right .copy {
	float:left;
	margin-top:0px;
	font-size:27px;
	line-height:130%;
}
.top .right .copy .count {
	font-size:34px;
}

.top .right .logo {
	float:left;
	margin-left:50px;
}

.top small{
	font-size: 14px;
	letter-spacing: 0.08em;
}

.top-10 {
	/*float:left;*/
}

.top-10 .container {
	background-color:white;
	padding:19px;
	padding-bottom:5px;
	width:250px;
	box-shadow: 0px 2px 13px rgba(0, 0, 0, 0.65);
	margin-right:40px;
}

.top-10 .container .list .item {
	padding-top:14px;
	padding-bottom:13px;
	border-top: 1px solid rgb(179, 179, 179);
	text-transform:uppercase;
	font-size:17px;
}

.top-10 .container .list .item .name {
	font-weight:bold;
}

.top-10 .container .list .item .type {
	color:#777;
	margin-left:2px;
}


.top-10 .container .title {
	font-size: 25px;
	margin-bottom: 12px;
}

.middle {
	float: left;
	height: 450px;
	overflow: hidden;
	margin-top: 15px;
}

.map {
	background-color: rgba(0, 0, 0, 0.4);
	border: 10px solid white;
	float: left;
	/*margin-left: 330px;*/
	margin-left:0px;
	height: 450px;
	width: 100%;
}

.map.with-tweets{
	width: 76%;
}

.map img {
	height: 100%;
	width: 100%;
}

.tweets{
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'324'%20height%3D'324'%3E%3Cg%20fill%3D'none'%20stroke%3D'%23ccc'%20stroke-dasharray%3D'1%2019'%20stroke-linecap%3D'square'%20stroke-linejoin%3D'round'%20stroke-width%3D'2'%3E%3Cpath%20d%3D'M154%202v8h32v16h-32v16h-16v16h16v16h16V58h32V10h32v32h-16v32h16V58h32v16h-16v16h-32v32h16v16h-32v-16h-16v-16h16V74h-16v16h-48V74h-16v32h32v16h16v16h-16v32h16v32h-16v-16h-16v48h-16v-48h-16v32H90v16h16v32H58v16H42v32h32v-32h48v-16h16v16h16v-16h32v16h16v32h-32v8'%2F%3E%3Cpath%20d%3D'M122%20282v16h-16v16h32v-16h48M170%20298v-16M154%20298v16M106%20314H90v-16M42%20298h16M90%20266v-16H74v-16H58v16H42v-16H26v16H10v64h16v-16'%2F%3E%3Cpath%20d%3D'M10%20282h16v-16h16M170%20202v48h-48M154%20250v-32M170%20234h16v16h16v16h16v-16h16v48h-16v16h96v-16h-16v-32h16v-16h-32v-16h-16v-16h16v-16h-32v16h-32v16h32v16h16v32h16v-16'%2F%3E%3Cpath%20d%3D'M234%20218v-16h-32v32M314%20266v16M266%20314v-16h16M218%20298v-16M234%20266h16v32M154%20122h-32v16h16M122%20138H90v16h48v16H90v16H42v16h48M74%20202v16H26'%2F%3E%3Cpath%20d%3D'M58%20186v-16H10v16h16v16H10v32M154%20106h16M202%20138h-16v16h16M186%20154h-16M218%20138v48h64v-16h16v-16h-16v-16h16v-16h-16v-16h16V90h-16V58M298%20122h16V74h-16V58h16V42h-16M314%20122v64h-16v32h16v16h-16M298%20202h16M218%20170h-32v48M186%20186h16'%2F%3E%3Cpath%20d%3D'M234%20138v32h32v-16h-16v-16h16v-16h-16v-16h-16M266%2074v32M250%2058V42h32V26h32V10h-48v16h-16V10M202%2026h16M202%2042h-32M154%2010h-16v16h-16v32H90v32h16V74M106%2090v32H90v-16H74v32H58V90H10v32h16v-16h16v32H10v16h64v16M90%2090H74V58H42v16H10V58h16V42H10V26h32V10H10'%2F%3E%3Cpath%20d%3D'M26%2042h80V26H58V10h64M74%2074H58'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-size: 26rem;
	background-position: -3rem center;
	background-color: white;
	float: right;
	font-size: 14px;
	height: 100%;
	overflow: scroll;
	width: 23%;
}
.tweets::-webkit-scrollbar-track {
	background: #fff;
}

.tweets .heading{
	background-color: #428bca;
	color: white;
	display: block;
}

.tweets .heading a{
	color: white;
	display: block;
	font-size: 18px;
	padding: 8px 20px;
	text-align: center;
}

.tweets a{
	color: #32ccfe;
}

.tweet{
	display: block;
	line-height: 1.3;
	padding: 12px 20px 12px 60px;
	position: relative;
}

.tweets .feed{
	background: #fff;
	height: 405px;
	overflow-y: scroll;
}

.tweet .handle a{
	color: #999;
}

.tweet .avatar{
	border-radius: 3px;
	left: 10px;
	position: absolute;
	width: 40px;
}

.tweet .media-photo{
	display: block;
	height: auto;
	margin: 8px 0;
	width: 100%;
}

.tweet:last-child{
	padding-bottom: 0;
}

.tweet + .tweet{
	border-top: 1px solid #ccc;
}

.ticker {
	clear: both;
	float: left;
	margin-top: 15px;
	overflow:hidden;
}

.ticker .contain {
	background-color:white;
	padding:14px;
	padding-bottom:16px;
	height:60px;
}

.ticker .contain .title {
	float:left;
	border-right: 1px solid #999;
	font-size:25px;
	font-weight:bold;
	padding-right:15px;
	margin-right:15px;
}

.ticker .contain .powered-by {
	float:right;
	border-right: 1px solid #999;
	font-size:25px;
	font-weight:bold;
	padding-right:15px;
	margin-right:15px;
}

.ticker .ticker-list {
	margin-top: 0px;
	font-size: 18px;
	padding-bottom: 10px;
	line-height: 34px;
	height:28px;
	overflow-x:hidden;
	overflow-y:hidden;
}

.ticker .ticker-list .name {
	margin-right:3px;
	text-transform:uppercase;
	font-weight:bold;
}

.maplogo{
	float: left;
	height: 80px;
	margin-right: 30px;
	width: auto;
}

@media screen and (max-width: 900px) {
	.top, .middle, .ticker{
		margin-left: 0;
		width: 100%;
	}
	.map.with-tweets{
		width: 100%;
	}
	.tweets{
		display: none;
	}
}