html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

/* Fonts */
@font-face {
  font-family: 'Tungsten Semibold';
  src: url('../fonts/Tungsten-Semibold.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Tungsten-Semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Tungsten-Semibold.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Tungsten-Semibold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Tungsten-Semibold.svg#e5f1fa838ba4f3e5059cea69f9b0aff4') format('svg'); /* Legacy iOS */

  font-style:   normal;
}
@font-face {
  font-family: 'Tungsten Medium';
  src: url('../fonts/Tungsten-Medium.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Tungsten-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Tungsten-Medium.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Tungsten-Medium.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Tungsten-Medium.svg#ccb96919a9a65601fefe49e76e578fd3') format('svg'); /* Legacy iOS */

  font-style:   normal;

  font-weight: 400;
}

@font-face {
  font-family: 'Chronicle Deck Cond';
  src: url('../fonts/ChronicleDeckCond-Italic.eot'); /* IE9 Compat Modes */
  src: url('../fonts/ChronicleDeckCond-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/ChronicleDeckCond-Italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/ChronicleDeckCond-Italic.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/ChronicleDeckCond-Italic.svg#2e0f0cf6e1a0667041392921a1b92fb8') format('svg'); /* Legacy iOS */

  font-style:   italic;
  font-weight:  400;
}

@font-face {
  font-family: 'Gotham Bold';
  src: url('../fonts/Gotham-Bold.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Gotham-Bold.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Gotham-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Gotham-Bold.svg#6a327a217ddd10461b1acdc4d224fee0') format('svg'); /* Legacy iOS */

  font-style:   normal;
  font-weight:  700;
}


@font-face {
  font-family: 'Gotham Book';
  src: url('../fonts/Gotham-Book.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Gotham-Book.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Gotham-Book.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Gotham-Book.svg#7510147900d23fa3ad697e74bf146ea2') format('svg'); /* Legacy iOS */

  font-style:   normal;
  font-weight:  400;
}

/* Common */
html {
	font-family: Helvetica;
	background-color: #ddd;
	width: 100%;
	height: 100%;
}



body {
	width: 100%;
	height: 100%;
	padding-top: 0;
}

body.hidden {
	overflow: hidden;
}

a {
	color: inherit;
}

a:hover {
	text-decoration: none;
}

body .main-frame {
	background-color: #ddd;
	position: relative;
	z-index: 60;
	top: 0;
	-webkit-transition: top 0.8s;
	-moz-transition: top 0.8s;
	-ms-transition: top 0.8s;
	-o-transition: top 0.8s;
	transition: top 0.8s;
}

body.hidden .main-frame {
	background-color: #ddd;
	position: relative;
	z-index: 20;
	top: 115%;
	-webkit-transition: top 0.8s;
	-moz-transition: top 0.8s;
	-ms-transition: top 0.8s;
	-o-transition: top 0.8s;
	transition: top 0.8s;
}

.sprite {
	background-image: url(../images/sprite.png);
	background-repeat: no-repeat;
	display: block;
}

.supports-bg-size .sprite {
/*	background-image: url(../images/sprite-hd.png);
	-webkit-background-size: 500px 500px;
	background-size: 500px 500px;*/
	background-image: url(../images/sprite.svg);
}

.inner {
	width: 1200px;
	text-align: left;
	margin: 0 auto;
}

.clear {
	clear: both;
}

a.full-link {
	display: block;
	height: 100%;
	width: 100%;
}

/* Header */
.main-header {
	background-color: #111111;
	position: fixed;
	top: 0;
	left: 50%;
	height: 90px;
	width: 1197px;
	z-index: 90;
	margin: 0 0 0 -600px;
	
}
.main-header1 {
	background-color: #111111;
	position: fixed;
	top: 0;
	left: 50%;
	height: 90px;
	width: 1200px;
	z-index: 90;
	margin: 0 0 0 -600px;
	
}

/*.main-header h1 {
	width: 86px;
	height: 17px;
	margin: 11px 0 0 14px;
	background-position: -1px -1px;
	float: left;
}*/

.main-header h1 a {
	display: block;
	text-indent: -999em;
	height: 100%;
	width: 100%;
}
/* header as of now */
.main-header .as-of-now {
	position: absolute;
	right: 0;
	top: 0;
	height: 30px;
	line-height: 30px;
	color: #b3b3b3;
	font-size: 12px;
	text-transform: uppercase;
	margin: 5px 0 0 0;
	padding: 0 0 0 22px;
	border-left: 1px solid #333333;
}

.main-header .as-of-now span {
	display: inline-block;
	padding: 0 20px 0 0;
	font-family: 'Gotham Book';
	
}

.main-header .as-of-now span a {
	text-decoration: none;
	color: #fff;
	width: auto;
	padding: 0;
	margin: 0 !important;
}

