

/* =Header -----------------------------------------------------------*/
/* line 98, ../sass/main.scss */
#header { text-shadow: 0 1px 0 #000; background: #485053; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodâ€¦EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #485053 0%, #3b4447 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #485053), color-stop(100%, #3b4447)); background: -webkit-linear-gradient(top, #485053 0%, #3b4447 100%); background: -o-linear-gradient(top, #485053 0%, #3b4447 100%); background: -ms-linear-gradient(top, #485053 0%, #3b4447 100%); background: linear-gradient(to bottom, #485053 0%, #3b4447 100%); position: relative; z-index: 2; -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3); color: #c8cacb; border-top: 1px solid #2d3235; width: 100%; }
/* line 116, ../sass/main.scss */
#header h1 a { color: #fff; }
/* line 118, ../sass/main.scss */
#header .btn { margin-top: 15px; float: right; }

/* =Branding */
/* line 125, ../sass/main.scss */
#main-logo h1 { margin-top: 0; }

/* line 127, ../sass/main.scss */
#logo img { margin-right: 15px; float: left; }

/* line 129, ../sass/main.scss */
#logo_text { font-size: 30px; margin-right: 15px; display: inline-block; margin-bottom: 0; }

/* line 136, ../sass/main.scss */
#branding-tagline { margin-top: 5px; }

/* line 138, ../sass/main.scss */
#branding-tagline p { margin-bottom: 0; color: #45484D; }

/* line 143, ../sass/main.scss */
#top .social-media-links { text-align: right; }

/* =Navigation */
/* line 146, ../sass/main.scss */
#navigation { position: relative; z-index: 1000; }

/* = Page */
/* line 152, ../sass/main.scss */
#page-title { padding: 22px 0; }

/* line 156, ../sass/main.scss */
#main #main-inner { -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -ms-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; }
/* line 165, ../sass/main.scss */
#main.loading { height: 400px; background: url(../img/loader.gif) no-repeat center center; }
/* line 169, ../sass/main.scss */
#main.loading #main-inner { opacity: 0; }

/* pagination */
/* line 175, ../sass/main.scss */
.pagination { margin: 20px auto; text-align: center; }

/* =bottom-footer
---------------------------------------------------*/
/* line 183, ../sass/main.scss */
.bottom-footer { padding: 20px 0; border-top: 1px solid rgba(80, 80, 80, 0.14); color: #505050; font-size: 11px; line-height: 14px; text-transform: uppercase; letter-spacing: 1px; }
/* line 192, ../sass/main.scss */
.bottom-footer a { color: #505050; }
/* line 194, ../sass/main.scss */
.bottom-footer .copyright { text-align: center; font-size: 11px; line-height: 14px; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 10px; }


.ic_container{
    vertical-align:baseline;
    margin:0px;
    position:relative;
    /*-moz-border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    -moz-box-shadow: 0 1px 3px #888;
    -webkit-box-shadow: 0 1px 3px #888;*/
}
.overlay{
    opacity:0.3;
    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
.ic_caption{
    position:absolute;    
    opacity:0.6;   
    overflow:hidden;
    padding:0px;
    left:0px;
    right:0px;
    cursor:default;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	margin-left: auto ; margin-right: auto ; width:300px; margin-top:0px;
}
.ic_category{
    text-transform:uppercase;
    font-size:11px;
    letter-spacing:3px;
    padding:5px;
    margin:0px;
}
.ic_caption h3{
    padding:0px 5px 5px 5px;
    margin:0px;
    font-size:18px;
}
.ic_text{
    padding:5px;
    margin:0px;
    text-align:justify;
    font-size:11px;

}
.play-button {
    height: 113px;
    width: 100%;    
    background-color: rgba(0, 0, 0, 0.7);
    position: relative;
	cursor:pointer;
}

.play-button:hover {
    background-color: rgba(0, 173, 239, 0.9);
}

.play-button:after {
    content: "";
    display: block;
    position: absolute;
    top: 40.5px;
    left: -10px;
    margin: 0 auto;
	margin-left: 100px;
    border-style: solid;
    border-width: 19.5px 0 19.5px 27px;
    border-color: transparent transparent transparent rgba(255, 255, 255, 1);
}
.playlist-bar {
    background-color: rgba(0, 0, 0, 0.8);
    color: #FFFFFF;
    height: 50%;
	bottom: 0px;
	position:absolute;
    max-width: 100%;
    text-align: center;
}

.playlist-bar span{
    display: inline-block;
    height: 20%;
    margin: 5% 3% 3%;
	color:#FFF;
}
.yt_header{
	background-color:#000;
	height: 130px;
	width: 100%;
}
.yt_stats {
    color: #CCCCCC;
    float: right;
    font: 10px Arial;
	margin-top:25px;
	margin-right: 20px;
    text-align: center;
}

.yt_subscribe {
    color: #CCCCCC;
    float: right;
	margin-top:5px;
	margin-right: 20px;
    text-align: center;
	width:100px;
}

.yt_stats .num{
    font: 18px Arial;
}

.logo{
	padding-left:20px;
	float:left;
}

.logo p{
    font: 18px Arial;
	text-align:center;
	color:#FFF;
	margin-top:5px;
}
.summary{ 
	color: #505050; padding: 5px 8px; 
	border: 1px solid #eee; 
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px; 
	border-radius: 2px;
	float: left }
	