@charset "UTF-8";

#ctl00_cphContent_ctl00_div_save_reset, #ctl00_cphContent_ctl00_btnSave, #ctl00_cphContent_ctl00_btnReset {
    display: none;
}

/* line 11, ../sass/partials/utils/_normalize.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
/* line 30, ../sass/partials/utils/_normalize.scss */
audio,
canvas,
video {
  display: inline-block;
}

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

/**
 * Address styling not present in IE 8/9.
 */
/* line 50, ../sass/partials/utils/_normalize.scss */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
/* line 64, ../sass/partials/utils/_normalize.scss */
html {
  font-family: sans-serif;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
/* line 74, ../sass/partials/utils/_normalize.scss */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
/* line 86, ../sass/partials/utils/_normalize.scss */
a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
/* line 94, ../sass/partials/utils/_normalize.scss */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
/* line 107, ../sass/partials/utils/_normalize.scss */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
/* line 115, ../sass/partials/utils/_normalize.scss */
b,
strong {
  font-weight: 700;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
/* line 124, ../sass/partials/utils/_normalize.scss */
dfn {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
/* line 132, ../sass/partials/utils/_normalize.scss */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
/* line 142, ../sass/partials/utils/_normalize.scss */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
/* line 151, ../sass/partials/utils/_normalize.scss */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
/* line 163, ../sass/partials/utils/_normalize.scss */
pre {
  white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
/* line 171, ../sass/partials/utils/_normalize.scss */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
/* line 179, ../sass/partials/utils/_normalize.scss */
small {
  font-size: 80%;
}

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

/* line 195, ../sass/partials/utils/_normalize.scss */
sup {
  top: -0.5em;
}

/* line 199, ../sass/partials/utils/_normalize.scss */
sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
/* line 211, ../sass/partials/utils/_normalize.scss */
img {
  border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
/* line 219, ../sass/partials/utils/_normalize.scss */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
/* line 231, ../sass/partials/utils/_normalize.scss */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
/* line 244, ../sass/partials/utils/_normalize.scss */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
/* line 255, ../sass/partials/utils/_normalize.scss */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
/* line 269, ../sass/partials/utils/_normalize.scss */
button,
input {
  line-height: normal;
}

/**
 * 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 Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
/* line 281, ../sass/partials/utils/_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 294, ../sass/partials/utils/_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 306, ../sass/partials/utils/_normalize.scss */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
/* line 316, ../sass/partials/utils/_normalize.scss */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
/* line 328, ../sass/partials/utils/_normalize.scss */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
/*input[type="search"]::-webkit-search-cancel-button,*/
/* line 341, ../sass/partials/utils/_normalize.scss */
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
/* line 349, ../sass/partials/utils/_normalize.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
/* line 360, ../sass/partials/utils/_normalize.scss */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
/* line 373, ../sass/partials/utils/_normalize.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* ======================================================================================
   @UTILS -> RESET
   ====================================================================================== */
/* 
	http://meyerweb.com/eric/tools/css/reset/ 
   	v2.0 | 20110126
   	License: none (public domain)
*/
/* line 11, ../sass/partials/utils/_reset.scss */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strong,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
sub,
sup,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
time,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary,
main {
  margin: 0;
  padding: 0;
  border: 0;
}

/* Reset `box-sizing` to the nice `border-box` */
/* line 89, ../sass/partials/utils/_reset.scss */
*, *:before, *:after {
  /* Transition */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* Lists */
/* line 97, ../sass/partials/utils/_reset.scss */
ul {
  list-style: none;
}

/* endif */
/* Utils -> Placeholders */
/* ======================================================================================
   @UTILS -> PLACEHOLDERS -> BOTTOM SPACING
   ====================================================================================== */
/*
	Usage:
		Applies the default bottom margin in order to try to keep a consistent vertical rhythm.
	
	Demo:
		Style Guide -> Utilities -> Bottom Spacing
*/
/* line 13, ../sass/partials/utils/placeholders/_bottom-spacing.scss */
ul,
ol, dl, p, table, blockquote, .quote, .quote blockquote, pre, .grid,
.grid-item, .island,
.islet, .slats, .slats-img,
.slats-img--rev, .divider, .feedback-block, .form-main-field, .pull-left,
.pull-right,
.pull-center {
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
  /* Turn off bottom margin for the last element */
}
/* line 17, ../sass/partials/utils/placeholders/_bottom-spacing.scss */
ul:last-child,
ol:last-child, dl:last-child, p:last-child, table:last-child, blockquote:last-child, .quote:last-child, pre:last-child, .grid:last-child,
.grid-item:last-child, .island:last-child,
.islet:last-child, .slats:last-child, .slats-img:last-child,
.slats-img--rev:last-child, .divider:last-child, .feedback-block:last-child, .form-main-field:last-child, .pull-left:last-child,
.pull-right:last-child,
.pull-center:last-child {
  margin-bottom: 0;
}

/* ======================================================================================
   @UTILS -> PLACEHOLDERS -> CLEAR FIX
   ====================================================================================== */
/*
	Usage:
		So parent containers can contain their floated children.
	
	Demo:
		Style Guide -> Utilities -> Clear Fix
	
	Credit:
		http://nicolasgallagher.com/micro-clearfix-hack
*/
/* line 869, ../sass/partials/utils/_mixins.scss */
.island:after,
.islet:after, .slats:after, .modal-footer:after, .tab-content:after, .tab-heading-simple:after, .tab-heading:after, .form-main-field:after {
  content: "";
  display: table;
  clear: both;
}

/* ======================================================================================
   @UTILS -> PLACEHOLDERS -> DISGUISED LINK
   ====================================================================================== */
/*
	Usage:
		Make a link not look like a link.
	
	Note:
		Have to declare the styles in a `@mixin`, see the 'PLACEHOLDER SELECTOR MEDIA QUERY FIX' section in 'utils/mixins' for the explanation.
	
	Demo:
		Style Guide -> Utilities -> Disguised Link
*/
/* line 16, ../sass/partials/utils/placeholders/_disguised-link.scss */
.complex-link, .vcard .url {
  color: inherit;
  text-decoration: inherit;
  cursor: text;
  /* Pseudo classes */
}
/* line 862, ../sass/partials/utils/_mixins.scss */
.complex-link:visited, .vcard .url:visited, .complex-link:hover, .vcard .url:hover, .complex-link:focus, .vcard .url:focus {
  color: inherit;
}

/* ======================================================================================
   @UTILS -> PLACEHOLDERS -> IMAGE REPLACEMENT
   ====================================================================================== */
/*
	Usage:
		For replacing a text element with an image.
		
	Note:
		Still undecided whether to go with the latest H5BP technique? Will decide after a few builds. If revert back to the prior technique then make sure to update all `em` values to `px`.
	
	Demo:
		Style Guide -> Utilities -> Image Replacement
	
	Credit:
		http://html5boilerplate.com/
*/
/*%img-replacement {
	font: 0/0 a;
    text-shadow: none;
    color: transparent;
}*/
/* line 25, ../sass/partials/utils/placeholders/_image-replacement.scss */
.sprite {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  /* Pseudo element */
}
/* line 31, ../sass/partials/utils/placeholders/_image-replacement.scss */
.sprite:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

/* Alternate version */
/* ======================================================================================
   @UTILS -> PLACEHOLDERS -> SPRITE BG
   ====================================================================================== */
/*
	Usage:
		Declare the main sprite background image.
	
	Demo:
		Style Guide -> Utilities -> Sprite BG
*/
/* line 13, ../sass/partials/utils/placeholders/_sprite-bg.scss */
.sprite {
  background-image: url("img/sprite.png");
  background-repeat: no-repeat;
}

/* ======================================================================================
   @UTILS -> PLACEHOLDERS -> SPRITE / ICON
   ====================================================================================== */
/*
	Usage:
		Common styles for sprited elements and icon fonts.
	
	Demo:
		Style Guide -> Utilities -> Sprite / Icon
*/
/* line 13, ../sass/partials/utils/placeholders/_sprite-icon.scss */
.sprite, .icon:before {
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin-right: 0.625em;
  top: -1px;
}

/* ======================================================================================
   @UTILS -> PLACEHOLDERS -> TRANSITIONS
   ====================================================================================== */
/*
	Usage:
		Common CSS3 transition styles.
	
	Demo:
		Style Guide -> Utilities -> Transitions
*/
/* Subtle */
/* line 14, ../sass/partials/utils/placeholders/_transitions.scss */
a, .complex-link__target, .accordion-header, .btn, .btn:before, .btn:after {
  /* Transition */
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

/* Off */
/* line 17, ../sass/partials/utils/placeholders/_transitions.scss */
.hide-visually.skip-link:active, .hide-visually.skip-link:focus {
  /* Transition */
  -webkit-transition: none;
  transition: none;
}

/* Positioning transitions*/
        /*.circle-container {position:relative;width:28em; height:28em;margin:0 auto;}
        .circle-container .disc {position: absolute;top: 50%; left: 50%;margin-left:-4.5em; margin-top:-4.5em;}
        .circle-container .center {margin-left:-7em; margin-top:-7em;}
        .circle-container .center.big {margin-left:-6.5em; margin-top:-6.5em;}

        .deg30 { transform: rotate(30deg) translate(14em) rotate(-30deg);}
        .deg45 { transform: rotate(45deg) translate(14em) rotate(-45deg); }
        .deg90 { transform: rotate(90deg) translate(14em) rotate(-90deg); }
        .deg135 { transform: rotate(135deg) translate(14em) rotate(-135deg); }
        .deg150 { transform: rotate(150deg) translate(14em) rotate(-150deg); }
        .deg180 { transform: translate(-14em); }
        .deg205 { transform: rotate(205deg) translate(14em) rotate(-205deg); }
        .deg225 { transform: rotate(225deg) translate(14em) rotate(-225deg); }
        .deg270 { transform: rotate(270deg) translate(14em) rotate(-270deg); }
        .deg315 { transform: rotate(315deg) translate(14em) rotate(-315deg); }
        .deg330 { transform: rotate(330deg) translate(14em) rotate(-330deg); }

        .circle-container {
            &.big {
                width:34em; height:34em;
                .disc {margin-left:-7em; margin-top:-6em;}
                .deg30 { transform: rotate(30deg) translate(15em) rotate(-30deg);}
                .deg90 { transform: rotate(90deg) translate(15em) rotate(-90deg); }
                .deg150 { transform: rotate(150deg) translate(15em) rotate(-150deg); }
                .deg210 { transform: rotate(210deg) translate(15em) rotate(-210deg); }
                .deg270 { transform: rotate(270deg) translate(15em) rotate(-270deg); }
                .deg330 { transform: rotate(330deg) translate(15em) rotate(-330deg); }
            }
        }*/
/* ======================================================================================
   @UTILS -> PLACEHOLDERS -> ARROWS
   ====================================================================================== */
/*
	Usage: 
		Creates a CSS arrow on a given element, they're 12 locations the arrow can be placed. For full details see the 'Credit' URL.
	
	Demo:
		Style Guide -> Utilities -> Arrows
	
	Credit: 
		https://github.com/csswizardry/inuit.css/blob/master/inuit.css/objects/_arrows.scss
*/
/* Set variables */
/* --Start abstraction-- */
/* Forms the basis for any/all CSS arrows */
/* --Define individual edges so we can combine what we need, when we need-- */
/* Top */
/* Upper */
/* Middle */
/* Lower */
/* Bottom */
/* Near */
/* Left */
/* Center */
/* Right */
/* Far */
/* ======================================================================================
   @UTILS -> PLACEHOLDERS -> BOX SHADOWS
   ====================================================================================== */
/*
	Usage:
		Handy CSS3 box shadow styles.
	
	Demo:
		Style Guide -> Utilities -> Box Shadows
*/
/* --Simple directional box shadows-- */
/* Set variables */
/* Top */
/* Bottom */
/* line 30, ../sass/partials/utils/placeholders/_box-shadows.scss */
.header.header-console, .js .drop-down {
  box-shadow: 0 10px 23px -11px black;
}

/* Right */
/* line 33, ../sass/partials/utils/placeholders/_box-shadows.scss */
.nav-list + .content-box {
  box-shadow: 10px 0 23px -11px black;
}

/* Left */
/* ======================================================================================
   @UTILS -> PLACEHOLDERS -> RESET LISTS
   ====================================================================================== */
/*
	Usage: 
		Simply strips away default styles for unordered and ordered lists i.e. 'reset'.
	
	Demo:
		Style Guide -> Utilities -> Reset Lists
*/
/* line 13, ../sass/partials/utils/placeholders/_reset-lists.scss */
.horiz-list {
  /* Parent + any child lists */
}
/* line 15, ../sass/partials/utils/placeholders/_reset-lists.scss */
.horiz-list,
.horiz-list ul,
.horiz-list ol {
  margin: 0;
  list-style: none;
}

/* Base */
/* ======================================================================================
   @BASE -> FONTS
   ====================================================================================== */
/* 
	Note: all `@font-face` declarations here.
*/
/* [Icons]
-------------------------------------------------------*/
@font-face {
  font-family: 'icons';
  src: url("fonts/icons/icons.eot");
  src: url("fonts/icons/icons.eot?#iefix") format("embedded-opentype"), url("fonts/icons/icons.svg#icomoon") format("svg"), url("fonts/icons/icons.woff") format("woff"), url("fonts/icons/icons.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/*Unique Fonts go here*/
/* ======================================================================================
   @BASE -> MAIN
   ====================================================================================== */
/* line 5, ../sass/partials/base/_main.scss */
html {
  /*font-size: ($font-size/16)+em;*/
  font-size: 1.14286em;
  line-height: 1.5;
  font-weight: 300;
}

/* line 12, ../sass/partials/base/_main.scss */
body {
  background-color: #262626;
  /* Transition */
  -webkit-animation: fade-in 1.5s 0.5s both;
  animation: fade-in 1.5s 0.5s both;
}

/* line 17, ../sass/partials/base/_main.scss */
.main {
  background-color: #fff;
}

/* Animation: fade in the `body` */
@-webkit-keyframes $animation-name {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes $animation-name {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* Set `font-family` and `color` */
/* line 28, ../sass/partials/base/_main.scss */
html,
button,
input,
select,
textarea {
  font-family: "Roboto", Arial, sans-serif;
  color: #000;
}

/* ======================================================================================
   @BASE -> VIEWPORT
   ====================================================================================== */
/* 
	Note: add @viewport rule to future proof (remove if site isn't responsive), leave out `-ms-` prefix, see here: http://nostrongbeliefs.com/why-i-think-we-shouldnt-use-css-viewport-in-ie10-for-now/. 
*/
@-webkit-viewport {
  width: device-width;
}
@-moz-viewport {
  width: device-width;
}
@-o-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
/* ======================================================================================
   @BASE -> LINKS
   ====================================================================================== */
/* line 5, ../sass/partials/base/_links.scss */
a {
  color: #36c;
  text-decoration: none;
  /* Visited */
  /* Hover/Focus */
  /* Make `tel` links not look like links for non-phone devices at this breakpoint */
}
/* line 11, ../sass/partials/base/_links.scss */
a:visited {
  color: #5c85d6;
}
/* line 14, ../sass/partials/base/_links.scss */
a:hover, a:focus {
  color: #7094db;
  text-decoration: underline;
}
@media all and (min-width: 40.0625em) {
  /* line 22, ../sass/partials/base/_links.scss */
  a[href^="tel:"] {
    color: inherit;
    text-decoration: inherit;
    cursor: text;
    /* Pseudo classes */
  }
  /* line 862, ../sass/partials/utils/_mixins.scss */
  a[href^="tel:"]:visited, a[href^="tel:"]:hover, a[href^="tel:"]:focus {
    color: inherit;
  }
  /* line 25, ../sass/partials/base/_links.scss */
  a[href^="tel:"]:focus {
    outline: none;
  }
}

/* line 31, ../sass/partials/base/_links.scss */
.dashboard a {
  text-decoration: none;
  color: #000;
}

/* Print */
@media print {
  /* line 36, ../sass/partials/base/_links.scss */
  a,
  a:visited {
    text-decoration: underline;
  }

  /* Note: this may be redundant? */
  /* Show the `href` and `title` attr values after the element */
  /* line 40, ../sass/partials/base/_links.scss */
  a[href]:after,
  abbr[title]:after {
    font-size: 80%;
    color: gray !important;
  }

  /* line 46, ../sass/partials/base/_links.scss */
  a[href]:after {
    content: " (" attr(href) ")";
  }

  /* line 48, ../sass/partials/base/_links.scss */
  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /* Don't show the `href` attr value for the following */
  /* line 51, ../sass/partials/base/_links.scss */
  .header a[href]:after,
  .url[href]:after,
  a[href^="tel:"]:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
}
/*Break long links in tables*/
/* line 60, ../sass/partials/base/_links.scss */
.content-box a {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  /*-ms-word-break: break-all;
   This is the dangerous one in WebKit, as it breaks things wherever 
  word-break: break-all;*/
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

/* line 79, ../sass/partials/base/_links.scss */
.content-box .slats-body a .h5 {
  hyphens: none;
}

/* line 83, ../sass/partials/base/_links.scss */
.content-box .grid.toc a {
  overflow-wrap: normal;
  word-wrap: normal;
  -ms-word-break: normal;
  word-break: normal;
}

/* ======================================================================================
   @BASE -> LISTS
   ====================================================================================== */
/* [UNORDERED / ORDERED]
-------------------------------------------------------*/
/* line 7, ../sass/partials/base/_lists.scss */
ul,
ol {
  /* Left indent */
}
/* line 12, ../sass/partials/base/_lists.scss */
ul,
ul ul,
ul ol,
ol,
ol ul,
ol ol {
  margin-left: 24px;
  margin-left: 1.5rem;
}

/* [LISTS]
-------------------------------------------------------*/
/* Unordered and Ordered lists via the 'list' class */
/* line 22, ../sass/partials/base/_lists.scss */
.list,
.list ul,
.list ol {
  margin-left: 1rem;
}

/* half indent */
/* line 29, ../sass/partials/base/_lists.scss */
.list-indent-half {
  margin-left: 24px;
  margin-left: 1.5rem;
}

/* unordered bullets */
/* line 34, ../sass/partials/base/_lists.scss */
ul.list {
  list-style: disc;
}

/* line 36, ../sass/partials/base/_lists.scss */
.list ul {
  list-style: circle;
}

/* line 38, ../sass/partials/base/_lists.scss */
.list ul ul {
  list-style: square;
}

/* ordered bullets */
/* line 41, ../sass/partials/base/_lists.scss */
ol.list {
  list-style: decimal;
}

/* line 43, ../sass/partials/base/_lists.scss */
.list ol {
  list-style: lower-alpha;
}

/* line 45, ../sass/partials/base/_lists.scss */
.list ol ol {
  list-style: lower-roman;
}

/*Tick and cross*/
/* line 50, ../sass/partials/base/_lists.scss */
.list-tick li:before, .list-cross li:before {
  font-family: 'icons';
  position: absolute;
  margin-left: -1.5em;
  margin-top: 0.1em;
}

/* line 54, ../sass/partials/base/_lists.scss */
.list-tick li:before {
  content: "\ea10";
}

/* line 60, ../sass/partials/base/_lists.scss */
.list-cross li:before {
  content: "\e902";
}

/* line 63, ../sass/partials/base/_lists.scss */
.quiz {
  list-style: none !important;
  margin-left: 0 !important;
}
/* line 66, ../sass/partials/base/_lists.scss */
.quiz li {
  padding: 0.5em;
}
/* line 69, ../sass/partials/base/_lists.scss */
.quiz li li {
  margin-bottom: 0;
}
/* line 71, ../sass/partials/base/_lists.scss */
.quiz > li:nth-child(even) {
  background-color: rgba(142, 142, 142, 0.1);
}

/* line 76, ../sass/partials/base/_lists.scss */
ol.survey {
  list-style: none;
  margin-left: 0;
}

/*Booklet area*/
/* line 80, ../sass/partials/base/_lists.scss */
.content-box ul {
  list-style: disc;
}
/* line 85, ../sass/partials/base/_lists.scss */
.content-box ol, .content-box ul {
  margin-left: 1em;
}
/* line 87, ../sass/partials/base/_lists.scss */
.content-box ol li, .content-box ul li {
  margin-bottom: 0.5em;
}

/*Quiz*/
/* line 91, ../sass/partials/base/_lists.scss */
.mix-match {
  display: table;
  margin-top: 0.5em;
  max-width: 64em;
}
/* line 95, ../sass/partials/base/_lists.scss */
.mix-match li {
  font-size: 85%;
  min-height: 3.125em;
}
/* line 96, ../sass/partials/base/_lists.scss */
.mix-match .connectedSortable {
  display: table-cell;
  list-style: none;
  vertical-align: top;
}
/* line 101, ../sass/partials/base/_lists.scss */
.mix-match .connectedSortable:first-child {
  padding-right: 1em;
}
/* line 104, ../sass/partials/base/_lists.scss */
.mix-match .question li, .mix-match .answer li {
  border: 1px solid #d4d4d4;
  margin-bottom: 1em;
}
/* line 107, ../sass/partials/base/_lists.scss */
.mix-match .question li {
  width: 17.5em;
  padding: 0.8em 0.5em;
}
/* line 110, ../sass/partials/base/_lists.scss */
.mix-match .answer li {
  padding: 0 0.5em 0.1em 0;
  background-color: rgba(89, 89, 89, 0.1);
}
/* line 111, ../sass/partials/base/_lists.scss */
.mix-match .answer .btn-main {
  display: inline-block;
  float: left;
  height: 3.125em;
  margin-right: 1em;
  color: #fff;
  position: relative;
  padding-left: 0.7em;
}
/* line 119, ../sass/partials/base/_lists.scss */
.mix-match .answer .btn-main .icon-bars {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media all and (max-width: 81.1875em) {
  /* line 128, ../sass/partials/base/_lists.scss */
  .mix-match ul {
    margin-left: 0 !important;
    padding-right: 0 !important;
  }
  /* line 130, ../sass/partials/base/_lists.scss */
  .mix-match .question li {
    width: 100%;
  }
  /* line 132, ../sass/partials/base/_lists.scss */
  .mix-match li {
    font-size: 80%;
    min-height: 3.125em;
  }
  /* line 133, ../sass/partials/base/_lists.scss */
  .mix-match .connectedSortable {
    width: 100%;
    display: block;
  }
  /* line 136, ../sass/partials/base/_lists.scss */
  .mix-match .connectedSortable .btn-main {
    height: 1.875em;
  }
}
@media all and (min-width: 81.25em) and (max-width: 93.6875em) {
  /* line 147, ../sass/partials/base/_lists.scss */
  .mix-match .connectedSortable li {
    height: 4.6875em;
  }
  /* line 148, ../sass/partials/base/_lists.scss */
  .mix-match .connectedSortable .btn-main {
    height: 4.6875em;
  }
  /* line 150, ../sass/partials/base/_lists.scss */
  .mix-match .connectedSortable .btn-main .icon-lrg:before {
    font-size: 1.2rem;
  }
}

/* line 160, ../sass/partials/base/_lists.scss */
.results li {
  padding-left: 2.5em;
}
/* line 162, ../sass/partials/base/_lists.scss */
.results li.result-correct {
  background: transparent no-repeat url(../img/icon/icon-correct.png) 0.5em 0.6em;
}
/* line 165, ../sass/partials/base/_lists.scss */
.results li.result-wrong {
  background: transparent no-repeat url(../img/icon/icon-wrong.png) 0.5em 0.6em;
}
/* line 168, ../sass/partials/base/_lists.scss */
.results li.result-wrong .right {
  color: #22971f;
}
/* line 169, ../sass/partials/base/_lists.scss */
.results li.result-wrong .wrong {
  color: #e94d23;
}
/* line 172, ../sass/partials/base/_lists.scss */
.results li.result-correct ul, .results li.result-wrong ul {
  list-style: none;
  margin-left: 0;
}
/* line 173, ../sass/partials/base/_lists.scss */
.results li.result-correct ul li, .results li.result-wrong ul li {
  padding-left: 0;
}
/* line 177, ../sass/partials/base/_lists.scss */
.results li .result-footer {
  text-align: right;
  background-color: #fff8e7;
}
/* line 180, ../sass/partials/base/_lists.scss */
.results li .result-footer .btn {
  display: inline-block;
  padding: 0.7em 2em;
  background-color: #FFC434;
  color: #000;
  font-weight: bold;
}
/* line 183, ../sass/partials/base/_lists.scss */
.results > li:nth-child(even) {
  background-color: rgba(142, 142, 142, 0.08);
}
/* line 186, ../sass/partials/base/_lists.scss */
.results .result {
  padding: 0.5em 1em 0.5em 2.5em;
}

/* [DEFINITION]
-------------------------------------------------------*/
/*Download PDF*/
/* line 195, ../sass/partials/base/_lists.scss */
.dhtmlgoodies_listMenu {
  max-width: 800px;
}
/* line 197, ../sass/partials/base/_lists.scss */
.dhtmlgoodies_listMenu a {
  font-weight: bold;
  color: #623764;
}
/* line 199, ../sass/partials/base/_lists.scss */
.dhtmlgoodies_listMenu li > ul {
  margin-left: 0 !important;
}
/* line 201, ../sass/partials/base/_lists.scss */
.dhtmlgoodies_listMenu li > ul ul {
  margin-top: 1em;
}
/* line 204, ../sass/partials/base/_lists.scss */
.dhtmlgoodies_listMenu li .form-main-inputs input[type="checkbox"] + label:before {
  padding: 0;
}
/* line 205, ../sass/partials/base/_lists.scss */
.dhtmlgoodies_listMenu li .form-main-inputs input[type="checkbox"]:checked + label {
  font-weight: bold;
}

/* ======================================================================================
   @BASE -> EMBEDDED CONTENT
   ====================================================================================== */
/* 
	1.	Remove the gap between images and the bottom of their containers.
 	2.	Make responsive.
	3.	So that `alt` text is visually offset if images don't load.
*/
/* line 10, ../sass/partials/base/_embedded-content.scss */
img {
  vertical-align: middle;
  /* 1 */
  max-width: 100%;
  /* 2 */
  height: auto;
  /* 2 */
  font-style: italic;
  /* 3 */
}

/* Images in `figure` elements */
/* line 18, ../sass/partials/base/_embedded-content.scss */
figure > img {
  display: block;
}

/* ======================================================================================
   @BASE -> PARAGRAPHS
   ====================================================================================== */
/* ======================================================================================
   @BASE -> HEADINGS
   ====================================================================================== */
/* 
	Note: to target any heading of any level use this generic heading class: `.hn`.
*/
/* Shared */
/* line 10, ../sass/partials/base/_headings.scss */
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  /*@extend %mrg-base;*/
  font-family: "Quicksand", sans-serif;
}

/* H1 */
/* line 21, ../sass/partials/base/_headings.scss */
h1, .h1 {
  font-size: 36px;
  font-size: 2.25rem;
  line-height: 1.33333;
  line-height: 0.9375em;
}

/* H2 */
/* line 27, ../sass/partials/base/_headings.scss */
h2, .h2 {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 1.6;
  line-height: 1.2em;
}

/* H3 */
/* line 33, ../sass/partials/base/_headings.scss */
h3, .h3 {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1;
  margin-bottom: 0.5em;
}

/* H4 */
/* line 39, ../sass/partials/base/_headings.scss */
h4, .h4 {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.2;
}

/* H5 */
/* line 44, ../sass/partials/base/_headings.scss */
h5, .h5 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
}

/* H6 */
/* line 49, ../sass/partials/base/_headings.scss */
h6, .h6 {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.71429;
}

/* line 53, ../sass/partials/base/_headings.scss */
h5, h6 {
  text-transform: capitalize !important;
}

/* line 57, ../sass/partials/base/_headings.scss */
h6 {
  font-style: italic;
}

/* line 61, ../sass/partials/base/_headings.scss */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0.5em;
}

/* ======================================================================================
   @BASE -> TABLES
   ====================================================================================== */
/* line 5, ../sass/partials/base/_tables.scss */
table {
  width: 100%;
}

/* line 10, ../sass/partials/base/_tables.scss */
caption,
th {
  text-align: left;
}

/* line 16, ../sass/partials/base/_tables.scss */
th,
td {
  vertical-align: middle;
  padding: 10px;
}

/* line 22, ../sass/partials/base/_tables.scss */
thead {
  color: #fff;
  background-color: #4dc3cb;
}

/* line 27, ../sass/partials/base/_tables.scss */
tfoot {
  background-color: #E5E5E5;
}

/* Striped */
/* line 32, ../sass/partials/base/_tables.scss */
.table-striped tbody tr:nth-of-type(even) {
  background-color: #F7F7F7;
}

/* Print */
@media print {
  /* line 39, ../sass/partials/base/_tables.scss */
  thead {
    display: table-header-group;
  }
}
/*CSS tables*/
@media all and (min-width: 40.0625em) {
  /* line 46, ../sass/partials/base/_tables.scss */
  .grid-table {
    display: table;
    width: 100%;
  }
  /* line 51, ../sass/partials/base/_tables.scss */
  .grid-table .grid-table-row {
    display: table-row;
  }
  /* line 54, ../sass/partials/base/_tables.scss */
  .grid-table .grid-table-row .grid-item-cell {
    display: table-cell;
    vertical-align: top;
  }
}

/*Table content*/
/* line 65, ../sass/partials/base/_tables.scss */
.content-box table th.h4 {
  background-color: #69b245;
  color: #fff;
  font-weight: bold;
}
/* line 70, ../sass/partials/base/_tables.scss */
.content-box table td, .content-box table th {
  padding: 0.3em;
  vertical-align: top;
}

/*Training module table*/
/* line 80, ../sass/partials/base/_tables.scss */
.training-table th {
  background-color: #FFC434;
}
/* line 84, ../sass/partials/base/_tables.scss */
.training-table th, .training-table td {
  border: 1px solid #fff;
  padding: 0.2em 0.5em;
}
/* line 89, ../sass/partials/base/_tables.scss */
.training-table td {
  background-color: rgba(255, 216, 121, 0.1);
}

/*Table Admin*/
/* line 95, ../sass/partials/base/_tables.scss */
.table-admin {
  /*a{color:#fff;}*/
}
/* line 97, ../sass/partials/base/_tables.scss */
.table-admin .mild {
  border: 0.3em solid #a2c964;
}
/* line 101, ../sass/partials/base/_tables.scss */
.table-admin .med {
  border: 0.3em solid #fcc215;
}
/* line 105, ../sass/partials/base/_tables.scss */
.table-admin .strong {
  border: 0.3em solid #d82028;
}
/* line 109, ../sass/partials/base/_tables.scss */
.table-admin tr {
  /* Zebra striping */
}
/* line 111, ../sass/partials/base/_tables.scss */
.table-admin tr:nth-of-type(odd) {
  background: #f2f2f2;
}
/* line 115, ../sass/partials/base/_tables.scss */
.table-admin tr th {
  padding: 0.5em;
  color: #fff;
  background-color: #143b49;
}
/* line 120, ../sass/partials/base/_tables.scss */
.table-admin tr th.sort-handle-heading {
  width: 0.5em;
}
/* line 125, ../sass/partials/base/_tables.scss */
.table-admin tr td {
  text-align: left;
  padding: 0.5em;
}
/* line 129, ../sass/partials/base/_tables.scss */
.table-admin tr td h6 {
  color: #000;
  font-weight: bold;
  margin-bottom: 0;
}
/* line 134, ../sass/partials/base/_tables.scss */
.table-admin tr td h6.is-child {
  font-weight: normal;
}
/* line 137, ../sass/partials/base/_tables.scss */
.table-admin tr td h6.is-child .icon-caret-down:before {
  margin-right: 0;
  -ms-transform: rotate(45deg);
  /* IE 9 */
  -webkit-transform: rotate(45deg);
  /* Chrome, Safari, Opera */
  transform: rotate(45deg);
}
/* line 147, ../sass/partials/base/_tables.scss */
.table-admin tr td.sort-handle span {
  text-align: left;
}
/* line 154, ../sass/partials/base/_tables.scss */
.table-admin .form-main-inputs {
  margin-left: 0;
}
@media all and (max-width: 81.25em) {
  /* line 159, ../sass/partials/base/_tables.scss */
  .table-admin td {
    display: block;
  }
}
@media all and (max-width: 81.25em) {
  /* line 95, ../sass/partials/base/_tables.scss */
  .table-admin {
    display: block;
    /* Force table to not be like tables anymore */
    /* Hide table headers (but not display: none;, for accessibility) */
    /*Label the data*/
  }
  /* line 168, ../sass/partials/base/_tables.scss */
  .table-admin.chart .h5 {
    font-size: 1.2em;
    background-color: #1b5d80;
    color: #fff;
  }
  /* line 174, ../sass/partials/base/_tables.scss */
  .table-admin.chart tr {
    margin-bottom: 1em;
  }
  /* line 181, ../sass/partials/base/_tables.scss */
  .table-admin thead, .table-admin tbody, .table-admin th, .table-admin td, .table-admin tr {
    display: block;
  }
  /* line 185, ../sass/partials/base/_tables.scss */
  .table-admin thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  /* line 191, ../sass/partials/base/_tables.scss */
  .table-admin td {
    /* Behave  like a "row" */
    border: none;
    position: relative;
    padding: 0.3em !important;
    clear: both;
    min-height: 40px;
  }
  /* line 199, ../sass/partials/base/_tables.scss */
  .table-admin td.sort-handle {
    display: none;
  }
  /* line 203, ../sass/partials/base/_tables.scss */
  .table-admin td:before {
    font-weight: bold;
    padding-right: 10px;
    white-space: nowrap;
  }
  /* line 210, ../sass/partials/base/_tables.scss */
  .table-admin td[data-th]:before {
    content: attr(data-th) ": ";
    display: inline-block;
  }
  /* line 215, ../sass/partials/base/_tables.scss */
  .table-admin td.title:before {
    content: "Title:";
  }
  /* line 219, ../sass/partials/base/_tables.scss */
  .table-admin td.description:before {
    content: "Description:";
  }
  /* line 223, ../sass/partials/base/_tables.scss */
  .table-admin td.date:before {
    content: "Date Created:";
  }
  /* line 227, ../sass/partials/base/_tables.scss */
  .table-admin td.toolbar:before {
    content: "Option:";
  }
  /* line 232, ../sass/partials/base/_tables.scss */
  .table-admin.page-level thead tr {
    position: unset;
  }
  /* line 235, ../sass/partials/base/_tables.scss */
  .table-admin.page-level thead tr .sort-handle-heading, .table-admin.page-level thead tr .toolbar-4-items {
    display: none;
  }
}
@media all and (min-width: 47.5625em) {
  /* line 243, ../sass/partials/base/_tables.scss */
  .table-admin .toolbar-6-items {
    width: 11.875em;
  }
  /* line 247, ../sass/partials/base/_tables.scss */
  .table-admin .toolbar-5-items {
    width: 9.6875em;
  }
  /* line 251, ../sass/partials/base/_tables.scss */
  .table-admin .toolbar-4-items {
    width: 8.4375em;
  }
  /* line 255, ../sass/partials/base/_tables.scss */
  .table-admin .toolbar-3-items {
    width: 6.25em;
  }
  /* line 259, ../sass/partials/base/_tables.scss */
  .table-admin .toolbar-2-items, .table-admin .toolbar-1-items {
    width: 5em;
  }
}

/* line 265, ../sass/partials/base/_tables.scss */
.toolbar {
  min-width: 4.5em;
  float: left;
  display: flex;
}
/* line 269, ../sass/partials/base/_tables.scss */
.toolbar a, .toolbar input {
  margin-right: 0.3em;
}

/*Table Message*/
/* line 274, ../sass/partials/base/_tables.scss */
.table-message tr {
  cursor: pointer;
}

/*Table Responsive*/
/* line 281, ../sass/partials/base/_tables.scss */
.table-responsive td[scope="row"] {
  padding: 0.3em;
}
@media all and (max-width: 64em) {
  /* line 287, ../sass/partials/base/_tables.scss */
  .table-responsive tr.list-row:nth-child(odd) td {
    background-color: #e3e3e3;
  }
  /* line 292, ../sass/partials/base/_tables.scss */
  .table-responsive th, .table-responsive tfoot {
    display: none;
  }
  /* line 296, ../sass/partials/base/_tables.scss */
  .table-responsive td {
    display: block;
    text-align: left !important;
  }
  /* line 300, ../sass/partials/base/_tables.scss */
  .table-responsive td:first-child {
    padding-top: .5em;
  }
  /* line 304, ../sass/partials/base/_tables.scss */
  .table-responsive td:last-child {
    padding-bottom: .5em;
  }
  /* line 308, ../sass/partials/base/_tables.scss */
  .table-responsive td:before {
    content: attr(data-hr) ": ";
    font-weight: bold;
    width: 50%;
    display: inline-block;
  }
  /* line 315, ../sass/partials/base/_tables.scss */
  .table-responsive td.sidehead {
    background-color: #69b245;
    color: #fff;
  }
  /* line 316, ../sass/partials/base/_tables.scss */
  .table-responsive td.sidehead:before {
    content: "";
    width: 0;
  }
  /* line 326, ../sass/partials/base/_tables.scss */
  .table-responsive td[data-hr="Title"] h6 {
    display: inline-block;
  }
  /* line 331, ../sass/partials/base/_tables.scss */
  .table-responsive td[data-hr="Options"]:before {
    content: "";
  }
  /* line 335, ../sass/partials/base/_tables.scss */
  .table-responsive td[data-hr="Options"]:after {
    display: table;
  }
  /* line 339, ../sass/partials/base/_tables.scss */
  .table-responsive td[scope="row"]:before, .table-responsive td[scope="options"]:before {
    content: "";
    width: 0;
  }
  /* line 344, ../sass/partials/base/_tables.scss */
  .table-responsive td label:before {
    top: -0.7em !important;
  }
}
/* line 352, ../sass/partials/base/_tables.scss */
.table-responsive.table-no-header td:before {
  content: attr(data-hr) " ";
  width: 0;
}

/* line 361, ../sass/partials/base/_tables.scss */
table.no-padding td {
  padding: 0;
  vertical-align: middle;
}
/* line 363, ../sass/partials/base/_tables.scss */
table.no-padding td span {
  padding-left: 0.5em;
  display: inline-block;
}
@media all and (max-width: 40em) {
  /* line 366, ../sass/partials/base/_tables.scss */
  table.no-padding span {
    font-size: 0.7em;
  }
}

/* line 370, ../sass/partials/base/_tables.scss */
table.separated {
  border-collapse: separate;
  border-spacing: 0.2em;
}

/*Sticky header table scroll*/
/* line 376, ../sass/partials/base/_tables.scss */
.table-response {
  z-index: 99;
  padding: 0 !important;
  width: 100%;
  max-width: 93.75rem;
}
@media all and (max-width: 120em) {
  /* line 376, ../sass/partials/base/_tables.scss */
  .table-response {
    width: 90%;
  }
}

/* ======================================================================================
   @BASE -> QUOTES
   ====================================================================================== */
/* [INLINE]
-------------------------------------------------------*/
/* line 7, ../sass/partials/base/_quotes.scss */
q {
  quotes: "\2018" "\2019" "\201C" "\201D";
  /* Pseudo elements */
  /* Nested */
}
/* line 11, ../sass/partials/base/_quotes.scss */
q:before {
  content: "\2018";
  /* Left single quotation mark */
  content: open-quote;
}
/* line 16, ../sass/partials/base/_quotes.scss */
q:after {
  content: "\2019";
  /* Right single quotation mark */
  content: close-quote;
}
/* line 23, ../sass/partials/base/_quotes.scss */
q q:before {
  content: "\201C";
  /* Left double quotation mark */
  content: open-quote;
}
/* line 28, ../sass/partials/base/_quotes.scss */
q q:after {
  content: "\201D";
  /* Right double quotation mark */
  content: close-quote;
}

/* [BLOCK]
-------------------------------------------------------*/
/* line 37, ../sass/partials/base/_quotes.scss */
blockquote {
  font-family: "Quicksand", sans-serif;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1;
  font-style: italic;
  color: #262626;
  position: relative;
  padding-left: 1em;
  padding-right: 1em;
  line-height: 1.4em;
}
/* line 48, ../sass/partials/base/_quotes.scss */
blockquote:before {
  content: "\201C";
  font-family: Arial, Helvetica, sans-serif;
  font-size: 70px;
  font-size: 4.375rem;
  line-height: 1.02857;
  font-weight: bold;
  font-style: normal;
  speak: none;
  position: absolute;
  top: -0.1em;
  left: -0.1em;
}
@media all and (max-width: 47.9375em) {
  /* line 37, ../sass/partials/base/_quotes.scss */
  blockquote {
    font-size: 1em;
  }
}

/* line 64, ../sass/partials/base/_quotes.scss */
.quote {
  margin-left: 2.875em;
  padding: 1.5em 0;
  /* Reduce the width and center align at this breakpoint */
  /* Source */
}
@media all and (min-width: 48em) {
  /* line 64, ../sass/partials/base/_quotes.scss */
  .quote {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
}
/* line 76, ../sass/partials/base/_quotes.scss */
.quote blockquote {
  font-family: Baskerville, "Hoefler Text", Garamond, "Times New Roman", serif;
  font-style: italic;
  color: #262626;
  position: relative;
  quotes: none;
  padding-left: 0;
  padding-right: 0;
  /* Increase the font size at this breakpoint */
  /* Pseudo element - left double quotation mark  */
  /* Nested paragraphs */
}
@media all and (min-width: 48em) {
  /* line 76, ../sass/partials/base/_quotes.scss */
  .quote blockquote {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.33333;
  }
}
/* line 92, ../sass/partials/base/_quotes.scss */
.quote blockquote:before {
  content: "\201C";
  font-family: Arial, Helvetica, sans-serif;
  font-size: 70px;
  font-size: 4.375rem;
  line-height: 1.02857;
  font-weight: bold;
  font-style: normal;
  speak: none;
  position: absolute;
  top: -0.28em;
  left: -0.7em;
  /* Increase the font size and offsets at this breakpoint */
}
@media all and (min-width: 48em) {
  /* line 92, ../sass/partials/base/_quotes.scss */
  .quote blockquote:before {
    font-size: 130px;
    font-size: 8.125rem;
    line-height: 1.10769;
    top: -0.23077em;
    left: -0.53846em;
  }
}
/* line 112, ../sass/partials/base/_quotes.scss */
.quote blockquote p {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
/* line 118, ../sass/partials/base/_quotes.scss */
.quote figcaption {
  color: gray;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.71429;
  /* Pseudo element - em dash */
}
/* line 123, ../sass/partials/base/_quotes.scss */
.quote figcaption:before {
  content: "\2014";
}

/* line 129, ../sass/partials/base/_quotes.scss */
.quote-double blockquote {
  /* Pseudo element - right double quotation mark  */
}
/* line 131, ../sass/partials/base/_quotes.scss */
.quote-double blockquote:after {
  content: "\201D";
  font-family: Arial, Helvetica, sans-serif;
  font-size: 70px;
  font-size: 4.375rem;
  line-height: 1.02857;
  font-weight: bold;
  font-style: normal;
  speak: none;
  position: absolute;
  bottom: -0.5em;
  left: 100%;
  /* Increase the font size and offsets at this breakpoint */
}
@media all and (min-width: 48em) {
  /* line 131, ../sass/partials/base/_quotes.scss */
  .quote-double blockquote:after {
    font-size: 130px;
    font-size: 8.125rem;
    line-height: 1.10769;
    bottom: -0.75em;
  }
}
@media all and (max-width: 47.9375em) {
  /* line 127, ../sass/partials/base/_quotes.scss */
  .quote-double {
    margin-right: 2.875em;
  }
}

/*Case Study*/
/* line 157, ../sass/partials/base/_quotes.scss */
.case-study {
  background-color: #f6f0f7;
}

/*tooltips*/
/* line 162, ../sass/partials/base/_quotes.scss */
.js-tooltip.glossary {
  color: #69b245;
}

/* ======================================================================================
   @BASE -> TEXT SELECTION
   ====================================================================================== */
/* Firefox */
/* line 6, ../sass/partials/base/_text-selection.scss */
::-moz-selection {
  background: #1b5d80;
  text-shadow: none;
  color: #fff;
}

/* Everyone else */
/* line 13, ../sass/partials/base/_text-selection.scss */
::selection {
  background: #1b5d80;
  text-shadow: none;
  color: #fff;
}

/* ======================================================================================
   @BASE -> MISCELLANEOUS
   ====================================================================================== */
/* [HORIZONTAL RULE]
-------------------------------------------------------*/
/* line 7, ../sass/partials/base/_misc.scss */
hr {
  /*@extend %mrg-base;*/
  display: block;
  height: 1px;
  border: 0;
  border-top: 0.0625em solid gray;
  padding: 0;
  position: relative;
  	/* Pesudo element for a more stylised `hr` 
  	&:after {
          content: "\2767";
          position: absolute;
          top: 0;
          right: 0;
          left: 0;
          line-height: 0;
          text-align: center;
  		color: $color-grey-light;
      }*/
}

/* [ABBREVIATION]
-------------------------------------------------------*/
/* line 31, ../sass/partials/base/_misc.scss */
abbr[title] {
  cursor: help;
}

/* [INSERT]
-------------------------------------------------------*/
/* line 35, ../sass/partials/base/_misc.scss */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* [PRE]
-------------------------------------------------------*/
/* [ADDRESS/EM]
-------------------------------------------------------*/
/* line 47, ../sass/partials/base/_misc.scss */
address {
  font-style: normal;
}

/* [SMALL]
-------------------------------------------------------*/
/* line 51, ../sass/partials/base/_misc.scss */
small {
  font-size: 100%;
}

/* [CANVAS]
-------------------------------------------------------*/
/* Set the default behavior for touch-based browsing in IE 10 on devices running Windows 8 */
/* line 56, ../sass/partials/base/_misc.scss */
canvas {
  -ms-touch-action: double-tap-zoom;
}

/* ======================================================================================
   @BASE -> SKIP LINK
   ====================================================================================== */
/*
	Usage: 
		An accessibility feature to allow assistive technology users e.g. screen readers to easily skip to the main content, also assists keyboard users.
	
	Demo:
		Insert cursor in the browser address bar then start tabbing, it's the first tab stop in the site.
*/
/* line 13, ../sass/partials/base/_skip-link.scss */
.hide-visually.skip-link {
  /* Pseudo classes */
}
/* line 15, ../sass/partials/base/_skip-link.scss */
.hide-visually.skip-link:active, .hide-visually.skip-link:focus {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2147483647;
  width: 100%;
  padding: 0.5em 0;
  background-color: rgba(27, 93, 128, 0.9);
  color: #fff;
  text-decoration: none;
  box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.4);
  text-align: center;
  font-weight: 700;
  height: auto;
  overflow: visible;
  clip: auto;
  margin: 0;
}

/* Layout */
/* ======================================================================================
   @LAYOUT -> ALTERNATING FLOATED ELEMENTS 
   ====================================================================================== 
   
   This allows for a two column page with multiple rows, where one column has an image and the other has text. Can be typically used for services info page.
   In the HTML, the image and text remain the same structure for each row, but the float will be different for each row, to create alternating floated divs.
   */
@media all and (min-width: 40.0625em) {
  /* line 10, ../sass/partials/layout/_alternate-float.scss */
  .img_left-text_right .img {
    float: left;
  }
}
@media all and (min-width: 40.0625em) {
  /* line 16, ../sass/partials/layout/_alternate-float.scss */
  .img_left-text_right .text {
    float: right;
  }
}

@media all and (min-width: 40.0625em) {
  /* line 25, ../sass/partials/layout/_alternate-float.scss */
  .img_right-text_left .img {
    float: right;
    text-align: right;
  }
}
@media all and (min-width: 40.0625em) {
  /* line 32, ../sass/partials/layout/_alternate-float.scss */
  .img_right-text_left .text {
    float: left;
  }
}

/* ======================================================================================
   @LAYOUT -> CONTAINERS
   ====================================================================================== */
/* line 5, ../sass/partials/layout/_containers.scss */
.container {
  width: 90%;
  /*@include to-rem(min-width, 280);*/
  max-width: 1500px;
  max-width: 93.75rem;
  margin: 0 auto;
  /* Print */
}
@media print {
  /* line 5, ../sass/partials/layout/_containers.scss */
  .container {
    width: auto;
  }
}

/* line 16, ../sass/partials/layout/_containers.scss */
.container-padding {
  padding: 2em 0;
}

@media all and (max-width: 40em) {
  /* line 22, ../sass/partials/layout/_containers.scss */
  article[role="article"] .container {
    width: 100%;
  }
}
/*Blue-green panel*/
/* line 29, ../sass/partials/layout/_containers.scss */
.panel-grad {
  background: url("img/bg-second-1.png") no-repeat 50% 0;
  background-size: 120%;
  position: relative;
  color: #fff !important;
  padding: 1em 0;
}
/* line 36, ../sass/partials/layout/_containers.scss */
.panel-grad:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #5cbf85;
  background: -moz-linear-gradient(left, #5cbf85 0%, rgba(36, 102, 164, 0.7) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(92, 191, 133, 0.7)), color-stop(100%, #2466a4));
  background: -webkit-linear-gradient(left, #5cbf85 0%, rgba(36, 102, 164, 0.7) 100%);
  background: -o-linear-gradient(left, #5cbf85 0%, rgba(36, 102, 164, 0.7) 100%);
  background: -ms-linear-gradient(left, #5cbf85 0%, rgba(36, 102, 164, 0.7) 100%);
  background: linear-gradient(to right, #5cbf85 0%, rgba(36, 102, 164, 0.7) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5cbf85', endColorstr='#2466a4', GradientType=1 );
}
/* line 53, ../sass/partials/layout/_containers.scss */
.panel-grad h1 {
  position: relative;
  font-weight: bold;
}
@media all and (min-width: 90.0625em) {
  /* line 29, ../sass/partials/layout/_containers.scss */
  .panel-grad {
    height: 7.5em !important;
  }
}
@media all and (max-width: 90em) {
  /* line 29, ../sass/partials/layout/_containers.scss */
  .panel-grad {
    height: 5.1875em !important;
  }
}
@media all and (max-width: 63.9375em) {
  /* line 29, ../sass/partials/layout/_containers.scss */
  .panel-grad {
    height: 2.6875em !important;
  }
}
@media all and (max-width: 40em) {
  /* line 29, ../sass/partials/layout/_containers.scss */
  .panel-grad {
    height: 2.6875em !important;
  }
}
/* line 75, ../sass/partials/layout/_containers.scss */
.panel-grad.panel-grad-public {
  height: 4.375em !important;
}

/*Guidelines section*/
@media all and (min-width: 40.0625em) and (max-width: 63.9375em) {
  /* line 84, ../sass/partials/layout/_containers.scss */
  .guidelines .nav-list, .training .nav-list {
    width: 65%;
  }
}
@media all and (min-width: 64em) and (max-width: 81.1875em) {
  /* line 90, ../sass/partials/layout/_containers.scss */
  .guidelines .nav-list, .training .nav-list {
    width: 33%;
  }
  /* line 94, ../sass/partials/layout/_containers.scss */
  .guidelines .content-box, .training .content-box {
    width: 67%;
  }
  /* line 98, ../sass/partials/layout/_containers.scss */
  .guidelines .content-box.non-palm-one-whole, .training .content-box.non-palm-one-whole {
    width: 100%;
  }
}

/* line 104, ../sass/partials/layout/_containers.scss */
.guidelines {
  position: relative;
}
/* line 107, ../sass/partials/layout/_containers.scss */
.guidelines .toolbox {
  position: absolute;
  right: -2.9em;
}
/* line 111, ../sass/partials/layout/_containers.scss */
.guidelines .toolbox .edit, .guidelines .toolbox .print, .guidelines .toolbox .bookmark {
  margin-bottom: 0.5em;
}
/* line 114, ../sass/partials/layout/_containers.scss */
.guidelines .toolbox .edit a, .guidelines .toolbox .print a, .guidelines .toolbox .bookmark a {
  display: block;
  padding: 0.5em;
  opacity: 0.8;
}
/* line 119, ../sass/partials/layout/_containers.scss */
.guidelines .toolbox .edit a:hover, .guidelines .toolbox .print a:hover, .guidelines .toolbox .bookmark a:hover {
  opacity: 1;
}
/* line 125, ../sass/partials/layout/_containers.scss */
.guidelines .toolbox .edit a {
  background-color: #1b5d80;
}
/* line 129, ../sass/partials/layout/_containers.scss */
.guidelines .toolbox .print a {
  background-color: #23a5b3;
}
/* line 133, ../sass/partials/layout/_containers.scss */
.guidelines .toolbox .bookmark a {
  background-color: #1880ae;
}
/* line 138, ../sass/partials/layout/_containers.scss */
.guidelines .toolbox + .island {
  margin-bottom: 0;
}
/* line 142, ../sass/partials/layout/_containers.scss */
.guidelines .content-box {
  font-size: 0.95rem;
}
@media all and (max-width: 40em) {
  /* line 147, ../sass/partials/layout/_containers.scss */
  .guidelines .toolbox {
    display: none;
  }
  /* line 152, ../sass/partials/layout/_containers.scss */
  .guidelines .content-box .h4 {
    font-size: 1rem;
  }
  /* line 157, ../sass/partials/layout/_containers.scss */
  .guidelines .toolbox + .island {
    padding: 0.5rem;
  }
}

/* line 163, ../sass/partials/layout/_containers.scss */
.nav-list:before {
  content: "";
  display: block;
}

/*Menu list*/
/* line 169, ../sass/partials/layout/_containers.scss */
.nav-list {
  font-size: 0.875em;
  background-color: #fff;
  -webkit-box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.25);
}
/* line 180, ../sass/partials/layout/_containers.scss */
.nav-list a {
  color: #262626;
}
/* line 188, ../sass/partials/layout/_containers.scss */
.nav-list ul.nav li a {
  display: block;
  padding: 0.5em 0.5em 0.5em 4em;
  font-size: 0.85em;
  background: transparent url(img/icon/menu-circle.png) no-repeat 2.5em 0.75em;
}
/* line 194, ../sass/partials/layout/_containers.scss */
.nav-list ul.nav li a:hover {
  font-weight: bold;
  color: #143b49;
  background-image: url(img/icon/menu-circle-closed.png);
  text-decoration: none;
}
/* line 203, ../sass/partials/layout/_containers.scss */
.nav-list ul.nav li.is-visited > a {
  background-image: url(img/icon/menu-circle-complete-tick.png);
}
/* line 209, ../sass/partials/layout/_containers.scss */
.nav-list ul.nav li.is-active > a, .nav-list ul.nav li.expand > a {
  font-weight: bold;
  color: #143b49;
  background-image: url(img/icon/menu-circle-closed.png);
}
/* line 217, ../sass/partials/layout/_containers.scss */
.nav-list ul.nav ul {
  background-color: #f2f2f2;
  margin-left: 0;
}
/* line 222, ../sass/partials/layout/_containers.scss */
.nav-list ul.nav ul li a {
  padding-left: 5.5em;
  background-position-x: 4em;
}
/* line 227, ../sass/partials/layout/_containers.scss */
.nav-list ul.nav ul li ul {
  background-color: #e6e6e6;
}
/* line 231, ../sass/partials/layout/_containers.scss */
.nav-list ul.nav ul li ul li a {
  padding-left: 7em;
  background-position-x: 5.5em;
}
/* line 241, ../sass/partials/layout/_containers.scss */
.nav-list .navlist-heading {
  margin-bottom: 0;
  padding: 0.85em 0 0.85em 1.5em;
  background-color: #69b245;
  color: #fff;
  font-weight: bold;
}
/* line 250, ../sass/partials/layout/_containers.scss */
.nav-list .navlist-heading.h5-back .icon-play:before {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
  top: -2px;
}
@media all and (max-width: 90em) {
  /* line 241, ../sass/partials/layout/_containers.scss */
  .nav-list .navlist-heading {
    padding: 0.5em 0 0.5em 1.3em;
  }
}
/* line 266, ../sass/partials/layout/_containers.scss */
.nav-list .nav {
  margin-left: 0;
  margin-bottom: 2em;
  position: relative;
}
/* line 272, ../sass/partials/layout/_containers.scss */
.nav-list .download {
  background-color: #1b5d80;
  padding: 0.55em 0 0.6em 0;
  text-align: center;
  position: relative;
}
/* line 278, ../sass/partials/layout/_containers.scss */
.nav-list .download a {
  color: #fff;
  font-family: "Quicksand", sans-serif;
}
/* line 282, ../sass/partials/layout/_containers.scss */
.nav-list .download a .icon {
  font-size: 1.625em;
}

/* line 289, ../sass/partials/layout/_containers.scss */
.paging {
  position: absolute;
  right: 0;
  top: 0;
}
/* line 294, ../sass/partials/layout/_containers.scss */
.paging .btn {
  padding: 1.85em;
  text-transform: uppercase;
  color: white;
}
/* line 300, ../sass/partials/layout/_containers.scss */
.paging .btn:hover {
  text-decoration: underline;
  color: white;
}
/* line 305, ../sass/partials/layout/_containers.scss */
.paging .btn.next {
  background: #69b245 url(img/icon/icon-next.png) no-repeat center center;
  background-size: 60%;
}
/* line 310, ../sass/partials/layout/_containers.scss */
.paging .btn.prev {
  background: #69b245 url(img/icon/icon-prev.png) no-repeat center center;
  background-size: 60%;
}
@media all and (max-width: 90em) {
  /* line 317, ../sass/partials/layout/_containers.scss */
  .paging .btn {
    padding: 1.35em;
  }
}
@media all and (max-width: 40em) {
  /* line 289, ../sass/partials/layout/_containers.scss */
  .paging {
    top: -2.8em;
  }
  /* line 325, ../sass/partials/layout/_containers.scss */
  .paging .btn {
    padding: 1.4em;
  }
}

/* line 333, ../sass/partials/layout/_containers.scss */
.content-box p {
  margin-bottom: 1em;
}
/* line 337, ../sass/partials/layout/_containers.scss */
.content-box .heading {
  padding: 1em 8em 1em 1em;
  background-color: #143b49;
}
/* line 342, ../sass/partials/layout/_containers.scss */
.content-box .heading .h4 {
  margin-bottom: 0;
  display: inline-block;
  font-weight: bold;
}
/* line 348, ../sass/partials/layout/_containers.scss */
.content-box .heading .h4, .content-box .heading a {
  color: #fff;
}
/* line 354, ../sass/partials/layout/_containers.scss */
.content-box .heading a:hover {
  text-decoration: underline;
}
/* line 358, ../sass/partials/layout/_containers.scss */
.content-box .heading a.btn-transparent {
  margin-top: 1em;
  display: block;
}
/* line 365, ../sass/partials/layout/_containers.scss */
.content-box .toc .h5, .content-box .footer {
  background-color: #f2f2f2;
}
/* line 369, ../sass/partials/layout/_containers.scss */
.content-box .key-points-heading {
  padding: 1em 1em 1em 1.5em;
  background-color: rgba(31, 125, 172, 0.4);
  color: #262626;
}
/* line 375, ../sass/partials/layout/_containers.scss */
.content-box .key-points {
  background-color: rgba(31, 125, 172, 0.1);
}
/* line 378, ../sass/partials/layout/_containers.scss */
.content-box .key-points ul {
  margin-left: 1.6em;
}
/* line 382, ../sass/partials/layout/_containers.scss */
.content-box .key-points + h2 {
  margin-top: 1.5em;
}
/* line 388, ../sass/partials/layout/_containers.scss */
.content-box .toc a:hover {
  text-decoration: none;
}
/* line 392, ../sass/partials/layout/_containers.scss */
.content-box .toc .h5 {
  padding: 0 0.5em;
  color: #262626;
  text-transform: none;
  font-size: 0.9em;
  font-weight: bold;
  display: table-cell;
  vertical-align: middle;
}
/* line 401, ../sass/partials/layout/_containers.scss */
.content-box .toc .h5:hover {
  background-color: #1a5a7c;
  color: #fff;
}
/* line 407, ../sass/partials/layout/_containers.scss */
.content-box .toc .icon {
  background-color: #143b49;
  color: #fff;
  /*padding: 0.9em 0.7em 1.1em 1.4em;*/
  margin-right: 1.5em;
  /*float: left;*/
  display: table-cell;
  width: 3.5em;
  height: 3.5em;
  vertical-align: middle;
  text-align: center;
}
/* line 419, ../sass/partials/layout/_containers.scss */
.content-box .toc .icon:before {
  margin-right: 0;
}
/* line 425, ../sass/partials/layout/_containers.scss */
.content-box .footer {
  text-align: right;
  min-height: 2.8125em;
}
/* line 429, ../sass/partials/layout/_containers.scss */
.content-box .footer .btn {
  padding: 2em;
  text-transform: uppercase;
  color: white;
}
/* line 435, ../sass/partials/layout/_containers.scss */
.content-box .footer .btn:hover {
  text-decoration: underline;
  color: white;
}
/* line 440, ../sass/partials/layout/_containers.scss */
.content-box .footer .btn.next {
  background: #69b245 url(img/icon/icon-next.png) no-repeat center center;
  background-size: 60%;
}
/* line 445, ../sass/partials/layout/_containers.scss */
.content-box .footer .btn.prev {
  background: #69b245 url(img/icon/icon-prev.png) no-repeat center center;
  background-size: 60%;
}
/* line 453, ../sass/partials/layout/_containers.scss */
.content-box.pdf-download .btn-main, .content-box.pdf-download .btn-sml, .content-box.worksheets .btn-main, .content-box.worksheets .btn-sml {
  border: 0;
  color: #fff !important;
  background-image: none;
  background-color: #623764 !important;
}
@media all and (max-width: 90em) {
  /* line 462, ../sass/partials/layout/_containers.scss */
  .content-box .heading {
    padding: 0.5em 6em 0.5em 1em;
  }
}

/*Messages*/
/* line 470, ../sass/partials/layout/_containers.scss */
.message-body.island-body {
  padding: 1.5rem;
}
/* line 475, ../sass/partials/layout/_containers.scss */
.message-body .message-toolbar .btn {
  margin-right: 0.35em;
}

/*Survey*/
@media all and (min-width: 90em) {
  /* line 484, ../sass/partials/layout/_containers.scss */
  .survey-tile .non-palm-two-thirds {
    position: relative;
    top: -2.8em;
  }
}
@media all and (max-width: 64em) {
  /* line 491, ../sass/partials/layout/_containers.scss */
  .survey-tile .non-palm-two-thirds {
    width: 100%;
  }
}
@media all and (max-width: 40em) {
  /* line 496, ../sass/partials/layout/_containers.scss */
  .survey-tile.container {
    width: 100%;
  }
  /* line 498, ../sass/partials/layout/_containers.scss */
  .survey-tile.container .island {
    padding: 1em;
  }
}

/* line 504, ../sass/partials/layout/_containers.scss */
.message-body {
  background-color: #fff;
  text-align: left;
}
/* line 508, ../sass/partials/layout/_containers.scss */
.message-body .message-toolbar {
  border-radius: 0;
}
/* line 511, ../sass/partials/layout/_containers.scss */
.message-body .message-toolbar .btn {
  border: 0;
}
/* line 516, ../sass/partials/layout/_containers.scss */
.message-body .message-content {
  padding: 1.5em;
}
/* line 519, ../sass/partials/layout/_containers.scss */
.message-body .message-bar {
  background-color: #143b49;
  color: #fff;
}
/* line 524, ../sass/partials/layout/_containers.scss */
.message-body .message-header {
  position: relative;
  background-color: #f2f2f2;
  margin-bottom: 0;
}
/* line 529, ../sass/partials/layout/_containers.scss */
.message-body .message-header .message-flag {
  position: absolute;
  right: 0;
  top: 2.5em;
}
/* line 534, ../sass/partials/layout/_containers.scss */
.message-body .message-header .message-flag .icon:before {
  font-size: 2em;
}
@media all and (max-width: 40em) {
  /* line 541, ../sass/partials/layout/_containers.scss */
  .message-body .def-list_desc {
    margin-bottom: 1em;
  }
}

/*Highlighted box in the booklet*/
/* line 2, ../sass/partials/layout/_custom.scss */
.highlight, .highlight2, .highlight3 {
  color: #fff;
  border-radius: 0.3em;
}

/* line 7, ../sass/partials/layout/_custom.scss */
.highlight {
  background-color: #69b245;
  font-size: 1.2em;
}
/* line 10, ../sass/partials/layout/_custom.scss */
.highlight.h5 {
  font-family: 'Roboto',sans-serif;
  letter-spacing: 1px;
}
/* line 18, ../sass/partials/layout/_custom.scss */
.highlight .js-tooltip.glossary strong {
  color: #000;
}
/* line 23, ../sass/partials/layout/_custom.scss */
.highlight.normal {
  font-size: 1em;
}

/* line 28, ../sass/partials/layout/_custom.scss */
.highlight2 {
  background-color: #1b5d80;
}

/* line 32, ../sass/partials/layout/_custom.scss */
.highlight3 {
  background-color: #4d4d4d;
}

/* line 36, ../sass/partials/layout/_custom.scss */
.infog {
  margin-bottom: 0 !important;
}
/* line 38, ../sass/partials/layout/_custom.scss */
.infog .icon:before {
  margin-right: -0.4em;
}
/* line 45, ../sass/partials/layout/_custom.scss */
.infog .positive {
  color: #69b245;
}
/* line 48, ../sass/partials/layout/_custom.scss */
.infog .positive strong {
  font-weight: 700;
}
/* line 51, ../sass/partials/layout/_custom.scss */
.infog .positive strong span {
  font-family: 'Roboto', Helvetica, sans-serif !important;
}
/* line 58, ../sass/partials/layout/_custom.scss */
.infog .animated strong {
  font-weight: 700;
}
/* line 61, ../sass/partials/layout/_custom.scss */
.infog .animated strong span {
  font-family: 'Roboto', Helvetica, sans-serif !important;
}
/* line 67, ../sass/partials/layout/_custom.scss */
.infog .relative {
  position: relative;
}
/* line 71, ../sass/partials/layout/_custom.scss */
.infog .absolute {
  position: absolute;
  left: 0;
  top: 0;
}

/*A one-off heading*/
/* line 78, ../sass/partials/layout/_custom.scss */
.displace-h {
  position: relative;
}
/* line 81, ../sass/partials/layout/_custom.scss */
.displace-h .displace-h {
  position: absolute;
  top: 20%;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  padding: 1em;
  font-size: 1.3em;
}
@media all and (max-width: 40em) {
  /* line 81, ../sass/partials/layout/_custom.scss */
  .displace-h .displace-h {
    position: unset;
  }
}

/*Scales*/
/* line 95, ../sass/partials/layout/_custom.scss */
.scale {
  background: transparent url("img/scale-base.svg") no-repeat 50% 100%;
  max-width: 7.5em;
  min-height: 28.125em;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

/* line 104, ../sass/partials/layout/_custom.scss */
.scale-bar {
  width: 40em;
  height: 4.8em;
  margin: 0 auto;
  display: block;
  position: relative;
  background: transparent url(img/scale-top-bar.svg) no-repeat 0 0;
  background-size: contain;
}

/* line 114, ../sass/partials/layout/_custom.scss */
.question-scale-con,
.question-scale-pro {
  width: 60%;
  z-index: 100;
  height: 5em;
  top: 3.8em;
  display: block;
  position: absolute;
  background: transparent url("img/scale-rope.svg") no-repeat 0 0;
  background-size: contain;
  padding-top: 1em;
  z-index: 0;
}
/* line 127, ../sass/partials/layout/_custom.scss */
.question-scale-con .title-content,
.question-scale-pro .title-content {
  padding: 0.2em;
  color: #fff;
  text-align: center;
}
/* line 133, ../sass/partials/layout/_custom.scss */
.question-scale-con .response,
.question-scale-pro .response {
  font-size: 0.9em;
  display: table;
  width: 100%;
}
/* line 138, ../sass/partials/layout/_custom.scss */
.question-scale-con .response label,
.question-scale-pro .response label {
  display: table-cell;
  text-align: center;
}
/* line 139, ../sass/partials/layout/_custom.scss */
.question-scale-con .response label:before,
.question-scale-pro .response label:before {
  margin-right: 50% !important;
  margin-left: 45%;
}
/* line 149, ../sass/partials/layout/_custom.scss */
.question-scale-con .survey-list,
.question-scale-pro .survey-list {
  font-size: 0.9em;
  margin-bottom: 0;
  /*The radio inputs*/
}
/* line 153, ../sass/partials/layout/_custom.scss */
.question-scale-con .survey-list .survey-answers,
.question-scale-pro .survey-list .survey-answers {
  margin-bottom: 0;
  min-height: 6.25em;
  font-size: 0.8em;
  padding: 0;
  float: none;
  width: auto;
}
/* line 161, ../sass/partials/layout/_custom.scss */
.question-scale-con .survey-list input[type="radio"] + label:before,
.question-scale-pro .survey-list input[type="radio"] + label:before {
  width: 1.5em;
  height: 1.5em;
}

/* line 168, ../sass/partials/layout/_custom.scss */
.question-scale-con {
  right: -28%;
}
/* line 171, ../sass/partials/layout/_custom.scss */
.question-scale-con .title-content {
  background-color: #1b5d80;
}
/* line 176, ../sass/partials/layout/_custom.scss */
.question-scale-con .survey-list li {
  background-color: #bce0ed;
}
/* line 179, ../sass/partials/layout/_custom.scss */
.question-scale-con .survey-list li:nth-child(even) {
  background-color: #e4f2f8 !important;
}

/* line 186, ../sass/partials/layout/_custom.scss */
.question-scale-pro {
  left: -28%;
}
/* line 189, ../sass/partials/layout/_custom.scss */
.question-scale-pro .title-content {
  background-color: #69b245;
}
/* line 194, ../sass/partials/layout/_custom.scss */
.question-scale-pro .survey-list li {
  background-color: #c0e0b0;
}
/* line 197, ../sass/partials/layout/_custom.scss */
.question-scale-pro .survey-list li:nth-child(even) {
  background-color: #ecf6e7 !important;
}

@media all and (min-width: 81.25em) and (max-width: 104.375em) {
  /* line 205, ../sass/partials/layout/_custom.scss */
  .question-scale-con,
  .question-scale-pro {
    width: 48%;
    padding-top: 1em;
  }

  /* line 211, ../sass/partials/layout/_custom.scss */
  .question-scale-con {
    right: -9%;
  }

  /* line 215, ../sass/partials/layout/_custom.scss */
  .question-scale-pro {
    left: -9%;
  }

  /* line 219, ../sass/partials/layout/_custom.scss */
  .scale {
    min-height: 28em;
    background-size: 100%;
  }

  /* line 224, ../sass/partials/layout/_custom.scss */
  .scale-bar {
    width: 85%;
    background-position-x: 50%;
  }

  /* line 229, ../sass/partials/layout/_custom.scss */
  .survey-list {
    margin-bottom: 0;
  }
}
@media all and (min-width: 64em) and (max-width: 81.1875em) {
  /* line 235, ../sass/partials/layout/_custom.scss */
  .scale-bar {
    width: 28.125em;
    height: 3.4375em;
  }

  /* line 240, ../sass/partials/layout/_custom.scss */
  .question-scale-con,
  .question-scale-pro {
    top: 2.7em;
    width: 45%;
    padding-top: 0.5em;
  }

  /* line 247, ../sass/partials/layout/_custom.scss */
  .question-scale-con {
    right: -9%;
  }

  /* line 251, ../sass/partials/layout/_custom.scss */
  .question-scale-pro {
    left: -9%;
  }

  /* line 255, ../sass/partials/layout/_custom.scss */
  .scale {
    min-height: 30em;
    background-size: 108%;
    max-width: 6em;
  }

  /* line 261, ../sass/partials/layout/_custom.scss */
  .survey-list {
    margin-bottom: 0;
  }
}
@media all and (max-width: 64em) {
  /* line 267, ../sass/partials/layout/_custom.scss */
  .question-scale-con,
  .question-scale-pro {
    padding-bottom: 1em;
    padding-top: 0;
  }

  /* line 274, ../sass/partials/layout/_custom.scss */
  .question-scale-pro:before {
    font-weight: bold;
  }

  /* line 280, ../sass/partials/layout/_custom.scss */
  .question-scale-con:before {
    font-weight: bold;
  }

  /* line 285, ../sass/partials/layout/_custom.scss */
  .question-scale-con,
  .question-scale-pro,
  .scale-bar {
    background-image: none;
    position: unset;
    width: 100%;
    height: auto;
    transform: none !important;
  }

  /* line 295, ../sass/partials/layout/_custom.scss */
  .scale-bar {
    background-image: none;
    width: 100%;
  }

  /* line 300, ../sass/partials/layout/_custom.scss */
  .scale {
    display: none;
  }
}
@media all and (max-width: 40em) {
  /* line 306, ../sass/partials/layout/_custom.scss */
  .scale.mobile {
    max-width: 95%;
    background: transparent url("img/scale-base.svg") no-repeat 50% 100%;
    min-height: 15em;
    margin-top: 0.8em;
  }

  /* line 311, ../sass/partials/layout/_custom.scss */
  .scale-bar.mobile {
    background: #fff url(img/scale-top-bar.svg) no-repeat 50% 0;
    background-size: cover;
    height: 2.6em;
    position: relative;
  }
  /* line 314, ../sass/partials/layout/_custom.scss */
  .scale-bar.mobile .question-scale-con, .scale-bar.mobile .question-scale-pro {
    width: 20%;
    position: absolute;
    top: 1.8em;
  }
  /* line 317, ../sass/partials/layout/_custom.scss */
  .scale-bar.mobile .question-scale-pro {
    left: 1em;
  }
  /* line 320, ../sass/partials/layout/_custom.scss */
  .scale-bar.mobile .question-scale-con {
    right: 1em;
  }

  /* line 325, ../sass/partials/layout/_custom.scss */
  .div_rating .grid {
    display: table;
    width: 100%;
    text-align: center;
    margin-bottom: 0;
  }
  /* line 331, ../sass/partials/layout/_custom.scss */
  .div_rating .grid .grid-item {
    display: table-cell;
    margin-bottom: 0;
  }
  /* line 335, ../sass/partials/layout/_custom.scss */
  .div_rating .grid .grid-item.non-palm-one-quarter {
    width: 25%;
  }
  /* line 339, ../sass/partials/layout/_custom.scss */
  .div_rating .grid .grid-item.non-palm-one-half {
    width: 50%;
  }
  /* line 343, ../sass/partials/layout/_custom.scss */
  .div_rating .grid .grid-item.non-palm-one-fifth {
    width: 20%;
  }
  /* line 349, ../sass/partials/layout/_custom.scss */
  .div_rating .grid.label .left, .div_rating .grid.label .right {
    font-size: 0.8em;
  }
  /* line 353, ../sass/partials/layout/_custom.scss */
  .div_rating .grid.label .left:after {
    font-weight: bold;
    color: #69b245;
  }
  /* line 358, ../sass/partials/layout/_custom.scss */
  .div_rating .grid.label .right:after {
    font-weight: bold;
    color: #1b5d80;
  }
  /* line 365, ../sass/partials/layout/_custom.scss */
  .div_rating .grid.sliders .non-palm-one-quarter {
    display: none;
  }
  /* line 369, ../sass/partials/layout/_custom.scss */
  .div_rating .grid.sliders .non-palm-one-half {
    width: 100%;
  }
}
/* line 378, ../sass/partials/layout/_custom.scss */
.sliders .survey-list .survey-answers {
  float: none;
  width: auto;
}

/*range Scale for worksheets*/
/* line 385, ../sass/partials/layout/_custom.scss */
.div_rating .output-label {
  display: none;
}
/* line 389, ../sass/partials/layout/_custom.scss */
.div_rating .txt-input {
  border: 0;
  box-shadow: none;
}
/* line 394, ../sass/partials/layout/_custom.scss */
.div_rating .survey-answers {
  padding: 0;
  position: relative;
  /*The slider handle*/
  /*The slider output*/
}
/* line 398, ../sass/partials/layout/_custom.scss */
.div_rating .survey-answers input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  height: 0.5em;
  border-radius: 5px;
  background: #d7dcdf;
  outline: none;
  padding: 0;
  margin: 0;
}
/* line 410, ../sass/partials/layout/_custom.scss */
.div_rating .survey-answers input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background-color: #262626;
  width: 1.3em;
  height: 1.3em;
  border-radius: 50%;
  cursor: pointer;
}
/* line 419, ../sass/partials/layout/_custom.scss */
.div_rating .survey-answers input[type=range]::-moz-range-thumb {
  background-color: #262626;
  width: 1.3em;
  height: 1.3em;
  border-radius: 50%;
  cursor: pointer;
}
/* line 427, ../sass/partials/layout/_custom.scss */
.div_rating .survey-answers input[type="range"]::-ms-thumb {
  background-color: #262626;
  width: 1.3em;
  height: 1.3em;
  border-radius: 50%;
  cursor: pointer;
}
/* line 435, ../sass/partials/layout/_custom.scss */
.div_rating .survey-answers .input-output {
  background-color: #1b5d80;
  border: 0;
  color: #fff;
  padding: 0.3em 0.5em;
  position: absolute;
  right: 0;
  width: 3em;
  text-align: center;
}
/* line 446, ../sass/partials/layout/_custom.scss */
.div_rating .survey-answers .output-label:before {
  position: absolute;
  top: 0.4em;
  right: 3em;
  width: 0;
  height: 0;
  border-top: 0.5em solid transparent;
  border-right: 0.5em solid #1b5d80;
  border-bottom: 0.5em solid transparent;
  content: '';
}

/*Interscroller*/
/* line 460, ../sass/partials/layout/_custom.scss */
.interscroller {
  overflow: hidden;
}
/* line 463, ../sass/partials/layout/_custom.scss */
.interscroller .wrapper {
  position: relative;
  margin: 2em auto;
  height: 15.625em;
  width: 100%;
}
/* line 469, ../sass/partials/layout/_custom.scss */
.interscroller .wrapper .bg-wrapper {
  position: absolute;
  height: 15.625em;
  width: 100%;
  clip: rect(0px 320px 250px 0px);
}
/* line 475, ../sass/partials/layout/_custom.scss */
.interscroller .wrapper .bg-wrapper .bg {
  position: fixed;
  height: 100%;
  top: 0;
  left: 50%;
  backface-visibility: hidden;
  transform: translate3d(-50%, 0, 0);
}

/* ======================================================================================
   @LAYOUT -> HEADER
   ====================================================================================== */
/* line 5, ../sass/partials/layout/_header.scss */
.header {
  text-align: center;
  background-color: #fff;
  padding: 1em 0;
  /*min-height:to-em(120);*/
}
/* line 10, ../sass/partials/layout/_header.scss */
.header.header-console {
  padding: 0;
  position: relative;
}
@media all and (max-width: 40em) {
  /* line 16, ../sass/partials/layout/_header.scss */
  .header.header-console .nav-main {
    margin-left: 0.5em;
  }
  /* line 19, ../sass/partials/layout/_header.scss */
  .header.header-console .nav-main li {
    display: inline;
  }
}
/* line 26, ../sass/partials/layout/_header.scss */
.header .container {
  text-align: left;
  display: table;
  padding: 0;
  position: relative;
}
/* line 32, ../sass/partials/layout/_header.scss */
.header .container .logo-group, .header .container .nav-group, .header .container .user-area {
  display: table-cell;
  vertical-align: middle;
}
/* line 41, ../sass/partials/layout/_header.scss */
.header .container .nav-group {
  width: 50%;
}
@media all and (max-width: 40em) {
  /* line 26, ../sass/partials/layout/_header.scss */
  .header .container {
    display: unset;
  }
  /* line 48, ../sass/partials/layout/_header.scss */
  .header .container .logo-group, .header .container .nav-group, .header .container .user-area {
    display: inline-block;
  }
  /* line 52, ../sass/partials/layout/_header.scss */
  .header .container .logo-group {
    text-align: center;
    padding-left: 1em;
    padding: .5em 0;
  }
  /* line 60, ../sass/partials/layout/_header.scss */
  .header .container .nav-group {
    padding-top: 0;
    width: 70%;
  }
  /* line 64, ../sass/partials/layout/_header.scss */
  .header .container .nav-group .nav-main {
    font-size: 0.8em;
    margin-top: 0;
    text-align: right;
  }
  /* line 69, ../sass/partials/layout/_header.scss */
  .header .container .nav-group .nav-main li {
    display: inline-block;
  }
  /* line 72, ../sass/partials/layout/_header.scss */
  .header .container .nav-group .nav-main li a {
    padding-left: 0.5em;
  }
  /* line 79, ../sass/partials/layout/_header.scss */
  .header .container .user-area {
    width: 70%;
    padding: 0.8em 0;
  }
  /* line 84, ../sass/partials/layout/_header.scss */
  .header .container .user-area .header-search .txt-input {
    width: 12em;
    font-size: 0.7em;
  }
  /* line 89, ../sass/partials/layout/_header.scss */
  .header .container .user-area .header-search .btn {
    padding: 0.67em;
    top: 0.15em;
  }
}
/* line 98, ../sass/partials/layout/_header.scss */
.header .user-area {
  text-align: right;
  font-size: 0.8em;
}
@media all and (max-width: 40em) {
  /* line 98, ../sass/partials/layout/_header.scss */
  .header .user-area {
    text-align: center;
  }
}
/* line 107, ../sass/partials/layout/_header.scss */
.header .user-area a {
  color: #000;
}
/* line 112, ../sass/partials/layout/_header.scss */
.header .user-area .header-search .txt-input {
  width: 85%;
  padding: 0.3em;
}
/* line 117, ../sass/partials/layout/_header.scss */
.header .user-area .header-search .btn {
  background: #1b5d80 url("img/icon/btn-search-sml-1.png") no-repeat 50% 50%;
  border: 0;
  padding: 1em;
  position: relative;
  float: right;
}
@media all and (min-width: 40.0625em) and (max-width: 56.1875em) {
  /* line 126, ../sass/partials/layout/_header.scss */
  .header .user-area .header-search .txt-input {
    width: 75%;
    font-size: 0.8em;
  }
  /* line 131, ../sass/partials/layout/_header.scss */
  .header .user-area .header-search .btn {
    padding: 0.78em 0.85em;
  }
}
@media all and (min-width: 56.25em) and (max-width: 78.375em) {
  /* line 137, ../sass/partials/layout/_header.scss */
  .header .user-area .header-search .txt-input {
    width: 80%;
    font-size: 0.9em;
    padding: 0.25em;
  }
  /* line 143, ../sass/partials/layout/_header.scss */
  .header .user-area .header-search .btn {
    padding: 0.85em 0.9em;
  }
}
/* line 149, ../sass/partials/layout/_header.scss */
.header .user-area .user-notifications {
  margin-bottom: 0.5em;
}
@media all and (max-width: 31.25em) {
  /* line 149, ../sass/partials/layout/_header.scss */
  .header .user-area .user-notifications {
    font-size: 0.8em;
  }
}

/* Logo */
/* line 160, ../sass/partials/layout/_header.scss */
.logo-group .logo {
  text-align: left;
}
/* line 163, ../sass/partials/layout/_header.scss */
.logo-group .logo img {
  width: 10em;
}
/* line 167, ../sass/partials/layout/_header.scss */
.logo-group .logo .logo-big {
  display: block;
}
/* line 171, ../sass/partials/layout/_header.scss */
.logo-group .logo .logo-small {
  display: none;
}
@media all and (max-width: 40em) {
  /* line 180, ../sass/partials/layout/_header.scss */
  .logo-group .logo .logo-small {
    display: none;
    padding: 0.15em 0;
  }
}

/* --Main navigation-- */
/* Toggle the menu via jQuery */
/* line 189, ../sass/partials/layout/_header.scss */
.js .js-menu-toggle {
  /* Hide */
  max-height: 0;
  overflow: hidden;
  /* Transition */
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  /* Show when expanded */
  /* Always show at this breakpoint */
}
/* line 195, ../sass/partials/layout/_header.scss */
.js .js-menu-toggle.is-expanded {
  max-height: 15.625rem;
  /* Note: adjust this to roughly match the height of the menu */
  overflow: visible;
}
@media all and (max-width: 40em) {
  /* line 189, ../sass/partials/layout/_header.scss */
  .js .js-menu-toggle {
    clear: both;
  }
  /* line 203, ../sass/partials/layout/_header.scss */
  .js .js-menu-toggle li {
    /*display: block;*/
    text-align: left;
    background-color: #1b5d80;
    border-top: 1px solid #247caa;
    border-bottom: 1px solid #09202c;
  }
  /* line 210, ../sass/partials/layout/_header.scss */
  .js .js-menu-toggle li a {
    display: block;
    padding: 0.5em;
  }
  /* line 214, ../sass/partials/layout/_header.scss */
  .js .js-menu-toggle li a:hover {
    background-color: #174e6b;
  }
}
@media all and (min-width: 40.0625em) {
  /* line 189, ../sass/partials/layout/_header.scss */
  .js .js-menu-toggle {
    max-height: none;
    overflow: visible;
  }
}

/*Main Nav*/
/* line 227, ../sass/partials/layout/_header.scss */
.nav-group {
  color: #000;
}
/* line 230, ../sass/partials/layout/_header.scss */
.nav-group .container {
  position: relative;
}
@media all and (min-width: 40.0625em) and (max-width: 56.1875em) {
  /* line 235, ../sass/partials/layout/_header.scss */
  .nav-group .nav-main li {
    padding-left: 0.5em;
  }
  /* line 238, ../sass/partials/layout/_header.scss */
  .nav-group .nav-main li a {
    font-size: 0.75em;
  }
}
@media all and (max-width: 40em) {
  /* line 227, ../sass/partials/layout/_header.scss */
  .nav-group {
    padding: 0.5em 0;
  }
  /* line 247, ../sass/partials/layout/_header.scss */
  .nav-group .nav-main {
    width: 100%;
    margin-top: 0.5em;
  }
  /* line 251, ../sass/partials/layout/_header.scss */
  .nav-group .nav-main li {
    padding-left: 0;
  }
  /* line 254, ../sass/partials/layout/_header.scss */
  .nav-group .nav-main li a {
    padding-left: 2em;
  }
}

/* line 262, ../sass/partials/layout/_header.scss */
.nav-main {
  text-align: center;
  /* --Conditional links (drop down) at lap viewport range-- */
  /* Hide the conditional links at these breakpoints */
  /* Hide/show of certain links at this breakpoint range */
  /* Lap */
  /* Lap small */
  /* Lap large */
  /* Desk small */
}
/* line 265, ../sass/partials/layout/_header.scss */
.nav-main a {
  color: #000;
}
/* line 268, ../sass/partials/layout/_header.scss */
.nav-main a:hover {
  text-decoration: none;
  color: #1b5d80;
}
/* line 274, ../sass/partials/layout/_header.scss */
.nav-main li {
  padding-left: 2em;
}
/* line 277, ../sass/partials/layout/_header.scss */
.nav-main li:first-child {
  padding-left: 0;
}
/* line 282, ../sass/partials/layout/_header.scss */
.nav-main ul {
  margin-left: 2em;
  background-color: #FFC434;
}
/* line 286, ../sass/partials/layout/_header.scss */
.nav-main ul li {
  padding: 0;
}
/* line 289, ../sass/partials/layout/_header.scss */
.nav-main ul li a {
  padding: 0.5em 1em 0.5em 0.5em;
  display: inline-block;
  color: #4d4d4d;
}
/* line 298, ../sass/partials/layout/_header.scss */
.nav-main .nav-main__conditional-links {
  display: none;
}
@media all and (min-width: 40.0625em) and (max-width: 74.9375em) {
  /* line 262, ../sass/partials/layout/_header.scss */
  .nav-main {
    /* Hide links in main nav we have no room for */
    /* Show the conditional links (drop down) */
  }
  /* line 304, ../sass/partials/layout/_header.scss */
  .nav-main .nav-main__hide-show {
    display: none;
  }
  /* line 308, ../sass/partials/layout/_header.scss */
  .nav-main .nav-main__conditional-links {
    display: inline-block;
    color: #fff;
  }
  /* line 312, ../sass/partials/layout/_header.scss */
  .nav-main .nav-main__conditional-links button {
    color: #fff;
  }
}
@media all and (min-width: 40.0625em) and (max-width: 43.6875em) {
  /* line 319, ../sass/partials/layout/_header.scss */
  .nav-main li {
    padding-left: 1em;
  }
}

/* Admin Navigation */
/* line 325, ../sass/partials/layout/_header.scss */
.header_nav {
  background-color: #000;
  padding: 0.5em 0;
}
/* line 329, ../sass/partials/layout/_header.scss */
.header_nav a {
  color: #fff;
}
/* line 333, ../sass/partials/layout/_header.scss */
.header_nav .search-mini {
  position: relative;
  max-width: 10em;
}
/* line 337, ../sass/partials/layout/_header.scss */
.header_nav .search-mini button {
  background: #1b5d80 url(img/icon/btn-search-sml-1.png) no-repeat 50% 50%;
  border: 0;
  padding: 0.95em;
  position: relative;
  float: right;
}
/* line 345, ../sass/partials/layout/_header.scss */
.header_nav .search-mini .txt-input {
  /*width:92%;*/
  float: left;
  padding: 0.25em 0.3em;
}
@media all and (max-width: 63.9375em) {
  /* line 354, ../sass/partials/layout/_header.scss */
  .header_nav .search-mini .txt-input {
    width: 100%;
  }
}
@media all and (max-width: 40em) {
  /* line 361, ../sass/partials/layout/_header.scss */
  .header_nav .search-mini {
    position: absolute;
    width: 100%;
    right: 0;
    top: 0;
  }
  /* line 367, ../sass/partials/layout/_header.scss */
  .header_nav .search-mini .txt-input {
    padding: 0.5em 0.5em;
  }
  /* line 371, ../sass/partials/layout/_header.scss */
  .header_nav .search-mini button {
    padding: 1.05em;
  }
}
@media all and (min-width: 40.0625em) {
  /* line 378, ../sass/partials/layout/_header.scss */
  .header_nav nav, .header_nav .search-mini {
    display: table-cell;
  }
  /* line 383, ../sass/partials/layout/_header.scss */
  .header_nav .nav-main-home .icon-website:after {
    content: "Go to console";
  }
}

/* line 390, ../sass/partials/layout/_header.scss */
.console-menu {
  display: table;
  width: 100%;
}
/* line 394, ../sass/partials/layout/_header.scss */
.console-menu .nav-main {
  text-align: left;
}
/* line 398, ../sass/partials/layout/_header.scss */
.console-menu a {
  font-size: 0.75em;
}
/* line 401, ../sass/partials/layout/_header.scss */
.console-menu a.nav-main-home {
  background-color: #FFC434;
  padding: 0.5em 0.5em 0.5em 0.8em;
}
/* line 409, ../sass/partials/layout/_header.scss */
.console-menu .search-mini button {
  position: absolute;
  top: 0;
  right: 0;
}
@media all and (min-width: 40.0625em) {
  /* line 417, ../sass/partials/layout/_header.scss */
  .console-menu nav, .console-menu .search-mini {
    display: table-cell;
    vertical-align: top;
  }
  /* line 422, ../sass/partials/layout/_header.scss */
  .console-menu .search-mini {
    text-align: right;
    /*input {
        width: to-em(415);
    }*/
  }
}
@media all and (max-width: 40em) {
  /* line 390, ../sass/partials/layout/_header.scss */
  .console-menu {
    position: relative;
  }
  /* line 433, ../sass/partials/layout/_header.scss */
  .console-menu ul.nav-main {
    margin-left: 0 !important;
  }
  /* line 436, ../sass/partials/layout/_header.scss */
  .console-menu ul.nav-main li {
    display: list-item;
    padding-left: 0;
  }
  /* line 441, ../sass/partials/layout/_header.scss */
  .console-menu ul.nav-main li:hover a {
    color: #fff;
  }
  /* line 446, ../sass/partials/layout/_header.scss */
  .console-menu ul.nav-main li.nav-main__conditional-links {
    display: none;
  }
}
@media all and (max-width: 31.25em) {
  /* line 454, ../sass/partials/layout/_header.scss */
  .console-menu .search-mini {
    display: none !important;
  }
}

/* line 460, ../sass/partials/layout/_header.scss */
.header__brand-user {
  padding: 0.5em 0 !important;
}
/* line 463, ../sass/partials/layout/_header.scss */
.header__brand-user .nav-user > li {
  display: inline-block;
}
@media all and (max-width: 40em) {
  /* line 468, ../sass/partials/layout/_header.scss */
  .header__brand-user .icon-website {
    color: #69b245;
    font-size: 1.2em;
    position: relative;
    top: 0.2em;
  }
}
@media all and (min-width: 40.0625em) {
  /* line 478, ../sass/partials/layout/_header.scss */
  .header__brand-user .nav-user li {
    margin-right: 1em;
  }
  /* line 481, ../sass/partials/layout/_header.scss */
  .header__brand-user .nav-user li:last-child {
    margin-right: 0;
  }
  /* line 486, ../sass/partials/layout/_header.scss */
  .header__brand-user .nav-user .icon-website {
    background-color: #69b245;
    padding: 0.3em;
    color: #fff;
  }
  /* line 491, ../sass/partials/layout/_header.scss */
  .header__brand-user .nav-user .icon-website:after {
    content: "My dashboard";
  }
  /* line 496, ../sass/partials/layout/_header.scss */
  .header__brand-user .nav-user .icon-help:after {
    content: "Help";
  }
  /* line 500, ../sass/partials/layout/_header.scss */
  .header__brand-user .nav-user .icon-logout:after {
    content: "Logout";
  }
}

/*Breadcrumb Navigation*/
/* line 507, ../sass/partials/layout/_header.scss */
.navigation {
  font-family: "Quicksand", sans-serif;
  font-size: 0.875em;
  color: #fff;
  padding: 0.7em 0;
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  width: 100%;
}
/* line 517, ../sass/partials/layout/_header.scss */
.navigation a {
  color: #fff;
}
/* line 521, ../sass/partials/layout/_header.scss */
.navigation .page-heading {
  margin-bottom: 0;
}
@media all and (min-width: 40.0625em) {
  /* line 507, ../sass/partials/layout/_header.scss */
  .navigation {
    text-align: right;
  }
  /* line 528, ../sass/partials/layout/_header.scss */
  .navigation .right {
    float: right;
  }
  /* line 532, ../sass/partials/layout/_header.scss */
  .navigation .page-heading {
    text-align: left;
  }
}
@media all and (max-width: 63.9375em) {
  /* line 507, ../sass/partials/layout/_header.scss */
  .navigation {
    display: none;
  }
}

/* line 542, ../sass/partials/layout/_header.scss */
.header-console + .navigation {
  position: unset;
  background-color: #6DABA8;
  color: #fff;
}
/* line 547, ../sass/partials/layout/_header.scss */
.header-console + .navigation a {
  color: #fff;
}

/* line 552, ../sass/partials/layout/_header.scss */
.header-logo {
  display: inline-block !important;
}

/* ======================================================================================
   @LAYOUT -> FOOTER
   ====================================================================================== */
/* line 5, ../sass/partials/layout/_footer.scss */
.footer {
  clear: both;
  color: #fff;
  font-family: "Quicksand", sans-serif;
  font-size: 0.8em;
  /* Base rules */
}
/* line 12, ../sass/partials/layout/_footer.scss */
.footer div.non-palm-one-half {
  text-align: left;
}
/* line 17, ../sass/partials/layout/_footer.scss */
.footer p {
  margin-bottom: 0;
}
/* line 21, ../sass/partials/layout/_footer.scss */
.footer a {
  color: #fff;
}
/* line 25, ../sass/partials/layout/_footer.scss */
.footer ul {
  margin-left: 0;
}
/* line 29, ../sass/partials/layout/_footer.scss */
.footer img {
  max-width: 13.75em;
}

/* line 34, ../sass/partials/layout/_footer.scss */
.logo-sponsors {
  padding: 1em 0;
}
/* line 37, ../sass/partials/layout/_footer.scss */
.logo-sponsors img {
  max-width: 10em;
}
/* line 41, ../sass/partials/layout/_footer.scss */
.logo-sponsors ul {
  max-width: 35em;
  margin: 0 auto;
}
@media all and (max-width: 40em) {
  /* line 34, ../sass/partials/layout/_footer.scss */
  .logo-sponsors {
    text-align: center;
  }
  /* line 49, ../sass/partials/layout/_footer.scss */
  .logo-sponsors li {
    padding-bottom: 1em;
  }
}

/* line 55, ../sass/partials/layout/_footer.scss */
.nav-footer {
  padding: 2em 0;
}
/* line 58, ../sass/partials/layout/_footer.scss */
.nav-footer .btn-main {
  border: 1px solid #fff;
  background-color: transparent;
}
/* line 62, ../sass/partials/layout/_footer.scss */
.nav-footer .btn-main:hover {
  background-color: #69b245;
}
@media all and (max-width: 40em) {
  /* line 55, ../sass/partials/layout/_footer.scss */
  .nav-footer {
    text-align: center;
  }
  /* line 70, ../sass/partials/layout/_footer.scss */
  .nav-footer .btn-main {
    margin-bottom: 1em;
  }
  /* line 74, ../sass/partials/layout/_footer.scss */
  .nav-footer ul li {
    display: inline-block;
  }
}
@media all and (min-width: 40.0625em) {
  /* line 79, ../sass/partials/layout/_footer.scss */
  .nav-footer .grid {
    display: table;
    width: 100%;
  }
  /* line 83, ../sass/partials/layout/_footer.scss */
  .nav-footer .grid .grid-item {
    display: table-cell;
  }
  /* line 86, ../sass/partials/layout/_footer.scss */
  .nav-footer .grid .grid-item:last-child {
    text-align: right;
  }
}

/* Back to top */
/* line 95, ../sass/partials/layout/_footer.scss */
.back-to-top {
  display: block;
  text-align: center;
  padding: 1em 0;
  text-decoration: none;
  /* Note: this may be redundant? */
  /* Pseudo element - up arrow */
  /* Hide at this breakpoint and for print */
}
/* line 101, ../sass/partials/layout/_footer.scss */
.back-to-top:before {
  content: "\2191";
  display: block;
  text-align: center;
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 0.8;
  font-family: "Courier New", Courier, monospace;
}
@media all and (min-width: 64em) {
  /* line 95, ../sass/partials/layout/_footer.scss */
  .back-to-top {
    display: none;
  }
}
@media print {
  /* line 95, ../sass/partials/layout/_footer.scss */
  .back-to-top {
    display: none;
  }
}

/* Layout -> Grid */
/* ======================================================================================
   @LAYOUT -> GRID
   ====================================================================================== */
/* 
	Usage:
		Fluid and nestable grid system.
	
	Note:
		-	Grid is built 'mobile first'.
		-	Grid does not work in IE 7 as it does not support: `box-sizing: border-box;`, if you need to support IE 7 then use `margin` instead of `padding` for the grid gutters and use `:first-child` to remove the `margin` from the first grid cell child instead of the negative left margin on `.grid`.
	
	Demo:
		Style Guide -> Grid
		
	Credit: 
		https://github.com/csswizardry/csswizardry-grids/blob/master/csswizardry-grids.scss
*/
/* Grid container */
/* line 21, ../sass/partials/layout/grid/_grid.scss */
.grid {
  /* Negative `margin-left` to negate the columns' gutters */
  margin-left: -24px;
  margin-left: -1.5rem;
  /* Clear fix */
  /* Very infrequently occuring grid rows as children of grid rows */
}
/* line 869, ../sass/partials/utils/_mixins.scss */
.grid:after {
  content: "";
  display: table;
  clear: both;
}
/* line 27, ../sass/partials/layout/grid/_grid.scss */
.grid > .grid {
  margin-left: 0;
}

/* Grid item */
/* line 33, ../sass/partials/layout/grid/_grid.scss */
.grid-item {
  width: 100%;
  float: left;
  padding-left: 24px;
  padding-left: 1.5rem;
  /* Print - have to re-linearise as all browsers except Chrome will honor any width classes above the `$non-palm` breakpoint */
}
@media print {
  /* line 33, ../sass/partials/layout/grid/_grid.scss */
  .grid-item {
    width: 100% !important;
  }
}

/* Apply bottom margins between the grid elements for linearised version */
/* line 44, ../sass/partials/layout/grid/_grid.scss */
.grid,
.grid-item {
  /* Turn off bottom margin at this breakpoint (non-linearised) and only for 'screen' media so as not to affect 'print' media */
}
@media only screen and (min-width: 40.0625em) {
  /* line 44, ../sass/partials/layout/grid/_grid.scss */
  .grid,
  .grid-item {
    margin-bottom: 0;
  }
}

/* --Extenders-- */
/* 'Gutterless' and 'Center align' */
/* line 56, ../sass/partials/layout/grid/_grid.scss */
.grid-gutterless,
.grid-center {
  margin-left: 0;
}

/* Gutterless */
/* line 62, ../sass/partials/layout/grid/_grid.scss */
.grid-gutterless > .grid-item, .grid-gutterless .grid-item.content-box {
  padding-left: 0;
}

/* Center align */
/* line 67, ../sass/partials/layout/grid/_grid.scss */
.grid-center > .grid-item {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  float: none;
}

/* Reversed */
/* line 75, ../sass/partials/layout/grid/_grid.scss */
.grid-rev > .grid-item {
  float: right;
}

/* Lists */
/* line 80, ../sass/partials/layout/grid/_grid.scss */
.grid-list {
  /* This is for applying bottom spacing between the `li`s which you may or may not need? */
  margin-bottom: -24px;
  margin-bottom: -1.5rem;
  /* This is for applying bottom spacing between the `li`s which you may or may not need? */
  /* If all the `li`s aren't the same height when the grid is used on lists then we have to clear the 1st `li` in the row by using this class, not the most attractive way to handle it but it will have to do for now */
}
/* line 84, ../sass/partials/layout/grid/_grid.scss */
.grid-list .grid-item {
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}
/* line 88, ../sass/partials/layout/grid/_grid.scss */
.grid-list .grid-item--clear {
  clear: left;
}

/* Dashboard */
/* line 94, ../sass/partials/layout/grid/_grid.scss */
.dashboard {
  padding: 1em 0;
}
@media all and (min-width: 64em) {
  /* line 94, ../sass/partials/layout/grid/_grid.scss */
  .dashboard {
    min-height: 37.5em;
    padding-top: 3em;
  }
}
@media all and (min-width: 40.0625em) and (max-width: 49.9375em) {
  /* line 101, ../sass/partials/layout/grid/_grid.scss */
  .dashboard .non-palm-one-third {
    width: 50%;
  }
}

/*Table of contents*/
/* line 108, ../sass/partials/layout/grid/_grid.scss */
.grid.toc {
  padding: 1.5em;
  padding-top: 0;
}
/* line 110, ../sass/partials/layout/grid/_grid.scss */
.grid.toc a {
  display: table;
  width: 100%;
}
/* line 111, ../sass/partials/layout/grid/_grid.scss */
.grid.toc .grid-item {
  margin-bottom: 1em;
}
@media all and (max-width: 81.1875em) {
  /* line 113, ../sass/partials/layout/grid/_grid.scss */
  .grid.toc .grid-item {
    width: 100%;
  }
}

/* line 119, ../sass/partials/layout/grid/_grid.scss */
.content-box .island .grid .toc {
  padding: 0;
}

/*Flex*/
/* line 125, ../sass/partials/layout/grid/_grid.scss */
.flex {
  display: flex;
  flex-wrap: wrap;
}
/* line 129, ../sass/partials/layout/grid/_grid.scss */
.flex.grid .grid-item {
  margin-bottom: 2em;
}

/* ======================================================================================
   @LAYOUT -> GRID -> WIDTHS
   ====================================================================================== */
/*
	Usage: 
		Set-up flexible widths via classes which are mostly used for the grid system, the mixin allows you to define widths at specific breakpoints.
	
	Note:
		All the width values come from: 'utils/vars -> FLEXIBLE WIDTHS' so they can be used outside of this `@mixin`.
		
	Credit: 
		https://github.com/csswizardry/csswizardry-grids/blob/master/csswizardry-grids.scss
*/
/* Output all the flexible width classes */
/* 
	Note: these may not be required esp. if the width classes are only being used for the grid.
*/
/* Whole */
/* line 19, ../sass/partials/layout/grid/_widths.scss */
.one-whole {
  width: 100%;
}

/* Halves */
/* line 22, ../sass/partials/layout/grid/_widths.scss */
.one-half {
  width: 50%;
}

/* Thirds */
/* line 25, ../sass/partials/layout/grid/_widths.scss */
.one-third {
  width: 33.333%;
}

/* line 26, ../sass/partials/layout/grid/_widths.scss */
.two-thirds {
  width: 66.666%;
}

/* Quarters */
/* line 29, ../sass/partials/layout/grid/_widths.scss */
.one-quarter {
  width: 25%;
}

/* line 30, ../sass/partials/layout/grid/_widths.scss */
.two-quarters {
  width: 50%;
}

/* line 31, ../sass/partials/layout/grid/_widths.scss */
.three-quarters {
  width: 75%;
}

/* Fifths */
/* line 34, ../sass/partials/layout/grid/_widths.scss */
.one-fifth {
  width: 20%;
}

/* line 35, ../sass/partials/layout/grid/_widths.scss */
.two-fifths {
  width: 40%;
}

/* line 36, ../sass/partials/layout/grid/_widths.scss */
.three-fifths {
  width: 60%;
}

/* line 37, ../sass/partials/layout/grid/_widths.scss */
.four-fifths {
  width: 80%;
}

/* Sixths */
/* line 40, ../sass/partials/layout/grid/_widths.scss */
.one-sixth {
  width: 16.666%;
}

/* line 41, ../sass/partials/layout/grid/_widths.scss */
.two-sixths {
  width: 33.333%;
}

/* line 42, ../sass/partials/layout/grid/_widths.scss */
.three-sixths {
  width: 50%;
}

/* line 43, ../sass/partials/layout/grid/_widths.scss */
.four-sixths {
  width: 66.666%;
}

/* line 44, ../sass/partials/layout/grid/_widths.scss */
.five-sixths {
  width: 83.333%;
}

/* Eighths */
/* line 47, ../sass/partials/layout/grid/_widths.scss */
.one-eighth {
  width: 12.5%;
}

/* line 48, ../sass/partials/layout/grid/_widths.scss */
.two-eighths {
  width: 25%;
}

/* line 49, ../sass/partials/layout/grid/_widths.scss */
.three-eighths {
  width: 37.5%;
}

/* line 50, ../sass/partials/layout/grid/_widths.scss */
.four-eighths {
  width: 50%;
}

/* line 51, ../sass/partials/layout/grid/_widths.scss */
.five-eighths {
  width: 62.5%;
}

/* line 52, ../sass/partials/layout/grid/_widths.scss */
.six-eighths {
  width: 75%;
}

/* line 53, ../sass/partials/layout/grid/_widths.scss */
.seven-eighths {
  width: 87.5%;
}

/* Tenths */
/* line 56, ../sass/partials/layout/grid/_widths.scss */
.one-tenth {
  width: 10%;
}

/* line 57, ../sass/partials/layout/grid/_widths.scss */
.two-tenths {
  width: 20%;
}

/* line 58, ../sass/partials/layout/grid/_widths.scss */
.three-tenths {
  width: 30%;
}

/* line 59, ../sass/partials/layout/grid/_widths.scss */
.four-tenths {
  width: 40%;
}

/* line 60, ../sass/partials/layout/grid/_widths.scss */
.five-tenths {
  width: 50%;
}

/* line 61, ../sass/partials/layout/grid/_widths.scss */
.six-tenths {
  width: 60%;
}

/* line 62, ../sass/partials/layout/grid/_widths.scss */
.seven-tenths {
  width: 70%;
}

/* line 63, ../sass/partials/layout/grid/_widths.scss */
.eight-tenths {
  width: 80%;
}

/* line 64, ../sass/partials/layout/grid/_widths.scss */
.nine-tenths {
  width: 90%;
}

/* Twelfths */
/* line 67, ../sass/partials/layout/grid/_widths.scss */
.one-twelfth {
  width: 8.333%;
}

/* line 68, ../sass/partials/layout/grid/_widths.scss */
.two-twelfths {
  width: 16.666%;
}

/* line 69, ../sass/partials/layout/grid/_widths.scss */
.three-twelfths {
  width: 25%;
}

/* line 70, ../sass/partials/layout/grid/_widths.scss */
.four-twelfths {
  width: 33.333%;
}

/* line 71, ../sass/partials/layout/grid/_widths.scss */
.five-twelfths {
  width: 41.666%;
}

/* line 72, ../sass/partials/layout/grid/_widths.scss */
.six-twelfths {
  width: 50%;
}

/* line 73, ../sass/partials/layout/grid/_widths.scss */
.seven-twelfths {
  width: 58.333%;
}

/* line 74, ../sass/partials/layout/grid/_widths.scss */
.eight-twelfths {
  width: 66.666%;
}

/* line 75, ../sass/partials/layout/grid/_widths.scss */
.nine-twelfths {
  width: 75%;
}

/* line 76, ../sass/partials/layout/grid/_widths.scss */
.ten-twelfths {
  width: 83.333%;
}

/* line 77, ../sass/partials/layout/grid/_widths.scss */
.eleven-twelfths {
  width: 91.666%;
}

/* --Output all the flexible width classes under specific breakpoints applied via specific classes (namespaced) e.g. `.lap-one-half` (all pre-defined breakpoints)-- */
/* 
	Note: be sure to comment out what you don't use as a lot of CSS is generated from all of this.
*/
/* Non-palm */
@media all and (min-width: 40.0625em) {
  /* Whole */
  /* line 19, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-one-whole {
    width: 100%;
  }

  /* Halves */
  /* line 22, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-one-half {
    width: 50%;
  }

  /* Thirds */
  /* line 25, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-one-third {
    width: 33.333%;
  }

  /* line 26, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-two-thirds {
    width: 66.666%;
  }

  /* Quarters */
  /* line 29, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-one-quarter {
    width: 25%;
  }

  /* line 30, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-two-quarters {
    width: 50%;
  }

  /* line 31, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-three-quarters {
    width: 75%;
  }

  /* Fifths */
  /* line 34, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-one-fifth {
    width: 20%;
  }

  /* line 35, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-two-fifths {
    width: 40%;
  }

  /* line 36, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-three-fifths {
    width: 60%;
  }

  /* line 37, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-four-fifths {
    width: 80%;
  }

  /* Sixths */
  /* line 40, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-one-sixth {
    width: 16.666%;
  }

  /* line 41, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-two-sixths {
    width: 33.333%;
  }

  /* line 42, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-three-sixths {
    width: 50%;
  }

  /* line 43, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-four-sixths {
    width: 66.666%;
  }

  /* line 44, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-five-sixths {
    width: 83.333%;
  }

  /* Eighths */
  /* line 47, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-one-eighth {
    width: 12.5%;
  }

  /* line 48, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-two-eighths {
    width: 25%;
  }

  /* line 49, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-three-eighths {
    width: 37.5%;
  }

  /* line 50, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-four-eighths {
    width: 50%;
  }

  /* line 51, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-five-eighths {
    width: 62.5%;
  }

  /* line 52, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-six-eighths {
    width: 75%;
  }

  /* line 53, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-seven-eighths {
    width: 87.5%;
  }

  /* Tenths */
  /* line 56, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-one-tenth {
    width: 10%;
  }

  /* line 57, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-two-tenths {
    width: 20%;
  }

  /* line 58, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-three-tenths {
    width: 30%;
  }

  /* line 59, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-four-tenths {
    width: 40%;
  }

  /* line 60, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-five-tenths {
    width: 50%;
  }

  /* line 61, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-six-tenths {
    width: 60%;
  }

  /* line 62, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-seven-tenths {
    width: 70%;
  }

  /* line 63, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-eight-tenths {
    width: 80%;
  }

  /* line 64, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-nine-tenths {
    width: 90%;
  }

  /* Twelfths */
  /* line 67, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-one-twelfth {
    width: 8.333%;
  }

  /* line 68, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-two-twelfths {
    width: 16.666%;
  }

  /* line 69, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-three-twelfths {
    width: 25%;
  }

  /* line 70, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-four-twelfths {
    width: 33.333%;
  }

  /* line 71, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-five-twelfths {
    width: 41.666%;
  }

  /* line 72, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-six-twelfths {
    width: 50%;
  }

  /* line 73, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-seven-twelfths {
    width: 58.333%;
  }

  /* line 74, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-eight-twelfths {
    width: 66.666%;
  }

  /* line 75, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-nine-twelfths {
    width: 75%;
  }

  /* line 76, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-ten-twelfths {
    width: 83.333%;
  }

  /* line 77, ../sass/partials/layout/grid/_widths.scss */
  .non-palm-eleven-twelfths {
    width: 91.666%;
  }
}
/* Lap */
/* Lap */
@media all and (min-width: 40.0625em) and (max-width: 74.9375em) {
  /* Whole */
  /* line 19, ../sass/partials/layout/grid/_widths.scss */
  .lap-one-whole {
    width: 100%;
  }

  /* Halves */
  /* line 22, ../sass/partials/layout/grid/_widths.scss */
  .lap-one-half {
    width: 50%;
  }

  /* Thirds */
  /* line 25, ../sass/partials/layout/grid/_widths.scss */
  .lap-one-third {
    width: 33.333%;
  }

  /* line 26, ../sass/partials/layout/grid/_widths.scss */
  .lap-two-thirds {
    width: 66.666%;
  }

  /* Quarters */
  /* line 29, ../sass/partials/layout/grid/_widths.scss */
  .lap-one-quarter {
    width: 25%;
  }

  /* line 30, ../sass/partials/layout/grid/_widths.scss */
  .lap-two-quarters {
    width: 50%;
  }

  /* line 31, ../sass/partials/layout/grid/_widths.scss */
  .lap-three-quarters {
    width: 75%;
  }

  /* Fifths */
  /* line 34, ../sass/partials/layout/grid/_widths.scss */
  .lap-one-fifth {
    width: 20%;
  }

  /* line 35, ../sass/partials/layout/grid/_widths.scss */
  .lap-two-fifths {
    width: 40%;
  }

  /* line 36, ../sass/partials/layout/grid/_widths.scss */
  .lap-three-fifths {
    width: 60%;
  }

  /* line 37, ../sass/partials/layout/grid/_widths.scss */
  .lap-four-fifths {
    width: 80%;
  }

  /* Sixths */
  /* line 40, ../sass/partials/layout/grid/_widths.scss */
  .lap-one-sixth {
    width: 16.666%;
  }

  /* line 41, ../sass/partials/layout/grid/_widths.scss */
  .lap-two-sixths {
    width: 33.333%;
  }

  /* line 42, ../sass/partials/layout/grid/_widths.scss */
  .lap-three-sixths {
    width: 50%;
  }

  /* line 43, ../sass/partials/layout/grid/_widths.scss */
  .lap-four-sixths {
    width: 66.666%;
  }

  /* line 44, ../sass/partials/layout/grid/_widths.scss */
  .lap-five-sixths {
    width: 83.333%;
  }

  /* Eighths */
  /* line 47, ../sass/partials/layout/grid/_widths.scss */
  .lap-one-eighth {
    width: 12.5%;
  }

  /* line 48, ../sass/partials/layout/grid/_widths.scss */
  .lap-two-eighths {
    width: 25%;
  }

  /* line 49, ../sass/partials/layout/grid/_widths.scss */
  .lap-three-eighths {
    width: 37.5%;
  }

  /* line 50, ../sass/partials/layout/grid/_widths.scss */
  .lap-four-eighths {
    width: 50%;
  }

  /* line 51, ../sass/partials/layout/grid/_widths.scss */
  .lap-five-eighths {
    width: 62.5%;
  }

  /* line 52, ../sass/partials/layout/grid/_widths.scss */
  .lap-six-eighths {
    width: 75%;
  }

  /* line 53, ../sass/partials/layout/grid/_widths.scss */
  .lap-seven-eighths {
    width: 87.5%;
  }

  /* Tenths */
  /* line 56, ../sass/partials/layout/grid/_widths.scss */
  .lap-one-tenth {
    width: 10%;
  }

  /* line 57, ../sass/partials/layout/grid/_widths.scss */
  .lap-two-tenths {
    width: 20%;
  }

  /* line 58, ../sass/partials/layout/grid/_widths.scss */
  .lap-three-tenths {
    width: 30%;
  }

  /* line 59, ../sass/partials/layout/grid/_widths.scss */
  .lap-four-tenths {
    width: 40%;
  }

  /* line 60, ../sass/partials/layout/grid/_widths.scss */
  .lap-five-tenths {
    width: 50%;
  }

  /* line 61, ../sass/partials/layout/grid/_widths.scss */
  .lap-six-tenths {
    width: 60%;
  }

  /* line 62, ../sass/partials/layout/grid/_widths.scss */
  .lap-seven-tenths {
    width: 70%;
  }

  /* line 63, ../sass/partials/layout/grid/_widths.scss */
  .lap-eight-tenths {
    width: 80%;
  }

  /* line 64, ../sass/partials/layout/grid/_widths.scss */
  .lap-nine-tenths {
    width: 90%;
  }

  /* Twelfths */
  /* line 67, ../sass/partials/layout/grid/_widths.scss */
  .lap-one-twelfth {
    width: 8.333%;
  }

  /* line 68, ../sass/partials/layout/grid/_widths.scss */
  .lap-two-twelfths {
    width: 16.666%;
  }

  /* line 69, ../sass/partials/layout/grid/_widths.scss */
  .lap-three-twelfths {
    width: 25%;
  }

  /* line 70, ../sass/partials/layout/grid/_widths.scss */
  .lap-four-twelfths {
    width: 33.333%;
  }

  /* line 71, ../sass/partials/layout/grid/_widths.scss */
  .lap-five-twelfths {
    width: 41.666%;
  }

  /* line 72, ../sass/partials/layout/grid/_widths.scss */
  .lap-six-twelfths {
    width: 50%;
  }

  /* line 73, ../sass/partials/layout/grid/_widths.scss */
  .lap-seven-twelfths {
    width: 58.333%;
  }

  /* line 74, ../sass/partials/layout/grid/_widths.scss */
  .lap-eight-twelfths {
    width: 66.666%;
  }

  /* line 75, ../sass/partials/layout/grid/_widths.scss */
  .lap-nine-twelfths {
    width: 75%;
  }

  /* line 76, ../sass/partials/layout/grid/_widths.scss */
  .lap-ten-twelfths {
    width: 83.333%;
  }

  /* line 77, ../sass/partials/layout/grid/_widths.scss */
  .lap-eleven-twelfths {
    width: 91.666%;
  }
}
/* Lap small */
/* Lap large */
/* Desk small */
/* Lap small */
/* Lap */
/* Lap small */
@media all and (min-width: 40.0625em) and (max-width: 56.25em) {
  /* Whole */
  /* line 19, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-one-whole {
    width: 100%;
  }

  /* Halves */
  /* line 22, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-one-half {
    width: 50%;
  }

  /* Thirds */
  /* line 25, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-one-third {
    width: 33.333%;
  }

  /* line 26, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-two-thirds {
    width: 66.666%;
  }

  /* Quarters */
  /* line 29, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-one-quarter {
    width: 25%;
  }

  /* line 30, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-two-quarters {
    width: 50%;
  }

  /* line 31, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-three-quarters {
    width: 75%;
  }

  /* Fifths */
  /* line 34, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-one-fifth {
    width: 20%;
  }

  /* line 35, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-two-fifths {
    width: 40%;
  }

  /* line 36, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-three-fifths {
    width: 60%;
  }

  /* line 37, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-four-fifths {
    width: 80%;
  }

  /* Sixths */
  /* line 40, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-one-sixth {
    width: 16.666%;
  }

  /* line 41, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-two-sixths {
    width: 33.333%;
  }

  /* line 42, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-three-sixths {
    width: 50%;
  }

  /* line 43, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-four-sixths {
    width: 66.666%;
  }

  /* line 44, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-five-sixths {
    width: 83.333%;
  }

  /* Eighths */
  /* line 47, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-one-eighth {
    width: 12.5%;
  }

  /* line 48, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-two-eighths {
    width: 25%;
  }

  /* line 49, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-three-eighths {
    width: 37.5%;
  }

  /* line 50, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-four-eighths {
    width: 50%;
  }

  /* line 51, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-five-eighths {
    width: 62.5%;
  }

  /* line 52, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-six-eighths {
    width: 75%;
  }

  /* line 53, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-seven-eighths {
    width: 87.5%;
  }

  /* Tenths */
  /* line 56, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-one-tenth {
    width: 10%;
  }

  /* line 57, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-two-tenths {
    width: 20%;
  }

  /* line 58, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-three-tenths {
    width: 30%;
  }

  /* line 59, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-four-tenths {
    width: 40%;
  }

  /* line 60, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-five-tenths {
    width: 50%;
  }

  /* line 61, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-six-tenths {
    width: 60%;
  }

  /* line 62, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-seven-tenths {
    width: 70%;
  }

  /* line 63, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-eight-tenths {
    width: 80%;
  }

  /* line 64, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-nine-tenths {
    width: 90%;
  }

  /* Twelfths */
  /* line 67, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-one-twelfth {
    width: 8.333%;
  }

  /* line 68, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-two-twelfths {
    width: 16.666%;
  }

  /* line 69, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-three-twelfths {
    width: 25%;
  }

  /* line 70, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-four-twelfths {
    width: 33.333%;
  }

  /* line 71, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-five-twelfths {
    width: 41.666%;
  }

  /* line 72, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-six-twelfths {
    width: 50%;
  }

  /* line 73, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-seven-twelfths {
    width: 58.333%;
  }

  /* line 74, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-eight-twelfths {
    width: 66.666%;
  }

  /* line 75, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-nine-twelfths {
    width: 75%;
  }

  /* line 76, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-ten-twelfths {
    width: 83.333%;
  }

  /* line 77, ../sass/partials/layout/grid/_widths.scss */
  .lap-sml-eleven-twelfths {
    width: 91.666%;
  }
}
/* Lap large */
/* Desk small */
/* Lap large */
/* Lap */
/* Lap small */
/* Lap large */
@media all and (min-width: 56.3125em) and (max-width: 74.9375em) {
  /* Whole */
  /* line 19, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-one-whole {
    width: 100%;
  }

  /* Halves */
  /* line 22, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-one-half {
    width: 50%;
  }

  /* Thirds */
  /* line 25, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-one-third {
    width: 33.333%;
  }

  /* line 26, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-two-thirds {
    width: 66.666%;
  }

  /* Quarters */
  /* line 29, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-one-quarter {
    width: 25%;
  }

  /* line 30, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-two-quarters {
    width: 50%;
  }

  /* line 31, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-three-quarters {
    width: 75%;
  }

  /* Fifths */
  /* line 34, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-one-fifth {
    width: 20%;
  }

  /* line 35, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-two-fifths {
    width: 40%;
  }

  /* line 36, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-three-fifths {
    width: 60%;
  }

  /* line 37, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-four-fifths {
    width: 80%;
  }

  /* Sixths */
  /* line 40, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-one-sixth {
    width: 16.666%;
  }

  /* line 41, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-two-sixths {
    width: 33.333%;
  }

  /* line 42, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-three-sixths {
    width: 50%;
  }

  /* line 43, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-four-sixths {
    width: 66.666%;
  }

  /* line 44, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-five-sixths {
    width: 83.333%;
  }

  /* Eighths */
  /* line 47, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-one-eighth {
    width: 12.5%;
  }

  /* line 48, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-two-eighths {
    width: 25%;
  }

  /* line 49, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-three-eighths {
    width: 37.5%;
  }

  /* line 50, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-four-eighths {
    width: 50%;
  }

  /* line 51, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-five-eighths {
    width: 62.5%;
  }

  /* line 52, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-six-eighths {
    width: 75%;
  }

  /* line 53, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-seven-eighths {
    width: 87.5%;
  }

  /* Tenths */
  /* line 56, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-one-tenth {
    width: 10%;
  }

  /* line 57, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-two-tenths {
    width: 20%;
  }

  /* line 58, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-three-tenths {
    width: 30%;
  }

  /* line 59, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-four-tenths {
    width: 40%;
  }

  /* line 60, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-five-tenths {
    width: 50%;
  }

  /* line 61, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-six-tenths {
    width: 60%;
  }

  /* line 62, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-seven-tenths {
    width: 70%;
  }

  /* line 63, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-eight-tenths {
    width: 80%;
  }

  /* line 64, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-nine-tenths {
    width: 90%;
  }

  /* Twelfths */
  /* line 67, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-one-twelfth {
    width: 8.333%;
  }

  /* line 68, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-two-twelfths {
    width: 16.666%;
  }

  /* line 69, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-three-twelfths {
    width: 25%;
  }

  /* line 70, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-four-twelfths {
    width: 33.333%;
  }

  /* line 71, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-five-twelfths {
    width: 41.666%;
  }

  /* line 72, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-six-twelfths {
    width: 50%;
  }

  /* line 73, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-seven-twelfths {
    width: 58.333%;
  }

  /* line 74, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-eight-twelfths {
    width: 66.666%;
  }

  /* line 75, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-nine-twelfths {
    width: 75%;
  }

  /* line 76, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-ten-twelfths {
    width: 83.333%;
  }

  /* line 77, ../sass/partials/layout/grid/_widths.scss */
  .lap-lrg-eleven-twelfths {
    width: 91.666%;
  }
}
/* Desk small */
/* Portable */
@media all and (max-width: 74.9375em) {
  /* Whole */
  /* line 19, ../sass/partials/layout/grid/_widths.scss */
  .portable-one-whole {
    width: 100%;
  }

  /* Halves */
  /* line 22, ../sass/partials/layout/grid/_widths.scss */
  .portable-one-half {
    width: 50%;
  }

  /* Thirds */
  /* line 25, ../sass/partials/layout/grid/_widths.scss */
  .portable-one-third {
    width: 33.333%;
  }

  /* line 26, ../sass/partials/layout/grid/_widths.scss */
  .portable-two-thirds {
    width: 66.666%;
  }

  /* Quarters */
  /* line 29, ../sass/partials/layout/grid/_widths.scss */
  .portable-one-quarter {
    width: 25%;
  }

  /* line 30, ../sass/partials/layout/grid/_widths.scss */
  .portable-two-quarters {
    width: 50%;
  }

  /* line 31, ../sass/partials/layout/grid/_widths.scss */
  .portable-three-quarters {
    width: 75%;
  }

  /* Fifths */
  /* line 34, ../sass/partials/layout/grid/_widths.scss */
  .portable-one-fifth {
    width: 20%;
  }

  /* line 35, ../sass/partials/layout/grid/_widths.scss */
  .portable-two-fifths {
    width: 40%;
  }

  /* line 36, ../sass/partials/layout/grid/_widths.scss */
  .portable-three-fifths {
    width: 60%;
  }

  /* line 37, ../sass/partials/layout/grid/_widths.scss */
  .portable-four-fifths {
    width: 80%;
  }

  /* Sixths */
  /* line 40, ../sass/partials/layout/grid/_widths.scss */
  .portable-one-sixth {
    width: 16.666%;
  }

  /* line 41, ../sass/partials/layout/grid/_widths.scss */
  .portable-two-sixths {
    width: 33.333%;
  }

  /* line 42, ../sass/partials/layout/grid/_widths.scss */
  .portable-three-sixths {
    width: 50%;
  }

  /* line 43, ../sass/partials/layout/grid/_widths.scss */
  .portable-four-sixths {
    width: 66.666%;
  }

  /* line 44, ../sass/partials/layout/grid/_widths.scss */
  .portable-five-sixths {
    width: 83.333%;
  }

  /* Eighths */
  /* line 47, ../sass/partials/layout/grid/_widths.scss */
  .portable-one-eighth {
    width: 12.5%;
  }

  /* line 48, ../sass/partials/layout/grid/_widths.scss */
  .portable-two-eighths {
    width: 25%;
  }

  /* line 49, ../sass/partials/layout/grid/_widths.scss */
  .portable-three-eighths {
    width: 37.5%;
  }

  /* line 50, ../sass/partials/layout/grid/_widths.scss */
  .portable-four-eighths {
    width: 50%;
  }

  /* line 51, ../sass/partials/layout/grid/_widths.scss */
  .portable-five-eighths {
    width: 62.5%;
  }

  /* line 52, ../sass/partials/layout/grid/_widths.scss */
  .portable-six-eighths {
    width: 75%;
  }

  /* line 53, ../sass/partials/layout/grid/_widths.scss */
  .portable-seven-eighths {
    width: 87.5%;
  }

  /* Tenths */
  /* line 56, ../sass/partials/layout/grid/_widths.scss */
  .portable-one-tenth {
    width: 10%;
  }

  /* line 57, ../sass/partials/layout/grid/_widths.scss */
  .portable-two-tenths {
    width: 20%;
  }

  /* line 58, ../sass/partials/layout/grid/_widths.scss */
  .portable-three-tenths {
    width: 30%;
  }

  /* line 59, ../sass/partials/layout/grid/_widths.scss */
  .portable-four-tenths {
    width: 40%;
  }

  /* line 60, ../sass/partials/layout/grid/_widths.scss */
  .portable-five-tenths {
    width: 50%;
  }

  /* line 61, ../sass/partials/layout/grid/_widths.scss */
  .portable-six-tenths {
    width: 60%;
  }

  /* line 62, ../sass/partials/layout/grid/_widths.scss */
  .portable-seven-tenths {
    width: 70%;
  }

  /* line 63, ../sass/partials/layout/grid/_widths.scss */
  .portable-eight-tenths {
    width: 80%;
  }

  /* line 64, ../sass/partials/layout/grid/_widths.scss */
  .portable-nine-tenths {
    width: 90%;
  }

  /* Twelfths */
  /* line 67, ../sass/partials/layout/grid/_widths.scss */
  .portable-one-twelfth {
    width: 8.333%;
  }

  /* line 68, ../sass/partials/layout/grid/_widths.scss */
  .portable-two-twelfths {
    width: 16.666%;
  }

  /* line 69, ../sass/partials/layout/grid/_widths.scss */
  .portable-three-twelfths {
    width: 25%;
  }

  /* line 70, ../sass/partials/layout/grid/_widths.scss */
  .portable-four-twelfths {
    width: 33.333%;
  }

  /* line 71, ../sass/partials/layout/grid/_widths.scss */
  .portable-five-twelfths {
    width: 41.666%;
  }

  /* line 72, ../sass/partials/layout/grid/_widths.scss */
  .portable-six-twelfths {
    width: 50%;
  }

  /* line 73, ../sass/partials/layout/grid/_widths.scss */
  .portable-seven-twelfths {
    width: 58.333%;
  }

  /* line 74, ../sass/partials/layout/grid/_widths.scss */
  .portable-eight-twelfths {
    width: 66.666%;
  }

  /* line 75, ../sass/partials/layout/grid/_widths.scss */
  .portable-nine-twelfths {
    width: 75%;
  }

  /* line 76, ../sass/partials/layout/grid/_widths.scss */
  .portable-ten-twelfths {
    width: 83.333%;
  }

  /* line 77, ../sass/partials/layout/grid/_widths.scss */
  .portable-eleven-twelfths {
    width: 91.666%;
  }
}
/* Desk */
@media all and (min-width: 75em) {
  /* Whole */
  /* line 19, ../sass/partials/layout/grid/_widths.scss */
  .desk-one-whole {
    width: 100%;
  }

  /* Halves */
  /* line 22, ../sass/partials/layout/grid/_widths.scss */
  .desk-one-half {
    width: 50%;
  }

  /* Thirds */
  /* line 25, ../sass/partials/layout/grid/_widths.scss */
  .desk-one-third {
    width: 33.333%;
  }

  /* line 26, ../sass/partials/layout/grid/_widths.scss */
  .desk-two-thirds {
    width: 66.666%;
  }

  /* Quarters */
  /* line 29, ../sass/partials/layout/grid/_widths.scss */
  .desk-one-quarter {
    width: 25%;
  }

  /* line 30, ../sass/partials/layout/grid/_widths.scss */
  .desk-two-quarters {
    width: 50%;
  }

  /* line 31, ../sass/partials/layout/grid/_widths.scss */
  .desk-three-quarters {
    width: 75%;
  }

  /* Fifths */
  /* line 34, ../sass/partials/layout/grid/_widths.scss */
  .desk-one-fifth {
    width: 20%;
  }

  /* line 35, ../sass/partials/layout/grid/_widths.scss */
  .desk-two-fifths {
    width: 40%;
  }

  /* line 36, ../sass/partials/layout/grid/_widths.scss */
  .desk-three-fifths {
    width: 60%;
  }

  /* line 37, ../sass/partials/layout/grid/_widths.scss */
  .desk-four-fifths {
    width: 80%;
  }

  /* Sixths */
  /* line 40, ../sass/partials/layout/grid/_widths.scss */
  .desk-one-sixth {
    width: 16.666%;
  }

  /* line 41, ../sass/partials/layout/grid/_widths.scss */
  .desk-two-sixths {
    width: 33.333%;
  }

  /* line 42, ../sass/partials/layout/grid/_widths.scss */
  .desk-three-sixths {
    width: 50%;
  }

  /* line 43, ../sass/partials/layout/grid/_widths.scss */
  .desk-four-sixths {
    width: 66.666%;
  }

  /* line 44, ../sass/partials/layout/grid/_widths.scss */
  .desk-five-sixths {
    width: 83.333%;
  }

  /* Eighths */
  /* line 47, ../sass/partials/layout/grid/_widths.scss */
  .desk-one-eighth {
    width: 12.5%;
  }

  /* line 48, ../sass/partials/layout/grid/_widths.scss */
  .desk-two-eighths {
    width: 25%;
  }

  /* line 49, ../sass/partials/layout/grid/_widths.scss */
  .desk-three-eighths {
    width: 37.5%;
  }

  /* line 50, ../sass/partials/layout/grid/_widths.scss */
  .desk-four-eighths {
    width: 50%;
  }

  /* line 51, ../sass/partials/layout/grid/_widths.scss */
  .desk-five-eighths {
    width: 62.5%;
  }

  /* line 52, ../sass/partials/layout/grid/_widths.scss */
  .desk-six-eighths {
    width: 75%;
  }

  /* line 53, ../sass/partials/layout/grid/_widths.scss */
  .desk-seven-eighths {
    width: 87.5%;
  }

  /* Tenths */
  /* line 56, ../sass/partials/layout/grid/_widths.scss */
  .desk-one-tenth {
    width: 10%;
  }

  /* line 57, ../sass/partials/layout/grid/_widths.scss */
  .desk-two-tenths {
    width: 20%;
  }

  /* line 58, ../sass/partials/layout/grid/_widths.scss */
  .desk-three-tenths {
    width: 30%;
  }

  /* line 59, ../sass/partials/layout/grid/_widths.scss */
  .desk-four-tenths {
    width: 40%;
  }

  /* line 60, ../sass/partials/layout/grid/_widths.scss */
  .desk-five-tenths {
    width: 50%;
  }

  /* line 61, ../sass/partials/layout/grid/_widths.scss */
  .desk-six-tenths {
    width: 60%;
  }

  /* line 62, ../sass/partials/layout/grid/_widths.scss */
  .desk-seven-tenths {
    width: 70%;
  }

  /* line 63, ../sass/partials/layout/grid/_widths.scss */
  .desk-eight-tenths {
    width: 80%;
  }

  /* line 64, ../sass/partials/layout/grid/_widths.scss */
  .desk-nine-tenths {
    width: 90%;
  }

  /* Twelfths */
  /* line 67, ../sass/partials/layout/grid/_widths.scss */
  .desk-one-twelfth {
    width: 8.333%;
  }

  /* line 68, ../sass/partials/layout/grid/_widths.scss */
  .desk-two-twelfths {
    width: 16.666%;
  }

  /* line 69, ../sass/partials/layout/grid/_widths.scss */
  .desk-three-twelfths {
    width: 25%;
  }

  /* line 70, ../sass/partials/layout/grid/_widths.scss */
  .desk-four-twelfths {
    width: 33.333%;
  }

  /* line 71, ../sass/partials/layout/grid/_widths.scss */
  .desk-five-twelfths {
    width: 41.666%;
  }

  /* line 72, ../sass/partials/layout/grid/_widths.scss */
  .desk-six-twelfths {
    width: 50%;
  }

  /* line 73, ../sass/partials/layout/grid/_widths.scss */
  .desk-seven-twelfths {
    width: 58.333%;
  }

  /* line 74, ../sass/partials/layout/grid/_widths.scss */
  .desk-eight-twelfths {
    width: 66.666%;
  }

  /* line 75, ../sass/partials/layout/grid/_widths.scss */
  .desk-nine-twelfths {
    width: 75%;
  }

  /* line 76, ../sass/partials/layout/grid/_widths.scss */
  .desk-ten-twelfths {
    width: 83.333%;
  }

  /* line 77, ../sass/partials/layout/grid/_widths.scss */
  .desk-eleven-twelfths {
    width: 91.666%;
  }
}
/* Desk small */
/* Lap */
/* Lap small */
/* Lap large */
/* Desk small */
@media all and (min-width: 75em) and (max-width: 85.3125em) {
  /* Whole */
  /* line 19, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-one-whole {
    width: 100%;
  }

  /* Halves */
  /* line 22, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-one-half {
    width: 50%;
  }

  /* Thirds */
  /* line 25, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-one-third {
    width: 33.333%;
  }

  /* line 26, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-two-thirds {
    width: 66.666%;
  }

  /* Quarters */
  /* line 29, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-one-quarter {
    width: 25%;
  }

  /* line 30, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-two-quarters {
    width: 50%;
  }

  /* line 31, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-three-quarters {
    width: 75%;
  }

  /* Fifths */
  /* line 34, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-one-fifth {
    width: 20%;
  }

  /* line 35, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-two-fifths {
    width: 40%;
  }

  /* line 36, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-three-fifths {
    width: 60%;
  }

  /* line 37, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-four-fifths {
    width: 80%;
  }

  /* Sixths */
  /* line 40, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-one-sixth {
    width: 16.666%;
  }

  /* line 41, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-two-sixths {
    width: 33.333%;
  }

  /* line 42, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-three-sixths {
    width: 50%;
  }

  /* line 43, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-four-sixths {
    width: 66.666%;
  }

  /* line 44, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-five-sixths {
    width: 83.333%;
  }

  /* Eighths */
  /* line 47, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-one-eighth {
    width: 12.5%;
  }

  /* line 48, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-two-eighths {
    width: 25%;
  }

  /* line 49, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-three-eighths {
    width: 37.5%;
  }

  /* line 50, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-four-eighths {
    width: 50%;
  }

  /* line 51, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-five-eighths {
    width: 62.5%;
  }

  /* line 52, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-six-eighths {
    width: 75%;
  }

  /* line 53, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-seven-eighths {
    width: 87.5%;
  }

  /* Tenths */
  /* line 56, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-one-tenth {
    width: 10%;
  }

  /* line 57, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-two-tenths {
    width: 20%;
  }

  /* line 58, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-three-tenths {
    width: 30%;
  }

  /* line 59, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-four-tenths {
    width: 40%;
  }

  /* line 60, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-five-tenths {
    width: 50%;
  }

  /* line 61, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-six-tenths {
    width: 60%;
  }

  /* line 62, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-seven-tenths {
    width: 70%;
  }

  /* line 63, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-eight-tenths {
    width: 80%;
  }

  /* line 64, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-nine-tenths {
    width: 90%;
  }

  /* Twelfths */
  /* line 67, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-one-twelfth {
    width: 8.333%;
  }

  /* line 68, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-two-twelfths {
    width: 16.666%;
  }

  /* line 69, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-three-twelfths {
    width: 25%;
  }

  /* line 70, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-four-twelfths {
    width: 33.333%;
  }

  /* line 71, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-five-twelfths {
    width: 41.666%;
  }

  /* line 72, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-six-twelfths {
    width: 50%;
  }

  /* line 73, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-seven-twelfths {
    width: 58.333%;
  }

  /* line 74, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-eight-twelfths {
    width: 66.666%;
  }

  /* line 75, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-nine-twelfths {
    width: 75%;
  }

  /* line 76, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-ten-twelfths {
    width: 83.333%;
  }

  /* line 77, ../sass/partials/layout/grid/_widths.scss */
  .desk-sml-eleven-twelfths {
    width: 91.666%;
  }
}
/* Desk large */
@media all and (min-width: 85.375em) {
  /* Whole */
  /* line 19, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-one-whole {
    width: 100%;
  }

  /* Halves */
  /* line 22, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-one-half {
    width: 50%;
  }

  /* Thirds */
  /* line 25, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-one-third {
    width: 33.333%;
  }

  /* line 26, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-two-thirds {
    width: 66.666%;
  }

  /* Quarters */
  /* line 29, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-one-quarter {
    width: 25%;
  }

  /* line 30, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-two-quarters {
    width: 50%;
  }

  /* line 31, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-three-quarters {
    width: 75%;
  }

  /* Fifths */
  /* line 34, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-one-fifth {
    width: 20%;
  }

  /* line 35, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-two-fifths {
    width: 40%;
  }

  /* line 36, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-three-fifths {
    width: 60%;
  }

  /* line 37, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-four-fifths {
    width: 80%;
  }

  /* Sixths */
  /* line 40, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-one-sixth {
    width: 16.666%;
  }

  /* line 41, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-two-sixths {
    width: 33.333%;
  }

  /* line 42, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-three-sixths {
    width: 50%;
  }

  /* line 43, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-four-sixths {
    width: 66.666%;
  }

  /* line 44, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-five-sixths {
    width: 83.333%;
  }

  /* Eighths */
  /* line 47, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-one-eighth {
    width: 12.5%;
  }

  /* line 48, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-two-eighths {
    width: 25%;
  }

  /* line 49, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-three-eighths {
    width: 37.5%;
  }

  /* line 50, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-four-eighths {
    width: 50%;
  }

  /* line 51, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-five-eighths {
    width: 62.5%;
  }

  /* line 52, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-six-eighths {
    width: 75%;
  }

  /* line 53, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-seven-eighths {
    width: 87.5%;
  }

  /* Tenths */
  /* line 56, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-one-tenth {
    width: 10%;
  }

  /* line 57, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-two-tenths {
    width: 20%;
  }

  /* line 58, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-three-tenths {
    width: 30%;
  }

  /* line 59, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-four-tenths {
    width: 40%;
  }

  /* line 60, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-five-tenths {
    width: 50%;
  }

  /* line 61, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-six-tenths {
    width: 60%;
  }

  /* line 62, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-seven-tenths {
    width: 70%;
  }

  /* line 63, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-eight-tenths {
    width: 80%;
  }

  /* line 64, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-nine-tenths {
    width: 90%;
  }

  /* Twelfths */
  /* line 67, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-one-twelfth {
    width: 8.333%;
  }

  /* line 68, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-two-twelfths {
    width: 16.666%;
  }

  /* line 69, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-three-twelfths {
    width: 25%;
  }

  /* line 70, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-four-twelfths {
    width: 33.333%;
  }

  /* line 71, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-five-twelfths {
    width: 41.666%;
  }

  /* line 72, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-six-twelfths {
    width: 50%;
  }

  /* line 73, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-seven-twelfths {
    width: 58.333%;
  }

  /* line 74, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-eight-twelfths {
    width: 66.666%;
  }

  /* line 75, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-nine-twelfths {
    width: 75%;
  }

  /* line 76, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-ten-twelfths {
    width: 83.333%;
  }

  /* line 77, ../sass/partials/layout/grid/_widths.scss */
  .desk-lrg-eleven-twelfths {
    width: 91.666%;
  }
}
/* ======================================================================================
   @LAYOUT -> GRID -> PULL
   ====================================================================================== */
/*
	Usage: 
		Pull classes, to move grid items over to the right by certain amounts.
		
	Credit: 
		https://github.com/csswizardry/csswizardry-grids/blob/master/csswizardry-grids.scss
*/
/* endif */
/* ======================================================================================
   @LAYOUT -> GRID -> PUSH
   ====================================================================================== */
/*
	Usage: 
		Push classes, to move grid items over to the left by certain amounts.
		
	Credit: 
		https://github.com/csswizardry/csswizardry-grids/blob/master/csswizardry-grids.scss
*/
/* endif */
/* Abstractions */
/* ======================================================================================
   @ABSTRACTIONS - > HORIZONTAL LIST
   ====================================================================================== */
/* 
	Usage: 
		Make list items for `ul` and `ol` elements render horizontally.
	
	Note:
		Most only kick in at a certain breakpoint, still undecided on this. Will be able to make a firm decision after using the abstraction in a few builds.
	
	Demo:
		Style Guide -> Abstractions -> Horizontal List
	
	Credit: 
		https://github.com/csswizardry/inuit.css/blob/master/inuit.css/objects/_nav.scss
*/
/* Remove base styles */
@media all and (min-width: 40.0625em) {
  /* line 23, ../sass/partials/abstractions/_horizontal-list.scss */
  .horiz-list {
    /* List items */
  }
  /* line 26, ../sass/partials/abstractions/_horizontal-list.scss */
  .horiz-list > li {
    /* List items + links */
  }
  /* line 29, ../sass/partials/abstractions/_horizontal-list.scss */
  .horiz-list > li,
  .horiz-list > li > a {
    display: inline-block;
  }

  /* --Extenders-- */
  /* With dividers */
  /* line 37, ../sass/partials/abstractions/_horizontal-list.scss */
  .horiz-list--dividers > li {
    border-left: 1px solid #bfbfbf;
    padding-left: 0.75em;
    margin-left: 0.75em;
    /* Kill rules for the first item */
  }
  /* line 43, ../sass/partials/abstractions/_horizontal-list.scss */
  .horiz-list--dividers > li:first-child {
    padding: 0;
    margin: 0;
    border: 0;
  }

  /* Center align */
  /* line 51, ../sass/partials/abstractions/_horizontal-list.scss */
  .horiz-list--center {
    text-align: center;
  }

  /* Fit (force the items to occupy 100% of the available width of its parent) */
  /* line 54, ../sass/partials/abstractions/_horizontal-list.scss */
  .horiz-list--fit {
    display: table;
    width: 100%;
    /* List items */
    /* When combined with the `.horiz-list--dividers` extender */
  }
  /* line 59, ../sass/partials/abstractions/_horizontal-list.scss */
  .horiz-list--fit > li {
    display: table-cell;
    /* Links */
  }
  /* line 63, ../sass/partials/abstractions/_horizontal-list.scss */
  .horiz-list--fit > li > a {
    display: block;
  }
  /* line 67, ../sass/partials/abstractions/_horizontal-list.scss */
  .horiz-list--fit.horiz-list--dividers > li {
    margin-left: 0;
    padding-right: 0.75em;
  }
}
/* Comma/slash seperated */
/* line 78, ../sass/partials/abstractions/_horizontal-list.scss */
.horiz-list--comma > li,
.horiz-list--slash > li {
  /* List items + links */
  /* Note: if the breakpoint above isn't used then this can be removed. */
  /* Pseudo element 
  &:after {margin-right: to-em($spacing-quarter);}*/
  /* Remove pseudo element on last child */
}
/* line 81, ../sass/partials/abstractions/_horizontal-list.scss */
.horiz-list--comma > li,
.horiz-list--comma > li > a,
.horiz-list--slash > li,
.horiz-list--slash > li > a {
  display: inline-block;
}
/* line 88, ../sass/partials/abstractions/_horizontal-list.scss */
.horiz-list--comma > li:last-child:after,
.horiz-list--slash > li:last-child:after {
  display: none;
}

/* line 92, ../sass/partials/abstractions/_horizontal-list.scss */
.horiz-list--slash > li:after {
  content: "/";
  margin-left: 0.375em;
}

/* line 97, ../sass/partials/abstractions/_horizontal-list.scss */
.horiz-list--comma > li:after {
  content: ",";
}

/* ======================================================================================
   @ABSTRACTIONS -> DEFINITION LIST
   ====================================================================================== */
/*
	Usage: 
		Make the `dt` and `dd` elements of a definition list render side-by-side.

	Demo:
		Style Guide -> Abstractions -> Definition List
*/
/* Definiton title */
/* line 14, ../sass/partials/abstractions/_definition-list.scss */
.def-list-title {
  float: left;
  clear: left;
  font-weight: bold;
  margin-right: 0.375em;
  /* Left indent at this breakpoint */
  /* Pseudo element - colon */
}
@media all and (min-width: 48em) {
  /* line 14, ../sass/partials/abstractions/_definition-list.scss */
  .def-list-title {
    margin-right: 0;
    width: 18.75em;
  }
}
/* line 27, ../sass/partials/abstractions/_definition-list.scss */
.def-list-title:after {
  content: ":";
}

/* Definiton description - left indent at this breakpoint */
@media all and (min-width: 40.0625em) {
  /* line 32, ../sass/partials/abstractions/_definition-list.scss */
  .def-list-desc {
    margin-left: 6.25em;
  }

  /* line 33, ../sass/partials/abstractions/_definition-list.scss */
  .def-list-title, .def-list-desc {
    margin-bottom: 0.5em;
  }
}
/* ======================================================================================
   @ABSTRACTIONS -> BLOCK LIST
   ====================================================================================== */
/*
	Usage: 
		Create big blocky lists of content.
	
	Demo:
		Style Guide -> Abstractions -> Block List
	
	Credit: 
		https://github.com/csswizardry/inuit.css/blob/master/inuit.css/partials/objects/_list-block.scss
*/
/* Shared */
/* line 18, ../sass/partials/abstractions/_block-list.scss */
.block-list,
.block-list > li {
  border: 0 solid #d4d4d4;
}

/* line 22, ../sass/partials/abstractions/_block-list.scss */
.block-list {
  border-top-width: 1px;
  /* List items */
}
/* line 26, ../sass/partials/abstractions/_block-list.scss */
.block-list > li {
  border-bottom-width: 1px;
  padding: 0.75em;
}

/* Links */
/* line 33, ../sass/partials/abstractions/_block-list.scss */
.block-list__link {
  display: block;
  padding: 0.75em;
  margin: -0.75em;
}

/* ======================================================================================
   @ABSTRACTIONS -> COMPLEX LINK
   ====================================================================================== */
/*
	Usage: 
		Add link styles to only selected items within links.

	Note: 
		The base link styles are repeated here so not very DRY (need to look into this).
	
	Demo:
		Style Guide -> Abstractions -> Complex Link
	
	Credit: 
		http://github.com/necolas/suit-utils/blob/master/link.css#L18
*/
/* line 19, ../sass/partials/abstractions/_complex-link.scss */
.complex-link {
  /* Pseudo classes for link target */
}
/* line 23, ../sass/partials/abstractions/_complex-link.scss */
.complex-link:visited .complex-link__target {
  color: #5c85d6;
}
/* line 25, ../sass/partials/abstractions/_complex-link.scss */
.complex-link:hover .complex-link__target, .complex-link:focus .complex-link__target {
  color: #cc9933;
  text-decoration: none;
  /* Note: this may be redundant? */
}

/* Link target */
/* line 33, ../sass/partials/abstractions/_complex-link.scss */
.complex-link__target {
  color: #36c;
  text-decoration: underline;
  /* Note: this may be redundant? */
  cursor: pointer;
}

/* ======================================================================================
   @ABSTRACTIONS -> SPLIT
   ====================================================================================== */
/*
	Usage: 
		Simple split item for creating two elements floated away from one another.

	Demo:
		Style Guide -> Abstractions -> Split
	
	Credit: 
		https://github.com/csswizardry/inuit.css/blob/master/inuit.css/objects/_split.scss
*/
/* Right align at this breakpoint */
@media all and (min-width: 40.0625em) {
  /* line 18, ../sass/partials/abstractions/_split.scss */
  .split {
    text-align: right;
  }
}
/* Title */
/* line 22, ../sass/partials/abstractions/_split.scss */
.split__title {
  float: left;
  margin-right: 0.375em;
  font-weight: bold;
  /* Float away at this breakpoint */
  /* Pseudo element - colon */
}
@media all and (min-width: 40.0625em) {
  /* line 22, ../sass/partials/abstractions/_split.scss */
  .split__title {
    text-align: left;
    clear: left;
  }
}
/* line 34, ../sass/partials/abstractions/_split.scss */
.split__title:after {
  content: ":";
}

/* ======================================================================================
   @ABSTRACTIONS -> FRAME
   ====================================================================================== */
/*
	Usage: 
		Apply a nice framed effect typically to the `img` and `figure` elements.
	
	Demo:
		Style Guide -> Abstractions -> Frame
*/
/* line 13, ../sass/partials/abstractions/_frame.scss */
.frame {
  background-color: #fff;
  padding: 0.375em;
  border-radius: 4px;
  border-bottom: 1px solid #bfbfbf;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
  display: block;
  /* Old IE */
}

/* Extend: change to `inline-block` */
/* line 29, ../sass/partials/abstractions/_frame.scss */
.frame--inline {
  display: inline-block;
}

/* Caption */
/* line 32, ../sass/partials/abstractions/_frame.scss */
.frame__caption {
  padding: 0.375em;
  font-family: Baskerville, "Hoefler Text", Garamond, "Times New Roman", serif;
  font-style: italic;
  color: gray;
  text-align: center;
}

/* ======================================================================================
   @ABSTRACTIONS -> ISLAND
   ====================================================================================== */
/*
	Usage: 
		Simple, boxed off content.

	Demo:
		Style Guide -> Abstractions -> Island
	
	Credit: 
		http://csswizardry.com/2011/10/the-island-object
*/
/* Shared */
/* line 17, ../sass/partials/abstractions/_island.scss */
.island,
.islet {
  display: block;
}

/* Island - full padding */
/* line 27, ../sass/partials/abstractions/_island.scss */
.island {
  padding: 24px;
  padding: 1.5rem;
}

/* Island - body */
/* line 32, ../sass/partials/abstractions/_island.scss */
.island-body {
  background-color: #fff;
  padding: 2em;
  border-radius: 2px;
  border: 1px solid #e3e3e3;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-shadow: inset 0 0 2px 1px rgba(255, 255, 255, 0.4), 0 0 5px 2px rgba(200, 200, 200, 0.55);
}

/* line 46, ../sass/partials/abstractions/_island.scss */
.island-btn:hover {
  /* Transition */
  -webkit-animation: bounce 0.6s 0s 3 both;
  animation: bounce 0.6s 0s 3 both;
}

@media all and (max-width: 40em) {
  /* line 51, ../sass/partials/abstractions/_island.scss */
  .island, .island-body {
    padding: 0.2em;
  }
}

/* Islet - half the padding */
/* line 58, ../sass/partials/abstractions/_island.scss */
.islet {
  padding: 12px;
  padding: 0.75rem;
}

/* line 64, ../sass/partials/abstractions/_island.scss */
a {
  text-decoration: none;
}
/* line 68, ../sass/partials/abstractions/_island.scss */
a:hover .island-body {
  -webkit-box-shadow: 0px 0px 15px 5px rgba(128, 128, 128, 0.5);
  -moz-box-shadow: 0px 0px 15px 5px rgba(128, 128, 128, 0.5);
  box-shadow: 0px 0px 15px 5px rgba(128, 128, 128, 0.5);
}

/*Training*/
/* line 78, ../sass/partials/abstractions/_island.scss */
.training .island {
  box-shadow: none;
  border: 0;
}
@media all and (max-width: 40em) {
  /* line 78, ../sass/partials/abstractions/_island.scss */
  .training .island {
    padding: 0.5em;
  }
}

/* ======================================================================================
   @ABSTRACTIONS -> SLATS
   ====================================================================================== */
/*
	Usage: 
		Place any image- and text-like content side-by-side.

	Demo:
		Style Guide -> Abstractions -> Slats
	
	Credit: 
		http://stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code
*/
/* Image container */
/* line 22, ../sass/partials/abstractions/_slats.scss */
.slats-img,
.slats-img--rev {
  /* Remove bottom margin at this breakpoint */
  /* Images in `.islets`s need an appropriately sized margin */
}
@media all and (min-width: 40.0625em) {
  /* line 22, ../sass/partials/abstractions/_slats.scss */
  .slats-img,
  .slats-img--rev {
    margin-bottom: 0;
  }
}
/* line 32, ../sass/partials/abstractions/_slats.scss */
.islet .slats-img, .islet
.slats-img--rev {
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
  /* Remove bottom margin at this breakpoint */
}
@media all and (min-width: 40.0625em) {
  /* line 32, ../sass/partials/abstractions/_slats.scss */
  .islet .slats-img, .islet
  .slats-img--rev {
    margin-bottom: 0;
  }
}

/* line 42, ../sass/partials/abstractions/_slats.scss */
.slats-img {
  float: left;
  margin-right: 24px;
  margin-right: 1.5rem;
  /* Images in `.islets`s need an appropriately sized margin */
}
/* line 47, ../sass/partials/abstractions/_slats.scss */
.islet .slats-img {
  margin-right: 12px;
  margin-right: 0.75rem;
}

/* Extend: reverse the image location (right instead of left) */
/* line 51, ../sass/partials/abstractions/_slats.scss */
.slats-img--rev {
  float: right;
  margin-left: 24px;
  margin-left: 1.5rem;
  /* Images in `.islets`s need an appropriately sized margin */
}
/* line 56, ../sass/partials/abstractions/_slats.scss */
.islet .slats-img--rev {
  margin-left: 12px;
  margin-left: 0.75rem;
}

/* Images */
/* line 60, ../sass/partials/abstractions/_slats.scss */
.slats-img img,
.slats-img--rev img {
  display: block;
}

/* Body container columnised at this breakpoint */
@media all and (min-width: 40.0625em) {
  /* line 65, ../sass/partials/abstractions/_slats.scss */
  .slats-body {
    overflow: hidden;
  }
}
/* line 68, ../sass/partials/abstractions/_slats.scss */
img.slats-img {
  max-width: 6.25em;
}

/* line 72, ../sass/partials/abstractions/_slats.scss */
.slats-img.icon {
  display: inline-block;
  padding: 0.2em 0.5em 0.4em 0.5em;
  background-color: #623764;
  color: #fff;
}
/* line 77, ../sass/partials/abstractions/_slats.scss */
.slats-img.icon:before {
  margin-right: 0;
}

/* ======================================================================================
   @ABSTRACTIONS -> COLUMNS
   ====================================================================================== */
/*
	Usage: 
		Easily create columns of text using CSS3.
	
	Demo:
		Style Guide -> Abstractions -> Columns
	
	Credit: 
		https://github.com/csswizardry/inuit.css/blob/master/inuit.css/objects/_columns.scss
*/
/* Cols only kick in at this breakpoint */
@media only screen and (min-width: 40.0625em) {
  /* Output all the col classes */
  /* 2 cols */
  /* line 19, ../sass/partials/abstractions/_columns.scss */
  .txt-cols--2 {
    /* Transition */
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }

  /* 3 cols */
  /* line 22, ../sass/partials/abstractions/_columns.scss */
  .txt-cols--3 {
    /* Transition */
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }

  /* 4 cols */
  /* line 25, ../sass/partials/abstractions/_columns.scss */
  .txt-cols--4 {
    /* Transition */
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }

  /* 5 cols */
  /* line 28, ../sass/partials/abstractions/_columns.scss */
  .txt-cols--5 {
    /* Transition */
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
  }

  /* 6 cols */
  /* line 31, ../sass/partials/abstractions/_columns.scss */
  .txt-cols--6 {
    /* Transition */
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
  }

  /* Base rules */
  /* line 40, ../sass/partials/abstractions/_columns.scss */
  .txt-cols {
    /* Transition */
    -webkit-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
    /* Column rule, if used then increase `column-gap` to `$spacing-dbl` */
    /*@include prefix(column-rule, 1px dotted black);*/
  }
}
/* --Output all the col classes under specific breakpoints applied via specific classes (namespaced) e.g. `.lap-txt-cols--2` (all pre-defined breakpoints)-- */
/* 
	Note: be sure to comment out what you don't use as a lot of CSS is generated from all of this.
*/
/* Lap */
/* Lap */
@media all and (min-width: 40.0625em) and (max-width: 74.9375em) {
  /* 2 cols */
  /* line 19, ../sass/partials/abstractions/_columns.scss */
  .lap-txt-cols--2 {
    /* Transition */
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }

  /* 3 cols */
  /* line 22, ../sass/partials/abstractions/_columns.scss */
  .lap-txt-cols--3 {
    /* Transition */
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }

  /* 4 cols */
  /* line 25, ../sass/partials/abstractions/_columns.scss */
  .lap-txt-cols--4 {
    /* Transition */
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }

  /* 5 cols */
  /* line 28, ../sass/partials/abstractions/_columns.scss */
  .lap-txt-cols--5 {
    /* Transition */
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
  }

  /* 6 cols */
  /* line 31, ../sass/partials/abstractions/_columns.scss */
  .lap-txt-cols--6 {
    /* Transition */
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
  }
}
/* Lap small */
/* Lap large */
/* Desk small */
/* Lap small */
/* Lap */
/* Lap small */
@media all and (min-width: 40.0625em) and (max-width: 56.25em) {
  /* 2 cols */
  /* line 19, ../sass/partials/abstractions/_columns.scss */
  .lap-sml-txt-cols--2 {
    /* Transition */
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }

  /* 3 cols */
  /* line 22, ../sass/partials/abstractions/_columns.scss */
  .lap-sml-txt-cols--3 {
    /* Transition */
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }

  /* 4 cols */
  /* line 25, ../sass/partials/abstractions/_columns.scss */
  .lap-sml-txt-cols--4 {
    /* Transition */
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }

  /* 5 cols */
  /* line 28, ../sass/partials/abstractions/_columns.scss */
  .lap-sml-txt-cols--5 {
    /* Transition */
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
  }

  /* 6 cols */
  /* line 31, ../sass/partials/abstractions/_columns.scss */
  .lap-sml-txt-cols--6 {
    /* Transition */
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
  }
}
/* Lap large */
/* Desk small */
/* Lap large */
/* Lap */
/* Lap small */
/* Lap large */
@media all and (min-width: 56.3125em) and (max-width: 74.9375em) {
  /* 2 cols */
  /* line 19, ../sass/partials/abstractions/_columns.scss */
  .lap-lrg-txt-cols--2 {
    /* Transition */
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }

  /* 3 cols */
  /* line 22, ../sass/partials/abstractions/_columns.scss */
  .lap-lrg-txt-cols--3 {
    /* Transition */
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }

  /* 4 cols */
  /* line 25, ../sass/partials/abstractions/_columns.scss */
  .lap-lrg-txt-cols--4 {
    /* Transition */
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }

  /* 5 cols */
  /* line 28, ../sass/partials/abstractions/_columns.scss */
  .lap-lrg-txt-cols--5 {
    /* Transition */
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
  }

  /* 6 cols */
  /* line 31, ../sass/partials/abstractions/_columns.scss */
  .lap-lrg-txt-cols--6 {
    /* Transition */
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
  }
}
/* Desk small */
/* Portable */
@media all and (max-width: 74.9375em) {
  /* 2 cols */
  /* line 19, ../sass/partials/abstractions/_columns.scss */
  .portable-txt-cols--2 {
    /* Transition */
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }

  /* 3 cols */
  /* line 22, ../sass/partials/abstractions/_columns.scss */
  .portable-txt-cols--3 {
    /* Transition */
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }

  /* 4 cols */
  /* line 25, ../sass/partials/abstractions/_columns.scss */
  .portable-txt-cols--4 {
    /* Transition */
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }

  /* 5 cols */
  /* line 28, ../sass/partials/abstractions/_columns.scss */
  .portable-txt-cols--5 {
    /* Transition */
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
  }

  /* 6 cols */
  /* line 31, ../sass/partials/abstractions/_columns.scss */
  .portable-txt-cols--6 {
    /* Transition */
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
  }
}
/* Desk */
@media all and (min-width: 75em) {
  /* 2 cols */
  /* line 19, ../sass/partials/abstractions/_columns.scss */
  .desk-txt-cols--2 {
    /* Transition */
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }

  /* 3 cols */
  /* line 22, ../sass/partials/abstractions/_columns.scss */
  .desk-txt-cols--3 {
    /* Transition */
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }

  /* 4 cols */
  /* line 25, ../sass/partials/abstractions/_columns.scss */
  .desk-txt-cols--4 {
    /* Transition */
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }

  /* 5 cols */
  /* line 28, ../sass/partials/abstractions/_columns.scss */
  .desk-txt-cols--5 {
    /* Transition */
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
  }

  /* 6 cols */
  /* line 31, ../sass/partials/abstractions/_columns.scss */
  .desk-txt-cols--6 {
    /* Transition */
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
  }
}
/* Desk small */
/* Lap */
/* Lap small */
/* Lap large */
/* Desk small */
@media all and (min-width: 75em) and (max-width: 85.3125em) {
  /* 2 cols */
  /* line 19, ../sass/partials/abstractions/_columns.scss */
  .desk-sml-txt-cols--2 {
    /* Transition */
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }

  /* 3 cols */
  /* line 22, ../sass/partials/abstractions/_columns.scss */
  .desk-sml-txt-cols--3 {
    /* Transition */
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }

  /* 4 cols */
  /* line 25, ../sass/partials/abstractions/_columns.scss */
  .desk-sml-txt-cols--4 {
    /* Transition */
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }

  /* 5 cols */
  /* line 28, ../sass/partials/abstractions/_columns.scss */
  .desk-sml-txt-cols--5 {
    /* Transition */
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
  }

  /* 6 cols */
  /* line 31, ../sass/partials/abstractions/_columns.scss */
  .desk-sml-txt-cols--6 {
    /* Transition */
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
  }
}
/* Desk large */
@media all and (min-width: 85.375em) {
  /* 2 cols */
  /* line 19, ../sass/partials/abstractions/_columns.scss */
  .desk-lrg-txt-cols--2 {
    /* Transition */
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }

  /* 3 cols */
  /* line 22, ../sass/partials/abstractions/_columns.scss */
  .desk-lrg-txt-cols--3 {
    /* Transition */
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
  }

  /* 4 cols */
  /* line 25, ../sass/partials/abstractions/_columns.scss */
  .desk-lrg-txt-cols--4 {
    /* Transition */
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
  }

  /* 5 cols */
  /* line 28, ../sass/partials/abstractions/_columns.scss */
  .desk-lrg-txt-cols--5 {
    /* Transition */
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
  }

  /* 6 cols */
  /* line 31, ../sass/partials/abstractions/_columns.scss */
  .desk-lrg-txt-cols--6 {
    /* Transition */
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
  }
}
/* ======================================================================================
   @ABSTRACTIONS -> ARROWS
   ====================================================================================== */
/*
	Usage: 
		Creates CSS arrows.
	
	Note:
		Same as: 'utils/placeholders/arrows' except this version doesn't apply to an existing element rather it's an independent element which is more flexible.
	
	Demo:
		Style Guide -> Abstractions -> Arrows
*/
/* Set variables */
/* Start abstraction */
/* line 22, ../sass/partials/abstractions/_arrows.scss */
.arrow {
  width: 0;
  height: 0;
  border: 13px solid transparent;
  display: inline-block;
  vertical-align: middle;
}
/* line 28, ../sass/partials/abstractions/_arrows.scss */
.arrow.highlight, .arrow.highlight3 {
  background-color: transparent;
}

/* Down */
/* line 34, ../sass/partials/abstractions/_arrows.scss */
.arrow--down {
  border-top-color: #262626;
}
/* line 36, ../sass/partials/abstractions/_arrows.scss */
.arrow--down.highlight {
  border-top-color: #69b245;
  margin-left: 13px;
}
/* line 40, ../sass/partials/abstractions/_arrows.scss */
.arrow--down.highlight3 {
  border-top-color: #4d4d4d;
  margin-left: 13px;
}

/* Up */
/* line 47, ../sass/partials/abstractions/_arrows.scss */
.arrow--up {
  border-bottom-color: #262626;
}
/* line 49, ../sass/partials/abstractions/_arrows.scss */
.arrow--up.highlight {
  border-bottom-color: #69b245;
  margin-left: 13px;
}
/* line 53, ../sass/partials/abstractions/_arrows.scss */
.arrow--up.highlight3 {
  border-bottom-color: #4d4d4d;
  margin-left: 13px;
}

/* Left */
/* line 60, ../sass/partials/abstractions/_arrows.scss */
.arrow--left {
  border-right-color: #262626;
}

/* Right */
/* line 65, ../sass/partials/abstractions/_arrows.scss */
.arrow--right {
  border-left-color: #262626;
}

/*Arrows with stems*/
/*.arrow-wrapper {
    margin-left: 1.5em;
    margin-right: 0.5em;
    margin-top: 2em;
    position:relative;

    .arrow-stem {
        background: transparent;
        width: 95%;
        margin-top: 0.2em;
        border-bottom: 0.15em solid $color-grey;
        text-align: center;
    }

    .arrow-head {
        border-top: 0.3em solid transparent;
        border-left: 0.5em solid $color-grey;
        border-bottom: 0.3em solid transparent;
        height: to-em(8);
        position: absolute;
        right: 0;
        top: 1.48em;
    }

    &.reverse {
        position:absolute;
        margin-top:3.5em;
        left:7.1em;
        .arrow-head{
            top:0;
            left:-0.5em;
            right:initial;
            border-top: 0.3em solid transparent;
            border-right: 0.5em solid $color-grey;
            border-left:0;
            border-bottom: 0.3em solid transparent;
        }
    }
}

.arrow-label {position:absolute;bottom:3.5em;left:17%;}

.arrow-wrapper.reverse + .arrow-wrapper {
    margin-top:3.5em;
    .arrow-head{top:0;}
}

.arrow-wrapper, .arrow-stem, .arrow-head {
    float: left;
}*/
/* ======================================================================================
   @ABSTRACTIONS -> DIVIDER
   ====================================================================================== */
/*
	Usage: 
		Apply a dividing line between two elements.
	
	Demo:
		Style Guide -> Abstractions -> Divider
*/
/* line 13, ../sass/partials/abstractions/_divider.scss */
.divider {
  border-bottom: 1px solid gray;
  box-shadow: 0 1px 0 #e3e3e3;
  padding-bottom: 24px;
  padding-bottom: 1.5rem;
}

/* --Extenders-- */
/* Larger spacing */
/* line 23, ../sass/partials/abstractions/_divider.scss */
.divider--lrg {
  padding-bottom: 48px;
  padding-bottom: 3rem;
  margin-bottom: 48px;
  margin-bottom: 3rem;
}

/* Smaller spacing */
/* line 29, ../sass/partials/abstractions/_divider.scss */
.divider--sml {
  padding-bottom: 12px;
  padding-bottom: 0.75rem;
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
}

/* ======================================================================================
   @ABSTRACTIONS -> VERTICAL ALIGNMENT
   ====================================================================================== */
/*
	Usage: 
		Vertically align an element within it's parent via CSS `display: table`.
	
	Demo:
		Style Guide -> Abstractions -> Vertical Alignment
*/
/* line 13, ../sass/partials/abstractions/_vertical-alignment.scss */
.vert-align {
  display: table;
  width: 100%;
  height: 100%;
}

/* line 19, ../sass/partials/abstractions/_vertical-alignment.scss */
.vert-align__inner {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

/* ======================================================================================
   @MODULES -> ABSTRACTIONS -> DROP DOWN
   ====================================================================================== */
/*
	Usage: 
		A generic drop down powered by the 'Twitter Bootstrap Drop down' plugin. Individual drop down's that require custom styles will become a 'module'.
	
	Demo:
		Style Guide -> Abstractions -> Drop Down
*/
/* Container for the drop down and drop down trigger */
/* line 14, ../sass/partials/abstractions/_drop-down.scss */
.drop-down-container {
  position: relative;
}

/* The drop down */
/* line 17, ../sass/partials/abstractions/_drop-down.scss */
.js .drop-down {
  display: none;
  position: absolute;
  z-index: 2147483647;
  top: 100%;
  left: 0;
}

/* The drop down opened */
/* line 27, ../sass/partials/abstractions/_drop-down.scss */
.drop-down-container.is-active > .drop-down {
  display: block;
}

/* line 3, ../sass/partials/abstractions/_card-researcher.scss */
.card-researcher {
  display: block;
  width: 90%;
  border: 1px solid #fafafa;
  border-radius: 8px;
  margin: .6em auto;
  padding: 1em;
  font-size: 1rem;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}
/* line 13, ../sass/partials/abstractions/_card-researcher.scss */
.card-researcher__container {
  font-size: 0;
  margin: 1em auto;
}
/* line 18, ../sass/partials/abstractions/_card-researcher.scss */
.card-researcher img {
  max-width: 180px;
  display: flex;
  margin: 0 auto 1.5em auto;
}

@media (min-width: 900px) {
  /* line 27, ../sass/partials/abstractions/_card-researcher.scss */
  .card-researcher {
    display: inline-block;
    vertical-align: top;
    width: 19%;
    min-height: 600px;
    min-width: 295px;
    margin: 0 .8em 1em 0;
  }
}
/* line 37, ../sass/partials/abstractions/_card-researcher.scss */
.txt-container {
  margin: 1em 0;
}

@media (max-width: 900px) {
  /* line 41, ../sass/partials/abstractions/_card-researcher.scss */
  .txt-container {
    width: 90%;
    margin: 2em auto;
  }
}
@media (min-width: 1750px) {
  /* line 49, ../sass/partials/abstractions/_card-researcher.scss */
  .card-researcher {
    width: 19%;
    min-width: 295px;
  }
}
/* Modules */
/* ======================================================================================
   @MODULES -> FEEDBACK
   ====================================================================================== */
/*
	Usage: 
		Provides appropriately designed UI feedback messages for users to acknowledge their actions and to orient users to their location in the site. Most common use case is for errors e.g. form validation errors. Read more here: http://styleguide.yahoo.com/writing/write-clear-user-interface-text/feedback-messages-and-error-messages.
	
	Demo:
		Style Guide -> Modules -> Feedback
*/
/* line 13, ../sass/partials/modules/_feedback.scss */
.feedback {
  padding: 0.375em 0.75em;
  position: relative;
  /* Links */
}
/* line 17, ../sass/partials/modules/_feedback.scss */
.feedback a {
  text-decoration: underline;
  /* Note: this may be redundant? */
  /* Pseudo classes */
  /* Note: this may be redundant? */
}
/* line 21, ../sass/partials/modules/_feedback.scss */
.feedback a:hover, .feedback a:focus {
  text-decoration: none;
}

/* Block */
/* line 27, ../sass/partials/modules/_feedback.scss */
.feedback-block {
  padding-top: 0.75em;
  padding-bottom: 0.75em;
  /* Shared */
  /* Paragraphs and lists */
}
/* line 32, ../sass/partials/modules/_feedback.scss */
.feedback-block .hn,
.feedback-block p,
.feedback-block .list {
  margin-bottom: 0;
}
/* line 37, ../sass/partials/modules/_feedback.scss */
.feedback-block p,
.feedback-block .list {
  margin-top: 0.375em;
}

/* Error */
/* line 42, ../sass/partials/modules/_feedback.scss */
.feedback-error {
  background-color: #f7c2c2 !important;
  border-color: #f39797;
  /* Parent, links + headings */
}
/* line 47, ../sass/partials/modules/_feedback.scss */
.feedback-error,
.feedback-error a,
.feedback-error .hn {
  color: #6f0f0f;
}

/* Warning */
/* line 53, ../sass/partials/modules/_feedback.scss */
.feedback-warning {
  background-color: #faf2c9 !important;
  border-color: #f3de7c;
  /* Parent, links + headings */
}
/* line 58, ../sass/partials/modules/_feedback.scss */
.feedback-warning,
.feedback-warning a,
.feedback-warning .hn {
  color: #4e4207;
}

/* Success */
/* line 64, ../sass/partials/modules/_feedback.scss */
.feedback-success {
  background-color: #cfe9c5 !important;
  border-color: #a5cf83;
  /* Parent, links + headings */
}
/* line 69, ../sass/partials/modules/_feedback.scss */
.feedback-success,
.feedback-success a,
.feedback-success .hn {
  color: #2b4119;
}

/* Info */
/* line 75, ../sass/partials/modules/_feedback.scss */
.feedback-info {
  background-color: #c7e4f3 !important;
  border-color: #86c5e6;
  /* Parent, links + headings */
}
/* line 80, ../sass/partials/modules/_feedback.scss */
.feedback-info,
.feedback-info a,
.feedback-info .hn {
  color: #154c69;
}

/* ======================================================================================
   @MODULES -> MICROFORMAT - hCard
   ====================================================================================== */
/*
	Usage: 
		The Microformat hCard: http://microformats.org/wiki/hcard.
	
	Demo:
		Style Guide -> Modules -> Microformat (hCard)
*/
/* Base rules */
/* line 14, ../sass/partials/modules/_microformat(hCard).scss */
.vcard {
  /* `.org` heading */
  /* Make the `.url` link not look like a link */
  /* Nested `.adr` elements */
}
/* line 15, ../sass/partials/modules/_microformat(hCard).scss */
.vcard p {
  margin-bottom: 0;
}
/* line 18, ../sass/partials/modules/_microformat(hCard).scss */
.vcard .org {
  font-size: 100%;
}
/* line 25, ../sass/partials/modules/_microformat(hCard).scss */
.vcard .adr span {
  display: block;
}
/* line 27, ../sass/partials/modules/_microformat(hCard).scss */
.vcard .adr .region,
.vcard .adr .postal-code {
  display: inline;
}

/* ======================================================================================
   @MODULES -> SPRITE
   ====================================================================================== */
/* 
	Usage: 
		Applies a background image and nothing else, usually from a sprite. 
		
	Demo:
		Style Guide -> Modules -> Sprite
*/
/* line 13, ../sass/partials/modules/_sprite.scss */
.sprite {
  /* Typical size of a background image */
  width: 16px;
  height: 16px;
  /* Print */
}
@media print {
  /* line 13, ../sass/partials/modules/_sprite.scss */
  .sprite {
    display: none;
  }
}

/* --Set sprites-- */
/* PAW */
/* small - white */
/* line 30, ../sass/partials/modules/_sprite.scss */
.paw-sml-white {
  width: 25px;
  height: 28px;
  background-position: -462px 0;
  margin-right: 0.375em;
}

/* Arrows */
/* right */
/* line 39, ../sass/partials/modules/_sprite.scss */
.s-arrow-r {
  width: 17px;
  height: 18px;
  background-position: -514px 0;
}

/* up */
/* line 46, ../sass/partials/modules/_sprite.scss */
.s-arrow-u {
  width: 18px;
  height: 17px;
  background-position: -531px 0;
}

/* alt */
/* line 53, ../sass/partials/modules/_sprite.scss */
.s-arrow-alt-l,
.s-arrow-alt-r,
.flex-direction-nav a {
  width: 26px;
  height: 26px;
}

/* left */
/* line 61, ../sass/partials/modules/_sprite.scss */
.s-arrow-alt-l,
.flex-prev {
  background-position: -549px 0;
}

/* right */
/* line 67, ../sass/partials/modules/_sprite.scss */
.s-arrow-alt-r,
.flex-next {
  background-position: -575px 0;
}

/* Icons */
/* shared */
/* line 74, ../sass/partials/modules/_sprite.scss */
.s-icon-ghost,
.s-icon-pdf {
  margin-right: 0;
  height: 16px;
}

/* pdf */
/* line 81, ../sass/partials/modules/_sprite.scss */
.s-icon-pdf {
  width: 16px;
  background-position: -625px 0;
}

/* ghost - renders no icon, is used to create the space of an icon */
/* line 87, ../sass/partials/modules/_sprite.scss */
.s-icon-ghost {
  width: 0;
}

/* --Extenders-- */
/* Apply some spacing between the sprite element and adjacent text */
/* line 96, ../sass/partials/modules/_sprite.scss */
.sprite--spacing {
  margin-right: 0.25em;
}

/*CSS Shapes*/
/* line 101, ../sass/partials/modules/_sprite.scss */
.disc {
  border-radius: 50%;
  padding: 0.5em;
  height: 9em;
  width: 9em;
  display: table;
  text-align: center;
  font-size: 80%;
  float: left;
    /*&.light {
        background-color: $color-light-orange;
    }

    &.dark {
        background-color: $color-dark-orange;
    }*/
}
/* line 111, ../sass/partials/modules/_sprite.scss */
.disc span {
  display: table-cell;
  vertical-align: middle;
}
/* line 115, ../sass/partials/modules/_sprite.scss */
.disc span span.glossary {
  display: inline;
}
/* line 118, ../sass/partials/modules/_sprite.scss */
.disc.huge {
  height: 20em;
  width: 20em;
}
/* line 123, ../sass/partials/modules/_sprite.scss */
.disc.big {
  height: 14em;
  width: 14em;
}
/* line 128, ../sass/partials/modules/_sprite.scss */
.disc.med {
  height: 10em;
  width: 10em;
}
/* line 133, ../sass/partials/modules/_sprite.scss */
.disc.sml {
  height: 6em;
  width: 6em;
}
/* line 137, ../sass/partials/modules/_sprite.scss */
.disc.micro {
  height: 1em;
  width: 1em;
}
/* line 141, ../sass/partials/modules/_sprite.scss */
.disc.mild, .disc.med, .disc.strong {
  margin-top: 0.4em;
  margin-right: 0.4em;
}
/* line 144, ../sass/partials/modules/_sprite.scss */
.disc.mild {
  background-color: #69b245;
}
/* line 145, ../sass/partials/modules/_sprite.scss */
.disc.med {
  background-color: #ffd879;
}
/* line 146, ../sass/partials/modules/_sprite.scss */
.disc.strong {
  background-color: #C06154;
}

/*.backcircle {
    background-color: blanchedalmond;
    padding: 2em;
    border-radius: 50%;
    height: 29em;
    width: 30.7em;
    vertical-align: middle;
    margin:0 auto;
    .arrow-wrapper{
        margin-left:0.5em;
        margin-top:4.5em;
    }
    .circlehold{padding-top:3em;}
}*/
/*Venn Diagrams*/
/*.venn {
    .venn-heading {
        &.light {
            background-color: $color-yellow;
        }

        &.dark {
            background-color: #e97e24;
            color: #fff;
        }

        text-align: center;
        margin-bottom: 0;
    }

    .venn-diagram {
        @extend %clear-fix;
        background-color: rgba(102,102,102,0.1);
        margin-bottom: 1em;
        padding: 1em;
        position: relative;

        .disc {
            position: relative;

            &.light {
                background-color: rgba(255,216,121,0.4);
            }

            &.dark {
                background-color: rgba(233,126,36,0.4);
            }

            &.sml {
                position: absolute;
            }

            @include respond-max(490) {
                &.med {
                    top: -3em;
                }

                &.sml {
                    bottom: 30%;
                    left: 9em;
                }
            }

            @include respond-min(491) {

                &.big {
                    left: 5%;
                }

                &.med {
                    right: 5%;
                }

                &.sml {
                    bottom: 20%;
                    left: 13em;
                }
            }

            @include respond-min(1600) {
                &.big {
                    margin-left: 10%;
                }

                &.sml {
                    left: 45%;
                }
            }
        }
    }

    @include respond-range(1200,1399) {
        float: left;
        width: 50%;
    }
}

.bar {
    float: left;
    height: 50px;
    margin-bottom: 20px;
    position: relative;
    width: 100%;
    z-index: 1;

    .inner {
        background-color: #772D8F;
        text-align: center;
        color: white;
        position: absolute;
        bottom: 0;
        right: 0;
        top: 0;
        padding-top: .6em;
    }

    &.pct-25 .inner {
        left:75%;
    }
    &.pct-45 .inner {
        left:55%;
    }
    &.pct-70 .inner {
        left:30%;
    }
    &.pct-85 .inner {
        left:15%;
    }
}
.bar.pct-25 .inner {
                -webkit-animation-duration: 2s;
                -webkit-animation-name: grow-25;
                
            }

            .bar.pct-45 .inner {
                -webkit-animation-duration: 3s;
                -webkit-animation-name: grow-45;
            }

            .bar.pct-70 .inner {
                -webkit-animation-duration: 5s;
                -webkit-animation-name: grow-70;
            }

            .bar.pct-85 .inner {
                -webkit-animation-duration: 6s;
                -webkit-animation-name: grow-85;
            }*/
/* ======================================================================================
   @MODULES -> ICON
   ====================================================================================== */
/*
	Usage: 
		Applies an icon font and nothing else (similar to the sprite module).
	
	Demo:
		Style Guide -> Modules -> Icon
*/
/* line 13, ../sass/partials/modules/_icon.scss */
.icon:before {
  speak: none;
  font-family: 'icons';
  font-style: normal;
  font-weight: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
}

/* --Set icons-- */
/* Settings */
/* line 26, ../sass/partials/modules/_icon.scss */
.icon-settings:before {
  content: "\e000";
}

/* Products */
/* line 29, ../sass/partials/modules/_icon.scss */
.icon-products:before {
  content: "\e001";
}

/* Users */
/* line 32, ../sass/partials/modules/_icon.scss */
.icon-admin:before {
  content: "\e002";
}

/* Orders */
/* line 35, ../sass/partials/modules/_icon.scss */
.icon-orders:before {
  content: "\e003";
}

/* Logout */
/* line 38, ../sass/partials/modules/_icon.scss */
.icon-logout:before {
  content: "\e004";
}

/* News */
/* line 41, ../sass/partials/modules/_icon.scss */
.icon-news:before {
  content: "\e005";
}

/* Content */
/* line 44, ../sass/partials/modules/_icon.scss */
.icon-content:before {
  content: "\e006";
}

/* Media */
/* line 47, ../sass/partials/modules/_icon.scss */
.icon-media:before {
  content: "\e007";
}

/* Info */
/* line 50, ../sass/partials/modules/_icon.scss */
.icon-info:before {
  content: "\e008";
}

/* Success */
/* line 53, ../sass/partials/modules/_icon.scss */
.icon-success:before {
  content: "\e009";
}

/* Error */
/* line 56, ../sass/partials/modules/_icon.scss */
.icon-error:before {
  content: "\e00a";
}

/* Warning */
/* line 59, ../sass/partials/modules/_icon.scss */
.icon-warning:before {
  content: "\e00b";
}

/* Search */
/* line 62, ../sass/partials/modules/_icon.scss */
.icon-search:before {
  content: "\e00c";
}

/* Email Campaigns */
/* line 65, ../sass/partials/modules/_icon.scss */
.icon-email-campaigns:before {
  content: "\e00d";
}

/* Home */
/* line 68, ../sass/partials/modules/_icon.scss */
.icon-home:before {
  content: "\e00e";
}

/* Partners */
/* line 71, ../sass/partials/modules/_icon.scss */
.icon-partners:before {
  content: "\e00f";
}

/* Help */
/* line 74, ../sass/partials/modules/_icon.scss */
.icon-help:before {
  content: "\e010";
}

/* Website */
/* line 77, ../sass/partials/modules/_icon.scss */
.icon-website:before {
  content: "\e011";
}

/* Analytics */
/* line 80, ../sass/partials/modules/_icon.scss */
.icon-analytics:before {
  content: "\e012";
}

/* Menu */
/* line 83, ../sass/partials/modules/_icon.scss */
.icon-caret-down:before {
  content: "\e013";
}

/* --Social-- */
/* Facebook Box */
/* line 87, ../sass/partials/modules/_icon.scss */
.icon-facebook-box:before {
  content: "\e025";
}

/* Twitter Box */
/* line 90, ../sass/partials/modules/_icon.scss */
.icon-twitter-box:before {
  content: "\e026";
}

/* Google + */
/* line 93, ../sass/partials/modules/_icon.scss */
.icon-google-plus:before {
  content: "\e02a";
}

/* Youtube dark */
/* line 96, ../sass/partials/modules/_icon.scss */
.icon-youtube-dark:before {
  content: "\e602";
}

/* Youtube clear */
/* line 99, ../sass/partials/modules/_icon.scss */
.icon-youtube-clear:before {
  content: "\e603";
}

/* Facebook Disc */
/* line 102, ../sass/partials/modules/_icon.scss */
.icon-facebook-disc:before {
  content: "\e627";
}

/* Instagram */
/* line 105, ../sass/partials/modules/_icon.scss */
.icon-instagram:before {
  content: "\e628";
}

/* Twitter Disc */
/* line 108, ../sass/partials/modules/_icon.scss */
.icon-twitter-disc:before {
  content: "\e629";
}

/* Facebook plain */
/* line 111, ../sass/partials/modules/_icon.scss */
.icon-facebook:before {
  content: "\e62f";
}

/* Twitter */
/* line 114, ../sass/partials/modules/_icon.scss */
.icon-twitter:before {
  content: "\e630";
}

/*Edit*/
/* line 117, ../sass/partials/modules/_icon.scss */
.icon-external:before {
  content: "\e900";
}

/*Edit*/
/* line 122, ../sass/partials/modules/_icon.scss */
.icon-edit:before {
  content: "\e901";
}

/*Download*/
/* line 125, ../sass/partials/modules/_icon.scss */
.icon-download:before {
  content: "\e902";
}

/*Cross*/
/* line 128, ../sass/partials/modules/_icon.scss */
.icon-cross:before {
  content: "\e903";
}

/*List*/
/* line 131, ../sass/partials/modules/_icon.scss */
.icon-list:before {
  content: "\e904";
}

/*Logout*/
/* line 134, ../sass/partials/modules/_icon.scss */
.icon-logout:before {
  content: "\e905";
}

/*Blocked*/
/* line 137, ../sass/partials/modules/_icon.scss */
.icon-blocked:before {
  content: "\e906";
}

/*stack*/
/* line 140, ../sass/partials/modules/_icon.scss */
.icon-stack:before {
  content: "\e907";
}

/* Lock */
/* line 143, ../sass/partials/modules/_icon.scss */
.icon-lock:before {
  content: "\e908";
}

/* Star Empty */
/* line 146, ../sass/partials/modules/_icon.scss */
.icon-star-empty:before {
  content: "\e909";
}

/* Notification */
/* line 149, ../sass/partials/modules/_icon.scss */
.icon-notification:before {
  content: "\e90a";
}

/* Lock */
/* line 152, ../sass/partials/modules/_icon.scss */
.icon-clipboard:before {
  content: "\e90b";
}

/* Contact */
/* line 155, ../sass/partials/modules/_icon.scss */
.icon-circle-contact:before {
  content: "\e90c";
}

/* PDF */
/* line 158, ../sass/partials/modules/_icon.scss */
.icon-pdf:before {
  content: "\e90d";
}

/* Login */
/* line 161, ../sass/partials/modules/_icon.scss */
.icon-circle-login:before {
  content: "\e90e";
}

/* Register */
/* line 164, ../sass/partials/modules/_icon.scss */
.icon-circle-register:before {
  content: "\e910";
}

/* Play 2 */
/* line 167, ../sass/partials/modules/_icon.scss */
.icon-play2:before {
  content: "\e91d";
}

/* Man */
/* line 170, ../sass/partials/modules/_icon.scss */
.icon-man:before {
  content: "\e927";
}

/* Woman */
/* line 173, ../sass/partials/modules/_icon.scss */
.icon-woman:before {
  content: "\e928";
}

/* Woman */
/* line 176, ../sass/partials/modules/_icon.scss */
.icon-save:before {
  content: "\e962";
}

/* Checked clear */
/* line 179, ../sass/partials/modules/_icon.scss */
.icon-successed:before {
  content: "\ea10";
}

/*Star*/
/* line 182, ../sass/partials/modules/_icon.scss */
.icon-star:before {
  content: "\f005";
}

/*Play arrow*/
/* line 185, ../sass/partials/modules/_icon.scss */
.icon-play:before {
  content: "\f04b";
}

/*Plus circle*/
/* line 188, ../sass/partials/modules/_icon.scss */
.icon-plus-circle:before {
  content: "\f055";
}

/*Calendar*/
/* line 191, ../sass/partials/modules/_icon.scss */
.icon-calendar:before {
  content: "\f073";
}

/*Users*/
/* line 194, ../sass/partials/modules/_icon.scss */
.icon-users:before {
  content: "\f0c0";
}

/*Bars*/
/* line 197, ../sass/partials/modules/_icon.scss */
.icon-bars:before {
  content: "\f0c9";
}

/*Circle*/
/* line 200, ../sass/partials/modules/_icon.scss */
.icon-unchecked:before {
  content: "\f10c";
}

/*Ellipses vertical*/
/* line 203, ../sass/partials/modules/_icon.scss */
.icon-sort:before {
  content: "\f142";
}

/*Google plus disc*/
/* line 206, ../sass/partials/modules/_icon.scss */
.icon-google3:before {
  content: "\ea8d";
}

/* line 208, ../sass/partials/modules/_icon.scss */
.icon-print:before {
  content: "\e954";
}

/*Responsive views*/
/* line 211, ../sass/partials/modules/_icon.scss */
.icon-desktop:before {
  content: "\e956";
}

/* line 212, ../sass/partials/modules/_icon.scss */
.icon-mobile:before {
  content: "\e958";
}

/* line 213, ../sass/partials/modules/_icon.scss */
.icon-tablet:before {
  content: "\e95a";
}

/*Attach*/
/* line 216, ../sass/partials/modules/_icon.scss */
.icon-attach:before {
  content: "\e9cd";
}

/* --Extenders-- */
/* Apply some spacing between the icon element and adjacent text */
/* line 221, ../sass/partials/modules/_icon.scss */
.icon-spacing:before {
  margin-right: 0.25em;
}

/* line 224, ../sass/partials/modules/_icon.scss */
.icon-spacing-none:before {
  margin-right: 0;
}

/* line 226, ../sass/partials/modules/_icon.scss */
.icon-green:before {
  color: #69b245 !important;
}

/* line 228, ../sass/partials/modules/_icon.scss */
.icon.green:before {
  color: #99C87D !important;
}

/* line 231, ../sass/partials/modules/_icon.scss */
.icon.yellow:before {
  color: #f9b12e !important;
}

/* line 234, ../sass/partials/modules/_icon.scss */
.icon.red:before {
  color: #ef2e40 !important;
}

/* Remove the negative 1px top positiong */
/* line 239, ../sass/partials/modules/_icon.scss */
.icon-flush-top:before {
  position: static;
}

/* line 240, ../sass/partials/modules/_icon.scss */
.icon-flush:before {
  margin-right: 0;
}

/* Fixed width */
/* line 243, ../sass/partials/modules/_icon.scss */
.icon-fixed-width:before {
  width: 1em;
  text-align: center;
}

/* -Alternate sizes- */
/* Small */
/* line 251, ../sass/partials/modules/_icon.scss */
.icon-sml:before {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1;
}

/* Large */
/* line 254, ../sass/partials/modules/_icon.scss */
.icon-lrg:before {
  font-size: 48px;
  font-size: 3rem;
  line-height: 1;
}

/* Huge */
/* line 259, ../sass/partials/modules/_icon.scss */
.icon-huge:before {
  font-size: 72px;
  font-size: 4.5rem;
  line-height: 1;
}

/* Default */
/* line 264, ../sass/partials/modules/_icon.scss */
.icon-default:before {
  font-size: inherit;
}

/* ======================================================================================
   @MODULES -> PRELOADER
   ====================================================================================== */
/*
	Usage: 
		Provides feedback to the user letting them know that their action is being processed e.g. a form submission. It renders an animating spinner (light) but can also include a message with the spinner e.g. "Loading, please wait..." (full).
	
	Demo:
		Style Guide -> Modules -> Preloader
*/
/* line 15, ../sass/partials/modules/_preloader.scss */
.preloader, .preloader * {
  display: inline-block;
}
/* line 18, ../sass/partials/modules/_preloader.scss */
.preloader * {
  vertical-align: middle;
}
/* line 20, ../sass/partials/modules/_preloader.scss */
.preloader em {
  font-style: italic;
}

/* Spinner animation */
/* line 24, ../sass/partials/modules/_preloader.scss */
.preloader--light,
.preloader__spinner {
  width: 16px;
  height: 16px;
  overflow: hidden;
  background: url("img/preloader.gif") no-repeat 0 0;
}

/* Create some space between the spinner and the message */
/* line 33, ../sass/partials/modules/_preloader.scss */
.preloader__spinner {
  margin-right: 0.375em;
}

/* Remove the spinner as it's parent has hijacked it's styles */
/* line 36, ../sass/partials/modules/_preloader.scss */
.preloader--light .preloader__spinner {
  display: none;
}

/* [UPDATE PANEL]
-------------------------------------------------------*/
/* line 41, ../sass/partials/modules/_preloader.scss */
.update-overlay {
  position: fixed;
  z-index: 99;
  top: 0px;
  left: 0px;
  background-color: #FFFFFF;
  width: 100%;
  height: 100%;
  filter: Alpha(Opacity=70);
  opacity: 0.70;
  -moz-opacity: 0.70;
}

/* line 43, ../sass/partials/modules/_preloader.scss */
* html .update-overlay {
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
  width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px');
}

/* line 47, ../sass/partials/modules/_preloader.scss */
.update-loader {
  z-index: 100;
  position: fixed;
  width: 120px;
  margin-left: -60px;
  top: 50%;
  left: 50%;
}

/* line 49, ../sass/partials/modules/_preloader.scss */
* html .update-loader {
  position: absolute;
  margin-top: expression((document.body.scrollHeight / 4) + (0 - parseInt(this.offsetParent.clientHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)) + 'px');
}

/* ======================================================================================
   @MODULES -> PAGINATION
   ====================================================================================== */
/*
	Usage: 
		For paginating between many sets of pages e.g. search results. There's a lighter version (pager) which just renders the 'Prev' and 'Next' links.
	
	Demo:
		-	Style Guide -> Modules -> Pagination
		-	Style Guide -> Modules -> Pager
*/
/* line 14, ../sass/partials/modules/_pagination.scss */
.pagination {
  border-radius: 4px;
  padding: 1.5em;
  text-align: center;
  /* Shared */
  /* Pagination items */
  /* Links & Buttons */
  /* Pseudo elements - 'Previous' and 'Next' links */
  /* Previous - single left-pointing angle quotation mark */
  /* Next - single right-pointing angle quotation mark */
}
/* line 19, ../sass/partials/modules/_pagination.scss */
.pagination li,
.pagination a,
.pagination .pagination__skip:before {
  display: inline-block;
}
/* line 25, ../sass/partials/modules/_pagination.scss */
.pagination li {
  margin: 0.25em 0em 0.25em 0.125em;
  /* Adjust margin at this breakpoint */
  /* Turn off margin for first child */
}
@media all and (min-width: 48em) {
  /* line 25, ../sass/partials/modules/_pagination.scss */
  .pagination li {
    margin: 0em 0em 0em 0.125em;
  }
}
/* line 32, ../sass/partials/modules/_pagination.scss */
.pagination li:first-child {
  margin-left: 0;
}
/* line 37, ../sass/partials/modules/_pagination.scss */
.pagination a, .pagination button,
.pagination html input[type="button"],
.pagination input[type="reset"],
.pagination input[type="submit"] {
  padding: 0.125em 0.5em;
  background-color: #e3e3e3;
  text-decoration: none;
  /* Note: this may be redundant? */
  /* Pseudo classes + active state */
}
/* line 45, ../sass/partials/modules/_pagination.scss */
.pagination a:hover, .pagination a:focus, .pagination a.is-active, .pagination button:hover, .pagination button:focus, .pagination button.is-active,
.pagination html input[type="button"]:hover,
.pagination html input[type="button"]:focus,
.pagination html input[type="button"].is-active,
.pagination input[type="reset"]:hover,
.pagination input[type="reset"]:focus,
.pagination input[type="reset"].is-active,
.pagination input[type="submit"]:hover,
.pagination input[type="submit"]:focus,
.pagination input[type="submit"].is-active {
  background-color: #2e9ad3;
  color: #fff;
}
/* line 53, ../sass/partials/modules/_pagination.scss */
.pagination button,
.pagination html input[type="button"],
.pagination input[type="reset"],
.pagination input[type="submit"] {
  padding: 0.375em 0.5em;
  color: #1b5d80;
}
/* line 61, ../sass/partials/modules/_pagination.scss */
.pagination a[rel="prev"]:before,
.pagination a[rel="next"]:after {
  speak: none;
  vertical-align: top;
}
/* line 67, ../sass/partials/modules/_pagination.scss */
.pagination a[rel="prev"]:before {
  content: "\2039";
  margin-right: 0.375em;
}
/* line 72, ../sass/partials/modules/_pagination.scss */
.pagination a[rel="next"]:after {
  content: "\203a";
  margin-left: 0.375em;
}

/* Page count */
/* line 79, ../sass/partials/modules/_pagination.scss */
.pagination__count {
  padding-right: 0.25em;
  /* Change the display at this breakpoint */
}
@media all and (max-width: 40em) {
  /* line 84, ../sass/partials/modules/_pagination.scss */
  .pagination .pagination__count {
    display: block;
  }
}

/* Page jump - pseudo element - horizontal ellipsis glyph */
/* line 89, ../sass/partials/modules/_pagination.scss */
.pagination__skip:before {
  content: "\2026";
  speak: none;
  margin-right: 0.375em;
  color: gray;
  vertical-align: bottom;
}

/*Training*/
@media all and (max-width: 40em) {
  /* line 99, ../sass/partials/modules/_pagination.scss */
  .pagination {
    padding: 0;
  }
}
/* ======================================================================================
   @MODULES -> THUMBNAIL GRID
   ====================================================================================== */
/* 
	Usage: 
		Renders thumbnail images in a grid, typically used for photo galleries.
	
	Note: 
		This module uses the grid, adjust the `li` grid width classes accordingly.
		
	Demo:
		Style Guide -> Modules -> Thumbnail Grid
*/
/* line 16, ../sass/partials/modules/_thumbnail-grid.scss */
.thumbnail-grid {
  margin-bottom: -24px;
  margin-bottom: -1.5rem;
  /* Note: this may be redundant if spacing is already being applied for lists using the grid? */
  /* Items */
  /* Note: this may be redundant if spacing is already being applied for lists using the grid? */
  /* Images */
  /* Pseudo classes */
}
/* line 20, ../sass/partials/modules/_thumbnail-grid.scss */
.thumbnail-grid li {
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}
/* line 23, ../sass/partials/modules/_thumbnail-grid.scss */
.thumbnail-grid img {
  /* Transition */
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}
/* line 26, ../sass/partials/modules/_thumbnail-grid.scss */
.thumbnail-grid a:hover img,
.thumbnail-grid a:focus img {
  opacity: 0.7;
  box-shadow: 0 5px 3px -3px rgba(0, 0, 0, 0.6);
  /* Note: consider using the `%box-shadow-btm` placeholder */
}

/* Modules -> Widgets */
/* ======================================================================================
   @MODULES -> WIDGETS -> ACCORDION
   ====================================================================================== */
/*
	Usage: 
		Typically for preserving screen real estate e.g. a complex menu as each item can be 'expanded' to reveal the content associated with that item and it can also be 'collapsed' to hide its associated content. There can be zero or more items expanded at a time, depending on the jQuery plugin configuration.
	
	Demo:
		Style Guide -> Modules -> Widgets -> Accordion
*/
/* line 13, ../sass/partials/modules/widgets/_accordion.scss */
.accordion {
  list-style: none !important;
  margin-left: 0 !important;
  /* Accordion items */
}
/* line 17, ../sass/partials/modules/widgets/_accordion.scss */
.accordion > li {
  border-top: 1px solid #bfbfbf;
  /* Turn off border for first child */
}
/* line 21, ../sass/partials/modules/widgets/_accordion.scss */
.accordion > li:first-child {
  border-top: 0;
}

/* Shared */
/* line 26, ../sass/partials/modules/widgets/_accordion.scss */
.accordion-header,
.accordion-content {
  width: 100%;
}

/* Note: have to set a width otherwise animation jumps. */
/* Heading */
/* line 30, ../sass/partials/modules/widgets/_accordion.scss */
.accordion-header {
  padding: 0.75em;
  background-color: #69b245;
  font-size: 1.2em;
  margin: 0;
  color: #fff;
  font-weight: bold;
  border-radius: 0.2em;
  /* JS on */
  /* Pseudo element - plus glyph */
  /* Expanded state */
  /* Print */
}
/* line 41, ../sass/partials/modules/widgets/_accordion.scss */
.js .accordion-header {
  cursor: pointer;
  /* Pseudo classes */
}
/* line 45, ../sass/partials/modules/widgets/_accordion.scss */
.js .accordion-header:hover, .js .accordion-header:focus {
  background: #538d37;
  color: #fff;
}
/* line 53, ../sass/partials/modules/widgets/_accordion.scss */
.js .accordion-header:before {
  font-family: 'icons';
  content: "\e013";
  display: inline-block;
  speak: none;
  margin-right: 0.375em;
  vertical-align: top;
  /* Print */
}
@media print {
  /* line 53, ../sass/partials/modules/widgets/_accordion.scss */
  .js .accordion-header:before {
    display: none;
  }
}
/* line 68, ../sass/partials/modules/widgets/_accordion.scss */
.js .is-expanded .accordion-header {
  background: #69b245;
  color: #fff;
  /* Pseudo element - minus glyph */
}
/* line 73, ../sass/partials/modules/widgets/_accordion.scss */
.js .is-expanded .accordion-header:before {
  content: "\2212";
}
@media print {
  /* line 30, ../sass/partials/modules/widgets/_accordion.scss */
  .accordion-header {
    border-bottom: 1px solid;
  }
}

/* Content */
/* line 83, ../sass/partials/modules/widgets/_accordion.scss */
.accordion-content {
  padding: 0.75em;
  display: none;
  /* Double the padding at this breakpoint */
  /* JS off */
  /* Print */
}
@media all and (min-width: 40.0625em) {
  /* line 83, ../sass/partials/modules/widgets/_accordion.scss */
  .accordion-content {
    padding: 1.5em;
  }
}
/* line 93, ../sass/partials/modules/widgets/_accordion.scss */
.no-js .accordion-content {
  display: block;
}
@media print {
  /* line 83, ../sass/partials/modules/widgets/_accordion.scss */
  .accordion-content {
    display: block !important;
    /* Note: need to use `!important` in order to override the inline display rule applied by the jQuery plugin. */
  }
}

/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */
/* Browser Resets
*********************************/
/* line 15, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none;
}

/* line 19, ../sass/partials/modules/widgets/_flexslider.scss */
.slides,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
  font-family: 'flexslider-icon';
  src: url("fonts/flexslider/flexslider-icon.eot");
  src: url("fonts/flexslider/flexslider-icon.eot?#iefix") format("embedded-opentype"), url("fonts/flexslider/flexslider-icon.woff") format("woff"), url("fonts/flexslider/flexslider-icon.ttf") format("truetype"), url("fonts/flexslider/flexslider-icon.svg#flexslider-icon") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* FlexSlider Necessary Styles
*********************************/
/* line 39, ../sass/partials/modules/widgets/_flexslider.scss */
.flexslider {
  margin: 0;
  padding: 0;
}

/* line 40, ../sass/partials/modules/widgets/_flexslider.scss */
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}

/* Hide the slides before the JS is loaded. Avoids image jumping */
/* line 41, ../sass/partials/modules/widgets/_flexslider.scss */
.flexslider .slides img {
  width: 100%;
  display: block;
}

/* line 42, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-pauseplay span {
  text-transform: capitalize;
}

/* Clearfix for the .slides element */
/* line 45, ../sass/partials/modules/widgets/_flexslider.scss */
.slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

/* line 46, ../sass/partials/modules/widgets/_flexslider.scss */
html[xmlns] .slides {
  display: block;
}

/* line 47, ../sass/partials/modules/widgets/_flexslider.scss */
* html .slides {
  height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
/* line 52, ../sass/partials/modules/widgets/_flexslider.scss */
.no-js .slides > li:first-child {
  display: block;
}

/* FlexSlider Default Theme
*********************************/
/* line 56, ../sass/partials/modules/widgets/_flexslider.scss */
.flexslider {
  margin: 0 0 60px;
  background: #fff;
  position: relative;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  zoom: 1;
}

/* line 57, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

/* line 58, ../sass/partials/modules/widgets/_flexslider.scss */
.loading .flex-viewport {
  max-height: 300px;
}

/* line 59, ../sass/partials/modules/widgets/_flexslider.scss */
.flexslider .slides {
  zoom: 1;
}

/* line 60, ../sass/partials/modules/widgets/_flexslider.scss */
.carousel li {
  margin-right: 5px;
}

/* Direction Nav */
/* line 63, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-direction-nav {
  *height: 0;
}

/* line 64, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-direction-nav a {
  display: block;
  width: 40px;
  height: 50px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
}

/* line 65, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-direction-nav .flex-prev {
  left: -50px;
}

/* line 66, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
}

/* line 67, ../sass/partials/modules/widgets/_flexslider.scss */
.flexslider:hover .flex-prev {
  opacity: 0.7;
  left: 10px;
}

/* line 68, ../sass/partials/modules/widgets/_flexslider.scss */
.flexslider:hover .flex-next {
  opacity: 0.7;
  right: 10px;
}

/* line 69, ../sass/partials/modules/widgets/_flexslider.scss */
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
  opacity: 1;
}

/* line 70, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-direction-nav .flex-disabled {
  opacity: 0 !important;
  filter: alpha(opacity=0);
  cursor: default;
}

/* line 71, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  content: '\f001';
}

/* line 72, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-direction-nav a.flex-next:before {
  content: '\f002';
}

/* Pause/Play */
/* line 75, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}

/* line 76, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}

/* line 77, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-pauseplay a:hover {
  opacity: 1;
}

/* line 78, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-pauseplay a.flex-play:before {
  content: '\f003';
}

/* Control Nav */
/* line 81, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}

/* line 82, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

/* line 83, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}

/* line 84, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}

/* line 85, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}

/* line 87, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}

/* line 88, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}

/* line 89, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-control-thumbs img {
  width: 100%;
  display: block;
  opacity: .7;
  cursor: pointer;
}

/* line 90, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-control-thumbs img:hover {
  opacity: 1;
}

/* line 91, ../sass/partials/modules/widgets/_flexslider.scss */
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}

@media screen and (max-width: 860px) {
  /* line 94, ../sass/partials/modules/widgets/_flexslider.scss */
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }

  /* line 95, ../sass/partials/modules/widgets/_flexslider.scss */
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}
/* ======================================================================================
   @MODULES -> WIDGETS -> ADAPTIVE GOOGLE MAP
   ====================================================================================== */
/*
	Usage: 
		Adaptive Google map.
	
	Note: 
		Loads in a static Google map image for palm sized viewports and a dynamic Google map (full API) for non-palm sized viewports.
	
	Demo:
		Style Guide -> Modules -> Widgets -> Adaptive Google Map
	
	Credit:
		http://codepen.io/bradfrost/full/tLxAs
*/
/* line 19, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
.map {
  position: relative;
  /* Have this so the preloader is contained within it's parent */
  min-height: 50px;
  /* Preloader */
}
/* line 25, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
.map .preloader {
  display: none;
  /* Show at this breakpoint */
}
@media all and (min-width: 40.0625em) {
  /* line 25, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
  .map .preloader {
    /* JS on */
  }
  /* line 31, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
  .js .map .preloader {
    display: block;
    position: absolute;
    top: 1.5em;
    left: 1.5em;
  }
}

/* Static */
/* line 42, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
.map__static {
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
  background: url("http://maps.google.com/maps/api/staticmap?center=-33.867487,151.20699&zoom=15&markers=-33.867487,151.20699&size=640x400&sensor=false") no-repeat 50% 50%;
  /* Retina */
  /* Hide at this breakpoint */
  /* Print */
  /* Hide image so we can use a bg img instead to maintain scale, see: http://webdesigntutsplus.s3.amazonaws.com/tuts/365_google_maps/demo/index.html */
}
@media (-o-min-device-pixel-ratio: 5 / 4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  /* line 42, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
  .map__static {
    background-image: url("http://maps.google.com/maps/api/staticmap?center=-33.867487,151.20699&zoom=15&markers=-33.867487,151.20699&size=640x400&sensor=false&scale=2");
    background-size: 640px 400px;
  }
}
@media all and (min-width: 40.0625em) {
  /* line 42, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
  .map__static {
    display: none;
  }
}
@media print {
  /* line 42, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
  .map__static {
    display: block !important;
  }
}
/* line 59, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
.map__static img {
  opacity: 0;
  /* Print */
}
@media print {
  /* line 59, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
  .map__static img {
    opacity: 1;
  }
}

/* Dynamic */
/* line 70, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
.map__dynamic {
  /* Preserve aspect ratio: 16:9 */
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
  /* Print */
  /* Turn off responsive images */
  /* Preloader */
  /* Map canvas */
}
@media print {
  /* line 70, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
  .map__dynamic {
    display: none;
  }
}
/* line 83, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
.map__dynamic img {
  max-width: none;
}
/* line 86, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
.map__dynamic .preloader {
  margin-left: 1.5em;
}
/* line 89, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
.map__dynamic > div {
  /* Preserve aspect ratio: 16:9 */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Map link - hide at this breakpoint only when JS is on */
@media all and (min-width: 40.0625em) {
  /* line 101, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
  .js .map__link {
    display: none;
  }
}
/* Print */
@media print {
  /* line 106, ../sass/partials/modules/widgets/_adaptive-google-map.scss */
  .map__link {
    display: none;
  }
}
/* ======================================================================================
   @MODULES -> WIDGETS -> MODAL
   ====================================================================================== */
/*
	Usage: 
		Typically for dialog prompts e.g. warning/error messages in the form of an overlay (child window). Depending on the jQuery plugin configuration the parent window (page the dialog is overlaying) can either be interacted with again i.e. closing the dialog by clicking anywhere outside the dialog or by only clicking the 'Close' button within the dialog (the latter is true modal behaviour).
	
	Note: 
		`.is-modal-active` class gets appended to the `body` element when the modal is open.
	
	Demo:
		Style Guide -> Modules -> Widgets -> Modal
		
	Credit: 
		http://twitter.github.com/bootstrap/javascript.html#modals
*/
/* Shared fade state */
/* line 20, ../sass/partials/modules/widgets/_modal.scss */
.modal.is-fade,
.modal-backdrop.is-fade {
  opacity: 0;
  /* Transition */
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
}

/* Modal backdrop */
/* line 27, ../sass/partials/modules/widgets/_modal.scss */
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2147483646;
  background-color: #000;
}
/* line 36, ../sass/partials/modules/widgets/_modal.scss */
.modal-backdrop, .modal-backdrop.is-fade.is-active {
  opacity: 0.8;
}

/* Modal */
/* line 41, ../sass/partials/modules/widgets/_modal.scss */
.modal {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 2147483647;
  width: 90%;
  margin: -60px 0 0 -45%;
  background-color: #fff;
  border-radius: 6px;
  outline: none;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  /* Fix the width and adjust offsets at this breakpoint */
  /* Fade state */
}
@media all and (min-width: 48em) {
  /* line 41, ../sass/partials/modules/widgets/_modal.scss */
  .modal {
    width: 35em;
    margin-top: -250px;
    margin-left: -280px;
  }
}
/* line 62, ../sass/partials/modules/widgets/_modal.scss */
.modal.is-fade {
  top: -25%;
  /* Transition */
  -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
  transition: opacity 0.3s linear, top 0.3s ease-out;
  /* Active state */
}
/* line 67, ../sass/partials/modules/widgets/_modal.scss */
.modal.is-fade.is-active {
  top: 50%;
  opacity: 1;
}

/* Modal header */
/* line 75, ../sass/partials/modules/widgets/_modal.scss */
.modal-header {
  padding: 0.375em 1em;
  border-bottom: 1px solid #d4d4d4;
  position: relative;
  /* Modal title */
  /* Close button */
}
/* line 81, ../sass/partials/modules/widgets/_modal.scss */
.modal-header .hn {
  margin: 0;
}
/* line 84, ../sass/partials/modules/widgets/_modal.scss */
.modal-header .btn-close {
  position: absolute;
  right: 0.625em;
  top: 50%;
  margin-top: -0.6875em;
}

/* Modal body */
/* line 93, ../sass/partials/modules/widgets/_modal.scss */
.modal-body {
  max-height: 12.5em;
  padding: 1em;
  overflow-y: auto;
  /* Increase the max height at this breakpoint */
}
@media all and (min-width: 48em) {
  /* line 93, ../sass/partials/modules/widgets/_modal.scss */
  .modal-body {
    max-height: 25em;
  }
}

/* Modal footer */
/* line 105, ../sass/partials/modules/widgets/_modal.scss */
.modal-footer {
  padding: 1em;
  text-align: right;
  background-color: #f2f2f2;
  border-top: 1px solid #d4d4d4;
  border-radius: 0 0 6px 6px;
  box-shadow: inset 0 1px 0 #fff;
}

/* ======================================================================================
   @MODULES -> WIDGETS -> SOCIAL MEDIA SHARE
   ====================================================================================== */
/*
	Usage: 
		Embedding all or whatever is required of the Social Media share buttons.
	
	Note: 
		Eventually they'll be 3 versions of this widget: 
		-	'Full API' (done).
		-	'Medium' (http://filamentgroup.com/lab/socialcount/).
		-	'Light'.
	
	Demo:
		Style Guide -> Modules -> Widgets -> Social Media Share
*/
/* Print */
@media print {
  /* line 21, ../sass/partials/modules/widgets/_social-media-share.scss */
  .social-share-full {
    display: none;
  }
}
/* Used to create a space between each button */
/* line 25, ../sass/partials/modules/widgets/_social-media-share.scss */
.social-share-full__spacer {
  display: inline-block;
  width: 0.375em;
  height: 4px;
}

/* Break the buttons onto 2 lines */
/* line 32, ../sass/partials/modules/widgets/_social-media-share.scss */
.social-share-full__spacer--middle {
  display: block;
  /* Bring buttons back onto 1 line at this breakpoint */
}
@media all and (min-width: 26.25em) {
  /* line 32, ../sass/partials/modules/widgets/_social-media-share.scss */
  .social-share-full__spacer--middle {
    display: inline-block;
  }
}

/* Facebook */
/* line 42, ../sass/partials/modules/widgets/_social-media-share.scss */
.fb-like {
  vertical-align: top;
}

/* ======================================================================================
   @MODULES -> WIDGETS -> TABS
   ====================================================================================== */
/*
	Usage: 
		Similar to the accordion in terms of preserving screen real estate but a tabbed interface is typically rendered horizontally not vertically and rather than 'expanding' and 'collapsing' each item the item simply appears and you can only ever see one item at a time.
	
	Demo:
		Style Guide -> Modules -> Widgets -> Tabs
*/
/* Tab nav */
/* line 14, ../sass/partials/modules/widgets/_tabs.scss */
.tab-nav {
  /* Apply a subtle bg color at this breakpoint
  @include respond-min($non-palm) {
  	background-color: $color-off-white;
  } */
  /* Items */
  /* Links */
  /* Pseudo classes + active state */
  /* JS off */
  /* Print */
}
/* line 21, ../sass/partials/modules/widgets/_tabs.scss */
.tab-nav h2 {
  margin: 0.5em 0;
}
/* line 24, ../sass/partials/modules/widgets/_tabs.scss */
.tab-nav li {
  border-bottom: 4px solid transparent;
  position: relative;
  /* Items go into horizontal mode therefore require some spacing between them at this breakpoint */
  /* IE 7 support if you need it? */
  /*@include old-ie {*margin-bottom: -1px;}*/
}
/* line 27, ../sass/partials/modules/widgets/_tabs.scss */
.tab-nav li .user-notifications-count {
  background-color: #701010 !important;
  color: #fff;
  height: 1.5em;
  width: 1.6em;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  position: absolute;
  right: 0.5em;
  top: -0.5em;
}
@media all and (min-width: 40.0625em) {
  /* line 24, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-nav li {
    margin-right: 0.375em;
    border-bottom: 0;
  }
}
/* line 51, ../sass/partials/modules/widgets/_tabs.scss */
.tab-nav a {
  padding: 0.75em;
  text-decoration: none;
  /* Note: this may be redundant? */
  color: gray;
  border: 1px solid #f2f2f2;
  border-radius: 4px 4px 0 0;
  margin-bottom: -1px;
  display: block;
  /* Change the border color at this breakpoint */
}
@media all and (min-width: 40.0625em) {
  /* line 51, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-nav a {
    border-color: transparent;
    padding: 1.5em;
  }
}
/* line 68, ../sass/partials/modules/widgets/_tabs.scss */
.tab-nav a:hover,
.tab-nav a:focus,
.tab-nav .is-active a {
  background-color: #fff;
  border-color: #d4d4d4;
  color: #36c;
  /* Change the border color at this breakpoint */
}
@media all and (min-width: 40.0625em) {
  /* line 68, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-nav a:hover,
  .tab-nav a:focus,
  .tab-nav .is-active a {
    border-bottom-color: #fff;
  }
}
/* line 82, ../sass/partials/modules/widgets/_tabs.scss */
.no-js .tab-nav {
  display: none;
}
@media all and (max-width: 63.9375em) {
  /* line 85, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-nav h2 {
    margin: 0;
    font-size: 80%;
  }
  /* line 86, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-nav li a {
    padding: 0.5em;
  }
}
@media print {
  /* line 14, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-nav {
    display: none;
  }
}

/* Tab Content */
/* line 99, ../sass/partials/modules/widgets/_tabs.scss */
.tab-content {
  display: none;
  padding: 0.75rem;
  border: 1px solid #d4d4d4;
  background-color: #fff;
  /* Active tab */
  /* Double the padding at this breakpoint */
  /* JS off */
  /* Print */
}
/* line 107, ../sass/partials/modules/widgets/_tabs.scss */
.tab-content.is-active {
  display: block;
}
@media all and (min-width: 40.0625em) {
  /* line 99, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-content {
    padding: 1.5rem;
  }
}
/* line 115, ../sass/partials/modules/widgets/_tabs.scss */
.no-js .tab-content {
  display: block;
  margin-bottom: 1.5rem;
}
@media print {
  /* line 99, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-content {
    display: block;
    margin-bottom: 1.5rem;
  }
}

/* Tab Heading */
@media all and (min-width: 40.0625em) {
  /* line 131, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-heading-simple h2, .tab-heading-simple p {
    float: left;
  }
  /* line 132, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-heading-simple div {
    float: right;
  }
}

/* line 138, ../sass/partials/modules/widgets/_tabs.scss */
.tab-heading select {
  padding: 0.45em;
}
@media all and (min-width: 40.0625em) {
  /* line 140, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-heading div:first-child, .tab-heading .filter {
    float: right;
  }
}
/* line 145, ../sass/partials/modules/widgets/_tabs.scss */
.tab-heading .filter {
  position: relative;
}
/* line 147, ../sass/partials/modules/widgets/_tabs.scss */
.tab-heading .filter button {
  position: absolute;
  right: 0;
  top: 0.5em;
}
@media all and (max-width: 40em) {
  /* line 149, ../sass/partials/modules/widgets/_tabs.scss */
  .tab-heading .filter div {
    margin-bottom: 0.5em;
  }
}

/* line 155, ../sass/partials/modules/widgets/_tabs.scss */
.profile-heading div {
  position: relative;
}
/* line 157, ../sass/partials/modules/widgets/_tabs.scss */
.profile-heading div .onoffswitch {
  position: absolute;
  right: 0;
}
@media all and (max-width: 40em) {
  /* line 163, ../sass/partials/modules/widgets/_tabs.scss */
  .profile-heading h2 {
    font-size: 1.3em;
  }
  /* line 164, ../sass/partials/modules/widgets/_tabs.scss */
  .profile-heading div .onoffswitch {
    position: relative;
    margin-bottom: 1em;
  }
}

/* ======================================================================================
   @MODULES -> WIDGETS -> TOOLTIP
   ====================================================================================== */
/*
	Usage: 
		A small overlay that is displayed when the mouse hovers over an element that requires it. Typically the tooltip's job is to describe the element it's being used on e.g. a menu only uses icons, when a mouse hovers over an icon the overlay will appear describing what the icon is.
	
	Demo:
		Style Guide -> Modules -> Widgets -> Tooltip
	
	Credit:
		http://stevenbenner.github.com/jquery-powertip/
*/
/* Set variables */
/* Start module */
/* line 32, ../sass/partials/modules/widgets/_tooltip.scss */
#tooltip {
  cursor: default;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 4px;
  padding: 0.5em;
  display: none;
  position: absolute;
  /*white-space: nowrap;*/
  z-index: 2147483647;
  max-width: 18.75em;
  /* Pseudo element - arrows */
  /* --Positioning-- */
  /* North / South */
  /* East / West */
  /* North / North East / North West */
  /* East */
  /* South / South East / South West */
  /* West */
  /* North East / South East */
  /* North West / South West */
}
/* line 45, ../sass/partials/modules/widgets/_tooltip.scss */
#tooltip:before {
  content: "";
  position: absolute;
}
/* line 53, ../sass/partials/modules/widgets/_tooltip.scss */
#tooltip.n:before, #tooltip.s:before {
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  margin-left: -5px;
  left: 50%;
}
/* line 62, ../sass/partials/modules/widgets/_tooltip.scss */
#tooltip.e:before, #tooltip.w:before {
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  margin-top: -5px;
  top: 50%;
}
/* line 71, ../sass/partials/modules/widgets/_tooltip.scss */
#tooltip.n:before, #tooltip.ne:before, #tooltip.nw:before {
  border-top: 10px solid rgba(0, 0, 0, 0.8);
  bottom: -10px;
}
/* line 79, ../sass/partials/modules/widgets/_tooltip.scss */
#tooltip.e:before {
  border-right: 10px solid rgba(0, 0, 0, 0.8);
  left: -10px;
}
/* line 85, ../sass/partials/modules/widgets/_tooltip.scss */
#tooltip.s:before, #tooltip.se:before, #tooltip.sw:before {
  border-bottom: 10px solid rgba(0, 0, 0, 0.8);
  top: -10px;
}
/* line 93, ../sass/partials/modules/widgets/_tooltip.scss */
#tooltip.w:before {
  border-left: 10px solid rgba(0, 0, 0, 0.8);
  right: -10px;
}
/* line 99, ../sass/partials/modules/widgets/_tooltip.scss */
#tooltip.ne:before, #tooltip.se:before {
  border-right: 10px solid transparent;
  border-left: 0;
  left: 10px;
}
/* line 107, ../sass/partials/modules/widgets/_tooltip.scss */
#tooltip.nw:before, #tooltip.sw:before {
  border-left: 10px solid transparent;
  border-right: 0;
  right: 10px;
}

/* ======================================================================================
   @MODULES -> WIDGETS -> ANIMATE
   ====================================================================================== */
/*
	Usage: 
        https://daneden.github.io/animate.css/	
*/
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
/* line 19, ../sass/partials/modules/widgets/_animate.scss */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/* line 26, ../sass/partials/modules/widgets/_animate.scss */
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* line 31, ../sass/partials/modules/widgets/_animate.scss */
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

/* line 36, ../sass/partials/modules/widgets/_animate.scss */
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

/* line 44, ../sass/partials/modules/widgets/_animate.scss */
.animated {
  /*Other duration delays*/
}
/* line 45, ../sass/partials/modules/widgets/_animate.scss */
.animated.duration-short {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}
/* line 50, ../sass/partials/modules/widgets/_animate.scss */
.animated.duration-med {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}
/* line 55, ../sass/partials/modules/widgets/_animate.scss */
.animated.duration-long {
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
}
/* line 60, ../sass/partials/modules/widgets/_animate.scss */
.animated.duration-delay-short {
  -webkit-animation-delay: 1s;
  /* Chrome, Safari, Opera */
  animation-delay: 1s;
}
/* line 65, ../sass/partials/modules/widgets/_animate.scss */
.animated.duration-delay-med {
  -webkit-animation-delay: 3s;
  /* Chrome, Safari, Opera */
  animation-delay: 3s;
}
/* line 70, ../sass/partials/modules/widgets/_animate.scss */
.animated.duration-delay-long {
  -webkit-animation-delay: 5s;
  /* Chrome, Safari, Opera */
  animation-delay: 5s;
}
/* line 75, ../sass/partials/modules/widgets/_animate.scss */
.animated.delay-1 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
/* line 80, ../sass/partials/modules/widgets/_animate.scss */
.animated.delay-2 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
/* line 85, ../sass/partials/modules/widgets/_animate.scss */
.animated.delay-3 {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}
/* line 90, ../sass/partials/modules/widgets/_animate.scss */
.animated.delay-4 {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}
/* line 95, ../sass/partials/modules/widgets/_animate.scss */
.animated.delay-5 {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}
/* line 100, ../sass/partials/modules/widgets/_animate.scss */
.animated.delay-6 {
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
}
/* line 105, ../sass/partials/modules/widgets/_animate.scss */
.animated.delay-7 {
  -webkit-animation-delay: 7s;
  animation-delay: 7s;
}
/* line 110, ../sass/partials/modules/widgets/_animate.scss */
.animated.delay-8 {
  -webkit-animation-delay: 8s;
  animation-delay: 8s;
}
/* line 114, ../sass/partials/modules/widgets/_animate.scss */
.animated.delay-9 {
  -webkit-animation-delay: 9s;
  animation-delay: 9s;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
/* line 176, ../sass/partials/modules/widgets/_animate.scss */
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
/* line 203, ../sass/partials/modules/widgets/_animate.scss */
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
/* line 244, ../sass/partials/modules/widgets/_animate.scss */
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
/* line 323, ../sass/partials/modules/widgets/_animate.scss */
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
/* line 362, ../sass/partials/modules/widgets/_animate.scss */
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
/* line 431, ../sass/partials/modules/widgets/_animate.scss */
.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
/* line 492, ../sass/partials/modules/widgets/_animate.scss */
.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
/* line 553, ../sass/partials/modules/widgets/_animate.scss */
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
/* line 634, ../sass/partials/modules/widgets/_animate.scss */
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg);
  }
}
@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg);
  }
}
/* line 723, ../sass/partials/modules/widgets/_animate.scss */
.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
/* line 810, ../sass/partials/modules/widgets/_animate.scss */
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
/* line 883, ../sass/partials/modules/widgets/_animate.scss */
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
/* line 956, ../sass/partials/modules/widgets/_animate.scss */
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}
/* line 1029, ../sass/partials/modules/widgets/_animate.scss */
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/* line 1102, ../sass/partials/modules/widgets/_animate.scss */
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
/* line 1145, ../sass/partials/modules/widgets/_animate.scss */
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
/* line 1188, ../sass/partials/modules/widgets/_animate.scss */
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
/* line 1221, ../sass/partials/modules/widgets/_animate.scss */
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
/* line 1254, ../sass/partials/modules/widgets/_animate.scss */
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
/* line 1297, ../sass/partials/modules/widgets/_animate.scss */
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* line 1322, ../sass/partials/modules/widgets/_animate.scss */
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
/* line 1355, ../sass/partials/modules/widgets/_animate.scss */
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
/* line 1388, ../sass/partials/modules/widgets/_animate.scss */
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
/* line 1421, ../sass/partials/modules/widgets/_animate.scss */
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
/* line 1454, ../sass/partials/modules/widgets/_animate.scss */
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
/* line 1487, ../sass/partials/modules/widgets/_animate.scss */
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
/* line 1520, ../sass/partials/modules/widgets/_animate.scss */
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
/* line 1553, ../sass/partials/modules/widgets/_animate.scss */
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
/* line 1586, ../sass/partials/modules/widgets/_animate.scss */
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* line 1611, ../sass/partials/modules/widgets/_animate.scss */
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
/* line 1640, ../sass/partials/modules/widgets/_animate.scss */
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
/* line 1669, ../sass/partials/modules/widgets/_animate.scss */
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
/* line 1698, ../sass/partials/modules/widgets/_animate.scss */
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
/* line 1727, ../sass/partials/modules/widgets/_animate.scss */
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
/* line 1756, ../sass/partials/modules/widgets/_animate.scss */
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
/* line 1785, ../sass/partials/modules/widgets/_animate.scss */
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
/* line 1814, ../sass/partials/modules/widgets/_animate.scss */
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
/* line 1843, ../sass/partials/modules/widgets/_animate.scss */
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
/* line 1922, ../sass/partials/modules/widgets/_animate.scss */
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
/* line 1995, ../sass/partials/modules/widgets/_animate.scss */
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
/* line 2068, ../sass/partials/modules/widgets/_animate.scss */
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
/* line 2113, ../sass/partials/modules/widgets/_animate.scss */
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
/* line 2158, ../sass/partials/modules/widgets/_animate.scss */
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
/* line 2217, ../sass/partials/modules/widgets/_animate.scss */
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
/* line 2248, ../sass/partials/modules/widgets/_animate.scss */
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
/* line 2291, ../sass/partials/modules/widgets/_animate.scss */
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
/* line 2332, ../sass/partials/modules/widgets/_animate.scss */
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
/* line 2373, ../sass/partials/modules/widgets/_animate.scss */
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
/* line 2414, ../sass/partials/modules/widgets/_animate.scss */
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
/* line 2455, ../sass/partials/modules/widgets/_animate.scss */
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
/* line 2492, ../sass/partials/modules/widgets/_animate.scss */
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
/* line 2529, ../sass/partials/modules/widgets/_animate.scss */
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
/* line 2566, ../sass/partials/modules/widgets/_animate.scss */
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
/* line 2603, ../sass/partials/modules/widgets/_animate.scss */
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
/* line 2640, ../sass/partials/modules/widgets/_animate.scss */
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
/* line 2713, ../sass/partials/modules/widgets/_animate.scss */
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
/* line 2748, ../sass/partials/modules/widgets/_animate.scss */
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
/* line 2779, ../sass/partials/modules/widgets/_animate.scss */
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
/* line 2808, ../sass/partials/modules/widgets/_animate.scss */
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
/* line 2849, ../sass/partials/modules/widgets/_animate.scss */
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
/* line 2890, ../sass/partials/modules/widgets/_animate.scss */
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
/* line 2931, ../sass/partials/modules/widgets/_animate.scss */
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
/* line 2972, ../sass/partials/modules/widgets/_animate.scss */
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
/* line 3009, ../sass/partials/modules/widgets/_animate.scss */
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
/* line 3054, ../sass/partials/modules/widgets/_animate.scss */
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
/* line 3091, ../sass/partials/modules/widgets/_animate.scss */
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
/* line 3128, ../sass/partials/modules/widgets/_animate.scss */
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
/* line 3173, ../sass/partials/modules/widgets/_animate.scss */
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/* line 3204, ../sass/partials/modules/widgets/_animate.scss */
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/* line 3235, ../sass/partials/modules/widgets/_animate.scss */
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/* line 3266, ../sass/partials/modules/widgets/_animate.scss */
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/* line 3297, ../sass/partials/modules/widgets/_animate.scss */
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
/* line 3328, ../sass/partials/modules/widgets/_animate.scss */
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
/* line 3359, ../sass/partials/modules/widgets/_animate.scss */
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
/* line 3390, ../sass/partials/modules/widgets/_animate.scss */
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
/* line 3421, ../sass/partials/modules/widgets/_animate.scss */
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

/*step animation*/
@-keyframes grow-25 {
  /* line 3429, ../sass/partials/modules/widgets/_animate.scss */
  from {
    left: 100%;
  }

  /* line 3430, ../sass/partials/modules/widgets/_animate.scss */
  to {
    left: 75%;
  }
}
@-webkit-keyframes grow-25 {
  from {
    left: 100%;
  }
  to {
    left: 75%;
  }
}
@-keyframes grow-45 {
  /* line 3439, ../sass/partials/modules/widgets/_animate.scss */
  from {
    left: 100%;
  }

  /* line 3440, ../sass/partials/modules/widgets/_animate.scss */
  to {
    left: 55%;
  }
}
@-webkit-keyframes grow-45 {
  from {
    left: 100%;
  }
  to {
    left: 55%;
  }
}
@-keyframes grow-70 {
  /* line 3449, ../sass/partials/modules/widgets/_animate.scss */
  from {
    left: 100%;
  }

  /* line 3450, ../sass/partials/modules/widgets/_animate.scss */
  to {
    left: 30%;
  }
}
@-webkit-keyframes grow-70 {
  from {
    left: 100%;
  }
  to {
    left: 30%;
  }
}
@-keyframes grow-85 {
  /* line 3459, ../sass/partials/modules/widgets/_animate.scss */
  from {
    left: 100%;
  }

  /* line 3460, ../sass/partials/modules/widgets/_animate.scss */
  to {
    left: 15%;
  }
}
@-webkit-keyframes grow-85 {
  from {
    left: 100%;
  }
  to {
    left: 15%;
  }
}
/*Step animation*/
/*.bar {
    &.pct-25 .inner {
        -webkit-animation-duration: 2s;
        -webkit-animation-name: grow-25;
    }
    &.pct-45 .inner {
        -webkit-animation-duration: 3s;
        -webkit-animation-name: grow-45;
    }
    &.pct-70 .inner {
        -webkit-animation-duration: 5s;
        -webkit-animation-name: grow-70;
    }
    &.pct-85 .inner {
        -webkit-animation-duration: 6s;
        -webkit-animation-name: grow-85;
    }
}*/
/*Creates the slide-out menu effect*/
@media all and (min-width: 81.25em) {
  /* line 4, ../sass/partials/modules/widgets/_menu-slider.scss */
  .btn-slide {
    display: none;
  }

  /* line 5, ../sass/partials/modules/widgets/_menu-slider.scss */
  .nav-list {
    position: sticky;
    top: 0;
  }
}
@media all and (max-width: 81.25em) {
  /* line 9, ../sass/partials/modules/widgets/_menu-slider.scss */
  input.btn-slide[type=checkbox] {
    position: absolute;
    opacity: 0;
  }

  /* line 13, ../sass/partials/modules/widgets/_menu-slider.scss */
  label.btn-slide {
    position: absolute;
    padding: 0.5em;
    top: 12.8em;
    left: 3.5%;
    z-index: 1;
    display: block;
    font-size: 0.8em;
    cursor: pointer;
    transform: translate3d(0, 0, 0);
    transition: transform .4s;
    background-color: transparent;
    color: #fff;
  }
  /* line 26, ../sass/partials/modules/widgets/_menu-slider.scss */
  label.btn-slide:before {
    content: "Open ";
  }
  /* line 27, ../sass/partials/modules/widgets/_menu-slider.scss */
  label.btn-slide .icon {
    padding-left: 0.5em;
  }

  /* line 30, ../sass/partials/modules/widgets/_menu-slider.scss */
  input.btn-slide[type=checkbox]:checked ~ label.btn-slide .icon:before {
    transform: rotate(180deg);
  }
  /* line 31, ../sass/partials/modules/widgets/_menu-slider.scss */
  input.btn-slide[type=checkbox]:checked ~ label.btn-slide:before {
    content: "Close ";
  }

  /* line 33, ../sass/partials/modules/widgets/_menu-slider.scss */
  .content-box {
    width: 100% !important;
    transform: translate3d(0, 0, 0);
    transition: transform .4s;
    z-index: 0;
  }

  /* line 39, ../sass/partials/modules/widgets/_menu-slider.scss */
  input.btn-slide[type=checkbox]:checked ~ .nav-list {
    transform: translate3d(0, 0, 0);
  }

  /* line 42, ../sass/partials/modules/widgets/_menu-slider.scss */
  input.btn-slide[type=checkbox]:checked ~ .nav-list .nav li {
    width: 100%;
  }

  /* line 45, ../sass/partials/modules/widgets/_menu-slider.scss */
  .nav-list {
    transform: translate3d(-100%, 0, 0);
    position: absolute;
    left: 0;
    transition: all .4s;
    z-index: 99;
  }
}
@media all and (max-width: 81.25em) {
  /* line 54, ../sass/partials/modules/widgets/_menu-slider.scss */
  label.btn-slide {
    top: -2.5em;
  }
}
/* Forms */
/* ======================================================================================
   @FORMS -> BASE
   ====================================================================================== */
/* Indicate that `label` will shift focus to the associated `input` element */
/* line 6, ../sass/partials/forms/_base.scss */
label {
  cursor: pointer;
}

/* Text inputs via the `.txt-input` class, `textarea` and `select` */
/* line 9, ../sass/partials/forms/_base.scss */
.txt-input,
textarea,
select {
  width: 100%;
  padding: 0.5em;
  border: 1px solid #bfbfbf;
  box-shadow: inset -1px 1px 1px 0 rgba(0, 0, 0, 0.1);
  background: #fff;
  /* Transition */
  -webkit-transition: border 0.2s linear, box-shadow 0.2s linear;
  transition: border 0.2s linear, box-shadow 0.2s linear;
  /* Focus pseudo class */
}
/* line 20, ../sass/partials/forms/_base.scss */
.txt-input:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: rgba(0, 0, 0, 0.35);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0.35);
  /* Old IE */
}

