#header-pic-container{
	background-image: url('../../images/headers/programs.png');
}
#header-pic-container{
	height: 37.5vw;
}
#header-pic-container:before{
	width:52.8vw;
	height:52.8vw;
}

.thumbs img{
	cursor:pointer;
}
p{
	margin-top:5px;
	color:#666;
}
h3.vid-title{
	display:inline-block; 
	color:white;
	background-color:rgb(176,31,36);
	margin:6px 0 6px 0;
	padding:8px 0px 6px 0;
	border-right:20px solid rgb(176,31,36);
	text-align:center;
	padding-left:70px;
	position:relative;
	min-width:260px;
	width: 100%;
}
span.vid-no{
	background-color:black;
	position:absolute;
	text-align:center;
	top:-4px;
	padding-top:12px;
	left:0;
	height:48px;
	width:50px;
	z-index:1;
}
span.sider{
	position:absolute;
	left:0;
	width:32px;
	height:48px;
	margin-top:-12px;
	margin-left:32px;
	background-color:black;
	transform:skew(30deg);
	z-index:0;
}
h4.m-vid-title{
	color:white;
}
span.m-vid-no{
	color:black;
	background-color:white;
}
span.m-sider{
	background-color:white;
}
.col-xs-8{
	padding:0;
}
.t-link{
	
}
.t-link a{
	color:rgb(176,31,36);
	
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
	background: #000 !important;
	color: #fff;
}

.nav-tabs>li a{
	font-family: swissBC;
	color: rgb(176,31,36);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

.nav-tabs>li a:hover{
	background: #000 !important;
	color: #fff;
}

.videoModal .modal-header,
.videoModal .modal-body,
.videoModal .modal-footer{
	background-color:black;
	border:0;
	border-radius:0;
}


.videoModal .modal-header{
	height:0px;
}
.videoModal .modal-body{
	padding:0;
	position:relative;
}
.thumbs img{
	margin-bottom:10px;
}
.videoModal .modal-footer{
	text-align:left;
}
.videoModal .modal-footer h3	{
	margin-bottom:20px;
}
.videoModal .modal-footer p{
	color:white;
	font-weight:bold;
}
a.close{
	position:absolute;
	right:0px;
	top:0px;
	color:white;
	z-index:10;
	opacity:1;
	margin-right:-12px;
	margin-top:-12px;
}
a.close:hover{
	opacity:0.9;
	color:white;
}
@media(min-width: 991px){
#main-container > .content > .row > .col-md-6:first-child{
	border-right:2px solid #aaa;
} 
}
@media(max-width: 767px){
a.go img{
	width:100%;
}
}
#sup1 h2{
	color: #fff;
	text-align: center;
	font-size: 46px;
}
#sup1 p{
	font-size: 22px;
}

#pagination {
	clear:both;
	width:75px;
	margin:25px auto 0;
	padding:0;
	padding-top:40px
}

#pagination li {
	list-style:none;
	float:left;
	margin:0 2px;
}

#pagination li a {
	display:block;
	width:10px;
	height:10px;
	text-indent:-10000px;
	background: #494949;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: inset 1px 1px 1px rgba(0, 0 ,0, 0.4);
}

#pagination li a.active {
	background: #af2027;
}

.mt40{
	padding-top: 40px;
}