/*
YUI 3.13.0 (build 508226d)
Copyright 2013 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}input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

html {
	font-family: source-sans-pro, sans-serif;
	background: #eef1f3;
	color: #6E8F99;
	line-height: 1.25;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-text-size-adjust: none;
}
p {
	margin: 1em 0;
}
strong {
	font-weight: 600;
}
a {
	text-decoration: none;
}
hr {
	border: none;
	border-top: 1px solid #DCE3E6;
}
h1 {
	width: 136px;
	height: 103px;
	background: url(../img/cannabis-splash-logo.png) no-repeat center;
	position: absolute;
	top: 26.5%;
	left: 50%;
	margin: -52px 0 0 -68px;
	text-indent: -9999em;
}
h2 {
	text-align: center;
	color: #07262F;
	margin: 2px 32px;
}
.dm-info h2 {
	font-size: 1.375em;
	font-weight: 300;
}
.bg-radial h2 {
	color: #12C4A4;
}
h4 {
	text-align: center;
	margin: 1.25em 0 1.75em;
}
input[type="text"],
input[type="email"],
input[type="password"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	border-radius: 0;
	background: none;
	outline: none;
	color: #07262F;
}
input[type="password"] {
	letter-spacing: .2em;
}
.no-select,
.equivalent-slider,
.dm-slider {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

/* - - - - - - - - - - - - FONTS - - - - - - - - - - - - */

@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");
}

/* - - - - - - - - - - - - EXTRA LIGHT 48px - - - - - - - - - - - - */

.dm-splash h2,
.value-large,
.score-box .value,
.equivalent-slider .value,
.ra-unadjusted .value,
.ra-adjusted .value {
	font-size: 3em;
	font-weight: 200;
}

/* - - - - - - - - - - - - LIGHT 32px - - - - - - - - - - - - */

.dm-border-box .value,
#demographics .value,
.add-drink-list,
.drink-detail-abv-slider .front,
.drink-detail-quantity-selector,
.dm-spend-box .value,
.user-comparison-chart .value,
.calculating h3,
#unique-id,
.unique-id,
.dm-info h3 {
	font-size: 2em;
	font-weight: 300;
}

/* - - - - - - - - - - - - SMALL CAPS 18px - - - - - - - - - - - - */

.new-spend-list .show-hide,
.dm-button-hollow-delete,
.drink-summary-item .edit-link,
.back-text,
.next-text,
#drinks-meter-add-drink .dm-header .close,
.flippable .label-bottom,
.label-box,
pre,
#menu,
.dm-button,
.dm-button-hollow,
.dm-button-back,
.dm-button-arrow,
.dm-skip,
.dm-value-slider,
.dm-label-slider,
.location-header,
.dm-input-button .button,
.score-box .description,
#audit-diagram,
.dm-alcohol-menu-bar,
.alcohol-add-drink-button,
.alcohol-day-spend-selector .label,
.add-drink-header,
.drink-detail-bar,
.drink-detail-abv-slider .value span,
.alcohol-drink-summary .label,
.alcohol-days-chart,
.dm-twin-boxes .label,
.calorie-equivalents-people .label,
.calorie-equivalents-people .equiv,
.equivalent-slider .or,
.weekly-recommended-chart,
.alcohol-targets-remove-day .bar,
.home-signed-in-menu,
.summary-figure .label,
.tab-control,
#demographics .label,
.demographics-region-append,
.demographics-age-gender-append,
#information .close,
#help .close,
.chart-label,
.comparison-graph-holder .labels,
#alcohol-days-used b,
.dm-box-split {
	font-family: "Source Sans Pro SC", sans-serif;
	font-size: 1.125em;
	text-transform: uppercase;
	letter-spacing: .1em;
	text-rendering: optimizeSpeed;
}

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

h4 {
	font-family: "Source Sans Pro SC Black", sans-serif;
	letter-spacing: .15em;
}

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

.begin a {
	font-family: "Source Sans Pro SC Light", "Trebuchet MS", sans-serif;
	letter-spacing: .15em;
	text-indent: .15em;
}

/* - - - - - - - - - - - - PAGINATION - - - - - - - - - - - - */

#wrapper,
.dm-page {
	position: absolute;
	z-index: 99;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* min-height: 100%; */
	background: #fff;
	overflow: hidden;
}
.ios7 #wrapper {
	top: 20px;
	bottom: 0;
	height: auto;
}
.dm-current {
	z-index: 9999;
}
.dm-page {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
.dm-page.transition {
	-webkit-transition: -webkit-transform .35s cubic-bezier(0.165, 0.840, 0.440, 1.000), opacity .35s linear;
}
.dm-page.push-left {
	-webkit-transform: translateX(-25%) translateX(0);
}
.dm-page.push-right {
	z-index: 9999;
	-webkit-transform: translateX(100%) translateX(0);
}
.dm-page.push-down {
	-webkit-transform: translateY(100%) translateX(0);
}
.dm-page.on-top {
	z-index: 9999;
}
.dm-page.fade-out {
	opacity: 0;
}
.ipad-1 .no-scroll .dm-page {
	-webkit-overflow-scrolling: auto;
}
.ipad-1 .dm-page {
	-webkit-overflow-scrolling: auto;
}
.ltos5 #menu,
.ltos5 #wrapper,
.ltos5 .dm-page {
	height: auto;
	min-height: 100%;
	overflow: visible;
}

/* - - - - - - - - - - - - LAYOUT - - - - - - - - - - - - */

.dm-header {
	position: relative;
	padding: 8px 20px;
}
.dm-content,
.dm-footer {
	max-width: 580px;
	margin: 0 auto;
	padding: 0 20px;
}
.dm-footer {
	text-align: center;
	padding: 12px 20px;
}
.input-location,
.input-age,
.input-gender,
.input-orientation,
.input-occupation,
.fieldset-age-gender {
	position: relative;
}
.fieldset-age-gender {
	margin-top: -1em;
	padding-top: 1px;
}
.about-you-age {
	width: 107px;
	position: absolute;
	
	left: 0;
}
.about-you-gender {
	margin-left: 117px;
}
.clear {
	clear: both;
}
.dm-band {
	max-width: 580px;
	margin: 0 auto;
	padding: 0 20px;
}
.dm-skip {
	font-size: 0.875em;
	position: absolute;
	bottom: 6.75%;
	left: 0;
	width: 100%;
	color: #A3BAC0;
}

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

#pages-sidebar {
	display: none;
}
#pages-sidebar #account .dm-header .dm-back,
#pages-sidebar #sign-in .dm-header .dm-back {
	display: none;
}
.sidebar-out #account .sidebar-close,
.sidebar-out #information .sidebar-close,
.sidebar-out #sign-in .sidebar-close {
	display: block;
	position: absolute;
	z-index: 99;
	top: 0;
	left: 0;
	width: 100%;
	height: 50px;
	cursor: pointer;
	background: url(../img/bg-transparent.gif);
	background: rgba(0, 0, 0, 0);
}
.sidebar-out #account .sidebar-close,
.sidebar-out #sign-in .sidebar-close {
	width: 38px;
	height: 38px;
	background: url(../img/info-menu-close.png) no-repeat center;
	left: auto;
	right: 0;
}

@media screen and (min-width: 768px) {
	.sidebar-out #pages-sidebar {
		display: block;
		position: absolute;
		z-index: 9999;
		top: 0;
		left: 0;
		min-height: 100%;
		overflow: auto;
	}
	.sidebar-out #pages-sidebar #account {
		left: auto;
		right: 0;
		width: 340px;
	}
	.sidebar-out #pages-sidebar #account .dm-content {
		max-width: 280px;
	}
	.sidebar-out #pages-sidebar #information {
		left: auto;
		right: 0;
		width: 250px;
	}
	.sidebar-out #pages-main {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 100%;
	}
	#wrapper.account-out {
		overflow: hidden;
	}
	.account-out #pages-main {
		right: auto;
		width: 100%;
	}
	.account-out .main-blanker {
		position: absolute;
		z-index: 99999;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: url(../img/bg-dark-80.png);
		background: rgba(7, 23, 33, .8);
	}
}

/* - - - - - - - - - - - - RADIAL GRADIENT — OFFSET - - - - - - - - - - - - */

.calculating {
	background: #07262F;
	background: -webkit-radial-gradient(95% 5%, ellipse farthest-side, #0E4C5D 0%, #07262F 100%);
	background: -moz-radial-gradient(95% 5%, ellipse farthest-side, #0E4C5D 0%, #07262F 100%);
	background: -ms-radial-gradient(95% 5%, ellipse farthest-side, #0E4C5D 0%, #07262F 100%);
	background: -o-radial-gradient(95% 5%, ellipse farthest-side, #0E4C5D 0%, #07262F 100%);
	background: radial-gradient(farthest-side at 95% 5%, #0E4C5D 0%, #07262F 100%);
}

/* - - - - - - - - - - - - RADIAL GRADIENT — CENTER - - - - - - - - - - - - */

.bg-radial,
.thanks-header,
.calculating-new {
	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%);
}

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

.dm-menu {
	background: #5A32FF;
	position: relative;
	z-index: 999;
	height: 46px;
}
.menu-toggle {
	position: absolute;
	top: 0;
	left: 0;
	width: 44px;
	height: 29px;
	padding-top: 17px;
}
.menu-toggle b {
	display: block;
	width: 18px;
	height: 1px;
	background: #fff;
	margin: 0 auto 4px;
}
.menu-toggle a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../img/bg-transparent.gif);
	background: rgba(0, 0, 0, 0);
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -9999em;
	cursor: pointer;
}
.menu-close {
	position: absolute;
	top: 0;
	right: 0;
}
.menu-close a {
	display: block;
	width: 40px;
	height: 46px;
	background: url(../img/menu-bar-close.png) no-repeat center 17px;
	text-indent: -9999em;
	cursor: pointer;
}

@media screen and (min-width: 768px) {
	.dm-menu {
		display: none;
	}
}

/*

@media screen and (max-width: 767px) {
	.menu-overflow {
		overflow: hidden;
	}
	.menu-overflow #wrapper {
		-webkit-transition: -webkit-transform .35s cubic-bezier(0.165, 0.840, 0.440, 1.000);
	}
	.menu-out #wrapper {
		-webkit-transform: translateX(100%) translateZ(0);
		-moz-transform: translateX(100%) translateZ(0);
		-o-transform: translateX(100%) translateZ(0);
		transform: translateX(100%) translateZ(0);
		margin-left: -44px;
	}
}

*/

@media screen and (max-width: 767px) {
	.menu-overflow {
		overflow: hidden;
	}
	.menu-out #wrapper {
		left: 100%;
		margin-left: -44px;
	}
}

/* - - - - - - - - - - - - HOME — SIGNED IN - - - - - - - - - - - - */

.home-anonymous {
	position: absolute;
	bottom: 14px;
	left: 20px;
	right: 20px;
}

#home-signed-in .dm-footer {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	max-width: none;
	margin: 0;
	padding: 0;
}
.home-signed-in-menu-toggle {
	width: 44px;
	height: 29px;
	padding-top: 17px;
	position: absolute;
	top: 0;
	left: 0;
}
.home-signed-in-menu-toggle b {
	display: block;
	width: 18px;
	height: 1px;
	background: #fff;
	margin: 0 auto 4px;
}
.home-signed-in-menu-toggle a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../img/transparent.gif);
	background: rgba(0, 0, 0, 0);
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -9999em;
	cursor: pointer;
}
.home-signed-in-menu li {
	border-top: 1px solid #6E8F99;
	border-color: rgba(110, 143, 153, .75);
}
.home-signed-in-menu .get-started {
	border: none;
	padding-bottom: 6px;
}
.home-signed-in-menu .get-started a {
	font-size: 1em;
	padding: 14px 0;
}
.home-signed-in-menu a {
	display: block;
	padding: 11px 0 12px;
	color: #fff;
	-webkit-transition: background-color .125s linear;
	-moz-transition: background-color .125s linear;
	-o-transition: background-color .125s linear;
	transition: background-color .125s linear;
}
.no-touch .home-signed-in-menu .bar-button:hover,
.home-signed-in-menu .bar-button:active {
	background: #000;
	background: rgba(0, 0, 0, .25);
}

@media screen and (min-width: 768px) {
	.home-signed-in-menu-toggle {
		display: none;
	}
}

/* - - - - - - - - - - - - REUSABLE COMPONENTS - - - - - - - - - - - - */

.dm-info {
	color: #07262F;
}
.dm-info h3 {
	font-size: 1.375em;
	margin: 1.375em 0 0;
}
.dm-info .dm-content {
	padding-bottom: 10px;
}
.tab-control {
	border: 1px solid #12C4A4;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color: #fff;
	font-size: 1em;
	overflow: hidden;
	margin: 14px 0 30px;
}
.tab-control .tab {
	width: 50%;
	float: left;
	padding: 2px 0;
	cursor: pointer;
}
.tab-control .current {
	background: #12C4A4;
}
.tab-group {
	position: relative;
}
.tab-group .tab {
	position: absolute;
	top: -9999em;
	left: -9999em;
}
.tab-group .current {
	position: static;
}

.dm-hint {
	font-size: 0.875em;
	padding-top: 2px;
	color: #98A1A4;
}
.dm-hint a {
	color: #12C4A4;
}
.flippable {
	position: relative;
	cursor: pointer;
}
.flippable .label-bottom {
	border-top: 1px solid #12C4A4;
	font-size: 1em;
	padding: 4px 0;
}
.flippable .front {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.flippable .back {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	display: none;
	border-color: #447481;
	color: #447481;
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}
.flippable .back .label-bottom {
	border-color: #447481;
}
.flipped .front {
	visibility: hidden;
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}
.flipped .back {
	display: block;
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	-webkit-transform: scale(1);
}
.cals-box .value-large {
	padding: 16px 0 4px !important;
}
.cals-box .label {
	padding-bottom: 23px !important;
}
.button-columns {
	max-width: 290px;
	margin: 0 auto;
	overflow: hidden;
}
.button-columns > div {
	width: 50%;
	float: left;
}
.button-columns a {
	margin-left: 5px;
	margin-right: 5px;
}
.dm-blanker-context .dm-blanker {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(../img/bg-white-80.png);
	background: rgba(255, 255, 255, .8);
}
.dm-blanker-context.active {
	position: relative;
}
.dm-blanker-context.active .dm-blanker {
	display: block;
}
.alcohol-reduce-prompt {
	position: fixed;
	z-index: 999;
	bottom: 0;
	left: 0;
	right: 0;
	display: none;
}
.alcohol-reduce-prompt {
	padding: 10px;
}
.prompt-open .blanker {
	position: fixed;
	z-index: 99;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(../bg-white-80.png);
	background: rgba(255, 255, 255, .8);
	cursor: pointer;
}
@media screen and (min-width: 768px) {
	.alcohol-reduce-prompt,
	.prompt-open .blanker {
		left: 80px;
	}
}
@media screen and (min-width: 1024px) {
	.alcohol-reduce-prompt,
	.prompt-open .blanker {
		left: 198px;
	}
}
#alcohol-summary.prompt-open .blanker {
	background: url(../img/bg-blue-90.png);
	background: rgba(7, 38, 47, .9);
}
.prompt-open .alcohol-reduce-prompt {
	display: block;
}
.has-extra {
	position: relative;
	cursor: pointer;
}
.no-touch .has-extra:hover,
.no-touch .flippable .front:hover {
	background: #07262F;
}
.has-extra .extra-indicator,
.flippable .extra-indicator {
	position: absolute;
	top: 4px;
	right: 3px;
	display: block;
	width: 7px;
	height: 7px;
	background: url(../img/extra-indicator.png) no-repeat;
}
.flippable .back .extra-indicator {
	top: 7px;
	right: 5px;
	width: 5px;
	height: 1px;
	background: #447481;
}
.no-touch .has-extra.open {
	background: #12C4A4;
	color: #162F3A;
}
.dm-spend-box.open {
	color: #fff;
}
.has-extra.open .value {
	color: #fff;
	border-color: #162F3A;
}
.has-extra.open .extra-indicator {
	background-position: 0 -7px;
}
.extra-tooltip {
	position: absolute;
	z-index: 10;
	top: 100%;
	left: 50%;
	width: 100%;
	margin: -2px 0 0 -50%;
	color: #07262F;
	text-align: center;
	line-height: 1;
}
.extra-tooltip:after {
	content: "";
	display: block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #fff;
	position: absolute;
	top: -6px;
	left: 50%;
	margin-left: -6px;
}
.extra-tooltip span {
	display: inline-block;
	padding: 5px 8px 4px;
	background: #fff;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, .35);
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, .35);
}
.tip-dismissed .extra-tooltip {
	display: none;
}
.dm-hidden-data {
	position: absolute;
	top: -9999em;
	left: -9999em;
	width: 100%;
	overflow: hidden;
	background: #0B3946;
	margin: 16px 0;
	/* -webkit-clip-path: polygon(0 0, 74% 0, 75% 6px, 76% 0, 100% 0, 100% 100%, 0 100%); */
}
.dm-hidden-data.transition {
	-webkit-transition: height .5s cubic-bezier(.23, 1, .32, 1);
	-moz-transition: height .5s cubic-bezier(.23, 1, .32, 1);
	-o-transition: height .5s cubic-bezier(.23, 1, .32, 1);
	transition: height .5s cubic-bezier(.23, 1, .32, 1);
}
.dm-hidden-data.open {
	position: static;
}
.dm-hidden-data .dm-band {
	padding: 16px 20px 20px;
	position: relative;
}
.hidden-data-close {
	display: block;
	width: 32px;
	height: 32px;
	background: url(../img/dm-hidden-close.png) no-repeat center;
	text-indent: -9999em;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}
.back-text,
.next-text {
	font-size: 0.875em;
	text-transform: uppercase;
	letter-spacing: .1em;
	color: #A1B9BF;
	display: block;
	padding: 12px 10px;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	-webkit-transition: color .125s linear;
	-moz-transition: color .125s linear;
	-o-transition: color .125s linear;
	transition: color .125s linear;
}
.next-text {
	left: auto;
	right: 0;
	color: #5A32FF;
}
.no-touch .back-text:hover,
.back-text:active {
	color: #6D8E99;
}
.no-touch .next-text:hover,
.next-text:active {
	color: #4426BF;
}
.dm-back,
.dm-next {
	display: block;
	width: 40px;
	height: 40px;
	background: url(../img/dm-header-nav.png) no-repeat;
	text-indent: -9999em;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}
.dm-next {
	background-position: -40px 0;
	left: auto;
	right: 0;
}
.dm-splash .dm-back,
.location-header .dm-back,
#thanks .dm-back {
	background-position: 0 -80px;
}

@media screen and (max-width: 767px) {
	#thanks .dm-back {
		top: 46px;
	}
}

