/**
Theme Name: Zoom Film & Television 2017
Theme URI: http://www.zoomfilmtv.com.au/
Author: Leon Ernst
Author URI: http://www.leonernst.com/
Description: Showreel Theme for Zoom Film & Television
Version: 1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: zoom
Tags:
*/

/*=======================================================================
############################     RESETS     ############################
==========================================================================*/

html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%;/* 2 */}
body { margin: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline;/* 2 */}
audio:not([controls]) { display: none; height: 0;}
[hidden], template { display: none;}
a { background-color: transparent;}
a:active, a:hover { outline: 0;}
abbr[title] { border-bottom: 1px dotted; }
b, strong {font-weight: bold;}
dfn {font-style: italic;}
h1 { font-size: 2em; margin: 0.67em 0;}
mark { background: #ff0; color: #000;}
small {font-size: 80%;}
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;}
svg:not(:root) {overflow: hidden;}
figure { margin: 1em 40px;}
hr { box-sizing: content-box; height: 0;}
pre {overflow: auto;}
code, kbd, pre, samp {font-family: monospace, monospace; font-size: 1em;}
button, input, optgroup, select, textarea, #filters a.contact { color: inherit;font: inherit; margin: 0;}
button {overflow: visible;}
button, select {text-transform: none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer;}
button[disabled], html input[disabled] {cursor: default;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}
input {line-height: normal;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box; padding: 0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield;box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
legend {border: 0;padding: 0;}
textarea {overflow: auto;}
optgroup {font-weight: bold;}
table {border-collapse: collapse;border-spacing: 0;}
td, th {padding: 0;}


/* Basic Setup
----------------------------------------------- */
html, body { margin: 0; padding: 0px; -webkit-backface-visibility: hidden; height: 100%; width: 100%; background: #1c1c1c;}
body { word-wrap: break-word;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;}
* { box-sizing: border-box;}
img { height: auto;vertical-align: middle;max-width: 100%;width: 100%;}
.no-padding { padding-left: 0; padding-right: 0;}
.text-center { text-align: center;}
.alignnone { margin: 5px 20px 20px 0;}
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto;}
.alignright { float: right; margin: 5px 0 20px 20px;}
.alignleft { float: left; margin: 5px 20px 20px 0;}
.aligncenter { display: block; margin: 5px auto 5px auto;}
a img.alignright { float: right; margin: 5px 0 5px 20px; width: auto;}
a img.alignnone { margin: 5px 20px 5px 0; width: auto;}
a img.alignleft { float: left; margin: 5px 20px 5px 0; width: auto;}
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; width: auto;}
.wp-caption { background: none; border: none; max-width: 96%; padding: 5px 5px 10px; text-align: center;}
.wp-caption.alignnone { margin: 5px 20px 20px 0;}
.wp-caption.alignleft { margin: 5px 20px 20px 0;}
.wp-caption.alignright { margin: 5px 0 20px 20px;}
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto;}
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 10px 4px 5px;}
.sticky { margin: 0; padding: 0;}
.gallery-caption { margin: 0; padding: 0;}
.bypostauthor { margin: 0; padding: 0;}
.screen-reader-text { display: block; margin: 5px 0;}
::-webkit-scrollbar { display: none;}



/*========================================================================== 
############################     GLOBAL     ############################
==========================================================================*/


/* Typography
----------------------------------------------- */

/* FONTS */

body {
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	letter-spacing: 0;
	color: #4facfe!important
}
.filter-group button {
	font-size: 0.8em;
	font-weight: 450;
	/* color: rgba(255, 255, 255, 0.25); */
	text-transform: uppercase;
}
.item-content p {
	padding: 2px 0px;
	font-size: 0.9em;
	display: block;
	line-height: 1;
	margin: 0;
}
.item-content {
	padding: 9%;
}

/* Content Depth Levels
----------------------------------------------- */
.mfp-description-video { 	z-index: -100;}
.mfp-figure:after {			z-index: -1;}
.form-control {				z-index: 1;}
.filter-group {				z-index: 2001;}
#main-nav {					z-index: 2005;}
.site-branding { 			z-index: 2009;}
.brandlogo { 				z-index: 2101;}
.main-menu-container { 		z-index: 2400;}
.menu-right { 				z-index: 2450;}
.mfp-bg { 					z-index: 2500;}
.mfp-wrap {					z-index: 2501;}
.mfp-preloader { 			z-index: 2502;}
.mfp-content { 				z-index: 2503;}
button.mfp-close, 
button.mfp-arrow { 			z-index: 2504;}
.se-pre-con { 				z-index: 9000;}
.footer { 					z-index: 9999;}
		

/* Additional Bits
   ========================================================================== */
 
::-webkit-scrollbar { display: none;}

#spinner {
	width: 100%;
	height: 100%;
	text-align: center;
	padding-top: 10%;
}
#spinner img {
	margin: 0 auto;
	width: 30px;
	height: 30px;
}
.entry-content {
	padding-top: 5%;
}
.mfp-iframe-scaler button.mfp-close {
	display: none;
}
#video-center {
	max-width: 1920px;
	max-height: 810px;
	display: block;
	margin: 0 auto;
}
#vimeovideo {
	width: 100%;
	height: 100%;
	display: block;
	margin-top: 0px;
	float: left;
	padding: 0 2%;
	text-align: center;
}
#vimeovideo iframe {
	width: 100%;
	max-width: 1920px;
	max-height: 810px;
	background: none;
}
#vimeovideo video {
	vertical-align: middle;
}
  
