/*=============================
Griffin Technology
Global Responsive Drupal Style SASS
July 17th 2014
=============================*/
/*=====================================

	1.0 - Imports

=====================================*/
/*---------------------------------------------------------------------------------------
	GRIFFIN VARIABLES
	
	@category		design
	@package		griffin_default
	@copyright		Copyright (c) 2013 Griffin Technology. (http://griffintechnology.com)
---------------------------------------------------------------------------------------*/
/*	GENERAL	***********************************/
/* Pixel to Rem conversion with fallback support */
/* Vendor prefix stack */
/*	END GENERAL	*******************************/
/*	MEDIA QUERIES	***************************/
/*	END MEDIA QUERIES	***********************/
/*	COLORS	***********************************/
/*	END COLORS	*******************************/
/*	TYPOGRAPHY	*******************************/
/*	END TYPOGRAPHY	***************************/
/*---------------------------------------------------------------------------------------
	FIN
---------------------------------------------------------------------------------------*/
/* = MetaSerif
-------------------------------------------------------------- */
@font-face {
  font-family: 'MetaSerif';
  src: url("../fonts/responsive/fonts/MetaSerifWebPro-Book.eot");
  src: url("../fonts/responsive/fonts/MetaSerifWebPro-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/responsive/fonts/MetaSerifWebPro-Book.woff") format("woff"), url("../fonts/responsive/fonts/MetaSerifCompPro-Book.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'MetaSerif';
  src: url("../fonts/responsive/fonts/MetaSerifWebPro-BookItalic.eot");
  src: url("../fonts/responsive/fonts/MetaSerifWebPro-BookItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/responsive/fonts/MetaSerifWebPro-BookItalic.woff") format("woff"), url("../fonts/responsive/fonts/MetaSerifCompPro-BookItalic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic; }
@font-face {
  font-family: 'MetaSerif';
  src: url("../fonts/responsive/fonts/MetaSerifWebPro-Medium.eot");
  src: url("../fonts/responsive/fonts/MetaSerifWebPro-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/responsive/fonts/MetaSerifWebPro-Medium.woff") format("woff"), url("../fonts/responsive/fonts/MetaSerifCompPro-Medium.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: 'MetaSerif';
  src: url("../fonts/responsive/fonts/MetaSerifWebPro-MediumItalic.eot");
  src: url("../fonts/responsive/fonts/MetaSerifWebPro-MediumItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/responsive/fonts/MetaSerifWebPro-MediumItalic.woff") format("woff"), url("../fonts/responsive/fonts/MetaSerifCompPro-MediumItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic; }
/* = Effra
-------------------------------------------------------------- */
@font-face {
  font-family: 'Effra';
  src: url("../fonts/responsive/fonts/effra_std_lt-webfont.eot");
  src: url("../fonts/responsive/fonts/effra_std_lt-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/responsive/fonts/effra_std_lt-webfont.woff") format("woff"), url("../fonts/responsive/fonts/effra_std_lt-webfont.ttf") format("truetype");
  font-weight: 200;
  font-style: normal; }
@font-face {
  font-family: 'Effra';
  src: url("../fonts/responsive/fonts/effra_std_ltit-webfont.eot");
  src: url("../fonts/responsive/fonts/effra_std_ltit-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/responsive/fonts/effra_std_ltit-webfont.woff") format("woff"), url("../fonts/responsive/fonts/effra_std_ltit-webfont.ttf") format("truetype");
  font-weight: 200;
  font-style: italic; }
@font-face {
  font-family: 'Effra';
  src: url("../fonts/responsive/fonts/effra_std_rg-webfont.eot");
  src: url("../fonts/responsive/fonts/effra_std_rg-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/responsive/fonts/effra_std_rg-webfont.woff") format("woff"), url("../fonts/responsive/fonts/effra_std_rg-webfont.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'Effra';
  src: url("../fonts/responsive/fonts/effra_std_it-webfont.eot");
  src: url("../fonts/responsive/fonts/effra_std_it-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/responsive/fonts/effra_std_it-webfont.woff") format("woff"), url("../fonts/responsive/fonts/effra_std_it-webfont.ttf") format("truetype");
  font-weight: 400;
  font-style: italic; }
@font-face {
  font-family: 'Effra';
  src: url("../fonts/responsive/fonts/effra_std_md-webfont.eot");
  src: url("../fonts/responsive/fonts/effra_std_md-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/responsive/fonts/effra_std_md-webfont.woff") format("woff"), url("../fonts/responsive/fonts/effra_std_md-webfont.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: 'Effra';
  src: url("../fonts/responsive/fonts/effra_std_mdit-webfont.eot");
  src: url("../fonts/responsive/fonts/effra_std_mdit-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/responsive/fonts/effra_std_mdit-webfont.woff") format("woff"), url("../fonts/responsive/fonts/effra_std_mdit-webfont.ttf") format("truetype");
  font-weight: 600;
  font-style: italic; }
/*=====================================

	2.0 - Layout

=====================================*/
/* 2.1 - Gobal */
.content.container {
  max-width: none;
  width: auto;
  min-width: 0px; }

#secondary-links {
  width: auto;
  min-width: 0px;
  max-width: none; }

.container.firstOne {
  width: 100%; }

.breadcrumb {
  display: none; }

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

.touch * {
  -webkit-tap-highlight-color: transparent !important; }

html,
button,
input,
select,
textarea {
  color: #4c4c4c;
  font-family: "Effra", Helvetica Neue, Helvetica, Arial, sans-serif !important;
  -webkit-text-size-adjust: 100%; }

html {
  font-size: 1em;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  margin: 0; }

body {
  background: #5fcf53;
  text-rendering: optimizeLegibility;
  margin: 0 auto; }

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

body > section {
  width: 100%; }

section {
  display: block;
  padding: 40px 0 50px;
  padding: 2.5rem 0 3.125rem;
  position: relative;
  z-index: 0; }

/*section:nth-child(even)	{ background:#f7f7f7; }*/
h1, h2, h3,
h4, h5, h6 {
  color: #4c4c4c;
  line-height: 1.25;
  font-weight: 500;
  padding: 0 0 0.5em; }

header h1, header h2,
section h1, section h2 {
  color: #1a1a1a; }

section h1 {
  font-size: 40px;
  font-size: 2.5rem;
  padding-left: 1.7361112%; }

section .cell h1 {
  padding-left: 0;
  padding-top: 0.6em; }

section h2 {
  font-size: 16px;
  font-size: 1rem;
  padding: 1em 0; }

p {
  font-size: 16px;
  font-size: 1rem;
  margin: .75em 0;
  max-width: 34em; }

a {
  color: #00c3d9;
  outline: none;
  text-decoration: none; }
  a:hover {
    color: #ff5736 !important; }

img {
  border: medium none;
  vertical-align: middle; }

ul, ol {
  margin: 0;
  padding: 0; }

li {
  list-style-type: none;
  list-style-position: outside;
  line-height: 1.5em;
  margin-bottom: 4px;
  margin-bottom: 0.25rem; }

ul.bulleted li:before {
  content: "•";
  color: #00afc3;
  font-family: "Effra", Helvetica Neue, Helvetica, Arial, sans-serif;
  margin-left: -0.925em;
  word-spacing: 0.25em; }

::-moz-selection {
  color: #064000;
  background: #c9ffd2;
  text-shadow: none; }

::selection {
  color: #064000;
  background: #c9ffd2;
  text-shadow: none; }

form .input-box {
  padding: 0 20px; }

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

textarea {
  background: #fff;
  resize: vertical; }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: #fff url(../images/_assets/forms/select-arrow.svg) no-repeat 99% center;
  border: 1px solid #e5e5e5;
  border-radius: 0;
  cursor: pointer;
  outline: none;
  padding: 10px;
  text-indent: 0.01px;
  text-overflow: "";
  width: 100%; }
  select.validation-failed {
    border-color: #e54e30 !important; }

input[type="text"],
input.input-text,
input[type="email"],
input.input-email,
input[type="password"],
input.input-password {
  background: #fff;
  border: 1px solid #e5e5e5;
  color: #737373;
  font-size: 1.125em;
  line-height: 1em;
  margin: 0 0 10px;
  outline: none;
  padding: 0.8125em;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0; }
  input[type="text"]:focus,
  input.input-text:focus,
  input[type="email"]:focus,
  input.input-email:focus,
  input[type="password"]:focus,
  input.input-password:focus {
    border-color: #5fcf53;
    color: #5fcf53; }
  input[type="text"].validation-failed,
  input.input-text.validation-failed,
  input[type="email"].validation-failed,
  input.input-email.validation-failed,
  input[type="password"].validation-failed,
  input.input-password.validation-failed {
    border-color: #e54e30 !important; }

.chromeframe {
  background: #ccc;
  color: #000;
  margin: 0.2em 0;
  padding: 0.2em 0; }

/*	MEDIA QUERY - 768PX	*************************************************/
@media only screen and (min-width: 768px) {
  html {
    font-size: 1.125em !important; }

  body {
    background: #ebebeb; }

  p {
    min-width: 12em; }

  section {
    padding: 60px 0 80px;
    padding: 3.33333rem 0 4.44444rem; }

  section h1 {
    font-size: 48px;
    font-size: 2.66667rem; }

  input[type="text"],
  input.input-text,
  input[type="email"],
  input.input-email,
  input[type="password"],
  input.input-password {
    font-size: 0.888em;
    line-height: 1em;
    padding: 0.722em; } }
/*	MEDIA QUERY - 1280PX	*********************************************/
@media only screen and (min-width: 1280px) {
  html {
    font-size: 1.25em !important;
    line-height: 1.7; }

  input[type="text"],
  input.input-text,
  input[type="email"],
  input.input-email,
  input[type="password"],
  input.input-password {
    font-size: 0.8em;
    line-height: 1em;
    padding: 0.65em; } }
/*	MEDIA QUERY - 320PX (NORMAL)	*************************************/
.hidden {
  display: none !important;
  visibility: hidden; }

.invisible {
  visibility: hidden; }

/* Clears */
section,
.buttons-set,
.container,
.row,
.grid,
.clearfix {
  *zoom: 1; }
  section:before,
  .buttons-set:before,
  .container:before,
  .row:before,
  .grid:before,
  .clearfix:before {
    content: " ";
    display: table;
    font-size: 0;
    height: 0;
    line-height: 0;
    overflow: hidden; }
  section:after,
  .buttons-set:after,
  .container:after,
  .row:after,
  .grid:after,
  .clearfix:after {
    clear: both;
    content: " ";
    display: table;
    font-size: 0;
    height: 0;
    line-height: 0;
    overflow: hidden; }

.container {
  display: block;
  height: 100%;
  margin: 0 auto;
  width: 90%; }

.content.container {
  background: #fff;
  left: 0;
  max-width: 1440px;
  min-width: 320px;
  position: relative;
  width: 100%;
  z-index: 2;
  -webkit-transition: left 0.2s ease;
  -moz-transition: left 0.2s ease;
  -ms-transition: left 0.2s ease;
  -o-transition: left 0.2s ease;
  transition: left 0.2s ease; }
  .content.container.nav-open {
    left: -70%;
    top: 0; }

.row {
  clear: both;
  display: block;
  width: 100%; }

.grid {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%; }
  .grid .cell {
    width: 100%; }

.cell {
  display: block;
  float: left;
  margin: 0;
  padding: 20px;
  padding: 1.25rem; }
  .cell img {
    display: block;
    height: auto;
    width: 100%; }

.full {
  width: 100%; }

.half {
  width: 50%; }

.third {
  width: 33.33%; }
  .third.two {
    width: 66.66%; }

.quarter {
  width: 25%; }
  .quarter.three {
    width: 75%; }

.left {
  float: left; }

.right {
  float: right; }

.buttons-set input[type="button"],
.buttons-set button,
.buttons-set .button {
  background: #1a1a1a;
  border: none;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 18px;
  line-height: 1em;
  margin: 0;
  outline: none;
  padding: 1.111em 1.388em 1.388em;
  text-align: center;
  text-transform: uppercase; }
  .buttons-set input[type="button"].nobg,
  .buttons-set button.nobg,
  .buttons-set .button.nobg {
    background: transparent;
    color: #999; }
  .buttons-set input[type="button"]:hover, .buttons-set input[type="button"]:active,
  .buttons-set button:hover,
  .buttons-set button:active,
  .buttons-set .button:hover,
  .buttons-set .button:active {
    background: #5fcf53 !important;
    color: #fff !important;
    outline: none; }

/*	MEDIA QUERY - 568PX	*************************************************/
@media only screen and (min-width: 568px) {
  .grid.fourths > .cell {
    width: 50%; } }
/*	MEDIA QUERY - 768PX	*************************************************/
@media only screen and (min-width: 768px) {
  .container {
    width: 92.1875%; }
    .container.content.nav-open {
      left: 0; }

  .grid.fourths > .cell {
    width: 25%; }
  .grid.thirds > .cell {
    width: 33.33%; }
    .grid.thirds > .cell.two {
      width: 66.66%; }
    .grid.thirds > .cell.halves {
      width: 48.93617021276596%; }
      .grid.thirds > .cell.halves:first-child {
        margin-right: 2.127659574468085%; }
  .grid.halves > .cell {
    width: 50%; }

  .buttons-set input[type="button"],
  .buttons-set button,
  .buttons-set .button {
    font-size: 14px;
    line-height: 1em;
    padding: 1.4285em; } }
/*	MEDIA QUERY - 960PX	*************************************************/
/*	MEDIA QUERY - 1024PX	*********************************************/
@media only screen and (min-width: 1024px) {
  .container {
    width: 960px; } }
/*	MEDIA QUERY - 1280PX	*********************************************/
@media only screen and (min-width: 1280px) {
  .container {
    width: 80%; } }
/*	MEDIA QUERY - 1440PX	*********************************************/
/*=====================================

	3.0 - Modules

=====================================*/
/*	MEDIA QUERY - 320PX (NORMAL)	*************************************/
@media only screen and (max-width: 767px) {
  body.nav-open, html.nav-open {
    height: 100%;
    overflow: hidden;
    position: fixed;
    width: 100%; } }
.page-header {
  background: #1a1a1a;
  height: 67px;
  position: relative; }
  .page-header .logo {
    display: block;
    float: left;
    height: 100%;
    padding: 0 1.25em 0 0;
    width: auto; }
    .page-header .logo svg {
      display: block;
      height: 24px;
      margin-top: -12px;
      position: relative;
      top: 50%;
      width: 94px; }
    .page-header .logo img {
      display: none; }
  .page-header .menu-btn {
    display: block;
    font-size: 14px;
    height: 100%;
    line-height: 0.875em;
    padding: 0 1.7em;
    position: absolute;
    right: 0;
    top: 0; }
    .page-header .menu-btn:hover {
      background: #5fcf53; }
      .page-header .menu-btn:hover path {
        fill: #fff; }
    .page-header .menu-btn svg {
      display: block;
      height: 18px;
      margin-top: -9px;
      position: relative;
      top: 50%;
      width: 25px; }
      .page-header .menu-btn svg path {
        fill: #5fcf53; }

#page-nav {
  background: #5fcf53;
  box-shadow: 5px 0 0 rgba(0, 0, 0, 0.05) inset;
  display: block;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 1.25em;
  position: fixed;
  right: -70%;
  top: 0;
  width: 70%;
  z-index: 1;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  #page-nav.nav-open {
    right: 0; }
  #page-nav li {
    margin: 0; }
  #page-nav .main-links {
    margin: 53px 0 0;
    margin: 3.3125rem 0 0;
    padding: 0; }
  #page-nav .trigger {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    color: #fff;
    display: block;
    font-size: 24px;
    letter-spacing: 0.075em;
    line-height: 2.375em; }
    #page-nav .trigger.shop {
      border-top: 1px solid rgba(0, 0, 0, 0.05); }
    #page-nav .trigger:hover, #page-nav .trigger.hover {
      background-color: #5fcf53; }
    @media only screen and (max-width: 767px) {
      #page-nav .trigger:hover, #page-nav .trigger.hover {
        color: #4c4c4c !important; } }
    #page-nav .trigger svg {
      display: none; }
  #page-nav .wrapper {
    max-height: none; }
    @media only screen and (max-width: 767px) {
      #page-nav .wrapper {
        height: auto !important; } }
    #page-nav .wrapper .sub-links {
      display: none;
      padding: 0; }
      @media only screen and (max-width: 767px) {
        #page-nav .wrapper .sub-links .container {
          margin: 0 auto !important; }
        #page-nav .wrapper .sub-links .cell {
          padding: 0 !important; }
        #page-nav .wrapper .sub-links a {
          color: #fff !important;
          display: block !important;
          padding: 1em 0 0.44em !important; }
          #page-nav .wrapper .sub-links a:hover, #page-nav .wrapper .sub-links a:active {
            color: #4c4c4c !important; } }
    #page-nav .wrapper.shop .sub-links .level0 {
      display: block;
      padding: 0;
      width: 100%; }
      #page-nav .wrapper.shop .sub-links .level0 > a {
        color: #1a1a1a;
        display: inline-block;
        font-size: 18px;
        line-height: 1em;
        padding: 1.944em 0 0.44em; }
    #page-nav .wrapper.shop .sub-links .level1,
    #page-nav .wrapper.shop .sub-links .level2 {
      display: none; }
    #page-nav .wrapper.explore .sub-links .cell {
      margin: 0;
      padding: 0;
      width: 100%; }
      #page-nav .wrapper.explore .sub-links .cell img {
        display: none; }
      #page-nav .wrapper.explore .sub-links .cell .txt {
        margin: 0;
        position: relative; }
      #page-nav .wrapper.explore .sub-links .cell .title {
        font-size: 18px; }
      #page-nav .wrapper.explore .sub-links .cell .desc {
        display: none; }
    @media only screen and (max-width: 767px) {
      #page-nav .wrapper.explore .sub-links .featured a {
        background-color: transparent !important; } }
  #page-nav #search_mini_form {
    left: 0;
    padding: 1.25em 1.125em 0;
    position: absolute;
    top: 0;
    width: 100%; }
    #page-nav #search_mini_form .form-search {
      position: relative; }
    @media only screen and (max-width: 767px) {
      #page-nav #search_mini_form input {
        border: none;
        border-radius: 3px;
        font-size: 20px;
        margin: 0;
        outline: none;
        overflow: hidden;
        padding: 0.25em 0.5em;
        width: 100%; }
      #page-nav #search_mini_form button {
        background: #fff !important;
        border: none;
        border-radius: 3px;
        cursor: pointer;
        height: 100%;
        margin: 0;
        outline: none;
        padding: 0 0.75em;
        position: absolute;
        right: 0;
        top: 0;
        width: auto; }
        #page-nav #search_mini_form button .title {
          display: none; }
      #page-nav #search_mini_form .input-box {
        padding: 0; } }
    #page-nav #search_mini_form label,
    #page-nav #search_mini_form .trigger {
      display: none; }
    #page-nav #search_mini_form .sub-links {
      display: block; }
    #page-nav #search_mini_form .popular-tags {
      display: none; }
  #page-nav .customer-links h3 {
    display: none; }
  #page-nav .customer-links path {
    fill: #5fcf53; }
  #page-nav .customer-links #cart-helpers {
    margin: 0;
    padding: 0; }
  #page-nav .customer-links .cart .quantity:before {
    content: '('; }
  #page-nav .customer-links .cart .quantity:after {
    content: ')'; }
  #page-nav .customer-links .cart-helper {
    display: none; }

