.navbar {
    background-color: #507299;
    border-color: rgb(57, 80, 106);
}

.navbar .navbar-brand .title{
    color: #faf9f9;
}

.navbar .navbar-brand .login-button{
    margin-top: -5px;
}

.navbar .navbar-brand .login-form{
	display: inline;
}

.category-title{
	margin-right: 5px;
}

@media (max-width: 825px) {
    h1{
        font-size: 24px !important;
    }
}

@media (max-width: 625px) {
    h1{
        font-size: 22px !important;
    }
}

@media (max-width: 425px) {
    h1{
        font-size: 20px !important;
    }
}

@media (max-width: 360px) {
    h1{
        font-size: 19px !important;
    }
}

@media (max-width: 310px) {
    h1{
        font-size: 18px !important;
    }
}

@media (max-width: 270px) {
    h1{
        font-size: 17px !important;
    }
}

@media (max-width: 425px) {
	.videocover {
		width: 100%;
	}
}
/*body{
    background-color:#edeef0;
}*/
.carousel{
    height: auto;
    margin-bottom: 5px;
}
.carousel .item{
    height: auto;
    width: 100%;
}
.carousel-inner > .item > img{
    position: relative;
    top: 0;
    left: 0;
    min-width: 100%;
    height: auto;
}
iframe.video{
    width: 100%;
}
.videocover{
    float: none !important;
    display: inline-block !important;
    vertical-align: top !important;
}
@media (min-width: 1200px) {
    .videocover{
        float: none !important;        
		display: inline-block !important;
        vertical-align: top !important;
    }
}
.videoimage{
    position: relative;
}

.videoimage .glyphicon{
	position: absolute;
	background: rgba(23,35,34,.75);
	top: 50%;
	left: 50%;
	color: #fff;
	font-size: 24px;
	border-radius: 6px;
	padding: 8px 20px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.videoimage:hover .glyphicon {
	background-color: rgb(0, 173, 239);
}

.list-group-item-title{
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    color: #000000;
}

.videobig{
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
    margin-bottom: 5px;
}

.videobig iframe,
.videobig embed{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
	
.list-group-item.disabled{
    color: #000;
    background-color: #eee;
    cursor: default !important;

}
.list-group-item.disabled:hover{
    color: #000;
    background-color: #eee;
    cursor: default !important;
}
.grey{
    color: #000;
    background-color: #EEEEEE;
}