.bg-radial .dm-back {
	/* background-position: 0 -40px; */
	background-position: 0 -80px;
}
.no-touch .bg-radial .dm-back:hover,
.no-touch .dm-splash .dm-back:hover,
.bg-radial .dm-back:active,
.dm-splash .dm-back:active {
	background-position: 0 -40px;
}
.bg-radial .dm-next {
	/* background-position: -40px -40px; */
	background-position: -40px -80px;
}
.no-touch .bg-radial .dm-next:hover,
.bg-radial .dm-next:active {
	background-position: -40px -40px;
}
.location-header .dm-back {
	left: auto;
	right: 4px;
	top: 2px;
}
.dm-button,
.dm-button-hollow,
.dm-button-hollow-delete,
.dm-button-back,
.dm-button-next,
.dm-button-arrow {
	display: block;
	max-width: 280px;
	margin: 14px auto;
	padding: 14px 0;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background: #5A32FF;
	color: #fff;
	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;
}
.no-touch .dm-button:hover,
.dm-button:active {
	background: #4426BF;
}
.dm-button-hollow,
.dm-button-hollow-delete,
.dm-button-back {
	display: block;
	max-width: 278px;
	padding: 13px 0;
	border: 1px solid #5A32FF;
	background: none;
	color: #5A32FF;
	-webkit-transition: border-color .125s linear;
	-moz-transition: border-color .125s linear;
	-o-transition: border-color .125s linear;
	transition: border-color .125s linear;
}
.no-touch .dm-button-hollow:hover,
.dm-button-hollow:active {
	border-color: #4426BF;
	color: #4426BF;
}
.dm-button-hollow-delete {
	border-color: #FF6A5D;
	color: #FF6A5D;
}
.no-touch .dm-button-hollow-delete:hover,
.dm-button-hollow-delete:active {
	border-color: #BF5046;
	color: #BF5046;
}
.dm-button-grey {
	border-color: #A3BAC0;
	color: #A3BAC0;
	margin-bottom: 8px !important;
}
.no-touch .dm-button-grey:hover,
.dm-button-grey:active {
	border-color: #7A8C90;
	color: #7A8C90;
}
.app-remind {
	margin-bottom: 32px !important;
}
.dm-button-back {
	position: relative;
	/* max-width: 232px; */
	max-width: 278px;
	/* padding-left: 48px; */
	-webkit-transition: border-color .125s linear;
	-moz-transition: border-color .125s linear;
	-o-transition: border-color .125s linear;
	transition: border-color .125s linear;
	color: #fff;
}
.dm-button-back span {
	position: absolute;
	top: 0;
	left: 0;
	width: 48px;
	height: 100%;
	background: #7F60FF url(../img/dm-button-back.png) no-repeat center;
	background-color: transparent;
	border-right: 1px solid #5A32FF;
	border: none;
	text-indent: -9999em;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	-webkit-transition: border-color .125s linear;
	-moz-transition: border-color .125s linear;
	-o-transition: border-color .125s linear;
	transition: border-color .125s linear;
}
.no-touch .dm-button-back:hover,
.no-touch .dm-button-back:hover span,
.dm-button-back:active,
.dm-button-back:active span {
	border-color: #4426BF !important;
}
.dm-button-arrow {
	text-indent: -9999em;
	background-image: url(../img/dm-button-next.png);
	background-repeat: no-repeat;
	background-position: center;
}
.dm-button-next {
	text-align: left;
	background: none;
	border: 1px solid #6E8F99;
	padding-left: 14px;
	padding-right: 28px;
	max-width: 236px;
	position: relative;
}
.dm-button-next span {
	display: block;
	width: 7px;
	height: 12px;
	background: url(../img/dm-button-next-arrow.png) no-repeat;
	text-indent: -9999em;
	position: absolute;
	top: 50%;
	right: 12px;
	margin-top: -6px;
}
.no-touch .dm-button-next:hover,
.dm-button-next:active {
	border-color: #447481;
}
.dm-input {
	line-height: 1;
	color: #6E8F99;
	max-width: 280px;
	margin: 10px auto 1em;
}
.dm-input label {
	display: block;
	margin-bottom: 8px;
}
.dm-input input[type="text"],
.dm-input input[type="email"],
.dm-input input[type="password"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	width: 100%;
	padding: 13px 12px;
	border: 1px solid #6E8F99;
	border-color: #07262F;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.dm-input-button {
	border: 1px solid #07262F;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #0E4C5D;
	position: relative;
	cursor: pointer;
	margin: 4px 0 1em;
}
.dm-input-button .value {
	padding: 14px 14px 15px;
}
.dm-input-button .button {
	font-size: 1em;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	background: #07262F;
	color: #fff;
	padding: 15px 10px 0;
}
.no-touch .dm-input-button:hover,
.dm-input-button:active {
	border-color: #0E4C5D;
}
.dm-input-button:hover .button {
	background: #0E4C5D;
}
.dm-input-black {
	border: 1px solid #07262F;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin: 4px 0 1em;
}
.no-touch .dm-input-black:hover,
.dm-input-black:active {
	border-color: #12C4A4;
}
.dm-input-black input[type="text"] {
	text-align: center;
	display: block;
	padding: 7px 0;
	width: 100%;
	color: #0E4C5D;
	font-size: 1.5em;
	font-weight: 300;
}
.dm-fieldset p {
	margin-bottom: 6px;
}
.location-header {
	background: #A3BAC0;
	color: #fff;
	padding: 12px 42px 12px 20px;
	position: relative;
}
.location-list {
	color: #07262F;
	max-width: 580px;
	margin: 0 auto;
}
.location-list li {
	padding: 11px 20px 8px 46px;
	border-bottom: 1px solid #DDE4E7;
	position: relative;
	cursor: pointer;
}
.no-touch .location-list li:hover,
.location-list li:active {
	background: #F7F8F9;
}
.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-country="United Kingdom"] {
	font-weight: 600;
}
.location-list li[data-country="SKIP"] {
	background: #DDE4E7;
	text-indent: -9999em;
	padding: 0;
	height: 1px;
}
.no-touch .location-list li[data-country="SKIP"]:hover,
.location-list li[data-country="SKIP"]:active {
	background: #DDE4E7;
}
.location-list li[data-country="SKIP"]:before {
	display: none;
}
.location-list li.selected {
	background: #DDE4E7;
}
.location-list li.selected:before {
	background: #12C4A4;
	border-color: #12C4A4;
}
.error-tooltip {
	position: absolute;
	z-index: 99;
	top: 100%;
	left: 50%;
	width: 320px;
	margin: 8px 0 0 -160px;
	text-align: center;
	color: #FF6A5D;
}
.error-tooltip span {
	display: inline-block;
	padding: 4px 10px 5px;
	border: 1px solid #FF6A5D;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #fff;
	position: relative;
	-webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, .1);
}
.error-tooltip span:before,
.error-tooltip span:after {
	content: "";
	display: block;
	position: absolute;
	top: -6px;
	left: 50%;
	margin-left: -6px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #FF6A5D;
}
.error-tooltip span:after {
	border-bottom-color: #fff;
	top: -5px;
}
.input-age .error-tooltip {
	width: auto;
	left: 0;
	right: 0;
	margin: -8px 0 0 0;
}
.summary-figure {
	margin: 6px 0 28px;
}
.summary-figure .value-large {
	margin-bottom: -4px;
}
.summary-figure .label {
	font-size: 1em;
	line-height: 1;
	color: #fff;
	display: inline-block;
	margin-top: -8px;
	padding: 0 4px 12px;
	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%;
}
.dm-border-box {
	border: 1px solid #12C4A4;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.dm-twin-boxes {
	margin: 0 -5px;
	color: #12C4A4;
}
.dm-twin-boxes:after {
	content: "";
	display: block;
	clear: both;
}
.dm-twin-boxes > div {
	width: 50%;
	float: left;
}
.dm-twin-boxes .dm-border-box {
	margin: 0 5px;
}
@media screen and (min-width: 768px) {
	.dm-twin-boxes {
		margin: 0 -15px;
	}
	.dm-twin-boxes .dm-border-box {
		margin: 0 15px;
	}
}
.dm-twin-boxes .value-large {
	padding: 4px 0 0;
}
.dm-twin-boxes .label {
	font-size: 1em;
	line-height: 1;
	padding-bottom: 10px;
	padding-left: 12px;
	padding-right: 12px;
}
.dm-spend-box {
	border: 1px solid #12C4A4;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	max-width: 320px;
	margin: 16px auto 20px;
	position: relative;
	overflow: hidden;
}
.dm-spend-box .label {
	float: left;
	margin: 13px 0 12px 14px;
	text-align: left;
}
.dm-spend-box .value {
	border-left: 1px solid #12C4A4;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	color: #12C4A4;
	padding: 4px 20px;
	padding: 4px 14px;
}
.large-p {
	text-align: center;
	font-size: 1.375em;
	font-weight: 300;
	margin: 6px 0 14px;
	color: #07262F;
}
.bg-radial .large-p {
	color: #fff;
}

/* - - - - - - - - - - - - ALERT / PROMPT - - - - - - - - - - - - */

.dm-alert {
	position: absolute;
	z-index: 9999;
	top: 0;
	right: 0;
	left: 0;
	height: 100%;
	/* background: url(../img/bg-white-80.png); */
	/* background: rgba(255, 255, 255, .8); */
	color: #07262F;
	text-align: center;
	opacity: 0;
}
.dm-alert,
.dm-prompt {
	background: url(../img/bg-pale-90.png);
	background: rgba(221, 228, 231, .9);
}
.dm-prompt .close {
	display: block;
	width: 32px;
	height: 32px;
	background: url(../img/prompt-close.png) no-repeat center;
	text-indent: -9999em;
	position: absolute;
	top: -2px;
	right: -2px;
	cursor: pointer;
}
.dm-alert .content {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	max-width: 240px;
	margin: 0 auto;
	padding: 16px 16px 10px;
	background: #fff;
	-webkit-transform: scale(.75);
	-moz-transform: scale(.75);
	-ms-transform: scale(.75);
	-o-transform: scale(.75);
	transform: scale(.75);
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.dm-prompt .content {
	padding-top: 24px;
	padding-bottom: 8px;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.dm-prompt .message {
	margin-bottom: 16px;
}
.dm-alert .dm-button,
.dm-alert .dm-button-hollow {
	font-size: 1em;
	margin: 12px 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.open {
	opacity: 1;
}
.dm-alert.transition .content {
	-webkit-transition: -webkit-transform .25s ease;
	-moz-transition: -moz-transform .25s ease;
	-o-transition: -o-transform .25s ease;
	transition: -ms-transform .25s ease;
	transition: transform .25s ease;
}
.dm-alert.open .content {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.dm-alert .message a {
	color: #12C4A4;
}
.no-touch .dm-alert .message a:hover,
.dm-alert .message a:active {
	color: #10AC90;
}

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

#menu {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #eef1f3;
	overflow: hidden;
	display: none;
}
.menu-out #menu {
	display: block;
}
#menu .logo {
	display: none;
}
#menu ul {
	margin: 54px 28px;
}
#menu ul a {
	color: #5A32FF;
	display: inline-block;
	padding: 16px 16px 16px 30px;
}
#menu ul [href="#home"] {
	background: url(../img/menu-home.png) no-repeat 0 17px;
}
#menu ul [href="#account"] {
	background: url(../img/menu-account.png) no-repeat 0 18px;
}
#menu ul [href="#information"] {
	background: url(../img/menu-information.png) no-repeat 3px 19px;
}
#menu ul [href="#help"] {
	background: url(../img/menu-help.png) no-repeat 0 19px;
}
#menu ul [href="#sign-out"] {
	background: url(../img/menu-sign-out.png) no-repeat 1px 20px;
}
.sign-out-link {
	display: none;
}
.sign-out-link.visible {
	display: list-item;
}
.footer-menu-toggle {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: #f7f8f9;
	height: 40px;
	display: none;
}
.footer-menu-toggle b {
	display: block;
	width: 44px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 50%;
	margin-right: -22px;
	text-indent: -9999em;
	cursor: pointer;
	background: url(../img/bg-transparent.gif);
	background: rgba(0, 0, 0, 0);
}
.toggle-icon-small,
.toggle-icon-medium {
	display: block;
	width: 3px;
	height: 8px;
	border: 1px solid #6E8D97;
	position: absolute;
	top: 50%;
	left: 14px;
	margin-top: -4px;
}
.toggle-icon-medium {
	border-color: #A1B8BE;
	width: 8px;
	left: 21px;
}

@media screen and (min-width: 768px) {
	.footer-menu-toggle {
		display: block;
	}
}

/* - - - - - - - - - - - - SPLASH SCREENS - - - - - - - - - - - - */

.dm-splash {
	background: #000;
	color: #fff;
	text-align: center;
}
.splash-bg-holder {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.splash-bg {
	position: absolute;
	top: 50%;
	left: 50%;
	/*
	-webkit-transform-origin: center 72%;
	-moz-transform-origin: center 72%;
	-o-transform-origin: center 72%;
	transform-origin: center 72%;
	*/
}
/*
.zoom-transition .splash-bg {
	-webkit-transition: -webkit-transform 10s ease;
	-moz-transition: -moz-transform 10s ease;
	-o-transition: -o-transform 10s ease;
	transition: transform 10s ease;
}
.zoom .splash-bg {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
}
*/
.splash-bg img {
	display: block;
	width: 100%;
	height: 100%;
}
.dm-splash h2 {
	color: #12C4A4;
	position: absolute;
	top: 13%;
	left: 0;
	width: 100%;
	margin: 0;
}
.dm-splash p {
	font-size: 1.125em;
	line-height: 1.33333333333333;
	max-width: 254px;
	margin: 0 auto;
	position: absolute;
	top: 28.75%;
	left: 0;
	right: 0;
}
.begin {
	position: absolute;
	top: 72%;
	left: 50%;
	margin: -56px 0 0 -56px;
}
#home .begin {
	top: 66%;
}
.begin span {
	display: block;
	width: 134px;
	height: 134px;
	-webkit-border-radius: 67px;
	border-radius: 67px;
	opacity: .35;
	position: absolute;
	top: -11px;
	left: -11px;
	background: #12C4A4;
	-webkit-transition: -webkit-transform .25s ease, opacity .25s linear;
	-moz-transition: -moz-transform .25s ease, opacity .25s linear;
	-o-transition: -o-transform .25s ease, opacity .25s linear;
	transition: transform .25s ease, opacity .25s linear;
}
.begin.pop span {
	-webkit-transform: scale(1.25);
	-moz-transform: scale(1.25);
	-o-transform: scale(1.25);
	transform: scale(1.25);
	opacity: 0;
}
.begin a {
	font-size: 1.5em;
	font-weight: 300;
	line-height: 1;
	display: block;
	padding-top: 44px;
	width: 112px;
	height: 68px;
	-webkit-border-radius: 56px;
	border-radius: 56px;
	position: relative;
	background: #12C4A4;
	color: #fff;
	-webkit-transition: background-color .125s linear;
	-moz-transition: background-color .125s linear;
	-o-transition: background-color .125s linear;
	transition: background-color .125s linear;
}
.no-touch .begin:hover a {
	background: #10AC90;
}
#home .begin a,
#home .begin span {
	background: #5A32FF;
}
.no-touch #home .begin:hover a {
	background: #4426BF;
}
#risk-adjuster .begin span,
#risk-adjuster .begin a {
	background: #FF6A5D;
}
.no-touch #risk-adjuster .begin:hover a {
	background: #DF5D51;
}
#risk-adjuster h2 {
	color: #FF6A5D;
}
#audit .begin span,
#audit .begin a {
	background: #1286E1;
}

@media screen and (max-height: 430px) {
	.splash-content {
		position: relative;
		height: 430px;
	}
}

#home .splash-content {
	height: auto;
	position: static;
}

/* - - - - - - - - - - - - TOGGLE SWITCHES - - - - - - - - - - - - */

.dm-toggle {
	width: 70px;
	height: 30px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	background: #CAD6DA;
	-webkit-transition: background-color .2s linear;
	-moz-transition: background-color .2s linear;
	-o-transition: background-color .2s linear;
	transition: background-color .2s linear;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	line-height: 1;
}
.no-touch .dm-toggle:hover,
.dm-toggle:active {
	background: #ABC1C6;
}
.dm-toggle span {
	display: block;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 3px;
	left: 3px;
	-webkit-transition: left .2s ease-out;
	-moz-transition: left .2s ease-out;
	-o-transition: left .2s ease-out;
	transition: left .2s ease-out;
}
.dm-toggle i {
	font-style: normal;
	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;
}
.no-touch .dm-toggle:hover .yn-n,
.dm-toggle:active .yn-n {
	color: #427481;
}
.dm-toggle b {
	display: inline-block;
	width: 24px;
	height: 24px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
}
.dm-toggle.on {
	background-color: #FF6A5D;
}
.no-touch .dm-toggle.on:hover,
.dm-toggle.on:active {
	background-color: #DF5D51;
}
.dm-toggle.on span {
	left: 43px;
}

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

/* - - - - - - - - - - - - VALUE / LAVEL SLIDERS - - - - - - - - - - - - */

