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

Stylesheet: Main Stylesheet

Here's where the magic happens. Here, you'll see we are calling in
the separate media queries. The base mobile goes outside any query
and is called at the beginning, after that we call the rest
of the styles inside media queries.
******************************************************************/
/*! normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE6/7/8/9 & FF3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

blockquote {
  margin: 1em 40px; }

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

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

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

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

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

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

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

small {
  font-size: 75%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

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

dd {
  margin: 0 0 0 40px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

dd {
  margin: 0; }

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

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

Stylesheet: Mixins & Constants Stylesheet

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

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

******************************************************************/
/*********************
CLEARFIXIN'
*********************/
.clearfix {
  zoom: 1; }
  .clearfix:before, .clearfix:after {
    content: "";
    display: table; }
  .clearfix:after {
    clear: both; }

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

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

/*********************
COLORS
Need help w/ choosing your colors? Try this site out:
http://0to255.com/
*********************/
/*
Here's a great tutorial on how to
use color variables properly:
http://sachagreif.com/sass-color-variables/
*/
/*********************
TYPOGRAPHY
*********************/
/* 	To embed your own fonts, use this syntax
	and place your fonts inside the
	library/fonts folder. For more information
	on embedding fonts, go to:
	http://www.fontsquirrel.com/
	Be sure to remove the comment brackets.
*/
/*	@font-face {
    	font-family: 'Font Name';
    	src: url('library/fonts/font-name.eot');
    	src: url('library/fonts/font-name.eot?#iefix') format('embedded-opentype'),
             url('library/fonts/font-name.woff') format('woff'),
             url('library/fonts/font-name.ttf') format('truetype'),
             url('library/fonts/font-name.svg#font-name') format('svg');
    	font-weight: normal;
    	font-style: normal;
	}
*/
/*
use the best ampersand
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
span.amp {
  font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important;
  font-style: italic; }

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

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

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

.pull-right {
  float: right; }

.pull-left {
  float: left; }

.toppad10 {
  padding-top: 10px; }

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

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

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

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

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

/*********************
TRANSITION
*********************/
/*
I totally rewrote this to be cleaner and easier to use.
You'll need to be using Sass 3.2+ for these to work.
Thanks to @anthonyshort for the inspiration on these.
USAGE: @include transition(all 0.2s ease-in-out);
*/
/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdue it.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*********************
BOX SIZING
*********************/
/* @include box-sizing(border-box); */
/* NOTE: value of "padding-box" is only supported in Gecko. So
probably best not to use it. I mean, were you going to anyway? */
/*********************
BUTTONS
*********************/
.button, .button:visited {
  font-family: Helvetica, Arial, sans-serif;
  border: 1px solid #977126;
  border-top-color: #af842c;
  border-left-color: #af842c;
  padding: 4px 12px;
  color: white;
  display: inline-block;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  text-shadow: 0 1px rgba(0, 0, 0, 0.75);
  cursor: pointer;
  margin-bottom: 20px;
  line-height: 21px;
  border-radius: 4px;
  background-color: #b88a2e;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#cc9933), to(#b88a2e));
  background-image: -webkit-linear-gradient(top, #cc9933, #b88a2e);
  background-image: -moz-linear-gradient(top, #cc9933, #b88a2e);
  background-image: -o-linear-gradient(top, #cc9933, #b88a2e);
  background-image: linear-gradient(to bottom, #cc9933, #b88a2e); }
  .button:hover, .button:focus, .button:visited:hover, .button:visited:focus {
    color: white;
    border: 1px solid #977126;
    border-top-color: #7a5c1f;
    border-left-color: #7a5c1f;
    background-color: #a37a29;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#b88a2e), to(#a37a29));
    background-image: -webkit-linear-gradient(top, #b88a2e, #a37a29);
    background-image: -moz-linear-gradient(top, #b88a2e, #a37a29);
    background-image: -o-linear-gradient(top, #b88a2e, #a37a29);
    background-image: linear-gradient(to bottom, #b88a2e, #a37a29); }
  .button:active, .button:visited:active {
    background-color: #cc9933;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#b88a2e), to(#cc9933));
    background-image: -webkit-linear-gradient(top, #b88a2e, #cc9933);
    background-image: -moz-linear-gradient(top, #b88a2e, #cc9933);
    background-image: -o-linear-gradient(top, #b88a2e, #cc9933);
    background-image: linear-gradient(to bottom, #b88a2e, #cc9933); }

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

/*********************
CUSTOM BUTTONs 
*********************/
a.fleet-button,
a.learn-more {
  display: block;
  width: 220px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
  padding: 6px 8px;
  line-height: 26px;
  background-color: #d80720;
  text-decoration: none;
  color: #FFFFFF;
  text-transform: uppercase;
  white-space: nowrap;
  font-size: 16px; }
  a.fleet-button:hover,
  a.learn-more:hover {
    background-color: #f71530;
    color: white !important; }
  a.fleet-button:active, a.fleet-button:visited,
  a.learn-more:active,
  a.learn-more:visited {
    color: #FFFFFF; }
  a.fleet-button span,
  a.learn-more span {
    float: left;
    display: block;
    font-size: 16px;
    padding-right: 9px; }
  a.fleet-button i,
  a.learn-more i {
    float: right;
    line-height: 26px;
    font-size: 22px;
    padding-left: 9px;
    border-left: 1px solid #FFFFFF; }

a.learn-more {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  text-transform: capitalize;
  width: auto;
  display: inline; }
  a.learn-more i {
    border-left: 0;
    line-height: 16px;
    font-size: 16px;
    padding-left: 6px;
    float: none; }

.login-button {
  width: 220px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px;
  border: 3px solid #A8A8A8;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #000000;
  background-color: #FFFFFF;
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  margin-bottom: 15px; }
  .login-button i {
    color: #d80720;
    float: left;
    line-height: 23px;
    margin-right: 5px;
    font-size: 23px; }
  .login-button span {
    display: block;
    line-height: 11px;
    font-size: 11px;
    font-weight: bold;
    color: #cc9933; }
    .login-button span em {
      font-size: 16px;
      line-height: 20px;
      font-style: normal; }
  .login-button:hover {
    background-color: #ECECEC; }
  .login-button:visited, .login-button:active {
    color: #000000; }

/*
 * UBERMENU 2.0 - DO NOT EDIT!!!
 * 
 * Under penalty of death, never, ever, not ever, neverneverevernever edit this file. Swear it! 
 * Seriously, just don't.  If you edit this file, or change it in any way, consider your (non-existent) 
 * warranty null and void.  You have been warned.
 * 
 * Need to customize your styles?  Check out the Customization section of the Support Guide.
 */
/* Reset */
#megaMenu.megaMinimizeResiduals div,
#megaMenu.megaMinimizeResiduals span,
#megaMenu ul.megaMenu,
#megaMenu ul.sub-menu,
#megaMenu ul.um-sidebar,
#megaMenu li.menu-item,
#megaMenu li.menu-item > a,
#megaMenu img.um-img {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-shadow: none;
  visibility: visible;
  opacity: 1;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

/**** ALL ****/
#megaMenu {
  position: relative;
  line-height: 1em;
  overflow: visible;
  zoom: 1;
  display: block;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

#megaMenu.megaFullWidth {
  width: 100%; }

#megaMenu ul.megaMenu,
#megaMenu ul.sub-menu {
  /* All UL */
  list-style: none outside none;
  margin: 0px;
  padding: 0px;
  position: relative;
  overflow: visible;
  zoom: 1; }

#megaMenu ul.megaMenu li.menu-item,
#megaMenu ul.megaMenu li.widget {
  margin-bottom: 0px;
  list-style-type: none;
  list-style-image: none;
  border: none;
  text-align: left;
  float: none; }

#megaMenu ul.megaMenu li.menu-item > a,
#megaMenu ul.megaMenu li.menu-item > span.um-anchoremulator {
  line-height: 1.4em;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out; }

#megaMenu ul.megaMenu li.menu-item > a span,
#megaMenu ul.megaMenu li.menu-item > span.um-anchoremulator span {
  color: inherit;
  font-size: inherit; }

/**** TOP LEVEL ****/
#megaMenu ul.megaMenu {
  float: left;
  z-index: 100; }

#megaMenu.megaMenuHorizontal ul.megaMenu {
  width: 100%; }

#megaMenu ul.megaMenu > li.menu-item {
  float: left;
  position: relative;
  display: inline-block;
  /*line-height:1em;*/
  padding: 0px 0px;
  margin: 0px;
  z-index: 200;
  zoom: 1; }

#megaMenu ul.megaMenu > li.menu-item > a,
#megaMenu ul.megaMenu > li.menu-item > span.um-anchoremulator {
  display: block;
  padding: 12px 15px;
  position: relative;
  float: none;
  z-index: 400;
  zoom: 1;
  border-width: 0px 0px 0px 1px;
  /* No Bouncing */
  border-style: solid;
  border-color: transparent; }

#megaMenu.megaMenuHorizontal ul.megaMenu > li.menu-item:first-child > a {
  border-left: none; }

#megaMenu.megaMenuVertical ul.megaMenu > li.menu-item:first-child > a {
  border-top: none; }

#megaMenu ul.megaMenu > li.menu-item:hover,
#megaMenu ul.megaMenu > li.menu-item.megaHover,
#megaMenu ul.megaMenu > li.menu-item:hover > a,
#megaMenu ul.megaMenu > li.menu-item.megaHover > a,
#megaMenu ul.megaMenu > li.menu-item:hover > span.um-anchoremulator,
#megaMenu ul.megaMenu > li.menu-item.megaHover > span.um-anchoremulator {
  z-index: 600; }

/**** DROP LEVEL ****/
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega {
  position: static; }

#megaMenu.megaMenu-nojs ul ul.sub-menu {
  display: none; }

#megaMenu ul ul.sub-menu {
  position: absolute;
  left: auto;
  z-index: 500;
  float: left;
  zoom: 1;
  overflow: visible;
  visibility: visible;
  margin: 0; }

/*#megaMenu ul ul.sub-menu-1,*/
#megaMenu ul li.menu-item.ss-nav-menu-reg ul.sub-menu {
  min-width: 99%; }

#megaMenu.megaMenuHorizontal ul.megaMenu > li.menu-item > ul.sub-menu.sub-menu-1 {
  /*border-top:none;*/
  /* removes border overlap effect */
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  /* IE7 is dumb */
  *left: 0;
  *top: 100%; }

#megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu li.menu-item {
  min-width: 100px; }

#megaMenu ul li.menu-item.ss-nav-menu-reg ul.sub-menu li.menu-item {
  min-width: 50px;
  position: relative; }

#megaMenu ul li.menu-item.ss-nav-menu-reg ul.sub-menu li.menu-item > a,
#megaMenu ul li.menu-item.ss-nav-menu-reg ul.sub-menu li.menu-item > span.um-anchoremulator {
  white-space: nowrap; }

#megaMenu ul ul.sub-menu li.menu-item > a,
#megaMenu ul ul.sub-menu li.menu-item > span.um-anchoremulator {
  padding: 3px 0px;
  margin: 3px 0px;
  line-height: 1.4em;
  width: auto;
  display: block; }

#megaMenu ul li.menu-item.ss-nav-menu-mega ul ul.sub-menu li.menu-item > a,
#megaMenu ul li.menu-item.ss-nav-menu-mega ul ul.sub-menu li.menu-item > span.um-anchoremulator,
#megaMenu ul ul.sub-menu li.menu-item > a,
#megaMenu ul ul.sub-menu li.menu-item > span.um-anchoremulator {
  background: transparent; }

#megaMenu.megaMenu-nojs ul li.menu-item:hover > ul.sub-menu-1 {
  display: block;
  visibility: visible; }

#megaMenu.megaMenu-withjs ul li.menu-item:hover > ul.sub-menu-1 {
  display: none; }

#megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu ul.sub-menu {
  display: block;
  position: relative;
  top: auto;
  left: auto; }

#megaMenu li.menu-item ul.sub-menu {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none; }

#megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu.sub-menu-1 {
  border: 1px solid transparent;
  padding: 0px;
  width: auto;
  white-space: nowrap;
  left: auto;
  max-width: 100%; }

#megaMenu.wpmega-nojs li.menu-item.ss-nav-menu-mega ul.sub-menu.sub-menu-1,
#megaMenu.megaFullWidthSubs li.menu-item.ss-nav-menu-mega ul.sub-menu.sub-menu-1,
#megaMenu li.menu-item.ss-nav-menu-mega.ss-nav-menu-mega-fullWidth ul.sub-menu.sub-menu-1 {
  /* Menu Item option */
  width: 100%;
  left: -1px;
  /*left:0px;
	box-sizing:border-box;*/ }

#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega-floatRight {
  float: right; }

/* Align Submenu Left */
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega.ss-nav-menu-mega-alignLeft ul.sub-menu.sub-menu-1 {
  left: 0px; }

/* Align Submenu Right */
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega.ss-nav-menu-mega-alignRight ul.sub-menu.sub-menu-1 {
  right: 0px;
  left: auto; }

#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu-1 > li.menu-item {
  display: inline-block;
  float: left;
  margin-top: 5px;
  margin-bottom: 5px;
  position: relative; }

#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu-1 > li.menu-item > a,
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu-1 > li.menu-item > span.um-anchoremulator,
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul ul.sub-menu .ss-nav-menu-header > a,
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul ul.sub-menu .ss-nav-menu-header > span.um-anchoremulator,
#megaMenu .wpmega-widgetarea h2.widgettitle {
  margin-bottom: .6em; }

#megaMenu ul li.menu-item.ss-nav-menu-mega ul ul.sub-menu li.menu-item,
#megaMenu ul li.menu-item.ss-nav-menu-mega ul ul.sub-menu li.widget {
  display: block; }

#megaMenu ul li.menu-item {
  font-size: 12px;
  list-style-image: none;
  letter-spacing: 0px; }

/* Submenu Structure */
#megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu li.menu-item,
#megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu li.widget {
  font-size: 11px;
  min-width: 100px; }

#megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu li.menu-item a,
#megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu li.menu-item span.um-anchoremulator {
  width: auto;
  display: block;
  background: transparent; }

#megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu > li.menu-item:hover > a {
  background: transparent; }

#megaMenu ul li.menu-item.ss-nav-menu-mega ul li.menu-item.ss-nav-menu-item-depth-1 {
  padding: 11px 27px;
  /* Do it in pixels, because IE can't handle rounding ems properly */ }

#megaMenu ul li.menu-item.ss-nav-menu-mega ul ul.sub-menu {
  width: auto;
  float: none; }

#megaMenu ul li.menu-item.ss-nav-menu-mega ul ul.sub-menu li.menu-item {
  display: block;
  float: none; }

#megaMenu ul li.menu-item.ss-nav-menu-mega .ss-nav-menu-verticaldivision {
  clear: both; }

#megaMenu ul li.menu-item.ss-nav-menu-mega .sub-menu-newcol {
  float: left; }

#megaMenu li.menu-item.ss-nav-menu-mega .ss-nav-menu-header a,
#megaMenu li.menu-item.ss-nav-menu-mega .ss-nav-menu-header span.um-anchoremulator {
  font-weight: normal; }

#megaMenu li.menu-item.ss-nav-menu-mega .ss-nav-menu-header > a,
#megaMenu li.menu-item.ss-nav-menu-mega .ss-nav-menu-header > span.um-anchoremulator {
  font-weight: bold;
  margin-bottom: 4px; }

#megaMenu li.menu-item.ss-nav-menu-mega .megaMenu-thumb {
  width: 15px;
  height: 15px;
  margin-right: 5px;
  vertical-align: middle; }

#megaMenu ul li.menu-item.ss-nav-menu-reg a,
#megaMenu ul li.menu-item.ss-nav-menu-reg span.um-anchoremulator {
  display: block; }

#megaMenu ul li.menu-item.ss-nav-menu-reg ul.sub-menu-1 {
  border: 1px solid transparent;
  padding-top: 6px;
  padding-bottom: 6px; }

#megaMenu ul li.menu-item.ss-nav-menu-reg ul.sub-menu li.menu-item > a,
#megaMenu ul li.menu-item.ss-nav-menu-reg ul.sub-menu li.menu-item > span.um-anchoremulator {
  margin: 0px;
  padding: 6px 20px 6px 15px;
  position: relative; }

#megaMenu ul li.menu-item.ss-nav-menu-reg ul.sub-menu ul.sub-menu {
  top: -1px;
  border-style: solid;
  border-width: 1px; }

#megaMenu.megaMenu-nojs ul li.menu-item.ss-nav-menu-reg ul.sub-menu > li.menu-item:hover > ul.sub-menu {
  display: block;
  left: 100%; }

#megaMenu.megaMenu-withjs ul li.menu-item.ss-nav-menu-reg ul.sub-menu > li.menu-item > ul.sub-menu {
  display: none;
  left: 100%;
  top: -1px; }

#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg.ss-nav-menu-flyout-left ul.sub-menu > li.menu-item > ul.sub-menu {
  left: auto;
  right: 100%; }

#megaMenu ul.megaMenu li.menu-item.uber-flyout-left > ul.sub-menu,
#megaMenu ul.megaMenu > li.menu-item.uber-flyout-left-all ul ul.sub-menu,
#megaMenu ul.megaMenu ul.sub-menu li.menu-item.uber-flyout-left-all ul.sub-menu {
  left: auto !important;
  right: 100% !important;
  border-left: 1px solid #ddd !important;
  border-right: none !important;
  box-shadow: none !important; }

/* Highlights */
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-highlight > a,
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-highlight > span.um-anchoremulator {
  color: #4D90FE; }

/* Titles and Descriptions */
#megaMenu .wpmega-link-title {
  display: block;
  line-height: 1.4em;
  color: inherit; }

#megaMenu .wpmega-item-description {
  display: block;
  /* inline */
  clear: none;
  float: none;
  line-height: 10px;
  font-size: 11px;
  padding-bottom: 3px;
  font-weight: normal;
  color: inherit;
  white-space: normal; }

/* Non-links */
#megaMenu ul.megaMenu > li.menu-item > .wpmega-nonlink {
  padding: 3px 12px; }

#megaMenu .wpmega-nonlink {
  width: auto;
  white-space: normal; }

#megaMenu .wpmega-nonlink ul {
  display: block;
  position: relative;
  left: auto;
  top: auto;
  width: auto;
  float: none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  zoom: 1;
  width: 100%; }

#megaMenu .wpmega-nonlink ul li.widget {
  margin-bottom: 1em;
  float: left;
  clear: none; }

#megaMenu .wpmega-nonlink .widgettitle {
  margin-bottom: .6em; }

#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu li.menu-item.ss-nav-menu-item-depth-1.fullWidthRow,
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu li.menu-item.ss-nav-menu-item-depth-1.ss-sidebar {
  margin-right: 0px;
  width: 100%;
  /* widget area must be full width */
  padding-left: 0;
  padding-right: 0; }

#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu li.menu-item.ss-nav-menu-item-depth-1.ss-sidebar > a,
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu li.menu-item.ss-nav-menu-item-depth-1.ss-sidebar > span.um-anchoremulator {
  margin: 0 2.9% 1em 2.9%; }

#megaMenu .wpmega-widgetarea h2.widgettitle {
  font-size: 12px;
  line-height: 1.6em; }

/* Full Width Menu, Widget & Shortcode Columns */
#megaMenu ul ul .wpmega-nonlink.wpmega-widgetarea ul {
  float: left; }

#megaMenu .ss-colgroup .ss-col,
#megaMenu .wpmega-nonlink li.widget,
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega.mega-colgroup > ul > li {
  float: left;
  padding-left: 2.9%;
  padding-right: 2.9%;
  /* width = FLOOR( ( 100 - (n * (5.8) ) ) / n ), .1 )*/ }