.page-footer {
  background: #1a1a1a;
  position: relative; }
  .page-footer .newsletter {
    padding: 40px 0;
    border-bottom: 1px solid #000; }
  .page-footer .newsletter-offer-title {
    font-size: 14px;
    text-transform: uppercase;
    color: #55ba4b;
    line-height: 32px;
    margin: 0;
    padding: 0; }
  .page-footer .newsletter-offer-description {
    font-size: 24px;
    line-height: 32px;
    font-weight: 200;
    color: #fff;
    padding: 0;
    margin: 0;
    width: 82.6086956521739%; }
  .page-footer form {
    margin: 22px 0 10px;
    position: relative; }
  .page-footer .cell {
    padding: 0; }
  .page-footer .footer-newsletter-form {
    width: 100%;
    height: 60px;
    position: relative;
    background: #fff;
    margin-bottom: 0px;
    margin-top: 20px; }
    .page-footer .footer-newsletter-form input.email {
      width: 100%;
      height: 100%;
      background: #fff;
      padding-right: 90px;
      margin-bottom: 0;
      -webkit-appearance: none;
      border: 0;
      font-size: 24px;
      line-height: 24px;
      font-weight: 200;
      overflow: hidden;
      color: #737373;
      -moz-appearance: none;
      border-radius: 0;
      box-shadow: 0; }
      .page-footer .footer-newsletter-form input.email:focus {
        border: 0; }
      .page-footer .footer-newsletter-form input.email:-moz-ui-invalid:moz-focusring:not(output) {
        box-shadow: none; }
      .page-footer .footer-newsletter-form input.email:-moz-ui-invalid:not(output) {
        box-shadow: none; }
    .page-footer .footer-newsletter-form .ctl {
      position: absolute;
      right: 0;
      top: 0;
      height: 60px;
      padding: 0 20px;
      line-height: 60px;
      white-space: nowrap;
      text-transform: uppercase;
      font-size: 14px;
      font-weight: 400;
      background-color: #fff;
      color: #5fcf53;
      -webkit-transition: 0.125s;
      -moz-transition: 0.125s;
      -ms-transition: 0.125s;
      -o-transition: 0.125s;
      transition: 0.125s; }
      .page-footer .footer-newsletter-form .ctl.submit {
        cursor: pointer; }
      .page-footer .footer-newsletter-form .ctl:hover {
        color: #fff;
        background-color: #5fcf53; }
      .page-footer .footer-newsletter-form .ctl.loading {
        display: none; }
      .page-footer .footer-newsletter-form .ctl.success {
        display: none; }
    .page-footer .footer-newsletter-form .alreadysub {
      display: none;
      position: relative;
      width: 100%;
      padding: 5px 10px;
      font-size: 12px;
      background-color: #5fcf53;
      color: #fff;
      text-transform: uppercase;
      text-align: center; }
    .page-footer .footer-newsletter-form .error {
      display: none;
      position: relative;
      width: 100%;
      padding: 5px 10px;
      font-size: 12px;
      background-color: #e54e30;
      color: #fff;
      text-transform: uppercase;
      text-align: center; }
    .page-footer .footer-newsletter-form.loading input.email {
      background: url("../images/_core/loading.gif") center center no-repeat;
      color: rgba(115, 115, 115, 0); }
    .page-footer .footer-newsletter-form.loading .submit {
      display: none; }
    .page-footer .footer-newsletter-form.success .submit {
      display: none; }
    .page-footer .footer-newsletter-form.success .success {
      display: block; }
      .page-footer .footer-newsletter-form.success .success:hover {
        background-color: #fff;
        color: #5fcf53; }
    .page-footer .footer-newsletter-form.alreadysub .submit {
      display: none; }
    .page-footer .footer-newsletter-form.alreadysub .alreadysub {
      display: block; }
    .page-footer .footer-newsletter-form.alreadysub .success {
      display: block; }
      .page-footer .footer-newsletter-form.alreadysub .success:hover {
        background-color: #fff;
        color: #5fcf53; }
    .page-footer .footer-newsletter-form.error input.email[type=email] {
      color: #e54e30; }
    .page-footer .footer-newsletter-form.error .error {
      display: block; }
  .page-footer .sub {
    background: #141414;
    padding: 20px 0; }
    .page-footer .sub .container {
      position: relative; }
    .page-footer .sub .logo {
      display: block;
      float: left;
      max-height: 40px;
      padding: 3px 20px 0 0; }
      .page-footer .sub .logo svg {
        height: 18px;
        width: 14px; }
      .page-footer .sub .logo path {
        fill: #4c4c4c; }
      .page-footer .sub .logo:hover path, .page-footer .sub .logo:active path {
        fill: #ff5736; }
    .page-footer .sub .info {
      float: left;
      font-size: 10px;
      line-height: 1.6em;
      width: 36%; }
      .page-footer .sub .info a {
        color: #4c4c4c;
        text-decoration: underline; }
      .page-footer .sub .info address {
        font-style: normal; }
  .page-footer #verisign {
    position: absolute;
    right: 0;
    top: 4px; }

#footer-nav {
  padding: 15px 0; }
  #footer-nav a {
    font-size: 14px; }
  #footer-nav li {
    float: left;
    margin: 0;
    width: 50%; }
  #footer-nav .cell {
    padding: 0;
    width: 50%; }
  #footer-nav .title {
    color: #fff;
    display: block;
    line-height: 0.785em;
    padding: 15px;
    text-transform: uppercase; }
  #footer-nav .company {
    width: 100%;
    float: left; }
    #footer-nav .company li {
      display: none; }
      #footer-nav .company li:first-child {
        display: block;
        width: 100%; }
  #footer-nav .social {
    float: left;
    width: 100%;
    padding: 25px 0; }
    #footer-nav .social ul {
      width: 100%; }
    #footer-nav .social li {
      display: block;
      float: left;
      margin: 0;
      width: 20%;
      text-align: center; }
      #footer-nav .social li a {
        display: inline-block; }
        #footer-nav .social li a:hover svg path {
          fill: #ff5736; }

