@font-face { font-family: 'Open Sans'; font-weight: 400; font-style: normal; src: url('fonts/OpenSans-VariableFont_wdth,wght.ttf') format('truetype'); }
@font-face { font-family: 'Open Sans'; font-weight: 400; font-style: italic; src: url('fonts/OpenSans-Italic-VariableFont_wdth,wght.ttf') format('truetype'); }
@font-face { font-family: 'Open Sans'; font-weight: 600; font-style: normal; src: url('fonts/OpenSans-VariableFont_wdth,wght.ttf') format('truetype'); }
@font-face { font-family: 'Open Sans'; font-weight: 600; font-style: italic; src: url('fonts/OpenSans-Italic-VariableFont_wdth,wght.ttf') format('truetype'); }
@font-face { font-family: 'Roboto Condensed'; font-weight: 700; font-style: normal; src: url('fonts/RobotoCondensed-Bold.ttf') format('truetype'); }
@font-face { font-family: 'Roboto Condensed'; font-weight: 700; font-style: italic; src: url('fonts/RobotoCondensed-BoldItalic.ttf') format('truetype'); }
@font-face { font-family: 'Droid Sans Mono'; src: url('fonts/DroidSansMono.ttf') format('truetype'); }



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }

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

a img {
  border: none; }

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

/*------------------------------------*\
    $CSSWIZARDRY-GRIDS
\*------------------------------------*/
/**
 * CONTENTS
 * INTRODUCTION.........How the grid system works.
 * VARIABLES............Your settings.
 * MIXINS...............Library mixins.
 * GRID SETUP...........Build the grid structure.
 * WIDTHS...............Build our responsive widths around our breakpoints.
 * PUSH.................Push classes.
 * PULL.................Pull classes.
 */
/*------------------------------------*\
    $INTRODUCTION
\*------------------------------------*/
/**
 * csswizardry grids provides you with widths to suit a number of breakpoints
 * designed around devices of a size you specify. Out of the box, csswizardry
 * grids caters to the following types of device:
 *
 * palm     --  palm-based devices, like phones and small tablets
 * lap      --  lap-based devices, like iPads or laptops
 * portable --  all of the above
 * desk     --  stationary devices, like desktop computers
 * regular  --  any/all types of device
 *
 * These namespaces are then used in the library to give you the ability to
 * manipulate your layouts based around them, for example:
 *
   <div class="grid__item  one-whole  lap--one-half  desk--one-third">
 *
 * This would give you a grid item which is 100% width unless it is on a lap
 * device, at which point it become 50% wide, or it is on a desktop device, at
 * which point it becomes 33.333% width.
 *
 * csswizardry grids also has push and pull classes which allow you to nudge
 * grid items left and right by a defined amount. These follow the same naming
 * convention as above, but are prepended by either `push--` or `pull--`, for
 * example:
 *
   `class="grid__item  one-half  push--one-half"`
 *
 * This would give you a grid item which is 50% width and pushed over to the
 * right by 50%.
 *
 * All classes in csswizardry grids follow this patten, so you should fairly
 * quickly be able to piece together any combinations you can imagine, for
 * example:
 *
   `class="grid__item  one-whole  lap--one-half  desk--one-third  push--desk--one-third"`
 *
   `class="grid__item  one-quarter  palm--one-half  push--palm--one-half"`
 *
   `class="grid__item  palm--one-third  desk--five-twelfths"`
 */
/*------------------------------------*\
    $VARIABLES
\*------------------------------------*/
/**
 * If you are b ui ldi ng a non-responsive site but would still like to use
 * csswizardry-grids, set this to ‘false’:
 */
/**
 * Is this build mobile first? Setting to ‘true’ means that all grids will be
 * 100% width if you do not apply a more specific class to them.
 */
/**
 * Set the spacing between your grid items.
 */
/**
 * Would you like Sass’ silent classes, or regular CSS classes?
 */
/**
 * Would you like push and pull classes enabled?
 */
/**
 * Using `inline-block` means that the grid items need their whitespace removing
 * in order for them to work correctly. Set the following to true if you are
 * going to achieve this by manually removing/commenting out any whitespace in
 * your HTML yourself.
 *
 * Setting this to false invokes a hack which cannot always be guaranteed,
 * please see the following for more detail:
 *
 * github.com/csswizardry/csswizardry-grids/commit/744d4b23c9d2b77d605b5991e54a397df72e0688
 * github.com/csswizardry/inuit.css/issues/170#issuecomment-14859371
 */
/**
 * Define your breakpoints. The first value is the prefix that shall be used for
 * your classes (e.g. `.palm--one-half`), the second value is the media query
 * that the breakpoint fires at.
 */
/**
 * Define which namespaced breakpoints you would like to generate for each of
 * widths, push and pull. This is handy if you only need pull on, say, desk, or
 * you only need a new width breakpoint at mobile sizes. It allows you to only
 * compile as much CSS as you need. All are turned on by default, but you can
 * add and remove breakpoints at will.
 *('palm', 'lap', 'portable', 'desk');
 * Push and pull shall only be used if `$push` and/or `$pull` and `$responsive`
 * have been set to ‘true’.
 */
/**
 * You do not need to edit anything from this line onward; csswizardry-grids is
 * good to go. Happy griddin’!
 */
/*------------------------------------*\
    $MIXINS
\*------------------------------------*/
/**
 * These mixins are for the library to use only, you should not need to modify
 * them at all.
 *
 * Enclose a block of code with a media query as named in `$breakpoints`.
 */
/**
 * Drop relative positioning into silent classes which can’t take advantage of
 * the `[class*="push--"]` and `[class*="pull--"]` selectors.
 */
/*------------------------------------*\
    $GRID SETUP
\*------------------------------------*/
/**
 * 1. Allow the grid system to be used on lists.
 * 2. Remove any margins and paddings that might affect the grid system.
 * 3. Apply a negative `margin-left` to negate the columns’ gutters.
 */
.grid, .grid--rev, .grid--full, .grid--right, .grid--center {
  list-style: none;
  /* [1] */
  margin: 0;
  /* [2] */
  padding: 0;
  /* [2] */
  margin-left: -25px;
  /* [3] */
  letter-spacing: -0.31em; }