/* Background Blur */   
.blur {	-webkit-filter: blur(80px); -moz-filter: blur(80px); -o-filter: blur(80px); -ms-filter: blur(80px); filter: blur(80px); -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}

/* Logo */
span.brandlogo { display: inline-block; font-size: 5rem; color: rgba(255, 255, 255, 1); text-align: center; vertical-align: middle; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } 
span.brandlogo:hover { color: rgba(255, 255, 255, 1); text-shadow: 0px 0px 6px rgba(255, 255, 255, 0.5); text-align: center; vertical-align: middle; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; cursor: pointer; }
span.regionlogo { display: inline-block; height: 150px; vertical-align: middle; font-size: 3rem; color: rgba(255, 255, 255, 0.5);}
span.regionlogo:hover { color: rgba(255, 255, 255, 0.5);}






 @media (min-width: 768px) { .container { width: 750px;}}
 @media (min-width: 992px) { .container { width: 970px;}}
 @media (min-width: 1200px) { .container { width: 1170px;}}




/* ISOTOPE
----------------------------------------------- */

/* Isotope Column Widths */
@media only screen and (min-width: 320px) { .item {		width: 50% !important;}} /* One */
@media only screen and (min-width: 750px) { .item {		width: 25% !important;} .entry-thumb { width: 100%;} .item-content-container { margin-left: 0;}} /* Four */
@media only screen and (min-width: 970px) { .item { 	width: 16.66% !important;}} /* Five */
@media only screen and (min-width: 1170px) { .item {	width: 14.285714285714286% !important;}} /* seven */
@media only screen and (min-width: 1600px) { .item {	width: 12.5% !important;}} /* Eight */

/* Isotope Bits */
.sixteen-nine { position: relative;}
.sixteen-nine:before { display: block; content: ""; width: 100%; padding-top: 56.25%;}
.sixteen-nine > .entry-thumb { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.isotope { height: auto; margin: 0 auto; padding-bottom: 200px; overflow: hidden; width: 100%;}
.isotope::after:before, .isotope::after:after { content: " "; display: table;}
.isotope::after:after { clear: both;}

#masonry-fit-width .isotope { margin: 0 auto;}

/* .item */
.item { margin: 0; padding: 0; border: 0;}
.item::after:before, .item::after:after {  content: " "; display: table;}
.item::after:after { clear: both;}
.item .entry-thumb { overflow: hidden;}
.item .entry-thumb img { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; background: none;}

/* Isotope Thumbnails */			
.item-content-container { background: none !important; position: absolute; text-align: center; top: 0; right: 0; bottom: 0; left: 0;}
.item:hover .item-content { opacity: 1;}
.item:hover .item-content-container { background: none !important;}
.item-text { position: relative; top: 50%; transform: translateY(-50%);}
.item-content { opacity: 0; position: absolute; vertical-align: middle; line-height: 100%; text-align: center; width: 100%; height: 100%; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;	-o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}

/* Isotope Thumbnail Titles */					
.item-content .maintitle { text-transform: uppercase; display: inline-block; font-weight: 600; font-size: 0.9em; color: #fff; padding: 0;} 
.item-content .subtitle { text-transform: capitalize; display: block; color: rgba(255, 255, 255, 0.5); padding: 0; font-size: 0.9em;}

/* Blur Thumbs */
.item:hover .entry-thumb img {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=90);
	opacity: 0.9;
	-webkit-filter: blur(15px);
	-moz-filter: blur(15px);
	-o-filter: blur(15px);
	-ms-filter: blur(15px);
	filter: blur(15px);
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: scale(2); /* IE 9 */
	-webkit-transform: scale(2); /* Safari */
	transform: scale(2);
	-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;
}



/* MAGNIFIC POPUP
----------------------------------------------- */
.slide { padding: 40px 0px; background: none; margin: 0 auto; position: relative; max-width: 100%;}

.mfp-with-fade .mfp-content, .mfp-with-fade .mfp-arrow, .mfp-with-fade.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; transition: opacity 0.5s ease-out;}
.mfp-with-fade.mfp-ready .mfp-content, .mfp-with-fade.mfp-ready .mfp-arrow { opacity: 1;}
.mfp-with-fade.mfp-ready.mfp-bg { opacity: 0.6;}
.mfp-with-fade.mfp-ready .mfp-arrow { opacity: 0.6;}
.mfp-with-fade.mfp-removing .mfp-content, .mfp-with-fade.mfp-removing .mfp-arrow, .mfp-with-fade.mfp-removing.mfp-bg { opacity: 0;}
.mfp-description { color: #fff; text-align: left; line-height: 1.2; position: absolute; display: block; top: 100%; word-wrap: break-word;}
.mfp-description-video { position: absolute; width: 100%; height: 40px; top: 100%; padding: 0; background: none;}

.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; position: fixed; background: #111214; -webkit-animation: fadeinbg 1s ease-in-out; -moz-animation: fadeinbg 1s ease-in-out; -o-animation: fadeinbg 1s ease-in-out; animation: fadeinbg 1s ease-in-out;}
.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; position: fixed; outline: none !important; -webkit-backface-visibility: hidden;}

