@charset "UTF-8";
/******************************************************************
Site Name:
Author:

Stylesheet: Main Stylesheet

Here's where the magic happens. Here, you'll see we are calling in
the separate media queries. The base mobile goes outside any query
and is called at the beginning, after that we call the rest
of the styles inside media queries.
******************************************************************/
/*! normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE6/7/8/9 & FF3.
 */
@import url("../fonts/bigassfont/style.css");
@import url("//fast.fonts.net/t/1.css?apiType=css&projectid=d890df70-181f-4304-8415-68e0c00a9f5c");
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

/*
 * Corrects `inline-block` display not defined in IE6/7/8/9 & FF3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE7/8/9, FF3, S4.
 * Known issue: no IE6 support.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Corrects text resizing oddly in IE6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}

/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}

/*
 * Addresses margins handled incorrectly in IE6/7.
 */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 * people.opera.com/patrickl/experiments/keyboard/test
 */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses font sizes and margins set differently in IE6/7.
 * Addresses font sizes within `section` and `article` in FF4+, Chrome, S5.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}

h3 {
  font-size: 1.17em;
  margin: 1em 0;
}

h4 {
  font-size: 1em;
  margin: 1.33em 0;
}

h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}

h6 {
  font-size: 0.75em;
  margin: 2.33em 0;
}

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in FF3+, S4/5, Chrome.
 */
b,
strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

/*
 * Addresses styling not present in S5, Chrome.
 */
dfn {
  font-style: italic;
}

/*
 * Addresses styling not present in IE6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/*
 * Addresses margins set differently in IE6/7.
 */
p,
pre {
  margin: 0.5em 0 1em;
}

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome.
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/*
 * Addresses CSS quotes not supported in IE6/7.
 */
q {
  quotes: none;
}

/*
 * Addresses `quotes` property not supported in S4.
 */
q:before,
q:after {
  content: '';
  content: none;
}

small {
  font-size: 75%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 * gist.github.com/413930
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */
/*
 * Addresses margins set differently in IE6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}

dd {
  margin: 0 0 0 40px;
}

/*
 * Addresses paddings set differently in IE6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px;
}

/*
 * Corrects list images handled incorrectly in IE7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Removes border when inside `a` element in IE6/7/8/9, FF3.
 * 2. Improves image quality when scaled in IE7.
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE6/7/8/9, S5, O11.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Corrects margin displayed oddly in IE6/7.
 */
form {
  margin: 0;
}

/*
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE6/7/8/9.
 * 2. Corrects text not wrapping in FF3.
 * 3. Corrects alignment displayed oddly in IE6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}

/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */
}

/*
 * Addresses FF3/4 setting `line-height` on `input` using `!important` in the
 * UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */
}

/*
 * Re-set default cursor for disabled elements.
 */
button[disabled],
input[disabled] {
  cursor: default;
}

/*
 * 1. Addresses box sizing set to content-box in IE8/9.
 * 2. Removes excess padding in IE8/9.
 * 3. Removes excess padding in IE7.
 *    Known issue: excess padding remains in IE6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in S5, Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in S5, Chrome (include `-moz`
 *    to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
 * Removes inner padding and border in FF3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/******************************************************************
CUSTOMIZED RESET VALUES
I added these extra styles as a more personalized reset. Feel free
to remove them if you like or add your own. If you want to update
the normalize styles, make sure to edit from this point up.
******************************************************************/
p {
  -webkit-hyphens: auto;
  -epub-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

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

dfn, em, .em {
  font-style: italic;
}

small, .small {
  font-size: 75%;
}

ul, ol {
  padding: 0;
  list-style-type: none;
}

dd {
  margin: 0;
}

.sidebar ul,
.sidebar ol,
.commentlist {
  list-style: none;
}

@font-face {
  font-family: "Proxima Nova W15_n4";
  src: url("https://cdn2.bigassfans.com/wp-content/themes/bigassfans/library/fonts/ccd538c8-85a6-4215-9f3f-643c415bbb19.eot?#iefix") format("eot");
}

@font-face {
  font-family: "Proxima Nova W15";
  src: url("https://cdn2.bigassfans.com/wp-content/themes/bigassfans/library/fonts/ccd538c8-85a6-4215-9f3f-643c415bbb19.eot?#iefix");
  src: url("https://cdn2.bigassfans.com/wp-content/themes/bigassfans/library/fonts/ccd538c8-85a6-4215-9f3f-643c415bbb19.eot?#iefix") format("eot"), url("https://cdn2.bigassfans.com/wp-content/themes/bigassfans/library/fonts/e8e438df-9715-40ed-b1ae-58760b01a3c0.woff") format("woff"), url("https://cdn2.bigassfans.com/wp-content/themes/bigassfans/library/fonts/baf65064-a8a8-459d-96ad-d315581d5181.ttf") format("truetype"), url("https://cdn2.bigassfans.com/wp-content/themes/bigassfans/library/fonts/76bd19c9-c46a-4c27-b80e-f8bd0ecd6057.svg#76bd19c9-c46a-4c27-b80e-f8bd0ecd6057") format("svg");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Trade Gothic W01_n7";
  src: url("https://cdn2.bigassfans.com/wp-content/themes/bigassfans/library/fonts/257c802f-349c-4b4d-aefa-546d5de15ec6.eot?#iefix") format("eot");
}

@font-face {
  font-family: "Trade Gothic W01";
  src: url("https://cdn2.bigassfans.com/wp-content/themes/bigassfans/library/fonts/257c802f-349c-4b4d-aefa-546d5de15ec6.eot?#iefix");
  src: url("https://cdn2.bigassfans.com/wp-content/themes/bigassfans/library/fonts/257c802f-349c-4b4d-aefa-546d5de15ec6.eot?#iefix") format("eot"), url("https://cdn2.bigassfans.com/wp-content/themes/bigassfans/library/fonts/5fdc935e-9e30-442a-bbe9-8d887b858471.woff") format("woff"), url("https://cdn2.bigassfans.com/wp-content/themes/bigassfans/library/fonts/616c4c87-a077-43f4-a9f4-f01267c13818.ttf") format("truetype"), url("https://cdn2.bigassfans.com/wp-content/themes/bigassfans/library/fonts/c901ad5f-a842-4549-a1f4-583a97f7e169.svg#c901ad5f-a842-4549-a1f4-583a97f7e169") format("svg");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Neue Helvetica W01_R2";
  src: url("https://cdn2.bigassfans.com/wp-content/themes/bigassfans/library/fonts/56be84de-9d60-4089-8df0-0ea6ec786b84.eot?#iefix") format("eot");
}

@font-face {
  font-family: "Neue Helvetica W01";
  src: url("https://cdn2.bigassfans.com/wp-content/themes/bigassfans/library/fonts/56be84de-9d60-4089-8df0-0ea6ec786b84.eot?#iefix");
  src: url("https://cdn2.bigassfans.com/wp-content/themes/bigassfans/library/fonts/56be84de-9d60-4089-8df0-0ea6ec786b84.eot?#iefix") format("eot"), url("https://cdn2.bigassfans.com/wp-content/themes/bigassfans/library/fonts/50d35bbc-dfd4-48f1-af16-cf058f69421d.woff") format("woff"), url("https://cdn2.bigassfans.com/wp-content/themes/bigassfans/library/fonts/278bef59-6be1-4800-b5ac-1f769ab47430.ttf") format("truetype"), url("https://cdn2.bigassfans.com/wp-content/themes/bigassfans/library/fonts/2e309b1b-08b8-477f-bc9e-7067cf0af0b3.svg#2e309b1b-08b8-477f-bc9e-7067cf0af0b3") format("svg");
  font-weight: 200;
  font-style: Regular;
}

@font-face {
  font-family: "Proxima Nova W15_n6";
  src: url("https://cdn2.bigassfans.com/wp-content/themes/bigassfans/library/fonts/f0900b9e-436e-4bb2-ba92-174617a6b4bc.eot?#iefix") format("eot");
}

@font-face {
  font-family: "Proxima Nova W15";
  src: url("https://cdn2.bigassfans.com/wp-content/themes/bigassfans/library/fonts/f0900b9e-436e-4bb2-ba92-174617a6b4bc.eot?#iefix");
  src: url("https://cdn2.bigassfans.com/wp-content/themes/bigassfans/library/fonts/f0900b9e-436e-4bb2-ba92-174617a6b4bc.eot?#iefix") format("eot"), url("https://cdn2.bigassfans.com/wp-content/themes/bigassfans/library/fonts/91b14d48-ff2a-4a42-87df-b04c76cfb67f.woff") format("woff"), url("https://cdn2.bigassfans.com/wp-content/themes/bigassfans/library/fonts/65e3a762-7125-4d24-9247-fc73d4786cd0.ttf") format("truetype"), url("https://cdn2.bigassfans.com/wp-content/themes/bigassfans/library/fonts/4b8633b5-6a28-45ea-afc0-1784363b823a.svg#4b8633b5-6a28-45ea-afc0-1784363b823a") format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Proxima Nova W15_n3";
  src: url("https://cdn2.bigassfans.com/wp-content/themes/bigassfans/library/fonts/53f72e41-ffd4-47d4-b8bf-b1ab3cada2e5.eot?#iefix") format("eot");
}

@font-face {
  font-family: "Proxima Nova W15";
  src: url("https://cdn2.bigassfans.com/wp-content/themes/bigassfans/library/fonts/53f72e41-ffd4-47d4-b8bf-b1ab3cada2e5.eot?#iefix");
  src: url("https://cdn2.bigassfans.com/wp-content/themes/bigassfans/library/fonts/53f72e41-ffd4-47d4-b8bf-b1ab3cada2e5.eot?#iefix") format("eot"), url("https://cdn2.bigassfans.com/wp-content/themes/bigassfans/library/fonts/fb5639f2-f57b-487d-9610-3dc50820ab27.woff") format("woff"), url("https://cdn2.bigassfans.com/wp-content/themes/bigassfans/library/fonts/2eafe9b7-5a21-49c0-84ca-54c54f899019.ttf") format("truetype"), url("https://cdn2.bigassfans.com/wp-content/themes/bigassfans/library/fonts/0a2fe21c-cfdd-4f40-9dca-782e95c1fa90.svg#0a2fe21c-cfdd-4f40-9dca-782e95c1fa90") format("svg");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Proxima Nova W15_i4";
  src: url("https://cdn2.bigassfans.com/wp-content/themes/bigassfans/library/fonts/39b8a8a4-edc9-4785-af87-d2bcad9cc963.eot?#iefix") format("eot");
}

@font-face {
  font-family: "Proxima Nova W15";
  src: url("https://cdn2.bigassfans.com/wp-content/themes/bigassfans/library/fonts/39b8a8a4-edc9-4785-af87-d2bcad9cc963.eot?#iefix");
  src: url("https://cdn2.bigassfans.com/wp-content/themes/bigassfans/library/fonts/39b8a8a4-edc9-4785-af87-d2bcad9cc963.eot?#iefix") format("eot"), url("https://cdn2.bigassfans.com/wp-content/themes/bigassfans/library/fonts/ddfa5815-0439-455c-ab0a-704be1e727e3.woff") format("woff"), url("https://cdn2.bigassfans.com/wp-content/themes/bigassfans/library/fonts/561cb800-4365-4d2a-8971-7fb5524aa7bd.ttf") format("truetype"), url("https://cdn2.bigassfans.com/wp-content/themes/bigassfans/library/fonts/32e22620-f3c6-4eda-992b-c5875390b55d.svg#32e22620-f3c6-4eda-992b-c5875390b55d") format("svg");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "Proxima Nova W15_n7";
  src: url("https://cdn2.bigassfans.com/wp-content/themes/bigassfans/library/fonts/9682bb7d-efd6-4254-8771-e146c89a72d4.eot?#iefix") format("eot");
}

@font-face {
  font-family: "Proxima Nova W15";
  src: url("https://cdn2.bigassfans.com/wp-content/themes/bigassfans/library/fonts/9682bb7d-efd6-4254-8771-e146c89a72d4.eot?#iefix");
  src: url("https://cdn2.bigassfans.com/wp-content/themes/bigassfans/library/fonts/9682bb7d-efd6-4254-8771-e146c89a72d4.eot?#iefix") format("eot"), url("https://cdn2.bigassfans.com/wp-content/themes/bigassfans/library/fonts/a3a867b8-141c-4865-9f8d-6dc5766a6bc5.woff") format("woff"), url("https://cdn2.bigassfans.com/wp-content/themes/bigassfans/library/fonts/b9d6d5ca-ba9b-4fa1-a81e-366891676e4a.ttf") format("truetype"), url("https://cdn2.bigassfans.com/wp-content/themes/bigassfans/library/fonts/844c48e5-7a2b-488b-9e47-ff8dda98e5e2.svg#844c48e5-7a2b-488b-9e47-ff8dda98e5e2") format("svg");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Proxima Nova W15_i7";
  src: url("https://cdn2.bigassfans.com/wp-content/themes/bigassfans/library/fonts/715a0342-db92-4c36-b812-04212361621b.eot?#iefix") format("eot");
}

@font-face {
  font-family: "Proxima Nova W15";
  src: url("https://cdn2.bigassfans.com/wp-content/themes/bigassfans/library/fonts/715a0342-db92-4c36-b812-04212361621b.eot?#iefix");
  src: url("https://cdn2.bigassfans.com/wp-content/themes/bigassfans/library/fonts/715a0342-db92-4c36-b812-04212361621b.eot?#iefix") format("eot"), url("https://cdn2.bigassfans.com/wp-content/themes/bigassfans/library/fonts/f015d7cb-8f83-497f-b23e-157a01bfbeb1.woff") format("woff"), url("https://cdn2.bigassfans.com/wp-content/themes/bigassfans/library/fonts/2c5a2cf6-d798-4ecb-9116-dcbd92a8b3e5.ttf") format("truetype"), url("https://cdn2.bigassfans.com/wp-content/themes/bigassfans/library/fonts/ba8566d1-fe90-4f7a-94a8-6c854619fb3b.svg#ba8566d1-fe90-4f7a-94a8-6c854619fb3b") format("svg");
  font-weight: 700;
  font-style: italic;
}

/******************************************************************
Site Name:
Author:

Stylesheet: Mixins & Constants Stylesheet

This is where you can take advantage of Sass' great features:
Mixins & Constants. I won't go in-depth on how they work exactly,
there are a few articles below that will help do that. What I will
tell you is that this will help speed up simple changes like
changing a color or adding CSS3 techniques gradients.

A WORD OF WARNING: It's very easy to overdo it here. Be careful and
remember less is more.

******************************************************************/
/*********************
CLEARFIXIN'
*********************/
.clearfix {
  zoom: 1;
}

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

.clearfix:after {
  clear: both;
}

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

.image-replacement {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/* Big Ass Branding Colors */
/*
Here's a great tutorial on how to
use color variables properly:
http://sachagreif.com/sass-color-variables/
*/
/*********************
TYPOGRAPHY
*********************/
/*
use the best ampersand
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
span.amp {
  font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important;
  font-style: italic;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.alert-help, .alert-info, .alert-error, .alert-success {
  margin: 10px;
  padding: 5px 18px;
  border: 1px solid;
}

.alert-help {
  border-color: #e8dc59;
  background: #ebe16f;
}

.alert-info {
  border-color: #bfe4f4;
  background: #d5edf8;
}

.alert-error {
  border-color: #f8cdce;
  background: #fbe3e4;
}

.alert-success {
  border-color: #deeaae;
  background: #e6efc2;
}

/*********************
TRANSITION
*********************/
/*
I totally rewrote this to be cleaner and easier to use.
You'll need to be using Sass 3.2+ for these to work.
Thanks to @anthonyshort for the inspiration on these.
USAGE: @include transition(all 0.2s ease-in-out);
*/
/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdo it.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*********************
BOX SIZING
*********************/
/* @include box-sizing(border-box); */
/* NOTE: value of "padding-box" is only supported in Gecko. So
probably best not to use it. I mean, were you going to anyway? */
/*********************
BUTTONS
*********************/
button,
.button,
.button:visited {
  background: #ffc425;
  font-family: "Trade Gothic W01", Helvetica, arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif;
  padding: 0.5em 1.25em;
  color: #242424;
  text-transform: uppercase;
  display: inline-block;
  font-size: 1.25em;
  text-decoration: none;
  cursor: pointer;
  margin-bottom: 1em;
  line-height: 1em;
  border: none;
}

button:hover, button:focus,
.button:hover,
.button:focus,
.button:visited:hover,
.button:visited:focus {
  background: #242424;
  color: white;
}

.blue-button, .blue-button:visited {
  border-color: #1472ad;
  text-shadow: 0 1px 1px #1472ad;
  background-color: #1681c4;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1990db), to(#1681c4));
  background-image: -webkit-linear-gradient(top, #1990db, #1681c4);
  background-image: -moz-linear-gradient(top, #1990db, #1681c4);
  background-image: -o-linear-gradient(top, #1990db, #1681c4);
  background-image: linear-gradient(to bottom, #1990db, #1681c4);
  box-shadow: inset 0 0 3px #59b3ec;
}

.blue-button:hover, .blue-button:focus, .blue-button:visited:hover, .blue-button:visited:focus {
  border-color: #116396;
  background-color: #1472ad;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1784c9), to(#1472ad));
  background-image: -webkit-linear-gradient(top, #1784c9, #1472ad);
  background-image: -moz-linear-gradient(top, #1784c9, #1472ad);
  background-image: -o-linear-gradient(top, #1784c9, #1472ad);
  background-image: linear-gradient(to bottom, #1784c9, #1472ad);
}

.blue-button:active, .blue-button:visited:active {
  background-color: #1990db;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1681c4), to(#1990db));
  background-image: -webkit-linear-gradient(top, #1681c4, #1990db);
  background-image: -moz-linear-gradient(top, #1681c4, #1990db);
  background-image: -o-linear-gradient(top, #1681c4, #1990db);
  background-image: linear-gradient(to bottom, #1681c4, #1990db);
}

.savings {
  padding: 1em;
  color: #242424;
  text-align: center;
  margin-bottom: 1em;
  border-radius: 5px;
  background: url("../images/lines.png") repeat-x scroll center bottom rgba(255, 255, 255, 0.9);
}

.savings h2 {
  margin-bottom: .75em;
}

.savings p {
  margin: 1rem 0;
  font-size: 1.2em;
}

.savings p span {
  display: block;
}

@media only screen and (min-width: 481px) {
  .savings p span {
    display: inline-block;
    vertical-align: middle;
  }
}

.savings .total {
  font-size: 1.5em;
  font-weight: bold;
  margin-left: .25em;
}

.savings .total.energy, .savings .total.maintenance {
  font-size: 2.25em;
}

#overall-savings {
  background: none;
}

#overall-savings .total {
  background: #242424;
  color: white;
  padding: 0 .25em;
  font-size: 3em;
}

#total_savings {
  margin: .5em 30% .5em 30%;
}

#savings-callout {
  padding: 1em 0;
  background: #E7E8E9;
  text-align: center;
}

#gform_wrapper_6 .calc-field input {
  text-align: right;
  font-size: 1em;
}

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
.jspContainer {
  overflow: hidden;
  position: relative;
}

.jspPane {
  position: absolute;
}

.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 7px;
  height: 100%;
  background: red;
}

.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 7px;
  background: red;
}

.jspCap {
  display: none;
}

.jspHorizontalBar .jspCap {
  float: left;
}

.jspTrack {
  background: #E7E8E9;
  position: relative;
}

.jspDrag {
  background: #999999;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float: left;
  height: 100%;
}

.jspArrow {
  background: #242424;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
  padding: 0;
  margin: 0;
}

.jspArrow.jspDisabled {
  cursor: default;
  background: #ccc;
}

.jspVerticalBar .jspArrow {
  height: 7px;
}

.jspHorizontalBar .jspArrow {
  width: 7px;
  float: left;
  height: 100%;
}

.jspVerticalBar .jspArrow:focus {
  outline: none;
}

.jspCorner {
  background: #000;
  float: left;
  height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
  margin: 0 -3px 0 0;
}

@font-face {
  font-family: 'lg';
  src: url("../fonts/lg.eot?n1z373");
  src: url("../fonts/lg.eot?#iefixn1z373") format("embedded-opentype"), url("../fonts/lg.woff?n1z373") format("woff"), url("../fonts/lg.ttf?n1z373") format("truetype"), url("../fonts/lg.svg?n1z373#lg") format("svg");
  font-weight: normal;
  font-style: normal;
}

.lg-icon {
  font-family: 'lg';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.lg-actions .lg-next, .lg-actions .lg-prev {
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 2px;
  color: #999;
  cursor: pointer;
  display: block;
  font-size: 22px;
  margin-top: -10px;
  padding: 8px 10px 9px;
  position: absolute;
  top: 50%;
  z-index: 1080;
}

.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled {
  pointer-events: none;
  opacity: 0.5;
}

.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover {
  color: #FFF;
}

.lg-actions .lg-next {
  right: 20px;
}

.lg-actions .lg-next:before {
  content: "\e095";
}

.lg-actions .lg-prev {
  left: 20px;
}

.lg-actions .lg-prev:after {
  content: "\e094";
}

@-webkit-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}

@-moz-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}

@-ms-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}

@keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}

@-webkit-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}

@-moz-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}

@-ms-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}

@keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}

.lg-outer.lg-right-end .lg-object {
  -webkit-animation: lg-right-end 0.3s;
  -o-animation: lg-right-end 0.3s;
  animation: lg-right-end 0.3s;
  position: relative;
}

.lg-outer.lg-left-end .lg-object {
  -webkit-animation: lg-left-end 0.3s;
  -o-animation: lg-left-end 0.3s;
  animation: lg-left-end 0.3s;
  position: relative;
}

.lg-toolbar {
  z-index: 1080;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.45);
}

.lg-toolbar .lg-icon {
  color: #999;
  cursor: pointer;
  float: right;
  font-size: 24px;
  height: 47px;
  line-height: 27px;
  padding: 10px 0;
  text-align: center;
  width: 50px;
  text-decoration: none !important;
  outline: medium none;
}

.lg-toolbar .lg-icon:hover {
  color: #FFF;
}

.lg-toolbar .lg-close:after {
  content: "\e070";
}

.lg-toolbar .lg-download:after {
  content: "\e0f2";
}

.lg-sub-html {
  background-color: rgba(0, 0, 0, 0.45);
  bottom: 0;
  color: #EEE;
  font-size: 16px;
  left: 0;
  padding: 10px 40px;
  position: fixed;
  right: 0;
  text-align: center;
  z-index: 1080;
}

.lg-sub-html h4 {
  margin: 0;
  font-size: 13px;
  font-weight: bold;
}

.lg-sub-html p {
  font-size: 12px;
  margin: 5px 0 0;
}

#lg-counter {
  color: #999;
  display: inline-block;
  font-size: 16px;
  padding-left: 20px;
  padding-top: 12px;
  vertical-align: middle;
}

.lg-toolbar, .lg-prev, .lg-next {
  opacity: 1;
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-hide-items .lg-prev {
  opacity: 0;
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
}

.lg-hide-items .lg-next {
  opacity: 0;
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
}

.lg-hide-items .lg-toolbar {
  opacity: 0;
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
  opacity: 0;
  -webkit-transition: -webkit-transform 250ms ease 0s, opacity 250ms !important;
  -moz-transition: -moz-transform 250ms ease 0s, opacity 250ms !important;
  -o-transition: -o-transform 250ms ease 0s, opacity 250ms !important;
  transition: transform 250ms ease 0s, opacity 250ms !important;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1;
}

.lg-outer .lg-thumb-outer {
  background-color: #0D0A0A;
  bottom: 0;
  position: absolute;
  width: 100%;
  z-index: 1080;
  max-height: 350px;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}

.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
}

.lg-outer.lg-thumb-open .lg-thumb-outer {
  -webkit-transform: translate3d(0, 0%, 0);
  transform: translate3d(0, 0%, 0);
}

.lg-outer .lg-thumb {
  padding: 10px 0;
  height: 100%;
  margin-bottom: -5px;
}

.lg-outer .lg-thumb-item {
  border-radius: 5px;
  cursor: pointer;
  float: left;
  overflow: hidden;
  height: 100%;
  border: 2px solid #FFF;
  border-radius: 4px;
  margin-bottom: 5px;
}

@media (min-width: 1025px) {
  .lg-outer .lg-thumb-item {
    -webkit-transition: border-color 0.25s ease;
    -o-transition: border-color 0.25s ease;
    transition: border-color 0.25s ease;
  }
}

.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
  border-color: #a90707;
}

.lg-outer .lg-thumb-item img {
  width: 100%;
  height: 100%;
}

.lg-outer.lg-has-thumb .lg-item {
  padding-bottom: 120px;
}

.lg-outer.lg-can-toggle .lg-item {
  padding-bottom: 0;
}

.lg-outer.lg-pull-caption-up .lg-sub-html {
  -webkit-transition: bottom 0.25s ease;
  -o-transition: bottom 0.25s ease;
  transition: bottom 0.25s ease;
}

.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
  bottom: 100px;
}

.lg-outer .lg-toogle-thumb {
  background-color: #0D0A0A;
  border-radius: 2px 2px 0 0;
  color: #999;
  cursor: pointer;
  font-size: 24px;
  height: 39px;
  line-height: 27px;
  padding: 5px 0;
  position: absolute;
  right: 20px;
  text-align: center;
  top: -39px;
  width: 50px;
}

.lg-outer .lg-toogle-thumb:after {
  content: "\e1ff";
}

.lg-outer .lg-toogle-thumb:hover {
  color: #FFF;
}

.lg-outer .lg-video-cont {
  display: inline-block;
  vertical-align: middle;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding: 0 5px;
}

.lg-outer .lg-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}

.lg-outer .lg-video .lg-object {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.lg-outer .lg-video .lg-video-play {
  width: 84px;
  height: 59px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -42px;
  margin-top: -30px;
  z-index: 1080;
  cursor: pointer;
}

.lg-outer .lg-has-vimeo .lg-video-play {
  background: url("../img/vimeo-play.png") no-repeat scroll 0 0 transparent;
}

.lg-outer .lg-has-vimeo:hover .lg-video-play {
  background: url("../img/vimeo-play.png") no-repeat scroll 0 -58px transparent;
}

.lg-outer .lg-has-html5 .lg-video-play {
  background: transparent url("../img/video-play.png") no-repeat scroll 0 0;
  height: 64px;
  margin-left: -32px;
  margin-top: -32px;
  width: 64px;
  opacity: 0.8;
}

.lg-outer .lg-has-html5:hover .lg-video-play {
  opacity: 1;
}

.lg-outer .lg-has-youtube .lg-video-play {
  background: url("../img/youtube-play.png") no-repeat scroll 0 0 transparent;
}

.lg-outer .lg-has-youtube:hover .lg-video-play {
  background: url("../img/youtube-play.png") no-repeat scroll 0 -60px transparent;
}

.lg-outer .lg-video-object {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}

.lg-outer .lg-has-video .lg-video-object {
  visibility: hidden;
}

.lg-outer .lg-has-video.lg-video-palying .lg-object, .lg-outer .lg-has-video.lg-video-palying .lg-video-play {
  display: none;
}

.lg-outer .lg-has-video.lg-video-palying .lg-video-object {
  visibility: visible;
}

.lg-progress-bar {
  background-color: #333;
  height: 5px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1080;
  opacity: 0;
  -webkit-transition: opacity 0.08s ease 0s;
  -moz-transition: opacity 0.08s ease 0s;
  -o-transition: opacity 0.08s ease 0s;
  transition: opacity 0.08s ease 0s;
}

.lg-progress-bar .lg-progress {
  background-color: #a90707;
  height: 5px;
  width: 0;
}

.lg-progress-bar.lg-start .lg-progress {
  width: 100%;
}

.lg-show-autoplay .lg-progress-bar {
  opacity: 1;
}

.lg-autoplay-button:after {
  content: "\e01d";
}

.lg-show-autoplay .lg-autoplay-button:after {
  content: "\e01a";
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transition: -webkit-transform 0.3s ease 0s;
  -moz-transition: -moz-transform 0.3s ease 0s;
  -o-transition: -o-transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 0.3s ease 0s, opacity 0.15s !important;
  -moz-transition: -moz-transform 0.3s ease 0s, opacity 0.15s !important;
  -o-transition: -o-transform 0.3s ease 0s, opacity 0.15s !important;
  transition: transform 0.3s ease 0s, opacity 0.15s !important;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}

#lg-zoom-in:after {
  content: "\e311";
}

#lg-zoom-out {
  opacity: 0.5;
  pointer-events: none;
}

#lg-zoom-out:after {
  content: "\e312";
}

.lg-zoomed #lg-zoom-out {
  opacity: 1;
  pointer-events: auto;
}

.lg-outer .lg-pager-outer {
  bottom: 60px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 1080;
  height: 10px;
}

.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
  overflow: visible;
}

.lg-outer .lg-pager-cont {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  margin: 0 5px;
}

.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
  box-shadow: 0 0 0 2px white inset;
}

.lg-outer .lg-pager-thumb-cont {
  background-color: #fff;
  color: #FFF;
  bottom: 100%;
  height: 83px;
  left: 0;
  margin-bottom: 20px;
  margin-left: -60px;
  opacity: 0;
  padding: 5px;
  position: absolute;
  width: 120px;
  border-radius: 3px;
  -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
  -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;
  transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
}

.lg-outer .lg-pager-thumb-cont img {
  width: 100%;
  height: 100%;
}

.lg-outer .lg-pager {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
  display: block;
  height: 12px;
  -webkit-transition: box-shadow 0.3s ease 0s;
  -o-transition: box-shadow 0.3s ease 0s;
  transition: box-shadow 0.3s ease 0s;
  width: 12px;
}

.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {
  box-shadow: 0 0 0 8px white inset;
}

.lg-outer .lg-caret {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px dashed;
  bottom: -10px;
  display: inline-block;
  height: 0;
  left: 50%;
  margin-left: -5px;
  position: absolute;
  vertical-align: middle;
  width: 0;
}

.lg-fullscreen:after {
  content: "\e20c";
}

.lg-fullscreen-on .lg-fullscreen:after {
  content: "\e20d";
}

.group {
  *zoom: 1;
}

.group:before, .group:after {
  display: table;
  content: "";
  line-height: 0;
}

.group:after {
  clear: both;
}

.lg-outer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}

.lg-outer * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.lg-outer.lg-visible {
  opacity: 1;
}

.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current {
  -webkit-transition-duration: inherit !important;
  transition-duration: inherit !important;
  -webkit-transition-timing-function: inherit !important;
  transition-timing-function: inherit !important;
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
  opacity: 1;
}

.lg-outer.lg-grab img.lg-object {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.lg-outer.lg-grabbing img.lg-object {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}

.lg-outer .lg {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  max-height: 100%;
}

.lg-outer .lg-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
}

.lg-outer .lg-item {
  background: url(../img/loading.gif) no-repeat scroll center center transparent;
  display: none !important;
}

.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide {
  display: inline-block !important;
}

.lg-outer.lg-css .lg-current {
  display: inline-block !important;
}

.lg-outer .lg-item, .lg-outer .lg-img-wrap {
  display: inline-block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
}

.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}

.lg-outer .lg-img-wrap {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 5px;
}

.lg-outer .lg-item.lg-complete {
  background-image: none;
}

.lg-outer .lg-item.lg-current {
  z-index: 1060;
}

.lg-outer .lg-image {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  width: auto !important;
  height: auto !important;
}

.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play {
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}

.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
  opacity: 1;
}

.lg-outer .lg-empty-html {
  display: none;
}

.lg-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1040;
  background-color: #000;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}

.lg-backdrop.in {
  opacity: 1;
}

.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current {
  -webkit-transition: none 0s ease 0s !important;
  -moz-transition: none 0s ease 0s !important;
  -o-transition: none 0s ease 0s !important;
  transition: none 0s ease 0s !important;
}

.lg-css3.lg-use-css3 .lg-item {
  will-change: transform, opacity;
}

.lg-css3.lg-use-left .lg-item {
  will-change: left, opacity;
}

.lg-css3.lg-fade .lg-item {
  opacity: 0;
}

.lg-css3.lg-fade .lg-item.lg-current {
  opacity: 1;
}

.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
  -webkit-transition: opacity 0.1s ease 0s;
  -moz-transition: opacity 0.1s ease 0s;
  -o-transition: opacity 0.1s ease 0s;
  transition: opacity 0.1s ease 0s;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
  opacity: 0;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-css3.lg-slide.lg-use-left .lg-item {
  opacity: 0;
  position: absolute;
  left: 0;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
  left: -100%;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
  left: 100%;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  left: 0;
  opacity: 1;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

/*
BASE (MOBILE) SIZE
This are the mobile styles. It's what people see on their phones. If
you set a great foundation, you won't need to add too many styles in
the other stylesheets. Remember, keep it light: Speed is Important.
*/
/*
----------------------------------------------------------------

Gravity Forms Front End Form Styles
Version 1.8
http: //www.gravityforms.com
updated: December 12 2013, 12:07 PM

Gravity Forms is a Rocketgenius project
copyright 2013 Rocketgenius Inc.
http: //www.rocketgenius.com
this may not be redistributed without the
express written permission of the author.

NOTE: DO NOT EDIT THIS FILE! MAKE ANY MODIFICATIONS IN YOUR
THEME STYLESHEET. THIS FILE IS REPLACED DURING AUTO-UPDATES
AND ANY CHANGES MADE HERE WILL BE OVERWRITTEN.

If you need to make extensive customizations,
copy the contents of this file to your theme
style sheet for editing. Then, go to the form
settings page & set the 'output CSS' option
to no.

----------------------------------------------------------------
*/
.gform_wrapper {
  overflow: inherit;
  margin: 10px 0;
  max-width: 98%;
}

.gform_wrapper h1,
.gform_wrapper h2,
.gform_wrapper h3 {
  font-weight: normal;
  border: none;
  outline: none;
  background: none;
}

.gform_wrapper :focus {
  outline: 0;
}

.gform_wrapper form {
  text-align: left;
}

.gform_wrapper input[type=text],
.gform_wrapper input[type=url],
.gform_wrapper input[type=email],
.gform_wrapper input[type=tel],
.gform_wrapper input[type=number],
.gform_wrapper input[type=password] {
  outline-style: none;
  font-size: 11px;
  font-family: inherit;
  padding: 5px 2px 5px 2px;
  letter-spacing: normal;
}

.gform_wrapper input[type=image] {
  border: none !important;
  padding: 0 !important;
  width: auto !important;
}

.gform_wrapper textarea {
  outline-style: none;
  font-size: 11px;
  font-family: inherit;
  letter-spacing: normal;
  padding: 4px 2px 4px 2px;
  resize: none;
}

.gform_wrapper ul {
  margin: 0 !important;
  list-style-type: none;
}

html > body .entry ul,
.gform_wrapper ul {
  text-indent: 0;
}

.gform_wrapper li,
.gform_wrapper form li {
  margin-left: 0 !important;
  list-style-type: none !important;
  list-style-image: none !important;
  list-style: none !important;
  overflow: visible;
}

.gform_wrapper ul li.gfield {
  clear: both;
}

.gform_wrapper ul.gfield_radio li,
.gform_wrapper ul.gfield_checkbox li {
  overflow: hidden;
}

.gform_wrapper ul.right_label li,
.gform_wrapper form ul.right_label li,
.gform_wrapper ul.left_label li,
.gform_wrapper form ul.left_label li {
  margin-bottom: 14px;
}

.gform_wrapper ul.right_label li ul.gfield_radio li,
.gform_wrapper form ul.right_label li ul.gfield_radio li,
.gform_wrapper ul.left_label li ul.gfield_radio li,
.gform_wrapper form ul.left_label li ul.gfield_radio li,
.gform_wrapper ul.right_label li ul.gfield_checkbox li,
.gform_wrapper form ul.right_label li ul.gfield_checkbox li,
.gform_wrapper ul.left_label li ul.gfield_checkbox li,
.gform_wrapper form ul.left_label li ul.gfield_checkbox li {
  margin-bottom: 10px;
}

.gform_wrapper ul li:before,
.gform_wrapper ul li:after,
.gform_wrapper ul.gform_fields {
  padding: 0;
  margin: 0;
  overflow: visible;
}

.gform_wrapper select {
  font-size: 11px;
  font-family: inherit;
  padding: 5px 0 5px 0;
  letter-spacing: normal;
}

.gform_wrapper select option {
  padding: 2px 2px;
  display: block;
}

.gform_wrapper .inline {
  display: inline !important;
}

.gform_wrapper .gform_heading {
  width: 98%;
  margin-bottom: 18px;
}

.gform_wrapper .gfield_time_hour,
.gform_wrapper .gfield_time_minute,
.gform_wrapper .gfield_date_month,
.gform_wrapper .gfield_date_day,
.gform_wrapper .gfield_date_year {
  width: 70px;
  vertical-align: top;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
}

.gform_wrapper .gfield_date_month,
.gform_wrapper .gfield_date_day,
.gform_wrapper .gfield_date_year {
  margin-right: 12px;
}

.gform_wrapper .gfield_date_dropdown_month,
.gform_wrapper .gfield_date_dropdown_day,
.gform_wrapper .gfield_date_dropdown_year {
  vertical-align: top;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
}

.gform_wrapper .gfield_date_dropdown_month,
.gform_wrapper .gfield_date_dropdown_day,
.gform_wrapper .gfield_date_dropdown_year {
  margin-right: 6px;
}

.gform_wrapper .gfield_time_ampm {
  vertical-align: top;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
}

.gform_wrapper .gfield_time_ampm select {
  width: 60px !important;
}

.gform_wrapper .gfield_time_hour input,
.gform_wrapper .gfield_time_minute input,
.gform_wrapper .gfield_date_month input,
.gform_wrapper .gfield_date_day input,
.gform_wrapper .gfield_date_year input {
  width: 70% !important;
}

.gform_wrapper .gfield_date_month,
.gform_wrapper .gfield_date_day,
.gform_wrapper .gfield_date_year {
  width: 50px;
  float: left;
}

.gform_wrapper .gfield_date_month input,
.gform_wrapper .gfield_date_day input,
.gform_wrapper .gfield_date_year input {
  width: 85% !important;
}

.gform_wrapper .field_hover {
  border: 1px dashed #2175A9;
  cursor: pointer;
}

.gform_wrapper .field_selected {
  background-color: #DFEFFF;
  border: 1px solid #C2D7EF;
}

.gform_wrapper .field_name_first,
.gform_wrapper .field_name_last {
  width: 50%;
  float: left;
}

.gform_wrapper .ginput_complex {
  overflow: hidden;
}

.gform_wrapper .ginput_left input:focus + label,
.gform_wrapper .ginput_right input:focus + label,
.gform_wrapper .ginput_full input:focus + label {
  font-weight: bold;
}

.gform_wrapper .field_name_first input,
.gform_wrapper .ginput_complex .ginput_left input {
  width: 95% !important;
}

.gform_wrapper .field_name_last input {
  width: 93% !important;
}

.gform_wrapper .datepicker {
  width: 100px !important;
}

.gform_wrapper .ginput_complex .ginput_left {
  width: 50%;
  float: left;
}

.gform_wrapper .ginput_complex .ginput_right {
  width: 49%;
  float: right;
}

.gform_wrapper .gfield_error .ginput_complex .ginput_left,
.gform_wrapper .gfield_error .ginput_complex .ginput_right {
  width: 50%;
}

.gform_wrapper .gfield_error .ginput_complex .ginput_left input[type=text],
.gform_wrapper .gfield_error .ginput_complex .ginput_left input[type=url],
.gform_wrapper .gfield_error .ginput_complex .ginput_left input[type=email],
.gform_wrapper .gfield_error .ginput_complex .ginput_left input[type=tel],
.gform_wrapper .gfield_error .ginput_complex .ginput_left input[type=number],
.gform_wrapper .gfield_error .ginput_complex .ginput_left input[type=password] {
  width: 90% !important;
}

.gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=text],
.gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=url],
.gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=email],
.gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=tel],
.gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=number],
.gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=password] {
  width: 95% !important;
}

.gform_wrapper .ginput_complex input[type=text],
.gform_wrapper .ginput_complex input[type=url],
.gform_wrapper .ginput_complex input[type=email],
.gform_wrapper .ginput_complex input[type=tel],
.gform_wrapper .ginput_complex input[type=number],
.gform_wrapper .ginput_complex input[type=password],
.gform_wrapper .ginput_complex select {
  width: 95% !important;
}

.gform_wrapper .ginput_complex .ginput_right input[type=text],
.gform_wrapper .ginput_complex .ginput_right input[type=url],
.gform_wrapper .ginput_complex .ginput_right input[type=email],
.gform_wrapper .ginput_complex .ginput_right input[type=tel],
.gform_wrapper .ginput_complex .ginput_right input[type=number],
.gform_wrapper .ginput_complex .ginput_right input[type=password],
.gform_wrapper .ginput_complex .ginput_right select {
  width: 95% !important;
}

.gform_wrapper .ginput_complex label,
.gform_wrapper .gfield_time_hour label,
.gform_wrapper .gfield_time_minute label,
.gform_wrapper .gfield_date_month label,
.gform_wrapper .gfield_date_day label,
.gform_wrapper .gfield_date_year label,
.gform_wrapper .instruction {
  display: block;
  margin: 3px 0;
  font-size: 11px;
  letter-spacing: 0.5pt;
}

.gform_wrapper .ginput_complex .name_prefix {
  float: left;
  width: 30px !important;
  margin-right: 14px;
}

.gform_wrapper .ginput_complex .name_suffix {
  float: left;
  width: 30px !important;
}

.gform_wrapper .ginput_complex .name_first,
.gform_wrapper .ginput_complex .name_last {
  float: left;
  width: 100px;
  margin-right: 8px;
}

.gform_wrapper .top_label .gfield_label {
  margin: 10px 0 4px 0;
  font-weight: bold;
  display: -moz-inline-stack;
  display: inline-block;
  line-height: 1.3em;
  clear: both;
}

.gform_wrapper .left_label .gfield_label {
  float: left;
  margin: 0 15px 0 0;
  width: 29%;
  font-weight: bold;
}

.gform_wrapper .right_label .gfield_label {
  float: left;
  margin: 0 15px 0 0;
  width: 29%;
  font-weight: bold;
  text-align: right;
}

.gform_wrapper .left_label ul.gfield_checkbox,
.gform_wrapper .right_label ul.gfield_checkbox,
.gform_wrapper .left_label ul.gfield_radio,
.gform_wrapper .right_label ul.gfield_radio {
  margin-left: 32%;
  overflow: hidden;
}

.gform_wrapper .top_label input.small,
.gform_wrapper .top_label select.small {
  width: 25%;
}

.gform_wrapper .top_label input.medium,
.gform_wrapper .top_label select.medium {
  width: 47%;
}

.gform_wrapper .top_label input.medium {
  padding-right: 2px;
}

.gform_wrapper .top_label input.large,
.gform_wrapper .top_label select.large,
.gform_wrapper .top_label textarea.textarea {
  width: 99.2%;
}

.gform_wrapper .right_label input.small,
.gform_wrapper .right_label select.small,
.gform_wrapper .left_label input.small,
.gform_wrapper .left_label select.small {
  width: 15%;
}

.gform_wrapper .right_label input.medium,
.gform_wrapper .right_label select.medium,
.gform_wrapper .left_label input.medium,
.gform_wrapper .left_label select.medium {
  width: 35%;
}

.gform_wrapper .right_label input.large,
.gform_wrapper .right_label select.large,
.gform_wrapper .left_label input.large,
.gform_wrapper .left_label select.large,
.gform_wrapper textarea.textarea {
  width: 63%;
}

.gform_wrapper .right_label div.ginput_complex,
.gform_wrapper .left_label div.ginput_complex {
  width: 64%;
}

.gform_wrapper h2.gsection_title {
  margin: 0 !important;
  padding: 0 !important;
  letter-spacing: normal !important;
}

.gform_wrapper .gsection .gfield_label,
.gform_wrapper h2.gsection_title,
.gform_wrapper h3.gform_title {
  font-weight: bold;
  font-size: 1.3em;
}

.gform_wrapper h3.gform_title {
  letter-spacing: normal !important;
  margin: 10px 0 6px 0;
}

.gform_wrapper span.gform_description {
  font-weight: normal;
}

.gform_wrapper h2.gsection_title,
.gform_wrapper .gsection_description,
.gform_wrapper h3.gform_title {
  width: 98%;
}

.gform_wrapper .gsection {
  border-bottom: 1px dotted #CCC;
  padding: 0 0 8px 0;
  margin: 16px 0;
  clear: both;
}

.gform_wrapper ul.gfield_checkbox li input[type=checkbox],
.gform_wrapper ul.gfield_radio li input[type=radio] {
  width: auto !important;
}

/* radio and checkbox styling - justifies lenghty labels ------------------------------------------------------*/
.gform_wrapper .gfield_checkbox li,
.gform_wrapper .gfield_radio li {
  position: relative;
}

.gform_wrapper ul.gfield_checkbox,
.gform_wrapper ul.gfield_radio {
  margin: 6px 0;
  padding: 0;
}

.gform_wrapper .gfield_checkbox li label,
.gform_wrapper .gfield_radio li label {
  display: block;
  margin: 0 0 0 24px;
  padding: 0;
  width: auto;
  line-height: 1.5;
  vertical-align: top;
}

.gform_wrapper .gfield_checkbox li input[type=checkbox],
.gform_wrapper .gfield_radio li input[type=radio],
.gform_wrapper .gfield_checkbox li input {
  float: left;
  margin-top: 2px;
}

.gform_wrapper .description,
.gform_wrapper .gfield_description,
.gform_wrapper .gsection_description,
.gform_wrapper .instruction {
  font-size: 0.85em;
  line-height: 1.5em;
  clear: both;
  font-family: "Proxima Nova W15", "Neue Helvetica W01", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  letter-spacing: normal;
}

.gform_wrapper .description,
.gform_wrapper .gfield_description,
.gform_wrapper .gsection_description {
  padding: 4px 0 8px 0;
}

.gform_wrapper .gfield_description {
  padding: 10px 0 0 0;
  width: 99.8%;
}

.gform_wrapper .left_label .gfield_description,
.gform_wrapper .right_label .gfield_description {
  width: 63%;
}

.gform_wrapper .description_above .gfield_description {
  padding: 0 0 10px 0;
}

.gfield_date_year + .gfield_description {
  padding: 0;
}

.gform_wrapper .right_label .gfield_description,
.gform_wrapper .left_label .gfield_description,
.gform_wrapper .left_label .instruction,
.gform_wrapper .right_label .instruction {
  margin-left: 31%;
}

.gform_wrapper .left_label .gsection .gsection_description,
.gform_wrapper .right_label .gsection .gsection_description {
  margin-left: 0;
  padding-top: 4px;
  padding-left: 0;
  line-height: 1.5em;
}

.gform_wrapper .gfield_required {
  color: #790000;
  margin-left: 4px;
}

.gform_wrapper textarea.small {
  height: 80px;
}

.gform_wrapper textarea.medium {
  height: 150px;
}

.gform_wrapper textarea.large {
  height: 250px;
}

.gform_wrapper li.gfield.gfield_error,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  background-color: #FFDFE0;
  margin-bottom: 6px !important;
  padding: 6px 6px 4px 6px !important;
  border-top: 1px solid #C89797;
  border-bottom: 1px solid #C89797;
}

.gform_wrapper li.gfield.gfield_creditcard_warning {
  margin-bottom: 6px !important;
  padding: 6px 6px 4px 6px !important;
  border: 1px dashed #C89797;
}

.gform_wrapper li.gfield.gfield_creditcard_warning div.gfield_creditcard_warning_message {
  font-size: 1em;
  font-family: "Proxima Nova W15", "Neue Helvetica W01", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  padding: 10px 20px 10px 45px;
  min-height: 25px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: #790000;
  border-bottom: 1px solid #620101;
  color: #FFF;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  line-height: 1.3em;
  letter-spacing: 0.2pt;
}

li.gfield + li.gfield.gfield_creditcard_warning {
  margin-top: 14px !important;
}

.gform_wrapper .top_label .gfield_error .ginput_container {
  max-width: 99%;
}

.gform_wrapper .top_label .gfield_error {
  width: 97%;
}

.gform_wrapper .top_label .gfield_error input.large,
.gform_wrapper .top_label .gfield_error select.large,
.gform_wrapper .top_label .gfield_error textarea.textarea {
  width: 100%;
}

.gform_wrapper .right_label .gfield_error input.large,
.gform_wrapper .right_label .gfield_error select.large,
.gform_wrapper .right_label .gfield_error textarea.textarea,
.gform_wrapper .left_label .gfield_error input.large,
.gform_wrapper .left_label .gfield_error select.large,
.gform_wrapper .left_label .gfield_error textarea.textarea {
  width: 66%;
}

.gform_wrapper .gfield_error .gfield_label {
  color: #790000;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required {
  margin-top: 12px;
  margin-bottom: 12px !important;
  padding-left: 10px !important;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container {
  margin-top: 12px;
}

.gform_wrapper div.validation_error {
  color: #790000;
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 1.6em;
}

.gform_wrapper div.validation_error {
  color: #790000;
  font-size: 1.2em;
  font-weight: bold;
}

div.gf_page_steps + div.validation_error {
  margin-top: 16px;
}

.gform_wrapper div.gfield_description.validation_error {
  color: #790000;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.2em;
  margin-bottom: 16px;
}

.gform_wrapper .validation_message {
  color: #790000;
  font-weight: bold;
  letter-spacing: normal;
}

.gform_wrapper li.gfield_error input[type=text],
.gform_wrapper li.gfield_error input[type=url],
.gform_wrapper li.gfield_error input[type=email],
.gform_wrapper li.gfield_error input[type=tel],
.gform_wrapper li.gfield_error input[type=number],
.gform_wrapper li.gfield_error input[type=password],
.gform_wrapper li.gfield_error textarea {
  border: 1px solid #790000;
}

.gform_wrapper li.gfield_error div.ginput_complex.ginput_container label,
.gform_wrapper li.gfield_error ul.gfield_checkbox,
.gform_wrapper li.gfield_error ul.gfield_radio {
  color: #790000;
}

.gform_wrapper .gform_footer {
  padding: 16px 0 10px 0;
  margin: 16px 0 0 0;
  clear: both;
}

.gform_wrapper .gform_footer.right_label,
.gform_wrapper .gform_footer.left_label {
  padding: 16px 0 10px 31%;
}

.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit] {
  font-size: 1em;
}

.gform_wrapper .gform_footer input[type=image] {
  padding: 0;
  width: auto !important;
  background: none !important;
  border: none !important;
}

.gform_wrapper .ginput_complex .ginput_left,
.gform_wrapper .ginput_complex .ginput_right,
.gform_wrapper .ginput_complex .ginput_full {
  min-height: 43px;
  display: block;
  overflow: hidden;
}

.gform_wrapper .ginput_complex .ginput_full input[type=text],
.gform_wrapper .ginput_complex .ginput_full input[type=url],
.gform_wrapper .ginput_complex .ginput_full input[type=email],
.gform_wrapper .ginput_complex .ginput_full input[type=tel],
.gform_wrapper .ginput_complex .ginput_full input[type=number],
.gform_wrapper .ginput_complex .ginput_full input[type=password] {
  width: 97% !important;
}

.gform_wrapper .gfield_checkbox li,
.gform_wrapper .gfield_radio li {
  margin: 0 0 8px 0;
  line-height: 1.3em;
}

.gform_wrapper ul.gfield_radio li input[type="radio"]:checked + label,
.gform_wrapper ul.gfield_checkbox li input[type="checkbox"]:checked + label {
  font-weight: bold;
}

.gform_wrapper input.datepicker.datepicker_with_icon {
  margin-right: 4px !important;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
}

/* tame those pesky hidden fields ------------------------------------------------------*/
.gform_wrapper input[type=hidden],
.gform_wrapper input.gform_hidden,
.gform_wrapper .gform_hidden,
.gform_wrapper .gf_hidden {
  display: none !important;
  max-height: 1px !important;
  overflow: hidden;
}

.gform_wrapper .ginput_full br,
.gform_wrapper .ginput_left br,
.gform_wrapper .ginput_right br {
  display: none !important;
}

/* additional spacing and padding tweaks ------------------------------------------------------*/
.gform_wrapper ul.gfield_checkbox li,
.gform_wrapper ul.gfield_radio li {
  padding: 0 !important;
}

.gform_wrapper ul.gfield_radio li input + input {
  margin-left: 4px;
}

.gform_wrapper ul.gfield_radio li input[value=gf_other_choice] {
  margin-right: 6px;
  margin-top: 4px;
}

.gform_wrapper .top_label .gfield_description {
  padding: 10px 0 0 0;
}

.gform_wrapper .top_label .gfield_description.validation_message,
.gform_wrapper .gfield_description.validation_message {
  padding: 10px 0 !important;
}

.gform_wrapper .ginput_container + .gfield_description.validation_message {
  margin-top: 6px;
}

.gform_wrapper .gfield_description + .gform_wrapper .gfield_description.validation_message {
  margin-top: 6px;
}

.gform_wrapper .ginput_container.ginput_list + .gfield_description.validation_message {
  margin-top: 0;
}

/* HTML field default margins -----------------------------------------------------*/
.gform_wrapper .left_label li.gfield_html_formatted,
.gform_wrapper .right_label li.gfield_html_formatted {
  margin-left: 32%;
}

.gform_wrapper .gfield_html.gfield_no_follows_desc {
  margin-top: 10px;
}

/* ajax forms ------------------------------------------------------*/
.gform_wrapper .gform_ajax_spinner {
  padding-left: 10px;
}

/* hide the honeypot field  ------------------------------------------------------*/
.gform_validation_container,
.gform_wrapper .gform_validation_container,
body .gform_wrapper li.gform_validation_container,
body .gform_wrapper .gform_body ul.gform_fields li.gfield.gform_validation_container,
body .gform_wrapper ul.gform_fields li.gfield.gform_validation_container {
  display: none !important;
  position: absolute !important;
  left: -9000px;
}

/* Really Simple Captcha ------------------------------------------------------*/
.gform_wrapper .gfield_captcha_input_container {
  padding-top: 3px;
}

.gform_wrapper .simple_captcha_small input {
  width: 100px;
}

.gform_wrapper .simple_captcha_medium input {
  width: 150px;
}

.gform_wrapper .simple_captcha_large input {
  width: 200px;
}

.gform_wrapper .gform_wrapper .left_label .simple_captcha_small,
.gform_wrapper .right_label .simple_captcha_small,
.gform_wrapper .left_label .simple_captcha_medium,
.gform_wrapper .right_label .simple_captcha_medium,
.gform_wrapper .left_label .simple_captcha_large,
.gform_wrapper .right_label .simple_captcha_large {
  margin-left: 32%;
}

.gform_wrapper .gfield_captcha_container img.gfield_captcha {
  border: none !important;
  background: none !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* math challenge ------------------------------------------------------*/
.gform_wrapper .math_small input {
  width: 69px;
}

.gform_wrapper .math_medium input {
  width: 90px;
}

.gform_wrapper .math_large input {
  width: 108px;
}

.gform_wrapper .left_label .math_small,
.gform_wrapper .right_label .math_small,
.gform_wrapper .left_label .math_medium,
.gform_wrapper .right_label .math_medium,
.gform_wrapper .left_label .math_large,
.gform_wrapper .right_label .math_large {
  margin-left: 32%;
}

/* textarea character counter ------------------------------------------------------*/
.gform_wrapper div.charleft {
  font-size: 11px;
  margin-top: 4px;
  color: #B7B7B7;
  width: 92% !important;
  white-space: nowrap !important;
}

.gform_wrapper div.charleft[style] {
  width: 92% !important;
}

.gform_wrapper .left_label div.charleft,
.gform_wrapper .right_label div.charleft {
  margin-left: 32%;
}

.gform_wrapper div.charleft.warningTextareaInfo {
  color: #A1A1A1;
}

.gform_wrapper li.gf_hide_charleft div.charleft {
  display: none !important;
}

/* submission limit message ------------------------------------------------------*/
.gf_submission_limit_message {
  color: #790000;
  font-size: 1.4em;
}

/* pricing fields ------------------------------------------------------*/
.gform_wrapper .ginput_price {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
}

.gform_wrapper span.ginput_total {
  color: #060;
  font-size: 1.2em;
}

.gform_wrapper .top_label span.ginput_total {
  margin: 8px 0;
}

.gform_wrapper span.ginput_product_price_label {
  margin-right: 2px;
}

.gform_wrapper span.ginput_product_price {
  color: #900;
}

.gform_wrapper span.ginput_quantity_label {
  margin-left: 10px;
  margin-right: 2px;
}

.gform_wrapper input.ginput_quantity {
  width: 40px;
}

/* multi-page form paging ------------------------------------------------------*/
.gform_wrapper .gform_page_footer {
  margin: 20px 0;
  width: 99%;
  border-top: 1px dotted #CCC;
  padding: 16px 0 0 0;
}

.gform_wrapper .gform_page_footer .button.gform_button {
  margin-right: 10px;
}

/* multi-page progress bar  ------------------------------------------------------*/
.gform_wrapper .gf_progressbar_wrapper {
  clear: both;
  width: 99%;
  margin: 0 0 8px 0;
  padding: 0 0 16px 0;
  border-bottom: 1px dotted #CCC;
}

.gform_wrapper .gf_progressbar_wrapper h3.gf_progressbar_title {
  font-size: 13px;
  line-height: 1em !important;
  margin: 0 0 6px 0 !important;
  padding: 0 !important;
  clear: both;
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
}

.gform_wrapper .gf_progressbar {
  width: 99%;
  height: 20px;
  overflow: hidden;
  line-height: 20px !important;
  border: 1px solid #EEE;
  background-repeat: repeat-x;
  background-position: bottom;
  background-color: #FFF;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
}

.gform_wrapper .gf_progressbar_percentage {
  height: 20px;
  text-align: right;
  font-family: "Proxima Nova W15", "Neue Helvetica W01", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 13px !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}

.gform_wrapper .gf_progressbar_percentage span {
  display: block;
  width: auto;
  float: right;
  margin-right: 5px;
  margin-left: 5px;
}

.gform_wrapper .gf_progressbar_percentage.percentbar_0 span {
  color: #959595;
  text-shadow: none;
}

.gform_wrapper .percentbar_blue {
  background-repeat: repeat-x;
  background-color: #0072BC;
  color: #FFF;
}

.gform_wrapper .percentbar_gray {
  background-repeat: repeat-x;
  background-color: #666;
  color: #FFF;
}

.gform_wrapper .percentbar_green {
  background-repeat: repeat-x;
  background-color: #94DC21;
  color: #FFF;
}

.gform_wrapper .percentbar_orange {
  background-repeat: repeat-x;
  background-color: #DC7021;
  color: #FFF;
}

.gform_wrapper .percentbar_red {
  background-repeat: repeat-x;
  background-color: #DC2521;
  color: #FFF;
}

.gform_wrapper .percentbar_custom {
  background-repeat: repeat-x;
}

/* multi-page steps ------------------------------------------------------*/
.gform_wrapper .gf_page_steps {
  width: 99%;
  margin: 0 0 8px 0;
  padding: 0 0 4px 0;
  border-bottom: 1px dotted #CCC;
}

.gform_wrapper .gf_step {
  width: auto !important;
  margin: 0 10px 10px 0;
  font-size: 14px;
  height: 20px;
  line-height: 20px !important;
  filter: alpha(opacity=20);
  -moz-opacity: 0.2;
  -khtml-opacity: 0.2;
  opacity: 0.2;
  font-family: "Proxima Nova W15", "Neue Helvetica W01", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
}

.gform_wrapper .gf_step span.gf_step_number {
  font-size: 20px;
  float: left;
  font-family: "Proxima Nova W15", "Neue Helvetica W01", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.gform_wrapper .gf_step.gf_step_active {
  filter: alpha(opacity=100);
  -moz-opacity: 1.0;
  -khtml-opacity: 1.0;
  opacity: 1.0;
}

.gform_wrapper .gf_step_clear {
  display: block;
  clear: both;
  height: 1px;
  overflow: hidden;
}

/* password strength indicator -----------------------------------------------------------------*/
.gform_wrapper .gfield_password_strength {
  border: 1px solid #DDD;
  margin: 0;
  padding: 3px 5px;
  text-align: center;
  width: 200px;
  background-color: #EEE;
}

.gform_wrapper .gfield_password_strength.bad {
  background-color: #FFB78C;
  border-color: #FF853C;
}

.gform_wrapper .gfield_password_strength.good {
  background-color: #FFEC8b;
  border-color: #FC0;
}

.gform_wrapper .gfield_password_strength.short,
.gform_wrapper .gfield_password_strength.mismatch {
  background-color: #FFA0A0;
  border-color: #f04040;
}

.gform_wrapper .gfield_password_strength.strong {
  background-color: #C3FF88;
  border-color: #8DFF1C;
}

/* reset the default list styles for the HTML blocks -----------------------------------------------------------------*/
body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ul li,
body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ul li {
  list-style-type: disc !important;
  margin: 0 0 0.5em;
  overflow: visible;
  padding-left: 0;
}

body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ul,
body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ul {
  list-style-type: disc !important;
  margin: 1em 0 1em 1.5em;
  padding-left: 0;
}

body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ol li,
body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ol li {
  list-style-type: decimal !important;
  overflow: visible;
  margin: 0 0 0.5em;
  padding-left: 0;
}

body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ol,
body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ol {
  list-style-type: decimal !important;
  margin: 1em 0 1.5em 2.0em;
  padding-left: 0;
}

body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ol li ul,
body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ol li ul li {
  list-style-type: disc !important;
  padding-left: 0;
}

body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ol li ul {
  margin: 1em 0 1em 1.5em;
}

body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ol li ul li {
  margin: 0 0 0.5em;
}

body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html dl {
  margin: 0 0 1.5em 0;
  padding-left: 0;
}

body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html dl dt {
  font-weight: bold;
}

body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html dl dd {
  margin: 0 0 1em 1.5em;
}

/* list fields added in v.1.6 -----------------------------------------------------------------*/
.gform_wrapper table.gfield_list,
.gform_wrapper table.gfield_list caption,
.gform_wrapper table.gfield_list tbody,
.gform_wrapper table.gfield_list tfoot,
.gform_wrapper table.gfield_list thead,
.gform_wrapper table.gfield_list tr,
.gform_wrapper table.gfield_list th,
.gform_wrapper table.gfield_list td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

.gform_wrapper table.gfield_list {
  border-spacing: 0;
  border-collapse: collapse;
}

.gform_wrapper table.gfield_list thead th {
  font-weight: bold;
  text-align: left;
}

.gform_wrapper li.gfield.gfield_error table.gfield_list thead th {
  color: #790000;
}

.gform_wrapper table.gfield_list thead,
.gform_wrapper table.gfield_list tr {
  padding: 0;
  margin: 0;
}

.gform_wrapper table.gfield_list th,
.gform_wrapper table.gfield_list td {
  padding: 0 0 0.5em 0;
}

.gform_wrapper table.gfield_list th + th,
.gform_wrapper table.gfield_list td + td {
  padding: 0 0 0.5em 0.7em;
}

.gform_wrapper .left_label .gfield_list, .gform_wrapper .right_label .gfield_list {
  width: 64%;
}

.gform_wrapper .top_label .gfield_list {
  width: 99%;
}

.gform_wrapper .left_label .gf_list_one_column, .gform_wrapper .right_label .gf_list_one_column {
  width: 45%;
}

.gform_wrapper .top_label .gf_list_one_column {
  width: 46%;
}

.gform_wrapper .gfield_list input {
  width: 98%;
}

.gfield_icon_disabled {
  cursor: default !important;
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
}

.gform_wrapper table.gfield_list td.gfield_list_icons {
  min-width: 45px !important;
}

/* enhanced UI/select styles added in v.1.6 -----------------------------------------------------------------*/
.gform_wrapper select.chzn-select {
  visibility: hidden;
  height: 28px !important;
  min-height: 28px !important;
}

.gform_wrapper .chzn-container {
  font-size: 13px;
  position: relative;
  margin-bottom: 4px;
  display: inline-block;
  zoom: 1;
}

.gform_wrapper .chzn-container .chzn-drop {
  background-color: #FFF;
  border: 1px solid #AAA;
  border-top: 0;
  position: absolute;
  top: 29px;
  left: 0;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  z-index: 999;
}

.gform_wrapper .chzn-container-single .chzn-single {
  background-color: #FFF;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #EEE), color-stop(0.5, white));
  background-image: -webkit-linear-gradient(center bottom, #EEE 0%, white 50%);
  background-image: -moz-linear-gradient(center bottom, #EEE 0%, white 50%);
  background-image: -o-linear-gradient(top, #EEE 0%, #FFF 50%);
  background-image: linear-gradient(top, #EEE 0%, #FFF 50%);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #AAA;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  height: 26px;
  line-height: 26px;
  padding: 0 0 0 8px;
  color: #444;
  text-decoration: none;
}

.gform_wrapper .chzn-container-single .chzn-single span {
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.gform_wrapper .chzn-container-single .chzn-single div {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #CCC;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #CCC), color-stop(0.6, #EEE));
  background-image: -webkit-linear-gradient(center bottom, #CCC 0%, #EEE 60%);
  background-image: -moz-linear-gradient(center bottom, #CCC 0%, #EEE 60%);
  background-image: -o-linear-gradient(bottom, #CCC 0%, #EEE 60%);
  background-image: -ms-linear-gradient(top, #CCC 0%, #EEE 60%);
  background-image: linear-gradient(top, #CCC 0%, #EEE 60%);
  border-left: 1px solid #AAA;
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  height: 100%;
  width: 18px;
}

.gform_wrapper .chzn-container-single .chzn-single div b {
  background-position: 0 1px;
  background-repeat: no-repeat;
  display: block;
  width: 100%;
  height: 100%;
}

.gform_wrapper .chzn-container-single .chzn-search {
  padding: 3px 4px;
  margin: 0;
  white-space: nowrap;
}

.gform_wrapper .chzn-container-single .chzn-search input {
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  outline: 0;
  border: 1px solid #AAA;
  font-family: "Proxima Nova W15", "Neue Helvetica W01", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 1em;
}

.gform_wrapper .chzn-container-single .chzn-drop {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

.gform_wrapper .chzn-container-multi .chzn-choices {
  background-color: #FFF;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #EEE));
  background-image: -webkit-linear-gradient(center bottom, white 85%, #EEE 99%);
  background-image: -moz-linear-gradient(center bottom, white 85%, #EEE 99%);
  background-image: -o-linear-gradient(bottom, white 85%, #EEE 99%);
  background-image: -ms-linear-gradient(top, #FFF 85%, #EEE 99%);
  background-image: linear-gradient(top, #FFF 85%, #EEE 99%);
  border: 1px solid #AAA;
  margin: 0;
  padding: 0;
  cursor: text;
  overflow: hidden;
  height: auto !important;
  height: 1%;
  position: relative;
}

.gform_wrapper .chzn-container-multi .chzn-choices li {
  float: left;
  list-style: none;
}

.gform_wrapper .chzn-container-multi .chzn-choices .search-field {
  white-space: nowrap;
  margin: 0;
  padding: 0;
}

.gform_wrapper .chzn-container-multi .chzn-choices .search-field input {
  color: #666;
  background: transparent !important;
  border: 0 !important;
  padding: 5px;
  margin: 1px 0;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

.gform_wrapper .chzn-container-multi .chzn-choices .search-field .default {
  color: #999;
}

.gform_wrapper .chzn-container-multi .chzn-choices .search-choice {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #E4E4E4;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #E4E4E4), color-stop(0.7, #EEE));
  background-image: -webkit-linear-gradient(center bottom, #E4E4E4 0%, #EEE 70%);
  background-image: -moz-linear-gradient(center bottom, #E4E4E4 0%, #EEE 70%);
  background-image: -o-linear-gradient(bottom, #E4E4E4 0%, #EEE 70%);
  background-image: -ms-linear-gradient(top, #E4E4E4 0%, #EEE 70%);
  background-image: linear-gradient(top, #E4E4E4 0%, #EEE 70%);
  color: #333;
  border: 1px solid #B4B4B4;
  line-height: 13px;
  padding: 3px 19px 3px 6px;
  margin: 3px 0 3px 5px;
  position: relative;
}

.gform_wrapper .chzn-container-multi .chzn-choices .search-choice span {
  cursor: default;
}

.gform_wrapper .chzn-container-multi .chzn-choices .search-choice-focus {
  background-color: #D4D4D4;
}

.gform_wrapper .chzn-container-multi .chzn-choices .search-choice .search-choice-close {
  display: block;
  position: absolute;
  right: 5px;
  top: 6px;
  width: 8px;
  height: 9px;
  font-size: 1px;
  background-position: right top;
  background-repeat: no-repeat;
}

.gform_wrapper .chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover {
  background-position: right -9px;
}

.gform_wrapper .chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close {
  background-position: right -9px;
}

.gform_wrapper .chzn-container .chzn-results {
  margin: 0 4px 4px 0;
  max-height: 190px;
  padding: 0 0 0 4px;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
}

.gform_wrapper .chzn-container-multi .chzn-results {
  margin: -1px 0 0;
  padding: 0;
}

.gform_wrapper .chzn-container .chzn-results li {
  display: none;
  line-height: 80%;
  padding: 7px 7px 8px;
  margin: 0;
  list-style: none;
}

.gform_wrapper .chzn-container .chzn-results .active-result {
  cursor: pointer;
  display: list-item;
}

.gform_wrapper .chzn-container .chzn-results .highlighted {
  background-color: #F0F0F0;
}

.gform_wrapper .chzn-container .chzn-results li em {
  background-color: #FEFFDE;
  font-style: normal;
}

.gform_wrapper .chzn-container .chzn-results .highlighted em {
  background: transparent;
}

.gform_wrapper .chzn-container .chzn-results .no-results {
  background-color: #F4F4F4;
}

.gform_wrapper .chzn-container .chzn-results .group-result {
  cursor: default;
  color: #999;
  font-weight: bold;
}

.gform_wrapper .chzn-container .chzn-results .group-option {
  padding-left: 20px;
}

.gform_wrapper .chzn-container-multi .chzn-drop .result-selected {
  display: none;
}

.gform_wrapper .chzn-container-active .chzn-single {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.gform_wrapper .chzn-container-active .chzn-single-with-drop {
  border: 1px solid #AAA;
  -webkit-box-shadow: 0 1px 0 #FFF inset;
  -moz-box-shadow: 0 1px 0 #FFF inset;
  -o-box-shadow: 0 1px 0 #FFF inset;
  box-shadow: 0 1px 0 #FFF inset;
  background-color: #EEE;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(0.5, #EEE));
  background-image: -webkit-linear-gradient(center bottom, white 0%, #EEE 50%);
  background-image: -moz-linear-gradient(center bottom, white 0%, #EEE 50%);
  background-image: -o-linear-gradient(bottom, white 0%, #EEE 50%);
  background-image: -ms-linear-gradient(top, #FFF 0%, #EEE 50%);
  background-image: linear-gradient(top, #FFF 0%, #EEE 50%);
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.gform_wrapper .chzn-container-active .chzn-single-with-drop div {
  background: transparent;
  border-left: none;
}

.gform_wrapper .chzn-container-active .chzn-single-with-drop div b {
  background-position: -18px 1px;
}

.gform_wrapper .chzn-container-active .chzn-choices {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.gform_wrapper .chzn-container-active .chzn-choices .search-field input {
  color: #111 !important;
}

.gform_wrapper .chzn-rtl {
  direction: rtl;
  text-align: right;
}

.gform_wrapper .chzn-rtl .chzn-single {
  padding-left: 0;
  padding-right: 8px;
}

.gform_wrapper .chzn-rtl .chzn-single span {
  margin-left: 26px;
  margin-right: 0;
}

.gform_wrapper .chzn-rtl .chzn-single div {
  left: 0;
  right: auto;
  border-left: none;
  border-right: 1px solid #AAA;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}

.gform_wrapper .chzn-rtl .chzn-choices li {
  float: right;
}

.gform_wrapper .chzn-rtl .chzn-choices .search-choice {
  padding: 3px 6px 3px 19px;
  margin: 3px 5px 3px 0;
}

.gform_wrapper .chzn-rtl .chzn-choices .search-choice .search-choice-close {
  left: 5px;
  right: auto;
  background-position: right top;
}

.gform_wrapper .chzn-rtl.chzn-container-single .chzn-results {
  margin-left: 4px;
  margin-right: 0;
  padding-left: 0;
  padding-right: 4px;
}

.gform_wrapper .chzn-rtl .chzn-results .group-option {
  padding-left: 0;
  padding-right: 20px;
}

.gform_wrapper .chzn-rtl.chzn-container-active .chzn-single-with-drop div {
  border-right: none;
}

.gform_wrapper .chzn-rtl .chzn-search input {
  padding: 4px 5px 4px 20px;
}

/* credit card icons ------------------------------------------------------*/
.gform_wrapper .gform_card_icon_container {
  margin: 8px 0 6px 0;
  height: 32px;
}

.gform_wrapper div.gform_card_icon {
  margin-right: 4px;
  text-indent: -9000px;
  background-repeat: no-repeat;
  width: 36px;
  height: 32px;
  float: left;
}

.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_visa {
  background-position: 0 0;
}

.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_visa {
  background-position: 0 -32px;
}

.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_visa {
  background-position: 0 -64px;
}

.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_mastercard {
  background-position: -36px 0;
}

.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_mastercard {
  background-position: -36px -32px;
}

.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_mastercard {
  background-position: -36px -64px;
}

.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_amex {
  background-position: -72px 0;
}

.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_amex {
  background-position: -72px -32px;
}

.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_amex {
  background-position: -72px -64px;
}

.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_discover {
  background-position: -108px 0;
}

.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_discover {
  background-position: -108px -32px;
}

.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_discover {
  background-position: -108px -64px;
}

.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_maestro {
  background-position: -144px 0;
}

.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_maestro {
  background-position: -144px -32px;
}

.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_maestro {
  background-position: -144px -64px;
}

.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_jcb {
  background-position: -180px 0;
}

.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_jcb {
  background-position: -180px -32px;
}

.gform_wrapper .gform_card_icon_container.gform_card_icon_style1 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_jcb {
  background-position: -180px -64px;
}

.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_visa {
  background-position: 0 -192px;
}

.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_visa {
  background-position: 0 -224px;
}

.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_visa {
  background-position: 0 -256px;
}

.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_mastercard {
  background-position: -36px -192px;
}

.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_mastercard {
  background-position: -36px -224px;
}

.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_mastercard {
  background-position: -36px -256px;
}

.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_amex {
  background-position: -72px -192px;
}

.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_amex {
  background-position: -72px -224px;
}

.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_amex {
  background-position: -72px -256px;
}

.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_discover {
  background-position: -108px -192px;
}

.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_discover {
  background-position: -108px -224px;
}

.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_discover {
  background-position: -108px -256px;
}

.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_maestro {
  background-position: -144px -192px;
}

.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_maestro {
  background-position: -144px -224px;
}

.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_maestro {
  background-position: -144px -256px;
}

.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_jcb {
  background-position: -180px -192px;
}

.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_selected.gform_card_icon_jcb {
  background-position: -180px -224px;
}

.gform_wrapper .gform_card_icon_container.gform_card_icon_style2 div.gform_card_icon.gform_card_icon_inactive.gform_card_icon_jcb {
  background-position: -180px -256px;
}

/* credit card fields ------------------------------------------------------*/
.gform_card_icon_container input[type=radio]#gform_payment_method_creditcard {
  float: left;
  position: relative;
  top: 4px !important;
}

.gform_wrapper .ginput_complex .ginput_cardinfo_left,
.gform_wrapper .ginput_complex .ginput_cardinfo_right {
  min-height: 43px;
  position: relative;
  float: left;
}

.gform_wrapper .ginput_complex .ginput_cardinfo_left {
  width: 50%;
  margin-right: 1%;
}

.gform_wrapper .ginput_complex .ginput_cardinfo_right {
  min-width: 85px !important;
}

.gform_wrapper .ginput_complex .ginput_cardinfo_left label,
.gform_wrapper .ginput_complex .ginput_cardinfo_right label {
  white-space: nowrap !important;
}

.gform_wrapper .ginput_complex span.ginput_cardextras {
  display: block;
  overflow: hidden;
}

.gform_wrapper .ginput_complex .ginput_cardinfo_left span.ginput_card_expiration_container {
  position: relative;
  display: block;
  min-width: 160px !important;
}

.gform_wrapper .ginput_complex select.ginput_card_expiration.ginput_card_expiration_month,
.gform_wrapper .ginput_complex select.ginput_card_expiration.ginput_card_expiration_year {
  width: 48% !important;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
}

.gform_wrapper .ginput_complex .ginput_cardinfo_left select.ginput_card_expiration.ginput_card_expiration_month {
  margin-right: 4px;
}

.gform_wrapper .ginput_complex .ginput_cardinfo_right input.ginput_card_security_code {
  max-width: 50% !important;
}

.gform_wrapper .ginput_complex .ginput_cardinfo_right span.ginput_card_security_code_icon {
  width: 32px;
  height: 23px;
  background-repeat: no-repeat;
  background-position: 0 -128px;
  position: relative;
  top: -1px;
  left: 6px;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
}

.gform_wrapper .gform_fileupload_multifile .gform_drop_area {
  padding: 25px;
  border: 2px dashed #ddd;
  text-align: center;
  color: #aaa;
  margin-bottom: 10px;
}

.right_label .gform_fileupload_multifile,
.left_label .gform_fileupload_multifile {
  margin-left: 31%;
}

.gform_delete {
  vertical-align: middle;
  cursor: pointer;
}

/* fix recaptcha line height issue ------------------------------------------------------*/
body #content .entry-content .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container #recaptcha_widget_div #recaptcha_area .recaptchatable tbody tr td .recaptcha_input_area,
body .gform_wrapper form .gform_body .gform_fields .gfield .ginput_container #recaptcha_widget_div #recaptcha_area .recaptchatable tbody tr td .recaptcha_input_area {
  line-height: 1em !important;
}

/******************************************************************
Site Name:
Author:  dbs

Stylesheet: Base Mobile Stylesheet

Be light and don't over style since everything here will be
loaded by mobile devices. You want to keep it as minimal as
possible. This is called at the top of the main stylsheet
and will be used across all viewports.

******************************************************************/
/*********************
GENERAL STYLES
*********************/
::selection {
  background: #ffc425;
  color: #242424;
}

::-moz-selection {
  background: #ffc425;
  color: #242424;
}

html {
  font-size: 87.5%;
  height: 100%;
  width: 100%;
}

body {
  font-family: "Proxima Nova W15", "Neue Helvetica W01", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 14px;
  font-size: 1rem;
  font-weight: 100;
  line-height: 1.4;
  color: #242424;
  height: 100%;
  width: 100%;
}

body .wrap.full {
  max-width: 100%;
}

html.cn body,
html.zh-CN body {
  line-height: 1.5em;
}

.clear {
  clear: both;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

img {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

body .center {
  float: none;
  margin: 0 auto;
}

em {
  font-style: italic;
}

.video-container {
  position: relative;
  padding-top: 0;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
  overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

body .player .video-wrapper {
  background: #fff;
}

#custom-lb-bg {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 322;
}

#custom-lb-bg .bg {
  background: #000;
  background: rgba(0, 0, 0, 0.8);
  height: 100%;
  width: 100%;
  position: fixed;
}

#custom-lb-bg #custom-lb {
  height: 50%;
  left: 25%;
  margin-top: 0;
  position: absolute;
  top: 25%;
  width: 50%;
}

@media only screen and (min-width: 768px) {
  #custom-lb-bg #custom-lb {
    width: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    max-width: 720px;
  }
}

@media only screen and (max-width: 767px) {
  #custom-lb-bg #custom-lb {
    left: 5%;
    top: 38%;
    width: 90%;
  }
}

#custom-lb-bg .icon-close {
  color: #fff;
  position: absolute;
  top: -1.4em;
  right: 0;
  line-height: 1em;
  cursor: pointer;
}

#custom-lb-bg .video-container {
  overflow: visible;
}

#video-shares {
  position: absolute;
  top: -1.4em;
  left: 0;
  color: #fff;
}

#video-shares h2 {
  color: #fff;
  font-size: 1em;
  margin: 0;
  line-height: 1.12em;
  display: inline;
  padding-right: .5em;
}

#video-shares a {
  display: inline-block;
  text-decoration: none;
  color: #ffc425;
  padding: 0 .08em;
  font-size: .8em;
}

#video-shares .link {
  display: inline-block;
  font-size: .65em;
  padding-left: 1em;
}

#video-shares .link span {
  display: inline-block;
  overflow: hidden;
  height: 1.12em;
  padding-right: .7em;
}

#video-shares .link span.copy {
  width: 9em;
}

#video-shares .link input {
  border: none;
  outline: none;
  top: -.2em;
  position: relative;
}

@media only screen and (max-width: 767px) {
  #video-shares .link input {
    width: 9em;
  }
}

body #TB_closeWindowButton {
  text-decoration: none;
}

body .tb-close-icon {
  margin: -9px -3px 0 0;
}

body .tb-close-icon:before {
  color: #000;
}

body .tb-close-icon:hover:before,
body .tb-close-icon:hover::before {
  color: #cc9d21;
}

/********************
WORDPRESS BODY CLASSES
style a page via class
********************/
body .flexslider {
  margin-bottom: 0;
}

body.page-template-page-testimonials-php {
  /*
		.testimonial img {
			max-width: 22em;
			padding: 1em;
		}
*/
}

body.page-template-page-testimonials-php article.testimonial {
  display: block;
  width: 100%;
  padding: 0.25em;
}

@media only screen and (max-width: 767px) {
  body.page-template-page-testimonials-php article.testimonial {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
  }
}

body.page-template-page-testimonials-php article.testimonial .entry-content {
  position: relative;
}

body.page-template-page-testimonials-php article.testimonial .entry-content img {
  margin: 0;
}

body.page-template-page-testimonials-php article.testimonial.has-image .testimonial-text {
  position: absolute;
  bottom: 0;
  background: rgba(255, 255, 255, 0.75);
  display: block;
  width: 100%;
  padding: 1em;
}

body.page-template-page-testimonials-php article.testimonial.no-image .entry-content {
  background: #e7e8e9;
  padding: 1.5em;
  margin-bottom: 50px;
  border-right: 5px solid #939598;
}

body.page-template-page-testimonials-php article.testimonial.no-image .entry-content:after {
  border-color: #e7e8e9 transparent transparent;
  border-style: solid;
  border-width: 40px 85px 0 0;
  top: 100%;
  content: "";
  height: 0;
  position: absolute;
  left: 0;
  width: 0;
  margin-bottom: 1.5em;
}

body.page-template-page-testimonials-php article.testimonial.no-image .testimonial-inner p {
  font-size: 1.2em;
}

body.page-template-page-testimonials-php article.testimonial.no-image .testimonial-text {
  color: #939598;
}

body.page-template-page-application-php .flex-direction-nav,
body.single-products .flex-direction-nav {
  position: relative;
}

body.page-template-page-application-php .flex-direction-nav .flex-prev,
body.page-template-page-application-php .flex-direction-nav:hover .flex-prev,
body.single-products .flex-direction-nav .flex-prev,
body.single-products .flex-direction-nav:hover .flex-prev {
  left: inherit;
  right: 60px;
}

body.page-template-page-application-php .flex-direction-nav .flex-next,
body.single-products .flex-direction-nav .flex-next {
  margin: 0;
}

body.page-template-page-application-php .flex-direction-nav .flex-next,
body.page-template-page-application-php .flex-direction-nav .flex-prev,
body.single-products .flex-direction-nav .flex-next,
body.single-products .flex-direction-nav .flex-prev {
  margin-top: -1em;
  top: -27px;
}

#container .flexslider {
  position: relative;
  margin-bottom: 0;
  overflow: hidden;
}

#container .flexslider .arrow-down {
  position: absolute;
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
  font-size: 1.4em;
  bottom: 0;
  left: 50%;
  z-index: 200;
  margin-left: -1.25em;
  padding: 0.2em 0.2em 0;
  text-decoration: none;
  color: #242424;
  font-family: "bigassfont", "alternate-gothic-no-2-d", Helvetica, Arial, sans-serif;
  line-height: 1em;
  display: none;
}

#container .flexslider .flex-viewport {
  width: 100%;
}

#container .flexslider .flex-control-nav {
  display: none;
}

#container .flexslider:hover .flex-prev,
#container .flexslider:hover .flex-next {
  opacity: 1;
}

#container .flexslider .flex-direction-nav li a {
  text-decoration: none;
  font-size: 2em;
  height: 1.4em;
  width: 1.5em;
  line-height: 1.8em;
  text-align: center;
  opacity: 1;
  overflow: visible;
}

#container .flexslider .flex-direction-nav li a:before {
  display: none;
}

#container .flexslider .flex-direction-nav li a span {
  color: #fff;
  background: #242424;
  padding: 0.25em 0.5em;
}

#container .flexslider .slides {
  margin: 0;
  position: relative;
  height: auto;
}

#container .flexslider .slides li {
  position: relative;
  background-repeat: no-repeat;
  background-size: auto;
  background-position: -100% -100%;
}

#container .flexslider .slides li span {
  position: relative;
  z-index: 1;
}

#container .flexslider .slides li img {
  margin: 0;
  width: auto !important;
  min-width: 100%;
  height: auto;
}

#container .flexslider .slides li .slide-text {
  padding-top: .3em;
  background: url("../images/lines.png") top center repeat-x #fff;
  position: absolute;
  z-index: 100;
  overflow: hidden;
  width: 100%;
}

@media screen and (min-width: 768px) {
  #container .flexslider .slides li .slide-text {
    width: 40%;
  }
}

#container .flexslider .slides li .slide-text h1 {
  display: block;
  margin-top: .3em;
  margin-bottom: .3em;
  line-height: 1em;
}

#container .flexslider .slides li .slide-text .button {
  margin-bottom: 0.5em;
}

.home .footer {
  margin-top: 0;
}

.home .flex-direction-nav a {
  margin-top: -2.5em;
}

.home .flexslider:hover .flex-direction-nav .flex-next,
.home .flex-direction-nav .flex-next {
  right: 0;
}

.home .flexslider:hover .flex-direction-nav .flex-prev,
.home .flex-direction-nav .flex-prev {
  left: 0;
}

.home #container .flexslider .slides li .slide-text {
  margin: 0;
  padding: 0 1em;
  position: relative;
}

.home #container .flexslider .slides li .slide-text img {
  min-height: 0 !important;
}

/* home page */
.callouts {
  overflow: hidden;
  padding: 1em 0;
  font-size: 0.9em;
}

.callouts .fourcol {
  overflow: hidden;
  margin-bottom: 1em;
  background: url("../images/darkgrey_bg.png");
}

.callouts .fourcol img {
  width: 100%;
  height: auto;
}

.callouts .fourcol .wrap {
  width: 100%;
  overflow: hidden;
}

.callouts .fourcol .twelvecol,
.callouts .fourcol .sixcol.last {
  color: #fff;
  padding: 1em;
}

.callouts .fourcol .twelvecol h2,
.callouts .fourcol .sixcol.last h2 {
  margin-top: .3em;
  margin-bottom: 0;
  line-height: 1.1em;
}

.callouts .fourcol .twelvecol p,
.callouts .fourcol .sixcol.last p {
  margin-top: 0;
}

.page-template-page-for-home-v3-php .callouts h2, .page-template-page-for-home-v3-php .callouts p {
  color: #000 !important;
}

.page-template-page-for-home-v3-php .callouts .fourcol {
  background: url("../images/light-gray-stripes.png");
}

.page-template-custom-product-grid-php #inner-content .page-title,
.page-template-business-grid-php #inner-content .page-title {
  margin-top: 1em;
  clear: both;
  padding-left: 1.22%;
}

.page-template-custom-product-grid-php #inner-content .fourcol,
.page-template-business-grid-php #inner-content .fourcol {
  overflow: hidden;
  position: relative;
  margin-bottom: 2.76243%;
  background: #ccc;
  cursor: pointer;
}

.page-template-custom-product-grid-php #inner-content .fourcol img,
.page-template-business-grid-php #inner-content .fourcol img {
  width: auto;
  height: auto;
  display: block;
  min-height: 280px;
  max-width: none;
  max-height: 280px;
}

.page-template-custom-product-grid-php #inner-content .fourcol.hover .industry-content,
.page-template-custom-product-grid-php #inner-content .fourcol.notouch:hover .industry-content,
.page-template-business-grid-php #inner-content .fourcol.hover .industry-content,
.page-template-business-grid-php #inner-content .fourcol.notouch:hover .industry-content {
  min-height: 100%;
  margin-top: 0;
}

.page-template-custom-product-grid-php #inner-content .fourcol.hover .industry-content p,
.page-template-custom-product-grid-php #inner-content .fourcol.notouch:hover .industry-content p,
.page-template-business-grid-php #inner-content .fourcol.hover .industry-content p,
.page-template-business-grid-php #inner-content .fourcol.notouch:hover .industry-content p {
  height: auto;
  margin-bottom: 1em;
}

.page-template-custom-product-grid-php #inner-content .fourcol.hover .industry-content .industry-more,
.page-template-custom-product-grid-php #inner-content .fourcol.notouch:hover .industry-content .industry-more,
.page-template-business-grid-php #inner-content .fourcol.hover .industry-content .industry-more,
.page-template-business-grid-php #inner-content .fourcol.notouch:hover .industry-content .industry-more {
  bottom: 0;
}

.page-template-custom-product-grid-php #inner-content .fourcol .industry-content,
.page-template-business-grid-php #inner-content .fourcol .industry-content {
  color: white;
  position: absolute;
  bottom: 0;
  margin-top: -5em;
  left: 0;
  background: #000;
  background: rgba(0, 0, 0, 0.7);
  height: auto;
  width: 100%;
  padding: 1em 6% 0 6%;
  -webkit-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  -transition: 0.3s;
  transition: 0.3s;
}

.page-template-custom-product-grid-php #inner-content .fourcol .industry-content p,
.page-template-business-grid-php #inner-content .fourcol .industry-content p {
  height: 0;
  overflow: hidden;
  margin: 0;
}

.page-template-custom-product-grid-php #inner-content .fourcol .industry-content h2,
.page-template-business-grid-php #inner-content .fourcol .industry-content h2 {
  font-size: 1.7em;
  margin-bottom: 0.6em;
  margin-top: 0.4em;
}

.page-template-custom-product-grid-php #inner-content .fourcol .industry-content h2 a,
.page-template-business-grid-php #inner-content .fourcol .industry-content h2 a {
  font-family: "Trade Gothic W01", Helvetica, arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif;
  text-transform: uppercase;
  color: white;
}

.page-template-custom-product-grid-php #inner-content .fourcol .industry-content .industry-more,
.page-template-business-grid-php #inner-content .fourcol .industry-content .industry-more {
  display: block;
  position: absolute;
  overflow: hidden;
  bottom: -4em;
  left: 0;
  width: 100%;
  text-transform: uppercase;
  text-decoration: none;
  font-size: .8em;
  padding: 1em 60px 1em 0;
  text-align: right;
  -webkit-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  -transition: 0.3s;
  transition: 0.3s;
}

.page-template-custom-product-grid-php #inner-content .fourcol .industry-content .industry-more span,
.page-template-business-grid-php #inner-content .fourcol .industry-content .industry-more span {
  color: white;
  display: block;
  width: 50px;
  height: 100%;
  background: #ffc425;
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 1.5em;
}

.page-template-custom-product-grid-php #inner-content .fourcol .industry-content .industry-more span:before,
.page-template-business-grid-php #inner-content .fourcol .industry-content .industry-more span:before {
  position: relative;
  top: 12px;
  right: 16px;
}

/*********************
LAYOUT & GRID STYLES
*********************/
.wrap {
  width: 96%;
  margin: 0 auto;
}

/*********************
LINK STYLES
*********************/
a {
  color: #cc9d21;
  /* on hover */
  /* on click */
  /* mobile tap color */
}

a:hover, a:focus {
  color: #ffc425;
}

a:link {
  /*
		this highlights links on iPhones/iPads.
		so it basically works like the :hover selector
		for mobile devices.
		*/
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}

/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  font-family: "Proxima Nova W15", "Neue Helvetica W01", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  text-rendering: optimizelegibility;
  font-weight: 500;
  margin-top: 0;
  /*
	if you're going to use webfonts, be sure to check your weights
	http://css-tricks.com/watch-your-font-weight/
	*/
  /* removing text decoration from all headline links */
}

h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
  text-decoration: none;
}

h1, .h1 {
  font-family: "Trade Gothic W01", Helvetica, arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif;
  font-size: 3.252em;
  line-height: 1.1em;
  text-transform: uppercase;
  margin-bottom: 0.3em;
}

h2, .h2 {
  font-family: "Trade Gothic W01", Helvetica, arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif;
  font-size: 2.168em;
  line-height: 1.2em;
  margin-bottom: 0.375em;
  text-transform: uppercase;
}

h3, .h3 {
  font-size: 1.445em;
  margin-bottom: 0.8em;
  font-family: "Trade Gothic W01", Helvetica, arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif;
  text-transform: uppercase;
  margin-bottom: 0;
}

h4, .h4 {
  font-size: 1em;
  font-weight: 700;
  margin-bottom: 0.8em;
}

h5, .h5 {
  font-size: 0.963em;
  line-height: 2.09em;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 0.8em;
}

/*********************
HEADER STYLES
*********************/
/* hide links on homepage with this class */
.home .header .nav-collapse .nothome {
  display: none;
}

.header {
  background: white;
  position: relative;
  z-index: 300;
}

.header #inner-header nav {
  overflow: visible;
  border: none;
  margin: 0;
}

.header #inner-header nav .menu-main-mobile-menu-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.header #logo {
  margin: 0.15em 0 0.15em 2%;
  width: 48%;
  max-width: 250px;
  float: left;
  line-height: 65px;
  position: relative;
  z-index: 100;
}

.header #logo img {
  width: 100%;
  vertical-align: middle;
  display: inline;
}

.header .nav-collapse,
.header .nav-collapse.closed {
  display: none;
}

.header .nav-collapse.opened {
  display: block;
  clear: both;
  max-height: none;
}

.header .mobile-nav {
  width: 50%;
  float: right;
  margin: .85em 0;
}

.header .mobile-nav #language-nav,
.header .mobile-nav #toggle {
  text-decoration: none;
  padding: 0;
  height: 50px;
  width: 50px;
  background: #242424;
  color: white;
  float: right;
  margin-right: .25em;
  font-size: 1.5em;
  text-align: center;
  line-height: 50px;
  position: relative;
}

.header .mobile-nav #language-nav.lang,
.header .mobile-nav #toggle.lang {
  font-size: .75em;
}

.header .mobile-nav #language-nav:hover,
.header .mobile-nav #toggle:hover {
  background: #cc9d21;
}

.header .mobile-nav #language-nav #lang_sel_click,
.header .mobile-nav #toggle #lang_sel_click {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  width: 11em;
  font-weight: normal;
}

.header .mobile-nav #language-nav #lang_sel_click li,
.header .mobile-nav #toggle #lang_sel_click li {
  width: 100%;
  text-align: left;
  background: #000;
  padding: 0px 12px 0px 12px;
}

.header .mobile-nav #language-nav #lang_sel_click a.lang_sel_sel,
.header .mobile-nav #toggle #lang_sel_click a.lang_sel_sel {
  background: none;
  background-color: #000;
  color: #fff;
  border-color: #000;
  display: none;
}

.header .mobile-nav #language-nav #lang_sel_click p.strong,
.header .mobile-nav #toggle #lang_sel_click p.strong {
  font-size: 0.5em;
  padding: 0;
  margin: 0;
  line-height: 40px;
}

.header .mobile-nav #language-nav #lang_sel_click ul ul,
.header .mobile-nav #toggle #lang_sel_click ul ul {
  position: absolute;
  top: 100%;
  right: 0;
  width: 100%;
  visibility: visible;
  height: auto;
  border-top: 1px solid #333333;
}

.header .mobile-nav #language-nav #lang_sel_click ul ul a, .header .mobile-nav #language-nav #lang_sel_click ul ul a:visited,
.header .mobile-nav #toggle #lang_sel_click ul ul a,
.header .mobile-nav #toggle #lang_sel_click ul ul a:visited {
  background: #000;
  color: #ffc425;
}

.header .mobile-nav #language-nav #lang_sel_click ul ul > ul > li,
.header .mobile-nav #toggle #lang_sel_click ul ul > ul > li {
  width: 50px;
}

.header .mobile-nav #language-nav #dbs-switcher,
.header .mobile-nav #toggle #dbs-switcher {
  line-height: 1.0em;
  padding: 20px 5px 0px 0px !important;
}

.header .mobile-nav #language-nav #dbs-switcher span,
.header .mobile-nav #toggle #dbs-switcher span {
  font-weight: bold;
  display: block;
  line-height: 1em;
}

.header .mobile-nav #language-nav #dbs-switcher a,
.header .mobile-nav #toggle #dbs-switcher a {
  color: #ffc425;
  display: inline-block;
  border: 1px #000 solid;
  padding: 0px 0px 0px 0px;
}

.header .mobile-nav #language-nav #dbs-switcher li,
.header .mobile-nav #toggle #dbs-switcher li {
  margin-bottom: 1.5em;
}

.header .mobile-nav #language-nav .lang_sel_sel,
.header .mobile-nav #toggle .lang_sel_sel {
  width: 100%;
}

.header .mobile-nav #language-nav:hover #lang_sel_click,
.header .mobile-nav #language-nav.language-hover #lang_sel_click {
  display: block;
}

.header #language-nav {
  font-size: 1.7em;
}

.header #homepage-mobile-nav {
  clear: both;
}

.header #homepage-mobile-nav {
  width: 100%;
  padding: 1em 2.5%;
  background: #fff;
  margin: 0 auto;
}

.header #homepage-mobile-nav li {
  background: url("../images/grey_bg.png");
  margin-bottom: .25em;
  padding: .5em;
}

.header #homepage-mobile-nav li:hover {
  background: #242424;
}

.header #homepage-mobile-nav li:hover a {
  color: white;
}

.header #homepage-mobile-nav li a {
  font-family: "Proxima Nova W15", "Neue Helvetica W01", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  color: #242424;
  text-decoration: none;
  font-size: 1.3em;
  display: block;
}

.header #homepage-mobile-nav li a#toggle {
  display: block;
}

.header #fixed-contact-copy,
.header #fixed-contact {
  background: #ffc425;
  clear: both;
  padding: 0.5em 0;
  text-align: center;
}

@media only screen and (min-width: 768px) {
  .header #fixed-contact-copy:hover,
  .header #fixed-contact:hover {
    background: #f1b000;
  }
}

@media only screen and (min-width: 768px) {
  .header #fixed-contact-copy,
  .header #fixed-contact {
    display: block;
    font-size: 0.84em;
    border-top: 2px solid #ffc425;
    padding: 0.5em 1em;
    position: absolute;
    right: 0;
    top: 100%;
    /* Animations in 768up */
    z-index: 301;
  }
  .header #fixed-contact-copy a .mobile,
  .header #fixed-contact a .mobile {
    display: none;
  }
  .header #fixed-contact-copy a .desktop,
  .header #fixed-contact a .desktop {
    display: block;
  }
  .header #fixed-contact-copy.fixed,
  .header #fixed-contact.fixed {
    position: fixed;
    top: 0;
    margin-top: 0;
  }
}

.header #fixed-contact-copy ul,
.header #fixed-contact ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.header #fixed-contact-copy a,
.header #fixed-contact a {
  color: #000;
  text-decoration: none;
  font-weight: bold;
}

.header #fixed-contact-copy {
  display: none;
}

@media only screen and (min-width: 768px) {
  .header #fixed-contact-copy {
    display: block;
  }
}

#dbs-switcher {
  background: #000;
  padding: 5px !important;
}

#dbs-switcher li {
  font-size: 0.5em;
}

#dbs-switcher li span {
  font-size: 1em;
}

#dbs-switcher a {
  display: inline-block;
  color: #ffc425;
  padding: 0.5em;
}

#huge > .breadcrumbs,
#huge-gallery > .breadcrumbs {
  border-top: 2px solid #cc9d21;
}

#container #huge.flexslider {
  margin-bottom: 2em;
}

#huge-gallery {
  width: 100%;
}

#huge-gallery .ngg-navigation {
  display: none !important;
}

#huge-gallery img {
  max-width: 100%;
}

#video-embed {
  display: none;
}

#video-embed .icon-close {
  color: #fff;
  position: absolute;
  top: -1.4em;
  right: 0;
  line-height: 1em;
  cursor: pointer;
}

#video-embed.active {
  display: block;
  height: 100%;
  background: #242424;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 310;
  text-align: center;
  /*iframe {
			top: 50%;
			position: relative;
			margin-top: -180px;
		}*/
}

@media only screen and (min-width: 768px) {
  #video-embed.active {
    position: absolute;
  }
}

#video-embed.active .fit {
  margin: 0 auto;
  max-width: 720px;
}

#video-embed.active .video-container {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
  overflow: visible;
}

#video-embed.active .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.single-products #header-text #video-slides {
  top: -6em;
}

#container .flexslider .slides li .header-text span {
  position: absolute;
}

.header-text,
#header-text {
  background: url("../images/lines.png") top center repeat-x #fff;
  z-index: 100;
  padding: 0 1em;
  width: 100%;
  position: relative;
  float: left;
}

.header-text h1,
#header-text h1 {
  display: block;
  margin-top: 0.4em;
  padding-top: 5px;
  /* 0.3 is spacing but lineheight adds pixels */
  /* margin-bottom: 0.1em; wanted it even closer*/
  margin-bottom: 0.2em;
  line-height: 1.1em;
  padding: 0;
}

.header-text p,
#header-text p {
  margin-top: 0;
}

.header-text .video-slides,
.header-text #video-slides,
#header-text .video-slides,
#header-text #video-slides {
  position: absolute;
  z-index: 10;
  bottom: inherit;
  top: -4em;
  left: 1em;
  margin-bottom: 1em;
  color: #fff;
}

.header-text .video-slides.page,
.header-text #video-slides.page,
#header-text .video-slides.page,
#header-text #video-slides.page {
  margin-bottom: 0;
  font-size: 0.9em;
}

.header-text .video-slides p,
.header-text #video-slides p,
#header-text .video-slides p,
#header-text #video-slides p {
  margin-top: 0.5em;
}

.header-text .video-slides .video-btn,
.header-text .video-slides #video-btn,
.header-text #video-slides .video-btn,
.header-text #video-slides #video-btn,
#header-text .video-slides .video-btn,
#header-text .video-slides #video-btn,
#header-text #video-slides .video-btn,
#header-text #video-slides #video-btn {
  display: block;
  background: #fff;
  background: rgba(255, 255, 255, 0.85);
  color: #242424;
  text-decoration: none;
  font-family: "Trade Gothic W01", Helvetica, arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif;
  font-size: 1.5em;
  line-height: 1em;
  padding: 0.5em 1.5em 0.5em 0.5em;
  text-transform: uppercase;
}

.header-text .video-slides .video-btn span,
.header-text .video-slides #video-btn span,
.header-text #video-slides .video-btn span,
.header-text #video-slides #video-btn span,
#header-text .video-slides .video-btn span,
#header-text .video-slides #video-btn span,
#header-text #video-slides .video-btn span,
#header-text #video-slides #video-btn span {
  position: absolute;
  top: 0;
  right: 0;
  background: #ffc425;
  height: 100%;
  line-height: 2em;
  display: block;
}

.header-text .video-slides .video-btn span.icon-close,
.header-text .video-slides #video-btn span.icon-close,
.header-text #video-slides .video-btn span.icon-close,
.header-text #video-slides #video-btn span.icon-close,
#header-text .video-slides .video-btn span.icon-close,
#header-text .video-slides #video-btn span.icon-close,
#header-text #video-slides .video-btn span.icon-close,
#header-text #video-slides #video-btn span.icon-close {
  display: none;
  font-size: 0.7em;
  padding: 0.3em;
  cursor: pointer;
}

.header-text .video-slides .view-more-videos,
.header-text .video-slides #view-more-videos,
.header-text #video-slides .view-more-videos,
.header-text #video-slides #view-more-videos,
#header-text .video-slides .view-more-videos,
#header-text .video-slides #view-more-videos,
#header-text #video-slides .view-more-videos,
#header-text #video-slides #view-more-videos {
  display: none;
  background: #ffc425;
  background: rgba(255, 196, 37, 0.8);
  color: #000;
  position: absolute;
  top: 100%;
  margin-top: -2em;
  height: 2em;
  width: 100%;
  z-index: 9;
  text-align: center;
  line-height: 2em;
  font-weight: 600;
}

.header-text .video-slides p,
.header-text #video-slides p,
#header-text .video-slides p,
#header-text #video-slides p {
  font-size: 0.8em;
}

.header-text .video-slides .inner,
.header-text #video-slides .inner,
#header-text .video-slides .inner,
#header-text #video-slides .inner {
  display: none;
  padding-bottom: 2em;
  width: 100%;
}

.header-text .video-slides .thumbnail_video,
.header-text #video-slides .thumbnail_video,
#header-text .video-slides .thumbnail_video,
#header-text #video-slides .thumbnail_video {
  float: left;
  width: 100%;
  padding: 1em;
  text-align: center;
  position: relative;
}

.header-text .video-slides .thumbnail_video img,
.header-text #video-slides .thumbnail_video img,
#header-text .video-slides .thumbnail_video img,
#header-text #video-slides .thumbnail_video img {
  max-width: 90%;
  margin: 0 auto;
}

.header-text .video-slides .thumbnail_video:nth-child(even),
.header-text #video-slides .thumbnail_video:nth-child(even),
#header-text .video-slides .thumbnail_video:nth-child(even),
#header-text #video-slides .thumbnail_video:nth-child(even) {
  background: #000;
}

.header-text .video-slides.active,
.header-text #video-slides.active,
#header-text .video-slides.active,
#header-text #video-slides.active {
  left: 0;
  width: 100%;
  overflow: hidden;
  height: auto;
  background: #242424;
  padding-top: 3em;
  padding-bottom: 2em;
  margin: 0;
}

.header-text .video-slides.active .video-btn,
.header-text .video-slides.active #video-btn,
.header-text #video-slides.active .video-btn,
.header-text #video-slides.active #video-btn,
#header-text .video-slides.active .video-btn,
#header-text .video-slides.active #video-btn,
#header-text #video-slides.active .video-btn,
#header-text #video-slides.active #video-btn {
  background: #000;
  color: #fff;
  position: absolute;
  height: 2em;
  font-size: 1.2em;
  top: 0;
  bottom: inherit;
  width: 100%;
}

.header-text .video-slides.active .video-btn span,
.header-text .video-slides.active #video-btn span,
.header-text #video-slides.active .video-btn span,
.header-text #video-slides.active #video-btn span,
#header-text .video-slides.active .video-btn span,
#header-text .video-slides.active #video-btn span,
#header-text #video-slides.active .video-btn span,
#header-text #video-slides.active #video-btn span {
  line-height: 2em;
  background: #000;
  right: 0.25em;
}

.header-text .video-slides.active .video-btn span.icon-close,
.header-text .video-slides.active #video-btn span.icon-close,
.header-text #video-slides.active .video-btn span.icon-close,
.header-text #video-slides.active #video-btn span.icon-close,
#header-text .video-slides.active .video-btn span.icon-close,
#header-text .video-slides.active #video-btn span.icon-close,
#header-text #video-slides.active .video-btn span.icon-close,
#header-text #video-slides.active #video-btn span.icon-close {
  display: block;
}

.header-text .video-slides.active .video-btn span.icon-arrow-right,
.header-text .video-slides.active #video-btn span.icon-arrow-right,
.header-text #video-slides.active .video-btn span.icon-arrow-right,
.header-text #video-slides.active #video-btn span.icon-arrow-right,
#header-text .video-slides.active .video-btn span.icon-arrow-right,
#header-text .video-slides.active #video-btn span.icon-arrow-right,
#header-text #video-slides.active .video-btn span.icon-arrow-right,
#header-text #video-slides.active #video-btn span.icon-arrow-right {
  display: none;
}

.header-text .video-slides.active .view-more-videos,
.header-text .video-slides.active #view-more-videos,
.header-text #video-slides.active .view-more-videos,
.header-text #video-slides.active #view-more-videos,
#header-text .video-slides.active .view-more-videos,
#header-text .video-slides.active #view-more-videos,
#header-text #video-slides.active .view-more-videos,
#header-text #video-slides.active #view-more-videos {
  display: none;
  bottom: 0;
  width: 100%;
  right: 0;
  cursor: pointer;
  font-size: 0.8em;
  /* rotate -90 deg, not sure if a negative number is supported so I used 270 */
  /*-moz-transform: rotate(270deg);
				-moz-transform-origin: 100% 100%;
				-webkit-transform: rotate(270deg);
				-webkit-transform-origin: 100% 100%;
				-o-transform: rotate(270deg);
				-o-transform-origin: 100% 100%;
				transform: rotate(270deg);
				transform-origin: 100% 100%;
				filter: none;*/
}

.header-text .video-slides.active .view-more-videos .icon-down-arrow3,
.header-text .video-slides.active #view-more-videos .icon-down-arrow3,
.header-text #video-slides.active .view-more-videos .icon-down-arrow3,
.header-text #video-slides.active #view-more-videos .icon-down-arrow3,
#header-text .video-slides.active .view-more-videos .icon-down-arrow3,
#header-text .video-slides.active #view-more-videos .icon-down-arrow3,
#header-text #video-slides.active .view-more-videos .icon-down-arrow3,
#header-text #video-slides.active #view-more-videos .icon-down-arrow3 {
  position: relative;
  top: 0.1em;
}

.header-text .video-slides.active .inner,
.header-text #video-slides.active .inner,
#header-text .video-slides.active .inner,
#header-text #video-slides.active .inner {
  display: block;
  padding-top: 3em;
  height: 100%;
  overflow: hidden;
  position: relative;
  z-index: 3;
}

.header-text .video-slides.active .inner img,
.header-text #video-slides.active .inner img,
#header-text .video-slides.active .inner img,
#header-text #video-slides.active .inner img {
  display: block;
  max-width: 85%;
  margin: 0 auto;
}

.jspVerticalBar {
  background: #999999;
}

.header-text .video-slides.active,
#header-text #video-slides.active {
  min-height: 200px;
  /*top: -200px;*/
  margin-top: 20px;
  position: relative;
  top: -200px;
  margin-bottom: -200px;
  height: 20em;
}

@media only screen and (max-width: 767px) {
  .header-text .video-slides.active,
  #header-text #video-slides.active {
    overflow: visible;
  }
  .header-text .video-slides.active .jspPane,
  #header-text #video-slides.active .jspPane {
    position: relative;
    top: 0 !important;
  }
  .header-text .video-slides.active .jspContainer,
  #header-text #video-slides.active .jspContainer {
    height: auto !important;
  }
  .header-text .video-slides.active .scroll-pane,
  #header-text #video-slides.active .scroll-pane {
    overflow: scroll !important;
  }
}

.scroll-pane {
  overflow: hidden !important;
}

/* #huge .breadcrumbs { position: absolute; } */
.breadcrumbs {
  background: #ffc425;
  color: #a57800;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9;
  padding: 0.5em 0 0.5em 1em;
  font-size: 0.9em;
  font-weight: 600;
  position: relative;
}

.breadcrumbs a {
  color: #a57800;
  text-decoration: none;
}

.breadcrumbs .current {
  color: #000;
}

/*********************
NAVIGATION STYLES
*********************/
/*
all navs have a .nav class applied via
the wp_menu function; this is so we can
easily write one group of styles for
the navs on the site so our css is cleaner
and more scalable.
*/
.js .nav-collapse {
  border: 1px solid #ccc;
  border-bottom: 0;
  margin-bottom: 1em;
}

.js .nav-collapse ul li .mega-menu {
  display: none;
}

.js .nav-collapse ul li a {
  color: white;
  display: block;
  text-decoration: none;
  padding: 10px 10px;
  background-color: #575757;
  border-bottom: 1px solid #242424;
  font-size: 1.3em;
}

.js .nav-collapse ul li a span {
  display: none;
}

.js .nav-collapse ul li a:hover, .js .nav-collapse ul li a:focus {
  background: #242424;
}

/* end .nav */
#secondary-nav-container, #menu-main-menu {
  display: none;
}

/*********************
POSTS & CONTENT STYLES
*********************/
.nosidebar,
#inner-content.nobiggie {
  margin-top: 3em;
}

#inner-content.nobiggie .nosidebar {
  margin-top: 0;
}

#main .entry-content ul {
  list-style-type: square;
  margin-left: 2em;
}

#main .entry-content ol {
  list-style-type: decimal;
  margin-left: 2em;
}

#main h1 a, #main h2 a, #main h3 a {
  color: inherit;
}

table {
  margin: 1em;
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}

table th {
  font-size: 1em;
  color: #000;
  font-weight: normal;
  padding: 1em 0.5em;
  border-bottom: 2px solid #000;
}

table td {
  color: #000;
  padding: 1em 1em 0 1em;
}

table tbody tr:hover td {
  color: #000;
}

#inner-content {
  padding: 0 1em;
}

/* end .hentry */
/* want to style individual post classes? Booya! */
/* post by id (i.e. post-3) */
/* general post style */
/* general article on a page style */
/* general style on an attatchment */
/* sticky post style */
/* hentry class */
/* style by category (i.e. category-videos) */
/* style by tag (i.e. tag-news) */
/* post meta */
.byline {
  color: #999;
}

/* entry content */
.entry-content {
  /*
			image alignment on a screen this size may be
			a bit difficult. It's set to start aligning
			and floating images at the next breakpoint,
			but it's up to you. Feel free to change it up.
			*/
}

.entry-content dd {
  margin-left: 0;
  font-size: 0.9em;
  color: #787878;
  margin-bottom: 1.5em;
}

.entry-content img {
  margin: 0 0 1.5em 0;
  max-width: 100%;
  height: auto;
}

.entry-content video, .entry-content object {
  max-width: 100%;
  height: auto;
}

.entry-content pre {
  background: #eee;
  border: 1px solid #cecece;
  padding: 10px;
}

/* end .entry-content */
.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px;
  /* images inside wp-caption */
}

.wp-caption img {
  max-width: 100%;
  margin-bottom: 0;
  width: 100%;
}

.wp-caption p.wp-caption-text {
  font-size: 0.85em;
  margin: 4px 0 7px;
  text-align: center;
}

/* end .wp-caption */
/* image gallery styles */
#main article .gallery dl {
  padding: 0.5em 0;
  margin: 0 auto;
}

#main article .gallery dl img {
  margin: 0;
}

/* end .gallery */
/* gallery caption styles */
/******************************************************************
PAGE NAVI STYLES
******************************************************************/
.page-navigation,
.wp-prev-next {
  margin: 1.1em 0 2.2em;
}

.bones_page_navi {
  /* current page link */
  /* end .bones_page_navi .bpn-current */
  /* common styles for page-navi links */
  /* remove the bg on end links */
  /* previous link */
  /* next page link */
  /* first page link */
  /* last page link */
}

.bones_page_navi li {
  float: left;
  margin-left: 10px;
}

.bones_page_navi li a {
  padding: 3px 6px;
  display: block;
  text-decoration: none;
  position: relative;
}

.bones_page_navi li a:hover, .bones_page_navi li a:focus {
  color: #f01d4f;
  text-decoration: underline;
}

.bones_page_navi li.bpn-current {
  padding: 3px 6px;
  border-bottom: 2px solid #f01d4f;
  position: relative;
}

.bones_page_navi li.bpn-current a {
  /* hovering on current page link */
}

.bones_page_navi li.bpn-prev-link,
.bones_page_navi li.bpn-next-link {
  font-weight: 700;
}

.bones_page_navi li.bpn-prev-link a,
.bones_page_navi li.bpn-next-link a {
  padding: 0;
}

.bones_page_navi li.bpn-prev-link a:hover,
.bones_page_navi li.bpn-next-link a:hover,
.bones_page_navi li.bpn-first-page-link a:hover,
.bones_page_navi li.bpn-last-page-link a:hover {
  background: none;
}

/* end .bones_page_navi */
/* fallback previous & next links */
.wp-prev-next .prev-link {
  float: left;
}

.wp-prev-next .next-link {
  float: right;
}

/* end .wp-prev-next */
/*********************
SIDEBARS & ASIDES
*********************/
.textwidget {
  padding: 1em;
}

p.byline {
  margin: 0;
}

.sidebar {
  margin-bottom: 0;
}

.sidebar .widget {
  margin-bottom: 1.8em;
}

.sidebar a {
  color: #242424;
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  .sidebar a:hover {
    color: #848484;
    text-decoration: underline;
  }
}

#sidebar1 .widget, #sidebar3 .widget {
  background: #fff;
  padding: 0;
  overflow: hidden;
  margin-top: 0;
}

#sidebar1 .widget ul.menu > li,
#sidebar1 .widget > ul > li, #sidebar3 .widget ul.menu > li,
#sidebar3 .widget > ul > li {
  border-bottom: 1px solid #939598;
  padding: 0.5em;
  margin: 0 0.5em;
  font-size: 0.85em;
}

#sidebar1 .widget ul.menu > li > strong,
#sidebar1 .widget > ul > li > strong, #sidebar3 .widget ul.menu > li > strong,
#sidebar3 .widget > ul > li > strong {
  font-weight: 100;
  cursor: pointer;
}

#sidebar1 .widget ul.menu > li.closed > strong,
#sidebar1 .widget > ul > li.closed > strong, #sidebar3 .widget ul.menu > li.closed > strong,
#sidebar3 .widget > ul > li.closed > strong {
  font-weight: 100;
}

#sidebar1 .widget ul.menu > li.closed ul,
#sidebar1 .widget > ul > li.closed ul, #sidebar3 .widget ul.menu > li.closed ul,
#sidebar3 .widget > ul > li.closed ul {
  display: none;
}

#sidebar1 .widget ul.menu > li.open,
#sidebar1 .widget > ul > li.open, #sidebar3 .widget ul.menu > li.open,
#sidebar3 .widget > ul > li.open {
  font-weight: bold;
}

#sidebar1 .widget ul.menu > li.open > strong,
#sidebar1 .widget > ul > li.open > strong, #sidebar3 .widget ul.menu > li.open > strong,
#sidebar3 .widget > ul > li.open > strong {
  font-weight: bold;
}

#sidebar1 .widget ul.menu > li a,
#sidebar1 .widget > ul > li a, #sidebar3 .widget ul.menu > li a,
#sidebar3 .widget > ul > li a {
  text-decoration: none;
  color: #575757;
}

#sidebar1 .widget ul.menu > li a:hover,
#sidebar1 .widget > ul > li a:hover, #sidebar3 .widget ul.menu > li a:hover,
#sidebar3 .widget > ul > li a:hover {
  color: #000;
}

#sidebar1 .widget ul.menu > li:hover,
#sidebar1 .widget > ul > li:hover, #sidebar3 .widget ul.menu > li:hover,
#sidebar3 .widget > ul > li:hover {
  color: #000;
}

#sidebar1 .widget ul.menu > li:last-child,
#sidebar1 .widget > ul > li:last-child, #sidebar3 .widget ul.menu > li:last-child,
#sidebar3 .widget > ul > li:last-child {
  border: none;
}

#sidebar1 h4, #sidebar3 h4 {
  background: #242424;
  color: #ffc425;
  padding: 0.5em;
  font-family: "Trade Gothic W01", Helvetica, arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 1.3em;
  margin: 0;
}

#sidebar1 .contact-toggle, #sidebar3 .contact-toggle {
  background: none;
  margin: 0;
}

#sidebar1 .contact-toggle .textwidget, #sidebar3 .contact-toggle .textwidget {
  padding-left: 0;
  padding-right: 0;
}

#sidebar1 .contact-toggle li, #sidebar3 .contact-toggle li {
  border-bottom: 1px solid #ccc;
  padding: 0 1em .75em 1em;
  font-weight: bold;
}

#sidebar1 .contact-toggle li strong:first-child, #sidebar3 .contact-toggle li strong:first-child {
  display: block;
}

#sidebar1 .contact-toggle li span.inner, #sidebar3 .contact-toggle li span.inner {
  font-weight: 400;
}

#sidebar1 .contact-toggle .sub-menu.inner, #sidebar3 .contact-toggle .sub-menu.inner {
  margin: 0;
}

#sidebar1 .contact-toggle .sub-menu.inner li, #sidebar3 .contact-toggle .sub-menu.inner li {
  font-weight: 400;
}

#sidebar1 .contact-toggle .sub-menu.inner li:first-child, #sidebar3 .contact-toggle .sub-menu.inner li:first-child {
  padding-top: 10px;
}

#sidebar1 .contact-toggle .sub-menu.inner li:last-child, #sidebar3 .contact-toggle .sub-menu.inner li:last-child {
  border: none;
}

#sidebar1 .contact-toggle .sub-menu.inner .sub-menu, #sidebar3 .contact-toggle .sub-menu.inner .sub-menu {
  margin-bottom: 0;
}

#sidebar1 .contact-toggle .sub-menu.inner .sub-menu li:last-child, #sidebar3 .contact-toggle .sub-menu.inner .sub-menu li:last-child {
  border: none;
  margin-bottom: 0;
}

#sidebar1 .contact-toggle .icon-circle-arrow-right, #sidebar3 .contact-toggle .icon-circle-arrow-right {
  height: 1em;
  width: 1em;
  position: relative;
  top: .1em;
  cursor: pointer;
  float: right;
  -o-transition: .5s all;
  -moz-transition: .5s all;
  -webkit-transition: .5s all;
  transition: .5s all;
}

#sidebar1 .contact-toggle .inner, #sidebar3 .contact-toggle .inner {
  display: block;
  max-height: 0;
  overflow: hidden;
  /*-o-transform: scaleY(1);
			-moz-transform: scaleY(1);
			-webkit-transform: scaleY(1);
			transform: scaleY(1);

			-o-transform-origin: top;
			-moz-transform-origin: top;
			-webkit-transform-origin: top;
			transform-origin: top;*/
  -o-transition: .5s all;
  -moz-transition: .5s all;
  -webkit-transition: .5s all;
  transition: .5s all;
}

#sidebar1 .contact-toggle .collapsed, #sidebar3 .contact-toggle .collapsed {
  cursor: pointer;
}

#sidebar1 .contact-toggle .collapsed .inner, #sidebar3 .contact-toggle .collapsed .inner {
  /*-o-transform: scaleY(0);
				-moz-transform: scaleY(0);
				-webkit-transform: scaleY(0);
				transform: scaleY(0);*/
}

#sidebar1 .contact-toggle .expanded .inner, #sidebar3 .contact-toggle .expanded .inner {
  max-height: 300px;
}

#sidebar1 .contact-toggle .expanded .icon-circle-arrow-right, #sidebar3 .contact-toggle .expanded .icon-circle-arrow-right {
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.sidebar {
  margin-top: 2em;
  clear: right;
}

.sidebar li.toggle {
  padding-right: 1em;
  position: relative;
}

.sidebar li.toggle .icon-expand {
  position: relative;
  float: right;
  font-size: 2.2em;
  line-height: 1.2em;
  margin-top: -0.2em;
  display: block;
  height: 1em;
  width: 1em;
  cursor: pointer;
  color: #fff;
}

.sidebar li.closed > strong {
  font-weight: 100;
}

.sidebar li.closed ul {
  display: none;
}

.sidebar li.open {
  font-weight: bold;
}

.sidebar li.open > strong {
  font-weight: bold;
}

.widget ul li {
  margin-bottom: 0.75em;
  /* deep nesting */
}

.widget ul li ul {
  margin-top: 0.75em;
  padding-left: 1em;
}

/*********************
NEWS/PRESS PAGE
*********************/
.page-template-index-php #main article, .page-template-index-php #main article + h1 {
  margin-top: 1em;
}

.page-template-index-php #main h1 {
  border-bottom: 3px solid #000;
  margin-bottom: 0;
}

.page-template-index-php #main h1.h2 {
  color: #000;
  border: none;
}

/*********************
APPLICATION PAGES
*********************/
.page-template-page-application-php {
  /*#header-text {
		bottom: 20px;
		position: absolute;
		width: 90%;
		left: 5%;
	}*/
}

.page-template-page-application-php .view-all-case {
  text-align: center;
  padding: 0 .5em .5em;
  font-size: .8em;
  font-style: italic;
}

.page-template-page-application-php #sidebar1 .widget {
  background: #ccc;
  padding: 0;
  overflow: hidden;
}

.page-template-page-application-php #sidebar1 .widget ul.menu > li,
.page-template-page-application-php #sidebar1 .widget > ul > li {
  border-bottom: 1px solid #939598;
  padding: 0.5em;
  margin: 0 0.5em;
  font-size: 0.85em;
}

.page-template-page-application-php #sidebar1 .widget ul.menu > li > strong,
.page-template-page-application-php #sidebar1 .widget > ul > li > strong {
  font-weight: 100;
  cursor: pointer;
}

.page-template-page-application-php #sidebar1 .widget ul.menu > li.closed > strong,
.page-template-page-application-php #sidebar1 .widget > ul > li.closed > strong {
  font-weight: 100;
}

.page-template-page-application-php #sidebar1 .widget ul.menu > li.closed ul,
.page-template-page-application-php #sidebar1 .widget > ul > li.closed ul {
  display: none;
}

.page-template-page-application-php #sidebar1 .widget ul.menu > li.open,
.page-template-page-application-php #sidebar1 .widget > ul > li.open {
  font-weight: bold;
}

.page-template-page-application-php #sidebar1 .widget ul.menu > li.open > strong,
.page-template-page-application-php #sidebar1 .widget > ul > li.open > strong {
  font-weight: bold;
}

.page-template-page-application-php #sidebar1 .widget ul.menu > li a,
.page-template-page-application-php #sidebar1 .widget > ul > li a {
  text-decoration: none;
  color: #575757;
}

.page-template-page-application-php #sidebar1 .widget ul.menu > li a:hover,
.page-template-page-application-php #sidebar1 .widget > ul > li a:hover {
  color: #000;
}

.page-template-page-application-php #sidebar1 .widget ul.menu > li:hover,
.page-template-page-application-php #sidebar1 .widget > ul > li:hover {
  color: #000;
}

.page-template-page-application-php #sidebar1 .widget ul.menu > li:last-child,
.page-template-page-application-php #sidebar1 .widget > ul > li:last-child {
  border: none;
}

.page-template-page-application-php #sidebar1 h4 {
  background: #242424;
  color: #ffc425;
  padding: 0.5em;
  font-family: "Trade Gothic W01", Helvetica, arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 1.3em;
  margin: 0;
}

.page-template-page-application-php #sidebar2 {
  margin-top: 0;
}

.page-template-page-application-php #sidebar2 .widget {
  margin-top: 0;
}

.page-template-page-application-php #sidebar2 h4 {
  color: #242424;
  padding: 0 0.5em 0.5em;
  margin: 0;
  font-family: "Trade Gothic W01", Helvetica, arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 1.3em;
  border-bottom: 1px solid #c7c8ca;
}

.page-template-page-application-php #sidebar2 ul {
  margin: 0;
}

.page-template-page-application-php #sidebar2 ul li {
  padding: 0.5em 0.5em 0;
  margin: 0 0.5em;
  font-size: 0.85em;
}

.page-template-page-application-php #sidebar2 ul li a {
  text-decoration: none;
  color: #242424;
}

/*********************
PRODUCT PAGES
*********************/
.slides .header-text .productavalibity {
  margin-top: .5em;
  right: 0;
}

.header-text .productavalibity,
#header-text #productavalability {
  margin: 0.5em 0 -0.5em 0;
}

.header-text .productavalibity a,
#header-text #productavalability a {
  color: #000;
  text-decoration: none;
}

.single-products #header-text {
  padding: 0;
  background: none;
  /*h1.availability {
			margin-top: 0;
			padding-top: 0;
		}*/
}

.single-products #header-text > .inner {
  padding: 10px 1em 0;
  position: relative;
  background: url("../images/lines.png") repeat-x scroll center top #fff;
  background: url("../images/lines.png") repeat-x scroll center top rgba(255, 255, 255, 0.85);
}

.single-products #header-text h1 {
  margin-bottom: -.2em;
  margin-top: -10px;
  padding-top: 0.4em;
  padding-bottom: 0.3em;
}

.single-products .img-container {
  margin-bottom: 2em;
}

.single-products .footer {
  margin-top: 0;
}

#main img {
  max-width: 100%;
  height: auto;
}

#ob-container {
  position: relative;
  overflow: hidden;
  font-size: .9em;
}

#ob-container h2 {
  margin-bottom: .2em;
}

#options-n-benefits {
  background: #242424;
  color: #fff;
  padding: 2em 0;
}

#options-n-benefits img {
  max-width: 100%;
  height: auto;
}

#options-n-benefits #bene-option-list h2 {
  color: #ffc425;
}

#options-n-benefits a {
  color: #fff;
  text-decoration: none;
}

#options-n-benefits a.active {
  color: #ffc425;
}

#options-n-benefits #bene-option-list {
  padding: 0 1em;
}

#options-n-benefits #bene-option-list ul {
  /*columns: 2;
			-webkit-columns: 2;
			-moz-columns: 2;*/
}

#options-n-benefits #bene-option-list li {
  width: 50%;
  float: left;
  padding: 0 0.5em 0.5em 0;
}

#options-n-benefits #bene-option-list li:nth-child(odd) {
  clear: left;
}

#options-n-benefits #bene-option-list .option-links {
  overflow: hidden;
  margin-top: 0;
  margin-bottom: 2em;
}

#options-n-benefits #swap {
  padding: 0 1em;
}

#options-n-benefits #swap .content-container ul {
  list-style-type: square;
  margin-left: 1em;
}

#options-n-benefits #swap .content-container ol {
  list-style-type: decimal;
  margin-left: 1em;
}

#options-n-benefits #swap #main-option-list {
  list-style: none;
}

#options-n-benefits #swap h2 {
  color: #fff;
  font-family: "Proxima Nova W15", "Neue Helvetica W01", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 600;
  font-size: 1.6em;
  text-transform: none;
}

#options-n-benefits #swap p {
  /*padding: 0 10px;*/
}

#options-n-benefits #swap ul {
  margin: 0;
}

#options-n-benefits #swap ul li {
  padding-bottom: 0.25em;
}

#tech-specs-manuals {
  position: relative;
  overflow: hidden;
  background: #242424;
  color: #fff;
  -o-transition: 1s all;
  -moz-transition: 1s all;
  -webkit-transition: 1s all;
  transition: 1s all;
}

#tech-specs-manuals li {
  padding: 0 0.5em 0.75em 0;
}

#tech-specs-manuals #tech-banner {
  background: #000;
  text-align: center;
  width: 100%;
  height: 4em;
  line-height: 4em;
}

#tech-specs-manuals #tech-banner h4 {
  cursor: pointer;
}

#tech-specs-manuals #tech-banner h4 span {
  display: inline-block;
  position: relative;
  top: 0.1em;
}

#tech-specs-manuals .tricol {
  display: none;
  margin-top: 1em;
  padding: 0 1em;
}

#tech-specs-manuals.open .tricol {
  display: block;
}

#tech-specs-manuals .inner {
  height: 100%;
  width: 100%;
  text-align: left;
}

#tech-specs-manuals .inner h2 {
  color: #ffc425;
}

#tech-specs-manuals .inner a {
  color: #fff;
  text-decoration: none;
}

@media only screen and (max-width: 767px) {
  #tech-specs-manuals .inner > div {
    padding: 0 1em;
  }
  #tech-specs-manuals #tech-banner {
    padding: 0;
  }
}

#award-logos,
#warranty-logos {
  margin: 0 1em 2em;
  padding-top: 2em;
  text-align: center;
}

#award-logos h2 br,
#warranty-logos h2 br {
  display: none;
}

#award-logos ul,
#warranty-logos ul {
  margin-top: 0;
}

#award-logos ul li,
#warranty-logos ul li {
  display: inline-block;
  padding: 0 1em;
  max-width: 100px;
}

#award-logos ul li img,
#warranty-logos ul li img {
  max-width: 100%;
  line-height: 5em;
  vertical-align: middle;
}

/*********************
FOOTER STYLES
*********************/
.footer {
  clear: both;
  background: #E7E8E9;
  padding: 1em 0 2em;
  margin-top: 2em;
}

.footer .inner-content {
  padding: 0 1em;
}

.footer .footer-social {
  font-size: 0.8em;
}

.footer .footer-social a {
  text-decoration: none;
  font-size: 2em;
}

.footer .footer-social a.youtube {
  font-size: 2.4em;
  position: relative;
  top: 2px;
}

.footer .footer-social a:hover {
  color: #242424;
}

.footer #menu-footer-nav {
  background: none;
  border: none;
}

.footer #menu-footer-nav ul {
  margin-top: 0;
}

.footer #menu-footer-nav li {
  background: none;
}

.footer #menu-footer-nav li a {
  color: #242424;
  font-weight: 700;
  background: none;
  border: none;
  padding: 5px;
  font-size: .8em;
}

.footer .copyright, .footer a {
  font-size: .8em;
  text-decoration: none;
}

.footer .inner-content a.patent-text {
  color: #242424;
  font-size: .7em;
}

.footer .inner-content a.patent-text:hover {
  color: #cc9d21;
}

.footer #patent-text {
  display: none;
  font-size: .7em;
}

/*********************
FOR HOME STYLES
*********************/
#for-home-container {
  position: relative;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  #for-home-container #for-home-filters {
    font-size: 90%;
  }
}

#for-home-container #for-home-filters > h4 {
  line-height: 1em;
  padding: 0.25em;
  margin: .25em 0;
}

#for-home-container #for-home-filters ul {
  margin: 0;
}

#for-home-container #for-home-filters .disabled {
  opacity: .3;
}

#for-home-container #inner-content {
  padding: 0 5px 10px 10px;
}

#for-home-container #content.closed {
  height: 0 !important;
  min-height: 0 !important;
  overflow: hidden;
}

#for-home-container #stage {
  display: none;
  z-index: 9;
  /* 1 less than #for-home-filters */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#for-home-container #stage img {
  max-width: 100%;
}

#for-home-container #stage.open {
  display: block;
}

@media only screen and (max-width: 767px) {
  #for-home-container #stage #imgblock {
    margin-top: 4em;
    text-align: center;
  }
}

#for-home-container #sidebar {
  padding: 1em;
}

#for-home-container #sidebar a {
  display: block;
}

#for-home-container #sidebar a.button {
  display: inline-block;
  margin-top: 0;
}

#for-home-container #sidebar p {
  font-size: 0.9em;
}

#for-home-container #sidebar #sidebar-isis {
  display: none;
}

#for-home-container #sidebar #sidebar-isis h1 {
  font-family: "Neue Helvetica W01", Helvetica, Arial, sans-serif;
}

#for-home-container #sidebar #sidebar-haiku h1 {
  font-family: "Neue Helvetica W01", Helvetica, Arial, sans-serif;
}

#for-home-container #sidebar .better-tech {
  font-size: 1.2em;
}

@media only screen and (max-width: 767px) {
  #for-home-container #main .box .overlay {
    font-size: 0.8em;
  }
  #for-home-container .biggiesize.open #for-home-filters.gallery .options {
    height: 0 !important;
  }
  #for-home-container .biggiesize.open #for-home-filters h4 {
    text-indent: -9999px;
  }
  #for-home-container .biggiesize.open #for-home-filters strong {
    text-inent: none;
    float: left;
  }
  #for-home-container .biggiesize.open #for-home-filters.gallery.closed span.gallery-icon {
    float: right;
    text-indent: 0;
  }
  #for-home-container .biggiesize.open #for-home-filters.gallery.closed #gallery-tooltip {
    display: block;
    float: left;
    height: auto;
    left: 0;
    line-height: 1em;
    position: relative;
    text-indent: 0;
    margin-left: 0;
  }
  #for-home-container #for-home-container.biggiesize.open {
    height: auto !important;
  }
  #for-home-container .biggiesize.open #content {
    height: 0 !important;
    overflow: hidden;
  }
}

@media only screen and (max-width: 767px) and (max-height: 1030px) {
  #for-home-container #for-home-filters .options img {
    max-height: 70px;
  }
}

@media only screen and (max-height: 700px) {
  #for-home-container #for-home-filters .options ul {
    margin: 0.25em 0;
  }
  #for-home-container #for-home-filters .options img {
    max-height: 70px;
  }
}

@media only screen and (max-height: 700px) and (min-width: 380px) {
  #for-home-container #for-home-filters .options img {
    max-height: 60px;
  }
}

@media only screen and (max-height: 600px) {
  #for-home-container #for-home-filters .options img {
    max-height: 50px;
  }
}

#for-home-container #for-home-filters {
  background: #242424;
  color: #fff;
  position: absolute;
  width: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  padding: .5em;
}

#for-home-container #for-home-filters #gallery-tooltip {
  display: none;
  cursor: pointer;
  background: #242424;
  border-radius: 0 5px 5px 0;
  float: right;
  height: 2.7em;
  left: 100%;
  line-height: 2.7em;
  margin-left: 2.7em;
  padding-left: 0.7em;
  position: absolute;
  top: 0;
  width: 8.5em;
}

@media screen and (max-width: 767px) {
  #for-home-container #for-home-filters #gallery-tooltip {
    left: 0;
    margin-left: 0;
    height: 100%;
    line-height: 2.2em;
  }
}

@media screen and (min-width: 768px) {
  #for-home-container #for-home-filters.gallery.closed h4 #gallery-tooltip {
    display: none;
  }
  #for-home-container #for-home-filters.gallery.closed h4:hover #gallery-tooltip {
    display: block;
  }
}

#for-home-container #for-home-filters .options {
  overflow: hidden;
}

#for-home-container #for-home-filters.open span {
  display: none;
}

#for-home-container #for-home-filters.open .icon-close {
  display: inline;
}

#for-home-container #for-home-filters.open .options {
  height: 100%;
}

#for-home-container #for-home-filters.closed span {
  display: none;
}

#for-home-container #for-home-filters.closed .filter-arrow {
  display: inline;
}

#for-home-container #for-home-filters.closed .options {
  height: 0;
}

#for-home-container #for-home-filters.gallery.closed span {
  display: none;
}

#for-home-container #for-home-filters.gallery.closed span.icon-uniF009 {
  display: inline;
}

#for-home-container #for-home-filters.gallery.closed #gallery-tooltip {
  display: block;
}

#for-home-container #for-home-filters.gallery.closed .options {
  height: 100%;
}

#for-home-container #for-home-filters h4 {
  font-size: 1.5em;
  margin: 0;
}

#for-home-container #for-home-filters h4 span {
  float: right;
  cursor: pointer;
}

#for-home-container #for-home-filters a.collapse-btn {
  background: #575757;
  text-decoration: none;
  color: #fff;
  padding: .5em 0.25em .25em .5em;
  display: block;
  font-size: 0.9em;
  width: 98%;
  margin-left: 1%;
  margin-top: 0.75em;
}

#for-home-container #for-home-filters ul li {
  float: left;
  margin-left: 2.76243%;
  text-align: center;
  font-size: 0.8em;
  margin-bottom: 0.5em;
}

#for-home-container #for-home-filters ul li.first {
  margin-left: 0;
  clear: left;
}

#for-home-container #for-home-filters ul li.active {
  color: #ffc425;
}

#for-home-container #for-home-filters ul li.active img {
  border: 3px solid #ffc425;
}

#for-home-container #for-home-filters ul li.last {
  float: right;
}

#for-home-container #for-home-filters ul li img {
  max-width: 100%;
  border: 3px solid #242424;
  display: block;
  margin: 0 auto;
}

#for-home-container #for-home-filters ul .fourcol {
  width: 31.4917%;
}

#for-home-container #for-home-filters ul .sixcol {
  width: 48.6188%;
}

#for-home-container #for-home-filters #fh-menu-fan-model li {
  position: relative;
  overflow: hidden;
  border: 3px solid #242424;
  width: 100%;
  margin: 0;
  line-height: 1em;
}

#for-home-container #for-home-filters #fh-menu-fan-model li.haiku {
  background: url("../images/haiku-btn.png") top right;
  background-size: cover;
}

#for-home-container #for-home-filters #fh-menu-fan-model li.isis {
  background: url("../images/isis-btn.png") top right;
  background-size: cover;
}

#for-home-container #for-home-filters #fh-menu-fan-model li.essence {
  background: url("../images/essence-btn.png") top right;
  background-size: cover;
}

#for-home-container #for-home-filters #fh-menu-fan-model li.garagelight {
  background: url("../images/garagelight-btn.png") top right;
  background-size: cover;
}

#for-home-container #for-home-filters #fh-menu-fan-model li span {
  padding: 1em 0 1em 0.5em;
  text-transform: uppercase;
}

#for-home-container #for-home-filters #fh-menu-fan-model li.active {
  color: #ffc425;
  border: 3px solid #ffc425;
}

#for-home-container #for-home-filters #fh-menu-fan-model img {
  position: absolute;
  z-index: 1;
  max-height: none;
  border: none;
  max-width: 70%;
  right: -5%;
  bottom: 10px;
}

#for-home-container #for-home-filters #fh-menu-fan-model span {
  display: block;
  position: relative;
  z-index: 1;
  text-align: left;
  width: 100%;
  font-size: 1.5em;
  color: black;
  padding: .5em 0 .5em 0.5em;
  line-height: 1.5em;
}

#for-home-container #for-home-filters #fh-menu-sp-places {
  margin: 0.2em 0 0 0;
}

#for-home-container #for-home-filters #fh-menu-sp-places.some li {
  opacity: .4;
}

#for-home-container #for-home-filters #fh-menu-sp-places li {
  float: left;
  width: 50%;
  padding: 0.25em 0.5em 0.25em 0.6em;
  margin: 0;
  text-align: left;
  font-size: .9em;
  background: #313131;
  position: relative;
  float: left;
  width: 48%;
  padding: 0.25em 0.5em 0.25em 0.6em;
  margin: 1%;
}

#for-home-container #for-home-filters #fh-menu-sp-places li:nth-child(odd) {
  clear: left;
}

#for-home-container #for-home-filters #fh-menu-sp-places li:before {
  background: white;
  content: "";
  display: block;
  height: 3px;
  margin-top: -2px;
  position: absolute;
  right: 0.6em;
  top: 50%;
  width: 3px;
  z-index: 2;
}

#for-home-container #for-home-filters #fh-menu-sp-places li:after {
  border: 1px solid #fff;
  border-radius: 50%;
  content: "";
  display: block;
  height: 7px;
  margin-right: -3px;
  margin-top: -5px;
  position: absolute;
  right: 0.6em;
  top: 50%;
  width: 7px;
  z-index: 1;
}

#for-home-container #for-home-filters #fh-menu-sp-places li.active {
  opacity: 1;
}

#for-home-container #for-home-filters #fh-menu-sp-places li.active:before {
  background: #ffc425;
}

#for-home-container #for-home-filters #fh-menu-sp-places li.active:after {
  border-color: #ffc425;
}

#for-home-container #for-home-filters #fh-menu-fan-finish-link.disabled {
  opacity: .4;
}

#for-home-container #for-home-filters #fh-menu-fan-finish {
  text-align: left;
  padding-left: 1%;
}

#for-home-container #for-home-filters #fh-menu-fan-finish.disabled {
  opacity: .4;
}

#for-home-container #for-home-filters #fh-menu-fan-finish li {
  display: inline-block;
  height: 0;
  width: 14%;
  border: 1px solid #ccc;
  position: relative;
  z-index: 1;
  margin: .5em 2% 0 0;
  padding-top: 14%;
}

#for-home-container #for-home-filters #fh-menu-fan-finish li.active {
  border-color: #ffc425;
}

#for-home-container #for-home-filters #fh-menu-fan-finish li:last-child {
  margin-right: 0;
}

#for-home-container #for-home-filters #fh-menu-fan-finish li.caramel {
  background: url("../images/caramel-swatch.png") top left repeat;
  background-size: cover;
}

#for-home-container #for-home-filters #fh-menu-fan-finish li.cocoa {
  background: url("../images/cocoa-swatch.png") top left repeat;
  background-size: cover;
}

#for-home-container #for-home-filters #fh-menu-fan-finish li.cherry {
  background: url("../images/cherry-swatch.png") top left repeat;
  background-size: cover;
}

#for-home-container #for-home-filters #fh-menu-fan-finish li.walnut {
  background: url("../images/walnut-swatch.png") top left repeat;
  background-size: cover;
}

#for-home-container #for-home-filters #fh-menu-fan-finish li span {
  display: none;
  position: absolute;
  z-index: 2;
  background: #000;
  color: #fff;
  border-radius: 3px;
  top: -2.2em;
  text-wrap: nowrap;
  text-space-collapse: nowrap;
  white-space: nowrap;
  font-size: .8em;
  padding: .2em .5em;
  left: 0;
}

#for-home-container #for-home-filters #fh-menu-fan-finish li span:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #000 transparent transparent transparent;
  position: absolute;
  top: 100%;
  left: 1em;
}

#for-home-container #for-home-filters #fh-menu-fan-finish li.left span {
  left: auto;
  right: 0;
}

#for-home-container #for-home-filters #fh-menu-fan-finish li.left span:after {
  left: auto;
  right: 1em;
}

#for-home-container #for-home-filters #fh-menu-fan-finish li:hover span {
  display: block;
}

#for-home-container #for-home-filters #fh-menu-fan-finish.disabled li {
  cursor: default;
}

#for-home-container #for-home-filters #fh-menu-fan-finish.disabled li span {
  display: none;
}

#for-home-container #for-home-filters #finePrint {
  font-size: 0.5em;
  text-align: center;
  margin-top: 2em;
}

@media only screen and (max-width: 767px) {
  #for-home-container #for-home-filters.gallery.closed .options {
    height: 0 !important;
  }
  #for-home-container.biggiesize.open {
    height: auto !important;
  }
  #for-home-container.biggiesize.open #content {
    height: 0 !important;
    overflow: hidden;
  }
}

#no-images-box {
  color: #000;
  max-width: 30em;
  margin: 2em auto 0;
  font-size: .8em;
}

#no-images-box h1 {
  font-family: "Neue Helvetica W01", Helvetica, Arial, sans-serif;
  font-size: 1.8em;
}

#main .forhome-featured {
  max-width: 1240px;
}

#main .forhome-featured > div {
  position: relative;
  background: url("../images/lines.png");
  padding: 12px;
  margin: 1em 0;
  cursor: pointer;
}

#main .forhome-featured > div .img {
  width: 100%;
  height: 200px;
  display: block;
  background: url("../images/for-home-isis.jpg") center center;
  background-size: cover;
}

#main .forhome-featured > div.forhome-isis .img {
  background-image: url("../images/for-home-isis.jpg");
}

#main .forhome-featured > div.forhome-haiku .img {
  background-image: url("../images/for-home-haiku.jpg");
}

#main .forhome-featured > div .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  display: block;
  height: 100%;
  width: 100%;
  padding: 12px;
  margin-top: -6em;
  height: 6em;
  cursor: pointer;
  -o-transition: .5s all;
  -moz-transition: .5s all;
  -webkit-transition: .5s all;
  transition: .5s all;
}

#main .forhome-featured > div .overlay .inner {
  background: #fff;
  background: rgba(125, 127, 129, 0.8);
  height: 100%;
  width: 100%;
  overflow: hidden;
}

#main .forhome-featured > div .overlay .inner h2 {
  color: #000;
  display: block;
  font-family: "Neue Helvetica W01", Helvetica, Arial, sans-serif;
  font-weight: 300;
  text-transform: uppercase;
  padding-left: .5em;
  margin: 12px;
}

#main .forhome-featured > div .overlay .inner p {
  padding: 0 2em;
  font-size: 0.9em;
}

#main .forhome-featured > div .overlay .inner a {
  display: none;
  position: absolute;
  bottom: 12px;
  right: 12px;
  width: 100%;
  text-transform: uppercase;
  text-decoration: none;
  font-size: .8em;
  padding: 1em 60px 1em 0;
  text-align: right;
  color: #fff;
}

#main .forhome-featured > div .overlay .inner a span {
  color: white;
  display: block;
  width: 50px;
  height: 100%;
  background: #ffc425;
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 1.5em;
}

#main .forhome-featured > div .overlay .inner a span:before {
  position: relative;
  top: 12px;
  right: 16px;
}

#main .forhome-featured > div.hover .overlay, #main .forhome-featured > div:hover .overlay {
  display: block;
  height: 100%;
}

#main .forhome-featured > div.hover .overlay a, #main .forhome-featured > div:hover .overlay a {
  display: block;
}

#main .forhome-featured > div h1 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0;
}

#main .forhome-featured > div h1 a {
  color: #242424;
  display: block;
  font-family: "Proxima Nova W15", "Neue Helvetica W01", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 300;
  background: #E7E8E9;
  background: rgba(125, 127, 129, 0.8);
  text-transform: uppercase;
  font-size: .7em;
  padding-left: .5em;
  margin: 12px;
}

.mason-container {
  width: 100%;
  position: relative;
  font-size: 25px;
  font-family: 'Helvetica';
  color: #eaeaea;
}

#main .box {
  background-color: #fff;
  float: left;
  position: relative;
  overflow: hidden;
  opacity: 1;
}

#main .box .inner {
  margin: 5px;
  height: 100%;
  overflow: hidden;
}

#main .box .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  text-align: center;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  color: #fff;
  z-index: 3;
}

#main .box .overlay .button {
  padding: 0.5em;
}

#main .box .overlay:hover {
  opacity: 1;
}

#main .box img {
  margin: 0;
  height: 100%;
  max-width: none;
  width: auto;
  position: relative;
  z-index: 1;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

#fillers {
  display: none;
}

.fillerBox {
  background-color: #fff;
  float: left;
  position: relative;
}

.fillerBox .inner {
  margin: 5px;
  background-color: #eee;
}

.better-tech {
  background: #7d7f81;
  color: #fff;
  margin: 10px 5px 5px;
  padding: 0.5em;
  font-size: 0.7em;
  cursor: default;
}

.better-tech a {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.better-tech strong {
  display: block;
  font-family: "Trade Gothic W01", Helvetica, arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif;
  text-transform: uppercase;
  font-weight: 500;
}

.better-tech h2 {
  line-height: .9em;
  color: #ffc425;
  margin: 0;
}

.better-tech h2 a {
  color: #ffc425;
}

.better-tech em {
  font-size: 0.7em;
  display: block;
}

#for-home-gallery .ngg-navigation {
  display: none !important;
  height: 0;
  padding: 0;
  overflow: hidden;
}

#infscr-loading {
  text-align: center;
  position: relative;
  bottom: 0;
  display: block;
  width: 100%;
  clear: both;
}

/**** Isotope filtering ****/
.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

.page-template-page-for-home-php #for-home-gallery {
  margin-top: 6em;
}

.page-template-page-for-home-php #for-home-gallery .better-tech {
  height: 100%;
  font-size: 0.6em;
  cursor: pointer;
}

.page-template-page-for-home-php #for-home-gallery .better-tech h2 {
  font-size: 1.6em;
}

@media only screen and (min-width: 310px) and (max-width: 380px) {
  .page-template-page-for-home-php #for-home-gallery .better-tech {
    font-size: 0.6em;
  }
}

@media only screen and (min-width: 381px) and (max-width: 450px) {
  .page-template-page-for-home-php #for-home-gallery .better-tech {
    font-size: 0.8em;
  }
}

@media only screen and (min-width: 451px) and (max-width: 767px) {
  .page-template-page-for-home-php #for-home-gallery .better-tech {
    font-size: 1em;
  }
}

.page-template-page-for-home-php #for-home-gallery .box {
  float: left;
  height: 450px;
  width: 50%;
  padding: 0;
}

.page-template-page-for-home-php #for-home-gallery .box .inner {
  position: relative;
  padding: 0;
  margin-top: 10px;
}

.page-template-page-for-home-php #for-home-gallery .box img {
  min-width: 100%;
  min-height: 100%;
  max-width: auto;
  max-height: auto;
}

.page-template-page-for-home-php #for-home-gallery .box .overlay h1 {
  margin: 1.6em 0 0 0;
}

.page-template-page-for-home-php #for-home-gallery .box .overlay a.button:hover {
  background: #a57800;
}

.page-template-page-for-home-php #for-home-gallery .box .overlay ul {
  position: absolute;
  bottom: 25px;
  right: 20px;
  margin: 0;
}

.page-template-page-for-home-php #for-home-gallery .box .overlay ul li {
  font-size: 0.8em;
  display: block;
  float: left;
  height: 2em;
  width: 2em;
  background: #ccc;
  padding: 0.4em 0 0 0;
  border-radius: 50%;
  margin: 0 0 0 0.25em;
  text-align: center;
}

.page-template-page-for-home-php #for-home-gallery .box .overlay ul li:hover {
  background: #ffc425;
}

.page-template-page-for-home-php #for-home-gallery .box .overlay ul li a {
  text-decoration: none;
  color: #fff;
  height: 100%;
  width: 100%;
  display: block;
}

.page-template-page-for-home-php #for-home-gallery .box {
  width: 100%;
}

.page-template-page-for-home-php #for-home-gallery .tall {
  width: 50%;
  font-size: 0.8em;
}

.page-template-page-for-home-php #for-home-gallery .tall .better-tech + .inner {
  height: 50%;
}

.page-template-page-for-home-php #for-home-gallery .tall .better-tech + .inner .overlay {
  font-size: 0.8em;
}

.page-template-page-for-home-php #for-home-gallery .tall .better-tech + .inner .overlay h1 {
  font-size: 2em;
  margin-top: 1em;
}

.page-template-page-for-home-php #for-home-gallery .tall .better-tech + .inner .overlay .button {
  font-size: 1em;
}

.page-template-page-for-home-php #for-home-gallery .twofer {
  float: left;
  height: 450px;
  width: 50%;
}

.page-template-page-for-home-php #for-home-gallery .twofer .better-tech {
  height: 215px;
  margin-bottom: 0;
}

.page-template-page-for-home-php #for-home-gallery .twofer .overlay {
  font-size: 0.8em;
}

.page-template-page-for-home-php #for-home-gallery .twofer .overlay h1 {
  font-size: 2em;
  margin-top: 1em;
}

.page-template-page-for-home-php #for-home-gallery .twofer .overlay .button {
  font-size: 1em;
}

.page-template-page-for-home-php #for-home-gallery .twofer .box {
  width: 100%;
  height: 225px;
}

@media only screen and (max-width: 767px) {
  .page-template-page-for-home-php #for-home-gallery .box {
    width: 50%;
  }
  .page-template-page-for-home-php #for-home-gallery .better-tech {
    font-size: 1.2em;
    height: 9em;
  }
}

@media only screen and (max-width: 481px) {
  .page-template-page-for-home-php #for-home-gallery .twofer,
  .page-template-page-for-home-php #for-home-gallery .box {
    width: 100%;
  }
}

/*********************
FOR HOME v3 BIG SLIDER
*********************/
@media only screen and (min-width: 768px) {
  .page-template-page-for-home-v3-php .header #logo {
    width: 25%;
  }
  .page-template-page-for-home-v3-php #menu-main-menu {
    font-size: .9em;
  }
}

@media only screen and (min-width: 900px) {
  .page-template-page-for-home-v3-php #menu-main-menu {
    font-size: 1.1em;
  }
}

.page-template-page-for-home-v3-php #main,
.page-template-page-for-home-v3-php #inner-content {
  padding: 0;
  margin: 0;
  max-width: none;
  width: 100%;
}

.page-template-page-for-home-v3-php #header-main {
  display: none;
  position: relative;
}

.page-template-page-for-home-v3-php .arrow-down {
  display: none;
  position: absolute;
  z-index: 100;
  bottom: 0;
  left: 50%;
  margin-left: -14em;
  /*@media only screen and (min-width: 1360px){
			margin-left: -.5em;
		}*/
  background: rgba(255, 255, 255, 0.8);
  padding: .25em .5em 0em;
  text-decoration: none;
  color: black;
  line-height: 1em;
}

@media only screen and (min-width: 768px) {
  .page-template-page-for-home-v3-php .arrow-down {
    display: block;
  }
}

.page-template-page-for-home-v3-php .buy-btn {
  position: absolute;
  top: 0;
  right: 0;
  color: #000;
  z-index: 3;
  color: #000;
}

@media only screen and (max-width: 767px) {
  .page-template-page-for-home-v3-php .buy-btn {
    color: #fff;
  }
}

.page-template-page-for-home-v3-php .buy-btn a {
  text-decoration: none;
  color: #000;
}

@media only screen and (max-width: 767px) {
  .page-template-page-for-home-v3-php .buy-btn a {
    color: #fff;
  }
}

.page-template-page-for-home-v3-php .buy-btn .img {
  background: url("../images/cart.png") no-repeat scroll center center transparent;
  height: 23px;
  width: 27px;
  display: inline-block;
  position: relative;
  z-index: 2;
  margin-left: .2em;
  -o-transform: scale(0.8);
  -moz-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}

.page-template-page-for-home-v3-php .buy-btn .img img {
  display: none;
}

.page-template-page-for-home-v3-php .buy-btn [class^="icon-"], .page-template-page-for-home-v3-php .buy-btn [class*=" icon-"] {
  height: 23px;
  width: 21px;
  display: inline-block;
  position: relative;
  z-index: 2;
  margin-left: .7em;
  text-align: center;
  font-size: .9em;
  line-height: 27px;
  color: #000;
}

.page-template-page-for-home-v3-php .buy-btn:after {
  top: 0px;
  right: 0px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0px 40px 40px 0px;
  border-color: transparent #ffc425 transparent transparent;
  content: "";
  display: block;
  position: absolute;
}

.page-template-page-for-home-v3-php .header-blocks.active .buy-btn,
.page-template-page-for-home-v3-php .header-blocks:hover .buy-btn {
  color: #fff;
}

.page-template-page-for-home-v3-php .header-blocks.active .buy-btn:after,
.page-template-page-for-home-v3-php .header-blocks:hover .buy-btn:after {
  border-color: transparent #ffc425 transparent transparent;
}

.page-template-page-for-home-v3-php .header-blocks.active .buy-btn a,
.page-template-page-for-home-v3-php .header-blocks:hover .buy-btn a {
  color: #fff;
}

.page-template-page-for-home-v3-php .header-blocks.active .buy-btn .img,
.page-template-page-for-home-v3-php .header-blocks:hover .buy-btn .img {
  background: url("../images/cart.png") no-repeat scroll center center transparent;
}

@media only screen and (min-width: 620px) and (max-width: 767px) {
  .page-template-page-for-home-v3-php #header-block-side .header-blocks {
    position: relative;
    width: 50%;
    float: left;
    left: -1px;
  }
  .page-template-page-for-home-v3-php #header-block-side .header-blocks:nth-of-type(odd) {
    left: 1px;
  }
}

.page-template-page-for-home-v3-php .header-image-container {
  width: 100%;
  background: #000;
  position: relative;
  overflow: hidden;
  border-bottom: 2px solid #fff;
  -o-transition: all .5s;
  -ms-transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.page-template-page-for-home-v3-php .header-image-container img {
  width: 100%;
  position: absolute;
  opacity: .5;
  z-index: 1;
  top: 50%;
  left: 50%;
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -o-transition: all .5s;
  -ms-transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.page-template-page-for-home-v3-php .header-image-container .content {
  position: relative;
  z-index: 2;
  padding: .5em 1.5em;
  color: #fff;
  display: table;
  height: 12em;
  width: 100%;
  -o-transition: all .5s;
  -ms-transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.page-template-page-for-home-v3-php .header-image-container .content .inner {
  display: table-cell;
  vertical-align: middle;
  font-size: 120%;
  position: relative;
  z-index: 2;
}

@media only screen and (min-width: 768px) {
  .page-template-page-for-home-v3-php .header-image-container .content .inner {
    font-size: 90%;
  }
}

@media only screen and (min-width: 960px) {
  .page-template-page-for-home-v3-php .header-image-container .content .inner {
    font-size: 120%;
  }
}

.page-template-page-for-home-v3-php .header-image-container .content p {
  margin: 0.25em 1em 0.5em 0;
}

.page-template-page-for-home-v3-php .header-image-container .content h2 {
  margin-bottom: 0;
  font-family: "Trade Gothic W01", Helvetica, arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif;
  font-weight: 100;
  font-size: 2.4em;
  line-height: 1em;
}

@media only screen and (min-width: 768px) {
  .page-template-page-for-home-v3-php .header-image-container .content h2 {
    font-size: 2em;
  }
}

@media only screen and (min-width: 960px) {
  .page-template-page-for-home-v3-php .header-image-container .content h2 {
    font-size: 2.4em;
  }
}

.page-template-page-for-home-v3-php .header-image-container .content sub {
  display: block;
  bottom: -0.5em;
  font-size: 70%;
  line-height: 1em;
}

.page-template-page-for-home-v3-php .header-image-container .content .icon-arrow-right3 {
  border-radius: 50%;
  height: 1em;
  width: 1em;
  border: 1px solid #fff;
  position: relative;
  top: .1em;
}

.page-template-page-for-home-v3-php .header-image-container .content .icon-arrow-right3:before {
  position: relative;
  left: .03em;
}

.page-template-page-for-home-v3-php #footer-block {
  clear: both;
  padding: 0 .5em 0 .5em;
  position: relative;
  overflow: hidden;
}

@media only screen and (min-width: 1200px) {
  .page-template-page-for-home-v3-php #footer-block {
    width: 100%;
    border-top: 0.5em solid #fff;
  }
  .page-template-page-for-home-v3-php #footer-block:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    height: 0;
    width: .5em;
    margin-left: -.25em;
    background: #fff;
    z-index: 22;
    padding-top: 44%;
  }
}

.page-template-page-for-home-v3-php #footer-block .footer-image-container {
  width: 100%;
  position: absolute;
  overflow: hidden;
  height: 100%;
  font-size: 80%;
}

.page-template-page-for-home-v3-php #footer-block .footer-image-container img {
  width: 100%;
  position: absolute;
  z-index: 1;
  margin: 0;
  top: 50%;
  right: 0;
  max-width: none;
  -o-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

@media only screen and (max-width: 767px) {
  .page-template-page-for-home-v3-php #footer-block .footer-image-container img {
    opacity: .25;
  }
}

@media only screen and (min-width: 1200px) {
  .page-template-page-for-home-v3-php #footer-block .footer-image-container img {
    width: 130%;
  }
}

.page-template-page-for-home-v3-php #footer-block .footer-content {
  position: relative;
  z-index: 2;
  display: block;
}

@media only screen and (min-width: 768px) {
  .page-template-page-for-home-v3-php #footer-block .footer-content h1 {
    font-size: 3em;
  }
}

@media only screen and (min-width: 768px) and (min-width: 1200px) {
  .page-template-page-for-home-v3-php #footer-block .footer-content h1 {
    font-size: 2em;
  }
}

@media only screen and (min-width: 768px) {
  .page-template-page-for-home-v3-php #footer-block .footer-content .inner {
    width: 65%;
    max-width: 30em;
  }
}

@media only screen and (min-width: 768px) and (min-width: 1200px) {
  .page-template-page-for-home-v3-php #footer-block .footer-content .inner {
    width: 55%;
  }
}

.page-template-page-for-home-v3-php #footer-block .footer-blocks {
  text-align: left;
  position: relative;
  margin: 0;
  border-top: 0.5em solid #fff;
}

@media only screen and (min-width: 1200px) {
  .page-template-page-for-home-v3-php #footer-block .footer-blocks {
    border-top: none;
  }
}

.page-template-page-for-home-v3-php #footer-block .footer-blocks h1 {
  margin-bottom: 0;
}

.page-template-page-for-home-v3-php #footer-block .footer-blocks h2 {
  margin-bottom: .2em;
}

.page-template-page-for-home-v3-php #footer-block .footer-blocks h2,
.page-template-page-for-home-v3-php #footer-block .footer-blocks h3 {
  line-height: 1.2em;
}

.page-template-page-for-home-v3-php #footer-block .footer-blocks .inner {
  padding: 2em 1em;
}

@media only screen and (min-width: 768px) {
  .page-template-page-for-home-v3-php #footer-block .footer-blocks .inner {
    padding: 10% 1em;
  }
}

@media only screen and (min-width: 1200px) {
  .page-template-page-for-home-v3-php #footer-block .footer-blocks {
    display: block;
    float: left;
    width: 50%;
    min-height: 330px;
  }
  .page-template-page-for-home-v3-php #footer-block .footer-blocks .inner {
    padding: 12% 1em;
  }
}

.page-template-page-for-home-v3-php #footer-block .footer-blocks:first-child .button {
  background: #000;
  color: #ffc425;
}

.page-template-page-for-home-v3-php #footer-block .footer-blocks:first-child .button:hover {
  color: #fff;
}

/*********************
FANMAIL
KUDOS AND COMPLAINTS
*********************/
/* this is on genius not at work page */
#main #fanmail-callout.social-item {
  background: url("../images/yellow-lines.png") top center repeat #ffc425;
  text-decoration: none;
}

#main #fanmail-callout.social-item img {
  max-width: 50%;
  width: auto;
  display: block;
  margin: 0 auto;
  padding-top: 1.5em;
}

#main #fanmail-callout.social-item h2 {
  font-family: "Neue Helvetica W01", Helvetica, Arial, sans-serif;
  text-transform: none;
  font-size: 3em;
  padding-top: 0.1em;
  margin-bottom: 0;
}

#main #fanmail-callout.social-item p {
  display: block;
  font-size: 1.1em;
  padding: 0 1em;
}

#main #fanmail-callout.social-item a {
  color: #000;
  text-decoration: none;
  font-size: inherit;
}

.page-template-page-testimonials-php,
.page-template-page-fan-mail-php,
.page-template-page-kudos-complaints-php {
  /*
	TUMBS DOWN
	.icon-uniF088:before {
		content: "\f088";
	}
	TUMBS UP
	.icon-uniF087:before {
		content: "\f087";
	}
	*/
}

.page-template-page-testimonials-php input#email,
.page-template-page-fan-mail-php input#email,
.page-template-page-kudos-complaints-php input#email {
  width: 100%;
}

.page-template-page-testimonials-php #submit,
.page-template-page-fan-mail-php #submit,
.page-template-page-kudos-complaints-php #submit {
  display: inline;
  position: relative;
  z-index: 200;
  left: 2em;
}

.page-template-page-testimonials-php #formfoot,
.page-template-page-fan-mail-php #formfoot,
.page-template-page-kudos-complaints-php #formfoot {
  text-align: center;
  float: none;
  position: relative;
  left: -1em;
  width: 100%;
}

.page-template-page-testimonials-php label[for=rating_up],
.page-template-page-testimonials-php label[for=rating_down],
.page-template-page-fan-mail-php label[for=rating_up],
.page-template-page-fan-mail-php label[for=rating_down],
.page-template-page-kudos-complaints-php label[for=rating_up],
.page-template-page-kudos-complaints-php label[for=rating_down] {
  cursor: pointer;
  background: white;
  position: relative;
  z-index: 99;
  padding: 0 0.5em;
}

.page-template-page-testimonials-php label[for=rating_up]:hover,
.page-template-page-testimonials-php label[for=rating_down]:hover,
.page-template-page-fan-mail-php label[for=rating_up]:hover,
.page-template-page-fan-mail-php label[for=rating_down]:hover,
.page-template-page-kudos-complaints-php label[for=rating_up]:hover,
.page-template-page-kudos-complaints-php label[for=rating_down]:hover {
  color: #242424;
}

.page-template-page-testimonials-php .XXhideit,
.page-template-page-fan-mail-php .XXhideit,
.page-template-page-kudos-complaints-php .XXhideit {
  height: 1px;
  width: 1px;
  overflow: hidden;
  padding: 2px;
  position: absolute;
}

.page-template-page-testimonials-php #rating_up,
.page-template-page-testimonials-php #rating_down,
.page-template-page-fan-mail-php #rating_up,
.page-template-page-fan-mail-php #rating_down,
.page-template-page-kudos-complaints-php #rating_up,
.page-template-page-kudos-complaints-php #rating_down {
  height: 10px;
  width: 1px;
  overflow: hidden;
  padding: 4px;
  position: relative;
  right: 3em;
  bottom: .2em;
  color: white;
  z-index: 1;
  margin: -10px;
}

.page-template-page-testimonials-php .thumb.active,
.page-template-page-fan-mail-php .thumb.active,
.page-template-page-kudos-complaints-php .thumb.active {
  color: #000;
}

.page-template-page-testimonials-php .thumbs-up:before,
.page-template-page-testimonials-php .thumbs-down:before,
.page-template-page-fan-mail-php .thumbs-up:before,
.page-template-page-fan-mail-php .thumbs-down:before,
.page-template-page-kudos-complaints-php .thumbs-up:before,
.page-template-page-kudos-complaints-php .thumbs-down:before {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  height: auto;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.page-template-page-testimonials-php .thumbs-up:before,
.page-template-page-fan-mail-php .thumbs-up:before,
.page-template-page-kudos-complaints-php .thumbs-up:before {
  content: "\f087";
}

.page-template-page-testimonials-php .thumbs-down:before,
.page-template-page-fan-mail-php .thumbs-down:before,
.page-template-page-kudos-complaints-php .thumbs-down:before {
  content: "\f088" !important;
}

.page-template-page-testimonials-php .thumbs-up:before,
.page-template-page-testimonials-php .thumbs-down:before,
.page-template-page-fan-mail-php .thumbs-up:before,
.page-template-page-fan-mail-php .thumbs-down:before,
.page-template-page-kudos-complaints-php .thumbs-up:before,
.page-template-page-kudos-complaints-php .thumbs-down:before {
  position: absolute;
  left: 0.5em;
  top: 0.6em;
  font-size: 2em;
}

.page-template-page-testimonials-php .commentlist .comment > article,
.page-template-page-testimonials-php .commentlist .comment > ul,
.page-template-page-fan-mail-php .commentlist .comment > article,
.page-template-page-fan-mail-php .commentlist .comment > ul,
.page-template-page-kudos-complaints-php .commentlist .comment > article,
.page-template-page-kudos-complaints-php .commentlist .comment > ul {
  position: relative;
  padding-left: 4em;
}

.page-template-page-testimonials-php .commentlist .children .comment > article,
.page-template-page-testimonials-php .commentlist .children .comment > ul,
.page-template-page-fan-mail-php .commentlist .children .comment > article,
.page-template-page-fan-mail-php .commentlist .children .comment > ul,
.page-template-page-kudos-complaints-php .commentlist .children .comment > article,
.page-template-page-kudos-complaints-php .commentlist .children .comment > ul {
  padding: 0;
}

.page-template-page-testimonials-php .commentlist .children .thumbs-up:before,
.page-template-page-testimonials-php .commentlist .children .thumbs-down:before,
.page-template-page-fan-mail-php .commentlist .children .thumbs-up:before,
.page-template-page-fan-mail-php .commentlist .children .thumbs-down:before,
.page-template-page-kudos-complaints-php .commentlist .children .thumbs-up:before,
.page-template-page-kudos-complaints-php .commentlist .children .thumbs-down:before {
  display: none;
}

.page-template-page-testimonials-php hr,
.page-template-page-fan-mail-php hr,
.page-template-page-kudos-complaints-php hr {
  border-color: #ffc425;
}

.page-template-page-testimonials-php .commentlist .children .vcard,
.page-template-page-fan-mail-php .commentlist .children .vcard,
.page-template-page-kudos-complaints-php .commentlist .children .vcard {
  display: none;
}

.page-template-page-testimonials-php .comment_content ol,
.page-template-page-fan-mail-php .comment_content ol,
.page-template-page-kudos-complaints-php .comment_content ol {
  list-style-type: decimal;
  padding-left: 40px;
}

.page-template-page-testimonials-php .comment_content ul,
.page-template-page-fan-mail-php .comment_content ul,
.page-template-page-kudos-complaints-php .comment_content ul {
  list-style-type: disc;
  padding-left: 40px;
}

/*********************
GENIUS NOT AT WORK
*********************/
.icon-google-plus:before {
  content: "\e604";
}

.icon-youtube:before {
  content: "\f144";
}

.page-template-page-testimonials-php #inner-content,
.page-template-page-genius-not-at-work-php #inner-content {
  padding: 0;
  margin-top: 10px;
}

.page-template-page-testimonials-php #social-container,
.page-template-page-genius-not-at-work-php #social-container {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.page-template-page-testimonials-php #main,
.page-template-page-genius-not-at-work-php #main {
  margin: 0 auto;
}

@media only screen and (max-width: 620px) {
  .page-template-page-testimonials-php .social-item,
  .page-template-page-genius-not-at-work-php .social-item {
    width: 97%;
    position: relative !important;
    -ms-transform: translate3d(0px, 0px, 0px) !important;
    -o-transform: translate3d(0px, 0px, 0px) !important;
    -moz-transform: translate3d(0px, 0px, 0px) !important;
    -webkit-transform: translate3d(0px, 0px, 0px) !important;
    transform: translate3d(0px, 0px, 0px) !important;
  }
}

@media only screen and (min-width: 621px) and (max-width: 930px) {
  .page-template-page-testimonials-php #main,
  .page-template-page-genius-not-at-work-php #main {
    width: 620px;
  }
}

@media only screen and (min-width: 931px) and (max-width: 1240px) {
  .page-template-page-testimonials-php #main,
  .page-template-page-genius-not-at-work-php #main {
    width: 930px;
  }
}

@media only screen and (min-width: 1241px) and (max-width: 1550px) {
  .page-template-page-testimonials-php #main,
  .page-template-page-genius-not-at-work-php #main {
    width: 1240px;
  }
}

@media only screen and (min-width: 1551px) and (max-width: 1860px) {
  .page-template-page-testimonials-php #main,
  .page-template-page-genius-not-at-work-php #main {
    width: 1550px;
  }
}

@media only screen and (min-width: 1861px) and (max-width: 2170px) {
  .page-template-page-testimonials-php #main,
  .page-template-page-genius-not-at-work-php #main {
    width: 1860px;
  }
}

@media only screen and (min-width: 2171px) and (max-width: 2480px) {
  .page-template-page-testimonials-php #main,
  .page-template-page-genius-not-at-work-php #main {
    width: 2170px;
  }
}

.page-template-page-testimonials-php .hover-override .social-item:hover .overlay,
.page-template-page-genius-not-at-work-php .hover-override .social-item:hover .overlay {
  display: none;
}

.page-template-page-testimonials-php #social-container.notouch .social-item:hover .overlay,
.page-template-page-genius-not-at-work-php #social-container.notouch .social-item:hover .overlay {
  display: block;
}

.page-template-page-testimonials-php #social-container.notouch .social-item:hover .cover-icon,
.page-template-page-genius-not-at-work-php #social-container.notouch .social-item:hover .cover-icon {
  display: none;
}

.page-template-page-testimonials-php .social-item,
.page-template-page-genius-not-at-work-php .social-item {
  border: none;
  background: #e7e8e9;
  color: #242424;
  font-size: 0.9em;
  text-align: center;
  overflow: hidden;
  margin: 5px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  /*
		*
		*
		* CONTENT ERASER !!!!!
		*
		*/
  /*
		* END ERADER
		*/
}

.page-template-page-testimonials-php .social-item.facebook, .page-template-page-testimonials-php .social-item.youtube, .page-template-page-testimonials-php .social-item.pinterest, .page-template-page-testimonials-php .social-item.instagram,
.page-template-page-genius-not-at-work-php .social-item.facebook,
.page-template-page-genius-not-at-work-php .social-item.youtube,
.page-template-page-genius-not-at-work-php .social-item.pinterest,
.page-template-page-genius-not-at-work-php .social-item.instagram {
  cursor: pointer;
}

.page-template-page-testimonials-php .social-item .content,
.page-template-page-genius-not-at-work-php .social-item .content {
  font-size: 0;
}

.page-template-page-testimonials-php .social-item .cover-icon,
.page-template-page-genius-not-at-work-php .social-item .cover-icon {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0.5em;
  color: #fff;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
  font-size: 1.5em;
}

@media only screen and (max-width: 618px) {
  .page-template-page-testimonials-php .social-item,
  .page-template-page-genius-not-at-work-php .social-item {
    position: relative !important;
    transform: none !important;
  }
}

.page-template-page-testimonials-php .social-item img,
.page-template-page-genius-not-at-work-php .social-item img {
  width: 100%;
}

.page-template-page-testimonials-php .social-item a,
.page-template-page-genius-not-at-work-php .social-item a {
  text-decoration: none;
  color: #000;
  font-size: 1.3em;
  line-height: 1.2em;
}

.page-template-page-testimonials-php .social-item table, .page-template-page-testimonials-php .social-item tbody, .page-template-page-testimonials-php .social-item tr, .page-template-page-testimonials-php .social-item td,
.page-template-page-testimonials-php .social-item table td,
.page-template-page-genius-not-at-work-php .social-item table,
.page-template-page-genius-not-at-work-php .social-item tbody,
.page-template-page-genius-not-at-work-php .social-item tr,
.page-template-page-genius-not-at-work-php .social-item td,
.page-template-page-genius-not-at-work-php .social-item table td {
  padding: 0;
  display: block;
  width: 100%;
  margin: 0;
}

.page-template-page-testimonials-php .social-item.google-plus,
.page-template-page-genius-not-at-work-php .social-item.google-plus {
  opacity: .3;
}

.page-template-page-testimonials-php .social-item table, .page-template-page-testimonials-php .social-item tbody, .page-template-page-testimonials-php .social-item tr, .page-template-page-testimonials-php .social-item td,
.page-template-page-testimonials-php .social-item table td, .page-template-page-testimonials-php .social-item a,
.page-template-page-genius-not-at-work-php .social-item table,
.page-template-page-genius-not-at-work-php .social-item tbody,
.page-template-page-genius-not-at-work-php .social-item tr,
.page-template-page-genius-not-at-work-php .social-item td,
.page-template-page-genius-not-at-work-php .social-item table td,
.page-template-page-genius-not-at-work-php .social-item a {
  display: inline;
  line-height: 0;
  padding: 0;
  margin: 0;
  font-size: 0;
}

.page-template-page-testimonials-php .social-item br + br,
.page-template-page-genius-not-at-work-php .social-item br + br {
  display: none;
}

.page-template-page-testimonials-php .social-item .content,
.page-template-page-genius-not-at-work-php .social-item .content {
  text-indent: -999999999em;
  line-height: 0;
}

.page-template-page-testimonials-php .social-item .content p,
.page-template-page-genius-not-at-work-php .social-item .content p {
  text-indent: -999999999em;
  padding: 0;
  margin: 0;
  line-height: 0;
}

.page-template-page-testimonials-php .social-item .overlay,
.page-template-page-genius-not-at-work-php .social-item .overlay {
  color: #fff;
  text-shadow: none;
  background: none;
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  background: #000;
  background: rgba(0, 0, 0, 0.7);
  padding: 0.5em;
  font-size: 1em;
  width: 100%;
  height: 100%;
}

.page-template-page-testimonials-php .social-item .overlay a,
.page-template-page-genius-not-at-work-php .social-item .overlay a {
  color: #ffc425;
  font-family: "Proxima Nova W15", "Neue Helvetica W01", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 1em;
  line-height: 1.4em;
}

.page-template-page-testimonials-php .social-item .overlay a:hover,
.page-template-page-genius-not-at-work-php .social-item .overlay a:hover {
  background: none;
}

.page-template-page-testimonials-php .social-item .overlay span,
.page-template-page-genius-not-at-work-php .social-item .overlay span {
  display: block;
  font-size: 2em;
  line-height: 2em;
  margin: 0 auto;
}

.page-template-page-testimonials-php .social-item .overlay .header,
.page-template-page-genius-not-at-work-php .social-item .overlay .header {
  background: transparent;
  color: #fff;
  border: none;
}

.page-template-page-testimonials-php .social-item .overlay .inner,
.page-template-page-genius-not-at-work-php .social-item .overlay .inner {
  position: relative;
  z-index: 1;
  top: 3em;
  /*top: 50%;

				-webkit-transform: translateY(-50%);
				-o-transform: translateY(-50%);
				-moz-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
				transform: translateY(-50%);*/
}

.page-template-page-testimonials-php .social-item .content,
.page-template-page-genius-not-at-work-php .social-item .content {
  background: none;
  padding: 0;
}

.page-template-page-testimonials-php .social-item .content img,
.page-template-page-genius-not-at-work-php .social-item .content img {
  display: block;
  margin: 0 auto;
}

.page-template-page-testimonials-php .social-item.hover .overlay,
.page-template-page-genius-not-at-work-php .social-item.hover .overlay {
  display: block;
}

.page-template-page-testimonials-php .social-item.hover .cover-icon,
.page-template-page-genius-not-at-work-php .social-item.hover .cover-icon {
  display: none;
}

.page-template-page-testimonials-php .social-item.youtube tr, .page-template-page-testimonials-php .social-item.youtube td,
.page-template-page-genius-not-at-work-php .social-item.youtube tr,
.page-template-page-genius-not-at-work-php .social-item.youtube td {
  display: none;
}

.page-template-page-testimonials-php .social-item.youtube img,
.page-template-page-genius-not-at-work-php .social-item.youtube img {
  /*margin-top: -9%;
				margin-bottom: -13%;*/
}

.page-template-page-testimonials-php .social-item.youtube tr:first-child,
.page-template-page-testimonials-php .social-item.youtube td:first-child,
.page-template-page-genius-not-at-work-php .social-item.youtube tr:first-child,
.page-template-page-genius-not-at-work-php .social-item.youtube td:first-child {
  display: block;
}

.page-template-page-testimonials-php .social-item.facebook tr, .page-template-page-testimonials-php .social-item.facebook td,
.page-template-page-genius-not-at-work-php .social-item.facebook tr,
.page-template-page-genius-not-at-work-php .social-item.facebook td {
  display: none;
}

.page-template-page-testimonials-php .social-item.facebook tr:first-child,
.page-template-page-testimonials-php .social-item.facebook td:first-child,
.page-template-page-testimonials-php .social-item.facebook td:nth-child(2),
.page-template-page-genius-not-at-work-php .social-item.facebook tr:first-child,
.page-template-page-genius-not-at-work-php .social-item.facebook td:first-child,
.page-template-page-genius-not-at-work-php .social-item.facebook td:nth-child(2) {
  display: block;
}

.page-template-page-testimonials-php .social-item.twitter,
.page-template-page-genius-not-at-work-php .social-item.twitter {
  background: none;
}

.page-template-page-testimonials-php .social-item.twitter .icon-twitter,
.page-template-page-genius-not-at-work-php .social-item.twitter .icon-twitter {
  display: block;
  font-size: 2.4em;
  line-height: 1em;
  padding-bottom: 0.5em;
}

.page-template-page-testimonials-php .social-item.twitter .cover-icon,
.page-template-page-genius-not-at-work-php .social-item.twitter .cover-icon {
  display: none;
}

.page-template-page-testimonials-php .social-item.twitter a,
.page-template-page-genius-not-at-work-php .social-item.twitter a {
  display: inline;
  font-size: 1em;
  color: #cc9d21;
}

.page-template-page-testimonials-php .social-item.twitter a:hover,
.page-template-page-genius-not-at-work-php .social-item.twitter a:hover {
  color: #5e490f;
}

.page-template-page-testimonials-php .social-item.twitter .content,
.page-template-page-genius-not-at-work-php .social-item.twitter .content {
  text-indent: 0;
  line-height: 1.4em;
  font-size: 1em;
  background: #E7E8E9;
}

.page-template-page-testimonials-php .social-item.twitter .content .extra,
.page-template-page-genius-not-at-work-php .social-item.twitter .content .extra {
  padding: 1em;
}

.page-template-page-testimonials-php .social-item.twitter .content .overlay,
.page-template-page-genius-not-at-work-php .social-item.twitter .content .overlay {
  display: none !important;
}

.page-template-page-testimonials-php .social-item.twitter:hover .overlay,
.page-template-page-genius-not-at-work-php .social-item.twitter:hover .overlay {
  display: none !important;
}

.page-template-page-testimonials-php .social-item .footer,
.page-template-page-genius-not-at-work-php .social-item .footer {
  margin: 0;
}

.page-template-page-testimonials-php #testimonial-header,
.page-template-page-testimonials-php #genius-header,
.page-template-page-genius-not-at-work-php #testimonial-header,
.page-template-page-genius-not-at-work-php #genius-header {
  padding: 2em 0 0.5em 1em;
}

.page-template-page-testimonials-php #testimonial-header h1,
.page-template-page-testimonials-php #genius-header h1,
.page-template-page-genius-not-at-work-php #testimonial-header h1,
.page-template-page-genius-not-at-work-php #genius-header h1 {
  font-family: "Proxima Nova W15", "Neue Helvetica W01", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 100;
  font-size: 2em;
}

.page-template-page-testimonials-php #testimonial-header ul,
.page-template-page-testimonials-php #genius-header ul,
.page-template-page-genius-not-at-work-php #testimonial-header ul,
.page-template-page-genius-not-at-work-php #genius-header ul {
  display: inline;
}

.page-template-page-testimonials-php #testimonial-header li,
.page-template-page-testimonials-php #genius-header li,
.page-template-page-genius-not-at-work-php #testimonial-header li,
.page-template-page-genius-not-at-work-php #genius-header li {
  padding-right: 0.5em;
  display: inline-block;
}

.page-template-page-testimonials-php #testimonial-header li a,
.page-template-page-testimonials-php #genius-header li a,
.page-template-page-genius-not-at-work-php #testimonial-header li a,
.page-template-page-genius-not-at-work-php #genius-header li a {
  background: #939598;
  color: #fff;
  border-radius: 5px;
  padding: 0.25em 0.5em;
}

.page-template-page-testimonials-php #testimonial-header li a span,
.page-template-page-testimonials-php #genius-header li a span,
.page-template-page-genius-not-at-work-php #testimonial-header li a span,
.page-template-page-genius-not-at-work-php #genius-header li a span {
  position: relative;
  top: 0.1em;
}

.page-template-page-testimonials-php #testimonial-header .follow-ul li,
.page-template-page-testimonials-php #genius-header .follow-ul li,
.page-template-page-genius-not-at-work-php #testimonial-header .follow-ul li,
.page-template-page-genius-not-at-work-php #genius-header .follow-ul li {
  padding-right: 0.1em;
}

.page-template-page-testimonials-php #testimonial-header .follow-ul li a,
.page-template-page-testimonials-php #genius-header .follow-ul li a,
.page-template-page-genius-not-at-work-php #testimonial-header .follow-ul li a,
.page-template-page-genius-not-at-work-php #genius-header .follow-ul li a {
  border-radius: 50%;
  display: inline-block;
  height: 2em;
  line-height: 1em;
  padding: 0.5em;
  text-align: center;
  width: 2em;
  font-size: 0.9em;
}

.page-template-page-testimonials-php #fanatic-social,
.page-template-page-genius-not-at-work-php #fanatic-social {
  text-align: left;
}

.page-template-page-testimonials-php #fanatic-social ul,
.page-template-page-genius-not-at-work-php #fanatic-social ul {
  display: block;
}

@media only screen and (min-width: 470px) {
  .page-template-page-testimonials-php #fanatic-social ul,
  .page-template-page-genius-not-at-work-php #fanatic-social ul {
    float: left;
  }
  .page-template-page-testimonials-php #fanatic-social ul.share-ul,
  .page-template-page-genius-not-at-work-php #fanatic-social ul.share-ul {
    margin-right: 1.5em;
  }
}

.page-template-page-testimonials-php #fanatic-social ul.share-ul li.share-title,
.page-template-page-genius-not-at-work-php #fanatic-social ul.share-ul li.share-title {
  padding-bottom: 0.25em;
}

.page-template-page-testimonials-php #fanatic-social li,
.page-template-page-genius-not-at-work-php #fanatic-social li {
  display: inline;
}

.page-template-page-testimonials-php #fanatic-social li a,
.page-template-page-genius-not-at-work-php #fanatic-social li a {
  text-decoration: none;
}

.page-template-page-testimonials-php #fanatic-social .share-title,
.page-template-page-testimonials-php #fanatic-social .follow-title,
.page-template-page-genius-not-at-work-php #fanatic-social .share-title,
.page-template-page-genius-not-at-work-php #fanatic-social .follow-title {
  display: block;
}

.page-template-page-testimonials-php #main,
.page-template-page-genius-not-at-work-php #main {
  margin: 0 auto;
}

/*********************
CASE STUDY STYLES
*********************/
.single-case_study #case-quote {
  position: relative;
  font-size: 1.3em;
  text-transform: uppercase;
  line-height: 1.3em;
  margin: 2.5em 0px 2em 5em;
  font-family: "Trade Gothic W01", Helvetica, arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif;
  /*&:after {
			content: '”';
			position: absolute;
			right: -0.5em;
			top: 100%;
			font-size: 11em;
			font-family: $condensed;
			line-height: .6em;
			color: lighten($yellow,35%);
			margin-top: -0.18em;
		}*/
}

@media only screen and (max-width: 767px) {
  .single-case_study #case-quote {
    margin: 2.5em 0px 2em 4em;
  }
}

.single-case_study #case-quote:before {
  content: '“';
  position: absolute;
  left: -0.5em;
  top: 0.1em;
  font-size: 11em;
  font-family: "Trade Gothic W01", Helvetica, arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif;
  line-height: .6em;
  color: #ffc425;
}

@media only screen and (max-width: 767px) {
  .single-case_study #case-quote:before {
    font-size: 8em;
  }
}

.single-case_study #case-quote .cs-author, .single-case_study #case-quote .cs-title {
  font-family: "Proxima Nova W15", "Neue Helvetica W01", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-style: normal;
  font-weight: normal;
}

.single-case_study #case-quote .cs-author {
  display: block;
  font-size: 80%;
  font-weight: 600;
  text-transform: none;
  padding-top: .2em;
}

.single-case_study #case-quote .cs-title {
  display: block;
  font-style: normal;
  font-size: 70%;
  margin-top: -10px;
  text-transform: none;
}

.single-case_study #top-block {
  clear: both;
  text-align: center;
}

.single-case_study #case-intro {
  padding-top: 1.5em;
}

@media only screen and (min-width: 768px) {
  .single-case_study #case-intro {
    padding-top: 3.5em;
  }
}

.single-case_study #location {
  padding-left: 3em;
  font-size: .8em;
  font-weight: 100;
}

.single-case_study #stripped {
  position: relative;
  overflow: hidden;
  display: block;
}

.single-case_study #stripped .title {
  position: relative;
  z-index: 3;
  display: block;
  padding-left: .2em;
  font-size: 1em;
  line-height: .9em;
}

@media only screen and (min-width: 768px) {
  .single-case_study #stripped .title {
    padding-left: .7em;
    font-size: 1.4em;
  }
}

.single-case_study #stripped:before {
  content: "";
  height: .3em;
  width: 100%;
  background: #fff;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}

@media only screen and (min-width: 768px) {
  .single-case_study #stripped:before {
    height: .4em;
  }
}

.single-case_study #stripped:after {
  content: "";
  height: .3em;
  width: 100%;
  background: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
}

@media only screen and (min-width: 768px) {
  .single-case_study #stripped:after {
    height: .4em;
  }
}

.single-case_study #stripped .bg {
  background: url("../images/stripped.png") top center repeat;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}

.single-case_study #huge blockquote {
  background: #fff;
  border-left: 3px solid #ffc425;
  font-weight: bold;
  padding: 1em;
}

.single-case_study #huge blockquote .cs-author {
  font-size: 0.9em;
  display: block;
  margin-top: 1em;
}

.single-case_study #huge blockquote .cs-title {
  font-size: 0.9em;
  font-weight: normal;
  display: block;
}

.single-case_study #case-study-sidebar {
  background: #242424;
  padding: 1em;
  width: 100%;
  color: #fff;
  position: realtive;
  z-index: 2;
}

.single-case_study #case-study-sidebar h1 {
  font-size: 3em;
  margin: 0 0 0.5em 0;
  line-height: 1em;
}

.single-case_study #case-study-sidebar h1 em {
  display: block;
  font-size: 0.36em;
  font-family: "Proxima Nova W15", "Neue Helvetica W01", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: normal;
  line-height: 1.1em;
}

.single-case_study #case-study-sidebar img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
  cursor: pointer;
}

.single-case_study #case-study-sidebar .thumbnail_video {
  position: relative;
}

.single-case_study #case-study-sidebar .thumbnail_video .icon-play-sign {
  font-size: 3em;
  left: 50%;
  margin-left: -0.5em;
  margin-top: -0.85em;
  position: absolute;
  top: 50%;
  opacity: .8;
  cursor: pointer;
}

.single-case_study #case-study-sidebar .thumbnail_video:hover .icon-play-sign {
  opacity: .5;
}

.single-case_study #case-study-sidebar .thumbnail_video .anchor {
  margin-top: 0;
  cursor: pointer;
}

.single-case_study #case-study-sidebar .anchor {
  background: #ffc425;
  display: block;
  padding: 0.5em;
  color: #000;
  text-decoration: none;
  margin-bottom: 0.5em;
}

.single-case_study #main h2 {
  text-align: center;
  position: relative;
  overflow: hidden;
}

.single-case_study #main h2:before, .single-case_study #main h2:after {
  background-color: #000;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 50%;
}

.single-case_study #main h2:before {
  right: 0.5em;
  margin-left: -50%;
}

.single-case_study #main h2:after {
  left: 0.5em;
  margin-right: -50%;
}

.single-case_study .solution__products {
  text-align: center;
  margin-bottom: 1em;
}

.single-case_study .solution__products .divider {
  padding: 0 .3em;
  color: #000;
  text-decoration: none;
}

.single-case_study .solution__products .divider:last-child {
  display: none;
}

/*********************
CASE STUDY ARCHIVE
*********************/
#inner-content.casestudy-archive {
  max-width: 1500px;
}

#inner-content.casestudy-archive #main {
  overflow: hidden;
}

@media only screen and (min-width: 1440px) {
  #inner-content.casestudy-archive #main {
    width: 100%;
    font-size: 90%;
  }
}

#inner-content.casestudy-archive #main > h1 {
  margin-top: 1em;
  text-align: center;
  margin-bottom: .4em;
}

#inner-content.casestudy-archive #main > p {
  text-align: center;
  max-width: 35em;
  margin: 0 auto 1.5em;
  font-size: 1em;
  -o-transition: all .5s;
  -ms-transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  transition: all .5s;
}

#inner-content.casestudy-archive #filtering-by {
  font-size: 0;
  -o-transition: all .5s;
  -ms-transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  transition: all .5s;
}

#inner-content.casestudy-archive #main.filterActive > p {
  font-size: 0;
}

#inner-content.casestudy-archive #main.filterActive #filtering-by {
  font-size: 1em;
}

#inner-content.casestudy-archive #select-boxes {
  text-align: center;
  margin-bottom: 2em;
  padding-bottom: 2em;
  border-bottom: 1px solid #ccc;
}

#inner-content.casestudy-archive #category-select,
#inner-content.casestudy-archive #product-select {
  background: #3e3e3e;
  color: #fff;
  position: relative;
  z-index: 33;
  cursor: pointer;
  margin: .5em;
}

@media only screen and (min-width: 768px) {
  #inner-content.casestudy-archive #category-select,
  #inner-content.casestudy-archive #product-select {
    display: inline-block;
    margin: 0 .5em;
  }
}

#inner-content.casestudy-archive #category-select h3,
#inner-content.casestudy-archive #product-select h3 {
  font-family: "Proxima Nova W15", "Neue Helvetica W01", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  padding: .75em 40px .75em .75em;
  font-size: 1em;
  text-transform: none;
}

#inner-content.casestudy-archive #category-select h3:after,
#inner-content.casestudy-archive #product-select h3:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9.9px 6px 0 6px;
  border-color: #ffffff transparent transparent transparent;
  display: block;
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -5px;
}

#inner-content.casestudy-archive #category-select ul,
#inner-content.casestudy-archive #product-select ul {
  margin: 0;
  position: absolute;
  top: 100%;
  z-index: 33;
  background: #3e3e3e;
  width: 100%;
  display: none;
}

#inner-content.casestudy-archive #category-select ul li,
#inner-content.casestudy-archive #product-select ul li {
  padding: .5em;
}

#inner-content.casestudy-archive #category-select ul li.active,
#inner-content.casestudy-archive #product-select ul li.active {
  color: #ffc425;
}

#inner-content.casestudy-archive #category-select ul li:hover,
#inner-content.casestudy-archive #product-select ul li:hover {
  background: #4a4a4a;
}

#inner-content.casestudy-archive #category-select:hover ul,
#inner-content.casestudy-archive #product-select:hover ul {
  display: block;
}

#inner-content.casestudy-archive #filtering-by {
  margin-top: 2em;
}

#inner-content.casestudy-archive #filtering-by .item {
  background: #3e3e3e;
  color: #fff;
  padding: .5em;
  margin-left: .5em;
  cursor: pointer;
}

#inner-content.casestudy-archive #filtering-by .item:hover {
  color: #ffc425;
}

#inner-content.casestudy-archive #filtering-by .item span {
  font-size: .5em;
  padding-left: 1em;
}

#inner-content.casestudy-archive #main .featured-post {
  display: none;
}

#inner-content.casestudy-archive #main.filterActive .featured-post {
  display: block;
}

#inner-content.casestudy-archive .featured-post,
#inner-content.casestudy-archive article {
  border: 1px solid #eeeded;
  margin-bottom: 2em;
  position: relative;
  z-index: 10;
}

@media only screen and (min-width: 768px) {
  #inner-content.casestudy-archive .featured-post,
  #inner-content.casestudy-archive article {
    padding-bottom: 2em;
  }
}

#inner-content.casestudy-archive .featured-postfirst-of-type,
#inner-content.casestudy-archive articlefirst-of-type {
  clear: left;
}

#inner-content.casestudy-archive .featured-post h2,
#inner-content.casestudy-archive article h2 {
  margin-bottom: 3px;
  line-height: 1em;
  color: #000;
}

#inner-content.casestudy-archive .featured-post .txt,
#inner-content.casestudy-archive article .txt {
  padding: 0 1em;
  overflow: hidden;
  color: #666;
  font-weight: 600;
  font-size: 1em;
}

#inner-content.casestudy-archive .featured-post .entry-content,
#inner-content.casestudy-archive article .entry-content {
  padding: 0 1em;
  overflow: hidden;
}

#inner-content.casestudy-archive .featured-post .location,
#inner-content.casestudy-archive article .location {
  font-weight: 100;
  font-size: .85em;
  padding: .2em 0;
}

#inner-content.casestudy-archive .featured-post.clear-left,
#inner-content.casestudy-archive article.clear-left {
  clear: left;
}

#inner-content.casestudy-archive .featured-post {
  width: 98%;
  overflow: hidden;
  border: none;
  border-left: 12px solid #ffc425;
  padding-bottom: 0;
  margin: 0 auto 2em;
  background: #eeeded;
  -webkit-box-shadow: 0px 0px 0px 1px #eeeded;
  -moz-box-shadow: 0px 0px 0px 1px #eeeded;
  box-shadow: 0px 0px 0px 1px #eeeded;
}

#inner-content.casestudy-archive .featured-post .img {
  max-height: none;
  margin: 0;
  overflow: hidden;
}

@media only screen and (min-width: 768px) {
  #inner-content.casestudy-archive .featured-post .img {
    width: 60%;
    float: right;
    height: 100%;
  }
}

#inner-content.casestudy-archive .featured-post .img img {
  display: block;
}

@media only screen and (min-width: 1300px) {
  #inner-content.casestudy-archive .featured-post .img img {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) {
  #inner-content.casestudy-archive .featured-post .img img {
    max-width: none;
    height: 100%;
    left: 50%;
    position: relative;
    -o-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
}

#inner-content.casestudy-archive .featured-post .txt {
  padding: 0 1em;
  font-weight: 100;
}

#inner-content.casestudy-archive .featured-post header {
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}

#inner-content.casestudy-archive .featured-post header .featured {
  text-transform: uppercase;
  margin-bottom: .5em;
  font-weight: 600;
}

#inner-content.casestudy-archive .featured-post header .location {
  font-weight: 100;
  margin: .4em 0 0;
  font-size: .9em;
  padding: 0;
}

#inner-content.casestudy-archive .featured-post header .location em {
  font-style: normal;
}

#inner-content.casestudy-archive .featured-post header .category {
  margin: 0;
  padding: .25em 0;
  font-size: .9em;
  line-height: 1.4em;
}

#inner-content.casestudy-archive .featured-post header span {
  border-right: 1px solid #bfbfbf;
  padding-right: 5px;
  padding-left: 5px;
  font-size: 1em;
}

#inner-content.casestudy-archive .featured-post header span:last-child {
  border: none;
}

#inner-content.casestudy-archive .featured-post .entry-content {
  padding: 0 1em;
}

#inner-content.casestudy-archive .featured-post .button {
  left: 50%;
  position: relative;
  margin-top: .5em;
  font-size: 1.5em;
  -o-transform: translate(-50%, 0px);
  -moz-transform: translate(-50%, 0px);
  -ms-transform: translate(-50%, 0px);
  -webkit-transform: translate(-50%, 0px);
  transform: translate(-50%, 0px);
}

#inner-content.casestudy-archive .category {
  line-height: 1em;
  display: block;
  color: #666;
  font-weight: 100;
  font-size: 1em;
  padding: .9em 0;
}

#inner-content.casestudy-archive .img {
  max-height: 250px;
  overflow: hidden;
  margin-bottom: 10px;
}

#inner-content.casestudy-archive .case {
  width: 98%;
  margin: 0 1% 2em 1%;
}

@media only screen and (min-width: 768px) {
  #inner-content.casestudy-archive .case {
    width: 48%;
    float: left;
    margin: 0 1% 2em 1%;
  }
}

#inner-content.casestudy-archive footer {
  background: #eeeded;
  padding: .3em 1em;
  font-size: 1em;
  width: 100%;
}

@media only screen and (min-width: 768px) {
  #inner-content.casestudy-archive footer {
    position: absolute;
    bottom: 0;
  }
}

#inner-content.casestudy-archive footer span {
  border-right: 1px solid #bfbfbf;
  padding-right: 5px;
  padding-left: 5px;
}

#inner-content.casestudy-archive footer span:last-child {
  border: none;
}

#inner-content.casestudy-archive footer a {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 10px;
  border-color: transparent transparent transparent #000;
  display: block;
  float: right;
  margin-top: .3em;
}

/*********************
GRAVITY FORMS, ETC
*********************/
input {
  font-family: "Proxima Nova W15", "Neue Helvetica W01", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

body #inner-content #main label {
  font-family: "Trade Gothic W01", Helvetica, arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif;
  font-size: 1.35em;
  text-transform: uppercase;
  color: #939598;
  font-weight: 500;
  clear: left;
}

body #inner-content #main label.inline {
  font-family: "Proxima Nova W15", "Neue Helvetica W01", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 1em;
  text-transform: none;
  color: #000;
  font-weight: 100;
}

body #inner-content #main div.selector select {
  max-width: 15em;
}

body #inner-content #main .gfield_radio label,
body #inner-content #main .gfield_checkbox label {
  font-family: "Proxima Nova W15", "Neue Helvetica W01", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 1em;
  text-transform: none;
  color: #000;
  font-weight: 100;
}

body #inner-content #main .gform_wrapper ul.gfield_checkbox li input[type="checkbox"],
body #inner-content #main .gform_wrapper ul.gfield_radio li input[type="radio"] {
  margin-bottom: 0;
  margin-top: 0.3em;
  width: auto !important;
}

body #inner-content #main .entry-content .gfield img {
  margin: 0;
}

body #inner-content #main .gform_wrapper .gfield_checkbox li label,
body #inner-content #main .gform_wrapper .gfield_radio li label {
  margin: 0 0 0 0.5em;
}

body #inner-content #main .gform_wrapper form .gform_body input {
  font-size: 100% !important;
  padding: 0.25em !important;
  font-family: "Proxima Nova W15", "Neue Helvetica W01", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

body #inner-content #main .ginput_complex > span {
  margin-top: 0.5em;
}

body #inner-content #main .gform_wrapper textarea {
  font-size: 1em;
}

body #inner-content #main select,
body #inner-content #main form .selector,
body #inner-content #main input {
  margin-bottom: 1em;
}

body #inner-content #main .selector {
  width: 100% !important;
}

body #inner-content #main fieldset {
  margin: 1em 0;
  padding: 0;
}

body #inner-content #main #tellus textarea {
  min-width: 17em;
  width: auto;
}

body #inner-content #main input[type="checkbox"], body #inner-content #main input[type="radio"] {
  width: auto;
}

body #inner-content #main .gform_wrapper .ginput_complex label,
body #inner-content #main .gform_wrapper .gfield_time_hour label,
body #inner-content #main .gform_wrapper .gfield_time_minute label,
body #inner-content #main .gform_wrapper .gfield_date_month label,
body #inner-content #main .gform_wrapper .gfield_date_day label,
body #inner-content #main .gform_wrapper .gfield_date_year label,
body #inner-content #main .gform_wrapper .instruction {
  font-size: 0.8em;
  font-family: "Proxima Nova W15", "Neue Helvetica W01", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  margin-top: -.5em;
  text-transform: none;
}

body #inner-content #main .gform_wrapper .gsection .gfield_label,
body #inner-content #main .gform_wrapper h2.gsection_title,
body #inner-content #main .gform_wrapper h3.gform_title {
  font-size: 2.168em;
}

body #inner-content #main .gform_wrapper .top_label .gfield_label,
body #inner-content #main .gform_wrapper .gsection .gfield_label,
body #inner-content #main .gform_wrapper h2.gsection_title,
body #inner-content #main .gform_wrapper h3.gform_title {
  font-weight: normal;
}

body #inner-content #main .gform_wrapper .gfield_checkbox li label,
body #inner-content #main .gform_wrapper .gfield_radio li label {
  display: inline;
}

body #inner-content #main .gfield_radio input {
  float: none;
}

body #inner-content #main .gfield_radio label {
  font-family: "Proxima Nova W15", "Neue Helvetica W01", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 1em;
  text-transform: none;
  color: #000;
  font-weight: 100;
  display: inline;
  margin: 0 0 0 .5em;
}

body #inner-content #main body .entry-content form#pardot-form fieldset .selector {
  width: 100% !important;
}

body #inner-content #main body div form#pardot-form fieldset div.selector span {
  width: 100%;
}

body #inner-content #main body div form#pardot-form fieldset select#country {
  width: 100px;
  padding-right: 2em;
  color: red;
  border: solid 1px red;
  display: none;
}

body #inner-content #main #pardot-form input {
  width: 100%;
}

body #inner-content #main #pardot-form input[type="checkbox"], body #inner-content #main #pardot-form input[type="radio"] {
  width: 13px;
  height: 25px;
  padding: 0;
  margin: 0;
  vertical-align: bottom;
  position: relative;
  top: .1em;
}

body #inner-content #main #tellusmore {
  width: 100% !important;
  max-width: 100% !important;
}

body #inner-content #main #tellus {
  padding: 0 .5em;
}

#free-trial-interest-div {
  padding: 0 .5em;
}

.cb-wrapper br, .cb-wrapper2 br {
  display: none;
}

body form#pardot-form div.cb-wrapper {
  text-align: left !important;
  text-indent: 1.5em;
}

body div.logic, body div.contact-form {
  width: 50%;
  padding-right: .5em;
  float: left;
  padding-left: .5em;
}

body #pardot-form fieldset div input {
  min-height: 25px;
  margin-top: -1px;
}

/*********************
Google Custom Search
*********************/
body .gsc-control-cse {
  padding: 0;
  margin: 0;
  font-family: "Proxima Nova W15", "Neue Helvetica W01", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

body .gsc-control-cse table {
  margin: 0;
}

body .gsc-control-cse .gsc-above-wrapper-area {
  border: none;
}

body .gsc-control-cse .gsc-selected-option-container {
  padding: 0 6px;
  max-width: 100%;
  width: auto !important;
}

body .gsc-control-cse .gs-webResult div.gs-visibleUrl,
body .gsc-control-cse .gs-imageResult div.gs-visibleUrl {
  color: #cc9d21;
  font-weight: 100;
}

body .gsc-control-cse .gsc-table-result {
  border-top: 1px solid #e1e2e3;
}

body .gsc-control-cse .gsc-table-cell-thumbnail,
body .gsc-control-cse .gs-promotion-image-cell {
  vertical-align: middle;
}

body .gsc-control-cse .gsc-results .gsc-cursor-box {
  border-top: 1px solid #e1e2e3;
  font-size: 1.2em;
}

body .gsc-control-cse .gsc-results .gsc-cursor-box .gsc-cursor-page {
  color: #242424;
  background: none;
  border: none;
}

body .gsc-control-cse .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
  font-weight: bold;
}

.page-template-page-search-results-php #main h1 {
  margin: 0 auto;
  max-width: 960px;
  padding-left: 0.5em;
}

#main .gsc-control-cse .gsc-webResult.gsc-result, #main .gsc-control-cse .gsc-results .gsc-imageResult {
  border: none;
}

#main .gsc-control-cse .gsc-result {
  word-wrap: break-word;
}

#main .gsc-control-cse .gsc-result .gs-title {
  height: auto;
}

#main .gsc-control-cse .cse .gsc-webResult.gsc-result,
#main .gsc-control-cse .gsc-webResult.gsc-result,
#main .gsc-control-cse .gsc-imageResult-classic,
#main .gsc-control-cse .gsc-imageResult-column {
  margin: 0;
  padding: 1em 0 1.5em 0.5em;
  border-top: 1px solid #E1E2E3;
}

#main .gsc-control-cse .gsc-table-result {
  border: none;
}

#main .gsc-control-cse .gsc-webResult.gsc-result:hover,
#main .gsc-control-cse .gsc-results .gsc-imageResult:hover {
  border-left: none;
  background: #E7E8E9;
}

#main .gsc-control-cse .cse input.gsc-input, #main .gsc-control-cse input.gsc-input {
  font-size: 2em;
}

#main .gsc-control-cse .cse input.gsc-search-button, #main .gsc-control-cse input.gsc-search-button {
  font-size: 2em;
  height: 1.7em;
}

#main .gsc-control-cse td.gsc-clear-button {
  display: none;
}

#main .gsc-control-cse .gsc-table-result * {
  font-size: 1.04em;
  line-height: 1.4em;
}

#main .gsc-control-cse .gs-spelling,
#main .gsc-control-cse .gs-result .gs-title,
#main .gsc-control-cse .gs-result .gs-title * {
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
}

#main .gsc-control-cse .gs-spelling b,
#main .gsc-control-cse .gs-result .gs-title b,
#main .gsc-control-cse .gs-result .gs-title * b {
  color: #cc9d21;
}

#main .gsc-control-cse form.gsc-search-box {
  max-width: 960px;
  margin: 0 auto;
}

/*********************
VIDEOS PAGE
*********************/
.page-id-86 h1 {
  margin-left: 0.65em;
}

.page-id-86 #main .entry-content h2 {
  padding: 1em 0 0 1em;
}

/*********************
SITEMAP PAGE
*********************/
#sitemap-main {
  max-width: 30em;
}

#sitemap-main a {
  text-decoration: none;
  color: #000;
}

#sitemap-main a:hover {
  color: #cc9d21;
}

#sitemap-main li {
  margin: 0.5em 0;
}

#sitemap-main ul {
  margin-bottom: 0.5em;
  margin-top: 0;
  margin-left: 1em;
}

#sitemap-main > li {
  margin-bottom: 1em;
}

#sitemap-main > li > a {
  border-bottom: 1px solid #ccc;
  margin-bottom: 0.5em;
  font-weight: bold;
  display: block;
}

/*********************
SOCIALIST GENIUS NOT AT WORK STYLES
*********************/
.socialist {
  box-shadow: #999 1px 1px 1px 0px;
  *border: 1px solid #333;
  background-color: #fefefe;
  color: #666;
  font-size: 12px;
  margin: 10px;
  width: 200px;
  overflow: hidden;
}

.socialist .head {
  padding: 5px;
}

.socialist .content {
  min-height: 140px;
  border: 7px solid #fffff8;
}

.socialist .content div {
  padding: 3px;
  padding-top: 0px;
  color: #999;
}

.socialist .content img {
  width: 174px;
  margin: 4px;
  border: 1px solid #ddd;
}

.socialist .foot {
  color: #fff;
  padding: 5px;
  background-color: #888;
  height: 34px;
}

.socialist .foot a {
  color: #fff;
}

.socialist .source {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

.socialist .api {
  float: right;
  background-repeat: no-repeat;
}

.socialist .api a {
  height: 32px;
  width: 32px;
  display: block;
}

.socialist .date {
  margin-left: 0px;
  font-size: 80%;
}

.socialist-pinterest .foot {
  background-color: #cc0000;
}

.socialist-pinterest .content img {
  width: 150px;
}

.socialist-pinterest .api {
  background-image: url("images/32/pinterest-32x32.png");
}

.socialist-linkedin .content img {
  width: 70px !important;
  max-width: 70px !important;
  min-width: 70px !important;
  float: left;
}

.socialist-linkedin .foot {
  background-color: #4875B4;
}

.socialist-linkedin .api {
  background-image: url("images/32/linkedin-32x32.png");
}

.socialist-rss .foot {
  background-color: #FF7400;
}

.socialist-rss .api {
  background-image: url("images/32/rss-32x32.png");
}

.socialist-facebook .foot {
  background-color: #3B5998;
}

.socialist-facebook .api {
  background-image: url("images/32/facebook-32x32.png");
}

.socialist-flickr .foot {
  background-color: #dfdfdf;
}

.socialist-flickr .api {
  background-image: url("images/32/flickr-32x32.png");
}

.socialist-twitter .content img {
  width: 60px !important;
  max-width: 60px !important;
  min-width: 60px !important;
  float: left;
}

.socialist-twitter .foot {
  background-color: #4099ff;
}

.socialist-twitter .api {
  background-image: url("images/32/twitter-32x32.png");
}

.socialist-tumblr .foot {
  background-color: #00225F;
}

.socialist-tumblr .api {
  background-image: url("images/32/tumblr-32x32.png");
}

.socialist-craigslist .foot {
  background-color: #700070;
}

.socialist-craigslist .api {
  background-image: url("images/32/craigslist-32x32.png");
}

.socialist-google .foot {
  background-color: #d61e1e;
}

.socialist-google .content img {
  width: auto !important;
  min-width: 100px !important;
}

.socialist-google .api {
  background-image: url("images/32/google-32x32.png");
}

.socialist-youtube .api {
  background-image: url("images/32/youtube-32x32.png");
}

.socialist-instagram .content img {
  width: 150px;
}

.socialist-instagram .api {
  background-image: url("images/32/instagram-32x32.png");
}

.socialist-vimeo .foot {
  background-color: #4ebbff;
}

.socialist-vimeo .content img {
  width: 150px;
}

.socialist-vimeo .api {
  background-image: url("images/32/vimeo-32x32.png");
}

/* simple list */
.socialist-simple {
  box-shadow: #999 0px 0px 0px 0px;
  margin: 0;
  width: auto;
}

.socialist-simple .content {
  min-height: 1px;
  border: 0;
}

/* large */
.socialist-large {
  width: 300px;
}

.socialist-large .content img {
  width: 200px;
  margin: 7px;
}

.socialist-large .socialist-fixed {
  height: 300px;
}

.socialist-large .socialist-fixed .content img {
  max-width: 300px !important;
}

.socialist-large .socialist-clean .content img {
  min-width: 300px;
}

/* small */
.socialist-small {
  width: 110px;
  font-size: 70%;
  overflow: hidden;
  margin: 5px;
}

.socialist-small .content {
  min-height: 100px;
  border: 0;
  overflow: hidden;
}

.socialist-small .content div {
  padding: 1px;
}

.socialist-small .content img {
  margin: 0px;
}

.socialist-small .foot {
  height: 25px;
}

.socialist-small {
  max-height: 135px !important;
}

/* fixed */
.socialist-fixed {
  height: 240px;
  overflow: hidden;
}

.socialist-fixed .foot {
  position: absolute;
  bottom: 0;
  width: 97%;
}

.socialist-fixed .content img {
  max-width: 120px;
  *max-height: 100px;
}

/* clean */
.socialist-clean {
  box-shadow: #aaa 2px 2px 0px 0px;
}

.socialist-clean .content {
  border-width: 0px;
}

.socialist-clean .content img {
  min-width: 200px;
  margin: 0px;
  border: 0px;
}

.socialist-clean .content div {
  padding: 6px;
}

.socialist-clean .foot {
  background-color: #fff !important;
  color: #ccc;
  padding: 6px;
}

.socialist-clean .foot a {
  color: #333;
}

.socialist-loader {
  min-width: 120px;
  min-height: 120px;
  background-image: url("images/ajax-loader.gif");
  background-repeat: no-repeat;
}

/*********************
NEW FOR HOME LANDING PAGE
*********************/
@media only screen and (min-width: 768px) {
  .page-template-page-stacked-flex-template-php #for-home-special .mobile-block,
  .page-template-page-for-home-products-php #for-home-special .mobile-block,
  .page-template-page-main-press-php #for-home-special .mobile-block,
  .page-template-page-for-home-v2-php #for-home-special .mobile-block {
    height: 0;
    left: 36%;
    padding-bottom: 29%;
    position: absolute;
    top: 0;
    width: 90%;
  }
}

@media only screen and (min-width: 790px) {
  .page-template-page-stacked-flex-template-php #for-home-special .mobile-block,
  .page-template-page-for-home-products-php #for-home-special .mobile-block,
  .page-template-page-main-press-php #for-home-special .mobile-block,
  .page-template-page-for-home-v2-php #for-home-special .mobile-block {
    left: 46%;
    top: 0;
    width: 80%;
  }
}

@media only screen and (min-width: 1030px) {
  .page-template-page-stacked-flex-template-php #for-home-special .mobile-block,
  .page-template-page-for-home-products-php #for-home-special .mobile-block,
  .page-template-page-main-press-php #for-home-special .mobile-block,
  .page-template-page-for-home-v2-php #for-home-special .mobile-block {
    width: 70%;
  }
}

@media only screen and (min-width: 1200px) {
  .page-template-page-stacked-flex-template-php #for-home-special .mobile-block,
  .page-template-page-for-home-products-php #for-home-special .mobile-block,
  .page-template-page-main-press-php #for-home-special .mobile-block,
  .page-template-page-for-home-v2-php #for-home-special .mobile-block {
    left: 50%;
    width: 56%;
  }
}

.page-template-page-stacked-flex-template-php #for-home-special .left.half,
.page-template-page-for-home-products-php #for-home-special .left.half,
.page-template-page-main-press-php #for-home-special .left.half,
.page-template-page-for-home-v2-php #for-home-special .left.half {
  padding: 3em 0;
}

.page-template-page-stacked-flex-template-php .entry-content img,
.page-template-page-for-home-products-php .entry-content img,
.page-template-page-main-press-php .entry-content img,
.page-template-page-for-home-v2-php .entry-content img {
  margin: 0;
}

.page-template-page-stacked-flex-template-php section,
.page-template-page-for-home-products-php section,
.page-template-page-main-press-php section,
.page-template-page-for-home-v2-php section {
  overflow: hidden;
  position: relative;
}

.page-template-page-stacked-flex-template-php .article-header h1,
.page-template-page-for-home-products-php .article-header h1,
.page-template-page-main-press-php .article-header h1,
.page-template-page-for-home-v2-php .article-header h1 {
  margin-left: 0.3em;
  font-family: "Neue Helvetica W01", Helvetica, Arial, sans-serif;
}

.page-template-page-stacked-flex-template-php .products-v2,
.page-template-page-for-home-products-php .products-v2,
.page-template-page-main-press-php .products-v2,
.page-template-page-for-home-v2-php .products-v2 {
  margin: 1em;
  min-height: 25em;
}

.page-template-page-stacked-flex-template-php .products-v2 .product-desc,
.page-template-page-for-home-products-php .products-v2 .product-desc,
.page-template-page-main-press-php .products-v2 .product-desc,
.page-template-page-for-home-v2-php .products-v2 .product-desc {
  display: block;
}

.page-template-page-stacked-flex-template-php .products-v2:hover .hover,
.page-template-page-for-home-products-php .products-v2:hover .hover,
.page-template-page-main-press-php .products-v2:hover .hover,
.page-template-page-for-home-v2-php .products-v2:hover .hover {
  top: 3.1em;
  font-size: 90%;
  height: 100%;
  background: rgba(255, 255, 255, 0.95);
}

.page-template-page-stacked-flex-template-php .products-v2:hover .product-desc,
.page-template-page-for-home-products-php .products-v2:hover .product-desc,
.page-template-page-main-press-php .products-v2:hover .product-desc,
.page-template-page-for-home-v2-php .products-v2:hover .product-desc {
  height: auto;
}

.page-template-page-stacked-flex-template-php .hover,
.page-template-page-for-home-products-php .hover,
.page-template-page-main-press-php .hover,
.page-template-page-for-home-v2-php .hover {
  top: 75%;
  padding: 0.5em;
  position: absolute;
  text-align: center;
  width: 100%;
  background: rgba(255, 255, 255, 0.75);
  height: 5.5em;
  overflow: hidden;
  cursor: pointer;
  -o-transition: all .5s;
  -ms-transition: all .5s;
  -moz-transition: all .5s;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.page-template-page-stacked-flex-template-php .product-desc,
.page-template-page-for-home-products-php .product-desc,
.page-template-page-main-press-php .product-desc,
.page-template-page-for-home-v2-php .product-desc {
  padding: 1em;
  text-align: left;
}

.page-template-page-stacked-flex-template-php .product-header,
.page-template-page-for-home-products-php .product-header,
.page-template-page-main-press-php .product-header,
.page-template-page-for-home-v2-php .product-header {
  position: relative;
  top: 0;
  width: 100%;
  background: #ccc;
  line-height: 2em;
  text-align: center;
  margin: 0 auto;
  font-size: 1.5em;
  font-family: "Neue Helvetica W01", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}

.page-template-page-stacked-flex-template-php .product-header a,
.page-template-page-for-home-products-php .product-header a,
.page-template-page-main-press-php .product-header a,
.page-template-page-for-home-v2-php .product-header a {
  display: block;
  color: #000;
  text-decoration: none;
  height: 100%;
  width: 100%;
}

.page-template-page-stacked-flex-template-php #products .products-v2,
.page-template-page-for-home-products-php #products .products-v2,
.page-template-page-main-press-php #products .products-v2,
.page-template-page-for-home-v2-php #products .products-v2 {
  position: relative;
}

.page-template-page-stacked-flex-template-php #products .product-name,
.page-template-page-for-home-products-php #products .product-name,
.page-template-page-main-press-php #products .product-name,
.page-template-page-for-home-v2-php #products .product-name {
  text-align: center;
  font-family: "Trade Gothic W01", Helvetica, arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif;
  font-size: 2em;
}

.page-template-page-stacked-flex-template-php #products .product-name .sub-text,
.page-template-page-for-home-products-php #products .product-name .sub-text,
.page-template-page-main-press-php #products .product-name .sub-text,
.page-template-page-for-home-v2-php #products .product-name .sub-text {
  font-family: "Proxima Nova W15", "Neue Helvetica W01", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  display: block;
  font-size: .5em;
}

.page-template-page-stacked-flex-template-php .contain,
.page-template-page-for-home-products-php .contain,
.page-template-page-main-press-php .contain,
.page-template-page-for-home-v2-php .contain {
  max-width: 1000px;
  margin: 0 auto;
}

.page-template-page-stacked-flex-template-php .center,
.page-template-page-for-home-products-php .center,
.page-template-page-main-press-php .center,
.page-template-page-for-home-v2-php .center {
  text-align: center;
}

.page-template-page-stacked-flex-template-php section > section,
.page-template-page-for-home-products-php section > section,
.page-template-page-main-press-php section > section,
.page-template-page-for-home-v2-php section > section {
  margin: 0 1em;
  padding: 0 1em;
}

.page-template-page-stacked-flex-template-php section.full,
.page-template-page-for-home-products-php section.full,
.page-template-page-main-press-php section.full,
.page-template-page-for-home-v2-php section.full {
  margin: 0 auto;
  padding: 0;
}

.page-template-page-stacked-flex-template-php section.full section,
.page-template-page-for-home-products-php section.full section,
.page-template-page-main-press-php section.full section,
.page-template-page-for-home-v2-php section.full section {
  margin: 0;
  padding: 0;
}

.page-template-page-stacked-flex-template-php .content-block.links,
.page-template-page-for-home-products-php .content-block.links,
.page-template-page-main-press-php .content-block.links,
.page-template-page-for-home-v2-php .content-block.links {
  float: right;
}

.chat-btn.button {
  background: #000;
  color: #ffc425;
}

.chat-btn.button .icon-chat:before {
  font-size: 1.5em;
  line-height: 0;
  position: relative;
  top: 0.2em;
}

.page-template-page-stacked-flex-template-php .footer,
.page-template-page-main-press-php .footer,
.page-template-page-for-home-products-php .footer {
  margin-top: 0;
}

.page-template-page-stacked-flex-template-php #inner-content,
.page-template-page-main-press-php #inner-content,
.page-template-page-for-home-products-php #inner-content {
  padding: 0;
}

.page-template-page-stacked-flex-template-php .wrap,
.page-template-page-main-press-php .wrap,
.page-template-page-for-home-products-php .wrap {
  width: 100%;
  max-width: 100%;
  padding: 0;
}

.page-template-page-stacked-flex-template-php #content header,
.page-template-page-main-press-php #content header,
.page-template-page-for-home-products-php #content header {
  position: relative;
  overflow: hidden;
}

.page-template-page-stacked-flex-template-php #content header .contain,
.page-template-page-main-press-php #content header .contain,
.page-template-page-for-home-products-php #content header .contain {
  left: 5%;
  max-width: 90%;
  width: 100%;
  position: absolute;
  top: 50%;
  -o-transform: translate(0px, -50%);
  -moz-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  -webkit-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
  z-index: 2;
}

@media only screen and (max-width: 399px) {
  .page-template-page-stacked-flex-template-php #content header .contain,
  .page-template-page-main-press-php #content header .contain,
  .page-template-page-for-home-products-php #content header .contain {
    margin-top: -1em;
  }
}

.page-template-page-stacked-flex-template-php #content header h1,
.page-template-page-stacked-flex-template-php #content header h2,
.page-template-page-main-press-php #content header h1,
.page-template-page-main-press-php #content header h2,
.page-template-page-for-home-products-php #content header h1,
.page-template-page-for-home-products-php #content header h2 {
  position: relative;
  z-index: 2;
  font-family: "Neue Helvetica W01", Helvetica, Arial, sans-serif;
}

.page-template-page-stacked-flex-template-php #content header h1,
.page-template-page-main-press-php #content header h1,
.page-template-page-for-home-products-php #content header h1 {
  margin-left: 0;
}

.page-template-page-stacked-flex-template-php #content header h1 sup,
.page-template-page-main-press-php #content header h1 sup,
.page-template-page-for-home-products-php #content header h1 sup {
  font-size: 9px;
  left: -1.5em;
  top: -4em;
}

.page-template-page-stacked-flex-template-php #content header h2,
.page-template-page-main-press-php #content header h2,
.page-template-page-for-home-products-php #content header h2 {
  font-size: 1.2em;
}

.page-template-page-stacked-flex-template-php #content header .plus-btn,
.page-template-page-main-press-php #content header .plus-btn,
.page-template-page-for-home-products-php #content header .plus-btn {
  color: #20929d;
  display: block;
  float: left;
  font-size: 1.2em;
  padding-top: 0.86em;
  text-decoration: none;
}

.page-template-page-stacked-flex-template-php #content header .plus-btn:hover,
.page-template-page-main-press-php #content header .plus-btn:hover,
.page-template-page-for-home-products-php #content header .plus-btn:hover {
  color: #0f4348;
}

.page-template-page-stacked-flex-template-php #content header .plus-btn span,
.page-template-page-main-press-php #content header .plus-btn span,
.page-template-page-for-home-products-php #content header .plus-btn span {
  position: relative;
  top: 0.13em;
}

.page-template-page-stacked-flex-template-php #content header .button,
.page-template-page-main-press-php #content header .button,
.page-template-page-for-home-products-php #content header .button {
  margin-top: 0.5em;
  clear: left;
  float: left;
}

.page-template-page-stacked-flex-template-php #content header .button.haiku-buy,
.page-template-page-main-press-php #content header .button.haiku-buy,
.page-template-page-for-home-products-php #content header .button.haiku-buy {
  clear: none;
  float: left;
  margin-left: .5em;
}

@media only screen and (min-width: 400px) {
  .page-template-page-stacked-flex-template-php #content header .button,
  .page-template-page-main-press-php #content header .button,
  .page-template-page-for-home-products-php #content header .button {
    clear: none;
    float: left;
    margin-left: 1em;
  }
}

.page-template-page-stacked-flex-template-php #content header .chat-btn,
.page-template-page-main-press-php #content header .chat-btn,
.page-template-page-for-home-products-php #content header .chat-btn {
  position: absolute;
  bottom: 0;
  z-index: 3;
  right: 0;
  margin: 0;
  text-align: center;
  width: 100%;
}

.page-template-page-stacked-flex-template-php #content header #haiku-energy-star,
.page-template-page-main-press-php #content header #haiku-energy-star,
.page-template-page-for-home-products-php #content header #haiku-energy-star {
  bottom: 2.5em;
  display: block;
  left: 5%;
  margin-right: 0.5em;
  margin-top: 0.5em;
  max-width: 2.65em;
  position: absolute;
  z-index: 1;
}

@media only screen and (max-width: 399px) {
  .page-template-page-stacked-flex-template-php #content header #haiku-energy-star,
  .page-template-page-main-press-php #content header #haiku-energy-star,
  .page-template-page-for-home-products-php #content header #haiku-energy-star {
    bottom: 3.5em;
  }
}

.page-template-page-stacked-flex-template-php #content header #works-with-nest,
.page-template-page-main-press-php #content header #works-with-nest,
.page-template-page-for-home-products-php #content header #works-with-nest {
  display: block;
  position: absolute;
  bottom: 2.5em;
  left: 5%;
  max-width: 6em;
  margin-top: 0.5em;
  margin-right: 0.5em;
  margin-left: 3em;
  z-index: 1;
}

@media only screen and (max-width: 399px) {
  .page-template-page-stacked-flex-template-php #content header #works-with-nest,
  .page-template-page-main-press-php #content header #works-with-nest,
  .page-template-page-for-home-products-php #content header #works-with-nest {
    bottom: 3.5em;
  }
}

.page-template-page-stacked-flex-template-php #content header #header-product-shot-haiku,
.page-template-page-main-press-php #content header #header-product-shot-haiku,
.page-template-page-for-home-products-php #content header #header-product-shot-haiku {
  position: absolute;
  left: 50%;
  -o-transform: translate(-50%, 0%);
  -moz-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  margin-left: 25%;
  top: 0;
  max-width: 70%;
  z-index: 1;
  min-width: 320px;
}

.page-template-page-stacked-flex-template-php #content header #header-product-shot-isis,
.page-template-page-main-press-php #content header #header-product-shot-isis,
.page-template-page-for-home-products-php #content header #header-product-shot-isis {
  position: absolute;
  right: 0;
  left: auto;
  margin-left: 7%;
  top: 1px;
  max-width: 69%;
  z-index: 1;
  min-width: 320px;
}

@media only screen and (min-width: 768px) {
  .page-template-page-stacked-flex-template-php #content header #header-product-shot-isis,
  .page-template-page-main-press-php #content header #header-product-shot-isis,
  .page-template-page-for-home-products-php #content header #header-product-shot-isis {
    top: -8%;
  }
}

.page-template-page-stacked-flex-template-php #content header #header-product-shot-essence,
.page-template-page-main-press-php #content header #header-product-shot-essence,
.page-template-page-for-home-products-php #content header #header-product-shot-essence {
  /*position: absolute;
			right: 0;
			left: auto;
			margin-left: 7%;
			top: 1px;
			max-width: 89%;
			z-index: 1;
			min-width: 320px;*/
  position: absolute;
  right: 0;
  left: auto;
  margin-left: 7%;
  top: 1px;
  max-width: 69%;
  z-index: 1;
  min-width: 320px;
}

@media only screen and (min-width: 768px) {
  .page-template-page-stacked-flex-template-php #content header #header-product-shot-essence,
  .page-template-page-main-press-php #content header #header-product-shot-essence,
  .page-template-page-for-home-products-php #content header #header-product-shot-essence {
    top: -8%;
  }
}

.page-template-page-stacked-flex-template-php #content header #header-bg-shot,
.page-template-page-main-press-php #content header #header-bg-shot,
.page-template-page-for-home-products-php #content header #header-bg-shot {
  min-width: 100%;
  max-width: none;
  min-height: 100%;
  width: auto;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

.page-template-page-stacked-flex-template-php #content-rows .contain,
.page-template-page-main-press-php #content-rows .contain,
.page-template-page-for-home-products-php #content-rows .contain {
  max-width: 1240px;
  width: 95%;
  position: relative;
}

.page-template-page-stacked-flex-template-php #content-rows .full-width .contain,
.page-template-page-main-press-php #content-rows .full-width .contain,
.page-template-page-for-home-products-php #content-rows .full-width .contain {
  max-width: 100%;
  width: 100%;
}

.page-template-page-stacked-flex-template-php #content-rows h2,
.page-template-page-stacked-flex-template-php #content-rows h3,
.page-template-page-main-press-php #content-rows h2,
.page-template-page-main-press-php #content-rows h3,
.page-template-page-for-home-products-php #content-rows h2,
.page-template-page-for-home-products-php #content-rows h3 {
  font-family: "Neue Helvetica W01", Helvetica, Arial, sans-serif;
}

.page-template-page-stacked-flex-template-php #content-rows .block-image,
.page-template-page-main-press-php #content-rows .block-image,
.page-template-page-for-home-products-php #content-rows .block-image {
  text-align: center;
}

.page-template-page-stacked-flex-template-php #content-rows .details,
.page-template-page-main-press-php #content-rows .details,
.page-template-page-for-home-products-php #content-rows .details {
  position: relative;
  z-index: 12;
}

.page-template-page-stacked-flex-template-php #content-rows .details .contain,
.page-template-page-main-press-php #content-rows .details .contain,
.page-template-page-for-home-products-php #content-rows .details .contain {
  overflow: hidden;
}

.page-template-page-stacked-flex-template-php #content-rows .slides,
.page-template-page-main-press-php #content-rows .slides,
.page-template-page-for-home-products-php #content-rows .slides {
  margin: 0;
  list-style: none;
}

.page-template-page-stacked-flex-template-php #content-rows .slides li,
.page-template-page-main-press-php #content-rows .slides li,
.page-template-page-for-home-products-php #content-rows .slides li {
  display: none;
}

.page-template-page-stacked-flex-template-php #content-rows .slides li:first-child,
.page-template-page-main-press-php #content-rows .slides li:first-child,
.page-template-page-for-home-products-php #content-rows .slides li:first-child {
  display: block;
}

.page-template-page-stacked-flex-template-php #content-rows .block-gallery,
.page-template-page-main-press-php #content-rows .block-gallery,
.page-template-page-for-home-products-php #content-rows .block-gallery {
  position: relative;
  padding-bottom: 70px;
}

.page-template-page-stacked-flex-template-php #content-rows .block-gallery ul,
.page-template-page-main-press-php #content-rows .block-gallery ul,
.page-template-page-for-home-products-php #content-rows .block-gallery ul {
  margin: 0;
  list-style: none;
}

.page-template-page-stacked-flex-template-php #content-rows .block-gallery .flex-direction-nav,
.page-template-page-main-press-php #content-rows .block-gallery .flex-direction-nav,
.page-template-page-for-home-products-php #content-rows .block-gallery .flex-direction-nav {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.page-template-page-stacked-flex-template-php #content-rows .block-gallery .flex-direction-nav a,
.page-template-page-main-press-php #content-rows .block-gallery .flex-direction-nav a,
.page-template-page-for-home-products-php #content-rows .block-gallery .flex-direction-nav a {
  opacity: .5;
  margin: -70px 0 0;
}

.page-template-page-stacked-flex-template-php #content-rows .block-gallery .flex-direction-nav a.flex-prev,
.page-template-page-main-press-php #content-rows .block-gallery .flex-direction-nav a.flex-prev,
.page-template-page-for-home-products-php #content-rows .block-gallery .flex-direction-nav a.flex-prev {
  left: 20px;
}

.page-template-page-stacked-flex-template-php #content-rows .block-gallery .flex-direction-nav a.flex-next,
.page-template-page-main-press-php #content-rows .block-gallery .flex-direction-nav a.flex-next,
.page-template-page-for-home-products-php #content-rows .block-gallery .flex-direction-nav a.flex-next {
  margin-right: 20px;
}

@media screen and (min-width: 768px) {
  .page-template-page-stacked-flex-template-php #content-rows .block-gallery .flex-direction-nav a.flex-next,
  .page-template-page-main-press-php #content-rows .block-gallery .flex-direction-nav a.flex-next,
  .page-template-page-for-home-products-php #content-rows .block-gallery .flex-direction-nav a.flex-next {
    right: 0;
  }
}

.page-template-page-stacked-flex-template-php #content-rows .block-gallery .flex-control-paging,
.page-template-page-main-press-php #content-rows .block-gallery .flex-control-paging,
.page-template-page-for-home-products-php #content-rows .block-gallery .flex-control-paging {
  position: relative;
  bottom: auto;
  display: none;
}

.page-template-page-stacked-flex-template-php .content-block,
.page-template-page-main-press-php .content-block,
.page-template-page-for-home-products-php .content-block {
  float: left;
  padding: 1em;
  width: 100%;
}

.page-template-page-stacked-flex-template-php .padless .content-block,
.page-template-page-main-press-php .padless .content-block,
.page-template-page-for-home-products-php .padless .content-block {
  padding: 0;
}

.page-template-page-stacked-flex-template-php #content-rows .details h2,
.page-template-page-main-press-php #content-rows .details h2,
.page-template-page-for-home-products-php #content-rows .details h2 {
  font-family: "Trade Gothic W01", Helvetica, arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif;
}

.page-template-page-stacked-flex-template-php #content-rows .details ul,
.page-template-page-main-press-php #content-rows .details ul,
.page-template-page-for-home-products-php #content-rows .details ul {
  list-style: none;
  margin-left: 0;
}

.page-template-page-stacked-flex-template-php .bg-image,
.page-template-page-main-press-php .bg-image,
.page-template-page-for-home-products-php .bg-image {
  background-size: cover;
  background-position: top center;
}

@media only screen and (min-width: 770px) {
  .page-template-page-stacked-flex-template-php .bg-fixed,
  .page-template-page-main-press-php .bg-fixed,
  .page-template-page-for-home-products-php .bg-fixed {
    background-attachment: fixed;
  }
}

.page-template-page-stacked-flex-template-php #main .links ul,
.page-template-page-main-press-php #main .links ul,
.page-template-page-for-home-products-php #main .links ul {
  margin: 0;
  list-style-type: none;
}

.page-template-page-stacked-flex-template-php #main .links ul li,
.page-template-page-main-press-php #main .links ul li,
.page-template-page-for-home-products-php #main .links ul li {
  border-bottom: 1px solid #000;
  padding: 0.5em;
}

.page-template-page-stacked-flex-template-php #main .links ul a,
.page-template-page-main-press-php #main .links ul a,
.page-template-page-for-home-products-php #main .links ul a {
  color: #000;
  text-decoration: none;
  line-height: 1em;
}

.page-template-page-stacked-flex-template-php #main .links ul a strong,
.page-template-page-main-press-php #main .links ul a strong,
.page-template-page-for-home-products-php #main .links ul a strong {
  display: block;
  font-family: "Trade Gothic W01", Helvetica, arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif;
  text-transform: uppercase;
  font-size: 1.3em;
}

.page-template-page-stacked-flex-template-php #main .links ul a span,
.page-template-page-main-press-php #main .links ul a span,
.page-template-page-for-home-products-php #main .links ul a span {
  display: block;
  float: right;
  font-size: 3em;
  margin-right: -0.3em;
}

.page-template-page-stacked-flex-template-php #fan-colors li,
.page-template-page-main-press-php #fan-colors li,
.page-template-page-for-home-products-php #fan-colors li {
  display: inline-block;
  height: 2em;
  width: 2em;
  border: 1px solid #ccc;
  position: relative;
  z-index: 1;
}

.page-template-page-stacked-flex-template-php #fan-colors li.cherry,
.page-template-page-main-press-php #fan-colors li.cherry,
.page-template-page-for-home-products-php #fan-colors li.cherry {
  background: url("../images/cherry-swatch.png") top center repeat;
  background-size: cover;
}

.page-template-page-stacked-flex-template-php #fan-colors li.walnut,
.page-template-page-main-press-php #fan-colors li.walnut,
.page-template-page-for-home-products-php #fan-colors li.walnut {
  background: url("../images/walnut-swatch.png") top center repeat;
  background-size: cover;
}

.page-template-page-stacked-flex-template-php #fan-colors li.caramel,
.page-template-page-main-press-php #fan-colors li.caramel,
.page-template-page-for-home-products-php #fan-colors li.caramel {
  background: url("../images/caramel-swatch.png") top center repeat;
  background-size: cover;
}

.page-template-page-stacked-flex-template-php #fan-colors li.cocoa,
.page-template-page-main-press-php #fan-colors li.cocoa,
.page-template-page-for-home-products-php #fan-colors li.cocoa {
  background: url("../images/cocoa-swatch.png") top center repeat;
  background-size: cover;
}

.page-template-page-stacked-flex-template-php #fan-colors li span,
.page-template-page-main-press-php #fan-colors li span,
.page-template-page-for-home-products-php #fan-colors li span {
  display: none;
  position: absolute;
  z-index: 2;
  background: #000;
  color: #fff;
  border-radius: 3px;
  top: -2.2em;
  text-wrap: nowrap;
  text-space-collapse: nowrap;
  white-space: nowrap;
  font-size: .8em;
  padding: .2em .5em;
}

.page-template-page-stacked-flex-template-php #fan-colors li span:after,
.page-template-page-main-press-php #fan-colors li span:after,
.page-template-page-for-home-products-php #fan-colors li span:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #000 transparent transparent transparent;
  position: absolute;
  top: 100%;
  left: 1em;
}

.page-template-page-stacked-flex-template-php #fan-colors li:hover span,
.page-template-page-main-press-php #fan-colors li:hover span,
.page-template-page-for-home-products-php #fan-colors li:hover span {
  display: block;
}

.page-template-page-stacked-flex-template-php .custom-efficient .efficient,
.page-template-page-main-press-php .custom-efficient .efficient,
.page-template-page-for-home-products-php .custom-efficient .efficient {
  padding: 2em;
  position: relative;
  z-index: 2;
}

.page-template-page-stacked-flex-template-php .custom-efficient .mobile-hide,
.page-template-page-main-press-php .custom-efficient .mobile-hide,
.page-template-page-for-home-products-php .custom-efficient .mobile-hide {
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .page-template-page-stacked-flex-template-php .mobile-hide,
  .page-template-page-main-press-php .mobile-hide,
  .page-template-page-for-home-products-php .mobile-hide {
    display: none;
  }
}

.page-template-page-stacked-flex-template-php #content-rows .content-block.testimonials,
.page-template-page-main-press-php #content-rows .content-block.testimonials,
.page-template-page-for-home-products-php #content-rows .content-block.testimonials {
  position: relative;
  max-width: 30em;
}

.page-template-page-stacked-flex-template-php #content-rows .content-block.testimonials:after,
.page-template-page-main-press-php #content-rows .content-block.testimonials:after,
.page-template-page-for-home-products-php #content-rows .content-block.testimonials:after {
  content: "”";
  display: block;
  font-size: 30em;
  line-height: 1em;
  opacity: 0.1;
  position: absolute;
  right: 0;
  top: -0.02em;
  font-family: "Trade Gothic W01", Helvetica, arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif;
  height: 1em;
  overflow: hidden;
}

.page-template-page-stacked-flex-template-php #content-rows .content-block.testimonials h2,
.page-template-page-main-press-php #content-rows .content-block.testimonials h2,
.page-template-page-for-home-products-php #content-rows .content-block.testimonials h2 {
  font-family: "Trade Gothic W01", Helvetica, arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif;
  margin-bottom: 0;
}

.page-template-page-stacked-flex-template-php #content-rows .content-block.testimonials h3,
.page-template-page-main-press-php #content-rows .content-block.testimonials h3,
.page-template-page-for-home-products-php #content-rows .content-block.testimonials h3 {
  text-transform: none;
  font-weight: bold;
  font-family: "Proxima Nova W15", "Neue Helvetica W01", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.page-template-page-stacked-flex-template-php #content-rows .content-block.testimonials p,
.page-template-page-main-press-php #content-rows .content-block.testimonials p,
.page-template-page-for-home-products-php #content-rows .content-block.testimonials p {
  max-width: 18em;
}

.page-template-page-stacked-flex-template-php #content-rows .content-block.testimonials .button,
.page-template-page-main-press-php #content-rows .content-block.testimonials .button,
.page-template-page-for-home-products-php #content-rows .content-block.testimonials .button {
  margin-top: 0.5em;
}

.page-template-page-stacked-flex-template-php .shorter-txt p,
.page-template-page-main-press-php .shorter-txt p,
.page-template-page-for-home-products-php .shorter-txt p {
  max-width: 36em;
  margin: 0 auto;
}

.page-template-page-stacked-flex-template-php .tri-shorter-txt p,
.page-template-page-main-press-php .tri-shorter-txt p,
.page-template-page-for-home-products-php .tri-shorter-txt p {
  margin: 0 auto;
  max-width: 17em;
  padding-bottom: 1em;
}

@media only screen and (max-width: 767px) {
  .page-template-page-stacked-flex-template-php #main .energy-star .mobile-bg,
  .page-template-page-main-press-php #main .energy-star .mobile-bg,
  .page-template-page-for-home-products-php #main .energy-star .mobile-bg {
    background: rgba(255, 255, 255, 0.75);
    margin: 1em auto;
  }
  .page-template-page-stacked-flex-template-php #main .energy-star .mobile-bg img,
  .page-template-page-main-press-php #main .energy-star .mobile-bg img,
  .page-template-page-for-home-products-php #main .energy-star .mobile-bg img {
    max-width: 35%;
  }
}

@media only screen and (max-width: 767px) {
  .page-template-page-stacked-flex-template-php .custom-efficient .efficient,
  .page-template-page-main-press-php .custom-efficient .efficient,
  .page-template-page-for-home-products-php .custom-efficient .efficient {
    padding: 1em;
    width: 100% !important;
  }
  .page-template-page-stacked-flex-template-php #efficient-fan,
  .page-template-page-main-press-php #efficient-fan,
  .page-template-page-for-home-products-php #efficient-fan {
    height: auto !important;
    overflow: hidden;
    display: block;
  }
  .page-template-page-stacked-flex-template-php #efficient-fan img,
  .page-template-page-main-press-php #efficient-fan img,
  .page-template-page-for-home-products-php #efficient-fan img {
    display: block !important;
    margin: 0 !important;
    max-width: 100%;
    position: relative !important;
    top: 0;
    width: 100% !important;
  }
  .page-template-page-stacked-flex-template-php #efficient-isis,
  .page-template-page-main-press-php #efficient-isis,
  .page-template-page-for-home-products-php #efficient-isis {
    height: auto !important;
    overflow: hidden;
    display: block;
  }
  .page-template-page-stacked-flex-template-php #efficient-isis img,
  .page-template-page-main-press-php #efficient-isis img,
  .page-template-page-for-home-products-php #efficient-isis img {
    display: block !important;
    margin: -29% -12% 0 !important;
    max-width: none !important;
    position: relative !important;
    top: 0;
    width: 112% !important;
  }
  .page-template-page-stacked-flex-template-php #efficient-essence,
  .page-template-page-main-press-php #efficient-essence,
  .page-template-page-for-home-products-php #efficient-essence {
    height: auto !important;
    overflow: hidden;
    display: block;
  }
  .page-template-page-stacked-flex-template-php #efficient-essence img,
  .page-template-page-main-press-php #efficient-essence img,
  .page-template-page-for-home-products-php #efficient-essence img {
    display: block !important;
    margin: -29% -12% 0 !important;
    max-width: none !important;
    position: relative !important;
    top: 0;
    width: 112% !important;
  }
}

.thin {
  font-family: "Neue Helvetica W01", Helvetica, Arial, sans-serif;
}

#works-with-nest-page h2 {
  margin: 0;
}

#works-with-nest-page .nest {
  background: #777777;
  color: #fff;
  padding: 1em;
  text-align: center;
  text-transform: none;
  font-size: 1.4em;
  margin-bottom: 1em;
}

#works-with-nest-page .nest span {
  display: block;
  margin: 0 auto;
  max-width: 28em;
}

/*********************
Products Promo 1
*********************/
#promo_spot_1 {
  background: #ffc425;
  padding: .5em 1em;
  text-align: center;
  color: #242424;
  z-index: 100;
  border-radius: 5px 5px 0 0;
  font-weight: bold;
  font-size: .9em;
  clear: both;
  cursor: pointer;
}

#promo_spot_1 a {
  color: #242424;
  text-decoration: none;
  background: none;
}

#promo_spot_1 p {
  margin: 0;
  padding: 0;
}

@media screen and (min-width: 768px) {
  #promo_spot_1 {
    position: absolute;
    bottom: 0;
    right: 1em;
  }
}

/*********************
AWARDS PAGE
*********************/
#main .awardItem {
  background: url("../images/lines.png") repeat-x scroll center top;
  padding-top: 1em;
  margin-bottom: 2em;
}

#main .awardItem h2 {
  display: none;
}

#main .awardItem img {
  display: block;
  margin: 0 auto !important;
  float: none;
  padding: 0.5em 0 1em;
}

/*********************
STICKY NEWSLETTER CALLOUT
*********************/
#sticky-newsletter {
  display: none;
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 22;
  max-width: 19em;
  background: #fff;
  overflow: hidden;
  font-size: 90%;
  max-height: 2.3em;
  -o-transition: all 1s ease-in;
  -moz-transition: all 1s ease-in;
  -webkit-transition: all 1s ease-in;
  transition: all 1s ease-in;
}

@media screen and (min-width: 768px) {
  #sticky-newsletter {
    right: 1em;
    width: 19em;
  }
}

#sticky-newsletter form {
  padding: 0;
  font-size: 80%;
  text-align: center;
}

#sticky-newsletter.uncollapsed {
  max-height: 9em;
  /*-o-transform: translate(0, 100%);
		-moz-transform: translate(0, 100%);
		-webkit-transform: translate(0, 100%);
		transform: translate(0, 100%);*/
}

#sticky-newsletter.off {
  -o-transform: translate(0, 100%);
  -moz-transform: translate(0, 100%);
  -webkit-transform: translate(0, 100%);
  transform: translate(0, 100%);
}

#sticky-newsletter h3 {
  background: #636363;
  color: #fff;
  font-family: "Proxima Nova W15", "Neue Helvetica W01", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  padding: 1em;
  font-size: .8em;
  font-weight: 100;
  line-height: 1em;
  cursor: pointer;
}

#sticky-newsletter h3 span {
  font-size: 1.4em;
  float: right;
  line-height: 1em;
  margin-top: -.15em;
}

#sticky-newsletter .inner {
  padding: 1.4em 1em .8em;
  overflow: hidden;
}

#sticky-newsletter input {
  padding: .25em;
  width: 13em;
}

#sticky-newsletter button {
  background: none;
  font-family: "Proxima Nova W15", "Neue Helvetica W01", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  padding: .5em;
  font-size: 1em;
  text-transform: none;
  font-weight: bold;
}

#sticky-newsletter button:hover {
  color: #cc9d21;
}

#sticky-newsletter .inner > a {
  color: #000;
  text-decoration: none;
  font-size: 73%;
}

#sticky-newsletter .inner > a:first-of-type {
  clear: left;
  float: left;
}

#sticky-newsletter .inner > a:last-of-type {
  float: right;
}

#sticky-newsletter .inner > a:hover {
  color: #cc9d21;
}

#sticky-newsletter #sticky-newsletter-thanks {
  margin: 0 0 1em;
}

#sticky-newsletter #close-sticky-thanks {
  cursor: pointer;
  font-weight: 700;
  font-size: 0.9em;
  display: block;
  text-align: right;
}

/*********************
BIG ASS SOLUTIONS ONLY (BAS)
*********************/
.bas .header #menu-main-menu li.home {
  background: #fff;
}

.bas .header #menu-main-menu li.home:hover {
  background: #000;
}

@media screen and (min-width: 768px) {
  .bas #secondary-nav-container {
    margin-right: 1.5em;
  }
  .bas #secondary-nav-container > ul li:last-child {
    border: none;
  }
}

@media screen and (min-width: 1240px) {
  .bas .header #logo {
    max-width: 250px;
  }
}

/*********************
BIG ASS LIGHT ONLY (BAL)
*********************/
#container.bal {
  /*#menu-main-menu{
		font-size: 1em;
		@media screen and (min-width:860px){
			font-size: 1.1em;
		}
		@media screen and (min-width:920px){
			font-size: 1.1em;
		}

		li {
			padding: 0.25em 0.25em;
			@media screen and (min-width:920px){
				padding: 0.25em 0.5em;
			}
		}
	}*/
}

#container.bal #secondary-nav-container {
  margin-right: 1em;
}

@media only screen and (max-width: 767px) {
  #container.bal .header #fixed-contact-copy a .desktop,
  #container.bal .header #fixed-contact a .desktop {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  #container.bal .gform_wrapper .ginput_complex .ginput_right {
    margin-left: 0;
  }
}

#container.bal #sidebar1 .widget, #container.bal #sidebar3 .widget {
  padding: 0;
  overflow: hidden;
  margin-top: 0;
}

/*********************
BIG ASS FANS ONLY (BAF)
*********************/
.baf {
  /*#fixed-contact-copy,
	#fixed-contact {
		@media only screen and (min-width: 768px) {
			padding: .5em 0 .5em 1em;
			line-height: 1.2em;

			.icon-phone,
			.icon-mail {
				margin-top: -.28em;
			}
		}
	}*/
}

@media only screen and (max-width: 767px) {
  .baf .header #inner-header nav .menu-main-mobile-menu-container {
    z-index: 9;
  }
}

.baf .header #fixed-contact-copy a .desktop, .baf .header #fixed-contact a .desktop {
  display: inline-block;
}

.baf #inner-header {
  position: relative;
}

.baf #homepage-mobile-nav {
  background: #fff;
}

.baf #secondary-nav-container {
  z-index: 419;
}

.baf #secondary-nav-container > ul li.gray {
  font-weight: bold;
  background: #ccc;
}

.baf .nosidebar, .baf #inner-content.nobiggie {
  margin-top: 4em;
}

.baf #fixed-contact-copy,
.baf #fixed-contact {
  border: none;
  padding: 0;
  height: 2.921em;
  line-height: 2.921em;
  background: none;
}

@media only screen and (min-width: 768px) {
  .baf #fixed-contact-copy,
  .baf #fixed-contact {
    padding: 0;
    margin-top: 12px;
    margin-right: 10px;
  }
  .baf #fixed-contact-copy:hover,
  .baf #fixed-contact:hover {
    background: none;
  }
  .baf #fixed-contact-copy ul,
  .baf #fixed-contact ul {
    position: relative;
    z-index: 2;
  }
  .baf #fixed-contact-copy a .desktop,
  .baf #fixed-contact-copy a .mobile,
  .baf #fixed-contact a .desktop,
  .baf #fixed-contact a .mobile {
    padding: 0 0 0 1em;
    display: inline-block;
  }
  .baf #fixed-contact-copy.fixed ul,
  .baf #fixed-contact.fixed ul {
    margin-top: 12px;
  }
}

.baf #fixed-contact-copy .icon-phone,
.baf #fixed-contact-copy .icon-mail,
.baf #fixed-contact .icon-phone,
.baf #fixed-contact .icon-mail {
  float: right;
  background: #ffd258;
  display: block;
  width: 1.52em;
  padding: .3em 0;
  text-align: center;
  font-size: 1.8em;
  line-height: 1em;
  margin-left: .56em;
}

.baf #fixed-contact-copy ul,
.baf #fixed-contact ul {
  background: #ffc425;
  position: relative;
}

@media only screen and (min-width: 768px) {
  .baf #fixed-contact-copy:hover ul,
  .baf #fixed-contact:hover ul {
    background: #f1b000;
  }
  .baf #fixed-contact-copy:hover .icon-phone,
  .baf #fixed-contact-copy:hover .icon-mail,
  .baf #fixed-contact:hover .icon-phone,
  .baf #fixed-contact:hover .icon-mail {
    background: #ffc425;
  }
}

.baf #fixed-contact-copy ul a:after,
.baf #fixed-contact ul a:after {
  content: "";
  top: 50%;
  left: 0;
  display: block;
  position: absolute;
  width: 100%;
  height: 50%;
  background: rgba(0, 0, 0, 0.07);
  z-index: 1;
  /*background: rgba(0,0,0,0.2);
			background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(255,255,255,0) 100%);
			background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.2)), color-stop(100%, rgba(255,255,255,0)));
			background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(255,255,255,0) 100%);
			background: -o-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(255,255,255,0) 100%);
			background: -ms-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(255,255,255,0) 100%);
			background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%, rgba(255,255,255,0) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='darken($yellow,10%)', endColorstr='$yellow', GradientType=0 );*/
}

#content .onecol.center, #content .twocol.center, #content .threecol.center, #content .fourcol.center, #content .fivecol.center, #content .sixcol.center, #content .sevencol.center, #content .eightcol.center, #content .ninecol.center, #content .tencol.center, #content .elevencol.center, #content .twelvecol.center {
  margin: 0 auto;
}

/*********************
BAF HONG KONG
*********************/
.header #logo img.hk {
  width: 110%;
}

@media only screen and (min-width: 880px) {
  .header #logo img.hk {
    width: 130%;
  }
}

a.button p {
  padding: 0;
  margin: 0;
  display: inline;
}

.padded {
  padding: 1em;
}

#new-for-home-product-header {
  height: 360px;
  /* @media only screen and (min-width: 768px) {
		.btn-wrap {
			position: absolute;
			top: 150%;
			font-size: 1.12em;
		}
	}
	@media only screen and (min-width: 1030px) {
		top: 210%
	}
	@media only screen and (min-width: 1240) {
		top: 190%
	} */
}

#new-for-home-product-header #header-product-shot-haiku {
  width: 70%;
}

#new-for-home-product-header .btn-wrap {
  margin-top: 2em;
}

#new-for-home-product-header a {
  text-decoration: none;
}

#new-for-home-product-header .block-gallery {
  position: absolute;
  top: 0;
  right: 0;
}

#new-for-home-product-header .flex-control-nav {
  display: none;
}

#new-for-home-product-header .btn-wrap > div,
#new-for-home-product-header .btn-wrap > a {
  line-height: 1.3em;
  vertical-align: top;
  display: inline-block;
  margin-right: 1.5em;
  color: #000;
  font-size: 0.8em;
}

#new-for-home-product-header #lhnChatButton a {
  color: #000;
}

#new-for-home-product-header #lhnChatButton a:before {
  content: "Live Chat ";
  display: inline;
  vertical-align: top;
}

#new-for-home-product-header #lhnChatButton a:after {
  content: url("/images/chat-icon.png");
  position: relative;
  top: -6px;
}

#new-for-home-product-header .btn-wrap img {
  position: relative;
  top: 11px;
}

#new-for-home-product-header .btn-wrap {
  margin-top: 2em;
  bottom: 0;
  position: absolute;
  text-align: center;
  top: -110px;
}

@media only screen and (max-width: 767px) {
  #new-for-home-product-header .btn-wrap {
    top: auto;
    left: 5%;
    width: 90%;
    bottom: 2.7em;
  }
}

@media only screen and (max-width: 768px) {
  #new-for-home-product-header .btn-wrap {
    font-size: 1.2em;
  }
}

#new-for-home-product-header .block-footer > div {
  width: 7em !important;
  position: absolute;
  bottom: 0;
  right: 50% !important;
  margin-right: -3.5em;
}

@media only screen and (min-width: 768px) {
  #new-for-home-product-header .block-footer > div {
    width: 12em !important;
    right: 5% !important;
    margin-right: 0;
  }
}

@media only screen and (min-width: 768px) {
  #new-for-home-product-header .block-text {
    width: 90%;
    margin: 0 auto;
  }
}

#new-for-home-product-header .flex-direction-nav {
  display: none;
}

.page-template-page-stacked-flex-template-php #content header #header-product-shot-haiku, .page-template-page-for-home-products-php #content header #header-product-shot-haiku, .page-template-page-main-press-php #content header #header-product-shot-haiku {
  z-index: 0;
}

@media only screen and (min-width: 768px) {
  .page-template-page-stacked-flex-template-php #content #new-for-home-product-header .contain,
  .page-template-page-main-press-php #content #new-for-home-product-header .contain,
  .page-template-page-for-home-products-php #content #new-for-home-product-header .contain {
    width: 90%;
    max-width: 1240px;
    margin: 0 auto;
    z-index: 1;
    left: 50%;
    -moz-transform: -moz-translate(-50%, 0);
    -o-transform: -o-translate(-50%, 0);
    -webkit-transform: -webkit-translate(-50%, 0);
    -ms-transform: -ms-translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: 1;
  }
  #new-for-home-product-header .block-text {
    position: absolute;
    bottom: 0;
    max-width: 1240px;
    left: 50%;
    -moz-transform: -moz-translate(-50%, 0);
    -o-transform: -o-translate(-50%, 0);
    -webkit-transform: -webkit-translate(-50%, 0);
    -ms-transform: -ms-translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: 1;
  }
}

section.jumpMenu {
  overflow: initial;
  background: #000;
  width: 100%;
  z-index: 1000;
  cursor: pointer;
}

section.menu-fix {
  position: fixed !important;
  top: 0;
  margin-top: 0px;
}

div.hamburger {
  width: 100%;
  height: 54px;
  position: absolute;
  z-index: 12;
  top: 0;
  left: 0;
  background: #505050;
  cursor: pointer;
}

div.hamburger:before {
  content: "";
  width: 54px;
  height: 54px;
  position: absolute;
  background: url("../images/menu-icon.png") no-repeat;
  background-size: 30px;
  background-position: 40% 50%;
}

div.hamburger:after {
  content: "";
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  height: 0%;
  width: 0%;
  display: block;
}

div.hamburger.active:after {
  height: 100%;
  width: 100%;
}

section.jumpMenu ul.hamburgerLinks {
  transition: max-height 2s;
  margin: 0;
  margin-bottom: 1em;
  overflow: hidden;
  margin-left: 0 !important;
  padding-top: 2em;
  padding-bottom: 1em;
}

ul.hamburgerLinks a {
  padding: 0.6em;
  font-size: 1rem;
  text-decoration: none;
  color: #fff;
  text-align: center;
  display: block;
  font-weight: bold;
}

/**
	Shortcode Slider
*/
#main .vimeo-controls {
  position: relative;
  max-width: 370px;
  width: 86%;
  margin: 5px auto 0;
}

#main .vimeo-controls[data-paired="1"], #main .vimeo-controls[data-paired="true"] {
  display: none;
}

#main .vimeo-controls li {
  text-align: center;
  overflow: hidden;
  cursor: pointer;
}

#main .vimeo-controls li img {
  width: 100%;
}

#main .vimeo-controls .slides {
  list-style: none;
  font-size: 0;
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
}

#main .vimeo-controls .title {
  font-family: Proxima Nova W15;
  font-weight: 700;
  text-align: center;
  display: block;
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  bottom: 0;
  left: 0;
  color: #fff;
  font-size: 13px;
  padding: .5em;
  z-index: 100;
  -webkit-transform: translateY(100%);
  -o-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -o-transition: .5s all;
  -moz-transition: .5s all;
  -webkit-transition: .5s all;
  transition: .5s all;
}

#main .vimeo-controls li:hover .title {
  -webkit-transform: translateY(0%);
  -o-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}

#main .vimeo-controls .slides > li {
  -webkit-backface-visibility: hidden;
  margin: 0px 15px 0 0 !important;
  position: relative;
  display: block;
  max-width: 370px;
}

#main .vimeo-controls .lSSlideWrapper {
  overflow: visible;
  position: inherit;
}

#main .vimeo-controls a.prev,
#main .vimeo-controls a.next {
  background: transparent;
  font-size: 0;
  margin: -20px 0 0 0;
  top: 50%;
  right: -11.5%;
  background-image: url("http://docs.bigassfans.com/images/controls.png");
  background-position: top right;
  cursor: pointer;
  height: 30px;
  width: 29px;
  font-size: 0;
  position: absolute;
  z-index: 111;
  opacity: 1;
  transition: opacity 0.35s linear 0s;
  padding-top: 20px;
  text-align: center;
  padding-left: 3px;
}

#main .vimeo-controls a.prev {
  right: inherit;
  left: -11.5%;
  background-position: top left;
  padding-left: 0;
}

#main .vimeo-controls .lSSlideWrapper li {
  position: relative;
}

#main .vimeo-controls .lSSlideWrapper li:after, #main .vimeo-controls .lSSlideWrapper li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
}

#main .vimeo-controls .lSSlideWrapper li:after {
  width: 0;
  height: 0;
  /*
			border: 12px solid transparent;
			border-left: 16px solid #fff;
			margin-top: -13px;
			margin-left: -5px;*/
  border: 11px solid transparent;
  border-left: 16px solid #fff;
  margin-top: -9px;
  margin-left: -3px;
  -webkit-filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.25));
}

#main .vimeo-controls .lSSlideWrapper li:before {
  /*
			margin-top: -16%;
			margin-left: -16.5%;
			width: 30%;
			height: 53%;*/
  margin-top: -20px;
  margin-left: -20px;
  width: 40px;
  height: 40px;
  border: 3px solid #fff;
  border-radius: 50%;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.18);
  background: rgba(0, 0, 0, 0.42);
}

#main .vimeo-controls .lSSlideWrapper li:hover:before {
  background: rgba(0, 0, 0, 0.7);
}

#main .vimeo-controls[data-paired="false"] .lSSlideWrapper li:after {
  border: 16px solid transparent;
  border-left: 20px solid #fff;
  margin-top: -17px;
  margin-left: -7px;
}

@media screen and (min-width: 767px) {
  #main .vimeo-controls[data-paired="false"] {
    max-width: 92.3%;
    width: 92.3%;
  }
  #main .vimeo-controls[data-paired="false"] a.next:before,
  #main .vimeo-controls[data-paired="false"] a.prev:before {
    display: none;
  }
  #main .vimeo-controls[data-paired="false"] a.prev {
    left: -4.5%;
  }
  #main .vimeo-controls[data-paired="false"] a.next {
    right: -4.5%;
  }
}

#main .vimeo-slider {
  position: relative;
  margin: 1em auto 0;
  width: 82%;
}

#main .vimeo-slider a.next:before,
#main .vimeo-slider a.prev:before {
  display: none;
}

#main .vimeo-slider .slides li {
  position: relative;
  display: block;
}

#main .vimeo-slider li {
  text-align: center;
  overflow: hidden;
}

#main .vimeo-slider li iframe {
  height: 160px;
  width: inherit;
}

#main .vimeo-slider .slides {
  list-style: none;
  font-size: 0;
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
}

#main .vimeo-slider .title {
  font-family: Proxima Nova W15;
  font-weight: 700;
  text-align: center;
  display: block;
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  bottom: 0;
  left: 0;
  color: #fff;
  font-size: 13px;
  padding: .5em;
  -webkit-transform: translateY(100%);
  -o-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -o-transition: .5s all;
  -moz-transition: .5s all;
  -webkit-transition: .5s all;
  transition: .5s all;
}

#main .vimeo-slider li:hover .title {
  -webkit-transform: translateY(0%);
  -o-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
}

#main .vimeo-slider .slides > li {
  -webkit-backface-visibility: hidden;
  margin: 0px 15px 0 0 !important;
  position: relative;
  display: block;
}

#main .vimeo-slider .lSSlideWrapper {
  overflow: visible;
  position: inherit;
}

#main .vimeo-slider a.prev,
#main .vimeo-slider a.next {
  background: transparent;
  font-size: 0;
  margin: -18px 0 0 0;
  top: 46%;
  right: -12.5%;
  background-image: url("http://docs.bigassfans.com/images/controls.png");
  background-position: top right;
  cursor: pointer;
  height: 30px;
  width: 29px;
  font-size: 0;
  position: absolute;
  z-index: 111;
  opacity: 1;
  transition: opacity 0.35s linear 0s;
  padding-top: 20px;
  text-align: center;
  padding-left: 3px;
}

#main .vimeo-slider a.prev {
  right: inherit;
  left: -12.5%;
  background-position: top left;
  padding-left: 0;
}

#main.eightcol .vimeo-controls .lSSlideWrapper li:after {
  border: 10px solid transparent;
  border-left: 14px solid #fff;
  margin-top: -7px;
  margin-left: -2px;
}

#main.eightcol .vimeo-controls .lSPrev,
#main.eightcol .vimeo-controls .lSNext {
  margin-top: -15px;
  top: 50%;
}

@media screen and (min-width: 361px) {
  #main .vimeo-slider .slides > li iframe {
    height: 190px;
  }
}

@media screen and (min-width: 460px) {
  #main .vimeo-slider .slides > li iframe {
    height: 229px;
  }
  #main .vimeo-slider a.prev {
    left: -9.5%;
  }
  #main .vimeo-slider a.next {
    right: -9.5%;
  }
}

@media screen and (min-width: 550px) {
  #main .vimeo-slider {
    width: 90%;
  }
  #main .vimeo-slider .slides > li iframe {
    height: 324px;
  }
  #main .vimeo-slider a.prev {
    left: -7.5%;
  }
  #main .vimeo-slider a.next {
    right: -7.5%;
  }
}

@media screen and (min-width: 621px) {
  #main .vimeo-slider .slides > li iframe {
    height: 371px;
  }
}

@media screen and (min-width: 767px) {
  #main .vimeo-slider {
    width: 100%;
  }
  #main .vimeo-slider .slides li iframe {
    height: 483px;
  }
  #main .vimeo-slider[data-paired="1"] a.prev,
  #main .vimeo-slider[data-paired="1"] a.next, #main .vimeo-slider[data-paired="true"] a.prev,
  #main .vimeo-slider[data-paired="true"] a.next {
    display: none;
  }
  #main .vimeo-controls[data-paired="1"], #main .vimeo-controls[data-paired="true"] {
    max-width: 900px;
    width: 90%;
    display: block;
  }
  #main .vimeo-controls[data-paired="1"] a.prev,
  #main .vimeo-controls[data-paired="1"] a.next, #main .vimeo-controls[data-paired="true"] a.prev,
  #main .vimeo-controls[data-paired="true"] a.next {
    display: block;
  }
  #main .vimeo-controls[data-paired="1"] a.prev, #main .vimeo-controls[data-paired="true"] a.prev {
    left: -5.5%;
  }
  #main .vimeo-controls[data-paired="1"] a.next, #main .vimeo-controls[data-paired="true"] a.next {
    right: -5.5%;
  }
  #main .vimeo-controls[data-paired="1"] .slides li, #main .vimeo-controls[data-paired="true"] .slides li {
    max-width: 300px;
  }
}

@media screen and (min-width: 930px) {
  #main .vimeo-slider .slides > li iframe {
    height: 535px;
  }
  #main .vimeo-controls[data-paired="false"] .lSSlideWrapper li:after {
    border: 16px solid transparent;
    border-left: 20px solid #fff;
    margin-top: -13px;
    margin-left: -3px;
  }
  #main .vimeo-controls[data-paired="false"] .lSSlideWrapper li:before {
    margin-top: -30px;
    margin-left: -30px;
    height: 60px;
    width: 60px;
  }
  #main .vimeo-controls .lSSlideWrapper li:after {
    border: 16px solid transparent;
    border-left: 20px solid #fff;
    margin-top: -17px;
    margin-left: -7px;
  }
}

@media screen and (min-width: 1025px) {
  #main .vimeo-slider .slides > li iframe {
    height: 618px;
  }
}

@media screen and (min-width: 1169px) {
  #main .vimeo-slider .slides > li iframe {
    height: 680px;
  }
}

@media screen and (min-width: 1280px) {
  #main .vimeo-slider .slides > li iframe {
    height: 707px;
  }
}

#main.eightcol .vimeo-slider .slides > li {
  position: relative;
  padding-bottom: 9.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

#main.eightcol .vimeo-slider .slides > li iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#main.eightcol .vimeo-slider .lSSlideWrapper {
  position: relative;
}

#main.eightcol .vimeo-slider .lSAction {
  display: none;
}

.page-template-page-genius-not-at-work-php .social-item .overlay .inner {
  position: relative;
  z-index: 1;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.baf-share-buttons {
  text-align: right;
  z-index: 10009;
  position: relative;
  display: block;
}

.baf-share-buttons a {
  background: #aaa;
  padding: 0.2em 0.4em;
  color: #fff;
  text-decoration: none;
  border-radius: 4px;
  margin-bottom: 0.5em;
  display: inline-block;
  margin-left: 0.3em;
  line-height: 1.5em;
}

.press_releases .post h3 {
  font-size: 1.1em;
  font-weight: 700;
}

.main-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  height: 100%;
  height: 100vh;
  width: 100%;
  z-index: 9999 !important;
}

.main-modal .close-icon {
  height: 1.5em;
  width: 1.5em;
  position: absolute;
  top: -1.5em;
  right: -1.5em;
  background-color: transparent;
  color: #ddd;
  z-index: 3;
  border-radius: 50%;
}

@media screen and (max-width: 700px) {
  .main-modal .close-icon {
    top: -2em;
    right: 0em;
  }
}

.main-modal.active {
  display: block;
}

.main-modal .inner {
  background: #fff;
  width: auto;
  /* auto ? */
  padding: 1em;
  position: relative;
  top: 50%;
  left: 50%;
  max-width: 40em;
  transform: translate(-50%, -50%);
  max-height: 90%;
  display: inline-block;
}

.main-modal.img .inner {
  max-width: 90%;
}

.main-modal .html {
  padding: .5em;
}

.main-modal.vid .inner, .main-modal.img .inner {
  padding: 0;
}

.main-modal.vid .html, .main-modal.img .html {
  padding: 0;
}

.main-modal.vid .inner {
  width: 90%;
}

/*
LARGER MOBILE DEVICES
This is for devices like the Galaxy Note or something that's
larger than an iPhone but smaller than a tablet. Let's call them
tweeners.
*/
@media only screen and (min-width: 481px) {
  /******************************************************************
Site Name:
Author:

Stylesheet: 481px and Up Stylesheet

This stylesheet is loaded for larger devices. It's set to
481px because at 480px it would load on a landscaped iPhone.
This isn't ideal because then you would be loading all those
extra styles on that same mobile connection.

A word of warning. This size COULD be a larger mobile device,
so you still want to keep it pretty light and simply expand
upon your base.scss styles.

******************************************************************/
  /*********************
NAVIGATION STYLES
*********************/
  /* .menu is clearfixed inside mixins.scss */
  .menu {
    /* end .menu ul */
  }
  .menu ul {
    /* end .menu ul li */
    /* highlight current page */
    /* end current highlighters */
  }
  .menu ul li {
    /*
				plan your menus and drop-downs wisely.
				*/
  }
  .menu ul li a {
    /*
					you can use hover styles here even though this size
					has the possibility of being a mobile device.
					*/
  }
  /* end .menu */
  /*********************
POSTS & CONTENT STYLES
*********************/
  /* entry content */
  .entry-content {
    /* at this larger size, we can start to align images */
  }
  .entry-content .alignleft, .entry-content img.alignleft {
    margin-right: 1.5em;
    display: inline;
    float: left;
  }
  .entry-content .alignright, .entry-content img.alignright {
    margin-left: 1.5em;
    display: inline;
    float: right;
  }
  .entry-content .aligncenter, .entry-content img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both;
  }
  /* end .entry-content */
  /*********************
BUSINESS GRID
*********************/
  .page-template-custom-product-grid-php #inner-content .fourcol img,
  .page-template-business-grid-php #inner-content .fourcol img {
    width: auto;
    height: auto;
    display: block;
    min-height: 280px;
    max-width: 110%;
    max-height: none;
  }
  /*********************
FOOTER STYLES
*********************/
  /*
check your menus here. do they look good?
do they need tweaking?
*/
  /* end .footer-links */
  /*********************
NEW FOR HOME LANDING PAGES
*********************/
  .page-template-page-stacked-flex-template-php #content header .chat-btn,
  .page-template-page-for-home-products-php #content header .chat-btn {
    width: auto;
  }
  .page-template-page-stacked-flex-template-php #content header #works-with-nest,
  .page-template-page-for-home-products-php #content header #works-with-nest {
    /*clear: both;
	    float: left;
	    max-width: 100px;
	    padding-top: 1em;*/
    bottom: 0;
  }
  .page-template-page-stacked-flex-template-php #content header #haiku-energy-star,
  .page-template-page-for-home-products-php #content header #haiku-energy-star {
    bottom: 0;
  }
}

/*
TABLET & SMALLER LAPTOPS
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*/
@media only screen and (min-width: 768px) {
  /******************************************************************
Site Name:
Author:

Stylesheet: Grid Stylesheet

I've seperated the grid so you can swap it out easily. It's
called at the top the style.scss stylesheet.

There are a ton of grid solutions out there. You should definitely
experiment with your own. Here are some recommendations:

http://gridsetapp.com - Love this site. Responsive Grids made easy.
http://susy.oddbird.net/ - Grids using Compass. Very elegant.
http://gridpak.com/ - Create your own responsive grid.

The grid below is a combination of the 1140 grid and Twitter Boostrap. 
I liked 1140 but Boostrap's grid was way more detailed so I merged them 
together, let's see how this works out. If you want to use 1140, the original 
values are commented out on each line.

******************************************************************/
  .onecol {
    width: 5.801104972%;
  }
  /* 4.85%;  } /* grid_1  */
  .twocol {
    width: 14.364640883%;
  }
  /* 13.45%; } /* grid_2  */
  .threecol {
    width: 22.928176794%;
  }
  /* 22.05%; } /* grid_3  */
  .fourcol {
    width: 31.491712705%;
  }
  /* 30.75%; } /* grid_4  */
  .fivecol {
    width: 40.055248616%;
  }
  /* 39.45%; } /* grid_5  */
  .sixcol {
    width: 48.618784527%;
  }
  /* 48%;    } /* grid_6  */
  .sevencol {
    width: 57.182320438000005%;
  }
  /* 56.75%; } /* grid_7  */
  .eightcol {
    width: 65.74585634900001%;
  }
  /* 65.4%;  } /* grid_8  */
  .ninecol {
    width: 74.30939226%;
  }
  /* 74.05%; } /* grid_9  */
  .tencol {
    width: 82.87292817100001%;
  }
  /* 82.7%;  } /* grid_10 */
  .elevencol {
    width: 91.436464082%;
  }
  /* 91.35%; } /* grid_11 */
  .twelvecol {
    width: 99.999999993%;
  }
  /* 100%;   } /* grid_12 */
  .onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol {
    position: relative;
    float: left;
    margin-left: 2.762430939%;
  }
  .first {
    margin-left: 0;
  }
  .last {
    float: right;
  }
  /******************************************************************
Site Name:
Author: DBS

Stylesheet: Tablet & Small Desktop Stylesheet

Here's where you can start getting into the good stuff.
This size will work on iPads, other tablets, and desktops.
So you can start working with more styles, background images,
and other resources. You'll also notice the grid starts to
come into play. Have fun!

******************************************************************/
  /*********************
GENERAL STYLES
*********************/
  html {
    font-size: 100%;
  }
  #huge-gallery,
  #content {
    font-size: 14px;
    font-size: 0.9rem;
  }
  #huge-gallery .breadcrumbs,
  #content .breadcrumbs {
    font-size: 1em;
  }
  body .nosidebar {
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
  /* ADMIN FIXES */
  /*body.admin-bar {

	&.single-case_study #container > .flexslider { margin-top: 0; }

	#container > .flexslider {
		margin-top: -28px;

		img {
			max-width: 100%;
	        height: auto;
	        max-height: none;
	        opacity: 1;
		}
	}
}*/
  .entry-content .alignnone {
    padding: 1em;
  }
  body.page-template-page-application-php .flex-direction-nav,
  body.single-products .flex-direction-nav {
    position: inherit;
  }
  /*********************
POSTS & CONTENT STYLES
*********************/
  #main {
    /* end .gallery */
  }
  #main h1 a, #main h2 a, #main h3 a {
    color: inherit;
  }
  #main h1 a:hover, #main h2 a:hover, #main h3 a:hover {
    color: #cc9d21;
  }
  #main article .gallery dl {
    float: left;
    padding: 1em;
    margin: 0 0 1em 0;
  }
  #main article .gallery dl img {
    margin: 0 auto;
    display: block;
  }
  #main article .gallery.gallery-columns-2 dl {
    width: 48.618784527%;
    margin-left: 2.762430939%;
    padding: 0;
  }
  #main article .gallery.gallery-columns-2 dl:nth-of-type(odd) {
    margin-left: 0;
  }
  #main article .gallery.gallery-columns-3 dl {
    width: 31.491712705%;
    margin-left: 2.762430939%;
    padding: 0;
  }
  #main article .gallery.gallery-columns-3 dl:nth-of-type(3n+1) {
    margin-left: 0;
  }
  #main article .gallery.gallery-columns-3 dl:nth-of-type(3n) {
    margin-right: 0;
  }
  #main article .gallery.gallery-columns-4 dl {
    width: 22.928176794%;
    margin-left: 2.762430939%;
    padding: 0;
  }
  #main article .gallery.gallery-columns-4 dl:nth-of-type(4n+1) {
    margin-left: 0;
  }
  #main article .gallery.gallery-columns-4 dl:nth-of-type(4n) {
    margin-right: 0;
  }
  #main article .gallery.gallery-columns-5 dl {
    width: 14.364640883%;
    margin-left: 2.762430939%;
    padding: 0;
  }
  #main article .gallery.gallery-columns-5 dl:nth-of-type(5n+1) {
    margin-left: 0;
  }
  #main article .gallery.gallery-columns-5 dl:nth-of-type(5n) {
    margin-right: 0;
  }
  /*********************
HOME PAGE STYLES
*********************/
  .home #container {
    min-height: 100%;
    height: 100%;
    overflow: hidden;
  }
  .callouts {
    padding: 1em 0.5em;
    display: table;
  }
  .callouts .fourcol {
    height: auto;
    float: none;
    width: 33.333%;
    margin: 0;
    padding: 0;
    display: table-cell;
    vertical-align: top;
    border-left: 0.5em solid #fff;
    border-right: 0.5em solid #fff;
    background: url("../images/darkgrey_bg.png");
  }
  .callouts .fourcol.first {
    border-left: 0.5em solid #fff;
  }
  .callouts .fourcol.last {
    border-right: 0.5em solid #fff;
  }
  .callouts .fourcol .wrap {
    background: transparent;
    background: none repeat scroll 0 0 transparent;
    height: 100%;
  }
  .callouts .fourcol .sixcol.first {
    padding: 0;
    overflow: hidden;
    width: 100%;
  }
  .callouts .fourcol .sixcol.first img {
    /*display: block;
				height: 18em;
				width: auto;
				margin-left: -4.5em*/
  }
  .callouts .fourcol .twelvecol.last,
  .callouts .fourcol .sixcol.last {
    width: 100%;
  }
  /*********************
HEADER STYLES
*********************/
  .header {
    border-bottom: 2px solid #ffc425;
    height: auto;
  }
  .header nav {
    clear: right;
    position: relative;
    /*
		li:hover {
			background: #313131;
			a { color: #fff; }
		}
		*/
  }
  .header nav :hover {
    z-index: 110;
    /* for logo 100 */
  }
  .header #logo {
    width: 24%;
    vertical-align: middle;
    line-height: 100%;
  }
  .header .mobile-nav {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 0;
    width: 2em;
    margin-right: 0;
  }
  .header .mobile-nav a, .header .mobile-nav a:hover {
    background: none;
    color: #242424;
    line-height: 40px;
    height: auto;
    width: auto;
    float: none;
    display: inline;
    margin: 0;
    text-align: left;
  }
  .header .mobile-nav #lang_sel_click ul ul,
  .header .mobile-nav #lang_sel_click li {
    width: 100%;
  }
  .header .mobile-nav #language-nav {
    background: transparent;
    width: 100%;
    height: auto;
    color: #000;
    margin: 0;
    position: relative;
  }
  .header .mobile-nav #language-nav .icon-globe,
  .header .mobile-nav #language-nav .icon-earth {
    line-height: 34px;
    font-size: 0.8em;
    display: block;
    opacity: 0.8;
    height: 35px;
    border-left: 1px solid #ccc;
    cursor: pointer;
  }
  .header .mobile-nav #language-nav:hover .icon-globe,
  .header .mobile-nav #language-nav:hover .icon-earth, .header .mobile-nav #language-nav.language-hover .icon-globe,
  .header .mobile-nav #language-nav.language-hover .icon-earth {
    opacity: 1;
    background: #000;
    color: #ffc425;
  }
  .header .mobile-nav #language-nav #lang_sel_click {
    width: 11em;
    height: auto;
    position: absolute;
    top: 100%;
    right: 0;
    left: inherit;
    background: #000;
    color: #fff;
  }
  .header .mobile-nav #language-nav #lang_sel_click ul ul {
    width: 100%;
  }
  .header .mobile-nav #language-nav #lang_sel_click p.strong {
    font-size: 0.5em;
    padding: 0;
    margin: 0;
    line-height: 40px;
  }
  .header .mobile-nav #language-nav .lang_sel_sel {
    height: auto;
  }
  .header .mobile-nav #toggle {
    display: none;
  }
  .header #fixed-contact-copy,
  .header #fixed-contact {
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    /*-webkit-animation-duration: 0.5s;
		-moz-duration: 0.5s;
		-ms-duration: 0.5s;
		animation-duration: 0.5s;

		-webkit-animation-fill-mode: both;
		-moz-animation-fill-mode: both;
		-ms-animation-fill-mode: both;
		animation-fill-mode: both;

		-webkit-animation-name: fadeContactInitial;
		-moz-animation-name: fadeContactInitial;
		-ms-animation-name: fadeContactInitial;
		animation-name: fadeContactInitial;*/
  }
  .header #fixed-contact-copy a .mobile,
  .header #fixed-contact a .mobile {
    display: none;
  }
  .header #fixed-contact-copy a .desktop,
  .header #fixed-contact a .desktop {
    display: block;
  }
  .header #fixed-contact-copy.fixed,
  .header #fixed-contact.fixed {
    position: fixed;
    top: 0;
    margin-top: 0;
  }
  #inner-header {
    position: relative;
    z-index: 302;
    background: #fff;
  }
  #fixed-contact-sticky-wrapper,
  .notusing.header #fixed-contact.fixed {
    /*-webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeContact;
  -moz-animation-name: fadeContact;
  -ms-animation-name: fadeContact;
  animation-name: fadeContact;*/
  }
  @-webkit-keyframes fadeContactInitial {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @-moz-keyframes fadeContactInitial {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @-ms-keyframes fadeContactInitial {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes fadeContactInitial {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @-webkit-keyframes fadeContact {
    0% {
      -webkit-transform: translateY(-100%);
    }
    100% {
      -webkit-transform: translateY(0);
    }
  }
  @-moz-keyframes fadeContact {
    0% {
      -moz-transform: translateY(-100%);
    }
    100% {
      -moz-transform: translateY(0);
    }
  }
  @-ms-keyframes fadeContact {
    0% {
      -ms-transform: translateY(-100%);
    }
    100% {
      -ms-transform: translateY(0);
    }
  }
  @keyframes fadeContact {
    0% {
      transform: translateY(-100%);
    }
    100% {
      transform: translateY(0);
    }
  }
  #huge > .breadcrumbs,
  #huge-gallery > .breadcrumbs {
    border-top: none;
  }
  #menu-main-menu {
    display: block;
    float: none;
    width: auto;
    padding: 0.5em 0;
    overflow: visible;
    margin: 0;
    background: none;
    text-align: right;
    font-size: 1.1em;
  }
  #menu-main-menu #menu-products-nav > li {
    padding: 0.4em;
  }
  #menu-main-menu > li.gg:hover:before, #menu-main-menu > li.gg:hover:after {
    content: "";
    position: absolute;
    display: block;
    height: 100%;
    width: 2em;
    top: 0;
  }
  #menu-main-menu > li.gg:hover:before {
    left: -2em;
  }
  #menu-main-menu > li.gg:hover:after {
    right: -2em;
  }
  #menu-main-menu li {
    width: auto;
    display: inline-block;
    float: none;
    margin-right: 0;
    position: relative;
    padding: 0.25em 0.5em;
  }
  #menu-main-menu li.first, #menu-main-menu li.last .menu > li {
    margin-right: 1.18em;
  }
  #menu-main-menu li.last .menu > li:last-child {
    margin-right: 0;
  }
  #menu-main-menu li.first:hover, #menu-main-menu li.last .menu > li:hover {
    background: #242424;
  }
  #menu-main-menu li.first:hover a, #menu-main-menu li.last .menu > li:hover a {
    color: white;
    border: none;
  }
  #menu-main-menu li.first:hover .mega-menu, #menu-main-menu li.last .menu > li:hover .mega-menu {
    display: block;
  }
  #menu-main-menu li.current-menu-item {
    background: #ffc425;
  }
  #menu-main-menu li.current-menu-item:hover {
    background: #242424;
    color: white;
  }
  #menu-main-menu li a {
    background: none;
    color: #242424;
    font-size: 0.9em;
    font-weight: 600;
    text-decoration: none;
    border: none;
    display: inline;
  }
  #menu-main-menu li a span {
    display: inline;
  }
  #menu-main-menu li a:hover {
    background: none;
  }
  #menu-main-menu li .mega-menu {
    display: none;
    border: none;
    background: #0b0b0b;
    width: 760px;
    position: absolute;
    top: 98%;
    left: 50%;
    /* media query for 830px */
    margin: 0 0 0 -330px;
    overflow: hidden;
    z-index: 200;
  }
  #menu-main-menu li .mega-menu.zh-CN, #menu-main-menu li .mega-menu.hk, #menu-main-menu li .mega-menu.en-SG, #menu-main-menu li .mega-menu.zh-HK {
    margin: 0 0 0 -640px;
  }
  #menu-main-menu li .mega-menu ul {
    margin: 0;
  }
  #menu-main-menu li .mega-menu .mega-featured-img {
    position: absolute;
    top: 0;
    left: 200px;
    width: 200px;
    /*height: 100%; changed to EM for ipad issue*/
    height: 22.1em;
    overflow: hidden;
    text-align: center;
  }
  #menu-main-menu li .mega-menu .mega-featured-img img {
    height: 100%;
    width: auto;
    margin-left: -203px;
    display: block;
  }
  #menu-main-menu li .mega-menu .mega-sub-menu .mega-industry,
  #menu-main-menu li .mega-menu .mega-featured-content {
    background: #313131;
    position: absolute;
    left: 400px;
    width: 360px;
    top: 0;
    padding: 1em;
    height: 100%;
    color: white;
    text-align: left;
  }
  #menu-main-menu li .mega-menu .mega-sub-menu .mega-industry em,
  #menu-main-menu li .mega-menu .mega-featured-content em {
    font-size: 0.75em;
    color: #ffc425;
  }
  #menu-main-menu li .mega-menu .mega-sub-menu .mega-industry h3,
  #menu-main-menu li .mega-menu .mega-featured-content h3 {
    margin-top: 0.4em;
    margin-bottom: .1em;
  }
  #menu-main-menu li .mega-menu .mega-sub-menu .mega-industry h3, #menu-main-menu li .mega-menu .mega-sub-menu .mega-industry h3 a,
  #menu-main-menu li .mega-menu .mega-featured-content h3,
  #menu-main-menu li .mega-menu .mega-featured-content h3 a {
    font-family: "Trade Gothic W01", Helvetica, arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif;
    font-weight: 100;
    line-height: 1em;
  }
  #menu-main-menu li .mega-menu .mega-sub-menu .mega-industry p,
  #menu-main-menu li .mega-menu .mega-featured-content p {
    font-size: 0.75em;
    margin-top: 0;
  }
  #menu-main-menu li .mega-menu .mega-sub-menu .mega-industry > a,
  #menu-main-menu li .mega-menu .mega-featured-content > a {
    font-size: 0.6em;
    color: white;
    background: #ffc425;
    margin: 0.35em;
    display: block;
    padding: 1em;
    color: #242424;
    /*&:before {
 						line-height: 0.7em;
 						content: "*";
 						font-size: 100px;
 						font-size: 8rem;
 						float: left;
 						margin-right: 0.1em;
 						color: $charcoal;
 					}*/
  }
  #menu-main-menu li .mega-menu .mega-featured-content h3 {
    margin-top: 0.1em;
  }
  #menu-main-menu li .mega-menu ul {
    width: 200px;
    float: left;
    text-align: left;
    padding: 0.75em 0.5em;
    padding-right: 0;
    position: relative;
  }
  #menu-main-menu li .mega-menu ul li {
    width: 100%;
    margin-right: 0;
    display: block;
    line-height: 1;
    position: static;
    padding: 0;
  }
  #menu-main-menu li .mega-menu ul li a {
    padding: 0.8em;
    display: block;
    position: relative;
  }
  #menu-main-menu li .mega-menu ul li a:hover {
    background: #ffc425;
    display: block;
    /*padding: 0.35em 0.75em 0.35em 0.35em;*/
  }
  #menu-main-menu li .mega-menu ul li a:hover:after {
    content: "";
    border-left: 4px solid white;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    height: 0;
    width: 0;
    float: right;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: 1em;
  }
  #menu-main-menu li .mega-menu ul li h4 {
    margin: 0;
    color: white;
    font-size: 0.9em;
  }
  #menu-main-menu li .mega-menu ul li a {
    color: white;
    font-size: 0.7em;
    line-height: 1.2em;
    padding: 0.9em 20px 0.9em 0.9em;
  }
  #menu-main-menu li .mega-menu ul li:hover .mega-sub-menu {
    display: block;
  }
  #menu-main-menu li .mega-menu ul li .mega-sub-menu {
    display: none;
    position: absolute;
    top: 0;
    left: 200px;
    width: 200px;
    height: 100%;
    background: #242424;
    z-index: 200;
    margin: 0;
  }
  #menu-main-menu li .mega-menu ul li .mega-sub-menu li:hover .mega-industry {
    display: block;
  }
  #menu-main-menu li .mega-menu ul li .mega-sub-menu .mega-industry {
    display: none;
    background: #3e3e3e;
    position: absolute;
    left: 200px;
    width: 360px;
    top: 0;
    padding: 1em;
    height: 100%;
  }
  #menu-main-menu li .mega-menu ul li .mega-sub-menu .mega-industry .menu-img {
    height: 7em;
    overflow: hidden;
  }
  #menu-main-menu li .mega-menu ul li .mega-sub-menu .mega-industry .menu-img img {
    max-width: 100%;
  }
  #menu-main-menu li .mega-menu ul li .mega-sub-menu .mega-industry h2 {
    margin-top: 0;
    margin-bottom: 0.15em;
    color: white;
    font-family: "Trade Gothic W01", Helvetica, arial, "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", sans-serif;
    font-family: 1.5em;
  }
  #menu-main-menu li .mega-menu ul li .mega-sub-menu .mega-industry h3 a {
    padding: 0;
    font-size: 1em;
    font-weight: 500;
  }
  #menu-main-menu li .mega-menu ul li .mega-sub-menu .mega-industry h3 a:hover {
    background: transparent;
  }
  #menu-main-menu li .mega-menu ul li .mega-sub-menu .mega-industry h3 a:hover:after {
    display: none;
  }
  #menu-main-menu li .mega-menu ul li .mega-sub-menu .mega-industry p {
    font-size: 0.65em;
    color: white;
    line-height: 1.4em;
  }
  #menu-main-menu li span {
    font-size: 0.6em;
  }
  #menu-main-menu li.last {
    padding: 0;
  }
  #menu-main-menu li.last > .menu {
    margin: 0;
    display: inline;
    position: relative;
  }
  #menu-main-menu li.last > .menu ul {
    display: none;
    right: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 253px;
  }
  #menu-main-menu li.last > .menu ul li {
    display: none;
  }
  #menu-main-menu li.last > .menu > li .sub-menu {
    display: none;
    background: #313131;
    position: absolute;
    right: 0;
    width: 253px;
    top: 98%;
    margin: 0;
    padding: 0;
    height: auto;
    color: white;
    text-align: left;
  }
  #menu-main-menu li.last > .menu > li .sub-menu .sub-menu {
    top: 0;
    right: 100%;
  }
  #menu-main-menu li.last > .menu > li .sub-menu > li {
    width: 100%;
    display: block;
    padding: 0.5em;
    margin: 0;
    position: relative;
  }
  #menu-main-menu li.last > .menu > li .sub-menu > li a {
    color: #fff;
    display: block;
  }
  #menu-main-menu li.last > .menu > li .sub-menu > li:hover > ul {
    display: block;
    right: 100%;
    position: absolute;
  }
  #menu-main-menu li.last > .menu > li .sub-menu ul {
    display: none;
  }
  #menu-main-menu li.last > .menu li:hover > .sub-menu {
    display: block;
  }
  .breadcrumbs {
    padding: 0.5em 21em 0.5em 1em;
  }
  .breadcrumbs a:hover {
    color: #251b00;
  }
  /*********************
LAYOUT & GRID STYLES
*********************/
  .wrap {
    max-width: 1140px;
  }
  /*********************
SLIDES
*********************/
  #container .flexslider .arrow-down {
    display: block;
  }
  #container .flexslider .flex-direction-nav .flex-prev {
    top: 50%;
    left: -1.5em;
    right: inherit;
    margin-top: -20px;
  }
  #container .flexslider .flex-direction-nav .flex-next {
    top: 50%;
    right: -1.5em;
    margin-top: -20px;
  }
  #container .flexslider .flex-direction-nav li a span {
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
  }
  #container .flexslider .flex-direction-nav li a span:hover {
    background: #000;
  }
  #container .flexslider:hover .flex-prev {
    left: 0;
  }
  #container .flexslider:hover .flex-prev:hover {
    background: #000;
  }
  #container .flexslider:hover .flex-next {
    right: 0;
  }
  #container .flexslider:hover .flex-next:hover {
    background: #000;
  }
  #container .flexslider {
    height: 90%;
  }
  #container .flexslider .flex-viewport {
    width: 100%;
  }
  #container .flexslider .slides {
    height: 100%;
  }
  #container .flexslider .slides li {
    min-height: 100%;
    max-height: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50% 50%;
  }
  #container .flexslider .slides li img {
    min-height: 100%;
  }
  .single-products #header-text #video-slides {
    top: inherit;
  }
  .header-text .video-slides.active,
  #header-text #video-slides.active {
    top: inherit;
  }
  #huge .header-text .video-slides {
    margin-left: 1em;
    margin-bottom: 0;
    font-size: 0.9em;
  }
  .slides .header-text {
    bottom: 4em;
  }
  .slides .header-text .inner {
    position: relative;
  }
  .header-text,
  #header-text {
    background: url("../images/lines.png") top center repeat-x #fff;
    background: url("../images/lines.png") top center repeat-x rgba(255, 255, 255, 0.85);
    position: absolute;
    z-index: 100;
    bottom: 2em;
    padding: 0 1em;
    width: auto;
    left: 2em;
    float: none;
  }
  .header-text p,
  #header-text p {
    max-width: 33em;
  }
  .header-text .video-slides,
  .header-text #video-slides,
  #header-text .video-slides,
  #header-text #video-slides {
    left: 100%;
    position: absolute;
    bottom: 0;
    top: inherit;
  }
  .header-text .video-slides p,
  .header-text #video-slides p,
  #header-text .video-slides p,
  #header-text #video-slides p {
    padding: 0.5em 1em;
  }
  .header-text .video-slides .thumbnail_video,
  .header-text #video-slides .thumbnail_video,
  #header-text .video-slides .thumbnail_video,
  #header-text #video-slides .thumbnail_video {
    width: 200px;
    padding: 1em 0;
    float: none;
    text-align: center;
    cursor: pointer;
  }
  .header-text .video-slides .video-btn,
  .header-text .video-slides #video-btn,
  .header-text #video-slides .video-btn,
  .header-text #video-slides #video-btn,
  #header-text .video-slides .video-btn,
  #header-text .video-slides #video-btn,
  #header-text #video-slides .video-btn,
  #header-text #video-slides #video-btn {
    box-shadow: 4px 0 4px #cccccc inset;
  }
  .header-text .video-slides .video-btn span,
  .header-text .video-slides #video-btn span,
  .header-text #video-slides .video-btn span,
  .header-text #video-slides #video-btn span,
  #header-text .video-slides .video-btn span,
  #header-text .video-slides #video-btn span,
  #header-text #video-slides .video-btn span,
  #header-text #video-slides #video-btn span {
    line-height: 3em;
  }
  .header-text .video-slides.active,
  .header-text #video-slides.active,
  #header-text .video-slides.active,
  #header-text #video-slides.active {
    width: 205px;
    height: 100%;
    margin: 0;
    bottom: 0;
    left: 100%;
    padding-top: 2.4em;
    padding-bottom: 1.6em;
    position: absolute;
  }
  .header-text .video-slides.active .scroll-pane,
  .header-text #video-slides.active .scroll-pane,
  #header-text .video-slides.active .scroll-pane,
  #header-text #video-slides.active .scroll-pane {
    height: 100%;
  }
  .header-text .video-slides.active .video-btn,
  .header-text .video-slides.active #video-btn,
  .header-text #video-slides.active .video-btn,
  .header-text #video-slides.active #video-btn,
  #header-text .video-slides.active .video-btn,
  #header-text .video-slides.active #video-btn,
  #header-text #video-slides.active .video-btn,
  #header-text #video-slides.active #video-btn {
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 5;
    background: #000;
    color: #fff;
    box-shadow: none;
  }
  .header-text .video-slides.active .video-btn span,
  .header-text .video-slides.active #video-btn span,
  .header-text #video-slides.active .video-btn span,
  .header-text #video-slides.active #video-btn span,
  #header-text .video-slides.active .video-btn span,
  #header-text .video-slides.active #video-btn span,
  #header-text #video-slides.active .video-btn span,
  #header-text #video-slides.active #video-btn span {
    line-height: 2em;
    background: #000;
  }
  .header-text .video-slides.active .view-more-videos,
  .header-text .video-slides.active #view-more-videos,
  .header-text #video-slides.active .view-more-videos,
  .header-text #video-slides.active #view-more-videos,
  #header-text .video-slides.active .view-more-videos,
  #header-text .video-slides.active #view-more-videos,
  #header-text #video-slides.active .view-more-videos,
  #header-text #video-slides.active #view-more-videos {
    display: block;
    top: inherit;
    bottom: 0;
    position: absolute;
    width: 100%;
    /* un-rotate from mobile base */
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    transform: none;
  }
  .header-text .video-slides.active .view-more-videos:hover,
  .header-text .video-slides.active #view-more-videos:hover,
  .header-text #video-slides.active .view-more-videos:hover,
  .header-text #video-slides.active #view-more-videos:hover,
  #header-text .video-slides.active .view-more-videos:hover,
  #header-text .video-slides.active #view-more-videos:hover,
  #header-text #video-slides.active .view-more-videos:hover,
  #header-text #video-slides.active #view-more-videos:hover {
    background: #cc9d21;
  }
  .header-text .video-slides.active .inner,
  .header-text #video-slides.active .inner,
  #header-text .video-slides.active .inner,
  #header-text #video-slides.active .inner {
    padding-top: 3em;
    height: 100%;
    overflow: hidden;
    position: relative;
    z-index: 3;
  }
  .home #container .flexslider .slides li {
    height: 100%;
    overflow: hidden;
  }
  .home #container .flexslider .slides li .slide-text {
    background: url("../images/lines.png") top center repeat-x #fff;
    background: url("../images/lines.png") top center repeat-x rgba(255, 255, 255, 0.9);
    padding: 0 1em;
    margin: 0;
    position: absolute;
  }
  .home #container .flexslider .slides li .slide-text img {
    min-height: 0 !important;
  }
  .home #container .flexslider .slides li .slide-text.left-bottom {
    left: 2em;
    bottom: 2em;
  }
  .home #container .flexslider .slides li .slide-text.center-bottom {
    left: 50%;
    bottom: 3em;
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .home #container .flexslider .slides li .slide-text.right-bottom {
    right: 2em;
    bottom: 2em;
  }
  /*********************
NAVIGATION STYLES
*********************/
  .nav {
    background: #eee;
    border: 0;
    /* end .menu ul li */
    /* highlight current page */
    /* end current highlighters */
  }
  .nav li {
    float: left;
    position: relative;
    /*
		plan your menus and drop-downs wisely.
		*/
    /* showing sub-menus */
  }
  .nav li a {
    border-bottom: 0;
    /*
			you can use hover styles here even though this size
			has the possibility of being a mobile device.
			*/
  }
  .nav li a:hover, .nav li a:focus {
    background-color: #dedede;
  }
  .nav li ul.sub-menu,
  .nav li ul.children {
    margin-top: 0;
    border: 1px solid #ccc;
    border-top: 0;
    position: absolute;
    display: none;
    z-index: 8999;
    /* highlight sub-menu current page */
  }
  .nav li ul.sub-menu li,
  .nav li ul.children li {
    /*
				if you need to go deeper, go nuts
				just remember deeper menus suck
				for usability. k, bai.
				*/
  }
  .nav li ul.sub-menu li a,
  .nav li ul.children li a {
    padding-left: 10px;
    border-right: 0;
    display: block;
    width: 180px;
    border-bottom: 1px solid #ccc;
  }
  .nav li ul.sub-menu li:last-child a,
  .nav li ul.children li:last-child a {
    border-bottom: 0;
  }
  .nav li:hover ul {
    top: auto;
    display: block;
  }
  /* end .nav */
  .header .nav-collapse.opened,
  #homepage-mobile-nav, .js .nav-collapse {
    display: none;
  }
  #secondary-nav-container {
    display: block;
    padding: 0;
    height: 40px;
    float: right;
    margin-right: 2em;
    position: relative;
    z-index: 303;
  }
  #secondary-nav-container > ul {
    text-align: right;
    margin: 0;
    font-size: 0;
    float: left;
  }
  #secondary-nav-container > ul > li {
    border-right: 1px solid #ccc;
  }
  #secondary-nav-container > ul li {
    display: inline;
    font-size: 19px;
    font-size: 1rem;
    height: 35px;
    line-height: 35px;
    position: relative;
    padding: 0 0.5em;
    float: left;
  }
  #secondary-nav-container > ul li li {
    float: none;
  }
  #secondary-nav-container > ul li:hover {
    background: #eff0f0;
  }
  #secondary-nav-container > ul li:hover > ul {
    display: block;
  }
  #secondary-nav-container > ul li a {
    font-size: 0.6em;
    color: #242424;
    text-decoration: none;
    opacity: 0.8;
    -webkit-transition: 0.1s;
    -ms-transition: 0.1s;
    -o-transition: 0.1s;
    -transition: 0.1s;
    transition: 0.1s;
  }
  #secondary-nav-container > ul li a:hover {
    opacity: 1;
  }
  #secondary-nav-container > ul ul {
    display: none;
    position: absolute;
    top: 98%;
    margin: 0;
    left: 0;
    background: #eff0f0;
    color: #242424;
    z-index: 20;
    width: 11em;
    text-align: left;
    padding: 0.5em;
  }
  #secondary-nav-container > ul ul li {
    display: block;
    height: auto;
    line-height: 1.3em;
    padding: 0 0.5em;
  }
  #secondary-nav-container > ul ul li:hover {
    border: none;
  }
  #secondary-nav-container > ul ul li:hover ul {
    display: none;
  }
  #secondary-nav-container > ul ul a {
    color: #242424;
  }
  #secondary-nav-container > ul ul a:hover {
    color: #000;
  }
  #secondary-nav-container > ul ul ul {
    top: 0;
    left: 100%;
  }
  #secondary-nav-container #g-custom-search {
    float: left;
    position: relative;
  }
  #secondary-nav-container #g-custom-search:hover .icon-search {
    background: #eff0f0;
  }
  #secondary-nav-container #g-custom-search:hover .icon-close {
    background: #000;
  }
  #secondary-nav-container #g-custom-search .inner {
    display: none;
    position: absolute;
    background: black;
    top: 0;
    right: 0;
    width: 340px;
  }
  #secondary-nav-container #g-custom-search .inner .gsc-search-box {
    padding: 0.5em;
    padding-right: 2.5em;
    margin: 0;
    position: relative;
    z-index: 10;
  }
  #secondary-nav-container #g-custom-search .inner .gsc-search-box input {
    margin-bottom: 0;
  }
  #secondary-nav-container #g-custom-search .inner .gsc-search-box td {
    padding: 0;
  }
  #secondary-nav-container #g-custom-search .inner .gsc-search-box .gsc-clear-button {
    display: none;
  }
  #secondary-nav-container #searchtoggle {
    float: right;
    font-size: 0.9em;
    opacity: 0.8;
    position: relative;
    z-index: 100;
    padding: 0 0.5em;
    line-height: 35px;
    height: 35px;
    cursor: pointer;
    /*&:hover {
				opacity: 1;
				background: lighten($lightgray, 3%);
			}*/
  }
  #secondary-nav-container #searchtoggle.icon-close {
    opacity: 1;
    background: #000;
    color: #fff;
    font-size: 0.7em;
    line-height: 39px;
    padding: 0 0.8em;
  }
  /*********************
FANMAIL
KUDOS AND COMPLAINTS
*********************/
  .page-template-page-fan-mail-php #formfoot,
  .page-template-page-kudos-complaints-php #formfoot {
    text-align: center;
    float: right;
  }
  .page-template-page-fan-mail-php input#email,
  .page-template-page-kudos-complaints-php input#email {
    max-width: 60%;
    min-width: 22em;
  }
  /*********************
SIDEBARS & ASIDES
*********************/
  .sidebar {
    margin-top: 0;
  }
  .sidebar li.toggle .icon-expand:hover {
    color: #000;
  }
  .widgettitle {
    border-bottom: 2px solid #444;
    margin-bottom: 0.75em;
  }
  .widget {
    padding: 0 10px;
    margin: 2.2em 0;
  }
  /*********************
PRODUCT PAGES
*********************/
  #options-n-benefits {
    display: table;
    table-layout: fixed;
    vertical-align: top;
    width: 100%;
    /*img {
		max-width: 50%;
		height: auto;
		float: left;
		padding: 0 1em 1em 0;
	}*/
  }
  #options-n-benefits #bene-option-list {
    display: table-cell;
    padding: 0 0 0 2em;
    vertical-align: top;
    width: 30%;
  }
  #options-n-benefits #swap {
    display: table-cell;
    vertical-align: top;
    border-left: 1px solid #575757;
    padding-left: 2em;
    padding-right: 5em;
    /*padding for guides/tec/specs*/
    width: 70%;
  }
  #options-n-benefits #swap li {
    clear: left;
  }
  #options-n-benefits #swap .img-container {
    width: 45%;
    float: left;
  }
  #options-n-benefits #swap .content-container {
    width: 55%;
    float: left;
    padding-left: 2em;
  }
  #options-n-benefits a:hover {
    color: #ffc425;
  }
  #ob-container {
    min-height: 21em;
    background: #242424;
  }
  #ob-container h2 {
    font-size: 1.95em;
  }
  #tech-specs-manuals {
    position: absolute;
    top: 0;
    right: -100%;
    height: 100%;
    margin-right: 4em;
    text-align: center;
    padding: 0;
    width: 100%;
  }
  #tech-specs-manuals.open {
    right: 0;
    margin-right: 0;
  }
  #tech-specs-manuals .inner {
    position: relative;
    padding-left: 6em;
    display: table;
  }
  #tech-specs-manuals a:hover {
    color: #ffc425;
  }
  #tech-specs-manuals ul {
    margin: 0;
  }
  #tech-specs-manuals .tricol {
    display: block;
    width: 25%;
    float: left;
    padding: 0 1.2em 0 0;
    margin-top: 2em;
    margin-bottom: 3em;
  }
  #tech-specs-manuals .tricol.long li {
    width: 50%;
    float: left;
  }
  #tech-specs-manuals #tech-banner {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 4em;
    text-align: center;
    line-height: normal;
  }
  #tech-specs-manuals #tech-banner:hover {
    color: #ffc425;
  }
  #tech-specs-manuals #tech-banner > h4 {
    display: inline-block;
    overflow: hidden;
    width: 1.5em;
    margin: 0;
    height: 100%;
    position: relative;
  }
  #tech-specs-manuals #tech-banner > h4 .txt-inner {
    display: inline-block;
    white-space: nowrap;
    position: relative;
    top: 50%;
    /* this is for shity "non IE" browsers
				       that dosn't support writing-mode */
    -webkit-transform: translate(1.1em, -50%) rotate(90deg);
    -moz-transform: translate(1.1em, -50%) rotate(90deg);
    -o-transform: translate(1.1em, -50%) rotate(90deg);
    transform: translate(1.1em, -50%) rotate(90deg);
    -ms-transform: translateY(-50%);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    /* IE9+ */
    -ms-transform-origin: none;
    /* IE8+ */
    -ms-writing-mode: tb-rl;
    /* IE7 and below */
    *writing-mode: tb-rl;
  }
  #tech-specs-manuals #tech-banner > h4 .txt-inner:before {
    content: "";
    float: left;
    margin-top: 100%;
  }
  .single-products .arrow-down {
    display: none;
  }
  #video-embed {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    height: 100% !important;
    width: 100%;
  }
  #award-logos,
  #warranty-logos {
    margin: 0 1em 2em 2em;
    padding-top: 2em;
    float: left;
    text-align: left;
  }
  #award-logos h2,
  #warranty-logos h2 {
    float: left;
    padding-right: 0.5em;
  }
  #award-logos h2 br,
  #warranty-logos h2 br {
    display: inline;
  }
  #award-logos ul,
  #warranty-logos ul {
    margin-top: 0;
    float: left;
  }
  #award-logos ul li,
  #warranty-logos ul li {
    display: inline-block;
    padding: 0 1em;
    max-width: 100px;
    line-height: 5em;
  }
  #award-logos ul li img,
  #warranty-logos ul li img {
    max-width: 100%;
    vertical-align: middle;
  }
  #award-logos h2 {
    padding-top: 0.5em;
  }
  /*********************
CONTACT US PAGE
*********************/
  body #tellus textarea {
    min-width: 30em;
    min-height: 10em;
    width: auto;
  }
  /*********************
FOOTER STYLES
*********************/
  footer nav {
    float: left;
  }
  footer #menu-footer-nav {
    margin-bottom: 0;
  }
  footer #menu-footer-nav li {
    margin-right: 0.75em;
  }
  footer #menu-footer-nav li a {
    color: #717171;
    -webkit-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    -transition: 0.2s;
    transition: 0.2s;
  }
  footer #menu-footer-nav li a:hover {
    color: #242424;
  }
  footer .footer-social {
    float: right;
    width: auto;
  }
  footer .copyright, footer a {
    clear: both;
    margin-top: 0;
  }
  /*********************
FOR BUSINESS STYLES
*********************/
  .page-template-custom-product-grid-php #inner-content #main,
  .page-template-business-grid-php #inner-content #main {
    text-align: center;
  }
  .page-template-custom-product-grid-php #inner-content h1.page-title,
  .page-template-business-grid-php #inner-content h1.page-title {
    text-align: left;
  }
  .page-template-custom-product-grid-php #inner-content .fourcol,
  .page-template-business-grid-php #inner-content .fourcol {
    width: 47%;
    display: inline-block;
    text-align: left;
    margin: 1%;
    float: none;
  }
  .page-template-custom-product-grid-php #inner-content .fourcol img,
  .page-template-business-grid-php #inner-content .fourcol img {
    position: relative;
    left: -19%;
    max-width: 140%;
  }
  .page-template-custom-product-grid-php #inner-content .fourcol p,
  .page-template-business-grid-php #inner-content .fourcol p {
    font-size: 0.8em;
  }
  .industry-callout {
    text-transform: uppercase;
    color: #939598;
  }
  .industry-callout h3 {
    font-size: 2.2em;
    font-weight: 600;
    margin-bottom: 0.25em;
  }
  .industry-callout h4 {
    font-weight: 300;
    margin-top: 0;
  }
  /*********************
APPLICATION PAGES
*********************/
  .page-template-page-application-php #content > .wrap {
    max-width: 60em;
  }
  .page-template-page-application-php #huge-gallery {
    margin-bottom: 2em;
  }
  .page-template-page-application-php .header-text,
  .page-template-page-application-php #header-text {
    left: 2em;
    width: auto;
    bottom: 2em;
  }
  .page-template-page-application-php .header-text h1,
  .page-template-page-application-php #header-text h1 {
    font-size: 4em;
  }
  /*********************
PRODUCT PAGES
*********************/
  .header-text .productavalibity,
  #header-text #productavalability {
    position: absolute;
    top: 0;
    right: 1em;
    margin: 1em 0;
  }
  /*.single-products #header-text h1.availability {
	padding-top: .7em;
}*/
  /*********************
FOOTER STYLES
*********************/
  .footer #menu-footer-nav li ul {
    position: absolute;
    bottom: 98%;
    border: none;
    background: #fff;
    padding: 0.25em 0.5em;
    margin: 0;
  }
  .footer #menu-footer-nav li ul a {
    color: #242424;
  }
  .footer #menu-footer-nav li ul a:hover {
    color: #cc9d21;
  }
  .footer #menu-footer-nav li:hover ul {
    display: block;
  }
  .footer #menu-footer-nav li:hover a {
    background: #fff;
    color: #575757;
  }
  /*********************
FOR HOME STYLES
*********************/
  #main .forhome-featured {
    margin-top: 2.5em;
  }
  #for-home-container {
    position: relative;
  }
  #for-home-container #for-home-filters.init {
    -webkit-transition: all 2.5s ease;
    -moz-transition: all 2.5s ease;
    -ms-transition: all 2.5s ease;
    -o-transition: all 2.5s ease;
    transition: all 2.5s ease;
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
  }
  #for-home-container #for-home-filters.init .options {
    -webkit-transition: all 2s ease;
    -moz-transition: all 2s ease;
    -ms-transition: all 2s ease;
    -o-transition: all 2s ease;
    transition: all 2s ease;
  }
  #for-home-container #for-home-filters.loaded {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
  }
  #for-home-container #for-home-filters.loaded .options {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
  }
  #for-home-container #for-home-filters {
    width: 350px;
    min-height: 100%;
  }
  #for-home-container #for-home-filters a {
    cursor: default;
  }
  #for-home-container #for-home-filters h4 {
    padding-left: 1%;
    font-size: 1em;
    position: relative;
    display: block;
  }
  #for-home-container #for-home-filters h4 span {
    border-radius: 0 5px 5px 0;
    font-size: 1.5em;
    padding: 0.4em;
    position: absolute;
    right: -2em;
    top: 0;
    background: #242424;
    text-transform: uppercase;
    width: 2em;
    text-align: right;
  }
  #for-home-container #for-home-filters ul li {
    cursor: pointer;
    /*also .active in base */
  }
  #for-home-container #for-home-filters ul li.first {
    clear: left;
  }
  #for-home-container #for-home-filters ul li:hover {
    color: #ffc425;
  }
  #for-home-container #for-home-filters ul#fh-menu-fan-model li {
    border: 3px solid #242424;
  }
  #for-home-container #for-home-filters ul#fh-menu-fan-model li:hover {
    color: #ffc425;
    border: 3px solid #ffc425;
  }
  #for-home-container #for-home-filters ul#fh-menu-sp-places li:hover:before {
    background: #ffc425;
  }
  #for-home-container #for-home-filters ul#fh-menu-sp-places li:hover:after {
    border-color: #ffc425;
  }
  #for-home-container #for-home-filters .hidden {
    display: block;
  }
  #for-home-container #for-home-filters.closed {
    left: -345px;
  }
  #for-home-container #for-home-filters.closed .options {
    display: block;
  }
  #for-home-container #content.closed {
    height: 0;
    overflow: hidden;
  }
  #for-home-container #stage #imgblock {
    margin-right: 300px;
    height: 100%;
  }
  #for-home-container #stage #sidebar {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    width: 300px;
    background: #fff;
    height: 100%;
    padding: 1em;
    font-size: 0.95em;
    overflow: scroll;
  }
  .page-template-page-for-home-php #for-home-gallery {
    margin-top: 0;
  }
  .page-template-page-for-home-php #for-home-gallery .box {
    width: 40%;
  }
  .page-template-page-for-home-php #for-home-gallery .tall {
    width: 20%;
  }
  .page-template-page-for-home-php #for-home-gallery .twofer {
    float: left;
    height: 450px;
    width: 20%;
  }
  .page-template-page-for-home-php #for-home-gallery .twofer .box {
    width: 100%;
    height: 225px;
  }
  .page-template-page-for-home-php .footer {
    display: none;
  }
  /*********************
GENIUS NOT AT WORK  & TESTIMONIALS
*********************/
  body.page-template-page-testimonials-php article.testimonial {
    width: 33.33%;
  }
}

@media only screen and (min-width: 768px) and (min-width: 1600px) {
  body.page-template-page-testimonials-php article.testimonial {
    width: 25%;
  }
}

@media only screen and (min-width: 768px) and (min-width: 2000px) {
  body.page-template-page-testimonials-php article.testimonial {
    width: 20%;
  }
}

@media only screen and (min-width: 768px) {
  .page-template-page-testimonials-php #inner-content,
  .page-template-page-genius-not-at-work-php #inner-content {
    margin-top: 2em;
  }
  .page-template-page-testimonials-php #testimonial-header,
  .page-template-page-testimonials-php #genius-header,
  .page-template-page-genius-not-at-work-php #testimonial-header,
  .page-template-page-genius-not-at-work-php #genius-header {
    text-align: right;
    padding: 2em 0 0.5em;
  }
  .page-template-page-testimonials-php #testimonial-header h1,
  .page-template-page-testimonials-php #genius-header h1,
  .page-template-page-genius-not-at-work-php #testimonial-header h1,
  .page-template-page-genius-not-at-work-php #genius-header h1 {
    text-align: left;
  }
}

@media only screen and (min-width: 768px) and (min-width: 931px) {
  .page-template-page-testimonials-php #testimonial-header h1,
  .page-template-page-testimonials-php #genius-header h1,
  .page-template-page-genius-not-at-work-php #testimonial-header h1,
  .page-template-page-genius-not-at-work-php #genius-header h1 {
    float: left;
    margin: -0.2em 0 0 10px;
  }
}

@media only screen and (min-width: 768px) {
  .page-template-page-testimonials-php #testimonial-header #fanatic-social,
  .page-template-page-testimonials-php #genius-header #fanatic-social,
  .page-template-page-genius-not-at-work-php #testimonial-header #fanatic-social,
  .page-template-page-genius-not-at-work-php #genius-header #fanatic-social {
    text-align: left;
  }
}

@media only screen and (min-width: 768px) and (min-width: 931px) {
  .page-template-page-testimonials-php #testimonial-header #fanatic-social,
  .page-template-page-testimonials-php #genius-header #fanatic-social,
  .page-template-page-genius-not-at-work-php #testimonial-header #fanatic-social,
  .page-template-page-genius-not-at-work-php #genius-header #fanatic-social {
    text-align: right;
  }
}

@media only screen and (min-width: 768px) {
  .page-template-page-testimonials-php #testimonial-header ul,
  .page-template-page-testimonials-php #genius-header ul,
  .page-template-page-genius-not-at-work-php #testimonial-header ul,
  .page-template-page-genius-not-at-work-php #genius-header ul {
    display: inline;
    float: none;
  }
  .page-template-page-testimonials-php #testimonial-header .share-ul li,
  .page-template-page-testimonials-php #genius-header .share-ul li,
  .page-template-page-genius-not-at-work-php #testimonial-header .share-ul li,
  .page-template-page-genius-not-at-work-php #genius-header .share-ul li {
    padding-right: .5em;
    display: inline-block;
  }
  .page-template-page-testimonials-php #testimonial-header .share-ul li a,
  .page-template-page-testimonials-php #genius-header .share-ul li a,
  .page-template-page-genius-not-at-work-php #testimonial-header .share-ul li a,
  .page-template-page-genius-not-at-work-php #genius-header .share-ul li a {
    background: #939598;
    color: #fff;
    border-radius: 5px;
    padding: 0.25em 0.5em;
  }
  .page-template-page-testimonials-php #testimonial-header .share-ul li a span,
  .page-template-page-testimonials-php #genius-header .share-ul li a span,
  .page-template-page-genius-not-at-work-php #testimonial-header .share-ul li a span,
  .page-template-page-genius-not-at-work-php #genius-header .share-ul li a span {
    position: relative;
    top: 0.1em;
  }
  .page-template-page-testimonials-php #testimonial-header .share-ul li a:hover,
  .page-template-page-testimonials-php #genius-header .share-ul li a:hover,
  .page-template-page-genius-not-at-work-php #testimonial-header .share-ul li a:hover,
  .page-template-page-genius-not-at-work-php #genius-header .share-ul li a:hover {
    background: #000;
  }
  .page-template-page-testimonials-php #testimonial-header .follow-ul li,
  .page-template-page-testimonials-php #genius-header .follow-ul li,
  .page-template-page-genius-not-at-work-php #testimonial-header .follow-ul li,
  .page-template-page-genius-not-at-work-php #genius-header .follow-ul li {
    padding-right: 0.1em;
  }
  .page-template-page-testimonials-php #testimonial-header .follow-ul li a,
  .page-template-page-testimonials-php #genius-header .follow-ul li a,
  .page-template-page-genius-not-at-work-php #testimonial-header .follow-ul li a,
  .page-template-page-genius-not-at-work-php #genius-header .follow-ul li a {
    background: #939598;
    color: #fff;
    border-radius: 50%;
    display: inline-block;
    height: 2em;
    line-height: 1em;
    padding: 0.5em;
    text-align: center;
    width: 2em;
    font-size: 0.9em;
  }
  .page-template-page-testimonials-php #testimonial-header .follow-ul li a:hover,
  .page-template-page-testimonials-php #genius-header .follow-ul li a:hover,
  .page-template-page-genius-not-at-work-php #testimonial-header .follow-ul li a:hover,
  .page-template-page-genius-not-at-work-php #genius-header .follow-ul li a:hover {
    background: #000;
  }
  .page-template-page-testimonials-php #testimonial-header .follow-title,
  .page-template-page-testimonials-php #genius-header .follow-title,
  .page-template-page-genius-not-at-work-php #testimonial-header .follow-title,
  .page-template-page-genius-not-at-work-php #genius-header .follow-title {
    padding-left: 1em;
    display: inline;
  }
  .page-template-page-testimonials-php #testimonial-header .share-title,
  .page-template-page-testimonials-php #genius-header .share-title,
  .page-template-page-genius-not-at-work-php #testimonial-header .share-title,
  .page-template-page-genius-not-at-work-php #genius-header .share-title {
    padding-right: 0;
    margin-right: 0;
    display: inline;
  }
  .page-template-page-testimonials-php .link,
  .page-template-page-genius-not-at-work-php .link {
    float: right;
  }
  /*********************
CASE STUDY STYLES
*********************/
  .single-case_study #huge blockquote {
    position: absolute;
    z-index: 100;
    bottom: 2em;
    left: 2em;
    max-width: 23em;
  }
  .single-case_study #huge blockquote .cs-author, .single-case_study #huge blockquote .cs-title {
    font-size: 0.8em;
  }
  .single-case_study #content > .wrap {
    max-width: 60em;
  }
  .single-case_study #case-study-sidebar {
    width: 300px;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
  }
  .single-case_study #case-study-sidebar h1 {
    margin-top: 1em;
  }
  .single-case_study #case-study-sidebar .anchor:hover {
    background: #f1b000;
  }
  /*********************
GRAVITY FORMS
*********************/
  body .left-half {
    float: left;
    width: 50%;
    clear: left;
  }
  body .right-half {
    float: right;
    width: 50%;
  }
  /*********************
NEW FOR HOME LANDING PAGE
*********************/
  .page-template-page-stacked-flex-template-php #fan-colors li span,
  .page-template-page-for-home-products-php #fan-colors li span,
  .page-template-page-for-home-v2-php #fan-colors li span {
    left: auto;
    right: -1em;
  }
  .page-template-page-stacked-flex-template-php #fan-colors li span:after,
  .page-template-page-for-home-products-php #fan-colors li span:after,
  .page-template-page-for-home-v2-php #fan-colors li span:after {
    right: 1.5em;
    left: auto;
  }
  .page-template-page-stacked-flex-template-php .left.half,
  .page-template-page-for-home-products-php .left.half,
  .page-template-page-for-home-v2-php .left.half {
    float: left;
    width: 50%;
  }
  .page-template-page-stacked-flex-template-php .right.half,
  .page-template-page-for-home-products-php .right.half,
  .page-template-page-for-home-v2-php .right.half {
    float: right;
    width: 60%;
  }
  .page-template-page-stacked-flex-template-php .hidden .contain,
  .page-template-page-for-home-products-php .hidden .contain,
  .page-template-page-for-home-v2-php .hidden .contain {
    overflow: hidden;
  }
  .page-template-page-stacked-flex-template-php .vcenter,
  .page-template-page-for-home-products-php .vcenter,
  .page-template-page-for-home-v2-php .vcenter {
    position: absolute;
    top: 50%;
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
  .page-template-page-stacked-flex-template-php .article-header h1,
  .page-template-page-for-home-products-php .article-header h1,
  .page-template-page-for-home-v2-php .article-header h1 {
    margin-left: 1%;
  }
  .page-template-page-stacked-flex-template-php .products-v2,
  .page-template-page-for-home-products-php .products-v2,
  .page-template-page-for-home-v2-php .products-v2 {
    float: left;
    width: 31%;
    margin: 1em 1%;
  }
}

@media only screen and (min-width: 768px) and (min-width: 1030px) {
  .page-template-page-stacked-flex-template-php .products-v2 .hover,
  .page-template-page-for-home-products-php .products-v2 .hover,
  .page-template-page-for-home-v2-php .products-v2 .hover {
    font-size: 90%;
  }
}

@media only screen and (min-width: 768px) {
  .page-template-page-stacked-flex-template-php .products-v2 .product-header a:hover,
  .page-template-page-for-home-products-php .products-v2 .product-header a:hover,
  .page-template-page-for-home-v2-php .products-v2 .product-header a:hover {
    color: #cc9d21;
  }
  .page-template-page-stacked-flex-template-php .one-block .content-block,
  .page-template-page-for-home-products-php .one-block .content-block {
    width: 100%;
  }
  .page-template-page-stacked-flex-template-php .two-block .content-block,
  .page-template-page-for-home-products-php .two-block .content-block {
    width: 50%;
  }
  .page-template-page-stacked-flex-template-php .three-block .content-block,
  .page-template-page-for-home-products-php .three-block .content-block {
    width: 33%;
  }
  .page-template-page-stacked-flex-template-php .two-block .content-block.w30,
  .page-template-page-for-home-products-php .two-block .content-block.w30 {
    width: 30%;
  }
  .page-template-page-stacked-flex-template-php .two-block .content-block.w40,
  .page-template-page-for-home-products-php .two-block .content-block.w40 {
    width: 40%;
  }
  .page-template-page-stacked-flex-template-php .two-block .content-block.w60,
  .page-template-page-for-home-products-php .two-block .content-block.w60 {
    width: 60%;
  }
  .page-template-page-stacked-flex-template-php .two-block .content-block.w70,
  .page-template-page-for-home-products-php .two-block .content-block.w70 {
    width: 70%;
  }
  .page-template-page-stacked-flex-template-php .alignright,
  .page-template-page-for-home-products-php .alignright {
    float: right;
  }
  .page-template-page-stacked-flex-template-php .custom-efficient .efficient,
  .page-template-page-for-home-products-php .custom-efficient .efficient {
    left: 50%;
    margin-left: -27em;
    position: relative;
  }
  .bal {
    /*#menu-main-menu{
		font-size: 1em;
		@media screen and (min-width:860px){
			font-size: 1.1em;
		}
		@media screen and (min-width:920px){
			font-size: 1.1em;
		}

		li {
			padding: 0.25em 0.25em;
			@media screen and (min-width:920px){
				padding: 0.25em 0.5em;
			}
		}
	}*/
  }
  .bal #secondary-nav-container {
    margin-right: 1em;
  }
  .bal #menu-main-menu > li:hover {
    background: #313131;
  }
  .bal #menu-main-menu > li:hover a {
    color: #fff;
  }
}

@media only screen and (min-width: 768px) and (min-width: 1030px) {
  .bal #menu-main-menu > li {
    margin-right: .25em;
  }
}

@media only screen and (min-width: 768px) {
  .bal #menu-main-menu li.menu-item-has-children ul {
    display: none;
    right: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 253px;
    background: #313131;
    color: white;
    text-align: left;
  }
  .bal #menu-main-menu li.menu-item-has-children ul li {
    display: none;
  }
  .bal #menu-main-menu li.menu-item-has-children > .sub-menu {
    display: none;
    background: #313131;
    position: absolute;
    right: 0;
    width: 253px;
    top: 98%;
    margin: 0;
    padding: 0;
    height: auto;
    color: white;
    text-align: left;
  }
  .bal #menu-main-menu li.menu-item-has-children > .sub-menu .sub-menu {
    top: 0;
    right: 100%;
  }
  .bal #menu-main-menu li.menu-item-has-children > .sub-menu > li {
    width: 100%;
    display: block;
    padding: 0.5em;
    margin: 0;
    position: relative;
  }
  .bal #menu-main-menu li.menu-item-has-children > .sub-menu > li a {
    color: #fff;
    display: block;
  }
  .bal #menu-main-menu li.menu-item-has-children > .sub-menu > li:hover > ul {
    display: block;
    right: 100%;
    position: absolute;
  }
  .bal #menu-main-menu li.menu-item-has-children > .sub-menu ul {
    display: none;
  }
  .bal #menu-main-menu li.menu-item-has-children:hover > .sub-menu {
    display: block;
  }
  /*********************
FOR HOME v3 BIG SLIDER
*********************/
  .page-template-page-for-home-v3-php #header-block {
    background: #eee;
    display: table;
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1600px) {
  .page-template-page-for-home-v3-php #header-block {
    max-height: 700px;
  }
}

@media only screen and (min-width: 768px) {
  .page-template-page-for-home-v3-php #header-main {
    display: table-cell;
    vertical-align: top;
    width: 75%;
    overflow: hidden;
    height: 100%;
    position: relative;
    font-size: 125%;
  }
  .page-template-page-for-home-v3-php #header-main:before {
    content: "";
    height: 100%;
    width: 2px;
    background: #eee;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
  }
  .page-template-page-for-home-v3-php #header-main .button {
    position: absolute;
    bottom: 1em;
    right: 10em;
    z-index: 3;
    margin: 0;
    font-size: 1em;
    background: url("../images/lines.png") 0 -4px repeat-x #fff;
  }
  .page-template-page-for-home-v3-php #header-main .button:hover {
    color: black;
  }
  .page-template-page-for-home-v3-php #header-main #main-image {
    height: 100%;
  }
  .page-template-page-for-home-v3-php #header-main #main-image img {
    height: auto;
    width: 100%;
    max-width: none;
    position: absolute;
    top: 0;
    left: 50%;
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  .page-template-page-for-home-v3-php #header-main #header-content {
    /*.button-wrap {
					display: table-cell;
					vertical-align: middle;
					text-align: center;

					.button {
						background: $yellow;
						position: relative;
						top: 0;
						left: 0;
						margin: 0;

						&:before { display: none; }
					}
				}*/
  }
  .page-template-page-for-home-v3-php #header-main #header-content .content {
    display: block;
    position: absolute;
    bottom: 0.9em;
    right: 1em;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    background: url("../images/lines.png") 0 0 repeat-x #fff;
    padding: 0em 1em 0em 1em;
    width: 94%;
    max-width: 33em;
    z-index: 2;
    -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;
  }
}

@media only screen and (min-width: 768px) and (min-width: 1230px) {
  .page-template-page-for-home-v3-php #header-main #header-content .content {
    right: 10em;
  }
}

@media only screen and (min-width: 768px) {
  .page-template-page-for-home-v3-php #header-main #header-content .button:before {
    content: "";
    position: absolute;
    bottom: 99%;
    left: 0;
    width: 100%;
    height: 0;
    background: #fff;
    display: none;
    opacity: 1;
    -webkit-transition: height .06s ease-in;
    -moz-transition: height .06s ease-in;
    -ms-transition: height .06s ease-in;
    -o-transition: height .06s ease-in;
    transition: height .06s ease-in;
  }
  .page-template-page-for-home-v3-php #header-main #header-content:hover .content {
    display: block;
    opacity: 1;
    max-height: 15em;
    padding: 1em 1em 2.5em 1em;
  }
  .page-template-page-for-home-v3-php #header-main #header-content:hover .button {
    background: #fff;
  }
  .page-template-page-for-home-v3-php #header-main #header-content:hover .button:before {
    opacity: 1;
    height: .5em;
  }
  .page-template-page-for-home-v3-php #header-main #header-content .inner {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    font-size: 75%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .page-template-page-for-home-v3-php #header-main .button {
    padding-top: .9em;
    padding-bottom: .5em;
  }
  .page-template-page-for-home-v3-php #header-main .button:before {
    display: block !important;
  }
  .page-template-page-for-home-v3-php #header-main #lhnHelp, .page-template-page-for-home-v3-php #header-main #lhnChatButton {
    height: 2.4em;
    padding-top: .2em;
  }
  .page-template-page-for-home-v3-php #header-main #header-content .content {
    bottom: .9em;
  }
}

@media only screen and (min-width: 768px) {
  .page-template-page-for-home-v3-php #header-block-side {
    display: table-cell;
    vertical-align: top;
    width: 25%;
    height: 100%;
  }
  .page-template-page-for-home-v3-php #header-block-side .header-blocks {
    height: 25%;
    cursor: pointer;
  }
  .page-template-page-for-home-v3-php .header-image-container {
    background: #fff;
    height: 100%;
    border-bottom: 2px solid #eee;
  }
  .page-template-page-for-home-v3-php .header-image-container img {
    opacity: 0;
  }
  .page-template-page-for-home-v3-php .header-image-container .content {
    color: #000;
    height: 100%;
  }
  .page-template-page-for-home-v3-php .header-image-container .content .icon-arrow-right3 {
    border-color: #000;
  }
  .page-template-page-for-home-v3-php #header-block-side .header-blocks:last-child .header-image-container {
    border-bottom: none;
  }
  .page-template-page-for-home-v3-php .header-blocks.active .header-image-container,
  .page-template-page-for-home-v3-php .header-blocks:hover .header-image-container {
    background: #242424;
  }
  .page-template-page-for-home-v3-php .header-blocks.active .header-image-container img,
  .page-template-page-for-home-v3-php .header-blocks:hover .header-image-container img {
    display: none;
  }
  .page-template-page-for-home-v3-php .header-blocks.active .header-image-container .content,
  .page-template-page-for-home-v3-php .header-blocks:hover .header-image-container .content {
    color: #fff;
  }
  .page-template-page-for-home-v3-php .header-blocks.active .header-image-container .content .icon-arrow-right3,
  .page-template-page-for-home-v3-php .header-blocks:hover .header-image-container .content .icon-arrow-right3 {
    border-color: #fff;
  }
  .page-template-page-for-home-v3-php #footer-block {
    /*clear: both;
		padding: .5em 1em .5em .5em;

		.footer-blocks {
			width: 50%;
			float: left;
			display: table;
			overflow: hidden;

			&:last-child {
				position: relative;
				left: .5em;
			}
		}

		.footer-content {
			display: table-cell;
			height: 100%;
			vertical-align: middle;
		}*/
  }
  .category-press-releases #main,
  .category-media-coverage #main {
    float: none;
    margin: 0 auto;
  }
  .press_releases .post h3 {
    font-size: 1.1em;
    font-weight: 700;
  }
}

@media only screen and (min-width: 768px) and (min-width: 768px) {
  #menu-main-menu li .mega-menu.en-HK {
    margin: 0 0 0 -500px;
  }
  #menu-main-menu li .mega-menu.zh-HK {
    margin: 0 0 0 -530px;
  }
  .press_releases .post {
    padding-left: 0;
  }
  .press_releases .post:nth-child(3n) {
    clear: left;
  }
}

/*
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*/
@media only screen and (min-width: 1030px) {
  /******************************************************************
Site Name:
Author:

Stylesheet: Desktop Stylsheet

This is the desktop size. It's larger than an iPad so it will only
be seen on the Desktop.

******************************************************************/
  #menu-main-menu {
    font-size: 1.25em;
    padding: 0.5em 0;
  }
  #menu-main-menu > li {
    margin-right: 1em;
    padding: .5em .75em;
  }
  #menu-main-menu > li .mega-menu {
    margin-right: -300px;
  }
  #menu-main-menu li .mega-menu .mega-featured-img img {
    margin-left: -213px;
  }
  #secondary-nav-container > ul li {
    font-size: 20px;
    font-size: 1.2rem;
  }
  .header #logo {
    float: left;
    width: 50%;
  }
  .js .nav-collapse {
    padding-top: 1.5em;
  }
  .js .nav-collapse ul li {
    margin-right: 1em;
    padding: .5em;
  }
  .js .nav-collapse ul li a {
    background: none;
    color: #242424;
    font-size: 1.1em;
    font-weight: 600;
    padding: 10px 0;
  }
  /*********************
HOME PAGE STYLES
*********************/
}

@media only screen and (min-width: 1030px) and (min-width: 1169px) {
  .callouts .fourcol .sixcol.first {
    padding: 0;
    overflow: hidden;
    height: 100%;
    width: 48.6188%;
  }
  .callouts .fourcol .sixcol.first img {
    display: block;
    height: 100%;
    width: auto;
    position: absolute;
    z-index: 1;
    /* Center Image */
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .callouts .fourcol .sixcol.last {
    width: 48.6188%;
    padding: 0.2em;
  }
}

@media only screen and (min-width: 1030px) {
  .no-transform .callouts .fourcol .sixcol.first img {
    left: -50%;
  }
  /*********************
FOR BUSINESS STYLES
*********************/
  .page-template-custom-product-grid-php #inner-content .fourcol,
  .page-template-business-grid-php #inner-content .fourcol {
    width: 31%;
  }
  .page-template-custom-product-grid-php #inner-content .fourcol .industry-content h2,
  .page-template-business-grid-php #inner-content .fourcol .industry-content h2 {
    margin-top: 0.4em;
    margin-bottom: 0.6em;
    font-size: 1.8em;
  }
  /*********************
FOR HOME STYLES
*********************/
  #for-home-gallery .tall .better-tech {
    height: 50%;
  }
  .page-template-page-for-home-php #for-home-gallery .better-tech {
    font-size: 0.8em;
  }
  .page-template-page-for-home-php #for-home-gallery .better-tech h2 {
    font-size: 2.168em;
  }
  .page-template-page-stacked-flex-template-php .custom-efficient .efficient,
  .page-template-page-for-home-products-php .custom-efficient .efficient {
    margin-left: -35em;
  }
  /*********************
PRODUCT PAGES
*********************/
  .page-template-page-stacked-flex-template-php #content header,
  .page-template-page-for-home-products-php #content header {
    height: 430px;
  }
}

/*
LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
*/
@media only screen and (min-width: 1240px) {
  /******************************************************************
Site Name:
Author:

Stylesheet: Super Large Monitor Stylesheet

You can add some advanced styles here if you like. This kicks in
on larger screens.

******************************************************************/
  html {
    /*font-size: 112.5%;*/
    /* 18px */
  }
  .header #logo {
    max-width: 280px;
  }
  /*********************
FOR BUSINESS STYLES
*********************/
  .page-template-custom-product-grid-php #inner-content .fourcol,
  .page-template-business-grid-php #inner-content .fourcol {
    width: 31%;
  }
  .page-template-custom-product-grid-php #inner-content .fourcol img,
  .page-template-business-grid-php #inner-content .fourcol img {
    left: 0;
    max-width: 100%;
    min-height: 0;
  }
  /*********************
FOR HOME STYLES
*********************/
  .page-template-page-for-home-php #for-home-gallery .better-tech {
    font-size: 1em;
  }
  .page-template-page-stacked-flex-template-php #content header,
  .page-template-page-for-home-products-php #content header {
    height: 430px;
    font-size: 112.5%;
  }
  /*********************
PRODUCT PAGES
*********************/
  #tech-specs-manuals {
    width: 70%;
    right: -70%;
  }
}

/*
EXTRA LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
*/
@media only screen and (min-width: 1440px) {
  /******************************************************************
Site Name:
Author:
******************************************************************/
  html {
    font-size: 120%;
    /* 20px */
  }
  /*********************
HOME PAGE STYLES
*********************/
  .no-transform .home .callouts .fourcol .sixcol.first img {
    left: -50%;
  }
  /*********************
MENU STYLES
*********************/
  #menu-main-menu li .mega-menu .mega-sub-menu .mega-industry p,
  #menu-main-menu li .mega-menu .mega-featured-content p {
    font-size: 0.6em;
  }
  #menu-main-menu li .mega-menu .mega-sub-menu .mega-industry > a:before,
  #menu-main-menu li .mega-menu .mega-featured-content > a:before {
    line-height: 0.8em;
  }
  #menu-main-menu li .mega-menu .mega-featured-img img {
    margin-left: -275px;
  }
  .page-template-custom-product-grid-php #inner-content .fourcol .industry-content p,
  .page-template-business-grid-php #inner-content .fourcol .industry-content p {
    font-size: .8em;
  }
  #secondary-nav-container #g-custom-search .inner .gsc-search-box {
    padding-right: 3em;
  }
  /*********************
FOR HOME STYLES
*********************/
  #main .forhome-featured > div .overlay {
    height: 5em;
  }
  .page-template-page-stacked-flex-template-php #content header,
  .page-template-page-for-home-products-php #content header {
    height: 520px;
  }
}

/*
BIG ASS VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
*/
@media only screen and (min-width: 2000px) {
  /******************************************************************
Site Name: 
Author:
******************************************************************/
  html {
    font-size: 137.5%;
    /* 22px */
  }
  #secondary-nav-container #g-custom-search .inner .gsc-search-box {
    padding-right: 3.1em;
  }
  .page-template-page-for-home-products-php #content header {
    height: 620px;
  }
  .page-template-page-for-home-products-php .custom-efficient .efficient {
    margin-left: -40em;
  }
}

/*
RETINA (2x RESOLUTION DEVICES)
This applies to the retina iPhone (4s) and iPad (2,3) along with
other displays with a 2x resolution. You can also create a media
query for retina AND a certain size if you want. Go Nuts.
*/
/*
iPHONE 5 MEDIA QUERY
Want to get fancy for no good reason? Knock yourself out.
*/
/*
PRINT STYLESHEET
Feel free to customize this. Remember to add things that won't make
sense to print at the bottom. Things like nav, ads, and forms should
be set to display none.
*/
@media print {
  /******************************************************************
Site Name:
Author:

Stylesheet: Print Stylesheet

This is the print stylesheet. There's probably not a lot
of reasons to edit this stylesheet. If you want to
though, go for it.

******************************************************************/
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  a, a:visited {
    color: #444 !important;
    text-decoration: underline;
  }
  a:after, a:visited:after {
    content: " (" attr(href) ")";
  }
  a abbr[title]:after, a:visited abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr, img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none;
  }
}