.dm-value-slider,
.dm-label-slider {
	position: relative;
	/* overflow: hidden; */
	text-align: center;
	padding: 4px 0;
	font-size: .875em;
}
@media screen and (max-width: 479px) {
	.dm-value-slider,
	.dm-label-slider {
		/* font-size: 0.75em; */
		font-size: 0.8125em;
	}
}
.dm-label-slider {
	color: #1286E1;
}
.dm-value-slider .rail,
.dm-label-slider .rail {
	position: absolute;
	top: 10px;
	height: 12px;
	background: #CAD6DA;
}
.dm-label-slider .rail {
	top: 40px;
}
.dm-value-slider .handle,
.dm-label-slider .handle {
	position: absolute;
	top: 0;
}
.dm-label-slider .handle {
	top: 30px;
}
.dm-value-slider.val-2 .rail,
.dm-value-slider.val-2 .handle,
.dm-label-slider.val-2 .rail,
.dm-label-slider.val-2 .handle {
	left: 25%;
	right: 25%;
}
.dm-value-slider.val-3 .rail,
.dm-value-slider.val-3 .handle,
.dm-label-slider.val-3 .rail,
.dm-label-slider.val-3 .handle {
	left: 16.66666666666667%;
	right: 16.66666666666667%;
}
.dm-value-slider.val-4 .rail,
.dm-value-slider.val-4 .handle,
.dm-label-slider.val-4 .rail,
.dm-label-slider.val-4 .handle {
	left: 12.5%;
	right: 12.5%;
}
.dm-value-slider.val-5 .rail,
.dm-value-slider.val-5 .handle,
.dm-label-slider.val-5 .rail,
.dm-label-slider.val-5 .handle {
	left: 10%;
	right: 10%;
}
.dm-value-slider.val-6 .rail,
.dm-value-slider.val-6 .handle,
.dm-label-slider.val-6 .rail,
.dm-label-slider.val-6 .handle {
	left: 8.33333333333334%;
	right: 8.33333333333334%;
}
.dm-value-slider.val-7 .rail,
.dm-value-slider.val-7 .handle,
.dm-label-slider.val-7 .rail,
.dm-label-slider.val-7 .handle {
	left: 7.14285714285715%;
	right: 7.14285714285715%;
}
.dm-value-slider.val-8 .rail,
.dm-value-slider.val-8 .handle,
.dm-label-slider.val-8 .rail,
.dm-label-slider.val-8 .handle {
	left: 6.25%;
	right: 6.25%;
}
.dm-value-slider.val-9 .rail,
.dm-value-slider.val-9 .handle,
.dm-label-slider.val-9 .rail,
.dm-label-slider.val-9 .handle {
	left: 5.55555555555556%;
	right: 5.55555555555556%;
}
.dm-value-slider.val-10 .rail,
.dm-value-slider.val-10 .handle,
.dm-label-slider.val-10 .rail,
.dm-label-slider.val-10 .handle {
	left: 5%;
	right: 5%;
}
.dm-value-slider .rail:before,
.dm-value-slider .rail:after,
.dm-label-slider .rail:before,
.dm-label-slider .rail:after {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background: #CAD6DA;
	position: absolute;
	top: 0;
	left: -6px;
}
.dm-value-slider .rail:after,
.dm-label-slider .rail:after {
	left: auto;
	right: -6px;
}
.dm-value-slider span,
.dm-label-slider span {
	display: block;
	padding-top: 40px;
	float: left;
	position: relative;
}
.dm-label-slider span {
	padding-top: 28px;
	text-indent: -9999em;
}
.dm-value-slider span.current {
	color: #FF6A5D;
}
.dm-value-slider.val-2 span,
.dm-label-slider.val-2 span {
	width: 50%;
}
.dm-value-slider.val-3 span,
.dm-label-slider.val-3 span {
	width: 33.3333333333%;
}
.dm-value-slider.val-4 span,
.dm-label-slider.val-4 span {
	width: 25%;
}
.dm-value-slider.val-5 span,
.dm-label-slider.val-5 span {
	width: 20%;
}
.dm-value-slider.val-6 span,
.dm-label-slider.val-6 span {
	width: 16.66666666666667%;
}
.dm-value-slider.val-7 span,
.dm-label-slider.val-7 span {
	width: 14.28571428571429%;
}
.dm-value-slider.val-8 span,
.dm-label-slider.val-8 span {
	width: 12.5%;
}
.dm-value-slider.val-9 span,
.dm-label-slider.val-9 span {
	width: 11.11111111111111%;
}
.dm-value-slider.val-10 span,
.dm-label-slider.val-10 span {
	width: 10%;
}
.dm-value-slider span:after,
.dm-label-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-label-slider span:after {
	top: 21px;
}
.dm-value-slider span.skip,
.dm-label-slider span.skip {
	width: 0;
}
.dm-value-slider span.skip:after,
.dm-label-slider span.skip:after {
	width: 4px;
	height: 4px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	top: 10px;
	margin-left: -2px;
}
.dm-value-slider b,
.dm-label-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-label-slider b {
	background: #1286E1;
}
.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;
	bottom: -6px;
	left: 50%;
	margin-left: -6px;
}
.dm-value-slider b i,
.dm-label-slider b i {
	display: inline-block;
	width: 2px;
	height: 10px;
	margin: 11px 1.5px 0;
	background: #FF8B81;
}
.no-touch .dm-value-slider b:hover i,
.dm-value-slider b:active i {
	background: #FFB2AB;
}
.dm-label-slider b i {
	background: #47A1E8;
}
.dm-value-slider b a,
.dm-label-slider b a {
	display: block;
	width: 40px;
	height: 40px;
	background: url(../img/bg-transparent.gif);
	background: rgba(0, 0, 0, 0);
	position: absolute;
	top: -4px;
	left: -4px;
	cursor: pointer;
}
.dm-value-slider.transition b,
.dm-label-slider.transition b {
	-webkit-transition: left .125s ease-out;
	-moz-transition: left .125s ease-out;
	-o-transition: left .125s ease-out;
	transition: left .125s ease-out;
}

/* - - - - - - - - - - - - SELECT DROP-DOWN - - - - - - - - - - - - */

.dm-select {
	background: #07262F;
	color: #fff;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	position: relative;
	margin: 4px 0 22px;
	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;
}
.no-touch .dm-select:hover,
.dm-select:active {
	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 .25s ease;
	-moz-transition: -moz-transform .25s ease;
	-o-transition: -o-transform .25s ease;
	transition: transform .25s ease;
}
.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: 9999;
	top: -9999em;
	left: -9999em;
	width: 100%;
	background: #0E4C5D;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 8px 0;
}
.dm-select ul:before {
	content: "";
	display: block;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 10px solid #0E4C5D;
	position: absolute;
	top: -10px;
	right: 12px;
}
.dm-select.open ul {
	top: 100%;
	left: 0;
}
.dm-select li {
	padding: 10px 14px;
	cursor: pointer;
}
.no-touch .dm-select li:hover,
.dm-select li:active {
	background: #12C4A4;
}

.no-touch #audit-1 .dm-select li:hover,
.no-touch #audit-2 .dm-select li:hover,
.no-touch #audit-3 .dm-select li:hover,
#audit-1 .dm-select li:active,
#audit-2 .dm-select li:active,
#audit-3 .dm-select li:active {
	background: #1286E1;
}

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

#demographics {
	text-align: center;
	color: #fff;
}
#demographics .value-large,
#demographics .value {
	color: #6E8F99;
}
#demographics .value {
	padding: 8px 0 6px;
}
#demographics .label {
	font-size: 1em;
	color: #fff;
	padding-bottom: 10px;
}
#demographics .dm-twin-boxes .label {
	padding-bottom: 12px;
}
#demographics .summary-figure .label {
	padding-top: 14px;
	padding-left: 22px;
	padding-right: 22px;
}
#demographics .dm-twin-boxes {
	position: relative;
	overflow: hidden;
}
#demographics .dm-twin-boxes:after {
	content: "";
	display: block;
	width: 10px;
	height: 1px;
	background: #12C4A4;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -8px 0 0 -5px;
}
#demographics .dm-border-box,
.demographics-region-append {
	margin-bottom: 14px;
	position: relative;
}
#demographics .dm-twin-boxes .dm-border-box:after,
.demographics-region-append:after,
.dm-border-box.has-line:after {
	content: "";
	display: block;
	width: 1px;
	height: 14px;
	background: #12C4A4;
	position: absolute;
	bottom: -15px;
	left: 50%;
}
.demographics-region-append,
.demographics-age-gender-append {
	font-size: 1em;
	border: 1px solid #12C4A4;
	border-top: none;
	-webkit-border-bottom-left-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	margin-top: -16px;
	padding: 0 0 8px;
}
.demographics-region-append.hidden {
	display: none;
}
.demographics-region-append .label,
.demographics-age-gender-append .label {
	padding: 0 0 10px;
}
.demographics-region-append span,
.demographics-age-gender-append span {
	color: #6E8F99;
	font-family: source-sans-pro, sans-serif;
	font-size: 2em;
	font-weight: 300;
	display: inline-block;
	margin: 0 8px;
	position: relative;
	top: 4px;
	left: 0;
}

/* - - - - - - - - - - - - DRINKS METER - - - - - - - - - - - - */

#drinks-meter-days h2,
#drinks-meter-days-typical h2 {
	color: #A3BAC0;
}
#alcohol-days-used {
	border-top: 1px solid #DDE4E7;
	margin: 0 -20px;
}
#alcohol-days-used li {
	border-bottom: 1px solid #DDE4E7;
	position: relative;
	padding: 0 20px;
}
.no-touch #alcohol-days-used li:hover,
#alcohol-days-used li:active {
	background: #F7F8F9;
}
#alcohol-days-used .day-text {
	padding: 15px 0 14px;
	cursor: pointer;
	position: relative;
	z-index: 20;
}
#alcohol-days-used .today {
	cursor: default;
	color: #07262F;
}
#alcohol-days-used .today:before {
	display: none;
}
#alcohol-days-used li.selected {
	background: #DDE4E7;
	color: #07262F;
}
#alcohol-days-used li.selected:before {
	border-color: #12C4A4;
	background: #12C4A4;
}
#alcohol-days-used b {
	font-size: 0.875em;
	font-weight: 400;
	letter-spacing: .1em;
	line-height: 1;
	color: #12C4A4;
	position: absolute;
	top: 18px;
	right: 20px;
	padding-right: 16px;
	text-indent: -9999em;
}
#alcohol-days-used .got-drinks b {
	text-indent: 0;
}
#alcohol-days-used .got-drinks .day-text {
	color: #07262F;
	position: relative;
	padding-left: 18px;
}
@media screen and (max-width: 350px) {
	.got-drinks .day-suffix {
		display: none;
	}
}
#alcohol-days-used .got-drinks .day-text:before {
	content: "";
	display: block;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 6px solid #A3BAC0;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -3px;
}
#alcohol-days-used b:after {
	content: "";
	display: block;
	width: 9px;
	height: 9px;
	background: url(../img/dm-plus-green.png) no-repeat center;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -5px;
}
@media screen and (max-width: 479px) {
	#alcohol-days-used .got-drinks b {
		right: 0;
	}
	#alcohol-days-used .got-drinks b:after {
		display: none;
	}
}
#alcohol-days-used .drink-details,
.new-spend-list .drink-details {
	border-top: 2px solid #CAD6DA;
	background: #F0F3F4;
	margin: 0 -20px -1px;
}
.drink-summary-item {
	border-bottom: 1px solid #DDE4E7;
	padding: 12px 20px;
	position: relative;
}
.drink-summary-item .edit-link {
	font-size: 0.875em;
	letter-spacing: .1em;
	color: #A3BAC0;
	display: block;
	padding: 20px;
	position: absolute;
	top: 0;
	right: 0;
	vertical-align: baseline;
	cursor: pointer;
}
.no-touch .drink-summary-item .edit-link:hover,
.drink-summary-item .edit-link:active {
	color: #6E8F99;
}
#drinks-meter-spend .edit-link {
	display: none;
}
.drink-summary-item .edit-link span {
	display: inline-block;
	width: 11px;
	height: 9px;
	background: url(../img/edit-link.png) no-repeat center;
}
.drink-summary-item .type {
	font-size: 1.125em;
	color: #07262F;
}
.drink-summary-item .summary {
	font-size: 0.875em;
	margin: 4px 0;
}
.drink-summary-item .drink-list {
	overflow: hidden;
}
.drink-summary-item .drink-list > div {
	width: 35px;
	height: 58px;
	float: left;
	position: relative;
}
.drink-list span {
	display: block;
	/* background-image: url(../img/grey_x1.png); */
	background-image: url(../img/standardised_x1.png);
	text-indent: -9999em;
	position: absolute;
	top: 50%;
	left: 50%;
	cursor: default;
}

/* - - - - - - - - - - - - ADD DRINK - - - - - - - - - - - - */

#drinks-meter-add-drink .dm-header h2 {
	color: #6E8F99;
}
#drinks-meter-add-drink .dm-header .close {
	display: block;
	padding: 10px;
	color: #6E8F99;
	font-size: 0.875em;
	text-transform: uppercase;
	letter-spacing: .1em;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}
.no-touch #drinks-meter-add-drink .dm-header .close:hover,
#drinks-meter-add-drink .dm-header .close:active {
	color: #DDE4E7;
}
#drinks-meter-add-drink p {
	color: #fff;
}
.add-drink-list {
	font-size: 1em;
	font-weight: 400;
	color: #fff;
	text-align: center;
	width: 286px;
	margin: 0 auto;
	padding: 0 15px;
}
.add-drink-list li {
	width: 133px;
	margin: 0 4px 8px;
	padding: 64px 0 8px;
	float: left;
	border: 1px solid #0E4C5D;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	position: relative;
}
.no-touch .add-drink-list li:hover,
.add-drink-list li:active {
	border-color: #12C4A4;
}
.add-drink-list span {
	display: block;
	background: url(../img/green_x1.png) no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
}
.add-drink-list .beer-lager-ale,
.add-drink-list .cider {
	width: 25px;
	height: 42px;
	background-position: -151px -41px;
	margin: -32px 0 0 -13px;
}
.add-drink-list .wine {
	width: 19px;
	height: 41px;
	background-position: -221px -152px;
	margin: -33px 0 0 -10px;
}
.add-drink-list .champagne {
	width: 11px;
	height: 39px;
	background-position: -348px -148px;
	margin: -31px 0 0 -6px;
}
.add-drink-list .spirits {
	width: 21px;
	height: 24px;
	background-position: -459px -163px;
	margin: -18px 0 0 -11px;
}
.add-drink-list .alcopops {
	width: 13px;
	height: 44px;
	background-position: -33px -39px;
	margin: -33px 0 0 -7px;
}

/* - - - - - - - - - - - - ADD DRINK DETAIL - - - - - - - - - - - - */

