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

body{
	position:relative;
	color:#666;
	font-weight:200;
	/*font-family: 'Open Sans', sans-serif, Arial, Verdana, Helvetica;*/
	font-family:  'Helvetica Neue', Helvetica, Arial, sans-serif;
}

a, a:hover, a:visited, a:active, a:focus{
	text-decoration:none;
}


/* Header */
.worksHeader{
	z-index:999;
	position:fixed;
	width:100%;
	background-color:rgba(255,255,255,0.93);
	border-left:none;
	border-right:none;
	box-shadow:0 1px 5px rgba(167, 167, 167, 0.3);
	height:80px;
	padding-top:15px;
}
.worksHeaderLeft{
	display:flex;
	display:-webkit-flex;
}

/* Header Works Dropdown Menu */
.worksHeaderDropdown{
	background:none;
	color:#4fbaff;
	border:none;
	font-weight: 200;
	font-size:1.2em;
	margin-top:6px;
	padding:6px 20px 2px 20px;
	border-right:1px solid #e2e2e2;
	height:40px;
}
.worksHeaderDropdown .caret{
	transform: scale(1.3, 1.3);
	-webkit-transform: scale( 1.3, 1.3);
	-ms-transform:scale( 1.3, 1.3);
	margin-left:10px;
	position: relative;
	top:-2px;
}
.worksHeaderDropdown:hover{
	color:#e44970;
}
.worksHeaderDropdownMenu {
	position:absolute;
	top:91%;
	left:16%;
	min-width:200px;
	border-radius:0px;
	background-color:#fff;
	border:1px solid #cfcfcf;
	border-top:3px solid #4fbaff;
	box-shadow: 0 1px 3px rgba(167, 167, 167, 0.5);
	background-color:#fff;
}
.worksHeaderDropdownMenu li a{
	font-weight: 200;
	color:#666;
	padding:8px 20px;
	border-left:3px solid #fff;
}
.worksHeaderDropdownMenu li a:hover{
	border-radius:0px;
	background-color:#fff;
	box-shadow: 0 0 3px rgba(167, 167, 167, 0.5);
}
.worksHeaderDropdownMenu .worksDropdown-UXUI a:hover{
	color:#4fbaff;
	border-left:3px solid #4fbaff;
}
.worksHeaderDropdownMenu .worksDropdown-AR a:hover{
	color:#ffb400;
	border-left:3px solid #ffb400;
}
.worksHeaderDropdownMenu .worksDropdown-VC a:hover{
	color:#ff3690;
	border-left:3px solid #ff3690;
}
.worksHeaderDropdownMenu .worksDropdown-Animation a:hover{
	color:#61c442;
	border-left:3px solid #61c442;
}
.worksHeaderDropdownMenu .worksDropdown-DesignThinking a:hover{
	color:#f56a27;
	border-left:3px solid #f56a27;
}
.worksHeaderDropdownMenu .worksDropdown-3Dprinting a:hover{
	color:#0ec1af;
	border-left:3px solid #0ec1af;
}

/* Header BreadCrumb */
.worksHeaderBreadCrumb{
	padding-top:8px;
}
.breadcrumb{
	background:none;
	font-size:1.2em;
}
.breadcrumb_UXUI{
	color:#4fbaff;
}
.breadcrumb_UXUI a{
	color:#4fbaff;
}
.breadcrumb_UXUI a:hover{
	color:#e44970;
}
.breadcrumb .active{
	color:#999;
}





/* Works Navigation */
.worksNav{
	padding-top:10px;
	position:fixed;
	z-index:998;
	top:80px;
	left:0px;
	background: url('../img/universal/BG-texture-Black-4x4.png') rgba(0,0,0,0.7);
	
	width:57px;
	overflow:hidden;
	-webkit-transition: width .05s linear;
	transition:width .05s linear;
	-webkit-transform:translateZ(0) scale(1,1);
}
.worksNav .navIcon{
	width:30px;
	height:30px;
	position:relative;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}
.worksNav p{
	padding:6px 15px;
	position: relative;
	display:table-cell;
	vertical-align: middle;
}
.worksNav:hover, nav.worksNav.expanded{
	width:200px;
	overflow:visible;
}
.worksNav li{
	margin-bottom:10px;
/*	display:block;*/
	width:200px;
	position: relative;
}
.worksNav li a{
	font-weight: 200;
	color:#fff;
/*	display:flex;
	display:-webkit-flex;*/
	height:50px;
	border-left:5px solid rgba(0,0,0,0);

	-webkit-transform:translateZ(0);
	-webkit-transition:all .1s linear;
	transition:1ll .1s linear;
	display:table;
	padding:10px;
	width:100%;
}
.worksNav li a:hover{
	cursor:pointer;
	color:#fff;
	background-color:rgba(0, 0, 0, 0.4);
}
.worksNav li a:focus{
	color:#fff;
	background-color:rgba(0, 0, 0, 0.4);
}

/* Left Stacked Navigation Active States*/
.worksNav .activeUXUI a, .worksNav .activeVC a, 
.worksNav .activeDT a, .worksNav .activeAR a,
.worksNav .activeAM a, .worksNav .activeDP a{
	background-color:#fff;
	color:#666;
	cursor:default;
	box-shadow: -2px 3px 2px rgba(0, 0, 0, 0.6);
	width:100%;
}

.worksNav .activeUXUI a{
	border-left:5px solid #0d9fff;
}
.worksNav .activeVC a{
	border-left:5px solid #ff3690;
}
 .worksNav .activeDT a{
 	border-left:5px solid #f56a27;
 }
 .worksNav .activeAR a{
 	border-left:5px solid #ffb400;
 }
 .worksNav .activeAM a{
 	border-left:5px solid #61c442;
 }
 .worksNav .activeDP a{
 	border-left:5px solid #0ec1af;
 }


.worksNav .activeUXUI a:visited, 
.worksNav .activeUXUI a:focus,
.worksNav .activeVC a:visited, 
.worksNav .activeVC a:focus,
.worksNav .activeDT a:visited, 
.worksNav .activeDT a:focus,
.worksNav .activeAR a:visited,
.worksNav .activeAR a:focus,
.worksNav .activeAM a:visited,
.worksNav .activeAM a:focus,
.worksNav .activeDP a:visited, 
.worksNav .activeDP a:focus{
	color:#666;
	background-color:#fff;
}

.worksNav .activeUXUI a:hover,
.worksNav .activeVC a:hover,
.worksNav .activeDT a:hover,
.worksNav .activeDP a:hover,
.worksNav .activeAR a:hover,
.worksNav .activeAM a:hover{
	cursor:pointer;
	background-color:#fff;
	color:#666;
}

