/* Global Styles */
body, body * {
	border: 0;
	outline: 0;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
*, *:before, *:after {
	box-sizing: inherit;
}

/* Banner Styles */
div,
svg,
img {
	width: 300px;
	height: 600px;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 0;
}

#container {
	background-color: #fff;
	overflow: hidden;
}

#introLogo,
#logoTxt,
#footerLogo,
.wFill {
	visibility: hidden;
}
.wFill { fill: #fff; }
.bFill { fill: #000; }
#wOverlay { background-color: #fff; }

#blueWall { width: 426px; }
#orangeWrapperA,
#orangeWrapperB {
	width: 900px;
	left: 300px;
}
#orangeWall {
	width: 900px;
	left: 300px;
}
#orangeBlockBack,
#orangeBlockFront {
	width: 900px;
}
#modelA {
	width: 551px;
	height: 908px;
	top: -80px;
}
#productA {
	width: 255px;
	height: 198px;
	top: -4px;
	left: 320px;
}
#productAdetails { width: 300px; }
#productB {
	width: 255px;
	height: 206px;
	top: 270px;
	left: 306px;
}
#yellowWall {
	width: 530px;
	left: 300px;
}
#modelB {
	width: 475px;
	height: 628px;
	top: -6px;
	left: 300px;
}
#blueWallAlt {
	width: 426px;
	left: 300px;
}
#modelC {
	width: 297px;
	height: 608px;
	top: -3px;
	left: 300px;
}

#border {
    width: 100%;
    height: 100%;
	fill: white;
    stroke: #cccccc;
    stroke-width: 1px;
    fill-opacity: 0.0;
	stroke-opacity: 1.0;
}

#mainExit {
	cursor: pointer;
	background-color: rgba(255,255,255,0);
}
#productExits,
.exit {
	cursor: pointer;
	visibility: visible;
	background-color: rgba(255,255,255,0);
}
#productExits { left: 300px; }
#productExitB { left: 300px; }
#productExitC { left: 600px; }


/* Content Slider */
#sliderFunc {
	width: 185px;
	height: 50px;
	top: 444px;
	left: 300px;
}
.noUi-target,
.noUi-target * {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-ms-touch-action: none;
		touch-action: none;
	-ms-user-select: none;
	-moz-user-select: none;
		user-select: none;
}
.noUi-target {
	position: relative;
	direction: ltr;
}
.noUi-base {
	width: 158px;
	height: 50px;
	position: relative;
	z-index: 1; /* Fix 401 */
	visibility: visible;
}
.noUi-origin {
	width: 178px;
	position: absolute;
	right: 0;
	top: 0;
	left: 0;
	bottom: 0;
	height: 50px;
	visibility: visible;
}
.noUi-handle {
	/* border: 1px solid #F90004; */
	width: 40px;
    height: 40px;
	cursor: pointer;
	top: 4px;
    left: -9px;
	position: relative;
	z-index: 1;
	visibility: visible;
	background-image: url(drag-handle.svg);
	background-size: 31px 31px;
	background-repeat: no-repeat;
	background-position: center center;
}
.noUi-stacking .noUi-handle { z-index: 10; }
.noUi-state-drag * { cursor: inherit !important; }
.noUi-base,
.noUi-handle {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.noUi-draggable { cursor: w-resize; }