/* Legend - for legends that are visible and to fix up some browsers not supporting bottom margin */
/* line 32, ../sass/partials/forms/_base.scss */
legend.hn {
  padding-bottom: 24px;
  padding-bottom: 1.5rem;
  margin-bottom: 0;
}

/* Textarea */
/* line 38, ../sass/partials/forms/_base.scss */
textarea {
  height: 9em;
  resize: vertical;
}

/* Select list */
/* line 44, ../sass/partials/forms/_base.scss */
select {
  width: auto;
}

/* Alternate sizes */
/* line 47, ../sass/partials/forms/_base.scss */
.txt-input-sml {
  width: 16.666%;
}

/* line 49, ../sass/partials/forms/_base.scss */
.txt-input-med {
  width: 50%;
}

/* Placeholder */
/* Webkit */
/* line 475, ../sass/partials/utils/_mixins.scss */
::-webkit-input-placeholder {
  color: #aaa;
}

/* Firefox 18- */
/* line 480, ../sass/partials/utils/_mixins.scss */
:-moz-placeholder {
  color: #aaa;
}

/* Firefox 19+ */
/* line 485, ../sass/partials/utils/_mixins.scss */
::-moz-placeholder {
  color: #aaa;
}

/* MS */
/* line 490, ../sass/partials/utils/_mixins.scss */
:-ms-input-placeholder {
  color: #aaa;
}

