@charset "UTF-8";
/***
 * Main styles of the huwess theme, import all the SCSS files here 
 * in alphabetical order.
 * Some imports have dependencies on other files, but each file can also link to the
 * other via internal imports.
 */
/***
 * Colors
 */
/***
 * Media query sizes
 */
/* line 1, ../scss/huwess/base/_custom.scss */
.black-bg {
  background-color: rgba(255, 255, 255, 0.75);
}

/* Shared
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* line 7, ../scss/huwess/base/_custom.scss */
.button {
  border-radius: 100px;
}

/* Sections
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* line 13, ../scss/huwess/base/_custom.scss */
.section {
  padding: 8rem 0 7rem;
  text-align: center;
}

/* line 17, ../scss/huwess/base/_custom.scss */
.section-heading,
.section-description {
  margin-bottom: 1.2rem;
}

/* Hero
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* line 24, ../scss/huwess/base/_custom.scss */
.phones {
  position: relative;
}

/* line 27, ../scss/huwess/base/_custom.scss */
.phone {
  position: relative;
  max-width: 80%;
  margin: 3rem auto -12rem;
}

/* line 32, ../scss/huwess/base/_custom.scss */
.phone + .phone {
  display: none;
}

/* Values
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* line 38, ../scss/huwess/base/_custom.scss */
.values {
  background-image: url("../img/toyblocks-bg.jpg");
  background-size: cover;
  color: #000;
  padding-bottom: 5rem;
}
/* line 43, ../scss/huwess/base/_custom.scss */
.values .container {
  background: rgba(255, 255, 255, 0.8);
}

/* line 48, ../scss/huwess/base/_custom.scss */
.value-multiplier {
  margin-bottom: .5rem;
  color: #6699cc;
}

/* line 52, ../scss/huwess/base/_custom.scss */
.value-heading {
  margin-bottom: .3rem;
}

/* line 55, ../scss/huwess/base/_custom.scss */
.value-description {
  opacity: .8;
  font-weight: 400;
}

/* Help
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* line 62, ../scss/huwess/base/_custom.scss */
.get-help {
  border-bottom: 1px solid #ddd;
}

/* Categories
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* line 68, ../scss/huwess/base/_custom.scss */
.categories {
  background-image: url("../img/heart-candy-bg.jpg");
  background-size: cover;
  color: #2a2a2a;
}

/* line 73, ../scss/huwess/base/_custom.scss */
.categories .section-description {
  margin-bottom: 4rem;
}

/* Bigger than 550 */
@media (min-width: 550px) {
  /* line 79, ../scss/huwess/base/_custom.scss */
  .section {
    padding: 12rem 0 11rem;
  }

  /* line 82, ../scss/huwess/base/_custom.scss */
  .hero {
    padding-bottom: 12rem;
    text-align: left;
    height: 165px;
  }

  /* line 87, ../scss/huwess/base/_custom.scss */
  .phone {
    position: absolute;
    top: -7rem;
    right: 3rem;
    max-height: 362px;
    z-index: 3;
  }

  /* line 94, ../scss/huwess/base/_custom.scss */
  .phone + .phone {
    top: -6rem;
    display: block;
    max-width: 73.8%;
    right: 0;
    z-index: 2;
    max-height: 338px;
  }

  /* line 102, ../scss/huwess/base/_custom.scss */
  .hero-heading {
    font-size: 2.4rem;
  }
}
/* Bigger than 750 */
@media (min-width: 750px) {
  /* line 109, ../scss/huwess/base/_custom.scss */
  .hero {
    height: 190px;
  }

  /* line 112, ../scss/huwess/base/_custom.scss */
  .hero-heading {
    font-size: 2.6rem;
  }

  /* line 115, ../scss/huwess/base/_custom.scss */
  .section {
    padding: 14rem 0 15rem;
  }

  /* line 118, ../scss/huwess/base/_custom.scss */
  .hero {
    padding: 16rem 0 14rem;
  }

  /* line 121, ../scss/huwess/base/_custom.scss */
  .section-description {
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
  }

  /* line 126, ../scss/huwess/base/_custom.scss */
  .phone {
    top: -14rem;
    right: 5rem;
    max-height: 510px;
  }

  /* line 131, ../scss/huwess/base/_custom.scss */
  .phone + .phone {
    top: -12rem;
    max-height: 472px;
  }

  /* line 135, ../scss/huwess/base/_custom.scss */
  .categories {
    padding: 15rem 0 8rem;
  }
}
/* Bigger than 1000 */
@media (min-width: 1000px) {
  /* line 142, ../scss/huwess/base/_custom.scss */
  .section {
    padding: 20rem 0 19rem;
  }

  /* line 145, ../scss/huwess/base/_custom.scss */
  .hero {
    padding: 22rem 0;
  }

  /* line 148, ../scss/huwess/base/_custom.scss */
  .hero-heading {
    font-size: 3.0rem;
  }

  /* line 151, ../scss/huwess/base/_custom.scss */
  .phone {
    top: -16rem;
    max-height: 615px;
  }

  /* line 155, ../scss/huwess/base/_custom.scss */
  .phone + .phone {
    top: -14rem;
    max-height: 570px;
  }
}
/*! HTML5 Boilerplate v5.2.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
   ========================================================================== */
