/* Empyrean Benefit Solutions 
 * Corporate Site redesign
 * CSS file | v 0.0.1
 */
 
 /* --- FONT DECLARATIONS --- */
 @font-face {
     font-family: 'titilliumregular';
     src: url('../fonts/titillium-regular-webfont.eot');
     src: url('../fonts/titillium-regular-webfont.eot?#iefix') format('embedded-opentype'),
          url('../fonts/titillium-regular-webfont.woff') format('woff'),
          url('../fonts/titillium-regular-webfont.ttf') format('truetype'),
          url('../fonts/titillium-regular-webfont.svg#titilliumregular') format('svg');
     font-weight: normal;
     font-style: normal;
 }
 @font-face {
     font-family: 'titilliumitalic';
     src: url('../fonts/titillium-regularitalic-webfont.eot');
     src: url('../fonts/titillium-regularitalic-webfont.eot?#iefix') format('embedded-opentype'),
          url('../fonts/titillium-regularitalic-webfont.woff') format('woff'),
          url('../fonts/titillium-regularitalic-webfont.ttf') format('truetype'),
          url('../fonts/titillium-regularitalic-webfont.svg#titilliumitalic') format('svg');
     font-weight: normal;
     font-style: normal;
 }
 
@font-face {
    font-family: 'titilliumlight';
    src: url('../fonts/titillium-light-webfont.eot');
    src: url('../fonts/titillium-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/titillium-light-webfont.woff') format('woff'),
         url('../fonts/titillium-light-webfont.ttf') format('truetype'),
         url('../fonts/titillium-light-webfont.svg#titilliumlight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'titilliumlight_italic';
    src: url('../fonts/titillium-lightitalic-webfont.eot');
    src: url('../fonts/titillium-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/titillium-lightitalic-webfont.woff') format('woff'),
         url('../fonts/titillium-lightitalic-webfont.ttf') format('truetype'),
         url('../fonts/titillium-lightitalic-webfont.svg#titilliumlight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'titilliumsemibold';
    src: url('../fonts/titillium-semibold-webfont.eot');
    src: url('../fonts/titillium-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/titillium-semibold-webfont.woff') format('woff'),
         url('../fonts/titillium-semibold-webfont.ttf') format('truetype'),
         url('../fonts/titillium-semibold-webfont.svg#titilliumbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'titilliumsemibold_italic';
    src: url('../fonts/titillium-semibolditalic-webfont.eot');
    src: url('../fonts/titillium-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/titillium-semibolditalic-webfont.woff') format('woff'),
         url('../fonts/titillium-semibolditalic-webfont.ttf') format('truetype'),
         url('../fonts/titillium-semibolditalic-webfont.svg#titilliumbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

/* -- EBSI Icons -- */
@font-face { font-family: "ebsi-icons";
  src: url("../fonts/ebsi-icons.eot");
  src: url("../fonts/ebsi-icons.eot?#iefix") format("embedded-opentype"),
       url("../fonts/ebsi-icons.woff") format("woff"),
       url("../fonts/ebsi-icons.ttf") format("truetype"),
       url("../fonts/ebsi-icons.svg#ebsi-icons") format("svg");
  font-weight: normal;
  font-style: normal;

}
[data-icon]:before {
  	font-family: "ebsi-icons" !important;
  	content: attr(data-icon);
  	font-style: normal !important;
  	font-weight: normal !important;
  	font-variant: normal !important;
  	text-transform: none !important;
  	speak: none;
  	line-height: 1;
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
}
[class^="ebsi-icon-"]:before,
[class*=" ebsi-icon-"]:before {
	font-family: "ebsi-icons" !important;
  	font-style: normal !important;
  	font-weight: normal !important;
  	font-variant: normal !important;
  	text-transform: none !important;
  	speak: none;
  	line-height: 1;
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
}

.ebsi-icon-calculator:before { content: "a"; }
.ebsi-icon-tile-currentbenefits:before { content: "b"; }
.ebsi-icon-tile-benefithistory:before { content: "c"; }
.ebsi-icon-tile-profile:before { content: "d"; }
.ebsi-icon-tile-resources:before { content: "e"; }
.ebsi-icon-tile-health:before { content: "f"; }
.ebsi-icon-book:before { content: "g"; }
.ebsi-icon-page-edit:before { content: "h"; }
.ebsi-icon-page-multiple:before { content: "i"; }
.ebsi-icon-remove:before { content: "j"; }
.ebsi-icon-info:before { content: "k"; }
.ebsi-icon-question:before { content: "l"; }
.ebsi-icon-menu:before { content: "m"; }
.ebsi-icon-home:before { content: "n"; }
.ebsi-icon-delete:before { content: "o"; }
.ebsi-icon-edit:before { content: "p"; }
.ebsi-icon-search:before { content: "q"; }
.ebsi-icon-language:before { content: "r"; }
.ebsi-icon-user:before { content: "s"; }
.ebsi-icon-assets:before { content: "t"; }
.ebsi-icon-shortcut:before { content: "u"; }
.ebsi-icon-import:before { content: "v"; }
.ebsi-icon-export:before { content: "w"; }
.ebsi-icon-lock:before { content: "x"; }
.ebsi-icon-key:before { content: "y"; }
.ebsi-icon-dollars:before { content: "z"; }
.ebsi-icon-play:before { content: "A"; }
.ebsi-icon-checkbox:before { content: "B"; }
.ebsi-icon-warning:before { content: "C"; }
.ebsi-icon-print:before { content: "D"; }
.ebsi-icon-copy:before { content: "E"; }
.ebsi-icon-star:before { content: "F"; }
.ebsi-icon-check:before { content: "G"; }
.ebsi-icon-desc:before { content: "I"; }
.ebsi-icon-asc:before { content: "J"; }
.ebsi-icon-circle-up:before { content: "K"; }
.ebsi-icon-circle-down:before { content: "H"; }
.ebsi-icon-install:before { content: "L"; }
.ebsi-icon-last:before { content: "M"; }
.ebsi-icon-prev:before { content: "N"; }
.ebsi-icon-first:before { content: "O"; }
.ebsi-icon-next:before { content: "P"; }
.ebsi-icon-pdf:before { content: "Q"; }
.ebsi-icon-file:before { content: "R"; }
.ebsi-icon-download:before { content: "L"; }
.ebsi-icon-table-contents:before { content: "S"; }
.ebsi-icon-plusbox:before { content: "T"; }
.ebsi-icon-plus:before { content: "U"; }
.ebsi-icon-minusbox:before { content: "V"; }
.ebsi-icon-minus:before { content: "W"; }
.ebsi-icon-double-down:before { content: "X"; }
.ebsi-icon-box:before { content: "Y"; }
.ebsi-icon-down:before { content: "Z"; }


/* --- SHARED STYLES CSS --- */
body {
	background: #efefef;
	font-size: 1em;
}

	.js #page { 
		position: relative; 
		visibility: hidden;
	}
	.no-js #page { visibility: visible; }

h1 { 
	height: auto;
	margin: 86px 0 33px;
	font-family: "titilliumthin", Arial, sans-serif; 
}
	h1 em { font-family: "titilliumthin_italic", Arial, sans-serif; }
	
	h1 a {		
		display: block;
		width: 373px;
		height: 71px;
		margin: 0 auto;
		background: url("../images/logo-empyrean_white.png") no-repeat left top;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}

h2 { font-family: "titilliumthin", Arial, sans-serif; }
	h2 em { font-family: "titilliumthin_italic", Arial, sans-serif; }
	
h4 {
	font-size: 20px;
	font-family: "titilliumthin", Arial, sans-serif;
}

h5 {
	font-size: 20px;	
	font-family: "titilliumregular", Arial, sans-serif;
}
	
em { font-style: italic; }

.pad-block { padding-bottom: 33px; }

#toTop {
	display: block;
	position: fixed;
	bottom: 33px;
	right: 12px;
	z-index: 999;
	width: auto;
	height: auto;
	text-align: center;
	transition: 		opacity 0.35s ease-in-out;
	-webkit-transition: opacity 0.35s ease-in-out;
	-moz-transition: 	opacity 0.35s ease-in-out;
	-ms-transition: 	opacity 0.35s ease-in-out;
	-o-transition: 		opacity 0.35s ease-in-out;	
}

	#toTop > i,
	#toTop > span {
		transition: 		color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out;
		-moz-transition: 	color 0.2s ease-in-out;
		-ms-transition: 	color 0.2s ease-in-out;
		-o-transition: 		color 0.2s ease-in-out;		
	}

	#toTop > i {
		display: inline-block;
		position: relative;
		top: 0px;
		width: auto;
		padding: 0px;
		background: #333;
		border: 5px solid #333;
		font-size: 20px;
		text-align: center;
		vertical-align: middle;
		border-radius: 50%;	
	}
	
	#toTop > span {		
		background: #333;
		padding: 12px 10px 10px;
		font: 13px "titilliumregular", sans-serif;
		text-transform: uppercase;
		border-radius: 5px;	
	}
	
	#toTop:hover,
	#toTop > i:hover,
	#toTop > span:hover,
	#toTop:hover > i,
	#toTop:hover > span {
		color: #fff;
	}