#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega.mega-colgroup ul.sub-menu li.menu-item {
  min-width: 0;
  white-space: normal; }

/* 1 */
#megaMenu .wpmega-nonlink.ss-colgroup-1 li,
#megaMenu ul.megaMenu li.ss-nav-menu-mega.mega-colgroup-1 > ul > li {
  width: 94.2%; }

/* 1/2 */
#megaMenu .ss-colgroup-2 > .ss-col,
#megaMenu .wpmega-nonlink.ss-colgroup-2 li,
#megaMenu ul.megaMenu li.ss-nav-menu-mega.mega-colgroup-2 > ul > li {
  width: 44.2%; }

/* 1/3 */
#megaMenu .ss-colgroup-3 > .ss-col,
#megaMenu .wpmega-nonlink.ss-colgroup-3 li,
#megaMenu ul.megaMenu li.ss-nav-menu-mega.mega-colgroup-3 > ul > li {
  width: 27.5%; }

/* 2/3 */
#megaMenu .ss-colgroup-3 > .ss-col.ss-colspan-2,
#megaMenu .wpmega-nonlink.ss-colgroup-3 li.ss-colspan-2 {
  width: 60.8%;
  /* (27.5 + 2.9)*2 */ }

/* 1/4 */
#megaMenu .ss-colgroup-4 > .ss-col,
#megaMenu .wpmega-nonlink.ss-colgroup-4 li,
#megaMenu ul.megaMenu li.ss-nav-menu-mega.mega-colgroup-4 > ul > li {
  width: 19.2%; }

/* 2/4 */
#megaMenu .ss-colgroup-4 > .ss-col.ss-colspan-2,
#megaMenu .wpmega-nonlink.ss-colgroup-4 li.ss-colspan-2 {
  width: 44.2%; }

/* 3/4 */
#megaMenu .ss-colgroup-4 > .ss-col.ss-colspan-3,
#megaMenu .wpmega-nonlink.ss-colgroup-4 li.ss-colspan-3 {
  width: 69.2%; }

/* 1/5 */
#megaMenu .ss-colgroup-5 > .ss-col,
#megaMenu .wpmega-nonlink.ss-colgroup-5 li,
#megaMenu ul.megaMenu li.ss-nav-menu-mega.mega-colgroup-5 > ul > li {
  width: 14.2%; }

/* 2/5 */
#megaMenu .ss-colgroup-5 > .ss-col.ss-colspan-2,
#megaMenu .wpmega-nonlink.ss-colgroup-5 li.ss-colspan-2 {
  width: 34.2%; }

/* 3/5 */
#megaMenu .ss-colgroup-5 > .ss-col.ss-colspan-3,
#megaMenu .wpmega-nonlink.ss-colgroup-5 li.ss-colspan-3 {
  width: 54.2%; }

/* 4/5 */
#megaMenu .ss-colgroup-5 > .ss-col.ss-colspan-4,
#megaMenu .wpmega-nonlink.ss-colgroup-5 li.ss-colspan-4 {
  width: 74.2%; }

#megaMenu .wpmega-nonlink li.widget li {
  width: auto; }

/* 1/6 */
#megaMenu .ss-colgroup-6 > .ss-col,
#megaMenu .wpmega-nonlink.ss-colgroup-6 li,
#megaMenu ul.megaMenu li.ss-nav-menu-mega.mega-colgroup-6 > ul > li {
  width: 10.8%;
  max-width: 10.8%;
  overflow: hidden; }

/* 1/7 */
#megaMenu .ss-colgroup-7 > .ss-col,
#megaMenu .wpmega-nonlink.ss-colgroup-7 li,
#megaMenu ul.megaMenu li.ss-nav-menu-mega.mega-colgroup-7 > ul > li {
  width: 8.4%; }

/* 1/8 */
#megaMenu .ss-colgroup-8 > .ss-col,
#megaMenu .wpmega-nonlink.ss-colgroup-8 li,
#megaMenu ul.megaMenu li.ss-nav-menu-mega.mega-colgroup-8 > ul > li {
  width: 6.7%; }

/* Start new rows automatically in browsers that support nth-child */
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega.mega-colgroup-2 > ul > li.menu-item:nth-child(2n+1),
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega.mega-colgroup-3 > ul > li.menu-item:nth-child(3n+1),
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega.mega-colgroup-4 > ul > li.menu-item:nth-child(4n+1),
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega.mega-colgroup-5 > ul > li.menu-item:nth-child(5n+1),
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega.mega-colgroup-6 > ul > li.menu-item:nth-child(6n+1) {
  clear: both; }

#megaMenu ul ul.sub-menu li.menu-item .wpmega-nonlink a {
  padding: 0px; }

/* ========================================== */
/*	ARROW INDICATORS STYLES					  */
/* ========================================== */
/* Display links as block */
#megaMenu ul.megaMenu li.menu-item.mega-with-sub > a,
#megaMenu ul.megaMenu li.menu-item.mega-with-sub > span.um-anchoremulator,
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > a,
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > span.um-anchoremulator {
  display: block; }

/* Pad the right edge to make room for the arrow */
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg ul.sub-menu li.menu-item.megaReg-with-sub > a,
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg ul.sub-menu li.menu-item.megaReg-with-sub > span.um-anchoremulator,
#megaMenu ul.megaMenu li.menu-item.mega-with-sub > a,
#megaMenu ul.megaMenu li.menu-item.mega-with-sub > span.um-anchoremulator,
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > a,
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > span.um-anchoremulator {
  padding-right: 20px; }

/* Add the arrows as pseudo elements */
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > a:after,
#megaMenu ul.megaMenu li.menu-item.mega-with-sub > a:after,
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > a:after,
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > span.um-anchoremulator:after,
#megaMenu ul.megaMenu li.menu-item.mega-with-sub > span.um-anchoremulator:after,
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > span.um-anchoremulator:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -1px;
  display: inline-block;
  background: transparent;
  border-style: solid dashed dashed;
  border-color: transparent;
  border-top-color: #999;
  font-size: 0;
  border-width: 3px 3px 0;
  padding-top: 1px; }

/* For second+ level flyout menus, point the arrow right instead of down */
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > a:after,
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > span.um-anchoremulator:after {
  width: 0;
  height: 0;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-left: 3px solid #999;
  padding-top: 0;
  padding-right: 2px;
  margin-top: -2px;
  right: 3px; }

/* ========================================== */
/*	DIVIDER STYLES 							  */
/* ========================================== */
#megaMenu .wpmega-divider-container {
  width: 100%;
  margin: 0px; }

#megaMenu .wpmega-divider {
  border: none;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #fff;
  /*margin:0px 10px 10px 10px;*/
  margin: 0px 0px 10px 0px;
  clear: both;
  height: 0px;
  display: block; }

#megaMenu .fullWidthRow .wpmega-divider {
  margin: 0 2.9% 10px 2.9%; }

/* ========================================== */
/*	LINK + IMAGE STYLES						  */
/* ========================================== */
#megaMenu .ss-nav-menu-with-img {
  min-height: 20px;
  /* Height of Pic + Space */ }

#megaMenu > ul > li.menu-item.ss-nav-menu-with-img {
  min-height: 0px; }

#megaMenu .ss-nav-menu-with-img img {
  float: left;
  display: block; }

#megaMenu .ss-nav-menu-with-img.ss-nav-menu-notext > a > img,
#megaMenu .ss-nav-menu-with-img.ss-nav-menu-notext > span.um-anchoremulator > img {
  float: none; }

#megaMenu .ss-nav-menu-with-img.ss-nav-menu-notext > a > .wpmega-item-description,
#megaMenu .ss-nav-menu-with-img.ss-nav-menu-notext > span.um-anchoremulator > .wpmega-item-description {
  padding-left: 0px;
  padding-bottom: 0px; }

#megaMenu .ss-nav-menu-with-img > a > .wpmega-link-title,
#megaMenu .ss-nav-menu-with-img > a > .wpmega-link-description,
#megaMenu .ss-nav-menu-with-img > a > .wpmega-item-description,
#megaMenu .ss-nav-menu-with-img > span.um-anchoremulator > .wpmega-link-title,
#megaMenu .ss-nav-menu-with-img > span.um-anchoremulator > .wpmega-link-description,
#megaMenu .ss-nav-menu-with-img > span.um-anchoremulator > .wpmega-item-description {
  padding-left: 30px;
  /* Width of Pic + Space */
  display: block; }

#megaMenu ul li.menu-item ul .ss-nav-menu-with-img > a:before,
#megaMenu ul li.menu-item ul .ss-nav-menu-with-img > a:after {
  content: "";
  display: table; }

#megaMenu ul li.menu-item ul .ss-nav-menu-with-img > a:after {
  clear: both; }

#megaMenu ul li.menu-item ul .ss-nav-menu-with-img:not(.megaReg-with-sub) > a:after {
  border: none !important; }

/* ========================================== */
/*	VERTICAL MENU STYLES 					  */
/* ========================================== */
#megaMenu.megaMenuVertical ul.megaMenu > li.menu-item {
  padding: 0px;
  display: block; }

#megaMenu ul.megaMenu > li.menu-item > a,
#megaMenu ul.megaMenu > li.menu-item > span.um-anchoremulator {
  border-left: none; }

#megaMenu.megaMenuVertical ul.megaMenu li.menu-item.ss-nav-menu-item-depth-0 {
  display: block;
  float: none;
  clear: none; }

#megaMenu.megaMenuVertical ul.megaMenu > li.menu-item.ss-nav-menu-mega > a,
#megaMenu.megaMenuVertical ul.megaMenu li.menu-item.mega-with-sub > a,
#megaMenu.megaMenuVertical ul.megaMenu li.menu-item.ss-nav-menu-mega > a,
#megaMenu.megaMenuVertical ul.megaMenu > li.menu-item.ss-nav-menu-mega > span.um-anchoremulator,
#megaMenu.megaMenuVertical ul.megaMenu li.menu-item.mega-with-sub > span.um-anchoremulator,
#megaMenu.megaMenuVertical ul.megaMenu li.menu-item.ss-nav-menu-mega > span.um-anchoremulator {
  display: block; }

/*#megaMenu.megaMenuVertical ul li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > a:after,*/
#megaMenu.megaMenuVertical ul.megaMenu li.menu-item.mega-with-sub > a:after,
#megaMenu.megaMenuVertical ul.megaMenu li.menu-item.ss-nav-menu-mega > a:after,
#megaMenu.megaMenuVertical ul.megaMenu li.menu-item.mega-with-sub > span.um-anchoremulator:after,
#megaMenu.megaMenuVertical ul.megaMenu li.menu-item.ss-nav-menu-mega > span.um-anchoremulator:after {
  top: 50%;
  right: 8px;
  margin-top: -1px;
  border-style: solid none solid solid;
  border-color: transparent;
  border-left-color: #999;
  border-width: 2px 0px 2px 3px;
  padding-right: 1px; }

#megaMenu.megaMenuVertical ul.megaMenu li.menu-item.ss-nav-menu-item-depth-0 ul.sub-menu-1 {
  top: 0px;
  left: 100%;
  width: auto;
  max-width: 720px;
  /*margin-left:-1px;*/ }

#megaMenu.megaMenuVertical ul.megaMenu li.menu-item.ss-nav-menu-reg ul.sub-menu {
  padding: 4px 0px; }

/* ========================================== */
/*	CENTERING STYLES 						  */
/* ========================================== */
/* Centering Menu Bar */
#megaMenu.megaCenterMenubar,
#megaMenu.megaCenterInner ul.megaMenu {
  margin: 0 auto;
  float: none; }

#megaMenu.megaCenterMenubar ul.megaMenu {
  float: none; }

/* Center menu items */
#megaMenu.megaCenterMenuItems ul.megaMenu {
  text-align: center; }

#megaMenu.megaCenterMenuItems ul.megaMenu > li.menu-item {
  float: none; }

#megaMenu.megaCenterMenuItems.megaMenuHorizontal ul.megaMenu > li.menu-item:first-child > a,
#megaMenu.megaCenterMenuItems.megaMenuHorizontal ul.megaMenu > li.menu-item:first-child > span.um-anchoremulator {
  box-shadow: none; }

#megaMenu.megaCenterMenuItems .ss-nav-menu-with-img.ss-nav-menu-notext > a > img,
#megaMenu.megaCenterMenuItems .ss-nav-menu-with-img.ss-nav-menu-notext > span.um-anchoremulator > img {
  display: inline;
  margin-bottom: -3px; }

/* ========================================== */
/*	SEARCHBAR STYLES 						  */
/* ========================================== */
/* Top Level Search Bar */
#megaMenu > ul.megaMenu > li.menu-item > .wpmega-widgetarea {
  padding-left: 10px;
  padding-right: 10px; }

#megaMenu > ul.megaMenu > li.menu-item > .wpmega-widgetarea > ul > li {
  margin: 0px; }

#megaMenu > ul.megaMenu > li.menu-item > .wpmega-widgetarea > ul > li > .widgettitle {
  float: left; }

/* V2 */
#megaMenu > ul.megaMenu > li.menu-item > .wpmega-nonlink > form#searchform.ubersearch-v2 {
  margin: 2px 0 0 0;
  padding: 2px 0 0 0;
  position: relative; }

#megaMenu > ul.megaMenu > li.menu-item > .wpmega-nonlink > form#searchform.ubersearch-v2 .ubersearch {
  position: relative; }

#megaMenu > ul.megaMenu > li.menu-item > .wpmega-nonlink > form#searchform.ubersearch-v2 input[type="text"] {
  width: 155px;
  height: 26px;
  border-width: 1px;
  border-style: solid;
  float: left;
  padding: 6px 6px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  line-height: 18px;
  margin-bottom: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  background: rgba(255, 255, 255, 0.2);
  border: none;
  color: white; }

#megaMenu > ul.megaMenu > li.menu-item > .wpmega-nonlink > form#searchform.ubersearch-v2 label {
  display: none; }

#megaMenu ul.megaMenu > li.menu-item > .wpmega-nonlink > form#searchform.ubersearch-v2 input[type="text"]::-webkit-input-placeholder {
  color: #ddd; }

#megaMenu ul.megaMenu > li.menu-item > .wpmega-nonlink > form#searchform.ubersearch-v2 input[type="text"]::-moz-input-placeholder {
  color: #ddd; }

#megaMenu ul.megaMenu > li.menu-item > .wpmega-nonlink > form#searchform.ubersearch-v2 input[type="text"]:-ms-input-placeholder {
  color: #ddd; }

#megaMenu > ul.megaMenu > li.menu-item > .wpmega-nonlink > form#searchform.ubersearch-v2 input[type="submit"] {
  display: block;
  position: absolute;
  top: 0px;
  right: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  height: 26px;
  border: none;
  box-shadow: none;
  margin: 0;
  line-height: 12px;
  font-size: 9px;
  padding: 2px 8px;
  cursor: pointer;
  background: #333;
  background: rgba(0, 0, 0, 0.5);
  color: #eee;
  font-weight: bold; }

#megaMenu > ul.megaMenu > li.menu-item > .wpmega-nonlink > form#searchform.ubersearch-v2 input[type="submit"]:hover {
  background: #555;
  background: rgba(0, 0, 0, 0.3); }

#megaMenu > ul.megaMenu > li.menu-item > .wpmega-nonlink > form#searchform.ubersearch-v2 input[type="submit"]:active {
  background: #111;
  background: rgba(0, 0, 0, 0.8); }

#megaMenu > ul.megaMenu > li.menu-item > .wpmega-nonlink > form#searchform.ubersearch-v2 input[type="text"] {
  padding-right: 32px; }

/* V1 */
#megaMenu > ul.megaMenu > li.menu-item > .wpmega-widgetarea > ul > li > form#searchform.ubersearch-v1 div {
  padding-top: 7px; }

#megaMenu > ul.megaMenu > li.menu-item > .wpmega-widgetarea > ul > li > form#searchform.ubersearch-v1 input[type="text"] {
  width: 115px;
  font-size: 12px;
  border-width: 1px;
  border-style: solid;
  height: 16px;
  float: left;
  padding: 1px 3px;
  border-radius: 2px 0px 0px 2px;
  -moz-border-radius: 2px 0px 0px 2px;
  -webkit-border-radius: 2px 0px 0px 2px;
  line-height: 16px; }

#megaMenu > ul.megaMenu > li.menu-item > .wpmega-widgetarea > ul > li > form#searchform.ubersearch-v1 input[type="submit"] {
  width: 20px;
  height: 20px;
  background: black url(images/search.png) center no-repeat;
  border: 1px solid #000;
  display: inline-block;
  float: left;
  cursor: pointer;
  border-radius: 0px 2px 2px 0px;
  -moz-border-radius: 0px 2px 2px 0px;
  -webkit-border-radius: 0px 2px 2px 0px;
  text-indent: -999em; }

#megaMenu > ul.megaMenu > li.menu-item > .wpmega-nonlink > form#searchform.ubersearch-v1 {
  margin: 2px 0 0 0;
  padding: 0;
  position: relative;
  min-width: 160px; }

#megaMenu > ul.megaMenu > li.menu-item > .wpmega-nonlink > form#searchform.ubersearch-v1 label {
  display: none; }

#megaMenu > ul.megaMenu > li.menu-item > .wpmega-nonlink > form#searchform.ubersearch-v1 input {
  float: left; }

#megaMenu > ul.megaMenu > li.menu-item > .wpmega-nonlink > form#searchform.ubersearch-v1 input[type="text"] {
  width: 130px;
  height: 27px;
  margin: 0;
  padding: 5px 6px 4px 6px;
  border-right: none;
  border-width: 1px;
  box-sizing: border-box; }

#megaMenu.megaMenuVertical > ul.megaMenu > li.menu-item > .wpmega-nonlink > form#searchform.ubersearch-v1 input[type="text"] {
  margin-bottom: 5px; }

#megaMenu > ul.megaMenu > li.menu-item > .wpmega-nonlink > form#searchform.ubersearch-v1 input[type="submit"] {
  position: relative;
  margin: 0;
  float: none;
  box-sizing: border-box;
  background: #eee;
  /* Old browsers */
  background: #eeeeee -moz-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  /* FF3.6+ */
  background: #eeeeee -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(0, 0, 0, 0.2)));
  /* Chrome,Safari4+ */
  background: #eeeeee -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  /* Chrome10+,Safari5.1+ */
  background: #eeeeee -o-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  /* Opera11.10+ */
  background: #eeeeee -ms-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  /* IE10+ */
  background: #eeeeee linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  /* W3C */
  border: 1px solid #aaa;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  padding: 2px 8px;
  color: #444;
  display: inline-block;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
  text-shadow: 0 1px rgba(255, 255, 255, 0.75);
  cursor: pointer;
  line-height: 21px;
  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-left: -1px;
  min-height: 27px;
  min-height: 20px\9;
  /* Seriously, IE? */ }

#megaMenu > ul.megaMenu > li.menu-item > .wpmega-nonlink > form#searchform.ubersearch-v1 input[type="submit"]:hover {
  color: #222;
  background: #ddd;
  /* Old browsers */
  background: #dddddd -moz-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
  /* FF3.6+ */
  background: #dddddd -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.3)), color-stop(100%, rgba(0, 0, 0, 0.3)));
  /* Chrome,Safari4+ */
  background: #dddddd -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
  /* Chrome10+,Safari5.1+ */
  background: #dddddd -o-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
  /* Opera11.10+ */
  background: #dddddd -ms-linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
  /* IE10+ */
  background: #dddddd linear-gradient(top, rgba(255, 255, 255, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
  /* W3C */
  border: 1px solid #888;
  border-top: 1px solid #aaa; }

/* ========================================== */
/*	RECENT POSTS STYLES						  */
/* ========================================== */
/* Recent Posts */
#megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu li.menu-item ul.wpmega-postlist {
  margin-left: 0; }

#megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu li.menu-item ul.wpmega-postlist li {
  margin-bottom: .5em;
  clear: both;
  padding-top: .5em; }

#megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu li.menu-item ul.wpmega-postlist img {
  float: left;
  /*padding:4px;
	background:rgba( 255,255,255, .2 );
	border:1px solid #e9e9e9;*/ }

#megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu li.menu-item ul.wpmega-postlist-w-img div.wpmega-postlist-title,
#megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu li.menu-item ul.wpmega-postlist-w-img div.wpmega-postlist-content {
  padding-left: 60px;
  color: inherit; }

#megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu li.menu-item ul.wpmega-postlist div.wpmega-postlist-title a {
  padding: 0px 0px;
  font-size: 13px;
  text-decoration: none; }

/* ========================================== */
/*	CONTACT FORM 7 STYLES					  */
/* ========================================== */
.wpmega-nonlink div.wpcf7 form {
  margin-bottom: 0; }

.wpmega-nonlink div.wpcf7 p {
  margin-bottom: .1em;
  clear: both; }

.wpmega-nonlink div.wpcf7 label {
  width: 50px;
  float: left;
  padding-top: .4em;
  color: inherit; }

.wpmega-nonlink div.wpcf7 span {
  position: relative; }

.wpmega-nonlink div.wpcf7 input[type="text"],
.wpmega-nonlink div.wpcf7 textarea {
  /*width:255px;*/
  width: 95%;
  padding: .4em;
  border: 1px solid #dfdfdf;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  font-family: inherit;
  max-height: 100px;
  font-size: 12px;
  margin-top: .1em;
  margin-bottom: .1em;
  position: relative;
  float: left; }

.wpmega-nonlink div.wpcf7 input[type="text"]:focus,
.wpmega-nonlink div.wpcf7 input[type="text"]:hover,
.wpmega-nonlink div.wpcf7 textarea:focus,
.wpmega-nonlink div.wpcf7 textarea:hover {
  background: #fcfcfc; }

.wpmega-nonlink div.wpcf7 input.wpcf7-submit {
  font-size: 12px;
  clear: both;
  border-width: 1px;
  margin: 5px 0; }

.wpcf7-form-control-wrap span.wpcf7-not-valid-tip {
  position: absolute;
  top: -9px;
  left: 0px;
  padding: 9px 6px;
  width: 95%;
  font-size: 12px; }

.wpcf7-form div.wpcf7-response-output {
  width: 93%; }

/* ========================================== */
/*	CLEARFIX STYLES 						  */
/* ========================================== */
/* Clearfix */
.uberClearfix:before,
.uberClearfix:after,
#megaMenu.megaClear ul.megaMenu:before,
#megaMenu.megaClear ul.megaMenu:after {
  content: "";
  display: table; }

.uberClearfix:after,
#megaMenu.megaClear ul.megaMenu:after {
  clear: both; }

.uberClearfix,
#megaMenu.megaClear ul.megaMenu {
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */ }

/* ========================================== */
/*	RESPONSIVE STYLES 						  */
/* ========================================== */
/* Toggle */
#megaMenu #megaMenuToggle {
  display: none;
  padding: 12px 15px;
  cursor: pointer;
  font-size: 10px;
  text-transform: uppercase;
  text-align: left; }

#megaMenu .megaMenuToggle-icon {
  display: inline-block;
  background: #999;
  background: rgba(230, 230, 230, 0.7);
  height: 2px;
  width: 16px;
  position: relative;
  float: right;
  margin-top: 10px;
  text-align: left; }

.megaMenuToggle-icon:before {
  content: '';
  position: absolute;
  background: #999;
  background: rgba(230, 230, 230, 0.8);
  height: 2px;
  width: 16px;
  top: -4px; }

.megaMenuToggle-icon:after {
  content: '';
  position: absolute;
  background: #999;
  background: rgba(230, 230, 230, 0.9);
  height: 2px;
  width: 16px;
  top: -8px; }

/*  #Tablet (Landscape)
================================================== */
@media only screen and (max-width: 960px) {
  /* Vertical */
  #megaMenu.megaResponsive.megaMenuVertical ul.megaMenu li.menu-item.ss-nav-menu-item-depth-0 ul.sub-menu-1 {
    max-width: 767px;
    left: 0px;
    top: auto !important; }

  #megaMenu.megaResponsive.megaMenuVertical ul.megaMenu li.menu-item.ss-nav-menu-reg.ss-nav-menu-item-depth-0 ul.sub-menu-1 ul.sub-menu {
    left: 0;
    top: 100%; } }
/*  #Mobile through Tablet (Portrait)
================================================== */
@media only screen and (max-width: 767px) {
  #megaMenu.megaResponsive ul.megaMenu > li.menu-item {
    width: 100%; }

  #megaMenu.megaResponsive ul.megaMenu li.menu-item .ss-colgroup > .ss-col,
  #megaMenu.megaResponsive ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu.sub-menu-1 > li.menu-item,
  #megaMenu.megaResponsive ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu.sub-menu-1 > li.menu-item.ss-sidebar > .wpmega-nonlink > ul > li.widget {
    width: 80%;
    padding-left: 10%;
    padding-right: 10%;
    max-width: none; }

  #megaMenu.megaResponsive ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu.sub-menu-1 > li.menu-item.ss-nav-menu-item-depth-1.fullWidthRow,
  #megaMenu.megaResponsive ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu.sub-menu-1 > li.menu-item.ss-nav-menu-item-depth-1.ss-sidebar {
    padding-left: 0;
    padding-right: 0;
    width: 100%; }

  #megaMenu.megaResponsive ul.megaMenu li.menu-item .ss-colgroup > .ss-col {
    margin-bottom: 1em; }

  #megaMenu ul.megaMenu > li.menu-item > .wpmega-nonlink > form#searchform.ubersearch-v2 .ubersearch input[type="text"] {
    width: 100%;
    margin-bottom: 5px; }

  /* Remove box shadow and border on menu items, since we're probably wrapping at this poing */
  #megaMenu.megaResponsive.megaMenuHorizontal ul.megaMenu > li.menu-item > a,
  #megaMenu.megaResponsive.megaMenuHorizontal ul.megaMenu > li.menu-item > span.um-anchoremulator,
  #megaMenu.megaResponsive ul.megaMenu > li.menu-item:hover > a,
  #megaMenu.megaResponsive ul.megaMenu > li.menu-item > a:hover,
  #megaMenu.megaResponsive ul.megaMenu > li.menu-item.megaHover > a {
    box-shadow: none;
    border-left: none; }

  /* No need to float right */
  #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega-floatRight {
    float: left; }

  /* Vertical */
  #megaMenu.megaResponsive.megaMenuVertical ul.megaMenu > li.menu-item {
    width: 100%; }

  #megaMenu.megaResponsive.megaMenuVertical ul.megaMenu li.menu-item.ss-nav-menu-mega.ss-nav-menu-item-depth-0 ul.sub-menu-1 {
    max-width: 420px; }

  /* Flyout Menus */
  #megaMenu.megaResponsive ul.megaMenu li.menu-item.ss-nav-menu-reg {
    position: static; }

  #megaMenu.megaResponsive ul.megaMenu li.menu-item.ss-nav-menu-reg ul.sub-menu,
  #megaMenu.megaResponsive ul.megaMenu li.menu-item.ss-nav-menu-reg ul.sub-menu li.menu-item ul.sub-menu {
    left: -1px;
    width: 100%;
    box-shadow: none !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important; }

  #megaMenu.megaResponsive ul.megaMenu li.menu-item.ss-nav-menu-reg ul.sub-menu li.menu-item ul.sub-menu {
    top: 100%; }

  #megaMenu.megaResponsive ul.megaMenu li.menu-item.ss-nav-menu-reg ul.sub-menu > li.menu-item > a:after,
  #megaMenu.megaResponsive ul.megaMenu li.menu-item.ss-nav-menu-reg ul.sub-menu > li.menu-item > span.um-anchoremulator:after {
    border-color: #ddd transparent transparent transparent;
    border-width: 3px 3px 0px;
    border-style: solid dashed dashed;
    right: 10px;
    padding-top: 0;
    padding-right: 2px;
    margin-top: -3px; }

  /* Mega Menus */
  #megaMenu.megaResponsive ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu.sub-menu-1 {
    left: -1px !important;
    width: 100%;
    box-sizing: content-box;
    /*box-sizing:border-box;*/
    box-shadow: none !important;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

  #megaMenu #megaMenuToggle {
    display: block; }

  #megaMenu.megaResponsiveToggle ul.megaMenu {
    display: none; }

  /* Vertical */
  #megaMenu.megaMenuVertical.megaFullWidth {
    width: 100%; } }
/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  #megaMenu.megaResponsive ul.megaMenu > li.menu-item {
    width: 50%; }

  #megaMenu.megaResponsive ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu.sub-menu-1 > li.menu-item {
    width: 38%;
    padding-left: 6%;
    padding-right: 6%;
    max-width: none; }

  #megaMenu.megaResponsive ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu.sub-menu-1 > li.menu-item.ss-sidebar > .wpmega-nonlink > ul > li.widget {
    width: 88%;
    padding-left: 6%;
    padding-right: 6%;
    max-width: none; } }
@media only screen and (max-width: 479px) {
  /* Vertical */
  #megaMenu.megaResponsive.megaMenuVertical ul.megaMenu li.menu-item.ss-nav-menu-mega.ss-nav-menu-item-depth-0 ul.sub-menu-1 {
    max-width: 300px; } }
@media (min-width: 768px) {
  #megaMenu.megaResponsiveToggle ul.megaMenu {
    display: block !important; }

  #megaMenu ul.megaMenu a span.uber-close,
  #megaMenu ul.megaMenu span.um-anchoremulator span.uber-close {
    right: -12px !important;
    z-index: 700; } }
/* Close Button */
#megaMenu ul.megaMenu a span.uber-close,
#megaMenu ul.megaMenu span.um-anchoremulator span.uber-close {
  position: absolute;
  box-sizing: border-box;
  text-decoration: none;
  top: 0;
  right: 0;
  height: 100%;
  width: 30px;
  text-align: center;
  line-height: 40px;
  background: #999;
  background: rgba(0, 0, 0, 0.9);
  z-index: 700;
  font-size: 20px;
  font-weight: bold;
  color: #f5f5f5;
  display: none; }

#megaMenu ul.megaMenu a:hover span.uber-close,
#megaMenu ul.megaMenu span.um-anchoremulator:hover span.uber-close,
#megaMenu ul.megaMenu li.menu-item.megaHover a span.uber-close,
#megaMenu ul.megaMenu li.menu-item.megaHover span.um-anchoremulator span.uber-close {
  display: block; }

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

Stylesheet: Base Mobile Stylesheet

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

******************************************************************/
/*********************
GENERAL STYLES
*********************/
body {
  background-color: black;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 100%;
  line-height: 1.5;
  color: white; }

.topmar1em {
  margin-top: 1em !important; }

/********************
WORDPRESS BODY CLASSES
style a page via class
********************/
/* for sites that are read right to left (i.e. hebrew) */
/* home page */
/* blog template page */
/* archive page */
/* date archive page */
/* replace the number to the corresponding page number */
/* search page */
/* search result page */
/* no results search page */
/* individual paged search (i.e. body.search-paged-3) */
/* 404 page */
/* single post page */
/* individual post page by id (i.e. body.postid-73) */
/* individual paged single (i.e. body.single-paged-3) */
/* attatchment page */
/* individual attatchment page (i.e. body.attachmentid-763) */
/* style mime type pages */
/* author page */
/* user nicename (i.e. body.author-samueladams) */
/* paged author archives (i.e. body.author-paged-4) for page 4 */
/* category page */
/* individual category page (i.e. body.category-6) */
/* replace the number to the corresponding page number */
/* tag page */
/* individual tag page (i.e. body.tag-news) */
/* replace the number to the corresponding page number */
/* custom page template page */
/* individual page template (i.e. body.page-template-contact-php */
/* replace the number to the corresponding page number */
/* parent page template */
/* child page template */
/* replace the number to the corresponding page number */
/* if user is logged in */
/* paged items like search results or archives */
/* individual paged (i.e. body.paged-3) */
/*********************
LAYOUT & GRID STYLES
*********************/
.wrap {
  width: 94%;
  margin: 0 auto; }

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

/* styling phone numbers */
a[href^="tel:"]:before {
  content: "\260E";
  display: inline-block;
  padding-right: 0.3em; }

/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  font-family: Helvetica, Arial, sans-serif;
  text-rendering: optimizelegibility;
  font-weight: 500;
  /*
  if you're going to use webfonts, be sure to check your weights
  http://css-tricks.com/watch-your-font-weight/
  */
  /* removing text decoration from all headline links */ }
  h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
    text-decoration: none; }

h1, .h1 {
  font-size: 2.5em;
  line-height: 1.333em; }

.single h1,
.single .h1 {
  line-height: 1em; }

/* News stories need a bit smaller line height */
h2, .h2 {
  font-size: 1.75em;
  line-height: 1.4em;
  margin-bottom: 0.375em; }

.archive h2,
.archive .h2 {
  line-height: 1em; }

/* Archive stories need a bit smaller line height */
h3, .h3 {
  font-size: 1.125em; }

h4, .h4 {
  font-size: 1.0em;
  font-weight: 600; }

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

/*********************
HEADER STYLES
*********************/
#super-nav {
  background-color: #282828;
  border-bottom: 1px solid #363636;
  position: relative;
  z-index: 100; }
  #super-nav > div {
    text-align: center; }
    #super-nav > div a {
      display: inline-block;
      color: #CCCCCC;
      font-size: 16px;
      font-weight: normal;
      line-height: 11px;
      padding: 12px 3px 10px 40px;
      text-decoration: none;
      background-image: url("../images/maple_leaf_big_bg.png");
      background-size: 28px 27px;
      background-position: 2px center;
      background-repeat: no-repeat; }
      #super-nav > div a:hover {
        color: #999999; }

.header {
  border-bottom: 1px solid #FFFFFF;
  background: black url("../images/header-bg.png") repeat-x 0 0; }

#logo {
  text-align: center;
  margin: 0; }
  #logo img {
    display: block;
    margin: 0 auto;
    max-width: 236px; }

/*********************
SUBNAV (OFF CANVAS) STYLES
*********************/
#oc-button {
  width: 100%;
  margin: 0 auto;
  display: block;
  text-align: center; }

/* Not entirely sure if this bit is necessary */
.error404 div#off-canvas-wrap:before,
.archive div#off-canvas-wrap:before,
.single div#off-canvas-wrap:before,
.page-template-default div#off-canvas-wrap:before,
.page-template-page-contactlist-php div#off-canvas-wrap:before,
.page-template-page-full-php div#off-canvas-wrap:before {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%; }

/* These could probably get cleaned up a bit */
.error404 #inner-container,
.archive #inner-container,
.single #inner-container,
.page-template-default #inner-container,
.page-template-page-contactlist-php #inner-container,
.page-template-page-full-php #inner-container {
  overflow: visible; }

.error404 div#subnav,
.error404 div#off-canvas-wrap,
.archive div#subnav,
.archive div#off-canvas-wrap,
.single div#subnav,
.single div#off-canvas-wrap,
.page-template-default div#subnav,
.page-template-default div#off-canvas-wrap,
.page-template-page-contactlist-php div#subnav,
.page-template-page-contactlist-php div#off-canvas-wrap,
.page-template-page-full-php div#subnav,
.page-template-page-full-php div#off-canvas-wrap {
  width: 100%;
  display: block;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.25s all ease-in;
  -moz-transition: 0.25s all ease-in;
  -o-transition: 0.25s all ease-in;
  transition: 0.25s all ease-in; }

.error404 div#off-canvas-wrap,
.archive div#off-canvas-wrap,
.single div#off-canvas-wrap,
.page-template-default div#off-canvas-wrap,
.page-template-page-contactlist-php div#off-canvas-wrap,
.page-template-page-full-php div#off-canvas-wrap {
  margin-left: 0;
  float: right;
  z-index: 1;
  position: relative; }

.error404 div#subnav,
.archive div#subnav,
.single div#subnav,
.page-template-default div#subnav,
.page-template-page-contactlist-php div#subnav,
.page-template-page-full-php div#subnav {
  display: block;
  margin-left: -100%;
  width: 70%;
  float: left;
  z-index: 2; }

.active div#subnav {
  margin-left: 0; }

.active div#off-canvas-wrap {
  margin-right: -80%; }

.subnav-print {
  color: #FFFFFF;
  text-decoration: none;
  display: block;
  padding: 0 0 0 10px; }

/*********************
PAGE STYLES
*********************/
h1.page-title {
  font-size: 1.5em;
  margin: 1em 0 0 0;
  color: #cc9933; }

.entry-content h2 {
  font-size: 1.2em;
  margin: 0 0 .8em 0; }
.entry-content p {
  font-size: .9em;
  line-height: 1.8em; }
.entry-content ul {
  list-style-type: disc;
  margin: 1em 0 1em 1.5em; }
  .entry-content ul li {
    font-size: .9em;
    line-height: 1.8em; }

/* end .entry-content */
.taleo #main {
  /* end  ul  */ }
  .taleo #main ol {
    list-style-type: decimal;
    margin: 1em 0 1em 1.5em; }
    .taleo #main ol li {
      line-height: 1.5em;
      margin: .7em 0; }
  .taleo #main ul {
    list-style-type: disc;
    margin: 1em 0 1em 1.5em; }
    .taleo #main ul li {
      line-height: 1.5em;
      margin: .7em 0; }

/* end .taleo #main */
#container_inner.wrap {
  margin: 2.2% auto; }

ul#newslist {
  padding: 0;
  margin: 1em 0 0 0;
  list-style: none; }
  ul#newslist li {
    border-bottom: 1px solid #43403d;
    padding: .5em 0;
    line-height: 1em; }
    ul#newslist li a {
      text-decoration: none; }
    ul#newslist li span {
      display: block;
      padding: .2em 0 0 0;
      color: #999999; }
    ul#newslist li:last-child {
      border-bottom: 0; }

/* customizing link color for PRESS RELEASES PAGE ONLY */
.page-id-973 ul#newslist li a {
  color: #FFFFFF; }
  .page-id-973 ul#newslist li a:hover {
    color: #d9d9d9; }

p.doclink a {
  text-decoration: none; }

div#photo_galleries {
  margin-top: 1em; }
  div#photo_galleries h2 {
    clear: both; }
  div#photo_galleries div {
    margin: 0 0 1em 0; }

div.gallery-wrap h3 {
  clear: both;
  margin: 1em 0 .5em 0; }
div.gallery-wrap ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  clear: both; }
  div.gallery-wrap ul li {
    display: block;
    float: left; }
    div.gallery-wrap ul li a {
      display: block; }
      div.gallery-wrap ul li a img {
        max-width: 100px;
        margin: .25em;
        display: block; }

/*********************
HEADQUARTERS & CONTACTS STYLES
*********************/
div.hq-item h2 {
  margin: 1em 0 0 0; }

ul.headquarters {
  list-style-type: none;
  margin: 0; }

div.contact-item h2 {
  margin: 1em 0 0 0; }

ul.contacts {
  list-style-type: none;
  margin: 1em 0 0 0; }
  ul.contacts li {
    font-size: .8em;
    margin: 0;
    border-top: 1px solid #43403d;
    line-height: 1.6em;
    padding: .5em 0; }
    ul.contacts li h3 {
      margin: 0; }
    ul.contacts li span {
      display: block;
      	/* &.contact-email a:before {
          content: "";
          display: inline-block;
          padding-right: 0.3em; 
      	} */ }

/* end .contacts */
/*********************
FORM & BUTTON STYLES (LARGELY BOOTSTRAP 2.x)
*********************/
label, input, button, select, textarea {
  font-size: 16px;
  font-weight: normal;
  line-height: 27px;
  padding: 4px 6px; }