/* jQuery plugin (old IE) */
/* line 495, ../sass/partials/utils/_mixins.scss */
.lte9 .placeholder {
  color: #aaa;
}

/* Disabled and Read-only */
/* 
	Note: it is okay to use `!important` here as we're doing it pre-emptively i.e. you know you will always want the rule it's applied too to take precedence.
*/
/* line 60, ../sass/partials/forms/_base.scss */
button[disabled],
input[disabled],
select[disabled],
textarea[disabled],
.is-disabled {
  cursor: default !important;
  text-shadow: none !important;
  box-shadow: none !important;
  opacity: 0.7!important;
}

/* 'Required field' indicator (asterisk) */
/* line 72, ../sass/partials/forms/_base.scss */
.req-field {
  font-family: Verdana, Geneva, sans-serif;
  line-height: 1;
  color: #e80000;
  cursor: help;
}

/* Resest some defaults 
form p {margin: 0;}*/
/* To disable iPhone zoom */
@media all and (max-width: 40em) {
  /* line 83, ../sass/partials/forms/_base.scss */
  input, textarea {
    font-size: 16px;
  }
}

/*Minimal*/
/* line 90, ../sass/partials/forms/_base.scss */
.text-input-min {
  border: 0;
  border-bottom: 1px solid #000;
  box-shadow: none;
  padding: 0.3em;
}

