/*-------------------------------------------------*/
/* DEFAULT AND SHARED */
/*-------------------------------------------------*/
body {
  background: url('/assets/images/backgroundtexture.png') repeat;
  padding: 0;
  margin: 0;
  color: #43484b;
  font-family: Brando;
  font-variant-numeric: oldstyle-nums;
  -moz-font-feature-settings: "onum";
  -webkit-font-feature-settings: "onum";
  font-feature-settings: "onum";
}
/*-------------------------------------------------*/
/* EXCEPTIONS / Dario’s stuff */
/*-------------------------------------------------*/
/* make all clickable items fancy! */
/* save stuff from breaking (aka: fix stuff which conflicts with the transitions) */
#logo a,
.product-switcher li {
  opacity: 1 !important;
}
.grid-tag {
  z-index: 1;
}
/* set default opacities */
button,
a,
ul li.trigger,
ul.product-filter li,
#product-dropdown {
  opacity: 0.92;
}
#logo {
  opacity: 0.96;
}
/* transition for links, buttons... anything clickable */
button,
a,
ul li.trigger,
ul.product-filter li,
#logo,
#product-dropdown {
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
button:hover,
a:hover,
ul li.trigger:hover,
ul.product-filter li:hover,
#logo:hover,
#product-dropdown:hover {
  opacity: 1;
}
/* END transition */
/* END of fanciness */
/* homepage news item image styling */
#hp-news a {
  opacity: 0.85;
}
#hp-news .news-img img {
  box-shadow: 0px 0px 5px 0px #999;
}
/* completely remove picture on small screens */
@media all and (max-width: 760px) {
  #hp-news .news-img {
    display: none;
  }
}
/* END homepage news item image styling */
/* homepage community area styling */
.community-highlight div {
  border-radius: 8px;
  background: white;
  padding: 0 10px 0 10px;
  box-shadow: 0px 0px 5px 0px #DDD;
}
.community-highlight div {
  margin: 30px 0;
}
.community-highlight div {
  padding: 10px 20px;
}
.community-highlight div img.hp-thumb {
  margin: 0 20px 10px 0;
}
/* END homepage community area styling */
/* GENERIC STUFF */
/* ZOOMBOX styling */
.zoombox .close-button {
  font-family: canada-type-gibson;
  font-size: 18px;
  font-weight: 300;
}
/* END ZOOMBOX styling */
/* light grey divider (use with a div) */
.divider {
  border-bottom: 2px dotted #EEE;
  height: 0;
  margin: 0;
  padding: 0;
}
/* END divider */
/* remove text decoration from links */
a {
  text-decoration: none;
}
/* inline-block fixes */
div.scoot-elements {
  word-spacing: -4px;
}
div.scoot-elements p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
a,
button {
  word-spacing: 0;
}
/* 100% width div */
div.max-width {
  width: 100%;
}
/* YouTube responsive embed */
.youtube-embed-container {
  width: 80%;
}
.youtube-embed {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.youtube-embed iframe,
.youtube-embed object,
.youtube-embed embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* make numbers bigger in texts */
li span.number {
  font-size: 120%;
}
/* PRIVACY POLICY TOP RIGHT LANGUAGE BUTTON */
.button-policy {
  float: right;
  margin: 0 20px;
}
.button-policy a {
  text-decoration: none;
}
/* fix positioning/size on small screen*/
@media all and (max-width: 760px) {
  .button-policy {
    margin-top: -50px !important;
    width: 100px !important;
  }
}
/* info next to price in product pages */
.price-info {
  font-style: italic;
  font-size: 0.3em;
}
@media all and (max-width: 550px) {
  .price-info.buy-box-fix {
    display: block;
  }
}
/*-------------------------------------------------*/
/* END EXCEPTIONS / Dario’s stuff */
/*-------------------------------------------------*/
/* STRUCTURE
--------------------*/
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* wrapper for content area */
#wrap {
  margin: auto;
}
/* stops parent from collpasing if contains only floated elements as children */
.row:after,
.row-m1c:after,
.row-m2c:after {
  content: "";
  display: block;
  clear: both;
}
.no-after:after {
  content: none !important;
}
.spacer {
  margin-bottom: 20px;
}
ul.space li,
ol.space li {
  margin-bottom: 15px;
}
/* container for all content */
#content {
  background: #ffffff;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  border-radius: 4px 4px 0 0;
  overflow: hidden;
}
/* generic floats */
.floatL {
  float: left;
}
.floatR {
  float: right;
}
.floatNo {
  float: none !important;
}
.relative {
  position: relative;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.inln-blck {
  display: inline-block;
  vertical-align: top;
}
.inln-blck2 {
  display: inline-block;
  vertical-align: bottom;
}
.blck {
  display: block;
}
.flex {
  display: flex;
}
/*make an item invisible */
.invis {
  display: none !important;
}
/*make margins auto ... duh! */
.auto {
  margin: auto;
}
/* make elements overlap */
.lap {
  left: 450px;
  top: 80px;
}
/* clear elements */
.clr {
  clear: both;
}
/*clearfix */
.clrfix:before,
.cf:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}
.clrfix:after {
  clear: both;
}
.clrfix {
  *zoom: 1;
}
.hi-z {
  z-index: 40;
}
/* removes top and bottom margins */
.nomarg {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
.flush {
  margin: 0;
  padding: 0;
}
/* makes div centered */
.divcntr {
  margin: 0 auto !important;
}
/*random margin declarations */
.marg-t-5 {
  margin-top: 5px;
}
.marg-t-10 {
  margin-top: 10px;
}
.marg-t-20 {
  margin-top: 20px;
}
.marg-t-30 {
  margin-top: 30px;
}
.marg-t-40 {
  margin-top: 40px;
}
.marg-t-50 {
  margin-top: 50px;
}
.marg-t-90 {
  margin-top: 90px;
}
.marg-b-5 {
  margin-bottom: 5px;
}
.marg-b-10 {
  margin-bottom: 10px;
}
.marg-b-20 {
  margin-bottom: 20px;
}
.marg-b-30 {
  margin-bottom: 30px;
}
.marg-b-40 {
  margin-bottom: 40px;
}
.marg-b-50 {
  margin-bottom: 50px;
}
.marg-10 {
  margin: 10px;
}
/*random padding declarations */
.pad-t-5 {
  padding-top: 5px;
}
.pad-t-10 {
  padding-top: 10px;
}
.pad-t-20 {
  padding-top: 20px;
}
.pad-t-30 {
  padding-top: 30px;
}
.pad-t-40 {
  padding-top: 40px;
}
.pad-t-50 {
  padding-top: 50px;
}
.pad-b-5 {
  padding-bottom: 5px;
}
.pad-b-10 {
  padding-bottom: 10px;
}
.pad-b-20 {
  padding-bottom: 20px;
}
.pad-b-30 {
  padding-bottom: 30px;
}
.pad-b-40 {
  padding-bottom: 40px;
}
.pad-b-50 {
  padding-bottom: 50px;
}
.trigger,
.cart-remove,
[relay],
.my_popup_open,
.my_popup_close {
  cursor: pointer;
}
.my_popup_close {
  font-family: canada-type-gibson;
  font-size: 0.8em;
  font-weight: 400;
}
/* for youtube embeds, to make responsive */
.yt-wrap {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.yt-wrap iframe,
.yt-wrap object,
.yt-wrap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* setting up basics for display:table */
.tbl {
  display: table;
  border-collapse: collapse;
}
.tbl-rw {
  display: table-row;
}
.tbl-cl {
  display: table-cell;
}
/*specifics for customising table */
/* adds zebra striping to table */
.tbl-stripe .tbl-rw:nth-child(even) {
  background: #f6f8f8;
}
.tbl-100 {
  width: 100%;
}
/* makes fonts bold in these cells/rows */
.tbl-head {
  font-weight: 700;
}
/* right align text */
.tbl-rgt {
  text-align: right;
}
/* left align text */
.tbl-lft {
  text-align: left;
}
/* center align text */
.tbl-cntr {
  text-align: center;
}
/* add cell padding */
.tbl-pad-5 .tbl-cl {
  padding: 5px;
}
.tbl-pad-10 .tbl-cl {
  padding: 10px;
}
.tbl-pad-20 .tbl-cl {
  padding: 20px;
}
/* HEADER AND NAVIGATION
--------------------*/
/* header container for navigation etc. */
#header {
  font-family: canada-type-gibson;
  text-transform: uppercase;
  background: #ffffff;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  overflow: hidden;
}
#progressbar div {
  position: absolute;
  top: 0;
  background: #9bd5f1;
  height: 2px;
  box-shadow: 1px 1px 9px 4px rgba(200, 231, 246, 0.4);
}
/* FOOTER
--------------------*/
/* footer container */
#footer {
  font-family: canada-type-gibson;
  color: #dce1e4;
}
/* footer logo section */
#foot-logo {
  margin-top: 30px;
  margin-bottom: 40px;
}
#foot-logo img {
  float: left;
  padding-right: 30px;
  padding-bottom: 20px;
  vertical-align: middle;
}
/* newsletter signup box */
#foot-news form input[type=text] {
  font-size: 1em;
  font-style: italic;
  color: #555555;
  border: 0;
  height: 35px;
  margin: 0;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* aligning social media icons in footer */