label {
  display: block;
  margin-bottom: 5px; }

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
  display: inline-block;
  height: 27px;
  padding: 4px 6px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #555;
  vertical-align: middle;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

input, textarea, .uneditable-input {
  width: 206px; }

.btn {
  display: inline-block;
  *display: inline;
  padding: 4px 12px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 14px;
  line-height: 20px;
  color: #333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  border: 1px solid #bbb;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #a2a2a2;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }

.btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
  color: #333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9; }

.btn:active, .btn.active {
  background-color: #ccc \9; }

.btn:first-child {
  *margin-left: 0; }

.btn:hover {
  color: #333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position .1s linear;
  -moz-transition: background-position .1s linear;
  -o-transition: background-position .1s linear;
  transition: background-position .1s linear; }

textarea {
  height: auto; }

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
  background-color: #fff;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear .2s,box-shadow linear .2s;
  -moz-transition: border linear .2s,box-shadow linear .2s;
  -o-transition: border linear .2s,box-shadow linear .2s;
  transition: border linear .2s,box-shadow linear .2s; }

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); }

input[type="radio"], input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  *margin-top: 0;
  line-height: normal; }

input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] {
  width: auto; }

.input-append, .input-prepend {
  margin-bottom: 5px;
  font-size: 0;
  white-space: nowrap; }

.input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input, .input-append .dropdown-menu, .input-prepend .dropdown-menu {
  font-size: 14px; }

.input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input {
  position: relative;
  margin-bottom: 0;
  *margin-left: 0;
  vertical-align: top;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0; }

.input-append input:focus, .input-prepend input:focus, .input-append select:focus, .input-prepend select:focus, .input-append .uneditable-input:focus, .input-prepend .uneditable-input:focus {
  z-index: 2; }

.input-append .add-on, .input-prepend .add-on {
  display: inline-block;
  width: auto;
  height: 20px;
  min-width: 16px;
  padding: 4px 5px;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  background-color: #eee;
  border: 1px solid #ccc; }

.input-append .add-on, .input-prepend .add-on, .input-append .btn, .input-prepend .btn, .input-append .btn-group > .dropdown-toggle, .input-prepend .btn-group > .dropdown-toggle {
  vertical-align: top;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.input-append .active, .input-prepend .active {
  background-color: #a9dba9;
  border-color: #46a546; }

.input-prepend .add-on, .input-prepend .btn {
  margin-right: -1px; }

.input-prepend .add-on:first-child, .input-prepend .btn:first-child {
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px; }

.input-append input, .input-append select, .input-append .uneditable-input {
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px; }

.input-append input + .btn-group .btn:last-child, .input-append select + .btn-group .btn:last-child, .input-append .uneditable-input + .btn-group .btn:last-child {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0; }

.input-append .add-on, .input-append .btn, .input-append .btn-group {
  margin-left: -1px; }

.input-append .add-on:last-child, .input-append .btn:last-child, .input-append .btn-group:last-child > .dropdown-toggle {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0; }

.input-prepend.input-append input, .input-prepend.input-append select, .input-prepend.input-append .uneditable-input {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.input-prepend.input-append input + .btn-group .btn, .input-prepend.input-append select + .btn-group .btn, .input-prepend.input-append .uneditable-input + .btn-group .btn {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0; }

.input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px; }

.input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0; }

.input-prepend.input-append .btn-group:first-child {
  margin-left: 0; }

.input-append #q,
.input-append #qfoot {
  height: 30px; }

form.cse-search {
  margin: 0 0 10px; }
  form.cse-search input#q {
    width: 75%; }
  form.cse-search button.btn {
    width: 25%;
    height: 30px; }

footer form.cse-search button.btn {
  border-bottom-color: #ccc; }

.subnav-search {
  display: none; }
  .subnav-search textarea, .subnav-search input[type="text"], .subnav-search input[type="password"], .subnav-search input[type="datetime"], .subnav-search input[type="datetime-local"], .subnav-search input[type="date"], .subnav-search input[type="month"], .subnav-search input[type="time"], .subnav-search input[type="week"], .subnav-search input[type="number"], .subnav-search input[type="email"], .subnav-search input[type="url"], .subnav-search input[type="search"], .subnav-search input[type="tel"], .subnav-search input[type="color"], .subnav-search .uneditable-input {
    background-color: #000;
    border: 1px solid #434035;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0; }
  .subnav-search .btn {
    border-color: #434035 #434035 #434035;
    border-bottom-color: #434035;
    border: 1px solid #434035;
    background-color: #000;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    text-shadow: 0 0 0 rgba(255, 255, 255, 0.75);
    color: #CCCCCC;
    box-shadow: inset 0 0 0; }
    .subnav-search .btn:last-child {
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      border-radius: 0;
      text-shadow: 0; }

.footer-search {
  width: 80%;
  margin: 0 auto; }

/*********************
CALLOUT STYLES
*********************/
.callout {
  padding: 1em;
  background-color: #333333;
  border: 1px solid #FFFFFF;
  color: #FFFFFF; }
  .callout h3 {
    margin: 0 0 .8em 0;
    padding: 0; }
  .callout ul {
    margin: 0;
    padding: 0 0 0 1em;
    list-style: disc; }
    .callout ul li {
      font-size: 0.8em;
      line-height: 1.2em;
      margin: .4em 0; }

/*********************
NAVIGATION STYLES
*********************/
/*
all navs have a .nav class applied via
the wp_menu function; this is so we can
easily write one group of styles for
the navs on the site so our css is cleaner
and more scalable.
*/
.navbar {
  font-family: Helvetica, Arial, sans-serif; }

/**********************************************************************
 * UberMenu Skin: Transparent Black
 *
 * UberMenu - WordPress Mega Menu Plugin http://wpmegamenu.com
 * Copyright: Chris Mavricos, SevenSpark http://sevenspark.com
 **********************************************************************/
/* Menu Bar */
#megaMenu {
  border: none;
  border-bottom: none;
  background-color: transparent;
  background: transparent;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0);
  -moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0);
  box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0); }

#megaMenu .wpmega-link-title {
  line-height: 15px; }

#megaMenu .megaMenuToggle-icon {
  display: inline-block;
  float: none;
  margin-top: 0;
  position: absolute;
  right: 12px;
  text-align: left;
  top: 24px;
  width: 16px; }

#megaMenu ul.megaMenu {
  float: right;
  z-index: 100; }

/* Top Level Items */
#megaMenu ul.megaMenu > li.menu-item > a,
#megaMenu ul.megaMenu > li.menu-item > span.um-anchoremulator,
.megaMenuToggle {
  font-size: 13px;
  color: #D4D5D7;
  padding: 8px 15px;
  font-weight: bold;
  border: 0;
  margin-top: 0px;
  margin-right: 0px;
  border-bottom: 1px solid #999999;
  white-space: nowrap;
  outline: none; }

/* setting some polish border styles to keep mobile top-tier items from jumping on click */
#megaMenu.megaResponsive.megaMenuHorizontal ul.megaMenu > li.menu-item > a,
#megaMenu ul.megaMenu > li.menu-item > a {
  border-left: 1px solid transparent;
  border-top: 1px solid transparent;
  border-right: 1px solid transparent; }

#megaMenu.megaMenuHorizontal ul.megaMenu > li.menu-item:first-child > a {
  /* border-left: 0px; */ }

#megaMenu.megaMenuHorizontal ul.megaMenu > li.menu-item:last-child > a {
  border-bottom: 0px;
  margin-bottom: 10px; }

#megaMenu.megaMenuHorizontal ul.megaMenu > li.menu-item:last-child {
  margin-bottom: 20px; }

/* setting the 'careers-icon' list item to have unique/red styling */
#megaMenu.megaMenuHorizontal ul.megaMenu > li.menu-item.careers-icon > a {
  background-color: #d80720;
  padding: 5px 20px 7px 7px; }
  #megaMenu.megaMenuHorizontal ul.megaMenu > li.menu-item.careers-icon > a i {
    /* icon group from Font Awesome */
    font-size: 17px;
    font-weight: normal !important; }
  #megaMenu.megaMenuHorizontal ul.megaMenu > li.menu-item.careers-icon > a:after {
    border-top-color: #FFFFFF; }

.megaMenuToggle {
  border: 1px solid #999999;
  margin: 0 0 15px 0; }

#megaMenu ul ul.sub-menu {
  position: static; }

/* Horizontal Menu Items */
#megaMenu.megaMenuHorizontal ul.megaMenu > li.menu-item > a,
#megaMenu.megaMenuHorizontal ul.megaMenu > li.menu-item > span.um-anchoremulator {
  -webkit-box-shadow: inset 1px 0px 0px 0px rgba(255, 255, 255, 0);
  -moz-box-shadow: inset 1px 0px 0px 0px rgba(255, 255, 255, 0);
  box-shadow: inset 1px 0px 0px 0px rgba(255, 255, 255, 0); }

/* Vertical Menu Items */
#megaMenu.megaMenuVertical ul.megaMenu > li.menu-item > a,
#megaMenu.megaMenuVertical ul.megaMenu > li.menu-item > span.um-anchoremulator {
  border-top: 1px solid #ffffff;
  -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0);
  -moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0);
  box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0); }

/* Menu Items with Dropdowns */
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > a,
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > span.um-anchoremulator,
#megaMenu ul.megaMenu li.menu-item.mega-with-sub > a,
#megaMenu ul.megaMenu li.menu-item.mega-with-sub > span.um-anchoremulator,
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > a,
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > span.um-anchoremulator {
  padding-right: 19px; }

/* Top Level Menu Item Titles */
#megaMenu ul.megaMenu > li.menu-item > a span.wpmega-link-title,
#megaMenu ul.megaMenu > li.menu-item > span.um-anchoremulator span.wpmega-link-title {
  text-transform: none;
  text-shadow: none; }

/* Top Level Items - Hover */
.no-touch #megaMenu ul.megaMenu > li.menu-item:hover > a,
.no-touch #megaMenu ul.megaMenu > li.menu-item > a:hover,
.no-touch #megaMenu ul.megaMenu > li.menu-item.megaHover > a,
.no-touch #megaMenu ul.megaMenu > li.menu-item:hover > span.um-anchoremulator,
.no-touch #megaMenu ul.megaMenu > li.menu-item > span.um-anchoremulator:hover,
.no-touch #megaMenu ul.megaMenu > li.menu-item.megaHover > span.um-anchoremulator {
  color: #cc9933 !important;
  /* border-bottom-color: transparent !important; */
  background-color: #20201F; }

/* Top Level Items - Hover */
.no-touch #megaMenu ul.megaMenu > li.menu-item.careers-icon:hover > a,
.no-touch #megaMenu ul.megaMenu > li.menu-item.careers-icon > a:hover,
.no-touch #megaMenu ul.megaMenu > li.menu-item.careers-icon.megaHover > a {
  color: #FFFFFF !important;
  background-color: #f71530; }

/* styles the opened menu anchors on mobile */
#megaMenumegaResponsive.megaMenuHorizontal ul.megaMenu > li.wpmega-expanded > a {
  color: #cc9933;
  border: 1px solid #484542;
  border-bottom: 0px; }

/* styles the opened menu anchors on mobile */
#megaMenumegaResponsive.megaMenuHorizontal ul.megaMenu > li.wpmega-expanded > a {
  border: 1px solid #d80720; }

#megaMenu.megaResponsive.megaMenuHorizontal ul.megaMenu > li.menu-item.wpmega-expanded.careers-icon > a,
#megaMenu ul.megaMenu > li.menu-item.wpmega-expanded.careers-icon > a {
  border-left: 1px solid #d80720;
  border-top: 1px solid #d80720;
  border-right: 1px solid #d80720; }

#megaMenu.megaMenuHorizontal ul.megaMenu > li.menu-item.wpmega-expanded:first-child > a {
  /* border-left: 1px; */ }

/* Top Level Items Title - Hover */
#megaMenu ul.megaMenu > li.menu-item:hover > a span.wpmega-link-title,
#megaMenu ul.megaMenu > li.menu-item:hover > span.um-anchoremulator span.wpmega-link-title,
#megaMenu ul.megaMenu > li.menu-item > a:hover span.wpmega-link-title,
#megaMenu ul.megaMenu > li.menu-item > span.um-anchoremulator:hover span.wpmega-link-title,
#megaMenu ul.megaMenu > li.menu-item.megaHover > a span.wpmega-link-title,
#megaMenu ul.megaMenu > li.menu-item.megaHover > span.um-anchoremulator span.wpmega-link-title {
  text-shadow: none; }

/* Top Level Items - Current Item */
#megaMenu ul.megaMenu > li.menu-item.current-menu-item > a,
#megaMenu ul.megaMenu > li.menu-item.current-menu-parent > a,
#megaMenu ul.megaMenu > li.menu-item.current-menu-ancestor > a {
  color: #cc9933; }

/* Top Level Items - Current Item - CAREERS SPECIFIC */
#megaMenu ul.megaMenu > li.menu-item.current-menu-item.careers-icon > a,
#megaMenu ul.megaMenu > li.menu-item.current-menu-parent.careers-icon > a,
#megaMenu ul.megaMenu > li.menu-item.current-menu-ancestor.careers-icon > a {
  color: #FFFFFF; }

/* Sub Menu Container Style */
#megaMenu ul.megaMenu > li.menu-item.ss-nav-menu-mega > ul.sub-menu-1,
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg ul.sub-menu {
  border-color: #484542;
  border-top-width: 0px;
  margin-top: -1px;
  color: #d9d9d9;
  text-shadow: 0px 1px 1px #000000;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: #20201f;
  /* Old browsers */
  background: -moz-linear-gradient(top, #20201f 0%, black 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #20201f), color-stop(100%, black));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #20201f 0%, black 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #20201f 0%, black 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #20201f 0%, black 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #20201f 0%, black 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#20201f', endColorstr='#000000',GradientType=0 );
  /* IE6-9 */ }

#megaMenu.megaMenuHorizontal ul.megaMenu > li.menu-item > ul.sub-menu.sub-menu-1 {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px; }

#megaMenu ul.megaMenu ul.sub-menu .wpmega-postlist a {
  color: #d9d9d9; }

/* Horizontal Sub Menus */
#megaMenu.megaMenuHorizontal ul.megaMenu > li.menu-item.ss-nav-menu-mega > ul.sub-menu-1,
#megaMenu.megaMenuHorizontal ul.megaMenu li.menu-item.ss-nav-menu-reg > ul.sub-menu {
  /* Stock implementation hides this border...we're showing it */
  /* border-top: none; */ }

/* Sub Menu Columns */
#megaMenu ul.megaMenu > li.menu-item.ss-nav-menu-mega > ul.sub-menu-1 > li.menu-item {
  min-width: 100px; }

/* Sub Menu Headers */
#megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu-1 > li.menu-item > a,
#megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu-1 > li.menu-item:hover > a,
#megaMenu ul li.menu-item.ss-nav-menu-mega ul ul.sub-menu .ss-nav-menu-header > a,
#megaMenu ul li.menu-item.ss-nav-menu-mega ul.sub-menu-1 > li.menu-item > span.um-anchoremulator,
#megaMenu ul li.menu-item.ss-nav-menu-mega ul ul.sub-menu .ss-nav-menu-header > span.um-anchoremulator,
.wpmega-widgetarea h2.widgettitle {
  color: #eeeeee;
  font-size: 12px;
  font-weight: bold;
  text-shadow: 0px 1px 1px #000000;
  padding-bottom: .4em;
  border-bottom: 1px dotted #aaaaaa;
  margin-bottom: 0.6em; }

/* Sub Menu Links & Fake Links */
#megaMenu ul li.menu-item.ss-nav-menu-mega ul ul.sub-menu li.menu-item > a,
#megaMenu ul li.menu-item.ss-nav-menu-mega ul ul.sub-menu li.menu-item > span.um-anchoremulator,
#megaMenu ul ul.sub-menu li.menu-item > a,
#megaMenu ul ul.sub-menu li.menu-item > span.um-anchoremulator {
  color: #d9d9d9;
  font-size: 12px;
  text-shadow: 0px 1px 1px #000000;
  background-color: transparent; }

/* Sub Menu Link Hover */
#megaMenu ul li.menu-item.ss-nav-menu-mega ul ul.sub-menu li.menu-item a:hover,
#megaMenu ul ul.sub-menu > li.menu-item:hover > a {
  color: #ffffff;
  background-color: transparent; }

/* Top Level Search Bar */
#megaMenu ul.megaMenu > li.menu-item > .wpmega-nonlink > form#searchform {
  padding-top: 2px; }

#megaMenu ul.megaMenu > li.menu-item > .wpmega-nonlink > form#searchform.ubersearch-v2 input[type="text"] {
  background: #f0f0f0;
  color: #777; }

/* Highlight color */
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-highlight > a,
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-highlight > span.um-anchoremulator {
  color: #4d90fe !important; }

/* Image Spacing */
#megaMenu .ss-nav-menu-with-img > a > .wpmega-link-title,
#megaMenu .ss-nav-menu-with-img > a > .wpmega-link-description,
#megaMenu .ss-nav-menu-with-img > a > .wpmega-item-description,
#megaMenu .ss-nav-menu-with-img > span.um-anchoremulator > .wpmega-link-title,
#megaMenu .ss-nav-menu-with-img > span.um-anchoremulator > .wpmega-link-description,
#megaMenu .ss-nav-menu-with-img > span.um-anchoremulator > .wpmega-item-description {
  padding-left: 25px; }

.ss-nav-menu-with-img {
  min-height: 16px; }

/* Item Description */
#megaMenu ul.megaMenu li.menu-item a span.wpmega-item-description,
#megaMenu ul.megaMenu li.menu-item span.um-anchoremulator span.wpmega-item-description {
  font-size: 9px;
  color: #bbbbbb;
  text-transform: uppercase; }

/* Arrow Colors */
#megaMenu ul.megaMenu li.menu-item.mega-with-sub > a:after,
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > a:after,
#megaMenu ul.megaMenu li.menu-item.mega-with-sub > span.um-anchoremulator:after,
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > span.um-anchoremulator:after {
  border-top-color: #cc9933; }

#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > a:after,
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > span.um-anchoremulator:after {
  border-left-color: #cc9933; }

/* HR */
#megaMenu .wpmega-divider {
  border-top: 1px solid #000000;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05); }

/* Vertical */
#megaMenu.megaMenuVertical > ul > li.menu-item > a,
#megaMenu.megaMenuVertical > ul > li.menu-item > span.um-anchoremulator {
  background-color: transparent;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));
  background: -webkit-linear-gradient(top, transparent, transparent);
  background: -moz-linear-gradient(top, transparent, transparent);
  background: -ms-linear-gradient(top, transparent, transparent);
  background: -o-linear-gradient(top, transparent, transparent); }

#megaMenu.megaMenuVertical ul li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > a:after,
#megaMenu.megaMenuVertical ul li.menu-item.mega-with-sub > a:after,
#megaMenu.megaMenuVertical ul li.menu-item.ss-nav-menu-mega > a:after,
#megaMenu.megaMenuVertical ul li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > span.um-anchoremulator:after,
#megaMenu.megaMenuVertical ul li.menu-item.mega-with-sub > span.um-anchoremulator:after,
#megaMenu.megaMenuVertical ul li.menu-item.ss-nav-menu-mega > span.um-anchoremulator:after {
  border-left-color: #bbbbbb; }

#megaMenu.megaMenuVertical ul.megaMenu > li.menu-item.ss-nav-menu-mega > ul.sub-menu-1,
#megaMenu.megaMenuVertical ul.megaMenu li.menu-item.ss-nav-menu-reg > ul.sub-menu {
  border-left: none; }

/* IE7 Hacks */
#megaMenu.megaMenuHorizontal ul.megaMenu {
  *border-bottom: none; }

