@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;
}

*, *: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;	
}
.n-portfolio {
  width: 300% !important; 
}
.logomo {
	display: none;
}

@media all and (max-width: 1000px) {
.logomo {
	display: block;
	position: absolute;
	width: 200px;
	top: 16px;
	left: 2%;
	z-index: 9999;
}
.inner-nav {
	position: relative;
}
.logo-mobile img {
	width: 200px;
	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:"Gill Sans Nova W01 Bold";
}
.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: rgba(118,134,194,1.00) !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: rgba(118,134,194,1.00);
	text-decoration: none;
}
.search-results a:hover {
	color: rgba(255,255,255,1.00);
}
.search-results h2 {
	font-size: 28px;
	line-height: 28px;
}
.smallcat {
	font-size: 20px;
	color: rgba(255,255,255,0.50);
}
.story-text img {
	width: 100% !important;
	height: auto !important;
}


.headers h1 {
	line-height: 24px;
	margin-top: 15px;
}


.paginate {
	text-transform: uppercase;
	font-family:"Gill Sans Nova W01 Bold";
	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:"Gill Sans Nova W01 Book";
	-webkit-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
}
.paginumbers strong {
	background-color: rgba(7,88,163,1.00);
	color: white;
	padding: 1px 8px 3px 8px;
	font-family:"Gill Sans Nova W01 Book";
	-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: 300;
	/*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: #333;
	font-size: 16px
	background-color: #333;
}
.captcha-instruction {
	line-height: 16px;
	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: rgba(7,88,163,1.00);
}
.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
   ========================================================================== */
i {
	margin: 0px 3px 0px 3px;
}
.home-text {
	color: rgba(255,255,255,0.80);
	font-size: 48px;
	font-family:"Gill Sans Nova W01 Book";
}
.ht_regular {
	font-size: 48px !important;
}
.ht_large {
	font-size: 72px !important;
}
.ht_xlarge {
	font-size: 96px !important;
}
.work {
	font-family:"Gill Sans Nova W01 Medium";
}
h1 {
	font-size: 48px;
	text-transform: uppercase;
	line-height: 1em;
	margin: 0px 0px 0px 0px;
	font-family:"Gill Sans Nova W01 Medium";
	color: rgba(255,255,255,0.80)
}
h2 {
	font-size: 36px;
	font-family:"Gill Sans Nova W01 Medium";
	text-transform: uppercase;
	letter-spacing: -1px;
	margin: 0px 0px 15px 0px;
	text-align: left;
}
h3 {
	font-size: 20px;
	line-height: 23px;
	font-family:"Gill Sans Nova W01 Bold";
	text-transform: uppercase;
}
.stories h2 {
	line-height: 36px;
	font-size: 36px;
}
.stories h3 {
	font-size: 16px;
	line-height: 19px;
	margin: 8px 0px 0px 0px;
	font-family:"Gill Sans Nova W01 Bold";
}
.story-item h2 {
	font-size: 26px;
	line-height: 28px;
}
.story-item h3 {
	font-size: 14px;
	line-height: 17px;
}
.storydate-1 {
	font-family:"Gill Sans Nova W01 Bold";
	text-transform: uppercase;
	font-size: 14px;
	margin: 0px 0px 10px 0px;
	display: block;
}
.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)
}

.tags {
	color: rgba(118,134,194,1.00);
	margin: 0px 0px 0px 0px;
	font-size: 20px;
	font-family:"Gill Sans Nova W01 Medium";
}
.tags a {
	color: rgba(118,134,194,1.00);
	text-decoration: none;
}
.tags a:hover {
	color: rgba(255,255,255,0.90);
}
.moveup {
	margin-top: 10px !important;
}
.crumbs {
	margin-left: 2%;
	font-size: 14px;
	text-transform: ;
	font-family:"Gill Sans Nova W01 Medium";
	float: left;
	padding-top: 5px;
}
.crumbs a {
	text-decoration: none;
}
.bio-title {
	font-size: 20px;
	display: block;
	color: rgba(7,88,163,1.00);
	font-family:"Gill Sans Nova W01 Bold";
}
.pronoun {
	font-size: 20px;
	display: block;
	color: rgba(0,0,0,0.70);
	line-height: 1.3em;
	margin-top: -24px;
	margin-bottom: 20px;
}
.bio-page .pronoun {
	color: rgba(255,255,255,0.80); 
	font-size: 18px;
}
.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: rgba(7,88,163,1.00) !important;
}
.id-news {
	background-color: rgba(118,134,194,0.70);
	color: rgba(255,255,255,0.80) !important;
}
.story-text h4 {
	font-family:"Gill Sans Nova W01 Bold";
	text-transform: uppercase;
	margin-bottom: 10px;
	margin-top: 20px;
}
.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: rgba(7,88,163,1.00);
}