#drinks-meter-add-drink-detail,
#drinks-meter-edit-drink-detail {
	text-align: center;
}
#drinks-meter-add-drink-detail .dm-content,
#drinks-meter-edit-drink-detail .dm-content {
	max-width: none;
	padding: 0;
}
#drinks-meter-add-drink-detail .dm-band,
#drinks-meter-edit-drink-detail .dm-band {
	padding: 0;
}
#drinks-meter-add-drink-detail h2,
#drinks-meter-edit-drink-detail h2 {
	color: #A3BAC0;
}
.drink-detail-drink-slider,
.drink-detail-abv-slider {
	position: relative;
	color: #07262F;
	margin: 14px 0 12px;
	cursor: url(../img/draggable.png), move;
	overflow: hidden;
}
.drink-detail-abv-slider {
	color: #A3BAC0;
}
.drink-detail-drink-slider:before,
.drink-detail-drink-slider:after,
.drink-detail-abv-slider:before,
.drink-detail-abv-slider:after {
	content: "";
	display: block;
	background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 0;
	width: 8px;
	display: none;
}
.drink-detail-drink-slider:after,
.drink-detail-abv-slider:after {
	background: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
	left: auto;
	right: 0;
}
.drink-detail-drink-slider.dragging,
.drink-detail-abv-slider.dragging {
	cursor: url(../img/dragging.png), move;
}
.drink-detail-drink-slider .back-left,
.drink-detail-abv-slider .back-left {
	width: 50%;
	overflow: hidden;
}
.drink-detail-drink-slider .back-left .window,
.drink-detail-abv-slider .back-left .window {
	position: relative;
	top: 0;
	left: 100%;
	margin-left: -68px;
	margin-left: -34px;
}
.drink-detail-abv-slider .back-left .window {
	margin-left: -52px;
}
.drink-detail-drink-slider .back-right,
.drink-detail-abv-slider .back-right {
	position: absolute;
	top: 0;
	left: 50%;
	right: 0;
	overflow: hidden;
	background: #fff;
}
.drink-detail-drink-slider .back-right .window {
	margin-left: -34px;
}
.drink-detail-abv-slider .back-right .window {
	margin-left: 0;
}
.drink-detail-drink-slider .front,
.drink-detail-abv-slider .front {
	position: absolute;
	top: 0;
	left: 50%;
}
.drink-detail-abv-slider .front {
	font-size: 1.875em;
	color: #12C4A4;
}
.drink-detail-drink-slider .front .window,
.drink-detail-abv-slider .front .window {
	width: 90px;
	height: 98px;
	border: 1px solid #12C4A4;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	position: absolute;
	top: 0;
	left: -46px;
	overflow: hidden;
	background: #fff;
}
.drink-detail-abv-slider .front .window {
	height: auto;
}
.drink-detail-drink-slider ul,
.drink-detail-abv-slider ul {
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
}
.drink-detail-abv-slider .back-left ul,
.drink-detail-abv-slider .back-right ul {
	padding: 14px 0 11px;
}
.drink-detail-abv-slider .front ul {
	padding: 4px 0 5px;
}
.drink-detail-drink-slider.transition ul,
.drink-detail-abv-slider.transition ul {
	-webkit-transition: -webkit-transform .125s ease-out;
	-moz-transition: -moz-transform .125s ease-out;
	-o-transition: -o-transform .125s ease-out;
	transition: -ms-transform .125s ease-out;
	transition: transform .125s ease-out;
}
.drink-detail-drink-slider.flick ul,
.drink-detail-abv-slider.flick ul {
	-webkit-transition: -webkit-transform .5s cubic-bezier(.23, 1, .32, 1);
	-moz-transition: -moz-transform .5s cubic-bezier(.23, 1, .32, 1);
	-o-transition: -o-transform .5s cubic-bezier(.23, 1, .32, 1);
	transition: -ms-transform .5s cubic-bezier(.23, 1, .32, 1);
	transition: transform .5s cubic-bezier(.23, 1, .32, 1);
}
.drink-detail-drink-slider li {
	float: left;
	text-indent: -9999em;
}
.drink-detail-abv-slider li {
	float: left;
}
.drink-detail-drink-slider .back-left li,
.drink-detail-drink-slider .back-right li {
	width: 68px;
	height: 98px;
	position: relative;
}
.drink-detail-drink-slider .back-left li span,
.drink-detail-drink-slider .back-right li span {
	display: block;
	position: absolute;
	bottom: 14px;
	left: 50%;
	background-image: url(../img/grey_x1.png);
	background-repeat: no-repeat;
}
.drink-detail-abv-slider .back-left li,
.drink-detail-abv-slider .back-right li {
	width: 52px;
}
.drink-detail-drink-slider .front li {
	width: 90px;
	height: 98px;
	position: relative;
}
.drink-detail-drink-slider .front li span {
	display: block;
	position: absolute;
	bottom: 14px;
	left: 50%;
	background-image: url(../img/green_x1.png);
	background-repeat: no-repeat;
}
.drink-detail-abv-slider .front li {
	width: 90px;
}
.drink-detail-drink-slider .value,
.drink-detail-abv-slider .value {
	color: #07262F;
	margin-top: 8px;
}
.drink-detail-abv-slider .value span {
	font-size: 1em;
	letter-spacing: .1em;
}
.slider-wrapper {
	position: relative;
}
.size-slider-prev,
.size-slider-next,
.abv-slider-prev,
.abv-slider-next {
	display: block;
	width: 32px;
	height: 32px;
	position: absolute;
	z-index: 9999;
	top: 50%;
	left: 50%;
	margin-top: -16px;
	margin-left: -80px;
	text-indent: -9999em;
	cursor: pointer;
	display: none;
}
.abv-slider-prev,
.abv-slider-next {
	margin-top: -30px;
}
.size-slider-next,
.abv-slider-next {
	margin-left: 49px;
}
.size-slider-prev span,
.size-slider-next span,
.abv-slider-prev span,
.abv-slider-next span {
	display: block;
	width: 7px;
	height: 13px;
	background: url(../img/slider-arrows.png);
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -7px 0 0 -4px;
}
.size-slider-next span,
.abv-slider-next span {
	background-position: -7px 0;
}
.no-touch .size-slider-prev:hover span,
.no-touch .abv-slider-prev:hover span,
.size-slider-prev:active span,
.abv-slider-prev:active span {
	background-position: 0 -13px;
}
.no-touch .size-slider-next:hover span,
.no-touch .abv-slider-next:hover span,
.size-slider-next:active span,
.abv-slider-next:active span {
	background-position: -7px -13px;
}
.drink-detail-quantity-selector {
	position: relative;
	font-size: 1.875em;
	color: #12C4A4;
	margin: 14px 0 4px;
}
.drink-detail-quantity-selector .value {
	display: block;
	width: 90px;
	margin: 0 auto;
	padding: 8px 0 9px;
	padding: 2px 0 3px;
	border: 1px solid #12C4A4;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.drink-detail-quantity-selector .less,
.drink-detail-quantity-selector .more {
	display: block;
	width: 34px;
	height: 34px;
	border: 1px solid #07262F;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	position: absolute;
	top: 50%;
	margin: -18px 0 0 -81px;
	left: 50%;
	text-indent: -9999em;
	background: url(../img/dm-control-less.png) no-repeat center;
	cursor: pointer;
}
.drink-detail-quantity-selector .less {
	border-right: none;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.drink-detail-quantity-selector .more {
	background-image: url(../img/dm-control-more.png);
	border-left: none;
	-webkit-border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	margin-left: 46px;
}
.no-touch .drink-detail-quantity-selector .less:hover,
.no-touch .drink-detail-quantity-selector .more:hover {
	border-color: #12C4A4;
}
.drink-detail-quantity-selector .less:active,
.drink-detail-quantity-selector .more:active {
	border-color: #0E937B;
}
.qty-label {
	color: #07262F;
}
@media screen and (min-width: 580px) {
	.drink-detail-drink-slider:before,
	.drink-detail-drink-slider:after,
	.drink-detail-abv-slider:before,
	.drink-detail-abv-slider:after {
		display: block;
	}
}

/* - - - - - - - - - - - - ALCOHOL SPEND - - - - - - - - - - - - */

.new-spend-list {
	border-top: 1px solid #DDE4E7;
	margin: 0 -20px 20px;
}
.new-spend-list > li {
	border-bottom: 1px solid #DDE4E7;
	padding: 0 20px;
	position: relative;
}
.new-spend-list .day-name {
	color: #07262F;
	padding: 15px 18px 14px 0;
	/* padding-left: 54px; */
	cursor: pointer;
	position: relative;
}
.new-spend-list .show-hide {
	line-height: 1;
	font-size: .875em;
	color: #6E8F99;
	display: inline-block;
	padding-left: 12px;
}
.new-spend-list .show,
.new-spend-list .hide {
	/* display: block; */
	/* width: 104px; */
	/* width: 48px; */
	/* text-align: center; */
	
	/* position: absolute; */
	/* top: 50%; */
	/* left: 0; */
	/* margin-top: -6px; */
}
.open .show,
.new-spend-list .hide {
	display: none;
}
.open .hide {
	display: inline;
}
.show-hide-narrow {
	display: none;
}

@media screen and (max-width: 340px) {
	.show-hide-narrow {
		display: inline;
	}
	.show-hide-wide {
		display: none;
	}
}

/*
.new-spend-list .day-name:before {
	content: "";
	display: block;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 6px solid #A3BAC0;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -3px;
	-webkit-transform: rotate(-90deg);
	-webkit-transition: -webkit-transform .125s ease-out;
}
.new-spend-list .open .day-name:before {
	-webkit-transform: rotate(0);
}
*/
.spend-box {
	font-size: 1.25em;
	color: #12C4A4;
	position: absolute;
	top: 8px;
	right: 20px;
	border: 1px solid #12C4A4;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.spend-box .currency {
	float: left;
	border-right: 1px solid #12C4A4;
	padding: 4px 7px 3px;
}
.spend-box input {
	width: 40px;
	padding: 2px 0;
	text-align: center;
	color: #12C4A4;
}
/*
.no-touch .spend-box:hover,
.no-touch .spend-box:hover .currency,
.no-touch .spend-box:hover input {
	border-color: #07262F;
	color: #07262F;
}
*/
.new-spend-list .drink-details {
	display: none;
}
.new-spend-list .open .drink-details {
	display: block;
}

/* - - - - - - - - - - - - ALCOHOL RESULTS - - - - - - - - - - - - */

#alcohol-results .large-p,
#alcohol-results-2 .large-p,
#alcohol-results-3 .large-p {
	color: #A3BAC0;
}
#alcohol-results,
#alcohol-results-2,
#alcohol-results-3 {
	text-align: center;
	color: #A3BAC0;
}
#alcohol-results h2,
#alcohol-results-2 h2,
#alcohol-results-3 h2 {
	color: #12C4A4;
}
#alcohol-results hr,
#alcohol-results-2 hr,
#alcohol-results-3 hr {
	border-color: #0B3946;
}
.user-comparison-slider {
	color: #fff;
}
#alcohol-results-2 hr,
#alcohol-results-3 hr {
	margin-top: 30px;
}
#alcohol-results p,
#alcohol-results-2 p,
#alcohol-results-3 p {
	margin-top: 12px;
}
#alcohol-results .dm-content,
#alcohol-results-2 .dm-content,
#alcohol-results-3 .dm-content,
#alcohol-summary .dm-content,
#last-visit .dm-content {
	max-width: none;
	padding-left: 0;
	padding-right: 0;
}
#alcohol-results .dm-footer,
#alcohol-results-2 .dm-footer {
	color: #fff;
}
#alcohol-results .dm-footer p,
#alcohol-results-2 .dm-footer p {
	/* max-width: 280px; */
	margin: 22px auto;
}
#alcohol-results-2 .dm-value-slider,
#cannabis-comparison .dm-value-slider {
	color: #A3BAC0;
}
#alcohol-results-2 .dm-value-slider .rail,
#alcohol-results-2 .dm-value-slider .rail:before,
#alcohol-results-2 .dm-value-slider .rail:after,
#cannabis-comparison .dm-value-slider .rail,
#cannabis-comparison .dm-value-slider .rail:before,
#cannabis-comparison .dm-value-slider .rail:after {
	background: #0B3946;
}
#alcohol-results-2 .dm-value-slider span.current,
#cannabis-comparison .dm-value-slider span.current {
	color: #fff;
}
#alcohol-results-2 .dm-value-slider span:after,
#cannabis-comparison .dm-value-slider span:after {
	background: #447481;
}
#alcohol-results-2 .dm-value-slider span.skip:after,
#cannabis-comparison .dm-value-slider span.skip:after {
	background: #07262F;
}
#alcohol-results-2 .dm-value-slider b,
#cannabis-comparison .dm-value-slider b {
	background: #5A32FF;
}
.no-touch #alcohol-results-2 .dm-value-slider b:hover,
#alcohol-results-2 .dm-value-slider b:active,
.no-touch #cannabis-comparison .dm-value-slider b:hover,
#cannabis-comparison .dm-value-slider b:active {
	background: #4426BF;
}
#alcohol-results-2 .dm-value-slider b:after,
#cannabis-comparison .dm-value-slider b:after {
	border-top-color: #5A32FF;
}
.no-touch #alcohol-results-2 .dm-value-slider b:hover:after,
#alcohol-results-2 .dm-value-slider b:active:after,
.no-touch #cannabis-comparison .dm-value-slider b:hover:after,
#cannabis-comparison .dm-value-slider b:active:after {
	border-top-color: #4426BF;
}
#alcohol-results-2 .dm-value-slider b i,
#cannabis-comparison .dm-value-slider b i {
	background: #3111B3;
}
.no-touch #alcohol-results-2 .dm-value-slider b:hover i,
#alcohol-results-2 .dm-value-slider b:active i {
	background: #07262F;
}
#alcohol-results-3 .dm-button-next {
	border-color: #0E4C5D;
}

.cc-units-note {
	padding-top: 16px;
}

/* - - - - - - - - - - - - CALORIE EQUIVALENTS - - - - - - - - - - - - */

.calorie-equivalents-people .figures span {
	display: inline-block;
	width: 40px;
	height: 131px;
	background: url(../img/calorie-equiv-sprite.png) no-repeat 0 0;
	margin: 0 2px;
}
.calorie-equivalents-people .figures span b {
	display: block;
	background: #0B3946;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	filter: alpha(opacity=65);
	opacity: .65;
}
.calorie-equivalents-people .figures .half {
	background-position: 0 -132px;
}
.calorie-equivalents-people.female .figures span {
	width: 36px;
	height: 134px;
	background-position: -40px 0;
}
.calorie-equivalents-people.female .figures .half {
	background-position: -40px -134px;
}
.calorie-equivalents-people .label,
.calorie-equivalents-people .equiv {
	font-size: 1em;
	color: #12C4A4;
}
.calorie-equivalents-people .label {
	margin: 8px 20px 30px;
}
.calorie-equivalents-people .equiv {
	color: #A3BAC0;
	border-top: 1px solid #0E4C5D;
	margin: 28px auto 0;
	padding: 0 20px;
	max-width: 580px;
}
.calorie-equivalents-people .equiv span {
	display: inline-block;
	background: #0B3946;
	padding: 0 8px;
	position: relative;
	top: -11px;
}
.equivalent-slider {
	cursor: url(../img/draggable.png), move;
}
.equivalent-slider.dragging {
	cursor: url(../img/dragging.png), move;
}
.equivalent-slider .slides {
	overflow: hidden;
}
.equivalent-slider .slides {
	width: 300%;
	position: relative;
	top: 0;
	left: 0;
}
.equivalent-slider .slides li {
	width: 33.3333333333%;
	float: left;
	position: relative;
}
.equivalent-slider .value {
	display: inline-block;
	color: #12C4A4;
	line-height: 1;
}
.equivalent-slider .cheeseburgers .icon,
.equivalent-slider .chocolate-bars .icon,
.equivalent-slider .bags-of-chips .icon {
	display: inline-block;
	background: url(../img/calorie-icons-v3.png);
}
.equivalent-slider .cheeseburgers .icon {
	width: 37px;
	height: 26px;
	background-position: -255px -86px;
	margin: 0 0 2px 12px;
}
.equivalent-slider .chocolate-bars .icon {
	width: 40px;
	height: 23px;
	background-position: -77px -89px;
	margin: 0 0 2px 14px;
}
.equivalent-slider .bags-of-chips .icon {
	width: 24px;
	height: 37px;
	background-position: -185px -132px;
	margin: 0 0 0 8px;
}
.equivalent-slider .label {
	margin: 4px 0 16px;
}
.equivalent-slider .or {
	display: block;
	position: absolute;
	top: 20%;
	right: 0;
	font-size: 1em;
	margin-right: -.5em;
}
.equivalent-slider .pager span,
.user-comparison-chart .pager span {
	display: inline-block;
	width: 6px;
	height: 6px;
	border: 1px solid #A3BAC0;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	text-indent: -9999em;
	margin: 2px 2px 2px 1px;
}
.equivalent-slider .pager .current,
.user-comparison-chart .pager .current {
	background: #A3BAC0;
}
.user-comparison-chart .pager {
	margin-top: 16px;
}
.user-comparison-slides-holder {
	overflow: hidden;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.got-slides {
	cursor: url(../img/draggable.png), move;
}
.got-slides.dragging {
	cursor: url(../img/dragging.png), move;
}

.user-comparison-slides-holder ul {
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
}
.user-comparison-slides-holder li {
	float: left;
}
.user-comparison-slides-holder li > div {
	max-width: 580px;
	margin: 0 auto;
	padding: 0 20px;
}
.pager-arrows {
	position: relative;
	max-width: 750px;
	margin: 0 auto;
	padding: 0 20px;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.user-comparison-chart.no-slides .pager-arrows {
	display: none;
}
.pager-arrows > div {
	width: 44px;
	height: 44px;
	border: 1px solid #0E4C5D;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	position: absolute;
	bottom: 188px;
	left: 20px;
	cursor: pointer;
}
.pager-arrows .next {
	left: auto;
	right: 20px;
}
.pager-arrows > div span {
	display: block;
	width: 8px;
	height: 14px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -7px 0 0 -4px;
	text-indent: -9999em;
	background: url(../img/pager-arrows.png);
}
.pager-arrows > .next span {
	background-position: -8px 0;
}
.pager-arrows > div:hover {
	background: #0E4C5D;
}
.no-touch .pager-arrows > .prev:hover span,
.pager-arrows > .prev:active span {
	background-position: 0 -14px;
}
.no-touch .pager-arrows > .next:hover span,
.pager-arrows > .next:active span {
	background-position: -8px -14px;
}

@media screen and (max-width: 840px) {
	.pager-arrows > div {
		bottom: -12px;
	}
}

/* - - - - - - - - - - - - ALCOHOL DAYS CHART - - - - - - - - - - - - */

.alcohol-days-chart {
	font-size: 0.875em;
	color: #12C4A4;
	position: relative;
	margin: 44px 0 0;
	/* display: none; */
}
.chart-label {
	font-size: 1em;
	margin-top: 12px;
}
.alcohol-days-chart .bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 1px;
	height: 100%;
	background: #ed373c;
	overflow: hidden;
}
.alcohol-days-chart .up-to-4 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 32px;
	background: #12C4A4;
}
.alcohol-days-chart .grad {
	position: absolute;
	/* bottom: 32px; */
	bottom: 12px;
	left: 0;
	width: 100%;
	/* height: 156px; */
	height: 74px;
}
.female .alcohol-days-chart .grad {
	bottom: 0;
	height: 72px;
}
.alcohol-days-chart .grad img {
	display: block;
	width: 100%;
	height: 100%;
}
.alcohol-days-chart .days {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
}
.alcohol-days-chart .day {
	width: 14.28571428571429%;
	float: left;
	position: relative;
	height: 100%;
}
.alcohol-days-chart .day-column {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border-left: 1px solid #162F3A;
}
.alcohol-days-chart .label {
	position: absolute;
	bottom: 100%;
	left: 0;
	right: 0;
	margin-bottom: 4px;
	padding: 0 2px;
	line-height: 1;
}

.binge-note {
	color: #fff;
	max-width: 320px;
	margin: 0 auto;
}

@media screen and (max-width: 479px) {
	.alcohol-days-chart {
		margin-top: 46px;
	}
	.alcohol-days-chart .label {
		font-size: 0.92857142857143em;
	}
	.alcohol-days-chart .label span {
		display: block;
	}
}

.alcohol-days-chart .no-drinks .label {
	color: #0E4C5D;
}
.alcohol-days-chart .bg-blank {
	position: absolute;
	top: 32px;
	bottom: 0;
	left: 0;
	width: 100%;
	background: url(../img/alcohol-chart-bg.png) 0 bottom;
	background-size: 100% 8px;
}
.alcohol-days-chart .remain-blank {
	background: #6E8F99 url(../img/alcohol-chart-bg.png) 0 bottom;
	background-size: 100% 8px;
	position: relative;
	padding-top: 32px;
}
.alcohol-days-chart .total-blank {
	background: #0E4C5D;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding-top: 32px;
}
.alcohol-days-chart .no-drinks .total-blank {
	background: #162F3A;
	bottom: 0;
}
.alcohol-days-chart .qty {
	position: absolute;
	bottom: 4px;
	left: 0;
	width: 100%;
}
.alcohol-days-chart .no-drinks .qty {
	display: none;
}

/* - - - - - - - - - - - - USER COMPARISON - - - - - - - - - - - - */

.user-comparison-chart,
.user-comparison-chart h4 {
	color: #fff !important;
}
.user-comparison-chart h4 {
	margin-bottom: 12px;
}
.user-comparison-chart h4 span,
.user-comparison-chart p span,
.weekly-recommended-section p span {
	color: #6E8F99 !important;
}
.user-comparison-chart p {
	max-width: 254px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.2em;
}
.user-comparison-chart .value {
	color: #12C4A4;
	margin: 4px 0 16px;
	display: none;
}
.comparison-graph-holder {
	position: relative;
	overflow: hidden;
}
.comparison-graph-holder .labels {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	color: #6E8F99;
	font-size: 0.75em;
	line-height: 1;
	text-align: left;
}
.comparison-graph-holder .labels div {
	position: relative;
}
.comparison-graph-holder .labels div:before,
.comparison-graph-holder .labels div:after {
	content: "";
	display: block;
	width: 50%;
	height: 1px;
	background: #0B3946;
	position: absolute;
	bottom: 0;
	left: 0;
	margin-left: -19px;
	/* margin-left: 0; */
}
.comparison-graph-holder .labels div:after {
	left: 50%;
	margin-left: 21px;
}
.comparison-graph-holder .labels span {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 30%;
	margin-top: -6px;
}
.comparison-graph-holder .labels .threshold {
	left: auto;
	right: 0;
	width: auto;
}
.comparison-graph-holder .labels .perc-100 {
	height: 24px;
}
.comparison-graph-holder .labels .perc-95 {
	height: 26px;
}
.comparison-graph-holder .labels .perc-90 {
	height: 37px;
}
.comparison-graph-holder .labels .perc-80 {
	height: 38px;
}
.comparison-graph-holder .labels .perc-70 {
	height: 37px;
}
.comparison-graph-holder .labels .perc-60 {
	height: 36px;
}
.comparison-graph-holder .labels .perc-50 {
	height: 84px;
}
.comparison-graph-holder .labels .perc-90 span,
.comparison-graph-holder .labels .perc-60 span {
	white-space: nowrap;
}
.comparison-graph {
	width: 90px;
	margin: 0 auto;
	height: 280px;
	background: url(../img/user-comparison-v3.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;
}
.cg-bg b {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0);
}

.cg-d-1,
.cg-d-2,
.cg-d-3,
.cg-d-4,
.cg-d-5 {
	display: block;
	width: 23px;
	height: 1px;
	background: #07262f;
	position: absolute;
	z-index: 4;
	top: 23px;
	left: 34px;
}
.cg-d-2 {
	top: 49px;
}
.cg-d-3 {
	top: 86px;
}
.cg-d-4 {
	top: 124px;
}
.cg-d-5 {
	top: 161px;
}

.comparison-graph .score-scale-previous,
.comparison-graph .score-scale-current {
	position: absolute;
	top: 22px;
	bottom: 46px;
	left: 50%;
	width: 1px;
}

.thumbs-up {
	display: inline-block;
	width: 17px;
	height: 16px;
	background: url(../img/thumbs-up.png) no-repeat center;
	margin-left: 12px;
	position: relative;
	top: 1px;
}