#foot-social img {
  vertical-align: middle;
}
/* link list in footer */
#foot-links {
  margin-top: 20px;
}
#foot-links div:first-of-type {
  margin-left: 0;
}
#foot-links > div > ul > li {
  margin: 0;
  padding: 0;
}
/* TEXT STYLES
--------------------*/
/* styling the administrative notes */
.adminnote {
  font-style: italic;
  color: #54595e;
  font-size: 1em;
}
.helpnote {
  font-weight: 600;
  font-size: 0.9em;
}
.generalnote {
  font-size: 0.9em;
  font-weight: 500;
  color: #656b71;
}
/* making sure the right weight is used */
p b,
ul b,
ol b {
  font-weight: 600;
}
/* makes bold heavy weight */
.xbold {
  font-weight: 900;
}
/* makes regular weight */
.reg {
  font-weight: 500;
}
/* makes thin weight */
.thin {
  font-weight: 200;
}
/* makes text faint (light) */
.faint-l {
  color: #dce1e4;
}
/* makes text faint (dark) */
.faint-d {
  color: #656b71;
}
.yelo {
  color: #f8e0a3;
}
/* clears any inherited text styling */
.plain {
  font-style: normal;
  font-variant: normal;
  text-decoration: none;
  text-transform: none;
  font-weight: 500;
}
/* makes numbers lining instead of oldstyle */
.lnum {
  font-variant-numeric: lining-nums;
  -moz-font-feature-settings: "lnum";
  -webkit-font-feature-settings: "lnum";
  font-feature-settings: "lnum";
}
h3.head1 {
  padding-bottom: 5px;
}
/* creating small caps */
abbr,
.scap {
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  font-weight: inherit;
  font-size: 17px;
}
#footer abbr {
  font-weight: inherit;
}
sup {
  font-size: 0.6em;
  line-height: 0.5em;
}
code {
  font-size: 1.2em;
}
/* to stop wrapping in bad places */
.nobr {
  white-space: nowrap;
}
/* center items */
.center {
  text-align: center;
}
/* left align text */
.left-just {
  text-align: left;
}
/* right align text */
.right-just {
  text-align: right;
}
/* force justify text */
.justify {
  text-align: justify;
}
/* make text light for dark backgrounds */
.invert {
  color: #fbfbfc;
}
.uninvert {
  color: #43484b;
}
ul.none {
  list-style: none;
}
ul.even {
  padding-left: 15px;
}
.fauxlink {
  text-decoration: underline;
  color: #115daa;
}
.fauxlink:hover {
  cursor: pointer;
  text-decoration: underline;
  color: #87262e;
}
.sup {
  font-size: 0.9em;
}
.bigprice {
  font-size: 1.8em;
  font-weight: 700;
}
.vertspace-5,
.vertspace-5 li {
  margin-bottom: 5px;
}
.vertspace-10,
.vertspace-10 li {
  margin-bottom: 10px;
}
.vertspace-15,
.vertspace-15 li {
  margin-bottom: 15px;
}
/* messages */
/* error */
.msg-error {
  font-weight: 600;
  padding: 15px;
  background: #fee6e6;
  border: 1px solid #e98f93;
  border-radius: 4px;
  color: #3a1014;
}
/* information */
.msg-info {
  padding: 15px;
  background: #fff1cd;
  border: 1px solid #ffe7a8;
  border-radius: 4px;
  color: #60573e;
}
/* success */
.msg-success {
  font-weight: 600;
  padding: 15px;
  background: #e4f4c1;
  border: 1px solid #a5cf4c;
  border-radius: 4px;
  color: #4b5e24;
}
/* update */
.msg-update {
  font-weight: 500;
  padding: 15px;
  background: #fff1cd;
  border: 1px solid #ffe7a8;
  border-radius: 4px;
}
/* neutral */
.msg-neutral {
  font-weight: 500;
  padding: 15px;
  background: #eef0f2;
  border: 1px solid #c2cad0;
  border-radius: 4px;
}
/* emphasis */
.msg-emphasis {
  font-weight: 500;
  padding: 12px 10px;
  background: #222426;
  color: #dce1e4;
}
.msg-emphasis2 {
  font-weight: 500;
  padding: 12px 10px;
  background: #54595e;
  color: #dce1e4;
}
/* emphasis for dark bck */
.msg-emphasisinvert {
  font-weight: 500;
  padding: 6px;
  background: #dce1e4;
  color: #222426;
}
.strikethru {
  text-decoration: line-through;
}
/* IMAGE STYLES
--------------------*/
a img {
  border: 0;
}
.img-100 {
  width: 100%;
}
.img-shadow {
  -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.7);
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.7);
}
.img-shadow2 {
  -webkit-box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.6);
}
.img-shadow3 {
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
}
.img-noshadow {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* inline icons */
.play-inline {
  display: inline-block;
  vertical-align: middle;
  padding-right: 4px;
}
/* sizes av icons */
.play-sm {
  width: 17px;
}
.play-med {
  width: 23px;
}
/* LINKS
--------------------*/
/* default link colour declarations */
#foot-links a:hover {
  text-decoration: underline;
}
.invert a:hover {
  color: #e7c160;
}
a:link,
a:visited,
#notification-cart a:hover {
  color: #115daa;
}
a:hover,
#nav-links a:hover,
#nav-mini a:hover,
#nav-acct a:hover,
#nav-cart a:hover {
  color: #87262e;
}
#header a:link,
#header a:visited,
#header a:hover,
#foot-links a:link {
  text-decoration: none;
}
#nav-links a:link,
#nav-mini a:link,
#nav-links a:visited,
#nav-mini a:visited {
  color: #43484b;
}
#nav-acct a:link,
#nav-cart a:link,
#nav-acct a:visited,
#nav-cart a:visited {
  color: #757d83;
}
#footer a:link,
#footer a:visited,
#footer a:hover {
  color: #dce1e4;
}
#notification-cart a:link,
#notification-cart a:visited {
  color: #0e4984;
}
.invert a:link,
.invert a:visited {
  color: #9bd5f1;
}
/* BUTTONS
--------------------*/
/* setting up the button shape and style */
.button {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  font-weight: 400;
  font-family: canada-type-gibson;
  border: 0;
  cursor: pointer;
  background: inherit;
  -webkit-appearance: none !important;
}
.button:focus {
  outline: none;
}
.button-form {
  order: none;
  -webkit-appearance: none !important;
}
.primary {
  background: #9eb443;
  color: #ffffff;
}
.primary:hover {
  background: #8ca71c;
}
.secondary {
  background: #557ba2;
  color: #ffffff;
}
.secondary:hover {
  background: #4074a9;
}
.tertiary {
  background: #dab65b;
  color: #ffffff;
}
.tertiary:hover {
  background: #f4c464;
}
.dark-blue {
  background: #003c6f;
  color: #FFF;
}
.dark-blue:hover {
  background: #02579e;
}
.dark-red {
  background: #7d0101;
  color: #FFF;
}
.dark-red:hover {
  background: #a50909;
}
.light-red {
  background: #EF5F7A;
  color: #FFF;
}
.light-red:hover {
  background: #ea4362;
  color: #FFF;
}
.neutral {
  background: #555555;
  color: #ffffff;
}
.neutral:hover {
  background: #666666;
}
.ghost {
  border: 1px solid #555555;
  color: #000000;
}
.ghost:hover {
  border: 1px solid #000000;
  background: #EEE;
}
.inverted {
  color: #d8d9da;
}
.ghost-inverted {
  border: 1px solid #d8d9da;
  color: #d8d9da;
}
.ghost-inverted:hover {
  border: 1px solid #ffffff;
  color: #ffffff;
  background: rgba(20, 20, 20, 0.2);
}
.ghost-inverted-filled {
  border: 1px solid #EEE;
  color: #d8d9da;
  -webkit-transition: background 0.2s ease-in-out;
  -moz-transition: background 0.2s ease-in-out;
  -ms-transition: background 0.2s ease-in-out;
  -o-transition: background 0.2 ease-in-out;
  transition: background 0.2s ease-in-out;
}
.ghost-inverted-filled:hover {
  color: #FFF;
  background: #111;
}
.disabled {
  background: #333;
  color: #808080;
}
.disabled:hover {
  cursor: not-allowed;
}
/* button text link styles */
a.button:link,
a.button:visited,
a.button:hover {
  color: #FFF;
  text-decoration: none;
}
a.ghost:link,
a.ghost:visited,
a.ghost:hover {
  color: #000;
  text-decoration: none;
}
a.ghost-inverted:link,
a.ghost-inverted:visited,
a.ghost-inverted:hover {
  color: #d8d9da;
  text-decoration: none;
}
/* FORMS
--------------------*/
input[type=text],
input[type=email] {
  font-family: Brando;
  font-weight: 500;
}
textarea {
  font-family: Brando;
  font-weight: 500;
  font-size: inherit;
}
textarea.full {
  width: 100%;
}
form > label,
form > div > label,
[form-type] > label {
  font-weight: 600;
  font-size: 1.05em;
}
form label.notlabel,
[form-type] label.notlabel {
  font-weight: inherit;
  font-size: inherit;
}
.input-h20 {
  height: 20px;
  font-size: 0.85em;
}
.input-h30 {
  height: 30px;
  font-size: 1em;
}
.input-h40 {
  height: 40px;
  font-size: 1.4em;
}
.input-h50 {
  height: 50px;
  font-size: 1.6em;
}
.select-big {
  border-radius: 0;
  font-size: 1.2em;
  color: #43484b;
}
.form-req {
  color: #927a3d;
  font-weight: 300;
}
#mc_embed_signup {
  margin-bottom: 60px;
  margin-top: 20px;
}
.mc-field-group > label {
  font-weight: 600;
  font-size: 1.05em;
}
.mc-field-group {
  margin-bottom: 20px;
}
/* BACKGROUND COLOURS AND STYLES
---------------------------------------*/
.bck-white {
  background: #FFF;
}
.bck-black {
  background: #000;
}
.bck-dark-gray {
  background: #696775;
}
.bck-darker-gray {
  background: #121213;
}
.bck-gray1 {
  background: #fbfbfc;
}
.bck-gray2 {
  background: #f6f8f8;
}
.bck-gray3 {
  background: #eef0f2;
}
.bck-gray4 {
  background: #e5e8eb;
}
.bck-gray5 {
  background: #dce1e4;
}
.bck-gray6 {
  background: #d4d9de;
}
.bck-gray7 {
  background: #cbd1d7;
}
.bck-gray8 {
  background: #c2cad0;
}
.bck-gray9 {
  background: #b9c2c9;
}
.bck-gray10 {
  background: #b5bec6;
}
.bck-gray11 {
  background: #b1bbc3;
}
.bck-gray12 {
  background: #acb7bf;
}
.bck-gray13 {
  background: #a8b3bc;
}
.bck-gray14 {
  background: #9faab2;
}
.bck-gray15 {
  background: #97a1a9;
}
.bck-gray16 {
  background: #8f98a0;
}
.bck-gray17 {
  background: #868f96;
}
.bck-gray18 {
  background: #757d83;
}
.bck-gray19 {
  background: #656b71;
}
.bck-gray20 {
  background: #54595e;
}
.bck-gray21 {
  background: #43484b;
}
.bck-gray22 {
  background: #323538;
}
.bck-gray23 {
  background: #222426;
}
.bck-gray24 {
  background: #101212;
}
.bck-gray25 {
  background: #09090a;
}
.bck-gray26 {
  background: #101010;
}
.bck-yellow1 {
  background: #fefcf7;
}
.bck-yellow2 {
  background: #fefaf0;
}
.bck-yellow3 {
  background: #fdf5e0;
}
.bck-yellow4 {
  background: #fbf0d1;
}
.bck-yellow5 {
  background: #faeac1;
}
.bck-yellow6 {
  background: #f9e5b2;
}
.bck-yellow7 {
  background: #f8e0a3;
}
.bck-yellow8 {
  background: #f7db94;
}
.bck-yellow9 {
  background: #f5d584;
}
.bck-yellow10 {
  background: #f5d37c;
}
.bck-yellow11 {
  background: #f4d075;
}
.bck-yellow12 {
  background: #f4ce6d;
}
.bck-yellow13 {
  background: #f3cb65;
}
.bck-yellow14 {
  background: #e7c160;
}
.bck-yellow15 {
  background: #dab65b;
}
.bck-yellow16 {
  background: #cfad56;
}
.bck-yellow17 {
  background: #c2a251;
}
.bck-yellow18 {
  background: #aa8e47;
}
.bck-yellow19 {
  background: #927a3d;
}
.bck-yellow20 {
  background: #796532;
}
.bck-yellow21 {
  background: #615128;
}
.bck-yellow22 {
  background: #483d1e;
}
.bck-yellow23 {
  background: #312914;
}
.bck-yellow24 {
  background: #18140a;
}
.bck-yellow25 {
  background: #0c0a05;
}
.bck-red1 {
  background: #fcf5f5;
}
.bck-red2 {
  background: #f9ebec;
}
.bck-red3 {
  background: #f3d7d9;
}
.bck-red4 {
  background: #edc3c7;
}
.bck-red5 {
  background: #e7afb3;
}
.bck-red6 {
  background: #e19ba1;
}
.bck-red7 {
  background: #da878e;
}
.bck-red8 {
  background: #d4737b;
}
.bck-red9 {
  background: #ce5f68;
}
.bck-red10 {
  background: #cb555e;
}
.bck-red11 {
  background: #c84b55;
}
.bck-red12 {
  background: #c5414c;
}
.bck-red13 {
  background: #c23742;
}
.bck-red14 {
  background: #b8343f;
}
.bck-red15 {
  background: #ae313b;
}
.bck-red16 {
  background: #a52f38;
}
.bck-red17 {
  background: #9b2c35;
}
.bck-red18 {
  background: #87262e;
}
.bck-red19 {
  background: #742128;
}
.bck-red20 {
  background: #611b21;
}
.bck-red21 {
  background: #4e161a;
}
.bck-red22 {
  background: #3a1014;
}
.bck-red23 {
  background: #270b0d;
}
.bck-red24 {
  background: #130506;
}
.bck-red25 {
  background: #0a0303;
}
.bck-purple {
  background: #5a557f;
}
.bck-texture-yel2-diagR {
  background: #fefaf0;
  background-image: url(/assets/images/uhe-background-paleyellow2-diagonalright.png);
}
.bck-texture-yel4-diagL {
  background: #fefaf0;
  background-image: url(/assets/images/uhe-background-paleyellow4-diagonalleft.png);
}
.bck-texture-lightgrey-diagL {
  background: #e5e8eb;
  background-image: url(/assets/images/uhe-background-palegrey-diagonalleft.png);
}
.bck-texture-lightgrey-diagR {
  background: #e5e8eb;
  background-image: url(/assets/images/uhe-background-palegrey-diagonalright.png);
}
.bck-texture-lightgrey3-diagR {
  background: #d4d9de;
  background-image: url(/assets/images/uhe-background-palegrey3-diagonalright.png);
}
.bck-texture-lightgrey2-diagL {
  background: #f6f8f8;
  background-image: url(/assets/images/uhe-background-palegrey2-diagonalleft.png);
}
.bck-texture-lightgrey1-diagL {
  background: #fbfbfc;
  background-image: url(/assets/images/uhe-background-palegrey1-diagonalleft.png);
}
.bck-texture-medgrey2-diagR {
  background: #e5e8eb;
  background-image: url(/assets/images/uhe-background-medgrey-diagonalright.png);
}
.bck-grad-blkgrey {
  background: #323538;
  background: linear-gradient(135deg, #43484b 0%, #000000 100%);
}
.bck-grad-lightgrey {
  background: #eef0f2;
  background: linear-gradient(to bottom, #eef0f2 0%, #c2cad0 100%);
}
.bck-grad-whitegrey {
  background: #eef0f2;
  background: linear-gradient(to bottom, #ffffff 0%, #e5e8eb 100%);
}
.brdr-btm {
  border-bottom: 1px solid #e5e8eb;
}
.brdr-top {
  border-top: 1px solid #e5e8eb;
}
.brdr-all {
  border: 1px solid #e5e8eb;
}
.color-light-gray {
  color: #E9F0EE;
}
/* STRUCTURE
--------------------*/
/* wrapper for all the content */
#wrap {
  width: 336px;
  margin-top: 0;
}
/*used to create a space at top of page for first elements or after #hero  */
.pushdown {
  padding-top: 20px;
}
/*declaring column widths. All columns are collpased down to #wrap size */
.w-1c,
.w-2c,
.w-3c,
.w-4c,
.w-5c,
.w-6c,
.w-7c,
.w-8c,
.w-9c,
.w-10c,
.w-11c,
.w-12c,
.w-13c,
.w-14c,
.w-15c,
.w-16c,
.w-17c,
.w-18c,
.w-19c,
.w-20c,
.w-21c,
.w-22c,
.w-23c,
.w-24c,
.w-25c,
.w-26c,
.w-27c,
.w-28c {
  width: 336px;
}
/* declaring width as percentage of parent */
.w25p {
  width: 25%;
}
.w33p {
  width: 33.333%;
}
.w50p {
  width: 50%;
}
.w52p {
  width: 52%;
}
.w66p {
  width: 66.666%;
}
.w75p {
  width: 75%;
}
.w100p {
  width: 100%;
}
/* shrinks the width of all columns when a child of .row to allow for margins */
.row [class*='w-'] {
  width: 336px;
}
/* shrinks the width of all columns when a child of .row-m1c to allow for margins */
.row-m1c [class*='w-'],
.pad-1c [class*='w-'] {
  width: 306px;
}
/* shrinks the width of all columns when a child of .row-m2c to allow for margins */
.row-m2c [class*='w-'],
.pad-2c [class*='w-'] {
  width: 306px;
}
/* creates a row that spans the wrapper with a bottom margin */
.row,
.row-m1c,
.row-m2c {
  display: block;
  position: relative;
  clear: both;
  margin: 30px 0;
}
/* creates a 14px right margin to every w-* column when a child of .gutter */
.gutter [class*='w-'] {
  margin-right: 14px;
}
/* prevents a right margin for the last column when a child of .gutter */
.gutter [class*='w-']:last-of-type {
  margin-right: 0;
}
/* makes sure things are the right size when small */
.gutter [class*='w-'] {
  width: 306px;
  margin-left: 0;
  margin-right: 0;
}
/* IF THINGS GO CRAZY AT SMALL SIZES CHECK THIS ONE */
[class*='w-'] [class*='w-'] {
  width: 306px;
  margin-left: 0;
  margin-right: 0;
}
/* add a 1 column margin to left and right */
.row-m1c {
  margin-left: 14px;
  margin-right: 14px;
}
/* add a 2 column margin to left and right */
.row-m2c {
  margin-left: 14px;
  margin-right: 14px;
}
/* declare offset to any item - from the left side */
.offset-1c,
.offset-2c,
.offset-3c,
.offset-4c,
.offset-5c,
.offset-6c,
.offset-7c,
.offset-8c,
.offset-9c,
.offset-10c,
.offset-11c,
.offset-12c,
.offset-13c,
.offset-14c,
.offset-15c,
.offset-16c,
.offset-17c,
.offset-18c,
.offset-19c,
.offset-20c,
.offset-21c,
.offset-22c,
.offset-23c,
.offset-24c,
.offset-25c,
.offset-26c,
.offset-27c {
  margin-left: 14px;
}
/* resizes any items with an offset to fit inside the parent */
.row [class*=offset-] {
  width: 306px;
  margin-left: 14px;
  margin-right: 14px;
}
.pad-1c [class*=offset-] {
  width: 308px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}
.pad-2c [class*=offset-] {
  width: 306px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}
.row-m1c [class*=offset-],
.row-m2c [class*=offset-] {
  margin-left: 0;
  margin-right: 14px;
  width: 306px;
}
/* removes "double" margins that can occur when offset items are nested */
.row [class*='offset-'] [class*='offset-'] {
  margin-left: 0;
}
/* add padding to object (all sides) */
.pad-5 {
  padding: 5px !important;
}
.pad-10 {
  padding: 10px !important;
}
.pad-20 {
  padding: 20px !important;
}
.pad-25 {
  padding: 25px !important;
}
.pad-30 {
  padding: 30px important;
}
.pad-1c,
.pad-2c,
.pad-3c {
  padding: 14px;
}
/* removes margin from the first h1,h2,h3,h4 styled elements to prevent double padding */
.pad-1c h3.head1:first-child,
.pad-1c h3.head2:first-child,
.pad-1c h2.sectionhead:first-child,
.pad-2c h3.head1:first-child,
.pad-2c h3.head2:first-child,
.pad-2c h2.sectionhead:first-child,
.floatL h2.sectionhead:first-child,
.floatR h2.sectionhead:first-child,
.floatL h3.head1:first-child {
  margin-top: 0;
}
.floatR h3.head1:first-child,
.floatR h3.head2:first-child,
.floatL h1.subtitle:first-child,
.floatR h1.subtitle:first-child,
.row h2.sectionhead:first-child,
.row h3.head1:first-child,
.row h3.head2:first-child,
.pad-10 h4 {
  margin-top: 0;
}
.floatL h3.head2:first-child {
  margin-top: 0;
}
/* create a 2 by X structure */
.by2 > ul {
  margin: 0;
}
.by2 > div {
  margin-bottom: 40px;
  display: inline-block;
  vertical-align: top;
}
/* create a 3 by X structure */
.by3 {
  display: block;
}
.by3 > div {
  margin-bottom: 10px;
}
/* create a 4 by X structure */
.by4 img {
  display: block;
}
.by4 > div {
  display: inline-block;
  margin-bottom: 20px;
  padding: 2px;
  vertical-align: top;
}
/* DIAGONALS
--------------------*/
/* add diagonal to top of div slanting down to the right or left. will overlap the element below it to create the cut*/
.slant-d-r,
.slant-d-l,
.slant2-d-r,
.slant2-d-l {
  position: relative;
  z-index: 1;
  height: 30px;
}
.slant-d-r:after {
  background: inherit;
  bottom: 0;
  content: '';
  display: block;
  height: 45px;
  left: 0;
  position: absolute;
  right: 0;
  transform: skewY(2deg);
  transform-origin: 0;
  z-index: -1;
}
.slant-d-l:after {
  background: inherit;
  bottom: 0;
  content: '';
  display: block;
  height: 45px;
  left: 0;
  position: absolute;
  right: 0;
  transform: skewY(-2deg);
  transform-origin: 100%;
  z-index: -1;
}
.slant2-d-r:before {
  background: inherit;
  bottom: 10px;
  content: '';
  display: block;
  height: 55px;
  left: 0;
  position: absolute;
  right: 0;
  transform: skewY(2deg);
  transform-origin: 0;
  z-index: -1;
}
.slant2-d-l:before {
  background: inherit;
  bottom: 10px;
  content: '';
  display: block;
  height: 55px;
  left: 0;
  position: absolute;
  right: 0;
  transform: skewY(-2deg);
  transform-origin: 100%;
  z-index: -1;
}
/* HEADER AND NAVIGATION
--------------------*/
/* header container for navigation etc. */
#header {
  height: 50px;
  padding: 0;
  margin-top: 20px;
  margin-bottom: 30px;
}
/* logo in header */
#logo {
  overflow: hidden;
  float: left;
  background: #000000;
  width: 126px;
  height: 50px;
}
/* the navigation element when page is small */
#nav-mini {
  overflow: hidden;
  float: right;
  width: 190px;
  height: 50px;
  text-align: right;
  margin: 0 10px;
  font-size: 0.85em;
  font-weight: 500;
}
#nav-mini ul {
  list-style: none;
  margin: 12px 0 0 0;
  padding: 0;
  text-align: right;
}
#nav-mini ul li {
  display: inline;
  margin: 0 0 0 20px;
  padding: 0;
}
#nav-mini #cart-icon {
  vertical-align: middle;
  padding-bottom: 2px;
  padding-right: 4px;
}
#nav-mini .cart-items {
  display: inline-block;
  line-height: 0;
  border-radius: 50%;
  background: #f5d584;
  font-size: 0.85em;
  font-weight: 600;
  padding: 2px;
}
#nav-mini .cart-items:before,
#nav-mini .cart-items:after {
  content: '\200B';
  display: inline-block;
  line-height: 0px;
  padding-top: 55%;
  padding-bottom: 50%;
}
#nav-mini .cart-items:before {
  padding-left: 5px;
}
#nav-mini .cart-items:after {
  padding-right: 5px;
}
.cartnote {
  font-size: 0.75em;
  font-weight: 200;
  margin-bottom: 0;
  padding: 10px 0 0 0;
}
#nav-links {
  display: none;
}
#nav-acct {
  display: none;
}
#nav-cart {
  display: none;
}
/* something added to cart notification */
#notice-added {
  font-family: canada-type-gibson;
  background: #f9e5b2;
  text-align: center;
  padding: 10px;
}
#notice-added p {
  margin: 0;
  padding: 0;
}
#notice-added img {
  vertical-align: middle;
  padding-bottom: 2px;
}
#notice-added div:nth-of-type(1) {
  float: left;
  margin: auto;
  font-weight: 700;
  font-size: 0.9em;
  width: 80%;
}
/* close section */
#notice-added div:nth-of-type(2) {
  float: right;
  font-weight: 100;
  font-size: 0.7em;
  letter-spacing: 0.04em;
  width: 20%;
}
/* show a bit of text in the notification bar at small sizes */
#notice-added .hide {
  display: inline;
}
/* PRODUCT DROPDOWN
--------------------*/
#menu-product {
  display: none;
  background-color: #ffffff;
}
#menu-product .prod-col {
  display: none;
}
/* SMALL PRODUCT DROPDOWN
--------------------*/
#menu-product-small {
  font-family: canada-type-gibson;
  text-align: right;
  display: inline-block;
  width: 336px;
  -webkit-box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.4);
  border-radius: 5px 5px 5px 5px;
  overflow: hidden;
  position: absolute;
  z-index: 9999;
}
#menu-product-small ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#menu-product-small li {
  margin: 0;
}
#menu-product-small .menu-item {
  font-size: 1em;
  font-weight: 500;
  text-transform: uppercase;
  display: block;
  padding: 20px 30px 20px 20px;
  margin: 0;
}
#menu-product-small .menu-item .menu-subnav {
  font-size: 0.75em;
  font-weight: 300;
}
.menusm-close {
  font-size: 0.75em;
  padding: 15px 0 10px 25px;
  text-align: left;
}
#menu-product-small li:nth-of-type(odd) {
  background: #f6f8f8;
}
#menu-product-small li:nth-of-type(even) {
  background: #eef0f2;
}
#menu-product-small a:hover {
  color: #87262e;
  text-decoration: none;
}
#menu-product-small a:link,
#menu-product-small a:visited {
  color: #3c4447;
  text-decoration: none;
}
/* CART DROPDOWN
--------------------*/
/*wrapper for cart dropdown */
#menu-cart {
  font-family: canada-type-gibson;
  -webkit-box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.4);
  border-radius: 5px 5px 5px 5px;
  width: 306px;
  overflow: hidden;
  padding: 35px 14px;
  background: #e5e8eb;
  position: absolute;
  z-index: 9999;
  right: 0;
}
/*first row of cart drop down */
.menu-cart-head {
  margin-bottom: 20px;
}
/* headline of cart drop down */
#menu-cart .menu-cart-head div:nth-of-type(1) {
  width: 100px;
  float: right;
  font-weight: 100;
  font-size: 0.75em;
  letter-spacing: 0.04em;
  text-align: right;
}
/* close section */
#menu-cart .menu-cart-head div:nth-of-type(2) {
  width: 120px;
  float: left;
  font-weight: 600;
  font-size: 0.85em;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-align: left;
}
/* clear fix */
.menu-cart-head:after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
/* block for each item in the cart */
.menu-cart-item {
  padding: 15px 0;
  border-bottom: 1px dotted #acb7bf;
}
/*cart item elements style */
.menu-cart-item ul,
.menu-cart-sub ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.menu-cart-item ul li {
  display: inline-block;
}
/* cart item info list */
.menu-cart-item li:nth-of-type(1) {
  float: left;
  text-align: left;
  font-weight: 600;
}
.menu-cart-item li:nth-of-type(2) {
  float: right;
  margin-left: 10px;
}
.menu-cart-item li:nth-of-type(3) {
  text-align: right;
  font-weight: 200;
  float: right;
}
.menu-cart-item li:nth-of-type(4) {
  font-size: 0.6em;
  font-weight: 100;
  text-align: left;
  clear: both;
  display: block;
}
/* sub total area */
.menu-cart-sub {
  background: #fbf0d1;
  padding: 10px 5px 5px 5px;
}
.menu-cart-sub li:nth-of-type(1) {
  text-transform: uppercase;
  font-size: 0.8em;
  font-weight: 300;
  text-align: left;
  float: left;
}
.menu-cart-sub li:nth-of-type(2) {
  font-weight: 600;
  text-align: right;
  float: right;
  padding-right: 10px;
}
/* tax declaration */
.menu-cart-tax {
  font-size: 0.8em;
  padding: 0;
  margin: 0 10px 0 0;
  text-align: right;
}
/* FOOTER
--------------------*/
/* footer container */
#footer {
  margin-top: 30px;
  margin-left: 14px;
  margin-right: 14px;
}
/* footer logo section */
#foot-logo {
  font-size: 0.9em;
  font-weight: 100;
  letter-spacing: 0.04em;
}
#foot-media {
  font-size: 0.9em;
  font-weight: 300;
  letter-spacing: 0.01em;
}
/* headline for sign-up */
.foot-signup {
  display: block;
  padding: 0;
  margin: 5px 0;
}
/* newsletter sign up area in footer */
#foot-news {
  float: none;
  width: 100%;
  text-align: left;
  margin: 10px 0 0 0;
}
/* newsletter sign up form in footer */
#foot-news form {
  float: none;
  padding: 0;
  margin: 0;
}
/* styling the footer newsletter text input box */
#foot-news form input[type=text],
#foot-news form input[type=email] {
  font-family: Brando;
  font-size: 1em;
  color: #555555;
  border: 0;
  background: #e5e8eb;
  height: 35px;
  width: 160px;
  margin: 0;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* styling the footer newsletter button */
