@charset "UTF-8";
/* CSS Document */


/*CSS Reset:*/
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
padding: 0;
margin: 0;
font-size: 100%;
font-weight: normal;
}

/* border-box so that border widths aren't added to the total width of the element: */
html {
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  height: 100%;
}

/* In order for the percentage heights to work we need this: 
html, body { height:100%; } */




body {
	min-height: 100%;
	position: relative;
	padding-bottom: 350px;
	background-color: black;
	font-size: 16px;
}

*, *:before, *:after {
  box-sizing: inherit;
}

/*Clearfix:*/
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }
.clear { clear: both;	}

img {
	width: 100%;
	height: auto;	
}

.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.n-portfolio {
  width: 300% !important; 
}
.logomo {
	display: none;
}

@media all and (max-width: 1000px) {
.logomo {
	display: block;
	position: absolute;
	width: 180px;
	top: 16px;
	left: 2%;
	z-index: 9999;
}
.inner-nav {
	position: relative;
}
.logo-mobile img {
	width: 180px;
	margin-left: -9px;
	opacity: 0;
}
}

.social-circle {
	width: 40px;
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 5px;
}
.social-circle a {
	opacity: .75;
}
.social-circle a:hover {
	opacity: 1.0;
}
.t-center {
	text-align: center; 
}
.high {
	border-top: 1px solid white !important;
}
.close-overlay {
	color: black;
}
.bContainer {
  position: relative;
}
ul {
list-style: none;
}
strong {
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-weight: 700;
}
.left {
	float: left;
}
a {text-decoration: none;}
.hundredten {
	height: 110% !important;
}
.playpause { display: none !important; top: -9999px}
.lowercase { text-transform: lowercase !important;}

.send-message a {
	color: hsla(215, 100%, 60%, 1) !important;
}
.send-message a:hover {
	color: rgba(255,255,255,1.00) !important;
}

hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.50), rgba(255, 255, 255, 0));
	margin: 20px 0px;
}
.search-results a {
	color: hsla(215, 100%, 60%, 1);
	text-decoration: none;
}
.search-results a:hover {
	color: rgba(255,255,255,1.00);
}
.subnav {
	margin-left: 0px;
}
.smallcat {
	font-size: 20px;
	color: rgba(255,255,255,0.50);
}
.story-text img {
	width: 100% !important;
	height: auto !important;
}





.paginate {
	text-transform: uppercase;
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-weight: 700;
	line-height: 2em;
}
.paginumbers {
	display: inline-block;
}
.paginumbers a {
	background-color: rgba(255,255,255,0.55);
	color: black;
	padding: 1px 8px 3px 8px;
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-weight: 500;
	-webkit-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
}
.paginumbers strong {
	background-color: hsla(215, 100%, 60%, 1);
	color: white;
	padding: 1px 8px 3px 8px;
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-weight: 300;
	-webkit-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
}
.paginumbers a:hover {
	background-color: rgba(255,255,255,1.00);
	color: black;
}

.view-in-bar {
	text-transform: uppercase;
	font-size: 15px;
}

.show-touch { display: none !important; }

.location {
	margin-top:-25px;
}






/* ==========================================================================
   Contact Form
   ========================================================================== */
.container {
	margin: 20px 2%;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}


			