/* line 13, ../scss/huwess/base/_main.scss */
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.
 */
/* line 27, ../scss/huwess/base/_main.scss */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

/* line 32, ../scss/huwess/base/_main.scss */
::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */
/* line 41, ../scss/huwess/base/_main.scss */
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
 */
/* line 56, ../scss/huwess/base/_main.scss */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
/* line 69, ../scss/huwess/base/_main.scss */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
/* line 79, ../scss/huwess/base/_main.scss */
textarea {
  resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */
/* line 87, ../scss/huwess/base/_main.scss */
.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* ==========================================================================
   Helper classes
   ========================================================================== */
/*
 * Hide visually and from screen readers:
 */
/* line 122, ../scss/huwess/base/_main.scss */
.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
 */
/* line 131, ../scss/huwess/base/_main.scss */
.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
 */
/* line 148, ../scss/huwess/base/_main.scss */
.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
 */
/* line 162, ../scss/huwess/base/_main.scss */
.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.
 */
/* line 178, ../scss/huwess/base/_main.scss */
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

/* line 184, ../scss/huwess/base/_main.scss */
.clearfix:after {
  clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}
@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}
/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */
@media print {
  /* line 212, ../scss/huwess/base/_main.scss */
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster:
       http://www.sanbeiji.com/archives/953 */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  /* line 222, ../scss/huwess/base/_main.scss */
  a,
  a:visited {
    text-decoration: underline;
  }

  /* line 227, ../scss/huwess/base/_main.scss */
  a[href]:after {
    content: " (" attr(href) ")";
  }

  /* line 231, ../scss/huwess/base/_main.scss */
  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  /* line 240, ../scss/huwess/base/_main.scss */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }

  /* line 245, ../scss/huwess/base/_main.scss */
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /*
   * Printing Tables:
   * http://css-discuss.incutio.com/wiki/Printing_Tables
   */
  /* line 256, ../scss/huwess/base/_main.scss */
  thead {
    display: table-header-group;
  }

  /* line 260, ../scss/huwess/base/_main.scss */
  tr,
  img {
    page-break-inside: avoid;
  }

  /* line 265, ../scss/huwess/base/_main.scss */
  img {
    max-width: 100% !important;
  }

  /* line 269, ../scss/huwess/base/_main.scss */
  p,
  h2,
  h3,
  header .header_banner .header_strapline {
    orphans: 3;
    widows: 3;
  }

  /* line 276, ../scss/huwess/base/_main.scss */
  h2,
  h3,
  header .header_banner .header_strapline {
    page-break-after: avoid;
  }
}
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
/* line 9, ../scss/huwess/base/_normalize.scss */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
/* line 19, ../scss/huwess/base/_normalize.scss */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
/* line 33, ../scss/huwess/base/_normalize.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
/* line 54, ../scss/huwess/base/_normalize.scss */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
/* line 67, ../scss/huwess/base/_normalize.scss */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
/* line 77, ../scss/huwess/base/_normalize.scss */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
/* line 89, ../scss/huwess/base/_normalize.scss */
a {
  background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
/* line 98, ../scss/huwess/base/_normalize.scss */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
/* line 110, ../scss/huwess/base/_normalize.scss */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
/* line 118, ../scss/huwess/base/_normalize.scss */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
/* line 127, ../scss/huwess/base/_normalize.scss */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
/* line 136, ../scss/huwess/base/_normalize.scss */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
/* line 145, ../scss/huwess/base/_normalize.scss */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
/* line 154, ../scss/huwess/base/_normalize.scss */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
/* line 162, ../scss/huwess/base/_normalize.scss */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 170, ../scss/huwess/base/_normalize.scss */
sup {
  top: -0.5em;
}

/* line 174, ../scss/huwess/base/_normalize.scss */
sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
/* line 185, ../scss/huwess/base/_normalize.scss */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
/* line 193, ../scss/huwess/base/_normalize.scss */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
/* line 204, ../scss/huwess/base/_normalize.scss */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
/* line 212, ../scss/huwess/base/_normalize.scss */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
/* line 221, ../scss/huwess/base/_normalize.scss */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
/* line 229, ../scss/huwess/base/_normalize.scss */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
/* line 252, ../scss/huwess/base/_normalize.scss */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
/* line 266, ../scss/huwess/base/_normalize.scss */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
/* line 277, ../scss/huwess/base/_normalize.scss */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
/* line 290, ../scss/huwess/base/_normalize.scss */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
/* line 302, ../scss/huwess/base/_normalize.scss */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
/* line 311, ../scss/huwess/base/_normalize.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
/* line 322, ../scss/huwess/base/_normalize.scss */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
/* line 334, ../scss/huwess/base/_normalize.scss */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
/* line 346, ../scss/huwess/base/_normalize.scss */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
/* line 356, ../scss/huwess/base/_normalize.scss */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
/* line 367, ../scss/huwess/base/_normalize.scss */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
/* line 376, ../scss/huwess/base/_normalize.scss */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
/* line 387, ../scss/huwess/base/_normalize.scss */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
/* line 396, ../scss/huwess/base/_normalize.scss */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
/* line 405, ../scss/huwess/base/_normalize.scss */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
/* line 416, ../scss/huwess/base/_normalize.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 421, ../scss/huwess/base/_normalize.scss */
td,
th {
  padding: 0;
}

/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/
/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/
/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* line 31, ../scss/huwess/base/_skeleton.scss */
.container {
  position: relative;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

/* line 38, ../scss/huwess/base/_skeleton.scss */
.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box;
}

/* For devices larger than 400px */
@media (min-width: 400px) {
  /* line 46, ../scss/huwess/base/_skeleton.scss */
  .container {
    width: 85%;
    padding: 0;
  }
}
/* For devices larger than 550px */
@media (min-width: 550px) {
  /* line 53, ../scss/huwess/base/_skeleton.scss */
  .container {
    width: 80%;
  }

  /* line 55, ../scss/huwess/base/_skeleton.scss */
  .column,
  .columns {
    margin-left: 4%;
  }

  /* line 58, ../scss/huwess/base/_skeleton.scss */
  .column:first-child,
  .columns:first-child {
    margin-left: 0;
  }

  /* line 62, ../scss/huwess/base/_skeleton.scss */
  .one.column,
  .one.columns {
    width: 4.66666666667%;
  }

  /* line 64, ../scss/huwess/base/_skeleton.scss */
  .two.columns {
    width: 13.3333333333%;
  }

  /* line 65, ../scss/huwess/base/_skeleton.scss */
  .three.columns {
    width: 22%;
  }

  /* line 66, ../scss/huwess/base/_skeleton.scss */
  .four.columns {
    width: 30.6666666667%;
  }

  /* line 67, ../scss/huwess/base/_skeleton.scss */
  .five.columns {
    width: 39.3333333333%;
  }

  /* line 68, ../scss/huwess/base/_skeleton.scss */
  .six.columns {
    width: 48%;
  }

  /* line 69, ../scss/huwess/base/_skeleton.scss */
  .seven.columns {
    width: 56.6666666667%;
  }

  /* line 70, ../scss/huwess/base/_skeleton.scss */
  .eight.columns {
    width: 65.3333333333%;
  }

  /* line 71, ../scss/huwess/base/_skeleton.scss */
  .nine.columns {
    width: 74.0%;
  }

  /* line 72, ../scss/huwess/base/_skeleton.scss */
  .ten.columns {
    width: 82.6666666667%;
  }

  /* line 73, ../scss/huwess/base/_skeleton.scss */
  .eleven.columns {
    width: 91.3333333333%;
  }

  /* line 74, ../scss/huwess/base/_skeleton.scss */
  .twelve.columns {
    width: 100%;
    margin-left: 0;
  }

  /* line 76, ../scss/huwess/base/_skeleton.scss */
  .one-third.column {
    width: 30.6666666667%;
  }

  /* line 77, ../scss/huwess/base/_skeleton.scss */
  .two-thirds.column {
    width: 65.3333333333%;
  }

  /* line 79, ../scss/huwess/base/_skeleton.scss */
  .one-half.column {
    width: 48%;
  }

  /* Offsets */
  /* line 82, ../scss/huwess/base/_skeleton.scss */
  .offset-by-one.column,
  .offset-by-one.columns {
    margin-left: 8.66666666667%;
  }

  /* line 84, ../scss/huwess/base/_skeleton.scss */
  .offset-by-two.column,
  .offset-by-two.columns {
    margin-left: 17.3333333333%;
  }

  /* line 86, ../scss/huwess/base/_skeleton.scss */
  .offset-by-three.column,
  .offset-by-three.columns {
    margin-left: 26%;
  }

  /* line 88, ../scss/huwess/base/_skeleton.scss */
  .offset-by-four.column,
  .offset-by-four.columns {
    margin-left: 34.6666666667%;
  }

  /* line 90, ../scss/huwess/base/_skeleton.scss */
  .offset-by-five.column,
  .offset-by-five.columns {
    margin-left: 43.3333333333%;
  }

  /* line 92, ../scss/huwess/base/_skeleton.scss */
  .offset-by-six.column,
  .offset-by-six.columns {
    margin-left: 52%;
  }

  /* line 94, ../scss/huwess/base/_skeleton.scss */
  .offset-by-seven.column,
  .offset-by-seven.columns {
    margin-left: 60.6666666667%;
  }

  /* line 96, ../scss/huwess/base/_skeleton.scss */
  .offset-by-eight.column,
  .offset-by-eight.columns {
    margin-left: 69.3333333333%;
  }

  /* line 98, ../scss/huwess/base/_skeleton.scss */
  .offset-by-nine.column,
  .offset-by-nine.columns {
    margin-left: 78.0%;
  }

  /* line 100, ../scss/huwess/base/_skeleton.scss */
  .offset-by-ten.column,
  .offset-by-ten.columns {
    margin-left: 86.6666666667%;
  }

  /* line 102, ../scss/huwess/base/_skeleton.scss */
  .offset-by-eleven.column,
  .offset-by-eleven.columns {
    margin-left: 95.3333333333%;
  }

  /* line 105, ../scss/huwess/base/_skeleton.scss */
  .offset-by-one-third.column,
  .offset-by-one-third.columns {
    margin-left: 34.6666666667%;
  }

  /* line 107, ../scss/huwess/base/_skeleton.scss */
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns {
    margin-left: 69.3333333333%;
  }

  /* line 110, ../scss/huwess/base/_skeleton.scss */
  .offset-by-one-half.column,
  .offset-by-one-half.columns {
    margin-left: 52%;
  }
}
/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
/* line 121, ../scss/huwess/base/_skeleton.scss */
html {
  font-size: 62.5%;
}

/* line 123, ../scss/huwess/base/_skeleton.scss */
body {
  font-size: 1.5em;
  /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-weight: 400;
  font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #222;
}

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* line 133, ../scss/huwess/base/_skeleton.scss */
h1, h2, h3, header .header_banner .header_strapline, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 300;
}

