/*
YUI 3.17.2 (build 9c3c78e)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

html {
	font-family: "source-sans-pro", sans-serif;
	font-size: 16px;
	line-height: 1.25;
	background: #eef1f3;
	color: #6E8F99;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-text-size-adjust: none;
}

/* - - - - - - - - TYPE - - - - - - - - */

/* Extra light 48px */

.splash h2,
.twin-boxes .value,
.summary-figure .value,
.score-box .score,
.users-percent {
	font-size: 3em;
	font-weight: 200;
}
.usage-box .value,
.spend-box .value,
.spend-list .value {
	font-size: 2em;
	font-weight: 200;
}

.ra-status {
	font-size: 1.625em;
	font-weight: 300;
}

/* 18px */

.splash p {
	font-size: 1.125em;
}

input[type="text"] {
	font-size: 1.5em;
	font-weight: 300;
}
.begin,
.btn,
.location-edit a  {
	text-transform: uppercase;
	letter-spacing: .1em;
}

/* - - - - - - - - SMALL CAPS - - - - - - - - */

@font-face {
	font-family: "Source Sans Pro SC Light";
	font-style: normal;
	font-weight: normal;
	src: url("fonts/sourcesanspro-light-sc.eot");
	src: url("fonts/sourcesanspro-light-sc.eot?#iefix") format("embedded-opentype"),
	url("fonts/sourcesanspro-light-sc.woff") format("woff"),
	url("fonts/sourcesanspro-light-sc.ttf") format("truetype");
}
@font-face {
	font-family: "Source Sans Pro SC";
	font-style: normal;
	font-weight: normal;
	src: url("fonts/sourcesanspro-regular-sc.eot");
	src: url("fonts/sourcesanspro-regular-sc.eot?#iefix") format("embedded-opentype"),
	url("fonts/sourcesanspro-regular-sc.woff") format("woff"),
	url("fonts/sourcesanspro-regular-sc.ttf") format("truetype");
}
@font-face {
	font-family: "Source Sans Pro SC Black";
	font-style: normal;
	font-weight: normal;
	src: url("fonts/sourcesanspro-semibold-sc.eot");
	src: url("fonts/sourcesanspro-semibold-sc.eot?#iefix") format("embedded-opentype"),
	url("fonts/sourcesanspro-semibold-sc.woff") format("woff"),
	url("fonts/sourcesanspro-semibold-sc.ttf") format("truetype");
}

.begin {
	font-family: "Source Sans Pro SC Light", "Trebuchet MS", sans-serif;
}
.btn,
.location-edit a,
.location-header h2,
.summary-figure .label,
.twin-boxes .box .label,
.border-box .label,
.region-append,
.age-gender-append,
.box-split,
.dm-value-slider,
.comparison-graph .labels,
.splash-skip,
.ra-unadjusted .label-box,
.ra-adjusted .label-box,
.score-box .value,
.summary-bars,
.sidebar {
	font-family: "Source Sans Pro SC", "Trebuchet MS", sans-serif;
}
.box-split,
h4 {
	font-family: "Source Sans Pro SC Black", "Trebuchet MS", sans-serif;
}
.region-append span,
.age-gender-append span,
.btn--next {
	font-family: "source-sans-pro", sans-serif;
}

.box-split,
.ra-unadjusted .label-box,
.ra-adjusted .label-box,
.comparison-graph .labels,
.score-box .value,
.summary-bars,
.sidebar {
	text-transform: uppercase;
	letter-spacing: .1em;
}

/* - - - - - - - - GRADIENTS - - - - - - - - */