/* Opera hack */
.opera:-o-prefocus,
.grid,
.grid--rev,
.grid--full,
.grid--right,
.grid--center {
  word-spacing: -0.43em; }

/**
 * 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.
 */
.grid__item {
  display: inline-block;
  /* [1] */
  padding-left: 25px;
  /* [2] */
  vertical-align: top;
  /* [3] */
  width: 100%;
  /* [4] */
  -webkit-box-sizing: border-box;
  /* [5] */
  -moz-box-sizing: border-box;
  /* [5] */
  box-sizing: border-box;
  /* [5] */
  letter-spacing: normal;
  word-spacing: normal; }

/**
 * Reversed grids allow you to structure your source in the opposite order to
 * how your rendered layout will appear.
 */
.grid--rev {
  direction: rtl;
  text-align: left; }
  .grid--rev > .grid__item {
    direction: ltr;
    text-align: left; }

/**
 * Gutterless grids have all the properties of regular grids, minus any spacing.
 */
.grid--full {
  margin-left: 0; }
  .grid--full > .grid__item {
    padding-left: 0; }

/**
 * Align the entire grid to the right.
 */
.grid--right {
  text-align: right; }
  .grid--right > .grid__item {
    text-align: left; }

/**
 * Centered grids align grid items centrally without needing to use push or pull
 * classes.
 */
.grid--center {
  text-align: center; }
  .grid--center > .grid__item {
    text-align: left; }

/*------------------------------------*\
    $WIDTHS
\*------------------------------------*/
/**
 * Create our width classes, prefixed by the specified namespace.
 */
/**
 * Our regular, non-responsive width classes.
 */
/**
 * Whole
 */
.one-whole {
  width: 100%; }

/**
 * Halves
 */
.one-half, .two-quarters, .three-sixths, .four-eighths, .five-tenths, .six-twelfths {
  width: 49.99%; }

/**
 * Thirds
 */
.one-third, .two-sixths, .four-twelfths {
  width: 33.333%; }

.two-thirds, .four-sixths, .eight-twelfths {
  width: 66.666%; }

/**
 * Quarters
 */
.one-quarter, .two-eighths, .three-twelfths {
  width: 25%; }

.three-quarters, .six-eighths, .nine-twelfths {
  width: 74.99%; }

/**
 * Fifths
 */
.one-fifth, .two-tenths {
  width: 20%; }

.two-fifths, .four-tenths {
  width: 40%; }

.three-fifths, .six-tenths {
  width: 60%; }

.four-fifths, .eight-tenths {
  width: 80%; }

/**
 * Sixths
 */
.one-sixth, .two-twelfths {
  width: 16.666%; }

.five-sixths, .ten-twelfths {
  width: 83.333%; }

/**
 * Eighths
 */
.one-eighth {
  width: 12.5%; }

.three-eighths {
  width: 37.5%; }

.five-eighths {
  width: 62.5%; }

.seven-eighths {
  width: 87.5%; }

/**
 * Tenths
 */
.one-tenth {
  width: 10%; }

.three-tenths {
  width: 30%; }

.seven-tenths {
  width: 70%; }

.nine-tenths {
  width: 90%; }

/**
 * Twelfths
 */
.one-twelfth {
  width: 8.333%; }

.five-twelfths {
  width: 41.666%; }

.seven-twelfths {
  width: 58.333%; }

.eleven-twelfths {
  width: 91.666%; }

/**
 * Our responsive classes, if we have enabled them.
 */
@media only screen and (min-width: 1024px) {
  /**
   * Whole
   */
  .desk--one-whole {
    width: 100%; }

  /**
   * Halves
   */
  .desk--one-half, .desk--two-quarters, .desk--three-sixths, .desk--four-eighths, .desk--five-tenths, .desk--six-twelfths {
    width: 50%; }

  /**
   * Thirds
   */
  .desk--one-third, .desk--two-sixths, .desk--four-twelfths {
    width: 33.333%; }

  .desk--two-thirds, .desk--four-sixths, .desk--eight-twelfths {
    width: 66.666%; }

  /**
   * Quarters
   */
  .desk--one-quarter, .desk--two-eighths, .desk--three-twelfths {
    width: 25%; }

  .desk--three-quarters, .desk--six-eighths, .desk--nine-twelfths {
    width: 75%; }

  /**
   * Fifths
   */
  .desk--one-fifth, .desk--two-tenths {
    width: 20%; }

  .desk--two-fifths, .desk--four-tenths {
    width: 40%; }

  .desk--three-fifths, .desk--six-tenths {
    width: 60%; }

  .desk--four-fifths, .desk--eight-tenths {
    width: 80%; }

  /**
   * Sixths
   */
  .desk--one-sixth, .desk--two-twelfths {
    width: 16.666%; }

  .desk--five-sixths, .desk--ten-twelfths {
    width: 83.333%; }

  /**
   * Eighths
   */
  .desk--one-eighth {
    width: 12.5%; }

  .desk--three-eighths {
    width: 37.5%; }

  .desk--five-eighths {
    width: 62.5%; }

  .desk--seven-eighths {
    width: 87.5%; }

  /**
   * Tenths
   */
  .desk--one-tenth {
    width: 10%; }

  .desk--three-tenths {
    width: 30%; }

  .desk--seven-tenths {
    width: 70%; }

  .desk--nine-tenths {
    width: 90%; }

  /**
   * Twelfths
   */
  .desk--one-twelfth {
    width: 8.333%; }

  .desk--five-twelfths {
    width: 41.666%; }

  .desk--seven-twelfths {
    width: 58.333%; }

  .desk--eleven-twelfths {
    width: 91.666%; } }
/*------------------------------------*\
    $PUSH
\*------------------------------------*/
/**
 * Push classes, to move grid items over to the right by certain amounts.
 */
/**
 * Not a particularly great selector, but the DRYest way to do things.
 */
[class*="push--"] {
  position: relative; }

/**
 * Whole
 */
.push--one-whole {
  left: 100%; }

/**
 * Halves
 */
.push--one-half, .push--two-quarters, .push--three-sixths, .push--four-eighths, .push--five-tenths, .push--six-twelfths {
  left: 50%; }

/**
 * Thirds
 */
