/*! normalize.css v2.1.2 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:0.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace, serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}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:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}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}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}html{-webkit-text-size-adjust:none}a{border-style:none;outline:0;text-decoration:none}a:active{outline:none}a:focus{outline:none}img{border-style:none;outline:0;vertical-align:middle;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}div{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}ul{list-style:none}input:focus{outline:none;box-shadow:none;-moz-appearance:none;border:0;padding:0}::-moz-focus-inner{border:0;padding:0}#main-header{position:fixed;width:100%;height:98px;left:0px;top:0px;color:#fff;z-index:1000;background:url("../images/header_gradient.jpg") no-repeat center center;background-size:cover;transition:all 0.5s ease}#main-header.scroll{height:75px}#header-inner{position:absolute;left:0px;right:0px;top:0px;height:100%;margin:auto;text-align:center}#main-navigation{position:absolute;left:0px;right:0px;top:50%;transform:translateY(-50%);transition:all 0.5s ease}#main-navigation.hide{opacity:0;pointer-events:none}#main-navigation.show{opacity:1;pointer-events:auto}#main-navigation ul li{display:inline-block;margin:0 12.5px}#main-navigation ul li a{color:#fff;font-size:20px;letter-spacing:2px}#main-navigation ul li a.active{opacity:0.5;pointer-events:none}#main-navigation ul li:hover{opacity:0.5}#header-logo-container{margin-left:108px;margin-right:30px;max-width:250px;transition:all 0.5s ease;float:right;line-height:98px}#header-logo-container.hide{opacity:0;pointer-events:none}#header-logo-container.show{opacity:1;pointer-events:auto}#header-logo-container #header-logo{width:100%}.scroll #header-logo-container{line-height:75px}#main-menu{position:absolute;left:20px;top:0px;bottom:0px;margin:auto;width:64px;height:64px;display:block;line-height:0;font-size:0;transition:opacity 0.5s ease;background-color:transparent;display:block;transition:all 0.5s ease}#main-menu.hide{opacity:0;pointer-events:none}#main-menu.show{opacity:1;pointer-events:auto}#main-menu #menu-icon{position:relative}#main-menu #menu-icon .menu-line{width:48px;height:4px;background-color:#ffffff;position:absolute;left:8px;pointer-events:none}#main-menu #menu-icon #menu-icon-line-one{top:16px}#main-menu #menu-icon #menu-icon-line-two{top:29px}#main-menu #menu-icon #menu-icon-line-three{top:42px}#main-menu:hover{opacity:0.5}#mobile-navigation{position:absolute;left:0px;top:0px;width:100%;background:url("../images/header_gradient.jpg") repeat-y left top;background-size:100% auto;z-index:2000;padding:75px 0;display:none;min-height:100%}#mobile-navigation ul{text-align:center}#mobile-navigation ul li{margin:37.5px 0}#mobile-navigation ul li a{color:#fff;font-size:32px;letter-spacing:2px}#mobile-navigation ul li a:hover{opacity:0.5}#mobile-navigation ul li a.active{opacity:0.5;pointer-events:none}#mobile-navigation.open{display:block}#close-menu{position:absolute;left:20px;top:16px;width:64px;height:64px;display:block;line-height:0;font-size:0;transition:opacity 0.5s ease}#close-menu #close-menu-icon{position:relative}#close-menu #close-menu-icon .close-menu-line{width:48px;height:4px;background-color:#ffffff;position:absolute}#close-menu #close-menu-icon #close-menu-icon-line-one{left:8px;top:32px;transform:rotate(45deg)}#close-menu #close-menu-icon #close-menu-icon-line-two{right:8px;top:32px;transform:rotate(-45deg)}#close-menu.scroll{top:5.5px}#close-menu:hover{opacity:0.5}#main-footer{position:absolute;width:100%;height:72px;left:0px;bottom:0px;background-color:#fff;color:#7d7d7d;font-size:12px;z-index:900}#footer-inner{position:absolute;left:0px;right:0px;top:50%;transform:translateY(-50%);margin:auto;text-align:center}#main-content{position:relative;padding-top:98px;padding-bottom:72px;width:100%;z-index:500;overflow:hidden}.site-section{position:relative;width:100%;min-height:248px;background-color:#fff;color:#7d7d7d;padding:70px}.site-section .section-header{text-align:center;font-size:48px;color:#ad272c}.site-section .section-content{text-align:center;width:100%;max-width:1080px;margin:0 auto}.site-section .section-content a{color:#7d7d7d}#page-about{opacity:0;transition:opacity 0.5s ease}#page-about .section-content{max-width:800px;padding:140px 0}#page-about .section-content img{display:block;width:100%;margin:0 auto;margin-bottom:38px}#page-about .section-content p{max-width:770px;margin:0 auto;font-size:26px;letter-spacing:0.5px}#page-about.active{opacity:1}#page-work{padding:0}#page-work .section-content{padding:0;max-width:none}#page-work .section-content .work{position:relative;width:100%;height:640px;text-align:left;opacity:0.5;transition:opacity 0.5s linear;overflow:hidden}#page-work .section-content .work .work-background{background-repeat:no-repeat;background-position:center center;background-size:cover;position:absolute;left:0px;top:0px;width:100%;height:100%;transition:all 0.5s linear;transform:scale(1.2)}#page-work .section-content .work .work-tt{position: absolute;bottom: 0px;left: 0px;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}#page-work .section-content .work .work-tt img {height: 100%;}#page-work .section-content .work .work-content{position:absolute;left:0px;top:50%;transform:translateY(-50%);opacity:0;transition:all 0.5s linear}#page-work .section-content .work .work-content .work-description{margin-top:10px;font-size:24px;color:#fff}#page-services{background-color:#ad272c;color:#fff;height:740px;background:url("../images/background_services.jpg") no-repeat center center;background-size:cover}#page-services .section-outer{display:table;width:100%;height:100%;opacity:0;transition:opacity 0.5s ease}#page-services .section-outer .section-inner{display:table-cell;vertical-align:middle;text-align:center}#page-services .section-header{color:#fff;padding-bottom:40px}#page-services .section-content a{color:#fff}#page-services .section-content ul{max-width:770px;margin:0 auto;font-size:26px;letter-spacing:0.5px}#page-services .section-content ul li{padding:20px 0}#page-services.active .section-outer{opacity:1}#page-clients .section-header{padding-bottom:70px}#page-clients .section-content{max-width:1080px;margin:0 auto}#page-clients .section-content .clients-container{text-align:justify;width:100%;text-align-last:center;-webkit-text-align-last:center;-ms-text-align-last:center;-moz-text-align-last:center;-o-text-align-last:center}#page-clients .section-content .clients-container .client{display:inline-block;margin:25px;max-width:45%}#page-clients .section-content .clients-container .client .clients-logo{display:inline-block;height:auto;width:100%;opacity:0.3;transition:opacity 0.5s ease}#page-clients .section-content .clients-container .client .clients-logo.active{opacity:1}#page-contact{background-color:#ad272c;color:#fff}#page-contact .section-header{color:#fff}#page-contact .section-content a{color:#fff}@media only screen and (min-width: 300px){.site-section{padding:30px}#page-about .section-content{padding:20px 0}#page-work .section-content .work{height:320px}#page-work .section-content .work .work-content{left:20px}#page-work .section-content .work .work-content .work-logo img{width:50%;height:auto}#page-work .section-content .work .work-content .work-description{width:50%;font-size:20px}#page-clients .section-content .clients-container .client{margin:25px;max-width:30%}#page-contact{padding-top:70px}}@media only screen and (min-width: 640px){#page-work .section-content .work .work-tt{height: 85%;} .site-section{padding:50px}#page-about .section-content{padding:80px 0}#page-work .section-content .work{height:430px}#page-work .section-content .work .work-content{left:40px}#page-work .section-content .work .work-content .work-logo img{width:70%;height:auto}#page-work .section-content .work .work-content .work-description{width:70%;font-size:24px}#page-clients .section-content .clients-container .client{margin:25px;max-width:45%}}@media only screen and (min-width: 800px){#page-work .section-content .work .work-tt{height: 100%;} .site-section{padding:70px}#page-about .section-content{padding:140px 0}#page-work .section-content .work{height:640px}#page-work .section-content .work .work-content{left:90px}#page-work .section-content .work .work-content .work-logo img{width:80%;height:auto}#page-work .section-content .work .work-content .work-description{width:80%;font-size:26px}#page-clients .section-content .clients-container .client{margin:25px}}@media only screen and (min-width: 1280px){#page-work .section-content .work{height:640px}#page-work .section-content .work .work-content{left:190px}#page-work .section-content .work .work-content .work-logo img{width:100%;height:auto}#page-work .section-content .work .work-content .work-description{width:100%}#page-clients .section-content .clients-container .client{margin:25px}}*{box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;margin:0;padding:0}body{background-color:#fff;color:#333;font-family:'Oswald', sans-serif;min-width:320px}#container{position:relative;width:100%;min-height:100%;display:block;opacity:1;transition:all 0.5s ease}#container.no-scroll{position:fixed;width:100%;height:100%;overflow:hidden}#main-preloader{position:fixed;width:100%;height:100%;opacity:1;background-color:#ffffff;display:none;transition:all 0.5s ease;z-index:3000;left:0px;top:0px}#main-preloader #center{position:absolute;left:50%;top:50%;width:200px;height:auto;transform:translate(-50%);text-align:center}#main-preloader #center img{width:100%}@-webkit-keyframes pulse-keyframes{0%{opacity:0.25}50%{opacity:1}100%{opacity:0.25}}@keyframes pulse-keyframes{0%{opacity:0.25}50%{opacity:1}100%{opacity:0.25}}.pulse{animation:pulse-keyframes 1.5s infinite ease-in-out}.loading #container{opacity:0}.loading #main-preloader{display:block}#work-navigation{position:fixed;right:20px;top:75px;bottom:0px;margin:auto;z-index:1900;width:20px;height:155px;transition:all 0.2s ease}#work-navigation.hide{opacity:0;pointer-events:none}#work-navigation.show{opacity:1;pointer-events:auto}#work-navigation ul{width:100%;height:100%}#work-navigation ul li{margin:25px 0}#work-navigation ul li a{position:relative;width:10px;height:10px;border-radius:50%;background-color:#ffffff;opacity:0.5;display:block}#work-navigation ul li a.active{opacity:1;pointer-events:none}#work-navigation ul li a:hover{opacity:1}#breakpoints{display:fixed;left:0px;top:0;width:0;height:0;color:transparent}@media only screen and (min-width: 300px){#breakpoints:after{content:'300'}}@media only screen and (min-width: 640px){#breakpoints:after{content:'640'}}@media only screen and (min-width: 800px){#breakpoints:after{content:'800'}}@media only screen and (min-width: 1280px){#breakpoints:after{content:'1280'}}

.btn, .btn .bg, .btn .hover {
	cursor: pointer;
}

:focus { outline: none; }


#page-work .section-content .work .work-background.mobile {
	display: block;
}
#page-work .section-content .work .work-background.desktop {
	display: none;
}


@media only screen and (min-width: 300px){
	#page-work .section-content .work .work-tt{height: 95%;} 
}

#page-work .section-content #work-sorry .work-content {
	left: 10%;
	bottom: 60px;
}
@media only screen and (max-width: 415px) {
	#page-work .section-content #work-sorry.work {
	    height: 260px !important;
	}
}
@media only screen and (min-width: 480px){
	#page-work .section-content #work-sorry .work-content {	
		bottom: 40px;
	}
}

@media only screen and (max-width: 640px){
	#page-work .section-content #work-sorry .work-background {	
		background-image: url('../images/work/background_stby_tt_small.jpg') !important;
	}
}

@media only screen and (min-width: 800px){
	#page-work .section-content #work-sorry .work-content {	
		left: 12%;
		bottom: 150px;
	}
	#page-work .section-content .work .work-background.mobile {
		display: none;
	}	
	#page-work .section-content .work .work-background.desktop {
		display: block;
	}	
}

@media only screen and (min-width: 1000px){
	#page-work .section-content #work-sorry .work-content {	
	    bottom: 150px;
	    left: 16%;
	}
}

@media only screen and (min-width: 1280px){
	#page-work .section-content #work-sorry .work-content {	
	    bottom: 90px;
	    left: 20%;
	}
}


/* Matt */