.inactiveUXUI a:hover{
	border-left:5px solid #0d9fff;
}
.inactiveAR a:hover{
	border-left:5px solid #ffb400;
}
.inactiveVC a:hover{
	border-left:5px solid #ff3690;
}
.inactiveAnimation a:hover{
	border-left:5px solid #61c442;
}
.inactiveDesignThinking a:hover{
	border-left:5px solid #f56a27;
}
.inactive3Dprinting a:hover{
	border-left:5px solid #0ec1af;
}
.inactiveCollapse a:hover .iconNavCollapse{
	background:url("../img/works/icn-sideNav-collapse-hover-30x30.png") no-repeat;
}
.inactiveCollapse a:hover p{
	opacity:1;
}
.inactiveCollapse p{
	opacity:0;
	color:#999;
	font-style: italic;
	font-size:0.9em;
}


.iconNavUXUI{
/*	background:url("../img/works/icn-UXUI-30x30.png") no-repeat;*/
	background: url(sprite-30x30.png) no-repeat 0 -178px;
}
.iconNavAR{
	background: url(sprite-30x30.png) no-repeat 0 -28px;
}
.iconNavVC{
	background: url(sprite-30x30.png) no-repeat 0 -269px;
}
.iconNavAnimation{
	background: url(sprite-30x30.png) no-repeat 0 -60px;
}
.iconNavDesignThinking{
	background: url(sprite-30x30.png) no-repeat 0 -90px;
}
.iconNav3Dprinting{
	background: url(sprite-30x30.png) no-repeat 0 0;
}
/*.iconNavCollapse{
	background:url("../img/works/icn-sideNav-collapse-30x30.png") no-repeat;
}
*/


/* Works Design Thinking Section */
.works-title-designThinking{
	height:85px;
	background:url("../img/universal/BG-texture-blackOrange-4x4.png") repeat;
	display:inline-block;
	color:#fff;
	border-left:10px solid #d74b0d;
	/*box-shadow:inset 0 1px 0 #ffc09e, 0 1px 0 #a13900;*/
}
.works-title-designThinking-inner{
	display:flex;
	display:-webkit-flex;
	background-color:rgba(255, 126, 0, 0.7);
	padding-right:30px;
}
.works-title-designThinking-inner img{
	padding:0 10px 0 20px;
}

/* Works Preview MonopolyAR Section */
#AR-preview-MonopolyAR{
	background:url('../img/home/img-home-welcomeBG.jpg') fixed;
	height:550px;
	position:relative;
	top:80px;
	padding:80px 90px;
}

/* Works Detail MonopolyAR Section */
#AR-detail-MonopolyAR-welcome{
	background:url('../img/home/img-home-welcomeBG.jpg') fixed;
	height:720px;
	position:relative;
	top:80px;
	padding:80px 90px;
}
#AR-Monopoly-welcome{
	width:678px;
	height:522px;
	background:url('../img/AR/img-monopoly-intro.png');
	margin-top:20px;
}
#popOver-AR-Monopoly-welcome-1{
	position: relative;
	top:360px;
	left:25px;
}
#popOver-AR-Monopoly-welcome-2{
	position: relative;
	top:382px;
	left:408px;
}
#popOver-AR-Monopoly-welcome-3{
	position: relative;
	top:470px;
	left:428px;
}
#popOver-AR-Monopoly-welcome-4{
	position: relative;
	top:95px;
	left:540px;
}
.bluedot{
	display:block;
	background-color:rgba(79, 186, 255, 0.8);
	border-radius:10px;
	width:15px;
	height:15px;
	border:2px solid #4fbaff;
	-webkit-animation:rip 2s infinite;
	animation:rip 2s infinite;
/*	-webkit-animaiton-delay:3s;
	animation-delay:3s;*/
	-webkit-animaiton-timing-function:linear;
	animation-timing-function:linear;
}
.bluedot:hover{
	cursor:pointer;
}
@-webkit-keyframes rip{
	0%{
		box-shadow:0 0 0 0 rgba(79, 186, 255, 1);
	}
	11%{
		box-shadow:0 0 5px 5px rgba(79, 186, 255, 0.66);
	}
	22%{
		box-shadow:0 0 10px 10px rgba(79, 186, 255, 0.33);
	}
	33%{
		box-shadow:0 0 20px 20px rgba(79, 186, 255, 0);
	}
	/* Adding the time gap inbetween two loops */
	100%{
		box-shadow:0 0 20px 20px rgba(79, 186, 255, 0);
	}
}
@keyframes rip{
	0%{
		box-shadow:0 0 0 0 rgba(79, 186, 255, 1);
	}
	11%{
		box-shadow:0 0 5px 5px rgba(79, 186, 255, 0.66);
	}
	22%{
		box-shadow:0 0 10px 10px rgba(79, 186, 255, 0.33);
	}
	33%{
		box-shadow:0 0 20px 20px rgba(79, 186, 255, 0);
	}
	/* Adding the time gap inbetween two loops */
	100%{
		box-shadow:0 0 20px 20px rgba(79, 186, 255, 0);
	}
}

#AR-detail-MonopolyAR-video{
	background:url('../img/AR/img-monopoly-video-bg.jpg') fixed;
	background-size:cover;
	height:675px;
	position:relative;
	top:80px;
}
.MonopolyAR-video-bgTexture, .MonopolyAR-problem-bgTexture{
	background:url("../img/universal/BG-texture-black-1x1.png") repeat;
	width:100%;
	height:100%;
	padding:40px 0;
}
#AR-detail-MonopolyAR-problemStatement{
	background:url('../img/AR/img-monopoly-problem-bg.jpg') fixed no-repeat;
	background-size:cover;
	height:720px;
	position:relative;
	top:80px;
}
.AR-detail-MonopolyAR-problemTitle{
	margin-top:20px;
  	background:url("../img/universal/BG-texture-blackOrange-4x4.png") repeat;
  	display:inline-block;
  	color:#fff;
  	border-left:10px solid #c9332f;
}
.AR-detail-MonopolyAR-problemTitle-inner{
  	display:flex;
  	display:-webkit-flex;
  	background-color:rgba(238, 54, 61, 0.5);
 	padding-right:10px;
}
.AR-detail-MonopolyAR-problemTitle-inner img{
 	margin:10px;
 	width:30px;
 	height:30px;
}
.AR-detail-MonopolyAR-solutionTitle{
	margin-top:20px;
  	background:url("../img/universal/BG-texture-BlackOrange-4x4.png") repeat;
  	display:inline-block;
  	color:#fff;
  	border-left:10px solid #3b972e;
}
.AR-detail-MonopolyAR-solutionTitle-inner{
  	display:flex;
  	display:-webkit-flex;
  	background-color:rgba(83, 253, 47, 0.5);
 	padding-right:10px;
}
.AR-detail-MonopolyAR-solutionTitle-inner{
  	display:flex;
  	display:-webkit-flex;
  	background-color:rgba(83, 253, 47, 0.5);
 	padding-right:10px;
}
.AR-detail-MonopolyAR-solutionTitle-inner img{
 	margin:10px;
 	width:30px;
 	height:30px;
}
#AR-detail-MonopolyAR-sketch{
	background: url('../img/universal/BG-texture-Grid-10x10.png') #ededed;
	height:800px;
	position:relative;
	top:80px;
	padding:40px 0;
}
#AR-detail-MonopolyAR-3D-architectures{
	background:url('../img/AR/img-monopoly-3dArchitecture-bg.jpg') fixed;
	background-size:cover;