.transparent {
	filter: alpha(opacity="54");
	opacity: 0.54;
}	
	.transparent:hover,
	.transparent > i:hover {
		filter: alpha(opacity="100");
		opacity: 1.0;
	}

/* -- Animation class CSS -- */
	/* goDown */
	.owl-goUp-out {
		-webkit-animation: slideToRight .54s ease both;
		-moz-animation: slideToRight .54s ease both;
		animation: slideToRight .54s ease both;
	}
	.owl-goUp-in {
		-webkit-animation: goUp .6s ease both;
		-moz-animation: goUp .6s ease both;
		animation: goUp .6s ease both;
	}
	
	.objectBounce {
		-webkit-animation: bounce 0.86s 1s 3 ease both;
		-moz-animation: bounce 0.86s 1s 3 ease both;
		animation: bounce 0.86s 1s 3 ease both;
	}
	
	.pulseSize {
		-webkit-animation: pulseSize 0.86s 1s 3 ease both;
		-moz-animation: pulseSize 0.86s 1s 3 ease both;
		animation: pulseSize 0.86s 1s 3 ease both;
	}

/* -- Keyframes CSS --*/
	@-webkit-keyframes slideToRight {
	  	to { opacity: 0; -webkit-transform: translate(100%, -5%); }
	}
	@-moz-keyframes slideToRight {
		to { opacity: 0; -moz-transform: translate(100%, -5%); }
	}
	@keyframes slideToRight {
		to { opacity: 0; transform: translate(100%, -5%); }
	}
	
	@-webkit-keyframes goUp {
	  	from { -webkit-transform: translateY(8%); opacity: 0; }
	  	to { -webkit-transform: translateY(0%); opacity: 1.0; }
	}
	@-moz-keyframes goUp {
	  	from { -moz-transform: translateY(8%); opacity: 0; }
	  	to { -moz-transform: translateY(0%); opacity: 1.0; }
	}
	@keyframes goUp {
	  	from { transform: translateY(8%); opacity: 0; }
	  	to { transform: translateY(0%); opacity: 1.0; }
	}
	
	@-webkit-keyframes bounce {
		0%, 100% { bottom: 33px; }
	  	50% { bottom:  40px; }
	}
	@-moz-keyframes bounce {
		0%, 100% { bottom: 33px; }
	  	50% { bottom:  40px; }
	}
	@keyframes bounce {
		0%, 100% { bottom: 33px; }
	  	50% { bottom:  40px; }
	}
	
	@-webkit-keyframes pulseSize {
		0%, 100% { -webkit-transform: scale(1,1); }
	  	50% { -webkit-transform: scale(0.86,0.86); }
	}
	@-moz-keyframes pulseSize {
		0%, 100% { -moz-transform: scale(1,1); }
	  	50% { -moz-transform: scale(0.86,0.86); }
	}
	@keyframes pulseSize {
		0%, 100% { transform: scale(1,1); }
  		50% { transform: scale(0.86,0.86); }
	}
	@keyframes pulseSize {
		0%, 100% { transform: scale(1,1); }
	  	50% { transform: scale(0.86,0.86); }
	}