#megaMenu.megaMenuVertical ul.megaMenu {
  *border-right: none; }

#megaMenu .megaMenuToggle-icon,
.megaMenuToggle-icon:before,
.megaMenuToggle-icon:after {
  background: #FFF;
  background: rgba(255, 255, 255, 0.4); }

/* STOCK NAV STYLES */
.nav {
  /* end .menu li */
  /* highlight current page */
  /* end current highlighters */ }
  .nav li {
    /*
    so you really have to rethink your dropdowns for mobile.
    you don't want to have it expand too much because the
    screen is so small. How you manage your menu should
    depend on the project. Here's some great info on it:
    http://www.alistapart.com/articles/organizing-mobile/
    */ }
    .nav li a {
      /*
      remember this is for mobile ONLY, so there's no need
      to even declare hover styles here, you can do it in
      the style.scss file where it's relevant. We want to
      keep this file as small as possible!
      */ }

/* end .nav */
/*********************
SUBNAV STYLES
*********************/
#subnav {
  font-size: .8em; }
  #subnav ul {
    margin-top: 0; }
    #subnav ul li {
      border-top: 1px solid #43403D;
      /* end ul.sub-menu */ }
      #subnav ul li.heading {
        padding-top: 15px;
        font-weight: bold;
        border: 0; }
        #subnav ul li.heading a:hover {
          background: none; }
      #subnav ul li a {
        display: block;
        padding: 3px 0 3px 10px; }
        #subnav ul li a:hover {
          color: #cc9933;
          background-color: #000000; }
      #subnav ul li.current-menu-item > a {
        color: #cc9933; }
      #subnav ul li.nsps a {
        background-image: url("../images/nsps_bg.png");
        background-position: 98% center;
        background-repeat: no-repeat;
        padding-right: 12%; }
      #subnav ul li ul.sub-menu {
        margin: 0; }
        #subnav ul li ul.sub-menu li {
          border-bottom: none; }
          #subnav ul li ul.sub-menu li a {
            padding: 3px 0 3px 20px; }
          #subnav ul li ul.sub-menu li.current_page_item a {
            color: #cc9933; }
          #subnav ul li ul.sub-menu li.nsps a {
            padding-right: 12%; }
    #subnav ul a {
      color: #FFFFFF;
      text-decoration: none; }

#container_inner.wrap,
body.home #inner-content.wrap {
  background-image: url(../images/80percentblack.png);
  background-repeat: repeat;
  padding: 1em;
  overflow: hidden;
  margin-top: 2.2%; }

/*********************
HOME STYLES
*********************/
body.home #inner-content.wrap {
  margin-top: 125px; }
  body.home #inner-content.wrap .fleet-button {
    display: block; }
  body.home #inner-content.wrap .login-button {
    padding: 7px; }
    body.home #inner-content.wrap .login-button i {
      font-size: 22px;
      line-height: 22px; }
    body.home #inner-content.wrap .login-button span {
      line-height: 15px;
      font-size: 15px; }

body.home #inner-content {
  padding-top: 10px; }
  body.home #inner-content h2 {
    margin-top: 0;
    color: #cc9933; }
  body.home #inner-content p {
    font-size: 14px; }
  body.home #inner-content ul {
    font-size: 14px;
    margin-bottom: 30px; }
  body.home #inner-content div#home-page-content a {
    text-decoration: none; }
  body.home #inner-content ul#home-news {
    border-top: 1px solid #999999; }
    body.home #inner-content ul#home-news li {
      padding-top: 1em;
      padding-bottom: 1em;
      border-bottom: 1px solid #999999; }
      body.home #inner-content ul#home-news li span {
        display: block; }
  body.home #inner-content #home-sidebar-wrap {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 1em;
    margin-bottom: 2em; }
    body.home #inner-content #home-sidebar-wrap a {
      text-decoration: none;
      display: block;
      color: #FFFFF; }
      body.home #inner-content #home-sidebar-wrap a:link, body.home #inner-content #home-sidebar-wrap a:visited, body.home #inner-content #home-sidebar-wrap a:active, body.home #inner-content #home-sidebar-wrap a:hover {
        color: #FFFFFF; }
      body.home #inner-content #home-sidebar-wrap a h2 {
        color: #FFFFFF;
        font-size: 1.5em; }
    body.home #inner-content #home-sidebar-wrap div {
      padding: .75em;
      background-image: url(../images/40percentblack.png);
      background-repeat: repeat;
      color: #FFFFFF; }
      body.home #inner-content #home-sidebar-wrap div p {
        margin-top: 0; }
      body.home #inner-content #home-sidebar-wrap div ul {
        list-style-type: disc;
        padding-left: 1em;
        margin-left: 1em;
        margin-bottom: 1em; }
    body.home #inner-content #home-sidebar-wrap button.learn-more {
      display: inline;
      border: 0;
      background: none;
      background-color: #d80720;
      color: #FFFFFF;
      padding: 6px 10px; }
      body.home #inner-content #home-sidebar-wrap button.learn-more:hover {
        background-color: #f71530; }

/*********************
HOME BANNER STYLES
*********************/
#banner-content {
  background: #333333;
  /* end .flexslider */ }
  #banner-content #banner {
    width: 100%;
    margin: 0 auto; }
  #banner-content .flexslider {
    position: relative;
    width: 100%;
    min-height: 200px;
    z-index: 1;
    /* end ul.slides */
    /* end .flex-direction-nav */ }
    #banner-content .flexslider .flex-viewport {
      min-height: 190px;
      -webkit-transition: all 1s ease;
      -ms-transition: all 1s ease;
      -o-transition: all 1s ease;
      -transition: all 1s ease;
      transition: all 1s ease;
      overflow: visible !important; }
    #banner-content .flexslider ul.slides {
      margin: 0;
      padding: 0; }
      #banner-content .flexslider ul.slides li {
        height: 190px;
        background-position: center center;
        position: relative;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        display: none; }
        #banner-content .flexslider ul.slides li .wrap {
          position: relative;
          /* margin-top: 1%; */
          width: 100%;
          top: 190px; }
        #banner-content .flexslider ul.slides li a {
          display: block;
          width: 100%;
          height: 100%;
          text-decoration: none; }
        #banner-content .flexslider ul.slides li h1 {
          display: inline-block;
          width: 100%;
          z-index: 999;
          color: #FFFFFF;
          font-size: 18px;
          line-height: 18px;
          font-weight: normal;
          padding: .8em;
          margin: 0;
          background-color: #222222; }
        #banner-content .flexslider ul.slides li p.subheading {
          font-size: 15px;
          line-height: 1.2em;
          display: none;
          padding: 0 15px 10px 15px;
          margin: 0;
          color: #FFFFFF; }
        #banner-content .flexslider ul.slides li span {
          display: none;
          padding: 0 15px 10px 15px;
          font-size: 12px;
          font-style: italic;
          line-height: 1.1em;
          color: #FFFFFF; }
        #banner-content .flexslider ul.slides li button {
          display: block;
          width: 100%;
          padding: .5em .9em;
          font-size: 14px;
          line-height: 1.1em;
          text-transform: uppercase;
          background-color: #d80720;
          box-shadow: none;
          color: #FFFFFF;
          border: 0;
          border-top: 5px solid #FFFFFF; }
          #banner-content .flexslider ul.slides li button:hover {
            background-color: #f71530; }
          #banner-content .flexslider ul.slides li button i {
            padding-left: 5px;
            font-size: 18px; }
    #banner-content .flexslider .flex-control-nav {
      margin: -28px auto 0 auto;
      text-align: right;
      display: block;
      position: relative;
      max-width: 1024px;
      width: 96%;
      /*
      bottom: 8px;
      right: 8px;
      */ }
      #banner-content .flexslider .flex-control-nav li {
        display: inline;
        margin: 0 3px; }
        #banner-content .flexslider .flex-control-nav li a {
          background: #ccc;
          border: 1px solid #fff;
          display: inline-block;
          overflow: hidden;
          width: 12px;
          text-indent: -100px;
          line-height: 10px;
          height: 0;
          padding-top: 10px;
          text-align: center;
          -webkit-border-radius: 12px;
          border-radius: 12px;
          -moz-background-clip: padding;
          -webkit-background-clip: padding-box;
          background-clip: padding-box;
          cursor: pointer; }
          #banner-content .flexslider .flex-control-nav li a.flex-active {
            background-color: #d80720; }
    #banner-content .flexslider .flex-direction-nav {
      *height: 0;
      margin: 0;
      display: block; }
      #banner-content .flexslider .flex-direction-nav a {
        display: block;
        width: 1em;
        height: 2em;
        margin: -1em 0 0;
        position: absolute;
        top: 50%;
        z-index: 10;
        opacity: 0;
        filter: alpha(opacity=0);
        cursor: pointer;
        color: #fff;
        color: rgba(255, 255, 255, 0.8);
        text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
        font-size: 4em;
        -webkit-transition: opacity 0.3s ease;
        -ms-transition: opacity 0.3s ease;
        -o-transition: opacity 0.3s ease;
        -transition: opacity 0.3s ease;
        transition: opacity 0.3s ease;
        text-decoration: none;
        text-align: center; }
        #banner-content .flexslider .flex-direction-nav a i {
          line-height: 2em; }
        #banner-content .flexslider .flex-direction-nav a.flex-prev {
          left: 0; }
        #banner-content .flexslider .flex-direction-nav a.flex-next {
          right: 0; }
      #banner-content .flexslider .flex-direction-nav .flex-disabled {
        opacity: 0 !important;
        filter: alpha(opacity=0);
        cursor: default; }
      .touch #banner-content .flexslider .flex-direction-nav {
        display: none; }
    #banner-content .flexslider:hover .flex-prev, #banner-content .flexslider:hover .flex-prev:hover {
      opacity: 1;
      filter: alpha(opacity=100); }
    #banner-content .flexslider:hover .flex-next, #banner-content .flexslider:hover .flex-next:hover {
      opacity: 1;
      filter: alpha(opacity=100); }

/* #banner-content */
/*********************
ICON CONTENT STYLES
*********************/
/* THUMBNAIL GROUP REPEATER STYLES */
#group-wrap ul {
  list-style-type: none; }

.group-item {
  margin-bottom: 1em; }