/*Alt row layout*/
/* line 99, ../sass/partials/forms/_base.scss */
.div-alt .form-main-label, .div-alt .form-main-field {
  margin: 0;
}
/* line 100, ../sass/partials/forms/_base.scss */
.div-alt .form-main-field {
  padding: 0.5em;
}
/* line 102, ../sass/partials/forms/_base.scss */
.div-alt .form-main-field:nth-child(odd) {
  background-color: #f2f2f2;
}

/* line 108, ../sass/partials/forms/_base.scss */
.user {
  background: transparent url(img/icon/icon-user.png) no-repeat 0 0.2em;
  padding-left: 1.5em;
}

/* line 112, ../sass/partials/forms/_base.scss */
.email {
  background: transparent url(img/icon/icon-email.png) no-repeat 0 0.2em;
  padding-left: 1.5em;
}

/* line 116, ../sass/partials/forms/_base.scss */
.password {
  background: transparent url(img/icon/icon-lock.png) no-repeat 0 0.2em;
  padding-left: 1.5em;
}

/* line 120, ../sass/partials/forms/_base.scss */
.comment {
  background: transparent url(img/icon/icon-comment.png) no-repeat 0 0.2em;
  padding-left: 1.5em;
}

/* line 124, ../sass/partials/forms/_base.scss */
.mobile {
  background: transparent url(img/icon/icon-mobile.png) no-repeat 0 0.2em;
  padding-left: 1.5em;
}

