@charset "utf-8";
/***** ILX 3.0 *****/


html, body {
	position:relative;
	font-family:'Roboto', Arial, sans-serif;
	font-size:inherit;
	color:#333333;
	margin:0;
	padding:0;
	background:#FFFFFF;
	-webkit-font-smoothing: antialiased !important;
}


/********** BASELINE **********/


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	vertical-align:baseline; 
	font-weight:inherit;
}


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block; 
}


img { 
	display:block; 
	border:none; 
	max-width:100%;
}


/********** CUSTOM FONT **********/


@font-face {
	font-family: 'Iconic';
	src: url('../icon-works.eot');
	src: url('../icon-works.eot?#iefix') format('embedded-opentype'),
		 url('../icon-works.woff') format('woff'),
		 url('../icon-works.ttf') format('truetype'),
		 url('../icon-works.svg#Iconic') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'Iconographs';
	src: url('../iconographs.eot');
	src: url('../iconographs.eot?#iefix') format('embedded-opentype'),
		 url('../iconographs.woff') format('woff'),
		 url('../iconographs.ttf') format('truetype'),
		 url('../iconographs.svg#Iconographs') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'Entypo';
	src: url('../entypo.eot');
	src: url('../entypo.eot?#iefix') format('embedded-opentype'),
		 url('../entypo.woff') format('woff'),
		 url('../entypo.ttf') format('truetype'),
		 url('../entypo.svg#Entypo') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
    font-family:'Roboto';
    src: url('../roboto-regular.eot');
    src: url('../roboto-regular.eot?#iefix') format('embedded-opentype'),
         url('../roboto-regular.woff') format('woff'),
         url('../roboto-regular.ttf') format('truetype'),
         url('../roboto-regular.svg#Roboto') format('svg');
    font-weight:normal;
    font-style:normal;
}


@font-face {
    font-family:'RobotoLight';
    src: url('../roboto-light.eot');
    src: url('../roboto-light.eot?#iefix') format('embedded-opentype'),
         url('../roboto-light.woff') format('woff'),
         url('../roboto-light.ttf') format('truetype'),
         url('../roboto-light.svg#RobotoLight') format('svg');
    font-weight:normal;
    font-style:normal;
}


@font-face {
    font-family:'RobotoThin';
    src: url('../roboto-thin.eot');
    src: url('../roboto-thin.eot?#iefix') format('embedded-opentype'),
         url('../roboto-thin.woff') format('woff'),
         url('../roboto-thin.ttf') format('truetype'),
         url('../roboto-thin.svg#RobotoThin') format('svg');
    font-weight:normal;
    font-style:normal;
}


@font-face {
    font-family:'RobotoBold';
    src: url('../roboto-bold.eot');
    src: url('../roboto-bold.eot?#iefix') format('embedded-opentype'),
         url('../roboto-bold.woff') format('woff'),
         url('../roboto-bold.ttf') format('truetype'),
         url('../roboto-bold.svg#RobotoBold') format('svg');
    font-weight:normal;
    font-style:normal;
}


@font-face {
	font-family:'Weather';
	src: url('../artill_clean_icons-webfont.eot');
	src: url('../artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../artill_clean_icons-webfont.woff') format('woff'),
		 url('../artill_clean_icons-webfont.ttf') format('truetype'),
		 url('../artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg');
	font-weight: normal;
	font-style: normal;
}


/********** TEXT **********/


p { 
	font-family:'RobotoLight', Arial, sans-serif;
	color:#333333;
	margin-bottom:16px;
}


a {
	text-decoration:none;
}


a:hover {
	color:#0000FF;
	text-decoration:underline;
}


a:focus {
	outline:none;
}


strong, .strong { font-family:'RobotoBold'; }


.icons::before {
	content: attr(data-icon);
	font-family:'Iconic';
	text-decoration:none;
}


.icon-circle {
	border-radius:50%;
}


.entypo::before {
	content: attr(data-entype);
	font-family:'Entypo';
	text-decoration:none;
}


/********** POSITIONS **********/


.left {
	float:left;
}


.right {
	float:right;
}


.clearout {
	clear:both;
	height:0px;
}


.take-higher {
	z-index:9999999 !important;
}


.show {
	display:block;
}


.hide {
	display:none !important;
}


.container {
    width:99.999%;
    margin:0px;
	padding:0px;
	min-width:320px;
	transition:all 300ms ease-out 0s;
}


.layout {
    display:table;
}


.layout .columns-container {
    display:table-row;
}


.layout .columns-container .column {
    display:table-cell;
}


.padder-large {
	padding-top:60px;
	padding-bottom:60px;
}


.padder-medium {
	padding-top:60px;
	padding-bottom:60px;
}


.body-fixer { overflow:hidden; }


.halves {
	float:left; 
	width:48.8%; 
	margin:0px;
	margin-right:2%;
}


.thirds { 
	float:left; 
	width:30.8%; 
	margin:40px 0px;
	margin-right:3%;
}


.fourths { 
	float:left; 
	width:22.8%; 
	margin:40px 0px;
	margin-right:2.5%;
}


.two-thirds { 
	float:left; 
	width:67.8%; 
	margin:40px 0px;
	margin-right:2.5%;
}


.last-one {
	margin-right:0px;
}


.halves.kinda-half {
	float:left; 
	width:60%; 
	margin:0px;
	margin-right:2%;
}


.half-of { 
	width:46%; 
	margin:0px;
}


/********** LEVEL ONE **********/


.orange {
	position:fixed;
	background:url(../images/bg_content_diag.jpg) #fb921e;
	background-size:cover;
	display:block;
	width:100%;
	height:100%;
	z-index:999999;
}


.level-one {
	width:480px;
	min-height:100%;
	margin:0 auto;
	/* top:50%; */
    transform:translateY(45%);
	opacity:0.7;
}


.level-one img {
	display:none;
	max-width:100%;
	position:relative;
	margin-top:50px;
}


/********** OVERLAYS **********/


.overlay-diag {
	position: absolute;
	background-image: url("../images/bg_overlay_stripe.png");
	background-repeat: repeat;
	width: 100%;
	height: 100%;
	z-index: -1;
}


.overlay-shade {
	position: absolute;
	background-image: url("../images/bg_overlay_shade_dark.png");
	background-repeat: repeat;
	width: 100%;
	height: 100%;
	z-index: -1;
}


/********** BUTTONS **********/


a.ilx-btn {
	display:inline-block;
	margin-top:20px;
	margin-bottom:40px;
	padding:10px 30px;
	font-family:'RobotoLight', Arial, sans-serif;
	font-size:16px;
	border:1px solid #ff8400;
	color:#fff;
	background:#ff8400;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	transition:all 300ms ease-out 0s;
}


a.ilx-btn:hover {
	border:1px solid #D26F00;
	color:#fff;
	background:#D26F00;
	text-decoration:none;
	transition:all 300ms ease-out 0s;
}


a.ilx-btn-white {
	display:inline-block;
	margin-top:20px;
	margin-bottom:40px;
	padding:10px 30px;
	font-family:'RobotoLight', Arial, sans-serif;
	font-size:16px;
	border:1px solid #fff;
	color:#fff;
	background:url(../images/bg_overlay_shade.png) repeat;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	transition:all 300ms ease-out 0s;
}


a.ilx-btn-white:hover {
	border:1px solid #ff8400;
	color:#fff;
	background:#ff8400;
	text-decoration:none;
	transition:all 300ms ease-out 0s;
}