.group-item .item-thumb {
  width: 19.9%;
  float: left;
  margin-top: .2em; }
  .group-item .item-thumb img {
    width: 100%;
    border: solid 1px #CCC;
    padding: 3px;
    background-color: #F2F2F2; }

.group-item .item-desc {
  width: 75.9%;
  float: right; }
  .group-item .item-desc h4 {
    margin: 0 0 .7em 0; }

/* NUMBERED LIST STYLES */
ol.numbers-list {
  counter-reset: li;
  /* Initiate a counter */
  margin: 25px 0;
  /* Remove the default left margin */
  padding: 0;
  /* Remove the default left padding */ }
  ol.numbers-list li {
    display: block;
    position: relative;
    /* Create a positioning context */
    width: 80%;
    float: left;
    margin: 0 0 20px 60px;
    padding: 0;
    list-style: none;
    /* Disable the normal item numbering */ }
    ol.numbers-list li:before {
      content: counter(li);
      /* Use the counter as content */
      counter-increment: li;
      /* Increment the counter by 1 */
      position: absolute;
      top: 15px;
      left: -75px;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 70px;
      /* Some space between the number and the content in browsers that support
         generated content but not positioning it (Camino 2 is one example) */
      margin-right: 8px;
      padding: 4px;
      color: #CCCCCC;
      font-weight: bold;
      font-size: 80px;
      text-align: center; }
  ol.numbers-list h3 {
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 20px; }
  ol.numbers-list div.list-content {
    color: #888888; }

ol.numbers-list.vertical li {
  width: 80%; }

/* ICON LIST STYLES */
ul.icons-list {
  margin: 25px 0;
  /* Remove the default left margin */
  padding: 0;
  /* Remove the default left padding */
  /* end li */ }
  ul.icons-list li {
    display: block;
    position: relative;
    /* Create a positioning context */
    width: 100%;
    margin-bottom: 10px;
    padding-top: 10px;
    list-style: none;
    /* Disable the normal item numbering */
    /* border-top: 1px dotted #CCCCCC; */
    /* end list-content */ }
    ul.icons-list li:nth-child(1) {
      border-top: 0; }
    ul.icons-list li div.list-image {
      margin-top: .2em;
      width: 22.9%;
      float: left; }
      ul.icons-list li div.list-image img {
        display: block;
        width: 100%;
        border: solid 1px #CCC; }
      ul.icons-list li div.list-image.no-style img {
        border: 0; }
    ul.icons-list li div.list-content {
      margin: 0;
      padding: 0;
      color: #ECECEC;
      width: 72.9%;
      float: right; }
      ul.icons-list li div.list-content h4 {
        font-size: 1.2em;
        font-weight: 400;
        margin: 0 0 0.7em 0;
        padding: 0;
        line-height: 1em;
        color: #ECECEC; }
      ul.icons-list li div.list-content p:last-child {
        margin-bottom: 0; }

/* end icons-list */
/* full width template overrides */
.page-template-page-full-php ul.icons-list li div.list-image {
  width: 14.9%; }

.page-template-page-full-php ul.icons-list li div.list-content {
  width: 81.9%; }

ul.icons-list.verticalicon li {
  width: 100%;
  clear: both;
  height: auto;
  margin: 0 0 10px 0;
  border: 0; }

/*********************
POSTS & CONTENT STYLES
*********************/
#content {
  overflow: hidden; }

/* end .hentry */
.single-title {
  margin-bottom: 0; }

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

.archive .byline {
  margin: 0; }

/* entry content */
.entry-content {
  /*
  image alignment on a screen this size may be
  a bit difficult. It's set to start aligning
  and floating images at the next breakpoint,
  but it's up to you. Feel free to change it up.
  */ }
  .entry-content dd {
    margin-left: 0;
    font-size: 0.9em;
    color: #787878;
    margin-bottom: 1.5em; }
  .entry-content img {
    margin: 0 0 1.5em 0;
    max-width: 100%;
    height: auto; }
    .entry-content img.alignleft, .entry-content img.alignright {
      display: block;
      margin: 0 auto; }
    .entry-content img.nomar {
      margin: 0; }
  .entry-content video, .entry-content object {
    max-width: 100%;
    height: auto; }
  .entry-content pre {
    background: #eee;
    border: 1px solid #cecece;
    padding: 10px; }

/* end .entry-content */
.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px;
  /* images inside wp-caption */ }
  .wp-caption img {
    max-width: 100%;
    margin-bottom: 0;
    width: 100%; }
  .wp-caption p.wp-caption-text {
    font-size: 0.85em;
    margin: 4px 0 7px;
    text-align: center; }

/* end .wp-caption */
/* image gallery styles */
/* end .gallery */
/* gallery caption styles */
ul.striped {
  width: 100%;
  margin: 0 auto 1em auto;
  color: #FFFFFF;
  font-weight: 400;
  line-height: 1.7em;
  padding: 0px;
  list-style: none; }
  ul.striped li {
    border-bottom: 1px solid #43403d;
    padding: 5px 10px 5px 10px;
    margin: 0;
    list-style: none; }
    ul.striped li:first-child {
      border-top: 1px solid #43403d; }
    ul.striped li:nth-child(odd) {
      background-color: #191817; }
    ul.striped li a {
      text-decoration: none;
      display: block; }
      ul.striped li a:before {
        content: "\f08e";
        font-family: FontAwesome;
        display: block;
        float: left;
        margin: 0 0.5em 0 0; }

/******************************************************************
CORPORATE TEAM STYLES
******************************************************************/
.single-corporate_team .article-header {
  text-align: center;
  border-bottom: 1px solid #43403d;
  padding: 1.5em 0 1em 0; }
  .single-corporate_team .article-header h1 {
    padding-top: .5em;
    margin-top: 0; }
  .single-corporate_team .article-header h3 {
    padding-top: 0;
    margin-top: 0; }
  .single-corporate_team .article-header img {
    border: 3px solid #FFFFFF;
    display: block;
    margin: 0 auto;
    float: none; }

/******************************************************************
HISTORY LIST STYLES
******************************************************************/
.quote {
  border: 1px solid #43403d;
  border-left: 0;
  border-right: 0;
  padding: 1em 0;
  display: table; }
  .quote .quote-wrap {
    display: table-row; }
    .quote .quote-wrap span {
      display: table-cell;
      padding: 0 .2em; }
      .quote .quote-wrap span.quote-content {
        vertical-align: top; }
      .quote .quote-wrap span em {
        font-style: normal;
        font-size: 1.2em;
        line-height: 1.4em;
        font-weight: normal;
        display: block; }
      .quote .quote-wrap span i {
        display: block;
        float: right;
        font-size: .9em;
        padding-top: .1em;
        clear: both; }

/******************************************************************
HISTORY LIST STYLES
******************************************************************/
div.history-lists ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: table; }
  div.history-lists ul li {
    display: table-row; }
    div.history-lists ul li span {
      display: table-cell;
      padding: .3em .5em;
      border-bottom: 1px solid #43403d;
      line-height: 1.4em; }

/******************************************************************
CORP LIST STYLES
******************************************************************/
ul.corplist {
  list-style: none;
  padding: 0;
  margin: 0; }
  ul.corplist li {
    padding: 0 1em 0 0;
    margin: 0 0 1.4em 0; }
    ul.corplist li a.corp-image {
      display: block;
      float: left;
      margin-right: 1em; }
      ul.corplist li a.corp-image img {
        max-width: 117px;
        display: block;
        border: 2px solid #FFFFFF;
        margin: 0; }
    ul.corplist li a.corp-text {
      text-decoration: none; }
      ul.corplist li a.corp-text h4 {
        margin: 0;
        padding: 0;
        font-size: 1.2em; }
      ul.corplist li a.corp-text span {
        color: #FFFFFF;
        line-height: 1.4em;
        display: block; }

/******************************************************************
PAGE NAVI STYLES
******************************************************************/
.page-navigation,
.wp-prev-next {
  margin: 0.5em 0;
  text-align: center; }

.bones_page_navi {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  /* current page link */
  /* end .bones_page_navi .bpn-current */
  /* common styles for page-navi links */
  /* remove the bg on end links */
  /* previous link */
  /* next page link */
  /* first page link */
  /* last page link */ }
  .bones_page_navi li {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 15px;
    float: left;
    margin-left: 10px; }
    .bones_page_navi li a {
      color: #cc9933;
      padding: 3px 6px;
      display: block;
      text-decoration: none;
      position: relative; }
      .bones_page_navi li a:hover, .bones_page_navi li a:focus {
        text-decoration: none; }
    .bones_page_navi li.bpn-next-link a, .bones_page_navi li.bpn-prev-link a, .bones_page_navi li.bpn-last-page-link a, .bones_page_navi li.bpn-first-page-link a {
      text-transform: uppercase;
      color: #cc9933; }
      .bones_page_navi li.bpn-next-link a i, .bones_page_navi li.bpn-prev-link a i, .bones_page_navi li.bpn-last-page-link a i, .bones_page_navi li.bpn-first-page-link a i {
        margin: 0 2px; }
      .bones_page_navi li.bpn-next-link a:hover, .bones_page_navi li.bpn-next-link a:focus, .bones_page_navi li.bpn-prev-link a:hover, .bones_page_navi li.bpn-prev-link a:focus, .bones_page_navi li.bpn-last-page-link a:hover, .bones_page_navi li.bpn-last-page-link a:focus, .bones_page_navi li.bpn-first-page-link a:hover, .bones_page_navi li.bpn-first-page-link a:focus {
        color: #a37a29;
        text-decoration: none; }
  .bones_page_navi li.bpn-current {
    color: white;
    padding: 3px 6px;
    border-bottom: 2px solid white;
    position: relative; }
    .bones_page_navi li.bpn-current a {
      /* hovering on current page link */ }
  .bones_page_navi li.bpn-prev-link a,
  .bones_page_navi li.bpn-next-link a {
    padding: 3px 0; }
  .bones_page_navi li.bpn-prev-link a:hover,
  .bones_page_navi li.bpn-next-link a:hover,
  .bones_page_navi li.bpn-first-page-link a:hover,
  .bones_page_navi li.bpn-last-page-link a:hover {
    background: none; }

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

/* end .wp-prev-next */
/******************************************************************
COMMENT STYLES
******************************************************************/
/* h3 comment title */
#comments {
  /* number of comments span */ }

.commentlist {
  /* general comment classes */
  /* vcard */
  /* end .commentlist .vcard */
  /* comment meta */
  /* comment content */
  /* end .commentlist .comment_content */
  /* comment reply link */
  /* end .commentlist .comment-reply-link */ }
  .commentlist li {
    position: relative;
    clear: both;
    overflow: hidden;
    list-style-type: none;
    margin-bottom: 1.5em;
    padding: 0.7335em 10px;
    /* end .commentlist li ul.children */ }
    .commentlist li:last-child {
      margin-bottom: 0; }
    .commentlist li ul.children {
      margin: 0;
      /* variations */
      /* change number for different depth */ }
  .commentlist li[class*=depth-] {
    margin-top: 1.1em; }
  .commentlist li.depth-1 {
    margin-left: 0;
    margin-top: 0; }
  .commentlist li:not(.depth-1) {
    margin-right: -10px;
    margin-left: -10px;
    margin-top: 0;
    padding-bottom: 0; }
  .commentlist .odd {
    background: #eee; }
  .commentlist .even {
    background: #fefefe; }
  .commentlist .vcard {
    margin-left: 50px; }
    .commentlist .vcard cite.fn {
      font-weight: 700;
      font-style: normal; }
    .commentlist .vcard time {
      float: right; }
      .commentlist .vcard time a {
        color: #999;
        text-decoration: none; }
        .commentlist .vcard time a:hover {
          text-decoration: underline; }
    .commentlist .vcard img.avatar {
      position: absolute;
      left: 10px;
      padding: 2px;
      border: 1px solid #cecece;
      background: #fff; }
  .commentlist .comment_content {
    margin-left: 50px; }
    .commentlist .comment_content p {
      margin: 0.7335em 0 1.5em;
      font-size: 1em;
      line-height: 1.5em; }
  .commentlist .comment-reply-link {
    text-decoration: none;
    float: right;
    background: #4598bb;
    padding: 3px 5px;
    color: #fff;
    opacity: 0.65;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 0.9em; }
    .commentlist .comment-reply-link:hover, .commentlist .comment-reply-link:focus {
      opacity: 1; }

/* end .commentlist */
/******************************************************************
COMMENT FORM STYLES
******************************************************************/
.respond-form {
  margin: 1.5em 10px;
  padding-bottom: 2.2em; }
  .respond-form form {
    margin: 0.75em 0; }
    .respond-form form li {
      list-style-type: none;
      clear: both;
      margin-bottom: 0.7335em; }
      .respond-form form li label,
      .respond-form form li small {
        display: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url],
    .respond-form form textarea {
      padding: 3px 6px;
      background: #efefef;
      border: 2px solid #cecece;
      line-height: 1.5em;
      /* form validation */ }
      .respond-form form input[type=text]:focus,
      .respond-form form input[type=email]:focus,
      .respond-form form input[type=url]:focus,
      .respond-form form textarea:focus {
        background: #fff; }
      .respond-form form input[type=text]:invalid,
      .respond-form form input[type=email]:invalid,
      .respond-form form input[type=url]:invalid,
      .respond-form form textarea:invalid {
        outline: none;
        border-color: #fbc2c4;
        background-color: #f6e7eb;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        box-shadow: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url] {
      max-width: 400px;
      min-width: 250px; }
    .respond-form form textarea {
      resize: none;
      width: 97.3%;
      height: 150px; }

/* comment submit button */
/* comment form title */
#comment-form-title {
  margin: 0 0 1.1em; }

/* cancel comment reply link */
/* logged in comments */
/* allowed tags */
#allowed_tags {
  margin: 1.5em 10px 0.7335em 0; }

/* no comments */
.nocomments {
  margin: 0 20px 1.1em; }

/*********************
GOOGLE CSE OVERRIDES
*********************/
.gsc-control-cse {
  background-color: transparent !important;
  border-color: transparent !important;
  padding: 0 !important; }

.gcsc-branding {
  display: none; }

.gsc-webResult.gsc-result, .gsc-results .gsc-imageResult {
  border-color: #FFFFFF;
  background-color: #FFFFFF; }

.gsc-above-wrapper-area {
  border-bottom: 0px !important;
  padding: 5px 0 5px 0; }

.gsc-webResult.gsc-result, .gsc-results .gsc-imageResult {
  border-color: black !important;
  background-color: black !important; }

.gsc-control-cse .gsc-table-result {
  margin-left: 15px !important;
  margin-right: 15px !important;
  width: auto !important; }

.gsc-thumbnail-inside, .gsc-url-top {
  padding-left: 15px !important;
  padding-right: 15px !important; }

.gs-webResult .gs-snippet, .gs-imageResult .gs-snippet, .gs-fileFormatType {
  color: #cccccc !important; }

.gsc-results .gsc-cursor-box .gsc-cursor-page {
  background-color: transparent !important;
  color: #cc9933 !important; }

.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
  background-color: transparent !important;
  color: white !important; }

.gs-result .gs-title, .gs-result .gs-title * {
  color: #cc9933 !important; }

.gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover b, .gs-imageResult a.gs-title:hover, .gs-imageResult a.gs-title:hover b {
  color: #a37a29 !important; }

.gs-webResult div.gs-visibleUrl, .gs-imageResult div.gs-visibleUrl {
  color: #666666 !important; }

/*********************
GRAVITY FORMS STYLES
*********************/
.gform_wrapper {
  max-width: 100%; }

.gform_wrapper input[type=text],
.gform_wrapper input[type=url],
.gform_wrapper input[type=email],
.gform_wrapper input[type=tel],
.gform_wrapper input[type=number],
.gform_wrapper input[type=password] {
  font-size: 14px;
  padding: 5px 4px; }

.gform_wrapper li.name-style label {
  display: none !important; }
.gform_wrapper li.name-style input {
  border: 0;
  background: none;
  font-size: 1.1em;
  font-weight: bold;
  color: #cc9933;
  text-transform: uppercase;
  width: 98% !important; }

.gform_wrapper li.title-style label {
  display: none !important; }
.gform_wrapper li.title-style input {
  border: 0;
  background: none;
  font-size: 0.8em;
  font-weight: bold;
  color: #cc9933;
  text-transform: uppercase;
  width: 98% !important; }

.gform_wrapper .enlarge input {
  font-size: 14px;
  font-family: inherit;
  padding: 5px 8px;
  height: 30px; }

.gform_wrapper textarea {
  font-size: 14px;
  height: 150px;
  padding: 5px 8px; }

.gform_wrapper .enlarge select {
  display: block;
  width: 100%;
  height: 30px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }

.gform_wrapper .dont-show-required .gfield_required {
  display: none; }

.gform_wrapper .top_label .no-label .gfield_label {
  display: block; }

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

/*********************
SIDEBARS & ASIDES
*********************/
.widget ul li {
  /* deep nesting */ }

.sidebar-video {
  display: block;
  max-width: 200px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 10px; }
  .sidebar-video a {
    display: block;
    text-decoration: none;
    line-height: 1em;
    font-size: .9em;
    text-align: center;
    padding: 10px 0 0 0; }
  .sidebar-video img {
    width: 100%;
    max-width: 221px;
    border: 1px solid #FFFFFF;
    display: block;
    margin: 0 auto; }

#sidebar-slideshow {
  margin: 1.5em auto 0 auto;
  width: 89px;
  height: 125px;
  text-align: center; }

.sidebar h3 {
  margin: 1em 0 .5em 0;
  text-align: center;
  line-height: 1em; }
.sidebar p {
  margin-top: 1em;
  margin-bottom: 0.5em; }
.sidebar .slides img {
  width: 100%;
  max-width: 221px;
  border: 1px solid #FFFFFF;
  display: block;
  margin: 0 auto; }
.sidebar .ferry-schedules li {
  padding: 5px 0;
  border-bottom: 1px solid #43403D;
  font-size: 14px;
  line-height: 16px;
  text-align: center; }
  .sidebar .ferry-schedules li:first-child {
    border-top: 1px solid #43403D; }
  .sidebar .ferry-schedules li a {
    text-decoration: none; }

/*********************
VIDEO STYLES
*********************/
h4.vidtitle {
  margin-bottom: 0; }

.video-desc {
  font-size: 0.8em;
  line-height: 1.0em;
  color: #999999; }

.vidwrap div.vidimage {
  padding: 1em 0 1em 0;
  max-width: 220px;
  margin: 0 auto; }
  .vidwrap div.vidimage a {
    position: relative;
    z-index: 99;
    display: block;
    background: #000000; }
    .vidwrap div.vidimage a img {
      border: 1px solid #FFFFFF;
      margin: 0;
      padding: 0;
      display: block; }
    .vidwrap div.vidimage a span {
      width: 100%;
      height: 100%;
      display: block;
      z-index: 100;
      position: absolute;
      top: 0;
      left: 0;
      background: transparent url("../images/play-button-small.png") no-repeat center center;
      opacity: .80;
      -moz-opacity: .80;
      filter: alpha(opacity=80); }
      .vidwrap div.vidimage a span:hover {
        opacity: 1.0;
        -moz-opacity: 1.0;
        filter: alpha(opacity=100); }
.vidwrap div.vidcontent {
  width: 100%;
  font-size: .9em; }

/*********************
TABS TO ACCORDION STYLES
*********************/
#tabs {
  margin-top: 1.5em; }

ul.resp-tabs-list {
  margin: 1.5em 0 0 0;
  padding: 0px; }
  ul.resp-tabs-list p {
    display: inline-block !important; }

.resp-tabs-list li {
  font-weight: 400;
  font-size: .9em;
  display: inline-block;
  padding: 13px 13px;
  margin: 0;
  list-style: none;
  cursor: pointer;
  float: left; }

.resp-tabs-container {
  padding: 0px;
  background-color: #000000;
  clear: left;
  margin-bottom: 1.5em;
  width: 100%; }

h2.resp-accordion {
  cursor: pointer;
  padding: 5px;
  display: none; }

.resp-tab-content {
  display: none;
  padding: 15px !important; }
  .resp-tab-content p:first-child {
    margin-top: 0; }
  .resp-tab-content p:last-child {
    margin-bottom: 0; }
  .resp-tab-content h3:first-child {
    margin-top: 0; }
  .resp-tab-content img {
    margin: 0;
    display: block; }

.resp-tab-active {
  border: 1px solid #c1c1c1;
  border-bottom: none;
  margin-bottom: -1px !important;
  padding: 12px 14px 14px 14px !important;
  color: #FFFFFF; }

.resp-tab-active {
  border-bottom: none;
  background-color: #000000; }

.resp-content-active, .resp-accordion-active {
  display: block; }

.resp-tab-content {
  border: 1px solid #c1c1c1; }

h2.resp-accordion {
  font-size: 1.2em;
  border: 1px solid #c1c1c1;
  border-top: 0px solid #c1c1c1;
  margin: 0px;
  padding: 10px 15px; }

h2.resp-tab-active {
  border-bottom: 0px solid #c1c1c1 !important;
  margin-bottom: 0px !important;
  padding: 10px 15px !important; }

h2.resp-tab-title:last-child {
  border-bottom: 12px solid #c1c1c1 !important;
  background: blue; }

/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list {
  float: left;
  width: 30%; }

.resp-vtabs .resp-tabs-list li {
  display: block;
  padding: 15px 15px !important;
  margin: 0;
  cursor: pointer;
  float: none; }

.resp-vtabs .resp-tabs-container {
  padding: 0px;
  background-color: #000000;
  border: 1px solid #c1c1c1;
  float: left;
  width: 68%;
  min-height: 250px;
  border-radius: 4px;
  clear: none; }

.resp-vtabs .resp-tab-content {
  border: none; }

.resp-vtabs li.resp-tab-active {
  border: 1px solid #c1c1c1;
  border-right: none;
  background-color: #000000;
  position: relative;
  z-index: 1;
  margin-right: -1px !important;
  padding: 14px 15px 15px 14px !important; }

.resp-arrow {
  width: 0;
  height: 0;
  float: right;
  margin-top: 3px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 12px solid #c1c1c1; }

h2.resp-tab-active span.resp-arrow {
  border: none;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 12px solid #9B9797; }

/*-----------Accordion styles-----------*/
h2.resp-accordion {
  color: #666666; }
  h2.resp-accordion.resp-tab-active {
    background: #000000 !important;
    color: #FFFFFF; }

.resp-easy-accordion h2.resp-accordion {
  display: block; }

.resp-easy-accordion .resp-tab-content {
  border: 1px solid #c1c1c1; }

.resp-easy-accordion .resp-tab-content:last-child {
  border-bottom: 1px solid #c1c1c1 !important; }

.resp-jfit {
  width: 100%;
  margin: 0px; }

.resp-tab-content-active {
  display: block; }

h2.resp-accordion:first-child {
  border-top: 1px solid #c1c1c1 !important; }

/* THIS SETS TO ACCORDION...RESET AT 768 */
ul.resp-tabs-list {
  display: none; }

h2.resp-accordion {
  display: block; }

.resp-vtabs .resp-tab-content {
  border: 1px solid #C1C1C1; }

.resp-vtabs .resp-tabs-container {
  border: none;
  float: none;
  width: 100%;
  min-height: initial;
  clear: none; }

.resp-accordion-closed {
  display: none !important; }

.resp-vtabs .resp-tab-content:last-child {
  border-bottom: 1px solid #c1c1c1 !important; }

/*********************
RESPONSIVE MAP (EMBEDDED) STYLES
*********************/
.iframe-map {
  position: relative;
  padding-bottom: 65.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden; }
  .iframe-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/*********************
FOOTER STYLES
*********************/
.footer {
  clear: both; }

/*
if you checked out the link above:
http://www.alistapart.com/articles/organizing-mobile/
you'll want to style the footer nav
a bit more in-depth. Remember to keep
it simple because you'll have to
override these styles for the desktop
view.
*/
/* end .footer-links */
#footer-wrap {
  width: 100%; }

#footer {
  font-size: 10px;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 230px;
  background: black url("../images/footer_background.jpg") repeat-x center top;
  margin: 0;
  padding: 0; }

#footer_nav #menu-footer-menu {
  padding-top: 60px; }

#footer_text {
  background: transparent url("../images/proudly_canadian1.jpg") no-repeat center 0px;
  position: relative;
  text-align: center;
  height: 230px;
  margin: 0 auto;
  color: #D4D5D7; }

#footer_text a:link, #footer_text a:visited {
  color: #D4D5D7;
  text-decoration: none;
  font-weight: 100; }

/*********************
FLEX VIDEO STYLES
*********************/
.flex-video {
  position: relative;
  padding-top: 25px;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 16px;
  overflow: hidden;
  clear: both; }

.flex-video.widescreen {
  padding-bottom: 57.25%; }

.flex-video.standard {
  padding-bottom: 67.5%; }

.flex-video.vimeo {
  padding-top: 0; }

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

/*********************
VISIBILITY STYLES
*********************/
/* Foundation Visibility HTML Classes */
.show-for-small,
.show-for-medium-down,
.show-for-large-down {
  display: inherit !important; }

.show-for-medium,
.show-for-medium-up,
.show-for-large,
.show-for-large-up,
.show-for-xlarge {
  display: none !important; }

.hide-for-medium,
.hide-for-medium-up,
.hide-for-large,
.hide-for-large-up,
.hide-for-xlarge {
  display: inherit !important; }

.hide-for-small,
.hide-for-medium-down,
.hide-for-large-down {
  display: none !important; }

/*********************
GALLERY STYLES
*********************/
/* Actual Fancybox Styles are loaded in a separate CSS file...these just configure the stage */
.gallery-wrap .slides a {
  display: block;
  float: left;
  margin: .25em;
  padding: 3px;
  background-color: #FFFFFF; }
  .gallery-wrap .slides a img {
    margin: 0;
    display: block;
    max-width: 68px; }
.gallery-wrap p.credits {
  font-size: .9em; }

/*********************
RESPONSIVE TABLE STYLES
*********************/
h2.fleet-title {
  margin: .5em 0 0 0; }

.print-fleet,
.print-schedule {
  color: #FFFFFF;
  font-size: 13px; }

.table-res {
  background-color: transparent;
  border: none;
  font-size: 13px;
  margin: 1em 0 .5em 0;
  color: #333333;
  width: 100%; }

.table-head {
  position: absolute;
  /* Hides table head but not using display none */
  top: -1000em;
  left: -1000em; }

.table-res,
.table-row,
.table-col {
  display: block;
  /* Converts a table, table row, table column and table column:before into a block element */ }

.table-col:before {
  display: inline-block;
  /* Converts a table, table row, table column and table column:before into a block element */ }

.table-res,
.table-row .table-col:last-child {
  border-bottom: none; }

.table-row {
  background-color: #CCCCCC;
  margin: 0 0 20px 0;
  padding: 5px; }
  .table-row .table-col:nth-child(1) {
    /* first column of the row */ }
  .table-row .table-col:last-child {
    /* last column of the row */
    border-bottom: none; }
  .table-row:last-child {
    border-bottom: 0; }
    .table-row:last-child .table-col {
      /* Column in the last row and column */ }

.table-col {
  padding: 5px 10px;
  border-bottom: 1px solid #eeeeee; }
  .table-col a {
    text-decoration: none; }
  .table-col.notitle img {
    display: block;
    margin: 0 auto; }

.table-col:before {
  /* prints the value of data-label attribute before the column data */
  font-weight: bold;
  padding-right: 20px;
  font-size: 12px;
  width: 30%;
  content: " " attr(data-label) ": ";
  /* call the attribute value of data-label and adds a string // */ }

.table-col.notitle:before {
  padding: 0;
  content: "";
  width: 0; }

table.new_builds {
  width: 100%;
  margin-bottom: 1em;
  color: #ECECEC; }
  table.new_builds th {
    text-transform: uppercase;
    line-height: 1.2em;
    padding-bottom: .5em; }
  table.new_builds td {
    line-height: 1.4em; }

/*** Cruiseship Repair Table Specifics ***/
.repair-details {
  display: block !important; }
  .repair-details h2 {
    display: none; }

/*********************
SUPERSIZED STYLES
*********************/
/*

	Supersized - Fullscreen Slideshow jQuery Plugin
	Version : 3.2.7
	Site	: www.buildinternet.com/project/supersized
	
	Author	: Sam Dunn
	Company : One Mighty Roar (www.onemightyroar.com)
	License : MIT License / GPL License
	
*/
* {
  margin: 0;
  padding: 0; }

body {
  background: #111;
  height: 100%; }

img {
  border: none; }

#supersized-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  width: 60px;
  height: 60px;
  margin: -30px 0 0 -30px;
  text-indent: -999em;
  background: url("../images/progress.gif") no-repeat center center; }

#supersized {
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  overflow: hidden;
  z-index: -999;
  height: 100%;
  width: 100%; }

#supersized img {
  width: auto;
  height: auto;
  position: relative;
  display: none;
  outline: none;
  border: none; }

#supersized.speed img {
  -ms-interpolation-mode: nearest-neighbor;
  image-rendering: -moz-crisp-edges; }

/*Speed*/
#supersized.quality img {
  -ms-interpolation-mode: bicubic;
  image-rendering: optimizeQuality; }

/*Quality*/
#supersized li {
  display: block;
  list-style: none;
  z-index: -30;
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #111; }

#supersized a {
  width: 100%;
  height: 100%;
  display: block; }

#supersized li.prevslide {
  z-index: -20; }

#supersized li.activeslide {
  z-index: -10; }

#supersized li.image-loading {
  background: #111111 url("../images/progress.gif") no-repeat center center;
  width: 100%;
  height: 100%; }

#supersized li.image-loading img {
  visibility: hidden; }

#supersized li.prevslide img, #supersized li.activeslide img {
  display: inline; }

/*
LARGER MOBILE DEVICES
This is for devices like the Galaxy Note or something that's
larger than an iPhone but smaller than a tablet. Let's call them
tweeners.
*/
@media only screen and (min-width: 481px) {
  /******************************************************************
  Site Name: 
  Author: 
  
  Stylesheet: 481px and Up Stylesheet
  
  This stylesheet is loaded for larger devices. It's set to 
  481px because at 480px it would load on a landscaped iPhone.
  This isn't ideal because then you would be loading all those
  extra styles on that same mobile connection. 
  
  A word of warning. This size COULD be a larger mobile device,
  so you still want to keep it pretty light and simply expand
  upon your base.scss styles.
  
  ******************************************************************/
  /*********************
  LAYOUT & GRID STYLES
  *********************/
  .wrap {
    width: 96%; }

  /*********************
  NAVIGATION STYLES
  *********************/
  /* Sub Menu Container Style */
  #megaMenu ul.megaMenu > li.menu-item.ss-nav-menu-mega > ul.sub-menu-1,
  #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg ul.sub-menu {
    border-top-width: 1px; }

  #megaMenu.megaResponsive ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu.sub-menu-1 > li.menu-item {
    min-height: 185px; }

  #megaMenu.megaMenuHorizontal ul.megaMenu > li.menu-item:last-child {
    margin-bottom: 0px; }

  #megaMenu ul ul.sub-menu {
    position: absolute; }

  /* .menu is clearfixed inside mixins.scss */
  .menu {
    /* end .menu ul */ }
    .menu ul {
      /* end .menu ul li */
      /* highlight current page */
      /* end current highlighters */ }
      .menu ul li {
        /*
        plan your menus and drop-downs wisely.
        */ }
        .menu ul li a {
          /*
          you can use hover styles here even though this size
          has the possibility of being a mobile device.
          */ }

  /* end .menu */
  /*********************
  HOME BANNER STYLES
  *********************/
  #banner-content .flexslider ul.slides li {
    height: 250px; }
    #banner-content .flexslider ul.slides li h1 {
      background-color: transparent;
      background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, black 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.5)), color-stop(100%, black));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, black 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, black 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, black 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, black 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#000000',GradientType=0 );
      /* IE6-9 */
      top: 15px; }
  #banner-content .flexslider .flex-control-nav {
    margin: 0 auto;
    position: absolute;
    top: 15px; }

  /*********************
  HOME STYLES
  *********************/
  body.home #inner-content.wrap {
    margin-top: 60px; }

  /*********************
  PAGE STYLES
  *********************/
  /*********************
  VIDEO STYLES
  *********************/
  h4.vidtitle {
    margin-bottom: 0; }

  .vidwrap {
    padding: 1em 0 1em 0; }
    .vidwrap div.vidimage {
      width: 38%;
      max-width: none;
      margin: 0;
      float: left;
      padding: 0 1em 0 0; }
    .vidwrap div.vidcontent {
      width: 60%;
      float: left; }

  /*********************
  POSTS & CONTENT STYLES
  *********************/
  /* entry content */
  .entry-content {
    /* at this larger size, we can start to align images */ }
    .entry-content .alignleft, .entry-content img.alignleft {
      margin-top: .2em;
      margin-right: 1.5em;
      margin-bottom: .2em;
      display: inline;
      float: left; }
    .entry-content .alignright, .entry-content img.alignright {
      margin-top: .2em;
      margin-left: 1.5em;
      margin-bottom: .2em;
      display: inline;
      float: right; }
    .entry-content .aligncenter, .entry-content img.aligncenter {
      margin-right: auto;
      margin-left: auto;
      display: block;
      clear: both; }

  /* end .entry-content */
  /******************************************************************
  CORPORATE TEAM STYLES
  ******************************************************************/
  .single-corporate_team .article-header {
    text-align: left; }
    .single-corporate_team .article-header h1 {
      padding-top: 0; }
    .single-corporate_team .article-header img {
      float: left;
      margin-right: 1em; }

  /******************************************************************
  ICON LIST STYLES
  ******************************************************************/
  ul.icons-list {
    margin: 25px 0;
    /* Remove the default left margin */
    padding: 0;
    /* Remove the default left padding */
    /* end li */ }
    ul.icons-list li {
      display: block;
      position: relative;
      /* Create a positioning context */
      width: 100%;
      margin-bottom: 10px;
      padding-top: 10px;
      list-style: none;
      /* Disable the normal item numbering */
      border-top: 1px dotted #CCCCCC;
      /* end list-content */ }
      ul.icons-list li:nth-child(1) {
        border-top: 0; }
      ul.icons-list li div.list-image img {
        padding: 3px;
        background-color: #F2F2F2; }
      ul.icons-list li div.list-image.no-style img {
        background-color: transparent;
        padding: 0; }

  /* end icons-list */
  /*********************
  FOOTER STYLES
  *********************/
  /*
  check your menus here. do they look good?
  do they need tweaking?
  */
  /* end .footer-links */ }
/*
MOBILE DEVICES ONLY
This is a stylesheet that will be applied only to devices under 768. 
Necessary to make some navigation tweaks.
*/
@media only screen and (max-width: 768px) {
  /******************************************************************
  Site Name: 
  Author: 
  
  Stylesheet: 768px and Down Stylesheet
  
  This stylesheet is necessary for some navigation style overrides ONLY for mobile
  
  ******************************************************************/
  /*********************
  NAVIGATION STYLES
  *********************/
  /* Responsive tweaks */
  #globalnav #megaMenu.megaResponsive ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu.sub-menu-1,
  #megaMenu.megaMenuHorizontal ul.megaMenu li.menu-item.ss-nav-menu-reg > ul.sub-menu {
    left: 0px !important;
    width: 100%;
    box-sizing: border-box !important; }

  #megaMenu.megaMenuHorizontal ul.megaMenu > li.menu-item:last-child > a {
    margin-bottom: 0; } }
