/* ====================================================
core.scss

Notes: Should only include imports
==================================================== */
/* == Global == */
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

/* ====================================================
variables.scss

Notes: Should only include variables
==================================================== */
/* ====================================================
Colours
==================================================== */
/* == Brand colours == */
/* == Additional colours == */
/* Colour use */
/* ====================================================
Modular Scale
==================================================== */
/* http://modularscale.com/scale/?px1=17&px2=14&ra1=1.618&ra2=0 */
/* current accepted 'default' pixel size browsers use */
/* $a-scale is based on $base-number */
/* this is the base font size */
/* $a-scale-- is based on $a-scale and gives smaller numbers */
/* b-scale is based on $important-number */
/* these are additional numbers based on $important-number */
/* $b-scale- is based on $important-number and gives smaller numbers */
/* ====================================================
Typography
==================================================== */
/* == Font stack == */
/* == Font sizes == */
/* == Line heights == */
/* == Typogarphy margins - == */
/* == Standard letter spacing == */
/* ====================================================
Links
==================================================== */
/* ====================================================
Paths
==================================================== */
/* ====================================================
Borders
==================================================== */
/* ====================================================
Padding
==================================================== */
/* ====================================================
themes.scss

Notes: Allows declaration of themes
Based on http://maketea.co.uk/2014/07/21/managing-relationships-between-colours-with-sass.html
==================================================== */
/* ==========================================================================
   Useful mixins 
   ========================================================================== */
/* ==========================================================================
    Typography mixins - all with + px and then + rem are fallbacks for
    browsers that don't recognise rem
   ========================================================================== */
/* ==========================================================================
    Margin and padding mixins
   ========================================================================== */
/* ==========================================================================
    Box shadow
   ========================================================================== */
/* ==========================================================================
    Transitions
   ========================================================================== */
/* to use: @include transition(property time effect); (can take multiple arguments e.g. color 0.3s ease, border-color 0.3s ease) */
/* ==========================================================================
    Border radius
   ========================================================================== */
/* to use: @include border-radius(radius); (can take multiple arguments e.g. 2em 0 for different radius on different corners) */
/* ==========================================================================
    Box sizing
   ========================================================================== */
/* ==========================================================================
    Gradients
   ========================================================================== */
/* ==========================================================================
    Faux Columns
   ========================================================================== */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 300;
  src: local("Muli Light"), local("Muli-Light"), url(../fonts/Muli-Light.ttf) format("truetype"); }
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  src: local("Muli"), url(../fonts/Muli-Regular.ttf) format("truetype"); }
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-weight: 300;
  src: local("Muli Light Italic"), local("Muli-LightItalic"), url(../fonts/Muli-LightItalic.ttf) format("truetype"); }
@font-face {
  font-family: 'Muli';
  font-style: italic;
  font-weight: 400;
  src: local("Muli Italic"), local("Muli-Italic"), url(../fonts/Muli-Italic.ttf) format("truetype"); }
/*!
 *  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot?v=4.2.0");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff?v=4.2.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.2.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-fw {
  width: 1.28571429em;
  text-align: center; }

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none; }

.fa-ul > li {
  position: relative; }

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center; }

.fa-li.fa-lg {
  left: -1.85714286em; }

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em; }

.pull-right {
  float: right; }

.pull-left {
  float: left; }

.fa.pull-left {
  margin-right: .3em; }

.fa.pull-right {
  margin-left: .3em; }

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear; }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none; }

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #ffffff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000"; }

.fa-music:before {
  content: "\f001"; }

.fa-search:before {
  content: "\f002"; }

.fa-envelope-o:before {
  content: "\f003"; }

.fa-heart:before {
  content: "\f004"; }

.fa-star:before {
  content: "\f005"; }

.fa-star-o:before {
  content: "\f006"; }

.fa-user:before {
  content: "\f007"; }

.fa-film:before {
  content: "\f008"; }

.fa-th-large:before {
  content: "\f009"; }

.fa-th:before {
  content: "\f00a"; }

.fa-th-list:before {
  content: "\f00b"; }

.fa-check:before {
  content: "\f00c"; }

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d"; }

.fa-search-plus:before {
  content: "\f00e"; }

.fa-search-minus:before {
  content: "\f010"; }

.fa-power-off:before {
  content: "\f011"; }

.fa-signal:before {
  content: "\f012"; }

.fa-gear:before,
.fa-cog:before {
  content: "\f013"; }

.fa-trash-o:before {
  content: "\f014"; }

.fa-home:before {
  content: "\f015"; }

.fa-file-o:before {
  content: "\f016"; }

.fa-clock-o:before {
  content: "\f017"; }

.fa-road:before {
  content: "\f018"; }

.fa-download:before {
  content: "\f019"; }

.fa-arrow-circle-o-down:before {
  content: "\f01a"; }

.fa-arrow-circle-o-up:before {
  content: "\f01b"; }

.fa-inbox:before {
  content: "\f01c"; }

.fa-play-circle-o:before {
  content: "\f01d"; }

.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e"; }

.fa-refresh:before {
  content: "\f021"; }

.fa-list-alt:before {
  content: "\f022"; }

.fa-lock:before {
  content: "\f023"; }

.fa-flag:before {
  content: "\f024"; }

.fa-headphones:before {
  content: "\f025"; }

.fa-volume-off:before {
  content: "\f026"; }

.fa-volume-down:before {
  content: "\f027"; }

.fa-volume-up:before {
  content: "\f028"; }

.fa-qrcode:before {
  content: "\f029"; }

.fa-barcode:before {
  content: "\f02a"; }

.fa-tag:before {
  content: "\f02b"; }

.fa-tags:before {
  content: "\f02c"; }

.fa-book:before {
  content: "\f02d"; }

.fa-bookmark:before {
  content: "\f02e"; }

.fa-print:before {
  content: "\f02f"; }

.fa-camera:before {
  content: "\f030"; }

.fa-font:before {
  content: "\f031"; }

.fa-bold:before {
  content: "\f032"; }

.fa-italic:before {
  content: "\f033"; }

.fa-text-height:before {
  content: "\f034"; }

.fa-text-width:before {
  content: "\f035"; }

.fa-align-left:before {
  content: "\f036"; }

.fa-align-center:before {
  content: "\f037"; }

.fa-align-right:before {
  content: "\f038"; }

.fa-align-justify:before {
  content: "\f039"; }

.fa-list:before {
  content: "\f03a"; }

.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b"; }

.fa-indent:before {
  content: "\f03c"; }

.fa-video-camera:before {
  content: "\f03d"; }

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e"; }

.fa-pencil:before {
  content: "\f040"; }

.fa-map-marker:before {
  content: "\f041"; }

.fa-adjust:before {
  content: "\f042"; }

.fa-tint:before {
  content: "\f043"; }

.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044"; }

.fa-share-square-o:before {
  content: "\f045"; }

.fa-check-square-o:before {
  content: "\f046"; }

.fa-arrows:before {
  content: "\f047"; }

.fa-step-backward:before {
  content: "\f048"; }

.fa-fast-backward:before {
  content: "\f049"; }

.fa-backward:before {
  content: "\f04a"; }

.fa-play:before {
  content: "\f04b"; }

.fa-pause:before {
  content: "\f04c"; }

.fa-stop:before {
  content: "\f04d"; }

.fa-forward:before {
  content: "\f04e"; }

.fa-fast-forward:before {
  content: "\f050"; }

.fa-step-forward:before {
  content: "\f051"; }

.fa-eject:before {
  content: "\f052"; }

.fa-chevron-left:before {
  content: "\f053"; }

.fa-chevron-right:before {
  content: "\f054"; }

.fa-plus-circle:before {
  content: "\f055"; }

.fa-minus-circle:before {
  content: "\f056"; }

.fa-times-circle:before {
  content: "\f057"; }

.fa-check-circle:before {
  content: "\f058"; }

.fa-question-circle:before {
  content: "\f059"; }

.fa-info-circle:before {
  content: "\f05a"; }

.fa-crosshairs:before {
  content: "\f05b"; }

.fa-times-circle-o:before {
  content: "\f05c"; }

.fa-check-circle-o:before {
  content: "\f05d"; }

.fa-ban:before {
  content: "\f05e"; }

.fa-arrow-left:before {
  content: "\f060"; }

.fa-arrow-right:before {
  content: "\f061"; }

.fa-arrow-up:before {
  content: "\f062"; }

.fa-arrow-down:before {
  content: "\f063"; }

.fa-mail-forward:before,
.fa-share:before {
  content: "\f064"; }

.fa-expand:before {
  content: "\f065"; }

.fa-compress:before {
  content: "\f066"; }

.fa-plus:before {
  content: "\f067"; }

.fa-minus:before {
  content: "\f068"; }

.fa-asterisk:before {
  content: "\f069"; }

.fa-exclamation-circle:before {
  content: "\f06a"; }

.fa-gift:before {
  content: "\f06b"; }

.fa-leaf:before {
  content: "\f06c"; }

.fa-fire:before {
  content: "\f06d"; }

.fa-eye:before {
  content: "\f06e"; }

.fa-eye-slash:before {
  content: "\f070"; }

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071"; }

.fa-plane:before {
  content: "\f072"; }

.fa-calendar:before {
  content: "\f073"; }

.fa-random:before {
  content: "\f074"; }

.fa-comment:before {
  content: "\f075"; }

.fa-magnet:before {
  content: "\f076"; }

.fa-chevron-up:before {
  content: "\f077"; }

.fa-chevron-down:before {
  content: "\f078"; }

.fa-retweet:before {
  content: "\f079"; }

.fa-shopping-cart:before {
  content: "\f07a"; }

.fa-folder:before {
  content: "\f07b"; }

.fa-folder-open:before {
  content: "\f07c"; }

.fa-arrows-v:before {
  content: "\f07d"; }

.fa-arrows-h:before {
  content: "\f07e"; }

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080"; }

.fa-twitter-square:before {
  content: "\f081"; }

.fa-facebook-square:before {
  content: "\f082"; }

.fa-camera-retro:before {
  content: "\f083"; }

.fa-key:before {
  content: "\f084"; }

.fa-gears:before,
.fa-cogs:before {
  content: "\f085"; }

.fa-comments:before {
  content: "\f086"; }

.fa-thumbs-o-up:before {
  content: "\f087"; }

.fa-thumbs-o-down:before {
  content: "\f088"; }

.fa-star-half:before {
  content: "\f089"; }

.fa-heart-o:before {
  content: "\f08a"; }

.fa-sign-out:before {
  content: "\f08b"; }

.fa-linkedin-square:before {
  content: "\f08c"; }

.fa-thumb-tack:before {
  content: "\f08d"; }

.fa-external-link:before {
  content: "\f08e"; }

.fa-sign-in:before {
  content: "\f090"; }

.fa-trophy:before {
  content: "\f091"; }

.fa-github-square:before {
  content: "\f092"; }

.fa-upload:before {
  content: "\f093"; }

.fa-lemon-o:before {
  content: "\f094"; }

.fa-phone:before {
  content: "\f095"; }

.fa-square-o:before {
  content: "\f096"; }

.fa-bookmark-o:before {
  content: "\f097"; }

.fa-phone-square:before {
  content: "\f098"; }

.fa-twitter:before {
  content: "\f099"; }

.fa-facebook:before {
  content: "\f09a"; }

.fa-github:before {
  content: "\f09b"; }

.fa-unlock:before {
  content: "\f09c"; }

.fa-credit-card:before {
  content: "\f09d"; }

.fa-rss:before {
  content: "\f09e"; }

.fa-hdd-o:before {
  content: "\f0a0"; }

.fa-bullhorn:before {
  content: "\f0a1"; }

.fa-bell:before {
  content: "\f0f3"; }

.fa-certificate:before {
  content: "\f0a3"; }

.fa-hand-o-right:before {
  content: "\f0a4"; }

.fa-hand-o-left:before {
  content: "\f0a5"; }

.fa-hand-o-up:before {
  content: "\f0a6"; }

.fa-hand-o-down:before {
  content: "\f0a7"; }

.fa-arrow-circle-left:before {
  content: "\f0a8"; }

.fa-arrow-circle-right:before {
  content: "\f0a9"; }

.fa-arrow-circle-up:before {
  content: "\f0aa"; }

.fa-arrow-circle-down:before {
  content: "\f0ab"; }

.fa-globe:before {
  content: "\f0ac"; }

.fa-wrench:before {
  content: "\f0ad"; }

.fa-tasks:before {
  content: "\f0ae"; }

.fa-filter:before {
  content: "\f0b0"; }

.fa-briefcase:before {
  content: "\f0b1"; }

.fa-arrows-alt:before {
  content: "\f0b2"; }

.fa-group:before,
.fa-users:before {
  content: "\f0c0"; }

.fa-chain:before,
.fa-link:before {
  content: "\f0c1"; }

.fa-cloud:before {
  content: "\f0c2"; }

.fa-flask:before {
  content: "\f0c3"; }

.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4"; }

.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5"; }

.fa-paperclip:before {
  content: "\f0c6"; }

.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7"; }

.fa-square:before {
  content: "\f0c8"; }

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9"; }

.fa-list-ul:before {
  content: "\f0ca"; }

.fa-list-ol:before {
  content: "\f0cb"; }

.fa-strikethrough:before {
  content: "\f0cc"; }

.fa-underline:before {
  content: "\f0cd"; }

.fa-table:before {
  content: "\f0ce"; }

.fa-magic:before {
  content: "\f0d0"; }

.fa-truck:before {
  content: "\f0d1"; }

.fa-pinterest:before {
  content: "\f0d2"; }

.fa-pinterest-square:before {
  content: "\f0d3"; }

.fa-google-plus-square:before {
  content: "\f0d4"; }

.fa-google-plus:before {
  content: "\f0d5"; }

.fa-money:before {
  content: "\f0d6"; }

.fa-caret-down:before {
  content: "\f0d7"; }

.fa-caret-up:before {
  content: "\f0d8"; }

.fa-caret-left:before {
  content: "\f0d9"; }

.fa-caret-right:before {
  content: "\f0da"; }

.fa-columns:before {
  content: "\f0db"; }

.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc"; }

.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd"; }

.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de"; }

.fa-envelope:before {
  content: "\f0e0"; }

.fa-linkedin:before {
  content: "\f0e1"; }

.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2"; }

.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3"; }

.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4"; }

.fa-comment-o:before {
  content: "\f0e5"; }

.fa-comments-o:before {
  content: "\f0e6"; }

.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7"; }

.fa-sitemap:before {
  content: "\f0e8"; }

.fa-umbrella:before {
  content: "\f0e9"; }

.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea"; }

.fa-lightbulb-o:before {
  content: "\f0eb"; }

.fa-exchange:before {
  content: "\f0ec"; }

.fa-cloud-download:before {
  content: "\f0ed"; }

.fa-cloud-upload:before {
  content: "\f0ee"; }

.fa-user-md:before {
  content: "\f0f0"; }

.fa-stethoscope:before {
  content: "\f0f1"; }

.fa-suitcase:before {
  content: "\f0f2"; }

.fa-bell-o:before {
  content: "\f0a2"; }

.fa-coffee:before {
  content: "\f0f4"; }

.fa-cutlery:before {
  content: "\f0f5"; }

.fa-file-text-o:before {
  content: "\f0f6"; }

.fa-building-o:before {
  content: "\f0f7"; }

.fa-hospital-o:before {
  content: "\f0f8"; }

.fa-ambulance:before {
  content: "\f0f9"; }

.fa-medkit:before {
  content: "\f0fa"; }

.fa-fighter-jet:before {
  content: "\f0fb"; }

.fa-beer:before {
  content: "\f0fc"; }

.fa-h-square:before {
  content: "\f0fd"; }

.fa-plus-square:before {
  content: "\f0fe"; }

.fa-angle-double-left:before {
  content: "\f100"; }

.fa-angle-double-right:before {
  content: "\f101"; }

.fa-angle-double-up:before {
  content: "\f102"; }

.fa-angle-double-down:before {
  content: "\f103"; }

.fa-angle-left:before {
  content: "\f104"; }

.fa-angle-right:before {
  content: "\f105"; }

.fa-angle-up:before {
  content: "\f106"; }

.fa-angle-down:before {
  content: "\f107"; }

.fa-desktop:before {
  content: "\f108"; }

.fa-laptop:before {
  content: "\f109"; }

.fa-tablet:before {
  content: "\f10a"; }

.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b"; }

.fa-circle-o:before {
  content: "\f10c"; }

.fa-quote-left:before {
  content: "\f10d"; }

.fa-quote-right:before {
  content: "\f10e"; }

.fa-spinner:before {
  content: "\f110"; }

.fa-circle:before {
  content: "\f111"; }

.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112"; }

.fa-github-alt:before {
  content: "\f113"; }

.fa-folder-o:before {
  content: "\f114"; }

.fa-folder-open-o:before {
  content: "\f115"; }

.fa-smile-o:before {
  content: "\f118"; }

.fa-frown-o:before {
  content: "\f119"; }

.fa-meh-o:before {
  content: "\f11a"; }

.fa-gamepad:before {
  content: "\f11b"; }

.fa-keyboard-o:before {
  content: "\f11c"; }

.fa-flag-o:before {
  content: "\f11d"; }

.fa-flag-checkered:before {
  content: "\f11e"; }

.fa-terminal:before {
  content: "\f120"; }

.fa-code:before {
  content: "\f121"; }

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122"; }

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123"; }

.fa-location-arrow:before {
  content: "\f124"; }

.fa-crop:before {
  content: "\f125"; }

.fa-code-fork:before {
  content: "\f126"; }

.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127"; }

.fa-question:before {
  content: "\f128"; }

.fa-info:before {
  content: "\f129"; }

.fa-exclamation:before {
  content: "\f12a"; }

.fa-superscript:before {
  content: "\f12b"; }

.fa-subscript:before {
  content: "\f12c"; }

.fa-eraser:before {
  content: "\f12d"; }

.fa-puzzle-piece:before {
  content: "\f12e"; }

.fa-microphone:before {
  content: "\f130"; }

.fa-microphone-slash:before {
  content: "\f131"; }

.fa-shield:before {
  content: "\f132"; }

.fa-calendar-o:before {
  content: "\f133"; }

.fa-fire-extinguisher:before {
  content: "\f134"; }

.fa-rocket:before {
  content: "\f135"; }

.fa-maxcdn:before {
  content: "\f136"; }

.fa-chevron-circle-left:before {
  content: "\f137"; }

.fa-chevron-circle-right:before {
  content: "\f138"; }

.fa-chevron-circle-up:before {
  content: "\f139"; }

.fa-chevron-circle-down:before {
  content: "\f13a"; }

.fa-html5:before {
  content: "\f13b"; }

.fa-css3:before {
  content: "\f13c"; }

.fa-anchor:before {
  content: "\f13d"; }

.fa-unlock-alt:before {
  content: "\f13e"; }

.fa-bullseye:before {
  content: "\f140"; }

.fa-ellipsis-h:before {
  content: "\f141"; }

.fa-ellipsis-v:before {
  content: "\f142"; }

.fa-rss-square:before {
  content: "\f143"; }

.fa-play-circle:before {
  content: "\f144"; }

.fa-ticket:before {
  content: "\f145"; }

.fa-minus-square:before {
  content: "\f146"; }

.fa-minus-square-o:before {
  content: "\f147"; }

.fa-level-up:before {
  content: "\f148"; }

.fa-level-down:before {
  content: "\f149"; }

.fa-check-square:before {
  content: "\f14a"; }

.fa-pencil-square:before {
  content: "\f14b"; }

.fa-external-link-square:before {
  content: "\f14c"; }

.fa-share-square:before {
  content: "\f14d"; }

.fa-compass:before {
  content: "\f14e"; }

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150"; }

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151"; }

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152"; }

.fa-euro:before,
.fa-eur:before {
  content: "\f153"; }

.fa-gbp:before {
  content: "\f154"; }

.fa-dollar:before,
.fa-usd:before {
  content: "\f155"; }

.fa-rupee:before,
.fa-inr:before {
  content: "\f156"; }

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157"; }

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158"; }

.fa-won:before,
.fa-krw:before {
  content: "\f159"; }

.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a"; }

.fa-file:before {
  content: "\f15b"; }

.fa-file-text:before {
  content: "\f15c"; }

.fa-sort-alpha-asc:before {
  content: "\f15d"; }

.fa-sort-alpha-desc:before {
  content: "\f15e"; }

.fa-sort-amount-asc:before {
  content: "\f160"; }

.fa-sort-amount-desc:before {
  content: "\f161"; }

.fa-sort-numeric-asc:before {
  content: "\f162"; }

.fa-sort-numeric-desc:before {
  content: "\f163"; }

.fa-thumbs-up:before {
  content: "\f164"; }

.fa-thumbs-down:before {
  content: "\f165"; }

.fa-youtube-square:before {
  content: "\f166"; }

.fa-youtube:before {
  content: "\f167"; }

.fa-xing:before {
  content: "\f168"; }

.fa-xing-square:before {
  content: "\f169"; }

.fa-youtube-play:before {
  content: "\f16a"; }

.fa-dropbox:before {
  content: "\f16b"; }

.fa-stack-overflow:before {
  content: "\f16c"; }

.fa-instagram:before {
  content: "\f16d"; }

.fa-flickr:before {
  content: "\f16e"; }

.fa-adn:before {
  content: "\f170"; }

.fa-bitbucket:before {
  content: "\f171"; }

.fa-bitbucket-square:before {
  content: "\f172"; }

.fa-tumblr:before {
  content: "\f173"; }

.fa-tumblr-square:before {
  content: "\f174"; }

.fa-long-arrow-down:before {
  content: "\f175"; }

.fa-long-arrow-up:before {
  content: "\f176"; }

.fa-long-arrow-left:before {
  content: "\f177"; }

.fa-long-arrow-right:before {
  content: "\f178"; }

.fa-apple:before {
  content: "\f179"; }

.fa-windows:before {
  content: "\f17a"; }

.fa-android:before {
  content: "\f17b"; }

.fa-linux:before {
  content: "\f17c"; }

.fa-dribbble:before {
  content: "\f17d"; }

.fa-skype:before {
  content: "\f17e"; }

.fa-foursquare:before {
  content: "\f180"; }

.fa-trello:before {
  content: "\f181"; }

.fa-female:before {
  content: "\f182"; }

.fa-male:before {
  content: "\f183"; }

.fa-gittip:before {
  content: "\f184"; }

.fa-sun-o:before {
  content: "\f185"; }

.fa-moon-o:before {
  content: "\f186"; }

.fa-archive:before {
  content: "\f187"; }

.fa-bug:before {
  content: "\f188"; }

.fa-vk:before {
  content: "\f189"; }

.fa-weibo:before {
  content: "\f18a"; }

.fa-renren:before {
  content: "\f18b"; }

.fa-pagelines:before {
  content: "\f18c"; }

.fa-stack-exchange:before {
  content: "\f18d"; }

.fa-arrow-circle-o-right:before {
  content: "\f18e"; }

.fa-arrow-circle-o-left:before {
  content: "\f190"; }

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191"; }

.fa-dot-circle-o:before {
  content: "\f192"; }

.fa-wheelchair:before {
  content: "\f193"; }

.fa-vimeo-square:before {
  content: "\f194"; }

.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195"; }

.fa-plus-square-o:before {
  content: "\f196"; }

.fa-space-shuttle:before {
  content: "\f197"; }

.fa-slack:before {
  content: "\f198"; }

.fa-envelope-square:before {
  content: "\f199"; }

.fa-wordpress:before {
  content: "\f19a"; }

.fa-openid:before {
  content: "\f19b"; }

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c"; }

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d"; }

.fa-yahoo:before {
  content: "\f19e"; }

.fa-google:before {
  content: "\f1a0"; }

.fa-reddit:before {
  content: "\f1a1"; }

.fa-reddit-square:before {
  content: "\f1a2"; }

.fa-stumbleupon-circle:before {
  content: "\f1a3"; }

.fa-stumbleupon:before {
  content: "\f1a4"; }

.fa-delicious:before {
  content: "\f1a5"; }

.fa-digg:before {
  content: "\f1a6"; }

.fa-pied-piper:before {
  content: "\f1a7"; }

.fa-pied-piper-alt:before {
  content: "\f1a8"; }

.fa-drupal:before {
  content: "\f1a9"; }

.fa-joomla:before {
  content: "\f1aa"; }

.fa-language:before {
  content: "\f1ab"; }

.fa-fax:before {
  content: "\f1ac"; }

.fa-building:before {
  content: "\f1ad"; }

.fa-child:before {
  content: "\f1ae"; }

.fa-paw:before {
  content: "\f1b0"; }

.fa-spoon:before {
  content: "\f1b1"; }

.fa-cube:before {
  content: "\f1b2"; }

.fa-cubes:before {
  content: "\f1b3"; }

.fa-behance:before {
  content: "\f1b4"; }

.fa-behance-square:before {
  content: "\f1b5"; }

.fa-steam:before {
  content: "\f1b6"; }

.fa-steam-square:before {
  content: "\f1b7"; }

.fa-recycle:before {
  content: "\f1b8"; }

.fa-automobile:before,
.fa-car:before {
  content: "\f1b9"; }

.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba"; }

.fa-tree:before {
  content: "\f1bb"; }

.fa-spotify:before {
  content: "\f1bc"; }

.fa-deviantart:before {
  content: "\f1bd"; }

.fa-soundcloud:before {
  content: "\f1be"; }

.fa-database:before {
  content: "\f1c0"; }

.fa-file-pdf-o:before {
  content: "\f1c1"; }

.fa-file-word-o:before {
  content: "\f1c2"; }

.fa-file-excel-o:before {
  content: "\f1c3"; }

.fa-file-powerpoint-o:before {
  content: "\f1c4"; }

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5"; }

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6"; }

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7"; }

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8"; }

.fa-file-code-o:before {
  content: "\f1c9"; }

.fa-vine:before {
  content: "\f1ca"; }

.fa-codepen:before {
  content: "\f1cb"; }

.fa-jsfiddle:before {
  content: "\f1cc"; }

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd"; }

.fa-circle-o-notch:before {
  content: "\f1ce"; }

.fa-ra:before,
.fa-rebel:before {
  content: "\f1d0"; }

.fa-ge:before,
.fa-empire:before {
  content: "\f1d1"; }

.fa-git-square:before {
  content: "\f1d2"; }

.fa-git:before {
  content: "\f1d3"; }

.fa-hacker-news:before {
  content: "\f1d4"; }

.fa-tencent-weibo:before {
  content: "\f1d5"; }

.fa-qq:before {
  content: "\f1d6"; }

.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7"; }

.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8"; }

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9"; }

.fa-history:before {
  content: "\f1da"; }

.fa-circle-thin:before {
  content: "\f1db"; }

.fa-header:before {
  content: "\f1dc"; }

.fa-paragraph:before {
  content: "\f1dd"; }

.fa-sliders:before {
  content: "\f1de"; }

.fa-share-alt:before {
  content: "\f1e0"; }

.fa-share-alt-square:before {
  content: "\f1e1"; }

.fa-bomb:before {
  content: "\f1e2"; }

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3"; }

.fa-tty:before {
  content: "\f1e4"; }

.fa-binoculars:before {
  content: "\f1e5"; }

.fa-plug:before {
  content: "\f1e6"; }

.fa-slideshare:before {
  content: "\f1e7"; }

.fa-twitch:before {
  content: "\f1e8"; }

.fa-yelp:before {
  content: "\f1e9"; }

.fa-newspaper-o:before {
  content: "\f1ea"; }

.fa-wifi:before {
  content: "\f1eb"; }

.fa-calculator:before {
  content: "\f1ec"; }

.fa-paypal:before {
  content: "\f1ed"; }

.fa-google-wallet:before {
  content: "\f1ee"; }

.fa-cc-visa:before {
  content: "\f1f0"; }

.fa-cc-mastercard:before {
  content: "\f1f1"; }

.fa-cc-discover:before {
  content: "\f1f2"; }

.fa-cc-amex:before {
  content: "\f1f3"; }

.fa-cc-paypal:before {
  content: "\f1f4"; }

.fa-cc-stripe:before {
  content: "\f1f5"; }

.fa-bell-slash:before {
  content: "\f1f6"; }

.fa-bell-slash-o:before {
  content: "\f1f7"; }

.fa-trash:before {
  content: "\f1f8"; }

.fa-copyright:before {
  content: "\f1f9"; }

.fa-at:before {
  content: "\f1fa"; }

.fa-eyedropper:before {
  content: "\f1fb"; }

.fa-paint-brush:before {
  content: "\f1fc"; }

.fa-birthday-cake:before {
  content: "\f1fd"; }

.fa-area-chart:before {
  content: "\f1fe"; }

.fa-pie-chart:before {
  content: "\f200"; }

.fa-line-chart:before {
  content: "\f201"; }

.fa-lastfm:before {
  content: "\f202"; }

.fa-lastfm-square:before {
  content: "\f203"; }

.fa-toggle-off:before {
  content: "\f204"; }

.fa-toggle-on:before {
  content: "\f205"; }

.fa-bicycle:before {
  content: "\f206"; }

.fa-bus:before {
  content: "\f207"; }

.fa-ioxhost:before {
  content: "\f208"; }

.fa-angellist:before {
  content: "\f209"; }

.fa-cc:before {
  content: "\f20a"; }

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b"; }

.fa-meanpath:before {
  content: "\f20c"; }

/* == Vendor == */
/* http://lipis.github.io/flag-icon-css/ */
.flag-icon {
  position: relative;
  display: inline-block;
  width: 1.3333333333333333em;
  line-height: 1.618;
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  margin-right: 13px;
  margin-right: 0.8125rem; }

