@charset "UTF-8";

body, body * {
	border: 0;
	outline: 0;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
*, *:before, *:after {
	box-sizing: inherit;
}
div,
svg {
	width: 300px;
	height: 600px;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 0;
	visibility: hidden;
	display: block;
}
.svgImg {
	height: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	position: absolute;
	z-index: 0;
	visibility: hidden;
	margin: 0 auto;
	display: block;
}

#container {
	overflow: hidden;
	background-color: #474849;
	visibility: visible;
}

#greyFill,
#overlay {
	background-color: #474849;
}
#greyFill { visibility: visible; }

.st0 { fill: #fff; }

#mainLockup {
	height: 345px;
	top: 132px;
	visibility: visible;
}
#mainLockup .intro { visibility: hidden; }
#divider {
	width: 179px;
	height: 2px;
	top: 218px;
	stroke: #fff;
	stroke-width: 2;
}
.bar {
	width: 50px;
	height: 100%;
}
#f1A,
#f1B,
#letterA {
	fill: #fe87a3;
}
#f1C,
#f1D,
#letterB {
	fill: #f4c3cb;
}
#f1E,
#f1F,
#letterC {
	fill: #ccbfd9;
}
#f1G,
#f1H,
#letterD {
	fill: #6e8db0;
}
#f1I,
#f1J,
#letterE {
	fill: #88c6bc;
}
#pantoneBlockBlue { visibility: visible; }
#barA { fill: #f87c97; }
#barB { fill: #f9cccc; }
#barC { fill: #ccbfd9; }
#barD { fill: #75a2bb; }
#barE { fill: #6988a7; }
#barF { fill: #78c0b8; }

.headline {
	clip: rect(100px,300px,0px,0px);
	visibility: visible;
}

.product {
	position: absolute;
	width: 300px;
	height: 600px;
	visibility: hidden;
}
#productA,
#productB {
	clip: rect(0px,300px,600px,300px);
	visibility: visible;
}

.productAlt {
	position: absolute;
	width: 300px;
	height: auto;
	top: 228px;
	visibility: hidden;
}

#ctaBlock {
    width: 148px;
	height: 47px;
	top: 527px;
	fill: white;
}
#ctaTxt {
	height: 12px;
	top: 544px;
}
#ctaTxtInner { fill: #f27993; }

#border {
    width: 100%;
    height: 100%;
	fill: white;
    stroke: #63656a;
    stroke-width: 1px;
    fill-opacity: 0.0;
    stroke-opacity: 1.0;
	visibility: visible;
}
#mainExit {
	cursor: pointer;
	background-color: rgba(255,255,255,0);
	visibility: visible;
	z-index: 200;
}