/*   
Theme Name: The HTML5 Reset Theme
Theme URI: http://html5reset.org
Description: A style-free theme to get you started on an HTML5-based Wordpress theme of your own.
Author: Monkey Do! - used as blank template and modified by EEDSGN (http://www.eedsgn.com)
Author URI: http://monkeydo.biz
Version: 1
*/

/*
	HTML5 Reset Wordpress Theme :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer					:: http://ericmeyer.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
	Special thanks: The Wordpress theme owes its start to an empty theme authored 
		by Chris Coyier & Jeff Starr: http://digwp.com
	
-------------------------------------------------------------------------------*/

/* GENERAL RESET
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites, like, say for Google Maps custom placemarkers. 
   There has been a report of problems with standard Google maps as well, but we haven't been able to duplicate or diagnose the issue. */
img,
object,
embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

/* FF dotted border issue */
a:hover, a:active {outline: none;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font-size: 12px;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active, a, a:visited {outline: none;}

small {font-size: 0.75em;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  

/* MOBILE DEVICE INPUT RESET
-------------------------------------------------------------------*/

input[type=search] {
   -moz-appearance:none;
   -webkit-appearance:none;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

input[type=text], input[type=submit], textarea{
-moz-appearance:none;
-webkit-appearance:none;
-webkit-border-radius:0; 
border-radius:0;
}

@font-face {
	font-family: 'adam.cg_proregular';
	src: url('./fonts/adam.cg_pro-webfont.eot');
	src: url('./fonts/adam.cg_pro-webfont.eot?#iefix') format('embedded-opentype'),
		 url('./fonts/adam.cg_pro-webfont.woff2') format('woff2'),
		 url('./fonts/adam.cg_pro-webfont.woff') format('woff'),
		 url('./fonts/adam.cg_pro-webfont.ttf') format('truetype'),
		 url('./fonts/adam.cg_pro-webfont.svg#adam.cg_proregular') format('svg');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'futura_md_btmedium';
	src: url('./fonts/tt0142m_-webfont.eot');
	src: url('./fonts/tt0142m_-webfont.eot?#iefix') format('embedded-opentype'),
		 url('./fonts/tt0142m_-webfont.woff') format('woff'),
		 url('./fonts/tt0142m_-webfont.ttf') format('truetype'),
		 url('./fonts/tt0142m_-webfont.svg#futura_md_btmedium') format('svg');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'futura_mdcn_btitalic';
	src: url('./fonts/futramci-webfont.eot');
	src: url('./fonts/futramci-webfont.eot?#iefix') format('embedded-opentype'),
		 url('./fonts/futramci-webfont.woff') format('woff'),
		 url('./fonts/futramci-webfont.ttf') format('truetype'),
		 url('./fonts/futramci-webfont.svg#futura_mdcn_btitalic') format('svg');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'droid_sansbold';
	src: url('./fonts/DroidSans-Bold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}

@font-face {
	font-family: 'droid_sansregular';
	src: url('./fonts/DroidSans-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}

/* !. GENERAL AND TYPOGRAPHY
-------------------------------------------------------------------------------*/

body {
		font-family: 'droid_sansregular';
		font-size: 14px;
		line-height: 1.2; /*important fix to have similar layout in both FF and Chrome) */
		-webkit-text-size-adjust: none;
		background-color: black;
}

h1, h2, h3, h4, h5 {
	text-transform: uppercase;
}

body, html {height: 100%;}

/* we like off-black for text */
body, select, input, textarea {color: black;}

a {
	color: white;
	-o-transition: color 0.4s ease-in-out 0s;
	-webkit-transition: color 0.4s ease-in-out 0s;
	-moz-transition: color 0.4s ease-in-out 0s;
	transition: color 0.4s ease-in-out 0s;
	text-decoration:none;
}
a:hover {color: #ccc;}

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #888888; color: #fff; text-shadow: none;}
::selection {background: #888888; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: transparent;} 

ins {background-color: #888888; color: #fff; text-decoration: none;}
mark {background-color: #888888; color: #fff; font-style: italic; font-weight: bold;}




.onebox, .twobox, .threebox, .fourbox {
	float: left;
}

.onebox, .twobox, .threebox, .fourbox {
	float: left;
}

.onebox {width: 100%}
.twobox {width: 50%}
.threebox {width: 33.33%}
.fourbox {width: 25%}

/*
#big-video-wrap video {
width: 100% !important;
height: 100% !important;
}
*/

/* 2.HEADER
-------------------------------------------------------------------------------*/

#page-wrap {
	width: 100%;
	height: 100%;
	position: relative;
	color: black;
}

#bg-video {
	object-fit: cover;
	  width: 100vw;
	  height: 100vh;
	  position: fixed;
	  top: 0;
	  left: 0;
}

#logo {
	background-color: transparent;
    left: 50%;
    margin: -200px 0 0 -150px;
    position: absolute;
    top: 50%;
    width: 300px;
    z-index: 30;
}

#logo a {
	display: block;
}

#logo a {
	transition: opacity 2s ease-in-out;
  	opacity: 0.1;
}

#logo.topshow {
    background-color: transparent;
    left: 50%;
    margin: 0 0 0 -50px;
    position: fixed;
    top: 5px;
    width: 100px;
    z-index: 70;
}

/* NAV
-------------------------------------------------------------------------------*/ 

#main_nav {
	position: fixed;
	top: 20px;
	right: -200px;
	width: auto;
	z-index: 60;
}

#main_nav ul li a{
	float: right;
	clear: both;
	color: #aaa;
	display: block; 
	text-align: left;
	padding: 6px 10px;
	background-color: black;
	background-color: rgba(0,0,0,0.5);
	transition: width 0.5s ease;
	width: 120px;
	font-size: 20px;
	text-transform: uppercase;
}

#main_nav ul li a:hover{
	color: white;
	width: 140px;
}

/*
#main_nav ul li a.selected{
	color: white;
	width: 130px;
	background-color: rgba(0,0,0,0.6);
	}
	
*/
#main_nav ul li a.nav-active{
	color: white;
	width: 130px;
	background-color: black;
	background-color: rgba(0,0,0,0.6);
	}
	
#main_nav_mob {
	display: none;
	cursor: pointer;
	position: fixed;
	top: 0;
	right: 0;
	width: 20%;
	z-index: 50;
	background-color: white;
}	

