/*

Available Fonts

font-family:'Droid Serif W01 Regular';
font-family:'Droid Serif W01 Italic';
font-family:'Droid Serif W01 Bold';
font-family:'DroidSerifW01-BoldItali';
font-family:'UniversLTW01-57Condense';
font-family:'UniversLTW01-67BoldCn';


 * */

@import url("http://fast.fonts.com/t/1.css?apiType=css&projectid=1e81d5f9-a881-4d65-9122-06d88463ce42");
@font-face{
font-family:"UniversLTW01-57Condense";
src:url("fonts/myfont/Fonts/aefefc4e-9cb8-4e8e-8599-dda705456734.eot?#iefix");
src:url("fonts/myfont/Fonts/aefefc4e-9cb8-4e8e-8599-dda705456734.eot?#iefix") format("eot"),url("fonts/myfont/Fonts/1eaf27c0-f4de-4273-9f4c-1b3236ad2f3c.woff") format("woff"),url("fonts/myfont/Fonts/9b913baf-b1f0-47d2-8c76-42f59650058f.ttf") format("truetype"),url("fonts/myfont/Fonts/0abcce12-2274-4ee7-b6d5-0066b5f5f670.svg#0abcce12-2274-4ee7-b6d5-0066b5f5f670") format("svg");
}
@font-face{
font-family:"UniversLTW01-67BoldCn";
src:url("fonts/myfont/Fonts/076b8d7a-91b5-4c89-86a1-546b980072c7.eot?#iefix");
src:url("fonts/myfont/Fonts/076b8d7a-91b5-4c89-86a1-546b980072c7.eot?#iefix") format("eot"),url("fonts/myfont/Fonts/21decb60-b395-4de2-bd04-e38eb2a56d2f.woff") format("woff"),url("fonts/myfont/Fonts/091058d4-36b2-43f6-80d3-16c88e098061.ttf") format("truetype"),url("fonts/myfont/Fonts/827d22bc-e38b-4ccf-8a21-1f9aaa76e402.svg#827d22bc-e38b-4ccf-8a21-1f9aaa76e402") format("svg");
}
@font-face{
font-family:"Droid Serif W01 Bold";
src:url("fonts/myfont/Fonts/ab7f43ba-e06c-4f5f-81ee-b5e4758823ee.eot?#iefix");
src:url("fonts/myfont/Fonts/ab7f43ba-e06c-4f5f-81ee-b5e4758823ee.eot?#iefix") format("eot"),url("fonts/myfont/Fonts/526cd572-c4f4-4a9d-bc31-62a3213edd43.woff") format("woff"),url("fonts/myfont/Fonts/cb8bf720-d098-447b-a34c-630d83b5341d.ttf") format("truetype"),url("fonts/myfont/Fonts/9e8699aa-62e8-450a-b04a-f25b594d51b1.svg#9e8699aa-62e8-450a-b04a-f25b594d51b1") format("svg");
}
@font-face{
font-family:"DroidSerifW01-BoldItali";
src:url("fonts/myfont/Fonts/272d868d-9218-4736-9fc4-ed4a0df762ac.eot?#iefix");
src:url("fonts/myfont/Fonts/272d868d-9218-4736-9fc4-ed4a0df762ac.eot?#iefix") format("eot"),url("fonts/myfont/Fonts/7ca9b56f-bcc5-46b4-9554-18f463796f7d.woff") format("woff"),url("fonts/myfont/Fonts/ace1ed62-e39d-46fe-8fed-3a3bef04c48f.ttf") format("truetype"),url("fonts/myfont/Fonts/5260ce0d-2c7d-4fb9-955a-879dc6fd431c.svg#5260ce0d-2c7d-4fb9-955a-879dc6fd431c") format("svg");
}
@font-face{
font-family:"Droid Serif W01 Italic";
src:url("fonts/myfont/Fonts/fac35eb2-0982-4eba-a812-3db8e1cf1f94.eot?#iefix");
src:url("fonts/myfont/Fonts/fac35eb2-0982-4eba-a812-3db8e1cf1f94.eot?#iefix") format("eot"),url("fonts/myfont/Fonts/c7769089-7fea-48eb-86f7-0c21b0825fa2.woff") format("woff"),url("fonts/myfont/Fonts/8d13d82b-d447-4d8e-862a-dcaff6a90aff.ttf") format("truetype"),url("fonts/myfont/Fonts/fd152afe-89a2-40e9-9db3-d658574cc8f1.svg#fd152afe-89a2-40e9-9db3-d658574cc8f1") format("svg");
}
@font-face{
font-family:"Droid Serif W01 Regular";
src:url("fonts/myfont/Fonts/de5702ce-174b-4ee6-a608-6482d5d7eb71.eot?#iefix");
src:url("fonts/myfont/Fonts/de5702ce-174b-4ee6-a608-6482d5d7eb71.eot?#iefix") format("eot"),url("fonts/myfont/Fonts/83ae2051-dcdd-4931-9946-8be747a40d00.woff") format("woff"),url("fonts/myfont/Fonts/63f35b58-a40f-4f53-bb3e-20396f202214.ttf") format("truetype"),url("fonts/myfont/Fonts/19db6ebc-2d1b-4835-9588-3fa45ff36f4e.svg#19db6ebc-2d1b-4835-9588-3fa45ff36f4e") format("svg");
}

html{
	font-family:'Droid Serif W01 Italic';
	font-size: 62.5%;
	color:#282828;
	overflow-x:hidden;
	min-width:980px;
	overflow-y:scroll;
}

#global-container{
	margin:0px;
	padding:0px;
	
}