.main-header .as-of-now a {
	display: inline-block;
	width: 17px;
	height: 17px;
	background-position: -102px -447px;
	margin: 0 4px -3px 4px;
}

.main-header .as-of-now a.facebook {
	background-position: -152px -447px;
}

.main-header .as-of-now a:last-child {
	margin-right: 10px;
}

/* Nav */
.main-nav {
	height: 40px;
	position: absolute;
	right: 300px;
	top: 0;
}

.main-nav li {
	float: right;
	height: 40px;
	line-height: 40px;
}

.main-nav li a {
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	display: block;
	height: 40px;
	line-height: 40px;
	padding: 0 25px;
	text-transform: uppercase;
	font-family: 'Gotham Bold';
}
/* Project Slider */


/* Homepage slider */
.jslider {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	overflow: hidden;
}

.jslider .slides, .jslider .slides ul {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.jslider .slides ul li {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center center;
	z-index: 1;

/*	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);*/
}

.home-slider .slides ul li {
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.80);
	-moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 0.80);
	box-shadow:         0px 0px 10px rgba(50, 50, 50, 0.80);
}

.jslider .slides ul li.active {
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-o-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
	z-index: 3;
}

.jslider .slides ul li.next {
	z-index: 2;
}

.jslider .text-slides {
	position: absolute;
	top: 400px;
	left: 50%;
	width: 1200px;
	margin: 0 0 0 -600px;
	z-index: 50;
	text-align: left;
}

.jslider .text-slides ul li {
	font-size: 170px;
	line-height: 150px;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Tungsten Semibold';
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	padding-bottom: 45px;
}

.support-opacity .jslider .text-slides ul li {
	display: block;
	opacity: 0;
}

.jslider .text-slides ul li p {
	font-family: 'ChronicleDeckCond-Italic';
	font-size: 20px;
	line-height: 20px;
	text-transform: none;
}

.jslider .text-slides ul li .read-more {
	position: absolute;
	bottom: 0;
	left: 0;
}

.jslider .text-slides ul li.active {
	z-index: 10;
}

.support-opacity .jslider .text-slides ul li.active {
	opacity: 1;
}

.jslider .datetime {
	position: absolute;
	width: 100%;
	top: 200px;
	text-align: center;
	z-index: 49;
	color: #fff;
}

.jslider .datetime .date {
	width: 1200px;
	margin: 0 auto;
	text-align: left;
	font-size: 48px;
	font-family: 'Tungsten Medium';
	font-style: italic;
	text-transform: uppercase;
	font-weight: 400;
}

.jslider .datetime .line {
	width: 192px;
	border-bottom: 1px solid #fff;
	clear: both;
	padding-top: 20px;
}

.jslider .datetime .time {
	width: 1200px;
	margin: 0 auto;
	text-align: left;
	font-size: 105px;
	font-family: 'Tungsten Medium';
	position: relative;

}
.jslider .datetime .time .part {
	height: 110px;
	float: left;
	width: 80px;
	text-align: center;
}
.jslider .datetime .time .part.sep {
	width: 20px;
}
.jslider .datetime .time .part.ap {
	width: 95px;
	text-align: right;
}

.jslider .controls {
	width: 50px;
	height: 101px;
	border: 1px solid #fff;
	position: absolute;
	right: 0;
	top: 50%;
	margin: -50px 0 0 0;
	z-index: 48;
	display: none;
}

body.gallery .jslider .controls {
 display: block;
}

.jslider .controls .prev {
	height: 50px;
	width: 50px;
	border-bottom: 1px solid #fff;
	background-position: 17px -182px;
	cursor: pointer;
}

.jslider .controls .next {
	width: 50px;
	height: 50px;
	background-position: 17px -232px;
	cursor: pointer;
}
.jslider .controls div {
	background-color: transparent;
	background-color: rgba(135, 135, 134, 0);
	-webkit-transition: background-color 0.5s;
	-moz-transition: background-color 0.5s;
	-ms-transition: background-color 0.5s;
	-o-transition: background-color 0.5s;
	transition: background-color 0.5s;
}

.jslider .controls div:hover {
	background-color: #000;
	background-color: rgba(0, 0, 0, 1);
}


/*.jslider .scroll-to {
	position: absolute;
	bottom: 30px;
	left: 50%;
	height: 47px;
	width: 47px;
	cursor: pointer;
	z-index: 49;
	background-position: -151px -151px;
}*/


.jslider .scroll-to {
	position: absolute;
	bottom: 30px;
	left: 50%;
	height: 56px;
	width: 56px;
	cursor: pointer;
	z-index: 51;
	background-position: -285px -430px;
}

