/* CSS Document */

.filmcliplist{
	display:block;
	width:32%;
	margin-left:1%;	
	margin-top:1em;
	float:left;
}
@media  screen and (max-width: 767px) {
	.filmcliplist{
		width:49%;
	}
	.filmcliplist:nth-child(2n+1) {
		clear: both;
	}	
}
@media  screen and (max-width: 1200px) {
	.main-navigation li {
		margin-right: 0.2em!important;
	}
}
@media screen and (min-width: 767px) {
	.filmcliplist:nth-child(3n+4) {
		clear: both;
	}
}
.filmcliplist ul{ list-style:none;}
.filmcliplist h3.filmcliplist_title a{
	color:#ffffff;
}
.filmcliplist h3.filmcliplist_title{
	font-size: 1em;
	font-weight: 700;	
	text-transform:uppercase;
}
.filmcliplist_year{ font-weight:normal}
.filmcliplist ul li a{
  color:#ec1c24;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;	
}
.filmcliplist ul li a:hover{
	color:#FFFFFF;
  -webkit-transition: all .0s ease-in-out;
  -moz-transition: all .0s ease-in-out;
  -o-transition: all .0s ease-in-out;
  transition: all .0s ease-in-out;
}
.filmcliplist ul li a i{
  color:#fff;
  font-size:50%;
  vertical-align: 2px;
}
#content.film-clips {
    margin-top: 1.8em;
}