@charset "UTF-8";

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  font-family: 'lato', sans-serif;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

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

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

.noScroll { 
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

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

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

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

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

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

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

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

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

td,
th {
  padding: 0; }

/* placeholder styling */
::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder {
  color: #666;
  font-style: italic;
  font-weight: 300; }

.slider li {
  height: 60px;
  width: 400px; }


/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox,
#cboxOverlay,
#cboxWrapper {
  -moz-box-shadow: 0px 5px 14px 0px rgba(50, 50, 50, 0.75);
  -webkit-box-shadow: 0px 5px 14px 0px rgba(50, 50, 50, 0.75);
  border: 1px solid #ccc;
  box-shadow: 0px 5px 14px 0px rgba(50, 50, 50, 0.75);
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 9999; }

#cboxWrapper {
  max-width: none; }

#cboxOverlay {
  height: 100%;
  position: fixed;
  width: 100%; }

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left; }

#cboxContent {
  position: relative; }

#cboxLoadedContent {
  -webkit-overflow-scrolling: touch;
  overflow: auto; }

#cboxTitle {
  margin: 0; }

#cboxLoadingOverlay, #cboxLoadingGraphic {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%; }

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer; }

.cboxPhoto {
  -ms-interpolation-mode: bicubic;
  border: 0;
  display: block;
  float: left;
  margin: auto;
  max-width: none; }

.cboxIframe {
  border: 0;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 100%; }

#colorbox, #cboxContent, #cboxLoadedContent {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background-color: #000;
  opacity: 0.4 !important; }

#colorbox {
  outline: 0; }

#cboxTopLeft {
  height: 0;
  width: 0; }

#cboxTopRight {
  height: 0;
  width: 0; }

#cboxBottomLeft {
  height: 0;
  width: 0; }

#cboxBottomRight {
  height: 0;
  width: 0; }

#cboxMiddleLeft {
  width: 0; }

#cboxMiddleRight {
  width: 0; }

#cboxTopCenter {
  height: 0; }

#cboxBottomCenter {
  height: 0; }

#cboxContent {
  background: #fff;
  overflow: hidden; }

.cboxIframe {
  background: #fff; }

#cboxError {
  border: 1px solid #ccc;
  padding: 50px; }

#cboxLoadedContent {
  margin-bottom: 28px; }

#cboxTitle {
  bottom: 4px;
  color: #949494;
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%; }

#cboxCurrent {
  bottom: 4px;
  color: #949494;
  left: 58px;
  position: absolute; }

#cboxLoadingOverlay {
  background: url("../../img/loading_background.png") no-repeat center center; }

#cboxLoadingGraphic {
  background: url("../../img/loading.gif") no-repeat center center; }

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
  background: none;
  border: 0;
  margin: 0;
  overflow: visible;
  padding: 0;
  width: auto; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
  outline: 0; }

#cboxSlideshow {
  bottom: 4px;
  color: #0092ef;
  position: absolute;
  right: 30px; }

#cboxPrevious {
  background: url("../../img/controls.png") no-repeat -75px 0;
  bottom: 0;
  height: 25px;
  left: 0;
  position: absolute;
  text-indent: -9999px;
  width: 25px; }

#cboxPrevious:hover {
  background-position: -75px -25px; }

#cboxNext {
  background: url("../../img/controls.png") no-repeat -50px 0;
  bottom: 0;
  height: 25px;
  left: 27px;
  position: absolute;
  text-indent: -9999px;
  width: 25px; }

#cboxNext:hover {
  background-position: -50px -25px; }

#cboxClose {
  position: absolute;
  font-size: 0;
  height: 20px;
  right: 10px;
  top: 12px;
  bottom: 0;
  width: 20px; }

  #cboxClose::before {
    font-family: 'icomoon' !important;
    content: "\e900";
    font-size: 16px;
    color: #006fb1;
  }

#cboxClose:hover,
#cboxClose:focus {
  outline: none;
  border: 0.12rem solid #4D90FE;
  -webkit-box-shadow: 0px 0px 5px #4D90FE;
  box-shadow: 0px 0px 5px #4D90FE; }

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); }