.page.bg-radial,
.calculating,
.thanks-header {
	background: #04151a;
	background: -webkit-radial-gradient(circle, #082a33 0%, #04151a 100%);
	background: -moz-radial-gradient(circle, #082a33 0%, #04151a 100%);
	background: -ms-radial-gradient(circle, #082a33 0%, #04151a 100%);
	background: -o-radial-gradient(circle, #082a33 0%, #04151a 100%);
	background: radial-gradient(circle, #082a33 0%, #04151a 100%);
}

/* - - - - - - - - GENERIC - - - - - - - - */

h2 {
	font-size: 1.125em;
}
h4 {
	text-transform: uppercase;
	letter-spacing: .15em;
	margin: 1.2em 0 1.8em
}
p {
	margin: 1em 0;
}
img {
	max-width: 100%;
}
hr {
	display: block;
	clear: both;
	border: none;
	border-top: 1px solid #DCE3E6;
}
.bg-radial hr {
	border-color: #0B3946;
}
input[type="text"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	width: 100%;
	margin: 0;
	padding: 7px 12px;
	border: 1px solid #07262F;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	outline: none;
	text-align: center;
	-webkit-transition: border-color .125s linear;
	-moz-transition: border-color .125s linear;
	-o-transition: border-color .125s linear;
	transition: border-color .125s linear;
}
input[type="text"]:hover {
	border-color: #12C4A4;
}
.page {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 100%;
	background: #fff;
	/* overflow: auto; */
}
.splash {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	color: #fff;
	text-align: center;
}
.header {
	text-align: center;
	position: relative;
	padding: 8px 20px;
}
.footer {
	text-align: center;
	padding: 12px 20px;
}

.location-header .back,
.header .back,
.header .next {
	display: block;
	width: 40px;
	height: 40px;
	background: url(../img/header-nav.png) no-repeat;
	text-indent: -9999em;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}
.header .next {
	background-position: -40px 0;
	left: auto;
	right: 0;
}
.location-header .back,
.bg-radial .header .back,
.thanks-header .back {
	background-position: 0 -80px;
}
.bg-radial .header .next {
	background-position: -40px -80px;
}
.bg-radial .header .back:hover,
.thanks-header .back:hover {
	background-position: 0 -40px;
}
.bg-radial .header .next:hover {
	background-position: -40px -40px;
}
.splash .header .back {
	background-position: 0 -80px;
}
.splash .header .back:hover {
	background-position: 0 -40px;
}
.splash .header .next {
	background-position: -40px -80px;
}
.splash .header .next:hover {
	background-position: -40px -40px;
}

.band-inner {
	max-width: 580px;
	margin: 0 auto;
	padding: 0 20px;
}
.twin-boxes {
	overflow: hidden;
	margin: 0 -15px;
	color: #12C4A4;
}
.twin-boxes > div {
	width: 50%;
	float: left;
}
.twin-boxes .box {
	border: 1px solid #12C4A4;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	margin: 0 15px;
}
.twin-boxes .label-box {
	border-top: 1px solid #12C4A4;
}

.summary-figure {
	margin: 6px 0 28px;
}
.summary-figure .label {
	text-transform: uppercase;
	letter-spacing: .1em;
	display: inline-block;
	padding: 0 20px 8px;
	border-bottom: 1px solid #12C4A4;
	position: relative;
}
.summary-figure .label:after {
	content: "";
	display: block;
	width: 1px;
	height: 70px;
	background: #12C4A4;
	position: absolute;
	bottom: -70px;
	left: 50%;
}
#demographics .twin-boxes,
#demographics .twin-boxes .box {
	position: relative;
}
#demographics .twin-boxes:before {
	content: "";
	display: block;
	width: 30px;
	height: 1px;
	background: #12C4A4;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -10px;
	margin-left: -15px;
}
#demographics .twin-boxes {
	padding-bottom: 16px;
}
#demographics .twin-boxes .box:after {
	content: "";
	display: block;
	width: 1px;
	height: 16px;
	background: #12C4A4;
	position: absolute;
	bottom: -17px;
	left: 50%;
}
#demographics .box .value,
.border-box .value,
.region-append span,
.age-gender-append span {
	font-size: 2em;
	font-weight: 300;
}
.region-append span,
.age-gender-append span {
	color: #12C4A4;
	vertical-align: middle;
}
.border-box {
	border: 1px solid #12C4A4;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	margin-bottom: 16px;
}
.region-append,
.age-gender-append {
	color: #fff;
	border: 1px solid #12C4A4;
	border-top: none;
	margin-top: -17px;
	margin-bottom: 16px;
	padding: 12px 0 10px;
	-webkit-border-bottom-left-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
}
.twin-boxes .box .label,
.border-box .label,
.region-append,
.age-gender-append {
	text-transform: uppercase;
	letter-spacing: .1em;
}
.region-append.hidden {
	position: absolute;
	top: -9999em;
	left: -9999em;
}

#usage {
	text-align: center;
	color: #fff;
}
#usage h2,
.users-percent,
.usage-box .value {
	color: #12C4A4;
}
.users-percent,
.usage-box .value {
	display: block;
}
.usage-box,
.spend-box,
.spend-list {
	border: 1px solid #12C4A4;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.box-split {
	color: #A3BAC0;
	margin: 12px;
	overflow: hidden;
}
.box-split span {
	display: inline-block;
	padding: 0 12px;
	position: relative;
}
.box-split span:before,
.box-split span:after {
	content: "";
	display: block;
	width: 280px;
	height: 1px;
	background: #0E4C5D;
	position: absolute;
	top: 50%;
	left: 100%;
}
.box-split span:after {
	left: auto;
	right: 100%;
}
.spend-box {
	max-width: 320px;
	margin: 1em auto 1.5em;
	text-align: left;
	overflow: hidden;
	position: relative;
}
.spend-box .label {
	margin: 14px 14px 12px;
	float: left;
}
.spend-box .value,
.spend-list .value {
	color: #12C4A4;
	position: absolute;
	top: 50%;
	right: 14px;
	line-height: 1.1;
	margin-top: -.5em;
}
.spend-hidden {
	margin-top: 0;
	height: 0;
	visibility: hidden;
}
.spend-list {
	padding: 0 16px 8px;
}
.spend-row {
	text-align: left;
	padding: 8px 0;
	position: relative;
}

.spend-unknown .drug-results-spend,
.spend-unknown .lifetime-use-feedback-spend {
	position: absolute;
	top: -9999em;
	left: -9999em;
}

/* - - - - - - - - NO SELECT - - - - - - - - */