.jslider .scroll-to .circle {
	height: 100%;
	width: 100%;
	border-radius: 28px;
	border: 1px solid rgb(255,255,255);
	border: 1px solid rgba(255,255,255,0.8);
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-ms-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;

	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);

}

.jslider .scroll-to:hover .circle {
	border: 1px solid rgb(255,255,255);
	border: 1px solid rgba(255,255,255,0);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}



/* button */
.button {
	display: inline-block;
	height: 45px;
	background-color: #fff;
	color: #1a1a1a;
	font-size: 22px;
	line-height: 49px;
	text-decoration: none;
	font-family: 'Gotham Bold';
	padding: 0 80px 0 18px;
	position: relative;
}

.casestudy-reel .button {
	text-transform: uppercase;
}

.button span {
	width: 45px;
	height: 45px;
	top: 0;
	right: 0;
	position: absolute;
	border-left: 1px solid #ccc;
	background-image: url(../images/sprite.png);
	background-repeat: no-repeat;
	background-position: 15px -37px;
}


/* Sub header */
.sub-header {
	padding: 80px 0 0 0;
	height: 160px;
	width: 100%;
	background-image: url(../images/banner/homepage_banner01.jpg);
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
}

.sub-header .inner {
	position: relative;
}

.sub-header h2 {
	color: #fff;
	font-size: 80px;
	height: 90px;
	line-height: 100px;
	font-family: 'Tungsten Medium';
	float: left;
	margin: 15px 0 0 0;
	padding: 0 33px 0 0;
	border-right: 1px solid #fff;
	border-right: 1px solid rgb(255, 255, 255);
	border-right: 1px solid rgba(255, 255, 255, 0.5);
	margin-top:10px;
}
.sub-header .datetime {
	float: left;
	height: 90px;
	margin: 20px 0 0 0;
	padding: 12px 0 0 33px;
	color:#FFF;
}

.sub-header .datetime .date {
	font-family: 'Chronicle Deck Cond';
	font-style: italic;
	font-size: 16px;
	text-transform: uppercase;
}

.sub-header .datetime .time {
	font-family: 'Tungsten Medium';
	font-size:48px;
	padding-left:5px;
	
}

.sub-header .datetime .time .part {
	float: left;
	width: 37px;
	text-align: center;
}

.sub-header .datetime .time .part.sep {
	width: 6px;
}

.sub-header .plus-symbol {
	height: 72px;
	width: 72px;
	background-color: #fff;
	position: absolute;
	right: 0;
	top: 25px;
	background-position: -387px -135px;
	cursor: pointer;
}

/* Main content */
.home-content {
	width: 100%;
	text-align: center;
	position: relative;
	z-index: 2;
	-webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 10px rgba(50, 50, 50, 0.75);
	padding: 100px 0 0 0;
}

.home-content .inner {
	text-align: left;
	padding-bottom: 62px;
}

.home-content .line {
	width: 100%;
	height: 1px;
	background-color: #cccccc;
	margin-bottom: 80px;
}

.home-content h3 {
	font-family: 'Chronicle Deck Cond';
	font-style: italic;
	font-size: 38px;
	color: #000;
	text-transform: uppercase;
	padding: 0 0 20px 0;
}

.home-blocks {
	width: 1225px;
}

.home-blocks .block {
	width: 384px;
	height: 440px;
	margin: 0 24px 24px 0;
	background-color: #fff;
	float: left;
	position: relative;
	-webkit-background-size: cover;
	background-size: cover;
	overflow: hidden;
}

.supports-transition .softload {
	opacity: 1;
	-webkit-transition: opacity 1s ease;
	-moz-transition: opacity 1s ease;
	-ms-transition: opacity 1s ease;
	-o-transition: opacity 1s ease;
	transition: opacity 1s ease;
}

.supports-transition .faded {
	opacity: 0;
}


.home-blocks .in-block {
	-webkit-background-size: cover;
	background-size: cover;
	width: 384px;
	height: 440px;
}

.home-blocks .block.double {
	width: 792px;
}

.home-blocks .block .img-top {
	width: 100%;
	height: 252px;
	background-color: green;
	position: relative;
}

.home-blocks .block .img-top img {
	height: 100%;
	width: 100%;
}

.block .play-sym {
	height: 125px;
	width: 125px;
	background-position: -101px -1px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -62px 0 0 -62px;
}

.home-blocks .block .text {
	padding: 20px;
}

.home-blocks .block .text p {
	font-family:  'Chronicle Deck Cond';
	font-size: 18px;
	color: #666666;
	font-style: italic;
	padding-bottom: 5px;
}

.home-blocks .block .text h4 {
	font-size: 48px;
	line-height: 44px;
	font-family: 'Tungsten Semibold';
	color: #333333;
	text-transform: uppercase;
}