body{
	margin: 0px; 
	padding: 0px;
	/*overflow: hidden;*/
	/*background-image:url('../img/img_BGTextureGrey.jpg');*/
	background-repeat:repeat;
	top:0px;
	font-size:14px;
	font-size:1.4rem;
}
h2 {font-family:'HAVEANICEDAY-Tall'; font-weight:normal;}
h3 {font-family:'HAVEANICEDAY-BoldBasic'; font-weight:normal;}
	

a {text-decoration:none;}

#browsercheck {display:none;position:fixed; top:0; bottom:0; left:0; right:0; z-index:300; /* background:rgba(0,0,0,0.8);*/}
#browsercheck div {position:absolute;  background:white; padding: 1.5em; text-align:center;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-boxsizing:border-box; -o-box-sizing:border-box;
	font-size:12px; width: 39em; height: 18em; top:50%; left:50%; margin:-9em 0 0 -19.5em;}
#browsercheck h1 {font-family:'HAVEANICEDAY-Tall'; font-weight:normal; font-size: 70px; font-size:7rem; line-height:1em; margin:0 0 0.2em 0;}
#browsercheck p {line-height:2em;padding:0.5em 0;}
#browsercheck a {display:inline-block; border: none; height: 2.2em; padding:0.8em 2em 0 2em; cursor:pointer; text-align:center; font-family:'DroidSerifW01-BoldItali';}

#page-container{position:relative;}
#footer-spacer{width:100%;}

#calculate-scrollbar{

	height: 50px;
	width:50px;
	overflow: scroll;
}
.jspDrag {margin: 0px 1px !important;}

.featured-project-brick{
	display: none !important;
}

.clearfix{
	clear: both;
}

#footer-container {
/*width: 100%;*/
/*max-width: 1440px;*/
/*min-width: 760px;*/
/*z-index: 30;*/
/*background: color;*/
/*margin: 0 auto;*/
width:100%;
height: 9.84rem;
background:white;
position: relative;
position:fixed;
bottom:0;
-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
box-shadow: 0px 0px 15px rgba(0,0,0,0.2);

	z-index:100;
min-width:980px;
}
#footer-container.include-subnav {
	height:14.9rem;
}

#top-nav-container {display:none; height:0;}

.placeholder
{
  color: #aaa;
}

.navigation-container {
	width: 100%;
	bottom: 0;
	border-bottom:6px solid #b3d319;
	text-align:center;
	position:absolute;
}
/*
.works #main-nav-container, .home #main-nav-container {
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
	z-index:9999;
}
*/
#loading-gif{
	z-index: 1;
	position: fixed;
	float: left;
	margin-left: 50%;
	display: none;
	left:-10px;
}
#loading-gif img {width:30px;}
.trigger {display:none;}
.logo {width:120px; height:68px !important; cursor:pointer;
	background-position:0px 0px; background-repeat:no-repeat; background-size:100%; padding:0;
	position: absolute; bottom: 15px; left: 20px; top: 20px;}

#main-nav-container {
	height:9.2rem;
	background:white;
}
.navigation-container.subnav.fixed {position: fixed;font-family:'UniversLTW01-57Condense';text-transform: uppercase;border-color: #ECECEC;}

#service-subnav-container, #contact-subnav-container{border-color: #ECECEC; min-width:980px;}

#footer-content {
min-height: 200px;
border-top: 1px solid #404040;
padding: 55px 0 40px 0;
position: relative;
width: 100%;
max-width: 1440px;
margin: 0 auto 0 auto;
background-color: yellow;
}


/*.navigation-container{
	float: left;
	position: fixed;
	width:100%;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: #fff;
	z-index: 9999;
	height: 53px;
	padding-top:38px;
	text-align:center;
	border-bottom:6px solid #b3d319;
	
	_position: absolute;   
	_top: expression( 
		document.body.scrollTop + document.body.clientHeight - this.clientHeight  - 2 /* need to subtract border */
	/*); 
	_width: 100%;
}*/



.navigation-container img{
	position:relative;
	bottom: 8px;
	right: 7px;	
}