.flag-icon:before {
  content: "\00a0"; }

.flag-icon.flag-icon-squared {
  width: 1em; }

.flag-icon-background {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat; }

.flag-icon-ad {
  background-image: url(../img/flags/4x3/ad.svg); }

.flag-icon-ad.flag-icon-squared {
  background-image: url(../img/flags/1x1/ad.svg); }

.flag-icon-ae {
  background-image: url(../img/flags/4x3/ae.svg); }

.flag-icon-ae.flag-icon-squared {
  background-image: url(../img/flags/1x1/ae.svg); }

.flag-icon-af {
  background-image: url(../img/flags/4x3/af.svg); }

.flag-icon-af.flag-icon-squared {
  background-image: url(../img/flags/1x1/af.svg); }

.flag-icon-ag {
  background-image: url(../img/flags/4x3/ag.svg); }

.flag-icon-ag.flag-icon-squared {
  background-image: url(../img/flags/1x1/ag.svg); }

.flag-icon-ai {
  background-image: url(../img/flags/4x3/ai.svg); }

.flag-icon-ai.flag-icon-squared {
  background-image: url(../img/flags/1x1/ai.svg); }

.flag-icon-al {
  background-image: url(../img/flags/4x3/al.svg); }

.flag-icon-al.flag-icon-squared {
  background-image: url(../img/flags/1x1/al.svg); }

.flag-icon-am {
  background-image: url(../img/flags/4x3/am.svg); }

.flag-icon-am.flag-icon-squared {
  background-image: url(../img/flags/1x1/am.svg); }

.flag-icon-ao {
  background-image: url(../img/flags/4x3/ao.svg); }

.flag-icon-ao.flag-icon-squared {
  background-image: url(../img/flags/1x1/ao.svg); }

.flag-icon-aq {
  background-image: url(../img/flags/4x3/aq.svg); }

.flag-icon-aq.flag-icon-squared {
  background-image: url(../img/flags/1x1/aq.svg); }

.flag-icon-ar {
  background-image: url(../img/flags/4x3/ar.svg); }

.flag-icon-ar.flag-icon-squared {
  background-image: url(../img/flags/1x1/ar.svg); }

.flag-icon-as {
  background-image: url(../img/flags/4x3/as.svg); }

.flag-icon-as.flag-icon-squared {
  background-image: url(../img/flags/1x1/as.svg); }

.flag-icon-at {
  background-image: url(../img/flags/4x3/at.svg); }

.flag-icon-at.flag-icon-squared {
  background-image: url(../img/flags/1x1/at.svg); }

.flag-icon-au {
  background-image: url(../img/flags/4x3/au.svg); }

.flag-icon-au.flag-icon-squared {
  background-image: url(../img/flags/1x1/au.svg); }

.flag-icon-aw {
  background-image: url(../img/flags/4x3/aw.svg); }

.flag-icon-aw.flag-icon-squared {
  background-image: url(../img/flags/1x1/aw.svg); }

.flag-icon-ax {
  background-image: url(../img/flags/4x3/ax.svg); }

.flag-icon-ax.flag-icon-squared {
  background-image: url(../img/flags/1x1/ax.svg); }

.flag-icon-az {
  background-image: url(../img/flags/4x3/az.svg); }

.flag-icon-az.flag-icon-squared {
  background-image: url(../img/flags/1x1/az.svg); }

.flag-icon-ba {
  background-image: url(../img/flags/4x3/ba.svg); }

.flag-icon-ba.flag-icon-squared {
  background-image: url(../img/flags/1x1/ba.svg); }

.flag-icon-bb {
  background-image: url(../img/flags/4x3/bb.svg); }

.flag-icon-bb.flag-icon-squared {
  background-image: url(../img/flags/1x1/bb.svg); }

.flag-icon-bd {
  background-image: url(../img/flags/4x3/bd.svg); }

.flag-icon-bd.flag-icon-squared {
  background-image: url(../img/flags/1x1/bd.svg); }

.flag-icon-be {
  background-image: url(../img/flags/4x3/be.svg); }

.flag-icon-be.flag-icon-squared {
  background-image: url(../img/flags/1x1/be.svg); }

.flag-icon-bf {
  background-image: url(../img/flags/4x3/bf.svg); }

.flag-icon-bf.flag-icon-squared {
  background-image: url(../img/flags/1x1/bf.svg); }

.flag-icon-bg {
  background-image: url(../img/flags/4x3/bg.svg); }

.flag-icon-bg.flag-icon-squared {
  background-image: url(../img/flags/1x1/bg.svg); }

.flag-icon-bh {
  background-image: url(../img/flags/4x3/bh.svg); }

.flag-icon-bh.flag-icon-squared {
  background-image: url(../img/flags/1x1/bh.svg); }

.flag-icon-bi {
  background-image: url(../img/flags/4x3/bi.svg); }

.flag-icon-bi.flag-icon-squared {
  background-image: url(../img/flags/1x1/bi.svg); }

.flag-icon-bj {
  background-image: url(../img/flags/4x3/bj.svg); }

.flag-icon-bj.flag-icon-squared {
  background-image: url(../img/flags/1x1/bj.svg); }

.flag-icon-bl {
  background-image: url(../img/flags/4x3/bl.svg); }

.flag-icon-bl.flag-icon-squared {
  background-image: url(../img/flags/1x1/bl.svg); }

.flag-icon-bm {
  background-image: url(../img/flags/4x3/bm.svg); }

.flag-icon-bm.flag-icon-squared {
  background-image: url(../img/flags/1x1/bm.svg); }

.flag-icon-bn {
  background-image: url(../img/flags/4x3/bn.svg); }

.flag-icon-bn.flag-icon-squared {
  background-image: url(../img/flags/1x1/bn.svg); }

.flag-icon-bo {
  background-image: url(../img/flags/4x3/bo.svg); }

.flag-icon-bo.flag-icon-squared {
  background-image: url(../img/flags/1x1/bo.svg); }

.flag-icon-bq {
  background-image: url(../img/flags/4x3/bq.svg); }

.flag-icon-bq.flag-icon-squared {
  background-image: url(../img/flags/1x1/bq.svg); }

.flag-icon-br {
  background-image: url(../img/flags/4x3/br.svg); }

.flag-icon-br.flag-icon-squared {
  background-image: url(../img/flags/1x1/br.svg); }

.flag-icon-bs {
  background-image: url(../img/flags/4x3/bs.svg); }

.flag-icon-bs.flag-icon-squared {
  background-image: url(../img/flags/1x1/bs.svg); }

.flag-icon-bt {
  background-image: url(../img/flags/4x3/bt.svg); }

.flag-icon-bt.flag-icon-squared {
  background-image: url(../img/flags/1x1/bt.svg); }

.flag-icon-bv {
  background-image: url(../img/flags/4x3/bv.svg); }

.flag-icon-bv.flag-icon-squared {
  background-image: url(../img/flags/1x1/bv.svg); }

