@charset "utf-8";
/* CSS Document */

/* =================================================================
   Custom Fonts

   Copyright 2014 The Brand Agency

   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
   You may obtain a copy of the License at

       http://www.apache.org/licenses/LICENSE-2.0

   Unless required by applicable law or agreed to in writing, software
   distributed under the License is distributed on an "AS IS" BASIS,
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.

 ==================================================================
@font-face {
	font-family: opensans-regular;
	font-weight: normal;
	font-style: normal;
	src: url("../fonts/opensans-regular-webfont.eot");
	src: url("../fonts/opensans-regular-webfont.eot") format("embedded-opentype"), url("../fonts/opensans-regular-webfont.woff") format("woff"), url("../fonts/opensans-regular-webfont.ttf") format("truetype");
}
@font-face {
	font-family: opensans-italic-webfont;
	font-weight: normal;
	font-style: normal;
	src: url("../fonts/opensans-italic-webfont.eot");
	src: url("../fonts/opensans-italic-webfont.eot") format("embedded-opentype"), url("../fonts/opensans-italic-webfont.woff") format("woff"), url("../fonts/opensans-italic-webfont.ttf") format("truetype");
}
@font-face {
	font-family: opensans-semibold;
	font-weight: normal;
	font-style: normal;
	src: url("../fonts/opensans-semibold-webfont.eot");
	src: url("../fonts/opensans-semibold-webfont.eot") format("embedded-opentype"), url("../fonts/opensans-semibold-webfont.woff") format("woff"), url("../fonts/opensans-semibold-webfont.ttf") format("truetype");
}
@font-face {
	font-family: opensans-semibolditalic;
	font-weight: normal;
	font-style: normal;
	src: url("../fonts/opensans-semibolditalic-webfont.eot");
	src: url("../fonts/opensans-semibolditalic-webfont.eot") format("embedded-opentype"), url("../fonts/opensans-semibolditalic-webfont.woff") format("woff"), url("../fonts/opensans-semibolditalic-webfont.ttf") format("truetype");
}
@font-face {
	font-family: opensans-bold;
	font-weight: normal;
	font-style: normal;
	src: url("../fonts/opensans-bold-webfont.eot");
	src: url("../fonts/opensans-bold-webfont.eot") format("embedded-opentype"), url("../fonts/opensans-bold-webfont.woff") format("woff"), url("../fonts/opensans-bold-webfont.ttf") format("truetype");
}*/
/* =================================================================
	icons
==================================================================*/
@font-face {
	font-family: 'icomoon';
	src: url('../fonts/icomoon.eot?-ld7bky');
	src: url('../fonts/icomoon.eot?#iefix-ld7bky') format('embedded-opentype'), url('../fonts/icomoon.woff?-ld7bky') format('woff'), url('../fonts/icomoon.ttf?-ld7bky') format('truetype'), url('../fonts/icomoon.svg?-ld7bky#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
 [class^="icon-"], [class*=" icon-"] {
 font-family: 'icomoon';
 speak: none;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 line-height: 0;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}
.icon-arrow-left:before {
	content: "\e600";
	font-size: 1.5em;
}
.icon-arrow-down:before {
	content: "\e601";
	font-size: 1.5em;
}
.icon-arrow-up:before {
	content: "\e602";
	font-size: 1.5em;
}
.icon-arrow-right:before {
	content: "\e603";
}
.icon-quote_last:before {
	content: "\e604";
}
.icon-quote_first:before {
	content: "\e605";
}
.icon-warning:before {
	content: "\e606";
}
/* =================================================================
   tags
 ==================================================================*/
h1 {
    margin: 0 0 0.5em;
    color: #0F1E64;
    font-family: "FocoCCBlack", "FocoCCBold", "FocoCC", "FocoBlack", "FocoBold", "Foco", Arial, Helvetica, Sans-Serif;
    line-height: 120%;
    font-size: 3rem;
}
.alcoholTools a, a:visited {
	color: #009bdc;
}
.alcoholTools a:hover {
		color: #53504c;
	}
.alcoholTools h1, .alcoholTools h2, .alcoholTools h3 {
	/*font-family: opensans-bold, arial, sans-serif;*/
	font-weight: normal;
	font-style: normal;
	margin: 0;
	padding: 0;
	margin-bottom: 0.5em;
	line-height: 1em;
}
.alcoholTools h1 {
	font-size: 2em;
	line-height: 1.250em;
	color: #F05028;
}
@media only screen and (min-width: 700px) {
.alcoholTools h1 {
		font-size: 2.375em;
	}
}
.alcoholTools h2 {
	font-size: 1.625em;
	color: #F05028;
	line-height: 1.2em;
	margin-top: 1.25em;
}
.alcoholTools h2.guidelines {
	font-size: 1.125em;
	line-height: 1.3em;
	margin-top: 1.5em;
}
.alcoholTools h3 {
	/*font-family: opensans-bold, arial, sans-serif;*/
	font-size: 1.125em;
	line-height: 1.3em;
	margin-top: 1.5em;
}
.alcoholTools strong {
	/*font-family: opensans-bold;*/
	font-weight: normal;
	font-style: normal;
	/*font-size: 1.625em;
	color: #F05028;*/
	margin: 0;
	padding: 0;
	/*margin-bottom: 0.5em;*/
	line-height: 1.3em;
	font-family: "FocoCCBold", "FocoBold", "FocoCC", "Foco", Arial, Helvetica, Sans-Serif;
}
.section-subtitle {
	text-transform: uppercase;
	font-size: 0.688em;
	color: #99958f;
	padding-bottom: 10px;
	margin-bottom: 20px;
	display: block;
	border-bottom: 1px solid #dcdcdc;
}
.alcoholTools sup {
	background-image: url(../images/svg/sup_sprite.svg);
	background-repeat: no-repeat;
	background-position: left top;
	color: #ffffff;
	display: block;
	text-align: center;
	font-size: 0.5em;
	display: inline-block;
	height: 13px;
	width: 13px;
	line-height: 1.5em;
}
.lt-ie9 sup {
	background-image: url(../images/sup_sprite.png);
}

.breakout-box-orange sup {
	background-position: left -13px;
	color: #F05028;
}
.heading-dark {
	color: #53504c;
	font-size: 1em;
	/*font-family: opensans-semibold, arial, sans-serif;*/
	font-weight: normal;
	font-style: normal;
	display: block;
}
.alcoholTools table {
	border-collapse: inherit;
	border-spacing: 0;
	border: 1px solid rgb( 226, 221, 215);
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	width: 100%;
}
.alcoholTools td, .alcoholTools th {
	padding: 15px;
	text-align: left;
}
.alcoholTools td {
	border-bottom: 1px solid rgb( 226, 221, 215);
	vertical-align: top;
}
.alcoholTools td strong {
		/*font-family: opensans-bold;*/
		font-weight: normal;
		font-style: normal;
	}
.alcoholTools th {
	background-color: #F05028;
	color: #ffffff;
	/*font-family: opensans-bold;*/
	font-weight: normal;
	font-style: normal;
}
.alcoholTools th:first-child {
		border-radius: 8px 0 0 0;
		-moz-border-radius: 8px 0 0 0;
		-webkit-border-radius: 8px 0 0 0;
	}
.alcoholTools th:last-child {
		border-radius: 0 8px 0 0;
		-moz-border-radius: 0 8px 0 0;
		-webkit-border-radius: 0 8px 0 0;
	}
.alcoholTools tr:nth-child(even) {
	background-color: #ffffff;
}
.alcoholTools tr:nth-child(odd) {
	background-color: #f7f7f7;
}
.alcoholTools tr:last-child td {
	border: none;
}
.alcoholTools tr:last-child td:first-child {
		border-bottom-left-radius: 8px;
	}
.alcoholTools tr:last-child td:last-child {
		border-bottom-right-radius: 8px;
	}




/* Tablet Layout: 700px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 700px) {
body {
	/*background-color: green;*/
	background-position: center 163px;
}
}
/* Desktop Layout: 940px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 960px) {
body {
	/*background-color: blue;*/
	background-position: center 173px;
}
}
/* =================================================================
   Helper
 ==================================================================*/