.navigation-container .nav-item {display:inline-block; cursor:pointer; color:#282828; text-transform:uppercase; font-family:'UniversLTW01-57Condense'; padding: 38px 15px 0px 15px; font-size:16px; font-size:1.6rem; position:relative;}
.navigation-container .nav-item:hover { color: #898989;}
.navigation-container .nav-item.active { color: #b3d319; /* background-image:url('../img/nav_arrow_Grey.png'); background-repeat: no-repeat; background-position: center bottom; */}
			.nav-item .triangle {display:block; position:absolute; width:0px; height:0px;
				border-width:6px; border-style:solid; border-color:transparent; bottom:-35px; left:44%; }
.subnav { bottom: 9.8rem;height: 3.2rem;border-bottom: 1px solid #ececec; border-top:1px solid #ececec; padding-top:17px; position:relative;}
.subnav a {font-size: 12px; padding: 0 15px; cursor:pointer;}
.subnav a:hover {color:#898989;}
.subnav a.separator {/*border-right:1px solid #ddd;*/}
/*#service-subnav-container a:hover {color:#898989;} */
.subnav .triangle {display:block; position:absolute; width:0px; height:0px;
	border-width:5px; border-style:solid; border-color:transparent; bottom:0px;top:39px;
}

.navigation-right {width:140px;}
.navigation-right.subnav {position:absolute; right:-10px; bottom: 40px; border:none; height: 43px;padding-top:0;}
.navigation-right.subnav a { font-size: 12px; font-size:1.2rem; padding:0px; width: 100px;display:inline-block; cursor:pointer; color:#282828; text-transform:uppercase; height:100%; font-family:'UniversLTW01-57Condense'; margin-top:35px;}
.navigation-right.subnav a .color {width: 20px;}
.navigation-right.subnav a:first-child {margin-right:10px;}

#scroll-down-button {position:absolute; border: none; z-index: 10; height: 25px; width: 188px; background:white; padding:8px 0 0 0; margin-left: 50%; left:-94px; cursor:pointer; text-align:center;}
	#scroll-down-button img {width:14px; margin:0 4px 1px 0; display:inline-block; vertical-align:middle;}
	#scroll-down-button p {margin: 0; padding:0;display:inline-block; font-size: 12px; font-family:'DroidSerifW01-BoldItali'; }


.mobile-subnav {display:none;}

 

/** Buttons **/
.btn-next {display:inline-block; width:auto; padding: 5px 15px; text-align:center; background:#bfd830; color:#282828;}
.btn, .btn1, .btn2, .btn3 {padding: 10px 30px 10px 30px;text-align:center; display:inline-block; }
.btn1 {background:#b3d319; color:#111111; }
.btn2 {background:#bddb3b; color:#738438; border-top: 1px solid #a6be41;border-right: 1px solid #9eb23e;border-bottom: 1px solid #9eb23e;border-left: 1px solid #a6be41;}
.btn3 {background:#d88f47; color:white;}
/** Panel **/
/*
.panel {position:relative; display:block; overflow:hidden;}
.panel.fullscreen { min-height:100%; bottom:0px;}
.panel.opaque {background:white;}
*/
.opaque {background:white; }
.panel-center { width: 700px; display:block; float:none; clear:both; line-height:2.2em; letter-spacing: 0.2em; text-align:center; margin:0 auto; font-size:13px; font-size:1.3rem;  padding: 15% 20px;}
.panel-left, .panel-right { width:550px; display:block; text-align:center; padding:0 25px 50% 25px; color:white;}
.panel-right { float:right; margin-right:5%;}
.panel-left {float:left; margin-left:5%;}
.panel-left h1, .panel-right h1, .panel-center h1 { font-family:'HAVEANICEDAY-Tall'; font-weight:normal; font-size:100px; font-size: 10rem; margin:0; color: #b3d319; line-height: 0.9em;padding-bottom:0.25em; letter-spacing:0;}
.panel-left p , .panel-right p, .panel-center p {display:block; padding-bottom: 20px; font-size: 13px; font-size: 1.3rem; line-height: 1.8em; letter-spacing: 0.2em; margin:0px;}
.panel-left .date , .panel-right .date, .panel-center .date {/* margin-top:65px;*/ font-weight:bold; text-transform:uppercase; display:block; font-family:'UniversLTW01-57Condense'; font-size: 14px; font-size:1.4rem; line-height:1em; margin-bottom:0.5em;}
.panel-left .subhead , .panel-right .subhead, .panel-center .subhead {margin: 0; font-weight:bold; text-transform:uppercase; display:block; font-family:'UniversLTW01-57Condense'; font-size:18px; font-size:1.8rem;}
.panel-left h3, .panel-right h3, .panel-center h3 {font-size:65px; font-size:6.5rem; margin:0px; padding-bottom:25px;}

/** Parallax **/
.parallax-container {width:100%; position:relative; display:block; overflow:hidden; background-position:center top; background-repeat:no-repeat;
		 /* background-size:200%; */
}
.parallax-container:first-child {background-position:center center;}
.parallax-background {visibility:hidden;}

.parallax-container .move-left{
	float: left;
	left:20px;
	background: url('../img/img_CarouselArrowL.png') no-repeat;
 	width: 62px;
 	height: 168px; 
}

.parallax-container .move-right{
	float: right;
	right: 20px;
	background: url('../img/img_CarouselArrowR.png') no-repeat;
 	width: 62px;
 	height: 168px;  
}

.parallax-container .move-right, .parallax-container .move-left{
	margin-top: 400px;
	position: absolute;
	font-size:84px;
	font-stretch:extra-condensed;
	color:white;
	cursor: pointer;
	z-index: 9999;
	display:block; 
	text-indent: -10000px;
}

.parallax-foreground {
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	z-index: 2;
}


/** Slider  **/
.slider-content img {display:inline-block;}
.slider-foreground .item {display:inline-block;vertical-align:top;}
.slider-foreground .panel-center  {width: 37%;}

.brick {overflow:hidden; padding:0px; margin:0px;position:relative; border-top:1px solid white;}
	.works .brick {border-top:0;}
.brick li {display:none; overflow:hidden; float:left; padding:0px; margin:0px; width:33.3333333333333333333%;
		  box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
		  border-style:solid; border-color: rgba(255, 255, 255, 1); border-width:0px 1px 1px 0px; background:#ccc;
		position:absolute; z-index:2; opacity:0;}
.brick a.news, .brick a.project {display:block; width:100%; cursor:pointer; position:relative;}
.brick img {display:block; width:100%;}
.brick li.visible {display:block;}
.brick li.brick-size-2,
.brick li.two {width:66.666666666666666666%; }
.brick li.row-end {border-right:0px;}
.brick .caption { text-transform:uppercase; height: 33px; padding: 6px 10px; background:rgba(0,0,0,0.4); display:block; position:absolute; bottom:0; right:0; left:0; overflow:hidden;}

.brick .caption * {font-family:'UniversLTW01-57Condense'; font-size:100%;}
.brick .client { color:white; display:block;font-size:15px !important; width:85%;}
.brick .project { color:#b3d319; display:block; font-size:10px !important;height:100%; width:85%;}
.datastore {display:none;} 

.brick .news .info-top,
.brick .news .info-bottom,
.brick .news .info-center
{ position:absolute; width:100%; text-align:center;}

.brick .news .info-top {top:0px; padding-top:8%;}
.brick .news .info-bottom {bottom:0px; padding-bottom: 8%;}
.brick .news .info-center {top:0px; bottom:0px; }
.brick .news .info-center div {width:100%; display:table-cell; vertical-align:middle;}
.brick .news span {display:block; color:white;}
/* We use em for font size because it should adjust with the screen */
.brick .news-title {font-family:'HAVEANICEDAY-Tall'; font-size:4.2em;line-height:1.0em; text-transform:uppercase; margin-bottom:0.35em;}
/* .brick .news-date { font-family:'UniversLTW01-57Condense'; font-size:1.15em;margin-bottom:5px;} */
.brick .news-subheadline { font-family:'UniversLTW01-57Condense'; font-size:1em; line-height:1em; margin: 0em 0.4em 0.4em; text-transform:uppercase; }
.brick .news-copy { font-family:'Droid Serif W01 Italic'; font-size:0.95em; }
.brick .news-line {display:block; /* width: 37%; defined inline */font-size:1em; height:0; border-top:1px solid #fff; margin:0.1em auto 0.8em auto;}

/*
 * Home
 * */
#p-a {position: relative; cursor:pointer;}
.feature-project .parallax-foreground {z-index:0;}
.circle-container {postion: relative; }
.circle { background:rgba(255,255,255,.8); text-align:center; text-transform:uppercase;  position:absolute; display:block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius:50%; cursor: pointer; display: none; }
.circle h2 { margin: .2rem; }

/*.circle strong {font-family:'UniversLTW01-57Condense'; font-size: 13px; margin:120px 0px -45px 0px; color:#b3d319; display:block;visibility:hidden;} */
.circles h2 { margin:0;}
.circle p {font-family:'UniversLTW01-57Condense'; font-size:1.2em; width:auto; text-transform:uppercase; margin:0px; color:#b3d319;}
.circle p .arrow {color: #282828; display: inline-block; vertical-align:middle;}
.circle .feat-proj-client {display:inline-block; vertical-align:middle;}

.feature-overlay {display:none; width:100%; position:fixed; left:0px; right:0px; z-index:30;overflow:auto;background-color: whitesmoke;}
.feature-overlay .close {display:block; position:absolute; background: url('../img/img_Close.png'); height:48px; width:48px; top:0; right:0;}
.news-description {margin-top:1.5em;}
.feature-overlay .btn {padding:0.5em 1.7em 0.3em 1.7em; margin:0.2em 0.7em; font-size:13px; font-size:1.3rem; letter-spacing:0.2em;}

/*
 * Works
 * */
#filter-nav-container {display:none;}
.overlay-transparent {position:fixed; top:0px; left:0px; right:0px; bottom:0px; background:#000; opacity:0; display:none;z-index:2;}

.brick .works-no-result {background:white;text-align: center;padding-top: 20%; overflow:visible;opacity:1;display:block;}
.works-no-result h2 {font-size: 64px; margin-bottom:10px;}
.works-no-result a {color:#b3d319;}

#loading-movie {position:fixed; z-index:40; top:0px; bottom:0px; right:0px; left:0px; background:white;}
#movieplayer {display:none; position:fixed; top:0px; left:0px; right:0px; bottom:0px; background:white; z-index: 110;}
#movieplayer .player {top:0px; bottom:97px; left:0px; right:0px; position:absolute;background:black;}
#movieplayer .vimeoproblem {width:100%; position:absolute; top:3em; text-align:center; color:white;z-index:111;}
#movieplayer iframe {width:100% !important; border:0; min-width:980px;}
#movieplayer .navigation-container {min-width:700px;}
/*Movie player controls*/
#movieplayer .right-arrow {
	border-top: 15px solid white;
	border-bottom: 15px solid white;
	border-left: 24px solid #BEBEBE;
	height: auto;
	padding: 0;
	font-size: 0px;
	line-height: 0%;
	width: 0px;
}


#movieplayer .right-arrow.playing{ background-image: url('../img/pause-button.png'); background-repeat: no-repeat; background-position: left;  border:none; width:24px; height: 25px;}
#movieplayer .previous, #movieplayer .next {
	width: 14px;
	position:relative;
}
#movieplayer .navigation-container .next {margin-left: 9px;}
#movieplayer .next .right-arrow {
	border-top: 7px solid white;
	border-bottom: 7px solid white;
	border-left: 11px solid #BEBEBE;
	height: auto;
	padding: 0;
	font-size: 0px;
	line-height: 0%;
	width: 0px;
	float: left;
}
#movieplayer .next .vertical-line {
	border-left: 3px solid #BEBEBE;
	float: right;
	height: 14px;
}
#movieplayer .left-arrow {
	border-top: 7px solid white;
	border-bottom: 7px solid white;
	border-right: 11px solid #BEBEBE;
	height: auto;
	padding: 0;
	font-size: 0px;
	line-height: 0%;
	width: 0px;
	float: right;
}
#movieplayer .previous .vertical-line {
	border-right: 3px solid #BEBEBE;
	float: left;
	height: 14px;
}

#movieplayer #play{
padding: 0px;
margin-top: 30px;
}
#movieplayer span.top-text {
	font-family: 'Droid Serif W01 Italic';
	text-transform: none;
	color: #b3d319;
	font-size: 12px;
	font-size:1.2rem;
	display: block;
	margin-bottom: -0.3em;
}
/*#movieplayer span.top-text.is-in-playlist{
	background-color: yellow;
}*/


#movieplayer  .nav-item {
	height:auto;
	vertical-align: middle;
	margin:30px 20px 0px 20px;
	padding:0;
	position: relative;
}

#movieplayer a.full-screen {
	margin: 10px 44px 0 0;
	float: right;
	padding:0px;
	width:130px;
	position:fixed;
}
#movieplayer .sound {cursor:hand; cursor:pointer; width:34px; height: 42px; float:right; position: relative; bottom: 7px; right: 42px;}
#movieplayer .sound.off {background-image: url('../img/img_SoundOff.png'); display:none;}
#movieplayer .sound.on {background-image: url('../img/img_SoundOn.png');}
#addtoplaylist.invisible {height:0; overflow:hidden;}



#movieplayer .popup {
	
	background-image:url('../img/popup_bg.png') ;
	width:203px;
	height:227px;
	/*background: #d4d4d4;*/
	position: absolute;
	bottom: 26px;
	left: -90px;
	display:none;
	z-index: 5;
}
.next.disable *, .previous.disable * {visibility:hidden;}
.next.disable, .previous.disable {cursor:default;}
#movieplayer .popup img {
	width: 181px;
	height: 181px;
	position:relative;
	left:-3px;
	top:7px;
}
#movieplayer .popup .caption {
	position: absolute;
	bottom: 39px;
	left: 8px;
	/*height: 34px;*/
	background-color: rgba(0, 0, 0, 0.4);
	text-align: left;
	padding:2px 12px 1px 12px;
	font-weight: normal;
	width:157px;
	font-size: 12px;
}
#movieplayer .popup .caption .client {
	color: white;
	font-size: 14px;
	font-family:'UniversLTW01-57Condense';
	line-height: 6px;
	font-weight: normal;
	position:relative;
	top:2px;
}
#movieplayer .popup .caption .project {
	position: relative;
	font-size: 10px;
	bottom: 5px;
	position:relative;
	top:0px;
}
#movieplayer .popup .triangle {
	border-right: 94px solid transparent;
	border-left: 94px solid transparent;
	border-bottom: none;
	border-top: 24px solid #D4D4D4;
	margin-top: -36px;
}

#movieplayer #playerprogressbar {
	height:5px;
	background-color:#ccc;
	cursor: pointer;
	-webkit-transition:height 300ms, margin-top 300ms;
	-moz-transition:height 300ms, margin-top 300ms;
	-ms-transition:height 300ms, margin-top 300ms;
	-o-transition:height 300ms, margin-top 300ms;
	transition:height 300ms, margin-top 300ms;
}
#movieplayer #playerprogressbar.dragging,
#movieplayer #playerprogressbar:hover {
	height:15px;
	margin-top:-7px;
}
#movieplayer #innerprogress {
	height:inherit;
	width:0;
	position:relative;
}
#innerprogress .progresstriangle {
	display:block;
	position:absolute;
	cursor:pointer;
	z-index:2;
	padding-top:5px;
	right:0;
	-webkit-transition:padding-top 300ms;
	-moz-transition:padding-top 300ms;
	-ms-transition:padding-top 300ms;
	-o-transition:padding-top 300ms;
	transition:padding-top 300ms;
}
#innerprogress .progresstriangle div {
	display:block;
	height: 0;
	width: 0;
	border-width:7px;
	border-style: solid;
	border-color: transparent;
	-webkit-transition:border-width 300ms;
	-moz-transition:border-width 300ms;
	-ms-transition:border-width 300ms;
	-o-transition:border-width 300ms;
	transition:border-width 300ms;
}

