body, html { 
			font-family: 'helvetica', helvetica; 
			margin:0px 0px; 
			padding:0px 0px;
			line-height:1; 	
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;		
		}
		
		img { max-width:100%; line-height:0px; margin:0px; padding:0px; outline:none; outline: none; }
		
		a { color:black !important; 
			text-decoration: none;
		}
		a:hover { color:#d70e34 !important; text-decoration:none !important;}
		
		.disciplines span:nth-child(1n+2) { 
			display:none;
		}
		
		.disciplines span.terms:nth-child(1n+2) { 
			display:none; 
		}
		
		
		/* +++++++++++++++++++++++++++ */
		/* ++     BORDER SECURITY  	   */
		
		#top, #bottom, #left, #right { background:rgb(243,244,244); position:fixed; margin:0px 0px; z-index:100; }
		#left { left:0px; } #right { right:0px; } #top { top:0px; } #bottom { bottom:0px; }
		
		#header { 
			position:fixed;
			z-index:100;
			top:50px;
			right:10%;
			margin-left:auto;
			margin-right:auto;
			text-align:center;
		}
		
		#logo img { 
			width:100px;
			height:auto;
			margin-top:35px;
			max-width:100%;
			text-align:center;
			margin-left:auto;
			margin-right:auto;
		}
		
		#home-logo { 
			position:absolute;
			bottom:60px;
			right:10%;
			width:42.5%;
			text-align: right;
		}
		
		#quote-bottom { 
			position:absolute;
			bottom:67px;
			color:black;
			left:9%;
			font-size:14px;
		}
		
		
		/* +++++++++++++++++++++++++++ */
		/* ++       STRUCTURES   	   */
		
		#container, .container { 
			width:100%;
			height:100%;
			clear:both;
		}
		
		.loader {
			display: block;
			position: fixed;
			background: #0b0b0a;
			width: 100%;
			left: 0px;
			top: 0px;
			height: 100%;
			vertical-align: center;
			z-index: 9998; 
		}
		
		.loader .loader-inner {
			position: absolute;
			width: 500px;
			text-align: center;
			left: 50%;
			top: 40%;
			height: auto;
			margin-top: -40px;
			margin-left: -270px;
			padding: 10px 20px;
			color: black;
			z-index: 9999; 
		}
		
		/* +++++++++++++++++++++++++++ */
		/* ++        HOME ANIM8   	   */
		
		
		body.home { overflow:hidden; }
		
		#text-design { 
			color:black;
			font-size:20px;
			width:435px;
			max-width:80%;
			line-height:1;
			letter-spacing:0.015em;
			left:9%;
			top:80px;
			position:relative;
			font-weight:100;
		}
		#text-design p { 
		    margin-bottom:10px;
		}
		#text-design b { 
			font-weight:800;
		}
		
		.vertical-split { height:100%; position:relative; }
		.vertical-50-a { height:100%; position:relative; }	
		.vertical-50-b { height:40%; position:relative; }	
		.vertical-50-a .bottom { 
			top:15%; 
			position:absolute; 
			padding-left:10%;	
			color:black;
			background:transparent;		
		}			
		
		.vertical-50-b span { 
			top:0px; 
			position:absolute; 
			padding-left:10%; 
		}
		
		.vertical-split span { 
			font-family: 'helvetica', helvetica;
			font-weight:700;
			font-size:35px;
			letter-spacing:-0.02em;
			line-height:1.35;
		}
		
		.vertical-align a { 
			color:black !important;
			text-decoration: none !important;
		}
		
		.vertical-split span { display:none; }
		.vertical-split span.active { display:block; } 
		.vertical-split span.active:hover { 
			text-decoration:none;
		}
		
		/* VIDEO !! */
		
		.videobg {
		  z-index:10;
		  position: absolute;
		  width: 100%; /* Set video container element width here */
		  height: 100%; /* Set video container element height here */
		  overflow: hidden;
		  background: #111; /* bg color, if video is not high enough */
		}
		
		/* horizontally center the video */
		.videobg-width {
		  position: absolute;
		  width: 100%; /* Change width value to cover more area*/
		  height: 100%;
		  left: -9999px;
		  right: -9999px;
		  margin: auto;
		}
		
		/* set video aspect ratio and vertically center */
		.videobg-aspect {
		  position: absolute;
		  width: 100%;
		  height: 0;
		  top: -9999px;
		  bottom: -9999px;
		  margin: auto;
		  padding-bottom: 56.25%; /* 16:9 ratio */
		  overflow: hidden;
		  
		}
		
		.videobg-make-height {
		  position: absolute;
		  top: 0; right: 0; bottom: 0; left: 0;
		}
		
		.videobg-hide-controls {
		  box-sizing: content-box;
		  position: relative;
		  height: 100%;
		  width: 100%;
		  /* Vimeo timeline and play button are ~55px high */
		  padding: 55px 97.7777px; /* 16:9 ratio */
		  top: -55px; 
		  left: -97.7777px; /* 16:9 ratio */
		}
		
		.videobg iframe {
		  position: absolute;
		  width: 100%;
		  height: 100%;
		  top: 0;
		  left: 0;
		  border: 0 none;
		}
		
		/* ++++++++++++++++++++++*/
		/* HOME SLIDE 2 		 */
		
		#home-clicked { cursor:pointer; }
		
		/* 	------------------------
			Work area				*/
			
		#quote { float:left;width:100%; }
		#quote span { 	
			padding:7% 10% 10%;
			padding-bottom:5%;
			width:68%; 
			text-align:left; 
			font-size:48px;
			font-weight:900;
			font-style:italic;
			display:block;
			  line-height: 1.3 !important;
 			 letter-spacing: -0.014em;
		}
		
		#details { float:right; width:57%; padding-right:9%; padding-bottom:9%; }
		
		.details-table td { 
		  padding: 0px 5px 10px 20px;
		  font-size: 26px !important;
		  color:black;
		  letter-spacing: 0.16em;
		 }
		 
		
		#details .disciplines span:nth-last-child(1) { display:none; }
		
		#gallery img { width:100%; margin-bottom: -5px; }
		
		
		
		/* 	-------------------------
			WORK POPOVER 		   */
		#contact-pane { 
			display:none;
			position:absolute;
			padding:8.3% 10% 0px;
			height:115%;
			top:0px;
			left:0px;
			right:0px; 
			bottom:0px; 
			z-index:150;
			font-size:20px; 
			line-height:2.5; 
			background:rgb(243,244,244);		
			color:black;	
		}
		
		#our-services { 
			display:none;
			position:absolute;
			padding:8.3% 10% 0px;
			height:90%;
			top:0px;
			left:0px;
			right:0px; 
			bottom:0px; 
			z-index:150;
			font-size:20px; 
			line-height:2.5; 
			background:rgb(243,244,244);		
			color:black;	
		}
		
		.services-list { 
			background:rgb(243,244,244);
			color:black;
			font-size:18px;
			padding-top:20px;
			padding-bottom:0px;
			line-height:1.2;
			
			-webkit-columns: 3; /* Chrome, Safari, Opera */
			-moz-columns: 3; /* Firefox */
			columns: 3;
		}
		
		
			
		#work-archive { 
			display:none;
			position:absolute;
			padding:0% 10% 0px;
			height:90%;
			top:0px;
			left:0px;
			right:0px; 
			bottom:0px; 
			z-index:150;
			font-size:20px; 
			line-height:2.5; 
			background:rgb(243,244,244);		
			color:black;	
		}
		
		#work-archive table { 
			width: 100%;
			height:100%;
			background:rgb(243,244,244);
			margin:0px auto;
			text-align: left;
			text-transform: lowercase !important;
			padding-top: 150px;
			padding-bottom:100px;
		}
		
		#work-archive table .work-link:hover { 
			cursor:pointer;
		}
		
		#work-archive table .work-link:hover td { 
			text-decoration:underline;
		}
		
		#contact-form { 
			
		}
		
		#contact-form .gform_wrapper label.gfield_label {
		    font-weight: 700;
		    font-size: inherit;
		    width: auto !important;
		}
		
		.gfield_required { display:none; }
		
		#contact-form input#input_1_1, #contact-form input#input_1_2, #contact-form input#input_1_4 { 
			background:transparent;
			border:0px !important;
			border-bottom:1px solid white !important;
			padding-bottom:5px;
			padding-top:0px;
			padding-left:0px;
			padding-right:0px;
			margin-left:10px;
			color:black;
			outline:none;
		}
		
		#contact-form input#input_1_4 { 
			width:56.7%;
		}
		
		#contact-form .gform_wrapper .gform_footer { 
			width:initial;
			margin-left:0px !important;
		}
		
		#contact-form input[type="submit"] { 
			background: transparent;
			color: black;
			font-family: helvetica;
			text-transform: uppercase;
			font-weight: bold;
			padding: 6px 30px;
			margin-left: 10px;
			outline: none;
		}

		#contact-form input[type="submit"]:hover { 
			background:white;
			color:rgb(243,244,244);
		}
		
		.gform_wrapper div.validation_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description { 
			display:none !important;
		}
		
		#contact-form .gform_wrapper .gfield_error { 
			background:transparent;
			border:0px;
			padding:0px 0px !important;
		}
				
		#feature-img img { 
			width:100%; 			
		}
		
		#studio-archive { 
			display:none;
			position:absolute;
			padding:8% 10% 0px;
			height:70%;
			top:0px;
			left:0px;
			right:0px; 
			bottom:0px; 
			z-index:150;
			font-size:20px; 
			line-height:2.5; 
			background:;			
		}
		
		#studio-archive table { 
			width: 90%;
			margin:0px auto;
			text-align: left;
			text-transform: lowercase !important;
			padding-top: 150px;
			padding-bottom:100px;
		}
		
		#studio-archive table .work-link:hover { 
			cursor:pointer;
		}
		
		#studio-archive table .work-link:hover td { 
			text-decoration:underline;
		}
		
		
	
		.videoWrapper {
			position: relative;
			padding-bottom: 56.25%; /* 16:9 */
			padding-top: 0px;
			margin:0px;
			height: 0;
		}
		.videoWrapper iframe {
			position: absolute;
			top: 0;
			left: 0;
			margin:0px 0px !important;
			padding:0px 0px !important;
			width: 100%;
			height: 100%;
		}
	
		
		 				
		/* +++++++++++++++++++++++++++ */
		/*       RESPONSIVE BEGIN      */
		
		#left, #right { top:0px; bottom:0px; width:20px; }
		#top, #bottom { left:0px; right:0px; height:20px; }	
		
		@media (max-width: 800px) { 
			#quote span { 
			    width: 80%;
			    font-size:28px;
			}
			#details { 
				float:left;
				width:100%;
				padding:0px 0px !important;
			}
			.details-table td {
			    padding: 0px 5px 10px 20px;
			    font-size: 18px !important;
			}
			#work-archive { padding-top:0px !important; }
			
			#work-archive { 
			    padding: 8% 5% 0px;
				height:70%; 
			}
			
			body.single-work #header #logo img { 
				width:70px;
				margin-top: 56px !important;
			}
			
			.work-pgmenu-logo { 
				margin-top: 34px !important;
			}
		}
		
		@media (max-width: 767px) {
		
			body.home { 
				overflow:visible;
			}
			
			#text-design { 
				padding-top: 70px;
				padding-left: 7px;
				font-size: 12.2px;
				width: 60%;
			}
			
			#header { 
				top:20px;
				right:initial;
				left:6%;
			}
			
			#logo img { 
				width:80px; 
				margin-top:25px;
			}
		
			#home-logo { display:none; } 
	
			.vertical-split span { 
				font-size:28px;
			}
			
			.vertical-50-a .bottom { 
				top:22%;
				padding-left:6%;
			}
	
			#left, #right { top:0px; bottom:0px; width:0px; }
			#top, #bottom { left:0px; right:0px; height:0px; }	
			#work-archive { height:90%; padding-top:90px; }
			
			.services-list { 
				font-size:18px;
			}
			
		}
		
		@media (max-width: 550px) { 			
			#work-archive td:nth-child(3), #work-archive th {
			   
			}
			.vertical-split span { 
				
			}

			.vertical-50-a .bottom { 			
				padding-left: 6%;
				width: 100%;
				text-align: left;
			}
			
			.vertical-split span.active { 
				text-align:left;
			}
			
			.services-list { 
				font-size:18px;
				-webkit-columns: 1; /* Chrome, Safari, Opera */
				-moz-columns: 1; /* Firefox */
				columns: 1;
			}
			
			#work-archive { font-size:12.5px; height:100%; }
			
			#quote-bottom { 
				position:relative;
				margin-top:20px;
				bottom:auto; 
				font-size:12px;
				max-width:85%;
			}
			#our-services { 
				padding: 105px 10% 0px;
			}
			
			.contact-head { 
				padding-top:105px;
			}
				
			#contact-form input#input_1_1, #contact-form input#input_1_2, #contact-form input#input_1_4 { 
				width:100% !important;
				margin:0px 0px !important;
			}
			
			#contact-form input[type="submit"] { 
				margin-left: 0px;
			}
			
			#text-design { 
				position:relative;
				top:auto;
				margin-top:80px;
			}

			#work-archive .disciplines { display:none; }
			#work-archive .wider1 { width:40% !important; }
			
		}		
		
		#work-close, #studio-close {
		    font-size: 30px;
		    font-weight: bold;
		    position: absolute;
		    right: 50px;
		    top: 25px;
		    font-family: arial;
		    color: black;
		    border: 2px solid black;
		    margin: 0px 0px;
		    height: auto;
		    padding: 0px 25px;
		    cursor: pointer;
		}
		
		#work-close:hover, #studio-close:hover { 
			background-color:white;
			color:black;
		}
		
		
		/* V3.. .. .. */
		
		.red { color:rgb(212,24,60); }
		
		.work-block { 
			display:inline-block;
			width:49%; 
			vertical-align: top; 
			
			padding-bottom:10px; 
		}
		
		#work-menu { 
			padding-top:220px;
			padding-bottom:100px;
			background-color:rgb(243,244,244);
		}
		
		.work-inner { 
			padding:0px 75px;
			max-width: 515px;
			margin: 0px auto;
		}
		
		.work-title a { 
			color: #D4183C !important; 
			font-weight:600;
			font-size:19px;
			line-height:20px;
		}
		.work-title a:hover { 
			color:black !important; 
		}
		
		.work-thumb { 
			width:100%;
		} 

		.work-thumb img { 
			
		}
		
		.work-copy { 
			line-height: 1.6;
			padding-bottom: 30px;
			font-size: 17px;
			font-weight: 200;
		} 
		
		.menu-launch, #logo, .logo { cursor: pointer; }
		
		@media (max-width: 1100px) { 
			
			.work-inner { 
				padding:0px 5px;
			}
			
			#work-menu { 
				padding-top:140px;padding-bottom:100px;
			}
			
			.work-title a { 
				font-size:16px; 
			}
			
			.work-copy { 
				font-size:11.5px;
				font-weight:100; 
			}
			
				
		}
		
		@media (max-width: 420px) { 
			
			.work-title a { 
				font-size:13px; 
			}
			
			.work-copy { 
				font-size:10.5px;
				font-weight:100; 
			}
			
		}
			
		/* IF .MOBILE IS FOUND */
		
		body.mobile div#home.container { display:block !important; }
		/* body.mobile div#home-clicked.container { display:block !important; } */
		body.mobile .vertical-50-b, body.mobile .vertical-50-a { background: transparent !important; }