body{
	padding:0;
	margin:0;
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	background-color:#4FCBF9;
}

a {
	color:rgb(68,138,255);
}

h1, h2, h4 {
	font-size:24px;
	margin:0;
}

.card h2, .card h4 {
	font-weight:300;
}

input.input {
	border:1px solid #ddd;
	font-size:25px;
	padding:4px 0;
	width: calc(100% - 104px);
	outline:none;
	margin-right:10px;
}

input.button {
	background-color:rgba(158,158,158,.2);
	box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
	border:0px;
	height:36px;
	padding:0 16px;
	text-transform:uppercase;
	outline:none;
	line-height:36px;
}

input.search {
	background-image:url(/search.png);
	background-repeat:no-repeat;
	background-position:16px;
	padding-left:40px;
	position:relative;
	top:-5px;
}

header {
	background-color:#022D3D;
	padding:0 40px;
	height:64px;
}

header nav a {
	text-decoration:none;
	color:rgb(255,255,255);
	opacity:0.87;
	line-height:64px;
	padding:0 24px;
}

header nav {
	height:64px;
	float:right;
}

header img {
	max-height:50px;
	padding-top:7px;
}

footer {
	padding:32px 16px;
	background-color:#424242;
}

footer a {
	color:#9e9e9e;
	margin-right:16px;
	text-decoration:none;
}

ul {
	list-style:none;
	padding-left:0px;
}

footer ul {
	display:flex;
}

table li {
    padding: 3px 0;
}
	
div.main {
	margin:auto;
	max-width:980px;
}

.card {
	box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2);
	background:#fff;
	padding:16px;
}

.card-m {
	max-width:500px;
	margin:auto;
}

.cols {
	display:flex;
}

.col {
	width:calc(50% - 8px);
	margin-right:8px;
}
.col2 {
	margin-right:0px;
	margin-left:8px;
}

.space {
	margin-top:16px;
}

.split {
	float:left;
	min-width:200px;
	width:50%;
}

i.material-icons {
	width:24px;
	height:24px;
	background-size:contain;
	display:inline-block;
	opacity:0.5;
	margin-top:5px;
}

ul i.material-icons {
	float:left;
}

i.whatshot{
	background-image:url(/hot.png);
}

div.comment {
	min-height:60px;
	border-top:1px solid #ccc;
	margin-top:15px;
	padding-top:15px;
}

div.comment div {
	max-width:calc(100% - 30px);
}

i.comment{
	background-image:url(/comment.png);
}

i.info{
	background-image:url(/info.png);
	float:left;
}

i.thumb-up{
	background-image:url(/thumb-up.png);
}

i.report{
	background-image:url(/report.png);
}

i.arrow-left{
	background-image:url(/arrow-left.png);
}

i.arrow-right{
	background-image:url(/arrow-right.png);
}

i.check{
	background-image:url(/check.png);
}

.pagination i {
	margin-top:0px;
}

.pagination i.disabled, .pagination i.disabled:hover {
	opacity:0.1;
}

.btn {
	float:right;
}

.btn i {
	cursor:pointer;
}

.btn i:hover, .pagination i:hover {
	opacity:1.0;
}

span.nosnaj {
	font-size:10px;
}

.adsbygoogle {width:320px;height:100px}
.nosnaj {width:320px;margin:auto;}
@media(min-width: 728px) { .adsbygoogle { width: 728px; height: 90px; } }
@media(min-width: 728px) { .nosnaj { width: 728px; } }
@media(min-width: 980px) { .adsbygoogle { width: 980px; height: 120px; } }
@media(min-width: 980px) { .nosnaj { width: 980px; } }

@media(max-width: 990px) {
	.group {
		margin-left:10px;
		margin-right:10px;
	}
}

@media(max-width: 550px) {
	header {
		padding:0 10px;
	}
	header img {
		max-height:30px;
		padding-top:17px;
	}
	header nav a {
		padding:0 5px;
	}
	.cols {
		display:block;
	}
	a {
		line-height:24px;
	}
	
	.col, .col2 {
		width:inherit;
		margin-right:0px;
		margin-left:0px;
	}
	.group {
		margin-left:inherit;
		margin-right:inherit;
	}
	.card {
		margin-left:10px;
		margin-right:10px;
	}
	
	.c {
		margin-left:10px;
		padding-top:10px;
	}
	
	footer ul {
		display:inherit;
		margin:0px;
	}
}