/* -- LOADING SCREEN CSS -- */
.no-js #loader { display: none; }
.js #loader {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #005596; /* Empyrean blue | Pantone 294C */
	background: -moz-radial-gradient(center, ellipse cover, rgba(0,128,226,1) 0%, rgba(0,85,150,1) 100%); /* FF3.6+ */
	background: -webkit-radial-gradient(center, ellipse cover, rgba(0,128,226,1) 0%,rgba(0,85,150,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover, rgba(0,128,226,1) 0%,rgba(0,85,150,1) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover, rgba(0,128,226,1) 0%,rgba(0,85,150,1) 100%); /* IE10+ */
	background: radial-gradient(ellipse at center, rgba(0,128,226,1) 0%,rgba(0,85,150,1) 100%); /* W3C */
}

	#loaderCanvas {
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
	}
	
		#loaderCanvas .svg {
			position: absolute;
			top: 50%;
			left: 50%;
			width: 360px;
			height: 360px;
			margin: -180px 0 0 -180px;
		}
		
			#loaderCanvas .svg > svg {
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				margin-top: -20px;
				z-index: 1;	
			}
			
			.no-js #loaderCanvas .svg > img { display: block; }
			.js #loaderCanvas .svg > img {
				display: none;
				position: absolute;
				top: 50%;
				left: 50%;
				z-index: 2;			
				width: 300px;
				height: 300px;
				margin: -170px 0 0 -150px;
			}
			
			#loaderCanvas h3 {
				position: absolute;
				bottom: -20px;
				width: 100%;
				color: #fff;
				font: 33px 'titilliumthin', sans-serif;
				text-align: center;
			}
			