.dm-select,
.dm-toggle,
.dm-value-slider,
.dm-carousel {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* - - - - - - - - .begin - - - - - - - - */

.begin {
	position: absolute;
	top: 72%;
	left: 50%;
	margin: -56px 0 0 -56px;
	text-align: center;
	font-size: 1.5em;
	line-height: 1;
}
.begin span {
	display: block;
	text-indent: -9999em;
	width: 134px;
	height: 134px;
	-webkit-border-radius: 67px;
	border-radius: 67px;
	background: transparent;
	background: rgba(18, 196, 164, .35);
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -67px 0 0 -67px;
	-webkit-transition: -webkit-transform .25s ease, background-color .25s linear;
	-moz-transition: -moz-transform .25s ease, background-color .25s linear;
	-o-transition: -o-transform .25s ease, background-color .25s linear;
	transition: transform .25s ease, background-color .25s linear;
}
.begin.pop span {
	-webkit-transform: scale(1.25);
	background-color: rgba(18, 196, 164, 0);
}
.begin a {
	display: block;
	width: 112px;
	height: 112px;
	-webkit-border-radius: 56px;
	border-radius: 56px;
	background: #12C4A4;
	color: #fff;
	text-decoration: none;
	position: relative;
	z-index: 9;
	-webkit-transition: background-color .125s linear;
	-moz-transition: background-color .125s linear;
	-o-transition: background-color .125s linear;
	transition: background-color .125s linear;
}
.begin a:hover {
	background-color: #10AC90;
}
.begin q {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	margin-top: -.5em;
	letter-spacing: .15em;
	text-indent: .15em;
}

.begin--orange span {
	background: rgba(255, 106, 93, .35);
}
.begin--orange a {
	background: #FF6A5D;
}
.begin--orange a:hover {
	background-color: #DF5D51;
}

.begin--purple span {
	background: rgba(90, 50, 255, .35);
}
.begin--purple a {
	background: #5A32FF;
}
.begin--purple a:hover {
	background-color: #4426BF;
}

.lte9 .begin {
	margin: -67px 0 0 -67px;
}
.lte9 .begin a {
	width: 134px;
	height: 134px;
	background: url(../img/begin-ie.png) no-repeat center;
}
.lte9 .begin--orange a {
	background-image: url(../img/begin-ie--orange.png);
}
.lte9 .begin--purple a {
	background-image: url(../img/begin-ie--purple.png);
}

/* - - - - - - - - .btn - - - - - - - - */

.btn {
	font-size: 1.125em;
	display: block;
	max-width: 252px;
	margin: 14px auto;
	padding: 14px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: #5A32FF;
	color: #fff;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	-webkit-transition: background-color .125s linear;
	-moz-transition: background-color .125s linear;
	-o-transition: background-color .125s linear;
	transition: background-color .125s linear;
}
.btn:hover {
	background-color: #4426BF;
}
.btn--back,
.btn--next {
	-webkit-transition: border-color .125s linear;
	-moz-transition: border-color .125s linear;
	-o-transition: border-color .125s linear;
	transition: border-color .125s linear;
	position: relative;
}
.btn--back {
	padding-left: 50px;
	max-width: 214px;
	background: none;
	border: 1px solid #5A32FF;
}
.btn--back:hover {
	border-color: #4426BF;
	background: none;
}
.btn--back span {
	display: block;
	width: 18px;
	height: 11px;
	background: url(../img/button-back.png) no-repeat center;
	text-indent: -9999em;
	position: absolute;
	top: 50%;
	left: 16px;
	margin-top: -6px;
}
.btn--next {
	font-size: 0.875em;
	background: none;
	border: 1px solid #6E8F99;
	text-transform: none;
	letter-spacing: normal;
	text-align: left;
	padding-right: 30px;
	max-width: 236px;
}
.btn--next:hover {
	border-color: #447481;
	background: none;
}
.btn--next span {
	display: block;
	width: 7px;
	height: 12px;
	background: url(../img/button-next-arrow.png) no-repeat center;
	text-indent: -9999em;
	position: absolute;
	top: 50%;
	right: 14px;
	margin-top: -6px;
	-webkit-transition: right .5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-moz-transition: right .5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-o-transition: right .5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	transition: right .5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
.btn--next:hover span {
	right: 10px;
}
.btn--hollow {
	border: 1px solid #5A32FF;
	background: #fff;
	color: #5A32FF;
	-webkit-transition: all .125s linear;
	-moz-transition: all .125s linear;
	-o-transition: all .125s linear;
	transition: all .125s linear;
}
.btn--hollow:hover {
	border-color: #4426BF;
	color: #4426BF;
	background: #fff;
}
.btn--grey {
	background: none;
	border: 1px solid #A3BAC0;
	color: #A3BAC0 !important;
	-webkit-transition: border-color .125s linear, color .125s linear;
	-moz-transition: border-color .125s linear, color .125s linear;
	-o-transition: border-color .125s linear, color .125s linear;
	transition: border-color .125s linear, color .125s linear;
}
.btn--grey:hover {
	background: none;
	border-color: #7A8C90;
	color: #7A8C90 !important;
}

/* - - - - - - - - .dm-select - - - - - - - - */

.dm-select {
	background: #07262F;
	color: #fff;
	margin: 4px 0 24px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	position: relative;
	text-align: left;
	-webkit-transition: background-color .125s linear;
	-moz-transition: background-color .125s linear;
	-o-transition: background-color .125s linear;
	transition: background-color .125s linear;
}
.dm-select:hover,
.dm-select.open {
	background: #0E4C5D;
}
.dm-select .current-value {
	padding: 15px 36px 15px 14px;
	cursor: pointer;
	position: relative;
}
.dm-select .current-value:after {
	content: "";
	display: block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 8px solid #fff;
	position: absolute;
	top: 50%;
	right: 14px;
	margin-top: -3px;
	-webkit-transform-origin: center 3px;
	-moz-transform-origin: center 3px;
	-o-transform-origin: center 3px;
	transform-origin: center 3px;
	-webkit-transition: -webkit-transform .5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-moz-transition: -moz-transform .5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-o-transition: -o-transform .5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	transition: transform .5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
.dm-select.open .current-value:after {
	-webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
	-o-transform: rotateX(180deg);
	transform: rotateX(180deg);
}
.dm-select ul {
	position: absolute;
	z-index: 99;
	top: -9999em;
	left: -9999em;
	width: 100%;
	background: #0E4C5D;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin: 10px 0 20px;
	padding: 8px 0;
	opacity: 0;
	-webkit-transition: opacity .125s linear;
}
.dm-select ul:before {
	content: "";
	display: block;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 10px solid #0E4C5D;
	position: absolute;
	bottom: 100%;
	right: 12px;
}
.dm-select.open ul {
	top: 100%;
	left: 0;
	opacity: 1;
}
.dm-select li {
	padding: 10px 14px;
	cursor: pointer;
	-webkit-transition: background-color .125s linear;
	-moz-transition: background-color .125s linear;
	-o-transition: background-color .125s linear;
	transition: background-color .125s linear;
}
.dm-select li:hover {
	background: #12C4A4;
}

/* - - - - - - - - .dm-toggle - - - - - - - - */

.dm-toggle {
	width: 70px;
	height: 30px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	background: #CAD6DA;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	line-height: 1;
	-webkit-transition: background-color .125s linear;
	-moz-transition: background-color .125s linear;
	-o-transition: background-color .125s linear;
	transition: background-color .125s linear;
}
.dm-toggle:hover {
	background: #ABC1C6;
}
.dm-toggle span {
	display: block;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 3px;
	left: 3px;
	-webkit-transition: left .25s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-moz-transition: left .25s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-o-transition: left .25s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	transition: left .25s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
.dm-toggle q {
	position: absolute;
	top: 4px;
}
.dm-toggle .yn-y {
	right: 100%;
	margin-right: 8px;
	color: #fff;
}
.dm-toggle .yn-n {
	left: 100%;
	margin-left: 10px;
	color: #6E8F99;
}
.dm-toggle:hover .yn-n {
	color: #427481;
}
.dm-toggle b {
	display: block;
	width: 24px;
	height: 24px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -9999em;
}
.dm-toggle.on {
	background-color: #FF6A5D;
}
.dm-toggle.on:hover {
	background-color: #DF5D51;
}
.dm-toggle.on span {
	left: 43px;
}
.dm-toggle--green.on {
	background-color: #12C4A4;
}
.dm-toggle--green.on:hover {
	background-color: #10AC90;
}

/* - - - - - - - - .dm-value-slider - - - - - - - - */

.dm-value-slider {
	position: relative;
	text-align: center;
	height: 60px;
	padding: 4px 0;
	font-size: 0.875em;
	cursor: default;
}
.dm-value-slider .rail {
	position: absolute;
	top: 10px;
	height: 12px;
	background: #CAD6DA;
}
.dm-value-slider .handle {
	position: absolute;
	top: 0;
}
.dm-value-slider.val-2 .rail,
.dm-value-slider.val-2 .handle {
	left: 25%;
	right: 25%;
}
.dm-value-slider.val-3 .rail,
.dm-value-slider.val-3 .handle {
	left: 16.66666666666667%;
	right: 16.66666666666667%;
}
.dm-value-slider.val-4 .rail,
.dm-value-slider.val-4 .handle {
	left: 12.5%;
	right: 12.5%;
}
.dm-value-slider.val-5 .rail,
.dm-value-slider.val-5 .handle {
	left: 10%;
	right: 10%;
}
.dm-value-slider.val-6 .rail,
.dm-value-slider.val-6 .handle {
	left: 8.33333333333334%;
	right: 8.33333333333334%;
}
.dm-value-slider.val-7 .rail,
.dm-value-slider.val-7 .handle {
	left: 7.14285714285715%;
	right: 7.14285714285715%;
}
.dm-value-slider.val-8 .rail,
.dm-value-slider.val-8 .handle {
	left: 6.25%;
	right: 6.25%;
}
.dm-value-slider.val-9 .rail,
.dm-value-slider.val-9 .handle {
	left: 5.55555555555556%;
	right: 5.55555555555556%;
}
.dm-value-slider.val-10 .rail,
.dm-value-slider.val-10 .handle {
	left: 5%;
	right: 5%;
}
.dm-value-slider .rail:before,
.dm-value-slider .rail:after {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background: #CAD6DA;
	position: absolute;
	top: 0;
	left: 0;
	margin-left: -6px;
}
.dm-value-slider .rail:after {
	left: 100%;
}
.dm-value-slider span {
	display: block;
	padding-top: 40px;
	float: left;
	position: relative;
	text-transform: uppercase;
	letter-spacing: .1em;
}
.dm-value-slider span.current {
	color: #FF6A5D;
}
.dm-value-slider.val-2 span {
	width: 50%;
}
.dm-value-slider.val-3 span {
	width: 33.3333333333%;
}
.dm-value-slider.val-4 span {
	width: 25%;
}
.dm-value-slider.val-5 span {
	width: 20%;
}
.dm-value-slider.val-6 span {
	width: 16.66666666666667%;
}
.dm-value-slider.val-7 span {
	width: 14.28571428571429%;
}
.dm-value-slider.val-8 span {
	width: 12.5%;
}
.dm-value-slider.val-9 span {
	width: 11.11111111111111%;
}
.dm-value-slider.val-10 span {
	width: 10%;
}
.dm-value-slider span:after {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: #fff;
	position: absolute;
	top: 8px;
	left: 50%;
	margin-left: -4px;
}
.dm-value-slider span.skip {
	width: 0;
}
.dm-value-slider span.skip:after {
	width: 4px;
	height: 4px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	top: 10px;
	margin-left: -2px;
}
.dm-value-slider b {
	display: block;
	width: 32px;
	height: 32px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: #FF6A5D;
	position: absolute;
	top: 0;
	left: 0;
	margin-left: -16px;
}
.dm-value-slider b:after {
	content: "";
	display: block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #FF6A5D;
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -6px;
}
.dm-value-slider i {
	display: inline-block;
	width: 2px;
	height: 10px;
	margin: 11px 1.5px 0;
	background: #FF8B81;
}
.dm-value-slider b:hover i {
	background: #FFB2AB;
}
.dm-value-slider a {
	display: block;
	width: 40px;
	height: 40px;
	background: url(../img/bg-transparent.png);
	background: rgba(0, 0, 0, 0);
	position: absolute;
	top: -4px;
	left: -4px;
	cursor: pointer;
}
.dm-value-slider.transition b {
	-webkit-transition: left .125s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-moz-transition: left .125s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-o-transition: left .125s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	transition: left .125s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

.dm-value-slider--green b {
	background-color: #12C4A4;
}
.dm-value-slider--green b:after {
	border-top-color: #12C4A4;
}
.dm-value-slider--green i {
	background-color: #71DCC8;
}
.dm-value-slider--green b:hover i {
	background-color: #b8eee4;
}
.dm-value-slider--green span.current {
	color: #12C4A4;
}

.dm-value-slider--purple {
	color: #A3BAC0;
}
.dm-value-slider--purple .rail,
.dm-value-slider--purple .rail:before,
.dm-value-slider--purple .rail:after {
	background-color: #0B3946;
}
.dm-value-slider--purple b {
	background-color: #5A32FF;
}
.dm-value-slider--purple b:hover {
	background-color: #4426BF;
}
.dm-value-slider--purple b:after {
	border-top-color: #5A32FF;
}
.dm-value-slider--purple b:hover:after {
	border-top-color: #4426BF;
}
.dm-value-slider--purple i {
	background-color: #3111B3;
}
.dm-value-slider--purple b:hover i {
	background-color: #07262F;
}
.dm-value-slider--purple span:after {
	background-color: #447481;
}
.dm-value-slider--purple span.skip:after {
	background-color: #07262F;
}
.dm-value-slider--purple span.current {
	color: #fff;
}

/* - - - - - - - - .dm-alert - - - - - - - - */

.dm-alert {
	position: fixed;
	z-index: 9;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/bg-pale-90.png);
	background: rgba(221, 228, 231, .9);
	color: #07262F;
	text-align: center;
	opacity: 0;
}
.dm-alert.transition {
	-webkit-transition: opacity .25s linear;
	-moz-transition: opacity .25s linear;
	-o-transition: opacity .25s linear;
	transition: opacity .25s linear;
}
.dm-alert.in {
	opacity: 1;
}
.dm-alert.out {
	opacity: 0;
}
.dm-alert .content {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	max-width: 240px;
	margin: 0 auto;
	padding: 16px;
	padding-bottom: 12px;
	background: #fff;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transform: scale(1.25);
}
.dm-alert.transition .content {
	-webkit-transition: -webkit-transform .25s ease;
}
.dm-alert.in .content {
	-webkit-transform: scale(1);
}
.dm-alert.out .content {
	-webkit-transform: scale(.75);
}
.dm-alert .extra {
	font-size: 0.875em;
}
.dm-alert .extra a {
	text-decoration: none;
	color: #6E8F99;
}

/* - - - - - - - - .calculating - - - - - - - - */

.calculating {
	position: fixed;
	z-index: 99;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	color: #A1B9BF;
	opacity: 0;
	-webkit-transition: opacity .25s linear;
}
.calculating.in {
	opacity: 1;
}
.calculating .spinner {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin-top: -68px;
	text-align: center;
}
.calculating .logo {
	width: 70px;
	height: 50px;
	margin: 0 auto 14px;
	background: url(../img/logoCalculating.gif) no-repeat center;
}
.calculating .fact {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 20px;
	background: #083947;
	color: #fff;
	display: none;
}
.calculating .fact > div {
	max-width: 580px;
	margin: 0 auto;
	display: table;
	width: 100%;
}
.calculating .fact .value {
	font-size: 3em;
	font-weight: 200;
	line-height: 1;
	color: #12C4A4;
	display: table-cell;
	vertical-align: top;
}
.calculating .fact .label {
	display: table-cell;
	vertical-align: top;
	padding-left: 20px;
	width: 100%;
}

/* - - - - - - - - .location-list - - - - - - - - */

.location-header {
	background: #A3BAC0;
	color: #fff;
	padding: 12px 48px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: .1em;
}
.location-header .back {
	top: 3px;
	left: 4px;
}
.location-list {
	max-width: 580px;
	margin: 0 auto;
	color: #07262F;
}
.location-list li {
	padding: 11px 20px 8px 46px;
	border-top: 1px solid #DDE4E7;
	position: relative;
	cursor: pointer;
}
.location-list li:hover {
	background-color:  #F7F8F9;
}
.location-list li:first-child {
	border: none;
}
.location-list li[data-val="---"] {
	border: none;
	padding: 0;
	height: 1px;
	text-indent: -9999em;
	background: #12C4A4;
	margin-bottom: -1px;
	z-index: 9;
}
.location-list li:before {
	content: "";
	display: block;
	width: 11px;
	height: 11px;
	border: 1px solid #CAD6DA;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	position: absolute;
	top: 50%;
	left: 18px;
	margin-top: -6px;
}
.location-list li[data-val="---"]:before {
	display: none;
}
.location-list li.selected {
	background-color: #DDE4E7;
}
.location-list li.selected:before {
	background: #12C4A4;
	border-color: #12C4A4;
}

/* - - - - - - - - Disclaimer - - - - - - - - */

#disclaimer {
	color: #07262F;
}
#disclaimer h3 {
	font-size: 1.625em;
	font-weight: 300;
	margin: 1.5em 0 .5em;
	/* border-bottom: 1px solid #12C4A4; */
}
.disclaimer-content ul {
	margin: 1em 0;
}
.disclaimer-content ul {
	list-style: disc inside;
}
.disclaimer-content li {
	margin: .5em 0;
}
.disclaimer-content a {
	text-decoration: none;
	color: #5A32FF;
}

/* - - - - - - - - BG Cover - - - - - - - - */

#home,
.drug-splash {
	background: #000 url(../img/splash-smoke.png) no-repeat center;
	background-size: cover;
}

.splash-skip {
	font-size: 0.875em;
	position: absolute;
	z-index: 9;
	bottom: 5%;
	left: 0;
	right: 0;
}
.splash-skip a {
	display: inline-block;
	padding: 8px;
	text-decoration: none;
	color: #A3BAC0;
	-webkit-transition: color .125s linear;
	-moz-transition: color .125s linear;
	-o-transition: color .125s linear;
	transition: color .125s linear;
	text-transform: uppercase;
	letter-spacing: .1em;
}
.splash-skip a:hover {
	color: #fff;
}

/* - - - - - - - - HOME - - - - - - - - */

h1 {
	width: 136px;
	height: 103px;
	background: url(../img/dm-home-logo.png) no-repeat center;
	position: absolute;
	top: 26.5%;
	left: 50%;
	margin: -52px 0 0 -68px;
	text-indent: -9999em;
}
#home .begin {
	top: 66%;
}
#home .page-menu {
	background: none;
}
#home .menu-close {
	right: auto;
	top: -9999em;
	left: -9999em;
}

