/*CSS Document*/
/*Copyright 2016, Jo Lam(Xu Lin)*/
/* www.jolamux.com Universal CSS */

body{
	position:relative;
	font-size:1.5em;
	color:#5D5D5D;
	font-weight:200;
	/*font-family: 'Open Sans', sans-serif, Arial, Verdana, Helvetica;*/
	font-family:  'Helvetica Neue', Helvetica, 'Open Sans', Arial, sans-serif;
}
a, a:hover, a:visited, a:active, a:focus{
	text-decoration:none;
}
h3{
	font-weight:100;
	font-size:3em;
	/*text-shadow:0 2px 0 #7b3409;*/
}
h4{
	font-weight: 100;
	font-size:1.9em;
}
h5{
	font-weight:200;
	font-size:1.1em;
}
h6{
	font-weight:600;
	color:#000000;
}
.description_sub{
	font-size: 0.9em;
	color:#666;
}
.italic{
	font-style:italic;
}

/* Universal Margins and Paddings*/
.padding-20{
	padding:20px;
}
.padding-20-top{
	padding-top:20px;
}
.padding-40{
	padding:40px;
}
.padding-top{
	padding-top:40px;
}
.padding-top-60{
	padding-top:60px;
}
.margin-10{
	margin-bottom:10px;
}
.margin-10-right{
	margin-right:10px;
}
.margin-20-right{
	margin-right:20px;
}
.margin-20{
	margin-bottom:20px;
}
.margin-40{
	margin-bottom:20px;
}
.margin-60{
	margin-bottom:60px;
}
.margin-top-60{
	margin-top:60px;
}
.noBorder{
	border:none;
}
.noMargin{
	margin:0;
}
.noPadding{
	padding:0;
}
.container-fluid{
	margin:auto;
	width:1280px;
}
.container-works{
	margin:auto;
	width:1104px;
}
.container-works .col-sm-12{
	width:1024px;
	padding:0;
}
.noLeftPadding{
	padding-left:0;
}
.noRightPadding{
	padding-right:0;
}
.alignCenter{
	text-align:center;
}
.alignRight{
	text-align:right;
}
.alignLeft{
	text-align:left;
}
.floatRight{
	float:right;
}

/* Universal Positioning */
.position-top-negative-120{
	position:relative;
	top:-120px;
}

/* Color Bars */
.jolamuxVIcolors{
	position: fixed;
	width:100%;
	height:5px;
	margin:0;
	padding:0;
	display:flex;
	display:-webkit-flex;
	flex-direction:row;
	-webkit-flex-direction:row;
	z-index:9999;
}
.flex-column{
	display:flex;
	display:-webkit-flex;
	flex-direction:column;
	-webkit-flex-direction:column;
}
.flex-row{
	display:flex;
	display:-webkit-flex;
	flex-direction:row;
	-webkit-flex-direction:row;
}
.colorBlockGrey1{
	flex-grow:1;
	background-color:#25abdd;
}
.colorBlockGrey2{
	flex-grow:1;
	background-color:#e44970;
}
.colorBlockGrey3{
	flex-grow:1;
	background-color:#213161;
}
.colorBlockBlue1{
	flex-grow:1;
	background-color:#25abdd;
}
.colorBlockBlue2{
	flex-grow:1;
	background-color:#e44970;
}
.colorBlockOrange1{
	flex-grow:1;
	background-color:#213161;
}
.colorBlockOrange2{
	flex-grow:1;
	background-color:#25abdd;
}
.float-left{
	float: left;
}
.float-right{
	float:right;
}


/* Logo */
.versionNumber{
	font-size:0.8em;
	position: relative;
	top:32px;
	padding-left:5px;
	color:#a7a7a7;
}
.versionNumberMini{
	padding-left: 3px;
	font-size:0.7em;
	top:21px;
}

/* Navigation */
.navbar{
	border-radius:0;
	padding-top:15px;
	background-color:rgba(255,255,255,0.93);
	border:1px dashed #cfcfcf;
	border-left:none;
	border-right:none;
	height:80px;
	z-index:9998;
	margin-bottom:0;
	box-shadow:0 1px 5px rgba(167, 167, 167, 0.3);
}
.navbar li a{
	color:#00a8ff;
	font-size: 1em;
	text-transform: uppercase;
	font-weight: 200;
	margin-left:30px;
	height:65px;
	box-sizing: border-box;
	padding:15px 0 10px 0;
	transition: border 0.1s;
	-webkit-transition: border 0.1s;
}
 .navbar-nav li a:hover{
 	background:none;
	border-bottom:4px solid #00a8ff;
}
 .navbar-nav li a:visited{
 	background:none;
}
.navbar-nav li.active a{
	color:#f2e429 !important;
	background:none !important;
	border-bottom:4px solid orange;
}



/* PopOver */
.avatar{
	margin:0;
	padding:0;
	width:55px;
	height:50px;
}
.avatar-jo{
	background: url(sprite-50x50.gif) no-repeat;
	width:50px;
	height:50px;
}
.avatar-jo2{
	background: url(sprite-50x50.gif) no-repeat;
	width:50px;
	height:50px;
}
.avatar-jo3{
	background: url(sprite-50x50.gif) no-repeat;
	width:50px;
	height:50px;
}
.avatar-jo-VR{
	background: url(sprite-50x50.gif) no-repeat;
	width:50px;
	height:50px;
}
.avatar-jo-sketch{
	background: url(sprite-50x50.gif) no-repeat;
	width:50px;
	height:50px;
}
.avatar-jo-sketch2{
	background: url(sprite-50x50.gif) no-repeat;
	width:50px;
	height:50px;
}
.avatar-jo-illustration{
	background: url(sprite-50x50.gif) no-repeat;
	width:50px;
	height:50px;
}
.avatar-jo-stormtrooper{
	background: url(sprite-50x50.gif) no-repeat;
	width:50px;
	height:50px;
}
.avatar-jo-3dPrinting{
	background: url(sprite-50x50.gif) no-repeat;
	width:50px;
	height:50px;
}
.avatar-Adam{
	background: url(sprite-50x50.gif) no-repeat;
	width:50px;
	height:50px;
}
.avatar-donNorman{
	background: url(sprite-50x50.jpg) no-repeat;
	width:50px;
	height:50px;
}

.avatar-border-blue{
	border-left:5px solid #14abe0;
}
.avatar-border-orange{
	border-left:5px solid #ffb400;
}
.avatar-border-pink{
	border-left:5px solid #ff3690;
}
.avatar-border-green{
	border-left:5px solid #61c442;
}
.avatar-border-red{
	border-left:5px solid #f56a27;
}
.avatar-border-teal{
	border-left:5px solid #0ec1af;
}
.popOver-homeWork-jo{
	z-index:1;
	display:flex;
	display:-webkit-flex;
	width:100%;
	height:50px;
	margin: 0;
	padding:0;
	position: absolute;
	bottom:-50px;
	opacity:0;
	transition: bottom 0.2s, opacity 0.2s;
	-webkit-transition:bottom 0.2s, opacity 0.2s;
}
.popOver-universal-jo{
	display: flex;
	display:-webkit-flex;
	height:50px;
	margin:0;
	padding:0;
}
.popOver-universal-quote{
	display: flex;
	display:-webkit-flex;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}
.popoverUniversal{
	text-align: left;
	width:100%;
	padding:7px 10px;
	background-color:rgba(0,0,0,0.7);
	color:#fff;
	font-weight: 200;
	font-size:0.9em;
	margin: 0;
}
.whiteBgPopOver{
	/*width:100%;*/
	height:90px;
	padding: 20px 0px;
	margin:0;
	display:flex;
	display:-webkit-flex;
}
.popoverWhite{
	font-size:0.9em;
	color:#666;
	background-color:#fff;
	box-shadow: 0 1px 3px rgba(167, 167, 167, 0.5);
}
.popover-blue{
	border-top:1px solid #25acde;
}
.popover-orange{
	border-top:1px solid #ffb400;
}
.popover-pink{
	border-top:1px solid #ff3690;
}
.popover-green{
	border-top:1px solid #61c442;
}
.popover-red{
	border-top:1px solid #f56a27;
}
.popover-teal{
	border-top:1px solid #0ec1af;
}