.flag-icon-bw {
  background-image: url(../img/flags/4x3/bw.svg); }

.flag-icon-bw.flag-icon-squared {
  background-image: url(../img/flags/1x1/bw.svg); }

.flag-icon-by {
  background-image: url(../img/flags/4x3/by.svg); }

.flag-icon-by.flag-icon-squared {
  background-image: url(../img/flags/1x1/by.svg); }

.flag-icon-bz {
  background-image: url(../img/flags/4x3/bz.svg); }

.flag-icon-bz.flag-icon-squared {
  background-image: url(../img/flags/1x1/bz.svg); }

.flag-icon-ca {
  background-image: url(../img/flags/4x3/ca.svg); }

.flag-icon-ca.flag-icon-squared {
  background-image: url(../img/flags/1x1/ca.svg); }

.flag-icon-cc {
  background-image: url(../img/flags/4x3/cc.svg); }

.flag-icon-cc.flag-icon-squared {
  background-image: url(../img/flags/1x1/cc.svg); }

.flag-icon-cd {
  background-image: url(../img/flags/4x3/cd.svg); }

.flag-icon-cd.flag-icon-squared {
  background-image: url(../img/flags/1x1/cd.svg); }

.flag-icon-cf {
  background-image: url(../img/flags/4x3/cf.svg); }

.flag-icon-cf.flag-icon-squared {
  background-image: url(../img/flags/1x1/cf.svg); }

.flag-icon-cg {
  background-image: url(../img/flags/4x3/cg.svg); }

.flag-icon-cg.flag-icon-squared {
  background-image: url(../img/flags/1x1/cg.svg); }

.flag-icon-ch {
  background-image: url(../img/flags/4x3/ch.svg); }

.flag-icon-ch.flag-icon-squared {
  background-image: url(../img/flags/1x1/ch.svg); }

.flag-icon-ci {
  background-image: url(../img/flags/4x3/ci.svg); }

.flag-icon-ci.flag-icon-squared {
  background-image: url(../img/flags/1x1/ci.svg); }

.flag-icon-ck {
  background-image: url(../img/flags/4x3/ck.svg); }

.flag-icon-ck.flag-icon-squared {
  background-image: url(../img/flags/1x1/ck.svg); }

.flag-icon-cl {
  background-image: url(../img/flags/4x3/cl.svg); }

.flag-icon-cl.flag-icon-squared {
  background-image: url(../img/flags/1x1/cl.svg); }

.flag-icon-cm {
  background-image: url(../img/flags/4x3/cm.svg); }

.flag-icon-cm.flag-icon-squared {
  background-image: url(../img/flags/1x1/cm.svg); }

.flag-icon-cn {
  background-image: url(../img/flags/4x3/cn.svg); }

.flag-icon-cn.flag-icon-squared {
  background-image: url(../img/flags/1x1/cn.svg); }

.flag-icon-co {
  background-image: url(../img/flags/4x3/co.svg); }

.flag-icon-co.flag-icon-squared {
  background-image: url(../img/flags/1x1/co.svg); }

.flag-icon-cr {
  background-image: url(../img/flags/4x3/cr.svg); }

.flag-icon-cr.flag-icon-squared {
  background-image: url(../img/flags/1x1/cr.svg); }

.flag-icon-cu {
  background-image: url(../img/flags/4x3/cu.svg); }

.flag-icon-cu.flag-icon-squared {
  background-image: url(../img/flags/1x1/cu.svg); }

.flag-icon-cv {
  background-image: url(../img/flags/4x3/cv.svg); }

.flag-icon-cv.flag-icon-squared {
  background-image: url(../img/flags/1x1/cv.svg); }

.flag-icon-cw {
  background-image: url(../img/flags/4x3/cw.svg); }

.flag-icon-cw.flag-icon-squared {
  background-image: url(../img/flags/1x1/cw.svg); }

.flag-icon-cx {
  background-image: url(../img/flags/4x3/cx.svg); }

.flag-icon-cx.flag-icon-squared {
  background-image: url(../img/flags/1x1/cx.svg); }

.flag-icon-cy {
  background-image: url(../img/flags/4x3/cy.svg); }

.flag-icon-cy.flag-icon-squared {
  background-image: url(../img/flags/1x1/cy.svg); }

.flag-icon-cz {
  background-image: url(../img/flags/4x3/cz.svg); }

.flag-icon-cz.flag-icon-squared {
  background-image: url(../img/flags/1x1/cz.svg); }

.flag-icon-de {
  background-image: url(../img/flags/4x3/de.svg); }

.flag-icon-de.flag-icon-squared {
  background-image: url(../img/flags/1x1/de.svg); }

.flag-icon-dj {
  background-image: url(../img/flags/4x3/dj.svg); }

.flag-icon-dj.flag-icon-squared {
  background-image: url(../img/flags/1x1/dj.svg); }

.flag-icon-dk {
  background-image: url(../img/flags/4x3/dk.svg); }

.flag-icon-dk.flag-icon-squared {
  background-image: url(../img/flags/1x1/dk.svg); }

.flag-icon-dm {
  background-image: url(../img/flags/4x3/dm.svg); }

.flag-icon-dm.flag-icon-squared {
  background-image: url(../img/flags/1x1/dm.svg); }

.flag-icon-do {
  background-image: url(../img/flags/4x3/do.svg); }

.flag-icon-do.flag-icon-squared {
  background-image: url(../img/flags/1x1/do.svg); }

.flag-icon-dz {
  background-image: url(../img/flags/4x3/dz.svg); }

.flag-icon-dz.flag-icon-squared {
  background-image: url(../img/flags/1x1/dz.svg); }

.flag-icon-ec {
  background-image: url(../img/flags/4x3/ec.svg); }

.flag-icon-ec.flag-icon-squared {
  background-image: url(../img/flags/1x1/ec.svg); }

.flag-icon-ee {
  background-image: url(../img/flags/4x3/ee.svg); }

.flag-icon-ee.flag-icon-squared {
  background-image: url(../img/flags/1x1/ee.svg); }

.flag-icon-eg {
  background-image: url(../img/flags/4x3/eg.svg); }

.flag-icon-eg.flag-icon-squared {
  background-image: url(../img/flags/1x1/eg.svg); }

.flag-icon-eh {
  background-image: url(../img/flags/4x3/eh.svg); }

.flag-icon-eh.flag-icon-squared {
  background-image: url(../img/flags/1x1/eh.svg); }

.flag-icon-er {
  background-image: url(../img/flags/4x3/er.svg); }

.flag-icon-er.flag-icon-squared {
  background-image: url(../img/flags/1x1/er.svg); }

.flag-icon-es {
  background-image: url(../img/flags/4x3/es.svg); }

.flag-icon-es.flag-icon-squared {
  background-image: url(../img/flags/1x1/es.svg); }

.flag-icon-et {
  background-image: url(../img/flags/4x3/et.svg); }

.flag-icon-et.flag-icon-squared {
  background-image: url(../img/flags/1x1/et.svg); }

.flag-icon-fi {
  background-image: url(../img/flags/4x3/fi.svg); }

.flag-icon-fi.flag-icon-squared {
  background-image: url(../img/flags/1x1/fi.svg); }

.flag-icon-fj {
  background-image: url(../img/flags/4x3/fj.svg); }

.flag-icon-fj.flag-icon-squared {
  background-image: url(../img/flags/1x1/fj.svg); }

.flag-icon-fk {
  background-image: url(../img/flags/4x3/fk.svg); }

.flag-icon-fk.flag-icon-squared {
  background-image: url(../img/flags/1x1/fk.svg); }

.flag-icon-fm {
  background-image: url(../img/flags/4x3/fm.svg); }

.flag-icon-fm.flag-icon-squared {
  background-image: url(../img/flags/1x1/fm.svg); }

.flag-icon-fo {
  background-image: url(../img/flags/4x3/fo.svg); }

.flag-icon-fo.flag-icon-squared {
  background-image: url(../img/flags/1x1/fo.svg); }

.flag-icon-fr {
  background-image: url(../img/flags/4x3/fr.svg); }

.flag-icon-fr.flag-icon-squared {
  background-image: url(../img/flags/1x1/fr.svg); }

.flag-icon-ga {
  background-image: url(../img/flags/4x3/ga.svg); }

.flag-icon-ga.flag-icon-squared {
  background-image: url(../img/flags/1x1/ga.svg); }

.flag-icon-gb {
  background-image: url(../img/flags/4x3/gb.svg); }

.flag-icon-gb.flag-icon-squared {
  background-image: url(../img/flags/1x1/gb.svg); }

.flag-icon-gd {
  background-image: url(../img/flags/4x3/gd.svg); }

.flag-icon-gd.flag-icon-squared {
  background-image: url(../img/flags/1x1/gd.svg); }

.flag-icon-ge {
  background-image: url(../img/flags/4x3/ge.svg); }

.flag-icon-ge.flag-icon-squared {
  background-image: url(../img/flags/1x1/ge.svg); }

.flag-icon-gf {
  background-image: url(../img/flags/4x3/gf.svg); }

.flag-icon-gf.flag-icon-squared {
  background-image: url(../img/flags/1x1/gf.svg); }

.flag-icon-gg {
  background-image: url(../img/flags/4x3/gg.svg); }

.flag-icon-gg.flag-icon-squared {
  background-image: url(../img/flags/1x1/gg.svg); }

.flag-icon-gh {
  background-image: url(../img/flags/4x3/gh.svg); }

.flag-icon-gh.flag-icon-squared {
  background-image: url(../img/flags/1x1/gh.svg); }

.flag-icon-gi {
  background-image: url(../img/flags/4x3/gi.svg); }

.flag-icon-gi.flag-icon-squared {
  background-image: url(../img/flags/1x1/gi.svg); }

.flag-icon-gl {
  background-image: url(../img/flags/4x3/gl.svg); }

.flag-icon-gl.flag-icon-squared {
  background-image: url(../img/flags/1x1/gl.svg); }

.flag-icon-gm {
  background-image: url(../img/flags/4x3/gm.svg); }

.flag-icon-gm.flag-icon-squared {
  background-image: url(../img/flags/1x1/gm.svg); }

.flag-icon-gn {
  background-image: url(../img/flags/4x3/gn.svg); }

.flag-icon-gn.flag-icon-squared {
  background-image: url(../img/flags/1x1/gn.svg); }

.flag-icon-gp {
  background-image: url(../img/flags/4x3/gp.svg); }

.flag-icon-gp.flag-icon-squared {
  background-image: url(../img/flags/1x1/gp.svg); }

.flag-icon-gq {
  background-image: url(../img/flags/4x3/gq.svg); }

.flag-icon-gq.flag-icon-squared {
  background-image: url(../img/flags/1x1/gq.svg); }

.flag-icon-gr {
  background-image: url(../img/flags/4x3/gr.svg); }

.flag-icon-gr.flag-icon-squared {
  background-image: url(../img/flags/1x1/gr.svg); }

.flag-icon-gs {
  background-image: url(../img/flags/4x3/gs.svg); }

.flag-icon-gs.flag-icon-squared {
  background-image: url(../img/flags/1x1/gs.svg); }

.flag-icon-gt {
  background-image: url(../img/flags/4x3/gt.svg); }

.flag-icon-gt.flag-icon-squared {
  background-image: url(../img/flags/1x1/gt.svg); }

.flag-icon-gu {
  background-image: url(../img/flags/4x3/gu.svg); }

.flag-icon-gu.flag-icon-squared {
  background-image: url(../img/flags/1x1/gu.svg); }

.flag-icon-gw {
  background-image: url(../img/flags/4x3/gw.svg); }

.flag-icon-gw.flag-icon-squared {
  background-image: url(../img/flags/1x1/gw.svg); }

.flag-icon-gy {
  background-image: url(../img/flags/4x3/gy.svg); }

.flag-icon-gy.flag-icon-squared {
  background-image: url(../img/flags/1x1/gy.svg); }

.flag-icon-hk {
  background-image: url(../img/flags/4x3/hk.svg); }

.flag-icon-hk.flag-icon-squared {
  background-image: url(../img/flags/1x1/hk.svg); }

.flag-icon-hm {
  background-image: url(../img/flags/4x3/hm.svg); }

.flag-icon-hm.flag-icon-squared {
  background-image: url(../img/flags/1x1/hm.svg); }

.flag-icon-hn {
  background-image: url(../img/flags/4x3/hn.svg); }

.flag-icon-hn.flag-icon-squared {
  background-image: url(../img/flags/1x1/hn.svg); }

.flag-icon-hr {
  background-image: url(../img/flags/4x3/hr.svg); }

.flag-icon-hr.flag-icon-squared {
  background-image: url(../img/flags/1x1/hr.svg); }

.flag-icon-ht {
  background-image: url(../img/flags/4x3/ht.svg); }

.flag-icon-ht.flag-icon-squared {
  background-image: url(../img/flags/1x1/ht.svg); }

.flag-icon-hu {
  background-image: url(../img/flags/4x3/hu.svg); }

.flag-icon-hu.flag-icon-squared {
  background-image: url(../img/flags/1x1/hu.svg); }

.flag-icon-id {
  background-image: url(../img/flags/4x3/id.svg); }

.flag-icon-id.flag-icon-squared {
  background-image: url(../img/flags/1x1/id.svg); }

.flag-icon-ie {
  background-image: url(../img/flags/4x3/ie.svg); }

.flag-icon-ie.flag-icon-squared {
  background-image: url(../img/flags/1x1/ie.svg); }

.flag-icon-il {
  background-image: url(../img/flags/4x3/il.svg); }

.flag-icon-il.flag-icon-squared {
  background-image: url(../img/flags/1x1/il.svg); }

.flag-icon-im {
  background-image: url(../img/flags/4x3/im.svg); }

.flag-icon-im.flag-icon-squared {
  background-image: url(../img/flags/1x1/im.svg); }

.flag-icon-in {
  background-image: url(../img/flags/4x3/in.svg); }

.flag-icon-in.flag-icon-squared {
  background-image: url(../img/flags/1x1/in.svg); }

.flag-icon-io {
  background-image: url(../img/flags/4x3/io.svg); }

.flag-icon-io.flag-icon-squared {
  background-image: url(../img/flags/1x1/io.svg); }

.flag-icon-iq {
  background-image: url(../img/flags/4x3/iq.svg); }

.flag-icon-iq.flag-icon-squared {
  background-image: url(../img/flags/1x1/iq.svg); }

.flag-icon-ir {
  background-image: url(../img/flags/4x3/ir.svg); }

.flag-icon-ir.flag-icon-squared {
  background-image: url(../img/flags/1x1/ir.svg); }

.flag-icon-is {
  background-image: url(../img/flags/4x3/is.svg); }

.flag-icon-is.flag-icon-squared {
  background-image: url(../img/flags/1x1/is.svg); }

.flag-icon-it {
  background-image: url(../img/flags/4x3/it.svg); }

.flag-icon-it.flag-icon-squared {
  background-image: url(../img/flags/1x1/it.svg); }

.flag-icon-je {
  background-image: url(../img/flags/4x3/je.svg); }

.flag-icon-je.flag-icon-squared {
  background-image: url(../img/flags/1x1/je.svg); }

.flag-icon-jm {
  background-image: url(../img/flags/4x3/jm.svg); }

.flag-icon-jm.flag-icon-squared {
  background-image: url(../img/flags/1x1/jm.svg); }

.flag-icon-jo {
  background-image: url(../img/flags/4x3/jo.svg); }

.flag-icon-jo.flag-icon-squared {
  background-image: url(../img/flags/1x1/jo.svg); }

.flag-icon-jp {
  background-image: url(../img/flags/4x3/jp.svg); }

.flag-icon-jp.flag-icon-squared {
  background-image: url(../img/flags/1x1/jp.svg); }

.flag-icon-ke {
  background-image: url(../img/flags/4x3/ke.svg); }

.flag-icon-ke.flag-icon-squared {
  background-image: url(../img/flags/1x1/ke.svg); }

.flag-icon-kg {
  background-image: url(../img/flags/4x3/kg.svg); }

.flag-icon-kg.flag-icon-squared {
  background-image: url(../img/flags/1x1/kg.svg); }

.flag-icon-kh {
  background-image: url(../img/flags/4x3/kh.svg); }

.flag-icon-kh.flag-icon-squared {
  background-image: url(../img/flags/1x1/kh.svg); }

.flag-icon-ki {
  background-image: url(../img/flags/4x3/ki.svg); }

.flag-icon-ki.flag-icon-squared {
  background-image: url(../img/flags/1x1/ki.svg); }

.flag-icon-km {
  background-image: url(../img/flags/4x3/km.svg); }

.flag-icon-km.flag-icon-squared {
  background-image: url(../img/flags/1x1/km.svg); }

.flag-icon-kn {
  background-image: url(../img/flags/4x3/kn.svg); }

.flag-icon-kn.flag-icon-squared {
  background-image: url(../img/flags/1x1/kn.svg); }

.flag-icon-kp {
  background-image: url(../img/flags/4x3/kp.svg); }

.flag-icon-kp.flag-icon-squared {
  background-image: url(../img/flags/1x1/kp.svg); }

.flag-icon-kr {
  background-image: url(../img/flags/4x3/kr.svg); }

.flag-icon-kr.flag-icon-squared {
  background-image: url(../img/flags/1x1/kr.svg); }

.flag-icon-kw {
  background-image: url(../img/flags/4x3/kw.svg); }

.flag-icon-kw.flag-icon-squared {
  background-image: url(../img/flags/1x1/kw.svg); }

.flag-icon-ky {
  background-image: url(../img/flags/4x3/ky.svg); }

.flag-icon-ky.flag-icon-squared {
  background-image: url(../img/flags/1x1/ky.svg); }

.flag-icon-kz {
  background-image: url(../img/flags/4x3/kz.svg); }

.flag-icon-kz.flag-icon-squared {
  background-image: url(../img/flags/1x1/kz.svg); }

.flag-icon-la {
  background-image: url(../img/flags/4x3/la.svg); }

.flag-icon-la.flag-icon-squared {
  background-image: url(../img/flags/1x1/la.svg); }

.flag-icon-lb {
  background-image: url(../img/flags/4x3/lb.svg); }

.flag-icon-lb.flag-icon-squared {
  background-image: url(../img/flags/1x1/lb.svg); }

.flag-icon-lc {
  background-image: url(../img/flags/4x3/lc.svg); }