a.ilx-btn-next {
	display:block;
	background-image:url(../images/icon_arrow_down.png);
	width:44px;
	height:24px;
	margin:0 auto;
	text-decoration:none;
	padding: 20px 10px;
	background-color:#000;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size:24px;
	opacity: 0.6;
	transition:opacity 300ms ease-out 0s;
}


a.ilx-btn-next:hover {
	opacity:0.85;
	text-decoration:none;
	transition:opacity 300ms ease-out 0s;
}


.ilx-arrow-down-contain {
	display:none;
	position:absolute;
	width:100%;
	bottom:0;
	padding:0px 0px 0px 0px;
	z-index:777;
}


/********** GLOBAL MENU ITEMS **********/


.move-22 {
	margin-left:0px !important;
	transition:all 300ms ease-out 0s;
}


.decrease-22 {
	width:78% !important;
	transition:all 300ms ease-out 0s;
}


.main-menu {
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	background-image:url(../images/bg_content_diag_gray.jpg);
	background-size:cover;
	background-attachment:fixed;
	z-index:99999;
	overflow:hidden;
}


.menu-options-bg {
	display:block;
	position:fixed;
	background:url(../images/bg_menu_black.png) repeat;
	opacity:0;
	width:100%;
	height:60px;
	z-index:88889;
}


a.ilx-iconic {
	background:url(../images/logo_mark_small.png) center no-repeat;
	float:left;
	width:60px;
	height:60px;
	margin-left:0px;
	transition:all 300ms ease-out 0s;
}


a.ilx-iconic.menu-solid {
	background:url(../images/logo_mark_small.png) #111 center no-repeat;
	transition:all 300ms ease-out 0s;
}


a.ilx-iconic:hover {
	background-color:#ff8400;
	text-decoration:none;
	transition:all 300ms ease-out 0s;
}


a.ilx-iconic.menu-solid:hover {
	text-decoration:none;
	background:url(../images/logo_mark_small.png) #ff8400 center no-repeat;
	transition:all 300ms ease-out 0s;
}


.ilx-phone {
	float:right;
	font-family:'RobotoBold', Arial, sans-serif;
	font-size:18px;
	color:#fff;
	margin:17px 20px 0px 0px;
	text-decoration:none;
	transition:all 300ms ease-out 0s;
}


.ilx-phone:hover {
	opacity:0.7;
	color:#fff;
	text-decoration:none;
	transition:all 300ms ease-out 0s;
}


.ilx-share {
	float:right;
	color:#fff;
	margin:20px 15px 0px 0px;
	text-decoration:none;
	transition:all 300ms ease-out 0s;
}


.ilx-share:hover {
	opacity:0.7;
	color:#fff;
	text-decoration:none;
	transition:all 300ms ease-out 0s;
}


.ilx-share span {
	font-size:2.5em;
    font-weight:normal;
    line-height:0.2em;
	color:#fff;
}


.ilx-share-buttons {
	position:absolute;
	top:250px;
	right:0px;
}


.ilx-share-button {
	position:absolute;
	right:-35px;
	opacity:1.0;
	display:block;
	width:45px; 
	height:45px;
	color:#fff;
	text-align:center;
	line-height:45px;
	text-decoration:none;
	cursor:pointer;
	transition:all 200ms ease-out 0s;
}


.ilx-share-button:hover {
	right:0px;
	color:#fff;
	text-decoration:none;
	transition:all 200ms ease-out 0s;
}


.ilx-share-button.turn-up {
	opacity:1.0;
	right:0px;
	transition:all 200ms ease-out 0s;
}


.ilx-share-button.turn-up:hover {
	opacity:0.7;
	color:#fff;
	text-decoration:none;
	transition:all 200ms ease-out 0s;
}