/* ==========================================================================
   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;
	/*height: 75px;*/
}
.inner-nav {
	width: 90%;
	max-width: 1200px;
	margin: 0px auto 5px auto;
	padding: 10px 0px 0px 0px;
}
.inner-nav-right {
	width: 73%;
	padding: 0px 0% 0px 0%;
	float: right;
}
.inner-nav-left {
	width: 21%;
	float: left;
	margin-top: 5px;
	margin-left: 2%;
}
.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 {
	font-family:"Gill Sans Nova W01 Book";
	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-top: -30px;
	padding: 15px 0 0 0;
}
.category-section {
	width: 90%;
	max-width: 1200px;
	margin: 0px auto 0px auto;
	padding: 10px 0px 20px 0px;
}
.headers {
	margin: 0px 0px 0px 1.75%;
	padding: 5px 0px 20px 0px;
	float: left;
} 
.headers2 {
	margin: 0px 0px 0px 1.75%;
	padding: 5px 0px 20px 0px;
	float: left;
}
.language-nav {
	float: right;
	margin: 30px 2% 0px 0px;
	width: 200px;
    text-align: right;
}
.headers2 h1 {
	line-height: 44px;
}
.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: 34px;
}


section {
	margin: 0px;
	/*background-color: rgba(255,255,255,0.20);*/
	padding: 0px 0px 0px 0px;
}
.inner-section {
	width: 90%;
	max-width: 1200px;
	margin: 0px auto 20px auto;
	padding: 0px 0px 0px 0px;
}
.crumbs-section {
	width: 90%;
	max-width: 1200px;
	margin: -10px auto 0px auto;
	padding: 0px 0px 10px 0px;
}


.full-height {
	height:100vh;
	min-height:100vh;
}
.workslider {
	padding: 0px 0px 30px 0px;
}
.main {
	padding: 20px 0px 50px 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%;
	max-width: 1200px;
	padding: 0px 0px 0px 0px;
	margin: 40px auto 20px auto;
background: -moz-linear-gradient(left, hsla(0,0%,0%,0.5) 0%, hsla(0,0%,0%,0.5) 51%, hsla(0,0%,0%,0) 100%);
background: -webkit-linear-gradient(left, hsla(0,0%,0%,0.5) 0%,hsla(0,0%,0%,0.5) 51%,hsla(0,0%,0%,0) 100%);
background: linear-gradient(to right, hsla(0,0%,0%,0.5) 0%,hsla(0,0%,0%,0.5) 51%,hsla(0,0%,0%,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
	display: block;
}



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

.fulltext-1 {
	/*font-family: 'ProximaNovaLight';*/
	font-size: 40px;
	/*background-color: rgba(255,255,255,0.90);*/
	color: black;
	padding: 10px 15px 10px 15px;
	display: block;
	margin: 1px 1px 3px 1px;
	line-height: normal;
	background: -moz-linear-gradient(45deg, hsla(0,0%,100%,1) 0%, hsla(0,0%,100%,0.3) 100%);
background: -webkit-linear-gradient(45deg, hsla(0,0%,100%,1) 0%,hsla(0,0%,100%,0.3) 100%);
background: linear-gradient(45deg, hsla(0,0%,100%,1) 0%,hsla(0,0%,100%,0.3) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
}
.fulltext-2 {
	/*font-family: 'ProximaNovaLight';*/
	font-size: 20px;
	/*background-color: rgba(0,0,0,0.70);*/
	color: white;
	padding: 10px 15px 10px 19px;
	display: block;
	line-height: normal;
	background: -moz-linear-gradient(45deg, hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,1) 100%);
background: -webkit-linear-gradient(45deg, hsla(0,0%,0%,0) 0%,hsla(0,0%,0%,1) 100%);
background: linear-gradient(45deg, hsla(0,0%,0%,0) 0%,hsla(0,0%,0%,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 );
}
.fulltext-1 a {
	text-decoration: none;
	color: black;
}
.fulltext-2 a {
	text-decoration: none;
	color: white;
}
.minus {
	margin-top: -100px;
}
.inner-section-home {
	width: 90%;
	max-width: 1200px;
	margin: 0px auto 0px auto;
	padding: 50px 0px 70px 0px;
}
.homescroll {
	position: relative;
	z-index:98;
	padding: 0px 0px;
}
.homesection {
	padding: 0px 0px;
	text-align: ;
}
.homesection-tag {
	height: 70vh;
	margin: 0% 0px 0px 0px;
	padding: 0px 0px;
	text-align: center;
	position: relative;
}
.hometag {
	position: relative;
	top: 30%;
	width: 90%;
	max-width: 800px;
	margin: auto;
}
#slideshow {
	z-index:98;
	height: 70vh;
	margin: 0% 0px 0px 0px;
	padding: 0px 0px;
	position: relative;
	text-align: center;
}
/*
#slideshow > div { 
    position: absolute; 
    top: 30%; left: 0; bottom: 0; right: 0;
	width: 90%;
	max-width: 800px;
	margin: auto;
}
*/
#slideshow > div { 
    position: absolute; 
	width: 90%;
	max-width: 800px;
	margin: 0;
	top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%) }
}