.flag-icon-lc.flag-icon-squared {
  background-image: url(../img/flags/1x1/lc.svg); }

.flag-icon-li {
  background-image: url(../img/flags/4x3/li.svg); }

.flag-icon-li.flag-icon-squared {
  background-image: url(../img/flags/1x1/li.svg); }

.flag-icon-lk {
  background-image: url(../img/flags/4x3/lk.svg); }

.flag-icon-lk.flag-icon-squared {
  background-image: url(../img/flags/1x1/lk.svg); }

.flag-icon-lr {
  background-image: url(../img/flags/4x3/lr.svg); }

.flag-icon-lr.flag-icon-squared {
  background-image: url(../img/flags/1x1/lr.svg); }

.flag-icon-ls {
  background-image: url(../img/flags/4x3/ls.svg); }

.flag-icon-ls.flag-icon-squared {
  background-image: url(../img/flags/1x1/ls.svg); }

.flag-icon-lt {
  background-image: url(../img/flags/4x3/lt.svg); }

.flag-icon-lt.flag-icon-squared {
  background-image: url(../img/flags/1x1/lt.svg); }

.flag-icon-lu {
  background-image: url(../img/flags/4x3/lu.svg); }

.flag-icon-lu.flag-icon-squared {
  background-image: url(../img/flags/1x1/lu.svg); }

.flag-icon-lv {
  background-image: url(../img/flags/4x3/lv.svg); }

.flag-icon-lv.flag-icon-squared {
  background-image: url(../img/flags/1x1/lv.svg); }

.flag-icon-ly {
  background-image: url(../img/flags/4x3/ly.svg); }

.flag-icon-ly.flag-icon-squared {
  background-image: url(../img/flags/1x1/ly.svg); }

.flag-icon-ma {
  background-image: url(../img/flags/4x3/ma.svg); }

.flag-icon-ma.flag-icon-squared {
  background-image: url(../img/flags/1x1/ma.svg); }

.flag-icon-mc {
  background-image: url(../img/flags/4x3/mc.svg); }

.flag-icon-mc.flag-icon-squared {
  background-image: url(../img/flags/1x1/mc.svg); }

.flag-icon-md {
  background-image: url(../img/flags/4x3/md.svg); }

.flag-icon-md.flag-icon-squared {
  background-image: url(../img/flags/1x1/md.svg); }

.flag-icon-me {
  background-image: url(../img/flags/4x3/me.svg); }

.flag-icon-me.flag-icon-squared {
  background-image: url(../img/flags/1x1/me.svg); }

.flag-icon-mf {
  background-image: url(../img/flags/4x3/mf.svg); }

.flag-icon-mf.flag-icon-squared {
  background-image: url(../img/flags/1x1/mf.svg); }

.flag-icon-mg {
  background-image: url(../img/flags/4x3/mg.svg); }

.flag-icon-mg.flag-icon-squared {
  background-image: url(../img/flags/1x1/mg.svg); }

.flag-icon-mh {
  background-image: url(../img/flags/4x3/mh.svg); }

.flag-icon-mh.flag-icon-squared {
  background-image: url(../img/flags/1x1/mh.svg); }

.flag-icon-mk {
  background-image: url(../img/flags/4x3/mk.svg); }

.flag-icon-mk.flag-icon-squared {
  background-image: url(../img/flags/1x1/mk.svg); }

.flag-icon-ml {
  background-image: url(../img/flags/4x3/ml.svg); }

.flag-icon-ml.flag-icon-squared {
  background-image: url(../img/flags/1x1/ml.svg); }

.flag-icon-mm {
  background-image: url(../img/flags/4x3/mm.svg); }

.flag-icon-mm.flag-icon-squared {
  background-image: url(../img/flags/1x1/mm.svg); }

.flag-icon-mn {
  background-image: url(../img/flags/4x3/mn.svg); }

.flag-icon-mn.flag-icon-squared {
  background-image: url(../img/flags/1x1/mn.svg); }

.flag-icon-mo {
  background-image: url(../img/flags/4x3/mo.svg); }

.flag-icon-mo.flag-icon-squared {
  background-image: url(../img/flags/1x1/mo.svg); }

.flag-icon-mp {
  background-image: url(../img/flags/4x3/mp.svg); }

.flag-icon-mp.flag-icon-squared {
  background-image: url(../img/flags/1x1/mp.svg); }

.flag-icon-mq {
  background-image: url(../img/flags/4x3/mq.svg); }

.flag-icon-mq.flag-icon-squared {
  background-image: url(../img/flags/1x1/mq.svg); }

.flag-icon-mr {
  background-image: url(../img/flags/4x3/mr.svg); }

.flag-icon-mr.flag-icon-squared {
  background-image: url(../img/flags/1x1/mr.svg); }

.flag-icon-ms {
  background-image: url(../img/flags/4x3/ms.svg); }

.flag-icon-ms.flag-icon-squared {
  background-image: url(../img/flags/1x1/ms.svg); }

.flag-icon-mt {
  background-image: url(../img/flags/4x3/mt.svg); }

.flag-icon-mt.flag-icon-squared {
  background-image: url(../img/flags/1x1/mt.svg); }

.flag-icon-mu {
  background-image: url(../img/flags/4x3/mu.svg); }

.flag-icon-mu.flag-icon-squared {
  background-image: url(../img/flags/1x1/mu.svg); }

.flag-icon-mv {
  background-image: url(../img/flags/4x3/mv.svg); }

.flag-icon-mv.flag-icon-squared {
  background-image: url(../img/flags/1x1/mv.svg); }

.flag-icon-mw {
  background-image: url(../img/flags/4x3/mw.svg); }

.flag-icon-mw.flag-icon-squared {
  background-image: url(../img/flags/1x1/mw.svg); }

.flag-icon-mx {
  background-image: url(../img/flags/4x3/mx.svg); }

.flag-icon-mx.flag-icon-squared {
  background-image: url(../img/flags/1x1/mx.svg); }

.flag-icon-my {
  background-image: url(../img/flags/4x3/my.svg); }

.flag-icon-my.flag-icon-squared {
  background-image: url(../img/flags/1x1/my.svg); }

.flag-icon-mz {
  background-image: url(../img/flags/4x3/mz.svg); }

.flag-icon-mz.flag-icon-squared {
  background-image: url(../img/flags/1x1/mz.svg); }

.flag-icon-na {
  background-image: url(../img/flags/4x3/na.svg); }

.flag-icon-na.flag-icon-squared {
  background-image: url(../img/flags/1x1/na.svg); }

.flag-icon-nc {
  background-image: url(../img/flags/4x3/nc.svg); }

.flag-icon-nc.flag-icon-squared {
  background-image: url(../img/flags/1x1/nc.svg); }

.flag-icon-ne {
  background-image: url(../img/flags/4x3/ne.svg); }

.flag-icon-ne.flag-icon-squared {
  background-image: url(../img/flags/1x1/ne.svg); }

.flag-icon-nf {
  background-image: url(../img/flags/4x3/nf.svg); }

.flag-icon-nf.flag-icon-squared {
  background-image: url(../img/flags/1x1/nf.svg); }

.flag-icon-ng {
  background-image: url(../img/flags/4x3/ng.svg); }

.flag-icon-ng.flag-icon-squared {
  background-image: url(../img/flags/1x1/ng.svg); }

.flag-icon-ni {
  background-image: url(../img/flags/4x3/ni.svg); }

.flag-icon-ni.flag-icon-squared {
  background-image: url(../img/flags/1x1/ni.svg); }

.flag-icon-nl {
  background-image: url(../img/flags/4x3/nl.svg); }

.flag-icon-nl.flag-icon-squared {
  background-image: url(../img/flags/1x1/nl.svg); }

.flag-icon-no {
  background-image: url(../img/flags/4x3/no.svg); }

.flag-icon-no.flag-icon-squared {
  background-image: url(../img/flags/1x1/no.svg); }

.flag-icon-np {
  background-image: url(../img/flags/4x3/np.svg); }

.flag-icon-np.flag-icon-squared {
  background-image: url(../img/flags/1x1/np.svg); }

.flag-icon-nr {
  background-image: url(../img/flags/4x3/nr.svg); }

.flag-icon-nr.flag-icon-squared {
  background-image: url(../img/flags/1x1/nr.svg); }

.flag-icon-nu {
  background-image: url(../img/flags/4x3/nu.svg); }

.flag-icon-nu.flag-icon-squared {
  background-image: url(../img/flags/1x1/nu.svg); }

.flag-icon-nz {
  background-image: url(../img/flags/4x3/nz.svg); }

.flag-icon-nz.flag-icon-squared {
  background-image: url(../img/flags/1x1/nz.svg); }

.flag-icon-om {
  background-image: url(../img/flags/4x3/om.svg); }

.flag-icon-om.flag-icon-squared {
  background-image: url(../img/flags/1x1/om.svg); }

.flag-icon-pa {
  background-image: url(../img/flags/4x3/pa.svg); }

.flag-icon-pa.flag-icon-squared {
  background-image: url(../img/flags/1x1/pa.svg); }

.flag-icon-pe {
  background-image: url(../img/flags/4x3/pe.svg); }

.flag-icon-pe.flag-icon-squared {
  background-image: url(../img/flags/1x1/pe.svg); }

.flag-icon-pf {
  background-image: url(../img/flags/4x3/pf.svg); }

.flag-icon-pf.flag-icon-squared {
  background-image: url(../img/flags/1x1/pf.svg); }

.flag-icon-pg {
  background-image: url(../img/flags/4x3/pg.svg); }

.flag-icon-pg.flag-icon-squared {
  background-image: url(../img/flags/1x1/pg.svg); }

.flag-icon-ph {
  background-image: url(../img/flags/4x3/ph.svg); }

.flag-icon-ph.flag-icon-squared {
  background-image: url(../img/flags/1x1/ph.svg); }

.flag-icon-pk {
  background-image: url(../img/flags/4x3/pk.svg); }

.flag-icon-pk.flag-icon-squared {
  background-image: url(../img/flags/1x1/pk.svg); }

.flag-icon-pl {
  background-image: url(../img/flags/4x3/pl.svg); }

.flag-icon-pl.flag-icon-squared {
  background-image: url(../img/flags/1x1/pl.svg); }

.flag-icon-pm {
  background-image: url(../img/flags/4x3/pm.svg); }

.flag-icon-pm.flag-icon-squared {
  background-image: url(../img/flags/1x1/pm.svg); }

.flag-icon-pn {
  background-image: url(../img/flags/4x3/pn.svg); }

.flag-icon-pn.flag-icon-squared {
  background-image: url(../img/flags/1x1/pn.svg); }

.flag-icon-pr {
  background-image: url(../img/flags/4x3/pr.svg); }

.flag-icon-pr.flag-icon-squared {
  background-image: url(../img/flags/1x1/pr.svg); }

.flag-icon-ps {
  background-image: url(../img/flags/4x3/ps.svg); }

.flag-icon-ps.flag-icon-squared {
  background-image: url(../img/flags/1x1/ps.svg); }

.flag-icon-pt {
  background-image: url(../img/flags/4x3/pt.svg); }

.flag-icon-pt.flag-icon-squared {
  background-image: url(../img/flags/1x1/pt.svg); }

.flag-icon-pw {
  background-image: url(../img/flags/4x3/pw.svg); }

.flag-icon-pw.flag-icon-squared {
  background-image: url(../img/flags/1x1/pw.svg); }

.flag-icon-py {
  background-image: url(../img/flags/4x3/py.svg); }

.flag-icon-py.flag-icon-squared {
  background-image: url(../img/flags/1x1/py.svg); }

.flag-icon-qa {
  background-image: url(../img/flags/4x3/qa.svg); }

.flag-icon-qa.flag-icon-squared {
  background-image: url(../img/flags/1x1/qa.svg); }

.flag-icon-re {
  background-image: url(../img/flags/4x3/re.svg); }

.flag-icon-re.flag-icon-squared {
  background-image: url(../img/flags/1x1/re.svg); }

.flag-icon-ro {
  background-image: url(../img/flags/4x3/ro.svg); }

.flag-icon-ro.flag-icon-squared {
  background-image: url(../img/flags/1x1/ro.svg); }

.flag-icon-rs {
  background-image: url(../img/flags/4x3/rs.svg); }

.flag-icon-rs.flag-icon-squared {
  background-image: url(../img/flags/1x1/rs.svg); }

.flag-icon-ru {
  background-image: url(../img/flags/4x3/ru.svg); }

.flag-icon-ru.flag-icon-squared {
  background-image: url(../img/flags/1x1/ru.svg); }

.flag-icon-rw {
  background-image: url(../img/flags/4x3/rw.svg); }

.flag-icon-rw.flag-icon-squared {
  background-image: url(../img/flags/1x1/rw.svg); }

.flag-icon-sa {
  background-image: url(../img/flags/4x3/sa.svg); }

.flag-icon-sa.flag-icon-squared {
  background-image: url(../img/flags/1x1/sa.svg); }

.flag-icon-sb {
  background-image: url(../img/flags/4x3/sb.svg); }

.flag-icon-sb.flag-icon-squared {
  background-image: url(../img/flags/1x1/sb.svg); }

.flag-icon-sc {
  background-image: url(../img/flags/4x3/sc.svg); }

.flag-icon-sc.flag-icon-squared {
  background-image: url(../img/flags/1x1/sc.svg); }

.flag-icon-sd {
  background-image: url(../img/flags/4x3/sd.svg); }

.flag-icon-sd.flag-icon-squared {
  background-image: url(../img/flags/1x1/sd.svg); }

.flag-icon-se {
  background-image: url(../img/flags/4x3/se.svg); }

.flag-icon-se.flag-icon-squared {
  background-image: url(../img/flags/1x1/se.svg); }

.flag-icon-sg {
  background-image: url(../img/flags/4x3/sg.svg); }

.flag-icon-sg.flag-icon-squared {
  background-image: url(../img/flags/1x1/sg.svg); }

.flag-icon-sh {
  background-image: url(../img/flags/4x3/sh.svg); }

.flag-icon-sh.flag-icon-squared {
  background-image: url(../img/flags/1x1/sh.svg); }

.flag-icon-si {
  background-image: url(../img/flags/4x3/si.svg); }

.flag-icon-si.flag-icon-squared {
  background-image: url(../img/flags/1x1/si.svg); }

.flag-icon-sj {
  background-image: url(../img/flags/4x3/sj.svg); }

.flag-icon-sj.flag-icon-squared {
  background-image: url(../img/flags/1x1/sj.svg); }

.flag-icon-sk {
  background-image: url(../img/flags/4x3/sk.svg); }

.flag-icon-sk.flag-icon-squared {
  background-image: url(../img/flags/1x1/sk.svg); }

.flag-icon-sl {
  background-image: url(../img/flags/4x3/sl.svg); }

.flag-icon-sl.flag-icon-squared {
  background-image: url(../img/flags/1x1/sl.svg); }

.flag-icon-sm {
  background-image: url(../img/flags/4x3/sm.svg); }

.flag-icon-sm.flag-icon-squared {
  background-image: url(../img/flags/1x1/sm.svg); }

.flag-icon-sn {
  background-image: url(../img/flags/4x3/sn.svg); }

.flag-icon-sn.flag-icon-squared {
  background-image: url(../img/flags/1x1/sn.svg); }

.flag-icon-so {
  background-image: url(../img/flags/4x3/so.svg); }

.flag-icon-so.flag-icon-squared {
  background-image: url(../img/flags/1x1/so.svg); }

.flag-icon-sr {
  background-image: url(../img/flags/4x3/sr.svg); }

.flag-icon-sr.flag-icon-squared {
  background-image: url(../img/flags/1x1/sr.svg); }

.flag-icon-ss {
  background-image: url(../img/flags/4x3/ss.svg); }

.flag-icon-ss.flag-icon-squared {
  background-image: url(../img/flags/1x1/ss.svg); }

.flag-icon-st {
  background-image: url(../img/flags/4x3/st.svg); }

.flag-icon-st.flag-icon-squared {
  background-image: url(../img/flags/1x1/st.svg); }

.flag-icon-sv {
  background-image: url(../img/flags/4x3/sv.svg); }

.flag-icon-sv.flag-icon-squared {
  background-image: url(../img/flags/1x1/sv.svg); }

.flag-icon-sx {
  background-image: url(../img/flags/4x3/sx.svg); }

.flag-icon-sx.flag-icon-squared {
  background-image: url(../img/flags/1x1/sx.svg); }

.flag-icon-sy {
  background-image: url(../img/flags/4x3/sy.svg); }

.flag-icon-sy.flag-icon-squared {
  background-image: url(../img/flags/1x1/sy.svg); }

.flag-icon-sz {
  background-image: url(../img/flags/4x3/sz.svg); }

.flag-icon-sz.flag-icon-squared {
  background-image: url(../img/flags/1x1/sz.svg); }

.flag-icon-tc {
  background-image: url(../img/flags/4x3/tc.svg); }

.flag-icon-tc.flag-icon-squared {
  background-image: url(../img/flags/1x1/tc.svg); }

.flag-icon-td {
  background-image: url(../img/flags/4x3/td.svg); }

.flag-icon-td.flag-icon-squared {
  background-image: url(../img/flags/1x1/td.svg); }

.flag-icon-tf {
  background-image: url(../img/flags/4x3/tf.svg); }

.flag-icon-tf.flag-icon-squared {
  background-image: url(../img/flags/1x1/tf.svg); }

.flag-icon-tg {
  background-image: url(../img/flags/4x3/tg.svg); }

.flag-icon-tg.flag-icon-squared {
  background-image: url(../img/flags/1x1/tg.svg); }

.flag-icon-th {
  background-image: url(../img/flags/4x3/th.svg); }

.flag-icon-th.flag-icon-squared {
  background-image: url(../img/flags/1x1/th.svg); }

.flag-icon-tj {
  background-image: url(../img/flags/4x3/tj.svg); }

.flag-icon-tj.flag-icon-squared {
  background-image: url(../img/flags/1x1/tj.svg); }

.flag-icon-tk {
  background-image: url(../img/flags/4x3/tk.svg); }

.flag-icon-tk.flag-icon-squared {
  background-image: url(../img/flags/1x1/tk.svg); }

.flag-icon-tl {
  background-image: url(../img/flags/4x3/tl.svg); }

.flag-icon-tl.flag-icon-squared {
  background-image: url(../img/flags/1x1/tl.svg); }