/*	height:1240px;*/ 
	height:690px;
	position:relative;
	top:80px;
	padding:40px;
}
.monopoly-maya-architectures{
	margin-top:20px;
	display:flex;
	display:-webkit-flex;
	height:620px;
}
.column-original-photos{
	z-index:1;
	display:flex;
	display:-webkit-flex;
	flex-direction:column;
	-webkit-flex-direction:column;
}
.column-maya-architectures{
	position: relative;
	left:76px;
	top:20px;
}
#photo-guggenheim{
	position: relative;
	top:-30px;
	left:120px;
	z-index:1;
}
#photo-glassHouse{
	position: relative;
	top:-80px;
	left:20px;
}
#photo-MC{
	position:relative;
	top:-80px;
	left:130px;
	z-index:1;
}
#photo-gaudi{
	position:relative;
	top:-120px;
}
#photo-philipJohnson{
	position:relative;
	top:-180px;
	left:100px;
	z-index:-1;
}
#AR-detail-MonopolyAR-3D-figures{
	background:url('../img/AR/img-monopoly-3dFigures-bg.jpg') fixed;
	background-size:cover;
	height:1000px;
	position:relative;
	top:80px;
	padding:40px;
}
#AR-detail-MonopolyAR-3D-figures-outcome{
	width:100%;

}
.figures_OutcomeDisplay{
	padding-left:20px;
	padding-right:0;
	display:flex;
	display:-webkit-flex;
	position: relative;
	top:-50px;
}
.foodie-3dUI-display{
	display:flex;
	display:-webkit-flex;
	position: relative;
	top:-30px;
}
.foodie-3dUI-display div{
	margin-right:20px;
}

.figures_OutcomeIntro{
	text-align: center;
}
.figures_OutcomeIntro p{
	opacity:0;
	background-color:rgba(0,0,0,0.7);
	padding:5px 10px;
	color:#fff;
	position:relative;
	top:250px;
	display:inline-block;
	font-style: italic;
	font-size:0.9em;
}
.figures_OutcomeIntro:hover p{
	opacity: 1;
}
#AR-detail-MonopolyAR-3D-printing{
	background-color:#08243f;
	height:950px;
	position: relative;
	top:80px;
	padding:40px 0;
}
.printing3D-intro{
	margin-top:30px;
	margin-bottom:10px;
}
.printing3D-album{
	padding:0;
	margin:0;
	margin-top:20px;
	display:flex;
	display:-webkit-flex;
}
.printing3D-album-intro{
	border:1px solid #a7a7a7;
	margin-right:20px;
	width:180px;
	height:135px;
	box-sizing:content-box;
}
.printing3D-album-intro p{
	opacity: 0;
	position: relative;
	top:-50px;
	color:#fff;
	width:180px;
	height: 50px;
	background-color:rgba(0,0,0,0.7);
	padding:5px 10px;
	font-size:0.9em;
	border-left:5px solid #0d9fff;
	z-index: 1;
}
.printing3D-album-intro:hover p{
	opacity: 1;
}
.printing3D-album-intro:hover{
	border:1px solid #0d9fff;
}

#AR-detail-MonopolyAR-graphic{
	background:url('../img/home/img-home-welcomeBG.jpg') fixed;
	height:1720px;
	top:80px;
	position:relative;
	padding:40px 0;
}
#AR-detail-MonopolyAR-AR-intro{
	background:url('../img/home/img-home-welcomeBG.jpg') fixed;
	height:800px;
	top:80px;
	position:relative;
	padding:40px 0;
}
.monopoly-AR-intro{
	display:flex;
	display:-webkit-flex;
	margin-top:20px;
}
.monopoly-AR-intro img{
	margin-right:15px;
}
.monopoly-gameboard{
	width:595px;
	height:595px;
}
.monopoly-gameboard-details img:nth-child(1){
	float: right;
}
.monopoly-gameboard-details img:nth-child(2){
	position:relative;
	top:-20px;
	left:20px;
}
.monopoly-gameboard-details img:nth-child(3){
	position:relative;
	top:-50px;
	float: right;
}
.monopoly-box{
	width:297px;
	height:297px;
	margin-top:40px;
}
.monopoly-assetCards-details{
	margin-top:0px;
	display:flex;
	display:-webkit-flex;
}
.monopoly-assetCards-details img:nth-child(1){
	z-index:2;
}
.monopoly-assetCards-details img:nth-child(2){
	left:-60px;
	top:40px;
	position:relative;
	z-index:1;
}
.monopoly-assetCards-details img:nth-child(3){
	left:-130px;
	position: relative;
	z-index:0;
	top:-30px;
}
.monopoly-assetCards-details img:nth-child(4){
	left:-190px;
	position: relative;
	z-index:0;
	top:20px;
}
#AR-detail-MonopolyAR-final{
	/*background:url('../img/home/img-home-welcomeBG.jpg') fixed;*/
	height:650px;
	top:80px;
	position:relative;
	padding:40px 0;
}

/* Works Preview Her AR Section */
.section-mini{
	width:100%;
	max-width: 1024px;
	padding:0;
	display:inline-block;
	margin-bottom:20px;
}