/*new nav */
#main_nav {
    /* display: none; */
	top: 0;
	right: -479px;	
	width: 100%;
}
#main_nav_mob {
	display: none;
}
#main_nav ul li {
	float: left;
	width: 25%;
}

#main_nav ul li a,
#main_nav ul li a.nav-active, 
#main_nav ul li a:hover{
	width: 80%;
	text-align: center;
	font-size: 14px;
	padding: 20px 10%;
	/* float:none; */
}

/* CONTENT 
-------------------------------------------------------------------------------*/ 

#content {
	/* margin-top: 800px; */
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
}

.padder {
	padding: 80px 20px 190px;
	width: 60%;
	margin: 0 auto;
	max-width: 850px;
}


#content h2{
    color: #bbb;
    font-size: 40px;
    margin: 0 auto 30px;
    padding: 40px 10px 10px;
    text-align: center;
    width: 250px;
}

#content hr {
	color: #bbb;
	width: 100px;
	margin: 0 auto 50px;
	border-top: 1px solid #bbb
}

#content p{
	color: #aaa;
	margin-bottom: 10px;
	text-align: justify;
	/* font-family: 'futura_md_btmedium'; */
	font-size: 18px;
	line-height: 26px;
}

#content a{
	color: #999;
}

#content a:hover{
	color: #777;
}


#about, #work, #contact {
	min-height: 450px;
	height: auto !important;
	height: 450px;
}

/* CONTENT HOME
-------------------------------------------------------------------------------*/ 
#home {
	width: 100%;
	padding: 0;
}


/* CONTENT ABOUT
-------------------------------------------------------------------------------*/ 

#about {
	background-color: white;
	background-color: rgba(255,255,255,0.9);
}

#about .padder {
	width: 500px;
}

#about h2{
	
}

#about_text {
	/* display: none; */
}

#about .quotetext {
	margin-bottom: 20px;
	font-style: italic;
}

#about .endtext {
	margin-top: 20px;
	color: #555;
}

/* CONTENT NEWSLETTER
-------------------------------------------------------------------------------*/ 
/* MailChimp Form Embed Code - Classic - 12/17/2015 v10.7 */
#mc_embed_signup form {display:block; position:relative; text-align:left; }
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border: 1px solid #ABB0B2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; transition: all 0.23s ease-in-out 0s; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: normal; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: fit-content; width: -moz-fit-content;}
#mc_embed_signup .button:hover {background-color:#777;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}

#mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px; display:grid;}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label { margin-bottom:3px;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}
#mc_embed_signup .mc-address-fields-group {display:flex; flex-direction:row; justify-content:space-evenly; width:96%; gap:15px;}
#mc_embed_signup .mc-sms-phone-group {display:flex; flex-direction:row; justify-content:space-evenly; width:96%; gap:15px; padding-top:5px;}

#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}

#mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#mc_embed_signup .asterisk {color:#e85c41; font-size:150%; font-weight:normal; position:relative; top:5px;}     
#mc_embed_signup .clear {clear:both;}
#mc_embed_signup .foot {display:grid; grid-template-columns: 3fr 1fr; width:96%; align-items: center;}
@media screen and (max-width:400px) {#mc_embed_signup .foot {display:grid; grid-template-columns: 1fr; width:100%; align-items: center;}}

@media screen and (max-width:400px) {#mc_embed_signup .referralBadge {width:50%;}}

#mc_embed_signup .brandingLogo {justify-self:right;}
@media screen and (max-width:400px) {#mc_embed_signup .brandingLogo {justify-self:left;}}

#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%; margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}
#mc_embed_signup .helper_text {color: #8d8985; margin-top: 2px; display: inline-block; padding: 3px; background-color: rgba(255,255,255,0.85); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 14px; font-weight: normal; z-index: 1;}

#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {display:inline-block; margin:2px 0 1em 0; padding:3px; background-color:rgba(255,255,255,0.85); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size:14px; font-weight:normal; z-index:1; color:#e85c41;}
#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {border:2px solid #e85c41;}


#newsletter {
	background-image: url('/img/newsletter-back.webp');
	background-repeat: no-repeat;
	background-size: cover;
	padding: 110px 5%;
	width: 90%;
	min-height: 200px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.newsletter-wrapper {
	padding: 20px;
}

#mc_embed_shell {
	width: 50%;
	max-width: 600px;
	margin: 0 auto;
}

.newsletter-img {
	width: 50%;
	max-width: 800px;
	margin: 0 auto;
}

.newsletter-img img {	
}

#mc_embed_signup .button	{
	  border-radius: 5px;
	  box-shadow: none;
	  background-color: #F9D521;
	  color: white;
	  font-size: 12px;
}

#newsletter .newsletter-title {
	text-transform: uppercase;
	font-weight: normal;
	color: black;
	width: auto;
	margin: 0 0 10px 0;
	padding: 0;
	text-align: left;
	font-size: 54px;
}
#newsletter .newsletter-title span {
	font-family: 'droid_sansbold';
}

#newsletter .newsletter-sub {
	color: #F9D521;
	margin-bottom: 60px;
	text-shadow: 1px 1px 1px white;
	font-size: 24px;
}

#newsletter .form-label {
	display: none;
}

#mc_embed_signup_scroll {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.mc-fields {
	width: 80%;
}

.mc-button-wrap {
	width: 20%;
	display: flex;
	flex-direction: row;
}

.mc-button {
	align-self: flex-end;
	padding-bottom: 3%;
}

#mc_embed_signup .button {
	height: 50px;
}

/* CONTENT WORK
-------------------------------------------------------------------------------*/ 

#work{
	background-color: black;
	background-color: rgba(0,0,0,0.7);
}

#work .padder {
	padding: 80px 0 190px;
	max-width: none;
	width: auto;
}

#work h2{
	color: #777;
}

#work hr {
	color: #777;
	border-top: 1px solid #777;
}


.work_video {
	position: relative;
}

.work_video .border {
	margin: 0px;
	background-color: black;
}

.work_video img {
	display: block;
	transition: opacity 0.4s ease;
}

.work_video h3 {
	font-size: 18px;
	text-align: center;
	margin: 60px 0 5px;
	color: #999;
}

.work_video h4{
	/* font-family: 'futura_md_btmedium'; */
	font-size: 12px;
	color: #ccc;
	text-align: center;
	margin-bottom: 20px;
	text-transform: none;
}

.work_video a {
	display: block;
	font-size: 14px;
	text-align: center;
	border: 2px solid #999;
	transition: background-color 0.4s ease;
	width: 100px;
	margin: 0 auto;
}

.work_video span {
	display: block;
	padding: 10px;
}

.work_video span:hover {
	background-color: #ccc; 
}

.work_video .video_overlay {
	display: none;
	position: absolute;
	z-index: 50;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.work_video:hover img{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
	opacity: 0.2;
}

.work_video:hover .video_overlay {
	display: block;
}



/* CONTENT CONTACT
-------------------------------------------------------------------------------*/ 

#contact{
	background-color: white;
	background-color: rgba(255,255,255,0.7);
}

#contact h2{
	color: #bbb;
}
#contact hr {
	color: #bbb;
	border-top: 1px solid #bbb;
}

#content_contact ul {
	margin-bottom: 40px;
}

#email_box {
	display: block;
	text-align: center;
	/* font-family: 'futura_md_btmedium'; */
	font-size: 18px;
	line-height: 26px;
}

