@charset "UTF-8";
/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:

	Eric Meyer					:: http://meyerweb.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com

-------------------------------------------------------------------------------*/
/* Let's default this puppy out
-------------------------------------------------------------------------------*/
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */
article, aside, figure, footer, header, nav, section, details, summary {
  display: block; }

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img,
object,
embed {
  max-width: 100%; }

/* force a vertical scrollbar to prevent a jumpy page */
html {
  overflow-y: scroll; }

/* we use a lot of ULs that aren't bulleted.
	don't forget to restore the bullets within content. */
ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

del {
  text-decoration: line-through; }

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

/* tables still need cellspacing="0" in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0; }

th {
  font-weight: bold;
  vertical-align: bottom; }

td {
  font-weight: normal;
  vertical-align: top; }

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

input, select {
  vertical-align: middle; }

pre {
  white-space: pre;
  /* CSS2 */
  white-space: pre-wrap;
  /* CSS 2.1 */
  white-space: pre-line;
  /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word;
  /* IE */ }

input[type="radio"] {
  vertical-align: text-bottom; }

input[type="checkbox"] {
  vertical-align: bottom; }

.ie7 input[type="checkbox"] {
  vertical-align: baseline; }

select, input, textarea {
  font: 99% sans-serif; }

table {
  font-size: inherit;
  font: 100%; }

small {
  font-size: 85%; }

strong {
  font-weight: bold; }

td, td img {
  vertical-align: top; }

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* standardize any monospaced elements */
pre, code, kbd, samp {
  font-family: monospace, sans-serif; }

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {
  cursor: pointer; }

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {
  margin: 0; }

/* make buttons play nice in IE */
button,
input[type=button] {
  width: auto;
  overflow: visible; }

/* scale images in IE7 more attractively */
.ie7 img {
  -ms-interpolation-mode: bicubic; }

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection {
  background: #f26522;
  color: #ffffff;
  text-shadow: none; }

::selection {
  background: #f26522;
  color: #ffffff;
  text-shadow: none; }