.target-copy,
#alcohol-targets-results .init-copy,
#alcohol-targets-results .adj-copy {
	display: none;
}
#alcohol-targets-results .target-copy {
	display: block;
}
.current-only .score-scale-previous,
.copy-hidden {
	display: none;
}
.current-average .score-scale-current,
.previous-average .score-scale-previous {
	bottom: 22px;
	top: 212px;
}
.current-high-average .score-scale-current,
.previous-high-average .score-scale-previous {
	bottom: 84px;
	top: 162px;
}
.current-high .score-scale-current,
.previous-high .score-scale-previous {
	bottom: 120px;
	top: 125px;
}
.current-very-high .score-scale-current,
.previous-very-high .score-scale-previous {
	bottom: 157px;
	top: 87px;
}
.current-extremely-high .score-scale-current,
.previous-extremely-high .score-scale-previous {
	bottom: 195px;
	top: 50px;
}
.current-top-10 .score-scale-current,
.previous-top-10 .score-scale-previous {
	bottom: 232px;
	top: 24px;
}
.current-top-5 .score-scale-current,
.previous-top-5 .score-scale-previous {
	bottom: 258px;
	top: 16px;
}
.comparison-graph .current-score,
.comparison-graph .previous-score {
	position: absolute;
	bottom: 0;
	left: 0;
}
.comparison-graph .current-score span,
.comparison-graph .previous-score span {
	display: block;
	padding: 5px 8px 6px;
	background: #fff;
	color: #07262F;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	position: absolute;
	top: 50%;
	left: 20px;
	-webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, .25);
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, .25);
	line-height: 1;
	margin-top: -14px;
	min-width: 20px;
	white-space: nowrap;
}
.comparison-graph .current-score span:after,
.comparison-graph .previous-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%;
	left: -8px;
	margin-top: -6px;
}
.comparison-graph .previous-score span {
	background: #A3BAC0;
	left: auto;
	right: 20px;
}
.comparison-graph .previous-score span:after {
	left: auto;
	right: -8px;
	border-right: none;
	border-left: 8px solid #A3BAC0;
}
.current-top-5 .perc-100,
.current-top-10 .perc-95,
.current-extremely-high .perc-90,
.current-very-high .perc-80,
.current-high .perc-70,
.current-high-average .perc-60,
.current-average .perc-50 {
	color: #fff;
}

/* - - - - - - - - - - - - WEEKLY RECOMMENDED CHART - - - - - - - - - - - - */

.weekly-recommended-section {
	color: #fff;
}
.weekly-recommended-section h4 {
	color: #fff !important;
	margin-bottom: 0 !important;
}
.weekly-recommended-section hr {
	margin-top: 16px !important;
}
.weekly-recommended-section p {
	max-width: 254px;
	margin: 14px auto !important;
}
.weekly-recommended-chart {
	font-size: 0.75em;
	color: #CAD6DA;
	color: #6E8F99;
	max-width: 280px;
	margin: 88px auto 38px;
}
.weekly-recommended-chart .bg {
	height: 50px;
	height: 40px;
	position: relative;
}
.weekly-recommended-chart .grad {
	border: 1px solid #fff;
	border-color: #0B3946;
	border-color: #0E4C5D;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: url(../img/gradient-horizontal.png);
	background: #ed373c;
	overflow: hidden;
}
.weekly-recommended-chart .grad img {
	display: block;
	width: 56%;
	height: 100%;
}
.weekly-recommended-chart.female .grad img {
	width: 42%;
}
.weekly-recommended-chart .block-right {
	position: absolute;
	top: 0;
	bottom: 0;
	right: -2px;
	left: 0;
	background: #162F3A;
	background: #0B3946;
	background: #0E4C5D;
}
.weekly-recommended-chart .block-diff {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	background: #285764;
	background: #447481;
}
.weekly-recommended-chart .last-score {
	width: 12px;
	height: 49px;
	background: url(../img/recommended-previous.png) no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	margin-left: -6px;
	display: none;
}
.weekly-recommended-chart .max,
.weekly-recommended-chart .high,
.weekly-recommended-chart .extreme {
	position: absolute;
	bottom: 0;
	bottom: 40px;
	left: 21%;
	height: 55px;
	height: 62px;
	border-left: 1px solid #fff;
	border-color: #0E4C5D;
	border-color: #CAD6DA;
	text-align: left;
	color: #CAD6DA;
}
.weekly-recommended-chart .high {
	left: 50%;
}
.weekly-recommended-chart .extreme {
	left: 80%;
}
.weekly-recommended-chart.female .max {
	left: 13%;
}
.weekly-recommended-chart.female .high {
	left: 35%;
}
.weekly-recommended-chart.female .extreme {
	left: 50%;
}
.weekly-recommended-chart .max span,
.weekly-recommended-chart .high span,
.weekly-recommended-chart .extreme span {
	line-height: 1;
	position: absolute;
	top: -2px;
	left: 5px;
}
.weekly-recommended-chart .max span {
	left: auto;
	right: 5px;
	text-align: right;
}
.weekly-recommended-chart .key,
.weekly-recommended-chart .key-label {
	color: #000;
	color: rgba(0, 0, 0, .65);
}
.weekly-recommended-chart .key {
	margin: 0 -14px 4px;
	padding-top: 13px;
	position: relative;
	z-index: 999;
}
.weekly-recommended-chart .key span {
	width: 9.09090909090909%;
	float: left;
	position: relative;
}
.weekly-recommended-chart .key span:before,
.weekly-recommended-chart .key span:after {
	content: "";
	display: block;
	width: 1px;
	height: 12px;
	background: #000;
	background: rgba(0, 0, 0, .45);
	position: absolute;
	top: -12px;
	left: 50%;
}
.weekly-recommended-chart .key span:after {
	top: 14px;
}
.weekly-recommended-chart .key span.hidden:before,
.weekly-recommended-chart .key span.hidden:after {
	display: none;
}
.weekly-recommended-chart .key span b {
	display: block;
	position: absolute;
	top: -12px;
	left: 0;
}
.weekly-recommended-chart .key span b:before,
.weekly-recommended-chart .key span b:after {
	content: "";
	display: block;
	width: 1px;
	height: 7px;
	background: #000;
	background: rgba(0, 0, 0, .23);
	position: absolute;
	top: 0;
	left: 0;
}
.weekly-recommended-chart .key span b:after {
	top: 31px;
}
.weekly-recommended-chart .key-label {
	text-align: left;
	clear: both;
	color: #6E8F99;
	padding-top: 20px;
	margin: 0 1px;
}
.weekly-recommended-chart.prevlt30 .key-label {
	text-align: right;
}
.chart-scores {
	position: relative;
	text-align: center;
	color: #07262F;
	font-size: 1.33333333333333em;
}
.chart-scores .previous {
	position: absolute;
	top: 8px;
	left: -9999em;
}
.chart-scores .current {
	position: absolute;
	top: -72px;
	left: -9999em;
}
.chart-scores .previous > span,
.chart-scores .current > span {
	display: block;
	width: 100px;
	position: absolute;
	top: 0;
	left: -50px;
}
.chart-scores .previous > span span,
.chart-scores .current > span span {
	display: inline-block;
	padding: 2px 6px;
	background: #A3BAC0;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	position: relative;
}
.chart-scores .previous > span span:after,
.chart-scores .current > span span:after {
	content: "";
	display: block;
	position: absolute;
	top: -6px;
	left: 50%;
	margin-left: -6px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #A3BAC0;
}
.chart-scores .current > span span:after {
	top: auto;
	bottom: -6px;
	border-bottom: none;
	border-top: 6px solid #fff;
}
.chart-scores .current > span span {
	background: #fff;
}
p.doh-advice {
	font-size: 0.75em;
	text-align: left;
	max-width: 280px !important;
	margin: 0 auto !important;
}

.week-thumb {
	border: 1px solid #12C4A4;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	max-width: 278px;
	margin: 18px auto 0;
	position: relative;
}
.week-thumb span {
	width: 17px;
	height: 16px;
	background: url(../img/thumbs-up.png) no-repeat center;
	position: absolute;
	top: 50%;
	left: 14px;
	margin-top: -10px;
}
.week-thumb p {
	text-align: left;
	max-width: none;
	margin: 6px 12px 6px 48px !important;
}

/* - - - - - - - - - - - - CANNABIS - - - - - - - - - - - - */

.dm-note {
	color: #6E8F99;
	font-size: 0.875em;
}

.hidden-placeholder {
	clear: both;
	margin: 0;
	padding: 0;
	visibility: hidden;
	height: 8px;
}

#demographics .value-large,
#demographics .value,
.demographics-region-append span,
.demographics-age-gender-append span {
	color: #12C4A4;
}

#demographics-2 {
	color: #fff;
	text-align: center;
}
.dm-users-percent {
	display: block;
	font-size: 3em;
	font-weight: 200;
	color: #12C4A4;
}
.dm-demographics-box {
	border: 1px solid #12C4A4;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.dm-demographics-box .value {
	display: block;
	font-size: 2em;
	font-weight: 200;
	color: #12C4A4;
}
.dm-box-split {
	color: #A3BAC0;
	font-size: 1em;
	margin: 0 12px;
	overflow: hidden;
}
.dm-box-split span {
	display: inline-block;
	padding: 0 8px;
	position: relative;
}
.dm-box-split span:before,
.dm-box-split span:after {
	content: "";
	display: block;
	width: 400%;
	height: 1px;
	background: #0E4C5D;
	position: absolute;
	top: 50%;
	left: 100%;
}
.dm-box-split span:after {
	left: auto;
	right: 100%;
}

#cannabis-1,
#cannabis-2,
#cannabis-3,
#cannabis-images,
.cannabis-info {
	color: #07262F;
}
#cannabis-1 h2,
#cannabis-2 h2,
#cannabis-3 h2,
#cannabis-images h2,
.cannabis-info h2 {
	color: #A1B9BF;
}

#cannabis-1 h4,
#cannabis-2 h4,
#cannabis-3 h4 {
	color: #6D8E99;
}

#cannabis-1 hr,
#cannabis-2 hr,
#cannabis-3 hr {
	border-top-color: #CAD6DA;
}

#cannabis-3 .dm-button-next {
	border-color: #6E8F99;
	color: #6E8F99;
}
#cannabis-3 .dm-button-next span {
	background-image: url(../img/cannabis/button-arrow.png);
}

.cannabis-type {
	position: relative;
	padding: 4px 0;
	cursor: pointer;
}
.cannabis-type .thumb {
	width: 82px;
	float: left;
	margin-left: 40px;
	position: relative;
	cursor: pointer;
}
.cannabis-type .check,
.cannabis-type-zoom-slider .check,
.dm-slider-check {
	width: 22px;
	height: 22px;
	background: url(../img/check-circle.png) no-repeat;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -11px;
}
.cannabis-type.selected .check {
	background-position: 0 -22px;
}
.cannabis-type img {
	max-width: 100%;
	display: block;
}
.cannabis-type .thumb-zoom {
	display: block;
	width: 10px;
	height: 10px;
	background: url(../img/dm-thumbnail-zoom.png) no-repeat center;
	text-indent: -9999em;
	position: absolute;
	top: 5px;
	right: 5px;
}
.cannabis-type .description {
	margin-left: 138px;
}
.cannabis-type .description span {
	display: table-cell;
	height: 83px;
	vertical-align: middle;
}

.cannabis-type-zoom {
	position: absolute;
	z-index: 9999;
	top: -9999em;
	left: -9999em;
	width: 100%;
	height: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	background: #000;
	color: #A3BAC0;
	opacity: 0;
	-webkit-transition: opacity .25s linear;
	-moz-transition: opacity .25s linear;
	-o-transition: opacity .25s linear;
	transition: opacity .25s linear;
}
.cannabis-type-zoom > div {
	-webkit-transform: scale(.75);
	-moz-transform: scale(.75);
	-o-transform: scale(.75);
	transform: scale(.75);
	-webkit-transition: -webkit-transform .25s ease-out;
	-moz-transition: -webkit-transform .25s ease-out;
	-o-transition: -webkit-transform .25s ease-out;
	transition: -webkit-transform .25s ease-out;
	padding: 16px 0 32px;
}
.cannabis-type-zoom.open {
	opacity: 1;
	top: 0;
	left: 0;
}
.cannabis-type-zoom.open > div {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.cannabis-type-zoom .close {
	display: block;
	width: 24px;
	height: 24px;
	background: url(../img/cannabis/zoom-close.png) no-repeat center;
	text-indent: -9999em;
	float: right;
	cursor: pointer;
}
.cannabis-type-zoom-slider {
	clear: both;
	/* padding: 16px 0 48px; */
	padding-top: 16px;
	overflow: hidden;
	text-align: center;
	position: relative;
}
.cannabis-type-zoom-slider ul {
	overflow: hidden;
	width: 300%;
	position: relative;
	top: 0;
	left: 0;
	cursor: url(../img/draggable.png), move;
}
.cannabis-type-zoom-slider ul.dragging {
	cursor: url(../img/dragging.png), move;
}
.cannabis-type-zoom-slider ul.transition {
	-webkit-transition: left .5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-moz-transition: left .5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-o-transition: left .5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	transition: left .5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
.cannabis-type-zoom-slider ul li {
	width: 33.3333333333%;
	float: left;
}
.cannabis-type-zoom-slider .img {
	display: block;
	max-width: 435px;
	margin: 0 auto;
	position: relative;
	cursor: pointer;
}
.cannabis-type-zoom-slider img {
	display: block;
	width: 100%;
}
.cannabis-type-zoom-slider .check {
	top: auto;
	bottom: 9px;
	left: auto;
	right: 10px;
}
.cannabis-type-zoom-slider .selected .check {
	background-position: 0 -22px;
}
.cannabis-type-zoom-slider p {
	max-width: 435px;
	margin: 1em auto;
	text-align: left;
	font-size: 0.875em;
}
.dm-slider-pager {
	position: relative;
	padding: 20px;
	text-align: center;
}
.dm-slider-pager .pager a {
	display: inline-block;
	width: 6px;
	height: 6px;
	border: 1px solid #A3BAC0;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	text-indent: -9999em;
	margin: 0 2px;
}
.dm-slider-pager .pager a.current {
	background: #A3BAC0;
}
.dm-slider-pager .prev,
.dm-slider-pager .next {
	display: block;
	width: 44px;
	height: 44px;
	border: 1px solid #A3BAC0;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	position: absolute;
	top: 50%;
	left: 20px;
	cursor: pointer;
	margin-top: -22px;
}
.dm-slider-pager .next {
	left: auto;
	right: 20px;
}
.dm-slider-pager .prev span,
.dm-slider-pager .next span {
	display: block;
	width: 8px;
	height: 14px;
	background: url(../img/pager-arrows.png) no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -7px 0 0 -4px;
	text-indent: -9999em;
}
.dm-slider-pager .next span {
	background-position: -8px 0;
}

#cannabis-2 .dm-toggle.on {
	background: #12C4A4;
}
.no-touch #cannabis-2 .dm-toggle.on:hover,
#cannabis-2 .dm-toggle.on:active {
	background: #10AC90;
}
#cannabis-smoke-options {
	position: absolute;
	top: -9999em;
	left: -9999em;
}
#cannabis-smoke-options.open {
	position: static;
}

.dm-slider {
	overflow: hidden;
	color: #6E8F99;
}
.dm-slider ul {
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	cursor: url(../img/draggable.png), move;
}
.dm-slider ul.dragging {
	cursor: url(../img/dragging.png), move;
}
.dm-slider ul.transition {
	-webkit-transition: left .5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-moz-transition: left .5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	-o-transition: left .5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
	transition: left .5s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}
.dm-slider ul li {
	float: left;
}
.dm-slider .img {
	position: relative;
	cursor: pointer;
}
.dm-slider img {
	display: block;
	width: 100%;
}
.dm-slider-check {
	top: auto;
	bottom: 8px;
	left: auto;
	right: 8px;
	background-position: 0 -44px;
}
.selected .dm-slider-check {
	background-position: 0 -22px;
}
.dm-slider-tooltip {
	font-size: 0.875em;
	display: block;
	padding: 6px 10px 5px;
	background: #fff;
	-webkit-border-radius: 3px;
	position: absolute;
	bottom: 100%;
	right: -2px;
	margin-bottom: 12px;
	white-space: nowrap;
}
.tapped .dm-slider-tooltip {
	display: none;
}
.dm-slider-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;
}

.dm-input-row {
	position: relative;
}
.dm-input-row p {
	margin-right: 108px;
}
.dm-input-row__input {
	border: 1px solid #00C4A3;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	position: absolute;
	top: 50%;
	right: 0;
	width: 70px;
	margin-top: -26px;
}
.dm-input-row__input input {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	padding: 11px;
	text-align: center;
	color: #00C4A3;
	font-size: 1.25em;
	font-weight: 300;
}

.dm-input-full {
	border: 1px solid #00C4A3;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	position: relative;
	max-width: 278px;
	margin: 0 auto;
}
.dm-input-extra {
	color: #00C4A3;
	padding: 12px 10px 0;
	font-size: 1.25em;
	border-right: 1px solid #00C4A3;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
}
.dm-input-full input {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	color: #00C4A3;
	padding: 11px;
	padding-left: 30px;
	font-size: 1.25em;
	text-align: center;
}

#cannabis-options-quantity .dm-input-row {
	padding: 2px 0;
}

#cannabis-options-size,
#cannabis-options-spend,
#cannabis-options-quantity,
#cannabis-options-info,
#cannabis-spend-known {
	position: absolute;
	top: -9999em;
	left: -9999em;
}
#cannabis-options-size.open,
#cannabis-options-spend.open,
#cannabis-options-quantity.open,
#cannabis-options-info.open,
#cannabis-spend-known.open {
	position: static;
}

#cannabis-feedback,
#cannabis-comparison,
#cannabis-results {
	color: #fff;
	text-align: center;
}
#cannabis-feedback h2,
#cannabis-comparison h2,
#cannabis-results h2 {
	color: #A1B9BF;
}
#cannabis-feedback hr,
#cannabis-comparison hr,
#cannabis-results hr {
	border-top-color: #083947;
}
#cannabis-feedback .dm-spend-box .value,
#cannabis-comparison .dm-spend-box .value {
	border: none;
}
#cannabis-feedback p {
	max-width: 280px;
	margin-left: auto;
	margin-right: auto;
}

.dm-spend-list {
	border: 1px solid #12C4A4;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding: 0 20px 4px;
}
.dm-spend-list hr {
	margin: 0;
}
.dm-spend-list__row {
	text-align: left;
	padding: 8px 0 6px;
	display: table;
	width: 100%;
}
.dm-spend-list__row .label {
	display: table-cell;
	vertical-align: middle;
}
.dm-spend-list__row .value {
	font-size: 2em;
	font-weight: 200;
	line-height: 1;
	color: #12C4A4;
	text-align: right;
	display: table-cell;
	vertical-align: middle;
}