/*
TABLET & SMALLER LAPTOPS
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*/
@media only screen and (min-width: 768px) {
  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Grid Stylesheet
  
  I've seperated the grid so you can swap it out easily. It's
  called at the top the style.scss stylesheet.
  
  There are a ton of grid solutions out there. You should definitely
  experiment with your own. Here are some recommendations:
  
  http://gridsetapp.com - Love this site. Responsive Grids made easy.
  http://susy.oddbird.net/ - Grids using Compass. Very elegant.
  http://gridpak.com/ - Create your own responsive grid.
  
  The grid below is a combination of the 1140 grid and Twitter Boostrap. 
  I liked 1140 but Boostrap's grid was way more detailed so I merged them 
  together, let's see how this works out. If you want to use 1140, the original 
  values are commented out on each line.
  
  ******************************************************************/
  .onecol {
    width: 5.801104972%; }

  /* 4.85%;  } /* grid_1  */
  .twocol {
    width: 14.364640883%; }

  /* 13.45%; } /* grid_2  */
  .threecol {
    width: 22.928176794%; }

  /* 22.05%; } /* grid_3  */
  .fourcol {
    width: 31.491712705%; }

  /* 30.75%; } /* grid_4  */
  .fivecol {
    width: 40.055248616%; }

  /* 39.45%; } /* grid_5  */
  .sixcol {
    width: 48.618784527%; }

  /* 48%;    } /* grid_6  */
  .sevencol {
    width: 57.182320438000005%; }

  /* 56.75%; } /* grid_7  */
  .eightcol {
    width: 65.74585634900001%; }

  /* 65.4%;  } /* grid_8  */
  .ninecol {
    width: 74.30939226%; }

  /* 74.05%; } /* grid_9  */
  .tencol {
    width: 82.87292817100001%; }

  /* 82.7%;  } /* grid_10 */
  .elevencol {
    width: 91.436464082%; }

  /* 91.35%; } /* grid_11 */
  .twelvecol {
    width: 99.999999993%; }

  /* 100%;   } /* grid_12 */
  .onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol {
    position: relative;
    float: left;
    margin-left: 2.762430939%; }

  .first {
    margin-left: 0; }

  .last {
    float: right; }

  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Tablet & Small Desktop Stylesheet
  
  Here's where you can start getting into the good stuff.
  This size will work on iPads, other tablets, and desktops.
  So you can start working with more styles, background images,
  and other resources. You'll also notice the grid starts to
  come into play. Have fun!
  
  ******************************************************************/
  /*********************
  GENERAL STYLES
  *********************/
  /*********************
  LAYOUT & GRID STYLES
  *********************/
  .wrap {
    max-width: 1024px;
    margin: 0 auto; }

  /*********************
  HEADER STYLES
  *********************/
  #globalnav {
    float: none;
    width: 696px;
    margin: 0 auto; }

  /*********************
  SUBNAV (OFF CANVAS) STYLES
  *********************/
  /* these style are coming from the _grid.scss....resetting to those values here */
  /* threecol */
  .error404 div#subnav,
  .archive div#subnav,
  .single div#subnav,
  .page-template-default div#subnav,
  .page-template-page-contactlist-php div#subnav,
  .page-template-page-full-php div#subnav {
    margin-left: 0;
    width: 22.928176794%;
    float: left;
    z-index: auto; }

  /* approx sevencol */
  .page-template-default div#main {
    margin-left: 2.762430939%;
    width: 57.182320438000005%;
    position: relative;
    float: left; }

  /* ninecol */
  .error404 div#main,
  .archive div#main,
  .single div#main,
  .page-template-page-contactlist-php div#main,
  .page-template-page-full-php div#main {
    margin-left: 2.762430939%;
    width: 74.30939226%;
    position: relative;
    float: left; }

  .error404 div#off-canvas-wrap,
  .archive div#off-canvas-wrap,
  .single div#off-canvas-wrap,
  .page-template-default div#off-canvas-wrap,
  .page-template-page-contactlist-php div#off-canvas-wrap,
  .page-template-page-full-php div#off-canvas-wrap {
    float: none; }

  .subnav-search {
    display: block;
    padding: 0 0 10px 0; }

  .footer-search {
    display: none; }

  /*********************
  LINK STYLES
  *********************/
  /* styling phone numbers */
  a[href^="tel:"]:before {
    display: none; }

  /*********************
  PAGE STYLES
  *********************/
  h1.page-title {
    margin: 0.5em 0 0 0; }

  /*********************
  HEADQUARTER STYLES
  *********************/
  ul.headquarters li {
    width: 48%;
    float: left;
    min-height: 189px; }

  ul.contacts li h3 {
    display: block;
    float: left;
    width: 30%;
    line-height: 1.2em;
    padding: 0.9em 0; }
  ul.contacts li span {
    float: left;
    padding: 0 .5em 0 0;
    white-space: nowrap; }
    ul.contacts li span.contact-title {
      float: none;
      padding: 0; }

  /*********************
  CALLOUT STYLES
  *********************/
  .callout {
    max-width: 40%; }
    .callout.right {
      margin: .3em 0 1em 2em;
      float: right; }
    .callout.left {
      margin: .3em 2em 1em 0;
      float: left; }
    .callout.topmar {
      margin-top: 1.3em; }

  /*********************
  NAVIGATION STYLES
  *********************/
  /* Top Level Items */
  #megaMenu ul.megaMenu > li.menu-item > a,
  #megaMenu ul.megaMenu > li.menu-item > span.um-anchoremulator,
  .megaMenuToggle {
    font-size: 11px;
    padding: 9px 15px 7px 7px;
    margin-right: 5px;
    margin-top: 5px;
    margin-bottom: 0px;
    border-top: 1px solid #484542;
    border-left: 1px solid #484542;
    border-right: 1px solid #484542;
    border-bottom: 0px;
    line-height: 31px; }

  /* resetting some borders from mobile polishes */
  #megaMenu.megaResponsive.megaMenuHorizontal ul.megaMenu > li.menu-item > a {
    border-top: 1px solid #484542;
    border-left: 1px solid #484542;
    border-right: 1px solid #484542; }

  #megaMenu.megaResponsive.megaMenuHorizontal ul.megaMenu > li.menu-item.careers-icon > a {
    border-top: 1px solid #f71530;
    border-left: 1px solid #f71530;
    border-right: 1px solid #f71530; }

  /* Sub Menu Container Style */
  /* Responsive tweaks - resetting */
  #globalnav #megaMenu.megaResponsive ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu.sub-menu-1 {
    left: auto;
    width: auto;
    /* width: 105%; */
    box-sizing: content-box; }

  /* Auto sizing mega menu on the first child vs. the others that are set to a width of 105% above */
  #globalnav #megaMenu.megaResponsive ul.megaMenu li.menu-item.ss-nav-menu-mega:first-child ul.sub-menu.sub-menu-1 {
    width: auto; }

  #megaMenu ul li.menu-item.ss-nav-menu-mega ul li.menu-item.ss-nav-menu-item-depth-1 {
    padding: 11px 20px; }

  #megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu.sub-menu-1 {
    max-width: 110%; }

  #megaMenu.megaMenuHorizontal ul.megaMenu > li.menu-item:first-child > a {
    border-left: 1px solid #484542; }

  #megaMenu.megaMenuHorizontal ul.megaMenu > li.menu-item:last-child > a {
    border-bottom: 0px;
    margin-bottom: 0px; }

  .navbar {
    /* end .nav */ }
    .navbar .nav {
      /* end .menu ul li */
      /* highlight current page */
      /* end current highlighters */ }
      .navbar .nav li {
        /*
        plan your menus and drop-downs wisely.
        */
        /* showing sub-menus */ }
        .navbar .nav li a {
          /*
          you can use hover styles here even though this size
          has the possibility of being a mobile device.
          */ }
        .navbar .nav li ul.sub-menu,
        .navbar .nav li ul.children {
          /* highlight sub-menu current page */ }
          .navbar .nav li ul.sub-menu li,
          .navbar .nav li ul.children li {
            /*
            if you need to go deeper, go nuts
            just remember deeper menus suck
            for usability. k, bai.
            */ }

  /* end .navbar */
  /*********************
  HOME STYLES
  *********************/
  body.home #content {
    /*
    width: 100%;
    height: 100%;
    position:fixed;
    left:0;
    top:0;
    margin: 0 auto;
    padding: 113px 0px 0px 0px;
    */ }

  body.home #inner-content.wrap {
    background-image: none;
    padding: 0;
    margin-bottom: 35px;
    margin-top: 31px;
    /*
    width: 100%;
    margin: 0;
    padding: 0;
    background: none;
    */ }
    body.home #inner-content.wrap .fleet-button {
      width: 180px;
      display: block;
      margin-left: 0;
      margin-right: 0; }
    body.home #inner-content.wrap .login-button {
      width: 180px;
      display: block;
      margin-left: 0;
      margin-right: 0;
      padding: 5px; }
      body.home #inner-content.wrap .login-button i {
        font-size: 32px;
        line-height: 32px; }
    body.home #inner-content.wrap #home-sidebar-wrap {
      margin-bottom: 1em; }

  /*********************
  HOME & BANNER STYLES
  *********************/
  #banner-content .flexslider .flex-viewport {
    overflow: hidden !important; }
  #banner-content .flexslider ul.slides li {
    height: 400px; }
    #banner-content .flexslider ul.slides li .wrap {
      height: 400px;
      margin-top: auto;
      width: 96%;
      top: auto; }
    #banner-content .flexslider ul.slides li div.preset,
    #banner-content .flexslider ul.slides li div.custom {
      position: absolute;
      max-width: 550px;
      margin-top: 20px;
      border-bottom: 5px solid #FFFFFF;
      background: none;
      background-color: rgba(0, 0, 0, 0.4); }
    #banner-content .flexslider ul.slides li div.preset.top-left {
      top: 0;
      left: 0; }
    #banner-content .flexslider ul.slides li div.preset.top-center {
      top: 0;
      left: 50%;
      margin-left: -50%; }
    #banner-content .flexslider ul.slides li div.preset.top-right {
      top: 0;
      right: 0; }
    #banner-content .flexslider ul.slides li div.preset.bottom-right {
      bottom: 40px;
      right: 0;
      margin-bottom: 15px; }
    #banner-content .flexslider ul.slides li div.preset.bottom-center {
      bottom: 40px;
      left: 50%;
      margin-left: -50%;
      margin-bottom: 15px; }
    #banner-content .flexslider ul.slides li div.preset.bottom-left {
      bottom: 40px;
      left: 0;
      margin-bottom: 15px; }
    #banner-content .flexslider ul.slides li h1 {
      top: 20px;
      font-size: 20px;
      line-height: 20px;
      width: 100%;
      padding: 12px;
      background: none;
      filter: none; }
    #banner-content .flexslider ul.slides li p.subheading {
      display: block;
      font-size: 14px;
      padding: 0 12px 12px 12px;
      margin: 0;
      color: #FFFFFF; }
    #banner-content .flexslider ul.slides li span {
      display: block;
      font-size: 11px;
      line-height: 11px;
      padding: 0 12px 12px 12px; }
    #banner-content .flexslider ul.slides li button {
      height: 45px;
      position: absolute;
      bottom: -50px;
      right: 0;
      width: auto;
      border-top: 0; }
  #banner-content .flexslider .flex-control-nav li a {
    border: 2px solid #fff;
    width: 18px;
    line-height: 14px;
    padding-top: 14px;
    -webkit-border-radius: 16px;
    border-radius: 16px; }

  /* end #banner-content */
  /*********************
  PAGE STYLES
  *********************/
  div#container_inner.wrap {
    margin-bottom: 100px; }

  /*********************
  SIDEBARS & ASIDES
  *********************/
  .sidebar {
    margin-top: 2.2em; }

  .widgettitle {
    border-bottom: 2px solid #444;
    margin-bottom: 0.75em; }

  .widget {
    padding: 0 10px;
    margin: 2.2em 0; }
    .widget ul li {
      margin-bottom: 0.75em;
      /* deep nesting */ }
      .widget ul li ul {
        margin-top: 0.75em;
        padding-left: 1em; }

  .sidebar h3 {
    text-align: left; }
  .sidebar .ferry-schedules li {
    text-align: left; }

  /* links widget */
  /* meta widget */
  /* pages widget */
  /* recent-posts widget */
  /* archives widget */
  /* tag-cloud widget */
  /* calendar widget */
  /* category widget */
  /* recent-comments widget */
  /* search widget */
  /* text widget */
  .login-button {
    width: 100%;
    margin-left: 0;
    margin-right: 0; }
    .login-button span em {
      font-size: 14px;
      line-height: 10px; }

  /******************************************************************
  CORP LIST STYLES
  ******************************************************************/
  ul.corplist {
    list-style: none;
    padding: 0;
    margin: 0; }
    ul.corplist li {
      display: block;
      width: 48%;
      float: left;
      height: 162px;
      /* bit of a hack, to fix li's that werent' clearing */ }
      ul.corplist li a.corp-image {
        display: block;
        float: left;
        margin-right: 1em; }
        ul.corplist li a.corp-image img {
          max-width: 117px;
          display: block; }
      ul.corplist li a.corp-text {
        text-decoration: none; }

  /*********************
  VISIBILITY STYLES
  *********************/
  .show-for-medium,
  .show-for-medium-up {
    display: inherit !important; }

  .table-col.show-for-medium,
  .table-col.show-for-medium-up {
    display: table-cell !important; }

  .show-for-small {
    display: none !important; }

  .hide-for-small {
    display: inherit !important; }

  .hide-for-medium,
  .hide-for-medium-up {
    display: none !important; }

  /*********************
  RESPONSIVE TABLE STYLES
  *********************/
  .single-fleets h1.page-title {
    margin-bottom: .5em; }

  .table-res {
    display: table;
    /* Defines a Table */
    font-size: 12px;
    margin: 1em 0 2em 0;
    background-color: #CCCCCC;
    border: 1px solid #eeeeee; }

  .table-head {
    display: table-header-group;
    /* Defines a table header group */
    position: static;
    top: 0;
    left: 0; }
    .table-head .table-col {
      /* Column inside the table-head */
      background: #444444;
      color: #7d7d7d;
      border-bottom: none;
      display: table-cell; }
      .table-head .table-col:before {
        /* prints the value of data-label attribute before the column data */
        display: none; }
      .table-head .table-col.hidden {
        display: none; }

  .table-row {
    display: table-row;
    /* Defines a table row */ }
    .table-row .table-col {
      display: table-cell;
      /* Defines a table cell */
      border-bottom: 1px solid #eeeeee; }
      .table-row .table-col:before {
        /* prints the value of data-label attribute before the column data */
        display: none; }
      .table-row .table-col:last-child {
        /* last column of the row */
        border-bottom: 1px solid #eeeeee; }
      .table-row .table-col:nth-child(1) {
        /* First column in a row */ }
      .table-row .table-col a {
        text-decoration: none;
        font-size: 14px; }
      .table-row .table-col.hidden {
        display: none; }
    .table-row:last-child .table-col {
      /* column in a last row */
      border-bottom: none; }

  /*** Cruiseship Repair Table Specifics ***/
  .open-details {
    white-space: nowrap; }

  .repair-details h2 {
    display: block;
    margin-top: 0;
    padding-top: 0; }
  .repair-details img {
    display: block;
    float: right;
    margin: 0 30px 15px 15px; }
  .repair-details ul {
    list-style: disc;
    padding: 0 0 0 40px; }

  /*********************
  GALLERY STYLES
  *********************/
  /* Actual Fancybox Styles are loaded in a separate CSS file...these just configure the stage */
  .gallery-wrap .slides a {
    padding: 5px; }
    .gallery-wrap .slides a img {
      max-width: 100px; }

  /*********************
  TABS TO ACCORDION STYLES
  *********************/
  ul.resp-tabs-list {
    display: block; }

  h2.resp-accordion {
    display: none; }

  .resp-vtabs .resp-tab-content {
    border: none; }

  .resp-vtabs .resp-tabs-container {
    border: 1px solid #c1c1c1;
    float: left;
    width: 68%;
    min-height: 250px;
    clear: none; }

  .resp-accordion-closed {
    display: block !important; }

  .resp-vtabs .resp-tab-content:last-child {
    border-bottom: none !important; }

  /*********************
  FOOTER STYLES
  *********************/
  /*
  you'll probably need to do quite a bit
  of overriding here if you styled them for
  mobile. Make sure to double check these!
  */
  .footer-links ul li {
    /*
    be careful with the depth of your menus.
    it's very rare to have multi-depth menus in
    the footer.
    */ }

  /* end .footer-links */
  #footer-wrap {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 200; }

  body.home #footer-wrap {
    /* comment this out to bring back a sticky footer on the home page */
    position: static; }

  #footer {
    font-size: 10px;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70px;
    background: url("../images/footer_background.jpg") repeat-x center top;
    margin: 0;
    padding: 0; }

  #footer_nav {
    position: absolute;
    top: 33px;
    left: 12px;
    width: 350px; }
    #footer_nav #menu-footer-menu {
      padding-top: 0px;
      margin: 0;
      line-height: 10px; }
      #footer_nav #menu-footer-menu li a {
        display: block;
        float: left; }
        #footer_nav #menu-footer-menu li a:after {
          content: " | ";
          display: inline-block;
          margin: 0 .4em 0 .4em; }
      #footer_nav #menu-footer-menu li:last-child a:after {
        content: " "; }

  #footer_text {
    background: transparent url("../images/proudly_canadian1.jpg") no-repeat center 0px;
    position: relative;
    text-align: center;
    width: 100%;
    height: 70px;
    margin: 0 auto;
    color: #D4D5D7; }

  #footer_text a:link, #footer_text a:visited {
    color: #D4D5D7;
    text-decoration: none;
    font-weight: 100; }

  .copyrightinfo {
    font-weight: 200;
    position: absolute;
    top: 34px;
    right: 114px; } }