/* line 137, ../scss/huwess/base/_skeleton.scss */
h1 {
  font-size: 4.0rem;
  line-height: 1.2;
  letter-spacing: -.1rem;
}

/* line 138, ../scss/huwess/base/_skeleton.scss */
h2 {
  font-size: 3.6rem;
  line-height: 1.25;
  letter-spacing: -.1rem;
}

/* line 139, ../scss/huwess/base/_skeleton.scss */
h3, header .header_banner .header_strapline {
  font-size: 3.0rem;
  line-height: 1.3;
  letter-spacing: -.1rem;
}

/* line 140, ../scss/huwess/base/_skeleton.scss */
h4 {
  font-size: 2.4rem;
  line-height: 1.35;
  letter-spacing: -.08rem;
}

/* line 141, ../scss/huwess/base/_skeleton.scss */
h5 {
  font-size: 1.8rem;
  line-height: 1.5;
  letter-spacing: -.05rem;
}

/* line 142, ../scss/huwess/base/_skeleton.scss */
h6 {
  font-size: 1.5rem;
  line-height: 1.6;
  letter-spacing: 0;
}

/* Larger than phablet */
@media (min-width: 550px) {
  /* line 146, ../scss/huwess/base/_skeleton.scss */
  h1 {
    font-size: 5.0rem;
  }

  /* line 147, ../scss/huwess/base/_skeleton.scss */
  h2 {
    font-size: 4.2rem;
  }

  /* line 148, ../scss/huwess/base/_skeleton.scss */
  h3, header .header_banner .header_strapline {
    font-size: 3.6rem;
  }

  /* line 149, ../scss/huwess/base/_skeleton.scss */
  h4 {
    font-size: 3.0rem;
  }

  /* line 150, ../scss/huwess/base/_skeleton.scss */
  h5 {
    font-size: 2.4rem;
  }

  /* line 151, ../scss/huwess/base/_skeleton.scss */
  h6 {
    font-size: 1.5rem;
  }
}
/* line 154, ../scss/huwess/base/_skeleton.scss */
p {
  margin-top: 0;
}