.slide-logo {
	display: block;
	width: 96%;
	margin: auto;
}

.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;
}
.inner-home {
	padding: 0px 2%;
}
.home-feature-link {
	width: 29.333%;
	float: left;
	margin: 0px 2%;
}
.home-feature-link img {
	border: 1px solid rgba(255,255,255,0.00);
		transition: all 0.3s linear;
   -webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
   backface-visibility: hidden;
	transform-style: preserve-3d;

}
.home-feature-link img:hover {
	border: 1px solid rgba(255,255,255,0.85);
backface-visibility: hidden;
	transform-style: preserve-3d;
}
.home-feature-text {
	text-align: left !important;
}
.home-feature-text h3 {
	line-height: 20px;
	/*border-top: 1px solid rgba(255,255,255,0.50);*/
	padding: 11px 0px 5px 0px;
	margin: 5px 0px;
}
.home-feature-icon {
	border-top: 1px solid rgba(255,255,255,0.50);
	display: block;
	padding: 7px 0px 1px 0px;
	margin: 5px 0px;
}
.home-more a {
	text-decoration: none;
}
.three-unit-services {
	width: 25%;
	margin: 20px 0px 0px 0px;
	float: left;
	min-height: 50px;
	position: relative;
}
.hovertext3 a {
	position: absolute;
	width: 100%;
	height: 100%;	
	text-decoration: none;
	/* background-image: url(https://lightswitch.net//img/work-ol-5.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;
	
}
.hovertext3 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;	
}

/*
.three-unit-services h3 {
	position: absolute;
	width: 100%;
	padding: 7px 10px 10px 10px;
	top: 45%;
	font-size: 16px;	
	color:#FFF;
	line-height: 18px;
	-webkit-font-smoothing: subpixel-antialiased;
	z-index: 100;
	zoom: 1;
	filter: alpha(opacity=100);	
	text-align: center !important;
}
*/
.three-unit-services h3 {
	position: absolute;
	width: 100%;
	top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
	font-size: 16px;	
	color:#FFF;
	line-height: 18px;
	-webkit-font-smoothing: subpixel-antialiased;
	z-index: 100;
	zoom: 1;
	filter: alpha(opacity=100);	
	text-align: center !important;
	padding: 0px 20px;
}
.three-unit-services h3 a {
	color: #fff;
}
.home-contact li {
	font-size: 14px;
	margin: 0px 0px 4px 0px;
	line-height: 17px;
}
.home-contact {
	margin-top: 5px;
}
.contact-home {
	width: 12.667%;
	margin: 2%;
	float: left;
}
.contact-home h3 {
	font-size: 16px;
}
.contact-home a {
	color: black;
}
.contact-home a:hover {
	color: rgba(118,134,194,1.00);
}
.clients-home {
	margin: 0px 2%;
}
.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);
}