/* - - - - - - - - SIDEBAR - - - - - - - - */

.sidebar {
	position: absolute;
	top: 0;
	left: -88px;
	right: 44px;
	font-size: 1.125em;
	-webkit-transition: left .5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
.sidebar-out .sidebar {
	left: 0;
}
.sidebar .logo {
	width: 40px;
	height: 28px;
	background: url(../img/logo-small.png) no-repeat center;
	margin: 24px auto;
	text-indent: -9999em;
}
.sidebar ul {
	margin-top: 48px;
}
.sidebar ul a {
	display: block;
	padding: 16px;
	padding-left: 64px;
	text-decoration: none;
	color: #5A32FF;
	-webkit-transition: color .125s linear;
	-moz-transition: color .125s linear;
	-o-transition: color .125s linear;
	transition: color .125s linear;
	position: relative;
}
.sidebar ul a:hover {
	color: #4426BF;
}
.menu-item-home span {
	display: block;
	width: 17px;
	height: 15px;
	background: url(../img/menu-home.png) no-repeat center;
	text-indent: -9999em;
	position: absolute;
	top: 50%;
	left: 24px;
	margin: -9px 0 0 0;
}

/* - - - - - - - - MENU - - - - - - - - */

.page-menu {
	background: #5A32FF;
	height: 44px;
	position: relative;
}
.menu-toggle,
.menu-close {
	width: 44px;
	height: 44px;
	position: absolute;
	top: 0;
	left: 0;
}
.menu-toggle {
	padding-top: 16px;
	height: 28px;
}
.menu-close {
	left: auto;
	right: 0;
}
.menu-toggle b {
	display: block;
	width: 18px;
	height: 1px;
	background: #fff;
	margin: 0 auto 4px;
}
.menu-toggle a,
.menu-close a {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(../img/bg-transparent.png);
	background: rgba(0, 0, 0, 0);
	cursor: pointer;
	text-indent: -9999em;
}
.menu-close a {
	background: url(../img/menu-bar-close.png) no-repeat center 16px;
}

/* - - - - - - - - ABOUT YOU - - - - - - - - */

#about-you p {
	margin-bottom: 6px;
}