.home-blocks .block .block-cta {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 36px;
	line-height: 36px;
	text-indent: 20px;
	font-family: 'Gotham Bold';
	color: #000;
	text-decoration: none;
	font-size: 13px;
	line-height: 36px;
	border-top: 1px solid #e0e0e0;
	width: 100%;
	text-transform: uppercase;
}

.home-blocks .block .block-cta span {
	display: inline-block;
	height: 19px;
	width: 18px;
	background-position: -1px -351px;
	margin: 0 0 -5px 10px;
}

.home-blocks .block.twitter .text h4 {
	font-size: 32px;
	line-height: 32px;
	font-family: 'Tungsten Semibold';
	color: #333333;
	width: 140px;
	padding: 4px 0 2px 42px;
	background-position: -1px -401px;
	margin: 0 0 20px 0;
}

.home-blocks .block.twitter .text p {
	font-size: 37px;
	line-height: 40px;
	word-wrap: break-word;
}

.twitter-roll {
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.5);
	position: absolute;
	bottom: 0;
	left: 0;
	height: 230px;
	bottom: 0;

	-webkit-transition: bottom 0.5s ease;
	-moz-transition: bottom 0.5s ease;
	-ms-transition: bottom 0.5s ease;
	-o-transition: bottom 0.5s ease;
	transition: bottom 0.5s ease;
}

.block .twitter-roll .block-cta {
	color: #fff;
}

.twitter-roll .in  {
	padding: 20px;
}

.twitter-roll h4 {
	padding:  0 0 0 42px;
	height: 36px;
	line-height: 36px;
	font-size: 33px;
	color: #fff;
	font-family: 'Tungsten Semibold';
	margin: 0 0 15px 0;
	position: relative;
}

.twitter-roll h4 .sprite {
	height: 36px;
	width: 42px;
	background-position: -201px -451px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}


.twitter-roll p {
	color: #fff;
	font-family: 'Chronicle Deck Cond';
	font-style: italic;
	font-size: 20px;
	line-height: 24px;
}

.block .rollover {
	padding: 20px;
	height: 186px;
	width: 100%;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.5);
	position: absolute;
	bottom: -186px;
	left: 0;
	color: #fff;

	-webkit-transition: bottom 0.5s ease;
	-moz-transition: bottom 0.5s ease;
	-o-transition: bottom 0.5s ease;
	-ms-transition: bottom 0.5s ease;
	transition: bottom 0.5s ease;
}

.block:hover .rollover, .block .rollover.open, .touch-device .block .rollover {
	bottom: 0;
}

.block .rollover p {
	font-family: 'Chronicle Deck Cond';
	font-style: italic;
	color: #fff;
	font-size: 18px;
	padding-bottom: 10px;
}

.block .rollover h4 {
	font-family: 'Tungsten Medium';
	font-size: 48px;
	line-height: 44px;
	text-transform: uppercase;
}
.block .rollover h5 {
	font-family: 'Tungsten Medium';
	font-size: 36px;
	line-height: 34px;
	text-transform: uppercase;
}
.block .rollover h5 a
{
	text-decoration:none;
}

.block .rollover h4.three-line {
	font-size: 34px;
	line-height: 31px;
}

.block .rollover .rollover-cta {
	text-decoration: none;
	color: #fff;
	font-family: 'Gotham Bold';
	position: absolute;
	bottom: 15px;
	left: 20px;
	font-size: 13px;
	text-transform: uppercase;
}

.block .rollover .rollover-cta span {
	display: inline-block;
	height: 18px;
	width: 18px;
	background-position: -1px -350px;
	margin: 0 0 -4px 10px;
}


/* Full width section */
.full-width {
	width: 100%;
	background-position: center center;
	-webkit-background-size: cover;
	background-size: cover;
	padding: 170px 0 80px 0;
	z-index: 1;
	position: relative;
}

.full-width h3 {
	font-family: 'Tungsten Semibold';
	color: #fff;
	font-size: 157px;
	line-height: 137px;
	text-transform: uppercase;
	padding-bottom: 10px;
}


.load-more-bar {
	width: 100%;
	height: 45px;
	background-color: #000;
	position: relative;
	bottom: 0;
	left: 0;
	z-index: 10;
}

.load-more-bar .arrow {
	width: 25px;
	height: 45px;
	margin: 0 auto;
	background-position: -1px -439px;
}

.full-width .next {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 550px;
	width: 50px;
	height: 50px;
	background-position: -83px -284px;
	z-index: 10;
	background-color: #fff;
	cursor: pointer;
}

.casestudy-reel .next {
	left: auto;
	right: 0;
	margin-left: 0;
}

.full-width .prev {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -600px;
	width: 50px;
	height: 50px;
	background-position: -83px -234px;
	z-index: 10;
	background-color: #fff;
	cursor: pointer;
}

.casestudy-reel .prev {
	left: 0;
	margin-left: 0;
}


