body {
background-color:#2b2937;
}
a:hover {
text-decoration:none;
}
ul {
list-style:none;
padding:0px 3px;
margin:0px;
}
p {
margin-top:3px;
}
.container {
background-color:#2b2937;
max-width:1300px;
}
h1 {
width:100%;
border-radius: 0px 0px 5px 5px;
font-family:'Open Sans';
font-style:condensed;
font-weight: bold;
color: #5d6a9a;
text-shadow: 1px 1px #ffffff;
text-align: center;
margin-bottom:0;
}
h2 {
width:100%;
border-radius: 0px 0px 5px 5px;
font-family:'Open Sans';
font-style:condensed;
font-weight: bold;
color: #5d6a9a;
text-shadow: 1px 1px #ffffff;
text-align: center;
margin-bottom:0;
}
.head-text {
font-size:14px;
line-height:14px;
margin-bottom: 5px;
text-align: center;
color:#fff;
}
.cat-desc {
font-size:12px;
margin:0px;
padding:2px;
line-height:12px;
}
.card {
background-color: transparent;
border: 0px;
}
.border{
border-color:transparent !important;
padding:0px 0px 5px 0px;
}
.alert {
text-transform:uppercase;
margin-bottom:2px;
color:#fff;
border:1px solid #474f6f;
background-color:#5d6a9a;
}
.main-block-container {
}
.main-block {
/*max-height:500px !important;*/
overflow-y:auto;
}
.main-block li a{
width:100%;
display:block;
padding:2px;
margin:3px 0px;
color:#aaaaaa;
border:1px solid #bebebe;
background-color: #251a41;
}
.main-block li a:hover{
color:#fff;
background-color:#5d6a9a;
}
.main-block li a img {
vertical-align:none;
margin-right:3px;
margin-top: -3px;
}

.thumbs{overflow:hidden;}
.th{
	float:left;
	position:relative;
	z-index:2;
	margin:9px 0 0 9px;
	padding:3px;
	border:1px solid #bebebe;
}
.th:hover{border:1px solid #474f6f;}
.th i{
	position:absolute;
	top:220px;
	right:7px;
	background:#fff;
	background:rgba(255, 255, 255, 0.7);
	height:19px;
	padding:0 4px;
	z-index:2;
	font:11px/19px 'Open Sans', sans-serif;
}
.th:hover img{opacity:0.7;}

.footer {
font-size:12px;
padding:3px;
color:#aaa;
}

@media (min-width: 650px){
.card-columns {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
}
@media (min-width: 910px){
.card-columns {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
}
@media (min-width: 1150px){
.card-columns {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
}
}
@media (max-width: 649px){
.card-columns {
-webkit-column-count: auto;
-moz-column-count: auto;
column-count: auto;
}
}