.location-edit {
	border: 1px solid #07262F;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #0E4C5D;
	position: relative;
	cursor: pointer;
	margin: 4px 0 1em;
}
.location-edit .value {
	padding: 14px;
}
.location-edit a {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-decoration: none;
}
.location-edit a span {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	background: #07262F;
	color: #fff;
	padding: 14px 10px 0;
	-webkit-transition: background-color .125s linear;
	-moz-transition: background-color .125s linear;
	-o-transition: background-color .125s linear;
	transition: background-color .125s linear;
}
.location-edit:hover {
	border-color: #0E4C5D;
}
.location-edit:hover a span {
	background-color: #0E4C5D;
}
.input-age {
	width: 108px;
	float: left;
}
.input-age p {
	margin-top: 0;
}
.input-gender {
	margin-left: 118px;
}

.input-location,
.input-age,
.input-gender,
.input-orientation,
.input-occupation {
	position: relative;
}
.error-tooltip {
	font-size: 0.875em;
	position: absolute;
	z-index: 9;
	top: 100%;
	left: 0;
	right: 0;
	margin-top: 6px;
	text-align: right;
	color: #FF6A5D;
	-webkit-transform: scale(.8);
	-webkit-transform-origin: top right;
	opacity: 0;
	-webkit-transition: -webkit-transform .25s cubic-bezier(0.190, 1.000, 0.220, 1.000), opacity .25s linear;
}
.error-tooltip.out {
	-webkit-transform: scale(1);
	opacity: 1;
}
.error-tooltip span {
	display: inline-block;
	text-align: center;
	padding: 6px 10px;
	border: 1px solid #FF6A5D;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #fff;
	position: relative;
	box-shadow: 0 0 8px rgba(0, 0, 0, .125);
}
.error-tooltip span:before,
.error-tooltip span:after {
	content: "";
	display: block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #FF6A5D;
	position: absolute;
	bottom: 100%;
	right: 14px;
}
.input-age .error-tooltip span:before,
.input-age .error-tooltip span:after {
	right: 50%;
	margin-right: -6px;
}
.error-tooltip span:after {
	border-bottom-color: #fff;
	margin-bottom: -1px;
}