/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* line 160, ../scss/huwess/base/_skeleton.scss */
a {
  color: #dfc721;
}

/* line 162, ../scss/huwess/base/_skeleton.scss */
a:hover {
  color: #e7d559;
}

/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* line 168, ../scss/huwess/base/_skeleton.scss */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: 38px;
  padding: 0 30px;
  color: #555;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #bbb;
  cursor: pointer;
  box-sizing: border-box;
}

/* line 190, ../scss/huwess/base/_skeleton.scss */
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: #333;
  border-color: #888;
  outline: 0;
}

/* line 203, ../scss/huwess/base/_skeleton.scss */
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;
  background-color: #df9c07;
  border-color: #df9c07;
}

/* line 211, ../scss/huwess/base/_skeleton.scss */
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #e7d559;
  border-color: #e7d559;
}

/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* line 228, ../scss/huwess/base/_skeleton.scss */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 38px;
  padding: 6px 10px;
  /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
}

/* Removes awkward default styles on some inputs for iOS */
/* line 245, ../scss/huwess/base/_skeleton.scss */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* line 256, ../scss/huwess/base/_skeleton.scss */
textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px;
}

/* line 260, ../scss/huwess/base/_skeleton.scss */
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #6699cc;
  outline: 0;
}

/* line 271, ../scss/huwess/base/_skeleton.scss */
label,
legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600;
}

/* line 276, ../scss/huwess/base/_skeleton.scss */
fieldset {
  padding: 0;
  border-width: 0;
}

/* line 279, ../scss/huwess/base/_skeleton.scss */
input[type="checkbox"],
input[type="radio"] {
  display: inline;
}

/* line 282, ../scss/huwess/base/_skeleton.scss */
label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal;
}

/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* line 290, ../scss/huwess/base/_skeleton.scss */
ul {
  list-style: circle inside;
}

/* line 292, ../scss/huwess/base/_skeleton.scss */
ol {
  list-style: decimal inside;
}

/* line 294, ../scss/huwess/base/_skeleton.scss */
ol, ul {
  padding-left: 0;
  margin-top: 0;
}

/* line 297, ../scss/huwess/base/_skeleton.scss */
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%;
}

/* line 303, ../scss/huwess/base/_skeleton.scss */
li {
  margin-bottom: 1rem;
}

/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* line 309, ../scss/huwess/base/_skeleton.scss */
code {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #F1F1F1;
  border: 1px solid #E1E1E1;
  border-radius: 4px;
}

/* line 317, ../scss/huwess/base/_skeleton.scss */
pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre;
}