/* ======================================================================================
   @FORMS -> LAYOUT
   ====================================================================================== */
/*
	Usage: 
		These styles handle a typical form layout which is linear (label above input(s) i.e. stacked) for small viewports and side by side (label and input(s) aligned horizontally) for larger viewports.
	
	Basic HTML anatomy:
		<form class="form-main">
		
			<div class="form-main-field">
			
				<label class="form-main-label">Label</label>
				<p class="form-main-label">Label</p>
				
				<div class="form-main-inputs">
					[input(s)]
					<small class="form-main-notes">Helper notes...</small>
					<p class="feedback feedback-success">Feedback - success</p>
					<p class="feedback feedback-error">Feedback - error</p>
					<span class="preloader"><span class="preloader__spinner"></span> <em aria-live="polite" aria-controls="input-id-here">Preloader</em></span>
				</div>
				
			</div>
			
		</form>
				
	Demo:
		Style Guide -> Form Patterns
*/
/* Field */
/* Label */
/* line 40, ../sass/partials/forms/_layout.scss */
.form-main-label {
  display: block;
  margin-bottom: 0.1875em;
  /* Sits to the left of it's input(s) at this breakpoint */
}
@media all and (min-width: 48em) {
  /* line 40, ../sass/partials/forms/_layout.scss */
  .form-main-label {
    width: 21.875em;
    float: left;
    /*text-align: right;*/
    margin: 0.3125em 0 0;
    padding-right: 0.625em;
    position: relative;
    /* 'Required field' indicator (asterisk) */
    /*For when widths need to be full or auto*/
  }
  /* line 52, ../sass/partials/forms/_layout.scss */
  .form-main-label .req-field {
    position: absolute;
    right: 0.5em;
    top: 0.5em;
  }
  /* line 58, ../sass/partials/forms/_layout.scss */
  .form-main-label.label-full {
    width: auto;
  }
}

