html {
    position: relative;
    min-height: 100%;
}

body {
    padding-top: 70px;
    /* Margin bottom by footer height */
    margin-bottom: 80px;
}

body >.navbar {
    -webkit-transition: background-color .3s ease-in;
    transition: background-color .3s ease-in
}
 
.thumbs {
	position:relative;
	padding-left:2px;
	padding-right:2px;
}

.thumbs .dur{
	position:absolute;
	font-size:12px;
	top: 0;
	right: 2px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.5);
	padding: 2px 6px;
}

.thumbs .reed{
	position:absolute;
	font-size:12px;
	top: 0;
	left: 2px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.5);
	padding: 2px 6px;
}


.thumbs .line-info {
	position:absolute;
	width:100%;
	white-space: nowrap;
    
	overflow: hidden;
	text-overflow:ellipsis;
	font-size:12px;
	bottom:0;
	left: 0;
    color: #fff;
    border-left: 2px solid #158cba;
	background-color: rgba(0, 0, 0, 0.5);
	padding: 2px 6px;
}

.thumbs:hover .line-info { display:none; }

.slider, .tl-elem, .cat-elem  { position:relative; }

.tl-elem .tl-name { 
	font-size:12px;
	width:100%;
    color: #fff;
	position:absolute;
	bottom:0;  
	background-color: rgba(0, 0, 0, 0.5);
	padding: 2px 6px; 
}

.cat-elem .cat-name { 	 
	font-size:12px;
	display:block;
	width:100%;
    color: #158cba;
	padding: 2px 6px;
}



.cats .cat-count {
	position:absolute;
	font-size:12px;
	bottom:21px;
	left: 0;
    color: #fff;
    border-left: 2px solid #158cba;
	background-color: rgba(0, 0, 0, 0.5);
	padding: 2px 6px;
	
}

.slider-imgmini {
	position:relative;	
}
.slider-imgmini ul{
	display:none;
	position:absolute;
	bottom:0px;
	width:100%;
	background: rgba(0,0,0,.30);
	list-style:none;
	padding:0;
	margin:0;
	height:25px;
	z-index:6;
}
.slider-imgmini li {
	padding:0;
	cursor:pointer;
	margin:0;
	float:left;
	width:10%;
	height:25px;	
}

.slider .slider-imgmini ul li:hover, .slider .slider-imgmini .active {
	background:#000;	
}
	


.header {
	font-size:17px;
	font-weight:normal;
    margin: 10px 0;
	text-transform:uppercase;
}

.thumbs:hover .dur {
	display:block;
}

.thumbs .panel { padding:0 }

.thumbs .panel-body {
	padding:0;
}

.thumbs .panel-body img { border-radius: 2px; }

.thumbs .panel {
    border-width: 0 0px 4px 0px;
}

.thumbs .panel:hover {
	border: 1px solid #158cba;
    border-width: 0 0px 4px 0px;
}


.banner-left { margin-top: 43px; }
.video-cat { margin-bottom: 10px; }
.video-tags { margin-bottom: 10px; }

@media (min-width:768px) {
    body>.navbar-transparent {
        background-color: transparent
    }
    body>.navbar-transparent .navbar-nav>.open>a {
        background-color: transparent!important
    }
}




.topsearch input {
    width: 350px !important;
}


/* DROP DOWN */

.multi-column-dropdown {
    padding: 0;
    background: #FFF;
}

.dropdown-menu {
    min-width: 150px;
}

.dropdown-menu.columns-2 {
    min-width: 400px;
}

.dropdown-menu.columns-3 {
    min-width: 450px;
}

.dropdown-menu li a {
    padding: 5px 15px;
    font-weight: 300;
}

.multi-column-dropdown {
    list-style: none;
}

.multi-column-dropdown li a {
    display: block;
    clear: both;
    line-height: 1.428571429;
    color: #333;
    white-space: normal;
}

.multi-column-dropdown li a:hover,
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    text-decoration: none;
    color: #FFF;
    background-color: #158cba;
}

@media (max-width: 767px) {
    .dropdown-menu.multi-column {
        min-width: 240px !important;
        overflow-x: hidden;
    }
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 60px;
    background-color: #f5f5f5;
}

.footer .text-muted {
    margin: 20px 0;
}

.footer a:link {
    color: #158cba
}

.footer a:hover {
    color: #127ba3
}