/* position video */
.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box;}
.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle;}
.mfp-align-top .mfp-container:before { display: none;}
.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; top: -40px; text-align: left; }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto;}
.mfp-ajax-cur { cursor: progress;}
.mfp-auto-cursor .mfp-content { cursor: auto;}
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.mfp-loading.mfp-figure { display: none;}
.mfp-hide { display: none !important;}
.mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; 	right: 8px;}
.mfp-preloader a { color: #cccccc;}
.mfp-preloader a:hover { color: white;}
.mfp-s-ready .mfp-preloader {display: none;}
.mfp-s-error .mfp-content {display: none;}

button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: none; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; box-shadow: none;}
button::-moz-focus-inner { padding: 0; border: 0;}
button.mfp-arrow { background: #666667; transition: all 0.55s ease-in-out;}
button.mfp-arrow:hover { background: #4d4d4d; transition: all 0.55s ease-in-out;}

.mfp-close { width: auto; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0px; text-decoration: none; text-align: center; text-transform: uppercase; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: white; font-style: normal; font-weight: 400; font-size: 1em;}
.mfp-close::after { content: ""; padding-left: 10px;}
.mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100);}
.mfp-close:active { top: 0px; }
.mfp-close-btn-in .mfp-close { color: #ffffff;}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: white; right: -6px; text-align: right; padding-right: 6px; width: 100%; } 
.mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px; } 
.mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent;}
.mfp-arrow:active { margin-top: -54px;}
.mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100);}
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent;}
.mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px;}
.mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7;}
.mfp-arrow-left { left: 0;}
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid white; margin-left: 31px;}
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: none;}
.mfp-arrow-right { right: 0;}
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid white; margin-left: 39px;}
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: none;}
.player .controls .play {display: none;}

/* Main image in popup */
img.mfp-img { width: auto; 	max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {line-height: 0;}
.mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; background: #444444;}
.mfp-figure small {color: #bdbdbd; display: block; font-size: 12px; line-height: 14px;}
.mfp-figure figure {margin: 0;}
.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto;}
.mfp-image-holder .mfp-content {max-width: 90%;}
.mfp-gallery .mfp-image-holder .mfp-figure {cursor: pointer;}


















/*======================================================================== 
############################     MOBILE!     ############################
==========================================================================*/ 
 
@media screen and (min-width:320px) {

html .mfp-bg.mfp-with-fade.mfp-ready { background: #000; opacity: 1 !important;}

#masthead {
	z-index: 100;
	position: relative;
	width: 100%;
	height: auto;
}

.entry-content {
	margin: 0 auto;
	padding: 40px !important;
	width: 100%;
	margin-top: 40px !important;
}

.content-area {
	height: 100%;
	position: relative;
	top: 20px;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.86s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}



/*  ---   LOGO   ---  */

.logo-desktop {
	float: left;
	width: 100%;
	height: 200px;
	padding: 0;
	border: none;
	text-align: center;
	vertical-align: middle;
	line-height: 150px;
	display: none;
}

.logo-mobile {
	width: 100%;
	height: auto;
	padding: 0;
	border: none;
	text-align: center;
	vertical-align: middle;
	line-height: 150px;
	display: block;
}

	
		
/*  ---   MENUS   ---  */

.main-menu-container {
	width: 100%;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	border: none;
	float: none;
	text-align: center;
	display: block;
}

.menu-title {
	padding: 10px 0;
	margin: 0 auto;
	display: block;
	font-size: 0.8em;
	text-transform: uppercase;
	width: 110px;
	float: none;
	line-height: 1em;
}

.director-menu { background: none; margin-top: 30px;}

#main-nav { height: 1em;}
#main-nav a { cursor: pointer;}

#main-nav ul {
	margin: 0;
	padding: 0; /* only needed if you have not done a CSS reset */
	text-transform: uppercase;
	display: inline-block;
}

#main-nav li {
	font-size: 0.8em;
	display: inline-block;
	float: none !important;
	line-height: 1em; /* this should be the same as your #main-nav height */
	margin: 0;
	padding: 0; /* only needed if you don't have a reset */
	position: relative; /* this is needed in order to position sub menus */
}

#main-nav li a {
	font-weight: 450;
	display: inline-block;
	border: 1px solid ;
	border-radius: 5px;
	padding: 10px 15px;
	margin: 0px 5px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

#main-nav li a:active, #main-nav .current-menu-item a, #main-nav .current_page_item a, #main-nav a:hover {
	color: #1c1c1c;
	background: #fff;
	border: 1px solid;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}


/*  ---   FILTERS   ---  */



#filters a.contact{
	color: inherit;
    background: none;
    border: none;
    outline: none;
    margin: 8px 2px;
    padding: 3px 8px;
    position: relative;
    text-align: center;
    border: 1px solid transparent;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;

    font-size: 0.8em !important;
    font-weight: 450;
    text-transform: uppercase;
    font: inherit;
    border: 1px solid #fff;
    border-radius: 5px;

}


#filters a.contact:hover{
	color: inherit;
    background: none;
    border: 1px solid #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 5px;
}
	
.filter-group {
	background: none;
	margin: 0;
	text-align: center;
	width: 100%;
	min-height: 10px;
	padding: 20px 0 0 0;
	font-weight: 450;

}

.filter-group button, #filters a.contact {
	line-height: normal;
	background: none;
	border: none;
	outline: none;
	margin: 5px;
	padding: 10px 15px;
	border-radius: 5px;
	border: 1px solid rgba(255, 255, 255, 0.3);
	position: relative;
	text-align: center;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.filter-group button:hover,  #filters a.contact:hover {
	background: #fff;
	color: #111214;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.filter-group button.active {
	background: #fff;
	color: #111214;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.filter-group button.active::after {
	content: "";
	position: absolute;
	bottom: 15px;
	left: 0;
	width: 90%;
}