/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* line 325, ../scss/huwess/base/_skeleton.scss */
th,
td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #E1E1E1;
}

/* line 330, ../scss/huwess/base/_skeleton.scss */
th:first-child,
td:first-child {
  padding-left: 0;
}

/* line 333, ../scss/huwess/base/_skeleton.scss */
th:last-child,
td:last-child {
  padding-right: 0;
}

/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* line 340, ../scss/huwess/base/_skeleton.scss */
button,
.button {
  margin-bottom: 1rem;
}

/* line 343, ../scss/huwess/base/_skeleton.scss */
input,
textarea,
select,
fieldset {
  margin-bottom: 1.5rem;
}

/* line 348, ../scss/huwess/base/_skeleton.scss */
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
  margin-bottom: 2.5rem;
}

/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* line 362, ../scss/huwess/base/_skeleton.scss */
.u-full-width {
  width: 100%;
  box-sizing: border-box;
}

/* line 365, ../scss/huwess/base/_skeleton.scss */
.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box;
}

/* line 368, ../scss/huwess/base/_skeleton.scss */
.u-pull-right {
  float: right;
}

/* line 370, ../scss/huwess/base/_skeleton.scss */
.u-pull-left {
  float: left;
}

/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* line 376, ../scss/huwess/base/_skeleton.scss */
hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1;
}

/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* Self Clearing Goodness */
/* line 387, ../scss/huwess/base/_skeleton.scss */
.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both;
}

/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/
/* Larger than mobile */
/* Larger than phablet (also point when grid becomes active) */
/* Larger than tablet */
/* Larger than desktop */
/* Larger than Desktop HD */
/*!
 * SlickNav Responsive Mobile Menu v1.0.6
 * (c) 2015 Josh Cope
 * licensed under MIT
 */
/* line 6, ../scss/huwess/base/_slicknav.scss */
.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: right;
  padding: 0.438em 0.625em 0.438em 0.625em;
  line-height: 1.125em;
  cursor: pointer;
}

/* line 14, ../scss/huwess/base/_slicknav.scss */
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
  margin-top: 0.188em;
}

/* line 17, ../scss/huwess/base/_slicknav.scss */
.slicknav_menu {
  *zoom: 1;
}

/* line 19, ../scss/huwess/base/_slicknav.scss */
.slicknav_menu .slicknav_menutxt {
  display: block;
  line-height: 1.188em;
  float: left;
}

/* line 23, ../scss/huwess/base/_slicknav.scss */
.slicknav_menu .slicknav_icon {
  float: left;
  width: 1.125em;
  height: 0.875em;
  margin: 0.188em 0 0 0.438em;
}

/* line 28, ../scss/huwess/base/_slicknav.scss */
.slicknav_menu .slicknav_icon:before {
  background: transparent;
  width: 1.125em;
  height: 0.875em;
  display: block;
  content: "";
  position: absolute;
}

/* line 35, ../scss/huwess/base/_slicknav.scss */
.slicknav_menu .slicknav_no-text {
  margin: 0;
}

/* line 37, ../scss/huwess/base/_slicknav.scss */
.slicknav_menu .slicknav_icon-bar {
  display: block;
  width: 1.125em;
  height: 0.125em;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}

/* line 47, ../scss/huwess/base/_slicknav.scss */
.slicknav_menu:before {
  content: " ";
  display: table;
}

/* line 50, ../scss/huwess/base/_slicknav.scss */
.slicknav_menu:after {
  content: " ";
  display: table;
  clear: both;
}

/* line 55, ../scss/huwess/base/_slicknav.scss */
.slicknav_nav {
  clear: both;
}

/* line 57, ../scss/huwess/base/_slicknav.scss */
.slicknav_nav ul {
  display: block;
}

/* line 59, ../scss/huwess/base/_slicknav.scss */
.slicknav_nav li {
  display: block;
}

/* line 61, ../scss/huwess/base/_slicknav.scss */
.slicknav_nav .slicknav_arrow {
  font-size: 0.8em;
  margin: 0 0 0 0.4em;
}

/* line 64, ../scss/huwess/base/_slicknav.scss */
.slicknav_nav .slicknav_item {
  cursor: pointer;
}

/* line 66, ../scss/huwess/base/_slicknav.scss */
.slicknav_nav .slicknav_item a {
  display: inline;
}

/* line 68, ../scss/huwess/base/_slicknav.scss */
.slicknav_nav .slicknav_row {
  display: block;
}

/* line 70, ../scss/huwess/base/_slicknav.scss */
.slicknav_nav a {
  display: block;
}

/* line 72, ../scss/huwess/base/_slicknav.scss */
.slicknav_nav .slicknav_parent-link a {
  display: inline;
}

/* line 75, ../scss/huwess/base/_slicknav.scss */
.slicknav_brand {
  float: left;
}

/* line 78, ../scss/huwess/base/_slicknav.scss */
.slicknav_menu {
  font-size: 16px;
  box-sizing: border-box;
  background: #4c4c4c;
  padding: 5px;
}

/* line 83, ../scss/huwess/base/_slicknav.scss */
.slicknav_menu * {
  box-sizing: border-box;
}