.push--one-third, .push--two-sixths, .push--four-twelfths {
  left: 33.333%; }

.push--two-thirds, .push--four-sixths, .push--eight-twelfths {
  left: 66.666%; }

/**
 * Quarters
 */
.push--one-quarter, .push--two-eighths, .push--three-twelfths {
  left: 25%; }

.push--three-quarters, .push--six-eighths, .push--nine-twelfths {
  left: 75%; }

/**
 * Fifths
 */
.push--one-fifth, .push--two-tenths {
  left: 20%; }

.push--two-fifths, .push--four-tenths {
  left: 40%; }

.push--three-fifths, .push--six-tenths {
  left: 60%; }

.push--four-fifths, .push--eight-tenths {
  left: 80%; }

/**
 * Sixths
 */
.push--one-sixth, .push--two-twelfths {
  left: 16.666%; }

.push--five-sixths, .push--ten-twelfths {
  left: 83.333%; }

/**
 * Eighths
 */
.push--one-eighth {
  left: 12.5%; }

.push--three-eighths {
  left: 37.5%; }

.push--five-eighths {
  left: 62.5%; }

.push--seven-eighths {
  left: 87.5%; }

/**
 * Tenths
 */
.push--one-tenth {
  left: 10%; }

.push--three-tenths {
  left: 30%; }

.push--seven-tenths {
  left: 70%; }

.push--nine-tenths {
  left: 90%; }

/**
 * Twelfths
 */
.push--one-twelfth {
  left: 8.333%; }

.push--five-twelfths {
  left: 41.666%; }

.push--seven-twelfths {
  left: 58.333%; }

.push--eleven-twelfths {
  left: 91.666%; }

@media only screen and (min-width: 1024px) {
  /**
   * Whole
   */
  .push--desk--one-whole {
    left: 100%; }

  /**
   * Halves
   */
  .push--desk--one-half, .push--desk--two-quarters, .push--desk--three-sixths, .push--desk--four-eighths, .push--desk--five-tenths, .push--desk--six-twelfths {
    left: 50%; }

  /**
   * Thirds
   */
  .push--desk--one-third, .push--desk--two-sixths, .push--desk--four-twelfths {
    left: 33.333%; }

  .push--desk--two-thirds, .push--desk--four-sixths, .push--desk--eight-twelfths {
    left: 66.666%; }

  /**
   * Quarters
   */
  .push--desk--one-quarter, .push--desk--two-eighths, .push--desk--three-twelfths {
    left: 25%; }

  .push--desk--three-quarters, .push--desk--six-eighths, .push--desk--nine-twelfths {
    left: 75%; }

  /**
   * Fifths
   */
  .push--desk--one-fifth, .push--desk--two-tenths {
    left: 20%; }

  .push--desk--two-fifths, .push--desk--four-tenths {
    left: 40%; }

  .push--desk--three-fifths, .push--desk--six-tenths {
    left: 60%; }

  .push--desk--four-fifths, .push--desk--eight-tenths {
    left: 80%; }

  /**
   * Sixths
   */
  .push--desk--one-sixth, .push--desk--two-twelfths {
    left: 16.666%; }

  .push--desk--five-sixths, .push--desk--ten-twelfths {
    left: 83.333%; }

  /**
   * Eighths
   */
  .push--desk--one-eighth {
    left: 12.5%; }

  .push--desk--three-eighths {
    left: 37.5%; }

  .push--desk--five-eighths {
    left: 62.5%; }

  .push--desk--seven-eighths {
    left: 87.5%; }

  /**
   * Tenths
   */
  .push--desk--one-tenth {
    left: 10%; }

  .push--desk--three-tenths {
    left: 30%; }

  .push--desk--seven-tenths {
    left: 70%; }

  .push--desk--nine-tenths {
    left: 90%; }

  /**
   * Twelfths
   */
  .push--desk--one-twelfth {
    left: 8.333%; }

  .push--desk--five-twelfths {
    left: 41.666%; }

  .push--desk--seven-twelfths {
    left: 58.333%; }

  .push--desk--eleven-twelfths {
    left: 91.666%; } }
/*------------------------------------*\
    $PULL
\*------------------------------------*/
/**
 * Pull classes, to move grid items back to the left by certain amounts.
 */
/**
 * Not a particularly great selector, but the DRYest way to do things.
 */
[class*="pull--"] {
  position: relative; }

/**
 * Whole
 */
.pull--one-whole {
  right: 100%; }

/**
 * Halves
 */
.pull--one-half, .pull--two-quarters, .pull--three-sixths, .pull--four-eighths, .pull--five-tenths, .pull--six-twelfths {
  right: 50%; }

/**
 * Thirds
 */
.pull--one-third, .pull--two-sixths, .pull--four-twelfths {
  right: 33.333%; }

.pull--two-thirds, .pull--four-sixths, .pull--eight-twelfths {
  right: 66.666%; }

/**
 * Quarters
 */
.pull--one-quarter, .pull--two-eighths, .pull--three-twelfths {
  right: 25%; }

.pull--three-quarters, .pull--six-eighths, .pull--nine-twelfths {
  right: 75%; }

/**
 * Fifths
 */
.pull--one-fifth, .pull--two-tenths {
  right: 20%; }

.pull--two-fifths, .pull--four-tenths {
  right: 40%; }

.pull--three-fifths, .pull--six-tenths {
  right: 60%; }

.pull--four-fifths, .pull--eight-tenths {
  right: 80%; }

/**
 * Sixths
 */
.pull--one-sixth, .pull--two-twelfths {
  right: 16.666%; }

.pull--five-sixths, .pull--ten-twelfths {
  right: 83.333%; }

/**
 * Eighths
 */
.pull--one-eighth {
  right: 12.5%; }

.pull--three-eighths {
  right: 37.5%; }

.pull--five-eighths {
  right: 62.5%; }

.pull--seven-eighths {
  right: 87.5%; }

/**
 * Tenths
 */
.pull--one-tenth {
  right: 10%; }

.pull--three-tenths {
  right: 30%; }

.pull--seven-tenths {
  right: 70%; }

.pull--nine-tenths {
  right: 90%; }

/**
 * Twelfths
 */
.pull--one-twelfth {
  right: 8.333%; }

