/* Global colors */
/* new master colors Oct 2018 */
/* older color defs */
/* Global fonts, font sizes, etc */
/* media types */
/*
    large glass  - 1200 to infinity
    medium glass - 768 to 1199
    small glass  - 360 to 767
    tiny glass   - 359 and below
*/
/* Mobile, tablet, desktop hide/show */
@media only screen and (max-width: 1200px) {
  .mobile-hide {
    display: none !important;
  }
}
@media only screen and (min-width: 620px) {
  .tablet-clearfix {
    display: block;
    zoom: 1;
  }
  .tablet-clearfix:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
  }
}
/* Content styles */
body {
  font-family: 'Open Sans', arial, helvetica, sans-serif;
  color: #53565A;
  margin: 0 auto;
  font-size: 14px;
}
body .fullSiteWrapper {
  background-color: #fff;
  margin: 0 auto;
}
@media only screen and (max-width: 1023px) {
  body.mobile-overflow-hidden {
    overflow: hidden;
    position: fixed;
    width: 100vw;
  }
}
body .body-content {
  min-height: 600px;
  margin-top: 10px;
  transition: 0.5s;
}
body .body-content.shortMinHeight {
  min-height: 345px;
}
body .body-content #loadingStatus {
  display: none;
}
body .wrapper {
  margin: 0 auto 0;
  max-width: 1700px;
  padding: 0 20px;
}
@media only screen and (min-width: 800px) {
  body .wrapper {
    padding: 0 30px;
  }
}
@media only screen and (min-width: 1200px) {
  body .wrapper {
    padding: 0 8%;
  }
}
@media only screen and (min-width: 1200px) {
  body {
    overflow-y: scroll;
  }
}
h1 {
  /* should move to .text-large */
  font-weight: 300;
  color: #75767b;
  font-size: 36px;
  margin: 0 0 .55em;
}
h2 {
  font-weight: 300;
  color: #64676a;
  font-size: 28px;
  margin: 0 0 .714em;
}
h3 {
  font-weight: 300;
  color: #64676a;
  font-size: 18px;
  margin: 0 0 1em;
}
h4 {
  font-weight: 700;
  color: #64676a;
  font-size: 16px;
  text-transform: uppercase;
  margin: 0 0 1.25em;
}
p {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.38;
  color: #75767b;
  margin: 0 0 1.43em;
}
a {
  color: #5e9200;
  text-decoration: none;
}
a:hover {
  color: #77b800;
}
a:focus {
  color: #43464a;
  outline: 0;
}
/* element styling */
.font-weight-light {
  font-weight: 300;
}
.font-weight-regular {
  font-weight: 500;
}
.font-weight-bold {
  font-weight: 700;
}
.title-large {
  font-weight: 300;
  color: #43464a;
  font-size: 36px;
  line-height: 2.78;
}
.title-medium {
  font-size: 30px;
  font-weight: 300;
  line-height: 3.33;
  color: #43464a;
}
.emphasis {
  font-size: 36px;
  font-weight: 700;
  line-height: 2.78;
  color: #43464a;
}
.subtitle {
  font-size: 20px;
  font-weight: 300;
  color: #75767b;
}
.body-text1 {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.38;
  color: #75767b;
}
.body-text2 {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.36;
  color: #43464a;
}
.rounded {
  border-radius: 30px;
}
.font-awesome {
  font-family: 'FontAwesome';
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
.cafepress-icon {
  font-family: 'cp-custom';
  font-size: 18px;
  color: #75767b;
  margin-right: 5px;
}
.text-disable-selection {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* button styles */
.button {
  font-weight: 500;
  outline: none;
  cursor: pointer;
  color: #fff;
  padding: 3px 20px 5px;
  text-decoration: none;
  line-height: 1.2;
  border: 1px solid #fff;
  min-width: 100px;
  max-width: 330px;
  width: 100%;
  height: 44px;
  max-height: 44px;
  font-size: 24px;
  letter-spacing: -0.5px;
  text-align: center;
}
.button[disabled] {
  background-color: #DDDDDE;
  color: #75767b;
}
.primary-button {
  font-weight: 500;
  outline: none;
  cursor: pointer;
  color: #fff;
  padding: 3px 20px 5px;
  text-decoration: none;
  line-height: 1.2;
  border: 1px solid #fff;
  min-width: 100px;
  max-width: 330px;
  width: 100%;
  height: 44px;
  max-height: 44px;
  font-size: 24px;
  letter-spacing: -0.5px;
  text-align: center;
  border-radius: 30px;
  background-color: #77b800;
}
.primary-button[disabled] {
  background-color: #DDDDDE;
  color: #75767b;
}
.primary-button:hover {
  background-color: #5e9200;
  color: #fff;
}
.primary-button[disabled] {
  color: #75767b;
  background-color: #DDDDDE;
}
.secondary-button {
  font-weight: 500;
  outline: none;
  cursor: pointer;
  color: #fff;
  padding: 3px 20px 5px;
  text-decoration: none;
  line-height: 1.2;
  border: 1px solid #fff;
  min-width: 100px;
  max-width: 330px;
  width: 100%;
  height: 44px;
  max-height: 44px;
  font-size: 24px;
  letter-spacing: -0.5px;
  text-align: center;
  border-radius: 30px;
  box-shadow: 0 2px 2px 0 #fff;
  border: solid 1px #CBCCCD;
  background-image: linear-gradient(to bottom, #fff, #EDEEEE);
  color: #43464a;
}
.secondary-button[disabled] {
  background-color: #DDDDDE;
  color: #75767b;
}
.secondary-button:hover {
  background-color: #5e9200;
  color: #fff;
  background-image: none;
}
.secondary-button[disabled] {
  background-color: #DDDDDE;
  color: #75767b;
  background-image: none;
  border: none;
}
.hollow-button {
  font-weight: 500;
  outline: none;
  cursor: pointer;
  color: #fff;
  padding: 3px 20px 5px;
  text-decoration: none;
  line-height: 1.2;
  border: 1px solid #fff;
  min-width: 100px;
  max-width: 330px;
  width: 100%;
  height: 44px;
  max-height: 44px;
  font-size: 24px;
  letter-spacing: -0.5px;
  text-align: center;
  border-radius: 30px;
  background-color: transparent;
  border: solid 1px #77b800;
}
.hollow-button[disabled] {
  background-color: #DDDDDE;
  color: #75767b;
}
.hollow-button:hover {
  background-color: #77b800;
  border: solid 1px #77b800;
  color: #fff;
}
.hollow-button:focus {
  background-color: #4C7700;
  border: solid 1px #4C7700;
  color: #fff;
}
.hollow-button[disabled] {
  opacity: 0.3;
  border-radius: 30px;
  border: solid 1px #75767b;
}
.green-hyperlink {
  color: #5e9200;
  text-decoration: none;
}
.green-hyperlink:hover {
  color: #77b800;
}
.green-hyperlink:focus {
  color: #43464a;
  outline: 0;
}
.black-hyperlink {
  color: #43464a;
  text-decoration: none;
}
.black-hyperlink .underline {
  text-decoration: underline;
}
.black-hyperlink:hover {
  color: #77b800;
}
.black-hyperlink:focus {
  color: #5e9200;
  outline: 0;
}
.black-hyperlink-underline {
  color: #43464a;
  text-decoration: none;
  text-decoration: underline;
}
.black-hyperlink-underline .underline {
  text-decoration: underline;
}
.black-hyperlink-underline:hover {
  color: #77b800;
}
.black-hyperlink-underline:focus {
  color: #5e9200;
  outline: 0;
}
/* social media */
.share-social-media {
  width: 36px;
  height: 36px;
  background-color: #75767b;
}
.share-social-media:hover {
  background-color: #77b800;
}
.follow-social-media {
  width: 36px;
  height: 36px;
  background-color: #43464a;
}
.follow-social-media:hover {
  background-color: #77b800;
}
/* anchor links */
.anchor-link {
  background-color: #F6F6F7;
  font-size: 14px;
  line-height: 1.36;
  text-align: center;
  color: #43464a;
  border-bottom: 2px solid #F6F6F7;
}
.anchor-link:hover {
  color: #77b800;
  border-bottom: 2px solid #77b800;
}
.anchor-link.selected {
  font-weight: 700;
  color: #43464a;
  border-bottom: 2px solid #43464a;
}
/* tabs */
.tab {
  width: 200px;
  height: 22px;
  line-height: 1.36;
  text-align: center;
  color: #75767b;
  background-color: #F6F6F7;
  border-bottom: 2px solid #cbcccd;
}
.tab:hover {
  color: #77b800;
  border-bottom: 2px solid #77b800;
}
.tab.selected {
  font-weight: 700;
  color: #43464a;
  border-bottom: 2px solid #43464a;
}
/* image states */
.image-container {
  text-align: center;
  color: #75767b;
}
.image-container img {
  opacity: 1;
}
.image-container:hover {
  color: #77b800;
}
.image-container:hover img {
  opacity: .8;
}
/*Block and inline styling*/
.hide {
  display: none;
}
.hideImportant {
  display: none !important;
}
.visible {
  visibility: visible;
}
.visible-important {
  visibility: visible !important;
}
.hidden {
  visibility: hidden;
}
.clearfix {
  display: block;
  zoom: 1;
}
.clearfix:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clear {
  clear: both;
}
/*Animations & Transitions*/
.rotate0 {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.rotate90 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.rotate180 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  transition: transform 0.3s;
  -webkit-transition: transform 0.3s;
}
.translate500 {
  transform: translate(500px, 0);
  -webkit-transform: translate(500px, 0);
  -moz-transform: translate(500px, 0);
  -ms-transform: translate(500px, 0);
  -o-transform: translate(500px, 0);
  transition: transform 0.5s;
  -webkit-transition: transform 0.5s;
}
#breadcrumbs.top {
  display: none;
}
@media only screen and (min-width: 800px) {
  #breadcrumbs.top {
    display: block;
  }
}
#breadcrumbs.bottom {
  padding-top: 25px;
  padding-bottom: 25px;
  display: block;
}
@media only screen and (min-width: 800px) {
  #breadcrumbs.bottom {
    display: none;
  }
}
#breadcrumbs .breadcrumbLinks {
  list-style: none;
  padding: 0;
  display: inline-block;
  margin: 5px 0;
}
#breadcrumbs .breadcrumbLinks li {
  float: left;
  color: #75767b;
  font-size: 12px;
  margin: 0 10px 10px 0;
}
#breadcrumbs .breadcrumbLinks li a {
  color: #75767b;
  text-decoration: none;
  font-weight: 500;
  text-transform: capitalize;
}
#breadcrumbs .breadcrumbLinks li a:after {
  content: " >";
  margin-left: 5px;
  font-size: 10px;
}
#breadcrumbs .breadcrumbLinks li a:hover {
  color: #77b800;
}
#breadcrumbs .breadcrumbLinks li a.disabled {
  cursor: pointer;
  font-size: 12px;
  color: #989a9c;
  cursor: default;
}
#breadcrumbs .breadcrumbLinks li a.disabled:after {
  content: none;
}
#breadcrumbs .breadcrumbLinks li a.disabled:hover {
  cursor: default;
}
/*! normalize.css v2.1.3 | MIT License | git.io/normalize DO NOT UPGRADE */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
a {
  background: transparent;
}
a:focus {
  outline: thin dotted;
}
a:active,
a:hover {
  outline: 0;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: 700;
}
dfn {
  font-style: italic;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
mark {
  background: #ff0;
  color: #000;
}
code,
kbd,
pre,
samp {
  font-family: monospace,serif;
  font-size: 1em;
}
pre {
  white-space: pre-wrap;
}
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 0;
}
fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
}
button,
input {
  line-height: normal;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
header .heading-promo-section {
  height: 27px;
  padding-bottom: 17px;
}
@media only screen and (min-width: 1024px) {
  header .heading-promo-section {
    height: 58px;
    padding-bottom: 45px;
  }
}
header .main-header {
  padding: 6px 0;
  display: flex;
  flex-wrap: nowrap;
  background-color: white;
}
header .main-header.input-focus {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 6;
}
@media only screen and (min-width: 1024px) {
  header .main-header.input-focus {
    height: auto;
    width: 100%;
    position: inherit;
  }
}
@media only screen and (min-width: 1200px) {
  header .main-header.input-focus {
    width: 84%;
  }
}
@media only screen and (min-width: 1024px) {
  header .main-header {
    width: 100%;
    padding: 10px 0 6px 0;
    border-bottom: 0px solid;
  }
}
@media only screen and (min-width: 1200px) {
  header .main-header {
    width: 84%;
    padding: 10px 8% 6px 8%;
    max-width: 1700px;
    margin: 0 auto;
  }
}
header .main-header.main-header-mobileapp {
  border-bottom: 2px solid #edeeee;
  position: fixed;
  top: -1px;
  width: 100%;
  background-color: white;
  z-index: 7;
  padding: 7px 0px 6px 0px;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 1024px) {
  header .main-header.main-header-mobileapp {
    padding: 10px 0px 9px 0px;
  }
}
header .main-header.main-header-mobileapp .checkout-header {
  font-size: 20px;
  font-weight: 300;
  margin: 4px auto 4px 33%;
}
@media only screen and (min-width: 1024px) {
  header .main-header.main-header-mobileapp .checkout-header {
    font-size: 30px;
    margin: auto auto auto 42%;
  }
}
header .main-header .main-header-navbuttons {
  display: flex;
  flex-wrap: nowrap;
  padding-left: 30px;
}
@media only screen and (min-width: 1024px) {
  header .main-header .main-header-navbuttons {
    display: none;
  }
}
header .main-header .main-header-navbuttons .mobile-hamburger {
  margin: 14px auto 0px;
}
header .main-header .main-header-navbuttons .mobile-backarrow {
  margin: 9px 14px 0px auto;
}
@media only screen and (min-width: 1024px) {
  header .main-header .main-header-navbuttons .mobile-backarrow {
    display: none;
  }
}
header .main-header .main-header-navbuttons.hide {
  display: none;
}
header .main-header .logo {
  display: none;
}
header .main-header .logo.show {
  display: inherit;
  padding: 4px 0px 0px 30px;
}
@media only screen and (min-width: 1024px) {
  header .main-header .logo {
    padding-left: 30px;
    display: inherit;
  }
}
@media only screen and (min-width: 1200px) {
  header .main-header .logo {
    padding-left: 0;
  }
}
header .main-header .logo .cp-logo {
  height: 32px;
}
@media only screen and (min-width: 1024px) {
  header .main-header .logo .cp-logo {
    height: auto;
  }
}
header .main-header #cart {
  width: 60px;
}
header .main-header #cart.hide {
  display: none;
}
@media only screen and (min-width: 1024px) {
  header .main-header #cart.hide {
    display: inherit;
  }
}
@media only screen and (min-width: 1024px) {
  header .main-header #cart {
    width: 70px;
    padding: 5px 40px 0 10px;
  }
}
@media only screen and (min-width: 1200px) {
  header .main-header #cart {
    padding-right: 0;
    width: 75px;
  }
}
header .main-header #cart a {
  font-size: 30px;
  position: absolute;
  text-align: center;
}
header .main-header #cart a span {
  color: #43464a;
  font-size: 11px;
}
header .main-header #cart a .cart-label {
  display: none;
}
header .main-header #cart a .hideCartCount {
  display: none;
}
header .main-header #cart a .showCartCount {
  display: block;
  position: absolute;
  background: #FF4900;
  border-radius: 50px;
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  right: 0;
  width: 20px;
}
header .main-header #cart a .showCartCount ~ .icon-shopping-icon-nocircle {
  z-index: 1;
  color: #77b800;
}
header .main-header #cart a .showCartCount ~ .cart-label {
  color: #77b800;
}
header .main-header #cart a .icon-shopping-icon-nocircle {
  font-size: 23px;
  margin: 0 auto;
}
@media only screen and (min-width: 1024px) {
  header .main-header #cart a .cart-label {
    display: block;
  }
  header .main-header #cart a .icon-shopping-icon-nocircle {
    font-size: 24px;
    width: 22px;
    height: 22px;
    position: relative;
    top: 0;
    margin: 5px auto 0;
    border: 4px solid #75767b;
    border-radius: 50%;
    padding: 5px;
  }
  header .main-header #cart a span {
    font-size: 13px;
    color: #75767b;
  }
  header .main-header #cart a .showCartCount {
    right: 7px;
    z-index: 3;
  }
  header .main-header #cart a .showCartCount ~ .icon-shopping-icon-nocircle {
    border: 4px solid #77b800;
  }
}
header .main-header .checkout-header {
  font-size: 20px;
  font-weight: 300;
  margin: 4px auto 4px 42%;
}
@media only screen and (min-width: 1024px) {
  header .main-header .checkout-header {
    font-size: 30px;
    margin: auto auto auto 30px;
  }
}
header #nav-stripe {
  position: relative;
  display: block;
  border-bottom: 5px solid #edeeee;
}
header .fixed-header {
  position: fixed;
  top: 0px;
  z-index: 2;
}
@media only screen and (min-width: 1024px) {
  header .fixed-header {
    position: inherit;
  }
}
footer {
  box-sizing: border-box;
  background-color: #43464a;
  color: #fff;
  font-family: 'Open Sans', arial, helvetica, sans-serif;
  font-size: 15px;
}
footer .padding {
  padding: 30px 0;
}
footer .padding.simpleFooter {
  padding: 15px 0;
}
@media only screen and (min-width: 800px) {
  footer .padding {
    padding: 50px 0;
  }
  footer .padding.simpleFooter {
    padding: 70px 0;
  }
}
footer label {
  margin-right: 5px;
}
footer label a {
  text-decoration: underline;
}
footer label a:focus {
  color: #fff;
}
footer a {
  color: #DDDDDE;
  text-decoration: none;
}
footer a:hover {
  color: #fff;
}
footer .copyright-text {
  text-align: center;
  font-size: 12px;
}
footer .certified-safe {
  margin: 0 auto;
  display: block;
  text-align: center;
}
footer .footer-social {
  display: block;
  zoom: 1;
  float: left;
  font-size: 17px;
  margin: 20px 0 0;
}
footer .footer-social:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}
@media only screen and (min-width: 970px) {
  footer .footer-social {
    float: right;
    margin: 0;
  }
}
footer .footer-social .links-wrap {
  display: block;
  margin-top: 6px;
}
@media only screen and (min-width: 770px) {
  footer .footer-social .links-wrap {
    display: inline-block;
    margin-top: 0;
  }
}
footer .footer-social a {
  background: #fff none repeat scroll 0 0;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  height: 35px;
  line-height: 35px;
  margin: 0 5px;
  text-align: center;
  width: 35px;
}
footer .footer-social a:hover {
  background: #77b800;
  color: #fff;
}
footer .footer-social a:hover i {
  color: #fff;
}
footer .footer-social a i {
  color: #000000;
  margin-top: 8px;
}
footer .footer-ribbon-wrap {
  margin: 10px 0 30px;
  padding: 20px 0;
}
@media only screen and (min-width: 570px) {
  footer .footer-ribbon-wrap {
    border-top: 2px solid #75767b;
    border-bottom: 2px solid #75767b;
    margin: 40px 0 30px;
  }
}
@media only screen and (min-width: 970px) {
  footer .footer-ribbon-wrap {
    margin: 10px 0 30px;
  }
}
footer .footer-ribbon-wrap .listLabel {
  display: block;
  margin-right: 0px;
}
footer .footer-ribbon-wrap .listLabel:after {
  position: absolute;
  right: 35px;
  margin: -40px 3px 0 0;
  content: "+";
  vertical-align: text-top;
  text-align: center;
  display: inline-block;
  width: 20px;
  height: 20px;
}
@media only screen and (min-width: 570px) {
  footer .footer-ribbon-wrap .listLabel:after {
    display: none;
  }
}
footer .footer-ribbon-wrap .footer-list-wrap {
  max-height: 1000px;
  overflow: hidden;
  transition: max-height 0.4s ease-out 0.1s;
  -webkit-transition: max-height 0.4s ease-out 0.1s;
  margin-right: 0px;
}
footer .footer-ribbon-wrap .footer-list-wrap a {
  display: block;
}
footer .footer-ribbon-wrap .footer-list-wrap a:focus {
  color: #fff;
}
footer .footer-ribbon-wrap .footer-list-wrap a img {
  margin: 7px 7px 0 0;
  float: left;
  height: 11px;
  width: 16px;
  box-shadow: 0 1px 4px 0px #000000;
}
footer .footer-ribbon-wrap h4 {
  background-color: #75767b;
  padding: 10px;
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;
  margin: 8px 0 10px;
  background: transparent;
  padding: 0px;
  font-weight: 700;
}
footer .footer-ribbon-wrap ul {
  list-style: none;
  padding: 0;
  width: 100%;
}
footer .footer-ribbon-wrap ul li {
  font-size: 15px;
  line-height: 170%;
  padding: 3px 0;
}
@media only screen and (min-width: 570px) {
  footer .footer-ribbon-wrap ul {
    float: left;
    padding: 0;
    width: 50%;
  }
}
@media only screen and (min-width: 770px) {
  footer .footer-ribbon-wrap ul {
    width: 33.33%;
  }
}
global-nav {
  display: block;
  border-top: 2px solid #edeeee;
  border-bottom: 1px solid #75767b;
}
@media only screen and (max-width: 1023px) {
  global-nav {
    display: none;
  }
}
global-nav.mobileapp {
  border-top: 0px;
}
global-nav #desktop-globalnav-links {
  font-size: 13px;
  display: block;
  max-width: 1700px;
}
@media only screen and (min-width: 800px) {
  global-nav #desktop-globalnav-links {
    font-size: 11px;
  }
}
@media only screen and (min-width: 1024px) {
  global-nav #desktop-globalnav-links {
    font-size: 13px;
  }
}
@media only screen and (min-width: 1200px) {
  global-nav #desktop-globalnav-links {
    padding: 0 8%;
    margin: 0 auto;
  }
}
global-nav #desktop-globalnav-links ul {
  display: flex;
  align-items: stretch;
  /* Default */
  justify-content: space-between;
  margin: 0;
  list-style: none;
  color: #43464a;
  padding-left: 0;
  width: 100%;
}
global-nav #desktop-globalnav-links .dropdown-title {
  flex: 0 1 auto;
  /* Default */
  list-style-type: none;
  display: inline-block;
  box-sizing: border-box;
  outline: none;
  width: 10%;
  text-align: center;
}
@media only screen and (max-width: 1129px) {
  global-nav #desktop-globalnav-links .dropdown-title:nth-last-child(-n+1) {
    display: none;
  }
}
global-nav #desktop-globalnav-links .dropdown-title a {
  color: #43464a;
  text-decoration: none;
  display: inline-block;
  padding: 15px 0;
  width: 100%;
}
global-nav #desktop-globalnav-links .dropdown-title .dropdown-wrapper {
  position: absolute;
  z-index: 9;
  transition: max-height 0.5s ease-out 0;
  -webkit-transition: max-height 0.5s ease-out 0;
  max-height: 0;
  overflow: hidden;
  border: 0 solid #fff;
  margin: 0;
  min-width: 11%;
}
global-nav #desktop-globalnav-links .dropdown-title .dropdown-wrapper ul {
  display: inline-block;
}
global-nav #desktop-globalnav-links .dropdown-title .dropdown-wrapper .dropdown-content {
  opacity: 0;
}
global-nav #desktop-globalnav-links .dropdown-title:last-child.hover .dropdown-wrapper {
  right: 30px;
}
@media only screen and (min-width: 1024px) {
  global-nav #desktop-globalnav-links .dropdown-title:last-child.hover .dropdown-wrapper {
    right: 8%;
  }
}
global-nav #desktop-globalnav-links .dropdown-title:hover {
  background-color: #edeeee;
}
global-nav #desktop-globalnav-links .dropdown-title:hover .dropdown-wrapper {
  display: block;
  min-width: calc(11.11111111%);
  max-height: 900px;
  -webkit-transition: max-height 0.25s ease-in, padding 0.25s ease-in, box-shadow 0.25s ease-in, border 0.25s ease-in;
  transition: max-height 0.25s ease-in, padding 0.25s ease-in, box-shadow 0.25s ease-in, border 0.25s ease-in;
  background-color: #fff;
  position: absolute;
  box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);
  margin: 0 auto;
  border-top: 1px solid #75767b;
  box-sizing: border-box;
  outline: none;
}
global-nav #desktop-globalnav-links .dropdown-title:hover .dropdown-wrapper .dropdown-content {
  position: relative;
  left: 0;
  vertical-align: top;
  opacity: 1;
  -webkit-transition: opacity 0.25s ease-in;
  transition: opacity 0.25s ease-in;
  width: 100%;
  border: 1px solid #edeeee;
  box-sizing: border-box;
}
global-nav #desktop-globalnav-links .dropdown-title:hover .dropdown-wrapper .dropdown-content .cat-title {
  text-align: left;
  padding: 0;
  box-sizing: border-box;
  width: 100%;
}
global-nav #desktop-globalnav-links .dropdown-title:hover .dropdown-wrapper .dropdown-content .cat-title ul {
  display: inline;
}
global-nav #desktop-globalnav-links .dropdown-title:hover .dropdown-wrapper .dropdown-content .cat-title a {
  color: #43464a;
  font-size: 13px;
  padding: 10px;
  display: inline-block;
  width: calc(100% - 20px);
  border-bottom: 1px solid #edeeee;
}
@media only screen and (min-width: 800px) {
  global-nav #desktop-globalnav-links .dropdown-title:hover .dropdown-wrapper .dropdown-content .cat-title a {
    font-size: 11px;
  }
}
@media only screen and (min-width: 1024px) {
  global-nav #desktop-globalnav-links .dropdown-title:hover .dropdown-wrapper .dropdown-content .cat-title a {
    font-size: 13px;
  }
}
global-nav #desktop-globalnav-links .dropdown-title:hover .dropdown-wrapper .dropdown-content .cat-title a:hover {
  background-color: #edeeee;
}
global-nav #desktop-globalnav-links .dropdown-title:hover .dropdown-wrapper .dropdown-content .cat-title .subcat-links a {
  color: #53565A;
  font-size: 14px;
  display: block;
  width: auto;
  padding-left: 30px;
}
@media only screen and (min-width: 800px) {
  global-nav #desktop-globalnav-links .dropdown-title:hover .dropdown-wrapper .dropdown-content .cat-title .subcat-links a {
    font-size: 11px;
  }
}
@media only screen and (min-width: 1024px) {
  global-nav #desktop-globalnav-links .dropdown-title:hover .dropdown-wrapper .dropdown-content .cat-title .subcat-links a {
    font-size: 13px;
  }
}
global-nav #desktop-globalnav-links .dropdown-title:hover .dropdown-wrapper .dropdown-content .cat-title .subcat-links:hover {
  background-color: #edeeee;
}
.nav-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 7;
}
.nav-wrap .nav-hide {
  position: absolute;
  top: -6px;
  font-size: 22px;
}
.nav-wrap .nav-hide img {
  height: 16px;
  padding: 20px 0;
}
.nav-wrap .nav-hide:hover {
  cursor: pointer;
}
.nav-wrap .nav-hide.checked {
  z-index: 2;
  width: calc(100% - 240px);
  position: absolute;
  top: -6px;
  height: 100vh;
}
.nav-wrap .nav-hide.checked:before {
  content: none;
  display: none;
}
.nav-wrap .mobile-nav-scroll-block {
  display: none;
  transform: none;
  transition: none;
}
.nav-wrap .mobile-nav-scroll-block.checked {
  position: fixed;
  display: block;
  opacity: 0.1;
  z-index: 7;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 300%;
  height: 100%;
  font-size: 0;
  background-color: #000000;
}
.nav-wrap #globalnav-links {
  z-index: 8;
  position: fixed;
  top: 0;
  left: 0;
  width: 270px;
  box-shadow: 1px 1px 8px #43464a;
  line-height: 19px;
  background-color: #edeeee;
  color: #43464a;
  border-right: 1px solid #edeeee;
  margin-left: -500px;
  transition: transform 0.5s;
  -webkit-transition: transform 0.5s;
}
.nav-wrap #globalnav-links.checked {
  transform: translate(500px, 0);
  -webkit-transform: translate(500px, 0);
  -moz-transform: translate(500px, 0);
  -ms-transform: translate(500px, 0);
  -o-transform: translate(500px, 0);
  transition: transform 0.5s;
  -webkit-transition: transform 0.5s;
}
.nav-wrap #globalnav-links ul {
  background-color: #fff;
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.nav-wrap #globalnav-links .dropdown {
  position: relative;
  background-color: #fff;
  list-style: none;
  margin: 0;
  padding-left: 0;
  height: 100vh;
  overflow-y: scroll;
  overflow-x: hidden;
}
.nav-wrap #globalnav-links .dropdown .top-block {
  background-color: #43464a;
  padding: 12px 20px;
  color: #fff;
}
.nav-wrap #globalnav-links .dropdown .top-block a {
  color: #fff;
  text-decoration: none;
  float: right;
}
.nav-wrap #globalnav-links .dropdown .top-block .exit-block {
  display: block;
}
.nav-wrap #globalnav-links .dropdown .top-block .exit-block a {
  text-align: right;
  display: inline-block;
}
.nav-wrap #globalnav-links .dropdown .top-block .exit-block a.hideAccount {
  display: none;
}
.nav-wrap #globalnav-links .dropdown .top-block .exit-block .hideSignInButton {
  display: none;
}
.nav-wrap #globalnav-links .dropdown .top-block .exit-block span {
  display: inline-block;
  padding: 15px;
}
.nav-wrap #globalnav-links .dropdown .top-block .exit-block .nav-exit:before {
  cursor: pointer;
  font-family: 'FontAwesome';
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-weight: 300;
  display: inline-block;
  font-size: 15px;
  padding-right: 5px;
  color: #fff;
  position: relative;
  top: 1px;
}
.nav-wrap #globalnav-links .dropdown .top-block .exit-block .nav-exit:hover {
  cursor: pointer;
}
.nav-wrap #globalnav-links .dropdown .dropdown-wrapper a {
  display: inline-block;
  text-decoration: none;
  color: #43464a;
  padding: 15px;
}
.nav-wrap #globalnav-links .dropdown .dropdown-wrapper .link-name {
  padding: 8.5px 20px;
  display: block;
  color: #43464a;
  font-family: 'Open Sans', arial, helvetica, sans-serif;
  border-top: 1px solid #edeeee;
}
.nav-wrap #globalnav-links .dropdown .dropdown-wrapper .link-name.hideAccount {
  display: none;
}
.nav-wrap #globalnav-links .dropdown .dropdown-wrapper .link-name.border {
  border-top: 1px solid #cbcccd;
  border-bottom: none;
}
.nav-wrap #globalnav-links .dropdown .dropdown-wrapper .link-name.border.account {
  border-top: none;
  border-bottom: 1px solid #cbcccd;
}
.nav-wrap #globalnav-links .dropdown .dropdown-wrapper .link-name:hover {
  cursor: pointer;
}
.nav-wrap #globalnav-links .dropdown .dropdown-wrapper .link-name.arrow-right:after {
  content: '\e94b';
  font-family: 'cp-custom';
  font-size: 18px;
  color: #75767b;
  margin-right: 5px;
  float: right;
  font-size: 12px;
  margin: 0 5px;
  color: #43464a;
}
.nav-wrap #globalnav-links .dropdown .dropdown-wrapper .link-name.arrow-right.hideLinks {
  display: none;
}
.nav-wrap #globalnav-links .dropdown .dropdown-wrapper li:nth-of-type(1) .link-name.arrow-right {
  border-top: none;
}
.nav-wrap #globalnav-links .dropdown .dropdown-wrapper .sub-nav {
  position: absolute;
  top: 0;
  width: 270px;
  left: -500px;
  background-color: #fff;
  height: 100vh;
  transition: transform 0.5s;
  -webkit-transition: transform 0.5s;
}
.nav-wrap #globalnav-links .dropdown .dropdown-wrapper .sub-nav.expanded {
  transform: translate(500px, 0);
  -webkit-transform: translate(500px, 0);
  -moz-transform: translate(500px, 0);
  -ms-transform: translate(500px, 0);
  -o-transform: translate(500px, 0);
  transition: transform 0.5s;
  -webkit-transition: transform 0.5s;
}
.nav-wrap #globalnav-links .dropdown .dropdown-wrapper .sub-nav .parent-link {
  padding: 10px 20px;
  width: calc(100% - 40px);
}
.nav-wrap #globalnav-links .dropdown .dropdown-wrapper .sub-nav li {
  display: block;
}
.nav-wrap #globalnav-links .dropdown .dropdown-wrapper .sub-nav li .link-name {
  padding-left: 40px;
}
.nav-wrap #globalnav-links .dropdown .dropdown-wrapper .sub-nav li .link-name.arrow-right:after {
  padding-right: 15px;
}
.nav-wrap #globalnav-links .dropdown .dropdown-wrapper .sub-nav .top-block label:hover {
  cursor: pointer;
}
.nav-wrap #globalnav-links .dropdown .dropdown-wrapper .sub-nav .top-block .arrow-left {
  padding-right: 15px;
  cursor: pointer;
}
.nav-wrap #globalnav-links .dropdown .dropdown-wrapper .sub-nav .top-block .arrow-left:before {
  content: '\e94b';
  font-family: 'cp-custom';
  font-size: 18px;
  color: #75767b;
  margin-right: 5px;
  font-size: 12px;
  display: inline-block;
  color: #fff;
  transform: rotate(180deg);
}
.nav-wrap #globalnav-links .dropdown .dropdown-wrapper .sub-nav .subnav-children {
  height: auto;
  overflow: hidden;
  background-color: #fff;
}
.nav-wrap #globalnav-links .dropdown .dropdown-wrapper .sub-nav .subnav-children a {
  padding-left: 60px;
}
#nav-wrapHeader.nav-wrap {
  position: absolute;
  top: 1px;
  left: 10px;
  font-size: 0;
}
@media only screen and (max-width: 1023px) {
  #nav-wrapHeader.nav-wrap {
    top: 1px;
  }
}
@media only screen and (min-width: 800px) {
  #nav-wrapHeader.nav-wrap {
    left: 20px;
  }
}
#nav-wrapHeader.mobileapp {
  top: 17px;
}
@media only screen and (max-width: 1023px) {
  #nav-wrapHeader.mobileapp {
    top: 7px;
  }
}
#nav-wrapHeader a {
  display: block;
  float: left;
  padding: 8px 6px;
}
#nav-wrapHeader a#mobile-nav {
  padding: 13px 10px;
}
#nav-wrapHeader a#mobile-back {
  display: none;
}
.show-backButton #nav-wrapHeader.nav-wrap a#mobile-back {
  display: block;
  padding-left: 12px;
}
.show-backButton #nav-wrapHeader.nav-wrap a#mobile-nav img {
  padding-left: 0;
}
.promo-bg {
  width: 100%;
  background-color: #43464a;
  min-height: 38px;
}
.promo-bg .logo {
  display: inline-block;
  text-align: left;
  width: 23%;
}
.promo-bg .logo img {
  height: 30px;
}
.promo-bg .logo a {
  padding: 8px 0 2px;
  position: relative;
  display: inline-block;
}
@media only screen and (min-width: 500px) {
  .promo-bg .logo {
    width: 14%;
  }
}
@media only screen and (min-width: 1024px) {
  .promo-bg .logo {
    display: none;
  }
}
.promo-bg .wrapper .promo-content,
.promo-bg .wrapper .right-links {
  display: inline-block;
  color: #75767b;
  font-size: 11px;
  line-height: 1.4;
}
.promo-bg .wrapper .promo-content a,
.promo-bg .wrapper .right-links a {
  color: #fff;
  text-decoration: underline;
  text-decoration: none;
}
.promo-bg .wrapper .promo-content a:hover,
.promo-bg .wrapper .right-links a:hover {
  cursor: pointer;
}
@media only screen and (min-width: 1024px) {
  .promo-bg .wrapper .promo-content,
  .promo-bg .wrapper .right-links {
    font-size: 13px;
  }
}
.promo-bg .wrapper .promo-content {
  text-align: left;
  width: 75%;
  position: relative;
  top: 7px;
  vertical-align: top;
}
.promo-bg .wrapper .promo-content #modalLink {
  text-decoration: underline;
  text-transform: uppercase;
  font-weight: 700;
  top: -1px;
  position: relative;
}
@media only screen and (min-width: 500px) {
  .promo-bg .wrapper .promo-content {
    top: 0;
    padding: 14px 0;
  }
}
@media only screen and (min-width: 1024px) {
  .promo-bg .wrapper .promo-content {
    width: 55%;
    padding: 10px 0;
  }
}
.promo-bg .wrapper .right-links {
  max-width: 45%;
  white-space: nowrap;
  margin: 9px 0 0 0;
  float: right;
  display: none;
}
.promo-bg .wrapper .right-links a {
  margin-left: 25px;
}
.promo-bg .wrapper .right-links a:nth-of-type(1) {
  margin-left: 0;
}
.promo-bg .wrapper .right-links a:hover {
  text-decoration: underline;
}
.promo-bg .wrapper .right-links #hideMemberDropdown {
  display: none;
}
.promo-bg .wrapper .right-links #hideMemberDropdown.showMemberDropdown {
  display: inline-block;
  position: relative;
  padding-bottom: 12px;
  margin-left: 25px;
  float: right;
}
.promo-bg .wrapper .right-links #hideMemberDropdown.showMemberDropdown ~ a:last-child {
  display: none;
}
.promo-bg .wrapper .right-links #hideMemberDropdown.showMemberDropdown #characterCount {
  overflow: hidden;
  max-width: 100px;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: top;
  display: inline-block;
}
.promo-bg .wrapper .right-links #hideMemberDropdown.showMemberDropdown:after {
  content: '\25BC';
  font-size: 10px;
  color: #fff;
}
.promo-bg .wrapper .right-links #hideMemberDropdown.showMemberDropdown #memberDropdown {
  display: none;
}
.promo-bg .wrapper .right-links #hideMemberDropdown.showMemberDropdown:hover:after {
  display: inline-block;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  transition: transform 0.3s;
  -webkit-transition: transform 0.3s;
}
.promo-bg .wrapper .right-links #hideMemberDropdown.showMemberDropdown:hover .arrowUp {
  display: inline-block;
}
.promo-bg .wrapper .right-links #hideMemberDropdown.showMemberDropdown:hover .arrowUp:before {
  content: '';
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  position: absolute;
  top: -10px;
  left: 105px;
  box-sizing: border-box;
}
.promo-bg .wrapper .right-links #hideMemberDropdown.showMemberDropdown:hover #memberDropdown {
  display: inline-block;
  position: absolute;
  left: -27px;
  margin: 0;
  padding: 0;
  top: 29px;
  z-index: 7;
  background-color: #fff;
  box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.2);
  transition: top 0.1s, left 0.1s, right 0.1s, transform 0.1s;
  -webkit-transition: top 0.1s, left 0.1s, right 0.1s, transform 0.1s;
}
.promo-bg .wrapper .right-links #hideMemberDropdown.showMemberDropdown:hover #memberDropdown li {
  list-style: none;
  text-align: left;
  border-bottom: 1px solid #DDDDDE;
  box-sizing: border-box;
  width: 100%;
}
.promo-bg .wrapper .right-links #hideMemberDropdown.showMemberDropdown:hover #memberDropdown li a {
  display: block;
  min-width: 120px;
  color: #53565A;
  text-align: left;
  background-color: #fff;
  text-decoration: none;
  padding: 10px;
  width: calc(100% - 30px);
  font-size: 14px;
}
@media only screen and (min-width: 800px) {
  .promo-bg .wrapper .right-links #hideMemberDropdown.showMemberDropdown:hover #memberDropdown li a {
    font-size: 11px;
  }
}
@media only screen and (min-width: 1024px) {
  .promo-bg .wrapper .right-links #hideMemberDropdown.showMemberDropdown:hover #memberDropdown li a {
    font-size: 13px;
  }
}
.promo-bg .wrapper .right-links #hideMemberDropdown.showMemberDropdown:hover #memberDropdown li a:hover {
  background-color: #edeeee;
}
@media only screen and (min-width: 1024px) {
  .promo-bg .wrapper .right-links {
    display: inline-block;
  }
}
.dialog {
  z-index: 1000;
  padding: 25px;
  border-radius: 15px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 500px;
  max-width: 90%;
  min-height: 250px;
  max-height: 90vh;
  margin-right: auto;
  margin-left: auto;
  background-color: #fff;
  border: 1px solid #DDDDDE;
  box-shadow: 0px 3px 6px #edeeee;
  color: #64676a;
}
.dialog.wide {
  width: 615px;
  height: 98vh;
}
.dialog.wide .content {
  height: 600px;
}
@media only screen and (min-width: 690px) {
  .dialog.wide {
    height: auto;
  }
  .dialog.wide .content {
    height: 325px;
  }
}
.dialog.centered {
  text-align: center;
}
.dialog.largeText {
  font-size: 14px;
}
@media only screen and (min-width: 1200px) {
  .dialog.largeText {
    font-size: 20px;
  }
}
.dialog .header {
  font-weight: bolder;
  font-size: 17px;
}
.dialog .content {
  margin-top: 10px;
  overflow-y: auto;
}
.dialog .icon-if_close {
  cursor: pointer;
  position: absolute;
  top: 15px;
  right: 15px;
  font-family: 'cp-custom';
  font-size: 18px;
  color: #75767b;
  margin-right: 5px;
  padding: 5px;
}
.overlay {
  position: fixed;
  z-index: 999;
  top: -1000px;
  bottom: -1800px;
  left: -1800px;
  right: -1800px;
  background-color: rgba(0, 0, 0, 0.5);
}
.search-form {
  width: 72%;
  position: relative;
  border: 1px solid #75767b;
  height: 44px;
  box-sizing: border-box;
  border-radius: 30px;
  margin: 0px 20px;
}
@media only screen and (min-width: 1024px) {
  .search-form {
    top: 10px;
    left: 25px;
    margin: 0px auto 0px auto;
  }
}
.search-form.show-backButton {
  margin-left: 90px;
}
.search-form i {
  height: 15px;
  width: 15px;
  background-color: #75767b;
  border-radius: 30px;
  position: relative;
}
.search-form i:before {
  font-size: 10px;
  position: absolute;
  top: 2px;
  left: 4px;
}
.search-form .widthAdjust .searchText {
  width: calc(100% - 100px);
}
@media only screen and (min-width: 1024px) {
  .search-form .widthAdjust .searchText {
    width: calc(100% - 155px);
  }
}
.search-form .searchFilter {
  display: none;
}
@media only screen and (min-width: 1024px) {
  .search-form .searchFilter {
    display: inline-block;
    width: 212px;
    height: 45px;
    border-radius: 30px 0 0 30px;
    box-sizing: border-box;
    position: relative;
    top: -1px;
    left: -25px;
    z-index: 1;
  }
  .search-form .searchFilter:hover {
    cursor: pointer;
  }
  .search-form .searchFilter #filterValue {
    font-size: 14px;
    display: inline-block;
    height: 19px;
    padding: 11.5px 50px 11.5px 30px;
    color: #43464a;
    width: calc(100% - 80px);
    background: linear-gradient(#fff, #edeeee);
    border-radius: 30px 0 0 30px;
    border: 1px solid #75767b;
    position: relative;
    z-index: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .search-form .searchFilter #filterValue:after {
    content: "\f078";
    font-family: 'FontAwesome';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    float: right;
    position: absolute;
    top: 15px;
    right: 35px;
    font-weight: 300;
  }
}
.search-form .searchText {
  font-family: 'Open Sans', arial, helvetica, sans-serif;
  position: absolute;
  border: none;
  padding-left: 15px;
  height: 30px;
  outline: none;
  width: 90%;
  top: 5px;
  left: 0px;
  font-size: 16px;
  background: transparent;
  color: #43464a;
}
.search-form .searchText::placeholder {
  color: #75767b;
  opacity: 1;
  font-weight: 500;
}
.search-form .searchText:-ms-input-placeholder {
  color: #75767b;
  font-weight: 500;
}
.search-form .searchText::-ms-input-placeholder {
  color: #75767b;
  font-weight: 500;
}
@media only screen and (min-width: 600px) {
  .search-form .searchText {
    visibility: visible !important;
  }
}
@media only screen and (min-width: 1024px) {
  .search-form .searchText {
    left: 0;
    top: -6px;
    height: 44px;
    padding: 0 0 0 20px;
    margin: 5px;
    width: 78%;
    width: calc(100% - 110px);
    border-radius: 30px;
    box-sizing: border-box;
  }
}
.search-form .searchText::-ms-clear {
  display: none;
}
.search-form #clearInput {
  display: none;
  position: absolute;
  right: 62px;
  top: 1px;
  text-decoration: none;
  font-size: 20px;
  transform: scale(1, 1);
  padding: 7px 10px;
  z-index: 7;
  color: #fff;
}
.search-form #clearInput.active {
  display: block;
}
.search-form #clearInput:active {
  color: #fff;
}
.search-form #clearInput.show {
  display: block;
}
@media only screen and (min-width: 1024px) {
  .search-form #clearInput {
    right: 120px;
    top: 0px;
  }
}
.search-form #global-searchbutton {
  display: block;
  border: #5e9200;
  font-size: 16px;
  font-weight: 500;
  vertical-align: top;
  position: absolute;
  min-width: 0px;
  width: 60px;
  height: 38px;
  right: 2px;
  top: 2px;
  padding: 0;
  border-radius: 30px;
}
@media only screen and (min-width: 1024px) {
  .search-form #global-searchbutton {
    width: 100px;
  }
}
.search-form #global-searchbutton:focus {
  background-color: #5e9200;
}
.search-form #global-searchbutton span i {
  height: 15px;
  width: 15px;
  border-radius: 30px;
  position: relative;
  background: none;
}
.search-form #global-searchbutton span i:before {
  font-size: 16px;
  position: absolute;
  top: 1px;
  left: 0;
  font-weight: 400;
}
.search-form input {
  border-radius: 0;
  transition: height 0.5s;
  -webkit-transition: height 0.5s;
  font-family: 'FontAwesome';
}
.search-form .errorMsg {
  position: absolute;
  background-color: #fff;
  color: #43464a;
  left: 18px;
  border: 1px solid #75767b !important;
  right: -60px;
  top: 49px;
  margin-top: -6px;
  padding: 5px 8.5px;
  border-top: 0;
  border-radius: 2px;
  width: auto;
}
.search-form .errorMsg i {
  background-color: transparent;
}
.search-form .errorMsg i:before {
  font-size: 12px;
  top: 4px;
}
@media only screen and (min-width: 1024px) {
  .search-form .errorMsg {
    right: 146px;
    padding: 5px 8.5px 5px 20px;
  }
  .search-form .errorMsg i {
    background-color: transparent;
  }
  .search-form .errorMsg i:before {
    font-size: 14px;
    left: 0;
  }
}
.mobile-close-search {
  display: none;
  margin: 9px 0px 0px 30px;
}
.mobile-close-search.show {
  display: block;
}
@media only screen and (min-width: 1024px) {
  .mobile-close-search.show {
    display: none;
  }
}
.autocomplete-suggestions {
  text-align: left;
  cursor: default;
  border-top: 0;
  background: #fff;
  position: absolute;
  z-index: 9999;
  max-height: 100%;
  overflow: hidden;
  overflow-y: auto;
  box-sizing: border-box;
}
@media only screen and (min-width: 1024px) {
  .autocomplete-suggestions {
    display: none;
  }
}
@media only screen and (max-width: 1023px) {
  .autocomplete-suggestions {
    position: fixed;
    top: 105px !important;
    left: 0 !important;
    width: 100% !important;
    padding: 0 20px;
  }
}
.autocomplete-suggestions.mobileapp {
  position: fixed;
  top: 57px !important;
}
@media only screen and (max-width: 1023px) {
  .autocomplete-suggestions.mobileapp {
    left: 0 !important;
    width: 100% !important;
    padding: 0 20px;
    height: calc(100vh - 61px);
  }
}
@media only screen and (min-width: 1024px) {
  .autocomplete-suggestions {
    border: 1px solid #ccc;
    max-height: 254px;
  }
}
.autocomplete-suggestions .autocomplete-suggestion {
  position: relative;
  padding: 0 10px;
  line-height: 53px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.4em;
  color: #333;
  border-top: 0;
  border-bottom: 1px solid #ccc;
}
.autocomplete-suggestions .autocomplete-suggestion b {
  font-weight: bold;
}
.autocomplete-suggestions .autocomplete-suggestion.selected {
  background: #f0f0f0;
}
@media only screen and (min-width: 1024px) {
  .autocomplete-suggestions .autocomplete-suggestion {
    padding: 0 .6em;
    line-height: 23px;
    font-size: 1.02em;
    border: 0;
    padding: 0;
  }
}
#backtoTop {
  position: fixed;
  text-decoration: none;
  opacity: 0;
  transition: all 0.5s;
  bottom: 20px;
  right: 0%;
  z-index: 998;
}
#backtoTop.visible {
  opacity: 1;
  transition: all 0.5s;
  cursor: pointer;
}
#backtoTop .innerClick {
  display: block;
  margin: 0 auto;
  width: 44px;
  height: 44px;
  position: relative;
  background-color: #F6F6F7;
  padding: 0;
  border: 0;
  color: #fff;
  text-align: center;
  font-size: 22px;
  border-radius: 50px;
  background: rgba(119, 184, 0, 0.6);
}
#backtoTop .innerClick .icon-if_chevron-right {
  color: #fff;
  margin-right: 0;
}
#backtoTop .innerClick .icon-if_chevron-right:before {
  font-size: 18px;
  display: inline-block;
  transform: rotate(-90deg);
  top: -2px;
  position: relative;
}
#backtoTop .innerClick span {
  display: block;
  font-size: 12px;
  margin: -8px;
}
@media only screen and (min-width: 1200px) {
  #backtoTop {
    right: 7.7%;
    bottom: 100px;
  }
  #backtoTop .innerClick {
    width: 52px;
    height: 52px;
  }
  #backtoTop .innerClick span {
    margin: -3px;
  }
  #backtoTop .innerClick .icon-if_chevron-right:before {
    top: 0;
  }
  #backtoTop .innerClick:hover {
    cursor: pointer;
    background: #77b800;
  }
  #backtoTop .innerClick:active {
    background: #5e9200;
  }
}
footer .exclusive-offers-label {
  font-weight: 300;
  font-size: 17px;
}
footer .sign-up-error-message {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  color: #fffdd2;
  margin: 1em 0;
  box-sizing: border-box;
}
footer .sign-up-email-checkbox {
  margin: 10px 0;
}
footer .sign-up-email-checkbox label {
  font-size: 12px;
  top: -2px;
  position: relative;
}
footer .errorMsg {
  font-size: 13px;
  position: absolute;
  margin-top: -82px;
  margin-left: 25px;
  background-color: #fff;
  padding: 10px;
  color: #43464a;
  border-radius: 4px;
  left: 0;
  width: 83%;
  min-width: 280px;
}
footer .errorMsg .fa-caret-up {
  font-size: 20px;
  position: absolute;
  left: 1.4%;
  top: -13px;
  color: #fff;
}
footer .errorMsg .fa-caret-down {
  font-size: 20px;
  position: absolute;
  left: 50%;
  bottom: -13px;
  color: #fff;
}
footer .errorMsg .fa-exclamation-circle {
  font-size: 17px;
  margin: 0 3px 0 0;
}
footer .errorMsg div {
  display: inline;
}
@media only screen and (min-width: 400px) {
  footer .errorMsg {
    font-size: 14px;
  }
}
@media only screen and (min-width: 570px) {
  footer .errorMsg {
    width: auto;
    left: 20%;
    font-size: inherit;
  }
}
@media only screen and (min-width: 970px) {
  footer .errorMsg {
    left: 12%;
  }
}
footer .errorMsg.checkbox {
  left: 0;
  margin-top: 0;
  width: 200px;
}
footer input#emailAddress {
  border: 1px solid transparent;
  width: 60%;
  padding: 7px;
}
@media only screen and (min-width: 970px) {
  footer input#emailAddress {
    width: 38%;
  }
}
footer input#emailAddress:focus {
  outline: 0;
}
footer input#emailAddress.error {
  border: 1px solid red;
}
footer .sign-up-email-button {
  font-weight: 500;
  outline: none;
  cursor: pointer;
  color: #fff;
  padding: 3px 20px 5px;
  text-decoration: none;
  line-height: 1.2;
  border: 1px solid #fff;
  min-width: 100px;
  max-width: 330px;
  width: 100%;
  height: 44px;
  max-height: 44px;
  font-size: 24px;
  letter-spacing: -0.5px;
  text-align: center;
  border-radius: 30px;
  background-color: #77b800;
  border-radius: 0px;
  width: 100px;
  height: 36px;
  font-weight: 300;
  font-size: 18px;
  position: relative;
  border: none;
  margin-left: -4px;
  padding: 7.5px 10px;
}
footer .sign-up-email-button[disabled] {
  background-color: #DDDDDE;
  color: #75767b;
}
footer .sign-up-email-button:hover {
  background-color: #5e9200;
  color: #fff;
}
footer .sign-up-email-button[disabled] {
  color: #75767b;
  background-color: #DDDDDE;
}
footer .newsletter-wrapper {
  width: 100%;
  float: left;
}
@media only screen and (min-width: 970px) {
  footer .newsletter-wrapper {
    width: 60%;
  }
}
footer .newsletter-wrapper .email-wrap {
  position: relative;
  margin-top: 10px;
  display: block;
}
@media only screen and (min-width: 970px) {
  footer .newsletter-wrapper .email-wrap {
    display: inline;
  }
}
footer .newsletter-wrapper .sign-up-email-agecheckbox {
  margin: 9px 0;
}
footer .newsletter-wrapper .sign-up-email-agecheckbox #emailAgeCheck {
  position: relative;
  top: 2px;
}
footer .newsletter-wrapper .sign-up-email-consentcheckbox {
  margin: 9px 0;
}
footer .newsletter-wrapper .sign-up-email-consentcheckbox #emailConsentCheck {
  position: relative;
  top: 2px;
}
footer .newsletter-wrapper #successMsg {
  position: relative;
  margin: 5px 0;
}
footer .newsletter-wrapper #successMsg .fa-check-circle {
  color: #77b800;
  margin: 0 5px 0 0;
}
footer .newsletter-wrapper #successMsg span {
  font-weight: 700;
}
footer .newsletter-wrapper #errorMsgStandalone {
  position: relative;
  margin: 5px 0;
}
footer .newsletter-wrapper #errorMsgStandalone .fa-exclamation-circle {
  color: #ff4c4c;
}
.diagnostic-timings {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10001;
}
.diagnostic-timings .diagnostic-timings-button,
.diagnostic-timings #diagnosticTimingsButton {
  position: fixed;
  right: -122px;
  top: -12px;
  z-index: 1;
}
.diagnostic-timings .diagnostic-timings-button {
  display: block;
  background: #77b800 center center no-repeat url('data:image/png;base64,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');
  width: 300px;
  height: 80px;
  transform: rotate(45deg);
}
.diagnostic-timings #diagnosticTimingsButton {
  display: none;
}
.diagnostic-timings .timings-display {
  position: fixed;
  right: -780px;
  top: 0;
  height: 100%;
  min-height: 100%;
  background: rgba(50, 50, 50, 0.85);
  width: 760px;
  transition: right 500ms;
  padding: 10px;
  z-index: 0;
  overflow: auto;
}
.diagnostic-timings .timings-display table th:first-child {
  text-align: right;
}
.diagnostic-timings .timings-display table th {
  text-align: left;
  padding-left: 15px;
  color: #fff;
  text-shadow: 1px 1px #666;
}
.diagnostic-timings .timings-display table td:first-child {
  text-align: right;
  font-size: 11px;
}
.diagnostic-timings .timings-display table td {
  padding-left: 15px;
  color: #fff;
  text-shadow: 1px 1px #666;
}
.diagnostic-timings #diagnosticTimingsButton:checked ~ .timings-display {
  right: 0;
}