/* - - - - - - - - DEMOGRAPHICS - - - - - - - - */

#demographics {
	text-align: center;
	color: #12C4A4;
}
#demographics .label {
	color: #fff;
}
.twin-boxes .value,
.border-box .value {
	margin: 8px 0 4px;
}
.twin-boxes .label,
.border-box .label {
	margin-bottom: 12px;
}

/* - - - - - - - - DRUG PAGES - - - - - - - - */

#drug-usage {
	color: #07262F;
}
#drug-usage h2 {
	color: #A1B9BF;
}
.splash h2 {
	color: #12C4A4;
	position: absolute;
	top: 13%;
	left: 0;
	right: 0;
}
.splash p {
	position: absolute;
	top: 28.75%;
	left: 0;
	right: 0;
	max-width: 260px;
	margin: 0 auto;
}
.note {
	font-size: 0.875em;
	color: #6E8F99;
	margin-top: -.5em;
}
#drug-options-weight,
#drug-options-qty,
#drug-options-spend,
#drug-spend-known {
	position: absolute;
	top: -9999em;
	left: -9999em;
	width: 100%;
}
#drug-options-weight.in,
#drug-options-qty.in,
#drug-options-spend.in,
#drug-spend-known.in {
	position: static;
}

.input-row {
	position: relative;
	padding: 4px 0;
}
.input-row p {
	margin-right: 88px;
}
.input-row__input {
	width: 72px;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -25px;
}
.input-row__input input {
	border-color: #12C4A4;
	color: #12C4A4;
}
.input-full {
	max-width: 280px;
	margin: 0 auto;
	position: relative;
	color: #12C4A4;
}
.input-full .input-extra {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	border-right: 1px solid #12C4A4;
	width: 32px;
	text-align: center;
	font-size: 1.125em;
}
.input-full .input-extra span {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	line-height: 1;
	margin-top: -.5em;
}
.input-full input {
	border-color: #12C4A4;
	color: #12C4A4;
	padding-left: 32px;
}

#drug-feedback,
#drug-results {
	text-align: center;
	color: #fff;
}
#drug-feedback h2,
#drug-results h2 {
	color: #A1B9BF;
}

.mid-p {
	max-width: 280px;
	margin: 1em auto;
}

/* - - - - - - - - .dm-carousel - - - - - - - - */

.dm-carousel {
	overflow: hidden;
	cursor: url(../img/draggable.png), move;
}
.dm-carousel.dragging {
	cursor: url(../img/dragging.png), move;
}
.dm-carousel.no-slides {
	margin-bottom: 1.5em;
	cursor: default;
}
.dm-carousel > ul {
	position: relative;
	top: 0;
	left: 0;
}
.dm-carousel > ul > li {
	float: left;
}
.carousel-pager {
	clear: both;
	max-width: 580px;
	margin: 0 auto 1em;
	padding: 12px 20px;
	text-align: center;
	position: relative;
}
.carousel-pager .prev,
.carousel-pager .next {
	display: block;
	width: 40px;
	height: 40px;
	border: 1px solid #A3BAC0;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	position: absolute;
	top: 50%;
	margin-top: -20px;
	left: 20px;
	cursor: pointer;
}
.carousel-pager .next {
	left: auto;
	right: 20px;
}
.carousel-pager .prev span,
.carousel-pager .next span {
	display: block;
	width: 8px;
	height: 14px;
	background: url(../img/pager-arrows.png) no-repeat;
	text-indent: -9999em;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -7px 0 0 -4px;
}
.carousel-pager .next span {
	background-position: -8px 0;
}
.pager-items a {
	display: inline-block;
	width: 6px;
	height: 6px;
	border: 1px solid #A3BAC0;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	text-indent: -9999em;
	margin: 2px;
	vertical-align: middle;
}
.pager-items a.current {
	background: #A3BAC0;
}

.feedback-carousel .carousel-pager {
	padding-top: 18px;
}
.feedback-carousel .carousel-pager .prev,
.feedback-carousel .carousel-pager .next {
	display: none;
}
.user-comparison-carousel .carousel-pager .prev,
.user-comparison-carousel .carousel-pager .next {
	border-color: #0E4C5D;
}

/* - - - - - - - - Drug weight slider - - - - - - - - */

.weight-slider-item {
	cursor: pointer;
	color: #6E8F99;
}
.weight-slider-item .img {
	position: relative;
}
.weight-slider-item img {
	display: block;
}
.slider-checked {
	width: 22px;
	height: 22px;
	background: url(../img/check-circle.png) no-repeat 0 -44px;
	position: absolute;
	bottom: 8px;
	right: 8px;
}
.check-tooltip {
	font-size: 0.875em;
	display: block;
	padding: 6px 10px 4px;
	background: #fff;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	position: absolute;
	bottom: 100%;
	right: -2px;
	margin-bottom: 12px;
	white-space: nowrap;
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .25);
	box-shadow: 0 0 8px rgba(0, 0, 0, .25);
}
.check-tooltip:after {
	content: "";
	display: block;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #fff;
	position: absolute;
	top: 100%;
	right: 8px;
}
.checked .slider-checked {
	background-position: 0 -22px;
}
.checked .check-tooltip {
	display: none;
}

/* - - - - - - - - User comparison - - - - - - - - */

.user-comparison {
	max-width: 580px;
	margin: 0 auto;
	padding: 0 20px;
}
.user-comparison h4 span,
.user-comparison p span {
	color: #6E8F99;
}
.comparison-graph {
	position: relative;
	overflow: hidden;
}
.comparison-graph .labels {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	color: #6E8F99;
	font-size: 0.75em;
	line-height: 1;
	text-align: left;
}
.comparison-graph .labels > div {
	position: relative;
}
.comparison-graph .labels > div:before,
.comparison-graph .labels > div:after {
	content: "";
	display: block;
	width: 50%;
	height: 1px;
	background: #0B3946;
	position: absolute;
	bottom: 0;
	left: 0;
	margin-left: -19px;
}
.comparison-graph .labels > div:after {
	left: 50%;
	margin-left: 21px;
}
.labels .perc-100 {
	height: 24px;
}
.labels .perc-95 {
	height: 26px;
}
.labels .perc-90 {
	height: 37px;
}
.labels .perc-80 {
	height: 38px;
}
.labels .perc-70 {
	height: 37px;
}
.labels .perc-60 {
	height: 36px;
}
.labels .perc-50 {
	height: 84px;
}