.sr-only {
	display: none;
}
.hide-mobile {
	display: none;
}
@media only screen and (min-width: 700px) {
.hide-mobile {
	display: block;
}
}
.hide-tablet {
	display: none;
}
@media only screen and (min-width: 960px) {
.hide-tablet {
	display: block;
}
}
.hide-desktop {
	display: block;
}
@media only screen and (min-width: 960px) {
.hide-desktop {
	display: none;
}
}
.no-break {
	white-space: nowrap;
}
.nav-flex {
	-moz-box-flex: 1.0;
	-webkit-box-flex:1.0;
	-ms-flex:1.0;
	box-flex:1.0;
}
.semi-bold {
	/*font-family: opensans-semibold;*/
	font-weight: normal;
	font-style: normal;
}
.sub-head-italic {
	/*font-family: opensans-semibolditalic;*/
	font-weight: normal;
	font-style: normal;
	font-size: 1.3125em;
	line-height: 1em;
	color:#53504C;
}
.block-quote p {
	padding-left: 2.5em;
	padding-right: 2.5em;
	/*font-family: opensans-semibolditalic;*/
	font-size: 1.125em;
}
.block-quote:before {
	font-family: 'icomoon';
	content: "\e605";
	color: #e0dedb;
	font-size: 2em;
	float: left;
}
.block-quote:after {
	font-family: 'icomoon';
	content: "\e604";
	color: #e0dedb;
	font-size: 2em;
	float: right;
	margin-top: -1.8em;
}
.breakout-box {
	border-radius: 8px;
}
.breakout-box-grey {
	background-color: #f7f7f7;
	padding: 30px 40px;
	margin-bottom:20px;
}
.breakout-box-sssm {
	background-color: #fce8d2;
}
.breakout-box-grey a {
color: #53504C;
}
.breakout-box-grey a:hover,
.breakout-box-grey a:focus {
color:#F05028;
}
.breakout-box-blue {
	background-color: #009bdc;
	padding: 30px 40px;
	margin-bottom:20px;
	color:#FFF;
}
.breakout-box-blue .heading {
	/*font-family: opensans-bold;*/
	font-weight: normal;
	font-style: normal;
	font-size:1.3125em;
	padding-bottom:15px;
	display:block;
	line-height:1em;
}
.breakout-box-blue a {
	color:#fff;
}
.breakout-box-orange {
	background-color: #F05028;
	padding: 10px 20px;
	color: #ffffff;
	margin-bottom: 20px;
}
.breakout-box-orange p {
	margin-top: 10px;
	margin-bottom: 10px;
}
.breakout-box ul {
	padding: 0;
	margin: 0;
}
.breakout-box ul ul {
	margin-left: 20px;
	margin-top: 10px;
}
.breakout-box li {
	list-style-image: url(../images/svg/bullet_56534f.svg);
	margin-bottom: 20px;
}
 .lt-ie9 .breakout-box li  {
	list-style-image: url(../images/bullet_56534f.png);
}
.breakout-box-blue li {
	list-style-image: url(../images/svg/bullet_fff.svg);
	margin-bottom: 20px;
}
 .lt-ie9 .breakout-box-blue li {
	list-style-image: url(../images/bullet_fff.png);

}
.breakout-box li:last-child {
	margin-bottom: 0;
}
.image-container {
	border: 1px solid rgb( 226, 221, 215);
	border-radius: 8px;
	background-color: #fefefe;
	margin-bottom: 10px;
	margin-top: 20px;
	display: inline-block;
}
.image-container img {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.image-caption {
	/*font-family: opensans-italic-webfont;*/
	font-weight: normal;
	font-style: normal;
	font-size: 0.875em;
	padding: 10px;
}

.thumbnail-container {
	clear: both;
	display: block;
}
.thumbnail-container img {
	float:left;
	margin-right: 20px;
	margin-bottom: 20px;
}
.thumbnail-container p {
	float:left;
}

.left50,
.right50 {
	float: none;
	width: 100%;
}
.img-left,
.img-right {
	text-align: center;
	padding: 0;
}
@media only screen and (min-width: 560px) {
	.left50 {
		float: left;
		width: 50%;
	}
	.right50 {
		float: right;
		width: 50%;
	}
	.img-left {
		text-align: left;
		padding-right: 20px;
	}
	.img-right {
		text-align: right;
		padding-left: 20px;
	}
}
@media only screen and (min-width: 700px) {
	.left50,
	.right50 {
		float: none;
		width: 100%;
	}
	.img-left,
	.img-right {
		text-align: center;
		padding: 0;
	}
}
@media only screen and (min-width: 800px) {
	.left50 {
		float: left;
		width: 50%;
	}
	.right50 {
		float: right;
		width: 50%;
	}
	.img-left {
		text-align: left;
		padding-right: 20px;
	}
	.img-right {
		text-align: right;
		padding-left: 20px;
	}
}

/* =================================================================
	buttons
==================================================================*/
.btn:visited, .btn {
	border-style: solid;
	border-width: 1px;
	border-color: #F05028;
	border-radius: 5px;
	background-color: #F05028;
	background-image: -moz-linear-gradient( 90deg, #F05028 0%, #F05028 100%);
	background-image: -webkit-linear-gradient( 90deg, #F05028 0%, #F05028 100%);
	background-image: -ms-linear-gradient( 90deg, #F05028 0%, #F05028 100%);
	box-shadow: 1px 1.2px 0px 0px rgb( 198, 195, 191 );
	color: #ffffff !important;
	font-size: 1.285em;
	/*font-family: opensans-semibold;*/
	font-family: "FocoCCBlack", "FocoBlack", Arial, Helvetica, Sans-Serif;
	font-weight: normal;
	font-style: normal;
	padding: 13px 20px;
	text-decoration: none;
	display: inline-block;
}
.btn:hover {
	color: #ffffff;
	background-image: none;
	background-color: #F05028;
}
/* =================================================================
	END buttons
==================================================================*/

/* =================================================================
	Main navigation
==================================================================*/
/* Main navigation */
#main-navigation {
	position: relative;
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
	width: auto;
}
@media only screen and (min-width: 700px) {
	#main-navigation {
		width: 670px;
	}
}
@media only screen and (min-width: 960px) {
	#main-navigation {
		width: auto;
	}
}
.main-navigation-li {
	float: left;
	font-size: 0.875em;
}
#main-navigation li:hover .mega-nav {
	display: block;
}
.main-navigation-a {
	background-color: rgb(248,244,239);
	background-image: -moz-linear-gradient( 90deg, rgb(248,244,239) 0%, rgb(255,255,255) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(248,244,239) 0%, rgb(255,255,255) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(248,244,239) 0%, rgb(255,255,255) 100%);
	border: 1px solid rgb( 226, 221, 215);
	box-shadow: 0px 2px 0px 0px rgb( 198, 195, 191 );
	color: #807b75;
	text-decoration: none;
	padding-left: 9px;
	padding-right: 9px;
	padding-top: 15px;
	padding-bottom: 18px;
	display: block;
	text-align: center;
	/*font-family: opensans-bold;*/
	font-weight: normal;
	font-style: normal;
}
.main-navigation-li.one-col .main-navigation-a,
.main-navigation-li.has-mega-nav .main-navigation-a {
	padding-bottom: 5px;
}
.main-navigation-a .icon-arrow-down {
	display: block;
	margin-top: 10px;
}
.main-navigation-a:visited {
	color: #807b75;
}
.main-navigation-a:hover {
	background-color: rgb( 247, 163, 52 );
	background-image: -moz-linear-gradient( 90deg, rgb(224,147,47) 0%, rgb(247,163,52) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(224,147,47) 0%, rgb(247,163,52) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(224,147,47) 0%, rgb(247,163,52) 100%);
	/* box-shadow: 0px 2px 0px 0px rgb(224,147,47);*/
	color: #ffffff;
}
.nav-last {
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}
.nav-first {
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}
/* mega nav */

#main-navigation-container {
	margin-left: -10px;
	margin-right: -10px;
}

#main-navigation-container .mega-nav {
	top: 60px;
	border: 1px solid #d6d6d6;
	z-index: 500;
	position: absolute;
	background-color: white;
	display: none;
	border-radius: 8px;
	width: 430px;
}
#main-navigation-container .has-mega-nav.one-col .mega-nav {
	width:215px;
}

#main-navigation-container .mega-nav.nav-tablet-overflow {
	width: 110px;
}
.mega-nav-arrow {
	background-image: url(../images/nav_arrow_up.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 14px;
	width: 26px;
	margin-top: -14px;
	position: relative;
}
.mega-nav-links {
	margin: 0;
	padding: 0;
	list-style-type: none;
	color: #53504c;
	/*font-family: opensans-semibold;*/
	font-size: 0.913em;
	line-height: 1em;
	padding-left: 5px;
}
.mega-nav-links li {
	text-indent: -1em;
	padding-bottom: 0.750em;
}
.mega-nav-link, .mega-nav-link:visited {
	text-decoration: none;
	color: #53504c;
	line-height: 1.313em;
}
.mega-nav-link:hover {
	color: #F05028;
}
.mega-nav-link:before {
	font-family: 'icomoon';
	content: "\e603";
	color: #ffffff;
}
.mega-nav-link:hover:before {
	font-family: 'icomoon';
	content: "\e603";
	color: #F05028;
}
.mega-nav-col {
	float: left;
	display: block;
	width: 200px;
    min-height: 180px;
	border-left: 1px solid rgb( 226, 221, 215);
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 10px;
}
.mega-nav-col:first-child {
	border: none;
	margin-right: 0;
}
/* END mega nav */

/* overflow menu */
.icon-hamburger {
	background-image: url(../images/svg/hamburger_sprite.svg);
	background-repeat: no-repeat;
	background-position: -27px top;
	display: block;
	height: 25px;
	width: 27px;
	margin: auto auto;
}
.lt-ie9 .icon-hamburger {
	background-image: url(../images/hamburger_sprite.png);
}
.nav-overflow {
	padding-top: 14px;
	padding-bottom: 13px;
}
/*mega-nav-arrow*/
.mega-nav.nav-tablet-overflow {
	right: 0;
}
.mega-nav.nav-tablet-overflow .mega-nav-col {
	width: auto;
}
.mega-nav.nav-tablet-overflow .mega-nav-arrow {
	right: 13px;
	position: absolute;
}
.mega-nav-title {
	color: #969088;
	display: block;
	font-size: 0.75em;
	text-transform: uppercase;
	padding-left: 5px;
	padding-bottom: 5px;
}
/* END overflow menu */

/* =================================================================
	END Main navigation
==================================================================*/
/* =================================================================
	Off Canvas Main navigation
==================================================================*/
.offcanvas-search-container {
	width: 280px;
	margin: auto auto;
	padding-bottom: 15px;
	padding-top: 15px;
}
.offcanvas-search-container #header-search input[type="submit"] {
	float:right;
}


.offcanvas-close {
	color: #cbc5be;
	background-color: #53504c;
	padding: 10px 20px;
	background-image: -moz-linear-gradient( 90deg, rgb(66,63,58) 0%, rgb(53,51,46) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(66,63,58) 0%, rgb(53,51,46) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(66,63,58) 0%, rgb(53,51,46) 100%);
	display: block;


}
.modal-close-icon,
.offcanvas-close-icon {
	float: right;

	background-image: url(../images/svg/offcanvas_close.svg);
	background-repeat: no-repeat;
	height:30px;
	width:30px;
}

.lt-ie9 .modal-close-icon,
.lt-ie9 .offcanvas-close-icon {

	background-image: url(../images/offcanvas_close.png);
}

.offcanvas-close-text {
	padding-top: 4px;
	display: block;
	width: 200px;
	float: left;
}
#offcanvas {
	position: relative;
	padding: 0;
	list-style-type: none;
}
.offcanvas-li {
	font-size: 1em;
}
.offcanvas-a {
	background-image: none;
	background-color: #53504c;
	color: #ffffff;
	text-decoration: none;
	padding: 20px;
	display: block;
	text-align: left;
	border-style: solid;
	border-width: 1px;
	border-color: rgb( 68, 65, 60 );
	background-image: -moz-linear-gradient( 90deg, rgb(82,78,74) 0%, rgb(76,73,68) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(82,78,74) 0%, rgb(76,73,68) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(82,78,74) 0%, rgb(76,73,68) 100%);
}
.offcanvas-a .icon-arrow-down {
	display: block;
	margin-top: 10px;
}
.offcanvas-a:hover {
	background-color: rgb( 247, 163, 52 );
	background-image: none;
	color: #ffffff;
}
.offcanvas-a:visited {
	color: #ffffff;
}
/* sub nav */

