/*
	Theme Name: Pressman Films
	Theme URI: http://wethesocial.com
	Description: Custom theme built for Pressman Films
	Version: 1.0
	Author: Jacob Lampack
	Author URI: http://wethesocial.com;
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, address, cite,
del, dfn, em, img,
small, tt,
b, u, i, center,
dl, dt, dd, ol, ul, li,
form, label,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, embed, 
figure, footer, header, hgroup, 
menu, nav, section, summary,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

em {
	font-family: OpenSans-italic !important;
}

.film-singles li p {
	display: inline !important;
}

@font-face
{
font-family: DroidSerifbold;
src: url('http://www.pressman.com/wp-content/themes/pressman/css/fonts/DroidSerif-Bold.ttf'),
     url('http://www.pressman.com/wp-content/themes/pressman/css/fonts/DroidSerif-Bold.eot'); /* IE9 */
}

@font-face
{
font-family: graphikbold;
src: url('http://www.pressman.com/wp-content/themes/pressman/css/fonts/graphikbold.ttf'),
     url('http://www.pressman.com/wp-content/themes/pressman/css/fonts/graphikbold.eot'); /* IE9 */
}

@font-face
{
font-family: graphiklight;
src: url('http://www.pressman.com/wp-content/themes/pressman/css/fonts/OpenSans-Light.ttf'),
     url('http://www.pressman.com/wp-content/themes/pressman/css/fonts/OpenSans-Light.eot'); /* IE9 */
}

@font-face
{
font-family: OpenSans-italic;
src: url('http://www.pressman.com/wp-content/themes/pressman/css/fonts/OpenSans-LightItalic.ttf'),
     url('http://www.pressman.com/wp-content/themes/pressman/css/fonts/OpenSans-LightItalic.eot'); /* IE9 */
}

@font-face
{
font-family: neutrafacebold;
src: url('http://www.pressman.com/wp-content/themes/pressman/css/fonts/neutrafaceslabdisplaybold.ttf'),
     url('http://www.pressman.com/wp-content/themes/pressman/css/fonts/neutrafaceslabdisplaybold.eot'); /* IE9 */
}

@font-face
{
font-family: neutrafacethin;
src: url('http://www.pressman.com/wp-content/themes/pressman/css/fonts/neutrafaceslabdisplaythin.ttf'),
     url('http://www.pressman.com/wp-content/themes/pressman/css/fonts/neutrafaceslabdisplaythin.eot'); /* IE9 */
}
@font-face
{
font-family: OpenSans-bold;
src: url('http://www.pressman.com/wp-content/themes/pressman/css/fonts/OpenSans-Semibold.ttf'),
     url('http://www.pressman.com/wp-content/themes/pressman/css/fonts/OpenSans-Semibold.eot'); /* IE9 */
}
body {
	background-color: #f4f4f4;
}
.rsDefault {
	background-color: #f4f4f4 !important;
}
.rsOverflow {
	background-color: #f4f4f4 !important;
}
.rsSlide  {
	background-color: #f4f4f4 !important;
}
/*
#page {
	position: absolute;
	height: 100%;
	width: 100%;
}
*/
#wrapper {
	margin-top: 95px;
	width: 100%;
	/* height: 100%; */
	/* overflow: hidden; */
} 
.section-header {
	font-size: 3em;
	/* border-bottom: 1px ridge #999; */
	/*margin-bottom: 50px;*/
	text-transform: uppercase;
	font-family: neutrafacebold;
	background-color: #f4f4f4;
	/*position: fixed;
	z-index: 99999;*/
	/*top: 95px;*/
	/*padding-top: 30px;*/
	width: 100%;
	max-width: 1000px;
}
.section-header .cover {
	background-color: #fff;
	width: 100%;
	margin-top: 10px;
	height: 20px;
	border-top: 1px ridge #000;
	background-color: #f4f4f4;
}
.loader {
	position: fixed;
	top: 50%;
	width: 80px;
	margin-top: -10px;
	left: 50%;
	margin-left: -40px;
	z-index: 9999;
	display: none;
}
.dot {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: #333;
  position: absolute;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-duration: 0.5s;
  -moz-animation-timing-function: ease;
  -moz-animation-iteration-count: infinite;
  -o-animation-duration: 0.5s;
  -o-animation-timing-function: ease;
  -o-animation-iteration-count: infinite;
  animation-duration: 0.5s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}

