html{
	background-color: #191b1f;
}
body{
	background-color: #191b1f;
	font-family: Futura,Arial,sans-serif !important; 
	width:100%;
	display:block;
}
.fadeInClass{
	-webkit-animation: fadeIn 3s;
	animation: fadeIn 3s;
	animation-fill-mode: forwards;
}
.fadeOutClass{
	-webkit-animation: fadeOut 3s;
	animation: fadeOut 3s;
	animation-fill-mode: forwards;
}
section{
	opacity: 1;
}
@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@-webkit-keyframes fadeOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}
@keyframes fadeOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}
.slider-navigation-next, .slider-navigation-previous{
	border-radius: 0!important;
	opacity: 0.8;
	transform: scale(1)!important;
}
.slider-navigation-next:hover, .slider-navigation-previous:hover{
	border-radius: 0!important;
	opacity: 1;
}
.button{
	font-family: Futura,Arial,sans-serif !important; 
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
	-webkit-border-top-left-radius: 10px !important;
	-webkit-border-bottom-right-radius: 10px !important;
	-moz-border-radius-topleft: 10px !important;
	-moz-border-radius-bottomright: 10px !important;
	border-top-left-radius: 10px !important;
	border-bottom-right-radius: 10px !important;
	text-transform: uppercase;
}

.callOutItems{
	color:#ccc;
	background-color: #fff;
}
.callOutItems .button{
	color:#fff;
	background-color: #ccc;
	border:#ddd;
	transition: all .2s;
}
.callOutItems .button:hover{
	background-color: #eee;
	border: #ccc;
}
.column h4.subtitle{
	color:#aaa!important;
}
.keyItem h4.subtitle{
	color:#aaa!important;
}
.keyItem .button{
	color:#fff;
	background-color: #bbb;
	border:#ccc;
	transition: all .2s;
}
.keyItem .button:hover{
	background-color:#dedede;
	border:#dedede;
}
.photographyCarousel{
	background-color: #ccc;
}
.photographyCarousel .subtitle{
	color: #fff;
}
.videoCarousel{
	background-color: #ddd;
}
.videoCarousel .subtitle{
	color: #fff;
}
.footer, .hero-foot{
	background-color: #191b1f;
	color: #535252;
}
.footer a, .hero-foot a{
	color: #8b8b8b;
}
.uppercase{
	text-transform: uppercase;
}
#hero_image{
	background-image: url('/images/header_placeholder.jpg');
	background-position: center; /* Center the image */
	background-repeat: no-repeat; /* Do not repeat the image */
	background-size: cover; /* Resize the background image to cover the entire container */
}
#film_info{
	background-image: url('/images/info_background_placeholder.jpg');
	background-size: cover;
	background-position: top; /* Center the image */
}
#film_info .columns .column .tabs ul{
	border-bottom:0px!important;
}
#film_info .columns .column .table td{
	border:0px!important;
}

#film_info .columns .column .tabs ul li{
	text-transform: uppercase;
}
#film_info .columns .column .tabs ul li a{
	border-radius: 0 !important;
	border:0;
	transition: all .2s;
}
#film_info .columns .column .tabs ul li.is-active a{
	background-color: #fff!important;
	color:#ccc!important;
}
#film_info .columns .column .tabs ul li.is-active a:hover{
	background-color: #dedede!important;
	color:#fff!important;
}
#film_info .columns .column .tabs ul li a{
	background-color: #ccc!important;
	color:#fff!important;
}
#film_info .columns .column .tabs ul li a:hover{
	background-color: #dedede!important ;
	color:#fff!important;
}
#tab-content table{
	-webkit-border-bottom-right-radius: 20px!important;
	-moz-border-radius-bottomright: 20px!important;
	border-bottom-right-radius: 20px!important;
}
.qandaOverlay{
	background: rgb(0,0,11);
	background: -moz-radial-gradient(circle, rgba(0,0,11,.9) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-radial-gradient(circle, rgba(0,0,11,.9) 0%, rgba(0,0,0,0) 100%);
	background: radial-gradient(circle, rgba(0,0,11,.9) 0%, rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000b",endColorstr="#000000",GradientType=1);
}
.disable-select {
    user-select: none; /* supported by Chrome and Opera */
   -webkit-user-select: none; /* Safari */
   -khtml-user-select: none; /* Konqueror HTML */
   -moz-user-select: none; /* Firefox */
   -ms-user-select: none; /* Internet Explorer/Edge */
}
#tab-content table {
  display: none;
}
#tab-content table.is-active {
  display: block;
}
.truncate p {
	display: inline;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	word-wrap: break-word;/* Important for long words! */
}
.carouselImageFit{
	height: 100%!important;
	width: 100%!important;
	object-fit: contain!important;
}
@media screen and (min-width: 10px) and (max-width: 768px) {
	tr td {
		width:100%!important;
		display: block;
	}	
	tr td.tableHeading{
		margin-top:20px!important;
	}
}
.bafta.top.button {
	/*background-color: rgba(0, 0, 0, 0.5) !important;*/
	/*background-color: transparent !important;*/
	background-color: #957529 !important;
	border:1px solid #e7c678 !important;
	color: #e7c678 !important;
	text-transform: uppercase !important;
	transition: all .2s !important;
}
.bafta.top.button:hover {
	/*background-color: rgba(0, 0, 0, 0.5) !important;*/
	/*background-color: transparent !important;*/
	background-color: #6d541a !important;
	border:1px solid #e7c678 !important;
	color: #e7c678 !important;
	text-transform: uppercase !important;
}

.bafta.button {
	/*background-color: rgba(0, 0, 0, 0.5) !important;*/
	background-color: transparent !important;
	border:2px dotted #c59217 !important;
	color: #c59217 !important;
	text-transform: uppercase !important;
	transition: all .2s !important;
}
.bafta.button:hover {
	/*background-color: rgba(0, 0, 0, 0.5) !important;*/
	background-color: #fbf2e6 !important;
	border:2px dotted #e1a71a !important;
	color: #e1a71a !important;
	text-transform: uppercase !important;
}




.incorrectAnimation
{
        -webkit-animation: swing 1s ease;
        animation: swing 1s ease;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
}
@-webkit-keyframes swing
{
    15%
    {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    30%
    {
        -webkit-transform: translateX(-5px);
       transform: translateX(-5px);
    } 
    50%
    {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    65%
    {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes swing
{
    15%
    {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    30%
    {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }
    50%
    {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    65%
    {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}


/* Titles */
.artworkLink img{
    opacity: 1;
    transform: scale(1);
    transition: all .2s;

}
.artworkLink img:hover{
    opacity: .9;
    transform: scale(0.98);
}


/* carousel slider overflow fix */
.slider{
    width:100% !important;
}



/* Logo Dropshadow */
.shadow {
  -webkit-filter: drop-shadow( 0px 15px 15px rgba(0, 0, 0, .7));
  filter: drop-shadow( 0px 15px 15px rgba(0, 0, 0, .7));
  /* Similar syntax to box-shadow */
}