.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2000; }
  .modal:before {
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
    content: ' '; }
  .modal .modal-wrapper {
    background: #fff;
    padding: 20px;
    width: 100%;
    height: 100%;
    overflow: auto;
    position: relative;
    z-index: 20; }
    .modal .modal-wrapper .modal-hide {
      position: absolute;
      top: 20px;
      right: 20px;
      cursor: pointer;
      font-size: 40px;
      width: 30px;
      height: 30px;
      font-weight: 600;
      text-align: center;
      line-height: 30px;
      color: #ff5736;
      -webkit-transition: color 0.125s;
      -moz-transition: color 0.125s;
      -ms-transition: color 0.125s;
      -o-transition: color 0.125s;
      transition: color 0.125s; }
      .modal .modal-wrapper .modal-hide:hover {
        color: #e54e30; }

/*	MEDIA QUERY - 568PX	*************************************************/
@media only screen and (min-width: 568px) {
  .page-header {
    height: 60px; }
    .page-header .menu-btn {
      padding: 0 1.43em; } }
@media only screen and (min-width: 568px) and (max-width: 767px) {
  .page-footer #verisign {
    top: -12px; } }

@media only screen and (min-width: 568px) {
  #footer-nav li {
    width: 25%; }
  #footer-nav .cell {
    width: 25%; } }