/********************************* Core ******************************/
[data-tooltip] {
  position: relative;
  display: inline-block; }
  [data-tooltip]:before, [data-tooltip]:after {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    z-index: 999999;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  [data-tooltip]:before {
    content: '';
    border: 6px solid transparent; }
  [data-tooltip]:after {
    height: 22px;
    padding: 11px 11px 0 11px;
    font-size: 13px;
    line-height: 11px;
    content: attr(data-tooltip);
    white-space: nowrap; }
  [data-tooltip].simptip-position-top:before {
    border-top-color: #323232; }
  [data-tooltip].simptip-position-top:after {
    background-color: #323232;
    color: #ecf0f1; }
  [data-tooltip].simptip-position-bottom:before {
    border-bottom-color: #323232; }
  [data-tooltip].simptip-position-bottom:after {
    background-color: #323232;
    color: #ecf0f1; }
  [data-tooltip].simptip-position-left:before {
    border-left-color: #323232; }
  [data-tooltip].simptip-position-left:after {
    background-color: #323232;
    color: #ecf0f1; }
  [data-tooltip].simptip-position-right:before {
    border-right-color: #323232; }
  [data-tooltip].simptip-position-right:after {
    background-color: #323232;
    color: #ecf0f1; }
  [data-tooltip].simptip-position-top.half-arrow:before {
    border-right: 7px solid #323232; }
  [data-tooltip].simptip-position-bottom.half-arrow:before {
    border-right: 7px solid #323232; }
  [data-tooltip]:hover, [data-tooltip]:focus {
    background-color: transparent; }
    [data-tooltip]:hover:before, [data-tooltip]:hover:after, [data-tooltip]:focus:before, [data-tooltip]:focus:after {
      opacity: 1;
      visibility: visible; }

/******************************* Position ****************************/
.simptip-position-right:before, .simptip-position-left:before, .simptip-position-right:after, .simptip-position-left:after {
  bottom: 50%; }

.simptip-position-right:before, .simptip-position-left:before {
  margin-bottom: -5px; }

.simptip-position-right:after, .simptip-position-left:after {
  margin-bottom: -14.6666666667px; }

.half-arrow.simptip-position-right:before, .half-arrow.simptip-position-left:before {
  bottom: 16px;
  border-style: none;
  border-top: 7px solid transparent; }

.simptip-multiline.simptip-position-right:before, .simptip-multiline.simptip-position-left:before, .simptip-multiline.simptip-position-right:after, .simptip-multiline.simptip-position-left:after {
  -webkit-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -ms-transform: translateY(50%);
  -o-transform: translateY(50%);
  transform: translateY(50%);
  -webkit-filter: blur(0px);
  filter: blur(0px);
  margin-bottom: 0; }

.simptip-multiline.simptip-position-right:before, .simptip-multiline.simptip-position-left:before {
  margin-bottom: 0; }

.simptip-multiline.half-arrow.simptip-position-right:before, .simptip-multiline.half-arrow.simptip-position-left:before {
  margin-bottom: -2px; }

.simptip-position-right:before, .simptip-position-right:after {
  left: 100%; }

.simptip-position-right:before {
  margin-left: -2px; }

.simptip-position-right:after {
  margin-left: 10px; }

.simptip-position-right.simptip-movable:before {
  margin-left: -10px; }

.simptip-position-right.simptip-movable:after {
  margin-left: 2px; }

.simptip-position-right.simptip-movable:hover:before, .simptip-position-right.simptip-movable:hover:after {
  -webkit-transform: translateX(10px);
  -moz-transform: translateX(10px);
  -ms-transform: translateX(10px);
  -o-transform: translateX(10px);
  transform: translateX(10px); }

.simptip-position-right.simptip-movable.half-arrow:before {
  margin-left: -5px; }

.simptip-position-right.simptip-movable.simptip-multiline:hover:before, .simptip-position-right.simptip-movable.simptip-multiline:hover:after {
  -webkit-transform: translate(10px, 50%);
  -moz-transform: translate(10px, 50%);
  -ms-transform: translate(10px, 50%);
  -o-transform: translate(10px, 50%);
  transform: translate(10px, 50%); }

.simptip-position-right.half-arrow:before {
  margin-left: 3px;
  border-right: 7px solid #323232; }

.simptip-position-left:before, .simptip-position-left:after {
  right: 100%; }

.simptip-position-left:before {
  margin-right: -2px; }

.simptip-position-left:after {
  margin-right: 10px; }

.simptip-position-left.simptip-movable:before {
  margin-right: -10px; }

.simptip-position-left.simptip-movable:after {
  margin-right: 2px; }

.simptip-position-left.simptip-movable:hover:before, .simptip-position-left.simptip-movable:hover:after {
  -webkit-transform: translateX(-10px);
  -moz-transform: translateX(-10px);
  -ms-transform: translateX(-10px);
  -o-transform: translateX(-10px);
  transform: translateX(-10px); }

.simptip-position-left.simptip-movable.half-arrow:before {
  margin-right: -5px; }

.simptip-position-left.simptip-movable.simptip-multiline:hover:before, .simptip-position-left.simptip-movable.simptip-multiline:hover:after {
  -webkit-transform: translate(-10px, 50%);
  -moz-transform: translate(-10px, 50%);
  -ms-transform: translate(-10px, 50%);
  -o-transform: translate(-10px, 50%);
  transform: translate(-10px, 50%); }

.simptip-position-left.half-arrow:before {
  margin-right: 3px;
  border-left: 7px solid #323232; }

.simptip-position-bottom:before, .simptip-position-top:before, .simptip-position-bottom:after, .simptip-position-top:after {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%); }

.simptip-position-bottom:after, .simptip-position-top:after {
  width: auto; }

.half-arrow.simptip-position-bottom:before, .half-arrow.simptip-position-top:before {
  border-style: none;
  border-right: 7px solid #323232; }

.simptip-position-bottom:before, .simptip-position-bottom:after {
  top: 100%; }

.simptip-position-bottom:before {
  margin-top: -5px; }

.simptip-position-bottom:after {
  margin-top: 7px; }

.simptip-position-bottom:hover:before, .simptip-position-bottom:hover:after {
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }

.simptip-position-bottom.simptip-movable:before {
  margin-top: -15px; }

.simptip-position-bottom.simptip-movable:after {
  margin-top: -3px; }

.simptip-position-bottom.simptip-movable:hover:before, .simptip-position-bottom.simptip-movable:hover:after {
  -webkit-transform: translate(-50%, 10px);
  -moz-transform: translate(-50%, 10px);
  -ms-transform: translate(-50%, 10px);
  -o-transform: translate(-50%, 10px);
  transform: translate(-50%, 10px); }

.simptip-position-bottom.simptip-movable.half-arrow:before {
  margin-top: -10px; }

.simptip-position-bottom.half-arrow:before {
  margin-top: 0;
  border-top: 7px solid transparent; }

.simptip-position-top:before, .simptip-position-top:after {
  bottom: 100%; }

.simptip-position-top:before {
  margin-bottom: -5px; }

.simptip-position-top:after {
  margin-bottom: 7px; }

.simptip-position-top:hover:before, .simptip-position-top:hover:after {
  -webkit-transform: translate(-50%, 0px);
  -moz-transform: translate(-50%, 0px);
  -ms-transform: translate(-50%, 0px);
  -o-transform: translate(-50%, 0px);
  transform: translate(-50%, 0px); }

.simptip-position-top.simptip-movable:before {
  margin-bottom: -15px; }

.simptip-position-top.simptip-movable:after {
  margin-bottom: -3px; }

.simptip-position-top.simptip-movable:hover:before, .simptip-position-top.simptip-movable:hover:after {
  -webkit-transform: translate(-50%, -10px);
  -moz-transform: translate(-50%, -10px);
  -ms-transform: translate(-50%, -10px);
  -o-transform: translate(-50%, -10px);
  transform: translate(-50%, -10px); }

.simptip-position-top.simptip-movable.half-arrow:before {
  margin-bottom: -10px; }

.simptip-position-top.half-arrow:before {
  margin-bottom: 0;
  border-bottom: 7px solid transparent; }

/******************************* Features ****************************/
.simptip-movable:before, .simptip-movable:after {
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  -ms-transition: all 0.1s linear;
  transition: all 0.1s linear; }

.simptip-smooth:after {
  -webkit-border-radius: 4px;
  border-radius: 4px; }

.simptip-fade:before, .simptip-fade:after {
  -webkit-transition: opacity 0.2s linear, visibility 0.2s linear;
  -moz-transition: opacity 0.2s linear, visibility 0.2s linear;
  -o-transition: opacity 0.2s linear, visibility 0.2s linear;
  -ms-transition: opacity 0.2s linear, visibility 0.2s linear;
  transition: opacity 0.2s linear, visibility 0.2s linear; }

.simptip-multiline:after {
  height: auto;
  width: 150px;
  padding: 11px;
  line-height: 19px;
  white-space: normal;
  text-align: left; }

/**************************** Diverse Colors *************************/
.simptip-success.simptip-position-top:before {
  border-top-color: #62c462; }

.simptip-success.simptip-position-top:after {
  background-color: #62c462;
  color: #ecf0f1; }

.simptip-success.simptip-position-bottom:before {
  border-bottom-color: #62c462; }

.simptip-success.simptip-position-bottom:after {
  background-color: #62c462;
  color: #ecf0f1; }

.simptip-success.simptip-position-left:before {
  border-left-color: #62c462; }

.simptip-success.simptip-position-left:after {
  background-color: #62c462;
  color: #ecf0f1; }

.simptip-success.simptip-position-right:before {
  border-right-color: #62c462; }

.simptip-success.simptip-position-right:after {
  background-color: #62c462;
  color: #ecf0f1; }

.simptip-success.simptip-position-top.half-arrow:before {
  border-right: 7px solid #62c462; }

.simptip-success.simptip-position-bottom.half-arrow:before {
  border-right: 7px solid #62c462; }

.simptip-info.simptip-position-top:before {
  border-top-color: #5bc0de; }

.simptip-info.simptip-position-top:after {
  background-color: #5bc0de;
  color: #ecf0f1; }

.simptip-info.simptip-position-bottom:before {
  border-bottom-color: #5bc0de; }

.simptip-info.simptip-position-bottom:after {
  background-color: #5bc0de;
  color: #ecf0f1; }

.simptip-info.simptip-position-left:before {
  border-left-color: #5bc0de; }

.simptip-info.simptip-position-left:after {
  background-color: #5bc0de;
  color: #ecf0f1; }

.simptip-info.simptip-position-right:before {
  border-right-color: #5bc0de; }

.simptip-info.simptip-position-right:after {
  background-color: #5bc0de;
  color: #ecf0f1; }

.simptip-info.simptip-position-top.half-arrow:before {
  border-right: 7px solid #5bc0de; }

.simptip-info.simptip-position-bottom.half-arrow:before {
  border-right: 7px solid #5bc0de; }

.simptip-danger.simptip-position-top:before {
  border-top-color: #e74c3c; }

.simptip-danger.simptip-position-top:after {
  background-color: #e74c3c;
  color: #ecf0f1; }

.simptip-danger.simptip-position-bottom:before {
  border-bottom-color: #e74c3c; }

.simptip-danger.simptip-position-bottom:after {
  background-color: #e74c3c;
  color: #ecf0f1; }

.simptip-danger.simptip-position-left:before {
  border-left-color: #e74c3c; }

.simptip-danger.simptip-position-left:after {
  background-color: #e74c3c;
  color: #ecf0f1; }

.simptip-danger.simptip-position-right:before {
  border-right-color: #e74c3c; }

.simptip-danger.simptip-position-right:after {
  background-color: #e74c3c;
  color: #ecf0f1; }

.simptip-danger.simptip-position-top.half-arrow:before {
  border-right: 7px solid #e74c3c; }

.simptip-danger.simptip-position-bottom.half-arrow:before {
  border-right: 7px solid #e74c3c; }

.simptip-warning.simptip-position-top:before {
  border-top-color: #e67e22; }

.simptip-warning.simptip-position-top:after {
  background-color: #e67e22;
  color: #ecf0f1; }

.simptip-warning.simptip-position-bottom:before {
  border-bottom-color: #e67e22; }

.simptip-warning.simptip-position-bottom:after {
  background-color: #e67e22;
  color: #ecf0f1; }

.simptip-warning.simptip-position-left:before {
  border-left-color: #e67e22; }

.simptip-warning.simptip-position-left:after {
  background-color: #e67e22;
  color: #ecf0f1; }

.simptip-warning.simptip-position-right:before {
  border-right-color: #e67e22; }

.simptip-warning.simptip-position-right:after {
  background-color: #e67e22;
  color: #ecf0f1; }

.simptip-warning.simptip-position-top.half-arrow:before {
  border-right: 7px solid #e67e22; }

.simptip-warning.simptip-position-bottom.half-arrow:before {
  border-right: 7px solid #e67e22; }

/**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
  position: relative;
  margin: 0 auto 60px;
  padding: 0;
  *zoom: 1; }

.bx-wrapper img {
  max-width: 100%;
  display: block; }

/** THEME
===================================*/
.bx-wrapper .bx-viewport {
  -moz-box-shadow: 0 0 5px #ccc;
  -webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
  border: solid #fff 5px;
  left: -5px;
  background: #fff; }

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%; }

/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url("../../img/bolster.bxSlider/images/bx_loader.gif") center center no-repeat #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000; }

/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-weight: bold;
  color: #666;
  padding-top: 20px; }

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline; }

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #000; }

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  background: url("../../img/controls.png") no-repeat 0 -32px; }

.bx-wrapper .bx-next {
  right: 10px;
  background: url("../../img/controls.png") no-repeat -43px -32px; }

.bx-wrapper .bx-prev:hover {
  background-position: 0 0; }

.bx-wrapper .bx-next:hover {
  background-position: -43px 0; }

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999; }

.bx-wrapper .bx-controls-direction a.disabled {
  display: none; }

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center; }

.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url("../../img/controls.png") -86px -11px no-repeat;
  margin: 0 3px; }

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
  background-position: -86px 0; }

.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url("../../img/controls.png") -86px -44px no-repeat;
  margin: 0 3px; }

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
  background-position: -86px -33px; }

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%; }

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px; }

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666\9;
  background: rgba(80, 80, 80, 0.75);
  width: 100%; }

.bx-wrapper .bx-caption span {
  color: #fff;
  display: block;
  font-size: .85em;
  padding: 10px; }


/**
*
************************ Sticky Header Styles ************************
*
*/
.sticky { background-color: #fff; }

.sticky-logo {
  float: left;
  margin-top: 31px;
  margin-right: 30px;
  display: none; }

.primary-nav .sticky-wrapinner {
  width: 980px;
  margin: 0 auto; }

.primary-nav.sticky-fixed {
  height: 90px; }

  .primary-nav.sticky-fixed nav {
    float: left;
    border: none;
    margin-top: 21px;
    width: 770px; }

  .primary-nav.sticky-fixed ul.nav-list:first-of-type {
    float: left;
    width: 615px; }

  .primary-nav.sticky-fixed ul.nav-list > li.divider + li:before {
    content: none; }

  .primary-nav.sticky-fixed ul.nav-list > li.mega-variant-sale {
    float: left; }

  .primary-nav ul.nav-list > li.hide-for-default,
  .primary-nav.sticky-fixed ul.nav-list > li.hide-for-sticky,
  .primary-nav ul.nav-list > li.hide-for-default.hide-for-sticky,
  .primary-nav.sticky-fixed ul.nav-list > li.hide-for-default.hide-for-sticky {
    display: none; }

    .primary-nav.sticky-fixed ul.nav-list > li.hide-for-default,
    .primary-nav ul.nav-list > li.hide-for-sticky {
    display: block; }

    .primary-nav.sticky-fixed ul.nav-list > li > a {
      padding: 13px 20px; }

.primary-nav.sticky-fixed ul.nav-list.right {
  width: auto;
  margin-top: 0px; }

  .primary-nav.sticky-fixed ul.nav-list.right > li {
    display: inline-block; }

    .primary-nav.sticky-fixed ul.nav-list.right > li a {
      padding: 0; }

    .primary-nav.sticky-fixed ul.nav-list.right .search-menu {
      font-size: 19px;
      margin-top: 13px;
      margin-right: 20px; }

      .primary-nav.sticky-fixed .search-menu .title {
        display: none; }

    .primary-nav.sticky-fixed ul.nav-list.right .search-menu + .mega-nav {
      top: 67px; }

    .primary-nav.sticky-fixed ul.nav-list.right .cart-link {
      line-height: normal;
      margin-top: 13px; }

/* Primary Nav Mega Nav Sticky Header*/
.primary-nav.sticky-fixed ul.nav-list > li a:not(.search-menu) + .mega-nav header {
  display: none; }

  .primary-nav.sticky-fixed ul.nav-list > li a + .mega-nav .content ul.row {
    margin-bottom: 20px; }

.sticky.sticky-fixed {
  position: fixed;
  padding-left: 0;
  padding-right: 0;
  top: 0;
  z-index: 10000;
  top:0;
  overflow: visible; }

.sticky-border.sticky-fixed { border-bottom: 1px solid #e5e5e5; }

/* CDP Sticky Header */
.guided-nav-wrapper.sticky.sticky-fixed,
.guided-nav-wrapper.sticky.sticky-fixed .sticky-wrapinner .dropdown-container {
  width: 100%;
  left: 0; }
	.guided-nav-wrapper.sticky.sticky-fixed {
		border-bottom: 1px solid #ccc; }

  .guided-nav-wrapper.sticky.sticky-fixed .sticky-wrapinner {
    width: 980px;
    margin: 0 auto; }

    .guided-nav-wrapper.sticky.sticky-fixed .sticky-wrapinner .dropdown-container {
      position: absolute;
      top: 48px; }

      .guided-nav-wrapper.sticky.sticky-fixed .sticky-wrapinner .guided-nav-section.active .dropdown-container {
        background-color: #FFF;
        border-bottom: 1px solid #CCC; }

      .guided-nav-wrapper.sticky.sticky-fixed .sticky-wrapinner .dropdown-container ul {
        position: relative;
        margin: 5px auto;
        border: none; }


/* PDP Sticky Header */
.pdp .sticky.sticky-fixed {
  left: 0;
  width: 100%;
  min-height: 90px;
  border-bottom: solid 1px #CCC; }

  .pdp .sticky.sticky-fixed .sticky-wrapinner {
    margin: 0 auto;
    width: 980px; }

  .pdp .sticky .left,
  .pdp .sticky.sticky-fixed .add-to-cart .changeQuantity,
  .pdp .sticky.sticky-fixed .right .add-to-cart-links,
  .pdp .sticky.sticky-fixed .right .add-to-cart-links li,
  .pdp .sticky.sticky-fixed .btn-print {
    display: none; }

  .pdp .sticky.sticky-fixed .left {
    float: left;
    display: block;
    width: 650px;
    margin-top:4px; }

  .pdp .sticky.sticky-fixed .right {
    float: right;
    margin-top: 15px; }

  .pdp .sticky .right {
    float: none; }

  .pdp .sticky.sticky-fixed .pdp-title {
    float: none;
    padding: 0; }

  .pdp .sticky.sticky-fixed ul.tabs {
    margin: 0;
    border-spacing: 0; }

  .pdp .sticky.sticky-fixed .add-to-cart {
    margin: 0;
    clear: none; }

    /*in store only in sticky nav*/
  .sticky.sticky-fixed .simple-add-to-cart {
    float: left !important;
    padding: 0 5px 3px 0px; }

  /*special custom order add-to-cart button */
  .sticky.sticky-fixed #inStoreOnly a {
    width: auto;
    padding: 9px 0; }
    .sticky.sticky-fixed .custom-order-notice {
      width: 275px; }

  .pdp .sticky.sticky-fixed #addToCartId,
  .pdp .sticky.sticky-fixed #addToCartIdSectional {
    width: auto; }

  .pdp .sticky.sticky-fixed .share-icons .pdp-social-bubble {
    right: 0;
    left: inherit; }

  .pdp .sticky .product-menu li {
    margin-right: 5px; }
    .pdp .sticky .product-menu li:last-child {
      margin-right: 0; }

  .pdp .sticky .product-menu a {
    margin-top: 0;
    color: #777;
    font-size: 14px; }

    .pdp .sticky .product-menu a:hover {
      color: #000;
      font-weight: 600;
      text-decoration: none; }


/**
* Base styles
* Think of these as any style whose treatment is consistant accross the site, or are used globally on every page, such as priomary or utility navigation styles
* For example: copy text would alkways have a base color of #000, or any <a> would have a base color of #006FB1
*/
/* apply a natural box layout model to all elements, but allowing components to change */
html {
  box-sizing: border-box; }

*,
*:before,
*:after {
  box-sizing: border-box; }

body {
  color: #444;
   }

a {
  color: #006FB1;
	font-size: 14px;
	line-height: 18px;
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

main a {
  font-size: 12px; }

p {
	font-size: 12px;
	line-height: 1.4; }
p:empty {
	display: none; }

h1, h2, h3, h4, h5, h6 {
	margin-top: 0; }

h1 {
	font-size: 27px; }

h2 {
	font-size: 24px; }

img + h2 {
	margin-top: 20px; }

h2 {
	font-size: 20px; }

h3 {
	font-size: 18px; }

h4 {
	font-size: 16px; }

h5 {
  font-size: 14px; }

h5 {
  font-size: 12px; }

.util-nav h3,
.mega-nav h3,
.promos h3,
.pdp main h3,
.util-nav h4,
.mega-nav h4,
.promos h4,
.pdp main h4 {
  margin: 0;
  font-weight: 300;
  font-style: normal;
  letter-spacing: 0.3px;
  color: #333; }

.util-nav h3,
.mega-nav h3,
.promos h3,
.pdp main h3 {
  font-size: 24px;
  line-height: 26px; }

.util-nav h4,
.mega-nav h4,
.promos h4,
.pdp main h4,
.signin-dropdown h4{
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 10px; }

ul li {
  vertical-align: top; }

figure {
  margin: 0; }

small {
  display: inline-block;
  font-size: 10px;
  line-height: 1.4; }

img {
  max-width: 100%; }

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

.clear:after {
  clear: both; }

.clearfix::after {
  visibility: hidden;
  display: block;
  content: '';
  clear: both;
  height: 0; }

.sr-only {
  position: absolute;
  overflow: hidden;
  height: 1px;
  width: 1px;
  top: -10px; }

.left {
  float: left; }

.right {
  float: right; }

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

.hide {
  display: none !important; }

.pdp main p,
.paragraph {
  font-size: 14px;
  line-height: 18px;
}

p.small,
.pdp main p.small,
.paragraph-small {
  color: #333;
  font-size: 11px;
  line-height: 16px; }

hr {
  border-bottom: 1px solid #CCC;
  border: 0;
  margin: 0;
  padding: 0; }

/*
* Masthead styles
*/
.brand-mark {
  display: inline-block;
  margin-top: 17px; }

.searchSearchText {
  margin:0;
  padding:0;
  font-weight:bold;
  text-transform:uppercase;
}

.play {
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
  background-color: #006FB1;
  border-radius: 11px;
  height: 22px;
  width: 22px;
  cursor: pointer;
  left: 176px;
  position: absolute;
  top: 56px; }

.play .triangle {
  height: 0;
  width: 0;
  border-bottom: 4.5px solid transparent;
  border-left: 9px solid white;
  border-top: 4.5px solid transparent;
  left: 38%;
  position: absolute;
  top: 34%; }

.account ul .triangle {
  height: 0;
  width: 0;
  border-bottom: 4.5px solid transparent;
  border-left: 9px solid #AAA;
  border-top: 4.5px solid transparent;
  display: inline-block;
  float: right;
  margin-top: 5px; }

.change-arrow {
  height: 0;
  width: 0;
  border-left: 4.5px solid transparent;
  border-right: 4.5px solid transparent;
  border-top: 9px solid #444;
  display: inline-block;
  margin-left: 5px; }

.change-arrow-up {
  height: 0;
  width: 0;
  border-bottom: 9px solid #444;
  border-left: 4.5px solid transparent;
  border-right: 4.5px solid transparent;
  display: inline-block;
  margin-left: 5px; }

.red-circle {
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  background-color: #A52D2D;
  border-radius: 7px;
  height: 14px;
  width: 14px;
  color: #fff;
  display: inline-block;
  font-size: 10px;
  padding-left: 4px; }

.info {
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  background-color: #006FB1;
  border-radius: 7px;
  height: 14px;
  width: 14px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  margin-right: 6px;
  padding-left: 5px; }

.info-mark {
  position: relative;
  top: -2px; }

/*******************************************************************
****************** above header nav styles *************************
*******************************************************************/
.above-header-targeters {
  width: 100%; }
  .above-header-targeters .above-header-targeters-inner {
    display: block;
    position: relative;
    width: 1024px;
    margin: 0 auto; }
    .above-header-targeters .above-header-targeters-inner .secondary-promo {
      width: 30%;
      display: inline-block;
      text-align: left;
      font-size: 18pt;
      color: #1072ad;
      padding: 10px 10px 5px 10px;
      border-right: 1px solid #CCC;
      text-transform: uppercase; }
      .above-header-targeters .above-header-targeters-inner .secondary-promo a {
        font-size: 8pt;
        color: #1072ad;
        padding: 0px 5px;
        float: right;
        text-transform: lowercase;
        width: 100px; }
      .above-header-targeters .above-header-targeters-inner .secondary-promo:first-child {
        width: 33%; }
      .above-header-targeters .above-header-targeters-inner .secondary-promo:last-child {
        width: 24%;
        border-right: none; }

/**
*
************************ Global Nav Styles ************************
*
*/
ul.nav-list > li.active a:hover + div,
ul.nav-list > li.active a + div,
ul.nav-list > li.active > a.menu-pointer::before,
ul.nav-list > li.active > a.menu-pointer::after {
  animation: fadein 0.5s;
  -moz-animation: fadein 0.5s;
  -ms-animation: fadein 0.5s;
  -o-animation: fadein 0.5s;
  -webkit-animation: fadein 0.5s;
  display: block; }

ul.nav-list > li.active > a.menu-pointer::before,
ul.nav-list > li.active > a.menu-pointer::after {
  content:"";
  display: inline;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid; }

ul.nav-list > li.active > a.menu-pointer::before {
  left: 50%;
  top: 7px;
  border-width: 0 25px 25px 25px;
  margin: 0 -25px;
  border-color: transparent transparent #FFF transparent;
  z-index:99999; }

ul.nav-list > li.active > a.menu-pointer::after {
    right: 50%;
    top: 6px;
    border-width: 0 26px 26px 26px;
    margin: 0 -26px;
    border-color: transparent transparent #CCC transparent;
    z-index:99998; }

/**
*
************************ Header: Utility Nav Styles ************************
*
*/
[class$="-nav"] ul {
  list-style: none;
  margin: 0; }

[class$="-nav"] li {
  display: inline-block; }

.util-nav {
  height: 40px;
  position: relative;
  width: 100%; }

.util-nav > nav {
  margin: 0 auto;
  padding: 0;
  position: relative;
  width: 980px;
  z-index: 999999; }

.util-nav ul {
  height: 40px;
  padding: 0; }

.util-nav ul > li {
  margin-right: 15px;
  position: relative;
  text-align: left; }

.util-nav ul > li:last-child {
  margin-right: 0; }

.util-nav [class$="-menu"] {
  display: none;
  left: -15px;
  position: absolute;
  top: 0; }

.utility {
  display: block;
  color: #777;
  line-height: 40px;
  text-transform: capitalize; }

  .utility:hover {
    color: #000;
    text-decoration: none; }

.utility + [class$="menu"] {
  padding-bottom: 30px;
  -moz-box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.2);
  background-color: #FFF;
  border: 1px solid #CCC;
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadein 0.5s;
  /* Firefox < 16 */
  -ms-animation: fadein 0.5s;
  /* Internet Explorer */
  -o-animation: fadein 0.5s;
  -webkit-animation: fadein 0.5s;
  /* Opera < 12.1 */
  animation: fadein 0.5s; }

li.utility.nav-separator {
  font-size: 1.5rem;
  color: #CCC;
}

li.utility.nav-separator:before {
  content: "|";
}

.utility.menu-pointer .icon-arrow-down::before{
  vertical-align: sub;
}

.utility.menu-pointer.sign-in-click .icon-profile::before {
  font-size: 17px;
  margin-right: 4px;
  vertical-align: -2px;
}

/*=== Header Utility Nav: Store Menu ===*/
.util-nav li > a.store.default {
  width: auto;
  line-height: 40px;
  padding: 0 0 0 15px; }

.util-nav li > a.store,
.util-nav .store-menu {
  width: 280px; }

.util-nav li > a.store {
  position: relative;
  margin-left: -15px;
  padding: 5px 45px 0 15px;
  display: block;
  font-size:13px;
  line-height: normal;
  height: 40px; }

  .util-nav li > a.store .store-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
    color: #333; }

  .util-nav li > a.store .store-location {
    color: #777; }

  .util-nav li > a.store .icon-arrow-down {
    position: absolute;
    top: 10px;
    right: 10px; }

  .util-nav li.active > a.store:not(.default),
  .util-nav li.active > a.store .icon-arrow-down,
  .util-nav li.active > a.store .store-name,
  .util-nav li.active > a.store .store-location {
    color: #FFF; }

.util-nav .store-menu {
  top: 40px; }

  .util-nav .store-menu .store-content {
    padding: 15px 20px 0 20px; }

    .util-nav .store-menu .vertical-promo {
      margin-top: 22px; }

      .util-nav .store-menu .vertical-promo .content {
        padding-bottom: 0; }

  .util-nav .store-menu .sub-nav {
    font-size: 14px;
    margin-bottom: 15px; }

  .util-nav .store-menu .map {
    margin: 0 -20px; }

  .util-nav .store-menu .store-details p {
    margin: 0;
    text-align: center;
    padding: 5px 0px;
    color: #555;
    font-size: 14px;
    line-height: 18px; }

    .util-nav .store-menu .store-details p:first-child {
      padding-top: 10px; }

  .util-nav .store-menu .store-details a {
    margin-top: 5px;
    display: block; }

/*=== Header Utility Nav: Language & Account Menu ===*/
.lang-menu,
#currLang {
  visibility: hidden; }

.util-nav .lang-menu {
  width: 150px; 
  top: 57px;
}

.util-nav .account-menu {
  width: 350px; 
  top: 40px;
  border-radius: 5px;
  box-shadow: none !important;
}

.util-nav .lang-menu,
.util-nav .account-menu {
  left: 50%;
  transform: translateX(-50%);
  padding: 0;
  font-size: 14px; }

  .util-nav .lang-menu ul.lang-list {
    padding: 30px;
    height: auto; }

    .util-nav .lang-menu ul.lang-list li,
    .util-nav .account-menu ul.account-list li {
      padding-top: 10px; }

    .util-nav .lang-menu ul.lang-list li:first-child,
    .util-nav .account-menu ul.account-list li:first-child {
      padding-top: 0; }
      
  .util-nav .account-menu ul.account-list{
    padding: 19px 13px;
    height: auto;
  }
  .util-nav .account-menu ul.account-list .loginName{
    font-size: 15px;
    font-weight: bold;
  }
  .util-nav .account-menu ul.account-list .signout-link{
    margin: 0px 0px 12px;
    font-weight: bold;
    text-decoration: underline;
  }
  .util-nav .account-menu ul.account-list li{
    padding: 12px 0px;
    border-top: solid 1px #CCCCCC;
    width: 100%;
  }
  .util-nav .account-menu ul.account-list li:last-child{
    padding-bottom: 0;
  }
  .util-nav .account-menu ul.account-list li a{
    display: inline-flex;
  }
  .util-nav .account-menu ul.account-list li a .icon{
    font-size: 28px;
    margin: auto;
    margin-right: 17px;
    color: #666;
  }
  .util-nav .account-menu ul.account-list li a .icon-store{
    font-size: 31px;
    margin-right: 15px;
    -webkit-text-stroke: 0.5px #666;
  }
  .util-nav .account-menu ul.account-list li a .icon-profile{
    color: white;
    -webkit-text-stroke: 2px #666;   
  }
  .menu-text div{
    text-decoration: none;
  }
  .menu-text .menu-title{
    font-size: 15px;
    font-weight: bold;
    color: black;
    margin-bottom: 7px;
  }
  .menu-text .menu-subtitle{
    color: #777;
  }
  .util-nav .account-menu ul.account-list li a:hover{
    text-decoration: none;
  }
  .util-nav .account-menu ul.account-list li a:hover .icon:not(.icon-profile),
  .util-nav .account-menu ul.account-list li a:hover .menu-text .menu-title{
    color: #0070af;
  }
  .util-nav .account-menu ul.account-list li a:hover .icon-profile,
  .util-nav .account-menu ul.account-list li a:hover .icon-store{
    -webkit-text-stroke-color: #0070af;
  }

/*=== Header Utility Nav: Sign-in Header ===*/

.util-nav .nav-list.right a.utility {
  color: #0070af;
}

.util-nav .icon-profile{
  font-size: 16px;
  margin-right: 4px;
  vertical-align: -1px;
}

/**
*
************************ Header: Second Nav Styles ************************
*
*/
.second-nav {
  position: absolute;
  right: 0;
  top: 25px;
  background: none; }

  .second-nav ul.nav-list {
    padding: 0; }

  .second-nav ul.nav-list > li {
    display: block;
    float: left;
    margin-right: 20px;
    line-height: 45px; }

    .second-nav ul.nav-list > li:last-child {
      margin-right: 0; }

    .second-nav ul.nav-list > li > a {
      color: #666;
      display: block;
      line-height: 40px;
      border-collapse: collapse; }

      .second-nav ul.nav-list > li > a:hover,
      .second-nav ul.nav-list > li.active > a {
        color: #000;
        text-decoration: none; }

    .second-nav ul.nav-list > li .search-menu .icon-search:before,
    .second-nav ul.nav-list > li .search-menu .icon-close-x:before {
      margin-left: 10px;
    	position: relative;
    	top: 2px; }

    .second-nav ul.nav-list > li .search-menu .icon-search:before {
      font-size: 21px; }

    .second-nav ul.nav-list > li .search-menu .icon-close-x:before {
      font-size: 18px; }

  .second-nav .mega-nav {
    padding-bottom: 30px;
    left: inherit;
    right: 0; }

  .second-nav .search-menu + .mega-nav {
    padding-top: 30px; }

    .second-nav .mega-nav .content ul.row:last-child {
      margin-bottom: 0; }

    .second-nav .mega-nav .col-2,
    .second-nav .mega-nav .col-3 {
      float: left; }

/**
*
************************ Header: Primary Nav Styles ************************
*
*/
.primary-nav {
  margin-bottom: 5px;
  width: 100%;
  z-index: 9999 !important; }

  .primary-nav nav {
    background-color: transparent;
    border-collapse: collapse;
    border-top: solid 1px #CCC;
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 980px; }

    .primary-nav ul.nav-list {
      background-color: transparent;
      font-size: 14px;
      height: 45px;
      margin: 0;
      padding: 0;
      width: 100%; }

      .primary-nav ul.nav-list > li {
        display: block;
        float: left;
        text-align: left;
        letter-spacing: 1.07px;
        height: 45px;}

      .primary-nav ul.nav-list > li.divider + li::before {
        content: '';
        height: 24px;
        width: 1px;
        position: absolute;
        top: 10px;
        background-color: #9B9B9B; }

        .primary-nav ul.nav-list > li.divider > a {
          padding-right: 30px; }

        .primary-nav ul.nav-list > li.divider + li > a {
          padding-left: 30px; }

        .primary-nav ul.nav-list > li:first-child > a {
          padding-left: 0; }

        .primary-nav ul.nav-list > li:last-child > a {
          padding-right: 0; }

        .primary-nav ul.nav-list > li > a {
          color: #666;
          display: block;
          padding: 13px 15px;
          text-align: center;
          text-decoration: none;
          line-height: inherit; }

          .primary-nav ul.nav-list > li > a:hover,
          .primary-nav ul.nav-list > li.active > a {
            font-weight: 600;
            letter-spacing: 0.8px;
            color: #000; }

        /* START Overide for links with two lines of text */
        .primary-nav ul.nav-list > li a.two-lines.menu-pointer::before {
          top: 23px;
          left: auto;
          right: 50%; }
        .primary-nav ul.nav-list > li a.two-lines {
          height: 64px; }
          .primary-nav ul.nav-list > li a.two-lines span {
            float: left;
            clear: both;
            width: 100%; }
        .primary-nav ul.nav-list > li a.two-lines + .mega-nav {
          top: 79px; }
        /* END Overide for links with two lines of text */

      .primary-nav ul.nav-list > li.mega-variant-sale {
        float: right; }

        .primary-nav ul li.mega-variant-sale a {
          color: #006FB1;
          padding-right: 0;
          text-transform: uppercase;
          font-weight: 800; }

           .primary-nav ul li.mega-variant-sale a:hover {
             font-weight: 800;
             color:#000; }

/**
*
************************ Mega Nav Styles ************************
*
*/
.mega-nav {
  -moz-box-shadow: 0 6px 10px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 6px 10px rgba(0,0,0,0.2);
  box-shadow: 0 6px 10px rgba(0,0,0,0.2);
  background-color: #fff;
  border: 1px solid #CCC;
  right: 0;
  margin: 0;
  padding: 34px 29px 0 29px;
  position: absolute;
  text-align: left;
  letter-spacing: normal;
  top: 57px;
  width: 980px;
  display: none;
  z-index: 99997; }

.nav-list li:last-child .mega-nav {
  width: 100%;
  max-width: 1440px;
  position: fixed;
  top: 45px;
  margin: auto;
  left: 0;
  padding-bottom: 30px;
  border-radius: 5px; }

@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/* Firefox < 16 */
@-moz-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/* Internet Explorer */
@-ms-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

/* Opera < 12.1 */
@-o-keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.mega-nav-close {
  position: absolute;
  right: 37px;
  top: 0;
  margin: 6px 0;
  font-family: lato;
  font-style: normal;
  font-size: 12px;
  color: #666;
  opacity: 0.8;
  text-decoration: none;
}

li.active .search-menu + .mega-nav:hover {
  display: block;
}

.search-menu + .mega-nav:hover {
  display: none;
}

.mega-nav:hover {
  display: block;
}

.mega-nav sup {
  margin: 0;
  top: inherit;
  color: inherit;
  font-size: 100%; }

.mega-nav a:not(.button) {
  display: inline-block;
  font-size: 14px;
  line-height: 18px;
  font-style: normal; }

  .mega-nav a:hover:not(.button) {
    color: #000;
    text-decoration: none; }

.mega-nav a.image-link {
  display: block; }

.mega-nav header {
  font-size: 13px;
  font-style: italic;
  line-height: 18px;
  padding-left: 0;
  margin: 0 0 33px 0;
  width: 100%; }

  /*.mega-nav header .title h3 {*/
    /* used to adjust position to top & compensate for line-height */
    /*position: relative;
    top: -4px; }*/

  .mega-nav header .title {
    float: left;
    min-width: 160px;
    margin-right: 40px;
    text-align: center; }

    .mega-nav header .title a {
      display: inline-block;
      padding: 5px 0; }

      .mega-nav header .title a.triangle-forwards,
      .mega-nav header .title a.triangle-forwards::after {
        float: none; }

  .mega-nav header .description {
    overflow: auto;
    border-left: solid 1px #CCC;
    text-align: center; }

    .mega-nav header .description p {
      margin: 0;
      padding: 15px;
      font-size: 14px;
      font-style: normal;
      line-height: 18px;
      color: #555; }

.mega-nav > .content {
  clear: both; }

.mega-nav .content,
.mega-nav .content ul.row {
  margin: 0;
  padding: 0; }

  .mega-nav .content ul.row {
    margin-bottom: 33px; }

    .mega-nav .content ul.row > li {
      float: left;
      display: block;
      line-height: normal;
      margin-right: 30px; }

    .mega-nav .content ul.row.col-3 > li {
      margin-right: 29px; }

    .mega-nav .content ul.row > li:last-child {
      margin-right: 0; }

    .mega-nav .content ul.col-5 > li {
      width: 160px; }

    .mega-nav .content ul.col-3 > li {
      width: 208px; }

    .mega-nav .content ul.col-2 > li {
      width: 350px; }

    .mega-nav .content ul li.colspan-2 {
      width: 350px; }

      .mega-nav .content .visual-link.no-content {
        height: 5px; }

      .mega-nav .content .visual-link p,
      .mega-nav .content .visual-link-group p,
      .mega-nav .content .link-group p {
        margin: 0; }

      .mega-nav .content .visual-link,
      .mega-nav .content .video-link,
      .mega-nav .content .visual-link-group p,
      .mega-nav .content .link-group p {
        text-align: center; }

      .mega-nav .content .visual-link img,
      .mega-nav .content .video-link img,
      .mega-nav .content .visual-link-group img {
        display: block;
        margin: 0 auto; }

      .mega-nav .content .visual-link a:nth-child(2),
      .mega-nav .content .video-link a:nth-child(2),
      .mega-nav .content .visual-link-group h4 {
        margin: 7px 0 1px 0; }

      .mega-nav .content .video-link a.video {
        position: relative; }

        .mega-nav .content .video-link a.video .icon-play::before {
          font-size: 60px;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          color: #FFF;
          opacity: .8; }

      .mega-nav .content .visual-link-group {
        text-align: left; }

        .mega-nav .content .visual-link-group p {
          padding-top: 1px; }

        .mega-nav .content .visual-link-group ul {
          margin-top: 8px;
          padding: 0;
          height: inherit; }

          .mega-nav .content .visual-link-group ul li {
            display: block;
            text-align: left;
            margin: 5px 0; }

      .mega-nav .content .link-group h4 {
        position: relative;
        top: -4px;
        padding-bottom: 10px;
        margin-bottom: 8px;
        border-bottom: solid 1px #CCC; }

      .mega-nav .content .link-group ul,
      .mega-nav .content .typeahead-links ul {
        padding: 0;
        line-height: initial; }

        .mega-nav .content .link-group ul li,
        .mega-nav .content .typeahead-links ul li {
          display: block;
          margin: 5px 0 10px 0; }

      .mega-nav .content .category-promo {
        border: solid 1px #CCC;
        text-align: center; }

        .mega-nav .content .category-promo img,
        .mega-nav .content .category-promo a.image-link,
        .mega-nav .content .category-promo.video-link a.video {
          float: right;
          width: 175px; }

        .mega-nav .content .category-promo .content {
          padding: 15px 10px 0 10px;
          width: 175px; }

          .mega-nav .content .category-promo .content h4 {
            margin-bottom: 15px;
            padding-bottom: 15px;
            border-bottom: solid 1px #CCC; }

          .mega-nav .content .category-promo .content p {
            margin: 0 0 10px 0; }

      .mega-nav .content .vertical-promo {
        float: left;
        width: 208px;
        margin-right: 28px;
        border: solid 1px #CCC; }

        .mega-nav .content .vertical-promo .content {
          padding: 20px 15px 15px 15px }

          .mega-nav .content .vertical-promo .content p {
            text-align: left; }

      /* === Mega Nav: Typeahead Search === */
      .mega-nav header #searchForm fieldset {
        position: relative; }

      .mega-nav header #searchForm label {
        display: none; }

      .mega-nav header #searchForm .search {
        width: 100%;
        font-size: 18px;
        font-style: normal;
        font-weight: 300;
        line-height: 22px;
        letter-spacing: 0.3px;
        color: #333;
        border: 0;
        outline: 0;
        background: transparent;
        border-bottom: 1px solid #CCC; }

        .mega-nav header #searchForm  .search:focus,
        .mega-nav header #searchForm  .search:active {
          border: 0.12rem solid #4D90FE;
          box-shadow: 0px 0px 5px #4D90FE;
            -webkit-box-shadow: 0px 0px 5px #4D90FE;
          outline: none; }

      .mega-nav header #searchForm .btn-search {
        background: none;
        border: none;
        font-size: 18px;
        line-height: initial;
        position: absolute;
        right: 0;
        top: 3px;
        height: initial;
        width: initial;
        text-indent: initial; }

      .mega-nav .content.typeahead h4 {
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: solid 1px #CCC; }

      .mega-nav .content .typeahead-links,
      .mega-nav .content .typeahead-links h4 {
        width: 160px;
        font-weight: 300;}

      .mega-nav .content .typeahead-links {
        float: left;
        margin-right: 30px; }

      .mega-nav .content .typeahead-suggestions,
      .mega-nav .content .typeahead-products,
      .mega-nav .content .typeahead-no-suggestions {
        display: none; }

      .mega-nav .content .typeahead-promos,
      .mega-nav .content .typeahead-products,
      .mega-nav .content .typeahead-no-suggestions {
        float: left; }

      .mega-nav .content .typeahead-products {
        width: 680px; }

      .mega-nav .content .typeahead-no-suggestions p {
        font-size: 14px;
        color: #777; }

        .mega-nav .typeahead .typeahead-suggestions a:not(.see-all-results),
        .mega-nav .typeahead .typeahead-products a {
          color: #555; }

          .mega-nav .typeahead .typeahead-suggestions a:hover:not(.see-all-results),
          .mega-nav .typeahead .typeahead-products a:hover {
            color: #000; }

        .mega-nav .typeahead .typeahead-suggestions {
          width: 200px;
          margin-right: 40px; }

          .mega-nav .typeahead .typeahead-suggestions a:not(.see-all-results) {
            text-decoration: underline; }

          .mega-nav .typeahead .typeahead-suggestions ul {
            margin-bottom: 25px; }

        .mega-nav .typeahead .typeahead-products ul.row > li {
          width: 200px;
          margin-right: 40px; }

        .mega-nav .typeahead .typeahead-products ul.row > li:last-child {
          margin-right: 0; }

          .mega-nav .typeahead .typeahead-products ul.row > li a {
            text-align: center; }

          .mega-nav .typeahead .typeahead-products ul.row > li img {
            width: 167px;
            height: 167px; }

          .mega-nav .typeahead .typeahead-products ul.row > li .product-name {
            text-align: left;
            margin: 5px 0;
            font-size: 14px;
            line-height: 18px; }

          .mega-nav .typeahead .typeahead-products ul.row > li .product-price {
            font-size: 18px; }

/* === Mega Nav: Footer ===*/
.mega-nav footer {
  margin: 0 -30px -1px -30px; }

  .mega-nav footer .dropdown-promo {
    width: 100%;
    padding-top: 1px; }

    .mega-nav footer .dropdown-promo img {
      display: block; }

[class^="triangle-"]:hover::after {
  text-decoration: none; }

.triangle-forwards::after {
  color: inherit;
  font-size: 10px;
  content: '\25b6';
  padding-left: 4px; }

.utility .triangle-forwards::after {
  float: right; }

.nav-list .triangle-forwards::after {
  float: right; }


/*
*
****************************** tooltips **************************
*  http://www.webdesignerdepot.com/2012/11/how-to-create-a-simple-css3-tooltip/
*/
.util-nav .nav-list li .triangle-down {
  display: block;
  max-height: 40px;
  max-width: 208px;
  overflow: hidden;
  white-space: nowrap; }

.triangle-backwards::after {
  color: inherit;
  font-size: 10px;
  content: '\25C0';
  padding-left: 4px; }

.triangle-down::after {
  color: inherit;
  font-size: 8px;
  content: '\25bc';
  padding-left: 4px; }

.nav-promo {
  display: inline-block;
  height: 59px;
  width: 450px; }

.nav-promo:first-child {
  margin-right: 12px; }

.intro {
  font-weight: normal; }

.intro .triangle-forwards::after {
  float: none; }

/**
*
* Button styles
*
*/
.btn, .btn-primary, .btn-secondary, .btn-email, .btn-appt  {
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 2px solid inherit;
  color: #444;
  font-size: 12px;
  font-weight: bold;
  height: 25px;
  line-height: 22px;
  padding: 0 20px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase; }

.btn-primary {
  background-color: #FFC559;
  border: 2px solid #FFC559;
  display: inline-block;
  text-transform: uppercase; }
  .btn-primary:hover {
    background-color: white;
    border: 2px solid #FFC559;
    color: #FFC559;
    line-height: 22px;
    text-decoration: none;
    text-transform: uppercase; }
  .btn-primary:focus {
    outline:none;
    border:1px solid #4D90FE;
    -webkit-box-shadow: 0px 0px 5px  #4D90FE;
    box-shadow: 0px 0px 5px  #4D90FE;
  }

.btn-secondary {
  background-color: #EF8E2F;
  border: 2px solid #EF8E2F;
  color: white;
  cursor: pointer;
  display: inline-block; }
  .btn-secondary:hover {
    background-color: white;
    border: 2px solid #EF8E2F;
    color: #EF8E2F;
    text-decoration: none; }
  .btn-secondary:focus {
    outline:none;
    border:1px solid #4D90FE;
    -webkit-box-shadow: 0px 0px 5px  #4D90FE;
    box-shadow: 0px 0px 5px  #4D90FE;
  }

.btn-appt {
  background-color: #E3A129;
  border: 2px solid #E3A129;
  display: inline-block;
  margin-top: 10px;
  text-transform: uppercase; }
  .btn-appt:hover {
    background-color: white;
    border: 2px solid #E3A129;
    color: #E3A129;
    line-height: 22px;
    text-decoration: none;
    text-transform: uppercase; }
  .btn-appt:focus {
    outline:none;
    border:1px solid #4D90FE;
    -webkit-box-shadow: 0px 0px 5px  #4D90FE;
    box-shadow: 0px 0px 5px  #4D90FE;
  }

/* Button Styles 2017 Style Guide */
.button,
.primary-btn {
  display: inline-block;
  color: #FFF;
  padding: 7px 20px;
  min-width: 145px;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  line-height: 18px;
  background-color: #006FB1;
  border: 2px solid #006FB1;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px; }

  .button:hover,
  .primary-btn:hover {
    color: #006FB1;
    background: none;
    text-decoration: none; }

  .primary-btn:focus,
  .secondary-btn:focus {
    border: solid 2px #FFF;
  }

  .primary-btn:focus:hover,
  .secondary-btn:focus:hover {
    color: #FFF;
    background-color: #006FB1;
    border: solid 2px #FFF;
  }

  .secondary-btn {
    color: #006FB1;
    border: 2px solid #006FB1;
    background: none; }

    .secondary-btn:hover {
      color: #FFF;
      background-color: #006FB1; }

  .white-btn {
    color: #FFF;
    border: 2px solid #FFF;
    background: none; }

    .white-btn:hover {
      color: #006FB1;
      background-color: #FFF; }

.more_info {
  color: #3c3c3c !important;
  }

.btn-email {
  background-color: #FFC559;
  border: 2px solid #FFC559;
  display: inline-block;
  font-size: 13px;
  height: auto;
  line-height: 1;
  margin-left: 8px;
  padding-bottom: 6px;
  padding-top: 6px; }

.btn-email:hover {
  background-color: white;
  border: 2px solid #FFC559;
  color: #FFC559;
  text-decoration: none; }

.features {
  background-color: red; }

.view-details::after {
  color: inherit;
  font-size: 10px;
  content: '\25b6';
  padding-left: 4px; }

/*
*
****************************************** Tab Styles ******************************************
*
*/
.tab-wrapper {
  border-bottom: 2px solid #7297A9;
  margin-bottom: 20px;
  width: 100%; }

.tabs {
  list-style: none;
  margin: 0px;
  padding: 0px;
  border-spacing: 10px 0px;
  display: table;
  margin-left: -30px; }
  .tabs:before, .tabs:after {
    content: "";
    display: table; }
  .tabs:after {
    clear: both; }
  .tabs li {
    background: #F2F1EC;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top: 1px solid #CCC;
    color: #888;
    cursor: pointer;
    display: table;
    font-size: 12px;
    font-weight: bold;
    height: 40px;
    line-height: 1.4;
    margin-right: 12px;
    max-width: 160px;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    width: auto; }
    .tabs li:last-child {
      margin-left: 0px; }
    .tabs li:hover {
      background: #7297A9;
      border-bottom: 0;
      border: 1px solid #7297A9;
      color: #fff; }
    .tabs li.active {
      background-color: #7297A9;
      border-bottom: 0;
      border: 1px solid #7297A9;
      color: #fff; }

.tabs li {
  display: table-cell;
  float: none;
  min-height: 54px; }

.tabs li p {
  margin: 0;
  padding: 0;
  vertical-align: middle; }

.tab-content {
  display: none; }

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

/*
*
****************************************** Breadcrumb Styles ******************************************
*
*/
.breadcrumb-wrapper {
  color: #444;
  height: 35px;
  margin: 0 auto 10px;
  padding-left: 0;
  width: 980px; }

/*when search results title is present*/
.breadcrumb-wrapper.search-results-title {
  margin-bottom: 35px;
}

.header-targeter-container + .breadcrumb-wrapper {
  margin-top: 15px; }

.breadcrumb-wrapper ul {
  margin: 0 -5px;
  padding: 0; }


.breadcrumb-wrapper ul li {
  display: inline-block;
  font-size: 14px;
  padding: 0 4px;
  vertical-align: middle; }
	body:not(.umbraco) .breadcrumb-wrapper ul li + li {
		padding: 0;
	}
	body:not(.umbraco) .breadcrumb-wrapper ul li + li:before {
		content: "\e904";
		padding-right: 6px;
		color: #868686;
		font-family: 'icomoon' !important;
		font-size: 14px;
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		vertical-align: middle;
	}

.breadcrumb-wrapper ul li a:first-child {
  padding-right: 6px; }

.breadcrumb-wrapper ul li a {
  color: #868686;
  display: inline-block;
  font-size: 14px;
  line-height: 35px; }

.breadcrumb-wrapper ul li,
.breadcrumb-wrapper.pdp-breadcrumbs ul li {
  padding-right: 0px;
  color: #868686; }

.breadcrumb-wrapper.pdp-breadcrumbs ul li:last-child {
  font-size: 14px; }

.breadcrumb-wrapper.pdp-breadcrumbs ul li a {
  font-size : 14px; }

.breadcrumb-wrapper ul li:after,
.breadcrumb-wrapper.pdp-breadcrumbs ul li:after {
  content: '';
  padding-left: 0px; }


/*
*
****************************************** Quantity picker ************************************
*
*/
.changeQuantity {
  display: inline;
  float: left;
  margin-right: 4px; }

.changeQuantity .quantity-group {
  float: right;
  margin: 0 7px;
  border: 1px solid #ccc; }

.changeQuantity .quantity-group,
.changeQuantity .counter {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }

.changeQuantity .qty-arrows {
  float: right;
  height: auto;
  width: 15px;
  padding-top: 7px;
  margin-right: 5px; }

.changeQuantity .plus-icon, .changeQuantity .minus-icon {
  background: #fff url('../../img/number-arrows.png') no-repeat 50% 50%;
  background-repeat: no-repeat;
  cursor: pointer; }

.changeQuantity .plus-icon {
  background-position: 0 0;
  height: 11px;
  width: 11px; }

.changeQuantity .minus-icon {
  background-position: 0 -10px;
  height: 11px;
  width: 11px; }

.changeQuantity .counter {
  border: none;
  width: 31px;
  height: 35px;
  font-size: 14px;
  text-align: center; }

.changeQuantity .inactive {
  opacity: 0.5;
  pointer-events: none;
  cursor: default; }

/*
*
****************************************** Footer Styles ******************************************
*
*/
[role="contentinfo"] .promos {
  font-size: 12px;
  margin: 0 auto;
  padding: 40px 0 0 0;
  width: 980px;
  overflow: auto;
  border-top: 1px solid #CCC;
  clear: both;}

[role="contentinfo"] .utilities {
  background-color: #006FB1;
  height: auto;
  margin-top: 40px;
  width: 100%;
  clear: both; }

[role="contentinfo"] .utilities > div {
  margin: 0 auto;
  padding-top: 4px;
  width: 1000px; }

footer .promos {
	display: flex;
	align-items: stretch;
}

footer .promos .promo-container {
	flex-basis: 25%;
	border: 1px solid #CCCCCC;
	padding: 30px 15px 50px;
	text-align: center;
	display: flex;
	flex-direction: column;
	margin-left: 5px;
	margin-right: 5px;
	position: relative;
}

footer .promos .content-icon {
	position: absolute;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	top: 0px;
	left: 50%;
	background-color: #ffffff;
	transform: translate(-50%, -50%);
	box-shadow: 0 0 20px 2px #cccccc;
	-moz-box-shadow: 0 0 20px 2px #cccccc;
	-webkit-box-shadow: 0 0 20px 2px #cccccc;
}

footer .promos .content-icon img {
	width: 40px;
	padding-top: 15px;
}

footer .promos .promo-container h3 {
	font-size: 20px;
	line-height: 60px;
	color: #050403;
	font-weight:bold;
}

footer .promos .promo-container .content {
	margin-bottom: 20px;
}

footer .promos .promo-container p {
	color: #050403;
	margin: 0;
}

footer .promos .promo-container .primary-btn {
	font-size: 13px;
	font-weight:bold;
	margin-top: auto;
}

footer .promos .promo-container .text-link {
	color: #0070Af;
	font-size: 12px;
	font-weight:bold;
}

footer .promos .half-page-promo {
  float: left;
  margin-top: 45px; }

  footer .promos .half-page-promo:nth-child(1),
  footer .promos .half-page-promo:nth-child(2) {
    margin-top: 0; }

  footer .promos .half-page-promo:nth-child(odd) {
    margin-right: 50px;
    clear: both; }

  footer .promos .half-page-promo.store-callout .content h4 {
    margin-bottom: 8px; }

  footer .promos .half-page-promo.store-callout .content p {
    margin: 7px 0; }

  footer .promos .half-page-promo.store-callout .content a:not(.button) {
    margin: 0 0 13px 0; }

.vcard strong,
.ipad strong,
.financing strong,
.in-home strong {
  font-weight: bold;
  line-height: 17px;
  margin-left: 11px; }

.vcard strong,
.vcard a.triangle-forwards {
  color: #006FB1; }

.ipad strong,
.ipad a.triangle-forwards {
  color: #B2A847; }

.vcard a,
.ipad p,
.ipad a,
.financing p,
.financing a,
.in-home p,
.in-home a {
  display: block;
  line-height: 17px;
  margin: 0;
  padding: 0 0 0 42px; }

.vcard p,
.ipad p,
.financing p,
.in-home p {
  padding-bottom: 5px; }

.financing strong,
.financing a.triangle-forwards {
  color: #BE5F75; }

.in-home strong,
.in-home a.triangle-forwards {
  color: #EF8E2F; }

.vcard .adr {
  line-height: 17px;
  padding-left: 42px; }

.fine-print {
  border-top: 1px solid #CCC;
  height: 58px;
  text-align: center;
  width: 100%; }

.fine-print li {
  list-style: none; }

.fine-print ul {
  display: inline;
  margin-left: 12px;
  padding: 0; }

.fine-print ul,
.fine-print small {
  font-size: 12px;
  line-height: 58px;
  text-align: left; }

.fine-print ul li {
  display: inline-block;
  padding-right: 10px; }

.fine-print a {
  color: #444; }

.fine-print .selected {
  text-decoration: underline; }

.utilities .share {
  display: inline-block;
  margin: 18px 0 0 0;
  padding: 0;
  position: absolute; }

.utilities .share li:first-child {
  height: auto;
  line-height: 2;
  margin: 0 5px 0 10px;
  white-space: nowrap;
  width: auto; }

.utilities .share li,
.utilities .share li a {
  color: white;
  display: inline-block;
  font-size: 12px;
  height: 24px;
  width: 24px;
  margin-left: 0px; }

.utilities .share li a {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap; }

  .svg-icon  {
      display: inline-block;
      background-repeat: no-repeat;
      background-image: url("../../img/sprites/social-icons-sprite.svg");
      width: 24px;
      height: 24px;
  }

  .svg-icon.svg-icon-facebook {
      background-position: 0 0;
  }

  .svg-icon.svg-icon-twitter {
      background-position: -192px 0;
  }

  .svg-icon.svg-icon-pinterest {
      background-position: -144px 0;
  }

  .svg-icon.svg-icon-google-plus {
      background-position: -96px 0;
  }

  .svg-icon.svg-icon-youtube {
      background-position: -48px 0;
  }

  .svg-icon.svg-icon-houzz {
    background-position: -48px -46px;
}

.svg-icon.svg-icon-instagram {
  background-position: -96px -46px;
}

.utilities .share li a.share-fb {
  background: transparent url("../../img/sprites.png") 0px -375px no-repeat; }

.utilities .share li a.share-twitter {
  background: transparent url("../../img/sprites.png") 0px -265px no-repeat; }

.utilities .share li a.share-pint {
  background: transparent url("../../img/sprites.png") 0px -331px no-repeat; }

.utilities .share li a.share-goog {
  background: transparent url("../../img/sprites.png") 0px -353px no-repeat; }

.utilities .share li a.share-fb {
  background: transparent url("../../img/sprites.png") 0px -375px no-repeat; }

.utilities .share li a.share-email {
  background: transparent url("../../img/sprites.png") 0px -397px no-repeat; }

.utilities .share li a.share-youtube {
  background: transparent url("../../img/sprites.png") 0px -243px no-repeat; }

.footer-links {
  margin: 0 auto;
  width: 1000px; }

.footer-links ul {
  font-size: 12px;
  margin-bottom: 20px;
  padding: 0; }

.footer-links > ul > li {
  display: inline-block;
  font-size: 12px;
  padding: 0;
  width: 150px; }

.footer-links > ul li {
  font-size: 12px;
  line-height: 2;
  list-style: none;
  margin: 0;
  padding-right: 10px; }

.footer-links > ul li .title {
  font-size: 14px;
  font-weight: bold; }

.footer-links a[href*="tel:"] {
  color: #444;
  display: block;
  font-size: 16px;
  font-weight: bold; }

.footer-links > ul > li:nth-child(0n+5) {
  width: 160px; }

.footer-links > ul li.partners {
  width: 190px; }

.footer-links > ul li.partners p,
.footer-links > ul li.partners > ul {
  border-left: 1px solid #CCC;
  padding-left: 20px; }

.footer-links > ul li.partners p {
  padding-bottom: 20px; }

.footer-links > ul li.partners > ul {
  margin-top: -20px; }

/*
*
****************************************** Pagination Styles ******************************************
*
*/
.cdp-pagination-pages {
  width: 49%;
  padding: 15px 0;
  text-align: center;
  display: inline-block; }
  .cdp-pagination-pages.hide {
    display: none; }
  .cdp-pagination-pages a {
    color: #0070AF;
    padding: 0 4px;
    text-decoration: underline; }
  .cdp-pagination-pages a:first-child {
    padding-left: 6px; }

.pagination-bottom {
  border: none;
  padding-bottom: 45px; }
  .pagination-bottom .cdp-pagination-pages {
    width: 100%; }

.cdp-pagination-drop > li:first-child::after {
  color: inherit;
  font-size: 10px;
  content: '\25bc';
  padding-left: 5px; }

/* pagination arrows 2017 design */
.prev-div,
.next-div {
  border: 2px solid #ccc;
  padding: 6px 11px 8px 9px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px; }
.next-div {
	padding: 6px 8px 8px 14px; }

/*inactive arrow state*/
.cdp-pagination-pages .inactive {
  margin: 0 20px;
  color: #ccc;
  border: 2px solid #efefef;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px; }
  .cdp-pagination-pages .icon-arrow-left.inactive {
    padding: 10px 13px 12px 10px; }
  .cdp-pagination-pages .icon-arrow-right.inactive {
    padding: 8px 9px 10px 13px; }


/*
*
****************************************** Modal Styles ******************************************
*
*/
.signin section {
  border: 1px solid #CCC;
  display: inline-block;
  padding: 20px;
  position: absolute;
  right: 26px;
  width: 300px; }
  .signin section:before, .signin section:after {
    content: "";
    display: table; }
  .signin section:after {
    clear: both; }

.create-account section {
  color: #BD411B;
  display: inline-block;
  font-size: 12px;
  padding: 5px 20px 20px 20px;
  position: absolute;
  right: 26px;
  width: 300px; }
  .create-account section:before, .create-account section:after {
    content: "";
    display: table; }
  .create-account section:after {
    clear: both; }

.signin h1,
.create-account h1 {
  border-bottom: 1px solid #CCC;
  padding-bottom: 10px; }

.signin section h2,
.create-account section h2 {
  font-size: 12px; }

/*
*
* base carousel styles
*
*/
[class$="-carousel"] .bx-wrapper .bx-viewport,
.bx-wrapper .bx-viewport {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  background: inherit;
  border: 0;
  box-shadow: none;
  left: 0; }

.tooltip,
.swatch-tooltip {
  display: inline;
  position: relative;
  text-align: left; }

/* Setup using ::before and content: so image displays in high-contrast mode for Accessibility */
.tooltip div.tooltip-img::before,
.final-delivery-tool div.tooltip-img::before {
  display: inline-block;
  content: url("../../img/sprites.png");
  margin: -77px 0; }

.tooltip div.tooltip-img,
.final-delivery-tool div.tooltip-img {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-left: 5px;
  vertical-align: bottom;
  overflow: hidden; }

.tooltip div.tooltip-text {
  display: inline-block;
  margin-left: 5px; }

.tooltip:hover,
.tooltip.final-delivery-tooltip {
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadein 0.25s;
  /* Firefox < 16 */
  -ms-animation: fadein 0.25s;
  /* Internet Explorer */
  -o-animation: fadein 0.25s;
  -webkit-animation: fadein 0.25s;
  /* Opera < 12.1 */
  animation: fadein 0.25s; }
  .tooltip:hover::after,
  .tooltip.final-delivery-tooltip {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.2);
    background: #fff;
    background: white;
    border: 1px solid #CCC;
    bottom: 26px;
    color: #444;
    content: attr(title);
    left: 20%;
    margin: 0px 0px 0px -100px;
    padding: 20px 10px;
    position: absolute;
    text-align: left;
    width: 220px;
    z-index: 98; }

.swatch-tooltip {
  display: inline;
  position: relative;
  text-align: left; }

.swatch-tooltip:hover {
  /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadein 0.25s;
  /* Firefox < 16 */
  -ms-animation: fadein 0.25s;
  /* Internet Explorer */
  -o-animation: fadein 0.25s;
  -webkit-animation: fadein 0.25s;
  /* Opera < 12.1 */
  animation: fadein 0.25s; }
  .swatch-tooltip:hover::after {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.2);
    background: #fff;
    background: white;
    border: 1px solid #CCC;
    bottom: 26px;
    color: #444;
    content: attr(title);
    left: -12px;
    margin: 0;
    padding: 20px 10px;
    position: absolute;
    text-align: left;
    width: auto;
    z-index: 98; }

.triangle-with-shadow {
  border-color: #FFFFFF transparent;
  border-width: 8px 8px 0 8px;
  border: solid;
  bottom: 20px;
  content: "";
  left: 20%;
  position: absolute;
  z-index: 99; }

.triangle-with-shadow {
  display: none; }

.tooltip:hover .triangle-with-shadow {
  display: block; }

.message-container {
  background-color: #FFFFCD;
  margin-top: 15px;
  width: 100%; }

.message-wrapper {
  margin: 0 auto;
  padding: 0 15px;
  width: 1024px; }

.message-txt {
  color: #A52D2D;
  font-weight: bold;
  line-height: 35px;
  margin: 0 0 0 210px; }
  .message-txt .hide-message {
    font-weight: normal;
    padding-left: 10px; }
  .message-txt::before {
    background-image: url("../../img/sprites.png");
    background-position: 0px -35px;
    width: 14px;
    height: 13px;
    content: "";
    display: inline-block;
    padding-right: 20px; }

.two-column-last .message-txt {
  margin: 0 0 0 6px; }

.close-message {
  color: #444;
  display: inline-block;
  float: right;
  font-size: 10px;
  font-weight: 900;
  margin-right: 20px; }

input.error,
select.error {
  border: 2px solid #A52D2D; }

.error-text-form {
  padding-left: 250px; }

.alert {
  color: #A52D2D; }

[title*="Our live chat service is currently offline."],
[title*="All our live chat representatives are currently occupied."] {
  display: none; }

#lpButDivID-1433969017394,
#lpButDivID-1434472021 {
  line-height: 10px !important; }
  #lpButDivID-1433969017394 [title*="Our customer care expert is just a call away."],
  #lpButDivID-1434472021 [title*="Our customer care expert is just a call away."] {
    color: #444 !important;
    cursor: default;
    line-height: 10px !important;
    text-decoration: none; }
  #lpButDivID-1433969017394 a,
  #lpButDivID-1433969017394 p,
  #lpButDivID-1433969017394 span,
  #lpButDivID-1434472021 a,
  #lpButDivID-1434472021 p,
  #lpButDivID-1434472021 span {
    line-height: 22px !important; }

#lpButDivID-1433967070029,
#lpButDivID-1433967070029 * {
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 38px;
  text-decoration: none; }

.chat-offline-message {
  line-height: 22px;
  margin: 0;
  padding: 0; }

#bPopupContainer {
  background-color: #FFF;
  border: none;
  -moz-box-shadow: 0px 5px 14px rgba(50, 50, 50, 0.75);
  -webkit-box-shadow: 0px 5px 14px rgba(50, 50, 50, 0.75);
  box-shadow: 0px 5px 14px rgba(50, 50, 50, 0.75);
  display: none;
  z-index: 11119999 !important; }
  #bPopupContainer .content {
    width: 700px;
    height: 380px; }
    #bPopupContainer .content iframe {
      border: none;
      width: 680px;
      height: 380px; }

.b-modal {
  z-index: 11119998 !important; }

fieldset.searchBar-fieldset {
  margin-bottom: 0px; }
  fieldset.searchBar-fieldset p {
    margin: 0 0 0 10px;
    padding: 0;
    position: relative; }
  fieldset.searchBar-fieldset .btn-search {
    top: 21px; }

/*
 * Layout specific styles
 *
 *
 *
*/
main,
header {
  margin: 0 auto;
  padding: 0;
  width: 980px; }

section {
  vertical-align: top; }

main {
  margin-top: 25px; }

[role="contentinfo"] {
  margin-top: 50px;
  width: 100%; }

.masthead {
  height: 95px;
  padding: 0;
  position: relative;
  width: 980px; }

.primary-promo {
  width: 100%; }
  .primary-promo img {
    max-width: 485px; }

.primary-promo div {
  margin: 0 auto;
  width: 980px; }
  .primary-promo div a {
    margin: 0; }
    .primary-promo div a:first-child {
      margin-right: 5px; }

[class^="two-column"] section,
[class^="two-column"] aside,
[class^="two-column"] .secondary-nav,
.three-column section,
.three-column aside,
.three-column .secondary-nav {
  display: inline-block;
  vertical-align: top; }

[class^="two-column"] .secondary-nav,
.three-column .secondary-nav {
  width: 180px; }

.three-column aside {
  width: 170px; }

[class^="two-column"] aside {
  width: 240px; }

.two-column-first [role="region"] {
  vertical-align: top;
  width: 775px; }

  .two-column-first [role="region"].no-left-nav{
    width: 100%;
  }

  .two-column-first [role="region"].marxent-planner{
    width: 995px;
  }
  #if3D.full-width {
    width: 80vw;
    height: 45vw;
    position: relative;
    left: 59%;
    right: 50%;
    margin-left: -40vw;
    margin-right: -40vw;
    min-height: 0;
  }
.two-column-last [role="region"] {
  padding-right: 22px;
  vertical-align: top;
  width: 735px; }

.three-column [role="region"] {
  width: 601px; }

.two-column-equal [role="region"] {
  margin-right: 15px;
  vertical-align: top;
  width: 480px; }

.two-column-equal [role="region"] + [role="region"] {
  margin-right: 0; }

.home .hero {
  margin-bottom: 20px; }

.hidden-elem {
  display: none; }

.gray-gradient,
.util-nav {
  background: #F5F5F5; /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #F5F5F5 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 0%,#F5F5F5 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 0%,#F5F5F5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#F5F5F5',GradientType=0 ); /* IE6-9 */ }

.blue-gradient,
.util-nav li.active > a.store:not(.default) {
  background: #004b76; /* Old browsers */
  background: -moz-linear-gradient(top, #004b76 0%, #0071a6 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #004b76 0%,#0071a6 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #004b76 0%,#0071a6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004b76', endColorstr='#0071a6',GradientType=0 ); /* IE6-9 */ }
/*
*
****************************** Table Styles *************************
*
*/
table {
  border: 0;
  font-size: 12px; }

/*******************************************************************
************************* Promo styles *****************************
*******************************************************************/
/*=== Vertical Promo ===*/
.vertical-promo {
  width: 100%;
  line-height: initial; }

  .vertical-promo img {
    width: 100%;
    display: block; }

  .vertical-promo .content {
    padding: 15px 20px 20px 20px;
    text-align: center; }

    .vertical-promo .content h4 {
      margin-bottom: 15px;
      padding-bottom: 15px;
      border-bottom: solid 1px #CCC; }

    .vertical-promo .content p {
      margin: 0 0 15px 0; }

    .vertical-promo .content a.button {
      display: block;
      width: 100%; }

/*=== Half Page Promo ===*/
.half-page-promo {
  width: 465px; }

  .half-page-promo > p,
  .half-page-promo > h3 {
    text-align: center; }

  .half-page-promo > p {
    margin: 0;
    padding: 0;
    font-size: 20px;
    font-weight: 300;
    color: #555; }

  .half-page-promo > h3 {
    border-bottom: 1px solid #CCC;
    margin: 0 0 20px 0 !important;
    padding: 0 0 15px 0; }

  .half-page-promo .content {
    overflow: auto; }

    .half-page-promo .content h4 {
      font-weight: 400;
      margin: -4px 0 4px 0; }

      .half-page-promo .content h4 span {
        color: #333;
        font-size: 11px;
        line-height: 16px;
        padding-left: 15px; }

      .half-page-promo .content p {
        color: #555;
        font-size: 14px;
        line-height: 18px;
        margin: 0 0 5px 0; }

        .half-page-promo .content img {
          display: block; }

    .half-page-promo .content a:not(.button) {
      display: inline-block;
      font-size: 14px;
      margin: 0 0 8px 0; }

    .half-page-promo .content .button {
      clear: both;
      display: block; }

    .half-page-promo .content .col-1 {
      float: left;
      width: 225px;
      padding: 0 30px 0 0;}

    .half-page-promo .content .col-2 {
      float: right;
      width: 240px; }

/************************* endeca targeter blocks ******************
********************* in header and home page **********************
**************************************************************** */
.header-targeter-container {
  overflow: hidden;
  height: 35px; }

.header-targeter-container,
.main-targeter-container {
  margin: 0 auto 15px;
  width: 980px;
  clear: both; }
  .header-targeter-container .header-content-targeter,
  .main-targeter-container .header-content-targeter {
    display: inline-block;
    min-height: 35px; }
    .main-targeter-container .header-content-targeter:first-child {
      margin-right: 10px; }
    .main-targeter-container .header-content-targeter:nth-child(2) {
      margin-left: -5px; }
  .header-targeter-container .header-content-targeter {
    width: 980px; }
    .header-targeter-container .header-content-targeter .secondary-promo img {
      max-width: 980px; }
  .main-targeter-container .header-content-targeter,
  .main-targeter-container .header-content-targeter .secondary-promo:nth-child(1) img {
    width: 485px; }

.main-targeter-container {
  margin-top: 30px; }
  .main-targeter-container .main-content-targeter {
    display: inline-block;
    width: 485px; }
    .main-targeter-container .main-content-targeter img {
      width: 485px; }
    .main-targeter-container .main-content-targeter:first-child {
      margin-right: 10px; }
    .main-targeter-container .main-content-targeter:nth-child(2) {
      margin-left: -5px; }

.main-single-promo-targeter {
  width: 980px; }
  .main-single-promo-targeter .secondary-promo img {
    width: 980px; }

.mega-nav .header-content-targeter {
  display: inline-block;
  height: 70px;
  width: 453px; }
  .mega-nav .header-content-targeter img {
    height: 70px;
    width: 453px; }

/*
*
****************************** Modal Styles *************************
*
*/
#colorbox,
#cboxOverlay,
#cboxWrapper {
  border: none;
  z-index: 1000000; }

#cboxLoadedContent {
  margin-bottom: 10px; }

.freeSwatchModal #cboxLoadedContent {
    margin: 10px;
}

.freeSwatchModal #cboxClose::before {
    color: #444;
}

#cboxLoadedContent > main {
  margin-top: 0; }

#cboxTitle {
  display: none !important; }

main.signin,
main.create-account,
main.planner-signin {
  padding: 0px 25px 15px;
  position: relative;
  width: 700px; }
  main.signin + footer,
  main.create-account + footer {
    border-top: 1px solid #CCC;
    margin: 0 auto;
    padding-top: 10px;
    width: 650px; }

main.video {
  padding: 20px 10px;
  position: relative;
  width: 620px; }
  main.video p {
    display: inline-block;
    width: 480px; }
    main.video p:empty {
      display: none; }
  main.video .social-share-icons {
    display: inline-block;
    vertical-align: top; }
  main.video .social-bubble {
    display: none; }

footer.video p {
  width: auto !important; }

#cboxWrapper footer {
  border-top: 1px solid #888;
  margin: 0 30px;
  padding-top: 20px;
  position: relative; }

#cboxWrapper footer.cart-footer {
  margin-bottom: 20px;
  text-align: center; }

#cboxWrapper footer p {
  margin: 0;
  padding: 0 0 10px 0;
  width: 470px; }

#cboxWrapper footer a {
  position: absolute;
  right: 0;
  top: 46px; }

#cboxWrapper footer.cart-footer a {
  position: static;
  width: 300px; }

.content .col {
  display: table-cell;
  width: 1%; }

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.ui-helper-reset {
  border: 0;
  font-size: 100%;
  line-height: 1.3;
  list-style: none;
  margin: 0;
  outline: 0;
  padding: 0;
  text-decoration: none; }

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  border-collapse: collapse;
  content: "";
  display: table; }

.ui-helper-clearfix:after {
  clear: both; }

.ui-helper-clearfix {
  min-height: 0;
  /* support: IE7 */ }

.ui-helper-zfix {
  filter: Alpha(Opacity=0);
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  /* support: IE8 */ }

.ui-front {
  z-index: 100; }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important; }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  background-repeat: no-repeat;
  display: block;
  overflow: hidden;
  text-indent: -99999px; }

/* Date-picker UI Overlays */
.ui-widget-overlay {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%; }

.ui-datepicker {
  background-color: #FFF;
  border: 2px solid #444;
  display: none;
  padding: 0.2em 0.2em 0;
  width: 17em; }

.ui-datepicker-current-day {
  background-color: #888; }

.ui-datepicker .ui-datepicker-header {
  padding: .2em 0;
  position: relative; }

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px; }

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px; }

.ui-datepicker .ui-datepicker-prev {
  left: 2px; }

.ui-datepicker .ui-datepicker-next {
  right: 2px; }

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px; }

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px; }

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
  position: absolute;
  top: 50%; }

.ui-datepicker .ui-datepicker-title {
  line-height: 1.8em;
  margin: 0 2.3em;
  text-align: center; }

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0; }

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%; }

.ui-datepicker table {
  border-collapse: collapse;
  font-size: .9em;
  margin: 0 0 0.4em;
  width: 100%; }

.ui-datepicker th {
  border: 0;
  font-weight: bold;
  padding: 0.7em 0.3em;
  text-align: center; }

.ui-datepicker td {
  border: 0;
  padding: 1px; }

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none; }

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
  margin: .7em 0 0 0;
  padding: 0 0.2em; }

.ui-datepicker .ui-datepicker-buttonpane button {
  cursor: pointer;
  float: right;
  margin: 0.5em 0.2em 0.4em;
  overflow: visible;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto; }

.ui-datepicker-multi .ui-datepicker-group {
  float: left; }

.ui-datepicker-multi .ui-datepicker-group table {
  margin: 0 auto 0.4em;
  width: 95%; }

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left; }

.ui-datepicker-row-break {
  clear: both;
  font-size: 0;
  width: 100%; }

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl; }

.ui-datepicker-rtl .ui-datepicker-prev {
  left: auto;
  right: 2px; }

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  left: auto;
  right: 1px; }

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right; }

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 1px;
  border-right-width: 0; }

iframe.ir-content {
  border: 0;
  width: 100%; }

.managed-content {
  margin: 30px 0 0 0; }
  .managed-content a img {
    width: auto !important;
    height: auto !important; }

/**
* form styles
*/
form,
fieldset,
legend {
  border: none;
  margin: 0;
  padding: 0; }

form h2 {
  margin-top: 20px; }

fieldset.buttons {
  margin-top: 20px;
  text-align: right;
  width: 433px; }

#editPayment fieldset.buttons {
  width: auto; }

fieldset.buttons a {
  padding-right: 15px; }

legend {
  display: none; }

label, label.error,
.psuedo-label {
  display: inline-block;
  font-size: 12px;
  margin: 10px 0;
  vertical-align: top;
  width: 200px; }

label.error {
  color: #A52D2D;
  display: block;
  font-weight: bold;
  margin: 0 0 10px 129px;
  width: auto; }

.cdp-nav label {
  margin: 0; }

.clipped,.offscreen {
  position:absolute;
  clip:rect(0,0,0,0); }

.month-year-select > label.error {
  margin-left: 0;
  margin-top: 4px; }

input,
textarea,
select {
  border: 1px solid #CCC;
  font-size: 12px;
  margin: 0; }

[type="text"],
[type="password"],
[type="email"],
[type="number"],
[type="tel"],
[type="url"],
[type="search"],
select {
  height: 32px;
  padding: 0 5px 0 10px; }

[readonly="readonly"] {
  border: 0; }

input[type="reset"] {
  background-color: transparent;
  border: none;
  color: #006FB1; }
  input[type="reset"]:hover {
    text-decoration: underline; }

/* placeholder styling */
::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder {
  color: #444;
  font-style: italic;
	font-weight: 300;
  text-overflow: ellipsis; }

#errorSearch fieldset {
  position: relative;
  width: 530px; }
  #errorSearch fieldset button {
    right: 6px;
    top: 5px; }

.btn-search {
  background: transparent url("../../img/sprites.png") 0px -222px no-repeat;
  border: none;
  height: 21px;
  position: absolute;
  right: 8px;
  text-indent: -9999px;
  top: 5px;
  width: 21px; }

.my-account-content form input[type="text"],
.my-account-content form input[type="password"],
.my-account-content form select {
  display: inline-block;
  padding: 4px 10px;
  width: 305px; }

.my-account-content form input[type="checkbox"] {
  margin-left: 175px; }

.iPad-login form input[type="checkbox"]{
    margin-left: 0;
}

.iPad-login h1 {
	font-size:20px;
}

.required-fields-label {
  color: #a52f2f;
  font-size: 12px; }

#emailSignUpForm {
  display: inline-block;
  margin: 13px 0 0 0; }
#emailSignUpForm ::-webkit-input-placeholder {
   font-weight:normal;
}
#emailSignUpForm #email-signup-section {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 5px;
}
#emailSignUpForm #email-signup-section #emailSignUpEmail-error,
#emailSignUpForm #email-signup-section #emailSignUpZip-error {
	margin-left: 0px;
    text-align: right;
    position: absolute;
    background: #fff;
    color: #c32;
    font-weight: normal;
}

#emailSignUpForm #email-signup-section #emailSignUpEmail-error {
	margin-left: 154px;
	padding-left: 0px;
}
#emailSignUpForm #email-signup-section #emailSignUpZip-error {
	margin-left: 193px;
}
#emailSignUpForm #emailSignup {
	margin-top: 5px;
    vertical-align: top;
}
  #emailSignUpForm #email-signup-success-message,
  #emailSignUpForm #email-signup-error-message {
    display: inline-block;
    height: 100%;
    margin: 10px 0 0 0; }
  #emailSignUpForm #email-signup-error-message {
    color: #A52D2D;
    display: block; }

#emailSignUpForm label {
  width: auto; }

#emailSignUpForm label[for="emailSignUpEmail"] {
  background: transparent url("../../img/sprites.png") 0px -48px no-repeat;
  color: white;
  font-weight: bold;
  line-height: 14px;
  margin-right: 0px;
  padding-left: 34px;
  text-align: right;
  white-space: nowrap; }

#emailSignUpForm label[for="emailSignUpZip"] {
  color: white;
  line-height: 14px;
  font-weight: bold;
  margin-right: 0px;
  margin-left:5px;
}

#emailSignUpForm span:not(#email-signup-section) {
  color: white;
  font-size: 12px;
  padding: 0 6px; }

#emailSignUpForm [type="email"] {
  width: 160px;
  padding: 6px 8px;
  font-weight: normal;}

#emailSignUpForm [type="text"] {
  width: 170px;
  padding: 6px 8px;
  font-weight: normal;}

#styleguideForm label {
  width: 175px; }

.sign-in-form {
  min-height: 200px; }

.fb-signin-section {
  height: 190px; }

.signin .sign-in-form,
.create-account .create-account-form {
  display: inline-block;
  margin-right: 20px;
  width: 320px; }
  .signin .sign-in-form label.error,
  .create-account .create-account-form label.error {
    margin: 0; }
  .signin .sign-in-form input.error,
  .create-account .create-account-form input.error {
    width: 320px; }

.signin fieldset,
.create-account fieldset {
  margin-bottom: 10px; }

.signin label {
  display: block;
  margin: 5px 0px; }

.signin label,
.create-account label {
  margin: 0 0 4px 0;
  width: auto; }

.create-account label {
  margin: 4px 0 4px 0; }

.signin label[for="remember"] {
  display: inline-block;
  margin-top: 10px; }

.signin input[type="email"],
.signin input[type="password"],
.create-account input[type="email"],
.create-account input[type="password"],
.create-account input[type="text"] {
  width: 100%; }

.signin input[type="checkbox"],
.create-account input[type="checkbox"] {
  display: inline-block;
  float: left;
  margin: 12px 10px 0 0; }

.signin button,
.create-account input,
.create-account button {
  float: right;
  margin-top: 0; }

.signin .submitBtn, .create-account .submitBtn {
  float: right; }

.signin a {
  display: block;
  text-align: right; }

.signin a.tooltip {
  display: inline; }

.create-account section ul {
  margin: 5px 0px 0px 0px;
  padding: 0px 0px 0px 10px; }

.create-account section ul li {
  margin: 10px 0px 10px 0px; }

.create-account .btn-primary {
  margin: -35px -210px 0px 0px; }

.create-account label[for="promoemail"] {
  margin-top: 10px;
  width: 90%; }

#planner-guest{
  text-align: center;
  margin-top: 10px;}

#planner-guest a.planner-guest{
  font-size: 14px;}

.planner-signin h4{
  margin-top: 175px;}

.planner-signin .planner-options{
  margin-left: 170px;}

.forgot-password {
  padding: 40px 25px 15px;
  width: 550px; }

#profileForm {
  border: 1px solid #CCC;
  margin-bottom: 30px;
  padding: 30px; }

#profileForm > fieldset > legend + p {
  margin-top: 0; }

.change-email {
  display: inline-block;
  width: 305px; }

.change-email p {
  font-weight: bold;
  margin: 10px 0 0 0; }

#change-email, #change-password {
  display: none;
  margin-bottom: 20px; }

.gender-group label {
  padding: 0 10px 0 5px;
  width: auto; }

[name="gender"] {
  margin-top: 10px; }

.gender-group [class="tooltip"] {
  color: #006FB1;
  cursor: pointer;
  font-size: 12px; }

[for="subscribe"],
.subscribe-label {
  margin: 5px 0 0 10px;
  width: auto; }

.deactive-account {
  display: block;
  margin: 0;
  padding: 0; }

p.deactive-account {
  margin-top: 40px; }

#profileForm [name="subscribe"] {
  margin-left: 0; }

.buttons-wrapper {
  margin: 20px 0;
  text-align: right; }

.buttons-wrapper a {
  margin-right: 20px; }

.primary-method {
  display: none; }

#primary-method {
  margin: 10px 10px 0 0; }

[for="primary-method"] {
  width: auto; }

.red {
  color: #BD411B; }

.required-fields-label {
  color: #000;
  margin: 5px 0px; }

.amp-error p {
  color: #A52D2D; }

fieldset {
  margin-bottom: 15px; }
  fieldset input[type="text"],
  fieldset input[type="password"] {
    width: 325px; }
  fieldset sup {
    margin: 0 5px 0 0; }
  fieldset a {
    text-decoration: underline; }
  fieldset .radio-form-title {
    width: 200px; }
  fieldset label.short-label {
    width: 75px; }
  fieldset div.account-info {
    width: 27%; }
  fieldset div.toggle {
    margin: 5px 0px 0px 0px; }
  fieldset div.toggle.change-personal {
    display: inline-block;
    margin: 10px 0;
    vertical-align: top; }
  fieldset .text-right {
    float: right;
    margin: 0px 20px 0px 0px; }
    fieldset .text-right a {
      margin-right: 20px; }
  fieldset .deactivate-section {
    margin-top: 60px; }

label, label.error {
  width: 200px; }

label.error {
  margin: 0px 0px 0px 200px;
  width: 300px; }

#addNewAddress,
#editAddress {
  display: none; }
  #addNewAddress > legend,
  #editAddress > legend {
    display: block;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px; }
  #addNewAddress > fieldset > legend,
  #editAddress > fieldset > legend {
    display: none; }

main.iPad-login {
  width: auto;
  padding: 20px; }

/**
*
************************ Form Styles 2017 Style Guide ************************
*
*/
.custom-checkbox,
.custom-radio {
	position: relative;
  display: inline-block; }

.custom-checkbox input[type="checkbox"],
.custom-radio input[type="radio"] {
	position: absolute;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
  z-index: 2; /* used to avoid Accessibility tool warnings */
	opacity: 0; }

.custom-checkbox input[type="checkbox"]:focus + label:before,
.custom-radio input[type="radio"]:focus + label:before {
	outline: solid 2px #8dd6ff; }

/* === Checkbox === */
.custom-checkbox input[type="checkbox"] {
	width: 16px;
	height: 16px; }

.custom-checkbox input[type="checkbox"] + label {
  margin-left: 25px;
  cursor: pointer; }

.custom-checkbox input[type="checkbox"] + label:before {
  content: '';
  position: absolute;
  top: 2px;
  left: 0;
  width: 16px;
  height: 16px;
  border: 1px solid #CCC;
  background: #FFF;
  border-radius: 2px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.1); }

.custom-checkbox input[type="checkbox"]:checked + label:before {
  font-family: 'icomoon' !important;
  content: '\e90c';
  font-size: 13px;
  line-height: 15px;
  color: #006fb1;
  transition: all .2s; }

.facet-list .unavailable {
	opacity: 0.2;
	pointer-events: none;
	cursor: default;
}

/* === Radio Button === */
.custom-radio input[type="radio"] {
  width: 15px;
  height: 15px; }

.custom-radio input[type="radio"] + label::before {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: -3px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  border: 3px solid #fff;
  box-shadow: 0 0 0 1px #999;
  margin-right: 10px;
  transition: 0.5s ease all;
}

.custom-radio input[type="radio"]:checked + label::before {
  background: #006fb1;
  box-shadow: 0 0 0 1px #999;
}

/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
  border-radius: 5px;
  border: 2px solid #000;
  background: #4c4c4c;
  color: #fff; }

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
  font-size: 14px;
  line-height: 16px;
  padding: 8px 10px;
  overflow: hidden; }

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
  /* border-color: ... !important; */ }

/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
  cursor: help;
  margin-left: 4px; }

/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
  padding: 0;
  font-size: 0;
  line-height: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999999;
  pointer-events: none;
  width: auto;
  overflow: visible; }

.tooltipster-base .tooltipster-content {
  overflow: hidden; }

/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1; }

.tooltipster-arrow span, .tooltipster-arrow-border {
  display: block;
  width: 0;
  height: 0;
  position: absolute; }

.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-top: 8px solid;
  bottom: -7px; }

.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-top: 9px solid;
  bottom: -7px; }

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-bottom: 8px solid;
  top: -7px; }

.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-bottom: 9px solid;
  top: -7px; }

.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
  left: 0;
  right: 0;
  margin: 0 auto; }