#AR-preview-herAR{
	/*background:url("../img/home/img-home-welcomeBG.jpg") fixed;*/
	background:url('../img/universal/BG-texture-lightGrey-4x4.png');
	height:640px;
	position:relative;
	top:80px;
	padding:80px 90px;
}
#AR-detail-exMachina-welcome{
	background:url('../img/AR/img-exMachina-welcome-bg.jpg') center;
	height:660px;
	position:relative;
	top:80px;
	padding:80px 90px;
}
.AR-detail-exMachina-welcome-text{
	padding:10px 15px; 
	border-radius:3px; 
	color:#fff; 
	background-color:rgba(0,0,0,0.6);
}
#AR-detail-exmachina-video{
	background:url('../img/AR/img-exMachina-video-bg2.jpg') fixed center;
	background-size:cover;
	height:675px;
	position:relative;
	top:80px;
}
#AR-detail-exMachina-problemStatement{
	background:url('../img/AR/img-exMachina-problem-bg.jpg') fixed;
	background-size:cover;
	height:850px;
	position:relative;
	top:80px;
}
.exMachina-problem-banner{
	padding:5px 10px;
	display:inline-block;
	background-color:rgba(0,0,0,0.6);
	font-size:1.4em;
	font-weight: 100;
	color:#e2e2e2;
}
.exMachina-problem-banner span{
	font-weight: 400;
	color:#fff;
}
.exMachina-problem-banner:nth-of-type(2){
	position: absolute;
	top:25px;
	left:200px;
	z-index:1;
}
.exMachina-problem-banner:nth-of-type(3){
	float:right;
	top:5px;
	position: relative;
}
.exMachina-problem-banner:nth-of-type(4){
	top:50px;
	left:50px;
	position: absolute;
}
.exMachina-problem-banner:nth-of-type(5){
	top:80px;
	left:250px;
	position: absolute;
}
#AR-detail-exMachina-solutionStatement{
	background:url("../img/home/img-home-welcomeBG.jpg") fixed;
	height:640px;
	position:relative;
	top:80px;
	padding:40px 0;
}
#AR-detail-exMachina-3D-modeling{
	background:url('../img/AR/img-exMachina-3Dmodel-bg.jpg') fixed;
	height:700px;
	position:relative;
	top:80px;
	padding:40px 0;
	border-bottom:1px dashed #666;
}
#AR-detail-exMachina-3D-texturing{
	background:url('../img/AR/img-exMachina-3Dmodel-bg.jpg') fixed;
	height:880px;
	position:relative;
	top:80px;
	padding:40px 0;
}

/* AR Data Visualization */
#AR-preview-dataViz{
	background-color:#ffffff;
	height:540px;
	position:relative;
	top:80px;
	padding:80px 90px;
}
#AR-detail-dataViz-welcome{
	background:url('../img/AR/img-AR-data-welcome.jpg') center;
/*	background-size:cover;*/
	height:599px;
	position:relative;
	top:80px;
	padding:80px 90px;
}
#AR-detail-dataViz-video{
	background:url('../img/AR/img-AR-data-video-bg.jpg') fixed center;
	background-size:cover;
	height:630px;
	position:relative;
	top:80px;
}
#AR-detail-dataViz-problemStatement{
	background:url('../img/AR/img-AR-data-problem-bg.jpg') fixed;
	background-size:cover;
	height:900px;
	position:relative;
	top:80px;
}
#AR-detail-dataViz-solutionStatement{
	background:url("../img/home/img-home-welcomeBG.jpg") fixed;
	height:700px;
	position:relative;
	top:80px;
	padding:40px 0;
}
#AR-detail-dataViz-3D-modeling{
	background:url('../img/AR/img-AR-data-modeling-bg.jpg') fixed center no-repeat;
	background-size:cover;
	height:720px;
	position:relative;
	top:80px;
	padding:40px 0;
	border-bottom:1px dashed #666;
}
#AR-detail-dataViz-3D-UI{
	background:url('../img/AR/img-AR-data-modeling-bg.jpg') fixed center no-repeat;
	background-size:cover;
	height:720px;
	position:relative;
	top:80px;
	padding:40px 0;
	border-bottom:1px dashed #666;
}
#AR-detail-dataViz-AR-intro{
	background:url('../img/home/img-home-welcomeBG.jpg') fixed;
	height:840px;
	top:80px;
	position:relative;
	padding:40px 0;
}

/* UXUI DESIGN */
#UXUI-preview-autonomouspods{
	height:580px;
	position: relative;
	top:80px;
	padding:80px 90px;
}
/* Works Preview and Details - Port Authority */
#UXUI-preview-portAuthority{
	height:520px;
	position: relative;
	top:80px;
	padding:80px 90px;
	background: url('../img/universal/BG-texture-lightGrey-4x4.png');
}
#ui-detail-portAuthority-welcome{
	background: url('../img/universal/BG-texture-lightGrey-4x4.png');
	height:630px;
	position:relative;
	top:80px;
	padding:80px 90px;
}
#ui-detail-portAuthority-problemStatement{
	background:url(img-monopoly-problem-bg.jpg) fixed no-repeat;
	background-size:cover;
	height:830px;
	position:relative;
	top:80px;
}
#ux-detail-portAuthority-sketch{
	background: url('../img/universal/BG-texture-Grid-10x10.png') #ededed;
	height:780px;
	position:relative;
	top:80px;
	padding:40px 0;
}
#ui-detail-portAuthority-solutionStatement{
	background:url("../img/home/img-home-welcomeBG.jpg") fixed;
	height:740px;
	position:relative;
	top:80px;
	padding:40px 0;
}
#uxui-detail-portAuthority-final{
	/*background:url('../img/home/img-home-welcomeBG.jpg') fixed;*/
	height:1460px;
	top:80px;
	position:relative;
	padding:40px 0;
}

/* Works - UXUI - Data Visualization */
#UXUI-preview-dataVisualization{
	height:520px;
	position: relative;
	top:80px;
	padding:80px 90px;
	background: url('../img/universal/BG-texture-grey-9x9.png') fixed;
/*	background-color:#ffffff;*/
}
#UXUI-detail-dataVisualization-welcome{
	background: url('../img/universal/BG-texture-grey-9x9.png') fixed;
	height:690px;
	position:relative;
	top:80px;
	padding:80px 90px;
}
#UXUI-detail-dataVisualization-overview{
	/*background:url('../img/home/img-home-welcomeBG.jpg') fixed;*/
	height:800px;
	top:80px;
	position:relative;
	padding:40px 0;
}
#UXUI-detail-dataVisualization-widget{
	/*background:url('../img/home/img-home-welcomeBG.jpg') fixed;*/
	height:800px;
	top:80px;
	position:relative;
	padding:40px 0;
}
#UXUI-detail-dataVisualization-intro{
	background: url('../img/universal/BG-texture-lightGrey-4x4.png');
	height:1090px;
	position:relative;
	top:80px;
	padding:40px 0;
}
#UXUI-detail-dataVisualization-builder{
	background: url('../img/universal/BG-texture-grey-9x9.png') fixed;
	height:4540px;
	position:relative;
	top:80px;
	padding:40px 0;
}
#UXUI-detail-dataVisualization-canvas{
/*	background: url('../img/universal/BG-texture-grey-9x9.png') fixed;*/
	background-color:#fff;
	height:4060px;
	position:relative;
	top:80px;
	padding:40px 0;
}
#UXUI-detail-dataVisualization-filter{
	background: url('../img/universal/BG-texture-lightGrey-4x4.png') fixed;
/*	background-color:#fff;*/
	height:2500px;
	position:relative;
	top:80px;
	padding:40px 0;
}
#UXUI-detail-dataVisualization-sheetTab{
	background: url('../img/universal/BG-texture-grey-9x9.png') fixed;