/*	MEDIA QUERY - Max Width 767PX *************************************************/
@media only screen and (max-width: 767px) {
  #page-nav .wrapper {
    /* remove max height on mobile nav */ }
    #page-nav .wrapper.shop, #page-nav .wrapper.explore {
      max-height: none !important; } }
/*	MEDIA QUERY - 768PX	*************************************************/
@media only screen and (min-width: 768px) {
  .page-header .menu-btn {
    display: none; }

  /*.grid.thirds>.cell{width:33.33%;}
  .grid.thirds>.cell.two{width:66.66%;} */
  #page-nav {
    background: transparent;
    box-shadow: none;
    overflow: visible;
    padding: 0;
    position: static;
    right: 0;
    width: auto;
    /* .grid.fourths>.cell{width: 25%;} */ }
    #page-nav .trigger {
      color: #fff;
      border-bottom: none;
      display: block;
      font-size: 14px;
      letter-spacing: 0.075em;
      line-height: 1.43em;
      padding: 1.43em;
      text-transform: uppercase; }
      #page-nav .trigger:hover, #page-nav .trigger.hover {
        background-color: #5fcf53;
        color: #fff !important; }
      #page-nav .trigger.shop {
        border-top: none; }
      #page-nav .trigger svg {
        display: inline; }
      #page-nav .trigger .title {
        display: none; }
    #page-nav .main-links {
      float: left;
      height: inherit;
      margin: 0; }
      #page-nav .main-links > li {
        display: block;
        float: left;
        height: inherit; }
    #page-nav .wrapper {
      background: #fff;
      box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.05);
      max-height: 0;
      height: auto;
      overflow: hidden;
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      z-index: 1;
      -webkit-transition: max-height 0.25s ease-out;
      -moz-transition: max-height 0.25s ease-out;
      -ms-transition: max-height 0.25s ease-out;
      -o-transition: max-height 0.25s ease-out;
      transition: max-height 0.25s ease-out; }
      #page-nav .wrapper.front {
        z-index: 2;
        -webkit-backface-visibility: hidden; }
      #page-nav .wrapper .sub-links {
        display: block !important;
        overflow: hidden; }
        #page-nav .wrapper .sub-links .nav-link {
          color: #737373;
          font-size: 16px;
          line-height: 1em; }
        #page-nav .wrapper .sub-links .all {
          color: #5fcf53;
          font-size: 16px;
          line-height: 1em; }
      #page-nav .wrapper.shop .sub-links {
        padding-bottom: 30px;
        padding-bottom: 1.66667rem;
        -webkit-column-count: 4;
        -moz-column-count: 4;
        -ms-column-count: 4;
        -o-column-count: 4;
        column-count: 4;
        overflow: hidden; }
        #page-nav .wrapper.shop .sub-links .level0 {
          display: inline-block; }
          #page-nav .wrapper.shop .sub-links .level0 > a {
            color: #1a1a1a;
            display: block;
            font-size: 18px;
            line-height: 1em;
            padding: 1.944em 0 0.44em; }
        #page-nav .wrapper.shop .sub-links .level1,
        #page-nav .wrapper.shop .sub-links .level2 {
          display: block;
          padding: 0; }
          #page-nav .wrapper.shop .sub-links .level1.parent > a,
          #page-nav .wrapper.shop .sub-links .level2.parent > a {
            display: none; }
      #page-nav .wrapper.explore .sub-links .cell {
        margin-left: 2.8%;
        margin-bottom: 40px;
        overflow: hidden;
        padding: 0;
        position: relative;
        width: 22.9%; }
        #page-nav .wrapper.explore .sub-links .cell:first-child, #page-nav .wrapper.explore .sub-links .cell:nth-child(5n) {
          margin-left: 0; }
        #page-nav .wrapper.explore .sub-links .cell:before {
          content: '';
          display: block;
          padding-top: 48%; }
        #page-nav .wrapper.explore .sub-links .cell a {
          display: block;
          height: 100%;
          padding: 0;
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          width: 100%; }
        #page-nav .wrapper.explore .sub-links .cell a:hover img {
          opacity: 0;
          filter: alpha(opacity=0);
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
        #page-nav .wrapper.explore .sub-links .cell a:hover .txt {
          bottom: 80%;
          -webkit-transition-delay: 0.15s;
          -moz-transition-delay: 0.15s;
          -ms-transition-delay: 0.15s;
          -o-transition-delay: 0.15s;
          transition-delay: 0.15s; }
        #page-nav .wrapper.explore .sub-links .cell a:hover .title {
          color: #1a1a1a; }
        #page-nav .wrapper.explore .sub-links .cell a:hover .desc {
          opacity: 1;
          filter: alpha(opacity=100);
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
        #page-nav .wrapper.explore .sub-links .cell img {
          display: block;
          -webkit-transition: opacity 0.2s ease;
          -moz-transition: opacity 0.2s ease;
          -ms-transition: opacity 0.2s ease;
          -o-transition: opacity 0.2s ease;
          transition: opacity 0.2s ease;
          -webkit-backface-visibility: hidden; }
        #page-nav .wrapper.explore .sub-links .cell .txt {
          margin: 0;
          position: absolute;
          text-align: center;
          bottom: 0;
          left: 0;
          width: 100%;
          -webkit-transition: bottom 0.2s ease;
          -moz-transition: bottom 0.2s ease;
          -ms-transition: bottom 0.2s ease;
          -o-transition: bottom 0.2s ease;
          transition: bottom 0.2s ease; }
        #page-nav .wrapper.explore .sub-links .cell .title {
          color: #808080;
          font-size: 14px;
          line-height: 1em;
          text-transform: uppercase;
          -webkit-transition: color 0.2s ease;
          -moz-transition: color 0.2s ease;
          -ms-transition: color 0.2s ease;
          -o-transition: color 0.2s ease;
          transition: color 0.2s ease; }
        #page-nav .wrapper.explore .sub-links .cell .desc {
          color: #999;
          display: block;
          font-size: 16px;
          font-weight: 200;
          line-height: 1.166em;
          margin: 0;
          padding: 0 5px;
          position: absolute;
          left: 0;
          top: 125%;
          width: 100%;
          opacity: 0;
          filter: alpha(opacity=0);
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
          -webkit-transition: opacity 0.2s ease 0.15s;
          -moz-transition: opacity 0.2s ease 0.15s;
          -ms-transition: opacity 0.2s ease 0.15s;
          -o-transition: opacity 0.2s ease 0.15s;
          transition: opacity 0.2s ease 0.15s; }
      #page-nav .wrapper.explore .sub-links .featured .cell {
        margin-top: 40px; }
        #page-nav .wrapper.explore .sub-links .featured .cell:before {
          padding-top: 80%; }
      #page-nav .wrapper.explore .sub-links .featured .txt {
        bottom: 16%; }
      #page-nav .wrapper.explore .sub-links .featured .title {
        color: #fff !important;
        font-size: 18px;
        text-transform: none; }
      #page-nav .wrapper.explore .sub-links .featured .desc {
        color: #fff;
        top: 165%; }
      #page-nav .wrapper.explore .sub-links .featured a:hover .txt {
        bottom: 65%; }
    #page-nav .customer-links {
      height: 100%;
      float: right; }
      #page-nav .customer-links > * {
        height: inherit;
        float: right;
        position: relative; }
      #page-nav .customer-links h3 {
        display: block; }
      #page-nav .customer-links .button {
        padding: 1em 0; }
      #page-nav .customer-links #cart-helpers {
        margin: 0;
        padding: 0; }
        #page-nav .customer-links #cart-helpers ol {
          padding: 0 20px 20px; }
        #page-nav .customer-links #cart-helpers .cart.level-top {
          display: block;
          height: inherit; }
        #page-nav .customer-links #cart-helpers .cart-helper {
          display: none; }
        #page-nav .customer-links #cart-helpers a:hover .title {
          color: #ff8a73 !important; }
        #page-nav .customer-links #cart-helpers .item {
          border-top: 1px solid #e5e5e5;
          padding: 7px 0 5px; }
          #page-nav .customer-links #cart-helpers .item img {
            float: left;
            height: 55px;
            width: 55px; }
          #page-nav .customer-links #cart-helpers .item sup {
            position: relative;
            top: 4px; }
          #page-nav .customer-links #cart-helpers .item .details {
            float: left;
            padding: 9px 0 14px 10px;
            text-align: left;
            width: 78.8%; }
          #page-nav .customer-links #cart-helpers .item .title {
            font-size: 16px;
            font-weight: 400;
            margin: 0;
            padding: 0; }
          #page-nav .customer-links #cart-helpers .item .desc {
            color: #a6a6a6;
            font-size: 14px;
            line-height: 1em; }
        #page-nav .customer-links #cart-helpers .empty {
          border-top: 1px solid #e5e5e5;
          font-size: 14px;
          margin: 0 20px;
          padding: 10px 0 20px; }
      #page-nav .customer-links .trigger {
        color: #5fcf53;
        display: block;
        font-size: 14px;
        height: 100%;
        line-height: 1em;
        padding: 1.43em; }
        #page-nav .customer-links .trigger svg {
          display: block;
          height: 18px;
          width: auto; }
        #page-nav .customer-links .trigger path {
          fill: #5fcf53; }
        #page-nav .customer-links .trigger:hover, #page-nav .customer-links .trigger.hover {
          background: #5fcf53;
          color: #fff !important; }
          #page-nav .customer-links .trigger:hover path, #page-nav .customer-links .trigger.hover path {
            fill: #fff; }
      #page-nav .customer-links .wrapper {
        box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
        left: auto;
        right: 0;
        text-align: center;
        width: 300px; }
        #page-nav .customer-links .wrapper h3 {
          color: #1a1a1a;
          font-size: 16px;
          line-height: 1em;
          margin: 0;
          padding: 27px 0;
          text-transform: uppercase; }
          #page-nav .customer-links .wrapper h3 a {
            color: inherit;
            display: block; }
      #page-nav .customer-links .customer-link-account .button.register {
        background: #4c4c4c; }
      #page-nav .customer-links .customer-link-account .forgot {
        color: #737373;
        display: block;
        font-size: 12px;
        margin: 0 30px 30px; }
      #page-nav .customer-links .customer-link-account .link-list {
        padding: 0 20px 20px; }
        #page-nav .customer-links .customer-link-account .link-list a {
          border-top: 1px solid #e5e5e5;
          color: #1a1a1a;
          display: block;
          font-size: 16px;
          line-height: 1em;
          padding: 20px 0; }
      #page-nav .customer-links .customer-link-account svg {
        width: 21px; }
      #page-nav .customer-links .cart svg {
        float: left;
        width: 20px; }
      #page-nav .customer-links .cart .quantity {
        float: right;
        padding: 5px 0 0; }
        #page-nav .customer-links .cart .quantity:before, #page-nav .customer-links .cart .quantity:after {
          content: '';
          display: none; }
      #page-nav .customer-links .search svg {
        width: 17px; }
    #page-nav #search_mini_form {
      display: block;
      padding: 0;
      position: relative;
      width: auto; }
      #page-nav #search_mini_form #search {
        color: #5fcf53; }
      #page-nav #search_mini_form button .title {
        display: block; }
      #page-nav #search_mini_form button .icon {
        display: none; }
      #page-nav #search_mini_form label,
      #page-nav #search_mini_form .trigger {
        display: block; }
      #page-nav #search_mini_form .form-search {
        display: none; }
      #page-nav #search_mini_form .popular-tags {
        display: block;
        font-size: 14px;
        margin: 0 0 30px; }
        #page-nav #search_mini_form .popular-tags h4 {
          color: #737373;
          font-weight: 400;
          margin-bottom: 0;
          text-transform: uppercase; }
        #page-nav #search_mini_form .popular-tags a {
          color: #1a1a1a;
          display: inline-block;
          padding: 0 5px; }

  .page-footer .sub {
    padding: 40px 0; }
    .page-footer .sub .logo svg {
      height: 36px;
      width: 28px; }
    .page-footer .sub .info {
      font-size: 12px;
      line-height: 1.6em;
      width: 75%; }
  .page-footer #verisign {
    top: -24px; }
  .page-footer .footer-newsletter-form {
    margin-bottom: 20px; }

  #footer-nav {
    padding: 25px 0; }
    #footer-nav a {
      color: #808080;
      line-height: 1.43em; }
    #footer-nav li {
      float: none;
      width: 100%; }
    #footer-nav .title {
      padding: 15px 0; }
    #footer-nav .store {
      float: left;
      width: 20%; }
    #footer-nav .company {
      float: left;
      width: 68.08510638297872%; }
      #footer-nav .company .cell {
        width: 21.875%;
        margin-right: 3.125%; }
      #footer-nav .company li {
        display: block; }
      #footer-nav .company .title {
        padding-bottom: 5px; }
    #footer-nav .social {
      float: right;
      width: 31.914893617021278%; }
      #footer-nav .social li {
        text-align: right; }
        #footer-nav .social li a {
          display: inline-block; }

  .breadcrumbs {
    color: #b2b2b2;
    display: block;
    font-size: 12px;
    font-size: 0.66667rem;
    line-height: 1em;
    text-transform: uppercase; }
    .breadcrumbs li {
      display: block;
      float: left;
      margin: 0;
      white-space: nowrap; }
    .breadcrumbs a {
      color: #b2b2b2; }
      .breadcrumbs a:after {
        color: #b2b2b2 !important;
        content: '/';
        padding: 0 5px; }

  .data-table {
    display: table; }

  .modal {
    position: fixed;
    top: 0;
    left: 50%;
    width: 50%;
    height: 50%;
    margin-left: -25%;
    z-index: 2000; }
    .modal:before {
      position: fixed;
      top: 0;
      left: 0;
      display: block;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.75);
      content: ' '; }
    .modal .modal-center {
      display: table-cell;
      height: 100%;
      width: 100%;
      vertical-align: middle; }
    .modal .modal-wrapper {
      background: #fff;
      padding: 20px;
      width: 100%;
      height: 100%;
      overflow: auto;
      position: relative;
      z-index: 20; }
      .modal .modal-wrapper .modal-hide {
        position: absolute;
        top: 20px;
        right: 20px;
        cursor: pointer;
        font-size: 40px;
        width: 30px;
        height: 30px;
        font-weight: 600;
        text-align: center;
        line-height: 30px;
        color: #ff5736;
        -webkit-transition: color 0.125s;
        -moz-transition: color 0.125s;
        -ms-transition: color 0.125s;
        -o-transition: color 0.125s;
        transition: color 0.125s; }
        .modal .modal-wrapper .modal-hide:hover {
          color: #e54e30; } }
/*	MEDIA QUERY - 1024PX	*********************************************/
@media only screen and (min-width: 1024px) {
  #page-nav .explore.wrapper .sub-links .cell .desc {
    font-size: 20px; } }