#social_box {
	margin: 20px auto 20px;
	width: 140px;
}

#social_box li {
	float: left;
	margin: 0 15px;
	width: 40px;
}


#social_box li a{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	opacity: 0.5;
	transition: opacity 0.4s ease;
}

#social_box li a:hover{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

footer{
	background-color: white;
	background-color: rgba(255,255,255,0.9);
	padding-bottom: 10px;
}

footer .padder{
	padding-top: 40px;
	padding-bottom: 40px;
}

footer small {
	text-align: center;
	font-size: 10px;
	color: #999;
	display: block;
}

footer small a{
	margin-top: 5px;
	display: block;
}

/* ELASTIC IMAGES
-------------------------------------------------------------------------------*/ 

img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

#fbthumb, #twthumb, #rssthumb {
	width: 25px;
}


/* PLUGINS 
-------------------------------------------------------------------------------*/

/**** FANCYBOX ****/

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
	
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

/* #fancybox-loading, */ .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('./img/fancybox/fancybox.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
	background-image: none;
	background-color: black;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('./img/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	/*
position: absolute;
	top: -15px;
	right: -20px;
	width: 40px;
	height: 30px;
	cursor: pointer;
	z-index: 8040;
	background-size: cover;
*/
	
	position: absolute;
    top: -5px;
    right: -60px;
    width: 30px;
    height: 28px;
    background: url("./img/fancybox/fancybox.png") -40px 0;
    cursor: pointer;
    z-index: 11103;
	
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('./img/fancybox/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0px;
}

.fancybox-next {
	right: 0px;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background-color: black;
	background-color: rgba(0,0,0,0.8);
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	font-family: 'Muli', Helmet, Freesans, sans-serif;
	color: #000;
	font-weight: normal;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background-color: black;
	background: rgba(0, 0, 0, .8);
}

/* error 404 
-------------------------------------------------------------------------------*/ 

#error_message {
	display: block;
	text-align: center;
	width: auto;
	color: white;
	margin-top: 20px;
}

/* MEDIA QUERIES
-------------------------------------------------------------------------------*/ 

/*iphone portrait 4/4s/5/5s 320px -  6/6s 375px - 6 plus /6s plus 414px // Samsung Galaxy S4 360px - S5  */
@media only screen 
and (min-width : 320px) and (max-width : 479px){

#backwrapper {
	 background-position: 15% bottom !important;
 }
	
#logo {
    margin: -120px 0 0 -85px;
    width: 170px;
}

/*nav*/
#main_nav {
    /* display: none; */
	top: 0;
	right: -479px;	
	width: 100%;
}
#main_nav_mob {
	display: none;
}
#main_nav ul li {
	float: left;
	width: 25%;
}

#main_nav ul li a,
#main_nav ul li a.nav-active, 
#main_nav ul li a:hover{
	width: 80%;
	text-align: center;
	font-size: 14px;
	padding: 20px 10%;
	/* float:none; */
}

.padder {
	width: 80%;
	padding: 60px 10%;
	max-width: 400px;
}
#content article {
	padding: 30px 0;
}
#content h2 {
	width: 200px;
	font-size: 36px;
	margin: 0 auto 40px;
}
/*about*/
#content #about .padder {
	width: 80%;
	padding: 60px 10%;
	max-width: 400px;
}

/*newsletter*/

#mc_embed_shell {
	width: 100%;
	max-width: 430px;
}
.newsletter-img {
	width: 100%;
}
#newsletter .newsletter-title {
	font-size: 32px;
}
#newsletter .newsletter-sub {
	font-size: 20px;
}
.mc-fields {
	width: 100%;
}
.mc-button-wrap {
	width: 40%;
}

/*work*/
.threebox {
	width: 100%;
}
.work_video h3 {
	margin: 10% 10px 10px;
	font-size: 15px;
}

.fancybox-close {
	right: -40px;
	top: -40px;
}

#work .padder {
	padding: 60px 0;
    width: auto;
}

}

/*iphone landscape 4/4s 480px - 5/5s 568px -  6/6s 667px - 6 plus /6s plus 736px // Samsung Galaxy S4/S5 640px - S6 */
@media only screen 
and (min-width : 480px) and (max-width : 559px){

#logo {
	width: 150px;
	margin: -90px 0 0 -75px;
}

.threebox {
	width: 50%;
}

/*nav*/
#main_nav {
    /* display: none; */
	top: 0;
	right: -559px;	
	width: 100%;
}
#main_nav_mob {
	display: none;
}
#main_nav ul li {
	float: left;
	width: 25%;
}