.addthis_button_facebook { background:#3b5998; }
.addthis_button_twitter { background:#35b4d1; }
.addthis_button_linkedin { background:#0086b0; }
.addthis_button_google_plusone { background:#dc4e41; }
.addthis_button_email { background:#39B743; }


/********** MAIN MENU OPTIONS **********/


.options-mover {
	margin-left:-60px;
}


.main-menu-options {
	display:block;
	position:fixed;
	min-width:130px;
	height:60px;
	z-index:100000;
}


a.main-menu-toggle {
	display:block;
	float:left;
	width:60px;
	height:60px;
	background:url(../images/bg_ilx_open.png) center no-repeat;
	transition:opacity 300ms ease-out 0s;
}


a.main-menu-toggle:hover {
	/* background-color:#222; */
	text-decoration:none;
	opacity:0.5;
	transition:opacity 300ms ease-out 0s;
}


a.main-menu-toggle.menu-close {
	display:block;
	float:left;
	width:60px;
	height:60px;
	background:url(../images/bg_ilx_hide.png) center no-repeat;
	opacity:1.0;
	transition:opacity 300ms ease-out 0s;
}


a.main-menu-toggle.menu-close.menu-solid {
	background:url(../images/bg_ilx_hide.png) #0e0e0e center no-repeat;
	transition:all 300ms ease-out 0s;
}


a.main-menu-toggle.menu-close:hover {
	text-decoration:none;
	background-color:#333;
	transition:all 300ms ease-out 0s;
}


/********** DESKTOP MENU **********/


.rebrand-menu {
	float:left;
	width:22%;
	height:1px;
	position:relative;
	margin-left:-22%;
	background-color:#0e0e0e;
	overflow:hidden;
	transition:all 300ms ease-out 0s;
}


.rebrand-menu-fixer {
	position:fixed;
	width:22%;
	background-color:#0e0e0e;
	height:100%;
}


.rebrand-menu ul {
	margin:0px 0px 30px 0px;
	padding:0px;
	list-style:none;
	line-height:1.0em;
}


.rebrand-menu li {
	margin:0px;
	padding:0px;
	list-style:none;
}


.rebrand-menu li a {
	display:block;
	padding-top:17px;
	padding-left:30px;
	padding-bottom:17px;
	font-family:'Roboto', Arial, sans-serif;
	font-size:11px;
	color:#ccc;
	letter-spacing:0.25em;
	margin-bottom:1px;
	background:#151515;
	transition:background 300ms ease-out 0s;
}


.rebrand-menu li a.last-button {
	margin-bottom:0px;
}


.rebrand-menu li a:hover {
	background:#333;
	color:#ccc;
	text-decoration:none;
	transition:background 300ms ease-out 0s;
}


.rebrand-menu li a.active {
	/* background:#ff8400; */
	padding-left:26px;
	border-left:4px solid #ff8400;
	color:#ccc;
	text-decoration:none;
}


.rebrand-menu li.nest a span.marker::before {
	font-size:21px;
	content:"+";
	display:inline-block;
	line-height:0.7em;
	float:right;
	margin-right:20px;
}


.rebrand-menu li.nest a span.marker::before {
	font-size:21px;
	content:"+";
	display:inline-block;
	line-height:0.7em;
	float:right;
	margin-right:20px;
}


.rebrand-menu li.nest a.opened span.marker::before {
	font-size:21px;
	content:"-";
	display:inline-block;
	line-height:0.7em;
	float:right;
	margin-right:20px;
}


.rebrand-menu li.nest a.opened {
	background:#222;
	color:#ccc;
	text-decoration:none;
}


.rebrand-menu li.nest a.opened:hover {
	background:#333;
}


.rebrand-menu li.subs {
	display:none;
}


.rebrand-menu ul.nested {
	margin:0px 0px 0px 0px;
	padding:0px;
	list-style:none;
	line-height:1.0em;
}


.rebrand-menu ul.nested li {
	margin:0px;
	padding:0px;
	list-style:none;
}


.rebrand-menu ul.nested li a {
	display:block;
	padding-top:17px;
	padding-left:50px;
	padding-bottom:17px;
	font-family:'Roboto', Arial, sans-serif;
	font-size:11px;
	color:#ccc;
	background:#222;
	/* background:#d5d5d5; */
	letter-spacing:0.25em;
	/* margin-bottom:1px; */
	transition:background 300ms ease-out 0s;
}


.rebrand-menu ul.nested li a.last-button {
	margin-bottom:0px;
}


.rebrand-menu ul.nested li a:hover {
	background:#333;
	color:#ccc;
	text-decoration:none;
	transition:background 300ms ease-out 0s;
}


.rebrand-menu ul.nested li a.active {
	/* background:#ff8400; */
	padding-left:46px;
	border-left:4px solid #ff8400;
	color:#ccc;
	text-decoration:none;
}


.desktop-menu {
	padding:0px 0px 0px 0px;
}


/********** MOBILE MENU **********/


.rebrand-mobile-menu {
	display:none;
	width:100%;
	position:fixed;
	margin-left:0;
	background:#0e0e0e;
	overflow:hidden;
	/* opacity:0.0;
	transition:opacity 300ms ease-out 0s; */
	z-index:99999;
}


.rebrand-mobile-menu-fixer {
	position:fixed;
	width:100%;
	height:100%;
	background:#0e0e0e;
}


.rebrand-mobile-menu ul {
	margin:0px 0px 30px 0px;
	padding:0px;
	list-style:none;
	line-height:1.0em;
}


.rebrand-mobile-menu li {
	margin:0px;
	padding:0px;
	list-style:none;
}


.rebrand-mobile-menu li a {
	display:block;
	padding-top:17px;
	padding-left:30px;
	padding-bottom:17px;
	font-family:'Roboto', Arial, sans-serif;
	font-size:11px;
	color:#ccc;
	letter-spacing:0.25em;
	margin-bottom:1px;
	background:#151515;
	transition:background 300ms ease-out 0s;
}


.rebrand-mobile-menu li a.last-button {
	margin-bottom:0px;
}


.rebrand-mobile-menu li a:hover {
	background:#333;
	color:#ccc;
	text-decoration:none;
	transition:background 300ms ease-out 0s;
}


.rebrand-mobile-menu li a.active {
	/* background:#ff8400; */
	padding-left:26px;
	border-left:4px solid #ff8400;
	color:#ccc;
	text-decoration:none;
}


.rebrand-mobile-menu li.nest a span.marker::before {
	font-size:21px;
	content:"+";
	display:inline-block;
	line-height:0.7em;
	float:right;
	margin-right:20px;
}


.rebrand-mobile-menu li.nest a span.marker::before {
	font-size:21px;
	content:"+";
	display:inline-block;
	line-height:0.7em;
	float:right;
	margin-right:20px;
}


.rebrand-mobile-menu li.nest a.opened span.marker::before {
	font-size:21px;
	content:"-";
	display:inline-block;
	line-height:0.7em;
	float:right;
	margin-right:20px;
}


.rebrand-mobile-menu li.nest a.opened {
	background:#222;
	color:#ccc;
	text-decoration:none;
}


.rebrand-menu li.nest a.opened:hover {
	background:#333;
}


.rebrand-mobile-menu li.subs {
	display:none;
}


.rebrand-mobile-menu ul.nested {
	margin:0px 0px 0px 0px;
	padding:0px;
	list-style:none;
	line-height:1.0em;
}


.rebrand-mobile-menu ul.nested li {
	margin:0px;
	padding:0px;
	list-style:none;
}


.rebrand-mobile-menu ul.nested li a {
	display:block;
	padding-top:17px;
	padding-left:50px;
	padding-bottom:17px;
	font-family:'Roboto', Arial, sans-serif;
	font-size:11px;
	color:#ccc;
	background:#222;
	/* background:#d5d5d5; */
	letter-spacing:0.25em;
	/* margin-bottom:1px; */
	transition:background 300ms ease-out 0s;
}


.rebrand-mobile-menu ul.nested li a.last-button {
	margin-bottom:0px;
}


.rebrand-mobile-menu ul.nested li a:hover {
	background:#333;
	color:#ccc;
	text-decoration:none;
	transition:background 300ms ease-out 0s;
}


.rebrand-mobile-menu ul.nested li a.active {
	/* background:#ff8400; */
	padding-left:46px;
	border-left:4px solid #ff8400;
	color:#ccc;
	text-decoration:none;
}


.mobile-menu {
	padding:0px 0px 0px 0px;
}


/********** SOCIAL **********/


.social {
	position:fixed;
	width:100%;
	height:60px;
	z-index:88890;
}


/********** HEADLINE AREA **********/


.headline {	
	position:fixed;
	width:50%;
	height:100%;
	background-color:#111;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:left center;
}


.headline-inner {
	padding:30px 50px 30px 30px;
}


.headline-shade {
	background:url(../images/bg_headline_shade.png) bottom repeat-x;
	position:absolute;
	bottom:0px;
	width:100%;
	height:600px;
}


.headline-shade.full {
	background:url(../images/bg_headline_shade.png) bottom repeat-x;
	position:absolute;
	bottom:0px;
	width:100%;
	height:100%;
}


.headline-shade.screen {
	background:url(../images/bg_headline_shade_full.png) repeat;
	position:absolute;
	width:100%;
	height:100%;
}


.headline-content {
	display:none;
	position:absolute;
	padding:0px 30px 30px 0px;
	bottom:-40px;
}


.headline h1 {
	font-family:'RobotoLight', Arial, sans-serif;
	font-size:61px;
	color:#fff;
	line-height:0.9em;
	letter-spacing:-0.02em;
	margin-bottom:30px;
}


.headline p {
	font-family:'RobotoLight', Arial, sans-serif;
	font-size:16px;
	color:#fff;
	line-height:1.4em;
}


.iconic {
	display:none;
	margin-bottom:15px;
}


.tertiary {
	position:absolute;
	top:0px;
	right:0px;
	margin-top:100px;
	width:245px;
	z-index:88888;
}


.main-page-top .headline-content {
	display:none;
	position:absolute;
	padding:0px 0px 0px 0px;
	bottom:-40px;
}


/********** BOOTSTRAP ELEMENTS: TERTIARY TABS **********/


.nav {
  padding:0;
  margin:0;
  list-style:none;
}


.nav > li {
  position:relative;
  display:block;
}


.nav > li > a {
  position:relative;
  display:block;
}


.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration:none;
}


.nav > li.disabled > a {
  color: #777;
}


.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color:#fff;
  text-decoration:none;
  cursor:not-allowed;
}


.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
}


.nav > li > a > img {
}


.nav-tabs {
}


.nav-tabs > li {
	display:block;
	position:relative;
	font-family:'Roboto', Arial, sans-serif;
	width:220px;
	height:70px;
	color:#fff;
	font-size:34px;
	margin-bottom:1px;
	line-height:70px;
	text-align:right;
	padding-right:25px;
	text-transform:uppercase;
}


.nav-tabs > li > a {
	color:#fff;
}


.nav-tabs > li > a:hover {
}


.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color:#fff;
  cursor:pointer;
}


.nav-tabs > li.active:hover { text-decoration:none; }
.nav-tabs > li.active { opacity:0.8; padding-right:45px !important; }


.nav-tabs > li.aqua { background:url(../images/bg_trans_aqua.png) repeat; }
.nav-tabs > li.tang { background:url(../images/bg_trans_orange.png) repeat; }
.nav-tabs > li.purple { background:url(../images/bg_trans_purple.png) repeat; }
.nav-tabs > li.sky { background:url(../images/bg_trans_blue.png) repeat; }
.nav-tabs > li.green { background:url(../images/bg_trans_green.png) repeat; }
.nav-tabs > li.cherry { background:url(../images/bg_trans_red.png) repeat; }


.nav-tabs > li.active.aqua { background:#1b9bae; }
.nav-tabs > li.active.tang { background:#e7740e; }
.nav-tabs > li.active.purple { background:#9e2091; }
.nav-tabs > li.active.sky { background:#0066b7; }
.nav-tabs > li.active.green { background:#7b9c07; }
.nav-tabs > li.active.cherry { background:#cf1421; }



/********** MOBILE TERTIARY TABS **********/


.mob-tabs {
	display:none;
	width:100%;
	height:64px;
	position:absolute;
	bottom:0;
	z-index:77777;
}


.mob-tabs.fixed {
	position:fixed;
	top:0;
	margin-top:60px;
}


a.mob-tab {
	display:block;
	float:left;
	position:relative;
	font-family:'Roboto', Arial, sans-serif;
	width:33.3%;
	height:64px;
	color:#fff;
	font-size:33px;
	line-height:64px;
	text-align:center;
	opacity:0.8;
	text-transform:uppercase;
	transition:opacity 300ms ease-out 0s; 
}


a.mob-tab:hover { opacity:1.0; text-decoration:none; transition:opacity 300ms ease-out 0s; }
a.mob-tab.active { opacity:1.0; }


a.mob-tab.aqua { background:#1b9bae; }
a.mob-tab.tang { background:#e7740e; }
a.mob-tab.purple { background:#9e2091; }


/********** MAIN CONTENT AREA **********/


.main-content.main {
	width:100%;
	margin:0px !important;
	overflow:hidden;
}


.main-content.main .main-content-inner {
	margin:0 auto;
	max-width:1310px;
	padding:70px 50px 50px 50px;
}


.main-content {
	min-width:320px;
	margin-left:50%;
	width:50%;
	overflow:hidden;
}


.main-content-inner {
	margin:0 auto;
	padding:70px 50px 60px 50px;
	z-index:1;
}


.main-content h2 {
	font-family:'RobotoLight', Arial, sans-serif;
	font-size:53px;
	line-height:1.0em;
	margin:0px 0px 30px 0px;
	letter-spacing:-0.02em;
}


.main-content span.h2-large { font-family:'RobotoThin', Arial, sans-serif;font-size:100px;letter-spacing:-0.05em;line-height:0.8em; }


.main-content h3 {
	font-family:'Roboto', Arial, sans-serif;
	font-size:22px;
	line-height:1.0em;
	margin:0px 0px 20px 0px;
}


.main-content p {
	font-size:16px;
	line-height:1.4em;
}


.main-content ul {
	margin:0px 0px 20px 0px;
}


.main-content li {
	font-family:'RobotoLight', Arial, sans-serif;
	list-style:none;
	font-size:16px;
	line-height:1.4em;
	margin:0px 0px 18px 0px;
}


.main-content ul.arrowed li {
	font-family:'RobotoLight', Arial, sans-serif;
	list-style:none;
	font-size:16px;
	line-height:1.4em;
	margin:0px 0px 18px 0px;
	background:url(../images/icon_arrow_thin_right.png) no-repeat 0px 6px;
	background-size:7px;
	padding-left:22px;
}


.preheading {
	display:block;
	font-family:'RobotoLight', Arial, sans-serif;
	font-size:16px;
	line-height:1.4em;
	margin-bottom:15px;
	letter-spacing: 0.6em;
    text-transform: uppercase;
}


.solid, .solid p {
	color:#fff;
}


div.sectioned.full-width {
	width:100%;
	height:100%;
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed !important;
}


div.sectioned.full-sec {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed !important;
	-webkit-transform: translateZ(0x);
}


div.sectioned.part-sec {
	position:fixed;
	top:0;
	left:0;
	margin-left:50%;
	width:100%;
	height:100%;
	background:transparent center no-repeat;
	background-size:cover;
}


div.sectioned.ferris {
	background-position:-400px 0px;
}


.box {
	position:absolute;
	left:0;
	height:100%;
	/* background:#EC7000; */
	background:#111;
	overflow:hidden;
}


.mag-section {
	display:table;
	width:100%;
}


.mag-heading {
	width:100%;
}


.mag-heading h2 {
	font-family:'RobotoLight', Arial, sans-serif;
	font-size:79px;
	margin-right:40px;
	line-height:1em;
	/* border-top:5px solid #ff7800; */
	padding-top:30px;
}


.mag-row {
	display:table-row;
}


.mag-col {
	width:50%;
	display:table-cell;
	vertical-align:top;
	padding-top:30px;
}


.mag-block {
	margin:0px 50px 30px 0px;
}


.mag-block h3 {
	font-size:26px;
	background:url(../images/icon_arrow_thin_right.png) no-repeat 0px 6px;
	/* border-left:3px solid #FD8500; */
	margin-bottom:20px;
	padding-left:27px;
	line-height:1.2em;
}


.mag-block p {
	padding-left:30px;
}


span.thicker {
	font-family:'Roboto', Arial, sans-serif !important;
}


span.bolder {
	font-family:'RobotoBold', Arial, sans-serif !important;
}


.half-head {
	float:left;
	width:35%;
	margin-right:10%;
}


.half-subhead {
	float:left;
	width:50%;
	border-left:3px solid #FD8500;
	padding-left:4%;
}


.half-subhead p {
	font-size:24px;
}


.quotable p {
	font-size:24px !important;
	font-family:'RobotoLight', Arial, sans-serif !important;
}


.solid .big-quote-open {
	display:inline-block;
	background:url(../images/quote_open_white.png) no-repeat;
	width:36px;
	height:26px;
	margin-right:20px;
}


.solid .big-quote-close {
	display:inline-block;
	background:url(../images/quote_close_white.png) no-repeat;
	width:36px;
	height:26px;
	margin-left:20px;
}


.big-quote-open {
	display:inline-block;
	background:url(../images/quote_open.png) no-repeat;
	width:36px;
	height:26px;
	margin-right:20px;
}


.big-quote-close {
	display:inline-block;
	background:url(../images/quote_close.png) no-repeat;
	width:36px;
	height:26px;
	margin-left:20px;
}


.contact-section {
	width:50%;
}


.contact-location {
	position:absolute;
	bottom:0px;
	margin-bottom:40px;
	text-transform:uppercase;
	letter-spacing:0.35em;
}


.half-section {
	float:left;
	width:40%;
	margin-right:3%;
	margin-bottom:20px;
}


.half-section h3 {
	margin-top:5px;
	margin-bottom:8px;
}


.main-page-top {
	margin:0 auto;
	width:100%;
}


.main-page-top p {
	font-size:16px;
	margin:30px 0px;
}


.main-page-top p.descriptive {
	font-size:16px;
	margin:20px 0px;
}


.main-page-top h3 {
	font-family: "Roboto",Arial,sans-serif;
	font-size: 22px;
	line-height: 1em;
	margin: 0px 0px 25px;
}


.main-center {
	text-align:center;	
	margin-bottom:40px;	
}


.main-center h3 {
	font-size:33px;
	text-transform:uppercase;
	color:#888;
}


.right-line {
	border-right:1px solid #dedede;
	box-sizing:border-box;
}


.left-line {
	border-left:1px solid #dedede;
	box-sizing:border-box;
}


.spotlighter {
	display:table;
	width:100%;
}


.spotlighter h3 {
	font-family: "RobotoLight",Arial,sans-serif;
	font-size:14px;
	text-transform:uppercase;
	letter-spacing:0.35em;
	margin-bottom:15px;
}


.spotlighter p {
	font-size:14px;
	margin:0px;
}


.spotlighter-table-right {
	display:table;
}


.spotlighter-row {
	display:table-row;
}


.spotlighter-main {
	display:table-cell;
	vertical-align:bottom;
	width:50%;
	background:none;
}


.spotlighter-main-inner {
	padding:60px 50px;
}


.spotlighter-box {
	display:table-cell;
	vertical-align:bottom;
	text-align:left;
	position:relative;
	width:33%;
	height:230px;
	overflow:hidden;
}


.spotlighter-box-inner {
	position:relative;
	padding:30px 30px 30px 30px;
	margin-bottom:0px;
	background:url(../images/bg_overlay_shade_dark.png) repeat;
	transition:margin-bottom 300ms ease-out 0s;
}


/*
.spotlighter-box:hover > .spotlighter-box-inner {
	margin-bottom:-100%;
	transition:margin-bottom 300ms ease-out 0s;
}
*/


.spotlighter-main p {
	font-size:16px;
}


.sl-dev { background-image:url(../images/bg_spotlight_01.jpg);background-size:cover; }
.sl-data { background-image:url(../images/bg_spotlight_02.jpg);background-size:cover; }
.sl-design { background-image:url(../images/bg_spotlight_03.jpg);background-size:cover; }
.sl-comp { background-image:url(../images/bg_spotlight_04.jpg);background-size:cover; }


.service-box-container {
	margin:0 auto;
	margin-bottom:25px;
}


.service-box {
	opacity:0.0;
	position:relative;
	float:left;
	width:33.3%;
	min-height:350px;
	background-size:cover;
	color:#fff;
	margin-bottom:25px;
	transition:all 400ms ease-out 0s;
}


.service-box.turn-up {
	opacity:1.0;
	transition:all 400ms ease-out 0s;
}


.service-box.light {
	color:#333;
}


.service-box-text-inner {
	padding:25px 25px;
}


.service-box-text {
	position:absolute;
	bottom:0;
	width:100%;
	min-height:150px;
	background:url(../images/bg_overlay_shade_dark.png) repeat;
}


.service-box.light .service-box-text {
	background:url(../images/bg_overlay_light.png) repeat;
}


.service-box p {
	color:#fff;
	margin-bottom:0px;
}


.service-box.light p {
	color:#333;
}


.service-box-icon {
	display:none;
	position:absolute;
	top:0;
	right:0;
	width:60px;
	height:60px;
	text-align:center;
}


/********** ICON CONTENT **********/


.icon-locate {
	/* background:url(../images/icon_location_white.png) no-repeat; */
	padding-left:40px;
}


.icon-call {
	/* background:url(../images/icon_phone_white.png) no-repeat; */
	padding-left:40px;
}


/********** LAYERS **********/


.modal-full {
	display:none;
	position:fixed;
	top:0;
	width:100%;
	height:100%;
	min-height:500px;
	z-index:999999;
	/* background:url(../images/bg_modal_white.png) repeat; */
	background:#fff;
}


.modal-header {
	width:100%;
	background-attachment:fixed;
	min-height:220px;
}


.main-content .modal-full span.h2-large {
	display:block;
	font-size:62px;
	width:80%;
	line-height:1.0em;
	margin-top:80px;
}


.modal-full .thirds {
	margin:0px !important;
}


.modal-full .two-thirds {
	margin-top:50px;
}


.modal-full .preheading {
	font-size:15px;
}


.modal-full p {
	font-size:16px;
	width:100%;
}


a.modal-close {
	display:block;
	position:absolute;
	right:0;
	width:24px;
	height:24px;
	margin-top:30px;
	margin-right:30px;
	background:url(../images/bg_ilx_hide.png) center no-repeat;
}


a.modal-close:hover {
	text-decoration:none;
	opacity:0.5;
	transition:opacity 300ms ease-out 0s;
}


/********** CAT TOGGLER **********/


.ilx-cat-toggler {
	margin:0 auto;
	margin-top:0px;
	margin-bottom:40px;
	text-align:center;
}


.ilx-cat-toggle {
	position:relative;
	display:inline-block;
	margin:0;
	font-size:14px;
	width:150px;
	padding:10px 0px;
	color:#fff;
	font-family:'RobotoLight', Arial, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	background:#000;
	opacity:0.85;
	transition:all 300ms ease-out 0s;
}


.ilx-cat-toggle:hover {
	color:#fff;
	text-decoration:none;
	background:#222;
	opacity:0.85;
	transition:all 300ms ease-out 0s;
}


.ilx-cat-toggle.current-cat {
	background:#ff8400;
	transition:all 300ms ease-out 0s;
}


.ilx-cat-toggle-beak {
	opacity:0.0;
}


.ilx-cat-toggle.current-cat > .ilx-cat-toggle-beak {
	opacity:1.0;
	position:absolute; 
	top:0px; 
	left:0px; 
	width:0px; 
	height:0px; 
	border-left:10px solid transparent; 
	border-right:10px solid transparent; 
	border-top:10px solid #ff8400;
	margin:37px 0px 0px 65px;
	transition:opacity 300ms ease-out 0s;
} 


/********** LEFT ALIGNED TOGGLER **********/


.ilx-left-toggle {
	position:relative;
	display:inline-block;
	margin:0px;
	font-size:14px;
	width:120px;
	padding:10px 0px;
	color:#fff;
	font-family:'RobotoLight', Arial, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	background:#222;
	opacity:0.85;
	transition:all 300ms ease-out 0s;
	text-align:center;
}


.ilx-left-toggle:hover {
	color:#fff;
	text-decoration:none;
	background:#333;
	opacity:0.85;
	transition:all 300ms ease-out 0s;
}


.ilx-left-toggle.current-tab {
	background-color:#000;
	transition:all 300ms ease-out 0s;
}


.ilx-left-toggle-content {
	background-color:#000;
	padding:40px 30px;
	opacity:0.85;
}


/********** DOT TOGGLER **********/


.ilx-toggle-section {
	position:absolute;
	width:100%;
}


.ilx-dot-pos {
	position:absolute;
	text-align:center;
	width:100%;
	bottom:0;
}


.ilx-dot {
	display:inline-block;
	width:15px;
	height:15px;
	margin-right:7px;
	border:none;
	border-radius:50%;
	background:#666;
	opacity:0.9;
	text-decoration:none;
	cursor:pointer;
	transition:all 300ms ease-out 0s;
}


.ilx-dot:hover {
	background:#999;
	transition:all 300ms ease-out 0s;
}


.ilx-dot.current {
	background:#F60;
}


.solid .ilx-dot {
	display:inline-block;
	width:15px;
	height:15px;
	margin-right:7px;
	border:none;
	border-radius:50%;
	background:#ccc;
	opacity:0.8;
	text-decoration:none;
	cursor:pointer;
	transition:all 300ms ease-out 0s;
}


.solid .ilx-dot:hover {
	background:#fff;
	transition:all 300ms ease-out 0s;
}


.solid .ilx-dot.current {
	opacity:1.0;
	background:#fff;
}


/********** SHAPE ELEMENTS **********/


.splitter {
	border-color:#e1e1e1 !important;
	margin-bottom:30px;
}


.split {
	border-color:#bbb !important;
}


.split.white {
	border-color:#fff !important;
	color:#fff !important;
}


.split.vert-left {
	border-left:1px solid;
	border-bottom:1px solid;
	width:100%;
}


div.vert-left.last {
	border-bottom:none; 
}


.split.vert-right {
	border-right:1px solid;
	border-bottom:1px solid;
	width:100%;
}


div.vert-right.last {
	border-bottom:none; 
}


.split.horiz-top {
	border-top:1px solid;
	border-right:1px solid;
	width:49.5%;
	float:left;
}


div.horiz-top.last { 
	border-right:none; 
}


.split.horiz-bottom {
	border-bottom:1px solid;
	border-right:1px solid;
	width:49.5%;
	float:left;
}


div.horiz-bottom.last { 
	border-right:none; 
}


.split-inner {
	padding:0.4em;
	text-align:center;
}


/********** CLIENT TILES **********/


.ilx-clients {
	display:table;
	width:95%;
	margin:0 auto;
}


.ilx-client-contain {
	display:table-cell;
	width:33.3%;
	vertical-align:middle;
	position:relative;
}


.ilx-client-shade {
	background:url(../images/bg_overlay_shade_dark.png) repeat;
	width:100%;
	height:100%;
	position:absolute;
	opacity:1.0;
	transition:opacity 300ms ease-in-out 0s;
}


.ilx-client-button {
	position:absolute;
	width:100%;
	text-align:center;
	opacity:0.0;
	z-index:10;
	cursor:pointer;
	transition:opacity 300ms ease-in-out 0s;
}


.ilx-client-button a {
	display:inline-block;
	margin:0 auto;
	margin-top:24%;
	padding:10px 30px;
	font-family:'RobotoLight', Arial, sans-serif;
	font-size:18px;
	border:1px solid #fff;
	color:#fff;
	background:url(../images/bg_overlay_shade_dark.png) repeat;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	transition:all 300ms ease-out 0s;
}


.ilx-client-button a:hover {
	border:1px solid #ff8400;
	color:#fff;
	background:#ff8400;
	text-decoration:none;
	transition:all 300ms ease-out 0s;
}


.ilx-client-tile {
	width:100%;
	padding-bottom: 56.25%;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:0px 0px;
}


.ilx-client {
	text-decoration:none;
}


.ilx-client img {
	width:60%;
	margin:0 auto;
	opacity:0.6;
}


.ilx-client:hover > .ilx-client-shade {
	/* background-position:0px 100%; */
	cursor:pointer;
	opacity:0.0;
	transition:opacity 300ms ease-in-out 0s;
}


.ilx-client:hover > .ilx-client-button {
	opacity:1.0;
	transition:opacity 300ms ease-in-out 0s;
}


.ilx-client-images {
	display:block;
	margin-bottom:30px;
}


.ilx-client-img {
	display:inline-block;
	width:22%;
	margin:0px 10px 0px 0px;
	box-shadow: 2px 2px 2px #bbb;
}


/********** FORMS **********/


label {
	display:block;
	font-family:'Roboto', Arial, sans-serif !important;
	font-size:20px;
	margin-bottom:10px;
	line-height: 1.2em;
}


input[type=text] {
	display:block;
	font-family:'RobotoLight', Arial, sans-serif !important;
	font-size:24px;
	background:none;
	border-top:none;
	border-right:none;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
	color:#fff;
	padding:4px 10px;
	margin-bottom:30px;
	width:90%;
}


textarea {
	display:block;
	font-family:'RobotoLight', Arial, sans-serif !important;
	font-size:24px;
	background:none;
	border-top:none;
	border-right:none;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
	color:#fff;
	padding:4px 10px;
	margin-bottom:30px;
	width:90%;
	min-height:150px;
}


.contact-section {
	margin-top:40px;
}


.contact-step {
	display:none;
}


.contact-step.current {
	display:block;
}


.contact-phone {
	display:none;
}


.add-phone {
	display:block;
	cursor:pointer;
	font-size:13px;
	line-height:1em;
	margin-bottom: 30px;
}


.add-phone:hover {
	text-decoration:none;
}


.add-phone span {
	font-size:2.2em;
	color:#ff8400;
}


.ilx-error {
	display:none;
	margin-bottom:30px;
	background:url(../images/bg_trans_red.png) repeat;
	width:90%;
	padding:10px 10px;
	font-size:13px;
	margin-top:-30px;
}


.ilx-error span {
	font-size:1.8em;
	color:#DC1431;
}


.email-valid {
	display:none;
	margin-bottom:30px;
	background:url(../images/bg_trans_red.png) repeat;
	width:90%;
	padding:10px 10px;
	font-size:13px;
	margin-top:-30px;
}


.email-valid::before {
	content:"Enter a valid email address";
}


.email-valid.validated {
	background:url(../images/bg_trans_green.png) repeat;
}


.email-valid.validated::before {
	content:"Email confirmed!";
}


/********** CURRENT WEATHER **********/


#weather {
	width: 100%;
  	margin: 0px auto;
  	text-align: center;
  	text-transform: uppercase;
	border-top:1px solid #666;
	border-bottom:1px solid #666;
}


i {
  	color: #ccc;
  	font-family: weather;
  	font-size: 130px;
  	font-weight: normal;
  	font-style: normal;
  	line-height:0em;
}


.icon-0:before { content: ":"; }
.icon-1:before { content: "p"; }
.icon-2:before { content: "S"; }
.icon-3:before { content: "Q"; }
.icon-4:before { content: "S"; }
.icon-5:before { content: "W"; }
.icon-6:before { content: "W"; }
.icon-7:before { content: "W"; }
.icon-8:before { content: "W"; }
.icon-9:before { content: "I"; }
.icon-10:before { content: "W"; }
.icon-11:before { content: "I"; }
.icon-12:before { content: "I"; }
.icon-13:before { content: "I"; }
.icon-14:before { content: "I"; }
.icon-15:before { content: "W"; }
.icon-16:before { content: "I"; }
.icon-17:before { content: "W"; }
.icon-18:before { content: "U"; }
.icon-19:before { content: "Z"; }
.icon-20:before { content: "Z"; }
.icon-21:before { content: "Z"; }
.icon-22:before { content: "Z"; }
.icon-23:before { content: "Z"; }
.icon-24:before { content: "E"; }
.icon-25:before { content: "E"; }
.icon-26:before { content: "3"; }
.icon-27:before { content: "a"; }
.icon-28:before { content: "A"; }
.icon-29:before { content: "a"; }
.icon-30:before { content: "A"; }
.icon-31:before { content: "6"; }
.icon-32:before { content: "1"; }
.icon-33:before { content: "6"; }
.icon-34:before { content: "1"; }
.icon-35:before { content: "W"; }
.icon-36:before { content: "1"; }
.icon-37:before { content: "S"; }
.icon-38:before { content: "S"; }
.icon-39:before { content: "S"; }
.icon-40:before { content: "M"; }
.icon-41:before { content: "W"; }
.icon-42:before { content: "I"; }
.icon-43:before { content: "W"; }
.icon-44:before { content: "a"; }
.icon-45:before { content: "S"; }
.icon-46:before { content: "U"; }
.icon-47:before { content: "S"; }


#weather h2 {
	font-family:"RobotoThin", Arial;
  	margin:30px 0px;
  	color: #ccc;
  	font-size: 80px;
  	font-weight: 300;
  	text-align: center;
  	text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
	line-height: 1.0em;
}


#weather ul {
 	margin: 0;
  	padding: 0;
	width:100%;
	border-top:1px solid #666;
}


#weather li {
	font-family:"RobotoLight", Arial;
	font-size:11px;
  	padding:20px;
  	display:inline-block;
	color:#fff;
}


#weather .currently {
  	margin:0px;
}


.js-geolocation {
	display: block;
	font-family:"Roboto", Arial;
	font-size:11px;
	padding: 5px;
	background: transparent;
	color: #ccc;
	border:0;
	cursor:pointer;
	text-transform:uppercase;
	text-decoration:none;
}


.js-geolocation:hover {
	text-decoration:underline;
}


/********** GOOGLE MAP **********/


.gmnoprint { display:none !important; }
div.login-control { display:none !important; }


/********** ADA HIDDEN ELEMENTS **********/


.auraltext, .ada-hidden {
	position:absolute;
	left:-10000px;
	color:#FFFFFF;
	font-size:1px;
	margin-left:-10000px;
	line-height:0.1em;
}


/********** RESPONSIVE ELEMENTS **********/

@media only screen and (min-width: 220px) and (max-width: 1150px) {
	
	
.move-22 {
	display:none;
	margin-left:-22% !important;
	transition:all 300ms ease-out 0s;
}


.decrease-22 {
	width:100% !important;
	transition:all 300ms ease-out 0s;
}


.options-mover {
	margin-left:-60px;
}


.main-menu-options.move-toggle {
	right:0;
	margin-right:-70px;
}


.rebrand-mobile-menu.mobile-on {
	display:block;
	width:100%;
	height:100%;
	/* opacity:1.0;
	transition:opacity 300ms ease-out 0s; */
}


.rebrand-mobile-menu.mobile-on .rebrand-mobile-menu-fixer {
	width:100%;
	height:100%;
}


.contact-location {
	position:relative;
	bottom:0px;
	padding-top:200px;
	text-transform:uppercase;
	letter-spacing:0.35em;
}


}


@media only screen and (min-width: 1151px) and (max-width: 50000px) {
	

.container { float:left; }
	
	
.no-bg-desktop { background:none; }


.no-desktop { display:none !important; }


.main-menu-options { display:block !important; }


.rebrand-mobile-menu.mobile-on { display:none !important; opacity:0; }


.mob-tabs { display:none !important; }


.parked { bottom:0px !important; }


.box-nav-home { width:50% !important; padding-bottom:50% !important; font-size:73px !important; }
.box-nav-one, .box-nav-two, .box-nav-three, .box-nav-four { width:25% !important; padding-bottom:25% !important; }

	
}


@media only screen and (min-width: 1051px) and (max-width: 1710px) {	
	
	
.half-head, .half-subhead {
	width:98%;
}


.contact-section {
	width:46%;
}

	
}


@media only screen and (min-width: 1051px) and (max-width: 1310px) {


.headline h1 { font-size:41px; }


.main-content.main .main-content-inner {
	margin:0 auto;
	width:auto;
	padding:70px 40px 50px 30px;
}


.main-content span.h2-large { font-size:80px; }


.half-head, .half-subhead {
	width:98%;
}


.half-section {
	width:100%;
}


a.box-nav-link {
	font-size:32px;
	text-decoration:none;
	padding:0px 15px 20% 15px;
	cursor:pointer;
	overflow:hidden;
	letter-spacing:-0.04em;
	background-size:cover;
}


.box-nav-home { width:50% !important; padding-bottom:50% !important; font-size:73px !important; }
.box-nav-one, .box-nav-two, .box-nav-three, .box-nav-four { width:25% !important; padding-bottom:25% !important; }


.box-nav-one img, .box-nav-two img, .box-nav-three img, .box-nav-four img { width:35px;top:20px;right:20px; }
.box-nav-home img { top:30px !important;right:30px !important; }
.box-nav-icon { margin:20px 20px 0px 0px }


.box-nav-desc-pos {
	opacity:0.0;
	position:absolute;
	font-size:14px !important;
	width:150px;
	line-height:1.2em;
	bottom:0px;
}


.box-nav-desc {
	display:block;
	position:relative;
	font-size:14px !important;
	color:#fff;
	letter-spacing:0.0em !important;
}


a.box-nav-link:hover > .box-nav-desc-pos {
	opacity:1.0;
	bottom:90px;
	transition:all 200ms ease-out;
}


service-box-container {
	width:100%;
}


.ilx-client-button a {
	margin-top:22%; 
	font-size:16px; 
}


}


/********** MOBILE BREAKPOINT **********/


@media only screen and (min-width: 220px) and (max-width: 1050px) {
	

a.main-menu-toggle.menu-close.menu-solid:hover {
	background-color:#0e0e0e;
	opacity:0.5;
}


.desktop-menu { display:none; }


a.mobile-menu-close { display:block !important; }
	
	
.rebrand-mobile-menu.mobile-on {
	display:block;
	/* opacity:1.0;
	transition:opacity 300ms ease-out 0s; */
}


.mobile-menu .no-mobile { display:none !important; }


.main-menu-options { display:block; }


.main-content { width:100%; }


.main-content.main .main-content-inner {
	margin:0 auto;
	width:auto;
	padding:70px 30px;
}


.main-content-inner {
	padding:70px 30px 60px 30px;
}


.main-content h2 { font-size:40px; }


.main-content span.h2-large { font-size:44px; font-family: "RobotoLight",Arial,sans-serif; }


.mag-heading h2 { font-family: "Roboto",Arial,sans-serif; }


.headline {
	position:relative;
	width:100%;
	height:520px;
	background-attachment:fixed;
	background-position:center;
	overflow:hidden;
}


.headline.adjusted {
	height:455px;
}


.headline-content {
	padding:0px 30px 95px 0px;
}


.headline-content.adjusted {
	padding:0px 30px 30px 0px;
}

	
.headline-inner {
	padding:30px 30px 30px 30px;
}


.tertiary {
	display:none;
}


div.sectioned.part-sec {
	margin-left:0px;
	z-index:0;
}


div.sectioned.ferris {
	background-position:0px 0px;
}


.mob-tabs {
	display:block;
}


.main-content {
	margin-left:0px;
}


.modal-full p {
	width:100%;
}


.contact-section {
	width:100%;
}


.half-section {
	width:42%;
	margin-right:1%;
}


.preheading { font-size:16px; }


.spotlighter-main {
	display:block;
	width:100%;
}

.service-box-container {
	width:100%;
	margin-bottom:0px;
}


.service-box-text { min-height:250px; }


.ilx-client-button a {
	margin-top:22%;  
	font-size:14px; 
}


.box-nav-icon { margin:20px 20px 0px 0px }


.modal-full span.h2-large { font-size:40px !important; }
.main-content .modal-full h2 { margin-bottom:20px; }


.half-of { 
	width:90%; 
}


}


@media only screen and (min-width: 220px) and (max-width: 590px) {


.ilx-share-buttons { top:130px; }
	

.ilx-bg-switchup { background-image:url(../images/bg_content_diag_gray.jpg) !important; }
	

.no-shade-desktop { background:url(../images/bg_overlay_shade_dark.png) repeat;width:100%; }
.no-shade-desktop-light { background:url(../images/bg_overlay_lighter.png) repeat;width:100%; }


/* .bg-mobile-mover { background-position:-610px 0px !important; } */


.no-mobile { display:none !important; }


.no-bg-mobile { background-image:url(../images/bg_content_diag_gray.jpg) !important; background-attachment:fixed !important; background-size:cover !important; }


.left-line, .right-line {
	border:none;
}


.headline h1 {
	font-family:'Roboto', Arial, sans-serif;
	font-size:37px;
	color:#fff;
	line-height:1.0em;
	letter-spacing:0em;
	margin-bottom:30px;
}


.preheading { font-size:14px; }


.main-content span.h2-large { font-size:44px; font-family: "RobotoLight",Arial,sans-serif; }


.main-content .modal-full span.h2-large {
	font-size:44px;
	margin-top:60px;
}


.mag-block {
	margin:0px 0px 30px 0px;
}


.mag-heading, .mag-col {
	display:block;
	width:100%;
}


.mag-heading { padding-bottom:30px; }
.mag-col { padding-top:0px; }


.half-head, .half-subhead {
	width:100%;
}


.contact-section {
	width:100%;
}


.half-section {
	width:100%;
}


.service-box {
	width:100%;
}


.service-box-text { min-height:150px; }


.icon-circle {
	border-radius:50%;
	border:2px solid #FF8400;
	width:70px;
	height:70px;
}


.ilx-cat-toggle {
	font-size:10px;
	width:80px;
}


.ilx-cat-toggle.current-cat > .ilx-cat-toggle-beak {
	margin:33px 0px 0px 30px;
} 


.half-of {
	width:89%;
}


}


@media only screen and (min-width: 481px) and (max-width: 768px) {
	

.spotlighter-box {
	display:block;
	width:100%;
	position:relative;
}


.spotlighter-box-inner {
	position:absolute;
	bottom:0px;
	width:90%;
	padding-right:10%;
}


.ilx-share-buttons { top:130px; }
	
	
.ilx-bg-switchup { background-image:url(../images/bg_content_diag_gray.jpg) !important; }
	

.no-shade-desktop { background:url(../images/bg_overlay_shade_dark.png) repeat;width:100%; }
.no-shade-desktop-light { background:url(../images/bg_overlay_lighter.png) repeat;width:100%; }


.bg-mobile-mover { background-position:-410px 0px !important; }


.no-mobile { display:none !important; }


.no-bg-mobile { background-image:url(../images/bg_content_diag_gray.jpg) !important; background-attachment:fixed !important; background-size:cover !important; }


.main-content ul {
	margin:0px 0px 0px 0px;
}


.ilx-solutions .thirds.first-one {
	margin-top:40px;
}


.ilx-solutions .thirds {
	margin:0px;
}


.halves, .halves.kinda-half {
	width:100%; 
	margin:40px 0px;
	margin-right:0%;
}


.half-of { 
	width:89%; 
}


.ilx-services .halves {
	margin:0px;
}


.thirds { 
	display:block;
	width:100%; 
	margin:40px 0px;
	margin-right:0%;
}


.fourths { 
	display:block;
	width:100%; 
	margin:40px 0px;
	margin-right:0%;
}


.two-thirds { 
	display:block;
	width:100%; 
	margin:40px 0px;
	margin-right:0%;
}


.modal-full .two-thirds {
	margin-top:0px;
}


.modal-full p {
	margin-top:0px;
}


.left-line, .right-line {
	border:none;
}


.level-one {
	width:340px;
}


.ilx-clients {
	width:50%;
	float:left;
}


.ilx-client-contain {
	display:block;
	width:100%;
}


.ilx-client-odd-100 {
	width:100%;
}


.ilx-client-odd-50-left {
	width:50%;
	float:left;
}


.ilx-client-odd-50-right {
	width:50%;
	float:right;
}


.preheading { font-size:16px; }


.service-box {
	width:100%;
}


.mag-block {
	margin:0px 0px 30px 0px;
}


.mag-heading, .mag-col {
	display:block;
	width:100%;
}


.mag-heading { padding-bottom:30px; }
.mag-col { padding-top:0px; }


.service-box-text { min-height:150px; }


.ilx-client-large .ilx-client-button a {
	margin-top:24%;  
	font-size:18px; 
}


}


@media only screen and (min-width: 220px) and (max-width: 480px) {
	

.no-bg-mobile { background:#fff !important; }


.main-content ul {
	margin:0px 0px 0px 0px;
}


.ilx-solutions .thirds {
	margin:0px;
}


.ilx-services .halves {
	margin:0px;
}
	

.halves, .halves.kinda-half {
	width:100%;
	margin:40px 0px;
	margin-right:0%;
}


.half-of { 
	width:89%; 
}


.thirds { 
	display:block;
	width:100%; 
	margin:40px 0px;
	margin-right:0%;
}


.two-thirds { 
	display:block;
	width:100%; 
	margin:40px 0px;
	margin-right:0%;
}


.fourths { 
	display:block;
	width:100%; 
	margin:40px 0px;
	margin-right:0%;
}


.modal-full p {
	margin-top:0px;
}


.modal-full .two-thirds {
	margin-top:0px;
}


.left-line, .right-line {
	border:none;
}


.level-one {
	width:210px;
}


.headline p { font-size:14px; }


.mob-tabs {
	height:64px;
}


a.mob-tab {
	display:block;
	float:left;
	position:relative;
	font-family:'RobotoLight', Arial, sans-serif;
	width:33.3%;
	height:64px;
	color:#fff;
	font-size:22px;
	line-height:64px;
	text-align:center;
	opacity:0.8;
}


.main-content p { font-size:14px; margin:0px 0px 20px 0px; }


.main-content li, .main-content ul.arrowed li {
	font-size:14px;
}


a.ilx-btn, a.ilx-btn-white { font-size:16px; }


.contact-section a.ilx-btn-white { font-size:11px; display:block !important; margin-bottom:10px; }


.padder-large {
	padding-top:20px;
	padding-bottom:20px;
}


.quotable p { font-size:20px !important; }


.ilx-client-contain {
	display:block;
	width:100%;
}


.spotlighter-box {
	display:block;
	width:100%;
	position:relative;
}


.spotlighter-box-inner {
	position:absolute;
	width:auto;
	bottom:0px;
}


.ilx-clients {
	width:100%;
}


.ilx-client-button a {
	margin-top:24%;  
	font-size:18px; 
}


.rebrand-mobile-menu.mobile-on {
	display:block !important;
	width:100% !important;
	height:100% !important;
	/* opacity:1.0;
	transition:opacity 300ms ease-out 0s; */
}


}