/*
CUSTOM SIZE BREAKPOINT
Because of specific menu requirements, a custom breakpoint
is necessary.
*/
@media only screen and (min-width: 980px) {
  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Grid Stylesheet
  
  I've seperated the grid so you can swap it out easily. It's
  called at the top the style.scss stylesheet.
  
  There are a ton of grid solutions out there. You should definitely
  experiment with your own. Here are some recommendations:
  
  http://gridsetapp.com - Love this site. Responsive Grids made easy.
  http://susy.oddbird.net/ - Grids using Compass. Very elegant.
  http://gridpak.com/ - Create your own responsive grid.
  
  The grid below is a combination of the 1140 grid and Twitter Boostrap. 
  I liked 1140 but Boostrap's grid was way more detailed so I merged them 
  together, let's see how this works out. If you want to use 1140, the original 
  values are commented out on each line.
  
  ******************************************************************/
  .onecol {
    width: 5.801104972%; }

  /* 4.85%;  } /* grid_1  */
  .twocol {
    width: 14.364640883%; }

  /* 13.45%; } /* grid_2  */
  .threecol {
    width: 22.928176794%; }

  /* 22.05%; } /* grid_3  */
  .fourcol {
    width: 31.491712705%; }

  /* 30.75%; } /* grid_4  */
  .fivecol {
    width: 40.055248616%; }

  /* 39.45%; } /* grid_5  */
  .sixcol {
    width: 48.618784527%; }

  /* 48%;    } /* grid_6  */
  .sevencol {
    width: 57.182320438000005%; }

  /* 56.75%; } /* grid_7  */
  .eightcol {
    width: 65.74585634900001%; }

  /* 65.4%;  } /* grid_8  */
  .ninecol {
    width: 74.30939226%; }

  /* 74.05%; } /* grid_9  */
  .tencol {
    width: 82.87292817100001%; }

  /* 82.7%;  } /* grid_10 */
  .elevencol {
    width: 91.436464082%; }

  /* 91.35%; } /* grid_11 */
  .twelvecol {
    width: 99.999999993%; }

  /* 100%;   } /* grid_12 */
  .onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol {
    position: relative;
    float: left;
    margin-left: 2.762430939%; }

  .first {
    margin-left: 0; }

  .last {
    float: right; }

  /******************************************************************
  Site Name: 
  Author: 
  
  Stylesheet: Custom 980 Stylesheet
  
  ******************************************************************/
  html {
    height: 100%; }

  body {
    height: 100%;
    overflow: hidden; }
    body.home {
      overflow: auto; }

  /*********************
  HEADER STYLES
  *********************/
  .header {
    border-bottom: 1px solid #FFFFFF; }

  #logo {
    text-align: left;
    margin: 0;
    float: left; }
    #logo img {
      display: block;
      margin: 0 auto; }

  #super-nav > div {
    text-align: left; }
    #super-nav > div a {
      display: block;
      float: right; }

  #globalnav {
    float: right;
    margin: 0;
    padding-left: 0;
    width: auto; }

  /*********************
  NAVIGATION STYLES
  *********************/
  /* Top Level Items */
  #megaMenu ul.megaMenu > li.menu-item > a,
  #megaMenu ul.megaMenu > li.menu-item > span.um-anchoremulator,
  .megaMenuToggle {
    margin-top: 34px; }

  /*********************
  HOME STYLES
  *********************/
  #banner-content .flexslider ul.slides li {
    height: 500px; }
    #banner-content .flexslider ul.slides li .wrap {
      height: 500px; }
    #banner-content .flexslider ul.slides li div.preset,
    #banner-content .flexslider ul.slides li div.custom {
      position: absolute;
      max-width: 650px;
      margin-top: 30px;
      margin-bottom: 30px; }
    #banner-content .flexslider ul.slides li div.preset.bottom-right {
      bottom: 50px; }
    #banner-content .flexslider ul.slides li div.preset.bottom-center {
      bottom: 50px; }
    #banner-content .flexslider ul.slides li div.preset.bottom-left {
      bottom: 50px; }
    #banner-content .flexslider ul.slides li h1 {
      font-size: 30px;
      line-height: 30px;
      padding: 15px; }
    #banner-content .flexslider ul.slides li p.subheading {
      padding: 0 15px 15px 15px;
      font-size: 16px; }
    #banner-content .flexslider ul.slides li span {
      padding: 0 15px 15px 15px; }
  #banner-content .flexslider .flex-control-nav {
    display: block;
    position: relative;
    margin: -44px auto 0 auto; }

  body.home #inner-content.wrap {
    margin-top: 49px; }

  /*********************
  SIDEBAR & ASIDES
  *********************/
  .login-button i {
    font-size: 20px; }
  .login-button span {
    font-size: 12px; }
    .login-button span em {
      font-size: 20px; }

  /*********************
  PAGE STYLES
  *********************/
  #container_wrap {
    position: absolute;
    top: 98px;
    left: 50%;
    margin-left: -505px;
    border: 1px solid white;
    -webkit-box-sizing: content-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: content-box;
    /* Firefox, other Gecko */
    box-sizing: content-box;
    /* Opera/IE 8+ */ }

  body.has-supernav #container_wrap {
    top: 131px; }

  div#container_inner.wrap {
    background: url("../images/container.png") repeat-y 0 0;
    width: 1010px;
    padding: 1em 1.5em 1em 1em;
    margin: 0 0 200px 0;
    overflow: auto; }

  /*********************
  FOOTER STYLES
  *********************/
  #footer_nav {
    left: 32px; } }
/*
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*/
@media only screen and (min-width: 1030px) {
  /******************************************************************
  Site Name: 
  Author: 
  
  Stylesheet: Desktop Stylsheet
  
  This is the desktop size. It's larger than an iPad so it will only
  be seen on the Desktop. 
  
  ******************************************************************/
  /*********************
  HEADER STYLES
  *********************/
  #globalnav {
    margin: 0 0 0 25px; }

  /*********************
  HOME & BANNER STYLES
  *********************/
  #banner-content .flexslider ul.slides li {
    height: 525px; }
    #banner-content .flexslider ul.slides li .wrap {
      height: 525px; }
    #banner-content .flexslider ul.slides li h1 {
      font-size: 35px;
      line-height: 35px; }
      #banner-content .flexslider ul.slides li h1 span {
        font-size: 28px;
        line-height: 32px; }
      #banner-content .flexslider ul.slides li h1 button {
        font-size: 16px;
        display: block;
        padding: .6em 1em;
        margin-top: .5em;
        line-height: 18px; }
        #banner-content .flexslider ul.slides li h1 button i {
          padding-left: 8px;
          font-size: 20px; }

  /* end #banner-content */
  /*********************
  CONTENT NUMBERING & ICONS
  *********************/
  ol.horizontal > li {
    width: 38%;
    margin: 0 0 0 60px;
    min-height: 160px; }

  ol.horizontal > li:nth-child(odd) {
    margin-right: 39px; }

  /****** ICONS *******/
  ul.icons-list li {
    width: 49%;
    height: 145px;
    float: left;
    /* end list-image */ }
    ul.icons-list li:nth-child(1), ul.icons-list li:nth-child(2) {
      border-top: 0; }
    ul.icons-list li div.list-image {
      width: 22.9%; }
      ul.icons-list li div.list-image img {
        border: solid 1px #CCC; }
    ul.icons-list li div.list-content {
      width: 72.9%; }

  /* full width template overrides */
  .page-template-page-full-php ul.icons-list li div.list-image {
    width: 19.9%; }

  .page-template-page-full-php ul.icons-list li div.list-content {
    width: 76.9%; }

  ul.icons-list.verticalicon li {
    margin: 0; }
    ul.icons-list.verticalicon li:nth-child(2) {
      /* border-top: 1px solid #CCCCCC; */ }

  /*********************
  FOOTER STYLES
  *********************/
  #footer_text {
    width: 1030px; } }
/*
LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
*/
@media only screen and (min-width: 1240px) {
  /******************************************************************
  Site Name: 
  Author: 
  
  Stylesheet: Super Large Monitor Stylesheet
  
  You can add some advanced styles here if you like. This kicks in
  on larger screens.
  
  ******************************************************************/
  /*********************
  VISIBILITY STYLES
  *********************/
  .show-for-large,
  .show-for-large-up {
    display: inherit !important; }

  .show-for-medium,
  .show-for-medium-down {
    display: none !important; }

  .hide-for-medium,
  .hide-for-medium-down {
    display: inherit !important; }

  .hide-for-large,
  .hide-for-large-up {
    display: none !important; } }
/*
RETINA (2x RESOLUTION DEVICES)
This applies to the retina iPhone (4s) and iPad (2,3) along with
other displays with a 2x resolution. You can also create a media
query for retina AND a certain size if you want. Go Nuts.
*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /******************************************************************
  Site Name: 
  Author: 
  
  Stylesheet: Retina Screens & Devices Stylesheet
  
  When handling retina screens you need to make adjustments, especially
  if you're not using font icons. Here you can add them in one neat
  place.
  
  ******************************************************************/
  /* 
  
  EXAMPLE 
  Let's say you have an image and you need to make sure it looks ok
  on retina screens. Let's say we have an icon which dimension are
  24px x 24px. In your regular stylesheets, it would look something
  like this:
  
  .icon {
  	width: 24px;
  	height: 24px;
  	background: url(img/test.png) no-repeat;
  }
  
  For retina screens, we have to make some adjustments, so that image
  doesn't look blurry. So, taking into account the image above and the
  dimensions, this is what we would put in our retina stylesheet:
  
  .icon {
  	background: url(img/test@2x.png) no-repeat;
  	background-size: 24px 24px;
  }
  
  So, you would create the same icon, but at double the resolution, meaning 
  it would be 48px x 48px. You'd name it the same, but with a @2x at the end
  (this is pretty standard practice). Set the background image so it matches
  the original dimensions and you are good to go. 
  
  */ }
/*
iPHONE 5 MEDIA QUERY
Want to get fancy for no good reason? Knock yourself out.
*/
/*
TABLET LANDSCAPE MEDIA QUERY
Want to get fancy for no good reason? Knock yourself out.
*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  /******************************************************************
  Site Name: 
  Author: 
  
  Stylesheet: iPad (& hopefully other tablets) Landscape
  
  ******************************************************************/
  header.header {
    position: fixed;
    width: 100%;
    z-index: 999; }

  body.home header.header {
    position: static; }

  #container_wrap {
    top: 90px; }

  .login-button span {
    width: 90%;
    /* quick hack to fix annoying word breaking & hyphenation */ } }
/*
TABLET PORTRAIT MEDIA QUERY
Want to get fancy for no good reason? Knock yourself out.
*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  /******************************************************************
  Site Name: 
  Author: 
  
  Stylesheet: iPad (& hopefully other tablets) Portrait
  
  ******************************************************************/
  #globalnav #megaMenu.megaResponsive ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu.sub-menu-1,
  #megaMenu.megaMenuHorizontal ul.megaMenu li.menu-item.ss-nav-menu-reg > ul.sub-menu {
    width: auto; }

  #footer_text {
    background: transparent url("../images/proudly_canadian1.jpg") no-repeat 61% 0px; }

  .copyrightinfo {
    right: 10px; } }
/*
PRINT STYLESHEET
Feel free to customize this. Remember to add things that won't make
sense to print at the bottom. Things like nav, ads, and forms should
be set to display none.
*/
@media print {
  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Print Stylesheet
  
  This is the print stylesheet. There's probably not a lot
  of reasons to edit this stylesheet. If you want to
  though, go for it.
  
  ******************************************************************/
  .noprint {
    display: none !important; }

  #supersized {
    display: none !important; }

  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }

  a, a:visited {
    color: #444 !important;
    text-decoration: underline; }
    a:after, a:visited:after {
      content: " (" attr(href) ")"; }
    a abbr[title]:after, a:visited abbr[title]:after {
      content: " (" attr(title) ")"; }

  #logo a:after {
    display: none; }
  #logo a abbr[title]:after {
    display: none; }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }

  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  tr, img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; }

  #subnav,
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  #supersized,
  .print-fleet,
  #oc-button,
  nav,
  #inner-header {
    display: none !important; }

  #container_wrap,
  #container_inner {
    height: auto !important;
    margin: 0 !important; }

  #container_wrap,
  #footer-wrap {
    position: static !important; }

  #menu-footer-menu {
    display: none !important; }

  .footer-search {
    display: none !important; }

  /*********************
  RESPONSIVE TABLE STYLES
  *********************/
  .single-fleets h1.page-title {
    margin-bottom: .5em; }

  .table-res {
    display: table;
    /* Defines a Table */
    font-size: 12px;
    margin: 1em 0 2em 0;
    background-color: #CCCCCC;
    border: 1px solid #eeeeee; }

  .table-head {
    display: table-header-group;
    /* Defines a table header group */
    position: static;
    top: 0;
    left: 0; }
    .table-head .table-col {
      /* Column inside the table-head */
      background: #444444;
      color: #7d7d7d;
      border-bottom: none;
      display: table-cell; }
      .table-head .table-col:before {
        /* prints the value of data-label attribute before the column data */
        display: none; }

  .table-row {
    display: table-row;
    /* Defines a table row */ }
    .table-row .table-col {
      display: table-cell;
      /* Defines a table cell */
      border-bottom: 1px solid #eeeeee; }
      .table-row .table-col:before {
        /* prints the value of data-label attribute before the column data */
        display: none; }
      .table-row .table-col:last-child {
        /* last column of the row */
        border-bottom: 1px solid #eeeeee; }
      .table-row .table-col:nth-child(1) {
        /* First column in a row */ }
      .table-row .table-col a {
        text-decoration: none;
        font-size: 14px; }
    .table-row:last-child .table-col {
      /* column in a last row */
      border-bottom: none; }

  /*********************
  RESPONSIVE TABLE STYLES JUST FOR SHIPYARDS REPAIR TABLE
  *********************/
  #repairs-table-wrap .table-res {
    background-color: transparent;
    border: none;
    font-size: 13px;
    margin: 1em 0 .5em 0;
    color: #333333;
    width: 100%; }
  #repairs-table-wrap .table-head {
    position: absolute;
    /* Hides table head but not using display none */
    top: -1000em;
    left: -1000em; }
  #repairs-table-wrap .table-res,
  #repairs-table-wrap .table-row,
  #repairs-table-wrap .table-col {
    display: block;
    /* Converts a table, table row, table column and table column:before into a block element */ }
  #repairs-table-wrap .table-col:before {
    display: inline-block;
    /* Converts a table, table row, table column and table column:before into a block element */ }
  #repairs-table-wrap .table-res,
  #repairs-table-wrap .table-row .table-col:last-child {
    border-bottom: none; }
  #repairs-table-wrap .table-row {
    background-color: #CCCCCC;
    margin: 0 0 20px 0;
    padding: 5px; }
    #repairs-table-wrap .table-row .table-col:nth-child(1) {
      /* first column of the row */ }
    #repairs-table-wrap .table-row .table-col:last-child {
      /* last column of the row */
      border-bottom: none; }
    #repairs-table-wrap .table-row:last-child {
      border-bottom: 0; }
      #repairs-table-wrap .table-row:last-child .table-col {
        /* Column in the last row and column */ }
  #repairs-table-wrap .table-col {
    padding: 5px 10px;
    border-bottom: 1px solid #eeeeee; }
    #repairs-table-wrap .table-col a {
      text-decoration: none; }
    #repairs-table-wrap .table-col.notitle img {
      display: block;
      margin: 0 auto; }
  #repairs-table-wrap .table-col.notitle:before {
    padding: 0;
    content: "";
    width: 0; } }