/* Footer */
.main-footer {
	height: auto;
	width: 100%;
	background-color: #000;
	text-align: center;
}

.main-footer .twitter-post {
	float: left;
	line-height: 57px;
	padding:  0 0 0 40px;
	position: relative;
	color: #fff;
	font-family: 'Chronicle Deck Cond';
	font-size: 15px;
	font-style: italic;
}

.main-footer .twitter-post .sprite {
	position: absolute;
	left: 0;
	top: 0;
	height: 57px;
	width: 35px;
	background-position: -101px -384px;
}

.footer-as-of-now {
	float: right  ;
	color: #b3b3b3;
	line-height: 57px;
	font-family: 'Gotham Book';
	text-transform: uppercase;
	font-size: 12px;
}

.footer-as-of-now span a {
	display: block;
	float: right;
	height: 57px;
	width: auto;
	padding: 0 25px 0 0;
	text-decoration: none;
}

.footer-as-of-now a {
	display: block;
	width: 15px;
	height: 57px;
	display: block;
	float: right;
	padding: 0 5px;
	background-position: -101px -429px;
}

.footer-as-of-now a.facebook {
	background-position: -151px -429px;
}

/* About Page */
.about-top-gap {
	height: 100px;
}

.about-content {
	font-family: 'Chronicle Deck Cond';
	font-style: italic;
	color: #666666;
	font-size: 20px;
	line-height: 26px;
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.80);
	-moz-box-shadow:    0px 0px 10px rgba(50, 50, 50, 0.80);
	box-shadow:         0px 0px 10px rgba(50, 50, 50, 0.80);
	position: relative;
	z-index: 2;
}

.about-content .larger-font {
	font-size: 26px;
	line-height: 30px;
}


.about-content h4 {
	font-family: 'Tungsten Semibold';
	color: #000;
	font-size: 214px;
	line-height: 181px;
	text-transform: uppercase;
	padding-bottom: 50px;
	font-style: normal;
}
.about-content h5 {
	font-family: 'Tungsten Medium';
	color: #000;
	font-size: 60px;
	float: left;
	border-bottom: 2px solid #b3b3b3;
	line-height: 55px;
	text-transform: uppercase;
	font-style: normal;
}

.about-content-title {
	width: 100%;
	height: 120px;
}

.about-content .left {
	float: left;
	width: 816px;
	position: relative;
}

.about-content .left p {
	width: 600px;
}

.about-content .vert-line {
	position: absolute;
	width: 1px;
	height: 100%;
	top: 0;
	right: 0;
	background-color: #b3b3b3;
}

.about-content .right {
	text-align: center;
}

.about-content p {
	margin: 0 0 17px 0;
}

.about-full.map {
	width: 100%;
	height: 780px;
	position: relative;
	z-index: 1;
}

.about-full.map #map {
	width: 100%;
	height: 100%;
	background-color: green;
}

.about-full h4 {
	position: absolute;
	z-index: 2;
	font-family: 'Tungsten Semibold';
	color: #000;
	text-transform: uppercase;
	text-decoration: underline;
	font-size: 131px;
	line-height: 118px;
	bottom: 84px;
	left: 50%;
	margin:  0 0 0 -600px;
}


#our-people .right {
	text-align: left;
}

.about-content .line {
	border-top: 1px solid #b3b3b3;
	padding: 40px 0;
}

.our-people-block {
	width: 282px;
	margin: 0 0 0 24px;
	float: left;
}

.our-people-block:first-child {
	margin: 0 0 0 0;
}

.our-people-block .img {
	background-color: green;
	height: 246px;
	width: 282px;
	margin:  0 0 42px 0;
}

.our-people-block .img img {
	height: 100%;
	width: 100%;
}

.our-people-block h4 {
	font-size: 42px;
	padding: 0 0 15px 0;
	margin: 0;
	line-height: 42px;
}

.our-people-block h5 {
	height: 40px;
	font-size: 18px;
	line-height: 20px;
	font-family: 'Chronicle Deck Cond';
	text-transform: uppercase;
	float: none;
	border: 0px;
	color: #666666;
	width: 215px;
	padding-bottom: 25px;
}

.our-people-block .dash {
	width: 35px;
	border-top: 1px solid #b3b3b3;
	padding: 0 0 28px 0;
}

.our-people-block {
	font-size: 16px;
	line-height: 20px;
}

/* Contact */
body.contact .main-footer {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 58;
}

body.contact #map {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.contact-content {
	width: 100%;
	height: 410px;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.8);
	position: fixed;
	bottom: 0;
	z-index: 2;
	left: 0;
}


.contact-content .inner {
	font-family: 'Chronicle Deck Cond';
	color: #cccccc;
	font-size: 20px;
	line-height: 27px;
	font-style: italic;
}

