/**
 * 3rd party
 *
 * External plugins and styles
 **/
/**
 * Prevent the user from selecting/highlighting the area.
 */
/**
 * [Subtracts the border and padding from the width of the element.]
 */
/**
 * [scale description]
 * @param  {[int]} $zoom [The level of zoom you want on the element. eg: '1.1'.]
 */
/**
 * [Pass the angle you want the element to rotate. eg: 90deg. NOTE: You need to add 'deg' to the angle. eg: 90deg.]
 * @param  {[int with 'deg' appended]} $deg [The angle of the rotation]
 */
/**
 * [Rotate and vertically align element within a relatively positioned element. NOTE: You need to add 'deg' to the angle. eg: 90deg.]
 * @param  {[percentage]} $topPos [Pass the vertical position as a percetage. eg 50% will horizontally center align the element.]
 * @param  {[int with 'deg' appended]} $deg [The angle of the rotation]
 */
/**
 * [Rotate and horizontally align element within a relatively positioned element. NOTE: You need to add 'deg' to the angle. eg: 90deg.]
 * @param  {[percentage]} $topPos [Pass the vertical position as a percetage. eg 50% will horizontally center align the element.]
 * @param  {[int with 'deg' appended]} $deg [The angle of the rotation]
 */
/**
 * [Vertically align element within a relatively positioned element.]
 * @param  {[percentage]} $topPos [Pass the vertical position as a percetage. eg 50% will vertically center align the element.]
 */
/**
 * [Horizontally align element within a relatively positioned element.]
 * @param  {[percentage]} $leftPos [Pass the vertical position as a percetage. eg 50% will horizontally center align the element.]
 */
/**
 * [Horizontally and vertically align element within a relatively positioned element.]
 * @param  {[percentage]} $leftPos [Pass the horizontally position as a percetage. eg 50% will horizontally center align the element.]
 * @param  {[percentage]} $topPos [Pass the vertical position as a percetage. eg 50% will horizontally center align the element.]
 */
/**
 * [transition description]
 * @param  {[style]} $propertie [The style you want to animate. Defaults to 'all'.]
 * @param  {[int in seconds]} $time      [The speed at which you want the transition to take. Defaults to '0.3s'.]
 * @param  {[movement type]} $mode      [The type of movement you want eg: linear, ease, ease-in, ease-out. Defaults to 'linear'.]
 */
/**
 * Grid panels
 * Creates a grid of items that have a fixed height
 * @param $cols int = number of items per row
 * @param $col_gap percent = gap between items in each row (optional, defaults to 2%)
 * @param $row_gap percent = gap between row (optional, defaults to two times col_gap (4%))
 **/
/**
 * Multi-column
 * @param $cols int = number of columns to span
 * @param $sum int = total number of columns
 * @param $gap mixed = gap between items (optional, defaults to 1rem)
 **/
/**
 * Removes all Transitions, Transforms, and Animations;
 */
/**
 * Map names to colours
 * @type {[type]}
 */