/* line 64, ../sass/partials/forms/_layout.scss */
.form-main-label-full {
  width: auto;
  float: none;
  margin: 0;
  padding: 0;
}

/* Input(s) - sits to the right of it's label at this breakpoint */
@media all and (min-width: 48em) {
  /* line 73, ../sass/partials/forms/_layout.scss */
  .form-main-inputs {
    margin-left: 21.875em;
    width: 50%;
  }

  /* line 78, ../sass/partials/forms/_layout.scss */
  .form-main-inputs-full {
    width: auto;
  }
}
/* --Extenders-- */
/* The 'Actions' and 'Solo checkbox' extenders need this to position their 'Preloader' and 'Checkbox' */
/* line 87, ../sass/partials/forms/_layout.scss */
.form-main-inputs-solo-checkbox,
.form-main-inputs-actions {
  position: relative;
}

/* Apply a top margin to 'Actions' extender due to the `:last-child` rule in `@extend %mrg-base;` for 'Field' */
/* line 93, ../sass/partials/forms/_layout.scss */
.form-main-inputs-actions {
  margin-top: 24px;
  margin-top: 1.5rem;
  /* Print */
}
@media print {
  /* line 93, ../sass/partials/forms/_layout.scss */
  .form-main-inputs-actions {
    display: none;
  }
}