/*	j.mp/webkit-tap-highlight-color */
a:link {
  -webkit-tap-highlight-color: transparent; }

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

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

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder {
  color: #a9a9a9; }

textarea:-moz-placeholder {
  color: #a9a9a9; }

img {
  display: block; }

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

.cf:after {
  clear: both; }

.posts-grid {
  margin-top: 20px; }
  @media only screen and (min-width: 620px) {
    .posts-grid {
      margin-top: 30px; } }
  @media only screen and (min-width: 1024px) {
    .posts-grid {
      margin-top: 42px; } }

.bloglead {
  background-position: center;
  background-size: cover;
  height: 200px;
  margin-bottom: 20px;
  position: relative; }
  @media only screen and (min-width: 620px) {
    .bloglead {
      float: left;
      margin-right: 4%;
      width: 48%; }
      .bloglead:nth-of-type(2n) {
        margin-right: 0; } }
  @media only screen and (min-width: 768px) {
    .bloglead {
      margin-bottom: 15px;
      margin-right: 2%;
      width: 49%; } }
  @media only screen and (min-width: 1024px) {
    .bloglead {
      height: 200px;
      margin-bottom: 20px;
      margin-right: 2%;
      width: 32%; }
      .bloglead:nth-of-type(2n) {
        margin-right: 2%; }
      .bloglead:nth-of-type(3n) {
        margin-right: 0; } }
  @media only screen and (min-width: 1100px) {
    .bloglead {
      height: 250px; } }

.bloghero {
  background-position: center;
  background-size: cover;
  height: 200px;
  margin-bottom: 0;
  position: relative; }
  @media only screen and (min-width: 620px) {
    .bloghero {
      float: left;
      height: 280px;
      margin-right: 4%;
      width: 48%; } }
  @media only screen and (min-width: 768px) {
    .bloghero {
      margin-right: 2%;
      width: 49%; } }
  @media only screen and (min-width: 1024px) {
    .bloghero {
      height: 380px;
      margin-bottom: 70px;
      width: 66%; } }

.articleinfo {
  background: #132329;
  color: #ffffff;
  display: inline-block;
  font-size: 1.2em;
  line-height: 1.5em;
  margin-bottom: 20px;
  padding: 24px 0 20px;
  text-align: center;
  width: 100%; }
  @media only screen and (min-width: 620px) {
    .articleinfo {
      background: #F9F9F9;
      height: 280px;
      text-align: left;
      width: 30%; } }
  @media only screen and (min-width: 1024px) {
    .articleinfo {
      height: 380px;
      margin-bottom: 70px; } }

.articletitle {
  display: block;
  margin-bottom: .25em; }
  @media only screen and (min-width: 620px) {
    .articletitle {
      color: #96B0CF;
      font-size: 2em;
      line-height: 1.1em; } }
  @media only screen and (min-width: 1100px) {
    .articleinfo .articletitle {
      font-size: 2.6em; } }

.blogoverlay {
  background: rgba(0, 0, 0, 0.65);
  color: #ffffff;
  font-size: 1.2em;
  height: 100%;
  margin-left: 0;
  overflow: hidden;
  padding: 90px 20px 0;
  position: relative;
  text-align: center;
  width: 100%;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }
  @media only screen and (min-width: 1024px) {
    .blogoverlay {
      padding-top: 90px; } }
  @media only screen and (min-width: 1100px) {
    .blogoverlay {
      padding-top: 120px; } }
  .blogoverlay:hover {
    background: rgba(0, 0, 0, 0.85); }
  .blogoverlay a {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }

span.date {
  font-size: .75em;
  font-weight: 100; }
  .blogoverlay span.date {
    display: block; }
  .articleinfo span.date {
    display: inline-block; }
    @media only screen and (min-width: 620px) {
      .articleinfo span.date {
        color: #C2C2C2;
        font-weight: 500; } }

span.author {
  font-size: .75em;
  font-weight: 100; }
  .blogoverlay span.author {
    display: none; }
  .articleinfo span.author {
    display: inline-block; }
    @media only screen and (min-width: 620px) {
      .articleinfo span.author {
        color: #EA960A;
        font-weight: 500; } }
  span.author:before {
    content: 'by '; }
    @media only screen and (min-width: 620px) {
      span.author:before {
        color: #C2C2C2; } }

.top-meta {
  display: none;
  font-size: .85em; }
  @media only screen and (min-width: 768px) {
    .top-meta {
      display: block; } }
  .top-meta > div {
    width: 40%; }

.post-title {
  margin-bottom: 48px; }
  @media only screen and (min-width: 768px) {
    .post-title {
      float: left;
      margin-right: 10%;
      width: 30%; } }

@media only screen and (min-width: 768px) {
  .post-passage {
    float: right;
    width: 60%; } }

@media only screen and (min-width: 768px) {
  .post-sidebar {
    float: left;
    margin-right: 10%;
    width: 30%; } }

.post-meta {
  font-size: .85em; }

.categories li {
  background: #aaaaaa;
  display: inline-block;
  margin: 0 6px 6px 0;
  width: 100%; }
  @media only screen and (min-width: 768px) {
    .categories li {
      width: 40%; }
      .blog .categories li {
        width: 24%; } }
  .categories li a {
    color: #ffffff;
    display: block;
    padding: 6px;
    text-align: center;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out; }
    .categories li a:hover {
      background: #132329; }

.post-sidebar input {
  max-width: 290px; }

.navigation {
  margin: 20px 0 0;
  text-align: center; }

.next-posts,
.prev-posts {
  display: inline-block;
  margin-right: 20px; }
  .next-posts a,
  .prev-posts a {
    border: 1px solid #aaaaaa;
    padding: 4px 24px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out; }
    .next-posts a:hover,
    .prev-posts a:hover {
      border-color: #d70512;
      color: #d70512; }

li.categories {
  list-style: none; }

@media only screen and (min-width: 768px) {
  #comments,
  .commentlist,
  #respond {
    margin-left: 40%;
    width: 60%; } }

.commentlist {
  list-style: none; }

.comment {
  border: 1px solid #C2C2C2;
  margin: 10px 0;
  padding: 20px 16px; }
  .comment:nth-of-type(2n) {
    background: #F9F9F9; }
  .children .comment {
    border: none;
    border-top: 1px solid #EEEEEE; }
    @media only screen and (min-width: 620px) {
      .children .comment {
        width: 524px; } }

@media only screen and (min-width: 620px) {
  .comment-author {
    display: inline-block;
    width: 66%; } }
.comment-author cite,
.comment-author span,
.comment-author img {
  display: inline-block;
  font-size: 1.2em;
  font-style: normal;
  vertical-align: middle; }
.comment-author img {
  margin: 0 8px 0 0; }

.comment-meta {
  line-height: 1.1em; }
  @media only screen and (min-width: 620px) {
    .comment-meta {
      display: inline-block;
      text-align: right;
      width: 33%; } }

.reply {
  font-size: .8em;
  text-transform: uppercase; }

@media only screen and (min-width: 620px) {
  #commentform {
    width: 560px; } }

.tos {
  background: #ffffff;
  border: 1px solid #DEDEDE;
  height: 280px;
  overflow: scroll;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  padding: 24px 12px;
  position: relative; }
  .tos:before {
    background: url("../img/icon-scroll-blue.png") right 10px no-repeat;
    background-size: 20px;
    content: '';
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%; }

.columns {
  position: relative; }

@media only screen and (min-width: 768px) {
  .column.twenty-eight {
    float: left;
    margin-right: 5%;
    width: 45%; } }
@media only screen and (min-width: 1100px) {
  .column.twenty-eight {
    width: 23%; } }
@media only screen and (min-width: 768px) {
  .column.seventy-two {
    float: left;
    width: 50%; } }
@media only screen and (min-width: 1100px) {
  .column.seventy-two {
    width: 72%; } }

.divisions-buttons {
  margin: 20px 0; }
  .slide-nav-wrap .divisions-buttons {
    white-space: nowrap; }
    @media only screen and (min-width: 768px) {
      .slide-nav-wrap .divisions-buttons {
        white-space: normal; } }
  .divisions-buttons > li {
    border: 1px solid #aaaaaa;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 20px;
    margin-right: 20px;
    padding: 6px 18px 4px;
    position: relative;
    text-align: center;
    min-width: 140px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out; }
    .divisions-buttons > li:hover {
      background: #aaaaaa;
      color: #ffffff; }
    .divisions-buttons > li.mini-current {
      background: #96B0CF;
      color: #ffffff; }

.divisions {
  overflow: hidden;
  position: relative; }
  .divisions .division {
    width: 100%;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out; }
    .divisions .division.ready {
      display: none; }
    .divisions .division.mini-current {
      display: block; }

.stacked {
  margin-bottom: 40px; }
  @media only screen and (min-width: 620px) {
    .stacked {
      margin-bottom: 80px; } }
  .stacked:not(:first-of-type) {
    padding-top: 28px; }
  @media only screen and (min-width: 620px) {
    .stacked.narrow {
      width: 60%; } }

.skipser-yt {
  display: inline-block;
  overflow: hidden;
  position: relative;
  width: 100%; }
  .skipser-yt:after {
    content: '';
    display: block;
    padding-top: 58%; }
  .skipser-yt img,
  .skipser-yt iframe {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%; }
  .skipser-yt img {
    margin-top: -9.5%; }

.skipser-yt-trigger {
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }
  .skipser-yt-trigger:before {
    background: url("../img/icon-play-large.png") center no-repeat;
    background-size: contain;
    content: '';
    height: 60px;
    left: 50%;
    margin: -30px 0 0 -30px;
    position: absolute;
    top: 50%;
    width: 60px; }
    @media only screen and (min-width: 620px) {
      .skipser-yt-trigger:before {
        height: 80px;
        margin: -40px 0 0 -40px;
        width: 80px; } }
    @media only screen and (min-width: 1025px) {
      .skipser-yt-trigger:before {
        height: 100px;
        margin: -50px 0 0 -50px;
        width: 100px; } }

.dealer-address {
  background: url("../img/icon.map.svg") left top no-repeat;
  background-size: 24px;
  display: block;
  padding-left: 32px; }

.dealer-email {
  background: url("../img/icon.email.svg") left top no-repeat;
  background-size: 24px;
  display: block;
  padding-left: 32px; }

.dealer-info {
  display: none;
  margin: 0 1rem 2rem 0;
  vertical-align: top;
  width: 260px; }
  .dealer-info.active {
    display: inline-block; }

.dealer-infos {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }
  .dealer-infos.thinking {
    opacity: 0; }

.dealer-keys {
  display: none;
  margin-bottom: 24px;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }
  @media only screen and (min-width: 620px) {
    .dealer-keys {
      margin-bottom: 48px; } }
  .dealer-keys:before {
    color: #7e7e7e;
    content: 'Choose country';
    display: block;
    font-size: .75rem;
    margin-bottom: 8px; }
  .dealer-keys.domestic:before {
    content: 'Choose state'; }
  .dealer-keys.active {
    display: block; }
  .dealer-keys.thinking {
    opacity: 0; }

.dealer-key {
  border: 1px solid #aaaaaa;
  color: #3E6695;
  cursor: pointer;
  display: inline-block;
  margin: 0 1rem 1rem 0;
  min-width: 120px;
  padding: 6px 0;
  text-align: center;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }
  @media only screen and (min-width: 620px) {
    .dealer-key {
      min-width: 144px; } }
  .dealer-key:hover {
    background: #96B0CF;
    color: #ffffff; }
  .dealer-key.active {
    background: #96B0CF;
    color: #ffffff; }
  .domestic .dealer-key {
    min-width: 70px; }
    .domestic .dealer-key:not(.exists) {
      border-color: #EEEEEE;
      color: #aaaaaa;
      cursor: default; }
      .domestic .dealer-key:not(.exists):hover {
        background: transparent; }

.dealer-meta {
  border: 1px solid #C2C2C2;
  font-size: .70rem;
  margin-top: 12px;
  padding: 12px; }

.dealer-name {
  font-weight: 700; }

.dealer-telephone {
  background: url("../img/icon.telephone.svg") left top no-repeat;
  background-size: 24px;
  display: block;
  padding-left: 32px; }

.dealer-website {
  background: url("../img/icon.website.svg") left top no-repeat;
  background-size: 24px;
  color: #96B0CF;
  display: block;
  font-weight: 700;
  padding-left: 32px; }

.geo-filter {
  border: 1px solid #aaaaaa;
  color: #aaaaaa;
  cursor: pointer;
  display: inline-block;
  margin-bottom: 12px;
  margin-right: 1rem;
  min-width: 140px;
  padding: 8px 18px;
  text-align: center; }
  @media only screen and (min-width: 620px) {
    .geo-filter {
      font-size: 1.6rem;
      padding: 18px; } }
  .geo-filter.active {
    background: #96B0CF;
    color: #ffffff; }

.geo-filters:before {
  color: #7e7e7e;
  content: 'Choose location';
  display: block;
  font-size: .75rem;
  margin-bottom: 8px; }

/**
 * Featherlight – ultra slim jQuery lightbox
 * Version 1.3.5 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2015, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all {
  .featherlight {
    display: none;
    /* dimensions: spanning the background from edge to edge */
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2147483647;
    /* z-index needs to be >= elements on the site. */
    /* position: centering content */
    text-align: center;
    /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */
    white-space: nowrap;
    /* styling */
    cursor: pointer;
    background: #333;
    /* IE8 "hack" for nested featherlights */
    background: transparent; }

  /* support for nested featherlights. Does not work in IE8 (use JS to fix) */
  .featherlight:last-of-type {
    background: rgba(0, 0, 0, 0.8); }

  .featherlight:before {
    /* position: trick to center content vertically */
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em; }

  .featherlight .featherlight-content {
    /* make content container for positioned elements (close button) */
    position: relative;
    /* position: centering vertical and horizontal */
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    /* dimensions: cut off images */
    overflow: auto;
    padding: 25px 25px 0;
    border-bottom: 25px solid transparent;
    /* dimensions: handling small or empty content */
    min-width: 30%;
    /* dimensions: handling large content */
    margin-left: 5%;
    margin-right: 5%;
    max-height: 95%;
    /* styling */
    background: #fff;
    cursor: auto;
    /* reset white-space wrapping */
    white-space: normal; }

  /* contains the content */
  .featherlight .featherlight-inner {
    /* make sure its visible */
    display: block; }

  .featherlight .featherlight-close-icon {
    /* position: centering vertical and horizontal */
    position: absolute;
    z-index: 9999;
    top: 0;
    right: 0;
    /* dimensions: 25px x 25px */
    line-height: 25px;
    width: 25px;
    /* styling */
    cursor: pointer;
    text-align: center;
    font-family: Arial, sans-serif;
    background: #fff;
    /* Set the background in case it overlaps the content */
    background: rgba(255, 255, 255, 0.3);
    color: #000; }

  .featherlight .featherlight-image {
    /* styling */
    width: 100%; }

  .featherlight-iframe .featherlight-content {
    /* removed the border for image croping since iframe is edge to edge */
    border-bottom: 0;
    padding: 0; }

  .featherlight iframe {
    /* styling */
    border: none; } }
/* handling phones and small screens */
@media only screen and (max-width: 1024px) {
  .featherlight .featherlight-content {
    /* dimensions: maximize lightbox with for small screens */
    margin-left: 10px;
    margin-right: 10px;
    max-height: 98%;
    padding: 10px 10px 0;
    border-bottom: 10px solid transparent; } }
form {
  margin: 20px 0; }

input[type=text],
input[type=email],
input[type=tel],
input[type=url],
input[type=search],
input[type=submit],
textarea {
  border: 1px solid #aaaaaa;
  font-family: "museo-sans", sans-serif;
  font-size: .9em;
  font-weight: 100;
  padding: 6px 12px;
  width: 100%; }
  input[type=text]:focus,
  input[type=email]:focus,
  input[type=tel]:focus,
  input[type=url]:focus,
  input[type=search]:focus,
  input[type=submit]:focus,
  textarea:focus {
    outline: none; }
  footer input[type=text], footer
  input[type=email], footer
  input[type=tel], footer
  input[type=url], footer
  input[type=search], footer
  input[type=submit], footer
  textarea {
    width: auto; }
  input[type=text].small,
  input[type=email].small,
  input[type=tel].small,
  input[type=url].small,
  input[type=search].small,
  input[type=submit].small,
  textarea.small {
    margin-right: 5%;
    width: 45%; }
  input[type=text]#searchsubmit,
  input[type=email]#searchsubmit,
  input[type=tel]#searchsubmit,
  input[type=url]#searchsubmit,
  input[type=search]#searchsubmit,
  input[type=submit]#searchsubmit,
  textarea#searchsubmit {
    display: none; }
  .gfield_error input[type=text], .gfield_error
  input[type=email], .gfield_error
  input[type=tel], .gfield_error
  input[type=url], .gfield_error
  input[type=search], .gfield_error
  input[type=submit], .gfield_error
  textarea {
    border-color: #db8c6f; }

input[type=search] {
  font-size: 2em;
  padding: 12px 24px;
  -webkit-appearance: none; }

.gfield_contains_required input[type=text], .gfield_contains_required
input[type=email] {
  border-color: #96B0CF; }
.singleline input[type=text], .singleline
input[type=email] {
  width: 80%; }

input[type=submit] {
  background: #333333;
  border-color: #333333;
  color: #ffffff;
  padding: 6px 24px;
  width: auto;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }
  input[type=submit]:hover {
    background: #EA960A;
    border-color: #EA960A; }
  footer input[type=submit] {
    padding: 6px 12px; }

.gfield,
form > div {
  margin-bottom: 20px; }

.gform_body label {
  display: none; }
.gfield_radio label {
  display: inline-block;
  margin-left: 1em; }

.gform_fields {
  overflow: auto; }
  @media only screen and (min-width: 1024px) {
    .float-one .gform_fields > li {
      float: left;
      margin-right: 5%;
      width: 45%; } }

.gfield_html {
  color: #96B0CF;
  font-size: 1.2em;
  margin: 36px 0 18px; }

.validation_message {
  color: #db8c6f;
  font-size: 0.85em;
  margin: 0.5em 0; }

header {
  background: #4A4A4A;
  padding: 30px 0;
  position: relative;
  z-index: 99;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }
  .home header {
    background: rgba(0, 0, 0, 0.2);
    margin-bottom: -90px; }
  header.navopen {
    background: #4A4A4A; }

.main-nav-toggle {
  cursor: pointer;
  float: right;
  height: 30px;
  position: relative;
  width: 30px; }
  @media only screen and (min-width: 1024px) {
    .main-nav-toggle {
      display: none; } }
  .main-nav-toggle:after, .main-nav-toggle:before {
    border-top: 2px solid #ffffff;
    content: '';
    left: 10px;
    margin-left: -10px;
    position: absolute;
    top: 5px;
    width: 20px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out; }
  .main-nav-toggle:after {
    top: 15px; }
  .main-nav-toggle.active:after, .main-nav-toggle.active:before {
    top: 10px;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg); }
  .main-nav-toggle.active:after {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg); }

.main-nav {
  background: #4A4A4A;
  left: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  padding-top: 0px;
  position: fixed;
  top: 100%;
  width: 100%;
  z-index: 99;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }
  @media only screen and (min-width: 1024px) {
    .main-nav {
      float: right;
      left: auto;
      overflow: hidden;
      position: relative;
      text-align: right;
      top: auto;
      width: 70%; } }
  .main-nav.active {
    top: 0; }
    .main-nav.active li {
      margin-left: 30px; }
  .main-nav li {
    color: #EA960A;
    display: block;
    font-family: "purista-web", sans-serif;
    font-weight: 400;
    letter-spacing: 0.1em;
    margin: 0 0 20px -100%;
    text-transform: uppercase; }
    @media only screen and (max-width: 1023px) {
      .main-nav li:nth-child(1) {
        -webkit-transition: all 0.15s ease-in-out;
        -moz-transition: all 0.15s ease-in-out;
        -ms-transition: all 0.15s ease-in-out;
        -o-transition: all 0.15s ease-in-out;
        transition: all 0.15s ease-in-out; }
      .main-nav li:nth-child(2) {
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out; }
      .main-nav li:nth-child(3) {
        -webkit-transition: all 0.45s ease-in-out;
        -moz-transition: all 0.45s ease-in-out;
        -ms-transition: all 0.45s ease-in-out;
        -o-transition: all 0.45s ease-in-out;
        transition: all 0.45s ease-in-out; }
      .main-nav li:nth-child(4) {
        -webkit-transition: all 0.6s ease-in-out;
        -moz-transition: all 0.6s ease-in-out;
        -ms-transition: all 0.6s ease-in-out;
        -o-transition: all 0.6s ease-in-out;
        transition: all 0.6s ease-in-out; }
      .main-nav li:nth-child(5) {
        -webkit-transition: all 0.75s ease-in-out;
        -moz-transition: all 0.75s ease-in-out;
        -ms-transition: all 0.75s ease-in-out;
        -o-transition: all 0.75s ease-in-out;
        transition: all 0.75s ease-in-out; }
      .main-nav li:nth-child(6) {
        -webkit-transition: all 0.9s ease-in-out;
        -moz-transition: all 0.9s ease-in-out;
        -ms-transition: all 0.9s ease-in-out;
        -o-transition: all 0.9s ease-in-out;
        transition: all 0.9s ease-in-out; }
      .main-nav li:nth-child(7) {
        -webkit-transition: all 1.05s ease-in-out;
        -moz-transition: all 1.05s ease-in-out;
        -ms-transition: all 1.05s ease-in-out;
        -o-transition: all 1.05s ease-in-out;
        transition: all 1.05s ease-in-out; }
      .main-nav li:nth-child(8) {
        -webkit-transition: all 1.2s ease-in-out;
        -moz-transition: all 1.2s ease-in-out;
        -ms-transition: all 1.2s ease-in-out;
        -o-transition: all 1.2s ease-in-out;
        transition: all 1.2s ease-in-out; }
      .main-nav li:nth-child(9) {
        -webkit-transition: all 1.35s ease-in-out;
        -moz-transition: all 1.35s ease-in-out;
        -ms-transition: all 1.35s ease-in-out;
        -o-transition: all 1.35s ease-in-out;
        transition: all 1.35s ease-in-out; }
      .main-nav li:nth-child(10) {
        -webkit-transition: all 1.5s ease-in-out;
        -moz-transition: all 1.5s ease-in-out;
        -ms-transition: all 1.5s ease-in-out;
        -o-transition: all 1.5s ease-in-out;
        transition: all 1.5s ease-in-out; }
      .main-nav li:nth-child(11) {
        -webkit-transition: all 1.65s ease-in-out;
        -moz-transition: all 1.65s ease-in-out;
        -ms-transition: all 1.65s ease-in-out;
        -o-transition: all 1.65s ease-in-out;
        transition: all 1.65s ease-in-out; }
      .main-nav li:nth-child(12) {
        -webkit-transition: all 1.8s ease-in-out;
        -moz-transition: all 1.8s ease-in-out;
        -ms-transition: all 1.8s ease-in-out;
        -o-transition: all 1.8s ease-in-out;
        transition: all 1.8s ease-in-out; }
      .main-nav li:nth-child(13) {
        -webkit-transition: all 1.95s ease-in-out;
        -moz-transition: all 1.95s ease-in-out;
        -ms-transition: all 1.95s ease-in-out;
        -o-transition: all 1.95s ease-in-out;
        transition: all 1.95s ease-in-out; }
      .main-nav li:nth-child(14) {
        -webkit-transition: all 2.1s ease-in-out;
        -moz-transition: all 2.1s ease-in-out;
        -ms-transition: all 2.1s ease-in-out;
        -o-transition: all 2.1s ease-in-out;
        transition: all 2.1s ease-in-out; }
      .main-nav li:nth-child(15) {
        -webkit-transition: all 2.25s ease-in-out;
        -moz-transition: all 2.25s ease-in-out;
        -ms-transition: all 2.25s ease-in-out;
        -o-transition: all 2.25s ease-in-out;
        transition: all 2.25s ease-in-out; }
      .main-nav li:nth-child(16) {
        -webkit-transition: all 2.4s ease-in-out;
        -moz-transition: all 2.4s ease-in-out;
        -ms-transition: all 2.4s ease-in-out;
        -o-transition: all 2.4s ease-in-out;
        transition: all 2.4s ease-in-out; }
      .main-nav li:nth-child(17) {
        -webkit-transition: all 2.55s ease-in-out;
        -moz-transition: all 2.55s ease-in-out;
        -ms-transition: all 2.55s ease-in-out;
        -o-transition: all 2.55s ease-in-out;
        transition: all 2.55s ease-in-out; }
      .main-nav li:nth-child(18) {
        -webkit-transition: all 2.7s ease-in-out;
        -moz-transition: all 2.7s ease-in-out;
        -ms-transition: all 2.7s ease-in-out;
        -o-transition: all 2.7s ease-in-out;
        transition: all 2.7s ease-in-out; }
      .main-nav li:nth-child(19) {
        -webkit-transition: all 2.85s ease-in-out;
        -moz-transition: all 2.85s ease-in-out;
        -ms-transition: all 2.85s ease-in-out;
        -o-transition: all 2.85s ease-in-out;
        transition: all 2.85s ease-in-out; }
      .main-nav li:nth-child(20) {
        -webkit-transition: all 3s ease-in-out;
        -moz-transition: all 3s ease-in-out;
        -ms-transition: all 3s ease-in-out;
        -o-transition: all 3s ease-in-out;
        transition: all 3s ease-in-out; }
      .main-nav li:nth-child(21) {
        -webkit-transition: all 3.15s ease-in-out;
        -moz-transition: all 3.15s ease-in-out;
        -ms-transition: all 3.15s ease-in-out;
        -o-transition: all 3.15s ease-in-out;
        transition: all 3.15s ease-in-out; }
      .main-nav li:nth-child(22) {
        -webkit-transition: all 3.3s ease-in-out;
        -moz-transition: all 3.3s ease-in-out;
        -ms-transition: all 3.3s ease-in-out;
        -o-transition: all 3.3s ease-in-out;
        transition: all 3.3s ease-in-out; }
      .main-nav li:nth-child(23) {
        -webkit-transition: all 3.45s ease-in-out;
        -moz-transition: all 3.45s ease-in-out;
        -ms-transition: all 3.45s ease-in-out;
        -o-transition: all 3.45s ease-in-out;
        transition: all 3.45s ease-in-out; }
      .main-nav li:nth-child(24) {
        -webkit-transition: all 3.6s ease-in-out;
        -moz-transition: all 3.6s ease-in-out;
        -ms-transition: all 3.6s ease-in-out;
        -o-transition: all 3.6s ease-in-out;
        transition: all 3.6s ease-in-out; }
      .main-nav li:nth-child(25) {
        -webkit-transition: all 3.75s ease-in-out;
        -moz-transition: all 3.75s ease-in-out;
        -ms-transition: all 3.75s ease-in-out;
        -o-transition: all 3.75s ease-in-out;
        transition: all 3.75s ease-in-out; }
      .main-nav li:nth-child(26) {
        -webkit-transition: all 3.9s ease-in-out;
        -moz-transition: all 3.9s ease-in-out;
        -ms-transition: all 3.9s ease-in-out;
        -o-transition: all 3.9s ease-in-out;
        transition: all 3.9s ease-in-out; }
      .main-nav li:nth-child(27) {
        -webkit-transition: all 4.05s ease-in-out;
        -moz-transition: all 4.05s ease-in-out;
        -ms-transition: all 4.05s ease-in-out;
        -o-transition: all 4.05s ease-in-out;
        transition: all 4.05s ease-in-out; }
      .main-nav li:nth-child(28) {
        -webkit-transition: all 4.2s ease-in-out;
        -moz-transition: all 4.2s ease-in-out;
        -ms-transition: all 4.2s ease-in-out;
        -o-transition: all 4.2s ease-in-out;
        transition: all 4.2s ease-in-out; }
      .main-nav li:nth-child(29) {
        -webkit-transition: all 4.35s ease-in-out;
        -moz-transition: all 4.35s ease-in-out;
        -ms-transition: all 4.35s ease-in-out;
        -o-transition: all 4.35s ease-in-out;
        transition: all 4.35s ease-in-out; }
      .main-nav li:nth-child(30) {
        -webkit-transition: all 4.5s ease-in-out;
        -moz-transition: all 4.5s ease-in-out;
        -ms-transition: all 4.5s ease-in-out;
        -o-transition: all 4.5s ease-in-out;
        transition: all 4.5s ease-in-out; }
      .main-nav li:nth-child(31) {
        -webkit-transition: all 4.65s ease-in-out;
        -moz-transition: all 4.65s ease-in-out;
        -ms-transition: all 4.65s ease-in-out;
        -o-transition: all 4.65s ease-in-out;
        transition: all 4.65s ease-in-out; }
      .main-nav li:nth-child(32) {
        -webkit-transition: all 4.8s ease-in-out;
        -moz-transition: all 4.8s ease-in-out;
        -ms-transition: all 4.8s ease-in-out;
        -o-transition: all 4.8s ease-in-out;
        transition: all 4.8s ease-in-out; }
      .main-nav li:nth-child(33) {
        -webkit-transition: all 4.95s ease-in-out;
        -moz-transition: all 4.95s ease-in-out;
        -ms-transition: all 4.95s ease-in-out;
        -o-transition: all 4.95s ease-in-out;
        transition: all 4.95s ease-in-out; }
      .main-nav li:nth-child(34) {
        -webkit-transition: all 5.1s ease-in-out;
        -moz-transition: all 5.1s ease-in-out;
        -ms-transition: all 5.1s ease-in-out;
        -o-transition: all 5.1s ease-in-out;
        transition: all 5.1s ease-in-out; }
      .main-nav li:nth-child(35) {
        -webkit-transition: all 5.25s ease-in-out;
        -moz-transition: all 5.25s ease-in-out;
        -ms-transition: all 5.25s ease-in-out;
        -o-transition: all 5.25s ease-in-out;
        transition: all 5.25s ease-in-out; }
      .main-nav li:nth-child(36) {
        -webkit-transition: all 5.4s ease-in-out;
        -moz-transition: all 5.4s ease-in-out;
        -ms-transition: all 5.4s ease-in-out;
        -o-transition: all 5.4s ease-in-out;
        transition: all 5.4s ease-in-out; } }
    @media only screen and (min-width: 1024px) {
      .main-nav li {
        display: inline-block;
        margin: 0 0 0 10px;
        -webkit-transition: all 0.25s ease-in-out;
        -moz-transition: all 0.25s ease-in-out;
        -ms-transition: all 0.25s ease-in-out;
        -o-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out; }
        .main-nav li:hover {
          color: #ffffff; } }
  @media only screen and (min-width: 1024px) {
    .home .main-nav {
      background: none; } }

.logo {
  float: left;
  width: 100px; }

.footer-nav {
  margin-bottom: 12px; }
  .footer-nav li {
    display: inline-block;
    padding: 6px; }
    @media only screen and (min-width: 620px) {
      .footer-nav li {
        padding: 0 12px; }
        .footer-nav li:not(:first-of-type) {
          border-left: 1px solid; } }

.flag-icon {
  background: url("../img/icon-us-flag.png") center center no-repeat;
  background-size: contain;
  display: inline-block;
  height: 12px;
  margin-left: 0.5em;
  width: 18px; }

footer {
  border-top: 2px solid #EA960A;
  font-size: .9em;
  padding: 40px 0;
  text-align: center; }

.newsletter {
  margin: 24px 0; }
  @media only screen and (min-width: 620px) {
    .newsletter {
      margin: 36px 0; } }

.socials {
  margin: 30px 0; }
  .homefooter .socials {
    margin: 6px 0; }

.social {
  display: inline-block;
  margin: 0 8px;
  width: 26px; }
  .social:hover svg path {
    fill: #333333; }
    .homefooter .social:hover svg path {
      fill: #ffffff; }
  .social svg path {
    fill: #C2C2C2;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out; }

.copyright {
  font-size: .9em; }

.copyright-minimal:after {
  content: 'Strymon'; }
  @media only screen and (min-width: 620px) {
    .copyright-minimal:after {
      content: 'Strymon, a division of Damage Control Engineering.'; } }

.homefooter {
  background: #333333;
  border-top: 2px solid #ffffff;
  color: #aaaaaa;
  font-size: 0.85em;
  padding: 20px;
  text-align: center;
  width: 100%;
  display: none; }
  @media only screen and (min-width: 620px) {
    .homefooter {
      font-size: 1em; } }

@media only screen and (max-width: 768px) {
  .home .homefooter {
    display: block; }

  .home .page-footer,
  .home .page-pre-footer {
    display: none; } }
.map {
  padding-bottom: 59%;
  width: 100%; }

.gm-style img {
  max-width: none; }

.person {
  cursor: pointer;
  display: inline-block;
  font-size: .9em;
  margin: 0 10px 30px 0;
  position: relative;
  vertical-align: top;
  width: 45%; }
  @media only screen and (min-width: 480px) {
    .person {
      margin-right: 16px;
      width: 170px; } }
  .person.active:after {
    background: #C2C2C2;
    border: 1px solid #aaaaaa;
    bottom: -32px;
    content: '';
    height: 20px;
    left: 50%;
    margin-left: -10px;
    position: absolute;
    width: 20px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }

.profile-image {
  background: #ffffff;
  border: 1px solid #C2C2C2;
  padding: 4px; }

.name {
  font-weight: 700;
  margin: 6px 0 2px; }

.position {
  font-size: .9em;
  line-height: 1.3em; }

.profile {
  background: #ffffff;
  border: 1px solid #C2C2C2;
  height: 0;
  left: 0;
  margin-top: 20px;
  opacity: .5;
  overflow: hidden;
  padding: 20px;
  position: absolute;
  z-index: -1; }
  .active .profile {
    opacity: 1;
    z-index: 2; }

.coordinates {
  position: relative; }

.author-short-bio img {
  float: left;
  margin: 0 1em 1em 0; }

.author-stuff {
  margin: 36px 0; }
  .author-stuff span {
    font-size: 2em;
    line-height: 2em; }

.video-feed {
  background: #ffffff;
  float: left;
  margin: 20px 0;
  text-align: center;
  width: 100%; }
  @media only screen and (min-width: 768px) {
    .video-feed {
      margin-right: 4%;
      width: 48%; }
      .video-feed:nth-of-type(2n) {
        margin-right: 0; } }

.instagram-feed {
  background: #ffffff;
  float: left;
  margin: 20px 0;
  text-align: center;
  width: 100%; }
  @media only screen and (min-width: 480px) {
    .instagram-feed {
      margin-right: 4%;
      width: 48%; }
      .instagram-feed:nth-of-type(2n) {
        margin-right: 0; } }
  @media only screen and (min-width: 768px) {
    .instagram-feed {
      margin-right: 2%;
      width: 32%; }
      .instagram-feed:nth-of-type(2n) {
        margin-right: 2%; }
      .instagram-feed:nth-of-type(3n) {
        margin-right: 0; } }
  @media only screen and (min-width: 1100px) {
    .instagram-feed {
      margin-right: 2%;
      width: 23.5%; }
      .instagram-feed:nth-of-type(2n) {
        margin-right: 2%; }
      .instagram-feed:nth-of-type(3n) {
        margin-right: 2%; }
      .instagram-feed:nth-of-type(4n) {
        margin-right: 0; } }

.instagram-media {
  background: #ffffff;
  border: 1px solid #DEDEDE;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 1px;
  max-width: 658px;
  padding: 0;
  width: 99.375%;
  width: -webkit-calc(100% - 2px);
  width: calc(100% - 2px); }

.js .spinner {
  width: 40px;
  height: 40px;
  position: relative;
  margin: 30% auto 0; }
.js .double-bounce1, .js .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1px solid #ffffff;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out; }
.js .double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s; }
.js .everything {
  opacity: 0;
  overflow: hidden;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }
  .js .everything.ready {
    opacity: 1; }

@-webkit-keyframes sk-bounce {
  0%, 100% {
    -webkit-transform: scale(0); }
  50% {
    -webkit-transform: scale(1); } }
@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0); }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1); } }
body {
  background: #EEEEEE;
  color: #333333;
  font-size: 14px;
  line-height: 22px;
  font-family: "museo-sans", sans-serif;
  font-weight: 300; }
  .js body {
    background: #333333; }
    .js body.ready {
      background: #EEEEEE; }

a {
  text-decoration: none;
  color: inherit; }
  .textual a, p a {
    border-bottom: 1px solid;
    color: #EA960A; }
    .lighttext .textual a, .lighttext p a {
      color: #ffffff; }
  a.blocked {
    display: block;
    height: 100%; }
  .hero-title a {
    border-bottom: 1px solid #EA960A;
    color: #EA960A; }
  .passage a, .post-meta a, .top-meta a, .simple-back-nav a {
    border-bottom: 1px solid;
    color: #EA960A; }
    .lighttext .passage a, .lighttext .post-meta a, .lighttext .top-meta a, .lighttext .simple-back-nav a {
      color: #ffffff; }
  .support-function a {
    padding: 17px 0; }
  @media only screen and (min-width: 620px) {
    .manual a {
      margin-left: 10px; } }
  @media only screen and (min-width: 620px) {
    .faq a {
      margin-left: 38px; } }
  .home-tile a, .mobile-tile-content a {
    border: 1px solid #EA960A;
    color: #ffffff;
    display: inline-block;
    padding: 6px 48px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    font-weight: bold;
    text-transform: uppercase; }
    .home-tile a:hover, .mobile-tile-content a:hover {
      color: #132329;
      background: #ffffff;
      border-color: #ffffff; }
  .comment-meta a {
    display: inline-block;
    font-size: .8em;
    margin: 4px 0 0 0; }
  a.button {
    background: #EA960A;
    color: #ffffff;
    padding: 6px 14px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out; }
    a.button:hover {
      background: #96B0CF; }
  a.download {
    border: 1px solid #EA960A;
    color: #EA960A;
    font-size: 0.8em;
    padding: 6px 14px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out; }
    a.download:hover {
      background: #96B0CF;
      border-color: #96B0CF;
      color: #ffffff; }
  .textlink a {
    border-top: 1px solid #aaaaaa;
    color: #96B0CF;
    display: block;
    margin: 0 auto;
    padding-top: 8px;
    max-width: 180px; }

p + p {
  margin-top: 1em; }
.comment p {
  line-height: 1.3em;
  margin: 10px 0; }

b, strong {
  font-weight: 700; }

i, em {
  font-style: italic; }

h1, h2, h3, h4, h5, h6 {
  color: #96B0CF;
  font-weight: 100;
  line-height: 1.3em;
  margin: .7em 0 .3em; }
  .lighttext h1, .lighttext h2, .lighttext h3, .lighttext h4, .lighttext h5, .lighttext h6 {
    color: #ffffff; }
  .faq-text h1, .faq-text h2, .faq-text h3, .faq-text h4, .faq-text h5, .faq-text h6 {
    margin-top: 0; }
  .hanging h1, .hanging h2, .hanging h3, .hanging h4, .hanging h5, .hanging h6 {
    margin: 0;
    padding-bottom: .3em; }

h1 {
  font-size: 1.6em; }
  @media only screen and (min-width: 1024px) {
    h1 {
      font-size: 2em; } }
  @media only screen and (min-width: 1100px) {
    h1 {
      font-size: 3em; } }
  .single-narrow h1 {
    text-align: center; }
  .home-tile h1 {
    color: #ffffff; }
  .titlebar h1 {
    margin-top: 0;
    padding-top: 0.7em; }

h2, h3 {
  color: #3E6695;
  font-size: 1.3em;
  font-weight: 300;
  margin-top: 1.4em; }
  @media only screen and (min-width: 1024px) {
    h2, h3 {
      font-size: 1.6em; } }
  .titlebar h2, .titlebar h3 {
    border-bottom: 1px solid #aaaaaa;
    margin-bottom: 0;
    padding-bottom: 12px; }
  h2 span, h3 span {
    color: #333333;
    font-size: .8em; }

h3 {
  font-size: 1.1em; }
  @media only screen and (min-width: 1024px) {
    h3 {
      font-size: 1.3em; } }

h6 {
  font-family: "museo-sans", sans-serif;
  font-style: italic; }

img.aligncenter {
  margin: auto; }
.textual img {
  height: auto;
  max-width: 100%; }
.profile-image img {
  width: 100%; }

.textual ol {
  list-style: decimal;
  margin: 0.5em 0.5em 0.5em 1.5em; }

.textual ul {
  list-style: disc;
  margin: 1em 1.3em; }
.gform_wrapper ul {
  list-style: none; }

.lighttext {
  color: #ffffff; }

.darktext {
  color: #333333; }

.left,
.alignleft {
  float: left;
  margin: 12px 12px 12px 0;
  text-align: left; }

.right,
.alignright {
  float: right;
  margin: 12px 0 12px 12px;
  text-align: right; }

@media only screen and (min-width: 768px) {
  .textrightcousin {
    text-align: right; } }

.center {
  text-align: center; }

.centered {
  margin: 0 auto;
  text-align: center; }
  .centered.img {
    display: inline-block; }

.userpaddingabove {
  padding-top: 20px; }

.userpaddingbelow {
  padding-bottom: 20px; }

.padded {
  padding-bottom: 24px;
  padding-top: 24px; }

.imagesplit img {
  margin: 0 auto; }
  @media only screen and (min-width: 620px) {
    .imagesplit img {
      width: 90%; } }
  @media only screen and (min-width: 1024px) {
    .imagesplit img {
      width: 470px; } }

.noted {
  font-size: .9em; }

.inside-wrap {
  margin: 0 auto;
  position: relative;
  width: 90%; }
  @media only screen and (min-width: 1300px) {
    .inside-wrap {
      width: 1170px; } }
  @media only screen and (min-width: 1300px) {
    .shaded .inside-wrap {
      width: 100%; } }

@media only screen and (min-width: 1024px) {
  .narrow-wrap {
    margin: 0 auto;
    width: 700px; } }

.mid-wrap {
  margin: 14px auto;
  width: 80%; }
  @media only screen and (min-width: 620px) {
    .mid-wrap {
      width: 444px; } }
  .flushabove .mid-wrap, .flushbelow .mid-wrap {
    margin: 0 auto; }

.has-logo-overlay {
  margin-top: 90px;
  text-align: center; }
  @media only screen and (min-width: 414px) {
    .has-logo-overlay {
      margin-top: 100px; } }
  @media only screen and (min-width: 480px) {
    .has-logo-overlay {
      margin-top: 110px; } }
  @media only screen and (min-width: 620px) {
    .has-logo-overlay {
      margin-top: 120px; } }
  @media only screen and (min-width: 768px) {
    .has-logo-overlay {
      margin-top: 0px;
      text-align: initial; } }

.include-scrollable {
  position: relative; }

.slide-nav-wrap {
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  padding-left: 16px; }
  @media only screen and (min-width: 768px) {
    .slide-nav-wrap {
      margin: 0 auto;
      overflow: auto;
      padding-left: 0;
      width: 90%; } }
  @media only screen and (min-width: 1300px) {
    .slide-nav-wrap {
      width: 1170px; } }
  .slide-nav-wrap.stayleft {
    padding-left: 0;
    width: 100%; }

.scrollable {
  background: url("../img/icon-more-arrow-mask.png") center center no-repeat;
  background-size: contain;
  height: 34px;
  margin-top: -27px;
  position: absolute;
  right: 0;
  top: 50%;
  visibility: visible;
  width: 42px;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }
  @media only screen and (min-width: 768px) {
    .scrollable {
      display: none; } }
  .scrollable.inactive {
    opacity: 0;
    visibility: hidden; }

@media only screen and (min-width: 1024px) {
  .float-two > div {
    float: left;
    margin-right: 5%;
    width: 45%; } }

@media only screen and (min-width: 1024px) {
  .float-three > div {
    float: left;
    margin-right: 3%;
    width: 30%; } }

caption,
.wp-caption-text {
  padding: 0.5rem 0.5rem 0.5rem 0;
  text-align: center; }

.hero {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 60px 5% 30px; }
  @media only screen and (min-width: 620px) {
    .hero {
      padding: 90px 5% 30px; } }
  @media only screen and (min-width: 1024px) {
    .hero {
      padding: 120px 5% 60px; } }
  @media only screen and (min-width: 1300px) {
    .hero {
      padding: 160px 5% 80px; } }

.bg-img {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat; }
  .bg-img.anchortop {
    background-position: center top; }
  .bg-img.anchorleft {
    background-position: left center; }
  .bg-img.anchortopleft {
    background-position: left top; }
  .bg-img.anchorright {
    background-position: right center; }
  .bg-img.bg-contain {
    background-size: contain;
    background-repeat: no-repeat; }
  .bg-img.leftanchor {
    background-position: left center; }
  .bg-img.rightanchor {
    background-position: right bottom; }
  .bg-img.empty {
    background: #333333; }

.manual-img {
  width: 80px; }
  @media only screen and (min-width: 620px) {
    .manual-img {
      width: 110px; } }

.hero-title {
  color: #ffffff;
  font-family: "purista-web", sans-serif;
  font-size: 2em;
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 1.1em;
  text-transform: uppercase; }
  @media only screen and (min-width: 1024px) {
    .hero-title {
      font-size: 3em;
      margin: 0 auto;
      width: 1170px; } }
  .hero-title span {
    font-size: .85em; }
    .hero-title span + span {
      font-size: .7em; }

.tagline {
  display: block;
  font-family: "museo-sans", sans-serif;
  font-size: .45em;
  font-weight: 300;
  letter-spacing: normal;
  line-height: 1.4em;
  margin-top: 22px;
  text-transform: none; }

section {
  padding: 10px 0; }
  @media only screen and (min-width: 480px) {
    section {
      padding: 20px 0; } }
  @media only screen and (min-width: 620px) {
    section {
      padding: 30px 0; } }
  @media only screen and (min-width: 1024px) {
    section {
      padding: 50px 0; } }
  section.whitebg {
    background: #ffffff; }
  section.lightgraybg {
    background: #F9F9F9; }
  section.flush {
    padding: 0; }
  section.flushabove {
    padding-top: 0; }
  section.flushbelow {
    padding-bottom: 0; }
  section.nopushabove {
    padding-top: 0; }
  section.nopushbelow {
    padding-bottom: 0; }
  section.nopadding {
    padding: 0; }

.textual.bottomspace {
  margin-bottom: 32px; }
  @media only screen and (min-width: 1024px) {
    .textual.bottomspace {
      margin-bottom: 48px; } }

.lightbackground,
.darkbackground {
  float: left; }
  @media only screen and (min-width: 375px) {
    .lightbackground,
    .darkbackground {
      padding-left: 3em;
      padding-top: 2em;
      width: 70%; } }
  @media only screen and (min-width: 414px) {
    .lightbackground,
    .darkbackground {
      width: 60%; } }
  @media only screen and (min-width: 480px) {
    .lightbackground,
    .darkbackground {
      width: 50%; } }
  @media only screen and (min-width: 768px) {
    .lightbackground,
    .darkbackground {
      width: 68%; } }
  @media only screen and (min-width: 1024px) {
    .lightbackground,
    .darkbackground {
      width: 60%; } }
  @media only screen and (min-width: 1300px) {
    .lightbackground,
    .darkbackground {
      width: 650px; } }

.shaded {
  padding: 40px 0.5em 40px 0; }
  @media only screen and (min-width: 375px) {
    .shaded {
      padding: 30px 1em 30px 0; } }
  @media only screen and (min-width: 620px) {
    .shaded {
      padding: 30px 2em 30px 0; } }
  @media only screen and (min-width: 768px) {
    .shaded {
      background: none;
      padding: 40px 2em 40px 0; } }
  @media only screen and (min-width: 1300px) {
    .shaded {
      padding: 40px 2em; } }

.rotatorimage img {
  margin: 30px 0; }
@media only screen and (min-width: 375px) {
  .rotatorimage {
    width: 30%; } }
@media only screen and (min-width: 414px) {
  .rotatorimage {
    width: 40%; } }
@media only screen and (min-width: 480px) {
  .rotatorimage {
    width: 50%; } }
@media only screen and (min-width: 768px) {
  .rotatorimage {
    width: 32%; } }
@media only screen and (min-width: 1300px) {
  .rotatorimage {
    width: 34%; } }
.rotatorimage.floatleft {
  float: left; }
.rotatorimage.floatright {
  float: right; }

@media only screen and (min-width: 620px) {
  .passage.narrow {
    width: 30%; } }

.columned {
  float: left;
  width: 100%; }
  @media only screen and (min-width: 620px) {
    .columned {
      width: 50%; } }
  .columned:first-of-type {
    margin-bottom: 20px; }
    @media only screen and (min-width: 620px) {
      .columned:first-of-type {
        margin-bottom: 0; } }
  .columned.righted {
    float: right; }

.faq-title {
  color: #d70512;
  font-size: .9em;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin: 24px 0 8px 0;
  text-transform: uppercase; }

.question {
  border-bottom: 1px solid #aaaaaa;
  color: #132329;
  cursor: pointer;
  font-weight: 500;
  margin: 24px 0 12px;
  padding: 0 26px 14px 0;
  position: relative;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }
  .question:before, .question:after {
    border-bottom: 2px solid #aaaaaa;
    content: '';
    height: 0;
    position: absolute;
    right: 0;
    top: 10px;
    width: 12px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out; }
  .question:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }
  .question:hover:before, .question:hover:after {
    border-color: #d70512; }
  .question:hover {
    color: #d70512; }
  .question.active:after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg); }

.answer {
  height: 0;
  overflow: hidden;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }

.support-box {
  background: #ffffff;
  border: 1px solid #DEDEDE;
  float: left;
  margin-bottom: 20px;
  padding: 20px 0;
  text-align: center;
  width: 100%; }
  @media only screen and (min-width: 620px) {
    .support-box {
      margin-bottom: 40px;
      margin-right: 4%;
      padding: 40px 0 20px;
      width: 48%; } }
  .support-box:nth-of-type(2n) {
    margin-right: 0; }

.support-function {
  background-image: url("../img/icon-download.png");
  background-position: 10px center;
  background-repeat: no-repeat;
  background-size: auto 80%;
  border: 1px solid #aaaaaa;
  border-radius: 3px;
  display: inline-block;
  font-size: .9em;
  font-weight: 500;
  margin: 20px 10px 0;
  overflow: hidden;
  padding: 2px 0 8px 48px;
  white-space: nowrap;
  width: 40px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  /*
    &:last-of-type {
      @include responsive(sister-bear) {
        margin-right: 0;
      }
    }
  */ }
  @media only screen and (min-width: 1024px) {
    .support-function {
      padding: 8px 10px 8px 48px;
      width: auto; } }
  .support-function:hover {
    border-color: #d70512; }
  .support-function.faq {
    background-image: url("../img/icon-faq-list.png"); }

.support-functions h2 {
  display: none; }

.page-template-page-prod-support-php a.support-function.manual {
  margin-left: 0px; }
.page-template-page-prod-support-php .manual-wrapper .manual-popup {
  left: 0px; }

.manual-wrapper {
  position: relative; }
  .manual-wrapper .manual-popup {
    display: none;
    position: absolute;
    top: 12px;
    left: 10px;
    background-color: grey;
    color: white;
    border-radius: 3px;
    min-width: 160px; }
    .manual-wrapper .manual-popup a {
      padding: 6px;
      width: 100%;
      display: block;
      clear: both; }
    .manual-wrapper .manual-popup a:hover {
      background-color: #aaa; }

.image {
  margin: 0 auto;
  width: 240px; }
  @media only screen and (min-width: 620px) {
    .image {
      width: 282px; } }

.smalllogo {
  height: 32px;
  margin: 16px auto 0; }
  @media only screen and (min-width: 620px) {
    .smalllogo {
      margin: 20px auto 58px; } }

.mobile-tile-content {
  width: 100%;
  background-color: #333333;
  height: auto;
  float: left;
  display: none;
  box-sizing: border-box;
  padding: 20px;
  text-align: center; }
  .mobile-tile-content h1 {
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.5em;
    line-height: 1em;
    z-index: 10;
    margin-top: 0px; }
  .mobile-tile-content p {
    color: #ffffff; }

#home-tile-0 + .mobile-tile-content h1,
#home-tile-7 + .mobile-tile-content h1 {
  line-height: 1em;
  font-size: 2em; }

.home-tile {
  background-position: center center;
  background-size: cover;
  position: relative; }
  .home-tile img.small-square-filler,
  .home-tile img.small-rectangle-filler,
  .home-tile img.small-mobile-filler {
    width: 100%;
    height: auto; }
  .home-tile img.small-mobile-filler {
    display: none; }
  .home-tile h1 {
    top: 18px;
    left: 20px;
    color: #ffffff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: absolute;
    text-align: left;
    width: 290px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1em;
    font-size: 2em;
    z-index: 10;
    margin-top: 0px; }
  .home-tile a {
    -ms-transform: scale(1, 0);
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -96px;
    margin-top: -18px;
    z-index: 10; }
  .home-tile .tile-content {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%; }
  .home-tile .tile-content.upper-right h1, .home-tile .tile-content.upper-right p {
    text-align: right;
    left: auto;
    right: 20px; }
  .home-tile .tile-content.lower-left h1, .home-tile .tile-content.lower-left p {
    top: auto;
    bottom: 20px;
    margin-bottom: 0px; }
  .home-tile .tile-content.lower-right h1, .home-tile .tile-content.lower-right p {
    top: auto;
    bottom: 20px;
    margin-bottom: 0px;
    text-align: right;
    left: auto;
    right: 20px; }
  .home-tile .tile-darkener {
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 0; }

.home-tile:hover,
.home-tile.hover-effect {
  cursor: pointer; }
  .home-tile:hover h1,
  .home-tile.hover-effect h1 {
    color: #EA960A; }
  .home-tile:hover a,
  .home-tile.hover-effect a {
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  .home-tile:hover .tile-darkener,
  .home-tile.hover-effect .tile-darkener {
    background-color: rgba(0, 0, 0, 0.5); }

#home-tile-0:hover h1 {
  color: #ffffff; }
#home-tile-0:hover .tile-darkener {
  background-color: transparent; }

/* FULLWIDTH TILES */
#home-tile-0,
#home-tile-7 {
  width: 100%; }
  #home-tile-0 img.small-square-filler,
  #home-tile-0 img.small-rectangle-filler,
  #home-tile-0 img.small-mobile-filler,
  #home-tile-7 img.small-square-filler,
  #home-tile-7 img.small-rectangle-filler,
  #home-tile-7 img.small-mobile-filler {
    display: none; }
  #home-tile-0 h1,
  #home-tile-7 h1 {
    position: static;
    padding-top: 140px;
    margin-left: 60px;
    font-size: 3em;
    line-height: 1em;
    z-index: 20; }
  #home-tile-0 p,
  #home-tile-7 p {
    color: #ffffff;
    margin-left: 60px;
    width: 290px;
    font-size: 1.2em; }
  #home-tile-0 p > a,
  #home-tile-7 p > a {
    position: static;
    margin-left: 0px;
    margin-top: 4px;
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  #home-tile-0 .tile-content.upper-right h1, #home-tile-0 .tile-content.upper-right p,
  #home-tile-7 .tile-content.upper-right h1,
  #home-tile-7 .tile-content.upper-right p {
    float: right;
    margin-right: 60px;
    clear: both; }

#home-tile-0 {
  height: 670px; }

#home-tile-7 {
  float: left;
  height: 870px; }
  #home-tile-7 h1 {
    padding-top: 60px;
    width: 500px; }
  #home-tile-7 p {
    width: 500px; }

/* SQUARE TILES */
#home-tile-1,
#home-tile-3,
#home-tile-5,
#home-tile-6 {
  width: 28%;
  height: auto;
  float: left; }
  #home-tile-1 img.small-rectangle-filler,
  #home-tile-3 img.small-rectangle-filler,
  #home-tile-5 img.small-rectangle-filler,
  #home-tile-6 img.small-rectangle-filler {
    display: none; }

/* RECTANGULAR TILES */
#home-tile-2,
#home-tile-4 {
  width: 44%;
  height: auto;
  float: left; }
  #home-tile-2 img.small-square-filler,
  #home-tile-4 img.small-square-filler {
    display: none; }

/* SQUARE AND RECTANGULAR TILES */
#home-tile-1 a,
#home-tile-2 a,
#home-tile-3 a,
#home-tile-4 a,
#home-tile-5 a,
#home-tile-6 a {
  display: block; }

@media only screen and (max-width: 1300px) {
  .home-tile h1 {
    font-size: 1.5em;
    line-height: 1em;
    width: 200px; }

  #home-tile-0 h1 {
    padding-top: 110px; }

  #home-tile-7 h1 {
    padding-top: 20px; }

  #home-tile-0 h1,
  #home-tile-7 h1 {
    font-size: 2em;
    line-height: 1em; }
  #home-tile-0 h1, #home-tile-0 p, #home-tile-0 a,
  #home-tile-7 h1,
  #home-tile-7 p,
  #home-tile-7 a {
    margin-left: 20px; }
  #home-tile-0 h1, #home-tile-0 p,
  #home-tile-7 h1,
  #home-tile-7 p {
    width: 300px;
    max-width: 100%;
    margin-right: 20px !important; } }
@media only screen and (max-width: 768px) {
  .mobile-tile-content {
    display: block; }

  .home-tile {
    width: 100% !important; }
    .home-tile .tile-content {
      display: none; }
    .home-tile img.small-square-filler,
    .home-tile img.small-rectangle-filler {
      display: none; }
    .home-tile img.small-mobile-filler {
      display: block; }

  .home-tile:hover .tile-darkener,
  .home-tile.hover-effect .tile-darkener {
    background-color: transparent; }

  #home-tile-0 {
    height: 600px; }

  #home-tile-7 {
    height: 500px; } }
@media only screen and (max-width: 480px) {
  #home-tile-0 {
    height: 420px; }

  #home-tile-7 {
    height: 300px; } }
.simple-back-nav {
  background: #ffffff;
  padding: 16px 0; }

.faq-text {
  float: left; }
  .faq-text ul {
    margin: 1em 1.3em; }
  .faq-text li {
    list-style: disc;
    list-style-position: outside; }
  @media only screen and (min-width: 620px) {
    .faq-text {
      margin-right: 6%;
      width: 44%; }
      .faq-text:last-of-type {
        margin-right: 0; } }

.filters-wrap {
  float: left;
  margin: 0 0 20px 0;
  width: calc(100% - 100px); }
  @media only screen and (min-width: 768px) {
    .filters-wrap {
      margin: 0;
      width: calc(100% - 120px); } }

.product-filters:before {
  color: #96B0CF;
  content: 'show ';
  display: block;
  font-size: .85rem;
  margin-right: 12px;
  vertical-align: middle; }

.product-filter,
.reset-filters {
  border: 1px solid #96B0CF;
  color: #96B0CF;
  cursor: pointer;
  display: inline-block;
  font-size: 0.8em;
  margin: 0 6px 8px 0;
  min-width: 88px;
  padding: 4px 8px;
  text-align: center;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }
  @media only screen and (min-width: 375px) {
    .product-filter,
    .reset-filters {
      font-size: inherit;
      margin: 0 6px 8px 0;
      min-width: 110px;
      padding: 4px 12px; } }
  .product-filter.active,
  .reset-filters.active {
    background: #96B0CF;
    color: #ffffff; }

.display-arrange {
  float: right;
  width: 100px; }
  @media only screen and (min-width: 768px) {
    .display-arrange {
      width: 120px; } }

.display-list,
.display-grid {
  cursor: pointer;
  float: right;
  position: relative;
  margin-left: 10px;
  width: 30px; }
  .display-list:after,
  .display-grid:after {
    color: #C2C2C2;
    content: 'Grid';
    display: block;
    font-size: .65em;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 1.5em;
    text-transform: uppercase; }
  .display-list.active:after,
  .display-grid.active:after {
    color: #96B0CF; }

.display-list:after {
  content: 'List'; }

span.display-toggle-object {
  background: #C2C2C2;
  display: block;
  float: left;
  height: 5px;
  margin: 0 0 4.5px 0;
  width: 24px; }
  .display-grid span.display-toggle-object {
    height: 10px;
    margin: 0 4px 4px 0;
    width: 10px; }
  .active span.display-toggle-object {
    background: #96B0CF; }

.simple-list {
  opacity: 1;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }
  .simple-list.thinking {
    opacity: 0; }

.simple-entry {
  float: left;
  width: 50%; }
  @media only screen and (min-width: 620px) {
    .simple-entry {
      width: 33%; } }
  .as-list .simple-entry {
    border-bottom: 1px solid #DEDEDE;
    margin-bottom: 36px;
    padding-bottom: 24px;
    width: 100%; }
  .simple-entry.hidden {
    display: none; }

.simple-entry-splash {
  height: 100px;
  width: 100%; }
  @media only screen and (min-width: 375px) {
    .simple-entry-splash {
      height: 110px; } }
  @media only screen and (min-width: 414px) {
    .simple-entry-splash {
      height: 120px; } }
  @media only screen and (min-width: 480px) {
    .simple-entry-splash {
      height: 150px; } }
  @media only screen and (min-width: 620px) {
    .simple-entry-splash {
      height: 120px; } }
  @media only screen and (min-width: 768px) {
    .simple-entry-splash {
      height: 160px; } }
  @media only screen and (min-width: 1024px) {
    .simple-entry-splash {
      height: 200px; } }
  @media only screen and (min-width: 1025px) {
    .simple-entry-splash {
      height: 220px; } }
  @media only screen and (min-width: 1100px) {
    .simple-entry-splash {
      height: 230px; } }
  @media only screen and (min-width: 1300px) {
    .simple-entry-splash {
      height: 260px; } }
  .as-list .simple-entry-splash {
    height: 200px;
    width: 100%; }
    @media only screen and (min-width: 375px) {
      .as-list .simple-entry-splash {
        height: 240px; } }
    @media only screen and (min-width: 414px) {
      .as-list .simple-entry-splash {
        height: 280px; } }
    @media only screen and (min-width: 480px) {
      .as-list .simple-entry-splash {
        float: left;
        margin-right: 5%;
        width: 45%; } }
    @media only screen and (min-width: 620px) {
      .as-list .simple-entry-splash {
        height: 200px; } }
    @media only screen and (min-width: 768px) {
      .as-list .simple-entry-splash {
        height: 220px;
        margin-right: 0;
        width: 50%; } }
    @media only screen and (min-width: 1024px) {
      .as-list .simple-entry-splash {
        height: 230px; } }
    @media only screen and (min-width: 1025px) {
      .as-list .simple-entry-splash {
        height: 240px; } }
    @media only screen and (min-width: 1100px) {
      .as-list .simple-entry-splash {
        height: 250px; } }
    @media only screen and (min-width: 1300px) {
      .as-list .simple-entry-splash {
        height: 270px; } }

.simple-logo {
  height: 40px;
  margin: 0 auto 12px;
  width: 100px; }
  @media only screen and (min-width: 620px) {
    .as-list .simple-logo {
      height: 60px;
      width: 130px; } }
  @media only screen and (min-width: 768px) {
    .as-list .simple-logo {
      height: 80px; } }
  @media only screen and (min-width: 1024px) {
    .as-list .simple-logo {
      height: 90px;
      width: 140px; } }
  @media only screen and (min-width: 1025px) {
    .as-list .simple-logo {
      height: 100px; } }
  @media only screen and (min-width: 1100px) {
    .as-list .simple-logo {
      height: 110px;
      width: 150px; } }
  @media only screen and (min-width: 1300px) {
    .as-list .simple-logo {
      height: 120px; } }

.simple-entry-name {
  display: none; }

.simple-entry-details {
  padding: 12px 0; }
  @media only screen and (min-width: 480px) {
    .as-list .simple-entry-details {
      float: left;
      width: 50%; } }

.simple-entry-tagline {
  color: #96B0CF;
  font-size: 0.85em;
  font-style: italic;
  min-height: 60px;
  padding: 0 7%;
  text-align: center; }
  @media only screen and (min-width: 620px) {
    .simple-entry-tagline {
      font-size: 1em; } }
  @media only screen and (min-width: 620px) {
    .as-list .simple-entry-tagline {
      font-size: 1.2em; } }

.simple-entry-description {
  display: none;
  font-size: 0.85em; }
  .as-list .simple-entry-description {
    display: block; }

.simple-tags {
  color: #C2C2C2;
  display: none;
  font-size: 0.75em;
  text-transform: capitalize; }
  .as-list .simple-tags {
    display: block; }

.hero-video {
  position: relative; }
  .hero-video:after {
    background: url("../img/icon-play-large.png") center no-repeat;
    background-size: contain;
    content: '';
    cursor: pointer;
    display: block;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    position: absolute;
    top: 50%;
    width: 50px; }
    @media only screen and (min-width: 480px) {
      .hero-video:after {
        height: 60px;
        margin: -30px 0 0 -30px;
        width: 60px; } }
    @media only screen and (min-width: 620px) {
      .hero-video:after {
        height: 70px;
        margin: -35px 0 0 -35px;
        width: 70px; } }
    @media only screen and (min-width: 768px) {
      .hero-video:after {
        height: 80px;
        margin: -40px 0 0 -40px;
        width: 80px; } }
    @media only screen and (min-width: 1024px) {
      .hero-video:after {
        height: 100px;
        margin: -50px 0 0 -50px;
        width: 100px; } }
    @media only screen and (min-width: 1100px) {
      .hero-video:after {
        height: 120px;
        margin: -60px 0 0 -60px;
        width: 120px; } }

.video-space {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9; }

.video-close {
  background: url("../img/icon-close-large.png") center no-repeat;
  background-size: contain;
  cursor: pointer;
  display: none;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 9; }
  @media only screen and (min-width: 480px) {
    .video-close {
      height: 60px;
      margin: -30px 0 0 -30px;
      width: 60px; } }
  @media only screen and (min-width: 620px) {
    .video-close {
      height: 70px;
      margin: -35px 0 0 -35px;
      width: 70px; } }
  @media only screen and (min-width: 768px) {
    .video-close {
      height: 80px;
      margin: -40px 0 0 -40px;
      width: 80px; } }
  @media only screen and (min-width: 1024px) {
    .video-close {
      height: 100px;
      margin: -50px 0 0 -50px;
      width: 100px; } }
  @media only screen and (min-width: 1100px) {
    .video-close {
      height: 120px;
      margin: -60px 0 0 -60px;
      width: 120px; } }
  .video-close.active {
    display: block; }

.logo-overlay {
  display: inline-block;
  max-width: 600px;
  min-height: 180px;
  position: relative;
  top: -100px; }
  .logo-overlay:after {
    background: #4A4A4A;
    content: '';
    height: 400px;
    left: -600px;
    position: absolute;
    top: -200px;
    width: 1200px;
    z-index: -1; }
    @media only screen and (min-width: 768px) {
      .logo-overlay:after {
        height: 0;
        width: 0; } }
  @media only screen and (min-width: 414px) {
    .logo-overlay {
      top: -110px; } }
  @media only screen and (min-width: 480px) {
    .logo-overlay {
      top: -128px; } }
  @media only screen and (min-width: 620px) {
    .logo-overlay {
      top: -148px; } }
  @media only screen and (min-width: 768px) {
    .logo-overlay {
      display: block;
      top: 0; } }
  .logo-overlay img {
    max-height: 70px;
    width: auto; }
    @media only screen and (min-width: 375px) {
      .logo-overlay img {
        max-height: 80px; } }
    @media only screen and (min-width: 414px) {
      .logo-overlay img {
        max-width: 280px; } }
    @media only screen and (min-width: 480px) {
      .logo-overlay img {
        max-height: 90px;
        max-width: 320px; } }
    @media only screen and (min-width: 620px) {
      .logo-overlay img {
        max-height: 100px;
        max-width: 380px; } }
    @media only screen and (min-width: 1024px) {
      .logo-overlay img {
        max-height: 140px;
        max-width: 420px; } }
    @media only screen and (min-width: 1400px) {
      .logo-overlay img {
        max-height: 160px;
        max-width: 460px; } }

@media only screen and (min-width: 768px) {
  .fifty50 > div {
    float: left;
    margin-left: 4%;
    width: 46%; }
    .fifty50 > div:first-of-type {
      margin-left: 0;
      margin-right: 4%; } }

.inside50 {
  margin: 0 auto;
  width: 90%; }
  @media only screen and (min-width: 768px) {
    .inside50 {
      width: 80%; } }
  @media only screen and (min-width: 1300px) {
    .inside50.flushright {
      float: right;
      padding-right: 48px;
      width: 585px; } }
  @media only screen and (min-width: 1300px) {
    .inside50.flushleft {
      float: left;
      padding-left: 48px;
      width: 585px; } }

.clips {
  margin-bottom: 24px; }
  @media only screen and (min-width: 768px) {
    .clips {
      margin-bottom: 48px; } }
  @media only screen and (min-width: 1100px) {
    .clips {
      margin-bottom: 64px; } }
  .textual + .clips {
    margin-top: 24px; }
    @media only screen and (min-width: 768px) {
      .textual + .clips {
        margin-top: 48px; } }
    @media only screen and (min-width: 1100px) {
      .textual + .clips {
        margin-top: 64px; } }

.clip-wrap {
  position: relative;
  width: 88%; }
  @media only screen and (min-width: 768px) {
    .clip-wrap {
      width: 100%; } }

.clip {
  background: #F9F9F9;
  cursor: pointer;
  font-weight: 600;
  margin-bottom: 4px;
  overflow: hidden;
  padding: 4px 12px 4px 24px;
  position: relative;
  white-space: nowrap;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }
  .clip:hover {
    background: #132329;
    color: #ffffff;
    padding-left: 10px; }
  .clip:before {
    background: url("../img/icon-play.png") right center no-repeat;
    background-size: 200%;
    content: '';
    display: block;
    height: 14px;
    left: 7px;
    overflow: hidden;
    position: absolute;
    top: 7px;
    width: 14px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out; }
  .clip:hover:before {
    opacity: 0; }

.clipname {
  position: relative;
  z-index: 9; }
  .clipname span {
    color: #7e7e7e;
    font-size: .8em; }
    .clipname span:before {
      content: '('; }
    .clipname span:after {
      content: ')'; }
  .clipname.tighten {
    letter-spacing: -0.04em; }

.counter {
  background: #b2caea;
  left: 0;
  height: 100%;
  opacity: 1;
  position: absolute;
  top: 0;
  width: 0;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }
  .counter.transition {
    opacity: 0; }

.clip-info-icon {
  background: url(../img/icon-info.png) center center no-repeat;
  background-size: contain;
  cursor: pointer;
  height: 24px;
  opacity: 0.5;
  position: absolute;
  right: -32px;
  top: 4px;
  width: 24px;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }
  .clip-info-icon:hover {
    opacity: 1; }

.clip-description {
  display: none;
  padding: 12px 6px; }

.flushtopleft,
.flushtopright,
.flushbottomleft,
.flushbottomright {
  background-position: left top;
  background-repeat: no-repeat;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0; }
  @media only screen and (min-width: 620px) {
    .flushtopleft,
    .flushtopright,
    .flushbottomleft,
    .flushbottomright {
      background-size: 80%; } }
  @media only screen and (min-width: 1024px) {
    .flushtopleft,
    .flushtopright,
    .flushbottomleft,
    .flushbottomright {
      background-size: 60%; } }
  .flushtopleft.edgetoedge,
  .flushtopright.edgetoedge,
  .flushbottomleft.edgetoedge,
  .flushbottomright.edgetoedge {
    background-size: cover; }

.flushtopright {
  background-position: right top; }

.flushbottomleft {
  background-position: left bottom; }

.flushbottomright {
  background-position: right bottom; }

@media only screen and (min-width: 620px) {
  .flushtopleft .hanging {
    float: right; } }
@media only screen and (min-width: 620px) {
  .flushtopright .hanging {
    float: left; } }
@media only screen and (min-width: 620px) {
  .flushbottomleft .hanging {
    float: right; } }
@media only screen and (min-width: 620px) {
  .flushbottomright .hanging {
    float: left; } }

.reviews {
  text-align: left; }

.review {
  margin: 0 auto 30px;
  text-align: right;
  width: 90%; }
  @media only screen and (min-width: 768px) {
    .review {
      display: inline-block;
      margin-bottom: 42px;
      margin-right: 11%;
      vertical-align: top;
      width: 44%; }
      .review:nth-of-type(2n) {
        margin-right: 0; } }
  .review img {
    display: inline-block;
    margin: 6px 0 0;
    max-height: 70px;
    max-width: 160px; }

.quote {
  border: 1px solid #aaaaaa;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  margin-bottom: 12px;
  padding: 12px;
  text-align: left; }
  @media only screen and (min-width: 768px) {
    .quote {
      padding: 18px; } }

.author {
  font-weight: 300; }

.magazine {
  font-style: italic;
  font-weight: 700; }

.awards {
  text-align: center; }

.award {
  display: inline-block;
  margin: 0 24px 24px; }
  .award img {
    max-height: 140px;
    max-width: 320px; }

.rotatorsummary {
  font-size: .85em;
  margin: 10px auto 20px;
  max-width: 500px; }

.labeled-image {
  margin: 1em auto;
  position: relative;
  width: 288px; }
  @media only screen and (min-width: 620px) {
    .labeled-image {
      width: 576px; } }
  @media only screen and (min-width: 1300px) {
    .labeled-image.wider {
      width: 1152px; } }
  .labeled-image img {
    width: 100%; }

.labeled {
  height: 10px;
  position: absolute;
  width: 10px; }

.labeled-trigger {
  position: absolute;
  width: 32px;
  height: 32px;
  margin-left: -16px;
  background: url("../img/icon-circle-plus.png") center no-repeat;
  background-size: contain;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }
  .labeled-trigger.active {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg); }

.labeled-close {
  display: block;
  float: right;
  width: 24px;
  height: 24px;
  background: url("../img/icon-plux-gray.png") center no-repeat;
  background-size: contain;
  cursor: pointer;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.labeled-caption {
  position: fixed;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  padding: 20px;
  background: rgba(255, 255, 255, 0.97);
  opacity: 0;
  z-index: 199;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }
  @media only screen and (min-width: 1024px) {
    .labeled-caption {
      position: absolute;
      left: -200%;
      width: 0;
      height: 0;
      padding: 0;
      overflow: hidden; } }
  .labeled-caption.active {
    left: 0;
    opacity: 1; }
    @media only screen and (min-width: 1024px) {
      .labeled-caption.active {
        left: -100px;
        height: auto;
        padding: 20px;
        top: -30px;
        width: 300px;
        -webkit-box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.2); }
        .labeled-caption.active.yvaluehigh {
          top: -90px; } }

#section-nav {
  background: rgba(0, 0, 0, 0.9);
  left: 0;
  opacity: 0;
  padding: 16px 0;
  position: fixed;
  text-align: center;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 19;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out; }
  #section-nav.shown {
    opacity: 1;
    visibility: visible; }
  #section-nav li {
    display: none; }
    @media only screen and (min-width: 1024px) {
      #section-nav li {
        display: inline-block; } }
    #section-nav li.product-subnav-only {
      display: none; }
      .single-product #section-nav li.product-subnav-only, .page-template-page-product #section-nav li.product-subnav-only {
        display: inline-block; }

.section-nav-link {
  color: #ffffff;
  display: block;
  margin-bottom: 1px;
  padding: 4px 12px;
  position: relative;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }
  .current .section-nav-link {
    background: #7396bf; }
  .section-nav-link.cta {
    background: #EA960A; }
  .section-nav-link.nolink {
    cursor: default; }

.match {
  min-height: 160px; }
  @media only screen and (min-width: 480px) {
    .match {
      min-height: 200px; } }
  @media only screen and (min-width: 620px) {
    .match {
      min-height: 220px; } }

.tagged {
  margin: 24px 0; }
  .tagged > li {
    margin-bottom: 48px; }
    @media only screen and (min-width: 620px) {
      .tagged > li {
        margin-bottom: 72px; } }
    @media only screen and (min-width: 1024px) {
      .tagged > li {
        margin-bottom: 96px; } }
    .tagged > li > div {
      float: left; }
      .tagged > li > div.cta-area {
        float: right; }
        @media only screen and (min-width: 768px) {
          .tagged > li > div.cta-area {
            float: left; } }

.cta-area {
  display: block;
  margin-left: 5%;
  text-align: center;
  width: 47.5%; }
  @media only screen and (min-width: 768px) {
    .cta-area {
      margin-right: 5%;
      margin-top: 12px;
      width: 20%; } }
  @media only screen and (min-width: 1024px) {
    .cta-area {
      margin-right: 2%;
      width: inherit; } }
  @media only screen and (min-width: 1100px) {
    .cta-area {
      margin-right: 40px; } }

.graphics {
  text-align: center;
  width: 47.5%; }
  @media only screen and (min-width: 768px) {
    .graphics {
      margin-right: 5%;
      text-align: center;
      width: 35%; } }
  @media only screen and (min-width: 1024px) {
    .graphics {
      margin-right: 2%;
      width: 20%; } }
  @media only screen and (min-width: 1100px) {
    .graphics {
      margin-right: 40px; } }
  .graphics img {
    display: block;
    height: 100px;
    margin: 0 auto; }
    @media only screen and (min-width: 768px) {
      .graphics img {
        height: 140px; } }
    .graphics img.graphic {
      margin: 12px auto 0;
      max-height: 28px; }
      @media only screen and (min-width: 768px) {
        .graphics img.graphic {
          max-height: 40px; } }

.summary-area {
  margin: 12px 0;
  width: 100%; }
  @media only screen and (min-width: 768px) {
    .summary-area {
      width: 30%; } }
  @media only screen and (min-width: 1024px) {
    .summary-area {
      width: 50%; } }
  @media only screen and (min-width: 1100px) {
    .summary-area {
      width: 475px; } }

.price {
  color: #EA960A;
  font-size: 1.4em;
  margin: 16px 0; }
  .price span {
    color: #aaaaaa;
    display: block;
    font-size: .7em; }
    @media only screen and (min-width: 768px) {
      .price span {
        margin-top: 4px; } }

.summary-text {
  line-height: 1.3em;
  margin-top: 10px; }
  @media only screen and (min-width: 768px) {
    .summary-text {
      font-weight: 500;
      line-height: 1.6em;
      margin-top: 16px; } }

.press-boxes {
  margin-top: 20px; }

.press-box {
  background: #ffffff;
  border: 1px solid #DEDEDE;
  margin: 0 auto 14px;
  padding: 20px 0;
  text-align: center;
  width: 288px; }
  @media only screen and (min-width: 620px) {
    .press-box {
      float: left;
      margin: 0 16px 20px 0;
      padding: 20px 0;
      width: calc(50% - 8px); }
      .press-box:nth-of-type(2n) {
        margin-right: 0; } }
  @media only screen and (min-width: 768px) {
    .press-box {
      width: calc(33% - 8px); }
      .press-box:nth-of-type(2n) {
        margin-right: 16px; }
      .press-box:nth-of-type(3n) {
        margin-right: -3px; } }
  @media only screen and (min-width: 1024px) {
    .press-box {
      width: 24%;
      margin-right: 12px; }
      .press-box:nth-of-type(2n) {
        margin-right: 12px; }
      .press-box:nth-of-type(3n) {
        margin-right: 12px; }
      .press-box:nth-of-type(4n) {
        margin-right: -3px; } }
  .press-box li {
    display: inline-block;
    margin-right: 14px; }
    .press-box li:last-of-type {
      margin-right: 0; }
  .press-box img {
    border: 1px solid #C2C2C2;
    display: block;
    margin: 18px auto;
    max-height: 120px;
    padding: 6px; }
  .press-box:last-of-type {
    margin-bottom: 0; }

.filename {
  font-size: 1.1em; }

.employment {
  margin: 0 auto 2em;
  width: 90%; }
  .employment:not(:first-of-type) {
    border-top: 1px solid #C2C2C2;
    padding-top: 2em; }
  .employment a {
    font-size: .85em; }

.category-list {
  font-size: .85em;
  font-weight: 300; }
  .category-list:before {
    content: "Found in: "; }

.search-results-wrap {
  margin: 20px 0 50px; }

.search-block {
  margin: auto;
  max-width: 660px; }
  .search-block li {
    border-bottom: 1px solid #EEEEEE;
    font-weight: 600;
    margin-bottom: 12px;
    padding-bottom: 12px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out; }
    .search-block li:hover {
      color: #96B0CF;
      padding-left: 12px; }

@media only screen and (min-width: 620px) {
  #search_form {
    float: right;
    width: 200px; } }

.simpleform input[type=text],
.simpleform input[type=search],
.simpleform textarea {
  border: 1px solid #C2C2C2;
  font-family: "museo-sans", sans-serif;
  font-size: .7em;
  letter-spacing: 0.1em;
  line-height: 1.2em;
  padding: 8px 12px 6px;
  text-transform: uppercase;
  width: 100%;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }
  .simpleform input[type=text]:focus,
  .simpleform input[type=search]:focus,
  .simpleform textarea:focus {
    outline: none;
    border-color: #EA960A; }

#the-stuff {
  height: 100%;
  padding: 20px 0; }
  #the-stuff p:last-of-type:after {
    content: '';
    display: block;
    height: 20px; }

#small-stuff {
  padding: 20px 0 10px; }

.material {
  float: left;
  padding: 40px 16px;
  width: 100%; }
  @media only screen and (min-width: 620px) {
    .material.twothirds {
      width: 50%; } }
  @media only screen and (min-width: 1024px) {
    .material.twothirds {
      width: 66.66%; } }
  @media only screen and (min-width: 620px) {
    .material.half {
      width: 50%; } }
  @media only screen and (min-width: 620px) {
    .material.onethird {
      width: 50%; } }
  @media only screen and (min-width: 1024px) {
    .material.onethird {
      width: 33.33%; } }
  .material.toponly {
    padding-bottom: 0; }
  .material.bottomonly {
    padding-top: 0; }
  .material.nomargin {
    padding: 0; }
  .side-piece .material {
    width: 70%; }
    @media only screen and (min-width: 620px) {
      .side-piece .material {
        width: 70%; } }

.side-piece {
  float: left;
  width: 100%; }
  @media only screen and (min-width: 620px) {
    .side-piece {
      width: 50%; } }

.side-piece:first-of-type .image, .side-piece:last-of-type .image {
  float: right;
  padding-left: 0;
  padding-right: 0;
  width: 30%; }
.side-piece:last-of-type .image {
  float: left; }

.material .limitimage {
  margin: 0 auto;
  max-width: 444px; }

.material .limittext {
  margin: 0 auto;
  max-width: 600px; }

@media only screen and (min-width: 480px) {
  float: left;
  width: 50%; }

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