/** Shopify CDN: Minification failed

Line 860:2 Expected identifier but found "*"
Line 1559:2 Expected identifier but found "*"
Line 1878:27 Unexpected "{"
Line 4061:2 "backgroundcolor" is not a known CSS property
Line 4279:2 "ox-shadow" is not a known CSS property
Line 5653:2 Expected identifier but found "*"
Line 5654:2 Expected identifier but found "*"

**/
/* Requires: normalize.css */
/* Global Reset & Standards ---------------------- */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html {
  font-size: 62.5%; }

body {
  background: white;
  font-family: Arial, sans-serif;
  font-size: 12 px;
  line-height: 1;
  color: #222222;
  position: relative;
  -webkit-font-smoothing: antialiased; }

/* Links ---------------------- */
a {
  color: ad9371;
  text-decoration: none;
  line-height: inherit; }

a:hover {
  color: #2795b6; }

a:focus {
  color: ad9371;
  outline: none; }

p a, p a:visited {
  line-height: inherit; }

/* Misc ---------------------- */
.left {
  float: left; }

@media only screen and (max-width: 767px) {
  .left {
    float: none; } }
.right {
  float: right; }

@media only screen and (max-width: 767px) {
  .right {
    float: none; } }
.text-left {
  text-align: left; }

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

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

.hide {
  display: none; }

.highlight {
  background: #ffff99; }

#googlemap img, object, embed {
  max-width: none; }

#map_canvas embed {
  max-width: none; }

#map_canvas img {
  max-width: none; }

#map_canvas object {
  max-width: none; }

/* Reset for strange margins by default on <figure> elements */
figure {
  margin: 0; }

/* Base Type Styles Using Modular Scale ---------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {
  margin: 0;
  padding: 0;
  direction: ltr; }

p {
  font-family: "georgia" georgia;
  font-weight: normal;
  font-size: 12px;
  line-height: 1.6;
  margin-bottom: 17px; }

p.lead {
  font-size: 17.5px;
  line-height: 1.6;
  margin-bottom: 17px; }

aside p {
  font-size: 12px;
  line-height: 1.35;
  font-style: italic; }

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
  font-size: 60%;
  color: #6f6f6f;
  line-height: 0; }

h1 {
  font-size: 30px; }

h2 {
  font-size: 27px; }

h3 {
  font-size: 20px; }

h4 {
  font-size: 18px; }

h5 {
  font-size: 16px; }

h6 {
  font-size: 13px; }

hr {
  border: solid #ddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 22px 0 21px;
  height: 0; }

.subheader {
  line-height: 1.3;
  color: #6f6f6f;
  font-weight: 300;
  margin-bottom: 17px; }

em, i {
  font-style: italic;
  line-height: inherit; }

strong, b {
  font-weight: bold;
  line-height: inherit; }

small {
  font-size: 60%;
  line-height: inherit; }

code {
  font-weight: bold;
  background: #ffff99; }

/* Lists ---------------------- */
ul, ol {
  line-height: 1.6;
  margin-bottom: 17px;
  list-style-position: inside; }

ul li ul, ul li ol {
  margin-left: 20px;
  margin-bottom: 0; }

ul.square, ul.circle, ul.disc {
  margin-left: 17px; }

ul.square {
  list-style-type: square; }

ul.square li ul {
  list-style: inherit; }

ul.circle {
  list-style-type: circle; }

ul.circle li ul {
  list-style: inherit; }

ul.disc {
  list-style-type: disc; }

ul.disc li ul {
  list-style: inherit; }

ul.no-bullet {
  list-style: none; }

ul.large li {
  line-height: 21px; }

ol li ul, ol li ol {
  margin-left: 20px;
  margin-bottom: 0; }