#main_nav ul li a,
#main_nav ul li a.nav-active, 
#main_nav ul li a:hover{
	width: 80%;
	text-align: center;
	font-size: 14px;
	padding: 20px 10%;
	/* float:none; */
}

.padder {
	width: 80%;
	padding: 60px 10%;
}
#content article {
	padding: 30px 0;
}
#content h2 {
	width: 200px;
	font-size: 36px;
	margin: 0 auto 40px;
}
/*about*/
#content #about .padder {
	width: 80%;
	padding: 60px 10%;
	max-width: 400px;
}
/*newsletter*/

#mc_embed_shell {
	width: 100%;
	max-width: 430px;
}
.newsletter-img {
	width: 100%;
}
#newsletter .newsletter-title {
	font-size: 36px;
}
#newsletter .newsletter-sub {
	font-size: 16px;
}
.mc-fields {
	width: 100%;
}
.mc-button-wrap {
	width: 40%;
}


/*work*/
.work_video h3 {
	margin: 10% 10px 5px;
	font-size: 12px;
}
.work_video h4 {
	margin-bottom: 10%;
	font-size: 9px;
}
.work_video span {
	padding: 5px;
	font-size: 12px;
}

}

/*iphone landscape 4/4s 480px - 5/5s 568px -  6/6s 667px - 6 plus /6s plus 736px // Samsung Galaxy S4/S5 640px - S6 */
@media only screen 
and (min-width : 560px) and (max-width : 767px){

#logo {
	width: 150px;
	margin: -90px 0 0 -75px;
}

.threebox {
	width: 50%;
}

/*nav*/
#main_nav {
    /* display: none; */
	top: 0;
	right: -767px;	
	width: 100%;
}
#main_nav_mob {
	display: none;
}
#main_nav ul li {
	float: left;
	width: 25%;
}

#main_nav ul li a,
#main_nav ul li a.nav-active, 
#main_nav ul li a:hover{
	width: 80%;
	text-align: center;
	font-size: 14px;
	padding: 20px 10%;
	/* float:none; */
}

.padder {
	width: 80%;
	padding: 60px 10%;
}
#content article {
	padding: 30px 0;
}
#content h2 {
	width: 200px;
	font-size: 36px;
	margin: 0 auto 40px;
}
/*about*/
#content #about .padder {
	width: 80%;
	padding: 60px 10%;
	max-width: 400px;
}
/*newsletter*/

#mc_embed_shell {
	width: 100%;
	max-width: 505px;
}
.newsletter-img {
	width: 100%;
}
#newsletter .newsletter-title {
	font-size: 45px;
}
#newsletter .newsletter-sub {
	font-size: 20px;
}
/*work*/
.work_video h3 {
	margin: 10% 10px 5px;
	font-size: 14px;
}
.work_video h4 {
	margin-bottom: 10%;
	font-size: 10px;
}
.work_video span {
	padding: 5px;
	font-size: 13px;
}

}

@media only screen 
and (min-width : 768px) and (max-width : 1023px){

.padder {
	width: 80%;
	padding: 60px 10% 140px;
}

.threebox {
	width: 50%;
}


/*about*/
#content #about .padder {
	width: 80%;
	padding: 60px 10% 140px;
	max-width: 400px;
}

/*newsletter*/

#mc_embed_shell {
	width: 100%;
}
.newsletter-img {
	width: 100%;
}
/*work*/
.work_video h3 {
	margin: 10% 10px 10px;
	font-size: 16px;
}
	

}

@media only screen 
and (min-width : 1024px) and (max-width : 1330px){
 
/*newsletter*/
#mc_embed_shell {
	max-width: 450px;
}
#newsletter .newsletter-title {
	font-size: 40px;
}

#newsletter .newsletter-sub {
	font-size: 18px;
}

#mc_embed_signup .button {
	margin: 0 5px 8px 0;
	padding: 0 10px;
}

/*work*/
.work_video h3 {
	margin: 10% 10px 10px;
	font-size: 16px;
}
.work_video h4 {
	margin-bottom: 40px;
}	 
 
}


@media only screen 
and (min-width : 1600px) and (max-width : 1999px){
	
.threebox {width: 33.33%;}
	
}

@media only screen 
and (min-width : 2000px) and (max-width : 2799px){
	
.threebox {width: 25%;}
.work_video h3 {
	font-size: 24px;
    margin: 120px 0 5px;
}
.work_video h4 {
    font-size: 16px;
    margin-bottom: 30px;
}
	
}


@media only screen 
and (min-width : 2800px){

.threebox {width: 20%;}
#work .padder {
	max-width: 3500px;
	margin: 0 auto;
}


}

/* IE */