.contact-content .inner .contact1 {
	width: 383px;
	margin-top: 72px;
	float: left;
	border-right: 1px solid #cccccc;
	height: 210px;
}

.contact1 {
	width: 383px;
	margin-top: 72px;
	float: left;
	border-right: 1px solid #cccccc;
	height: 210px;
}

.contact1 li
{
	font-family: 'Chronicle Deck Cond';
color: #cccccc;
font-size: 18px;
line-height: 27px;
font-style: italic;
text-align:left;
list-style:none;

}
.contact1 li a{text-decoration:none;}

.contact1 li a:hover
{
	color: #666;
}


.contact1 h4 {
	font-family: 'Tungsten Medium';
	font-style: normal;
	color: #fff;
	font-size: 38px;
	line-height: 30px;
	padding-bottom: 20px;
	text-transform: uppercase;
	text-align:left;
}
.contact1 p
{
	font-family: 'Chronicle Deck Cond';
color: #cccccc;
font-size: 18px;
line-height: 27px;
font-style: italic;
text-align:left;
}
.contact3 {
	width: 350px;
	float: left;
	padding: 0 0 0 25px;
	margin-top: 72px;
}
.contact3 h4 {
	font-family: 'Tungsten Medium';
	font-style: normal;
	color: #fff;
	font-size: 38px;
	line-height: 30px;
	padding-bottom: 20px;
	text-transform: uppercase;
	text-align:left;
}
.contact3 p
{
	font-family: 'Chronicle Deck Cond';
color: #cccccc;
font-size: 18px;
line-height: 27px;
font-style: italic;
text-align:left;
}

.contact-content .inner .contact2 {
	padding-left: 25px;
	margin-top: 72px;
	width: 281px;
	float: left;
	border-right: 1px solid #cccccc;
	height: 210px;
}

.contact-content .inner .contact3 {
	width: 350px;
	float: left;
	padding: 0 0 0 25px;
	margin-top: 72px;
}

.contact-content .inner a {
	color: inherit;
	text-decoration: none;
}

.contact-content .inner h4 {
	font-family: 'Tungsten Medium';
	font-style: normal;
	color: #fff;
	font-size: 38px;
	line-height: 40px;
	padding-bottom: 40px;
	text-transform: uppercase;
}

/* Gallery */

.project-content {
	height: 100%;
	width: 100%;
	z-index: 49;
	position: fixed;
	top: 100%;
	left: 0;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.8);
	-webkit-transition: top 0.8s ease;
	-moz-transition: top 0.8s ease;
	-ms-transition: top 0.8s ease;
	-o-transition: top 0.8s ease;
	transition: top 0.8s ease;
}

.project-content.open {
	top: 0;
}

.project-content .inner {
	position: relative;
	display: table;
	height: 100%;
}

.project-content .close {
	height: 72px;
	width: 72px;
	background-color: #000;
	background-position: -382px -32px;
	position: absolute;
	right: 0;
	top: 65px;
	cursor: pointer;
}

.project-content .close:hover {
	background-color: #fff;
	background-position: -382px -232px;
}

.project-content .inner .main {
	display: table-cell;
	vertical-align: middle;
	height: 100%;
	color: #fff;
}

.project-content h5 {
	font-family: 'Tungsten Medium';
	font-size: 60px;
	border-bottom: 1px solid #fff;
	float: left;
	margin: 0 0 25px 0;
	text-transform: uppercase;
}

.project-content h4 {
	font-family: 'Tungsten semibold';
	font-size: 156px;
	line-height: 140px;
	text-transform: uppercase;
	padding-bottom: 30px;
}

.project-content p {
	font-family: 'Chronicle Deck Cond';
	font-style: italic;
	font-size: 22px;
	line-height: 29px;
	width: 700px;
}

.project-content p.hash-tag {
	font-size: 25px;
	padding:  0 0 70px 0;
}

.view-project {
	width: 100%;
	height: 38px;
	position: fixed;
	z-index: 48;
	bottom: 0;
	left: 0;
	font-family: 'Gotham Bold';
	font-size: 16px;
	color: #fff;
	cursor: pointer;
	background-color: #000;
}

.view-project .view {
	float: left;
	height: 38px;
	line-height: 38px;
}

.view-project .view span {
	height: 19px;
	width: 19px;
	background-position: -51px -101px;
	display: inline-block;
	margin: 0 0 -5px 12px;
}

.view-project .counter {
	float: right;
	height: 38px;
	line-height: 38px;
	color: #fff;
}

body.gallery {
	overflow: hidden;
}



.project-content .social {
	margin-top: 47px;
	height: 53px;
	width: 107px;
	border: 1px solid #b3b3b3;
}

