@charset "UTF-8";
/* --------------------------------------------------------------------------
	global.scss - James Barnard - __/__/____ - Version 1.0
	-------------------------------------------------------------------

	[1] imports
		Grabs all component sass files
	-----------------------------------------------------------------------------------------

------------------------------------------------------------------ */
/* --------------------------------------------------------------
[1] imports
-------------------------------------------------------------- */
/*[fmt]1000-010A-3*/
                     /*
reset
*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
  display: block; }

audio, canvas, video {
  display: inline-block;
  *display: inline;
  zoom: 1; }

/*audio:not([controls]) {
 display: none;
}*/
[hidden] {
  display: none; }

html {
  /*-webkit-text-size-adjust: 100%
  -ms-text-size-adjust: 100%;*/
  font-size: 62.5%;
  height: 100%; }

html, button, input, select, textarea {
  font-family: Arial, sans-serif;
  color: #231F1F;
  border-radius: 0; }

body {
  margin: 0;
  font-size: 1em;
  line-height: 1.4; }

::-moz-selection {
  background: #FE57A1;
  color: #FFF;
  text-shadow: 0px 0px; }

::selection {
  background: #FE57A1;
  color: #FFF;
  text-shadow: 0px 0px; }

a {
  color: #00E;
  text-decoration: none; }

a:visited {
  /*[disabled]color:#551A8B;*/ }

a:hover {
  text-decoration: underline; }

a:focus {
  outline: thin dotted #EF8F2F; }

a:hover, a:active {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted #000000; }

b, strong {
  font-weight: bold; }

blockquote {
    margin: 1em 40px;}

dfn {
  font-style: italic; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #CCC;
  margin: 1em 0;
  padding: 0; }

ins {
  background: #FF9;
  color: #000;
  text-decoration: none; }

mark {
  background: #FF0;
  color: #000;
  font-style: italic;
  font-weight: bold; }

pre, code, kbd, samp {
  font-family: monospace, serif;
  font-family: "courier new", monospace;
  font-size: 1em; }

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

q {
  quotes: none; }

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

small {
  font-size: 85%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

ul, ol {
  margin: 1em 0;
  padding: 0 0 0 40px; }

dd {
  margin: 0 0 0 40px; }

nav ul, nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0; }

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle; }

figure {
  margin: 0; }

form {
  margin: 0; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

label {
  cursor: pointer; }

legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
  white-space: normal; }

button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle; }

button, input {
  line-height: normal; }

button, input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible; }

button[disabled], input[disabled] {
  cursor: default; }

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *width: 13px;
  *height: 13px; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical; }

input:invalid, textarea:invalid {
  background-color: #F0DDDD; }

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

td {
  vertical-align: top; }

/* --------------------------------------------------------------------------
    mixins.scss - _____ - James Barnard - __/__/____ - Version 1.0
    -------------------------------------------------------------------

    [1] browser prefixes 
        [1.1] border-box
        [1.2] box-shadow
        [1.3] opacity
        [1.4] text-justify
        [1.5] transform
        [1.6] transition
        [1.7] placeholder
        [1.8] font-size
        [1.9] hover
        [1.10] flexbox
            [1.10.1] flexbox()
            [1.10.2] flex
            [1.10.3] order
        [1.11] text-shadow
        [1.12] appearance
    -----------------------------------------------------------------------------------------
    [2] quick includes
        [2.1] clearfix
    -----------------------------------------------------------------------------------------
    [3] functions
        [3.1] function to prefix transform
        [3.2] function to prefix properties in transform
    -----------------------------------------------------------------------------------------
    [4] Tools
        [4.1] Centering
        [4.2] font-size
        [4.3] hex background opacity
    -----------------------------------------------------------------------------------------
    [5] Media queries
    -----------------------------------------------------------------------------------------

------------------------------------------------------------------ */
/* --------------------------------------------------------------
[1] browser prefixes
-------------------------------------------------------------- */
/* --------------------------------------------------------------
[1.1] border-box
    parameters: $type (property of border-box to append)
-------------------------------------------------------------- */
/* --------------------------------------------------------------
[1.2] box-shadow
    parameters: $box-shadow (array of properties)
-------------------------------------------------------------- */
/* --------------------------------------------------------------
[1.3] opacity
    parameters: $opacity (in format eg: 0.8)
-------------------------------------------------------------- */
/* --------------------------------------------------------------
[1.4] text-justify
    parameters: $justify (justify property)
-------------------------------------------------------------- */
/* --------------------------------------------------------------
[1.5] transform
    parameters: $transform (array of properties)
-------------------------------------------------------------- */
/* --------------------------------------------------------------
[1.6] transition
    parameters: $transition (array of properties)
-------------------------------------------------------------- */
/* --------------------------------------------------------------
[1.7] placeholder
    parameters: $color (color of placeholder text)
                $weight (font-weight of placeholder text)
-------------------------------------------------------------- */
/* --------------------------------------------------------------
[1.8] font-size
    parameters: $sizevalue (size of font (in rems), default of 1.6)
                $line-height (font-weight of text (in rems), default of sizevalue)
-------------------------------------------------------------- */
/* --------------------------------------------------------------
[1.9] hover
    parameters: n/a
-------------------------------------------------------------- */
/* --------------------------------------------------------------
[1.10] flexbox
-------------------------------------------------------------- */
/* --------------------------------------------------------------
[1.10.1] flexbox display
    Parameters: n/a
-------------------------------------------------------------- */
/* --------------------------------------------------------------
[1.10.2] flexbox display
    Parameters: $values (various flex values)
-------------------------------------------------------------- */
/* --------------------------------------------------------------
[1.10.3] order 
    Parameters: $val (order value)
-------------------------------------------------------------- */
/* --------------------------------------------------------------
[1.11] text-shadow with ie filter support (ie4+)
    Parameters: $horizontal (horizontal distance, default 1)
                $vertical (vertical distance, default 1)
                $blur (blur distance, default 1)
                $colour (colour distance, default #000 (black))
-------------------------------------------------------------- */
/* --------------------------------------------------------------
[1.12] order 
    Parameters: $val (order value)
-------------------------------------------------------------- */
/* --------------------------------------------------------------
[2] quick includes
-------------------------------------------------------------- */
/* --------------------------------------------------------------
[2.1] clearfix
-------------------------------------------------------------- */
/* --------------------------------------------------------------
[3] functions
-------------------------------------------------------------- */
/* --------------------------------------------------------------
[3.1] functions to prefix transform, background-clip and background-size properties
-------------------------------------------------------------- */
/* --------------------------------------------------------------
[3.2] function to prefix properties in transitions
-------------------------------------------------------------- */
/* --------------------------------------------------------------
[3.3] trig functions
-------------------------------------------------------------- */
/* --------------------------------------------------------------
[3.3.1] pi (get pi)
-------------------------------------------------------------- */
/* --------------------------------------------------------------
[3.3.2] rad (get radians of angle)
    parameters: $angle (angle in degrees)
-------------------------------------------------------------- */
/* --------------------------------------------------------------
[3.3.3] sin/cos/tan
-------------------------------------------------------------- */
/* --------------------------------------------------------------
[3.3.3.1] sin (get sin of angle)
    parameters: $angle (angle in degrees)
-------------------------------------------------------------- */
/* --------------------------------------------------------------
[3.3.3.2] cos (get cos of angle)
    parameters: $angle (angle in degrees)
-------------------------------------------------------------- */
/* --------------------------------------------------------------
[3.3.3.3] tan (get tan of angle)
    parameters: $angle (angle in degrees)
-------------------------------------------------------------- */
/* --------------------------------------------------------------
[3.3.4] asin/acos/atan
-------------------------------------------------------------- */
/* --------------------------------------------------------------
[3.3.4.1] asin (get angle from sin)
    parameters: $threshold
                $z (sin of angle)
-------------------------------------------------------------- */
/* --------------------------------------------------------------
[3.3.4.2] acos (get angle from cos)
    parameters: $threshold
                $z (cos of angle)
-------------------------------------------------------------- */
/* --------------------------------------------------------------
[3.3.4.2] atan (get angle from tan)
    parameters: $threshold
                $z (tan of angle)
-------------------------------------------------------------- */
/* --------------------------------------------------------------
[3.4] math functions
-------------------------------------------------------------- */
/* --------------------------------------------------------------
[3.4.1] pow (power of)
    parameters: $number (number to be powered)
                $exp (to the power of)
-------------------------------------------------------------- */
/* --------------------------------------------------------------
[3.4.2] fact (factorial)
    parameters: $number (number to get factorial of)
-------------------------------------------------------------- */
/* --------------------------------------------------------------
[4] Tools
-------------------------------------------------------------- */
/* --------------------------------------------------------------
[4.1] Centering
-------------------------------------------------------------- */
/* --------------------------------------------------------------
[4.2] font-size
    parameters: $sizevalue (size of font (in rems), default of 1.6)
                $line-height (font-weight of text (in rems), default of sizevalue)
-------------------------------------------------------------- */
/* --------------------------------------------------------------
[4.3] background-opacity
    parameters: $color (either hex or RGB)
                $opacity (opacity value in decimal, defaults to 0.8)
-------------------------------------------------------------- */
/* --------------------------------------------------------------
[5] mixins for breakpoints
-------------------------------------------------------------- */
@font-face {
  font-family: 'icomoon';
  src: url("./assets/fonts/icomoon/fonts/icomoon.eot?-jxs3cn");
  src: url("./assets/fonts/icomoon/fonts/icomoon.eot?#iefix-jxs3cn") format("embedded-opentype"), url("./assets/fonts/icomoon/fonts/icomoon.woff?-jxs3cn") format("woff"), url("./assets/fonts/icomoon/fonts/icomoon.ttf?-jxs3cn") format("truetype"), url("./assets/fonts/icomoon/fonts/icomoon.svg?-jxs3cn#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon';
  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; }

.icon-info:before {
  content: "\e60f"; }

.icon-grid:before, .display-list .on-off-button.display-type-button .button-inner:before {
  content: "\e60c"; }

.icon-list:before, .display-grid .on-off-button.display-type-button .button-inner:before {
  content: "\e60e"; }

.icon-arrow-up-light:before {
  content: "\e608"; }

.icon-arrow-down-light:before, .form-input.select .field:after {
  content: "\e609"; }

.icon-arrow-left-light:before {
  content: "\e60a"; }

.icon-arrow-right-light:before {
  content: "\e60b"; }

.icon-infinity:before, .on-off-button.infinite-button .button-inner:before {
  content: "\e60d"; }

.icon-calendar:before {
  content: "\e600"; }

.icon-arrow-left:before, .slick-prev:before, .go-back:before {
  content: "\e601"; }

.icon-marker:before {
  content: "\e602"; }

.icon-search:before {
  content: "\e603"; }

.icon-menu:before {
  content: "\e604"; }

.icon-arrow-right:before, .slick-next:after, .collections-search-inner .advanced-filter:after, .read-more:after {
  content: "\e605"; }

.icon-arrow-down:before, .more-accordian:after {
  content: "\e606"; }

.icon-arrow-up:before, .back-to-top:after, .more-accordian.open:after {
  content: "\e607"; }

.icon-plus:before, .nav li.nav-parent > .nav-name:before, .gold-button.plus:after, .widget h3:after, .widget.refine .refine-group h4:before {
  content: "\ea0a"; }

.icon-minus:before, .nav li.nav-parent > .nav-name.open:before, .gold-button.plus.open:after, .widget h3.open:after, .widget.refine .refine-group h4.open:before {
  content: "\ea0b"; }

.icon-cross:before, .selected-filters li .filter-remove:before {
  content: "\ea0f"; }

.icon-google-plus:before {
  content: "\ea88"; }

.icon-facebook:before {
  content: "\ea8c"; }

.icon-twitter:before {
  content: "\ea91"; }

/* --------------------------------------------------------------------------
	variables.scss - James Barnard - __/__/____ - Version 1.0
	-------------------------------------------------------------------

	[1] widths
	-----------------------------------------------------------------------------------------
	[2] brand colours
	-----------------------------------------------------------------------------------------
	[3] text colours
	-----------------------------------------------------------------------------------------
	[4] font-weights
	-----------------------------------------------------------------------------------------
	[5] social media colours
	-----------------------------------------------------------------------------------------
	[6] breakpoints
	-----------------------------------------------------------------------------------------

------------------------------------------------------------------ */
/* --------------------------------------------------------------
[1] widths
-------------------------------------------------------------- */
/* --------------------------------------------------------------
[2] brand colours
-------------------------------------------------------------- */
/* --------------------------------------------------------------
[3] text colours
-------------------------------------------------------------- */
/* --------------------------------------------------------------
[4] font-weights
-------------------------------------------------------------- */
/* --------------------------------------------------------------
[5] social colours
-------------------------------------------------------------- */
/* --------------------------------------------------------------
[6] breakpoints
-------------------------------------------------------------- */
/* ==========================================================================
   $BASE-PICKER
   ========================================================================== */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
.picker {
  font-size: 16px;
  text-align: left;
  line-height: 1.2;
  color: #000000;
  position: absolute;
  z-index: 10000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .lt-ie9 .picker {
    display: none; }
    .lt-ie9 .picker.picker--opened {
      display: block; }

/**
 * The picker input element.
 */
.picker__input {
  cursor: default; }

/**
 * When the picker is opened, the input element is “activated”.
 */
.picker__input.picker__input--active {
  border-color: #0089ec; }

/**
 * The holder is the only “scrollable” top-level container element.
 */
.picker__holder {
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

/*!
 * Default mobile-first, responsive styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
/**
 * Make the holder and frame fullscreen.
 */
.picker__holder,
.picker__frame {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%); }

/**
 * The holder should overlay the entire screen.
 */
.picker__holder {
  position: fixed;
  transition: background 0.15s ease-out, -webkit-transform 0s 0.15s;
  transition: background 0.15s ease-out, transform 0s 0.15s;
  -webkit-backface-visibility: hidden; }

/**
 * The frame that bounds the box contents of the picker.
 */
.picker__frame {
  position: absolute;
  margin: 0 auto;
  min-width: 256px;
  max-width: 666px;
  width: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  transition: all 0.15s ease-out; }

@media (min-height: 33.875em) {
  .picker__frame {
    overflow: visible;
    top: auto;
    bottom: -100%;
    max-height: 80%; } }
@media (min-height: 40.125em) {
  .picker__frame {
    margin-bottom: 7.5%; } }
/**
 * The wrapper sets the stage to vertically align the box contents.
 */
.picker__wrap {
  display: table;
  width: 100%;
  height: 100%; }

@media (min-height: 33.875em) {
  .picker__wrap {
    display: block; } }
/**
 * The box contains all the picker contents.
 */
.picker__box {
  background: #ffffff;
  display: table-cell;
  vertical-align: middle; }

@media (min-height: 26.5em) {
  .picker__box {
    font-size: 1.25em; } }
@media (min-height: 33.875em) {
  .picker__box {
    display: block;
    font-size: 1.33em;
    border: 1px solid #777777;
    border-top-color: #898989;
    border-bottom-width: 0;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24); } }
@media (min-height: 40.125em) {
  .picker__box {
    font-size: 1.5em;
    border-bottom-width: 1px;
    border-radius: 5px; } }
/**
 * When the picker opens...
 */
.picker--opened .picker__holder {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)";
  zoom: 1;
  background: rgba(0, 0, 0, 0.32);
  transition: background 0.15s ease-out; }

.picker--opened .picker__frame {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1; }

@media (min-height: 33.875em) {
  .picker--opened .picker__frame {
    top: auto;
    bottom: 0; } }
/* ==========================================================================
   $BASE-DATE-PICKER
   ========================================================================== */
/**
 * The picker box.
 */
.picker__box {
  padding: 0 1em; }

/**
 * The header containing the month and year stuff.
 */
.picker__header {
  text-align: center;
  position: relative;
  margin-top: .75em; }

/**
 * The month and year labels.
 */
.picker__month,
.picker__year {
  font-weight: 500;
  display: inline-block;
  margin-left: .25em;
  margin-right: .25em; }

.picker__year {
  color: #999999;
  font-size: .8em;
  font-style: italic; }

/**
 * The month and year selectors.
 */
.picker__select--month,
.picker__select--year {
  border: 1px solid #b7b7b7;
  height: 2em;
  padding: .5em;
  margin-left: .25em;
  margin-right: .25em; }

@media (min-width: 24.5em) {
  .picker__select--month,
  .picker__select--year {
    margin-top: -0.5em; } }
.picker__select--month {
  width: 35%; }

.picker__select--year {
  width: 22.5%; }

.picker__select--month:focus,
.picker__select--year:focus {
  border-color: #0089ec; }

/**
 * The month navigation buttons.
 */
.picker__nav--prev,
.picker__nav--next {
  position: absolute;
  padding: .5em 1.25em;
  width: 1em;
  height: 1em;
  box-sizing: content-box;
  top: -0.25em; }

@media (min-width: 24.5em) {
  .picker__nav--prev,
  .picker__nav--next {
    top: -0.33em; } }
.picker__nav--prev {
  left: -1em;
  padding-right: 1.25em; }

@media (min-width: 24.5em) {
  .picker__nav--prev {
    padding-right: 1.5em; } }
.picker__nav--next {
  right: -1em;
  padding-left: 1.25em; }

@media (min-width: 24.5em) {
  .picker__nav--next {
    padding-left: 1.5em; } }
.picker__nav--prev:before,
.picker__nav--next:before {
  content: " ";
  border-top: .5em solid transparent;
  border-bottom: .5em solid transparent;
  border-right: 0.75em solid #000000;
  width: 0;
  height: 0;
  display: block;
  margin: 0 auto; }

.picker__nav--next:before {
  border-right: 0;
  border-left: 0.75em solid #000000; }

.picker__nav--prev:hover,
.picker__nav--next:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb; }

.picker__nav--disabled,
.picker__nav--disabled:hover,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover {
  cursor: default;
  background: none;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5; }

/**
 * The calendar table of dates
 */
.picker__table {
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: inherit;
  width: 100%;
  margin-top: .75em;
  margin-bottom: .5em; }

@media (min-height: 33.875em) {
  .picker__table {
    margin-bottom: .75em; } }
.picker__table td {
  margin: 0;
  padding: 0; }

/**
 * The weekday labels
 */
.picker__weekday {
  width: 14.285714286%;
  font-size: .75em;
  padding-bottom: .25em;
  color: #999999;
  font-weight: 500;
  /* Increase the spacing a tad */ }

@media (min-height: 33.875em) {
  .picker__weekday {
    padding-bottom: .5em; } }
/**
 * The days on the calendar
 */
.picker__day {
  padding: .3125em 0;
  font-weight: 200;
  border: 1px solid transparent; }

.picker__day--today {
  position: relative; }

.picker__day--today:before {
  content: " ";
  position: absolute;
  top: 2px;
  right: 2px;
  width: 0;
  height: 0;
  border-top: 0.5em solid #0059bc;
  border-left: .5em solid transparent; }

.picker__day--disabled:before {
  border-top-color: #aaaaaa; }

.picker__day--outfocus {
  color: #dddddd; }

.picker__day--infocus:hover,
.picker__day--outfocus:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb; }

.picker__day--highlighted {
  border-color: #0089ec; }

.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb; }

.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
  background: #0089ec;
  color: #ffffff; }

.picker__day--disabled,
.picker__day--disabled:hover,
.picker--focused .picker__day--disabled {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default; }

.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
  background: #bbbbbb; }

/**
 * The footer containing the "today", "clear", and "close" buttons.
 */
.picker__footer {
  text-align: center; }

.picker__button--today,
.picker__button--clear,
.picker__button--close {
  border: 1px solid #ffffff;
  background: #ffffff;
  font-size: .8em;
  padding: .66em 0;
  font-weight: bold;
  width: 33%;
  display: inline-block;
  vertical-align: bottom; }

.picker__button--today:hover,
.picker__button--clear:hover,
.picker__button--close:hover {
  cursor: pointer;
  color: #000000;
  background: #b1dcfb;
  border-bottom-color: #b1dcfb; }

.picker__button--today:focus,
.picker__button--clear:focus,
.picker__button--close:focus {
  background: #b1dcfb;
  border-color: #0089ec;
  outline: none; }

.picker__button--today:before,
.picker__button--clear:before,
.picker__button--close:before {
  position: relative;
  display: inline-block;
  height: 0; }

.picker__button--today:before,
.picker__button--clear:before {
  content: " ";
  margin-right: .45em; }

.picker__button--today:before {
  top: -0.05em;
  width: 0;
  border-top: 0.66em solid #0059bc;
  border-left: .66em solid transparent; }

.picker__button--clear:before {
  top: -0.25em;
  width: .66em;
  border-top: 3px solid #ee2200; }

.picker__button--close:before {
  content: "\D7";
  top: -0.1em;
  vertical-align: top;
  font-size: 1.1em;
  margin-right: .35em;
  color: #777777; }

.picker__button--today[disabled],
.picker__button--today[disabled]:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default; }

.picker__button--today[disabled]:before {
  border-top-color: #aaaaaa; }

/* ==========================================================================
   $DEFAULT-DATE-PICKER
   ========================================================================== */
/*
 * Swiper - Mobile Touch Slider CSS
 * http://www.idangero.us/sliders/swiper
 *
 * Vladimir Kharlampidi, The iDangero.us
 * http://www.idangero.us/
 * 
 * Copyright 2012-2013, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us
 *
 * Licensed under GPL & MIT
 *
*/
/* ===============================================================
Basic Swiper Styles 
================================================================*/
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  /* Fix of Webkit flickering */
  z-index: 1; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  -webkit-transition-property: -webkit-transform, left, top;
  -webkit-transition-duration: 0s;
  -webkit-transform: translate3d(0px, 0, 0);
  -webkit-transition-timing-function: ease;
  -moz-transition-property: -moz-transform, left, top;
  -moz-transition-duration: 0s;
  -moz-transform: translate3d(0px, 0, 0);
  -moz-transition-timing-function: ease;
  -o-transition-property: -o-transform, left, top;
  -o-transition-duration: 0s;
  -o-transform: translate3d(0px, 0, 0);
  -o-transition-timing-function: ease;
  -o-transform: translate(0px, 0px);
  -ms-transition-property: -ms-transform, left, top;
  -ms-transition-duration: 0s;
  -ms-transform: translate3d(0px, 0, 0);
  -ms-transition-timing-function: ease;
  transition-property: transform, left, top;
  transition-duration: 0s;
  transform: translate3d(0px, 0, 0);
  transition-timing-function: ease;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.swiper-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto; }

.swiper-slide {
  float: left;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y; }

.swiper-wp8-vertical {
  -ms-touch-action: pan-x; }

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
  /* Specify Swiper's Size: */
  /*width:200px;
  height: 100px;*/ }

.swiper-slide {
  /* Specify Slides's Size: */
  /*width: 100%;
  height: 100%;*/ }

.swiper-slide-active {
  /* Specific active slide styling: */ }

.swiper-slide-visible {
  /* Specific visible slide styling: */ }

/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
  /* Stylize pagination button: */ }

.swiper-active-switch {
  /* Specific active button style: */ }

.swiper-visible-switch {
  /* Specific visible button style: */ }

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }

.mfp-preloader a {
  color: #CCC; }

.mfp-preloader a:hover {
  color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }

.mfp-close:hover, .mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100); }

.mfp-close:active {
  top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }

.mfp-arrow:active {
  margin-top: -54px; }

.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100); }