/*  ---   SHOWREEL VIDEO - Title & Social   ---  */

#titlebar {
	display: none; /* Hide the titlebar then fadein with javascript */
	font-size: 1em;
	width: 100%;
	padding: 0px;
	margin: 0;
	height: 40px;
	padding-top: 0px;
}

#titles {
	max-width: 50%;
	float: left;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}


/*  ---   POPUP VIDEO TITLES   ---  */	
	
#titles .maintitle {
	text-transform: uppercase;
	display: inline-block;
	color: #fff;
	padding-left: 10px;
}

#titles .subtitle {
	text-transform: capitalize;
	display: inline-block;
	padding: 0px 10px;
	color: rgba(255, 255, 255, 0.5);
}

/*  ---   POPUP VIDEO SHARE LINKS   ---  */

#sharelinks {
	height: 40px;
	text-align: right;
	line-height: 40px;
	vertical-align: middle;
	width: 300px;
	float: right;
}

#sharelinks a {
	color: rgba(255,255,255,0.3);
	display: inline-block;
	padding: 0px 5px;
	text-align: center;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	cursor: pointer;
	line-height: normal;
	vertical-align: middle;
}

#sharelinks a:hover {
	color: rgba(255,255,255,1);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	cursor: pointer;
}

#sharelinks a.download { display: none;
	letter-spacing: 0;
	font-weight: 500;
	background: rgba(255,255,255,0.3);
	color: #18191d;
	border-radius: 5px;
	font-size: 0.8em;
	padding: 5px 10px;
	margin: 0 5px;
	margin-top: -2px;
	line-height: normal;
	vertical-align: middle;
	text-align: right;
	width: auto;
}

#sharelinks a.download:hover {
	width: auto;
	background: rgba(255, 255, 255, 1);
	color: #18191d;
}

#sharelinks a.download:before {
	color: #18191d;
	opacity: 0;
	margin-right: -20px;
	font-family: 'simple-line-icons';
	font-size: 0.8em;
	speak: none;
	font-style: normal;
	font-weight: 600;
	font-variant: normal;
	text-transform: none;
	padding-right: 8px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e604";
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

#sharelinks a.download:hover:before {
	color: #18191d;
	opacity: 1;
	margin-right: 0px;
	font-family: 'simple-line-icons';
	font-size: 0.8em;
	speak: none;
	font-style: normal;
	font-weight: 600;
	font-variant: normal;
	text-transform: none;
	padding-right: 8px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e604";
	-webkit-transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

#sharelinks a.close {
	cursor: pointer;
	font-size: 1.5em;
	padding-top: 3px;
	line-height: normal;
	vertical-align: middle;
}



/*  ---   FOOTER   ---  */
	
.footer {
	position: fixed !important;
	background: #1c1c1c;
	border-top: none;
	padding: 0px;
	bottom: 0;
	left: 0;
	width: 100%;
	min-height: 50px;
}

} /* END MOBILE */



























/*========================================================================
############################     DESKTOP!     ############################
=========================================================================*/
   
@media screen and (min-width:900px) { 
	 
	 
html .mfp-bg.mfp-with-fade.mfp-ready { opacity: 0.5 !important;}

#masthead {
	background: #1c1c1c;
	background: rgba(28, 28, 28, 0.96);
	z-index: 2000;
	position: fixed;
	width: 100%;
	padding: 10px 0px;
}

#page {
	top: 0;
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-animation: fadein 2s ease-in-out;
	animation: fadein 2s ease-in-out;
}

.content-area {
	height: 100%;
	position: relative;
	top: 50px;
	-webkit-transition: fadein 2s ease-in-out;
	-moz-transition: fadein 2s ease-in-out;
	-o-transition: fadein 2s ease-in-out;
	transition: fadein 2s ease-in-out;
}

.entry-content {
	margin: 0 auto;
	padding: 20px !important;
	width: 100%;
	max-width: 900px;
	margin-top: 0px !important;
}


/*-----   Logo   -----*/

.site-branding {
	margin: 0;
	padding: 0;
	width: 150px;
	height: 150px;
	margin: 0 auto;
	position: absolute;
	vertical-align: middle;
	text-align: center;
	line-height: 150px;
	text-decoration: none;
}
span.brandlogo {
	font-size: 5.5rem;
	padding: 0;
	color: rgba(255, 255, 255, 1);
	text-align: center;
	vertical-align: middle;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	line-height: 100%;
}
span.regionlogo {
	display: inline;
	height: 150px;
	vertical-align: middle;
	font-size: 1.2rem;
	color: rgba(255, 255, 255, 0.5);
}

span.regionlogo:hover { color: rgba(255, 213, 0, 1);}

.logo-desktop {
	background: none;
	float: none;
	padding: 0;
	margin-left: 40px;
	width: 100px;
	height: 120px;
	border: none;
	display: inline-block;
}

.logo-desktop-center {
	float: none;
	padding: 0;
	padding-top: 50px;
	width: 100%;
	min-height: 100px;
	border: none;
	margin: 0 auto;
	background: none;
	text-align: center;
	font-size: 2.5em;
}

.logo-mobile {
	float: left;
	width: 100%;
	height: 200px;
	padding: 0;
	border: none;
	text-align: center;
	vertical-align: middle;
	line-height: 150px;
	display: none;
}



/*-----   MENUS   -----*/


.main-menu-container {
	margin: 0 0 0 23px;
	padding: 0;
	width: auto;
	text-align: left;
	background: blue;
	float: left;
	display: inline-block;
	position: absolute;
	height: 3em;   
}