/*	background-color:#fff;*/
	height:940px;
	position:relative;
	top:80px;
	padding:40px 0;
}
.dataViz-miniTitle-section{
	padding:0;
	border:1px solid #d6d6d6;
	background-color:#ffffff;
	box-shadow:0 0 2px rgba(167,167,167,0.5);
}
.dataViz-miniTitle-builder-title{
	padding:8px 0 5px 10px;
	font-size:1.2em;
	color:#1dcdfb;
	border-left:5px solid #1dcdfb;
}
.dataViz-miniTitle-builder-copy{
	padding:5px 10px 10px 18px;
	font-size:0.9em;
}
.dataViz-miniTitle-canvas-title{
	padding:8px 0 5px 10px;
	font-size:1.2em;
	color:#a468f0;
	border-left:5px solid #a468f0;
}
.dataViz-miniTitle-filter-title{
	padding:8px 0 5px 10px;
	font-size:1.2em;
	color:#4dd2c4;
	border-left:5px solid #4dd2c4;
}
.dataViz-miniTitle-sheetTab-title{
	padding:8px 0 5px 10px;
	font-size:1.2em;
	color:#fea1c5;
	border-left:5px solid #fea1c5;
}
.dataPre-miniTitle-createDataset-title{
	padding:8px 0 5px 10px;
	font-size:1.2em;
	color:#52bad6;
	border-left:5px solid #52bad6;
}
#UXUI-detail-dataVisualization-toolBar{
	background: url('../img/universal/BG-texture-Grid-20x20.png');
	height:690px;
	position:relative;
	top:80px;
	padding:40px 0;
}

/* Works - UXUI - Data Preparation */
#UXUI-preview-dataPreparation{
	height:540px;
	position: relative;
	top:80px;
	padding:80px 90px;
	background-color:#ffffff;
/*	-webkit-transition: height .1s linear;
	transition: height .1s linear;*/
}
#UXUI-detail-dataPreparation-welcome{
	background: url('../img/universal/BG-texture-lightGrey-4x4.png') fixed;
	height:710px;
	position:relative;
	top:80px;
	padding:80px 90px;
}
#UXUI-detail-dataPreparation-overview{
	background: url('../img/universal/BG-texture-grey-9x9.png') fixed;
	height:1170px;
	position:relative;
	top:80px;
	padding:40px 90px;
}
#UXUI-detail-dataPreparation-createDataset{
/*	background: url('../img/universal/BG-texture-Grid-10x10.png') #ededed fixed;*/
	background: url('../img/universal/BG-texture-Grid-lightGrey-10x10.png') fixed;
	height:1780px;
	position:relative;
	top:80px;
	padding:40px 90px;
}
#UXUI-detail-dataPreparation-transformDataset{
	background: url('../img/universal/BG-texture-grey-9x9.png') fixed;
	height:8630px;
	position:relative;
	top:80px;
	padding:40px 90px;
}
#UXUI-detail-dataPreparation-lensBuilder{
	background: url('../img/universal/BG-texture-diagonal-lightGrey-10x10.png') fixed;
	height:2295px;
	position:relative;
	top:80px;
	padding:40px 90px;
}

/* Works - UXUI - LinkWell */
#UXUI-detail-linkWell-welcome{
	background:url(../uxp/linkwellbg.jpg) fixed;
	/*background: url('../img/universal/BG-texture-grey-9x9.png') fixed;*/
	position:relative;
	top:80px;
	padding:80px 90px;
/*	overflow:auto;
	height:auto;*/
	height:620px;
}
#UXUI-detail-future-welcome{
	background:url(../uxp/futurebg.jpg) fixed;
	/*background: url('../img/universal/BG-texture-grey-9x9.png') fixed;*/
	position:relative;
	top:80px;
	padding:80px 90px;
/*	overflow:auto;
	height:auto;*/
	height:620px;}

#UXUI-detail-linkWell-video{
	background-color:#f5f5f5;
/*	background-size:cover;*/
	height:600px;
	position:relative;
	top:80px;
	padding:40px 90px;
}
#UXUI-detail-linkWell-problem{
	background:url(img-monopoly-problem-bg.jpg) fixed no-repeat;
	background-size:cover;
	height:780px;
	position:relative;
	top:80px;
}
#UXUI-detail-linkWell-research{
	/*background: url('../img/universal/BG-texture-diagonal-lightGrey-10x10.png') fixed;*/
	/*background: url('../img/universal/BG-texture-Grid-lightGrey-10x10.png') fixed;*/
	background-color:#fff;
	height:720px;
	position:relative;
	top:80px;
	padding:40px 90px;
}
#UXUI-detail-linkWell-concept{
	background: url(BG-texture-grey-9x9.png);
	height:1190px;
	top:80px;
	position:relative;
	padding:40px 0;
}
#UXUI-detail-linkWell-wireframing{
	/*background: url('../img/universal/BG-texture-chalkboard.jpg') fixed;*/
	background:url("../img/home/img-home-welcomeBG.jpg") fixed;
	height:1160px;
	top:80px;
	position:relative;
	padding:40px 0;
}
#UXUI-detail-linkWell-icon{
	background-color:#e5e5e5;	
	height:950px;
	top:80px;
	position:relative;
	padding:40px 0;
}
#UXUI-detail-linkWell-HDUI{
	background: url(BG-texture-Grid-lightGrey-10x10.png) fixed;
	background-color:#ffffff;	
	height:1700px;
	top:80px;
	position:relative;
	padding:40px 0;
}
#UXUI-detail-linkWell-IXDA{
	background-color:#e5e5e5;	
	height:300px;
	top:80px;
	position:relative;
	padding:40px 0;
}

/* Works - UXUI - body appreciation*/
#UXUI-detail-body-welcome{
	background:url(../uxp/bodybg.jpg)fixed;
	/*background: url('../img/universal/BG-texture-grey-9x9.png') fixed;*/
	position:relative;
	top:80px;
	padding:80px 90px;
/*	overflow:auto;
	height:auto;*/
	height:620px;
}
#UXUI-detail-linkWell-concept{
	background: url(BG-texture-grey-9x9.png);
	height:1180px;
	top:80px;
	position:relative;
	padding:40px 0;
}
#UXUI-detail-body-research{
	/*background: url('../img/universal/BG-texture-diagonal-lightGrey-10x10.png') fixed;*/
	/*background: url('../img/universal/BG-texture-Grid-lightGrey-10x10.png') fixed;*/
	background-color:#fff;
	height:780px;
	position:relative;
	top:80px;
	padding:40px 90px;
}
/* Works - UXUI - Autonomous Pods*/
#UXUI-detail-autonomousPods-welcome{
	background:url(../uxp/autonomous_podsbg.png) fixed;
	/*background: url('../img/universal/BG-texture-grey-9x9.png') fixed;*/
	position:relative;
	top:80px;
	padding:80px 90px;