h1, h2, h3, h4 h5 {
	font-weight: normal;
	margin: 0;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
.work-holder {
	display: flex;	
	flex-wrap: wrap;
}
.work-holder img {
	max-width: 100%;
	transition: all 0.6s ease
}
	.work-item {
		position: relative;	
		overflow: hidden;
	}
	.work-item {
		width: 50%;
	}
	.work-item .hover {
		width: 101%;
		height: 101%;
		position: absolute;
		top: 0;
		left: 0;
		background: rgba(0,0,0,0.8);
		z-index: 10;
		opacity: 0;
		transition: all 0.6s ease
	}
		.work-item .hover-inside {
			position: relative;
			top: 50%;
			transform: translateY(-50%);
			margin-top: 30px;
			transition: all 0.6s ease;
			padding: 0 20px;
		}
	.work-item h4 {
		color: #ffffff;
		text-align: center;
		font-size: 30px;
		margin-bottom: 5px;
		text-transform: uppercase;
		font-weight: 500;
		letter-spacing: 0.05em;
		line-height: 1.2;
	}
	.work-item h5 {
		color: #ffffff;
		text-align: center;
		font-size: 21px;
		opacity: 0;
		font-weight: normal;
		transition: all 0.4s ease 0.15s;
		margin-top: 10px;
	}
	/* animation */
	.work-item:hover {
		cursor: default;	
	}
	.work-item:hover .hover {
		opacity: 1;	
	}
	.work-item:hover img {
		transform: scale(1.1);	
	}
	.work-item:hover .hover-inside {
		margin-top: 0;
	}
	.work-item:hover h5 {
    opacity: 1;
    margin-top: 0;
    color: #dedddd;
	}

@media only screen and (max-width: 800px) {
	.work-item {
		width: 100%;
		float: none;
	}
}

body.overlay {
	overflow: hidden;
}

.overlay-container {
  position: fixed;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  z-index: 1001;	
  display: none;
}

.overlay-container .overlay-bg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	opacity: 0.75;
	background: #000;
}