.menu-title {
	color: #777;
	padding: 7px 0;
	margin: 0;
	display: inline-block;
	font-size: 0.8em;
	text-transform: uppercase;
	width: 110px;
	float: left;
	line-height: 1em;
}

.director-menu { background: none; margin-top: 73px;}
.region-menu { background: none; margin-top: 43px;}
.home .region-menu { background: none; margin-top: 59px;}


/*-----   MENU/NAV LINKS   -----*/
	
#main-nav { display: inline-block;}
#main-nav a { cursor: pointer;}

#main-nav ul {
	margin: 0px auto;
	padding: 0; /* only needed if you have not done a CSS reset */
	text-transform: uppercase;
	display: inline-block;
}

#main-nav li {
	vertical-align: middle;
	font-size: 1rem;
	display: inline-block;
	float: left;
	line-height: auto; /* this should be the same as your #main-nav height */
	margin: 0;
	padding: 0; /* only needed if you don't have a reset */
	position: relative; /* this is needed in order to position sub menus */
}

#main-nav li a {
	color: #777;
	font-weight: 400;
	display: inline-block;
	margin-right: 0px;
	padding: 4px 8px 3px 8px;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
	border: 1px solid transparent;
	border-radius: 5px;
}

#main-nav a:hover {
	background: none;
	color: #777;
	border: 1px solid #777;
}

#main-nav li a:active, #main-nav .current-menu-item a, #main-nav .current_page_item a {
	color: #fff;
	border: 1px solid #fff;
	background: none;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}


/* ------ FILTERS -------- */
	
.filter-group {
	margin: 35px 0 0;
	text-align: center;
	width: 100%;
	padding: 0px;
	font-weight: 450;
	position: relative;
	border-top: 0px solid rgba(255,255,255,0.1);
}
#filters a.contact {
	border-radius: 5px !important;
    border: 1px solid #fff !important;
    color: #777 !important;
}

.filter-group button, #filters a.contact {
	color: #777;
	background: none;
	border: none;
	outline: none;
	margin: 8px 2px;
	padding: 3px 8px;
	position: relative;
	text-align: center;
	border: 1px solid transparent;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.filter-group button:hover, #filters a.contact:hover {
	color: #777;
	background: none;
	border: 1px solid #777;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.filter-group button.active {
	color: #4facfe!important;
	background: none;
	border: 1px solid rgba(255, 255, 255, 1);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.filter-group button.active:hover {}

.filter-group button.active::after {
	content: "";
	position: absolute;
	bottom: 15px;
	left: 0;
	width: 90%;
}


/*===========================   Showreel Video Title & Social   ===========================*/


#titlebar {
	display: none; /* Hide the titlebar then fadein with javascript */
	font-size: 1em;
	width: 100%;
	padding: 0px;
	margin: 0;
	height: 40px;
	padding-top: 0px;
}
#titles {
	max-width: 50%;
	float: left;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

/*-----   Popup Video Titles   -----*/	
		
#titles .maintitle {
	text-transform: uppercase;
	display: inline-block;
	color: #fff;
	padding-left: 10px;
}
#titles .subtitle {
	text-transform: capitalize;
	display: inline-block;
	padding: 0px 10px;
	color: rgba(255, 255, 255, 0.5);
}

/*-----   Popup Video Share Links   -----*/	

#sharelinks {
	height: 40px;
	text-align: right;
	line-height: 40px;
	vertical-align: middle;
	width: 300px;
	float: right;
}
#sharelinks a {
	color: rgba(255,255,255,0.3);
	display: inline-block;
	padding: 0px 5px;
	text-align: center;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	cursor: pointer;
	line-height: normal;
	vertical-align: middle;
}
#sharelinks a:hover {
	color: rgba(255,255,255,1);
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	cursor: pointer;
}
#sharelinks a.download {
	display: inline-block;
	letter-spacing: 0;
	font-weight: 500;
	background: rgba(255, 255, 255, 0.2);
	color: rgba(255, 255, 255, 0.60);
	border-radius: 5px;
	font-size: 0.8em;
	padding: 5px 10px;
	margin: 0 5px;
	margin-top: -2px;
	line-height: normal;
	vertical-align: middle;
	text-align: right;
	width: auto;
}
#sharelinks a.download:hover {
	width: auto;
	background: rgba(255, 255, 255, 0.2);
	color: rgba(255, 255, 255, 0.80);
}
#sharelinks a.download:before {
	color: rgba(255, 255, 255, 0.80);
	opacity: 0;
	margin-right: -20px;
	font-family: 'FontAwesome';
	font-size: 0.8em;
	speak: none;
	font-style: normal;
	font-weight: 600;
	font-variant: normal;
	text-transform: none;
	padding-right: 8px;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f078";
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}
#sharelinks a.download:hover:before {
	color: rgba(255, 255, 255, 0.80);
	opacity: 1;
	margin-right: 0px;
	font-family: 'FontAwesome';
	font-size: 0.8em;
	speak: none;
	font-style: normal;
	font-weight: 600;
	font-variant: normal;
	text-transform: none;
	padding-right: 8px;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f078";
	-webkit-transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
#sharelinks a.close {
	cursor: pointer;
	font-size: 1.5em;
	padding-top: 3px;
	line-height: normal;
	vertical-align: middle;
}


/*===========================   FOOTER   ===========================*/
	