/*	overflow:auto;
	height:auto;*/
	height:620px;
}
.blackbg{color:#fff; opacity:0.8;}

#UXUI-detail-autonomousPods-constrain{
	background-color:#fff;
	height:300px;
	position:relative;
	top:80px;
	padding:40px 90px;
}

#UXUI-preview-lexiang{
	height:680px;
	position: relative;
	top:80px;
	padding:80px 90px;
	background: url(BG-texture-grey-9x9.png) fixed;
}
/* Works Preview Section - UXUI */
#UXUI-preview-linkwell{
	height:580px;
	position: relative;
	top:80px;
	padding:80px 90px;
	background: url(BG-texture-grey-9x9.png) fixed;
}
#UXUI-preview-nearby{
	height:580px;
	position: relative;
	top:80px;
	padding:80px 90px;}

#UXUI-preview-ethnote{
	background-color:#ffffff;
	position:relative;
	top:80px;
	padding:40px 90px;
}
#UXUI-preview-ethnote2{
	background-color:#ffffff;
	height:680px;
	position:relative;
	top:80px;
	padding:20px 90px;
}
#UXUI-preview-edp{
	background: url('../img/universal/BG-texture-lightGrey-4x4.png');
	height:540px;
	position:relative;
	top:80px;
	padding:80px 90px;
}
#UXUI-preview-how{
	background: url('../img/universal/BG-texture-grey-9x9.png') fixed;
	height:540px;
	position:relative;
	top:80px;
	padding:80px 90px;
}
#UXUI-preview-homeMade{
	background-color:#ffffff;
	height:540px;
	position:relative;
	top:80px;
	padding:80px 90px;
}
#UXUI-preview-coupost{
	background: url('../img/universal/BG-texture-Grid-20x20.png') fixed;
	height:540px;
	position:relative;
	top:80px;
	padding:80px 90px;
}
/* Works Preview Section - Animations */
#animation-preview-taobaoLogo{
	background: url('../img/universal/BG-texture-lightGrey-4x4.png');
	height:540px;
	position:relative;
	top:80px;
	padding:80px 90px;
}
#animation-preview-supershop{
	background:url("../img/home/img-home-welcomeBG.jpg") fixed;
	height:540px;
	position:relative;
	top:80px;
	padding:80px 90px;
}
#animation-preview-mascot{
	background-color:#ffffff;
	height:540px;
	position:relative;
	top:80px;
	padding:80px 90px;
}
#animation-preview-faceOff{
	background: url('../img/universal/BG-texture-lightGrey-4x4.png');
	height:540px;
	position:relative;
	top:80px;
	padding:80px 90px;
}
#animation-preview-hellyJoTravel{
	background:url("../img/home/img-home-welcomeBG.jpg") fixed;
	height:540px;
	position:relative;
	top:80px;
	padding:80px 90px;
}
#animation-preview-taoFigure{
	background-color:#ffffff;
	height:540px;
	position:relative;
	top:80px;
	padding:80px 90px;
}
#animation-preview-hellyJoHome{
	background: url('../img/universal/BG-texture-lightGrey-4x4.png');
	height:540px;
	position:relative;
	top:80px;
	padding:80px 90px;
}
#animation-preview-myTaobao{
	background:url("../img/home/img-home-welcomeBG.jpg") fixed;
	height:540px;
	position:relative;
	top:80px;
	padding:80px 90px;
}
/* Works Details - Foodie */
.nav-tabs{
	border-bottom:none;
}
.foodie-tabs>li>a{
	border-radius:0px;
	/*background-color:rgba(255,255,255,0.8);*/
	background-color:#dddddd;
	color:#000;
	border:none;
	/*border-top:5px solid #0d9fff;*/
	border-top:5px solid #dddddd;
	box-sizing:border-box;
	line-height:10px;
	padding-bottom:12px;
	margin-right:3px;
}
.foodie-tabs>li>a:hover, .foodie-tabs>li>a:active{
	border-top:5px solid rgba(213, 20, 28, 0.8);
	/*background-color:rgba(255,255,255,0.8);*/
	background-color:#fff;
}
.foodie-tabs>li.active>a, .foodie-tabs>li.active>a:hover,
.foodie-tabs>li.active>a:focus, .foodie-tabs>li.active>a:visited,
.foodie-tabs>li.active>a:active {
	border-radius:0px;
	background-color:rgba(0,0,0,.85);
	color:#fff;
	border:none;
	/*border-top:5px solid #0d9fff;*/
	/*border-top:5px solid rgba(213, 20, 28, 0.8);*/
	border-top:5px solid #c74608;
	box-sizing:border-box;
}
.tab-insight li a:hover, 
.tab-insight li.active a, 
.tab-insight li.active a:hover,
.tab-insight li.active a:focus{
	border-top:5px solid #61c442;
}
.tab-content-foodie{
	padding-top:20px;
	background-color:rgba(0,0,0,.75);
	height:450px;
	width:100%;
	position:relative;
	top:1px;
}

/* UI Component Library Tabs */
.library-tabs li a{
	background-color:#f5f5f5;
	border-style:none;
	margin-right:5px;
	border-radius:0;
}
.library-tabs li a:hover{
	background-color:#fff;
}
.library-tabs>li.active>a,
.library-tabs>li.active>a:focus,
.library-tabs>li.active>a:hover{
	border:none;
	margin-right:5px;
	z-index:1;
	background-color:#fff;
}
.library-tabs li.library-tab-buttons a{
	border-top:5px solid #0e97fb;
	color:#000;
}
.library-tabs li.library-tab-colors a{
	border-top:5px solid #6bcf00;
	color:#000;
}
.library-tabs li.library-tab-fonts a{
	border-top:5px solid #ffad00;
	color:#000;
}
.library-tabs li.library-tab-icons a{
	border-top:5px solid #ff0c8d;
	color:#000;
}
.library-tabs li.library-tab-buttons.active a,
.library-tabs li.library-tab-buttons a:hover,
.library-tabs li.library-tab-buttons a:active,
.library-tabs li.library-tab-buttons a:visited,
.library-tabs li.library-tab-buttons a:focus{
	border-top:5px solid #0e97fb;
	color:#0e97fb;
}
.library-tabs li.library-tab-colors.active a,
.library-tabs li.library-tab-colors a:hover,
.library-tabs li.library-tab-colors a:active,
.library-tabs li.library-tab-colors a:visited,
.library-tabs li.library-tab-colors a:focus{
	border-top:5px solid #6bcf00;
	color:#6bcf00;
}
.library-tabs li.library-tab-fonts.active a,
.library-tabs li.library-tab-fonts a:hover,
.library-tabs li.library-tab-fonts a:active,
.library-tabs li.library-tab-fonts a:visited,
.library-tabs li.library-tab-fonts a:focus{
	border-top:5px solid #ffad00;
	color:#ffad00;
}
.library-tabs li.library-tab-icons.active a,
.library-tabs li.library-tab-icons a:hover,
.library-tabs li.library-tab-icons a:active,
.library-tabs li.library-tab-icons a:visited,
.library-tabs li.library-tab-icons a:focus{
	border-top:5px solid #ff0c8d;
	color:#ff0c8d;
}