.overlay-container .overlay-content {
	width: 100%;
	height: 100%;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

.overlay-container .overlay-content .overlay-asset {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	width: 100%;	
	overflow: auto;
}

#overlays {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    overflow: auto;	
}

.overlay-container .overlay-content .overlay-close {
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  cursor: pointer;
  position: absolute;
  right: 40px;
  top: 15px;
  width: 40px;
}

.overlay-container .overlay-content .overlay-close img {
	width: 100%;
}

.overlay-container .overlay-gallery {
	display: none;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 100%;
	max-width: 1200px;
	height: 100%;
}

.overlay-container .overlay-gallery .overlay-item {
	width: 100%;
	margin: 20px 0px;
	display: none;
}

.overlay-container .overlay-gallery .overlay-item.active {
	display: block;
}

.overlay-container .overlay-gallery .overlay-item img,
.overlay-container .overlay-gallery .overlay-item video {
	width: 100%;
	transition: opacity 0.5s;
}

.overlay-container .overlay-gallery.active {
	display: flex;
}

.overlay-container .arrow-right {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  right: 40px;  
  cursor: pointer;
}

.overlay-container .arrow-left {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 40px;  
  cursor: pointer;
}

.overlay-container .arrow-right img {
	width: 100%;
}


.overlay-container .arrow-left img {
	width: 100%;
}