.offcanvas-subnav-links {
	margin: 0;
	padding: 0;
	list-style-type: none;
	color: #ffffff;
	background-color: #747270;
}
.offcanvas-subnav-links li {
	border-bottom: 1px dotted #625F5B;
}

.offcanvas-subnav-link, .offcanvas-subnav-link:visited {
	padding: 10px 20px;
	display: block;
	text-decoration: none;
	color: #ffffff;
	line-height: 1.2em;
}

.offcanvas-subnav-links li:last-child  {
	border-bottom:0;
}

.offcanvas-subnav-link:hover {
	color: #F05028;
}
.offcanvas-subnav-col {
	background-color: #747270;
}
.offcanvas-subnav-col:last-child {
	border: none;
	margin-right: 0;
}
.offcanvas-subnav-title {
	color: #cbc5be;
	font-size: 0.75em;
	text-transform: uppercase;
	padding: 15px 20px;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #625f5b;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #625f5b;
}

.offcanvas-subnav2-links {
	padding: 0.250em 1em 0.5em 2em;
}

.offcanvas-subnav2-links li {
	border-bottom:0;
}

.offcanvas-subnav2-links a {
	color: #fff;
	padding: 0.25em 0;
	display: block;
	text-decoration: none;

}
/* END sub nav */

/* overflow menu */

/*
 * Sidebar and layout structure
 * --------------------------------------------------*/


.offcanvas {
	left: 0;
	position: relative;
	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
}
.offcanvas .sidebar-offcanvas {
	left: -95%;
	background-color: #53504c;
	height: 100%;
}
.offcanvas.active {
	left: 95%;
	margin: 0;
}
.sidebar-offcanvas {
	margin: 0 0 15px 0;
	position: absolute;
	top: 0;
	width: 95%;
}
.has-offcanvas-subnav {
	position: relative;
}
.has-offcanvas-subnav .offcanvas-a {
	min-width: 250px;
}
.subnav-toggle {
	cursor: pointer;
	float: right;
	display: block;
	top: 0;
	right: 0;
	position: absolute;
	padding: 20px 10px;
}
.subnav-toggle .icon-hamburger {
	background-position: left;
}
.has-offcanvas-subnav.active .icon-hamburger {
	background-position: -27px;
}
.has-offcanvas-subnav.active .offcanvas-a {
	background-image: none;
	background-color: #676563;
}
/* =================================================================
	END Off Canvas Menu
==================================================================*/

/* =================================================================
	base content
==================================================================*/

.base-content ul {
	border-radius: 8px;
	background-color: #f7f7f7;
	padding: 30px 40px;
	margin: 0;
	margin-bottom:20px;
}
.base-content ul li {
	list-style-image: url(../images/svg/bullet_56534f.svg);
	margin-bottom: 20px;
}
.base-content ul li:last-child {
	margin-bottom: 0;
}

/* =================================================================
	END base content
==================================================================*/

/* =================================================================
	Right hand Modules
==================================================================*/
.module-block {
	width: 100%;
	margin: 0 0 20px 0;
}
.module-block--alt1 {
	background: #F05028;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	padding: 19px;
	color: #fff;
}
.module-block__header {
	font-size: 1.313em;
}
.module-block__title {
	/*font-family: opensans-bold, arial, sans-serif;*/
	font-weight: normal;
	font-style: normal;
}
.module-icon {
	background-image: url(../images/footer_icon_sprite.png);
	height: 36px;
	width: 40px;
	display: block;
	background-repeat: no-repeat;
}
.module-icon-chat {
	background-position: -160px top;
	margin-right: 15px;
}
.live-chat-stars {
	background-position: left top;
	background-image: url(../images/svg/stars_sprite.svg);
	background-repeat: no-repeat;
	height: 14px;
	width: 78px;
}
.lt-ie9 .live-chat-stars {
	background-image: url(../images/stars_sprite.png);
}
/* =================================================================
	header mobile
==================================================================*/

#header-mobile {
	/*display: block;
	background-color: #ffffff;
	background-image: url(../images/svg/header_logo_mb.svg);
	background-repeat: no-repeat;
	background-position: 46% center;*/
	position:relative;

}
#header-mobile,
.offcanvas-toggle,
.header-mobile-live-chat {
	float: left;
}

.lt-ie9 #header-mobile {
	background-image: url(../images/header_logo_mb.png);
}

 @media only screen and (min-width: 700px) {
#header-mobile {
	display: none;
}
}
.sitenav-toggle {
	cursor: pointer;
	display: none;
	padding-top: 17px;
	padding-right: 17px;
	padding-bottom: 15px;
	display: block;
}
.sitenav-toggle .icon-hamburger {
	background-position: 0px top;
}

.header-mobile-logo {
	height: 29px;
	position: absolute;
	width: 60%;
	top: 25%;
	left: 50%;
	margin-left: -30%;
	display: block;
	background-color: #ffffff;
	background-image: url(../images/svg/header_logo_mb.svg);
	background-repeat: no-repeat;
	background-position: 46% center;

}

.header-mobile-live-chat {
	display: block;
	float: right;
	background-image: url(../images/svg/icon_chat_color.svg);
	background-repeat: no-repeat;
	background-position: center center;
	height:60px;
	width:50px;

}

.lt-ie9 .header-mobile-live-chat {
	background-image: url(../images/icon_live_chat_link.png);
}

/* =================================================================
	END header mobile
==================================================================*/

/* =================================================================
	Footer
==================================================================*/
#footer {
	background-color: #009bdc;
	color: #ffffff;
	font-size: 0.875em;
	font-size: 0.875em;
	font-weight: normal;
	margin-top: 37px;
}
#footer a {
	color: #ffffff;
	margin-right: 10px;
}
#footer a.hide-mobile {
	display: none;
}
@media only screen and (min-width: 700px) {
#footer a.hide-mobile {
	display: inline;
}
}
.footer-icon {

	height: 36px;
	width: 40px;
	display: block;
	background-repeat: no-repeat;
}
.lt-ie9 .footer-icon {
	background-image: url(../images/footer_icon_sprite.png);
}

.footer-content {
	margin: auto auto;
	width: 100%;
}
@media only screen and (min-width: 960px) {
.footer-content {
	width: 960px;
}
}
.footer-block {
	padding: 20px;
	float: left;
	width: 100%;
	position: relative;
	-moz-box-sizing:; border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
 @media only screen and (min-width: 700px) {
.footer-block {
	width: 50%;
	height: 220px;
}
}
@media only screen and (min-width: 960px) {
.footer-block {
	width: 320px;
}
}
/*want to talk block *************************************/
#footer-talk {
	background-color: #F05028;
}

.footer-icon-talk {

	background-image:url(../images/svg/icon_talk.svg);
	float: left;
	margin-left: 15px;
}
.lt-ie9 .footer-icon-talk{
	background-position: -120px top;
}

/*live text chat block *************************************/
#footer-live-text {
	background-color: #F05028;
}
#footer-live-text:hover {
	background-color: #ef9b29;
}
#footer-live-text p {
	padding-bottom: 2px;
	margin-bottom: 2px;
}
.footer-icon-chat {
	background-image:url(../images/svg/icon_chat.svg);
	float: left;
	margin-left: 15px;
}
.lt-ie9 .footer-icon-chat{
	background-position: -160px top;
}

.live-chat-stars {
	background-position: left top;
	background-repeat: no-repeat;
	height: 14px;
	width: 78px;
}
/*social block *************************************/

#footer-social {
	background-color: #009bdc;
	text-align: center;
	height: auto;
}
@media only screen and (min-width: 700px) {
#footer-social {
	width: 100%;
	height: auto;
}
}
@media only screen and (min-width: 960px) {
#footer-social {
	width: 320px;
}
}
.footer-social-icons {
	margin: auto auto;
	width: 150px;
	display: block;
}
@media only screen and (min-width: 700px) {
.footer-social-icons {
	margin: inherit;
	width: 150px;
	float: left;
}
}
.footer-social-icon {
	float: left;
}
.footer-facebook {
	background-image:url(../images/svg/icon_facebook.svg);
}
.lt-ie9 .footer-facebook{
	background-position: left top;
}
.footer-twitter {

	background-image:url(../images/svg/icon_twitter.svg);
}
.lt-ie9 .footer-twitter{
	background-position: -40px top;
}
.footer-youtube {

	background-image:url(../images/svg/icon_yt.svg);
}
.lt-ie9 .footer-youtube{
	background-position: -80px top;
}
.footer-links {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-decoration: none;
	clear: both;
	padding-top: 15px;
}
 @media only screen and (min-width: 700px) {
.footer-links {
	clear: none;
	padding-top: 0px;
	text-align: left;
	width: 550px;
	float: left;
}
}
@media only screen and (min-width: 960px) {
.footer-links {
	clear: both;
	padding-top: 15px;
	width: auto;
}
}
.footer-links li {
	float: left;
	padding-left: 10px;
}
.footer-block-title {
	/*font-family: opensans-bold;*/
	font-size: 1.3125em;
	font-weight: normal;
	line-height: 1.5em;
	float: left;
}
.footer-block-title {
	/*font-family: opensans-bold;*/
	font-size: 1.3125em;
	font-weight: normal;
	line-height: 1em;
}
/*disclaimer block *************************************/
.footer-disclaimer-container {
	width: 100%;
	background-color: #53504c;
}
#footer-disclaimer {
	background-color: #53504c;
	padding: 20px;
	width:100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin:auto auto;
}
 @media only screen and (min-width: 960px) {
	 #footer-disclaimer {
		width:960px;
	 }
 }

.footer-disclaimer-image {
	/*width: 244px;
	height:48px;
	margin: auto auto;
	background-image: url(../images/svg/logo_gov_wa.svg);
	background-repeat: no-repeat;
	background-position: left top;*/
}
.lt-ie9 .footer-disclaimer-image {
	/*background-image: url(../images/logo_gov_wa.png);*/
}

@media only screen and (min-width: 700px) {
.footer-disclaimer-image {
	float: right;
}
}
.footer-disclaimer-copy {
	width: 100%;
	float: left;
	padding-top: 15px;
	text-align: center;
}
 @media only screen and (min-width: 700px) {
.footer-disclaimer-copy {
	padding-top: 5px;
	width: 360px;
	text-align: left;
}
}
@media only screen and (min-width: 960px) {
.footer-disclaimer-copy {
	padding-top: 15px;
	width: 640px;
}
}
/* =================================================================
	END Footer
==================================================================*/