/*	MEDIA QUERY - 1280PX	*********************************************/
@media only screen and (min-width: 1280px) {
  .page-header {
    height: 60px; }

  #page-nav .explore.wrapper .sub-links .cell .desc {
    font-size: 24px; } }
/*	MEDIA QUERY - 1440PX	*********************************************/
/*	==========================================================================
	NO CSS COLUMNS
==========================================================================	*/
.no-csscolumns #page-nav .shop.wrapper .sub-links {
  height: auto; }
  .no-csscolumns #page-nav .shop.wrapper .sub-links .level0 {
    display: block;
    float: left;
    width: 100%;
    /* height:   	auto !important; was fix for ie9/8 in mobile view */ }
    .no-csscolumns #page-nav .shop.wrapper .sub-links .level0 > a {
      display: block;
      width: 100%; }
  .no-csscolumns #page-nav .shop.wrapper .sub-links ul.level0 {
    float: none;
    width: 100%; }
  .no-csscolumns #page-nav .shop.wrapper .sub-links .level1, .no-csscolumns #page-nav .shop.wrapper .sub-links .level2 {
    width: 100%; }

@media only screen and (min-width: 768px) {
  .no-csscolumns #page-nav .shop.wrapper .sub-links {
    height: auto; }
    .no-csscolumns #page-nav .shop.wrapper .sub-links .level0 {
      display: block;
      float: left;
      width: 25%; } }