#page-locations {
	background: #dddddd url('../images/locations-map-repeat.gif') no-repeat;
	background-position: center center;
	padding: 200px 0;
}
	#page-locations .section-header {
		color: #ad272c;	
	}
.location-dot {
	width: 200px;
	position: absolute;
	left: 50%;
	color: #000000;
}
	.location-dot .dot {
		display: inline-block;
		margin-right: 5px;
		width: 14px;
		height: 14px;
		background: #ad272c;
		border-radius: 50%;
	}
	.location-dot .text {
		display: inline-block;
		margin-right: 5px;
	}
.dot-LA {
	margin-left: 210px;
	margin-top: -140px;
}
.dot-PH {
	margin-left: -340px;
	margin-top: 0px;
}
@media only screen and (max-width: 800px) {
	#page-locations {
		background-size: 800px auto;
		background-position: center bottom 30px;
		padding: 50px 0 450px;
	}
	#page-locations .section-header {
		/*font-size: 26px;*/
	}
	.dot-LA {
		margin-left: 25px;
		margin-top: 160px;
	}
	.dot-PH {
		margin-left: -125px;
		margin-top: 210px;
	}
}
#page-careers {
	background: #111111 url('../images/careers-bg-1.jpg') no-repeat;
	background-position: top center;
	background-size: 2400px;
}
	#page-careers .section-outer {
		width: 100%;	
		padding: 40px 20px;
	}
	#page-careers .section-inner {
		max-width: 870px;
		margin: 0 auto;
		text-align: center;
		font-size: 14px;
		color: #9d9d9d !important;
	}
	#page-careers .section-header {
		color: #fff;
		padding-bottom: 40px
	}
	#page-careers .intro {
		font-size: 20px;
		margin-bottom: 50px;
	}
	#page-careers a {
		color: #ad272c;
	}
		#page-careers a:hover {
			text-decoration: underline;	
		}
	#page-careers ul {
		margin: 0 auto;
		line-height: 1.5;
	}
		#page-careers ul li {
			margin-bottom: 30px;	
		}
		#page-careers ul h3 {
			display: inline-block;
			font-size: 20px;
			letter-spacing: 0.5px;
			color: #ffffff !important;
			padding-bottom: 10px;
		}	
			#page-careers ul h3:hover {
				cursor: pointer;
				opacity: 0.5;
			}
		#page-careers ul p {
			/* -webkit-user-select: initial;
			user-select: initial; */
			font-size: 18px;
			user-select: text;
		}
		#page-careers ul div {
			display: none;
			font-size: 18px;
			user-select: text;	
		}
		#page-careers .career-open div {
			display: block;	
		}

		.ui-accordion-header {
	padding-left: 20px;	
	position: relative;
}
.ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: 0;
}
.ui-accordion-header-active .ui-accordion-header-icon {
	margin-top: -4px;
	left: -1px;
}
.ui-accordion-header .ui-accordion-header-icon::before {
	content: '+';	
}
.ui-accordion-header-active .ui-accordion-header-icon::before {
	content: '–';	
}
.ui-state-focus { outline: none; }


@media only screen and (max-width: 800px) {
	#page-careers .section-outer {	
		padding: 20px 10px;
	}
}

.work-item.no-link:hover, .no-link .bg, .no-link .hover {
	cursor: default !important;
}

#page-clients .section-content .clients-container .client {
	margin: 25px 30px;
}