/* =================================================================
	home page banner
==================================================================*/
#content {
}
#SubHeader{display:none;}
.banner {
	border: 1px solid rgb( 226, 221, 215);
	border-radius: 8px;
	background-color: rgb(248,245,240);
	background-image: -moz-linear-gradient( 90deg, rgb(248,245,240) 0%, rgb(250,247,242) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(248,245,240) 0%, rgb(250,247,242) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(248,245,240) 0%, rgb(250,247,242) 100%);
	box-shadow: 0px 2px 0px 0px rgb( 198, 195, 191 );
	margin-bottom: 22px;
	position: relative;
}
.banner-img img {
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}
/* campaign landing page banner */
.banner-campaign .banner-img img{
	border-radius: 8px;
}

.banner-copy {
	width: 100%;
}
 @media only screen and (min-width: 700px) {
.banner-copy {
	display: block;
	width: 68%;
	float: left;
}
}
.banner-text {
	padding: 10px 20px;
}
@media only screen and (min-width: 700px) {
.banner-text {
	padding: 20px 30px;
}
}
.banner-title {
	/*font-family: opensans-bold;*/
	font-weight: normal;
	font-style: normal;
	font-size: 1.5em;
	line-height: 1.2em;
	margin: 0;
	padding: 0;
	color:#53504c;
}
 @media only screen and (min-width: 700px) {
.banner-title {
	font-size: 1.75em;
}
}
.banner-btn {
	display: block;
	float:none;
	text-align: center;
}
 @media only screen and (min-width: 700px) {
.banner-btn {
	float: right;
	/*margin-top: 20px;*/
	display: inline-block;
}
}
/* =================================================================
	END home page banner
==================================================================*/
/* =================================================================
	button nav home page
==================================================================*/
.button-row ul {
	font-size: 1em !important;
	margin: 0px;
	padding: 0px;
	display: inline;
	list-style: none;
	width: 100% !important;
}
.button-row {
	margin-bottom: 10px;
	width: 100%;
	text-align: center;
}
.button-row li {
	display: block;
}
 @media only screen and (min-width: 700px) {
	.button-row li {
	display:inline-block;

	}
 }
.button-row li a,
.button-row li a:visited {
	margin-bottom: 10px;
	width: 100%;
	/*font-family: opensans-semibold;*/
	font-weight: normal;
	font-style: normal;
	font-size: 1em;
	border-style: solid;
	border-width: 1px;
	border-color: rgb( 229, 144, 33 );
	border-radius: 5px;
	background-color: rgb(245,161,51);
	background-image: -moz-linear-gradient( 90deg, rgb(245,161,51) 0%, rgb(250,166,53) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(245,161,51) 0%, rgb(250,166,53) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(245,161,51) 0%, rgb(250,166,53) 100%);
	box-shadow: 1px 1.2px 0px 0px rgb( 198, 195, 191 );
	color: #ffffff;
	padding: 13px 20px;
	text-decoration: none;
	display: inline-block;

}
.button-row li a:hover {
	color: #ffffff;
	background-image: none;
	background-color: #F05028;
}
 @media only screen and (min-width: 700px) {
.button-row {
	border: 1px solid rgb( 226, 221, 215);
	border-radius: 8px;
	background-color: #f7f7f7;
	margin-bottom: 15px;
	width: 100%;
	padding: 10px;
}


.button-row li a {
	margin: 5px;
	width: auto;
	padding: 13px 18px;
}
}
 @media only screen and (min-width: 960px) {
.button-row {
	padding: 10px;
}
.lt-ie9 .button-row {
	padding:10px 5px;
}
.button-row li a {
	width: auto;
	font-size: 1.285em;
	padding: 13px 20px;
}
}
/* =================================================================
	END button nav home page
==================================================================*/


/* =================================================================
	Campaigns
==================================================================*/
/* common campaign styles */
.campaign, .campaign:visited {
	border: 1px solid rgb( 226, 221, 215);
	border-radius: 8px;
	background-color: rgb(248,245,240);
	background-image: -moz-linear-gradient( 90deg, rgb(248,245,240) 0%, rgb(250,247,242) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(248,245,240) 0%, rgb(250,247,242) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(248,245,240) 0%, rgb(250,247,242) 100%);
	margin-top: 5px;
	margin-bottom: 5px;
	box-shadow: 0px 2px 0px 0px rgb( 198, 195, 191 );
	display: block;
	color: #53504c;
	text-decoration: none;
}
.col-right .campaign {
	background-image: none;
	background-color: #009bdc;
	margin-bottom: 20px;
}
.campaign:hover {
	background-image: none;
	color: #ffffff;
	background-color: #F05028;
}
.campaign-img img {
	border-top-right-radius: 0px;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 0px;
	width: 50%;
	float: left;
}
 @media only screen and (min-width: 700px) {
.campaign-img img {
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 0px;
	width: 100%;
}
}
.campaign-text {
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	width: 50%;
	float: left;
	/*font-family: opensans-semibold;*/
	font-size: 0.9em;
	line-height: 1.25em;
	padding: 10px 20px;
	padding-right: 10px;
	text-align:left;
}
.col-right .campaign-text {
	color: #ffffff;
}
 @media only screen and (min-width: 700px) {
.campaign-text {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	width: 100%;
	height: 69px;
	padding-right: 20px;
	text-align:center;
}
}
@media only screen and (min-width: 960px) {
.campaign-text {
	font-size: 1.125em;
}
.col-right .campaign-text {
	font-size: 1em;
}
.campaign-listing .campaign-text {
	font-size: 0.875em;
}
.campaign-top-container .campaign-text {
	font-size: 0.875em;
}
}
/* campaigns on home page */

.campaign-home {
	width: 100%;
	float: left;
}
@media only screen and (min-width: 700px) {
.campaign-home {
	width: 32.33%;
	margin-right: 1.5%;
}
}
@media only screen and (min-width: 960px) {
.campaign-home {
	width: 293px;
	margin-right: 20px;
}
}
.campaign-home.last {
	margin-right: 0;
}
/* campaigns on listing page */

.campaign-listing-row {
	margin-left: 0;
	margin-right: 0;
}
 @media only screen and (min-width: 700px) {
.campaign-listing-row {
	margin-left: -5px;
	margin-right: -5px;
}
}
@media only screen and (min-width: 960px) {
.campaign-listing-row {
	margin-left: -10px;
	margin-right: -10px;
}
}
.campaign-listing {
	width: 100%;
	float: left;
}
@media only screen and (min-width: 700px) {
.campaign-listing {
	width: 242px;
	margin: 5px;
}
}
@media only screen and (min-width: 960px) {
.campaign-listing {
	width: 215px;
	margin: 10px;
}
}
.campaign-current {
	background-color: #f07c25;
	color: #ffffff;
	/*font-family: opensans-semibold;*/
	font-weight: normal;
	font-style: normal;
	position: absolute;
	top: 0;
	right: 20px;
	z-index: 10;
	padding: 10px 15px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}
/* campaigns on top level page */
.campaign-top-container {
	width: 100%;
	float: left;
}
@media only screen and (min-width: 700px) {
.campaign-top-container {
	width: 100%;
}
}
@media only screen and (min-width: 960px) {
.campaign-top-container {
	width: 210px;
	margin-left: 5px;
	margin-right: 5px;
}
}

.banner-campaign {
	margin-top:20px;
	margin-bottom:20px;
}

/* =================================================================
	END Campaigns
==================================================================*/