.flag-icon-tm {
  background-image: url(../img/flags/4x3/tm.svg); }

.flag-icon-tm.flag-icon-squared {
  background-image: url(../img/flags/1x1/tm.svg); }

.flag-icon-tn {
  background-image: url(../img/flags/4x3/tn.svg); }

.flag-icon-tn.flag-icon-squared {
  background-image: url(../img/flags/1x1/tn.svg); }

.flag-icon-to {
  background-image: url(../img/flags/4x3/to.svg); }

.flag-icon-to.flag-icon-squared {
  background-image: url(../img/flags/1x1/to.svg); }

.flag-icon-tr {
  background-image: url(../img/flags/4x3/tr.svg); }

.flag-icon-tr.flag-icon-squared {
  background-image: url(../img/flags/1x1/tr.svg); }

.flag-icon-tt {
  background-image: url(../img/flags/4x3/tt.svg); }

.flag-icon-tt.flag-icon-squared {
  background-image: url(../img/flags/1x1/tt.svg); }

.flag-icon-tv {
  background-image: url(../img/flags/4x3/tv.svg); }

.flag-icon-tv.flag-icon-squared {
  background-image: url(../img/flags/1x1/tv.svg); }

.flag-icon-tw {
  background-image: url(../img/flags/4x3/tw.svg); }

.flag-icon-tw.flag-icon-squared {
  background-image: url(../img/flags/1x1/tw.svg); }

.flag-icon-tz {
  background-image: url(../img/flags/4x3/tz.svg); }

.flag-icon-tz.flag-icon-squared {
  background-image: url(../img/flags/1x1/tz.svg); }

.flag-icon-ua {
  background-image: url(../img/flags/4x3/ua.svg); }

.flag-icon-ua.flag-icon-squared {
  background-image: url(../img/flags/1x1/ua.svg); }

.flag-icon-ug {
  background-image: url(../img/flags/4x3/ug.svg); }

.flag-icon-ug.flag-icon-squared {
  background-image: url(../img/flags/1x1/ug.svg); }

.flag-icon-um {
  background-image: url(../img/flags/4x3/um.svg); }

.flag-icon-um.flag-icon-squared {
  background-image: url(../img/flags/1x1/um.svg); }

.flag-icon-us {
  background-image: url(../img/flags/4x3/us.svg); }

.flag-icon-us.flag-icon-squared {
  background-image: url(../img/flags/1x1/us.svg); }

.flag-icon-uy {
  background-image: url(../img/flags/4x3/uy.svg); }

.flag-icon-uy.flag-icon-squared {
  background-image: url(../img/flags/1x1/uy.svg); }

.flag-icon-uz {
  background-image: url(../img/flags/4x3/uz.svg); }

.flag-icon-uz.flag-icon-squared {
  background-image: url(../img/flags/1x1/uz.svg); }

.flag-icon-va {
  background-image: url(../img/flags/4x3/va.svg); }

.flag-icon-va.flag-icon-squared {
  background-image: url(../img/flags/1x1/va.svg); }

.flag-icon-vc {
  background-image: url(../img/flags/4x3/vc.svg); }

.flag-icon-vc.flag-icon-squared {
  background-image: url(../img/flags/1x1/vc.svg); }

.flag-icon-ve {
  background-image: url(../img/flags/4x3/ve.svg); }

.flag-icon-ve.flag-icon-squared {
  background-image: url(../img/flags/1x1/ve.svg); }

.flag-icon-vg {
  background-image: url(../img/flags/4x3/vg.svg); }

.flag-icon-vg.flag-icon-squared {
  background-image: url(../img/flags/1x1/vg.svg); }

.flag-icon-vi {
  background-image: url(../img/flags/4x3/vi.svg); }

.flag-icon-vi.flag-icon-squared {
  background-image: url(../img/flags/1x1/vi.svg); }

.flag-icon-vn {
  background-image: url(../img/flags/4x3/vn.svg); }

.flag-icon-vn.flag-icon-squared {
  background-image: url(../img/flags/1x1/vn.svg); }

.flag-icon-vu {
  background-image: url(../img/flags/4x3/vu.svg); }

.flag-icon-vu.flag-icon-squared {
  background-image: url(../img/flags/1x1/vu.svg); }

.flag-icon-wf {
  background-image: url(../img/flags/4x3/wf.svg); }

.flag-icon-wf.flag-icon-squared {
  background-image: url(../img/flags/1x1/wf.svg); }

.flag-icon-ws {
  background-image: url(../img/flags/4x3/ws.svg); }

.flag-icon-ws.flag-icon-squared {
  background-image: url(../img/flags/1x1/ws.svg); }

.flag-icon-ye {
  background-image: url(../img/flags/4x3/ye.svg); }

.flag-icon-ye.flag-icon-squared {
  background-image: url(../img/flags/1x1/ye.svg); }

.flag-icon-yt {
  background-image: url(../img/flags/4x3/yt.svg); }

.flag-icon-yt.flag-icon-squared {
  background-image: url(../img/flags/1x1/yt.svg); }

.flag-icon-za {
  background-image: url(../img/flags/4x3/za.svg); }

.flag-icon-za.flag-icon-squared {
  background-image: url(../img/flags/1x1/za.svg); }

.flag-icon-zm {
  background-image: url(../img/flags/4x3/zm.svg); }

.flag-icon-zm.flag-icon-squared {
  background-image: url(../img/flags/1x1/zm.svg); }

.flag-icon-zw {
  background-image: url(../img/flags/4x3/zw.svg); }

.flag-icon-zw.flag-icon-squared {
  background-image: url(../img/flags/1x1/zw.svg); }

/* == Layout == */
/* ====================================================
layout.scss

Patterns for layout only, not styling
==================================================== */
body {
  background: #FFFCF5;
  height: 100%; }

html {
  height: 100%; }

img {
  width: 100%; }

.wrapper {
  min-height: 100%;
  position: relative;
  clear: both;
  display: block;
  float: left;
  margin-left: 0;
  width: 100%; }

.content {
  padding-bottom: 25em;
  padding-top: 67.77282px;
  padding-top: 4.2358rem;
  clear: both;
  display: block;
  float: left;
  margin-left: 0;
  width: 100%;
  clear: both;
  margin-bottom: 67.77282px;
  margin-bottom: 4.2358rem; }

.footer-wrapper {
  position: absolute;
  bottom: 0; }

@media only screen and (min-width: 768px) {
  .max {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto; }

  .main--single {
    display: block;
    float: left;
    margin-left: 17.16667%;
    margin-right: -100%;
    width: 65.66667%;
    padding-top: 25.888px;
    padding-top: 1.618rem;
    clear: left; }

  .main--with-sidebar {
    display: block;
    float: left;
    margin-left: 25.75%;
    margin-right: -100%;
    width: 65.66667%;
    padding-top: 41.88678px;
    padding-top: 2.61792rem;
    clear: left; }

  .main--centered {
    display: block;
    float: left;
    margin-left: 25.75%;
    margin-right: -100%;
    width: 48.5%;
    padding-top: 41.88678px;
    padding-top: 2.61792rem;
    clear: left;
    text-align: center; }

  .main--right {
    display: block;
    float: left;
    margin-left: 42.91667%;
    margin-right: -100%;
    width: 48.5%; }

  .main--right--thin {
    display: block;
    float: left;
    margin-left: 51.5%;
    margin-right: -100%;
    width: 39.91667%; }

  .main--right--extrathin {
    display: block;
    float: left;
    margin-left: 68.66667%;
    margin-right: -100%;
    width: 22.75%;
    padding-top: 41.88678px;
    padding-top: 2.61792rem; }

  .main--left {
    display: block;
    float: left;
    margin-left: 8.58333%;
    margin-right: -100%;
    width: 48.5%; }

  .main--left--thin {
    display: block;
    float: left;
    margin-left: 8.58333%;
    margin-right: -100%;
    width: 39.91667%; }

  .main--left--wide {
    display: block;
    float: left;
    margin-left: 8.58333%;
    margin-right: -100%;
    width: 48.5%;
    clear: left;
    padding-top: 41.88678px;
    padding-top: 2.61792rem; }

  .main--full {
    clear: both;
    display: block;
    float: left;
    margin-left: 0;
    width: 100%;
    clear: both; }

  .sidebar {
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 14.16667%;
    clear: left; }

  .sitewide {
    clear: both;
    display: block;
    float: left;
    margin-left: 0;
    width: 100%;
    clear: left; }

  .footer-message, .footer-wrapper {
    clear: both;
    display: block;
    float: left;
    margin-left: 0;
    width: 100%;
    clear: left; }

  .sitewide__inner {
    display: block;
    float: left;
    margin-left: 17.16667%;
    margin-right: -100%;
    width: 65.66667%; }

  .sitewide__inner--with-sidebar {
    display: block;
    float: left;
    margin-left: 25.75%;
    margin-right: -100%;
    width: 65.66667%; }

  .top-bar {
    clear: both;
    display: block;
    float: left;
    margin-left: 0;
    width: 100%; }
    .top-bar .branding {
      display: block;
      float: left;
      margin-left: 0;
      margin-right: -100%;
      width: 14.16667%; }

  .footer {
    clear: both;
    display: block;
    float: left;
    margin-left: 0;
    width: 100%;
    padding-top: 41.88678px;
    padding-top: 2.61792rem;
    padding-bottom: 41.88678px;
    padding-bottom: 2.61792rem; }

  .footer__inner--with-sidebar {
    display: block;
    float: left;
    margin-left: 25.75%;
    margin-right: -100%;
    width: 65.66667%; }

  .footer__inner {
    display: block;
    float: left;
    margin-left: 25.75%;
    margin-right: -100%;
    width: 48.5%; }

  .layout--double {
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 47.71574%; }

  .copyright {
    clear: both;
    display: block;
    float: left;
    margin-left: 0;
    width: 100%; } }
@media only screen and (max-width: 767px) {
  [class*=main], .footer {
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 100.0%;
    clear: both;
    padding-top: 25.888px;
    padding-top: 1.618rem;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 3%;
    padding-right: 3%;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
    padding-bottom: 25.888px;
    padding-bottom: 1.618rem; }

  .main--centered {
    text-align: center; }

  .wrapper, .footer-wrapper, .sidebar, .sitewide, .footer, .copyright, .layout-double, .footer__inner--with-sidebar, .top-bar, .footer-message {
    clear: both;
    display: block;
    float: left;
    margin-left: 0;
    width: 100%; }

  .top-bar .branding {
    display: block;
    float: left;
    margin-left: 0;
    margin-right: -100%;
    width: 31.33333%; } }
/* == Design == */
/* ====================================================
typography.scss

Notes: Basic typography styles (no classes)
==================================================== */
/* == Set up bases on body == */
body {
  font-family: "Muli", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.618;
  color: #323230; }

/* == Heading styling == */
h1 {
  font-size: 34.03301px;
  font-size: 2.12706rem;
  line-height: 1.1;
  margin-bottom: 34.03301px;
  margin-bottom: 2.12706rem;
  font-weight: 300; }

h2 {
  font-size: 25.888px;
  font-size: 1.618rem;
  line-height: 1.1;
  margin-bottom: 21.034px;
  margin-bottom: 1.31463rem;
  font-weight: 300; }

h3 {
  font-size: 21.034px;
  font-size: 1.31463rem;
  line-height: 1.1;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  font-weight: 300; }

h4 {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.1;
  margin-bottom: 13px;
  margin-bottom: 0.8125rem;
  font-weight: 300; }

/* == Paragraphs == */
p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.618;
  margin-bottom: 16px;
  margin-bottom: 1rem; }

/* == Lists == */
li {
  margin-bottom: 13px;
  margin-bottom: 0.8125rem;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.618;
  list-style-position: outside; }

ol, ul {
  margin-bottom: 16px;
  margin-bottom: 1rem;
  padding-left: 25.888px;
  padding-left: 1.618rem; }

/* == Blockquotes == */
blockquote {
  padding-left: 25.888px;
  padding-left: 1.618rem;
  border-left: 6px solid #e5e2dc;
  display: block; }
  blockquote footer p {
    font-style: italic;
    font-size: 13px;
    font-size: 0.8125rem; }

abbr[title] {
  border-bottom: none; }

/* ====================================================
links.scss

Notes: Default link styling (no classes)
==================================================== */
a {
  color: #138C8F;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  text-decoration: none;
  border-bottom: 1px dotted #138C8F; }
  a:hover {
    color: #466E8C;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border-color: #466E8C; }

[class*=action-link], a[class*=action-link] {
  display: block;
  background: #138C8F;
  padding: 9.88875px;
  padding: 0.61805rem;
  color: #FFFCF5;
  border: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  width: 100%;
  margin: 0;
  text-align: center;
  color: #FFFCF5; }
  [class*=action-link]:hover, a[class*=action-link]:hover {
    background: #466E8C;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    color: #FFFCF5; }

.action-link--warning, a.action-link--warning {
  background-color: #D75B36; }
  .action-link--warning:hover, a.action-link--warning:hover {
    background-color: #9E1C10; }

.action-link--primary, a.action-link--primary {
  background-color: #f2efe8;
  color: #138C8F; }
  .action-link--primary:hover, a.action-link--primary:hover {
    background-color: #e5e2dc;
    color: #466E8C; }

.standalone-link {
  margin-top: 34.03301px;
  margin-top: 2.12706rem; }
  .standalone-link a {
    border: none; }

/* ====================================================
forms.scss

Notes: Basic form styles (no classes)
==================================================== */
form {
  text-align: left; }

.form-field {
  margin-bottom: 21.034px;
  margin-bottom: 1.31463rem; }

label, input, select, textarea {
  width: 100%;
  outline: none; }

label {
  color: #666462; }

input[type='text'], input[type='password'], input[type='email'], select, textarea, input[type='url'] {
  font-family: "Muli", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  padding: 13px;
  padding: 0.8125rem;
  background: #FFFCF5;
  border: 1px solid #ccc9c4;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 3px 0 #ccc9c4 inset;
  -moz-box-shadow: 0 1px 3px 0 #ccc9c4 inset;
  box-shadow: 0 1px 3px 0 #ccc9c4 inset;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  margin-bottom: 16px;
  margin-bottom: 1rem;
  display: block;
  line-height: 1.618;
  outline: none; }
  input[type='text']:focus, input[type='password']:focus, input[type='email']:focus, select:focus, textarea:focus, input[type='url']:focus {
    background: #E5EFF0; }

/* == Checkboxes & radio buttons == */
input[type='checkbox'], input[type='radio'] {
  width: auto;
  outline: none; }

label.check {
  width: 100%;
  display: block;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  margin-bottom: 16px;
  margin-bottom: 1rem; }

.options ul {
  border: 1px dotted #ccc9c4;
  padding: 13px;
  padding: 0.8125rem;
  padding-bottom: 0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px; }
  .options ul li {
    list-style: none; }

/* == Help text == */
p.help {
  font-size: 13px;
  font-size: 0.8125rem;
  color: #666462;
  font-style: italic;
  margin-top: -13px;
  margin-top: -0.8125rem; }

/* == Legends == */
legend {
  font-size: 21.034px;
  font-size: 1.31463rem;
  line-height: 1.1;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  font-weight: 300; }

/* == erroring == */
.errorlist {
  padding-left: 0px; }
  .errorlist li {
    list-style: none;
    color: #9E1C10; }

.error input, .error textarea {
  border-color: #9E1C10;
  background: #fce6e4;
  margin-bottom: 9.88875px;
  margin-bottom: 0.61805rem; }
.error label {
  color: #9E1C10; }

.field-error {
  margin-bottom: 16px;
  margin-bottom: 1rem;
  color: #9E1C10;
  font-size: 13px;
  font-size: 0.8125rem;
  display: block; }

/* == search form == */
.search-form input {
  width: 70%;
  float: left;
  -moz-border-radius: 3px 0px 0px 3px;
  -webkit-border-radius: 3px 0px 0px 3px;
  -ms-border-radius: 3px 0px 0px 3px;
  border-radius: 3px 0px 0px 3px; }
.search-form input[type="submit"] {
  width: 30%;
  float: left;
  -moz-border-radius: 0px 3px 3px 0px;
  -webkit-border-radius: 0px 3px 3px 0px;
  -ms-border-radius: 0px 3px 3px 0px;
  border-radius: 0px 3px 3px 0px; }

/* Styling for doorbell form */
#doorbell form {
  background: #FFFCF5;
  -webkit-box-shadow: 2px 2px 2px 0 #ccc9c4;
  -moz-box-shadow: 2px 2px 2px 0 #ccc9c4;
  box-shadow: 2px 2px 2px 0 #ccc9c4; }

#doorbell-background {
  background: #999793; }

/* ====================================================
buttons.scss

Notes: Form buttons and faux button styling
==================================================== */
/* == Form buttons == */
input[type='submit'], [class*=button] a, button {
  display: block;
  font-family: "Muli", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-size: 1rem;
  padding: 13px;
  padding: 0.8125rem;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  margin-bottom: 16px;
  margin-bottom: 1rem;
  background-color: #138C8F;
  /* Safari 4-5, Chrome 1-9 */
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.3)), to(transparent));
  /* Safari 5.1, Chrome 10+ */
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), transparent);
  /* Firefox 3.6+ */
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), transparent);
  /* IE 10 */
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.3), transparent);
  /* Opera 11.10+ */
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), transparent);
  border: 1px solid #138C8F;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 2 0 0 #FFFCF5 inset, 0 1 2 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2 0 0 #FFFCF5 inset, 0 1 2 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 2 0 0 #FFFCF5 inset, 0 1 2 0 rgba(0, 0, 0, 0.1);
  text-transform: uppercase;
  letter-spacing: 0.15em;
  line-height: 1.618;
  color: #FFFCF5;
  -webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  -o-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
  white-space: normal;
  text-align: center; }
  input[type='submit']:hover, [class*=button] a:hover, button:hover {
    background-color: #466E8C;
    border-color: #466E8C;
    /* Safari 4-5, Chrome 1-9 */
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.3)), to(transparent));
    /* Safari 5.1, Chrome 10+ */
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), transparent);
    /* Firefox 3.6+ */
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), transparent);
    /* IE 10 */
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.3), transparent);
    /* Opera 11.10+ */
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), transparent);
    cursor: pointer;
    -webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease; }
  input[type='submit']:active, [class*=button] a:active, button:active {
    background-color: #819C79;
    border-color: #819C79;
    /* Safari 4-5, Chrome 1-9 */
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.3)), to(transparent));
    /* Safari 5.1, Chrome 10+ */
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), transparent);
    /* Firefox 3.6+ */
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), transparent);
    /* IE 10 */
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.3), transparent);
    /* Opera 11.10+ */
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), transparent); }