.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
  left: 6px; }

.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  left: 5px; }

.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span {
  right: 6px; }

.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
  right: 5px; }

.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-left: 8px solid;
  top: 50%;
  margin-top: -7px;
  right: -7px; }

.tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-left: 9px solid;
  margin-top: -8px; }

.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-right: 8px solid;
  top: 50%;
  margin-top: -7px;
  left: -7px; }

.tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-right: 9px solid;
  margin-top: -8px; }

/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity; }

.tooltipster-fade-show {
  opacity: 1; }

.tooltipster-grow {
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-backface-visibility: hidden; }

.tooltipster-grow-show {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -moz-transform: rotateZ(4deg);
  -o-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform; }

.tooltipster-swing-show {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); }

.tooltipster-fall {
  top: 0;
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  -ms-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  top: 0px !important;
  opacity: 0; }

.tooltipster-slide {
  left: -40px;
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  -ms-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); }

.tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  left: 0px !important;
  opacity: 0; }

/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
  opacity: 0.5;
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1); }

#quicktooltip {
  background: #FFFFCD;
  border: 1px solid #333333;
  color: #333333;
  display: none;
  font-size: 12px;
  padding: 3px 6px;
  position: absolute;
  }

/* Slider */
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent; }

.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0; }
.slick-list:focus {
	outline: none; }