.footer {
	position: fixed !important;
	background: #18191d; /* #18191d */
	border: 0;
	padding: 0px;
	bottom: 0;
	left: 0;
	width: 100%;
	min-height: 50px;
}


}/* End DESKTOP */

























/*===========================   MAGNIFIC POPUP   ===========================*/


@media screen and (max-width: 320px) {

.mfp-bg {
	-webkit-animation: fadeinbg 1s ease-in-out;
	-moz-animation: fadeinbg 1s ease-in-out;
	-o-animation: fadeinbg 1s ease-in-out;
	animation: fadeinbg 1s ease-in-out;
}

.main-menu-container {
	width: 100%;
	margin: 0;
	padding: 0px;
	border: none;
	float: left;
	text-align: center;
}

#main-nav li a {
	font-weight: 500;
	display: inline-block;
	border: 1px solid rgba(255, 255, 255, 0.5);
	border-radius: 5px;
	padding: 10px 10px;
	margin: 0px 5px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.main-menu-container.region-menu {
	padding: 6px 0 30px;
	margin: 0;
	display: block !important;
	font-size: 0.8em;
	text-transform: uppercase;
	min-width: 95px;
	float: none !important;
	line-height: 1em;
}

.menu-right {
	float: right;
	width: 100%;
	height: auto;
	border: none;
	margin: 0;
	padding: 10px;
	text-align: center;
}

.region_aus #menu-item-1648 {
	float: right;
}

.region_active, html .current_page a {
	font-size: inherit !important;
	font-weight: normal !important;
	color: #000 !important;
	background: #fff !important;
	padding: 10px !important;
	margin: none;
	border-radius: 5px;
	border: 1px solid rgba(255,255,255,0.5) !important;
}

li#menu-item-1681, li#menu-item-1682 {
	padding: 6px 0;
	margin: 0;
	display: block;
	font-size: 0.8em;
	text-transform: uppercase;
	min-width: 95px;
	float: none !important;
	line-height: 1em;
	padding-bottom: 10px;
}
}

@keyframes fadein { from { opacity: 0; filter: alpha(opacity=0); /* For IE8 and earlier */} to { opacity: 0.9; filter: alpha(opacity=90); /* For IE8 and earlier */ }}
/* Firefox < 16 */
@-moz-keyframes fadein {from { opacity: 0; filter: alpha(opacity=0); /* For IE8 and earlier */ } to { opacity: 0.9; filter: alpha(opacity=90); /* For IE8 and earlier */ }}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein { from { opacity: 0; filter: alpha(opacity=0); /* For IE8 and earlier */ } to { opacity: 0.9; filter: alpha(opacity=90); /* For IE8 and earlier */ }}
/* Internet Explorer */
@-ms-keyframes fadein { from { opacity: 0; filter: alpha(opacity=0); /* For IE8 and earlier */ } to { opacity: 0.9; filter: alpha(opacity=90); /* For IE8 and earlier */ }}
/* Opera < 12.1 */
@-o-keyframes fadein { from { opacity: 0; filter: alpha(opacity=0); /* For IE8 and earlier */ } to { opacity: 0.9; filter: alpha(opacity=90); /* For IE8 and earlier */ }}



.mfp-wrap {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	outline: none !important;
	-webkit-backface-visibility: hidden;
}


/* position video */
.mfp-container {
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0 8px;
	box-sizing: border-box;
}
.mfp-container:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
	display: none;
}
.mfp-content {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	top: -40px;
	text-align: left;
}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
	width: 100%;
	cursor: auto;
}
.mfp-ajax-cur {
	cursor: progress;
}
.mfp-auto-cursor .mfp-content {
	cursor: auto;
}
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.mfp-loading.mfp-figure {
	display: none;
}
.mfp-hide {
	display: none !important;
}
.mfp-preloader {
	color: #cccccc;
	position: absolute;
	top: 50%;
	width: auto;
	text-align: center;
	margin-top: -0.8em;
	left: 8px;
	right: 8px;
}
.mfp-preloader a {
	color: #cccccc;
}
.mfp-preloader a:hover {
	color: white;
}
.mfp-s-ready .mfp-preloader {
	display: none;
}
.mfp-s-error .mfp-content {
	display: none;
}
button.mfp-close, button.mfp-arrow {
	overflow: visible;
	cursor: pointer;
	background: none;
	border: 0;
	-webkit-appearance: none;
	display: block;
	outline: none;
	padding: 0;
	box-shadow: none;
}
 button::-moz-focus-inner {
 padding: 0;
 border: 0;
}
button.mfp-arrow {
	background: #666667;
	transition: all 0.55s ease-in-out;
}
button.mfp-arrow:hover {
	background: #4d4d4d;
	transition: all 0.55s ease-in-out;
}
.mfp-close {
	width: auto;
	height: 44px;
	line-height: 44px;
	position: absolute;
	right: 0;
	top: 0px;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	opacity: 0.65;
	filter: alpha(opacity=65);
	padding: 0 0 18px 10px;
	color: white;
	font-style: normal;
	font-weight: 400;
	font-size: 1em;
}
.mfp-close::after {
	content: "";
	padding-left: 10px;
}
.mfp-close:hover, .mfp-close:focus {
	opacity: 1;
	filter: alpha(opacity=100);
}
.mfp-close:active {
	top: 0px;
}
.mfp-close-btn-in .mfp-close {
	color: #ffffff;
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
	color: white;
	right: -6px;
	text-align: right;
	padding-right: 6px;
	width: 100%;
}
.mfp-counter {
	position: absolute;
	top: 0;
	right: 0;
	color: #cccccc;
	font-size: 12px;
	line-height: 18px;
}
.mfp-arrow {
	position: absolute;
	opacity: 0.65;
	filter: alpha(opacity=65);
	margin: 0;
	top: 50%;
	margin-top: -55px;
	padding: 0;
	width: 90px;
	height: 110px;
	-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
	margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
	opacity: 1;
	filter: alpha(opacity=100);
}
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 35px;
	margin-left: 35px;
	border: medium inset transparent;
}
.mfp-arrow:after, .mfp-arrow .mfp-a {
	border-top-width: 13px;
	border-bottom-width: 13px;
	top: 8px;
}
.mfp-arrow:before, .mfp-arrow .mfp-b {
	border-top-width: 21px;
	border-bottom-width: 21px;
	opacity: 0.7;
}
.mfp-arrow-left {
	left: 0;
}
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
	border-right: 17px solid white;
	margin-left: 31px;
}
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
	margin-left: 25px;
	border-right: none;
}
.mfp-arrow-right {
	right: 0;
}
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
	border-left: 17px solid white;
	margin-left: 39px;
}
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
	border-left: none;
}
.player .controls .play {
	display: none;
}
/* Main image in popup */
img.mfp-img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	line-height: 0;
	box-sizing: border-box;
	padding: 40px 0 40px;
	margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure {
	line-height: 0;
}
.mfp-figure:after {
	content: '';
	position: absolute;
	left: 0;
	top: 40px;
	bottom: 40px;
	display: block;
	right: 0;
	width: auto;
	height: auto;
	z-index: -1;
	background: #444444;
}
.mfp-figure small {
	color: #bdbdbd;
	display: block;
	font-size: 12px;
	line-height: 14px;
}
.mfp-figure figure {
	margin: 0;
}
.mfp-bottom-bar {
	margin-top: -36px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	cursor: auto;
}
.mfp-image-holder .mfp-content {
	max-width: 90%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
	cursor: pointer;
}
		