.button--error a {
  background-color: #9E1C10;
  border-color: #9E1C10;
  /* Safari 4-5, Chrome 1-9 */
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.3)), to(transparent));
  /* Safari 5.1, Chrome 10+ */
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), transparent);
  /* Firefox 3.6+ */
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), transparent);
  /* IE 10 */
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.3), transparent);
  /* Opera 11.10+ */
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), transparent); }

/* == Faux buttons == */
[class*=faux-button] a {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  padding: 16px;
  padding: 1rem;
  font-size: 16px;
  font-size: 1rem;
  border: 2px solid #138C8F;
  color: #138C8F;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  display: block;
  text-align: center;
  background: transparent;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease; }
  [class*=faux-button] a:hover {
    background: #e5e2dc;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease; }
  [class*=faux-button] a:active {
    background: #819C79;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease; }

.faux-button--error a {
  border-color: #9E1C10;
  color: #9E1C10; }

/* ====================================================
sidebar.scss

Notes: Styling for sidebar block
==================================================== */
.sidebar {
  background: #FFFCF5;
  padding-top: 16px;
  padding-top: 1rem;
  border-right: 1px solid #f2efe8; }

.top-bar + .sidebar {
  padding-top: 41.88678px;
  padding-top: 2.61792rem; }

@media only screen and (min-width: 768px) {
  .sidebar {
    padding-bottom: 1000%;
    margin-bottom: -1000%;
    overflow: hidden;
    position: fixed; } 
  /* Menu behaviour using the pure css checkbox method e.g. http://medialoot.com/blog/how-to-create-a-responsive-navigation-menu-using-only-css/*/
  /*Style 'show menu' label button and hide it by default*/
  .show-menu {
      display: none;
      font-size: 21.034px;
      font-size: 1.31463rem;
      position: absolute;
      top: 18px;
      left: 3%;
      cursor: pointer;
      width: auto; }

  /*Hide checkbox*/
  input[type=checkbox]#show-menu {
      display: none; }

  /*Show menu when invisible checkbox is checked*/
  input[type=checkbox]#show-menu:checked ~ #menu {
      display: block; }
}


@media only screen and (max-width: 767px) {
  .sidebar {
    position: relative;
    border-bottom: 1px solid #f2efe8; }

  #menu {
    display: none; }
    #menu ul {
      margin-bottom: 0; }

  .sidebar {
    /*Display 'show menu' link*/ }
    .sidebar .show-menu {
      display: block; }

  .top-bar + .sidebar .show-menu {
    position: fixed;
    top: 0;
    left: 90px;
    z-index: 1500;
    padding: 9.88875px;
    padding: 0.61805rem; } }
/* ====================================================
branding.scss

Notes: For brand specific elements such as logo
==================================================== */
.brand {
  text-transform: uppercase;
  letter-spacing: 0.15em;
  border-bottom: none;
  color: #323230;
  text-align: center;
  display: block;
  padding-bottom: 41.88678px;
  padding-bottom: 2.61792rem;
  padding-top: 25.888px;
  padding-top: 1.618rem; }
  .brand sup {
    vertical-align: super;
    font-size: 0.62em; }

[class*=logo] {
  display: block;
  height: 177.42408px;
  height: 11.08901rem;
  text-indent: -9999em;
  overflow: hidden;
  border-bottom: none;
  margin-bottom: 41.88678px;
  margin-bottom: 2.61792rem;
  background: url(../img/logo--on-light.svg) no-repeat center top;
  background-size: contain; }

.logo--on-dark {
  background: url(../img/logo--on-black.svg) no-repeat center top;
  background-size: contain; }

.logo--hf {
  background: url(../img/logo--hf.svg) no-repeat center top;
  background-size: contain;
  width: 41.88678px;
  width: 2.61792rem;
  height: 41.88678px;
  height: 2.61792rem;
  display: inline-block;
  padding: 0;
  margin: 0;
  margin-right: 16px;
  margin-right: 1rem;
  vertical-align: middle; }

@media only screen and (max-width: 767px) {
  [class*=logo] {
    height: 125px; }

  .logo--hf {
    height: 41.88678px;
    height: 2.61792rem; }

  .logo--on-dark, .logo {
    background: url(../img/logo--no-writing.svg) no-repeat center top;
    height: 41.88678px;
    height: 2.61792rem;
    background-size: auto 100%;
    padding: 0;
    margin-bottom: 9.88875px;
    margin-bottom: 0.61805rem;
    width: 50%;
    margin-left: 25%; } }
.no-svg .logo--hf {
  background: url(../img/logo--hf.png) no-repeat center top; }

/* ====================================================
lists.scss

Notes: Basic list styling is in typography.scss 
- this is for list components
==================================================== */
[class*=link-list] {
  padding-left: 0;
  border-top: 1px solid #f2efe8; }
  [class*=link-list] li {
    list-style: none;
    margin-bottom: 0;
    font-size: 13px;
    font-size: 0.8125rem; }
    [class*=link-list] li a {
      display: block;
      padding-bottom: 13px;
      padding-bottom: 0.8125rem;
      padding-top: 13px;
      padding-top: 0.8125rem;
      border-bottom-style: solid;
      padding-left: 8.03461px;
      padding-left: 0.50216rem;
      padding-right: 8.03461px;
      padding-right: 0.50216rem;
      border-color: #f2efe8; }
      [class*=link-list] li a:hover {
        background: #f2efe8; }
  [class*=link-list] .active a {
    background: #f2efe8;
    color: #666462;
    cursor: default; }

.link-list--on-dark {
  border-color: #4c4b49; }
  .link-list--on-dark li a {
    color: #FFFCF5;
    border-color: #4c4b49;
    -webkit-transition: all 0.5s ease, background-color 0.5s ease;
    -moz-transition: all 0.5s ease, background-color 0.5s ease;
    -o-transition: all 0.5s ease, background-color 0.5s ease;
    transition: all 0.5s ease, background-color 0.5s ease;
    background: transparent; }
    .link-list--on-dark li a:hover {
      color: #D75B36;
      background-color: #191918;
      -webkit-transition: all 0.5s ease, background-color 0.5s ease;
      -moz-transition: all 0.5s ease, background-color 0.5s ease;
      -o-transition: all 0.5s ease, background-color 0.5s ease;
      transition: all 0.5s ease, background-color 0.5s ease; }
  .link-list--on-dark .active a {
    background: #191918;
    color: #999793;
    cursor: default; }

.link-list--on-medium {
  border-color: #FFFCF5; }
  .link-list--on-medium a {
    color: #138C8F;
    border-color: #FFFCF5;
    -webkit-transition: all 0.5s ease, background-color 0.5s ease;
    -moz-transition: all 0.5s ease, background-color 0.5s ease;
    -o-transition: all 0.5s ease, background-color 0.5s ease;
    transition: all 0.5s ease, background-color 0.5s ease;
    background: transparent; }
    .link-list--on-medium a:hover {
      color: #466E8C;
      background-color: #E5EFF0;
      -webkit-transition: all 0.5s ease, background-color 0.5s ease;
      -moz-transition: all 0.5s ease, background-color 0.5s ease;
      -o-transition: all 0.5s ease, background-color 0.5s ease;
      transition: all 0.5s ease, background-color 0.5s ease; }
  .link-list--on-medium .active a {
    background: #e5e2dc;
    color: #666462;
    cursor: default; }

[class*=block-list] {
  padding: 0;
  text-align: left; }
  [class*=block-list] li {
    display: block;
    float: left;
    list-style: none;
    border: 1px solid #e5e2dc;
    padding: 0;
    width: 100%;
    overflow: hidden; }
    [class*=block-list] li span.twooffour {
      width: 50%;
      -webkit-box-sizing: border-box;
      /* Safari/Chrome, other WebKit */
      -moz-box-sizing: border-box;
      /* Firefox, other Gecko */
      box-sizing: border-box;
      /* Opera/IE 8+ */
      padding: 9.88875px;
      padding: 0.61805rem;
      display: block;
      float: left; }
    [class*=block-list] li span.oneoffour {
      width: 25%;
      padding: 9.88875px;
      padding: 0.61805rem;
      -webkit-box-sizing: border-box;
      /* Safari/Chrome, other WebKit */
      -moz-box-sizing: border-box;
      /* Firefox, other Gecko */
      box-sizing: border-box;
      /* Opera/IE 8+ */
      display: block;
      float: left; }
    [class*=block-list] li span.threeoffour {
      width: 75%;
      padding: 9.88875px;
      padding: 0.61805rem;
      -webkit-box-sizing: border-box;
      /* Safari/Chrome, other WebKit */
      -moz-box-sizing: border-box;
      /* Firefox, other Gecko */
      box-sizing: border-box;
      /* Opera/IE 8+ */
      display: block;
      float: left; }
    [class*=block-list] li span.oneoffive {
      width: 20%;
      padding: 9.88875px;
      padding: 0.61805rem;
      -webkit-box-sizing: border-box;
      /* Safari/Chrome, other WebKit */
      -moz-box-sizing: border-box;
      /* Firefox, other Gecko */
      box-sizing: border-box;
      /* Opera/IE 8+ */
      display: block;
      float: left; }
    [class*=block-list] li span.twooffive {
      width: 40%;
      padding: 9.88875px;
      padding: 0.61805rem;
      -webkit-box-sizing: border-box;
      /* Safari/Chrome, other WebKit */
      -moz-box-sizing: border-box;
      /* Firefox, other Gecko */
      box-sizing: border-box;
      /* Opera/IE 8+ */
      display: block;
      float: left; }
    [class*=block-list] li span.threeoffive {
      width: 60%;
      padding: 9.88875px;
      padding: 0.61805rem;
      -webkit-box-sizing: border-box;
      /* Safari/Chrome, other WebKit */
      -moz-box-sizing: border-box;
      /* Firefox, other Gecko */
      box-sizing: border-box;
      /* Opera/IE 8+ */
      display: block;
      float: left; }
    [class*=block-list] li span.fouroffive {
      width: 80%;
      padding: 9.88875px;
      padding: 0.61805rem;
      -webkit-box-sizing: border-box;
      /* Safari/Chrome, other WebKit */
      -moz-box-sizing: border-box;
      /* Firefox, other Gecko */
      box-sizing: border-box;
      /* Opera/IE 8+ */
      display: block;
      float: left; }
    [class*=block-list] li span.oneofone {
      width: 100%;
      padding: 9.88875px;
      padding: 0.61805rem;
      -webkit-box-sizing: border-box;
      /* Safari/Chrome, other WebKit */
      -moz-box-sizing: border-box;
      /* Firefox, other Gecko */
      box-sizing: border-box;
      /* Opera/IE 8+ */
      display: block;
      float: left; }
    [class*=block-list] li span.has-subs {
      padding: 0; }
    [class*=block-list] li span.action {
      padding: 0;
      height: 100%;
      background: black; }
      [class*=block-list] li span.action a {
        padding-bottom: 1000%;
        margin-bottom: -1000%;
        overflow: hidden; }
    [class*=block-list] li span.marker {
      background: #f2efe8;
      text-align: center; }
    [class*=block-list] li .supporting {
      font-size: 13px;
      font-size: 0.8125rem;
      font-style: italic;
      line-height: 1.99138; }
    [class*=block-list] li .small {
      line-height: 1.99138; }

.block-list--primary li {
  background: #f2efe8; }

.block-list--block-links li {
  border: none; }
  .block-list--block-links li a.block {
    border: 1px solid #138C8F;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
    display: block;
    float: left;
    width: 100%; }
    .block-list--block-links li a.block:hover {
      border-color: #466E8C; }
  .block-list--block-links li:hover .action-link {
    background-color: #466E8C; }

@media only screen and (max-width: 767px) {
  [class*=block-list] {
    text-align: center; }
    [class*=block-list] li span.oneoffour, [class*=block-list] li span.twooffour, [class*=block-list] li span.threeoffour, [class*=block-list] li span.oneoffive, [class*=block-list] li span.twooffive, [class*=block-list] li span.threeoffive, [class*=block-list] li span.fouroffive {
      width: 100%;
      clear: left; }
    [class*=block-list] li span.action a {
      padding-bottom: 9.88875px;
      padding-bottom: 0.61805rem;
      margin-bottom: 0; } }
/* ====================================================
containers.scss

Notes: This is for styling of containers to be used with 
various elements e.g. forms, text boxes. It does not 
deal with grid layout - that should come from layout.scss
==================================================== */
[class*=container] {
  border: 1px solid #e5e2dc;
  padding: 13px;
  padding: 0.8125rem;
  padding-bottom: 0;
  margin-bottom: 13px;
  margin-bottom: 0.8125rem;
  background: #FFFCF5;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  display: block; }
  [class*=container] .border {
    border-color: #f2efe8; }

body[class*=container] {
  padding: 0;
  margin: 0; }

/* Use theme mapping to get relevant values for modified containers (from global/themes.scss) */
.container--primary {
  background: #f2efe8;
  border-color: #e5e2dc; }
  .container--primary .border {
    border-color: #e5e2dc; }
  .container--primary .button a, .container--primary .button a:visited {
    color: #FFFCF5;
    border-color: #138C8F; }
    .container--primary .button a:hover, .container--primary .button a:visited:hover {
      border-color: #466E8C; }
  .container--primary a[class*=action-link], .container--primary a:visited[class*=action-link] {
    color: #FFFCF5; }
  .container--primary [class*=link-list] {
    border-color: #e5e2dc; }
    .container--primary [class*=link-list] li a, .container--primary [class*=link-list] li a:visited {
      border-color: #e5e2dc; }
      .container--primary [class*=link-list] li a:hover, .container--primary [class*=link-list] li a:visited:hover {
        background-color: #e5e2dc; }
  .container--primary [class*=faux-button] a:hover {
    background-color: #e5e2dc; }

a.container--primary:hover {
  background-color: #e5e2dc; }

.container--emphasis {
  background: #323230;
  color: #FFFCF5;
  border-color: #191918; }
  .container--emphasis .border {
    border-color: #191918; }
  .container--emphasis a, .container--emphasis a:visited {
    color: #89c4c2;
    border-color: #89c4c2; }
    .container--emphasis a:hover, .container--emphasis a:visited:hover {
      color: #FFFCF5;
      border-color: #FFFCF5; }
  .container--emphasis .button a, .container--emphasis .button a:visited {
    color: #FFFCF5;
    border-color: #138C8F; }
    .container--emphasis .button a:hover, .container--emphasis .button a:visited:hover {
      border-color: #466E8C; }
  .container--emphasis a[class*=action-link], .container--emphasis a:visited[class*=action-link] {
    color: #FFFCF5; }
  .container--emphasis [class*=link-list] {
    border-color: #191918; }
    .container--emphasis [class*=link-list] li a, .container--emphasis [class*=link-list] li a:visited {
      border-color: #191918; }
      .container--emphasis [class*=link-list] li a:hover, .container--emphasis [class*=link-list] li a:visited:hover {
        background-color: #191918; }
  .container--emphasis [class*=faux-button] a:hover {
    background-color: #191918; }

a.container--emphasis:hover {
  color: #FFFCF5;
  background-color: #191918; }

.container--success {
  background: #819C79;
  color: #FFFCF5;
  border-color: #73916b; }
  .container--success .border {
    border-color: #73916b; }
  .container--success a, .container--success a:visited {
    color: #FFFCF5;
    border-color: #FFFCF5; }
    .container--success a:hover, .container--success a:visited:hover {
      color: #ccc9c4;
      border-color: #ccc9c4; }
  .container--success .button a, .container--success .button a:visited {
    color: #FFFCF5;
    border-color: #138C8F; }
    .container--success .button a:hover, .container--success .button a:visited:hover {
      border-color: #466E8C; }
  .container--success a[class*=action-link], .container--success a:visited[class*=action-link] {
    color: #FFFCF5; }
  .container--success [class*=link-list] {
    border-color: #73916b; }
    .container--success [class*=link-list] li a, .container--success [class*=link-list] li a:visited {
      border-color: #73916b; }
      .container--success [class*=link-list] li a:hover, .container--success [class*=link-list] li a:visited:hover {
        background-color: #73916b; }
  .container--success [class*=faux-button] a:hover {
    background-color: #73916b; }

a.container--success:hover {
  color: #ccc9c4;
  background-color: #73916b; }

.container--warning {
  background: #D75B36;
  color: #FFFCF5;
  border-color: #cb4e28; }
  .container--warning .border {
    border-color: #cb4e28; }
  .container--warning a, .container--warning a:visited {
    color: #FFFCF5;
    border-color: #FFFCF5; }
    .container--warning a:hover, .container--warning a:visited:hover {
      color: #ccc9c4;
      border-color: #ccc9c4; }
  .container--warning .button a, .container--warning .button a:visited {
    color: #FFFCF5;
    border-color: #138C8F; }
    .container--warning .button a:hover, .container--warning .button a:visited:hover {
      border-color: #466E8C; }
  .container--warning a[class*=action-link], .container--warning a:visited[class*=action-link] {
    color: #FFFCF5; }
  .container--warning [class*=link-list] {
    border-color: #cb4e28; }
    .container--warning [class*=link-list] li a, .container--warning [class*=link-list] li a:visited {
      border-color: #cb4e28; }
      .container--warning [class*=link-list] li a:hover, .container--warning [class*=link-list] li a:visited:hover {
        background-color: #cb4e28; }
  .container--warning [class*=faux-button] a:hover {
    background-color: #cb4e28; }

a.container--warning:hover {
  color: #ccc9c4;
  background-color: #cb4e28; }

.container--error {
  background: #9E1C10;
  color: #FFFCF5;
  border-color: #87180e; }
  .container--error .border {
    border-color: #87180e; }
  .container--error a, .container--error a:visited {
    color: #FFFCF5;
    border-color: #FFFCF5; }
    .container--error a:hover, .container--error a:visited:hover {
      color: #ccc9c4;
      border-color: #ccc9c4; }
  .container--error .button a, .container--error .button a:visited {
    color: #FFFCF5;
    border-color: #138C8F; }
    .container--error .button a:hover, .container--error .button a:visited:hover {
      border-color: #466E8C; }
  .container--error a[class*=action-link], .container--error a:visited[class*=action-link] {
    color: #FFFCF5; }
  .container--error [class*=link-list] {
    border-color: #87180e; }
    .container--error [class*=link-list] li a, .container--error [class*=link-list] li a:visited {
      border-color: #87180e; }
      .container--error [class*=link-list] li a:hover, .container--error [class*=link-list] li a:visited:hover {
        background-color: #87180e; }
  .container--error [class*=faux-button] a:hover {
    background-color: #87180e; }

a.container--error:hover {
  color: #ccc9c4;
  background-color: #87180e; }

.container--subtle {
  background: #E5EFF0;
  border-color: #d5e5e7; }
  .container--subtle .border {
    border-color: #d5e5e7; }
  .container--subtle .button a, .container--subtle .button a:visited {
    color: #FFFCF5;
    border-color: #138C8F; }
    .container--subtle .button a:hover, .container--subtle .button a:visited:hover {
      border-color: #466E8C; }
  .container--subtle a[class*=action-link], .container--subtle a:visited[class*=action-link] {
    color: #FFFCF5; }
  .container--subtle [class*=link-list] {
    border-color: #d5e5e7; }
    .container--subtle [class*=link-list] li a, .container--subtle [class*=link-list] li a:visited {
      border-color: #d5e5e7; }
      .container--subtle [class*=link-list] li a:hover, .container--subtle [class*=link-list] li a:visited:hover {
        background-color: #d5e5e7; }
  .container--subtle [class*=faux-button] a:hover {
    background-color: #E5EFF0; }

a.container--subtle:hover {
  background-color: #E5EFF0; }

.container--link {
  background: #138C8F;
  color: #FFFCF5;
  border-color: #107678; }
  .container--link .border {
    border-color: #107678; }
  .container--link a, .container--link a:visited {
    color: #FFFCF5;
    border-color: #FFFCF5; }
    .container--link a:hover, .container--link a:visited:hover {
      color: #FFFCF5;
      border-color: #FFFCF5; }
  .container--link .button a, .container--link .button a:visited {
    color: #FFFCF5;
    border-color: #138C8F; }
    .container--link .button a:hover, .container--link .button a:visited:hover {
      border-color: #466E8C; }
  .container--link a[class*=action-link], .container--link a:visited[class*=action-link] {
    color: #FFFCF5; }
  .container--link [class*=link-list] {
    border-color: #107678; }
    .container--link [class*=link-list] li a, .container--link [class*=link-list] li a:visited {
      border-color: #107678; }
      .container--link [class*=link-list] li a:hover, .container--link [class*=link-list] li a:visited:hover {
        background-color: #107678; }
  .container--link [class*=faux-button] a:hover {
    background-color: #466E8C; }

a.container--link:hover {
  color: #FFFCF5;
  background-color: #466E8C; }

.container--transparent {
  background: rgba(255, 252, 245, 0.8); }
  .container--transparent .button a, .container--transparent .button a:visited {
    color: #FFFCF5;
    border-color: #138C8F; }
    .container--transparent .button a:hover, .container--transparent .button a:visited:hover {
      border-color: #466E8C; }
  .container--transparent a[class*=action-link], .container--transparent a:visited[class*=action-link] {
    color: #FFFCF5; }

.container--image--logging {
  background: url(../img/logging.jpg) center center no-repeat;
  background-size: cover;
  border: 6px solid #FFFCF5; }

.container--image--register {
  background: url(../img/register.jpg) center center no-repeat;
  background-size: cover;
  border: 6px solid #FFFCF5; }

.container--image--404 {
  background: url(../img/404.jpg) center center no-repeat;
  background-size: cover;
  border: 6px solid #FFFCF5; }

.container--image--500 {
  background: url(../img/500.jpg) center center no-repeat;
  background-size: cover;
  border: 6px solid #FFFCF5; }

/* ====================================================
dividers.scss

Notes: Styles for <hr />
==================================================== */
hr {
  background: #f2efe8;
  height: 1px;
  border: 0;
  margin-bottom: 41.88678px;
  margin-bottom: 2.61792rem;
  margin-top: 25.888px;
  margin-top: 1.618rem; }

/*
* jQuery Mobile v1.4.3
* http://jquerymobile.com
*
* Copyright 2010, 2014 jQuery Foundation, Inc. and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
*/
/* Some unsets */
.ui-mobile,
.ui-mobile body {
  height: 99.9%; }

.ui-mobile fieldset,
.ui-page {
  padding: 0;
  margin: 0; }

.ui-mobile a img,
.ui-mobile fieldset {
  border-width: 0; }

/* Fixes for fieldset issues on IE10 and FF (see #6077) */
.ui-mobile fieldset {
  min-width: 0; }

@-moz-document url-prefix() {
  .ui-mobile fieldset {
    display: table-column;
    vertical-align: middle; } }
/* Viewport */
.ui-mobile-viewport {
  margin: 0;
  overflow-x: visible;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: none;
  -webkit-tap-highlight-color: transparent; }

/* Issue #2066 */
body.ui-mobile-viewport,
div.ui-mobile-viewport {
  overflow-x: hidden; }

/* "page" containers - full-screen views, one should always be in view post-pageload */
.ui-mobile [data-role=page],
.ui-mobile [data-role=dialog],
.ui-page {
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  position: absolute;
  display: none;
  border: 0; }

/* On ios4, setting focus on the page element causes flashing during transitions when there is an outline, so we turn off outlines */
.ui-page {
  outline: none; }

.ui-mobile .ui-page-active {
  display: block;
  overflow: visible;
  overflow-x: hidden; }

@media screen and (orientation: portrait) {
  .ui-mobile .ui-page {
    min-height: 420px; } }
@media screen and (orientation: landscape) {
  .ui-mobile .ui-page {
    min-height: 300px; } }
/* Fouc */
.ui-mobile-rendering > * {
  visibility: hidden; }

/* Non-js content hiding */
.ui-nojs {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px); }

/* Loading screen */
.ui-loading .ui-loader {
  display: block; }

.ui-loader {
  display: none;
  z-index: 9999999;
  position: fixed;
  top: 50%;
  left: 50%;
  border: 0; }

.ui-loader-default {
  background: none;
  filter: Alpha(Opacity=18);
  opacity: .18;
  width: 2.875em;
  height: 2.875em;
  margin-left: -1.4375em;
  margin-top: -1.4375em; }

.ui-loader-verbose {
  width: 12.5em;
  filter: Alpha(Opacity=88);
  opacity: .88;
  box-shadow: 0 1px 1px -1px #fff;
  height: auto;
  margin-left: -6.875em;
  margin-top: -2.6875em;
  padding: .625em; }

.ui-loader-default h1 {
  font-size: 0;
  width: 0;
  height: 0;
  overflow: hidden; }

.ui-loader-verbose h1 {
  font-size: 1em;
  margin: 0;
  text-align: center; }

.ui-loader .ui-icon-loading {
  background-color: #000;
  display: block;
  margin: 0;
  width: 2.75em;
  height: 2.75em;
  padding: .0625em;
  -webkit-border-radius: 2.25em;
  border-radius: 2.25em; }

.ui-loader-verbose .ui-icon-loading {
  margin: 0 auto .625em;
  filter: Alpha(Opacity=75);
  opacity: .75; }

.ui-loader-textonly {
  padding: .9375em;
  margin-left: -7.1875em; }

.ui-loader-textonly .ui-icon-loading {
  display: none; }

.ui-loader-fakefix {
  position: absolute; }

/* Headers, content panels */
.ui-bar,
.ui-body {
  position: relative;
  padding: .4em 1em;
  overflow: hidden;
  display: block;
  clear: both; }

.ui-bar h1,
.ui-bar h2,
.ui-bar h3,
.ui-bar h4,
.ui-bar h5,
.ui-bar h6 {
  margin: 0;
  padding: 0;
  font-size: 1em;
  display: inline-block; }

.ui-header,
.ui-footer {
  border-width: 1px 0;
  border-style: solid;
  position: relative; }

.ui-header:empty,
.ui-footer:empty {
  min-height: 2.6875em; }

.ui-header .ui-title,
.ui-footer .ui-title {
  font-size: 1em;
  min-height: 1.1em;
  text-align: center;
  display: block;
  margin: 0 30%;
  padding: .7em 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  outline: 0 !important; }

.ui-footer .ui-title {
  margin: 0 1em; }

.ui-content {
  border-width: 0;
  overflow: visible;
  overflow-x: hidden;
  padding: 1em; }

/* Corner styling for dialogs and popups */
.ui-corner-all > .ui-header:first-child,
.ui-corner-all > .ui-content:first-child,
.ui-corner-all > .ui-footer:first-child {
  -webkit-border-top-left-radius: inherit;
  border-top-left-radius: inherit;
  -webkit-border-top-right-radius: inherit;
  border-top-right-radius: inherit; }

.ui-corner-all > .ui-header:last-child,
.ui-corner-all > .ui-content:last-child,
.ui-corner-all > .ui-footer:last-child {
  -webkit-border-bottom-left-radius: inherit;
  border-bottom-left-radius: inherit;
  -webkit-border-bottom-right-radius: inherit;
  border-bottom-right-radius: inherit; }

/* Buttons and icons */
.ui-btn {
  font-size: 16px;
  margin: .5em 0;
  padding: .7em 1em;
  display: block;
  position: relative;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.ui-btn-icon-notext,
.ui-header button.ui-btn.ui-btn-icon-notext,
.ui-footer button.ui-btn.ui-btn-icon-notext {
  padding: 0;
  width: 1.75em;
  height: 1.75em;
  text-indent: -9999px;
  white-space: nowrap !important; }

.ui-mini {
  font-size: 12.5px; }

.ui-mini .ui-btn {
  font-size: inherit; }

/* Make buttons in toolbars default to mini and inline. */
.ui-header .ui-btn,
.ui-footer .ui-btn {
  font-size: 12.5px;
  display: inline-block;
  vertical-align: middle; }

.ui-header .ui-controlgroup .ui-btn-icon-notext,
.ui-footer .ui-controlgroup .ui-btn-icon-notext {
  font-size: 12.5px; }

/* To ensure same top and left/right position when ui-btn-left/right are added to something other than buttons. */
.ui-header .ui-btn-left,
.ui-header .ui-btn-right {
  font-size: 12.5px; }

.ui-mini.ui-btn-icon-notext,
.ui-mini .ui-btn-icon-notext,
.ui-header .ui-btn-icon-notext,
.ui-footer .ui-btn-icon-notext {
  font-size: 16px;
  padding: 0; }

.ui-btn-inline {
  display: inline-block;
  vertical-align: middle;
  margin-right: .625em; }

.ui-btn-icon-left {
  padding-left: 2.5em; }

.ui-btn-icon-right {
  padding-right: 2.5em; }

.ui-btn-icon-top {
  padding-top: 2.5em; }

.ui-btn-icon-bottom {
  padding-bottom: 2.5em; }

.ui-header .ui-btn-icon-top,
.ui-footer .ui-btn-icon-top,
.ui-header .ui-btn-icon-bottom,
.ui-footer .ui-btn-icon-bottom {
  padding-left: .3125em;
  padding-right: .3125em; }

.ui-btn-icon-left:after,
.ui-btn-icon-right:after,
.ui-btn-icon-top:after,
.ui-btn-icon-bottom:after,
.ui-btn-icon-notext:after {
  content: "";
  position: absolute;
  display: block;
  width: 22px;
  height: 22px; }

.ui-btn-icon-notext:after,
.ui-btn-icon-left:after,
.ui-btn-icon-right:after {
  top: 50%;
  margin-top: -11px; }

.ui-btn-icon-left:after {
  left: .5625em; }

.ui-btn-icon-right:after {
  right: .5625em; }

.ui-mini.ui-btn-icon-left:after,
.ui-mini .ui-btn-icon-left:after,
.ui-header .ui-btn-icon-left:after,
.ui-footer .ui-btn-icon-left:after {
  left: .37em; }

.ui-mini.ui-btn-icon-right:after,
.ui-mini .ui-btn-icon-right:after,
.ui-header .ui-btn-icon-right:after,
.ui-footer .ui-btn-icon-right:after {
  right: .37em; }

.ui-btn-icon-notext:after,
.ui-btn-icon-top:after,
.ui-btn-icon-bottom:after {
  left: 50%;
  margin-left: -11px; }

.ui-btn-icon-top:after {
  top: .5625em; }

.ui-btn-icon-bottom:after {
  top: auto;
  bottom: .5625em; }

/* Buttons in header position classes */
.ui-header .ui-btn-left,
.ui-header .ui-btn-right,
.ui-btn-left > [class*="ui-"],
.ui-btn-right > [class*="ui-"] {
  margin: 0; }

.ui-btn-left,
.ui-btn-right {
  position: absolute;
  top: .24em; }

.ui-btn-left {
  left: .4em; }

.ui-btn-right {
  right: .4em; }

.ui-btn-icon-notext.ui-btn-left {
  top: .3125em;
  left: .3125em; }

.ui-btn-icon-notext.ui-btn-right {
  top: .3125em;
  right: .3125em; }

/* Button elements */
button.ui-btn,
.ui-controlgroup-controls button.ui-btn-icon-notext {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%; }

button.ui-btn-inline,
.ui-header button.ui-btn,
.ui-footer button.ui-btn {
  width: auto; }

/* Firefox adds a 1px border in a button element. We negate this to make sure they have the same height as other buttons in controlgroups. */
button.ui-btn::-moz-focus-inner {
  border: 0; }

button.ui-btn-icon-notext,
.ui-controlgroup-horizontal .ui-controlgroup-controls button.ui-btn {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 1.75em; }

/* Form labels */
.ui-mobile label,
.ui-controlgroup-label {
  display: block;
  margin: 0 0 .4em; }

/* Accessible content hiding */
/* ui-hide-label deprecated in 1.4. TODO: Remove in 1.5 */
.ui-hide-label > label,
.ui-hide-label .ui-controlgroup-label,
.ui-hide-label .ui-rangeslider label,
.ui-hidden-accessible {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px); }

/* Used for hiding elements by the filterable widget. You can also use this class to hide list items or buttons in controlgroups; this ensures correct corner styling. */
.ui-screen-hidden {
  display: none !important; }

.ui-flipswitch {
  display: inline-block;
  vertical-align: middle;
  width: 5.875em;
  /* Override this and padding-left in next rule if you use labels other than "on/off" and need more space */
  height: 1.875em;
  border-width: 1px;
  border-style: solid;
  margin: .5em 0;
  overflow: hidden;
  -webkit-transition-property: padding, width, background-color, color, border-color;
  -moz-transition-property: padding, width, background-color, color, border-color;
  -o-transition-property: padding, width, background-color, color, border-color;
  transition-property: padding, width, background-color, color, border-color;
  -webkit-transition-duration: 100ms;
  -moz-transition-duration: 100ms;
  -o-transition-duration: 100ms;
  transition-duration: 100ms;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer; }

.ui-flipswitch.ui-flipswitch-active {
  padding-left: 4em;
  /* Override this and width in previous rule if you use labels other than "on/off" and need more space */
  width: 1.875em; }

.ui-flipswitch-input {
  position: absolute;
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  border: 0;
  outline: 0;
  filter: Alpha(Opacity=0);
  opacity: 0; }

.ui-flipswitch .ui-btn.ui-flipswitch-on,
.ui-flipswitch .ui-flipswitch-off {
  float: left;
  height: 1.75em;
  margin: .0625em;
  line-height: 1.65em; }

.ui-flipswitch .ui-btn.ui-flipswitch-on {
  width: 1.75em;
  padding: 0;
  text-indent: -2.6em;
  /* Override this to center text if you use a label other than "on" */
  text-align: left;
  border-width: 1px;
  border-style: solid;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: inherit;
  overflow: visible;
  color: inherit;
  text-shadow: inherit; }

.ui-flipswitch .ui-flipswitch-off {
  padding: 1px;
  text-indent: 1em;
  /* Override this to center text if you use a label other than "off" */ }

/* Override field container CSS to prevent the flipswitch from becomming full width */
html .ui-field-contain > label + .ui-flipswitch,
html .ui-popup .ui-field-contain > label + .ui-flipswitch {
  display: inline-block;
  width: 5.875em;
  /* If you override the width for .ui-flipswitch you should repeat the same value here */
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.ui-field-contain .ui-flipswitch.ui-flipswitch-active,
.ui-popup .ui-field-contain .ui-flipswitch.ui-flipswitch-active {
  width: 1.875em; }

/* Custom styling */
.ui-flipswitch {
  background: #E5EFF0;
  border: 1px solid #ccc9c4;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
  text-transform: uppercase;
  display: inline-block; }
  .ui-flipswitch .ui-btn {
    background: #ccc9c4;
    border: 1px solid #ccc9c4;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%; }

.ui-flipswitch-active {
  background: #819C79;
  color: #FFFCF5; }

label.uses-flipswitch {
  display: inline-block; }

@media only screen and (min-width: 768px) {
  label.uses-flipswitch {
    width: 80%; } }
/* ====================================================
footer.scss

Styles for footer across sites
==================================================== */
.footer-wrapper {
  height: 25em;
  background: #e5e2dc; }

.footer {
    background: #191918;
    color: #FFFCF5; }

[class*=footer__inner] {
  text-align: center; }

.copyright p {
  font-size: 13px;
  font-size: 0.8125rem;
  color: #ccc9c4;
  vertical-align: middle;
  display: inline-block; }

.copyright {
  padding-top: 16px;
  padding-top: 1rem; }

[class*=footer-message] {
  background: #f2efe8;
  color: #D75B36;
  text-align: center;
  padding-top: 16px;
  padding-top: 1rem; }

/* ====================================================
landing-page.scss

Notes: Styles specific to the String landing page and the roadmap
==================================================== */
body.landing {
  border: 6px solid #FFFCF5; }
  body.landing .footer {
    margin-top: 0; }

[class*=landing-section] {
  width: 100%;
  float: left;
  padding-bottom: 67.77282px;
  padding-bottom: 4.2358rem;
  padding-top: 67.77282px;
  padding-top: 4.2358rem; }
  [class*=landing-section][class*=container] {
    margin-bottom: 0; }

.landing-section--hero {
  background: url(../img/hero.jpg) bottom center no-repeat;
  background-size: cover;
  padding-top: 13px;
  padding-top: 0.8125rem;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 3%;
  padding-right: 3%;
  border-bottom: 6px solid #e5e2dc; }

.fashion .landing-section--hero {
  background-image: url(../img/hero-fashion.jpg); }

.preciousmetals .landing-section--hero {
  background-color: #191918;
  background-image: url(../img/hero-preciousmetals.jpg); }
  .preciousmetals .landing-section--hero .brand {
    color: #FFFCF5; }
  .preciousmetals .landing-section--hero a {
    color: #89c4c2;
    border-color: #89c4c2; }
    .preciousmetals .landing-section--hero a:hover {
      color: #FFFCF5;
      border-color: #FFFCF5; }

.landing-section--register {
  background: url(../img/register.jpg) bottom center no-repeat;
  background-size: cover; }

[class*=landing-section--intro] {
  background: url(../img/helix-landing.jpg) 15% top no-repeat;
  background-size: 230px auto;
  clear: left; }

.fashion [class*=landing-section--intro] {
  background-image: url(../img/helix-fashion.jpg); }

.preciousmetals [class*=landing-section--intro] {
  background-image: url(../img/helix-preciousmetals.jpg); }

.landing-section--intro--2 {
  background-position: 15% center; }

.landing-section--intro--3 {
  background-position: 15% bottom; }

.landing-section--strapline, .landing-section--ending {
  padding-top: 16px;
  padding-top: 1rem;
  padding-bottom: 41.88678px;
  padding-bottom: 2.61792rem;
  text-align: center; }
  .landing-section--strapline p, .landing-section--ending p {
    font-size: 21.034px;
    font-size: 1.31463rem; }
  .landing-section--strapline blockquote, .landing-section--ending blockquote {
    border: none;
    padding: 0; }

.landing-section--ending {
  background: #323230 url(../img/ending.png) center 80% no-repeat;
  background-size: 100% auto;
  padding-bottom: 40%; }

.landing-section--hero--roadmap {
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  background: #FFFCF5 url(../img/roadmap-hero.jpg) top left no-repeat;
  background-size: cover;
  padding-bottom: 0;
  padding-top: 15%; }
  .landing-section--hero--roadmap .brand {
    text-align: left;
    padding-top: 287.07217px;
    padding-top: 17.94201rem; }

.landing-section--back-link {
  padding-top: 16px;
  padding-top: 1rem;
  padding-bottom: 0; }

.roadmap {
  background: #ccc9c4; }

.complete {
  color: #819C79; }

.working {
  color: #D75B36; }

.soon {
  color: #466E8C; }

.landing-section--roadmap__tbx8 .soon, .landing-section--roadmap__tbx6 .soon {
  color: #E5EFF0; }

.due span {
  font-style: italic; }

.due {
  color: #999793; }

.roadmap-inner {
  border: solid 6px #e5e2dc;
  float: left; }

.landing-section--intro--roadmap {
  background: #e5e2dc;
  padding-top: 0;
  padding-bottom: 25.888px;
  padding-bottom: 1.618rem; }

.landing-section--photo--roadmap {
  padding: 0; }
  .landing-section--photo--roadmap img {
    display: table; }

.landing-section--roadmap__tbx1 {
  background: #E5EFF0 url(../img/tbx1.svg) 170% 59px no-repeat; }

.landing-section--roadmap__tbx2 {
  background: #323230 url(../img/tbx2.svg) left 59px no-repeat;
  color: #FFFCF5; }

.landing-section--roadmap__tbx3 {
  background: #E5EFF0 url(../img/tbx3.svg) 120% 59px no-repeat; }

.landing-section--roadmap__tbx4 {
  background: #323230 url(../img/tbx4.svg) left center no-repeat;
  color: #FFFCF5; }

.landing-section--roadmap__tbx5 {
  background: #E5EFF0 url(../img/tbx5.svg) right top no-repeat; }

.landing-section--roadmap__tbx6 {
  background: #323230 url(../img/tbx6.svg) left -177px no-repeat;
  color: #FFFCF5; }

.landing-section--roadmap__tbx7 {
  background: #E5EFF0 url(../img/tbx7.svg) right -177px no-repeat; }

.landing-section--roadmap__tbx8 {
  background: #323230 url(../img/tbx8.svg) -287px -177px no-repeat;
  color: #FFFCF5; }

.no-svg .landing-section--roadmap__tbx1 {
  background: #E5EFF0 url(../img/tbx1.png) 170% 59px no-repeat; }
.no-svg .landing-section--roadmap__tbx2 {
  background: #323230 url(../img/tbx2.png) left 59px no-repeat; }
.no-svg .landing-section--roadmap__tbx3 {
  background: #E5EFF0 url(../img/tbx3.png) 120% 59px no-repeat; }
.no-svg .landing-section--roadmap__tbx4 {
  background: #323230 url(../img/tbx4.png) left center no-repeat; }
.no-svg .landing-section--roadmap__tbx5 {
  background: #E5EFF0 url(../img/tbx5.png) right top no-repeat; }
.no-svg .landing-section--roadmap__tbx6 {
  background: #323230 url(../img/tbx6.png) left -177px no-repeat; }
.no-svg .landing-section--roadmap__tbx7 {
  background: #E5EFF0 url(../img/tbx7.png) right -177px no-repeat; }
.no-svg .landing-section--roadmap__tbx8 {
  background: #323230 url(../img/tbx8.png) -287px -177px no-repeat; }

@media screen and (max-width: 1060px) {
  [class*=landing-section--roadmap] {
    background-size: 500px auto; }

  .landing-section--roadmap__tbx1 {
    background-position: 500px 59px; }

  .landing-section--roadmap__tbx3 {
    background-position: 400px 59px; }

  .landing-section--roadmap__tbx6 {
    background-position: left -100px; }

  .landing-section--roadmap__tbx7 {
    background-position: right -100px; }

  .landing-section--roadmap__tbx8 {
    background-position: -180px -100px; } }
.roadmap .footer {
  margin-top: 0; }

.nav-bar {
  clear: both;
  display: block;
  float: left;
  margin-left: 0;
  width: 100%;
  border-bottom: 1px solid #FFFCF5;
  padding-bottom: 13px;
  padding-bottom: 0.8125rem;
  padding-top: 13px;
  padding-top: 0.8125rem;
  margin-bottom: 41.88678px;
  margin-bottom: 2.61792rem; }
  .nav-bar .login {
    float: right;
    display: block;
    border-bottom: none;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    font-size: 13px;
    font-size: 0.8125rem;
    vertical-align: bottom; }
  .nav-bar .logo--hf {
    float: left;
    vertical-align: top;
    height: 25.888px;
    height: 1.618rem; }

.preciousmetals .nav-bar {
  border-color: #323230; }

@media only screen and (max-width: 767px) {
  .landing-section--hero .logo {
    background: url(../img/logo--on-light.svg) no-repeat center top;
    background-size: contain;
    height: 109.65642px;
    height: 6.85353rem;
    margin-bottom: 25.888px;
    margin-bottom: 1.618rem; }

  [class*=landing-section--intro] {
    background-image: none !important;
    padding-top: 21.034px;
    padding-top: 1.31463rem;
    padding-bottom: 21.034px;
    padding-bottom: 1.31463rem; }

  .landing-section--strapline {
    padding-bottom: 0; }

  .landing-section--video {
    padding-top: 21.034px;
    padding-top: 1.31463rem;
    padding-bottom: 21.034px;
    padding-bottom: 1.31463rem;
    padding-left: 0;
    padding-right: 0; }

  .landing-section--ending {
    background-position: center 90%; }

  [class*=landing-section--roadmap__] {
    background-size: auto 110px;
    background-position: center 16px;
    padding-top: 109.65642px;
    padding-top: 6.85353rem;
    padding-bottom: 16px;
    padding-bottom: 1rem; }
    [class*=landing-section--roadmap__] h2 {
      text-align: center; }

  .landing-section--hero--roadmap {
    padding-top: 50%;
    background-size: 100% auto; }
    .landing-section--hero--roadmap .brand {
      padding-top: 0; } }
.article h2 {
  padding-top: 34.03301px;
  padding-top: 2.12706rem; }

p.standfirst {
  font-size: 21.034px;
  font-size: 1.31463rem; }

.border {
  border-bottom: 1px solid #f2efe8;
  padding-bottom: 16px;
  padding-bottom: 1rem; }

.small {
  font-size: 13px;
  font-size: 0.8125rem; }

.large {
  font-size: 21.034px;
  font-size: 1.31463rem; }

/* <<<<<<< HEAD
.uppercase, h4, [class*=action-container] [class*=action-link], .menu--top-bar li {
======= */
.uppercase {
/* >>>>>>> master */
  text-transform: uppercase;
  letter-spacing: 0.15em; }

.no-uppercase {
  text-transform: none !important;
  letter-spacing: normal !important; }

.subhead {
  font-size: 21.034px;
  font-size: 1.31463rem;
  font-style: italic;
  margin-top: -13px;
  margin-top: -0.8125rem;
  color: #999793; }

figure {
  border-bottom: 6px solid #f2efe8;
  margin-bottom: 25.888px;
  margin-bottom: 1.618rem; }
  figure img {
    display: table; }

.center {
  text-align: center; }

.align-left {
  text-align: left; }

.align-right {
  text-align: right; }

.clearfix:before, .search-form:before, [class*=block-list]:before, [class*=action-container] .action-footer:before, dl:before, .clearfix:after, .search-form:after, [class*=block-list]:after, [class*=action-container] .action-footer:after, dl:after {
  content: " ";
  display: table; }

.sr-only, .is-hidden {
  display: none; }

.warning {
  color: #D75B36;
  border-color: #D75B36; }
  .warning a {
    color: #D75B36;
    border-color: #D75B36; }

.success {
  color: #819C79;
  border-color: #819C79; }
  .success a {
    color: #819C79;
    border-color: #819C79; }

.no-padding {
  padding-top: 0; }

/* <<<<<<< HEAD
.no-border {
  border: none; }

=======
>>>>>>> master */
.extra-margin-top {
  margin-top: 41.88678px;
  margin-top: 2.61792rem; }

/* ===================================================
action-containers.scss

Notes: Creates a block with a full width button area at the bottom
==================================================== */
[class*=action-container] {
  text-align: center;
  padding: 0;
  position: relative; }
  [class*=action-container] .top-left {
    position: absolute;
    top: 0;
    left: 0;
    padding: 9.88875px;
    padding: 0.61805rem; }
  [class*=action-container] .top-right {
    position: absolute;
    top: 0;
    right: 0;
    padding: 9.88875px;
    padding: 0.61805rem; }
    [class*=action-container] .top-right a {
      border-bottom: none; }
  [class*=action-container] .action-body {
    padding: 16px;
    padding: 1rem;
    padding-top: 25.888px;
    padding-top: 1.618rem;
    padding-bottom: 13px;
    padding-bottom: 0.8125rem; }
  [class*=action-container] .action-footer {
    display: block;
    overflow: hidden; }
  [class*=action-container] [class*=action-link] {
    padding: 16px;
    padding: 1rem;
    display: block; }
    [class*=action-container] [class*=action-link].option-1 {
      width: 50%;
      float: left; }
    [class*=action-container] [class*=action-link].option-2 {
      width: 50%;
      float: right; }
  [class*=action-container] .extra-footer {
    padding-top: 16px;
    padding-top: 1rem;
    display: block;
    width: 100%;
    float: left;
    margin-bottom: 0; }

.action-container--top-links {
  padding-top: 25.888px;
  padding-top: 1.618rem; }

a.action-container {
  display: block;
  color: #323230; }
  a.action-container:hover [class*=action-link] {
    background: #466E8C; }
  a.action-container.container--link {
    color: #FFFCF5; }
    a.action-container.container--link [class*=action-link] {
      background: #323230; }
    a.action-container.container--link:hover [class*=action-link] {
      background: #35536a; }

/* ====================================================
top-bar.scss

Notes: Styling for top bar navigation
==================================================== */
/*Hide checkbox*/
input[type=checkbox].show-menu-checkbox {
  display: none; }

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]#show-organisation-menu:checked ~ #organisation-menu, input[type=checkbox]#show-person-menu:checked ~ #person-menu {
  display: block; }

input[type=checkbox].show-menu-checkbox:checked ~ .show-menu {
  background: #138C8F;
  color: #FFFCF5; }

.person input[type=checkbox].show-menu-checkbox:checked ~ .show-menu {
  background: #D75B36; }

.dropdown-menu {
  display: none;
  position: absolute;
  width: 100%;
  min-width: 200px;
  right: 0;
  border-top: 1px solid #e5e2dc; }

.top-bar {
  border-bottom: 1px solid #f2efe8;
  margin-bottom: 67.77282px;
  margin-bottom: 4.2358rem;
  background: #FFFCF5;
  position: fixed;
  z-index: 1000; }
  .top-bar .brand {
    padding: 9.88875px;
    padding: 0.61805rem;
    text-align: left;
    margin: 0;
    line-height: 1.618; }

.show-menu {
  padding: 9.88875px;
  padding: 0.61805rem;
  display: block;
  border-bottom: none;
  color: #138C8F;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */ }

.menu--top-bar {
  float: right;
  margin-bottom: 0; }
  .menu--top-bar li {
    display: block;
    margin-bottom: 0;
    padding: 0;
    float: left;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.99138;
    position: relative; }
    .menu--top-bar li.person a {
      color: #D75B36; }
      .menu--top-bar li.person a:hover {
        background: #D75B36;
        border-color: #D75B36; }
    .menu--top-bar li.person .show-menu {
      color: #D75B36; }
    .menu--top-bar li a {
      padding: 9.88875px;
      padding: 0.61805rem;
      display: block;
      border-bottom: none; }
      .menu--top-bar li a:hover {
        background: #138C8F;
        color: #FFFCF5; }
    .menu--top-bar li ul {
      margin: 0;
      padding: 0;
      background: #f2efe8;
      float: left;
      width: 100%; }
      .menu--top-bar li ul li {
        clear: left;
        width: 100%;
        -webkit-box-sizing: border-box;
        /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;
        /* Firefox, other Gecko */
        box-sizing: border-box;
        /* Opera/IE 8+ */ }
        .menu--top-bar li ul li a {
          border: solid 1px #e5e2dc;
          border-top: none; }
          .menu--top-bar li ul li a:hover {
            border-color: #138C8F; }
        .menu--top-bar li ul li.switch {
          padding: 9.88875px;
          padding: 0.61805rem;
          background: #e5e2dc;
          -webkit-box-sizing: border-box;
          /* Safari/Chrome, other WebKit */
          -moz-box-sizing: border-box;
          /* Firefox, other Gecko */
          box-sizing: border-box;
          /* Opera/IE 8+ */
          border: solid 1px #e5e2dc;
          border-top: none; }
    .menu--top-bar li:hover .show-menu {
      background: #138C8F;
      color: #FFFCF5; }
    .menu--top-bar li:hover.person .show-menu {
      background: #D75B36; }

@media only screen and (max-width: 767px) {
  .top-bar .words {
    display: none; }

  .menu--top-bar li {
    position: static; }

  .dropdown-menu {
    left: 0; }

  .show-menu {
    padding-left: 21.034px;
    padding-left: 1.31463rem;
    padding-right: 21.034px;
    padding-right: 1.31463rem; } }
dd {
  font-size: 21.034px;
  font-size: 1.31463rem;
  float: left;
  width: 60%;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  padding-left: 9.88875px;
  padding-left: 0.61805rem; }

dt {
  display: inline-block;
  float: left;
  clear: left;
  width: 40%;
  text-align: right;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  padding-right: 9.88875px;
  padding-right: 0.61805rem;
  font-style: italic;
  line-height: 2.12706; }

@media only screen and (max-width: 767px) {
  dd, dt {
    float: none;
    width: 100%;
    text-align: left;
    padding: 0;
    line-height: 1.618; } }
.pagination {
  padding-left: 0;
  display: inline-block; }
  .pagination li {
    list-style: none;
    display: inline; }
    .pagination li a, .pagination li a:visited {
      display: block;
      border: solid 1px #138C8F;
      padding-left: 13px;
      padding-left: 0.8125rem;
      padding-right: 13px;
      padding-right: 0.8125rem;
      padding-top: 9.88875px;
      padding-top: 0.61805rem;
      padding-bottom: 9.88875px;
      padding-bottom: 0.61805rem;
      float: left;
      position: relative;
      margin-left: -1px; }
      .pagination li a:hover, .pagination li a:visited:hover {
        background-color: #466E8C;
        color: #FFFCF5; }
    .pagination li.active a, .pagination li.active a:visited {
      background: #138C8F;
      cursor: default;
      color: #FFFCF5; }
    .pagination li.disabled a, .pagination li.disabled a:visited {
      cursor: not-allowed;
      border-color: #ccc9c4;
      color: #ccc9c4;
      background: #f2efe8; }

/* ====================================================
styleguide-specific.scss

Notes: Styles only for use within the styleguide
==================================================== */
/* == colour blocks: for displaying the colours used == */
[class*=color-block] {
  display: block;
  width: 100%;
  padding-bottom: 10%;
  background: #ccc9c4; }

.color-block--turquoise {
  background: #138C8F; }

.color-block--orange {
  background: #D75B36; }

.color-block--red {
  background: #9E1C10; }

.color-block--green {
  background: #819C79; }

.color-block--blue {
  background: #466E8C; }

.color-block--bluegrey {
  background: #E5EFF0; }

.color-block--offwhite {
  background: #FFFCF5;
  border: 1px solid #e5e2dc; }

.color-block--grey5 {
  background: #f2efe8; }

.color-block--grey10 {
  background: #e5e2dc; }

.color-block--grey20 {
  background: #ccc9c4; }

.color-block--grey40 {
  background: #999793; }

.color-block--grey60 {
  background: #666462; }

.color-block--grey70 {
  background: #4c4b49; }

.color-block--grey80 {
  background: #323230; }

.color-block--grey90 {
  background: #191918; }

/* == sections == */
section.styleguide {
  border: 1px solid #e5e2dc;
  padding: 13px;
  padding: 0.8125rem;
  margin-bottom: 13px;
  margin-bottom: 0.8125rem;
  background: #FFFCF5;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */ }