/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 25 February 2018 00:49:59
*/


/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */
/* What follows is the result of much research on cross-browser styling. Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, Kroc Camen, and the H5BP dev community and team. */
/* ========================================================================== Base styles: opinionated defaults ========================================================================== */
html { color: #222; font-size: 1em; line-height: 1.4; }

/* Remove text-shadow in selection highlight: https://twitter.com/miketaylr/status/12228805301 These selection rule sets have to be separate. Customize the background color to match your design. */
::-moz-selection { background: #b3d4fc; text-shadow: none; }

::selection { background: #b3d4fc; text-shadow: none; }

/* A better looking default horizontal rule */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

/* Remove the gap between audio, canvas, iframes, images, videos and the bottom of their containers: https://github.com/h5bp/html5-boilerplate/issues/440 */
audio, canvas, iframe, img, svg, video { vertical-align: middle; }

/* Remove default fieldset styles. */
fieldset { border: 0; margin: 0; padding: 0; }

/* Allow only vertical resizing of textareas. */
textarea { resize: vertical; }

/* ========================================================================== Browser Upgrade Prompt ========================================================================== */
.browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

/* ========================================================================== Template ========================================================================== */
.off-left { left: -10000px; position: absolute; }

a.external:after { content: url("data:image/svg+xml;charset=utf-8,%3Csvg%20id%3D%22Capa_1%22%20data-name%3D%22Capa%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20511.63%20438.53%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%2300e4e5%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eexternal-blue%3C%2Ftitle%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M392.86%2C292.35H374.58a8.81%2C8.81%2C0%2C0%2C0-9.14%2C9.14v91.36a45.8%2C45.8%2C0%2C0%2C1-45.68%2C45.68H82.22A44%2C44%2C0%2C0%2C1%2C50%2C425.11a44%2C44%2C0%2C0%2C1-13.42-32.26V155.31A44%2C44%2C0%2C0%2C1%2C50%2C123.05a44%2C44%2C0%2C0%2C1%2C32.26-13.42h201a8.79%2C8.79%2C0%2C0%2C0%2C9.14-9.14V82.22a8.79%2C8.79%2C0%2C0%2C0-9.14-9.13h-201q-34%2C0-58.1%2C24.13T0%2C155.31V392.86q0%2C34%2C24.12%2C58.1t58.1%2C24.13H319.77q34%2C0%2C58.1-24.13T402%2C392.86V301.5A8.81%2C8.81%2C0%2C0%2C0%2C392.86%2C292.35Z%22%20transform%3D%22translate%280%20-36.55%29%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M506.2%2C42a17.57%2C17.57%2C0%2C0%2C0-12.85-5.42H347.17A17.55%2C17.55%2C0%2C0%2C0%2C334.32%2C42a17.92%2C17.92%2C0%2C0%2C0%2C0%2C25.7l50.25%2C50.25L198.42%2C304.07a9%2C9%2C0%2C0%2C0%2C0%2C13.13L231%2C349.74a9%2C9%2C0%2C0%2C0%2C13.13%2C0L430.25%2C163.6l50.25%2C50.25A18.27%2C18.27%2C0%2C0%2C0%2C511.63%2C201V54.82A17.57%2C17.57%2C0%2C0%2C0%2C506.2%2C42Z%22%20transform%3D%22translate%280%20-36.55%29%22%2F%3E%3C%2Fsvg%3E"); display: inline-block; height: 16px; margin-left: 5px; width: 16px; }

.resource a.external:after { content: url("data:image/svg+xml;charset=utf-8,%3Csvg%20id%3D%22Capa_1%22%20data-name%3D%22Capa%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20511.63%20438.53%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23444%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eexternal-link-black%3C%2Ftitle%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M392.86%2C292.35H374.58a8.81%2C8.81%2C0%2C0%2C0-9.14%2C9.14v91.36a45.8%2C45.8%2C0%2C0%2C1-45.68%2C45.68H82.22A44%2C44%2C0%2C0%2C1%2C50%2C425.11a44%2C44%2C0%2C0%2C1-13.42-32.26V155.31A44%2C44%2C0%2C0%2C1%2C50%2C123.05a44%2C44%2C0%2C0%2C1%2C32.26-13.42h201a8.79%2C8.79%2C0%2C0%2C0%2C9.14-9.14V82.22a8.79%2C8.79%2C0%2C0%2C0-9.14-9.13h-201q-34%2C0-58.1%2C24.13T0%2C155.31V392.86q0%2C34%2C24.12%2C58.1t58.1%2C24.13H319.77q34%2C0%2C58.1-24.13T402%2C392.86V301.5A8.81%2C8.81%2C0%2C0%2C0%2C392.86%2C292.35Z%22%20transform%3D%22translate%280%20-36.55%29%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M506.2%2C42a17.57%2C17.57%2C0%2C0%2C0-12.85-5.42H347.17A17.55%2C17.55%2C0%2C0%2C0%2C334.32%2C42a17.92%2C17.92%2C0%2C0%2C0%2C0%2C25.7l50.25%2C50.25L198.42%2C304.07a9%2C9%2C0%2C0%2C0%2C0%2C13.13L231%2C349.74a9%2C9%2C0%2C0%2C0%2C13.13%2C0L430.25%2C163.6l50.25%2C50.25A18.27%2C18.27%2C0%2C0%2C0%2C511.63%2C201V54.82A17.57%2C17.57%2C0%2C0%2C0%2C506.2%2C42Z%22%20transform%3D%22translate%280%20-36.55%29%22%2F%3E%3C%2Fsvg%3E"); }

@font-face { font-family: 'Giorgio Sans Web'; src: url("http://drinkthing.tas.gov.au/__data/assets/file/0018/212508/GiorgioSans-Bold-Web.eot?v=0.1.1"); src: url("http://drinkthing.tas.gov.au/__data/assets/file/0018/212508/GiorgioSans-Bold-Web.eot?v=0.1.1?#iefix") format("embedded-opentype"), url("http://drinkthing.tas.gov.au/__data/assets/file/0019/212509/GiorgioSans-Bold-Web.woff?v=0.1.1") format("woff"); font-weight: 700; font-style: normal; font-stretch: normal; }

@font-face { font-family: 'Giorgio Sans Web'; src: url("http://drinkthing.tas.gov.au/__data/assets/file/0011/212510/GiorgioSans-Medium-Web.eot?v=0.1.1"); src: url("http://drinkthing.tas.gov.au/__data/assets/file/0011/212510/GiorgioSans-Medium-Web.eot?v=0.1.1?#iefix") format("embedded-opentype"), url("http://drinkthing.tas.gov.au/__data/assets/file/0012/212511/GiorgioSans-Medium-Web.woff?v=0.1.1") format("woff"); font-weight: 500; font-style: normal; font-stretch: normal; }

html { position: relative; min-height: 100%; }

body { -ms-font-feature-settings: "liga", "kern"; -o-font-feature-settings: "liga", "kern"; -webkit-font-feature-settings: "liga", "kern"; font-feature-settings: "liga", "kern"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color: #000; color: #fff; font-family: 'Arial', 'Helvetica', sans-serif; }

h1, h2, h3, h4, h5, h6 { font-family: 'Giorgio Sans Web'; letter-spacing: 0.02em; text-transform: uppercase; }

a { color: #fff; }

.glow { display: inline-block; position: relative; }

.glow img, .glow svg { display: block; position: relative; }

.glow:before { border-radius: 30px; content: ''; -webkit-filter: blur(8.4px); filter: blur(8.4px); height: 60px; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 60px; z-index: 0; }

.glow.blue:before { background-color: #00E4E6; opacity: 0.43; }

.glow.green:before { background-color: #00DD00; opacity: 0.4; }

.glow.orange:before { background-color: #F9A400; opacity: 0.4; }

.glow.pink:before { background-color: #FF28B7; opacity: 0.43; }

.glow.yellow:before { background-color: #FFFF00; opacity: 0.33; }

.glow.white:before { background-color: #fff; opacity: 0.33; }

select.dropdown { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #000; background-image: url("http://drinkthing.tas.gov.au/__data/assets/image/0017/213092/select-dropdown.png?v=0.1.1"); background-position: right -30px center; background-repeat: no-repeat; background-size: 107px 107px; border-radius: 7px; border: 1px solid #00E4E9; color: #00E4E9; font-size: 1em; font-weight: bold; margin-bottom: 25px; padding: 7px 30px 7px 10px; width: 100%; }

select.dropdown::-ms-expand { display: none; }

select.dropdown:active, select.dropdown:hover { outline: none; }

.next-button, .back-button, input[type="submit"] { border: 2px solid #999; border-radius: 5px; color: #999; display: inline-block; font-family: 'Giorgio Sans Web'; font-size: 1.5em; margin-bottom: 1em; position: relative; text-decoration: none; text-transform: uppercase; transition: all 250ms; }

.next-button:before, .back-button:before { height: 33.6px; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); width: 18px; }

.back-button { padding-left: 50px; padding-right: 30px; }

.next-button { padding-left: 30px; padding-right: 50px; }

.back-button:before { content: url("data:image/svg+xml;charset=utf-8,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2016%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23999%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Etest-back-arrow%3C%2Ftitle%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%228.44%2015.5%209.55%2014.32%204.98%208.47%2017.41%208.47%2017.5%206.88%204.93%206.85%208.87%201.89%207.4%200.5%200.5%208.29%208.44%2015.5%22%2F%3E%3C%2Fsvg%3E"); left: 10px; }

.next-button:before { content: url("data:image/svg+xml;charset=utf-8,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2016%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23999%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Etest-next-arrow%3C%2Ftitle%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%229.56%2015.5%208.45%2014.32%2013.02%208.47%200.59%208.47%200.5%206.88%2013.07%206.85%209.13%201.89%2010.6%200.5%2017.5%208.29%209.56%2015.5%22%2F%3E%3C%2Fsvg%3E"); right: 10px; }

.next-button.active, input[type="submit"] { color: #000; background-color: #00E4E8; border-color: #00E4E8; transition: all 250ms; }

.next-button.active:before { content: url("data:image/svg+xml;charset=utf-8,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2016%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Anone%3Bstroke%3A%23000%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Etest-next-arrow-active%3C%2Ftitle%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%229.56%2015.5%208.45%2014.32%2013.02%208.47%200.59%208.47%200.5%206.88%2013.07%206.85%209.13%201.89%2010.6%200.5%2017.5%208.29%209.56%2015.5%22%2F%3E%3C%2Fsvg%3E"); }

#bg-container { left: 0; height: 100%; overflow: hidden; position: absolute; top: 0; width: 100%; z-index: -1; }

#stars-bg { left: 50%; min-height: 100%; min-width: 100%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

#page-container { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; left: 0; min-height: 100vh; position: relative; transition: left 300ms; }

header { padding: 17px 15px; position: relative; }

#site-title { display: inline-block; }

#dt-icon { margin-right: 15px; }

#dt-icon img { height: 50px; width: 42px; }

header h1 { color: #00E4E6; font-size: 2.65em; line-height: 1; margin: 0; }

header a { text-decoration: none; }

#subtitle { font-size: 0.95em; font-weight: bold; line-height: 1; margin: 0; text-transform: uppercase; }

#menu-link { border: 1px solid #00E4E6; border-top: 0 none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; height: 58px; position: absolute; right: 15px; text-indent: -10000px; top: 0; width: 58px; }

#menu-link:before { height: 47px; width: 47px; }

#menu-link:after { content: ''; background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMiAxOCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5idXJnZXI8L3RpdGxlPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjIyIiBoZWlnaHQ9IjQiLz48cmVjdCBjbGFzcz0iY2xzLTEiIHk9IjciIHdpZHRoPSIyMiIgaGVpZ2h0PSI0Ii8+PHJlY3QgY2xhc3M9ImNscy0xIiB5PSIxNCIgd2lkdGg9IjIyIiBoZWlnaHQ9IjQiLz48L3N2Zz4="); display: block; height: 18px; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 22px; }

#header-search { display: none; }

nav.drawer { background-color: #222222; height: 100vh; position: fixed; right: -240px; top: 0; transition: right 300ms; width: 240px; }

nav .drawer-inner { height: 100%; overflow-y: scroll; }

.menu-active nav.drawer { right: 0; transition: right 300ms; }

.menu-active #page-container { left: -240px; transition: left 300ms; }

nav.drawer:before { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#171717+0,171717+100&1+0,0+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #171717 0%, rgba(23, 23, 23, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#171717', endColorstr='#00171717',GradientType=1 ); /* IE6-9 */ content: ''; height: 100%; left: 0; position: absolute; width: 10px; }

.search { background-color: #000; background-image: url("http://drinkthing.tas.gov.au/__data/assets/image/0012/212520/search-icon.png?v=0.1.1"); background-size: 70px 70px; background-repeat: no-repeat; background-position: -10px center; border: 1px solid #00E4E5; border-radius: 7px; font-size: 1em; height: 32px; margin: 15px 0 10px 25px; padding: 0 3px 0 50px; }

#menu-search { width: calc(100% - 110px); }

nav.drawer h2, nav.drawer li { border-bottom: 1px solid #111111; padding: 10px 0 10px 25px; }

nav.drawer h2 { color: #00E4E5; font-size: 1.2em; font-weight: 500; letter-spacing: 0.06em; margin: 0; }

nav.drawer ul { margin: 0; padding: 0; }

nav.drawer li { list-style-type: none; }

nav.drawer a { display: block; font-size: 0.95em; text-decoration: none; }

nav.bar { display: none; }

#menu-spacer { height: 100px; }

.page-title { display: none; }

article { -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; margin: 0 auto; max-width: 1600px; opacity: 1.0; padding: 15px; transition: opacity 300ms; width: calc(100% - 30px); }

.menu-active article, .menu-active footer { opacity: 0.4; transition: opacity 300ms; }

footer { background-color: #111111; padding: 15px; }

#footer-content-wrap { margin: 0 auto; max-width: 500px; }

#footer-logo { float: left; height: 52px; margin-right: 20px; width: 57px; }

#footer-menu { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-fill: balance; -moz-column-fill: balance; column-fill: balance; font-size: 0.65em; list-style-type: none; margin: 0; padding: 0; width: calc(100% - 77px); }

#footer-menu li { border-bottom: 1px solid #222222; padding: 3px 0; -webkit-column-break-inside: avoid; }

#footer-menu li a { text-decoration: none; }

#credit { color: #999999; font-size: 0.75em; text-align: center; }

@media (min-width: 650px) { header { padding: 17px 20px; width: calc(100% - 40px); }
  #menu-link { right: 20px; }
  nav.drawer { right: -320px; width: 320px; }
  .menu-active #page-container { left: -320px; }
  article, footer { padding: 20px; width: calc(100% - 40px); }
  #footer-menu { font-size: 0.75em; } }

@media (min-width: 1024px) { #site-title { vertical-align: top; margin-top: 9px; }
  header h1 { display: inline-block; margin-right: 12px; }
  #subtitle { display: inline-block; font-weight: normal; max-width: 100px; }
  #header-search { display: block; margin: 0; position: absolute; right: 20px; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); width: 225px; }
  nav.bar { display: block; }
  nav.bar > ul { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; margin: 0; padding: 0; width: 100%; }
  nav.bar > ul > li { display: block; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; margin-left: 3px; position: relative; text-align: center; }
  nav.bar > ul > li:first-child { margin-left: 0; }
  nav.bar > ul > li > a, nav.bar > ul > li > span { background-color: rgba(102, 102, 102, 0.3); color: #fff; display: -webkit-flex; display: -ms-flexbox; display: flex; font-family: 'Giorgio Sans Web'; font-size: 1.6em; height: 55px; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-decoration: none; transition: background-color 200ms, color 200ms; }
  nav.bar > ul > li:hover > a { background-color: black; color: #00E4E5; transition: background-color 200ms, color 200ms; }
  nav.bar > ul > li > ul { background-color: transparent; border-radius: 4px; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); display: block; font-size: 0.875em; left: -10000px; list-style-type: none; min-width: 100%; opacity: 0.0; padding-left: 0; padding-top: 14px; position: absolute; text-align: left; top: 53px; transition: opacity 200ms 0s, left 0s 200ms; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); z-index: 100; }
  nav.bar > ul > li:hover > ul { left: 50%; opacity: 1.0; transition: left 0s, opacity 200ms; }
  nav.bar > ul > li > ul:before { border-bottom: 14px solid #222; border-left: 10px solid transparent; border-right: 10px solid transparent; content: ''; height: 0; left: 10%; position: absolute; top: 0; width: 0; }
  nav.bar > ul > li > ul > li > a { background-color: #222; border-left: 1px solid #222; border-right: 1px solid #222; border-bottom: 1px solid #000; color: #fff; display: block; padding: 5px 20px; text-decoration: none; transition: background-color 200ms, color 200ms; }
  nav.bar > ul > li > ul > li:first-child > a { border-top: 1px solid #222; border-top-left-radius: 4px; border-top-right-radius: 4px; }
  nav.bar > ul > li > ul > li:last-child > a { border-bottom: 1px solid #222; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
  nav.bar > ul > li > ul > li > a:hover { background-color: #000; color: #00E4E6; transition: background-color 200ms, color 200ms; }
  #menu-link { display: none; }
  footer { font-size: 1.1em; padding: 40px 0; } }

/* ========================================================================== Homepage ========================================================================== */
#home-intro { display: none; }

#home-menu-links { list-style-type: none; margin: 0; padding: 0; }

.menu-icon-container { display: table-cell; height: 100%; position: relative; text-align: center; width: 123px; }

.menu-icon-container:after { background-color: transparent; border-left: 3px solid #000; border-right: 3px solid #000; content: ''; height: calc(100% + 4px); width: 1px; position: absolute; top: -3px; right: -4px; }

#home-menu-links li { background-color: #000; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: 1px solid transparent; border-top: 3px solid transparent; box-sizing: border-box; display: table; height: 80px; margin-bottom: 20px; position: relative; width: 100%; }

#home-menu-links li.green { border-color: rgba(0, 221, 0, 0.6); border-top-color: #00dd00; }

#home-menu-links li.green .menu-icon-container:after { background-color: #044A0A; }

#home-menu-links li.orange { border-color: rgba(249, 164, 0, 0.6); border-top-color: #f9a400; }

#home-menu-links li.orange .menu-icon-container:after { background-color: #805707; }

#home-menu-links li.pink { border-color: rgba(255, 0, 165, 0.6); border-top-color: #ff00a5; }

#home-menu-links li.pink .menu-icon-container:after { background-color: #83055A; }

#home-menu-links li.yellow { border-color: rgba(255, 255, 0, 0.6); border-top-color: yellow; }

#home-menu-links li.yellow .menu-icon-container:after { background-color: #838507; }

#home-menu-links li a { display: block; height: 100%; left: 0; position: absolute; text-indent: -10000px; top: 0; width: 100%; z-index: 10; }

#home-menu-links li span { background-color: #222222; background-image: url("http://drinkthing.tas.gov.au/__data/assets/image/0020/212519/menu-arrow.png?v=0.1.1"); background-position: right center; background-repeat: no-repeat; background-size: 47px 47px; border: 3px solid #000; display: table-cell; font-family: 'Giorgio Sans Web'; font-size: 1.4em; font-weight: 500; line-height: 1; padding-left: 20px; padding-right: 40px; text-decoration: none; text-transform: uppercase; vertical-align: middle; }

@-webkit-keyframes neonstroke { 0%, 9%, 12%, 13%, 16%, 75%, 78%, 80%, 83% { stroke: #444; }
  9.5%, 13.5%, 75.5%, 80.5%, 83.5%, 100% { stroke: #fff; } }

@keyframes neonstroke { 0%, 9%, 12%, 13%, 16%, 75%, 78%, 80%, 83% { stroke: #444; }
  9.5%, 13.5%, 75.5%, 80.5%, 83.5%, 100% { stroke: #fff; } }

@-webkit-keyframes neonstrokeflicker { 0%, 73%, 73.5%, 75%, 100% { stroke: #fff; }
  73.1%, 73.7%, 74.9% { stroke: #444; } }

@keyframes neonstrokeflicker { 0%, 73%, 73.5%, 75%, 100% { stroke: #fff; }
  73.1%, 73.7%, 74.9% { stroke: #444; } }

@-webkit-keyframes neonfill { 0%, 9%, 12%, 13%, 16%, 75%, 78%, 80%, 83% { fill: #444; }
  9.5%, 13.5%, 75.5%, 80.5%, 83.5%, 100% { fill: #fff; } }

@keyframes neonfill { 0%, 9%, 12%, 13%, 16%, 75%, 78%, 80%, 83% { fill: #444; }
  9.5%, 13.5%, 75.5%, 80.5%, 83.5%, 100% { fill: #fff; } }

.menu-icon-container svg { left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.menu-icon-container p { display: none; }

.home #test-icon { height: 62px; width: 52px; }

#test-icon .cls-1 { /*animation: neonstroke 3s forwards, neonstrokeflicker 15s 3s infinite;*/ }

#test-icon .cls-2 { /*animation: neonfill 3s forwards;*/ }

.home #advice-icon { height: 31px; width: 86px; }

.home #advice-icon .cls-3 { /*animation: neonstroke 3.7s 600ms forwards, neonstrokeflicker 18s 4.3s infinite;*/ }

.home #help-icon { height: 62px; width: 66px; }

.home #help-icon .cls-2 { /*animation: neonstroke 2.5s 200ms forwards, neonstrokeflicker 9s 2.7s infinite;*/ }

.home #worried-icon { height: 50px; width: 72px; }

.home #worried-icon .cls-3 { /*animation: neonstroke 2s 1s forwards, neonstrokeflicker 25s 3s infinite;*/ }

.blue-button { background-color: #000; border: 1px solid #00E4E6; border-radius: 3px; box-sizing: border-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; position: relative; width: 100%; }

.blue-button-inner { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.blue-button.image { width: 102px; }

#calculator { height: 59px; margin: 30px; width: 42px; }

.blue-button-inner.text { -webkit-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; padding-right: 15%; }

.blue-button-inner.text h2 { letter-spacing: 0.04em; margin: 0; }

.blue-button-inner.text p { color: #72FFFF; font-size: 0.85em; margin: 0; }

.blue-button-inner.text .hidden-link { height: 100%; left: 0; position: absolute; text-indent: -10000px; top: 0; width: 100%; z-index: 100; }

#dyk-outer { display: none; }

#dyk { height: 39px; margin: 30px 39px; width: 24px; }

@media (min-width: 650px) { #home-intro { color: #00E4E5; display: block; font-family: 'Giorgio Sans Web'; font-size: 1.6em; font-weight: 500; letter-spacing: 0.04em; text-align: center; }
  #home-intro p { margin: 0 auto 30px; max-width: 720px; }
  #home-menu-links li { display: inline-table; vertical-align: top; width: calc(49% - 3px); }
  #home-menu-links li:nth-child(2n) { margin-left: 2%; }
  #blue-buttons { display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; }
  #dyk-outer { display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .blue-button { display: -webkit-flex; display: -ms-flexbox; display: flex; width: calc(49% - 3px); }
  .blue-button:nth-child(2) { margin-left: 2.5%; } }

@media (min-width: 1024px) { #home-menu-links { display: inline-block; margin-right: 2%; width: 65%; }
  #home-menu-links li { display: inline-block; height: 173px; margin-bottom: 16px; }
  .menu-icon-container { display: block; height: calc(100% - 51px); width: 100%; }
  .menu-icon-container:before { left: 25px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
  .menu-icon-container:after { content: none; }
  #home-menu-links li span { border-top: 3px solid; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 45px; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  #home-menu-links li.green span { border-top-color: #00dd00; }
  #home-menu-links li.orange span { border-top-color: #f9a400; }
  #home-menu-links li.pink span { border-top-color: #ff00a5; }
  #home-menu-links li.yellow span { border-top-color: yellow; }
  .menu-icon-container svg { left: 25px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
  .menu-icon-container p { display: block; position: absolute; width: calc(100% - 140px); left: 120px; margin: 0; max-width: 250px; text-align: left; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
  #blue-buttons { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; vertical-align: top; width: 32%; }
  .blue-button { background-color: #222222; border: 6px solid #222; border-radius: 6px; height: 173px; margin-bottom: 15px; width: 100%; }
  .blue-button:nth-child(2) { margin-left: 0; }
  .blue-button-inner { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; }
  .blue-button-inner.image { border: 1px solid #999; border-right: 0 none; border-radius: 6px; border-top-right-radius: 0; border-bottom-right-radius: 0; }
  .blue-button-inner.text { border: 1px solid #999; border-left: 0 none; border-radius: 6px; border-top-left-radius: 0; border-bottom-left-radius: 0; width: 100%; }
  /* .blue-button-inner.text .hidden-link{ color: #72FFFF; display: block; font-size: 0.85em; height: auto; left: inherit; margin-top: 5px; position: relative; text-indent: 0; top: inherit; width: auto; } */ }

/* ========================================================================== Resource pages ========================================================================== */
article.resource { background-color: #E7E8E9; color: #000; }

article.resource h1 { line-height: 1; margin-top: 0; text-transform: none; }

article.resource h2, article.resource h3, article.resource h4, article.resource h5, article.resource h6 { color: #333333; letter-spacing: 0.04em; text-transform: none; }

article.resource ul { padding-left: 22px; }

article.resource li { margin-bottom: 0.5em; }

article.resource ul li { list-style-type: none; }

article.resource ul li:before { border-bottom: 5px solid transparent; border-left: 7px solid #00E4E6; border-top: 5px solid transparent; content: ''; display: inline-block; height: 0; padding-right: 8px; vertical-align: 1px; width: 0; }

article.resource p, article.resource ul { line-height: 1.5; }

article.resource a { color: #444; }

article.resource a:hover { color: #BC0078; }

article a.top-link { display: block; margin-top: 15px; text-align: right; }

article a.top-link:before { content: url("data:image/svg+xml;charset=utf-8,%3Csvg%20id%3D%22Capa_1%22%20data-name%3D%22Capa%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20438.53%20438.53%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23444%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Etop%3C%2Ftitle%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M438.53%2C219.27q0-59.67-29.4-110.06a218.29%2C218.29%2C0%2C0%2C0-79.8-79.8Q278.94%2C0%2C219.27%2C0T109.21%2C29.41a218.35%2C218.35%2C0%2C0%2C0-79.8%2C79.8Q0%2C159.6%2C0%2C219.27T29.41%2C329.33a218.29%2C218.29%2C0%2C0%2C0%2C79.8%2C79.8q50.39%2C29.41%2C110.06%2C29.41t110.06-29.41a218.35%2C218.35%2C0%2C0%2C0%2C79.8-79.8Q438.53%2C278.94%2C438.53%2C219.27Zm-71.37%2C27.41a17.55%2C17.55%2C0%2C0%2C1-5.43%2C12.85l-29.12%2C29.12a17.92%2C17.92%2C0%2C0%2C1-25.69%2C0L219.27%2C201l-87.65%2C87.65a17.93%2C17.93%2C0%2C0%2C1-25.7%2C0L76.8%2C259.52a17.92%2C17.92%2C0%2C0%2C1%2C0-25.7L206.42%2C104.21a17.92%2C17.92%2C0%2C0%2C1%2C25.7%2C0L361.73%2C233.83A17.54%2C17.54%2C0%2C0%2C1%2C367.17%2C246.67Z%22%2F%3E%3C%2Fsvg%3E"); display: inline-block; height: 16px; margin-right: 5px; vertical-align: sub; width: 16px; }

article blockquote { border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; font-style: italic; margin-bottom: 30px; margin-top: 30px; padding: 10px 0px; }

.resource-image { height: 0; left: -20px; padding-bottom: 50%; position: relative; top: -20px; width: calc(100% + 35px); }

.resource-image-inner { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; }

.resource-image-inner img { left: 50%; max-width: 100%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; }

.blue-band { background-color: #00E4E6; height: 3px; left: -20px; position: relative; top: -20px; width: calc(100% + 35px); }

@media (min-width: 1024px) { .page-title.resource { background-color: rgba(102, 102, 102, 0.4); border-bottom: 4px solid #00E4E6; border-top-left-radius: 7px; border-top-right-radius: 7px; display: block; margin: 50px auto 0; padding: 0 40px; width: 944px; }
  .page-title.resource h1 { color: #00E4E5; text-transform: none; }
  article.resource { padding: 20px 40px; width: 944px; }
  .resource-image { left: 0; margin-bottom: 30px; top: 0; width: 100%; }
  .blue-band { display: none; }
  .resource-inner h1:first-of-type { display: none; } }

/* ========================================================================== Calculator ========================================================================== */
.calculator-intro-image { left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }

.calculator-intro-image:before { background-color: rgba(255, 255, 255, 0.33); -webkit-filter: blur(32px); filter: blur(32px); height: 172px; width: 172px; }

.calculator-intro-image img { width: 85px; }

.no-flexbox .calculator-intro-image img { width: auto; }

.calculator-intro { margin: 0 auto; max-width: 300px; }

.calculator-intro h1 { margin: 50px 0 30px; text-align: center; text-transform: none; }

.calculator-intro p { font-size: 0.875em; }

.calculator-launch { background-color: #00E4E9; border: 0; border-radius: 7px; color: #000; display: inline-block; font-family: 'Giorgio Sans Web'; font-size: 1.3em; font-weight: 500; left: 50%; margin: 30px 0; padding: 3px 15px; position: relative; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); transition: background-color 250ms, color 250ms; }

article.calculator { border-top: 1px solid #999; }

article.calculator h1 { color: #999; font-size: 1.2em; font-weight: 500; margin-bottom: 0; }

article.calculator .question p { font-family: 'Giorgio Sans Web'; font-size: 1.9em; font-weight: 500; line-height: 1.2; margin-top: 0; max-width: 400px; width: 80%; }

.slider-outer { position: relative; }

.slider-highlight { background-color: #00E4E9; border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; height: 100%; left: 0; opacity: 0.0; position: absolute; transition: all 250ms; width: 0; }

.slider-highlight.visible { opacity: 1.0; transition: opacity 250ms; }

.slider-highlight.first { border-top-left-radius: 10px; border-bottom-left-radius: 10px; border-top-right-radius: 0; border-bottom-right-radius: 0; transition: all 250ms; }

.slider-highlight.last { border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 10px; border-bottom-right-radius: 10px; transition: all 250ms; }

.category-slider { border: 1px solid #999; border-radius: 10px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; margin: 0 0 40px; padding: 0; position: relative; }

.category-slider li { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; position: relative; transition: color 250ms; }

.category-slider li a { color: #999; display: block; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 5px 0; text-align: center; text-decoration: none; -ms-touch-action: none; touch-action: none; transition: color 250ms; }

.category-slider li a.active { color: #000; }

.calculator-inner { margin: 0 auto; max-width: 800px; }

.calculator-sections { margin-bottom: 30px; overflow: hidden; width: 100%; }

.calculator-sections-inner { width: 10000px; }

.calculator-section { display: inline-table; max-width: 800px; width: calc(100vw - 30px); }

.calculator-title, .calculator-controls { display: table-cell; }

.calculator-title { width: 50%; }

.calculator-title:before { border-radius: 50px; bottom: 8.4px; height: 100px; top: inherit; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 100px; }

.calculator-title img { bottom: 20px; height: 80px; position: absolute; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }

.calculator-title h2 { font-size: 2em; line-height: 1; margin: 0; text-transform: none; }

.calculator-qty { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; height: 35px; margin-bottom: 25px; width: 100%; }

.calculator-qty > * { display: -webkit-flex; display: -ms-flexbox; display: flex; }

.calculator-qty button { background-color: #fff; border: 1px solid #fff; position: relative; text-indent: -10000px; -ms-touch-action: manipulation; touch-action: manipulation; transition: background-color 250ms, border-color 250ms; width: 45px; }

.calculator-qty button:after { color: #000; font-size: 2em; font-weight: bold; left: 50%; position: absolute; text-indent: 0; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: color 250ms; }

.calculator-qty button:disabled { background-color: rgba(66, 66, 66, 0.5); border-color: rgba(66, 66, 66, 0.5); transition: background-color 250ms; }

.calculator-qty.positive button:disabled { border-color: #fff; transition: border-color 250ms; }

.calculator-qty button:disabled:after { color: #bbb; transition: color 250ms; }

.calculator-qty button.calculator-qty-decrease { border-right: 0 none; border-top-left-radius: 7px; border-bottom-left-radius: 7px; }

.calculator-qty button.calculator-qty-decrease:after { content: '\2013'; }

.calculator-qty button.calculator-qty-increase { border-left: 0 none; border-top-right-radius: 7px; border-bottom-right-radius: 7px; }

.calculator-qty button.calculator-qty-increase:after { content: '+'; }

.calculator-qty .calculator-qty-number { border-top: 1px solid; border-bottom: 1px solid; border-color: rgba(66, 66, 66, 0.5); -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; font-size: 1.1em; font-weight: bold; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; transition: border-color 250ms; }

.calculator-qty.positive .calculator-qty-number { border-color: #fff; transition: border-color 250ms; }

.calculator-add { background-color: #00E4E9; border: 0; border-radius: 7px; color: #000; font-family: 'Giorgio Sans Web'; font-size: 1.3em; font-weight: 500; padding: 3px 0; text-align: center; text-transform: uppercase; transition: all 250ms; width: 100%; }

.calculator-add:disabled { background-color: rgba(66, 66, 66, 0.5); color: #bbb; transition: all 250ms; }

.calculator-drinks { color: #00E4E5; font-size: 0.85em; list-style-type: none; margin: 0; padding: 0; }

.calculator-drinks li { border-bottom: 1px solid #00E4E5; padding: 10px 0; }

.calculator-drinks li:first-child { border-top: 1px solid #00E4E5; }

.calculator-drinks li a { background-color: #00E4E5; border-radius: 7px; display: inline-block; float: right; height: 14px; margin-top: 3px; position: relative; text-indent: -10000px; width: 14px; }

.calculator-drinks li a:after { color: #000; content: '\00d7'; font-size: 17px; left: 50%; line-height: 1; position: absolute; text-indent: 0; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.calculator-total { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; font-size: 1.1em; font-weight: bold; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.calculator-total span { display: -webkit-flex; display: -ms-flexbox; display: flex; }

.calculator .back-button { left: 50%; margin-top: 30px; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }

@media (min-width: 650px) { .calculator-section { width: calc(100vw - 40px); } }

@media (min-width: 1024px) { .calculator-section select { font-size: 0.875em; } }

/* ========================================================================== Test ========================================================================== */
.test { margin: 0 auto; max-width: 650px; }

.test .test-slide { display: none; margin-bottom: 50px; }

.test .test-slide:nth-child(1) { display: block; }

.test .test-slide p.preheader { color: #999999; font-family: 'Giorgio Sans Web'; font-size: 1.5em; font-weight: 500; line-height: 1; margin: 30px 0 10px; text-transform: uppercase; }

.test .test-slide h2 { font-size: 2.2em; line-height: 1; margin: 0 0 20px; text-transform: none; }

.test-slide > p { color: #999; font-size: 0.9em; max-width: 80%; margin-bottom: 20px; }

.test-buttons { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.test-buttons a { display: none; }

.test-buttons a.next-button { margin-left: 10px; }

#test-icon-container { left: 50%; margin: 0 0 20px 0; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }

#test-icon-container:before { border-radius: 50px; -webkit-filter: blur(20px); filter: blur(20px); height: 120px; width: 120px; }

.test-slide.intro #test-icon { width: 100px; }

.test-slide.intro #test-icon .cls-1 { stroke: #fff; }

.test-slide.intro #test-icon .cls-2 { fill: #fff; }

.test-slide.intro #test-icon .cls-3, .test-slide.intro #test-icon .cls-4, .test-slide.intro #test-icon .cls-5 { stroke: #00E4E8; }

.test-slide.intro #test-icon .cls-6 { stroke: #00E4E8; }

.test-slide.intro p { font-size: 0.875em; }

.test-slide .cake-container { left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }

.test-slide .cake-container:before { border-radius: 95px; -webkit-filter: blur(32px); filter: blur(32px); height: 190px; width: 190px; }

.test-slide #cake { width: 145px; }

/*
@keyframes candleflicker {

0%, 25%, 33.8%, 78.1%, 88.2%, 99.9%{
    stroke: #777;
}

25.1%, 33.7%, 78.2%, 87%, 100%{
    stroke: #fff;
}

}
*/
.test-slide.age #cake .candle, .test-slide #cake .flame { fill: none; stroke: #777; stroke-linecap: round; stroke-linejoin: round; }

.test-slide.age #cake .candle { stroke-width: 3px; }

.test-slide.age #cake .flame { stroke-width: 2px; }

.test-slide.age #cake .candle.active { stroke: #00e4e6; }

/* .test-slide.age #cake .flame.active{ animation: candleflicker 0.5s forwards; } */
.test-slide.age .age-text { color: #00e4e6; font-size: 1.4em; max-width: 100%; text-align: center; }

.test-slide.gender .gender-slider-outer { display: block; position: relative; }

.test-slide.gender .gender-slider-outer:before { border-radius: 95px; -webkit-filter: blur(30px); filter: blur(30px); height: 190px; top: 40%; width: 190px; }

.test-slide.gender .gender-slider-outer #gender { left: 50%; position: absolute; top: 40%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100px; }

/* @keyframes genderflicker { 0%, 25%, 33.8%, 78.1%, 88.2%, 99.9%{ stroke: #777; } 25.1%, 33.7%, 78.2%, 87%, 100%{ stroke: #fff; } } .test-slide.gender #gender .active{ animation: genderflicker 0.8s forwards; } */
.test-slide.gender .swiper-container { width: 100%; height: 240px; }

.test-slide.gender .gender-text { bottom: 30px; color: #00E4E5; font-size: 1.4em; left: 50%; position: absolute; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }

.test-slide.location .town-container { left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }

.test-slide.location .town-container:before { height: 190px; width: 190px; border-radius: 95px; -webkit-filter: blur(32px); filter: blur(32px); }

.test-slide.location #town { width: 260px; }

/* @keyframes plane { 0, 11% { transform: translate(-57px, 0); } 10%, 100% { transform: translate(247px, 0); } } .test-slide.location.active #town #plane{ animation: plane 10s infinite; animation-timing-function: linear; } */
.test-slide.location select, .test-slide.location input[type="text"] { max-width: 300px; display: block; margin: 50px auto 0; }

.test-slide.location input[type="text"] { background-color: black; border-top-left-radius: 7px; border-top-right-radius: 7px; border: 1px solid #00E4E9; color: #00E4E9; font-size: 1em; font-weight: bold; margin-bottom: 25px; padding: 7px 30px 7px 10px; width: 100%; transition: opacity 250ms; }

.test-slide.location input[type="text"][disabled=""], .test-slide.location input[type="text"][disabled="disabled"] { opacity: 0.5; transition: opacity 250ms; }

.test-slide.location .input-wrapper { position: relative; }

.ui-helper-hidden-accessible { position: absolute; left: -10000px; top: 0; }

.test-slide.location #autocomplete ul { position: absolute; width: 100%; max-width: 340px; top: 36px; left: 50%; -webkit-transform: translate(-50%, 0px); -ms-transform: translate(-50%, 0px); transform: translate(-50%, 0px); max-height: 200px; overflow: scroll; background-color: black; z-index: 100; border: 1px solid #00E4E9; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; padding: 5px 0; list-style-type: none; }

.test-slide.location #autocomplete li { border-bottom: 1px solid rgba(255, 255, 255, 0.3); padding: 5px 10px; }

.test-slide.location #autocomplete li:last-child { border-bottom: none; }

.test-slide.location .nontas-wrapper { max-width: 340px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); position: relative; }

.test-slide.multiple label { background-color: rgba(102, 102, 102, 0.4); cursor: pointer; display: block; line-height: 1; margin-bottom: 1px; padding: 22px 20px; transition: background-color 200ms, color 200ms; }

.test-slide.multiple label:before, .test-slide.multiple label:after { opacity: 0.0; transition: opacity 200ms; }

.test-slide.multiple input[type="radio"]:checked + label { background-color: black; color: #00E4E9; position: relative; transition: background-color 200ms, color 200ms; }

.test-slide.multiple input[type="radio"]:checked + label:after { content: url("data:image/svg+xml;charset=utf-8,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2038%2038%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%2C.cls-2%7Bfill%3Anone%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A2px%3B%7D.cls-1%7Bstroke%3A%2300e4e7%3B%7D.cls-2%7Bstroke%3A%2300e4e8%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Equiz-tick%3C%2Ftitle%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2225.9%2012%2016.5%2021.74%2012.09%2017.52%209%2020.65%2016.5%2028%2029%2015.13%2025.9%2012%22%2F%3E%3Ccircle%20class%3D%22cls-2%22%20cx%3D%2219%22%20cy%3D%2219%22%20r%3D%2218%22%2F%3E%3C%2Fsvg%3E"); display: block; height: 38px; opacity: 1.0; position: absolute; right: 20px; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); transition: opacity 200ms; width: 38px; }

.test-slide.multiple input[type="radio"]:checked + label:before { background-color: rgba(0, 228, 230, 0.26); border-radius: 24px; content: ''; -webkit-filter: blur(3.5px); filter: blur(3.5px); height: 48px; opacity: 1.0; position: absolute; right: 15px; top: 50%; transition: opacity 200ms; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); width: 48px; }

.test-results { margin: 0 auto; max-width: 650px; }

.test-results h1, .test-results h2 { text-align: center; }

.test-results h1 { color: #999; font-size: 1.5em; font-weight: 500; }

.test-results h2 { font-size: 2.2em; text-transform: none; }

.test-results p, .test-results li { font-size: 0.875em; }

.test-results ul, #high-five-text ul { margin: 0; padding: 0; }

.test-results li, #high-five-text li { list-style-type: none; }

.test-results li:before, #high-five-text li:before { border-bottom: 5px solid transparent; border-left: 7px solid #00E4E5; border-top: 5px solid transparent; content: ''; display: inline-block; height: 0; padding-right: 8px; vertical-align: 0; width: 0; }

.test-results a, #high-five-text a { color: #00E4E5; }

.test-results #meter { left: 50%; margin: 25px 0; position: relative; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 150px; }

.test-results #meter:before { border-radius: 86px; -webkit-filter: blur(32px); filter: blur(32px); height: 172px; width: 172px; }

.test-results #meter #meter-needle { position: absolute; width: 68px; height: 74px; top: 35%; left: 50%; -webkit-transform: translate(-50%, 0px) rotate(0deg); -ms-transform: translate(-50%, 0px) rotate(0deg); transform: translate(-50%, 0px) rotate(0deg); transition: -webkit-transform 1200ms; transition: transform 1200ms; transition: transform 1200ms, -webkit-transform 1200ms; }

.test-results #meter.score1 #meter-needle { -webkit-transform: translate(-50%, 0px) rotate(23.08deg); -ms-transform: translate(-50%, 0px) rotate(23.08deg); transform: translate(-50%, 0px) rotate(23.08deg); transition: -webkit-transform 1200ms; transition: transform 1200ms; transition: transform 1200ms, -webkit-transform 1200ms; }

.test-results #meter.score2 #meter-needle { -webkit-transform: translate(-50%, 0px) rotate(46.17deg); -ms-transform: translate(-50%, 0px) rotate(46.17deg); transform: translate(-50%, 0px) rotate(46.17deg); transition: -webkit-transform 1200ms; transition: transform 1200ms; transition: transform 1200ms, -webkit-transform 1200ms; }

.test-results #meter.score3 #meter-needle { -webkit-transform: translate(-50%, 0px) rotate(69.25deg); -ms-transform: translate(-50%, 0px) rotate(69.25deg); transform: translate(-50%, 0px) rotate(69.25deg); transition: -webkit-transform 1200ms; transition: transform 1200ms; transition: transform 1200ms, -webkit-transform 1200ms; }

.test-results #meter.score4 #meter-needle { -webkit-transform: translate(-50%, 0px) rotate(92.33deg); -ms-transform: translate(-50%, 0px) rotate(92.33deg); transform: translate(-50%, 0px) rotate(92.33deg); transition: -webkit-transform 1200ms; transition: transform 1200ms; transition: transform 1200ms, -webkit-transform 1200ms; }

.test-results #meter.score5 #meter-needle { -webkit-transform: translate(-50%, 0px) rotate(115.42deg); -ms-transform: translate(-50%, 0px) rotate(115.42deg); transform: translate(-50%, 0px) rotate(115.42deg); transition: -webkit-transform 1200ms; transition: transform 1200ms; transition: transform 1200ms, -webkit-transform 1200ms; }

.test-results #meter.score6 #meter-needle { -webkit-transform: translate(-50%, 0px) rotate(138.5deg); -ms-transform: translate(-50%, 0px) rotate(138.5deg); transform: translate(-50%, 0px) rotate(138.5deg); transition: -webkit-transform 1200ms; transition: transform 1200ms; transition: transform 1200ms, -webkit-transform 1200ms; }

.test-results #meter.score7 #meter-needle { -webkit-transform: translate(-50%, 0px) rotate(161.58deg); -ms-transform: translate(-50%, 0px) rotate(161.58deg); transform: translate(-50%, 0px) rotate(161.58deg); transition: -webkit-transform 1200ms; transition: transform 1200ms; transition: transform 1200ms, -webkit-transform 1200ms; }

.test-results #meter.score8 #meter-needle { -webkit-transform: translate(-50%, 0px) rotate(184.67deg); -ms-transform: translate(-50%, 0px) rotate(184.67deg); transform: translate(-50%, 0px) rotate(184.67deg); transition: -webkit-transform 1200ms; transition: transform 1200ms; transition: transform 1200ms, -webkit-transform 1200ms; }

.test-results #meter.score9 #meter-needle { -webkit-transform: translate(-50%, 0px) rotate(207.75deg); -ms-transform: translate(-50%, 0px) rotate(207.75deg); transform: translate(-50%, 0px) rotate(207.75deg); transition: -webkit-transform 1200ms; transition: transform 1200ms; transition: transform 1200ms, -webkit-transform 1200ms; }

.test-results #meter.score10 #meter-needle { -webkit-transform: translate(-50%, 0px) rotate(230.83deg); -ms-transform: translate(-50%, 0px) rotate(230.83deg); transform: translate(-50%, 0px) rotate(230.83deg); transition: -webkit-transform 1200ms; transition: transform 1200ms; transition: transform 1200ms, -webkit-transform 1200ms; }

.test-results #meter.score11 #meter-needle { -webkit-transform: translate(-50%, 0px) rotate(253.92deg); -ms-transform: translate(-50%, 0px) rotate(253.92deg); transform: translate(-50%, 0px) rotate(253.92deg); transition: -webkit-transform 1200ms; transition: transform 1200ms; transition: transform 1200ms, -webkit-transform 1200ms; }

.test-results #meter.score12 #meter-needle { -webkit-transform: translate(-50%, 0px) rotate(277deg); -ms-transform: translate(-50%, 0px) rotate(277deg); transform: translate(-50%, 0px) rotate(277deg); transition: -webkit-transform 1200ms; transition: transform 1200ms; transition: transform 1200ms, -webkit-transform 1200ms; }

/*
@keyframes highfivehands {

0%, 20%{
    stroke: #fff;
}

20.1%, 100%{
    stroke: #000;
}

}

@keyframes highfiveclap {

0%, 20%{
    stroke: #000;
}

20.1%, 100%{
    stroke: #fff;
}

}

@keyframes highfivestar1 {

0%, 20%{
    stroke: #000;
}

20.1%, 100%{
    stroke: #F43600;
}

}

@keyframes highfivestar2 {

0%, 40%{
    stroke: #000;
}

40.1%, 100%{
    stroke: #FFFF00;
}

}

@keyframes highfivestar3 {

0%, 60%{
    stroke: #000;
}

60.1%, 100%{
    stroke: #00E4E6;
}

}
*/
#high-five { left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); }

#high-five:before { border-radius: 86px; -webkit-filter: blur(32px); filter: blur(32px); width: 172px; height: 172px; }

#high-five svg { width: 168px; }

/* #high-five #hands1 path{ animation: highfivehands 3s infinite; } #high-five #hands2 path{ animation: highfiveclap 3s infinite; } #high-five #star1{ animation: highfivestar1 3s infinite; } #high-five #star2{ animation: highfivestar2 3s infinite; } #high-five #star3{ animation: highfivestar3 3s infinite; } */
#high-five-text { margin: 0 auto; max-width: 650px; }

#high-five-text h2 { font-size: 2.2em; text-align: center; text-transform: none; }

#high-five-text p, #high-five-text li { font-size: 0.85em; }

@media (min-width: 1024px) { .test-slide.intro p { font-size: 1em; }
  .test-results #meter { margin: 40px 0; width: 300px; }
  .test-results #meter:before { border-radius: 172px; -webkit-filter: blur(64px); filter: blur(64px); height: 344px; width: 344px; }
  .test-results #meter #meter-needle { height: 147px; width: 137px; }
  .test-results p, .test-results li { font-size: 1em; }
  #high-five:before { border-radius: 125px; -webkit-filter: blur(45px); filter: blur(45px); width: 250px; height: 250px; }
  #high-five svg { width: 250px; }
  #high-five-text p, #high-five-text li { font-size: 1em; } }

input[type=range] { -webkit-appearance: none; background-color: transparent; }

input[type=range]::-webkit-slider-runnable-track { width: 100%; height: 5px; background: #999; border: none; border-radius: 3px; }

input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 20px; width: 20px; border-radius: 50%; background: #00E4E6; margin-top: -8px; }

input[type=range]:focus { outline: none; }

input[type=range]:focus::-webkit-slider-runnable-track { background: #ccc; }

input[type=range] { /* fix for FF unable to apply focus style bug  */ border: 1px solid transparent; /*required for proper track sizing in FF*/ width: 100%; }

input[type=range]::-moz-range-track { width: 100%; height: 5px; background: #999999; border: none; border-radius: 3px; }

input[type=range]::-moz-range-thumb { border: none; height: 20px; width: 20px; border-radius: 50%; background: #00E4E6; }

/*hide the outline behind the border*/
input[type=range]:-moz-focusring { outline: 1px solid transparent; outline-offset: -1px; }

input[type=range]:focus::-moz-range-track { background: #ccc; }

input[type=range]::-ms-track { width: 100%; height: 5px; /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */ background: transparent; /*leave room for the larger thumb to overflow with a transparent border */ border-color: transparent; border-width: 6px 0; /*remove default tick marks*/ color: transparent; }

input[type=range]::-ms-fill-lower { background: #777; border-radius: 10px; }

input[type=range]::-ms-fill-upper { background: #ddd; border-radius: 10px; }

input[type=range]::-ms-thumb { border: none; height: 20px; width: 20px; border-radius: 50%; background: #00E4E6; }

input[type=range]:focus::-ms-fill-lower { background: #888; }

input[type=range]:focus::-ms-fill-upper { background: #ccc; }

/* ========================================================================== Contact form ========================================================================== */
.contact .sq-form-section-title { color: #333333; font-family: 'Giorgio Sans Web'; font-size: 1.5em; letter-spacing: 0.04em; margin: 0.3em 0 1em 0; text-transform: none; }

.contact .sq-form-question-title { font-weight: bold; color: #444; font-size: 0.9em; }

.contact .sq-form-question-answer ul { padding-left: 0; }

.contact .sq-form-question-answer ul li:before { content: none; }

.contact input[type="text"], .contact textarea { margin-bottom: 15px; }

.contact input[type="submit"] { margin-top: 15px; }

.contact .sq-form-error { color: #ee0000; font-size: 0.9em; }

/* ========================================================================== Search results ========================================================================== */
.search-results .result strong { font-size: 1.2em; }

.search-results .search-url { font-size: 0.9em; color: #444; }

.search-results .search-snippet { font-size: 0.9em; }

/* ========================================================================== Plugins ========================================================================== */
/** Swiper 3.3.1 Most modern mobile touch slider and framework with hardware accelerated transitions http://www.idangero.us/swiper/ Copyright 2016, Vladimir Kharlampidi The iDangero.us http://www.idangero.us/ Licensed under MIT Released on: February 7, 2016 */
.swiper-container { margin: 0 auto; position: relative; overflow: hidden; /* Fix of Webkit flickering */ z-index: 1; }

.swiper-container-no-flexbox .swiper-slide { float: left; }

.swiper-container-vertical > .swiper-wrapper { -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; }

.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -ms-flexbox; display: -webkit-flex; display: flex; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; box-sizing: content-box; }

.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); -ms-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); }

.swiper-container-multirow > .swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

.swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; }

.swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; }

/* Auto Height */
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; }

.swiper-container-autoheight .swiper-wrapper { -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform; }

/* a11y */
.swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; }

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; }

.swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x; }

/* Arrows */
.swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: 15px; height: 24px; margin-top: -12px; z-index: 10; cursor: pointer; background-size: 15px 24px; background-position: center; background-repeat: no-repeat; }

.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014.61%2024%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23999%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eswiper-prev%3C%2Ftitle%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%2211.94%200%2014.61%202.63%204.88%2012%2014.6%2021.39%2011.94%2024%200%2012%2011.94%200%22%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; }

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014.61%2024%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23999%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3Eswiper-next%3C%2Ftitle%3E%3Cpolygon%20class%3D%22cls-1%22%20points%3D%222.67%200%200%202.63%209.73%2012%200.01%2021.39%202.67%2024%2014.61%2012%202.67%200%22%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; }

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

/* Pagination Styles */
.swiper-pagination { position: absolute; text-align: center; transition: 300ms; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; }

.swiper-pagination.swiper-pagination-hidden { opacity: 0; }

/* Common Styles */
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; }

/* Bullets */
.swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #999999; opacity: 1; }

button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none; appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }

.swiper-pagination-white .swiper-pagination-bullet { background: #fff; }

.swiper-pagination-bullet-active { opacity: 1; background: #00E4E6; }

.swiper-pagination-white .swiper-pagination-bullet-active { background: #fff; }

.swiper-pagination-black .swiper-pagination-bullet-active { background: #000; }

.swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); -ms-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0); }

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 5px 0; display: block; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; }

/* Progress */
.swiper-pagination-progress { background: rgba(0, 0, 0, 0.25); position: absolute; }

.swiper-pagination-progress .swiper-pagination-progressbar { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; }

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; }

.swiper-container-horizontal > .swiper-pagination-progress { width: 100%; height: 4px; left: 0; top: 0; }

.swiper-container-vertical > .swiper-pagination-progress { width: 4px; height: 100%; left: 0; top: 0; }

.swiper-pagination-progress.swiper-pagination-white { background: rgba(255, 255, 255, 0.5); }

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar { background: #fff; }

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar { background: #000; }

/* 3D Container */
.swiper-container-3d { -webkit-perspective: 1200px; -o-perspective: 1200px; perspective: 1200px; }

.swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }

.swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; }

.swiper-container-3d .swiper-slide-shadow-left { /* Safari 4+, Chrome */ /* Chrome 10+, Safari 5.1+, iOS 5+ */ /* Firefox 3.6-15 */ /* Opera 11.10-12.00 */ background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent); /* Firefox 16+, IE10, Opera 12.50+ */ }

.swiper-container-3d .swiper-slide-shadow-right { /* Safari 4+, Chrome */ /* Chrome 10+, Safari 5.1+, iOS 5+ */ /* Firefox 3.6-15 */ /* Opera 11.10-12.00 */ background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent); /* Firefox 16+, IE10, Opera 12.50+ */ }

.swiper-container-3d .swiper-slide-shadow-top { /* Safari 4+, Chrome */ /* Chrome 10+, Safari 5.1+, iOS 5+ */ /* Firefox 3.6-15 */ /* Opera 11.10-12.00 */ background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent); /* Firefox 16+, IE10, Opera 12.50+ */ }

.swiper-container-3d .swiper-slide-shadow-bottom { /* Safari 4+, Chrome */ /* Chrome 10+, Safari 5.1+, iOS 5+ */ /* Firefox 3.6-15 */ /* Opera 11.10-12.00 */ background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent); /* Firefox 16+, IE10, Opera 12.50+ */ }

/* Coverflow */
.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper { /* Windows 8 IE 10 fix */ -ms-perspective: 1200px; }

/* Cube + Flip */
.swiper-container-cube, .swiper-container-flip { overflow: visible; }

.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; }

.swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-container-cube .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

/* Cube */
.swiper-container-cube .swiper-slide { visibility: hidden; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; }

.swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; }

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; }

.swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; }

/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity; }

.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

/* Scrollbar */
.swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; }

.swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; }

.swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; }

.swiper-scrollbar-cursor-drag { cursor: move; }

/* Preloader */
.swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; }

.swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat; }

.swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

@-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); } }

@keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

/* ========================================================================== Print styles ========================================================================== */
@media print { #bg-container, header, nav, .resource-image, footer { display: none; }
  a:after { content: " (" attr(href) ") " !important; display: inline !important; font-size: 0.8em !important; font-weight: normal !important; height: auto !important; margin-left: 0 !important; width: auto !important; }
  #page-container, article { display: block; }
  article { font-size: 0.9em; }
  article blockquote { border: 0 none !important; } }

/* ========================================================================== Compatibility ========================================================================== */
.no-flexbox #page-container { display: block; position: inherit; min-height: 0; }

.no-flexbox body { margin-bottom: 180px; overflow-x: hidden; }

.no-flexbox article { display: block; }

.no-flexbox nav.drawer { z-index: 100; }

.no-flexbox footer { height: 100px; position: absolute; bottom: 0; width: calc(100% - 32px); left: 0; }

.no-flexbox .home .blue-button-inner.text { display: block; padding-top: 10px; padding-left: 0; padding-bottom: 10px; }

.no-cssfilters .glow:before { background-color: transparent !important; }

.no-cssfilters #dt-icon:before { background-image: url("http://drinkthing.tas.gov.au/__data/assets/image/0016/217114/blue-blur-bg.png?v=0.0.3"); background-repeat: no-repeat; background-position: center center; border-radius: 0; opacity: 1; width: 193px; height: 193px; }

.no-cssfilters .home .menu-icon-container { background-repeat: no-repeat; background-position: -6px -29px; }

.no-cssfilters .home .menu-icon-container svg { top: 35px; }

.no-cssfilters .home .menu-icon-container.green { background-image: url("http://drinkthing.tas.gov.au/__data/assets/image/0020/217109/green-blur-bg.png?v=0.0.3"); }

.no-cssfilters .home .menu-icon-container.orange { background-image: url("http://drinkthing.tas.gov.au/__data/assets/image/0014/217112/orange-blur-bg.png?v=0.0.3"); }

.no-cssfilters .home .menu-icon-container.pink { background-image: url("http://drinkthing.tas.gov.au/__data/assets/image/0013/217111/pink-blur-bg.png?v=0.0.3"); }

.no-cssfilters .home .menu-icon-container.yellow { background-image: url("http://drinkthing.tas.gov.au/__data/assets/image/0015/217113/yellow-blur-bg.png?v=0.0.3"); }

.no-cssfilters .home .blue-button-inner:before { background-image: url("http://drinkthing.tas.gov.au/__data/assets/image/0016/217114/blue-blur-bg.png?v=0.0.3"); background-position: center; width: 135px; height: 135px; opacity: 1; border-radius: 0; }

.no-cssfilters .test-slide.intro #test-icon-container:before { background-image: url("http://drinkthing.tas.gov.au/__data/assets/image/0018/217116/white-blur-bg-193.png?v=0.0.3"); background-repeat: no-repeat; background-position: center center; border-radius: 0; opacity: 1; width: 193px; height: 193px; }

.no-cssfilters .test-slide.age .cake-container:before, .no-cssfilters .test-slide.gender .gender-slider-outer:before { background-image: url("http://drinkthing.tas.gov.au/__data/assets/image/0003/217119/white-blur-bg-263.png?v=0.0.3"); background-repeat: no-repeat; background-position: center center; border-radius: 0; opacity: 1; width: 263px; height: 263px; }

.no-cssfilters .test-slide.multiple input[type="radio"]:checked + label::before { background-color: transparent !important; background-image: url("http://drinkthing.tas.gov.au/__data/assets/image/0013/217120/blue-blur-bg-121.png?v=0.0.3"); background-repeat: no-repeat; background-position: center center; border-radius: 0; opacity: 1; width: 121px; height: 121px; right: -21px; }

.no-cssfilters .calculator-intro-image:before { background-image: url("http://drinkthing.tas.gov.au/__data/assets/image/0007/217564/white-blur-bg-245.png?v=0.0.3"); background-repeat: no-repeat; background-position: center center; border-radius: 0; opacity: 1; width: 245px; height: 245px; }

.no-cssfilters .calculator-title:before { background-image: url("http://drinkthing.tas.gov.au/__data/assets/image/0008/217565/blue-blur-bg-177.png?v=0.0.3"); background-repeat: no-repeat; background-position: center center; border-radius: 0; opacity: 1; width: 177px; height: 177px; top: 40%; }

.no-cssfilters .test-results #meter svg { width: 300px; height: 240px; }

.no-cssfilters #high-five { background-image: url("http://drinkthing.tas.gov.au/__data/assets/image/0007/217564/white-blur-bg-245.png?v=0.0.3"); background-repeat: no-repeat; background-position: center center; border-radius: 0; opacity: 1; width: 245px; height: 245px; }

@media (min-width: 1024px) { .no-flexbox .home .blue-button-inner.text { display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 0; padding-top: 0; padding-bottom: 0; }
  .no-flexbox footer { width: 100%; }
  .no-cssfilters .home .menu-icon-container { background-repeat: no-repeat; background-position: -11px -9px; }
  .no-cssfilters .home .menu-icon-container svg { top: 50%; } }

/* ========================================================================== Helper classes ========================================================================== */
/* Hide visually and from screen readers */
.hidden { display: none !important; }

/* Hide only visually, but have it available for screen readers: http://snook.ca/archives/html_and_css/hiding-content-for-accessibility */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: https://www.drupal.org/node/897638 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screen readers, but maintain layout */
.invisible { visibility: hidden; }

/* Clearfix: contain floats For modern browsers 1. The space content is one way to avoid an Opera bug when the `contenteditable` attribute is included anywhere else in the document. Otherwise it causes space to appear at the top and bottom of elements that receive the `clearfix` class. 2. The use of `table` rather than `block` is only necessary if using `:before` to contain the top-margins of child elements. */
.clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ }

.clearfix:after { clear: both; }

/* ========================================================================== EXAMPLE Media Queries for Responsive Design. These examples override the primary ('mobile first') styles. Modify as content requires. ========================================================================== */
/* ========================================================================== Print styles. Inlined to avoid the additional HTTP request: http://www.phpied.com/delay-loading-your-print-css/ ========================================================================== */
@media print { *, *:before, *:after, *:first-letter, *:first-line { background: transparent !important; color: #000 !important; /* Black prints faster: http://www.sanbeiji.com/archives/953 */ box-shadow: none !important; text-shadow: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  /* Don't show links that are fragment identifiers, or use the `javascript:` pseudo protocol */
  a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  /* Printing Tables: http://css-discuss.incutio.com/wiki/Printing_Tables */
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; } }