/* -- STRUCTURES CSS -- */
#header {
	background: url("../images/bg-header_texture.png") repeat-y left top #005797;	
}

	#header.compass { 
		background: url("../images/bg-header_texture.png") repeat-y left top,
					url("../images/bg-compass.jpg") no-repeat right top #005797; 
	}
	#header.map { 	
		background: url("../images/bg-header_texture.png") repeat-y left top,
					url("../images/bg-map.jpg") no-repeat right top #005797;
	}
	#header.safe_harbor { 
		background: url("../images/bg-header_texture.png") repeat-y left top,
					url("../images/bg-safe_harbor.jpg") no-repeat right top #005797;
	}

#header .lead {
	color: #fff;
	font-family: "titilliumthin", Arial, sans-serif;
	font-size: 3em;
	text-align: center;
}

#header a.pageslider {
	display: block;
	font-family: "titilliumthin", Arial, sans-serif;
	text-align: center;
}
	#header a.pageslider:hover,
	#header a.pageslider > small:hover,
	#header a.pageslider:hover > small { 
		text-decoration: underline; 
	}

	#header a.pageslider > small,
	#header a.pageslider > i {
		display: inline-block;
		color: #fff;
	}

	#header a.pageslider > small {
		font-size: 50%;
		text-transform: uppercase;
	}
	
	#header a.pageslider > i {
		margin: 5px 8px 0;
		font-size: 30px;
		vertical-align: middle;
	}

#products {
	position: relative;
}

	#products .nav-pills {
		position: absolute;
		top: 86px;
		z-index: 5;
	}
	
		#products .nav-pills > li > a {
			width: 80%;
			padding: 8px 8px;
			margin-bottom: 5px;
			font: 13px "titilliumsemibold", Arial, sans-serif;
			text-transform: uppercase;
			text-align: center;
			color: #05619e;
			background: #f5f5f5;
			background: rgba(255,255,255,0.25);
			border: 2px solid #efefef;
			border: 2px solid rgba(255,255,255,0.25);
			border-radius: 25px;
			transition: 		background 0.25s ease-in,
								border 0.2s ease-in,
								color 0.15s ease-in;			
			-webkit-transition: background 0.15s ease-in,
								border 0.2s ease-in,
								color 0.15s ease-in;
			-moz-transition: 	background 0.25s ease-in,
								border 0.2s ease-in,
								color 0.15s ease-in;
			-ms-transition: 	background 0.25s ease-in,
								border 0.2s ease-in,
								color 0.15s ease-in;
		}
		
		#products .nav-pills > li > a:hover,
		#products .nav-pills > li:hover > a,
		#products .nav-pills > li.active > a, 
		#products .nav-pills > li.active > a:hover, 
		#products .nav-pills > li.active > a:focus {
			color: #fff;
			background: #f5f5f5;
			background: rgba(255,255,255,0.35);
			border: 2px solid #efefef;
			border: 2px solid rgba(255,255,255,0.75);
		}
	
	#products .tab-content {
		position: relative;
		z-index: 2;
		height: 408px;
		background: url("../images/bg-bezel.png") no-repeat center top;
	}
	
		#products .tab-pane {
			padding: 65px 71px 0 75px;
		}
	
		#products .tab-content img {
			max-width: 100%;
		}