.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent; }

.mfp-arrow:after, .mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px; }

.mfp-arrow:before, .mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }

.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
  border-right: 17px solid #FFF;
  margin-left: 31px; }

.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }

.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
  border-left: 17px solid #FFF;
  margin-left: 39px; }

.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
  border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px; }

.mfp-iframe-holder .mfp-close {
  top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444; }

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px; }

.mfp-figure figure {
  margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }

  .mfp-img-mobile img.mfp-img {
    padding: 0; }

  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0; }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }
.mfp-ie7 .mfp-img {
  padding: 0; }

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }

.mfp-ie7 .mfp-container {
  padding: 0; }

.mfp-ie7 .mfp-content {
  padding-top: 44px; }

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

/* --------------------------------------------------------------------------
    fonts.scss - James Barnard - __/__/____ - Version 1.0
    -------------------------------------------------------------------

    [1] web font includes
    -----------------------------------------------------------------------------------------
    [2] global font rules
    -----------------------------------------------------------------------------------------

------------------------------------------------------------------ */
/* --------------------------------------------------------------
[1] web font includes
-------------------------------------------------------------- */
/*

    <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>

*/
/* Light - 300 weight */
@font-face {
  font-family: 'OpenSans';
  src: url("./assets/fonts/opensans/opensans-light-webfont.eot");
  src: url("./assets/fonts/opensans/opensans-light-webfont.eot?#iefix") format("embedded-opentype"), url("./assets/fonts/opensans/opensans-light-webfont.woff") format("woff"), url("./assets/fonts/opensans/opensans-light-webfont.ttf") format("truetype"), url("./assets/fonts/opensans/opensans-light-webfont.svg#open_sanslight") format("svg");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'OpenSans';
  src: url("./assets/fonts/opensans/opensans-lightitalic-webfont.eot");
  src: url("./assets/fonts/opensans/opensans-lightitalic-webfont.eot?#iefix") format("embedded-opentype"), url("./assets/fonts/opensans/opensans-lightitalic-webfont.woff") format("woff"), url("./assets/fonts/opensans/opensans-lightitalic-webfont.ttf") format("truetype"), url("./assets/fonts/opensans/opensans-lightitalic-webfont.svg#open_sanslight_italic") format("svg");
  font-weight: 300;
  font-style: italic; }
/* Regular - 400 Weight */
@font-face {
  font-family: 'OpenSans';
  src: url("./assets/fonts/opensans/opensans-regular-webfont.eot");
  src: url("./assets/fonts/opensans/opensans-regular-webfont.eot?#iefix") format("embedded-opentype"), url("./assets/fonts/opensans/opensans-regular-webfont.woff") format("woff"), url("./assets/fonts/opensans/opensans-regular-webfont.ttf") format("truetype"), url("./assets/fonts/opensans/opensans-regular-webfont.svg#open_sansregular") format("svg");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'OpenSans';
  src: url("./assets/fonts/opensans/opensans-italic-webfont.eot");
  src: url("./assets/fonts/opensans/opensans-italic-webfont.eot?#iefix") format("embedded-opentype"), url("./assets/fonts/opensans/opensans-italic-webfont.woff") format("woff"), url("./assets/fonts/opensans/opensans-italic-webfont.ttf") format("truetype"), url("./assets/fonts/opensans/opensans-italic-webfont.svg#open_sansitalic") format("svg");
  font-weight: 400;
  font-style: italic; }