/* Blockquotes ---------------------- */
blockquote, blockquote p {
  line-height: 1.5;
  color: #6f6f6f; }

blockquote {
  margin: 0 0 17px;
  padding: 9px 20px 0 19px;
  border-left: 1px solid #ddd; }

blockquote cite {
  display: block;
  font-size: 13px;
  color: #555555; }

blockquote cite:before {
  content: "\2014 \0020"; }

blockquote cite a, blockquote cite a:visited {
  color: #555555; }

abbr, acronym {
  text-transform: uppercase;
  font-size: 90%;
  color: #222222;
  border-bottom: 1px solid #ddd;
  cursor: help; }

abbr {
  text-transform: none; }

/* Print styles.  Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
*/
.print-only {
  display: none !important; }

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

  /* Black prints faster: h5bp.com/s */
  a, a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

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

  /* Don't show links for images, or javascript/internal links */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  /* h5bp.com/t */
  tr, img {
    page-break-inside: avoid; }

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

  @page {
    margin: 0.5cm; }

  p, h2, h3 {
    orphans: 3;
    widows: 3; }

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

  .hide-on-print {
    display: none !important; }

  .print-only {
    display: block !important; } }
/* Requires globals.css */
/* Standard Forms ---------------------- */
form {
  margin: 0 0 19.41641px; }

.row form .row {
  margin: 0 -6px; }

.row form .row .column, .row form .row .columns {
  padding: 0 6px; }

.row form .row.collapse {
  margin: 0; }

.row form .row.collapse .column, .row form .row.collapse .columns {
  padding: 0; }

label {
  font-size: 14px;
  color: #222222;
  cursor: pointer;
  display: block;
  font-weight: 500;
  margin-bottom: 3px; }

label.right {
  float: none;
  text-align: right; }

label.inline {
  line-height: 32px;
  margin: 0 0 12px 0; }

@media only screen and (max-width: 767px) {
  label.right {
    text-align: left; } }
.prefix, .postfix {
  display: block;
  position: relative;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  height: 32px;
  line-height: 31px; }

a.button.prefix, a.button.postfix {
  padding-left: 0;
  padding-right: 0;
  text-align: center; }

span.prefix, span.postfix {
  background: #f2f2f2;
  border: 1px solid #cccccc; }

.prefix {
  left: 2px;
  -moz-border-radius-topleft: 2px;
  -webkit-border-top-left-radius: 2px;
  border-top-left-radius: 2px;
  -moz-border-radius-bottomleft: 2px;
  -webkit-border-bottom-left-radius: 2px;
  border-bottom-left-radius: 2px;
  overflow: hidden; }

.postfix {
  right: 2px;
  -moz-border-radius-topright: 2px;
  -webkit-border-top-right-radius: 2px;
  border-top-right-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  -webkit-border-bottom-right-radius: 2px;
  border-bottom-right-radius: 2px; }

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
  font-family: Arial, sans-serif;
  border: 1px solid #cccccc;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-size: 13px;
  margin: 0 0 12px 0;
  padding: 6px;
  height: 32px;
  width: 100%;
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear; }

input[type="text"].oversize, input[type="password"].oversize, input[type="date"].oversize, input[type="datetime"].oversize, input[type="email"].oversize, input[type="number"].oversize, input[type="search"].oversize, input[type="tel"].oversize, input[type="time"].oversize, input[type="url"].oversize, textarea.oversize {
  font-size: 17px;
  padding: 4px 6px; }

input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus {
  background: #fafafa;
  outline: none !important;
  border-color: #b3b3b3; }

input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] {
  background-color: #ddd; }

textarea {
  height: auto; }

select {
  width: 100%; }

/* Fieldsets */
fieldset {
  border: solid 1px #ddd;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  padding: 12px 12px 0;
  margin: 18px 0; }

fieldset legend {
  font-weight: bold;
  background: white;
  padding: 0 3px;
  margin: 0;
  margin-left: -3px; }

/* Errors */
.error input, input.error, .error textarea, textarea.error {
  border-color: #c60f13;
  background-color: rgba(198, 15, 19, 0.1); }

.error label, label.error {
  color: #c60f13; }

.error small, small.error {
  display: block;
  padding: 6px 4px;
  margin-top: -13px;
  margin-bottom: 12px;
  background: #c60f13;
  color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  -moz-border-radius-bottomleft: 2px;
  -webkit-border-bottom-left-radius: 2px;
  border-bottom-left-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  -webkit-border-bottom-right-radius: 2px;
  border-bottom-right-radius: 2px; }

@media only screen and (max-width: 767px) {
  input[type="text"].one, input[type="password"].one, input[type="date"].one, input[type="datetime"].one, input[type="email"].one, input[type="number"].one, input[type="search"].one, input[type="tel"].one, input[type="time"].one, input[type="url"].one, textarea.one, .row textarea.one {
    width: 100% !important; }

  input[type="text"].two, .row input[type="text"].two, input[type="password"].two, .row input[type="password"].two, input[type="date"].two, .row input[type="date"].two, input[type="datetime"].two, .row input[type="datetime"].two, input[type="email"].two, .row input[type="email"].two, input[type="number"].two, .row input[type="number"].two, input[type="search"].two, .row input[type="search"].two, input[type="tel"].two, .row input[type="tel"].two, input[type="time"].two, .row input[type="time"].two, input[type="url"].two, .row input[type="url"].two, textarea.two, .row textarea.two {
    width: 100% !important; }

  input[type="text"].three, .row input[type="text"].three, input[type="password"].three, .row input[type="password"].three, input[type="date"].three, .row input[type="date"].three, input[type="datetime"].three, .row input[type="datetime"].three, input[type="email"].three, .row input[type="email"].three, input[type="number"].three, .row input[type="number"].three, input[type="search"].three, .row input[type="search"].three, input[type="tel"].three, .row input[type="tel"].three, input[type="time"].three, .row input[type="time"].three, input[type="url"].three, .row input[type="url"].three, textarea.three, .row textarea.three {
    width: 100% !important; }

  input[type="text"].four, .row input[type="text"].four, input[type="password"].four, .row input[type="password"].four, input[type="date"].four, .row input[type="date"].four, input[type="datetime"].four, .row input[type="datetime"].four, input[type="email"].four, .row input[type="email"].four, input[type="number"].four, .row input[type="number"].four, input[type="search"].four, .row input[type="search"].four, input[type="tel"].four, .row input[type="tel"].four, input[type="time"].four, .row input[type="time"].four, input[type="url"].four, .row input[type="url"].four, textarea.four, .row textarea.four {
    width: 100% !important; }

  input[type="text"].five, .row input[type="text"].five, input[type="password"].five, .row input[type="password"].five, input[type="date"].five, .row input[type="date"].five, input[type="datetime"].five, .row input[type="datetime"].five, input[type="email"].five, .row input[type="email"].five, input[type="number"].five, .row input[type="number"].five, input[type="search"].five, .row input[type="search"].five, input[type="tel"].five, .row input[type="tel"].five, input[type="time"].five, .row input[type="time"].five, input[type="url"].five, .row input[type="url"].five, textarea.five, .row textarea.five {
    width: 100% !important; }

  input[type="text"].six, .row input[type="text"].six, input[type="password"].six, .row input[type="password"].six, input[type="date"].six, .row input[type="date"].six, input[type="datetime"].six, .row input[type="datetime"].six, input[type="email"].six, .row input[type="email"].six, input[type="number"].six, .row input[type="number"].six, input[type="search"].six, .row input[type="search"].six, input[type="tel"].six, .row input[type="tel"].six, input[type="time"].six, .row input[type="time"].six, input[type="url"].six, .row input[type="url"].six, textarea.six, .row textarea.six {
    width: 100% !important; }

  input[type="text"].seven, .row input[type="text"].seven, input[type="password"].seven, .row input[type="password"].seven, input[type="date"].seven, .row input[type="date"].seven, input[type="datetime"].seven, .row input[type="datetime"].seven, input[type="email"].seven, .row input[type="email"].seven, input[type="number"].seven, .row input[type="number"].seven, input[type="search"].seven, .row input[type="search"].seven, input[type="tel"].seven, .row input[type="tel"].seven, input[type="time"].seven, .row input[type="time"].seven, input[type="url"].seven, .row input[type="url"].seven, textarea.seven, .row textarea.seven {
    width: 100% !important; }

  input[type="text"].eight, .row input[type="text"].eight, input[type="password"].eight, .row input[type="password"].eight, input[type="date"].eight, .row input[type="date"].eight, input[type="datetime"].eight, .row input[type="datetime"].eight, input[type="email"].eight, .row input[type="email"].eight, input[type="number"].eight, .row input[type="number"].eight, input[type="search"].eight, .row input[type="search"].eight, input[type="tel"].eight, .row input[type="tel"].eight, input[type="time"].eight, .row input[type="time"].eight, input[type="url"].eight, .row input[type="url"].eight, textarea.eight, .row textarea.eight {
    width: 100% !important; }

  input[type="text"].nine, .row input[type="text"].nine, input[type="password"].nine, .row input[type="password"].nine, input[type="date"].nine, .row input[type="date"].nine, input[type="datetime"].nine, .row input[type="datetime"].nine, input[type="email"].nine, .row input[type="email"].nine, input[type="number"].nine, .row input[type="number"].nine, input[type="search"].nine, .row input[type="search"].nine, input[type="tel"].nine, .row input[type="tel"].nine, input[type="time"].nine, .row input[type="time"].nine, input[type="url"].nine, .row input[type="url"].nine, textarea.nine, .row textarea.nine {
    width: 100% !important; }

  input[type="text"].ten, .row input[type="text"].ten, input[type="password"].ten, .row input[type="password"].ten, input[type="date"].ten, .row input[type="date"].ten, input[type="datetime"].ten, .row input[type="datetime"].ten, input[type="email"].ten, .row input[type="email"].ten, input[type="number"].ten, .row input[type="number"].ten, input[type="search"].ten, .row input[type="search"].ten, input[type="tel"].ten, .row input[type="tel"].ten, input[type="time"].ten, .row input[type="time"].ten, input[type="url"].ten, .row input[type="url"].ten, textarea.ten, .row textarea.ten {
    width: 100% !important; }

  input[type="text"].eleven, .row input[type="text"].eleven, input[type="password"].eleven, .row input[type="password"].eleven, input[type="date"].eleven, .row input[type="date"].eleven, input[type="datetime"].eleven, .row input[type="datetime"].eleven, input[type="email"].eleven, .row input[type="email"].eleven, input[type="number"].eleven, .row input[type="number"].eleven, input[type="search"].eleven, .row input[type="search"].eleven, input[type="tel"].eleven, .row input[type="tel"].eleven, input[type="time"].eleven, .row input[type="time"].eleven, input[type="url"].eleven, .row input[type="url"].eleven, textarea.eleven, .row textarea.eleven {
    width: 100% !important; }

  input[type="text"].twelve, .row input[type="text"].twelve, input[type="password"].twelve, .row input[type="password"].twelve, input[type="date"].twelve, .row input[type="date"].twelve, input[type="datetime"].twelve, .row input[type="datetime"].twelve, input[type="email"].twelve, .row input[type="email"].twelve, input[type="number"].twelve, .row input[type="number"].twelve, input[type="search"].twelve, .row input[type="search"].twelve, input[type="tel"].twelve, .row input[type="tel"].twelve, input[type="time"].twelve, .row input[type="time"].twelve, input[type="url"].twelve, .row input[type="url"].twelve, textarea.twelve, .row textarea.twelve {
    width: 100% !important; } }
/* Custom Forms ---------------------- */
form.custom {
  /* Custom input, disabled */ }

form.custom span.custom {
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  top: 2px;
  border: solid 1px #ccc;
  background: #fff; }

form.custom span.custom.radio {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px; }

form.custom span.custom.checkbox:before {
  content: "";
  display: block;
  line-height: 0.8;
  height: 14px;
  width: 14px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 14px;
  color: #fff; }

form.custom span.custom.radio.checked:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
  background: #222;
  position: relative;
  top: 3px;
  left: 3px; }

form.custom span.custom.checkbox.checked:before {
  content: "\00d7";
  color: #222; }

form.custom div.custom.dropdown {
  display: block;
  position: relative;
  width: auto;
  height: 28px;
  margin-bottom: 9px;
  margin-top: 2px; }

form.custom div.custom.dropdown a.current {
  display: block;
  width: auto;
  line-height: 26px;
  min-height: 28px;
  padding: 0;
  padding-left: 6px;
  padding-right: 38px;
  border: solid 1px #e4e4e4;
  color: #333;
  background-color: #fff;
  white-space: nowrap; }

form.custom div.custom.dropdown a.selector {
  position: absolute;
  width: 27px;
  height: 28px;
  display: block;
  right: 0;
  top: 0;
  border: solid 1px #e4e4e4; }

form.custom div.custom.dropdown a.selector:after {
  content: "";
  display: block;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 5px;
  border-color: #aaaaaa transparent transparent transparent;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -2px;
  margin-left: -5px; }

form.custom div.custom.dropdown:hover a.selector:after, form.custom div.custom.dropdown.open a.selector:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 5px;
  border-color: #222222 transparent transparent transparent; }

form.custom div.custom.dropdown.open ul {
  display: block;
  z-index: 10; }

form.custom div.custom.dropdown.small {
  width: 204px !important; }

form.custom div.custom.dropdown.medium {
  width: 254px !important; }

form.custom div.custom.dropdown.large {
  width: 434px !important; }

form.custom div.custom.dropdown.expand {
  width: 100% !important; }

form.custom div.custom.dropdown.open.small ul {
  width: 204px !important; }

form.custom div.custom.dropdown.open.medium ul {
  width: 254px !important; }

form.custom div.custom.dropdown.open.large ul {
  width: 434px !important; }

form.custom div.custom.dropdown.open.expand ul {
  width: 100% !important; }

form.custom div.custom.dropdown ul {
  position: absolute;
  width: auto;
  display: none;
  margin: 0;
  left: 0;
  top: 27px;
  margin: 0;
  padding: 0;
  background: #fff;
  background: rgba(255, 255, 255, 0.95);
  border: solid 1px #cccccc; }

form.custom div.custom.dropdown ul li {
  color: #333;
  font-size: 13px;
  cursor: pointer;
  padding: 3px;
  padding-left: 6px;
  padding-right: 38px;
  min-height: 18px;
  line-height: 18px;
  margin: 0;
  white-space: nowrap;
  list-style: none; }

form.custom div.custom.dropdown ul li.selected {
  background: #999;
  color: #333; }

form.custom div.custom.dropdown ul li.selected:after {
  position: absolute;
  right: 10px; }

form.custom div.custom.dropdown ul li:hover {
  background-color: #e4e4e4;
  color: #333; }

form.custom div.custom.dropdown ul li:hover:after {
  position: absolute;
  right: 10px;
  color: #8ed3e7; }

form.custom div.custom.dropdown ul li.selected:hover {
  background: #999;
  cursor: default;
  color: #333; }

form.custom div.custom.dropdown ul li.selected:hover:after {
  color: #000; }

form.custom div.custom.dropdown ul.show {
  display: block; }

form.custom .custom.disabled {
  background-color: #ddd; }

/* Correct FF custom dropdown height */
@-moz-document url-prefix() {
  form.custom div.custom.dropdown a.selector {
    height: 30px; } }

.lt-ie9 form.custom div.custom.dropdown a.selector {
  height: 30px; }

/* The Grid ---------------------- */
.row {
  width: 1000px;
  max-width: 100%;
  margin: 0 auto; }

.row .row {
  width: auto;
  max-width: none;
  min-width: 0;
  margin: 0 -15px; }

.row.collapse .column, .row.collapse .columns {
  padding: 0; }

.row .row {
  width: auto;
  max-width: none;
  min-width: 0;
  margin: 0 -15px; }

.row .row.collapse {
  margin: 0; }

.column, .columns {
  float: left;
  min-height: 1px;
  padding: 0 5px; }

.column.centered, .columns.centered {
  float: none;
  margin: 0 auto; }

[class*="column"] + [class*="column"]:last-child {
  float: right; }

[class*="column"] + [class*="column"].end {
  float: left; }

.one, .row .one {
  width: 8.33333%; }

.two, .row .two {
  width: 16.66667%; }

.three, .row .three {
  width: 25%; }

.four, .row .four {
  width: 33.33333%; }

.five, .row .five {
  width: 41.66667%; }

.six, .row .six {
  width: 50%; }

.seven, .row .seven {
  width: 58.33333%; }

.eight, .row .eight {
  width: 66.66667%; }

.nine, .row .nine {
  width: 75%; }

.ten, .row .ten {
  width: 83.33333%; }

.eleven, .row .eleven {
  width: 91.66667%; }

.twelve, .row .twelve {
  width: 100%; }

.row .offset-by-one {
  margin-left: 8.33333%; }

.row .offset-by-two {
  margin-left: 16.66667%; }

.row .offset-by-three {
  margin-left: 25%; }

.row .offset-by-four {
  margin-left: 33.33333%; }

.row .offset-by-five {
  margin-left: 41.66667%; }

.row .offset-by-six {
  margin-left: 50%; }

.row .offset-by-seven {
  margin-left: 58.33333%; }

.row .offset-by-eight {
  margin-left: 66.66667%; }

.row .offset-by-nine {
  margin-left: 75%; }

.row .offset-by-ten {
  margin-left: 83.33333%; }

.push-two {
  left: 16.66667%; }

.pull-two {
  right: 16.66667%; }

.push-three {
  left: 25%; }

.pull-three {
  right: 25%; }

.push-four {
  left: 33.33333%; }

.pull-four {
  right: 33.33333%; }

.push-five {
  left: 41.66667%; }

.pull-five {
  right: 41.66667%; }

.push-six {
  left: 50%; }

.pull-six {
  right: 50%; }

.push-seven {
  left: 58.33333%; }

.pull-seven {
  right: 58.33333%; }

.push-eight {
  left: 66.66667%; }

.pull-eight {
  right: 66.66667%; }

.push-nine {
  left: 75%; }

.pull-nine {
  right: 75%; }

.push-ten {
  left: 83.33333%; }

.pull-ten {
  right: 83.33333%; }

img, object, embed {
  max-width: 100%;
  height: auto; }

object, embed {
  height: 100%; }

img {
  -ms-interpolation-mode: bicubic; }

#map_canvas img, .map_canvas img {
  max-width: none !important; }

/* Nicolas Gallagher's micro clearfix */
.row {
  *zoom: 1; }

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

.row:after {
  clear: both; }

/* Mobile Grid and Overrides ---------------------- */
@media only screen and (max-width: 767px) {
  body {
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    width: 100%;
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0; }

  .row {
    width: auto;
    min-width: 0;
    margin-left: 0;
    margin-right: 0; }

  .column, .columns {
    width: auto !important;
    float: none; }

  .column:last-child, .columns:last-child {
    float: none; }

  [class*="column"] + [class*="column"]:last-child {
    float: none; }

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

  .column:after, .columns:after {
    clear: both; }

  .offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten {
    margin-left: 0 !important; }

  .push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten {
    left: auto; }

  .pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten {
    right: auto; }

  /* Mobile 4-column Grid */
  .row .mobile-one {
    width: 25% !important;
    float: left;
    padding: 0 15px; }

  .row .mobile-one:last-child {
    float: right; }

  .row .mobile-one.end {
    float: left; }

  .row.collapse .mobile-one {
    padding: 0; }

  .row .mobile-two {
    width: 50% !important;
    float: left;
    padding: 0 15px; }

  .row .mobile-two:last-child {
    float: right; }

  .row .mobile-two.end {
    float: left; }

  .row.collapse .mobile-two {
    padding: 0; }

  .row .mobile-three {
    width: 75% !important;
    float: left;
    padding: 0 15px; }

  .row .mobile-three:last-child {
    float: right; }

  .row .mobile-three.end {
    float: left; }

  .row.collapse .mobile-three {
    padding: 0; }

  .row .mobile-four {
    width: 100% !important;
    float: left;
    padding: 0 15px; }

  .row .mobile-four:last-child {
    float: right; }

  .row .mobile-four.end {
    float: left; }

  .row.collapse .mobile-four {
    padding: 0; }

  .push-one-mobile {
    left: 25%; }

  .pull-one-mobile {
    right: 25%; }

  .push-two-mobile {
    left: 50%; }

  .pull-two-mobile {
    right: 50%; }

  .push-three-mobile {
    left: 75%; }

  .pull-three-mobile {
    right: 75%; } }
/* Block Grids ---------------------- */
/* These are 2-up, 3-up, 4-up and 5-up ULs, suited
for repeating blocks of content. Add 'mobile' to
them to switch them just like the layout grid
(one item per line) on phones

For IE7/8 compatibility block-grid items need to be
the same height. You can optionally uncomment the
lines below to support arbitrary height, but know
that IE7/8 do not support :nth-child.
-------------------------------------------------- */
.block-grid {
  display: block;
  overflow: hidden;
  padding: 0; }

.block-grid > li {
  display: block;
  height: auto;
  float: left; }

.block-grid.one-up {
  margin: 0; }

.block-grid.one-up > li {
  width: 100%;
  padding: 0 0 15px; }

.block-grid.two-up {
  margin: 0 -15px; }

.block-grid.two-up > li {
  width: 50%;
  padding: 0 15px 15px; }

.block-grid.two-up > li:nth-child(2n+1) {
  clear: both; }

.block-grid.three-up {
  margin: 0 -12px; }

.block-grid.three-up > li {
  width: 33.33%;
  padding: 0 12px 12px; }

.block-grid.three-up > li:nth-child(3n+1) {
  clear: both; }

.block-grid.four-up {
  margin: 0 -10px; }

.block-grid.four-up > li {
  width: 25%;
  padding: 0 10px 10px; }

.block-grid.four-up > li:nth-child(4n+1) {
  clear: both; }

.block-grid.five-up {
  margin: 0 -8px; }

.block-grid.five-up > li {
  width: 20%;
  padding: 0 8px 8px; }

.block-grid.five-up > li:nth-child(5n+1) {
  clear: both; }

/* Mobile Block Grids */
@media only screen and (max-width: 767px) {
  .block-grid.mobile > li {
    float: none;
    width: 100%;
    margin-left: 0; }

  .block-grid > li {
    clear: none !important; }

  .block-grid.mobile-two-up > li {
    width: 50%; }

  .block-grid.mobile-two-up > li:nth-child(2n+1) {
    clear: both; }

  .block-grid.mobile-three-up > li {
    width: 33.33%; }

  .block-grid.mobile-three-up > li:nth-child(3n+1) {
    clear: both !important; }

  .block-grid.mobile-four-up > li {
    width: 25%; }

  .block-grid.mobile-four-up > li:nth-child(4n+1) {
    clear: both; }

  .block-grid.mobile-five-up > li:nth-child(5n+1) {
    clear: both; } }
/* Requires globals.css */
/* Normal Buttons ---------------------- */
.button {
  width: auto;
  background: ad9371;
  border: 1px solid #1e728c;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  color: white;
  cursor: pointer;
  display: inline-block;
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  margin: 0;
  outline: none;
  padding: 10px 20px 11px;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background-color 0.15s ease-in-out;
  -moz-transition: background-color 0.15s ease-in-out;
  -o-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out;
  /* Hovers */
  /* Sizes */
  /* Colors */
  /* Radii */
  /* Layout */
  /* Disabled ---------- */ }

.button:hover {
  color: white;
  background-color: #ca3e2a; }

.button:active {
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; }

.button:focus {
  -webkit-box-shadow: 0 0 4px ad9371, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -moz-box-shadow: 0 0 4px ad9371, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0 0 4px ad9371, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  color: white; }

.button.large {
  font-size: 17px;
  padding: 15px 30px 16px; }

.button.medium {
  font-size: 14px; }

.button.small {
  font-size: 11px;
  padding: 7px 14px 8px; }

.button.tiny {
  font-size: 10px;
  padding: 5px 10px 6px; }

.button.expand {
  width: 100%;
  text-align: center; }

.button.primary {
  background-color: ad9371;
  border: 1px solid #1e728c; }

.button.primary:hover {
  background-color: #2284a1; }

.button.primary:focus {
  -webkit-box-shadow: 0 0 4px ad9371, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -moz-box-shadow: 0 0 4px ad9371, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0 0 4px ad9371, 0 1px 0 rgba(255, 255, 255, 0.5) inset; }

.button.success {
  background-color: #5da423;
  border: 1px solid #396516; }

.button.success:hover {
  background-color: #457a1a; }

.button.success:focus {
  -webkit-box-shadow: 0 0 5px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -moz-box-shadow: 0 0 5px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0 0 5px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset; }

.button.alert {
  background-color: #c60f13;
  border: 1px solid #7f0a0c; }

.button.alert:hover {
  background-color: #970b0e; }

.button.alert:focus {
  -webkit-box-shadow: 0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -moz-box-shadow: 0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset; }

.button.secondary {
  background-color: #e9e9e9;
  color: #1d1d1d;
  border: 1px solid #c3c3c3; }

.button.secondary:hover {
  background-color: #d0d0d0; }

.button.secondary:focus {
  -webkit-box-shadow: 0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -moz-box-shadow: 0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset; }

.button.radius {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px; }

.button.round {
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  -ms-border-radius: 1000px;
  -o-border-radius: 1000px;
  border-radius: 1000px; }

.button.full-width {
  width: 100%;
  text-align: center;
  padding-left: 0px !important;
  padding-right: 0px !important; }

.button.left-align {
  text-align: left;
  text-indent: 12px; }

.button.disabled, .button[disabled] {
  opacity: 0.6;
  cursor: default;
  background: ad9371;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.button.disabled :hover, .button[disabled] :hover {
  background: ad9371; }

.button.disabled.success, .button[disabled].success {
  background-color: #5da423; }

.button.disabled.success:hover, .button[disabled].success:hover {
  background-color: #5da423; }

.button.disabled.alert, .button[disabled].alert {
  background-color: #c60f13; }

.button.disabled.alert:hover, .button[disabled].alert:hover {
  background-color: #c60f13; }

.button.disabled.secondary, .button[disabled].secondary {
  background-color: #e9e9e9; }

.button.disabled.secondary:hover, .button[disabled].secondary:hover {
  background-color: #e9e9e9; }

/* Don't use native buttons on iOS */
input[type=submit].button, button.button {
  -webkit-appearance: none; }

@media only screen and (max-width: 767px) {
  .button {
    display: block; }

  button.button, input[type="submit"].button {
    width: 100%;
    padding-left: 0;
    padding-right: 0; } }
/* Correct FF button padding */
@-moz-document url-prefix() {
  button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
    padding: 0; }

  input[type="submit"].tiny.button {
    padding: 3px 10px 4px; }

  input[type="submit"].small.button {
    padding: 5px 14px 6px; }

  input[type="submit"].button, input[type=submit].medium.button {
    padding: 8px 20px 9px; }

  input[type="submit"].large.button {
    padding: 13px 30px 14px; } }

/* Buttons with Dropdowns ---------------------- */
.button.dropdown {
  position: relative;
  padding-right: 44px;
  /* Sizes */
  /* Triangles */
  /* Flyout List */
  /* Split Dropdown Buttons */ }

.button.dropdown.large {
  padding-right: 60px; }

.button.dropdown.small {
  padding-right: 28px; }

.button.dropdown.tiny {
  padding-right: 20px; }

.button.dropdown:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 6px;
  border-color: white transparent transparent transparent;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -2px; }

.button.dropdown.large:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 7px;
  border-color: white transparent transparent transparent;
  margin-top: -3px;
  right: 30px; }

.button.dropdown.small:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 5px;
  border-color: white transparent transparent transparent;
  margin-top: -2px;
  right: 14px; }

.button.dropdown.tiny:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 4px;
  border-color: white transparent transparent transparent;
  margin-top: -1px;
  right: 10px; }

.button.dropdown > ul {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  display: none;
  position: absolute;
  left: -1px;
  background: #fff;
  background: rgba(255, 255, 255, 0.95);
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px solid #cccccc;
  border-top: none;
  min-width: 100%;
  z-index: 40; }

.button.dropdown > ul li {
  width: 100%;
  cursor: pointer;
  padding: 0;
  min-height: 18px;
  line-height: 18px;
  margin: 0;
  white-space: nowrap;
  list-style: none; }

.button.dropdown > ul li a {
  display: block;
  color: #555;
  font-size: 13px;
  font-weight: normal;
  padding: 6px 14px;
  text-align: left; }

.button.dropdown > ul li:hover {
  background-color: #e3f4f9;
  color: #222; }

.button.dropdown > ul li.divider {
  min-height: 0;
  padding: 0;
  height: 1px;
  margin: 4px 0;
  background: #ededed; }

.button.dropdown.up > ul {
  border-top: 1px solid #cccccc;
  border-bottom: none; }

.button.dropdown ul.no-hover.show-dropdown {
  display: block !important; }

.button.dropdown:hover > ul.no-hover {
  display: none; }

.button.dropdown.split {
  padding: 0;
  position: relative;
  /* Sizes */
  /* Triangle Spans */
  /* Colors */ }

.button.dropdown.split:after {
  display: none; }

.button.dropdown.split:hover {
  background-color: ad9371; }

.button.dropdown.split.alert:hover {
  background-color: #c60f13; }

.button.dropdown.split.success:hover {
  background-color: #5da423; }

.button.dropdown.split.secondary:hover {
  background-color: #e9e9e9; }

.button.dropdown.split > a {
  color: white;
  display: block;
  padding: 10px 50px 11px 20px;
  padding-left: 20px;
  padding-right: 50px;
  -webkit-transition: background-color 0.15s ease-in-out;
  -moz-transition: background-color 0.15s ease-in-out;
  -o-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out; }

.button.dropdown.split > a:hover {
  background-color: #2284a1; }

.button.dropdown.split.large > a {
  padding: 15px 75px 16px 30px;
  padding-left: 30px;
  padding-right: 75px; }

.button.dropdown.split.small > a {
  padding: 7px 35px 8px 14px;
  padding-left: 14px;
  padding-right: 35px; }

.button.dropdown.split.tiny > a {
  padding: 5px 25px 6px 10px;
  padding-left: 10px;
  padding-right: 25px; }

.button.dropdown.split > span {
  background-color: ad9371;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 30px;
  border-left: 1px solid #1e728c;
  -webkit-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
  -moz-box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5) inset;
  -webkit-transition: background-color 0.15s ease-in-out;
  -moz-transition: background-color 0.15s ease-in-out;
  -o-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out; }

.button.dropdown.split > span:hover {
  background-color: #2284a1; }

.button.dropdown.split > span:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 6px;
  border-color: white transparent transparent transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -6px;
  margin-top: -2px; }

.button.dropdown.split.secondary > span:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 6px;
  border-color: #1d1d1d transparent transparent transparent; }

.button.dropdown.split.large span {
  width: 45px; }

.button.dropdown.split.small span {
  width: 21px; }

.button.dropdown.split.tiny span {
  width: 15px; }

.button.dropdown.split.large span:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 7px;
  border-color: white transparent transparent transparent;
  margin-top: -3px;
  margin-left: -7px; }

.button.dropdown.split.small span:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 4px;
  border-color: white transparent transparent transparent;
  margin-top: -1px;
  margin-left: -4px; }

.button.dropdown.split.tiny span:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 3px;
  border-color: white transparent transparent transparent;
  margin-top: -1px;
  margin-left: -3px; }

.button.dropdown.split.alert > span {
  background-color: #c60f13;
  border-left-color: #7f0a0c; }

.button.dropdown.split.success > span {
  background-color: #5da423;
  border-left-color: #396516; }

.button.dropdown.split.secondary > span {
  background-color: #e9e9e9;
  border-left-color: #c3c3c3; }

.button.dropdown.split.secondary > a {
  color: #1d1d1d; }

.button.dropdown.split.alert > a:hover, .button.dropdown.split.alert > span:hover {
  background-color: #970b0e; }

.button.dropdown.split.success > a:hover, .button.dropdown.split.success > span:hover {
  background-color: #457a1a; }

.button.dropdown.split.secondary > a:hover, .button.dropdown.split.secondary > span:hover {
  background-color: #d0d0d0; }

/* Button Groups ---------------------- */
ul.button-group {
  list-style: none;
  padding: 0;
  margin: 0 0 12px;
  *zoom: 1; }

ul.button-group:before, ul.button-group:after {
  content: "";
  display: table; }

ul.button-group:after {
  clear: both; }

ul.button-group li {
  padding: 0;
  margin: 0 0 0 -1px;
  float: left; }

ul.button-group li:first-child {
  margin-left: 0; }

ul.button-group.radius li a.button, ul.button-group.radius li a.button.radius, ul.button-group.radius li a.button-rounded {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px; }

ul.button-group.radius li:first-child a.button, ul.button-group.radius li:first-child a.button.radius {
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px; }

ul.button-group.radius li:first-child a.button.rounded {
  -moz-border-radius-topleft: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-top-left-radius: 1000px;
  -moz-border-radius-bottomleft: 1000px;
  -webkit-border-bottom-left-radius: 1000px;
  border-bottom-left-radius: 1000px; }

ul.button-group.radius li:last-child a.button, ul.button-group.radius li:last-child a.button.radius {
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px; }

ul.button-group.radius li:last-child a.button.rounded {
  -moz-border-radius-topright: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-top-right-radius: 1000px;
  -moz-border-radius-bottomright: 1000px;
  -webkit-border-bottom-right-radius: 1000px;
  border-bottom-right-radius: 1000px; }

ul.button-group.even a.button {
  width: 100%; }

ul.button-group.even.two-up li {
  width: 50%; }

ul.button-group.even.three-up li {
  width: 33.3%; }

ul.button-group.even.three-up li:first-child {
  width: 33.4%; }

ul.button-group.even.four-up li {
  width: 25%; }

ul.button-group.even.five-up li {
  width: 20%; }

@media only screen and (max-width: 767px) {
  .button-group button.button, .button-group input[type="submit"].button {
    width: auto;
    padding: 10px 20px 11px; }

  .button-group button.button.large, .button-group input[type="submit"].button.large {
    padding: 15px 30px 16px; }

  .button-group button.button.medium, .button-group input[type="submit"].button.medium {
    padding: 10px 20px 11px; }

  .button-group button.button.small, .button-group input[type="submit"].button.small {
    padding: 7px 14px 8px; }

  .button-group button.button.tiny, .button-group input[type="submit"].button.tiny {
    padding: 5px 10px 6px; }

  .button-group.even button.button, .button-group.even input[type="submit"].button {
    width: 100%;
    padding-left: 0;
    padding-right: 0; } }
div.button-bar {
  overflow: hidden; }

div.button-bar ul.button-group {
  float: left;
  margin-right: 8px; }

div.button-bar ul.button-group:last-child {
  margin-left: 0; }

/* Requires globals.css */
.nav-bar {
  height: 40px;
  margin-top: 0px;
  padding: 0; }

.nav-bar > li {
  float: left;
  display: block;
  position: relative;
  padding: 0;
  margin: 0;
  border: 1px solid #333333;
  border-right: none;
  line-height: 38px;
  -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset;
  -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset;
  box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset; }

.nav-bar > li:first-child {
  -webkit-box-shadow: 0 0 0;
  -moz-box-shadow: 0 0 0;
  box-shadow: 0 0 0; }

.nav-bar > li:last-child {
  border-right: solid 0px #333333;
  -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2);
  -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2);
  box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2) inset, 1px 0 0 rgba(255, 255, 255, 0.2); }

.nav-bar > li.active {
  background: ad9371;
  border-color: #2284a1; }

.nav-bar > li.active > a {
  color: ad9371;
  cursor: default; }

.nav-bar > li.active:hover {
  background: ad9371;
  cursor: default; }

.nav-bar > li:hover {
  background: #333333; }

.nav-bar > li > a {
  color: #e6e6e6; }

.nav-bar > li ul {
  margin-bottom: 0; }

.nav-bar > li .flyout {
  display: none; }

.nav-bar > li.has-flyout > a:first-child {
  padding-right: 40px;
  position: relative; }

.nav-bar > li.has-flyout > a:first-child:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 4px;
  border-color: #e6e6e6 transparent transparent transparent;
  position: absolute;
  right: 20px;
  top: 17px; }

.nav-bar > li.has-flyout > a.flyout-toggle {
  border-left: 0 !important;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0px;
  z-index: 2;
  display: block; }

.nav-bar > li > a:first-child {
  position: relative;
  padding: 0 20px;
  display: block;
  text-decoration: none;
  font-size: 14px; }

.nav-bar > li > input {
  margin: 0 10px; }

.nav-bar.vertical {
  height: auto;
  margin-top: 0; }

.nav-bar.vertical > li {
  float: none;
  border-bottom: none;
  border-right: solid 1px #333333;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.nav-bar.vertical > li.has-flyout > a:first-child:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 4px;
  border-color: transparent transparent transparent #e6e6e6; }

.nav-bar.vertical > li .flyout {
  left: 100%;
  top: -1px; }

.nav-bar.vertical > li .flyout.right {
  left: auto;
  width: 350px;
  right: 100%; }

.nav-bar.vertical > li.active {
  border-right: solid 1px #2284a1; }

.nav-bar.vertical > li:last-child {
  border-bottom: solid 1px #333333; }

.flyout {
  background: #f2f2f2;
  padding: 20px;
  margin: 0;
  position: absolute;
  z-index: 40;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  /* remove margin on any first-child element */
  /* remove margin on last element */ }

.flyout p {
  line-height: 1.2;
  font-size: 13px; }

.flyout *:first-child {
  margin-top: 0; }

.flyout *:last-child {
  margin-bottom: 0; }

.flyout.small {
  width: 166.66667px; }

.flyout.large {
  width: 437.5px; }

.flyout.right {
  left: auto;
  right: -2px; }

.flyout.left {
  right: auto;
  left: -2px; }

.flyout.up {
  top: auto;
  bottom: 39px; }

ul.flyout, .nav-bar li ul {
  padding: 0;
  list-style: none; }

ul.flyout li, .nav-bar li ul li {
  border-left: solid 3px #CCC; }

ul.flyout li a, .nav-bar li ul li a {
  background: #f2f2f2;
  border: 1px solid #e6e6e6;
  border-width: 1px 1px 0 0;
  color: #555;
  display: block;
  font-size: 14px;
  height: auto;
  line-height: 1;
  padding: 15px 20px;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; }

ul.flyout li a:hover, .nav-bar li ul li a:hover {
  background: #ebebeb;
  color: #333; }

ul.flyout li.active, .nav-bar li ul li.active {
  margin-top: 0;
  border-top: 1px solid #4d4d4d;
  border-left: 4px solid #1a1a1a; }

ul.flyout li.active a, .nav-bar li ul li.active a {
  background: #4d4d4d;
  border: none;
  color: #fff;
  height: auto;
  margin: 0;
  position: static;
  top: 0;
  -webkit-box-shadow: 0 0 0;
  -moz-box-shadow: 0 0 0;
  box-shadow: 0 0 0; }

/* Mobile Styles */
@media only screen and (max-device-width: 1280px) {
  .nav-bar li.has-flyout > a {
    padding-right: 36px; } }
@media only screen and (max-width: 1279px) and (min-width: 768px) {
  .nav-bar li a {
    font-size: 13px;
    font-size: 1.3rem; }

  .nav-bar li.has-flyout > {
    padding: 13px !important; }

  .nav-bar li.has-flyout > a {
    padding-right: 36px; } }
@media only screen and (max-width: 767px) {
  .nav-bar {
    height: auto; }

  .nav-bar > li {
    float: none;
    display: block;
    border-right: none; }

  .nav-bar > li > a.main {
    text-align: left;
    border-top: 1px solid #ddd;
    border-right: none; }

  .nav-bar > li:first-child > a.main {
    border-top: none; }

  .nav-bar > li.has-flyout > a.flyout-toggle {
    position: absolute;
    right: 0;
    top: 0;
    padding: 22px;
    z-index: 2;
    display: block; }

  .nav-bar > li.has-flyout > a.flyout-toggle:hover span {
    border-top-color: #141414; }

  .nav-bar.vertical > li.has-flyout > .flyout {
    left: 0; }

  .flyout {
    position: relative;
    width: 100% !important;
    top: auto;
    margin-right: -2px;
    border-width: 1px 1px 0 1px; }

  .flyout.right {
    float: none;
    right: auto;
    left: -1px; }

  .flyout.small, .flyout.large {
    width: 100% !important; }

  .flyout p:last-child {
    margin-bottom: 18px; } }
/* CSS for jQuery Orbit Plugin 1.4.0 Maintained for Foundation. foundation.zurb.com Free to use under the MIT license. http://www.opensource.org/licenses/mit-license.php
*/
/* Container ---------------------- */
/* Correct timer in IE */
.lt-ie9 .timer {
  display: none !important; }

.lt-ie9 div.caption {
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
  zoom: 1; }

/* CSS for jQuery Reveal Plugin Maintained for Foundation. foundation.zurb.com Free to use under the MIT license. http://www.opensource.org/licenses/mit-license.php */
/* Reveal Modals ---------------------- */
.reveal-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #000;
  background: rgba(0, 0, 0, 0.45);
  z-index: 40;
  display: none;
  top: 0;
  left: 0; }

.reveal-modal {
  background: white;
  visibility: hidden;
  display: none;
  top: 100px;
  left: 50%;
  margin-left: -260px;
  width: 520px;
  position: absolute;
  z-index: 41;
  padding: 30px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }

.reveal-modal *:first-child {
  margin-top: 0; }

.reveal-modal *:last-child {
  margin-bottom: 0; }

.reveal-modal .close-reveal-modal {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: .5;
  position: absolute;
  top: 8px;
  right: 11px;
  color: #aaa;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6);
  font-weight: bold;
  cursor: pointer; }

.reveal-modal.small {
  width: 30%;
  margin-left: -15%; }

.reveal-modal.medium {
  width: 40%;
  margin-left: -20%; }

.reveal-modal.large {
  width: 60%;
  margin-left: -30%; }

.reveal-modal.xlarge {
  width: 70%;
  margin-left: -35%; }

.reveal-modal.expand {
  width: 90%;
  margin-left: -45%; }

.reveal-modal .row {
  min-width: 0;
  margin-bottom: 10px; }

/* Mobile */
@media only screen and (max-width: 767px) {
  .reveal-modal-bg {
    position: absolute; }

  .reveal-modal, .reveal-modal.small, .reveal-modal.medium, .reveal-modal.large, .reveal-modal.xlarge {
    width: 80%;
    top: 15px;
    left: 50%;
    margin-left: -40%;
    padding: 20px;
    height: auto; } }
 /* NOTES Close button entity is &#215;
Example markup <div id="myModal" class="reveal-modal"> <h2>Awesome. I have it.</h2> <p class="lead">Your couch.  I it's mine.</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p> <a class="close-reveal-modal">&#215;</a> </div> */
/* Requires -globals.css -app.js */
/* Tabs ---------------------- */
dl.tabs {
  border-bottom: solid 1px #e6e6e6;
  display: block;
  height: 40px;
  padding: 0;
  margin-bottom: 20px; }

dl.tabs.contained {
  margin-bottom: 0; }

dl.tabs dt {
  color: #b3b3b3;
  cursor: default;
  display: block;
  float: left;
  font-size: 12px;
  height: 40px;
  line-height: 40px;
  padding: 0;
  padding-right: 9px;
  padding-left: 20px;
  width: auto;
  text-transform: uppercase; }

dl.tabs dt:first-child {
  padding: 0;
  padding-right: 9px; }

dl.tabs dd {
  display: block;
  float: left;
  padding: 0;
  margin: 0; }

dl.tabs dd a {
  color: #6f6f6f;
  display: block;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  padding: 0px 23.8px; }

dl.tabs dd a:focus {
  font-weight: bold;
  color: ad9371; }

dl.tabs dd.active {
  border-top: 3px solid ad9371;
  margin-top: -3px; }

dl.tabs dd.active a {
  cursor: default;
  color: #3c3c3c;
  background: #fff;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  font-weight: bold; }

dl.tabs dd:first-child {
  margin-left: 0; }

dl.tabs.vertical {
  height: auto;
  border-bottom: 1px solid #e6e6e6; }

dl.tabs.vertical dt, dl.tabs.vertical dd {
  float: none;
  height: auto; }

dl.tabs.vertical dd {
  border-left: 3px solid #cccccc; }

dl.tabs.vertical dd a {
  background: #f2f2f2;
  border: none;
  border: 1px solid #e6e6e6;
  border-width: 1px 1px 0 0;
  color: #555;
  display: block;
  font-size: 14px;
  height: auto;
  line-height: 1;
  padding: 15px 20px;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; }

dl.tabs.vertical dd.active {
  margin-top: 0;
  border-top: 1px solid #4d4d4d;
  border-left: 4px solid #1a1a1a; }

dl.tabs.vertical dd.active a {
  background: #4d4d4d;
  border: none;
  color: #fff;
  height: auto;
  margin: 0;
  position: static;
  top: 0;
  -webkit-box-shadow: 0 0 0;
  -moz-box-shadow: 0 0 0;
  box-shadow: 0 0 0; }

dl.tabs.vertical dd:first-child a.active {
  margin: 0; }

dl.tabs.pill {
  border-bottom: none;
  margin-bottom: 10px; }

dl.tabs.pill dd {
  margin-right: 10px; }

dl.tabs.pill dd:last-child {
  margin-right: 0; }

dl.tabs.pill dd a {
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  -ms-border-radius: 1000px;
  -o-border-radius: 1000px;
  border-radius: 1000px;
  background: #e6e6e6;
  height: 26px;
  line-height: 26px;
  color: #666; }

dl.tabs.pill dd.active {
  border: none;
  margin-top: 0; }

dl.tabs.pill dd.active a {
  background-color: ad9371;
  border: none;
  color: #fff; }

dl.tabs.pill.contained {
  border-bottom: solid 1px #eee;
  margin-bottom: 0; }

dl.tabs.pill.two-up dd, dl.tabs.pill.three-up dd, dl.tabs.pill.four-up dd, dl.tabs.pill.five-up dd {
  margin-right: 0; }

dl.tabs.two-up dt a, dl.tabs.two-up dd a, dl.tabs.three-up dt a, dl.tabs.three-up dd a, dl.tabs.four-up dt a, dl.tabs.four-up dd a, dl.tabs.five-up dt a, dl.tabs.five-up dd a {
  padding: 0 17px;
  text-align: center;
  overflow: hidden; }

dl.tabs.two-up dt, dl.tabs.two-up dd {
  width: 50%; }

dl.tabs.three-up dt, dl.tabs.three-up dd {
  width: 33.33%; }

dl.tabs.four-up dt, dl.tabs.four-up dd {
  width: 25%; }

dl.tabs.five-up dt, dl.tabs.five-up dd {
  width: 20%; }

ul.tabs-content {
  display: block;
  margin: 0 0 20px;
  padding: 0; }

ul.tabs-content > li {
  display: none; }

ul.tabs-content > li.active {
  display: block; }

ul.tabs-content.contained {
  padding: 0; }

ul.tabs-content.contained > li {
  border: solid 0 #e6e6e6;
  border-width: 0 1px 1px 1px;
  padding: 20px; }

ul.tabs-content.contained.vertical > li {
  border-width: 1px 1px 1px 1px; }

.no-js ul.tabs-content > li {
  display: block; }

@media only screen and (max-width: 767px) {
  dl.tabs.mobile {
    width: auto;
    margin: 20px -20px 40px;
    height: auto; }

  dl.tabs.mobile dt, dl.tabs.mobile dd {
    float: none;
    height: auto; }

  dl.tabs.mobile dd a {
    display: block;
    width: auto;
    height: auto;
    padding: 18px 20px;
    line-height: 1;
    border: solid 0 #ccc;
    border-width: 1px 0 0;
    margin: 0;
    color: #555;
    background: #eee;
    font-size: 15px;
    font-size: 1.5rem; }

  dl.tabs.mobile dd a.active {
    height: auto;
    margin: 0;
    border-width: 1px 0 0; }

  .tabs.mobile {
    border-bottom: solid 1px #ccc;
    height: auto; }

  .tabs.mobile dd a {
    padding: 18px 20px;
    border: none;
    border-left: none;
    border-right: none;
    border-top: 1px solid #ccc;
    background: #fff; }

  .tabs.mobile dd a.active {
    border: none;
    background: ad9371;
    color: #fff;
    margin: 0;
    position: static;
    top: 0;
    height: auto; }

  .tabs.mobile dd:first-child a.active {
    margin: 0; }

  dl.contained.mobile {
    margin-bottom: 0; }

  dl.contained.tabs.mobile dd a {
    padding: 18px 20px; }

  dl.tabs.mobile + ul.contained {
    margin-left: -20px;
    margin-right: -20px;
    border-width: 0 0 1px 0; } }
/* Requires: globals.css */
/* Table of Contents

:: Visibility
:: Alerts
:: Labels
:: Tooltips
:: Panels
:: Accordion
:: Side Nav
:: Sub Nav
:: Pagination
:: Breadcrumbs
:: Lists
:: Link Lists
:: Keystroke Chars
:: Image Thumbnails
:: Video
:: Tables
:: Microformats
:: Progress Bars

*/
/* Visibility Classes ---------------------- */
/* Standard (large) display targeting */
.show-for-small, .show-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .show-for-xlarge {
  display: none !important; }

.hide-for-xlarge, .show-for-large, .show-for-large-up, .hide-for-small, .hide-for-medium, .hide-for-medium-down {
  display: block !important; }

/* Very large display targeting */
@media only screen and (min-width: 1441px) {
  .hide-for-small, .hide-for-medium, .hide-for-medium-down, .hide-for-large, .show-for-large-up, .show-for-xlarge {
    display: block !important; }

  .show-for-small, .show-for-medium, .show-for-medium-down, .show-for-large, .hide-for-large-up, .hide-for-xlarge {
    display: none !important; } }
/* Medium display targeting */
@media only screen and (max-width: 1279px) and (min-width: 768px) {
  .hide-for-small, .show-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .hide-for-xlarge {
    display: block !important; }

  .show-for-small, .hide-for-medium, .hide-fcolumnor-medium-down, .show-for-large, .show-for-large-up, .show-for-xlarge {
    display: none !important; } }
/* Small display targeting */
@media only screen and (max-width: 767px) {
  .show-for-small, .hide-for-medium, .show-for-medium-down, .hide-for-large, .hide-for-large-up, .hide-for-xlarge {
    display: block !important; }

  .hide-for-small, .show-for-medium, .hide-for-medium-down, .show-for-large, .show-for-large-up, .show-for-xlarge {
    display: none !important; } }
/* Orientation targeting */
.show-for-landscape, .hide-for-portrait {
  display: block !important; }

.hide-for-landscape, .show-for-portrait {
  display: none !important; }

@media screen and (orientation: landscape) {
  .show-for-landscape, .hide-for-portrait {
    display: block !important; }

  .hide-for-landscape, .show-for-portrait {
    display: none !important; } }
@media screen and (orientation: portrait) {
  .show-for-portrait, .hide-for-landscape {
    display: block !important; }

  .hide-for-portrait, .show-for-landscape {
    display: none !important; } }
/* Touch-enabled device targeting */
.show-for-touch {
  display: none !important; }

.hide-for-touch {
  display: block !important; }

.touch .show-for-touch {
  display: block !important; }

.touch .hide-for-touch {
  display: none !important; }

/* Specific overrides for elements that require something other than display: block */
table.show-for-xlarge, table.show-for-large, table.hide-for-small, table.hide-for-medium {
  display: table !important; }

@media only screen and (max-width: 1279px) and (min-width: 768px) {
  table.hide-for-xlarge, table.hide-for-large, table.hide-for-small, table.show-for-medium {
    display: table !important; } }
@media only screen and (max-width: 767px) {
  table.hide-for-xlarge, table.hide-for-large, table.hide-for-medium, table.show-for-small {
    display: table !important; } }
/* Alerts ---------------------- */
div.alert-box {
  display: block;
  padding: 6px 7px 7px;
  font-weight: bold;
  font-size: 14px;
  color: white;
  background-color: ad9371;
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 12px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
  position: relative; }

div.alert-box.success {
  background-color: #5da423;
  color: #fff;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.3); }

div.alert-box.alert {
  background-color: #c60f13;
  color: #fff;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.3); }

div.alert-box.secondary {
  background-color: #e9e9e9;
  color: #505050;
  text-shadow: 0 1px rgba(255, 255, 255, 0.3); }

div.alert-box a.close {
  color: #333;
  position: absolute;
  right: 4px;
  top: -1px;
  font-size: 17px;
  opacity: 0.2;
  padding: 4px; }

div.alert-box a.close:hover, div.alert-box a.close:focus {
  opacity: 0.4; }

/* Labels ---------------------- */
.label {
  padding: 1px 4px 2px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  white-space: nowrap;
  display: inline;
  position: relative;
  bottom: 1px;
  color: #222222;
  background: ad9371; }

.label.radius {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px; }

.label.round {
  padding: 1px 7px 2px;
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  -ms-border-radius: 1000px;
  -o-border-radius: 1000px;
  border-radius: 1000px; }

.label.alert {
  background-color: #c60f13; }

.label.success {
  background-color: #5da423; }

.label.secondary {
  background-color: #e9e9e9;
  color: #505050; }

/* Tooltips ---------------------- */
/* .has-tip { border-bottom: dotted 1px #cccccc; cursor: help; font-weight: bold; color: #333333; }
.has-tip:hover { border-bottom: dotted 1px #196177; color: ad9371; } */
.has-tip.tip-left, .has-tip.tip-right {
  float: none !important; }

.tooltip {
  display: none;
  background: black;
  background: rgba(0, 0, 0, 0.85);
  position: absolute;
  color: white;
  font-weight: bold;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 5px;
  z-index: 999;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  line-height: normal; }

.tooltip > .nub {
  display: block;
  width: 0;
  height: 0;
  border: solid 5px;
  border-color: transparent transparent black transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent;
  position: absolute;
  top: -10px;
  left: 10px; }

.tooltip.tip-override > .nub {
  border-color: transparent transparent black transparent !important;
  border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent !important;
  top: -10px !important; }

.tooltip.tip-top > .nub {
  border-color: black transparent transparent transparent;
  border-color: rgba(0, 0, 0, 0.85) transparent transparent transparent;
  top: auto;
  bottom: -10px; }

.tooltip.tip-left, .tooltip.tip-right {
  float: none !important; }

.tooltip.tip-left > .nub {
  border-color: transparent transparent transparent black;
  border-color: transparent transparent transparent rgba(0, 0, 0, 0.85);
  right: -10px;
  left: auto; }

.tooltip.tip-right > .nub {
  border-color: transparent black transparent transparent;
  border-color: transparent rgba(0, 0, 0, 0.85) transparent transparent;
  right: auto;
  left: -10px; }

.tooltip.noradius {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0; }

.tooltip.opened {
  color: ad9371 !important;
  border-bottom: dotted 1px #196177 !important; }

.tap-to-close {
  display: block;
  font-size: 10px;
  font-size: 1rem;
  color: #888888;
  font-weight: normal; }

@media only screen and (max-width: 767px) {
  .tooltip {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4;
    padding: 7px 10px 9px 10px; }

  .tooltip > .nub, .tooltip.top > .nub, .tooltip.left > .nub, .tooltip.right > .nub {
    border-color: transparent transparent black transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.85) transparent;
    top: -12px;
    left: 10px; } }
/* Panels ---------------------- */
.panel {
  background: #f2f2f2;
  border: solid 1px #e6e6e6;
  margin: 0 0 22px 0;
  padding: 20px; }

.panel > :first-child {
  margin-top: 0; }

.panel > :last-child {
  margin-bottom: 0; }

.panel.callout {
  background: ad9371;
  color: #fff;
  border-color: #2284a1;
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5); }

.panel.callout a {
  color: #fff; }

.panel.callout .button {
  background: white;
  border: none;
  color: ad9371;
  text-shadow: none; }

.panel.callout .button:hover {
  background: rgba(255, 255, 255, 0.8); }

.panel.radius {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px; }

/* Accordion ---------------------- */
ul.accordion {
  margin: 0 0 22px 0;
  border-bottom: 1px solid #e9e9e9; }

ul.accordion > li {
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid #e9e9e9; }

ul.accordion > li .title {
  cursor: pointer;
  background: #f6f6f6;
  padding: 15px;
  margin: 0;
  position: relative;
  border-left: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
  -webkit-transition: 0.15s background linear;
  -moz-transition: 0.15s background linear;
  -o-transition: 0.15s background linear;
  transition: 0.15s background linear; }

ul.accordion > li .title h1, ul.accordion > li .title h2, ul.accordion > li .title h3, ul.accordion > li .title h4, ul.accordion > li .title h5 {
  margin: 0; }

ul.accordion > li .title:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 6px;
  border-color: transparent #9d9d9d transparent transparent;
  position: absolute;
  right: 15px;
  top: 21px; }

ul.accordion > li .content {
  display: none;
  padding: 15px; }

ul.accordion > li.active {
  border-top: 3px solid ad9371; }

ul.accordion > li.active .title {
  background: white;
  padding-top: 13px; }

ul.accordion > li.active .title:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 6px;
  border-color: #9d9d9d transparent transparent transparent; }

ul.accordion > li.active .content {
  background: white;
  display: block;
  border-left: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9; }

/* Side Nav ---------------------- */
ul.side-nav {
  display: block;
  list-style: none;
  margin: 0;
  padding: 17px 0; }

ul.side-nav li {
  display: block;
  list-style: none;
  margin: 0 0 7px 0; }

ul.side-nav li a {
  display: block; }

ul.side-nav li.active a {
  color: #4d4d4d;
  font-weight: bold; }

ul.side-nav li.divider {
  border-top: 1px solid #e6e6e6;
  height: 0;
  padding: 0; }

/* Sub Navs http://www.zurb.com/article/292/how-to-create-simple-and-effective-sub-na ---------------------- */
dl.sub-nav {
  display: block;
  width: auto;
  overflow: hidden;
  margin: -4px 0 18px;
  margin-right: 0;
  margin-left: -9px;
  padding-top: 4px; }

dl.sub-nav dt, dl.sub-nav dd {
  float: left;
  display: inline;
  margin-left: 9px;
  margin-bottom: 10px; }

dl.sub-nav dt {
  color: #999;
  font-weight: normal; }

dl.sub-nav dd a {
  text-decoration: none;
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  -ms-border-radius: 1000px;
  -o-border-radius: 1000px;
  border-radius: 1000px; }

dl.sub-nav dd.active a {
  font-weight: bold;
  background: ad9371;
  color: #fff;
  padding: 3px 9px;
  cursor: default; }

/* Pagination ---------------------- */
ul.pagination {
  display: block;
  height: 24px;
  margin-left: -5px; }

ul.pagination li {
  float: left;
  display: block;
  height: 24px;
  color: #999;
  font-size: 14px;
  margin-left: 5px; }

ul.pagination li a {
  display: block;
  padding: 1px 7px 1px;
  color: #555; }

ul.pagination li:hover a, ul.pagination li a:focus {
  background: #e6e6e6; }

ul.pagination li.unavailable a {
  cursor: default;
  color: #999; }

ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus {
  background: transparent; }

ul.pagination li.current a {
  background: ad9371;
  color: white;
  font-weight: bold;
  cursor: default; }

ul.pagination li.current a:hover {
  background: ad9371; }

/* Prev/Next buttons ---------------------- */
ul.prevnext {
  color: #999;
  font-family: arial,Helvetica;
  font-size: 9px; }

ul.prevnext li a, ul.prevnext li span {
  text-transform: uppercase;
  margin-left: 6px;
  font-size: 9px;
  color: #999; }

/* Breadcrumbs ---------------------- */
ul.breadcrumbs {
  display: block;
  font-family: arial,Helvetica;
  font-size: 9px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  overflow: hidden; }

ul.breadcrumbs li {
  margin: 0;
  padding: 0 6px 0 0;
  float: left;
  list-style: none; }

ul.breadcrumbs li a, ul.breadcrumbs li span {
  text-transform: uppercase;
  margin-left: 6px;
  font-size: 9px;
  color: #999; }

ul.breadcrumbs li:first-child a, ul.breadcrumbs li:first-child span {
  margin-left: 6px; }

ul.breadcrumbs li:before {
  content: "/";
  color: #999; }

ul.breadcrumbs li:first-child:before {
  content: " "; }

ul.breadcrumbs li.current a {
  cursor: default;
  color: #aaa;
  margin-left: 6px; }

ul.breadcrumbs li:hover a, ul.breadcrumbs li a:focus {
  text-decoration: underline; }

ul.breadcrumbs li.current:hover a, ul.breadcrumbs li.current a:focus {
  text-decoration: none; }

ul.breadcrumbs li.unavailable a {
  color: #999; }

ul.breadcrumbs li.unavailable:hover a, ul.breadcrumbs li.unavailable a:focus {
  text-decoration: none;
  color: #999;
  cursor: default; }

ul.breadcrumbs li:not(:last-child)::after {
  content: none; }

/* Link List */
ul.link-list {
  margin: 0 0 17px -22px;
  padding: 0;
  list-style: none;
  overflow: hidden; }

ul.link-list li {
  list-style: none;
  float: left;
  margin-left: 22px;
  display: block; }

ul.link-list li a {
  display: block; }

/* Keytroke Characters ---------------------- */
.keystroke, kbd {
  font-family: "georgia", "georgia New", "arial", monospace;
  font-size: 13px;
  padding: 2px 4px 0px;
  margin: 0;
  background: #ededed;
  border: solid 1px #dbdbdb;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px; }

/* Image Thumbnails ---------------------- */
.th {
  display: block; }

.th img {
  display: block;
  border: solid 4px #fff;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition-property: box-shadow;
  -moz-transition-property: box-shadow;
  -o-transition-property: box-shadow;
  transition-property: box-shadow;
  -webkit-transition-duration: 300ms;
  -moz-transition-duration: 300ms;
  -o-transition-duration: 300ms;
  transition-duration: 300ms; }

.th:hover img {
  -webkit-box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5);
  -moz-box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5);
  box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5); }

/* Video - Mad props to http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/ ---------------------- */
.flex-video {
  position: relative;
  padding-top: 25px;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 16px;
  overflow: hidden; }

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

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

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

/* Microformats ---------------------- */
ul.vcard {
  display: inline-block;
  margin: 0 0 12px 0;
  border: 1px solid #ddd;
  padding: 10px; }

ul.vcard li {
  margin: 0;
  display: block; }

ul.vcard li.fn {
  font-weight: bold;
  font-size: 15px;
  font-size: 1.5rem; }

p.vevent span.summary {
  font-weight: bold; }

p.vevent abbr {
  cursor: default;
  text-decoration: none;
  font-weight: bold;
  border: none;
  padding: 0 1px; }

/* Progress Bar ---------------------- */
div.progress {
  padding: 2px;
  margin-bottom: 10px;
  border: 1px solid #cccccc;
  height: 25px;
  /* meter */
  /* border radii */ }

div.progress .meter {
  background: ad9371;
  height: 100%;
  display: block;
  width: 50%; }

div.progress.secondary .meter {
  background: #e9e9e9; }

div.progress.success .meter {
  background: #5da423; }

div.progress.alert .meter {
  background: #c60f13; }

div.progress.radius {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px; }

div.progress.radius .meter {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px; }

div.progress.round {
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  -ms-border-radius: 1000px;
  -o-border-radius: 1000px;
  border-radius: 1000px; }

div.progress.round .meter {
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  -ms-border-radius: 1000px;
  -o-border-radius: 1000px;
  border-radius: 1000px; }

/* Foundation Top Bar
 Requires: -jquery.foundation.topbar.js
 Notes: - <nav class="top-bar"> can have .fixed added to make it stick to the top of viewport. Can add .contain-to-grid to top-bar to make it full width but content on grid. - <li class="name"> creates a branding area that can be linked to homepage - Can include text, image or both inside this <li>. - <li class="divider"> creates a divider between nav items, add margins for space - <li class="search"> Needs to hold a <form> which can use .row.collapse and pre/postfix buttons or default type="search"
*/
/* Element that controls breakpoint, no need to change this ever */
.top-bar-js-breakpoint {
  width: 767px !important;
  visibility: hidden; }

/* Wrapped around .top-bar to contain to grid width */
.contain-to-grid {
  width: 100%;
  background: #222222; }

/* Wrapped around .top-bar to make it fixed at the top */
.fixed {
  width: 100%;
  left: 0;
  position: fixed;
  top: 0;
  z-index: 99; }

/* <nav> */
.top-bar {
  line-height: 30px;
  padding: 0;
  width: 100%;
  border-bottom: 1px solid #e4e4e4;
  /* Contain width to .row width */
  /* First <ul> for branding, title, name, etc */
  /* topbar global <ul> styles */ }

/* .contain-to-grid .top-bar { width: 1000px; margin: 0 auto; } */
.contain-to-grid .top-bar {
  width: auto;
  max-width: 1000px;
  margin: 0 auto; }

.top-bar > ul .name h1 {
  line-height: 45px;
  margin: 0; }

.top-bar > ul .name h1 a {
  font-weight: bold;
  padding: 0 22.5px;
  font-size: 17px !important; }

.top-bar > ul .name img {
  margin-top: -5px;
  vertical-align: middle; }

.top-bar ul {
  display: inline;
  list-style: none;
  /* Main Navigation links style */
  /* Left Side <ul> */
  /* Right Side <ul> */ }

.top-bar ul > li {
  float: left;
  /* Dividers between navigation */
  /* Put a button in an <li> but give is a class */
  /* Put a search bar or text input in the bar */
  /* Hide the triangle for breakpoint menu */
  /* li.has-dropdown */ }

.top-bar ul > li a:not(.button) {
  color: #999;
  display: block;
  font-size: 13px;
  font-weight: bold;
  height: 45px;
  line-height: 45px;
  padding: 0 15px; }

.top-bar ul > li:hover, .top-bar ul > li.active {
  background: none; }

.top-bar ul > li:hover a, .top-bar ul > li.active a {
  color: none; }

.top-bar ul > li a:hover {
  color: #2a91d5; }

.top-bar ul > li.divider {
  background: black;
  -webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1);
  -moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1);
  box-shadow: 1px 0 0 rgba(255, 255, 255, 0.1);
  height: 100%;
  margin-right: 1px;
  width: 1px; }

.top-bar ul > li.has-button a.button {
  margin: 0 11.25px; }

.top-bar ul > li.has-button:hover {
  background: #222222; }

.top-bar ul > li.has-button:hover a {
  color: #000; }

.top-bar ul > li.search {
  padding: 0 15px; }

.top-bar ul > li.search form {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
  width: 200px; }

.top-bar ul > li.search form input[type=text] {
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  /* float: left; */
  font-size: 13px;
  height: 20px;
  margin-top: 5px;
  font-family: georgia, georgia new, arial; }

.top-bar ul > li.search form input[type=text] + .button {
  border-left: none;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  float: left;
  font-size: 12px;
  margin-top: -1px;
  padding: 5px 12px 4px; }

.top-bar ul > li.search form input[type=search] {
  font-size: 16px;
  margin-bottom: 0; }

/* .top-bar ul > li.search:hover { background: $brand-black; } */
.top-bar ul > li.toggle-topbar {
  display: none; }

.top-bar ul > li.has-dropdown {
  position: relative;
  /* Dropdown Level 2+ */ }

.top-bar ul > li.has-dropdown:hover > .dropdown {
  display: block;
  visibility: visible; }

.top-bar ul > li.has-dropdown a {
  padding-right: 33.75px; }

.top-bar ul > li.has-dropdown a:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 5px;
  border-color: white transparent transparent transparent;
  margin-right: 15px;
  margin-top: -2.5px;
  position: absolute;
  right: 0;
  top: 50%; }

.top-bar ul > li.has-dropdown .dropdown {
  background: #e1e1e1;
  left: 0;
  margin: 0;
  padding: 9px 0 0 0;
  position: absolute;
  visibility: hidden;
  z-index: 99; }

.top-bar ul > li.has-dropdown .dropdown li {
  background: #e1e1e1;
  line-height: 1;
  min-width: 100%;
  padding-bottom: 5px; }

.top-bar ul > li.has-dropdown .dropdown li a {
  font-weight: bold;
  height: 100%;
  line-height: 1;
  padding: 5px 17px 5px 15px;
  white-space: nowrap; }

.top-bar ul > li.has-dropdown .dropdown li a:after {
  border: none; }

.top-bar ul > li.has-dropdown .dropdown li a:hover {
  background: #e4e4e4; }

.top-bar ul > li.has-dropdown .dropdown li label {
  color: #e4e4e4;
  font-size: 10px;
  font-weight: bold;
  margin: 0;
  padding-left: 15px;
  text-transform: uppercase; }

.top-bar ul > li.has-dropdown .dropdown li.divider {
  border-top: solid 1px black;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
  height: 10px;
  padding: 0;
  width: 100%; }

.top-bar ul > li.has-dropdown .dropdown li:last-child {
  padding-bottom: 10px; }

.top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a {
  padding-right: 30px; }

.top-bar ul > li.has-dropdown .dropdown li.has-dropdown > a:after {
  border: none;
  content: "\00bb";
  right: 5px;
  top: 6px; }

.top-bar ul > li.has-dropdown .dropdown li.has-dropdown .dropdown {
  position: absolute;
  left: 100%;
  top: 0; }

.top-bar ul > li.has-dropdown .dropdown li.has-dropdown:hover > .dropdown {
  display: block; }

.top-bar ul.left {
  float: left;
  width: auto;
  margin-bottom: 0; }

.top-bar ul.right {
  float: right;
  width: auto;
  margin-bottom: 0;
  /* Dropdown Right Side Alignment */ }

.top-bar ul.right .has-dropdown .dropdown {
  left: auto;
  right: -1px; }

.top-bar ul.right .has-dropdown .dropdown li.has-dropdown > .dropdown {
  right: 100%;
  left: auto;
  width: 100%; }

.top-bar .js-generated {
  display: none; }

/* Firefox Fixes */
@-moz-document url-prefix() {
  .top-bar ul li .button.small {
    padding-bottom: 6px; }

  .top-bar ul li.search form input[type=search] {
    font-size: 14px;
    height: 22px;
    padding: 3px; } }

/* IE8 Fixes */
.lt-ie9 .top-bar ul li a {
  color: white;
  display: block;
  font-weight: bold;
  font-size: 13px;
  height: 45px;
  line-height: 45px;
  padding: 0 15px; }

.lt-ie9 .top-bar ul li a.button {
  height: auto;
  line-height: 30px;
  margin-top: 7px; }

.lt-ie9 .top-bar ul li a:hover {
  color: #cccccc; }

.lt-ie9 .top-bar ul li a img {
  margin-top: -5px;
  vertical-align: middle; }

.lt-ie9 .top-bar ul li a.active {
  background: #151515;
  color: #d9d9d9; }

.lt-ie9 .top-bar ul li.has-dropdown {
  padding-right: 33.75px; }

.lt-ie9 .top-bar ul li.has-dropdown > ul li {
  padding-right: 0; }

/* Mobile Styles */
@media only screen and (max-width: 767px) {
  .top-bar {
    margin-bottom: 0;
    overflow: hidden; }

  .top-bar .js-generated {
    display: block; }

  .contain-to-grid .top-bar {
    width: auto;
    background: #222222;
    height: 30px; }

  .top-bar section {
    left: 0;
    position: relative;
    width: auto;
    -webkit-transition: left 300ms;
    -moz-transition: left 300ms;
    -o-transition: left 300ms;
    transition: left 300ms; }

  .top-bar ul {
    width: 100%;
    min-height: 100%;
    height: 100%;
    margin-bottom: 0;
    display: block; }

  .top-bar ul li {
    float: none;
    /* Branding and name */
    /* Dropdown Toggle */
    /* Divider for breakpoint */
    /* Search Overrides for breakpoint size */
    /* Dropdown Level 1 */
    /* Dropdown Level 2 */ }

  .top-bar ul li.name {
    background: black; }

  .top-bar ul li.name h1 {
    line-height: 1; }

  .top-bar ul li.name h1 a {
    padding-left: 22.5px; }

  .top-bar ul li.toggle-topbar {
    cursor: pointer;
    display: block;
    height: 30px;
    position: absolute;
    right: 20px;
    top: 0; }

  .top-bar ul li.toggle-topbar a {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: 22.5px;
    margin-bottom: 10px; }

  .top-bar ul li.toggle-topbar a {
    padding: 0 !important; }

  .top-bar ul li.divider {
    border-bottom: solid 1px rgba(255, 255, 255, 0.2);
    border-top: solid 1px black;
    clear: both;
    height: 1px !important;
    margin: 8px 0 !important;
    width: 100%; }

  .top-bar ul li.search {
    padding: 0 22.5px; }

  .top-bar ul li.search form {
    width: 100%; }

  .top-bar ul li.search form input[type=text] {
    width: 75%; }

  .top-bar ul li.search form .button {
    top: 0;
    width: 25%; }

  .top-bar ul li.has-dropdown a {
    padding-right: 33.75px; }

  .top-bar ul li.has-dropdown a:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 5px;
    border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
    margin-right: 15px;
    margin-top: -4.5px;
    position: absolute;
    top: 50%; }

  .top-bar ul li.has-dropdown:hover > .dropdown {
    display: block;
    visibility: hidden; }

  .top-bar ul li.has-dropdown .dropdown {
    visibility: hidden;
    z-index: 0 !important; }

  .top-bar ul li.has-dropdown.moved {
    position: static; }

  .top-bar ul li.has-dropdown.moved .dropdown {
    top: 0;
    visibility: visible; }

  .top-bar ul li.has-dropdown.moved .dropdown li label {
    margin-bottom: 6px;
    padding-top: 6px !important;
    font-size: 11px; }

  .top-bar ul li.has-dropdown.moved .dropdown li:not(.title) {
    padding-bottom: 0; }

  .top-bar ul li.has-dropdown.moved .dropdown li:not(.title) a {
    padding: 8px 22.5px;
    font-size: 14px; }

  .top-bar ul li.has-dropdown.moved .dropdown li a, .top-bar ul li.has-dropdown.moved .dropdown li label {
    padding: 0 22.5px; }

  .top-bar ul li.has-dropdown.moved .dropdown li a:hover {
    background: transparent;
    display: block; }

  .top-bar ul li.has-dropdown.moved .dropdown li.divider {
    border-bottom: solid 1px rgba(255, 255, 255, 0.1);
    margin-top: 8px !important;
    margin-bottom: 8px !important; }

  .top-bar ul li.has-dropdown.moved .back.title {
    padding-bottom: 0; }

  .top-bar ul li.has-dropdown.moved .back.title a:before {
    position: absolute;
    top: 50%;
    left: 17.5px;
    margin-top: -5px;
    width: 0;
    height: 0;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 5px;
    border-color: transparent white transparent transparent; }

  .top-bar ul li.has-dropdown.moved .back.title h5 {
    margin: 0;
    padding-left: 15px;
    position: relative; }

  .top-bar ul li.has-dropdown.moved .back.title h5 a {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 23px;
    font-weight: bold; }

  .top-bar ul li.has-dropdown .dropdown li {
    background: transparent; }

  .top-bar ul li.has-dropdown .dropdown li.has-dropdown .dropdown {
    left: 100% !important;
    top: 0;
    right: auto !important; }

  .top-bar ul li.has-dropdown .dropdown li.has-dropdown > a {
    padding-right: 33.75px; }

  .top-bar ul li.has-dropdown .dropdown li.has-dropdown > a:after {
    content: "";
    margin-right: 15px;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 5px;
    border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
    position: absolute;
    top: 50%;
    margin-top: -4.5px; }

  .top-bar ul li.has-dropdown .dropdown li.has-dropdown.moved {
    position: static; }

  .top-bar ul li.has-dropdown .dropdown li.has-dropdown.moved .dropdown {
    top: 0;
    visibility: visible; }

  .top-bar ul li.has-dropdown .dropdown li.has-dropdown:hover {
    display: block; }

  .top-bar ul.left, .top-bar ul.right {
    float: none;
    width: 100%; }

  .top-bar ul.left > li, .top-bar ul.right > li {
    display: block; }

  .top-bar ul.left > li.has-dropdown .dropdown, .top-bar ul.right > li.has-dropdown .dropdown {
    left: 100% !important;
    top: 0;
    right: auto !important; }

  .top-bar section > ul li a:not(.button) {
    padding-left: 40px !important;
    font-size: 15px;
    margin-bottom: 1.0em; }

  .top-bar.expanded {
    height: 100%; }

  .top-bar.expanded ul li.toggle-topbar a {
    content: "";
    display: block;
    width: 0;
    height: 0;
    top: 50%;
    margin-bottom: 10px; }

  .top-bar ul li.has-button {
    padding: 0 20px 5px; }

  .top-bar ul li .button.small {
    margin: 0 !important;
    display: inline-block;
    width: 100%; }

  .mobileheader {
    background-color: #ffffff;
    width: 100%;
    height: 60px; }

  .yourcartmobile {
    right: 0px;
    top: 10px;
    color: #222; }

  .searchmobile {
    height: 10px;
    width: 300px;
    margin-right: auto;
    margin-left: auto; } }
a {
  color: #ad9371;
  text-decoration: none;
  line-height: inherit; }

a:hover {
  color: #ad9371; }

a:focus {
  color: #37a4ec;
  outline: none; }

a, img {
  border: none;
  outline: none; }

p {
  font-family: georgia, courier new, sans-serif, times; }

p a, p a:visited {
  line-height: inherit; }

.panel {
  color: #333; }

select {
  width: auto; }

img:hover {
  opacity: 1; }

img.nopacity:hover {
  opacity: 1; }

hr {
  border: none;
  border-top: 1px solid #dddddd;
  margin-top: 20px;
  margin-bottom: 20px; }

hr.topNav {
  margin-top: 0px;
  margin-bottom: 0px; }

hr.mainNav {
  margin-top: 4px;
  margin-bottom: 2px; }

hr.dark {
  border-top: 1px solid #dddddd; }

hr.white {
  border-top: 1px solid #dddddd; }

hr.subhead {
  border: none;
  border-top: 1px solid #dddddd;
  margin-top: 1px;
  margin-bottom: 5px; }

hr.subnav {
  margin-top: 10px;
  margin-bottom: 12px;
  border-top: 1px solid #666666; }

.verticalLine {
  border-right: thin solid #dddddd; }

/* Top Bar */
.top-bar ul > li.search form input[type=search] {
  background-color: #666666; }

.top-bar ul > li.search form input[type="text"] {
  margin-top: 5px;
  font-family: arial; }

.top-bar ul > li a:not(.button),
.top-bar ul > li label {
  color: #999;
  display: block;
  font-family: tablet-gothic,arial;
  font-size: 0.8em !important;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  padding: 0 15px;
  text-align: left; }

.top-bar ul > li .currency-picker__wrapper {
  margin: 0;
  display: flex;
  align-items: center; }
  .top-bar ul > li .currency-picker__wrapper select {
    margin: 0 0 0 5px;
    border: none;
    line-height: auto;
    height: auto;
    box-shadow: none;
    font-family: tablet-gothic,arial;
    font-weight: bold;
    text-transform: uppercase;
    color: #999;
    letter-spacing: 0.1em;
    position: relative;
    top: -1px; }

.top-bar ul > li.search form {
  width: 200px; }

/* <nav> */
.nav-highlight, .nav-highlight a {
  text-align: center;
  margin-top: 8px;
  margin-bottom: 8px;
  font-family: georgia, times, serif;
  font-size: 11px;
  letter-spacing: 0.2em;
  color: #ad9371; }

.top-bar ul > li:hover a, .top-bar ul > li.active a {
  color: none; }

.top-bar ul > li.has-dropdown:hover {
  background: #e0e0e0; }

.top-bar ul > li.has-dropdown .dropdown {
  background: #e0e0e0; }

.top-bar ul > li.has-dropdown .dropdown li {
  background: #e0e0e0; }

.top-bar ul > li.has-dropdown .dropdown li:hover {
  background: #e0e0e0; }

.top-bar ul > li.has-dropdown .dropdown li a:hover {
  background: #e0e0e0;
  color: #ad9371; }

.top-bar ul > li.has-dropdown a:first-child:after {
  content: "";
  display: none;
  width: 0;
  height: 0;
  border: solid 4px;
  border-color: #e6e6e6 transparent transparent transparent;
  position: absolute;
  right: 15px;
  top: 17px; }

.cartNavCount {
  background-color: #e4e4e4;
  padding: 2px 4px;
  margin-left: 0px;
  color: #999;
  font-weight: bold;
  border-radius: 2px; }

.arrow_box {
  position: relative;
  background: #e4e4e4;
  margin-left: 6px; }

.arrow_box:after {
  right: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none; }

.arrow_box:after {
  border-color: rgba(228, 228, 228, 0);
  border-right-color: #e4e4e4;
  border-width: 4px;
  top: 50%;
  margin-top: -4px; }

.cart-nav-count {
  background-color: #e4e4e4;
  padding: 0 5px 0 5px; }

.top-bar ul > li.search:hover {
  background-color: #e0e0e0; }

.mobileslide {
  text-transform: uppercase;
  text-decoration: none;
  font-size: 2em;
  letter-spacing: .2em;
  margin-left: 10px;
  margin-bottom: 10px;
  margin-top: 10px; }

.mobileslideheader {
  text-transform: uppercase;
  color: #fff;
  font-size: 3em;
  letter-spacing: .2em;
  margin-left: 10px;
  margin-top: 10px; }

/* Forms */
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  border: 0px solid #cccccc;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1);
  color: #999999;
  display: block;
  font-size: 14px;
  margin: 0 0 12px 0;
  padding: 6px;
  height: 32px;
  width: 100%;
  -webkit-transition: all 0.15s linear;
  -moz-transition: all 0.15s linear;
  -o-transition: all 0.15s linear;
  transition: all 0.15s linear;
  background-color: #f3f3f3; }

input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus {
  background: #fafafa;
  outline: none !important;
  border-color: #b3b3b3; }

ul.productDetails {
  list-style-type: none; }

/* Navigation */
.nav-bar {
  height: auto;
  display: table;
  margin: 0 auto;
  margin-top: 33px;
  margin-bottom: 0px;
  padding: 0px;
  background: none;
  border-right: none;
  margin-left: auto;
  margin-right: auto; }

.nav-bar > li {
  display: block;
  position: relative;
  padding: 0;
  margin: 0;
  border: 0px none #333333;
  border-right: none;
  line-height: 20px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: none; }

.nav-bar > li:first-child {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.nav-bar > li:last-child > a {
  border-right: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.nav-bar > li.active {
  background: none; }

.nav-bar > li.active > a {
  /* Link color */
  color: #999999;
  cursor: default; }

.nav-bar > li.active:hover {
  background: none;
  cursor: default; }

.nav-bar > li:hover {
  background: none; }

.nav-bar > li {
  padding: 0px;
  margin: 0px; }

.nav-bar > li > a {
  color: #242424; }

.nav-bar > li ul {
  margin-bottom: 0; }

.nav-bar > li .flyout {
  display: none; }

.nav-bar > li.has-flyout > a:first-child {
  padding-right: 12px;
  position: relative; }

.nav-bar > li.dark > a:first-child {
  color: #666666; }

.nav-bar > li.dark > a:first-child:hover {
  color: #666666; }

.nav-bar > li.has-flyout > a:first-child:after {
  content: "";
  display: none;
  width: 0;
  height: 0;
  border: solid 4px;
  border-color: #e6e6e6 transparent transparent transparent;
  position: absolute;
  right: 20px;
  top: 10px; }

.nav-bar > li.has-flyout > a.flyout-toggle {
  border-left: 0 !important;
  position: center;
  right: 0;
  top: 0;
  padding-top: 0px;
  z-index: 2;
  display: block; }

.nav-bar > li > a:first-child {
  position: relative;
  padding: 0 20px;
  display: block;
  text-decoration: none;
  font-size: 1.4em;
  text-transform: uppercase;
  font-style: italic;
  font-weight: normal; }

.nav-bar > li > input {
  margin: 0 10px; }

.nav-bar > li > a.dark {
  color: #8e8e8e; }

.nav-bar > li.has-flyout > .flyout-toggle:hover {
  text-decoration: underline; }

.nav-bar > li > a:first-child {
  padding-left: 8px;
  padding-right: 18px; }

.nav-bar > li > a:last-child {
  padding-right: 0px; }

.nav-bar > li > a.search {
  padding-right: 0px !important; }

@media only screen and (max-width: 970px) {
  .nav-bar > li > a:first-child {
    padding-right: 8px;
    font-size: 1.2em; } }
.catheader {
  font-family: georgia;
  font-style: italic;
  font-size: 1em;
  color: #cccccc; }

.flyout {
  background: #252525;
  margin: 0 auto;
  z-index: 40;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }
  .flyout .navZero {
    width: 1200px;
    max-width: 100%; }
  .flyout .flex {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap; }
  .flyout .menus {
    float: left;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap; }
    .flyout .menus > div {
      margin-right: 40px; }
      .flyout .menus > div:last-child {
        margin-right: 0; }
  .flyout .image {
    width: 260px;
    float: left;
    margin: 0 30px 0 30px;
    text-align: center; }
    .flyout .image img {
      display: block;
      width: 100%;
      height: auto; }
    .flyout .image h6 {
      margin: 8px 0 0 0;
      color: white !important;
      text-transform: uppercase; }

li.mainNavHeader {
  font-weight: bold;
  /* text-transform: uppercase; */ }

.flyout *:first-child {
  margin-top: 0; }

.flyout *:last-child {
  margin-bottom: 0; }

.flyout.small {
  width: 166.66667px; }

.flyout.largeCollege {
  width: 800px;
  margin-left: -485px; }

.flyout.superwide {
  width: 1000px;
  height: 160px;
  margin: 0 auto;
  position: absolute;
  left: -220px;
  padding: 0; }

.flyout.boundingbox {
  width: 100%;
  position: fixed;
  left: 0px;
  top: inherit !important; }

.navZero {
  width: 940px;
  margin-right: auto;
  margin-left: auto; }

.navOne {
  width: 940px;
  margin-right: auto;
  margin-left: auto; }

.navTwo {
  width: 940px;
  margin-right: auto;
  margin-left: auto; }

.navThree {
  width: 940px;
  margin-right: auto;
  margin-left: auto; }

.navFour {
  width: 940px;
  margin-right: auto;
  margin-left: auto; }

.navFive {
  width: 940px;
  margin-right: auto;
  margin-left: auto; }

.flyout.right {
  left: auto;
  right: -2px; }

.flyout.left {
  right: auto;
  left: -2px; }

.flyout.up {
  top: auto;
  bottom: 39px; }

.flyoutwrapper {
  background: #000;
  background-width: 100%;
  left: -10px;
  z-index: 1000;
  position: absolute; }

ul.flyout, .nav-bar li ul {
  padding: 0;
  list-style: none;
  text-align: left; }

ul.flyout li, .nav-bar li ul li {
  border-left: none; }

ul.flyout li a, .nav-bar li ul li a {
  background: #252525;
  border-width: 0px 0px 0 0;
  color: #a3a3a3;
  display: block;
  font-weight: normal;
  height: auto;
  line-height: 1;
  padding: 6px 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

ul.flyout li a:hover, .nav-bar li ul li a:hover {
  background: #2a2a2a;
  color: #cccccc; }

ul.flyout li.active, .nav-bar li ul li.active {
  margin-top: 0;
  border-top: 0px solid #ad9371;
  border-left: 0px solid #1a1a1a; }

ul.flyout li.active a, .nav-bar li ul li.active a {
  background: #ffffff;
  border: none;
  color: #ad9371;
  height: auto;
  margin: 0;
  position: static;
  top: 0;
  -webkit-box-shadow: 0 0 0;
  -moz-box-shadow: 0 0 0;
  box-shadow: 0 0 0; }

.slideSign {
  backgroundcolor: #666; }

.subnavcaption {
  font-family: georgia, arial;
  font-style: bold;
  text-transform: uppercase;
  font-style: italic;
  font-size: .8em;
  color: #ad9371; }

.subnavcaption:hover {
  text-decoration: underline; }

table.productPrice {
  display: block;
  clear: both; }

/* Product */
table.productPrice, table.productPrice td {
  background: none;
  border: 0px none;
  color: #999;
  vertical-align: middle;
  width: auto;
  padding: 0px;
  padding-right: 5px;
  margin: 0px;
  margin-bottom: 12px;
  margin-top: 10px;
  font-weight: bold;
  text-transform: uppercase; }

.variant-price {
  display: none; }
  .variant-price:first-child {
    display: table-cell; }

td.dark {
  color: #353535;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px; }

table.productPrice td h2 {
  margin-bottom: 0px;
  margin-top: 0px;
  padding: 0px;
  margin: 0px;
  color: #999; }

h2.productPrice, h3.productPrice {
  margin: 0px; }

.subnav, .subnav-highlight a {
  text-align: left;
  margin-top: 8px;
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  background-color: #666; }

.PDPdescription {
  font-family: tablet-gothic;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.0em; }

/* Normal Buttons ---------------------- */
.button {
  width: auto;
  background: #2b2b2b;
  border: 0px solid #1e728c;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: white;
  display: inline-block;
  font-family: alternate-gothic-no-2-d, Arial, sans-serif;
  font-size: 17px;
  letter-spacing: 0.05em;
  font-weight: bold;
  margin: 0;
  outline: none;
  padding: 13px 20px 10px;
  position: relative;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background-color 0.15s ease-in-out;
  -moz-transition: background-color 0.15s ease-in-out;
  -o-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out;
  text-transform: uppercase; }

.blue {
  background: #1e728c; }

/* Hovers */
/* Sizes */
/* Colors */
/* Radii */
/* Layout */
/* Disabled ---------- */
.button:hover {
  color: white;
  background-color: #ad9371; }

.blue:hover {
  background-color: #175b6f; }

.button:active {
  -webkit-box-shadow: 0 0px 0 rgba(0, 0, 0, 0.2) inset;
  -moz-box-shadow: 0 0px 0 rgba(0, 0, 0, 0.2) inset;
  box-shadow: 0 0px 0 rgba(0, 0, 0, 0.2) inset; }

.button:focus {
  -webkit-box-shadow: 0 0 0px #2ba6cb, 0 0px 0 rgba(255, 255, 255, 0.5) inset;
  -moz-box-shadow: 0 0 0px #2ba6cb, 0 0px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0 0 0px #2ba6cb, 0 0px 0 rgba(255, 255, 255, 0.5) inset;
  color: white; }

.button.large {
  font-size: 17px;
  padding: 15px 50px 15px; }

.button.medium {
  font-size: 14px; }

.button.small {
  font-size: 11px;
  padding: 7px 14px 8px; }

.button.tiny {
  font-size: 10px;
  padding: 5px 10px 6px; }

.button.expand {
  width: 100%;
  text-align: center; }

.button.primary {
  background-color: #2ba6cb;
  border: 1px solid #1e728c; }

.button.primary:hover {
  background-color: #ca3e2a; }

.button.primary:focus {
  -webkit-box-shadow: 0 0 0px #ca3e2a, 0 0px 0 rgba(255, 255, 255, 0.5) inset;
  -moz-box-shadow: 0 0 4px #ca3e2a, 0 0px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0 0 4px #ca3e2a, 0 0px 0 rgba(255, 255, 255, 0.5) inset; }

.button.success {
  background-color: #ca3e2a;
  border: 0px solid #396516; }

.button.success:hover {
  background-color: #ca3e2a; }

.button.success:focus {
  -webkit-box-shadow: 0 0 5px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -moz-box-shadow: 0 0 5px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0 0 5px #5da423, 0 1px 0 rgba(255, 255, 255, 0.5) inset; }

.button.alert {
  background-color: #c60f13;
  border: 1px solid #7f0a0c; }

.button.alert:hover {
  background-color: #ca3e2a; }

.button.alert:focus {
  -webkit-box-shadow: 0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -moz-box-shadow: 0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0 0 4px #c60f13, 0 1px 0 rgba(255, 255, 255, 0.5) inset; }

.button.secondary {
  background-color: #fff;
  color: #1d1d1d;
  border: 0px solid #c3c3c3; }

.button.secondary:hover {
  background-color: #e9e9e9; }

.button.secondary:focus {
  -webkit-box-shadow: 0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -moz-box-shadow: 0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0 0 5px #e9e9e9, 0 1px 0 rgba(255, 255, 255, 0.5) inset; }

.button.radius {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px; }

.button.round {
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  -ms-border-radius: 1000px;
  -o-border-radius: 1000px;
  border-radius: 1000px; }

.button.full-width {
  width: 100%;
  text-align: center;
  padding-left: 0px !important;
  padding-right: 0px !important; }

.button.left-align {
  text-align: left;
  text-indent: 12px; }

.button.disabled, .button[disabled] {
  opacity: 0.6;
  cursor: default;
  background: #999999;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  ox-shadow: none; }

.button.disabled :hover, .button[disabled] :hover {
  background: #2ba6cb; }

.button.disabled.success, .button[disabled].success {
  background-color: #5da423; }

.button.disabled.success:hover, .button[disabled].success:hover {
  background-color: #5da423; }

.button.disabled.alert, .button[disabled].alert {
  background-color: #c60f13; }

.button.disabled.alert:hover, .button[disabled].alert:hover {
  background-color: #c60f13; }

.button.disabled.secondary, .button[disabled].secondary {
  background-color: #e9e9e9; }

.button.disabled.secondary:hover, .button[disabled].secondary:hover {
  background-color: #e9e9e9; }

#product-photo-thumbs, #product-photo-thumbs-modal {
  list-style-type: none; }

#product-photo-thumbs1, #product-photo-thumbs2, #product-photo-thumbs3, #product-photo-thumbs4 {
  list-style-type: none; }

.productTitle {
  margin-top: 0px;
  margin-bottom: 4px;
  padding-right: 70px; }

/* Text Selection */
/* Mozilla based browsers */
/*
::-moz-selection {
       background-color: #ad9371;
       color: #ececec;
}
*/
/* Works in Safari */
/*
::selection {
       background-color: #ad9371;
       color: #ececec;
}

*/
textarea {
  height: auto; }

form.custom div.custom.dropdown {
  display: block;
  position: relative;
  width: auto;
  height: 28px;
  margin-bottom: 9px;
  margin-top: 2px;
  margin: 0 auto; }

.headline, .subHeadline {
  text-transform: uppercase;
  font-weight: normal; }

div.collection div.overlay {
  background-color: #242424;
  background: rgba(30, 30, 30, 0.95);
  height: 220px;
  width: 100%;
  padding: 22px;
  padding-bottom: 5px;
  display: block;
  z-index: 5;
  text-align: left;
  position: absolute;
  bottom: -220px;
  left: 0px;
  padding-top: 0px;
  -webkit-transition: bottom 0.25s ease-in-out 0s;
  -moz-transition: bottom 0.25s ease-in-out 0s;
  -o-transition: bottom 0.25s ease-in-out 0s;
  transition: bottom 0.25s ease-in-out 0s; }

div.collection:hover div.overlay {
  -webkit-transition-delay: .2s;
  -moz-transition-delay: .2s;
  -ms-transition-delay: .2s;
  -o-transition-delay: .2s;
  -transition-delay: .2s;
  bottom: 0px;
  visibility: visible; }

div.collection:hover div.noVariant {
  bottom: -100px; }

div.collection div.soldout {
  bottom: -135px;
  background: rgba(30, 30, 30, 0.95);
  -webkit-transition: background 0.25s ease-in-out 0s;
  -moz-transition: background 0.25s ease-in-out 0s;
  -o-transition: background 0.25s ease-in-out 0s;
  transition: background 0.25s ease-in-out 0s; }

div.collection div.multi {
  bottom: -135px;
  background: rgba(30, 30, 30, 0.95);
  -webkit-transition: all 0.25s ease-in-out 0s;
  -moz-transition: all 0.25s ease-in-out 0s;
  -o-transition: all 0.25s ease-in-out 0s;
  transition: all 0.25s ease-in-out 0s; }

div.collection div.soldout p {
  margin-top: 12px;
  color: #949494;
  font-size: 1.3rem; }

span.soldoutHeader {
  font-weight: bold;
  font-style: italic;
  /* color: #242424; */
  color: #f0f0f0;
  -webkit-transition: all 0.25s ease-in-out 0s;
  -moz-transition: all 0.25s ease-in-out 0s;
  -o-transition: all 0.25s ease-in-out 0s;
  transition: all 0.25s ease-in-out 0s; }

div.collection:hover div.soldout span.soldoutHeader {
  color: #f0f0f0;
  font-size: 1.3rem; }

div.collection:hover div.soldout {
  bottom: -135px;
  background: rgba(30, 30, 30, 0.95); }

div.collection:hover div.multi {
  bottom: 0px;
  background: rgba(30, 30, 30, 0.95); }

div.collection {
  position: relative;
  z-index: 2;
  overflow: hidden;
  /* For max height
    display: table-cell;
    vertical-align: middle;
    */ }

li.singleproduct p {
  /* display: none; */ }

div.collection img {
  /* display: none;  */ }

div.collection .ui-button-text-only .ui-button-text {
  width: 40px; }

div.collection .ui-widget {
  font-size: .9em; }

div.fullWidth {
  width: 100% !important;
  margin-right: auto;
  margin-left: auto;
  max-width: initial; }

.C1wrapper {
  position: relative;
  overflow: hidden;
  height: 0px;
  padding-bottom: 32.14285714%;
  margin-right: 0px;
  margin-left: 0px; }

.C1banner {
  text-align: center;
  margin-bottom: 0px;
  height: 450px;
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100%;
  margin-right: 0px !important;
  margin-left: 0px !important;
  padding-bottom: 32.14285714%; }

.C2wrapper {
  position: relative;
  overflow: hidden;
  height: 0px;
  padding-bottom: 17.9%;
  margin-right: 0px;
  margin-left: 0px; }

.C2banner {
  text-align: center;
  margin-bottom: 0px;
  height: 250px;
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100%;
  margin-right: 0px !important;
  margin-left: 0px !important;
  padding-bottom: 17.9%; }

.H1wrapper {
  position: relative;
  overflow: hidden;
  height: 0px;
  margin-right: 0px;
  margin-left: 0px;
  padding-bottom: 55%; }

.H1banner {
  text-align: center;
  margin-bottom: 0px;
  background-position: top !important;
  background-repeat: no-repeat !important;
  background-size: 100%;
  background-position: top;
  background-repeat: no-repeat;
  margin-right: 0px !important;
  margin-left: 0px !important;
  padding-bottom: 55%; }

.H1wrapper2 {
  position: relative;
  overflow: hidden;
  height: 0px;
  margin-right: 0px;
  margin-left: 0px;
  padding-bottom: 55%; }

.H1banner2 {
  text-align: center;
  margin-bottom: 0px;
  background-position: top !important;
  background-repeat: no-repeat !important;
  background-size: 100%;
  background-position: top;
  background-repeat: no-repeat;
  margin-right: 0px !important;
  margin-left: 0px !important;
  padding-bottom: 55%; }

.block-grid.three-up > li {
  padding: 0 0 12px; }

.modalLabel, .modalLabel:first-child {
  margin-top: 12px; }

.label {
  padding: 1px 4px 2px;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  text-decoration: none;
  line-height: 1;
  white-space: nowrap;
  display: inline;
  position: relative;
  bottom: 1px;
  color: #fff;
  background: #666666; }

a.collectionText {
  font-family: georgia;
  color: #242424;
  font-size: 1em;
  font-weight: normal;
  text-align: left; }

a.collectionText:hover {
  color: #ad9371; }

.collectionText.headline {
  font-family: tablet-gothic;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.0em; }

.collectionText.vendor {
  font-style: italic;
  text-transform: none;
  font-size: 0.9em;
  letter-spacing: 0.05em;
  color: #666666; }

.collectionText.price {
  font-family: tablet-gothic;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 1.0em; }

.barcode {
  display: none; }

.show-barcodes {
  color: #ad9371;
  text-transform: uppercase; }

table.cart, table.sizeChart {
  border-collapse: collapse;
  width: 100%;
  background: none;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  margin: 0 0 18px;
  border: 0px solid #ddd; }

table.cart thead, table tfoot {
  background: none; }

table.cart thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td {
  font-size: 12px;
  line-height: 18px;
  text-align: left; }

table.cart thead tr th, table tfoot tr td {
  padding: 0px 10px 4px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase; }

table tfoot tr td {
  text-transform: none;
  font-size: 20px;
  padding-top: 22px; }

table.cart tbody tr.even, table tbody tr.alt {
  background: none; }

table.cart tbody tr:nth-child(even) {
  background: none; }

table.cart tbody tr td {
  padding: 9px 10px;
  vertical-align: top;
  border: none; }

table.cart tbody tr.product {
  padding-bottom: 12px;
  border-bottom: solid 1px #dddddd; }

table.sizeChart thead, table tfoot {
  background: none; }

table.sizeChart thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td {
  font-size: 12px;
  line-height: 18px;
  text-align: left; }

table.sizeChart thead tr th, table tfoot tr td {
  padding: 0px 10px 4px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase; }

table.sizeChart tbody tr.even, table tbody tr.alt {
  background: none; }

table.sizeChart tbody tr:nth-child(even) {
  background: none; }

table.sizeChart tbody tr td {
  padding: 9px 10px;
  vertical-align: top;
  border: none; }

table.sizeChart tbody tr.product {
  padding-bottom: 12px;
  border-bottom: solid 1px #dddddd86; }

ul li ul.navCollege, ul li ol.navCollege a {
  font-size: 0.9em;
  font-weight: 700;
  margin-left: 0px; }

@media only screen and (min-width: 481px) {
  .nav-wrapper {
    margin-left: 5px;
    margin-right: 5px; }

  .centerBlock {
    text-align: center; }

  ul.flyout li a, .nav-bar li ul li a {
    font-size: 1.1em; }

  .nav-bar > li.has-flyout > a:first-child {
    padding-left: 0px !important; }

  .nav-bar > li > a:first-child {
    padding-right: 18px;
    padding-left: 0px !important; }

  .reveal-modal.product {
    height: 100%;
    width: 100% !important; } }
@media only screen and (max-width: 767px) {
  .indexMainBlock {
    height: 180px !important; }

  .indexMainBlock .eight, .indexMainBlock .six {
    margin-top: 15px !important; }

  .indexMainBlock h1, .indexSecondBlockBG h1 {
    font-size: 2.4em !important;
    padding-top: 8px !important; }

  .indexMainBlock p, .indexSecondBlockBG p {
    font-size: 1.1em !important; }

  .indexSecondBlock {
    height: 180px !important; }

  .indexSecondBlock .twelve, .indexSecondBlock .six {
    margin-top: 15px !important; }

  .indexSecondBlockBG {
    height: 180px !important; }

  .indexSecondBlockBG .eight {
    padding: 8px !important; }

  .indexSecondBlockBG h1 {
    font-size: 3.0em !important;
    padding-top: 8px !important; }

  .top-bar {
    margin-bottom: 0;
    overflow: hidden;
    /* Override contain to grid stuff for breakpoint */
    /* Setting up the sliding area */
    /* When the Small Nav is Showing */ }

  .top-bar .js-generated {
    display: block; }

  .contain-to-grid .top-bar {
    width: auto; }

  .top-bar section {
    left: 0;
    position: relative;
    width: auto;
    -webkit-transition: left 300ms;
    -moz-transition: left 300ms;
    -o-transition: left 300ms;
    transition: left 300ms; }

  .top-bar ul {
    width: 100%;
    min-height: 100%;
    height: 100%;
    margin-bottom: 0;
    display: block; }

  .top-bar ul li {
    float: none;
    /* Branding and name */
    /* Dropdown Toggle */
    /* Divider for breakpoint */
    /* Search Overrides for breakpoint size */
    /* Dropdown Level 1 */
    /* Dropdown Level 2 */ }

  .top-bar ul li.active, .top-bar ul li:hover {
    background: #090909; }

  .top-bar ul li.name {
    background: black; }

  .top-bar ul li.name h1 {
    line-height: 1; }

  .top-bar ul li.name h1 a {
    padding-left: 22.5px; }

  .top-bar ul li.search form input[type=text] {
    width: auto;
    /* margin-left: 110px; */ }

  h1 {
    font-size: 30px;
    margin-bottom: 0px; }

  h2 {
    font-size: 26px;
    margin-bottom: 0px; }

  h3 {
    font-size: 18px;
    margin-bottom: 0px; }

  div.collection div.overlay {
    display: none; }

  .top-bar ul li.toggle-topbar a {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: solid 8px;
    border-color: #ececec transparent transparent transparent;
    padding: 0;
    position: absolute;
    top: 50%;
    right: 22.5px;
    margin-top: -4px; }

  .column, .columns {
    padding: 0 12px; }

  .block-grid.three-up > li {
    padding: 0px; }

  form.custom ul {
    padding-top: 4px;
    padding-bottom: 4px; }

  .toggle-menuicon {
    display: block; } }
/* Reveal Modals ---------------------- */
.reveal-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #000;
  background: rgba(0, 0, 0, 0.98);
  z-index: 99;
  display: none;
  top: 0;
  left: 0; }

.ts-reveal {
  background: #ffffff;
  top: 10px;
  left: 50%;
  margin-left: -260px;
  width: 520px;
  padding: 30px;
  -webkit-box-shadow: 0 0 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 0px rgba(0, 0, 0, 0.4); }

.reveal-modal2 {
  visibility: hidden;
  display: none;
  top: 10px;
  left: 50%;
  margin-left: -225px;
  width: 450px;
  position: absolute;
  z-index: 1999;
  padding: 30px;
  -webkit-box-shadow: 0 0 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 0px rgba(0, 0, 0, 0.4); }

.reveal-modal2 .close-reveal-modal2 {
  font-size: 20px;
  font-size: 2.0rem;
  line-height: .5;
  position: absolute;
  top: 28px;
  right: 26px;
  text-shadow: 0 0px 0px rgba(0, 0, 0, 0.6);
  font-weight: bold;
  cursor: pointer; }

.ts-reveal *:first-child {
  margin-top: 0; }

.ts-reveal *:last-child {
  margin-bottom: 0; }

.close-reveal-modal {
  font-size: 20px;
  font-size: 2.0rem;
  line-height: .5;
  position: absolute;
  top: 28px;
  right: 26px;
  text-shadow: 0 0px 0px rgba(0, 0, 0, 0.6);
  font-weight: bold;
  cursor: pointer;
  z-index: 1; }

.reveal-modal.small {
  width: 30%;
  margin-left: -15%; }

.reveal-modal.medium {
  width: 40%;
  margin-left: -20%; }

.reveal-modal.large {
  width: 60%;
  margin-left: -30%; }

.reveal-modal.xlarge {
  width: 70%;
  margin-left: -35%; }

.reveal-modal.expand {
  width: 90%;
  margin-left: -45%; }

.reveal-modal .row {
  min-width: 0;
  margin-bottom: 10px; }

.reveal-modal.cart {
  width: 940px;
  max-width: 940px;
  margin-left: -470px; }

.reveal-modal.help {
  width: 766px;
  max-width: 766px;
  margin-left: -383px; }

reveal-modal.signin {
  width: 520px;
  max-width: 520px;
  margin-left: -260px; }

.reveal-modal.product {
  width: 100%;
  max-width: 100%;
  margin-left: -50%;
  height: 100%; }

div#paypal {
  float: right; }

div#verisign {
  width: 90%;
  margin-bottom: 8px; }

@media only screen and (max-width: 940px) {
  .reveal-modal.cart {
    width: 100%;
    margin-left: -50%; } }
@media only screen and (max-width: 767px) {
  .reveal-modal.help, .reveal-modal.product {
    width: 100% !important;
    margin-left: -50% !important; }

  td#orderTotal {
    text-align: left; }

  div#paypal {
    float: left; }

  div#verisign {
    width: 100%; }

  .row .mobile-two {
    padding: 0 6px; }

  input.login {
    width: 100% !important; } }
/* Hiding the drop-downs. */
.product-variants, .selector-wrapper {
  display: none; }

/* Style the swatches */
li.singleproduct #swatches {
  margin: 0 0 0 0px; }

.swatch {
  margin: 15px 0; }

li.singleproduct .swatch {
  margin: 8px 0; }

.swatch ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-weight: bold; }

.swatch li {
  /* Rounded corners */
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  /* Cross-browser inline-block */
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  /* Content must stretch all the way to borders */
  padding: 0;
  /* Background color */
  background-color: #ffffff;
  /* Spacing between buttons */
  margin: 0px 4px 8px 0;
  /* Fake that those are buttons, i.e. clicky */
  cursor: pointer;
  /* The border when the button is not selected */
  border: #545454 1px solid !important;
  /* To position the sold out graphic and tooltip */
  position: relative;
  /* Text styling */
  text-transform: uppercase;
  font-size: 10px;
  color: #666666; }

.swatch li:hover {
  background-color: #e0e0e0; }

/* Styles for the text or color container within the swatch button */
.swatch li span {
  display: block;
  width: 50px;
  margin-top: 4px;
  margin-bottom: 4px;
  text-align: center;
  margin-left: 0px;
  margin-right: 0px;
  font-family: arial; }

li.singleproduct .swatch li span {
  display: block;
  width: 50px;
  margin-top: 4px;
  margin-bottom: 4px;
  text-align: center;
  margin-left: 0px;
  margin-right: 0px; }

/* Special styles for color swatches */
/* They don't contain text so they need to have a width and height */
.swatch li.color {
  width: 65px;
  height: 30px; }

/* The container of the image/color must be as big as its container */
.swatch li.color span {
  width: 100%;
  height: 100%;
  margin: 0; }

/* Styling sold out options */
/* That's the image with the cross in it */
.crossed-out {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0; }

.swatch li .crossed-out {
  display: none; }

/* Styling selected swatch */
/* Darker border and slightly raised */
.swatch li.selected {
  border: white 1px solid !important;
  background-color: #222222;
  color: white; }

#cartLink:hover span.arrow_box:after {
  border-right-color: #ad9371; }

#cartLink:hover span.cartNavCount {
  background-color: #ad9371; }

.modalLabel, .modalLabel:first-child {
  margin-top: 12px; }

ul.shareLinks li {
  list-style: none;
  float: left;
  padding-right: 5px;
  margin-bottom: 12px; }

.fancyShare {
  width: 90px; }

.pinterestShare {
  width: 65px; }

.twitterShare {
  width: 65px; }

ul.womenFlyout:hover {
  /* display:none; */
  background-color: blue;
  color: blue; }

dl.sub-nav {
  /* text-transform: uppercase; */ }

li.sub-nav dd.active a {
  background-color: #999;
  text-decoration: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px; }

dl.sub-nav dt {
  color: #666; }

dl.sub-nav dt, dl.sub-nav dd {
  font-size: .85em;
  font-weight: bold; }

li.product-photo-thumb {
  border: 1px #e1e1e1 solid;
  opacity: .7;
  padding: 5px;
  margin-bottom: 15px;
  margin-top: 10px;
  margin-right: 10px;
  width: 60px; }

li.product-photo-thumb2 {
  /* border: 1px #e1e1e1 solid; */
  border-radius: 2px;
  opacity: .7;
  margin-bottom: 6px;
  width: 40px;
  float: left;
  margin-right: 20px; }

.block-grid.three-up:first-child {
  margin-right: 0px; }

.footer > li > a {
  color: #999999;
  font-size: 10px; }

.footerheader {
  font-size: 12px;
  font-family: georgia;
  font-style: italic; }

.footerlink {
  color: #666;
  font-size: 9px;
  letter-spacing: .1em;
  font-family: Verdana;
  text-transform: uppercase;
  list-style-type: none;
  padding-bottom: 10px; }

a.footerlink:hover {
  text-decoration: underline;
  color: #666; }

.footersocial {
  color: #666;
  font-size: 14px;
  list-style-type: none;
  padding-bottom: 10px; }

.social > li > a {
  color: #000000;
  font-size: 2em !important; }

ol.pages > li {
  margin-bottom: 18px; }

.button.secondary {
  background-color: #d2d2d2;
  color: #090909; }

.button.secondary:hover {
  background-color: #ad9371; }

tr.contactUs {
  border-top: 1px solid #333; }

td.righty {
  text-align: right;
  width: 35%; }

#directions_text #direction_destination .name, .addresses li a .name {
  color: #999999; }

#directions_text #direction_destination, .addresses li {
  background-image: url("/apps/store-locator/markers/map-pin-orange2.png"); }

/*#col-main {width:90%;max-width:67em;margin:0 auto;color:#fff;}*/
#directions_steps .directions_instructions {
  color: #eee; }

#directions_steps .directions_step_id {
  color: #888; }

#directions_text #direction_destination {
  color: #EEE; }

.search_bar {
  background-color: #ffffff; }

.addresses li a span {
  color: #EEE; }

#store_map {
  color: #333; }

a.socialLinks:hover {
  color: #666666; }

div.orbit-wrapper div.slider-nav span.right {
  width: 78px;
  height: 100px;
  right: 0;
  opacity: .0;
  background: url("//cdn.shopify.com/s/files/1/0186/1574/t/193/assets/right-arrow.png?26288"); }

div.orbit-wrapper div.slider-nav span.left {
  width: 78px;
  height: 100px;
  left: 0;
  opacity: .0;
  background: url("//cdn.shopify.com/s/files/1/0186/1574/t/193/assets/left-arrow.png?26288"); }

div.orbit-wrapper:hover div.slider-nav span.right, div.orbit-wrapper:hover div.slider-nav span.left {
  opacity: .5; }

ul.vcard {
  border: 1px solid #353535; }

div.alert-box {
  display: block;
  padding: 6px 7px 7px;
  font-weight: bold;
  font-size: 14px;
  color: white;
  background-color: #0385b0;
  border: 0px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 12px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  text-shadow: 0 0px rgba(0, 0, 0, 0.3);
  position: relative; }

span.salePrice {
  color: #ad9371; }

.orbit-wrapper .slider-nav span {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 400ms;
  -moz-transition: opacity 400ms;
  -o-transition: opacity 400ms;
  transition: opacity 400ms; }

.orbit-wrapper:hover .slider-nav span {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1; }

img.press {
  /*
	opacity: .8;
	-webkit-transition: bottom 1.2s ease-in-out 0s;
	-moz-transition: bottom 1.2s ease-in-out 0s;
	-o-transition: bottom 1.2s ease-in-out 0s;
	transition: bottom 1.2s ease-in-out 0s;
*/ }

img.press:hover {
  /* 	opacity: 1; */ }

#pagination {
  font-size: 1.4em; }

.swipe {
  padding-bottom: 20px; }

.swipe li {
  margin: 0 10px;
  padding: 0px 0px;
  font-weight: bold;
  color: #fff;
  font-size: 20px;
  text-align: center; }

.strong {
  font-weight: bold; }

#blog_article_title, #blog_body p, #blog_list li {
  font-family: Georgia, Times, serif;
  color: #242424; }

#blog_list li {
  list-style-type: none;
  font-size: 2.0rem;
  margin-bottom: 16px; }

#blog_article_title {
  font-size: 3.0rem;
  line-height: 3.8rem;
  /*
text-transform: uppercase;
	text-align: center;
*/ }

#blog_article_title a {
  color: #242424; }

#blog_body p {
  font-size: 2.0rem; }

#blog_body_list p, #blog_body_list a.blog_body {
  font-family: Georgia, Times, serif;
  font-size: 1.5rem;
  text-align: left; }

#blog_body_list p {
  color: #242424; }

#blog_body_list a.blog_body {
  text-transform: uppercase; }

#blog_body img {
  margin-bottom: 0px; }

p.blog_date {
  font-size: 1.4rem !important;
  margin-top: -15px;
  color: #242424;
  /* text-align: center !important; */
  font-family: Georgia, Times, serif; }

a.blog_body {
  text-align: center; }

p.blog_author {
  font-size: 1.9rem;
  color: #242424;
  text-align: center;
  font-family: Georgia, Times, serif; }

img.blog_logo {
  margin-bottom: 6px;
  margin-top: 46px; }

#sharing {
  float: left;
  margin: 0px 33% 0 33%; }

#blogShare .box a, p.blog_comment_header, h2.sidebar {
  color: #242424;
  font-family: Georgia, serif, Times;
  text-transform: uppercase;
  font-size: 16px; }

ul.sidebar, p.blogSidebar {
  list-style: none;
  font-family: Georgia, serif, Times;
  font-size: 0.9em;
  font-weight: bold; }

p.blogSidebar {
  color: #242424;
  margin-bottom: 0px; }

hr.sidebar {
  margin-top: 6px;
  margin-bottom: 6px; }

p.blogSidebar {
  font-weight: normal;
  font-size: 0.8em; }

#sampleSaleShare .box a {
  font-family: Georgia, serif, Times;
  text-transform: uppercase;
  font-size: 16px; }

#blogShare .box a:hover {
  text-decoration: none; }

#blogShare .count {
  font-weight: bold;
  font-size: 16px;
  border-right: 1px solid #242424;
  line-height: 40px;
  padding-right: 10px;
  display: none; }

#blogShare .share {
  margin-left: 10px;
  font-size: 16px;
  width: 82px; }

#blogShare .buttons {
  position: relative;
  width: 100%;
  background-color: #fff;
  border: 0px solid rgba(0, 0, 0, 0.2);
  padding: 10px;
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1); }

#blogShare .button {
  /* float:left; */
  max-width: 50px;
  margin: 0 10px 0 0;
  background: #fff;
  color: #242424;
  padding: 0px; }

#blogShare .facebook {
  margin: 0 6px 0 0; }

#sampleSaleShare .buttons {
  position: relative;
  width: 100%;
  background-color: none;
  border: 0px solid rgba(0, 0, 0, 0.2);
  padding: 10px;
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1); }

#sampleSaleShare .button {
  /* float:left; */
  max-width: 50px;
  margin: 0 10px 0 0;
  background: none;
  color: #242424;
  padding: 0px; }

#sampleSaleShare a.count {
  display: none; }

table tbody tr:nth-child(even) {
  background: none; }

.nav-bar > li > a.footer {
  font-size: 0.9em; }

.scrollup {
  background-color: #eaeaea;
  opacity: 0.9;
  position: fixed;
  bottom: 50px;
  right: 20px;
  display: none;
  padding: 16px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  color: #242424;
  font-weight: bold;
  font-size: .8em;
  z-index: 5; }

.scrollup:hover {
  background-color: #f6f6f6;
  color: #242424; }

.indexImage {
  padding-bottom: 20px; }

.iframe-rwd {
  position: relative;
  padding-bottom: 65.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden; }

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

.catsubhead {
  text-transform: uppercase;
  font-size: 13px;
  color: #666;
  letter-spacing: .05em;
  font-family: georgia;
  font-style: italic;
  margin-bottom: 0px;
  margin-top: 50px;
  padding-top: 10px;
  padding-left: 10px;
  padding-bottom: 5px;
  text-align: left; }

.flex-video {
  margin-bottom: -80px; }

@media only screen and (max-width: 767px) {
  .flex-video {
    margin-bottom: -40px; }

  #product-photo-container {
    margin-bottom: 12px; }

  .championLanding {
    margin-top: 10px;
    margin-bottom: 10px;
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    background-image: none;
    background-repeat: no-repeat;
    background-position: center center; }

  p.blog_date {
    margin-top: 0px; }

  .indexImage {
    padding-bottom: 0px; }

  .reveal-modal {
    top: 10px;
    left: 0%;
    margin-left: 0px;
    width: 100%; }

  .reveal-modal.help, .reveal-modal.product {
    width: 100% !important;
    margin-left: 0px !important;
    padding: 12px;
    padding-left: 2px;
    padding-right: 2px; }

  table.sizeChart tbody tr td, table.sizeChart thead tr th, table tfoot tr td {
    padding: 9px 0px; } }
h2.category {
  font-family: georgia, courier new, times, serif;
  font-size: 1.8em;
  font-weight: normal;
  margin-bottom: 18px;
  color: #999; }

ul.tabs li.is-active {
  border-top: 1px solid #353535;
  margin-top: -1px; }

ul.tabs li {
  float: left; }

ul.tabs li a {
  color: #6f6f6f;
  display: block;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  padding: 0px 23.8px; }

ul.tabs li.is-active a {
  color: #fff;
  background-color: #353535;
  border-left: none;
  border-right: none; }

ul.tabs {
  border-bottom: solid 1px #353535;
  list-style-type: none;
  height: 40px;
  margin-left: 0px; }

.tabs-panel {
  display: none; }

.tabs-panel.is-active {
  display: block; }

table.sizeChart tr:hover td {
  background-color: #e0e0e0; }

/* Gift container */
#gift-card-outer-container {
  border-radius: 4px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
  padding: 1em; }

#gift-card-inner-container {
  background-color: #fff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  border-radius: 2px; }

/* Header */
#gift-card-header .tag {
  float: right; }

/* To/From */
#gift-card-tofrom {
  list-style-type: none;
  padding: 1em .75em 0;
  margin: 0; }

#gift-card-tofrom li {
  padding: .5em 0; }
  #gift-card-tofrom li:after {
    content: "";
    display: table;
    clear: both; }

#gift-card-tofrom h4 {
  float: left;
  width: 5em; }

#gift-card-tofrom a {
  float: left;
  font-weight: 600;
  color: #58686f; }
  #gift-card-tofrom a:hover {
    color: #34aadc; }

/* Card holder */
#gift-card-holder {
  margin: .75em;
  margin-top: .35em;
  position: relative; }

#gift-card {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative; }
  #gift-card:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    z-index: 1;
    pointer-events: none;
    user-select: none;
    display: block; }

#gift-card img {
  border-radius: 10px; }

#gift-card-code-outer {
  position: absolute;
  bottom: 1em;
  text-align: center;
  width: 100%; }
  #gift-card-code-outer.medium {
    font-size: .875em; }
  #gift-card-code-outer.small {
    font-size: .75em; }

#gift-card-code-inner {
  margin: 1em;
  color: #242424;
  padding: .5em;
  border-radius: 4px;
  background-color: #EBEBEB; }

#gift-card-code-inner strong {
  font-weight: 400;
  font-size: 1.875em;
  text-transform: uppercase;
  padding: .4em .5em;
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  *display: inline;
  *vertical-align: auto;
  line-height: 1; }

#gift-card-amount {
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
  font-size: 2.55em;
  padding: .4em .5em; }

#gift-card-amount.medium {
  font-size: 2.25em; }

#gift-card-amount strong {
  display: block; }

#gift-card-amount .tooltip-label {
  font-size: .4em;
  color: #fff; }

#gift-card-amount .tooltip-label small {
  text-transform: uppercase;
  letter-spacing: .1em;
  color: #b3b3b3;
  font-size: .875em; }

#gift-card-instructions {
  font-size: .875em;
  text-align: center;
  color: #999;
  margin: 0 .75em 1.5em; }

/* Actions */
#gift-card-actions {
  padding: 1.25em .75em;
  padding-top: 0em;
  text-align: center;
  position: relative;
  display: block;
  overflow: hidden; }

/*
========================================================================================

PRINT STYLES

---------------------------------------------------------------------------------------- */
@media print {
  body {
    background-color: #fff;
    color: #000; }

  #gift-card-actions, #gift-card-holder .corner, .tooltip-container {
    display: none; }

  #gift-card-code-inner strong {
    color: #555; }

  #gift-card-amount .tooltip {
    color: #fff !important; }

  @page {
    margin: 0.5cm; }

  p, h2, h3 {
    orphans: 3;
    widows: 3; }

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

  #gift-card-outer-container, #gift-card-inner-container {
    box-shadow: none; } }
.modal-holder {
  position: absolute;
  right: 0;
  top: 170px;
  width: 50%;
  padding: 40px; }

.modal-holder input[type="email"],
.modal-holder p {
  font-family: arial;
  font-style: normal;
  font-weight: normal;
  color: #000000;
  font-size: 110%; }

.modal-holder p {
  margin-bottom: 50px; }

.modal-holder .is-hidden {
  display: none; }

.modal-holder .mail-results {
  padding: 0;
  margin: 0;
  display: block;
  position: relative;
  top: 20px;
  font-weight: bold; }

.modal-holder .mail-results.error {
  color: darkred; }

.modal-holder2 {
  position: relative;
  width: 100%;
  padding: 20px; }

.modal-holder2 input[type="email"],
.modal-holder2 p {
  font-family: arial;
  font-style: normal;
  font-weight: normal;
  color: #000000;
  font-size: 110%; }

.modal-holder2 p {
  margin-bottom: 50px; }

.modal-holder2 .is-hidden {
  display: none; }

.modal-holder2 .mail-results {
  padding: 0;
  margin: 0;
  display: block;
  position: relative;
  top: 20px;
  font-weight: bold; }

.modal-holder2 .mail-results.error {
  color: darkred; }

.last {
  border-right: 0px; }

.client-body {
  text-transform: uppercase;
  font-size: 12px;
  line-height: 2;
  letter-spacing: .1em;
  margin-top: 5px; }

h1.client {
  padding-bottom: 0px; }

.container_client {
  width: 100%;
  position: relative; }

.image_client {
  width: 100%; }

#text_client {
  z-index: 100;
  text-align: center;
  position: relative;
  color: black;
  width: 60%;
  height: 100px;
  bottom: 100px;
  margin: auto;
  background-color: white;
  padding: 10px 30px 120px 30px; }

@media only screen and (max-width: 767px) {
  #text_client {
    height: 50px;
    width: 100%;
    bottom: 0px;
    margin: auto;
    background-color: white; } }
.copy-body {
  font-size: 14px;
  font-family: georgia, times new roman;
  font-style: italic;
  line-height: 1.6;
  letter-spacing: .1em;
  margin-top: 5px; }

.copy-body2 {
  font-size: 16px;
  font-family: georgia, times new roman;
  font-style: normal;
  line-height: 1.6;
  padding-top: 40px; }

.copy-body3 {
  text-align: justify;
  font-size: 16px;
  font-family: georgia, times new roman;
  font-style: normal;
  line-height: 1.6;
  padding-top: 40px;
  padding-left: 40px;
  padding-right: 40px; }

h1.client {
  padding-bottom: 0px; }

.container_client {
  width: 100%;
  position: relative; }

.image_client {
  width: 100%; }

#text_client {
  z-index: 100;
  text-align: center;
  position: relative;
  color: black;
  width: 60%;
  height: 100px;
  bottom: 100px;
  margin: auto;
  background-color: white;
  padding: 10px 30px 120px 30px; }

#text_client2 {
  z-index: 100;
  text-align: center;
  position: relative;
  color: black;
  width: 60%;
  height: 100px;
  bottom: 0px;
  margin: auto;
  background-color: white;
  padding: 10px 30px 120px 30px; }

@media only screen and (max-width: 767px) {
  #text_client {
    height: 50px;
    width: 100%;
    bottom: 0px;
    margin: auto;
    background-color: white; } }
/* Video Banner for Timex */
#video {
  display: block; }

#videoDiv {
  width: 100%;
  position: relative;
  margin-bottom: 55%; }

#videoBlock, #videoMessage, .videoMessage {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0; }

#video {
  width: 100%; }

#videoMessage {
  padding: 0em;
  margin: 0; }

#videoMessage {
  text-align: center; }

.videoClick {
  text-align: center;
  width: 100%; }

.videoClick a {
  font-size: 1.7em;
  cursor: pointer;
  cursor: hand; }

/* Video Banner for Timex */
/* Watch Animation */
* {
  box-sizing: border-box; }

.timex_body {
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center; }

.wrap {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden; }

.clock {
  position: absolute;
  height: auto;
  width: 100%;
  justify-content: center;
  align-items: center; }

.face {
  position: relative;
  height: auto;
  max-width: 225px;
  left: 220px; }

.hour-hand, .min-hand, .sec-hand {
  position: absolute;
  height: auto;
  width: 100%;
  top: 32.5%;
  left: -.25%;
  display: block;
  justify-content: center;
  align-items: center; }

.hour-hand {
  display: block;
  transform-origin: center;
  margin-top: -17px;
  transform-origin: bottom center; }

.min-hand {
  display: block;
  margin-top: -17px; }

.sec-hand {
  z-index: 0;
  display: block;
  transform-origin: center;
  margin-top: -17px; }

.handwrapper {
  width: 25%;
  margin: 0 auto; }

.transition, #cart-flyout {
  -webkit-transition: all 250ms ease-out;
  -moz-transition: all 250ms ease-out;
  -ms-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out; }

h1, h2, h3, h4, h5, h6 {
  font-family: georgia, courier new, sans-serif, times;
  color: #222222 !important;
  text-rendering: optimizeLegibility;
  margin-bottom: 14px;
  margin-top: 14px; }

.h1, .h2, .h3 {
  font-family: "alternate-gothic-no-2-d", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1em; }

.h1 {
  font-size: 34px; }

.h2 {
  font-size: 20px; }

.h3 {
  font-size: 15px; }

.flyout-trigger {
  cursor: pointer; }

.vendor {
  font-style: italic;
  margin-bottom: 0.25em; }
  .vendor + .h2,
  .vendor + .h3 {
    margin-top: 0; }

.reveal:hover .hidden {
  z-index: 3; }

.strike {
  text-decoration: line-through; }

.shopify-preview-bar {
  max-width: 700px !important;
  left: auto !important;
  height: 33px;
  overflow: hidden;
  background-color: transparent !important; }
  .shopify-preview-bar .shopify-preview-bar__title {
    display: none !important; }
  .shopify-preview-bar .shopify-preview-bar__section {
    margin: 0 15px !important; }

#notification-bar {
  background-color: #fff;
  height: 30px;
  z-index: 100;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%; }

@media (min-width: 768px) {
  .body-content {
    padding-top: 110px; } }

body.header-sticky .nav-main-bar {
  position: fixed;
  top: 30px;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 10; }

body.home .body-content {
  padding-top: 0; }
body.home .nav-main-bar {
  background-color: transparent; }
  body.home .nav-main-bar > li > a {
    color: #000; }
  body.home .nav-main-bar .black-logo {
    display: block; }
  body.home .nav-main-bar .white-logo {
    display: none; }
body.home.header-light .body-content {
  padding-top: 0; }
body.home.header-light .nav-main-bar {
  position: fixed;
  top: 30px;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 10; }
  body.home.header-light .nav-main-bar li > a {
    color: #fff; }
  body.home.header-light .nav-main-bar .black-logo {
    display: none; }
  body.home.header-light .nav-main-bar .white-logo {
    display: block; }
body.home.scrolled .nav-main-bar {
  background-color: #fff; }
  body.home.scrolled .nav-main-bar .black-logo {
    display: block; }
  body.home.scrolled .nav-main-bar .white-logo {
    display: none; }
body.home.scrolled .nav-bar > li > a {
  color: #000; }

.container {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto; }

.nav-title {
  color: red !important; }

.mobile-nav {
  max-height: 100vh;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 20vh; }
  .mobile-nav .searchform {
    margin: 1.5rem;
    border: 1px solid #999999;
    line-height: 45px;
    height: 45px;
    position: relative; }
    .mobile-nav .searchform form {
      padding: 0;
      margin: 0; }
    .mobile-nav .searchform input {
      background-color: transparent;
      line-height: 43px;
      height: 47px;
      margin: 0;
      color: #fff;
      font-family: "alternate-gothic-no-2-d", sans-serif;
      font-size: 2.25rem; }
      .mobile-nav .searchform input[type='search'] {
        width: 100%; }
    .mobile-nav .searchform button[type='submit'] {
      background: url("//cdn.shopify.com/s/files/1/0186/1574/t/193/assets/mag.png?26288") no-repeat center center;
      height: 43px;
      width: 45px;
      position: absolute;
      top: 0;
      right: 0;
      border: 0;
      color: #999999;
      font-size: 1.75rem;
      -webkit-appearance: none;
      -moz-appearance: none;
      -ms-appearance: none;
      -o-appearance: none;
      appearance: none; }

.mobile-nav-list {
  font-family: "alternate-gothic-no-2-d",sans-serif;
  margin: 0; }
  .mobile-nav-list li {
    line-height: 1;
    display: block; }
    .mobile-nav-list li:first-child {
      margin-top: 10px; }
  .mobile-nav-list .mobile-nav-list__title {
    padding: 10px 35px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 2em;
    line-height: 1;
    display: block;
    position: relative;
    padding: 15px 50px 15px 15px;
    color: #fff;
    font-size: 3em; }
    .mobile-nav-list .mobile-nav-list__title a {
      display: block; }
    .mobile-nav-list .mobile-nav-list__title i {
      transition: all 0.5s linear;
      visibility: hidden;
      opacity: 0;
      position: absolute;
      right: 15px;
      font-size: 25px;
      top: 20px;
      color: #666666; }

.mobile-nav-list--expanded .mobile-nav-list__title i {
  opacity: 1;
  visibility: visible; }

.mobile-nav-sublist {
  margin: 0;
  transition: max-height 0.5s ease-out;
  max-height: 0px;
  overflow: hidden; }
  .mobile-nav-list--expanded .mobile-nav-sublist {
    display: block;
    max-height: 100%; }
  .mobile-nav-sublist .mobile-nav-sublist__item.menu-label {
    margin-top: 20px; }
    .mobile-nav-sublist .mobile-nav-sublist__item.menu-label:first-child {
      margin-top: 0; }
    .mobile-nav-sublist .mobile-nav-sublist__item.menu-label a {
      color: #555; }
  .mobile-nav-sublist .mobile-nav-sublist__item a {
    padding: 10px 35px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 2em;
    line-height: 1;
    display: block;
    position: relative;
    display: block; }
    .mobile-nav-sublist .mobile-nav-sublist__item a a {
      display: block; }

.white-logo {
  display: none; }

.nav-main-bar {
  -webkit-transition: all 250ms ease-out;
  -moz-transition: all 250ms ease-out;
  -ms-transition: all 250ms ease-out;
  -o-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
  background-color: #fff; }
  .nav-main-bar .nav-bar {
    width: 100%; }
    .nav-main-bar .nav-bar > li {
      display: inline-block;
      float: none; }
      .nav-main-bar .nav-bar > li.has-flyout > a {
        padding-bottom: 30px !important; }
    .nav-main-bar .nav-bar.left {
      text-align: right; }
      .nav-main-bar .nav-bar.left .flyout {
        text-align: left; }
    .nav-main-bar .nav-bar .flyout a {
      line-height: 1.3em; }
    .nav-main-bar .nav-bar .flyout .menu-label {
      background: none;
      font-size: 13px;
      display: inline-block;
      margin-bottom: 5px;
      color: #555; }
    .nav-main-bar .nav-bar .flyout li {
      display: block;
      clear: both; }
  .nav-main-bar .search-results {
    position: absolute;
    z-index: 8;
    left: 0;
    width: 100%; }
    .nav-main-bar .search-results .product {
      background-color: #fff; }
      .nav-main-bar .search-results .product img {
        padding: 0.5rem 2rem; }
    .nav-main-bar .search-results .view-all.title {
      display: block;
      position: relative;
      clear: both;
      float: none;
      padding: 15px;
      text-align: center;
      background-color: black;
      text-transform: uppercase;
      font-family: "alternate-gothic-no-2-d", sans-serif;
      font-size: 1.75rem;
      margin-right: 4px; }
      .nav-main-bar .search-results .view-all.title a {
        display: block;
        width: 100%;
        height: 100%;
        color: #fff; }

#logo {
  display: block;
  margin: 20px 0 0; }

#searchForm {
  position: relative; }

.lemonade-products {
  margin-right: -4px; }
  .lemonade-products .yotpo {
    margin-left: auto;
    margin-right: auto;
    display: inline-block; }
  .lemonade-products .product {
    margin-left: -1px;
    margin-bottom: -1px;
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    position: relative; }
    .lemonade-products .product.promo {
      opacity: 0; }
      .lemonade-products .product.promo.show {
        opacity: 1; }
    .lemonade-products .product img {
      padding: 2rem 5rem; }
      .lemonade-products .product img.hidden {
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0; }
    .lemonade-products .product .details {
      padding-left: 5%;
      padding-right: 5%; }
      .lemonade-products .product .details p {
        margin-bottom: 0.5em; }
      .lemonade-products .product .details .h2,
      .lemonade-products .product .details .h3 {
        text-transform: uppercase; }
      .lemonade-products .product .details.title-pos-right {
        text-align: right; }
      .lemonade-products .product .details.title-pos-left {
        text-align: left; }
    .lemonade-products .product.hero {
      margin: 0 0 -1px -1px; }
      .lemonade-products .product.hero a {
        display: block;
        height: 100%;
        width: 100%; }
      .lemonade-products .product.hero:first-child a {
        padding-top: 36em; }
      .lemonade-products .product.hero .details {
        position: absolute;
        bottom: 15px;
        left: 35px;
        right: 35px;
        padding: 0; }
    .lemonade-products .product.columns:last-child {
      float: left; }
    @media (min-width: 768px) {
      .lemonade-products .product .product .details {
        max-width: 50%; } }
  @media (max-width: 767px) {
    .lemonade-products .product {
      border-right: none; } }

#search-bar {
  display: none; }
  #search-bar .search-input {
    text-align: center;
    height: 50px;
    font-size: 20px;
    font-family: "tablet-gothic", sans-serif; }

#cart-trigger div {
  display: inline; }

#cart-flyout {
  max-width: 400px;
  position: fixed;
  top: 30px;
  right: -400px;
  z-index: 9999;
  background: #fff;
  padding: 2rem;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); }
  #cart-flyout.show {
    right: 0; }
  #cart-flyout .message {
    display: none; }
  #cart-flyout .products {
    overflow-x: hidden;
    overflow-y: scroll; }
  #cart-flyout .cart-item {
    clear: both;
    margin-left: 95px;
    margin-bottom: 1rem;
    position: relative; }
    #cart-flyout .cart-item .image {
      float: left;
      margin-left: -90px; }
  #cart-flyout .title {
    color: #ad9371;
    font-weight: bold; }
  #cart-flyout .summary {
    clear: both;
    text-align: center;
    margin-top: 2rem; }
    #cart-flyout .summary .button {
      font-weight: normal; }
    #cart-flyout .summary .buttons > * {
      width: 100%;
      margin: 0.5rem 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0;
      border-radius: 0; }
  #cart-flyout .qty {
    position: absolute;
    right: 24px;
    bottom: 5px;
    border: 1px solid #e4e4e4;
    height: 24px;
    width: 24px;
    text-align: center;
    line-height: 24px; }
    #cart-flyout .qty input {
      border: 0;
      width: 24px;
      text-align: center; }
    #cart-flyout .qty span {
      position: absolute;
      height: 24px;
      width: 24px;
      border: 1px solid #e4e4e4;
      top: -1px;
      cursor: pointer; }
      #cart-flyout .qty span.down {
        left: -24px; }
      #cart-flyout .qty span.up {
        right: -24px; }
  #cart-flyout.empty .products,
  #cart-flyout.empty .summary {
    display: none; }
  #cart-flyout.empty .message {
    display: block; }
  #cart-flyout #subtotal {
    font-weight: bold;
    font-size: 1.25em;
    text-transform: uppercase; }

#site-footer {
  padding-bottom: 30px;
  background-color: #ededed; }

.product-drawer-warp img {
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out; }
  .product-drawer-warp img.fader {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    filter: alpha(opacity=60);
    -khtml-opacity: .6;
    -moz-opacity: .6;
    opacity: .6; }
.product-drawer-warp .drawer-btn {
  cursor: pointer;
  position: relative;
  top: -43px;
  left: 11px;
  background-color: #fff;
  padding: 9px 12px;
  text-transform: uppercase;
  text-align: center;
  z-index: 9;
  color: #000;
  font-family: "alternate-gothic-no-2-d", sans-serif;
  letter-spacing: 2px; }
.product-drawer-warp .drawer {
  min-height: 200px;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  z-index: 9;
  border: 1px solid #999999;
  overflow-x: hidden; }
  .product-drawer-warp .drawer .drawer-inner {
    position: relative; }
    .product-drawer-warp .drawer .drawer-inner .slick-arrow {
      font-size: 0px;
      position: absolute;
      top: 50%;
      display: block;
      width: 39px;
      height: 50px;
      margin-top: -25px;
      padding: 0;
      cursor: pointer;
      right: 0px;
      background: url("//cdn.shopify.com/s/files/1/0186/1574/t/193/assets/right-arrow.png?26288");
      background-size: 100%;
      z-index: 100; }
      .product-drawer-warp .drawer .drawer-inner .slick-arrow.slick-disabled {
        visibility: hidden; }
    .product-drawer-warp .drawer .drawer-inner .slick-prev {
      right: auto;
      background: url("//cdn.shopify.com/s/files/1/0186/1574/t/193/assets/left-arrow.png?26288");
      background-size: 100%; }
    .product-drawer-warp .drawer .drawer-inner .drawer-product {
      display: inline-block;
      list-style-type: none;
      width: 240px;
      height: auto; }
  .product-drawer-warp .drawer.hidden {
    min-height: 0;
    height: 0;
    border: 0px solid #999999; }
  .product-drawer-warp .drawer img {
    padding: 0px 40px; }
  .product-drawer-warp .drawer .vendor {
    color: #000;
    text-align: center;
    font-style: normal;
    font-family: "tablet-gothic", sans-serif;
    font-size: .9em; }
  .product-drawer-warp .drawer h2 {
    text-align: center;
    font-size: 1em; }
  .product-drawer-warp .drawer a {
    z-index: 9; }

input[type="text"]:focus {
  outline: none;
  border: none;
  box-shadow: none;
  outline-width: 0; }

.nav-hover .flyout.boundingbox {
  display: block; }

#newsletterModal {
  text-align: center; }

#shoplook-modal {
  text-align: left;
  width: 80%; }
  #shoplook-modal .trigger-scroll {
    overflow: scroll;
    height: 450px; }

@media (min-width: 768px) {
  .template-collection .body-content {
    padding-top: 247px; } }
.template-collection .row.full-wide {
  width: 100%; }
.template-collection .empty {
  margin: 6rem 0;
  text-align: center; }

#collection-header {
  text-align: center;
  text-transform: uppercase;
  background: #fff;
  z-index: 5; }
  @media (min-width: 768px) {
    #collection-header {
      position: fixed;
      left: 0;
      right: 0;
      width: 100%;
      top: 110px; } }

#collection-filters {
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  margin-bottom: -1px;
  z-index: 9;
  background: #fff;
  font-family: "alternate-gothic-no-2-d", sans-serif;
  height: 53px;
  font-size: 16px; }
  #collection-filters ul {
    list-style: none;
    margin: 0; }
    #collection-filters ul:after {
      content: "";
      display: table;
      clear: both; }
    #collection-filters ul li {
      max-width: 20%;
      margin-left: 2.5%;
      margin-right: 2.5%;
      display: inline-block;
      float: none;
      text-align: right;
      min-width: 75px; }
  #collection-filters .sort {
    float: right; }
    #collection-filters .sort a {
      color: #222222; }
  #collection-filters .coll-filter {
    position: relative;
    padding: 0 .7rem; }
    #collection-filters .coll-filter:before {
      content: "";
      position: absolute;
      right: -14px;
      top: 20px;
      border-top: 7px solid #000;
      border-right: 5px solid transparent;
      border-bottom: 5px solid transparent;
      border-left: 5px solid transparent; }
    #collection-filters .coll-filter label {
      font-size: 16px;
      margin-bottom: 0;
      line-height: 52px; }
    #collection-filters .coll-filter.open:before {
      top: 17px;
      border-bottom: 7px solid #000;
      border-right: 5px solid transparent;
      border-top: 5px solid transparent;
      border-left: 5px solid transparent; }
  #collection-filters .options {
    position: absolute;
    left: 0;
    z-index: 4;
    background: #f6f6f6;
    display: none;
    border-left: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    width: 120px; }
    #collection-filters .options.count-width-0, #collection-filters .options.count-width-1 {
      width: 140px;
      margin-left: -40px;
      column-count: 1;
      -webkit-column-count: 1;
      -moz-column-count: 1; }
    #collection-filters .options.count-width-2 {
      width: 200px;
      margin-left: -40px;
      column-count: 2;
      -webkit-column-count: 2;
      -moz-column-count: 2; }
    #collection-filters .options.count-width-3, #collection-filters .options.count-width-4, #collection-filters .options.count-width-5, #collection-filters .options.count-width-6, #collection-filters .options.count-width-7 {
      width: 300px;
      margin-left: -40px;
      column-count: 3;
      -webkit-column-count: 3;
      -moz-column-count: 3; }
    #collection-filters .options span {
      display: inline-block;
      text-align: center;
      padding: .9rem .5rem;
      width: 100%;
      cursor: pointer;
      line-height: 18px; }
      #collection-filters .options span.active {
        background: #e6e6e6; }
  #collection-filters .row {
    margin: 0 auto;
    max-width: 992px; }
  @media (max-width: 767px) {
    #collection-filters ul {
      padding: 0 20px; }
      #collection-filters ul li {
        min-width: 35px;
        margin-left: 2%;
        margin-right: 3%; }
        #collection-filters ul li.clear-all {
          margin-left: 20px; } }
  @media (min-width: 768px) {
    #collection-filters ul li {
      max-width: 25%;
      min-width: 130px;
      margin-left: 1rem;
      margin-right: 1rem; }
    #collection-filters .options {
      width: 100%;
      left: 50%; }
      #collection-filters .options.count-width-0, #collection-filters .options.count-width-1 {
        width: 130px;
        left: inherit;
        right: -15px;
        column-count: 1;
        -webkit-column-count: 1;
        -moz-column-count: 1; }
        #collection-filters .options.count-width-0 span, #collection-filters .options.count-width-1 span {
          text-align: right; }
      #collection-filters .options.count-width-2 {
        width: 200px;
        margin-left: -100px;
        column-count: 2;
        -webkit-column-count: 2;
        -moz-column-count: 2; }
      #collection-filters .options.count-width-3 {
        width: 300px;
        margin-left: -150px;
        column-count: 3;
        -webkit-column-count: 3;
        -moz-column-count: 3; }
      #collection-filters .options.count-width-4 {
        width: 400px;
        margin-left: -200px;
        column-count: 4;
        -webkit-column-count: 4;
        -moz-column-count: 4; }
      #collection-filters .options.count-width-5 {
        width: 500px;
        margin-left: -250px;
        column-count: 5;
        -webkit-column-count: 5;
        -moz-column-count: 5; }
      #collection-filters .options.count-width-6 {
        width: 600px;
        margin-left: -300px;
        column-count: 6;
        -webkit-column-count: 6;
        -moz-column-count: 6; }
      #collection-filters .options.count-width-7 {
        width: 700px;
        margin-left: -350px;
        column-count: 7;
        -webkit-column-count: 7;
        -moz-column-count: 7; }
      #collection-filters .options span {
        padding: 1.2rem 1.4rem; } }

.page-load-status {
  padding: 20px 0;
  text-align: center;
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0; }

.loader-wheel {
  font-size: 36px;
  /* change size here */
  position: relative;
  height: 1em;
  width: 1em;
  padding-left: 0.45em;
  overflow: hidden;
  margin: 0 auto;
  animation: loader-wheel-rotate 0.5s steps(12) infinite; }

.loader-wheel i {
  display: block;
  position: absolute;
  height: 0.3em;
  width: 0.1em;
  border-radius: 0.05em;
  background: #333;
  /* change color here */
  opacity: 0.8;
  transform: rotate(-30deg);
  transform-origin: center 0.5em; }

@keyframes loader-wheel-rotate {
  from {
    transform: rotate(0deg); }

  to {
    transform: rotate(360deg); } }

.lp-wrapper {
  position: relative;
  padding-bottom: 120px; }

.lemonade-products {
  width: 100%; }
  .lemonade-products .collection-product {
    width: 100%; }
    .lemonade-products .collection-product.hide {
      opacity: 0; }
  .lemonade-products .isotope.regular {
    width: 100%;
    height: 350px; }
  .lemonade-products .isotope.portrait {
    width: 100%;
    height: 350px; }
  .lemonade-products .isotope.landscape {
    width: 100%;
    height: 350px; }
  .lemonade-products .isotope.square {
    width: 100%;
    height: 350px; }
  .lemonade-products .isotope.fullwidth {
    width: 100%;
    height: 350px; }
  @media (min-width: 768px) {
    .lemonade-products .collection-product {
      width: 25%; }
    .lemonade-products .isotope.regular {
      width: 25%; }
    .lemonade-products .isotope.portrait {
      width: 25%; }
    .lemonade-products .isotope.landscape {
      width: 50%; }
    .lemonade-products .isotope.square {
      width: 50%; }
    .lemonade-products .isotope.fullwidth {
      width: 100%; } }

.nav-bar > li:last-child {
  box-shadow: none; }

/*================ Header ================*/
.top-bar {
  background-color: #fff; }
  .top-bar ul {
    background-color: #fff; }

.template-index .nav-main-bar {
  z-index: 499;
  position: absolute;
  width: 100%; }
  .template-index .nav-main-bar .black-logo {
    display: none; }
@media only screen and (min-width: 768px) {
  .template-index .top-bar {
    z-index: 10000;
    position: relative; } }

.nav-bar > li:last-child {
  box-shadow: none; }

/*================ General ================*/
.hide {
  display: none; }

.display-table {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%; }

.display-table-cell {
  display: table-cell;
  vertical-align: middle;
  float: none;
  width: 100%; }

/*================ Homepage Callouts ================*/
.homepage-callouts {
  text-align: center;
  padding-bottom: 15px; }
  .homepage-callouts .row {
    width: 100%;
    max-width: 1200px; }
  .homepage-callouts h2 {
    padding: 20px 0 26px 0;
    font-size: 24px; }
    @media screen and (min-width: 768px) {
      .homepage-callouts h2 {
        padding: 10px 0 32px 0;
        font-size: 27px; } }
  .homepage-callouts a:hover img {
    opacity: 0.8; }
  .homepage-callouts a:hover .homepage-callout-content {
    opacity: 0.5; }
  .homepage-callouts .homepage-callout-content {
    padding: 0 15px 15px 15px; }
    .homepage-callouts .homepage-callout-content h3 {
      margin-bottom: 8px; }
    .homepage-callouts .homepage-callout-content p {
      color: #555;
      font-size: 16px; }

/*================ Large Feature Collection ================*/
.collection-large-features {
  width: 100%;
  max-width: 1400px; }
  .collection-large-features .collectionPrice {
    text-align: center; }

/*================ Shop the look page ================*/
.shop-the-look-headline {
  padding-bottom: 20px; }
  @media screen and (min-width: 768px) {
    .shop-the-look-headline {
      padding-bottom: 40px; } }

.shop-the-look-wrapper {
  padding: 0 10px 60px 10px; }
  @media screen and (min-width: 768px) {
    .shop-the-look-wrapper {
      padding: 0 15px 60px 15px; } }
  @media screen and (min-width: 1030px) {
    .shop-the-look-wrapper {
      padding: 0 0 60px 0; } }
  .shop-the-look-wrapper hr {
    margin: 30px 0; }

@media screen and (min-width: 768px) {
  .shop-the-look-image-2,
  .shop-the-look-image-4,
  .shop-the-look-image-6,
  .shop-the-look-image-8,
  .shop-the-look-image-10 {
    float: right; } }

@media screen and (min-width: 768px) {
  .shop-the-look-image-1,
  .shop-the-look-image-3,
  .shop-the-look-image-5,
  .shop-the-look-image-7,
  .shop-the-look-image-9 {
    float: left; } }

.shop-the-look-image {
  width: 100%;
  height: 300px;
  display: block;
  background-size: cover;
  background-position: center center;
  margin-bottom: 15px; }
  @media screen and (min-width: 768px) {
    .shop-the-look-image {
      height: 600px;
      margin-bottom: 0; } }
  @media screen and (min-width: 900px) {
    .shop-the-look-image {
      height: 800px; } }

@media screen and (min-width: 768px) {
  .shop-the-look-callout.shop-the-look-callout-1, .shop-the-look-callout.shop-the-look-callout-3, .shop-the-look-callout.shop-the-look-callout-5, .shop-the-look-callout.shop-the-look-callout-7, .shop-the-look-callout.shop-the-look-callout-9 {
    padding-left: 20px; } }
@media screen and (min-width: 768px) {
  .shop-the-look-callout.shop-the-look-callout-2, .shop-the-look-callout.shop-the-look-callout-4, .shop-the-look-callout.shop-the-look-callout-6, .shop-the-look-callout.shop-the-look-callout-8, .shop-the-look-callout.shop-the-look-callout-10 {
    padding-right: 20px; } }
.shop-the-look-callout h3 {
  font-size: 20px;
  margin-top: 0; }
.shop-the-look-callout p {
  font-size: 16px; }
.shop-the-look-callout .button {
  padding-bottom: 7px;
  font-weight: 300; }

.look-divider:last-child {
  display: none; }

/*================ Shop the look popup ================*/
.shop-the-look-popup {
  width: 100%;
  height: auto;
  padding-bottom: 20px; }
  @media screen and (max-width: 768px) {
    .shop-the-look-popup {
      padding-bottom: 60px; } }
  .shop-the-look-popup .button {
    margin-top: 10px;
    font-weight: 300;
    padding: 10px 20px 8px 20px; }
  .shop-the-look-popup .option-1,
  .shop-the-look-popup .option-2 {
    display: none !important; }
  .shop-the-look-popup .soldout {
    z-index: -1; }
  .shop-the-look-popup .quantity-wrap {
    width: 100px; }
  .shop-the-look-popup .popup-product {
    display: none; }
    .shop-the-look-popup .popup-product.popup-product-visible {
      display: block; }
  @media screen and (max-width: 768px) {
    .shop-the-look-popup .popup-product-image {
      width: 225px;
      margin: 0 auto;
      display: block; } }
  .shop-the-look-popup .popup-product-trigger {
    width: 60px;
    padding: 0 15px 0 0; }
    @media screen and (min-width: 400px) {
      .shop-the-look-popup .popup-product-trigger {
        width: 75px; } }
    @media screen and (min-width: 768px) {
      .shop-the-look-popup .popup-product-trigger {
        width: 100%;
        padding: 0; } }
    .shop-the-look-popup .popup-product-trigger:hover {
      cursor: pointer;
      opacity: 0.8; }

.popup {
  width: 100%;
  max-width: 850px;
  margin: 0 auto;
  position: relative;
  background-color: #fff;
  padding: 0; }
  .popup .popup__content {
    margin: 0 auto;
    padding: 15px; }
    @media screen and (min-width: 768px) {
      .popup .popup__content {
        padding: 30px; } }

.mfp-zoom-in .mfp-with-anim {
  opacity: 0;
  transition: all 0.2s ease-in-out;
  transform: scale(0.8); }
.mfp-zoom-in.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out; }
.mfp-zoom-in.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1); }
.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8; }
.mfp-zoom-in.mfp-removing .mfp-with-anim {
  transform: scale(0.8);
  opacity: 0; }
.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0; }

/*================ Multi Color Product ================*/
.main-image.disabled-color {
  display: none; }
.main-image.active-color {
  display: block; }
  .main-image.active-color img {
    display: block !important; }

.product-single__thumbnails {
  margin: 0;
  list-style-type: none; }
  .product-single__thumbnails li {
    display: none;
    float: left;
    width: 25%; }
    .product-single__thumbnails li:hover {
      cursor: pointer; }
    .product-single__thumbnails li:last-child {
      float: left !important; }
    .product-single__thumbnails li.active-color {
      display: inline-block; }

.current-color {
  position: absolute;
  left: 65px;
  color: #888;
  margin-top: 3px; }

/*================ Swatch Styles ================*/
.swatch-wrapper {
  margin-top: 10px;
  width: 100%; }
  .swatch-wrapper .swatch {
    width: 100%;
    display: block;
    margin: 0; }
    .swatch-wrapper .swatch .header {
      margin: 0.5em 0;
      font-size: 14px; }
    .swatch-wrapper .swatch input {
      display: none; }
    .swatch-wrapper .swatch input:checked + label {
      background-color: #222;
      border-color: #222;
      color: #fff; }
    .swatch-wrapper .swatch label {
      float: left;
      min-width: 20px;
      margin: 0;
      border: 1px solid #bbb;
      color: #666666;
      font-weight: lighter;
      background: none;
      font-size: 10px;
      text-align: center;
      line-height: 20px;
      white-space: nowrap;
      font-weight: 300;
      font-family: arial;
      text-transform: uppercase; }
    .swatch-wrapper .swatch .color-swatch {
      height: 20px;
      width: 30px;
      min-width: 20px;
      line-height: 21px;
      padding: 0 !important;
      border: 1px solid #ccc;
      cursor: pointer; }
    .swatch-wrapper .swatch .color input:checked + label {
      border: 2px solid #000; }
    .swatch-wrapper .swatch .color-white input:checked + label:after {
      color: #333 !important; }
    .swatch-wrapper .swatch .swatch-element {
      float: left;
      -webkit-transform: translateZ(0);
      -webkit-font-smoothing: antialiased;
      margin: 0px 10px 10px 0;
      font-size: 12px;
      position: relative;
      float: none;
      display: inline-block;
      cursor: pointer; }
      .swatch-wrapper .swatch .swatch-element:hover .tooltip {
        filter: alpha(opacity=100);
        -khtml-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px); }
      .swatch-wrapper .swatch .swatch-element label {
        padding: 4px 15px 3px 15px; }
      .swatch-wrapper .swatch .swatch-element .crossed-out {
        display: none; }
    .swatch-wrapper .swatch .swatch-element.soldout .crossed-out {
      display: block; }
    .swatch-wrapper .swatch .swatch-element.soldout label {
      filter: alpha(opacity=60);
      -khtml-opacity: 0.6;
      -moz-opacity: 0.6;
      opacity: 0.6; }
    .swatch-wrapper .swatch .crossed-out {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0; }
    .swatch-wrapper .swatch .tooltip {
      text-align: center;
      background: #1d1d1d;
      color: #fff;
      bottom: 100%;
      padding: 10px;
      display: block;
      position: absolute;
      width: auto;
      min-width: 80px;
      font-family: arial;
      font-size: 10px;
      max-width: 80px;
      margin: 0 0 15px -26px;
      filter: alpha(opacity=0);
      -khtml-opacity: 0;
      -moz-opacity: 0;
      opacity: 0;
      visibility: hidden;
      -webkit-transform: translateY(10px);
      -moz-transform: translateY(10px);
      -ms-transform: translateY(10px);
      -o-transform: translateY(10px);
      transform: translateY(10px);
      -webkit-transition: all .25s ease-out;
      -moz-transition: all .25s ease-out;
      -ms-transition: all .25s ease-out;
      -o-transition: all .25s ease-out;
      transition: all .25s ease-out;
      -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
      -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
      -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
      -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
      box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
      z-index: 10000;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      .swatch-wrapper .swatch .tooltip:before {
        bottom: -20px;
        content: " ";
        display: block;
        height: 20px;
        left: 0;
        position: absolute;
        width: 100%; }
      .swatch-wrapper .swatch .tooltip:after {
        border-left: solid transparent 10px;
        border-right: solid transparent 10px;
        border-top: solid #1d1d1d 10px;
        bottom: -10px;
        content: " ";
        height: 0;
        left: 50%;
        margin-left: -13px;
        position: absolute;
        width: 0; }

.variant-label {
  font-weight: bold;
  margin-bottom: 12px;
  padding-right: 10px; }
  .variant-label span {
    font-weight: normal; }

.color-swatches {
  display: block;
  clear: both; }
  .color-swatches a {
    display: block;
    width: 51px;
    height: 24px;
    float: left;
    margin: 0px 8px 8px 0; }
  .color-swatches .color-black {
    background: #141213; }
  .color-swatches .color-crimson {
    background: #6c2d31; }
  .color-swatches .color-nantucket-red {
    background: #c35f61; }
  .color-swatches .color-rose-quartz {
    background: #dfb9b5; }
  .color-swatches .color-washed-olive {
    background: #686e61; }
  .color-swatches .color-vintage-aqua {
    background: #c5e1e4; }
  .color-swatches .color-true-navy {
    background: #282632; }
  .color-swatches .color-original-navy {
    background: #282632; }
  .color-swatches .color-sky-blue {
    background: #c4dde8; }
  .color-swatches .color-salt-pepper {
    background: #8a8a8a; }
  .color-swatches .color-light-grey {
    background: #bdc1c0; }
  .color-swatches .color-light-grey-mix {
    background: #bdc1c0; }
  .color-swatches .color-vintage-white {
    background: #ebe8e2; }
  .color-swatches .color-aqua {
    background: #d1e5e8; }
  .color-swatches .color-black {
    background: #000000; }
  .color-swatches .color-white {
    background: #f0f0f0; }
  .color-swatches .color-silver {
    background: #c0c0c0; }
  .color-swatches .color-olive {
    background: #556B2F; }
  .color-swatches .color-grey {
    background: #808080; }
  .color-swatches .color-khaki {
    background: #e8e0d2; }
  .color-swatches .color-salt-and-pepper {
    background: #bdc1c0; }

/*================ Filter Menu ================*/
.refine-header {
  display: none; }

.filter-group .selected a {
  font-weight: bold; }

.filter-group {
  position: relative; }

.filter-group .filter-clear {
  position: absolute;
  top: 0;
  right: 10px;
  border-radius: 10px;
  padding: 0 5px;
  background-color: #EEE;
  text-decoration: none;
  font-size: 12px;
  line-height: 18px; }

.filter-group .filter-clear:hover {
  background-color: #DDD; }

.filter-group .collection-container {
  overflow: hidden;
  position: relative; }

.filter-group .collection-count {
  position: absolute;
  right: 0px; }

.filter-group h4 {
  font-family: "alternate-gothic-no-2-d",sans-serif;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 19px;
  border-bottom: 1px solid #DDD;
  padding-bottom: 5px;
  padding-right: 45px; }

.filter-group ul {
  display: block;
  margin: 0;
  padding: 0; }

.filter-group ul li {
  display: block; }

.filter-group li a {
  display: inline-block;
  margin-left: 6px;
  text-decoration: none;
  color: #222;
  padding: 0;
  font-size: 12px;
  font-family: arial;
  margin-right: 20px; }
  .filter-group li a:hover {
    text-decoration: underline; }

.sort-selector {
  margin: 0 10px; }

i.check-icon {
  background-image: url(//cdn.shopify.com/s/files/1/0186/1574/t/193/assets/checkbox-black-retina.png?26288);
  background-position: 0px -176px;
  background-repeat: no-repeat;
  display: inline-block;
  height: 16px;
  line-height: 16px;
  margin-top: -1px;
  vertical-align: text-top;
  width: 16px; }

.selected i.check-icon {
  background-position: 0px -144px; }

@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  i.check-icon {
    /* Translate the @2x sprite's dimensions back to 1x */
    background-size: 16px 96px;
    background-position: 0px -30px; }

  .selected i.check-icon {
    background-position: 0px 0px; } }
.filter-menu .has_group_selected {
  display: inherit; }

.filter-menu {
  margin-bottom: 20px; }

/*================ collection.full-detail ================*/
.product-card {
  padding: 20px;
  border-bottom: 1px solid #e4e4e4; }
  .product-card .Color-tohide, .product-card .Style-tohide {
    display: none !important; }
  .product-card .soldout {
    display: none !important; }
  .product-card img {
    width: 75%; }
  .product-card .details-header {
    font-size: 14px; }
  .product-card:nth-last-child(2) {
    border-bottom: 0px; }
  @media screen and (min-width: 768px) {
    .product-card {
      padding: 20px 0px; } }
  .product-card .mobile-description {
    padding: 15px; }
  @media screen and (max-width: 767px) {
    .product-card .mobile-price {
      font-size: 16px; } }
  .product-card .quantity-wrap {
    width: 30%; }

/* -----------------------------------
 * Slidebars
 * Version 0.10.2
 * http://plugins.adchsm.me/slidebars/
 *
 * Written by Adam Smith
 * http://www.adchsm.me/
 *
 * Released under MIT License
 * http://plugins.adchsm.me/slidebars/license.txt
 *
 * -------------------
 * Slidebars CSS Index
 *
 * 001 - Box Model, Html & Body
 * 002 - Site
 * 003 - Slidebars
 * 004 - Animation
 * 005 - Helper Classes
 *
 * ----------------------------
 * 001 - Box Model, Html & Body
 */
html, body, #sb-site, .sb-site-container, .sb-slidebar {
  /* Set box model to prevent any user added margins or paddings from altering the widths or heights. */
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html, body {
  width: 100%;
  overflow-x: hidden;
  /* Stops horizontal scrolling. */ }

html {
  height: 100%;
  /* Site is as tall as device. */ }

body {
  font-family: georgia, courier new, arial;
  font-weight: normal;
  font-size: 12px;
  line-height: 1.6;
  min-height: 100%;
  height: auto;
  position: relative;
  /* Required for static Slidebars to function properly. */ }

/* Site scroll locking - prevent site from scrolling when a Slidebar is open, except when static Slidebars are only available. */
html.sb-scroll-lock.sb-active:not(.sb-static) {
  overflow: hidden; }

/* ----------
 * 002 - Site
 */
#sb-site, .sb-site-container {
  /* You may now use class .sb-site-container instead of #sb-site and use your own id. However please make sure you don't set any of the following styles any differently on your id. */
  width: 100%;
  position: relative;
  z-index: 1;
  /* Site sits above Slidebars */
  background-color: #ffffff;
  /* Default background colour, overwrite this with your own css. I suggest moving your html or body background styling here. Making this transparent will allow the Slidebars beneath to be visible. */ }

/* ---------------
 * 003 - Slidebars
 */
.sb-slidebar {
  height: 100%;
  overflow-y: auto;
  /* Enable vertical scrolling on Slidebars when needed. */
  position: fixed;
  top: 0;
  z-index: 0;
  /* Slidebars sit behind sb-site. */
  display: none;
  /* Initially hide the Slidebars. Changed from visibility to display to allow -webkit-overflow-scrolling. */
  background-color: #222222;
  /* Default Slidebars background colour, overwrite this with your own css. */
  -webkit-transform: translate(0px);
  /* Fixes issues with translated and z-indexed elements on iOS 7. */ }

.sb-left {
  left: 0;
  /* Set Slidebar to the left. */ }

.sb-right {
  right: 0;
  /* Set Slidebar to the right. */ }

html.sb-static .sb-slidebar,
.sb-slidebar.sb-static {
  position: absolute;
  /* Makes Slidebars scroll naturally with the site, and unfixes them for Android Browser < 3 and iOS < 5. */ }

.sb-slidebar.sb-active {
  display: block;
  /* Makes Slidebars visibile when open. Changed from visibility to display to allow -webkit-overflow-scrolling. */ }

.sb-style-overlay {
  z-index: 9999;
  /* Set z-index high to ensure it overlays any other site elements. */ }

.sb-momentum-scrolling {
  -webkit-overflow-scrolling: touch;
  /* Adds native momentum scrolling for iOS & Android devices. */ }

/* Slidebar widths for browsers/devices that don't support media queries. */
.sb-slidebar {
  width: 30%; }

.sb-width-thin {
  width: 15%; }

.sb-width-wide {
  width: 45%; }

@media (max-width: 480px) {
  /* Slidebar widths on extra small screens. */
  .sb-slidebar {
    width: 70%; }

  .sb-width-thin {
    width: 55%; }

  .sb-width-wide {
    width: 85%; } }
@media (min-width: 481px) {
  /* Slidebar widths on small screens. */
  .sb-slidebar {
    width: 55%; }

  .sb-width-thin {
    width: 40%; }

  .sb-width-wide {
    width: 70%; } }
@media (min-width: 768px) {
  /* Slidebar widths on medium screens. */
  .sb-slidebar {
    width: 30%; }

  .sb-width-thin {
    width: 25%; }

  .sb-width-wide {
    width: 55%; } }
@media (min-width: 992px) {
  /* Slidebar widths on large screens. */
  .sb-slidebar {
    width: 20%; }

  .sb-width-thin {
    width: 15%; }

  .sb-width-wide {
    width: 45%; } }
@media (min-width: 1200px) {
  /* Slidebar widths on extra large screens. */
  .sb-slidebar {
    width: 20%; }

  .sb-width-thin {
    width: 5%; }

  .sb-width-wide {
    width: 35%; } }
/* ---------------
 * 004 - Animation
 */
.sb-slide, #sb-site, .sb-site-container, .sb-slidebar {
  -webkit-transition: -webkit-transform 400ms ease;
  -moz-transition: -moz-transform 400ms ease;
  -o-transition: -o-transform 400ms ease;
  transition: transform 400ms ease;
  -webkit-transition-property: -webkit-transform, left, right;
  /* Add left/right for Android < 4.4. */
  -webkit-backface-visibility: hidden;
  /* Prevents flickering. This is non essential, and you may remove it if your having problems with fixed background images in Chrome. */ }

/* --------------------
 * 005 - Helper Classes
 */
.sb-hide {
  display: none;
  /* Optionally applied to control classes when Slidebars is disabled over a certain width. */ }

/*================ Limespot ================*/
.ls-box-title {
  font-family: tablet-gothic;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1.0em;
  margin-bottom: 20px;
  float: left; }

.ls-link {
  font-style: italic;
  text-transform: none;
  font-size: 0.9em;
  color: #666666; }

.ls-title {
  text-transform: none;
  font-size: 0.9em;
  color: #666666; }

.ls-original-price {
  text-transform: none;
  font-size: 0.9em;
  color: #666666; }

.ls-price {
  text-transform: none;
  font-size: 0.9em;
  color: #666666; }

.ls-sale-sign {
  display: none; }

.product-photo-thumb img, .product-photo-thumb-modal img {
  cursor: pointer; }

.productVendor, h6.productVendor {
  font-style: italic;
  margin-top: 0px;
  margin-bottom: 5px;
  color: #999999 !important;
  font-family: "georgia", georgia; }

table.productPrice {
  border-collapse: initial; }

.hover-reveal .hidden {
  display: block !important;
  visibility: visible !important;
  position: absolute; }

.product:hover .hover-reveal img {
  opacity: 1; }

.hover-reveal {
  position: relative; }
  @media (max-width: 767px) {
    .hover-reveal .quickshop-trigger {
      display: none !important; } }

.hover-reveal .hidden {
  position: absolute;
  z-index: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out; }

.hover-reveal .quickshop-trigger {
  position: absolute;
  bottom: 4px;
  top: inherit;
  left: 50%;
  margin-left: -60px; }

.hover-reveal:hover .hidden {
  z-index: 0;
  opacity: 1; }

.hover-reveal .caption {
  position: absolute;
  top: 0;
  display: table;
  width: 100%;
  height: 100%;
  background-color: white;
  /* fallback for IE8 */
  background-color: rgba(255, 255, 255, 0.7);
  font: 13px/1.6 sans-serif;
  text-transform: uppercase;
  color: #333;
  letter-spacing: 1px;
  text-align: center;
  text-rendering: optimizeLegibility; }

.hover-reveal .hidden .caption .centered {
  display: table-cell;
  vertical-align: middle; }

@media (min-width: 480px) and (max-width: 979px) {
  .hover-reveal .caption {
    font-size: 11px; } }
/* Prev/Next buttons ---------------------- */
ul.prevnext {
  color: #999;
  font-family: arial,Helvetica;
  font-size: 9px; }

ul.prevnext li a, ul.prevnext li span {
  text-transform: uppercase;
  margin-left: 6px;
  font-size: 9px;
  color: #999; }

td#orderTotal {
  text-align: right; }

span#orderTotalSpan {
  font-size: 1.4em; }

/* Suiting Page ---------------------- */
.suitproduct {
  padding: 40px;
  border: 1px solid #e4e4e4;
  margin-left: 0px;
  margin-bottom: 0px;
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  position: relative; }
  .suitproduct img {
    padding-bottom: 40px; }
    .suitproduct img.hidden {
      margin-left: auto;
      margin-right: auto;
      left: 0;
      right: 0; }

.suitimage {
  border: 1px solid #e4e4e4;
  margin-left: 0px;
  margin-bottom: 0px;
  text-align: center;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center top;
  position: relative; }

.suitwrapper {
  border: 1px solid #e4e4e4;
  margin-left: 0px;
  margin-bottom: 0px;
  text-align: center;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center top;
  position: relative;
  padding-bottom: 40%; }

@media (min-width: 768px) {
  #product-details {
    padding-left: 20px; } }

/*=========== Collection Suiting ================*/
.yotpo.bottomLine .yotpo-bottomline .yotpo-icon-star,
.yotpo.bottomLine .yotpo-bottomline .yotpo-icon-half-star,
.yotpo.bottomLine .yotpo-bottomline .yotpo-icon-empty-star,
.yotpo.bottomline .yotpo-bottomline .yotpo-icon-star,
.yotpo.bottomline .yotpo-bottomline .yotpo-icon-half-star,
.yotpo.bottomline .yotpo-bottomline .yotpo-icon-empty-star,
.yotpo .yotpo-modal-bottom-line .yotpo-bottomline .yotpo-icon-star,
.yotpo .yotpo-modal-bottom-line .yotpo-bottomline .yotpo-icon-half-star,
.yotpo .yotpo-modal-bottom-line .yotpo-bottomline .yotpo-icon-empty-star {
  font-size: 13px !important; }

.yotpo .standalone-bottomline.star-clickable,
.yotpo .standalone-bottomline .star-clickable {
  display: flex;
  align-items: center; }
  .yotpo .standalone-bottomline.star-clickable a,
  .yotpo .standalone-bottomline .star-clickable a {
    margin-left: .5rem; }

#collection-product-shop {
  display: flex;
  flex-direction: column;
  border-top: 1px solid #e4e4e4; }
  @media (min-width: 768px) {
    #collection-product-shop {
      align-items: flex-start;
      flex-direction: row;
      flex-wrap: nowrap; } }

.thumb-block {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }
  .thumb-block a {
    display: inline-block;
    width: 50%;
    padding: 1.5rem;
    border-right: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    position: relative; }
    .thumb-block a .checkmark {
      display: none;
      width: 2rem;
      height: 2rem;
      background: #B2B1B1;
      border: 2px solid #BBBBBB;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      -o-border-radius: 10px;
      border-radius: 10px;
      position: absolute;
      top: 1rem;
      right: 1rem;
      z-index: 1; }
      .thumb-block a .checkmark:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
        -moz-transform: translate3d(-50%, -50%, 0) rotate(45deg);
        -ms-transform: translate3d(-50%, -50%, 0) rotate(45deg);
        -o-transform: translate3d(-50%, -50%, 0) rotate(45deg);
        transform: translate3d(-50%, -50%, 0) rotate(45deg);
        display: block;
        width: 5px;
        height: 9px;
        border: solid #fff;
        border-width: 0 2px 2px 0; }
    .thumb-block a.active {
      padding: .5rem;
      background: #d4d4d4; }
      .thumb-block a.active .checkmark {
        display: block; }
      .thumb-block a.active img {
        border: 1rem solid #fff; }
  @media (max-width: 767px) {
    .thumb-block a {
      width: 16rem;
      padding: 1rem;
      border-top: 1px solid #e4e4e4; } }
  @media (min-width: 768px) {
    .thumb-block .checkmark {
      display: none !important; } }

.overflow-label {
  padding: 2rem 0;
  text-align: center;
  text-transform: uppercase;
  font-family: "alternate-gothic-no-2-d", sans-serif;
  display: block;
  font-size: 24px;
  line-height: 27px; }
  @media (min-width: 768px) {
    .overflow-label {
      display: none; } }

#products-additional {
  width: 100%;
  display: block;
  clear: both; }
  #products-additional .overflow-container {
    display: flex; }
  @media (max-width: 767px) {
    #products-additional {
      position: relative;
      width: 100vw;
      overflow: auto;
      padding-bottom: 4rem; }
      #products-additional .overflow-container {
        flex-direction: row; } }
  @media (min-width: 768px) {
    #products-additional {
      width: 25%;
      display: flex;
      flex-direction: column;
      padding-bottom: 4rem;
      order: 1; }
      #products-additional .overflow-container {
        flex-direction: column; } }

@media (min-width: 768px) {
  #products-secondary {
    display: flex;
    margin-top: auto; } }
@media (max-width: 767px) {
  #products-secondary span {
    display: none; } }

#products-additional span {
  font-size: 14px;
  padding: 1.5rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #e4e4e4;
  text-transform: uppercase;
  font-style: italic;
  width: 100%; }
  #products-additional span:before {
    content: '';
    display: block;
    width: 2.5rem;
    height: 1px;
    background: #cbcbcb;
    margin-right: 1.5rem; }
  #products-additional span:after {
    content: '';
    display: block;
    width: 2.5rem;
    height: 1px;
    background: #cbcbcb;
    margin-left: 1.5rem; }

#product-panel-wrap {
  width: 100%; }
  @media (min-width: 768px) {
    #product-panel-wrap {
      width: 75%;
      order: 2; } }

@media (max-width: 767px) {
  .product-selector, .product-panel .product-form-container .swatch, .product-panel .product-form-container .quantity-wrap {
    width: 33.33%;
    padding: 0 1.5rem;
    position: relative;
    height: 5rem;
    line-height: 5rem;
    cursor: pointer; }
    .product-selector label, .product-panel .product-form-container .swatch label, .product-panel .product-form-container .quantity-wrap label,
    .product-selector .header,
    .product-panel .product-form-container .swatch .header,
    .product-panel .product-form-container .quantity-wrap .header {
      text-transform: uppercase;
      font-family: "alternate-gothic-no-2-d", sans-serif;
      font-size: 17px !important;
      line-height: inherit !important;
      font-weight: normal !important;
      position: relative; }
      .product-selector label.active:after, .product-panel .product-form-container .swatch label.active:after, .product-panel .product-form-container .quantity-wrap label.active:after,
      .product-selector .header.active:after,
      .product-panel .product-form-container .swatch .header.active:after,
      .product-panel .product-form-container .quantity-wrap .header.active:after {
        content: '';
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg); }
      .product-selector label:after, .product-panel .product-form-container .swatch label:after, .product-panel .product-form-container .quantity-wrap label:after,
      .product-selector .header:after,
      .product-panel .product-form-container .swatch .header:after,
      .product-panel .product-form-container .quantity-wrap .header:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 8px solid #000;
        margin-left: .5rem;
        position: absolute;
        right: 0;
        top: 1.9rem; }
    .product-selector input, .product-panel .product-form-container .swatch input, .product-panel .product-form-container .quantity-wrap input,
    .product-selector ul,
    .product-panel .product-form-container .swatch ul,
    .product-panel .product-form-container .quantity-wrap ul {
      display: none;
      position: absolute;
      left: -1px;
      top: calc(100% + 1px);
      width: calc(100% + 2px) !important;
      max-width: calc(100% + 2px) !important;
      border-right: 1px solid #e4e4e4;
      border-left: 1px solid #e4e4e4;
      border-bottom: 1px solid #e4e4e4;
      border-top: none !important; }
      .product-selector input.open, .product-panel .product-form-container .swatch input.open, .product-panel .product-form-container .quantity-wrap input.open,
      .product-selector ul.open,
      .product-panel .product-form-container .swatch ul.open,
      .product-panel .product-form-container .quantity-wrap ul.open {
        display: block; } }

.product-panel {
  display: none;
  background: #FDFDFD;
  width: 100%; }
  .product-panel:first-child {
    display: block; }
  .product-panel .PDPdescription {
    text-transform: capitalize; }
  .product-panel .flex {
    display: flex;
    flex-direction: column;
    width: auto !important; }
  .product-panel .yotpo a {
    color: #999999 !important; }
  .product-panel .description {
    color: #9f9f9f; }
  .product-panel .product-photo-thumb {
    margin: 0 5px 5px 0; }
  .product-panel .suit-selects-wrap {
    width: 100%;
    padding-top: 30px; }
    .product-panel .suit-selects-wrap .dummy-select {
      float: left;
      width: 30%;
      height: 45px;
      padding-left: 15px;
      padding-right: 15px;
      color: #999999; }
    .product-panel .suit-selects-wrap .quantity-wrap {
      float: left;
      width: 45px;
      margin-right: 2%;
      margin-left: 2%; }
    .product-panel .suit-selects-wrap .btn-wrap {
      float: left;
      width: 50%; }
      .product-panel .suit-selects-wrap .btn-wrap button {
        height: 45px; }
  .product-panel .product-photo-container {
    width: 100%;
    position: relative;
    overflow: hidden; }
    .product-panel .product-photo-container .description-open {
      position: absolute;
      height: 40px;
      width: 40px;
      background: #2b2b2b;
      right: 0;
      cursor: pointer;
      z-index: 1; }
      .product-panel .product-photo-container .description-open:before {
        content: '';
        width: 40%;
        height: 1px;
        background: #D8D8D8;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate3d(-50%, -50%, 0);
        -moz-transform: translate3d(-50%, -50%, 0);
        -ms-transform: translate3d(-50%, -50%, 0);
        -o-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0); }
      .product-panel .product-photo-container .description-open:after {
        content: '';
        height: 40%;
        width: 1px;
        background: #D8D8D8;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate3d(-50%, -50%, 0);
        -moz-transform: translate3d(-50%, -50%, 0);
        -ms-transform: translate3d(-50%, -50%, 0);
        -o-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0); }
    .product-panel .product-photo-container img {
      display: block;
      width: 100%; }
    .product-panel .product-photo-container .swipe {
      padding-bottom: 0; }
      .product-panel .product-photo-container .swipe ul {
        margin: 0; }
      .product-panel .product-photo-container .swipe li {
        margin: 0; }
  .product-panel .product-form-container {
    width: 100%;
    padding: 0;
    border-left: 1px solid #e4e4e4; }
    .product-panel .product-form-container h1 {
      line-height: 27px; }
    .product-panel .product-form-container .productVendor {
      margin: 1.8rem 0; }
    .product-panel .product-form-container .productPrice {
      margin: .2rem 0 1rem;
      font-size: 22px; }
    .product-panel .product-form-container form {
      margin-bottom: 0; }
    .product-panel .product-form-container .swatch {
      margin-bottom: 2rem; }
      .product-panel .product-form-container .swatch .header {
        font-size: 11px;
        font-weight: bold; }
    .product-panel .product-form-container .quantity-wrap label {
      font-size: 11px;
      font-weight: bold; }
    .product-panel .product-form-container .quantity-wrap input {
      text-indent: 7px;
      text-align: center;
      background: #ececec;
      border: 1px solid #d0d0d0;
      font-size: 11px;
      height: 45px; }
    .product-panel .product-form-container .btn-wrap {
      margin: 0; }
      .product-panel .product-form-container .btn-wrap button {
        width: 100%; }
  @media (max-width: 767px) {
    .product-panel .flex,
    .product-panel .product-photo-container,
    .product-panel .product-form-container {
      height: inherit !important; }
    .product-panel .PDPdescription,
    .product-panel .description,
    .product-panel form.variants {
      padding: 0 3rem; }
    .product-panel .product-photo-container .description-open,
    .product-panel .product-photo-container .description-details {
      top: 0; }
      .product-panel .product-photo-container .description-open .description-close,
      .product-panel .product-photo-container .description-details .description-close {
        float: right;
        width: 15px;
        height: 1px;
        margin-right: -12px;
        width: 15px;
        margin-bottom: 3rem; }
    .product-panel .product-form-container {
      border: none; }
      .product-panel .product-form-container .productTitle,
      .product-panel .product-form-container .productVendor,
      .product-panel .product-form-container .yotpo,
      .product-panel .product-form-container table,
      .product-panel .product-form-container #product-photo-thumbs {
        padding: 0 3rem; }
      .product-panel .product-form-container form {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        border-top: 1px solid #e4e4e4;
        border-bottom: 1px solid #e4e4e4; }
      .product-panel .product-form-container .swatch {
        border-right: 1px solid #e4e4e4;
        margin: 0; }
        .product-panel .product-form-container .swatch ul {
          background: #fff; }
          .product-panel .product-form-container .swatch ul li {
            background: transparent;
            color: #000;
            padding: 0;
            margin: 0;
            border: none !important;
            display: block; }
            .product-panel .product-form-container .swatch ul li.selected {
              background: #222;
              color: #fff; }
            .product-panel .product-form-container .swatch ul li span {
              width: 100%;
              margin: 0;
              padding: 1rem 1.5rem;
              text-align: left; }
      .product-panel .product-form-container .quantity-wrap input {
        margin: 0;
        height: 3.7rem;
        font-size: 16px; }
      .product-panel .product-form-container .btn-wrap button {
        padding: 0;
        border: 1px solid #AE936F;
        height: 5rem;
        line-height: 5rem;
        background: #AE936F; } }
  @media (min-width: 768px) {
    .product-panel .flex {
      flex-direction: row;
      flex-wrap: nowrap;
      align-items: flex-start; }
    .product-panel .product-photo-container {
      width: 66%; }
      .product-panel .product-photo-container .description-open {
        height: 60px;
        width: 60px;
        bottom: 0; }
        .product-panel .product-photo-container .description-open:before {
          height: 2px; }
        .product-panel .product-photo-container .description-open:after {
          width: 2px; }
      .product-panel .product-photo-container .description-details {
        bottom: 0; }
        .product-panel .product-photo-container .description-details .description-inner {
          padding: 2.5rem; }
      .product-panel .product-photo-container #product-photo-thumbs {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap; }
        .product-panel .product-photo-container #product-photo-thumbs .product-photo-thumb {
          padding: 0;
          margin-right: 1rem; }
    .product-panel .product-form-container {
      width: 34%;
      padding: 3rem; }
      .product-panel .product-form-container .swatch .header {
        margin-bottom: 1rem; }
      .product-panel .product-form-container label {
        margin-bottom: 1rem; } }

#collection-slider {
  position: relative; }
  #collection-slider .collection-slide {
    position: relative; }
    #collection-slider .collection-slide img:hover {
      -webkit-opacity: 1;
      -moz-opacity: 1;
      -ms-opacity: 1;
      -o-opacity: 1;
      opacity: 1; }
    #collection-slider .collection-slide .collection-slide-text {
      background: #fff;
      padding: 1rem 2rem 4rem;
      border: 1px solid #e4e4e4;
      width: 90%;
      margin: 0 auto;
      text-align: center;
      position: relative;
      top: -4rem; }
      #collection-slider .collection-slide .collection-slide-text .index {
        float: right;
        font-family: "alternate-gothic-no-2-d", sans-serif;
        font-size: 18px;
        color: #ccc; }
      #collection-slider .collection-slide .collection-slide-text h1 {
        font-size: 24px;
        line-height: 27px;
        clear: both; }
      #collection-slider .collection-slide .collection-slide-text p {
        font-size: 12px;
        line-height: 20px;
        color: #9B9B9B; }
      #collection-slider .collection-slide .collection-slide-text .button {
        font-weight: normal;
        font-size: 18px;
        background: #AE936F; }
  #collection-slider .swipe-controls {
    position: absolute;
    top: 20%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    z-index: 1;
    color: #fff;
    padding: 0 2rem; }
    #collection-slider .swipe-controls span {
      cursor: pointer;
      margin: 2rem 0; }
    #collection-slider .swipe-controls .icon-next {
      width: 0;
      height: 0;
      border-top: 8px solid transparent;
      border-bottom: 8px solid transparent;
      border-left: 10px solid #D8D8D8; }
    #collection-slider .swipe-controls .icon-prev {
      width: 0;
      height: 0;
      border-top: 8px solid transparent;
      border-bottom: 8px solid transparent;
      border-right: 10px solid #D8D8D8; }
    #collection-slider .swipe-controls div {
      width: 30px;
      text-align: center;
      font-family: "alternate-gothic-no-2-d", sans-serif;
      font-size: 18px;
      margin-top: 1rem;
      display: none; }
  @media (min-width: 768px) {
    #collection-slider .collection-slide .collection-slide-text {
      background: transparent;
      padding: none;
      border: none;
      position: absolute;
      max-width: 60rem;
      left: 25%;
      bottom: 8%;
      top: inherit;
      text-align: left; }
      #collection-slider .collection-slide .collection-slide-text .index {
        display: none; }
      #collection-slider .collection-slide .collection-slide-text h1 {
        font-size: 42px;
        color: white !important; }
      #collection-slider .collection-slide .collection-slide-text p {
        color: #fff; }
    #collection-slider .swipe-controls {
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      top: 50%;
      padding: 3rem;
      flex-direction: column;
      justify-content: center;
      width: auto; }
      #collection-slider .swipe-controls div {
        display: block; } }

#instagram-container {
  padding: 2rem 0 4rem; }
  @media (min-width: 768px) {
    #instagram-container {
      padding: 8rem 0; } }

#collection-bundle-related > h2 {
  text-align: center;
  padding: 3rem 0 1rem;
  font-family: "alternate-gothic-no-2-d", sans-serif;
  text-transform: uppercase;
  font-size: 30px; }
#collection-bundle-related .block-suiting {
  border-top: 1px solid #e4e4e4; }
#collection-bundle-related .item-suiting {
  width: 100%; }
@media (min-width: 768px) {
  #collection-bundle-related .item-suiting {
    width: 33.33%;
    border-bottom: none; }
    #collection-bundle-related .item-suiting:nth-child(2) {
      border-right: 1px solid #e4e4e4; }
    #collection-bundle-related .item-suiting:nth-child(3) {
      border-right: none; } }

/*================ Page Suiting ================*/
#filters-suiting .columns {
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center; }
@media (min-width: 768px) {
  #filters-suiting {
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4; } }

#filters-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  width: 75%;
  float: left;
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4; }
  #filters-wrap .filter-group {
    padding: 1rem;
    border-right: 1px solid #e4e4e4;
    cursor: pointer; }
    #filters-wrap .filter-group:last-child {
      border-right: none; }
    #filters-wrap .filter-group div {
      text-transform: uppercase;
      display: flex;
      flex-direction: row;
      align-items: center;
      font-family: "alternate-gothic-no-2-d", sans-serif;
      font-size: 16px; }
      #filters-wrap .filter-group div:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 8px solid #000;
        margin-left: .5rem; }
    #filters-wrap .filter-group .filter-selection {
      padding-left: .5rem;
      -webkit-opacity: 0.5;
      -moz-opacity: 0.5;
      -ms-opacity: 0.5;
      -o-opacity: 0.5;
      opacity: 0.5; }
    #filters-wrap .filter-group ul {
      display: none;
      font-family: "alternate-gothic-no-2-d", sans-serif;
      font-size: 16px;
      text-transform: uppercase;
      position: absolute;
      right: 0;
      top: calc(100% + 1px);
      z-index: 2;
      background: #f6f6f6;
      width: 100%;
      min-width: 100%;
      padding: 0;
      border-left: 1px solid #e4e4e4;
      border-right: 1px solid #e4e4e4; }
      #filters-wrap .filter-group ul li {
        padding: 1rem 1.25rem;
        display: block;
        text-align: right;
        border-bottom: 1px solid #e4e4e4;
        cursor: pointer; }
  @media (min-width: 768px) {
    #filters-wrap {
      border-top: none;
      border-bottom: none;
      padding: 2rem 0;
      justify-content: center;
      width: auto;
      float: none; }
      #filters-wrap .filter-group {
        padding: 0;
        margin: 0 1rem;
        min-width: 12rem;
        border: none;
        display: flex;
        justify-content: flex-end; }
        #filters-wrap .filter-group ul {
          min-width: 13rem; } }

#filter-clear {
  text-transform: uppercase;
  font-family: "alternate-gothic-no-2-d", sans-serif;
  font-size: 16px;
  background: #AE936F;
  color: #fff;
  padding: 1rem;
  cursor: pointer;
  width: 25%;
  float: right;
  text-align: center;
  border: 1px solid #AE936F; }
  @media (min-width: 768px) {
    #filter-clear {
      padding: 0;
      background: transparent;
      color: #AE936F;
      width: auto;
      float: none;
      border: none;
      margin-left: 5rem; } }

.block-suiting {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }

.item-suiting {
  width: 100%;
  position: relative;
  border-bottom: 1px solid #e4e4e4;
  overflow: hidden; }
  .item-suiting:last-child {
    border-bottom: none; }
  .item-suiting.filtered {
    display: none; }
  .item-suiting .bundle-hover {
    position: relative; }
    .item-suiting .bundle-hover img {
      -webkit-transition: opacity 1s ease-in-out;
      -moz-transition: opacity 1s ease-in-out;
      -o-transition: opacity 1s ease-in-out;
      transition: opacity 1s ease-in-out; }
      .item-suiting .bundle-hover img.fade {
        opacity: 1; }
      .item-suiting .bundle-hover img.hidden {
        position: absolute;
        top: 0px;
        right: 0px;
        opacity: 0; }
  .item-suiting.active .bundle-hover img.fade {
    opacity: 0; }
  .item-suiting.active .bundle-hover img.hidden {
    opacity: 1; }
  .item-suiting.item-suiting-hero {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    display: flex;
    align-items: center;
    min-height: calc(100vh - 15rem); }
    .item-suiting.item-suiting-hero.filtered {
      display: none; }
    .item-suiting.item-suiting-hero .suiting-hero-text {
      color: #fff;
      text-align: center;
      padding: 0 15%;
      text-transform: uppercase; }
      .item-suiting.item-suiting-hero .suiting-hero-text h2 {
        font-family: "alternate-gothic-no-2-d", sans-serif;
        color: white !important;
        font-size: 30px;
        line-height: 28px;
        margin: 0; }
      .item-suiting.item-suiting-hero .suiting-hero-text p {
        font-family: "alternate-gothic-no-2-d", sans-serif;
        font-size: 15px;
        line-height: 24 px; }
  .item-suiting .button {
    font-size: 16px;
    font-weight: normal; }
  .item-suiting .item-details {
    text-align: center;
    padding: 2rem 2rem 3rem;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -ms-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out; }
    .item-suiting .item-details span.label-collection {
      color: #AE936F;
      font-style: italic;
      font-size: 12px;
      display: inline-block;
      margin-bottom: .8rem; }
    .item-suiting .item-details span.price {
      font-family: "alternate-gothic-no-2-d", sans-serif;
      font-size: 15px; }
    .item-suiting .item-details h3 {
      font-size: 15px;
      line-height: 16px;
      font-family: "alternate-gothic-no-2-d", sans-serif;
      text-transform: uppercase;
      margin: 0; }
    .item-suiting .item-details .product-rating {
      margin-top: 1rem; }
    .item-suiting .item-details .yotpo {
      float: right; }
      .item-suiting .item-details .yotpo .pull-left {
        float: right; }
      .item-suiting .item-details .yotpo .text-m {
        display: none !important; }
  @media (min-width: 768px) {
    .item-suiting {
      width: 33.33%;
      min-height: 30rem; }
      .item-suiting:last-child {
        border-bottom: 1px solid #e4e4e4; }
      .item-suiting:nth-child(odd) {
        border-right: 1px solid #e4e4e4; }
      .item-suiting.item-suiting-hero {
        min-height: 30rem; }
        .item-suiting.item-suiting-hero .suiting-hero-text h2 {
          font-size: 60px;
          line-height: 50px; }
        .item-suiting.item-suiting-hero .suiting-hero-text p {
          font-size: 30px;
          line-height: 33px; }
      .item-suiting .item-img {
        margin: 4rem 4rem 0; }
      .item-suiting .item-details {
        padding: 4rem 4rem 3rem; }
        .item-suiting .item-details span.price {
          font-size: 12px; } }

#video-suiting {
  width: 100%; }
  #video-suiting iframe {
    display: block;
    width: 100%; }

#low-stock {
  text-transform: uppercase; }
  #low-stock h5 {
    font-family: "alternate-gothic-no-2-d", sans-serif; }

#preorder {
  display: flex;
  align-items: flex-start;
  margin: 2rem 0 0;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  -ms-pointer-events: none;
  -o-pointer-events: none;
  pointer-events: none;
  visibility: hidden;
  display: none;
  clear: both; }
  #preorder.show {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    -webkit-pointer-events: inherit;
    -moz-pointer-events: inherit;
    -ms-pointer-events: inherit;
    -o-pointer-events: inherit;
    pointer-events: inherit;
    visibility: visible;
    display: flex; }
  #preorder label {
    line-height: 12px;
    width: calc(100% - 25px); }
    #preorder label p {
      font-family: Arial;
      color: #666;
      margin: 0; }

#preorder-confirm {
  width: 16px;
  height: 16px;
  margin: 0 3px 0 0;
  border: 1px solid #ccc;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none; }
  #preorder-confirm:focus {
    outline: none; }
  #preorder-confirm:checked {
    outline: none;
    background: #222;
    border: 1px solid #222; }

#product-add-to-cart.disabled {
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  -ms-pointer-events: none;
  -o-pointer-events: none;
  pointer-events: none; }

.navgothic {
  font-family: "alternate-gothic-no-2-d",sans-serif;
  font-style: normal !important;
  letter-spacing: 0.05em; }

.total-line-table__footer:after {
  content: 'hello there'; }

#quickshop-product {
  padding: 20px 0 0; }
  #quickshop-product .row {
    width: auto; }
  #quickshop-product .mobile-four {
    width: 100% !important; }
  #quickshop-product .swipe {
    padding: 0; }
    #quickshop-product .swipe ul {
      margin: 0; }
  @media (min-width: 768px) {
    #quickshop-product {
      padding: 40px 0 0; } }