#playerprogressbar.dragging .progresstriangle, 
#playerprogressbar:hover .progresstriangle {
	padding-top:14px;
}
#playerprogressbar.dragging .progresstriangle div, 
#playerprogressbar:hover .progresstriangle div {
	border-width:14px;
}
/*Movie Player Short Description or Credits */
/*#movieplayer .project-info {width: 444px; right:-422px;}*/
#movieplayer .short-info {color: white; width:480px; background-color: rgba(0, 0, 0, 0.5);}
#movieplayer .short-info h2 {color: white; }
.movieplayerControlHeight { height:97px;}
#movieplayer .navigation-container {border-bottom:0px; height:97px; background:white;

-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.project-info {width: 502px; position:fixed; top:0px; right:-480px; bottom: 0px;}
.project-info .expand, .project-info .collapse {width: 22px; height: 22px; margin: 30px 0 0 0; display:block; float:left;}
.project-info .expand {background-image:url('../img/expand_button.png'); padding:0px;} 
.project-info .collapse {background-image:url('../img/collapse_button.png'); padding:0px;}
.services .project-info .expand {visibility:hidden;} 
.project-info .short-info {width: 480px; height:100%; background-color:rgba(0,0,0, 0.5); display:block; float:left; color:white; overflow-y: auto; overflow-x: hidden;}
.project-info .container {	padding: 0 30px;}
.project-info h2 {
	font-size: 58px;
	font-size: 5.8rem;
	text-align: center;
	font-family: 'HAVEANICEDAY-BoldBasic';
	margin-top: 60px;
	text-transform: uppercase;
	margin-bottom: 0;
}
.project-info .short-info h2 {color:#777; font-size: 70px; font-size:7rem; font-family: 'HAVEANICEDAY-Tall'; margin-top:50px; line-height: 10px; line-height:1em;}

.project-info h4 {
	font-family: 'UniversLTW01-57Condense';
	text-align: center;
	text-transform: uppercase;
	margin-top:20px;
	font-weight: normal;
	font-size:24px;
	font-size:2.4rem;
/*	border-bottom: 1px solid #ABABAB; */
}
.project-info h4 span {
	margin: 0 10px;
	font-size: 17px;
	font-size: 1.7rem;
	font-weight: bold;
}
.project-info .description {
	padding: 30px 12px;
	font-size: 24px; /* 1.2 * 20px */
	font-size: 1.2rem;
	border-top:1px solid #ABABAB;
}
.project-info .short-info p { text-align: left; margin-top: 20px; font-size: 28px;/* 1.4 * 20px */ font-size:1.4rem; line-height:1.6em; font-weight:normal;}

.project-info .description p span {
	font-family:'Droid Serif W01 Italic' !important;
	color:white!important;
	line-height: 18px !important;
	font-size: 1.2rem !important;
}

.project-info .locations {
	border-top: 1px solid #ABABAB;
	list-style: none;
	font-family: 'UniversLTW01-57Condense';
	text-transform: uppercase;
	padding: 10px 0;
	text-align: center;
	font-size: 12px;
	font-size: 1.2rem; 
	margin: 0;
}

.project-info .services-performed {
	border-top: 1px solid #ABABAB;
	list-style: none;
	font-family: 'UniversLTW01-57Condense';
	text-transform: uppercase;
	padding: 10px 0;
	text-align: center;
	font-size: 12px; 
	font-size: 1.2rem; 
	margin: 0;
}
.project-info .services-performed a, .project-info .locations a{ color:inherit;}


.project-info .services-performed li, .project-info .locations li {
	display: inline;
	margin: 0;
}
.project-info .dot {padding: 0 0.4em;}
.project-info .credits {
	padding: 0;
	list-style: none;
	text-align: center;
	border-top:1px solid #ABABAB; margin:0; padding:0 0 40px 0;
}
.project-info .credits .title {
	font-family: 'DroidSerifW01-BoldItali';
	margin-top: 40px;
	font-size: 13px;
	font-size:1.3rem;
	margin-bottom:5px;
}
.project-info .credits .title span.role-line {
	position: relative;
	margin: 0 7px;
	font-weight: bold;
	border-width:1px 0 0 0;
	border-style:solid;
	display:inline-block;
	height:0;
	width:15px; 
	top:-4px;
}
.project-info .credits .name {
	font-family: 'UniversLTW01-57Condense';
	font-size: 16px;
	font-size:1.6rem;
	text-transform: uppercase;
}
.short-info .expand-long-info {
	color: #003300;
	display: block;
	width:14em;
	margin: 36px auto 104px auto;
	background-color: #b3d319;
	text-align: center;
	height:2.1em;
	padding:1em 0em 0em 0em;
	font-size:14px;
	font-size:1.4rem;
}
.project-info .long-info {background-color:rgba(0,0,0, 0.5); display:block; float:left; color:white; position:fixed; top:0px; bottom: 30px; width:100%; left:100%; overflow-y: auto; overflow-x: hidden;}
.long-info .collapse-long-info {
	position: absolute;
	top: 30px;
	left: 0px;
	background-image: url('../img/expand_button.png');
	background-repeat: no-repeat;
	color: black;
	width: 22px !important;
	height: 22px !important;
}
.long-info .overview {
	width: 600px;
	margin: 0 auto;
}
.behind-the-scenes.copy {margin-bottom: 94px;}

/*Services page */
.service-btn a, .next-btn a, .expand-long-info a, .collapse-long-info a
	{cursor:pointer;display:inline-block; line-height:2.2em;  padding:0.4em 1.7em 0.3em 1.7em; margin:0.2em 0.7em; font-size:13px; font-size:1.3rem; letter-spacing:0.2em;}

.stationary-container {width:100%; position:relative; background: center center fixed no-repeat;overflow:hidden;}
.stationary-foreground {position:relative;}
.stationary-background {position:fixed; overflow:hidden;top:0px; bottom:0px; left:0px; right:0px;}
.stationary-background img {display:none;} /* Starts off hidden*/
.services .break {display:none; height:0px;}
.service-description {padding: 10px 0; text-align:justify;}
.service.panel-center {padding-top:0; padding-bottom:0; width:530px;}
.service.panel-center p {letter-spacing:0;}
.service.panel-center p:last-child {padding-bottom:0;}
.service.panel-center p.service-btn {padding-bottom:0;}
/*.service-description p {
	font-size:18px;
}

.service-description {
	background-color:rgba(0,0,0,0.5);
	padding:3px;
}*/

/*Contact Page*/
#links-panel {font-family: 'HAVEANICEDAY-Tall'; font-size: 68px; font-size:6.8rem;}
	#links-panel .panel {width:800px; height:335px; position:fixed; z-index:1;}
	#links-panel a {cursor: pointer; color: rgba(0, 0, 0, 0.6); position:absolute; top:-10px; display:none;
		-webkit-transition:color 300ms; -moz-transition: color 300ms; -ms-transition: color 300ms; -o-transition: color 300ms;}
	#links-panel .point {font-family:'Times New Roman'; font-size:60px; font-size:6rem; position:absolute; color:rgba(0,0,0,0.4);
		-webkit-transition:color 300ms; -moz-transition: color 300ms; -ms-transition: color 300ms; -o-transition: color 300ms;}
		
	#links-panel a:hover, #links-panel a:hover .point {color:rgba(145,144,124,1);}
		#links-panel .toronto {margin-top:46px; left:138px;}
		#links-panel .hamburg {margin-top:-65px; left:250px;} 
		#links-panel .berlin {margin-top:15px; left:280px;}
		#links-panel .dubai {margin-top:140px; left:426px;}
		#links-panel .singapore {margin-top:241px; left:446px;}
		.toronto .point {top:-43px; left:68px;}
		.hamburg .point {top:43px; left:0px;}
		.berlin .point {top:-31px; left:-18px;}
		.dubai .point {top: -34px; left:-9px;}
		.singapore .point {top: -36px; left:156px;}