/* ======================================================
   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: rgba(7,88,163,1.00);
}
#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-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: rgba(7,88,163,1.00);
	display: block;
	margin: 5px 0px 0px 0px;
}


/* project page */
.work-related {
	border-top: 1px solid rgba(7,88,163,1.00);
	width: 46%;
	float: left;
	margin: 0px 2%;
	padding: 7px 0px;
}
.work-related h3 {
	font-size: 16px;
	text-transform: uppercase;
	color: rgba(118,134,194,1.00);
	font-family:"Gill Sans Nova W01 Bold";
}
.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;
}



/* ==========================================================================
   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 2% 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;
}






/* ======================================================
   STORIES
   ====================================================== */
.c-light a {
	color: black;
}
.c-light a:hover {
	color: rgba(7,88,163,1.00);
}
.arrow-light {
	/*font-family: 'din_mediumregular';*/
	padding: 0px 4px 0px 0px;
}
.stories {
	margin: 0px 0px 1px 0px;
}
.inner-section-stories {
	width: 90%;
	max-width: 1200px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}
.stories-filter {
	/*background-color: blue;*/
	/*font-family: 'din_mediumregular';*/
	color: rgba(7,88,163,1.00);
	padding: 5px 0px 5px 0px;
	width: 100%;
	margin: 3px 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;
}
.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:"Gill Sans Nova W01 Bold";
	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 h2 a {
	color: rgba(0,0,0,0.70);
	text-decoration: none;
}
.stories h2 a:hover {
	color: rgba(0,0,0,1.00);
}
.more a {
	font-family:"Gill Sans Nova W01 Bold";
	display: block;
	margin: -10px 0px 0px 0px;
	color: rgba(0,0,0,0.60);
	text-decoration: none;
}
.mobile-more a {
	font-family:"Gill Sans Nova W01 Bold";
	margin: 5px 0px 0px 0px;
	color: rgba(0,0,0,0.60);
	text-decoration: none;
	display: none;
}
.story-item {
	/*width: 21%;*/
	margin: 2%;
	background-color: rgba(255,255,255,0.60);
	padding: 2%;
	float: left;
}
.story-item h3 {
	line-height: 18px;
}
.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 detail page */
.story-titles {
	width: 21%;
	margin: 2%;
	float: left;
}
.story-content {
	width: 71%;	
	margin: 2% 2% 100px 2%;
	float: left;
	color: rgba(0,0,0,0.95);
}
.story-text {
	margin: 0px 0px 0px 0px;
	font-family:"Gill Sans Nova W01 Book";
}
.story-text ul {
	margin 0px 2%;
}
.story-text ul li {
	margin: 0px 0px 18px 1.2em;
	list-style-type: disc; 
   list-style-position: outside; 
  
}


.story-share {
	color: rgba(7,88,163,1.00);
	width: 100%;
	padding: 11px 0px 22px 0px;
	margin: 40px 0px 15px 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;
	background: -moz-linear-gradient(45deg, hsla(0,0%,100%,0) 0%, hsla(0,0%,100%,0.75) 100%);
background: -webkit-linear-gradient(45deg, hsla(0,0%,100%,0) 0%,hsla(0,0%,100%,0.75) 100%);
background: linear-gradient(45deg, hsla(0,0%,100%,0) 0%,hsla(0,0%,100%,0.75) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#bfffffff',GradientType=1 );
}
.story-share-l {
	color: rgba(7,88,163,1.00);
	padding: 5px 0px 3px 0px;
	width: 100%;
	margin: 20px 0px 12px 0%;
	border-top: 1px solid rgba(7,88,163,1.00);
	text-transform: uppercase;
	font-size: 14px;
}
.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: black;
}
.story-project-links li a:hover {
	color: rgba(7,88,163,1.00);
}
.portfolio-gallery {
	width: 100%;
	margin: 15px 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: rgba(7,88,163,1.00);
}
.pdf-link a:hover {
	color: rgba(0,0,0,1.00);
}



/* ======================================================
   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;
}



/* ======================================================
   Disciplines
   ====================================================== */
.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: rgba(7,88,163,1.00);*/
	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;
}



/* ======================================================
   Firm
   ====================================================== */