.current-average .perc-50,
.current-high-average .perc-60,
.current-high .perc-70,
.current-very-high .perc-80,
.current-extremely-high .perc-90,
.current-top-10 .perc-95,
.current-top-5 .perc-100 {
	color: #fff;
}

.comparison-graph .labels span {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -.5em;
}
.comparison-graph .labels .threshold {
	left: auto;
	right: 0;
}
.comparison-thermometer {
	width: 90px;
	height: 280px;
	margin: 0 auto;
	background: url(../img/user-comparison.png) no-repeat center;
	position: relative;
}
.cg-bg {
	position: absolute;
	top: 22px;
	bottom: 81px;
	left: 34px;
	width: 23px;
}
.cg-bg img {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 23px;
}
.score-scale-previous,
.score-scale-current {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
}
.current-only .score-scale-previous {
	display: none;
}

.previous-average .score-scale-previous,
.current-average .score-scale-current {
	bottom: 22px;
	top: 212px;
}
.previous-high-average .score-scale-previous,
.current-high-average .score-scale-current {
	bottom: 84px;
	top: 162px;
}
.previous-high .score-scale-previous,
.current-high .score-scale-current {
	bottom: 120px;
	top: 125px;
}
.previous-very-high .score-scale-previous,
.current-very-high .score-scale-current {
	bottom: 157px;
	top: 87px;
}
.previous-extremely-high .score-scale-previous,
.current-extremely-high .score-scale-current {
	bottom: 195px;
	top: 50px;
}
.previous-top-10 .score-scale-previous,
.current-top-10 .score-scale-current {
	bottom: 232px;
	top: 24px;
}
.previous-top-5 .score-scale-previous,
.current-top-5 .score-scale-current {
	bottom: 258px;
	top: 16px;
}

.comparison-graph .previous-score,
.comparison-graph .current-score {
	position: absolute;
	bottom: 0;
	left: 0;
}
.comparison-graph .previous-score span,
.comparison-graph .current-score span {
	display: block;
	padding: 8px 10px 6px;
	min-width: 20px;
	line-height: 1;
	white-space: nowrap;
	background: #fff;
	color: #07262F;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	position: absolute;
	z-index: 9;
	top: 50%;
	left: 20px;
	-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .25);
	box-shadow: 0 0 12px rgba(0, 0, 0, .25);
	margin-top: -14px;
}
.comparison-graph .previous-score span {
	background: #A3BAC0;
	left: auto;
	right: 20px;
}
.comparison-graph .previous-score span:after,
.comparison-graph .current-score span:after {
	content: "";
	display: block;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 8px solid #fff;
	position: absolute;
	top: 50%;
	right: 100%;
	margin-top: -6px;
}
.comparison-graph .previous-score span:after {
	border-right: none;
	border-left: 8px solid #A3BAC0;
	right: auto;
	left: 100%;
}
.cg-d1,
.cg-d2,
.cg-d3,
.cg-d4,
.cg-d5 {
	display: block;
	width: 23px;
	height: 1px;
	background: #07262f;
	position: absolute;
	top: 23px;
	left: 34px;
}
.cg-d2 {top: 49px;} .cg-d3 {top: 86px;} .cg-d4 {top: 124px;} .cg-d5 {top: 161px;}

/* - - - - - - - - RISK ADJUSTER - - - - - - - - */

#risk-adjuster h2 {
	color: #FF6A5D;
}
.risk-adjuster-page h2 {
	color: #A3BAC0;
}
.risk-adjuster-page p {
	color: #07262F;
}

.ra-pregnant {
	position: absolute;
	top: -9999em;
	left: -9999em;
}
.user-female .ra-pregnant {
	position: static;
}

.toggle-list li {
	margin: 1.5em 0;
	position: relative;
}
.toggle-list .label {
	margin-right: 86px;
}
.toggle-list .dm-toggle {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -15px;
}

#risk-adjuster-results {
	text-align: center;
	color: #fff;
}
#risk-adjuster-results h2 {
	color: #FF6A5D;
}
.twin-boxes .ra-unadjusted {
	border-color: #447481;
	color: #447481;
}
.ra-unadjusted .label-box {
	border-color: #447481;
}
.twin-boxes .ra-adjusted {
	border-color: #FF6A5D;
	color: #FF6A5D;
}
.ra-adjusted .label-box {
	border-color: #FF6A5D;
}
.twin-boxes .label-box {
	padding: 4px 0;
}
#risk-adjuster-results .twin-boxes {
	margin-bottom: 2em;
}
.ra-hidden {
	position: absolute;
	top: -9999em;
	left: -9999em;
}
.info {
	color: #07262F;
}
.info h2 {
	color: #6E8F99;
}
.info h3 {
	font-size: 1.5em;
	font-weight: 300;
	margin: 1.5em 0 0;
}
.info a {
	text-decoration: none;
	color: #6E8F99;
}
.info ol {
	list-style: decimal inside;
	margin: 1em 0;
}
.info li {
	margin: .5em 0;
}

/* - - - - - - - - LIFETIME USE - - - - - - - - */

#lifetime-use-1 {
	color: #07262F;
}
#lifetime-use-1 h2 {
	color: #A1B9BF;
}
#lifetime-use-1 .input-row__input {
	width: 96px;
}
#lifetime-use-1 .input-row p {
	margin-right: 112px;
}
#lifetime-use-1 .dm-value-slider {
	height: 72px;
	margin-bottom: 1em;
}
#lifetime-use-feedback {
	text-align: center;
	color: #fff;
}
#lifetime-use-feedback h2 {
	color: #A1B9BF;
}
.dap-page {
	color: #07262F;
}
.dap-page h3 {
	font-size: 1.625em;
	font-weight: 300;
	margin: 1em 0;
}
.dap-page h2 {
	color: #A1B9BF;
}

#dap-feedback {
	color: #fff;
}
#dap-feedback h2 {
	color: #A1B9BF;
}
#dap-feedback h4 {
	color: #6E8F99;
	text-align: center;
	margin: 2em 0 0;
}
.dap-hidden {
	position: absolute;
	top: -9999em;
	left: -9999em;
}

/* - - - - - - - - DAP - - - - - - - - */

.read-more-link {
	text-align: center;
	margin-bottom: 1.5em;
}
.read-more-link a {
	display: inline-block;
	padding: 6px 16px 5px;
	border: 1px solid #6E8F99;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
	line-height: 1;
	-webkit-transition: border-color .125s linear;
}
.read-more-link a:hover {
	border-color: #447481;
	border-color: #fff;
}
.read-more-copy,
.open .read-more-link {
	position: absolute;
	top: -9999em;
	left: -9999em;
}
.open .read-more-copy {
	position: static;
}