.slick-loading .slick-list {
	background: #fff url("../../img/loader.gif") center center no-repeat; }
.slick-list.dragging {
	cursor: pointer;
	cursor: hand; }

.slick-slider .slick-track {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0); }

.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block; }
.slick-track:before, .slick-track:after {
	content: "";
	display: table; }
.slick-track:after {
	clear: both; }
.slick-loading .slick-track {
	visibility: hidden; }

.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none; }
[dir="rtl"] .slick-slide {
	float: right; }
.slick-slide img {
	display: block; }
.slick-slide.slick-loading img {
	display: none; }
.slick-slide.dragging img {
	pointer-events: none; }
.slick-initialized .slick-slide {
	display: block; }
.slick-loading .slick-slide {
	visibility: hidden; }
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent; }

/* Icons */
@font-face {
	font-family: "slick";
	src: url("../../fonts/slick.eot");
	src: url("../../fonts/slick.eot?#iefix") format("embedded-opentype"), url("../../fonts/slick.woff") format("woff"), url("../../fonts/slick.ttf") format("truetype"), url("../../fonts/slick.svg#slick") format("svg");
	font-weight: normal;
	font-style: normal; }
/* Arrows */
.slick-prev,
.slick-next {
	position: absolute;
	display: block;
	height: 20px;
	width: 20px;
	line-height: 0;
	font-size: 0;
	cursor: pointer;
	background: transparent;
	color: transparent;
	top: 50%;
	padding: 0;
	border: none;
	outline: none; }
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
	outline: none;
	background: transparent;
	color: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
	opacity: 1; }
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
	opacity: 0.25; }