.firm-box {
	margin: 0px 0px 0px 0px;
}   
.firm-heads {
	width: 21%;
	margin: 0px 2%;
	padding: 0px;
	float: left;
	line-height: 1.9em;
	color: rgba(118,134,194,1.00);
} 
.firm-heads h2 {
	font-size: 26px;
}
.firm-box h3 {
	font-size: 16px;
}
.firm-text {
	float: right;
	width: 71%;
	margin: 0px 2%;
}
.firm-image-left {
	width: 29.33%;
	float: left;
	margin: 12px 4%  12px 0%;
}
.firm-image-right {
	width: 29.33%;
	float: right;
	margin: 12px 0% 12px 4%;
}
.firm-head {
	width: 96%;
	margin: 0px 2% 10px 2%;
	padding: 0px;
	line-height: 38px;
	color: rgba(118,134,194,1.00);
}
.firm-head h2 {
	font-family:"Gill Sans Nova W01 Book";
	font-size: 48px;
	line-height: 50px;
	padding: 0px 5% 0px 0px;
	text-transform: capitalize;
}
.firm-text2 {
	float: right;
	width: 96%;
	margin: 15px 2%;
	padding: 0px 5% 0px 0px;
}
.firm-grid {
	width: 96%;
	margin: 50px 2% 40px 2%;
}
.firm-image-grid {
	width: 32.333%;
	margin: 2px 0.5%;
	float: left;
}
  
   
  
  

/* ======================================================
   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 2% -10px 2% !important;
	font-size: 24px;
	color: rgba(118,134,194,1.00);
	/*border-top: 1px solid rgba(118,134,194,0.50);*/
	letter-spacing: 1px;
}
.team-line {
	width: 96%;
	margin: 20px 2% 0px 2% !important;
	height: 1px;
	clear: both;
	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 );
}
.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;
}
#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 ---- */

.grid-sizer { 
	width: 12.667%;
  	margin: 2%; 
}

/* clear fix */
.isotope:after {
  content: '';
  display: block;
  clear: both;
}
.two-unit-iso p {
	line-height: normal;	
}
.two-unit-iso {
	width: 12.667%;
	margin: 2%;
	float: left;
	position: relative;
	line-height: 0px;
}





/* ---- new team ---- */

.team-unit-new {
	width: 12.666%;
	margin: 2%;
	float: left;
	position: relative;
	line-height: 0px;
}

.team-list {
	margin: 20px 2% 40px 2%;
	line-height: 26px;
}
.view {
	margin: 0px 2% 0px 2%;
}
.view-in-bar {
	float: left;
	text-align: left;
	margin: 18px 0px 0px 20px;
}
.hovertext-team a {
	position: relative;
	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: relative;
	padding: 5px 0px 0px 0px;
	margin: 1px 0px 0px 0px;
	height: 25px;
	font-size: 13px !Important;	
	color:#FFF;
	z-index: 100;
	zoom: 1;
	filter: alpha(opacity=100);	
	-webkit-font-smoothing: subpixel-antialiased;
	 font-family:"Gill Sans Nova W01 Bold";
}
.team-titles-new span {
	font-size: 13px !Important;	
	line-height: 16px;
	display: block;
}
.hovertext-team p {
	position: absolute;
	padding: 7px 10px 10px 10px;
	bottom: 0px;
	font-size: 13px;	
	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: 14px !Important;	
	color:#FFF;
	z-index: 100;
	zoom: 1;
	filter: alpha(opacity=100);	
	-webkit-font-smoothing: subpixel-antialiased;
}
.team-titles span {
	font-size: 14px !Important;	
	line-height: 16px;
	display: block;
}
.hovertext p, .hovertext2 p {
	position: absolute;
	padding: 7px 10px 10px 10px;
	bottom: 0px;
	font-size: 14px;	
	color:#FFF;
	line-height: 18px;
	-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 rgba(118,134,194,1.00);
	padding-top: 10px;
	margin-top: 1px;
	color: rgba(118,134,194,1.00);
}
.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;
}



   




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

footer {
position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  min-height: 200px;
	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:"Gill Sans Nova W01 Medium";
	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:"Gill Sans Nova W01 Medium";	
}
.inner-footer {
	width: 90%;
	max-width: 1200px;
	margin: 10px auto 50px 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;
}









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

.contact {
	margin: 30px 2% 0px 2%;
	width: 46%;
	float: left;
}
.contact-team {
	width: 46%;
	float: right;
	margin: 30px 2%;
}
.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;
}