/* line 85, ../scss/huwess/base/_slicknav.scss */
.slicknav_menu .slicknav_menutxt {
  color: #fff;
  font-weight: bold;
  text-shadow: 0 1px 3px #000;
}

/* line 89, ../scss/huwess/base/_slicknav.scss */
.slicknav_menu .slicknav_icon-bar {
  background-color: #fff;
}

/* line 92, ../scss/huwess/base/_slicknav.scss */
.slicknav_btn {
  margin: 5px 5px 6px;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #222;
}

/* line 101, ../scss/huwess/base/_slicknav.scss */
.slicknav_nav {
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: 0.875em;
  list-style: none;
  overflow: hidden;
}

/* line 108, ../scss/huwess/base/_slicknav.scss */
.slicknav_nav ul {
  list-style: none;
  overflow: hidden;
  padding: 0;
  margin: 0 0 0 20px;
}

/* line 113, ../scss/huwess/base/_slicknav.scss */
.slicknav_nav .slicknav_row {
  padding: 5px 10px;
  margin: 2px 5px;
}

/* line 116, ../scss/huwess/base/_slicknav.scss */
.slicknav_nav .slicknav_row:hover {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #ccc;
  color: #fff;
}

/* line 122, ../scss/huwess/base/_slicknav.scss */
.slicknav_nav a {
  padding: 5px 10px;
  margin: 2px 5px;
  text-decoration: none;
  color: #fff;
}

/* line 127, ../scss/huwess/base/_slicknav.scss */
.slicknav_nav a:hover {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #ccc;
  color: #222;
}

/* line 133, ../scss/huwess/base/_slicknav.scss */
.slicknav_nav .slicknav_txtnode {
  margin-left: 15px;
}

/* line 135, ../scss/huwess/base/_slicknav.scss */
.slicknav_nav .slicknav_item a {
  padding: 0;
  margin: 0;
}

/* line 138, ../scss/huwess/base/_slicknav.scss */
.slicknav_nav .slicknav_parent-link a {
  padding: 0;
  margin: 0;
}

/* line 142, ../scss/huwess/base/_slicknav.scss */
.slicknav_brand {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  padding: 7px 12px;
  height: 44px;
}

/***
 * Base styling
 * Author: Gavin Hull
 * Company: Huwess Limited
 */
/* line 6, ../scss/huwess/styles/_base.scss */
img {
  max-width: 100%;
}

/* line 10, ../scss/huwess/styles/_base.scss */
section a {
  color: #6699cc;
  text-shadow: 0 0.2px 0.2px rgba(0, 0, 0, 0.5);
}
/* line 14, ../scss/huwess/styles/_base.scss */
section a:hover {
  color: #699acc;
  text-shadow: none;
}

/* line 19, ../scss/huwess/styles/_base.scss */
.scrollup {
  width: 40px;
  height: 40px;
  position: fixed;
  bottom: 50px;
  right: 100px;
  display: none;
  text-indent: -9999px;
  background: url('../img/scroll-to-top.png?1468327884') no-repeat, 0;
}

/***
 * Some useful extensions for centering containers and their blocks
 * Ref: http://www.w3.org/Style/Examples/007/center.en.html#block
 */
/* line 36, ../scss/huwess/styles/_base.scss */
section.section.contact-form .g-recaptcha-div .g-recaptcha {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}

/***
 * Other extensions
 */
/***
 * This changes the default values of slick slider
 * Ref: http://kenwheeler.github.io/slick/
 */
/* line 11, ../scss/huwess/styles/_carousel.scss */
.slicky figure {
  margin: 0 0.5em;
}
/* line 14, ../scss/huwess/styles/_carousel.scss */
.slicky .slick-arrow {
  z-index: 10;
  height: 40px;
  width: 40px;
  line-height: 40px;
  background-color: rgba(255, 255, 255, 0.75);
}
/* line 21, ../scss/huwess/styles/_carousel.scss */
.slicky .slick-arrow:hover, .slicky .slick-arrow:focus {
  background-color: white;
}
/* line 26, ../scss/huwess/styles/_carousel.scss */
.slicky .slick-prev:before, .slicky .slick-next:before {
  font-family: fantasy;
  font-size: 40px;
  line-height: 1.1;
}
/* line 32, ../scss/huwess/styles/_carousel.scss */
.slicky .slick-prev {
  left: 1%;
}
/* line 34, ../scss/huwess/styles/_carousel.scss */
.slicky .slick-prev:before {
  content: "<";
}
/* line 38, ../scss/huwess/styles/_carousel.scss */
.slicky .slick-next {
  right: 1%;
}
/* line 40, ../scss/huwess/styles/_carousel.scss */
.slicky .slick-next:before {
  content: ">";
}

/***
 * Main content SCSS file
 * Author: Gavin Hull
 * Company: Huwess Limited
 */