/*=====================================

	3.0 - Home Content

=====================================*/
.home.container {
  max-width: 1320px;
  min-width: 288px;
  width: 90%; }
  .home.container .controls {
    display: none; }
  .home.container .announcements {
    padding-bottom: 3.125rem;
    padding-top: 2.5rem; }
  .home.container a.cell {
    width: 96.5277778%;
    float: none;
    padding: 0;
    margin: 0 auto 1.875em auto;
    max-width: 360px;
    position: relative; }
    .home.container a.cell div {
      width: 100%;
      position: relative;
      overflow: hidden; }
      .home.container a.cell div img {
        width: 100%;
        position: relative;
        float: none;
        display: block;
        height: auto; }
      .home.container a.cell div:after {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.6);
        -webkit-font-smoothing: antialiased;
        display: block;
        position: absolute;
        top: 0;
        content: "more";
        text-transform: uppercase;
        color: #fff;
        font-size: 1.5rem;
        font-weight: 200;
        height: 100%;
        width: 100%;
        left: 0;
        line-height: 1em;
        vertical-align: middle;
        padding: 32% 0 0;
        text-align: center;
        zoom: 1;
        opacity: 0;
        -webkit-transition: all 0.25s ease 0s;
        -moz-transition: all 0.25s ease 0s;
        -ms-transition: all 0.25s ease 0s;
        -o-transition: all 0.25s ease 0s;
        transition: all 0.25s ease 0s; }
    .home.container a.cell h2 {
      margin: 0.833333333em 0 0 0;
      padding: 0;
      font-size: 1.333333333rem;
      font-weight: 400; }
    .home.container a.cell p {
      color: rgba(0, 0, 0, 0.5);
      font-size: 0.888888889rem;
      line-height: 1.5em;
      margin: 0.444444444em 0 0.75em 0; }
    .home.container a.cell:hover div:after {
      opacity: 1;
      padding-top: 30%; }
    .home.container a.cell:hover p {
      color: #1a1a1a;
      color: rgba(0, 0, 0, 0.9); }