#cannabis-lifetime-use-1 {
	color: #07262F;
}
#cannabis-lifetime-use-1 h2 {
	color: #A1B9BF;
}

#cannabis-lifetime-use-1 .dm-input-row p {
	margin-top: 24px;
	margin-bottom: 28px;
}
#cannabis-lifetime-use-1 .dm-input-row__input {
	border-color: #07262F;
	width: 92px;
}
#cannabis-lifetime-use-1 .dm-input-row input {
	font-size: 24px;
	color: #07262F;
	padding: 8px 0;
}

#cannabis-lifetime-use-1 .dm-value-slider {
	color: #6E8F99;
}
#cannabis-lifetime-use-1 .dm-value-slider b {
	background: #12C4A4;
}
#cannabis-lifetime-use-1 .dm-value-slider b:after {
	border-top-color: #12C4A4;
}
#cannabis-lifetime-use-1 .dm-value-slider b i {
	background: #71DCC8;
}
#cannabis-lifetime-use-1 .dm-value-slider span.current {
	color: #12C4A4;
}

#cannabis-lifetime-use-feedback {
	text-align: center;
	color: #fff;
}
#cannabis-lifetime-use-feedback h2 {
	color: #A1B9BF;
}
#cannabis-lifetime-use-feedback .highlight {
	color: #6E8F99;
}
#cannabis-lifetime-use-feedback h4 {
	margin: 1em 0 .5em;
}
#cannabis-lifetime-use-feedback p {
	max-width: 260px;
	margin: 0 auto 1.2em;
}
#cannabis-lifetime-use-feedback hr {
	border-top-color: #083947;
}

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

#cannabis-dap-1,
#cannabis-dap-2,
#cannabis-dap-3,
#cannabis-dap-4 {
	color: #07262F;
}
#cannabis-dap-1 h2,
#cannabis-dap-2 h2,
#cannabis-dap-3 h2,
#cannabis-dap-4 h2 {
	color: #A1B9BF;
}
#cannabis-dap-1 .large-p {
	/* text-align: left; */
}

#cannabis-dap-feedback {
	color: #fff;
}
#cannabis-dap-feedback h2 {
	color: #A1B9BF;
}
#audit-explained h4 {
	display: none;
}
#cannabis-dap-feedback hr {
	border-color: #0B3946;
}
.label-dependent-drinking {
	white-space: nowrap;
}

/* - - - - - - - - - - - - CALCULATING (NEW) - - - - - - - - - - - - */

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

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

#risk-adjuster-1 h2,
#risk-adjuster-2 h2,
#risk-adjuster-3 h2 {
	color: #A3BAC0;
}
#risk-adjuster-1 p,
#risk-adjuster-2 p,
#risk-adjuster-3 p {
	color: #07262F;
}
.ra-pregnant {
	display: none;
}
.is-female .ra-pregnant {
	display: block;
}
#risk-adjuster-results {
	text-align: center;
}
#risk-adjuster-results h2 {
	color: #FF6A5D;
}
#risk-adjuster-results .title {
	max-width: 320px;
	margin: 6px auto 14px;
}
#risk-adjuster-results hr {
	border-color: #0B3946;
}
#risk-adjuster-results .dm-twin-boxes {
	margin-bottom: 30px;
}
#risk-adjuster-results .dm-content {
	max-width: none;
}
.ra-unadjusted,
.ra-adjusted {
	border: 1px solid #447481;
	color: #447481;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	margin: 0 5px;
}
.ra-adjusted {
	color: #FF6A5D;
	border-color: #FF6A5D;
}
.ra-unadjusted .label,
.ra-adjusted .label {
	padding-bottom: 12px;
}
.ra-unadjusted .label-box,
.ra-adjusted .label-box {
	font-size: 1em;
	border-top: 1px solid #447481;
	padding: 4px 0;
}
.ra-adjusted .label-box {
	border-color: #FF6A5D;
}
#risk-adjuster-results .dm-button-next {
	font-size: 0.875em;
}

/* - - - - - - - - - - - - AUDIT - - - - - - - - - - - - */

#audit h2 {
	color: #1286E1;
}
#audit-1 h2,
#audit-2 h2,
#audit-3 h2 {
	color: #6D8E99;
}
#audit-1 p,
#audit-2 p,
#audit-3 p {
	color: #07262F;
}
#audit-results h2 {
	color: #447481;
}
#audit-results ,
#alcohol-summary .dm-back {
	background-position: 0 -40px;
}
#audit .begin span,
#audit .begin a {
	background: #1286E1;
}
.no-touch #audit .begin:hover a {
	background: #1075C5;
}
#audit-results {
	color: #fff;
}
#audit-score {
	text-align: center;
	margin: 20px 0;
}
.score-box {
	display: inline-block;
	border: 1px solid #1286E1;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.score-box .value {
	display: block;
	padding: 2px 24px 5px;
}
.score-box .description {
	display: block;
	padding: 4px 16px 5px;
	font-size: 1em;
	border-top: 1px solid #1286E1;
}
.audit-low-risk .score-box,
.audit-low-risk .score-box .description {
	border-color: #b5d733;
	color: #b5d733;
}
.audit-medium-risk .score-box,
.audit-medium-risk .score-box .description {
	border-color: #ffa600;
	color: #ffa600;
}
.audit-high-risk .score-box,
.audit-high-risk .score-box .description {
	border-color: #f35b28;
	color: #f35b28;
}
.audit-dependent-drinking .score-box,
.audit-dependent-drinking .score-box .description {
	border-color: #ed373c;
	color: #ed373c;
}
#audit-diagram {
	font-size: 0.875em;
	font-size: .75em;
	position: relative;
	line-height: 1;
	margin-bottom: 34px;
}
#audit-diagram-bg {
	width: 220px;
	height: 204px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -110px;
}
#audit-diagram-triangle {
	width: 100%;
	height: 202px;
	background: url(../img/audit-triangle-bg.png) no-repeat center;
	position: absolute;
	top: 0;
	left: 0;
}
#audit-diagram .low-risk,
#audit-diagram .medium-risk,
#audit-diagram .high-risk,
#audit-diagram .dependent-drinking {
	border-bottom: 1px solid #1286E1;
	border-color: #0B3946;
	position: relative;
}
#audit-diagram .dependent-drinking {
	height: 35px;
	position: relative;
}
#audit-diagram .high-risk {
	height: 37px;
}
#audit-diagram .medium-risk {
	height: 48px;
}
#audit-diagram .low-risk {
	height: 78px;
}
.label-low-risk,
.label-medium-risk,
.label-high-risk,
.label-dependent-drinking {
	width: 0;
	position: absolute;
	left: 8px;
	color: #6E8F99;
}
.audit-low-risk .label-low-risk,
.audit-low-risk .value-low-risk,
.audit-medium-risk .label-medium-risk,
.audit-medium-risk .value-medium-risk,
.audit-high-risk .label-high-risk,
.audit-high-risk .value-high-risk,
.audit-dependent-drinking .label-dependent-drinking,
.audit-dependent-drinking .value-dependent-drinking {
	color: #fff;
}
.audit-gradient {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 218px;
	height: 80px;
	background: url(../img/audit-triangle.png) no-repeat center -122px;
	margin-left: -109px;
}
.audit-medium-risk .audit-gradient {
	bottom: 79px;
	height: 50px;
	background-position: center -72px;
}
.audit-high-risk .audit-gradient {
	bottom: 128px;
	height: 39px;
	background-position: center -35px;
}
.audit-dependent-drinking .audit-gradient {
	bottom: 166px;
	height: 36px;
	background-position: center 0;
}
.label-dependent-drinking {
	top: 173px;
	top: 6px;
}
.label-high-risk {
	top: 136px;
	top: 43px;
}
.label-medium-risk {
	top: 91px;
	top: 86px;
}
.label-low-risk {
	top: 29px;
	top: 150px;
}
.value-low-risk,
.value-high-risk,
.value-medium-risk,
.value-dependent-drinking {
	position: absolute;
	right: 8px;
	color: #6E8F99;
}
.value-dependent-drinking {
	top: 180px;
	top: 12px;
}
.value-high-risk {
	top: 143px;
	top: 49px;
}
.value-medium-risk {
	top: 100px;
	top: 91px;
}
.value-low-risk {
	top: 37px;
	top: 158px;
}
#audit-diagram-dot-holder {
	position: absolute;
	z-index: 20;
	top: 0;
	bottom: 2px;
	left: 50%;
	margin-left: 1px;
}
#audit-diagram-dot {
	width: 8px;
	height: 8px;
	border: 2px solid #07262F;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	text-indent: -9999em;
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0 0 0 -6px;
	text-align: left;
}
#audit-diagram-dot span {
	display: block;
	position: absolute;
	top: 24px;
	left: 50%;
	width: 104px;
	margin-left: -62px;
	padding: 6px 10px 4px;
	line-height: 1;
	background: #fff;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-indent: 0;
	color: #000;
	font-family: source-sans-pro, "Source Sans Pro", "Trebuchet MS", sans-serif;
	font-weight: 400;
	text-transform: none;
	letter-spacing: normal;
	font-size: 1.33333333333333em;
}
#audit-diagram-dot span b {
	display: block;
	width: 22px;
	height: 22px;
	background: url(../img/dm-hidden-close.png) no-repeat center;
	text-indent: -9999em;
	position: absolute;
	top: 50%;
	right: 2px;
	margin-top: -11px;
	cursor: pointer;
}
#audit-diagram-dot span:after {
	content: "";
	display: block;
	position: absolute;
	top: -6px;
	left: 50%;
	margin-left: -6px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #fff;
}
#audit-explained {
	margin-top: 46px;
	margin-bottom: 26px;
}
#audit-results h4 {
	color: #6E8F99;
}
#audit-results hr {
	border-color: #0B3946;
}
#audit-explained h4 {
	color: #1286E1;
	margin: 0;
}
#audit-results .dm-button-next {
	margin-bottom: 10px;
}
.read-more-copy {
	display: none;
}
.read-more-link {
	text-align: center;
	margin-bottom: 1.5em;
}
.read-more-link a {
	display: inline-block;
	padding: 6px 16px 4px;
	cursor: pointer;
	border: 1px solid #6E8F99;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.no-touch .read-more-link a:hover,
.read-more-link a:active {
	border-color: #447481;
}
.read-more.open .read-more-link {
	display: none;
}
.read-more.open .read-more-copy {
	display: block;
}

/* - - - - - - - - - - - - ALCOHOL SUMMARY / TARGETS - - - - - - - - - - - - */

#alcohol-summary,
#last-visit {
	text-align: center;
	color: #fff;
}
#alcohol-summary h2,
#last-visit h2 {
	color: #12C4A4;
}
#alcohol-summary h4,
#last-visit h4 {
	color: #0E4C5D;
}
#alcohol-summary hr,
#last-visit hr {
	border-color: #0B3946;
	margin-top: 30px;
}
.alcohol-reduce-prompt {
	background: #fff;
}
.alcohol-reduce-prompt p {
	text-align: center;
	font-size: 1.125em;
	color: #07262F;
	max-width: 200px;
	margin: 1em auto;
}
#alcohol-targets h2 {
	color: #FF9F00;
}
#alcohol-targets .begin span,
#alcohol-targets .begin a {
	background: #FF9F00;
}

.no-touch #alcohol-targets .begin:hover a {
	background: #DF8B00;
}
#alcohol-targets-remove {
	color: #07262F;
}
#alcohol-targets-remove h2 {
	color: #A3BAC0;
}
#alcohol-targets-review h2 {
	color: #12C4A4;
}
.alcohol-targets-remove-day .bar {
	background: #F0F3F4;
	font-size: 0.875em;
	overflow: hidden;
	margin: -1px -20px 0;
	padding: 7px 8px 6px;
}
.alcohol-targets-remove-day .bar .label {
	float: left;
}
.alcohol-targets-remove-day .bar .drinks {
	width: 70px;
	text-align: center;
	float: right;
	color: #12C4A4;
}
.alcohol-targets-remove-day .drink-group {
	margin: 0 -20px;
	padding: 12px 20px 8px;
	border-bottom: 1px solid #DDE4E7;
}
.alcohol-targets-remove-day .summary {
	position: relative;
}
.alcohol-targets-remove-day .type {
	font-size: 1.125em;
}
.alcohol-targets-remove-day .size {
	font-size: 0.875em;
	color: #6E8F99;
	padding: 4px 0 6px;
}
.alcohol-targets-remove-day .qty {
	font-size: 1.125em;
	color: #12C4A4;
	position: absolute;
	top: 50%;
	right: -12px;
	margin-top: -1em;
	width: 70px;
	text-align: center;
}
.alcohol-targets-remove-day .drink-group .drinks {
	overflow: hidden;
}
.alcohol-targets-remove-day .drinks li {
	width: 35px;
	height: 58px;
	float: left;
	cursor: pointer;
	position: relative;
}
.drinks span {
	display: block;
	-webkit-transition: -webkit-transform .1s ease;
	-moz-transition: -moz-transform .1s ease;
	-o-transition: -o-transform .1s ease;
	transition: transform .1s ease;
	position: absolute;
	top: 50%;
	left: 50%;
	background-image: url(../img/standardised_x1.png);
	background-repeat: no-repeat;
}

.drinks .remove span {
	/*
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
	filter: alpha(opacity=25);
	opacity: .25;
	*/
	background-image: url(../img/outline-results_x1.png);
}
.drinks .shrink span {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}
#alcohol-targets-review {
	text-align: center;
}
#alcohol-targets-review .dm-content {
	max-width: none;
	padding-left: 0;
	padding-right: 0;
}
#alcohol-targets-review .dm-twin-boxes {
	position: relative;
	overflow: hidden;
}
#alcohol-targets-review .dm-twin-boxes:after {
	content: "";
	display: block;
	width: 10px;
	height: 1px;
	background: #12C4A4;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -5px 0 0 -5px;
}
@media screen and (min-width: 768px) {
	#demographics .dm-twin-boxes:after,
	#alcohol-targets-review .dm-twin-boxes:after {
		width: 30px;
		margin-left: -15px;
	}
	.ra-unadjusted, .ra-adjusted {
		margin: 0 15px;
	}
}
#alcohol-targets-results {
	text-align: center;
}
#alcohol-targets-results h2 {
	color: #12C4A4;
}
#alcohol-targets-results .dm-content {
	max-width: none;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 10px;
}
#alcohol-targets-results hr {
	border-color: #0B3946;
	margin-top: 30px;
}
.alcohol-summary-actions h4 {
	color: #0E4C5D;
	margin: 24px 0 14px;
}
.button-email {
	background: url(../img/action-email.png) no-repeat 10px center;
	padding-left: 44px;
	max-width: 206px;
	border-color: #0E4C5D;
}
.button-print {
	background: url(../img/action-print.png) no-repeat 10px center;
	padding-left: 44px;
	max-width: 206px;
	border-color: #0E4C5D;
}

.isapp .button-print {
	display: none;
}

#alcohol-targets-results .dm-button-next {
	border-color: #0E4C5D;
}
#alcohol-targets-results .dm-button {
	margin-top: 30px;
}
#alcohol-targets-results .dm-button-hollow {
	color: #fff;
	margin-top: 16px;
}
.spend-extra {
	color: #fff;
}
.spend-extra .dm-spend-box {
	/* margin: 0 0 12px; */
}
.spend-extra .dm-spend-box .label {
	/* margin: 12px 0 0 12px; */
}
.spend-extra .dm-spend-box .value {
	/*
color: #fff;
	padding: 2px 10px;
	text-align: right;
	width: 80px;
*/
}

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

#thanks .dm-content {
	max-width: none;
	padding-left: 0;
	padding-right: 0;
}
.thanks-header {
	padding-bottom: 16px;
}
.thanks-header-inner {
	background: url(../img/thanks-bg.png) no-repeat center -20px;
}
#thanks .dm-band {
	max-width: 280px;
}
#thanks h2 {
	font-size: 1.75em;
	font-weight: 300;
	color: #12C4A4;
	margin: 0;
	padding: 44px 0 14px;
}
.thanks-targets {
	background: url(../img/home-chart.png) no-repeat 0 center;
	padding-left: 40px;
}
.thanks-summary {
	background: url(../img/home-clipboard.png) no-repeat 3px center;
	padding-left: 40px;
}
.thanks-credentials {
	text-align: center;
}
#unique-id {
	border: 1px solid #12C4A4;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color: #12C4A4;
	padding: 3px 0 5px;
}
.thanks-credentials .dm-input {
	text-align: left;
}
.thanks-credentials .dm-button {
	font-family: source-sans-pro, "Source Sans Pro", "Trebuchet MS", sans-serif;
	font-weight: 400;
	text-transform: none;
	letter-spacing: normal;
}
.thanks-create-account {
	position: absolute;
	top: -9999em;
	left: -9999em;
	overflow: hidden;
}
.thanks-create-account.transition {
	-webkit-transition: height .5s cubic-bezier(.23, 1, .32, 1);
	-moz-transition: height .5s cubic-bezier(.23, 1, .32, 1);
	-o-transition: height .5s cubic-bezier(.23, 1, .32, 1);
	transition: height .5s cubic-bezier(.23, 1, .32, 1);
}
.thanks-create-account.open {
	position: static;
}
#thanks .dm-button-hollow {
	margin-top: 0;
}
.signed-in-update-thanks .thanks-associate-email {
	display: none;
}

/* - - - - - - - - - - - - ACCOUNT - - - - - - - - - - - - */

#account .dm-button-next {
	color: #07262F;
}
#account .dm-content,
#change-email .dm-content,
#change-password .dm-content {
	/* max-width: 280px; */
	/*
	padding-top: 14px;
	padding-bottom: 148px;
	*/
}
.account-band-inner {
	max-width: 280px;
	margin: 0 auto;
}
#account hr {
	margin: 30px 0 20px;
}
#account h4,
.unique-id {
	color: #5A32FF;
}
#change-email hr,
#change-password hr {
	margin: 14px 0;
}
.unique-id {
	font-size: 1.75em;
	border: 1px solid #6E8F99;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	text-align: center;
	padding: 6px 0 7px;
}

/* - - - - - - - - - - - - INFORMATION - - - - - - - - - - - - */

#information .close,
#help .close {
	display: none;
}
.box-menu {
	border: 1px solid #6E8F99;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #07262F;
	max-width: 280px;
	margin: 22px auto;
}
.box-menu li {
	border-top: 1px solid #6E8F99;
}
.box-menu li.first {
	border: none;
}
.box-menu li a {
	display: block;
	padding: 14px 32px 15px 10px;
	position: relative;
	color: #07262F;
}
.no-touch .box-menu li a:hover,
.box-menu li a:active {
	color: #5A32FF;
}
.box-menu li a span,
#account .dm-button-next span {
	display: block;
	width: 6px;
	height: 10px;
	background: url(../img/info-menu-arrow.png) no-repeat;
	text-indent: -9999em;
	position: absolute;
	top: 50%;
	right: 12px;
	margin-top: -5px;
}