/* Semi Bold - 600 weight */
@font-face {
  font-family: 'OpenSans';
  src: url("./assets/fonts/opensans/opensans-semibold-webfont.eot");
  src: url("./assets/fonts/opensans/opensans-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("./assets/fonts/opensans/opensans-semibold-webfont.woff") format("woff"), url("./assets/fonts/opensans/opensans-semibold-webfont.ttf") format("truetype"), url("./assets/fonts/opensans/opensans-semibold-webfont.svg#open_sanssemibold") format("svg");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: 'OpenSans';
  src: url("./assets/fonts/opensans/opensans-semibolditalic-webfont.eot");
  src: url("./assets/fonts/opensans/opensans-semibolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("./assets/fonts/opensans/opensans-semibolditalic-webfont.woff") format("woff"), url("./assets/fonts/opensans/opensans-semibolditalic-webfont.ttf") format("truetype"), url("./assets/fonts/opensans/opensans-semibolditalic-webfont.svg#open_sanssemibold_italic") format("svg");
  font-weight: 600;
  font-style: italic; }
/* Bold - 700 Weight */
@font-face {
  font-family: 'OpenSans';
  src: url("./assets/fonts/opensans/opensans-bold-webfont.eot");
  src: url("./assets/fonts/opensans/opensans-bold-webfont.eot?#iefix") format("embedded-opentype"), url("./assets/fonts/opensans/opensans-bold-webfont.woff") format("woff"), url("./assets/fonts/opensans/opensans-bold-webfont.ttf") format("truetype"), url("./assets/fonts/opensans/opensans-bold-webfont.svg#open_sansbold") format("svg");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: 'OpenSans';
  src: url("./assets/fonts/opensans/opensans-bolditalic-webfont.eot");
  src: url("./assets/fonts/opensans/opensans-bolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("./assets/fonts/opensans/opensans-bolditalic-webfont.woff") format("woff"), url("./assets/fonts/opensans/opensans-bolditalic-webfont.ttf") format("truetype"), url("./assets/fonts/opensans/opensans-bolditalic-webfont.svg#open_sansbold_italic") format("svg");
  font-weight: 700;
  font-style: italic; }
/* Extra bold - 800 weight */
@font-face {
  font-family: 'OpenSans';
  src: url("./assets/fonts/opensans/opensans-extrabold-webfont.eot");
  src: url("./assets/fonts/opensans/opensans-extrabold-webfont.eot?#iefix") format("embedded-opentype"), url("./assets/fonts/opensans/opensans-extrabold-webfont.woff") format("woff"), url("./assets/fonts/opensans/opensans-extrabold-webfont.ttf") format("truetype"), url("./assets/fonts/opensans/opensans-extrabold-webfont.svg#open_sansextrabold") format("svg");
  font-weight: 800;
  font-style: normal; }
@font-face {
  font-family: 'OpenSans';
  src: url("./assets/fonts/opensans/opensans-extrabolditalic-webfont.eot");
  src: url("./assets/fonts/opensans/opensans-extrabolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("./assets/fonts/opensans/opensans-extrabolditalic-webfont.woff") format("woff"), url("./assets/fonts/opensans/opensans-extrabolditalic-webfont.ttf") format("truetype"), url("./assets/fonts/opensans/opensans-extrabolditalic-webfont.svg#open_sansextrabold_italic") format("svg");
  font-weight: 800;
  font-style: italic; }
/* --------------------------------------------------------------
[2] global font rules
-------------------------------------------------------------- */
body {
  color: #6B6B6B; }

body, .line-bottom .heading-link {
  font-family: "OpenSans", sans-serif;
  font-weight: 400; }

.feature-image-caption-text p.date, .item-description p {
  font-weight: 300; }

p {
  font-size: 1.4em;
  margin-top: 0;
  line-height: 1.63; }
  @media only screen and (max-width: 767px) {
    p {
      font-size: 1.4em; } }

/* --------------------------------------------------------------
[3] font size and weight rules
-------------------------------------------------------------- */
h1, h2, h3, h4 {
  color: #231F1F; }

h3, h4 {
  font-weight: 500; }

h2 {
  font-weight: 600; }

h1 {
  font-size: 4.6em;
  font-weight: normal;
  color: #231F1F; }
  @media only screen and (max-width: 767px) {
    h1 {
      font-size: 2.5em; } }

h2 {
  font-size: 3.6em;
  color: #231F1F; }
  @media only screen and (max-width: 767px) {
    h2 {
      font-size: 2.3em; } }

h3 {
  font-size: 1.8em;
  margin-bottom: 20px;
  margin-top: 27px;
  color: #231F1F; }
  @media only screen and (max-width: 767px) {
    h3 {
      font-size: 2em; } }

h4 {
  font-size: 1.5em; }

.serif {
  font-family: "Cambria", Georgia, serif; }

.semi-bold, b, strong {
  font-weight: 600; }

.bold {
  font-weight: 700; }

.light {
  font-weight: 300; }

.normal {
  font-weight: 400; }

.italic {
  font-style: italic; }

.small {
  font-size: 0.9em;
  font-weight: 400;
  display: inline;
  vertical-align: middle; }

.gold {
  color: #C1A103; }

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

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block; }

.slick-track:before,
.slick-track:after {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  height: 100%; }

[dir='rtl'] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: inline-block;
  vertical-align: middle; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  border: 0;
  padding: 10px; }
  .slick-prev .button-text,
  .slick-next .button-text {
    font-size: 0; }
  .slick-detail .slick-prev, .slick-detail
  .slick-next {
    margin-top: -31px; }

.slick-prev {
  left: 0; }
  .slick-prev:before {
    font-family: 'icomoon'; }

.slick-next {
  right: 0; }
  .slick-next:after {
    font-family: 'icomoon'; }

.slick-detail {
  overflow: hidden; }

/* --------------------------------------------------------------------------
	grid.scss - James Barnard - __/__/____ - Version 1.0
	-------------------------------------------------------------------

	[1] general grid rules
	-----------------------------------------------------------------------------------------

------------------------------------------------------------------ */
/* --------------------------------------------------------------
[1] general grid rules
-------------------------------------------------------------- */
.row:after {
  content: "";
  display: table;
  clear: both; }
.row:before {
  content: "";
  display: table;
  clear: both; }

.width-10 {
  width: 10%;
  float: left; }
  @media only screen and (max-width: 767px) {
    .width-10.content-main {
      width: 70%; }
    .width-10.aside {
      width: 30%; }
    .width-10.widget {
      width: 100%; } }
  @media only screen and (max-width: 600px) {
    .width-10 {
      width: 100%; }
      .width-10.content-main {
        width: 100%; }
      .width-10.aside {
        width: 100%; }
      .width-10.widget {
        width: 100%; } }

.width-20 {
  width: 20%;
  float: left; }
  @media only screen and (max-width: 767px) {
    .width-20.content-main {
      width: 70%; }
    .width-20.aside {
      width: 30%; }
    .width-20.widget {
      width: 100%; } }
  @media only screen and (max-width: 600px) {
    .width-20 {
      width: 100%; }
      .width-20.content-main {
        width: 100%; }
      .width-20.aside {
        width: 100%; }
      .width-20.widget {
        width: 100%; } }

.width-30 {
  width: 30%;
  float: left; }
  @media only screen and (max-width: 767px) {
    .width-30.content-main {
      width: 70%; }
    .width-30.aside {
      width: 30%; }
    .width-30.widget {
      width: 100%; } }
  @media only screen and (max-width: 600px) {
    .width-30 {
      width: 100%; }
      .width-30.content-main {
        width: 100%; }
      .width-30.aside {
        width: 100%; }
      .width-30.widget {
        width: 100%; } }

.width-40 {
  width: 40%;
  float: left; }
  @media only screen and (max-width: 767px) {
    .width-40.content-main {
      width: 70%; }
    .width-40.aside {
      width: 30%; }
    .width-40.widget {
      width: 100%; } }
  @media only screen and (max-width: 600px) {
    .width-40 {
      width: 100%; }
      .width-40.content-main {
        width: 100%; }
      .width-40.aside {
        width: 100%; }
      .width-40.widget {
        width: 100%; } }

.width-50, form .half .form-input {
  width: 50%;
  float: left; }
  @media only screen and (max-width: 767px) {
    .width-50.content-main, form .half .content-main.form-input {
      width: 70%; }
    .width-50.aside, form .half .aside.form-input {
      width: 30%; }
    .width-50.widget, form .half .widget.form-input {
      width: 100%; } }
  @media only screen and (max-width: 600px) {
    .width-50, form .half .form-input {
      width: 100%; }
      .width-50.content-main, form .half .content-main.form-input {
        width: 100%; }
      .width-50.aside, form .half .aside.form-input {
        width: 100%; }
      .width-50.widget, form .half .widget.form-input {
        width: 100%; } }

.width-60 {
  width: 60%;
  float: left; }
  @media only screen and (max-width: 767px) {
    .width-60.content-main {
      width: 70%; }
    .width-60.aside {
      width: 30%; }
    .width-60.widget {
      width: 100%; } }
  @media only screen and (max-width: 600px) {
    .width-60 {
      width: 100%; }
      .width-60.content-main {
        width: 100%; }
      .width-60.aside {
        width: 100%; }
      .width-60.widget {
        width: 100%; } }

.width-70 {
  width: 70%;
  float: left; }
  @media only screen and (max-width: 767px) {
    .width-70.content-main {
      width: 70%; }
    .width-70.aside {
      width: 30%; }
    .width-70.widget {
      width: 100%; } }
  @media only screen and (max-width: 600px) {
    .width-70 {
      width: 100%; }
      .width-70.content-main {
        width: 100%; }
      .width-70.aside {
        width: 100%; }
      .width-70.widget {
        width: 100%; } }

.width-80 {
  width: 80%;
  float: left; }
  @media only screen and (max-width: 767px) {
    .width-80.content-main {
      width: 70%; }
    .width-80.aside {
      width: 30%; }
    .width-80.widget {
      width: 100%; } }
  @media only screen and (max-width: 600px) {
    .width-80 {
      width: 100%; }
      .width-80.content-main {
        width: 100%; }
      .width-80.aside {
        width: 100%; }
      .width-80.widget {
        width: 100%; } }

.width-90 {
  width: 90%;
  float: left; }
  @media only screen and (max-width: 767px) {
    .width-90.content-main {
      width: 70%; }
    .width-90.aside {
      width: 30%; }
    .width-90.widget {
      width: 100%; } }
  @media only screen and (max-width: 600px) {
    .width-90 {
      width: 100%; }
      .width-90.content-main {
        width: 100%; }
      .width-90.aside {
        width: 100%; }
      .width-90.widget {
        width: 100%; } }

.full-width, .width-100 {
  width: 100%;
  float: left; }

/* --------------------------------------------------------------------------
    forms.scss - James Barnard - __/__/____ - Version 1.0
    -------------------------------------------------------------------

    [1] global form styling
    -----------------------------------------------------------------------------------------
    [2] form validation and handling
    	[2.1] General validation/handling rules
    	[2.2] overriding browser validation defaults
    -----------------------------------------------------------------------------------------
    [3] specific forms
    	[3.1] generic form styling
    	[3.2] newsletter signup form
    -----------------------------------------------------------------------------------------

------------------------------------------------------------------ */
/* --------------------------------------------------------------
[1] global form styling
-------------------------------------------------------------- */
form input, form textarea, form select, form button {
  cursor: pointer; }
  form input::-webkit-input-placeholder, form textarea::-webkit-input-placeholder, form select::-webkit-input-placeholder, form button::-webkit-input-placeholder {
    color: #6B6B6B;
    font-weight: 400; }
  form input:-moz-placeholder, form textarea:-moz-placeholder, form select:-moz-placeholder, form button:-moz-placeholder {
    /* Firefox 18- */
    color: #6B6B6B;
    font-weight: 400; }
  form input::-moz-placeholder, form textarea::-moz-placeholder, form select::-moz-placeholder, form button::-moz-placeholder {
    /* Firefox 19+ */
    color: #6B6B6B;
    font-weight: 400; }
  form input:-ms-input-placeholder, form textarea:-ms-input-placeholder, form select:-ms-input-placeholder, form button:-ms-input-placeholder {
    color: #6B6B6B;
    font-weight: 400; }
form input[type="text"], form textarea {
  cursor: text; }
form input[type="checkbox"] {
  width: auto;
  height: auto;
  background-color: white; }
form .half {
  width: 100%; }
  form .half:after {
    content: "";
    display: table;
    clear: both; }
  form .half:before {
    content: "";
    display: table;
    clear: both; }
  form .half .form-input {
    clear: none;
    padding-right: 15px; }
    form .half .form-input:nth-child(even) {
      padding-right: 0;
      padding-left: 15px; }
      @media only screen and (max-width: 600px) {
        form .half .form-input:nth-child(even) {
          padding: 0; } }
    @media only screen and (max-width: 600px) {
      form .half .form-input {
        padding: 0; } }

.form-input {
  overflow: hidden;
  clear: both;
  width: 100%;
  margin-bottom: 10px; }
  .form-input label, .form-input .field {
    float: left;
    clear: both;
    width: 100%; }
  .form-input.required:not(.radios) label:after {
    content: '*'; }
  .form-input label {
    margin: 3px 0;
    font-size: 1.3em; }
  .form-input.checkbox label {
    display: inline;
    color: #231F1F;
    font-size: 1.7em; }
    @media only screen and (max-width: 600px) {
      .form-input.checkbox label {
        margin-left: 0; } }
  .form-input.checkbox label, .form-input.checkbox .field {
    display: inline;
    float: none;
    width: auto;
    clear: none; }
  .form-input.checkbox input {
    border: 0; }
  .form-input.select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: white;
    border-radius: 0;
    padding: 10px 20px 10px 10px; }
    .form-input.select select::-ms-expand {
      display: none; }
    .lt-ie10 .form-input.select select {
      padding: 10px; }
  .form-input.select .field {
    overflow: hidden; }
    .form-input.select .field:after {
      font-family: 'icomoon';
      position: absolute;
      right: 10px;
      top: 50%;
      margin-top: -0.65em;
      font-size: 1.3em;
      pointer-events: none; }
      .lt-ie10 .form-input.select .field:after {
        display: none; }

.field {
  position: relative;
  display: inline-block; }
  .field .close {
    -webkit-transition: opacity 0.3s ease 0.1s;
    -moz-transition: opacity 0.3s ease 0.1s;
    -o-transition: opacity 0.3s ease 0.1s;
    transition: opacity 0.3s ease 0.1s;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    /* IE 5-7 */
    filter: alpha(opacity=0);
    opacity: 0;
    color: #ccc;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -0.5em;
    font-size: 1em;
    cursor: pointer; }
  .field input, .field textarea, .field select {
    font-size: 1.2em;
    color: black; }
    .field input::-webkit-input-placeholder, .field textarea::-webkit-input-placeholder, .field select::-webkit-input-placeholder {
      color: #6B6B6B;
      font-weight: 400; }
    .field input:-moz-placeholder, .field textarea:-moz-placeholder, .field select:-moz-placeholder {
      /* Firefox 18- */
      color: #6B6B6B;
      font-weight: 400; }
    .field input::-moz-placeholder, .field textarea::-moz-placeholder, .field select::-moz-placeholder {
      /* Firefox 19+ */
      color: #6B6B6B;
      font-weight: 400; }
    .field input:-ms-input-placeholder, .field textarea:-ms-input-placeholder, .field select:-ms-input-placeholder {
      color: #6B6B6B;
      font-weight: 400; }
  .field input, .field textarea {
    width: 100%;
    padding: 10px 30px 10px 10px;
    border: 1px solid #ccc; }
    .field input:focus + .close, .field textarea:focus + .close {
      /* IE 8 */
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
      /* IE 5-7 */
      filter: alpha(opacity=100);
      opacity: 1; }
  .field select {
    width: 100%;
    border: 1px solid #ccc; }

.form-submit, .gold-button {
  background: #D7B303;
  padding: 10px;
  border: 0;
  font-weight: 400;
  color: white;
  font-size: 1.4em; }
  .form-submit:hover, .form-submit:focus, .gold-button:hover, .gold-button:focus {
    background: #f0c803; }
  .form-submit:active, .gold-button:active {
    background: #D7B303; }

.picker__frame {
  max-width: 400px; }
  .picker--opened .picker__frame {
    top: 35%; }
    @media only screen and (max-width: 767px) {
      .picker--opened .picker__frame {
        top: 10%; } }

.picker__box {
  font-size: 1.33em; }

/* --------------------------------------------------------------
[2] form handling and validation
-------------------------------------------------------------- */
/* --------------------------------------------------------------
[2.1] General validation/handling rules
-------------------------------------------------------------- */
.form .ajaxloader {
  display: none; }
.form .empty {
  border: 1px solid red !important;
  color: red !important; }
.form .warning {
  color: red !important;
  margin-left: 10px;
  font-size: 0.8em; }

.success {
  color: green;
  text-align: center;
  display: none; }

/* --------------------------------------------------------------
[2.2] Override browser built in form validation
-------------------------------------------------------------- */
input::-ms-clear, textarea::-ms-clear {
  display: none; }

/* --------------------------------------------------------------
[3] specific forms
-------------------------------------------------------------- */
/* --------------------------------------------------------------
[3.1] generic forms
-------------------------------------------------------------- */
.generic-form, .wpcf7 {
  padding: 20px !important;
  background: #DDDED9; }
  .generic-form textarea, .wpcf7 textarea {
    height: 120px; }

/* --------------------------------------------------------------
[3.2] generic filter
-------------------------------------------------------------- */
.filter-search {
  margin-bottom: 20px; }
  .filter-search .filter-search-inner {
    position: relative;
    border: 1px solid #ccc;
    background-color: #DDDED9; }
  .filter-search h3 {
    background-color: #DDDED9;
    margin: 0;
    padding: 10px 20px; }
  .filter-search .filter-search-options {
    padding: 20px; }
    .filter-search .filter-search-options:after {
      content: "";
      display: table;
      clear: both; }
    .filter-search .filter-search-options:before {
      content: "";
      display: table;
      clear: both; }
    @media only screen and (max-width: 600px) {
      .filter-search .filter-search-options {
        padding-left: 15px;
        padding-right: 15px; } }
  .filter-search .icon-calendar {
    position: relative;
    font-size: 1.8em;
    padding: 0.9em;
    background-color: #D7B303;
    border-radius: 25px;
    color: white;
    cursor: pointer;
    float: left; }
  .filter-search .date {
    position: relative;
    overflow: visible;
    margin-bottom: 0;
    float: left; }
    .filter-search .date input[type="text"] {
      position: relative;
      z-index: 10;
      background-color: white;
      width: 100%;
      color: #6B6B6B;
      padding: 0.7em;
      font-size: 1.8em; }
  .filter-search .form-input {
    width: 50%;
    float: left;
    padding-right: 20px; }
    .filter-search .form-input:nth-child(even) {
      clear: none;
      padding-right: 0; }
  .filter-search button.form-submit {
    width: 100px;
    padding: 5px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    font-size: 2em;
    float: right;
    margin-top: 10px; }
    @media only screen and (max-width: 600px) {
      .filter-search button.form-submit {
        right: 15px;
        bottom: 15px; } }

/* --------------------------------------------------------------
[3.2.1] collections-quick-filter
-------------------------------------------------------------- */
.collections-quick-filter .filter-search-options {
  padding: 30px 30px 60px 30px; }
  @media only screen and (max-width: 600px) {
    .collections-quick-filter .filter-search-options .form-input {
      width: 100%;
      padding: 0; } }

/* --------------------------------------------------------------
[3.2.2] whats-on-refine
-------------------------------------------------------------- */
/******
****COLLECTIONS PAGE SCSS
****James Barnard - Manchester Art Gallery
******/
/********
*****
collections generic
*****
********/
.collections-results-container .heading {
  margin-bottom: 0; }
  @media only screen and (max-width: 767px) {
    .collections-results-container .heading {
      margin-bottom: 10px; } }

.collections-search {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0; }
  .collections-search:after {
    content: "";
    display: table;
    clear: both; }
  .collections-search:before {
    content: "";
    display: table;
    clear: both; }
  @media only screen and (max-width: 600px) {
    .collections-search {
      position: relative;
      background: #231F1F; } }

.collections-search-inner {
  width: 70%;
  margin: 0 auto;
  padding: 0 20px; }
  @media only screen and (max-width: 767px) {
    .collections-search-inner {
      width: 100%; } }
  @media only screen and (max-width: 600px) {
    .collections-search-inner {
      padding: 10px; } }
  .collections-search-inner .search-field {
    margin-bottom: 20px; }
    .collections-search-inner .search-field:after {
      content: "";
      display: table;
      clear: both; }
    .collections-search-inner .search-field:before {
      content: "";
      display: table;
      clear: both; }
    @media only screen and (max-width: 600px) {
      .collections-search-inner .search-field {
        margin-bottom: 10px; } }
  .collections-search-inner label {
    display: none; }
  .collections-search-inner .form-input, .collections-search-inner button {
    float: left; }
  .collections-search-inner .form-input input, .collections-search-inner button {
    padding-top: 20px;
    padding-bottom: 20px;
    border: 0;
    height: 74px; }
    @media only screen and (max-width: 600px) {
      .collections-search-inner .form-input input, .collections-search-inner button {
        padding-top: 10px;
        padding-bottom: 10px;
        height: 44px; } }
  .collections-search-inner .form-input {
    width: 90%;
    margin-bottom: 0; }
    @media only screen and (max-width: 600px) {
      .collections-search-inner .form-input {
        margin-bottom: 10px;
        width: 85%; } }
    .collections-search-inner .form-input input {
      font-size: 3em;
      padding-left: 20px;
      padding-right: 20px; }
      @media only screen and (max-width: 600px) {
        .collections-search-inner .form-input input {
          font-size: 2.1em;
          padding-left: 10px;
          padding-right: 10px; } }
  .collections-search-inner button {
    width: 10%;
    font-size: 2.9em;
    text-align: center;
    color: #231F1F; }
    @media only screen and (max-width: 600px) {
      .collections-search-inner button {
        font-size: 2.0em;
        width: 15%; } }
  .collections-search-inner .advanced-filter {
    background: #BBBDB3;
    margin-bottom: 20px;
    float: left;
    cursor: pointer;
    margin-right: 10px; }
    .collections-search-inner .advanced-filter:hover:after, .collections-search-inner .advanced-filter:active:after, .collections-search-inner .advanced-filter:focus:after, .collections-search-inner .advanced-filter.active:after {
      color: #594f4f; }
    .collections-search-inner .advanced-filter:hover p, .collections-search-inner .advanced-filter:active p, .collections-search-inner .advanced-filter:focus p, .collections-search-inner .advanced-filter.active p {
      text-decoration: underline; }
    @media only screen and (max-width: 600px) {
      .collections-search-inner .advanced-filter {
        width: 100%;
        margin-bottom: 10px; } }
    .collections-search-inner .advanced-filter p, .collections-search-inner .advanced-filter:after {
      float: left;
      color: #231F1F; }
    .collections-search-inner .advanced-filter p {
      padding: 5px 10px;
      margin-bottom: 0; }
    .collections-search-inner .advanced-filter:after {
      font-family: 'icomoon';
      border-left: 1px solid #ccc;
      padding: 10px;
      display: block; }
      @media only screen and (max-width: 600px) {
        .collections-search-inner .advanced-filter:after {
          float: right; } }

.popout {
  position: fixed;
  z-index: -999;
  visibility: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #231F1F;
  /* The Fallback */
  background: rgba(35, 31, 31, 0.6); }
  .popout.popped {
    z-index: 9999;
    visibility: visible; }
    .popout.popped .popout-inner {
      top: 50%; }
  .popout .popout-inner {
    position: absolute;
    top: -1000px;
    margin-top: -200px;
    right: 50%;
    margin-right: -15%;
    background-color: white;
    width: 30%;
    -webkit-transition: top 0.3s;
    -moz-transition: top 0.3s;
    -o-transition: top 0.3s;
    transition: top 0.3s; }
    @media only screen and (max-width: 1210px) {
      .popout .popout-inner {
        width: 60%;
        margin-right: -30%; } }
    @media only screen and (max-width: 767px) {
      .popout .popout-inner {
        width: 80%;
        margin-right: -40%; } }
    .popout .popout-inner .icon-cross {
      position: absolute;
      top: -10px;
      right: -10px;
      background-color: #231F1F;
      cursor: pointer;
      color: #fff;
      padding: 10px;
      border-radius: 20px;
      font-size: 1em; }

/********
*****
collections search page
*****
********/
.search-grid .item {
  -webkit-transition: width 0.5s;
  -moz-transition: width 0.5s;
  -o-transition: width 0.5s;
  transition: width 0.5s; }
  .search-grid .item .item-image {
    width: 100%;
    overflow: hidden;
    margin-bottom: 5px; }
    @media only screen and (max-width: 767px) {
      .search-grid .item .item-image {
        max-height: 100%; } }
  .search-grid .item .item-title {
    margin-top: 5px;
    margin-bottom: 0; }
  .search-grid .item .item-creator {
    font-size: 1.4em;
    margin: 0;
    line-height: 1.6em; }
  .search-grid .item .item-description-text {
    display: none; }
  .search-grid .item .read-more {
    display: none; }

.display-list .search-grid .item {
  width: 100% !important;
  clear: both;
  margin-left: 0 !important;
  margin-right: 0 !important;
  position: relative;
  border-bottom: 1px solid #DDDED9;
  padding-bottom: 20px; }
  .display-list .search-grid .item .item-image, .display-list .search-grid .item .item-description {
    float: left;
    clear: none; }
  .display-list .search-grid .item .item-image {
    width: 25%; }
  .display-list .search-grid .item .item-description {
    width: 75%;
    padding-left: 30px;
    padding-bottom: 50px; }
    .display-list .search-grid .item .item-description .item-description-text {
      display: block; }
  .display-list .search-grid .item .item-title {
    font-size: 1.7em; }
  .display-list .search-grid .item .read-more {
    display: block;
    margin-top: 0;
    position: absolute;
    right: 0;
    bottom: 20px; }

/********
*****
collections detail page
*****
********/
.content.collection-detail, aside.collection-image {
  float: left; }

.content.collection-detail {
  width: 60%; }
  @media only screen and (max-width: 600px) {
    .content.collection-detail {
      width: 100%; } }
  .content.collection-detail h3, .content.collection-detail h4 {
    font-weight: 600; }
  .content.collection-detail .line-bottom {
    line-height: 1.6em; }

aside.collection-image {
  width: 40%;
  padding-right: 40px; }
  @media only screen and (max-width: 600px) {
    aside.collection-image {
      padding-right: 0;
      margin-bottom: 20px;
      width: 100%; } }
  aside.collection-image img {
    max-width: 100%;
    margin: auto; }
  aside.collection-image .image-info h4 {
    font-size: 1.5em;
    margin: 10px 0 3px 0; }
  aside.collection-image .image-info p {
    margin: 0; }

.detail-meta {
  margin-top: 20px; }
  @media only screen and (max-width: 600px) {
    .detail-meta .gold-button {
      margin: 0 auto;
      width: 60%;
      float: none; } }
  @media only screen and (max-width: 600px) {
    .detail-meta .gold-button {
      width: 100%; } }
  .detail-meta .accordian-items {
    clear: left; }
  .detail-meta ul {
    margin: 0;
    padding: 10px 0;
    border: 1px solid #ccc;
    padding: 10px; }
    .detail-meta ul:after {
      content: "";
      display: table;
      clear: both; }
    .detail-meta ul:before {
      content: "";
      display: table;
      clear: both; }
  .detail-meta li {
    list-style-type: none;
    margin-bottom: 10px; }
    .detail-meta li:after {
      content: "";
      display: table;
      clear: both; }
    .detail-meta li:before {
      content: "";
      display: table;
      clear: both; }
    .detail-meta li p {
      float: left;
      margin-bottom: 0;
      width: 50%; }
  .detail-meta .meta-item-title {
    font-weight: 600; }

.magnific a {
  cursor: zoom-in; }

/********
*****
collections advanced search
*****
********/
.advanced-search {
  width: 70%;
  margin: 0 auto;
  padding: 0 20px; }
  @media only screen and (max-width: 767px) {
    .advanced-search {
      width: 100%; } }
  @media only screen and (max-width: 600px) {
    .advanced-search {
      padding: 10px; } }
  .advanced-search .fields {
    background: #DDDED9;
    padding: 30px 100px 30px 30px;
    color: black; }
    .advanced-search .fields:after {
      content: "";
      display: table;
      clear: both; }
    .advanced-search .fields:before {
      content: "";
      display: table;
      clear: both; }
    @media only screen and (max-width: 600px) {
      .advanced-search .fields {
        padding: 30px; } }
  .advanced-search .form-input {
    overflow: visible;
    float: none;
    clear: both; }
    .advanced-search .form-input:after {
      content: "";
      display: table;
      clear: both; }
    .advanced-search .form-input:before {
      content: "";
      display: table;
      clear: both; }
    .advanced-search .form-input label, .advanced-search .form-input .field {
      float: left;
      clear: none;
      height: 40px; }
      @media only screen and (max-width: 600px) {
        .advanced-search .form-input label, .advanced-search .form-input .field {
          float: none;
          clear: both; } }
    .advanced-search .form-input label {
      width: 30%;
      line-height: 40px; }
      @media only screen and (max-width: 600px) {
        .advanced-search .form-input label {
          width: 100%; } }
    .advanced-search .form-input .field {
      width: 70%; }
      .advanced-search .form-input .field input, .advanced-search .form-input .field select {
        height: 40px; }
      @media only screen and (max-width: 600px) {
        .advanced-search .form-input .field {
          width: 100%; } }
    .advanced-search .form-input select {
      background: white; }
  .advanced-search h3 {
    font-weight: 600;
    margin-bottom: 10px; }
  .advanced-search button {
    float: right; }

/* --------------------------------------------------------------
[6] header
-------------------------------------------------------------- */
.header {
  overflow: hidden;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 20;
  height: 88px;
  background: #231F1F; }
  .lt-ie9 .header {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  @media only screen and (max-width: 767px) {
    .header {
      position: relative;
      overflow: visible; } }
  .header h1 {
    display: none; }
  .header .logo-mag {
    position: relative;
    display: block;
    float: left; }
    @media only screen and (max-width: 767px) {
      .header .logo-mag {
        float: left;
        margin-top: 20px; }
        .header .logo-mag:before {
          display: none; } }
    .header .logo-mag img {
      margin-top: 15px;
      z-index: 10;
      position: relative; }
      @media only screen and (max-width: 767px) {
        .header .logo-mag img {
          margin-top: 0; } }

@media only screen and (max-width: 767px) {
  .show-menu {
    width: 37px;
    height: 37px;
    display: block;
    background: #231F1F;
    color: #FFF;
    font-size: 19px;
    text-align: center;
    line-height: 42px;
    float: right;
    margin-top: 23px; }
    .show-menu:hover, .show-menu:active, .show-menu:focus, .show-menu.active {
      text-decoration: none;
      color: #C1A103; } }

/* --------------------------------------------------------------
[6.1] nav
-------------------------------------------------------------- */
.nav {
  float: right;
  padding: 11px 30px 8px 0;
  margin-top: 35px;
  position: relative;
  z-index: 10;
  background: #231F1F; }
  @media only screen and (max-width: 1210px) {
    .nav {
      padding-right: 0px;
      margin-top: 0; } }
  @media only screen and (max-width: 767px) {
    .nav {
      position: absolute;
      padding: 11px 20px 8px;
      top: 88px;
      left: 0;
      width: 100%;
      -webkit-transform: translate(100%, 0%);
      /* Ch <36, Saf 5.1+, iOS, An =<4.4.4 */
      -moz-transform: translate(100%, 0%);
      /* Mozilla */
      -ms-transform: translate(100%, 0%);
      /* IE 9 */
      transform: translate(100%, 0%);
      /* IE 10, Fx 16+, Op 12.1+ */
      -webkit-transition: -webkit-transform 0.3s, height 0.3s;
      -moz-transition: -moz-transform 0.3s, height 0.3s;
      -o-transition: -o-transform 0.3s, height 0.3s;
      transition: transform 0.3s, height 0.3s; }
      .nav.show {
        -webkit-transform: translate(0%, 0%);
        /* Ch <36, Saf 5.1+, iOS, An =<4.4.4 */
        -moz-transform: translate(0%, 0%);
        /* Mozilla */
        -ms-transform: translate(0%, 0%);
        /* IE 9 */
        transform: translate(0%, 0%);
        /* IE 10, Fx 16+, Op 12.1+ */ }
      .nav:after {
        display: none; } }
  .nav ul {
    float: left; }
    .nav ul:after {
      content: "";
      display: table;
      clear: both; }
    .nav ul:before {
      content: "";
      display: table;
      clear: both; }
    @media only screen and (max-width: 1210px) {
      .nav ul {
        float: none;
        padding-right: 5px; } }
    @media only screen and (max-width: 767px) {
      .nav ul {
        float: left;
        padding-right: 0;
        width: 100%;
        margin-bottom: 13px; } }
    .nav ul .subnav-contents {
      display: none;
      overflow: hidden;
      height: 0;
      -webkit-transition: height 0.3s;
      -moz-transition: height 0.3s;
      -o-transition: height 0.3s;
      transition: height 0.3s; }
      @media only screen and (max-width: 767px) {
        .nav ul .subnav-contents {
          display: block;
          padding-left: 30px; } }
  .nav li {
    display: block;
    float: left; }
    @media only screen and (max-width: 767px) {
      .nav li {
        float: none;
        clear: both;
        width: 100%; }
        .nav li:after {
          content: "";
          display: table;
          clear: both; }
        .nav li:before {
          content: "";
          display: table;
          clear: both; } }
    .nav li.nav-parent {
      height: auto; }
      .nav li.nav-parent > .nav-name {
        position: relative;
        overflow: hidden; }
        .nav li.nav-parent > .nav-name:before {
          position: relative;
          display: none;
          font-family: 'icomoon';
          color: white;
          font-size: 1.5em;
          margin-right: 10px;
          top: 0.5em;
          cursor: pointer; }
          @media only screen and (max-width: 767px) {
            .nav li.nav-parent > .nav-name:before {
              display: block;
              float: left; } }
    .nav li .nav-name.active a {
      color: #D7B303;
      text-decoration: none; }
  .nav a {
    display: block;
    float: left;
    color: #FFF;
    font-size: 2em;
    margin-left: 30px; }
    .nav a:hover, .nav a:active, .nav a:focus, .nav a.active {
      color: #D7B303;
      text-decoration: none; }
    @media only screen and (max-width: 1210px) {
      .nav a {
        margin-left: 20px; } }
    @media only screen and (max-width: 767px) {
      .nav a {
        display: block;
        margin-left: 0px;
        padding-top: 5px;
        padding-bottom: 5px; } }

/* --------------------------------------------------------------
[7] search
-------------------------------------------------------------- */
.search-container {
  float: left;
  margin-left: 30px; }
  @media only screen and (max-width: 1210px) {
    .search-container {
      float: right;
      margin-top: 10px; } }
  @media only screen and (max-width: 767px) {
    .search-container {
      float: none;
      clear: both;
      margin-left: 0px;
      margin: 0 0 19px; } }
  .search-container .search-input {
    float: left;
    width: 140px;
    width: 0;
    position: relative;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    @media only screen and (max-width: 767px) {
      .search-container .search-input {
        width: 140px !important;
        opacity: 1 !important;
        background: #231F1F; } }
  @media only screen and (max-width: 767px) {
    .search-container .show-search-input {
      display: none; } }
  @media only screen and (max-width: 767px) {
    .search-container .do-search {
      display: block;
      /*[empty]margin-top:;*/
      padding-top: 3px; } }
  .search-container .search-input.show {
    width: 140px;
    opacity: 1; }
  .search-container input[type=text] {
    font-size: 1.6em;
    display: block;
    float: left;
    background: none;
    border: 1px solid #5C5C5C;
    padding: 4px;
    width: 100%;
    color: #FFF; }
  .search-container button {
    background: none;
    border: none;
    color: #C1A103;
    font-size: 2.3em; }
    .search-container button:hover, .search-container button:active, .search-container button:focus, .search-container button.active {
      color: #FFF; }

/* --------------------------------------------------------------------------
	general.scss - James Barnard/Danny Connell - __/__/____ - Version 1.0
	converted to scss 3/23/2015 - James Barnard from Danny Connell's initial template work
	-------------------------------------------------------------------

	[1] global rules
	-----------------------------------------------------------------------------------------
	[2] links
	-----------------------------------------------------------------------------------------
	[3] colours
	-----------------------------------------------------------------------------------------
	[4] buttons
	-----------------------------------------------------------------------------------------
	[5] layout
	-----------------------------------------------------------------------------------------
	[6] header
	-----------------------------------------------------------------------------------------
	[7] search
	-----------------------------------------------------------------------------------------
	[8] feature images
	-----------------------------------------------------------------------------------------
	[9] items
	-----------------------------------------------------------------------------------------
	[10] home page
	-----------------------------------------------------------------------------------------
	[11] internal page
	-----------------------------------------------------------------------------------------
	[12]
	-----------------------------------------------------------------------------------------
	[13]
	-----------------------------------------------------------------------------------------
	[14]
	-----------------------------------------------------------------------------------------
	[15] jquery-ui styling
	-----------------------------------------------------------------------------------------

------------------------------------------------------------------ */
/* --------------------------------------------------------------
[1] global rules
-------------------------------------------------------------- */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: subpixel-antialiased; }

.hidden {
  display: none; }

.float-left {
  float: left; }

.float-right {
  float: right; }

.mobile-only {
  display: none !important; }

.tablet-only {
  display: none; }

@media only screen and (max-width: 600px) {
  .no-mobile {
    display: none; } }

@media only screen and (max-width: 767px) {
  .no-tablet {
    display: none; } }

.max-width-50 {
  max-width: 50%;
  height: auto; }

.clear {
  clear: both; }

.clearfix:after {
  content: "";
  display: table;
  clear: both; }
.clearfix:before {
  content: "";
  display: table;
  clear: both; }

.ajaxloader {
  display: none;
  background-image: url(./assets/images/icons/ajax-loader.gif);
  background-repeat: no-repeat;
  height: 32px;
  width: 32px;
  margin: 0 auto; }

img {
  backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden; }

/* --------------------------------------------------------------
[2] general component rules
-------------------------------------------------------------- */
a {
  color: #231F1F; }

a, button, .button, .promo-item-icon {
  -webkit-transition: color 200ms, background 200ms, opacity 200ms;
  -moz-transition: color 200ms, background 200ms, opacity 200ms;
  -o-transition: color 200ms, background 200ms, opacity 200ms;
  transition: color 200ms, background 200ms, opacity 200ms; }

/*heading lines*/
.line-bottom {
  line-height: 1;
  margin-top: 41px;
  margin-bottom: 39px;
  position: relative; }
  .content .heading .line-bottom {
    margin-top: 0;
    position: relative; }
  .heading .line-bottom {
    margin-top: 0;
    margin-bottom: 15px; }
  .line-bottom.line-bottom-gold:after {
    content: '';
    display: block;
    position: absolute;
    height: 1px;
    width: 100%;
    z-index: 1;
    bottom: 10px;
    background-color: #C1A103; }
  .line-bottom.line-bottom-white:after {
    content: '';
    display: block;
    position: absolute;
    height: 1px;
    width: 100%;
    z-index: 1;
    bottom: 10px;
    background-color: #A9AC9F; }
  .line-bottom a:hover, .line-bottom a:focus {
    text-decoration: none; }
  .line-bottom span {
    background: #FFF;
    padding-right: 8px;
    line-height: normal;
    z-index: 3;
    position: relative; }
    .background-black .line-bottom span {
      background: #231F1F; }
  .line-bottom .heading-link {
    font-size: 0.415em;
    color: #AE9102;
    position: absolute;
    right: 0;
    bottom: 15px; }
    .line-bottom .heading-link:hover, .line-bottom .heading-link:active, .line-bottom .heading-link:focus, .line-bottom .heading-link.active {
      color: #231F1F;
      text-decoration: none; }
    .background-black .line-bottom .heading-link {
      color: #fff; }
      .background-black .line-bottom .heading-link:hover, .background-black .line-bottom .heading-link:active, .background-black .line-bottom .heading-link:focus, .background-black .line-bottom .heading-link.active {
        color: #AE9102; }

/* --------------------------------------------------------------
[3] colours
-------------------------------------------------------------- */
.background-black {
  background: #231F1F;
  color: #FFF; }

.background-black h1 {
  color: #FFF; }

.background-grey {
  background: #DDDED9; }

/* --------------------------------------------------------------
[4] buttons
-------------------------------------------------------------- */
.button {
  /*[disabled]color:$primary-black;*/
  /*[disabled]font-size:1.8em;*/
  /*[disabled]display:block;*/
  /*[disabled]position:relative;*/ }

.button.center {
  /*[disabled]width:244px;*/
  /*[disabled]margin:0 auto;*/ }

.button.gold {
  /*[disabled]background:$primary-gold;*/ }

.button.gold:hover {
  /*[disabled]background:$secondary-gold;*/ }

.button.grey {
  /*[disabled]background:#BBBDB3;*/ }

.button.grey:hover {
  /*[disabled]background:$dull-background-white;*/ }

.button span {
  /*[disabled]display:block;*/ }

.button span.text {
  /*[disabled]float:left;*/
  /*[disabled]padding:5px 20px;*/ }

.button.large span.text {
  /*[disabled]padding:10px 20px;*/ }

.button span.button-icon {
  /*[disabled]border-left:1px solid;*/
  /*[disabled]float:right;*/
  /*[disabled]padding:10px 15px 8px;*/
  /*[disabled]font-size:12px;*/
  /*[disabled]height:100%;*/
  /*[disabled]display:block;*/ }

.button.large span.button-icon {
  /*[disabled]padding:16px 15px 13px;*/ }

.button.gold span.button-icon {
  /*[disabled]border-color:#D3BD4E;*/ }

.button.grey span.button-icon {
  /*[disabled]border-color:$light-background-grey;*/ }

.gold-button {
  display: block;
  float: left;
  font-size: 1.3em;
  color: black; }
  .gold-button.plus {
    position: relative;
    padding-right: 30px; }
    .gold-button.plus:after {
      font-family: 'icomoon';
      position: absolute;
      right: 10px;
      font-size: 1em; }
  .gold-button:hover, .gold-button:active, .gold-button:focus, .gold-button.active {
    text-decoration: none; }

.link:hover {
  color: #D7B303;
  text-decoration: none; }

.link i {
  font-size: 10px;
  padding-left: 6px; }

.read-more {
  color: #C1A103;
  font-size: 1.6em;
  display: block;
  margin-top: 30px; }
  .read-more.gold-button {
    color: black;
    font-size: 1.3em; }
  .read-more:hover, .read-more:active, .read-more:focus, .read-more.active {
    color: #231F1F;
    text-decoration: none; }
  @media only screen and (max-width: 600px) {
    .read-more {
      margin-top: 15px; } }
  .read-more:after {
    font-family: 'icomoon';
    margin-left: 5px;
    font-size: 0.8em; }

/* --------------------------------------------------------------
[5] layout
-------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
  body {
    margin: 0 auto; } }
.lt-ie9 body {
  min-width: 1180px; }

.constraint {
  max-width: 1180px;
  margin: 0 auto; }
  .lt-ie9 .constraint {
    width: 100%; }
  @media only screen and (max-width: 1210px) {
    .constraint {
      padding-left: 10px;
      padding-right: 10px; } }
  @media only screen and (max-width: 767px) {
    .constraint {
      width: 100% !important;
      min-width: 0; } }

.main {
  padding-top: 20px; }

/* --------------------------------------------------------------
[8] feature images
-------------------------------------------------------------- */
.feature-slide {
  position: relative; }
  @media only screen and (max-width: 600px) {
    .anim-header .feature-slide {
      max-height: 150px; } }

.feature-image {
  position: relative;
  margin: 0 auto;
  max-width: 1920px; }
  .feature-image.internal {
    max-height: 450px;
    overflow: hidden; }
    @media only screen and (max-width: 767px) {
      .feature-image.internal {
        max-height: 100%; } }
  .feature-image.anim-header {
    max-height: 200px; }
    .feature-image.anim-header.toanim {
      -webkit-transition: max-height 0.8s 1s;
      -moz-transition: max-height 0.8s 1s;
      -o-transition: max-height 0.8s 1s;
      transition: max-height 0.8s 1s;
      max-height: 450px; }
      .feature-image.anim-header.toanim.already {
        height: 200px; }
        @media only screen and (max-width: 600px) {
          .feature-image.anim-header.toanim.already {
            height: auto; } }
      .feature-image.anim-header.toanim.anim {
        max-height: 200px; }
        @media only screen and (max-width: 600px) {
          .feature-image.anim-header.toanim.anim {
            max-height: 100%; } }
    @media only screen and (max-width: 767px) {
      .feature-image.anim-header {
        -webkit-transition: max-height 0s;
        -moz-transition: max-height 0s;
        -o-transition: max-height 0s;
        transition: max-height 0s; } }
    @media only screen and (max-width: 600px) {
      .feature-image.anim-header {
        max-height: 100%; } }
    .no-js .feature-image.anim-header {
      max-height: 200px; }
  .feature-image .feature-title {
    position: absolute;
    bottom: 0;
    width: 100%; }
    .feature-image .feature-title:after {
      content: "";
      display: table;
      clear: both; }
    .feature-image .feature-title:before {
      content: "";
      display: table;
      clear: both; }
    @media only screen and (max-width: 767px) {
      .feature-image .feature-title {
        position: relative; } }
    .feature-image .feature-title h2 {
      background: #231F1F;
      background: #231F1F;
      /* The Fallback */
      background: rgba(35, 31, 31, 0.9);
      color: #FFF;
      padding: 10px 15px;
      margin: 0px;
      font-weight: 400;
      float: left;
      margin-left: 22.6%; }
      @media only screen and (max-width: 767px) {
        .feature-image .feature-title h2 {
          background: #231F1F;
          /* The Fallback */
          background: #231f1f;
          margin-left: 0;
          width: 100%; } }
      .feature-image .feature-title h2 .date {
        margin-left: 10px;
        font-size: 0.5em;
        font-weight: 300; }

.feature-image .constraint {
  position: relative; }
  @media only screen and (max-width: 767px) {
    .feature-image .constraint {
      padding-left: 0;
      padding-right: 0; } }

.feature-image-container {
  max-height: 590px;
  position: relative;
  overflow: hidden; }

.feature-image img {
  width: 100%;
  min-width: 1000px;
  height: auto; }

.lt-ie9 .feature-image img {
  min-height: 505px; }

.feature-image-caption {
  background: #231F1F;
  background: rgba(35, 31, 31, 0.9);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%; }

.feature-image-caption-text {
  padding: 15px 0; }

.feature-image-caption-text p {
  color: #FFF;
  float: left;
  font-size: 2.4em;
  margin: 0;
  margin-right: 60px;
  padding: 0; }

.feature-image-caption-text p.date {
  font-size: 1.6em;
  margin-top: 8px;
  margin-right: 0; }

.feature-image-caption-text p a {
  color: #FFF; }

.feature-image-caption-text p a:hover {
  text-decoration: none;
  color: #D7B303; }

/* --------------------------------------------------------------
[9] items
-------------------------------------------------------------- */
.items-row {
  margin-bottom: 38px; }
  .lt-ie9 .items-row .last-child {
    margin-right: 0; }

.item {
  float: left;
  position: relative; }
  @media only screen and (max-width: 450px) {
    .item {
      padding-bottom: 10px;
      border-bottom: 1px solid #ccc; }
      .item:last-child {
        border-bottom: 0;
        padding-bottom: 0; } }
  .items-3 .item {
    margin-left: 1.5%;
    margin-right: 1.5%; }
  .items-4 .item {
    margin-left: 1.333%;
    margin-right: 1.333%; }
  .items-6 .item {
    margin-left: 1%;
    margin-right: 1%; }
  .item:first-child {
    margin-left: 0; }
  .item:last-child {
    margin-right: 0; }
  .item.quarter {
    width: 23%; }
    @media only screen and (max-width: 767px) {
      .item.quarter {
        width: 48%;
        margin: 0;
        margin-right: 4%;
        margin-bottom: 20px; }
        .item.quarter:nth-child(2n) {
          margin-right: 0; } }
    @media only screen and (max-width: 450px) {
      .item.quarter {
        width: 100%;
        margin-right: 0; } }
  .item.two-quarters {
    width: 48%; }
    @media only screen and (max-width: 767px) {
      .item.two-quarters {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px; } }
  .item.sixth {
    width: 15%; }
    @media only screen and (max-width: 767px) {
      .item.sixth {
        width: 32%;
        margin: 0;
        margin-right: 2%;
        margin-bottom: 20px; }
        .item.sixth:nth-child(3n) {
          margin-right: 0; } }
    @media only screen and (max-width: 450px) {
      .item.sixth {
        width: 100%;
        margin-right: 0; } }

.grid:after {
  content: "";
  display: table;
  clear: both; }
.grid:before {
  content: "";
  display: table;
  clear: both; }
.grid.images .item {
  margin-bottom: 10px; }
.grid .item {
  margin-bottom: 30px; }
  @media only screen and (max-width: 767px) {
    .grid .item {
      padding-right: 0; } }
  .grid .item .item-image {
    margin-bottom: 0; }
  .grid .item h3 {
    margin-bottom: 0;
    font-weight: 600; }
.grid.halve .item {
  width: 48%;
  margin-left: 2%;
  margin-right: 2%; }
  .grid.halve .item:nth-child(odd) {
    clear: both;
    margin-left: 0; }
  .grid.halve .item:nth-child(even) {
    margin-right: 0; }
  @media only screen and (max-width: 450px) {
    .grid.halve .item {
      width: 100%;
      margin-left: 0;
      margin-right: 0; } }
.grid.quarter .item {
  width: 23%;
  margin-bottom: 20px;
  margin-right: 1.33%;
  margin-left: 1.33%; }
  .grid.quarter .item:nth-child(4n+1) {
    margin-left: 0;
    clear: both; }
  .grid.quarter .item:nth-child(4n+4) {
    margin-right: 0; }
  @media only screen and (max-width: 600px) {
    .grid.quarter .item {
      width: 48%;
      margin-left: 2%;
      margin-right: 2%;
      margin-bottom: 20px; }
      .grid.quarter .item:nth-child(odd) {
        clear: left; }
      .grid.quarter .item:nth-child(2n+1) {
        margin-left: 0; }
      .grid.quarter .item:nth-child(2n+2) {
        margin-right: 0; } }
  @media only screen and (max-width: 450px) {
    .grid.quarter .item {
      width: 100%;
      margin-left: 0;
      margin-right: 0; } }

.landing-grid .item .item-image {
  max-height: 250px;
  margin-bottom: 10px; }
.landing-grid .item .date {
  margin-top: 0;
  font-size: 1.3em; }

/* --------------------------------------------------------------
[9.1] item-images
-------------------------------------------------------------- */
.item-image {
  width: 100%;
  position: relative;
  display: block;
  margin-bottom: 20px;
  overflow: hidden; }
  @media only screen and (max-width: 767px) {
    .item-image {
      margin-bottom: 10px; } }
  @media only screen and (max-width: 450px) {
    .item-image {
      max-height: 265px; } }

.item-image img {
  width: 100%;
  height: auto;
  display: block;
  -webkit-transform: scale(1.01) rotate(0.0001deg);
  /* Ch <36, Saf 5.1+, iOS, An =<4.4.4 */
  -moz-transform: scale(1.01) rotate(0.0001deg);
  /* Mozilla */
  -ms-transform: scale(1.01) rotate(0.0001deg);
  /* IE 9 */
  transform: scale(1.01) rotate(0.0001deg);
  /* IE 10, Fx 16+, Op 12.1+ */
  -webkit-transition: -webkit-transform 600ms;
  -moz-transition: -moz-transform 600ms;
  -o-transition: -o-transform 600ms;
  transition: transform 600ms; }

.item-image:hover img {
  -webkit-transform: scale(1.04) rotate(0.0001deg);
  /* Ch <36, Saf 5.1+, iOS, An =<4.4.4 */
  -moz-transform: scale(1.04) rotate(0.0001deg);
  /* Mozilla */
  -ms-transform: scale(1.04) rotate(0.0001deg);
  /* IE 9 */
  transform: scale(1.04) rotate(0.0001deg);
  /* IE 10, Fx 16+, Op 12.1+ */ }

.lt-ie10 .item-image:hover img {
  -webkit-transform: scale(1);
  /* Ch <36, Saf 5.1+, iOS, An =<4.4.4 */
  -moz-transform: scale(1);
  /* Mozilla */
  -ms-transform: scale(1);
  /* IE 9 */
  transform: scale(1);
  /* IE 10, Fx 16+, Op 12.1+ */ }

.item-description h3, .item-description h4 {
  margin-top: 0px;
  margin-bottom: 3px; }
  .item-description h3 a, .item-description h4 a {
    color: #231F1F; }
    .item-description h3 a:hover, .item-description h3 a:focus, .item-description h4 a:hover, .item-description h4 a:focus {
      text-decoration: none;
      color: #AE9102; }
.item-description p {
  font-size: 1.5em;
  margin-top: 3px;
  margin-bottom: 0px; }
  .item-description p.categories {
    font-size: 1.3em; }

/* --------------------------------------------------------------
[10] pages - home
-------------------------------------------------------------- */
.home-main section {
  margin-bottom: 15px; }

/*explore collections*/
.explore-collections {
  padding-top: 0px;
  padding-bottom: 6px; }
  .explore-collections h2 a {
    color: white; }

.collections-items-container {
  position: relative;
  overflow: hidden;
  width: auto;
  /*[empty]padding-bottom:;*/ }

.collections-items {
  width: 10000px !important; }

.collections-items .column {
  float: left;
  margin-right: 20px; }

/*collections item*/
.collections-item {
  display: block;
  position: relative;
  margin-bottom: 30px;
  /*[empty]padding-bottom:;*/ }

.collections-item .caption {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #BBBDB3;
  /* The Fallback */
  background: rgba(187, 189, 179, 0.7);
  padding: 25px 15px;
  color: #231F1F;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  /* IE 5-7 */
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s; }

.lt-ie9 .collections-item .caption {
  display: none;
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCBBBDB3,endColorstr=#CCBBBDB3); }

.collections-item:hover .caption {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
  /* IE 5-7 */
  filter: alpha(opacity=100);
  opacity: 1; }

.lt-ie9 .collections-item:hover .caption {
  display: block; }

.collections-item .caption h4, .collections-item .caption p {
  font-size: 1.6em;
  margin: 0px; }

/*collections items nav*/
.collections-items-nav, .slick-prev,
.slick-next {
  position: absolute;
  z-index: 10;
  top: 50%;
  width: 62px;
  height: 62px;
  display: block;
  margin-top: -62px;
  text-align: center;
  color: #231F1F;
  font-size: 1.9em;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  -o-transition: background 0.3s;
  transition: background 0.3s;
  background: #C1A103;
  /* The Fallback */
  background: rgba(193, 161, 3, 0.37); }
  @media only screen and (max-width: 600px) {
    .collections-items-nav, .slick-prev,
    .slick-next {
      width: 40px;
      height: 40px; } }
  .collections-items-nav.previous, .previous.slick-prev,
  .previous.slick-next {
    left: 0; }
  .collections-items-nav.next, .next.slick-prev,
  .next.slick-next {
    right: 0; }
  .collections-items-nav i, .slick-prev i,
  .slick-next i {
    margin-top: 21px;
    display: block; }

.collections-items-nav:hover, .slick-prev:hover,
.slick-next:hover, .slick-prev:hover, .slick-next:hover {
  text-decoration: none;
  background: #C1A103;
  /* The Fallback */
  background: rgba(193, 161, 3, 0.9); }

/*extras*/
.extras {
  border-top: 1px solid #C1A103;
  padding-top: 14px; }

/* --------------------------------------------------------------
[11] general content
-------------------------------------------------------------- */
blockquote {
  margin: 10px 0;
  padding: 20px 30px; }
  blockquote p {
    font-size: 1.8em;
    font-weight: 600;
    font-style: italic;
    letter-spacing: 0.1em;
    text-transform: none; }
    blockquote p:before {
      content: '"'; }
    blockquote p:after {
      content: '"'; }
  blockquote .author {
    font-size: 1.3em;
    color: #a9a9a9; }
  blockquote.gold {
    border: 1px solid #C1A103; }

.go-back {
  font-size: 1.4em;
  color: #6B6B6B; }
  .go-back a {
    color: #6B6B6B; }
  .go-back:before {
    font-family: 'icomoon';
    padding-right: 5px; }

/*sidebar*/
.sidebar {
  float: left;
  width: 19.4%; }
  .sidebar .sub-nav {
    margin-bottom: 40px; }
    @media only screen and (max-width: 767px) {
      .sidebar .sub-nav {
        display: none; } }

/*subnav*/
.sub-nav .nav-name.active + .tertiary-nav {
  display: block; }

.sidebar .tertiary-nav {
  display: none;
  padding-left: 20px; }
  .sidebar .tertiary-nav li {
    position: relative; }
    .sidebar .tertiary-nav li:before {
      position: absolute;
      left: -10px;
      float: left;
      font-size: 1.6em;
      margin-right: 5px;
      color: #C1A103;
      content: '-'; }

.sub-nav a {
  color: #231F1F;
  font-size: 1.6em;
  display: block;
  margin-bottom: 20px; }

.sub-nav a:hover, .sub-nav .active a {
  color: #AE9102;
  text-decoration: none; }

.content {
  width: 77.3%;
  float: right; }

.content h3 {
  text-transform: none;
  font-size: 2em;
  font-weight: 500;
  color: #231F1F; }

/*summary*/
.summary {
  position: relative;
  margin-bottom: 10px; }

.summary-text {
  border-right: 1px solid #BBBDB3;
  width: 73.7%;
  float: left;
  padding-right: 37px; }

.summary-text p {
  font-size: 2.2em;
  color: #231F1F;
  margin-bottom: 10px; }

.summary-date {
  width: 22%;
  float: right; }

/*article elements*/
.image-set {
  margin-top: 30px;
  margin-bottom: 30px; }

.content p {
  line-height: 1.8em; }
  .content p a {
    color: #297DB1; }

.content section .line-bottom {
  font-size: 2.5em;
  margin-top: 17px;
  margin-bottom: 25px;
  font-weight: 600; }
  .content section .line-bottom .heading-link {
    font-size: 0.6em; }

/* --------------------------------------------------------------
[12] landing page
-------------------------------------------------------------- */
/* --------------------------------------------------------------
[13] pages - inner
-------------------------------------------------------------- */
/* --------------------------------------------------------------
[14] events & exhibitions
-------------------------------------------------------------- */
.heading {
  margin-bottom: 10px; }
  .heading:after {
    content: "";
    display: table;
    clear: both; }
  .heading:before {
    content: "";
    display: table;
    clear: both; }
  .heading .results-number-container {
    margin: 0;
    float: left; }
    .heading .results-number-container .results-number, .heading .results-number-container .did-you-mean {
      margin: 0; }
      @media only screen and (max-width: 767px) {
        .heading .results-number-container .results-number, .heading .results-number-container .did-you-mean {
          font-size: 3em; } }
      @media only screen and (max-width: 600px) {
        .heading .results-number-container .results-number, .heading .results-number-container .did-you-mean {
          margin-bottom: 10px;
          font-size: 2.6em; } }
  .heading h4 {
    font-weight: 600;
    font-size: 1.6em; }
  .heading p {
    font-size: 1.4em; }
  @media only screen and (max-width: 600px) {
    .heading .float-right {
      float: none;
      clear: both; } }
  @media only screen and (max-width: 600px) {
    .heading .on-off-button {
      float: right; } }

.listing {
  margin-top: 0;
  padding-left: 0; }
  @media only screen and (max-width: 767px) {
    .listing {
      margin: 0; } }
  .listing li {
    padding: 0px 15px 15px 0;
    list-style: none;
    border-bottom: 1px solid #DDDED9;
    margin-bottom: 15px;
    position: relative; }
    .listing li:after {
      content: "";
      display: table;
      clear: both; }
    .listing li:before {
      content: "";
      display: table;
      clear: both; }
    @media only screen and (max-width: 600px) {
      .listing li {
        padding: 0 0 15px 0; } }
  .listing > li:last-child {
    border-bottom: none; }
  .listing .item-thumb, .listing .item-description {
    float: left; }
    @media only screen and (max-width: 600px) {
      .listing .item-thumb, .listing .item-description {
        float: none; } }
  .listing .item-thumb {
    display: block;
    overflow: hidden;
    width: 30%;
    max-height: 265px;
    position: relative; }
    @media only screen and (max-width: 600px) {
      .listing .item-thumb {
        width: 100%; } }
    .listing .item-thumb .corner-info {
      width: 160px;
      font-size: 1.3em;
      top: 20px;
      left: -40px;
      position: absolute;
      color: white;
      background: #D7B303;
      -webkit-transform: rotate(315deg);
      /* Ch <36, Saf 5.1+, iOS, An =<4.4.4 */
      -moz-transform: rotate(315deg);
      /* Mozilla */
      -ms-transform: rotate(315deg);
      /* IE 9 */
      transform: rotate(315deg);
      /* IE 10, Fx 16+, Op 12.1+ */
      padding: 5px;
      text-align: center; }
      .lt-ie9 .listing .item-thumb .corner-info {
        display: none; }
    .listing .item-thumb img {
      width: 100%;
      height: auto;
      vertical-align: top; }
  .listing .item-description {
    width: 70%;
    padding: 5px 0 10px 30px; }
    @media only screen and (max-width: 600px) {
      .listing .item-description {
        width: 100%;
        padding: 10px; } }
    .listing .item-description h3 {
      font-weight: 600;
      font-size: 2.1em;
      margin-bottom: 10px; }
    .listing .item-description p {
      font-weight: 400;
      line-height: 1.6em; }
    .listing .item-description .item-meta {
      margin-bottom: 20px; }
      .listing .item-description .item-meta p {
        margin-top: 0;
        line-height: 1.2em;
        margin-bottom: 5px;
        font-size: 1.4em; }
      .listing .item-description .item-meta ul {
        padding: 0;
        margin: 0; }
        .listing .item-description .item-meta ul:after {
          content: "";
          display: table;
          clear: both; }
        .listing .item-description .item-meta ul:before {
          content: "";
          display: table;
          clear: both; }
      .listing .item-description .item-meta li {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 1.2em;
        float: left;
        margin-right: 5px; }

/* --------------------------------------------------------------
[15] jquery-ui styling - removed
-------------------------------------------------------------- */
/* --------------------------------------------------------------
[16] search
-------------------------------------------------------------- */
/* --------------------------------------------------------------
[16.1] widget refine
-------------------------------------------------------------- */
.widget {
  margin-bottom: 40px; }
  .widget h3 {
    color: black;
    font-weight: 600;
    font-size: 2.2em;
    margin: 10px 0 20px 0; }
    .widget h3:after {
      font-family: 'icomoon';
      display: none;
      font-size: 0.7em;
      margin-left: 10px;
      cursor: pointer; }
    @media only screen and (max-width: 767px) {
      .widget h3 {
        margin-bottom: 5px;
        margin-top: 0; }
        .widget h3:after {
          display: inline; } }
  .widget.refine:after {
    content: "";
    display: table;
    clear: both; }
  .widget.refine:before {
    content: "";
    display: table;
    clear: both; }
  @media only screen and (max-width: 767px) {
    .widget.refine {
      margin-bottom: 20px;
      background: #DDDED9;
      padding: 20px; } }
  .widget.refine .refine-groups {
    background: #DDDED9;
    padding: 20px; }
    @media only screen and (max-width: 767px) {
      .widget.refine .refine-groups {
        display: none;
        padding: 0;
        margin-top: 15px; } }
  .widget.refine .refine-group {
    position: relative;
    padding-left: 20px; }
    .widget.refine .refine-group h4 {
      margin-top: 0;
      font-size: 1.8em;
      margin-bottom: 10px;
      cursor: pointer; }
      .widget.refine .refine-group h4:after {
        content: ''; }
      .widget.refine .refine-group h4:before {
        font-family: 'icomoon';
        font-size: 0.6em;
        position: absolute;
        left: 0px;
        top: 5px; }
    .widget.refine .refine-group.no-accord h4:before {
      display: none; }
    .widget.refine .refine-group .load-more {
      display: block;
      cursor: pointer;
      margin-top: 5px;
      font-size: 1.3em;
      text-decoration: underline; }
      .widget.refine .refine-group .load-more:hover, .widget.refine .refine-group .load-more:focus, .widget.refine .refine-group .load-more:active {
        color: black; }
  .widget.refine ul {
    margin: 0;
    padding: 0 0 10px 0;
    position: relative;
    zoom: 1; }
    .widget.refine ul:after {
      content: "";
      display: table;
      clear: both; }
    .widget.refine ul:before {
      content: "";
      display: table;
      clear: both; }
  .widget.refine li {
    list-style-type: none;
    font-size: 1.3em;
    margin-bottom: 3px; }
  .widget.refine .number {
    margin-left: 5px;
    font-size: 0.7em; }
  .widget.refine button.form-submit {
    width: 100%;
    margin-top: 10px; }
    @media only screen and (max-width: 767px) {
      .widget.refine button.form-submit {
        width: auto; } }

.selected-filters {
  min-height: 60px; }
  .selected-filters:after {
    content: "";
    display: table;
    clear: both; }
  .selected-filters:before {
    content: "";
    display: table;
    clear: both; }
  @media only screen and (max-width: 767px) {
    .selected-filters {
      min-height: 0; } }
  .selected-filters ul {
    padding: 0;
    margin: 10px 0;
    float: left; }
    .selected-filters ul:after {
      content: "";
      display: table;
      clear: both; }
    .selected-filters ul:before {
      content: "";
      display: table;
      clear: both; }
    @media only screen and (max-width: 767px) {
      .selected-filters ul {
        margin: 0; } }
  .selected-filters li {
    float: left;
    clear: none;
    list-style: none;
    margin-right: 25px;
    margin-bottom: 10px;
    height: 30px; }
    .selected-filters li:hover .filter-remove {
      background: #f0c803; }
    .selected-filters li a {
      display: block; }
      .selected-filters li a:hover {
        text-decoration: none; }
    .selected-filters li .filter-remove, .selected-filters li .filter-name {
      line-height: 30px; }
    .selected-filters li .filter-remove {
      padding: 0;
      width: 30px;
      height: 30px;
      line-height: 30px;
      text-align: center;
      margin-right: 8px;
      font-size: 12px; }
      .selected-filters li .filter-remove:before {
        font-family: 'icomoon'; }
    .selected-filters li .filter-name {
      font-size: 12.5px; }

/* --------------------------------------------------------------
[16.2] various search tools
-------------------------------------------------------------- */
.no-more-results {
  display: none;
  padding: 0 20px;
  text-align: center; }
  .no-more-results:after {
    content: "";
    display: table;
    clear: both; }
  .no-more-results:before {
    content: "";
    display: table;
    clear: both; }
  .no-more-results p {
    margin-right: 10px;
    display: inline; }

.search-meta {
  margin-bottom: 0;
  float: right;
  clear: both; }
  @media only screen and (max-width: 600px) {
    .search-meta {
      float: left;
      clear: both; } }

.more-results {
  display: block;
  color: white;
  text-align: center;
  padding: 10px 20px;
  margin-top: 10px; }
  .more-results a {
    float: none;
    display: inline; }

/* --------------------------------------------------------------
[16.3] order-by
-------------------------------------------------------------- */
.orderby {
  clear: both;
  float: left;
  width: auto;
  max-width: 250px;
  height: 38px; }
  @media only screen and (max-width: 600px) {
    .orderby {
      margin-bottom: 5px; } }
  .orderby label, .orderby .field {
    float: left;
    clear: none;
    width: auto;
    font-size: 1.2em; }
  @media only screen and (max-width: 600px) {
    .orderby .field {
      width: 100%;
      float: none; } }
  .orderby label {
    margin: 0 5px 0 0;
    padding: 10px 0; }
  .orderby.select select {
    font-size: 1.2em;
    background: #DDDED9;
    border: 0;
    min-width: 200px; }
  .heading .orderby {
    clear: none; }

/* --------------------------------------------------------------
[17] misc-components
-------------------------------------------------------------- */
/* --------------------------------------------------------------
[17.1] maps
-------------------------------------------------------------- */
.map {
  position: relative;
  overflow: hidden; }
  .map img, .map iframe {
    float: left;
    width: 100%; }
  .map iframe {
    display: none; }
  .map.loaded img {
    position: absolute;
    top: 0;
    left: 0; }

/* --------------------------------------------------------------
[17.2] breadcrumbs
-------------------------------------------------------------- */
.breadcrumbs {
  margin-bottom: 20px; }

.breadcrumbs li {
  font-size: 1.5em;
  margin-left: 15px;
  display: block;
  float: left;
  position: relative;
  padding-left: 15px; }

.breadcrumbs li:first-child {
  margin-left: 0;
  padding-left: 0; }

.breadcrumbs li:before {
  content: '/';
  float: left;
  display: block;
  padding-left: 0px;
  position: absolute;
  left: 0px;
  color: #C1A103; }

.breadcrumbs li:first-child:before {
  display: none; }

.breadcrumbs li a {
  display: block;
  color: #231F1F; }

/* --------------------------------------------------------------
[17.3] back to top styling
-------------------------------------------------------------- */
.back-to-top {
  position: relative;
  padding-right: 30px; }
  .back-to-top:after {
    font-family: 'icomoon';
    position: absolute;
    top: 50%;
    margin-top: -0.6em;
    font-size: 0.6em;
    padding-left: 5px; }
    .lt-ie9 .back-to-top:after {
      right: 15px; }

.sticky-back-to-top {
  position: fixed;
  right: 30px;
  bottom: 30px; }
  .sticky-back-to-top.foot-hit {
    position: absolute;
    bottom: 0; }
  @media only screen and (max-width: 600px) {
    .sticky-back-to-top {
      right: 5px;
      bottom: 5px; } }

/* --------------------------------------------------------------
[17.4] more accordian styling
-------------------------------------------------------------- */
.accordian-items {
  overflow: hidden;
  height: 0;
  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  -o-transition: height 0.3s;
  transition: height 0.3s; }
  .accordian-items.slow {
    -webkit-transition: height 0.6s;
    -moz-transition: height 0.6s;
    -o-transition: height 0.6s;
    transition: height 0.6s; }

.more-accordian {
  position: relative;
  font-size: 1.3em;
  cursor: pointer; }
  .more-accordian .less {
    display: none; }
  .more-accordian:after {
    position: absolute;
    font-family: 'icomoon';
    font-size: 0.4em;
    padding-left: 5px;
    top: 50%;
    margin-top: -0.6em; }
  .more-accordian.open .more {
    display: none; }
  .more-accordian.open .less {
    display: inline; }

/* --------------------------------------------------------------
[17.5] on/off switch / on/off button
-------------------------------------------------------------- */
.on-off-button {
  position: relative;
  float: left;
  margin-left: 10px;
  width: 38px;
  height: 38px;
  cursor: pointer;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
  background-color: #DDDED9; }
  .on-off-button.on {
    background-color: #D7B303; }
  .on-off-button:hover {
    text-decoration: none; }
  .on-off-button:hover {
    background-color: #e9eae7; }
    .on-off-button:hover.on {
      background-color: #f0c803; }
  .on-off-button .button-inner {
    display: block;
    text-align: center;
    color: black;
    height: 30px;
    width: 38px;
    position: absolute;
    top: 50%;
    margin-top: -16px; }
    .on-off-button .button-inner .button-text {
      font-size: 0; }
    .on-off-button .button-inner:before {
      font-family: 'icomoon';
      font-size: 2.2em;
      display: block; }
      .lt-ie9 .on-off-button .button-inner:before {
        text-align: center; }

/* --------------------------------------------------------------
[17.5] infinite loader components
-------------------------------------------------------------- */
.infinite-container .results-group {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
  /* IE 5-7 */
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transition: opacity 1s;
  -moz-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s; }
  .infinite-container .results-group:after {
    content: "";
    display: table;
    clear: both; }
  .infinite-container .results-group:before {
    content: "";
    display: table;
    clear: both; }
  .no-js .infinite-container .results-group {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    /* IE 5-7 */
    filter: alpha(opacity=100);
    opacity: 1; }
  .infinite-container .results-group.show {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    /* IE 5-7 */
    filter: alpha(opacity=100);
    opacity: 1; }
  .infinite-container .results-group:last-child li:last-child, .infinite-container .results-group:last-child .item:last-child {
    border-bottom: none; }

/* --------------------------------------------------------------
[17.6] tabs
-------------------------------------------------------------- */
.tabs .tab-title {
  padding: 10px;
  background-color: white;
  color: #ccc;
  float: left;
  border: 1px solid #ccc;
  border-right: 0;
  border-bottom: 0;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  .tabs .tab-title:last-child {
    border-right: 1px solid #ccc; }
  .tabs .tab-title h5 {
    margin: 0;
    font-size: 1.5em;
    font-weight: 400; }
  .tabs .tab-title:hover, .tabs .tab-title:active, .tabs .tab-title:focus, .tabs .tab-title.active {
    background-color: #D7B303;
    color: white; }
.tabs .tab-info-container {
  clear: both; }
  .tabs .tab-info-container:after {
    content: "";
    display: table;
    clear: both; }
  .tabs .tab-info-container:before {
    content: "";
    display: table;
    clear: both; }
.tabs .tab-info {
  overflow: hidden;
  position: absolute;
  display: none;
  padding: 10px;
  border: 1px solid #ccc;
  background: white; }
  .tabs .tab-info.active {
    position: relative;
    display: block; }

.filter-types.tabs {
  width: 60%;
  float: left;
  padding-right: 20px;
  margin-bottom: 20px; }
  @media only screen and (max-width: 767px) {
    .filter-types.tabs {
      width: 100%;
      padding-right: 0; } }
  .filter-types.tabs .tab-info-container {
    overflow: hidden; }

/* --------------------------------------------------------------
[17.6] social embeds
-------------------------------------------------------------- */
@media only screen and (max-width: 600px) {
  .sidebar {
    margin-top: 20px; } }
.sidebar iframe {
  height: 300px;
  width: 100%; }

/* --------------------------------------------------------------
[17.___] Misc items
-------------------------------------------------------------- */
.lazy {
  display: none; }

.square-image {
  width: 100%;
  padding-bottom: 100%;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  -webkit-transform: scale(1);
  /* Ch <36, Saf 5.1+, iOS, An =<4.4.4 */
  -moz-transform: scale(1);
  /* Mozilla */
  -ms-transform: scale(1);
  /* IE 9 */
  transform: scale(1);
  /* IE 10, Fx 16+, Op 12.1+ */
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  transition: transform 0.3s; }
  .square-image:hover, .square-image:active, .square-image:focus, .square-image.active {
    -webkit-transform: scale(1.03);
    /* Ch <36, Saf 5.1+, iOS, An =<4.4.4 */
    -moz-transform: scale(1.03);
    /* Mozilla */
    -ms-transform: scale(1.03);
    /* IE 9 */
    transform: scale(1.03);
    /* IE 10, Fx 16+, Op 12.1+ */ }

.tooltip.icon-info {
  position: relative;
  margin-left: 5px; }
  .tooltip.icon-info .hidden-info {
    display: none;
    font-family: "OpenSans", sans-serif;
    font-weight: 400;
    font-size: 1.1em;
    line-height: 1.21em;
    position: absolute;
    bottom: 30px;
    background: #D7B303;
    /* The Fallback */
    background: #d7b303;
    padding: 10px;
    width: 200px;
    z-index: 9999;
    right: 50%;
    margin-right: -100px; }
    .tooltip.icon-info .hidden-info:after {
      content: '';
      position: absolute;
      bottom: -10px;
      right: 50%;
      margin-right: -10px;
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 10px solid #D7B303;
      border-top: 10px solid #d7b303; }

/* --------------------------------------------------------------
[] footer
-------------------------------------------------------------- */
.footer {
  margin-top: 30px; }
  .footer .constraint {
    padding: 0 20px 26px; }
  .footer .column {
    float: left; }
    .footer .column.left {
      width: 30%; }
    .footer .column.middle {
      width: 45%;
      padding-left: 40px;
      padding-right: 30px; }
    .footer .column.right {
      width: 20%;
      float: right; }
  .footer h3 {
    color: #FFF; }
  .footer .accordion-content a:hover, .footer .accordion-content a:focus {
    text-decoration: none; }
    .footer .accordion-content a:hover .icon-marker, .footer .accordion-content a:focus .icon-marker {
      color: #D7B303; }
  .footer h4 {
    color: #D7B303;
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 1.6em; }
  .footer .icon-marker {
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
    font-size: 20px;
    line-height: 16px;
    color: white; }
  .footer p {
    line-height: 2;
    font-size: 1.5em; }
  .footer a {
    color: #FFF; }

.social-icons {
  margin-bottom: 10px; }
  .social-icons img {
    margin-right: 20px; }

/*newsletter sign-up*/
.newsletter-sign-up {
  height: 40px;
  margin-bottom: 20px;
  position: relative; }
  .newsletter-sign-up input[type="text"] {
    padding: 10px;
    font-size: 1.4em;
    height: 100%;
    border: none;
    display: block;
    float: left;
    width: 80%; }
  .newsletter-sign-up button {
    height: 100%;
    border: none;
    text-align: center;
    background: #BBBDB3;
    display: block;
    float: left;
    font-size: 10px;
    width: 20%; }
    .newsletter-sign-up button:hover, .newsletter-sign-up button:active, .newsletter-sign-up button:focus, .newsletter-sign-up button.active {
      background: #A9AC9F; }

/*footer links*/
.footer-links {
  margin-top: 15px; }
  .footer-links li {
    display: block;
    float: left;
    font-size: 1.4em;
    padding-left: 15px;
    margin-left: 15px;
    border-left: 1px solid; }
    .footer-links li:first-child {
      padding-left: 0;
      margin-left: 0;
      border-left: none; }
    .footer-links li a:hover {
      text-decoration: none;
      color: #D7B303; }

/*[fmt]1000-010A-3*/
                     /*
desktop smaller - <= 1210
*/
/*
mobile
*/
@media screen and (max-width: 767px) {
  /*general*/
  /* heading lines */
  .line-bottom {
    margin-top: 25px;
    margin-bottom: 20px;
    padding-bottom: 15px; }

  .line-bottom .heading-link {
    display: block;
    position: relative;
    margin-top: 5px;
    font-size: 0.6em;
    bottom: 3px; }

  /*helpers*/
  .desktop-only {
    display: none !important; }

  .mobile-only {
    display: block !important; }

  .mobile-hide {
    display: none !important; }

  .mobile-stack {
    width: 100% !important;
    float: none;
    clear: both; }

  /*show menu buton*/
  /*feature images*/
  .feature-image img {
    min-width: 0;
    width: 100%; }

  .feature-image-caption {
    position: relative;
    background: #000000; }

  .feature-image-caption-text {
    padding: 12px 20px; }

  .feature-image-caption-text p {
    font-size: 1.8em; }

  .feature-image-caption-text p.date {
    margin-top: 0;
    font-size: 1.4em; }

  /*items*/
  .items-row {
    margin-bottom: 0; }

  .has-borders .item:before {
    display: none; }

  .item-description p {
    font-size: 1.4em; }

  /*explore collections*/
  .collections-items .column {
    margin-right: 0; }

  .collections-item {
    float: left;
    margin-right: 20px; }

  .collections-item img {
    max-height: 217px;
    width: auto; }

  /*promo area*/
  .promo-area .constraint {
    padding-top: 30px;
    padding-left: 13px;
    padding-right: 13px;
    padding-bottom: 30px; }

  .promo-item-icon {
    margin-bottom: 29px;
    position: relative; }

  .promo-item:last-child .promo-item-icon {
    margin-bottom: 0; }

  /*
  pages - inner
  */
  .breadcrumbs {
    display: none; }

  .content h2 {
    font-size: 2em; }

  .content h3 {
    font-size: 1.8em; }

  .content h4 {
    font-size: 1.6em; }

  .summary-text {
    border-right: none;
    border-bottom: 1px solid #bbbdb3;
    margin-bottom: 10px; }

  .summary-text p {
    font-size: 1.5em; }

  .sub-nav {
    border-top: 1px solid #bbbdb3;
    margin-top: 40px;
    padding-top: 40px; }

  /*footer*/
  .footer {
    margin-top: 10px; }

  .footer .constraint {
    padding-top: 10px; }

  .footer .column {
    padding-left: 0px !important;
    padding-right: 0px !important; }

  .footer-links {
    padding-top: 17px;
    margin: 20px 0 0; }

  .footer-links li {
    float: none;
    padding: 5px 0px;
    margin: 0px;
    border-left: none;
    border-top: 1px solid #333;
    display: block; }

  .footer-links li:first-child {
    border-top: none;
    /*[empty]padding-top:;*/ }

  .footer-links li a {
    float: none; }

  /* mobile accordions */
  .accordion-heading {
    margin-top: 15px;
    margin-bottom: 15px; }

  .accordion-heading a.open-and-close {
    font-size: 12px;
    margin-top: 7px;
    outline: none; }

  .accordion-heading a.open-and-close:hover {
    text-decoration: none;
    color: #D7B303; }

  .accordion-heading a.open-and-close i {
    padding: 14px; }

  .accordion-heading a.open-and-close.open .icon-arrow-down {
    display: none; }

  .accordion-heading a.open-and-close.closed .icon-arrow-up {
    display: none; }

  .accordion-content-container {
    -webkit-transition: height, 0.3s;
    -moz-transition: height, 0.3s;
    -ms-transition: height, 0.3s;
    -o-transition: height, 0.3s;
    transition: height, 0.3s;
    border-bottom: 1px solid #8F8F8F;
    position: relative;
    overflow: hidden; }

  .accordion-content-container.closed {
    height: 0;
    overflow: hidden; } }

/*# sourceMappingURL=style.css.map */