/* =================================================================
	END side navigation
==================================================================*/
.nav-right-container {
	border: 1px solid rgb( 226, 221, 215);
	border-radius: 8px;
	background-color: #fefefe;
	margin-bottom: 20px;
}
.nav-right-title {
	color: #ffffff;
	background-color: #009bdc;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	display: block;
	text-align: center;
	padding-bottom: 15px;
	padding-top: 15px;
	/*font-family: opensans-bold;*/
	font-weight: normal;
	font-style: normal;
}
.nav-right-section {
	color: #009bdc;
	/*font-family: opensans-semibold;*/
	font-weight: normal;
	font-style: normal;
	font-size: 0.7857em;
	display: block;
	padding-bottom: 15px;
	padding-top: 15px;
	padding-left:20px;
}
.nav-right {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.nav-right-lv1:visited, .nav-right-lv1 {
	background-image: -moz-linear-gradient( 90deg, rgb(250,248,244) 0%, rgb(255,255,255) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(250,248,244) 0%, rgb(255,255,255) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(250,248,244) 0%, rgb(255,255,255) 100%);
	display: block;
	padding: 10px 20px;
	border-top: 1px solid rgb( 226, 221, 215);
	text-decoration: none;
}
.nav-right-lv1:hover {
	background-image: none;
	color: #ffffff;
	background-color: #F05028;
}
.nav-right li.active .nav-right-lv1 {
	/*font-family: opensans-semibold;*/
	background-image: none;
}
.nav-right li:last-child .nav-right-lv1 {
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}
.nav-right li.has-children.active:last-child .nav-right-lv1 {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.nav-right-lv2 {
	margin: 0;
	padding: 0;
	list-style-type: none;
	color: #53504c;
	font-size: 0.875em;
	line-height: 0.875em;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
}
.nav-right.level2 {
	display: none;
}
.nav-right li.active .level2 {
	display: block;
}
.nav-right.level2 li {
	text-indent: -1em;
	padding-bottom: 5px;
	padding-left: 30px;
	line-height: 1em;
}
.nav-right-lv2, .nav-right-lv2:visited {
	text-decoration: none;
	color: #53504c;
	line-height: 1em;
}
.nav-right-lv2:hover {
	color: #F05028;
}
.nav-right-lv2:before {
	font-family: 'icomoon';
	content: "\e603";
	color: #ffffff;
	float:left;
	width: 1em;
}
.nav-right-lv2:hover:before {
	font-family: 'icomoon';
	content: "\e603";
	color: #F05028;
}
/* =================================================================
	END side navigation
==================================================================*/


.references-container {
	border-top: 1px solid rgb( 226, 221, 215);
	margin-top: 20px;
	margin-bottom: 20px;
}
.references-button {
	/*font-family: opensans-bold;*/
	font-weight: normal;
	font-style: normal;
	padding-top: 20px;
	padding-bottom: 20px;
	cursor: pointer;
}
.references-icon {
	background-image: url(../images/svg/references_sprite.svg);
	background-repeat: repeat-x;
	background-position: left top;
	background-size: cover;
	height: 24px;
	width: 24px;
	float: left;
	margin-right: 10px;
}

.lt-ie9 .references-icon {
	background-image: url(../images/references_sprite.png);
}

.references-icon.active {
	background-position: left -24px;
}
.references-content {
	padding-left: 20px;
	padding-right: 20px;
	display: none;
}
.references-content p {
	word-wrap: break-word;
}
#campaignContainer .references-container{
	float:left;
	width:100%;
}

/* =================================================================
   Email us Form
 ==================================================================*/
.col-right .form-container {
	border: 1px solid rgb( 226, 221, 215);
	border-radius: 8px;
	background-color: #ffffff;
	padding:20px;
}
.col-right .form-container p {
	display:none;
}

.col-right .form-container h1 {
	font-size:1.625em;
}

.form-email-us {
	margin-bottom: 20px;
}
.form-email-us input[type='text'], .form-email-us select, .form-email-us textarea {
	border-style: solid;
	border-width: 1px;
	border-color: rgb( 226, 221, 215 );
	border-radius: 5px;
	padding: 10px 15px;
	box-shadow: inset 1px 1px 6px 2px rgb( 231, 231, 231 );
}
.form-email-us input, .form-email-us select {
	width: 100%;
}
@media only screen and (min-width: 960px) {
.form-email-us input, .form-email-us select {
	width: 300px;
}

.col-right .form-email-us input,
.col-right .form-email-us select {
	width:100%;
}
}
.form-email-us label {
	padding-bottom: 5px;
	display: inline-block;
}
.form-email-us textarea {
	width: 100%;
}
@media only screen and (min-width: 960px) {
.form-email-us .form-message {
	margin-right: 30px;
}
.col-right .form-email-us .form-message {
	margin-right: 0px;
}

}
.form-email-us .form-group {
	margin-bottom: 20px;
}
@media only screen and (min-width: 960px) {
.form-email-us .form-group {
	float: left;
	margin-right: 20px;
}
.col-right .form-email-us .form-group {
	float: none;
	margin-right: 0px;
}
}
.form-email-us .form-req {
	font-size: 0.75em;
}
.form-captcha-area {
	margin-top: 20px;
	margin-bottom: 20px;
}
.form-error-block {
	color: #ffffff;
	background-color: #F05028;
	padding: 20px 25px;
	border-radius: 8px;
	margin-bottom: 20px;
	line-height: 2em;
}
.form-error-block .icon-warning {
	margin-right: 20px;
	font-size: 1.5em;
}
.form-error-block .error-text {
	display: inline-block;
}
.form-error-block .error-text:before {
	font-family: 'icomoon';
	font-size: 1.5em;
	content: "\e606";
	padding-right: 10px;
}
.form-email-us input[type='text'].error, .form-email-us select.error, .form-email-us textarea.error, .form-email-us label.error {
	border-color: rgb( 242, 125, 35 );
	color: rgb( 242, 125, 35 );
}
.form-disclaimer {
	border-top: 1px solid rgb( 226, 221, 215);
	padding-top: 20px;
	padding-bottom: 20px;
}
/* =================================================================
   Search results
 ==================================================================*/
.result-header {
	border-bottom: 1px solid rgb( 226, 221, 215);
}
.search-h1 {
	/*font-family: opensans-regular;*/
	font-weight: normal;
	font-style: normal;
}
.search-result {
	border-bottom: 1px solid rgb( 226, 221, 215);
	padding-top: 10px;
	padding-bottom: 20px;
}
.search-result p {
	margin: 0;
	padding: 0;
	margin-top: 10px;
}
.result-heading:visited, .result-heading {
	/*font-family: opensans-bold;*/
	font-weight: normal;
	font-style: normal;
	font-size: 1.625em;
	color: #F05028;
	text-decoration: none;
}
.campaign-link, .campaign-link:visited {
	color: #F05028;
	text-decoration: none;
}

.campaign-link:hover,
.result-heading:hover {
	color: #F05028;
	text-decoration:underline;
}
.result-date {
	font-size: 0.6875em;
	color: #96908a;
	text-transform: uppercase;
}
#search-results-container {
	margin-bottom: 20px;
	margin-top: 20px;
	float: none;
	/*height:31px;*/
}
 @media only screen and (min-width: 700px) {
#search-results-container {
	width: 60%;
}
}
#search-results-container input[type="submit"] {
	float: right;
}
#search-results-container input[type="text"] {
	width: 70%;
}
/* =================================================================
   END Search results
 ==================================================================*/



  /* =================================================================
   in this section
 ==================================================================*/


#search-results-container input[type="submit"] {
	float: right;
}
.section-title {
	color: #99958f;
	/*font-family: opensans-semibold;*/
	font-weight: normal;
	font-style: normal;
	font-size: 0.875em;
	text-transform: uppercase;
	margin-bottom: 20px;
	display: block;
	border-bottom: 1px solid rgb( 226, 221, 215);
	padding-bottom: 10px;
}


 /* =================================================================
   END Search results
 ==================================================================*/

    /* =================================================================
  error 404
 ==================================================================*/
.error404container {
	text-align:center;
}
@media only screen and (min-width: 700px) {
.error404container p{
	width:70%;
	margin:auto auto;
}
}
.error404-er {
	color:#cac6c1;
	/*font-family: opensans-semibold;*/
	font-weight: normal;
	font-style: normal;
	font-size: 1.6875em;
	display:block;
}
.error404-pg-nt-fd {
	color:#F05028;
	/*font-family: opensans-regular;*/
	font-weight: normal;
	font-style: normal;
	font-size:2em;
	display:block;
}
@media only screen and (min-width: 700px) {
.error404-pg-nt-fd {
	font-size: 3.25em;
}
}
.error404-message {
	background-color: #F05028;
	background-image: url(../images/owls_404.png);
	background-repeat: no-repeat;
	background-position: 50px 30px;
	color:#ffffff;
	min-height:268px;
	border-radius:134px;
	padding-left:307px;
	padding-top:50px;
	padding-right:100px;
	padding-bottom:30px;
	text-align:left;
	width:80%;
	margin:auto auto;
	display:none;
	margin-top:30px;
	margin-bottom:30px;
	font-size:1.25em;
}
.error404-message p {
	width:100%;
}
@media only screen and (min-width: 700px) {
.error404-message {
	 display:block;
	 width:90%;
}
}

@media only screen and (min-width: 960px) {
.error404-message {
 width:80%;
}

}

   /* =================================================================
  END error 404
 ==================================================================*/

  /* =================================================================
  pagination
 ==================================================================*/

/* Example of search results navigation  */
 .dnnPager-prev {
	border-style: solid;
	border-width: 1px;
	border-color: rgb( 226, 221, 215 );
	border-radius: 5px;
	background-image: -moz-linear-gradient( 90deg, rgb(248,244,239) 0%, rgb(255,255,255) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(248,244,239) 0%, rgb(255,255,255) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(248,244,239) 0%, rgb(255,255,255) 100%);
	box-shadow: 0px 2px 0px 0px rgb( 198, 195, 191 );
	display:inline-block;
	height:40px;
	width:43px;
 }
/* END Example of search results navigation */


  /* =================================================================
  quiz risk assessment
 ==================================================================*/

 /* Hide the form initially. When you press the begin button then show  */
.ModRiskAssessmentToolC {
    display: none;
}

.risk-error-text {
    display: none;
}

.risk-error .risk-error-text {
    display: block;
    margin-top: 4px;
    color: red;
}

.btn.quiz-begin {
    cursor: pointer;
}

#quiz-risk input[type="submit"] {
	float:right;
}
#quiz-risk .btn {
	font-size:1em !important;
}
#quiz-risk .btn-back{
	border-style: solid;
	border-width: 1px;
	border-color: rgb( 226, 221, 215 );
	border-radius: 5px;
	background-color: rgb(248,244,239);
	background-image: -moz-linear-gradient( 90deg, rgb(248,244,239) 0%, rgb(255,255,255) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(248,244,239) 0%, rgb(255,255,255) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(248,244,239) 0%, rgb(255,255,255) 100%);
	box-shadow: 0px 2px 0px 0px rgb( 198, 195, 191 );
	color: #53504c !important;
}

#quiz-risk .btn-back:hover {
	color: #ffffff !important;
	background-image: none;
	background-color: #F05028;
}

.question {
	margin-bottom:20px;
}
.question-number {
	border-radius: 5px;
	background-color: rgb( 250, 166, 53 );
	color:#FFF;
	text-align:center;
	height:36px;
	width:36px;
	font-size:1.125em;

  	/*font-family: opensans-bold;*/
	font-weight: normal;
	font-style: normal;

	padding-top:9px;
	float:left;
}
.question-answers {
	display:block;
	float:left;
	margin-left:20px;
}
.question-answers label {
	padding-left:10px;
}
.question-text {
	color: rgb( 250, 166, 53 );
	display:block;
  	/*font-family: opensans-bold;*/
	font-weight: normal;
	font-style: normal;
	width:244px;
	padding-bottom:10px;
	word-wrap:break-word;
}
@media only screen and (min-width: 700px) {
.question-text {
	padding-top:10px;
	width:422px;
}

}
@media only screen and (min-width: 960px) {
.question-text {
	padding-top:10px;
	width:600px;
}

}

.quiz-buttons {
	margin-bottom:20px;
}
@media only screen and (min-width: 700px) {
.quiz-buttons {
	margin-bottom:0px;
}
}
   /* =================================================================
	END  quiz risk assessment
 ==================================================================*/

   /* =================================================================
	Risk results
 ==================================================================*/
 .risk-heading {
	font-size:3.75em;
	line-height:1em;
	display:block;
	padding-bottom:10px;
 }
.risk-result {
	border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;

	color:#FFF;
	padding:10px;

}
@media only screen and (min-width: 700px) {
	.risk-result {
		padding:50px;
		margin-right:1px;
	}
}
.risk-result.active-1{
	background-color: rgb( 250, 166, 53 );
}
.risk-result.active-2{
	background-color: rgb( 245, 128, 38 );
}
.risk-result.active-3{
	background-color: rgb( 242, 97, 33 );
}