.project-content .social .share {
	height: 53px;
	width: 53px;
	float: left;
	background-position: -237px -136px;
	border-right: 1px solid #b3b3b3;
	position: relative;
	-webkit-transition: background-color 0.5s;
	-moz-transition: background-color 0.5s;
	-ms-transition: background-color 0.5s;
	-o-transition: background-color 0.5s;
	transition: background-color 0.5s;
}
.project-content .social .share:hover {
	background-color: #878786;
	background-position: -88px -136px;
}


.project-content .social .screen {
	height: 53px;
	width: 53px;
	float: left;
	background-position: -138px -236px;
}

.project-content .social .screen:hover {
	background-color: #878786;
	background-position: -88px -186px;
}

.project-content .social .sprite a {
	height: 100%;
	width: 100%;
	display: block;
}

.project-content .social .share ul {
	position: absolute;
	top: 54px;
	left: -1px;
	width: 219px;
	border-top: 1px solid transparent;
	height: 54px;
	-webkit-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	-ms-transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
	transition: opacity 0.5s linear;
	overflow: hidden;
	opacity: 0;
}

.project-content .social .share:hover ul {
	opacity: 1;
}

.project-content .social .share ul li {
	height: 54px;
	width: 54px;
	float: left;
	background-color: #dadad9;
	margin-left: 1px;
}

.project-content .social .share ul li:first-child {
	margin-left: 0px;
}

.project-content .social .share ul li:hover {
	background-color: #878786;
}

.project-content .social .share ul li.fb {
	background-position: -230px -339px;
}

.project-content .social .share ul li.tw {
	background-position: -236px -284px;
}

.project-content .social .share ul li.pt {
	background-position: -236px -240px;
}

.project-content .social .share ul li.gp {
	background-position: -237px -187px;
}

/* Case study Reel */
.casestudy-reel.full-width {
	padding: 0;
}
.casestudy-reel .slides {
	width: 100%;
	height: 600px;
}

.casestudy-reel .slide {
	width: 100%;
	height: 600px;
	text-align: center;
	background-position: center center;
	-webkit-background-size: cover;
	background-size: cover;
}

.casestudy-reel .slide .inner {
	display: table;
	height: 600px;
	width: 1200px;
	margin: 0 auto;
}

.casestudy-reel .slide .inner .cell {
	display: table-cell;
	vertical-align: middle;
	height: 600px;
	width: 1200px;
}

.intro {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: -moz-linear-gradient(left,  rgba(0,0,0,0.6) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.6)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0.6) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(0,0,0,0.6) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(0,0,0,0.6) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(0,0,0,0.6) 0%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
	display: table;
	text-align: center;
}

.intro .cell {
	height: 100%;
	display: table-cell;
	vertical-align: middle;
}

.intro .cell h4 {
	width: 1200px;
	margin: 0 auto;
	text-align: left;
	color: #fff;
	font-family: 'Tungsten Semibold';
	font-size: 156px;
	line-height: 140px;
	text-transform: uppercase;
}

.intro .cell h5 {
	width: 1200px;
	margin: 0 auto;
	text-align: left;
	color: #fff;
	font-family: 'Tungsten Medium';
	font-size: 60px;
	line-height: 140px;
	text-transform: uppercase;
}

.intro .cell h5 span {
	border-bottom: 1px solid #fff;
}


.intro .cell p {
	width: 1200px;
	margin: 0 auto;
	color: #fff;
	font-family: 'Chronicle Deck Cond';
	text-align: left;
	font-size: 25px;
	font-style: italic;
}

body .location-marker {
	width: 61px;
	display: inline-block;
	height: 29px;
	background-position: -121px -351px;
	margin: 0 0 -5px 10px;
	border-left: 1px solid #fff;
}

/* Preload */
#preload {
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 89;
	background-color: #fff;
	display: block;
	text-align: center;
}

#preload .dots {
	position: relative;
	top: 33%;
	left: 0;
	width: 40px;
	height: 12px;
	text-align: center;
	margin: 0 auto;
}


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

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

@-o-keyframes slide {
    to {
        -o-transform: translateX(15px);
        transform: translateX(15px)
    }
}

@-ms-keyframes slide {
    to {
        -ms-transform: translateX(15px);
        transform: translateX(15px)
    }
}