/* ==========================================================================
   Media Queries
   ========================================================================== */
 
 
 @media all and (max-width: 1200px) {

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

/* stories: */
.stories h2 {
	line-height: 36px;
	font-size: 36px;
}
.stories h3 {
	font-size: 14px;
	line-height: 17px;
	margin: 8px 0px 0px 0px;
	font-family:"Gill Sans Nova W01 Bold";
}
.story-item h2 {
	font-size: 23px;
	line-height: 26px;
}
.story-item h3 {
	font-size: 14px;
	line-height: 17px;
}
.storydate-1 {
	font-size: 14px;
	line-height: 17px;
	margin: 0px 0px 10px 0px;
} 

.hovertext2 h3 {
	font-size: 16px;
	line-height: 17px;
}

}






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


/* stories: */
.stories h2 {
	font-size: 24px;
	line-height: 26px;
}
.stories h3 {
	font-size: 14px;
	line-height: 17px;
	margin: 8px 0px 0px 0px;
	font-family:"Gill Sans Nova W01 Bold";
}
.story-item h2 {
	font-size: 22px;
	line-height: 24px;
}
.story-item h3 {
	font-size: 14px;
	line-height: 16px;
	margin: 8px 0px 10px 0px;
}
.storydate-1 {
	font-size: 14px;
	line-height: 16px;
	margin: 0px 0px 10px 0px;
}  

}

   
 
   

@media all and (max-width: 960px) {
.team-unit-new {
	width: 29.333%;
	margin: 15px 2%;
}

.story-item h2 {
	font-size: 26px;
	line-height: 27px;
}
.story-item h3 {
	font-size: 14px;
	line-height: 18px;
	margin: 8px 0px 10px 0px;
}



/* 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%;
}


}



@media all and (max-width: 768px) {
.language-nav {
	float: none;
	text-align: right;
	margin: 5px 2% 0px 0px;
	width: auto;
}

.hide-tablet {
	display: none;
}

.team-unit {
	width: 29.333%;
	margin: 15px 2%;
}

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

.stories h2 {
	font-size: 36px;
	line-height: 38px;
}
.stories h3 {
	font-size: 14px;
	line-height: 17px;
	margin: 8px 0px 0px 0px;
	font-family:"Gill Sans Nova W01 Bold";
}
.story-item h2 {
	font-size: 22px;
	line-height: 24px;
}
.story-item h3 {
	font-size: 14px;
	line-height: 18px;
	margin: 8px 0px 10px 0px;
}
.storydate-1 {
	font-size: 14px;
	line-height: 16px;
	margin: 0px 0px 10px 0px;
} 


/* 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: 96%;
	/*padding: 0px 2%;*/
	float: none;
	margin: 11px 2% 21px 2%;
	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-titles {
	width: 96%;
	margin: 0% auto;
	float: none;
}
.story-content {
	width: 96%;	
	margin: 20px auto 0px auto;
	float: none;
	padding-bottom: 50px;
}

.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;
}
h1 {
	font-size: 42px;
	line-height: 1em;
}
.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;
}
		
}





@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-unit-new {
	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 {
	width: 96%;
}

.rsABlock {
  	margin: auto auto auto 0%;
  	top: 59%; 
	font-size: 28px;
	padding: 0px 0% 6px 0%;
}
.rsABlock a {
	padding: 10px 2% 6px 2%;
}


/* 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%;
}


}




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


.stories h2 {
	font-size: 32px;
	line-height: 33px;
}
.stories h3 {
	font-size: 14px;
	line-height: 17px;
	margin: 8px 0px 0px 0px;
	font-family:"Gill Sans Nova W01 Bold";
}
.story-item h2 {
	font-size: 16px;
	line-height: 19px;
}
.story-item h3 {
	font-size: 12px;
	line-height: 15px;
	margin: 8px 0px 10px 0px;
}

.storydate-1 {
	font-size: 12px;
	line-height: 15px;
	margin: 0px 0px 10px 0px;
} 
.story-item p {
	font-size: 12px;
	line-height: 13px;
	font-family:"Gill Sans Nova W01 Medium";
}



.news p, .more, .newsdate-1, .stories-filter {
font-size: 14px;
}
.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;
}

	
}


@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;
}

}





@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;
  }
}