/*
Theme Name: PSO
Author: Megan Gessouroun
Author URI: http://meganmarye.com/
Description: PSO Custom Wordpress Theme Built by Megan Gessouroun at VI Marketing and Branding
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pso
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

PSO is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Megan Custom Styling
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  margin: 0;
  color: #7e8083;
  font-weight: 400;}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block; }
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }
::selection {
    background: #97999d !important;
}
audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active,
a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
  color: #404040;
  font-family: sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5; }

h1, h2, h3, h4, h5, h6 {
/*   clear: both; */ }

p {
  margin-bottom: 1.5em; }

dfn, cite, em, i {
  font-style: italic; }

blockquote {
  margin: 0 1.5em; }

address {
  margin: 0 0 1.5em; }

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em; }

code, kbd, tt, var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem; }

abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help; }

mark, ins {
  background: #fff9c0;
  text-decoration: none; }

big {
  font-size: 125%; }

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box; }

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit; }

body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */ }

blockquote, q {
  quotes: "" ""; }
  blockquote:before, blockquote:after, q:before, q:after {
    content: ""; }

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em; }

ul, ol {
  margin: 0 0 1.5em 3em; }

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em; }

dt {
  font-weight: bold; }

dd {
  margin: 0 1.5em 1.5em; }

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */ }

table {
  margin: 0 0 1.5em;
  width: 100%; }

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  padding: .6em 1em .4em;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }
  button:hover,
  input[type="button"]:hover,
  input[type="reset"]:hover,
  input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02); }
  button:active, button:focus,
  input[type="button"]:active,
  input[type="button"]:focus,
  input[type="reset"]:active,
  input[type="reset"]:focus,
  input[type="submit"]:active,
  input[type="submit"]:focus {
    border-color: #aaa #bbb #bbb;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15); }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px; }
  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="password"]:focus,
  input[type="search"]:focus,
  textarea:focus {
    color: #111; }

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
  padding: 3px; }

textarea {
  padding-left: 3px;
  width: 100%; }

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: #ee1d24 ; }
  a:visited {
    color: inherit; }
  a:hover, a:focus, a:active {
    color: inherit; }
  a:focus {
    outline: thin dotted; }
  a:hover, a:active {
    outline: 0; }

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
  clear: both;
  display: block;
  float: left;
  width: 100%; }
  .main-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0; }
    .main-navigation ul ul {
      box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
      float: left;
      position: absolute;
      top: 1.5em;
      left: -999em;
      z-index: 99999; }
      .main-navigation ul ul ul {
        left: -999em;
        top: 0; }
      .main-navigation ul ul li:hover > ul {
        left: 100%; }
      .main-navigation ul ul a {
        width: 200px; }
    .main-navigation ul li:hover > ul {
      left: auto; }
  .main-navigation li {
    float: left;
    position: relative; }
  .main-navigation a {
    display: block;
    text-decoration: none; }

/* Small menu. */
.menu-toggle {
  display: none; }

@media screen and (max-width: 600px) {
  .menu-toggle,
  .main-navigation.toggled .nav-menu {
    display: none; }

  .main-navigation ul {
    display: none; } }
.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden; }
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%; }
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%; }

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden; }
  .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */ }

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em; }

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em; }

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table; }

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both; }

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */ }
  .widget select {
    max-width: 100%; }

/* Search widget. */
.widget_search .search-submit {
  display: none; }

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block; }

.hentry {
  margin: 0 0 1.5em; }

.byline,
.updated:not(.published) {
  display: none; }

.single .byline,
.group-blog .byline {
  display: inline; }

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0; }

.page-links {
  clear: both;
  margin: 0 0 1.5em; }

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
  display: none; }

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word; }

.bypostauthor {
  display: block; }

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none; }

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block; }

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0; }

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%; }

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%; }
  .wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .wp-caption .wp-caption-text {
    margin: 0.8075em 0; }

.wp-caption-text {
  text-align: center; }

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em; }

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%; }
  .gallery-columns-2 .gallery-item {
    max-width: 50%; }
  .gallery-columns-3 .gallery-item {
    max-width: 33.33%; }
  .gallery-columns-4 .gallery-item {
    max-width: 25%; }
  .gallery-columns-5 .gallery-item {
    max-width: 20%; }
  .gallery-columns-6 .gallery-item {
    max-width: 16.66%; }
  .gallery-columns-7 .gallery-item {
    max-width: 14.28%; }
  .gallery-columns-8 .gallery-item {
    max-width: 12.5%; }
  .gallery-columns-9 .gallery-item {
    max-width: 11.11%; }

.gallery-caption {
  display: block; }

test {
  display: block; }

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Codrops
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block; }

audio, canvas, video {
  display: inline-block; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden] {
  display: none; }

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

a:focus {
  outline: thin dotted; }

