@charset "UTF-8";
/**
 * CONTENTS #todo
 *
 * SETTINGS
 * Global...............Globally-available variables and config.
 *
 * TOOLS
 * Mixins...............Useful mixins.
 *
 * GENERIC
 * Normalize.css........A level playing field.
 * Box-sizing...........Better default `box-sizing`.
 *
 * BASE
 * Headings.............H1–H6 styles.
 *
 * OBJECTS
 * Wrappers.............Wrapping and constraining elements.
 *
 * COMPONENTS
 * Page-head............The main page header.
 * Page-foot............The main page footer.
 * Buttons..............Button elements.
 *
 * TRUMPS
 * Text.................Text helpers.
 */
/**
 * Inuitcss Source Order:
 *
 * Settings: 	Global variables, site-wide settings, config switches, etc.
 * Tools: 		Site-wide mixins and functions.
 * Generic: 	Low-specificity, far-reaching rulesets (e.g. resets).
 * Base: 		Unclassed HTML elements (e.g. a {}, blockquote {}, address {}).
 * Objects: 	Objects, abstractions, and design patterns (e.g. .media {}).
 * Components: 	Discrete, complete chunks of UI (e.g. .carousel {}). This
 * 				is the one layer that inuitcss doesn’t get involved with.
 * Trumps: 		High-specificity, very explicit selectors. Overrides and helper
 * 				classes (e.g. .hidden {}).
 *
 **/
/*$menu-selected-color: #6685a3;*/
/**
* Menu Heights - for the margin below it as its position:fixed
**/
/* New fonts setup */
/*$font--regular: $font--primary;*/
/*
$inuit-btn-background: 		$dark-blue;
$inuit-btn-border-color:	$dark-blue;
$inuit-btn-radius: 			100px;
// $inuit-btn-border-width:	0;
$inuit-btn-color:			$white;
*/
/*
 * inuitcss, by @csswizardry
 *
 * github.com/inuitcss | inuitcss.com
 */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

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

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

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

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

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

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

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

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

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

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

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

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

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

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

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

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

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

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

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

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

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

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

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

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

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

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/*------------------------------------*	 #BOX-SIZING
\*------------------------------------*/
/**
 * Set the global `box-sizing` state to `border-box`.
 *
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 * paulirish.com/2012/box-sizing-border-box-ftw
 */
html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

/*------------------------------------*    #RESET
\*------------------------------------*/
/**
 * As well as using normalize.css, it is often advantageous to remove all
 * margins from certain elements.
 */
body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
figure,
table, th, td, caption,
hr {
  margin: 0;
  padding: 0; }

/**
 * Give a help cursor to elements that give extra info on `:hover`.
 */
abbr[title],
dfn[title] {
  cursor: help; }

/**
 * Remove underlines from potentially troublesome elements.
 */
u,
ins {
  text-decoration: none; }

/**
 * Apply faux underlines to inserted text via `border-bottom`.
 */
ins {
  border-bottom: 1px solid; }

/*------------------------------------*    #SHARED
\*------------------------------------*/
/**
 * Where `margin-bottom` is concerned,this value will be the same as the
 * base line-height. This allows us to keep a consistent vertical rhythm.
 * As per: csswizardry.com/2012/06/single-direction-margin-declarations
 */
h1, h2, h3, h4, h5, h6,
ul, ol, dl,
blockquote, p, address,
hr,
table,
fieldset, figure,
pre {
  margin-bottom: 20px;
  margin-bottom: 1.5384615385rem; }

/**
 * Where `margin-left` is concerned we want to try and indent certain elements
 * by a consistent amount. Define that amount once,here.
 */
ul, ol, dd {
  margin-left: 40px;
  margin-left: 3.0769230769rem; }

/*------------------------------------*    #HEADINGS
\*------------------------------------*/
/**
 * Headings 1–6.
 */
h1 {
  font-size: 48px;
  font-size: 3.6923076923rem;
  line-height: 1.25; }

h2 {
  font-size: 30px;
  font-size: 2.3076923077rem;
  line-height: 1.3333333333; }

h3 {
  font-size: 24px;
  font-size: 1.8461538462rem;
  line-height: 1.6666666667; }

h4 {
  font-size: 20px;
  font-size: 1.5384615385rem;
  line-height: 1; }

h5 {
  font-size: 18px;
  font-size: 1.3846153846rem;
  line-height: 1.1111111111; }

h6 {
  font-size: 16px;
  font-size: 1.2307692308rem;
  line-height: 1.25; }

/*------------------------------------*    #LISTS
\*------------------------------------*/
/**
 * Remove extra vertical spacing when nesting lists.
 */
li > ul,
li > ol {
  margin-bottom: 0; }

/*------------------------------------*    #IMAGES
\*------------------------------------*/
/**
 * 1. Fluid images for responsive purposes.
 * 2. Offset `alt` text from surrounding copy.
 * 3. Setting `vertical-align` removes the whitespace that appears under `img`
 *    elements when they are dropped into a page as-is. Safer alternative to
 *    using `display: block;`.
 */
img {
  max-width: 100%;
  /* [1] */
  font-style: italic;
  /* [2] */
  vertical-align: middle;
  /* [3] */ }

/**
 * 1. Google Maps breaks if `max-width: 100%` acts upon it; use their selector
 *    to remove the effects.
 * 2. If a `width` and/or `height` attribute have been explicitly defined, let’s
 *    not make the image fluid.
 */
.gm-style img {
  /* [1] */
  max-width: none; }

/*------------------------------------*	 #PAGE
\*------------------------------------*/
/**
 * High-, page-level styling.
 *
 * 1. Set the default `font-size` and `line-height` for the entire project,
 *	 sourced from our default variables. The `font-size` is calculated to exist
 *	 in ems, the `line-height` is calculated to exist unitlessly.
 * 2. Force scrollbars to always be visible to prevent awkward ‘jumps’ when
 *	 navigating between pages that do/do not have enough content to produce
 *	 scrollbars naturally.
 * 3. Ensure the page always fills at least the entire height of the viewport.
 * 4. Prevent certain mobile browsers from automatically zooming fonts.
 * 5. Fonts on OSX will look more consistent with other systems that do not
 *	 render text using sub-pixel anti-aliasing.
 */
html {
  font-size: 0.8125em;
  /* [1] */
  line-height: 1.5384615385;
  /* [1] */
  color: #232323;
  overflow-y: scroll;
  /* [2] */
  -webkit-text-size-adjust: 100%;
  /* [4] */
  -ms-text-size-adjust: 100%;
  /* [4] */
  -moz-osx-font-smoothing: grayscale;
  /* [5] */
  -webkit-font-smoothing: antialiased;
  /* [5] */ }

.content--toggle {
  color: #19a9e3; }

a {
  color: #19a9e3;
  transition: 0.3s;
  text-decoration: none;
  /* on hover */ }
  a:hover, a:focus {
    color: #2eb2e8; }
  a [class^="icon-"], a [class*=" icon-"] {
    padding-right: 3px;
    vertical-align: middle; }

.link--plain {
  border-bottom: none;
  text-decoration: none; }
  .link--plain:hover, .link--plain:focus {
    text-decoration: none;
    border-bottom: none !important; }

.link--white {
  color: #fff; }
  .link--white:hover, .link--white:focus {
    color: #fff; }

.link-action {
  padding: 2px 10px;
  cursor: pointer;
  display: inline-block; }

.link-action--edit {
  color: #fff;
  background-color: #19a9e3; }
  .link-action--edit:hover {
    background-color: #008bdc;
    color: #fff; }

.link-action--delete {
  color: #e91250; }
  .link-action--delete:hover {
    background-color: #e91250;
    color: #fff; }

.link-action--soft-delete {
  color: #898989;
  padding: 5px 10px 5px 25px;
  transition: none;
  background: none;
  border: none; }
  .link-action--soft-delete:hover {
    color: #e91250;
    background: url("../../img/icon-error.gif") no-repeat 5px 50%; }

html {
  font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif;
  background-image: url("../../img/bg-html.jpg");
  background-color: #021c35;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover; }
  html.error {
    background-image: url("../../img/404.jpg"); }

body {
  color: #000; }

h1, .alpha,
h2, .beta,
h3, .gamma,
h4, .delta,
h5, .epsilon,
h6, .zeta {
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-weight: 300;
  color: #000;
  margin-bottom: 16px;
  /* removing text decoration from all headline links */ }
  h1 a, .alpha a,
  h2 a, .beta a,
  h3 a, .gamma a,
  h4 a, .delta a,
  h5 a, .epsilon a,
  h6 a, .zeta a {
    text-decoration: none; }
    h1 a:hover, h1 a:focus, .alpha a:hover, .alpha a:focus,
    h2 a:hover,
    h2 a:focus, .beta a:hover, .beta a:focus,
    h3 a:hover,
    h3 a:focus, .gamma a:hover, .gamma a:focus,
    h4 a:hover,
    h4 a:focus, .delta a:hover, .delta a:focus,
    h5 a:hover,
    h5 a:focus, .epsilon a:hover, .epsilon a:focus,
    h6 a:hover,
    h6 a:focus, .zeta a:hover, .zeta a:focus {
      text-decoration: underline; }

h4, .delta,
h3, .gamma {
  font-size: 12px;
  font-size: 0.9230769231rem;
  line-height: 1.5;
  font-weight: 700; }

h3, .gamma {
  font-size: 14px;
  font-size: 1.0769230769rem;
  line-height: 1.5; }

.title {
  font-size: 24px;
  font-size: 1.8461538462rem;
  line-height: 1.6666666667;
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-weight: 700; }

.title--small {
  font-size: 15px;
  font-size: 1.1538461538rem;
  line-height: 1.3333333333;
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-weight: 700; }

.img--full {
  width: 100%;
  margin-bottom: 20px; }

/*------------------------------------*    #BLOCK
\*------------------------------------*/
/**
 * The block object simply stacks an image on top of some text-like content.
 */
/**
 * Stacked image-with-text object. A simple abstraction to cover a very commonly
 * occurring design pattern.
 */
.block {
  display: block; }

/**
     * 1. Eliminate whitespace around images.
     */
.block__img {
  vertical-align: middle;
  /* [1] */
  margin-bottom: 20px; }

/**
     * Text-content.
     */
.block__body {
  display: block; }

/*------------------------------------*    #BUTTONS
\*------------------------------------*/
/**
 * A simple button object.
 */
/**
 * 1. Allow us to style box model properties.
 * 2. Line different sized buttons up a little nicer.
 * 3. Make buttons inherit font styles (often necessary when styling `input`s as
 *    buttons).
 * 4. Reset/normalize some styles.
 * 5. Force all button-styled elements to appear clickable.
 * 6. Fixes odd inner spacing in IE7.
 * 7. Subtract the border size from the padding value so that buttons do not
 *    grow larger as we add borders.
 */
.btn, .message-listing .message-btn--view a, .message-listing .message-btn--delete a {
  display: inline-block;
  /* [1] */
  vertical-align: middle;
  /* [2] */
  font: inherit;
  /* [3] */
  text-align: center;
  /* [4] */
  margin: 0;
  /* [4] */
  cursor: pointer;
  /* [5] */
  overflow: visible;
  /* [6] */
  padding: 9px 19px;
  /* [7] */
  background-color: #19a9e3;
  border: 1px solid #19a9e3; }
  .btn, .message-listing .message-btn--view a, .message-listing .message-btn--delete a, .btn:hover, .message-listing .message-btn--view a:hover, .message-listing .message-btn--delete a:hover, .btn:active, .message-listing .message-btn--view a:active, .message-listing .message-btn--delete a:active, .btn:focus, .message-listing .message-btn--view a:focus, .message-listing .message-btn--delete a:focus {
    text-decoration: none;
    /* [4] */
    color: #fff; }

/**
 * Fix a Firefox bug whereby `input type="submit"` gains 2px extra padding.
 */
.btn::-moz-focus-inner, .message-listing .message-btn--view a::-moz-focus-inner, .message-listing .message-btn--delete a::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
     * Small buttons.
     */
.btn--small, .form--profile button.add, .form--profile p.add, .form--profile .new-skill .btn, .form--profile .new-skill .message-listing .message-btn--view a, .message-listing .message-btn--view .form--profile .new-skill a, .form--profile .new-skill .message-listing .message-btn--delete a, .message-listing .message-btn--delete .form--profile .new-skill a, .message-listing .message-btn--view a, .message-listing .message-btn--delete a, .result .btn--profile {
  padding: 4px 9px;
  /* [7] */ }

/*------------------------------------*    #FLAG
\*------------------------------------*/
/**
 * The flag object is a design pattern similar to the media object, however it
 * utilises `display: table[-cell];` to give us control over the vertical
 * alignments of the text and image. csswizardry.com/2013/05/the-flag-object
 */
/**
 * 1. Allows us to control vertical alignments
 * 2. Force the object to be the full width of its parent. Combined with [1],
 *    this makes the object behave in a quasi-`display: block;` manner.
 */
.flag {
  display: table;
  /* [1] */
  width: 100%;
  /* [2] */ }

/**
     * Items within a flag object. There should only ever be one of each.
     *
     * 1. Default to aligning content to their middles.
     */
.flag__img,
.flag__body {
  display: table-cell;
  vertical-align: middle;
  /* [1] */ }

/**
     * Flag images have a space between them and the body of the object.
     */
.flag__img {
  padding-right: 20px; }
  .flag__img > img {
    display: block;
    max-width: none; }

/**
     * The container for the main content of the flag object.
     *
     * 1. Forces the `.flag__body` to take up all remaining space.
     */
.flag__body {
  width: 100%;
  /* [1] */ }
  .flag__body,
  .flag__body > :last-child {
    margin-bottom: 0; }

/**
     * Reversed flag objects have their image-content to the right, and text-content
     * to the left.
     *
     * 1. Swap the rendered direction of the object…
     * 2. …and reset it.
     * 3. Reassign margins to the correct sides.
     */
.flag--rev {
  direction: rtl;
  /* [1] */ }
  .flag--rev > .flag__img,
  .flag--rev > .flag__body {
    direction: ltr;
    /* [2] */ }
  .flag--rev > .flag__img {
    padding-right: 0;
    /* [3] */
    padding-left: 20px;
    /* [3] */ }

/**
     * Responsive flag objects.
     *
     * There is a very pragmatic, simple implementation of a responsive flag
     * object, which simply places the text-content beneath the image-content.
     *
     * We use a `max-width` media query because:
     *
     * a) it is the least verbose method in terms of amount of code required.
     * b) the flag object’s default state is image-next-to-text, so its stacked
     *    state is the exception, rather than the rule.
     */
@media screen and (max-width: 450px) {
  .flag--responsive {
    /**
                 * Disable reversal of content because there is no concept of
                 * ‘reversed’ in a stacked layout.
                 */
    direction: ltr;
    /**
             * Rework the spacings on regular flag objects.
             */ }
    .flag--responsive,
    .flag--responsive > .flag__img,
    .flag--responsive > .flag__body {
      display: block; }
    .flag--responsive > .flag__img {
      padding-right: 0;
      padding-left: 0;
      margin-bottom: 20px; } }

/*------------------------------------*    #LAYOUT
\*------------------------------------*/
/**
 * The inuitcss layout system uses `box-sizing: border-box;` and
 * `display: inline-block;` to create an extremely powerful, flexible
 * alternative to the traditional grid system. Combine the layout items with
 * the widths found in `trumps.widths`.
 */
/**
 * Begin a layout group.
 */
.layout {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: -10px; }

/**
     * 1. Cause columns to stack side-by-side.
     * 2. Space columns apart.
     * 3. Align columns to the tops of each other.
     * 4. Full-width unless told to behave otherwise.
     * 5. Required to combine fluid widths and fixed gutters.
     */
.layout__item {
  display: inline-block;
  /* [1] */
  padding-left: 10px;
  /* [2] */
  vertical-align: top;
  /* [3] */
  width: 100%;
  /* [4] */ }

/**
     * Layouts with no gutters.
     */
.layout--flush {
  margin-left: 0; }
  .layout--flush > .layout__item {
    padding-left: 0; }

/**
     * Reversed rendered order of layout items, e.g. items 1, 2, 3, 4 in your
     * markup will display in order 4, 3, 2, 1 on your page.
     */
.layout--rev {
  direction: rtl;
  text-align: left; }
  .layout--rev > .layout__item {
    direction: ltr;
    text-align: left; }

/**
     * Align layout items to the vertical centers of each other.
     */
.layout--middle > .layout__item {
  vertical-align: middle; }

/**
     * Align layout items to the vertical bottoms of each other.
     */
.layout--bottom > .layout__item {
  vertical-align: bottom; }

/**
     * Make the layout items fill up from the center outward.
     */
.layout--center {
  text-align: center; }
  .layout--center > .layout__item {
    text-align: left; }

/*------------------------------------*    #LIST-BARE
\*------------------------------------*/
/**
 * The list-bare object simply removes any indents and bullet points from lists.
 */
.list-bare {
  margin: 0;
  padding: 0;
  list-style: none; }

/*------------------------------------*    #LIST-BLOCK
\*------------------------------------*/
/**
 * The list-block object creates blocky list items out of a `ul` or `ol`.
 */
.list-block {
  margin: 0;
  padding: 0;
  list-style: none; }

.list-block__item,
.list-block > li {
  padding: 20px; }

/*------------------------------------*    #LIST-INLINE
\*------------------------------------*/
/**
 * The list-inline object simply displays a list of items in one line.
 */
.list-inline {
  margin: 0;
  padding: 0;
  list-style: none; }
  .list-inline > li {
    display: inline-block; }

/*------------------------------------*    #LIST-UI
\*------------------------------------*/
/**
 * The UI list object creates blocky list items with a keyline separator out of
 * a `ul` or `ol`.
 */
.list-ui,
.list-ui__item,
.list-ui > li {
  border: 0 solid #ccc; }

.list-ui {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top-width: 1px; }

.list-ui__item,
.list-ui > li {
  padding: 20px;
  border-bottom-width: 1px; }

/*------------------------------------*    #MEDIA
\*------------------------------------*/
/**
 * Place any image- and text-like content side-by-side, as per:
 * stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code
 */
.media {
  display: block; }

.media__img {
  float: left;
  margin-right: 20px; }
  .media__img > img {
    display: block; }

.media__body {
  overflow: hidden;
  display: block; }
  .media__body,
  .media__body > :last-child {
    margin-bottom: 0; }

/*------------------------------------*    #PACK
\*------------------------------------*/
/**
 * The pack object simply causes any number of elements pack up horizontally to
 * automatically fill an equal, fluid width of their parent.
 */
/**
 * 1. Fill all available space.
 * 2. Cause children to be automatically equally sized.
 */
.pack {
  width: 100%;
  /* [1] */
  display: table;
  table-layout: fixed;
  /* [2] */ }

/**
     * Cause children to adopt table-like structure.
     */
.pack__item {
  display: table-cell; }

/*------------------------------------*    #TABLES
\*------------------------------------*/
.table {
  width: 100%; }

/**
     * Force tables into having equal-width columns.
     */
.table--fixed {
  table-layout: fixed; }

/**
     * Lightly packed cells.
     */
.table--cosy th,
.table--cosy td {
  padding: 10px; }

/*------------------------------------*    #TABS
\*------------------------------------*/
/**
 * A simple abstraction for making equal-width navigation tabs.
 */
/**
 * 1. Reset any residual styles (most likely from lists).
 * 2. Tables for layout!
 * 3. Force all `table-cell` children to have equal widths.
 * 4. Force the object to be the full width of its parent. Combined with [2],
 *    this makes the object behave in a quasi-`display: block;` manner.
 */
.tabs {
  margin: 0;
  /* [1] */
  padding: 0;
  /* [1] */
  list-style: none;
  /* [1] */
  display: table;
  /* [2] */
  table-layout: fixed;
  /* [3] */
  width: 100%;
  /* [4] */
  text-align: center; }

.tabs__item {
  display: table-cell;
  /* [2] */ }

.tabs__link {
  display: block; }

/**
 * Block Link
 *
 * A Faux block-level link. Used for when you need a block-level link with
 * clickable areas within it as directly nesting a tags breaks things.
 */
.block-link {
  position: relative; }
  .block-link .c-inner h2, .block-link .c-inner h3 {
    transform: scale(1);
    transition: transform 1s; }
  .block-link:hover .c-btn:before, .block-link:focus .c-btn:before {
    opacity: 1;
    transition: opacity 1s; }
  .block-link:hover .c-inner h2, .block-link:hover .c-inner h3, .block-link:focus .c-inner h2, .block-link:focus .c-inner h3 {
    transform: scale(1.1); }

.block-link--steal .block-link {
  position: static; }

.block-link a,
.block-link abbr[title],
.block-link__link {
  position: relative;
  z-index: 1; }

.block-link__overlay-link {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
  background: rgba(0, 0, 0, 0.1); }

a.block-link__overlay-link {
  position: absolute;
  z-index: 1;
  opacity: 0; }

.dashboard-link {
  background-color: #19a9e3;
  background-color: #009FE1;
  border: solid 2px #fff; }
  .dashboard-link a {
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    padding: 10px 0;
    color: #fff;
    display: block; }
  .dashboard-link img {
    margin-right: 5px; }

.activity-heading {
  height: 60px;
  text-align: center; }
  .activity-heading img {
    display: inline-block;
    vertical-align: middle; }

.activity-entry {
  padding: 10px 0;
  border-bottom: solid 1px #d8d8d8;
  position: relative; }
  .activity-entry:hover {
    background-color: #e1f5fd; }

/*
** Alerts
*/
.activity-alert p {
  margin: 0; }

.activity-alert .from {
  font-weight: 700; }

.activity-alert .alert--image img {
  border: solid 1px #000; }

.activity-alert .alert--icon {
  text-align: center;
  vertical-align: middle; }

.activity-alert .alert--date {
  text-align: center;
  vertical-align: middle; }

/*
** Favourites
*/
.activity-favourite .favourite--details p {
  margin: 0; }

/*
** Browsing History
*/
.activity-history .history--details p {
  margin: 0; }

.activity-history .history--notes p {
  margin: 0; }

.activity-history .history--notes .advert-title {
  font-weight: 700; }

.advertising--vertical {
  vertical-align: top; }

.search--listings .advert--horizontal {
  margin-bottom: 20px; }

body.scrolled .advert--sticky {
  position: fixed;
  top: 0; }

html.auth {
  background-image: url("../../img/bg-auth.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed; }

body.auth {
  height: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }
  body.auth main {
    padding: 0 !important;
    min-height: 100%;
    background-color: rgba(255, 255, 255, 0.9); }
    @media screen and (min-width: 480px) {
      body.auth main {
        background-color: transparent; } }

.box--auth {
  width: 100%;
  max-width: 456px;
  margin: 0 auto;
  padding: 20px 40px 40px !important;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  background-color: transparent !important; }
  @media screen and (min-width: 480px) {
    .box--auth {
      background-color: rgba(255, 255, 255, 0.9) !important; } }
  .box--auth .logo + .notification {
    margin-top: 20px; }
  .box--auth .entry {
    margin-bottom: 10px; }
  .box--auth label {
    text-align: left; }
  .box--auth input[type="text"],
  .box--auth input[type="email"],
  .box--auth input[type="password"] {
    width: 100%;
    border-radius: 0;
    border-color: #b6b6b6;
    padding: 10px 20px; }
    .box--auth input[type="text"]:hover,
    .box--auth input[type="email"]:hover,
    .box--auth input[type="password"]:hover {
      border-color: #b6b6b6 !important; }
  .box--auth .btn, .box--auth .message-listing .message-btn--view a, .message-listing .message-btn--view .box--auth a, .box--auth .message-listing .message-btn--delete a, .message-listing .message-btn--delete .box--auth a {
    width: 100%;
    text-align: center; }
  .box--auth .btn--blue {
    border: solid 2px #fff; }
  .box--auth .errors {
    padding-bottom: 20px; }
    .box--auth .errors ul {
      margin: 0;
      padding: 0;
      list-style-type: none; }
    .box--auth .errors li {
      color: #e91250; }
  .box--auth p.note {
    margin-top: 20px;
    font-weight: 700; }

.box--auth-register label.profile-type {
  border: solid 2px #fff;
  color: #557397;
  text-align: center;
  margin-bottom: 20px;
  padding: 10px;
  display: block;
  cursor: pointer; }
  .box--auth-register label.profile-type:hover {
    border-color: #e1f5fd; }
  .box--auth-register label.profile-type.active {
    border-color: #19a9e3 !important; }
  .box--auth-register label.profile-type span {
    font-size: 17px;
    font-size: 1.3076923077rem;
    line-height: 1.1764705882;
    font-weight: 700;
    margin-bottom: 5px;
    display: block; }
  .box--auth-register label.profile-type input[type="radio"] {
    display: none; }

.box--auth-register label.conditions {
  color: mid-gray;
  cursor: pointer; }
  .box--auth-register label.conditions input[type="checkbox"] {
    margin-right: 10px; }

.box--auth-upgrade {
  max-width: 800px; }
  .box--auth-upgrade h1 {
    margin: 40px 0; }
  .box--auth-upgrade form {
    max-width: 400px;
    margin: 40px auto;
    display: block; }

div.breadcrumb {
  background-color: #fff;
  padding: 0;
  margin: 0;
  font-size: 15px;
  font-size: 1.1538461538rem;
  line-height: 1.3333333333;
  position: relative;
  display: block; }
  @media screen and (min-width: 880px) {
    div.breadcrumb {
      display: none; } }

.breadcrumb-primary {
  margin: 0;
  padding: 10px 20px;
  background-color: #fff;
  border-top: solid 1px #898989;
  cursor: pointer;
  position: relative;
  z-index: 7; }
  @media screen and (min-width: 640px) {
    .breadcrumb-primary {
      border-top: none; } }
  .breadcrumb-primary ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block; }
  .breadcrumb-primary li {
    display: inline-block; }
    .breadcrumb-primary li:first-of-type {
      color: #19a9e3; }
  .breadcrumb-primary li + li:before {
    content: ">";
    margin-left: 5px;
    margin-right: 8px;
    display: inline-block; }
  .breadcrumb-primary .toggle {
    margin-top: 3px;
    transition: transform 0.5s ease-in-out;
    float: right; }
  .breadcrumb.active .breadcrumb-primary .toggle {
    transform: rotate(180deg); }

.breadcrumb-secondary {
  width: 100%;
  background-color: #fff;
  position: absolute;
  border-top: solid 1px #f5f5f5;
  z-index: 6;
  padding: 10px 0 0 0;
  transition: all 0.7s ease;
  top: -500px;
  display: block; }
  @media screen and (min-width: 880px) {
    .breadcrumb-secondary {
      left: 0;
      max-width: 400px;
      border-right: solid 1px #e8e8e8; } }
  .breadcrumb.active .breadcrumb-secondary {
    top: 40px; }
  .breadcrumb-secondary .close {
    background-color: #f5f5f5;
    border-top: solid 1px #e8e8e8;
    border-bottom: solid 1px #e8e8e8;
    text-align: center;
    margin: 20px 0 0 0;
    padding: 10px 0;
    cursor: pointer; }
  .breadcrumb-secondary ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block; }
  .breadcrumb-secondary li {
    display: block; }
    .breadcrumb-secondary li a {
      padding: 6.6666666667px 20px;
      display: block; }
      .breadcrumb-secondary li a:hover {
        background-color: #f5f5f5; }

.box, .notification {
  background: #fff;
  padding: 20px;
  margin-bottom: 10px; }
  .box > :last-child, .notification > :last-child {
    margin-bottom: 0; }

.box--blue {
  background-color: #e1f3fe; }

.box--transparent-blue {
  background-color: rgba(0, 136, 251, 0.75);
  color: #fff; }

.box.menu, .menu.notification {
  padding: 0;
  font-size: 15px;
  font-size: 1.1538461538rem;
  line-height: 1.3333333333;
  font-weight: 300;
  background-color: transparent;
  margin-bottom: 1px; }
  .box.menu .heading, .menu.notification .heading {
    background-color: rgba(255, 255, 255, 0.3);
    padding: 0 20px 0 80px;
    margin: 0;
    color: #fff;
    font-weight: 700;
    height: 56px;
    line-height: 56px;
    cursor: pointer; }
    .box.menu .heading:hover, .menu.notification .heading:hover {
      background-color: rgba(0, 139, 220, 0.3); }
    .box.menu .heading.menu--profile, .menu.notification .heading.menu--profile {
      background-image: url("../../img/icon-activity-menu-profile@2x.gif");
      background-repeat: no-repeat;
      background-position: 0 center;
      background-size: 56px 56px; }
    .box.menu .heading.menu--settings, .menu.notification .heading.menu--settings {
      background-image: url("../../img/icon-activity-menu-settings@2x.gif");
      background-repeat: no-repeat;
      background-position: 0 center;
      background-size: 56px 56px; }
    .box.menu .heading.menu--messaging, .menu.notification .heading.menu--messaging {
      background-image: url("../../img/icon-activity-menu-messaging@2x.gif");
      background-repeat: no-repeat;
      background-position: 0 center;
      background-size: 56px 56px; }
    .box.menu .heading.menu--activity, .menu.notification .heading.menu--activity {
      background-image: url("../../img/icon-activity-menu-activity@2x.gif");
      background-repeat: no-repeat;
      background-position: 0 center;
      background-size: 56px 56px; }
  .box.menu .content, .menu.notification .content {
    display: none;
    padding-top: 1px; }
  .box.menu.menu--active .heading, .menu.menu--active.notification .heading {
    background-color: #e1f5fd;
    color: #000; }
    .box.menu.menu--active .heading.menu--profile, .menu.menu--active.notification .heading.menu--profile {
      background-image: url("../../img/icon-activity-menu-profile@2x.png"); }
    .box.menu.menu--active .heading.menu--settings, .menu.menu--active.notification .heading.menu--settings {
      background-image: url("../../img/icon-activity-menu-settings@2x.png"); }
    .box.menu.menu--active .heading.menu--messaging, .menu.menu--active.notification .heading.menu--messaging {
      background-image: url("../../img/icon-activity-menu-messaging@2x.png"); }
    .box.menu.menu--active .heading.menu--activity, .menu.menu--active.notification .heading.menu--activity {
      background-image: url("../../img/icon-activity-menu-activity@2x.png"); }
  .box.menu.menu--open .heading, .menu.menu--open.notification .heading {
    background-color: #e1f5fd;
    color: #000; }
    .box.menu.menu--open .heading.menu--profile, .menu.menu--open.notification .heading.menu--profile {
      background-image: url("../../img/icon-activity-menu-profile@2x.png"); }
    .box.menu.menu--open .heading.menu--settings, .menu.menu--open.notification .heading.menu--settings {
      background-image: url("../../img/icon-activity-menu-settings@2x.png"); }
    .box.menu.menu--open .heading.menu--messaging, .menu.menu--open.notification .heading.menu--messaging {
      background-image: url("../../img/icon-activity-menu-messaging@2x.png"); }
    .box.menu.menu--open .heading.menu--activity, .menu.menu--open.notification .heading.menu--activity {
      background-image: url("../../img/icon-activity-menu-activity@2x.png"); }
  .box.menu ul, .menu.notification ul {
    background-color: #fff;
    list-style-type: none;
    margin: 0;
    padding: 0; }
    .box.menu ul li, .menu.notification ul li {
      font-size: 13px;
      font-size: 1rem;
      line-height: 1.5384615385;
      padding: 1px 0; }
      .box.menu ul li a, .menu.notification ul li a {
        color: #6685a3;
        display: block;
        padding: 0 10px;
        height: 44px;
        line-height: 44px;
        transition: none; }
        .box.menu ul li a:hover, .menu.notification ul li a:hover {
          background-color: #eff3f6;
          background-image: url("../../img/menu-hover.gif");
          background-repeat: no-repeat;
          background-position: right center; }
      .box.menu ul li.selected a, .menu.notification ul li.selected a, .box.menu ul li.selected a:hover, .menu.notification ul li.selected a:hover, .box.menu ul li.selected a:focus, .menu.notification ul li.selected a:focus {
        background-color: #2b6886;
        background-image: url("../../img/menu-on.gif");
        background-repeat: no-repeat;
        background-position: right center;
        background-size: auto 100%;
        color: #fff;
        /*font-weight: 700;*/
        font-weight: 400;
        font-size: 15px;
        font-size: 1.1538461538rem;
        line-height: 1.3333333333;
        line-height: 44px; }
    .box.menu ul li + li, .menu.notification ul li + li {
      border-top: solid 1px #d8d8d8; }

.box.filters, .filters.notification {
  padding: 0;
  font-size: 15px;
  font-size: 1.1538461538rem;
  line-height: 1.3333333333;
  font-weight: 300;
  background-color: transparent;
  margin-bottom: 0; }

.box--info {
  padding-left: 60px;
  background-image: url("../../img/icon-info.png");
  background-repeat: no-repeat;
  background-position: 20px 20px; }

.box--success {
  text-align: center;
  background: url("../../img/checkin-tick-black.png") no-repeat center 40px #fff;
  padding-top: 90px;
  padding-bottom: 40px; }
  .box--success h1 {
    font-weight: 700;
    font-size: 41px;
    font-size: 3.1538461538rem;
    line-height: 1.4634146341;
    line-height: 1.1em;
    text-transform: uppercase; }
    .fonts-loaded .box--success h1 {
      font-family: "Source Sans Pro", Arial, sans-serif; }

.box--activity {
  padding: 20px; }

.box--no-results {
  text-align: center;
  padding: 40px 0; }
  .box--no-results p {
    font-size: 17px;
    font-size: 1.3076923077rem;
    line-height: 1.1764705882; }

.box--membership {
  padding: 0; }
  .box--membership .content {
    padding: 20px; }
  .box--membership .alternative {
    background-color: #f6fefa; }

.box--error {
  opacity: 0.8;
  padding-bottom: 60px;
  text-align: center; }
  .box--error .links {
    margin-top: 60px; }
    .box--error .links a {
      font-size: 20px;
      font-size: 1.5384615385rem;
      line-height: 1; }
      .box--error .links a img {
        margin-bottom: 20px; }
  .box--error p.link {
    font-size: 20px;
    font-size: 1.5384615385rem;
    line-height: 1;
    line-height: 1.6;
    padding: 60px; }

.btn, .message-listing .message-btn--view a, .message-listing .message-btn--delete a {
  font-size: 17px;
  font-size: 1.3076923077rem;
  line-height: 1.1764705882; }
  .btn:disabled, .message-listing .message-btn--view a:disabled, .message-listing .message-btn--delete a:disabled {
    opacity: 0.3; }

.btn--small, .form--profile button.add, .form--profile p.add, .form--profile .new-skill .btn, .form--profile .new-skill .message-listing .message-btn--view a, .message-listing .message-btn--view .form--profile .new-skill a, .form--profile .new-skill .message-listing .message-btn--delete a, .message-listing .message-btn--delete .form--profile .new-skill a, .message-listing .message-btn--view a, .message-listing .message-btn--delete a, .result .btn--profile {
  font-size: 13px;
  font-size: 1rem;
  line-height: 1.5384615385; }

.btn--blue, .btn--primary {
  background-color: #19a9e3;
  color: #fff; }
  .btn--blue:hover, .btn--blue:focus, .btn--primary:hover, .btn--primary:focus {
    background-color: #008bdc;
    border-color: #008bdc; }

.btn--primary {
  border: solid 1px #fff; }

.btn--white, .btn--secondary {
  background-color: #fff;
  color: #19a9e3;
  border-color: #19a9e3; }
  .btn--white:hover, .btn--white:focus, .btn--secondary:hover, .btn--secondary:focus {
    color: #6685a3;
    border-color: #6685a3; }

.btn--bold {
  border-width: 2px;
  font-weight: 700;
  text-transform: uppercase; }

.btn--dark {
  background-color: #293D87;
  border-color: #293D87;
  color: #fff; }

.btn--outline-bright {
  color: #19a9e3;
  border-color: #19a9e3; }

.btn--outline-white {
  color: #fff;
  border-color: #fff;
  background-color: transparent; }

.btn--gray {
  background-color: #898989;
  border-color: #898989; }

.btn--send {
  padding-left: 50px;
  background-image: url("../../img/icons/icon-button-send@2x.png");
  background-size: 26px 17px;
  background-repeat: no-repeat;
  background-position: 10px 50%; }
  .btn--send.btn--small, .form--profile button.btn--send.add, .form--profile p.btn--send.add, .form--profile .new-skill .btn--send.btn, .message-listing .message-btn--view a.btn--send, .message-listing .message-btn--delete a.btn--send, .result .btn--send.btn--profile {
    background-size: 15px 15px; }

.btn--rotate {
  background-color: #fff;
  background-image: url("../../img/icon-rotate.png");
  background-repeat: no-repeat;
  background-position: 10px center;
  border-color: #19a9e3;
  border-width: 2px;
  box-sizing: border-box;
  color: #19a9e3;
  display: inline-block;
  font-weight: 700;
  padding-left: 40px; }
  .btn--rotate:hover {
    color: #19a9e3; }
  .btn--rotate.btn--rotate-icon {
    width: 32px;
    height: 32px;
    line-height: 32px;
    background-position: center center;
    background-size: 16px 16px;
    padding: 0; }

.btn--photo-delete {
  width: 32px;
  height: 32px;
  line-height: 32px;
  padding: 0;
  background: url("../../img/icon-photo-delete.png") no-repeat center center;
  border: solid 2px #898989; }

.btn--pad {
  padding-left: 60px;
  padding-right: 60px; }

.box.checkin, .checkin.notification {
  text-align: center;
  margin-top: 40px !important;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: rgba(0, 0, 0, 0.5); }
  .box.checkin h1, .checkin.notification h1 {
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-weight: 300;
    font-size: 31px;
    font-size: 2.3846153846rem;
    line-height: 1.2903225806;
    line-height: 1.1em;
    color: #fff; }
    @media screen and (min-width: 480px) {
      .box.checkin h1, .checkin.notification h1 {
        font-size: 41px;
        font-size: 3.1538461538rem;
        line-height: 1.4634146341; } }
  .box.checkin p.intro, .checkin.notification p.intro {
    font-size: 19px;
    font-size: 1.4615384615rem;
    line-height: 1.0526315789;
    line-height: 1.4em;
    margin: 0;
    color: #fff; }
  .box.checkin > p, .checkin.notification > p {
    color: #fff; }
  .box.checkin label, .checkin.notification label {
    width: 40%;
    text-align: right;
    padding-right: 20px;
    font-size: 15px;
    font-size: 1.1538461538rem;
    line-height: 1.3333333333;
    display: inline-block;
    vertical-align: middle; }
  .box.checkin select, .checkin.notification select, .box.checkin input[type="text"], .checkin.notification input[type="text"] {
    width: 60%;
    display: inline-block;
    box-sizing: border-box; }
  .box.checkin .entry, .checkin.notification .entry {
    margin-bottom: 10px; }
  .box.checkin .checkbox, .checkin.notification .checkbox {
    margin-top: 40px; }
    .box.checkin .checkbox input[type="checkbox"], .checkin.notification .checkbox input[type="checkbox"] {
      position: absolute;
      left: 0;
      top: 5px; }
    .box.checkin .checkbox select, .checkin.notification .checkbox select {
      width: 80px;
      margin-left: 20px; }
    .box.checkin .checkbox div, .checkin.notification .checkbox div {
      width: 60%;
      font-size: 15px;
      font-size: 1.1538461538rem;
      line-height: 1.3333333333;
      text-align: left;
      display: inline-block;
      vertical-align: top;
      position: relative; }
    .box.checkin .checkbox label, .checkin.notification .checkbox label {
      vertical-align: top;
      padding-top: 11px; }
    .box.checkin .checkbox + .checkbox, .checkin.notification .checkbox + .checkbox {
      margin-top: 0; }
      .box.checkin .checkbox + .checkbox label, .checkin.notification .checkbox + .checkbox label {
        opacity: 0; }
    .box.checkin .checkbox span, .checkin.notification .checkbox span {
      cursor: pointer; }
  .box.checkin input[type="image"], .checkin.notification input[type="image"] {
    margin: 40px 0 20px 0; }
  .box.checkin .thanks, .checkin.notification .thanks {
    font-size: 21px;
    font-size: 1.6153846154rem;
    line-height: 1.9047619048;
    font-weight: 700;
    margin: 60px 0 60px 0;
    color: #000; }
  .box.checkin .checkin-controls, .checkin.notification .checkin-controls {
    margin-top: 10px;
    border-top: solid 1px #d8d8d8;
    position: relative; }
  .box.checkin .edit-link, .checkin.notification .edit-link {
    font-size: 15px;
    font-size: 1.1538461538rem;
    line-height: 1.3333333333;
    line-height: 24px;
    padding: 0;
    margin-top: 10px;
    display: inline-block; }
    .box.checkin .edit-link a, .checkin.notification .edit-link a {
      line-height: 24px; }
    .box.checkin .edit-link img, .checkin.notification .edit-link img {
      margin-right: 10px; }
  .box.checkin .view-link, .checkin.notification .view-link {
    font-size: 15px;
    font-size: 1.1538461538rem;
    line-height: 1.3333333333;
    line-height: 24px;
    padding: 0;
    margin-top: 10px;
    margin-left: 40px;
    display: inline-block; }
    .box.checkin .view-link a, .checkin.notification .view-link a {
      line-height: 24px; }
    .box.checkin .view-link img, .checkin.notification .view-link img {
      margin-right: 10px; }
  .box.checkin .hide-link, .checkin.notification .hide-link {
    font-size: 15px;
    font-size: 1.1538461538rem;
    line-height: 1.3333333333;
    line-height: 24px;
    padding: 0;
    margin-top: 10px;
    margin-left: 40px;
    display: none; }
    .box.checkin .hide-link a, .checkin.notification .hide-link a {
      line-height: 24px; }
    .box.checkin .hide-link img, .checkin.notification .hide-link img {
      margin-right: 10px; }
  .box.checkin .job-status, .checkin.notification .job-status {
    margin-top: 10px; }
  .box.checkin .job-edit-container, .checkin.notification .job-edit-container {
    text-align: center; }
    @media screen and (min-width: 480px) {
      .box.checkin .job-edit-container, .checkin.notification .job-edit-container {
        text-align: left; } }
  .box.checkin .job-status-container, .checkin.notification .job-status-container {
    text-align: center; }
    @media screen and (min-width: 480px) {
      .box.checkin .job-status-container, .checkin.notification .job-status-container {
        text-align: right; } }

.form--checkin {
  width: 100%;
  margin: 0 auto; }
  .form--checkin .submit-button {
    font-size: 19px;
    font-size: 1.4615384615rem;
    line-height: 1.0526315789;
    background-color: #19a9e3;
    background-image: url("../../img/checkin-tick-white.png");
    background-size: 22px 22px;
    background-repeat: no-repeat;
    background-position: calc(50% - 60px) 50%;
    color: #fff;
    width: 80%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    display: block;
    border: none;
    margin: 0 auto 20px auto; }
    .fonts-loaded .form--checkin .submit-button {
      font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif; }
    .form--checkin .submit-button:hover {
      background-color: #008bdc; }

.checkin-explanation {
  text-align: center;
  padding-bottom: 60px; }
  .checkin-explanation .handle {
    color: #fff;
    border: solid 1px #fff;
    margin: 0 auto;
    padding: 10px 40px;
    display: inline-block;
    position: relative;
    top: 20px;
    z-index: 2;
    background-color: #11435a; }
    .checkin-explanation .handle:hover {
      background-color: #19a9e3; }
  .checkin-explanation .content {
    padding: 40px;
    border: solid 1px #fff;
    background-color: rgba(0, 0, 0, 0.3);
    color: #fff;
    display: none; }
    @media screen and (min-width: 640px) {
      .checkin-explanation .content {
        padding: 40px 60px; } }
  .checkin-explanation p {
    margin: 0;
    padding: 0; }
  .checkin-explanation p + p {
    margin-top: 20px; }

/*
**  Listings
*/
.checkin-job {
  text-align: left;
  background-color: #fff;
  position: relative;
  margin-bottom: 20px; }
  .checkin-job h2 {
    margin: 0;
    font-weight: normal;
    font-size: 19px;
    font-size: 1.4615384615rem;
    line-height: 1.0526315789;
    margin-bottom: 5px;
    color: #575757; }
    .checkin-job h2 span {
      color: inherit; }
  .checkin-job p {
    margin: 0;
    color: #575757; }
  .checkin-job span {
    color: #8e8c8c; }
  .checkin-job .job-status {
    color: #fff;
    border-radius: 15px;
    cursor: pointer;
    padding: 0;
    line-height: 30px !important;
    height: 30px;
    width: 90px !important;
    text-transform: uppercase;
    display: inline-block;
    background-image: url("../../img/checkin-toggle.png");
    background-repeat: no-repeat;
    background-position: 1px 1px; }
    .checkin-job .job-status.job-status-live {
      background-color: #19a9e3;
      text-align: right;
      padding-right: 15px; }
    .checkin-job .job-status.job-status-disabled {
      background-color: #e91250;
      text-align: left;
      padding-left: 15px;
      background-position: right 1px; }
  .checkin-job .checkin-job--info {
    padding: 20px; }

.checkin-description {
  display: none; }
  .checkin-description.active {
    display: block; }

.checkin-crew {
  text-align: left;
  background-color: #fff;
  position: relative;
  margin-bottom: 20px; }
  .checkin-crew h2 {
    margin: 0;
    font-weight: normal;
    font-size: 19px;
    font-size: 1.4615384615rem;
    line-height: 1.0526315789;
    margin-bottom: 5px;
    color: #575757; }
    .checkin-crew h2 span {
      color: inherit; }
  .checkin-crew p {
    margin: 0;
    color: #575757; }
  .checkin-crew span {
    color: #8e8c8c; }
  .checkin-crew .edit-link {
    font-size: 15px;
    font-size: 1.1538461538rem;
    line-height: 1.3333333333;
    line-height: 24px;
    padding: 0;
    margin-top: 20px; }
    .checkin-crew .edit-link a {
      line-height: 24px; }
    .checkin-crew .edit-link img {
      margin-right: 10px; }
  .checkin-crew .job-status {
    color: #fff;
    border-radius: 15px;
    cursor: pointer;
    padding: 0;
    line-height: 30px !important;
    height: 30px;
    width: 90px !important;
    text-transform: uppercase;
    display: inline-block;
    background-image: url("../../img/checkin-toggle.png");
    background-repeat: no-repeat;
    background-position: 1px 1px; }
    .checkin-crew .job-status.job-status-live {
      background-color: #19a9e3;
      text-align: right;
      padding-right: 15px; }
    .checkin-crew .job-status.job-status-disabled {
      background-color: #e91250;
      text-align: left;
      padding-left: 15px;
      background-position: right 1px; }
  .checkin-crew .checkin-crew--info {
    padding: 20px; }

/*
**  Check In Bar
*/
#CheckinBar {
  background-color: #2adfff;
  margin-bottom: 20px;
  padding: 10px;
  min-height: 50px;
  color: #fff;
  font-size: 17px;
  font-size: 1.3076923077rem;
  line-height: 1.1764705882; }
  @media screen and (min-width: 1024px) {
    #CheckinBar {
      background: url("../../img/checkin-tick-white.png") no-repeat 10px 10px #2adfff; } }
  #CheckinBar .checkin--intro {
    border-right: solid 1px #fff;
    padding-left: 80px;
    display: none; }
    @media screen and (min-width: 1024px) {
      #CheckinBar .checkin--intro {
        display: inline-block; } }
  #CheckinBar .checkin--options {
    padding-left: 20px; }
  #CheckinBar .checkin--submit {
    float: right;
    text-align: right; }
  #CheckinBar p {
    margin: 0; }
  #CheckinBar select {
    height: 34px;
    box-sizing: border-box;
    color: #293D87;
    padding: 5px;
    font-size: 15px;
    font-size: 1.1538461538rem;
    line-height: 1.3333333333; }
  #CheckinBar .u-inline-block select {
    margin-top: 4px; }
  #CheckinBar .label, #CheckinBar .success {
    margin-right: 20px;
    display: inline-block;
    vertical-align: top;
    line-height: 40px; }
  #CheckinBar .success {
    font-weight: 700; }
  #CheckinBar .options {
    display: inline-block;
    vertical-align: top; }
    #CheckinBar .options p {
      display: block;
      padding-top: 5px; }
    #CheckinBar .options span {
      color: #000;
      padding-right: 20px; }
    #CheckinBar .options select {
      width: 100px; }
    #CheckinBar .options option {
      color: #293D87; }
  #CheckinBar input[type="image"] {
    border: solid 2px #fff; }

/****************************************************************
 *
 * CSS Percentage Circle
 * Author: Andre Firchow
 *
*****************************************************************/
.rect-auto, .c100.p51 .slice, .c100.p52 .slice, .c100.p53 .slice, .c100.p54 .slice, .c100.p55 .slice, .c100.p56 .slice, .c100.p57 .slice, .c100.p58 .slice, .c100.p59 .slice, .c100.p60 .slice, .c100.p61 .slice, .c100.p62 .slice, .c100.p63 .slice, .c100.p64 .slice, .c100.p65 .slice, .c100.p66 .slice, .c100.p67 .slice, .c100.p68 .slice, .c100.p69 .slice, .c100.p70 .slice, .c100.p71 .slice, .c100.p72 .slice, .c100.p73 .slice, .c100.p74 .slice, .c100.p75 .slice, .c100.p76 .slice, .c100.p77 .slice, .c100.p78 .slice, .c100.p79 .slice, .c100.p80 .slice, .c100.p81 .slice, .c100.p82 .slice, .c100.p83 .slice, .c100.p84 .slice, .c100.p85 .slice, .c100.p86 .slice, .c100.p87 .slice, .c100.p88 .slice, .c100.p89 .slice, .c100.p90 .slice, .c100.p91 .slice, .c100.p92 .slice, .c100.p93 .slice, .c100.p94 .slice, .c100.p95 .slice, .c100.p96 .slice, .c100.p97 .slice, .c100.p98 .slice, .c100.p99 .slice, .c100.p100 .slice {
  clip: rect(auto, auto, auto, auto); }

.pie, .c100 .bar, .c100.p51 .fill, .c100.p52 .fill, .c100.p53 .fill, .c100.p54 .fill, .c100.p55 .fill, .c100.p56 .fill, .c100.p57 .fill, .c100.p58 .fill, .c100.p59 .fill, .c100.p60 .fill, .c100.p61 .fill, .c100.p62 .fill, .c100.p63 .fill, .c100.p64 .fill, .c100.p65 .fill, .c100.p66 .fill, .c100.p67 .fill, .c100.p68 .fill, .c100.p69 .fill, .c100.p70 .fill, .c100.p71 .fill, .c100.p72 .fill, .c100.p73 .fill, .c100.p74 .fill, .c100.p75 .fill, .c100.p76 .fill, .c100.p77 .fill, .c100.p78 .fill, .c100.p79 .fill, .c100.p80 .fill, .c100.p81 .fill, .c100.p82 .fill, .c100.p83 .fill, .c100.p84 .fill, .c100.p85 .fill, .c100.p86 .fill, .c100.p87 .fill, .c100.p88 .fill, .c100.p89 .fill, .c100.p90 .fill, .c100.p91 .fill, .c100.p92 .fill, .c100.p93 .fill, .c100.p94 .fill, .c100.p95 .fill, .c100.p96 .fill, .c100.p97 .fill, .c100.p98 .fill, .c100.p99 .fill, .c100.p100 .fill {
  position: absolute;
  border: 0.06em solid #307bbb;
  width: 0.88em;
  height: 0.88em;
  clip: rect(0em, 0.5em, 1em, 0em);
  border-radius: 50%;
  transform: rotate(0deg); }

.pie-fill, .c100.p51 .bar:after, .c100.p51 .fill, .c100.p52 .bar:after, .c100.p52 .fill, .c100.p53 .bar:after, .c100.p53 .fill, .c100.p54 .bar:after, .c100.p54 .fill, .c100.p55 .bar:after, .c100.p55 .fill, .c100.p56 .bar:after, .c100.p56 .fill, .c100.p57 .bar:after, .c100.p57 .fill, .c100.p58 .bar:after, .c100.p58 .fill, .c100.p59 .bar:after, .c100.p59 .fill, .c100.p60 .bar:after, .c100.p60 .fill, .c100.p61 .bar:after, .c100.p61 .fill, .c100.p62 .bar:after, .c100.p62 .fill, .c100.p63 .bar:after, .c100.p63 .fill, .c100.p64 .bar:after, .c100.p64 .fill, .c100.p65 .bar:after, .c100.p65 .fill, .c100.p66 .bar:after, .c100.p66 .fill, .c100.p67 .bar:after, .c100.p67 .fill, .c100.p68 .bar:after, .c100.p68 .fill, .c100.p69 .bar:after, .c100.p69 .fill, .c100.p70 .bar:after, .c100.p70 .fill, .c100.p71 .bar:after, .c100.p71 .fill, .c100.p72 .bar:after, .c100.p72 .fill, .c100.p73 .bar:after, .c100.p73 .fill, .c100.p74 .bar:after, .c100.p74 .fill, .c100.p75 .bar:after, .c100.p75 .fill, .c100.p76 .bar:after, .c100.p76 .fill, .c100.p77 .bar:after, .c100.p77 .fill, .c100.p78 .bar:after, .c100.p78 .fill, .c100.p79 .bar:after, .c100.p79 .fill, .c100.p80 .bar:after, .c100.p80 .fill, .c100.p81 .bar:after, .c100.p81 .fill, .c100.p82 .bar:after, .c100.p82 .fill, .c100.p83 .bar:after, .c100.p83 .fill, .c100.p84 .bar:after, .c100.p84 .fill, .c100.p85 .bar:after, .c100.p85 .fill, .c100.p86 .bar:after, .c100.p86 .fill, .c100.p87 .bar:after, .c100.p87 .fill, .c100.p88 .bar:after, .c100.p88 .fill, .c100.p89 .bar:after, .c100.p89 .fill, .c100.p90 .bar:after, .c100.p90 .fill, .c100.p91 .bar:after, .c100.p91 .fill, .c100.p92 .bar:after, .c100.p92 .fill, .c100.p93 .bar:after, .c100.p93 .fill, .c100.p94 .bar:after, .c100.p94 .fill, .c100.p95 .bar:after, .c100.p95 .fill, .c100.p96 .bar:after, .c100.p96 .fill, .c100.p97 .bar:after, .c100.p97 .fill, .c100.p98 .bar:after, .c100.p98 .fill, .c100.p99 .bar:after, .c100.p99 .fill, .c100.p100 .bar:after, .c100.p100 .fill {
  transform: rotate(180deg); }

.c100 {
  position: relative;
  font-size: 120px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  float: left;
  margin: 0 0.1em 0.1em 0;
  background-color: #ccc; }
  .c100 *, .c100 *:before, .c100 *:after {
    box-sizing: content-box; }
  .c100.center {
    float: none;
    margin: 0 auto; }
  .c100.big {
    font-size: 240px; }
  .c100.small {
    font-size: 80px; }
  .c100 > span {
    position: absolute;
    width: 100%;
    z-index: 1;
    left: 0;
    top: 0;
    width: 5em;
    line-height: 5em;
    font-size: 0.2em;
    color: #ccc;
    display: block;
    text-align: center;
    white-space: nowrap;
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: ease-out; }
    .c100 > span span {
      font-size: 20px;
      transform: all 0.2s ease-in; }
  .c100:after {
    position: absolute;
    top: 0.06em;
    left: 0.06em;
    display: block;
    content: " ";
    border-radius: 50%;
    background-color: #f5f5f5;
    width: 0.88em;
    height: 0.88em;
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: ease-in; }
  .c100 .slice {
    position: absolute;
    width: 1em;
    height: 1em;
    clip: rect(0em, 1em, 1em, 0.5em); }
  .c100.p1 .bar {
    transform: rotate(3.6deg); }
  .c100.p2 .bar {
    transform: rotate(7.2deg); }
  .c100.p3 .bar {
    transform: rotate(10.8deg); }
  .c100.p4 .bar {
    transform: rotate(14.4deg); }
  .c100.p5 .bar {
    transform: rotate(18deg); }
  .c100.p6 .bar {
    transform: rotate(21.6deg); }
  .c100.p7 .bar {
    transform: rotate(25.2deg); }
  .c100.p8 .bar {
    transform: rotate(28.8deg); }
  .c100.p9 .bar {
    transform: rotate(32.4deg); }
  .c100.p10 .bar {
    transform: rotate(36deg); }
  .c100.p11 .bar {
    transform: rotate(39.6deg); }
  .c100.p12 .bar {
    transform: rotate(43.2deg); }
  .c100.p13 .bar {
    transform: rotate(46.8deg); }
  .c100.p14 .bar {
    transform: rotate(50.4deg); }
  .c100.p15 .bar {
    transform: rotate(54deg); }
  .c100.p16 .bar {
    transform: rotate(57.6deg); }
  .c100.p17 .bar {
    transform: rotate(61.2deg); }
  .c100.p18 .bar {
    transform: rotate(64.8deg); }
  .c100.p19 .bar {
    transform: rotate(68.4deg); }
  .c100.p20 .bar {
    transform: rotate(72deg); }
  .c100.p21 .bar {
    transform: rotate(75.6deg); }
  .c100.p22 .bar {
    transform: rotate(79.2deg); }
  .c100.p23 .bar {
    transform: rotate(82.8deg); }
  .c100.p24 .bar {
    transform: rotate(86.4deg); }
  .c100.p25 .bar {
    transform: rotate(90deg); }
  .c100.p26 .bar {
    transform: rotate(93.6deg); }
  .c100.p27 .bar {
    transform: rotate(97.2deg); }
  .c100.p28 .bar {
    transform: rotate(100.8deg); }
  .c100.p29 .bar {
    transform: rotate(104.4deg); }
  .c100.p30 .bar {
    transform: rotate(108deg); }
  .c100.p31 .bar {
    transform: rotate(111.6deg); }
  .c100.p32 .bar {
    transform: rotate(115.2deg); }
  .c100.p33 .bar {
    transform: rotate(118.8deg); }
  .c100.p34 .bar {
    transform: rotate(122.4deg); }
  .c100.p35 .bar {
    transform: rotate(126deg); }
  .c100.p36 .bar {
    transform: rotate(129.6deg); }
  .c100.p37 .bar {
    transform: rotate(133.2deg); }
  .c100.p38 .bar {
    transform: rotate(136.8deg); }
  .c100.p39 .bar {
    transform: rotate(140.4deg); }
  .c100.p40 .bar {
    transform: rotate(144deg); }
  .c100.p41 .bar {
    transform: rotate(147.6deg); }
  .c100.p42 .bar {
    transform: rotate(151.2deg); }
  .c100.p43 .bar {
    transform: rotate(154.8deg); }
  .c100.p44 .bar {
    transform: rotate(158.4deg); }
  .c100.p45 .bar {
    transform: rotate(162deg); }
  .c100.p46 .bar {
    transform: rotate(165.6deg); }
  .c100.p47 .bar {
    transform: rotate(169.2deg); }
  .c100.p48 .bar {
    transform: rotate(172.8deg); }
  .c100.p49 .bar {
    transform: rotate(176.4deg); }
  .c100.p50 .bar {
    transform: rotate(180deg); }
  .c100.p51 .bar {
    transform: rotate(183.6deg); }
  .c100.p52 .bar {
    transform: rotate(187.2deg); }
  .c100.p53 .bar {
    transform: rotate(190.8deg); }
  .c100.p54 .bar {
    transform: rotate(194.4deg); }
  .c100.p55 .bar {
    transform: rotate(198deg); }
  .c100.p56 .bar {
    transform: rotate(201.6deg); }
  .c100.p57 .bar {
    transform: rotate(205.2deg); }
  .c100.p58 .bar {
    transform: rotate(208.8deg); }
  .c100.p59 .bar {
    transform: rotate(212.4deg); }
  .c100.p60 .bar {
    transform: rotate(216deg); }
  .c100.p61 .bar {
    transform: rotate(219.6deg); }
  .c100.p62 .bar {
    transform: rotate(223.2deg); }
  .c100.p63 .bar {
    transform: rotate(226.8deg); }
  .c100.p64 .bar {
    transform: rotate(230.4deg); }
  .c100.p65 .bar {
    transform: rotate(234deg); }
  .c100.p66 .bar {
    transform: rotate(237.6deg); }
  .c100.p67 .bar {
    transform: rotate(241.2deg); }
  .c100.p68 .bar {
    transform: rotate(244.8deg); }
  .c100.p69 .bar {
    transform: rotate(248.4deg); }
  .c100.p70 .bar {
    transform: rotate(252deg); }
  .c100.p71 .bar {
    transform: rotate(255.6deg); }
  .c100.p72 .bar {
    transform: rotate(259.2deg); }
  .c100.p73 .bar {
    transform: rotate(262.8deg); }
  .c100.p74 .bar {
    transform: rotate(266.4deg); }
  .c100.p75 .bar {
    transform: rotate(270deg); }
  .c100.p76 .bar {
    transform: rotate(273.6deg); }
  .c100.p77 .bar {
    transform: rotate(277.2deg); }
  .c100.p78 .bar {
    transform: rotate(280.8deg); }
  .c100.p79 .bar {
    transform: rotate(284.4deg); }
  .c100.p80 .bar {
    transform: rotate(288deg); }
  .c100.p81 .bar {
    transform: rotate(291.6deg); }
  .c100.p82 .bar {
    transform: rotate(295.2deg); }
  .c100.p83 .bar {
    transform: rotate(298.8deg); }
  .c100.p84 .bar {
    transform: rotate(302.4deg); }
  .c100.p85 .bar {
    transform: rotate(306deg); }
  .c100.p86 .bar {
    transform: rotate(309.6deg); }
  .c100.p87 .bar {
    transform: rotate(313.2deg); }
  .c100.p88 .bar {
    transform: rotate(316.8deg); }
  .c100.p89 .bar {
    transform: rotate(320.4deg); }
  .c100.p90 .bar {
    transform: rotate(324deg); }
  .c100.p91 .bar {
    transform: rotate(327.6deg); }
  .c100.p92 .bar {
    transform: rotate(331.2deg); }
  .c100.p93 .bar {
    transform: rotate(334.8deg); }
  .c100.p94 .bar {
    transform: rotate(338.4deg); }
  .c100.p95 .bar {
    transform: rotate(342deg); }
  .c100.p96 .bar {
    transform: rotate(345.6deg); }
  .c100.p97 .bar {
    transform: rotate(349.2deg); }
  .c100.p98 .bar {
    transform: rotate(352.8deg); }
  .c100.p99 .bar {
    transform: rotate(356.4deg); }
  .c100.p100 .bar {
    transform: rotate(360deg); }
  .c100:hover {
    cursor: default; }
    .c100:hover > span {
      width: 3.33em;
      line-height: 3.33em;
      font-size: 0.3em;
      color: #307bbb; }
      .c100:hover > span span {
        font-size: 22px; }
    .c100:hover:after {
      top: 0.06em;
      left: 0.06em;
      width: 0.88em;
      height: 0.88em; }
  .c100.dark {
    background-color: #777; }
    .c100.dark .bar,
    .c100.dark .fill {
      border-color: #c6ff00 !important; }
    .c100.dark > span {
      color: #777; }
    .c100.dark:after {
      background-color: #666; }
    .c100.dark:hover > span {
      color: #c6ff00; }
  .suitability--high .c100 .bar, .suitability--high .c100 .fill {
    border-color: #4db53c !important; }
  .suitability--high .c100:hover > span {
    color: #4db53c; }
  .c100.green.dark .bar, .c100.green.dark .fill {
    border-color: #5fd400 !important; }
  .c100.green.dark:hover > span {
    color: #5fd400; }
  .suitability--medium .c100 .bar, .suitability--medium .c100 .fill {
    border-color: orange !important; }
  .suitability--medium .c100:hover > span {
    color: orange; }
  .c100.orange.dark .bar, .c100.orange.dark .fill {
    border-color: #e08833 !important; }
  .c100.orange.dark:hover > span {
    color: #e08833; }

section.dashboard ul.listing {
  list-style-type: none;
  margin: 0;
  padding: 0; }
  section.dashboard ul.listing li {
    position: relative; }

.box--dashboard {
  background-color: transparent;
  padding: 0; }
  .box--dashboard .heading {
    background-color: rgba(0, 0, 0, 0.3);
    background-repeat: no-repeat;
    background-position: 15px center;
    padding: 0 20px 0 50px;
    margin: 0;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    height: 30px;
    line-height: 30px; }
  .box--dashboard .content {
    background-color: #fff;
    padding: 0; }
  .box--dashboard .buttons {
    padding: 20px 20px 10px 20px;
    text-align: center; }
  .box--dashboard .listing li {
    padding: 0;
    border-bottom: solid 1px #ebebeb; }
    .box--dashboard .listing li:hover {
      background-color: #c6e7fb; }
  .box--dashboard .listing--info {
    padding-top: 5px;
    padding-bottom: 5px; }
  .box--dashboard .empty--title {
    font-size: 17px;
    font-size: 1.3076923077rem;
    line-height: 1.1764705882;
    font-weight: 700;
    color: #000;
    margin-bottom: 20px;
    padding-top: 20px;
    text-align: center; }
  .box--dashboard .empty--subtitle {
    margin: 0 15%;
    padding-bottom: 20px;
    text-align: center; }

.box--dashboard-profile .bg {
  width: 100%;
  height: 50%;
  min-height: 180px;
  background-color: transparent;
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  z-index: 1; }
  @media screen and (max-width: 359px) {
    .box--dashboard-profile .bg {
      background-image: none !important;
      background-color: #fff !important; } }

.box--dashboard-profile .bg-white {
  width: 100%;
  height: 50%;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  z-index: 2; }

.box--dashboard-profile .bg-transparent {
  width: 100%;
  height: 85%;
  background-color: rgba(255, 255, 255, 0.5);
  position: absolute;
  bottom: 0;
  z-index: 1;
  display: none; }
  @media screen and (min-width: 640px) {
    .box--dashboard-profile .bg-transparent {
      display: block; } }

.box--dashboard-profile .heading {
  height: auto;
  font-size: 25px;
  font-size: 1.9230769231rem;
  line-height: 1.6;
  padding: 10px 0 10px 20px; }
  .box--dashboard-profile .heading span {
    font-weight: 400;
    text-transform: none; }

.box--dashboard-profile .content {
  background-color: #ebebeb;
  position: relative;
  padding: 0 0 20px 0; }
  .box--dashboard-profile .content > .layout {
    z-index: 5;
    position: relative; }
  .box--dashboard-profile .content .pad {
    padding: 0 20px; }
    @media screen and (min-width: 640px) {
      .box--dashboard-profile .content .pad {
        padding: 0; } }
  .box--dashboard-profile .content .edit-bg {
    position: absolute;
    top: 7px;
    right: 0;
    text-align: right;
    cursor: pointer;
    margin: 0;
    padding: 3px 15px;
    z-index: 5;
    display: none; }
    @media screen and (min-width: 1024px) {
      .box--dashboard-profile .content .edit-bg {
        display: block; } }
    .box--dashboard-profile .content .edit-bg span {
      display: none;
      margin-right: 10px;
      vertical-align: middle;
      color: #fff; }
    .box--dashboard-profile .content .edit-bg img {
      vertical-align: middle; }
    .box--dashboard-profile .content .edit-bg:hover {
      background-color: rgba(0, 0, 0, 0.5); }
      .box--dashboard-profile .content .edit-bg:hover span {
        display: inline-block; }

.box--dashboard-profile .image {
  text-align: center; }

.box--dashboard-profile .avatar {
  width: 80%;
  max-width: 240px;
  margin: 20px auto;
  position: relative; }
  .box--dashboard-profile .avatar .profile-photo {
    width: 100%;
    border-radius: 20px !important;
    border: solid 1px #fff; }
  .box--dashboard-profile .avatar .edit {
    position: absolute;
    bottom: 15px;
    right: 1px;
    text-align: right;
    color: #fff;
    cursor: pointer;
    margin: 0;
    padding: 3px 10px 3px 15px; }
    .box--dashboard-profile .avatar .edit span {
      display: none;
      margin-right: 10px;
      vertical-align: middle; }
    .box--dashboard-profile .avatar .edit img {
      vertical-align: middle; }
    .box--dashboard-profile .avatar .edit a, .box--dashboard-profile .avatar .edit a:hover {
      color: #fff; }
  .box--dashboard-profile .avatar:hover .edit {
    background-color: rgba(0, 0, 0, 0.5); }
    .box--dashboard-profile .avatar:hover .edit span {
      display: inline-block; }

.box--dashboard-profile h1 {
  font-size: 29px;
  font-size: 2.2307692308rem;
  line-height: 1.3793103448;
  font-weight: 700;
  color: #557397;
  margin: 10px 0 0 0; }

.box--dashboard-profile .stats {
  height: 180px;
  position: relative; }
  .box--dashboard-profile .stats ul {
    position: absolute;
    bottom: 20px; }
  .box--dashboard-profile .stats li {
    width: 80px;
    height: 80px;
    border-radius: 40px;
    background-color: #fff;
    text-align: center;
    vertical-align: middle;
    margin-right: 20px;
    font-size: 12px;
    font-size: 0.9230769231rem;
    line-height: 1.6666666667;
    line-height: 1.0em; }
  .box--dashboard-profile .stats span {
    display: block; }
  .box--dashboard-profile .stats .count {
    font-size: 31px;
    font-size: 2.3846153846rem;
    line-height: 1.2903225806;
    line-height: 1.0em;
    color: #19a9e3;
    margin-top: 8px; }
  .box--dashboard-profile .stats .title {
    font-size: 15px;
    font-size: 1.1538461538rem;
    line-height: 1.3333333333;
    line-height: 1.2em;
    font-weight: 400;
    color: #000; }

.box--dashboard-profile ul.links {
  display: inline-block;
  vertical-align: top; }
  @media screen and (min-width: 640px) {
    .box--dashboard-profile ul.links {
      width: 50%; } }
  .box--dashboard-profile ul.links li {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px; }
  .box--dashboard-profile ul.links a {
    padding-left: 25px;
    background-position: 0 center;
    background-repeat: no-repeat;
    display: block; }
  .box--dashboard-profile ul.links .edit-advert a {
    background-image: url("../../img/icons/icon-dashboard-advert.png"); }
  .box--dashboard-profile ul.links .edit-profile a {
    background-image: url("../../img/icons/icon-dashboard-profile.png"); }
  .box--dashboard-profile ul.links .edit-photos a {
    background-image: url("../../img/icons/icon-dashboard-photos.png"); }
  .box--dashboard-profile ul.links .view-advert a {
    background-image: url("../../img/icons/icon-dashboard-view.png"); }
  .box--dashboard-profile ul.links .view-inbox a {
    background-image: url("../../img/icons/icon-dashboard-inbox.png"); }
  .box--dashboard-profile ul.links .share-profile a {
    background-image: url("../../img/icons/icon-dashboard-share.png"); }
  .box--dashboard-profile ul.links .upgrade a {
    background-image: url("../../img/icons/icon-dashboard-premium.png"); }

.box--dashboard-latest .heading {
  background-image: url("../../img/icons/icon-menu-latest.png"); }

.box--dashboard-latest .content {
  padding: 10px; }

.box--dashboard-latest .intro {
  padding-bottom: 20px;
  border-bottom: solid 1px #d8d8d8; }

.box--dashboard-latest .listing li {
  border-bottom: solid 1px #d8d8d8;
  padding-bottom: 10px;
  display: block; }

.box--dashboard-latest p {
  margin: 0; }

.box--dashboard-latest .username {
  font-weight: 700; }

.box--dashboard-latest .checkin {
  font-size: 0.9em;
  color: #000; }

.box--dashboard-candidates .heading {
  background-image: url("../../img/icons/icon-menu-candidates.png"); }

.box--dashboard-candidates li {
  width: 100%; }

.box--dashboard-candidates .read-0 {
  background-color: #e1f3fe; }

.box--dashboard-candidates p {
  margin: 0; }

.box--dashboard-candidates .username {
  font-weight: 700; }

.box--dashboard-messages .heading {
  background-image: url("../../img/icons/icon-menu-messaging.png"); }

.box--dashboard-messages li {
  width: 100%; }

.box--dashboard-messages .read-0 {
  background-color: #e1f3fe; }
  .box--dashboard-messages .read-0 .date {
    background: url("../../img/icon-message-unread.png") no-repeat left center; }

.box--dashboard-messages .read-1 .date {
  background: url("../../img/icon-message-read.png") no-repeat left center; }

.box--dashboard-messages p {
  margin: 0; }

.box--dashboard-messages .username {
  font-weight: 700; }

.box--dashboard-messages .date {
  padding-left: 20px; }

.box--dashboard-alerts .heading {
  background-image: url("../../img/icons/icon-menu-alerts.png"); }

.box--dashboard-alerts li {
  width: 100%; }

.box--dashboard-alerts .read-0 {
  background-color: #e1f3fe; }

.box--dashboard-alerts p {
  margin: 0; }

.box--dashboard-alerts .username {
  font-weight: 700; }

.box--dashboard-history .heading {
  background-image: url("../../img/icons/icon-menu-history.png"); }

.box--dashboard-history li {
  width: 100%; }

.box--dashboard-history p {
  margin: 0; }

.box--dashboard-history .username {
  font-weight: 700; }

.box--dashboard-favourites .heading {
  background-image: url("../../img/icons/icon-menu-favourites.png"); }

.box--dashboard-favourites li {
  width: 100%; }

.box--dashboard-favourites p {
  margin: 0; }

.box--dashboard-favourites .username {
  font-weight: 700; }

body.home {
  height: 100%;
  margin-bottom: -120px; }

section.home {
  text-align: center;
  margin: 0;
  padding: 80px 0 60px 0;
  background-position: center center;
  background-size: cover; }
  @media screen and (min-width: 640px) {
    section.home {
      min-height: 100vh;
      padding: 140px 0 100px 0; } }
  section.home .centered {
    width: 90%;
    max-width: 1046px; }
  section.home h1 {
    color: #000;
    text-transform: uppercase;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    margin: 0;
    font-size: 45px;
    font-size: 3.4615384615rem;
    line-height: 1.3333333333; }
    @media screen and (min-width: 480px) {
      section.home h1 {
        font-size: 60px;
        font-size: 4.6153846154rem;
        line-height: 1; } }
    @media screen and (min-width: 640px) {
      section.home h1 {
        font-size: 75px;
        font-size: 5.7692307692rem;
        line-height: 1.0666666667; } }
  section.home h2 {
    width: 100%;
    max-width: 820px;
    color: #1b2132;
    text-transform: uppercase;
    margin: 0 auto 40px auto;
    font-weight: 300;
    overflow: hidden;
    font-size: 21px;
    font-size: 1.6153846154rem;
    line-height: 1.9047619048; }
    @media screen and (min-width: 480px) {
      section.home h2 {
        font-size: 26px;
        font-size: 2rem;
        line-height: 1.5384615385; } }
    @media screen and (min-width: 640px) {
      section.home h2 {
        font-size: 31px;
        font-size: 2.3846153846rem;
        line-height: 1.2903225806;
        margin-bottom: 80px; } }
    section.home h2:before, section.home h2:after {
      content: "";
      display: inline-block;
      width: 50%;
      vertical-align: middle;
      border-bottom: solid 1px #000;
      margin: 0 0.5em 0 -55%; }
    section.home h2:after {
      margin: 0 -55% 0 0.5em; }
  section.home .button-container {
    margin-top: 40px; }
  section.home .btn, section.home .message-listing .message-btn--view a, .message-listing .message-btn--view section.home a, section.home .message-listing .message-btn--delete a, .message-listing .message-btn--delete section.home a {
    min-width: 240px;
    text-transform: uppercase;
    background-color: #19a9e3;
    border: solid 1px #fff;
    box-sizing: border-box;
    padding-top: 13.3333333333px;
    padding-bottom: 13.3333333333px; }
  section.home .u-1\/2-phablet {
    padding-bottom: 40px; }
    @media screen and (min-width: 640px) {
      section.home .u-1\/2-phablet {
        padding-bottom: 0; } }

/* Backgrounds */
section.home--welcome {
  background-color: #0e99ff; }

section.home--professional {
  background-color: #f2f7f9; }
  @media screen and (min-width: 640px) {
    section.home--professional {
      background-image: url("../../img/backgrounds/home-professional.jpg"); } }

section.home--recreational {
  background-color: #c9e3fa; }
  @media screen and (min-width: 640px) {
    section.home--recreational {
      background-image: url("../../img/backgrounds/home-recreational.jpg");
      background-position: center center; } }

section.home--stats {
  background-color: #002545; }

/* Search */
section.home--search {
  padding-top: 120px;
  padding-bottom: 0;
  margin-top: -120px; }
  @media screen and (min-width: 640px) {
    section.home--search {
      padding-bottom: 100px; } }
  section.home--search .centered {
    width: 100%; }
  section.home--search fieldset {
    background-color: rgba(255, 255, 255, 0.4);
    padding: 40px 20px 80px 20px; }
    @media screen and (min-width: 640px) {
      section.home--search fieldset {
        margin-top: 18%; } }
    @media screen and (min-width: 880px) {
      section.home--search fieldset {
        max-width: 826px;
        margin: 18% auto 0 auto;
        border-radius: 20px;
        padding-bottom: 40px; } }
  section.home--search .label {
    text-transform: uppercase;
    color: #fff;
    font-size: 31px;
    font-size: 2.3846153846rem;
    line-height: 1.2903225806;
    font-weight: 300; }
    @media screen and (min-width: 880px) {
      section.home--search .label {
        display: inline-block;
        vertical-align: middle;
        margin-right: 20px;
        margin-bottom: 0; } }
  section.home--search .entry {
    padding-bottom: 20px; }
    @media screen and (min-width: 640px) {
      section.home--search .entry {
        padding-bottom: 0;
        display: inline-block;
        vertical-align: middle; } }
  section.home--search label {
    height: 60px;
    background: rgba(9, 46, 121, 0.5);
    border: solid 1px #fff;
    border-radius: 10px;
    display: block;
    cursor: pointer;
    position: relative; }
    @media screen and (min-width: 640px) {
      section.home--search label {
        width: auto;
        margin-right: 20px; } }
    section.home--search label:hover {
      background: rgba(9, 46, 121, 0.8); }
  section.home--search input[type="text"] {
    color: #fff;
    font-size: 21px;
    font-size: 1.6153846154rem;
    line-height: 1.9047619048;
    height: 60px;
    line-height: 60px;
    background-color: transparent;
    border: none;
    padding: 0 0 0 20px;
    margin: 0;
    display: inline-block;
    cursor: pointer;
    float: left; }
    @media screen and (min-width: 640px) {
      section.home--search input[type="text"] {
        width: 230px; } }
  section.home--search span.switch {
    width: 60px;
    height: 100%;
    background-color: #19a9e3;
    border-radius: 0 10px 10px 0;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0; }
    section.home--search span.switch img {
      vertical-align: middle;
      transition: transform 0.5s ease; }
  section.home--search label:hover .switch img {
    transform: rotate(180deg); }
  section.home--search label:active .switch img {
    transform: rotate(0deg); }
  section.home--search input[type="submit"] {
    width: 100%;
    height: 60px;
    border: solid 1px #fff;
    border-radius: 10px;
    background-color: rgba(9, 46, 121, 0.5);
    background-repeat: no-repeat;
    background-position: center center;
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-weight: 300;
    font-size: 21px;
    font-size: 1.6153846154rem;
    line-height: 1.9047619048;
    color: #fff;
    text-transform: uppercase;
    display: block; }
    @media screen and (min-width: 640px) {
      section.home--search input[type="submit"] {
        width: 80px;
        display: inline-block;
        vertical-align: middle;
        background-image: url("../../img/home-search.png");
        color: transparent;
        font-size: 1px; } }
    section.home--search input[type="submit"]:hover {
      background-color: rgba(9, 46, 121, 0.8); }

/* Welcome */
section.home--welcome {
  padding-top: 80px;
  min-height: 0; }
  section.home--welcome h2 {
    margin-bottom: 60px; }
  section.home--welcome p {
    max-width: 680px;
    margin: 0 auto;
    color: #fff;
    font-size: 19px;
    font-size: 1.4615384615rem;
    line-height: 1.0526315789;
    font-weight: 300;
    line-height: 1.7em; }
  section.home--welcome .btn, section.home--welcome .message-listing .message-btn--view a, .message-listing .message-btn--view section.home--welcome a, section.home--welcome .message-listing .message-btn--delete a, .message-listing .message-btn--delete section.home--welcome a {
    background-color: transparent;
    padding-left: 40px;
    padding-right: 40px; }

/* Professional */
section.home--professional p {
  color: #000;
  font-size: 17px;
  font-size: 1.3076923077rem;
  line-height: 1.1764705882;
  font-weight: 300;
  line-height: 1.7em;
  padding: 0 20px; }

section.home--professional .title {
  font-weight: 700;
  font-size: 19px;
  font-size: 1.4615384615rem;
  line-height: 1.0526315789;
  text-transform: uppercase; }

section.home--professional .button-container {
  padding: 0; }

/* Recreational */
section.home--recreational h1 {
  color: #fff; }

section.home--recreational p {
  color: #000;
  font-size: 17px;
  font-size: 1.3076923077rem;
  line-height: 1.1764705882;
  font-weight: 300;
  line-height: 1.7em;
  padding: 0 20px; }

section.home--recreational .title {
  font-weight: 700;
  font-size: 19px;
  font-size: 1.4615384615rem;
  line-height: 1.0526315789;
  text-transform: uppercase; }

section.home--recreational .button-container {
  padding: 0; }

/* Stats */
section.home--stats .title {
  color: #0e99ff;
  text-transform: uppercase;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700;
  font-size: 45px;
  font-size: 3.4615384615rem;
  line-height: 1.3333333333; }
  @media screen and (min-width: 640px) {
    section.home--stats .title {
      font-size: 75px;
      font-size: 5.7692307692rem;
      line-height: 1.0666666667; } }

section.home--stats .subtitle {
  color: #0e99ff;
  font-weight: 300;
  font-size: 17px;
  font-size: 1.3076923077rem;
  line-height: 1.1764705882; }

section.home--stats .bubbles {
  margin-top: 100px; }

section.home--stats .bubble {
  width: 204px;
  height: 204px;
  border-radius: 102px;
  background-color: #184871;
  margin: 0 auto 20px;
  padding: 14% 12% 0 12%;
  box-sizing: border-box;
  position: relative;
  overflow: hidden; }
  section.home--stats .bubble p {
    color: #fff;
    margin: 0; }
  section.home--stats .bubble .count {
    font-size: 60px;
    font-size: 4.6153846154rem;
    line-height: 1;
    font-weight: 700;
    margin: 10px 0; }
  section.home--stats .bubble .label {
    font-size: 17px;
    font-size: 1.3076923077rem;
    line-height: 1.1764705882;
    text-transform: uppercase; }

section.home--stats .button-container {
  margin-top: 60px; }

header {
  background-color: #293D87;
  color: white;
  text-align: center;
  position: relative;
  z-index: 100; }
  @media screen and (min-width: 880px) {
    header {
      text-align: right; } }
  header .logo {
    background-color: #fff;
    text-align: center;
    padding: 10px 0; }
    @media screen and (min-width: 880px) {
      header .logo {
        padding: 0; } }
    header .logo img {
      max-width: 80%;
      max-height: 90%; }
      @media screen and (min-width: 880px) {
        header .logo img {
          margin-top: 5%; } }

header.small {
  min-height: auto;
  height: 80px; }
  header.small .navbar--center {
    height: 80px; }
    header.small .navbar--center img {
      width: auto;
      height: 100%; }

footer {
  width: 100%;
  text-align: center;
  background-color: #fff;
  padding: 60px 0; }
  @media screen and (min-width: 880px) {
    footer {
      padding-bottom: 160px; } }
  footer .social {
    border-bottom: solid 1px #000;
    max-width: 1040px;
    margin: 0 auto;
    padding-bottom: 60px; }
    footer .social p {
      font-size: 23px;
      font-size: 1.7692307692rem;
      line-height: 1.7391304348; }
    footer .social li {
      width: 70px;
      height: 70px;
      padding: 0;
      margin: 0 10px;
      border-radius: 10px;
      overflow: hidden;
      display: block; }
    footer .social svg {
      width: 100%;
      height: 100%;
      position: relative; }
    footer .social .facebook path {
      fill: #3460a1; }
    footer .social .twitter path {
      fill: #28aae1; }
    footer .social .linkedin path {
      fill: #136d9d; }
  footer .menus {
    width: 90%;
    max-width: 800px;
    margin: 0 auto;
    padding-top: 40px;
    text-align: left; }
    footer .menus p {
      color: #595959;
      font-size: 17px;
      font-size: 1.3076923077rem;
      line-height: 1.1764705882; }
    footer .menus ul {
      margin: 0 0 40px 0;
      padding: 0;
      list-style-type: none; }
    footer .menus li {
      padding: 3px 0; }
    footer .menus a {
      color: #2a3e87;
      font-weight: 300; }

.font-regular, .membership-faq--answer {
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-weight: 400; }

.font-bold, .membership-faq--question {
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-weight: 600; }

h1 {
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-weight: 300;
  font-size: 41px;
  font-size: 3.1538461538rem;
  line-height: 1.4634146341;
  line-height: 1.1em; }
  h1 a:hover {
    text-decoration: none; }
  h1 .separator {
    padding: 0 10px; }

h2 {
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-weight: 300;
  font-size: 18px;
  font-size: 1.3846153846rem;
  line-height: 1.1111111111;
  font-weight: 700;
  color: #2b6886; }

h3 {
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-weight: 300;
  font-weight: 400;
  margin-bottom: 0; }

h1 + h2 {
  margin-top: 40px; }

p {
  margin-bottom: 15px; }
  p.welcome {
    font-family: Verdana;
    font-weight: 300;
    font-size: 3.0em;
    text-align: center;
    color: silver;
    margin: 100px 100px 0 100px; }
  p.large {
    font-size: 15px;
    font-size: 1.1538461538rem;
    line-height: 1.3333333333; }
  p.small {
    font-size: 11px;
    font-size: 0.8461538462rem;
    line-height: 1.8181818182; }

.strong {
  font-weight: bold; }

.highlight {
  font-weight: bold;
  color: #19a9e3; }

.underline {
  text-decoration: underline; }

.blue {
  color: #19a9e3; }

.black {
  color: #000; }

.face-gray {
  color: #a3a7a5 !important; }
  .face-gray li, .face-gray a {
    color: #a3a7a5 !important; }

.face-white {
  color: #fff !important; }
  .face-white li, .face-white a {
    color: #fff !important; }

.face-red {
  color: #e91250 !important; }
  .face-red li, .face-red a {
    color: #e91250 !important; }

.face-blue {
  color: #3353C1 !important; }
  .face-blue li, .face-blue a, .face-red .face-blue {
    color: #3353C1 !important; }

.text--info .highlight {
  color: #000;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0; }

.text--info ul {
  list-style-type: none;
  margin: 0; }
  .text--info ul li:before {
    content: "- "; }

ul.dashed {
  list-style-type: none;
  margin: 0; }
  ul.dashed li {
    padding-left: 10px;
    background: url("../../img/bullet-dash.gif") no-repeat 0 10px; }
  ul.dashed.padded li {
    padding-left: 40px;
    line-height: 1.7em; }

ul.ticks {
  list-style-type: none;
  margin: 0; }
  ul.ticks li {
    padding: 3px 0 3px 25px;
    background: url("../../img/list-tick.png") no-repeat 0 7px; }

.box.profile h1, .profile.notification h1 {
  font-size: 31px;
  font-size: 2.3846153846rem;
  line-height: 35px;
  border-bottom: solid 1px #898989; }

.box.profile h2, .profile.notification h2 {
  font-size: 18px;
  font-size: 1.3846153846rem;
  line-height: 1.1111111111;
  padding-bottom: 0;
  margin-bottom: 10px; }

.box.profile .preface, .profile.notification .preface {
  font-size: 11px;
  font-size: 0.8461538462rem;
  line-height: 11px;
  text-transform: uppercase;
  margin: 0; }

.box--membership p, .box--membership li {
  color: #575757; }

.box--membership .alternative p, .box--membership .alternative li {
  color: #575757; }

.box--membership .premium-title {
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-weight: 300;
  font-size: 25px;
  font-size: 1.9230769231rem;
  line-height: 1.6;
  height: 70px;
  line-height: 70px;
  font-weight: 700;
  color: #aeecc8;
  padding-left: 100px;
  margin-bottom: 20px;
  background: url("../../img/premium-shield.png") no-repeat 0 0; }

.box--membership .premium-heading {
  font-size: 25px;
  font-size: 1.9230769231rem;
  line-height: 1.6;
  color: #5db173;
  padding-left: 104px;
  padding-top: 25px;
  background: url("../../img/premium-heading.png") no-repeat 0 0;
  min-height: 79px; }
  .box--membership .premium-heading span {
    font-weight: 700; }

.box--membership .verification-heading {
  font-size: 25px;
  font-size: 1.9230769231rem;
  line-height: 1.6;
  height: 47px;
  line-height: 47px;
  font-weight: 300;
  color: #5db173;
  padding-left: 70px;
  margin-bottom: 20px;
  background: url("../../img/verification-shield-green.png") no-repeat 0 0; }

.box--membership .verification-title {
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-weight: 300;
  font-size: 21px;
  font-size: 1.6153846154rem;
  line-height: 1.9047619048;
  font-weight: 700;
  color: #a3a7a5;
  margin-top: 60px;
  padding-left: 50px;
  background: url("../../img/verification-shield.png") no-repeat 0 0; }

.box--membership .alternative .verification-title {
  margin-top: 0; }

/*
** Payment success
*/
.payment-success {
  text-align: center;
  padding: 60px 120px; }
  .payment-success h1 {
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-weight: 300;
    font-size: 25px;
    font-size: 1.9230769231rem;
    line-height: 1.6;
    font-weight: 700;
    color: #aeecc8;
    padding-top: 50px;
    margin-bottom: 20px;
    background: url("../../img/verification-shield-green.png") no-repeat center 0; }
  .payment-success p {
    color: #708e9a; }
  .payment-success .btn, .payment-success .message-listing .message-btn--view a, .message-listing .message-btn--view .payment-success a, .payment-success .message-listing .message-btn--delete a, .message-listing .message-btn--delete .payment-success a {
    font-size: 13px;
    font-size: 1rem;
    line-height: 1.5384615385;
    font-weight: 700;
    text-transform: uppercase;
    border-width: 2px !important;
    margin-top: 40px; }

fieldset.legend {
  border-top: solid 2px #ebebeb;
  padding-left: 0 !important;
  padding-right: 0 !important;
  display: block; }
  fieldset.legend legend {
    width: 200px;
    text-align: center;
    background-color: #fff;
    color: #6685a3;
    font-size: 18px;
    font-size: 1.3846153846rem;
    line-height: 1.1111111111; }

label {
  margin: 0;
  vertical-align: middle;
  display: block; }
  label.inline {
    width: auto !important;
    margin: 0 20px 0 10px;
    display: inline-block; }
  label.top {
    vertical-align: top;
    margin-top: 5px; }
  label.highlight {
    color: #000;
    font-weight: bold; }
  label.block {
    display: block !important; }

input[type="text"],
input[type="password"],
input[type="email"],
select,
textarea {
  width: 90%;
  padding: 0.5em 1em;
  box-sizing: border-box;
  border-radius: 3px;
  border: solid 1px #d8d8d8; }
  input[type="text"]:hover,
  input[type="password"]:hover,
  input[type="email"]:hover,
  select:hover,
  textarea:hover {
    border-color: #e5e5e5; }
  input[type="text"]:focus, input[type="text"]:active,
  input[type="password"]:focus,
  input[type="password"]:active,
  input[type="email"]:focus,
  input[type="email"]:active,
  select:focus,
  select:active,
  textarea:focus,
  textarea:active {
    outline: none;
    border-color: #19a9e3; }
  input[type="text"].inline,
  input[type="password"].inline,
  input[type="email"].inline,
  select.inline,
  textarea.inline {
    width: auto !important;
    margin-right: 20px;
    display: inline-block; }
  input[type="text"].large,
  input[type="password"].large,
  input[type="email"].large,
  select.large,
  textarea.large {
    font-size: 1.1rem; }

select {
  padding: 0.5em 0.5em 0.5em 0.6em; }
  select.inline {
    width: auto !important;
    margin-right: 20px;
    display: inline-block; }
  select.date {
    margin-right: 10px; }
  select[disabled], select.disabled {
    color: #d8d8d8;
    border-color: #d8d8d8; }
    select[disabled] option, select.disabled option {
      color: #d8d8d8; }

option {
  padding: 0 1em; }

optgroup {
  background-color: #f3f3f3; }

optgroup.primary {
  background-color: #898989;
  color: #fff;
  text-transform: uppercase; }

fieldset {
  background-color: transparent;
  border: none;
  margin: 0; }

form div.half {
  width: 50%;
  display: inline-block;
  vertical-align: top; }

form div.buttons.right {
  margin-right: 10%;
  float: right; }

form p.error {
  color: red; }

.form-transparency, .activity-heading, .form--profile .new-skill, .form--job fieldset.closed, .message--headers, .application--headers, .search--summary div.count, .search--listings, fieldset + .tab-bar, div.buttons + .tab-bar, .tab-bar.run-on, .tab-bar-links {
  background: rgba(255, 255, 255, 0.5); }
  .form-transparency .form-transparency, .activity-heading .form-transparency, .form--profile .new-skill .form-transparency, .form--job fieldset.closed .form-transparency, .message--headers .form-transparency, .application--headers .form-transparency, .search--summary div.count .form-transparency, .search--listings .form-transparency, fieldset + .tab-bar .form-transparency, div.buttons + .tab-bar .form-transparency, .tab-bar.run-on .form-transparency, .tab-bar-links .form-transparency, .form-transparency .activity-heading, .activity-heading .activity-heading, .form--profile .new-skill .activity-heading, .form--job fieldset.closed .activity-heading, .message--headers .activity-heading, .application--headers .activity-heading, .search--summary div.count .activity-heading, .search--listings .activity-heading, fieldset + .tab-bar .activity-heading, div.buttons + .tab-bar .activity-heading, .tab-bar.run-on .activity-heading, .tab-bar-links .activity-heading, .form-transparency .form--profile .new-skill, .form--profile .form-transparency .new-skill, .activity-heading .form--profile .new-skill, .form--profile .activity-heading .new-skill, .form--profile .new-skill .new-skill, .form--job fieldset.closed .form--profile .new-skill, .form--profile .form--job fieldset.closed .new-skill, .message--headers .form--profile .new-skill, .form--profile .message--headers .new-skill, .application--headers .form--profile .new-skill, .form--profile .application--headers .new-skill, .search--summary div.count .form--profile .new-skill, .form--profile .search--summary div.count .new-skill, .search--listings .form--profile .new-skill, .form--profile .search--listings .new-skill, fieldset + .tab-bar .form--profile .new-skill, .form--profile fieldset + .tab-bar .new-skill, div.buttons + .tab-bar .form--profile .new-skill, .form--profile div.buttons + .tab-bar .new-skill, .tab-bar.run-on .form--profile .new-skill, .form--profile .tab-bar.run-on .new-skill, .tab-bar-links .form--profile .new-skill, .form--profile .tab-bar-links .new-skill, .form-transparency .form--job fieldset.closed, .form--job .form-transparency fieldset.closed, .activity-heading .form--job fieldset.closed, .form--job .activity-heading fieldset.closed, .form--profile .new-skill .form--job fieldset.closed, .form--job .form--profile .new-skill fieldset.closed, .form--job fieldset.closed fieldset.closed, .message--headers .form--job fieldset.closed, .form--job .message--headers fieldset.closed, .application--headers .form--job fieldset.closed, .form--job .application--headers fieldset.closed, .search--summary div.count .form--job fieldset.closed, .form--job .search--summary div.count fieldset.closed, .search--listings .form--job fieldset.closed, .form--job .search--listings fieldset.closed, fieldset + .tab-bar .form--job fieldset.closed, .form--job fieldset + .tab-bar fieldset.closed, div.buttons + .tab-bar .form--job fieldset.closed, .form--job div.buttons + .tab-bar fieldset.closed, .tab-bar.run-on .form--job fieldset.closed, .form--job .tab-bar.run-on fieldset.closed, .tab-bar-links .form--job fieldset.closed, .form--job .tab-bar-links fieldset.closed, .form-transparency .message--headers, .activity-heading .message--headers, .form--profile .new-skill .message--headers, .form--job fieldset.closed .message--headers, .message--headers .message--headers, .application--headers .message--headers, .search--summary div.count .message--headers, .search--listings .message--headers, fieldset + .tab-bar .message--headers, div.buttons + .tab-bar .message--headers, .tab-bar.run-on .message--headers, .tab-bar-links .message--headers, .form-transparency .application--headers, .activity-heading .application--headers, .form--profile .new-skill .application--headers, .form--job fieldset.closed .application--headers, .message--headers .application--headers, .application--headers .application--headers, .search--summary div.count .application--headers, .search--listings .application--headers, fieldset + .tab-bar .application--headers, div.buttons + .tab-bar .application--headers, .tab-bar.run-on .application--headers, .tab-bar-links .application--headers, .form-transparency .search--summary div.count, .search--summary .form-transparency div.count, .activity-heading .search--summary div.count, .search--summary .activity-heading div.count, .form--profile .new-skill .search--summary div.count, .search--summary .form--profile .new-skill div.count, .form--job fieldset.closed .search--summary div.count, .search--summary .form--job fieldset.closed div.count, .message--headers .search--summary div.count, .search--summary .message--headers div.count, .application--headers .search--summary div.count, .search--summary .application--headers div.count, .search--summary div.count div.count, .search--listings .search--summary div.count, .search--summary .search--listings div.count, fieldset + .tab-bar .search--summary div.count, .search--summary fieldset + .tab-bar div.count, div.buttons + .tab-bar .search--summary div.count, .search--summary div.buttons + .tab-bar div.count, .tab-bar.run-on .search--summary div.count, .search--summary .tab-bar.run-on div.count, .tab-bar-links .search--summary div.count, .search--summary .tab-bar-links div.count, .form-transparency .search--listings, .activity-heading .search--listings, .form--profile .new-skill .search--listings, .form--job fieldset.closed .search--listings, .message--headers .search--listings, .application--headers .search--listings, .search--summary div.count .search--listings, .search--listings .search--listings, fieldset + .tab-bar .search--listings, div.buttons + .tab-bar .search--listings, .tab-bar.run-on .search--listings, .tab-bar-links .search--listings, .form-transparency fieldset + .tab-bar, .activity-heading fieldset + .tab-bar, .form--profile .new-skill fieldset + .tab-bar, .form--job fieldset.closed fieldset + .tab-bar, .message--headers fieldset + .tab-bar, .application--headers fieldset + .tab-bar, .search--summary div.count fieldset + .tab-bar, .search--listings fieldset + .tab-bar, fieldset + .tab-bar fieldset + .tab-bar, div.buttons + .tab-bar fieldset + .tab-bar, .tab-bar.run-on fieldset + .tab-bar, .tab-bar-links fieldset + .tab-bar, .form-transparency div.buttons + .tab-bar, .activity-heading div.buttons + .tab-bar, .form--profile .new-skill div.buttons + .tab-bar, .form--job fieldset.closed div.buttons + .tab-bar, .message--headers div.buttons + .tab-bar, .application--headers div.buttons + .tab-bar, .search--summary div.count div.buttons + .tab-bar, .search--listings div.buttons + .tab-bar, fieldset + .tab-bar div.buttons + .tab-bar, div.buttons + .tab-bar div.buttons + .tab-bar, .tab-bar.run-on div.buttons + .tab-bar, .tab-bar-links div.buttons + .tab-bar, .form-transparency .tab-bar.run-on, .activity-heading .tab-bar.run-on, .form--profile .new-skill .tab-bar.run-on, .form--job fieldset.closed .tab-bar.run-on, .message--headers .tab-bar.run-on, .application--headers .tab-bar.run-on, .search--summary div.count .tab-bar.run-on, .search--listings .tab-bar.run-on, fieldset + .tab-bar .tab-bar.run-on, div.buttons + .tab-bar .tab-bar.run-on, .tab-bar.run-on .tab-bar.run-on, .tab-bar-links .tab-bar.run-on, .form-transparency .tab-bar-links, .activity-heading .tab-bar-links, .form--profile .new-skill .tab-bar-links, .form--job fieldset.closed .tab-bar-links, .message--headers .tab-bar-links, .application--headers .tab-bar-links, .search--summary div.count .tab-bar-links, .search--listings .tab-bar-links, fieldset + .tab-bar .tab-bar-links, div.buttons + .tab-bar .tab-bar-links, .tab-bar.run-on .tab-bar-links, .tab-bar-links .tab-bar-links, .form-transparency fieldset.closed, .activity-heading fieldset.closed, .form--profile .new-skill fieldset.closed, .form--job fieldset.closed fieldset.closed, .message--headers fieldset.closed, .application--headers fieldset.closed, .search--summary div.count fieldset.closed, .search--listings fieldset.closed, fieldset + .tab-bar fieldset.closed, div.buttons + .tab-bar fieldset.closed, .tab-bar.run-on fieldset.closed, .tab-bar-links fieldset.closed {
    background: transparent; }
  .form-transparency .btn--blue, .activity-heading .btn--blue, .form--profile .new-skill .btn--blue, .form--job fieldset.closed .btn--blue, .message--headers .btn--blue, .application--headers .btn--blue, .search--summary div.count .btn--blue, .search--listings .btn--blue, fieldset + .tab-bar .btn--blue, div.buttons + .tab-bar .btn--blue, .tab-bar.run-on .btn--blue, .tab-bar-links .btn--blue {
    border: solid 1px #fff; }

.form-spacer {
  height: 30px; }

ul.errors li {
  color: red; }

.req {
  color: red; }

.entry .layout__item {
  vertical-align: middle; }

.form--register {
  padding-bottom: 20px; }
  .form--register .purpose {
    text-align: center;
    border: solid 2px transparent;
    padding: 20px 15px 30px 15px;
    box-sizing: border-box; }
    .form--register .purpose:hover {
      border: dashed 2px #5F8EFC; }
    .form--register .purpose.selected {
      border: solid 2px #6bd563;
      background-color: #fff; }
    .form--register .purpose label {
      cursor: pointer; }
    .form--register .purpose img {
      max-width: 140px;
      margin: 0 auto;
      display: block; }
    .form--register .purpose p {
      max-width: 90%;
      height: 70px;
      margin: 0 auto; }
    .form--register .purpose .title {
      height: auto;
      font-weight: bold;
      margin: 20px auto 0 auto; }
    .form--register .purpose input[type="radio"] {
      display: none; }
  .form--register .entry--captcha .g-recaptcha > div {
    width: 100% !important; }

/*   
** Profile form elements
*/
.form--profile .entry {
  min-height: 35px;
  margin-bottom: 5px; }
  @media screen and (min-width: 640px) {
    .form--profile .entry label {
      width: 30%;
      display: inline-block; } }
  @media screen and (min-width: 640px) {
    .form--profile .entry .under-input {
      padding-left: 31%; } }
  .form--profile .entry input + .under-input {
    margin-top: 5px; }

.form--profile .entry--title {
  color: #000;
  font-size: 1.3rem; }

.form--profile .entry--subtitle {
  color: #557397;
  font-size: 1.1rem; }

.form--profile .entry--counter {
  color: #898989;
  text-align: right; }

.form--profile .entry--responsive {
  padding: 20px;
  margin-bottom: 0; }
  .form--profile .entry--responsive label {
    width: 100%;
    cursor: pointer;
    position: relative;
    display: block; }
  .form--profile .entry--responsive input[type="text"], .form--profile .entry--responsive textarea, .form--profile .entry--responsive select {
    width: 100%;
    margin-bottom: 10px; }
  .form--profile .entry--responsive p {
    margin: 0; }

.form--profile .entry--responsive + .entry--responsive {
  border-top: dotted 1px #d8d8d8; }

@media screen and (min-width: 640px) {
  .form--profile input[type="text"],
  .form--profile input[type="email"],
  .form--profile input[type="password"],
  .form--profile select,
  .form--profile textarea {
    width: 60%; } }

.form--profile input[type="checkbox"] {
  margin: 10px 5px 0 0; }

.form--profile select.date.qualification {
  padding-left: 0.2em;
  padding-right: 0.2em; }
  .form--profile select.date.qualification option {
    padding-right: 0; }

.form--profile p.error {
  margin-left: 30%;
  padding-left: 10px; }

.form--profile button.add, .form--profile p.add {
  width: 100%;
  display: inline-block;
  margin-top: 2px;
  font-size: 13px;
  font-size: 1rem;
  line-height: 1.5384615385; }
  @media screen and (min-width: 640px) {
    .form--profile button.add, .form--profile p.add {
      width: 60%;
      margin-left: 30%;
      box-sizing: border-box; } }

.form--profile p.add {
  width: auto;
  margin-left: 0;
  margin-bottom: 20px; }

.form--profile .note {
  font-style: normal;
  color: #19a9e3; }

@media screen and (min-width: 640px) {
  .form--profile .list {
    width: 60%;
    display: inline-block;
    vertical-align: top; } }

.form--profile .job label {
  opacity: 0; }

.form--profile .job[data-job-index="0"] label {
  opacity: 1; }

.form--profile .job .delete {
  margin-left: 10px;
  cursor: pointer; }

.form--profile .language--fluent label {
  opacity: 0; }

.form--profile .language--fluent[data-fluent-index="0"] label {
  opacity: 1; }

.form--profile .language--fluent .delete {
  margin-left: 10px;
  cursor: pointer; }

.form--profile .language--basic label {
  opacity: 0; }

.form--profile .language--basic[data-basic-index="0"] label {
  opacity: 1; }

.form--profile .language--basic .delete {
  margin-left: 10px;
  cursor: pointer; }

.form--profile .qualification label {
  opacity: 0; }

.form--profile .qualification[data-index="0"] label {
  opacity: 1; }

.form--profile .qualification .delete {
  margin-left: 10px;
  cursor: pointer; }

.form--profile table.qualifications th {
  text-align: center;
  display: none; }
  @media screen and (min-width: 880px) {
    .form--profile table.qualifications th {
      display: table-cell; } }

.form--profile table.qualifications td {
  display: inline-block;
  vertical-align: top; }
  @media screen and (min-width: 880px) {
    .form--profile table.qualifications td {
      display: table-cell; } }

.form--profile table.qualifications td.qualification {
  width: 100%; }
  @media screen and (min-width: 880px) {
    .form--profile table.qualifications td.qualification {
      width: 50%;
      padding-right: 10px; } }
  .form--profile table.qualifications td.qualification select {
    width: 100%; }
  .form--profile table.qualifications td.qualification .link-action {
    float: right;
    margin-right: 15%; }

.form--profile table.qualifications td.date {
  width: 55%;
  text-align: right; }
  @media screen and (min-width: 880px) {
    .form--profile table.qualifications td.date {
      width: 25%;
      text-align: center; } }

.form--profile table.qualifications td.status {
  width: 45%; }
  @media screen and (min-width: 880px) {
    .form--profile table.qualifications td.status {
      width: 15%; } }
  .form--profile table.qualifications td.status select {
    width: 100%; }

.form--profile .new-skill {
  padding: 20px; }
  .form--profile .new-skill input {
    vertical-align: top; }
  .form--profile .new-skill .btn, .form--profile .new-skill .message-listing .message-btn--view a, .message-listing .message-btn--view .form--profile .new-skill a, .form--profile .new-skill .message-listing .message-btn--delete a, .message-listing .message-btn--delete .form--profile .new-skill a {
    padding: 5px 20px;
    margin-left: 20px; }

.form--profile .buttons {
  margin-top: 0;
  padding: 20px; }

.profile--edit {
  background-color: transparent !important; }
  .profile--edit fieldset {
    /*background-color: $white;*/ }

.sea-miles-display {
  width: 110px;
  height: 110px;
  background: url("../../img/icon-miles.png") no-repeat;
  text-align: center;
  color: #19a9e3;
  padding-top: 22%;
  margin-bottom: 10px; }

#MilesDisplay {
  /*
  h2 {
    font-size: 2rem;
    font-weight: 300;
    margin-top: $su-small;
    color: $blue;
  }
  p.content--toggle {
    background-color: $blue;
    color: $white;
    padding: $su-tiny $su;
    display: inline-block;
    
    &:hover, &:focus {
      background-color: $bright-blue;
    }
  }
  */ }

#MilesUpdate .content--toggle {
  color: #e91250;
  margin-top: 6.6666666667px; }

#MilesUpdate label {
  font-size: 1.3rem;
  font-weight: 300;
  margin-bottom: 6.6666666667px; }

#MilesUpdate input[type="submit"] {
  padding-top: 7px;
  padding-bottom: 7px;
  border: none !important;
  position: relative;
  top: -1px; }

.form--profile-experience .buttons {
  padding-left: 30%; }

.form--profile-experience .note {
  font-size: 0.9em; }
  @media screen and (min-width: 640px) {
    .form--profile-experience .note {
      margin-left: 30%; } }

.form--profile-reference .note {
  font-size: 0.9em; }
  @media screen and (min-width: 640px) {
    .form--profile-reference .note {
      margin-left: 30%; } }

/*
** Boat forms
*/
.form--profile-boat {
  /*
  .entry {
    max-width: 600px;
    
    &.wide {
      max-width: 900px;
    }
  }
  */ }
  .form--profile-boat .note {
    color: #6685a3; }
    @media screen and (min-width: 640px) {
      .form--profile-boat .note {
        width: 30%;
        display: inline-block;
        vertical-align: top; } }

/*
** Account forms
*/
.form--account .entry {
  min-height: 35px;
  margin-bottom: 5px; }

.form--account p.active {
  padding: 5px 20px;
  margin-right: 20px;
  display: inline-block; }
  .form--account p.active.active--active {
    background-color: #16bf00;
    color: #fff; }
  .form--account p.active.active--suspended {
    background-color: #d8d8d8;
    color: #fff; }

.form--account ul.active-options {
  list-style-type: none;
  margin: 0;
  padding: 0; }
  .form--account ul.active-options li {
    text-transform: uppercase;
    margin-right: 20px;
    display: inline-block; }

.form--account .notifications-general label {
  cursor: pointer; }
  .form--account .notifications-general label input[type="checkbox"] {
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle; }
  .form--account .notifications-general label span {
    width: 90%;
    display: inline-block;
    vertical-align: middle; }

@media screen and (min-width: 640px) {
  .form--account .notifications-list {
    padding-left: 80px; } }

.form--account .notifications-list label {
  cursor: pointer;
  line-height: 2.3em; }
  .form--account .notifications-list label input[type="checkbox"] {
    margin-right: 10px; }

.form--account .buttons {
  margin-top: 0;
  padding: 20px; }

.form--notifications fieldset {
  padding-left: 40px; }

.form--notifications h1 {
  font-size: 25px;
  font-size: 1.9230769231rem;
  line-height: 1.6;
  font-weight: 700;
  color: #383838; }

.form--notifications h2 {
  font-size: 19px;
  font-size: 1.4615384615rem;
  line-height: 1.0526315789;
  font-weight: 700;
  color: #383838; }

.form--privacy .entry {
  padding-top: 10px; }
  @media screen and (min-width: 640px) {
    .form--privacy .entry {
      padding-top: 0; } }

@media screen and (min-width: 640px) {
  .form--privacy label {
    width: 30%;
    display: inline-block; } }

@media screen and (min-width: 640px) {
  .form--privacy select {
    width: 60%; } }

@media screen and (min-width: 1024px) {
  .form--privacy select {
    width: 40%; } }

.spotlight {
  margin-top: 20px;
  background-color: #fff; }
  .spotlight .question {
    font-weight: 700;
    margin-bottom: 0; }
  .spotlight .answer {
    font-style: italic; }
  .spotlight .edit {
    display: none;
    padding: 10px 0 20px 0; }
  .spotlight .links a {
    margin-right: 40px; }

/*   Images used in profile form   */
img.profile--background {
  border: solid 3px #d8d8d8;
  cursor: pointer;
  margin-bottom: 20px; }
  img.profile--background.selected {
    border-color: #19a9e3; }

img.profile--uploaded {
  margin-bottom: 20px; }

.form--photo .title {
  font-size: 19px;
  font-size: 1.4615384615rem;
  line-height: 1.0526315789;
  color: #557397; }

.form--photo label.btn {
  width: 180px;
  max-width: auto;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: 700; }
  .form--photo label.btn.fullwidth {
    width: auto; }

.form--photo .btn--gallery {
  width: 180px;
  max-width: auto;
  padding-left: 20px;
  padding-right: 20px;
  font-weight: 700;
  margin-top: 10px;
  border-width: 2px; }

.form--photo .form--crop .btn, .form--photo .form--crop .message-listing .message-btn--view a, .message-listing .message-btn--view .form--photo .form--crop a, .form--photo .form--crop .message-listing .message-btn--delete a, .message-listing .message-btn--delete .form--photo .form--crop a {
  font-weight: 700;
  padding-left: 20px;
  padding-right: 20px; }

.form--photo .form--crop .btn--primary {
  margin-bottom: 20px;
  border: solid 2px #19a9e3; }
  .form--photo .form--crop .btn--primary:hover {
    border-color: #008bdc; }

.form--photo .divider {
  width: 80%;
  height: 5px;
  line-height: 5px;
  background-color: #ebebeb;
  margin: 40px auto; }

.photo-tips {
  border: solid 5px #ebebeb;
  border-radius: 5px;
  padding: 20px;
  margin-left: 10px; }
  .photo-tips p {
    padding-left: 30px; }
  .photo-tips .legend {
    width: 100px;
    color: #d8d8d8;
    background-color: #fff;
    margin: -35px auto 20px auto;
    padding: 0;
    text-align: center;
    font-size: 17px;
    font-size: 1.3076923077rem;
    line-height: 1.1764705882;
    font-weight: 700; }
  .photo-tips .correct {
    background: url("../../img/icon-correct.png") no-repeat 0 5px; }
  .photo-tips .incorrect {
    background: url("../../img/icon-incorrect.png") no-repeat 0 5px; }
  .photo-tips .format {
    background: url("../../img/icon-photo-format.png") no-repeat 0 5px; }
  .photo-tips .privacy {
    background: url("../../img/icon-privacy.png") no-repeat 0 2px; }
  .photo-tips .video {
    background: url("../../img/icons/video@2x.png") no-repeat 0 2px;
    background-size: 18px 18px; }
  .photo-tips .question {
    background: url("../../img/icons/question-mark@32px.png") no-repeat 0 3px;
    background-size: 14px 14px; }

.photo-previews .layout__item {
  text-align: center;
  padding-top: 20px; }

.photo-previews img {
  max-width: 80%; }

.photo-previews p {
  margin: 0 0 10px 0;
  font-weight: 700;
  font-size: 15px;
  font-size: 1.1538461538rem;
  line-height: 1.3333333333;
  color: #557397; }

.photo-gallery .layout__item {
  text-align: center;
  padding-bottom: 20px; }

.photo-gallery form {
  margin: 0 5px;
  display: inline-block; }

.photo-backgrounds {
  max-height: 230px;
  overflow-y: scroll;
  margin-bottom: 20px; }
  .photo-backgrounds .background-container {
    padding: 5px;
    border: solid 2px #fff; }
    .photo-backgrounds .background-container img {
      cursor: pointer; }
      .photo-backgrounds .background-container img.background-1 {
        border: solid 1px #d8d8d8; }
    .photo-backgrounds .background-container.active {
      border: dashed 2px #19a9e3; }

.form--video input[type="text"] {
  width: 70%; }

.form--video label.fullwidth {
  width: 100%;
  display: block; }

.form--video .buttons {
  padding: 0; }

.form--video p.error {
  margin-left: 0;
  padding-left: 0; }

.video-preview {
  padding-bottom: 56.25%;
  /* 16:9 */
  position: relative;
  margin-bottom: 20px; }
  .video-preview iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/*
** Job form
*/
.job-req--create {
  display: none; }
  .job-req--create .layout {
    margin-bottom: 20px;
    cursor: pointer; }
  .job-req--create .layout__item {
    vertical-align: top; }
  .job-req--create .job-type {
    color: #000; }
  .job-req--create.box, .job-req--create.notification {
    margin-bottom: 0 !important; }

.form--job .entry {
  margin-bottom: 15px; }
  .form--job .entry label {
    width: 100%;
    padding-right: 2%;
    padding-bottom: 8px;
    box-sizing: border-box; }
    .form--job .entry label.full {
      width: auto; }
    .form--job .entry label.mob-hidden {
      display: none; }
  .form--job .entry .content {
    width: 75%;
    box-sizing: border-box;
    vertical-align: top;
    display: inline-block; }
  .form--job .entry input[type="text"],
  .form--job .entry input[type="password"],
  .form--job .entry input[type="email"],
  .form--job .entry select,
  .form--job .entry textarea {
    width: 100%; }
  .form--job .entry button.add {
    width: 48%;
    margin-left: 25%; }
  .form--job .entry p.instruction {
    width: 100%;
    font-size: 0.9em;
    padding-left: 2%;
    display: inline-block;
    color: #898989;
    vertical-align: top;
    box-sizing: border-box;
    margin-top: 10px; }
    .form--job .entry p.instruction strong {
      font-style: italic; }
  @media screen and (min-width: 640px) {
    .form--job .entry .note {
      margin-left: 25%; } }
  @media screen and (min-width: 640px) {
    .form--job .entry {
      margin-bottom: 5px; }
      .form--job .entry label {
        width: 25%;
        padding-bottom: 0px; }
        .form--job .entry label.mob-hidden {
          display: inline-block; }
      .form--job .entry input[type="text"],
      .form--job .entry input[type="password"],
      .form--job .entry input[type="email"],
      .form--job .entry select,
      .form--job .entry textarea {
        width: 48%; }
      .form--job .entry p.instruction {
        width: 25%;
        margin-top: 0; } }

.form--job .ticks {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  padding-bottom: 10px; }
  .form--job .ticks label {
    width: 49%;
    display: inline-block;
    cursor: pointer;
    border-sizing: border-box; }
  @media screen and (min-width: 640px) {
    .form--job .ticks {
      width: 70%; }
      .form--job .ticks label {
        width: 100%; } }

.form--job .language label {
  opacity: 0; }

.form--job .language[data-language-index="0"] label {
  opacity: 1; }

.form--job select.inline.max-50 {
  max-width: 50%; }

.form--job .qualification-req {
  margin-bottom: 5px; }

.form--job .job-req {
  display: none; }
  .form--job .job-req.show {
    display: block; }
  .form--job .job-req h2 {
    margin-top: 40px; }

.form--job fieldset {
  padding: 20px; }
  .form--job fieldset > .handle {
    font-size: 1.4em;
    height: 45px;
    line-height: 45px;
    padding: 0 0 0 80px;
    margin-bottom: 0;
    background-color: #19a9e3;
    background: url("../../img/fieldset-handle.gif") no-repeat left top #19a9e3;
    border: solid 1px #19a9e3;
    color: #fff;
    cursor: pointer;
    display: none; }
  .form--job fieldset.closed {
    border: none;
    padding: 20px; }
    .form--job fieldset.closed legend, .form--job fieldset.closed > div {
      display: none; }
    .form--job fieldset.closed > .handle {
      display: block; }

.form--job fieldset.closed + fieldset.closed {
  padding-top: 0; }

.form--job legend {
  font-size: 1.4em;
  padding: 0 20px; }

/*
** Job promotion forms
*/
.form--promote {
  padding: 20px 30px 20px 20px; }
  .form--promote .price_display {
    color: #11435a; }
    .form--promote .price_display .price {
      font-size: 40px;
      font-size: 3.0769230769rem;
      line-height: 1;
      font-weight: bold; }
    .form--promote .price_display .duration {
      font-size: 20px;
      font-size: 1.5384615385rem;
      line-height: 1;
      margin-left: 10px; }
  .form--promote select {
    width: 100%; }
  .form--promote .buttons {
    margin-top: 20px; }
  .form--promote label {
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-weight: 300;
    font-size: 19px;
    font-size: 1.4615384615rem;
    line-height: 1.0526315789;
    color: #004d5d !important;
    font-weight: 700 !important;
    padding-bottom: 10px;
    display: block; }

/*
** Reference form
*/
.form--profile-reference .thirds label, .form--profile-reference .thirds input[type="text"], .form--profile-reference .thirds input[type="email"] {
  width: 95%; }

.form--profile-reference textarea {
  min-width: 65%; }

.form--profile-reference .note {
  margin: 0; }

.form--profile-reference p.error {
  margin-left: 0;
  padding-left: 0; }

/*   
** Advert forms
*/
.form--advert fieldset {
  padding: 0; }

.form--advert .entry--responsive {
  padding: 20px; }
  .form--advert .entry--responsive label {
    width: 100%;
    cursor: pointer;
    position: relative;
    display: block; }
  .form--advert .entry--responsive input[type="text"], .form--advert .entry--responsive textarea, .form--advert .entry--responsive select {
    width: 100%;
    margin-bottom: 10px; }
  .form--advert .entry--responsive p {
    margin: 0; }
  .form--advert .entry--responsive .entry--title {
    color: #000;
    font-size: 1.3rem; }
  .form--advert .entry--responsive .entry--subtitle {
    color: #557397;
    font-size: 1.1rem; }
  .form--advert .entry--responsive .entry--counter {
    color: #898989;
    text-align: right; }

.form--advert .entry--responsive + .entry--responsive {
  border-top: dotted 1px #d8d8d8; }

.form--advert .entry--contact {
  padding-bottom: 20px; }
  .form--advert .entry--contact .layout__item {
    vertical-align: top; }
  .form--advert .entry--contact input[type="text"], .form--advert .entry--contact textarea, .form--advert .entry--contact select {
    max-width: 300px; }
  .form--advert .entry--contact input[type="checkbox"] {
    opacity: 0;
    position: absolute; }
  .form--advert .entry--contact label.custom-checkbox {
    padding-top: 40px; }
    @media screen and (min-width: 360px) {
      .form--advert .entry--contact label.custom-checkbox {
        padding-left: 16.66%;
        padding-top: 0; } }
    .form--advert .entry--contact label.custom-checkbox .entry--icon {
      width: 50px;
      height: 50px;
      border-radius: 50%;
      margin-right: 20px;
      background-color: #2b6886;
      color: #fff;
      text-align: center;
      display: none;
      float: left;
      overflow: hidden; }
      .form--advert .entry--contact label.custom-checkbox .entry--icon img {
        width: 50%;
        margin-top: 25%; }
      @media screen and (min-width: 640px) {
        .form--advert .entry--contact label.custom-checkbox .entry--icon {
          display: inline-block; } }
  .form--advert .entry--contact label.custom-checkbox::before {
    width: 40px;
    height: 40px;
    content: "";
    background: url("/img/checkbox-unticked.jpg") no-repeat;
    background-size: 100% 100%;
    position: relative;
    left: -20px;
    display: inline-block;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0; }
    @media screen and (min-width: 480px) {
      .form--advert .entry--contact label.custom-checkbox::before {
        left: 2%; } }
  .form--advert .entry--contact input[type="checkbox"]:checked + label.custom-checkbox::before,
  .form--advert .entry--contact label.custom-checkbox.checked::before {
    background-image: url("/img/checkbox-ticked.jpg"); }
  .form--advert .entry--contact label.entry--contact-whatsapp {
    padding: 3px 0; }
    .form--advert .entry--contact label.entry--contact-whatsapp input[type="radio"] {
      margin-right: 10px; }

.form--advert .entry--contact-content {
  clear: left;
  display: none; }
  @media screen and (min-width: 480px) {
    .form--advert .entry--contact-content {
      padding-top: 20px; } }

.form--advert .entry--contact.open .entry--contact-content {
  display: block; }

.fieldset-heading {
  background-color: #2b6886;
  padding: 20px;
  box-sizing: border-box; }
  @media screen and (min-width: 640px) {
    .fieldset-heading {
      padding: 10px 20px; } }
  .fieldset-heading h2 {
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-weight: 300;
    color: #fff;
    margin: 0;
    padding: 0; }

.fieldset-heading--primary {
  background-color: rgba(255, 255, 255, 0.3);
  background-position: 200% 200%;
  background-repeat: no-repeat;
  background-size: 0px 0px;
  position: relative;
  border: solid 1px #add3e5;
  border-bottom: none; }
  @media screen and (min-width: 640px) {
    .fieldset-heading--primary {
      height: 150px;
      padding-left: 160px;
      background-position: 40px center;
      background-size: auto 60%; } }
  .fieldset-heading--primary span.ti {
    font-size: 90px;
    color: #fff;
    position: absolute;
    top: 20px;
    left: 40px;
    display: none; }
    @media screen and (min-width: 640px) {
      .fieldset-heading--primary span.ti {
        display: inline-block; } }
  .fieldset-heading--primary h2 {
    width: 100%;
    font-size: 2.8rem;
    font-weight: 600;
    color: #fff;
    margin-top: 20px;
    line-height: 1;
    display: inline-block; }
    @media screen and (min-width: 640px) {
      .fieldset-heading--primary h2 {
        margin-top: 30px; } }
  .fieldset-heading--primary h3 {
    font-size: 1.3rem;
    font-weight: 400;
    color: #fff;
    padding-bottom: 20px; }
    @media screen and (min-width: 640px) {
      .fieldset-heading--primary h3 {
        padding-bottom: 0; } }
  .fieldset-heading--primary .fieldset-tabs {
    margin: 0;
    padding: 0;
    list-style: none; }
    @media screen and (min-width: 640px) {
      .fieldset-heading--primary .fieldset-tabs {
        position: absolute;
        bottom: 0;
        right: 20px; } }
    .fieldset-heading--primary .fieldset-tabs li {
      background-color: rgba(255, 255, 255, 0.6);
      padding: 10px 20px;
      display: inline-block; }
      .fieldset-heading--primary .fieldset-tabs li.active {
        background-color: #fff !important; }
      .fieldset-heading--primary .fieldset-tabs li:hover, .fieldset-heading--primary .fieldset-tabs li:focus {
        background-color: rgba(255, 255, 255, 0.8); }
      .fieldset-heading--primary .fieldset-tabs li a {
        color: #2A3E87; }

.fieldset-introduction {
  background-color: #fff;
  padding: 20px 20px 0 20px; }
  .fieldset-introduction h2 {
    color: #000;
    font-weight: 400; }
    .fieldset-introduction h2 .highlight {
      color: inherit; }
  .fieldset-introduction p.fieldset-introduction--title {
    font-weight: 600;
    /*color: $brand-secondary;*/
    margin-bottom: 10px; }
  .fieldset-introduction p {
    font-size: 1.1rem;
    /*color: $brand-secondary;*/
    margin-bottom: 0; }

.fieldset-content {
  padding: 0;
  background-color: #fff; }

.fieldset-content--padded {
  padding: 20px; }

/*   
** Next actions
*/
.form--next {
  list-style: none;
  margin: 0;
  padding: 0; }
  .form--next li {
    padding: 20px 20px;
    display: block;
    position: relative; }
  .form--next li + li {
    border-top: solid 1px #d8d8d8; }
  .form--next .layout__item {
    vertical-align: middle; }
  .form--next .next--icon {
    text-align: center; }
    .form--next .next--icon img {
      width: 60%; }
  .form--next .next--title {
    font-size: 1.3rem;
    margin: 0; }
  .form--next .next--subtitle {
    margin: 0; }

/*
**    Manage jobs
*/
.job-manage {
  padding: 10px 0 10px 20px;
  position: relative;
  background-color: #fff; }
  .job-manage p.job-reference {
    margin: 0;
    padding: 5px 0; }
  .job-manage h2 {
    font-weight: bold;
    margin: 5px 0; }
  .job-manage ul.stats {
    margin: 6.6666666667px 0 0 0;
    list-style-type: none; }
    .job-manage ul.stats li {
      margin-right: 20px;
      padding: 6.6666666667px 10px;
      vertical-align: top; }
      @media screen and (min-width: 640px) {
        .job-manage ul.stats li {
          display: inline-block; } }
      .job-manage ul.stats li.stats--status {
        padding: 6.6666666667px 0 0 0; }
    .job-manage ul.stats span {
      color: #000; }
  .job-manage .stats--status {
    width: 150px;
    border: solid 1px #16bf00; }
    .job-manage .stats--status > a {
      padding-left: 10px;
      padding-right: 10px;
      padding-bottom: 6.6666666667px;
      color: inherit;
      cursor: pointer;
      display: block; }
      .job-manage .stats--status > a > span {
        text-transform: uppercase;
        font-weight: 700;
        padding-right: 15px;
        float: right; }
    .job-manage .stats--status.stats--status-0 {
      border-color: #e91250; }
  .job-manage .stats--status-0 > a > span {
    color: #e91250;
    background: url("../../img/status-disabled.png") no-repeat right 7px; }
  .job-manage .stats--status-1 > a > span {
    color: #16bf00;
    background: url("../../img/status-live.png") no-repeat right 7px; }
  .job-manage .stats--status-switch a {
    text-align: center;
    padding: 6.6666666667px 10px;
    display: block; }
  .job-manage .stats--status-enable {
    color: #16bf00; }
    .job-manage .stats--status-enable:hover {
      background-color: #99ff8c; }
  .job-manage .stats--status-disable {
    color: #e91250; }
    .job-manage .stats--status-disable:hover {
      background-color: #fbccda; }
  .job-manage .stats--status-cancel {
    background-color: #f5f5f5;
    color: #898989;
    display: block;
    cursor: pointer; }
    .job-manage .stats--status-cancel:hover {
      background-color: #ebebeb; }
  .job-manage .actions {
    margin: 0;
    list-style-type: none; }
    .job-manage .actions a {
      padding: 10px 0 10px 50px;
      color: #19a9e3;
      display: block; }
      .job-manage .actions a:hover {
        background-color: #19a9e3;
        color: #fff; }
    .job-manage .actions li + li {
      border-top: solid 1px #e1f5fd; }
  .job-manage .actions--applicants a {
    background: url("../../img/icon-jobs-applications.png") no-repeat 10px center; }
    .job-manage .actions--applicants a:hover {
      background-image: url("../../img/icon-jobs-applications-on.png"); }
  .job-manage .actions--promote a {
    background: url("../../img/icon-jobs-promote.png") no-repeat 12px center; }
    .job-manage .actions--promote a:hover {
      background-image: url("../../img/icon-jobs-promote-on.png"); }
  .job-manage .actions--edit a {
    background: url("../../img/icon-jobs-edit.png") no-repeat 14px center; }
    .job-manage .actions--edit a:hover {
      background-image: url("../../img/icon-jobs-edit-on.png"); }
  .job-manage .actions--delete a {
    background: url("../../img/icon-jobs-delete.png") no-repeat 14px center; }
    .job-manage .actions--delete a:hover {
      background-image: url("../../img/icon-jobs-delete-on.png"); }
  .job-manage form.delete {
    position: absolute;
    bottom: 20px;
    right: 0; }

ul.requirements-list {
  margin-bottom: 20px; }
  ul.requirements-list li {
    padding-left: 15px; }
    ul.requirements-list li.tick {
      background: url("../../img/icon-requirement-tick.gif") no-repeat 0 center; }
    ul.requirements-list li.cross {
      background: url("../../img/icon-requirement-cross.gif") no-repeat 0 center; }
    ul.requirements-list li.some {
      background: url("../../img/icon-requirement-some.gif") no-repeat 0 center; }

/*
**    Job application
*/
.application--form .entry.cv-share {
  padding: 20px !important;
  background-color: #3353C1; }
  .application--form .entry.cv-share label {
    font-size: 1.2em;
    font-weight: bold;
    color: #fff;
    margin-bottom: 10px;
    cursor: pointer; }
  .application--form .entry.cv-share input[type="checkbox"] {
    margin-right: 10px;
    cursor: pointer; }
  .application--form .entry.cv-share p {
    margin: 0;
    color: #fff; }

.application--notification .notification--success {
  background: url("../../img/icon-submitted-white.png") no-repeat 20px center #16bf00;
  font-size: 1.1em;
  font-weight: bold;
  height: 60px;
  line-height: 60px;
  padding: 0 0 0 80px; }

.application--notification .tips {
  padding: 20px 40px; }
  .application--notification .tips p {
    font-size: 1.1em; }
  .application--notification .tips ul {
    list-style-type: none;
    margin-left: 0; }
  .application--notification .tips li {
    padding-left: 10px;
    text-indent: -7px; }
  .application--notification .tips li:before {
    content: "- "; }

.application--notification .buttons a {
  margin-right: 20px; }

/*
**    Applicant list
*/
.application > .content {
  background-color: #fff;
  padding: 20px 0 40px 20px; }

.application h2 {
  margin-bottom: 10px; }

.application ul {
  list-style-type: none;
  margin: 0; }

.application .profile-image {
  max-width: 50%;
  margin: 0 auto;
  border-radius: 15px; }
  @media screen and (min-width: 640px) {
    .application .profile-image {
      max-width: 30%;
      margin-right: 20px;
      float: left; } }

.application .profile-contact {
  margin: 20px 0 0 50%;
  clear: left; }
  @media screen and (min-width: 640px) {
    .application .profile-contact {
      margin-left: 30%;
      padding-left: 20px; } }

.application .notes {
  margin: 20px 0;
  clear: left; }
  .application .notes.limit p.full {
    display: none; }
  .application .notes.limit p.summary {
    display: block;
    margin: 0; }
  .application .notes p {
    font-style: italic;
    margin: 0; }
    .application .notes p.summary {
      display: none; }
  .application .notes a {
    cursor: pointer; }

.application .notes--pro p {
  background-color: #19a9e3;
  color: #fff;
  border-radius: 15px;
  padding: 10px 20px; }

.application .notes--pro a {
  color: #fff;
  font-weight: 700; }

.application .notes--pro .speech {
  margin-left: 15px;
  display: block; }

.application.application--rec .notes {
  margin-top: 0; }
  .application.application--rec .notes p {
    padding: 10px;
    background-color: #f5f5f5; }
  .application.application--rec .notes .date {
    color: #000;
    background-color: #fff;
    background: url("../../img/quote-grey.png") no-repeat 10px top;
    padding: 0;
    text-align: right; }

.application.application--status-0 {
  display: none; }
  .application.application--status-0 .application--actions .shortlist_add {
    display: none; }
  .application.application--status-0 .application--actions .decline {
    display: none; }
  .application.application--status-0 .application--actions .restore {
    display: block; }

.application.application--shortlist-1 {
  display: none; }
  .application.application--shortlist-1 .application--actions .shortlist_add {
    display: none; }

.application.application--shortlist-0 .application--actions .shortlist_remove {
  display: none; }

.application.application--replied .content {
  background-image: url("../../img/application-replied.png");
  background-position: left top;
  background-repeat: no-repeat; }

.application.application--new .content {
  background-image: url("../../img/application-new.png");
  background-position: left top;
  background-repeat: no-repeat; }

.application .suitability {
  border: solid 1px #d8d8d8;
  border-radius: 15px;
  text-align: left;
  padding: 10px 0;
  margin-right: 20px;
  position: relative; }
  .application .suitability p {
    margin: 0;
    padding: 0 0 0 20px; }
  .application .suitability .c100 {
    float: none;
    position: absolute;
    right: -20px;
    top: -10px;
    font-size: 60px; }

.application .suitability--high {
  border-color: green; }

.application .suitability--medium {
  border-color: orange; }

.application .suitability--low {
  border-color: red; }

.application--list-header {
  text-align: center;
  background-color: rgba(0, 26, 99, 0.5);
  padding: 20px; }
  @media screen and (min-width: 1024px) {
    .application--list-header {
      padding-left: 80px;
      padding-right: 80px; } }
  .application--list-header h2 {
    color: #fff;
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-weight: 300;
    font-size: 28px;
    font-size: 2.1538461538rem;
    line-height: 1.4285714286;
    font-weight: 400;
    margin: 0;
    overflow: hidden;
    position: relative; }
    @media screen and (min-width: 880px) {
      .application--list-header h2:before, .application--list-header h2:after {
        position: absolute;
        top: 51%;
        width: 50%;
        height: 2px;
        content: '\a0';
        background-color: #fff;
        overflow: hidden; } }
    .application--list-header h2:before {
      margin-left: -52%;
      text-align: right; }
    .application--list-header h2:after {
      margin-left: 2%; }
  .application--list-header p {
    color: #fff;
    margin: 0; }

.application--list-tabs {
  background-color: rgba(0, 26, 99, 0.5); }
  .application--list-tabs li {
    text-align: center;
    padding-top: 10px;
    cursor: pointer; }
    .application--list-tabs li.active {
      padding-top: 0; }
  .application--list-tabs p {
    height: 80px;
    padding: 20px 0 0 0;
    margin-bottom: 0;
    color: #1e2a5e;
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0.5); }
    .application--list-tabs p img {
      margin-bottom: 5px; }
  .application--list-tabs .active p {
    height: 90px;
    padding-top: 30px;
    background-color: #fff; }

.application--list-ordering {
  background-color: #fff;
  padding: 20px; }
  .application--list-ordering label {
    margin-right: 10px;
    display: inline-block; }
  .application--list-ordering select {
    width: auto;
    display: inline-block; }
    .application--list-ordering select.disabled {
      color: #d8d8d8; }
  .application--list-ordering .loading {
    margin-left: 20px;
    display: none; }

.application--filter li {
  cursor: pointer; }

.application--actions {
  margin: 0;
  list-style-type: none; }
  .application--actions li {
    border-bottom: solid 1px #19a9e3;
    background-color: #fff; }
    .application--actions li:first-child {
      border-top: solid 1px #19a9e3; }
  .application--actions a {
    padding: 10px 20px 10px 50px;
    color: #19a9e3;
    display: block; }
    .application--actions a:hover {
      background-color: #19a9e3;
      color: #fff; }
    .application--actions a.active {
      font-weight: bold;
      background-color: #19a9e3;
      color: #fff; }
  .application--actions > .profile a {
    background-image: url("../../img/icons/icon-jobs-profile.png");
    background-repeat: no-repeat;
    background-position: 15px center; }
    .application--actions > .profile a:hover {
      background-image: url("../../img/icons/icon-jobs-profile-on.png"); }
  .application--actions > .cv a {
    background-image: url("../../img/icons/icon-jobs-profile.png");
    background-repeat: no-repeat;
    background-position: 15px center; }
    .application--actions > .cv a:hover {
      background-image: url("../../img/icons/icon-jobs-profile-on.png"); }
  .application--actions > .shortlist_add a,
  .application--actions > .shortlist_remove a {
    background-image: url("../../img/icons/icon-jobs-shortlist.png");
    background-repeat: no-repeat;
    background-position: 12px center; }
    .application--actions > .shortlist_add a:hover,
    .application--actions > .shortlist_remove a:hover {
      background-image: url("../../img/icons/icon-jobs-shortlist-on.png"); }
  .application--actions > .contact a {
    background-image: url("../../img/icons/icon-jobs-contact.png");
    background-repeat: no-repeat;
    background-position: 9px center; }
    .application--actions > .contact a:hover {
      background-image: url("../../img/icons/icon-jobs-contact-on.png"); }
  .application--actions > .decline a {
    background-image: url("../../img/icons/icon-jobs-decline.png");
    background-repeat: no-repeat;
    background-position: 12px center; }
    .application--actions > .decline a:hover {
      background-image: url("../../img/icons/icon-jobs-decline-on.png"); }
  .application--actions > .restore a {
    background-image: url("../../img/icons/icon-jobs-restore.png");
    background-repeat: no-repeat;
    background-position: 12px center; }
    .application--actions > .restore a:hover {
      background-image: url("../../img/icons/icon-jobs-restore-on.png"); }
  .application--actions .extra {
    padding: 10px 20px 10px 20px;
    background-color: #f5f5f5;
    display: none; }
  .application--actions .restore {
    display: none; }
  .application--actions p.contact {
    font-size: 14px;
    font-size: 1.0769230769rem;
    line-height: 1.4285714286;
    margin-bottom: 10px;
    font-weight: 700; }
    .application--actions p.contact:last-child {
      margin-bottom: 0; }
    .application--actions p.contact span {
      font-weight: normal; }
    .application--actions p.contact a {
      padding: 0;
      font-weight: normal; }
      .application--actions p.contact a:hover {
        background-color: transparent;
        color: #19a9e3;
        text-decoration: underline; }

.application--statuses {
  margin-top: 20px !important; }
  .application--statuses li {
    font-weight: bold;
    display: none; }
  .application--statuses .shortlist {
    padding-left: 40px;
    background: url("../../img/icon-star.png") no-repeat left center; }
  .application--shortlist-1 .application--statuses li.shortlist {
    display: block; }

.application .send-message {
  margin-top: 20px;
  padding-right: 40px; }
  .application .send-message p.contact {
    font-size: 14px;
    font-size: 1.0769230769rem;
    line-height: 1.4285714286;
    margin-bottom: 10px;
    font-weight: 700; }
    .application .send-message p.contact:last-child {
      margin-bottom: 0; }
    .application .send-message p.contact span {
      font-weight: normal; }
    .application .send-message p.contact a {
      padding: 0;
      font-weight: normal; }
      .application .send-message p.contact a:hover {
        background-color: transparent;
        color: #19a9e3;
        text-decoration: underline; }
  .application .send-message textarea {
    width: 100%;
    display: block; }
  .application .send-message .btn--send {
    margin-top: 10px;
    float: right; }

.application--spam .content {
  padding: 20px; }

.application--spam .spam-message {
  text-align: center;
  padding: 10px 0 10px 45px;
  margin-bottom: 0;
  background: url("../../img/alert-info.png") no-repeat left center; }

/*
**    Promotion
*/
.job-promote {
  margin-bottom: 20px; }
  .job-promote .lift {
    margin-top: -20px; }

@media screen and (min-width: 640px) {
  body.menu-open header {
    width: 100%;
    position: relative;
    z-index: 2147483638; } }

.global-menu {
  width: 100%;
  height: 100vh;
  background-color: #f5f5f5;
  position: fixed;
  /*left: -100%;*/
  top: -1000px;
  z-index: 2147483637;
  transition: all 0.4s ease; }
  .global-menu.active {
    top: 0; }
  .global-menu .centered {
    position: relative; }
    @media screen and (min-width: 640px) {
      .global-menu .centered {
        height: 100%;
        padding-right: 250px; } }
  .global-menu .menu-close-container {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 3;
    text-align: center; }
  .global-menu .menu-close {
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #a3a7a5;
    text-align: center;
    font-size: 30px;
    cursor: pointer;
    transition: all 0.2s linear; }
    .global-menu .menu-close:hover {
      color: #19a9e3; }
  .global-menu.not-logged-in .centered {
    padding-top: 90px; }
  @media screen and (min-width: 640px) {
    .global-menu {
      height: auto;
      background-color: #19a9e3;
      box-shadow: 0 1px 50px 10px #333;
      /*
    .centered {
      padding-left: $su;
      padding-right: $su;
    }
    */ }
      .global-menu.active {
        top: 120px; }
      .global-menu .menu-close-container {
        width: 40px;
        height: 40px;
        line-height: 40px;
        top: 0;
        right: 0;
        background-color: rgba(0, 0, 0, 0.7);
        color: #fff;
        box-sizing: border-box;
        position: absolute; }
      .global-menu .menu-close {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 25px;
        color: #fff; }
      .global-menu .centered {
        min-height: 480px;
        overflow-y: auto; } }

.global-menu--profile {
  padding: 20px 0 0 0;
  text-align: center;
  overflow: hidden; }
  .global-menu--profile .avatar {
    position: relative; }
    .global-menu--profile .avatar .image-container {
      width: 80px;
      height: 80px;
      border-radius: 40px;
      border: solid 1px #d8d8d8;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      overflow: hidden;
      margin: 0 auto 20px auto; }
      @media screen and (min-width: 480px) {
        .global-menu--profile .avatar .image-container {
          width: 160px;
          height: 160px;
          /*border-color: transparent;*/ } }
      @media screen and (min-width: 640px) {
        .global-menu--profile .avatar .image-container {
          width: 100%;
          padding-bottom: 100%;
          margin-bottom: 0;
          border-radius: 0;
          border: none; } }
  .global-menu--profile p {
    font-size: 13px;
    font-size: 1rem;
    line-height: 1.5384615385; }
  .global-menu--profile p.screenname {
    font-size: 19px;
    font-size: 1.4615384615rem;
    line-height: 1.0526315789;
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-weight: 600;
    color: #000;
    margin: 0 0 6.6666666667px 0; }
  .global-menu--profile p.membership-status {
    margin-bottom: 10px; }
  .global-menu--profile .profile-links {
    list-style: none;
    margin: 20px auto 0 auto;
    padding: 0;
    display: none; }
    .global-menu--profile .profile-links li {
      text-align: center;
      display: block; }
    .global-menu--profile .profile-links li + li {
      margin-top: 20px; }
    .global-menu--profile .profile-links a {
      font-size: 15px;
      font-size: 1.1538461538rem;
      line-height: 1.3333333333;
      background-color: #fff;
      color: #293D87;
      padding: 8px 20px;
      text-transform: uppercase;
      display: block;
      transition: all 0.2s ease; }
      .global-menu--profile .profile-links a:hover {
        background-color: #e1f3fe; }
  @media screen and (min-width: 640px) {
    .global-menu--profile {
      width: 250px;
      height: 100%;
      padding: 40px 20px 20px 20px;
      padding: 0;
      background-color: #2b6886;
      background-color: #f5f5f5;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      z-index: 2; }
      .global-menu--profile .overlay {
        width: 100%;
        background-color: rgba(0, 0, 0, 0.7);
        position: absolute;
        bottom: 0;
        padding-top: 7px; }
        .global-menu--profile .overlay p {
          color: #fff; }
      .global-menu--profile .avatar {
        margin-bottom: 10px; }
        .global-menu--profile .avatar .image-container {
          overflow: hidden; }
        .global-menu--profile .avatar img {
          width: 100%;
          object-fit: cover; }
      .global-menu--profile p.screenname {
        font-size: 19px;
        font-size: 1.4615384615rem;
        line-height: 1.0526315789;
        margin-bottom: 0; }
      .global-menu--profile p.membership-status {
        font-size: 13px;
        font-size: 1rem;
        line-height: 1.5384615385;
        margin-bottom: 7px; }
      .global-menu--profile .profile-links {
        display: block; } }

@media screen and (max-height: 550px) and (max-width: 500px) {
  .global-menu--profile .avatar .image-container {
    display: none; }
  .global-menu--profile .avatar .overlay {
    text-align: left;
    padding-left: 20px; } }

/* 
Menu
*/
.global-menu--menu {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px; }
  @media screen and (min-width: 640px) {
    .global-menu--menu {
      /*
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    align-items: stretch;
    justify-content: flex-start;
    */
      padding-top: 20px;
      padding-bottom: 0;
      padding-left: 20px;
      padding-right: 20px;
      margin-bottom: 0;
      text-align: right;
      direction: rtl; } }
  .global-menu--menu ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  @media screen and (min-width: 640px) {
    .global-menu--menu .primary-menu {
      display: none; } }
  .global-menu--menu .primary-menu .icon {
    width: 40px;
    display: inline-block; }
    .global-menu--menu .primary-menu .icon a {
      width: 100%;
      height: 100%;
      font-size: 17px;
      line-height: 100%;
      text-align: center;
      color: #000;
      display: block; }
  .global-menu--menu .primary-menu .icon-close {
    height: 40px;
    position: absolute;
    left: -100%;
    top: 0;
    background-color: gainsboro;
    cursor: pointer;
    transition: left 0.1s linear;
    font-size: 17px;
    text-align: center; }
    .global-menu--menu .primary-menu .icon-close.active {
      left: 0; }
    .global-menu--menu .primary-menu .icon-close span {
      color: #000;
      position: relative;
      top: 7px; }
  .global-menu--menu .primary-menu .icon-chevron {
    width: 40px;
    background: transparent;
    text-align: center;
    font-size: 17px;
    color: #000; }
  .global-menu--menu .primary-menu li {
    height: 40px;
    position: relative; }
    .global-menu--menu .primary-menu li:hover {
      background-color: gainsboro; }
    .global-menu--menu .primary-menu li.active {
      background-color: #19a9e3 !important; }
      .global-menu--menu .primary-menu li.active a {
        color: #fff; }
  .global-menu--menu .primary-menu .link {
    width: calc(100% - 80px);
    display: inline-block; }
    .global-menu--menu .primary-menu .link a {
      font-size: 17px;
      font-size: 1.3076923077rem;
      line-height: 1.1764705882;
      line-height: 40px;
      color: #000;
      display: block; }
  .global-menu--menu .sub-menu {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 100%;
    transition: all 0.1s linear;
    background-color: #19a9e3;
    padding: 2px 20px;
    padding-right: 60px;
    text-align: left;
    direction: ltr; }
    .global-menu--menu .sub-menu.active {
      left: 40px; }
    .global-menu--menu .sub-menu a {
      font-size: 17px;
      font-size: 1.3076923077rem;
      line-height: 1.1764705882;
      color: #fff;
      padding: 9px 0;
      display: block; }
    .global-menu--menu .sub-menu li + li {
      border-top: solid 1px rgba(255, 255, 255, 0.5); }
    .global-menu--menu .sub-menu p {
      font-size: 18px;
      font-size: 1.3846153846rem;
      line-height: 1.1111111111;
      font-weight: 600;
      color: #fff;
      border-bottom: solid 1px #fff;
      padding-bottom: 10px;
      margin-bottom: 10px;
      display: none; }
      .global-menu--menu .sub-menu p span {
        width: 20px;
        font-size: 15px;
        margin-right: 2px;
        /*color: rgba(255,255,255,0.8);*/
        color: #fff;
        display: inline-block; }
    @media screen and (min-width: 640px) {
      .global-menu--menu .sub-menu {
        /*flex: 30%;*/
        height: auto;
        position: relative;
        top: auto;
        left: auto;
        padding: 0;
        margin-top: 0;
        margin-bottom: 40px;
        /*margin-left: 4%;*/
        margin-right: 4%;
        display: inline-block;
        width: 47%;
        vertical-align: top; }
        .global-menu--menu .sub-menu:nth-of-type(odd) {
          /*margin-left: 0;*/
          margin-right: 0; }
        .global-menu--menu .sub-menu.active {
          left: 0; }
        .global-menu--menu .sub-menu li + li {
          border-top: none;
          /*margin-top: 7px;*/ }
        .global-menu--menu .sub-menu li:first-of-type {
          padding-left: 0; }
        .global-menu--menu .sub-menu li:last-of-type {
          padding-right: 0; }
        .global-menu--menu .sub-menu p {
          display: block; }
        .global-menu--menu .sub-menu a {
          font-size: 15px;
          font-size: 1.1538461538rem;
          line-height: 1.3333333333;
          padding: 3px 0 3px 20px; }
          .global-menu--menu .sub-menu a:hover {
            /*text-decoration: underline;*/
            background-color: #1698cc; } }

/*
@media screen and (min-height: 741px) {
  @include media-query('phablet') {
    #sub-menu-profile {
      width: 90%;
    }
  }
    
  @include media-query('lap') {
    #sub-menu-profile {
      width: 45%;
    }
  }
}
*/
@media screen and (min-width: 640px) and (max-height: 740px) {
  #sub-menu-promote {
    display: none; } }

@media screen and (min-width: 900px) and (max-height: 740px) {
  #sub-menu-promote {
    display: inline-block; } }

@media screen and (min-width: 1200px) {
  .global-menu--menu .sub-menu {
    width: 34%; } }

@media screen and (min-width: 900px) {
  .global-menu--menu .sub-menu {
    width: 31%;
    margin-right: 2%; }
    .global-menu--menu .sub-menu:nth-of-type(odd) {
      margin-right: 2%; }
    .global-menu--menu .sub-menu:nth-of-type(1), .global-menu--menu .sub-menu:nth-of-type(4) {
      margin-right: 0; } }

/* 
Links
*/
.global-menu--links ul {
  list-style: none;
  padding: 0;
  margin: 0; }

.global-menu--links li {
  font-size: 17px;
  font-size: 1.3076923077rem;
  line-height: 1.1764705882;
  margin-bottom: 2px; }
  .global-menu--links li a {
    width: 100%;
    font-size: 17px;
    font-size: 1.3076923077rem;
    line-height: 1.1764705882;
    color: #000;
    line-height: 40px;
    text-align: right;
    color: #000;
    display: inline-block; }
  .global-menu--links li:hover {
    background-color: gainsboro; }

.global-menu--links li.highlight {
  background-color: #e91250; }
  .global-menu--links li.highlight:hover {
    background-color: #FD4040; }
  .global-menu--links li.highlight a, .global-menu--links li.highlight .icon {
    color: #fff; }

.global-menu--links .icon {
  width: 40px;
  color: #000;
  font-size: 17px;
  font-size: 1.3076923077rem;
  line-height: 1.1764705882;
  text-align: center;
  display: inline-block;
  vertical-align: middle; }

@media screen and (min-width: 640px) {
  .global-menu--links {
    width: 250px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 3; }
    .global-menu--links li {
      /*background-color: darken($dusky-blue, 5%);*/
      margin-bottom: 0;
      /*
      &:hover {
        background-color: lighten($dusky-blue, 5%);
      }
      
      a, .icon {
        color: $white;
      }
      */ }
    .global-menu--links li + li {
      margin-top: 1px; }
    .global-menu--links li.highlight {
      font-weight: 400;
      background-color: transparent; }
      .global-menu--links li.highlight:hover {
        background-color: gainsboro; }
      .global-menu--links li.highlight .word-premium {
        color: #e91250;
        font-weight: 600; }
      .global-menu--links li.highlight a, .global-menu--links li.highlight .icon {
        color: #000; }
      .global-menu--links li.highlight .ti-anchor {
        padding: 4px;
        background-color: #e91250;
        color: #fff; } }

.message-listing .message {
  background-color: #fff;
  padding: 20px;
  margin-bottom: 10px;
  background-image: url("../../img/message-new.png");
  background-repeat: no-repeat;
  background-position: 0 0; }
  @media screen and (min-width: 640px) {
    .message-listing .message {
      padding-left: 0;
      /*padding-right: 0;*/ } }
  .message-listing .message p {
    margin: 0; }
  .message-listing .message .td {
    vertical-align: middle;
    display: inline-block;
    padding: 0; }
  .message-listing .message .td--mark {
    display: none; }
    @media screen and (min-width: 640px) {
      .message-listing .message .td--mark {
        width: 5%;
        text-align: center;
        display: inline-block; } }
  .message-listing .message .td--message {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px; }
    @media screen and (min-width: 640px) {
      .message-listing .message .td--message {
        width: 50%;
        padding-top: 0;
        padding-bottom: 0; } }
  .message-listing .message .td--profile {
    width: 100%; }
    @media screen and (min-width: 640px) {
      .message-listing .message .td--profile {
        width: 30%; } }
    .message-listing .message .td--profile img {
      width: 60px;
      margin-right: 20px;
      float: left; }
  .message-listing .message .td--delete {
    width: 100%;
    text-align: center; }
    @media screen and (min-width: 640px) {
      .message-listing .message .td--delete {
        width: 15%; } }
    .message-listing .message .td--delete a {
      text-align: center;
      display: inline-block; }
  .message-listing .message a.delete {
    width: 50px;
    height: 50px;
    border-radius: 30px;
    border: solid 1px #f5f5f5;
    display: inline-block;
    text-align: center;
    vertical-align: middle; }
    .message-listing .message a.delete img {
      width: 12px;
      height: 12px;
      margin: 50% auto;
      transform: translateY(-50%);
      display: block; }

.message-listing .message--read {
  background-image: none; }

.message-listing .message--sent {
  background-image: none; }
  @media screen and (min-width: 640px) {
    .message-listing .message--sent .td--status {
      width: 15%; } }
  .message-listing .message--sent .td--status span {
    font-weight: bold;
    padding-left: 20px; }
  .message-listing .message--sent .td--status .read {
    background: url("../../img/icon-read.gif") no-repeat 0 center; }
  .message-listing .message--sent .td--status .unread {
    background: url("../../img/icon-unread.gif") no-repeat 0 center; }

.message-listing .message-btn--view {
  text-align: left; }
  @media screen and (min-width: 640px) {
    .message-listing .message-btn--view {
      text-align: right;
      padding-bottom: 10px; } }
  .message-listing .message-btn--view a {
    padding-left: 60px;
    padding-right: 60px; }
    @media screen and (min-width: 640px) {
      .message-listing .message-btn--view a {
        padding-left: 20px;
        padding-right: 20px; } }

.message-listing .message-btn--delete {
  text-align: right; }
  .message-listing .message-btn--delete a {
    color: #898989;
    background-color: transparent;
    border-color: transparent;
    padding-left: 0;
    padding-right: 0; }
    .message-listing .message-btn--delete a:hover, .message-listing .message-btn--delete a:focus {
      color: #bcbcbc; }
    @media screen and (min-width: 640px) {
      .message-listing .message-btn--delete a {
        margin-right: 15px; } }

.message--headers {
  margin-bottom: 0;
  padding: 20px 40px; }
  .message--headers p {
    margin: 0;
    color: #000;
    font-size: 21px;
    font-size: 1.6153846154rem;
    line-height: 1.9047619048; }
    .message--headers p span {
      width: 100px;
      display: inline-block; }

.message--content {
  border: solid 1px #e1f5fd;
  margin-bottom: 20px; }
  .message--content p {
    padding: 10px 20px; }
  .message--content .subject {
    background-color: #f5f5f5;
    border-top: solid 1px #e1f3fe;
    border-bottom: solid 1px #ebebeb;
    margin-bottom: 10px; }

.message--actions {
  padding: 20px 40px;
  text-align: right; }
  .message--actions a {
    color: rgba(255, 255, 255, 0.5);
    margin-left: 40px;
    display: inline-block; }
  .message--actions a.btn, .message--actions .message-listing .message-btn--view a, .message-listing .message-btn--view .message--actions a, .message--actions .message-listing .message-btn--delete a, .message-listing .message-btn--delete .message--actions a {
    color: #fff; }
  .fieldset-heading--primary .message--actions {
    display: none; }
    @media screen and (min-width: 640px) {
      .fieldset-heading--primary .message--actions {
        display: block;
        position: absolute;
        bottom: 0;
        right: 0; } }

.message--buttons {
  text-align: right; }

.message--history {
  max-height: 400px;
  overflow-y: scroll;
  padding: 20px 40px 0 40px;
  background-color: #f5f5f5; }
  .message--history h3 {
    text-align: center;
    margin-bottom: 10px; }
  .message--history .message {
    margin-bottom: 20px; }
    .message--history .message .status.read-0 {
      color: #e91250; }
  .message--history p {
    margin: 0; }
  .message--history .description {
    max-width: 600px;
    padding: 10px 20px;
    box-sizing: border-box;
    border-radius: 20px;
    display: inline-block; }
  .message--history .date {
    color: #000;
    text-align: center; }
  .message--history img {
    width: 60px; }

.message--reply {
  background-color: #f5f5f5; }
  .message--reply .entry {
    padding: 10px 20px 0 20px;
    margin-bottom: 0; }
  .message--reply textarea {
    width: 100%;
    border: solid 5px #d8d8d8;
    border-radius: 5px; }
  .message--reply .buttons {
    margin: 10px 0 0 20px;
    padding-bottom: 20px; }

.message--compose {
  background-color: #f5f5f5;
  margin-bottom: 0;
  padding: 0; }
  .message--compose .entry {
    padding: 10px 20px 0 20px;
    margin-bottom: 0; }
  .message--compose textarea, .message--compose input[type="text"] {
    width: 100%;
    border: solid 5px #d8d8d8;
    border-radius: 5px; }
  .message--compose .buttons {
    margin: 10px 0 0 20px;
    padding-bottom: 20px; }

#MessageTo {
  padding: 20px 20px 0 20px; }

.message--you {
  text-align: right; }
  .message--you .description {
    margin-top: 10px;
    background-color: #19a9e3;
    color: #fff;
    text-align: left; }
  .message--you .description {
    margin-right: 10px; }
  .message--you .byline {
    margin-right: 80px; }
  .message--you img {
    float: right; }

.message--them .description {
  margin-top: 10px;
  background-color: #ebebeb; }

.message--them .description {
  margin-left: 10px; }

.message--them .byline {
  margin-left: 80px; }

.message--them img {
  float: left; }

.message--info p {
  margin: 0; }

.message--address-book .contact {
  margin-botom: 10px;
  cursor: pointer;
  border: solid 2px transparent;
  padding: 5px; }
  .message--address-book .contact p {
    font-size: 15px;
    font-size: 1.1538461538rem;
    line-height: 1.3333333333;
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
  .message--address-book .contact:hover {
    border-color: #d8d8d8; }
  .message--address-book .contact.active {
    background-color: #f5f5f5;
    border-color: #d8d8d8; }

.message--address-book .contact--image {
  width: 30px;
  height: 30px;
  margin-right: 10px;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle; }
  .message--address-book .contact--image img {
    width: 100%;
    height: 100%;
    display: block; }

.form--messaging .entry {
  padding-bottom: 10px; }

a.messaging-back {
  background: url("../../img/icon-back-applications.png") no-repeat 0px center;
  padding-left: 24px;
  font-size: 19px;
  font-size: 1.4615384615rem;
  line-height: 1.0526315789; }

#InboxForm .buttons {
  padding: 20px; }

#MessageTo .to {
  font-size: 21px;
  font-size: 1.6153846154rem;
  line-height: 1.9047619048;
  margin: 0; }

#MessageTo .info img {
  display: none; }

#MessageTo .info p {
  font-size: 21px;
  font-size: 1.6153846154rem;
  line-height: 1.9047619048; }

.message-tabs a {
  text-align: center;
  background-color: #d8d8d8;
  display: block;
  padding: 10px 0;
  text-transform: uppercase;
  color: #000; }

.message-tabs li:hover a {
  opacity: 0.9; }

.message-tabs li.active a,
.message-tabs li.active:hover a {
  background-color: #fff;
  opacity: 1; }

.message-pagination {
  padding: 20px; }
  .message-pagination p {
    font-weight: 700;
    color: #000; }
  .message-pagination ul.pagination {
    list-style-type: none;
    margin: 0; }
  .message-pagination li {
    margin-right: 2px;
    display: inline-block; }
    .message-pagination li a, .message-pagination li span {
      width: 40px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      display: block;
      background-color: #fff; }
    .message-pagination li.active span {
      font-weight: 700;
      color: #fff;
      background-color: #19a9e3; }

/*   Countdown   */
.countdown {
  text-align: right;
  padding-right: 20px; }
  .countdown > div {
    display: inline-block;
    vertical-align: bottom; }
  .countdown p {
    margin: 0;
    text-align: right; }
  .countdown .timer {
    margin-left: 20px; }
  .countdown .countdown--number {
    background-color: #e91250;
    color: #fff;
    text-align: center;
    display: inline-block;
    margin-left: 5px;
    padding: 5px 6.6666666667px; }
    .countdown .countdown--number span {
      padding: 0;
      display: block; }
    .countdown .countdown--number .number {
      font-size: 30px;
      font-size: 2.3076923077rem;
      line-height: 1.3333333333;
      line-height: 1.0; }
    .countdown .countdown--number .name {
      font-size: 11px;
      font-size: 0.8461538462rem;
      line-height: 1.8181818182; }
  #ApplicationForm .countdown {
    padding-right: 0;
    margin-top: 20px; }

.countdown--explanation {
  display: none;
  background-color: #fff;
  padding: 20px;
  margin-top: 20px;
  margin-right: 20px; }
  .countdown--explanation p {
    margin-bottom: 0; }
  .countdown--explanation .countdown--close {
    margin: 0 0 20px 20px;
    text-align: right;
    float: right;
    position: relative;
    top: -10px; }

/*   Applications   */
.application--headers {
  margin-bottom: 0;
  padding: 20px 40px; }
  .application--headers p {
    margin: 0;
    color: #000;
    font-size: 21px;
    font-size: 1.6153846154rem;
    line-height: 1.9047619048; }
    .application--headers p span {
      display: inline-block; }
    .application--headers p a {
      color: inherit; }

.application--history {
  padding: 20px 40px;
  background-color: #f5f5f5; }
  .application--history h3 {
    text-align: center;
    margin-bottom: 10px; }
  .application--history .message {
    margin-bottom: 20px; }
  .application--history p {
    margin: 0; }
  .application--history .description {
    padding: 10px 0;
    margin-bottom: 40px;
    box-sizing: border-box;
    border-radius: 20px;
    display: inline-block; }
  .application--history p.status {
    font-size: 1.1em;
    font-weight: 700; }
    .application--history p.status .read {
      color: #6cdf69; }
    .application--history p.status .unread {
      color: #df6969; }
  .application--history .date {
    color: #000;
    text-align: center; }
  .application--history img {
    width: 60px; }

header {
  background-color: #fff;
  text-align: center; }
  @media screen and (min-width: 480px) {
    header {
      min-height: 120px; } }
  @media screen and (min-width: 640px) {
    header {
      border-bottom: solid 1px #293D87; } }
  header .centered {
    height: 100%; }
  header ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    vertical-align: middle;
    height: 100%; }
  @media screen and (min-width: 880px) {
    header li {
      height: 120px;
      display: inline-block; } }
  header .pages {
    display: none; }
    @media screen and (min-width: 480px) {
      header .pages {
        display: block; } }
    header .pages li {
      color: #777;
      text-transform: uppercase;
      font-size: 15px;
      font-size: 1.1538461538rem;
      line-height: 1.3333333333;
      display: inline-block; }
      @media screen and (min-width: 480px) {
        header .pages li {
          line-height: 120px; } }
      @media screen and (min-width: 640px) {
        header .pages li {
          font-size: 17px;
          font-size: 1.3076923077rem;
          line-height: 1.1764705882;
          line-height: 120px; } }
      header .pages li.active {
        background-color: #19a9e3;
        color: #293D87 !important; }
      header .pages li:hover {
        color: #19a9e3; }
    header .pages a {
      color: #777;
      vertical-align: middle; }
    header .pages li:hover a {
      color: #19a9e3; }

.navbar--left {
  text-align: center; }
  @media screen and (min-width: 480px) {
    .navbar--left {
      text-align: left; } }
  .navbar--left .pages li {
    padding: 0 10px; }
    @media screen and (min-width: 640px) {
      .navbar--left .pages li {
        padding: 0 20px; } }
  .navbar--left .pages span {
    display: none; }
    @media screen and (min-width: 880px) {
      .navbar--left .pages span {
        display: inline-block; } }

.navbar--center {
  padding: 10px 0;
  box-sizing: border-box; }
  @media screen and (min-width: 480px) {
    .navbar--center {
      height: 120px; } }
  .navbar--center img {
    display: inline-block;
    vertical-align: middle;
    width: 120px; }
    @media screen and (min-width: 480px) {
      .navbar--center img {
        width: 212px; } }

.navbar--right {
  text-align: center; }
  @media screen and (min-width: 480px) {
    .navbar--right {
      text-align: right; } }
  .navbar--right .pages li {
    padding: 0 10px; }
    @media screen and (min-width: 640px) {
      .navbar--right .pages li {
        padding: 0 20px; } }
  .navbar--right .pages .how {
    padding-left: 0;
    display: none; }
    @media screen and (min-width: 1024px) {
      .navbar--right .pages .how {
        display: inline-block; } }

[data-menu] {
  cursor: pointer; }

#MobileSearch {
  margin-top: 30px;
  cursor: pointer; }
  @media screen and (min-width: 480px) {
    #MobileSearch {
      display: none; } }

#MobileLinks {
  margin-top: 30px;
  cursor: pointer; }
  @media screen and (min-width: 480px) {
    #MobileLinks {
      display: none; } }

.navmenu {
  display: none; }
  .navmenu.active {
    display: block; }
  .navmenu .close {
    color: #fff;
    cursor: pointer; }
  .navmenu .loading {
    text-align: center;
    background-color: #fff;
    padding: 10px; }

.menu--floating {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999;
  padding: 20px;
  display: none; }
  .menu--floating.active {
    display: block; }
  @media screen and (min-width: 480px) {
    .menu--floating {
      top: 120px;
      bottom: auto;
      height: auto; } }
  .menu--floating ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
  .menu--floating li:hover {
    background-color: #45bbea; }
  .menu--floating li a {
    font-size: 21px;
    font-size: 1.6153846154rem;
    line-height: 1.9047619048;
    color: #fff;
    display: block;
    padding: 0 100px 0 0; }

.menu--blue {
  background-color: #19a9e3; }

.menu--full {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 200; }
  .menu--full .layout__item {
    text-align: center; }
  .menu--full .hit-area {
    padding-top: 20px;
    padding-bottom: 20px; }
  .menu--full p {
    color: #000;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 23px;
    font-size: 1.7692307692rem;
    line-height: 1.7391304348; }
  .menu--full .close {
    text-align: right;
    padding: 20px;
    font-size: 17px;
    font-size: 1.3076923077rem;
    line-height: 1.1764705882; }

.menu--category p.label {
  color: #fff;
  font-size: 19px;
  font-size: 1.4615384615rem;
  line-height: 1.0526315789;
  text-transform: uppercase;
  font-weight: 700;
  margin: 0 10px 5px 0; }

.menu--category ul.links {
  margin: 0;
  padding: 0;
  display: inline-block; }

.menu--category li {
  padding: 5px 0;
  display: block; }
  @media screen and (min-width: 640px) {
    .menu--category li {
      display: inline-block;
      margin-right: 10px;
      padding-right: 10px;
      padding-top: 0;
      padding-bottom: 0; } }
  .menu--category li a {
    font-size: 17px;
    font-size: 1.3076923077rem;
    line-height: 1.1764705882;
    color: #fff; }
    @media screen and (min-width: 1024px) {
      .menu--category li a {
        line-height: 1.2em; } }

.menu--category + .menu--category {
  margin-top: 12px;
  padding-top: 15px;
  border-top: dotted 1px #e1f5fd; }

#MobileCrew {
  z-index: 201; }

#MobileBoats {
  z-index: 201; }

header .menu--profile {
  height: 100%;
  display: inline-block; }
  header .menu--profile .handle-mobile {
    text-align: center;
    margin: 30px 20px 0 0; }
    @media screen and (min-width: 480px) {
      header .menu--profile .handle-mobile {
        display: none; } }
  header .menu--profile .handle {
    padding-right: 20px;
    margin-right: 20px;
    background: url("../../img/nav-profile-arrow.png") no-repeat right center;
    cursor: pointer;
    display: none; }
    @media screen and (min-width: 480px) {
      header .menu--profile .handle {
        line-height: 120px;
        display: inline-block; } }
  header .menu--profile .avatar {
    border-radius: 20px;
    width: 40px;
    height: 40px;
    line-height: 1em;
    position: relative;
    vertical-align: middle;
    display: inline-block;
    overflow: hidden; }

@media screen and (min-width: 640px) {
  .menu--alerts {
    display: inline-block; } }

.menu--alerts li {
  padding-right: 20px; }

.menu--alerts a {
  text-align: center;
  position: relative; }

.menu--alerts .count {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  line-height: 20px;
  position: absolute;
  left: 50%;
  top: 36%; }

.menu--alerts .alerts .count {
  background-color: #16bf00;
  color: #fff; }

.menu--alerts .messages .count {
  background-color: #e91250;
  color: #fff; }

.menu--alerts .applications .count {
  background-color: #004d5d;
  color: #fff; }

header .menu--alerts {
  display: none; }
  @media screen and (min-width: 640px) {
    header .menu--alerts {
      display: inline-block; } }
  header .menu--alerts a {
    display: block;
    height: 120px;
    line-height: 120px; }

/*   Applied to alerts / messages / applications   */
.menu--notifications {
  padding-top: 0; }
  .menu--notifications .centered {
    text-align: right; }
  .menu--notifications .content {
    width: 400px;
    background-color: #ebebeb;
    border: solid 5px #ebebeb;
    border-radius: 5px;
    text-align: left;
    display: inline-block;
    position: relative;
    box-shadow: 0px 9px 18px -3px rgba(112, 112, 112, 0.53); }
  .menu--notifications .connector {
    width: 100%;
    height: 8px;
    position: absolute;
    top: -13px;
    background: url("../../img/notifications-menu-connector.png") no-repeat center bottom transparent; }
  .menu--notifications .title {
    font-size: 15px;
    font-size: 1.1538461538rem;
    line-height: 1.3333333333;
    padding: 6.6666666667px 10px;
    border-bottom: solid 1px #ebebeb;
    background-color: #fff; }
  .menu--notifications .all {
    font-size: 15px;
    font-size: 1.1538461538rem;
    line-height: 1.3333333333;
    font-weight: 700;
    color: #19a9e3;
    text-align: center;
    padding: 6.6666666667px 0; }
  .menu--notifications.menu--floating ul {
    padding: 0; }
  .menu--notifications li {
    display: block;
    margin-bottom: 1px;
    background-color: #fff;
    position: relative; }
    .menu--notifications li:hover {
      background-color: #f2f2f2; }
    .menu--notifications li.read-0 {
      background-color: #e1f3fe; }
      .menu--notifications li.read-0:hover {
        background-color: #c8e9fd; }
  .menu--notifications .avatar {
    width: 16%;
    padding: 5px;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top; }
  .menu--notifications .info {
    width: 84%;
    padding: 5px;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top; }
  .menu--notifications p {
    font-size: 13px;
    font-size: 1rem;
    line-height: 1.5384615385;
    line-height: 1.1em;
    margin: 0; }
    .menu--notifications p span {
      font-weight: bold; }
  .menu--notifications .icon {
    font-size: 11px;
    font-size: 0.8461538462rem;
    line-height: 1.8181818182;
    padding-left: 20px;
    background-position: 0 center;
    background-repeat: no-repeat; }

/*   Crew Menu For Mobile   */
#DesktopCrew {
  padding: 0; }
  #DesktopCrew .content {
    padding: 20px 0; }
    @media screen and (min-width: 480px) {
      #DesktopCrew .content {
        width: auto;
        display: inline-block; } }
    #DesktopCrew .content li {
      padding-left: 20px;
      padding-right: 20px; }

/*   Boats Menu For Mobile   */
#DesktopBoats {
  padding: 0; }
  #DesktopBoats .content {
    width: auto;
    padding: 20px 0; }
    @media screen and (min-width: 480px) {
      #DesktopBoats .content {
        width: auto;
        margin-left: 70px;
        display: inline-block; } }
    @media screen and (min-width: 640px) {
      #DesktopBoats .content {
        margin-left: 90px; } }
    @media screen and (min-width: 880px) {
      #DesktopBoats .content {
        margin-left: 132px; } }
    #DesktopBoats .content li {
      padding-left: 20px;
      padding-right: 20px; }

/*   Alerts / Messages / Applications Icon Bar For Mobile   */
#MobileAlerts {
  background-color: #fff;
  border-bottom: solid 1px #293D87;
  border-top: solid 1px #f5f5f5; }
  @media screen and (min-width: 640px) {
    #MobileAlerts {
      display: none; } }
  #MobileAlerts li {
    padding: 0; }
  #MobileAlerts .half {
    width: 50%; }
  #MobileAlerts .third {
    width: 33%; }
  #MobileAlerts .count {
    top: 12%; }
  #MobileAlerts a {
    display: block;
    height: 50px;
    line-height: 50px; }

/*   Profile Flyout   */
#ProfileMenu {
  padding: 0;
  bottom: 0; }
  @media screen and (min-width: 480px) {
    #ProfileMenu {
      bottom: auto; } }
  #ProfileMenu .centered {
    height: 100%; }
    @media screen and (min-width: 480px) {
      #ProfileMenu .centered {
        height: auto; } }
  #ProfileMenu .content {
    background-color: #f5f5f5;
    text-align: center;
    padding: 20px;
    height: 100%; }
    @media screen and (min-width: 480px) {
      #ProfileMenu .content {
        height: auto; } }
    @media screen and (min-width: 640px) {
      #ProfileMenu .content {
        text-align: left;
        float: right; } }
  #ProfileMenu .close {
    background-color: #777;
    margin-top: 40px;
    padding: 10px 20px; }
    @media screen and (min-width: 640px) {
      #ProfileMenu .close {
        display: none; } }
  #ProfileMenu .avatar {
    width: 80px;
    height: 80px;
    border-radius: 40px;
    border: solid 1px #d8d8d8;
    overflow: hidden;
    margin: 0 auto 20px auto; }
    @media screen and (min-width: 480px) {
      #ProfileMenu .avatar {
        display: none; } }
  #ProfileMenu p {
    font-size: 15px;
    font-size: 1.1538461538rem;
    line-height: 1.3333333333; }
  #ProfileMenu p.screenname {
    font-size: 19px;
    font-size: 1.4615384615rem;
    line-height: 1.0526315789;
    font-weight: 700;
    font-style: italic;
    margin: 0; }
  #ProfileMenu ul {
    padding: 0;
    margin: 20px; }
    @media screen and (min-width: 640px) {
      #ProfileMenu ul {
        margin: 0; } }
  #ProfileMenu li {
    border-top: solid 1px #d8d8d8;
    padding: 0;
    display: block; }
    #ProfileMenu li:hover {
      background-color: transparent; }
      #ProfileMenu li:hover a {
        font-weight: 700; }
  #ProfileMenu a {
    font-size: 15px;
    font-size: 1.1538461538rem;
    line-height: 1.3333333333;
    color: #19a9e3;
    display: block;
    padding: 10px 0; }
  #ProfileMenu .btn--blue {
    color: #fff; }

/*   General Links Flyout For Mobile  */
#LinksMenu {
  padding: 0;
  bottom: 0; }
  @media screen and (min-width: 480px) {
    #LinksMenu {
      bottom: auto; } }
  #LinksMenu .centered {
    height: 100%; }
    @media screen and (min-width: 480px) {
      #LinksMenu .centered {
        height: auto; } }
  #LinksMenu .content {
    background-color: #f5f5f5;
    text-align: center;
    padding: 20px;
    height: 100%; }
    @media screen and (min-width: 480px) {
      #LinksMenu .content {
        height: auto; } }
    @media screen and (min-width: 640px) {
      #LinksMenu .content {
        text-align: left;
        float: right; } }
  #LinksMenu .close {
    background-color: #777;
    margin-top: 40px;
    padding: 10px 20px; }
    @media screen and (min-width: 640px) {
      #LinksMenu .close {
        display: none; } }
  #LinksMenu p {
    font-size: 15px;
    font-size: 1.1538461538rem;
    line-height: 1.3333333333; }
  #LinksMenu ul {
    padding: 0;
    margin: 20px; }
    @media screen and (min-width: 640px) {
      #LinksMenu ul {
        margin: 0; } }
  #LinksMenu li {
    border-top: solid 1px #d8d8d8;
    padding: 10px 0;
    display: block; }
  #LinksMenu a {
    font-size: 15px;
    font-size: 1.1538461538rem;
    line-height: 1.3333333333;
    color: #19a9e3; }

/*   Alerts Flyout   */
#AlertsMenu .connector {
  background-position: 230px bottom; }
  @media screen and (min-width: 1200px) {
    #AlertsMenu .connector {
      background-position: 210px bottom; } }

body.login--owner #AlertsMenu .connector {
  background-position: 180px bottom; }
  @media screen and (min-width: 1335px) {
    body.login--owner #AlertsMenu .connector {
      background-position: 160px bottom; } }

#AlertsMenu .icon--alert-favourite {
  background-image: url("../../img/alert-favourite-small.png"); }

#AlertsMenu .icon--alert-info {
  background-image: url("../../img/alert-info-small.png");
  background-position: 5px center; }

#AlertsMenu .icon--alert-profile {
  background-image: url("../../img/alert-profile-small.png"); }

#AlertsMenu .icon--alert-shortlist {
  background-image: url("../../img/alert-shortlist-small.png"); }

#AlertsMenu .icon--alert-team {
  background-image: url("../../img/alert-team-small.png"); }

#AlertsMenu .icon--alert-verified {
  background-image: url("../../img/alert-verified-small.png"); }

/*   Messages Flyout   */
#MessagesMenu .connector {
  background-position: 280px bottom; }
  @media screen and (min-width: 1335px) {
    #MessagesMenu .connector {
      background-position: 260px bottom; } }

body.login--owner #MessagesMenu .connector {
  background-position: 230px bottom; }
  @media screen and (min-width: 1335px) {
    body.login--owner #MessagesMenu .connector {
      background-position: 210px bottom; } }

#MessagesMenu .icon--read-0 {
  background-image: url("../../img/icon-message-unread.png"); }

#MessagesMenu .icon--read-1 {
  background-image: url("../../img/icon-message-read.png"); }

/*   Applications Flyout   */
#ApplicationsMenu .connector {
  background-position: 280px bottom; }
  @media screen and (min-width: 1335px) {
    #ApplicationsMenu .connector {
      background-position: 265px bottom; } }

#ApplicationsMenu .icon {
  padding-left: 15px; }

#ApplicationsMenu .icon--read-0 {
  background-image: url("../../img/icon-candidate.png"); }

#ApplicationsMenu .icon--read-1 {
  background-image: url("../../img/icon-candidate.png"); }

.notification {
  padding: 10px 20px;
  border: solid 1px transparent; }
  .notification p {
    padding: 0;
    margin: 0; }

.notification--info {
  background-color: #3353C1;
  color: #fff; }

.notification--success {
  background-color: #16bf00;
  color: #fff; }

.notification--warning {
  background-color: #D38D2A;
  color: #fff; }

.notification--error {
  background-color: #e91250;
  color: #fff; }
  .notification--error.notification--global {
    color: #000; }

.notification--reminder {
  background-color: #19a9e3;
  color: #fff; }

.notification--checkin {
  padding: 0;
  border: none; }
  .notification--checkin .head {
    background-color: #293D87;
    text-align: center;
    padding: 20px 0; }
    .notification--checkin .head .btn, .notification--checkin .head .message-listing .message-btn--view a, .message-listing .message-btn--view .notification--checkin .head a, .notification--checkin .head .message-listing .message-btn--delete a, .message-listing .message-btn--delete .notification--checkin .head a {
      border-radius: 5px;
      border-color: #19a9e3;
      background-color: transparent;
      font-size: 21px;
      font-size: 1.6153846154rem;
      line-height: 1.9047619048;
      line-height: 1.0em;
      font-weight: bold; }
    .notification--checkin .head p {
      color: #19a9e3; }
      .notification--checkin .head p .ago {
        color: #d8d8d8; }
    .notification--checkin .head p + p {
      margin-top: 10px; }
  .notification--checkin .body {
    padding: 10px 20px; }
    .notification--checkin .body p {
      color: #293D87; }

.notification--sent {
  background-image: url("../../img/icon-submitted-white.png");
  background-repeat: no-repeat;
  background-position: 15px center;
  padding-left: 60px;
  background-size: 30px 25px; }

.notification.notification--global {
  text-align: center;
  margin-bottom: 0 !important; }

.notification-global {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 9999;
  padding: 10px 20px; }
  .notification-global p {
    font-size: 14px;
    font-size: 1.0769230769rem;
    line-height: 1.4285714286;
    font-weight: 700;
    margin: 0; }
  .notification-global.notification-global--success {
    background-color: #16bf00; }
    .notification-global.notification-global--success p {
      color: #fff; }

.box--membership {
  background-color: #fff; }

.membership-header {
  background-color: #0176c6;
  background-image: linear-gradient(to right, #d10083, #0176c6);
  padding: 0 40px;
  margin-bottom: 0; }
  .membership-header .icon-bg {
    background: url("../../img/icons/premium-wheel@2x.png") no-repeat left center;
    /*background-size: 67px 59px;*/
    background-size: 134px 118px;
    padding: 50px 0 50px 150px; }
  .membership-header h2 {
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-size: 31px;
    font-size: 2.3846153846rem;
    line-height: 1.2903225806;
    color: #fff;
    font-weight: 300;
    margin: 0;
    padding: 0; }
    .membership-header h2 span {
      font-weight: 700; }
  .membership-header p {
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-size: 20px;
    font-size: 1.5384615385rem;
    line-height: 1;
    font-weight: 300;
    color: #fff;
    margin: 0;
    padding: 0; }

.membership-details {
  padding: 40px;
  margin-bottom: 0;
  border-bottom: dotted 1px #d8d8d8;
  color: #11435a; }
  @media screen and (min-width: 880px) {
    .membership-details {
      background: url("../../img/bg-premium.jpg") no-repeat top right #fff;
      background-size: cover; } }
  .membership-details p, .membership-details li {
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-size: 16px;
    font-size: 1.2307692308rem;
    line-height: 1.25;
    line-height: 1.5em;
    color: #11435a; }
    .membership-details p .bold, .membership-details li .bold {
      font-weight: 600; }
  .membership-details .membership-price {
    font-family: "Source Sans Pro", Arial, sans-serif;
    font-size: 41px;
    font-size: 3.1538461538rem;
    line-height: 1.4634146341;
    font-weight: 700;
    color: #004d5d !important;
    margin: 20px 0; }
    .membership-details .membership-price span {
      font-size: 17px;
      font-size: 1.3076923077rem;
      line-height: 1.1764705882;
      font-weight: 400; }
  .membership-details .membership-offer {
    font-size: 35px;
    font-size: 2.6923076923rem;
    line-height: 1.1428571429;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 0; }

.membership-accordion {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: dotted 1px #d8d8d8; }
  .membership-accordion .membership-title {
    background: url("../../img/icons/handle-viewer-closed@2x.png") no-repeat 96% center;
    background-size: 40px 40px;
    background-color: #f5f5f5;
    padding: 20px;
    cursor: pointer; }
    .membership-accordion .membership-title h3 {
      font-family: "Source Sans Pro", Arial, sans-serif;
      font-weight: 300;
      font-size: 21px;
      font-size: 1.6153846154rem;
      line-height: 1.9047619048;
      font-weight: 300;
      padding-left: 60px; }
  .membership-accordion .membership-content {
    max-height: 0;
    opacity: 0;
    overflow: hidden; }
  .membership-accordion.open .membership-title {
    background-image: url("../../img/icons/handle-viewer-open@2x.png"); }
  .membership-accordion.open .membership-content {
    padding: 40px;
    height: auto;
    max-height: 999999px;
    opacity: 1; }

.membership-verification h3 {
  background: url("../../img/verification-shield-green.png") no-repeat 10px center;
  background-size: 20px 24px; }

.membership-comparison h3 {
  background: url("../../img/icons/scales@2x.png") no-repeat 6px center;
  background-size: 28px 24px; }

.membership-questions h3 {
  background: url("../../img/icons/membership-questions@2x.png") no-repeat 6px center;
  background-size: 27px 24px; }

.membership-payment-options span {
  height: 40px;
  line-height: 37px;
  padding: 0 20px;
  background-color: #fff;
  text-align: center;
  vertical-align: middle;
  display: block; }
  @media screen and (min-width: 480px) {
    .membership-payment-options span {
      display: inline-block; } }
  .membership-payment-options span.btn--payment {
    border: solid 1px #898989;
    border-radius: 5px;
    color: #023763;
    font-weight: 700;
    cursor: pointer; }
  .membership-payment-options span.btn--payment-cards {
    padding-left: 50px;
    background-image: url("../../img/icons/icon-payment-cards@2x.png");
    background-size: 20px 14px;
    background-position: 18px center;
    background-repeat: no-repeat; }
  .membership-payment-options span.or {
    margin: 0 10px;
    background-color: transparent; }
  .membership-payment-options span svg {
    position: relative;
    top: 6px; }

/*
.membership-plans {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.membership-plan {
  display: flex;
  flex-direction: column;
  border: solid 7px $dark-blue;
  border-radius: 0 0 40px 0;
  padding: 0;
  margin-bottom: $su;
  
  h4 {
    background-color: $dark-blue;
    color: $white;
    padding: $su-tiny $su $su-small $su-small;
    margin-bottom: 0;
    font-family: $header-font;
    @include font-size(19px);
  }
  
  ul {
    list-style-type: none;
    margin: $su;
    padding: 0;
  }
  
  li {
    padding-bottom: $su-small;
  }
  
  .introduction {
    font-size: 1.1em;
    color: $gray;
    font-style: italic;
    margin: $su $su 0 $su;
  }
}

.membership-plan--premium {
  
  @include media-query('lap') {
    width: 55%;
    margin-right: 2%;
  }
  
}

.membership-plan--free {
  border-color: $mid-blue;
  
  @include media-query('lap') {
    width: 40%;
  }
  
  h4 {
    background-color: $mid-blue;
  }
}
*/
section.membership-comparison.open .membership-content {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 0;
  padding-right: 0; }
  @media screen and (min-width: 640px) {
    section.membership-comparison.open .membership-content {
      padding-left: 20px;
      padding-right: 20px; } }

table.comparison-table {
  width: 100%; }
  table.comparison-table thead {
    border-bottom: solid 1px #d8d8d8; }
    table.comparison-table thead td {
      padding-bottom: 6.6666666667px; }
  table.comparison-table tbody td {
    padding: 20px 0; }
  table.comparison-table .feature {
    padding-left: 20px; }
    @media screen and (min-width: 640px) {
      table.comparison-table .feature {
        padding-left: 0; } }
    table.comparison-table .feature p {
      font-family: "Source Sans Pro", Arial, sans-serif;
      font-size: 16px;
      font-size: 1.2307692308rem;
      line-height: 1.25;
      margin: 0; }
    table.comparison-table .feature .bold {
      font-weight: 600; }
  table.comparison-table .compare {
    width: 60px;
    text-align: center; }
  table.comparison-table .compare--free {
    border-left: solid 1px #d8d8d8;
    padding-right: 10px; }
    @media screen and (min-width: 640px) {
      table.comparison-table .compare--free {
        padding-right: 0; } }

/*
.membership-comparison {
  width: 100%;
  display: flex;
  flex-direction: column;
  
  .row {
    list-style: none;
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    margin: 0;
    
    li {
      font-family: $header-font;
      @include font-size(16px);
      flex: 1;
      align-self: center;
      display: flex;
    }
    
    .bold {
      font-weight: 600;
    }
    
    .feature {
      width: 70%;
      flex-basis: 70%;
    }
    
    .compare {
      width: 15%;
      flex-basis: 15%;
      text-align: center;
    }
    
    .compare--free {
      @include font-size(13px);
      border-left: solid 1px red;
    }
  }
  
  img.sticker {
    margin-bottom: $su-small;
  }
}
*/
ul.membership-faq {
  margin: 0 0 0 0;
  padding: 0;
  list-style-type: none; }
  ul.membership-faq li {
    margin-bottom: 20px; }
  ul.membership-faq p {
    color: #1e2a5e;
    font-size: 17px;
    font-size: 1.3076923077rem;
    line-height: 1.1764705882; }
  ul.membership-faq .highlight {
    font-weight: 400;
    color: inherit;
    text-decoration: underline; }

.membership-faq--question {
  margin-bottom: 6.6666666667px; }

/*
**   General styles
*/
@media screen and (min-width: 640px) {
  .profile--crew, .profile--messaging, .profile--owner {
    padding-left: 20px;
    padding-right: 20px; } }

.profile--favourites .favourite .td--profile {
  width: 20%; }

.profile--favourites .favourite .td--notes {
  width: 60%; }

.profile--favourites .favourite .td--actions {
  width: 20%; }
  .profile--favourites .favourite .td--actions p {
    margin: 0; }

.profile--favourites .favourite + .favourite {
  border-top: solid 1px #d8d8d8; }

/*
**   CV
*/
ul.cv--icons {
  list-style-type: none;
  margin: 0; }

.cv--icons li {
  margin-bottom: 5px;
  padding-left: 30px; }

.cv--icons .cv--icon-view {
  background: url("../../img/icons/icon-cv-view.png") no-repeat 0 50%; }

.cv--icons .cv--icon-delete {
  background: url("../../img/icons/icon-cv-delete.png") no-repeat 2px 50%; }

.cv--icons .cv--icon-privacy {
  background: url("../../img/icons/icon-cv-privacy@2x.png") no-repeat 0 50%;
  background-size: 17px 17px; }

/*
**   References
*/
.reference {
  background-color: #f6f6f6;
  margin-bottom: 20px; }
  .reference.reference--status-1 {
    background-color: #fcf4e1; }
  .reference.reference--status-2 {
    background-color: #f2fdf2; }
  .reference .reference--header {
    color: #fff;
    background-color: #4c687a;
    padding: 1px; }
    .reference .reference--header p {
      margin: 0;
      line-height: 24px; }
  .reference .reference--status p {
    padding-left: 20px; }
  .reference .status--pending {
    color: #e69f07; }
  .reference .status--validated {
    color: #13c900; }
  .reference .reference--ordinal {
    font-weight: 700;
    text-align: center; }
  .reference .reference--delete {
    text-align: right; }
    .reference .reference--delete a {
      width: 24px;
      height: 24px;
      font-family: sans-serif;
      background-color: white;
      color: black;
      font-weight: bold;
      text-align: center;
      line-height: 24px;
      display: inline-block; }
  .reference .reference--content {
    padding: 20px; }
    .reference .reference--content p {
      text-align: center; }
    .reference .reference--content .label {
      font-weight: bold;
      display: block; }
  .reference .reference--request-button {
    padding-bottom: 20px;
    text-align: center; }
  .reference .reference--request-form {
    padding: 20px;
    background: #ffedd5; }
    .reference .reference--request-form input[type="email"] {
      width: 90%; }
    .reference .reference--request-form .buttons {
      text-align: center;
      padding-bottom: 0; }

.reference--preview {
  margin-bottom: 20px; }
  .reference--preview h3 {
    font-size: 18px;
    font-size: 1.3846153846rem;
    line-height: 1.1111111111;
    color: #3353C1;
    margin-bottom: 10px; }
  .reference--preview .info {
    padding-top: 20px; }
    @media screen and (min-width: 640px) {
      .reference--preview .info {
        padding-top: 0;
        padding-left: 20px; } }

.form--reference label {
  font-weight: 700;
  padding-bottom: 5px; }

.form--reference .entry {
  margin-bottom: 20px; }

.profile h2.user-level--current {
  font-size: 30px;
  font-size: 2.3076923077rem;
  line-height: 1.3333333333;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 40px; }
  .profile h2.user-level--current .level {
    text-transform: uppercase;
    color: #19a9e3; }

.user-level--features {
  text-align: left;
  padding: 0 10px; }
  @media screen and (min-width: 880px) {
    .user-level--features {
      text-align: center; } }
  .user-level--features .banner {
    min-height: 200px;
    border: solid 1px #898989;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 20px;
    box-sizing: border-box;
    text-align: center; }
    .user-level--features .banner img {
      margin-bottom: 10px; }
  .user-level--features ul {
    list-style-type: none;
    margin: 0 0 20px 0; }
    .user-level--features ul li {
      min-width: 51%;
      padding: 5px 0;
      display: inline-block; }
      .user-level--features ul li.can {
        background: url("../../img/feature-tick.gif") no-repeat left;
        padding-left: 25px; }

.payment-history {
  border: solid 1px #293D87; }
  .payment-history thead td {
    background-color: #293D87;
    color: #fff; }
  .payment-history td {
    padding: 3px 10px; }
  .payment-history tr:nth-child(even) {
    background-color: #f5f5f5; }

/*
**   Profile Modal
*/
.profile--modal {
  position: relative;
  max-width: 880px;
  margin: 0 auto;
  padding: 0 20px 0 20px;
  background-color: #fff;
  box-sizing: border-box; }
  .profile--modal > .tab-contact {
    padding: 5px 7px;
    background-color: #19a9e3;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    padding: 5px 20px;
    cursor: pointer;
    z-index: 15;
    position: absolute;
    top: 0;
    right: 60px; }
    @media screen and (min-width: 640px) {
      .profile--modal > .tab-contact {
        top: 40px;
        right: 60px; } }
    @media screen and (min-width: 880px) {
      .profile--modal > .tab-contact {
        display: none; } }

.profile--modal-menu {
  width: 100%;
  max-width: 840px;
  z-index: 11;
  display: none; }
  @media screen and (min-width: 640px) {
    .profile--modal-menu {
      display: block; } }
  @media screen and (min-width: 880px) {
    .profile--modal-menu {
      position: fixed;
      top: 0; } }
  .profile--modal-menu .info-tabs {
    width: 100%;
    max-width: 100%;
    background: url("../../img/black-80.png");
    padding-left: 20px; }
    .profile--modal-menu .info-tabs li {
      display: inline-block;
      margin-left: 15px;
      color: #ebebeb;
      padding: 10px 0; }
  .profile--modal-menu li.tab-contact {
    display: none;
    position: absolute;
    top: 0px;
    right: 7px; }
    @media screen and (min-width: 880px) {
      .profile--modal-menu li.tab-contact {
        display: inline-block; } }
    .profile--modal-menu li.tab-contact span {
      background-color: #19a9e3;
      color: #fff;
      font-weight: bold;
      padding: 5px 20px;
      cursor: pointer; }
  .profile--modal-menu .close {
    width: 40px;
    height: 30px;
    background-color: #fff;
    position: absolute;
    cursor: pointer;
    z-index: 11;
    text-align: center;
    top: 0px;
    right: 0px;
    display: none; }
    @media screen and (min-width: 880px) {
      .profile--modal-menu .close {
        width: 40px;
        height: 40px;
        border-radius: 0 10px 10px 0;
        top: 20px;
        right: -60px;
        display: inline-block; } }
    .profile--modal-menu .close img {
      max-width: 40%;
      margin-top: 20%;
      margin-right: 2px; }
      @media screen and (min-width: 880px) {
        .profile--modal-menu .close img {
          max-width: 60%; } }

.profile--modal-header {
  width: 100%;
  z-index: 10;
  position: relative;
  background-color: #fff; }
  @media screen and (min-width: 880px) {
    .profile--modal-header {
      height: 340px; } }
  .profile--modal-header .bg {
    height: 100%;
    background-size: cover; }
  .profile--modal-header .close {
    width: 40px;
    height: 30px;
    background-color: #fff;
    position: absolute;
    cursor: pointer;
    z-index: 11;
    text-align: center;
    top: 0px;
    right: 0px; }
    @media screen and (min-width: 880px) {
      .profile--modal-header .close {
        width: 40px;
        height: 40px;
        border-radius: 0 10px 10px 0;
        top: 20px;
        right: -60px;
        display: none; } }
    .profile--modal-header .close img {
      max-width: 40%;
      margin-top: 20%;
      margin-right: 2px; }
      @media screen and (min-width: 880px) {
        .profile--modal-header .close img {
          max-width: 60%; } }
  .profile--modal-header .overlay {
    background: url("../../img/black-50.png");
    padding: 5px 0 10px 0; }
    @media screen and (min-width: 880px) {
      .profile--modal-header .overlay {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0; } }
    .profile--modal-header .overlay h1 {
      color: #fff;
      margin-bottom: 0; }
    .profile--modal-header .overlay p {
      color: #fff;
      margin: 0; }
      .profile--modal-header .overlay p span {
        color: #d8d8d8; }
  .profile--modal-header .profile-name {
    padding: 10px 0 0 40px; }
    @media screen and (min-width: 880px) {
      .profile--modal-header .profile-name {
        padding: 10px 0 5px 0; } }
    .profile--modal-header .profile-name h1 {
      font-size: 36px;
      font-size: 2.7692307692rem;
      line-height: 1.1111111111;
      font-weight: 500; }
  .profile--modal-header .profile-status {
    padding: 0 0 10px 40px; }
    @media screen and (min-width: 880px) {
      .profile--modal-header .profile-status {
        padding: 0 0 10px 0; } }
  .profile--modal-header .profile-image {
    width: 206px;
    width: 226px;
    height: 206px;
    height: 226px;
    background-color: #ebebeb;
    border: solid 3px #000;
    position: absolute;
    bottom: -40px;
    left: 20px;
    z-index: 11;
    overflow: hidden;
    display: none; }
    .profile--modal-header .profile-image img {
      width: 100%;
      max-width: 100%; }
    @media screen and (min-width: 880px) {
      .profile--modal-header .profile-image {
        display: block; } }

.profile--modal-crew .profile--modal-header .bg {
  background: url("../../img/bg-crew-modal-default-2.jpg") no-repeat top left;
  background-size: cover; }

.profile--modal-content {
  padding-right: 40px; }

.profile-badges {
  text-align: right;
  padding-bottom: 20px; }
  @media screen and (min-width: 640px) {
    .profile-badges {
      padding-bottom: 0;
      margin-bottom: -20px;
      min-height: 20px; } }
  @media screen and (min-width: 1024px) {
    .profile-badges {
      margin-top: -40px;
      min-height: 60px; } }
  .profile-badges .badge {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    text-transform: uppercase;
    margin-left: 20px; }
    .profile-badges .badge a {
      font-size: 10px;
      font-size: 0.7692307692rem;
      line-height: 2;
      font-weight: 700;
      display: block; }
      .fonts-loaded .profile-badges .badge a {
        font-family: "Open Sans", "Segoe UI", Tahoma, sans-serif; }
    .profile-badges .badge img {
      margin-bottom: 0; }
    .profile-badges .badge img.badge--locked {
      opacity: 0.5; }
    .profile-badges .badge a.badge--locked {
      color: #a3a7a5; }

.profile--modal-body {
  box-sizing: border-box;
  z-index: 5;
  background-color: #ebebeb;
  padding: 20px; }
  @media screen and (min-width: 880px) {
    .profile--modal-body {
      padding-top: 60px; } }
  .profile--modal-body h3 {
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 0;
    background-color: #383838;
    color: #fff;
    padding: 10px 30px; }
    @media screen and (min-width: 640px) {
      .profile--modal-body h3 {
        min-width: 206px;
        min-width: 226px;
        display: inline-block; } }
  .profile--modal-body p.entry .label {
    color: #000; }
    .profile--modal-body p.entry .label.top {
      vertical-align: top; }
  .profile--modal-body p.entry .value {
    color: #777; }
  .profile--modal-body p.entry.underline {
    border-bottom: solid 1px #ebebeb;
    padding-bottom: 10px;
    margin-bottom: 10px; }
  .profile--modal-body div.entry label {
    color: #000; }
  .profile--modal-body .btn.close, .profile--modal-body .message-listing .message-btn--view a.close, .message-listing .message-btn--view .profile--modal-body a.close, .profile--modal-body .message-listing .message-btn--delete a.close, .message-listing .message-btn--delete .profile--modal-body a.close {
    width: 200px;
    margin: 0 auto;
    display: block; }
  @media screen and (min-width: 880px) {
    .profile--modal-body .info-tabs {
      padding-left: 20px; } }
  .profile--modal-body .info-tabs li {
    color: #898989;
    text-transform: uppercase;
    padding-left: 20px;
    border-top: solid 1px transparent;
    border-bottom: solid 1px transparent; }
    .profile--modal-body .info-tabs li.active {
      color: #000;
      border-color: #d8d8d8; }
  .profile--modal-body .info-page {
    padding-bottom: 20px; }
    .profile--modal-body .info-page .content {
      background-color: #fff;
      border-top: solid 1px #000;
      border-bottom: solid 1px #000;
      padding: 20px 30px; }
  .profile--modal-body p.advert-title {
    color: #000;
    margin-bottom: 10px;
    font-size: 16px;
    font-size: 1.2307692308rem;
    line-height: 1.25; }
  .profile--modal-body .profile--thumbnails a {
    height: 60px;
    border: solid 1px #000;
    margin-right: 20px;
    display: inline-block; }
    .profile--modal-body .profile--thumbnails a img {
      max-height: 100%; }
  .profile--modal-body .qualification {
    padding-bottom: 5px; }
    .profile--modal-body .qualification p {
      margin-bottom: 0;
      text-align: center; }
      @media screen and (min-width: 880px) {
        .profile--modal-body .qualification p {
          text-align: left; } }
    .profile--modal-body .qualification .qualification--status-complete {
      color: #16bf00; }
    .profile--modal-body .qualification .qualification--status-incomplete {
      color: #D38D2A; }
  .profile--modal-body .qualification + .qualification {
    border-top: solid 1px #ebebeb;
    padding-top: 5px; }
  .profile--modal-body .log {
    margin-bottom: 10px; }
    @media screen and (min-width: 640px) {
      .profile--modal-body .log .log--header {
        text-align: center; } }
    .profile--modal-body .log .log--header p {
      margin-bottom: 0;
      color: #000; }
    @media screen and (min-width: 880px) {
      .profile--modal-body .log .log--header .log--date {
        text-align: left; } }
    @media screen and (min-width: 880px) {
      .profile--modal-body .log .log--header .log--duration {
        text-align: right; } }
    .profile--modal-body .log > p {
      padding: 5px 0;
      margin: 0; }
  .profile--modal-body .log + .log {
    border-top: solid 1px #ebebeb;
    padding-top: 10px; }
  .profile--modal-body .skills {
    list-style: none;
    margin: 0; }
    .profile--modal-body .skills li {
      background-color: #f5f5f5;
      margin: 0 5px 5px 0;
      padding: 5px 10px;
      display: inline-block; }
  .profile--modal-body .reference--form-intro {
    margin-top: 20px;
    margin-bottom: 0;
    color: #000; }
  .profile--modal-body .reference--form-trigger {
    cursor: pointer; }
  .profile--modal-body .reference {
    margin-bottom: 20px;
    border-bottom: solid 1px #f5f5f5;
    border-top: none;
    padding-top: 0;
    background-color: transparent; }
    .profile--modal-body .reference .reference--header {
      background-color: transparent;
      padding: 0 10px 5px 0; }
      .profile--modal-body .reference .reference--header p {
        color: #000;
        margin: 0; }
        .profile--modal-body .reference .reference--header p span {
          color: #898989; }
    .profile--modal-body .reference > p {
      padding: 5px 10px 5px 0;
      font-style: italic; }
  .profile--modal-body .reference--form {
    padding-left: 10px;
    margin: 20px 0 40px 0;
    display: none; }
    .profile--modal-body .reference--form .entry {
      padding-bottom: 20px; }
      .profile--modal-body .reference--form .entry .error {
        margin-bottom: 0; }
    .profile--modal-body .reference--form .error-main {
      display: none; }
  .profile--modal-body .team-member p {
    text-align: center; }
  .profile--modal-body .team-member .image {
    overflow: hidden;
    border-radius: 15px; }
  .profile--modal-body .review {
    margin-bottom: 20px; }
    .profile--modal-body .review .review--title {
      font-style: italic;
      margin-bottom: 0;
      color: #19a9e3; }
    .profile--modal-body .review .review--review {
      margin-bottom: 0; }
    .profile--modal-body .review .review--date {
      border-top: solid 1px #ebebeb;
      margin-top: 10px;
      padding-top: 10px;
      color: #898989; }
    .profile--modal-body .review .review--reviewer {
      text-align: center; }
    .profile--modal-body .review .review--image {
      width: 80%;
      height: 80%;
      margin: 0 auto 10px auto;
      overflow: hidden;
      border-radius: 15px; }
  .profile--modal-body .review--form-intro {
    margin-top: 20px;
    margin-bottom: 5px;
    padding-top: 20px;
    border-top: solid 1px #ebebeb;
    color: #000; }
  .profile--modal-body .review--form-subintro {
    margin-bottom: 0; }
  .profile--modal-body .review--form-trigger {
    cursor: pointer; }
  .profile--modal-body .review--form {
    margin: 20px 0 40px 0;
    display: none; }
    .profile--modal-body .review--form .entry {
      padding-bottom: 20px; }
      .profile--modal-body .review--form .entry .error {
        margin-bottom: 0; }
    .profile--modal-body .review--form .error-main {
      display: none; }
  .profile--modal-body .application--form h4 {
    margin-bottom: 0; }
  .profile--modal-body .application--form .entry {
    padding-bottom: 40px; }
  .profile--modal-body .application--form .certificate {
    padding-bottom: 5px; }
    .profile--modal-body .application--form .certificate select {
      width: auto; }
  .profile--modal-body .application--form .suitability select {
    width: auto; }
  .profile--modal-body .application--form .notes p {
    width: 90%; }
  .profile--modal-body .spotlight {
    margin: 0 0 20px 0; }
    .profile--modal-body .spotlight .question {
      font-weight: 400;
      margin-bottom: 0;
      color: #000; }
    .profile--modal-body .spotlight .answer {
      font-style: normal; }
  .profile--modal-body .contact {
    max-width: 600px; }
    .profile--modal-body .contact p {
      font-size: 19px;
      font-size: 1.4615384615rem;
      line-height: 1.0526315789;
      padding: 10px 0;
      margin-bottom: 5px; }
    .profile--modal-body .contact .label {
      background-color: #19a9e3;
      border: solid 1px #19a9e3;
      color: #fff;
      padding-left: 50px; }
    .profile--modal-body .contact .value {
      border: solid 1px #19a9e3;
      padding-left: 20px;
      padding-right: 20px;
      color: #000; }
  .profile--modal-body .contact--phone .label {
    background-image: url("../../img/icon-button-phone.png");
    background-repeat: no-repeat;
    background-position: 10px 50%; }
  .profile--modal-body .contact--skype .label {
    background-image: url("../../img/icon-button-skype.png");
    background-repeat: no-repeat;
    background-position: 10px 50%; }
  .profile--modal-body .contact--url .label {
    background-image: url("../../img/icon-button-url.png");
    background-repeat: no-repeat;
    background-position: 10px 50%; }

#ModalContactForm {
  padding-bottom: 40px; }
  #ModalContactForm .error-main {
    display: none; }
  #ModalContactForm .btn--send {
    margin-top: 5px;
    padding-left: 50px;
    background-image: url("../../img/icon-button-send.png");
    background-repeat: no-repeat;
    background-position: 10px 50%; }
  #ModalContactForm .countdown {
    padding-right: 0; }
  #ModalContactForm .countdown--explanation {
    background-color: #ebebeb;
    margin-right: 0; }
  #ModalContactForm .countdown--close span {
    color: #777; }

#ModalContent.profile {
  overflow-y: auto;
  background-color: transparent; }

#ModalApplicationForm .countdown {
  padding-right: 0; }

#ModalApplicationForm .countdown--explanation {
  background-color: #ebebeb;
  margin-right: 0; }

#ModalApplicationForm .countdown--close span {
  color: #777; }

/*
**   Single
*/
.profile--single .section {
  margin-top: 20px; }

.profile--single .section-privacy {
  margin-top: 60px; }

.profile--single .label {
  vertical-align: top; }

.profile--single img.profile-photo {
  width: 100%;
  max-width: 200px; }

.profile--single span.skill + span.skill {
  border-left: solid 1px #d8d8d8;
  margin-left: 5px;
  padding-left: 5px; }

.profile--single span.qualification + span.qualification {
  border-left: solid 1px #d8d8d8;
  margin-left: 5px;
  padding-left: 5px; }

.profile--single .job + .job {
  margin-top: 20px;
  padding-top: 20px;
  border-top: solid 1px #d8d8d8; }

.promotion .promotion--title {
  background-color: #1e2a5e;
  background-image: url("../../img/promotion-premium-icon@2x.png");
  background-repeat: no-repeat;
  background-size: 45px 40px;
  background-position: 20px 10px;
  color: #fff;
  padding: 20px 20px 20px 80px; }
  .promotion .promotion--title p {
    margin: 0;
    font-size: 17px;
    font-size: 1.3076923077rem;
    line-height: 1.1764705882; }

.promotion .promotion--content {
  background: linear-gradient(#183d72, #0097d5);
  color: #fff;
  padding: 20px; }
  .promotion .promotion--content ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
  .promotion .promotion--content li + li {
    margin-top: 6.6666666667px; }
  .promotion .promotion--content li:before {
    content: "-";
    margin-right: 10px; }

.promotion .promotion--buttons a, .promotion .promotion--buttons input[type="submit"] {
  background-color: #1e2a5e;
  border: solid 1px #1e2a5e;
  color: #fff;
  padding: 10px 40px;
  margin-top: 20px;
  display: inline-block;
  box-sizing: border-box;
  font-weight: 700;
  margin-right: 20px; }
  .promotion .promotion--buttons a:hover, .promotion .promotion--buttons input[type="submit"]:hover {
    background-color: #243371; }
  .promotion .promotion--buttons a.transparent, .promotion .promotion--buttons input[type="submit"].transparent {
    background-color: transparent;
    color: #1e2a5e;
    font-weight: 400; }
    .promotion .promotion--buttons a.transparent:hover, .promotion .promotion--buttons input[type="submit"].transparent:hover {
      background-color: #1987be; }

.promotion .promotion--buttons form {
  display: inline-block; }

/* For the viewer pages */
section.viewer-premium {
  margin-bottom: 0;
  padding-bottom: 0; }
  section.viewer-premium .promotion--title {
    background-image: none;
    padding: 0; }
    section.viewer-premium .promotion--title .viewer-container-width {
      background-image: url("../../img/promotion-premium-icon@2x.png");
      background-repeat: no-repeat;
      background-size: 45px 40px;
      background-position: 0 10px;
      padding: 20px 20px 20px 60px; }

/* Promote a job */
.promote-job {
  padding-left: 40px;
  padding-right: 40px; }
  .promote-job h2 {
    font-size: 21px;
    font-size: 1.6153846154rem;
    line-height: 1.9047619048;
    font-weight: 600;
    color: #000; }
  .promote-job .promote-price {
    font-size: 36px;
    font-size: 2.7692307692rem;
    line-height: 1.1111111111;
    font-weight: 600;
    color: #000;
    margin-top: 40px;
    margin-bottom: 40px; }
    .promote-job .promote-price span {
      font-size: 17px;
      font-size: 1.3076923077rem;
      line-height: 1.1764705882;
      font-weight: 300; }

/*
**   Summary
*/
.search--summary {
  margin-bottom: 0;
  padding-bottom: 0; }
  .search--summary div.count {
    color: #000;
    padding: 10px 20px; }
    .search--summary div.count p {
      margin: 0; }
    .search--summary div.count .heading {
      text-transform: uppercase; }
    .search--summary div.count .count {
      font-size: 27px;
      font-size: 2.0769230769rem;
      line-height: 1.4814814815;
      display: none; }
      .search--summary div.count .count span {
        font-weight: 600; }
  .search--summary div.filters {
    background-color: #fff;
    padding: 10px 20px; }

/*
**   Results
*/
.search--listings {
  padding-top: 20px;
  margin-bottom: 0;
  padding-bottom: 0;
  position: relative; }
  .search--listings .overlay {
    background: rgba(255, 255, 255, 0.8);
    position: absolute;
    top: 20px;
    bottom: 0;
    left: 0;
    right: 0;
    padding-top: 60px;
    text-align: center;
    z-index: 2;
    display: none; }

.result {
  padding: 10px 20px;
  background-color: #fff;
  margin-bottom: 20px; }
  .result h2 {
    font-size: 21px;
    font-size: 1.6153846154rem;
    line-height: 1.9047619048;
    font-weight: bold;
    line-height: 1em;
    color: #000; }
  .result ul {
    margin: 0;
    list-style-type: none; }
  .result .avatar {
    width: 100%;
    padding-bottom: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden; }
    @media screen and (min-width: 480px) {
      .result .avatar {
        width: 200px;
        padding-bottom: 200px;
        float: left; } }
    @media screen and (min-width: 880px) {
      .result .avatar {
        width: 100%;
        padding-bottom: 100%;
        float: left; } }
    .result .avatar img {
      width: 100%;
      position: absolute;
      z-index: 1; }
    .result .avatar .urgent-banner {
      width: auto;
      position: absolute;
      bottom: 0;
      right: 0;
      z-index: 2; }
    .result .avatar .featured-banner {
      width: auto;
      position: absolute;
      bottom: 0;
      right: 0;
      z-index: 3; }
  .result ul.thumbs li {
    width: 25%;
    height: 0;
    padding-bottom: 25%;
    display: inline-block;
    overflow: hidden; }
    @media screen and (min-width: 880px) {
      .result ul.thumbs li {
        width: 20%;
        padding-bottom: 20%;
        float: left; } }
  .result .result--description {
    padding-top: 20px; }
    @media screen and (min-width: 480px) {
      .result .result--description {
        padding-top: 10px; } }
    @media screen and (min-width: 880px) {
      .result .result--description {
        padding-top: 0; } }
    .result .result--description strong a {
      color: #19a9e3; }
  .result .btn--profile {
    width: 100%;
    text-transform: uppercase;
    padding-left: 20px;
    padding-right: 20px; }
    @media screen and (min-width: 480px) {
      .result .btn--profile {
        width: auto;
        float: right; } }

#More {
  text-align: center;
  padding-bottom: 20px; }
  #More .more {
    border: solid 1px #fff; }
  #More .loading {
    display: none; }

#SearchOverlay {
  background: rgba(255, 255, 255, 0.8);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding-top: 30%;
  text-align: center;
  z-index: 1002;
  display: none; }
  #SearchOverlay p {
    font-size: 35px;
    font-size: 2.6923076923rem;
    line-height: 1.1428571429;
    margin-bottom: 20px; }

/*
**   Crew
*/
.result--crew h2 {
  color: #000;
  font-weight: 400; }

.result--crew ul.result--contacts {
  float: right; }
  .result--crew ul.result--contacts li {
    display: inline-block; }

.result--crew ul.result--details {
  margin-top: 20px !important; }
  @media screen and (min-width: 880px) {
    .result--crew ul.result--details {
      margin-top: 0 !important; } }
  .result--crew ul.result--details li .label {
    width: 90px;
    font-weight: 700;
    color: #898989;
    text-align: right;
    display: inline-block; }

.result--crew ul.result--stats {
  border: solid 3px #d8d8d8;
  padding-bottom: 2px;
  display: none; }
  @media screen and (min-width: 880px) {
    .result--crew ul.result--stats {
      display: block; } }
  .result--crew ul.result--stats li {
    padding: 2px 0; }
    .result--crew ul.result--stats li span, .result--crew ul.result--stats li img {
      vertical-align: middle; }
    .result--crew ul.result--stats li .label {
      width: 50px;
      color: #6685a3;
      margin-right: 5px;
      text-align: right;
      display: inline-block; }
    .result--crew ul.result--stats li .icon {
      margin-right: 8px; }
    .result--crew ul.result--stats li .rating img {
      vertical-align: top;
      margin-top: 3px; }

.result--crew-premium h2 {
  color: #000;
  font-weight: 700; }

.result--crew-premium .result--thumbnail .container {
  padding-bottom: 100%;
  margin: 20px 0 0 0;
  border: solid 2px #d8d8d8;
  overflow: hidden;
  position: relative;
  box-sizing: border-box; }
  @media screen and (min-width: 880px) {
    .result--crew-premium .result--thumbnail .container {
      margin: 0; } }
  .result--crew-premium .result--thumbnail .container img {
    display: none;
    min-height: 100%;
    position: absolute; }

@media screen and (min-width: 880px) {
  .result--crew-premium .result--thumbnail + .result--thumbnail .container {
    margin-top: 10px; } }

@media screen and (min-width: 880px) {
  .result--crew-premium .result--description {
    margin-top: 10px; } }

.result--crew-premium .result--stats {
  margin-top: 20px; }
  @media screen and (min-width: 880px) {
    .result--crew-premium .result--stats {
      margin-top: 0; } }

.result--crew-basic .avatar {
  max-height: 140px;
  overflow: hidden; }

/*
**   Jobs
*/
.result--job {
  padding: 0; }
  .result--job .title {
    padding: 10px 20px; }
    .result--job .title h2 {
      margin: 0; }
  .result--job .content {
    padding: 10px 20px; }
  .result--job.featured {
    background-color: #e1f5fd; }
    .result--job.featured .title {
      background-color: #a8ecff; }
    .result--job.featured .skipper {
      border-color: #a8ecff; }
      .result--job.featured .skipper > p {
        background-color: #a8ecff; }
  .result--job ul.result--contacts {
    float: right;
    vertical-align: top; }
    .result--job ul.result--contacts li {
      display: inline-block;
      vertical-align: top; }
      .result--job ul.result--contacts li img {
        vertical-align: top; }
  .result--job h2 {
    font-weight: 400; }
    .result--job h2 .position {
      font-weight: 700; }
  .result--job .result--thumbnails {
    display: none; }
    @media screen and (min-width: 640px) {
      .result--job .result--thumbnails {
        display: block; } }
  .result--job .result--thumbnail .container {
    padding-bottom: 100%;
    margin: 20px 0 0 0;
    border: solid 1px #d8d8d8;
    overflow: hidden;
    position: relative;
    box-sizing: border-box; }
    @media screen and (min-width: 640px) {
      .result--job .result--thumbnail .container {
        margin-top: 0;
        margin-bottom: 10px; } }
    @media screen and (min-width: 880px) {
      .result--job .result--thumbnail .container {
        margin-bottom: 0; } }
    .result--job .result--thumbnail .container img {
      min-height: 100%;
      position: absolute; }
  @media screen and (min-width: 880px) {
    .result--job .result--thumbnail + .result--thumbnail .container {
      margin-top: 10px; } }
  .result--job .result--details {
    margin-top: 20px !important; }
    @media screen and (min-width: 880px) {
      .result--job .result--details {
        margin-top: 0 !important; } }
    .result--job .result--details .label {
      width: 90px;
      text-align: right;
      margin-right: 10px;
      font-weight: 700;
      display: inline-block; }
  .result--job .skipper {
    background-color: white;
    border: solid 2px #d8d8d8;
    margin-top: 20px;
    display: none; }
    @media screen and (min-width: 880px) {
      .result--job .skipper {
        margin-top: 0;
        display: block; } }
    .result--job .skipper > p {
      background-color: #d8d8d8;
      margin: 0;
      padding-left: 5px; }
    .result--job .skipper .skipper--photo {
      width: 25%;
      border-right: solid 2px #d8d8d8;
      display: inline-block;
      vertical-align: top; }
    .result--job .skipper .skipper--info {
      width: 75%;
      padding-top: 10px;
      display: inline-block;
      box-sizing: border-box;
      vertical-align: top; }
    .result--job .skipper .label {
      width: 60px;
      color: #6685a3;
      text-align: right;
      display: inline-block; }
  .result--job .result--description {
    padding-top: 0; }
    @media screen and (min-width: 480px) {
      .result--job .result--description {
        padding-top: 10px; } }
    .result--job .result--description strong a {
      color: #19a9e3;
      font-weight: 700; }
  .result--job .result--stats {
    margin-top: 20px; }
    @media screen and (min-width: 880px) {
      .result--job .result--stats {
        margin-top: 0; } }

/*
**   Summary
*/
#SearchSummary .style {
  margin: 0;
  display: inline-block; }

#SearchSummary ul {
  display: inline-block; }

#SearchSummary li {
  background-color: #fff;
  padding: 2px 4px; }

/*
**   Filters
*/
.box.filters, .filters.notification {
  z-index: 999; }
  .box.filters .heading, .filters.notification .heading {
    background-color: rgba(0, 0, 0, 0.3);
    margin: 0 !important;
    padding: 20px 0;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    cursor: pointer; }
    @media screen and (min-width: 640px) {
      .box.filters .heading, .filters.notification .heading {
        cursor: default; } }

body.scrolled-filters .box.filters, body.scrolled-filters .filters.notification {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #293D87; }
  @media screen and (min-width: 640px) {
    body.scrolled-filters .box.filters, body.scrolled-filters .filters.notification {
      width: 19%;
      max-width: 240px;
      min-width: 190px;
      background-color: transparent; } }

#SearchFilters {
  display: none; }
  @media screen and (min-width: 640px) {
    #SearchFilters {
      display: block; } }
  .box.active #SearchFilters, .active.notification #SearchFilters {
    display: block; }
  @media screen and (min-width: 640px) {
    .box.active-init #SearchFilters, .active-init.notification #SearchFilters {
      display: block; } }

ul.filter--style li {
  width: 50%;
  background-color: #ebebeb;
  text-align: center;
  line-height: 4em; }

ul.filter--style .active {
  background-color: #fff;
  font-weight: 700; }

ul.filter--style a:hover {
  text-decoration: underline; }

div.filter {
  background-color: #fff; }
  div.filter.active {
    border-bottom: solid 1px #d8d8d8; }
  @media screen and (min-width: 640px) {
    div.filter.active-init {
      border-bottom: solid 1px #d8d8d8; } }

.filter--title {
  margin: 0;
  padding: 12px 20px 12px 10px;
  border-bottom: solid 1px #d8d8d8;
  background: url("../../img/icon-plus.png") no-repeat 90% 50%;
  cursor: pointer; }
  .filter--title:hover,
  .filter.active .filter--title:hover,
  .filter.active-init .filter--title {
    background-color: #e1f5fd; }
  .filter.active .filter--title {
    background: url("../../img/icon-minus.png") no-repeat 90% 50%;
    border-bottom: none;
    font-weight: 700; }
  @media screen and (min-width: 640px) {
    .filter.active-init .filter--title {
      background: url("../../img/icon-minus.png") no-repeat 90% 50%;
      border-bottom: none;
      font-weight: 700; } }
  .filter.search .filter--title {
    background: none;
    font-weight: 700;
    border-bottom: none; }

.filter--content {
  padding: 0 10px 20px 10px;
  display: none; }
  .filter.active .filter--content,
  .filter.search .filter--content {
    display: block; }
  @media screen and (min-width: 640px) {
    .filter.active-init .filter--content {
      display: block; } }
  .filter--content ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }

ul.filter--list li {
  padding-top: 3px;
  padding-bottom: 3px; }
  @media screen and (min-width: 640px) {
    ul.filter--list li {
      font-size: 13px;
      font-size: 1rem;
      line-height: 1.5384615385; } }

ul.filter--list li.full {
  cursor: pointer;
  color: #000; }
  ul.filter--list li.full:hover {
    color: #19a9e3;
    background-color: #e1f5fd; }

ul.filter--list li.empty {
  display: none; }
  @media screen and (min-width: 480px) {
    ul.filter--list li.empty {
      color: #aaa;
      display: block; } }

ul.filter--list.selected {
  margin-bottom: 10px; }
  ul.filter--list.selected li {
    padding-top: 2px;
    padding-bottom: 2px;
    background: url("../../img/icon-cross.png") no-repeat 95% center #e1f5fd; }

.filter.scrollable ul.filter--list.unselected {
  max-height: 250px;
  overflow-y: auto; }

input#search_keyword {
  width: 79%;
  height: 30px;
  line-height: 30px;
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 0;
  display: inline-block;
  vertical-align: top;
  border-color: #19a9e3;
  border-right: none;
  box-sizing: border-box; }

button.keyword-search {
  width: 20%;
  height: 30px;
  line-height: 30px;
  border-radius: 0;
  display: inline-block;
  vertical-align: top;
  padding: 0;
  box-sizing: border-box;
  background-color: #fff;
  background-image: url("../../img/icon-search-blue.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px 16px; }
  button.keyword-search:hover {
    background-color: #19a9e3;
    background-image: url("../../img/icon-search-white.png"); }

.filter--reset {
  background-color: #19a9e3;
  margin: 0 !important;
  padding: 10px 0;
  color: #fff;
  text-align: center;
  cursor: pointer; }
  .filter--reset:hover {
    background-color: #45bbea; }

/*
.filter {
  margin: 0 halve($su);
  padding-bottom: halve($su);
  
  & + & {
    padding-top: halve($su);
    border-top: solid 1px $silver;
  }
  
  .filter--title {
    font-weight: bold;
    margin: 0 0 quarter($su) 0;
    padding-left: quarter($su);
  }
}
  
ul.filter--list {
  margin: 0;
  list-style-type: none;
  
  &.selected {
    li {
      padding-top: 2px;
      padding-bottom: 2px;
      margin-bottom: 2px;
    }    
  }
    
  &.unselected {
    max-height: 300px;
    overflow-y: auto;
  }

  li {
    color: $bright-blue;
    padding-left: quarter($su);

    &.empty {
      color: $gray;
    }

    &.full {
      cursor: pointer;
    }

    &.selected {
      background-color: $pale-blue;
      cursor: pointer;
    }

    .filter--count {
      color: $gray;
    }
  }
}

.filter--reset {
  margin: halve($su) 0 $su 0;
  text-align: center;  
  cursor: pointer;
  color: $gray;
  
  &:hover {
    color: $dark-gray;
  }
}

.filter--style {
  @include font-size(17px);
  font-weight: bold;
  color: $dark-blue;
  background-color: darken($light-gray, 10%);
  cursor: pointer;
  text-align: center;
  border-top: solid 1px $silver;
  border-bottom: solid 1px $silver;
  padding: $su;
  margin-top: $su;
  
  &:hover {
    background-color: darken($light-gray, 12%);
  }
}

.filter--style-info {
  padding: 0 $su;
}
*/
form.stripe-form .stripe-entry {
  padding-bottom: 10px; }

form.stripe-form label {
  padding-left: 4px;
  margin-bottom: 4px; }

form.stripe-form input[type="text"], form.stripe-form .stripe-input {
  width: 100%;
  @body-font ();
  color: #000;
  background-color: #fff;
  padding: 7px 10px;
  border: solid 1px #898989;
  border-radius: 5px;
  font-size: 16px;
  line-height: 24px;
  display: block; }
  form.stripe-form input[type="text"]:-ms-input-placeholder, form.stripe-form .stripe-input:-ms-input-placeholder {
    color: #475d7a;
    -webkit-text-fill-color: currentColor; }
  form.stripe-form input[type="text"]::placeholder, form.stripe-form .stripe-input::placeholder {
    color: #475d7a;
    -webkit-text-fill-color: currentColor; }
  form.stripe-form input[type="text"].error, form.stripe-form .stripe-input.error {
    color: #c0392b;
    border-color: #c0392b; }

.stripe-errors {
  color: #c0392b;
  display: none; }
  .stripe-errors.visible {
    display: block; }

#StripeFormContainer {
  padding-bottom: 20px;
  position: relative; }
  #StripeFormContainer .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.8);
    text-align: center;
    padding-top: 100px;
    display: none; }

html {
  min-height: 100%;
  position: relative; }
  html.modal-open {
    overflow: hidden;
    margin: 0; }

body {
  width: 100%;
  color: #777; }
  body.menu-open {
    position: fixed; }

main > .centered {
  padding-top: 10px; }
  @media screen and (min-width: 640px) {
    main > .centered {
      padding-top: 20px; } }

div.centered {
  max-width: 1300px;
  margin: 0 auto; }

.floating-box, .box--success, .box.checkin, .checkin.notification, .checkin-explanation, .profile--single {
  max-width: 800px;
  margin: 0 auto; }

.hidden {
  display: none; }

section {
  padding-bottom: 20px;
  margin-bottom: 20px; }

#ModalShadow {
  background-color: #0a0035;
  opacity: 0.75;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none; }

#ModalContent {
  background-color: transparent;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1051;
  display: none; }

#ModalContent.photo-gallery {
  background-color: transparent; }
  #ModalContent.photo-gallery .content {
    width: 80%;
    height: 60%;
    margin: 100px auto 0 auto;
    padding: 30px;
    overflow-y: scroll;
    background-color: #fff; }
  #ModalContent.photo-gallery img {
    margin-bottom: 10px;
    cursor: pointer; }

.mfp-bg {
  z-index: 1052 !important; }

.mfp-wrap {
  z-index: 1053 !important; }

section.support {
  max-width: 1000px;
  margin: 0 auto; }

.support--heading {
  height: 208px;
  text-align: center;
  background: url("../../img/support-heading.jpg") no-repeat center center;
  background-size: cover;
  position: relative; }
  .support--heading h1 {
    font-size: 61px;
    font-size: 4.6923076923rem;
    line-height: 1.3114754098;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    margin: 0; }

.support--content {
  background-color: #ebebeb; }

ul.support--menu li a {
  font-size: 29px;
  font-size: 2.2307692308rem;
  line-height: 1.3793103448;
  color: #ebebeb;
  background-color: #19a9e3;
  text-align: center;
  padding: 20px 0;
  display: block; }

ul.support--menu li.active a {
  font-weight: 700;
  color: #19a9e3;
  background-color: #ebebeb; }

/*
** How It Works
*/
.support--how {
  padding: 40px 60px; }
  .support--how > .layout {
    padding: 20px 0 40px 0; }
  .support--how p {
    font-size: 16px;
    font-size: 1.2307692308rem;
    line-height: 1.25;
    line-height: 1.5em; }
  .support--how .heading {
    margin-bottom: 0;
    font-weight: 700; }

ul.how-menu {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: block;
  margin-bottom: 40px !important; }
  @media screen and (min-width: 640px) {
    ul.how-menu {
      border-bottom: solid 1px #898989;
      margin-bottom: 20px !important; } }
  ul.how-menu li {
    margin: 0 10px 0 0; }
    @media screen and (min-width: 640px) {
      ul.how-menu li {
        display: inline-block;
        margin: 0 20px; } }
  ul.how-menu a {
    font-size: 19px;
    font-size: 1.4615384615rem;
    line-height: 1.0526315789;
    padding: 10px 20px;
    display: block; }
  ul.how-menu li.active a {
    color: #898989;
    border: solid 1px #898989; }
    @media screen and (min-width: 640px) {
      ul.how-menu li.active a {
        border-bottom: none; } }

.support--testimonials {
  padding: 40px; }
  .support--testimonials .testimonial--form .entry {
    padding-bottom: 5px; }
  .support--testimonials .testimonial--form label {
    vertical-align: top; }
    @media screen and (min-width: 640px) {
      .support--testimonials .testimonial--form label {
        width: 30%;
        display: inline-block; } }
  @media screen and (min-width: 640px) {
    .support--testimonials .testimonial--form input[type="text"],
    .support--testimonials .testimonial--form input[type="email"],
    .support--testimonials .testimonial--form textarea {
      width: 70%;
      display: inline-block; } }
  @media screen and (min-width: 640px) {
    .support--testimonials .testimonial--form .buttons {
      padding-left: 30%; } }
  .support--testimonials .testimonial {
    margin-top: 20px; }
  .support--testimonials .testimonial--content {
    background-color: #fff;
    padding: 20px 40px;
    border-radius: 20px; }
    .support--testimonials .testimonial--content p {
      font-family: Times New Roman, serif;
      font-size: 21px;
      font-size: 1.6153846154rem;
      line-height: 1.9047619048;
      text-align: center;
      color: #000;
      margin: 0; }
  .support--testimonials .testimonial--info .avatar {
    max-width: 80px;
    margin: 0 auto 20px auto; }
    .support--testimonials .testimonial--info .avatar img {
      margin-top: 20px; }
      @media screen and (min-width: 640px) {
        .support--testimonials .testimonial--info .avatar img {
          margin-top: 0; } }
  .support--testimonials .testimonial--info p {
    font-family: Times New Roman, serif;
    text-align: center;
    margin: 0; }

/*
** Help Centre 
*/
.support--content h2.help--heading {
  padding: 20px;
  margin: 0; }

.help--menu {
  margin: 0;
  padding: 0; }
  .help--menu h3 {
    background-color: transparent;
    border: none; }
    .help--menu h3.ui-accordion-header-active {
      background-color: #19a9e3;
      color: #fff; }
  .help--menu .ui-widget-content {
    background-color: transparent;
    border: none;
    padding: 0; }
  .help--menu ul {
    margin: 0;
    padding: 0;
    display: block; }
    .help--menu ul .active {
      background-color: #fff; }
  .help--menu li {
    padding: 10px 20px; }

.help--content {
  background-color: #fff;
  padding: 20px 40px; }

/*
** Contact
*/
.support--contact {
  padding: 40px; }
  .support--contact .entry {
    vertical-align: top;
    padding-bottom: 10px; }
  @media screen and (min-width: 640px) {
    .support--contact .entry--captcha {
      padding-left: 30%; } }
  .support--contact label {
    vertical-align: top; }
    @media screen and (min-width: 640px) {
      .support--contact label {
        width: 30%;
        display: inline-block; } }
  @media screen and (min-width: 640px) {
    .support--contact select,
    .support--contact input[type="email"],
    .support--contact textarea {
      width: 60%;
      display: inline-block; } }
  .support--contact .buttons {
    padding-top: 20px; }
    @media screen and (min-width: 640px) {
      .support--contact .buttons {
        padding-left: 30%; } }

.tab-bar {
  position: relative; }
  @media screen and (min-width: 640px) {
    .tab-bar {
      height: 30px; } }
  @media screen and (min-width: 640px) {
    .tab-bar::after {
      content: "";
      width: 100%;
      height: 20px;
      background-color: #fff;
      position: absolute;
      bottom: 0;
      display: block;
      z-index: 1; } }
  .tab-bar.no-fill {
    height: 30px; }
  .tab-bar.no-fill::after {
    display: none; }
  fieldset + .tab-bar {
    height: 50px;
    padding-top: 20px;
    box-sizing: border-box; }
  div.buttons + .tab-bar {
    height: 50px;
    padding-top: 20px;
    box-sizing: border-box; }
  .tab-bar.run-on {
    height: 50px;
    padding-top: 20px;
    box-sizing: border-box; }
  .form-transparency .tab-bar, .activity-heading .tab-bar, .form--profile .new-skill .tab-bar, .form--job fieldset.closed .tab-bar, .message--headers .tab-bar, .application--headers .tab-bar, .search--summary div.count .tab-bar, .search--listings .tab-bar, fieldset + .tab-bar .tab-bar, div.buttons + .tab-bar .tab-bar, .tab-bar.run-on .tab-bar, .tab-bar-links .tab-bar {
    background-color: transparent; }
  .tab-bar ul {
    margin: 0;
    padding: 0 0 0 20px;
    list-style-type: none;
    z-index: 2;
    position: relative; }
    @media screen and (min-width: 640px) {
      .tab-bar ul {
        height: 30px; } }
    .tab-bar ul.dip {
      top: 20px; }
  .tab-bar li {
    font-size: 18px;
    font-size: 1.3846153846rem;
    line-height: 1.1111111111;
    line-height: 30px;
    padding: 0 20px;
    display: inline-block; }
    .tab-bar li.active {
      background-color: #fff;
      border-left: solid 1px #ebebeb;
      border-right: solid 1px #ebebeb; }
    .tab-bar li.title {
      background-color: #fff;
      color: #2b6886;
      border-left: solid 1px #ebebeb;
      border-right: solid 1px #ebebeb; }

@media screen and (min-width: 640px) {
  .tab-bar-links {
    height: 45px; } }

.tab-bar-links::after {
  height: 15px; }

.tab-bar-links li {
  font-size: 15px;
  font-size: 1.1538461538rem;
  line-height: 1.3333333333;
  line-height: 30px;
  background: rgba(255, 255, 255, 0.7);
  vertical-align: top;
  text-transform: uppercase; }
  @media screen and (min-width: 640px) {
    .tab-bar-links li {
      height: 30px; } }
  @media screen and (min-width: 640px) {
    .tab-bar-links li.active {
      height: 45px;
      line-height: 35px; } }
  .tab-bar-links li.active a {
    color: #000; }

.tab-bar-links a {
  color: #19a9e3; }

fieldset.experience-log table {
  width: 100%;
  border-collapse: collapse;
  background-color: #fff; }
  fieldset.experience-log table thead .table-heading {
    font-size: 19px;
    font-size: 1.4615384615rem;
    line-height: 1.0526315789;
    font-weight: bold;
    background-color: #293D87;
    color: #fff;
    border-left: solid 2px #293D87;
    border-right: solid 2px #293D87;
    text-align: left;
    padding: 10px 20px; }
  fieldset.experience-log table thead th {
    background-color: #ebebeb;
    border-left: solid 2px #ebebeb;
    border-right: solid 2px #ebebeb;
    color: #293D87;
    font-weight: normal;
    padding: 10px 20px;
    text-align: left; }
  fieldset.experience-log table tbody {
    border-bottom: solid 2px #ebebeb;
    border-right: solid 2px #ebebeb; }
    fieldset.experience-log table tbody td {
      border-left: solid 2px #ebebeb;
      padding: 5px 20px; }
    fieldset.experience-log table tbody tr + tr td {
      border-top: solid 1px #ebebeb; }
    fieldset.experience-log table tbody tr:first-child td {
      padding-top: 10px; }
    fieldset.experience-log table tbody tr:last-child td {
      padding-bottom: 10px; }

fieldset.experience-log .link-action--edit {
  text-transform: uppercase; }

fieldset.experience-log .link-action--delete {
  color: #898989; }
  fieldset.experience-log .link-action--delete:hover {
    background-color: transparent;
    color: #19a9e3; }

.td {
  display: inline-block;
  vertical-align: middle;
  padding: 10px 20px;
  box-sizing: border-box; }

@font-face {
  font-family: 'themify';
  src: url("../../fonts/themify.eot?-fvbane");
  src: url("../../fonts/themify.eot?#iefix-fvbane") format("embedded-opentype"), url("../../fonts/themify.woff?-fvbane") format("woff"), url("../../fonts/themify.ttf?-fvbane") format("truetype"), url("../../fonts/themify.svg?-fvbane#themify") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="ti-"], [class*=" ti-"] {
  font-family: 'themify';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.ti-wand:before {
  content: "\e600"; }

.ti-volume:before {
  content: "\e601"; }

.ti-user:before {
  content: "\e602"; }

.ti-unlock:before {
  content: "\e603"; }

.ti-unlink:before {
  content: "\e604"; }

.ti-trash:before {
  content: "\e605"; }

.ti-thought:before {
  content: "\e606"; }

.ti-target:before {
  content: "\e607"; }

.ti-tag:before {
  content: "\e608"; }

.ti-tablet:before {
  content: "\e609"; }

.ti-star:before {
  content: "\e60a"; }

.ti-spray:before {
  content: "\e60b"; }

.ti-signal:before {
  content: "\e60c"; }

.ti-shopping-cart:before {
  content: "\e60d"; }

.ti-shopping-cart-full:before {
  content: "\e60e"; }

.ti-settings:before {
  content: "\e60f"; }

.ti-search:before {
  content: "\e610"; }

.ti-zoom-in:before {
  content: "\e611"; }

.ti-zoom-out:before {
  content: "\e612"; }

.ti-cut:before {
  content: "\e613"; }

.ti-ruler:before {
  content: "\e614"; }

.ti-ruler-pencil:before {
  content: "\e615"; }

.ti-ruler-alt:before {
  content: "\e616"; }

.ti-bookmark:before {
  content: "\e617"; }

.ti-bookmark-alt:before {
  content: "\e618"; }

.ti-reload:before {
  content: "\e619"; }

.ti-plus:before {
  content: "\e61a"; }

.ti-pin:before {
  content: "\e61b"; }

.ti-pencil:before {
  content: "\e61c"; }

.ti-pencil-alt:before {
  content: "\e61d"; }

.ti-paint-roller:before {
  content: "\e61e"; }

.ti-paint-bucket:before {
  content: "\e61f"; }

.ti-na:before {
  content: "\e620"; }

.ti-mobile:before {
  content: "\e621"; }

.ti-minus:before {
  content: "\e622"; }

.ti-medall:before {
  content: "\e623"; }

.ti-medall-alt:before {
  content: "\e624"; }

.ti-marker:before {
  content: "\e625"; }

.ti-marker-alt:before {
  content: "\e626"; }

.ti-arrow-up:before {
  content: "\e627"; }

.ti-arrow-right:before {
  content: "\e628"; }

.ti-arrow-left:before {
  content: "\e629"; }

.ti-arrow-down:before {
  content: "\e62a"; }

.ti-lock:before {
  content: "\e62b"; }

.ti-location-arrow:before {
  content: "\e62c"; }

.ti-link:before {
  content: "\e62d"; }

.ti-layout:before {
  content: "\e62e"; }

.ti-layers:before {
  content: "\e62f"; }

.ti-layers-alt:before {
  content: "\e630"; }

.ti-key:before {
  content: "\e631"; }

.ti-import:before {
  content: "\e632"; }

.ti-image:before {
  content: "\e633"; }

.ti-heart:before {
  content: "\e634"; }

.ti-heart-broken:before {
  content: "\e635"; }

.ti-hand-stop:before {
  content: "\e636"; }

.ti-hand-open:before {
  content: "\e637"; }

.ti-hand-drag:before {
  content: "\e638"; }

.ti-folder:before {
  content: "\e639"; }

.ti-flag:before {
  content: "\e63a"; }

.ti-flag-alt:before {
  content: "\e63b"; }

.ti-flag-alt-2:before {
  content: "\e63c"; }

.ti-eye:before {
  content: "\e63d"; }

.ti-export:before {
  content: "\e63e"; }

.ti-exchange-vertical:before {
  content: "\e63f"; }

.ti-desktop:before {
  content: "\e640"; }

.ti-cup:before {
  content: "\e641"; }

.ti-crown:before {
  content: "\e642"; }

.ti-comments:before {
  content: "\e643"; }

.ti-comment:before {
  content: "\e644"; }

.ti-comment-alt:before {
  content: "\e645"; }

.ti-close:before {
  content: "\e646"; }

.ti-clip:before {
  content: "\e647"; }

.ti-angle-up:before {
  content: "\e648"; }

.ti-angle-right:before {
  content: "\e649"; }

.ti-angle-left:before {
  content: "\e64a"; }

.ti-angle-down:before {
  content: "\e64b"; }

.ti-check:before {
  content: "\e64c"; }

.ti-check-box:before {
  content: "\e64d"; }

.ti-camera:before {
  content: "\e64e"; }

.ti-announcement:before {
  content: "\e64f"; }

.ti-brush:before {
  content: "\e650"; }

.ti-briefcase:before {
  content: "\e651"; }

.ti-bolt:before {
  content: "\e652"; }

.ti-bolt-alt:before {
  content: "\e653"; }

.ti-blackboard:before {
  content: "\e654"; }

.ti-bag:before {
  content: "\e655"; }

.ti-move:before {
  content: "\e656"; }

.ti-arrows-vertical:before {
  content: "\e657"; }

.ti-arrows-horizontal:before {
  content: "\e658"; }

.ti-fullscreen:before {
  content: "\e659"; }

.ti-arrow-top-right:before {
  content: "\e65a"; }

.ti-arrow-top-left:before {
  content: "\e65b"; }

.ti-arrow-circle-up:before {
  content: "\e65c"; }

.ti-arrow-circle-right:before {
  content: "\e65d"; }

.ti-arrow-circle-left:before {
  content: "\e65e"; }

.ti-arrow-circle-down:before {
  content: "\e65f"; }

.ti-angle-double-up:before {
  content: "\e660"; }

.ti-angle-double-right:before {
  content: "\e661"; }

.ti-angle-double-left:before {
  content: "\e662"; }

.ti-angle-double-down:before {
  content: "\e663"; }

.ti-zip:before {
  content: "\e664"; }

.ti-world:before {
  content: "\e665"; }

.ti-wheelchair:before {
  content: "\e666"; }

.ti-view-list:before {
  content: "\e667"; }

.ti-view-list-alt:before {
  content: "\e668"; }

.ti-view-grid:before {
  content: "\e669"; }

.ti-uppercase:before {
  content: "\e66a"; }

.ti-upload:before {
  content: "\e66b"; }

.ti-underline:before {
  content: "\e66c"; }

.ti-truck:before {
  content: "\e66d"; }

.ti-timer:before {
  content: "\e66e"; }

.ti-ticket:before {
  content: "\e66f"; }

.ti-thumb-up:before {
  content: "\e670"; }

.ti-thumb-down:before {
  content: "\e671"; }

.ti-text:before {
  content: "\e672"; }

.ti-stats-up:before {
  content: "\e673"; }

.ti-stats-down:before {
  content: "\e674"; }

.ti-split-v:before {
  content: "\e675"; }

.ti-split-h:before {
  content: "\e676"; }

.ti-smallcap:before {
  content: "\e677"; }

.ti-shine:before {
  content: "\e678"; }

.ti-shift-right:before {
  content: "\e679"; }

.ti-shift-left:before {
  content: "\e67a"; }

.ti-shield:before {
  content: "\e67b"; }

.ti-notepad:before {
  content: "\e67c"; }

.ti-server:before {
  content: "\e67d"; }

.ti-quote-right:before {
  content: "\e67e"; }

.ti-quote-left:before {
  content: "\e67f"; }

.ti-pulse:before {
  content: "\e680"; }

.ti-printer:before {
  content: "\e681"; }

.ti-power-off:before {
  content: "\e682"; }

.ti-plug:before {
  content: "\e683"; }

.ti-pie-chart:before {
  content: "\e684"; }

.ti-paragraph:before {
  content: "\e685"; }

.ti-panel:before {
  content: "\e686"; }

.ti-package:before {
  content: "\e687"; }

.ti-music:before {
  content: "\e688"; }

.ti-music-alt:before {
  content: "\e689"; }

.ti-mouse:before {
  content: "\e68a"; }

.ti-mouse-alt:before {
  content: "\e68b"; }

.ti-money:before {
  content: "\e68c"; }

.ti-microphone:before {
  content: "\e68d"; }

.ti-menu:before {
  content: "\e68e"; }

.ti-menu-alt:before {
  content: "\e68f"; }

.ti-map:before {
  content: "\e690"; }

.ti-map-alt:before {
  content: "\e691"; }

.ti-loop:before {
  content: "\e692"; }

.ti-location-pin:before {
  content: "\e693"; }

.ti-list:before {
  content: "\e694"; }

.ti-light-bulb:before {
  content: "\e695"; }

.ti-Italic:before {
  content: "\e696"; }

.ti-info:before {
  content: "\e697"; }

.ti-infinite:before {
  content: "\e698"; }

.ti-id-badge:before {
  content: "\e699"; }

.ti-hummer:before {
  content: "\e69a"; }

.ti-home:before {
  content: "\e69b"; }

.ti-help:before {
  content: "\e69c"; }

.ti-headphone:before {
  content: "\e69d"; }

.ti-harddrives:before {
  content: "\e69e"; }

.ti-harddrive:before {
  content: "\e69f"; }

.ti-gift:before {
  content: "\e6a0"; }

.ti-game:before {
  content: "\e6a1"; }

.ti-filter:before {
  content: "\e6a2"; }

.ti-files:before {
  content: "\e6a3"; }

.ti-file:before {
  content: "\e6a4"; }

.ti-eraser:before {
  content: "\e6a5"; }

.ti-envelope:before {
  content: "\e6a6"; }

.ti-download:before {
  content: "\e6a7"; }

.ti-direction:before {
  content: "\e6a8"; }

.ti-direction-alt:before {
  content: "\e6a9"; }

.ti-dashboard:before {
  content: "\e6aa"; }

.ti-control-stop:before {
  content: "\e6ab"; }

.ti-control-shuffle:before {
  content: "\e6ac"; }

.ti-control-play:before {
  content: "\e6ad"; }

.ti-control-pause:before {
  content: "\e6ae"; }

.ti-control-forward:before {
  content: "\e6af"; }

.ti-control-backward:before {
  content: "\e6b0"; }

.ti-cloud:before {
  content: "\e6b1"; }

.ti-cloud-up:before {
  content: "\e6b2"; }

.ti-cloud-down:before {
  content: "\e6b3"; }

.ti-clipboard:before {
  content: "\e6b4"; }

.ti-car:before {
  content: "\e6b5"; }

.ti-calendar:before {
  content: "\e6b6"; }

.ti-book:before {
  content: "\e6b7"; }

.ti-bell:before {
  content: "\e6b8"; }

.ti-basketball:before {
  content: "\e6b9"; }

.ti-bar-chart:before {
  content: "\e6ba"; }

.ti-bar-chart-alt:before {
  content: "\e6bb"; }

.ti-back-right:before {
  content: "\e6bc"; }

.ti-back-left:before {
  content: "\e6bd"; }

.ti-arrows-corner:before {
  content: "\e6be"; }

.ti-archive:before {
  content: "\e6bf"; }

.ti-anchor:before {
  content: "\e6c0"; }

.ti-align-right:before {
  content: "\e6c1"; }

.ti-align-left:before {
  content: "\e6c2"; }

.ti-align-justify:before {
  content: "\e6c3"; }

.ti-align-center:before {
  content: "\e6c4"; }

.ti-alert:before {
  content: "\e6c5"; }

.ti-alarm-clock:before {
  content: "\e6c6"; }

.ti-agenda:before {
  content: "\e6c7"; }

.ti-write:before {
  content: "\e6c8"; }

.ti-window:before {
  content: "\e6c9"; }

.ti-widgetized:before {
  content: "\e6ca"; }

.ti-widget:before {
  content: "\e6cb"; }

.ti-widget-alt:before {
  content: "\e6cc"; }

.ti-wallet:before {
  content: "\e6cd"; }

.ti-video-clapper:before {
  content: "\e6ce"; }

.ti-video-camera:before {
  content: "\e6cf"; }

.ti-vector:before {
  content: "\e6d0"; }

.ti-themify-logo:before {
  content: "\e6d1"; }

.ti-themify-favicon:before {
  content: "\e6d2"; }

.ti-themify-favicon-alt:before {
  content: "\e6d3"; }

.ti-support:before {
  content: "\e6d4"; }

.ti-stamp:before {
  content: "\e6d5"; }

.ti-split-v-alt:before {
  content: "\e6d6"; }

.ti-slice:before {
  content: "\e6d7"; }

.ti-shortcode:before {
  content: "\e6d8"; }

.ti-shift-right-alt:before {
  content: "\e6d9"; }

.ti-shift-left-alt:before {
  content: "\e6da"; }

.ti-ruler-alt-2:before {
  content: "\e6db"; }

.ti-receipt:before {
  content: "\e6dc"; }

.ti-pin2:before {
  content: "\e6dd"; }

.ti-pin-alt:before {
  content: "\e6de"; }

.ti-pencil-alt2:before {
  content: "\e6df"; }

.ti-palette:before {
  content: "\e6e0"; }

.ti-more:before {
  content: "\e6e1"; }

.ti-more-alt:before {
  content: "\e6e2"; }

.ti-microphone-alt:before {
  content: "\e6e3"; }

.ti-magnet:before {
  content: "\e6e4"; }

.ti-line-double:before {
  content: "\e6e5"; }

.ti-line-dotted:before {
  content: "\e6e6"; }

.ti-line-dashed:before {
  content: "\e6e7"; }

.ti-layout-width-full:before {
  content: "\e6e8"; }

.ti-layout-width-default:before {
  content: "\e6e9"; }

.ti-layout-width-default-alt:before {
  content: "\e6ea"; }

.ti-layout-tab:before {
  content: "\e6eb"; }

.ti-layout-tab-window:before {
  content: "\e6ec"; }

.ti-layout-tab-v:before {
  content: "\e6ed"; }

.ti-layout-tab-min:before {
  content: "\e6ee"; }

.ti-layout-slider:before {
  content: "\e6ef"; }

.ti-layout-slider-alt:before {
  content: "\e6f0"; }

.ti-layout-sidebar-right:before {
  content: "\e6f1"; }

.ti-layout-sidebar-none:before {
  content: "\e6f2"; }

.ti-layout-sidebar-left:before {
  content: "\e6f3"; }

.ti-layout-placeholder:before {
  content: "\e6f4"; }

.ti-layout-menu:before {
  content: "\e6f5"; }

.ti-layout-menu-v:before {
  content: "\e6f6"; }

.ti-layout-menu-separated:before {
  content: "\e6f7"; }

.ti-layout-menu-full:before {
  content: "\e6f8"; }

.ti-layout-media-right-alt:before {
  content: "\e6f9"; }

.ti-layout-media-right:before {
  content: "\e6fa"; }

.ti-layout-media-overlay:before {
  content: "\e6fb"; }

.ti-layout-media-overlay-alt:before {
  content: "\e6fc"; }

.ti-layout-media-overlay-alt-2:before {
  content: "\e6fd"; }

.ti-layout-media-left-alt:before {
  content: "\e6fe"; }

.ti-layout-media-left:before {
  content: "\e6ff"; }

.ti-layout-media-center-alt:before {
  content: "\e700"; }

.ti-layout-media-center:before {
  content: "\e701"; }

.ti-layout-list-thumb:before {
  content: "\e702"; }

.ti-layout-list-thumb-alt:before {
  content: "\e703"; }

.ti-layout-list-post:before {
  content: "\e704"; }

.ti-layout-list-large-image:before {
  content: "\e705"; }

.ti-layout-line-solid:before {
  content: "\e706"; }

.ti-layout-grid4:before {
  content: "\e707"; }

.ti-layout-grid3:before {
  content: "\e708"; }

.ti-layout-grid2:before {
  content: "\e709"; }

.ti-layout-grid2-thumb:before {
  content: "\e70a"; }

.ti-layout-cta-right:before {
  content: "\e70b"; }

.ti-layout-cta-left:before {
  content: "\e70c"; }

.ti-layout-cta-center:before {
  content: "\e70d"; }

.ti-layout-cta-btn-right:before {
  content: "\e70e"; }

.ti-layout-cta-btn-left:before {
  content: "\e70f"; }

.ti-layout-column4:before {
  content: "\e710"; }

.ti-layout-column3:before {
  content: "\e711"; }

.ti-layout-column2:before {
  content: "\e712"; }

.ti-layout-accordion-separated:before {
  content: "\e713"; }

.ti-layout-accordion-merged:before {
  content: "\e714"; }

.ti-layout-accordion-list:before {
  content: "\e715"; }

.ti-ink-pen:before {
  content: "\e716"; }

.ti-info-alt:before {
  content: "\e717"; }

.ti-help-alt:before {
  content: "\e718"; }

.ti-headphone-alt:before {
  content: "\e719"; }

.ti-hand-point-up:before {
  content: "\e71a"; }

.ti-hand-point-right:before {
  content: "\e71b"; }

.ti-hand-point-left:before {
  content: "\e71c"; }

.ti-hand-point-down:before {
  content: "\e71d"; }

.ti-gallery:before {
  content: "\e71e"; }

.ti-face-smile:before {
  content: "\e71f"; }

.ti-face-sad:before {
  content: "\e720"; }

.ti-credit-card:before {
  content: "\e721"; }

.ti-control-skip-forward:before {
  content: "\e722"; }

.ti-control-skip-backward:before {
  content: "\e723"; }

.ti-control-record:before {
  content: "\e724"; }

.ti-control-eject:before {
  content: "\e725"; }

.ti-comments-smiley:before {
  content: "\e726"; }

.ti-brush-alt:before {
  content: "\e727"; }

.ti-youtube:before {
  content: "\e728"; }

.ti-vimeo:before {
  content: "\e729"; }

.ti-twitter:before {
  content: "\e72a"; }

.ti-time:before {
  content: "\e72b"; }

.ti-tumblr:before {
  content: "\e72c"; }

.ti-skype:before {
  content: "\e72d"; }

.ti-share:before {
  content: "\e72e"; }

.ti-share-alt:before {
  content: "\e72f"; }

.ti-rocket:before {
  content: "\e730"; }

.ti-pinterest:before {
  content: "\e731"; }

.ti-new-window:before {
  content: "\e732"; }

.ti-microsoft:before {
  content: "\e733"; }

.ti-list-ol:before {
  content: "\e734"; }

.ti-linkedin:before {
  content: "\e735"; }

.ti-layout-sidebar-2:before {
  content: "\e736"; }

.ti-layout-grid4-alt:before {
  content: "\e737"; }

.ti-layout-grid3-alt:before {
  content: "\e738"; }

.ti-layout-grid2-alt:before {
  content: "\e739"; }

.ti-layout-column4-alt:before {
  content: "\e73a"; }

.ti-layout-column3-alt:before {
  content: "\e73b"; }

.ti-layout-column2-alt:before {
  content: "\e73c"; }

.ti-instagram:before {
  content: "\e73d"; }

.ti-google:before {
  content: "\e73e"; }

.ti-github:before {
  content: "\e73f"; }

.ti-flickr:before {
  content: "\e740"; }

.ti-facebook:before {
  content: "\e741"; }

.ti-dropbox:before {
  content: "\e742"; }

.ti-dribbble:before {
  content: "\e743"; }

.ti-apple:before {
  content: "\e744"; }

.ti-android:before {
  content: "\e745"; }

.ti-save:before {
  content: "\e746"; }

.ti-save-alt:before {
  content: "\e747"; }

.ti-yahoo:before {
  content: "\e748"; }

.ti-wordpress:before {
  content: "\e749"; }

.ti-vimeo-alt:before {
  content: "\e74a"; }

.ti-twitter-alt:before {
  content: "\e74b"; }

.ti-tumblr-alt:before {
  content: "\e74c"; }

.ti-trello:before {
  content: "\e74d"; }

.ti-stack-overflow:before {
  content: "\e74e"; }

.ti-soundcloud:before {
  content: "\e74f"; }

.ti-sharethis:before {
  content: "\e750"; }

.ti-sharethis-alt:before {
  content: "\e751"; }

.ti-reddit:before {
  content: "\e752"; }

.ti-pinterest-alt:before {
  content: "\e753"; }

.ti-microsoft-alt:before {
  content: "\e754"; }

.ti-linux:before {
  content: "\e755"; }

.ti-jsfiddle:before {
  content: "\e756"; }

.ti-joomla:before {
  content: "\e757"; }

.ti-html5:before {
  content: "\e758"; }

.ti-flickr-alt:before {
  content: "\e759"; }

.ti-email:before {
  content: "\e75a"; }

.ti-drupal:before {
  content: "\e75b"; }

.ti-dropbox-alt:before {
  content: "\e75c"; }

.ti-css3:before {
  content: "\e75d"; }

.ti-rss:before {
  content: "\e75e"; }

.ti-rss-alt:before {
  content: "\e75f"; }

html.viewer {
  background-image: none;
  background-color: white;
  padding-top: 40px; }

section.viewer-section {
  position: relative; }

.viewer-blank {
  background-color: #fff;
  position: relative;
  z-index: 2; }
  @media screen and (min-width: 480px) {
    .viewer-blank {
      padding-top: 40px; } }
  @media screen and (min-width: 880px) {
    .viewer-blank {
      padding-top: 60px; } }

section.viewer-container {
  max-width: 1000px;
  background-color: #fff;
  padding: 0 0 40px 0;
  margin: 0 auto;
  z-index: 5;
  position: relative; }
  section.viewer-container > section {
    margin: 0;
    padding: 0; }

.viewer-container-width {
  max-width: 1000px;
  margin: 0 auto; }

.viewer-section-title {
  background-color: #e1f5fd;
  border-bottom: dotted 1px #2b6886;
  padding: 10px 20px;
  position: relative; }
  .viewer-section-title[data-toggling="true"] {
    cursor: pointer; }
  .viewer-section-title h3 {
    font-size: 20px;
    font-size: 1.5384615385rem;
    line-height: 1;
    font-family: 'Source Sans Pro', Arial, sans-serif;
    font-weight: 700;
    color: #2b6886;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle; }
    @media screen and (min-width: 640px) {
      .viewer-section-title h3 {
        font-size: 24px;
        font-size: 1.8461538462rem;
        line-height: 1.6666666667; } }
  .viewer-section-title .count {
    font-size: 20px;
    font-size: 1.5384615385rem;
    line-height: 1;
    font-family: 'Source Sans Pro', Arial, sans-serif;
    font-weight: 300;
    color: #2b6886;
    border-radius: 50%;
    margin-left: 10px;
    text-align: center;
    display: inline-block;
    vertical-align: middle; }
    @media screen and (min-width: 640px) {
      .viewer-section-title .count {
        font-size: 26px;
        font-size: 2rem;
        line-height: 1.5384615385; } }
    .viewer-section-title .count:before {
      content: "("; }
    .viewer-section-title .count:after {
      content: ")"; }
  .open .viewer-section-title .toggle-show {
    display: none; }
  .open .viewer-section-title .toggle-hide {
    display: inline-block; }
  .viewer-section-title .toggle {
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%); }
  .viewer-section-title .toggle-show {
    display: inline-block; }
  .viewer-section-title .toggle-hide {
    display: none; }

.viewer-section-title--icon {
  width: 26px;
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle; }
  @media screen and (min-width: 640px) {
    .viewer-section-title--icon {
      width: 30px;
      margin-right: 20px; } }
  .viewer-section-title--icon img {
    width: 100%; }

.viewer-section-content {
  max-height: 0;
  opacity: 0;
  overflow: hidden; }
  .open .viewer-section-content {
    padding: 20px;
    height: auto;
    max-height: 999999px;
    opacity: 1; }
  .viewer-section-content p {
    font-size: 14px;
    font-size: 1.0769230769rem;
    line-height: 1.4285714286; }

.viewer-section--warning {
  border: solid 7px #ebebeb;
  border-radius: 5px;
  margin-bottom: 20px;
  padding: 20px;
  text-align: center; }
  .viewer-section--warning img {
    margin-bottom: 10px; }
  .viewer-section--warning p {
    margin-bottom: 0; }

.viewer--back-to-top {
  width: 54px;
  height: 54px;
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 99;
  display: none;
  cursor: pointer; }
  @media screen and (min-width: 640px) {
    body.scrolled-page .viewer--back-to-top {
      display: block; } }

/*
** Content lists
*/
ul.viewer-list {
  list-style-type: none;
  margin: 0;
  padding: 10px 0; }
  ul.viewer-list p {
    margin: 0;
    padding: 0; }
  ul.viewer-list .label {
    display: block;
    color: #2b6886;
    vertical-align: top; }
    @media screen and (min-width: 640px) {
      ul.viewer-list .label {
        width: 30%;
        display: inline-block; } }
  ul.viewer-list .value {
    display: block;
    vertical-align: top;
    margin-bottom: 10px;
    color: #575757; }
    @media screen and (min-width: 640px) {
      ul.viewer-list .value {
        width: 70%;
        display: inline-block;
        margin-bottom: 6.6666666667px; } }

.viewer-list + .viewer-list {
  border-top: solid 1px #ebebeb; }

ul.viewer-gallery {
  list-style-type: none;
  margin: 0;
  padding: 0; }
  ul.viewer-gallery li {
    width: 50%;
    display: inline-block;
    margin: 0; }
    @media screen and (min-width: 640px) {
      ul.viewer-gallery li {
        width: 50%; } }
    @media screen and (min-width: 880px) {
      ul.viewer-gallery li {
        width: 25%; } }
  ul.viewer-gallery .viewer-gallery--container {
    padding-bottom: 100%;
    position: relative;
    overflow: hidden;
    box-sizing: border-box; }
    ul.viewer-gallery .viewer-gallery--container figure {
      width: 100%;
      height: 100%;
      margin: 0;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0; }

ul.viewer-experience--log {
  list-style-type: none;
  margin: 0;
  padding: 0; }
  ul.viewer-experience--log li {
    padding-bottom: 20px; }
  ul.viewer-experience--log p {
    margin: 0; }
  ul.viewer-experience--log .experience--header p {
    color: #000; }
    ul.viewer-experience--log .experience--header p span {
      color: #898989; }
  ul.viewer-experience--log .experience--text {
    font-style: italic; }
  ul.viewer-experience--log .viewer-experience--date {
    color: #000; }
  ul.viewer-experience--log .viewer-experience--subject {
    color: #000; }

ul.viewer-actions {
  list-style-type: none;
  margin: 0 0 20px 0;
  padding: 0; }
  ul.viewer-actions li {
    padding: 6.6666666667px 0;
    margin-right: 10px;
    text-align: center;
    display: inline-block; }
    ul.viewer-actions li.u-hidden {
      display: none; }
  ul.viewer-actions a {
    cursor: pointer; }
  ul.viewer-actions .circle {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    margin: 0 auto;
    display: block; }
  ul.viewer-actions .label {
    font-size: 12px;
    font-size: 0.9230769231rem;
    line-height: 1.6666666667;
    color: #19a9e3;
    margin-top: 10px;
    display: block; }
  ul.viewer-actions .viewer-actions--cv .circle {
    background-color: #c4e2ec;
    padding-top: 9px; }
    ul.viewer-actions .viewer-actions--cv .circle:hover {
      background-color: #879cb0; }
  ul.viewer-actions .viewer-actions--cv-locked .circle {
    background-color: #a3bbd4;
    padding-top: 9px; }
  ul.viewer-actions .viewer-actions--cv-locked a {
    cursor: default; }
  ul.viewer-actions .viewer-actions--copy .circle {
    background-color: #d6e6c4;
    background-color: #c4e2ec;
    padding-top: 11px; }
    ul.viewer-actions .viewer-actions--copy .circle:hover {
      background-color: #a6b298;
      background-color: #a3bbd4; }
  ul.viewer-actions .viewer-actions--print .circle {
    background-color: #c4e2ec;
    padding-top: 10px; }
    ul.viewer-actions .viewer-actions--print .circle:hover {
      background-color: #a5bec6;
      background-color: #a3bbd4; }
  ul.viewer-actions .viewer-actions--share .circle {
    background-color: #c4cae6;
    background-color: #c4e2ec;
    padding-top: 8px; }
    ul.viewer-actions .viewer-actions--share .circle:hover {
      background-color: #a2a7be;
      background-color: #a3bbd4; }
  ul.viewer-actions .viewer-actions--save .circle {
    background-color: #e4c4e6;
    background-color: #c4e2ec;
    padding-top: 11px; }
    ul.viewer-actions .viewer-actions--save .circle:hover {
      background-color: #b79eb9;
      background-color: #a3bbd4; }
  ul.viewer-actions .viewer-actions--unsave .circle {
    background-color: #e4c4e6;
    background-color: #c4e2ec;
    padding-top: 11px; }
    ul.viewer-actions .viewer-actions--unsave .circle:hover {
      background-color: #b79eb9;
      background-color: #a3bbd4; }
  ul.viewer-actions .viewer-actions--phone .circle {
    background-color: #c4e2ec;
    padding-top: 12px; }
    ul.viewer-actions .viewer-actions--phone .circle:hover {
      background-color: #a3bbd4; }
  ul.viewer-actions .viewer-actions--phone-locked .circle {
    background-color: #a3bbd4;
    padding-top: 9px; }
  ul.viewer-actions .viewer-actions--phone-locked .icon {
    position: relative;
    left: -1px; }
  ul.viewer-actions .viewer-actions--phone-locked a {
    cursor: default; }
  ul.viewer-actions .viewer-actions--skype .circle {
    background-color: #c4e2ec;
    padding-top: 10px; }
    ul.viewer-actions .viewer-actions--skype .circle:hover {
      background-color: #a3bbd4; }
  ul.viewer-actions .viewer-actions--skype-locked .circle {
    background-color: #a3bbd4;
    padding-top: 10px; }
  ul.viewer-actions .viewer-actions--skype-locked .icon {
    position: relative;
    left: 1px; }
  ul.viewer-actions .viewer-actions--skype-locked a {
    cursor: default; }
  ul.viewer-actions .viewer-actions--url .circle {
    background-color: #c4e2ec;
    padding-top: 9px; }
    ul.viewer-actions .viewer-actions--url .circle:hover {
      background-color: #a3bbd4; }
  ul.viewer-actions .viewer-actions--url-locked .circle {
    background-color: #a3bbd4;
    padding-top: 9px; }
  ul.viewer-actions .viewer-actions--url-locked a {
    cursor: default; }

ul.viewer-tags {
  list-style-type: none;
  margin: 0;
  padding: 0; }
  ul.viewer-tags li {
    padding: 6.6666666667px 10px;
    margin-bottom: 10px;
    display: inline-block; }
    ul.viewer-tags li:first-child {
      padding-left: 0; }
  ul.viewer-tags li + li {
    margin-left: 10px; }
  ul.viewer-tags .viewer-tags--tag {
    background-color: #ebebeb; }
  ul.viewer-tags a {
    color: inherit; }

ul.viewer-team {
  list-style-type: none;
  margin: 0 0 20px 0;
  padding: 0; }
  ul.viewer-team li {
    margin-bottom: 10px;
    display: inline-block;
    margin-right: 10px; }
    ul.viewer-team li:first-child {
      padding-left: 0; }
  ul.viewer-team a {
    color: inherit; }
  ul.viewer-team .viewer-team--name {
    font-size: 16px;
    font-size: 1.2307692308rem;
    line-height: 1.25; }
  ul.viewer-team .viewer-team--details {
    font-size: 12px;
    font-size: 0.9230769231rem;
    line-height: 1.6666666667; }

.viewer-team--member {
  position: relative; }

.viewer-team--image {
  width: 60px;
  height: 60px;
  display: inline-block;
  vertical-align: middle; }

.viewer-team--info {
  height: 60px;
  background-color: #ebebeb;
  padding: 10px 10px 0 10px;
  display: inline-block;
  vertical-align: middle; }
  .viewer-team--info p {
    margin: 0; }

/*
** Privacy
*/
.viewer-privacy {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative; }
  .viewer-privacy p {
    max-width: 500px;
    margin: 0 auto;
    z-index: 1;
    position: relative; }
  .viewer-privacy .viewer-privacy--description {
    margin-bottom: 20px; }

.viewer-privacy--icon {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 0;
  z-index: 0;
  opacity: 0.2;
  display: none; }
  .viewer-privacy--icon img {
    max-width: 100px; }

.viewer-section-content .viewer-privacy--title {
  padding-left: 52px;
  font-size: 16px;
  font-size: 1.2307692308rem;
  line-height: 1.25;
  line-height: 32px;
  text-align: left;
  background-image: url("../../img/icons/privacy-padlock@2x.png");
  background-size: 32px 32px;
  background-repeat: no-repeat;
  background-position: left center; }

.viewer-section-content .viewer-privacy--premium {
  background-image: url("../../img/icons/privacy-padlock-premium@2x.png"); }

/*
** Modals
*/
html.viewer #ModalContent {
  background-color: transparent; }

.viewer-modal {
  max-width: 400px;
  margin: 0 auto;
  padding: 40px;
  background-color: #fff; }
  @media screen and (min-width: 640px) {
    .viewer-modal {
      margin-top: 15%; } }
  .viewer-modal .close {
    float: right;
    cursor: pointer; }

.viewer-modal--sharing {
  list-style: none;
  margin: 40px 0 0 0;
  padding: 0; }
  .viewer-modal--sharing li {
    position: relative; }
  .viewer-modal--sharing li + li {
    margin-top: 20px; }
  .viewer-modal--sharing img {
    margin-right: 10px;
    vertical-align: middle; }
  .viewer-modal--sharing span {
    font-size: 14px;
    font-size: 1.0769230769rem;
    line-height: 1.4285714286;
    font-weight: 700;
    vertical-align: middle; }

.viewer-modal--content {
  max-width: 800px;
  margin: 0 auto;
  color: #fff;
  background-color: #0a0035;
  padding: 40px; }
  @media screen and (min-width: 640px) {
    .viewer-modal--content {
      margin-top: 15%; } }
  .viewer-modal--content h3 {
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px;
    font-size: 31px;
    font-size: 2.3846153846rem;
    line-height: 1.2903225806; }
  .viewer-modal--content .close {
    float: right;
    cursor: pointer; }

.viewer-modal--menu {
  max-width: 360px;
  background-color: #19a9e3;
  padding: 20px 0;
  position: relative; }
  .viewer-modal--menu .viewer-modal--menu-title {
    color: #fff;
    text-transform: uppercase;
    margin: 20px 20px 10px 20px;
    font-size: 15px;
    font-size: 1.1538461538rem;
    line-height: 1.3333333333; }
  .viewer-modal--menu .close-icon {
    width: 18px;
    height: 18px;
    float: none;
    position: absolute;
    top: 30px;
    right: 30px;
    display: inline-block; }
    .viewer-modal--menu .close-icon path {
      fill: #fff !important; }
  .viewer-modal--menu h3 {
    font-weight: 500; }
  .viewer-modal--menu .close-button {
    max-width: 60%;
    margin: 40px auto 0 auto;
    padding: 10px 0;
    float: none;
    text-align: center;
    background-color: #fff;
    color: #000;
    text-transform: uppercase; }
    .viewer-modal--menu .close-button img {
      margin-right: 10px;
      position: relative;
      top: -2px; }

.viewer-modal--menu-list {
  list-style: none;
  margin: 0;
  padding: 0; }
  .viewer-modal--menu-list li {
    font-size: 20px;
    font-size: 1.5384615385rem;
    line-height: 1;
    font-weight: 300;
    text-align: center; }
  .viewer-modal--menu-list a {
    font-family: 'Source Sans Pro';
    color: #fff;
    padding: 6.6666666667px 0;
    cursor: pointer;
    display: block; }
    .viewer-modal--menu-list a:hover {
      background-color: #111d8f; }

#viewer-modal--menu-crewbay {
  margin-top: 20px; }

.viewer-modal--login {
  max-width: 400px; }
  .viewer-modal--login input[type="email"],
  .viewer-modal--login input[type="password"] {
    width: 100%;
    color: #000; }
  .viewer-modal--login input[type="submit"] {
    width: 100%; }
  .viewer-modal--login form {
    margin-bottom: 20px; }
  .viewer-modal--login .form-entry {
    margin-bottom: 10px;
    margin-top: 10px; }
  .viewer-modal--login .form-messages p {
    margin-bottom: 0;
    color: #e91250; }
  .viewer-modal--login .form-messages p:last-of-type {
    margin-bottom: 20px; }
  .viewer-modal--login .login-note--register {
    font-size: 16px;
    font-size: 1.2307692308rem;
    line-height: 1.25;
    margin-bottom: 0; }
    .viewer-modal--login .login-note--register a {
      margin-left: 20px; }

.viewer-modal--copy {
  max-width: 600px; }
  .viewer-modal--copy input[type="text"] {
    margin-bottom: 20px;
    padding-left: 6.6666666667px;
    width: 100%; }
    @media screen and (min-width: 640px) {
      .viewer-modal--copy input[type="text"] {
        font-size: 20px;
        font-size: 1.5384615385rem;
        line-height: 1; } }

.viewer-modal--phone {
  max-width: 600px; }
  .viewer-modal--phone input[type="text"] {
    margin-bottom: 20px;
    padding-left: 6.6666666667px;
    width: 100%; }
    @media screen and (min-width: 640px) {
      .viewer-modal--phone input[type="text"] {
        font-size: 20px;
        font-size: 1.5384615385rem;
        line-height: 1; } }

/*
** Nav
*/
section.viewer-nav {
  text-align: center;
  border-bottom: solid 1px #888;
  background-color: #fff;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 10;
  padding-bottom: 0; }
  @media screen and (min-width: 640px) {
    section.viewer-nav {
      box-shadow: 0 2px 10px #888; } }
  section.viewer-nav p {
    margin: 0;
    padding: 0;
    line-height: 40px; }

.viewer-nav--menu {
  height: 40px;
  margin: 0 auto;
  padding: 0;
  list-style: none; }
  .viewer-nav--menu li {
    height: 100%;
    vertical-align: middle;
    display: inline-block;
    box-sizing: border-box; }

.viewer-nav--menu-left {
  width: 35%;
  text-align: left;
  padding-left: 20px; }

.viewer-nav--menu-right {
  width: 35%;
  text-align: right;
  padding-right: 20px; }

.viewer-nav--menu-logo {
  width: 30%;
  text-align: center;
  padding: 10px 0; }

.viewer-nav--contact {
  height: 100%;
  background-color: #19a9e3;
  color: #fff;
  padding: 0 20px;
  cursor: pointer;
  display: inline-block; }
  .viewer-nav--contact span {
    vertical-align: middle; }
  .viewer-nav--contact:hover {
    background-color: #137eab; }
  .viewer-nav--contact .icon {
    display: inline-block;
    position: relative;
    top: 8px; }
    @media screen and (min-width: 640px) {
      .viewer-nav--contact .icon {
        margin-right: 6.6666666667px;
        top: -1px; } }
  .viewer-nav--contact .label {
    font-weight: 700;
    line-height: 40px;
    text-transform: uppercase;
    display: none; }
    @media screen and (min-width: 640px) {
      .viewer-nav--contact .label {
        display: inline-block; } }

.viewer-nav--hamburger {
  height: 100%;
  padding: 0 20px;
  cursor: pointer;
  display: inline-block; }
  .viewer-nav--hamburger span {
    vertical-align: middle; }
  .viewer-nav--hamburger:hover {
    color: #19a9e3; }
  .viewer-nav--hamburger .icon {
    display: inline-block;
    position: relative;
    top: 8px; }
    @media screen and (min-width: 640px) {
      .viewer-nav--hamburger .icon {
        margin-right: 6.6666666667px;
        top: -2px; } }
  .viewer-nav--hamburger .label {
    font-weight: 700;
    line-height: 40px;
    text-transform: uppercase;
    display: none; }
    @media screen and (min-width: 640px) {
      .viewer-nav--hamburger .label {
        display: inline-block; } }

/*
** Background
*/
section.viewer-background {
  width: 100%;
  height: 200px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: fixed;
  top: 0;
  display: none; }
  @media screen and (min-width: 480px) {
    section.viewer-background {
      height: 360px;
      display: block; } }
  @media screen and (min-width: 880px) {
    section.viewer-background {
      height: 500px; } }

/*
** Intro
*/
section.viewer-intro {
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  background-repeat: no-repeat;
  background-size: cover; }
  @media screen and (min-width: 880px) {
    section.viewer-intro {
      padding-top: 120px; } }
  section.viewer-intro .viewer-container {
    max-width: 1000px;
    margin: 0 auto;
    z-index: 5;
    position: relative; }
  section.viewer-intro h1 {
    color: #fff;
    font-size: 31px;
    font-size: 2.3846153846rem;
    line-height: 1.2903225806; }
    @media screen and (min-width: 880px) {
      section.viewer-intro h1 {
        font-size: 51px;
        font-size: 3.9230769231rem;
        line-height: 1.1764705882; } }
    section.viewer-intro h1.long {
      font-size: 25px;
      font-size: 1.9230769231rem;
      line-height: 1.6; }
      @media screen and (min-width: 880px) {
        section.viewer-intro h1.long {
          font-size: 41px;
          font-size: 3.1538461538rem;
          line-height: 1.4634146341; } }
  section.viewer-intro p {
    margin: 0;
    padding: 0;
    color: #fff; }
  section.viewer-intro li {
    color: #fff; }

.viewer-intro--actions {
  margin: 0;
  padding: 0;
  list-style: none;
  z-index: 6;
  position: relative;
  text-align: right;
  display: none; }
  @media screen and (min-width: 640px) {
    .viewer-intro--actions {
      margin: 0 20px 0 0;
      position: absolute;
      right: 20px;
      top: 40px;
      display: inline-block; } }
  @media screen and (min-width: 1024px) {
    .viewer-intro--actions {
      margin-right: 0; } }
  .viewer-intro--actions li {
    width: 50%;
    display: inline-block;
    cursor: pointer; }
    @media screen and (min-width: 640px) {
      .viewer-intro--actions li {
        width: auto; } }
    .viewer-intro--actions li.u-hidden {
      display: none; }
    .viewer-intro--actions li img.on {
      display: none; }
    .viewer-intro--actions li:hover img.on {
      display: inline-block; }
    .viewer-intro--actions li:hover img.off {
      display: none; }
    .viewer-intro--actions li .icon {
      height: 14px;
      margin-right: 6.6666666667px;
      vertical-align: middle;
      display: inline-block; }
    .viewer-intro--actions li .label {
      font-weight: 700;
      vertical-align: middle; }
  .viewer-intro--actions li + li {
    border-left: solid 1px #d8d8d8; }
    @media screen and (min-width: 640px) {
      .viewer-intro--actions li + li {
        margin-left: 10px;
        border-left: none; } }
  .viewer-intro--actions .viewer-intro--share {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    color: #787676;
    padding: 0 10px;
    cursor: pointer;
    display: inline-block;
    text-align: center; }
    @media screen and (min-width: 640px) {
      .viewer-intro--actions .viewer-intro--share {
        width: auto;
        height: auto;
        line-height: 1;
        padding: 10px 20px;
        border-radius: 5px; } }
    .viewer-intro--actions .viewer-intro--share:hover {
      color: #19a9e3; }
    .viewer-intro--actions .viewer-intro--share .icon {
      position: relative;
      top: -2px; }
  .viewer-intro--actions .viewer-intro--favourite,
  .viewer-intro--actions .viewer-intro--unfavourite {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    color: #787676;
    padding: 0 10px;
    cursor: pointer;
    display: inline-block;
    text-align: center; }
    @media screen and (min-width: 640px) {
      .viewer-intro--actions .viewer-intro--favourite,
      .viewer-intro--actions .viewer-intro--unfavourite {
        width: auto;
        height: auto;
        line-height: 1;
        padding: 10px 20px;
        border-radius: 5px; } }
    .viewer-intro--actions .viewer-intro--favourite:hover,
    .viewer-intro--actions .viewer-intro--unfavourite:hover {
      color: #19a9e3; }
  .viewer-intro--actions .viewer-intro--unfavourite .icon {
    position: relative;
    top: -1px; }

.viewer-intro--image-square {
  position: relative; }

.viewer-intro--image-square:after {
  content: "";
  padding-bottom: 100%;
  display: block; }

.viewer-intro--image {
  width: 100%;
  height: 100%;
  margin: 0;
  position: absolute;
  overflow: hidden;
  box-sizing: border-box;
  background-color: #fff; }
  @media screen and (min-width: 480px) {
    .viewer-intro--image {
      bottom: -40px;
      border: solid 1px #000;
      left: 20px; } }
  @media screen and (min-width: 880px) {
    .viewer-intro--image {
      border: solid 20px rgba(200, 200, 200, 0.5);
      left: 0;
      bottom: -60px; } }
  .viewer-intro--image figure {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  .viewer-intro--image .banner {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2; }
    .viewer-intro--image .banner.banner-urgent {
      top: auto;
      left: auto;
      bottom: 0;
      right: 0; }
  .viewer-intro--image .viewer-intro--image-more {
    position: absolute;
    z-index: 3;
    top: 48%;
    left: 5%; }
  .viewer-intro--image .viewer-intro--image-prev {
    transform: rotate(90deg); }
  .viewer-intro--image .viewer-intro--image-next {
    left: auto;
    right: 5%;
    transform: rotate(270deg); }

.viewer-intro--info {
  padding: 20px; }
  @media screen and (min-width: 480px) {
    .viewer-intro--info {
      margin-left: 10px; } }
  @media screen and (min-width: 880px) {
    .viewer-intro--info {
      margin-left: 0; } }

ul.viewer-intro--details {
  margin: 0;
  padding: 0;
  list-style-type: none; }
  ul.viewer-intro--details li {
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: left center; }

.viewer-intro--fade {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  bottom: 0;
  z-index: 1; }
  @media screen and (min-width: 480px) {
    .viewer-intro--fade {
      height: 140px; } }
  @media screen and (min-width: 880px) {
    .viewer-intro--fade {
      height: 200px; } }

.viewer-intro--personal {
  background-image: url("../../img/icons/icon-viewer-intro-personal@2x.png");
  background-size: 12px 12px; }

.viewer-intro--location {
  background-image: url("../../img/icons/icon-viewer-intro-location@2x.png");
  background-size: 12px 12px; }

.viewer-intro--checkin {
  background-image: url("../../img/icons/icon-viewer-intro-checkin@2x.png");
  background-size: 12px 12px; }

.viewer-intro--vessel {
  background-image: url("../../img/icons/icon-viewer-intro-vessel@2x.png");
  background-size: 13px 13px; }

/*
** Advert
*/
section.viewer-advert h3, section.viewer-advert .gamma {
  font-size: 20px;
  font-size: 1.5384615385rem;
  line-height: 1;
  font-weight: 400;
  line-height: 1.3em;
  background-color: transparent;
  border: none;
  padding: 0;
  margin-bottom: 20px; }

section.viewer-advert .viewer-section-content {
  border-top: none; }

/*
** Photos
*/
section.viewer-photos .viewer-gallery--count {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: rgba(0, 0, 0, 0.3);
  line-height: 100%;
  text-align: center;
  position: relative; }
  section.viewer-photos .viewer-gallery--count span {
    color: white;
    font-size: 40px;
    font-size: 3.0769230769rem;
    line-height: 1;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    display: block; }

/*
** Qualifications
*/
section.viewer-qualifications ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }

section.viewer-qualifications li {
  padding: 20px 0; }
  section.viewer-qualifications li + li {
    border-top: solid 1px #ebebeb; }
  section.viewer-qualifications li p {
    margin: 0;
    padding: 0; }
  section.viewer-qualifications li span {
    display: block; }
    @media screen and (min-width: 480px) {
      section.viewer-qualifications li span {
        display: inline-block; } }

@media screen and (min-width: 480px) {
  section.viewer-qualifications .viewer-qualifications--date {
    width: 100%; } }

@media screen and (min-width: 640px) {
  section.viewer-qualifications .viewer-qualifications--date {
    width: 25%; } }

@media screen and (min-width: 480px) {
  section.viewer-qualifications .viewer-qualifications--title {
    width: 50%; } }

@media screen and (min-width: 480px) {
  section.viewer-qualifications .viewer-qualifications--progress {
    width: 50%;
    text-align: right; } }

@media screen and (min-width: 640px) {
  section.viewer-qualifications .viewer-qualifications--progress {
    width: 25%; } }

section.viewer-qualifications .qualification--status-complete {
  color: #16bf00; }

section.viewer-qualifications .qualification--status-incomplete {
  color: #D38D2A; }

/*
** Skills
*/
section.viewer-skills ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center; }

section.viewer-skills li {
  display: inline-block;
  margin: 0 10px 10px 0;
  padding: 10px 20px;
  background-color: #2b6886;
  color: #fff; }

/*
** Q & A
*/
section.viewer-qa .viewer-qa--entry {
  margin-bottom: 40px; }

section.viewer-qa .viewer-qa--question {
  color: #000;
  display: block; }

/*
** Experience
*/
/*
** Reviews
*/
section.viewer-reviews .review--form {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: solid 1px #ebebeb; }
  section.viewer-reviews .review--form h3 {
    font-size: 18px;
    font-size: 1.3846153846rem;
    line-height: 1.1111111111; }

section.viewer-reviews .review--form-subintro {
  margin: 0; }

section.viewer-reviews .review--form-trigger {
  cursor: pointer; }

section.viewer-reviews input[type="text"],
section.viewer-reviews textarea,
section.viewer-reviews select {
  width: 100%; }

section.viewer-reviews .review {
  margin-bottom: 20px; }
  section.viewer-reviews .review .review--title {
    font-style: italic;
    margin-bottom: 0;
    color: #19a9e3; }
  section.viewer-reviews .review .review--review {
    margin-bottom: 0; }
  section.viewer-reviews .review .review--date {
    border-top: solid 1px #ebebeb;
    margin-top: 10px;
    padding-top: 10px;
    color: #898989; }
  section.viewer-reviews .review .review--reviewer {
    text-align: center; }

section.viewer-reviews .review--image {
  width: 80%;
  height: 80%;
  margin: 0 auto 10px auto;
  overflow: hidden;
  border-radius: 15px; }

section.viewer-reviews .notification {
  margin-bottom: 20px; }

section.viewer-reviews .viewer-privacy + .review {
  margin-top: 20px; }

.review--rating-selection {
  width: 320px;
  height: 50px;
  margin-top: 20px;
  /*
  &.lock-stars-1 {
    background-image: url('../../img/stars-2.png');
  }
  &.lock-stars-2 {
    background-image: url('../../img/stars-4.png');
  }
  &.lock-stars-3 {
    background-image: url('../../img/stars-6.png');
  }
  &.lock-stars-4 {
    background-image: url('../../img/stars-8.png');
  }
  &.lock-stars-5 {
    background-image: url('../../img/stars-10.png');
  }
  
  &.stars-1 {
    background-image: url('../../img/stars-2.png') !important;
  }
  &.stars-2 {
    background-image: url('../../img/stars-4.png') !important;
  }
  &.stars-3 {
    background-image: url('../../img/stars-6.png') !important;
  }
  &.stars-4 {
    background-image: url('../../img/stars-8.png') !important;
  }
  &.stars-5 {
    background-image: url('../../img/stars-10.png') !important;
  }
  */ }
  .review--rating-selection .review--star {
    width: 50px;
    height: 50px;
    background: url("../../img/icons/review-star-off@2x.png") no-repeat 0 0;
    background-size: 50px 50px;
    display: inline-block;
    cursor: pointer; }
  .review--rating-selection.stars-1 [data-star="1"], .review--rating-selection.lock-stars-1 [data-star="1"] {
    background-image: url("../../img/icons/review-star-on@2x.png"); }
  .review--rating-selection.stars-2 [data-star="1"], .review--rating-selection.stars-2 [data-star="2"], .review--rating-selection.lock-stars-2 [data-star="1"], .review--rating-selection.lock-stars-2 [data-star="2"] {
    background-image: url("../../img/icons/review-star-on@2x.png"); }
  .review--rating-selection.stars-3 [data-star="1"], .review--rating-selection.stars-3 [data-star="2"], .review--rating-selection.stars-3 [data-star="3"], .review--rating-selection.lock-stars-3 [data-star="1"], .review--rating-selection.lock-stars-3 [data-star="2"], .review--rating-selection.lock-stars-3 [data-star="3"] {
    background-image: url("../../img/icons/review-star-on@2x.png"); }
  .review--rating-selection.stars-4 [data-star="1"], .review--rating-selection.stars-4 [data-star="2"], .review--rating-selection.stars-4 [data-star="3"], .review--rating-selection.stars-4 [data-star="4"], .review--rating-selection.lock-stars-4 [data-star="1"], .review--rating-selection.lock-stars-4 [data-star="2"], .review--rating-selection.lock-stars-4 [data-star="3"], .review--rating-selection.lock-stars-4 [data-star="4"] {
    background-image: url("../../img/icons/review-star-on@2x.png"); }
  .review--rating-selection.stars-5 [data-star="1"], .review--rating-selection.stars-5 [data-star="2"], .review--rating-selection.stars-5 [data-star="3"], .review--rating-selection.stars-5 [data-star="4"], .review--rating-selection.stars-5 [data-star="5"], .review--rating-selection.lock-stars-5 [data-star="1"], .review--rating-selection.lock-stars-5 [data-star="2"], .review--rating-selection.lock-stars-5 [data-star="3"], .review--rating-selection.lock-stars-5 [data-star="4"], .review--rating-selection.lock-stars-5 [data-star="5"] {
    background-image: url("../../img/icons/review-star-on@2x.png"); }
  .review--rating-selection .review--star + .review--star {
    margin-left: 5px; }

.review--rating-description {
  padding: 6.6666666667px 0 20px 0;
  margin-bottom: 0; }
  .review--rating-description span {
    font-size: 32px;
    font-size: 2.4615384615rem;
    line-height: 1.25;
    font-weight: 700;
    color: #2b6886;
    box-sizing: border-box;
    display: none; }
    .review--rating-description span.lock {
      display: inline-block; }

.review--rating-form {
  display: none; }
  .review--rating-form .entry + .entry {
    margin-top: 10px; }

/*
** References
*/
section.viewer-references .reference--form {
  padding: 20px;
  background-color: #e1f5fd;
  display: none; }
  section.viewer-references .reference--form label {
    font-size: 14px;
    font-size: 1.0769230769rem;
    line-height: 1.4285714286;
    margin-bottom: 6.6666666667px; }
  section.viewer-references .reference--form input[type="text"] {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 20px; }

section.viewer-references .reference--form-intro {
  padding-top: 20px;
  text-align: center; }

section.viewer-references .reference--form-trigger {
  margin-top: 20px;
  cursor: pointer;
  display: block; }
  section.viewer-references .reference--form-trigger img {
    margin-right: 20px; }

section.viewer-references input[type="text"],
section.viewer-references textarea,
section.viewer-references select {
  width: 100%; }

section.viewer-references .buttons {
  text-align: right; }

section.viewer-references .reference {
  margin-bottom: 20px;
  border-bottom: solid 1px #f5f5f5;
  border-top: none;
  padding-top: 0;
  background-color: transparent; }
  section.viewer-references .reference .reference--header {
    background-color: transparent;
    padding: 0 10px 5px 0; }
    section.viewer-references .reference .reference--header p {
      color: #000;
      margin: 0; }
      section.viewer-references .reference .reference--header p span {
        color: #898989; }
    section.viewer-references .reference .reference--header p.status-indicator {
      margin-bottom: 10px; }
    section.viewer-references .reference .reference--header .status--confirmed {
      color: #fff; }
  section.viewer-references .reference > p {
    padding: 5px 10px 5px 0;
    font-style: italic; }

section.viewer-references .reference--text {
  color: #575757;
  font-style: italic; }

/*
** Skipper
*/
section.viewer-skipper .viewer-skipper--image {
  padding-bottom: 100%;
  position: relative;
  overflow: hidden;
  box-sizing: border-box; }
  section.viewer-skipper .viewer-skipper--image figure {
    width: 100%;
    height: 100%;
    margin: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }

/*
** Contact
*/
section.viewer-contact form, section.viewer-conversation form {
  margin-bottom: 20px; }

section.viewer-contact .form-entry, section.viewer-conversation .form-entry {
  margin-bottom: 20px; }

section.viewer-contact input[type="text"], section.viewer-contact textarea, section.viewer-conversation input[type="text"], section.viewer-conversation textarea {
  width: 100%; }

section.viewer-contact .form-buttons, section.viewer-conversation .form-buttons {
  text-align: right; }

section.viewer-contact .contact-point, section.viewer-conversation .contact-point {
  border: solid 1px #2b6886;
  padding: 0;
  line-height: 1;
  text-align: center; }
  @media screen and (min-width: 480px) {
    section.viewer-contact .contact-point, section.viewer-conversation .contact-point {
      text-align: left; } }
  section.viewer-contact .contact-point span, section.viewer-conversation .contact-point span {
    font-size: 18px;
    font-size: 1.3846153846rem;
    line-height: 1.1111111111;
    margin: 0;
    padding: 10px;
    vertical-align: middle;
    display: block; }
    @media screen and (min-width: 480px) {
      section.viewer-contact .contact-point span, section.viewer-conversation .contact-point span {
        display: inline-block; } }
  section.viewer-contact .contact-point .label, section.viewer-conversation .contact-point .label {
    background-color: #2b6886;
    background-repeat: no-repeat;
    background-position: 10px center;
    color: #fff; }
    @media screen and (min-width: 480px) {
      section.viewer-contact .contact-point .label, section.viewer-conversation .contact-point .label {
        width: 180px; } }
    @media screen and (min-width: 640px) {
      section.viewer-contact .contact-point .label, section.viewer-conversation .contact-point .label {
        width: 240px;
        padding-left: 40px; } }
  section.viewer-contact .contact-point .value, section.viewer-conversation .contact-point .value {
    color: #575757; }

@media screen and (min-width: 640px) {
  section.viewer-contact .contact-point--skype .label, section.viewer-conversation .contact-point--skype .label {
    background-image: url("../../img/icons/icon-contact-skype@2x.png");
    background-size: 22px 22px; } }

@media screen and (min-width: 640px) {
  section.viewer-contact .contact-point--phone .label, section.viewer-conversation .contact-point--phone .label {
    background-image: url("../../img/icons/icon-contact-phone@2x.png");
    background-size: 22px 22px; } }

@media screen and (min-width: 640px) {
  section.viewer-contact .contact-point--url .label, section.viewer-conversation .contact-point--url .label {
    background-image: url("../../img/icons/icon-contact-url@2x.png");
    background-size: 24px 24px;
    background-position: 9px center; } }

section.viewer-contact .countdown-crew, section.viewer-conversation .countdown-crew {
  margin-top: 20px;
  padding-right: 0; }

section.viewer-contact .contact-option, section.viewer-conversation .contact-option {
  padding: 20px 0 10px 0; }
  section.viewer-contact .contact-option p, section.viewer-conversation .contact-option p {
    margin: 0; }

section.viewer-contact .contact-option + .contact-option, section.viewer-conversation .contact-option + .contact-option {
  border-top: solid 1px #d8d8d8; }

section.viewer-contact .contact--icon, section.viewer-conversation .contact--icon {
  text-align: center; }

section.viewer-contact .contact--icon-circle, section.viewer-conversation .contact--icon-circle {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 20px;
  background-color: #2b6886;
  color: #fff;
  text-align: center;
  display: inline-block;
  overflow: hidden; }
  section.viewer-contact .contact--icon-circle img, section.viewer-conversation .contact--icon-circle img {
    width: 50%;
    margin-top: 25%; }

section.viewer-contact .contact--title, section.viewer-conversation .contact--title {
  font-size: 1.3rem; }

section.viewer-contact .contact--subtitle, section.viewer-conversation .contact--subtitle {
  font-size: 1.1rem; }

section.viewer-contact .contact--number, section.viewer-conversation .contact--number {
  font-size: 1.2rem; }

section.viewer-contact .form-info + .form-entry, section.viewer-conversation .form-info + .form-entry {
  margin-top: 20px; }

section.viewer-contact .form-entry label, section.viewer-conversation .form-entry label {
  margin-bottom: 10px; }

section.viewer-contact .form-entry input[type="text"], section.viewer-contact .form-entry textarea, section.viewer-conversation .form-entry input[type="text"], section.viewer-conversation .form-entry textarea {
  border-radius: 0;
  border-color: #a3a7a5;
  padding: 10px 20px; }
  section.viewer-contact .form-entry input[type="text"]:focus, section.viewer-contact .form-entry input[type="text"]:hover, section.viewer-contact .form-entry textarea:focus, section.viewer-contact .form-entry textarea:hover, section.viewer-conversation .form-entry input[type="text"]:focus, section.viewer-conversation .form-entry input[type="text"]:hover, section.viewer-conversation .form-entry textarea:focus, section.viewer-conversation .form-entry textarea:hover {
    border-color: #a3a7a5; }
  section.viewer-contact .form-entry input[type="text"].error, section.viewer-contact .form-entry textarea.error, section.viewer-conversation .form-entry input[type="text"].error, section.viewer-conversation .form-entry textarea.error {
    border: solid 1px #e91250; }

section.viewer-contact .form-entry input[type="text"], section.viewer-conversation .form-entry input[type="text"] {
  font-size: 1.3rem;
  /*background-color: $light-gray;
      border-bottom: none;*/
  margin-bottom: 20px; }

section.viewer-contact .form-entry textarea, section.viewer-conversation .form-entry textarea {
  font-size: 1.1rem; }

section.viewer-contact p.error, section.viewer-conversation p.error {
  margin: 6.6666666667px 0 20px 0; }

section.viewer-contact p.contact--skype, section.viewer-conversation p.contact--skype {
  margin-top: 6.6666666667px; }
  section.viewer-contact p.contact--skype img, section.viewer-conversation p.contact--skype img {
    margin-right: 6.6666666667px; }

section.viewer-contact p.contact--whatsapp, section.viewer-conversation p.contact--whatsapp {
  margin-top: 10px; }
  section.viewer-contact p.contact--whatsapp img, section.viewer-conversation p.contact--whatsapp img {
    margin-right: 6.6666666667px; }

/*
** Conversation
*/
section.viewer-conversation .contact-point {
  border: solid 1px #2b6886;
  padding: 0;
  line-height: 1; }
  section.viewer-conversation .contact-point span {
    font-size: 18px;
    font-size: 1.3846153846rem;
    line-height: 1.1111111111;
    margin: 0;
    padding: 10px;
    vertical-align: middle;
    display: block; }
    @media screen and (min-width: 480px) {
      section.viewer-conversation .contact-point span {
        display: inline-block; } }
  section.viewer-conversation .contact-point .label {
    background-color: #2b6886;
    background-repeat: no-repeat;
    background-position: 10px center;
    color: #fff; }
    @media screen and (min-width: 480px) {
      section.viewer-conversation .contact-point .label {
        width: 180px; } }
    @media screen and (min-width: 640px) {
      section.viewer-conversation .contact-point .label {
        width: 240px;
        padding-left: 40px; } }
  section.viewer-conversation .contact-point .value {
    color: #575757; }

@media screen and (min-width: 640px) {
  section.viewer-conversation .contact-point--skype .label {
    background-image: url("../../img/icons/icon-contact-skype@2x.png");
    background-size: 22px 22px; } }

@media screen and (min-width: 640px) {
  section.viewer-conversation .contact-point--phone .label {
    background-image: url("../../img/icons/icon-contact-phone@2x.png");
    background-size: 22px 22px; } }

@media screen and (min-width: 640px) {
  section.viewer-conversation .contact-point--url .label {
    background-image: url("../../img/icons/icon-contact-url@2x.png");
    background-size: 24px 24px;
    background-position: 9px center; } }

.viewer-conversation--history .message--byline {
  margin: 0 0 10px 0; }

.viewer-conversation--history .message--description {
  width: 90%;
  padding: 10px 20px;
  box-sizing: border-box;
  border-radius: 20px; }
  @media screen and (min-width: 480px) {
    .viewer-conversation--history .message--description {
      width: 80%; } }
  @media screen and (min-width: 880px) {
    .viewer-conversation--history .message--description {
      width: 70%; } }

.viewer-conversation--history .message--image {
  display: none; }
  @media screen and (min-width: 480px) {
    .viewer-conversation--history .message--image {
      display: inline-block; } }

.viewer-conversation--history .message--you img {
  float: none; }

.viewer-conversation--history .message--you .message--byline {
  text-align: right; }

.viewer-conversation--history .message--you .message--description {
  margin-left: auto;
  background-color: #19a9e3;
  color: #fff; }

.viewer-conversation--history .message--you + .message--you .profile-image,
.viewer-conversation--history .message--them + .message--them .profile-image {
  display: none; }

.viewer-conversation--history .message--them img {
  float: none; }

.viewer-conversation--history .message--them .message--description {
  margin-right: auto;
  background-color: #ebebeb; }

.viewer-conversation--reply {
  padding: 20px;
  margin-bottom: 20px;
  background-color: #e1f5fd; }
  .viewer-conversation--reply textarea {
    width: 100%; }
  .viewer-conversation--reply .form-buttons {
    text-align: right;
    padding-top: 20px; }
  .viewer-conversation--reply .countdown {
    padding-right: 0; }

.viewer-conversation--older {
  text-align: center; }
  @media screen and (min-width: 480px) {
    .viewer-conversation--older {
      margin-bottom: 20px; } }
  @media screen and (min-width: 880px) {
    .viewer-conversation--older {
      margin-bottom: 0; } }

/*
** Application form
*/
section.viewer-apply .entry {
  margin-bottom: 10px;
  min-height: 20px; }
  section.viewer-apply .entry.team select {
    width: auto; }
  section.viewer-apply .entry.notes label {
    font-size: 18px;
    font-size: 1.3846153846rem;
    line-height: 1.1111111111; }

section.viewer-apply .apply--required-list + .entry.notes,
section.viewer-apply .apply--preferred-list + .entry.notes {
  margin-top: 40px; }

section.viewer-apply .cv-share, section.viewer-apply .name-share {
  background-color: #3353C1;
  color: #fff;
  padding: 10px 20px; }
  section.viewer-apply .cv-share label, section.viewer-apply .name-share label {
    margin: 0;
    cursor: pointer; }
  section.viewer-apply .cv-share input[type="checkbox"], section.viewer-apply .name-share input[type="checkbox"] {
    margin-right: 10px; }

section.viewer-apply textarea {
  width: 100%; }

section.viewer-apply label, section.viewer-apply .label {
  font-size: 14px;
  font-size: 1.0769230769rem;
  line-height: 1.4285714286;
  margin-bottom: 10px; }

section.viewer-apply .label-req {
  color: #e91250; }

section.viewer-apply .label-pref {
  color: #D38D2A; }

section.viewer-apply select {
  width: 100%;
  margin-top: 10px; }
  @media screen and (min-width: 480px) {
    section.viewer-apply select {
      width: auto; } }
  @media screen and (min-width: 640px) {
    section.viewer-apply select {
      margin-top: 0; } }

section.viewer-apply .buttons .btn, section.viewer-apply .buttons .message-listing .message-btn--view a, .message-listing .message-btn--view section.viewer-apply .buttons a, section.viewer-apply .buttons .message-listing .message-btn--delete a, .message-listing .message-btn--delete section.viewer-apply .buttons a {
  margin-right: 20px; }

section.viewer-apply .apply--required-list .entry,
section.viewer-apply .apply--preferred-list .entry {
  margin-bottom: 20px; }

@media screen and (min-width: 640px) {
  section.viewer-apply .apply--required-list .entry,
  section.viewer-apply .apply--preferred-list .entry {
    margin-bottom: 10px; } }

section.viewer-apply .apply--required-list p,
section.viewer-apply .apply--preferred-list p {
  margin: 0; }

section.viewer-apply .apply--requirement {
  padding: 3px 0;
  margin-top: 10px;
  color: #000;
  font-weight: 700;
  display: inline-block; }
  @media screen and (min-width: 640px) {
    section.viewer-apply .apply--requirement {
      margin-top: 0; } }

ul.viewer--application-summary {
  margin: 0 0 20px 0;
  list-style: none; }
  ul.viewer--application-summary li {
    font-size: 14px;
    font-size: 1.0769230769rem;
    line-height: 1.4285714286;
    line-height: 1.5em; }
    ul.viewer--application-summary li::before {
      content: "-";
      margin-right: 10px; }

.viewer--application-details {
  padding: 20px;
  background-color: #ebebeb;
  margin-bottom: 20px; }

.viewer--application-cover {
  color: #000;
  border-bottom: solid 1px #575757; }

#AlreadyApplied .buttons .countdown {
  padding: 10px 0;
  float: left; }

/*
** Related crew
*/
section.viewer-related {
  background-color: #e1f3fe;
  margin-bottom: 0;
  padding: 20px 20px 10px 20px;
  display: none; }
  @media screen and (min-width: 640px) {
    section.viewer-related {
      display: block; } }
  @media screen and (min-width: 880px) {
    section.viewer-related {
      padding: 20px 0 60px 0; } }

.viewer-related--title {
  font-size: 22px;
  font-size: 1.6923076923rem;
  line-height: 1.8181818182;
  font-weight: 300;
  text-align: center;
  color: #11435a; }

.viewer-related--entry {
  background-color: #fff;
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 10px; }
  .viewer-related--entry p {
    margin: 0;
    padding: 0 10px; }

.viewer-related--image {
  padding-bottom: 100%;
  position: relative;
  margin-bottom: 10px;
  overflow: hidden;
  background-size: cover;
  background-position: center center; }
  .viewer-related--image img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0; }

/*
** Job Adverts
*/
section.viewer-job-adverts {
  margin-top: 40px !important; }

.viewer-job--advert {
  margin-bottom: 20px; }
  @media screen and (min-width: 640px) {
    .viewer-job--advert {
      margin-bottom: 0; } }
  .viewer-job--advert p {
    font-size: 14px;
    font-size: 1.0769230769rem;
    line-height: 1.4285714286; }
  .viewer-job--advert .viewer-job--advert-title {
    color: #000;
    margin: 0; }
    .viewer-job--advert .viewer-job--advert-title a {
      color: inherit; }

@media screen and (min-width: 640px) {
  .viewer-job--advert-link {
    text-align: right; } }

/*
** Videos
*/
.viewer--video {
  margin-bottom: 10px; }
  @media screen and (min-width: 640px) {
    .viewer--video {
      position: relative;
      left: -20px; } }
  .viewer--video p {
    margin: 0;
    padding: 10px 20px;
    display: inline-block;
    border: solid 1px transparent;
    cursor: pointer;
    line-height: 25px; }
    .viewer--video p img {
      margin-right: 6.6666666667px;
      display: inline;
      vertical-align: middle; }
    .viewer--video p span {
      color: #c0392b;
      font-weight: 700; }
    .viewer--video p:hover {
      border: solid 1px #6685a3;
      background-color: #e1f5fd; }

.viewer-modal--video {
  max-width: 800px;
  margin: 10% auto;
  padding: 20px;
  background-color: #fff; }
  .viewer-modal--video .video-container {
    padding-bottom: 57%;
    position: relative;
    margin-bottom: 20px; }
    .viewer-modal--video .video-container iframe {
      width: 100% !important;
      height: 100% !important;
      position: absolute;
      top: 0;
      left: 0; }
  .viewer-modal--video p {
    font-weight: 700;
    margin: 0; }
    .viewer-modal--video p span.close {
      cursor: pointer;
      float: right; }
      .viewer-modal--video p span.close img {
        margin-right: 6.6666666667px; }

/*
** Print styles
*/
@media print {
  section.viewer-nav,
  .viewer-intro--fade,
  .viewer-intro--actions,
  .viewer-intro--image-square,
  .viewer-advert .viewer-actions,
  .viewer-photos,
  .toggle,
  .viewer-private,
  form,
  .message--image,
  .viewer-contact .viewer-conversation--older {
    display: none !important; }
  html.viewer {
    padding-top: 0; }
  .viewer-section-title {
    background-color: transparent; }
  .viewer-section-content {
    display: block !important; }
  section.viewer-intro {
    background-image: none !important;
    margin-bottom: 0; }
    section.viewer-intro h1, section.viewer-intro li {
      color: #000; }
    section.viewer-intro .layout__item {
      width: 100% !important; }
    section.viewer-intro .viewer-intro--info {
      padding-top: 0; }
  section.viewer-advert .viewer-tags--tag {
    background-color: transparent; }
  .viewer-conversation--history .message--you .message--description {
    background-color: transparent;
    color: #000;
    text-align: right;
    padding-right: 0; }
  .viewer-conversation--history .message--them .message--description {
    background-color: transparent;
    color: #000;
    padding-left: 0; }
  a[href]:after {
    content: none !important;
    display: none !important;
    visibility: hidden !important; } }

html.welcome {
  background: none; }

body#Welcome {
  width: 100%;
  height: 100% !important;
  background: url("../../img/bg-welcome.jpg") no-repeat center center;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-attachment: fixed;
  margin-bottom: 0; }
  body#Welcome .introduction {
    width: 90%;
    margin: 10% auto 0 auto;
    text-align: center;
    color: #000; }
    @media screen and (min-width: 1024px) {
      body#Welcome .introduction {
        width: 870px; } }
  body#Welcome h1 {
    font-family: 'Overlock', sans-serif;
    font-size: 32px;
    color: #000; }
    @media screen and (min-width: 880px) {
      body#Welcome h1 {
        font-size: 50px; } }
  body#Welcome h2 {
    font-family: 'Overlock', sans-serif;
    font-size: 23px;
    color: #000;
    margin: 0 5%; }
    @media screen and (min-width: 880px) {
      body#Welcome h2 {
        font-size: 50px; } }
  body#Welcome p {
    font-family: 'Overlock', sans-serif;
    font-size: 17px; }
    body#Welcome p.large {
      width: 90%;
      font-size: 24px;
      margin: 0 auto 15px auto; }
    @media screen and (min-width: 880px) {
      body#Welcome p {
        font-size: 21px; }
        body#Welcome p.large {
          font-size: 34px;
          width: 460px;
          margin-bottom: 30px; }
        body#Welcome p.small {
          font-size: 17px; } }
  body#Welcome input.welcome {
    width: 134px;
    height: 37px;
    font-family: 'Overlock', sans-serif;
    font-size: 18px;
    color: #fff;
    background: url("../../img/button-welcome.png") no-repeat;
    border: none;
    padding-right: 15px; }
  body#Welcome input.start {
    width: 165px;
    height: 46px;
    font-family: 'Overlock', sans-serif;
    font-size: 23px;
    color: #fff;
    background: url("../../img/button-start.png") no-repeat;
    border: none;
    padding-right: 18px; }
    @media screen and (min-width: 880px) {
      body#Welcome input.start {
        margin-top: 30px; } }
  body#Welcome #ModalContent {
    min-height: 100%;
    background: url("../../img/bg-welcome-modal.png");
    position: relative;
    top: 0;
    left: 0; }
    @media screen and (min-width: 880px) {
      body#Welcome #ModalContent {
        width: 870px;
        min-height: 450px;
        left: 50%;
        margin-left: -435px;
        margin-bottom: 30px;
        margin-top: 5%;
        border-radius: 10px;
        position: relative; } }

.conversation {
  max-width: 800px;
  min-height: 400px;
  margin: 0 auto;
  padding: 20px 0 30px 0;
  text-align: center;
  /*
  form * {
    z-index: 2;
    position: relative;
  }
  */ }
  .conversation h2 {
    font-weight: 400;
    font-size: 2.7em;
    color: #293D87;
    text-align: center;
    margin: 0.5em 0 0.8em; }
  .conversation p.large {
    font-family: 'Overlock', sans-serif;
    font-size: 1.4em;
    line-height: 1.8em;
    text-align: center;
    width: 70%;
    margin: 1.5em auto 2em auto; }
  .conversation p.notification {
    margin-bottom: 30px; }
  .conversation ul.notification {
    text-align: left; }
  .conversation label {
    font-family: 'Overlock', sans-serif;
    font-size: 23px;
    color: #000;
    margin: 25px 0 10px 0; }
  .conversation .buttons {
    min-height: 37px;
    text-align: center; }
    @media screen and (min-width: 880px) {
      .conversation .buttons {
        width: 93%;
        direction: rtl;
        text-align: right; } }
    .conversation .buttons.center {
      text-align: center; }
    .conversation .buttons input {
      padding: 6px 18px;
      border: none; }
    .conversation .buttons .next {
      width: 134px;
      height: 37px;
      font-family: 'Overlock', sans-serif;
      font-size: 18px;
      color: #fff;
      background: url("../../img/button-welcome.png") no-repeat;
      border: none;
      padding-right: 35px;
      text-align: center;
      text-transform: uppercase; }
      .conversation .buttons .next:disabled {
        opacity: 0.5; }
    .conversation .buttons .back {
      background-color: transparent;
      border: none;
      font-weight: 700;
      color: #0069ff; }
      @media screen and (min-width: 880px) {
        .conversation .buttons .back {
          float: left; } }
    .conversation .buttons .skip {
      font-size: 0.8em;
      background-color: transparent;
      color: gray;
      margin-right: 20px; }
    .conversation .buttons .complete {
      padding: 8px 24px 8px 12px; }
    .conversation .buttons .hidden {
      display: none; }
  .conversation .error {
    font-size: 0.9em;
    text-align: center;
    color: red; }
  .conversation input[type="text"],
  .conversation select {
    /*  width: 60%;*/
    width: 240px; }
  .conversation select#dob_day {
    width: 60px;
    padding-top: 0.5em;
    padding-bottom: 0.5em; }
  .conversation select#dob_month {
    width: 120px;
    margin: 0 10px;
    padding-top: 0.5em;
    padding-bottom: 0.5em; }
  .conversation select#dob_year {
    width: 80px;
    padding-top: 0.5em;
    padding-bottom: 0.5em; }
  .conversation div.selectable {
    border: solid 2px transparent;
    padding: 20px 15px 30px 15px;
    cursor: pointer; }
    .conversation div.selectable:hover {
      border: dashed 2px #5F8EFC; }
    .conversation div.selectable.selected {
      border: solid 2px #6bd563; }
  .conversation div.genders {
    margin-top: 10px; }
  .conversation div.gender {
    width: 40%;
    margin: 0 4% 15px 4%;
    padding-bottom: 0;
    text-align: center;
    display: inline-block;
    box-sizing: border-box; }
    @media screen and (min-width: 880px) {
      .conversation div.gender.male {
        margin-right: 2%;
        margin-left: 10%; } }
    .conversation div.gender.female {
      margin-left: 2%; }
    .conversation div.gender img {
      max-width: 80%;
      margin-bottom: 5px; }
      @media screen and (min-width: 880px) {
        .conversation div.gender img {
          max-width: 140px; } }
    .conversation div.gender p {
      margin-bottom: 5px; }
    @media screen and (min-width: 880px) {
      .conversation div.gender {
        width: 25%;
        margin: 0 10% 15px 10%; } }
  .conversation div.teams {
    margin-top: 10px; }
  .conversation div.team {
    width: 40%;
    margin: 0 4% 15px 4%;
    padding-bottom: 0;
    text-align: center;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle; }
    @media screen and (min-width: 880px) {
      .conversation div.team.male {
        margin-right: 2%;
        margin-left: 10%; } }
    .conversation div.team.female {
      margin-left: 2%; }
    .conversation div.team .image {
      height: 110px; }
      @media screen and (min-width: 480px) {
        .conversation div.team .image {
          height: 160px; } }
    .conversation div.team img {
      max-width: 80%;
      margin-bottom: 5px;
      vertical-align: middle;
      display: inline-block; }
      @media screen and (min-width: 640px) {
        .conversation div.team img {
          max-width: 140px; } }
    .conversation div.team .filler {
      width: 1px;
      height: 100%;
      max-height: 110px;
      vertical-align: middle;
      display: inline-block; }
      @media screen and (min-width: 480px) {
        .conversation div.team .filler {
          max-height: 160px; } }
    .conversation div.team p {
      margin-bottom: 5px; }
    @media screen and (min-width: 880px) {
      .conversation div.team {
        width: 25%;
        margin: 0 2% 15px 2%; } }
  .conversation div.miles {
    margin-top: 10px; }
  .conversation div.mile {
    width: 140px;
    height: 140px;
    margin: 0 5px 15px 5px;
    padding: 0;
    background: url("../../img/icon-miles.png") no-repeat center center;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle; }
    .conversation div.mile p {
      color: #00a2ff;
      font-size: 14px !important;
      margin-bottom: 25px;
      text-align: center;
      display: inline-block;
      vertical-align: middle; }
    .conversation div.mile .filler {
      width: 1px;
      height: 100%;
      vertical-align: middle;
      display: inline-block; }
  .conversation div.dob {
    text-align: center; }
    .conversation div.dob label {
      margin-bottom: 10px; }
    .conversation div.dob input[type="text"] {
      width: 50px;
      text-align: center;
      margin: 0 5px;
      display: inline-block; }
    .conversation div.dob input[type="text"]#dob_year {
      width: 100px;
      display: inline-block; }
  .conversation div.language .add {
    width: 240px;
    font-family: 'Overlock', sans-serif;
    font-size: 17px;
    background-color: #00A2FF;
    color: #fff;
    border: none;
    text-transform: uppercase;
    margin: 5px auto 0 auto;
    padding: 5px 0;
    border-radius: 0;
    -webkit-appearance: none;
    display: block; }
  .conversation div.language + div.language {
    margin-top: 5px; }
  .conversation select#sea_miles {
    width: 300px; }
  .conversation div.job .add {
    width: 240px;
    font-family: 'Overlock', sans-serif;
    font-size: 17px;
    background-color: #00A2FF;
    color: #fff;
    border: none;
    text-transform: uppercase;
    margin: 5px auto 0 auto;
    padding: 5px 0;
    border-radius: 0;
    -webkit-appearance: none;
    display: block; }
  .conversation div.job + div.job {
    margin-top: 5px; }
  .conversation input#advert_title {
    width: 90%;
    padding: 0.4em 0.6em;
    margin: 0 auto; }
    @media screen and (min-width: 880px) {
      .conversation input#advert_title {
        width: 700px; } }
  .conversation textarea#advert_description {
    width: 90%;
    height: 150px;
    padding: 0.4em 0.6em;
    margin: 0 auto; }
    @media screen and (min-width: 880px) {
      .conversation textarea#advert_description {
        width: 700px; } }

.o-wrapper {
  transition: transform 0.3s; }

.wrap {
  margin: 0 auto;
  padding: 0 20px; }
  @media screen and (min-width: 880px) {
    .wrap {
      max-width: 1020px; } }

.wrap--left {
  padding: 0 0 0 20px; }

.wrap--flush {
  padding: 0; }

/*------------------------------------*    #CLEARFIX
\*------------------------------------*/
/**
 * Micro clearfix, as per: css-101.org/articles/clearfix/latest-new-clearfix-so-far.php
 * Extend the clearfix class with Sass to avoid the `.clearfix` class appearing
 * over and over in your markup.
 */
.clearfix:after, section:after,
.media:after {
  content: "";
  display: table;
  clear: both; }

/*------------------------------------*    #HEADINGS
\*------------------------------------*/
/**
 * Headings 1–6’s corresponding Greek-alphabet abstract classes for double-
 * stranded heading hierarchy: csswizardry.com/2012/02/pragmatic-practical-font-sizing-in-css
 *
 * Use these helper classes to cause other elements to adopt the styling of the
 * respective heading, e.g.:
 *
   <h2 class="alpha">Lorem ipsum</h2>
 *
 */
.alpha {
  font-size: 48px;
  font-size: 3.6923076923rem;
  line-height: 1.25; }

.beta {
  font-size: 30px;
  font-size: 2.3076923077rem;
  line-height: 1.3333333333; }

.gamma {
  font-size: 24px;
  font-size: 1.8461538462rem;
  line-height: 1.6666666667; }

.delta {
  font-size: 20px;
  font-size: 1.5384615385rem;
  line-height: 1; }

.epsilon {
  font-size: 18px;
  font-size: 1.3846153846rem;
  line-height: 1.1111111111; }

.zeta {
  font-size: 16px;
  font-size: 1.2307692308rem;
  line-height: 1.25; }

/*------------------------------------*    #SPACING
\*------------------------------------*/
/**
 * Margin and padding helper classes. Use these to tweak layout on a micro
 * level.
 *
 * `.(m|p)(t|r|b|l|h|v)(-|+|0) {}` = margin/padding top/right/bottom/left/horizontal/vertical less/more/none
 */
/**
     * Margin helper classes.
     *
     * Add margins.
     */
.m {
  margin: 20px !important; }

.mt {
  margin-top: 20px !important; }

.mr {
  margin-right: 20px !important; }

.mb {
  margin-bottom: 20px !important; }

.ml {
  margin-left: 20px !important; }

.mh {
  margin-right: 20px !important;
  margin-left: 20px !important; }

.mv {
  margin-top: 20px !important;
  margin-bottom: 20px !important; }

/**
     * Add tiny margins.
     */
.m-- {
  margin: 5px !important; }

.mt-- {
  margin-top: 5px !important; }

.mr-- {
  margin-right: 5px !important; }

.mb-- {
  margin-bottom: 5px !important; }

.ml-- {
  margin-left: 5px !important; }

.mh-- {
  margin-right: 5px !important;
  margin-left: 5px !important; }

.mv-- {
  margin-top: 5px !important;
  margin-bottom: 5px !important; }

/**
     * Add small margins.
     */
.m- {
  margin: 10px !important; }

.mt- {
  margin-top: 10px !important; }

.mr- {
  margin-right: 10px !important; }

.mb- {
  margin-bottom: 10px !important; }

.ml- {
  margin-left: 10px !important; }

.mh- {
  margin-right: 10px !important;
  margin-left: 10px !important; }

.mv- {
  margin-top: 10px !important;
  margin-bottom: 10px !important; }

/**
     * Add large margins.
     */
.m\+ {
  margin: 40px !important; }

.mt\+, .form--account .notifications-general {
  margin-top: 40px !important; }

.mr\+ {
  margin-right: 40px !important; }

.mb\+, .form--account .notifications-general, .form--account .notifications-list {
  margin-bottom: 40px !important; }

.ml\+ {
  margin-left: 40px !important; }

.mh\+ {
  margin-right: 40px !important;
  margin-left: 40px !important; }

.mv\+ {
  margin-top: 40px !important;
  margin-bottom: 40px !important; }

/**
     * Add huge margins.
     */
.m\+\+ {
  margin: 80px !important; }

.mt\+\+ {
  margin-top: 80px !important; }

.mr\+\+ {
  margin-right: 80px !important; }

.mb\+\+ {
  margin-bottom: 80px !important; }

.ml\+\+ {
  margin-left: 80px !important; }

.mh\+\+ {
  margin-right: 80px !important;
  margin-left: 80px !important; }

.mv\+\+ {
  margin-top: 80px !important;
  margin-bottom: 80px !important; }

/**
     * Remove margins.
     */
.m0 {
  margin: 0 !important; }

.mt0 {
  margin-top: 0 !important; }

.mr0 {
  margin-right: 0 !important; }

.mb0 {
  margin-bottom: 0 !important; }

.ml0 {
  margin-left: 0 !important; }

.mh0 {
  margin-right: 0 !important;
  margin-left: 0 !important; }

.mv0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

/**
     * Padding helper classes.
     *
     * Add paddings.
     */
.p {
  padding: 20px !important; }

.pt {
  padding-top: 20px !important; }

.pr {
  padding-right: 20px !important; }

.pb {
  padding-bottom: 20px !important; }

.pl {
  padding-left: 20px !important; }

.ph {
  padding-right: 20px !important;
  padding-left: 20px !important; }

.pv {
  padding-top: 20px !important;
  padding-bottom: 20px !important; }

/**
     * Add tiny paddings.
     */
.p-- {
  padding: 5px !important; }

.pt--, .form--profile table.qualifications td {
  padding-top: 5px !important; }

.pr-- {
  padding-right: 5px !important; }

.pb--, .form--profile table.qualifications td {
  padding-bottom: 5px !important; }

.pl-- {
  padding-left: 5px !important; }

.ph-- {
  padding-right: 5px !important;
  padding-left: 5px !important; }

.pv-- {
  padding-top: 5px !important;
  padding-bottom: 5px !important; }

/**
     * Add small paddings.
     */
.p- {
  padding: 10px !important; }

.pt- {
  padding-top: 10px !important; }

.pr- {
  padding-right: 10px !important; }

.pb- {
  padding-bottom: 10px !important; }

.pl- {
  padding-left: 10px !important; }

.ph- {
  padding-right: 10px !important;
  padding-left: 10px !important; }

.pv- {
  padding-top: 10px !important;
  padding-bottom: 10px !important; }

/**
     * Add large paddings.
     */
.p\+ {
  padding: 40px !important; }

.pt\+ {
  padding-top: 40px !important; }

.pr\+ {
  padding-right: 40px !important; }

.pb\+ {
  padding-bottom: 40px !important; }

.pl\+ {
  padding-left: 40px !important; }

.ph\+ {
  padding-right: 40px !important;
  padding-left: 40px !important; }

.pv\+ {
  padding-top: 40px !important;
  padding-bottom: 40px !important; }

/**
     * Remove paddings.
     */
.p0 {
  padding: 0 !important; }

.pt0 {
  padding-top: 0 !important; }

.pr0 {
  padding-right: 0 !important; }

.pb0 {
  padding-bottom: 0 !important; }

.pl0 {
  padding-left: 0 !important; }

.ph0 {
  padding-right: 0 !important;
  padding-left: 0 !important; }

.pv0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

/*------------------------------------*    #SPACING-RESPONSIVE
\*------------------------------------*/
/**
 * Margin and padding helper classes. Use these to tweak layout on a micro
 * level.
 *
 * `.(m|p)(t|r|b|l|h|v)(-|+|0) {}` = margin/padding top/right/bottom/left/horizontal/vertical less/more/none
 */
/*------------------------------------*    #WIDTHS
\*------------------------------------*/
/**
 * A series of width helper classes that you can use to size things like grid
 * systems. Classes can take a fraction-like format (e.g. `.u-2/3`) or a spoken-
 * word format (e.g. `.u-2-of-3`). Use these in your markup:
 *
 * <div class="u-7/12">
 */
.u-1\/1 {
  width: 100% !important; }

.u-1\/2 {
  width: 50% !important; }

.u-1\/3 {
  width: 33.3333333333% !important; }

.u-2\/3 {
  width: 66.6666666667% !important; }

.u-1\/4 {
  width: 25% !important; }

.u-2\/4 {
  width: 50% !important; }

.u-3\/4 {
  width: 75% !important; }

.u-1\/5 {
  width: 20% !important; }

.u-2\/5 {
  width: 40% !important; }

.u-3\/5 {
  width: 60% !important; }

.u-4\/5 {
  width: 80% !important; }

/*------------------------------------*    #WIDTHS-RESPONSIVE
\*------------------------------------*/
/**
 * Responsive width classes based on your responsive settings.
 */
@media screen and (max-width: 359px) {
  .u-1\/1-below-mob {
    width: 100% !important; }
  .u-1\/2-below-mob {
    width: 50% !important; }
  .u-1\/3-below-mob {
    width: 33.3333333333% !important; }
  .u-2\/3-below-mob {
    width: 66.6666666667% !important; }
  .u-1\/4-below-mob {
    width: 25% !important; }
  .u-2\/4-below-mob {
    width: 50% !important; }
  .u-3\/4-below-mob {
    width: 75% !important; }
  .u-1\/5-below-mob {
    width: 20% !important; }
  .u-2\/5-below-mob {
    width: 40% !important; }
  .u-3\/5-below-mob {
    width: 60% !important; }
  .u-4\/5-below-mob {
    width: 80% !important; }
  .u-1\/6-below-mob {
    width: 16.6666666667% !important; }
  .u-2\/6-below-mob {
    width: 33.3333333333% !important; }
  .u-3\/6-below-mob {
    width: 50% !important; }
  .u-4\/6-below-mob {
    width: 66.6666666667% !important; }
  .u-5\/6-below-mob {
    width: 83.3333333333% !important; }
  .u-1\/7-below-mob {
    width: 14.2857142857% !important; }
  .u-2\/7-below-mob {
    width: 28.5714285714% !important; }
  .u-3\/7-below-mob {
    width: 42.8571428571% !important; }
  .u-4\/7-below-mob {
    width: 57.1428571429% !important; }
  .u-5\/7-below-mob {
    width: 71.4285714286% !important; }
  .u-6\/7-below-mob {
    width: 85.7142857143% !important; }
  .u-1\/8-below-mob {
    width: 12.5% !important; }
  .u-2\/8-below-mob {
    width: 25% !important; }
  .u-3\/8-below-mob {
    width: 37.5% !important; }
  .u-4\/8-below-mob {
    width: 50% !important; }
  .u-5\/8-below-mob {
    width: 62.5% !important; }
  .u-6\/8-below-mob {
    width: 75% !important; }
  .u-7\/8-below-mob {
    width: 87.5% !important; }
  .u-1\/9-below-mob {
    width: 11.1111111111% !important; }
  .u-2\/9-below-mob {
    width: 22.2222222222% !important; }
  .u-3\/9-below-mob {
    width: 33.3333333333% !important; }
  .u-4\/9-below-mob {
    width: 44.4444444444% !important; }
  .u-5\/9-below-mob {
    width: 55.5555555556% !important; }
  .u-6\/9-below-mob {
    width: 66.6666666667% !important; }
  .u-7\/9-below-mob {
    width: 77.7777777778% !important; }
  .u-8\/9-below-mob {
    width: 88.8888888889% !important; }
  .u-1\/10-below-mob {
    width: 10% !important; }
  .u-2\/10-below-mob {
    width: 20% !important; }
  .u-3\/10-below-mob {
    width: 30% !important; }
  .u-4\/10-below-mob {
    width: 40% !important; }
  .u-5\/10-below-mob {
    width: 50% !important; }
  .u-6\/10-below-mob {
    width: 60% !important; }
  .u-7\/10-below-mob {
    width: 70% !important; }
  .u-8\/10-below-mob {
    width: 80% !important; }
  .u-9\/10-below-mob {
    width: 90% !important; }
  .u-1\/11-below-mob {
    width: 9.0909090909% !important; }
  .u-2\/11-below-mob {
    width: 18.1818181818% !important; }
  .u-3\/11-below-mob {
    width: 27.2727272727% !important; }
  .u-4\/11-below-mob {
    width: 36.3636363636% !important; }
  .u-5\/11-below-mob {
    width: 45.4545454545% !important; }
  .u-6\/11-below-mob {
    width: 54.5454545455% !important; }
  .u-7\/11-below-mob {
    width: 63.6363636364% !important; }
  .u-8\/11-below-mob {
    width: 72.7272727273% !important; }
  .u-9\/11-below-mob {
    width: 81.8181818182% !important; }
  .u-10\/11-below-mob {
    width: 90.9090909091% !important; }
  .u-1\/12-below-mob {
    width: 8.3333333333% !important; }
  .u-2\/12-below-mob {
    width: 16.6666666667% !important; }
  .u-3\/12-below-mob {
    width: 25% !important; }
  .u-4\/12-below-mob {
    width: 33.3333333333% !important; }
  .u-5\/12-below-mob {
    width: 41.6666666667% !important; }
  .u-6\/12-below-mob {
    width: 50% !important; }
  .u-7\/12-below-mob {
    width: 58.3333333333% !important; }
  .u-8\/12-below-mob {
    width: 66.6666666667% !important; }
  .u-9\/12-below-mob {
    width: 75% !important; }
  .u-10\/12-below-mob {
    width: 83.3333333333% !important; }
  .u-11\/12-below-mob {
    width: 91.6666666667% !important; } }

@media screen and (min-width: 360px) {
  .u-1\/1-mob {
    width: 100% !important; }
  .u-1\/2-mob {
    width: 50% !important; }
  .u-1\/3-mob {
    width: 33.3333333333% !important; }
  .u-2\/3-mob {
    width: 66.6666666667% !important; }
  .u-1\/4-mob {
    width: 25% !important; }
  .u-2\/4-mob {
    width: 50% !important; }
  .u-3\/4-mob {
    width: 75% !important; }
  .u-1\/5-mob {
    width: 20% !important; }
  .u-2\/5-mob {
    width: 40% !important; }
  .u-3\/5-mob {
    width: 60% !important; }
  .u-4\/5-mob {
    width: 80% !important; }
  .u-1\/6-mob {
    width: 16.6666666667% !important; }
  .u-2\/6-mob {
    width: 33.3333333333% !important; }
  .u-3\/6-mob {
    width: 50% !important; }
  .u-4\/6-mob {
    width: 66.6666666667% !important; }
  .u-5\/6-mob {
    width: 83.3333333333% !important; }
  .u-1\/7-mob {
    width: 14.2857142857% !important; }
  .u-2\/7-mob {
    width: 28.5714285714% !important; }
  .u-3\/7-mob {
    width: 42.8571428571% !important; }
  .u-4\/7-mob {
    width: 57.1428571429% !important; }
  .u-5\/7-mob {
    width: 71.4285714286% !important; }
  .u-6\/7-mob {
    width: 85.7142857143% !important; }
  .u-1\/8-mob {
    width: 12.5% !important; }
  .u-2\/8-mob {
    width: 25% !important; }
  .u-3\/8-mob {
    width: 37.5% !important; }
  .u-4\/8-mob {
    width: 50% !important; }
  .u-5\/8-mob {
    width: 62.5% !important; }
  .u-6\/8-mob {
    width: 75% !important; }
  .u-7\/8-mob {
    width: 87.5% !important; }
  .u-1\/9-mob {
    width: 11.1111111111% !important; }
  .u-2\/9-mob {
    width: 22.2222222222% !important; }
  .u-3\/9-mob {
    width: 33.3333333333% !important; }
  .u-4\/9-mob {
    width: 44.4444444444% !important; }
  .u-5\/9-mob {
    width: 55.5555555556% !important; }
  .u-6\/9-mob {
    width: 66.6666666667% !important; }
  .u-7\/9-mob {
    width: 77.7777777778% !important; }
  .u-8\/9-mob {
    width: 88.8888888889% !important; }
  .u-1\/10-mob {
    width: 10% !important; }
  .u-2\/10-mob {
    width: 20% !important; }
  .u-3\/10-mob {
    width: 30% !important; }
  .u-4\/10-mob {
    width: 40% !important; }
  .u-5\/10-mob {
    width: 50% !important; }
  .u-6\/10-mob {
    width: 60% !important; }
  .u-7\/10-mob {
    width: 70% !important; }
  .u-8\/10-mob {
    width: 80% !important; }
  .u-9\/10-mob {
    width: 90% !important; }
  .u-1\/11-mob {
    width: 9.0909090909% !important; }
  .u-2\/11-mob {
    width: 18.1818181818% !important; }
  .u-3\/11-mob {
    width: 27.2727272727% !important; }
  .u-4\/11-mob {
    width: 36.3636363636% !important; }
  .u-5\/11-mob {
    width: 45.4545454545% !important; }
  .u-6\/11-mob {
    width: 54.5454545455% !important; }
  .u-7\/11-mob {
    width: 63.6363636364% !important; }
  .u-8\/11-mob {
    width: 72.7272727273% !important; }
  .u-9\/11-mob {
    width: 81.8181818182% !important; }
  .u-10\/11-mob {
    width: 90.9090909091% !important; }
  .u-1\/12-mob {
    width: 8.3333333333% !important; }
  .u-2\/12-mob {
    width: 16.6666666667% !important; }
  .u-3\/12-mob {
    width: 25% !important; }
  .u-4\/12-mob {
    width: 33.3333333333% !important; }
  .u-5\/12-mob {
    width: 41.6666666667% !important; }
  .u-6\/12-mob {
    width: 50% !important; }
  .u-7\/12-mob {
    width: 58.3333333333% !important; }
  .u-8\/12-mob {
    width: 66.6666666667% !important; }
  .u-9\/12-mob {
    width: 75% !important; }
  .u-10\/12-mob {
    width: 83.3333333333% !important; }
  .u-11\/12-mob {
    width: 91.6666666667% !important; } }

@media screen and (min-width: 480px) {
  .u-1\/1-flag {
    width: 100% !important; }
  .u-1\/2-flag {
    width: 50% !important; }
  .u-1\/3-flag {
    width: 33.3333333333% !important; }
  .u-2\/3-flag {
    width: 66.6666666667% !important; }
  .u-1\/4-flag {
    width: 25% !important; }
  .u-2\/4-flag {
    width: 50% !important; }
  .u-3\/4-flag {
    width: 75% !important; }
  .u-1\/5-flag {
    width: 20% !important; }
  .u-2\/5-flag {
    width: 40% !important; }
  .u-3\/5-flag {
    width: 60% !important; }
  .u-4\/5-flag {
    width: 80% !important; }
  .u-1\/6-flag {
    width: 16.6666666667% !important; }
  .u-2\/6-flag {
    width: 33.3333333333% !important; }
  .u-3\/6-flag {
    width: 50% !important; }
  .u-4\/6-flag {
    width: 66.6666666667% !important; }
  .u-5\/6-flag {
    width: 83.3333333333% !important; }
  .u-1\/7-flag {
    width: 14.2857142857% !important; }
  .u-2\/7-flag {
    width: 28.5714285714% !important; }
  .u-3\/7-flag {
    width: 42.8571428571% !important; }
  .u-4\/7-flag {
    width: 57.1428571429% !important; }
  .u-5\/7-flag {
    width: 71.4285714286% !important; }
  .u-6\/7-flag {
    width: 85.7142857143% !important; }
  .u-1\/8-flag {
    width: 12.5% !important; }
  .u-2\/8-flag {
    width: 25% !important; }
  .u-3\/8-flag {
    width: 37.5% !important; }
  .u-4\/8-flag {
    width: 50% !important; }
  .u-5\/8-flag {
    width: 62.5% !important; }
  .u-6\/8-flag {
    width: 75% !important; }
  .u-7\/8-flag {
    width: 87.5% !important; }
  .u-1\/9-flag {
    width: 11.1111111111% !important; }
  .u-2\/9-flag {
    width: 22.2222222222% !important; }
  .u-3\/9-flag {
    width: 33.3333333333% !important; }
  .u-4\/9-flag {
    width: 44.4444444444% !important; }
  .u-5\/9-flag {
    width: 55.5555555556% !important; }
  .u-6\/9-flag {
    width: 66.6666666667% !important; }
  .u-7\/9-flag {
    width: 77.7777777778% !important; }
  .u-8\/9-flag {
    width: 88.8888888889% !important; }
  .u-1\/10-flag {
    width: 10% !important; }
  .u-2\/10-flag {
    width: 20% !important; }
  .u-3\/10-flag {
    width: 30% !important; }
  .u-4\/10-flag {
    width: 40% !important; }
  .u-5\/10-flag {
    width: 50% !important; }
  .u-6\/10-flag {
    width: 60% !important; }
  .u-7\/10-flag {
    width: 70% !important; }
  .u-8\/10-flag {
    width: 80% !important; }
  .u-9\/10-flag {
    width: 90% !important; }
  .u-1\/11-flag {
    width: 9.0909090909% !important; }
  .u-2\/11-flag {
    width: 18.1818181818% !important; }
  .u-3\/11-flag {
    width: 27.2727272727% !important; }
  .u-4\/11-flag {
    width: 36.3636363636% !important; }
  .u-5\/11-flag {
    width: 45.4545454545% !important; }
  .u-6\/11-flag {
    width: 54.5454545455% !important; }
  .u-7\/11-flag {
    width: 63.6363636364% !important; }
  .u-8\/11-flag {
    width: 72.7272727273% !important; }
  .u-9\/11-flag {
    width: 81.8181818182% !important; }
  .u-10\/11-flag {
    width: 90.9090909091% !important; }
  .u-1\/12-flag {
    width: 8.3333333333% !important; }
  .u-2\/12-flag {
    width: 16.6666666667% !important; }
  .u-3\/12-flag {
    width: 25% !important; }
  .u-4\/12-flag {
    width: 33.3333333333% !important; }
  .u-5\/12-flag {
    width: 41.6666666667% !important; }
  .u-6\/12-flag {
    width: 50% !important; }
  .u-7\/12-flag {
    width: 58.3333333333% !important; }
  .u-8\/12-flag {
    width: 66.6666666667% !important; }
  .u-9\/12-flag {
    width: 75% !important; }
  .u-10\/12-flag {
    width: 83.3333333333% !important; }
  .u-11\/12-flag {
    width: 91.6666666667% !important; } }

@media screen and (min-width: 640px) {
  .u-1\/1-phablet {
    width: 100% !important; }
  .u-1\/2-phablet {
    width: 50% !important; }
  .u-1\/3-phablet {
    width: 33.3333333333% !important; }
  .u-2\/3-phablet {
    width: 66.6666666667% !important; }
  .u-1\/4-phablet {
    width: 25% !important; }
  .u-2\/4-phablet {
    width: 50% !important; }
  .u-3\/4-phablet {
    width: 75% !important; }
  .u-1\/5-phablet {
    width: 20% !important; }
  .u-2\/5-phablet {
    width: 40% !important; }
  .u-3\/5-phablet {
    width: 60% !important; }
  .u-4\/5-phablet {
    width: 80% !important; }
  .u-1\/6-phablet {
    width: 16.6666666667% !important; }
  .u-2\/6-phablet {
    width: 33.3333333333% !important; }
  .u-3\/6-phablet {
    width: 50% !important; }
  .u-4\/6-phablet {
    width: 66.6666666667% !important; }
  .u-5\/6-phablet {
    width: 83.3333333333% !important; }
  .u-1\/7-phablet {
    width: 14.2857142857% !important; }
  .u-2\/7-phablet {
    width: 28.5714285714% !important; }
  .u-3\/7-phablet {
    width: 42.8571428571% !important; }
  .u-4\/7-phablet {
    width: 57.1428571429% !important; }
  .u-5\/7-phablet {
    width: 71.4285714286% !important; }
  .u-6\/7-phablet {
    width: 85.7142857143% !important; }
  .u-1\/8-phablet {
    width: 12.5% !important; }
  .u-2\/8-phablet {
    width: 25% !important; }
  .u-3\/8-phablet {
    width: 37.5% !important; }
  .u-4\/8-phablet {
    width: 50% !important; }
  .u-5\/8-phablet {
    width: 62.5% !important; }
  .u-6\/8-phablet {
    width: 75% !important; }
  .u-7\/8-phablet {
    width: 87.5% !important; }
  .u-1\/9-phablet {
    width: 11.1111111111% !important; }
  .u-2\/9-phablet {
    width: 22.2222222222% !important; }
  .u-3\/9-phablet {
    width: 33.3333333333% !important; }
  .u-4\/9-phablet {
    width: 44.4444444444% !important; }
  .u-5\/9-phablet {
    width: 55.5555555556% !important; }
  .u-6\/9-phablet {
    width: 66.6666666667% !important; }
  .u-7\/9-phablet {
    width: 77.7777777778% !important; }
  .u-8\/9-phablet {
    width: 88.8888888889% !important; }
  .u-1\/10-phablet {
    width: 10% !important; }
  .u-2\/10-phablet {
    width: 20% !important; }
  .u-3\/10-phablet {
    width: 30% !important; }
  .u-4\/10-phablet {
    width: 40% !important; }
  .u-5\/10-phablet {
    width: 50% !important; }
  .u-6\/10-phablet {
    width: 60% !important; }
  .u-7\/10-phablet {
    width: 70% !important; }
  .u-8\/10-phablet {
    width: 80% !important; }
  .u-9\/10-phablet {
    width: 90% !important; }
  .u-1\/11-phablet {
    width: 9.0909090909% !important; }
  .u-2\/11-phablet {
    width: 18.1818181818% !important; }
  .u-3\/11-phablet {
    width: 27.2727272727% !important; }
  .u-4\/11-phablet {
    width: 36.3636363636% !important; }
  .u-5\/11-phablet {
    width: 45.4545454545% !important; }
  .u-6\/11-phablet {
    width: 54.5454545455% !important; }
  .u-7\/11-phablet {
    width: 63.6363636364% !important; }
  .u-8\/11-phablet {
    width: 72.7272727273% !important; }
  .u-9\/11-phablet {
    width: 81.8181818182% !important; }
  .u-10\/11-phablet {
    width: 90.9090909091% !important; }
  .u-1\/12-phablet {
    width: 8.3333333333% !important; }
  .u-2\/12-phablet {
    width: 16.6666666667% !important; }
  .u-3\/12-phablet {
    width: 25% !important; }
  .u-4\/12-phablet {
    width: 33.3333333333% !important; }
  .u-5\/12-phablet {
    width: 41.6666666667% !important; }
  .u-6\/12-phablet {
    width: 50% !important; }
  .u-7\/12-phablet {
    width: 58.3333333333% !important; }
  .u-8\/12-phablet {
    width: 66.6666666667% !important; }
  .u-9\/12-phablet {
    width: 75% !important; }
  .u-10\/12-phablet {
    width: 83.3333333333% !important; }
  .u-11\/12-phablet {
    width: 91.6666666667% !important; } }

@media screen and (min-width: 880px) {
  .u-1\/1-lap {
    width: 100% !important; }
  .u-1\/2-lap {
    width: 50% !important; }
  .u-1\/3-lap {
    width: 33.3333333333% !important; }
  .u-2\/3-lap {
    width: 66.6666666667% !important; }
  .u-1\/4-lap {
    width: 25% !important; }
  .u-2\/4-lap {
    width: 50% !important; }
  .u-3\/4-lap {
    width: 75% !important; }
  .u-1\/5-lap {
    width: 20% !important; }
  .u-2\/5-lap {
    width: 40% !important; }
  .u-3\/5-lap {
    width: 60% !important; }
  .u-4\/5-lap {
    width: 80% !important; }
  .u-1\/6-lap {
    width: 16.6666666667% !important; }
  .u-2\/6-lap {
    width: 33.3333333333% !important; }
  .u-3\/6-lap {
    width: 50% !important; }
  .u-4\/6-lap {
    width: 66.6666666667% !important; }
  .u-5\/6-lap {
    width: 83.3333333333% !important; }
  .u-1\/7-lap {
    width: 14.2857142857% !important; }
  .u-2\/7-lap {
    width: 28.5714285714% !important; }
  .u-3\/7-lap {
    width: 42.8571428571% !important; }
  .u-4\/7-lap {
    width: 57.1428571429% !important; }
  .u-5\/7-lap {
    width: 71.4285714286% !important; }
  .u-6\/7-lap {
    width: 85.7142857143% !important; }
  .u-1\/8-lap {
    width: 12.5% !important; }
  .u-2\/8-lap {
    width: 25% !important; }
  .u-3\/8-lap {
    width: 37.5% !important; }
  .u-4\/8-lap {
    width: 50% !important; }
  .u-5\/8-lap {
    width: 62.5% !important; }
  .u-6\/8-lap {
    width: 75% !important; }
  .u-7\/8-lap {
    width: 87.5% !important; }
  .u-1\/9-lap {
    width: 11.1111111111% !important; }
  .u-2\/9-lap {
    width: 22.2222222222% !important; }
  .u-3\/9-lap {
    width: 33.3333333333% !important; }
  .u-4\/9-lap {
    width: 44.4444444444% !important; }
  .u-5\/9-lap {
    width: 55.5555555556% !important; }
  .u-6\/9-lap {
    width: 66.6666666667% !important; }
  .u-7\/9-lap {
    width: 77.7777777778% !important; }
  .u-8\/9-lap {
    width: 88.8888888889% !important; }
  .u-1\/10-lap {
    width: 10% !important; }
  .u-2\/10-lap {
    width: 20% !important; }
  .u-3\/10-lap {
    width: 30% !important; }
  .u-4\/10-lap {
    width: 40% !important; }
  .u-5\/10-lap {
    width: 50% !important; }
  .u-6\/10-lap {
    width: 60% !important; }
  .u-7\/10-lap {
    width: 70% !important; }
  .u-8\/10-lap {
    width: 80% !important; }
  .u-9\/10-lap {
    width: 90% !important; }
  .u-1\/11-lap {
    width: 9.0909090909% !important; }
  .u-2\/11-lap {
    width: 18.1818181818% !important; }
  .u-3\/11-lap {
    width: 27.2727272727% !important; }
  .u-4\/11-lap {
    width: 36.3636363636% !important; }
  .u-5\/11-lap {
    width: 45.4545454545% !important; }
  .u-6\/11-lap {
    width: 54.5454545455% !important; }
  .u-7\/11-lap {
    width: 63.6363636364% !important; }
  .u-8\/11-lap {
    width: 72.7272727273% !important; }
  .u-9\/11-lap {
    width: 81.8181818182% !important; }
  .u-10\/11-lap {
    width: 90.9090909091% !important; }
  .u-1\/12-lap {
    width: 8.3333333333% !important; }
  .u-2\/12-lap {
    width: 16.6666666667% !important; }
  .u-3\/12-lap {
    width: 25% !important; }
  .u-4\/12-lap {
    width: 33.3333333333% !important; }
  .u-5\/12-lap {
    width: 41.6666666667% !important; }
  .u-6\/12-lap {
    width: 50% !important; }
  .u-7\/12-lap {
    width: 58.3333333333% !important; }
  .u-8\/12-lap {
    width: 66.6666666667% !important; }
  .u-9\/12-lap {
    width: 75% !important; }
  .u-10\/12-lap {
    width: 83.3333333333% !important; }
  .u-11\/12-lap {
    width: 91.6666666667% !important; } }

@media screen and (min-width: 1024px) {
  .u-1\/1-desk {
    width: 100% !important; }
  .u-1\/2-desk {
    width: 50% !important; }
  .u-1\/3-desk {
    width: 33.3333333333% !important; }
  .u-2\/3-desk {
    width: 66.6666666667% !important; }
  .u-1\/4-desk {
    width: 25% !important; }
  .u-2\/4-desk {
    width: 50% !important; }
  .u-3\/4-desk {
    width: 75% !important; }
  .u-1\/5-desk {
    width: 20% !important; }
  .u-2\/5-desk {
    width: 40% !important; }
  .u-3\/5-desk {
    width: 60% !important; }
  .u-4\/5-desk {
    width: 80% !important; }
  .u-1\/6-desk {
    width: 16.6666666667% !important; }
  .u-2\/6-desk {
    width: 33.3333333333% !important; }
  .u-3\/6-desk {
    width: 50% !important; }
  .u-4\/6-desk {
    width: 66.6666666667% !important; }
  .u-5\/6-desk {
    width: 83.3333333333% !important; }
  .u-1\/7-desk {
    width: 14.2857142857% !important; }
  .u-2\/7-desk {
    width: 28.5714285714% !important; }
  .u-3\/7-desk {
    width: 42.8571428571% !important; }
  .u-4\/7-desk {
    width: 57.1428571429% !important; }
  .u-5\/7-desk {
    width: 71.4285714286% !important; }
  .u-6\/7-desk {
    width: 85.7142857143% !important; }
  .u-1\/8-desk {
    width: 12.5% !important; }
  .u-2\/8-desk {
    width: 25% !important; }
  .u-3\/8-desk {
    width: 37.5% !important; }
  .u-4\/8-desk {
    width: 50% !important; }
  .u-5\/8-desk {
    width: 62.5% !important; }
  .u-6\/8-desk {
    width: 75% !important; }
  .u-7\/8-desk {
    width: 87.5% !important; }
  .u-1\/9-desk {
    width: 11.1111111111% !important; }
  .u-2\/9-desk {
    width: 22.2222222222% !important; }
  .u-3\/9-desk {
    width: 33.3333333333% !important; }
  .u-4\/9-desk {
    width: 44.4444444444% !important; }
  .u-5\/9-desk {
    width: 55.5555555556% !important; }
  .u-6\/9-desk {
    width: 66.6666666667% !important; }
  .u-7\/9-desk {
    width: 77.7777777778% !important; }
  .u-8\/9-desk {
    width: 88.8888888889% !important; }
  .u-1\/10-desk {
    width: 10% !important; }
  .u-2\/10-desk {
    width: 20% !important; }
  .u-3\/10-desk {
    width: 30% !important; }
  .u-4\/10-desk {
    width: 40% !important; }
  .u-5\/10-desk {
    width: 50% !important; }
  .u-6\/10-desk {
    width: 60% !important; }
  .u-7\/10-desk {
    width: 70% !important; }
  .u-8\/10-desk {
    width: 80% !important; }
  .u-9\/10-desk {
    width: 90% !important; }
  .u-1\/11-desk {
    width: 9.0909090909% !important; }
  .u-2\/11-desk {
    width: 18.1818181818% !important; }
  .u-3\/11-desk {
    width: 27.2727272727% !important; }
  .u-4\/11-desk {
    width: 36.3636363636% !important; }
  .u-5\/11-desk {
    width: 45.4545454545% !important; }
  .u-6\/11-desk {
    width: 54.5454545455% !important; }
  .u-7\/11-desk {
    width: 63.6363636364% !important; }
  .u-8\/11-desk {
    width: 72.7272727273% !important; }
  .u-9\/11-desk {
    width: 81.8181818182% !important; }
  .u-10\/11-desk {
    width: 90.9090909091% !important; }
  .u-1\/12-desk {
    width: 8.3333333333% !important; }
  .u-2\/12-desk {
    width: 16.6666666667% !important; }
  .u-3\/12-desk {
    width: 25% !important; }
  .u-4\/12-desk {
    width: 33.3333333333% !important; }
  .u-5\/12-desk {
    width: 41.6666666667% !important; }
  .u-6\/12-desk {
    width: 50% !important; }
  .u-7\/12-desk {
    width: 58.3333333333% !important; }
  .u-8\/12-desk {
    width: 66.6666666667% !important; }
  .u-9\/12-desk {
    width: 75% !important; }
  .u-10\/12-desk {
    width: 83.3333333333% !important; }
  .u-11\/12-desk {
    width: 91.6666666667% !important; } }

@media screen and (min-width: 1200px) {
  .u-1\/1-huge {
    width: 100% !important; }
  .u-1\/2-huge {
    width: 50% !important; }
  .u-1\/3-huge {
    width: 33.3333333333% !important; }
  .u-2\/3-huge {
    width: 66.6666666667% !important; }
  .u-1\/4-huge {
    width: 25% !important; }
  .u-2\/4-huge {
    width: 50% !important; }
  .u-3\/4-huge {
    width: 75% !important; }
  .u-1\/5-huge {
    width: 20% !important; }
  .u-2\/5-huge {
    width: 40% !important; }
  .u-3\/5-huge {
    width: 60% !important; }
  .u-4\/5-huge {
    width: 80% !important; }
  .u-1\/6-huge {
    width: 16.6666666667% !important; }
  .u-2\/6-huge {
    width: 33.3333333333% !important; }
  .u-3\/6-huge {
    width: 50% !important; }
  .u-4\/6-huge {
    width: 66.6666666667% !important; }
  .u-5\/6-huge {
    width: 83.3333333333% !important; }
  .u-1\/7-huge {
    width: 14.2857142857% !important; }
  .u-2\/7-huge {
    width: 28.5714285714% !important; }
  .u-3\/7-huge {
    width: 42.8571428571% !important; }
  .u-4\/7-huge {
    width: 57.1428571429% !important; }
  .u-5\/7-huge {
    width: 71.4285714286% !important; }
  .u-6\/7-huge {
    width: 85.7142857143% !important; }
  .u-1\/8-huge {
    width: 12.5% !important; }
  .u-2\/8-huge {
    width: 25% !important; }
  .u-3\/8-huge {
    width: 37.5% !important; }
  .u-4\/8-huge {
    width: 50% !important; }
  .u-5\/8-huge {
    width: 62.5% !important; }
  .u-6\/8-huge {
    width: 75% !important; }
  .u-7\/8-huge {
    width: 87.5% !important; }
  .u-1\/9-huge {
    width: 11.1111111111% !important; }
  .u-2\/9-huge {
    width: 22.2222222222% !important; }
  .u-3\/9-huge {
    width: 33.3333333333% !important; }
  .u-4\/9-huge {
    width: 44.4444444444% !important; }
  .u-5\/9-huge {
    width: 55.5555555556% !important; }
  .u-6\/9-huge {
    width: 66.6666666667% !important; }
  .u-7\/9-huge {
    width: 77.7777777778% !important; }
  .u-8\/9-huge {
    width: 88.8888888889% !important; }
  .u-1\/10-huge {
    width: 10% !important; }
  .u-2\/10-huge {
    width: 20% !important; }
  .u-3\/10-huge {
    width: 30% !important; }
  .u-4\/10-huge {
    width: 40% !important; }
  .u-5\/10-huge {
    width: 50% !important; }
  .u-6\/10-huge {
    width: 60% !important; }
  .u-7\/10-huge {
    width: 70% !important; }
  .u-8\/10-huge {
    width: 80% !important; }
  .u-9\/10-huge {
    width: 90% !important; }
  .u-1\/11-huge {
    width: 9.0909090909% !important; }
  .u-2\/11-huge {
    width: 18.1818181818% !important; }
  .u-3\/11-huge {
    width: 27.2727272727% !important; }
  .u-4\/11-huge {
    width: 36.3636363636% !important; }
  .u-5\/11-huge {
    width: 45.4545454545% !important; }
  .u-6\/11-huge {
    width: 54.5454545455% !important; }
  .u-7\/11-huge {
    width: 63.6363636364% !important; }
  .u-8\/11-huge {
    width: 72.7272727273% !important; }
  .u-9\/11-huge {
    width: 81.8181818182% !important; }
  .u-10\/11-huge {
    width: 90.9090909091% !important; }
  .u-1\/12-huge {
    width: 8.3333333333% !important; }
  .u-2\/12-huge {
    width: 16.6666666667% !important; }
  .u-3\/12-huge {
    width: 25% !important; }
  .u-4\/12-huge {
    width: 33.3333333333% !important; }
  .u-5\/12-huge {
    width: 41.6666666667% !important; }
  .u-6\/12-huge {
    width: 50% !important; }
  .u-7\/12-huge {
    width: 58.3333333333% !important; }
  .u-8\/12-huge {
    width: 66.6666666667% !important; }
  .u-9\/12-huge {
    width: 75% !important; }
  .u-10\/12-huge {
    width: 83.3333333333% !important; }
  .u-11\/12-huge {
    width: 91.6666666667% !important; } }

/*------------------------------------*    #PRINT
\*------------------------------------*/
/**
 * Very crude, reset-like styles taken from the HTML5 Boilerplate:
 * https://github.com/h5bp/html5-boilerplate/blob/3c3c5e64604209a4d63e1e4c48dd245d45fadfd9/css/main.css#L200-L234
 */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  /**
     * Don’t show links that are fragment identifiers, or use the `javascript:`
     * pseudo protocol.
     */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""; } }

.no-border {
  border: none !important; }

.no-cursor {
  cursor: auto !important; }

.silver {
  color: #d8d8d8; }

.content--toggle {
  cursor: pointer; }

.content--hidden, .u-hidden {
  display: none; }

.u-inline-block {
  display: inline-block; }

.u-block {
  display: block; }

.u-ta-center {
  text-align: center; }

.u-ta-right {
  text-align: right !important; }

.status-indicator {
  padding: 5px 20px;
  margin-right: 20px;
  text-transform: uppercase;
  display: inline-block; }
  .status-indicator.status--confirmed {
    background-color: #16bf00;
    color: #fff; }
  .status-indicator.status--unconfirmed {
    background-color: #d8d8d8;
    color: #777; }

.inline-shift {
  position: relative;
  left: 3px; }

ul.inline-list, .box--dashboard-profile .stats ul, .box--dashboard-profile ul.links, footer .social ul, header ul.menu--profile, ul.menu--alerts, ul.filter--style {
  margin: 0;
  padding: 0;
  list-style-type: none; }
  ul.inline-list li, .box--dashboard-profile .stats ul li, .box--dashboard-profile ul.links li, footer .social ul li, header ul.menu--profile li, ul.menu--alerts li, ul.filter--style li {
    display: inline-block; }

hr {
  height: 1px;
  border: none;
  background-color: #d8d8d8; }

@media screen and (min-width: 880px) {
  .gutter-right {
    padding-right: 10px; } }

.vert-aligner {
  height: 100%;
  vertical-align: top;
  display: inline-block;
  line-height: 0; }

.u-pointer {
  cursor: pointer; }

.u-pad {
  padding: 20px; }

.u-pad-h {
  padding-left: 20px;
  padding-right: 20px; }

.u-nopad {
  padding: 0 !important; }

.u-nopad-top {
  padding-top: 0 !important; }

.u-nomar-bottom {
  margin-bottom: 0 !important; }

/* Probably a better way to do this but let's hack for now until spec. is clearer */
.show-phablet {
  display: none; }
  @media screen and (min-width: 640px) {
    .show-phablet {
      display: inline-block; } }

.show-phablet-block {
  display: none; }
  @media screen and (min-width: 640px) {
    .show-phablet-block {
      display: block; } }

.show-lap {
  display: none; }
  @media screen and (min-width: 880px) {
    .show-lap {
      display: inline-block; } }

.show-lap-block {
  display: none; }
  @media screen and (min-width: 880px) {
    .show-lap-block {
      display: block; } }

.show-desk {
  display: none; }
  @media screen and (min-width: 1024px) {
    .show-desk {
      display: inline-block; } }

.show-desk-block {
  display: none; }
  @media screen and (min-width: 1024px) {
    .show-desk-block {
      display: block; } }

.ghost {
  width: 0;
  height: 100%;
  display: inline-block;
  vertical-align: middle; }

.overflowable {
  overflow: hidden;
  position: relative; }
  .overflowable .more, .overflowable .less {
    color: #19a9e3;
    padding: 6.6666666667px 0 0 10px;
    background-color: rgba(255, 255, 255, 0.9);
    cursor: pointer;
    position: absolute;
    bottom: 0;
    right: 0;
    display: inline-block; }
  .overflowable .less {
    display: none; }
  .overflowable.open {
    height: auto !important; }
    .overflowable.open .more {
      display: none; }
    .overflowable.open .less {
      display: inline-block; }

/* Colours */
.bg-bright-blue {
  background-color: #19a9e3; }

.bg-dark-blue {
  background-color: #293D87; }

.bg-deep-blue {
  background-color: #11435a; }

.bg-font-blue {
  background-color: #023763; }

.bg-light-blue {
  background-color: #e1f3fe; }

.bg-dusky-blue {
  background-color: #2b6886; }

.bg-mid-blue {
  background-color: #6685a3; }

.bg-pale-blue {
  background-color: #e1f5fd; }

.bg-gray-blue {
  background-color: #557397; }

.bg-hover-blue {
  background-color: #008bdc; }

.bg-ocean-blue {
  background-color: #004d5d; }

.bg-promotion-blue {
  background-color: #1e2a5e; }

.bg-light-tab-blue {
  background-color: #4a90e2; }

/* Tabs */
ul.info-tabs {
  list-style-type: none;
  margin: 0; }
  ul.info-tabs li {
    cursor: pointer; }

.privacy--locked {
  padding-top: 70px;
  text-align: center;
  background: url("../../img/privacy-locked.png") no-repeat center top; }
  .privacy--locked p {
    font-size: 14px;
    font-size: 1.0769230769rem;
    line-height: 1.4285714286;
    margin: 0; }

.gutter {
  display: none; }
  @media screen and (min-width: 1200px) {
    .gutter {
      display: inline-block !important; } }

.hide-no-js {
  display: none; }

.hide-mobile {
  display: none; }
  @media screen and (min-width: 640px) {
    .hide-mobile {
      display: inline-block; } }

@media screen and (min-width: 640px) {
  .mobile-only {
    display: none; } }

@media screen and (min-width: 880px) {
  .hide--lap {
    display: none; } }

@media screen and (min-width: 1024px) {
  .hide--desk {
    display: none; } }

.show--mobile {
  display: block; }

@media screen and (min-width: 880px) {
  .show--lap {
    display: block; } }

@media screen and (min-width: 1024px) {
  .show--desk {
    display: block; } }

/**
* All images within a figure use picturefill and will always
* look good enough to show at 100%, when in the grid
**/
/**
* Video container stuff (16:9)
**/
.responsive-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin-bottom: 20px; }
  .responsive-container iframe, .responsive-container object, .responsive-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.columns {
  column-count: 2;
  column-width: 320px;
  column-fill: balance;
  margin: 0; }

/*# sourceMappingURL=style.css.map */