.labelTravelIcon{
	margin:10px;
	width:35px;
	height:30px;
}
.PopOverLabelTitle{
	background: url(BG-texture-lightGrey-4x4.png) repeat #fff;
	height:50px;
	padding:0 15px 0 0;
	color:#25abdd;
	margin:0;
	display:flex;
	display:-webkit-flex;
}
/* Works Color Values */
.color-blue-light{
	color:#25abdd;
}
.color-blue-dark{
	color:#25acde;
}
.color-orange-light{
	color:#ffb400;
}
.color-orange-dark{
	color:#e19f00;
}
.color-pink-light{
	color:#ff3690;
}
.color-pink-dark{
	color:#da186f;
}
.color-green-light{
	color:#61c442;
}
.color-green-dark{
	color:#39911e;
}
.color-red-light{
	color:#f56a27;
}
.color-red-dark{
	color:#c74608;
}
.color-teal-light{
	color:#0ec1af;
}
.color-teal-dark{
	color:#06a393;
}
.color-brown-dark{
	color:#5a3709;
}
.color-white{
	color:#fff;
}
.color-black{
	color:#000;
}
/* Universal Footer Settings */
footer{
	position: relative;
	top:100px;
	width:100%;
	height:60px;
	background-color:#fff;
}
.footer{
	text-align: center;
	font-size:0.8em;
	font-weight: 200;
	color:#999;
	padding:18px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* Universal UI Components */
.btn{
	background-color:#0079c3;
	color:#fff;
	font-weight: 200;
	font-size:1em;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	min-width:100px;
}
.btn:hover{
	background-color:#00aeff;
	color:#fff;
	border-color:#0090ff;
	text-shadow:0 1px #006ba3;
	box-shadow:inset 0 1px 0 #4cc6ff, 0 1px 0 #dddddd;
}
.btn:active{
	background-color:#0e7cd8;
	color:#fff;
	border-color:#0069bd;
	text-shadow:0 1px #003a68;
	box-shadow:inset 0 1px 0 #0066b8, 0 1px 0 #dddddd;
	outline:none;
}
.btn:active:focus{
	outline:none;
}
.btn:focus{
	color:#fff;
	outline:none;
}
/*btn:hover ORANGE*/
/*.btn:hover{
	background-color:#ffb400;
	border-color:#df9e00;
	box-shadow:inset 0 1px 0 #ffc57a, 0 1px 0 #dddddd;
	color:#fff;
	text-shadow:0 1px 0 #c36e00;
}*/

.form-control{
	border-radius:2px;
/*	border:1px solid #0d9fff;*/
}
:placeholder-shown{
	font-weight: 200;
}
::-webkit-input-placeholder{
	font-weight:200;
}
.form-control:focus{
	border-color:#ffb400;
	box-shadow:0 0 3px rgba(255, 120, 0, 0.5);
}

.photoFrame{
	display:inline-table;
	position: relative;
	background-color:#fff;
	box-shadow:0 0 3px rgba(0,0,0, 0.6);
	padding:10px 10px 5px 10px;
	line-height: 18px;
}
.photoFrame p span{
	font-size:1em;
	text-transform:uppercase;
	color:#0d9fff;
	font-weight: 400;
	font-style:normal;
}
.photoFrame p{
	margin:0;
	margin-top:8px;
	font-size:0.9em;
	font-style: italic;
}

.photoFrame-thin{
	border:5px solid #fff;
	box-shadow:0 0 3px rgba(0,0,0, 0.6);
}

.divider-mini-40{
	width:1024px;
	padding:0;
	padding-bottom:40px;
	border-bottom:1px dotted #a7a7a7;
}
.divider-mini-70{
	width:1024px;
	padding:0;
	padding-bottom:70px;
	border-bottom:1px dotted #a7a7a7;
}
.divider-mini-80{
	width:1024px;
	padding:0;
	padding-bottom:80px;
	border-bottom:1px dotted #a7a7a7;
}
.boxShadow-grey{
	box-shadow:0 0 3px rgba(0,0,0, 0.6);
}
.border-dashed{
	border:1px dashed #a7a7a7;
}
.border-none-top{
	border-top:none;
}
.border-none-left{
	border-left:none;
}
.border-none-right{
	border-right:none;
}
.border-none-bottom{
	border-bottom:none;
}
.border-grey{
	border:1px solid #a7a7a7;
	box-sizing:border-box;
}
.input-disabled{
	cursor:no-drop;
}
.btn-disabled{
	opacity: 0.3;
	cursor:no-drop;
}
.btn-disabled span{
	content:'Coming Soon!';
}
footer .container-fluid{
		width:100%;
		text-align: center;
}


/* Works Mini Navigation */
.worksMiniNav{
	border-radius:3px;
	width:50px;
	position:absolute;
	bottom:10px;
	right:10px;
	position: fixed;
	box-shadow:0 0 3px rgba(102, 102, 102, 0.8);
	background-color:#fff;
	z-index:999;
}
.worksMiniNav-icons a{
	width:50px;
	height: 50px;
	border-bottom:1px dashed #cfcfcf;
}
.worksMiniNav-icons a:last-child{
	border-bottom:none;
}

.nav>li>a{
	padding:10px;
}
.worksMiniNav-Rocket{
	background: url(sprite-30x30.png) no-repeat 0 -240px;
	width:30px;
	height:30px;
}
a:hover .worksMiniNav-Rocket{
	background: url(sprite-30x30.png) no-repeat 0 -210px;
}
.worksMiniNav-Parachute{
	background: url(sprite-30x30.png) no-repeat 0 -150px;
	width:30px;
	height:30px;
}
a:hover .worksMiniNav-Parachute{
	background: url(sprite-30x30.png) no-repeat 0 -120px;
}
.worksMiniNav-graphic{
	background: url(sprite-30x30.png) no-repeat 0 -1350px;
	width:30px;
	height:30px;
}
.worksMiniNav-research{
	background: url(sprite-30x30.png) no-repeat 0 -1560px;
	width:30px;
	height:30px;
}
.worksMiniNav-eye{
	background: url(sprite-30x30.png) no-repeat 0 -1170px;
	width:30px;
	height:30px;
}
.worksMiniNav-vizMultiColor{
	background: url(sprite-30x30.png) no-repeat 0 -3030px;
	width:30px;
	height:30px;
}
.worksMiniNav-engineeringColor{
	background: url(sprite-30x30.png) no-repeat 0 -1140px;
	width:30px;
	height:30px;
}
.worksMiniNav-vizColor{
	background: url(sprite-30x30.png) no-repeat 0 -3000px;
	width:30px;
	height:30px;
}
.worksMiniNav-filterColor{
	background: url(sprite-30x30.png) no-repeat 0 -1230px;
	width:30px;
	height:30px;
}
.worksMiniNav-sheetTabColor{
	background: url(sprite-30x30.png) no-repeat 0 -1860px;
	width:30px;
	height:30px;
}
.worksMiniNav-gearColor{
	background: url(sprite-30x30.png) no-repeat 0 -1320px;
	width:30px;
	height:30px;
}
.worksMiniNav-QRcode{
	background: url(sprite-30x30.png) no-repeat 0 -780px;
	width:30px;
	height:30px;
}
.worksMiniNav-time{
	background: url(sprite-30x30.png) no-repeat 0 -2850px;
	width:30px;
	height:30px;
}
.worksMiniNav-problem{
	background: url(sprite-30x30.png) no-repeat 0 -1470px;
	width:30px;
	height:30px;
}
.worksMiniNav-ideation{
	background: url(sprite-30x30.png) no-repeat 0 -1380px;
	width:30px;
	height:30px;
}
.worksMiniNav-barCode{
	background: url(sprite-30x30.png) no-repeat 0 -690px;
	width:30px;
	height:30px;
}
.worksMiniNav-startOn-white{
	background: url(sprite-30x30.png) no-repeat 0 -1770px;
	width:30px;
	height:30px;
}
.worksMiniNav-star{
	background: url(sprite-30x30.png) no-repeat 0 -1710px;
	width:30px;
	height:30px;
}
.worksMiniNav-dataPreparation{
	background: url(sprite-30x30.png) no-repeat 0 -870px;
	width:30px;
	height:30px;
}
.worksMiniNav-dataset{
	background: url(sprite-30x30.png) no-repeat 0 -1050px;
	width:30px;
	height:30px;
}
.worksMiniNav-dataTransform{
	background: url(sprite-30x30.png) no-repeat 0 -900px;
	width:30px;
	height:30px;
}
.worksMiniNav-dataTransform-step2{
	background: url(sprite-30x30.png) no-repeat 0 -960px;
	width:30px;
	height:30px;
}
.worksMiniNav-dataTransform-step3{
	background: url(sprite-30x30.png) no-repeat 0 -990px;
	width:30px;
	height:30px;
}
.worksMiniNav-dataTransform-step4{
	background: url(sprite-30x30.png) no-repeat 0 -1020px;
	width:30px;
	height:30px;
}
.worksMiniNav-researchColor{
	background: url(sprite-30x30.png) no-repeat 0 -1590px;
	width:30px;
	height:30px;
}
.worksMiniNav-sketching{
	background: url(sprite-30x30.png) no-repeat 0 -1680px;
	width:30px;
	height:30px;
}
.worksMiniNav-engineering{
	background: url(sprite-30x30.png) no-repeat 0 -1110px;
	width:30px;
	height:30px;
}
.worksMiniNav-report{
	width:40px;
	height:40px;
}
.worksMiniNav-infographic{
	background: url(sprite-30x30.png) no-repeat 0 -1410px;
	width:30px;
	height:30px;
}
.worksMiniNav-3dProp{
	background: url(sprite-30x30.png) no-repeat 0 -630px;
	width:30px;
	height:30px;
}
.worksMiniNav-tShirt{
	background: url(sprite-30x30.png) no-repeat 0 -2910px;
	width:30px;
	height:30px;
}
.worksMiniNav-problem-white{
	background: url(sprite-30x30.png) no-repeat 0 -1500px;
	width:30px;
	height:30px;
}
.worksMiniNav-researchTools{
	background: url(sprite-30x30.png) no-repeat 0 -1620px;
	width:30px;
	height:30px;
}
.worksMiniNav-video {
	background: url(sprite-30x30.png) no-repeat 0 -2940px;
	width:30px;
	height:30px;
}
.worksMiniNav-3dArchitecture{
	background: url(sprite-30x30.png) no-repeat 0 -510px;
	width:30px;
	height:30px;
}
.worksMiniNav-AR{
	background: url(sprite-30x30.png) no-repeat 0 -660px;
	width:30px;
	height:30px;
}
.worksMiniNav-3dFigure{
	background: url(sprite-30x30.png) no-repeat 0 -540px;
	width:30px;
	height:30px;
}
.worksMiniNav-3dPrinting{
	background: url(sprite-30x30.png) no-repeat 0 -600px;
	width:30px;
	height:30px;
}
.worksMiniNav-3dModeling{
	background: url(sprite-30x30.png) no-repeat 0 -570px;
	width:30px;
	height:30px;
}
.worksMiniNav-story{
	background: url(sprite-30x30.png) no-repeat 0 -1800px;
	width:30px;
	height:30px;
}
.worksMiniNav-food{
	background: url(sprite-30x30.png) no-repeat 0 -1260px;
	width:30px;
	height:30px;
}
.worksMiniNav-sandClock{
	background: url(sprite-30x30.png) no-repeat 0 -1650px;
	width:30px;
	height:30px;
}
.worksMiniNav-animation{
	background: url(sprite-30x30.png) no-repeat 0 -810px;
	width:30px;
	height:30px;
}
.worksMiniNav-movie{
	background: url(sprite-30x30.png) no-repeat 0 -1440px;
	width:30px;
	height:30px;
}
.worksMiniNav-brain{
	background: url(sprite-30x30.png) no-repeat 0 -840px;
	width:30px;
	height:30px;
}
.worksMiniNav-travel{
	background: url(sprite-30x30.png) no-repeat 0 -2880px;
	width:30px;
	height:30px;
}
.worksMiniNav-email{
	background: url(sprite-30x30.png) no-repeat 0 -1080px;
	width:30px;
	height:30px;
}
.worksMiniNav-menu{
	background: url(sprite-30x30.png) no-repeat 0 -720px;
	width:30px;
	height:30px;
}
.worksMiniNav-menu:hover{
	background: url(sprite-30x30.png) no-repeat 0 -750px;
	width:30px;
	height:30px;
}

/* Personas Settings Mx10 Fx7 Kx2 */
.badgeIcon-persona-m1{
	background: url(sprite-30x30.png) no-repeat 0 -3660px;
}
.badgeIcon-persona-m1:hover{
	background: url(sprite-30x30.png) no-repeat 0 -3690px;
}
.badgeIcon-persona-m2{
	background: url(sprite-30x30.png) no-repeat 0 -3780px;
}
.badgeIcon-persona-m2:hover{
	background: url(sprite-30x30.png) no-repeat 0 -3810px;
}
.badgeIcon-persona-m3{
	background: url(sprite-30x30.png) no-repeat 0 -3840px;
}
.badgeIcon-persona-m3:hover{
	background: url(sprite-30x30.png) no-repeat 0 -3870px;
}
.badgeIcon-persona-m4{
	background: url(sprite-30x30.png) no-repeat 0 -3900px;
}
.badgeIcon-persona-m4:hover{
	background: url(sprite-30x30.png) no-repeat 0 -3930px;
}
.badgeIcon-persona-m5{
	background: url(sprite-30x30.png) no-repeat 0 -3960px;
}
.badgeIcon-persona-m5:hover{
	background: url(sprite-30x30.png) no-repeat 0 -3990px;
}
.badgeIcon-persona-m6{
	background: url(sprite-30x30.png) no-repeat 0 -4020px;
}
.badgeIcon-persona-m6:hover{
	background: url(sprite-30x30.png) no-repeat 0 -4050px;
}
.badgeIcon-persona-m7{
	background: url(sprite-30x30.png) no-repeat 0 -4080px;
}
.badgeIcon-persona-m7:hover{
	background: url(sprite-30x30.png) no-repeat 0 -4110px;
}
.badgeIcon-persona-m8{
	background: url(sprite-30x30.png) no-repeat 0 -4140px;
}
.badgeIcon-persona-m8:hover{
	background: url(sprite-30x30.png) no-repeat 0 -4170px;
}
.badgeIcon-persona-m9{
	background: url(sprite-30x30.png) no-repeat 0 -4200px;
}
.badgeIcon-persona-m9:hover{
	background: url(sprite-30x30.png) no-repeat 0 -4230px;
}
.badgeIcon-persona-m10{
	background: url(sprite-30x30.png) no-repeat 0 -3720px;
}
.badgeIcon-persona-m10:hover{
	background: url(sprite-30x30.png) no-repeat 0 -3750px;
}
.badgeIcon-persona-f1{
	background: url(sprite-30x30.png) no-repeat 0 -3120px;
}
.badgeIcon-persona-f1:hover{
	background: url(sprite-30x30.png) no-repeat 0 -3150px;
}
.badgeIcon-persona-f2{
	background: url(sprite-30x30.png) no-repeat 0 -3180px;
}
.badgeIcon-persona-f2:hover{
	background: url(sprite-30x30.png) no-repeat 0 -3210px;
}
.badgeIcon-persona-f3{
	background: url(sprite-30x30.png) no-repeat 0 -3240px;
}
.badgeIcon-persona-f3:hover{
	background: url(sprite-30x30.png) no-repeat 0 -3270px;
}
.badgeIcon-persona-f4{
	background: url(sprite-30x30.png) no-repeat 0 -3300px;
}
.badgeIcon-persona-f4:hover{
	background: url(sprite-30x30.png) no-repeat 0 -3330px;
}
.badgeIcon-persona-f5{
	background: url(sprite-30x30.png) no-repeat 0 -3360px;
}
.badgeIcon-persona-f5:hover{
	background: url(sprite-30x30.png) no-repeat 0 -3390px;
}
.badgeIcon-persona-f6{
	background: url(sprite-30x30.png) no-repeat 0 -3420px;
}
.badgeIcon-persona-f6:hover{
	background: url(sprite-30x30.png) no-repeat 0 -3450px;
}
.badgeIcon-persona-f7{
	background: url(sprite-30x30.png) no-repeat 0 -3480px;
}
.badgeIcon-persona-f7:hover{
	background: url(sprite-30x30.png) no-repeat 0 -3510px;
}
.badgeIcon-persona-k1{
	background: url(sprite-30x30.png) no-repeat 0 -3540px;
}
.badgeIcon-persona-k1:hover{
	background: url(sprite-30x30.png) no-repeat 0 -3570px;
}
.badgeIcon-persona-k2{
	background: url(sprite-30x30.png) no-repeat 0 -3600px;
}
.badgeIcon-persona-k2:hover{
	background: url(sprite-30x30.png) no-repeat 0 -3630px;
}


.worksMiniNav-viz a{
	background:url('../img/works/icn-miniNav-viz-30x30.png') no-repeat 50%;
}
.worksMiniNav-gear a{
	background:url('../img/works/icn-miniNav-gear-30x30.png') no-repeat 50%;
}
.worksMiniNav-filter a{
	background:url('../img/works/icn-miniNav-filter-30x30.png') no-repeat 50%;
}
.worksMiniNav-sheetTab a{
	background:url('../img/works/icn-miniNav-tabSheets-30x30.png') no-repeat 50%;
}
.worksMiniNav-dataTransform-step1 a{
	background:url('../img/works/icn-miniNav-dataTransform-step1-30x30.png') no-repeat 50%;
}


.nav>li.worksMiniNav-icons>a{
	border-bottom:1px dashed #cfcfcf;
}
.nav>li.worksMiniNav-icons>a:hover{
	background-color:#e7f6ff;
	border-bottom:1px dashed #cfcfcf;
}
.nav>li.worksMiniNav-icons>a:focus{
	background-color:#e7f6ff;
}
.nav-stacked>li+li{
	margin-top:0px;
}


/* Badges Icons Section */
.badgeIconsSection{
	margin:15px 0;
	display:flex;
	display:-webkit-flex;
}
.badgeIconsSection div{
	margin-right:10px;
	-webkit-transition: margin-right 0.2s linear;
	transition: margin-right 0.2s linear;
}
.badgeIcon-coding{
	width:30px;
	height:30px;
	background: url(sprite-30x30.png) 0 -2130px;
}
.badgeIcon-coding:hover{
	background: url(sprite-30x30.png) 0 -2160px;
}
.badgeIcon-modeling{
	width:30px;
	height:30px;
	background: url(sprite-30x30.png) 0 -1890px;
}
.badgeIcon-modeling:hover{
	background: url(sprite-30x30.png) 0 -1920px;
}
.badgeIcon-AR{
	width:30px;
	height:30px;
	background: url(sprite-30x30.png) 0 -2010px;
}
.badgeIcon-AR:hover{
	background: url(sprite-30x30.png) 0 -2040px;
}
.badgeIcon-sketching{
	width:30px;
	height:30px;
	background: url(sprite-30x30.png) 0 -2430px;
}
.badgeIcon-sketching:hover{
	background: url(sprite-30x30.png) 0 -2460px;
}
.badgeIcon-3dPrinting{
	width:30px;
	height:30px;
	background: url(sprite-30x30.png) 0 -1950px;
}
.badgeIcon-3dPrinting:hover{
	background: url(sprite-30x30.png) 0 -1980px;
}
.badgeIcon-research{
	width:30px;
	height:30px;
	background: url(sprite-30x30.png) 0 -2370px;
}
.badgeIcon-research:hover{
	background: url(sprite-30x30.png) 0 -2400px;
}
.badgeIcon-animation{
	width:30px;
	height:30px;
	background: url(sprite-30x30.png) 0 -2070px;
}
.badgeIcon-animation:hover{
	background: url(sprite-30x30.png) 0 -2100px;
}
.badgeIcon-UX{
	width:30px;
	height:30px;
	background: url(sprite-30x30.png) 0 -2610px;
}
.badgeIcon-UX:hover{
	background: url(sprite-30x30.png) 0 -2640px;
}
.badgeIcon-wireframing{
	width:30px;
	height:30px;
	background: url(sprite-30x30.png) 0 -2790px;
}
.badgeIcon-wireframing:hover{
	background: url(sprite-30x30.png) 0 -2820px;
}
.badgeIcon-video{
	width:30px;
	height:30px;
	background: url(sprite-30x30.png) 0 -2670px;
}
.badgeIcon-video:hover{
	background: url(sprite-30x30.png) 0 -2700px;
}
.badgeIcon-storyboarding{
	width:30px;
	height:30px;
	background: url(sprite-30x30.png) 0 -2490px;
}
.badgeIcon-storyboarding:hover{
	background: url(sprite-30x30.png) 0 -2520px;
}
.badgeIcon-flash{
	width:30px;
	height:30px;
	background: url(sprite-30x30.png) 0 -2250px;
}
.badgeIcon-flash:hover{
	background: url(sprite-30x30.png) 0 -2280px;
}
.badgeIcon-mobile{
	width:30px;
	height:30px;
	background: url(sprite-30x30.png) 0 -2310px;
}
.badgeIcon-mobile:hover{
	background: url(sprite-30x30.png) 0 -2340px;
}
.badgeIcon-web{
	width:30px;
	height:30px;
	background: url(sprite-30x30.png) 0 -2730px;
}
.badgeIcon-web:hover{
	background: url(sprite-30x30.png) 0 -2760px;
}
.badgeIcon-UI{
	width:30px;
	height:30px;
	background: url(sprite-30x30.png) 0 -2550px;
}
.badgeIcon-UI:hover{
	background: url(sprite-30x30.png) 0 -2580px;
}

.badgeIcon-editing{
	width:30px;
	height:30px;
	background: url(sprite-30x30.png) 0 -2190px;
}
.badgeIcon-editing:hover{
	width:30px;
	height:30px;
	background: url(sprite-30x30.png) 0 -2220px;
}

/* Works Home Shortcut */
.worksHeaderHome{
	float: right;
	margin-top:10px;
}
.worksHeaderHome a{
	color:#a7a7a7;
}
.worksHeaderHome a:hover{
	color:orange;
}
.worksHeaderHome a:hover .worksHeaderHomeIcon{
	background: url(sprite-30x30.png) no-repeat 0 -480px;
	width:30px;
	height:30px;
}
.worksHeaderHomeIcon{
	float: left;
	background: url(sprite-30x30.png) no-repeat 0 -450px;
	width:30px;
	height:30px;
}
.worksHeaderHomeText{
	padding:8px 0 0 10px;
	float: right;
}

/* Data Visualzation Vizboard Layover Icon Title */
.dataViz-icon-title{
	float: left;
	margin-right:5px;
}
.dataViz-icon-title-text{
	padding-top:5px;
}

/* Navigation */
a {
  color: #5d5d5d;
  position: relative;
  text-decoration: none; }

.menu {
  z-index: 1000000;
  position: fixed;
  right: 2rem;
  top: 20px;
  text-align: right; }

.menu .menu-link {
    display: block;
    padding: 20px 10px;
    background-repeat: no-repeat;
    color: inherit; }
.menu .menu-link:hover .title {
      opacity: 1; }
	  
.menu .menu-link .title {
      display: inline-block;
      opacity: 0;
      font-size: 2 em;
      transition: all .2s ease;
      padding-right: 10px;
      position: relative; }
.menu .menu-link .icon {
      display: inline-block;
      width: 24px;
      text-align: center; }
@media screen and (max-width: 700px) {
    .menu {
      display: none; } }

.logo {
  position: relative;
  cursor: pointer;
  display: block;
  padding-bottom:30px;}