.pull--five-twelfths {
  right: 41.666%; }

.pull--seven-twelfths {
  right: 58.333%; }

.pull--eleven-twelfths {
  right: 91.666%; }

@media only screen and (min-width: 1024px) {
  /**
   * Whole
   */
  .pull--desk--one-whole {
    right: 100%; }

  /**
   * Halves
   */
  .pull--desk--one-half, .pull--desk--two-quarters, .pull--desk--three-sixths, .pull--desk--four-eighths, .pull--desk--five-tenths, .pull--desk--six-twelfths {
    right: 50%; }

  /**
   * Thirds
   */
  .pull--desk--one-third, .pull--desk--two-sixths, .pull--desk--four-twelfths {
    right: 33.333%; }

  .pull--desk--two-thirds, .pull--desk--four-sixths, .pull--desk--eight-twelfths {
    right: 66.666%; }

  /**
   * Quarters
   */
  .pull--desk--one-quarter, .pull--desk--two-eighths, .pull--desk--three-twelfths {
    right: 25%; }

  .pull--desk--three-quarters, .pull--desk--six-eighths, .pull--desk--nine-twelfths {
    right: 75%; }

  /**
   * Fifths
   */
  .pull--desk--one-fifth, .pull--desk--two-tenths {
    right: 20%; }

  .pull--desk--two-fifths, .pull--desk--four-tenths {
    right: 40%; }

  .pull--desk--three-fifths, .pull--desk--six-tenths {
    right: 60%; }

  .pull--desk--four-fifths, .pull--desk--eight-tenths {
    right: 80%; }

  /**
   * Sixths
   */
  .pull--desk--one-sixth, .pull--desk--two-twelfths {
    right: 16.666%; }

  .pull--desk--five-sixths, .pull--desk--ten-twelfths {
    right: 83.333%; }

  /**
   * Eighths
   */
  .pull--desk--one-eighth {
    right: 12.5%; }

  .pull--desk--three-eighths {
    right: 37.5%; }

  .pull--desk--five-eighths {
    right: 62.5%; }

  .pull--desk--seven-eighths {
    right: 87.5%; }

  /**
   * Tenths
   */
  .pull--desk--one-tenth {
    right: 10%; }

  .pull--desk--three-tenths {
    right: 30%; }

  .pull--desk--seven-tenths {
    right: 70%; }

  .pull--desk--nine-tenths {
    right: 90%; }

  /**
   * Twelfths
   */
  .pull--desk--one-twelfth {
    right: 8.333%; }

  .pull--desk--five-twelfths {
    right: 41.666%; }

  .pull--desk--seven-twelfths {
    right: 58.333%; }

  .pull--desk--eleven-twelfths {
    right: 91.666%; } }
/* 								Colors
------------------------------------------------------------------------ */
/* 								MAIN STYLES
------------------------------------------------------------------------ */
html, body {
  height: 100%;
  width: 100%; }

html {
  font-size: 62.5%; }

body {
  background: white;
  color: #282828;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.5em;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
  overflow-y: scroll; }

/* 								Wrappers
------------------------------------------------------------------------ */
.wrapper {
  margin: 0 auto;
  max-width: 1200px;
  padding: 0 40px;
  min-width: 940px; }

.page_wrap:after {
  content: "";
  display: block;
  clear: both; }

.page_wrap {
  height: auto;
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  margin: 80px auto 40px;
  text-align: left;
  width: 100%;
  /* border-bottom: 1px solid $bordercolor; */ }

.margintop60 {
  margin-top: 60px; }

.margintopbottom {
  margin-top: 15px;
  margin-bottom: 15px; }

.boxshadow {
  box-shadow: 0 0 40px 0 rgba(30, 30, 30, 0.4); }

.fixed {
  position: fixed;
  top: 0; }



/* 								Typography
------------------------------------------------------------------------ */
h1, h2, h3, h4, h5, h6 {
  color: #1e1e1e;
  margin-top: 0;
  padding-top: 0; }

h1 {
  font-size: 30px;
  font-size: 3.0rem;
  line-height: 1.25em;
  margin-bottom: 15px; }

h2 {
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 1.25em;
  margin-bottom: 15px;
  font-weight: 400; }

h3 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.5em;
  margin-bottom: 15px; }

h4 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.5em;
  margin-bottom: 15px;
  font-weight: 400; }

p {
  margin-bottom: 15px; }

em {
  font-style: italic; }

strong {
  font-weight: bold;
  font-weight: 600; }

.nohyphenation {
  -webkit-hyphens: manual;
  -moz-hyphens: manual;
  hyphens: manual; }

/* 								Recurring classes (misc)
------------------------------------------------------------------------ */
.text-small {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 1.5px;
  line-height: 1.5em;
  text-transform: uppercase; }

.text-sub {
  font-weight: 400;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5em;
  padding-right:10px; }

hr {
  border: solid #282828;
  border-width: 1px 0 0;
  clear: both;
  margin: 0;
  height: 0; }

.alignright {
  text-align: right; }