@media only screen and (min-width: 568px) {
  .home.container a.cell {
    float: left;
    width: 31.25%;
    margin-left: 1.0416667%;
    margin-right: 1.0416667%;
    margin-bottom: 0; }
    .home.container a.cell p {
      margin: 0.75em 0;
      max-width: 18em;
      width: 100%; } }
@media only screen and (min-width: 768px) {
  .home.container {
    width: 92.1875%; } }
@media only screen and (min-width: 769px) {
  .home.container .controls {
    display: block;
    margin: 15px auto 40px;
    width: 100%;
    padding-left: 1.7361111%;
    padding-right: 1.7361111%; }
    .home.container .controls .titles {
      float: left;
      width: 80%; }
      .home.container .controls .titles a {
        color: #737373;
        color: rgba(0, 0, 0, 0.45);
        font-size: 14px;
        float: left;
        display: block;
        font-weight: 500;
        letter-spacing: 0.025em;
        margin: 0 1.0416667%;
        text-transform: uppercase;
        -webkit-transition: color 0.125s ease-out;
        -moz-transition: color 0.125s ease-out;
        -ms-transition: color 0.125s ease-out;
        -o-transition: color 0.125s ease-out;
        transition: color 0.125s ease-out; }
        .home.container .controls .titles a.active, .home.container .controls .titles a:hover {
          color: #1a1a1a !important;
          color: rgba(0, 0, 0, 0.9) !important; }
    .home.container .controls .arrows {
      float: right;
      width: 48px;
      height: 16px;
      text-align: right;
      line-height: 16px; }
      .home.container .controls .arrows a {
        display: inline-block;
        margin: 0;
        padding: 0 5px;
        line-height: 16px; }
        .home.container .controls .arrows a .arrow-slide {
          height: 16px;
          width: 8px; }
          .home.container .controls .arrows a .arrow-slide polygon {
            fill: #737373; }
        .home.container .controls .arrows a:hover .arrow-slide polygon {
          fill: #1a1a1a; }
  .home.container .announcements {
    padding: 0; } }
@media only screen and (min-width: 1024px) {
  .home.container {
    width: 960px; } }
@media only screen and (min-width: 1200px) {
  .home.container {
    width: 80%; } }
@media only screen and (min-width: 1201px) {
  .home.container a.cell {
    width: 29.8611111%;
    margin-right: 1.7361111%;
    margin-left: 1.7361111%; } }
/*=====================================

	4.0 - Header

=====================================*/
@media only screen and (min-width: 1025px) {
  .page-header {
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(26, 26, 26, 0.1);
    -webkit-transition: background-color 0.125s ease-out;
    -moz-transition: background-color 0.125s ease-out;
    -ms-transition: background-color 0.125s ease-out;
    -o-transition: background-color 0.125s ease-out;
    transition: background-color 0.125s ease-out; }
    .page-header svg path {
      fill: #ffffff;
      -webkit-transition: fill 0.125s ease-out;
      -moz-transition: fill 0.125s ease-out;
      -ms-transition: fill 0.125s ease-out;
      -o-transition: fill 0.125s ease-out;
      transition: fill 0.125s ease-out; }
    .page-header #page-nav .customer-links .trigger path {
      fill: #ffffff;
      -webkit-transition: fill 0.125s ease-out;
      -moz-transition: fill 0.125s ease-out;
      -ms-transition: fill 0.125s ease-out;
      -o-transition: fill 0.125s ease-out;
      transition: fill 0.125s ease-out; }
    .page-header:hover {
      background-color: #1a1a1a; }
      .page-header:hover svg path.griffin-g {
        fill: #e54800; }
      .page-header:hover #page-nav .customer-links .trigger path {
        fill: #5fcf53; }
      .page-header:hover #page-nav .customer-links .trigger.hover path, .page-header:hover #page-nav .customer-links .trigger:hover path {
        fill: #fff; }

  section.page-main {
    z-index: 1; } }