/* - - - - - - - - - - - - FEEDBACK - - - - - - - - - - - - */

#feedback h2 {
	color: #6D8E99;
}
#feedback p {
	color: #07262F;
	margin: .5em 0;
}
#feedback .dm-select {
	margin-bottom: 2em;
}

/* - - - - - - - - - - - - DISCLAIMER - - - - - - - - - - - - */

#disclaimer-content {
	font-size: 0.875em;
	line-height: 1.4;
}

/* - - - - - - - - - - - - SIGN IN - - - - - - - - - - - - */

.dm-input.valid input {
	border-color: #12C4A4;
}
.forgot-p {
	font-size: 0.875em;
	max-width: 280px;
	margin: -4px auto 0;
}
#forgot-password {
	font-size: 0.875em;
	text-align: right;
	max-width: 280px;
	margin: 1em auto;
	padding-bottom: 12px;
}
#forgot-password a {
	color: #5A32FF;
	cursor: pointer;
}
.create-account-fields {
	padding-bottom: 25px;
}

/* - - - - - - - - - - - - CALCULATING - - - - - - - - - - - - */

.calculating {
	position: fixed;
	z-index: 999999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	opacity: 0;
	-webkit-transition: opacity .25s linear;
	-moz-transition: opacity .25s linear;
	-o-transition: opacity .25s linear;
	transition: opacity .25s linear;
}
.calculating .bubbles-holder {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 0%;
	/*
	-webkit-transition: height 2.5s ease-in-out;
	-moz-transition: height 2.5s ease-in-out;
	-o-transition: height 2.5s ease-in-out;
	transition: height 2.5s ease-in-out;
	*/
}
.lift .bubbles-holder {
	/* height: 100%; */
}
.calculating .bubble-1,
.calculating .bubble-2,
.calculating .bubble-3,
.calculating .bubble-4 {
	position: absolute;
	background: url(../img/calculating-bubbles-sprite.png) no-repeat;
}
.calculating .bubble-1 {
	width: 35px;
	height: 83px;
	margin: -42px 0 0 -18px;
	top: 30%;
	left: 16.25%;
	-webkit-animation: jiggle 1.75s linear infinite;
	-webkit-transform-origin: bottom;
	-moz-animation: jiggle 1.75s linear infinite;
	-moz-transform-origin: bottom;
	animation: jiggle 1.75s linear infinite;
	transform-origin: bottom;
}
.calculating .bubble-2 {
	width: 35px;
	height: 55px;
	margin: -28px 0 0 -18px;
	top: 38%;
	left: 83.125%;
	background-position: -35px 0;
	-webkit-animation: jiggle 1s linear infinite;
	-webkit-transform-origin: bottom;
	-moz-animation: jiggle 1s linear infinite;
	-moz-transform-origin: bottom;
	animation: jiggle 1s linear infinite;
	transform-origin: bottom;
}
.calculating .bubble-3 {
	width: 35px;
	height: 83px;
	margin: -42px 0 0 -18px;
	top: 48%;
	left: 35%;
	background-position: -70px 0;
	-webkit-animation: jiggle 1.25s linear infinite;
	-webkit-transform-origin: bottom;
	-moz-animation: jiggle 1.25s linear infinite;
	-moz-transform-origin: bottom;
	animation: jiggle 1.25s linear infinite;
	transform-origin: bottom;
}
.calculating .bubble-4 {
	width: 15px;
	height: 15px;
	margin: -8px 0 0 -8px;
	top: 64%;
	left: 71.875%;
	background-position: -35px -55px;
	-webkit-animation: jiggle 1.5s linear infinite;
	-webkit-transform-origin: bottom;
	-moz-animation: jiggle 1.5s linear infinite;
	-moz-transform-origin: bottom;
	animation: jiggle 1.5s linear infinite;
	transform-origin: bottom;
}
@-webkit-keyframes jiggle {
	0% {
		-webkit-transform: translate(0, -4px);
	}
	25% {
		-webkit-transform: translate(4px, 0) rotate(-8deg);
	}
	50% {
		-webkit-transform: translate(0, 4px);
	}
	75% {
		-webkit-transform: translate(-4px, 0) rotate(8deg);
	}
	100% {
		-webkit-transform: translate(0, -4px);
	}
}
@-moz-keyframes jiggle {
	0% {
		-moz-transform: translate(0, -4px);
	}
	25% {
		-moz-transform: translate(4px, 0) rotate(-8deg);
	}
	50% {
		-moz-transform: translate(0, 4px);
	}
	75% {
		-moz-transform: translate(-4px, 0) rotate(8deg);
	}
	100% {
		-moz-transform: translate(0, -4px);
	}
}
@keyframes jiggle {
	0% {
		transform: translate(0, -4px);
	}
	25% {
		transform: translate(4px, 0) rotate(-8deg);
	}
	50% {
		transform: translate(0, 4px);
	}
	75% {
		transform: translate(-4px, 0) rotate(8deg);
	}
	100% {
		transform: translate(0, -4px);
	}
}
.calculating.open {
	opacity: 1;
}
.calculating h3 {
	position: absolute;
	bottom: 11.25%;
	left: 0;
	width: 100%;
	text-align: center;
	color: #12C4A4;
}
.calculating.risk-adjuster h3 {
	color: #FF6A5D;
}
.calculating.risk-adjuster .bubble-1 {
	background-position: -105px 0;
}
.calculating.risk-adjuster .bubble-2 {
	background-position: -140px 0;
}
.calculating.risk-adjuster .bubble-3 {
	background-position: -175px 0;
}
.calculating.risk-adjuster .bubble-4 {
	background-position: -140px -55px;
}
.calculating.alcohol-targets h3 {
	color: #FF9F00;
}
.calculating.alcohol-targets .bubble-1 {
	background-position: -210px 0;
}
.calculating.alcohol-targets .bubble-2 {
	background-position: -245px 0;
}
.calculating.alcohol-targets .bubble-3 {
	background-position: -280px 0;
}
.calculating.alcohol-targets .bubble-4 {
	background-position: -245px -55px;
}
#calculating-mask {
	background: #051D23;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 200%;
	height: 200%;
	margin-left: -100%;
	-webkit-transition: -webkit-transform .25s ease;
	-webkit-transform-origin: bottom center;
	-moz-transition: -moz-transform .25s ease;
	-moz-transform-origin: bottom center;
	-o-transition: -o-transform .25s ease;
	-o-transform-origin: bottom center;
	transition: transform .25s ease;
	transform-origin: bottom center;
}
.lift #calculating-mask {
	/* bottom: 100%; */
}

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

@media screen and (min-width: 620px) {
	.add-drink-list {
		width: 465px;
	}
	.add-drink-list li {
		margin: 0 10px 20px;
		padding: 96px 0 16px;
	}
	#audit-1,
	#audit-2,
	#audit-3 {
		text-align: center;
	}
}

@media screen and (min-width: 660px) {
	.size-slider-prev,
	.size-slider-next,
	.abv-slider-prev,
	.abv-slider-next {
		left: -32px;
		margin-left: 0;
		display: block;
	}
	.size-slider-next,
	.abv-slider-next {
		left: auto;
		right: -32px;
	}
}

@media screen and (min-width: 768px) {
	#menu {
		display: block;
		width: 80px;
	}
	#menu .logo {
		display: block;
		margin-top: 12px;
	}
	#menu .logo a {
		display: block;
		width: 40px;
		height: 28px;
		background: url(../img/cannabis/logoSmall.png) no-repeat center;
		margin: 26px auto 0;
		text-indent: -9999em;
	}
	#menu ul {
		margin: 36px 0;
	}
	#menu ul a {
		text-indent: -9999em;
		display: block;
		background-position: center !important;
	}
	#wrapper {
		width: auto;
		left: 80px;
		right: 0;
	}
	.equivalent-slider {
		cursor: default;
	}
	.equivalent-slider .slides {
		width: auto;
		position: static;
	}
	.chocolate-bars,
	.bags-of-chips {
		margin-left: 16px;
		margin-right: 16px;
	}
	.equivalent-slider .pager {
		display: none;
	}
	#information,
	#help {
		background: #CAD6DA;
	}
	#information .dm-header,
	#help .dm-header {
		display: none;
	}
	#information .dm-content,
	#help .dm-content,
	.box-menu {
		max-width: none;
		padding-left: 0;
		padding-right: 0;
	}
	.box-menu {
		border: none;
		margin: 0;
	}
	.box-menu li,
	.box-menu li.first {
		border: none;
		border-bottom: 1px solid #A3BAC0;
	}
	.box-menu li a {
		padding: 14px 16px 16px;
	}
	.box-menu li a span {
		right: 16px;
	}
	#information .close,
	#help .close {
		font-size: 1em;
		display: block;
		padding: 14px 16px 16px;
		border-bottom: 1px solid #A3BAC0;
		position: relative;
		color: #6E8F99;
		cursor: pointer;
	}
	#information .close span,
	#help .close span {
		display: block;
		width: 11px;
		height: 11px;
		background: url(../img/info-menu-close.png) no-repeat;
		text-indent: -9999em;
		position: absolute;
		top: 50%;
		right: 15px;
		margin-top: -6px;
	}
}

@media screen and (min-width: 940px) {
	h2 {
		font-size: 1.125em;
	}
	.large-p {
		font-size: 1.625em;
	}
}

/* - - - - - - - - - - - - MEDIUM MENU OPEN - - - - - - - - - - - - */

@media screen and (min-width: 768px) {
	.medium-menu-toggle .toggle-icon-small {
		border-color: #A1B8BE;
	}
	.medium-menu-toggle .toggle-icon-medium {
		border-color: #6E8D97;
	}
	.medium-menu-toggle #menu {
		width: 198px;
	}
	.medium-menu-toggle #menu .logo a {
		width: 133px;
		height: 101px;
		background: url(../img/sidebar-large-logo.png) no-repeat center 0;
	}
	.medium-menu-toggle #menu ul {
		margin: 32px 28px;
	}
	.medium-menu-toggle #menu ul a {
		text-indent: 0;
	}
	.medium-menu-toggle #menu ul [href="#home"] {
		background-position: 0 17px !important;
	}
	.medium-menu-toggle #menu ul [href="#account"] {
		background-position: 0 18px !important;
	}
	.medium-menu-toggle #menu ul [href="#information"] {
		background-position: 3px 19px !important;
	}
	.medium-menu-toggle #menu ul [href="#help"] {
		background-position: 0 19px !important;
	}
	.medium-menu-toggle #menu ul [href="#sign-out"] {
		background-position: 1px 20px !important;
	}
	.medium-menu-toggle .footer-menu-toggle b {
		right: 0;
		margin-right: 0;
	}
	.medium-menu-toggle #wrapper {
		left: 198px;
	}
}

/* - - - - - - - - - - - - MEDIUM MENU OPEN - - - - - - - - - - - - */

@media screen and (min-width: 1024px) {
	#menu {
		width: 198px;
	}
	#menu .logo a {
		width: 133px;
		height: 101px;
		background: url(../img/sidebar-large-logo.png) no-repeat center 0;
		width: 136px;
		height: 103px;
		background: url(../img/cannabis-splash-logo.png) no-repeat center;
		display: none;
	}
	#menu ul {
		margin: 32px 28px;
	}
	#menu ul a {
		text-indent: 0;
	}
	#menu ul [href="#home"] {
		background-position: 0 17px !important;
	}
	#menu ul [href="#account"] {
		background-position: 0 18px !important;
	}
	#menu ul [href="#information"] {
		background-position: 3px 19px !important;
	}
	#menu ul [href="#help"] {
		background-position: 0 19px !important;
	}
	#menu ul [href="#sign-out"] {
		background-position: 1px 20px !important;
	}
	.footer-menu-toggle {
		display: none;
	}
	#wrapper {
		left: 198px;
	}
}

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

@media screen and (-moz-min-device-pixel-ratio: 1.1),
screen and (-o-min-device-pixel-ratio: 1.1/1),
screen and (-webkit-min-device-pixel-ratio: 1.1),
screen and (min-device-pixel-ratio: 1.1) {
	h1 {
		background-image: url(../img/cannabis-splash-logo@2x.png);
		background-size: 135px;
	}
	.menu-close a {
		background-image: url(../img/menu-bar-close-x2.png);
		background-size: 10px;
	}
	#menu .logo a {
		background-image: url(../img/sidebar-small-logo-x2.png);
		background-size: 38px;
	}
	#menu ul [href="#home"] {
		background-image: url(../img/menu-home-x2.png);
		background-size: 17px;
	}
	#menu ul [href="#account"] {
		background-image: url(../img/menu-account-x2.png);
		background-size: 16px;
	}
	#menu ul [href="#information"] {
		background-image: url(../img/menu-information-x2.png);
		background-size: 10px;
	}
	#menu ul [href="#help"] {
		background-image: url(../img/menu-help-x2.png);
		background-size: 15px;
	}
	#menu ul [href="#sign-out"] {
		background-image: url(../img/menu-sign-out-x2.png);
		background-size: 13px;
	}
	.dm-back,
	.dm-next {
		background-image: url(../img/dm-header-nav-x2.png);
		background-size: 80px;
	}
	.dm-button-back span {
		background-image: url(../img/dm-button-back-x2.png);
		background-size: 18px;
	}
	.dm-button-arrow {
		background-image: url(../img/dm-button-next-x2.png);
		background-size: 18px;
	}
	.dm-button-next span {
		background-image: url(../img/dm-button-next-arrow-x2.png);
		background-size: 7px;
	}
	#alcohol-days-used b:after {
		background-image: url(../img/dm-plus-green-x2.png);
		background-size: 9px;
	}
	.add-drink-list span,
	.drink-detail-drink-slider .front li span {
		background-image: url(../img/green_x2.png);
		background-size: 590px;
	}
	.drink-detail-drink-slider .back-left li span,
	.drink-detail-drink-slider .back-right li span {
		background-image: url(../img/grey_x2.png);
		background-size: 590px;
	}
	.drink-list span,
	.drinks span {
		background-image: url(../img/standardised_x2.png);
		background-size: 591px;
	}
	.drinks .remove span {
		background-image: url(../img/outline-results_x2.png);
		background-size: 591px;
	}
	.size-slider-prev span,
	.size-slider-next span,
	.abv-slider-prev span,
	.abv-slider-next span {
		background-image: url(../img/slider-arrows-x2.png);
		background-size: 14px;
	}
	.drink-detail-quantity-selector .less {
		background-image: url(../img/dm-control-less-x2.png);
		background-size: 7px;
	}
	.drink-detail-quantity-selector .more {
		background-image: url(../img/dm-control-more-x2.png);
		background-size: 9px;
	}
	#alcohol-days-used b:after {
		background-image: url(../img/dm-plus-green-x2.png);
		background-size: 9px;
	}
	.drink-summary-item .edit-link span {
		background-image: url(../img/edit-link-x2.png);
		background-size: 11px;
	}
	.has-extra .extra-indicator,
	.flippable .extra-indicator {
		background-image: url(../img/extra-indicator-x2.png);
		background-size: 7px;
	}
	.hidden-data-close,
	#audit-diagram-dot span b {
		background-image: url(../img/dm-hidden-close-x2.png);
		background-size: 10px;
	}
	.calorie-equivalents-people .figures span {
		background-image: url(../img/calorie-equiv-sprite-x2.png);
		background-size: 76px;
	}
	.equivalent-slider .cheeseburgers .icon, .equivalent-slider .chocolate-bars .icon, .equivalent-slider .bags-of-chips .icon {
		background-image: url(../img/calorie-icons-v3-x2.png);
		background-size: 378px;
	}
	.alcohol-days-chart .bg-blank,
	.alcohol-days-chart .remain-blank {
		background-image: url(../img/alcohol-chart-bg-x2.png);
	}
	.comparison-graph {
		background-image: url(../img/user-comparison-v3@2x.png);
		background-size: 90px;
	}
	#audit-diagram-triangle {
		background-image: url(../img/audit-triangle-bg-x2.png);
		background-size: 217px;
	}
	.audit-gradient {
		background-image: url(../img/audit-triangle-x2.png);
		background-size: 217px;
	}
	.thanks-header-inner {
		background-image: url(../img/thanks-bg-x2.png);
		background-size: 346px;
	}
	.box-menu li a span,
	#account .dm-button-next span {
		background-image: url(../img/info-menu-arrow-x2.png);
		background-size: 6px;
	}
	#information .close span,
	#help .close span {
		background-image: url(../info-menu-close-x2.png);
		background-size: 10px;
	}
	.button-email {
		background-image: url(../img/action-email-x2.png);
		background-size: 21px;
	}
	.button-print {
		background-image: url(../img/action-print-x2.png);
		background-size: 21px;
	}
	.thanks-targets {
		background-image: url(../img/home-chart-x2.png);
		background-size: 20px;
	}
	.thanks-summary {
		background-image: url(../img/home-clipboard-x2.png);
		background-size: 14px;
	}
	.dm-prompt .close {
		background-image: url(../img/prompt-close-x2.png);
		background-size: 7px;
	}
	.medium-menu-toggle #menu .logo a {
		background-image: url(../img/sidebar-large-logo-x2.png);
		background-size: 133px;
	}
	.calculating .bubble-1,
	.calculating .bubble-2,
	.calculating .bubble-3,
	.calculating .bubble-4 {
		background-image: url(../img/calculating-bubbles-sprite-x2.png);
		background-size: 315px;
	}
	.thumbs-up {
		background-image: url(../img/thumbs-up@2x.png);
		background-size: 17px;
	}
	.pager-arrows > div span,
	.dm-slider-pager .prev span,
	.dm-slider-pager .next span {
		background-image: url(../img/pager-arrows@2x.png);
		background-size: 16px;
	}
	
	.cannabis-type .check,
	.cannabis-type-zoom-slider .check,
	.dm-slider-check {
		background-image: url(../img/check-circle@2x.png);
		background-size: 22px;
	}
	.cannabis-type .thumb-zoom {
		background-image: url(../img/dm-thumbnail-zoom@2x.png);
		background-size: 10px;
	}
	.cannabis-type-zoom .close {
		background-image: url(../img/cannabis/zoom-close@2x.png);
		background-size: 24px;
	}
	#cannabis-3 .dm-button-next span {
		background-image: url(../img/cannabis/button-arrow@2x.png);
		background-size: 6px;
	}
	.calculating-new .logo {
		background-image: url(../img/cannabis/logoCalculating@2x.png);
		background-size: 70px;
	}
	
}