.slick-prev {
	left: -25px; }
[dir="rtl"] .slick-prev {
	left: auto;
	right: -25px; }
.slick-prev:before {
	content: "←"; }
[dir="rtl"] .slick-prev:before {
	content: "→"; }

.slick-next {
	right: -25px; }
[dir="rtl"] .slick-next {
	left: -25px;
	right: auto; }
.slick-next:before {
	content: "→"; }
[dir="rtl"] .slick-next:before {
	content: "←"; }

/* Dots */
.slick-slider {
	margin-bottom: 30px; }

.slick-dots {
	position: absolute;
	bottom: -45px;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0;
	width: 100%; }
.slick-dots li {
	position: relative;
	display: inline-block;
	height: 20px;
	width: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer; }
.slick-dots li button {
	border: 0;
	background: transparent;
	display: block;
	height: 20px;
	width: 20px;
	outline: none;
	line-height: 0;
	font-size: 0;
	color: transparent;
	padding: 5px;
	cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus {
	outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
	opacity: 1; }
.slick-dots li button:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "•";
	width: 20px;
	height: 20px;
	font-size: 6px;
	line-height: 20px;
	text-align: center;
	color: black;
	opacity: 0.25;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before {
	color: black;
	opacity: 0.75; }

/* Custom Video Player */
.video-player-container {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
  .video-player-container .video-container {
    width: 100%;
    height: 100%;
    background-color: #eee;
  }
  .video-player-container .video-media {
    width: 100%;
    height: 100%;
    cursor: pointer;
  }
  .video-player-container .controls-container {
    display: flex;
    width: 100%;
    height: 40px;
    background-color: #f3f3f3;
    flex-direction: row;
    align-items: stretch;
    border-top: 1px solid #979797;
  }
  .video-player-container .controls-container button {
    border: none;
    background: none;
    color: #006FB1;
  }
  .video-player-container .controls-container .icon {
    font-size: 22px;
  }
  .video-player-container .controls-container .play-control,
  .video-player-container .controls-container .volume-control {
    width: 40px;
    height: 39px;
    display: inline-block;
    cursor: pointer;
    float: left;
    vertical-align: middle;
    text-align: center;
    border-right: 1px solid #979797;
  }
  .video-player-container .controls-container .indicator {
    display: inline-block;
    width: 80px;
    height: 39px;
    text-align: center;
    float: left;
    line-height: 39px;
    font-size: 11px;
    border-right: 1px solid #979797;
  }
  .video-player-container .controls-container .progress {
    display: inline-block;
    position: relative;
    width: calc(50% - 20px);
    height: 39px;
    float: left;
    flex: 1;
    margin: 0 10px;
  }
  .video-player-container .controls-container .progress-background {
    position: absolute;
    width: 100%;
    height: 4px;
    background-color: #999;
    margin-top: 20px;
  }
  .video-player-container .controls-container .progress-over {
    position: absolute;
    width: 0;
    height: 4px;
    background-color: #006FB1;
    margin-top: 20px;
  }
  .video-player-container .controls-container .progress-hidden {
    position: absolute;
    width: 100%;
    height: 39px;
    cursor: pointer;
  }
  .video-player-container .controls-container .fullscreen-control {
    width: 40px;
    height: 39px;
    display: inline-block;
    cursor: pointer;
    float: right;
    vertical-align: middle;
    text-align: center;
    border-left: 1px solid #979797;
  }
.primary-nav .nav-list > li .mega-nav {
    height: 340px;
    padding: 35px 0 0 40px;
}

.primary-nav .nav-list > li .mega-nav header {
    display: none;
}

.primary-nav .nav-list > li .mega-nav .content .visual-link img {
    right: 32px;
    width: 375px;
}

.primary-nav .nav-list > li .mega-nav .content .visual-link a:nth-child(2) {
    margin: 10px 0 1px 0;
}

.primary-nav .nav-list > li .mega-nav .content .visual-link p {
    display: none;
}

.primary-nav .nav-list > li .mega-nav .content .visual-link p {
    position: absolute;
    right: 400px;
}

.primary-nav .nav-list > li .mega-nav .content .link-group p {
    position: absolute;
    right: 200px;
    top: 100px;
}

.primary-nav .nav-list > li .mega-nav .content .visual-link,
.mega-nav .content .link-group p {
    text-align: left;
}

.primary-nav .nav-list > li .mega-nav .content .visual-link img {
    display: none;
}

.primary-nav .nav-list > li .mega-nav .content .visual-link.meganav-active img {
    display: block;
    margin: 0 auto;
    position: absolute;
    right: 410px;
    top: 34px;
    color: #000;
}


.primary-nav .nav-list > li .mega-nav .content .visual-link p {
    display: none;
}

.primary-nav .nav-list > li .mega-nav .content .visual-link.meganav-active p {
    display: block;
    margin: 0;
    position: absolute;
    left: 194px;
    width: 375px;
    top: 280px;
}

.primary-nav p.small,
.pdp main p.small,
.paragraph-small {
    color: #333;
    font-size: 13px;
    line-height: 18px;
}

.primary-nav .nav-list > li .mega-nav .content .link-group h4 {
    position: relative;
    top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

.primary-nav .nav-list > li .mega-nav .link-group h4 {
    font-size: 17px;
    line-height: 22px;
    margin-bottom: 0;
}

.primary-nav .nav-list > li .mega-nav .content ul.col-5>li:first-child::after {
    content: "";
    position: absolute;
    height: 280px;
    left: 170px;
    width: 1px;
    border-right: 1px solid #ccc;
}

.primary-nav .nav-list > li .mega-nav .meganav-active a {
    color: #636262;
    font-weight: 600;
}

.primary-nav .nav-list > li .mega-nav .content ul li.colspan-2 {
    width: 350px;
    position: relative;
    left: 570px;
    bottom: 261px;
    margin: 10px 0;
}

.primary-nav .nav-list > li:nth-child(1) .mega-nav .content ul li.colspan-2 {
  bottom: 260px;
}

.primary-nav .nav-list > li:nth-child(4) .mega-nav .content ul li.colspan-2 {
  bottom:232px;
}

.primary-nav .nav-list > li:nth-child(5) .mega-nav .content ul li.colspan-2 {
bottom: 202px;
}

.primary-nav .nav-list > li:nth-child(6) .mega-nav .content ul li.colspan-2 {
  bottom:290px;
}

.primary-nav .nav-list > li:nth-child(7) .mega-nav .content ul li.colspan-2 {
bottom: 175px;
}

.primary-nav .nav-list > li:nth-child(8) .mega-nav .content ul li.colspan-2 {
  bottom:202px;
}

.primary-nav .nav-list > li:nth-child(9) .mega-nav .content ul li.colspan-2 {
bottom: 175px;
}

.primary-nav .nav-list > li:nth-child(11) .mega-nav .content ul li.colspan-2 {
bottom: 290px;
}
.primary-nav .nav-list > li:nth-child(15) .mega-nav .content ul li.colspan-2 {
bottom: 202px;
}

.primary-nav .nav-list > li:nth-child(17) .mega-nav .content ul li.colspan-2 {
bottom: 262px;
}

.primary-nav .nav-list > li .mega-nav .content .category-promo img {
    float: right;
    width: 146px;
}

.primary-nav .nav-list > li .mega-nav .content .category-promo .content {
    padding: 10px 10px 10px 10px;
    width: 200px;
}

.primary-nav .nav-list > li .mega-nav .content ul.row>li {
    float: none;
    display: block;
    line-height: normal;
    margin-right: 30px;
}

.primary-nav .nav-list > li .mega-nav .content .category-promo .content h4 {
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-bottom: solid 1px #CCC;
}

.primary-nav .nav-list > li .mega-nav .content .category-promo a.image-link {
    float:right;
    width: 146px;
}

.primary-nav .nav-list > li .mega-nav h4 {
    font-size: 17px;
}

.primary-nav .nav-list.right>li .mega-nav{
    height:auto;
    padding: 35px 0 35px 40px;
}

.primary-nav .nav-list.right >li.active .mega-nav header {
    display: block;
    padding-right: 40px;
}

.primary-nav .nav-list.right>li .mega-nav .content ul.row>li {
    float: left;
    display: block;
    line-height: normal;
    margin-right: 30px;
}

.primary-nav .nav-list.right>li .mega-nav .content ul.row>li:last-child {
    float: none;
    display: block;
    line-height: normal;
    margin-right: 30px;
    position: absolute;
    right: 10px;
}

.primary-nav .nav-list.right>li .mega-nav .content .category-promo a.image-link {
    float: right;
    width: 164px;
}

.primary-nav .nav-list.right>li .mega-nav .content .category-promo img {
    float: right;
    width: 164px;
}