body {
	height:100% !important;
	min-height:100%;
	font-family: 'Roboto', sans-serif;
}

/* === PADDING & MARGIN CLASSES ====*/
.mbsmall{ margin-bottom:15px;}
.mbmedium{margin-bottom:25px;}
.mblarge{margin-bottom:35px;}
.ptsmall{ padding-top:15px;}
.ptmedium{ padding-top:25px;}
.ptlarge{    padding-top: 215px;}

/* === GENERAL STYLES ====*/

.relative{
	position:relative !important;
}

.main {
  position: relative;
  background-color: #fff;
  min-height: 700px;
  padding-bottom:122px;
}

.logo{
	text-align: center;
}
.logo img{
	width: 200px;
	padding-top: 15px;
}

/* ===CATEGORIES SECTION====*/

.category-section{
	display: inline-block;
	border-bottom:1px solid #e2e2e2;
	padding: 30px 0px 15px 0px;
}
.category-section a{
	text-decoration:none;
	color:inherit;
}
.category-section .header{
	display:inline-block;
}
.category-section .header h1{
	font-size:36px;
	float:left
}
.category-section .header span{
	line-height: 50px;
	padding-left: 10px;
	color: red;
}

.thumbnail-section{
	list-style:none;
	padding:0px;
}
.thumbnail-section li{
	display:block;
	float:left;
	margin:0px 20px 10px 0px;
	width:220px;
	min-height:180px;
}
.thumbnail-section li img{
	width:220px;
}
.thumbnail-section li .title{
	font-size:18px;
	font-weight:600;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	color:#000;	
	padding-top:4px;
}
.thumbnail-section li .sub-text{
	color:#999;
	overflow: hidden;
    text-overflow: ellipsis;
	white-space: nowrap; 
	font-size: 16px;
}

.more{
	text-align: center;
}

/* ===PLAYER====*/

#vtitle{
	padding: 30px 0px 15px 0px;
	font-size: 36px;
	font-weight: 500;
}