.borderbottom1px {
  border-bottom: 1px solid #282828; }

.borderleft1px {
  border-left: 1px solid #282828; }

.borderright1px {
  border-right: 1px solid #282828; }

.bordertop1px {
  border-top: 1px solid #282828; }

/* 								Lists
------------------------------------------------------------------------ */
ul, ol {
  margin-bottom: 0px; }

ul {
  list-style: none outside; }

/* 								Links
------------------------------------------------------------------------ */
a, a:visited {
  color: #282828;
  text-decoration: none;
  border-bottom: 1px dotted rgba(40, 40, 40, 0.5);
  outline: 0; }

a:hover {
  border: none;
  outline: 0;
  color: #3c3c3c;
  border-bottom: none; }

a:focus {
  border: none;
  outline: 0;
  color: #282828;
  /* border-bottom: 1px dotted rgba($linkcolor,0.5); */ }

a.active {
  color: #3c3c3c;
  text-decoration: none;
  border-bottom: none; }

p a, p a:visited {
  line-height: inherit; }

.fancybox-close a, a:visited {
	border: none;
}

/* 								Dropdowns
------------------------------------------------------------------------ */
.dropdown {
  border: 1px dotted #282828;
  margin-bottom: 15px;
  padding-left: 15px; }

.dropdown ul {
  padding-bottom: 15px;
  padding-right: 15px;
  font-size: 14px;
  font-size: 1.4rem; }

.dropdown ul li {
  margin-bottom: 5px;
  padding: 0; }

.dropdown ul li:last-child {
  /* margin-bottom: 0; */ }

.dropdown ul li a.active {
  color: red; }

.dropdown i {
  float: right;
  padding-right: 10px; }

.dropdown span {
  padding: 10px 0;
  display: block;
  width: 100%;
  font-size: 16px;
  font-size: 1.6rem; }

.dropdown span a {
  border-bottom: none;
  display: block; }

.dropdown span a:hover, .dropdown.open span a {
  color: red;
  cursor: pointer;
  border-bottom: none; }

/* 								Forms
------------------------------------------------------------------------ */
.search {
  position: relative; }

input {
  background: none repeat scroll 0 0 transparent;
  border: 1px dotted #282828;
  display: inline-block;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5em;
  padding: 10px 10px 10px 15px;
  width: 100%;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: transparent; }
  
#datepicker {  
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5em;
  color: #282828;
}

input:hover,
input:focus {
  border: 1px solid #a0a0a0; }

.search input {
  background: url("../img/search-grey.png") no-repeat scroll 96% 12px transparent; }


input[type="submit"] {
  text-align: center;
  background: #b4b9af;
  color: white;
  border: none; }

input[type="submit"]:hover {
  background: #8c9187;
  cursor: pointer;
  color: white;
  border: none; }

.search .search_results {
  background-color: #f0f5eb;
  padding-bottom: 0;
  box-shadow: 0 10px 10px 0 rgba(40, 40, 40, 0.2);
  position: relative;
  top: 39px;
  right: 0;
  left: 0;
  position: absolute;
  border: 1px solid #a0a0a0;
  border-top: none;
  z-index: 150; }

.search .search_results .search_results_row {
  padding: 15px;
  border-bottom: 1px solid #d7dcd2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.search .search_results .search_results_row:hover {
  background-color: #e1e6dc; }

.search .search_results .search_results_row:last-child {
  border-bottom: none; }

.search .search_results .search_results_row h3 {
  font-size: 1.4px;
  font-size: 1.4rem;
  font-weight: 600;
  margin-bottom: 0;
  line-height: 1.5em; }

.search .search_results .search_results_row p {
  font-size: 1.4rem;
  margin-bottom: 5px;
  line-height: 1.5em; }

select {
  background: #f0f5eb;
  border: 1px dotted #282828;
  display: inline-block;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5em;
  padding: 5px 5px 10px 10px;
  margin-bottom:15px;
  width: 100%;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: transparent; }
  

#to {
	margin-bottom: 15px;
}


/* 								Images
------------------------------------------------------------------------ */
img.responsive {
  max-width: 100%;
  height: auto;
  display: block; }

/* 								Logo + Nav
------------------------------------------------------------------------ */

/* Print + language */

.options {position:relative;height:60px;}
.inner {position:absolute; bottom:22px; right:18px;}
.printbutton {padding-left:10px}

/* Nav */

.fixed__nav {
  position: fixed;
  height: 80px;
  top: 0;
  left: 0;
  z-index: 4000;
  width: 100%;
  margin: 0;
  background: rgba(255, 255, 255, 0.95);
  color: #323232; }

.logo h1 {
  font-size: 26px;
  font-size: 2.6rem;
  margin-top: 20px;
  margin-left: 25px;
  letter-spacing: 3px;
  text-transform: uppercase;
  display: block;
  font-weight: 700;
  display: inline-block;
  font-family: 'Roboto Condensed',sans-serif; 
  line-height: 1.5em; }

.logo h1 a {
  border-bottom: 4px solid #323232; }
  
  
.calendar .logo h1 a,
.calendar .logo h1 a:visited {
	color: #ff6446;
	border-bottom: 4px solid #ff6446;
} 

.tours .logo h1 a,
.tours .logo h1 a:visited {
	color: #B3AD48;
	border-bottom: 4px solid #B3AD48;
} 

.ports .logo h1 a,
.ports .logo h1 a:visited {
	color: #87CDFA ;
	border-bottom: 4px solid #87CDFA;
} 



nav.menu ul {
  font-weight: 400;
  letter-spacing: 0.5px;
  height: 100%;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.5em;
  margin-top: 25px;
  text-align: right;
  padding-right: 45px; }

nav.menu ul li {
  margin: 0;
  padding: 0;
  display: inline;
  height: 100%; }

nav.menu ul li:after {
  content: ' /'; }

nav.menu ul li:last-child {
  border-right: none; }

nav.menu ul li:last-child:after {
  content: ''; }

nav.menu ul li a {
  color: #323232; }

nav.menu ul li.menu_calendar a,
nav.menu ul li.menu_calendar a.active:visited {
  color: #ff6446; }

nav.menu ul li.menu_calendar a:hover,
nav.menu ul li.menu_calendar a.active:hover {
  color: #e14628; }

nav.menu ul li.menu_tours a,
nav.menu ul li.menu_tours a.active:visited {
  color: #d1cb66; }

nav.menu ul li.menu_tours a:hover,
nav.menu ul li.menu_tours a.active:hover {
  color: #b3ad48; }

nav.menu ul li.menu_ports a,
nav.menu ul li.menu_ports a.active:visited {
  color: #87cdfa; }

nav.menu ul li.menu_ports a:hover,
nav.menu ul li.menu_ports a.active:hover {
  color: #69afdc; }

nav.menu ul li.menu_contact a,
nav.menu ul li.menu_contact a.active:visited {
  color: #a0a0a0; }

nav.menu ul li.menu_contact a:hover,
nav.menu ul li.menu_contact a.active:hover {
  color: #bebebe; }

.introtext > p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5em;
  padding: 25px 10px 20px 25px;
  font-weight: 400; }

.logos {
	padding: 0 0 0 25px;opacity:0.9
}

.logos > a > img {
	width:100%;
	vertical-align:top;
}

.logos > a {
    display: block;
	float:left;
    padding-right: 0.8em;
    vertical-align: top;
    width:23%; }

.logos > a:first-child {
	width: 34%; }
.logos > a:nth-child(2) {
	width: 23%;}
.logos > a:last-child {
	width: 25%; }

.logos > a,
.logos > a:hover,
.logos > a:visited {
	border:0; 
	}
	
/* 								Tours
------------------------------------------------------------------------ */
#tours {
  background-color: transparent;
  color: #282828;
  position: relative; }

.tour {
  padding-bottom: 15px;
  margin: 0;
  border-bottom: 1px solid #282828;
  background-color: #d1cb66;
  position: relative;
  overflow: visible; }

.index .tour {
  padding-bottom: 0;
  margin: 0; }

.tour:last-child {
  border-bottom: none; }

.tour:hover {
  background-color: #c2bc57;
  cursor: pointer; }

.tour a, .tour a:visited {
  color: #282828;
  border-color: #282828; }

.tour a:hover {
  color: #3c3c3c; }

.tour.active {
  padding-bottom: 15px;
  margin: 0;
  background-color: #b3ad48;
  position: relative; }

.index .tour.active {
  padding-bottom: 0; }

.tour .textcontainer {
  position: relative;
  overflow: visible; }

.index .tour .textcontainer {
  position: relative; }

.tour h3 {
  font-weight: 600; }

.tour .textcontainer > *:first-child {
  margin: 25px 25px 15px; }

.tour .textcontainer > * {
  margin: 0 25px 15px;
  position: relative; }

.index .tour h3.more {
  margin-bottom: 25px;
  margin-top: 25px;
  padding-left: 25px; }

.tour .textcontainer > span.text-small {
  display: block; }

/* 								css arrows
------------------------------------------------------------------------ */
.arrow__left {
  position: relative;
  display: none; }

.active .arrow__left {
  display: block; }

.arrow__left:after, .arrow__left:before {
  right: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  z-index: 3000;
  left:-29px; }

.arrow__left:after {
  border-color: #d1cb66;
  border-right-color: #d1cb66;
  border-width: 15px;
  top: 25px;
  margin-top: -15px; }

.active .arrow__left:after {
  border-color: transparent;
  border-color: rgba (209,203,102,0);
  border-right-color: #b3ad48;
  border-width: 15px;
  top: 25px;
  margin-top: -15px; }

.arrow__top {
  position: relative; }

.arrow__top:after, .arrow__top:before {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  z-index: 3000; }

.arrow__top:after {
  border-color: transparent;
  border-color: rgba(135,205,250,0);
  border-bottom-color: #87cdfa;
  border-width: 15px;
  margin-top: -15px;
  left: 25px; }

.arrow-right {
  background-color: #c7c15c;
  height: 64px;
  line-height: 64px;
  position: absolute;
  right: -25px;
  text-align: right;
  top: 41%;
  width: 25px;
  z-index: 0; }

.arrow-right a {
  width: 100%;
  height: 100%;
  display: block;
  border: 0; }

.arrow-right i {
  padding-right: 3px;
  text-align: right; }

/* 								ports
------------------------------------------------------------------------ */
#ports {
  background: #87cdfa;
  color: #282828;
  position: relative; }

#ports h3.more {
  color: #282828;
  margin: 15px 25px 25px; }

.port {
  padding-bottom: 5px;
  margin: 0;
  overflow: hidden;
  position: relative;
  min-height: 200px;
  border-bottom: 1px solid #282828; }

.port:last-child {
  min-height: 0px;
  border-bottom: none; }

.port:hover {
  background-color: #87cdfa;
  cursor: pointer; }



.port .bg {
  position: absolute;
  top: -1%;
  left: 0;
  height: 101%;
  width: 101%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  margin: 0;
  padding: 0;
  opacity: 0.8; }

.index .bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  margin: 0;
  padding: 0;
  opacity: 1; }

.index .port > .textcontainer > header > .text-small:first-child:before {display:none; }

.port .mapmarker {
  font-weight: 600; }

.port h3 {
  margin-bottom: 0;
  padding-bottom: 15px; }

.port .text-small {
  display: inline;
  color: #282828;
  padding: 0; }

.port .myselectiontoggle {
  padding-top: 15px 0 5px;
  display: block; }
  
.port .button {
  padding:0 0 5px 0;
  display:block }
 

.selected.port .myselectiontoggle .add, .port .myselectiontoggle .remove {
  display: none; }

.selected.port .myselectiontoggle .remove {
  display: block; }

.port .myselectiontoggle i, .port .viewimage i {
  opacity: 0.3; }

.port .myselectiontoggle:hover i, .port .viewimage:hover i, .selected.port .myselectiontoggle i {
  opacity: 0.9; }

.myselectionlink {
  padding: 0 15px 0 0;
  margin-bottom: 25px; }

.myselectionlink h3 {
  font-weight: 600; }

.filter > span.text-small span {
  display: block; 
  }


.port .viewimage {
  padding-top: 5px; }

.port .closeimage {
  position: absolute;
  top: 15px;
  right: 10px;
  z-index: 15;
  font-size: 18px; }

.port .closeimage a, .port .closeimage a:visited {
  border-bottom: none; }

.port .text-small:before {
  content: '—';
  display: block; }

.port .porttime, .port .planers {
  display: inline; }

.port .details {
  display: block;
  padding-top: 15px; }

.port .details strong {
  font-weight: 600; }

.port a, .port a:visited {
  color: #282828;
  border-color: #282828; }

.port a:hover {
  color: #141414; }

.port .textcontainer {
  padding: 25px;
  position: relative;
  z-index: 10; }

.port .description {
  margin-top: 20px; }

.port .fadeout-left {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 1;
  background: -moz-linear-gradient(left, #87cdfa 0%, rgba(135, 205, 250, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #87cdfa), color-stop(100%, rgba(135, 205, 250, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #87cdfa 0%, rgba(135, 205, 250, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #87cdfa 0%, rgba(135, 205, 250, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #87cdfa 0%, rgba(135, 205, 250, 0) 100%);
  /* IE10+ */
  background: linear-gradient(to right, #87cdfa 0%, rgba(135, 205, 250, 0) 100%);
  /* W3C */
  opacity: 1;
  cursor: default; }

.port.selected {
  background: #aaf0ff; }

.port.selected .fadeout-left {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 1;
  background: -moz-linear-gradient(left, #aaf0ff 0%, rgba(170, 240, 255, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #aaf0ff), color-stop(100%, rgba(170, 240, 255, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #aaf0ff 0%, rgba(170, 240, 255, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #aaf0ff 0%, rgba(170, 240, 255, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #aaf0ff 0%, rgba(170, 240, 255, 0) 100%);
  /* IE10+ */
  background: linear-gradient(to right, #aaf0ff 0%, rgba(170, 240, 255, 0) 100%);
  /* W3C */
  opacity: 1; }

.filter {
  padding: 25px;
  color: #282828; }

/* 								contact
------------------------------------------------------------------------ */
.sub #contact {
  background: gainsboro;
  color: #282828; }

.contact {
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px dotted #464646;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  text-align: left; }

.contact h3 {
  font-weight: 600; }

.contact > * {
  padding: 15px 25px; }

/* 								article.calendar
------------------------------------------------------------------------ */
.index #calendar {
  margin-top: 0px;
  background: #ff6446;
  color: #282828; }

.sub #calendar {
  background: #ff6446;
  color: #282828; }

.sub .calendar_bgcolor {
  background: #f55a3c; }

.index .event {
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }

.event {
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px dotted #7d0000;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  text-align: left;
  cursor: pointer; }

.event:last-child {
  border-bottom: none; }

.event:hover {
  background-color: #f05537; }

.event.active {
  background-color: #eb5032; }

.event .today {
  color: white;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5em;
  margin-bottom: 10px; }

.event h3 {
  font-weight: 600;
  color: #282828; }

.sub .event h3 {
  padding-right: 15px; }

.event a, .event a:visited {
  color: #282828; }

.event .slidedown {
  margin-top: 25px; }

.secondary_col {
  background-color: #f0f5eb;
  padding-top: 25px;
  padding-bottom: 25px; }

.event .secondary {
  padding-right: 25px;
  font-weight: 400; }

.event .mapmarker {
  font-weight: 400; }

.event .mapmarker:after {
  content: ' /'; }

.event > * {
  padding: 0 25px;
  display: block; }

.event .type:before {
  content: '—';
  display: block; }

.event .adress {
  -webkit-hyphens: manual;
  -moz-hyphens: manual;
  hyphens: manual; }

.sub .event .adress, .sub .event .time {
  display: block;
  cursor: pointer; }

.sub .event .adress, .sub .event .time, .sub .event .date, .sub .event .type {
  display: block;
  cursor: pointer; }

.event-nav ul.menu {
  margin-bottom: 10px; }

.event-nav ul.menu li {
  padding: 0 0 10px 0;
  font-size: 16px;
  font-size: 1.6rem; }

.event-nav ul.menu li.margintopbottom {
  padding: 0;
  font-size: inherit;
  margin-bottom: 0;
  margin-top: 15px; }

.event-nav ul.menu li.margintopbottom .dropdown {
  margin-bottom: 0; }

.event-nav ul.menu li.margintopbottom .dropdown ul {
  padding-bottom: 15px; }

.event-nav ul.menu li.margintopbottom .dropdown ul li {
  padding: 0;
  font-size: inherit; }

.event-nav ul.menu li.margintopbottom .dropdown ul li:last-child {
  margin-bottom: 15px; }

.event-nav > * {
  padding: 0 25px 0 0;
  display: block; }

h3.more a {
  font-weight: 400; }

/** Nano Scroller **/
.nano {
  position: relative;
  width: 100%;
  height: 200px;
  overflow: hidden; }

.nano .content {
  position: absolute;
  overflow: scroll;
  overflow-x: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.nano .content:focus {
  outline: none; }

.nano .content::-webkit-scrollbar {
  visibility: hidden; }

.has-scrollbar .content::-webkit-scrollbar {
  visibility: visible; }

.nano > .pane {
  background: rgba(0, 0, 0, 0.1);
  position: absolute;
  width: 10px;
  right: 0;
  top: 0;
  bottom: 0;
  visibility: hidden\9;
  /* Target only IE7 and IE8 with this hack */
  opacity: .01;
  -webkit-transition: .2s;
  -moz-transition: .2s;
  -o-transition: .2s;
  transition: .2s; }

.nano > .pane > .slider {
  background: #1e1e1e;
  background: rgba(30, 30, 30, 0.9);
  position: relative;
  margin: 0; }

.nano:hover > .pane, .pane.active, .pane.flashed {
  visibility: visible\9;
  /* Target only IE7 and IE8 with this hack */
  opacity: 0.99; }

/* Datepicker default styles */
div.datepicker {
  position: relative;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 12px;
  width: 240px;
  height: 150px;
  position: absolute;
  cursor: default;
  top: 0;
  left: 0;
  display: none; }

.datepickerContainer {
  position: absolute; }

/* Hide border divs by default */
.datepickerBorderT,
.datepickerBorderB,
.datepickerBorderL,
.datepickerBorderR,
.datepickerBorderTL,
.datepickerBorderTR,
.datepickerBorderBL,
.datepickerBorderBR {
  display: none; }

.datepickerHidden {
  display: none; }

div.datepicker table {
  border-collapse: collapse; }

div.datepicker a {
  color: black;
  text-decoration: none;
  cursor: default;
  outline: none; }

div.datepicker table td {
  text-align: center;
  padding: 0;
  margin: 0; }

div.datepicker th {
  text-align: center;
  color: #666666;
  font-weight: normal;
  padding: 0; }

div.datepicker tbody a {
  display: block; }

.datepickerDays a {
  width: 28px;
  line-height: 28px;
  height: 28px; }

.datepickerYears a,
.datepickerMonths a {
  width: 39px;
  line-height: 36px;
  height: 36px;
  text-align: center; }

.datepickerMonths td:first-child a,
.datepickerMonths td:last-child a,
.datepickerYears td:first-child a,
.datepickerYears td:last-child a {
  width: 38px; }

td.datepickerNotInMonth a {
  color: #666666; }

tbody.datepickerDays td.datepickerSelected {
  background: #136A9F; }

tbody.datepickerDays td.datepickerNotInMonth.datepickerSelected {
  background: #17384d; }

tbody.datepickerYears td.datepickerSelected,
tbody.datepickerMonths td.datepickerSelected {
  background: #17384d; }

div.datepicker td.datepickerSelected a {
  color: white; }

div.datepicker a:hover,
div.datepicker a:hover {
  color: #88c5eb; }

div.datepicker td.datepickerNotInMonth a:hover {
  color: #999999; }

.datepickerSpace div {
  width: 20px; }

.datepickerBlock {
  vertical-align: top; }

a.datepickerGoNext,
a.datepickerGoPrev,
a.datepickerMonth {
  text-align: center;
  height: 24px;
  line-height: 24px;
  float: left; }

div.datepicker th a.datepickerGoNext,
div.datepicker th a.datepickerGoPrev {
  width: 28px;
  color: #666666;
  display: none;
  padding-bottom: 15px; }

div.datepicker th a.datepickerMonth {
  width: 154px;
  display: block;
  padding-bottom: 15px; }

/* Only display the previous/next arrows on the first/last calendars */
div.datepicker .datepickerFirstView th a.datepickerGoPrev,
div.datepicker .datepickerLastView th a.datepickerGoNext {
  display: block; }

/* Compensate for the space lost by not having a previous arrow */
div.datepicker th a.datepickerMonth {
  margin-left: 20px; }

div.datepicker .datepickerFirstView th a.datepickerMonth {
  margin-left: 0; }

/* Day mode calendar body */
table.datepickerViewDays tbody.datepickerMonths,
table.datepickerViewDays tbody.datepickerYears {
  display: none; }

/* Month mode calendar body */
table.datepickerViewMonths tbody.datepickerDays,
table.datepickerViewMonths tbody.datepickerYears,
table.datepickerViewMonths tr.datepickerDoW {
  display: none; }

/* Year mode calendar body */
table.datepickerViewYears tbody.datepickerDays,
table.datepickerViewYears tbody.datepickerMonths,
table.datepickerViewYears tr.datepickerDoW {
  display: none; }

td.datepickerDisabled a,
td.datepickerDisabled.datepickerNotInMonth a {
  color: #555555; }

td.datepickerDisabled a:hover {
  color: #333333; }

/* Not used by default, calendar cells can be marked as special if desired (doesn't seem to be totally working) */
div.datepicker tbody.datepickerDays td.datepickerSpecial a {
  background: #770000;
  color: white; }

div.datepicker tbody.datepickerDays td.datepickerSpecial.datepickerSelected a {
  background: #aa0000; }

/* style the 'not in month' day cell away */
tbody.datepickerDays td.datepickerNotInMonth.datepickerSelected {
  background-color: transparent; }

div.datepicker td.datepickerNotInMonth a span {
  display: none; }

div.datepicker td.datepickerNotInMonth a:hover span {
  display: none; }

div.datepicker tbody.datepickerDays td.datepickerNotInMonth:hover {
  background-color: transparent; }

/* datepicker archtour theme */
/* border styling */
.datepicker {
  background-color: #f0f5eb;
  border: 1px solid #a0a0a0;
  border-radius: 0;
  padding: 15px;
  margin-top: -1px; }

.datepicker a {
  border-bottom: none; }

/* Tighten up the spacing between multiple calendars */
.datepickerSpace div {
  width: 15px; }

/* Grey background behind Month Name row, and blue text */
div.datepicker th {
  background-color: #f0f5eb; }s

div.datepicker th a.datepickerMonth {
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px; }

/* style the day of week header cells */
div.datepicker th {
  font-weight: 600; }

/* grey underline beneath day of week row */
div.datepicker table thead tr.datepickerDoW th {
  border-bottom: 1px solid #282828; }

/* Black text, white background, and grey borders around day cells */
div.datepicker table.datepickerViewDays,
div.datepicker table.datepickerViewMonths,
div.datepicker table.datepickerViewYears {
  background-color: #e6ebe1; }

div.datepicker table tbody.datepickerDays td {
  border: 1px solid #bec3b9; }

/* blue cell color for selected days */
tbody.datepickerDays td.datepickerSelected {
  background-color: #ff6446; }

/* Grey out dates in the future */
div.datepicker td.datepickerFuture a {
  color: #32372d; }

/* yellow cell background on hover */
div.datepicker tbody.datepickerDays td:hover {
  background-color: #FFCC33; }

/* red cell background on hover */
div.datepicker tbody.datepickerDays td.datepickerDisabled:hover {
  background-color: #FF0000; }

/* Bold today's date */
div.datepicker td.datepickerToday a {
  font-weight: bold; }


/* 								Media Queries
------------------------------------------------------------------------ */
/* desk  */
@media only screen and (min-width: 1025px) {
  .wrapper { max-width: 1024px; } 
/*  .logo {background: url("https://chart.googleapis.com/chart?chst=d_bubble_icon_text_small&chld=ski|bb|D w>1024 1024|FFFFFF|000000") no-repeat;} */
}
@media only screen and (max-width: 1024px) {
  .wrapper { min-width: 900px; max-width: 944px } 
  nav.menu ul {padding-right: 5px;}
/*  .logo {background: url("https://chart.googleapis.com/chart?chst=d_bubble_icon_text_small&chld=ski|bb|D w<1025 944|FFFFFF|000000") no-repeat;} */
}
@media only screen and (max-width: 800px) {
  .wrapper { min-width: 680px; max-width: 680px; }
/*  .logo {background: url("https://chart.googleapis.com/chart?chst=d_bubble_icon_text_small&chld=ski|bb|P w<800 680|FFFFFF|000000") no-repeat;} */
	.logos > a {
	float:none;
	padding: 0 0 15px 0;
     }
}
@media only screen and (max-width: 610px) {
  .wrapper { min-width: 500px; max-width: 500px; } 
/*  .logo {background: url("https://chart.googleapis.com/chart?chst=d_bubble_icon_text_small&chld=ski|bb|D w<610 500|FFFFFF|000000") no-repeat;} */
}

@media only screen and (orientation:portrait) {
  .hideonmobile { display: none; }
  .more i { display: none; } 
}

@media only screen and (orientation:landscape) {
  .hideonmobile { display: none; }
  .more i { display: none; } 
}