.black_text {
  color: #191919 !important; }
  .black_text.darken {
    color: black !important; }
  .black_text.lighten {
    color: #333333 !important; }

.black_bg {
  background-color: #191919 !important; }
  .black_bg.button {
    /*@at-root a.black_bg.button {*/ }
    .black_bg.button:hover {
      background: #232323 !important; }
  .black_bg.darken {
    background: black !important; }
  .black_bg.lighten {
    background: #333333 !important; }

.black_fill.hover-darken svg:hover {
  fill: black !important; }

.black_fill.hover-darken.darken svg:hover {
  fill: black !important; }

.black_fill.hover-lighten svg {
  fill: #333333 !important; }

.black_fill.hover-lighten.lighten svg {
  fill: #4c4c4c !important; }

.black_fill svg {
  fill: #191919 !important; }

.black_fill.darken svg {
  fill: black !important; }

.black_fill.lighten svg {
  fill: #333333 !important; }

.black_stroke.hover-darken svg:hover {
  stroke: black !important; }

.black_stroke.hover-darken.darken svg:hover {
  stroke: black !important; }

.black_stroke.hover-lighten svg {
  stroke: #333333 !important; }

.black_stroke.hover-lighten.lighten svg {
  stroke: #4c4c4c !important; }

.black_stroke svg {
  stroke: #191919 !important; }

.black_stroke.darken svg {
  stroke: black !important; }

.black_stroke.lighten svg {
  stroke: #333333 !important; }

.road_black_text {
  color: #444444 !important; }
  .road_black_text.darken {
    color: #2b2b2b !important; }
  .road_black_text.lighten {
    color: #5e5e5e !important; }

.road_black_bg {
  background-color: #444444 !important; }
  .road_black_bg.button {
    /*@at-root a.road_black_bg.button {*/ }
    .road_black_bg.button:hover {
      background: #4e4e4e !important; }
  .road_black_bg.darken {
    background: #2b2b2b !important; }
  .road_black_bg.lighten {
    background: #5e5e5e !important; }

.road_black_fill.hover-darken svg:hover {
  fill: #2b2b2b !important; }

.road_black_fill.hover-darken.darken svg:hover {
  fill: #111111 !important; }

.road_black_fill.hover-lighten svg {
  fill: #5e5e5e !important; }

.road_black_fill.hover-lighten.lighten svg {
  fill: #777777 !important; }

.road_black_fill svg {
  fill: #444444 !important; }

.road_black_fill.darken svg {
  fill: #2b2b2b !important; }

.road_black_fill.lighten svg {
  fill: #5e5e5e !important; }

.road_black_stroke.hover-darken svg:hover {
  stroke: #2b2b2b !important; }

.road_black_stroke.hover-darken.darken svg:hover {
  stroke: #111111 !important; }

.road_black_stroke.hover-lighten svg {
  stroke: #5e5e5e !important; }

.road_black_stroke.hover-lighten.lighten svg {
  stroke: #777777 !important; }

.road_black_stroke svg {
  stroke: #444444 !important; }

.road_black_stroke.darken svg {
  stroke: #2b2b2b !important; }

.road_black_stroke.lighten svg {
  stroke: #5e5e5e !important; }

.charcoal_text {
  color: #3a3a3a !important; }
  .charcoal_text.darken {
    color: #212121 !important; }
  .charcoal_text.lighten {
    color: #545454 !important; }

.charcoal_bg {
  background-color: #3a3a3a !important; }
  .charcoal_bg.button {
    /*@at-root a.charcoal_bg.button {*/ }
    .charcoal_bg.button:hover {
      background: #444444 !important; }
  .charcoal_bg.darken {
    background: #212121 !important; }
  .charcoal_bg.lighten {
    background: #545454 !important; }

.charcoal_fill.hover-darken svg:hover {
  fill: #212121 !important; }

.charcoal_fill.hover-darken.darken svg:hover {
  fill: #070707 !important; }

.charcoal_fill.hover-lighten svg {
  fill: #545454 !important; }

.charcoal_fill.hover-lighten.lighten svg {
  fill: #6d6d6d !important; }

.charcoal_fill svg {
  fill: #3a3a3a !important; }

.charcoal_fill.darken svg {
  fill: #212121 !important; }

.charcoal_fill.lighten svg {
  fill: #545454 !important; }

.charcoal_stroke.hover-darken svg:hover {
  stroke: #212121 !important; }

.charcoal_stroke.hover-darken.darken svg:hover {
  stroke: #070707 !important; }

.charcoal_stroke.hover-lighten svg {
  stroke: #545454 !important; }

.charcoal_stroke.hover-lighten.lighten svg {
  stroke: #6d6d6d !important; }

.charcoal_stroke svg {
  stroke: #3a3a3a !important; }

.charcoal_stroke.darken svg {
  stroke: #212121 !important; }

.charcoal_stroke.lighten svg {
  stroke: #545454 !important; }

.grey_text {
  color: #BABFBD !important; }
  .grey_text.darken {
    color: #a0a6a4 !important; }
  .grey_text.lighten {
    color: #d4d8d6 !important; }

.grey_bg {
  background-color: #BABFBD !important; }
  .grey_bg.button {
    /*@at-root a.grey_bg.button {*/ }
    .grey_bg.button:hover {
      background: #c5c9c7 !important; }
  .grey_bg.darken {
    background: #a0a6a4 !important; }
  .grey_bg.lighten {
    background: #d4d8d6 !important; }

.grey_fill.hover-darken svg:hover {
  fill: #a0a6a4 !important; }

.grey_fill.hover-darken.darken svg:hover {
  fill: #858e8a !important; }

.grey_fill.hover-lighten svg {
  fill: #d4d8d6 !important; }

.grey_fill.hover-lighten.lighten svg {
  fill: #eff0f0 !important; }

.grey_fill svg {
  fill: #BABFBD !important; }

.grey_fill.darken svg {
  fill: #a0a6a4 !important; }

.grey_fill.lighten svg {
  fill: #d4d8d6 !important; }

.grey_stroke.hover-darken svg:hover {
  stroke: #a0a6a4 !important; }

.grey_stroke.hover-darken.darken svg:hover {
  stroke: #858e8a !important; }

.grey_stroke.hover-lighten svg {
  stroke: #d4d8d6 !important; }

.grey_stroke.hover-lighten.lighten svg {
  stroke: #eff0f0 !important; }

.grey_stroke svg {
  stroke: #BABFBD !important; }

.grey_stroke.darken svg {
  stroke: #a0a6a4 !important; }

.grey_stroke.lighten svg {
  stroke: #d4d8d6 !important; }

.white_text {
  color: #FFFFFF !important; }
  .white_text.darken {
    color: #e6e6e6 !important; }
  .white_text.lighten {
    color: white !important; }

.white_bg {
  background-color: #FFFFFF !important; }
  .white_bg.button {
    /*@at-root a.white_bg.button {*/ }
    .white_bg.button:hover {
      background: white !important; }
  .white_bg.darken {
    background: #e6e6e6 !important; }
  .white_bg.lighten {
    background: white !important; }

.white_fill.hover-darken svg:hover {
  fill: #e6e6e6 !important; }

.white_fill.hover-darken.darken svg:hover {
  fill: #cccccc !important; }

.white_fill.hover-lighten svg {
  fill: white !important; }

.white_fill.hover-lighten.lighten svg {
  fill: white !important; }

.white_fill svg {
  fill: #FFFFFF !important; }

.white_fill.darken svg {
  fill: #e6e6e6 !important; }

.white_fill.lighten svg {
  fill: white !important; }

.white_stroke.hover-darken svg:hover {
  stroke: #e6e6e6 !important; }

.white_stroke.hover-darken.darken svg:hover {
  stroke: #cccccc !important; }

.white_stroke.hover-lighten svg {
  stroke: white !important; }

.white_stroke.hover-lighten.lighten svg {
  stroke: white !important; }

.white_stroke svg {
  stroke: #FFFFFF !important; }

.white_stroke.darken svg {
  stroke: #e6e6e6 !important; }

.white_stroke.lighten svg {
  stroke: white !important; }

.purple_text {
  color: #7549ec !important; }
  .purple_text.darken {
    color: #521be7 !important; }
  .purple_text.lighten {
    color: #9877f1 !important; }

.purple_bg {
  background-color: #7549ec !important; }
  .purple_bg.button {
    /*@at-root a.purple_bg.button {*/ }
    .purple_bg.button:hover {
      background: #835bee !important; }
  .purple_bg.darken {
    background: #521be7 !important; }
  .purple_bg.lighten {
    background: #9877f1 !important; }

.purple_fill.hover-darken svg:hover {
  fill: #521be7 !important; }

.purple_fill.hover-darken.darken svg:hover {
  fill: #4114bb !important; }

.purple_fill.hover-lighten svg {
  fill: #9877f1 !important; }

.purple_fill.hover-lighten.lighten svg {
  fill: #bba5f6 !important; }

.purple_fill svg {
  fill: #7549ec !important; }

.purple_fill.darken svg {
  fill: #521be7 !important; }

.purple_fill.lighten svg {
  fill: #9877f1 !important; }

.purple_stroke.hover-darken svg:hover {
  stroke: #521be7 !important; }

.purple_stroke.hover-darken.darken svg:hover {
  stroke: #4114bb !important; }

.purple_stroke.hover-lighten svg {
  stroke: #9877f1 !important; }

.purple_stroke.hover-lighten.lighten svg {
  stroke: #bba5f6 !important; }

.purple_stroke svg {
  stroke: #7549ec !important; }

.purple_stroke.darken svg {
  stroke: #521be7 !important; }

.purple_stroke.lighten svg {
  stroke: #9877f1 !important; }

.beige_text {
  color: #e6e2b6 !important; }
  .beige_text.darken {
    color: #d9d390 !important; }
  .beige_text.lighten {
    color: #f3f1dc !important; }

.beige_bg {
  background-color: #e6e2b6 !important; }
  .beige_bg.button {
    /*@at-root a.beige_bg.button {*/ }
    .beige_bg.button:hover {
      background: #ebe8c5 !important; }
  .beige_bg.darken {
    background: #d9d390 !important; }
  .beige_bg.lighten {
    background: #f3f1dc !important; }

.beige_fill.hover-darken svg:hover {
  fill: #d9d390 !important; }

.beige_fill.hover-darken.darken svg:hover {
  fill: #ccc46a !important; }

.beige_fill.hover-lighten svg {
  fill: #f3f1dc !important; }

.beige_fill.hover-lighten.lighten svg {
  fill: white !important; }

.beige_fill svg {
  fill: #e6e2b6 !important; }

.beige_fill.darken svg {
  fill: #d9d390 !important; }

.beige_fill.lighten svg {
  fill: #f3f1dc !important; }

.beige_stroke.hover-darken svg:hover {
  stroke: #d9d390 !important; }

.beige_stroke.hover-darken.darken svg:hover {
  stroke: #ccc46a !important; }

.beige_stroke.hover-lighten svg {
  stroke: #f3f1dc !important; }

.beige_stroke.hover-lighten.lighten svg {
  stroke: white !important; }

.beige_stroke svg {
  stroke: #e6e2b6 !important; }

.beige_stroke.darken svg {
  stroke: #d9d390 !important; }

.beige_stroke.lighten svg {
  stroke: #f3f1dc !important; }

.yellow_text {
  color: #eea421 !important; }
  .yellow_text.darken {
    color: #cc8810 !important; }
  .yellow_text.lighten {
    color: #f2b750 !important; }

.yellow_bg {
  background-color: #eea421 !important; }
  .yellow_bg.button {
    /*@at-root a.yellow_bg.button {*/ }
    .yellow_bg.button:hover {
      background: #efac34 !important; }
  .yellow_bg.darken {
    background: #cc8810 !important; }
  .yellow_bg.lighten {
    background: #f2b750 !important; }

.yellow_fill.hover-darken svg:hover {
  fill: #cc8810 !important; }

.yellow_fill.hover-darken.darken svg:hover {
  fill: #9d690c !important; }

.yellow_fill.hover-lighten svg {
  fill: #f2b750 !important; }

.yellow_fill.hover-lighten.lighten svg {
  fill: #f5cb80 !important; }

.yellow_fill svg {
  fill: #eea421 !important; }

.yellow_fill.darken svg {
  fill: #cc8810 !important; }

.yellow_fill.lighten svg {
  fill: #f2b750 !important; }

.yellow_stroke.hover-darken svg:hover {
  stroke: #cc8810 !important; }

.yellow_stroke.hover-darken.darken svg:hover {
  stroke: #9d690c !important; }

.yellow_stroke.hover-lighten svg {
  stroke: #f2b750 !important; }

.yellow_stroke.hover-lighten.lighten svg {
  stroke: #f5cb80 !important; }

.yellow_stroke svg {
  stroke: #eea421 !important; }

.yellow_stroke.darken svg {
  stroke: #cc8810 !important; }

.yellow_stroke.lighten svg {
  stroke: #f2b750 !important; }

.we_yellow_text {
  color: #FDB930 !important; }
  .we_yellow_text.darken {
    color: #f8a602 !important; }
  .we_yellow_text.lighten {
    color: #fdca63 !important; }

.we_yellow_bg {
  background-color: #FDB930 !important; }
  .we_yellow_bg.button {
    /*@at-root a.we_yellow_bg.button {*/ }
    .we_yellow_bg.button:hover {
      background: #fdc044 !important; }
  .we_yellow_bg.darken {
    background: #f8a602 !important; }
  .we_yellow_bg.lighten {
    background: #fdca63 !important; }

.we_yellow_fill.hover-darken svg:hover {
  fill: #f8a602 !important; }

.we_yellow_fill.hover-darken.darken svg:hover {
  fill: #c58402 !important; }

.we_yellow_fill.hover-lighten svg {
  fill: #fdca63 !important; }

.we_yellow_fill.hover-lighten.lighten svg {
  fill: #fedb95 !important; }

.we_yellow_fill svg {
  fill: #FDB930 !important; }

.we_yellow_fill.darken svg {
  fill: #f8a602 !important; }

.we_yellow_fill.lighten svg {
  fill: #fdca63 !important; }

.we_yellow_stroke.hover-darken svg:hover {
  stroke: #f8a602 !important; }

.we_yellow_stroke.hover-darken.darken svg:hover {
  stroke: #c58402 !important; }

.we_yellow_stroke.hover-lighten svg {
  stroke: #fdca63 !important; }

.we_yellow_stroke.hover-lighten.lighten svg {
  stroke: #fedb95 !important; }

.we_yellow_stroke svg {
  stroke: #FDB930 !important; }

.we_yellow_stroke.darken svg {
  stroke: #f8a602 !important; }

.we_yellow_stroke.lighten svg {
  stroke: #fdca63 !important; }

.yellowBg_text {
  color: #f2bb60 !important; }
  .yellowBg_text.darken {
    color: #eea731 !important; }
  .yellowBg_text.lighten {
    color: #f6cf8f !important; }

.yellowBg_bg {
  background-color: #f2bb60 !important; }
  .yellowBg_bg.button {
    /*@at-root a.yellowBg_bg.button {*/ }
    .yellowBg_bg.button:hover {
      background: #f4c373 !important; }
  .yellowBg_bg.darken {
    background: #eea731 !important; }
  .yellowBg_bg.lighten {
    background: #f6cf8f !important; }

.yellowBg_fill.hover-darken svg:hover {
  fill: #eea731 !important; }

.yellowBg_fill.hover-darken.darken svg:hover {
  fill: #da8f12 !important; }

.yellowBg_fill.hover-lighten svg {
  fill: #f6cf8f !important; }

.yellowBg_fill.hover-lighten.lighten svg {
  fill: #fae3be !important; }

.yellowBg_fill svg {
  fill: #f2bb60 !important; }

.yellowBg_fill.darken svg {
  fill: #eea731 !important; }

.yellowBg_fill.lighten svg {
  fill: #f6cf8f !important; }

.yellowBg_stroke.hover-darken svg:hover {
  stroke: #eea731 !important; }

.yellowBg_stroke.hover-darken.darken svg:hover {
  stroke: #da8f12 !important; }

.yellowBg_stroke.hover-lighten svg {
  stroke: #f6cf8f !important; }

.yellowBg_stroke.hover-lighten.lighten svg {
  stroke: #fae3be !important; }

.yellowBg_stroke svg {
  stroke: #f2bb60 !important; }

.yellowBg_stroke.darken svg {
  stroke: #eea731 !important; }

.yellowBg_stroke.lighten svg {
  stroke: #f6cf8f !important; }

.emergencyRed_text {
  color: #d984a2 !important; }
  .emergencyRed_text.darken {
    color: #cd5d85 !important; }
  .emergencyRed_text.lighten {
    color: #e5abbf !important; }

.emergencyRed_bg {
  background-color: #d984a2 !important; }
  .emergencyRed_bg.button {
    /*@at-root a.emergencyRed_bg.button {*/ }
    .emergencyRed_bg.button:hover {
      background: #de94ae !important; }
  .emergencyRed_bg.darken {
    background: #cd5d85 !important; }
  .emergencyRed_bg.lighten {
    background: #e5abbf !important; }

.emergencyRed_fill.hover-darken svg:hover {
  fill: #cd5d85 !important; }

.emergencyRed_fill.hover-darken.darken svg:hover {
  fill: #bd3a68 !important; }

.emergencyRed_fill.hover-lighten svg {
  fill: #e5abbf !important; }

.emergencyRed_fill.hover-lighten.lighten svg {
  fill: #f1d2dd !important; }

.emergencyRed_fill svg {
  fill: #d984a2 !important; }

.emergencyRed_fill.darken svg {
  fill: #cd5d85 !important; }

.emergencyRed_fill.lighten svg {
  fill: #e5abbf !important; }

.emergencyRed_stroke.hover-darken svg:hover {
  stroke: #cd5d85 !important; }

.emergencyRed_stroke.hover-darken.darken svg:hover {
  stroke: #bd3a68 !important; }

.emergencyRed_stroke.hover-lighten svg {
  stroke: #e5abbf !important; }

.emergencyRed_stroke.hover-lighten.lighten svg {
  stroke: #f1d2dd !important; }

.emergencyRed_stroke svg {
  stroke: #d984a2 !important; }

.emergencyRed_stroke.darken svg {
  stroke: #cd5d85 !important; }

.emergencyRed_stroke.lighten svg {
  stroke: #e5abbf !important; }

.signGreen_text {
  color: #579b77 !important; }
  .signGreen_text.darken {
    color: #457a5e !important; }
  .signGreen_text.lighten {
    color: #74b191 !important; }

.signGreen_bg {
  background-color: #579b77 !important; }
  .signGreen_bg.button {
    /*@at-root a.signGreen_bg.button {*/ }
    .signGreen_bg.button:hover {
      background: #60a681 !important; }
  .signGreen_bg.darken {
    background: #457a5e !important; }
  .signGreen_bg.lighten {
    background: #74b191 !important; }

.signGreen_fill.hover-darken svg:hover {
  fill: #457a5e !important; }

.signGreen_fill.hover-darken.darken svg:hover {
  fill: #325a45 !important; }

.signGreen_fill.hover-lighten svg {
  fill: #74b191 !important; }

.signGreen_fill.hover-lighten.lighten svg {
  fill: #95c3ab !important; }

.signGreen_fill svg {
  fill: #579b77 !important; }

.signGreen_fill.darken svg {
  fill: #457a5e !important; }

.signGreen_fill.lighten svg {
  fill: #74b191 !important; }

.signGreen_stroke.hover-darken svg:hover {
  stroke: #457a5e !important; }

.signGreen_stroke.hover-darken.darken svg:hover {
  stroke: #325a45 !important; }

.signGreen_stroke.hover-lighten svg {
  stroke: #74b191 !important; }

.signGreen_stroke.hover-lighten.lighten svg {
  stroke: #95c3ab !important; }

.signGreen_stroke svg {
  stroke: #579b77 !important; }

.signGreen_stroke.darken svg {
  stroke: #457a5e !important; }

.signGreen_stroke.lighten svg {
  stroke: #74b191 !important; }

.green_text {
  color: #5ea883 !important; }
  .green_text.darken {
    color: #4a896a !important; }
  .green_text.lighten {
    color: #7fba9d !important; }

.green_bg {
  background-color: #5ea883 !important; }
  .green_bg.button {
    /*@at-root a.green_bg.button {*/ }
    .green_bg.button:hover {
      background: #6baf8d !important; }
  .green_bg.darken {
    background: #4a896a !important; }
  .green_bg.lighten {
    background: #7fba9d !important; }

.green_fill.hover-darken svg:hover {
  fill: #4a896a !important; }

.green_fill.hover-darken.darken svg:hover {
  fill: #386850 !important; }

.green_fill.hover-lighten svg {
  fill: #7fba9d !important; }

.green_fill.hover-lighten.lighten svg {
  fill: #a0ccb6 !important; }

.green_fill svg {
  fill: #5ea883 !important; }

.green_fill.darken svg {
  fill: #4a896a !important; }

.green_fill.lighten svg {
  fill: #7fba9d !important; }

.green_stroke.hover-darken svg:hover {
  stroke: #4a896a !important; }

.green_stroke.hover-darken.darken svg:hover {
  stroke: #386850 !important; }

.green_stroke.hover-lighten svg {
  stroke: #7fba9d !important; }

.green_stroke.hover-lighten.lighten svg {
  stroke: #a0ccb6 !important; }

.green_stroke svg {
  stroke: #5ea883 !important; }

.green_stroke.darken svg {
  stroke: #4a896a !important; }

.green_stroke.lighten svg {
  stroke: #7fba9d !important; }

.red_text {
  color: #c8504f !important; }
  .red_text.darken {
    color: #ae3736 !important; }
  .red_text.lighten {
    color: #d47776 !important; }

.red_bg {
  background-color: #c8504f !important; }
  .red_bg.button {
    /*@at-root a.red_bg.button {*/ }
    .red_bg.button:hover {
      background: #cd5f5f !important; }
  .red_bg.darken {
    background: #ae3736 !important; }
  .red_bg.lighten {
    background: #d47776 !important; }

.red_fill.hover-darken svg:hover {
  fill: #ae3736 !important; }

.red_fill.hover-darken.darken svg:hover {
  fill: #872b2a !important; }

.red_fill.hover-lighten svg {
  fill: #d47776 !important; }

.red_fill.hover-lighten.lighten svg {
  fill: #e09d9d !important; }

.red_fill svg {
  fill: #c8504f !important; }

.red_fill.darken svg {
  fill: #ae3736 !important; }

.red_fill.lighten svg {
  fill: #d47776 !important; }

.red_stroke.hover-darken svg:hover {
  stroke: #ae3736 !important; }

.red_stroke.hover-darken.darken svg:hover {
  stroke: #872b2a !important; }

.red_stroke.hover-lighten svg {
  stroke: #d47776 !important; }

.red_stroke.hover-lighten.lighten svg {
  stroke: #e09d9d !important; }

.red_stroke svg {
  stroke: #c8504f !important; }

.red_stroke.darken svg {
  stroke: #ae3736 !important; }

.red_stroke.lighten svg {
  stroke: #d47776 !important; }

.pink_text {
  color: #d984a2 !important; }
  .pink_text.darken {
    color: #cd5d85 !important; }
  .pink_text.lighten {
    color: #e5abbf !important; }

.pink_bg {
  background-color: #d984a2 !important; }
  .pink_bg.button {
    /*@at-root a.pink_bg.button {*/ }
    .pink_bg.button:hover {
      background: #de94ae !important; }
  .pink_bg.darken {
    background: #cd5d85 !important; }
  .pink_bg.lighten {
    background: #e5abbf !important; }

.pink_fill.hover-darken svg:hover {
  fill: #cd5d85 !important; }

.pink_fill.hover-darken.darken svg:hover {
  fill: #bd3a68 !important; }

.pink_fill.hover-lighten svg {
  fill: #e5abbf !important; }

.pink_fill.hover-lighten.lighten svg {
  fill: #f1d2dd !important; }

.pink_fill svg {
  fill: #d984a2 !important; }

.pink_fill.darken svg {
  fill: #cd5d85 !important; }

.pink_fill.lighten svg {
  fill: #e5abbf !important; }

.pink_stroke.hover-darken svg:hover {
  stroke: #cd5d85 !important; }

.pink_stroke.hover-darken.darken svg:hover {
  stroke: #bd3a68 !important; }

.pink_stroke.hover-lighten svg {
  stroke: #e5abbf !important; }

.pink_stroke.hover-lighten.lighten svg {
  stroke: #f1d2dd !important; }

.pink_stroke svg {
  stroke: #d984a2 !important; }

.pink_stroke.darken svg {
  stroke: #cd5d85 !important; }

.pink_stroke.lighten svg {
  stroke: #e5abbf !important; }

/**
 * Retrieve colour from $colours map
 * @param  {string} $key [name of colour, as defined in $colours map]
 * @return hex colour
 */
header {
  min-height: 97vh;
  padding: 40px 20px 80px;
  position: relative;
  max-width: 900px;
  width: 100%;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  header .header_nav {
    display: block;
    width: 100%;
    max-width: 800px;
    margin: -40px auto 0; }
    @media all and (max-width: 768px) {
      header .header_nav {
        margin: 0 auto; } }
    header .header_nav .nav_item_wrapper {
      display: inline-block;
      float: left;
      width: 33%;
      text-align: center; }
      header .header_nav .nav_item_wrapper:nth-of-type(1) .nav_item {
        padding: 0 20px; }
        header .header_nav .nav_item_wrapper:nth-of-type(1) .nav_item:hover {
          background-image: url("/site/images/about-arran-farm.png");
          background-repeat: no-repeat;
          background-position: center center;
          -webkit-background-size: contain;
          -moz-background-size: contain;
          -o-background-size: contain;
          background-size: contain; }
      header .header_nav .nav_item_wrapper:nth-of-type(2) {
        margin-top: 80px; }
        header .header_nav .nav_item_wrapper:nth-of-type(2) .nav_item {
          padding: 0 20px; }
          header .header_nav .nav_item_wrapper:nth-of-type(2) .nav_item:hover {
            background-image: url("/site/images/find-us.png");
            background-repeat: no-repeat;
            background-position: center center;
            -webkit-background-size: contain;
            -moz-background-size: contain;
            -o-background-size: contain;
            background-size: contain; }
      header .header_nav .nav_item_wrapper:nth-of-type(3) .nav_item {
        padding: 0 20px; }
        header .header_nav .nav_item_wrapper:nth-of-type(3) .nav_item:hover {
          background-image: url("/site/images/about-our-milk.png");
          background-repeat: no-repeat;
          background-position: center center;
          -webkit-background-size: contain;
          -moz-background-size: contain;
          -o-background-size: contain;
          background-size: contain; }
      header .header_nav .nav_item_wrapper img {
        margin: 0 auto; }
    header .header_nav .nav_item {
      display: inline-block; }
  header .logo {
    display: block;
    text-align: center; }
    header .logo img {
      display: inline-block;
      max-width: 100%;
      height: auto;
      margin: 0 auto; }
  header .quote_image {
    display: block;
    text-align: center;
    margin: 50px 0; }
    header .quote_image img {
      display: inline-block;
      max-width: 100%;
      height: auto;
      margin: 0 auto; }
  header .bee {
    position: absolute;
    left: 60%;
    min-width: 500px; }
  header .social {
    position: absolute;
    left: 0;
    top: 40px; }
    @media all and (max-width: 768px) {
      header .social {
        top: 28px; } }
    header .social ul {
      list-style: none; }
    header .social li {
      display: inline-block; }

footer {
  background-image: url("/site/images/grass_pattern.png");
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 20%;
  max-height: 100px; }

.hamburger {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 999;
  display: block;
  width: 32px;
  height: 26px;
  cursor: pointer;
  background-image: url(#);
  /* IE9 fix */
  margin: 3px 0 15px;
  display: none; }
  .yellow-theme .hamburger span {
    background-color: #191919; }
  .yellow-theme .hamburger.open span {
    background-color: #FFFFFF; }
  @media all and (max-width: 950px) {
    .hamburger {
      display: block; } }
  .hamburger span {
    display: block;
    position: absolute;
    height: 4px;
    border-radius: 1px;
    width: 32px;
    background-color: #FFFFFF;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear; }
    .hamburger span:nth-child(1) {
      top: 0; }
    .hamburger span:nth-child(2) {
      top: 11px; }
    .hamburger span:nth-child(3) {
      top: 22px; }
  .hamburger:hover {
    cursor: pointer; }
  .hamburger.open span:nth-child(2) {
    width: 0%; }

.mobile-menu {
  padding-top: 80px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #3a3a3a;
  z-index: 888;
  color: #FFFFFF;
  width: 100%;
  right: -450px;
  max-width: 450px;
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  display: none; }
  .mobile-menu.open {
    right: 0px; }
  @media all and (max-width: 950px) {
    .mobile-menu {
      display: block; } }
  .mobile-menu .menu-list .menu-item {
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1;
    font-size: 14px;
    padding: 15px 50px 15px 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    display: block;
    width: 100%;
    position: relative; }
    .mobile-menu .menu-list .menu-item .toggle-button {
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      width: 50px;
      z-index: 1; }
      .mobile-menu .menu-list .menu-item .toggle-button:after {
        position: absolute;
        content: '';
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 0;
        height: 0;
        margin-top: -2px;
        border-top: 6px solid #3a3a3a;
        border-bottom: 6px solid #3a3a3a;
        border-left: 7px solid #FFFFFF;
        -webkit-transition: all 0.15s linear;
        -moz-transition: all 0.15s linear;
        -o-transition: all 0.15s linear;
        transition: all 0.15s linear; }
      .mobile-menu .menu-list .menu-item .toggle-button.open:after {
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%) rotate(90deg);
        -moz-transform: translate(-50%, -50%) rotate(90deg);
        -ms-transform: translate(-50%, -50%) rotate(90deg);
        -o-transform: translate(-50%, -50%) rotate(90deg);
        transform: translate(-50%, -50%) rotate(90deg); }
  .mobile-menu .menu-list > .nav-secondary > .menu-item {
    position: relative; }
    .mobile-menu .menu-list > .nav-secondary > .menu-item:after {
      position: absolute;
      content: '';
      left: 15px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      height: 9px;
      width: 9px;
      background-color: #eea421;
      border-radius: 50%;
      z-index: 1; }
  .mobile-menu .nav-secondary {
    overflow: hidden;
    display: none; }
    .mobile-menu .nav-secondary .menu-item {
      padding-left: 40px;
      background-color: #474747; }
    .mobile-menu .nav-secondary .nav-secondary .menu-item {
      padding-left: 60px; }
      .mobile-menu .nav-secondary .nav-secondary .menu-item:after {
        left: 30px; }
    .mobile-menu .nav-secondary .nav-secondary .nav-secondary .menu-item {
      padding-left: 80px; }
      .mobile-menu .nav-secondary .nav-secondary .nav-secondary .menu-item:after {
        left: 45px; }

.sticky_menu_wrapper {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  position: fixed;
  right: 50px;
  top: 0;
  z-index: 99999; }
  .sticky_menu_wrapper.inactive {
    display: none; }
  @media all and (max-width: 768px) {
    .sticky_menu_wrapper {
      right: 0px; } }

.hamburger {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 999;
  display: block;
  width: 32px;
  height: 26px;
  cursor: pointer;
  background-image: url(#);
  /* IE9 fix */
  margin: 3px 0 15px; }
  .hamburger span {
    display: block;
    position: absolute;
    height: 4px;
    border-radius: 1px;
    width: 32px;
    background-color: #191919;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear; }
    .hamburger span:nth-child(1) {
      top: 0; }
    .hamburger span:nth-child(2) {
      top: 11px; }
    .hamburger span:nth-child(3) {
      top: 22px; }
  .hamburger:hover {
    cursor: pointer; }
  .hamburger.active span:nth-child(1) {
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -moz-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    -o-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg); }
  .hamburger.active span:nth-child(2) {
    width: 0%; }
  .hamburger.active span:nth-child(3) {
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    -moz-transform: translateY(-50%) rotate(-45deg);
    -ms-transform: translateY(-50%) rotate(-45deg);
    -o-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg); }

.sticky_menu {
  display: none;
  position: absolute;
  top: 60px;
  right: 20px;
  max-width: 250px;
  background-color: #44b2b1; }
  .sticky_menu .item_wrapper {
    display: block;
    width: 100%; }
  .sticky_menu .nav_item {
    width: 100%;
    font-size: 1.2rem;
    padding: 15px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    text-transform: uppercase;
    font-weight: 600;
    display: block;
    border-bottom: solid 1px rgba(25, 25, 25, 0.1);
    background-color: #e6e6e6; }
    .sticky_menu .nav_item:hover {
      background-color: #65c4c3;
      text-decoration: none; }
    .sticky_menu .nav_item.last {
      border-bottom: none; }

.about_milk {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 20px 80px;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: block; }
  .about_milk .section_header {
    text-align: center; }
    .about_milk .section_header .section_logo_wrapper {
      width: 70%;
      float: left;
      text-align: center; }
      .about_milk .section_header .section_logo_wrapper .section_logo {
        display: inline-block;
        width: 100%;
        max-width: 550px;
        padding-right: 50px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box; }
    .about_milk .section_header .a2_cow_wrapper_header {
      width: 30%;
      float: left;
      position: relative; }
      .about_milk .section_header .a2_cow_wrapper_header:hover .a2pdfimage_hover {
        opacity: 1; }
      .about_milk .section_header .a2_cow_wrapper_header .a2pdfimage {
        max-width: 100%; }
      .about_milk .section_header .a2_cow_wrapper_header .a2pdfimage_hover {
        position: absolute;
        top: 1px;
        left: 0;
        opacity: 0;
        max-width: 100%; }
    @media all and (max-width: 768px) {
      .about_milk .section_header .section_logo_wrapper {
        width: 100%;
        float: none;
        text-align: center; }
        .about_milk .section_header .section_logo_wrapper .section_logo {
          max-width: 500px;
          padding-right: 0; }
      .about_milk .section_header .a2_cow_wrapper_header {
        display: none; } }
  .about_milk .content_wrapper {
    padding: 40px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    max-width: 900px;
    margin: 0 auto; }
    .about_milk .content_wrapper .sidebar {
      width: 40%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      float: left;
      max-width: 400px;
      padding: 0 20px; }
    .about_milk .content_wrapper .content_section {
      width: 60%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      float: right;
      padding: 0 20px; }
    @media all and (max-width: 768px) {
      .about_milk .content_wrapper {
        padding: 20px 0; }
        .about_milk .content_wrapper .sidebar {
          width: 100%;
          float: none;
          max-width: 400px;
          padding: 40px 0px 0;
          margin: 0 auto; }
        .about_milk .content_wrapper .content_section {
          width: 100%;
          float: none;
          padding: 0; } }
  .about_milk .a2_cow_wrapper_sidebar {
    display: none;
    width: 30%;
    float: left;
    position: relative;
    margin-top: 80px;
    padding-left: 20px; }
    .about_milk .a2_cow_wrapper_sidebar:hover .a2pdfimage_hover {
      opacity: 1; }
    .about_milk .a2_cow_wrapper_sidebar .a2pdfimage {
      max-width: 100%; }
    .about_milk .a2_cow_wrapper_sidebar .a2pdfimage_hover {
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      max-width: 100%; }
    @media all and (max-width: 768px) {
      .about_milk .a2_cow_wrapper_sidebar {
        display: block; } }
  .about_milk .milk_price_pdf img {
    max-width: 100%; }
  @media all and (max-width: 768px) {
    .about_milk .milk_price_pdf {
      float: left;
      width: 60%; } }
  .about_milk .raw_milk_image_wrapper {
    width: 50%;
    float: left;
    position: relative;
    text-align: center; }
    .about_milk .raw_milk_image_wrapper:hover {
      cursor: pointer; }
      .about_milk .raw_milk_image_wrapper:hover .raw_milk_hover_image {
        opacity: 1; }
    .about_milk .raw_milk_image_wrapper .raw_milk_image {
      max-width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      padding: 10px; }
    .about_milk .raw_milk_image_wrapper .raw_milk_hover_image {
      position: absolute;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      padding: 10px;
      max-width: 100%;
      top: 0;
      left: 0;
      opacity: 0; }
  .about_milk .how_to_milk_image_wrapper {
    width: 50%;
    float: left;
    position: relative;
    text-align: center; }
    .about_milk .how_to_milk_image_wrapper:hover {
      cursor: pointer; }
      .about_milk .how_to_milk_image_wrapper:hover .how_to_milk_hover_image {
        opacity: 1; }
    .about_milk .how_to_milk_image_wrapper .how_to_milk_image {
      max-width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      padding: 10px; }
    .about_milk .how_to_milk_image_wrapper .how_to_milk_hover_image {
      position: absolute;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      padding: 10px;
      max-width: 100%;
      top: 0;
      left: 0;
      opacity: 0; }

.about_us {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 20px 80px;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: block; }
  .about_us .section_header {
    text-align: left; }
    .about_us .section_header .section_logo_wrapper {
      width: 60%;
      float: right;
      text-align: left; }
      .about_us .section_header .section_logo_wrapper .section_logo {
        display: inline-block;
        width: 100%;
        max-width: 600px;
        padding-left: 50px;
        padding-top: 60px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box; }
    .about_us .section_header .family_image_wrapper {
      width: 40%;
      float: left;
      text-align: right;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box; }
      .about_us .section_header .family_image_wrapper img {
        display: inline-block; }
    @media all and (max-width: 768px) {
      .about_us .section_header .section_logo_wrapper {
        width: 100%;
        float: none;
        text-align: center; }
        .about_us .section_header .section_logo_wrapper .section_logo {
          max-width: 500px;
          padding: 0; }
      .about_us .section_header .family_image_wrapper {
        width: 100%;
        max-width: 600px;
        float: none;
        text-align: center;
        padding: 40px 20px 0; } }
  .about_us .content_wrapper {
    padding: 40px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    max-width: 900px;
    margin: 0 auto; }
    .about_us .content_wrapper .sidebar {
      width: 40%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      float: left;
      max-width: 400px;
      padding: 0 20px; }
    .about_us .content_wrapper .content_section {
      width: 60%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      float: right;
      padding: 0 20px; }
    @media all and (max-width: 768px) {
      .about_us .content_wrapper {
        padding: 20px 0; }
        .about_us .content_wrapper .sidebar {
          width: 100%;
          float: none;
          max-width: none;
          padding: 40px 0px 0;
          margin: 0 auto; }
        .about_us .content_wrapper .content_section {
          width: 100%;
          float: none;
          padding: 0; } }
  .about_us .farm_facts_wrapper .farm_fact {
    position: relative;
    padding: 15px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    .about_us .farm_facts_wrapper .farm_fact img {
      position: absolute;
      left: 0;
      width: 70px;
      top: 15px; }
    .about_us .farm_facts_wrapper .farm_fact .meta {
      padding-left: 85px; }
      .about_us .farm_facts_wrapper .farm_fact .meta h5 {
        display: inline-block;
        margin: 10px 0 15px; }
  .about_us .quote {
    width: 100%;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    .about_us .quote img {
      display: inline-block;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      padding: 5px 20px;
      max-width: 185px;
      width: 90%; }
    @media all and (max-width: 768px) {
      .about_us .quote {
        float: left;
        width: 22%;
        box-sizing: border-box();
        margin: 0 2%; }
        .about_us .quote:nth-of-type(n), .about_us .quote:nth-of-type(1n+1) {
          margin: 2% 2% 0;
          clear: none; }
        .about_us .quote:nth-of-type(4n+1) {
          margin-left: 0;
          clear: both; }
        .about_us .quote:first-of-type {
          margin-top: 0;
          margin-left: 0; }
        .about_us .quote:nth-of-type(1) {
          margin-top: 0; }
        .about_us .quote:nth-of-type(2) {
          margin-top: 0; }
        .about_us .quote:nth-of-type(3) {
          margin-top: 0; }
        .about_us .quote:nth-of-type(4) {
          margin-top: 0; }
        .about_us .quote:nth-of-type(4n) {
          margin-right: 0;
          position: relative; }
          .about_us .quote:nth-of-type(4n):after {
            clear: both; }
        .about_us .quote:last-of-type {
          margin-bottom: 0; }
        .about_us .quote img {
          padding: 5px; } }
    @media all and (max-width: 568px) {
      .about_us .quote {
        width: 48%;
        box-sizing: border-box();
        margin: 0 2%; }
        .about_us .quote:nth-of-type(n), .about_us .quote:nth-of-type(1n+1) {
          margin: 2% 2% 0;
          clear: none; }
        .about_us .quote:nth-of-type(2n+1) {
          margin-left: 0;
          clear: both; }
        .about_us .quote:first-of-type {
          margin-top: 0;
          margin-left: 0; }
        .about_us .quote:nth-of-type(1) {
          margin-top: 0; }
        .about_us .quote:nth-of-type(2) {
          margin-top: 0; }
        .about_us .quote:nth-of-type(2n) {
          margin-right: 0;
          position: relative; }
          .about_us .quote:nth-of-type(2n):after {
            clear: both; }
        .about_us .quote:last-of-type {
          margin-bottom: 0; } }
    @media all and (max-width: 390px) {
      .about_us .quote {
        width: 100%;
        box-sizing: border-box();
        margin: 0 2%; }
        .about_us .quote:nth-of-type(n), .about_us .quote:nth-of-type(1n+1) {
          margin: 2% 2% 0;
          clear: none; }
        .about_us .quote:nth-of-type(1n+1) {
          margin-left: 0;
          clear: both; }
        .about_us .quote:first-of-type {
          margin-top: 0;
          margin-left: 0; }
        .about_us .quote:nth-of-type(1) {
          margin-top: 0; }
        .about_us .quote:nth-of-type(1n) {
          margin-right: 0;
          position: relative; }
          .about_us .quote:nth-of-type(1n):after {
            clear: both; }
        .about_us .quote:last-of-type {
          margin-bottom: 0; } }
  .about_us .cow_image img {
    margin: 0 auto; }

.find_us {
  position: relative; }
  .find_us .meta_data {
    padding: 0 20px; }
  .find_us .meta_wrapper {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #FFFFFF;
    border-radius: 15px;
    padding: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 9999;
    width: 100%;
    max-width: 535px;
    -webkit-box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.5); }
    @media all and (max-width: 768px) {
      .find_us .meta_wrapper {
        position: static;
        -moz-transform: none;
        -o-transform: none;
        -webkit-transform: none;
        transform: none;
        filter: none;
        -ms-filter: none;
        display: block;
        margin: 20px auto; } }
    @media all and (max-width: 460px) {
      .find_us .meta_wrapper {
        padding-top: 5px; } }
  .find_us .title_wrapper {
    position: relative; }
  .find_us .find_us_title_logo {
    display: none;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
    @media all and (max-width: 460px) {
      .find_us .find_us_title_logo {
        display: block;
        width: 40px; } }
  .find_us .meta_title {
    margin: 0;
    padding: 0 20px 10px 0;
    border-bottom: dotted 1px #191919;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    @media all and (max-width: 460px) {
      .find_us .meta_title {
        padding: 25px 0 25px 50px; } }
  .find_us .find_us_logo {
    float: left;
    width: 30%;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    @media all and (max-width: 460px) {
      .find_us .find_us_logo {
        display: none; } }
  .find_us .address_wrapper {
    float: left;
    width: 70%;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
    @media all and (max-width: 460px) {
      .find_us .address_wrapper {
        width: 100%;
        padding-left: 0; } }
  .find_us .address_section_wrapper {
    padding: 20px 0; }
  .find_us .address_section {
    width: 48%;
    box-sizing: border-box();
    margin: 0 2%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0.9rem; }
    .find_us .address_section:nth-of-type(n), .find_us .address_section:nth-of-type(1n+1) {
      margin: 4% 2% 0;
      clear: none; }
    .find_us .address_section:nth-of-type(2n+1) {
      margin-left: 0;
      clear: both; }
    .find_us .address_section:first-of-type {
      margin-top: 0;
      margin-left: 0; }
    .find_us .address_section:nth-of-type(1) {
      margin-top: 0; }
    .find_us .address_section:nth-of-type(2) {
      margin-top: 0; }
    .find_us .address_section:nth-of-type(2n) {
      margin-right: 0;
      position: relative; }
      .find_us .address_section:nth-of-type(2n):after {
        clear: both; }
    .find_us .address_section:last-of-type {
      margin-bottom: 0; }
    .find_us .address_section p {
      line-height: 1; }
    @media all and (max-width: 390px) {
      .find_us .address_section {
        width: 100%;
        box-sizing: border-box();
        margin: 0 0%; }
        .find_us .address_section:nth-of-type(n), .find_us .address_section:nth-of-type(1n+1) {
          margin: 6% 0% 0;
          clear: none; }
        .find_us .address_section:nth-of-type(1n+1) {
          margin-left: 0;
          clear: both; }
        .find_us .address_section:first-of-type {
          margin-top: 0;
          margin-left: 0; }
        .find_us .address_section:nth-of-type(1) {
          margin-top: 0; }
        .find_us .address_section:nth-of-type(1n) {
          margin-right: 0;
          position: relative; }
          .find_us .address_section:nth-of-type(1n):after {
            clear: both; }
        .find_us .address_section:last-of-type {
          margin-bottom: 0; } }
  .find_us .address_title {
    font-weight: 700; }
  .find_us #map_canvas {
    display: block;
    width: 100%;
    height: 100vh; }

body {
  margin: 0;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1;
  color: #191919; }

h1 {
  font-size: 2em;
  margin: 5px 0;
  line-height: 1.2;
  font-weight: 600; }

h2 {
  font-size: 1.8em;
  margin: 5px 0;
  line-height: 1.2;
  font-weight: 600; }

h3 {
  font-size: 1.6em;
  margin: 5px 0;
  line-height: 1.3;
  font-weight: 600; }

h4 {
  font-size: 1.2em;
  line-height: 1.4em;
  margin: 15px 0;
  line-height: 1.3;
  font-weight: 500; }

h5 {
  font-size: 1.1em;
  line-height: 1;
  margin: 15px 0; }

p, span {
  font-size: 1em;
  margin: 5px 0;
  line-height: 1.4; }

li {
  font-size: 1em;
  margin-left: 15px;
  line-height: 1.3; }

a {
  color: #191919;
  text-decoration: none; }
  a:hover {
    text-decoration: underline; }

.security_content {
  padding: 40px 40px 200px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .security_content form {
    width: 100%;
    max-width: 500px;
    margin: 0 auto; }

#MemberLoginForm_LoginForm,
#MemberLoginForm_LostPasswordForm {
  position: relative;
  width: 100%;
  max-width: 500px;
  margin: 0 auto; }
  #MemberLoginForm_LoginForm fieldset,
  #MemberLoginForm_LostPasswordForm fieldset {
    border: none;
    padding: 0;
    margin: 0; }
  #MemberLoginForm_LoginForm label,
  #MemberLoginForm_LostPasswordForm label {
    width: 100%;
    display: block;
    margin: 10px 0 3px; }
  #MemberLoginForm_LoginForm input,
  #MemberLoginForm_LostPasswordForm input {
    border: 1px solid #191919;
    padding: 4px 5px 6px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; }
  #MemberLoginForm_LoginForm .field.text.nolabel,
  #MemberLoginForm_LostPasswordForm .field.text.nolabel {
    margin-left: 215px; }
  #MemberLoginForm_LoginForm .Actions input,
  #MemberLoginForm_LostPasswordForm .Actions input {
    position: absolute;
    bottom: 0;
    right: 0;
    border: none;
    text-align: center;
    width: auto;
    font-size: 14px;
    letter-spacing: 1px;
    padding: 4px 10px;
    color: #191919; }
    #MemberLoginForm_LoginForm .Actions input:hover,
    #MemberLoginForm_LostPasswordForm .Actions input:hover {
      cursor: pointer; }
  #MemberLoginForm_LoginForm #MemberLoginForm_LoginForm_Remember,
  #MemberLoginForm_LostPasswordForm #MemberLoginForm_LoginForm_Remember {
    display: inline-block;
    width: auto;
    margin-top: 25px; }
  #MemberLoginForm_LoginForm #MemberLoginForm_LoginForm_Remember + label,
  #MemberLoginForm_LostPasswordForm #MemberLoginForm_LoginForm_Remember + label {
    display: inline-block;
    width: auto;
    padding-left: 10px; }
  #MemberLoginForm_LoginForm #ForgotPassword,
  #MemberLoginForm_LostPasswordForm #ForgotPassword {
    text-align: left;
    display: inline-block;
    margin-top: 15px;
    width: auto;
    font-size: 12px;
    padding: 0; }
    #MemberLoginForm_LoginForm #ForgotPassword a,
    #MemberLoginForm_LostPasswordForm #ForgotPassword a {
      color: black;
      text-decoration: none; }
      #MemberLoginForm_LoginForm #ForgotPassword a:hover,
      #MemberLoginForm_LostPasswordForm #ForgotPassword a:hover {
        color: #191919;
        text-decoration: underline; }

#MemberLoginForm_LostPasswordForm fieldset {
  padding-bottom: 50px; }

.required {
  color: #CC0000;
  display: block;
  margin-top: 3px; }

#loginContainer {
  max-width: 530px;
  margin: 100px auto; }

#MemberLoginForm_LoginForm_Remember:hover,
#MemberLoginForm_LoginForm_Remember + label {
  box-shadow: none;
  cursor: pointer; }

@media (max-width: 700px) {
  #loginContainer {
    margin: 50px auto; } }

#Form_ContactPageForm {
  position: relative;
  width: 100%;
  max-width: 500px;
  margin: 0 0 50px; }
  #Form_ContactPageForm fieldset {
    border: none;
    padding: 0;
    margin: 0; }
  #Form_ContactPageForm label {
    width: 100%;
    display: block;
    margin: 10px 0 3px; }
  #Form_ContactPageForm input,
  #Form_ContactPageForm textarea {
    border: 1px solid #191919;
    padding: 4px 8px 6px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'Open Sans', sans-serif; }
  #Form_ContactPageForm .Actions input {
    border: none;
    text-align: center;
    width: auto;
    font-size: 16px;
    letter-spacing: 1px;
    padding: 10px 25px;
    text-transform: uppercase;
    font-weight: bold;
    background-color: black;
    color: #191919;
    margin-top: 25px; }
    #Form_ContactPageForm .Actions input:hover {
      cursor: pointer; }

body.fixed {
  overflow: hidden; }

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

.cf:before,
.cf:after {
  content: " ";
  display: table; }

.cf:after {
  clear: both; }

img {
  display: block;
  max-width: 100%; }

ul {
  margin-left: 10px; }

main {
  position: relative; }

.video_container {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  background-color: rgba(25, 25, 25, 0.7);
  z-index: 99999;
  display: none; }
  .video_container.active {
    display: block; }

.video_wrapper {
  position: absolute;
  width: 100%;
  z-index: 9999;
  max-width: 900px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: none; }
  .video_wrapper .video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0; }
    .video_wrapper .video iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .video_wrapper.active {
    display: block; }

.close_video_container {
  position: absolute;
  top: 20px;
  right: 20px;
  color: #FFFFFF;
  font-weight: 600;
  padding-right: 50px; }
  .close_video_container:hover {
    cursor: pointer; }
  .close_video_container .close_icon {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    margin: 0; }
    .close_video_container .close_icon:before {
      position: absolute;
      content: '';
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%) rotate(45deg);
      -moz-transform: translate(-50%, -50%) rotate(45deg);
      -ms-transform: translate(-50%, -50%) rotate(45deg);
      -o-transform: translate(-50%, -50%) rotate(45deg);
      transform: translate(-50%, -50%) rotate(45deg);
      height: 4px;
      width: 40px;
      background-color: #fff; }
    .close_video_container .close_icon:after {
      position: absolute;
      content: '';
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%) rotate(-45deg);
      -moz-transform: translate(-50%, -50%) rotate(-45deg);
      -ms-transform: translate(-50%, -50%) rotate(-45deg);
      -o-transform: translate(-50%, -50%) rotate(-45deg);
      transform: translate(-50%, -50%) rotate(-45deg);
      height: 4px;
      width: 40px;
      background-color: #fff; }