/* Remove all paddings around the image on small screen */	
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
.mfp-img-mobile .mfp-image-holder {
	padding-left: 0;
	padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
	padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
	top: 0;
	bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
	display: inline;
	margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
	background: rgba(0, 0, 0, 0.6);
	bottom: 0;
	margin: 0;
	top: auto;
	padding: 3px 5px;
	position: fixed;
	box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
	padding: 0;
}
.mfp-img-mobile .mfp-counter {
	right: 5px;
	top: 3px;
}
.mfp-img-mobile .mfp-close {
	top: 0;
	right: 0;
	width: 35px;
	height: 35px;
	line-height: 35px;
	background: rgba(0, 0, 0, 0.6);
	position: fixed;
	text-align: center;
	padding: 0;
}
}
 @media all and (max-width: 900px) {
.mfp-arrow {
	-webkit-transform: scale(0.75);
	-ms-transform: scale(0.75);
	transform: scale(0.75);
}
.mfp-arrow-left {
	-webkit-transform-origin: 0;
	-ms-transform-origin: 0;
	transform-origin: 0;
}
.mfp-arrow-right {
	-webkit-transform-origin: 100%;
	-ms-transform-origin: 100%;
	transform-origin: 100%;
}
.mfp-container {
	padding-left: 6px;
	padding-right: 6px;
}
}
.mfp-ie7 .mfp-img {
	padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
	width: 600px;
	left: 50%;
	margin-left: -300px;
	margin-top: 5px;
	padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
	padding: 0;
}
.mfp-ie7 .mfp-content {
	padding-top: 44px;
}
.mfp-ie7 .mfp-close {
	top: 0;
	right: 0;
	padding-top: 0;
}






/* SHIT TO SORT! ----------------------------------------------- */




/* Primary
----------------------------------------------- */
.site::after:before, .site::after:after {
 content: " ";
 display: table;
}
.site::after:after {
 clear: both;
}
 .content-area::after:before, .content-area::after:after {
 content: " ";
 display: table;
}
.content-area::after:after {
 clear: both;
}
.post-edit-link {
	color: #b3b3b3;
}
.entry-header {
	padding: 20px 30px;
}
.entry-title, .page-title {
	color: #e1e1e1;
	line-height: 1.5;
	text-align: center;
	text-transform: uppercase;
	font-size: 1.5em;
}
.entry-title a, .page-title a {
	text-decoration: none;
}

.featured-image {
	margin: 50px 0 30px;
}
.entry-footer, .page-footer {
	color: white;
	line-height: 1.5;
	margin: 0 auto;
	padding: 20px 30px;
	text-align: center;
	width: 100%;
}
.btn-email {
	background: none;
	border: 1px solid #3c3c3f;
	color: #3c3c3f;
	display: block;
	margin: 20px auto 0;
	outline: none;
	padding: 2px;
	text-transform: uppercase;
	transition: all 0.35s ease-in-out;
	width: 130px;
	font-size: 1.2em;
}
 @keyframes fadein {
 from {
opacity: 0;
filter: alpha(opacity=0); /* For IE8 and earlier */
}
to {
	opacity: 1;
	filter: alpha(opacity=100); /* For IE8 and earlier */
}
}

/* Firefox < 16 */
@-moz-keyframes fadein {
 from {
opacity: 0;
filter: alpha(opacity=0); /* For IE8 and earlier */
}
to {
	opacity: 1;
	filter: alpha(opacity=100); /* For IE8 and earlier */
}
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
 from {
opacity: 0;
filter: alpha(opacity=0); /* For IE8 and earlier */
}
to {
	opacity: 1;
	filter: alpha(opacity=100); /* For IE8 and earlier */
}
}