/*
@media screen and (-moz-min-device-pixel-ratio: 1.1) and (min-width: 1024px),
screen and (-o-min-device-pixel-ratio: 1.1/1) and (min-width: 1024px),
screen and (-webkit-min-device-pixel-ratio: 1.1) and (min-width: 1024px),
screen and (min-device-pixel-ratio: 1.1) and (min-width: 1024px) {
	#menu .logo a {
		background-image: url(../img/sidebar-large-logo-x2.png);
		background-size: 133px;
	}
}
*/

/* - - - - - - - - - - - - DRINK ICONS - - - - - - - - - - - - */

.beer-half-pint-284 span,
.cider-half-pint-284 span {
	width: 21px;
	height: 31px;
	background-position: -123px -52px;
	margin: -16px 0 0 -11px;
}
.beer-pony-140 span,
.cider-pony-140 span {
	width: 17px;
	height: 24px;
	background-position: -529px -283px;
	margin: -12px 0 0 -9px;
}
.beer-middy-285 span,
.cider-middy-285 span {
	width: 21px;
	height: 30px;
	background-position: -406px -277px;
	margin: -15px 0 0 -11px;
}
.beer-bottle-330 span,
.cider-bottle-330 span,
.alcopops-bottle-275 span {
	width: 11px;
	height: 42px;
	background-position: -18px -41px;
	margin: -21px 0 0 -6px;
}
.beer-stubbie-375 span,
.alcopops-bottle-300 span {
	width: 13px;
	height: 44px;
	background-position: -33px -39px;
	margin: -22px 0 0 -7px;
}
.beer-schooner-425 span,
.cider-schooner-425 span {
	width: 25px;
	height: 42px;
	background-position: -471px -265px;
	margin: -21px 0 0 -13px;
}
.beer-can-440 span,
.cider-can-440 span {
	width: 18px;
	height: 36px;
	background-position: -73px -47px;
	margin: -18px 0 0 -9px;
}
.beer-pint-16oz span {
	width: 27px;
	height: 44px;
	background-position: -281px -259px;
	margin: -22px 0 0 -14px;
}
.beer-bottle-500 span {
	width: 15px;
	height: 55px;
	background-position: -185px -28px;
	margin: -28px 0 0 -8px;
}
.beer-can-500 span,
.cider-can-500 span {
	width: 18px;
	height: 44px;
	background-position: -96px -39px;
	margin: -22px 0 0 -9px;
}
.beer-pint-568 span,
.cider-pint-568 span {
	width: 25px;
	height: 42px;
	background-position: -151px -41px;
	margin: -21px 0 0 -13px;
}
.beer-glass-bottle-1000 span {
	width: 15px;
	height: 61px;
	background-position: -207px -22px;
	margin: -31px 0 0 -8px;
}
.beer-bottle-40oz span {
	width: 21px;
	height: 66px;
	background-position: -314px -237px;
	margin: -33px 0 0 -11px;
}
.cider-bottle-750 span {
	width: 15px;
	height: 51px;
	background-position: -461px -34px;
	margin: -26px 0 0 -8px;
}
.cider-bottle-1000 span {
	width: 17px;
	height: 58px;
	background-position: -483px -28px;
	margin: -29px 0 0 -9px;
}
.cider-bottle-1500 span {
	width: 19px;
	height: 69px;
	background-position: -511px -18px;
	margin: -35px 0 0 -10px;
}
.cider-bottle-2000 span {
	width: 29px;
	height: 75px;
	background-position: -540px -12px;
	margin: -38px 0 0 -15px;
}
.wine-glass-125 span {
	width: 15px;
	height: 36px;
	background-position: -172px -156px;
	margin: -18px 0 0 -8px;
}
.wine-glass-175 span {
	width: 18px;
	height: 39px;
	background-position: -196px -154px;
	margin: -20px 0 0 -9px;
}
.wine-glass-187 span {
	width: 11px;
	height: 37px;
	background-position: -150px -156px;
	margin: -19px 0 0 -6px;
}
.wine-glass-250 span {
	width: 19px;
	height: 41px;
	background-position: -221px -152px;
	margin: -21px 0 0 -10px;
}
.wine-bottle-750 span {
	width: 17px;
	height: 62px;
	background-position: -248px -131px;
	margin: -31px 0 0 -9px;
}
.champagne-glass-150 span {
	width: 11px;
	height: 39px;
	background-position: -348px -148px;
	margin: -20px 0 0 -6px;
}
.champagne-bottle-187 span {
	width: 11px;
	height: 38px;
	background-position: -326px -149px;
	margin: -19px 0 0 -6px;
}
.champagne-bottle-750 span {
	width: 21px;
	height: 64px;
	background-position: -368px -123px;
	margin: -32px 0 0 -11px;
}
.spirits-single-25 span {
	width: 21px;
	height: 24px;
	background-position: -15px -169px;
	margin: -12px 0 0 -11px;
}
.spirits-large-single-35 span {
	width: 21px;
	height: 24px;
	background-position: -41px -169px;
	margin: -12px 0 0 -11px;
}
.spirits-liqueur-50 span {
	width: 21px;
	height: 24px;
	background-position: -67px -169px;
	margin: -12px 0 0 -11px;
}
.spirits-bottle-700 span,
.alcopops-bottle-1000 span {
	width: 17px;
	height: 61px;
	background-position: -83px -242px;
	margin: -31px 0 0 -9px;
}
.alcopops-can-250 span {
	width: 13px;
	height: 35px;
	background-position: -22px -268px;
	margin: -18px 0 0 -7px;
}
.alcopops-bottle-750 span {
	width: 17px;
	height: 53px;
	background-position: -58px -250px;
	margin: -29px 0 0 -9px;
}

/* - - - - - - - - - - - - DRINK ICONS — STANDARDISED - - - - - - - - - - - - */

.drink-list.beer-half-pint-284 span,
.drink-list.cider-half-pint-284 span,
.drinks.beer-half-pint-284 span,
.drinks.cider-half-pint-284 span {
	width: 22px;
	height: 31px;
	background-position: -124px -38px;
	margin: -16px 0 0 -11px;
}
.drink-list.beer-pony-140 span,
.drink-list.cider-pony-140 span,
.drinks.beer-pony-140 span,
.drinks.cider-pony-140 span {
	width: 17px;
	height: 24px;
	background-position: -434px -264px;
	margin: -12px 0 0 -9px;
}
.drink-list.beer-middy-285 span,
.drink-list.cider-middy-285 span,
.drinks.beer-middy-285 span,
.drinks.cider-middy-285 span {
	width: 21px;
	height: 30px;
	background-position: -407px -258px;
	margin: -15px 0 0 -11px;
}
.drink-list.beer-bottle-330 span,
.drink-list.cider-bottle-330 span,
.drink-list.alcopops-bottle-275 span,
.drinks.beer-bottle-330 span,
.drinks.cider-bottle-330 span,
.drinks.alcopops-bottle-275 span {
	width: 12px;
	height: 43px;
	background-position: -19px -27px;
	margin: -22px 0 0 -6px;
}
.drink-list.beer-stubbie-375 span,
.drink-list.alcopops-bottle-300 span,
.drinks.beer-stubbie-375 span,
.drinks.alcopops-bottle-300 span {
	width: 13px;
	height: 45px;
	background-position: -34px -25px;
	margin: -22px 0 0 -7px;
}
.drink-list.beer-schooner-425 span,
.drink-list.cider-schooner-425 span,
.drinks.beer-schooner-425 span,
.drinks.cider-schooner-425 span {
	width: 26px;
	height: 42px;
	background-position: -376px -246px;
	margin: -21px 0 0 -13px;
}
.drink-list.beer-can-440 span,
.drink-list.cider-can-440 span,
.drinks.beer-can-440 span,
.drinks.cider-can-440 span {
	width: 18px;
	height: 37px;
	background-position: -75px -33px;
	margin: -19px 0 0 -9px;
}
.drink-list.beer-pint-16oz span,
.drinks.beer-pint-16oz span {
	width: 26px;
	height: 42px;
	background-position: -248px -246px;
	margin: -21px 0 0 -13px;
}
.drink-list.beer-bottle-500 span,
.drinks.beer-bottle-500 span {
	width: 13px;
	height: 47px;
	background-position: -186px -23px;
	margin: -24px 0 0 -7px;
}
.drink-list.beer-can-500 span,
.drink-list.cider-can-500 span,
.drinks.beer-can-500 span,
.drinks.cider-can-500 span {
	width: 18px;
	height: 45px;
	background-position: -98px -25px;
	margin: -22px 0 0 -9px;
}
.drink-list.beer-pint-568 span,
.drink-list.cider-pint-568 span,
.drinks.beer-pint-568 span,
.drinks.cider-pint-568 span {
	width: 26px;
	height: 42px;
	background-position: -152px -27px;
	margin: -21px 0 0 -13px;
}
.drink-list.beer-glass-bottle-1000 span,
.drinks.beer-glass-bottle-1000 span {
	width: 12px;
	height: 48px;
	background-position: -208px -22px;
	margin: -24px 0 0 -6px;
}
.drink-list.beer-bottle-40oz span,
.drinks.beer-bottle-40oz span {
	width: 16px;
	height: 48px;
	background-position: -315px -241px;
	margin: -24px 0 0 -8px;
}
.drink-list.cider-bottle-750 span,
.drinks.cider-bottle-750 span {
	width: 14px;
	height: 48px;
	background-position: -473px -23px;
	margin: -24px 0 0 -7px;
}
.drink-list.cider-bottle-1000 span,
.drinks.cider-bottle-1000 span {
	width: 14px;
	height: 47px;
	background-position: -494px -23px;
	margin: -24px 0 0 -7px;
}
.drink-list.cider-bottle-1500 span,
.drinks.cider-bottle-1500 span {
	width: 14px;
	height: 47px;
	background-position: -517px -23px;
	margin: -24px 0 0 -7px;
}
.drink-list.cider-bottle-2000 span,
.drinks.cider-bottle-2000 span {
	width: 18px;
	height: 48px;
	background-position: -543px -22px;
	margin: -24px 0 0 -9px;
}
.drink-list.wine-glass-125 span,
.drinks.wine-glass-125 span {
	width: 16px;
	height: 37px;
	background-position: -173px -142px;
	margin: -19px 0 0 -8px;
}
.drink-list.wine-glass-175 span,
.drinks.wine-glass-175 span {
	width: 18px;
	height: 39px;
	background-position: -197px -140px;
	margin: -20px 0 0 -9px;
}
.drink-list.wine-glass-187 span,
.drinks.wine-glass-187 span {
	width: 10px;
	height: 38px;
	background-position: -152px -142px;
	margin: -19px 0 0 -5px;
}
.drink-list.wine-glass-250 span,
.drinks.wine-glass-250 span {
	width: 19px;
	height: 42px;
	background-position: -222px -138px;
	margin: -21px 0 0 -10px;
}
.drink-list.wine-bottle-750 span,
.drinks.wine-bottle-750 span {
	width: 12px;
	height: 48px;
	background-position: -250px -132px;
	margin: -24px 0 0 -6px;
}
.drink-list.champagne-glass-150 span,
.drinks.champagne-glass-150 span {
	width: 12px;
	height: 40px;
	background-position: -349px -140px;
	margin: -20px 0 0 -6px;
}
.drink-list.champagne-bottle-187 span,
.drinks.champagne-bottle-187 span {
	width: 12px;
	height: 39px;
	background-position: -327px -141px;
	margin: -20px 0 0 -6px;
}
.drink-list.champagne-bottle-750 span,
.drinks.champagne-bottle-750 span {
	width: 16px;
	height: 48px;
	background-position: -369px -132px;
	margin: -24px 0 0 -8px;
}
.drink-list.spirits-single-25 span,
.drinks.spirits-single-25 span {
	width: 22px;
	height: 25px;
	background-position: -16px -155px;
	margin: -13px 0 0 -11px;
}
.drink-list.spirits-large-single-35 span,
.drinks.spirits-large-single-35 span {
	width: 22px;
	height: 25px;
	background-position: -42px -155px;
	margin: -13px 0 0 -11px;
}
.drink-list.spirits-liqueur-50 span,
.drinks.spirits-liqueur-50 span {
	width: 22px;
	height: 25px;
	background-position: -68px -155px;
	margin: -13px 0 0 -11px;
}
.drink-list.spirits-bottle-700 span,
.drink-list.alcopops-bottle-1000 span,
.drinks.spirits-bottle-700 span,
.drinks.alcopops-bottle-1000 span {
	width: 14px;
	height: 48px;
	background-position: -84px -241px;
	margin: -24px 0 0 -7px;
}
.drink-list.alcopops-can-250 span,
.drinks.alcopops-can-250 span {
	width: 12px;
	height: 35px;
	background-position: -24px -254px;
	margin: -18px 0 0 -6px;
}
.drink-list.alcopops-bottle-750 span,
.drinks.alcopops-bottle-750 span {
	width: 16px;
	height: 48px;
	background-position: -59px -241px;
	margin: -24px 0 0 -8px;
}

/* - - - - - - - - - - - - DRINK ICONS — OUTLINE - - - - - - - - - - - - */

.drinks.beer-half-pint-284 .remove span,
.drinks.cider-half-pint-284 .remove span {
	width: 23px;
	height: 32px;
	background-position: -123px -38px;
	margin: -16px 0 0 -12px;
}
.drinks.beer-pony-140 .remove span,
.drinks.cider-pony-140 .remove span {
	width: 18px;
	height: 25px;
	background-position: -434px -264px;
	margin: -13px 0 0 -9px;
}
.drinks.beer-middy-285 .remove span,
.drinks.cider-middy-285 .remove span {
	width: 22px;
	height: 31px;
	background-position: -407px -258px;
	margin: -16px 0 0 -11px;
}
.drinks.beer-bottle-330 .remove span,
.drinks.cider-bottle-330 .remove span,
.drinks.alcopops-bottle-275 .remove span {
	width: 13px;
	height: 44px;
	background-position: -18px -26px;
	margin: -22px 0 0 -7px;
}
.drinks.beer-stubbie-375 .remove span,
.drinks.alcopops-bottle-300 .remove span {
	width: 14px;
	height: 46px;
	background-position: -34px -24px;
	margin: -23px 0 0 -7px;
}
.drinks.beer-schooner-425 .remove span,
.drinks.cider-schooner-425 .remove span {
	width: 27px;
	height: 43px;
	background-position: -375px -246px;
	margin: -22px 0 0 -14px;
}
.drinks.beer-can-440 .remove span,
.drinks.cider-can-440 .remove span {
	width: 19px;
	height: 38px;
	background-position: -74px -32px;
	margin: -19px 0 0 -10px;
}
.drinks.beer-pint-16oz .remove span {
	width: 27px;
	height: 43px;
	background-position: -247px -246px;
	margin: -22px 0 0 -14px;
}
.drinks.beer-can-500 .remove span,
.drinks.cider-can-500 .remove span {
	width: 19px;
	height: 46px;
	background-position: -97px -24px;
	margin: -23px 0 0 -10px;
}
.drinks.beer-bottle-500 .remove span {
	width: 15px;
	height: 48px;
	background-position: -185px -22px;
	margin: -24px 0 0 -8px;
}
.drinks.beer-pint-568 .remove span,
.drinks.cider-pint-568 .remove span {
	width: 27px;
	height: 43px;
	background-position: -151px -27px;
	margin: -22px 0 0 -14px;
}
.drinks.beer-glass-bottle-1000 .remove span {
	width: 14px;
	height: 48px;
	background-position: -207px -22px;
	margin: -24px 0 0 -7px;
}
.drinks.beer-bottle-40oz .remove span {
	width: 16px;
	height: 49px;
	background-position: -315px -240px;
	margin: -25px 0 0 -8px;
}
.drinks.cider-bottle-750 .remove span {
	width: 14px;
	height: 48px;
	background-position: -473px -22px;
	margin: -24px 0 0 -7px;
}
.drinks.cider-bottle-1000 .remove span {
	width: 15px;
	height: 48px;
	background-position: -494px -22px;
	margin: -24px 0 0 -8px;
}
.drinks.cider-bottle-1500 .remove span {
	width: 14px;
	height: 48px;
	background-position: -517px -22px;
	margin: -24px 0 0 -7px;
}
.drinks.cider-bottle-2000 .remove span {
	width: 19px;
	height: 48px;
	background-position: -542px -22px;
	margin: -24px 0 0 -10px;
}
.drinks.wine-glass-125 .remove span {
	width: 17px;
	height: 38px;
	background-position: -172px -141px;
	margin: -19px 0 0 -9px;
}
.drinks.wine-glass-175 .remove span {
	width: 19px;
	height: 40px;
	background-position: -196px -140px;
	margin: -20px 0 0 -10px;
}
.drinks.wine-glass-187 .remove span {
	width: 11px;
	height: 39px;
	background-position: -151px -141px;
	margin: -20px 0 0 -6px;
}
.drinks.wine-glass-250 .remove span {
	width: 20px;
	height: 43px;
	background-position: -222px -137px;
	margin: -22px 0 0 -10px;
}
.drinks.wine-bottle-750 .remove span {
	width: 14px;
	height: 49px;
	background-position: -249px -132px;
	margin: -25px 0 0 -7px;
}
.drinks.champagne-glass-150 .remove span {
	width: 13px;
	height: 41px;
	background-position: -348px -139px;
	margin: -21px 0 0 -7px;
}
.drinks.champagne-bottle-187 .remove span {
	width: 13px;
	height: 40px;
	background-position: -326px -140px;
	margin: -20px 0 0 -7px;
}
.drinks.champagne-bottle-750 .remove span {
	width: 16px;
	height: 49px;
	background-position: -369px -131px;
	margin: -25px 0 0 -8px;
}
.drinks.spirits-single-25 .remove span {
	width: 23px;
	height: 26px;
	background-position: -15px -154px;
	margin: -13px 0 0 -12px;
}
.drinks.spirits-large-single-35 .remove span {
	width: 23px;
	height: 26px;
	background-position: -41px -154px;
	margin: -13px 0 0 -12px;
}
.drinks.spirits-liqueur-50 .remove span {
	width: 23px;
	height: 26px;
	background-position: -67px -154px;
	margin: -13px 0 0 -12px;
}
.drinks.spirits-bottle-700 .remove span,
.drinks.alcopops-bottle-1000 .remove span {
	width: 14px;
	height: 49px;
	background-position: -84px -240px;
	margin: -25px 0 0 -7px;
}
.drinks.alcopops-can-250 .remove span {
	width: 13px;
	height: 35px;
	background-position: -23px -254px;
	margin: -18px 0 0 -7px;
}
.drinks.alcopops-bottle-750 .remove span {
	width: 16px;
	height: 49px;
	background-position: -59px -240px;
	margin: -25px 0 0 -8px;
}