#headerDemoLink {
	display: block;
	position: absolute;
	top: 29px;
	right: 62px;
	z-index: 5;
	width: 159px;
	height: 144px;
	background: url("../images/link-request_a_demo.png") no-repeat left top;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#main_nav {
	clear: both;
	margin-bottom: 0;
	background: #fff;
}

	#main_nav .navbar-nav {
		width:  100%;
	}

	#main_nav li {
		width: 16.65%;
	}
	
		#main_nav li > a {
			padding: 33px 20px;
			font-family: "titilliumlight", Arial, sans-serif;
			font-size: 15px;
			text-align: center;
			text-transform: uppercase;
		}
		
			#main_nav li > a:hover,
			#main_nav li:hover > a {
				background: #efefef;
			}

#main {
	padding-top: 0px;
	padding-bottom: 0px;
	background: #fff; /* Old browsers */
	background: -moz-linear-gradient(top, #e6e6e6 0%, #ffffff 315px); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6), color-stop(315px,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e6e6e6 0%, #ffffff 315px); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e6e6e6 0%, #ffffff 315px); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e6e6e6 0%, #ffffff 315px); /* IE10+ */
	background: linear-gradient(to bottom, #e6e6e6 0%, #ffffff 315px); /* W3C */
	overflow: hidden;
}

	#main h2 {
		text-align: center;
	}
	
	#main .pageslider {
		display: block;
		position: relative;
		width: 100%;
		padding-top: 20px;
		color: #aaa;
		font-size: 30px;
		text-align: center;
	}			
		#main .pageslider:hover { 
			color: #111; 
			text-decoration: none;
		}		
	
	.content_block {
		position: relative;
	}
		
		.content_block h2 {		
			margin: 30px 0 20px;
			font-size: 54px;
		}
		
		.content_block h4 {
			line-height: 2.26em;
		}
		
		.content_block h2,
		.content_block h4,
		.content_block h5 {
			color: #005797;
			text-align: center;	
		}
		
	#benefit_industry {
		position: relative;
		padding: 140px 0 226px;
	}
	
		#benefit_industry h2 {
			padding-bottom: 33px;
		}
		
		.appear {
			filter: alpha(opacity="0");
			opacity: 0;
		}
			.no-js .appear {
				filter: alpha(opacity="100");
				opacity: 1.0;
			}
			
		.moveUp {
			position: relative;
			top: 336px;
		}
	
		#wall {
			display: block;
			position: absolute;
			left: 50%;
			bottom: -226px;
			z-index: 100;
			width: 1500px;
			height: 240px;
			margin-left: -750px;
		}
			#wall:before,
			#wall:after {
				content: '';
				display: block;
				position: absolute;
				bottom: -1px;
				left: -100%;
				width: 1500px;
				height: 240px;
				background: url("../images/bg-concrete_wall.jpg") repeat-x left top;				
			}
			#wall:after {
				left: auto;
				right: -100%;
				background: url("../images/bg-concrete_wall.jpg") repeat-x left top;
			}
		
			[class*="chunk"] {
				display: block;
				position: absolute;
				margin: 0;
				padding: 0;
				border: none;
			}
			
				.chunk-01 { width: 272px; height: 85px; 
					top: 1px; left: 0; z-index: 1;
					background: url("../images/wall/wall_chunk-01.png") no-repeat center center;
				}
				.chunk-02 { width: 106px; height: 50px; 
					top: 20px; left: 0; z-index: 2;
					background: url("../images/wall/wall_chunk-02.png") no-repeat center center;			
				}
				.chunk-03 { width: 277px; height: 78px; 
					top: 1px; left: 595px; z-index: 2;
					background: url("../images/wall/wall_chunk-03.png") no-repeat center center;			
				}
				.chunk-04 { width: 552px; height: 119px; 
					top: 1px; left: 124px; z-index: 3;
					background: url("../images/wall/wall_chunk-04.png") no-repeat center center;			
				}
				.chunk-05 { width: 275px; height: 77px; 
					top: 161px; left: 74px; z-index: 3;
					background: url("../images/wall/wall_chunk-05.png") no-repeat center center;		
				}
				.chunk-06 { width: 336px; height: 141px; 
					top: 28px; left: 0; z-index: 4;
					background: url("../images/wall/wall_chunk-06.png") no-repeat center center;			
				}
				.chunk-07 { width: 105px; height: 68px; 
					top: 56px; left: 261px; z-index: 5;
					background: url("../images/wall/wall_chunk-07.png") no-repeat center center;			
				}
				.chunk-08 { width: 161px; height: 108px; 
					top: 81px; left: 0; z-index: 5;
					background: url("../images/wall/wall_chunk-08.png") no-repeat center center;			
				}
				.chunk-09 { width: 163px; height: 67px; 
					top: 79px; left: 143px; z-index: 6;
					background: url("../images/wall/wall_chunk-09.png") no-repeat center center;			
				}
				.chunk-10 { width: 160px; height: 32px; 
					top: 202px; left: 128px; z-index: 6;
					background: url("../images/wall/wall_chunk-10.png") no-repeat center center;			
				}
				.chunk-11 { width: 377px; height: 153px; 
					top: 84px; left: 0; z-index: 7;
					background: url("../images/wall/wall_chunk-11.png") no-repeat center center;			
				}
				.chunk-12 { width: 243px; height: 64px; 
					top: 1px; left: 1130px; z-index: 7;
					background: url("../images/wall/wall_chunk-12.png") no-repeat center center;			
				}
				.chunk-13 { width: 140px; height: 58px; 
					top: 1px; left: 1360px; z-index: 8;
					background: url("../images/wall/wall_chunk-13.png") no-repeat center center;			
				}
				.chunk-14 { width: 227px; height: 111px; 
					top: 1px; left: 1273px; z-index: 9;
					background: url("../images/wall/wall_chunk-14.png") no-repeat center center;			
				}
				.chunk-15 { width: 442px; height: 40px; 
					top: 198px; left: 323px; z-index: 5;
					background: url("../images/wall/wall_chunk-15.png") no-repeat center center;			
				}
				.chunk-16 { width: 126px; height: 41px; 
					top: 196px; left: 1374px; z-index: 5;
					background: url("../images/wall/wall_chunk-16.png") no-repeat center center;			
				}
				.chunk-17 { width: 595px; height: 79px; 
					top: 1px; left: 655px; z-index: 7;
					background: url("../images/wall/wall_chunk-17.png") no-repeat center center;			
				}
				.chunk-18 { width: 321px; height: 101px; 
					top: 41px; left: 445px; z-index: 11;
					background: url("../images/wall/wall_chunk-18.png") no-repeat center center;			
				}
				.chunk-19 { width: 708px; height: 186px; 
					top: 31px; left: 720px; z-index: 10;
					background: url("../images/wall/wall_chunk-19.png") no-repeat center center;			
				}
				.chunk-20 { width: 128px; height: 139px; 
					top: 79px; left: 1372px; z-index: 10;
					background: url("../images/wall/wall_chunk-20.png") no-repeat center center;			
				}
				.chunk-21 { width: 195px; height: 93px; 
					top: 144px; left: 1295px; z-index: 10;
					background: url("../images/wall/wall_chunk-21.png") no-repeat center center;			
				}
				.chunk-22 { width: 612px; height: 154px; 
					top: 68px; left: 238px; z-index: 12;
					background: url("../images/wall/wall_chunk-22.png") no-repeat center center;			
				}
				.chunk-23 { width: 298px; height: 95px; 
					top: 142px; left: 473px; z-index: 12;
					background: url("../images/wall/wall_chunk-23.png") no-repeat center center;			
				}
				.chunk-24 { width: 307px; height: 109px; 
					top: 128px; left: 713px; z-index: 12;
					background: url("../images/wall/wall_chunk-24.png") no-repeat center center;			
				}
				.chunk-25 { width: 402px; height: 112px; 
					top: 125px; left: 781px; z-index: 13;
					background: url("../images/wall/wall_chunk-25.png") no-repeat center center;			
				}
				.chunk-26 { width: 335px; height: 125px; 
					top: 113px; left: 1129px; z-index: 14;
					background: url("../images/wall/wall_chunk-26.png") no-repeat center center;			
				}
		
	#redefine_bene_admin {
		margin: 0 0 33px;
		background: url("../images/bg-redefine_bene_admin.jpg") no-repeat center 48px;
		overflow: hidden;
	}
		
		#bene_admin_features {
			position: relative;
			margin-bottom: 286px;		
		}
		
			.owl-item {
				overflow: hidden;
			}
		
			.owl-controls {
				position: absolute;
				top: 50%;
				width: 100%;
				height: 100px;
				margin-top: -50px;
			}
			
				.owl-controls .owl-buttons {
					display: table !important;
				}
			
				.owl-controls .owl-buttons div {
					display: table-cell !important;
					position: absolute;
					top: 0;
					z-index: 10;
					width: 100px;
					height: 100px;
					padding: 16px 0 0;
					background: #2ed1cf;
					color: #fff;
					font-size: 54px;
					text-align: center;
					vertical-align: middle;
					filter: alpha(opacity="54");
					opacity: 0.54;
					border-radius: 200px;
					transition: 		opacity 0.35s ease-in-out;
					-webkit-transition: opacity 0.35s ease-in-out;
					-moz-transition: 	opacity 0.35s ease-in-out;
					-ms-transition: 	opacity 0.35s ease-in-out;
					-o-transition: 		opacity 0.35s ease-in-out;
				}
					.owl-controls .owl-buttons div:hover {
						filter: alpha(opacity="100");
						opacity: 1.0;						
					}
			
				.owl-controls .owl-prev {
					left: 54px;
				}
				
				.owl-controls .owl-next {
					right: 54px;
				}
			
			.owl-carousel .caption {
				display: block;
				position: absolute;
				right: -140px; /* move to 140px */
				bottom: 54px;
				width: 500px;
				padding: 20px;
				background: #fff;
				color:  #035696;
				font-size: 33px;
				font-family: "titilliumthin", sans-serif;
				filter: alpha(opacity="0");
				opacity: 0;
			}
			.no-js .owl-carousel .caption {
				filter: alpha(opacity="100");
				opacity: 1.0;
				right: 140px;
			}
	
	#what_admins_want {
		position: relative;
		padding-top:  366px;
		min-height: 420px;
		background: url("../images/bg-what_admins_want.jpg") no-repeat center bottom;
	}
	
		#what_admins_want .container { position: relative; }
	
			#what_admins_want .container > .row { padding-bottom: 20px; }
		
		#what_admins_want h2,
		#what_admins_want h4,
		#what_admins_want h5 {
			color: #fff;
			text-shadow: 0px 1px 0px rgba(0,0,0,.33);
		}
		
		#raphaelKite {
			display: block;
			position: absolute;
			top: -366px;
			left: 15px;
			margin: 0;
			padding: 0;
			overflow: hidden;
		}
		
		#spool_container {
			visibility: hidden;
			position: relative;
			width: 100%;
			height: 100px;
		}
		
			#spool {
				position: absolute;
				top: 50%;
				left: 50%;
				width: 175px;
				height: 54px;
				padding: 0;
				margin: -27px 0 0 -87.5px;
				background: url("../images/bg-spool.png") no-repeat left top;
			}
			
				#spool:active,
				#spool.dragging {
					cursor:url(../images/grabbing.png) 8 8, move;
				}
		
		#soil {
			width: 100%;
			height: 226px;
			background: url("../images/bg-soil.jpg") repeat-x 50% 0 fixed #3a271f; /* fallback */
		}
	
	#staying_current {
		padding: 54px 0;
	}
	
		#earth_stars {
			width: 100%;
			height: 270px;
			background: url("../images/bg-earth_stars.jpg") no-repeat 50% 0 fixed #000;
		}