.col-lg-2 {
	width: 20%;
	float: left;	
	margin: 9px 0px 0px 0px;
	font-size: 16px;
	font-weight: 400;
	/*color: #666;*/
}
.col-lg-10 {
	float: right;
	width: 80%;	
}
#name, #email, #subject, #message, #from, #phone {
	width: 100%;	
	background-color: #333;
	padding: 10px;
	border: none;
	color: #fff;
	font-size: 16px;
}
.form-control {
	color: #fff !important;
}
.control-label {
		
}
.col-lg-10 {
	margin: 3px 0px 16px 0px;	
	
}
placeholder {
	color: #fff !important;
}
.btn-default {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #efefef 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #efefef 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #efefef 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #efefef 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #efefef 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefef',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ccc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-size:14px;
	font-weight:;
	padding:6px 24px;
	text-decoration:none;
	letter-spacing: 0px;
}
.btn-default:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #efefef), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, #efefef 5%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #efefef 5%, #ffffff 100%);
	background:-o-linear-gradient(top, #efefef 5%, #ffffff 100%);
	background:-ms-linear-gradient(top, #efefef 5%, #ffffff 100%);
	background:linear-gradient(to bottom, #efefef 5%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#ffffff',GradientType=0);
	background-color:#f6f6f6;
}
.btn-default:active {
	position:relative;
	top:1px;
}

.capts img, .capt {
	width: 200px;
}
.captcha-input {
	padding: 5px;
	width: 200px;
	border: none;
	color: #fff;
	background-color: #333;
}
.captcha-instruction {
	line-height: 1em;
	display: block;
	margin-bottom: 10px;
}






 
/* ==========================================================================
   Colors
   ========================================================================== */
 .blacktype {
 	color: rgba(0,0,0,0.90)
 }  

.bgc-w-05 { background-color: rgba(255,255,255,0.05) }
.bgc-w-10 { background-color: rgba(255,255,255,0.10) }
.bgc-w-20 { background-color: rgba(255,255,255,0.20) }
.bgc-w-20 { background-color: rgba(255,255,255,0.30) }
.bgc-w-40 { background-color: rgba(255,255,255,0.40) }
.bgc-w-50 { background-color: rgba(255,255,255,0.50) }
.bgc-w-60 { background-color: rgba(255,255,255,0.60) }
.bgc-w-70 { background-color: rgba(255,255,255,0.70) }
.bgc-w-80 { background-color: rgba(255,255,255,0.80) }
.bgc-w-90 { background-color: rgba(255,255,255,0.90) }
.bgc-w-100 { background-color: rgba(255,255,255,1.00) }

.bgc-b-10 { background-color: rgba(0,0,0,0.10) }
.bgc-b-20 { background-color: rgba(0,0,0,0.20) }
.bgc-b-20 { background-color: rgba(0,0,0,0.30) }
.bgc-b-40 { background-color: rgba(0,0,0,0.40) }
.bgc-b-50 { background-color: rgba(0,0,0,0.50) }
.bgc-b-60 { background-color: rgba(0,0,0,0.60) }
.bgc-b-70 { background-color: rgba(0,0,0,0.70) }
.bgc-b-80 { background-color: rgba(0,0,0,0.80) }
.bgc-b-90 { background-color: rgba(0,0,0,0.90) }
.bgc-b-100 { background-color: rgba(0,0,0,1.00) }

.c-w-05 { color: rgba(255,255,255,0.05) }
.c-w-10 { color: rgba(255,255,255,0.10) }
.c-w-20 { color: rgba(255,255,255,0.20) }
.c-w-20 { color: rgba(255,255,255,0.30) }
.c-w-40 { color: rgba(255,255,255,0.40) }
.c-w-50 { color: rgba(255,255,255,0.50) }
.c-w-60 { color: rgba(255,255,255,0.60) }
.c-w-70 { color: rgba(255,255,255,0.70) }
.c-w-80 { color: rgba(255,255,255,0.80) }
.c-w-90 { color: rgba(255,255,255,0.90) }
.c-w-100 { color: rgba(255,255,255,1.00) }

.c-b-10 { color: rgba(0,0,0,0.10) }
.c-b-20 { color: rgba(0,0,0,0.20) }
.c-b-20 { color: rgba(0,0,0,0.30) }
.c-b-40 { color: rgba(0,0,0,0.40) }
.c-b-50 { color: rgba(0,0,0,0.50) }
.c-b-60 { color: rgba(0,0,0,0.60) }
.c-b-70 { color: rgba(0,0,0,0.70) }
.c-b-80 { color: rgba(0,0,0,0.80) }
.c-b-90 { color: rgba(0,0,0,0.90) }
.c-b-100 { color: rgba(0,0,0,1.00) }

.blue {
	color: hsla(215, 100%, 60%, 1);
}
.light-blue {
	color: rgba(118,134,194,1.00);
}
.disc-titles {
	color: #7787c0;
}

.gradient-1 {
color: -moz-linear-gradient(-45deg, hsla(0,0%,100%,0.2) 0%, hsla(0,0%,100%,0) 100%);
color: -webkit-linear-gradient(-45deg, hsla(0,0%,100%,0.2) 0%,hsla(0,0%,100%,0) 100%);
color: linear-gradient(135deg, hsla(0,0%,100%,0.2) 0%,hsla(0,0%,100%,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#00ffffff',GradientType=1 );
}

.bgc-gradient-1 {
background: -moz-linear-gradient(-45deg, hsla(0,0%,100%,0.2) 0%, hsla(0,0%,100%,0) 100%);
background: -webkit-linear-gradient(-45deg, hsla(0,0%,100%,0.2) 0%,hsla(0,0%,100%,0) 100%);
background: linear-gradient(135deg, hsla(0,0%,100%,0.2) 0%,hsla(0,0%,100%,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#00ffffff',GradientType=1 );
}

.bgc-gradient-2 {
background: -moz-linear-gradient(right, hsla(0,0%,100%,0.2) 0%, hsla(0,0%,100%,0) 100%);
background: -webkit-linear-gradient(right, hsla(0,0%,100%,0.2) 0%,hsla(0,0%,100%,0) 100%);
background: linear-gradient(to left, hsla(0,0%,100%,0.2) 0%,hsla(0,0%,100%,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#00ffffff',GradientType=1 );
}

.bgc-gradient-3 {
background: -moz-linear-gradient(-45deg, hsla(0,0%,0%,0.5) 0%, hsla(0,0%,0%,0) 100%);
background: -webkit-linear-gradient(-45deg, hsla(0,0%,0%,0.5) 0%,hsla(0,0%,0%,0) 100%);
background: linear-gradient(135deg, hsla(0,0%,0%,0.5) 0%,hsla(0,0%,0%,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=1 );
}

.bgc-gradient-4 {
background: -moz-linear-gradient(-45deg, hsla(209,92%,33%,0.5) 0%, hsla(209,92%,33%,0.5) 1%, hsla(209,92%,33%,0) 100%);
background: -webkit-linear-gradient(-45deg, hsla(209,92%,33%,0.5) 0%,hsla(209,92%,33%,0.5) 1%,hsla(209,92%,33%,0) 100%);
background: linear-gradient(135deg, hsla(209,92%,33%,0.5) 0%,hsla(209,92%,33%,0.5) 1%,hsla(209,92%,33%,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800758a3', endColorstr='#000758a3',GradientType=1 );
}

.bgc-gradient-5 {
background: -moz-linear-gradient(-135deg, hsla(209,92%,33%,0.25) 0%, hsla(209,92%,33%,0.25) 1%, hsla(209,92%,33%,0) 100%);
background: -webkit-linear-gradient(-135deg, hsla(209,92%,33%,0.25) 0%,hsla(209,92%,33%,0.25) 1%,hsla(209,92%,33%,0) 100%);
background: linear-gradient(-135deg, hsla(209,92%,33%,0.25) 0%,hsla(209,92%,33%,0.25 ) 1%,hsla(209,92%,33%,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800758a3', endColorstr='#000758a3',GradientType=1 );
}

.bgc-gradient-11 {
background: -moz-linear-gradient(-135deg, hsla(209,92%,33%,0.5) 0%, hsla(209,92%,33%,0.5) 1%, hsla(209,92%,33%,0) 100%);
background: -webkit-linear-gradient(-135deg, hsla(209,92%,33%,0.5) 0%,hsla(209,92%,33%,0.5) 1%,hsla(209,92%,33%,0) 100%);
background: linear-gradient(-135deg, hsla(209,92%,33%,0.5) 0%,hsla(209,92%,33%,0.5 ) 1%,hsla(209,92%,33%,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800758a3', endColorstr='#000758a3',GradientType=1 );
}

.bgc-gradient-1 {
background: -moz-linear-gradient(-45deg, hsla(0,0%,100%,0.2) 0%, hsla(0,0%,100%,0) 100%);
background: -webkit-linear-gradient(-45deg, hsla(0,0%,100%,0.2) 0%,hsla(0,0%,100%,0) 100%);
background: linear-gradient(135deg, hsla(0,0%,100%,0.2) 0%,hsla(0,0%,100%,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#00ffffff',GradientType=1 );
}

.bgc-gradient-6 {
background: -moz-linear-gradient(-45deg, hsla(0,0%,100%,0.8) 0%, hsla(0,0%,100%,0) 100%);
background: -webkit-linear-gradient(-45deg, hsla(0,0%,100%,0.8) 0%,hsla(0,0%,100%,0) 100%);
background: linear-gradient(135deg, hsla(0,0%,100%,0.8) 0%,hsla(0,0%,100%,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#00ffffff',GradientType=1 );
}
.bgc-gradient-7 {
background: -moz-linear-gradient(-90deg, hsla(209,92%,33%,0.20) 0%, hsla(209,92%,33%,0.50) 100%);
background: -webkit-linear-gradient(-90deg, hsla(209,92%,33%,0.20) 0%,hsla(209,92%,33%,0.50) 100%);
background: linear-gradient(135deg, hsla(209,92%,33%,0.20) 0%,hsla(209,92%,33%,0.50) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#400758a3', endColorstr='#e60758a3',GradientType=1 );
}
.bgc-gradient-01 {
background: -moz-linear-gradient(left, hsla(209,92%,33%,0.2) 0%, hsla(209,92%,33%,0.2) 1%, hsla(209,92%,33%,0.5) 100%);
background: -webkit-linear-gradient(left, hsla(209,92%,33%,0.2) 0%,hsla(209,92%,33%,0.2) 1%,hsla(209,92%,33%,0.5) 100%);
background: linear-gradient(to right, hsla(209,92%,33%,0.2) 0%,hsla(209,92%,33%,0.2) 1%,hsla(209,92%,33%,0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33062e54', endColorstr='#80062e54',GradientType=1 );
}

.bgc-gradient-8 {
background: -moz-linear-gradient(-45deg, hsla(209,87%,18%,0.9) 0%, hsla(0,0%,0%,1) 100%);
background: -webkit-linear-gradient(-45deg, hsla(209,87%,18%,0.9) 0%,hsla(0,0%,0%,1) 100%);
background: linear-gradient(135deg, hsla(209,87%,18%,0.9) 0%,hsla(0,0%,0%,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6062e54', endColorstr='#000000',GradientType=1 );
}
.bgc-gradient-9 {
background: -moz-linear-gradient(-45deg, hsla(0,0%,0%,1) 0%, hsla(209,87%,18%,0.9) 100%);
background: -webkit-linear-gradient(-45deg, hsla(0,0%,0%,1) 0%,hsla(209,87%,18%,0.9) 100%);
background: linear-gradient(135deg, hsla(0,0%,0%,1) 0%,hsla(209,87%,18%,0.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#e6062e54',GradientType=1 );
}
.bgc-gradient-10 {
background: -moz-linear-gradient(-45deg, hsla(0,0%,0%,1) 0%, hsla(0,0%,0%,0.7) 100%);
background: -webkit-linear-gradient(-45deg, hsla(0,0%,0%,1) 0%,hsla(0,0%,0%,0.7) 100%);
background: linear-gradient(135deg, hsla(0,0%,0%,1) 0%,hsla(0,0%,0%,0.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#e6062e54',GradientType=1 );
}
.bgc-gradient-12 {
background: -moz-linear-gradient(-45deg, hsla(0,0%,0%,0.7) 0%, hsla(0,0%,0%,0.7) 1%, hsla(0,0%,0%,0) 100%);
background: -webkit-linear-gradient(-45deg, hsla(0,0%,0%,0.7) 0%,hsla(0,0%,0%,0.7) 1%,hsla(0,0%,0%,0) 100%);
background: linear-gradient(135deg, hsla(0,0%,0%,0.7) 0%,hsla(0,0%,0%,0.7) 1%,hsla(0,0%,0%,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 );
}









/* ==========================================================================
   Some general layout rules
   ========================================================================== */



.fixback-01 {
	background-image: url(https://lightswitch.net//img/patternFullScreenBg_2.png), url( https://lightswitch.net/images/fixback-01.jpg);
	background-size: auto, cover; 
	background-attachment: fixed, fixed;
}
.fixback-02 {
	background-image: url(https://lightswitch.net//img/patternFullScreenBg_2.png), url( https://lightswitch.net/images/fixback-02.jpg);
	background-size: auto, cover; 
	background-attachment: fixed, fixed;
}
.fixback-03 {
	background-image: url(https://lightswitch.net//img/patternFullScreenBg_2.png), url( https://lightswitch.net/images/fixback-03.jpg);
	background-size: auto, cover; 
	background-attachment: fixed, fixed;
}
.fixback-05 {
	background-image: url(https://lightswitch.net//img/patternFullScreenBg_2.png), url( https://lightswitch.net/images/fixback-05.jpg);
	background-size: auto, cover; 
	background-attachment: fixed, fixed;
}
.fixback-04 {
	background-image: url(https://lightswitch.net//img/patternFullScreenBg_2.png), url( https://lightswitch.net/images/fixback-03.jpg);
	background-size: auto, cover; 
	background-attachment: fixed, fixed;
}
.fixback-06 {
	background-image: url(https://lightswitch.net//img/patternFullScreenBg_2.png), url( https://lightswitch.net/images/fixback-06.jpg);
	background-size: auto, cover; 
	background-attachment: fixed, fixed;
}
.fixback-07 {
	background-image: url(https://lightswitch.net//img/patternFullScreenBg_2.png), url( https://lightswitch.net/images/fixback-07.jpg);
	background-size: auto, cover; 
	background-attachment: fixed, fixed;
}
.fixback-1 {
	background-image: url(https://lightswitch.net//img/patternFullScreenBg_2.png), url( https://lightswitch.net/images/fixback-1b.jpg);
	background-size: auto, cover; 
	background-attachment: fixed, fixed;
}
.fixback-2 {
	background-image: url(https://lightswitch.net//img/patternFullScreenBg_2.png), url( https://lightswitch.net/images/fixback-2b.jpg);
	background-size: auto, cover; 
	background-attachment: fixed, fixed;
}
.fixback-3 {
	background-image: url(https://lightswitch.net//img/backpattern-w1.png), url( https://lightswitch.net/images/newsback-2.jpg);
	background-size: auto, cover; 
	background-attachment: fixed, fixed;
}
.fixback-4 {
	background-image: url(https://lightswitch.net//img/backpattern-w3.png), url( https://lightswitch.net/images/storyback-2.jpg);
	background-size: auto, cover; 
	background-attachment: fixed, fixed;
}
.fixback-ea {
	background-image: url(https://lightswitch.net//img/backpattern-w4.png), url( https://lightswitch.net/images/story-ea-backgr2.jpg);
	background-size: auto, cover; 
	background-attachment: fixed, fixed;
}
#container {
	width: 90%;
	max-width: 1200px;	
	margin: 0px auto 0px auto;
	background-color: #EFEFEF;
}
.blurred {
	position: relative;
}
.blur {
	-webkit-filter: blur(7px); /* Safari */
    filter: blur(7px);
}
.blur-1 {
	position: absolute;
	top: 0px;
	left: 0px;
}



/* ==========================================================================
   Typography
   ========================================================================== */

body {
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-weight: 300;
}
.medium {
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-weight: 500;
}
.bold {
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-weight: 700;
}    
i {
	margin: 0px 3px 0px 3px;
}
.home-text {
	color: rgba(255,255,255,0.80);
	font-size: 48px;
}
.ht_regular {
	font-size: 48px !important;
}
.ht_large {
	font-size: 72px !important;
}
.ht_xlarge {
	font-size: 96px !important;
}
.work {

}
.headers h1 {
	line-height: 1em;
	margin-top: 15px;
	margin-left:  0%;
}
.headers h3 {
	margin-top: 15px;
}
h1 {
	font-size: 3em;
	text-transform: uppercase;
	line-height: 1em;
	margin: 0px 0px 0px 0px;
	color: rgba(255,255,255,0.80)
	font-weight: 300;
	letter-spacing: 1px;
}
h2 {
	font-size: 2em;
	text-transform: uppercase;
	letter-spacing: -1px;
	margin: 0px 0px 15px 0px;
	text-align: left;
}
h3 {
	font-size: 1.25em;
	line-height: 23px;
	text-transform: uppercase;
}

.item-l h2 {
	font-size: 32px;
}

p {
	margin: 0px 0px 1em 0px;
	line-height: 1.35em;
}

a {
	color: rgba(255,255,255,0.70)
}
a:hover {
	color: rgba(255,255,255,0.99)
}


.moveup {
	margin-top: 10px !important;
}
.crumbs {
	margin-left: 0%;
	font-size: 14px;
	text-transform: ;
	float: left;
	padding-top: 0px;
}
.crumbs a {
	text-decoration: none;
}
.bio-title {
	font-size: 20px;
	display: block;
	color: hsla(215, 100%, 60%, 1);
}
.pronoun {
	font-size: 20px;
	display: block;
	color: rgba(0,0,0,0.70);
	line-height: 1.3em;
	margin-top: -24px;
	margin-bottom: 20px;
}

.bio-contact {
	font-size: 20px;
	display: block;
	color: rgba(0,0,0,0.70);
	line-height: 1.3em;
}
.bio-contact a {
	color: rgba(0,0,0,0.80);
	text-decoration: none;
}
.bio-contact a:hover {
	color: rgba(0,0,0,1.00);
}
.hovertext2 h3 {
	position: absolute;
	/*width: 220px;*/
	padding: 7px 10px 10px 10px;
	bottom: 0px;
	font-size: 18px;	
	color:#FFF;
	line-height: 18px;
	-webkit-font-smoothing: subpixel-antialiased;
	z-index: 99;
	zoom: 1;
	filter: alpha(opacity=100);	
}
.hovertext2 .portid {
	position: absolute;
	/*width: 220px;*/
	padding: 7px 10px 7px 10px;
	margin:0px 0% 0px 0%;
	top: 0px;
	font-size: 14px;	
	color: rgba(118,134,194,1.00);
	text-transform: uppercase;
	line-height: 18px;
	display: block;
	width: 100%;
	border-top: 1px solid rgba(44,132,214,0.70);
	-webkit-font-smoothing: subpixel-antialiased;
	z-index: 99;
	zoom: 1;
	filter: alpha(opacity=100);	
}
.id-portfolio {
	background-color: rgba(0,0,0,0.70);
}
.id-clients {
	background-color: rgba(0,85,165,0.70);
	color: rgba(255,255,255,0.80) !important;
}
.id-feature {
	background-color: rgba(255,255,255,0.70);
	color: hsla(215, 100%, 60%, 1) !important;
}
.id-news {
	background-color: rgba(118,134,194,0.70);
	color: rgba(255,255,255,0.80) !important;
}
.story-text h4 {
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 10px;
	margin-top: 20px;
}
.story-text h3{
	text-transform: uppercase;
	margin-bottom: 10px;
	margin-top: 2em;
	border-top:  1px solid hsla(360, 100%, 100%, 0.5);
	padding-top: 11px;
}
.story-text a {
	color: #0055a5;
	background-color: rgba(118,134,194,0.30);
	text-decoration: none;
	padding: 0px 5px;
}
.story-text a:hover {
	color: #000;
	background-color: rgba(118,134,194,0.20);
}
.action a {
	background-color: #54618f;
	color: white;
	padding: 0px 10px 2px 6px;
	margin: 0px 3px;
	font-size: 14px;
	text-decoration: none;
	-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}
.action a:hover {
	background-color: rgba(255,255,255,0.80);
	color: hsla(215, 100%, 60%, 1);
}


/* ==========================================================================
   Fluid grid rules
   ========================================================================== */

.one-unit {
	width: 4.333%;
	margin: 2%;
	float: left;	
	min-height: 50px;
}
.two-unit {
	width: 12.667%;
	margin: 2%;
	float: left;
	min-height: 50px;
}
.three-unit {
	width: 21%;
	margin: 2%;
	float: left;
	min-height: 50px;
}
.four-unit {
	width: 29.333%;
	margin: 2%;
	float: left;
	min-height: 50px;
}
.five-unit {
	width: 37.666%;
	margin: 2%;
	float: left;	
}
.six-unit {
	width: 46%;
	margin: 2%;
	float: left;
	min-height: 50px;
}
.seven-unit {
	width: 54.333%;
	margin: 2%;
	float: left;
	min-height: 50px;
}
.eight-unit {
	width: 62.666%;	
	margin: 2%;
	float: left;
	min-height: 50px;
}
.nine-unit {
	width: 71%;	
	margin: 2%;
	float: left;
	min-height: 50px;
}
.ten-unit {
	width: 79.333%;	
	margin: 2%;
	float: left;
}
.eleven-unit {
	width: 87.666%;	
	margin: 2%;
	float: left;
	min-height: 50px;
}
.twelve-unit {
	width: 96%;	
	margin: 2%;
	min-height: 50px;
}

.one-unit, 
.two-unit, 
.three-unit,
.four-unit,
.five-unit, 
.six-unit,
.seven-unit,
.eight-unit,
.nine-unit,
.ten-unit,
.eleven-unit,
.twelve-unit {
	
}




/* ======================================================
   Nav
   ====================================================== */

nav {
	margin: 0px;
	position: relative;
	z-index: 999;
	background-color: rgba(0,0,0,0.85);
		 transition: top 0.5s ease-out;
		position: fixed;
		width: 100%;
	top:0;
}
.inner-nav {
	width: 90%;
	max-width: 90%;
	margin: 0px auto 5px auto;
	padding: 10px 0px 10px 0px;
}

.inner-nav-right {
	width: 73%;
	padding: 0px 2% 0px 0%;
	float: right;
}
.inner-nav-left {
	width: 21%;
	float: left;
	margin-top: 5px;
	margin-left: 2%;
}
.inner-nav-left img {

}
.inner-nav-left a img {
	width: 230px !important;
    margin-left: -20px;
    margin-top: 0px !important;
}
.logo-mobile {
	width: 100%;
	float: none;
	margin-top: 10px;
	margin-left: 0px;
}
.logo-mobile img {
	width: 200px;
	margin-left: -9px;
}
.fa-bars {
	font-size: 30px !important;
	font-weight: 100;
	margin: 10px 0px 0px 0px !important;
	position: relative;
	z-index: 9999;
}
.nav-up {
    top: -120px;
}









/* ======================================================
   MAIN SECTIONS
   ====================================================== */
body {
	background-color: black;
	font-size: 17px;
	color: rgba(255,255,255,0.80);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding-top: 80px;
}
.top {
	margin: 25px 0px 75px 0px;
	padding: 0px 0 0 0;
}
.subnav {
	margin: -20px auto 75px auto;
	width: 99%;
	position: relative;
	z-index: 3;
}
.category-section {
	width: calc(90% - 40px);
	margin: 70px auto 70px auto;
	padding: 0px 0px 0px 0px;
}
.inner-section-work {
	width: calc(90% - 20px);
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}
.inner-section {
	width: calc(90% - 40px);
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}
.inner-section2 {
	width: calc(90% + 20px);
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}
.inner-section3 {
	width: calc(100% - 40px);
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}
.grid-section {
	width:  calc(100% + 40px);
	margin-left:  -20px;
	margin-bottom:  1em;
}
.crumbs-section {
	width: calc(90% - 40px);
	margin: 50px auto 0px auto;
	padding: 11px 0px 10px 0px;
	border-top:  1px solid hsla(360, 100%, 100%, .4);
}
.section-line {
	width: 100%;
	margin: 0px 0% 0px 0%;
	height: 1px;
	clear: both;
	background: -moz-linear-gradient(left, rgba(255,255,255,0.75) 0%, rgba(255,255,255,.24) 100%);
	background: -webkit-linear-gradient(left, rgba(255,255,255,0.75) 0%,rgba(255,255,255,.24) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0.75) 0%,rgba(255,255,255,.24) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf7686c2', endColorstr='#007686c2',GradientType=1 );
}
.language-nav {
	float: right;
	margin: 30px 2% 0px 0px;
	width: 200px;
    text-align: right;
}
.work-headers {
	margin: 0px 0px 0px 1.75%;
	padding: 10px 0px 3px 0px;
} 
.work-headers h1 {
	margin: 5px 0px 8px 0px;
}
.about-headers {
	margin: 0px 0px 5px 2%;
	padding: 11px 0px 0px 0px;
}
.about-headers h1 {
	line-height: 1em;
}



.full-height {
	height:100vh;
	min-height:100vh;
}
.workslider {
	padding: 0px 0px 30px 0px;
}
.main {
	padding: 20px 0px 150px 0px;
}
.main2 {
	padding: 0px 0px 60px 0px;
	margin-top: -20px;
}


.divider-dark {
	height: 1px;
	width: 90%;
	max-width: 1200px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
background: -moz-linear-gradient(left, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0.5) 51%, hsla(0,0%,100%,0) 100%);
background: -webkit-linear-gradient(left, hsla(0,0%,100%,0) 0%,hsla(0,0%,100%,0.5) 51%,hsla(0,0%,100%,0) 100%);
background: linear-gradient(to right, hsla(0,0%,100%,0) 0%,hsla(0,0%,100%,0.5) 51%,hsla(0,0%,100%,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
	display: block;
}
.divider-dark-first {
	height: 1px;
	width: 90%;
	max-width: 1200px;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
background: -moz-linear-gradient(left, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0.5) 51%, hsla(0,0%,100%,0) 100%);
background: -webkit-linear-gradient(left, hsla(0,0%,100%,0) 0%,hsla(0,0%,100%,0.5) 51%,hsla(0,0%,100%,0) 100%);
background: linear-gradient(to right, hsla(0,0%,100%,0) 0%,hsla(0,0%,100%,0.5) 51%,hsla(0,0%,100%,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
	display: block;
}
.divider {
	height: 1px;
	display: block;
	margin: 40px 0px 0px 0px;
	clear: both;
}
.divider-story {
	height: 1px;
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 70px auto 11px auto;
	background:  hsla(360, 100%, 100%, 0.4);
	display: block;
}



/* ======================================================
   HOME
   ====================================================== */


.inner-section-home {
	width: 90%;
	max-width: 90%;
	margin: 0px auto 0px auto;
	padding: 60px 0px 50px 0px;
}
.inner-home {
	padding: 0px 0%;
}
.inner-home h2 {
	font-size: 1.5em;
}
.inner-home h3 {
	font-size: 1.5em;
	margin-bottom:  30px;
}
.homescroll {
	position: relative;
	z-index:98;
	padding: 0px 0px;
}
.homesection {
	padding: 0px 0px;
	text-align: ;
}

.learn-more a {
	border: 1px solid rgba(255,255,255,0.80);
	padding: 9px 15px;
	text-decoration: none;
}
.learn-more a:hover {
	background-color: rgba(255,255,255,1.00);
	color: black;
}

.isotope {
	 margin-top: -60px;
}
.home-more a {
	text-decoration: none;
}



/* GRID */

/* clear fix */
.isotope:after {
  content: '';
  display: block;
  clear: both;
}
.pic img {
    width: 100% !important;
    height: auto;
    display: block;
    padding: 15px;
}
.pic-sizer { 
	width: calc(25% - 0px);
}
.gut-sizer {
  width: 0px;
}
.grid-sizer,
.grid-item {
  width: calc(100% - 30px) ;
}
.pic {
	float: left;
	position: relative;
}
.iso_small {
    width: calc(25% - 0px);
}
.iso_medium {
    width: calc(50% - 0px);
}
.iso_large {
    width: calc(75% - 0px);
}
.iso_xlarge {
    width: calc(100% - 0px);
}
.home-info {
	font-size: 1.5em;
	margin: 0px 30px 1em 30px;
    text-transform: ti;
}
.home-cat {
	display: block;
	font-size: 1.5em;
	line-height: 1em;
	margin: 0px 30px 0px 30px;
    text-transform: ;
	letter-spacing: .05em;
	color: #1f99e7;
}
.over-info-small {
    font-weight: 400;
    font-size: 1.5em;
    line-height: 1.1em;
    letter-spacing: .00em;
    margin: 0px 15px 15px 15px;
    text-transform: uppercase;
    color: hsla(0,0%,100%,1) !important;
}
.over-info-medium, .over-info-large, .over-info-xlarge {
    font-weight: 400;
    font-size: 3em;
    line-height: 0.8em;
    letter-spacing: .00em;
    margin: 0px 30px 30px 30px;
    text-transform: uppercase;
    color: hsla(0,0%,100%,1);
}
.v-over-info-medium, .v-over-info-large, .v-over-info-xlarge {
    font-weight: 400;
    font-size: 3em;
    line-height: 1em;
    letter-spacing: .00em;
    margin: 0px 30px 20px 20px;
    text-transform: uppercase;
    color: hsla(0,0%,100%,1);
}

.over-info-large {
    font-size: 3em;
}
.home-cat {
	font-size: 1.5em;
}


/* MOUSE OVERS */

.over_type {
    position: absolute;
    z-index: 4;
    bottom: 0px;
    left: 0px;
}
.home_overlay {
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    top: 15px;
    left: 15px;
    position: absolute;
    display: flex;
    align-items: flex-end;
   transition: all 0.3s ease-in-out 0.0s;
   opacity: 1.0;
    z-index: 3;
}
.home_underlay {
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    top: 10px;
    left: 10px;
    background: linear-gradient(to top right, hsla(0,0%,0%,0.0) 0%, hsla(0,0%,0%,0.0) 100%);
    position: absolute;
    z-index: 2;
}
a .home_overlay{
   
}
.home_overlay:hover {
opacity: 0;
}



/* BACKGROUND-VIDEO */

/*
video {
    position: fixed;
    width: 100%;
    height: 110%;
    object-fit: cover;
    margin-top: -10%;
}
*/
.videohome_overlay {
    width: calc(100% - 20px);
    height: calc(100% - 10px);
    top: 5px;
    left: 0px;
    background: linear-gradient(to top right, hsla(0,0%,0%,0.4) 0%, hsla(0,0%,0%,0.0) 100%);
    position: absolute;
    display: flex;
    align-items: flex-end;
   transition: all 0.3s ease-in-out 0.0s;
   opacity: 1.0;
    z-index: 3;
}
.videohome_underlay{
    width: calc(100% - 20px);
    height: calc(100% - 10px);
    top: 5px;
    left: 0px;
    background: linear-gradient(to top right, hsla(0,0%,0%,0.7) 0%, hsla(0,0%,0%,0.0) 100%);
    position: absolute;
    z-index: 2;
}
.videohome_overlay:hover {
opacity: 0;
}



/* HOME CLIENTS */

.new-client-section {
	padding: 50px 1.5% 50px 1.5%; 
}
.clients-home {
	margin: 0px 0%;
}
.clients-home ul li {
	width: 8.333%;
	margin: 0%;
	float: left !important;
}
.clients-home ul li a img {
	border: 1px solid rgba(255,255,255,0.0);
 	transition: all 0.3s linear;
   -webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
 
}
.clients-home ul li a img:hover {
	border: 1px solid rgba(255,255,255,0.9);
}






/* HOME CONTACT */

.inner-contact {
	padding: 0px 0% 75px 0%;
	width: 98%;
    margin: 0px auto; 
}

.home-contact {
	margin-top: 5px;
}
.home-contact li {
	font-size: 20px;
	margin: 0px 0px 4px 0px;
	line-height: 21px;
}
.contact-home {
	width: 14.667%;
	margin: 0px 1%;
	float: left;
}
.contact-home h3 {
	font-size: 1.5em;
    margin: 0px 0% 4px 0%;
}
.contact-home a {
	color: black;
}
.contact-home a:hover {
	color: rgba(118,134,194,1.00);
}
.homecontactadjust {
	margin-left: 2%;
    margin-bottom: -100px;
    margin-top: -20px;
}











/* ======================================================
   WORK
   ====================================================== */
 #story-slider-1 {
	width: 100%;
  color: #000 !important;
  margin: 0px 0% 90px 0%;
  padding: 0px !important;
}  
 #story-slider-1 p,  #story-slider-1 h3 {
 	color: #000 !important;
 }
 .slider-texts {
 	margin-top: -10px;
 }
   

/* slider */
.rsContent {
	position: relative;
}
.rsABlock {
 position: absolute;
	width: 100%;
  	height: auto; 
  	overflow: auto;
  	margin: auto auto auto 0%;
  	top: 60%; 
  	-webkit-transform:translateY(-50%); 
  	/* You may need to add more vendor prefixes; you can use http://prefixmycss.com */
  	transform:translateY(-50%);
  	z-index:99;
	font-size: 36px;
	/*font-family: 'din_mediumregular';*/
	padding: 0px 0% 10px 0%;
}
.rsABlock a {
	color: rgba(255,255,255,0.90);
	text-decoration: none;
	background-color: rgba(0,0,0,0.50);
	padding: 10px 2% 10px 2%;
}
.rsABlock a:hover {
	color: hsla(215, 100%, 60%, 1);
}
#content-slider-1 {
	width: 96%;
  color: #000;
  margin: 35px 2% 30px 2%;
  padding: 0px !important;
/*background: -moz-linear-gradient(-45deg, hsla(209,92%,33%,0.8) 0%, hsla(0,0%,0%,1) 51%, hsla(209,92%,33%,0.8) 100%);
background: -webkit-linear-gradient(-45deg, hsla(209,92%,33%,0.8) 0%,hsla(0,0%,0%,1) 51%,hsla(209,92%,33%,0.8) 100%);
background: linear-gradient(135deg, hsla(209,92%,33%,0.8) 0%,hsla(0,0%,0%,1) 51%,hsla(209,92%,33%,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0758a3', endColorstr='#cc0758a3',GradientType=1 );*/
}
#content-slider-disc {
	width: 96%;
  color: #000;
  margin: 25px 2% 20px 2%;
  padding: 0px !important;
}
.rsImg {
	margin-bottom: 15px;
}
.contentSlider h3 {
	margin: 10px 0px 15px 0px;
}
.contentSlider p {
	margin-right: 10%;
}
.slider-project-location {
	text-transform: capitalize;
	font-size: 16px;
	color: rgba(118,134,194,1.00);
}





/* page */
.work-section {
	padding: 50px 0px 50px 0px;
}
.work-text {
	margin: 30px 4% 30px 2%;
}
.work-text p {
	line-height: 1.33em;
}
.process_block {
	width: 29.33%;
	margin: 50px 2% 50px 2%;
	float: left;
}
.process-headers {
	margin: 0px 0px 0px 2%;
	border-top: 1px solid rgba(7,88,163,0.70);
	padding: 10px 0px 0px 0px;
}
.photo-credits {
	font-size: 14px;
	font-style: italic; 
}





/* overview grid */
.three-unit-work {
	width: 21%;
	margin: 2%;
	float: left;
	min-height: 50px;
}
.work-1 {
	position: relative;
	line-height: 0;
}
.hovertext2 a {
	position: absolute;
	width: 100%;
	height: 100%;	
	text-decoration: none;
	background-image: url(https://lightswitch.net//img/work-ol-2.png);
	background-repeat:repeat;
	background-position: 0px 0px;
	background-size:100% 100%;
	opacity:1;
	zoom: 1;
	filter: alpha(opacity=0);
	-webkit-transition:opacity 0.7s ease-in-out;
	-moz-transition:opacity 0.7s ease-in-out;
	-o-transition:opacity 0.7s ease-in-out;
	transition:opacity 0.7s ease-in-out;
	z-index: 99;
}
.hovertext2 a:hover {
	opacity:0;
	zoom: 1;
	filter: alpha(opacity=80);
	-webkit-transition:opacity 0.3s ease-in-out;
	-moz-transition:opacity 0.3s ease-in-out; 
	-o-transition:opacity 0.3s ease-in-out;  
   	transition:opacity 0.3s ease-in-out;
	z-index: 99;	
}
.work-client {
	color: rgba(255,255,255,0.60);
	display: block;
	margin: 5px 0px 0px 0px;
}
.work-year {
	color: hsla(215, 100%, 60%, 1);
	display: block;
	margin: 5px 0px 0px 0px;
}





/* project page */
.related {
	padding: 75px 0px 140px 0px;
}
.work-related {
	border-top: 1px solid hsla(215, 100%, 60%, 1);
	width: 46%;
	float: left;
	margin: 0px 2%;
	padding: 7px 0px;
}
.work-related h3 {
	font-size: 16px;
	text-transform: uppercase;
	color: hsla(215, 100%, 60%, 1);
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-weight: 700;
}
.work-related-links {
	list-style: none;
	margin: 11px 0px 0px 0px;
	list-style-image: url(https://lightswitch.net//img/bullet.png);
	list-style-position: outside;
	margin-left: 23px;
	line-height: 1.33em;
}
.work-related-links li {
	
}
.work-related-links a {
	text-decoration: none;
}
.p-summary {
	margin-top: 2em;
	margin-bottom: 0px;
}

.sort-work {
	display: block;
	text-transform: capitalize;
	font-size: 14px;
	margin: 10px 2% 10px 1.5%;
	padding-left: 10px;
	color: rgba(118,134,194,1.00);
}
.sort-work a {
	text-decoration: none;
	color: rgba(118,134,194,1.00);
	padding: 0px 3px;
}
.sort-work a:hover {
	color: rgba(255,255,255,0.80);
}
.sort-work .hlsort {
	color: #FFF;
}





/* ======================================================
   REDESIGN WORK
   ====================================================== */

.active {
	border-top: 1px solid hsla(215, 100%, 60%, 1);
	padding-top: 4px;
}
.work_view .headers {
	margin: 0px 0% 0px 0%;
	padding: 0px 0px 0px 0px;
	float: left;
	display:  inline-block;
}
.tag_section {
	color: hsla(215, 100%, 60%, 1);
	margin: 20px 0% 0px 0%;
	font-size: 20px;
	width: ;
	float: right;
	text-transform: capitalize;
}
.tags a {
	color: hsla(215, 100%, 60%, 1);
	text-decoration: none;
}
.tags a:hover {
	color: rgba(255,255,255,0.90);
}
.hero {
	padding: 0px 2%;
}
.summaries {
	width:  64.66%;
}

.projectkind {
	float: left;
}
.icons {
	float: right !important;
	margin-top: 9px;
	margin-right: 5px;
}
.icons li {
	display: inline-block;
	margin-left: 10px;
	font-size: 40px;
}
.icons li a {
	color: hsla(210, 90%, 70%, .99);
}
.icons li a:hover {
	color: white;
}






.expertise-cats {
	margin: 50px auto 0px auto;
	width: 99%;
	background:  ;
}
.expertise-cats h3 {
	display: inline-block;
	margin: 0px 11px 0px 0px;
}


.ex-filters li {
	font-weight: 500;
    letter-spacing: 0.025em;
}

.ex-filters {
	float: left;
	background: ;
}
.ex-filters li {
	display: inline-block;
	margin: 0px 11px 0px 0px;
	text-transform: uppercase;
	font-size: 16px;
}
.ex-filters li a {
	color: hsla(215, 100%, 60%, 1);
} 
.ex-filters li a:hover {
	color: #FFF;
}

.ex-filters h3 {
	display: inline-block;
	margin: 0px 11px 0px 0px;
}


.view-icons {
	float: right;
	text-align: right;
	background: ;
	margin-top: -3px;
}
.view-icons li {
	display: inline-block;
	margin-left: 5px;
	font-size: 19px;
}
.view-icons li, .view-icons li a {
	color: hsla(215, 100%, 60%, 1);
}
.view-icons li a:hover {
	color: white;
}
.view-as {
	text-transform: uppercase;
	font-size: 16px !important;
	margin: -2px 5px 0px 0px !important;
}


/* ======================================================
   TEXTVIEW 
   ====================================================== */

.textview {
	/* column-count: 3; */
	/* column-gap: 3%; */
	font-size: 1.125em;
	margin: 0px 0px 0px -20px;
	padding-bottom: 100px;
}
.pack-item {
    float: left;
 	margin: 0em 20px 0.8em 20px;
	width: calc(25% - 40px);
}
.textview p {
	float: left;
	border-top: 1px solid hsla(215, 100%, 60%, .6);
	padding-top: 0.7em;
	color: hsla(215, 100%, 60%, 1);
	line-height: 1.125em;
}
.textview a {
	color: hsla(215, 100%, 60%, 1);
}
.textview a:hover {
	color: white;
}

/* clear fix */
.pack:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- textview CSS columns---- */

.textview-col {
	column-count: 4;
    column-gap: 40px;
    padding-bottom: 200px;
    width: calc(100% - 10px);
    margin: 0px auto;
}
.textview-col p {
	font-size: 1.125em;
	border-top: 1px solid hsla(215, 100%, 60%, .6);
	padding-top: 0.7em;
	color: hsla(215, 100%, 60%, 1);
	line-height: 1.125em;
    -webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
}
.textview-col a {
	color: hsla(215, 100%, 60%, 1);
}
.textview-col a:hover {
	color: white;
}






/* ---- text popups ---- */
.fancybox-is-open .fancybox-bg { opacity: 0.70; }
.pop {
    width: 50%;
    max-width:;
    min-height:200px;
    background-color: black !important;
	border: 1px solid white !important;
}
.tl-pop-info {
    color: white;
    width: 50%;
    float: right;
    padding: 0px 20px;
}
.tl-pop-image {
    width: 50%;
    float: left;
}
.tl-pop-info  h2 {
	line-height: 1em !important;
} 
.tl-pop-image img {
    width: 100%;
    height: auto;
}
.tl-pop-info ul {
    font-size: 14px;
    line-height: 24px;
    margin-top: 10px;
}
.tl-pop-info p {
    ffont-size: 2em;
    margin-top: 1em;
}









/* ======================================================
   STORIES
   ====================================================== */

.arrow-light {
	/*font-family: 'din_mediumregular';*/
	padding: 0px 4px 0px 0px;
}
.stories {

}
.inner-section-stories {
	width: 93%;
	margin: 75px auto 0px auto;
	padding: 0px 0px 0px 0px;
}
.inner-section-stories-view {
	width: 92%;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}
.stories-filter {
	padding: 8px 0px 5px 0px;
	width: 100%;
	margin: 3px 0px 12px 0%;
	border-top: 1px solid hsla(215, 100%, 60%, 1);
	text-transform: uppercase;
	font-size: 14px;
}
.stories-filter i {
	margin: 0 2px 2px 0;
}


/* story-landing (list) */
.stories1-left {
	width: 46%;
	margin: 2%;
	float: left;
	min-height: 50px;
}

.stories-image1 {
	width: 21%;
	margin: 2%;
	float: left;
}
.stories-excerpt1 {
	width: 21%;
	margin: 2%;
	float: left;
}
.stories-excerpt1 p {
	line-height: 19px;
}
.storykind {
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 14px;
	margin: 0px 0px 10px 0px;
	display: block;
	/*border-top: 1px dotted rgba(0,0,0,0.30);*/
}




/* story-landing (grid) */

.stories-filter {
	padding: 8px 0px 5px 0px;
	width: 100%;
	margin: 3px 0px 12px 0%;
	border-top: 1px solid hsla(215, 100%, 60%, 1);
	text-transform: uppercase;
	font-size: 1em;
}
.storydate-1 {
	text-transform: uppercase;
	font-size: 1em;
	margin: 0px 0px 10px 0px;
	display: block;
}
.stories h3 {
	font-size: 1em;
	line-height: 1em;
	margin: 8px 0px 0px 0px;
}
.story-item h2 {
	font-size: 2.125em;
	line-height: 1em;
}
.story-item h3 {
	font-size: 1.125em;
	line-height: 1em;
}
.story-item p {
	font-size: 1.125em;
	line-height: 1.25em;
}
.story-item .more {
	font-size: 1.25em;
	line-height: 1.25em;
}


@media all and (max-width: 460px) {
.story-item h2 {
	font-size: 1.75em;
}
.story-item p {
	font-size: 1.075em;
	line-height: 1.125em;
}
}


.stories h2 a {
	color: rgba(255,255,255,0.70);
	text-decoration: none;
}
.stories h2 a:hover {
	color: rgba(255,255,255,1.00);
}
.more a {
	display: block;
	margin: -10px 0px 0px 0px;
	color: hsla(215, 100%, 60%, 1);
	text-decoration: none;
}
.more a:hover {
	color: hsla(215, 100%, 80%, 1);
}
.mobile-more a {
	margin: 5px 0px 0px 0px;
	text-decoration: none;
	display: none;
}


.story-item-l {
	width: 46%;
	margin: 20px 2%;
	background-color: rgba(255,255,255,0.60);
	/*padding: 2%;*/
	/*float: left;*/
}
.story-item-hl {
	width: 21%;
	margin: 20px 2%;
	background-color: rgba(118,134,194,0.50);
	/*color: #fff;*/
	padding: 2%;
	float: left;
	border: 1px solid rgba(118,134,194,0.60);
}
.item-s {
	width: 21%;
	background-color: rgba(255,255,255,0.50) !important;
}
.item-l {
	width: 46%;
	background-color: rgba(255,255,255,0.60) !important;
}
.item-hl {
	background-color: rgba(118,134,194,0.60) !important;
}
.story-item img, .story-item-l img, .story-item-hl img {
	margin: 12px 0px 10px 0px;
}
.grid-sizer { width: 21%; }
.gutter-sizer { width: 1%; }



/* story view page */

.story-view-titles {
	width: 30.0%;
	margin: 75px 3%;
	float: left;
	color: rgba(255,255,255,0.90);
}
.story-content {
	width: 58.0%;	
	margin: 75px 3% 100px 3%;
	float: right;
	color: rgba(255,255,255,0.90);
	font-size:  1.00em;
}
.stories-view h2 {
	font-size: 2.5em;
	line-height: 1em;
}
.stories-view h3 {
	font-size: 1em;
	line-height: 1em;
}
.story-text {
	margin: 0px 0px 0px 0px;
}
.story-text ul {
	margin: 0px 2%;
}
.story-text ul li {
	margin: 0px 0px 18px 1.125em;
	list-style-type: disc; 
   list-style-position: outside; 
}
.story-share {
	padding: 11px 0px 3px 0px;
	width: 100%;
	margin: 50px 0px 12px 0%;
	border-top: 1px solid hsla(360, 100%, 100%, .4);
	text-transform: uppercase;
	font-size: 1em;
}
.story-related {
	padding: 11px 0px 3px 0px;
	width: 100%;
	margin: 100px 0px 2em 0%;
	border-top: 1px solid hsla(360, 100%, 100%, .4);
	text-transform: uppercase;
	font-size: .75em;
}
.story-project-links {
	margin: 7px 0px 0px 0px;
}
.story-project-links li {
	list-style: none;
	line-height: 20px
}
.story-project-links li a {
	text-decoration: none;
	color: rgba(255,255,255,0.90);
}
.story-project-links li a:hover {
	color: rgba(255,255,255,0.99);
}
.portfolio-gallery {
	width: 100%;
	margin: 75px 0px 0px 0%;;
}
.story-gallery {
	width: 104%;
	margin: 15px 0px 0px -2%;;
}
.story-gallery-item {
	width: 29.333%;
	margin: 12px 2%;
	/*background-color: rgba(255,255,255,1.00);*/
	padding: 0%;
	float: left;
	line-height: 0px;
}


/* story light-box */
.lbhover a.vid {
	position: absolute;
	width: 100%;
	height: 100%;	
	text-decoration: none;
	background-image: url(https://lightswitch.net//img/work-ol-2.png);
	background-repeat:repeat;
	background-position: 0px 0px;
	background-size:100% 100%;
	opacity:1;
	zoom: 1;
	filter: alpha(opacity=0);
	-webkit-transition:opacity 0.7s ease-in-out;
	-moz-transition:opacity 0.7s ease-in-out;
	-o-transition:opacity 0.7s ease-in-out;
	transition:opacity 0.7s ease-in-out;
	z-index: 99;	
}

.lbhover a {
	position: absolute;
	width: 100%;
	height: 100%;	
	text-decoration: none;
	background-image: url(https://lightswitch.net//img/work-ol-2.png);
	background-repeat:repeat;
	background-position: 0px 0px;
	background-size:100% 100%;
	opacity:0;
	zoom: 1;
	filter: alpha(opacity=0);
	-webkit-transition:opacity 0.7s ease-in-out;
	-moz-transition:opacity 0.7s ease-in-out;
	-o-transition:opacity 0.7s ease-in-out;
	transition:opacity 0.7s ease-in-out;
	z-index: 99;	
}
.lbhover a:hover {
	opacity:1;
	zoom: 1;
	filter: alpha(opacity=80);
	-webkit-transition:opacity 0.3s ease-in-out;
	-moz-transition:opacity 0.3s ease-in-out; 
	-o-transition:opacity 0.3s ease-in-out;  
   	transition:opacity 0.3s ease-in-out;
	z-index: 99;	
}
.lbhover i {
	text-align: center;
	top: 40%;
	position: absolute;
	display: block;
	width: 100%;
	font-size: 24px;
}
figure {
	margin: 0;
	padding: 0;
}
figcaption {
	background-color: rgba(255,255,255,0.50);
	font-size: smaller;
	margin: 0;
	padding: 20px 20px 20px 25px;
	line-height: 1.3em;
}
.image-full {
	margin: 0;
	padding: 0;
}
.image-caption {
	background-color: rgba(255,255,255,0.50);
	font-size: smaller;
	margin: 0;
	padding: 20px 20px 20px 25px;
	line-height: 1.3em;
}

.image-left {
	width: 66.6%;
	float: left;
	padding: 5px 30px 15px 0px;
	margin: 0px;
}
.image-right {
	width: 66.6%;
	float: right;
	padding: 5px 0px 15px 30px;
	margin: 0px
}

.rte-img-chosen {
	width: 66.6% Important;
	text-align: left Important;
}
.pdf-link a {
	color: hsla(215, 100%, 60%, 1);
}
.pdf-link a:hover {
	color: rgba(0,0,0,1.00);
}






/* ======================================================
   Story VIEW Alternative
   ====================================================== */

.inner-section-stories-view-alt {
	width: calc(90% - 40px);
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}
.story-view-titles-alt {
	width: 100%;
	margin: 75px 0%;
	float: left;
	color: rgba(255,255,255,0.90);
}
.story-text {
	font-size:  1.25em;
}
.story-text-section {
	width: 75%;	
	margin: 0px 0% 100px 0%;
	color: rgba(255,255,255,0.90);
	clear:  both;
}
.story-text-section:nth-child(even) {
   float: right;
}
.story-text-section ul {
	margin:  0px 0px 2em 0px !important;
	padding:  0px !important;
	line-height:  0.85em;
	font-size:  0.85em;
	color: rgba(255,255,255,0.70);
	list-style: none !important;
}
.story-text-section li {
	margin:  0px 0px .75em 0px !important;;
	text-decoration:  none;
	border-top:  1px solid hsla(215, 100%, 60%, .7);
	padding:  5px 0px 0px 0px !important;
	list-style: none !important;
	color: hsla(215, 100%, 60%, 1);
}
.story-text-section h3, .story-text h3  {
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-weight: 700;
}
.image-left-alt {
	width: calc(50% - 0px);
	float: left;
	padding: 5px 50px 15px 0px;
	margin: 0px;
}
.image-right-alt {
	width: calc(50% - 0px);
	float: right;
	padding: 5px 0px 15px 50px;
	margin: 0px
}





/* ======================================================
   Clients
   ====================================================== */

.clients ul li {
	width: 10.0%;
	float: left;
	backface-visibility: hidden;
	transform-style: preserve-3d;
}
.clients ul li a img {
	border: 1px solid rgba(255,255,255,0.0);	
	transition: all 0.3s linear;
   -webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
   backface-visibility: hidden;
	transform-style: preserve-3d;
}
.clients ul li a img:hover {
	border: 1px solid rgba(255,255,255,0.9);
	backface-visibility: hidden;
	transform-style: preserve-3d;
}






/* ======================================================
   ABOUT
   ====================================================== */




/* TABS ================================= */

.tab-nav {
	margin-top: 100px;
}

.tabs {
    float: left;
    width: calc(30% - 1px);
}
.tabs button {
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-weight: 800;
	padding: .5em .5em;
	border: none;
    display: block;
    width: 100%;
    font-size:  1.5em;
    text-align: left;
    color: hsla(215, 100%, 60%, 1);
    margin: 0px;
    background: rgb(50,135,255);
background: linear-gradient(90deg, rgba(50,135,255,0.2) 0%, rgba(50,135,255,0) 100%);
border-top: 1px solid hsla(215, 100%, 60%, 1);
text-transform: uppercase;
}
button:last-child {
    border-bottom: 1px solid hsla(215, 100%, 60%, 1);
}
.tabs button:hover,
.tabs button:focus {
	text-decoration: none;
}
.tabs button.is-active {
	background-color: hsla(215, 100%, 60%, 1);
	color: white;
}
.tab-panel {
	display: none;
	z-index: 1;
    width: 70%;
    float: right;
    height: 700px;
    position: relative;
    border-top: 1px solid hsla(215, 100%, 60%, 1);
}
.tab-panel.is-active {
	display: block;
}
.panel-image {
    line-height: 0px;
    mix-blend-mode: ;
}
.panel-text {
    position: absolute;
    right: 5%;
    bottom: 8%;
    width: 55%;
    font-size: 1.5em;
    font-family: 'Barlow Semi Condensed', sans-serif;
	font-weight: 500;
    z-index: 33;
    color: white;
}
.tabnav {
	margin-top: 100px;
}
.panel-text p {
	line-height: 1.125em;
}
.panel-overlay {
	position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0px;
    right: 0px;
background: rgb(50,135,255);
background: linear-gradient(346deg, rgba(50,135,255,0.8785889355742297) 0%, rgba(50,135,255,0) 72%);
z-index: 22;
}





@media (max-width: 1600px) {
.tabs {
    float: left;
    width: calc(40% - 1px);
}
.tab-panel {
    width: 60%;;
}
}



@media (max-width: 1200px) {

.tabs {
    float: none;
    width: calc(100% - 0px);
}
.tab-panel {
    width: 100%;
    float: none;
    height: 550px;
}
.panel-text {
    width: 75%;
    right: 2%;
}

}

@media (max-width: 460px) {

.panel-text {
    width: 90%;
}
.panel-text h2 {
	font-size: 1.5em;
}
}	




/* PHILOSOPHY ================================= */

.video-cont {
	width: 100%;
    height: 700px;
    position: relative;
    margin-top: 100px;
}
video, .ie8-poster {
 object-fit: cover;
 object-position: center;
  width: 100%;
  height: 100%;
  position: absolute !important;
  top: 0px;
  left: 0;
  z-index: 1;
}

.philosophy-text {
	width: 75%;
    font-size: 1.5em;
    position: absolute;
  	top: 50%; 
    right: 3%;
  	-webkit-transform:translateY(-50%); 
    z-index: 22;
     font-family: 'Barlow Semi Condensed', sans-serif;
     color: white;  
}
.philosophy-text p {
	line-height: 1.125em;
}


@media (max-width: 460px) {

.philosophy-text {
	width: 90%;
}
}	



/* TEAM SECTION ================================= */


.team-section {
	margin-top: 0px;
    margin-bottom: 0px;
}
.team-copy {
	width: 35%;
    float: right;
    font-size: 1.5em;
}
.team-copy p {
	line-height: 1.125em;
}
.team-copy span {
	padding-bottom: 0.5em;
}
#team-slider {
	width: 60%;
    float: left;
}
.team-slider {
	height: 700px;
    width: 100%;
    position: realtive;
    z-index: 999;
}
.team-slider img {
	width: 100%;
    height: auto;
    display: block;
}

@media (max-width: 960px) {

.team-copy {
	width: 100%;
}
#team-slider {
	width: 100%;
    float: left;
    margin-bottom: 75px;
    height: 550px;
}
}



@media (max-width: 460px) {
#team-slider {
	height: 300px;
	margin-bottom: 25px;
}

}



.fade-in {
  animation-name: fadein;
  animation-duration: 1s;
  animation-iteration-count: 1;
  animation-timing-function: ease;
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}






/* new: ================================= */
.about {
	margin:  0px 0px 0px 0px;
}
.about-text {
	border-top:  1px solid hsla(360, 100%, 100%, 0.4);
	padding-top:  11px;
}
.about-text h3 {
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-weight: 700;
}
.half-text {
	width:  calc(50% - 20px);
}
.purpose-box {
	width:  calc(50% - 40px);
	margin:  30px 20px 0px 20px;
	float:  left;
}


.studio-box {
	width:  calc(33.33% - 40px);
	margin:  30px 20px 20px 20px;
	float:  left;
	position: relative;
	z-index: 1;
}
.studio-box h3 {
	position: absolute;
	top: 20px;
	right:  20px;
	font-size:  2.0em;
	text-shadow: 1px 1px 2px #000000;
	z-index: 3;
}
.studio-box-overlay {
	background: linear-gradient(192deg, rgba(0,0,0,0.50) 0%, rgba(0,0,0,0) 100%);
	position: absolute;
	width:  100%;
	height:  100%;
	z-index:  2;
	top:  0;
	left:  0;
	opacity:1;
	zoom: 1;
	filter: alpha(opacity=0);
	-webkit-transition:opacity 0.7s ease-in-out;
	-moz-transition:opacity 0.7s ease-in-out;
	-o-transition:opacity 0.7s ease-in-out;
	transition:opacity 0.7s ease-in-out;
}
.studio-box-overlay:hover {
	opacity:0;
	filter: alpha(opacity=0);
	-webkit-transition:opacity 0.7s ease-in-out;
	-moz-transition:opacity 0.7s ease-in-out;
	-o-transition:opacity 0.7s ease-in-out;
	transition:opacity 0.7s ease-in-out;
}

.studio-links {
	ffont-family: 'Barlow Semi Condensed', sans-serif;
	font-weight: 500;
	margin:  11px 0px 0px 0px;
	display:  block;
	z-index: 4;	
	position: relative;
	text-transform:  uppercase;
}
.studio-links a {
	padding:  0px 5px 0px 5px;
}





/* ======================================================
   Purpose
   ====================================================== */
.purpose {
	position: relative;
    margin-top: 20px;
}
.purpose h2 {
	position: absolute;
    z-index: 99;
    bottom: 100px;
    left: 3%;
    font-size: 4em;
    width: 50%;
    line-height: 1em;
    color: white;
}
.purpose-text {
	width:  calc(85% - 20px);
    font-size: 1.5em;
    line-height: 1.25em;
    margin: 30px 0px 0px 0px;
    color: hsla(215, 100%, 60%, 1);
    font-family: 'Barlow Semi Condensed', sans-serif;
	font-weight: 500;
}

#slideshow { position:relative; width: 100%; height: 700px;} /* (img px height / img px width x 100) = padding-bottom % */
#slideshow div { position:absolute; width:100%; height:100%; background-size:cover; background-position: center; -webkit-transition:opacity 3s; transition:opacity 3s }
.js #slideshow div { opacity:0 } /* only hide images if js enabled */
.js #slideshow .show, #slideshow .show { opacity:1 }  





@media all and (max-width: 460px) {
#slideshow {
	height: 500px;
	margin-top: -50px;
}
}




/* ======================================================
   Accordion
   ====================================================== */
.accordion *{
	box-sizing: border-box;
	outline: 0;
}
.accordion {
    width: 100%;
    margin: 0px 0%;
}


/* Accordion Header ================================= */
.accordion-header{
	min-height: 40px;
	padding: 20px 20px 20px 0px;
	cursor: pointer;
	overflow: hidden;
	position: relative;
	-webkit-tap-highlight-color: transparent;
	transition: background .2s linear;
    color: hsla(215, 100%, 60%, 1);
    border-top:  1px solid hsla(215, 100%, 60%, .8);
    background: linear-gradient(270deg, rgba(13,87,186,0.5) 0%, rgba(13,87,186,0) 100%);
    
}
.accordion-header:hover,
.accordion-item.active .accordion-header{
	background: rgb(13,87,186);
background: linear-gradient(270deg, rgba(13,87,186,1) 0%, rgba(13,87,186,0) 100%);
	color: white;
}
/* Accordion  Header icons (Font Awesome) */
.accordion-header i{
	width: 26px;
	text-align: left;
	font-size: 16px;
}

/* Accordion Header icon behavior */
.accordion-header .accordion-item-arrow{
	position: absolute;
	right: 15px;
	height: 20px;
	margin-top: -10px;
	top: 50%;
}
.accordion-header .accordion-item-arrow:before{
	content: "\f107";
	font-family: 'FontAwesome';
	font-size: 32px;
	float: right;
	transition: all .2s linear;
}
.accordion-item.active .accordion-header .accordion-item-arrow:before{
	-ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg); 
    transform: rotate(180deg);
}


/* Accordion Content (when open) ================================= */
.accordion-content{
	display: none;
    background-color: #000;
    padding: 0px 20px 0px 0px;
    position: relative;
    background: linear-gradient(270deg, rgba(13,87,186,1) 0%, rgba(13,87,186,0) 100%);
	/*border-bottom: solid 1px #e9e9e9;*/
}
.accordion-item:last-child .accordion-content{
	/*border-bottom: 1px solid black;*/
	/*border-top: solid 1px #e9e9e9;*/
}


.button a {
    padding: 10px 10px 10px 10px;
    margin: 10px 0px 10px 0px;
    background-color: grey;
    color: white;
    text-decoration: none;
    display: inline-block;
}
.button a:hover {
    background-color: black;
    color: white;
}
.acc-image {
    width: 100%;
    margin: 0px 0% 0px 0%;
    left: 0;
    bottom:0;
    mix-blend-mode: lighten;
}
.acc-text {
    width: 48%;
    position: absolute;
    z-index: 9;
    right: 20px;
	top: 50%;
    transform: translateY(-50%);
    font-size: 1.5em;
    color: white;
    font-family: 'Barlow Semi Condensed', sans-serif;
	font-weight: 500;
}










/* ======================================================
   Disciplines
   ====================================================== */

.discipline-box {
	width:  calc(100% - 0px);
	margin:  30px 0px 75px 0px;
	float:  left;
	position:  relative;
}
.discipline-box h3 {
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-weight: 500;
	position:  absolute;
	bottom:  60px;
	left:  -2px;
	z-index: 99;
	font-size:  4em;
	text-shadow: 1px 1px 3px #000000;
}
.disc-copy {
	position:  relative;
	z-index: 99;
	font-size:  1.25em;
	margin:  10px 0px 0px 0px;
	width:  calc(85% - 20px);
}

 /* Version 2 */
.discipline-box-2 {
	width:  calc(50% - 40px);
	margin:  30px 20px 30px 20px;
	float:  left;
	position:  relative;
}
.discipline-box-2 h3 {
	margin-bottom:  1.5em;
	border-top:  1px solid hsla(215, 100%, 60%, 0.6);
	padding-top:  11px;
}
.discipline-box-2 .half-text {
	width:  100%;
}
/* END Version 2 */



.disciplines h1 {
	margin: 10px 0px -10px 0px;
}
.disciplines-text {
	margin: 20px 2% 50px 2%;
}
.disciplines-text p {
	padding-right: 10%;
}
.others {
	margin: 60px 0px 20px 0px; 
	padding: 10px 0px 0px 0px;
	border-top: 1px solid rgba(118,134,194,1.00);
}
.others li {
	float: left;
	display: inline-block;
	margin: 0px 20px 0px 0px;
	/*background-color: hsla(215, 100%, 60%, 1);*/
	text-transform: uppercase;
	padding: 0px 0px 0px 0px;	
}
.others li a {
	text-decoration: none;
	color: rgba(118,134,194,1.00);
}
.others li a.hl {
	color: #FFF;
}
.others li a:hover {
	text-decoration: none;
	color: #fff;
}




.slider-cont {
	position: relative;
}
.slideroverlay {
background: rgb(0,0,0);
background: linear-gradient(22deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 65%);
width: 100%;
height: 100%;
position: absolute;
z-index: 90;
}  
   



  

/* ======================================================
   Offices
   ====================================================== */
   

.office-heads {
	width: 29.33%;
	margin: 0px 2%;
	padding: 0px;
	float: left;
	/*height: 300px;*/
	line-height: 1.9em;
}
.office-text {
	float: right;
	width: 62.666%;
	margin: 0px 2%;
}
.ob-chicago {
	background-image: url(https://lightswitch.net//images/uploads/about/map-chicago4.jpg);
	background-size: cover;
	background-position: center;
	padding: 40px 0px;
	border-bottom: 1px solid rgba(255,255,255,0.40);
}
.ob-hongkong {
	background-image: url(https://lightswitch.net//images/uploads/about/map-hongkong2.jpg);
	background-size: cover;
	background-position: left;
	padding: 20px 0px;
	border-bottom: 1px solid rgba(255,255,255,0.40);
}
.ob-losangeles {
	background-image: url(https://lightswitch.net//images/uploads/about/map-losangeles.jpg);
	background-size: cover;
	background-position: center;
	padding: 20px 0px;
	border-bottom: 1px solid rgba(255,255,255,0.40);
}
.ob-orlando {
	background-image: url(https://lightswitch.net//images/uploads/about/map-orlando.jpg);
	background-size: cover;
	background-position: center;
	padding: 20px 0px;
	border-bottom: 1px solid rgba(255,255,255,0.40);
}
.ob-sanfran {
	background-image: url(https://lightswitch.net//images/uploads/about/map-sanfran.jpg);
	background-size: cover;
	background-position: center;
	padding: 20px 0px;
	border-bottom: 1px solid rgba(255,255,255,0.40);
}
.ob-newyork {
	background-image: url(https://lightswitch.net//images/uploads/about/map-newyork.jpg);
	background-size: cover;
	background-position: center;
	padding: 20px 0px;
	border-bottom: 1px solid rgba(255,255,255,0.40);
}



.norm-line {
	height: 1px;
	margin: 30px 0% 20px 0%;
	background: -moz-linear-gradient(left, rgba(118,134,194,0.75) 0%, rgba(118,134,194,0) 100%);
	background: -webkit-linear-gradient(left, rgba(118,134,194,0.75) 0%,rgba(118,134,194,0) 100%);
	background: linear-gradient(to right, rgba(118,134,194,0.75) 0%,rgba(118,134,194,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf7686c2', endColorstr='#007686c2',GradientType=1 );
}
.norm-line-w {
	height: 1px;
	margin: 30px 0% 20px 0%;
	background: -moz-linear-gradient(left, rgba(255,255,255,0.50) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(left, rgba(255,255,255,0.50) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0.50) 0%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fff',GradientType=1 );
}



/* ======================================================
   Recognition
   ====================================================== */
.reco-box {
	width: 96%;
	margin: 35px 2% 40px 2%;
	padding: 0px 0px 0px 0px;
	/*border-bottom: 1px solid rgba(118,134,194,0.50);*/
	font-size: 20px;
}
.reco-name {
	display: block;
	color: rgba(118,134,194,1.00);
	font-size: 16px;
}
.reco-line-bu {
	border-bottom: 1px solid rgba(118,134,194,0.50);
	width: 96%;
	margin: 20px 2% 0px 2%;
}
.reco-line-1 {
	width: 96%;
	margin: 20px 2% 0px 2%;
	height: 1px;
	background: -moz-linear-gradient(left, rgba(118,134,194,0.75) 0%, rgba(118,134,194,0) 100%);
	background: -webkit-linear-gradient(left, rgba(118,134,194,0.75) 0%,rgba(118,134,194,0) 100%);
	background: linear-gradient(to right, rgba(118,134,194,0.75) 0%,rgba(118,134,194,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf7686c2', endColorstr='#007686c2',GradientType=1 );
}
.reco-line {
	height: 1px;
	margin: 40px 0% 0px 0%;
	background: -moz-linear-gradient(left, rgba(118,134,194,0.75) 0%, rgba(118,134,194,0) 100%);
	background: -webkit-linear-gradient(left, rgba(118,134,194,0.75) 0%,rgba(118,134,194,0) 100%);
	background: linear-gradient(to right, rgba(118,134,194,0.75) 0%,rgba(118,134,194,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf7686c2', endColorstr='#007686c2',GradientType=1 );
}
.reco-box ol {
	margin 0px 0%;
}
.reco-box ol li {
	margin: 0px 0px 18px 1.2em;
   list-style-position: outside; 
   line-height: 1.2em;
  
}




/* ======================================================
   Awards
   ====================================================== */

.award-unit {
	width: 29.33%;
	margin: 2%;
	float: left;
	position: relative;
	line-height: 0;
}

.award-hover {
	cursor:pointer;
	line-height: normal;
}

.award-hover a {
	position: absolute;
	width: 100%;
	height: 100%;	
	text-decoration: none;
	background-image: url(https://lightswitch.net//img/work-ol-2.png);
	background-repeat:repeat;
	background-position: 0px 0px;
	background-size:100% 100%;
	opacity:1;
	zoom: 1;
	filter: alpha(opacity=0);
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
	z-index: 99;
}
.award-hover a:hover {
	background-image: url(https://lightswitch.net//img/award-ol-2.png);
	opacity:1;
	zoom: 1;
	filter: alpha(opacity=80);
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out; 
	-o-transition:all 0.3s ease-in-out;  
   	transition:all 0.3s ease-in-out;
	z-index: 99;	
	
}
.award-hover h3 {
	position: absolute;
	padding: 10px 10px 10px 10px;
	bottom: 0px;
	font-size: 18px;
	line-height: 18px;
	color:#FFF;
	z-index: 99;
	zoom: 1;
	filter: alpha(opacity=100);	
}
.award-box {
	width: 100%;
	float: left;
	margin: 0px 0%;
	padding: 15px 0px 10px 0px;
	border-bottom: 1px solid rgba(255,255,255,0.40);
	font-size: 18px;
}
.award-box h3 {
	font-size: 18px;
	line-height: 20px;
	margin: -5px 0px 0px 0px;
}
.award-logo {
	width: 85px;
	display: block;
	float: left;
	margin: 0px 30px 0px 0px;
}
.award-project, .award-project a {
	display: block;
	color: rgba(118,134,194,1.00);
	text-decoration: none;
	line-height: 20px;
}
.award-project a:hover {
	color: white;
}
.award-line {
	border-bottom: 1px solid rgba(255,255,255,0.40);
	margin: 20px 0% 0px 0%;
}


.award-box-grid {
	width: 14%;
	float: left;
	margin: 20px 3%;
	padding: 0px 0px 0px 0px;
	font-size: 18px;
}
.award-box-grid h3 {
	font-size: 16px;
	line-height: 20px;
	margin: 0px 0px 0px 0px;
}
.award-box-image {
	position: relative;
}
.award-logo-grid {
	width: 33%;
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 11;
}
.award-box-grad {
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0px;
	left: 0px;
	background-image: url(https://lightswitch.net//img/grad-awards.png);
	background-repeat:repeat;
	background-position: 0px 0px;
	background-size:100% 100%;
	opacity:1;
	zoom: 1;
	filter: alpha(opacity=80);
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out; 
	-o-transition:all 0.3s ease-in-out;  
   	transition:all 0.3s ease-in-out;
	z-index: 10;
}


/* ======================================================
   Contact
   ====================================================== */
.contact-team-section a {
	text-decoration: none;
}
.contact a {
	text-decoration: none;
}



/* ======================================================
   TEAM
   ====================================================== */

.team-heads {
	margin: 0px 0% -10px 0% !important;
	font-size: 24px;
	color: hsla(215, 100%, 60%, 1);
	letter-spacing: 1px;
}
.team-line {
	width: 96%;
	margin: 20px 0% 3px 0% !important;
	height: 1px;
	clear: both;
	background: -moz-linear-gradient(left, rgba(255,255,255,0.50) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(left, rgba(255,255,255,0.50) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0.50) 0%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf7686c2', endColorstr='#007686c2',GradientType=1 );
}
.team-unit {
	width: 16%;
	margin: 2%;
	float: left;
	position: relative;
	line-height: 0px;
}

#filters {
	width: 98%;
	max-width: 1200px;
	margin: 50px 1% 20px .5%;
	padding: 0px 0px 0px 0px;
	min-height: 20px;
}
.bfirst {
	margin-left: 1%;
}

.team-images {
	padding: 0px 0px 30px 0px;
}
.teamfilter {
	margin: 0px 1.5%;
}
#filters ul li {
	display: inline-block;
	font-weight: 500;
}
#filters ul li a {
  	color: rgba(255,255,255,0.60);
	font-size: 16px;
	padding: 0px 15px 0px 0px;
}
#filters ul li a:hover {
	color: #fff;
}
.filterhl a {
	color: #7787c0 !Important;
}








/* ---- isotope buttons ---- */


.button {
	
	display: inline-block;
	padding-right: ; 
	padding-left: ;
  	border: none;
  	color: rgba(255,255,255,0.60);
	font-size: 14px;
	cursor: pointer;
	background: none;
}

.button:hover {
  color: #fff;
}

.button:active,
.button.is-checked {
  color: #7787c0;
}





/* ======================================================
   ISOTOPE
   ====================================================== */

/* clear fix */
.isotope:after {
  content: '';
  display: block;
  clear: both;
}
.pic img {
    width: 100% !important;
    height: auto;
    display: block;
    padding: 15px;
}
.pic iframe {
    width: 100% !important;
    height: auto;
    display: block;
    padding: 15px;
}
.pic-sizer { 
	width: calc(25% - 0px);
}
.gut-sizer {
  width: 0px;
}
.grid-sizer,
.grid-item {
  width: calc(100% - 30px) ;
}
.pic {
	float: left;
	position: relative;
}
.iso_small {
    width: calc(25% - 0px);
}
.iso_medium {
    width: calc(50% - 0px);
}
.iso_large {
    width: calc(75% - 0px);
}
.iso_xlarge {
    width: calc(100% - 0px);
}



.port {
    width: calc(25% - 0px);
}
.port-sizer { 
	width: calc(25% - 0px);
}


.pr_overlay {
    width: calc(100% - 15px);
    height: calc(100% - 15px);
    top: 10px;
    left: 10px;
    background: linear-gradient(to top right, hsla(0,0%,0%,0.8) 0%, hsla(0,0%,0%,0.5) 100%);
    position: absolute;
    display: flex;
    align-items: flex-end;
    opacity: 0;
    transition: all 0.5s ease-in-out 0.0s;
}
a .pr_overlay:hover {
    opacity: 1;
}

.info_text {
    width: calc(100% - 15px);
    /*height: calc(100% - 15px);*/
    position: absolute;
    /*display: flex;
    align-items: flex-end;*/
    opacity: 1;
	color: hsla(0,0%,100%,1);
	 padding: 0px 30px 0px 30px;
	z-index: 99;
	bottom: 10px;
	
}
.info_text_small {
	font-weight: 400;
    font-size: 1.325em;
    letter-spacing: .00em;
    color: hsla(0,0%,100%,1);
}
.info_text_medium {
	font-weight: 400;
    font-size: 3em;
    letter-spacing: .00em;
    color: hsla(0,0%,100%,1);
}
.info_text p {
	line-height: 1.125em;
}
.info_text_small h2 {
	font-weight: 600;
    font-size: 1.425em;
    margin-bottom: 0em;
}
.info_text_small h3 {
	font-weight: 700;
    font-size: 1.0em;
    margin-bottom: 0.2em;
}


.over-info-large {
    font-weight: 400;
    font-size: 3em;
    line-height: 1em;
    letter-spacing: .00em;
    margin: 0px 0px 30px 30px;
    text-transform: uppercase;
    color: hsla(0,0%,100%,1);
}
.over-info-medium {
    font-weight: 400;
    font-size: 3em;
    line-height: 1em;
    letter-spacing: .00em;
    margin: 0px 0px 30px 30px;
    text-transform: uppercase;
    color: hsla(0,0%,100%,1);
}
.over-info-small {
    font-weight: 400;
    font-size: 1.5em;
    line-height: 1.1em;
    letter-spacing: .00em;
    margin: 0px 15px 15px 15px;
    text-transform: uppercase;
    color: hsla(0,0%,100%,1);
}
.over-info-medium, .over-info-large, .over-info-xlarge {
    font-weight: 400;
    font-size: 3em;
    line-height: 1.1em;
    letter-spacing: .00em;
    margin: 0px 30px 30px 30px;
    text-transform: uppercase;
    color: hsla(0,0%,100%,1);
}
.v-over-info-medium, .v-over-info-large, .v-over-info-xlarge {
    font-weight: 400;
    font-size: 3em;
    line-height: 1em;
    letter-spacing: .00em;
    margin: 0px 30px 20px 20px;
    text-transform: uppercase;
    color: hsla(0,0%,100%,1);
}






/* ======================================================
   FULLSCREEN VIDEO
   ====================================================== */

object {
     width:100%;
     max-height:100%;
}
iframe {
	width: 100%;
	height: 100%;
}
.video-work {
   position: relative;
   top: -101px;
   left: 0;
   min-width: 100%;
   height: calc(100vh + 0px);
   z-index: 0 !important;
   pointer-events: none;
   overflow: hidden;
   background-size: cover;
   background-position: center;
}
.video-work iframe {
   width: 100vw;
   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 100vh;
   min-width: 197.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: 0 !important;
}









/* ======================================================
   NEW TEAM
   ====================================================== */


.team-list {
	margin: 20px 0% 40px 0%;
	line-height: 26px;
	font-size: 1.075em;
}
.view {
	margin: 0px 2% 0px 2%;
}
.view-in-bar {
	float: left;
	text-align: left;
	margin: 18px 0px 0px 20px;
}
.hovertext-team a {
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;	
	text-decoration: none;
	background-image: url(https://lightswitch.net//img/blue-2.png);
	background-repeat:repeat;
	background-position: 0px 0px;
	background-size:100% 100%;
	opacity:0;
	zoom: 1;
	filter: alpha(opacity=0);
	-webkit-transition:opacity 0.7s ease-in-out;
	-moz-transition:opacity 0.7s ease-in-out;
	-o-transition:opacity 0.7s ease-in-out;
	transition:opacity 0.7s ease-in-out;
	z-index: 99;
}
.hovertext-team a:hover {
	opacity: 1;
	zoom: 1;
	filter: alpha(opacity=80);
	-webkit-transition:opacity 0.3s ease-in-out;
	-moz-transition:opacity 0.3s ease-in-out; 
	-o-transition:opacity 0.3s ease-in-out;  
   	transition:opacity 0.3s ease-in-out;
	z-index: 99;	
}
.hovertext-team .team-titles-new {
	position: absolute;
	padding: 10px;
	margin: 1px 0px 0px 0px;
	bottom: 0;
	font-size: 15px !Important;	
	color:#FFF;
	z-index: 100;
	zoom: 1;
	filter: alpha(opacity=100);	
	-webkit-font-smoothing: subpixel-antialiased;
	 font-family: 'Barlow Semi Condensed', sans-serif;
	font-weight: 700;
}
.team-titles-new span {
	font-size: 15px !Important;	
	line-height: 17px;
	display: block;
}
.hovertext-team p {
	position: absolute;
	padding: 10px 10px 10px 10px;
	bottom: 0px;
	font-size: 15px;	
	color:#FFF;
	line-height: 18px;
	-webkit-font-smoothing: subpixel-antialiased;
	z-index: 99;
	zoom: 1;
	filter: alpha(opacity=100);	
}









.hovertext a {
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;	
	text-decoration: none;
	background-image: url(https://lightswitch.net//img/blue-2.png);
	background-repeat:repeat;
	background-position: 0px 0px;
	background-size:100% 100%;
	opacity:0;
	zoom: 1;
	filter: alpha(opacity=0);
	-webkit-transition:opacity 0.7s ease-in-out;
	-moz-transition:opacity 0.7s ease-in-out;
	-o-transition:opacity 0.7s ease-in-out;
	transition:opacity 0.7s ease-in-out;
	z-index: 99;
}
.hovertext a:hover {
	opacity: 1;
	zoom: 1;
	filter: alpha(opacity=80);
	-webkit-transition:opacity 0.3s ease-in-out;
	-moz-transition:opacity 0.3s ease-in-out; 
	-o-transition:opacity 0.3s ease-in-out;  
   	transition:opacity 0.3s ease-in-out;
	z-index: 99;	
}
.hovertext .team-titles {
	position: absolute;
	padding: 20px;
	bottom: 0px;
	font-size: 16px !Important;	
	color:#FFF;
	z-index: 100;
	zoom: 1;
	filter: alpha(opacity=100);	
	-webkit-font-smoothing: subpixel-antialiased;
	font-weight: 400;
}
.team-titles span {
	font-size: 16px !Important;	
	line-height: 18px;
	display: block;
}
.hovertext p, .hovertext2 p {
	position: absolute;
	padding: 7px 10px 10px 10px;
	bottom: 0px;
	font-size: 16px;	
	color:#FFF;
	line-height: 19px;
	-webkit-font-smoothing: subpixel-antialiased;
	z-index: 99;
	zoom: 1;
	filter: alpha(opacity=100);	
}
.iso-title {
	color: rgba(255,255,255,0.60);
}



/* ---- bio-page ---- */
.bio-awards {
	border-top: 1px dotted hsla(215, 100%, 60%, 1);
	padding-top: 10px;
	margin-top: 1px;
	color: hsla(215, 100%, 60%, 1);
}
.bio-space {
	height: 10px;
	clear: both;
	display: block;
}
.noscroll { overflow: hidden; }

.overlay { 
   position: fixed; 
   overflow-y: scroll;
   top: 0; right: 0; bottom: 0; left: 0; 
	z-index: 9999;
}

/*[aria-hidden="true"] { display: none; }
[aria-hidden="false"] { 	
	display: block;
}
*/

.bio {
margin: 5vh auto;
width: 90%;
height: 90%;
max-width: 800px;
padding: 30px;
/*min-height: 200vh;*/
background: -moz-linear-gradient(-45deg, hsla(0,0%,100%,1) 0%, hsla(0,0%,100%,1) 1%, hsla(0,0%,100%,0.8) 100%);
background: -webkit-linear-gradient(-45deg, hsla(0,0%,100%,1) 0%,hsla(0,0%,100%,1) 1%,hsla(0,0%,100%,0.8) 100%);
background: linear-gradient(135deg, hsla(0,0%,100%,1) 0%,hsla(0,0%,100%,1) 1%,hsla(0,0%,100%,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#80ffffff',GradientType=1 );
overflow: scroll
}

.overlay {/*background:  rgba(7,88,163, 0.75);*/
	
background: -moz-linear-gradient(-45deg, hsla(0,0%,0%,0.9) 0%, hsla(0,0%,0%,0.5) 100%);
background: -webkit-linear-gradient(-45deg, hsla(0,0%,0%,0.9) 0%,hsla(0,0%,0%,0.5) 100%);
background: linear-gradient(135deg, hsla(0,0%,0%,0.9) 0%,hsla(0,0%,0%,0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6000000', endColorstr='#80000000',GradientType=1 );	
	
/*background: -moz-linear-gradient(-45deg, hsla(209,92%,33%,0.9) 0%, hsla(209,92%,33%,0.75) 100%);
background: -webkit-linear-gradient(-45deg, hsla(209,92%,33%,0.9) 0%,hsla(209,92%,33%,0.75) 100%);
background: linear-gradient(135deg, hsla(209,92%,33%,0.9) 0%,hsla(209,92%,33%,0.75) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e60758a3', endColorstr='#bf0758a3',GradientType=1 );*/
	
}

.overlay {
	color: black;
}
.bio-text {
	margin: 40px 0px 0px 0px;
	color: black;
}
.bio-card {
	width: 63.333%;
	float: right;
	margin: 0px 0% 0px 3%;
	color: black;
}
.bio-image {
	width: 30.333%;
	float: left;
	margin: 0px 3% 0px 0%;
}
.bio-lb {
margin: 0 auto;
width: 90%;
max-width: 800px;
/*min-height: 200vh;*/
background: -moz-linear-gradient(-45deg, hsla(0,0%,100%,1) 0%, hsla(0,0%,100%,1) 1%, hsla(0,0%,100%,0.8) 100%);
background: -webkit-linear-gradient(-45deg, hsla(0,0%,100%,1) 0%,hsla(0,0%,100%,1) 1%,hsla(0,0%,100%,0.8) 100%);
background: linear-gradient(135deg, hsla(0,0%,100%,1) 0%,hsla(0,0%,100%,1) 1%,hsla(0,0%,100%,0.8) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#80ffffff',GradientType=1 );
overflow: scroll
}
.bio-lb h2 {
border-top: 1px solid #999;
}




.bio-page {
	margin-top: 30px;
}
.bio-page-image {
	width: 21%;
	margin: 0px 2%;
	float: left;
}
.bio-page-content {
	width: 71%;
	margin: 0px 2%;
	float: right;
}
.bio-page-content h2 {
	margin-top: -15px;
}
.bio-page .pronoun {
	color: rgba(255,255,255,0.80); 
	font-size: 18px;
}


   




/* ======================================================
   FOOTER
   ====================================================== */

footer {
position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  min-height: 200px;
	margin: 0px 0px 0px 0px;
	padding: 70px 0px 90px 0px;
	background-color: rgba(0,0,0,0.80);
	color: rgba(255,255,255,0.80);
	font-family: 'Barlow', sans-serif;
	font-weight: 500;
	z-index:99;
}
.home {
	padding-bottom: 0px !important;
}
.home footer {
position: relative !important;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 90px 0px;
	background-color: rgba(0,0,0,0.80);
	color: rgba(255,255,255,0.80);
	font-family: 'Barlow', sans-serif;
	font-weight: 500;	
}
.inner-footer {
	width: 90%;
	max-width: 90%;
	margin: 30px auto 0px auto;
	padding: 0px 0px 0px 0px;
	min-height: 100px;
	font-size: 14px;
	color: rgba(255,255,255,0.60);
}

.footer-col {
	width: 21%;
	margin: 2%;
	float: left;
	min-height: 50px;
}
footer ul {
	list-style: none;
	margin: 10px 0px 0px 0px;
	line-height: 18px;
}
footer i {
	margin: 10px 3px 0px 3px;
}
footer a {
	text-decoration: none;
}
.footericon {
	font-size: 36px !important;
	margin-top: 4px;
}
.f-border-top {
	border-top: 1px solid  rgba(255,255,255,0.30);
}

/* SEARCH */
.searcharea {
	margin-top: 15px;
}
.search li {
	margin: 30px 0px;
	line-height: 24px;
}
.search h2 {
	font-size: 30px;
	font-weight: 300;
	margin-bottom: 10px;
}
.search h3{
	font-weight: 700;
	margin: 30px 0px;
}
.search a, search a:visited {
	color: black;
}
.search a:hover {
	color: #999;
}
.search p {
	font-weight: 300;
}
.keyw {
	font-weight: 300;
}
.sbtn {
	padding: 0px 4px 3px 4px;
	background-color: rgba(255,255,255,0.60);
    border: none;
	cursor: pointer;
	width: 20%;
	float: right;
	/*height: 20px;*/
}
.skeyw {
	padding: 5px 3px 6px 3px;
	background-color: rgba(255,255,255,0.60);
	border: none;
	/*font-size: 12px;*/
	width: 75%;
}
.fsearch {
	margin: 7px 0px 3px 0px;
}

.inner-footer p {
	margin-top: 10px;
}


/* NEW: */
.work-search .sbtn {
	padding: 0px 4px 4px 4px;
	background-color: #7484ba;
    border: none;
	cursor: pointer;
	width: 20%;
	float: right;
	/*height: 20px;*/
	margin-top: 2px;
}
.work-search .skeyw {
	padding: 5px 3px 6px 3px;
	background-color:  #7484ba;
	border: none;
	/*font-size: 12px;*/
	width: 75%;
}
.fsearch {
	margin: 7px 0px 3px 0px;
}


@media all and (max-width: 960px) {
.work-search {	
	width: 33.33%;
	right: 0.5%;
	top: 11px;
}
}


@media all and (max-width: 600px) {
.category-section {
	padding: 10px 0px 60px 0px;
}
.work-search {	
	width: 50%;
	left: 1.5%;
	top: 120px;
}
}









/* ==========================================================================
   Contact
   ========================================================================== */

.contact {
	margin: 30px 20px 0px 0px;
	width: calc(50% - 40px);
	float: left;
}
.contact-team {
	width: 46%;
	width: calc(50% - 40px);
	float: right;
	margin: 30px 0px 30px 20px;
}
.contact-t {
	line-height: 17px;
	margin: 8px 0px;
	border-top: 1px solid rgba(255,255,255,0.20);
	padding-top: 5px;
}
.contact-team-section {
	margin: 0px 5px 0px 0px;
}











/* ==========================================================================
   TOGGLE MENU
   ========================================================================== */

label {
  cursor: pointer;
}
#menu-toggle {
  display: none; /* hide the checkbox */
}
#menu {
  display: none;
  background-color: rgba(255,255,255,0.95);
	position: absolute;
	z-index: 998;
	list-style: none;
	padding: 20px 15px;
	margin: 0px 0px 0px 0%;
	left: 0;
	width: 100%;
}
#menu-toggle:checked + #menu {
  display: block;
}
.projectfilters {
	float: right;
	margin: 20px 5px 0px 2%;
	background-color: rgba(7,88,163,1.00);
	min-width: 25%;
	padding: 0px 0%;
	position: relative;
}
.projectfilters ul {
	padding: 0px 0%;
	line-height: 16px;
	text-align: right;
}
.projectfilters span {
	display: block;
	padding: 5px 8px 8px 15px;
	text-align: right;
}
.projectfilters li a, .projectfilters li {
	color: black;
	text-decoration: none;
	padding: 3px 0%;
}
.projectfilters li a:hover {
	color: rgba(7,88,163,1.00);
}

.projectkind {
	float: left;
}
.filtercat {
	border-top: 1px dotted #999;
	padding-top: 8px !important;
}

.animated { 
    animation-duration: .5s; 
    animation-fill-mode: both; 
} 

@keyframes fadeInDown { 
    0% { 
        opacity: 0; 
        transform: translateY(-20px); 
    } 
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
} 

.fadeInDown { 
    animation-name: fadeInDown; 
}

.relatedfilters {
	color: rgba(7,88,163,1.00);
	padding: 5px 0px 3px 0px;
	position: relative;
	margin: 20px 0px 12px 0%;
	border-top: 1px solid rgba(7,88,163,1.00);
	/*border-bottom: 1px solid rgba(7,88,163,1.00);*/
	text-transform: uppercase;
	font-size: 14px;
}
.relatedfilters ul {
	padding: 0px 0%;
	line-height: 16px;
}
.relatedfilters span {
	/*display: block;
	padding: 5px 0px;*/
}
.relatedfilters li a, .relatedfilters li {
	color: black;
	text-decoration: none;
	padding: 4px 0%;
}
.relatedfilters li a:hover {
	color: rgba(7,88,163,1.00);
}
#menu-toggle-2 {
  display: none; /* hide the checkbox */
}
#menu-2 {
  display: none;
  background-color: rgba(255,255,255,0.95);
	position: relative;
	z-index: 999;
	list-style: none;
	padding: 10px 5px 10px 15px;
	margin: 10px 0px 0px 0%;
	left: 0;
	width: 100%;
}
#menu-toggle-2:checked + #menu-2 {
  display: block;
}





































/* ==========================================================================
   Media Queries
   ========================================================================== */









 @media all and (max-width: 1600px) {
/* STORIES: */

.story-view-titles {
	width: 96%;
	margin: 50px auto 0px auto;
	float: none;
}
.story-content {
	width: 96%;	
	margin: 75px auto 0px auto;
	float: none;
	padding-bottom: 50px;
}
}




 @media all and (max-width: 1400px) {
.over-info-large {
    font-size: 2em;
}
.home-cat {
	font-size: 1.0em;
}
}


 
 
 @media all and (max-width: 1200px) {

.top {
	margin-top: 20px;
	padding: 5px 0 0 0;
}
.isotope {
	 margin-top: -60px;
}

/* WORK VIEW */
.process_block {
	width: 46%;
}
.story-gallery-item {
	width: 46%;
	margin: 12px 2%;
}

/* STORIES: */

.story-view-titles {
	width: 96%;
	margin: 50px auto 0px auto;
	float: none;
}
.story-content {
	width: 96%;	
	margin: 75px auto 0px auto;
	float: none;
	padding-bottom: 50px;
}


.hovertext2 h3 {
	font-size: 16px;
	line-height: 17px;
}
.pack-item {
	width: calc(33% - 40px);
}
.info-size {
    min-width: calc(50% - 0px) !important;
}
.pop {
    width: 75%;
    max-width:;
    min-height:200px;
    background-color: black;
	border: 1px solid white;
}

/* ABOUT: */
.purpose-box {
	width:  calc(100% - 40px);
	margin:  30px 20px 0px 20px;
	float:  NONE;
}
.discipline-box-2 {
	width:  calc(100% - 40px);
	margin:  30px 20px 30px 20px;
	float:  none;
}
.studio-box {
	width:  calc(50% - 40px);
}

}


.textview-col {
	column-count: 3;
    column-gap: 40px;
    padding-bottom: 200px;
    width: calc(100% - 10px);
}









 @media all and (max-width: 1024px) {
 
 .tabnav, .video-cont {
	margin-top: 50px;
}
.ourteam h2 {
	margin-bottom: 40px;
}

.isotope {
	 margin-top: -50px;
}

/* stories: */



.port {
    width: calc(33.33% - 0px);
}  
.port-sizer { 
	width: calc(33.33% - 0px);
}

}

   
 
   

@media all and (max-width: 960px) {

.inner-nav-left a img {
	width: 180px !important;
}

/* STORIES */



/* WORK VIEW */
.process_block {
	width: 96%;
}

/* team grid: */
.grid-sizer { 
	width: 21%;
}
.two-unit-iso {
	width: 21%;
}
/* work grid: */
.three-unit-work {
	width: 29.333%;
}
.projectfilters {
	width: 29.333%;
	/*padding: 0px 1%;*/
}
.projectfilters span {
	/*padding: 10px 15px;*/
}
/* stories: */
.item-s {
	width: 46.0%;
}
.item-l {
	width: 46.0%;
}
/* nav: */
.inner-nav-left {
	margin-top: 4px;
}
.contact-home {
	width: 29.33%;
	height: 150px;
}
.smallcat {
	display: block;
	margin-top: 20px;
}
.award-box-grid {
	width: 19%;
	margin: 20px 3%;
}
		
}



@media all and (max-width: 1000px) {

.show-touch { display: block !important;}
.hide-touch { display: none !important; }

.inner-nav-right {
	width: 81.333%;
	padding: 0px 2% 0px 0%;
	float: right;
}
.inner-nav-left {
	width: 14.666%;
	float: left;
	margin-top: -1px;
	margin-left: 2%;
}

}







@media all and (max-width: 780px) {

.clients-home ul li {
	width: 12.5%;
}
.clients ul li {
	width: 16.666%;
}
.firm-heads {
	width: 96%;
	margin: 0px 2%;
	padding: 0px;
	float: none;
} 
.firm-text {
	float: none;
	width: 96%;
	margin: 0px 2%;
}
.ex-filters {
	float: none;
	line-height: 2em;
}
.view-icons {
	float: none;
	text-align: left;
	margin-top: 10px;
	border-top: 1px solid hsla(215, 100%, 60%, .5);
	padding-top: 8px;
}

}





@media all and (max-width: 768px) {

/* ----- TYPOGRAPHY -------------- */

body {
	font-size: 14px;
}



.over-info-large {
    font-size: 2.5em;
}
.home-cat {
	font-size: 1.25em;
}




.language-nav {
	float: ;
	text-align: right;
	margin: 5px 2% 0px 0px;
	width: auto;
}

.hide-tablet {
	display: none;
}



.team-heads {
	padding-bottom: 10px;
}





/* typography */
.crumbs {
	margin-bottom: 10px;	
}

/* work grid: */
.three-unit-work {
	width: 46%;
	margin: 2%;
	float: left;
	min-height: 50px;
}
.pf-mason {
	margin-left: 11px 0px 11px 2% !important;
}
.projectfilters {
	width: calc(100% - 0px);
	/*padding: 0px 2%;*/
	float: none;
	margin: 11px auto 21px auto;
	clear: both;
}
.projectfilters ul, .projectfilters span {
	text-align: left;
}
.projectkind {
	float: none;
}

/* stories: */
.stories-excerpt1 {
	display: none;
}
.stories-image1 {
	width: 46%;	
}
.item-s {
	width: 46.0%;
}
.item-l {
	width: 46.0%;
}


.story-gallery-item {
	width: 46%;
	margin: 8px 2% 8px 2%;
	float: left;
}
.work-related {
	width: 100%;
	float: none;
	margin: 0px 2% 25px 2%;
}

/* nav: */
.inner-nav-left {
	width: 19%;
	margin-top: 7px;	
}

/* team grid: */
.grid-sizer { 
	width: 29.333%;
}
.two-unit-iso {
	width: 29.333%;
	margin: 2%;
}
.hovertext a {
	position: relative;
}
.hovertext .team-titles {
	position: relative;
	padding: 5px 0px 0px 0px;
	margin: 1px 0px 0px 0px;
	height: 50px;
}
.three-unit-services {
	width: 50%;
}
.clients-home ul li {
	width: 16.666%;
}
.contact {
	margin: 30px 2% 0px 2%;
	width: 96%;
	float: none;
}
.contact-team {
	width: 96%;
	float: none;
	margin: 30px 2%;
}
.firm-head h2 {
	font-size: 42px;
	line-height: 44px;
	padding: 0px 0% 0px 0px;
}

.firm-text2 {
	padding: 0px 0% 0px 0px;
}
#content-slider-disc {
	width: 96%;
  color: #000;
  margin: 5px 2% -10px 2% !important;
  padding: 0px !important;		
}
#content-slider-1 {
	width: 96%;
  color: #000;
  margin: 5px 2% 0px 2%;
  padding: 0px !important;
}
.disciplines-text p {
	padding-right: 0%;
}
.contentSlider p {
	margin-right: 0%;
}
.sort-work {
	display: block;
	text-transform: capitalize;
	font-size: 14px;
	margin: 10px 2% 10px 3%;
	padding-left: 0px;
	color: rgba(118,134,194,1.00);
}
.home-text {
	font-size: 40px;
}
.ht_regular {
	font-size: 40px !important;
}
.ht_large {
	font-size: 60px !important;
}
.ht_xlarge {
	font-size: 65px !important;
}
.pack-item {
	width: calc(50% - 40px);
}
.port {
    width: calc(50% - 0px);
}  
.port-sizer { 
	width: calc(50% - 0px);
}
.iso_small {
    width: calc(50% - 0px);
}
.iso_medium {
    width: calc(100% - 0px);
}
.iso_large {
    width: calc(100% - 0px);
}
.iso_xlarge {
    width: calc(100% - 0px);
}

.tl-pop-info {
    color: white;
    width: 100%;
    float: none;
    padding: 0px 20px;
}
.tl-pop-image {
    width: 100%;
    float: none;
}
.tl-pop-info h2 {
	margin-top: .8em;
}
.studio-box {
	width:  calc(100% - 40px);
}
.textview-col {
	column-count: 2;
    column-gap: 40px;
    padding-bottom: 200px;
    width: calc(100% - 10px);
}


/* ----------- ABOUT ------------ */
.purpose-text {
	width:  calc(100% - 20px);
}
.disc-copy {
	width:  calc(100% - 20px);
}
.acc-text {
    width: 75%;
    font-size: 1.5em;
}

		
}









@media all and (max-width: 600px) {
.social-circle {
	width: 30px;
}
.pronoun {
	margin-top: -19px;
	margin-bottom: 20px;
}

.home-text {
	font-size: 32px;
}
.ht_regular {
	font-size: 32px !important;
}
.ht_large {
	font-size: 48px !important;
}
.ht_xlarge {
	font-size: 51px !important;
}
.team-unit {
	width: 46%;
	margin: 15px 2%;
}

.team-heads {
	padding-bottom: 10px;
}
.team-line {
	margin: 40px 2% 0px 2% !important;
}

/* project: */
.work-text {
	margin: 30px 2% 30px 2%;
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
	-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
}

.home-feature-link {
	width: 96%;
	float: none;
	margin: 0px 2% 75px 2%;
}

/* team grid: */
.grid-sizer { 
	width: 46%;
}
.two-unit-iso {
	width: 46%;
}

.projectfilters {
	
}

.rsABlock {
  	margin: auto auto auto 0%;
  	top: 59%; 
	font-size: 28px;
	padding: 0px 0% 6px 0%;
}
.rsABlock a {
	padding: 10px 2% 6px 2%;
}
.info-size {
    min-width: calc(100% - 0px) !important;
}


/* stories: */



.stories {
	padding : 0px 0px 30px 0px;
}
.stories-image1 {
	width: 100%;
	margin: 0px 0px 0px 0px;
}
.stories1-left {
	width: 100%;
	margin: 20px 0px 20px 0px;
}
.mobile-more a {
	display: block;
}
/*.story-gallery-item {
	width: 100%;
	margin: 8px 0% 8px 0%;
	float: none;
}*/

/* footer: */
.footer-col {
	width: 46%;
	margin: 2%;
	float: left;
}

/* bio-page: */
.bio-card {
	width: 100%;
	float: none;
	margin: 50px 0% 0px 0%;
}
.bio-card h2 {
	font-size: 32px;
	border-top: 1px dotted black;
	padding-top: 8px;
	line-height: 33px;
}
.bio-image {
	width: 100%;
	float: none;
	margin: 0px 0% 0px 0%;
}
.bios {
	padding-top: 40px !important;
}


.fulltext-1 {
	font-size: 30px;
	padding: 5px 8px 5px 8px;
	display: block;
	margin: 100px 1px 3px 1px;
	line-height: normal;
}
.fulltext-2 {
	font-size: 15px;
	padding: 5px 8px 5px 10px;
	display: block;
	line-height: normal;
}

.contact-home {
	width: 46%;
	height: 150px;
}
.ob-chicago, .ob-hongkong, .ob-losangeles, .ob-orlando, .ob-sanfran, .ob-newyork {
	padding: 60px 0px;
}
.office-heads {
	width: 96%;
	margin: 0px 2% 10px 2%;
	padding: 0px 0px 5px 0px;
	float: none;
	line-height: 1.9em;
}
.office-text {
	float: none;
	width: 96%;
	margin: 0px 2%;
}
.clients ul li {
	width: 25%;
}
.bio-page-image {
	width: 96%;
	margin: -20px 2% 0px 2%;
	float: none;
}
.bio-page-content {
	width: 96%;
	margin: 0px 2%;
	float: none;
}
.bio-page-content h2 {
	margin-top: 0px;
}
.award-box-grid {
	width: 27.333%;
}
.firm-image-left {
	width: 50%;
}
.firm-image-right {
	width: 50%;
}


.textview-col {
	column-count: 1;
    column-gap: 0px;
    padding-bottom: 200px;
    width: calc(100% - 10px);
}


}




@media all and (max-width: 460px) {
.inner-section-work {
	width: calc(90% - 0px);
}
.active {
	padding-top: 2px;
}
.iso_small {
    width: calc(100% - 0px);
}

.purpose h2 {
    font-size: 3.0em;
    bottom: 50px;
}





.hovertext2 h3 {
	font-size: 13px;
	line-height: 14px;
}
h1 {
	font-size: 40px;
	line-height: 1em;
}
.contact {
	margin: 30px 2% 0px 2%;
	width: 96%;
	float: none;
}
.contact-team {
	width: 96%;
	float: none;
	margin: 30px 2%;
}
.contact-team-section {
	margin-right: 4%;	
}
.bio-page-image {
	width: 96%;
	margin: 0px 2% 20px 2%;
	float: none;
}
.bio-page-content {
	width: 96%;
	margin: 0px 2%;
	float: none;
}
.firm-image-left {
	width: 96%;
	float: none;
	margin: 12px 2% 12px 2%;
}
.firm-image-right {
	width: 96%;
	float: none;
	margin: 12px 2% 12px 2%;
}
.award-box-grid {
	width: 44%;
}
.headers h1 {
	margin-top: 10px;
}
.smallcat {
	line-height: 21px;
}
.textview p {
	width: 96%;
	float: left;
}
	
}


@media all and (max-width: 414px) {

.firm-head h2 {
	font-size: 36px;
	line-height: 1em;
}
h1 {
	font-size: 36px !important;
	line-height: 1em !important;
}
.firm-image-grid {
	width: 49%;
	margin: 0.5px 0.5%;
	float: left;
}
div.firm-grid div:last-child {
	display: none;
}
.bio-links {
	display: block;
	margin-top: 3px;
}
#filters {
	width: 98%;
	max-width: 1200px;
	margin: 20px 1% 20px 2%;
	padding: 0px 0px 0px 0px;
	min-height: 20px;
}
.bfirst {
	margin-left: 0%;
}
button {
	margin: 0px 7px 0px 0px;
	padding: 0px;
}
.story-item {
	margin: 2%;
	padding: 14px 3%;
}

}



@media all and (max-width: 375px) {

.home-text {
	font-size: 26px;
	line-height: 31px;
}
.ht_regular {
	font-size: 26px !important;
}
.ht_large {
	font-size: 28px !important;
}
.ht_xlarge {
	font-size: 30px !important;
}
.clients ul li {
	width: 33.333%;
}
.contact-home {
	width: 96%;
	height: auto;
	margin: 20px 2% 0px 2%;
	border-bottom: 1px solid grey;
	padding-bottom: 15px;
}
.hovertext2 h3 {
	font-size: 14px;
	line-height: 16px;
}
.footer-col {
	width: 96%;
	margin: 2% 2% 30px 2%;
	float: none;
}
footer {
	height: 500px;
}
body {
	padding-bottom: 500px;
}

.story-item, .story-item-hl {
	width: 96%;
	margin: 20px 2%;
	padding: 17px 6%;
	float: none;
}
.item-s {
	width: 96%;
}

}





@media all and (max-width: 320px) {


.three-unit-work {
	width: 96%;
	margin: 25px 2%;
	float: none;
}

.clients-home ul li {
	width: 24.0%;
}



}




@media all and (min-width: 1200px) {
 body {
	padding-top: 115px;
}

}






/* ==========================================================================
   Media Queries for the mobile nav and grid
   ========================================================================== */


@media all and (max-width: 1000px) {

.inner-nav-right {
	width: 100%;
	padding: 0px 0% 0px 0%;
	float: none;
}
.inner-nav-left {
	display: none;;
}
	
}

@media (max-width: 430px) {
	
.one_unit, 
.two_unit, 
.three_unit,
.four_unit,
.five_unit, 
.six_unit,
.seven_unit,
.eight_unit,
.nine_unit,
.ten_unit,
.eleven_unit {
	float: none; 
	width: 96%;
}
}










.fader{
  animation: animationFrames linear 10s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: animationFrames linear 10s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-transition-origin: -webkit-transform-origin: 50% 50%;
  -moz-animation: animationFrames linear 10s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: animationFrames linear 10s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: animationFrames linear 10s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
}

@keyframes animationFrames{
  0% {
    opacity:0;
  }
  61% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-moz-keyframes animationFrames{
  0% {
    opacity:0;
  }
  61% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-webkit-keyframes animationFrames {
  0% {
    -webkit-opacity:0;
  }
  61% {
    -webkit-opacity:0;
  }
  100% {
    -webkit-opacity:1;
  }
}

@-o-keyframes animationFrames {
  0% {
    opacity:0;
  }
  61% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-ms-keyframes animationFrames {
  0% {
    opacity:0;
  }
  61% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}






.subnav {
	margin-left: 0px;
}
#filters {
	width: 100%;
	max-width: 100%;
	margin: -40px 0% 40px 0%;
	padding: 0px 0px 0px 0px;
	min-height: 20px;
}
.teamfilter {
	margin: 0px 0%;
}
.teamfilter li {
	display: inline-block;
	margin: 0px 11px 5px 0px;
	text-transform: uppercase;
	font-size: 16px;
}
.teamfilter li a {
	color: hsla(215, 100%, 60%, 1);
} 
.teamfilter li a:hover {
	color: #FFF;
}
#filters ul li {
	display: inline-block;
	color: hsla(215, 100%, 60%, 1);
}
#filters ul li a {
  	color: hsla(215, 100%, 60%, 1);
	font-size: 16px;
	padding: 0px 0px 0px 0px;
}
#filters ul li a:hover {
	color: #fff;
}