.dot1, .dot2 {
  left: 0;
}

.dot3 { left: 30px; }

.dot4 { left: 60px; }

@-webkit-keyframes reveal {
  from { 
  	-webkit-transform: scale(0.001); 
  	transform: scale(0.001); 
  }
  to { 
  	-webkit-transform: scale(1); 
  	transform: scale(1); 
  }
}

@-webkit-keyframes slide {
  to { 
	-webkit-transform: translateX(30px);
  	transform: translateX(30px); 
  }
}

@-moz-keyframes reveal {
  from { 
  	-moz-transform: scale(0.001); 
  	transform: scale(0.001); 
  }
  to {  
  	-moz-transform: scale(1); 
  	transform: scale(1); 
  }
}

@-moz-keyframes slide {
  to { 
  	-moz-transform: translateX(30px); 
  	transform: translateX(30px); 
  }
}

@keyframes reveal {
  from { 
  	-webkit-transform: scale(0.001); 
  	-moz-transform: scale(0.001); 
  	-o-transform: scale(0.001); 
  	transform: scale(0.001); 
  }
  to { 
  	-webkit-transform: scale(1); 
  	-moz-transform: scale(1); 
  	-o-transform: scale(1); 
  	transform: scale(1); 
  }
}

@keyframes slide {
  to {
  	-webkit-transform: translateX(30px);
  	-moz-transform: translateX(30px); 
  	-o-transform: translateX(30px); 
  	transform: translateX(30px); 
  }
}

.dot1 {
  -webkit-animation-name: reveal;
  -moz-animation-name: reveal;
  -o-animation-name: reveal;
  animation-name: reveal;
}

.dot2, .dot3 {
  -webkit-animation-name: slide;
  -moz-animation-name: slide;
  -o-animation-name: slide;
  animation-name: slide;
}

.dot4 {
  -webkit-animation-name: reveal;
  -webkit-animation-direction: reverse; 
  -moz-animation-name: reveal;
  -moz-animation-direction: reverse; 
  -o-animation-name: reveal;
  -o-animation-direction: reverse; 
  animation-name: reveal;
  animation-direction: reverse; 
}
a {
	text-decoration: none;
}
.hidden {
	display: none;
}
i {
	font-family: OpenSans-italic;
}
.two {
	/* position: fixed;
	bottom: 0px; */
	width: 100%;
	padding: 1px 0;
	color: #7e7e7e;
	z-index: 999999;
	background-color: #c5c5c5;
	box-shadow: 0px 3px 10px #000;
	text-transform: uppercase;
}
.footer2p {
	text-align: center;
	font-family: neutrafacebold !important;
	font-size: 1em;
	margin: 15px 0;
}
.footer2p a {
	color: #7e7e7e;
	text-transform: uppercase;
}
.footer2p a:hover {
	color: #bd8b00;
}
#html5-lightbox {
	z-index: 9999999 !important;
}
#html5-lightbox-box {
	overflow: visible !important;
}
#html5-elem-wrap {
	background: transparent !important;
}
#html5-elem-data-box {
	background: transparent !important;
	position: absolute !important;
	top: 0px !important;
	z-index: 5px;
}
#html5-elem-data-box img {
	position: relative !important;
	top: -28px;
	right: -41px;
	height: 35px !important;
	width: 35px !important;
}
@media all and (max-width: 767px) {

	.section-header .cover {
		/* height: 0px !important; */
	}


}

@media all and (max-width: 680px) {

	#wrapper {
		margin-top: 70px;
		width: 100%;
		height: 100%;
	}
	
	.section-header {
		font-size: 2.3em;
		margin-bottom: 30px;
		top: 65px;
	}


}

@media all and (max-width: 420px) {

	.section-header {
		font-size: 1.8em;
	}
	
	.section-header .cover {
		height: 10px;
	}

}