/* line 7, ../scss/huwess/styles/_content.scss */
section.section.intro {
  text-align: left;
  padding: 3rem;
}
@media (min-width: 550px) {
  /* line 7, ../scss/huwess/styles/_content.scss */
  section.section.intro {
    padding: 6rem 0;
    text-align: justify;
  }
}
/* line 15, ../scss/huwess/styles/_content.scss */
section.section.intro .button {
  text-align: center;
  margin: 0 auto;
  display: block;
}
/* line 21, ../scss/huwess/styles/_content.scss */
section.section.play, section.section.groups, section.section.awards, section.section.contact-form {
  padding-top: 5rem;
}
/* line 25, ../scss/huwess/styles/_content.scss */
section.section.play .container.black-bg, section.section.groups .container.black-bg, section.section.awards .container.black-bg, section.section.contact-form .container.black-bg {
  padding: 2rem;
}
/* line 27, ../scss/huwess/styles/_content.scss */
section.section.play .container.black-bg p, section.section.groups .container.black-bg p, section.section.awards .container.black-bg p, section.section.contact-form .container.black-bg p {
  padding: 1rem;
  text-align: justify;
}
/* line 34, ../scss/huwess/styles/_content.scss */
section.section.play {
  background: url('../img/playground_bg.jpg?1468327884') no-repeat;
  background-size: cover;
}
/* line 39, ../scss/huwess/styles/_content.scss */
section.section.groups {
  background: url('../img/smiley_faces_bg.jpg?1468327884') no-repeat;
  background-size: cover;
}
/* line 44, ../scss/huwess/styles/_content.scss */
section.section.awards {
  background: url('../img/spark_bg.jpg?1468327884') no-repeat;
  background-size: cover;
}
/* line 49, ../scss/huwess/styles/_content.scss */
section.section.contact-form {
  background: url('../img/kids-painting-feet.jpg?1468341170') no-repeat;
  background-size: cover;
}
/* line 53, ../scss/huwess/styles/_content.scss */
section.section.contact-form span.required {
  color: #df9c07;
}
/* line 54, ../scss/huwess/styles/_content.scss */
section.section.contact-form *:required {
  box-shadow: 1px 1px 10px rgba(223, 156, 7, 0.85);
}
/* line 57, ../scss/huwess/styles/_content.scss */
section.section.contact-form .g-recaptcha-div {
  position: relative;
  height: 6.25em;
}
/* line 65, ../scss/huwess/styles/_content.scss */
section.section table {
  margin: 10px;
}
/* line 68, ../scss/huwess/styles/_content.scss */
section.section table tr td, section.section table tr th {
  width: 50%;
  padding: 10px;
}

/* line 1, ../scss/huwess/styles/_footer.scss */
footer.footer {
  color: white;
  background-color: #333;
  border-top: 5px solid #df9c07;
  padding: 3.5rem 0 2.5rem;
}
@media (min-width: 550px) {
  /* line 1, ../scss/huwess/styles/_footer.scss */
  footer.footer {
    padding: 6rem 0 5.5rem;
  }
}
@media (min-width: 750px) {
  /* line 1, ../scss/huwess/styles/_footer.scss */
  footer.footer {
    padding: 7rem 0 7.5rem;
  }
}

/***
 * Header styles including the navigation
 */
/* line 4, ../scss/huwess/styles/_nav.scss */
header {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZjVlNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #fbf5e6), color-stop(100%, #ffffff));
  background: -moz-linear-gradient(bottom, #fbf5e6, #ffffff);
  background: -webkit-linear-gradient(bottom, #fbf5e6, #ffffff);
  background: linear-gradient(to top, #fbf5e6, #ffffff);
  border-bottom: 5px solid #df9c07;
}
/* line 8, ../scss/huwess/styles/_nav.scss */
header .header_banner {
  height: 200px;
}
/* line 11, ../scss/huwess/styles/_nav.scss */
header .header_banner .header_logo {
  padding: 0;
}
/* line 12, ../scss/huwess/styles/_nav.scss */
header .header_banner .header_logo img {
  display: block;
  height: 150px;
  margin: 2em auto;
}
@media (min-width: 550px) {
  /* line 12, ../scss/huwess/styles/_nav.scss */
  header .header_banner .header_logo img {
    margin: 2em 1em;
  }
}
/* line 20, ../scss/huwess/styles/_nav.scss */
header .header_banner .header_strapline {
  padding: 17px 0;
  margin-top: 1em;
  font-style: italic;
  color: black;
  text-decoration: none;
  text-align: right;
  background: url('../img/strapline.png?1468327884');
  background-position: right top;
  background-repeat: no-repeat;
  background-size: 50px;
}
/* line 35, ../scss/huwess/styles/_nav.scss */
header nav {
  padding: 0;
  overflow: hidden;
  background-color: #fbf5e6;
}
/* line 39, ../scss/huwess/styles/_nav.scss */
header nav .header_logo_inline {
  float: left;
  padding: 14px 16px 0;
}
/* line 43, ../scss/huwess/styles/_nav.scss */
header nav ul#menu {
  list-style-type: none;
}
/* line 45, ../scss/huwess/styles/_nav.scss */
header nav ul#menu li {
  float: left;
  margin-bottom: 0;
  border-radius: 0.3em 0.3em 0 0px;
  overflow: hidden;
}
/* line 50, ../scss/huwess/styles/_nav.scss */
header nav ul#menu li.active a {
  background-color: #df9c07;
}
/* line 53, ../scss/huwess/styles/_nav.scss */
header nav ul#menu li:hover:not(.active) {
  background-color: #e7d559;
}
/* line 56, ../scss/huwess/styles/_nav.scss */
header nav ul#menu li a {
  display: block;
  color: #160f00;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