/* line 101, ../sass/partials/forms/_layout.scss */
.form-main-inputs-full {
  margin-left: 0;
}

/* Input(s) nested elements */
/* line 106, ../sass/partials/forms/_layout.scss */
.form-main-inputs {
  position: relative;
  /* Vertical alignment for all `input`'s and `label`'s */
  /* Adjustments at this breakpoint */
}
/* line 109, ../sass/partials/forms/_layout.scss */
.form-main-inputs label,
.form-main-inputs input {
  vertical-align: middle;
}
@media all and (min-width: 48em) {
  /* line 106, ../sass/partials/forms/_layout.scss */
  .form-main-inputs {
    /* Nudge `type="file"` `input` down */
    /* Horizontal list */
  }
  /* line 116, ../sass/partials/forms/_layout.scss */
  .form-main-inputs input[type="file"] {
    margin-top: 0.25em;
  }
  /* line 120, ../sass/partials/forms/_layout.scss */
  .form-main-inputs .horiz-list li {
    margin-left: 0.75em;
    /* Turn off margin for first item */
  }
  /* line 123, ../sass/partials/forms/_layout.scss */
  .form-main-inputs .horiz-list li:first-child {
    margin-left: 0;
  }
}

/* Solo checkbox */
/* line 131, ../sass/partials/forms/_layout.scss */
.form-main-inputs-solo-checkbox {
  /* Checkbox */
  /* Label */
}
/* line 133, ../sass/partials/forms/_layout.scss */
.form-main-inputs-solo-checkbox input {
  position: absolute;
  top: 0.34375em;
  left: 0;
}
/* line 139, ../sass/partials/forms/_layout.scss */
.form-main-inputs-solo-checkbox label {
  padding-left: 1.125em;
  display: block;
}

/* Feedback, Notes and Preloader */
/* line 146, ../sass/partials/forms/_layout.scss */
.form-main-inputs .form-main-notes,
.form-main-field .feedback,
.form-main-field .preloader {
  margin-top: 0.375em;
}

/* Notes */
/* line 153, ../sass/partials/forms/_layout.scss */
.form-main-notes {
  display: block !important;
  /*@include font-size($font-size-sml, 1.35);*/
  font-size: 0.8em;
  color: gray;
}

/* Preloader within 'Actions' */
/* line 161, ../sass/partials/forms/_layout.scss */
.form-main-inputs-actions .preloader {
  vertical-align: middle;
  margin-top: 0;
}

/* Clear for aside */
/* line 168, ../sass/partials/forms/_layout.scss */
.form-main-block > div {
  width: 100%;
  float: none;
  margin-left: 0;
}
/* line 174, ../sass/partials/forms/_layout.scss */
.form-main-block > label {
  text-align: left;
  display: block;
}

/* line 180, ../sass/partials/forms/_layout.scss */
.form-main-block > div,
.form-main-block > label {
  float: none;
  margin-left: 0;
  width: 100%;
}

/* line 189, ../sass/partials/forms/_layout.scss */
.content-box .form-main-field .form-main-label {
  margin: 0;
  display: inline-block;
  padding: 0.39em 0.5em;
}
@media all and (min-width: 40.0625em) {
  /* line 196, ../sass/partials/forms/_layout.scss */
  .content-box .form-main-field .form-main-inputs {
    margin-left: 22em;
  }
}

@media all and (max-width: 47.9375em) {
  /* line 206, ../sass/partials/forms/_layout.scss */
  .login .form-main-field .form-main-inputs {
    margin-left: 0 !important;
  }
}
@media all and (min-width: 48em) {
  /* line 213, ../sass/partials/forms/_layout.scss */
  .login .form-main-label {
    width: 9.375em;
  }
  /* line 217, ../sass/partials/forms/_layout.scss */
  .login .form-main-inputs {
    margin-left: 9.375em !important;
  }
}

/*Quiz*/
/* line 224, ../sass/partials/forms/_layout.scss */
.ddlAnswers {
  padding: 0;
  border: 0;
  box-shadow: none;
  border-bottom: 1px solid #f0a866;
  color: #f0a866;
}

/*Custom styling of inputs - radiobuttons and checkboxes*/
/* line 234, ../sass/partials/forms/_layout.scss */
.form-main-inputs input[type="checkbox"], .form-main-inputs input[type="radio"], .survey-tbl input[type="checkbox"], .survey-tbl input[type="radio"], .survey-list input[type="checkbox"], .survey-list input[type="radio"] {
  opacity: 0;
  position: absolute;
}
/* line 239, ../sass/partials/forms/_layout.scss */
.form-main-inputs label, .survey-tbl label, .survey-list label {
  position: relative;
}
/* line 243, ../sass/partials/forms/_layout.scss */
.form-main-inputs input[type="checkbox"], .form-main-inputs input[type="radio"], .form-main-inputs label, .survey-tbl input[type="checkbox"], .survey-tbl input[type="radio"], .survey-tbl label, .survey-list input[type="checkbox"], .survey-list input[type="radio"], .survey-list label {
  display: inline-block;
  vertical-align: middle;
  margin: 5px;
  /*padding-left: 40px;*/
  cursor: pointer;
}
/* line 251, ../sass/partials/forms/_layout.scss */
.form-main-inputs input[type="checkbox"] + label:before, .form-main-inputs input[type="radio"] + label:before, .survey-tbl input[type="checkbox"] + label:before, .survey-tbl input[type="radio"] + label:before, .survey-list input[type="checkbox"] + label:before, .survey-list input[type="radio"] + label:before {
  content: '';
  background: #fff;
  border: 1px solid #bfbfbf;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  padding: 2px;
  margin-right: 10px;
  text-align: center;
  /*position: absolute;
  left: 0.5em;
  top: .1em;*/
}
/* line 267, ../sass/partials/forms/_layout.scss */
.form-main-inputs input[type="radio"] + label:before, .survey-tbl input[type="radio"] + label:before, .survey-list input[type="radio"] + label:before {
  border-radius: 50%;
}
/* line 271, ../sass/partials/forms/_layout.scss */
.form-main-inputs input[type="radio"]:checked + label:before, .survey-tbl input[type="radio"]:checked + label:before, .survey-list input[type="radio"]:checked + label:before {
  background: #1b5d80;
  box-shadow: inset 0px 0px 0px 2px #fff;
}
/* line 276, ../sass/partials/forms/_layout.scss */
.form-main-inputs input[type="checkbox"]:checked + label:before, .survey-tbl input[type="checkbox"]:checked + label:before, .survey-list input[type="checkbox"]:checked + label:before {
  font-family: 'icons';
  content: "\ea10";
  color: #1b5d80;
}

/*Survey*/
/* line 284, ../sass/partials/forms/_layout.scss */
.survey-list {
  margin-left: 0 !important;
}
/* line 287, ../sass/partials/forms/_layout.scss */
.survey-list li {
  padding: 0.7em;
}
/* line 290, ../sass/partials/forms/_layout.scss */
.survey-list li:nth-child(even) {
  background-color: rgba(203, 203, 203, 0.1);
}
@media all and (min-width: 64em) {
  /* line 296, ../sass/partials/forms/_layout.scss */
  .survey-list legend, .survey-list .survey-answers {
    float: left;
    width: 50%;
  }
}

/* line 304, ../sass/partials/forms/_layout.scss */
.survey-tbl .title-content {
  color: #1b5d80;
  font-weight: bold;
  font-size: 1.2em;
  background-color: #f2f2f2;
}
/* line 310, ../sass/partials/forms/_layout.scss */
.survey-tbl .title-content div {
  font-size: 0.8em;
}
/* line 315, ../sass/partials/forms/_layout.scss */
.survey-tbl th, .survey-tbl td {
  font-weight: normal;
}
/* line 318, ../sass/partials/forms/_layout.scss */
.survey-tbl thead th {
  font-weight: bold;
  background-color: #247caa;
  color: #fff;
  padding-right: 0.2em;
}
/* line 325, ../sass/partials/forms/_layout.scss */
.survey-tbl tbody tr:nth-child(odd) th, .survey-tbl tbody tr:nth-child(odd) td {
  background-color: #f2f2f2;
}
/* line 330, ../sass/partials/forms/_layout.scss */
.survey-tbl tbody th {
  padding: 0.5em 0 0.5em 0.5em;
}
/* line 334, ../sass/partials/forms/_layout.scss */
.survey-tbl tr {
  padding: 0.7em;
}
/* line 337, ../sass/partials/forms/_layout.scss */
.survey-tbl tr:nth-child(even) {
  background-color: rgba(203, 203, 203, 0.1);
}
/* line 342, ../sass/partials/forms/_layout.scss */
.survey-tbl input {
  z-index: 100;
  height: 25px;
  width: 25px;
}
/* line 348, ../sass/partials/forms/_layout.scss */
.survey-tbl input[type="radio"] + label:before {
  margin-right: 0;
}

/*Username*/
/* line 352, ../sass/partials/forms/_layout.scss */
.username-email {
  position: absolute;
  right: 0;
  top: 0.4em;
}

/*Range slider*/
/* line 360, ../sass/partials/forms/_layout.scss */
.survey .txt {
  position: relative;
  padding-left: 1.5em;
  /*The slider handle*/
  /*The slider output*/
}
/* line 364, ../sass/partials/forms/_layout.scss */
.survey .txt input[type=range] {
  -webkit-appearance: none;
  width: calc(100% - (110px));
  height: 0.5em;
  border-radius: 5px;
  background: #d7dcdf;
  outline: none;
  padding: 0;
  margin: 0 0.5em;
}
/* line 374, ../sass/partials/forms/_layout.scss */
.survey .txt input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background-color: #1b5d80;
  width: 1.3em;
  height: 1.3em;
  border-radius: 50%;
  cursor: pointer;
}
/* line 382, ../sass/partials/forms/_layout.scss */
.survey .txt input[type=range]::-moz-range-thumb {
  background-color: #1b5d80;
  width: 1.3em;
  height: 1.3em;
  border-radius: 50%;
  cursor: pointer;
}
/* line 389, ../sass/partials/forms/_layout.scss */
.survey .txt input[type="range"]::-ms-thumb {
  background-color: #1b5d80;
  width: 1.3em;
  height: 1.3em;
  border-radius: 50%;
  cursor: pointer;
}
/* line 397, ../sass/partials/forms/_layout.scss */
.survey .txt .input-output {
  background-color: #1b5d80;
  border: 0;
  color: #fff;
  padding: 0.3em 0.5em;
  position: absolute;
  right: 0;
  width: 3em;
  text-align: center;
  top: -0.2em;
}
/* line 402, ../sass/partials/forms/_layout.scss */
.survey .txt .output-label:before {
  position: absolute;
  top: 0.2em;
  right: 3em;
  width: 0;
  height: 0;
  border-top: 0.5em solid transparent;
  border-right: 0.5em solid #1b5d80;
  border-bottom: 0.5em solid transparent;
  content: '';
}

/*Survey*/
/* line 420, ../sass/partials/forms/_layout.scss */
.survey .form-main-field .form-main-inputs label {
  padding-left: 2em;
}
/* line 422, ../sass/partials/forms/_layout.scss */
.survey .form-main-field .form-main-inputs label:before {
  position: absolute;
  left: 0;
  top: 0.15em;
}

/* ======================================================================================
   @FORMS -> VALIDATION
   ====================================================================================== */
/* 
	Usage:
		For highlighting text inputs for validation.
	
	Note: 
		It is okay to use `!important` here as we're doing it pre-emptively i.e. you know you will always want the rule it's applied too to take precedence.
	
	Demo:
		Style Guide -> Form Patterns
*/
/* Error */
/* line 17, ../sass/partials/forms/_validation.scss */
.input-error {
  border-color: #c43c35 !important;
  /* Focus pseudo class */
}
/* line 21, ../sass/partials/forms/_validation.scss */
.input-error:focus {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 10px rgba(196, 60, 53, 0.75) !important;
}

/* Success */
/* line 28, ../sass/partials/forms/_validation.scss */
.input-success {
  border-color: #57a957 !important;
  background-color: #cfe9c5 !important;
  /* Focus pseudo class */
}
/* line 33, ../sass/partials/forms/_validation.scss */
.input-success:focus {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 10px rgba(87, 169, 87, 0.75) !important;
}

/* Buttons */
/* ======================================================================================
   @BUTTONS -> BASE
   ====================================================================================== */