.risk-result p {
	line-height:1.5em;
}

.risk-score {
	background-color: rgb( 255, 255, 255  );
	border-radius: 119px;
	-moz-border-radius: 119px;
	-webkit-border-radius: 119px;
	/*font-family: opensans-bold;*/
	font-weight: normal;
	font-style: normal;

	height:238px;
	width:238px;
	text-align:center;

	padding-top:30px;
	margin:20px auto;

}
@media only screen and (min-width: 700px) {
	.risk-score {
		float:right;
		margin:0px;
	}
}

.active-1 .risk-score {
	color: rgb( 250, 166, 53 );
}

.active-2 .risk-score {
	color: rgb( 245, 128, 38 );
}

.active-3 .risk-score {
	color: rgb( 242, 97, 33 );
}

.risk-score .score-title,
.risk-score .score-text {
	display:block;
	width:100%;
	display:block;
}

.score-title {
	font-size:1em;

}
.question-set {
	display: none;
}
.score-total {
	font-size:6.25em;
	line-height:1em;
}
.score-base {
	font-size:1.25em;
}
.score-text {
	padding-top:25px;
	font-size:1.3125em;
}

.risk-cat  {
	color:#FFF;
	display:block;
	float:left;
	width:33.3333333333333333333339%;
	background-color: rgb( 250, 166, 53 );
	text-align:center;
	padding-bottom:20px;
	padding-top:20px;
	font-size:1.3125em;
	line-height:1.5em;
	margin-bottom:20px;
}
/* category 1 */
.active-1 .risk-cat-1 {
	background-image:none;
	background-color: rgb( 250, 166, 53 );
}
.active-2 .risk-cat-1 {
	background-color: rgb( 250, 166, 53 );
	background-image: -moz-linear-gradient( 90deg, rgb( 250, 166, 53 ) 0%, rgb( 245, 128, 38 ) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb( 250, 166, 53 ) 0%, rgb( 245, 128, 38 ) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb( 250, 166, 53 ) 0%, rgb( 245, 128, 38 ) 100%);
}
.active-3  .risk-cat-1{
	background-color: rgb( 250, 166, 53 );
	background-image: -moz-linear-gradient( 90deg, rgb( 250, 166, 53 ) 0%, rgb( 242, 97, 33 ) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb( 250, 166, 53 ) 0%, rgb( 242, 97, 33 ) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb( 250, 166, 53 ) 0%, rgb( 242, 97, 33 ) 100%);
}
.risk-cat-1{
	border-radius: 0 0 0 8px;
	-moz-border-radius: 0 0 0 8px;
	-webkit-border-radius: 0 0 0 8px ;
}

/* category 2 */
.active-1 .risk-cat-2 {
	background-color: rgb( 245, 128, 38 );
	background-image: -moz-linear-gradient( 90deg, rgb( 245, 128, 38 ) 0%, rgb( 250, 166, 53 ) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb( 245, 128, 38 ) 0%, rgb( 250, 166, 53 ) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb( 245, 128, 38 ) 0%, rgb( 250, 166, 53 ) 100%);
}
.active-2 .risk-cat-2 {
	background-image:none;
	background-color: rgb( 245, 128, 38 );
}
.active-3 .risk-cat-2 {
	background-color: rgb( 245, 128, 38 );
	background-image: -moz-linear-gradient( 90deg, rgb( 245, 128, 38 ) 0%, rgb( 242, 97, 33 ) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb( 245, 128, 38 ) 0%, rgb( 242, 97, 33 ) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb( 245, 128, 38 ) 0%, rgb( 242, 97, 33 ) 100%);
}

/* category 3 */
.active-1 .risk-cat-3 {
	background-color: rgb( 242, 97, 33 );
	background-image: -moz-linear-gradient( 90deg, rgb( 242, 97, 33 ) 0%, rgb( 250, 166, 53 ) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb( 242, 97, 33 ) 0%, rgb( 250, 166, 53 ) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb( 242, 97, 33 ) 0%, rgb( 250, 166, 53 ) 100%);
}
.active-2 .risk-cat-3 {
	background-color: rgb( 242, 97, 33 );
	background-image: -moz-linear-gradient( 90deg, rgb( 242, 97, 33 ) 0%, rgb( 245, 128, 38 ) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb( 242, 97, 33 ) 0%, rgb( 245, 128, 38 )100%);
	background-image: -ms-linear-gradient( 90deg, rgb( 242, 97, 33 ) 0%, rgb( 245, 128, 38 ) 100%);
}
.active-3 .risk-cat-3{
	background-image:none;
	background-color: rgb( 242, 97, 33 );
}
.risk-cat-3{
	border-radius: 0 0 8px 0;
	-moz-border-radius: 0 0 8px 0;
	-webkit-border-radius: 0 0 8px 0;
}

.risk-buttons {
	margin-top: 20px;
}
.risk-buttons .btn{
	background-color: rgb(248,244,239);
	background-image: -moz-linear-gradient( 90deg, rgb(248,244,239) 0%, rgb(255,255,255) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(248,244,239) 0%, rgb(255,255,255) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(248,244,239) 0%, rgb(255,255,255) 100%);
	border-color: rgb( 226, 221, 215 );

	box-shadow: 0px 2px 0px 0px rgb( 198, 195, 191 );
	color: #53504c !important;
	/*font-family: opensans-italic-webfont;*/
	font-weight: normal !important;
	font-style: normal !important;
	font-size:1em !important;
	margin-bottom:20px;
	width:100%;
}
@media only screen and (min-width: 700px) {
.risk-buttons .btn{
	width:auto;
}
}

.risk-buttons .btn:hover{
	color: #FFF !important;
	background-image: none;
	background-color: #F05028;
}
.btn-print .icon {
	display:block;
	height: 17px;
	width: 21px;
	background-image: url(../images/svg/print.svg);
	background-repeat: no-repeat;
	background-position: left top;
	float:left;
	margin-right:10px;
}
 .lt-ie9 .btn-print .icon  {
	background-image: url(../images/print.png);
}
.btn-email .icon {
	display:block;
	height: 17px;
	width: 23px;
	background-image: url(../images/svg/email.svg);
	background-repeat: no-repeat;
	background-position: left top;
	float:left;
	margin-right:10px;
}
 .lt-ie9 .btn-email .icon  {
	background-image: url(../images/email.png);
}
.btn-email:hover .icon,
.btn-print:hover .icon {
	background-position: left bottom;
}




/******* functionality stuff ******/
.risk-result-set {
	display: none;
}
.risk-email {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 10000;
}
.risk-email .risk-email-mask {
	background: rgba(0,0,0,0.5);
	z-index: 10001;
	height: 100%;
	width: 100%;
	position: absolute;
}
.risk-email .risk-email-modal {
	background: #fff;
	z-index: 10002;
	width: 300px;
	padding: 15px;
	min-height: 200px;
	max-width: 100%;
	border-radius: 5px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-top: -140px;
	margin-left: -160px;
}

.risk-email-modal h3 {
	margin-top: 0;
}
.risk-email-modal .btn {
	margin-bottom: 0;
}


/* =================================================================
	END Risk results
 ==================================================================*/

/* =================================================================
	Further inforamtion
 ==================================================================*/

 .further-info {
	border-top: 1px solid rgb( 226, 221, 215);
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top:20px;
}

 .further-info.info-small{
	border-top: none;
	margin-top: 0;
	margin-bottom: 20px;
	padding-top:0;
}

 .further-info.info-small {
	font-size:0.9em;
	margin:0;
 }

 .further-info li {
	list-style-image: url(../images/svg/bullet_56534f.svg);
	margin-bottom: 20px;
 }
 .lt-ie9 .further-info li  {
	list-style-image: url(../images/bullet_56534f.png);
}



.further-info li .heading {
	color:#009bdc;
	/*font-family: opensans-bold;*/
	font-weight: normal;
	font-style: normal;
	line-height:2em;
}


.further-info-title {
	/*font-family: opensans-bold;*/
	font-weight: normal;
	font-style: normal;
	font-size:1.3125em;
	padding-bottom:15px;
	padding-top:10px;
}
 .further-info.info-small .further-info-title {
	font-size:1em;
	padding-top:2px;
	padding-bottom:0px
 }


.icon-info {
	background-image: url(../images/svg/info.svg);
	display: block;
	height: 36px;
	width: 36px;
	background-repeat: no-repeat;
	background-position: left top;
	float:left;
	margin-right:15px;
}

.further-info.info-small .icon-info{
	height: 24px;
	width: 24px;
	background-size:24px;
}
.info-small .further-info-title {
	font-size:1.2em
}

.lt-ie9 .icon-info  {
	background-image: url(../images/info.png);
}
.lt-ie9 .further-info.info-small .icon-info  {
	background-image: url(../images/info_sm.png);
}
/* =================================================================
	END Further inforamtion
 ==================================================================*/

 /* =================================================================
	Tips
 ==================================================================*/
 .tip {
	margin-bottom:20px;
 }
.tip-content {
	float:left;

	width:100%;
	display:block;
}

@media only screen and (min-width: 700px) {
	.tip-content {
		width:80%
	}
}
@media only screen and (min-width: 960px) {
	.tip-content {
		width:85%
	}
}

 .tip-title {
	color: #009bdc;
	/*font-family: opensans-bold;*/
	font-weight: normal;
	font-style: normal;
	font-size:1.3125em;
	padding-bottom:10px;
	line-height:1em;
 }

.tip-icon {
	display: block;
	height: 48px;
	width: 60px;
	background-image: url(../images/svg/tips_sprite.svg);
	background-repeat: no-repeat;
	margin:auto auto;
	margin-bottom:10px;
}
@media only screen and (min-width: 700px) {
.tip-icon {
	float:left;
	margin-right:20px;
}
}

.lt-ie9 .tip-icon {
	background-image:url(../images/tips_sprite.png);
}
.tip-icon-avoid {
	background-position: 0px 0px;
}
.tip-icon-count {
	background-position: 0px -48px;
}
.tip-icon-slow {
	background-position: 0px -96px;
}
.tip-icon-take-less	 {
	background-position: 0px -144px;
}
.tip-icon-make-every {
	background-position: 0px -192px;
}
.tip-icon-eat-before {
	background-position: 0px -240px;
}
.tip-icon-drink-water {
	background-position: 0px -288px;
}
.tip-icon-avoid-top {
	background-position: 0px -336px;
}
.tip-icon-practice {
	background-position: 0px -384px;
}
.tip-icon-try-low {
	background-position: 0px -432px;
}
.tip-icon-thirsty {
	background-position: 0px -480px;
}
.tip-icon-stop-drinking {
	background-position: 0px -528px;
}
.tip-icon-rounds {
	background-position: 0px -576px;
}
.tip-icon-taxi {
	background-position: 0px -624px;
}
.tip-icon-evaluate {
	background-position: 0px -674px;
}

  /* =================================================================
	END Tips
 ==================================================================*/