/* Foodie AR Preview and Details Section */
.sketchFab-foodie{
	background-color:none;
	border-top:none;
}

#AR-preview-foodie{
		background: url('../img/universal/BG-texture-grey-9x9.png') fixed;
	/*background:url('../img/universal/BG-texture-lightGrey-4x4.png');*/
	height:500px;
	position:relative;
	top:80px;
	padding:80px 90px;
}
#AR-detail-foodie-video{
	background:url('../img/AR/img-foodie-video-bg.jpg') fixed;
	background-size:cover;
	height:675px;
	position:relative;
	top:80px;
}
#AR-detail-foodie-welcome{
	background:url('../img/AR/img-foodie-welcomeBg.jpg') center;
	background-size:cover;
	height:630px;
	position:relative;
	top:80px;
	padding:80px 90px;
}
#AR-detail-foodie-problemStatement{
	background:url('../img/designThinking/img-BG-donNorman-1920x938.jpg') fixed no-repeat;
	background-size:cover;
	height:1350px;
	position:relative;
	top:80px;
}
#AR-detail-foodie-solutionStatement{
	background:url("../img/home/img-home-welcomeBG.jpg") fixed;
	height:680px;
	position:relative;
	top:80px;
	padding:40px 0;
}
#AR-detail-foodie-timeline{
/*	background-color:#08243f;*/
	background-color:#222222;
	height:700px;
	top:80px;
	padding:40px 0;
	position:relative;
}
#AR-detail-foodie-videoStoryboard{
	background-color:#08243f;
	height:1240px;
	top:80px;
	padding:40px 0;
	position:relative;
}
#AR-detail-foodie-insights{
	background-color:#08243f;
	height:1320px;
	top:80px;
	padding:40px 0;
	position:relative;
}
#AR-detail-foodie-finalReport{
	background:url('../img/home/img-home-welcomeBG.jpg') fixed;
	height:520px;
	top:80px;
	position:relative;
	padding:40px 0;
}
#foodie-report{
	text-align: center;
	display:flex;
	display:-webkit-flex;
}
#foodie-report div:first-child{
	margin-right:40px;
}
#AR-detail-foodie-AR-intro{
	background:url('../img/home/img-home-welcomeBG.jpg') fixed;
	height:1120px;
	top:80px;
	position:relative;
	padding:40px 0;
}
/* Works Details - UXUI - Iconography  */
#ui-detail-icon-welcome{
/*	background: url('../img/universal/BG-texture-lightGrey-4x4.png');*/
	background: url('../img/uxui/img-uxui-iconography-welcome-bg.jpg') fixed;
	height:538px;
	position:relative;
	top:80px;
	padding:80px 90px;
}
/* Works Details - UXUI - Library */
#ui-detail-library-welcome{
	background: url('../img/universal/BG-texture-lightGrey-4x4.png');
	height:670px;
	position:relative;
	top:80px;
	padding:80px 90px;
}
.library-welcome-img{
	position: relative;
	top:-30px;
}
.library-problem-bg{
	background-color:rgba(0,0,0,0.6);
	padding-top:20px;
	height:624px;
}
.library-problem-bg img{
	margin-top:20px;
}
#ui-detail-library-problemStatement{
	background:url('../img/AR/img-monopoly-problem-bg.jpg') fixed no-repeat;
	background-size:cover;
	height:870px;
	position:relative;
	top:80px;
}
#ui-detail-library-solutionStatement{
	background:url("../img/home/img-home-welcomeBG.jpg") fixed;
	height:850px;
	position:relative;
	top:80px;
	padding:40px 0;
}
#ui-detail-library-tabs{
	height:920px;
	background-color:#dadada;
	top:80px;
	padding:40px 0;
	position:relative;
}
.tab-content-library{
	background-color:#ffffff;
	box-shadow:0 0 3px rgba(123,123,123,0.75);
	height:700px;
	width:100%;
	z-index:0;
}
.library-table{
	width:100%;
}
#library-buttons.active,
#library-colors.active,
#library-fonts.active,
#library-icons.active{
	padding:40px;
}
.library-table tr td{
	padding:15px 0;
}
.library-table tr td:nth-of-type(3){
	width:35%;
}
.library-table tr td:nth-of-type(4){
	width:12%;
}
.library-table tr td:nth-of-type(5){
	width:20%;
}
.library-table th{
	padding:5px 0 10px 0;
}
.library-table tr:hover{
	background-color:#f5f5f5;
}
.library-table tr:first-child{
	background:none;
}
#ui-library-widget{
	/*background:url('../img/home/img-home-welcomeBG.jpg') fixed;*/
	height:650px;
	top:80px;
	position:relative;
	padding:40px 0;
}

/* Works Details - JIRO */
#AR-preview-jiro{
/*	background:url("../img/home/img-home-welcomeBG.jpg") fixed;*/
	background:url('../img/universal/BG-texture-Grid-lightGrey-10x10.png') fixed;
	height:560px;
	position:relative;
	top:80px;
	padding:80px 90px;
}
#AR-detail-jiro-welcome{
	background:url('../img/AR/img-jiro-welcome-bg.jpg') center;
	height:650px;
	position:relative;
	top:80px;
	padding:80px 90px;
}
#AR-detail-jiro-video{
	background:url('../img/AR/img-jiro-video-bg.jpg') fixed;
	background-size:cover;
	height:675px;
	position:relative;
	top:80px;
}
#AR-detail-Jiro-problemStatement{
	background:url('../img/designThinking/img-BG-donNorman-1920x938.jpg') fixed no-repeat;
	background-size:cover;
	height:950px;
	position:relative;
	top:80px;
}
#AR-detail-Jiro-problemStatement2{
	background:url('../img/AR/img-jiro-GlassHouse-BG.jpg') fixed no-repeat;
	background-size:cover;
	height:830px;
	position:relative;
	top:80px;