/* line 63, ../scss/huwess/styles/_nav.scss */
header nav ul#menu li a:hover:not(.active) {
  color: #473000;
}

/* line 74, ../scss/huwess/styles/_nav.scss */
.slicknav_menu {
  display: none;
}

@media screen and (max-width: 40em) {
  /* #menu is the original menu */
  /* line 80, ../scss/huwess/styles/_nav.scss */
  .js #menu {
    display: none;
  }

  /* line 84, ../scss/huwess/styles/_nav.scss */
  .js .slicknav_menu {
    display: block;
  }
}
/***
 * For print styles we hide the header and footer
 */
@media print {
  /* line 5, ../scss/huwess/styles/_print.scss */
  header {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
  }

  /* line 8, ../scss/huwess/styles/_print.scss */
  footer {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
  }
}
/* Slider */
/* line 40, ../scss/huwess/slick/_slick-theme.scss */
.slick-loading .slick-list {
  background: #fff url('../img/ajax-loader.gif?1468327884') center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url('../fonts/slick.eot?1468327883');
  src: url('../fonts/slick.eot?&1468327883#iefix') format("embedded-opentype"), url('../fonts/slick.woff?1468327884') format("woff"), url('../fonts/slick.ttf?1468327884') format("truetype"), url('../fonts/slick.svg?1468327884#slick') format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Arrows */
/* line 58, ../scss/huwess/slick/_slick-theme.scss */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  margin-top: -10px\9;
  /*lte IE 8*/
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}
/* line 77, ../scss/huwess/slick/_slick-theme.scss */
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}
/* line 81, ../scss/huwess/slick/_slick-theme.scss */
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
/* line 85, ../scss/huwess/slick/_slick-theme.scss */
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

/* line 90, ../scss/huwess/slick/_slick-theme.scss */
.slick-prev:before, .slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: black;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 100, ../scss/huwess/slick/_slick-theme.scss */
.slick-prev {
  left: -25px;
}
/* line 102, ../scss/huwess/slick/_slick-theme.scss */
[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}
/* line 106, ../scss/huwess/slick/_slick-theme.scss */
.slick-prev:before {
  content: "←";
}
/* line 108, ../scss/huwess/slick/_slick-theme.scss */
[dir="rtl"] .slick-prev:before {
  content: "→";
}

/* line 114, ../scss/huwess/slick/_slick-theme.scss */
.slick-next {
  right: -25px;
}
/* line 116, ../scss/huwess/slick/_slick-theme.scss */
[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}
/* line 120, ../scss/huwess/slick/_slick-theme.scss */
.slick-next:before {
  content: "→";
}
/* line 122, ../scss/huwess/slick/_slick-theme.scss */
[dir="rtl"] .slick-next:before {
  content: "←";
}

/* Dots */
/* line 130, ../scss/huwess/slick/_slick-theme.scss */
.slick-slider {
  margin-bottom: 30px;
}

/* line 134, ../scss/huwess/slick/_slick-theme.scss */
.slick-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%;
}
/* line 142, ../scss/huwess/slick/_slick-theme.scss */
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
/* line 150, ../scss/huwess/slick/_slick-theme.scss */
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}
/* line 162, ../scss/huwess/slick/_slick-theme.scss */
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
/* line 164, ../scss/huwess/slick/_slick-theme.scss */
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
/* line 168, ../scss/huwess/slick/_slick-theme.scss */
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* line 185, ../scss/huwess/slick/_slick-theme.scss */
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

/* Slider */
/* line 3, ../scss/huwess/slick/_slick.scss */
.slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

/* line 18, ../scss/huwess/slick/_slick.scss */
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
/* line 25, ../scss/huwess/slick/_slick.scss */
.slick-list:focus {
  outline: none;
}
/* line 29, ../scss/huwess/slick/_slick.scss */
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

/* line 34, ../scss/huwess/slick/_slick.scss */
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* line 43, ../scss/huwess/slick/_slick.scss */
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
/* line 49, ../scss/huwess/slick/_slick.scss */
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
/* line 55, ../scss/huwess/slick/_slick.scss */
.slick-track:after {
  clear: both;
}
/* line 59, ../scss/huwess/slick/_slick.scss */
.slick-loading .slick-track {
  visibility: hidden;
}

/* line 63, ../scss/huwess/slick/_slick.scss */
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
/* line 67, ../scss/huwess/slick/_slick.scss */
[dir="rtl"] .slick-slide {
  float: right;
}
/* line 70, ../scss/huwess/slick/_slick.scss */
.slick-slide img {
  display: block;
}
/* line 73, ../scss/huwess/slick/_slick.scss */
.slick-slide.slick-loading img {
  display: none;
}
/* line 79, ../scss/huwess/slick/_slick.scss */
.slick-slide.dragging img {
  pointer-events: none;
}
/* line 83, ../scss/huwess/slick/_slick.scss */
.slick-initialized .slick-slide {
  display: block;
}
/* line 87, ../scss/huwess/slick/_slick.scss */
.slick-loading .slick-slide {
  visibility: hidden;
}
/* line 91, ../scss/huwess/slick/_slick.scss */
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

/* line 97, ../scss/huwess/slick/_slick.scss */
.slick-arrow.slick-hidden {
  display: none;
}