#footer {
	padding-top: 100px;
	position: relative;
	background: #fff;
}
	#footer:before {
		content: '';
		display: block;
		position: absolute;
		left: 50%;
		top: -100px;
		width: 204px;
		height: 200px;
		margin-left: -102px;
		background: url("../images/bg-empyrean_hand.png") no-repeat center top;
	}

	.fullspanWrapper {
		overflow: hidden;
	}
	
	#footer h2, 
	#footer h4 {
		color: #8e0847;
		text-align:  center;
	}

	#footer h2 {
		margin: 54px 0 20px;
		font-size: 54px;
	}
	
	#footer h4 {
		margin-bottom: 54px;
	}
	
	#experienceCustomizer {
		display: block;
		clear: both;
		width: 100%;
	}
	
		#experienceOptions {
			list-style: none;
			clear: both;
			position: relative;
			width: 100%;
			padding: 0;
			margin: 0;
		}
			#experienceOptions:after {
				content: '';
				display: table;
				width: 100%;
				clear: both;
				overflow: hidden;				
			}
			
			#experienceOptions li {
				display: list-item;
				float: left;
				position: relative;
				width: 33%;
				height: 239px;
				padding: 106px 0 0;
				color: #fff;
				font: 20px "titilliumthin", Arial, sans-serif;
				text-align: center;
				text-transform: uppercase;	
				transition: 		all 0.33s ease-in;	
				-webkit-transition: all 0.33s ease-in;	
				-moz-transition: 	all 0.33s ease-in;	
				-ms-transition: 	all 0.33s ease-in;	
				-o-transition: 		all 0.33s ease-in;		
			}
				#experienceOptions li:hover {
					padding-top: 96px;
					font-size: 33px;
					cursor: pointer;
				}
			
			#experienceOptions .broker {
				background: url("../images/bg-footer_link.png") no-repeat left center #791142;
			}
				#experienceOptions .broker:before {
					content: '';
					display: block;
					position: absolute;
					top: 0px;
					left: -99.9%;
					width: 100%;
					height: 100%;
					background: url("../images/bg-footer_link.png") no-repeat left center #791142;
				}
				#experienceOptions .broker:after {
					content: '';
					display: block;
					position: absolute;
					top: 0;
					right: -59px;
					z-index: 100;
					width: 0;
					height: 0px;
					border-style: solid;
					border-width: 119px 59.5px 0 0;
					border-color: #791142 transparent transparent transparent;
				}
			
			#experienceOptions .employer {
				background: url("../images/bg-footer_link.png") no-repeat center center #5c1148;
			}			
				#experienceOptions .employer:before {
					content: '';
					display: block;
					position: absolute;
					bottom: 0;
					left: -59px;
					width: 0;
					height: 0px;
					border-style: solid;
					border-width: 0 0 119px 59.5px;
					border-color: transparent transparent #5c1148 transparent;
				}				
				#experienceOptions .employer:after {
					content: '';
					display: block;
					position: absolute;
					top: 0;
					right: -59px;
					z-index: 100;
					width: 0;
					height: 0px;
					border-style: solid;
					border-width: 119px 59.5px 0 0;
					border-color: #5c1148 transparent transparent transparent;
				}
			
			#experienceOptions .exchange {
				background: url("../images/bg-footer_link.png") no-repeat left center #840b2e;
			}
				#experienceOptions .exchange:before {
					content: '';
					display: block;
					position: absolute;
					bottom: 0;
					left: -59px;
					width: 0;
					height: 0px;
					border-style: solid;
					border-width: 0 0 119px 59.5px;
					border-color: transparent transparent #840b2e transparent;
				}	
				#experienceOptions .exchange:after {
					content: '';
					display: block;
					position: absolute;
					top: 0px;
					right: -99.9%;
					width: 100%;
					height: 100%;
					background: url("../images/bg-footer_link.png") no-repeat right center #840b2e;
				}
				
				#experienceOptions a { color: #fff; }
					#experienceOptions a:hover { text-decoration: none; }


/* --- MEDIA QUERIES --- */
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) { 

	

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) { 

	

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) { 

	

}