/*
		#links-panel .toronto {margin-top: 105px; left:100px;}
		#links-panel .hamburg {margin-top:-25px; left:330px;}
		#links-panel .berlin {margin-top:60px; left:540px;}
		#links-panel .dubai {margin-top: 200px; left:620px;}
		*/
.contact .main-footer {position: relative; bottom: 80px; z-index:2;}
	.contact .main-footer .social-media {float:left;position: relative;left: 40px;top: 20px;}
		.social-media img {border:0px;}
	.contact .main-footer .copyright {float:right;position: relative;right: 40px; top: 28px;color: rgba(40,40,40,0.36);font-size: 12px; color:#91907c;}
.contact .location-panel {margin:0; background-color: white; width:100%; /* height: 480px; */ padding:0px 0 2.2em 0; text-align: center; z-index:2; position:relative;}
	.contact .location-panel-container {padding-top:0.8em; background:white;}
		.contact h1 {font-family: 'HAVEANICEDAY-Tall'; font-size: 80px; font-size:8rem; margin-top: 0;  margin-bottom: 0; padding-bottom:1.8rem; font-weight: lighter;}
		.contact .location-panel .contact-list {font-family:'UniversLTW01-57Condense'; list-style: none; padding: 0; margin:0; text-transform: uppercase;}
		.contact .location-panel .contact-list a {color:#FF6108;}
		.contact .location-panel .address-info {padding-bottom:0.7rem; line-height:2rem;}
			.contact .contact-list .line {display: inline-block; border-left: 1px solid; padding:0 0.7em; line-height:1em;}
				.contact .contact-list .line:first-child {border-left: none;}
				.contact .location-line {display:block; width:980px;margin: 30px auto 35px auto;height: 1px; border: 0; border-top: 1px solid #ccc;}
			.contact .staff-member {text-align: left; margin-right:30px; margin-left:30px; float: left;}
			.contact .location-staff-list {margin: auto;}
				.contact .staff-title {font-family: 'HAVEANICEDAY-Tall'; font-size:43px;font-size:4.3rem; margin-bottom:0.7rem; line-height:5rem;}
				.contact .staff-name {font-family:'UniversLTW01-57Condense'; text-transform: uppercase; padding-bottom: 1.4rem; }
				.contact .staff-line {width:20px; float: left; height: 1px; border: 0; margin:0 0 12px 0; border-top: 1px solid #282828;}
				.contact .staff-phone {margin:0; padding: 0;}
				.contact .staff-email {margin:5px 0;}
.contact .parallax-container {z-index:2; position:relative; background-color:#ddd;}


/*Playlist Styles*/
/*.playlist-star {width:19px; height:18px; float:right; background: url('../img/star-inactive.png') no-repeat center; margin-top: -42px; margin-right: 5px; cursor: hand; cursor: pointer;}*/
.playlist-star {width:30px; height:30px; float:right; margin-top: -51px; margin-right: 5px; cursor: pointer; color:white; font:24px verdana !important; text-align:center; color:white;} 
.show-ex {
		  -webkit-transform:rotate(45deg);
		  -moz-transform:rotate(45deg);
		  -ms-transform:rotate(45deg);
		  -o-transform:rotate(45deg);
		  filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1.5);
		  margin-top:-50px;
		  margin-left:-5px;
}

/*Playlist Share and Search Slideouts on Works page*/
.works-control {width: 422px; position:fixed; top:0px; right:-422px; bottom: 9.2rem;
background-color:white; display:block; overflow-y: auto; overflow-x: hidden;
z-index:2;
}

.short-info-top {
		background:white;
		border-bottom: 3px solid #b3d319;
		-moz-box-shadow: 0px 0px 29px #888;
		-webkit-box-shadow: 0px 0px 29px #888;
		box-shadow: 0px 0px 10px #888;
		/*padding: 26px 24px 36px 43px;*/
		height: 55px;
	}
.short-info-title {float:left; text-transform: uppercase;}
.close-button {float:right; cursor: hand; cursor: pointer; margin:20px 22px 0px 0px;opacity:0.5;}
.title-icon {margin:19px 0px 0px 43px; display:none;}

	.share h2 {color:#777; font-size: 48px; font-size:4.8rem; font-family: 'HAVEANICEDAY-Tall'; margin:10px 0 0 0; line-height: 10px; line-height:1.5em;}
		.share input {display: block; width: 76%; margin: 0 auto; background-color: #F3F3F3; font-family: 'Droid Serif W01 Italic'; text-align: center; height: 32px; font-size: 15px; font-size:1.5rem; margin-bottom: 5px; border:0;}
	.share input.first-section {margin-top:10px;}
	.works-control .button {color:#282828; display: block; width: 130px; margin: 16px auto 36px auto; background-color: #b3d319;
		text-align: center; height: 20px; padding: 16px 30px 12px 30px; cursor:pointer; 
		font-size:14px; font-size:1.4rem; font-family:'Droid Serif W01 Italic';}
	.works-control .button.disabled{
			background-color: #E8E8E8;
			color:#aaa;
	}
	.share hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 0 auto; padding: 0; width:76%;}
	.share-result {visibility: hidden;}
	.playlist-slide-title {margin-top:40px;}
 .filter-container {background-color: #E6E6E6; font-family: 'UniversLTW01-57Condense';}



	.filter-list {margin:0 35px; overflow:hidden;padding:0.4em 0; border-bottom:2px solid #ccc;}

	.filter-list li {list-style: none; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #C2C9C9;text-transform: uppercase; color:#282828; padding: 0.9em 0;}
	.filter-list li:hover {color:#898989;}

	.filter-name {display: block; padding-left: 15px; text-indent: -15px; font-size: 13px; font-size:1.3rem; cursor: pointer !important;}
	.filter-name input[type=checkbox] { display: none;}
	.filter-name label {
		background:url(../img/Checkbox-small.png) 0 0 no-repeat;
		 height:1.3em;
		 width: 1.3em;
		 padding: 0;
		 position: relative;
		 top: 0.4em;
		 margin-right:0.2em;
		 cursor: pointer;
		display:inline-block;
	}
	.filter-name.checked label  {
		background-position:0 -1.4em;
	}
	.filter-list.main {margin-top:0.3em; margin-bottom:0.3em; padding:0; border-bottom:0;}
	.main .filter:first-child {border-top:0px;}
	.main .filter:last-child {border-bottom:0px;}
	.main .filter-name label{
		width:0px;
		height:0px;
		border-width:5px;
		border-style:solid;
		border-color:transparent transparent transparent black;
		margin-right:10px;
		top:0;
		background-image:none;
	}
	.main span, .main span {
		font-size: 16px; font-size:1.6rem;
	}

	.make-selection{
		background-color: white;font-size:16px; font-size:1.6rem;
		padding: 0.7em 0 0.7em 2em; text-transform: uppercase; color: #282828; 
	   -moz-box-shadow: 0 5px 10px -10px rgba(0, 0, 0, 0.5);
      -webkit-box-shadow: 0 5px 10px -10px rgba(0, 0, 0, 0.5);
      box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.3);}



	.loc .filter {float:left; border:0px; width:25%;}
	.filter.Hamburg {width:28%}
	.filter.Dubai {width:22%;}
	
	.srv .filter {display:block; float:left; width:50%;}
	.checkboxes .filter:nth-child(2) {border-top:0px;}
	
	.srv .filter:nth-child(1), .srv .filter:nth-child(2) {border-top:0px;}
	.srv .filter:last-child, .srv .filter:nth-last-child(2):nth-child(odd) {border-bottom:0px solid #C9C9C9; }
	.srv .filter:last-child:nth-child(odd) {width:100%; float:none; clear:both;}


.share {overflow-y:visible;overflow-y:auto; overflow-x:hidden; text-align: center;}
		.share  p {margin-top:7px;text-align: center; color:#777; font-size:11px; font-size:1.1rem;}
		#share-message {background-color: #F3F3F3; font-family: 'Droid Serif W01 Italic'; width: 76%; font-size: 15px; border: 0; resize:none;}
		#share-message::-webkit-input-placeholder {text-align: center; padding-top:75px;}
		#share-message:-moz-placeholder {text-align: center; padding-top:75px;}
		#share-message:-ms-input-placeholder {text-align: center; padding-top:75px;}
.share .redirect-copy {margin-top:0;}

.playlist-result {visibility: hidden; margin-bottom: 57px;}



.share-button  {width:48px; height:48px; position: fixed; top: 0px; right: 0px; background-image: url('../img/img_Send.png'); cursor:pointer;z-index:2;}
.search-button {width:48px; height:48px; position: fixed; top: 0px; right: 0px; background-image: url('../img/img_Search.png'); cursor:pointer; z-index:2;}
/*.works .share-button:hover {background-image: url('../img/share-hover.png');}*/
/*.works .search-button:hover {background-image: url('../img/search-hover.png');}*/
.share-result {color:black;font-size:16px !important; margin:0 0 30px 0; display:none;}



/*
 * Media Queries
 * */
/*
@media only screen and (max-width: 240px) {
	.brick li {width:50%;}
	.brick li.two {width:100%; } 
	.brick .caption * {font-size:90%; }
}
@media only screen and (min-width: 240px) {
	.brick li {width:33.3333333333333333333333333333333333333333333333%;}
	.brick li.two {width:66.666666666666666666666666666666666666666666666%; }
	.brick .caption * {font-size:100%; }
}
@media only screen and (min-width: 700px) {
	.brick li {width:33.3333333333333333333333333333333333333333333333%;}
	.brick li.two {width:66.666666666666666666666666666666666666666666666%; }
	.brick .caption * {font-size:100%; }
}
@media only screen and (min-width: 1100px) {
	.brick li {width:25%;}
	.brick li.two {width:50%; }
}
@media only screen and (min-width: 1400px) {
	.brick li {width:20%;}
	.brick li.two {width:40%; }
}*/

@media screen and (max-width:980px)
{
html {overflow-x:scroll;}
}
/* Legal */
.contact_modal { padding: 0; overflow-x: hidden; }
.contact_modal h3 { font-size: 1.3rem; text-align: left; color: #282828; margin: auto; letter-spacing: 0; text-transform: uppercase; padding-bottom: 0rem; font-family:'UniversLTW01-57Condense'; }
.contact_modal h2 { font-size: 1.3rem; text-align: left; color: #282828; margin: auto; letter-spacing: 0; text-transform: uppercase; margin-bottom: 1rem; font-family:'UniversLTW01-67BoldCn'; }
.contact_modal p { font-size: 1.14rem; text-align: left; line-height: 1.35em;letter-spacing: 0; text-align:justify; text-justify:inter-word; }
.contact_modal a { color: #282828; }
.contact_modal .col1, .contact_modal .col2 { width: 48%; float: left; margin-bottom: 4rem; }
.contact_modal .col1 { margin-right: 4%; }
.contact_modal hr { clear: both; margin-bottom: 4rem; }
.panel-impressum { width: 980px; display: block; float: none; clear: both; line-height: 1.9em; text-align: center; margin: 0 auto; padding: 8.5% 20px; }
.panel-impressum .col1 h3, .panel-impressum .col2 h3, .panel-impressum .col h3{ line-height: 1.4rem; }
.panel-impressum .col1 p, .panel-impressum .col2 p, .panel-impressum .col p{ text-align: left; }
.panel-impressum .col1 a, .panel-impressum .col2 a, .panel-impressum .col a{ text-decoration: underline; }