/* Internet Explorer */
@-ms-keyframes fadein {
 from {
opacity: 0;
filter: alpha(opacity=0); /* For IE8 and earlier */
}
to {
	opacity: 1;
	filter: alpha(opacity=100); /* For IE8 and earlier */
}
}

/* Opera < 12.1 */
@-o-keyframes fadein {
 from {
opacity: 0;
filter: alpha(opacity=0); /* For IE8 and earlier */
}
to {
	opacity: 1;
	filter: alpha(opacity=100); /* For IE8 and earlier */
}
}
.close img {
	opacity: 0.2;
	filter: alpha(opacity=20); /* For IE8 and earlier */
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.close img:hover {
	opacity: 1;
	filter: alpha(opacity=100); /* For IE8 and earlier */
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.dashicons {
	color: white;
	margin-bottom: 5px;
}
/* Pagination */
.pagination {
	color: #c5c5c6;
	display: none;
	padding: 50px 0 20px;
	text-align: center;
}
.pagination a {
	color: #c5c5c6;
	text-decoration: none;
	font-size: 0.7em;
}
.pagination a.prev {
	float: left;
	padding-bottom: 10px;
	padding-left: 20px;
}
.pagination a.next {
	float: right;
	padding-bottom: 10px;
	padding-right: 20px;
}
.current, .page-numbers {
	padding-bottom: 10px;
	padding-right: 30px;
}
.current {
	color: white;
	font-size: 0.8em;
}
/* infinite scroll loader */
#infscr-loading {
	background: url(../zoom-2015/assets/images/puff.svg) no-repeat;
	background-size: 100%;
	border: none;
	height: 60px;
	margin-left: -30px;
	outline: none;
	position: absolute;
	bottom: 50px;
	left: 50%;
	width: 60px;
}
.not-found {
	padding: 50px 0;
	text-align: center;
}
.attachment-meta {
	color: #e1e1e1;
	font-weight: 400;
}
.site-main {
	padding: 0px 0 0 0;
}
.entry-meta {
	color: white;
	text-align: center;
}
.button {
	border: 2px solid #e1e1e1;
	color: #e1e1e1;
	display: block;
	font-weight: 400;
	margin: 40px auto 20px;
	padding: 0;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 120px;
	font-size: 0.75em;
}
.load-page-content .button {
	border: 2px solid #3c3c3f;
	color: #3c3c3f;
}
.producer-details {
	text-align: center;
}




/* VIDEO ASPECT MOBILE */
@media (min-width: 320px) {
.mfp-iframe-holder {
	padding-top: 40px;
	padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
	line-height: 0;
	width: 100%;
	height: 100%;
}
.mfp-iframe-holder .mfp-close {
	top: -40px;
}
.mfp-iframe-scaler {
	width: 100%;
	height: 100%;
	overflow: hidden;/* padding-top: 41.56%;*/
}
.mfp-iframe-scaler iframe {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	box-shadow: none;
	background: none;
}
/* END VIDEO ASPECT  */
	
}





 @media (min-width: 900px) {
/* VIDEO ASPECT DESKTOP */

.mfp-iframe-holder {
	padding-top: 40px;
	padding-bottom: 40px;
	
	margin-top: -150px;
}
.mfp-iframe-holder .mfp-content {
	line-height: 0;
	width: 100%;
	max-width: 900px;
	height: 0;
}
.mfp-iframe-holder .mfp-close {
	top: -40px;
}
.mfp-iframe-scaler {
	position: absolute;
	width: 100%;
	overflow: hidden;/* padding-top: 41.56%;*/
}
.mfp-iframe-scaler iframe {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	box-shadow: none;
	background: none;
}
/* END VIDEO ASPECT  */
}
html .current_page a {
	color: #fff !important;
	background: transparent!important;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

ul#menu-aus-menu li:before {
	border-right: 1px solid rgba(255, 255, 255, 0.5);
	content: '';
	/* position: absolute; */
	top: 0;
	right: -16px;
}
ul#menu-aus-menu li {
	position: relative;
}
li.dir_Class:before {
	display: none;
}


li#menu-item-1681, li#menu-item-1682 {
	padding: 6px 0;
	margin: 0;
	display: inline-block;
	font-size: 0.8em;
	text-transform: uppercase;
	min-width: 95px;
	float: left;
	line-height: 1em;
}
.menu_large {
	font-size: 3em !important
}
.region_aus #menu-item-1648 {
	float: right;
}
.custom_menu2 {
	padding: 0px;
	margin-top: 70px;
}
.single-directors li#menu-item-1643, .page-id-1623 li#menu-item-1643, .page-id-1569 li#menu-item-1643 {
	display: none;
}



@media (max-width: 520px){
	.mfp-iframe-scaler button.mfp-close {
		display: block;
		top: 0px;
		font-size: 24px;
	}

}
@media (min-width: 521px) and (max-width: 860px) {
.mfp-iframe-scaler button.mfp-close {
    display: block;
    top: 10px;
    right: 80px;
    font-size: 24px;
}
.mfp-iframe-scaler iframe {
	top: 50px;
}
}
/*.mfp-iframe-scaler iframe {
	height:250px !important;
	top: 150px;
}
.mfp-iframe-holder{
	padding: 5px 0;
}
.mfp-iframe-scaler {
	padding-top: 0;
	height: 250px;
}
*/