/* - - - - - - - - SUMMARY TRIANGLE - - - - - - - - */

.summary-score {
	text-align: center;
	margin: 1.5em 0;
}
.score-box {
	display: inline-block;
	border: 1px solid #6E8F99;
	color: #6E8F99;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.score-box .score,
.score-box .value {
	display: block;
}
.score-box .score {
	margin-top: 4px;
}
.score-box .value {
	border-top: 1px solid #6E8F99;
	padding: 5px 16px;
}
.summary-diagram {
	margin: 0 0 2.5em;
	position: relative;
	color: #6E8F99;
}
.summary-bars {
	font-size: 0.75em;
	line-height: 1;
}
.summary-bars > div {
	position: absolute;
	top: 35px;
	left: 0;
	right: 0;
	border-bottom: 1px solid #0B3946;
}
.summary-bars .bar-2 {
	top: 73px;
}
.summary-bars .bar-2 .val {
	bottom: 12px;
}
.summary-bars .bar-3 {
	top: 122px;
}
.summary-bars .bar-3 span {
	bottom: 12px;
}
.summary-bars .bar-3 .val {
	bottom: 19px;
}
.summary-bars .bar-4 {
	top: 201px;
}
.summary-bars .bar-4 span {
	bottom: 28px;
}
.summary-bars .bar-4 .val {
	bottom: 33px;
}
.summary-bars span {
	display: block;
	width: 52px;
	position: absolute;
	bottom: 6px;
	left: 6px;
}
.summary-bars .val {
	left: auto;
	right: 6px;
	width: auto;
}
.sd-bg {
	width: 218px;
	height: 202px;
	background: url(../img/summary-bg.png) no-repeat center;
	margin: 0 auto;
	position: relative;
}
.sd-bg-grad {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: url(../img/summary-triangle.png) no-repeat;
}
.low .sd-bg-grad {
	height: 79px;
	background-position: 0 -123px;
}
.mid .sd-bg-grad {
	bottom: 80px;
	height: 48px;
	background-position: 0 -73px;
}
.high .sd-bg-grad {
	bottom: 129px;
	height: 37px;
	background-position: 0 -35px;
}
.v-high .sd-bg-grad {
	bottom: 167px;
	height: 35px;
	background-position: 0 1px;
}
.low .bar-4,
.mid .bar-3,
.high .bar-2,
.v-high .bar-1 {
	color: #fff;
}
.sd-bg-dot {
	position: absolute;
	top: 14px;
	bottom: 10px;
	left: 50%;
}
.low .sd-bg-dot {
	top: 132px;
}
.mid .sd-bg-dot {
	top: 82px;
	bottom: 88px;
}
.high .sd-bg-dot {
	top: 44px;
	bottom: 136px;
}
.v-high .sd-bg-dot {
	top: 14px;
	bottom: 174px;
}
.zero .sd-bg-dot {
	display: none;
}
.sd-bg-dot .dot {
	width: 8px;
	height: 8px;
	border: 2px solid #07262F;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0 0 -6px -6px;
	text-align: left;
}
.sd-bg-dot .tooltip {
	display: block;
	width: 108px;
	padding: 6px 10px 4px;
	background: #fff;
	color: #07262F;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	white-space: nowrap;
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -64px;
	margin-top: 12px;
	line-height: 1;
	-webkit-transition: opacity .125s linear;
	-moz-transition: opacity .125s linear;
	-o-transition: opacity .125s linear;
	transition: opacity .125s linear;
}
.sd-bg-dot .tooltip.fade {
	opacity: 0;
}
.sd-bg-dot .tooltip:before {
	content: "";
	display: block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #fff;
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -6px;
}
.sd-bg-dot .tooltip .close {
	display: inline-block;
	width: 22px;
	height: 22px;
	background: url(../img/hidden-close.png) no-repeat center;
	position: absolute;
	top: 50%;
	margin-top: -11px;
	right: 4px;
	text-indent: -9999em;
	cursor: pointer;
	
}

/* - - - - - - - - THANKS - - - - - - - - */

#thanks h2 {
	font-size: 1.75em;
	font-weight: 300;
	color: #12C4A4;
	margin: 1.5em 0;
}
.thanks-header {
	margin-bottom: 1.5em;
	padding-bottom: 2em;
}
.thanks-header p {
	text-align: left;
	max-width: 280px;
	margin: 1em auto;
}

#feedback {
	color: #07262F;
}
#feedback h2 {
	color: #6D8E99;
}

/* - - - - - - - - MEDIA QUERIES - - - - - - - - */

.page {
	-webkit-transition: left .25s cubic-bezier(0.190, 1.000, 0.220, 1.000), margin-left .25s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

@media screen and (max-width: 767px) {
	
	.wrapper.hidden {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	.sidebar-out .page {
		left: 100%;
		margin-left: -44px;
	}
	
}

@media screen and (min-width: 768px) {
	
	.page-menu {
		position: absolute;
		top: -9999em;
		left: -9999em;
	}
	.page {
		width: auto;
		left: 80px;
		right: 0;
	}
	.sidebar {
		position: fixed;
		left: 0;
		right: auto;
		width: 80px;
	}
	.sidebar ul a {
		text-indent: -9999em;
	}
	.menu-item-home span {
		left: 50%;
		margin: -8px 0 0 -9px;
	}
	
}

@media screen and (min-width: 1024px) {
	
	.page {
		left: 198px;
	}
	.sidebar {
		width: 198px;
	}
	.sidebar ul a {
		text-indent: 0;
	}
	.menu-item-home span {
		left: 24px;
		margin: -9px 0 0 0;
	}
	
}

/* - - - - - - - - RETINA - - - - - - - - */

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 120dppx) {
	
	h1 {
		background-image: url(../img/dm-home-logo@2x.png);
		background-size: 135px;
	}
	.comparison-thermometer {
		background-image: url(../img/user-comparison@2x.png);
		background-size: 90px;
	}
	.slider-checked {
		background-image: url(../img/check-circle@2x.png);
		background-size: 22px;
	}
	.btn--back span {
		background-image: url(../img/button-back@2x.png);
		background-size: 18px;
	}
	.sd-bg {
		background-image: url(../img/summary-bg@2x.png);
		background-size: 217px;
	}
	.location-header .back, .header .back, .header .next {
		background-image: url(../img/header-nav@2x.png);
		background-size: 80px;
	}
	.menu-close a {
		background-image: url(../img/menu-bar-close@2x.png);
		background-size: 10px;
	}
	.menu-item-home span {
		background-image: url(../img/menu-home@2x.png);
		background-size: 17px;
	}
	
}