.quickshop-trigger {
  background: #fff;
  border: 1px solid #000;
  color: #000;
  -webkit-font-smoothing: antialiased;
  font-weight: normal;
  padding-top: 9px;
  padding-bottom: 6px; }

.fancybox-container {
  z-index: 999999; }

.fancybox-slide--iframe .fancybox-content {
  height: auto; }

.fancybox-bg {
  background: #fff; }

.fancybox-slide--iframe .fancybox-content {
  border: 1px solid #ccc;
  max-width: 960px; }

.fancybox-slide--iframe .fancybox-close-small:hover:after {
  color: #aaa; }

.fancybox-slide--iframe .fancybox-close-small {
  top: 20px;
  right: 20px; }

.flex-add-quick {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 15px; }
  .flex-add-quick > a {
    margin-top: 30px; }
  @media (max-width: 767px) {
    .flex-add-quick {
      justify-content: center; } }
  @media (min-width: 768px) {
    .flex-add-quick > a {
      margin-left: 30px;
      margin-top: 0; } }

/*================ sizechart app ================*/
.sd_sizelink {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  text-decoration: underline !important;
  font-size: 12px !important;
  text-align: right; }

.sd_sizelink:before {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  display: none !important; }

.Sd_sizebuttonpanel {
  margin-bottom: 0px !important; }