/* 
	Usage: 
		Basic button structural/reset styling that all buttons need, can only be extended from not used by itself.
	
	Demo:
		Style Guide -> Buttons -> Base
*/
/* Reset all the browser default styles */
/* line 14, ../sass/partials/buttons/_base.scss */
.btn {
  line-height: normal;
  display: inline-block;
  vertical-align: middle;
  background: none;
  border: 0;
  padding: 0;
  /* Parent + pseudo elements */
  /* Parent + pseudo classes */
  /* Note: this may be redundant? */
  /* --Extenders-- */
  /* 
  	Note: have to increase the specificity by chaining the base `.btn` class to make it easy to override non-simple extenders. 
  */
  /* Make span full width of parent */
  /* Round button */
  /*Buttons with icons*/
  /* Small and large sizes */
  /* Apply right spacing for adjacent buttons */
  /* Print */
  /* 
  	Note: It is okay to use `!important` here as we're doing it pre-emptively i.e. you know you will always want the rule it's applied too to take precedence.
  */
}
/* line 28, ../sass/partials/buttons/_base.scss */
.btn, .btn:hover, .btn:focus {
  text-decoration: none;
}
/* line 39, ../sass/partials/buttons/_base.scss */
.btn.btn-full {
  display: block;
  text-align: center;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
/* line 48, ../sass/partials/buttons/_base.scss */
.btn.btn-pill {
  border-radius: 50%;
}
/* line 53, ../sass/partials/buttons/_base.scss */
.btn.btn-search {
  background: transparent url("img/icon/btn-search-sml.png") no-repeat 0.5em 0.3em;
  width: 2.2em;
  height: 2.2em;
  position: absolute;
  right: 0;
  top: 0.1em;
}
/* line 61, ../sass/partials/buttons/_base.scss */
.btn.btn-sml {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: normal;
}
/* line 63, ../sass/partials/buttons/_base.scss */
.btn.btn-lrg {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: normal;
}
/* line 66, ../sass/partials/buttons/_base.scss */
.btn.btn-spacing {
  margin-right: 0.375em;
}
@media print {
  /* line 14, ../sass/partials/buttons/_base.scss */
  .btn {
    display: none !important;
  }
}

/* ======================================================================================
   @BUTTONS -> MAIN
   ====================================================================================== */
/* 
	Usage: 
		The main button for the site.
	
	Note:
		Extends from `.btn`, see: 'buttons/base'.
	
	Demo:
		Style Guide -> Buttons -> Main
*/
/* line 16, ../sass/partials/buttons/_main.scss */
.btn-main {
  padding: 0.75em 1.5em;
  /*@include linear-gradient($color-yellow, darken($color-yellow, 10%), $override-bg-color: true, $bg-color-override: $color-yellow);*/
  background-color: #69b245;
  color: #fff;
  font-family: "Quicksand", sans-serif;
  /* Pseudo classes */
  /* --Extenders-- */
  /* Disabled (has to match the bg for the default state) */
}
/* line 23, ../sass/partials/buttons/_main.scss */
.btn-main, .btn-main:visited, .btn-main:hover, .btn-main:focus {
  color: #f2f2f2;
}
/* line 30, ../sass/partials/buttons/_main.scss */
.btn-main:hover, .btn-main:focus, .btn-main.btn-menu-toggle.is-expanded {
  /*@include linear-gradient(lighten($color-yellow, 15%), darken($color-yellow, 8%));*/
  background-color: #94cb79;
}
/* line 38, ../sass/partials/buttons/_main.scss */
.btn-main:active, .btn-main.btn-menu-toggle.is-expanded {
  box-shadow: inset 0.05em 0.15em 0.4em rgba(0, 0, 0, 0.2), inset 0 0 0.2em rgba(255, 255, 255, 0.2), inset 0 1px 2px rgba(0, 0, 0, 0.3);
}
/* line 45, ../sass/partials/buttons/_main.scss */
.btn-main[disabled], .btn-main.is-disabled {
  background-color: #FFC434;
  background-image: -webkit-linear-gradient(top, #FFC434, #ffb501);
  background-image: linear-gradient(to bottom, #FFC434, #ffb501);
}

/* line 52, ../sass/partials/buttons/_main.scss */
.btn-delete {
  background: #fff url(img/icon/icon-delete.png) no-repeat -1px 0;
}

/* line 56, ../sass/partials/buttons/_main.scss */
.btn-pdf {
  background: #fff url(img/icon/icon-pdf.png) no-repeat 0 0;
}

/* line 60, ../sass/partials/buttons/_main.scss */
.btn-archive {
  background: #fff url(img/icon/icon-archive.png) no-repeat -1px 0;
}

/* line 64, ../sass/partials/buttons/_main.scss */
.btn-copy {
  background: #fff url(img/icon/icon-copy.png) no-repeat 0 0;
}

/* --Extenders-- */
/* Compact - reduce padding by 50% */
/* line 71, ../sass/partials/buttons/_main.scss */
.btn-main-compact {
  padding: 0.5em 0.75em;
}

/* Paging */
/* line 77, ../sass/partials/buttons/_main.scss */
.paging-div {
  float: right;
  /*For any inputs instead of a tags*/
}
/* line 82, ../sass/partials/buttons/_main.scss */
.paging-div > div:last-child {
  margin: 1em 0 0 1em;
}
/* line 85, ../sass/partials/buttons/_main.scss */
.paging-div > div:last-child label {
  padding-left: 0;
}
/* line 90, ../sass/partials/buttons/_main.scss */
.paging-div > div .page-far-left {
  background: transparent url(img/icon/icon-jumpLeft.png) no-repeat -2px -3px;
}
/* line 94, ../sass/partials/buttons/_main.scss */
.paging-div > div .page-left {
  background: transparent url(img/icon/icon-left.png) no-repeat -3px -3px;
}
/* line 98, ../sass/partials/buttons/_main.scss */
.paging-div > div .page-far-right {
  background: transparent url(img/icon/icon-jumpRight.png) no-repeat -2px -3px;
}
/* line 102, ../sass/partials/buttons/_main.scss */
.paging-div > div .page-right {
  background: transparent url(img/icon/icon-right.png) no-repeat -1px -3px;
}
/* line 107, ../sass/partials/buttons/_main.scss */
.paging-div .page-far-left, .paging-div .page-left, .paging-div .page-far-right, .paging-div .page-right {
  display: block;
  height: 28px;
  width: 28px;
  padding-top: 0.15em;
  background-color: #fff;
  border: 1px solid #d4d4d4;
  margin: 0.5em 0.2em 0 0.2em;
}
/* line 116, ../sass/partials/buttons/_main.scss */
.paging-div .page-far-left .icon:before, .paging-div .page-left .icon:before, .paging-div .page-far-right .icon:before, .paging-div .page-right .icon:before {
  margin-right: 0;
}
/* line 121, ../sass/partials/buttons/_main.scss */
.paging-div .page-far-left, .paging-div .page-left, .paging-div .page-far-right, .paging-div .page-right, .paging-div .page-info {
  float: left;
}
/* line 125, ../sass/partials/buttons/_main.scss */
.paging-div .page-info {
  line-height: 16px;
  padding: 5px 12px 0 12px;
  margin-top: 0.5em;
}
/* line 131, ../sass/partials/buttons/_main.scss */
.paging-div .icon:before {
  margin-left: 33%;
}
/* line 135, ../sass/partials/buttons/_main.scss */
.paging-div .icon-right:before {
  margin-left: 44%;
}
/* line 139, ../sass/partials/buttons/_main.scss */
.paging-div label {
  padding-left: 1em;
}
/* line 143, ../sass/partials/buttons/_main.scss */
.paging-div select {
  padding: 0.43em;
}
@media all and (min-width: 24.625em) {
  /* line 152, ../sass/partials/buttons/_main.scss */
  .paging-div > div:first-child {
    float: left;
  }
  /* line 156, ../sass/partials/buttons/_main.scss */
  .paging-div > div:last-child {
    float: right;
    margin-top: 0;
  }
}
@media all and (max-width: 33.6875em) {
  /* line 77, ../sass/partials/buttons/_main.scss */
  .paging-div {
    float: none;
    margin-top: 1em;
  }
  /* line 166, ../sass/partials/buttons/_main.scss */
  .paging-div .page-far-left {
    margin-left: 0;
  }
}

/* PDF Download 
.pdf-download .btn {
    padding-left:2em !important;
    background:url('img/icon/stack.png') no-repeat 0 0;
}*/
/* line 177, ../sass/partials/buttons/_main.scss */
.txt-red {
  color: red;
}

/*Toolbar*/
/* line 181, ../sass/partials/buttons/_main.scss */
.toolbar {
  /*a + a {margin-left:-1px;}*/
  /*input.btn-copy + input.btn-delete {margin-left:5px;}*/
}
/* line 182, ../sass/partials/buttons/_main.scss */
.toolbar a {
  color: #000;
}
/* line 186, ../sass/partials/buttons/_main.scss */
.toolbar a span {
  display: inline-block;
  text-align: center;
}
/* line 191, ../sass/partials/buttons/_main.scss */
.toolbar a span, .toolbar input.btn {
  width: 27px;
  height: 27px;
}
/* line 196, ../sass/partials/buttons/_main.scss */
.toolbar .txt-red {
  color: red;
}
/* line 200, ../sass/partials/buttons/_main.scss */
.toolbar .txt-green {
  color: green;
}
/* line 204, ../sass/partials/buttons/_main.scss */
.toolbar .btn, .toolbar .icon {
  border: 1px solid #e3e3e3;
  border-radius: 3px;
}
/* line 209, ../sass/partials/buttons/_main.scss */
.toolbar .btn {
  /*position: relative;top: -1px;*/
  padding: 0;
  /*reset padding*/
  vertical-align: top;
}
/* line 215, ../sass/partials/buttons/_main.scss */
.toolbar .icon {
  background-color: #fff;
}
/* line 218, ../sass/partials/buttons/_main.scss */
.toolbar .icon:before {
  margin-right: 0;
  top: -2px;
}

/*On Off Button*/
/* line 227, ../sass/partials/buttons/_main.scss */
.onoffswitch {
  position: relative;
  margin: 1.3em 1em 0 0;
  float: right;
  width: 5.9375em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

/* line 237, ../sass/partials/buttons/_main.scss */
.onoffswitch-checkbox {
  display: none;
}

/* line 241, ../sass/partials/buttons/_main.scss */
.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #4d4d4d;
  border-radius: 10px;
}

/* line 249, ../sass/partials/buttons/_main.scss */
.onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}
/* line 255, ../sass/partials/buttons/_main.scss */
.onoffswitch-inner:before, .onoffswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 30px;
  padding: 0;
  line-height: 30px;
  color: white;
  box-sizing: border-box;
}
/* line 266, ../sass/partials/buttons/_main.scss */
.onoffswitch-inner:before {
  content: "Audio";
  padding-left: 10px;
  background-color: #69b245;
  color: #fff;
}
/* line 273, ../sass/partials/buttons/_main.scss */
.onoffswitch-inner:after {
  content: "Audio";
  padding-right: 10px;
  background-color: #f2f2f2;
  color: #4d4d4d;
  text-align: right;
}

/* line 282, ../sass/partials/buttons/_main.scss */
.onoffswitch-switch {
  display: block;
  width: 15px;
  margin: 5px;
  background: #FFFFFF;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 66px;
  border: 1px solid #4d4d4d;
  border-radius: 20px;
  transition: all 0.3s ease-in 0s;
}

/* line 296, ../sass/partials/buttons/_main.scss */
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}

/* line 300, ../sass/partials/buttons/_main.scss */
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0px;
}

/* line 305, ../sass/partials/buttons/_main.scss */
.btn-contact {
  float: right;
  margin-top: 10px;
}
/* line 309, ../sass/partials/buttons/_main.scss */
.btn-contact a {
  color: #fff;
}

@media all and (max-width: 40em) {
  /* line 315, ../sass/partials/buttons/_main.scss */
  .btn-contact {
    float: none;
  }
}
/* ======================================================================================
   @BUTTONS -> MENU TOGGLE
   ====================================================================================== */
/*
	Usage: 
		Toggles the main menu (site navigation) at small screen sizes.
	
	Note: 
		-	If an icon font is being used then make use of a 'menu' icon, nice design here: http://codepen.io/ekidd/pen/CJdov. 
		-	Extends from `.btn` and `.btn-main`, see: 'buttons/base' and 'buttons/main'.
	
	Demo:
		Style Guide -> Buttons -> Menu Toggle
*/
/* line 17, ../sass/partials/buttons/_menu-toggle.scss */
.btn-menu-toggle {
  position: relative;
  width: 3.125rem;
  height: 2.125rem;
  /* Hide at this breakpoint */
  /* JS off */
}
@media all and (min-width: 40.0625em) {
  /* line 17, ../sass/partials/buttons/_menu-toggle.scss */
  .btn-menu-toggle {
    display: none;
  }
}
/* line 28, ../sass/partials/buttons/_menu-toggle.scss */
.no-js .btn-menu-toggle {
  display: none;
}

/* Create the icon (three lines) */
/* line 32, ../sass/partials/buttons/_menu-toggle.scss */
.btn-menu-toggle__icon {
  left: 50%;
  top: 50%;
  margin: -1px 0px 0px -14px;
  margin: -0.0625rem 0rem 0rem -0.875rem;
  pointer-events: none;
  /* Shared */
  /* Pseudo elements - top/bottom lines */
}
/* line 39, ../sass/partials/buttons/_menu-toggle.scss */
.btn-menu-toggle__icon, .btn-menu-toggle__icon:before, .btn-menu-toggle__icon:after {
  position: absolute;
  width: 1.75rem;
  height: 0.1875rem;
  border-radius: 1.25rem;
  background: #fff;
  box-shadow: 0 -1px rgba(0, 0, 0, 0.2);
}
/* line 51, ../sass/partials/buttons/_menu-toggle.scss */
.btn-menu-toggle__icon:before, .btn-menu-toggle__icon:after {
  content: "";
  left: 0;
}
/* line 57, ../sass/partials/buttons/_menu-toggle.scss */
.btn-menu-toggle__icon:before {
  top: -0.375rem;
}
/* line 59, ../sass/partials/buttons/_menu-toggle.scss */
.btn-menu-toggle__icon:after {
  top: 0.375rem;
}

/* ======================================================================================
   @BUTTONS -> CLOSE
   ====================================================================================== */
/* 
	Usage: 
		For closing/removing UI components e.g. a dialog/modal.
	
	Note:
		Extends from `.btn`, see: 'buttons/base'.
	
	Demo:
		Style Guide -> Buttons -> Close
*/
/* line 17, ../sass/partials/buttons/_close.scss */
.btn-close {
  position: absolute;
  right: 0;
  top: 0.5em;
  /* Pseudo element - 'x' */
  /* Pseudo classes */
}
/* line 22, ../sass/partials/buttons/_close.scss */
.btn-close:before {
  content: "x";
  display: block;
  speak: none;
  font: bold 1.125em/1.125em Verdana, Geneva, Tahoma, sans-serif;
  padding: 0em 0.4375em 0.3125em;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
}
/* line 33, ../sass/partials/buttons/_close.scss */
.btn-close:hover:before, .btn-close:focus:before {
  opacity: 0.9;
}

/* ======================================================================================
   @BUTTONS -> FAUX LINK
   ====================================================================================== */
/*
	Usage: 
		Make a button look like a link.
	
	Note: 
		-	The base link styles are repeated here so not very DRY (need to look into this). 
		-	Extends from `.btn`, see: 'buttons/base'.
	
	Demo:
		Style Guide -> Buttons -> Faux Link
*/
/* line 17, ../sass/partials/buttons/_faux-link.scss */
.btn-faux-link {
  color: #36c;
  text-decoration: underline;
  /* Note: this may be redundant? */
  /* Pseudo classes */
}
/* line 22, ../sass/partials/buttons/_faux-link.scss */
.btn-faux-link:hover, .btn-faux-link:focus {
  color: #cc9933;
  text-decoration: none;
  /* Note: this may be redundant? */
}

/* Helpers */
/* ======================================================================================
   @HELPERS -> HIDE
   ====================================================================================== */
/*
	Usage: 
		Hides elements in various ways, see inline comments.
*/
/* Hide from both screen readers and browsers */
/* line 16, ../sass/partials/helpers/_hide.scss */
.hide-fully {
  display: none;
  visibility: hidden;
}

/* --Apply at specific breakpoints (all pre-defined breakpoints)-- */
/* Palm */
@media all and (max-width: 40em) {
  /* line 22, ../sass/partials/helpers/_hide.scss */
  .hide-fully--palm {
    display: none;
    visibility: hidden;
  }
}
/* Non-palm */
@media all and (min-width: 40.0625em) {
  /* line 27, ../sass/partials/helpers/_hide.scss */
  .hide-fully--non-palm {
    display: none;
    visibility: hidden;
  }
}
/* Lap */
/* Lap */
@media all and (min-width: 40.0625em) and (max-width: 74.9375em) {
  /* line 32, ../sass/partials/helpers/_hide.scss */
  .hide-fully--lap {
    display: none;
    visibility: hidden;
  }
}
/* Lap small */
/* Lap large */
/* Desk small */
/* Lap small */
/* Lap */
/* Lap small */
@media all and (min-width: 40.0625em) and (max-width: 56.25em) {
  /* line 37, ../sass/partials/helpers/_hide.scss */
  .hide-fully--lap-sml {
    display: none;
    visibility: hidden;
  }
}
/* Lap large */
/* Desk small */
/* Lap large */
/* Lap */
/* Lap small */
/* Lap large */
@media all and (min-width: 56.3125em) and (max-width: 74.9375em) {
  /* line 42, ../sass/partials/helpers/_hide.scss */
  .hide-fully--lap-lrg {
    display: none;
    visibility: hidden;
  }
}
/* Desk small */
/* Portable */
@media all and (max-width: 74.9375em) {
  /* line 47, ../sass/partials/helpers/_hide.scss */
  .hide-fully--portable {
    display: none;
    visibility: hidden;
  }
}
/* Desk */
@media all and (min-width: 75em) {
  /* line 52, ../sass/partials/helpers/_hide.scss */
  .hide-fully--desk {
    display: none;
    visibility: hidden;
  }
}
/* Desk small */
/* Lap */
/* Lap small */
/* Lap large */
/* Desk small */
@media all and (min-width: 75em) and (max-width: 85.3125em) {
  /* line 57, ../sass/partials/helpers/_hide.scss */
  .hide-fully--desk-sml {
    display: none;
    visibility: hidden;
  }
}
/* Desk large */
@media all and (min-width: 85.375em) {
  /* line 62, ../sass/partials/helpers/_hide.scss */
  .hide-fully--desk-lrg {
    display: none;
    visibility: hidden;
  }
}
/* Hide only visually but have it available for screen readers */
/* line 66, ../sass/partials/helpers/_hide.scss */
.hide-visually {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  padding: 0;
  border: 0;
}

/* Form `legend` requires this */
/* line 78, ../sass/partials/helpers/_hide.scss */
legend.hide-visually {
  left: -9999px;
}

/* Hide stuff relating to JS */
/* line 81, ../sass/partials/helpers/_hide.scss */
.js .js-off,
.js .js-hide-show {
  display: none;
}

/* Print */
@media print {
  /* line 86, ../sass/partials/helpers/_hide.scss */
  .hide-print {
    display: none;
  }

  /* line 88, ../sass/partials/helpers/_hide.scss */
  .js-hide-show {
    display: block !important;
  }
}
/* ======================================================================================
   @HELPERS -> SPACING
   ====================================================================================== */
/*
	Usage: 
		Apply spacing via the base bottom margin or variants of it e.g. half / double, can also apply 'top' margins, or to remove spacing applied via margins use any of the `.flush` classes.
	
	Demo:
		Style Guide -> Helpers -> Spacing
*/
/* Base */
/* line 14, ../sass/partials/helpers/_spacing.scss */
.mrg-base {
  margin-bottom: 24px!important;
  margin-bottom: 1.5rem!important;
}

/* line 16, ../sass/partials/helpers/_spacing.scss */
.mrg-base-top {
  margin-top: 24px!important;
  margin-top: 1.5rem!important;
}

/* line 18, ../sass/partials/helpers/_spacing.scss */
.mrg-base-top-negative {
  margin-top: -24px!important;
  margin-top: -1.5rem!important;
}

/* Mini */
/* line 21, ../sass/partials/helpers/_spacing.scss */
.mrg-mini {
  margin-bottom: 6px!important;
  margin-bottom: 0.375rem!important;
}

/* line 22, ../sass/partials/helpers/_spacing.scss */
.mrg-mini-top {
  margin-top: 6px!important;
  margin-top: 0.375rem!important;
}

/* Half */
/* line 27, ../sass/partials/helpers/_spacing.scss */
.mrg-half {
  margin-bottom: 12px!important;
  margin-bottom: 0.75rem!important;
}

/* line 29, ../sass/partials/helpers/_spacing.scss */
.mrg-half-top {
  margin-top: 12px!important;
  margin-top: 0.75rem!important;
}

/* Double */
/* line 32, ../sass/partials/helpers/_spacing.scss */
.mrg-dbl {
  margin-bottom: 48px!important;
  margin-bottom: 3rem!important;
}

/* line 34, ../sass/partials/helpers/_spacing.scss */
.mrg-dbl-top {
  margin-top: 48px!important;
  margin-top: 3rem!important;
}

/* --Apply at specific breakpoints (all pre-defined breakpoints)-- */
/* Palm */
@media all and (max-width: 40em) {
  /* line 40, ../sass/partials/helpers/_spacing.scss */
  .mrg-base-palm {
    margin-bottom: 24px!important;
    margin-bottom: 1.5rem!important;
  }
}
/* Non-palm */
@media all and (min-width: 40.0625em) {
  /* line 45, ../sass/partials/helpers/_spacing.scss */
  .mrg-base-non-palm {
    margin-bottom: 24px!important;
    margin-bottom: 1.5rem!important;
  }
}
/* Lap */
/* Lap */
@media all and (min-width: 40.0625em) and (max-width: 74.9375em) {
  /* line 50, ../sass/partials/helpers/_spacing.scss */
  .mrg-base-lap {
    margin-bottom: 24px!important;
    margin-bottom: 1.5rem!important;
  }
}
/* Lap small */
/* Lap large */
/* Desk small */
/* Lap small */
/* Lap */
/* Lap small */
@media all and (min-width: 40.0625em) and (max-width: 56.25em) {
  /* line 55, ../sass/partials/helpers/_spacing.scss */
  .mrg-base-lap-sml {
    margin-bottom: 24px!important;
    margin-bottom: 1.5rem!important;
  }
}
/* Lap large */
/* Desk small */
/* Lap large */
/* Lap */
/* Lap small */
/* Lap large */
@media all and (min-width: 56.3125em) and (max-width: 74.9375em) {
  /* line 60, ../sass/partials/helpers/_spacing.scss */
  .mrg-base-lap-lrg {
    margin-bottom: 24px!important;
    margin-bottom: 1.5rem!important;
  }
}
/* Desk small */
/* Portable */
@media all and (max-width: 74.9375em) {
  /* line 65, ../sass/partials/helpers/_spacing.scss */
  .mrg-base-portable {
    margin-bottom: 24px!important;
    margin-bottom: 1.5rem!important;
  }
}
/* Desk */
@media all and (min-width: 75em) {
  /* line 70, ../sass/partials/helpers/_spacing.scss */
  .mrg-base-desk {
    margin-bottom: 24px!important;
    margin-bottom: 1.5rem!important;
  }
}
/* Desk small */
/* Lap */
/* Lap small */
/* Lap large */
/* Desk small */
@media all and (min-width: 75em) and (max-width: 85.3125em) {
  /* line 75, ../sass/partials/helpers/_spacing.scss */
  .mrg-base-desk-sml {
    margin-bottom: 24px!important;
    margin-bottom: 1.5rem!important;
  }
}
/* Desk large */
@media all and (min-width: 85.375em) {
  /* line 80, ../sass/partials/helpers/_spacing.scss */
  .mrg-base-desk-lrg {
    margin-bottom: 24px!important;
    margin-bottom: 1.5rem!important;
  }
}
/* Flush */
/* line 84, ../sass/partials/helpers/_spacing.scss */
.flush {
  margin: 0 !important;
}

/* line 86, ../sass/partials/helpers/_spacing.scss */
.flush-top {
  margin-top: 0 !important;
}

/* line 88, ../sass/partials/helpers/_spacing.scss */
.flush-right {
  margin-right: 0 !important;
}

/* line 90, ../sass/partials/helpers/_spacing.scss */
.flush-btm {
  margin-bottom: 0 !important;
}

/* line 92, ../sass/partials/helpers/_spacing.scss */
.flush-left {
  margin-left: 0 !important;
}

/* line 94, ../sass/partials/helpers/_spacing.scss */
.flush-ends {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* line 99, ../sass/partials/helpers/_spacing.scss */
.flush-sides {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

/* line 104, ../sass/partials/helpers/_spacing.scss */
.padding-base {
  padding: 24px!important;
  padding: 1.5rem!important;
}

/* ======================================================================================
   @HELPERS -> DISPLAY
   ====================================================================================== */
/*
	Usage: 
		Changes the `display` property of an element.
	
	Demo:
		Style Guide -> Helpers -> Display
*/
/* line 13, ../sass/partials/helpers/_display.scss */
.block {
  display: block !important;
}

/* line 15, ../sass/partials/helpers/_display.scss */
.inline {
  display: inline !important;
}

/* line 17, ../sass/partials/helpers/_display.scss */
.inline-block {
  display: inline-block !important;
}

/* line 19, ../sass/partials/helpers/_display.scss */
.index-top {
  z-index: 10;
}

/* line 21, ../sass/partials/helpers/_display.scss */
.index-bottom {
  z-index: 1;
}

/* ======================================================================================
   @HELPERS -> TEXT
   ====================================================================================== */
/*
	Usage: 
		Various helpers specifically for text.
	
	Demo:
		Style Guide -> Helpers -> Text
*/
/* Sizes */
/* line 14, ../sass/partials/helpers/_text.scss */
.txt-sml {
  font-size: 14px!important;
  font-size: 0.875rem!important;
  line-height: 1.71429;
}

/* line 16, ../sass/partials/helpers/_text.scss */
.txt-lrg {
  font-size: 18px!important;
  font-size: 1.125rem!important;
  line-height: 1.33333;
}

/* line 18, ../sass/partials/helpers/_text.scss */
.txt-reset {
  font-size: 100% !important;
}

/* Alignments */
/* line 21, ../sass/partials/helpers/_text.scss */
.txt-center {
  text-align: center !important;
}

/* line 23, ../sass/partials/helpers/_text.scss */
.txt-left {
  text-align: left !important;
}

/* line 25, ../sass/partials/helpers/_text.scss */
.txt-right {
  text-align: right !important;
}

/* Styles */
/* line 28, ../sass/partials/helpers/_text.scss */
.txt-italic {
  font-style: italic !important;
}

/* line 30, ../sass/partials/helpers/_text.scss */
.txt-bold {
  font-weight: 700 !important;
}

/* line 32, ../sass/partials/helpers/_text.scss */
.txt-caps {
  text-transform: uppercase !important;
}

/* Truncate */
/* line 35, ../sass/partials/helpers/_text.scss */
.txt-truncate {
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Break word */
/* line 43, ../sass/partials/helpers/_text.scss */
.txt-break-word {
  word-wrap: break-word !important;
  -ms-word-break: break-all !important;
  word-break: break-all !important;
  /* Non standard for webkit */
  word-break: break-word !important;
  /* Hyphens */
  /* Transition */
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto;
  /* Note: 'layout' is needed for IE. */
  /* Note: `table-layout: fixed;` is needen when this is used within tables, the rule needs to go on the `table` element. */
}

/* colour */
/* line 56, ../sass/partials/helpers/_text.scss */
.txt-yellow {
  color: #FFC434;
}

/* line 57, ../sass/partials/helpers/_text.scss */
.background-yellow {
  background: #FFC434;
  padding: 0.7em;
}

/* line 58, ../sass/partials/helpers/_text.scss */
.txt-yellow-dark {
  color: #F29E2D;
}

/* line 59, ../sass/partials/helpers/_text.scss */
.background-yellow-dark {
  background: #F29E2D;
  padding: 0.7em;
}

/* line 60, ../sass/partials/helpers/_text.scss */
.txt-med-orange {
  color: #E77E25;
}

/* line 61, ../sass/partials/helpers/_text.scss */
.background-med-orange {
  background: #E77E25;
  padding: 0.7em;
}

/* line 62, ../sass/partials/helpers/_text.scss */
.txt-dull-orange {
  color: #C06154;
}

/* line 63, ../sass/partials/helpers/_text.scss */
.background-dull-orange {
  background: #C06154;
  padding: 0.7em;
}

/* line 64, ../sass/partials/helpers/_text.scss */
.txt-color-purple {
  color: #623764;
}

/* line 65, ../sass/partials/helpers/_text.scss */
.background-color-purple {
  background: #623764;
  padding: 0.7em;
}

/* ======================================================================================
   @HELPERS -> FLOAT
   ====================================================================================== */
/*
	Usage: 
		Float an element to either the right or left or remove float altogether.
	
	Demo:
		Style Guide -> Helpers -> Float
*/
/* line 13, ../sass/partials/helpers/_float.scss */
.float-left {
  float: left !important;
}

/* line 15, ../sass/partials/helpers/_float.scss */
.float-right {
  float: right !important;
}

/* line 17, ../sass/partials/helpers/_float.scss */
.float-none {
  float: none !important;
}

/* ======================================================================================
   @HELPERS -> PULL
   ====================================================================================== */
/*
	Usage: 
		Pull elements to the left, right or center of their parent container. Elements pulled to the left or right are floated with any surrounding element(s) flowing around it. Typical usage is for aligning images to either the left or right of it's accompanying content.
	
	Demo:
		Style Guide -> Helpers -> Pull
*/
/* line 18, ../sass/partials/helpers/_pull.scss */
.pull-left img,
.pull-right img,
.pull-center img {
  display: block;
}

/* line 21, ../sass/partials/helpers/_pull.scss */
.pull-left {
  float: left;
  margin-right: 24px;
  margin-right: 1.5rem;
}

/* line 26, ../sass/partials/helpers/_pull.scss */
.pull-right {
  float: right;
  margin-left: 24px;
  margin-left: 1.5rem;
}

/* line 31, ../sass/partials/helpers/_pull.scss */
.pull-center {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

/* ======================================================================================
   @HELPERS - VERTICAL ALIGNMENTS
   ====================================================================================== */
/*
	Usage: 
		Changes the vertical alignment of an element.
	
	Demo:
		Style Guide -> Helpers -> Vertical Alignments
*/
/* line 13, ../sass/partials/helpers/_vertical-alignments.scss */
.align-top {
  vertical-align: top !important;
}

/* line 15, ../sass/partials/helpers/_vertical-alignments.scss */
.align-middle {
  vertical-align: middle !important;
}

/* line 17, ../sass/partials/helpers/_vertical-alignments.scss */
.align-baseline {
  vertical-align: baseline !important;
}

/* line 19, ../sass/partials/helpers/_vertical-alignments.scss */
.align-bottom {
  vertical-align: bottom !important;
}

/* Print 
@import "partials/print/print";*/

.home-bg {
    background: transparent url(img/home-bg.jpg) no-repeat 0 0;
    background-size: cover;
    padding-top: 2em;
}

    .home-bg h1 {
        color: #fff;
        max-width: 17em;
        text-align: center;
        margin: 2em auto;
        text-transform: uppercase;
    }



.panel-grad {
    background: url('img/bg-second.png') no-repeat 50% 0;
    background-size: 120%;
    position: relative;
    color: #fff !important;
    padding: 1em 0;
    height: auto;
}

    .panel-grad:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(92,191,133,1);
        background: -moz-linear-gradient(left, rgba(92,191,133,1) 0%, rgba(36,102,164,0.5) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(92,191,133,1)), color-stop(100%, rgba(36,102,164,0.5)));
        background: -webkit-linear-gradient(left, rgba(92,191,133,1) 0%, rgba(36,102,164,0.5) 100%);
        background: -o-linear-gradient(left, rgba(92,191,133,1) 0%, rgba(36,102,164,0.5) 100%);
        background: -ms-linear-gradient(left, rgba(92,191,133,1) 0%, rgba(36,102,164,0.5) 100%);
        background: linear-gradient(to right, rgba(92,191,133,1) 0%, rgba(36,102,164,0.5) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5cbf85', endColorstr='#2466a4', GradientType=1 );
    }

    .panel-grad a {
        color: #fff;
    }

    .panel-grad .txt-input {
        border: 0;
        background-color: rgba(0,0,0,0.3);
    }

    .panel-grad .btn-full {
        background-color: #fff;
        color: #000;
    }

    .panel-grad .form-main-inputs input[type="checkbox"] + label:before {
        background-color: transparent;
        border: 1px solid #fff;
        border-radius: 2px;
    }

    .panel-grad .grid-gutterless {
        position: relative;
    }

.txt-input {
    color: #fff;
}

h1, h2 {
    color: #fff;
}

.btn-main + .btn-main {
    margin-left: 0.5em;
}

.line {
    border-top: 1px solid #fff;
    padding-top: 0.5em;
}

@media screen and (max-width:1023px) {
    .home-bg {
        background-position-x: right;
    }
}

@media screen and (max-width:1023px) and (min-width:640px) {

    .non-palm-one-third {
        width: 70%;
    }
}

@media screen and (max-width:639px) {
    .logo-here {
        display: block;
    }

    .header {
        display: none;
    }

    .home-bg {
        background-position-x: 90%;
    }

        .home-bg h1 {
            margin: 0.5em 0;
        }

    .logo-sponsors {
        text-align: center;
    }

        .logo-sponsors li {
            padding-bottom: 1em;
        }
}

@media screen and (min-width:640px) {
    .logo-here {
        display: none;
    }
}



.grid {
    clear: both;
}

.survey .form-main-field {
    background-color: transparent !important;
    padding: 0;
    margin-bottom: 1.5em;
}

@media screen and (max-width:1024px) {
    .non-palm-two-thirds, .non-palm-one-third {
        width: 100%;
    }

    .non-palm-two-thirds {
        margin-bottom: 1.5em;
    }
}

.desktop.tooltip {
    background-color: #fff;
    border: 0;
    display: block;
    text-align: center;
}

    .desktop.tooltip .image-map-box {
        display: none;
    }

.image-map-text {
    padding: 0 0.8em 0.8em 0.8em;
}

.desktop.tooltip:hover .image-map-box {
    position: fixed;
    overflow: hidden;
    background-color: rgba(0,0,0,0.7);
    text-align: center;
    max-width: 320px;
    padding: 1em;
}

.brain-hd {
    background-color: #d1b310;
    padding: 0.5em;
}

.div-canvas {
    display: block;
}

.show {
    height: auto;
    width: 300px;
    display: block !important;
}

.hide {
    position: absolute;
    display: none;
}

/* Vignette Holder form outcomes*/
.answers {
    position: relative;
}

.outcome[style*="visibility: hidden;"] {
    position: absolute;
    top: 0;
    left: 0;
}

.island.feedback {
    padding: 1.5em;
    border-bottom: 1.5em solid #fff;
}

.navigation .right {
    width: 100%;
}

@media screen and (max-width:1300px) {
    article .container {
        margin-left: 0;
        width: 91.5%;
    }
}

.survey-tbl td {
    background-color: transparent !important;
}

.btn-main.reset {
    background-color: #f0f0f5;
    color: #000;
}


.guidelines {
    top: -3.6em;
}

    .guidelines .non-palm-one-quarter {
        position: -webkit-sticky;
        position: -moz-sticky;
        position: -ms-sticky;
        position: -o-sticky;
        position: sticky;
        top: 3em;
    }

@media screen and (max-width:1300px) {
    .guidelines {
        top: -2.7em;
    }
}

@media screen and (max-width: 1300px) {

    .guidelines .non-palm-one-quarter {
        position: absolute;
        -webkit-margin-before: 0;
        top: auto;
    }

    .guidelines {
        top: 0;
    }

        .guidelines .sliders .non-palm-one-quarter {
            position: unset;
        }
}

@media screen and (max-width: 1025px) and (min-width: 1152px) {

    .guidelines .non-palm-one-quarter {
        -webkit-margin-before: -2em !important;
    }
}

.grid.toc {
    padding: 0;
    margin-top: 2em;
}

.heading h1 {
    max-width: 85% !important;
}

.island-container {
    min-height: 35em;
}


.grid {
    clear: both;
}

.survey .form-main-field {
    background-color: transparent !important;
    padding: 0;
    margin-bottom: 1.5em;
}

@media screen and (max-width:1024px) {
    .non-palm-two-thirds, .non-palm-one-third {
        width: 100%;
    }

    .non-palm-two-thirds {
        margin-bottom: 1.5em;
    }
}

.desktop.tooltip {
    background-color: #fff;
    border: 0;
    display: block;
    text-align: center;
}

    .desktop.tooltip .image-map-box {
        display: none;
    }

.image-map-text {
    padding: 0 0.8em 0.8em 0.8em;
}

.desktop.tooltip:hover .image-map-box {
    position: fixed;
    overflow: hidden;
    background-color: rgba(0,0,0,0.7);
    text-align: center;
    max-width: 320px;
    padding: 1em;
}

.brain-hd {
    background-color: #d1b310;
    padding: 0.5em;
}

.div-canvas {
    display: block;
}

.show {
    height: auto;
    width: 300px;
    display: block !important;
}

.hide {
    position: absolute;
    display: none;
}

/* Vignette Holder form outcomes*/
.answers {
    position: relative;
}

.outcome[style*="visibility: hidden;"] {
    position: absolute;
    top: 0;
    left: 0;
}

.island.feedback {
    padding: 1.5em;
    border-bottom: 1.5em solid #fff;
}

.navigation .right {
    width: 100%;
}

@media screen and (max-width:1300px) {
    article .container {
        margin-left: 0;
        width: 91.5%;
    }
}

.survey-tbl td {
    background-color: transparent !important;
}

.btn-main.reset {
    background-color: #f0f0f5;
    color: #000;
}


.guidelines {
    top: -3.6em;
}

    .guidelines .non-palm-one-quarter {
        position: -webkit-sticky;
        position: -moz-sticky;
        position: -ms-sticky;
        position: -o-sticky;
        position: sticky;
        top: 3em;
    }

@media screen and (max-width:1300px) {
    .guidelines {
        top: -2.7em;
    }
}

@media screen and (max-width: 1300px) {

    .guidelines .non-palm-one-quarter {
        position: absolute;
        -webkit-margin-before: 0;
        top: auto;
    }

    .guidelines {
        top: 0;
    }

        .guidelines .sliders .non-palm-one-quarter {
            position: unset;
        }
}

@media screen and (max-width: 1025px) and (min-width: 1152px) {

    .guidelines .non-palm-one-quarter {
        -webkit-margin-before: -2em !important;
    }
}

.grid.toc {
    padding: 0;
    margin-top: 2em;
}

.heading h1 {
    max-width: 85% !important;
}

.island-container {
    min-height: 35em;
}


.grid {
    clear: both;
}

.survey .form-main-field {
    background-color: transparent !important;
    padding: 0;
    margin-bottom: 1.5em;
}

@media screen and (max-width:1024px) {
    .non-palm-two-thirds, .non-palm-one-third {
        width: 100%;
    }

    .non-palm-two-thirds {
        margin-bottom: 1.5em;
    }
}

.desktop.tooltip {
    background-color: #fff;
    border: 0;
    display: block;
    text-align: center;
}

    .desktop.tooltip .image-map-box {
        display: none;
    }

.image-map-text {
    padding: 0 0.8em 0.8em 0.8em;
}

.desktop.tooltip:hover .image-map-box {
    position: fixed;
    overflow: hidden;
    background-color: rgba(0,0,0,0.7);
    text-align: center;
    max-width: 320px;
    padding: 1em;
}

.brain-hd {
    background-color: #d1b310;
    padding: 0.5em;
}

.div-canvas {
    display: block;
}

.show {
    height: auto;
    width: 300px;
    display: block !important;
}

.hide {
    position: absolute;
    display: none;
}

/* Vignette Holder form outcomes*/
.answers {
    position: relative;
}

.outcome[style*="visibility: hidden;"] {
    position: absolute;
    top: 0;
    left: 0;
}

.island.feedback {
    padding: 1.5em;
    border-bottom: 1.5em solid #fff;
}

.navigation .right {
    width: 100%;
}

@media screen and (max-width:1300px) {
    article .container {
        margin-left: 0;
        width: 91.5%;
    }
}

.survey-tbl td {
    background-color: transparent !important;
}

.btn-main.reset {
    background-color: #f0f0f5;
    color: #000;
}


.guidelines {
    top: -3.6em;
}

    .guidelines .non-palm-one-quarter {
        position: -webkit-sticky;
        position: -moz-sticky;
        position: -ms-sticky;
        position: -o-sticky;
        position: sticky;
        top: 3em;
    }

@media screen and (max-width:1300px) {
    .guidelines {
        top: -2.7em;
    }
}

@media screen and (max-width: 1300px) {

    .guidelines .non-palm-one-quarter {
        position: absolute;
        -webkit-margin-before: 0;
        top: auto;
    }

    .guidelines {
        top: 0;
    }

        .guidelines .sliders .non-palm-one-quarter {
            position: unset;
        }
}

@media screen and (max-width: 1025px) and (min-width: 1152px) {

    .guidelines .non-palm-one-quarter {
        -webkit-margin-before: -2em !important;
    }
}

.grid.toc {
    padding: 0;
    margin-top: 2em;
}

.heading h1 {
    max-width: 85% !important;
}

.island-container {
    min-height: 35em;
}