a:active, a:hover {
  outline: 0; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

mark {
  background: #ff0;
  color: #000; }

code, kbd, pre, samp {
  font-family: monospace,serif;
  font-size: 1em; }

pre {
  white-space: pre-wrap; }

q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

button, input, select, textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0; }

button, input {
  line-height: normal; }

button, select {
  text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled], html input[disabled] {
  cursor: default; }

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/*--------------------------------------------------------------
# Component
--------------------------------------------------------------*/
.nav-thumbflip a {
  position: absolute;
  top: 50%;
  display: block;
  outline: none;
  text-align: left;
  z-index: 1000;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.nav-thumbflip a.prev {
  left: 0; }

.nav-thumbflip a.next {
  right: 0; }

.nav-thumbflip a svg {
  display: block;
  margin: 0 auto;
  padding: 0; }

/* Individual styles */
/*--------------------*/
/* Slide out */
/*--------------------*/
.color-1 {
  background: #b8bac1; }

.nav-slide .icon-wrap {
  position: relative;
  z-index: 100;
  display: block;
  padding: 20px;
  background-color: #fff; }

.nav-slide svg.icon {
  fill: #34495e; }

.nav-slide div {
  position: absolute;
  top: 50%;
  padding: 0 100px;
  background-color: #34495e;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s; }

.nav-slide a.prev div {
  left: 0;
  padding-right: 120px;
  -webkit-transform: translateY(-50%) translateX(-100%);
  transform: translateY(-50%) translateX(-100%); }

.nav-slide a.next div {
  right: 0;
  padding-left: 120px;
  text-align: right;
  -webkit-transform: translateY(-50%) translateX(100%);
  transform: translateY(-50%) translateX(100%); }

.nav-slide h3 {
  position: relative;
  margin: 0;
  padding: 20px 0;
  color: #fff;
  white-space: nowrap;
  font-weight: 300;
  font-size: 1.3em;
  line-height: 1.5; }

.nav-slide div h3 span {
  display: block;
  color: #95a5a6;
  font-style: italic;
  font-size: 65%;
  font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; }

.nav-slide img {
  position: absolute;
  top: 0;
  height: 100%; }

.nav-slide a.prev img {
  right: 0; }

.nav-slide a.next img {
  left: 0; }

.nav-slide a:hover div {
  -webkit-transform: translateY(-50%) translateX(0);
  transform: translateY(-50%) translateX(0); }

/*--------------------*/
/* Image bar */
/*--------------------*/
.color-2 {
  background: #34495e; }

.nav-imgbar a {
  overflow: hidden;
  width: 100px;
  height: 90%;
  background-color: transparent;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s; }

.nav-imgbar .icon-wrap {
  position: relative;
  top: 50%;
  z-index: 100;
  display: block;
  margin: 0 auto;
  padding: 30px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s; }

.nav-imgbar a.prev .icon-wrap {
  -webkit-transform: translateY(-50%) translateX(10px);
  transform: translateY(-50%) translateX(10px); }

.nav-imgbar a.next .icon-wrap {
  -webkit-transform: translateY(-50%) translateX(-10px);
  transform: translateY(-50%) translateX(-10px); }

.nav-imgbar svg.icon {
  fill: #fff; }

.nav-imgbar img {
  position: absolute;
  top: 0;
  min-width: 100%;
  min-height: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s; }

.nav-imgbar a.prev img {
  left: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%); }

.nav-imgbar a.next img {
  right: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%); }

.nav-imgbar a:hover {
  background-color: rgba(255, 255, 255, 0.7); }

.nav-imgbar a:hover .icon-wrap {
  -webkit-transform: translateY(-50%) translateX(0);
  transform: translateY(-50%) translateX(0); }

.nav-imgbar a:hover img {
  opacity: 0.6;
  -webkit-transform: translateX(0);
  transform: translateX(0); }

/*--------------------*/
/* Circle pop */
/*--------------------*/
.color-3 {
  background: #cc6055; }

.nav-circlepop a {
  margin: 0 30px;
  width: 50px;
  height: 50px; }

.nav-circlepop a::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #fff;
  content: '';
  opacity: 0;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transform: scale(0.9);
  transform: scale(0.9); }

.nav-circlepop .icon-wrap {
  position: relative;
  display: block;
  margin: 10% 0 0 10%;
  width: 80%;
  height: 80%; }

.nav-circlepop a.next .icon-wrap {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.nav-circlepop .icon-wrap::before,
.nav-circlepop .icon-wrap::after {
  position: absolute;
  left: 25%;
  width: 3px;
  height: 50%;
  background: #fff;
  content: '';
  -webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
  transition: transform 0.3s, background-color 0.3s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.nav-circlepop .icon-wrap::before {
  -webkit-transform: translateX(-50%) rotate(30deg);
  transform: translateX(-50%) rotate(30deg);
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%; }

.nav-circlepop .icon-wrap::after {
  top: 50%;
  -webkit-transform: translateX(-50%) rotate(-30deg);
  transform: translateX(-50%) rotate(-30deg);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0; }

.nav-circlepop a:hover::before {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1); }

.nav-circlepop a:hover .icon-wrap::before,
.nav-circlepop a:hover .icon-wrap::after {
  background: #cc6055; }

.nav-circlepop a:hover .icon-wrap::before {
  -webkit-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg); }

.nav-circlepop a:hover .icon-wrap::after {
  -webkit-transform: translateX(-50%) rotate(-45deg);
  transform: translateX(-50%) rotate(-45deg); }

/*--------------------*/
/* Rounded slide */
/*--------------------*/
.color-4 {
  background-color: #566473; }

.nav-roundslide a {
  margin: 0 20px;
  padding: 15px;
  width: 62px;
  height: 62px;
  border-radius: 40px;
  background: #34495e;
  -webkit-transition: width 0.3s, background-color 0.3s;
  transition: width 0.3s, background-color 0.3s; }

.nav-roundslide .icon-wrap {
  position: absolute;
  width: 32px; }

.nav-roundslide a.prev .icon-wrap {
  left: 15px; }

.nav-roundslide a.next .icon-wrap {
  right: 15px; }

.nav-roundslide svg.icon {
  fill: #566473; }

.nav-roundslide h3 {
  position: absolute;
  top: 0;
  margin: 0;
  color: #566473;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: 1px;
  font-weight: 400;
  font-size: 0.85em;
  line-height: 4.45;
  opacity: 0;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s; }

.nav-roundslide a.prev h3 {
  right: 20px;
  -webkit-transform: translateX(100%);
  transform: translateX(100%); }

.nav-roundslide a.next h3 {
  left: 20px;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%); }

.nav-roundslide a:hover {
  width: 200px;
  background: #fff; }

.nav-roundslide a:hover h3 {
  opacity: 1;
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transform: translateX(0);
  transform: translateX(0); }

/*--------------------*/
/* Slit (inspired by Jam3) */
/*--------------------*/
.color-5 {
  background: #cdd2d5; }

.nav-slit .icon-wrap {
  position: relative;
  display: block;
  padding: 45px 5px;
  background-color: #939a9f; }

.nav-slit svg.icon {
  -webkit-transition: -webkit-transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s;
  fill: #fff; }

.nav-slit div {
  position: absolute;
  top: 0;
  width: 200px;
  height: 100%;
  background-color: #939a9f;
  -webkit-transition: -webkit-transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s;
  -webkit-perspective: 1000px;
  perspective: 1000px; }

.nav-slit a.prev div {
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%); }

.nav-slit a.next div {
  right: 0;
  text-align: right;
  -webkit-transform: translateX(100%);
  transform: translateX(100%); }

.nav-slit h3 {
  position: absolute;
  top: 100%;
  margin: 0;
  padding: 0 20px;
  width: 100%;
  height: 30%;
  background: #34495e;
  color: #fff;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: 1px;
  font-weight: 500;
  font-size: 0.75em;
  line-height: 2.75;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webki-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.nav-slit img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }

.nav-slit a:hover svg.icon {
  -webkit-transition-delay: 0s;
  transition-delay: 0s; }

.nav-slit a.prev:hover svg.icon {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%); }

.nav-slit a.next:hover svg.icon {
  -webkit-transform: translateX(100%);
  transform: translateX(100%); }

.nav-slit a:hover div {
  -webkit-transform: translateX(0);
  transform: translateX(0); }

.nav-slit a:hover h3 {
  -webkit-transition-delay: 0.6s;
  transition-delay: 0.6s;
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg); }

/*--------------------*/
/* Reveal */
/*--------------------*/
.color-6 {
  background-color: #af7ac4; }

.nav-reveal a {
  overflow: hidden;
  width: 40px;
  height: 120px;
  background-color: rgba(142, 68, 173, 0.6);
  -webkit-transition: width 0.4s, background-color 0.4s;
  transition: width 0.4s, background-color 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); }

.nav-reveal .icon-wrap {
  position: absolute;
  z-index: 100;
  padding: 44px 4px;
  width: 40px; }

.nav-reveal a.prev .icon-wrap {
  left: 0; }

.nav-reveal a.next .icon-wrap {
  right: 0; }

.nav-reveal svg.icon {
  fill: #af7ac4; }

.nav-reveal div {
  position: absolute;
  top: 0;
  padding: 0 50px;
  width: 400px;
  height: 100%; }

.nav-reveal a.prev div {
  left: 0;
  padding-right: 130px;
  text-align: right; }

.nav-reveal a.next div {
  right: 0;
  padding-left: 130px; }

.nav-reveal h3 {
  position: relative;
  margin: 0;
  padding: 20px 0;
  color: #fff;
  font-weight: 300;
  font-size: 1.45em;
  line-height: 1.2; }

.nav-reveal div h3 span {
  display: block;
  padding-top: 10px;
  color: #542568;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  font-size: 50%; }

.nav-reveal img {
  position: absolute;
  top: 10px;
  height: 100px; }

.nav-reveal a.prev img {
  right: 10px; }

.nav-reveal a.next img {
  left: 10px; }

.nav-reveal a:hover {
  width: 400px;
  background-color: #8e44ad; }

/*--------------------*/
/* Thumb flip */
/*--------------------*/
.color-7 {
  background-color: #b8bac1; }

.nav-thumbflip a {
  -webkit-perspective: 1000px;
  perspective: 1000px; }

.nav-thumbflip a.prev {
  -webkit-perspective-origin: 100% 50%;
  perspective-origin: 100% 50%; }

.nav-thumbflip a.next {
  -webkit-perspective-origin: 0% 50%;
  perspective-origin: 0% 50%; }

.nav-thumbflip .icon-wrap {
  display: block;
  width: 100px;
  height: 100px;
  background-color: #97999d;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s; }

.nav-thumbflip svg.icon {
  position: relative;
  top: 50%;
  -webkit-transition: fill 0.3s;
  transition: fill 0.3s;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  fill: #fff; }

.nav-thumbflip img {
  position: absolute;
  top: 0;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.nav-thumbflip a.prev img {
  left: 100%;
  -webkit-transform: rotateY(90deg);
  transform: rotateY(90deg);
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%; }

.nav-thumbflip a.next img {
  right: 100%;
  -webkit-transform: rotateY(-90deg);
  transform: rotateY(-90deg);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%; }

.nav-thumbflip a:hover .icon-wrap {
  background-color: #fff; }

.nav-thumbflip a:hover svg.icon {
  fill: black; }

.nav-thumbflip a:hover img {
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg); }

/*--------------------*/
/* Double flip */
/*--------------------*/
.color-8 {
  background-color: #47c9af; }

.nav-doubleflip a {
  -webkit-perspective: 1000px;
  perspective: 1000px; }

.nav-doubleflip a.prev {
  -webkit-perspective-origin: 100% 50%;
  perspective-origin: 100% 50%; }

.nav-doubleflip a.next {
  -webkit-perspective-origin: 0% 50%;
  perspective-origin: 0% 50%; }

.nav-doubleflip .icon-wrap {
  position: relative;
  z-index: 100;
  display: block;
  width: 130px;
  height: 100px;
  background-color: #16a085;
  -webkit-transition: background-color 0.3s 0.3s;
  transition: background-color 0.3s 0.3s; }

.nav-doubleflip svg.icon {
  position: relative;
  top: 50%;
  -webkit-transition: fill 0.3s 0.3s;
  transition: fill 0.3s 0.3s;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  fill: #fff; }

.nav-doubleflip div {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d; }

.nav-doubleflip a.prev div,
.nav-doubleflip a.prev h3 {
  left: 100%;
  -webkit-transform: rotateY(90deg);
  transform: rotateY(90deg);
  -webkit-transform-origin: 0% 50%;
  transform-origin: 0% 50%; }

.nav-doubleflip a.next div,
.nav-doubleflip a.next h3 {
  right: 100%;
  -webkit-transform: rotateY(-90deg);
  transform: rotateY(-90deg);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%; }

.nav-doubleflip img,
.nav-doubleflip h3 {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.nav-doubleflip h3 {
  margin: 0;
  padding: 1.75em 1em 0;
  background-color: #16a085;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 300;
  font-style: italic;
  font-size: 1.15em;
  line-height: 1;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s; }

.nav-doubleflip a:hover .icon-wrap {
  background-color: #fff;
  -webkit-transition-delay: 0s;
  transition-delay: 0s; }

.nav-doubleflip a:hover svg.icon {
  fill: #47c9af;
  -webkit-transition-delay: 0s;
  transition-delay: 0s; }

.nav-doubleflip a:hover div,
.nav-doubleflip a:hover h3 {
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg); }

.nav-doubleflip a:hover div {
  -webkit-transition-delay: 0s;
  transition-delay: 0s; }

.nav-doubleflip a:hover h3 {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s; }

/*--------------------*/
/* Multi thumb */
/*--------------------*/
.color-9 {
  background-color: #e65b61; }

.nav-multithumb a {
  width: 60px;
  height: 100px; }

.nav-multithumb .icon-wrap {
  position: absolute;
  top: 50%;
  display: block;
  width: 32px;
  height: 32px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.nav-multithumb a.next .icon-wrap {
  right: 0; }

.nav-multithumb .icon-wrap::after {
  position: absolute;
  top: 50%;
  width: 20px;
  height: 1px;
  background: #fff;
  content: '';
  -webkit-transition: width 0.3s 0.2s;
  transition: width 0.3s 0.2s;
  -webkit-backface-visibility: hidden;
  /* needed because of Chrome bug with prefixed calc */
  backface-visibility: hidden; }

.nav-multithumb a.prev .icon-wrap::after {
  left: -webkit-calc(100% - 10px);
  left: calc(100% - 10px); }

.nav-multithumb a.next .icon-wrap::after {
  right: -webkit-calc(100% - 10px);
  right: calc(100% - 10px); }

.nav-multithumb svg.icon {
  fill: #fff; }

.nav-multithumb div {
  position: absolute;
  top: -25%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  width: 170px;
  pointer-events: none;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end; }

.nav-multithumb div::after {
  position: absolute;
  top: 100%;
  left: 0;
  margin: 20px 5px 0;
  width: 100%;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 10px;
  font-weight: 300;
  font-size: 0.7em;
  opacity: 0;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.nav-multithumb a.prev div::after {
  content: 'Previous'; }

.nav-multithumb a.next div::after {
  content: 'Next';
  text-align: right; }

.nav-multithumb a.prev div {
  left: 40px; }

.nav-multithumb a.next div {
  right: 40px; }

.nav-multithumb div img {
  margin: 0 5px;
  opacity: 0;
  box-shadow: 0 1px 0 #fff, 0 -1px 0 #fff;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transform: scale(0.3);
  transform: scale(0.3); }

.nav-multithumb a.prev div img {
  float: left; }

.nav-multithumb a.next div img {
  float: right; }

.nav-multithumb a:hover {
  width: 200px; }

.nav-multithumb a:hover .icon-wrap::after {
  width: 200px;
  -webkit-transition-delay: 0s;
  transition-delay: 0s; }

.nav-multithumb a:hover div {
  pointer-events: auto; }

.nav-multithumb a:hover div::after {
  opacity: 1;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
  -webkit-transform: translateY(0);
  transform: translateY(0); }

.nav-multithumb a:hover img {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1); }

.nav-multithumb a:hover div img:first-child {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s; }

.nav-multithumb a:hover div img:nth-child(2) {
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s; }

.nav-multithumb a:hover div img:nth-child(3) {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s; }

/*--------------------*/
/* Fillpath (http://www.nizuka.fr/)*/
/*--------------------*/
.color-10 {
  background: #f3ce3f; }

.nav-fillpath a {
  width: 100px;
  height: 100px; }

.nav-fillpath .icon-wrap {
  position: relative;
  display: block;
  width: 100%;
  height: 100%; }

.nav-fillpath a::before,
.nav-fillpath a::after,
.nav-fillpath .icon-wrap::before,
.nav-fillpath .icon-wrap::after {
  position: absolute;
  left: 50%;
  width: 3px;
  height: 50%;
  background: #566475;
  content: '';
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.nav-fillpath .icon-wrap::before,
.nav-fillpath .icon-wrap::after {
  z-index: 100;
  height: 0;
  background: #fff;
  -webkit-transition: height 0.3s, -webkit-transform 0.3s;
  transition: height 0.3s, transform 0.3s; }

.nav-fillpath a::before,
.nav-fillpath .icon-wrap::before {
  top: 50%;
  -webkit-transform: translateX(-50%) rotate(-135deg);
  transform: translateX(-50%) rotate(-135deg);
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%; }

.nav-fillpath a.next::before,
.nav-fillpath a.next .icon-wrap::before {
  -webkit-transform: translateX(-50%) rotate(135deg);
  transform: translateX(-50%) rotate(135deg);
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%; }

.nav-fillpath a::after,
.nav-fillpath .icon-wrap::after {
  top: 50%;
  -webkit-transform: translateX(-50%) rotate(-45deg);
  transform: translateX(-50%) rotate(-45deg);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0; }

.nav-fillpath a.next::after,
.nav-fillpath a.next .icon-wrap::after {
  -webkit-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  -webkit-transform-origin: 100% 0%;
  transform-origin: 100% 0%; }

.nav-fillpath h3 {
  position: absolute;
  top: 50%;
  margin: 0;
  color: #fff;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 0.85em;
  opacity: 0;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s; }

.nav-fillpath a.prev h3 {
  left: 100%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%); }

.nav-fillpath a.next h3 {
  right: 100%;
  text-align: right;
  -webkit-transform: translateY(-50%) translateX(50%);
  transform: translateY(-50%) translateX(50%); }

.nav-fillpath a:hover .icon-wrap::before,
.nav-fillpath a:hover .icon-wrap::after {
  height: 50%; }

.nav-fillpath a:hover::before,
.nav-fillpath a:hover .icon-wrap::before {
  -webkit-transform: translateX(-50%) rotate(-125deg);
  transform: translateX(-50%) rotate(-125deg); }

.nav-fillpath a.next:hover::before,
.nav-fillpath a.next:hover .icon-wrap::before {
  -webkit-transform: translateX(-50%) rotate(125deg);
  transform: translateX(-50%) rotate(125deg); }

.nav-fillpath a:hover::after,
.nav-fillpath a:hover .icon-wrap::after {
  -webkit-transform: translateX(-50%) rotate(-55deg);
  transform: translateX(-50%) rotate(-55deg); }

.nav-fillpath a.next:hover::after,
.nav-fillpath a.next:hover .icon-wrap::after {
  -webkit-transform: translateX(-50%) rotate(55deg);
  transform: translateX(-50%) rotate(55deg); }

.nav-fillpath a:hover h3 {
  opacity: 1;
  -webkit-transform: translateY(-50%) translateX(0);
  transform: translateY(-50%) translateX(0); }

/*--------------------*/
/* Grow Pop */
/*--------------------*/
.nav-growpop .icon-wrap {
  position: relative;
  z-index: 100;
  display: block;
  padding: 20px 10px;
  border: 0px solid #b24e44;
  background: #b24e44;
  -webkit-transition: border-width 0.3s 0.15s;
  transition: border-width 0.3s 0.15s; }

.nav-growpop svg.icon {
  fill: #fff; }

.nav-growpop div {
  position: absolute;
  top: 50%;
  padding: 20px;
  width: 440px;
  height: 144px;
  background: #fff;
  opacity: 0;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s; }

.nav-growpop a.prev div {
  left: 0;
  padding: 20px 140px 20px 70px;
  text-align: right;
  -webkit-transform: translateY(-50%) translateX(-100%) scale(0.75);
  transform: translateY(-50%) translateX(-100%) scale(0.75); }

.nav-growpop a.next div {
  right: 0;
  padding: 20px 70px 20px 140px;
  -webkit-transform: translateY(-50%) translateX(100%) scale(0.75);
  transform: translateY(-50%) translateX(100%) scale(0.75); }

.nav-growpop span {
  display: block;
  padding-bottom: 5px;
  border-bottom: 1px solid #ddd;
  color: #cdcdcd;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 400;
  font-size: 0.7em;
  line-height: 1.2; }

.nav-growpop h3 {
  margin: 0;
  padding: 8px 0 10px;
  color: #818181;
  font-weight: 300;
  font-size: 1.325em;
  line-height: 1.2; }

.nav-growpop div p {
  margin: 0;
  color: #b24e44;
  font-style: italic;
  font-size: 75%;
  font-family: "Lucida Bright", Georgia, serif; }

.nav-growpop img {
  position: absolute;
  top: 20px; }

.nav-growpop a.prev img {
  right: 20px; }

.nav-growpop a.next img {
  left: 20px; }

.nav-growpop a:hover .icon-wrap {
  border-top-width: 40px;
  border-bottom-width: 40px;
  -webkit-transition-delay: 0s;
  transition-delay: 0s; }

.nav-growpop a:hover div {
  opacity: 1;
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transform: translateY(-50%) translateX(0) scale(1);
  transform: translateY(-50%) translateX(0) scale(1); }

/*--------------------*/
/* Diamond */
/*--------------------*/
.nav-diamond a {
  margin: 0 30px; }

.nav-diamond .icon-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 100; }

.nav-diamond svg.icon {
  fill: #fff;
  position: relative;
  stroke-width: 2;
  stroke: #fff;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.nav-diamond div {
  position: relative;
  overflow: hidden;
  width: 70px;
  height: 70px;
  background: #34495e;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.nav-diamond img {
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s; }

.nav-diamond a.prev img {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg) scale(2);
  transform: translateX(-50%) translateY(-50%) rotate(45deg) scale(2); }

.nav-diamond a.next img {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg) scale(2);
  transform: translateX(-50%) translateY(-50%) rotate(-45deg) scale(2); }

.nav-diamond a:hover div {
  -webkit-transform: scale(1) rotate(-45deg);
  transform: scale(1) rotate(-45deg); }

.nav-diamond a.next:hover div {
  -webkit-transform: scale(1) rotate(45deg);
  transform: scale(1) rotate(45deg); }

.nav-diamond a:hover img {
  opacity: 0.8; }

.nav-diamond a.prev:hover img {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg) scale(1);
  transform: translateX(-50%) translateY(-50%) rotate(45deg) scale(1); }

.nav-diamond a.next:hover img {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg) scale(1);
  transform: translateX(-50%) translateY(-50%) rotate(-45deg) scale(1); }

/*--------------------*/
/* Fill Slide */
/*--------------------*/
.color-10 {
  background-color: #dcc6e0; }

.nav-fillslide .icon-wrap {
  position: relative;
  z-index: 100;
  display: block;
  padding: 65px 10px;
  background: #b68dbe;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.nav-fillslide .icon-wrap::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 110%;
  background: #fff;
  top: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.3s 0.3s;
  transition: transform 0.3s 0.3s; }

.nav-fillslide a.prev .icon-wrap::before {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%); }

.nav-fillslide a.next .icon-wrap::before {
  -webkit-transform: translateX(100%);
  transform: translateX(100%); }

.nav-fillslide svg.icon {
  fill: #736176;
  position: relative;
  z-index: 100; }

.nav-fillslide div {
  position: absolute;
  padding: 20px;
  top: 0;
  width: 440px;
  height: 154px;
  background: #fff;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s; }

.nav-fillslide a.prev div {
  left: 0;
  padding: 20px 150px 20px 70px;
  text-align: right;
  border-radius: 0 6px 6px 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%); }

.nav-fillslide a.next div {
  right: 0;
  padding: 20px 70px 20px 150px;
  border-radius: 6px 0 0 6px;
  -webkit-transform: translateX(100%);
  transform: translateX(100%); }

.nav-fillslide div span {
  display: inline-block;
  padding: 5px;
  color: #d0c2d3;
  border-top: 1px solid #d8cfda;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 400;
  font-size: 0.7em;
  line-height: 1.2; }

.nav-fillslide h3 {
  margin: 0;
  padding: 8px 0 10px;
  color: #736176;
  font-weight: 400;
  font-size: 1.35em;
  line-height: 1.2;
  font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif; }

.nav-fillslide img {
  position: absolute;
  top: 20px;
  border: 5px solid #736176; }

.nav-fillslide a.prev img {
  right: 20px; }

.nav-fillslide a.next img {
  left: 20px; }

.nav-fillslide a:hover .icon-wrap::before {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition-delay: 0s;
  transition-delay: 0s; }

.nav-fillslide a:hover div {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transform: translateX(0);
  transform: translateX(0); }

/*--------------------*/
/* Circle slide */
/*--------------------*/
.nav-circleslide a {
  margin: 0 20px; }

.nav-circleslide .icon-wrap {
  position: relative;
  z-index: 100;
  display: block;
  padding: 19px; }

.nav-circleslide svg.icon {
  fill: #fff;
  -webkit-transition: fill 0.3s;
  transition: fill 0.3s; }

.nav-circleslide div {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  background-color: #566473;
  border-radius: 50%;
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
  opacity: 0;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.1s 0s;
  transition: transform 0.3s, opacity 0.3s, background-color 0.1s 0s; }

.nav-circleslide img {
  display: block;
  border-radius: 50%;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s; }

.nav-circleslide a.prev img {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%); }

.nav-circleslide a.next img {
  -webkit-transform: translateX(100%);
  transform: translateX(100%); }

.nav-circleslide a:hover div {
  opacity: 1;
  background-color: transparent;
  /* Trick to hide the visible border of image */
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.1s 0.2s;
  transition: transform 0.3s, opacity 0.3s, background-color 0.1s 0.2s; }

.nav-circleslide a:hover img {
  -webkit-transform: translateX(0);
  transform: translateX(0); }

@media screen and (max-width: 520px) {
  .nav-slide a.prev,
  .nav-reveal a.prev,
  .nav-doubleflip a.prev,
  .nav-fillslide a.prev,
  .nav-growpop a.prev {
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%; }

  .nav-slide a.next,
  .nav-reveal a.next,
  .nav-doubleflip a.next,
  .nav-fillslide a.next,
  .nav-growpop a.next {
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%; }

  .nav-slide a,
  .nav-reveal a,
  .nav-doubleflip a,
  .nav-fillslide a {
    -webkit-transform: scale(0.6);
    transform: scale(0.6); }

  .nav-growpop a {
    -webkit-transform: translateY(-50%) scale(0.6);
    transform: translateY(-50%) scale(0.6); } }
/*--------------------------------------------------------------
# Demo
--------------------------------------------------------------*/
@font-face {
  font-weight: normal;
  font-style: normal;
  font-family: 'codropsicons';
  src: url("../fonts/codropsicons/codropsicons.eot");
  src: url("../fonts/codropsicons/codropsicons.eot?#iefix") format("embedded-opentype"), url("../fonts/codropsicons/codropsicons.woff") format("woff"), url("../fonts/codropsicons/codropsicons.ttf") format("truetype"), url("../fonts/codropsicons/codropsicons.svg#codropsicons") format("svg"); }
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.clearfix:before, .clearfix:after {
  content: '';
  display: table; }

.clearfix:after {
  clear: both; }

html, body, section, .container, .codrops-header {
  height: 100%; }

body {
  background: #fff;
  color: #566473;
  font-size: 100%;
  line-height: 1.25;
  font-family: 'Lato', sans-serif;
  font-weight: 300; }

a {
  color: #34495e;
  text-decoration: none;
  outline: none; }

a:hover, a:focus {
  color: #566473; }

.codrops-header {
  margin: 0 auto;
  padding: 2em;
  text-align: center;
  position: relative;
  margin: 0 40px 40px;
  background: #f7f7f7;
  height: calc(100% - 80px); }

.codrops-header h1 {
  margin: 0;
  font-size: 3em;
  font-weight: 300;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.codrops-header h1 span {
  display: block;
  padding: 0.2em 0 0.6em 0.1em;
  font-size: 0.6em;
  font-weight: 300;
  color: #92a1a4; }

.codrops-header h1 span.info {
  text-transform: uppercase;
  font-size: 0.35em;
  font-weight: 400;
  letter-spacing: 1px;
  color: #566473;
  padding-top: 20px; }

.codrops-header h1 span.info::after,
.codrops-header h1 span.info::before {
  content: '\2193';
  padding: 0 20px; }

/* Top Navigation Style */
.codrops-top {
  text-transform: uppercase;
  font-weight: 700;
  font-style: normal;
  font-size: 0.69em;
  line-height: 3.5;
  padding: 0 30px; }

.codrops-top a {
  display: inline-block;
  padding: 0 10px;
  text-decoration: none;
  letter-spacing: 1px; }

.codrops-top span.right {
  float: right; }

.codrops-top span.right a {
  display: block;
  float: left; }

.codrops-icon:before {
  margin: 0 4px;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-family: 'codropsicons';
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased; }

.codrops-icon-drop:before {
  content: "\e001"; }

.codrops-icon-prev:before {
  content: "\e004"; }

section {
  padding: 1em;
  text-align: center;
  position: relative;
  /*
  	margin: 40px;
  	height: calc(100% - 80px);
  */
  overflow: hidden; }

section h2 {
  font-weight: 300;
  color: rgba(255, 255, 255, 0.3);
  font-size: 3.5em; }

section:not(.related)::before,
section:not(.related)::after {
  /*
  	content: '';
  	position: absolute;
  	width: 50%;
  	height: 1px;
  	background: rgba(255,255,255,0.4);
  	left: 25%;
  	top: 50%;
  */ }

section:not(.related)::before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

section:not(.related)::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

/* Related demos */
/*
.related {
  padding: 5em 0;
  clear: both;
  background: #fff;
  height: auto; }

.related p {
  font-size: 1.5em; }

.related > a {
  border: 1px solid #34495e;
  display: inline-block;
  text-align: center;
  margin: 20px 10px;
  padding: 25px; }

.related a:hover {
  border-color: #566473;
  color: #566473; }

.related a img {
  max-width: 100%;
  opacity: 0.8; }

.related a:hover img,
.related a:active img {
  opacity: 1; }

.related a h3 {
  margin: 0;
  padding: 0.5em 0 0.3em;
  max-width: 300px;
  text-align: left; }
*/

/* SVG wrap */
.svg-wrap {
  position: absolute;
  width: 0px;
  height: 0px;
  overflow: hidden; }

@media screen and (max-width: 25em) {
  .codrops-header {
    font-size: 75%; }

  .codrops-icon span {
    display: none; }
}
.ui-widget {
    font-family: 'Arial Regular', Arial, sans-serif !important;
}
.small-business-list ul {
    margin-bottom: 0px !important;
    font-family: 'Arial Regular', Arial, sans-serif !important;
}
.small-business-accordion.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: 5px;
    top: 50%;
    margin-top: -8px;
}
.small-business-accordion .small-business-header {
    font-size: 20px !Important;
    margin-top: 0px !important;
    padding: 0 .5em 0 29px;
    color: #ee1d24 !important;
    font-weight: bold;
}
.small-business-accordion .small-business-header:hover{
	color: #566475 !important;
}
.small-business-accordion .small-business-header.ui-state-hover{
	color: #566475 !important;
}
.small-business-accordion.ui-state-default, .small-business-accordion .ui-widget-content .ui-state-default, .small-business-accordion .ui-widget-header .ui-state-default{
	    color: #566473;
    font-size: 16px;
}
.small-business-accordion.ui-accordion .ui-accordion-content ul li {
	font-size: 16px;
    color: #566473 !important;
}
.small-business-accordion.ui-accordion .ui-accordion-content ul {
    margin: 0px 0 0px 60px;
    font-family: 'Arial Regular', Arial, sans-serif !important;
}
.small-business-map{
	display: block;
}
.small-business-map-mobile{
	display: none;
}
.small-business-list li {
    color: #ee1d24;
    font-size: 20px;
    font-weight: bold;
}


/*--------------------------------------------------------------
# Megan Custom SASS
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Beginning of Megan's Custom CSS
--------------------------------------------------------------*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Universal
	# CSS Tricks Grid System
	# Typography
# Navigation

--------------------------------------------------------------*/
body {
  background: white;
  width: 100%; }

.body-container {
  width: 85%;
  margin: 0 auto;
  max-width: 1169px;
  margin-top: 0px; }

.site-content {
  width: 100%;
  margin: 0 auto;
  max-width: 1169px;
  margin-top: 0px; }

#masthead {
  margin-top: 10px; }

.grid {
  margin: 0 0 0 0; }
  .grid:after {
    /* Or @extend clearfix */
    content: "";
    display: table;
    clear: both; }

[class*='col-'] {
  float: left;
  padding-right: 20px; }
  .grid [class*='col-']:last-of-type {
    padding-right: 0; }

.col-2-3 {
  width: 66.66%; }

.col-1-3 {
  width: 33.33%; }

.col-1-2 {
  width: 50%; }

.col-1-4 {
  width: 25%; }

.col-3-4 {
  width: 75%; }

.col-1-8 {
  width: 12.5%; }

a.ubermenu-target.ubermenu-target-with-image.ubermenu-item-layout-image_above:hover .ubermenu-target-description{
	  color: #ee1d24;
}
.ubermenu-skin-black-white-2 .ubermenu-submenu .ubermenu-target > .ubermenu-target-description:hover {
  color: #ee1d24;
}

/* Opt-in outside padding */
.grid-pad {
  padding: 20px 0 20px 20px; }
  .grid-pad [class*='col-']:last-of-type {
    padding-right: 20px; }

body {
  font-family: "Arial Regular", Arial, sans-serif; }

.utility-navigation {
  display: inline-block;
  float: left;
  width: 100%; }
  .utility-navigation ul {
    list-style: none; }
    .utility-navigation ul li:hover > ul {
      left: auto; }
  .utility-navigation li {
    float: right;
    position: relative;
    padding-right: 20px;
    font-size: 0.875em;
    padding: 13px;
    line-height: 0px;
    }
    .utility-navigation .phonenumber a {
      color: #ee1d24 !important;
      font-weight: bold !important;
      font-size: 1.25em !important;
      line-height: 0px !important; }
      .utility-navigation .phonenumber a:hover{
	      color: #444 !important;
      }
    .utility-navigation .login {
      border: 0;
      font-weight: normal;
      background: #97999d;
      vertical-align: top;
      margin: 0px 0px 10px 0px;
      padding: 15px 10px 15px 10px;
      border-radius: 0px;
      box-shadow: none;
      color: white;
      text-shadow: none;
      font-size: 0.875em;
      -webkit-transition: all 300ms;
      -moz-transition: all 300ms;
      -o-transition: all 300ms;
      transition: all 300ms; }
      .utility-navigation .login a{
	  	color: white;
      }
      .utility-navigation .login:hover{
        background: #ed1c24; }
        .utility-navigation .login:hover a{
        color: white }
  .utility-navigation a {
    display: block;
    font-weight: 400;
    color: #97999d;
    text-decoration: none;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms; }
    .utility-navigation a:hover {
      color: #ed1c24; }

.above-navigation {
  padding-bottom: 20px;
  width: 85%;
  margin: 0 auto; }

.ubermenu-navigation {
  width: 85%;
  margin: 0 auto; }

.shiftnav-toggle-main-block {
  display: none !important; }

/* SEARCH */
.search-megan{
	text-align: left;
}
.results-container{
	background-color: #e4e4e4;
	padding: 30px;
}
.results-container article{
	border-bottom: 1px solid gray;
	padding-bottom: 15px;
}
.results-container a{
	color: #ed1c24;
}
.results-container a:hover{
	color: #34495e;
}
.ubermenu-skin-black-white-2 .ubermenu-item-level-0:hover > .ubermenu-target, .ubermenu-skin-black-white-2 .ubermenu-item-level-0.ubermenu-active > .ubermenu-target {
  -webkit-transition: background 300ms;
  -moz-transition: background 300ms;
  -o-transition: background 300ms;
  transition: background 300ms; }

.ubermenu .ubermenu-target-with-image .ubermenu-target-title {
  font-weight: lighter;
  font-size: 15px;
  line-height: 120%; }
.ubermenu .ubermenu-target-with-image .ubermenu-target-description {
  color: #7e8083;
  font-size: 15px;
  text-transform: uppercase;
  padding-top: 5px;
  font-weight: bold; }

.fa-fw {
  font-size: 22px !important; }

.gradient-border {
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 1%, #c2c2c2 99%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #ffffff), color-stop(99%, #c2c2c2));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ffffff 1%, #c2c2c2 99%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ffffff 1%, #c2c2c2 99%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 1%, #c2c2c2 99%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 1%, #c2c2c2 99%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c2c2c2',GradientType=0 );
  /* IE6-9 */
  /*
  	height: 5px;
  	position: relative;
  	z-index: 1;
  	margin-top: -5px;
  	margin-left: -50%;
  	padding: 0px 30px;
  	max-width: none !important;
  	width: 200%;
  */ }

.slider-container {
  width: 100%;
  background-color: #b8bac1;
  height: 375px; }
.mobile-slider.mobile-slider{
	display: none;
}
.slider-container2 {
  background-color: #353535;
}
.video-embed-full-width{
	width: 100%;
	height: 100%;
}
.middle-container {
  background-color: black;
  border-top: #7e8083 12px solid;
  border-bottom: #7e8083 12px solid; }

.icon-cta {
  text-align: left;
  padding: 2% 2%;
  color: white;
  min-height: 121px;
  -webkit-transition: background-color 300ms;
  -moz-transition: background-color 300ms;
  -o-transition: background-color 300ms;
  transition: background-color 300ms; }
  .icon-cta:hover {
    background-color: #7e8083; }
  .icon-cta.rule {
    border-right: 1px solid white;
    border-left: 1px solid white; }
  .icon-cta.text-fix div {
    padding-top: 0px; }
  .icon-cta div {
    display: table;
    height: 120px;
    float: left;
    width: 70%;
    padding: 0px 0px 0px 0px;
    vertical-align: middle; }
    .icon-cta div h3 {
      font-weight: 400;
      font-size: 1.4625em;
      display: table-cell;
      vertical-align: middle; }
  .icon-cta img {
    padding: 24px 0px;
    display: inline-block;
    width: 20%;
    max-width: 75px;
    float: left;
    margin-right: 15px; }

.bottom-container {
  background-color: white;
  padding: 30px 0px;
  text-align: left;
  /* This parent can be any width and height */
  /* The ghost, nudged to maintain perfect centering */
  /* The element to be centered, can also be of any width and height */ }
  .bottom-container .col-1-3 {
    padding: 0px 20px; }
  .bottom-container .photo-container {
    min-height: 295px;
    max-height: 295px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: block !important;
    background-position: center center; }



/*
.bottom-container .photo-container.photo1 {
	background-image: url(images/photo-1.jpg);
}
.bottom-container .photo-container.photo2 {
	background-image: url(images/photo-2.jpg);
}
.bottom-container .photo-container.photo3 {
	background-image: url(images/photo-3.png);
}
.bottom-container .photo-container.photo4 {
	background-image: url(images/photo-4.jpg);
}
*/



    .bottom-container .photo-container .hover-text {
      opacity: 0; }
      .bottom-container .photo-container .hover-text h3 {
        color: white;
        font-size: 1.2em;
        font-weight: 100;
        line-height: 100%;
        margin: 0px;
        padding: 0px; }
      .bottom-container .photo-container .hover-text p {
        color: white;
        line-height: 120%;
        margin: 20px 0px 45px 0px;
        padding: 0;
        font-size: 1em; }
      .bottom-container .photo-container .hover-text a {
        color: white;
        line-height: 100%;
        margin: 0px;
        padding: 0px;
        font-size: 1em;
        font-weight: bold; }
        .bottom-container .photo-container .hover-text a:hover {
          color: black; }
    .bottom-container .photo-container:hover .hover-text {
      opacity: 1; }
    .bottom-container .photo-container:hover .background-color {
      background-color: rgba(151, 153, 158, 0.85);
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: block; }
  .bottom-container .block {
    text-align: center;
    /* May want to do this if there is risk the container may be narrower than the element inside */
    /* white-space: nowrap; */ }
  .bottom-container .block:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
    /* Adjusts for spacing */ }
  .bottom-container .centered {
    display: inline-block;
    vertical-align: middle;
    width: 250px; }
/*--------------------*/
/* HOMEPAGE SLIDER */
/*--------------------*/
.slider-container {
/*   width: 100%; */
  background-color: #b8bac1;
/*
  height: auto;
  overflow: auto;
  clear: both;
  display: block;
*/
}

/* Interior Grid */
.interior-bottom{
	margin-top: 10px;
}
.bottom-container .interior-bottom .photo-container {
    min-height: 200px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: block;
    background-position: center center; }
      .bottom-container .interior-bottom .photo-container .hover-text h3 {
        color: white;
        font-size: 1.15em;
        font-weight: 100;
        line-height: 100%;
        margin: 0px;
        padding: 0px; }
      .bottom-container .interior-bottom .photo-container .hover-text p {
        color: white;
        line-height: 120%;
        margin: 20px 0px 25px 0px;
        padding: 0;
        font-size: 0.9em; }
      .bottom-container .interior-bottom .photo-container .hover-text a {
        color: white;
        line-height: 100%;
        margin: 0px;
        padding: 0px;
        font-size: 1em;
        font-weight: bold; }
  .bottom-container .interior-bottom .centered {
    display: inline-block;
    vertical-align: middle;
    width: 180px; }
.interior-content-container .content-container a{
	color: #ee1d24;
	-webkit-transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;
}
.content-container iframe{
/* 	box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.58); */
}

.kit-iframe-cont{
position: relative;
padding-bottom: 300%;
padding-top: 0px;
height: 0;
overflow: auto; 
-webkit-overflow-scrolling:touch; 
/* border: solid black 1px; */
}
.kit-iframe-business{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.kit-iframe-home{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media screen and (max-width: 1130px){
	.kit-iframe-cont{
		padding-bottom: 330%;
	}
}
@media screen and (max-width: 1030px){
	.kit-iframe-cont{
		padding-bottom: 350%;
	}
}
@media screen and (max-width: 980px){
	.kit-iframe-cont{
		padding-bottom: 370%;
	}
}
@media screen and (max-width: 940px){
	.kit-iframe-cont{
		padding-bottom: 400%;
	}
}
@media screen and (max-width: 880px){
	.kit-iframe-cont{
		padding-bottom: 420%;
	}
}
@media screen and (max-width: 850px){
	.kit-iframe-cont{
		padding-bottom: 460%;
	}
}
@media screen and (max-width: 770px){
	.kit-iframe-cont{
		padding-bottom: 350%;
	}
}
@media screen and (max-width: 740px){
	.kit-iframe-cont{
		padding-bottom: 380%;
	}
}
@media screen and (max-width: 670px){
	.kit-iframe-cont{
		padding-bottom: 400%;
	}
}
@media screen and (max-width: 630px){
	.kit-iframe-cont{
		padding-bottom: 435%;
	}
}
@media screen and (max-width: 590px){
	.kit-iframe-cont{
		padding-bottom: 470%;
	}
}
@media screen and (max-width: 520px){
	.kit-iframe-cont{
		padding-bottom: 510%;
	}
}
@media screen and (max-width: 490px){
	.kit-iframe-cont{
		padding-bottom: 560%;
	}
}
@media screen and (max-width: 460px){
	.kit-iframe-cont{
		padding-bottom: 610%;
	}
}
@media screen and (max-width: 430px){
	.kit-iframe-cont{
		padding-bottom: 700%;
	}
}
@media screen and (max-width: 400px){
	.kit-iframe-cont{
		padding-bottom: 760%;
	}
}
@media screen and (max-width: 375px){
	.kit-iframe-cont{
		padding-bottom: 800%;
	}
}
@media screen and (max-width: 360px){
	.kit-iframe-cont{
		padding-bottom: 850%;
	}
}
@media screen and (max-width: 340px){
	.kit-iframe-cont{
		padding-bottom: 900%;
	}
}
@media screen and (max-width: 320px){
	.kit-iframe-cont{
		padding-bottom: 1000%;
	}
}

.interior-content-container .content-container a:hover{
	color: rgb(86, 100, 115);
}
.ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target { background:#ed1c24; }
/* FOOTER */
/* STICKY FOOTER */
/*
html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -192px;
}
.footer, .push {
	height: 192px;
}
*/

.footer-container {
  background-color: black;
  padding-bottom: 15px; }
  .footer-container .social-container {
    text-align: center;
    margin: 20px 0px; }
    .footer-container .social-container .social-icons {
      margin: 10px 0px;
      padding: 0px; }
      .footer-container .social-container .social-icons i {
        margin: 4px;
        color: white;
        font-size: 1.3em; }
        .footer-container .social-container .social-icons i.fa-facebook {
          background-color: #3b5b9b;
          padding: 8px 13px;
          -webkit-transition: background-color 300ms;
          -moz-transition: background-color 300ms;
          -o-transition: background-color 300ms;
          transition: background-color 300ms; }
          .footer-container .social-container .social-icons i.fa-facebook:hover {
            background-color: #97999d; }
        .footer-container .social-container .social-icons i.fa-twitter {
          padding: 8px 10px;
          background-color: #2caae0;
          -webkit-transition: background-color 300ms;
          -moz-transition: background-color 300ms;
          -o-transition: background-color 300ms;
          transition: background-color 300ms; }
          .footer-container .social-container .social-icons i.fa-twitter:hover {
            background-color: #97999d; }
        .footer-container .social-container .social-icons i.fa-youtube-play {
          padding: 8px 10px;
          background-color: #fd3431;
          -webkit-transition: background-color 300ms;
          -moz-transition: background-color 300ms;
          -o-transition: background-color 300ms;
          transition: background-color 300ms; }
          .footer-container .social-container .social-icons i.fa-youtube-play:hover {
            background-color: #97999d; }
    .footer-container .social-container h5 {
      color: white;
      font-size: 1.05em;
      margin: 0px;
      padding: 0px; }
  .footer-container .col-1-2 img, .footer-container .col-1-2 div {
    display: inline-block;
/*     float: left; */
      padding: 0px 5px 0px 25px; }
    .footer-container .col-1-2 img a, .footer-container .col-1-2 div a {
      color: #128dfc;
      text-decoration: none;
      -webkit-transition: background-color 300ms;
      -moz-transition: color 300ms;
      -o-transition: color 300ms;
      transition: color 300ms; }
      .footer-container .col-1-2 img a p, .footer-container .col-1-2 div a p {
        padding-top: 23px;
        font-size: 14px; }
      .footer-container .col-1-2 img a:hover, .footer-container .col-1-2 div a:hover {
        color: white; }
  .footer-container .copyright div {
    text-align: right;
    float: right; }
    .footer-container .copyright div p {
      color: white;
      font-size: 14px;
      padding-top: 23px; }

/* INTERIOR PAGE */
/*
a:visited {
	color: ;
}
*/
.breadcrumbs{
	color: #97999d;
	font-weight: 400;
}
.breadcrumbs a:hover{
	color: #4f5053;
}
.bread-social-container {
  padding: 10px 0px;
  border-bottom: 1px solid #97999d;
  margin: 0px 0px 20px 0px; }
  .bread-social-container .bread-crumbs {
    margin: 10px 0px; }
  .bread-social-container .social-links {
    text-align: right; }
    .bread-social-container .social-links .social-icons {
      margin: 0px 0px;
      padding: 0px; }
      .bread-social-container .social-links .social-icons i {
        margin: 4px;
        color: white;
        font-size: 1em; }
        .bread-social-container .social-links .social-icons i.fa-facebook {
          background-color: #3b5b9b;
          padding: 8px 13px;
          -webkit-transition: background-color 300ms;
          -moz-transition: background-color 300ms;
          -o-transition: background-color 300ms;
          transition: background-color 300ms; }
          .bread-social-container .social-links .social-icons i.fa-facebook:hover {
            background-color: #97999d; }
        .bread-social-container .social-links .social-icons i.fa-twitter {
          padding: 8px 10px;
          background-color: #2caae0;
          -webkit-transition: background-color 300ms;
          -moz-transition: background-color 300ms;
          -o-transition: background-color 300ms;
          transition: background-color 300ms; }
          .bread-social-container .social-links .social-icons i.fa-twitter:hover {
            background-color: #97999d; }
        .bread-social-container .social-links .social-icons i.fa-youtube-play {
          padding: 8px 10px;
          background-color: #fd3431;
          -webkit-transition: background-color 300ms;
          -moz-transition: background-color 300ms;
          -o-transition: background-color 300ms;
          transition: background-color 300ms; }
          .bread-social-container .social-links .social-icons i.fa-youtube-play:hover {
            background-color: #97999d; }
.interior-content-container {
	padding-bottom: 30px;
}
.interior-content-container .sidebar-container {
  padding-right: 20px;
  width: 26%; }
  .interior-content-container .sidebar-container ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    border-left: 1px solid #97999d;
    border-right: 1px solid #97999d; }
    .interior-content-container .sidebar-container ul li {
      list-style: none;
      width: 100%;
      display: block;
      background-color: white;
      border-top: 1px solid #97999d; }
      .interior-content-container .sidebar-container ul li:last-of-type {
        border-bottom: 1px solid #97999d; }
      .interior-content-container .sidebar-container ul > li:hover > a {
        border-right: #ed1c24 solid 11px; }
      .interior-content-container .sidebar-container ul li.current_page_item a{
        border-right: #ed1c24 solid 11px; }
    .interior-content-container .sidebar-container ul a {
      color: #7e8083;
      display: block;
      font-weight: 400;
      width: 100%;
      height: 100%;
      overflow: auto;
      padding: 15px 20px; }
      .interior-content-container .sidebar-container ul.sub-menu, {
	    list-style: none;
	    margin: 0px;
	    padding: 0px;
	    border-left: 0px solid #97999d;
	    border-right: 0px solid #97999d;
	    border-bottom: 0px;
      }
      li#menu-item-683{
	     border-bottom: 0px;
      }
      .interior-content-container .sidebar-container ul.sub-menu li a{
      padding-left: 50px;
      background-color: #e5e5e5;
      }
      .interior-content-container .sidebar-container ul.sub-menu .open{
	    display: block;
      }
      .interior-content-container .sidebar-container ul.sub-menu .closed{
	    display: none;
      }
.interior-content-container .content-container{
	padding-top: 0px;
	width: 74%;
	padding-left: 20px;
}
.interior-content-container .content-container.full-width{
	padding-top: 0px;
	width: 100%;
	padding-left: 0px;
}
.interior-content-container .content-container h1 {
  font-size: 1.775em;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 130%;
  margin: 5px 0px;
  padding: 0px; }
.interior-content-container .content-container h2 {
  font-size: 1.5em;
  font-weight: bold;
  line-height: 130%;
  margin: 5px 0px;
  padding: 0px;
  clear: none; }
  .interior-content-container .content-container h3 {
  font-size: 1.3em;
  font-weight: normal;
  line-height: 130%;
  margin: 5px 0px;
  padding: 0px; }
.interior-content-container .content-container p {
  font-size: 1em;
  font-weight: 400;
  line-height: 150%;
  margin: 10px 0px;
  padding: 0px; }
.interior-content-container .content-container .tip-container {
  border-top: 1px solid #97999d;
  border-right: 1px solid #97999d;
  border-bottom: 1px solid #97999d;
  border-left: 25px solid #ed1c24;
  margin: 20px 0px;}
  	#rebates_home_img{
		max-width: 100%;
		height: auto;
	}
	.home-rebates-img-mobile{
		display: none;
	}
	.home-rebates-img-mobile-cta{

	}
 .interior-content-container .content-container .myhome-rebates .tip-container {
	  margin: 15px 0px;
  }
  .interior-content-container .content-container .tip-container img {
    width: 15%;
    padding-top: 10px; }
  .interior-content-container .content-container .tip-container .copy-container {
    display: inline-block;
    width: 84%;
    vertical-align: top;
    padding: 20px 0px 10px 0px;
    }
    .interior-content-container .content-container .tip-container .copy-container-2{
	    display: inline-block;
	    width: 100%;
	    vertical-align: top;
	    padding: 20px 20px 20px 20px;
/* 	    border-left: 25px solid #ed1c24; */
    }
	.interior-content-container .content-container .tip-container .copy-container-3{
	    display: inline-block;
	    width: 80%;
	    vertical-align: top;
	    padding: 32px 20px 20px 20px;
    }
     .interior-content-container .content-container .tip-container .copy-container-4 {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    padding: 20px 0px 20px 10px;
    }
    .interior-content-container .content-container .tip-container .copy-container h3 {
      display: inline-block;
      width: 15%;
      vertical-align: middle;
      color: #ed1c24;
      font-size: 2.685em;
      margin: 0px;
      text-align: center;
      padding: 0px; }
	.interior-content-container .content-container .tip-container .copy-container-2 h3 {
	display: inline-block;
	width: 100%;
	vertical-align: middle;
	color: #ed1c24;
	font-size: 1.25em;
	margin: 0px;
	padding: 0px; }
	.interior-content-container .content-container .tip-container .copy-container-3 h3 {
      display: inline-block;
      width: 7%;
      vertical-align: middle;
      color: #ed1c24;
      font-size: 2.685em;
      margin: 0px;
      padding: 0px; }
      .interior-content-container .content-container .tip-container .copy-container-4 h3 {
      display: inline-block;
      width: 95%;
      vertical-align: middle;
      color: #ed1c24;
      font-size: 1.3em;
      margin: 0px;
      padding: 0px; }
    .interior-content-container .content-container .tip-container .copy-container p {
      display: inline-block;
      vertical-align: middle;
      width: 83%;
      font-size: 0.95em;
      margin: 0px;
      padding: 0px; }
	.interior-content-container .content-container .tip-container .copy-container-2 p {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	font-size: 1em;
	margin: 0px;
	padding: 0px; }
	.interior-content-container .content-container .tip-container .copy-container-3 p {
	display: inline-block;
	vertical-align: middle;
	width: 85%;
	font-size: 1.2em;
	text-align: left;
	margin: 0px;
	padding: 0px; }
	.interior-content-container .content-container .tip-container .copy-container-4 p {
	display: inline-block;
	vertical-align: middle;
	width: 95%;
	font-size: 1.1em;
	text-align: left;
	margin: 0px;
	padding: 0px; }
    .interior-content-container .content-container .tip-container .copy-container .button {
      float: right;
      margin: 0px;
      border: 0px;
      background-color: #424544;
      box-shadow: none;
      color: white;
      text-shadow: none;
      border-radius: 0px;
      margin: 10px 20px 0px 0px;
      padding: 10px; }
	   .interior-content-container .content-container .tip-container .copy-container-2 .button {
      float: right;
      margin: 0px;
      border: 0px;
      background-color: #424544;
      box-shadow: none;
      color: white;
      text-shadow: none;
      border-radius: 0px;
      margin: 10px 20px 0px 0px;
      padding: 10px; }
      .interior-content-container .content-container .tip-container .copy-container-4 .button {
      float: right;
      margin: 0px;
      border: 0px;
      background-color: #424544;
      box-shadow: none;
      color: white;
      text-shadow: none;
      border-radius: 0px;
      margin: 10px 20px 0px 0px;
      padding: 10px; }
      .interior-content-container .content-container .tip-container .button:hover {
	     background-color: black;
      }
	  .centered-icon-cta{
		  width: 50%;
		  margin: 0 auto;
	  }
      .interior-content-container .content-container .tip-container .copy-container .button .arrow{
	    padding-left: 10px;}
	.interior-content-container .content-container .tip-container .copy-container-2 .button:hover {
	     background-color: black;
	  }
	  .interior-content-container .content-container .tip-container .copy-container-2 .button .arrow{
	    padding-left: 10px;}
	.interior-content-container .content-container .icon-ctas {
  text-align: center;
  margin: 20px 0px; }
  .interior-content-container .content-container .icon-ctas img {
    width: 96px; }
    .interior-content-container .content-container .icon-ctas .icon-cta-copy{
	    min-height: 40px;
    }
    .interior-content-container .content-container .icon-ctas .icon-cta-copy.business-fix{
	    min-height: 100px;
    }

    .interior-content-container .content-container .icon-ctas .icon-cta-copy p{
	    font-size: 17px;
	    margin: 0px 10px;
	    }
    .interior-content-container .content-container .icon-ctas .icon-cta-copy h5{
	    font-size: 30px;
	    margin: 0px;
	    font-weight: normal;
	    margin: 5px 0px 5px 0px;
	    }
	.interior-content-container .content-container .icon-ctas .long-copy-fix h5{
	font-size: 28px;
	padding-bottom: 4px;
	}
	.interior-content-container .content-container .icon-ctas a{
		margin-top: 20px;
		min-height: 40px;
	}
    .interior-content-container .content-container .icon-ctas .button{
		background-color: #424544;
		padding: 10px;
		color: white;
		box-shadow: none;
		text-shadow: none;
		border-radius: 0px;
		border: 0px;
		font-size: 20px;
		width: 73%;
		margin: 0 auto;
    }
    .business-fix-container{

    }
    .interior-content-container .content-container .icon-ctas.business-fix-container .button{
	    font-size: 16px;
    }
    .interior-content-container .content-container .icon-ctas .button:hover{
		background-color: black;
    }
    .interior-content-container .content-container .icon-ctas .button .arrow{
	    padding-left: 10px;}
    .home-rebates-123 .icon-cta-copy{
	    font-size: 1.1em;
	    padding: 20px 0px;
		color: rgb(86, 100, 115);
    }
    .home-rebates-123 .col-1-3 span{
	    font-size: 1.3em;
	    font-weight: bold;
	    display: block;
	    background-color: #424544;
	    padding: 8px 10px;
	    margin-bottom: 5px;
	    color: white;
    }
.shine-a-light-ticker-container{
	background-color: #ed1c24;
	padding: 20px;
	color: white;
	text-align: center;
	margin: 15px 0px;
}
.shine-a-light-ticker-container h3{
	font-weight: bold !important;
	font-size: 1em !important;
}
.shine-a-light-ticker-container .light-numbers{
	margin-top: 10px;
	font-weight: bold;
}
.shine-a-light-ticker-container span{
	background-color: white;
	color: #ed1c24;
	padding: 10px;
	display: inline-block;
}
.shadow-img{
	background: url(images/border-shadow.jpg);
	height: 24px;
	margin-bottom: 20px;
	margin-top: 40px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
.headline{
	width: 35%;
	text-align: right;
	background-image: url(http://d4f.9b1.myftpupload.com/wp-content/themes/pso/images/triangle.png);
	background-position: right top;
	background-repeat: no-repeat;
	background-size: contain;
}
	.headline h3{
	  background-color: #ed1c24;
	  color: white;
	  padding: 2px 0px 2px 0px;
	  margin-right: 37px;
	}
.sidebar-parent{
	font-weight: bold;
	text-transform: uppercase;
}
.peak-performers-container{
	text-align: center;
}
.peak-performers-callout{
	color: red;
	background-color: white;
	padding: 20px;
	text-align: center;
	box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.66);
	vertical-align: middle;
}
.peak-performers-callout h2{
	font-weight: normal !important;
}
.peak-performers-list td{
	 width: 33%;
	}
.peak-performers-list td{
	padding: 12px !important;
}
/*
.left{
	position: relative;
	height: auto;
	width: 35%;
	background: #ed1c24;
	float: left;
}

.left:after {
    content: '';
	line-height: 0;
	font-size: 0;
	width: 0;
	height: 0;
	border-top: 27px solid #ed1c24;
	border-bottom: 50px solid transparent;
	border-left: 0px solid transparent;
	border-right: 25px solid transparent;
	position: absolute;
	top: 0;
	right: -25px;
}
*/
.ajde_evcal_calendar #evcal_head.calendar_header #evcal_cur, .ajde_evcal_calendar .evcal_month_line p {
color: darkgray !important;
}
.ajde_evcal_calendar .calendar_header .evcal_arrows{
color: darkgray !important;
border-color: darkgray !important;
}
d4f.9b1.myftpupload.com/media="all"
.ajde_evcal_calendar .calendar_header .evcal_arrows {
border: 1px solid darkgray !important;
}
.ajde_evcal_calendar .calendar_header .evcal_arrows .fa {
color: darkgray !important;
}
.evcal_evdata_row .evcal_evdata_cell h3{
	padding-bottom: 10px !important;
}
.evo_location_name{
	font-weight: bold !important;
	margin-bottom: 4px !important;
}
/* BLOG */
.nav-container, .nav-links{
	padding: 30px 0px;
}
.nav-container .nav-older a, .nav-container .nav-newer a, .nav-links .nav-previous a, .nav-links .nav-next a{
	border: 0;
	font-weight: normal;
	background: #97999d;
	margin: 0px 0px 10px 0px;
	padding: 8px 10px 8px 10px;
	border-radius: 0px;
	box-shadow: none;
	color: white;
	text-shadow: none;
	font-size: 1.1em;
	-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	-o-transition: all 300ms;
	transition: all 300ms;
}
.nav-container .nav-older a:hover, .nav-container .nav-newer a:hover, .nav-links .nav-previous a:hover, .nav-links .nav-next a:hover{
	background: #ed1c24;
	color: white !important;
}
.nav-container .nav-older{
	float: left;
}
.nav-container .nav-newer{
	float: right;
}
.blog-listing{
	padding: 20px 20px 0px 20px;
}
.post-navigation, .tags-links{
	display: none;
}
.entry-content .thumbnail img.attachment-post-thumbnail{
	max-width: 300px;
	display: inline-block;
	float: right;
	margin: 0px 15px 15px 15px;
}
.social-sharing .social-icons{
	padding: 10px 0px;
}
.entry-meta{
	margin: 10px 0px;
}
.social-sharing .social-icons .fa-facebook{
	background-color: #3b5b9b;
	padding: 10px 13px;
	-webkit-transition: background-color 300ms;
	-moz-transition: background-color 300ms;
	-o-transition: background-color 300ms;
	transition: background-color 300ms;
	color: white !important;
}
.social-sharing .social-icons .fa-facebook:hover{
	background-color: #97999d;
}
.social-sharing .social-icons .fa-twitter{
	background-color: #2caae0;
	padding: 10px 13px;
	-webkit-transition: background-color 300ms;
	-moz-transition: background-color 300ms;
	-o-transition: background-color 300ms;
	transition: background-color 300ms;
	color: white !important;
}
.social-sharing .social-icons .fa-twitter:hover{
	background-color: #97999d;
}
.social-sharing .social-icons .fa-envelope-o{
	background-color: #659c41;
	padding: 10px 13px;
	-webkit-transition: background-color 300ms;
	-moz-transition: background-color 300ms;
	-o-transition: background-color 300ms;
	transition: background-color 300ms;
	color: white !important;
}
.social-sharing .social-icons .fa-envelope-o:hover{
	background-color: #97999d;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
  border: none;
  background: white;
  font-weight: normal;
  color: #555555;
  border-radius: 0 !important;
}
.ui-accordion .ui-accordion-header{
	font-size: 85%;
}
.ui-accordion .ui-accordion-content {
  padding: 0px;
  border-radius: 0;
  border: none;
}
:focus {
outline: 0;
}
/* SIDEBAR */
.blog-sidebar{
	background-color: #98999d;
}
.blog-sidebar .sidebar-header{
	width: 100%;
	border-top: 7px solid #7f8084;
	border-bottom: 2px solid white;
	text-align: center;
	color: white;
	margin-bottom: 15px;
}
.blog-sidebar .sidebar-header h2{
	padding: 10px 0px;
}
.blog-sidebar h3{
	margin: 0px 0px 15px 0px;
	font-size: 20px;
}
/* SIGN UP */
.blog-sidebar .sign-up{
	padding: 20px 20px 0px 20px;
	background-color: #98999d;
	color: white;
}
.blog-sidebar .sign-up .gform_body{
	border: none;
}
.blog-sidebar .sign-up .gform_fields{
	border: none;
}
.interior-content-container .sidebar-container.blog-sidebar .gform_fields li{
	background-color: #98999d;
	border: none;
}
.interior-content-container .sidebar-container.blog-sidebar .menu-blog-sidebar-menu-container ul li{
	background-color: #78797e;
	color: white;
}
.interior-content-container .sidebar-container.blog-sidebar .menu-blog-sidebar-menu-container ul li a{
	color: white !important;
}
.interior-content-container .sidebar-container.blog-sidebar .menu-blog-sidebar-menu-container ul li:hover a{
	border-right: #333534 solid 11px;
}
#input_1_1_6_container label, #input_1_1_3_container label, .gfield_label{
	display: none !important;
}
.gform_wrapper .gform_footer{
	padding: 15px 0px !important;
	margin: 0px 0px !important;
}
.gform_wrapper{
	margin: 10px 0px 0px 0px !important;
}
.gform_button{
	color: white !important;
	background-color: #333534 !important;
	border: none !important;
	text-shadow: none !important;
	border-radius: 0px !important;
	box-shadow: none !important;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea{
	border-radius: 0px !important;
	color: #6f6f6f !important;
}
/* RELATED POSTS */
.blog-sidebar .related{
	padding: 20px 20px 0px 20px;
	background-color: #98999d;
	color: white;
}
.blog-sidebar .related .relatedthumb{
	color: white;
}
.relatedthumb{
	width: 100%;
}
.relatedthumb > a > img{
	display: inline-block;
	width: 35%;
}
.relatedthumb .related-copy{
	display: inline-block;
	width: 60%;
	padding-left: 10px;
}
.relatedthumb .related-copy p{
	font-size: 0.9em;
	margin-bottom: 8px;
}
.relatedthumb .related-copy a{
	font-size: 1em;
	color: #333534;
	font-weight: bold;
}
.relatedthumb .related-copy a:hover{
	color: red;
}
/* CATEGORIES LIST */
.blog-sidebar .categories{
	padding: 20px;
	background-color: #98999d;
	color: white;
}
blockquote{
	border-left: #ed1c24 solid 11px;
	padding: 0px 20px;
}
#rev_slider_1_1_wrapper{
	display: block !important;
}
#rev_slider_3_2_wrapper{
	display: none !important;
}
#rev_slider_4_3_wrapper{
	display: none !important;
	box-shadow: 7px 1px 1px 9px rgba(0, 0, 0, 0.84) !important;
}
.mobile-content-rearranging{
	display: none;
}
.slider-container2 p{
	margin: 0px !important;
}
#layerslider_6{
	display: block !important;
}
#layerslider_7{
	display: none !important;
}
#layerslider_8{
	display: none !important;
}
html * .ls-wp-container .ls-slide > a, body * .ls-wp-container .ls-slide > a, #ls-global * .ls-wp-container .ls-slide > a{
	width: 100% !important;
	height: 100% !important;
}
iframe {
/*
  min-width: 400px !important;
  min-height: 200px !important;
*/
}
.home-business-images{
	margin: 20px 0px;
}
.home-business-images img:hover{
	opacity: 0.8;
}
.featured-image{
	margin: 10px 0px;
	display: block;
}
.three-images a {
  width: 32.333333%;
  margin-right: 1.5%;
  display: inline-block;
}
.three-images a img{
	width: 100%;
}
.three-images a:last-of-type {
  margin-right: 0px;
}
.plus-minus-style .ui-accordion-header{
	color: #ed1c24;
	font-size: 1.1em;
	padding-left: 2em;
}
.about-image{
	margin: 0px 0px;
}
#expandheader h2 {
	padding: 8px 0px 8px 42px;
	border-right: 1px solid #a2a2a2;
	border-left: 1px solid #a2a2a2;
	border-top: 1px solid #a2a2a2;
	border-bottom: 0px solid #a2a2a2;
	margin: 0px;
}
#expandheader h2:first-of-type {
	border-top: 1px solid #a2a2a2;
}
#expandheader h2:last-of-type {
	border-bottom: 1px solid #a2a2a2;
}
.plus-minus-style{
	margin: 20px 0px;
}
.plus-minus-style .ui-accordion-content {
	padding: 10px;
	border-right: 1px solid #a2a2a2;
	border-left: 1px solid #a2a2a2;
	border-top: 1px solid #a2a2a2;
	border-bottom: 0px solid #a2a2a2;
}
.plus-minus-style .ui-accordion-content:last-of-type  {
	padding: 10px;
	border-right: 1px solid #a2a2a2;
	border-left: 1px solid #a2a2a2;
	border-top: 0px solid #a2a2a2;
	border-bottom: 1px solid #a2a2a2;
}
#expandheader strong {
  font-size: 1.2em;
  display: block;
  font-weight: bold;
  line-height: 139%;
  margin: 7px 0px;
  padding: 0px;
  clear: none;
  color: rgb(86, 100, 115);
}
#expandheader .ui-accordion-content{
	line-height: 150%;
	color: rgb(86, 100, 115);
}
.lighting-bar{
	display: block;
}
.lighting-bar-mobile{
	display: none;
}
.content-container ul, .content-container ol {
  margin: 10px 0 20px 30px;
}
.map{
	display: block;
	clear: both;
}
.content-container img:hover {
  opacity: 0.9;
}
.map img:hover{
	opacity: 1 !important;
}
img#businessmaps{
	display: block;
	clear: both;
}
#businessmaps:hover{
	opacity: 1 !important;
}
.icon-ctas img:hover{
	opacity: 1;
}
.plus-minus-style img:hover{
	opacity: 1;
}
.tip-container img:hover{
	opacity: 1;
}
.lighting-bar:hover, .lighting-bar-mobile:hover{
	opacity: 1 !important;
}
.gform_wrapper .ginput_complex.ginput_container.has_first_name.has_middle_name.has_last_name span.name_first, .gform_wrapper .ginput_complex.ginput_container.has_first_name.has_middle_name.has_last_name span.name_middle, .gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span.name_first{
			margin-right: 0px !important;
	}
table{
	margin: 0px;
}
.business-rebates-table {
	margin-bottom: 5px;
	border: 13px solid #e6e6e6;
}
.business-rebates-table caption{
	text-align: left;
	color: #eb1c26;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 140%;
	margin-bottom: 8px;
}
.business-rebates-table th{
	text-align: left;
	color: #eb1c26;
	font-weight: 600;
	margin: 0px;
	padding: 5px !important;
}
tr.border_bottom td {
	border-bottom: 2pt solid black;
	padding: 10px;
}
tr.border_bottom:last-of-type td {
	border-bottom: none;
}
tr.border-none td {
	border-bottom: none;
	padding-bottom: 5px;
}
tr.no_border_bottom td {
	border-bottom: none;
	padding: 10px;
}
tr.total_border{
	border: 2pt solid black;
	padding: 10px;
}
.business-rebates-table tbody {
	font-size: 15px;
	line-height: 130%;
}
.business-rebates-table .indent tbody {
	font-size: 15px;
}
.business-rebates-table tbody .left{
	width: 80%;
}
.business-rebates-table tbody .right{
	width: 20%;
}
.business-rebates-table .indent{
	margin-left: 40px;
	width: 93%;
}
.home-rebates-table {
	margin-bottom: 20px;
	border: 13px solid #e6e6e6;
}
.home-rebates-table caption{
	text-align: left;
	color: #eb1c26;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 140%;
	margin-bottom: 8px;
}
.home-rebates-table th{
	text-align: left;
	color: #eb1c26;
	font-weight: 600;
	margin: 0px;
	padding: 5px !important;
}
.home-rebates-table tbody {
	font-size: 15px;
	line-height: 130%;
}
/*
.home-rebates-table .indent tbody {
	font-size: 15px;
}
.home-rebates-table .indent{
	margin-left: 0px;
	width: 100%;
}
.home-rebates-table tbody .left{
	width: 60%;
}
.home-rebates-table tbody .right{
	width: 20%;
}
*/


.builders-table tr.border_bottom td {
    border-bottom: 1px solid gray;
}
.builders-table {
	margin-bottom: 20px;
	border: 13px solid #e6e6e6;
}
.builders-table caption{
	text-align: left;
	color: #eb1c26;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 140%;
	margin-bottom: 8px;
}
.builders-table th{
	text-align: left;
	color: #eb1c26;
	font-weight: 600;
	margin: 0px;
	padding: 5px !important;
}
.builders-table tbody {
	font-size: 15px;
	line-height: 130%;
}
.builders-table .indent tbody {
	font-size: 15px;
}
.builders-table .indent{
	margin-left: 40px;
	width: 82%;
}
.builders-table tbody .left{
	width: 60%;
}
.builders-table tbody .right{
	width: 20%;
}
.builders-table-desktop{
	display: block;
}
.builders-table-mobile{
	display: none;
}
@media screen and (max-width: 767px){
	.builders-table-desktop{
		display: none;
	}
	.builders-table-mobile{
		display: block;
	}
}
.fullwidthtd{
	width: 100% !important;
}

.interior-content-container .content-container h3 {
  font-size: 1.3em;
  font-weight: normal;
  line-height: 130%;
  margin: 0px 0px;
  padding: 0px;
  display: inline-block;
  margin-left: 0px;
}
i.fa.fa-link {
  padding: 5px 0px;
}
.jflatTimeline .timeline-wrap .event .date{
	height: 40px !important;
}
.event-container{
	margin: 20px 0px;
	background-color: #f4f4f4;
	border-left: 15px solid #ed1c24;
	padding: 20px;
}
.event-container h2{
	margin-bottom: 10px;
}
.interior-content-container .content-container .event-container h3{
	font-weight: bold;
	font-size: 20px;
	width: 100%;
}
.interior-content-container .content-container .event-container a{
	color: #ee1d24 !important;
	float: right;
}
.interior-content-container .content-container .event-container a:hover{
	color: rgb(86, 100, 115) !important;
}
.event-container.true, .noeventshack{
	opacity: 0;
}
.interior-content-container .content-container .event-container h3.false{
	display: none;
}
.interior-content-container .content-container .no-red-link{
	color: #34495e !important;
}
.interior-content-container .content-container .no-red-link:hover{
	color: #ee1d24 !important;
}
a.no-red-link{
	color: #34495e !important;
}

.interior-content-container .content-container.landing-page{
	width: 55%;
	float: left;
    display: inline-block;
    padding: 0px 10px 10px 0px;
}
.interior-content-container .landing-page-sidebar{
	width: 45%;
	float: left;
    display: inline-block;
    padding: 0px 0px 0px 10px;
}
.landing-page-table{
	background-color: #e6e6e6;
	border: 1px solid rgb(86, 100, 115);
}
.landing-page-table td{
	border: 1px solid rgb(86, 100, 115);
    padding: 6px;
}
.landing-page-table-interior{
	padding-left: 30px;
}
.landing-page-table-interior td, .landing-page-table table	 td{
	border: none;
}
.landing-page-table h2{
	margin: 5px 0px;
}
.landing-page-sidebar-form #input_1_1_6_container label, .landing-page-sidebar-form  #input_1_1_3_container label, .landing-page-sidebar-form .gfield_label{
	display: none !important;
}
.landing-page-sidebar-form {
    background-color: #97999d;
    padding: 5px 15px;
    color: white;
}
.landing-page-sidebar-form label#input_2_6_5_label{
	display: none !important;
}
.gform_wrapper .ginput_complex .ginput_right{
	margin-left: 0px !important;
}
span#input_2_6_5_container{
	width: 100% !important;
}
.landing-page-sidebar-form .gform_button{
	background-color: #eb1c26 !important;
	font-weight: bold !important;
}
.landing-page-sidebar-form .top_label input.large{
	width: 100% !important;
	margin: 5px 0px !important;
}
.landing-page-sidebar-form input#input_2_6_5 {
    width: 100% !important;
    margin: 5px 0px !important;
}
select#input_2_10 {
    margin: 0px 0px 10px 0px !important;
    width: 100% !important;
}
.landing-page-sidebar-form textarea.large {
    height: 4.625em !important;
    width: 100% !important;
    resize: horizontal !important;
}
.landing-page-sidebar .icon-ctas{
	text-align: center;
}
.landing-page-sidebar .icon-ctas .icon-cta-copy h5{
	font-size: 19px;
	margin-top: 10px;
}
.landing-page-sidebar .icon-ctas .icon-cta-copy p{
	margin-top: 8px;
	margin-bottom: 12px;
}
.gform_wrapper .gfield_required{
	color: #eb1c26 !important;
}
.landing-page-sidebar .icon-ctas .button{
    background-color: #eb1c26;
    color: white;
    font-weight: bold;
    padding: 10px 10px;
}
.landing-page-sidebar .icon-ctas .button i.fa.fa-angle-right.arrow {
    margin-left: 8px;
}
.landing-page-sidebar .gform_wrapper {
    overflow: inherit;
    margin: 1em 0;
    max-width: 100%;
    margin: 0px;
}
.landing-page-sidebar .icon-cta-copy.business-fix {
    min-height: 71px;
}
.icon-ctas img {
    max-width: 96px;
}
.small-business-accordion.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: 5px;
    top: 50%;
    margin-top: -8px;
    background-position: -16px -128px !important;
}
.small-business-accordion.ui-accordion .ui-accordion-header.ui-state-active .ui-accordion-header-icon {
    background-position: -48px -128px;
}
.tips-infographic-images img{
	width: 100%;
	max-width: 100%;
	padding: 5px 0px;
	display: block;
}
.tips h3.gform_title {
    text-transform: uppercase;
    font-size: 1.5em !important;
    font-weight: bold !important;
    line-height: 130% !important;
    margin-top: 0px !Important;
}
.tips .gfield_label {
    display: block !important;
}
.tips .gform_wrapper .top_label .gfield_label {
    font-weight: 300;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
body .tips .gform_wrapper label.gfield_label+div.ginput_container {
    margin-top: 4px;
    margin-bottom: 10px;
}
.tips .gform_wrapper input[type=text] {
    background: #edf0f5 !important;
    border: none !important;
    padding: 11px 10px !important;
}
.tips .gform_button {
    color: white !important;
    background-color: #ed1c24 !important;
    border: none !important;
    text-shadow: none !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    font-size: 16px !important;
    padding: 10px 20px 9px 20px !Important;
}
.tips-page.interior-content-container .content-container h1 {
    font-size: 40px !important;
}
.hesperiden .tp-tab-title{
	padding-top: 20px !important;
}
.tips-infographic-img img {
    position: relative;
    display: block;
    height: at
    max-width: 100%;
    opacity: 1;
    padding: 0px;
}
figure {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 5px 0px;
    width: 100%;
    background: white;
    text-align: center;
    cursor: pointer;
}
figure figcaption, figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.tips-infographic-img figcaption h2 {
    position: absolute;
    top: 50%;
    text-transform: uppercase;
    font-size: 1.5em;
	font-weight: bold;
	line-height: 130%;
    left: 0;
    width: 100%;
    color: white;
    display: none;
    -webkit-transition: -webkit-transform 0.35s, color 0.35s;
    transition: transform 0.35s, color 0.35s;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
}
.tips-infographic-img.cooling{
	background-image: url(http://powerforwardwithpso.com/wp-content/themes/pso/images/20046-PSO-Infographics-thumbnails-Cooling.png);
}
.tips-infographic-img.electronics{
	background-image: url(http://powerforwardwithpso.com/wp-content/themes/pso/images/20046-PSO-Infographics-thumbnails-Electronics.png);
}
.tips-infographic-img.heating{
	background-image:url(http://powerforwardwithpso.com/wp-content/themes/pso/images/20046-PSO-Infographics-thumbnails-Heating.png);
}
.tips-infographic-img.lighting{
	background-image: url(http://powerforwardwithpso.com/wp-content/themes/pso/images/20046-PSO-Infographics-thumbnails-Lighting.png);
}
.tips-infographic-img:hover img {
	opacity: 0.3;
}
.tips-infographic-img:hover figure {
	  background: #566473;
}
.tips-infographic-img:hover figcaption h2 {
	display: block;
}
.tips-landing-page-container .landing-page-sidebar.desktop{
	display: block;
}
.tips-landing-page-container .landing-page-sidebar.mobile{
	display: none;
	padding-top: 20px;
}
.tips-landing-page-container .interior-content-container {
    padding-bottom: 0px;
}
.page-id-2276 div#accordion-plus-minus1 {
    width: 80% !important;
}
.page-id-2276 .interior-content-container #expandheader h2 {
    font-size: 20px !important;
}
.map-legend-container{
	position: relative;
	margin-bottom: 40px;
}
.map-legend{
    position: absolute;
    top: 110px;
    left: 30px;
}
.map-legend strong{
	display: block;
	float: left;
	color: black;
}
.map-legend a{
	display: block;
}
.map-legend .box{
	width: 18px;
	height: 18px;
	display: inline-block;
	float: left;
	clear: left;
	margin: 10px 10px 0px 0px;
}
.interior-content-container .content-container .map-legend a p{
	color: black;
	line-height: 120%;
/*
	padding-bottom: 2px;
	border-bottom: 1px solid white;
*/
}
.interior-content-container .content-container .map-legend a:hover p{
/* 	border-bottom: 1px solid black; */
	text-decoration: underline;
}
.interior-content-container .content-container .map-legend p{
	display: inline-block;
	float: left;
	vertical-align: top;
	margin: 12px 0px 0px 0px !important;
	font-family: 'Gotham', Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 300;
    line-height: 100%;
}
.map-legend .box.orange{
	background: #f79220;
}
.map-legend .box.red{
	background: #d73a1a;
}
.map-legend .box.yellow{
	background: #ffd400;
}
.map-legend .box.blue{
	background: #528df8;
}
.map-legend .box.green{
	background: #65a81e;
}
.map-legend .box.purple{
	background: #fff;
	border: 2px solid #6b0cc0;
}
.content-container img.wp-image-2496:hover {
    opacity: 1;
}
label#input_7_6_5_label {
    display: none !important;
}
.col-1-2.copyright {
    text-align: right;
    margin-top: -60px;
}
.footer-container .copyright div {
    text-align: right;
    float: none;
}
.footer-container .col-1-2 img, .footer-container .col-1-2 div {
    display: inline-block;
    /* float: left; */
    /* padding: 0px 5px 0px 25px; */
}
.footer-container .col-1-2 div.copyright div{
    display: block;
    float: none;
    padding: 0px;
}
.energystar {
    float: none !important;
    display: block !important;
    clear: both !important;
}
.energystar img {
    max-width: 105px;
    padding: 0px !important;
}
.copyright-text {
    float: none !important;
    display: block !important;
}
/*--------------------------------------------------------------
# New Home Rebates Plugin
--------------------------------------------------------------*/

.filter {
    width: 100%;
    margin-top: 30px;
    text-align: center;
}
.filter select {
    width: 78%;
    margin-right: 2%;
}
.filter input[type="button"] {
    width: 19%;
    display: inline-block;
    font-weight: 600;
    color: white;
    background-color: #ee1d24;
    text-decoration: none;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    text-align: center;
    padding: 12px 15px;
    border: none;
    text-shadow: none;
    box-shadow: none;
/*     border-radius: 0; */
    font-size: 16px;
    text-transform: uppercase;
}
.form-control {
    font-size: 18px;
    display: inline-block;
    color: #60635c;
    height: 40px;
    line-height: 46px;
    padding: 10px 16px;
    background: none;
    background-color: #fff;
    border: 1px solid #babaa9;
    border-radius: 4px;
    box-shadow: none!important;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s 1s linear;
    -moz-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s 1s linear;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s 1s linear;
    -ms-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s 1s linear;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s 1s linear;
    margin-bottom: 6.66666667px;
}


.parent-categories-cont{
	width: 100%;
}
.rebate-container{
	width: 100%;
	background-color: #e6e6e6;
	padding: 15px;
	margin: 20px 0px;
	display: block;
	display: table;
}
.rebate-container.single .copy{
	width: 33%;
	padding: 0 20px;
	vertical-align: middle;
    display: table-cell;
}
.rebate-container.single .copy a{
	color: #566473
}
.rebate-container.single .copy span{
	font-size: 17px;
}
.rebate-container.single .single-amount{
	width: 22%;
	padding: 0 20px;
	text-align: center;
	border-left: 1px dashed #babaa9;
    display: table-cell;
    vertical-align: middle;
}
.rebate-container.single .multiple-amount{
	width: 25%;
	padding: 0 20px;
	text-align: center;
	border-left: 1px dashed #babaa9;
    display: table-cell;
    vertical-align: middle;
}
.rebate-container.single .available{
	width: 20%;
	padding: 0 20px;
	text-align: center;
	border-left: 1px dashed #babaa9;
    display: table-cell;
    vertical-align: middle;
}
.rebate-container.single .single-amount span, .rebate-container.single .multiple-amount span, .rebate-container.single .available span{
	color: #97999d;
	font-size: 12px;
}
.rebate-container.single .single-amount .amount, .rebate-container.single .multiple-amount .amount, .rebate-container.single .available .amount{
	padding-top: 5px;
}

.category-header{
	width: 100%;
	display: table;
}
.category-header .icon-title{
	width: 70%;
    vertical-align: middle;
    display: table-cell;
    padding-left: 20px;
}
.category-header img{
/*
	width: 30%;
	max-width: 150px;
	display: inline-block;
	vertical-align: baseline;
	border: 1px solid rgba(186, 186, 170, 0.5);
	margin-right: 15px;
*/
}
.category-header .img-cont{
   display: table-cell;
   width: 20%;
}
.category-header img {
/*     width: 20%; */
    border: 1px solid rgba(186, 186, 170, 0.5);
}
.category-header .icon-title h1{
	margin-top: 0px;
/*
	display: inline-block;
    width: 70%;
*/
}
.category-header .cta-more{
/*
	width: 30%;
	display: inline-block;
	text-align: right;
	vertical-align: text-bottom;
    margin-bottom: 4px;
*/
}
.category-header .cta-more a{
    display: inline-block;
    font-weight: 500;
    color: white;
    background-color: #424544;
    text-decoration: none;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    text-align: center;
    padding: 12px 15px;
    text-transform: uppercase;
}
.category-header .cta-more a:hover{
	background-color: #ee1d24;
	color: white;
}

.rebate-container.parent .icon{
	width: 20%;
    vertical-align: middle;
    display: table-cell;
}
.rebate-container.parent .copy{
	width: 48%;
	padding: 0 2%;
	vertical-align: middle;
    display: table-cell;
}
.rebate-container.parent .copy a{
	color: #566473
}
.rebate-container.parent .copy span{
	font-size: 24px;
}
.rebate-container.parent .cta{
	width: 30%;
	text-align: center;
	border-left: 1px dashed #babaa9;
    display: table-cell;
    vertical-align: middle;
}
.rebate-container.parent .cta a{
    display: inline-block;
    font-weight: 500;
    color: white;
    background-color: #ee1d24;
    text-decoration: none;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    text-align: center;
    padding: 12px 15px;
}
.rebate-container.parent .cta a:hover{
	background-color: #424544;
}
.interior-content-container .content-container .disclaimer p{
	font-size: 13px !important;
}
@media screen and (max-width: 970px){
	.rebate-container {
	    width: 100%;
	    display: block;
	}
	.rebate-container.single .copy {
	    width: 100%;
	    padding: 20px;
	    vertical-align: middle;
	    display: block;
	    clear: both;
	    text-align: center;
	}
	.rebate-container.single .single-amount {
	    width: 33%;
	    padding: 0 20px;
	    text-align: center;
	    border-left: none;
	    display: table-cell;
	    vertical-align: middle;
	}
	.rebate-container.single .multiple-amount {
	    width: 33%;
	    padding: 0 20px;
	    text-align: center;
	    border-left: 1px dashed #babaa9;
	    display: table-cell;
	    vertical-align: middle;
	}
	.rebate-container.single .available {
	    width: 33%;
	    padding: 0 20px;
	    text-align: center;
	    border-left: 1px dashed #babaa9;
	    display: table-cell;
	    vertical-align: middle;
	}
	.rebate-container.parent .cta {
	    width: 100%;
	    text-align: center;
	    border-left: none;
	    display: block;
	    vertical-align: middle;
	    margin: 10px 0px;
	}
	.rebate-container.parent .icon {
    	width: 100%;
	    vertical-align: middle;
	    display: block;
	    text-align: center;
	}
	.rebate-container.parent .icon img{
		max-width: 150px;
	}
	.rebate-container.parent .copy {
	    width: 100%;
	    padding: 20px;
	    vertical-align: middle;
	    display: block;
	    text-align: center;
	}
}
@media screen and (max-width: 700px){
	.category-header {
	    width: 100%;
	    display: block;
	}
	.category-header .img-cont {
	    display: block;
	    width: 100%;
	}
	.category-header img {
	    max-width: 200px;
	    border: 1px solid rgba(186, 186, 170, 0.5);
	}
	.category-header .icon-title {
	    width: 100%;
	    vertical-align: middle;
	    display: block;
	    padding-left: 0px;
	}

}
@media screen and (max-width: 600px){
	.filter select {
	    width: 60%;
    }
    .filter input[type="button"] {
	    width: 30%;
        font-size: 14px;
        min-width: 90px;
	}
	.form-control {
	    font-size: 16px;
    }

}
@media screen and (max-width: 500px){
	.rebate-container.single .single-amount {
	    width: 100%;
	    padding: 10px;
	    text-align: center;
	    border-left: none;
	    display: block;
	    vertical-align: middle;
	    border-top: 1px dashed #babaa9;
	}
	.rebate-container.single .multiple-amount {
	    width: 100%;
	    padding: 10px;
	    text-align: center;
	    margin: 15px 0px;
	    border-left: 0;
	    border-top: 1px dashed #babaa9;
	    border-bottom: 1px dashed #babaa9;
	    display: block;
	    vertical-align: middle;
	}
	.rebate-container.single .available {
	    width: 100%;
	    padding: 10px;
	    text-align: center;
	    border-left: none;
	    display: block;
	    vertical-align: middle;
	}
}
/* da bottom */

@media screen and (max-width: 981px){
	.col-1-2.copyright {
	    margin-top: -13px;
	    padding-right: 10px !important;
	}
	.energystar img {
	    max-width: 95px;
	    padding: 0px !important;
	}
}


@media screen and (max-width: 1080px){
	.map-legend {
	    position: absolute;
	    top: 90px;
	    left: 20px;
	}
	.interior-content-container .content-container .map-legend p {
	    display: inline-block;
	    float: left;
	    vertical-align: top;
	    margin: 13px 0px 0px 0px !important;
	    font-family: 'Gotham', Helvetica, sans-serif;
	    font-size: 12px;
	    font-weight: 300;
	    line-height: 100%;
	}
}
@media screen and (max-width: 920px){
	.map-legend {
	    top: 70px;
	}
	.map-legend-container{
		margin-bottom: 80px;
	}
}
@media screen and (max-width: 915px){
	.map-legend .box{
		margin: 10px 10px 0px 0px;
	}
	.interior-content-container .content-container .map-legend p{
		margin: 14px 0px 0px 0px !important;
	}
	.map-legend {
	    top: 90px;
	}
}
@media screen and (max-width: 650px){
	.map-legend {
	    position: relative;
	    top: 0;
	    left: 0;
	    text-align: center;
	}
	.interior-content-container .content-container .map-legend a {
	    display: inline-block;
	    margin-right: 15px;
	}
	.map-legend .lighting{
		clear: left;
	}
	.map-legend .fridge{
		clear: left;
	}
	.map-legend strong{
		float: none;
	}
}
@media screen and (max-width: 400px){
	.map-legend {
	    position: relative;
	    top: 0;
	    left: 0;
	    text-align: left;
	}
	.interior-content-container .content-container .map-legend a {
	    display: block;
	    margin-right: 0px;
	}
	.category-header img {
	    max-width: 120px;
	}
	.map-legend strong {
	    float: left;
	}
}
/*--------------------------------------------------------------
# Megan Custom SASS
--------------------------------------------------------------*/
@media screen and (max-width: 1250px){
	.mgserviceproviders .col-1-4 {
	    width: 50%;
	}
}
@media screen and (max-width: 1190px){
	.landing-page-sidebar .icon-cta-copy.business-fix {
	    min-height: 91px;
	}
}
@media screen and (max-width: 1135px){
	.landing-page-sidebar .icon-cta-copy.business-fix {
	    min-height: 114px;
	}
}
@media screen and (max-width: 1100px) {
  .utility-navigation-container {
    width: 70%; }

  .above-navigation .col-1-3 {
    width: 30%; } }

@media screen and (max-width: 1155px) {
  .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {
    font-size: 16px !important; }

  .ubermenu-navigation {
    width: 100%; }
    .ubermenu-submenu-id-71 .ubermenu-target{
		padding: 15px 39px !important;
	}

  #masthead {
    margin-top: 20px; }
	.bottom-container .centered {
	    width: 220px;
	}
}
@media screen and (max-width: 1064px) {
    #masthead {
    margin-top: 20px; }
    .bottom-container .photo-container .hover-text p {
	    color: white;
	    line-height: 120%;
	    margin: 20px 0px 45px 0px;
	    padding: 0;
	    font-size: 0.8em;
	}
}
@media screen and (max-width: 1050px) {
  .bottom-container .centered {
    width: 150px; }
  .bottom-container .photo-container {
    min-height: 230px;
    max-height: 230px;
    background-position: contain; }
    .bottom-container .photo-container .hover-text h3 {
      font-size: 1em; }
    .bottom-container .photo-container .hover-text p {
      margin: 15px 0px;
      font-size: 0.85em; }
    .bottom-container .photo-container .hover-text a {
      font-size: 1em; }
	 .interior-content-container .content-container .icon-ctas .icon-cta-copy h5{
		 font-size: 24px;
	 }
	 .left{
		 width: 45%;
	 }
	 .peak-performers-list tr{
	 width: 100% !important;
	}
	 .peak-performers-list td{
	 width: 100% !important;
	 clear: both;
	 display: block;
	}
	.interior-content-container .content-container .icon-ctas.business-fix-container .button {
	  font-size: 14px;
	}
}
@media screen and (max-width: 1045px) {
  .above-navigation {
    width: 100%;
    padding: 20px 20px; }

  .utility-navigation-container {
    width: 70%; }

  .above-navigation .col-1-3 {
    width: 30%; } }
@media screen and (max-width: 1000px) {
	.headline h3{
		font-size: 16px;
	}
/*
	.left:after{
		border-top: 24px solid #ed1c24;
	}
*/
}
@media screen and (max-width: 966px) {
	.bottom-container .interior-bottom .photo-container {
    min-height: 180px;}
      .bottom-container .interior-bottom .photo-container .hover-text h3 {
        font-size: 1em;
        line-height: 100%;
        }
      .bottom-container .interior-bottom .photo-container .hover-text p {
        line-height: 120%;
        margin: 20px 0px 15px 0px;
        font-size: 0.8em; }
      .bottom-container .interior-bottom .photo-container .hover-text a {
        font-size: 0.8em;
        }
  .bottom-container .interior-bottom .centered {
    width: 100px; }
    .interior-content-container .content-container .icon-ctas .icon-cta-copy h5{
	    font-size: 25px;
    }
    .interior-content-container .content-container .tip-container .copy-container h3{
	    text-align: left;
	    font-size: 2em;
    }
}
@media screen and (max-width: 928px) {
  .utility-navigation-container {
    width: 100%; }
    .utility-navigation-container .utility-navigation ul {
      text-align: center;
      width: 100%;
      margin: 0px;
      padding: 0px; }
      .utility-navigation-container .utility-navigation ul li {
        width: 20%;
        float: right;
        display: inline-block; }
	.utility-navigation li{
		line-height: 110%;
	}
  .above-navigation .col-1-3 {
    width: 100%;
    float: none;
    text-align: center; } }
@media screen and (max-width: 865px) {
	#rev_slider_1_1_wrapper{
	display: none !important;
	}
	#rev_slider_3_2_wrapper{
		display: block !important;
	}
	#rev_slider_4_3_wrapper{
		display: none !important;
	}
  .bottom-container .centered {
    width: 150px; }
  .bottom-container .photo-container {
    min-height: 200px;
    max-height: 200px;
    background-position: contain; }
    .bottom-container .photo-container .hover-text {
      font-size: 95%; }
      .bottom-container .photo-container .hover-text h3 {
        font-weight: bold; }
      .bottom-container .photo-container .hover-text p {
        margin: 10px 0px; }
}
@media screen and (max-width: 860px) {
	.interior-content-container .content-container .tip-container .copy-container h3{
		font-size: 1.5em;
		width: 15%;
	}
	.interior-content-container .content-container .tip-container .copy-container p{
		width: 60%;
	}
	.interior-content-container .content-container .tip-container .copy-container{
		width: 83%;
	}
	.interior-content-container .content-container .tip-container .copy-container .button{
		font-size: 16px;
		padding: 8px;
	}
	.left{
		width: 50%;
	}
	.about-image{
		margin: 20px 0px;
	}
	.about-page-fix .col-1-3, .about-page-fix .col-2-3{
		width: 100%;
	}
}
@media screen and (max-width: 840px) {
  .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {
    font-size: 16px !important; }

  .ubermenu-main .ubermenu-nav .ubermenu-item.ubermenu-item-level-0 > .ubermenu-target {
    min-height: 80px; }

  .ubermenu-navigation {
    display: block;
    width: 100%; } }
@media screen and (max-width: 823px) {
  .icon-cta {
    text-align: center;
    min-height: 176px; }
    .icon-cta img {
      width: 100%;
      float: none;
      padding: 10px 0px 5px 0px; }
    .icon-cta div {
      width: 100%;
      margin: 0px;
      padding: 0px;
      height: 60px; }
      .icon-cta div h3 {
        line-height: 100%;
        margin: 0px;
        padding: 10px;
        font-size: 1.2em; }
    .icon-cta.text-fix div {
      padding: 0px; } }
@media screen and (max-width: 770px) {
	.content-container {
		width: 100%;
	}
	.entry-content .thumbnail img.attachment-post-thumbnail {
  width: 95%;
  max-width: none;
    margin: 15px 0px;
    float: none;
}
	.interior-content-container .content-container{
		width: 100%;
	}
	.interior-content-container .content-container{
		padding-left: 0px;
	}
	.left{
		width: 70%;
	}
	.interior-bottom .grid .col-1-4{
		width: 48%;
		margin-bottom: 20px;
	}
	.interior-bottom .grid .col-1-4:last-of-type{
		margin-right: 0px !important;
		padding-right: 20px !important;
	}
	.bottom-container .interior-bottom .photo-container {
    min-height: 200px;}
      .bottom-container .interior-bottom .photo-container .hover-text h3 {
        font-size: 1.1em;
        line-height: 100%;
        }
      .bottom-container .interior-bottom .photo-container .hover-text p {
        line-height: 120%;
        margin: 20px 0px 15px 0px;
        font-size: 1em; }
      .bottom-container .interior-bottom .photo-container .hover-text a {
        font-size: 1em;
        }
	  .bottom-container .interior-bottom .centered {
    width: 150px; }
    .ubermenu-navigation {
    display: none; }
  .sidebar-container{
	  display: none;
  }
	.three-images a {
	width: 100%;
	margin-right: 0px;
	display: block;
	}

}
@media screen and (max-width: 768px) {
	#layerslider_6{
		display: none !important;
	}
	#layerslider_7{
		display: block !important;
	}
	#layerslider_8{
		display: none !important;
	}
	#expandheader h2{
		font-size: 1.25em;
	}
}
@media screen and (max-width: 767px) {
	.interior-content-container .content-container.landing-page{
		width: 100%;
		float: left;
	    display: inline-block;
	    padding: 0px 0px 10px 0px;
	}
	.interior-content-container .landing-page-sidebar{
		width: 100%;
		float: left;
	    display: inline-block;
	    padding: 0px;
	}
	.landing-page-sidebar .icon-cta-copy.business-fix {
	    min-height: 71px;
	}
}
@media screen and (max-width: 735px) {
	.mgserviceproviders .col-1-4 {
	    width: 100%;
	}
  .bottom-container .col-1-3:last-of-type {
     padding: 0px 20px !important;;
    margin-right: 20px; }
  .bottom-container .col-1-3 {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 20px;
    text-align: center;
    padding: 0px 20px; }
  .bottom-container .centered {
    width: 300px; }
  .bottom-container .photo-container {
    min-height: 220px;
    max-height: 220px;
    background-position: contain; }
    .bottom-container .photo-container.photo1 {
      background-image: url(images/photo-1.png);
      background-position: center center; }
    .bottom-container .photo-container.photo2 {
      background-image: url(images/photo-2.png);
      background-position: top center; }
    .bottom-container .photo-container.photo3 {
      background-image: url(images/photo-3.png);
      background-position: top center; }
    .bottom-container .photo-container .hover-text h3 {
      font-weight: normal;
      font-size: 1.2em; }
    .bottom-container .photo-container .hover-text a {
      font-size: 1em; }
    .bottom-container .photo-container .hover-text p {
      margin: 20px 0px;
      font-size: 1.2em; } }
@media screen and (max-width: 550px) {
	.small-business-map{
		display: none;
	}
	.small-business-map-mobile{
		display: block;
	}
	.featured-image-container{
		display: none;
	}
	.centered-icon-cta{
		  width: 100%;
		  margin: 0 auto;
	  }
	.site-content.interior{
		padding: 0px 30px;
	}
	.social-container h5{
		display: none;
	}
	.lighting-bar{
	display: none;
	}
	.lighting-bar-mobile{
		display: block;
	}
	.icon-cta {
    width: 100%; }
    .icon-cta.rule {
      border-top: 1px solid white;
      border-bottom: 1px solid white;
      border-left: none;
      border-right: none; }
      .utility-navigation-container {
    width: 100%; }
    .utility-navigation-container .utility-navigation ul {
      text-align: center;
      width: 100%;
      margin: 10px 0px;
      padding: 0px; }
      .utility-navigation-container .utility-navigation ul li {
        width: 100%;
        margin: 0px 0px;
        padding: 10px;
        float: none;
        display: inline-block; }
 .body-container {
    width: 100%; }
  .menu-utility-navigation-container {
	display: none;
	}
  .mobile-content-rearranging{
	  display: block;
  }
  .mobile-content-rearranging .menu-utility-navigation-container{
	  display: block;
  }
  .above-navigation {
    padding-bottom: 40px;
    margin-top: 0px; }
	.mobile-content-rearranging .above-navigation{
		padding: 20px !important;
	}
	.mobile-content-rearranging .menu-utility-navigation-container{
		padding-bottom: 20px;
	}
  .footer-container {
/*     margin-top: 275px;  */}
    .homepage>.footer-container {
/* 		margin-top: 600px; */
	}
    .slider-container {
/*
		bottom: 465px;
		position: absolute;
*/
	}
	.home-rebates-table .indent {
	    margin-left: 0px;
	    width: 100%;
	}
	.indent td {
	    padding-right: 0px !important;
	    width: 10% !important;
	}
	.indent td.indent-left {
	    width: 23% !important;
	    padding-right: 25px !important;
	}
	.home-rebates-table thead {
	    font-size: 14px;
	}
	.home-rebates-table tbody {
    	font-size: 14px;
    }
    .tips-landing-page-container .landing-page-sidebar.desktop{
		display: none;
	}
	.tips-landing-page-container .landing-page-sidebar.mobile{
		display: block;
	}
}
@media screen and (max-width: 460px) {

	#expandheader h2{
		font-size: 1em;
	}
	.utility-navigation .phonenumber a {
      color: red !important;
      font-weight: bold !important;
      font-size: 1.25em !important;
      line-height: 0px !important; }
	.grid-pad{
		padding: 0px;
	}
	.interior-content-container .content-container h1{
		font-size: 1.4em;
	}
	.slider-container{
		margin-bottom: 10px;
		height: auto;
	}
	.bottom-container{
		padding: 15px 0px;
	}
	.mobile-content-rearranging .menu-utility-navigation-container{
		padding-bottom: 0px;
	}
	.icon-cta-copy{
		display: inline-block;
		  width: 100%;
	}
	.icon-ctas .col-1-2{
		width: 100%;
		margin-bottom: 30px;
		padding-right: 0px;
/* 		text-align: left; */
	}
	.icon-ctas.mgserviceproviders .col-1-2 div{
		float: none !important;
		margin: 0 auto;
	}
	.home-rebates-123 .col-1-3{
		width: 100%;
	}
	.bottom-container .col-1-3:last-of-type{
		padding: 0px 20px;
	}
	.interior-content-container .content-container .icon-ctas .icon-cta-copy p{
		margin: 10px 0px;
	}
	.icon-cta-copy{
		padding-left: 20px;
	}
	.interior-content-container .content-container .icon-ctas img{
		vertical-align: top;
	}
	.interior-content-container .content-container .icon-ctas .button{
		font-size: 16px;
	}
	.interior-content-container .content-container .icon-ctas .icon-cta-copy h5 {
		font-size: 21px;
	}
	.interior-content-container .content-container .icon-ctas .icon-cta-copy p{
		font-size: 16px;
	}
	.interior-bottom .grid .col-1-4{
		width: 100%;
		padding: 0px 20px;
	}
	.interior-content-container .content-container .icon-ctas{
		margin-bottom: 0px;
	}
	.bread-social-container .bread-crumbs{
		font-size: 13px;
	}
	.bread-social-container .col-1-2{
		width: 60%;
	}
	.bread-social-container .col-1-2:last-of-type{
		width: 40%;
	}
	.interior-content-container .content-container .tip-container img{
		display: none;
	}
	.interior-content-container .content-container .tip-container .copy-container{
		width: 95%;
		margin: 0px 10px 0px 10px;
		padding: 20px 0px 20px 0px;
	}
	.interior-content-container .content-container .tip-container .copy-container p {
		width: 100%;
	}
	.interior-content-container .content-container .tip-container .copy-container button{
		float: left;
	}
	.left{
		width: 90%;
	}
	#rebates_home_img{
		display: none;
	}
	.home-rebates-img-mobile{
		display: block;
		margin-top: 20px;
	}
	.map, #businessmaps{
		display: none;
	}
	#businessmaps{
		max-width: none;
		width: 100%;
		height: auto;
	}
	.home-rebates-img-mobile-cta{
		display: none;
	}
	.bottom-container .photo-container .hover-text h3{
		font-size: 1.2em;
	}
	.bottom-container .photo-container .hover-text p{
		font-size: 0.9em;
	}
	.bottom-container .photo-container .hover-text a{
		font-size: 1.2em;
	}
}
@media screen and (max-width: 407px) {
	.bread-social-container .col-1-2{
		width: 100%;
	}
	.bread-social-container .col-1-2:last-of-type{
		width: 100%;
		text-align: left;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2){
	.utility-navigation .phonenumber a {
      color: red !important;
      font-weight: bold !important;
      font-size: 1.25em !important;
      line-height: 0px !important; }

}
@media screen and (max-width: 400px) {
	#layerslider_6{
		display: none !important;
	}
	#layerslider_7{
		display: none !important;
	}
	.mobile-slider.mobile-slider{
		display: block;
	}
	#layerslider_8{
		display: block !important;
	}
	.col-1-3{
		width: 100%;
	}
	.col-2-3{
		width: 100%;
	}
}
@media screen and (max-width: 398px) {
	.interior-content-container .content-container .icon-ctas img {
		width: 70px;
	}
}
@media screen and (max-width: 373px) {
	.icon-cta-copy {
		padding: 20px 0px;
		width: 100%;
		text-align: center;
	}
	.icon-ctas .col-1-2{
		text-align: center;
	}
	.interior-content-container .content-container .icon-ctas img {
		width: 82px;
	}
	.interior-content-container .content-container .icon-ctas button{
		padding: 10px 20px;
	}
	.headline h3 {
	  font-size: 14px;
	   padding: 2px 0px 2px 0px;
	  margin-right: 40px;
	  padding: 5px 20px 5px 0px;
	}
}
@media screen and (max-width: 340px) {
  .bottom-container .centered {
    width: 175px; }
  .bottom-container .photo-container .hover-text {
    font-size: 80%; }
	.headline h3 {
	  font-size: 12px;
	  margin-right: 35px;	}
}
@media screen and (max-width: 320px) {
  .menu-utility-navigation-container {
    bottom: 220px;
    position: absolute; }

  .above-navigation {
    margin-bottom: 20px; }

  .footer-container {
    margin-top: 175px; }
}

/* TOUCH SCREEN ADJUSTMENT - NO HOVER STATES */
/*
.icon-cta:hover {background-color: black;}
.bottom-container .photo-container .hover-text {opacity: 1;}
.bottom-container .photo-container .background-color{background-color: rgba(151, 153, 158, 0.65);position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;}
*/

/*--------------------------------------------------------------
>>> ADDED BY STEVE BELOW FOR PEAK PERFORMERS TABLE
----------------------------------------------------------------*/

#limheight {
    display: table !important;
}
#limheight li {
    display: inline-block !important;
    vertical-align: top !important;
    padding-bottom: 20px !important;
    width:30% !important;
}
    width:30% !important;
}
/* 
TABLES */