/*	padding-top:40px;*/
}
.jiroAR-problem2-bgTexture{
	background:url('../img/universal/BG-texture-Black-4x4.png');
	width:100%;
	height:100%;
	padding:40px 0;
}
.AR-detail-jiro-solutionTitle{
	margin-top:20px;
  	background:url("../img/universal/BG-texture-greenOrange-4x4.png") repeat;
  	display:inline-block;
  	color:#fff;
  	border-left:10px solid #3b972e;
}
.AR-detail-jiro-solutionTitle-inner{
  	display:flex;
  	display:-webkit-flex;
  	background-color:rgba(78, 164, 48, 0.7);
 	padding-right:10px;
}
.AR-detail-jiro-solutionTitle-inner img{
 	margin:10px;
 	width:30px;
 	height:30px;
}
#AR-detail-jiro-3D-architecture-modeling{
	background:url('../img/AR/img-monopoly-3dArchitecture-bg.jpg') fixed;
	height:680px;
	position:relative;
	top:80px;
	padding:40px 0;
}
#AR-detail-jiro-3D-figures{
	background:url('../img/AR/img-monopoly-3dFigures-bg.jpg') fixed;
	height:1030px;
	position:relative;
	top:80px;
	padding:40px;
}
#AR-detail-jiro-3D-properties{
	background-color:#08243f;
	height:480px;
	top:80px;
	padding:40px 0;
	position:relative;
}
#AR-detail-jiro-AR-intro{
	background:url('../img/home/img-home-welcomeBG.jpg') fixed;
	height:800px;
	top:80px;
	position:relative;
	padding:40px 0;
}

#AR-detail-jiro-final{
	/*background:url('../img/home/img-home-welcomeBG.jpg') fixed;*/
	height:650px;
	top:80px;
	position:relative;
	padding:40px 0;
}

#AR-detail-jiro-sketchFab{
	background:url('../img/AR/img-monopoly-3dArchitecture-bg.jpg') fixed;
	position:relative;
	top:80px;
	padding:40px 0;
	height:650px;
}


/* Static Image Slides Up Animation */
.slideanim {
	visibility:hidden;
}
.slides {
      animation-name: slide;
      -webkit-animation-name: slide;	
      animation-duration: 1s;	
      -webkit-animation-duration: 1s;
      visibility: visible;			
  }
  @keyframes slide {
    0% {
      opacity: 0;
      -webkit-transform: translateY(70%);
      /* 70% is the vertical height the object travels, 
      it travels farther on bigger number */
    } 
    100% {
      opacity: 1;
      -webkit-transform: translateY(0%);
    }	
  }
  @-webkit-keyframes slide {
    0% {
      opacity: 0;
      -webkit-transform: translateY(70%);
    } 
    100% {
      opacity: 1;
      -webkit-transform: translateY(0%);
    }
  }

/* Works Preview Visual Storytelling - Infographic Section */
#VisualStorytelling_preview_infographics{
	background:url("../img/home/img-home-welcomeBG.jpg") fixed;
	position:relative;
	top:80px;
	padding:20px 0;
}
#VisualStorytelling_preview_illustration{
	background:url('../img/universal/BG-texture-lightGrey-4x4.png');
	position:relative;
	top:80px;
	padding:20px 0;
}
#VisualStorytelling_preview_Tshirt{
	background:url('../img/universal/BG-texture-lightGrey-4x4.png');
	position:relative;
	top:80px;
	padding:20px 0;
}
#VisualStorytelling_preview_storyboard{
	background:url("../img/home/img-home-welcomeBG.jpg") fixed;
	position:relative;
	top:80px;
	padding:20px 0;
}
.Row_VisualStory{
	margin-bottom:20px;
}
.Row_VisualStory img{
	border:1px dashed #a7a7a7;
}

/* Works Section - Universal Carousel CSS - (DIFFERENT from Home Page) */
.carousel-inner img{
	margin:auto;
}
.carousel-indicators{
	position:absolute;
	top:450px;
}
.carousel-indicators-higher3{
	position:absolute;
	top:440px;
}
.carousel-indicators-higher{
	position:absolute;
	top:480px;
}
.carousel-indicators-higher4{
	position:absolute;
	top:520px;
}
.carousel-indicators-higher2{
	position:absolute;
	top:620px;
}
.carousel-indicators li, .carousel-indicators li.active{
	border:2px solid #72caff;
	width:13px;
	height:13px;
	margin-right:5px;
}
.carousel-indicators li.active, .carousel-indicators li.active:hover{
	position:relative;
	top:-1px;
	background-color:#e44970;
	border:2px solid #e44970;
}
.carousel-indicators li:hover{
	background-color:#a5ddff;
}
.carousel-control{
	width:5%;
}
.left.carousel-control, .right.carousel-control{
	background:none;
}
.carousel-control, .carousel-control:visited, .carousel-control:focus, .carousel-control:active{
	color:#cfcfcf;
	text-shadow:none;
	opacity:1;
}
.carousel-control:hover{
	color:#72caff;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right{
	transform: scale(0.8, 0.8);
	-webkit-transform: scale (0.8, 0.8);
	-ms-transform: scale(0.8, 0.8);
}


/* Buttons Section */
.btn-worksPreview{
	min-width:150px;
	height:32px;
}
.btn-explore{
	width:150px;
	height: 32px;
}
.btn-explore a:hover span{
	display:none;
}
.btn-explore a:hover:after{
	content:"Let\'s Rock!";
}

/* PopOver Customized HTML */
.popover{
	border:none;
	border-radius:0px;
	box-shadow:0 1px 3px rgba(0, 0, 0, 0.4);
	box-shadow:none;
	background-color:transparent;
}
.arrow{
	visibility: hidden;
}
.popOverAvatar-jo{
	position:absolute;
	top:0;
	left:0;
	width:50px;
	height:50px;
	background:url("../img/home/img-Avatar-Jo1.jpg") no-repeat;
	border-left:5px solid #0d9fff;
}
.popOver-content{
	background-color:rgba(0,0,0,0.8);
	border-top:1px solid #0d9fff;
	display:inline-block;
	height:50px;
	position:relative;
	top:-10px;
	left:35px;
	color:#fff !important;
	font-size:0.9em;
	font-weight:200;
	padding:6px 8px;
}
.popOver-content-wide{
	min-width: 300px;
}
.solution-statement-sub{
	margin:0 0 10px 50px;
	font-size:18px;
	font-weight:100;
}

/* Vertical Navigation Placeholder Locators */
#locator-vs-roof, #locator-vs-illustration, #locator-vs-storyboard, #locator-vs-TShirt{
	position: relative;
	top:0;
}

/* Persona Section CSS setting */
.persona-section{
	margin-top:20px;
	display:flex;
	display:-webkit-flex;
}
.persona-badge{
	display:flex;
	display:-webkit-flex;
	flex-direction:column;
	-webkit-flex-direction:column;
	text-align: center;
	width:55px;
	padding-left:5px;
}
.persona30{
	width:30px;
	height:30px;
	margin-bottom:5px;
	margin-left:10px;
}
.persona-badge p{
	font-size:0.9em;
	font-weight: 200;
	width:50px;
	line-height:14px;
	color:#666666;
	padding-left:0px;
}
.persona-badge p.darkBG-text{
	color:#ffffff;
}