.colour-block-a,
.colour-block-b,
.colour-block-c{
	width: 33.3%;
	float: left;
	height: 96px;
}

.colour-block-a {
    background: #faa83b;
}

.colour-block-b {
    background: #f68729;
}

.colour-block-c {
    background: #f47126;
}

.cta-wrap {
	position: relative;
	margin-bottom:2.5em;
}

.cta-wrap .colour-block-a {
	-webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
}

.cta-wrap .colour-block-c {
   -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
}

.cta-wrap img {
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.cta-block {
 	background: #fff;
	position: relative;
	display: block;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width: 100%;
	padding: 15px;
}

@media only screen and (min-width: 380px) {
	.cta-block {
		position: absolute;
		bottom: 45px;
		width: 80%;
		left: 50%;
		margin-left: -40%;
	}
}

@media only screen and (min-width: 960px) {
	.cta-block {
	     left: 50%;
	     margin-left: -312px;
	     width: 624px;
	     padding: 20px 30px;
	}
}

.cta-heading {
    margin:0;
    /*font-family: opensans-regular;*/
    font-size: 1.313em;
    line-height: 1.5em;
}

@media only screen and (min-width: 700px) {
	.cta-heading {
	    width: 100%;
	    float: none;

	}
}

@media only screen and (min-width: 960px) {
	.cta-heading {
	    margin:0;
	    /*font-family: opensans-regular;*/
	    font-size: 1.313em;
	    width: 355px;
	    float:left;
	    line-height: 1.5em;
	}
}

.cta-block .btn {
 	float: none;
	margin: 1em auto;
	display: block;
	text-align: center;
}

@media only screen and (min-width: 960px) {
	.cta-block .btn {
	    float: right;
		margin:0;
	}
}


@media print {
	body {
		font-size: 14px;
	}

	h1 {
		font-size: 1.850em;
	}

	h2 {
		font-size: 1.250em;
	}

	.references-content {
		display: block;
	}

	.references-content p {
		font-size: 0.850em;
	}

    .risk-buttons {
        display: none !important;
    }

}

/******* treeview override ******/
.treeview, .treeview ul {padding: 5px 0 5px 15px !important;}
.treeview li {padding: 0px 0px 5px 16px !important;}
.treeview a {font-size: 0.875em !important; text-decoration: none !important;}
.treeview a:hover, .treeview a:focus {color: #F05028 !important; text-decoration: underline !important;}


/* =================================================================
	Alternative Pgae Navigation - workplaces
 ==================================================================*/
.alt-page-nav {
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
	font-size: 0.813em;
}

.alt-page-nav li {
	display: block;
}
@media only screen and (min-width: 700px) {
	.alt-page-nav li {
		display: inline-block;
	}
}

.alt-page-nav li.current {
	color: #F05028;
	font-weight: bold;
}

.alt-page-nav li a {
	text-decoration: none;
}

.alt-page-nav span {
	display: none;
	color: #53504C;
	font-weight: normal;
}
@media only screen and (min-width: 700px) {
	.alt-page-nav span {
		display: inline-block;
		padding: 0 5px;
	}
}

/* =================================================================
	workplaces - interactive fitness for work alcohol policy image
 ==================================================================*/
.mapAlcoholPolicy,
.mapStrategies {
	background-image: url(/portals/0/Images/workplace/FitnessForWork-default.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: cover;
	display: block;
	width: 100%;
	height: auto;
}
.mapStrategies {
	background-image: url(/portals/0/Images/workplace/HADP1324-default.jpg);
}

.mapAlcoholPolicy img[usemap],
.mapStrategies img[usemap] {
	border: none;
	height: auto;
	max-width: 100%;
	width: auto;
}

.mapAlcoholPolicy.map-phase1 {
	background-image: url(/portals/0/Images/workplace/FitnessForWork-hover-1.jpg);
}
.mapAlcoholPolicy.map-phase2 {
	background-image: url(/portals/0/Images/workplace/FitnessForWork-hover-2.jpg);
}
.mapAlcoholPolicy.map-phase3 {
	background-image: url(/portals/0/Images/workplace/FitnessForWork-hover-3.jpg);
}

.mapStrategies.map-strategy1 {
	background-image: url(/portals/0/Images/workplace/HADP1324-01.jpg);
}
.mapStrategies.map-strategy2 {
	background-image: url(/portals/0/Images/workplace/HADP1324-02.jpg);
}
.mapStrategies.map-strategy3 {
	background-image: url(/portals/0/Images/workplace/HADP1324-03.jpg);
}
.mapStrategies.map-strategy4 {
	background-image: url(/portals/0/Images/workplace/HADP1324-04.jpg);
}

/******* Workplace Footer ******/
.workplace-footer {
	border-top: 1px solid #e2ddd7;
	background-color: #f7f7f7;
	margin-bottom: -36px;
}
.workplace-footer-wrapper {
	margin: 15px auto;
	width: 100%;
	padding-bottom: 6px;
}
@media only screen and (min-width: 960px) {
	.workplace-footer-wrapper {
		width: 960px;
	}
}

.workplace-footer-title {
	font-size: .875em;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0;
	margin: 0 auto 10px auto;
	float: none;
	text-align: center;
}
.workplace-footer-logo {
	text-align: center;
}
.workplace-footer-logo img {
	height: 48px;
	margin-right: 14px;
}
@media only screen and (min-width: 530px) {
	.workplace-footer-logo img {
		height: 60px;
		margin-right: 20px;
	}
}
@media only screen and (min-width: 880px) {
	.workplace-footer-title {
		font-size: 1.250em;
		margin-right: 30px;
		margin-left: 20px;
		margin-top: 20px;
		float: left;
		text-align: left;
	}
	.workplace-footer-logo {
		text-align: left;
	}
}

.workplace-footer-description {
	font-size: 0.813em;
	margin-top: 16px;
	padding-bottom: 20px;
	text-align: center;
	margin-left: 20px;
	margin-right: 20px;
}
@media only screen and (min-width: 580px) {
	.workplace-footer-description {
		padding: 0 0 20px 0;
		max-width: 530px;
		margin-left: auto;
		margin-right: auto;
	}
}
@media only screen and (min-width: 880px) {
	.workplace-footer-description {
		max-width: 530px;
		margin-left: 177px;
		text-align: left;
	}
}


/* =================================================================
	Strong Spirit Strong Mind updates
 ==================================================================*/

/*form[action^="/Alcohol-Your-Health/Strong-Spirit-Strong-Mind-new"] {
	background-image: url(../images/sssm-bg.jpg);
	background-position: center 60px;
	background-repeat: repeat-x;
}

@media only screen and (min-width: 700px) {
	form[action^="/Alcohol-Your-Health/Strong-Spirit-Strong-Mind-new"] {
		background-position: center 163px;
	}
}

@media only screen and (min-width: 960px) {
	form[action^="/Alcohol-Your-Health/Strong-Spirit-Strong-Mind-new"] {
		background-position: center 173px;
	}
}*/


/* =================================================================
	Strong Spirit Strong Mind
		- Interactive tool stylesheets
==================================================================*/

.sssm-tool {
	font-size: 16px;
	position: relative;
	overflow: hidden;
	width: 100%;
	margin-bottom: 1.5em;
}

.sssm-tool__wrap {
	position: relative;
	overflow: hidden;
	padding: 0 1.563em 1.563em 0.85em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (min-width: 768px) {
	.sssm-tool__wrap {
		float: none;
		display: block;
		width: 100%;
		padding: 1.563em;
	}
}

@media screen and (min-width: 960px) {
	.sssm-tool__wrap {
		float: left;
		width: 420px;
		padding: 1.563em;
	}
}

.sssm-tool__content {
	position: relative;
	overflow-x: hidden;
	width: 100%;
	min-height: 170px;
}

@media screen and (min-width: 768px) {
	.sssm-tool__content {
		position: relative;
		overflow: hidden;
		width: 100%;
		min-height: 240px;
	}
}

/* Tool navigation - switches to a select on screen size less than 768px */

.sssm-tool__list {
	padding-bottom: 1.563em;
}

/* Hide list on small devices */
.sssm-tool__list dt {
	display: none;
	line-height: 1.125em;
}

/* Show select on large devices */
.sssm-tool__content select {
	display: block;
	width: 80%;
	margin: 0 auto 1em auto;
}

@media screen and (min-width: 768px) {
	/* Hide select on large devices */
	.sssm-tool__content select {
		display: none;
	}

	/* Show list on large devices */
	.sssm-tool__list dt {
		display: inline-block;
	}
}

.sssm-tool__list dt a {
	/*font-family: 'opensans-semibold', arial, helvetica, sans-serif;*/
	font-size: 1.125em;
	margin: .125em;
	padding: .167em .250em;
	text-decoration: none;
	color: #fff;
	display: block;
	-webkit-transform: translateZ(0);
}

.no-touch .sssm-tool__list dt a:hover,
.sssm-tool__list dt.active-nav a {
	background: #F05028; /* Orange */
}

.sssm-tool__list dt a:focus {
	text-decoration: underline;
	background: #000;
}


/* Diagram */
.sssm-tool__diagram {
	position: relative;
	overflow: visible;
	width: 250px;
	height: 358px;
	margin: 0 auto;
	left: 110%;
	opacity: 0;
}

@-webkit-keyframes fromright {
	from {
		left: 110%;
		opacity: 0;
	}

	to {
		left:0;
		opacity: 1;
	}
}
@-moz-keyframes fromright {
	from {
		left: 110%;
		overflow: visible;
		opacity: 0;
	}

	to {
		margin-top: 0;
		opacity: 1;
		overflow: hidden;
	}
}
@-o-keyframes fromright {
	from {
		left: 110%;
		opacity: 0;
	}

	to {
		left:0;
		opacity: 1;
	}
}
@keyframes fromright {
	from {
		left: 110%;
		opacity: 0;
	}

	to {
		left:0;
		opacity: 1;
	}
}



/* Fade in*/
@-webkit-keyframes fadein {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}
@-moz-keyframes fadein {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}
@-o-keyframes fadein {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}
@keyframes fadein {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.cssfade {
	-webkit-transform: translateZ(0);
	opacity: 0;
	-webkit-animation: fadein 1s forwards 1s linear;
	-moz-animation: fadein 1s forwards 1s linear;
	-o-animation: fadein 1s forwards 1s linear;
	animation: fadein 1s forwards 1s linear;
}

.lt-ie10 .cssfade {
	opacity: 1;
}

.sssm-tool__diagram.slidein {
	opacity: 1;
	-webkit-transform: translateZ(0);
	-webkit-animation: fromright 0.8s forwards 0.3s ease-out;
	-moz-animation: fromright 0.8s forwards 0.3s ease-out;
	-o-animation: fromright 0.8s forwards 0.3s ease-out;
	animation: fromright 0.8s forwards 0.3s ease-out;
}

.lt-ie10 .sssm-tool__diagram.slidein,
.lt-ie9 .sssm-tool__diagram.slidein {
	opacity: 1;
	left: 0;
}

@media screen and (min-width: 768px) {
	.sssm-tool__diagram {
		float: none;
		display: block;
	}
}

@media screen and (min-width: 950px) {
	.sssm-tool__diagram {
		float: left;
	}
}

.sssm-tool__diagram img {
	display: block;
	width: auto;
	margin: 0 auto;
}


/* Information */

.sssm-tool__information {
	font-size: 1em;
	line-height: 1.25em;
	color: #fff;
}

.btn--sssm-tool, .btn--sssm-tool:visited {
	border-style: solid;
	border-width: 1px;
	border-color: rgb( 229, 144, 33 );
	border-radius: 5px;
	background-color: rgb(245,161,51);
	background-image: -moz-linear-gradient( 90deg, rgb(245,161,51) 0%, rgb(250,166,53) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(245,161,51) 0%, rgb(250,166,53) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(245,161,51) 0%, rgb(250,166,53) 100%);
	color: #ffffff;
	font-size: 1em;
	/*font-family: opensans-semibold;*/
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	display: inline-block;
	position: absolute;
	right: 10px;
	top: 50px;
	padding: 0.5em 0.913em;
}

.btn--sssm-tool:hover {
	color: #ffffff;
	background-image: none;
	background-color: #F05028;
}

@media screen and (min-width: 768px) {
	.btn--sssm-tool {
		position: relative;
		top:auto;
		right: auto;
		left: 0.5em;
		padding: .5em 1.125em;
	}
}

/* TEST*/
.sssm-tool__list dd {
	position: absolute;
	top: 40px;
	left: 110%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 80%;
	padding: .375em;
	opacity: 0;
	color: #fff;
	display: block;
	margin-left: 0;
	line-height: 1.125em;
}

@media screen and (min-width: 768px) {
	.sssm-tool__list dd {
		position: absolute;
		top: 130px;
		left: 110%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
		padding: .375em;
		opacity: 0;
	}
}

.sssm-tool dd.active {
	left: 0;
	opacity: 1;
}
.lt-ie9 dd.active {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.male-organs,
.female-organs {
	position: absolute;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
	opacity: 0;
}

.lt-ie9 .male-organs,
.lt-ie9 .female-organs {
  display: none;
}

.lt-ie9 .male-organs.active-organ,
.lt-ie9 .female-organs.active-organ {
	display: block;
}

.female-organs.active-organ,
.male-organs.active-organ {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

/* ----------------------------------------------------------------
	Male Tool Specific
* ----------------------------------------------------------------*/
.sssm-tool--male {
	background-color: #159294;
}

.male-organs {
	background: url('../images/male-organs-sprite.png') no-repeat top left;
}

.male-organs.organ-brain {
	top: -4.056%;
	left: 22.4%;
	width: 115px;
	height: 105px;
	background-position: 0 -1112px;
}

.male-organs.organ-nervoussystem {
	top: 6px;
	left: 9px;
	width: 234px;
	height: 387px;
	background-position: 0 -154px;
}

.male-organs.organ-heart {
	top: 145px;
	left: 92px;
	width: 71px;
	height: 73px;
	background-position: 0 -551px;
}

.male-organs.organ-liver {
	top: 184px;
	left: 67px;
	width: 81px;
	height: 100px;
	background-position: 0 -634px;
}

.male-organs.organ-colon {
	top: 300px;
	left: 112px;
	width: 62px;
	height: 59px;
	background-position: 0 -85px;
}


.male-organs.organ-throat {
	top: 61px;
	left: 97px;
	width: 61px;
	height: 75px;
	background-position: 0 0;
}

.male-organs.organ-lungs {
	top: 28px;
	left: 45px;
	width: 156px;
	height: 213px;
	background-position: 0 -744px;
}

.male-organs.organ-muscles {
	top: 116px;
	left: 160px;
	width: 95px;
	height: 135px;
	background-position: 0 -967px;
}

.male-organs.organ-stomach {
	top: 78px;
	left: 88px;
	width: 92px;
	height: 218px;
	background-position: 0 -1227px;
}

.male-organs.organ-kidneys {
	top: 208px;
	left: 59px;
	width: 136px;
	height: 62px;
	background-position: 0 -1455px;
}

.male-organs.organ-pancreas {
	top: 243px;
	left: 102px;
	width: 62px;
	height: 52px;
	background-position: 0 -1527px;
}

.male-organs.organ-intestines {
	top: 240px;
	left: 71px;
	width: 111px;
	height: 118px;
	background-position: 0 -1589px;
}

/* ----------------------------------------------------------------
	Female Tool Specific
* ----------------------------------------------------------------*/
.sssm-tool--female {
	background-color: #ce1d4e;
}

img.sssm-tool__diagram--female {
	margin-left: -50px;
	max-width: none;
}

.female-organs {
	background: url('../images/female-organs-sprite.png') no-repeat top left;
}

.female-organs.organ-intestines {
	background-position: 0px -174px;
	width: 122px;
	height: 117px;
	top: 233px;
	left: 46px;
}

.female-organs.organ-pancreas {
	background-position: 0px -301px;
	width: 62px;
	height: 51px;
	top: 236px;
	left: 81px;
}

.female-organs.organ-kidneys {
	background-position: 0px -362px;
	width: 131px;
	height: 61px;
	top: 208px;
	left: 38px;
}

.female-organs.organ-stomach {
	background-position: 0px -433px;
	width: 91px;
	height: 205px;
	top: 86px;
	left: 65px;
}

.female-organs.organ-muscles {
	background-position: 0px -648px;
	width: 58px;
	height: 130px;
	top: 116px;
	left: 140px;
}

.female-organs.organ-lungs {
	background-position: 0px -788px;
	width: 143px;
	height: 204px;
	top: 33px;
	left: 33px;
}

.female-organs.organ-throat {
	background-position: 0px -1002px;
	width: 48px;
	height: 73px;
	top: 66px;
	left: 85px;
}

.female-organs.organ-colon {
	background-position: 0px -1085px;
	width: 62px;
	height: 59px;
	top: 288px;
	left: 81px;
}

.female-organs.organ-reproduction {
	background-position: 0px -86px;
	width: 120px;
	height: 78px;
	top: 260px;
	left: 45px;
}

.female-organs.organ-liver {
	background-position: 0px -1154px;
	width: 82px;
	height: 92px;
	top: 184px;
	left: 45px;
}

.female-organs.organ-heart {
	background-position: 0px -1256px;
	width: 70px;
	height: 71px;
	top: 140px;
	left: 72px;
}

.female-organs.organ-nervoussystem {
	background-position: 0px -1337px;
	width: 262px;
	height: 369px;
	top: 15px;
	left: -32px;
}

.female-organs.organ-brain {
	background-position: 0px -1716px;
	width: 118px;
	height: 106px;
	top: -9px;
	left: 39px;
}

.female-organs.organ-baby {
	background-position: 0px 0px;
	width: 70px;
	height: 76px;
	top: 263px;
	left: 71px;
}



/* =================================================================
	ATA Landing Page Index
==================================================================*/
.tool-index {
	/*border: 1px solid red;*/
}

.tool-index-item {
	background-color: #F05028;
	border-radius: 8px;
	display: block;
	text-decoration: none;
	position: relative;
	margin-bottom: 20px;
}

.tool-index-item:hover {
	background-color: #F05028;
}

.tool-index-image {
	background-image: url('../images/standard-drinks/ata-index-levels.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border-radius: 8px 0 0 8px;
	width: 33%;
	display: none;
}

.tool-index-step1 {
	background-image: url('../images/standard-drinks/ata-index-standard.jpg');
}

.tool-index-step2 {
	background-image: url('../images/standard-drinks/ata-index-levels.jpg');
}

.tool-index-step3 {
	background-image: url('../images/standard-drinks/ata-index-audit.jpg');
}

.tool-index-copy {
	padding: 16px 18px 10px 58px;
}

.tool-index-copy p {
	color: #fff;
	/*font-family: opensans-regular, arial, sans-serif;*/
	font-size: 0.9em;
}

.tool-index-copy h2 {
	color: #fff;
	/*font-family: opensans-regular, arial, sans-serif;*/
	font-size: 1.2em;
	margin-top: 0;
	margin-bottom: 0.2em;
}

.tool-index-number {
	background-color: #fff;
	border-radius: 32px;
	color: #F05028;
	/*font-family: opensans-bold, arial, sans-serif;*/
	font-size: 28px;
	line-height: 36px;
	text-align: center;
	position: absolute;
	width: 36px;
	height: 36px;
	top: 13px;
	left: 10px;
}

@media only screen and (min-width: 520px) {
	.tool-index-item {
		display: table;
	}

	.tool-index-image {
		display: table-cell;
	}

	.tool-index-copy {
		padding: 10px 40px;
	}

	.tool-index-copy p {
		font-size: 1em;
	}

	.tool-index-copy h2 {
		font-size: 1.625em;
		margin-top: 0.6em;
		margin-bottom: 0.5em;
	}

	.tool-index-number {
		font-size: 40px;
		line-height: 50px;
		width: 54px;
		height: 54px;
		top: 13px;
		left: 28.5%;
	}
}

/* Overrides for CancerVic */


#Page {
	font-size: 100%;
}