@keyframes slide {
    to {
        transform: translateX(15px)
    }
}
@-moz-keyframes reveal {
    from {
        -moz-transform: scale(0.001);
        transform: scale(0.001)
    }

    to {
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

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

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes reveal {
    from {
        -o-transform: scale(0.001);
        transform: scale(0.001)
    }

    to {
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-ms-keyframes reveal {
    from {
        -ms-transform: scale(0.001);
        transform: scale(0.001)
    }

    to {
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes reveal {
    from {
        transform: scale(0.001)
    }

    to {
        transform: scale(1)
    }
}





.dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #999;
    position: absolute;
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -ms-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.loading {
    position: relative;
    width: 40px;
    margin: 2em auto
}

.dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #939393;
    position: absolute;
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -ms-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.dot1,.dot2 {
    left: 0
}

.dot3 {
    left: 15px
}

.dot4 {
    left: 30px
}

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

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

.dot4 {
    -webkit-animation-name: reveal;
    -moz-animation-name: reveal;
    -ms-animation-name: reveal;
    -o-animation-name: reveal;
    animation-name: reveal;
    -webkit-animation-direction: reverse;
    -moz-animation-direction: reverse;
    -ms-animation-direction: reverse;
    -o-animation-direction: reverse;
    animation-direction: reverse
}






.hidden-div {
	display: none;
}

/* smaller height */
@media screen and (max-height: 850px) {
	.jslider .text-slides ul li {
		font-size: 129px;
		line-height: 115px;
		padding-bottom: 50px;
	}
}

/* smaller width */
@media screen and (max-width : 1250px) {
	.main-header {
		width: 960px;
		margin: 0 0 0 -480px;
	}

	.jslider .datetime .date, .jslider .datetime .time {
		width: 960px;

	}

	.jslider .datetime .date {
		font-size: 26px;

	}

	.jslider .datetime .time {
		font-size: 80px;
	}

	.jslider .datetime .time .part {
		width: 57px;

		height: 80px;
}

	.jslider .datetime .time .part.ap {
		width: 80px
	}


	.inner {
		width: 960px;
	}

	.jslider .text-slides {
		width: 960px;
		margin: 0 0 0 -480px;

		top: 360px;
}

	.jslider .text-slides ul li {
		font-size: 150px;
		line-height: 130px;
		padding-bottom: 50px;
	}

	.home-blocks {
		width: 985px;
	}

	.home-blocks .block {
		width: 303px;
		height: 352px;
	}

	.home-blocks .in-block {
		width: 303px;
		height: 352px;
	}

	.home-blocks .block.double {
		width: 632px;
		height: 352px;
	}

	.home-blocks .block .img-top {
		width: 303px;
		height: 200px;
	}
	.home-blocks .block .text p {
		font-size: 14px;
		line-height: 17px;
	}

	.home-blocks .block.twitter .text p {
		font-size: 26px;
		line-height: 30px;
	}

	.home-blocks .block .text h4 {
		font-size: 38px;
		line-height: 35px;
	}

	.casestudy-reel .slide .inner {
		height: 500px;
		width: 960px;
	}

	.casestudy-reel .slide .inner .cell {
		height: 500px;
		width: 960px;
	}

	.full-width h3 {
		font-size: 138px;
		line-height: 123px;
	}

	.about-full h4 {
		margin: 0 0 0 -480px;
	}

	.intro .cell h5, .intro .cell h4, .intro .cell p {
		width: 960px;
	}

	/* about page */
	.about-content .left {
		width: 656px;
	}

	.about-content h5 {
		font-size: 48px;
	}

	.about-content h4 {
		font-size : 176px;
		line-height: 147px;
	}

	.about-content .right {
		font-size: 16px;
		line-height: 22px;
	}

	.our-people-block {
		width: 222px;
	}

	.our-people-block .img {
		width: 222px;
		height: 193px;

		margin-bottom: 28px;
	}



	.our-people-block h4 {
		font-size: 33px;
		line-height: 33px;

		padding-bottom: 10px;
	}

	.our-people-block h5 {
		font-size: 14px;
		line-height: 16px;
		width: 60%;

		padding-bottom: 15px;
	}

	.our-people-block {
		font-size: 14px;
		line-height: 17px;
	}

	.our-people-block .dash {
		padding-bottom: 15px;
	}

	/* Contact */
	.contact-content .inner .contact1 {
		width: 305px;
		margin-top: 72px;
		float: left;
		border-right: 1px solid #cccccc;
		height: 210px;
	}

	.contact-content .inner .contact2 {
		padding-left: 25px;
		margin-top: 72px;
		width: 220px;
		float: left;
		border-right: 1px solid #cccccc;
		height: 210px;
	}

	.contact-content .inner .contact3 {
		width: 350px;
		float: left;
		padding: 0 0 0 25px;
		margin-top: 72px;
	}

	.contact-content .inner h4 {
		font-size: 36px;
		line-height: 34px;
		padding-bottom: 35px;

	}

	.contact-content .inner {
		font-size: 18px;
		line-height: 22px;
	}

	.full-width .next {
		margin-left: 430px;
	}

	.full-width .prev {
		margin-left: -480px;

	}
	.casestudy-reel .next {
		left: auto;
		right: 0;
		margin-left: 0;
	}

	.casestudy-reel .prev {
		left: 0;
		margin-left: 0;
	}
}