/*----------*/
.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;}.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s;}@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(-20px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	-o-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInRight {
	0% {
		opacity: 0;
		-o-transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	-moz-animation-name: fadeInRight;
	-o-animation-name: fadeInRight;
	animation-name: fadeInRight;
}

/*--- HEADER ---------------------------------------------------------------*/
#page-header {
	position: fixed;
	top: 0px;
	height: 95px;
	width: 100%;
	background-color: #222;
	z-index: 999999;
	box-shadow: -2px 0px 3px #333;
}
#page-header .wrapper {
	max-width: 1400px;
	height: 100%;
	margin: 0 auto;
	position: relative;
}
#logo {
	float: left;
	margin-left: 40px;
}
#logo a img {
	height: 70px !important;
	margin-top: 13px;
}
nav {
	position: absolute;
	right: 0px;
	margin-top: 42px;
	padding-right: 40px;
	text-transform: uppercase;
	font-family: graphiklight;
	font-size: 0.75em;
}
.mobile-nav-icon {
	position: absolute;
	top: 20px;
	right: 30px;
	width: 35px;
	display: block;
	cursor: pointer;
	display: none;
}
#main-nav-ul li {
	list-style: none;
	display: inline;
	position: relative;
}
#main-nav-ul li a {
	text-decoration: none;
	color: #fff;
	margin: 0 6px;
	padding: 4px 4px;
}
.current-nav-link {
	border: 2px solid #fff;
	pointer-events: none;
    cursor: default;
}
.films.current-nav-link {
	cursor: pointer !important;
	pointer-events: auto !important;
}

@media all and (min-width: 1236px) {

	#logo a img {
		height: 85px !important;
		margin-top: 6px;
	}

	#main-nav-ul li a {
		margin: 0 12px;
		font-size: 1.2em;
	}

}
@media all and (max-width: 1235px) {

	#main-nav-ul li a {
		margin: 0 12px;
		font-size: 1.1em;
	}

}

@media all and (max-width: 1100px) {

	#logo a img {
		height: 65px !important;
		margin-top: 15px;
	}

	#main-nav-ul li a {
		margin: 0 9px;
		font-size: 1em;
	}

}

@media all and (max-width: 1000px) {

	#logo a img {
		height: 60px !important;
		margin-top: 17px;
	}

	#main-nav-ul li a {
		margin: 0 8px;
		font-size: 0.95em;
	}

}

@media all and (max-width: 915px) {

	#main-nav-ul li a {
		margin: 0 5px;
		font-size: 0.85em;
	}
	#logo a img {
		height: 55px !important;
		margin-top: 19px;
	}

	#logo {
		margin-left: 30px;
	}

	nav {
		padding-right: 30px;
	}

}

@media all and (max-width: 810px) {

	#logo {
		margin-left: 15px;
	}
	nav {
		padding-right: 15px;
	}
	/*#main-nav-ul li a {
		margin: 0 2px;
		font-size: 0.9em;
	}
	#logo a img {
		height: 60px !important;
		margin-top: 19px;
	}*/

}

/*@media (max-width: 773px) {*/
	@media (max-width: 680px) {

	.two {
		display: none;
	}
	#page-header {
		height: 70px;
	}
	#page-header ul {
		margin-right: 10px;
		padding-top: 8px;
	}
	#logo a img {
		height: 60px !important;
		margin-top: 10px;
	}
	nav {
		position: absolute;
		top: 70px;
		left: 0px;
		width: 100%;
		margin: 0;
		font-size: 1.5em;
		padding: 0 0 2%;
		display: none;
		background-color: #222;
		z-index: -5;
	}
	#main-nav-ul li {
		display: block;
		margin-bottom: 10px;
		text-align: right;
	}
	#main-nav-ul li a {
		color: #fff;
		padding: 0 4px;
	}
	#nav-films {
		display: none;
	}
	.films-subnav {
		display: block;
		position: static;
		background-color: transparent;
	}
}
@media (max-width: 500px){

	#logo a img {
		height: 55px !important;
		margin-top: 10px;
	}

}