#foot-news form input[type=submit] {
  font-family: canada-type-gibson;
  font-weight: 400;
  font-size: 1em;
  letter-spacing: 0.02em;
  background: #dab65b;
  border: 0;
  height: 35px;
  width: 100px;
  border-radius: 4px;
  margin: 0;
  color: #ffffff;
  -webkit-appearance: none !important;
}
/* social media area in footer */
#foot-social {
  float: none;
  margin: 15px 0;
  width: 100%;
  vertical-align: middle;
}
#foot-social .hide2,
#foot-logo .hide2,
#foot-logo .hide,
#foot-social .hide {
  display: none;
}
/* shows this element */
#foot-map {
  display: block;
  font-size: 0.85em;
  text-align: left;
  margin: 0 0 40px 0;
}
/* link list in footer */
#foot-links {
  font-weight: 300;
  display: none;
}
/* legal line in footer */
.foot-legal {
  margin-top: 30px;
  font-size: 0.8em;
  text-align: left;
}
.foot-legal p {
  font-weight: 300;
}
.foot-legal b {
  font-weight: 500;
}
.foot-privacy {
  display: block;
  text-align: left;
}
.foot-legal p:nth-child(1) {
  float: none;
}
.foot-legal p:nth-child(2) {
  float: none;
}
/* TEXT STYLES
--------------------*/
/* various page text elements */
h1.title {
  font-size: 3.8em;
  font-weight: 300;
  letter-spacing: -0.01em;
  padding: 0;
  margin: 0 0 30px 0;
}
/* a smaller h1 created for company info pages (impressum, etc.) */
h1.title.smaller {
  font-size: 34px;
}
h1.subtitle {
  font-size: 3em;
  font-weight: 300;
  letter-spacing: -0.01em;
  padding: 0;
  margin: 0 0 30px 0;
}
h2.headline {
  font-size: 2em;
  font-weight: 900;
  letter-spacing: 0.01em;
  line-height: 1.2em;
  padding: 0;
  margin: 0 0 30px 0;
}
h2.sectionhead {
  font-size: 1.7em;
  font-weight: 600;
  padding: 0;
  margin: 40px 0 -10px 0;
}
h3.head1 {
  font-size: 1.45em;
  font-weight: 600;
  padding: 0;
  margin: 40px 0 0 0;
}
h3.head2 {
  font-size: 1.1em;
  font-weight: 800;
  padding: 0;
  margin: 40px 0 0 0;
}
/* lead in paragraph */
p.leadin {
  font-size: 1.5em;
  line-height: 1.2em;
  font-weight: 300;
  font-style: italic;
}
p {
  font-weight: 500;
  font-size: 1.2em;
  line-height: 1.5em;
}
ul,
ol {
  font-weight: 500;
  font-size: 1.2em;
  line-height: 1.5em;
  margin: 30px 0;
}
ul ol,
ul ul,
ol ul {
  margin-top: 10px;
  font-size: 1em;
}
ul li,
ol li {
  margin-bottom: 4px;
}
/* make a list a single line */
.inline-list,
.inline-listsm {
  list-style: none;
  margin: 20px 0 0 0;
  padding: 0;
}
.inline-list li {
  padding-right: 10px;
  display: inline-block;
  vertical-align: text-bottom;
  font-size: 1.2em;
  font-weight: 600;
}
.inline-listsm li {
  padding-right: 30px;
  display: inline-block;
  vertical-align: text-bottom;
}
.inline-list img,
.inline-listsm img {
  display: inline-block;
}
/* make a regular list 2 columns (collapses to 1 col at small size) */
.list-2c,
.list-1c {
  column-count: 1;
  column-gap: 0;
  padding-left: 20px;
}
/* make a regular list 2 columns (does not collapse to 1 col) */
.list-2cx {
  column-count: 2;
  column-gap: 35px;
  padding-left: 15px;
}
/* make a regular list 3 columns (collapses at smaller sizes) */
.list-3c {
  column-count: 2;
  column-gap: 35px;
  padding-left: 20px;
}
/* make a regular list 3 columns (collapses at smaller sizes) */
.list-3cx {
  column-count: 1;
  column-gap: 0;
  padding-left: 20px;
}
/* make a regular list 4 columns (collapses at smaller sizes) */
.list-4c {
  column-count: 2;
  column-gap: 35px;
  padding-left: 20px;
}
.list-1c li,
.list-2c li,
.list-2cx li,
.list-3c li,
.list-3cx li,
.list-4c li {
  page-break-inside: avoid;
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  break-inside: avoid;
}
/* caption for images / items */
.caption {
  font-style: italic;
  font-size: 0.95em;
  margin: 10px 0 0 0;
  padding: 0;
}
.smaller {
  font-size: 0.9em;
}
.smallerer {
  font-size: 0.8em;
}
.smfnt {
  font-size: 0.65em;
  font-weight: 300;
}
/* make things smaller than the neighbouring text */
.smallnote {
  font-size: 0.8em;
  font-weight: 500;
  color: #757d83;
}
.bigger {
  font-size: 1.1em;
}
.biggerer {
  font-size: 1.3em;
}
.hide3 {
  display: none;
}
.hide4 {
  display: none;
}
.hide-med {
  display: inline;
}
/* BUTTON STYLES
--------------------*/
/* forcing all buttons to be one size for small screens */
.buttonT,
.buttonS,
.buttonM,
.buttonL {
  font-size: 1em;
  padding: 14px 21px;
  border-radius: 3px;
  letter-spacing: 0.04em;
  width: 100%;
}
/*adding a bit of spacing to buttons */
.button {
  margin-top: 10px;
}
/* FORMS
--------------------*/
/* declaring the size different form input fields */
.input-w1c,
.input-w2c,
.input-w3c,
.input-w4c,
.input-w5c,
.input-w6c,
.input-w7c,
.input-w8c,
.input-w9c,
.input-w10c,
.input-w11c,
.input-w12c,
.input-w13c,
.input-w14c,
.input-w15c,
.input-w16c,
.input-w17c,
.input-w18c,
.input-w19c,
.input-w20c,
.input-w21c,
.input-w22c,
.input-w23c,
.input-w24c,
.input-w25c,
.input-w26c,
.input-w27c,
.input-w28c {
  width: 100%;
}
form > label,
[form-type] > label {
  font-weight: 600;
  font-size: 1.2em;
}
input::placeholder {
  color: #c2cad0;
  font-style: italic;
}
/* mailchimp form specific */
#mc_embed_signup {
  margin: 0;
}
#mc-embedded-subscribe-form input[type="text"],
#mc_embed_signup input[type="email"],
#mc_embed_signup textarea {
  font-family: Brando;
  font-weight: 500;
}
.mc-field-group > label {
  font-weight: 600;
  font-size: 1.2em;
}
/* SPLASH ELEMENTS
--------------------*/
/* setting up the splash elements - normal size (splash) and small (splashsm) */
.splash-lg,
.splash-sm {
  position: relative;
  margin: 0;
}
/* image inside splash elements */
.splash-lg img,
.splash-sm img {
  width: 100%;
  display: block;
}
/* the text section inside the splash elements */
.splash-lg-intro,
.splash-sm-intro {
  position: relative;
  display: block;
  margin: 0;
  bottom: 25px;
  text-align: left;
}
/* page title inside splash elements*/
.splash-lg-intro h1,
.splash-sm-intro h1 {
  margin: 10px 0 !important;
  padding: 0;
  line-height: 1.1em;
}
/* subheading for splash title */
.splash-lg-intro p,
.splash-sm-intro p {
  margin: 0;
  padding: 0;
  font-size: 1.1em;
  font-style: italic;
}
/* NOTIFICATION BANNERS
--------------------*/
.queued {
  background: rgba(194, 202, 208, 0.95);
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding: 10px 20px 5px 20px;
  z-index: 888;
}
.queued > div:first-of-type {
  float: right;
  text-align: center;
}
.queued > p {
  font-size: 1em;
  margin-top: 20px;
}
.queued .title {
  font-weight: 700;
}
.cart {
  background: #fff1cd;
  color: #43484b;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding: 20px 20px 15px 20px;
  z-index: 999;
}
.cart > div:first-of-type {
  float: right;
  width: 60px;
  max-width: 60px;
  text-align: center;
}
.cart > div:last-of-type {
  overflow: hidden;
  text-align: center;
  font-size: 1em;
}
.cookies {
  bottom: 0;
  top: inherit;
  background: #000000;
}
.attached {
  background: orange;
}
.notification .close {
  font-family: canada-type-gibson;
  font-size: 0.8em;
  font-weight: 400;
  cursor: pointer;
  white-space: nowrap;
  position: relative;
  z-index: 1;
}
.notification .xmas-notification {
  color: white;
  font-size: 25px;
  font-family: canada-type-gibson;
  position: absolute;
  background-color: #3EA161;
  width: 100vw;
  left: 0;
  top: 0;
}
.notification .xmas-notification h3 {
  font-weight: 600;
}
.notification .xmas-notification h3,
.notification .xmas-notification p {
  margin: 0;
  line-height: 18px;
  font-size: 13px;
}
.notification .xmas-notification__img {
  display: none;
  margin: 0 20px 0 0;
  height: 130px;
  float: left;
}
.notification .xmas-notification__text {
  padding: 30px 10px 15px;
}
/*-------------------------------------------------*/
/* BREAK POINT */
/*-------------------------------------------------*/
/* SMALL */
@media all and (min-width: 550px) {
  /* STRUCTURE
  --------------------*/
  /* wrapper for all the content */
  #wrap {
    width: 511px;
    margin-top: 0;
  }
  /*used to create a space at top of page for first elements or after #hero  */
  .pushdown {
    padding-top: 30px;
  }
  /*declaring column widths. All columns are collpased down to #wrap size */
  .w-1c,
  .w-2c,
  .w-3c,
  .w-4c,
  .w-5c,
  .w-6c,
  .w-7c,
  .w-8c,
  .w-9c,
  .w-10c,
  .w-11c,
  .w-12c,
  .w-13c,
  .w-14c,
  .w-15c,
  .w-16c,
  .w-17c,
  .w-18c,
  .w-19c,
  .w-20c,
  .w-21c,
  .w-22c,
  .w-23c,
  .w-24c,
  .w-25c,
  .w-26c,
  .w-27c,
  .w-28c {
    width: 511px;
  }
  /* shrinks the width of all columns when a child of .row to allow for margins */
  .row [class*='w-'] {
    width: 511px;
  }
  /* shrinks the width of all columns when a child of .row-m1c to allow for margins */
  .row-m1c [class*='w-'],
  .pad-1c [class*="w-"] {
    width: 441px;
  }
  /* shrinks the width of all columns when a child of .row-m2c to allow for margins */
  .row-m2c [class*='w-'],
  .pad-2c [class*='w-'] {
    width: 441px;
  }
  /* creates a row that spans the wrapper with a bottom margin */
  .row,
  .row-m1c,
  .row-m2c {
    display: block;
    position: relative;
    clear: both;
    margin: 30px 0;
  }
  /* creates a 14px right margin to every w-* column when a child of .gutter */
  .gutter [class*='w-'] {
    margin-right: 14px;
  }
  /* prevents a right margin for the last column when a child of .gutter */
  .gutter [class*='w-']:last-of-type {
    margin-right: 0;
  }
  /* makes sure things are the right size when small */
  .gutter [class*='w-'] {
    width: 441px;
    margin-left: 0;
    margin-right: 0;
  }
  /* IF THINGS GO CRAZY AT SMALL SIZES CHECK THIS ONE */
  [class*='w-'] [class*='w-'] {
    width: 441px;
    margin-left: 0;
    margin-right: 0;
  }
  /* add a 1 column margin to left and right */
  .row-m1c {
    margin-left: 35px;
    margin-right: 35px;
  }
  /* add a 2 column margin to left and right */
  .row-m2c {
    margin-left: 35px;
    margin-right: 35px;
  }
  /* declare offset to any item - from the left side */
  .offset-1c,
  .offset-2c,
  .offset-3c,
  .offset-4c,
  .offset-5c,
  .offset-6c,
  .offset-7c,
  .offset-8c,
  .offset-9c,
  .offset-10c,
  .offset-11c,
  .offset-12c,
  .offset-13c,
  .offset-14c,
  .offset-15c,
  .offset-16c,
  .offset-17c,
  .offset-18c,
  .offset-19c,
  .offset-20c,
  .offset-21c,
  .offset-22c,
  .offset-23c,
  .offset-24c,
  .offset-25c,
  .offset-26c,
  .offset-27c {
    margin-left: 35px;
  }
  /* resizes any items with an offset to fit inside the parent */
  .row [class*='offset-'] {
    width: 441px;
    margin-left: 35px;
    margin-right: 35px;
  }
  .row-m1c [class*='offset-'] {
    width: 441px;
    margin-left: 0;
    margin-right: 35px;
  }
  .row-m2c [class*='offset-'] {
    width: 441px;
    margin-left: 0;
    margin-right: 35px;
  }
  .pad-1c [class*='offset-'] {
    width: 441px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .pad-2c [class*='offset-'] {
    width: 441px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
  /* add padding to object (all sides) */
  .pad-1c,
  .pad-2c,
  .pad-3c {
    padding: 35px;
  }
  /* HEADER AND NAVIGATION
  --------------------*/
  #notice-added div:nth-of-type(1) {
    width: 85%;
  }
  #notice-added div:nth-of-type(2) {
    width: 15%;
  }
  #notice-added .hide {
    display: none;
  }
  /* SMALL PRODUCT DROPDOWN
  --------------------*/
  #menu-product-small {
    width: 511px;
  }
  /* CART DROPDOWN
  --------------------*/
  /*wrapper for cart dropdown */
  #menu-cart {
    padding: 35px;
  }
  /* cart item info list */
  .menu-cart-item li:nth-of-type(4) {
    font-size: 0.65em;
  }
  /* FOOTER
  --------------------*/
  /* footer container */
  #footer {
    margin-top: 30px;
    margin-left: inherit;
    margin-right: inherit;
  }
  #foot-media {
    margin: 0 0 0 0;
  }
  /* newsletter sign up area in footer */
  #foot-news {
    float: left;
    width: 59%;
    text-align: left;
  }
  /* social media area in footer */
  #foot-social {
    float: right;
    margin: 0 0 0 0;
    text-align: left;
    width: 39%;
    font-weight: 300;
  }
  #foot-social p {
    font-weight: 300;
  }
  #foot-social .hide2,
  #foot-logo .hide2 {
    display: inline;
  }
  #foot-social .hide,
  #foot-logo .hide {
    display: none;
  }
  /* shows this element */
  #foot-map {
    display: none;
  }
  /* link list in footer */
  #foot-links {
    clear: both;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  #foot-links div {
    width: 31.7%;
    float: left;
    margin-left: 2%;
    margin-top: 30px;
  }
  #foot-links div:nth-of-type(4) {
    margin-left: 0;
  }
  #foot-links h4 {
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 0.85em;
    margin: 0 0 10px 0;
    padding: 0;
  }
  #foot-links > div > ul {
    margin: 0;
    padding: 0;
    font-size: 0.8em;
    list-style-type: none;
    font-weight: 300;
  }
  #foot-links > div > ul > li {
    margin: 0;
    padding: 0;
    letter-spacing: 0.05em;
  }
  .foot-privacy {
    display: inline;
  }
  /* SPLASH ELEMENT
  --------------------*/
  /* the text section inside the normal splash element */
  /* the text section inside the splash elements */
  .splash-lg-intro,
  .splash-sm-intro {
    position: absolute;
    display: block;
    margin: 0;
    top: 0;
    text-align: left;
    color: #ffffff;
  }
  /* page title inside splash elements*/
  .splash-lg-intro h1,
  .splash-sm-intro h1 {
    line-height: 0.8em;
    font-size: 46px;
  }
  /* subheading for splash title */
  .splash-lg-intro p,
  .splash-sm-intro p {
    font-size: 18px;
    line-height: 1em;
  }
  /* TEXT STYLES
  --------------------*/
  .hide3 {
    display: inline;
  }
  .hide4 {
    display: none;
  }
}
/*-------------------------------------------------*/
/* BREAK POINT */
/*-------------------------------------------------*/
/* MEDIUM */
@media all and (min-width: 760px) {
  /* STRUCTURE
  --------------------*/
  /* wrapper for all the content */
  #wrap {
    width: 748px;
    margin-top: 0;
  }
  /*used to create a space at top of page for first elements or after #hero  */
  .pushdown {
    padding-top: 40px;
  }
  .w-1c {
    width: 19px !important;
  }
  .w-2c {
    width: 46px !important;
  }
  .w-3c {
    width: 73px !important;
  }
  .w-4c {
    width: 100px !important;
  }
  .w-5c {
    width: 127px !important;
  }
  .w-6c {
    width: 154px !important;
  }
  .w-7c {
    width: 181px !important;
  }
  .w-8c {
    width: 208px !important;
  }
  .w-9c {
    width: 235px !important;
  }
  .w-10c {
    width: 262px !important;
  }
  .w-11c {
    width: 289px !important;
  }
  .w-12c {
    width: 316px !important;
  }
  .w-13c {
    width: 343px !important;
  }
  .w-14c {
    width: 370px !important;
  }
  .w-15c {
    width: 397px !important;
  }
  .w-16c {
    width: 424px !important;
  }
  .w-17c {
    width: 451px !important;
  }
  .w-18c {
    width: 478px !important;
  }
  .w-19c {
    width: 505px !important;
  }
  .w-20c {
    width: 532px !important;
  }
  .w-21c {
    width: 559px !important;
  }
  .w-22c {
    width: 586px !important;
  }
  .w-23c {
    width: 613px !important;
  }
  .w-24c {
    width: 640px !important;
  }
  .w-25c {
    width: 667px !important;
  }
  .w-26c {
    width: 694px !important;
  }
  .w-27c {
    width: 721px !important;
  }
  .w-28c {
    width: 748px !important;
  }
  /* creates a row that spans the wrapper with a bottom margin */
  .row,
  .row-m1c,
  .row-m2c {
    display: block;
    position: relative;
    clear: both;
    margin: 50px 0;
  }
  /* creates a 8px right margin to every w-* column when a child of .gutter */
  .gutter [class*='w-'] {
    margin-right: 8px;
  }
  /* prevents a right margin for the last column when a child of .gutter */
  .gutter [class*='w-']:last-of-type {
    margin-right: 0;
  }
  /* add a 1 column margin to left and right */
  .row-m1c {
    margin-left: 27px;
    margin-right: 27px;
  }
  /* add a 2 column margin to left and right */
  .row-m2c {
    margin-left: 54px;
    margin-right: 54px;
  }
  .offset-1c {
    margin-left: 27px !important;
  }
  .offset-2c {
    margin-left: 54px !important;
  }
  .offset-3c {
    margin-left: 81px !important;
  }
  .offset-4c {
    margin-left: 108px !important;
  }
  .offset-5c {
    margin-left: 135px !important;
  }
  .offset-6c {
    margin-left: 162px !important;
  }
  .offset-7c {
    margin-left: 189px !important;
  }
  .offset-8c {
    margin-left: 216px !important;
  }
  .offset-9c {
    margin-left: 243px !important;
  }
  .offset-10c {
    margin-left: 270px !important;
  }
  .offset-11c {
    margin-left: 297px !important;
  }
  .offset-12c {
    margin-left: 324px !important;
  }
  .offset-13c {
    margin-left: 351px !important;
  }
  .offset-14c {
    margin-left: 378px !important;
  }
  .offset-15c {
    margin-left: 405px !important;
  }
  .offset-16c {
    margin-left: 432px !important;
  }
  .offset-17c {
    margin-left: 459px !important;
  }
  .offset-18c {
    margin-left: 486px !important;
  }
  .offset-19c {
    margin-left: 513px !important;
  }
  .offset-20c {
    margin-left: 540px !important;
  }
  .offset-21c {
    margin-left: 567px !important;
  }
  .offset-22c {
    margin-left: 594px !important;
  }
  .offset-23c {
    margin-left: 621px !important;
  }
  .offset-24c {
    margin-left: 648px !important;
  }
  .offset-25c {
    margin-left: 675px !important;
  }
  .offset-26c {
    margin-left: 702px !important;
  }
  .offset-27c {
    margin-left: 729px !important;
  }
  /* resizes any items with an offset to fit inside the parent */
  /* THIS MIGHT BE MESSING THINGS UP */
  .row [class*='offset-'] {
    margin-right: 0;
    margin-left: 0;
  }
  .row-m2c [class*='offset-'] {
    margin-left: 0;
    margin-right: 0;
  }
  /* add padding to object (all sides) */
  .pad-1c {
    padding: 27px;
  }
  .pad-2c {
    padding: 54px;
  }
  .pad-3c {
    padding: 81px;
  }
  /* create a 2 by X structure */
  .by2 > div:nth-of-type(2n-1) {
    margin-right: 8px;
  }
  /* create a 3 by X structure */
  .by3 > div {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 20px;
  }
  .by3 > div:nth-of-type(3n+2) {
    margin-left: 8px;
    margin-right: 8px;
  }
  /* create a 4 by X structure */
  .by4 > div {
    margin-bottom: 20px;
  }
  .by4 > div:nth-of-type(4n+2) {
    margin-left: 8px;
    margin-right: 8px;
  }
  .by4 > div:nth-of-type(4n+3) {
    margin-right: 8px;
  }
  /* HEADER AND NAVIGATION
  --------------------*/
  /* header container for navigation etc. */
  #header {
    height: 50px;
    padding: 0;
  }
  /* logo in header */
  #logo {
    overflow: hidden;
    float: left;
    background: #000000;
    width: 126px;
    height: 50px;
    margin-right: 15px;
  }
  /* the navigation element when page is small */
  #nav-mini {
    display: none;
  }
  /* main navigation links */
  #nav-links {
    display: block;
    float: left;
    overflow: hidden;
  }
  /* nav links section */
  #nav-links ul {
    list-style-type: none;
    font-weight: 600;
    font-size: 0.8em;
    margin: 15px 0 0 0;
    padding: 0;
  }
  /* nav link items */
  #nav-links ul li {
    float: left;
    padding: 0;
    margin: 0 12px 0 0;
  }
  /* removing the right margin from the last nav element */
  #nav-links ul li:last-of-type {
    margin: 0;
  }
  /* account section of navigation */
  #nav-acct {
    height: 50px;
    background: #f6f8f8;
    display: block;
    float: right;
    overflow: hidden;
    width: 140px;
    font-size: 0.7em;
    font-weight: 600;
  }
  #nav-acct img {
    vertical-align: middle;
  }
  #nav-acct #acct-icon {
    margin-left: 10px;
  }
  /* shopping cart section of navigation */
  #nav-cart {
    height: 50px;
    background: #e5e8eb;
    display: block;
    float: right;
    overflow: hidden;
    width: 140px;
    font-size: 0.7em;
    font-weight: 600;
  }
  #nav-cart img {
    vertical-align: middle;
  }
  #nav-cart #cart-icon {
    margin-left: 10px;
  }
  .cart-items {
    display: inline-block;
    border-radius: 50%;
    background: #f5d584;
    font-size: 0.95em;
    font-weight: 600;
    color: #656b71;
    padding: 2px;
  }
  .cart-items:before,
  .cart-items:after {
    content: '\200B';
    display: inline-block;
    line-height: 0;
    padding-top: 55%;
    padding-bottom: 50%;
  }
  .cart-items:before {
    padding-left: 5px;
  }
  .cart-items:after {
    padding-right: 5px;
  }
  /* PRODUCT DROP DOWN
  --------------------*/
  /* container for product drop down menu */
  #menu-product {
    font-family: canada-type-gibson;
    -webkit-box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.4);
    border-radius: 5px 5px 5px 5px;
    width: 748px;
    display: flex;
    overflow: hidden;
    position: absolute;
    z-index: 9999;
  }
  /* product drop down column headers */
  #menu-product h3 {
    font-size: 1.1em;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 0.05em;
    padding: 0;
    margin: 30px 0 20px 0;
    color: #4e161a;
    border-bottom: 2px solid #e5e8eb;
  }
  #menu-product h4 {
    font-size: 0.75em;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.05em;
    padding: 5px 0 0 0;
    margin: 10px 0 10px 0;
    color: #8f98a0;
    border-top: 1px solid #e5e8eb;
  }
  /* product drop down columns */
  #menu-product .prod-col {
    display: block;
    float: left;
  }
  /*#menu-product .prod-col:nth-of-type(1)
        {
        	width: 232px;
        	padding: 0 20px 20px 20px;
        	background: #f6f8f8;
        }

        #menu-product .prod-col:nth-of-type(2)
        {
        	width: 232px;
        	padding: 0 20px 20px 20px;
        	background: #eef0f2;
        }

        #menu-product .prod-col:nth-of-type(3)
        {
        	width: 284px;
        	padding: 0 20px 20px 20px;
        	background: #f6f8f8;
        }*/
  #menu-product .prod-col {
    width: 149px;
    padding: 0 20px 20px 20px;
  }
  #menu-product .prod-col:nth-of-type(5) {
    width: 152px;
  }
  /* list of products */
  #menu-product .menulist {
    list-style: none;
    padding: 0;
    margin: 0;
    font-weight: 600;
    font-size: 0.8em;
    text-transform: uppercase;
  }
  /*#menu-product div ul {
  	width: 46%;
  }
  #menu-product ul:nth-of-type(1) {
  	float: left;
  	margin-right: 14px;
  }
  #menu-product ul:nth-of-type(2) {
  	float: left;
  }*/
  #menu-product .menulist li {
    margin: 0 0 10px 0;
    padding: 0;
  }
  #menu-product .new {
    color: #a5cf4c;
    font-size: 1.1em;
  }
  .prod-col a:hover {
    color: #87262e;
    text-decoration: none;
  }
  .prod-col a:link,
  .prod-col a:visited {
    color: #3c4447;
    text-decoration: none;
  }
  .prod-col .prod-close {
    float: right;
    font-size: 0.75em;
    margin: 0px 10px 0px 0px;
    padding: 0;
  }
  .prod-close:after {
    clear: both;
  }
  /* SMALL PRODUCT DROPDOWN
  --------------------*/
  #menu-product-small {
    display: none !important;
  }
  /* FOOTER
  --------------------*/
  /* headline for sign-up */
  .foot-signup {
    display: inline;
    margin: 0 0 10px 0;
  }
  /* newsletter sign up area in footer */
  #foot-news {
    float: left;
    width: 65%;
    text-align: left;
  }
  /* styling the footer newsletter text input box */
  #foot-news form input[type=text],
  #foot-news form input[type=email] {
    width: 170px;
  }
  /* social media area in footer */
  #foot-social {
    float: right;
    margin: 0;
    text-align: right;
    font-weight: 300;
    width: 35%;
  }
  #foot-social .hide {
    display: none;
  }
  #foot-logo .hide,
  #foot-social .hide2,
  #foot-logo .hide2 {
    display: inline;
  }
  #foot-links {
    margin-top: 10px;
  }
  #foot-links div {
    width: 15.4%;
    float: left;
    margin-left: 1.5%;
  }
  #foot-links div:nth-of-type(4) {
    margin-left: 1.5%;
  }
  /* legal line in footer */
  .foot-legal {
    margin-top: 30px;
    font-size: 0.8em;
  }
  .foot-legal b {
    font-weight: 500;
  }
  .foot-legal p:nth-child(1) {
    float: left;
  }
  .foot-legal p:nth-child(2) {
    float: right;
  }
  /* TEXT STYLES
  --------------------*/
  /* various page text elements */
  h1.title {
    font-size: 4.8em;
    font-weight: 300;
    letter-spacing: -0.01em;
    padding: 0;
    margin: 0 0 30px 0;
  }
  h1.title.smaller {
    font-size: 44px;
  }
  h1.subtitle {
    font-size: 3em;
    font-weight: 300;
    letter-spacing: -0.01em;
    padding: 0;
    margin: 0 0 30px 0;
  }
  h2.headline {
    font-size: 2.5em;
    font-weight: 900;
    letter-spacing: 0.01em;
    line-height: 1.2em;
    padding: 0;
    margin: 0 0 30px 0;
  }
  h2.sectionhead {
    font-size: 1.7em;
    font-weight: 600;
    padding: 0;
    margin: 50px 0 -5px 0;
  }
  h3.head1 {
    font-size: 1.3em;
    font-weight: 600;
    padding: 0;
    margin: 40px 0 0 0;
  }
  h3.head2 {
    font-size: 1em;
    font-weight: 800;
    padding: 0;
    margin: 40px 0 0 0;
  }
  p {
    font-weight: 500;
    font-size: 1.05em;
    line-height: 1.45em;
  }
  ul,
  ol {
    font-weight: 500;
    font-size: 1.05em;
    line-height: 1.45;
    margin: 30px 0;
  }
  ul li,
  ol li {
    margin-bottom: 5px;
  }
  /* make a list a single line */
  .inline-list {
    margin: 30px 0 0 0;
  }
  .inline-list li {
    padding-right: 30px;
    display: inline-block;
  }
  /* make a regular list 2 columns (collapses to 1 col at small size) */
  .list-2c,
  .list-2cx {
    column-count: 2;
    column-gap: 40px;
  }
  /* make a regular list 3 columns (collapses to 1 col at small size) */
  .list-3c {
    column-count: 3;
    column-gap: 35px;
  }
  /* make a regular list 3 columns (collapses to 1 col at small size) */
  .list-3cx {
    column-count: 3;
    column-gap: 35px;
  }
  /* make a regular list 4 columns (collapses at smaller sizes) */
  .list-4c {
    column-count: 3;
    column-gap: 35px;
  }
  .hide4 {
    display: inline;
  }
  .hide-med {
    display: none;
  }
  /* BUTTON STYLES
  --------------------*/
  /* declaring the different button sizes */
  .buttonT,
  .buttonS,
  .buttonM,
  .buttonL {
    width: auto;
  }
  /*adding a bit of spacing to buttons */
  .button {
    margin-top: 0;
  }
  .buttonVT {
    font-size: 0.75em;
    padding: 3px 5px;
    border-radius: 2px;
    letter-spacing: 0.02em;
  }
  .buttonT {
    font-size: 0.8em;
    padding: 7px 10px;
    border-radius: 2px;
    letter-spacing: 0.02em;
  }
  .buttonS {
    font-size: 0.9em;
    padding: 10px 15px;
    border-radius: 3px;
    letter-spacing: 0.03em;
  }
  .buttonM {
    font-size: 1.1em;
    padding: 14px 21px;
    border-radius: 4px;
  }
  .buttonL {
    font-size: 1.5em;
    padding: 20px 30px;
    border-radius: 5px;
  }
  /* FORMS
  --------------------*/
  .input-w1c {
    width: 19px;
  }
  .input-w2c {
    width: 46px;
  }
  .input-w3c {
    width: 73px;
  }
  .input-w4c {
    width: 100px;
  }
  .input-w5c {
    width: 127px;
  }
  .input-w6c {
    width: 154px;
  }
  .input-w7c {
    width: 181px;
  }
  .input-w8c {
    width: 208px;
  }
  .input-w9c {
    width: 235px;
  }
  .input-w11c {
    width: 289px;
  }
  .input-w12c {
    width: 316px;
  }
  .input-w15c {
    width: 397px;
  }
  .input-w16c {
    width: 424px;
  }
  .input-w18c {
    width: 478px;
  }
  .input-w10c,
  .input-w13c,
  .input-w14c,
  .input-w17c,
  .input-w19c {
    width: 262px;
  }
  .input-w20c,
  .input-w21c,
  .input-w22c,
  .input-w23c,
  .input-w24c,
  .input-w25c,
  .input-w26c,
  .input-w27c,
  .input-w28c {
    width: 532px;
  }
  form > label,
  [form-type] > label {
    font-size: 1.05em;
  }
  /* mailchimp form specific */
  .mc-field-group > label {
    font-size: 1.05em;
  }
  /* SPLASH ELEMENT
  --------------------*/
  /* the text section inside the normal splash element */
  .splash-lg-intro,
  .splash-sm-intro {
    position: absolute;
    display: block;
    margin: 0;
    top: 1px;
    text-align: left;
    color: #ffffff;
  }
  /* page title inside splash elements*/
  .splash-lg-intro h1,
  .splash-sm-intro h1 {
    font-size: 5em;
    line-height: 0.9em;
  }
  /* subheading for splash title */
  .splash-lg-intro p,
  .splash-sm-intro p {
    font-size: 1.3em;
    line-height: 1.1em;
  }
  /* NOTIFICATIONS
  --------------------*/
  .notification .xmas-notification h3,
  .notification .xmas-notification p {
    font-size: 14px;
  }
  .notification .xmas-notification__img {
    display: block;
  }
  .notification .xmas-notification__text {
    padding: 14px 10px 10px;
  }
}
/*-------------------------------------------------*/
/* BREAK POINT */
/*-------------------------------------------------*/
/* LARGE */
@media all and (min-width: 980px) {
  /* STRUCTURE
    --------------------*/
  /* wrapper for all the content */
  #wrap {
    width: 966px;
  }
  /*used to create a space at top of page for first elements or after #hero  */
  .pushdown {
    padding-top: 60px;
  }
  .w-1c {
    width: 21px !important;
  }
  .w-2c {
    width: 56px !important;
  }
  .w-3c {
    width: 91px !important;
  }
  .w-4c {
    width: 126px !important;
  }
  .w-5c {
    width: 161px !important;
  }
  .w-6c {
    width: 196px !important;
  }
  .w-7c {
    width: 231px !important;
  }
  .w-8c {
    width: 266px !important;
  }
  .w-9c {
    width: 301px !important;
  }
  .w-10c {
    width: 336px !important;
  }
  .w-11c {
    width: 371px !important;
  }
  .w-12c {
    width: 406px !important;
  }
  .w-13c {
    width: 441px !important;
  }
  .w-14c {
    width: 476px !important;
  }
  .w-15c {
    width: 511px !important;
  }
  .w-16c {
    width: 546px !important;
  }
  .w-17c {
    width: 581px !important;
  }
  .w-18c {
    width: 616px !important;
  }
  .w-19c {
    width: 651px !important;
  }
  .w-20c {
    width: 686px !important;
  }
  .w-21c {
    width: 721px !important;
  }
  .w-22c {
    width: 756px !important;
  }
  .w-23c {
    width: 791px !important;
  }
  .w-24c {
    width: 826px !important;
  }
  .w-25c {
    width: 861px !important;
  }
  .w-26c {
    width: 896px !important;
  }
  .w-27c {
    width: 931px !important;
  }
  .w-28c {
    width: 966px !important;
  }
  /* creates a row that spans the wrapper with a bottom margin */
  .row,
  .row-m1c,
  .row-m2c {
    display: block;
    position: relative;
    clear: both;
    margin: 60px 0;
  }
  /* creates a 14px right margin to every w-* column when a child of .gutter */
  .gutter [class*='w-'] {
    margin-right: 14px;
  }
  /* prevents a right margin for the last column when a child of .gutter */
  .gutter [class*='w-']:last-of-type {
    margin-right: 0;
  }
  /* add a 1 column margin to left and right */
  .row-m1c {
    margin-left: 35px;
    margin-right: 35px;
  }
  /* add a 2 column margin to left and right */
  .row-m2c {
    margin-left: 70px;
    margin-right: 70px;
  }
  .offset-1c {
    margin-left: 35px !important;
  }
  .offset-2c {
    margin-left: 70px !important;
  }
  .offset-3c {
    margin-left: 105px !important;
  }
  .offset-4c {
    margin-left: 140px !important;
  }
  .offset-5c {
    margin-left: 175px !important;
  }
  .offset-6c {
    margin-left: 210px !important;
  }
  .offset-7c {
    margin-left: 245px !important;
  }
  .offset-8c {
    margin-left: 280px !important;
  }
  .offset-9c {
    margin-left: 315px !important;
  }
  .offset-10c {
    margin-left: 350px !important;
  }
  .offset-11c {
    margin-left: 385px !important;
  }
  .offset-12c {
    margin-left: 420px !important;
  }
  .offset-13c {
    margin-left: 455px !important;
  }
  .offset-14c {
    margin-left: 490px !important;
  }
  .offset-15c {
    margin-left: 525px !important;
  }
  .offset-16c {
    margin-left: 560px !important;
  }
  .offset-17c {
    margin-left: 595px !important;
  }
  .offset-18c {
    margin-left: 630px !important;
  }
  .offset-19c {
    margin-left: 665px !important;
  }
  .offset-20c {
    margin-left: 700px !important;
  }
  .offset-21c {
    margin-left: 735px !important;
  }
  .offset-22c {
    margin-left: 770px !important;
  }
  .offset-23c {
    margin-left: 805px !important;
  }
  .offset-24c {
    margin-left: 840px !important;
  }
  .offset-25c {
    margin-left: 875px !important;
  }
  .offset-26c {
    margin-left: 910px !important;
  }
  .offset-27c {
    margin-left: 945px !important;
  }
  .pad-1c {
    padding: 35px;
  }
  .pad-2c {
    padding: 70px;
  }
  .pad-3c {
    padding: 109px;
  }
  /* create a 2 by X structure */
  .by2 > div:nth-of-type(2n-1) {
    margin-right: 14px;
  }
  /* create a 3 by X structure */
  .by3 > div:nth-of-type(3n+2) {
    margin-left: 14px;
    margin-right: 14px;
  }
  /* create a 4 by X structure */
  .by4 > div:nth-of-type(4n+2) {
    margin-left: 14px;
    margin-right: 14px;
  }
  .by4 > div:nth-of-type(4n+3) {
    margin-right: 14px;
  }
  /* HEADER AND NAVIGATION
    --------------------*/
  /* nav links section */
  #nav-links ul {
    font-size: 0.85em;
    margin: 15px 0 0 10px;
    padding: 0;
  }
  /* nav link items */
  #nav-links ul li {
    float: left;
    padding: 0;
    margin: 0 25px 0 0;
  }
  /* removing the right margin from the last nav element */
  #nav-links ul li:last-of-type {
    margin: 0;
  }
  /* account section of navigation */
  #nav-acct {
    width: 155px;
    font-size: 0.75em;
  }
  #nav-acct #acct-icon {
    margin-left: 15px;
  }
  /* shopping cart section of navigation */
  #nav-cart {
    width: 170px;
    font-size: 0.75em;
  }
  #nav-cart #cart-icon {
    margin-left: 15px;
  }
  /* PRODUCT DROP DOWN
    --------------------*/
  /* container for product drop down menu */
  #menu-product {
    width: 966px;
  }
  /* product drop down columns */
  /*#menu-product .prod-col:nth-of-type(1),
            #menu-product .prod-col:nth-of-type(2),
            #menu-product .prod-col:nth-of-type(3)
            {
            	width: 322px;
            	padding: 0 30px 30px 30px;
            }*/
  #menu-product .prod-col {
    width: 193px;
    padding: 0 30px 30px 30px;
  }
  #menu-product .prod-col:nth-of-type(5) {
    width: 194px;
  }
  /* FOOTER
    --------------------*/
  #footer {
    margin-top: 40px;
    padding: 0 5px;
  }
  /* newsletter sign up area in footer */
  #foot-news {
    width: 60%;
  }
  /* styling the footer newsletter text input box */
  #foot-news form input[type=text],
  #foot-news form input[type=email] {
    width: 240px;
  }
  /* social media area in footer */
  #foot-social {
    width: 40%;
  }
  #foot-social .hide,
  #foot-logo .hide,
  #foot-social .hide2,
  #foot-logo .hide2 {
    display: inline;
  }
  #foot-links h4 {
    font-size: 0.9em;
  }
  #foot-links > div > ul {
    font-size: 0.85em;
  }
  /* legal line in footer */
  .foot-legal {
    margin-top: 40px;
  }
  /* make a regular list 4 columns (collapses at smaller sizes) */
  .list-4c {
    column-count: 4;
    column-gap: 14px;
  }
  /* BUTTON STYLES
    --------------------*/
  /* declaring the different button sizes */
  .buttonT {
    font-size: 0.8em;
    letter-spacing: 0.03em;
  }
  .buttonS {
    font-size: 0.9em;
    letter-spacing: 0.02em;
  }
  .buttonM {
    font-size: 1.1em;
  }
  .buttonL {
    font-size: 1.5em;
  }
  .hide-med {
    display: inline;
  }
  /* FORMS
    --------------------*/
  /* declaring the different button input fields */
  .input-w1c {
    width: 21px;
  }
  .input-w2c {
    width: 56px;
  }
  .input-w3c {
    width: 91px;
  }
  .input-w4c {
    width: 126px;
  }
  .input-w5c {
    width: 161px;
  }
  .input-w6c {
    width: 196px;
  }
  .input-w7c {
    width: 231px;
  }
  .input-w8c {
    width: 266px;
  }
  .input-w9c {
    width: 301px;
  }
  .input-w10c {
    width: 336px;
  }
  .input-w11c {
    width: 371px;
  }
  .input-w12c {
    width: 406px;
  }
  .input-w13c {
    width: 441px;
  }
  .input-w14c {
    width: 476px;
  }
  .input-w15c {
    width: 511px;
  }
  .input-w16c {
    width: 546px;
  }
  .input-w17c {
    width: 581px;
  }
  .input-w18c {
    width: 616px;
  }
  .input-w19c {
    width: 651px;
  }
  .input-w20c {
    width: 686px;
  }
  .input-w21c {
    width: 721px;
  }
  .input-w22c {
    width: 756px;
  }
  .input-w23c {
    width: 791px;
  }
  .input-w24c {
    width: 826px;
  }
  .input-w25c {
    width: 861px;
  }
  .input-w26c {
    width: 896px;
  }
  .input-w27c {
    width: 931px;
  }
  .input-w28c {
    width: 966px;
  }
  /* SPLASH ELEMENT
    --------------------*/
  /* the text section inside the splash element */
  .splash-lg-intro {
    top: 1px;
  }
  /* page title */
  .splash-lg-intro h1 {
    font-size: 5.2em;
    line-height: 0.9em;
  }
  .splash-lg-intro p {
    font-size: 1.6em;
    line-height: 1.1em;
  }
  /* NOTIFICATION
	  --------------------*/
  .notification .xmas-notification h3,
  .notification .xmas-notification p {
    margin: 0;
    line-height: 21px;
    font-size: 18px;
  }
}
/*-------------------------------------------------*/
/* BREAK POINT */
/*-------------------------------------------------*/
/* XLARGE */
@media all and (min-width: 1465px) {
  /* STRUCTURE
  --------------------*/
  /* wrapper for all the content */
  #wrap {
    width: 1436px;
  }
  .w-1c {
    width: 32px !important;
  }
  .w-2c {
    width: 84px !important;
  }
  .w-3c {
    width: 136px !important;
  }
  .w-4c {
    width: 188px !important;
  }
  .w-5c {
    width: 240px !important;
  }
  .w-6c {
    width: 292px !important;
  }
  .w-7c {
    width: 344px !important;
  }
  .w-8c {
    width: 396px !important;
  }
  .w-9c {
    width: 448px !important;
  }
  .w-10c {
    width: 500px !important;
  }
  .w-11c {
    width: 552px !important;
  }
  .w-12c {
    width: 604px !important;
  }
  .w-13c {
    width: 656px !important;
  }
  .w-14c {
    width: 708px !important;
  }
  .w-15c {
    width: 760px !important;
  }
  .w-16c {
    width: 812px !important;
  }
  .w-17c {
    width: 864px !important;
  }
  .w-18c {
    width: 916px !important;
  }
  .w-19c {
    width: 968px !important;
  }
  .w-20c {
    width: 1020px !important;
  }
  .w-21c {
    width: 1072px !important;
  }
  .w-22c {
    width: 1124px!important;
  }
  .w-23c {
    width: 1176px !important;
  }
  .w-24c {
    width: 1228px !important;
  }
  .w-25c {
    width: 1280px !important;
  }
  .w-26c {
    width: 1332px !important;
  }
  .w-27c {
    width: 1384px !important;
  }
  .w-28c {
    width: 1436px !important;
  }
  /* creates a 20px right margin to every w-* column when a child of .gutter */
  .gutter [class*='w-'] {
    margin-right: 20px;
  }
  /* prevents a right margin for the last column when a child of .gutter */
  .gutter [class*='w-']:last-of-type {
    margin-right: 0;
  }
  /* add a 1 column margin to left and right */
  .row-m1c {
    margin-left: 52px;
    margin-right: 52px;
  }
  /* add a 2 column margin to left and right */
  .row-m2c {
    margin-left: 104px;
    margin-right: 104px;
  }
  .offset-1c {
    margin-left: 52px !important;
  }
  .offset-2c {
    margin-left: 104px !important;
  }
  .offset-3c {
    margin-left: 156px !important;
  }
  .offset-4c {
    margin-left: 208px !important;
  }
  .offset-5c {
    margin-left: 260px !important;
  }
  .offset-6c {
    margin-left: 312px !important;
  }
  .offset-7c {
    margin-left: 364px !important;
  }
  .offset-8c {
    margin-left: 416px !important;
  }
  .offset-9c {
    margin-left: 468px !important;
  }
  .offset-10c {
    margin-left: 520px !important;
  }
  .offset-11c {
    margin-left: 572px !important;
  }
  .offset-12c {
    margin-left: 624px !important;
  }
  .offset-13c {
    margin-left: 676px !important;
  }
  .offset-14c {
    margin-left: 728px !important;
  }
  .offset-15c {
    margin-left: 780px !important;
  }
  .offset-16c {
    margin-left: 832px !important;
  }
  .offset-17c {
    margin-left: 884px !important;
  }
  .offset-18c {
    margin-left: 936px !important;
  }
  .offset-19c {
    margin-left: 988px !important;
  }
  .offset-20c {
    margin-left: 1040px !important;
  }
  .offset-21c {
    margin-left: 1092px !important;
  }
  .offset-22c {
    margin-left: 1144px !important;
  }
  .offset-23c {
    margin-left: 1196px !important;
  }
  .offset-24c {
    margin-left: 1248px !important;
  }
  .offset-25c {
    margin-left: 1300px !important;
  }
  .offset-26c {
    margin-left: 1352px !important;
  }
  .offset-27c {
    margin-left: 1404px !important;
  }
  /* add padding to object (all sides) */
  .pad-1c {
    padding: 52px;
  }
  .pad-2c {
    padding: 104px;
  }
  .pad-3c {
    padding: 156px;
  }
  /* create a 2 by X structure */
  .by2 > div:nth-of-type(2n-1) {
    margin-right: 20px;
  }
  /* create a 3 by X structure */
  .by3 > div:nth-of-type(3n+2) {
    margin-left: 20px;
    margin-right: 20px;
  }
  /* create a 4 by X structure */
  .by4 > div:nth-of-type(4n+2) {
    margin-left: 20px;
    margin-right: 20px;
  }
  .by4 > div:nth-of-type(4n+3) {
    margin-right: 20px;
  }
  /* DIAGONALS
  --------------------*/
  /* add diagonal to top of div slanting down to the right or left. will overlap the element below it to create the cut*/
  .slant-d-r,
  .slant-d-l,
  .slant2-d-r,
  .slant2-d-l {
    position: relative;
    z-index: 1;
    height: 30px;
  }
  .slant-d-r:after {
    background: inherit;
    bottom: 0;
    content: '';
    display: block;
    height: 45px;
    left: 0;
    position: absolute;
    right: 0;
    transform: skewY(1.5deg);
    transform-origin: 0;
    z-index: -1;
  }
  .slant-d-l:after {
    background: inherit;
    bottom: 0;
    content: '';
    display: block;
    height: 45px;
    left: 0;
    position: absolute;
    right: 0;
    transform: skewY(-1.5deg);
    transform-origin: 100%;
    z-index: -1;
  }
  .slant2-d-r:before {
    background: inherit;
    bottom: 20px;
    content: '';
    display: block;
    height: 55px;
    left: 0;
    position: absolute;
    right: 0;
    transform: skewY(1.5deg);
    transform-origin: 0;
    z-index: -1;
  }
  .slant2-d-l:before {
    background: inherit;
    bottom: 20px;
    content: '';
    display: block;
    height: 55px;
    left: 0;
    position: absolute;
    right: 0;
    transform: skewY(-1.5deg);
    transform-origin: 100%;
    z-index: -1;
  }
  /* HEADER AND NAVIGATION
  --------------------*/
  /* nav links section */
  #nav-links ul {
    font-size: 0.95em;
  }
  /* nav link items */
  #nav-links ul li {
    margin: 0 35px 0 0;
  }
  /* account section of navigation */
  #nav-acct {
    width: 175px;
    font-size: 0.9em;
  }
  /* shopping cart section of navigation */
  #nav-cart {
    width: 200px;
    font-size: 0.9em;
  }
  /* PRODUCT DROP DOWN
  --------------------*/
  /* container for product drop down menu */
  #menu-product {
    width: 1436px;
  }
  /* product drop down column headers */
  #menu-product h3 {
    font-size: 1.4em;
  }
  #menu-product h4 {
    font-size: 0.9em;
  }
  /*#menu-product .prod-col:nth-of-type(3)
          {
          	width: 480px;
          	padding: 10px 30px 30px 30px;
          }

          #menu-product .prod-col:nth-of-type(1),
          #menu-product .prod-col:nth-of-type(2)
          {
          	width: 478px;
          	padding: 10px 30px 30px 30px;
          }*/
  #menu-product .prod-col {
    width: 287px;
    padding: 10px 30px 30px 30px;
  }
  #menu-product .prod-col:nth-of-type(5) {
    width: 288px;
  }
  /* list of products */
  #menu-product .menulist {
    font-size: 1.05em;
  }
  .prod-col .prod-close {
    float: right;
    font-size: 0.85em;
    margin: 0px 10px 0px 0px;
    padding: 0;
  }
  /* FOOTER
  --------------------*/
  #foot-links h4 {
    font-size: 0.95em;
  }
  #foot-links > div > ul {
    font-size: 0.95em;
  }
  /* legal line in footer */
  .foot-legal {
    margin-top: 20px;
    font-size: 0.8em;
  }
  /* TEXT STYLES
  --------------------*/
  /* various page text elements */
  h1.title {
    font-size: 5.2em;
    font-weight: 300;
    letter-spacing: -0.01em;
    padding: 0;
    margin: 0 0 30px 0;
  }
  h1.subtitle {
    font-size: 3.2em;
    font-weight: 300;
    letter-spacing: -0.01em;
    padding: 0;
    margin: 0 0 30px 0;
  }
  h2.sectionhead {
    font-size: 2em;
    font-weight: 600;
    padding: 0;
    margin: 60px 0 0 0;
  }
  h3.head1 {
    font-size: 1.45em;
    font-weight: 600;
    padding: 0;
    margin: 50px 0 0 0;
  }
  h3.head2 {
    font-size: 1.2em;
    font-weight: 800;
    padding: 0;
    margin: 50px 0 0 0;
  }
  p {
    font-weight: 500;
    font-size: 1.2em;
    line-height: 1.5em;
  }
  ul,
  ol {
    font-weight: 500;
    font-size: 1.2em;
    line-height: 1.5em;
    margin: 30px 0;
  }
  ul li,
  ol li {
    margin-bottom: 6px;
  }
  /* make a regular list 2 columns (collapses to 1 col at small size) */
  .list-2c,
  .list-2cx {
    column-count: 3;
    column-gap: 40px;
  }
  /* make a regular list 3 columns (collapses at smaller sizes) */
  .list-3c {
    column-count: 3;
    column-gap: 40px;
  }
  /* make a regular list 3 columns (collapses at smaller sizes) */
  .list-3cx {
    column-count: 3;
    column-gap: 40px;
  }
  /* make a regular list 4 columns (collapses at smaller sizes) */
  .list-4c {
    column-count: 6;
    column-gap: 35px;
  }
  /* BUTTON STYLES
  --------------------*/
  /* declaring the different button sizes */
  .buttonT {
    font-size: 0.9em;
    letter-spacing: 0.03em;
  }
  .buttonS {
    font-size: 1em;
    letter-spacing: 0.02em;
  }
  .buttonM {
    font-size: 1.2em;
  }
  .buttonL {
    font-size: 1.6em;
  }
  .input-w1c {
    width: 32px;
  }
  .input-w2c {
    width: 84px;
  }
  .input-w3c {
    width: 136px;
  }
  .input-w4c {
    width: 188px;
  }
  .input-w5c {
    width: 240px;
  }
  .input-w6c {
    width: 292px;
  }
  .input-w7c {
    width: 344px;
  }
  .input-w8c {
    width: 396px;
  }
  .input-w9c {
    width: 448px;
  }
  .input-w10c {
    width: 500px;
  }
  .input-w11c {
    width: 552px;
  }
  .input-w12c {
    width: 604px;
  }
  .input-w13c {
    width: 656px;
  }
  .input-w14c {
    width: 708px;
  }
  .input-w16c {
    width: 812px;
  }
  .input-w18c {
    width: 936px;
  }
  .input-w19c {
    width: 968px;
  }
  .input-w20c {
    width: 1020px;
  }
  .input-w21c {
    width: 1072px;
  }
  .input-w22c {
    width: 1124px;
  }
  .input-w23c {
    width: 1176px;
  }
  .input-w24c {
    width: 1228px;
  }
  .input-w25c {
    width: 1280px;
  }
  .input-w26c {
    width: 1332px;
  }
  .input-w27c {
    width: 1384px;
  }
  .input-w28c {
    width: 1436px;
  }
  .input-w15c,
  .input-w17c {
    width: 760px;
  }
  form > label,
  [form-type] > label {
    font-size: 1.2em;
  }
  /* mailchimp form specific */
  .mc-field-group > label {
    font-size: 1.2em;
  }
  /* SPLASH ELEMENT
  --------------------*/
  /* the text section inside the splash element */
  .splash-lg-intro {
    bottom: 100px;
  }
  /* page title */
  .splash-lg-intro h1 {
    font-size: 5.8em;
    line-height: 1em;
  }
  .splash-lg-intro p {
    font-size: 1.8em;
    line-height: 1.1em;
  }
  /* NOTIFICATIONS
	  --------------------*/
  .notification .xmas-notification h3,
  .notification .xmas-notification p {
    line-height: 25px;
    font-size: 19px;
  }
}