/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

@import url("//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300ita‌​lic,400italic,500,500italic,700,700italic,900italic,900");

@import url("https://fonts.googleapis.com/css?family=Lato:900");

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

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: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

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;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

img,
body,
html {
  border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}

ol,
ul {
  list-style: none;
}

caption,
th {
  text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
}

q:before,
q:after {
  content: '';
}

.clearfix:after,
form.inline-form .inline-row:after,
form.inline-form .form-row:after,
#RegistrationForm .form-row:after,
#CreditCardForm:after,
.primary-content .customer-service-directory:after,
.primary-content .site-map .main-navigation:after,
.dialog-content .content-asset ul.stores:after,
.dialog-content .content-asset ul.offices:after,
.primary-content .content-asset ul.stores:after,
.primary-content .content-asset ul.offices:after,
.dialog-content .content-asset ul.fstores:after,
.primary-content .content-asset ul.fstores:after,
.education-landing .content-asset .education-sub-pages:after,
.top-banner:after,
.top-slots:after,
#navigation .social-nav .social-icons-header .content-asset ul:after,
#navigation .social-nav .social-icons .content-asset ul:after,
.top-banner nav[role="navigation"]:after,
.top-banner .level-2>ul:after,
.top-banner .level-2-container:after,
.top-banner .megamenu-shop-content .content-asset ul:after,
.top-banner .megamenu-heritage-content .content-asset ul:after,
.mini-cart-label:after,
.mini-cart-subtotals:after,
#secondary .refinement .refine-links:after,
.primary-content .refinement .refine-links:after,
#secondary .refinement.Size .toggle+ul:after,
#secondary .refinement.Color .toggle+ul:after,
#secondary .refinement.Colour .toggle+ul:after,
.primary-content .refinement.Size .toggle+ul:after,
.primary-content .refinement.Color .toggle+ul:after,
.primary-content .refinement.Colour .toggle+ul:after,
.search-result-options:after,
#grid-layout:after,
.footer-content:after,
.footer-nav:after,
.footer-nav-items:after,
.footer-contact:after,
.footer-social .content-asset ul:after,
#popupOffersForm:after,
#email_signup:after,
#footer-email-signup #offersForm:after,
#footer-email-signup .form-row:after,
#footer-email-signup .form-row .form-col:after,
#main .product-tile .product-swatches:after,
.search-result-content .tiles-container:after,
.pagination ul:after,
#content-tab-links:after,
.category-switch:after,
#bonus-product-list.pdp-main .product-info .product-variations .swatches.color:after,
#QuickViewDialog .pdp-main .product-info .product-variations .swatches.color:after,
#main .primary-content .pdp-main .product-info .product-variations .swatches.color:after,
.nonshop-content .pdp-main .product-info .product-variations .swatches.color:after,
#bonus-product-list.pdp-main .category-compound-item:after,
#QuickViewDialog .pdp-main .category-compound-item:after,
#main .primary-content .pdp-main .category-compound-item:after,
.nonshop-content .pdp-main .category-compound-item:after,
#send-to-friend-main fieldset:after,
.cart-row:after,
.coupon-form-row:after,
.checkout-progress-indicator:after,
.checkout-billing .payment-method-options:after,
.confirmation-message:after,
.pay-method-options:after,
.primary-content .content-asset .account-options:after,
.payment-list:after,
.address-list:after,
.billing-item-list:after,
.create-edit-account:after,
.primary-content .store-locator:after,
.primary-content .form-cols:after,
.store-details:after,
.store-details .store-locator-details:after,
.search-suggestion-contents:after,
.search-suggestion-right-panel-product:after,
.search-suggestion-right-panel-product-last:after,
.news:after,
.news .newsArticleWell .paginationRow:after,
.news .newsArticleWell .focusHolder:after,
.pt_nonshoppable #main .category__featured-sole:after,
.productCarosels .carouselRow .row-items:after,
.partners-landing ul:after,
.new-partners-landing ul:after,
.compound-landing ul:after,
.slot-row:after,
.slot-container ul.quad-list:after,
.text-wrapper ul.quad-list:after,
.sub_list-slots .sub_list-slots-wrapper:after,
.technology__compounds:after,
.top-banner .main-navigation:after,
.compare-items-panel:after,
#bonus-product-list.pdp-main:after,
#QuickViewDialog .pdp-main:after,
#main .primary-content .pdp-main:after,
.nonshop-content .pdp-main:after,
#bonus-product-list.pdp-main .product-image-wrapper .product-thumbnails ul:after,
#QuickViewDialog .pdp-main .product-image-wrapper .product-thumbnails ul:after,
#main .primary-content .pdp-main .product-image-wrapper .product-thumbnails ul:after,
.nonshop-content .pdp-main .product-image-wrapper .product-thumbnails ul:after,
#bonus-product-list.pdp-main .product-extras:after,
#QuickViewDialog .pdp-main .product-extras:after,
#main .primary-content .pdp-main .product-extras:after,
.nonshop-content .pdp-main .product-extras:after,
#bonus-product-list.pdp-main .product-extras .sole-compound:after,
#QuickViewDialog .pdp-main .product-extras .sole-compound:after,
#main .primary-content .pdp-main .product-extras .sole-compound:after,
.nonshop-content .pdp-main .product-extras .sole-compound:after,
#bonus-product-list.pdp-main .product-extras .extras-col:after,
#QuickViewDialog .pdp-main .product-extras .extras-col:after,
#main .primary-content .pdp-main .product-extras .extras-col:after,
.nonshop-content .pdp-main .product-extras .extras-col:after,
#bonus-product-list.pdp-main .product-extras .product-info .tab-row:after,
#QuickViewDialog .pdp-main .product-extras .product-info .tab-row:after,
#main .primary-content .pdp-main .product-extras .product-info .tab-row:after,
.nonshop-content .pdp-main .product-extras .product-info .tab-row:after,
#bonus-product-list.pdp-main .non-shop .shortDesc:after,
#QuickViewDialog .pdp-main .non-shop .shortDesc:after,
#main .primary-content .pdp-main .non-shop .shortDesc:after,
.nonshop-content .pdp-main .non-shop .shortDesc:after,
.bonus-product-list .bonus-product-item:after,
.bonus-product-list .bonus-product-list-footer:after,
.cart-actions:after,
.list-share:after,
.store-list-pdp-container .store-list-item:after,
.pt_nonshoppable #main .category-top-content:after {
  content: "";
  display: table;
  clear: both;
}

.visually-hidden,
#homepage-slides .slide h2,
#homepage-slides .slide span {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.menu {
  float: left;
  margin: 0;
  padding: 0;
}

.menu li {
  float: left;
  list-style: none outside none !important;
}

.visually-hidden,
#homepage-slides .slide h2,
#homepage-slides .slide span {
  margin: 0 !important;
  padding: 0 !important;
}

.disable-hover,
.disable-hover * {
  pointer-events: none !important;
}

body {
  background: #eaeaea url(../images/site-bg.png) 0 0 repeat;
  color: #333;
  font-family: "din-regular",Arial,sans-serif;
  font-size: 12px;
}

a {
  color: #333;
  outline: medium none;
  overflow: hidden;
  text-decoration: none;
}

fieldset {
  border: 0 none;
  margin: 0;
  padding: 0;
}

table {
  width: 100%;
}

th {
  text-align: left;
}

td {
  padding: 1em;
  vertical-align: top;
}

.rwd-table th {
  display: none;
}

.rwd-table th.rwd-show {
  display: block;
}

@media (min-width: 560px) {
  .rwd-table th.rwd-show {
    display: table-cell;
  }
}

.rwd-table td {
  display: block;
}

.rwd-table td:before {
  content: attr(data-title);
  font-weight: bold;
}

@media (min-width: 560px) {
  .rwd-table td:before {
    display: none;
  }
}

.rwd-table td.no-rwd {
  display: table-cell !important;
}

.rwd-table td.no-rwd:before {
  display: none !important;
}

@media (max-width: 559px) {
  .rwd-table td.no-rwd-full {
    display: block !important;
  }
}

@media (min-width: 560px) {
  .rwd-table th,
  .rwd-table td {
    display: table-cell;
  }
}

.rwd-table tr {
  display: block;
}

@media (min-width: 560px) {
  .rwd-table tr {
    display: table-row;
  }
}

.primary-content .learn-more a.button {
  margin: 12px;
  padding: 14px 36px 14px 18px;
}

.primary-content .learn-more a.button:after {
  content: '\e80b';
  top: 10px;
  left: auto;
  right: 8px;
}

@media (min-width: 768px) and (max-width: 959px) {
  .primary-content .learn-more a.button {
    margin: 5px;
  }
}

@media (max-width: 700px) {
  .primary-content .learn-more a.button {
    margin: 5px;
  }
}

.primary-content a.button {
  background: #fed22b;
  border: none;
  color: #000;
  cursor: pointer;
  display: inline-block;
  font-family: "din-bold",Arial,sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1;
  padding: 12px 18px 12px 36px;
  text-align: left;
  text-transform: uppercase;
  position: relative;
}

.primary-content a.button:hover {
  background: #797f8a;
  color: #fff;
}

.primary-content a.button[disabled]:hover {
  background: #fed22b;
  color: #000;
}

.primary-content a.button:after {
  font-family: 'vibram';
  content: '\e80a';
  position: absolute;
  top: 8px;
  left: 8px;
  width: 24px;
  height: 24px;
  font-size: 24px;
  display: block;
  text-align: center;
}

.primary-content a.button:focus {
  outline: none;
}

.primary-content a.button.noarrow {
  padding: 12px 18px 12px 18px;
  text-decoration: none !important;
}

.primary-content a.button.noarrow:after {
  display: none;
}

.primary-content a.back-to-cart,
.primary-content a.return-btn {
  background: #7b7c7d;
  color: #fff;
  float: left;
}

.primary-content a.back-to-cart:hover,
.primary-content a.return-btn:hover {
  background: #000;
}

.primary-content a.continue-btn {
  padding: 12px 36px 12px 18px;
}

.primary-content a.continue-btn:after {
  content: '\e80b';
  left: auto;
  right: 8px;
}

input::-ms-clear {
  display: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.free {
  color: #d00;
}

.noglow * {
  text-shadow: none !important;
}

.hidden {
  display: none;
}

p.footer-confirmation-message {
  font-family: "din-bold",Arial,sans-serif;
  line-height: 12px;
  font-weight: 400;
  padding: 24px 12px;
  font-size: 13px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin: 12px 0 24px 0;
}

#content_tabs .content-tab ul li a,
.events .event .slot-container-inner .eventDetail .learnMore,
.slot-container ul li span.nonlink,
.slot-container ul li a,
.text-wrapper ul li span.nonlink,
.text-wrapper ul li a,
.homepage_slider .carousel-slide ul li a {
  background: rgba(255,255,255,0.75);
  color: #000;
  display: inline-block;
  font-family: "din-black",Arial,sans-serif;
  font-size: 18px;
  line-height: 1.2;
  max-width: 270px;
  overflow: hidden;
  padding: 12px 18px;
  text-overflow: ellipsis;
  text-transform: uppercase;
  transition-duration: 0.3s;
  transition-property: color, background;
  white-space: nowrap;
  width: 270px;
}

#content_tabs .content-tab ul li a:hover,
.events .event .slot-container-inner .eventDetail .learnMore:hover,
.slot-container ul li span.nonlink:hover,
.slot-container ul li a:hover,
.text-wrapper ul li span.nonlink:hover,
.text-wrapper ul li a:hover,
.homepage_slider .carousel-slide ul li a:hover {
  background: #070707;
  color: #fff;
}

body.nav-open {
  width: 100% !important;
  height: 100% !important;
  overflow-x: hidden !important;
}

#wrapper {
  left: 0;
  margin: auto;
  position: relative;
  transition: transform 0.2s ease-in;
  width: 100%;
}

@media screen and (max-width: 767px) {
  #wrapper.menu-active {
    transform: translateX(23em);
  }
}

#wrapper.menu-active:before {
  display: block;
}

#wrapper:before {
  top: 0px;
  left: -15%;
  width: 15%;
  height: 100%;
  content: '';
  position: absolute;
  z-index: -1;
  opacity: 0.2;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JiYmJiYiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYmJiYmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: linear-gradient(to right, rgba(187,187,187,0) 0%, #bbb 100%);
  display: none;
}

@media screen and (min-width: 768px) {
  #wrapper {
    padding-top: 108px;
  }

  #wrapper:after {
    content: '';
    display: block;
    background: #222222;
    height: 44px;
    width: 100%;
    top: 0;
    left: 0;
    position: fixed;
    z-index: 3;
  }

  #wrapper.menu-active {
    left: auto;
  }
}

#wrapper.pt_product-search-noresult,
#wrapper.pt_content-search-result,
#wrapper.pt_product-search-result,
#wrapper.pt_customer-service,
#wrapper.pt_content,
#wrapper.pt_error,
#wrapper.pt_store-locator,
#wrapper.pt_order-confirmation,
#wrapper.pt_checkout,
#wrapper.pt_cart,
#wrapper.pt_order,
#wrapper.pt_account {
  background: url(../images/default-background.jpg) 50% 0 no-repeat;
  background-size: 100% auto;
}

#wrapper.pt_nonshopproduct-details,
#wrapper.pt_product-details {
  background: #ffffff;
  background: linear-gradient(to bottom, #9e9e9e 0%, #fff 12%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e9e9e', endColorstr='#ffffff',GradientType=0 );
}

#wrapper.pt_map {
  background: #fff !important;
}

#wrapper.pt_map #main {
  padding-top: 32px;
  margin-top: 0;
  width: 100%;
  max-width: 1280px;
  padding-bottom: 32px;
}

#main {
  box-sizing: border-box;
}

#main * {
  box-sizing: border-box;
}

.pt_product-search-noresult #main,
.pt_content-search-result #main,
.pt_product-search-result #main,
.pt_customer-service #main,
.pt_content #main,
.pt_error #main,
.pt_store-locator #main,
.pt_order-confirmation #main,
.pt_checkout #main,
.pt_cart #main,
.pt_order #main,
.pt_account #main {
  background: #fff;
  position: relative;
  padding: 16px;
}

@media screen and (min-width: 768px) {
  .pt_product-search-noresult #main,
  .pt_content-search-result #main,
  .pt_product-search-result #main,
  .pt_customer-service #main,
  .pt_content #main,
  .pt_error #main,
  .pt_store-locator #main,
  .pt_order-confirmation #main,
  .pt_checkout #main,
  .pt_cart #main,
  .pt_order #main,
  .pt_account #main {
    margin-top: 95px;
    padding: 100px 16px 66px 16px;
  }
}

@media screen and (min-width: 960px) {
  .pt_product-search-noresult #main,
  .pt_content-search-result #main,
  .pt_product-search-result #main,
  .pt_customer-service #main,
  .pt_content #main,
  .pt_error #main,
  .pt_store-locator #main,
  .pt_order-confirmation #main,
  .pt_checkout #main,
  .pt_cart #main,
  .pt_order #main,
  .pt_account #main {
    padding: 100px 32px 132px 32px;
  }
}

.pt_product-search-noresult #main,
.pt_content-search-result #main,
.pt_product-search-result #main {
  padding: 16px 0;
}

@media screen and (min-width: 768px) {
  .pt_product-search-noresult #main,
  .pt_content-search-result #main,
  .pt_product-search-result #main {
    padding: 16px;
  }
}

@media screen and (min-width: 960px) {
  .pt_product-search-noresult #main,
  .pt_content-search-result #main,
  .pt_product-search-result #main {
    padding: 30px;
  }
}

.pt_product-search-noresult #main .primary-content h1,
.pt_content-search-result #main .primary-content h1,
.pt_product-search-result #main .primary-content h1 {
  padding-left: 16px;
  padding-bottom: 8px;
}

@media screen and (min-width: 768px) {
  .pt_product-search-noresult #main .primary-content h1,
  .pt_content-search-result #main .primary-content h1,
  .pt_product-search-result #main .primary-content h1 {
    padding-left: 0px;
    padding-bottom: 0px;
  }
}

.pt_product-search-noresult #main .primary-content .search-result-content,
.pt_product-search-noresult #main .primary-content .refinement-container,
.pt_product-search-noresult #main .primary-content .search-result-options,
.pt_content-search-result #main .primary-content .search-result-content,
.pt_content-search-result #main .primary-content .refinement-container,
.pt_content-search-result #main .primary-content .search-result-options,
.pt_product-search-result #main .primary-content .search-result-content,
.pt_product-search-result #main .primary-content .refinement-container,
.pt_product-search-result #main .primary-content .search-result-options {
  padding: 0 16px;
}

@media screen and (min-width: 768px) {
  .pt_product-search-noresult #main .primary-content .search-result-content,
  .pt_product-search-noresult #main .primary-content .refinement-container,
  .pt_product-search-noresult #main .primary-content .search-result-options,
  .pt_content-search-result #main .primary-content .search-result-content,
  .pt_content-search-result #main .primary-content .refinement-container,
  .pt_content-search-result #main .primary-content .search-result-options,
  .pt_product-search-result #main .primary-content .search-result-content,
  .pt_product-search-result #main .primary-content .refinement-container,
  .pt_product-search-result #main .primary-content .search-result-options {
    padding: 0;
  }
}

.pt_nonshoppable #main {
  padding: 0;
  width: 100%;
}

.primary-content {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  float: right;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .primary-content {
    width: 512px;
  }
}

@media screen and (min-width: 960px) {
  .primary-content {
    width: 663px;
  }
}

.primary-focus .primary-content {
  float: left;
}

.full-width .primary-content {
  width: 100%;
}

.full-width-primary {
  width: 100%;
  float: left;
  padding-bottom: 24px;
}

.full-width-primary h1 {
  position: relative !important;
  top: auto !important;
  left: auto !important;
}

.full-width-primary #grid-layout li a {
  box-sizing: content-box !important;
}

.full-width-grid {
  background: #fff;
}

.full-width-grid .search-result-options,
.full-width-grid .search-result-content {
  max-width: 960px;
  padding: 0 16px;
  margin: 0 auto;
}

#secondary {
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
  width: 100%;
}

#secondary nav {
  background: #eee;
  margin: 0 0 18px 0;
  padding: 0 0 18px 0;
}

@media screen and (min-width: 768px) {
  #secondary {
    margin: 0 16px 0 0;
    width: 200px;
  }
}

@media screen and (min-width: 960px) {
  #secondary {
    margin: 0 32px 0 0;
    width: 200px;
  }
}

.primary-focus #secondary {
  width: 100%;
  margin: 0;
  padding: 0 0 24px 0;
}

@media screen and (min-width: 768px) {
  .primary-focus #secondary {
    padding: 24px 0;
    width: 208px;
    float: right;
  }
}

@media screen and (min-width: 960px) {
  .primary-focus #secondary {
    width: 242px;
  }
}

.primary-focus #secondary .cs-contact-number {
  text-align: right;
}

@media screen and (min-width: 768px) and (max-width: 959px) {
  #wrapper {
    width: 100%;
  }
}

#main {
  width: 100%;
  margin: 0 auto;
}

@media screen and (min-width: 768px) and (max-width: 959px) {
  #main {
    width: 760px;
  }
}

@media screen and (min-width: 960px) {
  #main {
    width: 960px;
  }
}

.pt_nonshopproduct-details #main {
  width: 100%;
  margin: 0 auto;
}

@media screen and (min-width: 768px) and (max-width: 909px) {
  .pt_nonshopproduct-details #main {
    width: 760px;
  }
}

@media screen and (min-width: 910px) and (max-width: 1059px) {
  .pt_nonshopproduct-details #main {
    width: 910px;
  }
}

@media screen and (min-width: 1060px) {
  .pt_nonshopproduct-details #main {
    width: 1060px;
  }
}

@media screen and (min-width: 600px) {
  .pt_nonshopproduct-details #main .primary-content .pdp-main h1.product-name {
    margin: 0 0 0 0;
    padding: 0 0 16px 0;
    width: 100%;
    float: none;
  }
}

@media screen and (min-width: 768px) {
  .pt_nonshopproduct-details #main .primary-content .pdp-main h1.product-name {
    float: right;
    margin: 0 0 0 5.3%;
    padding: 0 0 0 0;
    width: 44.7%;
  }
}

@media screen and (min-width: 600px) {
  .pt_nonshopproduct-details #main .primary-content .pdp-main .product-image-wrapper {
    text-align: center;
    margin: 0 auto;
    padding: 0 0 16px 0;
    max-width: 500px;
    float: none;
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .pt_nonshopproduct-details #main .primary-content .pdp-main .product-image-wrapper {
    float: left;
    width: 50%;
    padding: 0 0 0 0;
    max-width: none;
  }
}

@media screen and (min-width: 600px) {
  .pt_nonshopproduct-details #main .primary-content .pdp-main .product-info {
    margin: 0 auto;
    padding: 0 0 16px 0;
    width: 100%;
    float: none;
  }
}

@media screen and (min-width: 768px) {
  .pt_nonshopproduct-details #main .primary-content .pdp-main .product-info {
    float: right;
    width: 44.7%;
    margin: 0 0 0 5.3%;
    padding: 0 0 0 0;
  }
}

.ui-widget-overlay {
  background: url("../images/interface/ui-overlay-shadow.png") repeat scroll 50% 50% #333;
  opacity: 0.4;
}

body {
  position: relative;
}

#bonus-product-dialog h1 {
  position: relative;
  top: auto;
  left: auto;
}

@media screen and (min-width: 768px) {
  #bonus-product-dialog h1 {
    left: auto;
    font-size: 30px;
  }
}

#bonus-product-dialog h1:before {
  display: none;
}

.ui-dialog {
  width: 90% !important;
  max-width: 800px !important;
  box-sizing: border-box;
  padding: 24px;
}

.ui-dialog * {
  box-sizing: border-box;
}

.ui-dialog:before {
  content: '';
  display: block;
  position: absolute;
  top: 12px;
  left: 12px;
  bottom: 12px;
  right: 12px;
  background-color: rgba(0,0,0,0.5);
  z-index: -1;
  border-radius: 10px;
}

.ui-dialog.athlete-image-dialog,
.ui-dialog.department-image-dialog {
  width: 800px !important;
}

@media screen and (max-width: 959px) {
  .ui-dialog.athlete-image-dialog,
  .ui-dialog.department-image-dialog {
    width: 90% !important;
  }
}

.ui-dialog.athlete-image-dialog .ui-dialog-titlebar,
.ui-dialog.department-image-dialog .ui-dialog-titlebar {
  height: 0;
}

.ui-dialog.athlete-image-dialog .ui-dialog-title,
.ui-dialog.department-image-dialog .ui-dialog-title {
  display: none;
}

.ui-dialog.athlete-image-dialog .ui-dialog-titlebar-close,
.ui-dialog.department-image-dialog .ui-dialog-titlebar-close {
  z-index: 1;
}

.ui-dialog.athlete-image-dialog .ui-dialog-content,
.ui-dialog.department-image-dialog .ui-dialog-content {
  padding: 0 !important;
}

.ui-dialog.athlete-image-dialog img,
.ui-dialog.department-image-dialog img {
  display: block;
  width: 100%;
}

.ui-dialog .ui-widget-header {
  background-color: #000;
  border: 0 none;
  border-radius: 0 0 0 0;
  height: 54px;
  text-transform: uppercase;
  padding: 0 0 0 0;
}

.ui-dialog .ui-dialog-content {
  background-color: #f2f2f2;
  overflow: visible;
}

@media screen and (max-width: 767px) {
  .ui-dialog .ui-dialog-content {
    padding: 12px !important;
  }
}

@media screen and (min-width: 768px) {
  .ui-dialog .ui-dialog-content {
    padding: 30px;
  }
}

.ui-dialog .ui-dialog-content .content-asset {
  overflow: auto;
  height: 100%;
  width: 100%;
}

.ui-dialog .ui-dialog-content .content-asset .fluid-width-video-wrapper {
  margin-bottom: 20px;
}

.ui-dialog .ui-dialog-content .content-asset h1 {
  font-family: "din-bold",Arial,sans-serif;
  font-size: 20px;
}

.ui-dialog .ui-dialog-content .content-asset h2 {
  font-family: "din-bold",Arial,sans-serif;
  font-size: 18px;
}

.ui-dialog .ui-dialog-content ul li,
.ui-dialog .ui-dialog-content ol li,
.ui-dialog .ui-dialog-content p {
  font-size: 13px;
  padding: 0 0 16px 0;
}

@media screen and (min-width: 768px) {
  .ui-dialog .ui-dialog-content ul li,
  .ui-dialog .ui-dialog-content ol li,
  .ui-dialog .ui-dialog-content p {
    font-size: 16px;
  }
}

.ui-dialog .ui-dialog-content ul li strong,
.ui-dialog .ui-dialog-content ol li strong,
.ui-dialog .ui-dialog-content p strong {
  font-family: "din-bold",Arial,sans-serif;
}

.ui-dialog .ui-dialog-content .fitPDPContentButton {
  margin-bottom: -5.5%;
}

.ui-dialog .ui-dialog-title {
  position: relative;
  font-size: 22px;
  left: 16px;
  overflow: visible;
  width: auto;
  margin: 0;
  height: 54px;
  color: #fff;
  line-height: 54px;
  font-style: normal;
  text-transform: uppercase;
  font-family: 'din-bold';
  font-weight: 400;
}

.ui-dialog .ui-dialog-title:before {
  content: '';
  width: 120px;
  height: 54px;
  position: absolute;
  top: 0px;
  left: -120px;
  background: transparent url(../images/logo.png) 50% 10px no-repeat;
  background-size: 59px 34px;
}

@media screen and (max-width: 767px) {
  .ui-dialog .ui-dialog-title:before {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .ui-dialog .ui-dialog-title {
    left: 120px;
    font-size: 30px;
  }
}

.ui-dialog .ui-icon-closethick {
  background-image: url("../images/interface/icon-ui-close.png");
  background-position: left top;
  height: 32px;
  width: 32px;
  left: 0;
  top: 0;
  margin-left: 0;
  margin-top: 0;
}

.ui-dialog .ui-dialog-titlebar-close {
  background: #ccc;
  border: 0 none;
  border-radius: 48px;
  height: 48px;
  margin: 0;
  padding: 0;
  right: -24px;
  top: -24px;
  width: 48px;
}

.ui-dialog .ui-dialog-titlebar-close:after {
  content: '\e80d';
  top: 12px;
  right: 12px;
}

.ui-dialog .ui-dialog-titlebar-close:focus {
  outline: none;
}

.ui-dialog .ui-dialog-titlebar-close .ui-icon {
  display: none;
}

.ui-dialog .ui-dialog-titlebar-close span {
  margin: 0;
  padding: 0;
}

.ui-dialog .dialog-required {
  font-weight: 400;
  position: relative;
  text-transform: none;
}

.no-close .ui-dialog-titlebar-close {
  display: none;
}

.ui-accordion .ui-accordion-content {
  padding: 0;
}

.ui-tabs .ui-tabs-nav {
  height: 2.45em;
  padding: 0;
}

.ui-tabs .ui-tabs-nav li {
  background-color: #efefef;
  border-color: #e0e0e0 #e0e0e0 #fff;
  border-style: solid;
  border-width: 1px;
  font-family: Georgia,serif;
  font-style: italic;
}

.ui-tabs .ui-tabs-nav li.ui-state-active {
  background-color: #fff;
}

.ui-tabs .ui-tabs-nav li.ui-state-active a {
  color: #666;
}

.ui-tabs .ui-tabs-nav li a {
  color: #999;
}

.ui-tabs .ui-tabs-panel {
  background-color: #fff;
  border-color: #e0e0e0;
  border-radius: 0 0 0 0;
  border-style: solid;
  border-width: 1px;
  box-shadow: 4px 2px 10px 0 rgba(66,66,66,0.1);
  color: #414141;
  font-size: 0.9em;
  line-height: 1.5em;
  margin: 0;
  padding: 20px 10px;
}

.js .ui-dialog-content form a {
  color: #333;
}

.storeLocator {
  max-width: 480px !important;
}

@media screen and (min-width: 768px) {
  .storeLocator {
    max-width: 900px !important;
  }
}

button#check-giftcert {
  background: transparent;
  padding: 12px 0 0 0;
  text-decoration: underline;
  font-size: 14px;
  text-transform: none;
}

button#check-giftcert:hover {
  text-decoration: none;
  color: #000;
}

button#check-giftcert:after {
  display: none;
}

.buttonstyle a:hover {
  background: #797f8a;
  color: #fff;
}

.formactions button,
.button,
.largebutton,
.buttonstyle,
.ui-dialog button,
.form-row button,
.ui-dialog input[type="button"],
.form-row input[type="button"] {
  background: #fed22b;
  border: none;
  color: #000;
  cursor: pointer;
  display: inline-block;
  font-family: "din-bold",Arial,sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1;
  padding: 12px 36px 12px 18px;
  text-align: left;
  text-transform: uppercase;
  position: relative;
}

.formactions button:hover,
.button:hover,
.largebutton:hover,
.buttonstyle:hover,
.ui-dialog button:hover,
.form-row button:hover,
.ui-dialog input[type="button"]:hover,
.form-row input[type="button"]:hover {
  background: #797f8a;
  color: #fff;
}

.formactions button[disabled],
.button[disabled],
.largebutton[disabled],
.buttonstyle[disabled],
.ui-dialog button[disabled],
.form-row button[disabled],
.ui-dialog input[type="button"][disabled],
.form-row input[type="button"][disabled] {
  cursor: not-allowed;
  opacity: 0.5;
}

.formactions button[disabled]:hover,
.button[disabled]:hover,
.largebutton[disabled]:hover,
.buttonstyle[disabled]:hover,
.ui-dialog button[disabled]:hover,
.form-row button[disabled]:hover,
.ui-dialog input[type="button"][disabled]:hover,
.form-row input[type="button"][disabled]:hover {
  background: #fed22b;
  color: #000;
}

.formactions button:after,
.button:after,
.largebutton:after,
.buttonstyle:after,
.ui-dialog button:after,
.form-row button:after,
.ui-dialog input[type="button"]:after,
.form-row input[type="button"]:after {
  font-family: 'vibram';
  content: '\e80b';
  position: absolute;
  top: 8px;
  right: 8px;
  width: 24px;
  height: 24px;
  font-size: 24px;
  display: block;
  text-align: center;
}

.formactions button:focus,
.button:focus,
.largebutton:focus,
.buttonstyle:focus,
.ui-dialog button:focus,
.form-row button:focus,
.ui-dialog input[type="button"]:focus,
.form-row input[type="button"]:focus {
  outline: none;
}

.button-fancy-small {
  background: url("../images/interface/ui-wht-tran-grad-52.png") repeat-x scroll 0 0 #00a4e4;
  color: #fff !important;
  font-size: 1em;
  font-weight: 400;
  text-transform: uppercase;
}

.button-fancy-medium {
  background: url("../images/interface/ui-wht-tran-grad-52.png") repeat-x scroll 0 0 #00a4e4;
  color: #fff !important;
  font-weight: 400;
  text-transform: uppercase;
}

.button-fancy-large {
  background: url("../images/interface/ui-wht-tran-grad-52.png") repeat-x scroll 0 0 #00a4e4;
  font-size: 1.75em;
  font-weight: 400;
  padding: 0.5em 1em;
  text-transform: uppercase;
}

.button-fancy-small[disabled],
.button-fancy-medium[disabled],
.button-fancy-large[disabled] {
  opacity: 0.5;
}

.button-text {
  background: none repeat scroll 0 0 transparent;
  border: 0 none;
  font-weight: 400;
  padding: 0;
}

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

.js .simple-submit {
  display: none;
}

legend {
  display: none;
}

.dialog-required {
  font-size: 12px;
  font-weight: 400;
  position: relative;
  float: right;
  padding: 2px 0;
}

.dialog-required em {
  color: #333;
}

label {
  color: #767676;
  float: none;
  font-family: "din-regular",Arial,sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  display: block;
  width: 100%;
  padding: 0 0 4px 0;
  text-transform: uppercase;
}

.form-label-text {
  color: #767676;
  float: none;
  font-family: "din-bold",Arial,sans-serif;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  display: block;
  width: 100%;
  padding: 0 0 16px 0;
  text-transform: uppercase;
}

.form-label-text span {
  margin-right: 5px;
}

.form-row {
  clear: both;
  margin: 0 0 16px 0;
}

@media screen and (min-width: 768px) {
  .form-row:last-child {
    margin-bottom: 0px;
  }
}

input[type="text"],
input[type="number"],
input[type="password"] {
  color: #767676;
  border: 1px solid #dfdfdf;
  margin: 0 0 0 0;
  padding: 16px;
  text-indent: 0;
  width: 100%;
  font-size: 14px;
}

input[type="text"]:focus,
input[type="number"]:focus,
input[type="password"]:focus {
  outline: none;
}

textarea {
  color: #767676;
  min-height: 100px;
  border: 1px solid #dfdfdf;
  margin: 0 0 0 0;
  padding: 16px;
  text-indent: 0;
  width: 100%;
  font-size: 14px;
}

textarea:focus {
  outline: none;
}

input[type="checkbox"],
input[type="radio"] {
  margin: 1em 2%;
}

.label-inline label {
  display: inline-block;
  float: none;
  font-size: 1em;
  font-weight: 400;
  text-align: left;
  width: 90%;
}

.label-inline input {
  float: left;
  margin: 0.8em 2%;
}

.label-above label {
  float: none;
  text-align: left;
  width: auto;
}

.label-above input,
.label-above .vibram-select,
.label-above textarea {
  margin-left: 0;
}

.label-above .form-caption {
  margin-left: 0;
  width: auto;
}

.label-removed label {
  left: -999em;
  position: absolute;
}

.label-hidden label {
  text-align: left;
  text-indent: -999em;
}

.form-indent {
  margin-left: 0;
}

.form-indent .form-caption {
  margin-left: 0;
}

.form-caption {
  display: block;
  margin: 8px 0 16px 0;
  width: auto;
}

.form-caption a {
  font-weight: 400;
  font-family: "din-bold",Arial,sans-serif;
  text-decoration: underline;
}

.form-caption a:hover {
  text-decoration: none;
}

.error-message {
  border: none;
  background-color: transparent;
  padding: 8px 0 0 0;
  margin: 0;
  text-indent: 0;
  width: 100%;
  font-size: 14px;
  font-weight: 700;
}

.error {
  background-color: #faeded;
  border-color: #d00;
  color: #d00;
}

.error input[type="text"],
.error input[type="number"],
.error input[type="password"] {
  background-color: #fff;
  color: #767676;
  border-color: #d00;
}

input[type="text"].error,
input[type="text"].is-error,
input[type="number"].error,
input[type="number"].is-error,
input[type="password"].error,
input[type="password"].is-error,
.vibram-select.error,
.vibram-select.is-error {
  background-color: #fff;
  color: #767676;
  border-color: #d00;
}

span.error {
  background: none repeat scroll 0 0 transparent;
  display: block;
  margin: 8px 0 16px 0;
  font-size: 13px;
}

div.error {
  background: none repeat scroll 0 0 transparent;
}

.error-form {
  color: #d00;
  margin: 0 0 16px 0;
  padding: 0;
  font-size: 13px;
}

#edit-address-form.inline-form .form-row {
  margin-bottom: 12px;
}

form.inline-form {
  padding: 0;
  width: 100%;
}

form.inline-form .form-caption {
  display: none;
}

form.inline-form .form-label-text,
form.inline-form label {
  display: block;
  width: 100%;
  line-height: 1.3;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  font-family: "din-regular",Arial,sans-serif;
  font-weight: 400;
  font-size: 12px;
}

@media screen and (min-width: 768px) {
  form.inline-form .form-label-text,
  form.inline-form label {
    width: 40%;
    float: left;
    line-height: 44px;
  }
}

@media screen and (min-width: 768px) {
  form.inline-form .form-label-text,
  form.inline-form label {
    font-size: 14px;
  }
}

form.inline-form .inline-row .form-row {
  width: 50%;
  float: left;
  clear: none;
}

form.inline-form .inline-row .form-row label {
  display: none;
}

@media screen and (min-width: 768px) {
  form.inline-form .inline-row .form-row {
    width: 30%;
  }
}

form.inline-form .inline-row .form-row:last-child {
  padding: 0 0 0 10px;
}

form.inline-form input[type="text"],
form.inline-form .vibram-select {
  margin-left: 0;
  width: 100%;
  padding: 14px;
}

@media screen and (min-width: 768px) {
  form.inline-form input[type="text"],
  form.inline-form .vibram-select {
    width: 60%;
    float: left;
  }
}

form.inline-form .form-row {
  margin-bottom: 12px;
}

form.inline-form .form-row button {
  padding: 12px;
}

form.inline-form .form-row button:after {
  display: none;
}

@media screen and (min-width: 768px) {
  form.inline-form .form-row:last-child {
    margin-bottom: 0px;
  }
}

form.inline-form .form-row-button {
  padding-bottom: 0;
  margin-bottom: 0;
  text-align: right;
}

form.inline-form span.error {
  display: block;
  clear: both;
  padding: 4px 0 0 0;
  margin: 0;
}

@media screen and (min-width: 768px) {
  form.inline-form span.error {
    padding-left: 40%;
  }
}

@media screen and (min-width: 768px) {
  form.inline-form .vibram-select span.error {
    padding-left: 0%;
    text-align: center;
  }
}

@media screen and (min-width: 768px) {
  #CreditCardForm .inline-row .form-label-text,
  #CreditCardForm .inline-row label,
  #CreditCardForm .form-row .form-label-text,
  #CreditCardForm .form-row label {
    width: 25%;
    float: left;
  }
}

@media screen and (min-width: 768px) {
  #CreditCardForm .inline-row input[type="text"],
  #CreditCardForm .inline-row .vibram-select,
  #CreditCardForm .form-row input[type="text"],
  #CreditCardForm .form-row .vibram-select {
    width: 75%;
    float: left;
  }
}

#CreditCardForm .inline-row .form-row {
  width: 37.5%;
}

#CreditCardForm .inline-row .form-row .vibram-select {
  width: 100%;
}

.require-dialog {
  font-weight: 400;
  position: absolute;
  right: 1em;
  text-transform: none;
  top: 1em;
}

.required-indicator {
  color: #00a4e4;
}

.form-field-tooltip {
  float: right;
  margin: -13px 0 0 0;
}

.with-helper-text {
  margin-top: -33px;
}

.label-inline label {
  padding: 0;
  padding-left: 0.25em;
  line-height: 16px;
  text-transform: none;
}

#RegistrationForm .form-row {
  margin-bottom: 12px;
}

#RegistrationForm .form-row button {
  padding: 12px;
}

#RegistrationForm .form-row button:after {
  display: none;
}

.ui-dialog #PasswordResetForm .form-row {
  display: block;
}

@media screen and (min-width: 768px) {
  .ui-dialog #PasswordResetForm .form-row {
    padding-right: 30%;
  }
}

.ui-dialog #PasswordResetForm button {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  width: 100%;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .ui-dialog #PasswordResetForm button {
    position: absolute;
    top: 18px;
    right: 1px;
    left: auto;
    padding: 15px 18px 15px 18px;
    width: 28%;
  }
}

.ui-dialog #PasswordResetForm button:after {
  display: none;
}

@media screen and (min-width: 768px) {
  #CreditCardForm fieldset {
    float: left;
    width: 80%;
  }
}

#CreditCardForm .account-payment-method-images {
  display: none;
}

@media screen and (min-width: 768px) {
  #CreditCardForm .account-payment-method-images {
    float: left;
    width: 20%;
    display: block;
  }
}

#CreditCardForm .account-payment-method-images p {
  padding: 0;
  margin: 0;
}

#CreditCardForm .account-payment-method-images img {
  display: block;
  position: absolute;
  top: 154px;
  right: 7%;
  width: auto !important;
}

#BecomeADealerForm {
  padding: 20px;
  background: #f1f2f4;
}

#BecomeADealerForm legend {
  border-top: 1px solid #d7d7d7;
  display: block;
  width: 100%;
  font-family: "din-black",Arial,sans-serif;
  font-size: 16px;
  font-weight: 400;
  margin: 0 0 7px 0 !important;
  line-height: 1.3;
  text-transform: uppercase;
  position: relative;
  padding: 20px 0 0 0;
}

#BecomeADealerForm legend span {
  font-family: "din-regular",Arial,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  text-transform: none;
}

#BecomeADealerForm fieldset {
  padding: 0 0 20px 0;
}

#BecomeADealerForm fieldset:first-child legend {
  padding: 0;
  border: none;
}

.ctct-embed-signup-contact-us .ctct-form-errorMessage {
  color: #d00;
  padding: 4px 0 8px 0;
}

.ctct-embed-signup-contact-us #success_message {
  font-family: "din-bold",Arial,sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1;
  padding: 12px 36px;
  display: block;
}

p.has-select {
  margin-bottom: 0 !important;
}

.vibram-select.contact-select {
  margin: 0 0 16px 0 !important;
}

p.requried-msg {
  text-align: right;
  color: #000;
  font-family: "din-medium",Arial,sans-serif;
  font-size: 12px !important;
  font-weight: 400;
  line-height: 1;
  padding: 12px 0 12px 0;
  text-transform: uppercase;
}

.payment-method .error .vibram-select {
  border-color: #dd0000;
  color: #dd0000;
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;
}

.payment-method .error .vibram-select select {
  color: #dd0000;
}

.payment-method .error .form-caption {
  font-family: "din-regular",Arial,sans-serif;
  font-size: 13px;
  font-weight: 400;
  display: block;
  padding: 8px 0 16px 0;
}

.submitting {
  height: 34px;
  width: 34px;
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  background: url("../images/submitting-loader.gif") 50% 50% no-repeat;
}

.solefactor-button {
  width: 100%;
  max-width: 250px;
}

.g-recaptcha-us-ca {
  padding-bottom: 20px;
}

#IdeasForm .g-recaptcha {
  margin-top: 16px;
}

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

.item-list tr {
  border-bottom: 1px solid #e0e0e0;
}

.item-list tr.last {
  border: 0 none;
}

.item-list tr.headings {
  display: none;
}

.item-list td {
  padding: 1em;
  vertical-align: top;
}

.section-header {
  padding: 1em;
}

.item-details .product-list-item .name {
  font-family: Georgia,serif;
  font-size: 1.2em;
  font-style: italic;
}

.item-details .product-list-item .value {
  font-weight: 700;
}

.item-details .product-list-item .promo {
  color: #d00;
}

.item-details .product-list-item .price-standard {
  color: #999;
  text-decoration: line-through;
}

.item-availability ul,
.item-quantity-details ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}

.item-dashboard {
  color: #aaa;
  width: 250px;
}

.item-dashboard label {
  display: inline;
  float: none;
  font-weight: 400;
}

.item-dashboard input,
.item-dashboard .value,
.item-dashboard .option-toggle-public label {
  color: #333;
}

.item-dashboard input {
  padding: 0.2em;
  width: 2em;
}

.item-dashboard .input-text {
  margin: 0;
  text-align: center;
}

.item-dashboard .input-select {
  margin: 0;
  padding: 8px;
  width: auto;
  height: auto;
  color: #333;
}

.item-dashboard .input-checkbox {
  margin: 0 5px;
}

.item-dashboard .item-option {
  margin: 0 0 0.5em;
}

.item-dashboard .item-option .form-row {
  display: inline;
}

.item-dashboard .option-add-to-cart .label,
.item-dashboard .option-add-to-cart label {
  color: #333;
  font-size: 1.1em;
  font-weight: 700;
  text-transform: uppercase;
}

.item-dashboard .option-add-to-cart input {
  padding: 0.5em 0;
  width: 50px;
  margin-right: 1em;
}

.item-dashboard .option-quantity-purchased span.exceeded {
  color: #d00;
}

.tooltip {
  cursor: help;
  position: relative;
}

.tooltip.product-tile {
  cursor: pointer;
}

.tooltip-content {
  display: none;
}

.ui-tooltip.ui-widget-content {
  background: #ffea8e;
  box-shadow: none;
}

.ui-tooltip.ui-widget-content p {
  color: #000;
  font-family: "din-regular",Arial,sans-serif;
  line-height: 1.3;
  font-size: 14px;
  font-weight: 400;
  margin: 0;
  padding: 4px 0;
}

.ui-tooltip.ui-widget-content p strong {
  font-family: "din-bold",Arial,sans-serif;
  font-weight: 400;
}

.ui-tooltip.ui-widget-content .imgleft {
  display: block;
  margin: 0 24px 36px 0;
  float: left;
}

.ui-tooltip-content {
  padding: 0.25em 0.5em;
}

.ui-tooltip-content .recommendation-tooltip-header {
  background-color: #ccc;
  font-size: 1.2em;
  font-weight: bold;
  padding: 0.5em;
}

.ui-tooltip-content .recommendation-tooltip-header .product-price .price-standard {
  color: #999;
  text-decoration: line-through;
}

.ui-tooltip-content .recommendation-tooltip-description,
.ui-tooltip-content .recommendation-tooltip-attributes {
  padding: 0.8em;
}

.ui-tooltip-content .shipping-method-cost {
  float: right;
}

.ui-tooltip-content .shipping-method-cost .value {
  border-bottom: 1px solid #424242;
  display: inline-block;
  padding-bottom: 0.3em;
}

.ui-tooltip-content .shipping-method-cost .value,
.ui-tooltip-content .shippingtotal .value,
.ui-tooltip-content .promo .value {
  text-align: right;
  display: inline-block;
  min-width: 50px;
}

.ui-tooltip-content .promo,
.ui-tooltip-content .shippingtotal {
  clear: right;
  float: right;
  margin-top: 0.3em;
}

.slot-grid-header p {
  margin: 0;
  padding: 0;
}

.slot-grid-header img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

.content-slot img {
  height: auto;
  max-width: 100%;
}

.slot-gridp.eader p {
  margin: 0;
  padding: 0;
}

.product-listing-1x4 {
  background: none repeat scroll 0 0 #fff;
  overflow: hidden;
  padding: 10px 0;
}

.product-listing-1x4 .search-result-items .grid-tile {
  margin: 0 1% 0 2%;
  width: 18%;
}

.cs-contact-number,
.account-nav-asset {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

.cs-contact-number h2,
.account-nav-asset h2 {
  font-family: "din-bold",Arial,sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 1.3;
  text-transform: uppercase;
  color: #000;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

.cs-contact-number .content-asset p,
.account-nav-asset .content-asset p {
  padding: 0;
  margin: 0 0 0 0;
  text-transform: uppercase;
}

.content-asset p {
  line-height: 1.6em;
  margin: 1em 0;
}

.content-asset p strong {
  font-family: "din-bold",Arial,sans-serif;
}

.content-asset ul,
.content-asset ol {
  line-height: 1.6em;
  margin: 1em 0;
  padding: 0 1.5em;
}

.content-asset address {
  margin: 1em 0;
}

.content-asset ul li {
  list-style: square outside none !important;
}

.content-asset ul li strong {
  font-family: "din-bold",Arial,sans-serif;
}

.content-asset ol li {
  list-style: decimal outside none;
}

.content-asset ol li strong {
  font-family: "din-bold",Arial,sans-serif;
}

.browser-compatibility-alert {
  background: #ffea8e;
  color: #000;
  text-align: center;
  font-family: "din-medium",Arial,sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.3;
  padding: 12px;
}

.folder-slot {
  border-style: solid;
  border-color: #019328;
  border-width: 1px;
  background-color: white;
  padding: 0.5em 0.5em;
}

.folder-slot h2 {
  color: #019328;
  margin: 0.5em 0em;
}

.primary-content .error-page-footer .content-asset p,
.primary-content .error-page-message .content-asset p {
  padding: 12px 0;
  margin: 0;
  font-size: 14px;
  color: #000;
  font-family: "din-regular",Arial,sans-serif;
  line-height: 1.3;
}

.primary-content .error-page-footer .content-asset p strong,
.primary-content .error-page-message .content-asset p strong {
  font-family: "din-bold",Arial,sans-serif;
}

.primary-content .error-page-footer .content-asset p a,
.primary-content .error-page-message .content-asset p a {
  color: #000;
  text-decoration: underline;
}

.primary-content .error-page-footer .content-asset p a:hover,
.primary-content .error-page-message .content-asset p a:hover {
  text-decoration: none;
}

.primary-content .error-page-footer {
  padding: 0 0 24px 0;
}

.primary-content .error-page-search {
  padding: 24px 0;
}

.primary-content .error-page-search label {
  font-family: "din-medium",Arial,sans-serif;
  color: #000;
}

.primary-content .error-page-search input {
  width: 70%;
  float: left;
}

@media screen and (min-width: 480px) {
  .primary-content .error-page-search input {
    width: 80%;
  }
}

@media screen and (min-width: 768px) {
  .primary-content .error-page-search input {
    width: 80%;
  }
}

@media screen and (min-width: 960px) {
  .primary-content .error-page-search input {
    width: 85%;
  }
}

.primary-content .error-page-search button {
  width: 25%;
  float: right;
  padding-top: 16px;
  padding-bottom: 17px;
}

@media screen and (min-width: 480px) {
  .primary-content .error-page-search button {
    width: 15%;
  }
}

@media screen and (min-width: 768px) {
  .primary-content .error-page-search button {
    width: 15%;
  }
}

@media screen and (min-width: 960px) {
  .primary-content .error-page-search button {
    width: 10%;
  }
}

.primary-content .error-page-search button:after {
  top: 12px;
}

.primary-content .customer-service-directory {
  color: #000;
  font-family: "din-regular",Arial,sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.3;
  padding: 20px 0 0 0;
}

.primary-content .customer-service-directory h2 {
  font-family: "din-bold",Arial,sans-serif;
  margin-bottom: 8px;
}

.primary-content .customer-service-directory ul {
  margin-bottom: 8px;
  margin-left: 20px;
}

.primary-content .customer-service-directory ul li {
  margin-bottom: 4px;
}

.primary-content .customer-service-directory ul li a {
  color: #000;
}

.primary-content .customer-service-directory .customer-service-section {
  margin-bottom: 20px;
}

@media screen and (min-width: 500px) {
  .primary-content .customer-service-directory .customer-service-section {
    width: 50%;
    float: left;
  }
}

.primary-content .site-map .icon {
  display: none;
}

.primary-content .site-map .content-asset p {
  padding: 0;
  margin: 0;
}

.primary-content .site-map .content-asset img {
  display: none;
}

.primary-content .site-map .megamenu-shop-content .content-asset ul {
  margin: 0;
}

.primary-content .site-map .megamenu-shop-content .content-asset ul li a {
  font-family: "din-bold",Arial,sans-serif;
  margin-bottom: 4px;
}

.primary-content .site-map .megamenu-heritage-content {
  display: none;
}

.primary-content .site-map ul {
  padding: 0 0 0 0;
}

.primary-content .site-map ul li {
  color: #000;
  font-family: "din-regular",Arial,sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.3;
  padding: 0 0 0 0;
}

.primary-content .site-map .main-navigation>li {
  margin-bottom: 20px;
}

@media screen and (min-width: 400px) {
  .primary-content .site-map .main-navigation>li {
    width: 50%;
    float: left;
  }
}

@media screen and (min-width: 560px) {
  .primary-content .site-map .main-navigation>li {
    width: 33.3333%;
  }
}

.primary-content .site-map .main-navigation>li>a,
.primary-content .site-map .main-navigation>li>span.no-link {
  font-family: "din-bold",Arial,sans-serif;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.primary-content .site-map .level-1>li>a,
.primary-content .site-map .level-1>li>span.no-link {
  font-family: "din-bold",Arial,sans-serif;
  margin-bottom: 4px;
}

.primary-content .site-map .menu-horizontal {
  margin-left: 10px;
}

.primary-content .site-map .menu-horizontal>li>a,
.primary-content .site-map .menu-horizontal>li>span.no-link {
  font-family: "din-medium",Arial,sans-serif;
  margin-bottom: 2px;
}

.primary-content .site-map .level-3 {
  margin-bottom: 4px;
  margin-left: 10px;
}

.primary-content .site-map .level-3>li>a,
.primary-content .site-map .level-3>li>span.no-link {
  font-family: "din-regular",Arial,sans-serif;
  font-weight: 700;
}

.primary-content .site-map .level-4 {
  margin-left: 10px;
}

.primary-content .site-map a,
.primary-content .site-map span.no-link {
  display: block;
  color: #000;
}

.primary-content .site-map a:hover,
.primary-content .site-map span.no-link:hover {
  text-decoration: underline;
}

.dialog-content p.title-hdr,
.primary-content p.title-hdr {
  font-family: "din-regular",Arial,sans-serif;
  font-weight: 400;
  line-height: 1.3;
  font-size: 24px;
  color: #666;
  text-align: left;
  margin: 0 0 12px 0;
  padding: 0;
}

.dialog-content p.title-hdr strong,
.primary-content p.title-hdr strong {
  color: #000;
  font-family: "din-bold",Arial,sans-serif;
}

.dialog-content .content-asset p.title-hdr,
.primary-content .content-asset p.title-hdr {
  font-size: 30px;
}

.dialog-content .content-asset .content-header,
.primary-content .content-asset .content-header {
  font-family: "din-black",Arial,sans-serif;
  font-size: 20px;
  font-weight: 400;
  margin: 0 0 7px 0 !important;
  line-height: 1.3;
  text-transform: uppercase;
  position: relative;
  font-style: normal;
}

@media screen and (min-width: 480px) {
  .dialog-content .content-asset .content-header,
  .primary-content .content-asset .content-header {
    font-size: 28px;
  }
}

.dialog-content .content-asset .content-header span,
.primary-content .content-asset .content-header span {
  font-family: "din-regular",Arial,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  text-transform: none;
}

.dialog-content .content-asset .contact-header,
.primary-content .content-asset .contact-header {
  text-align: center;
  margin: 40px 0 20px 0 !important;
  padding: 0 0 0 0;
}

.dialog-content .content-asset .dealer-link,
.primary-content .content-asset .dealer-link {
  text-align: center;
  margin: 0 0 0 0;
  padding: 0;
}

.dialog-content .content-asset .dealer-link a,
.primary-content .content-asset .dealer-link a {
  font-family: "din-regular",Arial,sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.3;
  color: #666;
}

.dialog-content .content-asset ul.stores,
.dialog-content .content-asset ul.offices,
.primary-content .content-asset ul.stores,
.primary-content .content-asset ul.offices {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

.dialog-content .content-asset ul.stores li,
.dialog-content .content-asset ul.offices li,
.primary-content .content-asset ul.stores li,
.primary-content .content-asset ul.offices li {
  margin: 0 0 0 0;
  padding: 0 0 20px 0;
  list-style: none !important;
}

@media screen and (min-width: 560px) {
  .dialog-content .content-asset ul.stores li,
  .dialog-content .content-asset ul.offices li,
  .primary-content .content-asset ul.stores li,
  .primary-content .content-asset ul.offices li {
    padding: 0 10px 20px 0;
  }
}

@media screen and (min-width: 560px) {
  .dialog-content .content-asset ul.stores li:nth-child(2n),
  .dialog-content .content-asset ul.offices li:nth-child(2n),
  .primary-content .content-asset ul.stores li:nth-child(2n),
  .primary-content .content-asset ul.offices li:nth-child(2n) {
    padding: 0 0 20px 10px;
  }
}

@media screen and (min-width: 560px) {
  .dialog-content .content-asset ul.stores li,
  .dialog-content .content-asset ul.offices li,
  .primary-content .content-asset ul.stores li,
  .primary-content .content-asset ul.offices li {
    width: 50%;
    float: left;
  }
}

.dialog-content .content-asset ul.stores li p,
.dialog-content .content-asset ul.stores li h2,
.dialog-content .content-asset ul.stores li h3,
.dialog-content .content-asset ul.stores li a,
.dialog-content .content-asset ul.offices li p,
.dialog-content .content-asset ul.offices li h2,
.dialog-content .content-asset ul.offices li h3,
.dialog-content .content-asset ul.offices li a,
.primary-content .content-asset ul.stores li p,
.primary-content .content-asset ul.stores li h2,
.primary-content .content-asset ul.stores li h3,
.primary-content .content-asset ul.stores li a,
.primary-content .content-asset ul.offices li p,
.primary-content .content-asset ul.offices li h2,
.primary-content .content-asset ul.offices li h3,
.primary-content .content-asset ul.offices li a {
  color: #070707;
  font-family: "din-regular",Arial,sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.3;
}

.dialog-content .content-asset ul.stores li p strong,
.dialog-content .content-asset ul.stores li h2 strong,
.dialog-content .content-asset ul.stores li h3 strong,
.dialog-content .content-asset ul.stores li a strong,
.dialog-content .content-asset ul.offices li p strong,
.dialog-content .content-asset ul.offices li h2 strong,
.dialog-content .content-asset ul.offices li h3 strong,
.dialog-content .content-asset ul.offices li a strong,
.primary-content .content-asset ul.stores li p strong,
.primary-content .content-asset ul.stores li h2 strong,
.primary-content .content-asset ul.stores li h3 strong,
.primary-content .content-asset ul.stores li a strong,
.primary-content .content-asset ul.offices li p strong,
.primary-content .content-asset ul.offices li h2 strong,
.primary-content .content-asset ul.offices li h3 strong,
.primary-content .content-asset ul.offices li a strong {
  font-family: "din-medium",Arial,sans-serif;
}

.dialog-content .content-asset ul.stores li a,
.dialog-content .content-asset ul.offices li a,
.primary-content .content-asset ul.stores li a,
.primary-content .content-asset ul.offices li a {
  color: #666;
}

.dialog-content .content-asset ul.stores li h2,
.dialog-content .content-asset ul.stores li h3,
.dialog-content .content-asset ul.offices li h2,
.dialog-content .content-asset ul.offices li h3,
.primary-content .content-asset ul.stores li h2,
.primary-content .content-asset ul.stores li h3,
.primary-content .content-asset ul.offices li h2,
.primary-content .content-asset ul.offices li h3 {
  font-family: "din-medium",Arial,sans-serif;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 400;
}

.dialog-content .content-asset ul.stores li img,
.dialog-content .content-asset ul.offices li img,
.primary-content .content-asset ul.stores li img,
.primary-content .content-asset ul.offices li img {
  display: block;
  max-width: 100%;
  margin-bottom: 12px;
}

.dialog-content .content-asset ul.fstores,
.primary-content .content-asset ul.fstores {
  margin: 20px 0 0 0;
  padding: 0 0 0 0;
  list-style: none !important;
}

.dialog-content .content-asset ul.fstores li,
.primary-content .content-asset ul.fstores li {
  width: 100%;
  float: left;
  padding: 0 10px;
  list-style: none !important;
}

@media screen and (min-width: 670px) {
  .dialog-content .content-asset ul.fstores li,
  .primary-content .content-asset ul.fstores li {
    width: 33.333%;
  }
}

.dialog-content .content-asset ul.fstores li h2,
.dialog-content .content-asset ul.fstores li h3,
.primary-content .content-asset ul.fstores li h2,
.primary-content .content-asset ul.fstores li h3 {
  font-family: "din-medium",Arial,sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 400;
}

@media screen and (min-width: 960px) {
  .dialog-content .content-asset ul.fstores li h2,
  .dialog-content .content-asset ul.fstores li h3,
  .primary-content .content-asset ul.fstores li h2,
  .primary-content .content-asset ul.fstores li h3 {
    font-size: 24px;
  }
}

.dialog-content .content-asset ul.fstores li h2,
.primary-content .content-asset ul.fstores li h2 {
  font-family: "din-regular",Arial,sans-serif;
  color: #666;
  border-bottom: 1px solid #666;
}

.dialog-content .content-asset ul.fstores li h3,
.primary-content .content-asset ul.fstores li h3 {
  font-size: 14px;
}

@media screen and (min-width: 960px) {
  .dialog-content .content-asset ul.fstores li h3,
  .primary-content .content-asset ul.fstores li h3 {
    font-size: 18px;
  }
}

.dialog-content .content-asset ul.fstores li ul.stores li,
.primary-content .content-asset ul.fstores li ul.stores li {
  width: 100%;
  padding: 0 0 10px 0;
}

.dialog-content .content-asset ul.fstores li ul.stores li p,
.primary-content .content-asset ul.fstores li ul.stores li p {
  margin-bottom: 4px;
}

@media screen and (min-width: 670px) {
  .dialog-content .content-asset ul.fstores li ul.stores li,
  .primary-content .content-asset ul.fstores li ul.stores li {
    padding: 0 10px 20px 0px;
  }
}

@media screen and (min-width: 670px) {
  .dialog-content .content-asset ul.fstores li ul.stores li:nth-child(2n),
  .primary-content .content-asset ul.fstores li ul.stores li:nth-child(2n) {
    padding: 0 10px 20px 0px;
  }
}

.dialog-content .content-asset ul.fstores li.fullwidth,
.primary-content .content-asset ul.fstores li.fullwidth {
  width: 100%;
}

@media screen and (min-width: 670px) {
  .dialog-content .content-asset ul.fstores li.fullwidth ul.stores li,
  .primary-content .content-asset ul.fstores li.fullwidth ul.stores li {
    width: 33.333%;
  }
}

@media screen and (min-width: 670px) {
  .dialog-content .content-asset ul.fstores li.twothirds,
  .primary-content .content-asset ul.fstores li.twothirds {
    width: 66.666%;
  }
}

@media screen and (min-width: 670px) {
  .dialog-content .content-asset ul.fstores li.twothirds ul.stores li,
  .primary-content .content-asset ul.fstores li.twothirds ul.stores li {
    width: 50%;
  }
}

#secondary.nav ul.education-list {
  margin: 20px 0 0 20px;
}

#secondary.nav ul.education-list li {
  margin-bottom: 16px;
}

#secondary.nav ul.education-list li a {
  font-size: 14px;
}

.education-header-img img {
  max-width: 100%;
}

.education-landing .content-asset {
  text-align: center;
}

.education-landing .content-asset img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

.education-landing .content-asset ul li,
.education-landing .content-asset ol li,
.education-landing .content-asset p {
  color: #767676;
  font-family: "din-regular",Arial,sans-serif;
  font-weight: 400;
  line-height: 1.3;
  font-size: 14px;
}

.education-landing .content-asset ul li a,
.education-landing .content-asset ol li a,
.education-landing .content-asset p a {
  font-family: "din-bold",Arial,sans-serif;
}

.education-landing .content-asset ul li a:hover,
.education-landing .content-asset ol li a:hover,
.education-landing .content-asset p a:hover {
  text-decoration: underline;
}

.education-landing .content-asset p {
  margin: 0 0 16px 0;
}

.education-landing .content-asset ul,
.education-landing .content-asset ol {
  margin: 0 0 21px 18px;
  padding: 0 0 0 0;
}

.education-landing .content-asset ul li,
.education-landing .content-asset ol li {
  margin: 0 0 6px 0;
  padding: 0 0 0 0;
}

.education-landing .content-asset h1 {
  color: #000;
  font-family: "din-black",Arial,sans-serif;
  font-size: 26px;
  font-weight: 400;
  line-height: 1.2;
  margin: 0 0 0 0;
  text-transform: uppercase;
  text-align: left !important;
}

@media screen and (min-width: 480px) {
  .education-landing .content-asset h1 {
    font-size: 32px;
  }
}

@media screen and (min-width: 768px) {
  .education-landing .content-asset h1 {
    font-size: 38px;
  }
}

.education-landing .content-asset h1 .icon {
  color: #7b7c7d;
  font-size: 30px;
  line-height: 30px;
}

@media screen and (min-width: 480px) {
  .education-landing .content-asset h1 .icon {
    font-size: 38px;
    line-height: 38px;
  }
}

@media screen and (min-width: 768px) {
  .education-landing .content-asset h1 .icon {
    font-size: 53px;
    line-height: 53px;
  }
}

.education-landing .content-asset h1 .icon:before {
  margin-left: 0px;
  position: relative;
  top: 1px;
}

@media screen and (min-width: 480px) {
  .education-landing .content-asset h1 .icon:before {
    top: 2px;
  }
}

@media screen and (min-width: 768px) {
  .education-landing .content-asset h1 .icon:before {
    top: 4px;
  }
}

.education-landing .content-asset .sub-content {
  border-top: 1px solid #777;
  padding: 20px 0 0 0;
  margin: 20px 0 0 0;
}

.education-landing .content-asset .sub-content h2 {
  color: #000;
  font-family: "din-regular",Arial,sans-serif;
  font-size: 18px;
  text-transform: uppercase;
  padding: 8px 0 8px 0;
}

.education-landing .content-asset .sub-content h3 {
  color: #000;
  font-family: "din-regular",Arial,sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  padding: 8px 0 16px 0;
}

.education-landing .content-asset .education-sub-pages {
  margin: 0;
  padding: 0;
  list-style: none !important;
  display: inline-block;
}

.education-landing .content-asset .education-sub-pages li {
  margin: 0;
  padding: 20px;
  list-style: none !important;
  display: inline-block;
}

.education-landing .content-asset .education-sub-pages li h2 {
  color: #000;
  font-family: "din-regular",Arial,sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  padding: 8px 0 0 0;
}

.education-landing .content-asset .education-sub-pages li img {
  border: 1px solid #888;
  display: block;
}

.content-button {
  text-decoration: none !important;
}

.top-banner {
  position: relative;
  height: 44px;
  background: #070707;
}

.top-banner * {
  box-sizing: border-box;
}

@media screen and (min-width: 768px) {
  .top-banner {
    background: transparent;
    height: 108px;
    position: fixed;
    z-index: 4;
    top: 0;
    left: 50%;
    margin-left: -380px;
    width: 760px;
  }

  .top-banner:before {
    content: '';
    display: block;
    background: #070707;
    height: 64px;
    width: 100%;
    top: 44px;
    left: 0;
    position: fixed;
    z-index: -1;
  }
}

@media screen and (min-width: 960px) {
  .top-banner {
    margin-left: -480px;
    width: 960px;
  }
}

.top-banner .megamenu-explore-content ul {
  display: flex;
}

.top-banner .megamenu-explore-content li {
  padding: 0 16px 0 0;
}

.top-slots {
  position: relative;
  display: none;
  text-align: center;
}

.top-slots * {
  box-sizing: border-box;
}

@media screen and (min-width: 768px) {
  .top-slots {
    display: block;
    background: transparent;
    height: 30px;
    position: fixed;
    z-index: 4;
    top: 0;
    left: 50%;
    margin-left: -380px;
    width: 760px;
  }

  .top-slots:before {
    content: '';
    display: block;
    background: #070707;
    height: 30px;
    width: 100%;
    top: 0px;
    left: 0;
    position: fixed;
    z-index: -1;
  }
}

@media screen and (min-width: 960px) {
  .top-slots {
    margin-left: -480px;
    width: 960px;
  }
}

.top-slots p {
  padding: 8px 12px 0px 12px;
  color: #fff;
}

.top-slots p a {
  color: #fed22b;
}

.top-slots p a:hover {
  text-decoration: underline;
}

.primary-logo {
  margin: 0 auto;
  position: relative;
  top: 7px;
  height: 30px;
  width: 52px;
}

.primary-logo a {
  display: block;
}

.primary-logo img {
  display: block;
  max-width: 100%;
}

@media screen and (min-width: 768px) {
  .primary-logo {
    margin: 0;
    width: 77px;
    height: 44px;
    top: 54px;
    left: 0;
    position: absolute;
  }
}

@media screen and (min-width: 768px) {
  #navigation .social-nav {
    position: absolute;
    top: 44px;
    display: block;
    right: 122px;
    width: 100px;
    height: 64px;
    cursor: pointer;
  }

  #navigation .social-nav.active .social-icons {
    display: block;
  }
}

@media screen and (min-width: 960px) {
  #navigation .social-nav {
    right: 174px;
  }
}

#navigation .social-nav .social-icons-header {
  width: 100%;
  max-width: 200px;
}

@media screen and (min-width: 768px) {
  #navigation .social-nav .social-icons-header {
    margin-top: 0;
    position: absolute;
    top: 0px;
    right: 0px;
    height: auto;
    max-width: none;
    background: #000;
    width: 65px;
    padding: 21px 0px 9px 0px;
  }
}

@media screen and (min-width: 960px) {
  #navigation .social-nav .social-icons-header {
    width: 100px;
    padding: 15px 12px 7px 12px;
  }
}

#navigation .social-nav .social-icons {
  width: 100%;
  max-width: 200px;
}

@media screen and (min-width: 768px) {
  #navigation .social-nav .social-icons {
    display: none;
    margin-top: 0;
    position: absolute;
    top: 64px;
    right: 0;
    height: auto;
    width: 100px;
    max-width: none;
    background: #000;
    padding: 12px;
  }
}

#navigation .social-nav .social-icons-header .content-asset ul,
#navigation .social-nav .social-icons .content-asset ul {
  line-height: 24px;
  margin: 0;
  padding: 0;
}

#navigation .social-nav .social-icons-header .content-asset ul li,
#navigation .social-nav .social-icons .content-asset ul li {
  list-style: none !important;
  margin: 6px;
  padding: 0;
  height: 22px;
  width: 22px;
  float: left;
}

@media screen and (min-width: 768px) {
  #navigation .social-nav .social-icons-header .content-asset ul li,
  #navigation .social-nav .social-icons .content-asset ul li {
    margin: 0 4px 12px 4px;
  }
}

@media screen and (min-width: 960px) {
  #navigation .social-nav .social-icons-header .content-asset ul li,
  #navigation .social-nav .social-icons .content-asset ul li {
    height: 30px;
    width: 30px;
  }
}

#navigation .social-nav .social-icons-header .content-asset ul li a,
#navigation .social-nav .social-icons .content-asset ul li a {
  transition: background-color 0.2s;
  display: block;
  height: 22px;
  width: 22px;
  border-radius: 22px;
  background: #8c8d8e;
  color: #070707;
  text-align: center;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  #navigation .social-nav .social-icons-header .content-asset ul li a,
  #navigation .social-nav .social-icons .content-asset ul li a {
    font-size: 17px;
    line-height: 26px;
  }
}

@media screen and (min-width: 960px) {
  #navigation .social-nav .social-icons-header .content-asset ul li a,
  #navigation .social-nav .social-icons .content-asset ul li a {
    height: 30px;
    width: 30px;
    font-size: 22px;
    line-height: 36px;
    border-radius: 30px;
  }
}

#navigation .social-nav .social-icons-header .content-asset ul li a:hover,
#navigation .social-nav .social-icons .content-asset ul li a:hover {
  background: #727475;
}

.no-link.tech-level-1 {
  color: #000;
  font-family: 'din-bold', Arial, sans-serif;
  font-size: 17px;
  line-height: 1.3;
  padding: 0 0 0 0;
  text-transform: uppercase;
  margin-bottom: -2.2%;
}

li.has-sub-menu.level-1-item.technologyFolderCustom {
  margin-bottom: 11px;
}

a.tech-link {
  margin-left: 4%;
}

span.tech-list-2-p {
  color: #000;
  font-weight: bolder;
  font-size: 14px;
  line-height: 1.3;
  margin-left: 1%;
}

@media screen and (min-width: 768px) {
  span.tech-list-2-p {
    font-family: "din-bold", Arial, sans-serif !important;
  }
}

.top-banner .menu-toggle {
  border: none;
  color: #fff;
  display: block;
  float: left;
  margin: 10px 0 0 12px;
  padding: 0;
  background: transparent;
}

.top-banner .menu-toggle:after {
  display: none;
}

.top-banner .menu-toggle:focus {
  outline: none;
}

@media screen and (min-width: 768px) {
  .top-banner .menu-toggle {
    display: none;
  }
}

.top-banner .menu-toggle .menu-icon {
  font-size: 2em;
}

.top-banner .menu-toggle .icon-cancel {
  font-size: 2em;
  display: none;
  width: 23px;
}

.top-banner .menu-toggle .icon-cancel:before {
  margin: -1px 0 0 0;
  padding: 0;
  width: 100%;
}

.top-banner nav[role="navigation"] {
  left: -23em;
  width: 23em;
  position: absolute;
  top: 0;
}

@media screen and (min-width: 768px) {
  .top-banner nav[role="navigation"] {
    background: transparent;
    left: auto;
    position: static;
    top: auto;
    width: auto;
  }
}

.top-banner .main-navigation {
  margin: 0 0 12px 0;
}

@media screen and (min-width: 768px) {
  .top-banner .main-navigation {
    margin: 0;
    position: absolute;
    top: 44px;
    left: 89px;
    width: 100%;
  }
}

.top-banner .main-navigation>li {
  list-style: none;
}

@media screen and (min-width: 768px) {
  .top-banner .main-navigation>li.active-nav .menu-category {
    display: block;
  }
}

.top-banner .main-navigation>li>a {
  text-transform: uppercase;
  display: block;
  position: relative;
  transition: background-color 0.5s, color 0.5s;
  color: #070707;
  padding: 10px;
  font-family: "din-bold",Arial,sans-serif;
  font-size: 18px;
  line-height: 1;
  border-bottom: 1px solid #bbb;
}

.top-banner .main-navigation>li>a .icon {
  color: #7b7c7d;
  font-size: 26px;
  position: absolute;
  top: 6px;
  right: 6px;
}

@media screen and (min-width: 768px) {
  .top-banner .main-navigation>li>a .icon {
    top: 17px;
    right: -7px;
  }
}

@media screen and (min-width: 960px) {
  .top-banner .main-navigation>li>a .icon {
    right: 4px;
  }
}

@media screen and (min-width: 768px) {
  .top-banner .main-navigation>li>a {
    color: #fff;
    font-family: "din-bold",Arial,sans-serif;
    font-size: 20px;
    padding: 22px 22px 22px 13px;
  }
}

@media screen and (min-width: 960px) {
  .top-banner .main-navigation>li>a {
    padding: 22px 40px 22px 24px;
  }
}

@media screen and (min-width: 768px) {
  .top-banner .main-navigation>li {
    float: left;
  }

  .top-banner .main-navigation>li a {
    border: none;
  }

  .top-banner .main-navigation>li.active-nav>a {
    background: #fff;
    color: #070707;
  }
}

@media screen and (max-width: 767px) {
  .top-banner .main-navigation>li.active {
    background: #e6e7e9;
  }
}

.top-banner .menu-category {
  display: none;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .top-banner .menu-category {
    background: #ffffff;
    position: absolute;
    top: 64px;
    left: -89px;
  }
}

@media screen and (min-width: 768px) {
  .top-banner .menu-category .view-all {
    display: none;
  }
}

.top-banner .menu-category:before {
  content: '';
  display: block;
  background: #ffffff;
  height: 100%;
  width: 700%;
  position: absolute;
  bottom: 0;
  z-index: 1;
  box-shadow: 0 8px 8px -4px rgba(0,0,0,0.35);
  -webkit-box-shadow: 0 8px 8px -4px rgba(0,0,0,0.35);
  -moz-box-shadow: 0 8px 8px -4px rgba(0,0,0,0.35);
  -ms-box-shadow: 0 8px 8px -4px rgba(0,0,0,0.35);
}

@media screen and (max-width: 767px) {
  .top-banner .menu-category:before {
    display: none;
  }
}

.top-banner .menu-category:before {
  left: -300%;
}

.top-banner .level-1>li {
  position: relative;
  z-index: 2;
}

@media screen and (min-width: 768px) {
  .top-banner .level-1>li {
    padding: 5px 0 0 0;
  }
}

@media screen and (min-width: 768px) {
  .top-banner .level-1>li.half-width {
    display: inline-block;
    width: 50%;
  }
}

@media screen and (min-width: 768px) {
  .top-banner .level-1>li.quarter-width {
    display: inline-block;
    width: 25%;
  }
}

@media screen and (max-width: 767px) {
  .top-banner .level-1>li.level-1-content {
    display: none;
  }
}

.top-banner .level-1>li>span.no-link,
.top-banner .level-1>li>a {
  color: #000;
  font-family: "din-black",Arial,sans-serif;
  font-size: 20px;
  line-height: 1.3;
  padding: 0 0 0 0;
  text-transform: uppercase;
}

@media screen and (max-width: 767px) {
  .top-banner .level-1>li>span.no-link,
  .top-banner .level-1>li>a {
    cursor: pointer;
    font-size: 16px;
    font-family: "din-bold",Arial,sans-serif;
    padding: 10px 10px 10px 20px;
    display: block;
    border-bottom: 1px solid #bbb;
  }
}

@media screen and (min-width: 768px) {
  .top-banner .level-1>li>span.no-link:hover,
  .top-banner .level-1>li>a:hover {
    text-decoration: underline;
  }
}

.top-banner .level-1>li>span.no-link .icon,
.top-banner .level-1>li>a .icon {
  color: #7b7c7d;
}

@media screen and (max-width: 767px) {
  .top-banner .level-1>li>span.no-link .icon,
  .top-banner .level-1>li>a .icon {
    display: none;
  }
}

.top-banner .level-1>li>span.no-link:hover {
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  .top-banner .level-1>li.has-sub-menu>span.no-link,
  .top-banner .level-1>li.has-sub-menu>a {
    position: relative;
  }

  .top-banner .level-1>li.has-sub-menu>span.no-link:after,
  .top-banner .level-1>li.has-sub-menu>a:after {
    content: '\e809';
    display: block;
    font-family: 'vibram';
    font-size: 26px;
    color: #7b7c7d;
    font-size: 26px;
    position: absolute;
    top: 6px;
    right: 18px;
  }

  .top-banner .level-1>li.active>span.no-link,
  .top-banner .level-1>li.active>a {
    background: #d8dadd;
  }
}

@media screen and (min-width: 768px) {
  .top-banner .level-2 {
    padding: 15px 0 15px 0;
  }
}

.top-banner .level-2>ul+ul {
  padding-top: 15px;
}

@media screen and (max-width: 767px) {
  .top-banner .level-2>ul+ul {
    padding-top: 0;
  }
}

.top-banner .level-2>ul>li {
  padding: 0;
}

@media screen and (min-width: 768px) {
  .top-banner .level-2>ul>li {
    padding: 0 5px 0 9px;
    float: left;
  }

  .top-banner .level-2>ul>li.columns-1 {
    width: 20%;
  }

  .top-banner .level-2>ul>li.columns-2 {
    width: 40%;
  }

  .top-banner .level-2>ul>li.columns-3 {
    width: 60%;
  }

  .top-banner .level-2>ul>li.columns-4 {
    width: 80%;
  }

  .top-banner .level-2>ul>li.columns-5 {
    width: 100%;
  }
}

.top-banner .level-2>ul>li>.content-asset>span.no-link,
.top-banner .level-2>ul>li>span.no-link,
.top-banner .level-2>ul>li>a {
  color: #000;
  font-family: "din-bold",Arial,sans-serif;
  font-size: 16px;
  line-height: 1.3;
  padding: 0 0 0 0;
  text-transform: uppercase;
}

@media screen and (max-width: 767px) {
  .top-banner .level-2>ul>li>.content-asset>span.no-link,
  .top-banner .level-2>ul>li>span.no-link,
  .top-banner .level-2>ul>li>a {
    cursor: pointer;
    padding: 10px 10px 10px 20px;
    display: block;
    border-bottom: 1px solid #bbb;
  }

  .top-banner .level-2>ul>li>.content-asset>span.no-link .icon-right-dir,
  .top-banner .level-2>ul>li>span.no-link .icon-right-dir,
  .top-banner .level-2>ul>li>a .icon-right-dir {
    display: none;
  }
}

.top-banner .level-2>ul>li>.content-asset>span.no-link .icon-right-dir,
.top-banner .level-2>ul>li>span.no-link .icon-right-dir,
.top-banner .level-2>ul>li>a .icon-right-dir {
  color: #7b7c7d;
  font-size: 14px;
}

.top-banner .level-2>ul>li>.content-asset>span.no-link .icon-right-dir:before,
.top-banner .level-2>ul>li>span.no-link .icon-right-dir:before,
.top-banner .level-2>ul>li>a .icon-right-dir:before {
  position: relative;
  top: -1px;
  margin: 0;
}

@media screen and (min-width: 768px) {
  .top-banner .level-2>ul>li>.content-asset>span.no-link:hover,
  .top-banner .level-2>ul>li>span.no-link:hover,
  .top-banner .level-2>ul>li>a:hover {
    text-decoration: underline;
  }
}

@media screen and (min-width: 768px) {
  .top-banner .level-2>ul>li>.content-asset>span.no-link:hover,
  .top-banner .level-2>ul>li>span.no-link:hover {
    text-decoration: none;
  }
}

@media screen and (max-width: 767px) {
  .top-banner .level-2>ul>li.has-sub-menu>.content-asset>span.no-link,
  .top-banner .level-2>ul>li.has-sub-menu>span.no-link,
  .top-banner .level-2>ul>li.has-sub-menu>a {
    position: relative;
  }

  .top-banner .level-2>ul>li.has-sub-menu>.content-asset>span.no-link:after,
  .top-banner .level-2>ul>li.has-sub-menu>span.no-link:after,
  .top-banner .level-2>ul>li.has-sub-menu>a:after {
    content: '\e809';
    display: block;
    font-family: 'vibram';
    font-size: 26px;
    color: #7b7c7d;
    font-size: 26px;
    position: absolute;
    top: 6px;
    right: 18px;
  }
}

.top-banner .level-2>ul>li.active>.content-asset>span.no-link,
.top-banner .level-2>ul>li.active>span.no-link,
.top-banner .level-2>ul>li.active>a {
  background: #cbcdd1;
}

@media screen and (min-width: 768px) {
  .top-banner .shop {
    padding-bottom: 20px;
  }
}

@media screen and (min-width: 768px) {
  .top-banner .partners {
    padding-bottom: 20px;
  }
}

@media screen and (min-width: 768px) {
  .top-banner .partners>ul {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .top-banner .partners>ul>li {
    padding: 0 5px 0 9px;
    float: left;
    width: 25%;
  }
}

@media screen and (min-width: 768px) {
  .top-banner .partner_products>ul>li {
    width: 20%;
  }
}

@media screen and (min-width: 768px) {
  .top-banner .company-menu {
    padding-bottom: 20px;
  }
}

@media screen and (min-width: 768px) {
  .top-banner .company-menu>ul {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .top-banner .company-menu>ul>li {
    padding: 0 5px 0 9px;
    float: left;
    width: 20%;
  }
}

@media screen and (min-width: 768px) {
  .top-banner .heritage-menu>ul {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .top-banner .heritage-menu>ul>li {
    padding: 0 5px 0 9px;
    float: left;
    width: 20%;
  }
}

@media screen and (min-width: 768px) {
  .top-banner .products-menu {
    padding-bottom: 20px;
  }
}

@media screen and (min-width: 768px) {
  .top-banner .products-menu>ul {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .top-banner .products-menu>ul>li {
    padding: 0 5px 0 9px;
    float: left;
    width: 25%;
  }
}

.top-banner .level-2-a {
  width: 50%;
  float: left;
}

@media screen and (max-width: 767px) {
  .top-banner .level-2-a {
    float: none;
    width: 100%;
  }
}

.top-banner .level-2-a>ul {
  width: 100%;
  padding-bottom: 15px;
}

@media screen and (max-width: 767px) {
  .top-banner .level-2-a>ul {
    padding-bottom: 0;
  }
}

.top-banner .level-2-a>ul>li {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .top-banner .level-3 {
    display: none;
    background: #fff;
  }
}

.top-banner .level-3>li {
  padding: 0 0 0 0;
}

@media screen and (min-width: 768px) {
  .top-banner .level-3>li>a:hover {
    text-decoration: underline;
  }
}

.top-banner .level-3>li>a,
.top-banner .level-3>li span {
  display: block;
  color: #000;
  font-family: "din-regular",Arial,sans-serif;
  font-size: 14px;
  line-height: 1.3;
  padding: 6px 0 0 0;
}

@media screen and (max-width: 767px) {
  .top-banner .level-3>li>a,
  .top-banner .level-3>li span {
    padding: 10px 10px 10px 30px;
    display: block;
    border-bottom: 1px solid #bbb;
    position: relative;
    text-transform: uppercase;
  }
}

.top-banner .level-3>li>span:after {
  font-family: 'vibram';
  font-size: 26px;
  color: #7b7c7d;
  font-size: 26px;
  position: absolute;
  top: 6px;
  right: 18px;
}

@media screen and (max-width: 767px) {
  .top-banner .level-3>li>span:after {
    content: '\e809';
    display: block;
  }
}

.top-banner .level-3>li.has-sub-menu>span.no-link .icon-down-micro,
.top-banner .level-3>li.has-sub-menu>a .icon-down-micro,
.top-banner .level-3>li.has-sub-menu span .icon-down-micro {
  color: #7b7c7d;
  font-size: 12px;
}

@media screen and (max-width: 767px) {
  .top-banner .level-3>li.has-sub-menu>span.no-link .icon-down-micro,
  .top-banner .level-3>li.has-sub-menu>a .icon-down-micro,
  .top-banner .level-3>li.has-sub-menu span .icon-down-micro {
    font-size: 26px;
    top: 6px;
    right: 18px;
    position: absolute;
  }
}

.top-banner .level-3>li.has-sub-menu>span.no-link .icon-down-micro:before,
.top-banner .level-3>li.has-sub-menu>a .icon-down-micro:before,
.top-banner .level-3>li.has-sub-menu span .icon-down-micro:before {
  width: 0.5em;
  margin: 0;
}

@media screen and (min-width: 768px) {
  .top-banner .level-3>li.has-sub-menu>span.no-link .icon-down-micro.hdt,
  .top-banner .level-3>li.has-sub-menu>a .icon-down-micro.hdt,
  .top-banner .level-3>li.has-sub-menu span .icon-down-micro.hdt {
    display: none;
  }
}

.top-banner .level-3>li.has-sub-menu.active .level-4 {
  display: block;
}

@media screen and (max-width: 767px) {
  .top-banner .level-3>li.active>span.no-link,
  .top-banner .level-3>li.active>a {
    background: #bdc0c5;
  }
}

.top-banner .level-3>li .level-4 {
  display: none;
}

@media screen and (min-width: 768px) {
  .top-banner .level-3>li .level-4-tech {
    display: block;
  }
}

@media screen and (min-width: 768px) {
  .top-banner .level-3>li.inner-column-2>a,
  .top-banner .level-3>li.inner-column-2 p,
  .top-banner .level-3>li.inner-column-3>a,
  .top-banner .level-3>li.inner-column-3 p,
  .top-banner .level-3>li.inner-column-4>a,
  .top-banner .level-3>li.inner-column-4 p,
  .top-banner .level-3>li.inner-column-5>a,
  .top-banner .level-3>li.inner-column-5 p {
    font-family: "din-bold",Arial,sans-serif;
  }

  .top-banner .level-3>li.inner-column-2 .level-4,
  .top-banner .level-3>li.inner-column-3 .level-4,
  .top-banner .level-3>li.inner-column-4 .level-4,
  .top-banner .level-3>li.inner-column-5 .level-4 {
    display: block;
  }

  .top-banner .level-3>li.inner-column-2 {
    width: 50%;
    float: left;
  }

  .top-banner .level-3>li.inner-column-3 {
    width: 33.333%;
    float: left;
  }

  .top-banner .level-3>li.inner-column-4 {
    width: 25%;
    float: left;
  }

  .top-banner .level-3>li.inner-column-5 {
    width: 20%;
    float: left;
  }
}

@media screen and (min-width: 768px) {
  .top-banner .level-4>li {
    padding: 0 0 0 12px;
  }
}

.top-banner .level-4>li>a {
  display: block;
  color: #000;
  font-family: "din-regular",Arial,sans-serif;
  font-size: 14px;
  line-height: 1.3;
  padding: 6px 0 0 0;
}

@media screen and (max-width: 767px) {
  .top-banner .level-4>li>a {
    padding: 10px 10px 10px 40px;
    display: block;
    border-bottom: 1px solid #bbb;
    position: relative;
    text-transform: uppercase;
  }
}

@media screen and (min-width: 768px) {
  .top-banner .level-4>li>a:hover {
    text-decoration: underline;
  }
}

@media screen and (max-width: 767px) {
  .top-banner .main-navigation>li.active .menu-category {
    display: block;
    background: #fff;
  }

  .top-banner .menu-horizontal>li.active .level-3 {
    display: block;
  }

  .top-banner .level-3>li.active .level-4 {
    display: block;
    background: #fff;
  }

  .top-banner .level-1>li>.no-link+.level-2-container .level-2,
  .top-banner .level-1>li>.no-link+.level-2,
  .top-banner .level-1>li>a+.level-2-container .level-2,
  .top-banner .level-1>li>a+.level-2 {
    display: none;
    background: #fff;
  }

  .top-banner .level-1>li>.no-link+.level-2-container .level-2>ul>li>span.no-link,
  .top-banner .level-1>li>.no-link+.level-2-container .level-2>ul>li>a,
  .top-banner .level-1>li>.no-link+.level-2>ul>li>span.no-link,
  .top-banner .level-1>li>.no-link+.level-2>ul>li>a,
  .top-banner .level-1>li>a+.level-2-container .level-2>ul>li>span.no-link,
  .top-banner .level-1>li>a+.level-2-container .level-2>ul>li>a,
  .top-banner .level-1>li>a+.level-2>ul>li>span.no-link,
  .top-banner .level-1>li>a+.level-2>ul>li>a {
    padding-left: 40px;
  }

  .top-banner .level-1>li>.no-link+.level-2-container .level-2>ul>li .level-3>li>a,
  .top-banner .level-1>li>.no-link+.level-2-container .level-2>ul>li span,
  .top-banner .level-1>li>.no-link+.level-2>ul>li .level-3>li>a,
  .top-banner .level-1>li>.no-link+.level-2>ul>li span,
  .top-banner .level-1>li>a+.level-2-container .level-2>ul>li .level-3>li>a,
  .top-banner .level-1>li>a+.level-2-container .level-2>ul>li span,
  .top-banner .level-1>li>a+.level-2>ul>li .level-3>li>a,
  .top-banner .level-1>li>a+.level-2>ul>li span {
    padding-left: 50px;
  }

  .top-banner .level-1>li>.no-link+.level-2-container .level-2>ul>li .level-4>li>a,
  .top-banner .level-1>li>.no-link+.level-2>ul>li .level-4>li>a,
  .top-banner .level-1>li>a+.level-2-container .level-2>ul>li .level-4>li>a,
  .top-banner .level-1>li>a+.level-2>ul>li .level-4>li>a {
    padding-left: 60px;
  }

  .top-banner .level-1>li.active .level-2-container .level-2,
  .top-banner .level-1>li.active .level-2 {
    display: block;
  }
}

.top-banner .megamenu-shop-content {
  position: relative;
}

@media screen and (min-width: 768px) {
  .top-banner .megamenu-shop-content {
    background: #e9eaec;
  }
}

.top-banner .megamenu-shop-content:before,
.top-banner .megamenu-shop-content:after {
  content: '';
  display: block;
  background: #e9eaec;
  height: 100%;
  width: 300%;
  position: absolute;
  bottom: 0;
  z-index: 2;
}

@media screen and (max-width: 767px) {
  .top-banner .megamenu-shop-content:before,
  .top-banner .megamenu-shop-content:after {
    display: none;
  }
}

.top-banner .megamenu-shop-content:before {
  right: -300%;
}

.top-banner .megamenu-shop-content:after {
  left: -300%;
}

.top-banner .megamenu-shop-content .content-asset {
  padding: 0 0 0 0;
  position: relative;
  z-index: 3;
}

@media screen and (min-width: 768px) {
  .top-banner .megamenu-shop-content .content-asset {
    padding: 32px 0 50px 0;
    width: 100%;
  }
}

.top-banner .megamenu-shop-content .content-asset ul {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  list-style: none;
  line-height: 1;
}

.top-banner .megamenu-shop-content .content-asset ul li {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  list-style: none !important;
}

@media screen and (min-width: 768px) {
  .top-banner .megamenu-shop-content .content-asset ul li {
    padding: 0 0 0 16px;
    width: 25%;
    float: left;
  }
}

.top-banner .megamenu-shop-content .content-asset ul li a {
  display: block;
  color: #000;
  font-family: "din-bold",Arial,sans-serif;
  font-size: 16px;
  line-height: 1.3;
  text-transform: uppercase;
}

.top-banner .megamenu-shop-content .content-asset ul li a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 767px) {
  .top-banner .megamenu-shop-content .content-asset ul li a {
    padding: 10px 10px 10px 20px;
    display: block;
    border-bottom: 1px solid #bbb;
  }

  .top-banner .megamenu-shop-content .content-asset ul li a:hover {
    text-decoration: none;
  }
}

.top-banner .megamenu-shop-content .content-asset ul li img {
  display: block;
  margin: 14px 0 0 0;
  max-width: 100%;
}

@media screen and (max-width: 767px) {
  .top-banner .megamenu-shop-content .content-asset ul li img {
    display: none;
  }
}

.top-banner .megamenu-heritage-content .content-asset {
  padding: 0 0 55px 0;
}

.top-banner .megamenu-heritage-content .content-asset ul {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  list-style: none;
  line-height: 1;
}

.top-banner .megamenu-heritage-content .content-asset ul li {
  margin: 0 0 0 0;
  padding: 0 0 0 16px;
  list-style: none !important;
  width: 25%;
  float: left;
}

.top-banner .megamenu-heritage-content .content-asset ul li img {
  display: block;
  max-width: 100%;
  width: 100%;
}

.top-banner .megamenu-explore-content {
  padding: 0 0 30px 18px;
}

.top-banner .megamenu-explore-content p {
  padding: 0;
  margin: 0;
  position: relative;
  z-index: 2;
}

.top-banner .megamenu-explore-content img {
  display: block;
}

@media screen and (max-width: 767px) {
  .top-banner .megamenu-explore-content {
    display: none;
  }
}

.top-banner .megamenu-our-partners {
  width: 37.5%;
  float: left;
}

@media screen and (max-width: 767px) {
  .top-banner .megamenu-our-partners {
    float: none;
    width: 100%;
  }
}

.top-banner .megamenu-our-partners p {
  padding: 0 0 30px 18px;
  margin: 0;
  position: relative;
  z-index: 2;
}

.top-banner .megamenu-our-partners img {
  display: block;
}

@media screen and (max-width: 767px) {
  .top-banner .megamenu-our-partners p,
  .top-banner .megamenu-our-partners img {
    display: none;
  }
}

.top-banner .megamenu-our-partners:after {
  content: '';
  display: block;
  width: 365.5%;
  background: #e9eaec;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 1;
  left: 34.5%;
}

@media screen and (max-width: 767px) {
  .top-banner .megamenu-our-partners:after {
    display: none;
  }
}

.top-banner .main-navigation .content-asset ul {
  padding-left: 0;
  padding-right: 0;
  margin: 0;
}

.top-banner .main-navigation .content-asset ul li {
  list-style-type: none !important;
}

.top-banner .sub-navigation {
  width: 62.5%;
  float: left;
}

@media screen and (max-width: 767px) {
  .top-banner .sub-navigation {
    float: none;
    width: 100%;
  }
}

.top-banner .sub-navigation:after {
  content: '';
  display: block;
  width: 365.5%;
  background: #e9eaec;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 1;
  left: 34.5%;
}

@media screen and (max-width: 767px) {
  .top-banner .sub-navigation:after {
    display: none;
  }
}

.top-banner .category-mouseover-image-container {
  position: absolute;
  right: 60px;
  max-height: 160px;
  overflow: hidden;
  top: 30px;
  text-align: center;
}

@media screen and (max-width: 959px) {
  .top-banner .category-mouseover-image-container {
    right: -40px;
  }
}

@media screen and (max-width: 767px) {
  .top-banner .category-mouseover-image-container {
    display: none;
  }
}

.top-banner .category-mouseover-image-container img {
  width: auto;
  max-height: 160px;
  opacity: 0;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

.top-banner .category-mouseover-image-container img.visible {
  opacity: 1;
}

@media screen and (max-width: 767px) {
  .top-banner .category-mouseover-image-container {
    display: none;
  }
}

#navigation .level-2.partner_products li.category-mouseover-image-container,
#navigation .level-2.their_products li.category-mouseover-image-container {
  display: none;
}

.nav-open .menu-toggle .icon-cancel {
  display: block;
}

.nav-open .menu-icon {
  display: none;
}

.menu-utility-user {
  margin-top: 6px;
  padding: 0;
  text-transform: uppercase;
}

@media screen and (min-width: 768px) {
  .menu-utility-user {
    margin-top: 0px;
    position: absolute;
    right: 71px;
    top: 0px;
  }
}

.menu-utility-user li {
  list-style: none;
  padding: 0;
  border-bottom: 1px solid #bbb;
}

@media screen and (min-width: 768px) {
  .menu-utility-user li {
    border: none;
    float: left;
    margin: 0;
    padding: 0 0;
  }

  .menu-utility-user li:hover>a {
    background: #464646;
  }
}

.menu-utility-user li>a {
  display: block;
  color: #333;
  font-size: 14px;
  padding: 10px;
}

@media screen and (min-width: 768px) {
  .menu-utility-user li>a {
    font-size: 12px;
    color: #fff;
    text-decoration: none;
    padding: 15px 13px;
  }
}

.menu-utility-user .user-info {
  color: #070707;
  font-family: "din-bold",Arial,sans-serif;
}

@media screen and (min-width: 768px) {
  .menu-utility-user .user-info {
    font-family: "din-regular",Arial,sans-serif;
    color: #868686;
  }
}

.menu-utility-user .user-info .user-account-login,
.menu-utility-user .user-info .not-user {
  color: #070707;
  display: inline;
  padding: 0;
  font-size: 12px;
}

@media screen and (min-width: 768px) {
  .menu-utility-user .user-info .user-account-login,
  .menu-utility-user .user-info .not-user {
    color: #868686;
  }
}

.menu-utility-user .user-info .user-account-login:hover,
.menu-utility-user .user-info .not-user:hover {
  text-decoration: underline;
}

.menu-utility-user .user-info:hover .user-account-login,
.menu-utility-user .user-info:hover .not-user {
  background: transparent;
}

.menu-utility-user .user-info .user-login {
  border-bottom: 1px solid #bbb;
}

@media screen and (min-width: 768px) {
  .menu-utility-user .user-info .user-login {
    border: none;
  }
}

.menu-utility-user .user-info:hover .user-login,
.menu-utility-user .user-info:hover .user-register {
  background: transparent;
}

.menu-utility-user .user-info .user-login:hover,
.menu-utility-user .user-info .user-register:hover {
  background: #464646;
}

.menu-utility-user .user-info span {
  display: none;
}

@media screen and (min-width: 768px) {
  .menu-utility-user .user-info span {
    float: left;
    display: inline-block;
    padding: 15px 0;
    color: #fff;
  }
}

@media screen and (max-width: 767px) {
  .menu-utility-user .user-info .user-login,
  .menu-utility-user .user-info .user-register {
    font-family: "din-regular",Arial,sans-serif;
  }
}

@media screen and (max-width: 767px) {
  .menu-utility-user .user-info .user-login:hover,
  .menu-utility-user .user-info .user-register:hover {
    background: transparent;
  }
}

@media screen and (min-width: 768px) {
  .menu-utility-user .user-info .user-login,
  .menu-utility-user .user-info .user-register {
    text-transform: uppercase;
    float: left;
    display: inline-block;
  }
}

.menu-utility-user .user-info-registered {
  padding: 10px;
  text-transform: none;
}

@media screen and (min-width: 768px) {
  .menu-utility-user .user-info-registered {
    padding: 15px 13px;
  }
}

.menu-utility-user .countryselector .country-text {
  display: block;
  color: #070707;
  padding: 10px 10px 5px 10px;
  font-family: "din-bold",Arial,sans-serif;
}

@media screen and (min-width: 768px) {
  .menu-utility-user .countryselector .country-text {
    display: none;
  }
}

.menu-utility-user .countryselector .country-link {
  display: none;
}

@media screen and (min-width: 768px) {
  .menu-utility-user .countryselector .country-link {
    display: block;
  }
}

.menu-utility-user .countryselector>a {
  position: relative;
  display: block;
}

@media screen and (min-width: 768px) {
  .menu-utility-user .countryselector>a {
    padding: 15px 25px 16px 13px;
  }
}

.menu-utility-user .countryselector>a .icon {
  display: none;
  position: absolute;
  top: 11px;
  right: 0px;
  font-size: 20px;
}

@media screen and (min-width: 768px) {
  .menu-utility-user .countryselector>a .icon {
    display: block;
  }
}

.menu-utility-user .countryselector ul {
  z-index: 3;
}

@media screen and (min-width: 768px) {
  .menu-utility-user .countryselector ul {
    display: none;
    position: absolute;
    width: 125px;
    top: 44px;
    right: 0px;
  }
}

.menu-utility-user .countryselector ul li {
  border: none;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .menu-utility-user .countryselector ul li {
    background: #464646;
  }
}

.menu-utility-user .countryselector ul li a {
  display: block;
  width: 100%;
  position: relative;
  padding: 10px 0px 10px 48px;
}

@media screen and (min-width: 768px) {
  .menu-utility-user .countryselector ul li a {
    color: #fff;
  }
}

@media screen and (min-width: 768px) {
  .menu-utility-user .countryselector ul li a {
    padding: 15px 0px 15px 48px;
  }
}

.menu-utility-user .countryselector ul li a .icon {
  display: none;
  font-size: 8px;
  top: 12px;
  left: 8px;
  position: absolute;
}

@media screen and (min-width: 768px) {
  .menu-utility-user .countryselector ul li a .icon {
    top: 15px;
    left: 8px;
  }
}

.menu-utility-user .countryselector ul li a.active {
  padding: 10px 0px 10px 48px;
}

@media screen and (min-width: 768px) {
  .menu-utility-user .countryselector ul li a.active {
    padding: 15px 0px 15px 48px;
  }
}

.menu-utility-user .countryselector ul li a.active:after {
  left: 30px;
}

.menu-utility-user .countryselector ul li a.active .icon {
  display: block;
}

.menu-utility-user .countryselector ul li a.countrylink:before {
  content: '';
  display: block;
  width: 20px;
  height: 15px;
  position: absolute;
  top: 13px;
  left: 24px;
  border-radius: 2px;
}

@media screen and (max-width: 767px) {
  .menu-utility-user .countryselector ul li a.countrylink:before {
    top: 8px;
  }
}

.menu-utility-user .countryselector ul li a.us:before {
  background: url(../images/icons/us-flag.svg) 0 0 no-repeat;
  background-size: 20px 15px;
}

.menu-utility-user .countryselector ul li a.ca:before {
  background: url(../images/icons/ca-flag.svg) 0 0 no-repeat;
  background-size: 20px 15px;
}

.menu-utility-user .countryselector ul li a.eu:before {
  background: url(../images/icons/eu-flag.svg) 0 0 no-repeat;
  background-size: 20px 15px;
}

.menu-utility-user .countryselector ul li a.uk:before {
  background: url(../images/icons/uk-flag.svg) 0 0 no-repeat;
  background-size: 20px 15px;
}

.menu-utility-user .countryselector ul li a.fr:before {
  background: url(../images/icons/fr-flag.svg) 0 0 no-repeat;
  background-size: 20px 15px;
}

.menu-utility-user .countryselector ul li a.kr:before {
  background: url(../images/icons/kr-flag.svg) 0 0 no-repeat;
  background-size: 20px 15px;
}

.menu-utility-user .countryselector ul li a.cn:before {
  background: url(../images/icons/cn-flag.svg) 0 0 no-repeat;
  background-size: 20px 15px;
}

.menu-utility-user .countryselector ul li a.jp:before {
  background: url(../images/icons/jp-flag.svg) 0 0 no-repeat;
  background-size: 20px 15px;
}

.menu-utility-user .countryselector ul li:hover a {
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  .menu-utility-user .countryselector ul li:hover a {
    text-decoration: none;
    background: #fed22b;
    color: #000;
  }
}

.menu-utility-user .countryselector:hover>a {
  text-decoration: none;
}

.menu-utility-user .countryselector:hover ul {
  display: block;
}

.menu-utility-user .currency-converter {
  width: 100%;
}

.menu-utility-user .currency-converter select {
  color: #000;
  width: auto;
}

@media screen and (min-width: 768px) {
  .menu-utility-user .currency-converter {
    margin-top: 0;
    width: auto;
  }

  .menu-utility-user .currency-converter select {
    margin-left: 0;
  }
}

.klarna-mini-cart {
  padding-left: 5.5%;
}

#mini-cart {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 20;
}

@media screen and (min-width: 768px) {
  #mini-cart.active,
  #mini-cart:hover {
    background: #464646;
  }
}

.mini-cart-link {
  height: 24px;
  line-height: 24px;
  float: right;
  color: #fed22b;
  font-weight: 400;
  padding: 0;
}

.mini-cart-link .link-text {
  display: none;
  padding: 0 0 0 8px;
}

@media screen and (min-width: 768px) {
  .mini-cart-link .link-text {
    display: inline;
  }
}

.mini-cart-label {
  color: #333;
  font-size: 16px;
  font-family: "din-bold",Arial,sans-serif;
  display: block;
  margin: 0 0 0 0;
  padding: 9px 12px 11px 12px;
}

@media screen and (min-width: 768px) {
  .mini-cart-label {
    color: #fff;
    font-size: 12px;
    font-family: "din-regular",Arial,sans-serif;
  }
}

.mini-cart-label .minicart-icon {
  display: block;
  float: left;
  height: 26px;
  font-size: 26px;
  color: #fff;
}

@media screen and (min-width: 768px) {
  .mini-cart-label .minicart-icon {
    height: 24px;
    font-size: 22px;
  }

  .mini-cart-label .minicart-icon:before {
    margin: 0;
    width: 100%;
  }
}

.mini-cart-total {
  font-size: 1em;
  font-weight: 700;
  text-transform: uppercase;
}

.mini-cart-content {
  background-color: #fff;
  border: 1px solid #ccc;
  display: none;
  position: absolute;
  right: 0px;
  top: 44px;
  width: 339px;
  max-width: none;
}

#mini-cart:hover .mini-cart-content {
  display: block;
}

@media screen and (max-width: 767px) {
  .mini-cart-content {
    width: 320px;
  }
}

@media screen and (max-width: 767px) {
  .cart-active .mini-cart-content {
    display: block;
  }
}

.mini-cart-header {
  background: #464646;
  padding: 9px 10px 9px 19px;
  text-transform: uppercase;
}

.mini-cart-header-label {
  color: #fff;
  font-family: "din-bold",Arial,sans-serif;
  font-size: 17px;
  line-height: 1.3;
}

.mini-cart-products {
  max-height: 300px;
  padding: 6px 6px 10px 10px;
  margin: 4px 0;
  width: 333px;
  overflow: auto;
}

.mini-cart-products::-webkit-scrollbar {
  -webkit-appearance: none;
  background-color: rgba(0,0,0,0.15);
  width: 9px;
}

.mini-cart-products::-webkit-scrollbar-thumb {
  border-radius: 0px;
  background-color: rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 0 1px rgba(255,255,255,0.5);
}

.mini-cart-product {
  border-bottom: 1px solid #ccc;
  overflow: hidden;
  padding: 0 10px 12px 10px;
  margin: 0 0 12px 0;
  position: relative;
}

.mini-cart-product:last-of-type {
  border: none;
}

.mini-cart-product .icon {
  background: #ccc;
  color: #fff;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 16px;
  text-align: center;
  line-height: 20px;
}

.mini-cart-product .icon:before {
  width: 100%;
  margin: 0;
  height: 20px;
  line-height: 18px;
}

.mini-cart-image {
  float: left;
}

.mini-cart-image img {
  border: 1px solid #ccc;
  margin: 0 12px 0 0;
  max-width: 80px;
}

.mini-cart-name {
  color: #000;
  font-family: "din-bold",Arial,sans-serif;
  font-size: 15px;
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0 20px 10px 0;
}

.mini-cart-name a {
  color: #000;
  text-decoration: underline;
}

.mini-cart-attributes,
.mini-cart-product .product-availability-list {
  color: #000;
  font-family: "din-regular",Arial,sans-serif;
  font-size: 12px;
  line-height: 1.3;
  text-transform: uppercase;
}

.mini-cart-pricing {
  color: #000;
  font-family: "din-regular",Arial,sans-serif;
  font-size: 12px;
  line-height: 1.3;
  text-transform: uppercase;
  padding: 16px 0 0 0;
}

.mini-cart-pricing .price-standard {
  text-decoration: line-through;
  padding: 0 8px 0 0;
}

.mini-cart-pricing .price-sales {
  color: #e70000;
}

.mini-cart-price {
  float: right;
}

.mini-cart-details {
  overflow: auto;
}

.mini-cart-totals {
  background: #eeeef0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 10px 11px;
}

.mini-cart-subtotals {
  color: #000;
  font-family: "din-bold",Arial,sans-serif;
  font-size: 15px;
  line-height: 1.5;
  padding: 0 0 13px 0;
  text-align: right;
  text-transform: uppercase;
}

@media screen and (max-width: 767px) {
  .mini-cart-subtotals {
    font-size: 14px;
  }
}

.mini-cart-subtotals .label {
  text-align: left;
  padding-left: 8px;
}

.mini-cart-subtotals .value {
  padding-right: 8px;
}

.mini-cart-subtotals .label,
.mini-cart-subtotals .value {
  display: block;
  width: 50%;
  float: left;
}

.mini-cart-subtotals .msg {
  font-family: "din-regular",Arial,sans-serif;
  font-size: 12px;
  line-height: 1.3;
  text-transform: none;
  text-align: left;
  display: block;
  clear: both;
  padding: 0 8px;
}

.mini-cart-slot .minicartslot {
  background: #c0c0c0;
  color: #000;
  font-family: "din-regular",Arial,sans-serif;
  font-size: 12px;
  line-height: 1.3;
  margin: 0;
  padding: 9px 3px;
  text-align: center;
  text-transform: uppercase;
}

.mini-cart-link-cart {
  border: 11px solid #464646;
  background: #fed22b;
  clear: both;
  display: block;
  color: #000;
  font-family: "din-bold",Arial,sans-serif;
  font-size: 17px;
  line-height: 1.3;
  margin: 0;
  padding: 14px 20px;
  text-transform: uppercase;
  text-align: center;
}

.mini-cart-approaching .cart-promo-approaching {
  font-size: 13px;
}

.pt_product-details .breadcrumb {
  padding: 16px 16px 0 16px;
}

@media screen and (min-width: 960px) {
  .pt_product-details .breadcrumb {
    padding: 16px 32px 16px 32px;
  }
}

@media screen and (max-width: 767px) {
  .pt_product-search-result .breadcrumb {
    padding: 0 16px 16px;
  }
}

.breadcrumb {
  padding: 0 16px 16px 0;
}

@media screen and (max-width: 767px) {
  .breadcrumb {
    padding: 0 32px 16px 16px;
  }
}

.breadcrumb .breadcrumb-element:after {
  content: '/';
  margin: 0 6px;
}

.breadcrumb .breadcrumb-element:last-child:after {
  content: '';
}

.account-landing-banner {
  display: none;
}

@media screen and (min-width: 768px) {
  .account-landing-banner {
    display: block;
  }
}

.pt_checkout .primary-content {
  padding-top: 24px;
}

.primary-content .cs-contact-number,
.primary-content .account-nav-asset {
  text-align: right;
}

.primary-content .cs-contact-number .content-asset p,
.primary-content .account-nav-asset .content-asset p {
  font-size: 12px;
}

@media screen and (min-width: 768px) {
  .primary-content .cs-contact-number .content-asset p,
  .primary-content .account-nav-asset .content-asset p {
    font-size: 14px;
  }
}

.primary-content .account-nav-asset {
  position: absolute;
  top: 12px;
  right: 16px;
}

@media screen and (min-width: 768px) {
  .primary-content .account-nav-asset {
    top: 32px;
    right: 32px;
  }
}

.primary-content a {
  color: #767676;
}

.primary-content h1 {
  color: #000;
  font-family: "din-black",Arial,sans-serif;
  font-size: 26px;
  font-weight: 400;
  line-height: 1.2;
  margin: 0 0 0 0;
  text-transform: uppercase;
}

@media screen and (min-width: 480px) {
  .primary-content h1 {
    font-size: 32px;
  }
}

@media screen and (min-width: 768px) {
  .primary-content h1 {
    font-size: 38px;
  }
}

.primary-content h1 .icon {
  color: #7b7c7d;
  font-size: 30px;
  line-height: 30px;
}

@media screen and (min-width: 480px) {
  .primary-content h1 .icon {
    font-size: 38px;
    line-height: 38px;
  }
}

@media screen and (min-width: 768px) {
  .primary-content h1 .icon {
    font-size: 53px;
    line-height: 53px;
  }
}

.primary-content h1 .icon:before {
  margin-left: 0px;
  position: relative;
  top: 1px;
}

@media screen and (min-width: 480px) {
  .primary-content h1 .icon:before {
    top: 2px;
  }
}

@media screen and (min-width: 768px) {
  .primary-content h1 .icon:before {
    top: 4px;
  }
}

.primary-content h3 {
  color: #000;
  font-family: "din-bold",Arial,sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  margin: 0 0 0 0;
  padding: 0 0 16px 0;
  text-transform: uppercase;
}

.page-content .primary-content h1 {
  padding-bottom: 8px;
}

.page-content .primary-content h1.login-hdr {
  padding-right: 105px;
}

@media screen and (min-width: 768px) {
  .page-content .primary-content h1 {
    padding: 0;
    position: absolute;
    top: 32px;
    left: 32px;
  }
}

.primary-content dl {
  clear: both;
  overflow: hidden;
}

.primary-content dl dt {
  clear: both;
  float: left;
  margin: 2% 0 0;
  min-width: 15%;
}

.primary-content dl dd {
  float: left;
  margin: 2% 0 0;
  padding: 0 0 0 5%;
}

.primary-content .content-asset img {
  display: block;
  max-width: 100%;
}

.primary-content .content-asset ul li,
.primary-content .content-asset ol li,
.primary-content .content-asset p {
  color: #767676;
  font-family: "din-regular",Arial,sans-serif;
  font-weight: 400;
  line-height: 1.3;
  font-size: 14px;
}

.primary-content .content-asset ul li a,
.primary-content .content-asset ol li a,
.primary-content .content-asset p a {
  font-family: "din-bold",Arial,sans-serif;
}

.primary-content .content-asset ul li a:hover,
.primary-content .content-asset ol li a:hover,
.primary-content .content-asset p a:hover {
  text-decoration: underline;
}

.primary-content .content-asset p {
  margin: 0 0 16px 0;
}

.primary-content .content-asset ul,
.primary-content .content-asset ol {
  margin: 0 0 21px 18px;
  padding: 0 0 0 0;
}

.primary-content .content-asset ul li,
.primary-content .content-asset ol li {
  margin: 0 0 6px 0;
  padding: 0 0 0 0;
}

.primary-content .create-account-description .content-asset p {
  color: #000;
  font-size: 16px;
  margin: 0 0 16px 0;
}

@media screen and (min-width: 768px) {
  .primary-content .create-account-description .content-asset p {
    font-size: 24px;
    margin: 0 0 24px 0;
  }
}

.pt_product-search-noresult .page-content .primary-content h1,
.pt_content-search-result .page-content .primary-content h1,
.pt_product-search-result .page-content .primary-content h1 {
  padding-bottom: 0;
}

@media screen and (min-width: 768px) {
  .pt_product-search-noresult .page-content .primary-content h1,
  .pt_content-search-result .page-content .primary-content h1,
  .pt_product-search-result .page-content .primary-content h1 {
    padding: 0;
    position: relative;
    top: auto;
    left: auto;
  }
}

.pt_content #main.page-content-nosidebar {
  padding-top: 30px;
}

.pt_content .primary-content h2,
.pt_content .primary-content h3 {
  color: #000;
  font-family: "din-bold",Arial,sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  margin: 0 0 0 0;
  padding: 8px 0;
  text-transform: uppercase;
}

.pt_content .primary-content h3 {
  font-size: 14px;
}

.pt_content .primary-content a {
  color: #000;
  text-decoration: underline;
}

.pt_content .primary-content a:hover {
  text-decoration: none;
}

#secondary h1 {
  color: #000;
  font-family: "din-black",Arial,sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.2;
  margin: 0 0 0 0;
  text-transform: uppercase;
}

@media screen and (min-width: 768px) {
  #secondary h1 {
    font-size: 44px;
  }
}

#secondary .section-header {
  border-bottom: 1px solid #d2d3d5;
}

.pt_customer-service #secondary .section-header,
.pt_content #secondary .section-header {
  background: #000;
  padding: 16px 19px;
}

.pt_customer-service #secondary .section-header a,
.pt_content #secondary .section-header a {
  color: #fed22b;
}

.pt_customer-service #secondary nav,
.pt_content #secondary nav {
  background: transparent;
  border: 1px solid #000;
}

.pt_customer-service.siteoverride-VibramKR #secondary nav,
.pt_customer-service.siteoverride-VibramFR #secondary nav {
  display: none;
}

.full-col {
  clear: both;
  width: 100%;
}

.col-1 {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .col-1 {
    float: left;
    width: 50%;
    padding: 0 8px 0 0;
  }
}

@media screen and (min-width: 960px) {
  .col-1 {
    padding: 0 16px 0 0;
  }
}

.col-2 {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .col-2 {
    float: right;
    width: 50%;
    padding: 0 0 0 8px;
  }
}

@media screen and (min-width: 960px) {
  .col-2 {
    padding: 0 0 0 16px;
  }
}

.content-header {
  font-family: "din-black",Arial,sans-serif;
  font-size: 20px;
  font-weight: 400;
  margin: 0 0 7px 0 !important;
  line-height: 1.3;
  text-transform: uppercase;
  position: relative;
}

@media screen and (min-width: 480px) {
  .content-header {
    font-size: 28px;
  }
}

.content-header span {
  font-family: "din-regular",Arial,sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  text-transform: none;
}

div.section-header,
h3.section-header,
h2.section-header {
  background: #d7d7d7;
  color: #000;
  width: 100%;
  display: block;
  font-family: "din-bold",Arial,sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.2;
  text-transform: uppercase;
  margin: 0 0 0 0;
  padding: 12px;
  position: relative;
}

@media screen and (min-width: 960px) {
  div.section-header,
  h3.section-header,
  h2.section-header {
    padding: 16px 20px;
  }
}

div.section-header .dialog-required,
h3.section-header .dialog-required,
h2.section-header .dialog-required {
  display: none;
}

.required-indicator {
  color: #fed22b;
}

.primary-content .section-header-note {
  font-family: "din-regular",Arial,sans-serif;
  font-size: 15px;
  font-weight: 400;
  position: absolute;
  right: 24px;
  text-transform: none;
  text-decoration: underline;
  top: 50%;
  transform: translateY(-50%);
  color: #000;
}

.primary-content .section-header-note:hover {
  text-decoration: none;
}

.primary-content .section-header-note span {
  display: none;
}

@media screen and (min-width: 480px) {
  .primary-content .section-header-note span {
    display: inline;
  }
}

.back {
  display: block;
  margin: 0 0 10px;
}

#secondary a {
  color: #000;
}

#secondary a:hover {
  text-decoration: underline;
}

#secondary.nav ul {
  border: none;
  list-style: none;
  margin: 4px 0 0 36px;
  padding: 0;
}

#secondary.nav ul li {
  list-style: none outside none !important;
  margin: 0 0 4px 0;
}

#secondary.nav ul li:last-child {
  margin: 0 0 0 0;
}

#secondary.nav .toggle {
  font-family: "din-bold",Arial,sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 1.3;
  text-transform: uppercase;
  color: #000;
  padding: 18px 0 0 36px;
  display: block;
  cursor: pointer;
  position: relative;
}

#secondary.nav .toggle:after {
  color: #7b7c7d;
  font-family: 'vibram';
  content: '\e809';
  position: absolute;
  top: 14px;
  left: 12px;
  width: 24px;
  height: 24px;
  font-size: 24px;
  display: block;
  text-align: center;
}

#secondary .refinement-header,
.primary-content .refinement-header {
  display: none;
}

#secondary .category-refinement-list,
.primary-content .category-refinement-list {
  background: #eeeeee;
  margin: 0 0 12px 0;
  padding: 14px 8px 14px 12px;
}

#secondary .category-refinement-list ul.category-list li,
.primary-content .category-refinement-list ul.category-list li {
  padding: 0 0 12px 0;
}

#secondary .category-refinement-list ul.category-list li ul,
.primary-content .category-refinement-list ul.category-list li ul {
  display: none;
  margin: 12px 0 0 22px;
}

#secondary .category-refinement-list ul.category-list li a.active,
.primary-content .category-refinement-list ul.category-list li a.active {
  font-family: "din-bold",Arial,sans-serif;
}

#secondary .category-refinement-list ul.category-list>li>a,
.primary-content .category-refinement-list ul.category-list>li>a {
  padding-left: 24px;
  position: relative;
  font-family: "din-bold",Arial,sans-serif;
  font-size: 15px;
}

#secondary .category-refinement-list ul.category-list>li>a:after,
.primary-content .category-refinement-list ul.category-list>li>a:after {
  color: #7b7c7d;
  font-family: 'vibram';
  content: '\e809';
  position: absolute;
  top: -1px;
  left: 0px;
  width: 20px;
  height: 20px;
  font-size: 20px;
  display: block;
  text-align: center;
  transform: rotate(-90deg);
}

#secondary .category-refinement-list ul.category-list>li.active,
.primary-content .category-refinement-list ul.category-list>li.active {
  padding: 0;
}

#secondary .category-refinement-list ul.category-list>li.active>a:after,
.primary-content .category-refinement-list ul.category-list>li.active>a:after {
  transform: rotate(0deg);
}

#secondary .category-refinement-list ul.category-list>li.active ul,
.primary-content .category-refinement-list ul.category-list>li.active ul {
  display: block;
}

#secondary .refinement,
.primary-content .refinement {
  margin: 0 0 12px 0;
  padding: 0 0 0 0;
  position: relative;
  background: #eeeeee;
}

#secondary .refinement .view-more,
#secondary .refinement .view-sizingchart,
#secondary .refinement .clear-refinement,
.primary-content .refinement .view-more,
.primary-content .refinement .view-sizingchart,
.primary-content .refinement .clear-refinement {
  display: inline-block;
  color: #000;
  font-family: "din-bold",Arial,sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.2;
  margin: 0 0 10px 13px;
}

#secondary .refinement .clear-refinement,
.primary-content .refinement .clear-refinement {
  display: inline-block !important;
}

#secondary .refinement .refine-links,
.primary-content .refinement .refine-links {
  display: block !important;
  padding-bottom: 6px;
}

#secondary .refinement .view-sizingchart,
#secondary .refinement .view-more,
.primary-content .refinement .view-sizingchart,
.primary-content .refinement .view-more {
  display: inline-block;
  font-family: "din-regular",Arial,sans-serif;
}

#secondary .refinement .view-more,
.primary-content .refinement .view-more {
  display: none;
}

@media screen and (min-width: 768px) {
  #secondary .refinement .view-more,
  .primary-content .refinement .view-more {
    display: block;
  }
}

#secondary .refinement .view-sizingchart,
.primary-content .refinement .view-sizingchart {
  float: right;
  margin-left: 0;
  margin-right: 13px;
}

#secondary .refinement .refinement-top-level+ul,
#secondary .refinement .toggle+ul,
.primary-content .refinement .refinement-top-level+ul,
.primary-content .refinement .toggle+ul {
  background: #eeeeee;
  border-top: 1px solid #d2d3d5;
  margin: 0 0 0 0;
  padding: 14px 8px 14px 20px;
  display: block !important;
}

#secondary .refinement .refinement-top-level+ul li.active,
#secondary .refinement .toggle+ul li.active,
.primary-content .refinement .refinement-top-level+ul li.active,
.primary-content .refinement .toggle+ul li.active {
  padding-bottom: 0;
}

#secondary .refinement .refinement-top-level+ul li,
#secondary .refinement .toggle+ul li,
.primary-content .refinement .refinement-top-level+ul li,
.primary-content .refinement .toggle+ul li {
  margin: 0 0 0 0;
  padding: 0 0 12px 0;
}

#secondary .refinement .refinement-top-level+ul li a,
#secondary .refinement .toggle+ul li a,
.primary-content .refinement .refinement-top-level+ul li a,
.primary-content .refinement .toggle+ul li a {
  color: #000;
  display: block;
  font-family: "din-regular",Arial,sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 1.2;
  padding: 0 0 0 20px;
  position: relative;
  min-height: 15px;
}

#secondary .refinement .refinement-top-level+ul li a:after,
#secondary .refinement .toggle+ul li a:after,
.primary-content .refinement .refinement-top-level+ul li a:after,
.primary-content .refinement .toggle+ul li a:after {
  content: '';
  display: block;
  height: 13px;
  width: 13px;
  background: #fff;
  border: 1px solid #ccc;
  position: absolute;
  top: 0;
  left: 0;
}

#secondary .refinement .refinement-top-level+ul li a.refinement-link,
#secondary .refinement .toggle+ul li a.refinement-link,
.primary-content .refinement .refinement-top-level+ul li a.refinement-link,
.primary-content .refinement .toggle+ul li a.refinement-link {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 20px;
}

#secondary .refinement .refinement-top-level+ul li a.refinement-link.active:after,
#secondary .refinement .toggle+ul li a.refinement-link.active:after,
.primary-content .refinement .refinement-top-level+ul li a.refinement-link.active:after,
.primary-content .refinement .toggle+ul li a.refinement-link.active:after {
  background: #fed22b;
  font-family: 'vibram';
  content: '\e80c';
  color: #000;
  font-size: 11px;
  text-align: center;
}

#secondary .refinement .refinement-top-level+ul li.selected a,
#secondary .refinement .toggle+ul li.selected a,
.primary-content .refinement .refinement-top-level+ul li.selected a,
.primary-content .refinement .toggle+ul li.selected a {
  font-family: "din-bold",Arial,sans-serif;
}

#secondary .refinement .refinement-top-level+ul li.selected a:after,
#secondary .refinement .toggle+ul li.selected a:after,
.primary-content .refinement .refinement-top-level+ul li.selected a:after,
.primary-content .refinement .toggle+ul li.selected a:after {
  background: #fed22b;
  font-family: 'vibram';
  content: '\e80c';
  color: #000;
  font-size: 11px;
  text-align: center;
}

#secondary .refinement .refinement-top-level+ul li ul,
#secondary .refinement .toggle+ul li ul,
.primary-content .refinement .refinement-top-level+ul li ul,
.primary-content .refinement .toggle+ul li ul {
  margin: 12px 0 0 20px;
}

#secondary .refinement .toggle+ul.category-list li.active,
.primary-content .refinement .toggle+ul.category-list li.active {
  padding-bottom: 12px;
}

#secondary .refinement .toggle+ul.category-list>li.active,
.primary-content .refinement .toggle+ul.category-list>li.active {
  padding-bottom: 0px;
}

#secondary .refinement ul.category-list li,
.primary-content .refinement ul.category-list li {
  padding: 0 0 12px 0;
}

#secondary .refinement ul.category-list li a,
.primary-content .refinement ul.category-list li a {
  padding-left: 0;
}

#secondary .refinement ul.category-list li a:after,
.primary-content .refinement ul.category-list li a:after {
  display: none;
}

#secondary .refinement ul.category-list li a.active,
.primary-content .refinement ul.category-list li a.active {
  font-family: "din-bold",Arial,sans-serif;
}

#secondary .refinement ul.category-list li ul,
.primary-content .refinement ul.category-list li ul {
  margin: 12px 0 0 10px;
}

#secondary .refinement ul.category-list>li>a,
.primary-content .refinement ul.category-list>li>a {
  font-family: "din-bold",Arial,sans-serif;
  font-size: 15px;
}

@media screen and (min-width: 768px) {
  #secondary .refinement ul.scrollable,
  .primary-content .refinement ul.scrollable {
    max-height: 128px;
    overflow: auto;
    margin-bottom: 12px;
    padding-bottom: 0px;
  }

  #secondary .refinement ul.scrollable::-webkit-scrollbar,
  .primary-content .refinement ul.scrollable::-webkit-scrollbar {
    -webkit-appearance: none;
    background-color: rgba(0,0,0,0.15);
    width: 9px;
  }

  #secondary .refinement ul.scrollable::-webkit-scrollbar-thumb,
  .primary-content .refinement ul.scrollable::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background-color: rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,0.5);
  }
}

#secondary .refinement .refinement-top-level,
#secondary .refinement .toggle,
.primary-content .refinement .refinement-top-level,
.primary-content .refinement .toggle {
  background: #dfdfdf;
  font-family: "din-bold",Arial,sans-serif;
  font-weight: 400;
  font-size: 20px;
  line-height: 1;
  text-transform: uppercase;
  color: #000;
  padding: 12px 36px 12px 18px;
  display: block;
  cursor: pointer;
  position: relative;
}

#secondary .refinement .refinement-top-level:after,
#secondary .refinement .toggle:after,
.primary-content .refinement .refinement-top-level:after,
.primary-content .refinement .toggle:after {
  color: #7b7c7d;
  content: '-' !important;
  position: absolute;
  top: 8px;
  right: 6px;
  width: 24px;
  height: 24px;
  font-size: 24px;
  display: block;
  text-align: center;
}

#secondary .refinement .refinement-top-level,
.primary-content .refinement .refinement-top-level {
  padding: 12px 18px;
}

#secondary .refinement .refinement-top-level:after,
.primary-content .refinement .refinement-top-level:after {
  display: none;
}

@media screen and (max-width: 767px) {
  #secondary .refinement .clear-refinement,
  .primary-content .refinement .clear-refinement {
    display: none !important;
  }

  #secondary .refinement .refine-links,
  .primary-content .refinement .refine-links {
    display: none !important;
  }

  #secondary .refinement .refinement-top-level+ul,
  #secondary .refinement .toggle+ul,
  .primary-content .refinement .refinement-top-level+ul,
  .primary-content .refinement .toggle+ul {
    display: none !important;
  }

  #secondary .refinement .refinement-top-level:after,
  #secondary .refinement .toggle:after,
  .primary-content .refinement .refinement-top-level:after,
  .primary-content .refinement .toggle:after {
    content: '+' !important;
  }

  #secondary .refinement.mobile-open .clear-refinement,
  .primary-content .refinement.mobile-open .clear-refinement {
    display: inline-block !important;
  }

  #secondary .refinement.mobile-open .refine-links,
  .primary-content .refinement.mobile-open .refine-links {
    display: block !important;
  }

  #secondary .refinement.mobile-open .refinement-top-level+ul,
  #secondary .refinement.mobile-open .toggle+ul,
  .primary-content .refinement.mobile-open .refinement-top-level+ul,
  .primary-content .refinement.mobile-open .toggle+ul {
    display: block !important;
  }

  #secondary .refinement.mobile-open .refinement-top-level:after,
  #secondary .refinement.mobile-open .toggle:after,
  .primary-content .refinement.mobile-open .refinement-top-level:after,
  .primary-content .refinement.mobile-open .toggle:after {
    content: '-' !important;
  }
}

@media screen and (min-width: 768px) {
  #secondary .refinement .clear-refinement,
  .primary-content .refinement .clear-refinement {
    display: inline-block !important;
  }

  #secondary .refinement .refine-links,
  .primary-content .refinement .refine-links {
    display: block !important;
  }

  #secondary .refinement .refinement-top-level+ul,
  #secondary .refinement .toggle+ul,
  .primary-content .refinement .refinement-top-level+ul,
  .primary-content .refinement .toggle+ul {
    display: block !important;
  }

  #secondary .refinement .refinement-top-level:after,
  #secondary .refinement .toggle:after,
  .primary-content .refinement .refinement-top-level:after,
  .primary-content .refinement .toggle:after {
    content: '-' !important;
  }

  #secondary .refinement.closed .clear-refinement,
  .primary-content .refinement.closed .clear-refinement {
    display: none !important;
  }

  #secondary .refinement.closed .refine-links,
  .primary-content .refinement.closed .refine-links {
    display: none !important;
  }

  #secondary .refinement.closed .refinement-top-level+ul,
  #secondary .refinement.closed .toggle+ul,
  .primary-content .refinement.closed .refinement-top-level+ul,
  .primary-content .refinement.closed .toggle+ul {
    display: none !important;
  }

  #secondary .refinement.closed .refinement-top-level:after,
  #secondary .refinement.closed .toggle:after,
  .primary-content .refinement.closed .refinement-top-level:after,
  .primary-content .refinement.closed .toggle:after {
    content: '+' !important;
  }
}

#secondary .refinement.Size .toggle+ul,
#secondary .refinement.Color .toggle+ul,
#secondary .refinement.Colour .toggle+ul,
.primary-content .refinement.Size .toggle+ul,
.primary-content .refinement.Color .toggle+ul,
.primary-content .refinement.Colour .toggle+ul {
  padding: 7px;
}

#secondary .refinement.Size .toggle+ul li,
#secondary .refinement.Color .toggle+ul li,
#secondary .refinement.Colour .toggle+ul li,
.primary-content .refinement.Size .toggle+ul li,
.primary-content .refinement.Color .toggle+ul li,
.primary-content .refinement.Colour .toggle+ul li {
  margin: 0 0 0 0;
  padding: 6px;
  float: left;
  cursor: pointer;
}

#secondary .refinement.Size .toggle+ul li a,
#secondary .refinement.Color .toggle+ul li a,
#secondary .refinement.Colour .toggle+ul li a,
.primary-content .refinement.Size .toggle+ul li a,
.primary-content .refinement.Color .toggle+ul li a,
.primary-content .refinement.Colour .toggle+ul li a {
  display: block;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  border: 1px solid #ccc;
  background: #fff;
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 48px;
}

#secondary .refinement.Size .toggle+ul li a:hover,
#secondary .refinement.Color .toggle+ul li a:hover,
#secondary .refinement.Colour .toggle+ul li a:hover,
.primary-content .refinement.Size .toggle+ul li a:hover,
.primary-content .refinement.Color .toggle+ul li a:hover,
.primary-content .refinement.Colour .toggle+ul li a:hover {
  text-decoration: none;
}

#secondary .refinement.Size .toggle+ul li a:after,
#secondary .refinement.Color .toggle+ul li a:after,
#secondary .refinement.Colour .toggle+ul li a:after,
.primary-content .refinement.Size .toggle+ul li a:after,
.primary-content .refinement.Color .toggle+ul li a:after,
.primary-content .refinement.Colour .toggle+ul li a:after {
  display: none;
}

#secondary .refinement.Size .toggle+ul li.unselectable,
#secondary .refinement.Color .toggle+ul li.unselectable,
#secondary .refinement.Colour .toggle+ul li.unselectable,
.primary-content .refinement.Size .toggle+ul li.unselectable,
.primary-content .refinement.Color .toggle+ul li.unselectable,
.primary-content .refinement.Colour .toggle+ul li.unselectable {
  cursor: not-allowed;
}

#secondary .refinement.Size .toggle+ul li.unselectable a,
#secondary .refinement.Color .toggle+ul li.unselectable a,
#secondary .refinement.Colour .toggle+ul li.unselectable a,
.primary-content .refinement.Size .toggle+ul li.unselectable a,
.primary-content .refinement.Color .toggle+ul li.unselectable a,
.primary-content .refinement.Colour .toggle+ul li.unselectable a {
  background: transparent;
}

#secondary .refinement.Size .toggle+ul li.selected a,
#secondary .refinement.Color .toggle+ul li.selected a,
#secondary .refinement.Colour .toggle+ul li.selected a,
.primary-content .refinement.Size .toggle+ul li.selected a,
.primary-content .refinement.Color .toggle+ul li.selected a,
.primary-content .refinement.Colour .toggle+ul li.selected a {
  border: 4px solid #fed22b;
  line-height: 42px;
}

@media screen and (min-width: 768px) {
  #secondary .refinement.Size ul.expandable,
  #secondary .refinement.Color ul.expandable,
  #secondary .refinement.Colour ul.expandable,
  .primary-content .refinement.Size ul.expandable,
  .primary-content .refinement.Color ul.expandable,
  .primary-content .refinement.Colour ul.expandable {
    max-height: 200px;
    overflow: hidden;
  }
}

#secondary .refinement.Color .toggle+ul li a,
#secondary .refinement.Colour .toggle+ul li a,
.primary-content .refinement.Color .toggle+ul li a,
.primary-content .refinement.Colour .toggle+ul li a {
  padding: 3px;
}

#secondary .refinement.Color .toggle+ul li a span,
#secondary .refinement.Colour .toggle+ul li a span,
.primary-content .refinement.Color .toggle+ul li a span,
.primary-content .refinement.Colour .toggle+ul li a span {
  display: block;
  text-indent: -9999em;
  overflow: hidden;
  white-space: nowrap;
  height: 42px;
  width: 42px;
}

#secondary .refinement.Color .toggle+ul li.selected a,
#secondary .refinement.Colour .toggle+ul li.selected a,
.primary-content .refinement.Color .toggle+ul li.selected a,
.primary-content .refinement.Colour .toggle+ul li.selected a {
  padding: 0;
}

.primary-content .refinement-container {
  display: none;
}

@media screen and (min-width: 768px) {
  .primary-content .refinement-container {
    padding-top: 0;
    display: none;
  }
}

#secondary .refinement-container {
  display: none !important;
}

@media screen and (min-width: 768px) {
  #secondary .refinement-container {
    display: block !important;
  }
}

.primary-content .refinement-container.active {
  display: block;
}

@media screen and (min-width: 768px) {
  .primary-content .refinement-container.active {
    display: none;
  }
}

#refinement-btn {
  display: inline-block;
  float: right;
  background: #fed22b;
  border: none;
  color: #000;
  cursor: pointer;
  font-family: "din-bold",Arial,sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1;
  margin: 12px 0 20px 0;
  padding: 12px 18px;
  text-align: center;
  text-transform: uppercase;
  position: relative;
}

#refinement-btn.active,
#refinement-btn:hover {
  background: #797f8a;
  color: #fff;
  text-decoration: none !important;
}

@media screen and (min-width: 768px) {
  #refinement-btn {
    display: none;
  }
}

.search-result-options {
  padding-top: 10px;
  border-bottom: 1px solid #d7d7d7;
  margin-bottom: 20px;
}

.search-result-options .sort-by {
  height: 39px;
  margin: 12px 0 20px 0;
  float: left;
}

.search-result-options .sort-by label {
  display: inline-block;
  width: auto;
  padding: 0;
  font-size: 15px;
  color: #000;
  text-transform: none;
  line-height: 44px;
  white-space: nowrap;
  float: left;
}

.search-result-options .sort-by .vibram-select {
  display: inline-block;
  margin-left: 6px !important;
  background: #e7e7e7;
}

.search-result-options .sort-by button {
  display: none;
}

.search-result-options .pagination {
  float: right;
  margin: 12px 9px 20px 0;
}

.search-result-options .pagination .results-hits {
  margin: 0;
  display: inline-block;
  height: 39px;
  line-height: 39px;
  vertical-align: middle;
  padding: 0 0 0 0;
  text-align: right;
  color: #7b7c7d;
  font-size: 12px;
  font-family: "din-regular",Arial,sans-serif;
  text-transform: uppercase;
}

#grid-layout {
  display: none;
  margin: 12px 0 20px 0;
  padding: 0 0 0 0;
  list-style: none;
  height: 39px;
  width: 102px;
  float: right;
}

@media screen and (min-width: 600px) {
  #grid-layout {
    display: block;
  }
}

#grid-layout li {
  margin: 0 0 0 7px;
  padding: 0 0 0 0;
  list-style: none;
  width: 39px;
  height: 39px;
  position: relative;
  float: left;
  background: #e7e7e7;
  border: 1px solid #e7e7e7;
}

#grid-layout li.active {
  border-color: #7b7c7d;
}

#grid-layout li a {
  display: block;
  width: 19px;
  height: 19px;
  background: #e7e7e7;
  position: relative;
  border: 9px solid #e7e7e7;
  background: #bcbdbf;
  box-sizing: content-box;
}

#grid-layout li a span {
  display: none;
}

#grid-layout li#two-col a:before {
  content: '';
  height: 19px;
  width: 1px;
  background: #e7e7e7;
  display: block;
  position: absolute;
  top: 0px;
  left: 9px;
}

#grid-layout li#two-col a:after {
  content: '';
  height: 1px;
  width: 19px;
  background: #e7e7e7;
  display: block;
  position: absolute;
  top: 9px;
  left: 0px;
}

#grid-layout li#three-col:before {
  content: '';
  height: 19px;
  width: 1px;
  background: #e7e7e7;
  display: block;
  position: absolute;
  top: 9px;
  right: 13px;
  z-index: 2;
}

#grid-layout li#three-col a {
  width: 27px;
  border-left: 5px solid #e7e7e7;
  border-right: 5px solid #e7e7e7;
}

#grid-layout li#three-col a:before {
  content: '';
  height: 19px;
  width: 1px;
  background: #e7e7e7;
  display: block;
  position: absolute;
  top: 0px;
  left: 9px;
}

#grid-layout li#three-col a:after {
  content: '';
  height: 1px;
  width: 27px;
  background: #e7e7e7;
  display: block;
  position: absolute;
  top: 9px;
  left: 0px;
}

@media screen and (max-width: 479px) {
  .pt_product-search-result .search-result-options .pagination {
    display: none;
  }

  .pt_product-search-result .search-result-options .sort-by label {
    display: none;
  }
}

#footer {
  background: #d2d3d5;
}

#footer * {
  box-sizing: border-box;
}

#footer footer {
  width: 100%;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  #footer footer {
    max-width: 768px;
  }
}

@media screen and (min-width: 960px) {
  #footer footer {
    max-width: 960px;
  }
}

.footer-content {
  padding: 40px 15px 30px 15px;
}

.footer-content .content-asset>p,
.footer-content .content-asset>a,
.footer-content .footer-menu>p,
.footer-content .footer-menu>a {
  color: #000;
  font-family: "din-bold",Arial,sans-serif;
  font-size: 16px;
  line-height: 1.3;
  margin: 0 0 0 0;
  padding: 0 0 7px 0;
  text-transform: uppercase;
}

.footer-content .content-asset>p a,
.footer-content .content-asset>a a,
.footer-content .footer-menu>p a,
.footer-content .footer-menu>a a {
  color: #000;
}

.footer-content .content-asset>p a:hover,
.footer-content .content-asset>a a:hover,
.footer-content .footer-menu>p a:hover,
.footer-content .footer-menu>a a:hover {
  text-decoration: underline;
}

.footer-content .content-asset>p .icon,
.footer-content .content-asset>a .icon,
.footer-content .footer-menu>p .icon,
.footer-content .footer-menu>a .icon {
  display: none;
}

.footer-content .content-asset ul,
.footer-content .footer-menu ul {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  list-style: none;
}

.footer-content .content-asset ul li,
.footer-content .footer-menu ul li {
  margin: 0 0 0 0;
  padding: 0 0 5px 0;
  list-style: none !important;
}

.footer-content .content-asset ul li a,
.footer-content .footer-menu ul li a {
  color: #000;
  font-family: "din-regular",Arial,sans-serif;
  font-size: 14px;
  line-height: 1.3;
  padding: 0 0 0 0;
}

.footer-content .content-asset ul li a:hover,
.footer-content .footer-menu ul li a:hover {
  text-decoration: underline;
}

.footer-nav {
  width: 100%;
  float: left;
}

.footer-nav-items {
  width: 100%;
  float: left;
}

.footer-nav-items .footer-menu-row {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .footer-nav-items .footer-menu-row {
    width: 100%;
    padding-bottom: 15px;
  }
}

.footer-nav-items .footer-menu {
  margin-bottom: 20px;
  padding-right: 12px;
  width: 160px;
}

@media screen and (min-width: 0px) and (max-width: 400px) {
  #footer {
    background-color: #fff;
  }

  #footer .footer-content {
    padding: 0;
  }
}

@media screen and (min-width: 0px) and (max-width: 400px) {
  .footer-nav-items .content-asset,
  .footer-nav-items .footer-menu,
  .footer-contact .content-asset,
  .footer-contact .footer-menu {
    width: 100%;
    padding: 0;
  }

  .footer-nav-items .content-asset>p,
  .footer-nav-items .content-asset>a,
  .footer-nav-items .footer-menu>p,
  .footer-nav-items .footer-menu>a,
  .footer-contact .content-asset>p,
  .footer-contact .content-asset>a,
  .footer-contact .footer-menu>p,
  .footer-contact .footer-menu>a {
    cursor: pointer;
    text-transform: uppercase;
    display: block;
    position: relative;
    transition: background-color 0.5s, color 0.5s;
    color: #070707;
    padding: 10px;
    font-family: "din-bold", Arial, sans-serif;
    font-size: 18px;
    line-height: 1;
    border-bottom: 1px solid #bbb;
  }

  .footer-nav-items .content-asset>p .icon,
  .footer-nav-items .content-asset>a .icon,
  .footer-nav-items .footer-menu>p .icon,
  .footer-nav-items .footer-menu>a .icon,
  .footer-contact .content-asset>p .icon,
  .footer-contact .content-asset>a .icon,
  .footer-contact .footer-menu>p .icon,
  .footer-contact .footer-menu>a .icon {
    display: block;
    color: #7b7c7d;
    font-size: 26px;
    position: absolute;
    top: 6px;
    right: 6px;
  }

  .footer-nav-items .content-asset.active>p,
  .footer-nav-items .content-asset.active>a,
  .footer-nav-items .footer-menu.active>p,
  .footer-nav-items .footer-menu.active>a,
  .footer-contact .content-asset.active>p,
  .footer-contact .content-asset.active>a,
  .footer-contact .footer-menu.active>p,
  .footer-contact .footer-menu.active>a {
    background-color: #e6e7e9;
  }

  .footer-nav-items .content-asset ul,
  .footer-nav-items .footer-menu ul,
  .footer-contact .content-asset ul,
  .footer-contact .footer-menu ul {
    display: none;
  }

  .footer-nav-items .content-asset ul li,
  .footer-nav-items .footer-menu ul li,
  .footer-contact .content-asset ul li,
  .footer-contact .footer-menu ul li {
    padding: 0;
  }

  .footer-nav-items .content-asset ul li a,
  .footer-nav-items .footer-menu ul li a,
  .footer-contact .content-asset ul li a,
  .footer-contact .footer-menu ul li a {
    text-transform: uppercase;
    display: block;
    position: relative;
    transition: background-color 0.5s, color 0.5s;
    color: #070707;
    padding: 10px;
    padding-left: 20px;
    font-family: "din-bold", Arial, sans-serif;
    font-size: 16px;
    line-height: 1;
    border-bottom: 1px solid #bbb;
  }

  .footer-nav-items .content-asset.active ul,
  .footer-nav-items .content-asset.active ul,
  .footer-nav-items .footer-menu.active ul,
  .footer-nav-items .footer-menu.active ul,
  .footer-contact .content-asset.active ul,
  .footer-contact .content-asset.active ul,
  .footer-contact .footer-menu.active ul,
  .footer-contact .footer-menu.active ul {
    display: block;
  }
}

@media screen and (min-width: 0px) and (max-width: 400px) {
  .footer-nav-items .language-switcher li,
  .footer-contact .language-switcher li {
    position: relative;
  }

  .footer-nav-items .language-switcher li a,
  .footer-contact .language-switcher li a {
    padding-left: 30px !important;
  }

  .footer-nav-items .language-switcher li .icon,
  .footer-contact .language-switcher li .icon {
    position: absolute;
    top: 10px;
    left: 5px;
  }
}

.footer-contact {
  width: 25%;
  float: left;
}

@media screen and (min-width: 0px) and (max-width: 599px) {
  .footer-contact {
    width: 100%;
    padding-top: 15px;
  }
}

@media screen and (min-width: 0px) and (max-width: 400px) {
  .footer-contact {
    padding-top: 0;
  }
}

@media screen and (min-width: 0px) and (max-width: 599px) {
  .footer-contact .content-asset {
    width: 50%;
    float: left;
  }
}

@media screen and (min-width: 0px) and (max-width: 400px) {
  .footer-contact .content-asset {
    width: 100%;
  }
}

.footer-social {
  width: 100%;
  float: left;
  padding-top: 35px;
  text-align: center;
}

.footer-social .content-asset ul {
  line-height: 24px;
  margin: 0;
  padding: 0;
}

.footer-social .content-asset ul li {
  list-style: none !important;
  margin: 0 12px 12px 0;
  padding: 0;
  height: 30px;
  width: 30px;
  float: left;
}

.footer-social .content-asset ul li a {
  transition: background-color 0.2s;
  display: block;
  height: 30px;
  width: 30px;
  font-size: 19px;
  line-height: 32px;
  border-radius: 30px;
  background: #000;
  color: #d2d3d5;
  text-align: center;
}

.footer-social .content-asset ul li a:hover {
  background: #727475;
}

.footer-social .content-asset ul li {
  display: inline-block;
  float: none;
}

@media screen and (min-width: 0px) and (max-width: 400px) {
  .footer-social {
    padding-top: 10px;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .footer-copyright {
    padding: 0 15px;
  }
}

.footer-copyright p {
  color: #6a6a6a;
  font-family: "din-regular",Arial,sans-serif;
  font-size: 11px;
  line-height: 1.3;
  padding: 15px 0;
  margin: 0 0 0 0;
  text-align: center;
}

.footer-copyright p a {
  color: #6a6a6a;
  text-decoration: underline;
}

.footer-copyright p a:hover {
  text-decoration: none;
}

.footer-copyright p+p {
  border-top: 1px solid #bdbec0;
}

.language-switcher .icon {
  font-size: 1.4em;
  display: none;
}

.language-switcher .active .icon {
  display: inline-block;
}

.signupDialog {
  max-width: 700px !important;
  padding: 12px !important;
  min-width: 320px !important;
  transform: translate(0, -50%);
}

.signupDialog:before {
  top: 22px;
  right: 22px;
  bottom: 22px;
  left: 22px;
  border-radius: 1px;
}

.signupDialog .ui-dialog-content {
  background-repeat: no-repeat;
  background-position: 100% 0%;
  background-color: #fff;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  .signupDialog .ui-dialog-content {
    background-image: none;
    border: 4px solid #ccc;
  }
}

.signupDialog .ui-dialog-titlebar {
  height: 0;
}

.signupDialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
  z-index: 1;
  background: black;
  border: 1px solid white;
  border-radius: 34px;
  height: 34px;
  margin: 0;
  padding: 0;
  right: -12px;
  top: -12px;
  width: 34px;
  color: white;
}

.signupDialog .ui-dialog-titlebar .ui-dialog-titlebar-close:after {
  top: 4px;
  right: 4px;
}

.signupDialog .g-recaptcha>div {
  margin: 0 auto;
  width: 100% !important;
}

.signupDialog #popupOffersForm,
.signupDialog #email_signup {
  width: 100%;
}

#popupOffersForm,
#email_signup {
  width: 302px;
  margin: initial;
}

@media screen and (min-width: 768px) {
  #popupOffersForm,
  #email_signup {
    max-width: 768px;
  }
}

@media screen and (min-width: 960px) {
  #popupOffersForm,
  #email_signup {
    max-width: 960px;
  }
}

#popupOffersForm .popupEmailContent,
#email_signup .popupEmailContent {
  text-align: left;
  font-size: 16px;
  margin-bottom: 20px;
  font-weight: bold;
}

#popupOffersForm .popupEmailContent h1,
#email_signup .popupEmailContent h1 {
  font-family: 'Lato', sans-serif;
  font-weight: 900;
  color: #fed22b;
  font-size: 36px;
  margin-bottom: .25em;
  letter-spacing: 2px;
}

#popupOffersForm>.popupEmailContent,
#popupOffersForm>.form-row,
#popupOffersForm>.response,
#email_signup>.popupEmailContent,
#email_signup>.form-row,
#email_signup>.response {
  width: calc(100% - 320px);
  clear: both;
}

#popupOffersForm>.popupEmailContent input[type='email'],
#popupOffersForm>.popupEmailContent input[type='date'],
#popupOffersForm>.form-row input[type='email'],
#popupOffersForm>.form-row input[type='date'],
#popupOffersForm>.response input[type='email'],
#popupOffersForm>.response input[type='date'],
#email_signup>.popupEmailContent input[type='email'],
#email_signup>.popupEmailContent input[type='date'],
#email_signup>.form-row input[type='email'],
#email_signup>.form-row input[type='date'],
#email_signup>.response input[type='email'],
#email_signup>.response input[type='date'] {
  border: 1px solid #aaa;
  padding: 0.7em 0.5em;
  text-indent: 0;
  margin: 0 0 0 0;
  padding: 16px;
  text-indent: 0;
  width: 100%;
  font-size: 14px;
}

#popupOffersForm>.popupEmailContent input[type='date']::-webkit-inner-spin-button,
#popupOffersForm>.popupEmailContent input[type='date']::-webkit-calendar-picker-indicator,
#popupOffersForm>.form-row input[type='date']::-webkit-inner-spin-button,
#popupOffersForm>.form-row input[type='date']::-webkit-calendar-picker-indicator,
#popupOffersForm>.response input[type='date']::-webkit-inner-spin-button,
#popupOffersForm>.response input[type='date']::-webkit-calendar-picker-indicator,
#email_signup>.popupEmailContent input[type='date']::-webkit-inner-spin-button,
#email_signup>.popupEmailContent input[type='date']::-webkit-calendar-picker-indicator,
#email_signup>.form-row input[type='date']::-webkit-inner-spin-button,
#email_signup>.form-row input[type='date']::-webkit-calendar-picker-indicator,
#email_signup>.response input[type='date']::-webkit-inner-spin-button,
#email_signup>.response input[type='date']::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}

@media screen and (min-width: 768px) {
  #popupOffersForm>.popupEmailContent,
  #popupOffersForm>.form-row,
  #popupOffersForm>.response,
  #email_signup>.popupEmailContent,
  #email_signup>.form-row,
  #email_signup>.response {
    clear: none;
  }
}

#popupOffersForm .form-row label,
#email_signup .form-row label {
  text-transform: initial;
  color: #000;
}

#popupOffersForm .form-row label.radioLabel,
#email_signup .form-row label.radioLabel {
  margin-right: 9px;
  display: inline;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  #popupOffersForm .form-row label.radioLabel,
  #email_signup .form-row label.radioLabel {
    margin-right: 1em;
  }
}

#popupOffersForm .form-row input,
#email_signup .form-row input {
  border: 1px solid #ccc;
  background: #eee;
}

#popupOffersForm .form-row input[type="radio"],
#email_signup .form-row input[type="radio"] {
  display: inline-block;
  margin: 1.5em 2% 0 1px;
  cursor: pointer;
}

#popupOffersForm .form-row.nameRow,
#email_signup .form-row.nameRow {
  display: flex;
}

#popupOffersForm .form-row.nameRow .form-col,
#email_signup .form-row.nameRow .form-col {
  width: 50%;
  padding-right: .5em;
}

#popupOffersForm .form-row.nameRow .form-col:last-child,
#email_signup .form-row.nameRow .form-col:last-child {
  padding-right: 0;
}

#popupOffersForm .form-row.nameRow .form-col .form-row,
#email_signup .form-row.nameRow .form-col .form-row {
  display: block;
}

#popupOffersForm .form-row.nameRow.hidden,
#email_signup .form-row.nameRow.hidden {
  display: none;
}

#popupOffersForm .form-row.captchaRow,
#email_signup .form-row.captchaRow {
  float: left;
  clear: left;
}

#popupOffersForm .form-row.popup-button-row,
#email_signup .form-row.popup-button-row {
  display: flex;
  align-items: baseline;
  float: right;
  clear: right;
}

#popupOffersForm .form-row.popup-button-row .form-col,
#email_signup .form-row.popup-button-row .form-col {
  width: 50%;
}

#popupOffersForm .form-row.popup-button-row .form-col:last-child .html-slot-container,
#email_signup .form-row.popup-button-row .form-col:last-child .html-slot-container {
  font-weight: bold;
  font-size: 14px;
  text-align: right;
}

#popupOffersForm .form-row.popup-button-row.hidden,
#email_signup .form-row.popup-button-row.hidden {
  display: none;
}

#popupOffersForm #sendBtn,
#email_signup #sendBtn {
  margin-top: 1em;
  font-size: 18px;
  background: transparent;
  border: 3px solid #000;
  padding: .5em 1.5em;
}

#popupOffersForm #sendBtn:hover,
#email_signup #sendBtn:hover {
  color: #000;
}

#popupOffersForm #sendBtn:after,
#email_signup #sendBtn:after {
  content: '';
}

#popupOffersForm p,
#email_signup p {
  padding: 0;
  margin: 0;
}

#popupOffersForm p label,
#email_signup p label {
  display: none;
}

#popupOffersForm .hidden,
#email_signup .hidden {
  display: none;
}

#popupOffersForm .response,
#email_signup .response {
  color: #000;
  font-family: "din-bold",Arial,sans-serif;
  font-size: 17px;
  line-height: 1.1;
  font-weight: 400;
  padding: 0 0 24px 0;
  text-align: center;
}

#popupOffersForm .response h1,
#email_signup .response h1 {
  font-size: 24px;
  margin-bottom: 20px;
}

#popupOffersForm .success,
#email_signup .success {
  color: #000;
}

#popupOffersForm .fail,
#email_signup .fail {
  color: #d00;
  text-align: left;
  display: block;
}

#popupOffersForm .fail.hidden,
#email_signup .fail.hidden {
  display: none;
}

#footer-email-signup {
  background: #bdbec0;
  clear: both;
  padding: 42px 15px 30px 15px;
  position: relative;
  z-index: 1;
}

#footer-email-signup * {
  box-sizing: border-box;
}

#footer-email-signup #offersForm {
  margin: 0 auto;
  text-align: center;
  width: 100%;
}

@media screen and (min-width: 768px) {
  #footer-email-signup #offersForm {
    max-width: 768px;
  }
}

@media screen and (min-width: 960px) {
  #footer-email-signup #offersForm {
    max-width: 960px;
  }
}

#footer-email-signup #offersForm p {
  padding: 0;
  margin: 0;
}

#footer-email-signup #offersForm p label {
  display: none;
}

#footer-email-signup #offersForm .hidden {
  display: none;
}

#footer-email-signup #offersForm .form-row {
  display: inline-block;
}

#footer-email-signup #offersForm .response {
  color: #000;
  font-family: "din-bold",Arial,sans-serif;
  font-size: 17px;
  line-height: 1.1;
  font-weight: 400;
  padding: 0 0 24px 0;
  text-align: center;
}

#footer-email-signup #offersForm .response h1 {
  font-size: 24px;
  margin-bottom: 20px;
}

#footer-email-signup #offersForm .success {
  color: #000;
}

#footer-email-signup #offersForm .fail {
  color: #d00;
}

#footer-email-signup #offersForm .g-recaptcha {
  display: inline-block;
  vertical-align: middle;
}

#footer-email-signup #offersForm .form-col-button {
  float: none;
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

#footer-email-signup .mc-field-group {
  float: left;
}

@media screen and (min-width: 768px) and (max-width: 959px) {
  #footer-email-signup .mc-field-group {
    margin: 0 auto;
    width: auto;
  }
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  #footer-email-signup .mc-field-group {
    float: none;
    margin: 0 12px 12px 12px;
  }
}

#footer-email-signup .mc-field-group label {
  display: none;
}

#footer-email-signup .mc-field-group .form-row {
  max-width: 320px;
  position: relative;
  vertical-align: top;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
  #footer-email-signup .mc-field-group .form-row {
    max-width: none;
  }
}

@media screen and (min-width: 768px) and (max-width: 959px) {
  #footer-email-signup .mc-field-group .form-row {
    float: left;
  }
}

#footer-email-signup .vibram-select {
  margin: 0 !important;
  padding: 2px 6px !important;
  border: none;
}

#footer-email-signup .vibram-select:after {
  top: 7px;
}

#footer-email-signup .form-row {
  padding: 0 0 12px 0;
  margin: 0;
}

#footer-email-signup .form-row .form-caption {
  display: none;
}

@media screen and (min-width: 0px) and (max-width: 479px) {
  #footer-email-signup .form-row {
    padding: 0;
  }
}

#footer-email-signup .form-row.hidden {
  display: none;
}

#footer-email-signup .form-row .form-col {
  float: left;
  width: 18%;
  padding: 0 12px 0 0;
  position: relative;
}

@media screen and (min-width: 0px) and (max-width: 479px) {
  #footer-email-signup .form-row .form-col {
    width: 100%;
    padding: 0 0 12px 0;
  }
}

@media screen and (min-width: 480px) and (max-width: 959px) {
  #footer-email-signup .form-row .form-col {
    width: 50%;
    padding: 0 12px 12px 0;
  }

  #footer-email-signup .form-row .form-col:nth-child(2n) {
    padding-right: 0px;
  }
}

#footer-email-signup .form-row .form-col .form-input {
  width: 100%;
  background: #fff;
  max-width: none;
}

#footer-email-signup .form-row .form-col label {
  display: none;
}

#footer-email-signup .form-row .form-col-button {
  padding: 0;
  width: 10%;
}

@media screen and (min-width: 0px) and (max-width: 479px) {
  #footer-email-signup .form-row .form-col-button {
    width: 100%;
  }

  #footer-email-signup .form-row .form-col-button button {
    width: 100%;
  }
}

#footer-email-signup .form-row-hidden {
  display: block !important;
  padding: 0 0 0 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 1s;
}

#footer-email-signup .form-row-hidden.active {
  max-height: 500px;
}

#cookiepopup {
  background: #000;
  background: rgba(0,0,0,0.75);
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100000;
}

#cookiepopup p {
  color: #fff;
  font-family: "din-regular",Arial,sans-serif;
  font-size: 13px;
  margin: 0;
  padding: 24px 48px;
}

#cookiepopup p a {
  color: #fff;
  cursor: pointer;
  text-decoration: underline;
}

#cookiepopup p a:hover {
  text-decoration: none;
}

#cookieclose {
  color: #fff;
  height: 24px;
  width: 24px;
  position: absolute;
  top: 12px;
  right: 12px;
  display: block;
  font-family: "din-bold",Arial,sans-serif;
  font-size: 18px;
  text-align: center;
}

#cookieclose:hover {
  text-decoration: underline;
}

.swatch-gray a span {
  background-color: #efefef !important;
}

.unselectable.swatch-gray a span {
  background: url("../images/icon-color-swatch-unselectable.png") no-repeat scroll left top transparent;
  background-color: #efefef !important;
  background-size: cover !important;
}

.swatch-black a span {
  background-color: #000 !important;
}

.unselectable.swatch-black a span {
  background: url("../images/icon-color-swatch-unselectable.png") no-repeat scroll left top transparent;
  background-color: #000 !important;
  background-size: cover !important;
}

.swatch-beige a span {
  background-color: beige !important;
}

.unselectable.swatch-beige a span {
  background: url("../images/icon-color-swatch-unselectable.png") no-repeat scroll left top transparent;
  background-color: beige !important;
  background-size: cover !important;
}

.swatch-blue a span {
  background-color: blue !important;
}

.unselectable.swatch-blue a span {
  background: url("../images/icon-color-swatch-unselectable.png") no-repeat scroll left top transparent;
  background-color: blue !important;
  background-size: cover !important;
}

.swatch-purple a span {
  background-color: purple !important;
}

.unselectable.swatch-purple a span {
  background: url("../images/icon-color-swatch-unselectable.png") no-repeat scroll left top transparent;
  background-color: purple !important;
  background-size: cover !important;
}

.swatch-red a span {
  background-color: red !important;
}

.unselectable.swatch-red a span {
  background: url("../images/icon-color-swatch-unselectable.png") no-repeat scroll left top transparent;
  background-color: red !important;
  background-size: cover !important;
}

.swatch-brown a span {
  background-color: #783201 !important;
}

.unselectable.swatch-brown a span {
  background: url("../images/icon-color-swatch-unselectable.png") no-repeat scroll left top transparent;
  background-color: #783201 !important;
  background-size: cover !important;
}

.swatch-green a span {
  background-color: green !important;
}

.unselectable.swatch-green a span {
  background: url("../images/icon-color-swatch-unselectable.png") no-repeat scroll left top transparent;
  background-color: green !important;
  background-size: cover !important;
}

.swatch-grey a span {
  background-color: #8f979d !important;
}

.unselectable.swatch-grey a span {
  background: url("../images/icon-color-swatch-unselectable.png") no-repeat scroll left top transparent;
  background-color: #8f979d !important;
  background-size: cover !important;
}

.swatch-pink a span {
  background-color: #fe249a !important;
}

.unselectable.swatch-pink a span {
  background: url("../images/icon-color-swatch-unselectable.png") no-repeat scroll left top transparent;
  background-color: #fe249a !important;
  background-size: cover !important;
}

.swatch-orange a span {
  background-color: orange !important;
}

.unselectable.swatch-orange a span {
  background: url("../images/icon-color-swatch-unselectable.png") no-repeat scroll left top transparent;
  background-color: orange !important;
  background-size: cover !important;
}

.swatch-white a span {
  background-color: #fff !important;
}

.unselectable.swatch-white a span {
  background: url("../images/icon-color-swatch-unselectable.png") no-repeat scroll left top transparent;
  background-color: #fff !important;
  background-size: cover !important;
}

.swatch-yellow a span {
  background-color: #ff0 !important;
}

.unselectable.swatch-yellow a span {
  background: url("../images/icon-color-swatch-unselectable.png") no-repeat scroll left top transparent;
  background-color: #ff0 !important;
  background-size: cover !important;
}

.swatch-navy a span {
  background-color: navy !important;
}

.unselectable.swatch-navy a span {
  background: url("../images/icon-color-swatch-unselectable.png") no-repeat scroll left top transparent;
  background-color: navy !important;
  background-size: cover !important;
}

.swatch-panama_khaki a span {
  background-color: #d3c3b2 !important;
}

.unselectable.swatch-panama_khaki a span {
  background: url("../images/icon-color-swatch-unselectable.png") no-repeat scroll left top transparent;
  background-color: #d3c3b2 !important;
  background-size: cover !important;
}

.swatch-plum_wine a span {
  background-color: #691636 !important;
}

.unselectable.swatch-plum_wine a span {
  background: url("../images/icon-color-swatch-unselectable.png") no-repeat scroll left top transparent;
  background-color: #691636 !important;
  background-size: cover !important;
}

.swatch-rose_garden a span {
  background-color: #d6598d !important;
}

.unselectable.swatch-rose_garden a span {
  background: url("../images/icon-color-swatch-unselectable.png") no-repeat scroll left top transparent;
  background-color: #d6598d !important;
  background-size: cover !important;
}

.swatch-crocus a span {
  background-color: #b17bc4 !important;
}

.unselectable.swatch-crocus a span {
  background: url("../images/icon-color-swatch-unselectable.png") no-repeat scroll left top transparent;
  background-color: #b17bc4 !important;
  background-size: cover !important;
}

.swatch-zinc a span {
  background-color: #d0ced4 !important;
}

.unselectable.swatch-zinc a span {
  background: url("../images/icon-color-swatch-unselectable.png") no-repeat scroll left top transparent;
  background-color: #d0ced4 !important;
  background-size: cover !important;
}

.swatch-midnight_navy a span {
  background-color: #242834 !important;
}

.unselectable.swatch-midnight_navy a span {
  background: url("../images/icon-color-swatch-unselectable.png") no-repeat scroll left top transparent;
  background-color: #242834 !important;
  background-size: cover !important;
}

.swatch-chino a span {
  background-color: #e8d7c4 !important;
}

.unselectable.swatch-chino a span {
  background: url("../images/icon-color-swatch-unselectable.png") no-repeat scroll left top transparent;
  background-color: #e8d7c4 !important;
  background-size: cover !important;
}

.swatch-espresso a span {
  background-color: #2c1d1d !important;
}

.unselectable.swatch-espresso a span {
  background: url("../images/icon-color-swatch-unselectable.png") no-repeat scroll left top transparent;
  background-color: #2c1d1d !important;
  background-size: cover !important;
}

.swatch-miscellaneous a span {
  background: url("../images/icon-color-swatch-misc.png") no-repeat scroll left top transparent;
  background-size: cover !important;
}

.unselectable.swatch-miscellaneous a span {
  background: url("../images/icon-color-swatch-misc-unselectable.png") no-repeat scroll left top transparent !important;
  background-size: cover !important;
}

#main .product-tile {
  position: relative;
  border: 1px solid #fff;
}

#main .product-tile:hover {
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
}

#main .product-tile.noquickview:hover {
  border: 1px solid #fff;
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}

#main .product-tile .product-image {
  padding: 3px 0 0 0;
}

#main .product-tile .product-image img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  min-height: 161px;
}

#main .product-tile .product-image .thumb-link {
  padding: 0 12px 12px 12px;
  display: block;
}

#main .product-tile .product-name {
  color: #333;
  font-family: "din-bold",Arial,sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  padding: 4px 12px;
}

#main .product-tile .product-name a {
  display: block;
  color: #333;
}

#main .product-tile .product-name:hover a {
  text-decoration: underline;
}

#main .product-tile .product-pricing {
  color: #333;
  font-family: "din-regular",Arial,sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  padding: 4px 8px;
  min-height: 26px;
}

#main .product-tile .product-pricing .product-sales-price,
#main .product-tile .product-pricing .product-standard-price {
  color: #333;
}

#main .product-tile .product-pricing .product-standard-price {
  text-decoration: line-through;
}

#main .product-tile .product-pricing .product-standard-price+.product-sales-price {
  color: #e70000;
}

#main .product-tile .product-pricing span.product-sales-price.blackDiscountPrice {
  color: black;
}

#main .product-tile .product-pricing .price-badge {
  display: inline-block;
  color: #333;
  font-family: "din-bold",Arial,sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
  background: #dfdfdf;
  margin: 0 0 0 0;
  padding: 3px 4px 4px 4px;
}

#main .product-tile .product-swatches {
  width: 100%;
  padding: 4px 8px;
  text-align: center;
  position: relative;
}

#main .product-tile .product-swatches li {
  display: inline-block;
  width: 26px;
  height: 26px;
}

#main .product-tile .product-swatches li a {
  background: #fff;
  box-sizing: content-box;
  display: block;
  width: 19px;
  height: 19px;
  border: 3px solid #fff;
  padding: 1px;
}

#main .product-tile .product-swatches li a span {
  display: block;
  height: 19px;
  width: 19px;
}

#main .product-tile .product-swatches li a span.swatch-has-image img {
  max-width: 100%;
  display: block;
}

#main .product-tile .product-swatches li a.selected {
  border-color: #fed22b;
}

#main .product-tile .product-swatches li.swatch-white a {
  background: #ccc;
}

#main .product-tile .product-swatches li.unselectable {
  cursor: not-allowed;
}

#main .product-tile .product-swatches li.unselectable a {
  cursor: not-allowed;
  background: #ccc;
}

#main .product-tile .product-swatches .product-swatches-all {
  color: #000;
  font-size: 13px;
  font-family: "din-regular",Arial,sans-serif;
  font-weight: 400;
  line-height: 1.3;
  cursor: pointer;
  text-decoration: underline;
}

#main .product-tile .product-swatches .product-swatches-all:hover {
  text-decoration: none;
}

#main .product-tile .product-swatches .swatch-toggle {
  display: none;
  background: #eee;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
  width: 100%;
  padding: 12px;
  position: relative;
  margin: 12px 0;
}

#main .product-tile .product-swatches .swatch-toggle.active {
  display: block;
}

#main .product-tile .product-swatches .swatch-toggle li {
  width: 45px;
  height: 48px;
}

#main .product-tile .product-swatches .swatch-toggle li a {
  width: 36px;
  height: 36px;
  padding: 3px;
  border: 1px solid #ccc;
}

#main .product-tile .product-swatches .swatch-toggle li a.selected {
  border-color: #fed22b;
  background: #fed22b;
}

#main .product-tile .product-swatches .swatch-toggle li a span {
  height: 36px;
  width: 36px;
}

#main .product-tile .product-swatches .swatch-toggle li.unselectable {
  cursor: not-allowed;
}

#main .product-tile .product-swatches .swatch-toggle li.unselectable a {
  cursor: not-allowed;
  background: #eee;
}

#main .product-tile .product-swatches .swatch-toggle li.swatch-white a {
  background: #fff;
}

#main .product-tile .product-swatches .swatch-toggle li.swatch-white a.selected {
  border-color: #fed22b;
  background: #fed22b;
}

#main .product-tile .product-swatches .swatch-toggle li.swatch-white.unselectable a {
  background: #eee;
}

#main .product-tile .grid-product-review {
  text-align: center;
}

#main .product-tile .grid-product-review .p-w-r {
  text-align: center;
}

#main .product-tile .grid-product-review .p-w-r .pr-category-snippet__item {
  display: block;
}

#main .product-tile .grid-product-review .p-w-r .pr-category-snippet__item .pr-star-v4,
#main .product-tile .grid-product-review .p-w-r .pr-category-snippet__item .pr-star-v4-0-filled,
#main .product-tile .grid-product-review .p-w-r .pr-category-snippet__item .pr-star-v4-25-filled,
#main .product-tile .grid-product-review .p-w-r .pr-category-snippet__item .pr-star-v4-50-filled,
#main .product-tile .grid-product-review .p-w-r .pr-category-snippet__item .pr-star-v4-75-filled,
#main .product-tile .grid-product-review .p-w-r .pr-category-snippet__item .pr-star-v4-100-filled,
#main .product-tile .grid-product-review .p-w-r .pr-category-snippet__item .pr-star-accessible-0-filled,
#main .product-tile .grid-product-review .p-w-r .pr-category-snippet__item .pr-star-accessible-25-filled,
#main .product-tile .grid-product-review .p-w-r .pr-category-snippet__item .pr-star-accessible-50-filled,
#main .product-tile .grid-product-review .p-w-r .pr-category-snippet__item .pr-star-accessible-75-filled,
#main .product-tile .grid-product-review .p-w-r .pr-category-snippet__item .pr-star-accessible-100-filled,
#main .product-tile .grid-product-review .p-w-r .pr-category-snippet__item .pr-star,
#main .product-tile .grid-product-review .p-w-r .pr-category-snippet__item .pr-star-selected,
#main .product-tile .grid-product-review .p-w-r .pr-category-snippet__item .pr-star-half {
  width: 15px;
  height: 15px;
}

#main .product-tile .grid-product-review .p-w-r .pr-snippet-rating-decimal {
  display: none;
}

#main .product-tile .grid-product-review .p-w-r .pr-category-snippet__total {
  display: block;
  padding: 0;
  font-size: 12px;
  line-height: 1.5em;
}

#main .product-tile .product-promo .promotional-message {
  background: #f6f6f6;
  color: #000;
  font-family: "din-regular",Arial,sans-serif;
  font-weight: 400;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 1.2;
  padding: 8px 16px;
  text-align: center;
  margin: 0 0 2px 0;
}

#main .product-tile .product-promo .promotional-message:first-child {
  margin-top: 9px;
}

#main .product-tile .product-promo .promotional-message:last-child {
  margin-bottom: 0;
}

#main .hide-shop .product-tile .product-pricing,
#main .hide-shop .product-tile .product-swatches,
#main .hide-shop .product-tile .product-promo {
  display: none;
}

#main .hide-shop .product-tile:hover {
  border-color: #fff;
  box-shadow: none;
}

#main .hide-shop .product-tile:hover .product-name a {
  text-decoration: underline;
}

.search-result-content p.additional-content {
  margin-bottom: 12px;
}

.search-result-content .tiles-container {
  margin: 0 -2px;
  padding: 0 0 0 0;
  list-style: none;
}

.search-result-content .tiles-container .grid-tile {
  margin: 0 auto;
  padding: 0 2px 8px 2px;
  width: 100%;
  max-width: 340px;
}

@media screen and (min-width: 420px) {
  .search-result-content .tiles-container .grid-tile {
    float: left;
  }
}

.search-result-content .tiles-container .non-shop-tile {
  padding: 10px 25px 25px 25px;
  text-align: center;
}

.search-result-content .tiles-container .non-shop-tile img {
  max-width: 100%;
}

.search-result-content .tiles-container .non-shop-tile a {
  display: block;
}

.search-result-content .tiles-container .non-shop-tile h4 {
  color: #000;
  text-align: center;
  font: normal 14px "din-bold",Arial,sans-serif;
  margin: 10px 0 10px 0;
  text-transform: capitalize;
}

.search-result-content .tiles-container .non-shop-tile p {
  color: #000;
  text-align: center;
  font: normal 14px "din-regular",Arial,sans-serif;
  margin: 10px 0;
}

.search-result-content .tiles-container .non-shop-tile:hover h4 {
  text-decoration: underline;
}

@media screen and (min-width: 420px) {
  .search-result-content.three-grid .tiles-container .grid-tile {
    width: 50%;
  }
}

@media screen and (min-width: 600px) {
  .search-result-content.three-grid .tiles-container .grid-tile {
    width: 33.3333%;
  }
}

@media screen and (min-width: 768px) {
  .search-result-content.three-grid .tiles-container .grid-tile {
    width: 50%;
  }
}

@media screen and (min-width: 960px) {
  .search-result-content.three-grid .tiles-container .grid-tile {
    width: 33.3333%;
  }
}

@media screen and (min-width: 420px) {
  .search-result-content.three-grid .tiles-container .new-row {
    clear: none;
  }
}

@media screen and (min-width: 600px) {
  .search-result-content.three-grid .tiles-container .new-row {
    clear: left;
  }
}

@media screen and (min-width: 768px) {
  .search-result-content.three-grid .tiles-container .new-row {
    clear: none;
  }
}

@media screen and (min-width: 960px) {
  .search-result-content.three-grid .tiles-container .new-row {
    clear: left;
  }
}

@media screen and (min-width: 420px) {
  .search-result-content.three-grid .tiles-container .new-two-row {
    clear: left;
  }
}

@media screen and (min-width: 600px) {
  .search-result-content.three-grid .tiles-container .new-two-row {
    clear: none;
  }
}

@media screen and (min-width: 768px) {
  .search-result-content.three-grid .tiles-container .new-two-row {
    clear: left;
  }
}

@media screen and (min-width: 960px) {
  .search-result-content.three-grid .tiles-container .new-two-row {
    clear: none;
  }
}

@media screen and (min-width: 420px) {
  .search-result-content.three-grid .tiles-container .new-row.new-two-row {
    clear: none;
  }
}

@media screen and (min-width: 600px) {
  .search-result-content.three-grid .tiles-container .new-row.new-two-row {
    clear: left;
  }
}

@media screen and (min-width: 768px) {
  .search-result-content.three-grid .tiles-container .new-row.new-two-row {
    clear: none;
  }
}

@media screen and (min-width: 960px) {
  .search-result-content.three-grid .tiles-container .new-row.new-two-row {
    clear: left;
  }
}

@media screen and (min-width: 420px) {
  .search-result-content.two-grid .tiles-container .grid-tile {
    width: 50%;
  }
}

@media screen and (min-width: 420px) {
  .search-result-content.two-grid .tiles-container .new-two-row {
    clear: left;
  }
}

.search-results-content .news {
  padding-top: 25px;
  background: transparent;
}

.search-results-content .news .newsArticleWell {
  margin-top: 0px;
}

@media screen and (min-width: 960px) {
  .search-results-content .news .newsArticleWell h2 {
    font-size: 46px;
    line-height: 1.2;
  }
}

.search-results-content .news .newsArticleWell h3 {
  padding-bottom: 0;
  margin-bottom: 0;
}

@media screen and (min-width: 960px) {
  .search-results-content .news .newsArticleWell h3 {
    font-size: 22px;
    line-height: 1.2;
  }
}

.search-results-content .news .newsArticleWell .newsArticles li {
  background: #E6E7E9;
}

.search-results-content .news .newsArticleWell .newsArticles li a {
  padding: 20px;
}

.search-results-content .form-row {
  text-align: left !important;
}

.back-link {
  color: #000;
  font-family: "din-regular",Arial,sans-serif;
  font-size: 14px;
  line-height: 1.3;
  font-weight: 400;
  margin: 16px 0 0 0;
  display: inline-block;
}

.back-link a {
  color: #000;
}

.back-link a span {
  text-decoration: underline;
}

.back-link a span:hover {
  text-decoration: none;
}

.pt_product-search-result p.title-hdr {
  padding: 6px 0 0 0;
}

.no-hits-header .no-hits-msg {
  background: #ffea8e;
  color: #000;
  font-family: "din-regular",Arial,sans-serif;
  font-size: 24px;
  line-height: 1.3;
  font-weight: 400;
  margin: 20px 0;
  padding: 12px 18px;
}

.no-hits-header .no-hits-msg .no-hits-search-term {
  font-family: "din-bold",Arial,sans-serif;
}

.no-hits-search label {
  font-family: "din-medium",Arial,sans-serif;
  color: #000;
}

.no-hits-search input {
  width: 70%;
  float: left;
}

@media screen and (min-width: 480px) {
  .no-hits-search input {
    width: 80%;
  }
}

@media screen and (min-width: 768px) {
  .no-hits-search input {
    width: 80%;
  }
}

@media screen and (min-width: 960px) {
  .no-hits-search input {
    width: 85%;
  }
}

.no-hits-search button {
  width: 25%;
  float: right;
  padding-top: 16px;
  padding-bottom: 17px;
}

@media screen and (min-width: 480px) {
  .no-hits-search button {
    width: 15%;
  }
}

@media screen and (min-width: 768px) {
  .no-hits-search button {
    width: 15%;
  }
}

@media screen and (min-width: 960px) {
  .no-hits-search button {
    width: 10%;
  }
}

.no-hits-search button:after {
  top: 12px;
}

.no-hits-suggest,
.no-hits-content-results {
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  padding: 20px 20px 18px 20px;
  margin: 20px 0;
  color: #666;
  font-family: "din-regular",Arial,sans-serif;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 400;
}

.no-hits-suggest a,
.no-hits-content-results a {
  color: #000;
  text-decoration: underline;
}

.no-hits-suggest a:hover,
.no-hits-content-results a:hover {
  text-decoration: none;
}

.no-hits-suggest {
  border-top: none;
  padding-top: 0;
}

.no-hits-footer .content-asset ul li,
.no-hits-footer .content-asset ol li,
.no-hits-footer .content-asset p,
.no-hits-help .content-asset ul li,
.no-hits-help .content-asset ol li,
.no-hits-help .content-asset p {
  color: #666;
  font-family: "din-regular",Arial,sans-serif;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 400;
}

.no-hits-footer .content-asset p,
.no-hits-help .content-asset p {
  color: #000;
  font-family: "din-bold",Arial,sans-serif;
  font-size: 23px;
}

.no-hits-footer {
  padding: 24px 0;
}

.no-hits-footer .content-asset p {
  font-family: "din-regular",Arial,sans-serif;
  font-size: 18px;
  color: #666;
}

.no-hits-footer .content-asset p a {
  font-family: "din-regular",Arial,sans-serif;
  text-decoration: underline;
}

.no-hits-footer .content-asset p a:hover {
  text-decoration: none;
}

.no-hits-footer .content-asset p strong {
  font-family: "din-bold",Arial,sans-serif;
  font-size: 23px;
  color: #000;
}

.search-result-bookmarks {
  margin: 0 0 0 0;
  padding: 0 0 15px 0;
  font-family: "din-regular",Arial,sans-serif;
  font-weight: 400;
  line-height: 1.3;
  font-size: 15px;
  color: #000;
  text-align: left;
}

.search-result-bookmarks a {
  color: #000;
  text-decoration: underline;
  padding: 0 5px;
}

.search-result-bookmarks a:hover {
  text-decoration: none;
}

.search-result-bookmarks .first {
  border-right: 1px solid #000;
}

h2#results-content,
h2#results-products {
  font-size: 35px;
  width: 100%;
  padding-top: 15px;
  border-bottom: 4px solid #d2d3d5;
  margin: 0px !important;
}

.page-list {
  margin: 24px 0 !important;
  padding: 12px 0;
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
}

.pagination {
  text-align: right;
  margin: 0;
}

.pagination .results-hits {
  text-align: left;
  padding-bottom: 16px;
}

@media screen and (min-width: 768px) {
  .pagination .results-hits {
    display: inline-block;
    height: 41px;
    line-height: 41px;
    vertical-align: top;
    padding-right: 16px;
    padding-bottom: 0px;
    text-align: right;
  }
}

.pagination ul {
  display: block;
  text-align: center;
  margin-right: 0;
  padding-bottom: 10px;
}

@media screen and (min-width: 768px) {
  .pagination ul {
    display: inline-block;
    text-align: left;
    padding-bottom: 0px;
  }
}

.pagination ul li {
  display: inline;
  list-style: none;
  float: none;
  display: inline-block;
  padding: 0;
  float: left;
  margin: 0 5px 0 0;
}

@media screen and (min-width: 480px) {
  .pagination ul li {
    margin: 0 0 0 5px;
  }
}

.pagination ul li span {
  display: none;
}

@media screen and (min-width: 480px) {
  .pagination ul li span {
    display: inline;
  }
}

.pagination ul li a {
  display: block;
  font-weight: 400;
  font-size: 15px;
  font-family: "din-bold",Arial,sans-serif;
  transition: background 0.2s ease-in;
  padding: 10px 15px;
  background: #7f7f7f;
  color: #fff;
}

@media screen and (min-width: 480px) {
  .pagination ul li a {
    font-size: 20px;
  }
}

.pagination ul li a:hover {
  background: #fed22b;
}

.pagination ul li a.page-previous {
  padding: 10px;
}

@media screen and (min-width: 480px) {
  .pagination ul li a.page-previous {
    padding: 10px 15px 10px 6px;
  }
}

.pagination ul li a.page-next {
  padding: 10px;
}

@media screen and (min-width: 480px) {
  .pagination ul li a.page-next {
    padding: 10px 6px 10px 15px;
  }
}

.pagination ul li.current-page {
  display: block;
  font-weight: 400;
  font-size: 15px;
  font-family: "din-bold",Arial,sans-serif;
  transition: background 0.2s ease-in;
  padding: 10px 15px;
  background: #000;
  color: #fff;
}

.pagination ul li.current-page:hover {
  background: #000;
}

@media screen and (min-width: 480px) {
  .pagination ul li.current-page {
    font-size: 20px;
  }
}

.folder-content-list {
  margin: 0;
  overflow: hidden;
  padding: 0 20px;
}

.folder-content-list li {
  float: left;
  list-style: none outside none;
  margin: 0;
  padding: 2% 2% 2% 0;
  width: 48%;
}

.folder-content-list .content-title {
  display: block;
}

.no-results {
  padding: 20px 0;
  font-family: "din-regular",Arial,sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
}

.toggle-grid {
  display: block;
  float: left;
  margin-right: 0.5em;
}

.toggle-grid i {
  cursor: pointer;
  margin-right: 0.3em;
}

.toggle-grid [data-option="column"] {
  color: #00a4e4;
}

.toggle-grid.wide [data-option="wide"] {
  color: #00a4e4;
}

.toggle-grid.wide [data-option="column"] {
  color: #666;
}

.no_orders {
  text-align: center;
  padding: 24px 0;
}

.no_orders p {
  font-family: "din-regular",Arial,sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 1.3;
  padding: 0 0 16px 0;
}

.pt_product-search-result .slot-wrapper {
  border-top: 12px solid #fff;
  border-bottom: 12px solid #fff;
}

.pt_product-search-result .homepage_slider_wrapper {
  border: none;
}

@media screen and (max-width: 959px) {
  .pt_product-search-result .homepage_slider {
    position: relative;
    min-height: 385px;
  }
}

@media screen and (max-width: 400px) {
  .pt_product-search-result .homepage_slider {
    min-height: 250px;
  }
}

@media screen and (max-width: 959px) {
  .pt_product-search-result .homepage_slider .carousel-slide {
    min-height: 385px;
  }
}

@media screen and (max-width: 400px) {
  .pt_product-search-result .homepage_slider .carousel-slide {
    min-height: 250px;
  }
}

.pt_product-search-result .homepage_slider .carousel-slide h2 {
  font-size: 26px;
}

.pt_product-search-result .homepage_slider .carousel-slide p {
  font-size: 18px;
}

.pt_product-search-result .homepage_slider .carousel-slide ul {
  padding: 2% 0 0 0;
}

.pt_product-search-result .homepage_slider .carousel-slide ul li {
  padding: 0 8px;
}

@media screen and (max-width: 767px) {
  .pt_product-search-result .homepage_slider .carousel-slide ul li {
    margin-bottom: 8px;
  }
}

.pt_product-search-result .homepage_slider .carousel-slide ul li a {
  font-size: 12px;
  padding: 8px 14px;
}

@media screen and (max-width: 959px) {
  .pt_product-search-result .homepage_slider .slide-content {
    padding: 0 20px;
  }

  .pt_product-search-result .homepage_slider .slide-content h2 {
    padding-bottom: 8px;
    font-size: 20px;
  }

  .pt_product-search-result .homepage_slider .slide-content p {
    padding-bottom: 4px;
    font-size: 14px;
  }
}

@media screen and (max-width: 479px) {
  .pt_product-search-result .homepage_slider .slide-content ul li a {
    font-size: 11px;
  }
}

@media screen and (min-width: 1440px) {
  .pt_product-search-result .homepage_slider .slide-content h2 {
    font-size: 34px;
  }

  .pt_product-search-result .homepage_slider .slide-content p {
    font-size: 23px;
  }
}

@media screen and (min-width: 960px) {
  .pt_product-search-result .homepage_slider .slide-center h2 {
    top: 10%;
  }
}

@media screen and (min-width: 960px) {
  .pt_product-search-result .homepage_slider .slide-center .slide-details {
    bottom: 10%;
  }
}

.pt_product-search-result .flex-control-paging li a {
  width: 10px;
  height: 10px;
}

.pt_product-search-result .flex-direction-nav a:before {
  font-size: 30px;
}

.pt_product-search-result .flex-direction-nav .flex-prev {
  left: 0px;
}

.pt_product-search-result .flex-direction-nav .flex-next {
  right: 0px;
}

.pt_product-search-result h1+.slot {
  margin-top: 12px;
}

#content_tabs_wrapper {
  margin-top: 12px;
  position: relative;
  z-index: 1;
}

#content_tabs {
  overflow: hidden;
  position: absolute;
  top: 0px;
  -ms-touch-action: pan-y !important;
  min-height: 100%;
  height: 100% !important;
  width: 100%;
}

#content_tabs .tabs {
  width: 100%;
  height: auto;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

#content_tabs .tabs>li {
  width: 100%;
  height: auto;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  list-style: none;
  display: none;
}

#content_tabs .tabs>li.active {
  display: block;
}

#content_tabs .content-tab {
  position: absolute;
  display: block;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
  background-repeat: no-repeat;
  background-size: 0 0;
}

#content_tabs .content-tab h2 {
  color: #fff;
  font-family: "din-black",Arial,sans-serif;
  font-size: 42px;
  line-height: 1.2;
  text-transform: uppercase;
  text-shadow: 0px 0px 10px rgba(0,0,0,0.7);
}

#content_tabs .content-tab p {
  color: #fff;
  font-family: "din-black",Arial,sans-serif;
  font-size: 29px;
  line-height: 1.2;
  text-transform: uppercase;
  text-shadow: 0px 0px 10px rgba(0,0,0,0.7);
}

#content_tabs .content-tab ul {
  display: inline-block;
  margin: 0 0 0 0;
  padding: 2% 0 0 0;
}

#content_tabs .content-tab ul li {
  margin: 0 0 0 0;
  padding: 0 12px;
  list-style: none;
  display: inline-block;
}

@media screen and (max-width: 767px) {
  #content_tabs .content-tab ul li {
    width: 100%;
    display: block;
    margin-bottom: 12px;
    max-width: 320px;
  }
}

#content_tabs .tab-details p img {
  max-width: 100%;
}

#content_tabs .tab-content {
  width: 100%;
}

@media screen and (max-width: 959px) {
  #content_tabs .tab-content {
    padding: 0 20px;
  }

  #content_tabs .tab-content h2 {
    padding-bottom: 8px;
    font-size: 20px;
  }

  #content_tabs .tab-content p {
    padding-bottom: 4px;
    font-size: 14px;
  }
}

@media screen and (max-width: 479px) {
  #content_tabs .tab-content ul li a {
    font-size: 11px;
  }
}

@media screen and (min-width: 1440px) {
  #content_tabs .tab-content h2 {
    font-size: 34px;
  }

  #content_tabs .tab-content p {
    font-size: 23px;
  }
}

#content_tabs .tab-content iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

#content-tab-links {
  position: relative;
  z-index: 2;
}

#content-tab-links li {
  width: 33.33334%;
  float: left;
  display: block;
  position: relative;
}

#content-tab-links li a {
  background: #000;
  color: #fff;
  font-family: "din-bold",Arial,sans-serif;
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
  display: block;
  padding: 12px 0;
  text-align: center;
}

@media screen and (min-width: 960px) {
  #content-tab-links li a {
    font-family: "din-black",Arial,sans-serif;
    font-size: 16px;
  }
}

#content-tab-links li a:hover {
  background: #f8c804;
  color: #000;
}

#content-tab-links li.active:after {
  content: '\e80e';
  display: block;
  font-family: 'vibram';
  height: 24px;
  width: 24px;
  font-size: 38px;
  overflow: hidden;
  position: absolute;
  top: -24px;
  left: 50%;
  margin-left: -12px;
  color: #f8c804;
}

#content-tab-links li.active a {
  background: #f8c804;
  color: #000;
}

#content-tab-links.tabs-two li {
  width: 50%;
}

.content-tab-bg,
.content_tabs_placeholder {
  display: block;
  width: 100%;
  height: auto !important;
}

.content-tab-bg {
  float: left;
  visibility: hidden;
}

.tab-image .tab-details h2 {
  position: absolute;
  top: 6%;
  left: 0;
  width: 100%;
  padding: 0 12px;
}

.tab-image .tab-details p {
  position: absolute;
  bottom: 6%;
  left: 0;
  width: 100%;
  padding: 0 12px;
}

.tab-image .content-tab-bg {
  visibility: visible;
}

.infinite-scroll .search-result-content .infinite-scroll-loading {
  text-align: center;
  background: url("../images/infinite-loading-indicator.gif") center no-repeat;
  height: 35px;
  width: 100%;
}

.disable-infinite-scroll .search-result-content .page-element {
  display: none;
}

.compare-items {
  clear: both;
  margin: 3.5em 2em 0;
  overflow: hidden;
  padding: 0 1em 1em;
}

.compare-items h2 {
  font-size: 0.9em;
  margin: 0.5em 0;
  text-transform: uppercase;
}

.compare-items-panel {
  float: left;
}

.compare-item {
  background-color: #e0e0e0;
  float: left;
  height: 55px;
  margin-right: 13px;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 55px;
}

.compare-item .compare-item-remove {
  background-color: #00a4e4;
  color: #fff;
  cursor: pointer;
  display: none;
  padding: 0 3px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.compare-item.active .compare-item-remove {
  display: block;
}

.compare-item .compare-item-number {
  color: #ccc;
  font-size: 3em;
  margin-top: 6px;
}

.compare-item-image {
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.compare-buttons {
  float: left;
  padding: 0.7em 0 0;
}

.compare-print {
  float: right;
  margin: 0 0 10px;
}

.category-switch {
  margin-bottom: 2em;
}

.category-switch label {
  float: left;
  margin: 0;
  width: 45%;
}

@media (min-width: 410px) {
  .category-switch label {
    width: 11em;
  }
}

.category-switch select {
  float: left;
  margin: 0;
  width: 55%;
}

@media (min-width: 410px) {
  .category-switch select {
    margin-left: 1em;
    width: 15em;
  }
}

#compare-table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}

#compare-table a:hover {
  text-decoration: underline;
}

#compare-table .attribute-row {
  border-bottom: 1px solid #ccc;
}

#compare-table .attribute-row:first-of-type {
  border-top: 1px solid #ccc;
}

#compare-table .attribute-row:last-of-type {
  border-bottom: none;
}

#compare-table .attribute-row:nth-child(2n) {
  background-color: #efefef;
}

#compare-table .product-attribute {
  border-right: 1px solid #ccc;
}

#compare-table .action {
  display: block;
  padding: 0.2em 0;
}

#compare-table .value,
#compare-table .product {
  border-left: 1px solid #ccc;
}

#compare-table .product {
  font-weight: normal;
  text-align: center;
}

#compare-table .value .value-item:after {
  content: ', ';
}

#compare-table .value .value-item:last-child:after {
  content: '';
}

#compare-table .product-tile .swatch-list {
  display: inline-block;
}

#compare-table .product-image {
  height: auto;
}

#compare-table .product-image img {
  height: auto;
}

#compare-table .section-header {
  font-size: 0.9em;
  padding: 1em;
  text-transform: none;
}

#compare-table .selectcategory label {
  display: block;
  font-size: 0.9em;
  margin: 1em 0;
  text-transform: none;
}

#compare-table .selectcategory select {
  margin: 0;
  width: 100px;
}

#compare-table .comparelists {
  padding: 0;
}

#compare-table .compare-lists label,
#compare-table .compare-lists select {
  float: none;
  text-align: left;
  width: 100%;
}

#product-nav-container {
  display: none;
}

.discountPercentage {
  text-align: center;
  color: black;
  margin-top: 1%;
  font-weight: 600;
  font-size: 0.85rem;
}

#bonus-product-list.pdp-main,
#QuickViewDialog .pdp-main,
#main .primary-content .pdp-main,
.nonshop-content .pdp-main {
  padding: 16px;
}

@media screen and (min-width: 960px) {
  #bonus-product-list.pdp-main,
  #QuickViewDialog .pdp-main,
  #main .primary-content .pdp-main,
  .nonshop-content .pdp-main {
    padding: 0 32px 16px 32px;
  }
}

#bonus-product-list.pdp-main h1.product-name,
#QuickViewDialog .pdp-main h1.product-name,
#main .primary-content .pdp-main h1.product-name,
.nonshop-content .pdp-main h1.product-name {
  margin: 0 0 0 0;
  padding: 0 0 16px 0;
  width: 100%;
  font-size: 20px;
}

@media screen and (min-width: 600px) {
  #bonus-product-list.pdp-main h1.product-name,
  #QuickViewDialog .pdp-main h1.product-name,
  #main .primary-content .pdp-main h1.product-name,
  .nonshop-content .pdp-main h1.product-name {
    float: right;
    margin: 0 0 0 5.3%;
    padding: 0 0 0 0;
    width: 44.7%;
  }
}

@media screen and (min-width: 480px) {
  #bonus-product-list.pdp-main h1.product-name,
  #QuickViewDialog .pdp-main h1.product-name,
  #main .primary-content .pdp-main h1.product-name,
  .nonshop-content .pdp-main h1.product-name {
    font-size: 25px;
  }
}

@media screen and (min-width: 768px) {
  #bonus-product-list.pdp-main h1.product-name,
  #QuickViewDialog .pdp-main h1.product-name,
  #main .primary-content .pdp-main h1.product-name,
  .nonshop-content .pdp-main h1.product-name {
    font-size: 30px;
  }
}

#bonus-product-list.pdp-main h2.product-name,
#QuickViewDialog .pdp-main h2.product-name,
#main .primary-content .pdp-main h2.product-name,
.nonshop-content .pdp-main h2.product-name {
  margin: 0 0 0 0;
  padding: 0 0 4px 0;
  width: 100%;
  font-size: 16px;
  font-family: "din-bold",Arial,sans-serif;
  text-transform: uppercase;
}

#bonus-product-list.pdp-main .promotion,
#QuickViewDialog .pdp-main .promotion,
#main .primary-content .pdp-main .promotion,
.nonshop-content .pdp-main .promotion {
  background: #ffea8e;
  color: #000;
  font-family: "din-regular",Arial,sans-serif;
  font-weight: 400;
  margin: 4px 0 8px 0;
  padding: 8px;
  line-height: 1.2;
}

#bonus-product-list.pdp-main .promotion .promotion-title,
#QuickViewDialog .pdp-main .promotion .promotion-title,
#main .primary-content .pdp-main .promotion .promotion-title,
.nonshop-content .pdp-main .promotion .promotion-title {
  font-family: "din-medium",Arial,sans-serif;
  font-size: 12px;
  padding: 0 0 4px 0;
}

#bonus-product-list.pdp-main .promotion .promotion-callout,
#QuickViewDialog .pdp-main .promotion .promotion-callout,
#main .primary-content .pdp-main .promotion .promotion-callout,
.nonshop-content .pdp-main .promotion .promotion-callout {
  font-size: 12px;
  padding: 8px 0 4px 0;
  margin: 4px 0 0 0;
  border-top: 1px solid #777;
}

#bonus-product-list.pdp-main .promotion .promotion-callout a,
#QuickViewDialog .pdp-main .promotion .promotion-callout a,
#main .primary-content .pdp-main .promotion .promotion-callout a,
.nonshop-content .pdp-main .promotion .promotion-callout a {
  color: #000;
  text-decoration: underline;
}

#bonus-product-list.pdp-main .promotion .promotion-callout a:hover,
#QuickViewDialog .pdp-main .promotion .promotion-callout a:hover,
#main .primary-content .pdp-main .promotion .promotion-callout a:hover,
.nonshop-content .pdp-main .promotion .promotion-callout a:hover {
  text-decoration: none;
}

#bonus-product-list.pdp-main .promotion .promotion-callout.first,
#QuickViewDialog .pdp-main .promotion .promotion-callout.first,
#main .primary-content .pdp-main .promotion .promotion-callout.first,
.nonshop-content .pdp-main .promotion .promotion-callout.first {
  border-top: none;
}

#bonus-product-list.pdp-main .promotion .tooltip,
#QuickViewDialog .pdp-main .promotion .tooltip,
#main .primary-content .pdp-main .promotion .tooltip,
.nonshop-content .pdp-main .promotion .tooltip {
  font-family: "din-bold",Arial,sans-serif;
  text-decoration: underline;
}

#bonus-product-list.pdp-main .promotion .tooltip:hover,
#QuickViewDialog .pdp-main .promotion .tooltip:hover,
#main .primary-content .pdp-main .promotion .tooltip:hover,
.nonshop-content .pdp-main .promotion .tooltip:hover {
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  #bonus-product-list.pdp-main .promotion .tooltip,
  #QuickViewDialog .pdp-main .promotion .tooltip,
  #main .primary-content .pdp-main .promotion .tooltip,
  .nonshop-content .pdp-main .promotion .tooltip {
    display: block !important;
  }

  #bonus-product-list.pdp-main .promotion .tooltip.activeTip,
  #QuickViewDialog .pdp-main .promotion .tooltip.activeTip,
  #main .primary-content .pdp-main .promotion .tooltip.activeTip,
  .nonshop-content .pdp-main .promotion .tooltip.activeTip {
    text-decoration: none !important;
    color: #ffea8e;
  }

  #bonus-product-list.pdp-main .promotion .tooltip.activeTip .tooltip-content,
  #QuickViewDialog .pdp-main .promotion .tooltip.activeTip .tooltip-content,
  #main .primary-content .pdp-main .promotion .tooltip.activeTip .tooltip-content,
  .nonshop-content .pdp-main .promotion .tooltip.activeTip .tooltip-content {
    color: #000;
    display: block !important;
    font-family: "din-regular",Arial,sans-serif;
    border: 1px solid #000;
    padding: 10px;
    text-decoration: none !important;
  }
}

#bonus-product-list.pdp-main .product-image-wrapper,
#QuickViewDialog .pdp-main .product-image-wrapper,
#main .primary-content .pdp-main .product-image-wrapper,
.nonshop-content .pdp-main .product-image-wrapper {
  text-align: center;
  margin: 0 auto;
  padding: 0 0 16px 0;
  max-width: 500px;
}

@media screen and (min-width: 600px) {
  #bonus-product-list.pdp-main .product-image-wrapper,
  #QuickViewDialog .pdp-main .product-image-wrapper,
  #main .primary-content .pdp-main .product-image-wrapper,
  .nonshop-content .pdp-main .product-image-wrapper {
    float: left;
    width: 50%;
    padding: 0 0 0 0;
    max-width: none;
  }
}

#bonus-product-list.pdp-main .product-image-wrapper .product-primary-image .main-image,
#QuickViewDialog .pdp-main .product-image-wrapper .product-primary-image .main-image,
#main .primary-content .pdp-main .product-image-wrapper .product-primary-image .main-image,
.nonshop-content .pdp-main .product-image-wrapper .product-primary-image .main-image {
  border: 1px solid #ccc;
  display: block;
}

#bonus-product-list.pdp-main .product-image-wrapper .product-primary-image img,
#QuickViewDialog .pdp-main .product-image-wrapper .product-primary-image img,
#main .primary-content .pdp-main .product-image-wrapper .product-primary-image img,
.nonshop-content .pdp-main .product-image-wrapper .product-primary-image img {
  display: block;
  max-width: 100%;
}

#bonus-product-list.pdp-main .product-image-wrapper .product-thumbnails h2,
#QuickViewDialog .pdp-main .product-image-wrapper .product-thumbnails h2,
#main .primary-content .pdp-main .product-image-wrapper .product-thumbnails h2,
.nonshop-content .pdp-main .product-image-wrapper .product-thumbnails h2 {
  display: none;
}

#bonus-product-list.pdp-main .product-image-wrapper .product-thumbnails ul,
#QuickViewDialog .pdp-main .product-image-wrapper .product-thumbnails ul,
#main .primary-content .pdp-main .product-image-wrapper .product-thumbnails ul,
.nonshop-content .pdp-main .product-image-wrapper .product-thumbnails ul {
  margin: 5px 0 0 0;
}

#bonus-product-list.pdp-main .product-image-wrapper .product-thumbnails ul li,
#QuickViewDialog .pdp-main .product-image-wrapper .product-thumbnails ul li,
#main .primary-content .pdp-main .product-image-wrapper .product-thumbnails ul li,
.nonshop-content .pdp-main .product-image-wrapper .product-thumbnails ul li {
  float: left;
  display: block;
  width: 16.6666%;
  padding: 0 3px 2px 3px;
  margin-bottom: 5px;
}

#bonus-product-list.pdp-main .product-image-wrapper .product-thumbnails ul li a,
#QuickViewDialog .pdp-main .product-image-wrapper .product-thumbnails ul li a,
#main .primary-content .pdp-main .product-image-wrapper .product-thumbnails ul li a,
.nonshop-content .pdp-main .product-image-wrapper .product-thumbnails ul li a {
  display: block;
  border: 1px solid #ccc;
}

#bonus-product-list.pdp-main .product-image-wrapper .product-thumbnails ul li a img,
#QuickViewDialog .pdp-main .product-image-wrapper .product-thumbnails ul li a img,
#main .primary-content .pdp-main .product-image-wrapper .product-thumbnails ul li a img,
.nonshop-content .pdp-main .product-image-wrapper .product-thumbnails ul li a img {
  display: block;
  max-width: 100%;
}

#bonus-product-list.pdp-main .product-image-wrapper .product-thumbnails ul li .video,
#QuickViewDialog .pdp-main .product-image-wrapper .product-thumbnails ul li .video,
#main .primary-content .pdp-main .product-image-wrapper .product-thumbnails ul li .video,
.nonshop-content .pdp-main .product-image-wrapper .product-thumbnails ul li .video {
  background: transparent;
  padding: 0px;
  border: none;
}

#bonus-product-list.pdp-main .product-image-wrapper .product-thumbnails ul li.selected,
#QuickViewDialog .pdp-main .product-image-wrapper .product-thumbnails ul li.selected,
#main .primary-content .pdp-main .product-image-wrapper .product-thumbnails ul li.selected,
.nonshop-content .pdp-main .product-image-wrapper .product-thumbnails ul li.selected {
  margin-bottom: 2px;
}

#bonus-product-list.pdp-main .product-image-wrapper .product-thumbnails ul li.selected a,
#QuickViewDialog .pdp-main .product-image-wrapper .product-thumbnails ul li.selected a,
#main .primary-content .pdp-main .product-image-wrapper .product-thumbnails ul li.selected a,
.nonshop-content .pdp-main .product-image-wrapper .product-thumbnails ul li.selected a {
  border-bottom: 4px solid #fed22b;
}

#bonus-product-list.pdp-main .product-image-wrapper .product-thumbnails ul li.selected a img,
#QuickViewDialog .pdp-main .product-image-wrapper .product-thumbnails ul li.selected a img,
#main .primary-content .pdp-main .product-image-wrapper .product-thumbnails ul li.selected a img,
.nonshop-content .pdp-main .product-image-wrapper .product-thumbnails ul li.selected a img {
  padding-bottom: 0px;
}

#bonus-product-list.pdp-main .product-info,
#QuickViewDialog .pdp-main .product-info,
#main .primary-content .pdp-main .product-info,
.nonshop-content .pdp-main .product-info {
  margin: 0 auto;
  padding: 0 0 16px 0;
}

@media screen and (min-width: 600px) {
  #bonus-product-list.pdp-main .product-info,
  #QuickViewDialog .pdp-main .product-info,
  #main .primary-content .pdp-main .product-info,
  .nonshop-content .pdp-main .product-info {
    float: right;
    width: 44.7%;
    margin: 0 0 0 5.3%;
    padding: 0 0 0 0;
  }
}

@media screen and (max-width: 600px) {
  #bonus-product-list.pdp-main .product-info .p-w-r .pr-snippet-read-and-write,
  #QuickViewDialog .pdp-main .product-info .p-w-r .pr-snippet-read-and-write,
  #main .primary-content .pdp-main .product-info .p-w-r .pr-snippet-read-and-write,
  .nonshop-content .pdp-main .product-info .p-w-r .pr-snippet-read-and-write {
    display: block;
  }

  #bonus-product-list.pdp-main .product-info .p-w-r .pr-snippet-read-and-write a,
  #QuickViewDialog .pdp-main .product-info .p-w-r .pr-snippet-read-and-write a,
  #main .primary-content .pdp-main .product-info .p-w-r .pr-snippet-read-and-write a,
  .nonshop-content .pdp-main .product-info .p-w-r .pr-snippet-read-and-write a {
    margin-right: 1em !important;
  }
}

#bonus-product-list.pdp-main .product-info .p-w-r .pr-snippet-stars,
#QuickViewDialog .pdp-main .product-info .p-w-r .pr-snippet-stars,
#main .primary-content .pdp-main .product-info .p-w-r .pr-snippet-stars,
.nonshop-content .pdp-main .product-info .p-w-r .pr-snippet-stars {
  background: none;
}

#bonus-product-list.pdp-main .product-info .p-w-r .pr-snippet-rating-decimal,
#QuickViewDialog .pdp-main .product-info .p-w-r .pr-snippet-rating-decimal,
#main .primary-content .pdp-main .product-info .p-w-r .pr-snippet-rating-decimal,
.nonshop-content .pdp-main .product-info .p-w-r .pr-snippet-rating-decimal {
  background: white;
}

#bonus-product-list.pdp-main .product-info .p-w-r .pr-snippet-stars-reco-reco,
#QuickViewDialog .pdp-main .product-info .p-w-r .pr-snippet-stars-reco-reco,
#main .primary-content .pdp-main .product-info .p-w-r .pr-snippet-stars-reco-reco,
.nonshop-content .pdp-main .product-info .p-w-r .pr-snippet-stars-reco-reco {
  display: none;
}

#bonus-product-list.pdp-main .product-info .product-price,
#QuickViewDialog .pdp-main .product-info .product-price,
#main .primary-content .pdp-main .product-info .product-price,
.nonshop-content .pdp-main .product-info .product-price {
  font-family: "din-bold",Arial,sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  padding: 4px 0;
}

#bonus-product-list.pdp-main .product-info .product-price .price-standard,
#QuickViewDialog .pdp-main .product-info .product-price .price-standard,
#main .primary-content .pdp-main .product-info .product-price .price-standard,
.nonshop-content .pdp-main .product-info .product-price .price-standard {
  color: #000;
  text-decoration: line-through;
}

#bonus-product-list.pdp-main .product-info .product-price .price-sales,
#QuickViewDialog .pdp-main .product-info .product-price .price-sales,
#main .primary-content .pdp-main .product-info .product-price .price-sales,
.nonshop-content .pdp-main .product-info .product-price .price-sales {
  color: #000;
}

#bonus-product-list.pdp-main .product-info .product-price .price-standard+.price-sales,
#QuickViewDialog .pdp-main .product-info .product-price .price-standard+.price-sales,
#main .primary-content .pdp-main .product-info .product-price .price-standard+.price-sales,
.nonshop-content .pdp-main .product-info .product-price .price-standard+.price-sales {
  color: #c00;
}

#bonus-product-list.pdp-main .product-info .product-price .price-badge,
#QuickViewDialog .pdp-main .product-info .product-price .price-badge,
#main .primary-content .pdp-main .product-info .product-price .price-badge,
.nonshop-content .pdp-main .product-info .product-price .price-badge {
  top: -2px;
  position: relative;
  display: inline-block;
  color: #333;
  font-family: "din-bold",Arial,sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
  background: #dfdfdf;
  margin: 0 0 0 0;
  padding: 3px 4px 4px 4px;
}

#bonus-product-list.pdp-main .product-info .product-number,
#QuickViewDialog .pdp-main .product-info .product-number,
#main .primary-content .pdp-main .product-info .product-number,
.nonshop-content .pdp-main .product-info .product-number {
  color: #333;
  font-family: "din-regular",Arial,sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
}

#bonus-product-list.pdp-main .product-info .shortDesc,
#QuickViewDialog .pdp-main .product-info .shortDesc,
#main .primary-content .pdp-main .product-info .shortDesc,
.nonshop-content .pdp-main .product-info .shortDesc {
  color: #000;
  font-family: "din-regular",Arial,sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.2;
  padding: 0 0 16px;
  margin: 0 0 16px 0;
  border-bottom: 1px solid #333;
}

#bonus-product-list.pdp-main .product-info .shortDesc a,
#QuickViewDialog .pdp-main .product-info .shortDesc a,
#main .primary-content .pdp-main .product-info .shortDesc a,
.nonshop-content .pdp-main .product-info .shortDesc a {
  color: #000;
  font-family: "din-regular",Arial,sans-serif;
  font-weight: 400;
  text-decoration: underline;
  text-transform: capitalize;
}

#bonus-product-list.pdp-main .product-info .shortDesc a:hover,
#QuickViewDialog .pdp-main .product-info .shortDesc a:hover,
#main .primary-content .pdp-main .product-info .shortDesc a:hover,
.nonshop-content .pdp-main .product-info .shortDesc a:hover {
  text-decoration: none;
}

#bonus-product-list.pdp-main .product-info .product-variations .attribute,
#QuickViewDialog .pdp-main .product-info .product-variations .attribute,
#main .primary-content .pdp-main .product-info .product-variations .attribute,
.nonshop-content .pdp-main .product-info .product-variations .attribute {
  position: relative;
  margin: 24px 0 0 0;
}

#bonus-product-list.pdp-main .product-info .product-variations .attribute .label,
#QuickViewDialog .pdp-main .product-info .product-variations .attribute .label,
#main .primary-content .pdp-main .product-info .product-variations .attribute .label,
.nonshop-content .pdp-main .product-info .product-variations .attribute .label {
  color: #666;
  font-family: "din-regular",Arial,sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  text-transform: uppercase;
}

#bonus-product-list.pdp-main .product-info .product-variations .attribute .selected-value.color,
#QuickViewDialog .pdp-main .product-info .product-variations .attribute .selected-value.color,
#main .primary-content .pdp-main .product-info .product-variations .attribute .selected-value.color,
.nonshop-content .pdp-main .product-info .product-variations .attribute .selected-value.color {
  position: absolute;
  top: 0px;
  left: 120px;
  color: #333;
  font-family: "din-regular",Arial,sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
}

#bonus-product-list.pdp-main .product-info .product-variations .attribute .selected-value.productcompound,
#bonus-product-list.pdp-main .product-info .product-variations .attribute .selected-value.productweight,
#bonus-product-list.pdp-main .product-info .product-variations .attribute .selected-value.productcolorpattern,
#bonus-product-list.pdp-main .product-info .product-variations .attribute .selected-value.size,
#QuickViewDialog .pdp-main .product-info .product-variations .attribute .selected-value.productcompound,
#QuickViewDialog .pdp-main .product-info .product-variations .attribute .selected-value.productweight,
#QuickViewDialog .pdp-main .product-info .product-variations .attribute .selected-value.productcolorpattern,
#QuickViewDialog .pdp-main .product-info .product-variations .attribute .selected-value.size,
#main .primary-content .pdp-main .product-info .product-variations .attribute .selected-value.productcompound,
#main .primary-content .pdp-main .product-info .product-variations .attribute .selected-value.productweight,
#main .primary-content .pdp-main .product-info .product-variations .attribute .selected-value.productcolorpattern,
#main .primary-content .pdp-main .product-info .product-variations .attribute .selected-value.size,
.nonshop-content .pdp-main .product-info .product-variations .attribute .selected-value.productcompound,
.nonshop-content .pdp-main .product-info .product-variations .attribute .selected-value.productweight,
.nonshop-content .pdp-main .product-info .product-variations .attribute .selected-value.productcolorpattern,
.nonshop-content .pdp-main .product-info .product-variations .attribute .selected-value.size {
  display: none;
}

#bonus-product-list.pdp-main .product-info .product-variations .disc-golf-disclaimer,
#QuickViewDialog .pdp-main .product-info .product-variations .disc-golf-disclaimer,
#main .primary-content .pdp-main .product-info .product-variations .disc-golf-disclaimer,
.nonshop-content .pdp-main .product-info .product-variations .disc-golf-disclaimer {
  display: inline-block !important;
}

#bonus-product-list.pdp-main .product-info .product-variations .disc-golf-disclaimer,
#bonus-product-list.pdp-main .product-info .product-variations .size-chart-link,
#QuickViewDialog .pdp-main .product-info .product-variations .disc-golf-disclaimer,
#QuickViewDialog .pdp-main .product-info .product-variations .size-chart-link,
#main .primary-content .pdp-main .product-info .product-variations .disc-golf-disclaimer,
#main .primary-content .pdp-main .product-info .product-variations .size-chart-link,
.nonshop-content .pdp-main .product-info .product-variations .disc-golf-disclaimer,
.nonshop-content .pdp-main .product-info .product-variations .size-chart-link {
  display: inline-block;
  line-height: 43px;
  vertical-align: top;
  margin: 6px 0 0 12px;
}

#bonus-product-list.pdp-main .product-info .product-variations .disc-golf-disclaimer a,
#bonus-product-list.pdp-main .product-info .product-variations .size-chart-link a,
#QuickViewDialog .pdp-main .product-info .product-variations .disc-golf-disclaimer a,
#QuickViewDialog .pdp-main .product-info .product-variations .size-chart-link a,
#main .primary-content .pdp-main .product-info .product-variations .disc-golf-disclaimer a,
#main .primary-content .pdp-main .product-info .product-variations .size-chart-link a,
.nonshop-content .pdp-main .product-info .product-variations .disc-golf-disclaimer a,
.nonshop-content .pdp-main .product-info .product-variations .size-chart-link a {
  color: #000;
  text-decoration: underline;
}

#bonus-product-list.pdp-main .product-info .product-variations .disc-golf-disclaimer a:hover,
#bonus-product-list.pdp-main .product-info .product-variations .size-chart-link a:hover,
#QuickViewDialog .pdp-main .product-info .product-variations .disc-golf-disclaimer a:hover,
#QuickViewDialog .pdp-main .product-info .product-variations .size-chart-link a:hover,
#main .primary-content .pdp-main .product-info .product-variations .disc-golf-disclaimer a:hover,
#main .primary-content .pdp-main .product-info .product-variations .size-chart-link a:hover,
.nonshop-content .pdp-main .product-info .product-variations .disc-golf-disclaimer a:hover,
.nonshop-content .pdp-main .product-info .product-variations .size-chart-link a:hover {
  text-decoration: none;
}

#bonus-product-list.pdp-main .product-info .product-variations .variant-dropdown .vibram-select,
#QuickViewDialog .pdp-main .product-info .product-variations .variant-dropdown .vibram-select,
#main .primary-content .pdp-main .product-info .product-variations .variant-dropdown .vibram-select,
.nonshop-content .pdp-main .product-info .product-variations .variant-dropdown .vibram-select {
  background: #e7e7e7;
  border: 1px solid #ccc;
  display: inline-block;
  max-width: 250px;
  width: 100%;
}

#bonus-product-list.pdp-main .product-info .product-variations .variant-dropdown .vibram-select select,
#QuickViewDialog .pdp-main .product-info .product-variations .variant-dropdown .vibram-select select,
#main .primary-content .pdp-main .product-info .product-variations .variant-dropdown .vibram-select select,
.nonshop-content .pdp-main .product-info .product-variations .variant-dropdown .vibram-select select {
  color: #000;
  font-family: "din-regular",Arial,sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.2;
  padding-right: 45px;
}

#bonus-product-list.pdp-main .product-info .product-variations .variant-dropdown .vibram-select:after,
#QuickViewDialog .pdp-main .product-info .product-variations .variant-dropdown .vibram-select:after,
#main .primary-content .pdp-main .product-info .product-variations .variant-dropdown .vibram-select:after,
.nonshop-content .pdp-main .product-info .product-variations .variant-dropdown .vibram-select:after {
  height: 42px;
  width: 41px;
  display: block;
  content: '\e809';
  font-family: 'vibram';
  position: absolute;
  top: 0;
  right: 0;
  background: #d2d3d5;
  color: #000;
  text-align: center;
  line-height: 41px;
  font-size: 20px;
}

#bonus-product-list.pdp-main .product-info .product-variations .variant-dropdown .sizeChangeText,
#QuickViewDialog .pdp-main .product-info .product-variations .variant-dropdown .sizeChangeText,
#main .primary-content .pdp-main .product-info .product-variations .variant-dropdown .sizeChangeText,
.nonshop-content .pdp-main .product-info .product-variations .variant-dropdown .sizeChangeText {
  border: 1px solid red;
  max-width: 250px;
  width: 100%;
  font-size: 15px;
  text-align: center;
  color: red;
  padding: .6em;
  margin: .6em 0 2em;
  font-weight: bold;
}

#bonus-product-list.pdp-main .product-info .product-variations .size-select,
#QuickViewDialog .pdp-main .product-info .product-variations .size-select,
#main .primary-content .pdp-main .product-info .product-variations .size-select,
.nonshop-content .pdp-main .product-info .product-variations .size-select {
  background: #e7e7e7;
  border: 1px solid #ccc;
  padding: 13px 56px 13px 13px;
  color: #000;
  font-family: "din-regular",Arial,sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.2;
  display: inline-block;
  margin: 6px 0 0 0;
  max-width: 250px;
  width: 100%;
  position: relative;
  z-index: 1;
}

#bonus-product-list.pdp-main .product-info .product-variations .size-select:after,
#QuickViewDialog .pdp-main .product-info .product-variations .size-select:after,
#main .primary-content .pdp-main .product-info .product-variations .size-select:after,
.nonshop-content .pdp-main .product-info .product-variations .size-select:after {
  height: 41px;
  width: 41px;
  display: block;
  content: '\e809';
  font-family: 'vibram';
  position: absolute;
  top: 0;
  right: 0;
  background: #d2d3d5;
  color: #000;
  text-align: center;
  line-height: 41px;
  font-size: 20px;
}

#bonus-product-list.pdp-main .product-info .product-variations .size-select.unselectable,
#QuickViewDialog .pdp-main .product-info .product-variations .size-select.unselectable,
#main .primary-content .pdp-main .product-info .product-variations .size-select.unselectable,
.nonshop-content .pdp-main .product-info .product-variations .size-select.unselectable {
  cursor: not-allowed;
  opacity: 0.75;
}

#bonus-product-list.pdp-main .product-info .product-variations .size-select.size,
#QuickViewDialog .pdp-main .product-info .product-variations .size-select.size,
#main .primary-content .pdp-main .product-info .product-variations .size-select.size,
.nonshop-content .pdp-main .product-info .product-variations .size-select.size {
  max-width: 134px;
}

#bonus-product-list.pdp-main .product-info .product-variations .swatches.productcompound,
#bonus-product-list.pdp-main .product-info .product-variations .swatches.productweight,
#bonus-product-list.pdp-main .product-info .product-variations .swatches.productcolorpattern,
#bonus-product-list.pdp-main .product-info .product-variations .swatches.size,
#QuickViewDialog .pdp-main .product-info .product-variations .swatches.productcompound,
#QuickViewDialog .pdp-main .product-info .product-variations .swatches.productweight,
#QuickViewDialog .pdp-main .product-info .product-variations .swatches.productcolorpattern,
#QuickViewDialog .pdp-main .product-info .product-variations .swatches.size,
#main .primary-content .pdp-main .product-info .product-variations .swatches.productcompound,
#main .primary-content .pdp-main .product-info .product-variations .swatches.productweight,
#main .primary-content .pdp-main .product-info .product-variations .swatches.productcolorpattern,
#main .primary-content .pdp-main .product-info .product-variations .swatches.size,
.nonshop-content .pdp-main .product-info .product-variations .swatches.productcompound,
.nonshop-content .pdp-main .product-info .product-variations .swatches.productweight,
.nonshop-content .pdp-main .product-info .product-variations .swatches.productcolorpattern,
.nonshop-content .pdp-main .product-info .product-variations .swatches.size {
  position: absolute;
  top: 16px;
  left: 0;
  z-index: 2;
  display: none;
  font-family: "din-regular",Arial,sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.2;
  max-width: 250px;
  width: 100%;
  margin: 6px 0 0 0;
  padding: 0;
}

#bonus-product-list.pdp-main .product-info .product-variations .swatches.productcompound.open,
#bonus-product-list.pdp-main .product-info .product-variations .swatches.productweight.open,
#bonus-product-list.pdp-main .product-info .product-variations .swatches.productcolorpattern.open,
#bonus-product-list.pdp-main .product-info .product-variations .swatches.size.open,
#QuickViewDialog .pdp-main .product-info .product-variations .swatches.productcompound.open,
#QuickViewDialog .pdp-main .product-info .product-variations .swatches.productweight.open,
#QuickViewDialog .pdp-main .product-info .product-variations .swatches.productcolorpattern.open,
#QuickViewDialog .pdp-main .product-info .product-variations .swatches.size.open,
#main .primary-content .pdp-main .product-info .product-variations .swatches.productcompound.open,
#main .primary-content .pdp-main .product-info .product-variations .swatches.productweight.open,
#main .primary-content .pdp-main .product-info .product-variations .swatches.productcolorpattern.open,
#main .primary-content .pdp-main .product-info .product-variations .swatches.size.open,
.nonshop-content .pdp-main .product-info .product-variations .swatches.productcompound.open,
.nonshop-content .pdp-main .product-info .product-variations .swatches.productweight.open,
.nonshop-content .pdp-main .product-info .product-variations .swatches.productcolorpattern.open,
.nonshop-content .pdp-main .product-info .product-variations .swatches.size.open {
  display: inline-block;
}

#bonus-product-list.pdp-main .product-info .product-variations .swatches.productcompound a,
#bonus-product-list.pdp-main .product-info .product-variations .swatches.productweight a,
#bonus-product-list.pdp-main .product-info .product-variations .swatches.productcolorpattern a,
#bonus-product-list.pdp-main .product-info .product-variations .swatches.size a,
#QuickViewDialog .pdp-main .product-info .product-variations .swatches.productcompound a,
#QuickViewDialog .pdp-main .product-info .product-variations .swatches.productweight a,
#QuickViewDialog .pdp-main .product-info .product-variations .swatches.productcolorpattern a,
#QuickViewDialog .pdp-main .product-info .product-variations .swatches.size a,
#main .primary-content .pdp-main .product-info .product-variations .swatches.productcompound a,
#main .primary-content .pdp-main .product-info .product-variations .swatches.productweight a,
#main .primary-content .pdp-main .product-info .product-variations .swatches.productcolorpattern a,
#main .primary-content .pdp-main .product-info .product-variations .swatches.size a,
.nonshop-content .pdp-main .product-info .product-variations .swatches.productcompound a,
.nonshop-content .pdp-main .product-info .product-variations .swatches.productweight a,
.nonshop-content .pdp-main .product-info .product-variations .swatches.productcolorpattern a,
.nonshop-content .pdp-main .product-info .product-variations .swatches.size a {
  color: #000;
  display: block;
}

#bonus-product-list.pdp-main .product-info .product-variations .swatches.productcompound li,
#bonus-product-list.pdp-main .product-info .product-variations .swatches.productweight li,
#bonus-product-list.pdp-main .product-info .product-variations .swatches.productcolorpattern li,
#bonus-product-list.pdp-main .product-info .product-variations .swatches.size li,
#QuickViewDialog .pdp-main .product-info .product-variations .swatches.productcompound li,
#QuickViewDialog .pdp-main .product-info .product-variations .swatches.productweight li,
#QuickViewDialog .pdp-main .product-info .product-variations .swatches.productcolorpattern li,
#QuickViewDialog .pdp-main .product-info .product-variations .swatches.size li,
#main .primary-content .pdp-main .product-info .product-variations .swatches.productcompound li,
#main .primary-content .pdp-main .product-info .product-variations .swatches.productweight li,
#main .primary-content .pdp-main .product-info .product-variations .swatches.productcolorpattern li,
#main .primary-content .pdp-main .product-info .product-variations .swatches.size li,
.nonshop-content .pdp-main .product-info .product-variations .swatches.productcompound li,
.nonshop-content .pdp-main .product-info .product-variations .swatches.productweight li,
.nonshop-content .pdp-main .product-info .product-variations .swatches.productcolorpattern li,
.nonshop-content .pdp-main .product-info .product-variations .swatches.size li {
  background: #fff;
  padding: 0;
  border: 1px solid #ccc;
  border-bottom: none;
}

#bonus-product-list.pdp-main .product-info .product-variations .swatches.productcompound li a,
#bonus-product-list.pdp-main .product-info .product-variations .swatches.productweight li a,
#bonus-product-list.pdp-main .product-info .product-variations .swatches.productcolorpattern li a,
#bonus-product-list.pdp-main .product-info .product-variations .swatches.size li a,
#QuickViewDialog .pdp-main .product-info .product-variations .swatches.productcompound li a,
#QuickViewDialog .pdp-main .product-info .product-variations .swatches.productweight li a,
#QuickViewDialog .pdp-main .product-info .product-variations .swatches.productcolorpattern li a,
#QuickViewDialog .pdp-main .product-info .product-variations .swatches.size li a,
#main .primary-content .pdp-main .product-info .product-variations .swatches.productcompound li a,
#main .primary-content .pdp-main .product-info .product-variations .swatches.productweight li a,
#main .primary-content .pdp-main .product-info .product-variations .swatches.productcolorpattern li a,
#main .primary-content .pdp-main .product-info .product-variations .swatches.size li a,
.nonshop-content .pdp-main .product-info .product-variations .swatches.productcompound li a,
.nonshop-content .pdp-main .product-info .product-variations .swatches.productweight li a,
.nonshop-content .pdp-main .product-info .product-variations .swatches.productcolorpattern li a,
.nonshop-content .pdp-main .product-info .product-variations .swatches.size li a {
  padding: 13px;
}

#bonus-product-list.pdp-main .product-info .product-variations .swatches.productcompound li:last-child,
#bonus-product-list.pdp-main .product-info .product-variations .swatches.productweight li:last-child,
#bonus-product-list.pdp-main .product-info .product-variations .swatches.productcolorpattern li:last-child,
#bonus-product-list.pdp-main .product-info .product-variations .swatches.size li:last-child,
#QuickViewDialog .pdp-main .product-info .product-variations .swatches.productcompound li:last-child,
#QuickViewDialog .pdp-main .product-info .product-variations .swatches.productweight li:last-child,
#QuickViewDialog .pdp-main .product-info .product-variations .swatches.productcolorpattern li:last-child,
#QuickViewDialog .pdp-main .product-info .product-variations .swatches.size li:last-child,
#main .primary-content .pdp-main .product-info .product-variations .swatches.productcompound li:last-child,
#main .primary-content .pdp-main .product-info .product-variations .swatches.productweight li:last-child,
#main .primary-content .pdp-main .product-info .product-variations .swatches.productcolorpattern li:last-child,
#main .primary-content .pdp-main .product-info .product-variations .swatches.size li:last-child,
.nonshop-content .pdp-main .product-info .product-variations .swatches.productcompound li:last-child,
.nonshop-content .pdp-main .product-info .product-variations .swatches.productweight li:last-child,
.nonshop-content .pdp-main .product-info .product-variations .swatches.productcolorpattern li:last-child,
.nonshop-content .pdp-main .product-info .product-variations .swatches.size li:last-child {
  border-bottom: 1px solid #ccc;
}

#bonus-product-list.pdp-main .product-info .product-variations .swatches.productcompound .select-title,
#bonus-product-list.pdp-main .product-info .product-variations .swatches.productweight .select-title,
#bonus-product-list.pdp-main .product-info .product-variations .swatches.productcolorpattern .select-title,
#bonus-product-list.pdp-main .product-info .product-variations .swatches.size .select-title,
#QuickViewDialog .pdp-main .product-info .product-variations .swatches.productcompound .select-title,
#QuickViewDialog .pdp-main .product-info .product-variations .swatches.productweight .select-title,
#QuickViewDialog .pdp-main .product-info .product-variations .swatches.productcolorpattern .select-title,
#QuickViewDialog .pdp-main .product-info .product-variations .swatches.size .select-title,
#main .primary-content .pdp-main .product-info .product-variations .swatches.productcompound .select-title,
#main .primary-content .pdp-main .product-info .product-variations .swatches.productweight .select-title,
#main .primary-content .pdp-main .product-info .product-variations .swatches.productcolorpattern .select-title,
#main .primary-content .pdp-main .product-info .product-variations .swatches.size .select-title,
.nonshop-content .pdp-main .product-info .product-variations .swatches.productcompound .select-title,
.nonshop-content .pdp-main .product-info .product-variations .swatches.productweight .select-title,
.nonshop-content .pdp-main .product-info .product-variations .swatches.productcolorpattern .select-title,
.nonshop-content .pdp-main .product-info .product-variations .swatches.size .select-title {
  background: #e7e7e7;
  color: #000;
  font-family: "din-regular",Arial,sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.2;
  position: relative;
}

#bonus-product-list.pdp-main .product-info .product-variations .swatches.productcompound .select-title span,
#bonus-product-list.pdp-main .product-info .product-variations .swatches.productweight .select-title span,
#bonus-product-list.pdp-main .product-info .product-variations .swatches.productcolorpattern .select-title span,
#bonus-product-list.pdp-main .product-info .product-variations .swatches.size .select-title span,
#QuickViewDialog .pdp-main .product-info .product-variations .swatches.productcompound .select-title span,
#QuickViewDialog .pdp-main .product-info .product-variations .swatches.productweight .select-title span,
#QuickViewDialog .pdp-main .product-info .product-variations .swatches.productcolorpattern .select-title span,
#QuickViewDialog .pdp-main .product-info .product-variations .swatches.size .select-title span,
#main .primary-content .pdp-main .product-info .product-variations .swatches.productcompound .select-title span,
#main .primary-content .pdp-main .product-info .product-variations .swatches.productweight .select-title span,
#main .primary-content .pdp-main .product-info .product-variations .swatches.productcolorpattern .select-title span,
#main .primary-content .pdp-main .product-info .product-variations .swatches.size .select-title span,
.nonshop-content .pdp-main .product-info .product-variations .swatches.productcompound .select-title span,
.nonshop-content .pdp-main .product-info .product-variations .swatches.productweight .select-title span,
.nonshop-content .pdp-main .product-info .product-variations .swatches.productcolorpattern .select-title span,
.nonshop-content .pdp-main .product-info .product-variations .swatches.size .select-title span {
  cursor: pointer;
  display: block;
  padding: 13px 56px 13px 13px;
}

#bonus-product-list.pdp-main .product-info .product-variations .swatches.productcompound .select-title:after,
#bonus-product-list.pdp-main .product-info .product-variations .swatches.productweight .select-title:after,
#bonus-product-list.pdp-main .product-info .product-variations .swatches.productcolorpattern .select-title:after,
#bonus-product-list.pdp-main .product-info .product-variations .swatches.size .select-title:after,
#QuickViewDialog .pdp-main .product-info .product-variations .swatches.productcompound .select-title:after,
#QuickViewDialog .pdp-main .product-info .product-variations .swatches.productweight .select-title:after,
#QuickViewDialog .pdp-main .product-info .product-variations .swatches.productcolorpattern .select-title:after,
#QuickViewDialog .pdp-main .product-info .product-variations .swatches.size .select-title:after,
#main .primary-content .pdp-main .product-info .product-variations .swatches.productcompound .select-title:after,
#main .primary-content .pdp-main .product-info .product-variations .swatches.productweight .select-title:after,
#main .primary-content .pdp-main .product-info .product-variations .swatches.productcolorpattern .select-title:after,
#main .primary-content .pdp-main .product-info .product-variations .swatches.size .select-title:after,
.nonshop-content .pdp-main .product-info .product-variations .swatches.productcompound .select-title:after,
.nonshop-content .pdp-main .product-info .product-variations .swatches.productweight .select-title:after,
.nonshop-content .pdp-main .product-info .product-variations .swatches.productcolorpattern .select-title:after,
.nonshop-content .pdp-main .product-info .product-variations .swatches.size .select-title:after {
  height: 41px;
  width: 41px;
  display: block;
  content: '\e809';
  font-family: 'vibram';
  position: absolute;
  top: 0;
  right: 0;
  background: #d2d3d5;
  color: #000;
  text-align: center;
  line-height: 41px;
  font-size: 20px;
}

#bonus-product-list.pdp-main .product-info .product-variations .swatches.productcompound .selected,
#bonus-product-list.pdp-main .product-info .product-variations .swatches.productweight .selected,
#bonus-product-list.pdp-main .product-info .product-variations .swatches.productcolorpattern .selected,
#bonus-product-list.pdp-main .product-info .product-variations .swatches.size .selected,
#QuickViewDialog .pdp-main .product-info .product-variations .swatches.productcompound .selected,
#QuickViewDialog .pdp-main .product-info .product-variations .swatches.productweight .selected,
#QuickViewDialog .pdp-main .product-info .product-variations .swatches.productcolorpattern .selected,
#QuickViewDialog .pdp-main .product-info .product-variations .swatches.size .selected,
#main .primary-content .pdp-main .product-info .product-variations .swatches.productcompound .selected,
#main .primary-content .pdp-main .product-info .product-variations .swatches.productweight .selected,
#main .primary-content .pdp-main .product-info .product-variations .swatches.productcolorpattern .selected,
#main .primary-content .pdp-main .product-info .product-variations .swatches.size .selected,
.nonshop-content .pdp-main .product-info .product-variations .swatches.productcompound .selected,
.nonshop-content .pdp-main .product-info .product-variations .swatches.productweight .selected,
.nonshop-content .pdp-main .product-info .product-variations .swatches.productcolorpattern .selected,
.nonshop-content .pdp-main .product-info .product-variations .swatches.size .selected {
  background: #e6e7e9;
}

#bonus-product-list.pdp-main .product-info .product-variations .swatches.productcompound .unselectable a,
#bonus-product-list.pdp-main .product-info .product-variations .swatches.productweight .unselectable a,
#bonus-product-list.pdp-main .product-info .product-variations .swatches.productcolorpattern .unselectable a,
#bonus-product-list.pdp-main .product-info .product-variations .swatches.size .unselectable a,
#QuickViewDialog .pdp-main .product-info .product-variations .swatches.productcompound .unselectable a,
#QuickViewDialog .pdp-main .product-info .product-variations .swatches.productweight .unselectable a,
#QuickViewDialog .pdp-main .product-info .product-variations .swatches.productcolorpattern .unselectable a,
#QuickViewDialog .pdp-main .product-info .product-variations .swatches.size .unselectable a,
#main .primary-content .pdp-main .product-info .product-variations .swatches.productcompound .unselectable a,
#main .primary-content .pdp-main .product-info .product-variations .swatches.productweight .unselectable a,
#main .primary-content .pdp-main .product-info .product-variations .swatches.productcolorpattern .unselectable a,
#main .primary-content .pdp-main .product-info .product-variations .swatches.size .unselectable a,
.nonshop-content .pdp-main .product-info .product-variations .swatches.productcompound .unselectable a,
.nonshop-content .pdp-main .product-info .product-variations .swatches.productweight .unselectable a,
.nonshop-content .pdp-main .product-info .product-variations .swatches.productcolorpattern .unselectable a,
.nonshop-content .pdp-main .product-info .product-variations .swatches.size .unselectable a {
  cursor: not-allowed;
  color: #333;
}

#bonus-product-list.pdp-main .product-info .product-variations .swatches.productcompound .available:hover,
#bonus-product-list.pdp-main .product-info .product-variations .swatches.productweight .available:hover,
#bonus-product-list.pdp-main .product-info .product-variations .swatches.productcolorpattern .available:hover,
#bonus-product-list.pdp-main .product-info .product-variations .swatches.size .available:hover,
#QuickViewDialog .pdp-main .product-info .product-variations .swatches.productcompound .available:hover,
#QuickViewDialog .pdp-main .product-info .product-variations .swatches.productweight .available:hover,
#QuickViewDialog .pdp-main .product-info .product-variations .swatches.productcolorpattern .available:hover,
#QuickViewDialog .pdp-main .product-info .product-variations .swatches.size .available:hover,
#main .primary-content .pdp-main .product-info .product-variations .swatches.productcompound .available:hover,
#main .primary-content .pdp-main .product-info .product-variations .swatches.productweight .available:hover,
#main .primary-content .pdp-main .product-info .product-variations .swatches.productcolorpattern .available:hover,
#main .primary-content .pdp-main .product-info .product-variations .swatches.size .available:hover,
.nonshop-content .pdp-main .product-info .product-variations .swatches.productcompound .available:hover,
.nonshop-content .pdp-main .product-info .product-variations .swatches.productweight .available:hover,
.nonshop-content .pdp-main .product-info .product-variations .swatches.productcolorpattern .available:hover,
.nonshop-content .pdp-main .product-info .product-variations .swatches.size .available:hover {
  background: #e7e7e7;
}

#bonus-product-list.pdp-main .product-info .product-variations .swatches.size,
#QuickViewDialog .pdp-main .product-info .product-variations .swatches.size,
#main .primary-content .pdp-main .product-info .product-variations .swatches.size,
.nonshop-content .pdp-main .product-info .product-variations .swatches.size {
  max-width: 134px;
}

#bonus-product-list.pdp-main .product-info .product-variations .swatches.color,
#QuickViewDialog .pdp-main .product-info .product-variations .swatches.color,
#main .primary-content .pdp-main .product-info .product-variations .swatches.color,
.nonshop-content .pdp-main .product-info .product-variations .swatches.color {
  width: 100%;
  padding: 0 0 0 0;
  text-align: left;
}

#bonus-product-list.pdp-main .product-info .product-variations .swatches.color li,
#QuickViewDialog .pdp-main .product-info .product-variations .swatches.color li,
#main .primary-content .pdp-main .product-info .product-variations .swatches.color li,
.nonshop-content .pdp-main .product-info .product-variations .swatches.color li {
  margin: 0 0 0 0;
  padding: 6px 6px 6px 0;
  float: left;
  cursor: pointer;
}

#bonus-product-list.pdp-main .product-info .product-variations .swatches.color li a,
#QuickViewDialog .pdp-main .product-info .product-variations .swatches.color li a,
#main .primary-content .pdp-main .product-info .product-variations .swatches.color li a,
.nonshop-content .pdp-main .product-info .product-variations .swatches.color li a {
  display: block;
  margin: 0 0 0 0;
  padding: 3px;
  border: 1px solid #ccc;
  background: #fff;
  height: 44px;
  width: 44px;
  text-align: center;
  line-height: 42px;
}

#bonus-product-list.pdp-main .product-info .product-variations .swatches.color li a:hover,
#QuickViewDialog .pdp-main .product-info .product-variations .swatches.color li a:hover,
#main .primary-content .pdp-main .product-info .product-variations .swatches.color li a:hover,
.nonshop-content .pdp-main .product-info .product-variations .swatches.color li a:hover {
  text-decoration: none;
}

#bonus-product-list.pdp-main .product-info .product-variations .swatches.color li a:after,
#QuickViewDialog .pdp-main .product-info .product-variations .swatches.color li a:after,
#main .primary-content .pdp-main .product-info .product-variations .swatches.color li a:after,
.nonshop-content .pdp-main .product-info .product-variations .swatches.color li a:after {
  display: none;
}

#bonus-product-list.pdp-main .product-info .product-variations .swatches.color li a span,
#QuickViewDialog .pdp-main .product-info .product-variations .swatches.color li a span,
#main .primary-content .pdp-main .product-info .product-variations .swatches.color li a span,
.nonshop-content .pdp-main .product-info .product-variations .swatches.color li a span {
  display: block;
  text-indent: -9999em;
  overflow: hidden;
  white-space: nowrap;
  height: 36px;
  width: 36px;
}

#bonus-product-list.pdp-main .product-info .product-variations .swatches.color li a img,
#QuickViewDialog .pdp-main .product-info .product-variations .swatches.color li a img,
#main .primary-content .pdp-main .product-info .product-variations .swatches.color li a img,
.nonshop-content .pdp-main .product-info .product-variations .swatches.color li a img {
  max-width: 100%;
  display: block;
}

#bonus-product-list.pdp-main .product-info .product-variations .swatches.color li.unselectable,
#QuickViewDialog .pdp-main .product-info .product-variations .swatches.color li.unselectable,
#main .primary-content .pdp-main .product-info .product-variations .swatches.color li.unselectable,
.nonshop-content .pdp-main .product-info .product-variations .swatches.color li.unselectable {
  cursor: not-allowed;
}

#bonus-product-list.pdp-main .product-info .product-variations .swatches.color li.unselectable a,
#QuickViewDialog .pdp-main .product-info .product-variations .swatches.color li.unselectable a,
#main .primary-content .pdp-main .product-info .product-variations .swatches.color li.unselectable a,
.nonshop-content .pdp-main .product-info .product-variations .swatches.color li.unselectable a {
  background: transparent;
}

#bonus-product-list.pdp-main .product-info .product-variations .swatches.color li.selected a,
#QuickViewDialog .pdp-main .product-info .product-variations .swatches.color li.selected a,
#main .primary-content .pdp-main .product-info .product-variations .swatches.color li.selected a,
.nonshop-content .pdp-main .product-info .product-variations .swatches.color li.selected a {
  padding: 0;
  border: 4px solid #fed22b;
  line-height: 36px;
}

#bonus-product-list.pdp-main .product-info .product-add-to-cart,
#bonus-product-list.pdp-main .product-info .block-add-to-cart,
#QuickViewDialog .pdp-main .product-info .product-add-to-cart,
#QuickViewDialog .pdp-main .product-info .block-add-to-cart,
#main .primary-content .pdp-main .product-info .product-add-to-cart,
#main .primary-content .pdp-main .product-info .block-add-to-cart,
.nonshop-content .pdp-main .product-info .product-add-to-cart,
.nonshop-content .pdp-main .product-info .block-add-to-cart {
  padding: 24px 0;
  margin-bottom: 24px;
}

#bonus-product-list.pdp-main .product-info .product-add-to-cart label,
#bonus-product-list.pdp-main .product-info .block-add-to-cart label,
#QuickViewDialog .pdp-main .product-info .product-add-to-cart label,
#QuickViewDialog .pdp-main .product-info .block-add-to-cart label,
#main .primary-content .pdp-main .product-info .product-add-to-cart label,
#main .primary-content .pdp-main .product-info .block-add-to-cart label,
.nonshop-content .pdp-main .product-info .product-add-to-cart label,
.nonshop-content .pdp-main .product-info .block-add-to-cart label {
  color: #666;
  font-family: "din-regular",Arial,sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  text-transform: uppercase;
}

#bonus-product-list.pdp-main .product-info .product-add-to-cart .inventory,
#bonus-product-list.pdp-main .product-info .block-add-to-cart .inventory,
#QuickViewDialog .pdp-main .product-info .product-add-to-cart .inventory,
#QuickViewDialog .pdp-main .product-info .block-add-to-cart .inventory,
#main .primary-content .pdp-main .product-info .product-add-to-cart .inventory,
#main .primary-content .pdp-main .product-info .block-add-to-cart .inventory,
.nonshop-content .pdp-main .product-info .product-add-to-cart .inventory,
.nonshop-content .pdp-main .product-info .block-add-to-cart .inventory {
  display: inline-block;
  float: left;
  padding-right: 20px;
}

#bonus-product-list.pdp-main .product-info .product-add-to-cart input[type="text"],
#bonus-product-list.pdp-main .product-info .block-add-to-cart input[type="text"],
#QuickViewDialog .pdp-main .product-info .product-add-to-cart input[type="text"],
#QuickViewDialog .pdp-main .product-info .block-add-to-cart input[type="text"],
#main .primary-content .pdp-main .product-info .product-add-to-cart input[type="text"],
#main .primary-content .pdp-main .product-info .block-add-to-cart input[type="text"],
.nonshop-content .pdp-main .product-info .product-add-to-cart input[type="text"],
.nonshop-content .pdp-main .product-info .block-add-to-cart input[type="text"] {
  width: 60px;
  padding: 12px 16px 11px 16px;
}

#bonus-product-list.pdp-main .product-info .product-add-to-cart .product-price,
#bonus-product-list.pdp-main .product-info .block-add-to-cart .product-price,
#QuickViewDialog .pdp-main .product-info .product-add-to-cart .product-price,
#QuickViewDialog .pdp-main .product-info .block-add-to-cart .product-price,
#main .primary-content .pdp-main .product-info .product-add-to-cart .product-price,
#main .primary-content .pdp-main .product-info .block-add-to-cart .product-price,
.nonshop-content .pdp-main .product-info .product-add-to-cart .product-price,
.nonshop-content .pdp-main .product-info .block-add-to-cart .product-price {
  display: none;
}

#bonus-product-list.pdp-main .product-info .product-add-to-cart button,
#bonus-product-list.pdp-main .product-info .block-add-to-cart button,
#QuickViewDialog .pdp-main .product-info .product-add-to-cart button,
#QuickViewDialog .pdp-main .product-info .block-add-to-cart button,
#main .primary-content .pdp-main .product-info .product-add-to-cart button,
#main .primary-content .pdp-main .product-info .block-add-to-cart button,
.nonshop-content .pdp-main .product-info .product-add-to-cart button,
.nonshop-content .pdp-main .product-info .block-add-to-cart button {
  margin-top: 20px;
  padding: 12px 18px;
  color: #000;
}

#bonus-product-list.pdp-main .product-info .product-add-to-cart button:after,
#bonus-product-list.pdp-main .product-info .block-add-to-cart button:after,
#QuickViewDialog .pdp-main .product-info .product-add-to-cart button:after,
#QuickViewDialog .pdp-main .product-info .block-add-to-cart button:after,
#main .primary-content .pdp-main .product-info .product-add-to-cart button:after,
#main .primary-content .pdp-main .product-info .block-add-to-cart button:after,
.nonshop-content .pdp-main .product-info .product-add-to-cart button:after,
.nonshop-content .pdp-main .product-info .block-add-to-cart button:after {
  display: none;
}

#bonus-product-list.pdp-main .product-info .product-add-to-cart button.add-to-cart-disabled,
#bonus-product-list.pdp-main .product-info .block-add-to-cart button.add-to-cart-disabled,
#QuickViewDialog .pdp-main .product-info .product-add-to-cart button.add-to-cart-disabled,
#QuickViewDialog .pdp-main .product-info .block-add-to-cart button.add-to-cart-disabled,
#main .primary-content .pdp-main .product-info .product-add-to-cart button.add-to-cart-disabled,
#main .primary-content .pdp-main .product-info .block-add-to-cart button.add-to-cart-disabled,
.nonshop-content .pdp-main .product-info .product-add-to-cart button.add-to-cart-disabled,
.nonshop-content .pdp-main .product-info .block-add-to-cart button.add-to-cart-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

#bonus-product-list.pdp-main .product-info .product-add-to-cart button.add-to-cart-disabled:hover,
#bonus-product-list.pdp-main .product-info .block-add-to-cart button.add-to-cart-disabled:hover,
#QuickViewDialog .pdp-main .product-info .product-add-to-cart button.add-to-cart-disabled:hover,
#QuickViewDialog .pdp-main .product-info .block-add-to-cart button.add-to-cart-disabled:hover,
#main .primary-content .pdp-main .product-info .product-add-to-cart button.add-to-cart-disabled:hover,
#main .primary-content .pdp-main .product-info .block-add-to-cart button.add-to-cart-disabled:hover,
.nonshop-content .pdp-main .product-info .product-add-to-cart button.add-to-cart-disabled:hover,
.nonshop-content .pdp-main .product-info .block-add-to-cart button.add-to-cart-disabled:hover {
  color: #000;
}

#bonus-product-list.pdp-main .product-info .product-add-to-cart button:hover,
#bonus-product-list.pdp-main .product-info .block-add-to-cart button:hover,
#QuickViewDialog .pdp-main .product-info .product-add-to-cart button:hover,
#QuickViewDialog .pdp-main .product-info .block-add-to-cart button:hover,
#main .primary-content .pdp-main .product-info .product-add-to-cart button:hover,
#main .primary-content .pdp-main .product-info .block-add-to-cart button:hover,
.nonshop-content .pdp-main .product-info .product-add-to-cart button:hover,
.nonshop-content .pdp-main .product-info .block-add-to-cart button:hover {
  color: #fff;
}

#bonus-product-list.pdp-main .product-info .product-add-to-cart button[disabled],
#bonus-product-list.pdp-main .product-info .block-add-to-cart button[disabled],
#QuickViewDialog .pdp-main .product-info .product-add-to-cart button[disabled],
#QuickViewDialog .pdp-main .product-info .block-add-to-cart button[disabled],
#main .primary-content .pdp-main .product-info .product-add-to-cart button[disabled],
#main .primary-content .pdp-main .product-info .block-add-to-cart button[disabled],
.nonshop-content .pdp-main .product-info .product-add-to-cart button[disabled],
.nonshop-content .pdp-main .product-info .block-add-to-cart button[disabled] {
  color: #000;
  cursor: not-allowed;
  opacity: 0.5;
}

#bonus-product-list.pdp-main .product-info .product-add-to-cart button[disabled]:hover,
#bonus-product-list.pdp-main .product-info .block-add-to-cart button[disabled]:hover,
#QuickViewDialog .pdp-main .product-info .product-add-to-cart button[disabled]:hover,
#QuickViewDialog .pdp-main .product-info .block-add-to-cart button[disabled]:hover,
#main .primary-content .pdp-main .product-info .product-add-to-cart button[disabled]:hover,
#main .primary-content .pdp-main .product-info .block-add-to-cart button[disabled]:hover,
.nonshop-content .pdp-main .product-info .product-add-to-cart button[disabled]:hover,
.nonshop-content .pdp-main .product-info .block-add-to-cart button[disabled]:hover {
  background: #fed22b;
  color: #000;
}

#bonus-product-list.pdp-main .product-info .availability-block,
#QuickViewDialog .pdp-main .product-info .availability-block,
#main .primary-content .pdp-main .product-info .availability-block,
.nonshop-content .pdp-main .product-info .availability-block {
  padding: 24px 0 0 0;
  font-family: "din-regular",Arial,sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
}

#bonus-product-list.pdp-main .product-info .availability-block .label,
#QuickViewDialog .pdp-main .product-info .availability-block .label,
#main .primary-content .pdp-main .product-info .availability-block .label,
.nonshop-content .pdp-main .product-info .availability-block .label {
  font-family: "din-medium",Arial,sans-serif;
}

#bonus-product-list.pdp-main .product-info .availability-block .backorder-msg,
#QuickViewDialog .pdp-main .product-info .availability-block .backorder-msg,
#main .primary-content .pdp-main .product-info .availability-block .backorder-msg,
.nonshop-content .pdp-main .product-info .availability-block .backorder-msg {
  padding: 4px 0 0 0;
}

#bonus-product-list.pdp-main .product-info .availability-block.presales-block,
#QuickViewDialog .pdp-main .product-info .availability-block.presales-block,
#main .primary-content .pdp-main .product-info .availability-block.presales-block,
.nonshop-content .pdp-main .product-info .availability-block.presales-block {
  margin-top: 12px;
  padding: 10px;
  border: 1px solid #fed22b;
  background: #fff;
  border-radius: 6px;
}

#bonus-product-list.pdp-main .product-info .availability-block.presales-block .label,
#QuickViewDialog .pdp-main .product-info .availability-block.presales-block .label,
#main .primary-content .pdp-main .product-info .availability-block.presales-block .label,
.nonshop-content .pdp-main .product-info .availability-block.presales-block .label {
  display: block;
  font-weight: 700;
  margin-bottom: 10px;
}

#bonus-product-list.pdp-main .product-info .availability-block.presales-block .availability-msg p,
#QuickViewDialog .pdp-main .product-info .availability-block.presales-block .availability-msg p,
#main .primary-content .pdp-main .product-info .availability-block.presales-block .availability-msg p,
.nonshop-content .pdp-main .product-info .availability-block.presales-block .availability-msg p {
  padding: 0 0 4px 0;
  font-size: 14px;
}

#bonus-product-list.pdp-main .product-extras,
#QuickViewDialog .pdp-main .product-extras,
#main .primary-content .pdp-main .product-extras,
.nonshop-content .pdp-main .product-extras {
  clear: both;
  float: left;
  width: 100%;
  margin: 16px 0;
  position: relative;
}

#bonus-product-list.pdp-main .product-extras .sole-compound,
#QuickViewDialog .pdp-main .product-extras .sole-compound,
#main .primary-content .pdp-main .product-extras .sole-compound,
.nonshop-content .pdp-main .product-extras .sole-compound {
  border-top: 1px solid #333;
}

@media screen and (min-width: 768px) {
  #bonus-product-list.pdp-main .product-extras,
  #QuickViewDialog .pdp-main .product-extras,
  #main .primary-content .pdp-main .product-extras,
  .nonshop-content .pdp-main .product-extras {
    margin: 45px 0;
  }
}

#bonus-product-list.pdp-main .product-extras .extras-col,
#QuickViewDialog .pdp-main .product-extras .extras-col,
#main .primary-content .pdp-main .product-extras .extras-col,
.nonshop-content .pdp-main .product-extras .extras-col {
  padding: 16px 0;
}

#bonus-product-list.pdp-main .product-extras .extras-col.full-col,
#QuickViewDialog .pdp-main .product-extras .extras-col.full-col,
#main .primary-content .pdp-main .product-extras .extras-col.full-col,
.nonshop-content .pdp-main .product-extras .extras-col.full-col {
  width: 100%;
}

@media screen and (min-width: 768px) {
  #bonus-product-list.pdp-main .product-extras .extras-col,
  #QuickViewDialog .pdp-main .product-extras .extras-col,
  #main .primary-content .pdp-main .product-extras .extras-col,
  .nonshop-content .pdp-main .product-extras .extras-col {
    float: left;
    width: 50%;
    padding: 32px 0;
  }
}

#bonus-product-list.pdp-main .product-extras .extras-col h3,
#QuickViewDialog .pdp-main .product-extras .extras-col h3,
#main .primary-content .pdp-main .product-extras .extras-col h3,
.nonshop-content .pdp-main .product-extras .extras-col h3 {
  color: #000;
  font-family: "din-black",Arial,sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 1.2;
  margin: 0 0 12px 0;
  padding: 0 0 0 0;
  text-transform: uppercase;
}

#bonus-product-list.pdp-main .product-extras .extras-col h4,
#QuickViewDialog .pdp-main .product-extras .extras-col h4,
#main .primary-content .pdp-main .product-extras .extras-col h4,
.nonshop-content .pdp-main .product-extras .extras-col h4 {
  color: #000;
  font-family: "din-bold",Arial,sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.2;
  margin: 0 0 0 0;
  padding: 0 0 12px 0;
}

#bonus-product-list.pdp-main .product-extras .extras-col p,
#bonus-product-list.pdp-main .product-extras .extras-col ol li,
#bonus-product-list.pdp-main .product-extras .extras-col ul li,
#QuickViewDialog .pdp-main .product-extras .extras-col p,
#QuickViewDialog .pdp-main .product-extras .extras-col ol li,
#QuickViewDialog .pdp-main .product-extras .extras-col ul li,
#main .primary-content .pdp-main .product-extras .extras-col p,
#main .primary-content .pdp-main .product-extras .extras-col ol li,
#main .primary-content .pdp-main .product-extras .extras-col ul li,
.nonshop-content .pdp-main .product-extras .extras-col p,
.nonshop-content .pdp-main .product-extras .extras-col ol li,
.nonshop-content .pdp-main .product-extras .extras-col ul li {
  color: #5d5d5d;
  font-family: "din-regular",Arial,sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.2;
  margin: 0 0 0 0;
  padding: 0 0 6px 0;
}

#bonus-product-list.pdp-main .product-extras .extras-col ol,
#bonus-product-list.pdp-main .product-extras .extras-col ul,
#QuickViewDialog .pdp-main .product-extras .extras-col ol,
#QuickViewDialog .pdp-main .product-extras .extras-col ul,
#main .primary-content .pdp-main .product-extras .extras-col ol,
#main .primary-content .pdp-main .product-extras .extras-col ul,
.nonshop-content .pdp-main .product-extras .extras-col ol,
.nonshop-content .pdp-main .product-extras .extras-col ul {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

#bonus-product-list.pdp-main .product-extras .extras-col ol li,
#bonus-product-list.pdp-main .product-extras .extras-col ul li,
#QuickViewDialog .pdp-main .product-extras .extras-col ol li,
#QuickViewDialog .pdp-main .product-extras .extras-col ul li,
#main .primary-content .pdp-main .product-extras .extras-col ol li,
#main .primary-content .pdp-main .product-extras .extras-col ul li,
.nonshop-content .pdp-main .product-extras .extras-col ol li,
.nonshop-content .pdp-main .product-extras .extras-col ul li {
  list-style: disc;
  margin-left: 18px;
}

#bonus-product-list.pdp-main .product-extras .extras-col img,
#QuickViewDialog .pdp-main .product-extras .extras-col img,
#main .primary-content .pdp-main .product-extras .extras-col img,
.nonshop-content .pdp-main .product-extras .extras-col img {
  margin: 0 0 16px 0;
  height: 200px;
  max-width: 100%;
}

@media screen and (min-width: 500px) {
  #bonus-product-list.pdp-main .product-extras .extras-col img,
  #QuickViewDialog .pdp-main .product-extras .extras-col img,
  #main .primary-content .pdp-main .product-extras .extras-col img,
  .nonshop-content .pdp-main .product-extras .extras-col img {
    float: left;
    display: block;
    margin: 0;
  }
}

#bonus-product-list.pdp-main .product-extras .extras-col .desc,
#QuickViewDialog .pdp-main .product-extras .extras-col .desc,
#main .primary-content .pdp-main .product-extras .extras-col .desc,
.nonshop-content .pdp-main .product-extras .extras-col .desc {
  padding: 0 16px;
}

@media screen and (min-width: 500px) {
  #bonus-product-list.pdp-main .product-extras .extras-col .desc,
  #QuickViewDialog .pdp-main .product-extras .extras-col .desc,
  #main .primary-content .pdp-main .product-extras .extras-col .desc,
  .nonshop-content .pdp-main .product-extras .extras-col .desc {
    overflow: auto;
  }
}

#bonus-product-list.pdp-main .product-extras .product-info,
#QuickViewDialog .pdp-main .product-extras .product-info,
#main .primary-content .pdp-main .product-extras .product-info,
.nonshop-content .pdp-main .product-extras .product-info {
  clear: both;
  width: 100%;
}

#bonus-product-list.pdp-main .product-extras .product-info .tab-row,
#QuickViewDialog .pdp-main .product-extras .product-info .tab-row,
#main .primary-content .pdp-main .product-extras .product-info .tab-row,
.nonshop-content .pdp-main .product-extras .product-info .tab-row {
  padding: 16px 0;
  position: relative;
  border-top: 1px solid #333;
}

#bonus-product-list.pdp-main .product-extras .product-info .tab-row:last-child,
#QuickViewDialog .pdp-main .product-extras .product-info .tab-row:last-child,
#main .primary-content .pdp-main .product-extras .product-info .tab-row:last-child,
.nonshop-content .pdp-main .product-extras .product-info .tab-row:last-child {
  border-bottom: 1px solid #333;
}

#bonus-product-list.pdp-main .product-extras .product-info .tab-row .open-tab,
#QuickViewDialog .pdp-main .product-extras .product-info .tab-row .open-tab,
#main .primary-content .pdp-main .product-extras .product-info .tab-row .open-tab,
.nonshop-content .pdp-main .product-extras .product-info .tab-row .open-tab {
  display: block;
  border-radius: 20px;
  height: 20px;
  width: 20px;
  position: absolute;
  top: 16px;
  right: 16px;
  color: #fff;
  background: #acacac;
  font-family: "din-regular",Arial,sans-serif;
  font-size: 21px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
}

@media screen and (min-width: 768px) {
  #bonus-product-list.pdp-main .product-extras .product-info .tab-row .open-tab,
  #QuickViewDialog .pdp-main .product-extras .product-info .tab-row .open-tab,
  #main .primary-content .pdp-main .product-extras .product-info .tab-row .open-tab,
  .nonshop-content .pdp-main .product-extras .product-info .tab-row .open-tab {
    top: 46px;
    right: 25px;
  }
}

#bonus-product-list.pdp-main .product-extras .product-info .tab-label,
#QuickViewDialog .pdp-main .product-extras .product-info .tab-label,
#main .primary-content .pdp-main .product-extras .product-info .tab-label,
.nonshop-content .pdp-main .product-extras .product-info .tab-label {
  color: #000;
  font-family: "din-black",Arial,sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.2;
  text-transform: uppercase;
  margin: 0 0 0 0;
  padding: 0 0 8px 0;
}

@media screen and (min-width: 768px) {
  #bonus-product-list.pdp-main .product-extras .product-info .tab-label,
  #QuickViewDialog .pdp-main .product-extras .product-info .tab-label,
  #main .primary-content .pdp-main .product-extras .product-info .tab-label,
  .nonshop-content .pdp-main .product-extras .product-info .tab-label {
    padding: 4.5% 0 0 0;
    float: left;
    width: 20%;
  }
}

#bonus-product-list.pdp-main .product-extras .product-info .tab-content,
#QuickViewDialog .pdp-main .product-extras .product-info .tab-content,
#main .primary-content .pdp-main .product-extras .product-info .tab-content,
.nonshop-content .pdp-main .product-extras .product-info .tab-content {
  margin: 0;
  padding: 8px 0 8px 0;
  border-top: 1px solid #333;
  overflow: hidden;
  max-height: 100px;
}

@media screen and (min-width: 768px) {
  #bonus-product-list.pdp-main .product-extras .product-info .tab-content,
  #QuickViewDialog .pdp-main .product-extras .product-info .tab-content,
  #main .primary-content .pdp-main .product-extras .product-info .tab-content,
  .nonshop-content .pdp-main .product-extras .product-info .tab-content {
    border-top: none;
    border-left: 1px solid #333;
    padding: 0 8% 4.5% 4%;
    float: left;
    width: 80%;
  }
}

#bonus-product-list.pdp-main .product-extras .product-info .tab-content.open,
#QuickViewDialog .pdp-main .product-extras .product-info .tab-content.open,
#main .primary-content .pdp-main .product-extras .product-info .tab-content.open,
.nonshop-content .pdp-main .product-extras .product-info .tab-content.open {
  max-height: none;
  overflow: visible;
}

#bonus-product-list.pdp-main .product-extras .product-info .tab-content p,
#bonus-product-list.pdp-main .product-extras .product-info .tab-content ol li,
#bonus-product-list.pdp-main .product-extras .product-info .tab-content ul li,
#QuickViewDialog .pdp-main .product-extras .product-info .tab-content p,
#QuickViewDialog .pdp-main .product-extras .product-info .tab-content ol li,
#QuickViewDialog .pdp-main .product-extras .product-info .tab-content ul li,
#main .primary-content .pdp-main .product-extras .product-info .tab-content p,
#main .primary-content .pdp-main .product-extras .product-info .tab-content ol li,
#main .primary-content .pdp-main .product-extras .product-info .tab-content ul li,
.nonshop-content .pdp-main .product-extras .product-info .tab-content p,
.nonshop-content .pdp-main .product-extras .product-info .tab-content ol li,
.nonshop-content .pdp-main .product-extras .product-info .tab-content ul li {
  color: #5d5d5d;
  font-family: "din-regular",Arial,sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.2;
  margin: 0 0 0 0;
  padding: 0 0 8px 0;
}

#bonus-product-list.pdp-main .product-extras .product-info .tab-content ol,
#bonus-product-list.pdp-main .product-extras .product-info .tab-content ul,
#QuickViewDialog .pdp-main .product-extras .product-info .tab-content ol,
#QuickViewDialog .pdp-main .product-extras .product-info .tab-content ul,
#main .primary-content .pdp-main .product-extras .product-info .tab-content ol,
#main .primary-content .pdp-main .product-extras .product-info .tab-content ul,
.nonshop-content .pdp-main .product-extras .product-info .tab-content ol,
.nonshop-content .pdp-main .product-extras .product-info .tab-content ul {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

#bonus-product-list.pdp-main .product-extras .product-info .tab-content ol li,
#bonus-product-list.pdp-main .product-extras .product-info .tab-content ul li,
#QuickViewDialog .pdp-main .product-extras .product-info .tab-content ol li,
#QuickViewDialog .pdp-main .product-extras .product-info .tab-content ul li,
#main .primary-content .pdp-main .product-extras .product-info .tab-content ol li,
#main .primary-content .pdp-main .product-extras .product-info .tab-content ul li,
.nonshop-content .pdp-main .product-extras .product-info .tab-content ol li,
.nonshop-content .pdp-main .product-extras .product-info .tab-content ul li {
  list-style: disc;
  margin-left: 18px;
}

#bonus-product-list.pdp-main .product-extras .product-info .tab-content ol li,
#QuickViewDialog .pdp-main .product-extras .product-info .tab-content ol li,
#main .primary-content .pdp-main .product-extras .product-info .tab-content ol li,
.nonshop-content .pdp-main .product-extras .product-info .tab-content ol li {
  list-style: decimal;
}

#bonus-product-list.pdp-main .product-extras .product-info .tab-content img,
#QuickViewDialog .pdp-main .product-extras .product-info .tab-content img,
#main .primary-content .pdp-main .product-extras .product-info .tab-content img,
.nonshop-content .pdp-main .product-extras .product-info .tab-content img {
  display: block;
  margin: 0 0 16px 0;
  max-width: 100%;
}

#bonus-product-list.pdp-main .non-shop .product-extras,
#QuickViewDialog .pdp-main .non-shop .product-extras,
#main .primary-content .pdp-main .non-shop .product-extras,
.nonshop-content .pdp-main .non-shop .product-extras {
  margin: 0;
  border: none;
}

#bonus-product-list.pdp-main .non-shop .shortDesc,
#QuickViewDialog .pdp-main .non-shop .shortDesc,
#main .primary-content .pdp-main .non-shop .shortDesc,
.nonshop-content .pdp-main .non-shop .shortDesc {
  border: none;
  padding-bottom: 0;
  margin-bottom: 12px;
}

#bonus-product-list.pdp-main .non-shop .shortDesc ul,
#QuickViewDialog .pdp-main .non-shop .shortDesc ul,
#main .primary-content .pdp-main .non-shop .shortDesc ul,
.nonshop-content .pdp-main .non-shop .shortDesc ul {
  list-style-type: disc;
  margin: 10px 0 10px 20px;
}

#bonus-product-list.pdp-main .non-shop .shortDesc p,
#QuickViewDialog .pdp-main .non-shop .shortDesc p,
#main .primary-content .pdp-main .non-shop .shortDesc p,
.nonshop-content .pdp-main .non-shop .shortDesc p {
  margin: 10px 0;
  line-height: 1.4;
}

#bonus-product-list.pdp-main .non-shop .partner-button,
#QuickViewDialog .pdp-main .non-shop .partner-button,
#main .primary-content .pdp-main .non-shop .partner-button,
.nonshop-content .pdp-main .non-shop .partner-button {
  clear: both;
  margin: 0 0 0 0;
  padding: 12px 36px 12px 18px;
}

#bonus-product-list.pdp-main .non-shop .partner-button:after,
#QuickViewDialog .pdp-main .non-shop .partner-button:after,
#main .primary-content .pdp-main .non-shop .partner-button:after,
.nonshop-content .pdp-main .non-shop .partner-button:after {
  left: auto;
  right: 8px;
  content: '\e80b';
}

#bonus-product-list.pdp-main .non-shop .partner-logo,
#QuickViewDialog .pdp-main .non-shop .partner-logo,
#main .primary-content .pdp-main .non-shop .partner-logo,
.nonshop-content .pdp-main .non-shop .partner-logo {
  width: 100px;
  margin: 12px 12px 12px 0;
}

#bonus-product-list.pdp-main .non-shop .partner-logo img,
#QuickViewDialog .pdp-main .non-shop .partner-logo img,
#main .primary-content .pdp-main .non-shop .partner-logo img,
.nonshop-content .pdp-main .non-shop .partner-logo img {
  display: block;
  max-width: 100%;
}

#bonus-product-list.pdp-main .non-shop .partner-logo+.shortDescWrapper,
#QuickViewDialog .pdp-main .non-shop .partner-logo+.shortDescWrapper,
#main .primary-content .pdp-main .non-shop .partner-logo+.shortDescWrapper,
.nonshop-content .pdp-main .non-shop .partner-logo+.shortDescWrapper {
  padding: 12px 0;
  overflow: auto;
}

#bonus-product-list.pdp-main .non-shop .shortDescWrapper ul li,
#QuickViewDialog .pdp-main .non-shop .shortDescWrapper ul li,
#main .primary-content .pdp-main .non-shop .shortDescWrapper ul li,
.nonshop-content .pdp-main .non-shop .shortDescWrapper ul li {
  padding-bottom: 8px;
}

#bonus-product-list.pdp-main .category-compound-item,
#QuickViewDialog .pdp-main .category-compound-item,
#main .primary-content .pdp-main .category-compound-item,
.nonshop-content .pdp-main .category-compound-item {
  position: relative;
  margin-bottom: 10px;
  clear: left;
}

#bonus-product-list.pdp-main .category-compound-item .category-compound-image,
#QuickViewDialog .pdp-main .category-compound-item .category-compound-image,
#main .primary-content .pdp-main .category-compound-item .category-compound-image,
.nonshop-content .pdp-main .category-compound-item .category-compound-image {
  float: left;
  max-width: 120px;
  width: 25%;
  padding: 0 10px 10px 0;
}

#bonus-product-list.pdp-main .category-compound-item .category-compound-image img,
#QuickViewDialog .pdp-main .category-compound-item .category-compound-image img,
#main .primary-content .pdp-main .category-compound-item .category-compound-image img,
.nonshop-content .pdp-main .category-compound-item .category-compound-image img {
  width: 100%;
  height: auto;
}

#bonus-product-list.pdp-main .category-compound-item h3.category-compound-name,
#QuickViewDialog .pdp-main .category-compound-item h3.category-compound-name,
#main .primary-content .pdp-main .category-compound-item h3.category-compound-name,
.nonshop-content .pdp-main .category-compound-item h3.category-compound-name {
  width: 75%;
  font-size: 1.5em;
  float: left;
}

#bonus-product-list.pdp-main .category-compound-item .category-compound-body,
#QuickViewDialog .pdp-main .category-compound-item .category-compound-body,
#main .primary-content .pdp-main .category-compound-item .category-compound-body,
.nonshop-content .pdp-main .category-compound-item .category-compound-body {
  float: left;
  width: 75%;
}

#bonus-product-list.pdp-main .recommendations,
#QuickViewDialog .pdp-main .recommendations,
#main .primary-content .pdp-main .recommendations,
.nonshop-content .pdp-main .recommendations {
  clear: both;
  width: 100%;
}

#bonus-product-list.pdp-main,
#QuickViewDialog .pdp-main {
  padding: 0;
}

@media screen and (min-width: 960px) {
  #bonus-product-list.pdp-main,
  #QuickViewDialog .pdp-main {
    padding: 0;
  }
}

#bonus-product-list.pdp-main h1.product-name,
#QuickViewDialog .pdp-main h1.product-name {
  font-size: 14px;
  padding: 0 0 12px 0;
}

@media screen and (min-width: 480px) {
  #bonus-product-list.pdp-main h1.product-name,
  #QuickViewDialog .pdp-main h1.product-name {
    font-size: 18px;
  }
}

@media screen and (min-width: 768px) {
  #bonus-product-list.pdp-main h1.product-name,
  #QuickViewDialog .pdp-main h1.product-name {
    font-size: 21px;
  }
}

#bonus-product-list.pdp-main h2.product-name,
#QuickViewDialog .pdp-main h2.product-name {
  font-size: 12px;
  padding: 0 0 12px 0;
}

@media screen and (min-width: 480px) {
  #bonus-product-list.pdp-main h2.product-name,
  #QuickViewDialog .pdp-main h2.product-name {
    font-size: 16px;
  }
}

@media screen and (min-width: 768px) {
  #bonus-product-list.pdp-main h2.product-name,
  #QuickViewDialog .pdp-main h2.product-name {
    font-size: 19px;
  }
}

#bonus-product-list.pdp-main .product-info .product-variations ul,
#QuickViewDialog .pdp-main .product-info .product-variations ul {
  padding: 0 0 0 0;
}

#bonus-product-list.pdp-main .product-info .product-variations .attribute,
#QuickViewDialog .pdp-main .product-info .product-variations .attribute {
  padding: 0 0 0 0;
  margin: 12px 0 0 0;
}

#bonus-product-list.pdp-main .product-info .block-add-to-cart,
#bonus-product-list.pdp-main .product-info .product-add-to-cart,
#QuickViewDialog .pdp-main .product-info .block-add-to-cart,
#QuickViewDialog .pdp-main .product-info .product-add-to-cart {
  padding: 12px 0;
  margin-bottom: 12px;
}

#bonus-product-list.pdp-main .product-info .availability-block,
#QuickViewDialog .pdp-main .product-info .availability-block {
  padding: 12px 0 0 0;
}

.sharing {
  padding: 12px 0 0 0;
}

.sharing .label {
  display: inline-block;
  color: #666;
  font-family: "din-regular",Arial,sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 11px;
  height: 23px;
  text-transform: uppercase;
  vertical-align: middle;
  padding: 0 6px 0 0;
}

.sharing .addthis_sharing_toolbox {
  display: inline-block;
}

.sharing .send-to-friend {
  margin: 3px 0 0 0px;
  display: inline-block;
  height: 20px;
  width: 20px;
  background: transparent;
  position: relative;
}

.sharing .send-to-friend:after {
  color: #666;
  content: '\e81a';
  font-family: 'vibram';
  font-size: 20px;
  display: block;
  height: 20px;
  width: 20px;
  position: absolute;
  top: -1px;
  left: 0;
}

.sharing .send-to-friend span {
  display: none;
}

p.return-policy {
  padding: 12px 0;
}

p.return-policy .guarantee {
  font-family: "din-bold",Arial,sans-serif;
  color: #070707;
}

p.return-policy a {
  text-decoration: underline;
}

p.return-policy a:hover {
  text-decoration: none;
}

.product-set-details h2.product-name {
  width: 100%;
}

.product-set-details h2.product-name a {
  color: #000;
}

.product-set-details h2.product-name+.product-number {
  margin-bottom: 12px;
}

.product-set-details h2.product-name+.product-number+.attribute {
  font-size: 14px;
  padding: 0 0 12px 0;
}

.product-set-details h2.product-name+.product-number+.attribute .label {
  font-family: "din-bold",Arial,sans-serif;
}

.product-set-item {
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid #333;
}

.view-details {
  margin: 0 0 12px 0;
  font-family: "din-bold",Arial,sans-serif;
  text-decoration: underline;
}

.view-details:hover {
  text-decoration: none;
}

.pdpForm.bundle {
  padding: 12px 0;
}

.color .unselectable a {
  position: relative;
  border-color: transparent !important;
}

.color .unselectable a:before {
  content: attr(data-soldout);
  display: block;
  background: url("../images/icon-swatch-unselectable.png") no-repeat scroll left top transparent;
  width: 36px;
  height: 29px;
  background-size: 36px;
  position: absolute;
  top: 0px;
  left: 0px;
  border: 3px solid #6a6b6c;
  white-space: pre;
  font-size: 12px;
  line-height: 1.1;
  padding-top: 7px;
  text-align: center;
}

#dialog-container .content-asset p img {
  width: 100%;
}

.soleFactorMsg {
  padding: 20px 0 0 0;
}

.soleFactorMsg p {
  font-style: italic;
  line-height: 1.2em;
}

.addToCartModal {
  top: 1% !important;
}

.addToCartModal h1 {
  font-size: 24px;
  padding-bottom: 10px;
}

.pr-review-faceoff .pr-review-faceoff-review {
  box-sizing: content-box !important;
}

.tabs {
  clear: both;
  float: none;
}

.tabs .tab .tab-switch,
.tabs .tab .tab-label {
  display: none;
}

.tabs .tab #pdpReviewsTab {
  position: relative;
}

.tabs .tab #pdpReviewsTab .secretAnchor {
  position: absolute;
  top: -12em;
}

@media screen and (max-width: 600px) {
  .tabs .tab #pdpReviewsTab .secretAnchor {
    top: 0;
  }
}

.p-w-r #pr-image-display {
  display: none;
}

.p-w-r .pr-media-carousel .button {
  outline: none;
  background: transparent;
}

.p-w-r .pr-media-carousel .button button {
  outline: none;
}

.p-w-r .pr-media-carousel .button:after {
  content: initial;
}

.bonus-product-list .bonus-product-item {
  border-bottom: 1px solid #e0e0e0;
}

@media screen and (max-width: 768px) {
  .bonus-product-list .bonus-product-item .product-col-1,
  .bonus-product-list .bonus-product-item .product-col-2 {
    float: left;
    clear: none;
  }
}

.bonus-product-list .product-add-to-cart {
  padding-bottom: 0;
}

.bonus-product-list .product-add-to-cart .inventory {
  width: auto;
}

.bonus-product-list .product-name {
  float: none;
  margin: 1em 0;
}

.bonus-product-list .quantity-error {
  color: red;
  text-transform: inherit;
}

.bonus-product-list .bonus-product-list-footer {
  padding-top: 1em;
  padding-bottom: 1em;
}

.bonus-product-list .bonus-product-list-footer .add-to-cart-bonus {
  float: right;
}

.bonus-product-list .selected-bonus-item {
  margin: 1em 0 1em 1em;
  position: relative;
}

.bonus-product-list .selected-bonus-item .item-name {
  font-weight: bold;
}

.bonus-product-list .selected-bonus-item .remove-link {
  cursor: pointer;
  color: #d00;
  left: -1em;
  position: absolute;
}

.bonus-product-list .selected-bonus-item .remove-link:hover {
  color: #424242;
}

@media screen and (min-width: 600px) {
  .send-to-friend-fields {
    width: 65%;
    float: left;
  }
}

.send-to-friend-fields dl dt {
  color: #000;
  font-family: "din-bold",Arial,sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
  padding: 0 0 2px 0;
  clear: both;
  float: none;
  margin: 0;
  min-width: none;
}

.send-to-friend-fields dl dd {
  color: #000;
  font-family: "din-regular",Arial,sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  padding: 0 0 16px 0;
  clear: both;
  float: none;
  margin: 0;
  min-width: none;
}

.send-to-friend-product {
  padding-bottom: 24px;
}

@media screen and (min-width: 600px) {
  .send-to-friend-product {
    width: 35%;
    float: left;
    padding-right: 24px;
    padding-bottom: 0px;
  }
}

.send-to-friend-product .product-image {
  border: 1px solid #d7d7d7;
  margin: 0 0 12px 0;
}

.send-to-friend-product .product-image img {
  display: block;
  max-width: 100%;
}

.send-to-friend-product .product-description h2 {
  color: #000;
  font-family: "din-bold",Arial,sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
  padding: 0 0 8px 0;
}

.send-to-friend-product .product-description .product-number {
  color: #666;
  font-family: "din-regular",Arial,sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
  padding: 0 0 8px 0;
}

.send-to-friend-product .product-description .attribute {
  color: #000;
  font-family: "din-regular",Arial,sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
  padding: 0 0 8px 0;
}

.send-review h2 {
  color: #000;
  font-family: "din-bold",Arial,sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
  padding: 0 0 8px 0;
}

.send-review p {
  color: #000;
  font-family: "din-regular",Arial,sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  padding: 0 0 16px 0;
}

#send-to-friend-main fieldset .form-row-button {
  text-align: right;
  padding-top: 12px;
}

@media screen and (min-width: 768px) {
  #send-to-friend-main fieldset .form-row label {
    text-align: right;
    padding-right: 12px;
  }
}

@media screen and (min-width: 768px) {
  #send-to-friend-main fieldset .form-row label {
    font-size: 12px;
  }
}

#send-to-friend-main fieldset .form-row .char-count {
  padding: 4px;
  text-align: right;
}

@media screen and (min-width: 768px) {
  #send-to-friend-main fieldset .form-row textarea {
    width: 60%;
  }
}

#send-to-friend-main fieldset .form-row.label-inline {
  position: relative;
}

#send-to-friend-main fieldset .form-row.label-inline label {
  text-transform: none;
  line-height: 1.2;
  width: 100%;
  padding-right: 24px;
}

#send-to-friend-main fieldset .form-row.label-inline input {
  position: absolute;
  top: 0;
  right: 0;
}

@media screen and (min-width: 768px) {
  #send-to-friend-main span.error {
    padding-left: 40%;
  }
}

#send-to-friend-main .send-to-friend-sender {
  line-height: 44px;
  font-family: "din-bold",Arial,sans-serif;
}

#send-to-friend-dialog .send-to-friend-login-message {
  font-size: 15px;
  padding: 0 0 16px 0;
}

.sizinginformation {
  border: 0 none;
  padding: 10px;
}

.sizinginformation th {
  background: none repeat scroll 0 0 #efefef;
}

.sizinginformation td,
.sizinginformation th {
  border-bottom: 1px solid #efefef;
  padding: 10px;
}

.sizinginformation td {
  border-left: 1px solid #efefef;
}

.sizinginformation .ui-tabs-nav {
  height: 33px;
}

.sizinginformation .sizing-charts {
  border: 0 none;
}

.sizinginformation .tips-list {
  padding: 0 !important;
}

.sizinginformation .tips-list li {
  list-style: none outside none !important;
}

.checkoutmultishipping table .header-total-price,
#cart-table .header-total-price {
  text-align: right;
}

.checkoutmultishipping table .item-user-actions,
#cart-table .item-user-actions {
  display: inline-block;
  padding-left: 12px;
}

@media (min-width: 560px) {
  .checkoutmultishipping table .item-user-actions,
  #cart-table .item-user-actions {
    padding-right: 0;
    display: block;
    position: absolute;
    top: 20px;
    right: 12px;
  }
}

.checkoutmultishipping table .item-user-actions a,
.checkoutmultishipping table .item-user-actions button,
#cart-table .item-user-actions a,
#cart-table .item-user-actions button {
  display: block;
  height: 21px;
  width: 21px;
  border-radius: 21px;
  background: #ccc;
  color: #fff;
}

.checkoutmultishipping table .item-user-actions a:hover,
.checkoutmultishipping table .item-user-actions button:hover,
#cart-table .item-user-actions a:hover,
#cart-table .item-user-actions button:hover {
  background: #f00;
  color: #fff;
}

.checkoutmultishipping table .item-user-actions a:before,
.checkoutmultishipping table .item-user-actions button:before,
#cart-table .item-user-actions a:before,
#cart-table .item-user-actions button:before {
  display: block;
  height: 21px;
  width: 21px;
  line-height: 21px;
  font-family: 'vibram';
  content: '\e80d';
}

.checkoutmultishipping table .item-user-actions a:focus,
.checkoutmultishipping table .item-user-actions button:focus,
#cart-table .item-user-actions a:focus,
#cart-table .item-user-actions button:focus {
  outline: none;
}

.checkoutmultishipping table .item-user-actions a span,
.checkoutmultishipping table .item-user-actions button span,
#cart-table .item-user-actions a span,
#cart-table .item-user-actions button span {
  display: none;
}

.checkoutmultishipping table .giftcertlink,
.checkoutmultishipping table .item-edit-details,
.checkoutmultishipping table .bonusproducts,
#cart-table .giftcertlink,
#cart-table .item-edit-details,
#cart-table .bonusproducts {
  padding-top: 8px;
}

.checkoutmultishipping table .giftcertlink.no-qty,
.checkoutmultishipping table .item-edit-details.no-qty,
.checkoutmultishipping table .bonusproducts.no-qty,
#cart-table .giftcertlink.no-qty,
#cart-table .item-edit-details.no-qty,
#cart-table .bonusproducts.no-qty {
  padding-top: 0px;
}

.checkoutmultishipping table .giftcertlink a,
.checkoutmultishipping table .item-edit-details a,
.checkoutmultishipping table .bonusproducts a,
#cart-table .giftcertlink a,
#cart-table .item-edit-details a,
#cart-table .bonusproducts a {
  color: #000;
  font-size: 12px;
  text-decoration: underline;
}

.checkoutmultishipping table .giftcertlink a:hover,
.checkoutmultishipping table .item-edit-details a:hover,
.checkoutmultishipping table .bonusproducts a:hover,
#cart-table .giftcertlink a:hover,
#cart-table .item-edit-details a:hover,
#cart-table .bonusproducts a:hover {
  text-decoration: none;
}

.checkoutmultishipping table .price-promotion .price-sales,
#cart-table .price-promotion .price-sales {
  color: #d00;
}

.checkoutmultishipping table .price-promotion .price-standard,
#cart-table .price-promotion .price-standard {
  text-decoration: line-through;
}

.checkoutmultishipping table .item-total,
#cart-table .item-total {
  font-weight: 700;
  text-align: right;
  word-wrap: break-word;
}

.checkoutmultishipping table .price-unadjusted,
#cart-table .price-unadjusted {
  color: #666;
  display: block;
}

.checkoutmultishipping table .price-unadjusted span,
#cart-table .price-unadjusted span {
  text-decoration: line-through;
}

.checkoutmultishipping table .price-adjusted-total,
#cart-table .price-adjusted-total {
  color: #666;
  display: block;
}

.checkoutmultishipping table .price-adjusted-total span,
#cart-table .price-adjusted-total span {
  color: #d00;
}

.checkoutmultishipping table .gift-cert-delivery,
#cart-table .gift-cert-delivery {
  color: #d00;
}

.mini-cart-pricing .price-unadjusted {
  color: #666;
}

.mini-cart-pricing .price-unadjusted span {
  text-decoration: line-through;
}

.mini-cart-pricing .promo-adjustment,
.mini-cart-pricing .price-adjusted-total {
  color: #d00;
  display: inline-block;
  width: 100%;
  text-align: right;
}

.mini-cart-pricing .promo-adjustment span,
.mini-cart-pricing .price-adjusted-total span {
  color: #d00;
}

tr.cart-promo td,
div.cart-promo {
  background: #ffea8e;
  color: #000;
  font-family: "din-medium",Arial,sans-serif;
  font-weight: 400;
  margin: 0;
  padding: 16px;
  font-size: 14px;
  line-height: 1.3;
}

@media (min-width: 768px) {
  tr.cart-promo td,
  div.cart-promo {
    font-size: 17px;
  }
}

tr.cart-promo td .bonus-item-actions,
div.cart-promo .bonus-item-actions {
  font-size: 12px !important;
  text-align: center;
  vertical-align: middle;
}

.cart-promo .tooltip {
  color: #000;
  font-size: 12px;
  text-transform: uppercase;
  padding: 12px 0 0 0;
  text-decoration: underline;
}

.cart-promo .select-bonus {
  color: #000;
  font-size: 12px;
  text-transform: uppercase;
  display: inline-block;
  padding: 12px 0 0 0;
  text-decoration: underline;
}

.cart-footer {
  margin: 10px 0;
  overflow: hidden;
}

.cart-order-totals {
  float: right;
  width: 40%;
  margin-top: 26px;
}

.cart-order-totals button {
  float: right;
}

.order-totals-table th {
  display: none;
}

.order-totals-table td {
  padding: 10px 0;
}

.order-totals-table td+td {
  word-break: normal;
}

.order-totals-table tr td:last-child {
  text-align: right;
}

.order-totals-table .order-total {
  border-top: 1px solid #dfdfdf;
  font-family: "din-bold",Arial,sans-serif;
  font-weight: 400;
}

.order-totals-table .orderTotalBorder {
  border-top: 0px solid #dfdfdf;
}

.order-totals-item {
  width: 60%;
}

.order-totals-value {
  width: 40%;
}

.order-subtotal {
  font-weight: 700;
}

#secondary .order-totals-table .order-shipping a {
  display: none;
}

.cart-action-checkout {
  float: right;
}

.cart-action-continue-shopping {
  float: right;
}

.cart-recommendations {
  clear: both;
}

.cart-recommendations h2 {
  text-align: center;
  color: #000;
  font-family: "din-black",Arial,sans-serif;
  font-size: 38px;
  font-weight: 400;
  line-height: 1.3;
  text-transform: uppercase;
  padding: 24px 0 12px 0;
  margin: 0 0 18px 0;
  border-bottom: 1px solid #d7d7d7;
  width: 100%;
}

.cart-recommendations .horizontal-carousel {
  padding-bottom: 24px;
}

.cart-recommendations .horizontal-carousel .product-tile-carousel {
  padding: 0 24px 0 24px;
}

.cart-recommendations .horizontal-carousel .product-tile-carousel img {
  margin: 0 auto;
  width: auto;
}

.cart-recommendations .horizontal-carousel .product-tile-carousel .product-pricing,
.cart-recommendations .horizontal-carousel .product-tile-carousel .product-name {
  margin: 0;
  padding: 0 0 6px 0;
  height: auto;
  color: #000;
  font-family: "din-regular",Arial,sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  text-align: center;
  font-style: normal;
}

.cart-recommendations .horizontal-carousel .product-tile-carousel .product-pricing a,
.cart-recommendations .horizontal-carousel .product-tile-carousel .product-name a {
  color: #000;
}

.cart-recommendations .horizontal-carousel .product-tile-carousel .product-pricing .product-standard-price+.product-sales-price,
.cart-recommendations .horizontal-carousel .product-tile-carousel .product-name .product-standard-price+.product-sales-price {
  color: #d00;
}

.cart-recommendations .horizontal-carousel .product-tile-carousel .product-name {
  font-family: "din-bold",Arial,sans-serif;
}

.cart-actions-top {
  padding-bottom: 1.0em;
}

.cart-actions-top .cart-action-continue-shopping {
  float: none;
}

.promo-adjustment {
  color: #d00;
  min-width: 100px;
  white-space: normal;
}

ul.product-availability-list {
  margin: 0;
  padding: 6px 0;
  font-family: "din-regular",Arial,sans-serif;
  font-size: 12px;
}

ul.product-availability-list.on-order-list {
  margin-top: 12px;
  padding: 6px;
  border: 1px solid #fed22b;
  background: #fff;
  border-radius: 6px;
}

ul.product-availability-list li {
  list-style: none outside none;
}

ul.product-availability-list .on-order,
ul.product-availability-list .not-available {
  color: #d00;
}

.account-welcome .welcome-message {
  font-family: Georgia,serif;
  font-size: 1.2em;
  font-style: italic;
}

.account-welcome .not-user {
  margin: 10px 0;
}

#password-reset {
  white-space: nowrap;
}

.ui-dialog #bonus-product-list {
  max-height: 400px;
  overflow: auto;
  padding-right: 10px;
}

.ui-dialog #bonus-product-list::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #F5F5F5;
}

.ui-dialog #bonus-product-list::-webkit-scrollbar {
  width: 10px;
  background-color: #F5F5F5;
}

.ui-dialog #bonus-product-list::-webkit-scrollbar-thumb {
  background-color: #000000;
}

#cart-table td.cart-empty.no-rwd,
#cart-table td.cart-empty {
  padding: 48px 24px 48px 24px;
}

#cart-table td.cart-empty.no-rwd p,
#cart-table td.cart-empty p {
  color: #000;
  font-family: "din-regular",Arial,sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 1.3;
  text-align: center;
}

@media screen and (max-width: 559px) {
  #cart-table td.cart-empty.no-rwd,
  #cart-table td.cart-empty {
    padding: 24px 12px 24px 12px;
    width: 100%;
    display: block !important;
  }
}

.cart-bottom-empty {
  text-align: center;
}

.cart-bottom-empty form {
  margin: 24px 0 0 0;
}

.cart-bottom-empty button.button {
  background: #fed22b;
  color: #000;
}

.cart-bottom-empty button.button:hover {
  background: #797f8a;
  color: #fff;
}

.cart-bottom-empty button.button[disabled]:hover {
  background: #fed22b;
  color: #000;
}

.ship-name {
  font-size: 12px;
  color: #767676;
  display: block;
  padding: 4px 0 0 0;
  font-family: "din-regular",Arial,sans-serif;
}

form .formactions {
  margin: 0;
  padding: 20px;
}

.cart-slot {
  min-height: 32px;
}

.cart-slot p {
  margin: 0;
  padding: 0 0 32px 0;
}

.cart-slot img {
  display: block;
  max-width: 100%;
}

.cart-row .cart-col {
  float: left;
  position: relative;
}

.cart-row .cart-main {
  width: 100%;
  padding-right: 0px;
}

@media screen and (min-width: 960px) {
  .cart-row .cart-main {
    padding-right: 20px;
    width: 75%;
  }
}

.cart-row .cart-main h1 {
  position: relative;
}

@media screen and (min-width: 560px) {
  .cart-row .cart-main h1 {
    padding-bottom: 12px;
  }
}

.cart-row .cart-main .hdr-wrapper {
  position: relative;
}

.cart-row .cart-main .hdr-wrapper .cs-contact-number {
  display: block;
  text-align: left;
}

@media screen and (min-width: 960px) {
  .cart-row .cart-main .hdr-wrapper .cs-contact-number {
    display: none;
  }
}

@media screen and (min-width: 560px) {
  .cart-row .cart-main .hdr-wrapper .cs-contact-number {
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
  }
}

.cart-row .cart-main .rowcoupons {
  margin: 16px 0 0 0;
  color: #000;
  font-size: 14px;
  font-family: "din-regular",Arial,sans-serif;
  font-weight: 400;
  line-height: 1.3;
  text-transform: uppercase;
}

.cart-row .cart-main .rowcoupons .bonus-item {
  color: #000;
  font-size: 14px;
  font-family: "din-bold",Arial,sans-serif;
  font-weight: 400;
  line-height: 1.3;
  display: block;
  padding: 0 0 12px 0;
}

.cart-row .cart-main .rowcoupons .cartcoupon {
  padding: 0 0 6px 0;
}

.cart-row .cart-main .rowcoupons .cartcoupon .label {
  text-transform: none;
}

.cart-row .cart-main .rowcoupons .discount {
  font-style: italic;
  text-transform: none;
  font-size: 12px;
}

.cart-row .cart-main .rowcoupons button,
.cart-row .cart-main .rowcoupons a {
  margin-left: 12px;
  font-family: "din-bold",Arial,sans-serif;
  font-weight: 400;
  border: none;
  background: transparent;
  color: #000;
  text-decoration: underline;
}

.cart-row .cart-main .rowcoupons button:hover,
.cart-row .cart-main .rowcoupons a:hover {
  text-decoration: none;
}

.cart-row .cart-main .rowcoupons button {
  padding: 0 0 0 0;
}

.cart-row .cart-main .rowcoupons button:focus {
  outline: none;
  text-decoration: none;
}

.cart-row .cart-side {
  width: 100%;
  padding-top: 32px;
}

.cart-row .cart-side .cs-contact-number {
  display: none;
}

@media screen and (min-width: 960px) {
  .cart-row .cart-side {
    width: 25%;
  }

  .cart-row .cart-side .cs-contact-number {
    display: block;
  }
}

.cart-coupon-code {
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  margin: 12px 0;
  padding: 24px 0;
}

.cart-coupon-code .error {
  padding-top: 16px;
}

.coupon-form-row {
  text-align: left;
  width: 100%;
}

.coupon-form-row label {
  color: #000;
  font-size: 12px;
  width: 95px;
  font-family: "din-bold",Arial,sans-serif;
  font-weight: 400;
  line-height: 1.3;
  display: block;
  padding: 0 12px 0 0;
  text-transform: uppercase;
  text-indent: 0;
  line-height: 44px;
  float: left;
}

@media screen and (min-width: 768px) {
  .coupon-form-row label {
    font-size: 14px;
    width: 115px;
  }
}

.coupon-form-row input[type="text"] {
  float: left;
  width: 110px;
}

@media screen and (min-width: 768px) {
  .coupon-form-row input[type="text"] {
    width: 130px;
  }
}

.coupon-form-row button {
  background: #d2d3d5;
  color: #000;
  width: 80px;
  float: left;
  padding-bottom: 17px;
  padding-top: 16px;
  padding-left: 12px;
  padding-right: 12px;
}

.coupon-form-row button:hover {
  background: #000;
  color: #fff;
}

.coupon-form-row button[disabled]:hover {
  background: #d2d3d5;
  color: #000;
}

.coupon-form-row button:after {
  display: none;
}

button.apply {
  padding: 12px 18px;
  background: #d2d3d5;
  color: #000;
}

button.apply:hover {
  background: #000;
  color: #fff;
}

button.apply:after {
  display: none;
}

@media screen and (min-width: 560px) {
  .update-cart {
    text-align: right;
  }
}

.update-cart .update-cart-btn {
  padding: 12px;
}

.update-cart .update-cart-btn:after {
  display: none;
}

.cart-action-continue-shopping {
  float: none;
  margin: 48px 0;
}

.cart-action-continue-shopping button {
  background: #d2d3d5;
  color: #000;
  padding-left: 36px;
  padding-right: 18px;
}

.cart-action-continue-shopping button:hover {
  background: #000;
  color: #fff;
}

.cart-action-continue-shopping button[disabled]:hover {
  background: #d2d3d5;
  color: #000;
}

.cart-action-continue-shopping button:after {
  content: '\e80a';
  right: auto;
  left: 8px;
}

.fitPDPContentButton {
  display: flow-root;
}

.fitcontentButton {
  margin-bottom: -4%;
  padding-top: 19px;
  background: none;
  border: none;
  padding-left: 0;
}

.cart-side-summary .cart-side-totals {
  background: #f1f2f4;
  padding: 16px 20px;
}

.cart-side-summary .cart-order-totals {
  float: none;
  width: 100%;
  margin: 0 0 0 0;
  font-size: 14px;
  font-family: "din-medium",Arial,sans-serif;
  font-weight: 400;
  line-height: 1.3;
  color: #000;
  padding: 0 0 16px 0;
}

.cart-side-summary .cart-promo-approaching {
  font-size: 12px;
  font-family: "din-regular",Arial,sans-serif;
  text-align: center;
  padding: 4px 8px;
  text-transform: uppercase;
}

.cart-side-summary .cart-actions {
  background: #464646;
  padding: 20px;
}

.cart-side-summary .cart-action-checkout {
  width: 100%;
  float: none;
}

.cart-side-summary .cart-action-checkout button {
  width: 100%;
}

.checkout-progress-indicator {
  margin: 20px 0;
}

@media screen and (min-width: 560px) {
  .checkout-progress-indicator {
    background: #f1f2f4;
    border: 1px solid #d7d7d7;
  }
}

.checkout-progress-indicator .step-1,
.checkout-progress-indicator .step-2,
.checkout-progress-indicator .step-3,
.checkout-progress-indicator .step-4 {
  font-family: "din-bold",Arial,sans-serif;
  display: inline-block;
  font-size: 12px;
  padding: 0 7px 0 0;
  color: #999;
  font-weight: 400;
  line-height: 1;
  position: relative;
  float: left;
}

@media screen and (min-width: 560px) {
  .checkout-progress-indicator .step-1,
  .checkout-progress-indicator .step-2,
  .checkout-progress-indicator .step-3,
  .checkout-progress-indicator .step-4 {
    color: #464646;
    display: block;
    width: 33.3333%;
    border-right: 1px solid #d7d7d7;
    text-transform: uppercase;
    font-size: 13px !important;
    padding: 14px !important;
  }
}

@media screen and (min-width: 640px) {
  .checkout-progress-indicator .step-1,
  .checkout-progress-indicator .step-2,
  .checkout-progress-indicator .step-3,
  .checkout-progress-indicator .step-4 {
    font-size: 15px !important;
    padding: 18px !important;
  }
}

@media screen and (min-width: 768px) {
  .checkout-progress-indicator .step-1,
  .checkout-progress-indicator .step-2,
  .checkout-progress-indicator .step-3,
  .checkout-progress-indicator .step-4 {
    font-size: 13px !important;
    padding: 14px !important;
  }
}

@media screen and (min-width: 960px) {
  .checkout-progress-indicator .step-1,
  .checkout-progress-indicator .step-2,
  .checkout-progress-indicator .step-3,
  .checkout-progress-indicator .step-4 {
    font-size: 15px !important;
    padding: 18px !important;
  }
}

.checkout-progress-indicator .step-1.active,
.checkout-progress-indicator .step-2.active,
.checkout-progress-indicator .step-3.active,
.checkout-progress-indicator .step-4.active {
  color: #000;
  text-decoration: underline;
}

.checkout-progress-indicator .step-1.active a,
.checkout-progress-indicator .step-2.active a,
.checkout-progress-indicator .step-3.active a,
.checkout-progress-indicator .step-4.active a {
  color: #000;
}

@media screen and (min-width: 560px) {
  .checkout-progress-indicator .step-1.active,
  .checkout-progress-indicator .step-2.active,
  .checkout-progress-indicator .step-3.active,
  .checkout-progress-indicator .step-4.active {
    text-decoration: none;
    background: #d7d7d7;
  }
}

.checkout-progress-indicator.multishipprogress div,
.checkout-progress-indicator.multishipprogress .step-1,
.checkout-progress-indicator.multishipprogress .step-2,
.checkout-progress-indicator.multishipprogress .step-3,
.checkout-progress-indicator.multishipprogress .step-4 {
  background: none;
  display: inline-block;
  font-size: 12px !important;
  padding: 0 7px 0 0 !important;
  color: #999;
}

@media screen and (min-width: 560px) {
  .checkout-progress-indicator.multishipprogress div,
  .checkout-progress-indicator.multishipprogress .step-1,
  .checkout-progress-indicator.multishipprogress .step-2,
  .checkout-progress-indicator.multishipprogress .step-3,
  .checkout-progress-indicator.multishipprogress .step-4 {
    color: #464646;
    display: block;
    width: 25%;
    font-size: 13px !important;
    padding: 14px !important;
  }
}

@media screen and (min-width: 640px) {
  .checkout-progress-indicator.multishipprogress div,
  .checkout-progress-indicator.multishipprogress .step-1,
  .checkout-progress-indicator.multishipprogress .step-2,
  .checkout-progress-indicator.multishipprogress .step-3,
  .checkout-progress-indicator.multishipprogress .step-4 {
    font-size: 15px !important;
    padding: 18px !important;
  }
}

@media screen and (min-width: 768px) {
  .checkout-progress-indicator.multishipprogress div,
  .checkout-progress-indicator.multishipprogress .step-1,
  .checkout-progress-indicator.multishipprogress .step-2,
  .checkout-progress-indicator.multishipprogress .step-3,
  .checkout-progress-indicator.multishipprogress .step-4 {
    font-size: 13px !important;
    padding: 14px !important;
  }
}

@media screen and (min-width: 960px) {
  .checkout-progress-indicator.multishipprogress div,
  .checkout-progress-indicator.multishipprogress .step-1,
  .checkout-progress-indicator.multishipprogress .step-2,
  .checkout-progress-indicator.multishipprogress .step-3,
  .checkout-progress-indicator.multishipprogress .step-4 {
    font-size: 15px !important;
    padding: 18px !important;
  }
}

.checkout-progress-indicator.multishipprogress div.active,
.checkout-progress-indicator.multishipprogress .step-1.active,
.checkout-progress-indicator.multishipprogress .step-2.active,
.checkout-progress-indicator.multishipprogress .step-3.active,
.checkout-progress-indicator.multishipprogress .step-4.active {
  color: #000;
  text-decoration: underline;
}

.checkout-progress-indicator.multishipprogress div.active a,
.checkout-progress-indicator.multishipprogress .step-1.active a,
.checkout-progress-indicator.multishipprogress .step-2.active a,
.checkout-progress-indicator.multishipprogress .step-3.active a,
.checkout-progress-indicator.multishipprogress .step-4.active a {
  color: #000;
}

@media screen and (min-width: 560px) {
  .checkout-progress-indicator.multishipprogress div.active,
  .checkout-progress-indicator.multishipprogress .step-1.active,
  .checkout-progress-indicator.multishipprogress .step-2.active,
  .checkout-progress-indicator.multishipprogress .step-3.active,
  .checkout-progress-indicator.multishipprogress .step-4.active {
    text-decoration: none;
    background: #d7d7d7;
  }
}

@media screen and (min-width: 560px) {
  .checkout-progress-indicator.multishipprogress .step-3 {
    border-right: 1px solid #d7d7d7;
  }
}

.checkout-progress-indicator.multishipprogress .step-4 {
  border: none;
}

.checkout-progress-indicator .step-3 {
  border: none;
}

.shipping-method {
  margin-top: 22px;
}

.shipping-method label {
  display: inline;
  float: none !important;
  padding-right: 5px !important;
}

.shipping-method .shipping-description {
  display: inline;
}

.standard-with-discount-shipping {
  text-decoration: line-through;
}

.redemption {
  color: #d00;
}

.redemption .success {
  color: #019328;
}

.redemption span.error {
  margin-left: 0;
}

.checkout-billing .payment-method-options {
  padding: 24px;
}

.checkout-billing .payment-method-options .form-row {
  clear: none;
  display: inline-block;
  float: left;
  padding: 0 12px 0 0;
}

.checkout-billing .payment-method-options .form-row label {
  width: auto;
  float: right;
  line-height: 17px;
}

.checkout-billing .payment-method-options .form-row input {
  margin: 0 7px 0 0;
}

.payment-method {
  clear: both;
  display: none;
}

.payment-method input {
  margin-bottom: 16px;
}

.payment-method .form-label-text {
  color: #767676;
  float: none;
  font-family: "din-regular",Arial,sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
  display: block;
  width: 100%;
  padding: 0 24px 4px 24px;
  text-transform: uppercase;
}

.payment-method .month,
.payment-method .day,
.payment-method .year {
  width: 100%;
}

@media (min-width: 600px) {
  .payment-method .month,
  .payment-method .day,
  .payment-method .year {
    width: 33.3333%;
  }
}

.payment-method .month .vibram-select,
.payment-method .day .vibram-select,
.payment-method .year .vibram-select {
  width: 100%;
}

@media (min-width: 600px) {
  .payment-method[data-method="BML"] .year {
    padding-right: 12px;
  }

  .payment-method[data-method="BML"] .month {
    padding: 0;
  }

  .payment-method[data-method="BML"] .day {
    padding-left: 12px;
  }
}

@media (min-width: 600px) {
  .payment-method[data-method="CREDIT_CARD"] .month,
  .payment-method[data-method="CREDIT_CARD"] .year {
    width: 50%;
  }
}

@media (min-width: 600px) {
  .payment-method[data-method="CREDIT_CARD"] .year {
    padding-left: 12px;
  }

  .payment-method[data-method="CREDIT_CARD"] .month {
    padding-right: 12px;
  }
}

.payment-method .form-caption {
  display: none;
}

.payment-method .creditcardowner .owner {
  margin-bottom: 0px;
}

.payment-method .creditcardowner .form-caption {
  display: block;
  margin: 0;
  padding: 8px 8px 16px 8px;
  font-style: italic;
}

.payment-method #cclistalert p {
  color: #007700;
  margin: 0;
  padding: 0px 8px 16px 8px;
  font-style: italic;
}

.payment-method #dwfrm_billing_paymentMethods_creditCard_number {
  margin: 0;
}

.payment-method .form-row.form-caption,
.payment-method .bml-terms-and-conditions,
.payment-method #dwfrm_billing_paymentMethods_creditCard_number+.form-caption,
.payment-method #dwfrm_billing_paymentMethods_creditCard_number+.error+.form-caption {
  display: block;
}

.payment-method .form-row.form-caption .form-row {
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 24px;
}

.payment-method-expanded {
  display: block;
  padding-bottom: 24px;
}

.month,
.year,
.day {
  clear: none;
  float: left;
  margin: 0 0 2% 2%;
}

.month .vibram-select,
.year .vibram-select,
.day .vibram-select {
  margin: 0;
  width: auto;
}

.month .form-caption {
  margin-left: 0;
}

.bml-terms-and-conditions {
  padding: 0 24px;
}

.bml-terms-and-conditions .content-asset {
  border: 1px solid #aaa;
  font-size: 0.8em;
  height: 400px;
  overflow: auto;
  padding: 1em;
}

.bml-table-col-1 {
  width: 25%;
}

.checkout-mini-cart {
  background: #fff;
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  max-height: 238px;
  overflow: auto;
  padding: 0 6px;
}

.checkout-mini-cart::-webkit-scrollbar {
  -webkit-appearance: none;
  background-color: rgba(0,0,0,0.15);
  width: 9px;
}

.checkout-mini-cart::-webkit-scrollbar-thumb {
  border-radius: 0px;
  background-color: rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 0 1px rgba(255,255,255,0.5);
}

.checkout-mini-cart .mini-cart-product {
  padding-top: 12px;
  margin: 0;
}

.checkout-order-totals {
  background: #f1f2f4;
  border: 1px solid #d7d7d7;
  padding: 15px;
  font-family: "din-medium",Arial,sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #000;
}

.checkout-order-totals .order-shipping-discount td:last-child {
  white-space: nowrap;
}

.place-order-totals {
  clear: both;
}

.place-order-totals .order-totals-table {
  float: right;
  width: 50%;
}

.order-component-block {
  margin: 20px 0;
}

.order-component-block .section-header a {
  float: right;
  font-weight: normal;
}

.order-summary-footer {
  position: relative;
}

.order-summary-footer h2 {
  font-family: Georgia,serif;
  font-size: 2em;
  font-style: italic;
  font-weight: normal;
}

.summary-help {
  float: right;
  font-size: 0.8em;
  margin: 1em 0;
}

.submit-order {
  clear: both;
  display: block;
  padding: 20px 0 0;
  text-align: right;
}

.submit-order .back-to-cart {
  font-size: 1.5em;
}

.submit-order .back-to-cart:hover {
  text-decoration: underline;
}

.submit-order button {
  margin-left: 1.5em;
}

.pt_order-confirmation h1 {
  padding: 0 0 24px 0;
  font-size: 22px;
}

@media screen and (min-width: 480px) {
  .pt_order-confirmation h1 {
    font-size: 32px;
  }
}

@media screen and (min-width: 960px) {
  .pt_order-confirmation h1 {
    font-size: 44px;
  }
}

.pt_order-confirmation .order-confirmation-social {
  font-size: 14px;
  margin-top: 1em;
  position: absolute;
  right: 24px;
  text-decoration: underline;
  top: 0;
}

.pt_order-confirmation .order-confirmation-social a {
  color: black;
}

.pt_order-confirmation .order-confirmation-social a:hover {
  text-decoration: none;
}

.pt_order-confirmation .print-page {
  z-index: 2;
  position: absolute;
  top: 56px;
  right: 24px;
  text-transform: uppercase;
  color: #000;
  font-family: "din-regular",Arial,sans-serif;
  font-size: 15px;
  line-height: 1.3;
  font-weight: 400;
  text-align: right;
  text-decoration: underline;
}

.pt_order-confirmation .print-page:hover {
  text-decoration: none;
}

.pt_order-confirmation #secondary {
  padding-top: 74px;
}

.confirmation-message {
  padding: 0 0 12px;
}

@media screen and (min-width: 480px) {
  .confirmation-message {
    padding: 0 0 24px 0;
  }
}

.confirmation-message .confirmation-details p,
.confirmation-message .content-asset p {
  color: #000;
  font-family: "din-regular",Arial,sans-serif;
  font-size: 12px;
  line-height: 1.3;
  font-weight: 400;
  text-align: right;
}

@media screen and (min-width: 480px) {
  .confirmation-message .confirmation-details p,
  .confirmation-message .content-asset p {
    font-size: 14px;
  }
}

.confirmation-message .confirmation-details p {
  text-align: left;
  font-size: 14px;
  font-family: "din-bold",Arial,sans-serif;
}

@media screen and (min-width: 480px) {
  .confirmation-message .confirmation-details p {
    font-size: 19px;
    font-family: "din-regular",Arial,sans-serif;
  }
}

.confirmation-message .content-asset {
  float: right;
  padding-top: 4px;
}

@media screen and (min-width: 480px) {
  .confirmation-message .content-asset {
    padding-top: 0px;
  }
}

.confirmation-message p.title-hdr {
  text-align: left;
}

.order-discount {
  color: #d00;
}

.gift-cert-used {
  padding: 10px 0;
}

.order-detail-options {
  margin: 20px 0 0;
  padding: 20px 0 0;
  text-align: right;
}

.order-detail-options a {
  margin: 10px 0;
  width: 100%;
}

@media (min-width: 600px) {
  .order-detail-options a {
    width: auto;
    margin: 0 10px;
  }
}

.summary .edit {
  position: absolute;
  text-transform: uppercase;
  right: 10px;
  font-size: 0.9em;
  line-height: 1.5em;
}

.pt_checkout #main,
.pt_cart #main,
.pt_order-confirmation #main {
  padding: 0 14px;
}

.pt_order-confirmation #main {
  padding-top: 36px;
  padding-bottom: 36px;
}

.pt_cart .breadcrumb {
  padding-left: 0;
}

.pt_order-confirmation .order-confirmation-details .content-header {
  display: none;
}

.order-shipment-details .label,
.order-shipment-details .firstname,
.order-shipment-details .lastname {
  font-weight: bold;
}

.item-shipping-address {
  min-width: 120px;
}

.order-shipment-gift-message-header {
  font-weight: bold;
  font-size: 1.2em;
  padding-bottom: 0px;
}

.order-shipment-gift-message {
  font-size: 1.1em;
}

.billing-error {
  color: red;
  margin: 0;
  padding: 24px;
  font-family: "din-bold",Arial,sans-serif;
  font-size: 14px;
}

.order-gift-cert-attributes .label {
  font-family: "din-bold",Arial,sans-serif;
}

.order-gift-cert-attributes .order-gift-cert-to {
  padding: 16px 0 8px 0;
}

#store-location-results,
.checkoutmultishipping table,
#cart-table,
.order-shipment-table-gift,
.order-shipment-table {
  margin-bottom: 24px;
}

@media (min-width: 560px) {
  #store-location-results,
  .checkoutmultishipping table,
  #cart-table,
  .order-shipment-table-gift,
  .order-shipment-table {
    margin-bottom: 0px;
  }
}

#store-location-results .order-shipment-gift-message-header,
.checkoutmultishipping table .order-shipment-gift-message-header,
#cart-table .order-shipment-gift-message-header,
.order-shipment-table-gift .order-shipment-gift-message-header,
.order-shipment-table .order-shipment-gift-message-header {
  background: #d7d7d7;
  color: #000;
  font-family: "din-bold",Arial,sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  text-transform: uppercase;
  margin: 0 0 0 0;
  position: relative;
  padding: 12px;
}

#store-location-results td:before,
#store-location-results th.section-header,
.checkoutmultishipping table td:before,
.checkoutmultishipping table th.section-header,
#cart-table td:before,
#cart-table th.section-header,
.order-shipment-table-gift td:before,
.order-shipment-table-gift th.section-header,
.order-shipment-table td:before,
.order-shipment-table th.section-header {
  background: #d7d7d7;
  color: #000;
  font-family: "din-bold",Arial,sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.2;
  text-transform: uppercase;
  margin: 0 0 0 0;
  position: relative;
  padding: 12px;
  border-right: 1px solid #dfdfdf;
}

@media (min-width: 960px) {
  #store-location-results td:before,
  #store-location-results th.section-header,
  .checkoutmultishipping table td:before,
  .checkoutmultishipping table th.section-header,
  #cart-table td:before,
  #cart-table th.section-header,
  .order-shipment-table-gift td:before,
  .order-shipment-table-gift th.section-header,
  .order-shipment-table td:before,
  .order-shipment-table th.section-header {
    font-size: 16px;
  }
}

#store-location-results td:before:last-child,
#store-location-results th.section-header:last-child,
.checkoutmultishipping table td:before:last-child,
.checkoutmultishipping table th.section-header:last-child,
#cart-table td:before:last-child,
#cart-table th.section-header:last-child,
.order-shipment-table-gift td:before:last-child,
.order-shipment-table-gift th.section-header:last-child,
.order-shipment-table td:before:last-child,
.order-shipment-table th.section-header:last-child {
  border: none;
}

#store-location-results td:before,
.checkoutmultishipping table td:before,
#cart-table td:before,
.order-shipment-table-gift td:before,
.order-shipment-table td:before {
  border: none;
  background: transparent;
  position: absolute;
  top: 12px;
  left: 0px;
  width: 120px;
  line-height: 1;
  padding: 0;
  text-align: left;
}

#store-location-results td,
.checkoutmultishipping table td,
#cart-table td,
.order-shipment-table-gift td,
.order-shipment-table td {
  color: #000;
  font-family: "din-regular",Arial,sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.3;
  padding: 12px 12px 12px 12px;
  padding-left: 130px;
  border-top: 1px solid #d7d7d7;
  position: relative;
}

@media (min-width: 960px) {
  #store-location-results td,
  .checkoutmultishipping table td,
  #cart-table td,
  .order-shipment-table-gift td,
  .order-shipment-table td {
    font-size: 14px;
  }
}

@media (min-width: 560px) {
  #store-location-results td,
  .checkoutmultishipping table td,
  #cart-table td,
  .order-shipment-table-gift td,
  .order-shipment-table td {
    border-top: none;
    padding-left: 12px;
  }
}

#store-location-results td.no-rwd,
.checkoutmultishipping table td.no-rwd,
#cart-table td.no-rwd,
.order-shipment-table-gift td.no-rwd,
.order-shipment-table td.no-rwd {
  padding-left: 12px;
  border-top: none;
}

#store-location-results .product-list-item .sku,
.checkoutmultishipping table .product-list-item .sku,
#cart-table .product-list-item .sku,
.order-shipment-table-gift .product-list-item .sku,
.order-shipment-table .product-list-item .sku {
  color: #c7c7c7;
  padding: 0 0 8px 0;
}

#store-location-results .product-list-item .name a,
.checkoutmultishipping table .product-list-item .name a,
#cart-table .product-list-item .name a,
.order-shipment-table-gift .product-list-item .name a,
.order-shipment-table .product-list-item .name a {
  color: #000;
  text-transform: uppercase;
  font-family: "din-bold",Arial,sans-serif;
  text-decoration: underline;
}

#store-location-results .product-list-item .name a:hover,
.checkoutmultishipping table .product-list-item .name a:hover,
#cart-table .product-list-item .name a:hover,
.order-shipment-table-gift .product-list-item .name a:hover,
.order-shipment-table .product-list-item .name a:hover {
  text-decoration: none;
}

@media (min-width: 560px) {
  #store-location-results .line-item-quantity,
  .checkoutmultishipping table .line-item-quantity,
  #cart-table .line-item-quantity,
  .order-shipment-table-gift .line-item-quantity,
  .order-shipment-table .line-item-quantity {
    width: 10%;
  }
}

@media (min-width: 560px) {
  #store-location-results .line-item-details,
  .checkoutmultishipping table .line-item-details,
  #cart-table .line-item-details,
  .order-shipment-table-gift .line-item-details,
  .order-shipment-table .line-item-details {
    width: 42%;
  }
}

#store-location-results .line-item-price,
.checkoutmultishipping table .line-item-price,
#cart-table .line-item-price,
.order-shipment-table-gift .line-item-price,
.order-shipment-table .line-item-price {
  white-space: nowrap;
}

#store-location-results .line-item-price .reg-price,
.checkoutmultishipping table .line-item-price .reg-price,
#cart-table .line-item-price .reg-price,
.order-shipment-table-gift .line-item-price .reg-price,
.order-shipment-table .line-item-price .reg-price {
  text-decoration: line-through;
}

#store-location-results .line-item-price .adj-price,
.checkoutmultishipping table .line-item-price .adj-price,
#cart-table .line-item-price .adj-price,
.order-shipment-table-gift .line-item-price .adj-price,
.order-shipment-table .line-item-price .adj-price {
  color: #d00;
}

#store-location-results .shipping-method .label,
#store-location-results .shipping-status .label,
.checkoutmultishipping table .shipping-method .label,
.checkoutmultishipping table .shipping-status .label,
#cart-table .shipping-method .label,
#cart-table .shipping-status .label,
.order-shipment-table-gift .shipping-method .label,
.order-shipment-table-gift .shipping-status .label,
.order-shipment-table .shipping-method .label,
.order-shipment-table .shipping-status .label {
  font-family: "din-bold",Arial,sans-serif;
}

#store-location-results .shipping-status,
.checkoutmultishipping table .shipping-status,
#cart-table .shipping-status,
.order-shipment-table-gift .shipping-status,
.order-shipment-table .shipping-status {
  padding-top: 16px;
}

.checkoutmultishipping table thead tr,
#cart-table thead tr {
  border: none;
}

.checkoutmultishipping table tbody tr.cart-row,
#cart-table tbody tr.cart-row {
  border-bottom: none;
  border-top: 5px solid #d7d7d7;
}

@media (min-width: 560px) {
  .checkoutmultishipping table tbody tr.cart-row,
  #cart-table tbody tr.cart-row {
    border-bottom: 1px solid #d7d7d7;
    border-top: none;
    margin: 0;
  }
}

@media (max-width: 559px) {
  .checkoutmultishipping table tbody tr.cart-row:first-child,
  #cart-table tbody tr.cart-row:first-child {
    border: none;
  }
}

.checkoutmultishipping table tbody tr.rowcoupons,
.checkoutmultishipping table tbody tr.cart-promo-tr,
#cart-table tbody tr.rowcoupons,
#cart-table tbody tr.cart-promo-tr {
  border: none;
  margin: 0 0 12px 0;
}

@media (min-width: 560px) {
  .checkoutmultishipping table tbody tr.rowcoupons,
  .checkoutmultishipping table tbody tr.cart-promo-tr,
  #cart-table tbody tr.rowcoupons,
  #cart-table tbody tr.cart-promo-tr {
    margin: 0;
  }
}

.checkoutmultishipping table tbody tr.rowcoupons td,
.checkoutmultishipping table tbody tr.cart-promo-tr td,
#cart-table tbody tr.rowcoupons td,
#cart-table tbody tr.cart-promo-tr td {
  border: none;
  padding: 0;
}

.checkoutmultishipping table tr:last-child,
#cart-table tr:last-child {
  border-bottom: none;
}

.checkoutmultishipping table td,
#cart-table td {
  padding: 12px 12px 12px 12px;
  padding-left: 80px;
}

.checkoutmultishipping table td .cart-promo,
#cart-table td .cart-promo {
  margin: 12px 0 0 0;
  text-align: center;
}

.checkoutmultishipping table td:before,
#cart-table td:before {
  width: 70px;
}

@media (min-width: 560px) {
  .checkoutmultishipping table td,
  #cart-table td {
    border-top: none;
    padding-left: 12px;
  }
}

.checkoutmultishipping table td.no-rwd,
#cart-table td.no-rwd {
  padding-left: 12px;
  border-top: none;
}

.checkoutmultishipping table td.item-image,
#cart-table td.item-image {
  display: none;
}

@media (min-width: 560px) {
  .checkoutmultishipping table td.item-image,
  #cart-table td.item-image {
    display: table-cell;
  }
}

.checkoutmultishipping table td.item-image img,
#cart-table td.item-image img {
  max-width: 100%;
  display: block;
}

.checkoutmultishipping table td.item-quantity,
#cart-table td.item-quantity {
  padding-right: 0px !important;
}

.checkoutmultishipping table td.item-quantity .bonus-qty,
#cart-table td.item-quantity .bonus-qty {
  display: inline-block;
  background: #efefef;
}

.checkoutmultishipping table td.item-quantity .bonus-qty,
.checkoutmultishipping table td.item-quantity input,
#cart-table td.item-quantity .bonus-qty,
#cart-table td.item-quantity input {
  padding: 13px 11px 9px 11px;
  width: 75px;
}

@media (min-width: 560px) {
  .checkoutmultishipping table td.item-quantity .bonus-qty,
  .checkoutmultishipping table td.item-quantity input,
  #cart-table td.item-quantity .bonus-qty,
  #cart-table td.item-quantity input {
    width: 65%;
  }
}

.checkoutmultishipping table td.item-quantity .bonus-qty:after,
.checkoutmultishipping table td.item-quantity input:after,
#cart-table td.item-quantity .bonus-qty:after,
#cart-table td.item-quantity input:after {
  width: 30px;
}

.checkoutmultishipping table td.item-price,
#cart-table td.item-price {
  text-align: right;
}

@media (min-width: 560px) {
  .checkoutmultishipping table td.item-image,
  #cart-table td.item-image {
    width: 15%;
  }

  .checkoutmultishipping table td.item-details,
  #cart-table td.item-details {
    width: 38%;
  }

  .checkoutmultishipping table td.item-quantity,
  #cart-table td.item-quantity {
    width: 26%;
  }

  .checkoutmultishipping table td.item-price,
  #cart-table td.item-price {
    white-space: nowrap;
    width: 17%;
    text-align: left;
  }

  .checkoutmultishipping table td.item-total,
  #cart-table td.item-total {
    white-space: nowrap;
    width: 10%;
  }
}

@media (min-width: 650px) {
  .checkoutmultishipping table td.item-quantity,
  #cart-table td.item-quantity {
    width: 20%;
  }
}

@media (min-width: 560px) {
  #cart-table.summary-table td.item-details {
    width: 55%;
  }
}

.content-header .trackingnumber {
  line-height: 1;
}

.content-header .trackingnumber a,
.content-header .trackingnumber .value {
  color: #000;
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  .content-header .trackingnumber {
    position: absolute;
    bottom: 4px;
    right: 0px;
  }
}

.ui-dialog #edit-address-form .form-row {
  padding-left: 0;
  padding-right: 0;
}

.ui-dialog #edit-address-form .form-field-tooltip {
  margin-right: 0px;
}

#edit-address-form,
.checkout-billing,
.checkout-shipping {
  background: #f1f2f4;
  margin-bottom: 24px;
}

#edit-address-form .form-row.giftcert-error,
#edit-address-form .form-row.coupon-error,
#edit-address-form .redemption.giftcert,
#edit-address-form .redemption.coupon,
#edit-address-form .balance.success,
#edit-address-form .balance.error,
#edit-address-form .gift-cert-used.form-indent,
.checkout-billing .form-row.giftcert-error,
.checkout-billing .form-row.coupon-error,
.checkout-billing .redemption.giftcert,
.checkout-billing .redemption.coupon,
.checkout-billing .balance.success,
.checkout-billing .balance.error,
.checkout-billing .gift-cert-used.form-indent,
.checkout-shipping .form-row.giftcert-error,
.checkout-shipping .form-row.coupon-error,
.checkout-shipping .redemption.giftcert,
.checkout-shipping .redemption.coupon,
.checkout-shipping .balance.success,
.checkout-shipping .balance.error,
.checkout-shipping .gift-cert-used.form-indent {
  font-size: 14px;
  padding-top: 12px;
  padding-bottom: 12px;
}

#edit-address-form .gift-cert-used.form-indent,
.checkout-billing .gift-cert-used.form-indent,
.checkout-shipping .gift-cert-used.form-indent {
  line-height: 1.3;
}

#edit-address-form .balance.success,
.checkout-billing .balance.success,
.checkout-shipping .balance.success {
  color: #019328;
}

#edit-address-form .redemption a.remove,
.checkout-billing .redemption a.remove,
.checkout-shipping .redemption a.remove {
  background: #ff0000;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: "din-bold",Arial,sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  padding: 6px 10px;
  text-align: left;
  text-transform: uppercase;
  position: relative;
  top: 5px;
  margin: 0 0 0 8px;
}

#edit-address-form .redemption a.remove img,
.checkout-billing .redemption a.remove img,
.checkout-shipping .redemption a.remove img {
  display: none;
}

#edit-address-form .redemption a.remove:hover,
.checkout-billing .redemption a.remove:hover,
.checkout-shipping .redemption a.remove:hover {
  background: #dd0000;
  color: #fff;
}

#edit-address-form .form-row.redemption.giftcert,
.checkout-billing .form-row.redemption.giftcert,
.checkout-shipping .form-row.redemption.giftcert {
  line-height: 24px;
  min-height: 24px;
}

#edit-address-form .form-row-button:last-child,
.checkout-billing .form-row-button:last-child,
.checkout-shipping .form-row-button:last-child {
  padding: 24px 0;
  text-align: right;
  background: #fff;
}

#edit-address-form .form-row,
.checkout-billing .form-row,
.checkout-shipping .form-row {
  background: #f1f2f4;
  padding: 0 24px 0 24px;
  margin: 0;
}

#edit-address-form .form-field-tooltip,
.checkout-billing .form-field-tooltip,
.checkout-shipping .form-field-tooltip {
  margin-right: 24px;
}

#edit-address-form .privacy-policy,
.checkout-billing .privacy-policy,
.checkout-shipping .privacy-policy {
  margin-left: 24px;
}

#edit-address-form .email-list,
.checkout-billing .email-list,
.checkout-shipping .email-list {
  margin-left: 24px;
}

#edit-address-form .form-row.form-indent,
.checkout-billing .form-row.form-indent,
.checkout-shipping .form-row.form-indent {
  padding: 0 24px 16px 24px;
  background: #f1f2f4;
}

#edit-address-form .form-indent,
.checkout-billing .form-indent,
.checkout-shipping .form-indent {
  padding: 24px 0;
  background: #fff;
}

#edit-address-form .form-indent .content-asset,
.checkout-billing .form-indent .content-asset,
.checkout-shipping .form-indent .content-asset {
  background: #f1f2f4;
  padding: 24px 24px 0 24px;
}

#edit-address-form .form-indent .content-asset p,
.checkout-billing .form-indent .content-asset p,
.checkout-shipping .form-indent .content-asset p {
  margin: 0;
  padding-bottom: 16px;
}

#edit-address-form .form-indent .form-row.label-above,
.checkout-billing .form-indent .form-row.label-above,
.checkout-shipping .form-indent .form-row.label-above {
  padding-bottom: 16px;
}

#edit-address-form .form-indent .form-row.label-above .form-caption,
.checkout-billing .form-indent .form-row.label-above .form-caption,
.checkout-shipping .form-indent .form-row.label-above .form-caption {
  display: none;
}

#edit-address-form .form-indent .form-row:last-child,
.checkout-billing .form-indent .form-row:last-child,
.checkout-shipping .form-indent .form-row:last-child {
  padding-bottom: 24px;
}

#edit-address-form .label-inline,
.checkout-billing .label-inline,
.checkout-shipping .label-inline {
  padding-top: 8px;
  padding-bottom: 8px;
}

#edit-address-form .label-inline label,
.checkout-billing .label-inline label,
.checkout-shipping .label-inline label {
  font-size: 14px;
}

#edit-address-form .select-address,
.checkout-billing .select-address,
.checkout-shipping .select-address {
  background: #f1f2f4;
  position: relative;
  padding: 67px 0 24px 0;
  margin: -24px 0 0 0;
}

#edit-address-form .select-address label,
.checkout-billing .select-address label,
.checkout-shipping .select-address label {
  background: #d7d7d7;
  display: block;
  width: 100%;
  color: #000;
  font-weight: 400;
  font-family: "din-bold",Arial,sans-serif;
  font-size: 18px;
  padding: 10px 18px;
  line-height: 1.3;
  text-transform: uppercase;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (min-width: 560px) {
  #edit-address-form .select-address label,
  .checkout-billing .select-address label,
  .checkout-shipping .select-address label {
    font-size: 22px;
    padding: 12px 24px;
  }
}

#edit-address-form .select-address .form-row,
.checkout-billing .select-address .form-row,
.checkout-shipping .select-address .form-row {
  padding: 0 24px;
}

#edit-address-form .select-address .form-row-button,
.checkout-billing .select-address .form-row-button,
.checkout-shipping .select-address .form-row-button {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
  position: absolute;
  width: 1px;
}

#edit-address-form .ship-to-multiple,
.checkout-billing .ship-to-multiple,
.checkout-shipping .ship-to-multiple {
  background: #fff;
  color: #000;
  font-weight: 400;
  font-family: "din-regular",Arial,sans-serif;
  line-height: 1.3;
  font-size: 14px;
  padding: 8px 0 12px 0;
}

@media screen and (min-width: 560px) {
  #edit-address-form .ship-to-multiple,
  .checkout-billing .ship-to-multiple,
  .checkout-shipping .ship-to-multiple {
    font-size: 16px;
    padding: 8px 0 24px 0;
  }
}

#edit-address-form .ship-to-multiple button,
.checkout-billing .ship-to-multiple button,
.checkout-shipping .ship-to-multiple button {
  background: #fed22b;
  border: none;
  color: #000;
  cursor: pointer;
  display: inline-block;
  font-family: "din-bold",Arial,sans-serif;
  font-weight: 400;
  line-height: 1;
  padding: 6px 9px;
  font-size: 13px;
  text-align: left;
  text-transform: uppercase;
  position: relative;
  margin-left: 16px;
}

@media screen and (min-width: 560px) {
  #edit-address-form .ship-to-multiple button,
  .checkout-billing .ship-to-multiple button,
  .checkout-shipping .ship-to-multiple button {
    padding: 12px 18px 12px 18px;
    font-size: 15px;
  }
}

#edit-address-form .ship-to-multiple button:hover,
.checkout-billing .ship-to-multiple button:hover,
.checkout-shipping .ship-to-multiple button:hover {
  background: #797f8a;
  color: #fff;
}

#edit-address-form .ship-to-multiple button[disabled]:hover,
.checkout-billing .ship-to-multiple button[disabled]:hover,
.checkout-shipping .ship-to-multiple button[disabled]:hover {
  background: #fed22b;
  color: #000;
}

#edit-address-form .ship-to-multiple button:focus,
.checkout-billing .ship-to-multiple button:focus,
.checkout-shipping .ship-to-multiple button:focus {
  outline: none;
}

#edit-address-form #shipping-method-list,
.checkout-billing #shipping-method-list,
.checkout-shipping #shipping-method-list {
  padding-top: 24px;
  background: #fff;
}

#edit-address-form #shipping-method-list fieldset,
.checkout-billing #shipping-method-list fieldset,
.checkout-shipping #shipping-method-list fieldset {
  background: #f1f2f4;
  padding: 24px 0;
}

#edit-address-form #shipping-method-list .form-row.label-inline label,
.checkout-billing #shipping-method-list .form-row.label-inline label,
.checkout-shipping #shipping-method-list .form-row.label-inline label {
  font-family: "din-bold",Arial,sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.3;
  color: #000;
}

#edit-address-form #shipping-method-list .form-row.label-inline label span,
.checkout-billing #shipping-method-list .form-row.label-inline label span,
.checkout-shipping #shipping-method-list .form-row.label-inline label span {
  font-family: "din-regular",Arial,sans-serif;
}

#edit-address-form #shipping-method-list .form-row.label-inline label a.tooltip,
.checkout-billing #shipping-method-list .form-row.label-inline label a.tooltip,
.checkout-shipping #shipping-method-list .form-row.label-inline label a.tooltip {
  color: #000;
  text-decoration: underline;
}

#edit-address-form #shipping-method-list .form-row.label-inline label a.tooltip:hover,
.checkout-billing #shipping-method-list .form-row.label-inline label a.tooltip:hover,
.checkout-shipping #shipping-method-list .form-row.label-inline label a.tooltip:hover {
  text-decoration: none;
}

#edit-address-form #shipping-method-list .form-row.label-inline .form-caption,
.checkout-billing #shipping-method-list .form-row.label-inline .form-caption,
.checkout-shipping #shipping-method-list .form-row.label-inline .form-caption {
  font-family: "din-regular",Arial,sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #767676;
  padding-left: 30px;
}

#edit-address-form #shipping-method-list .form-row.label-inline input,
.checkout-billing #shipping-method-list .form-row.label-inline input,
.checkout-shipping #shipping-method-list .form-row.label-inline input {
  margin-right: 16px;
  margin-top: 3px;
}

#edit-address-form #shipping-method-list+fieldset,
.checkout-billing #shipping-method-list+fieldset,
.checkout-shipping #shipping-method-list+fieldset {
  background: #fff;
  padding: 24px 0;
}

@media screen and (min-width: 768px) {
  #edit-address-form #shipping-method-list+fieldset,
  .checkout-billing #shipping-method-list+fieldset,
  .checkout-shipping #shipping-method-list+fieldset {
    padding: 24px 0 48px 0;
  }
}

#edit-address-form #shipping-method-list+fieldset .form-row,
.checkout-billing #shipping-method-list+fieldset .form-row,
.checkout-shipping #shipping-method-list+fieldset .form-row {
  background: #fff;
  text-align: right;
  padding: 0;
}

.checkout-billing fieldset,
.checkout-shipping fieldset {
  padding-top: 24px;
}

label[for="dwfrm_singleshipping_shippingAddress_isGift"],
.gift-message-text label,
.gift-label label {
  padding-top: 24px;
  font-family: "din-bold",Arial,sans-serif;
  color: #000;
  font-weight: 400;
}

.gift-label.form-row {
  margin: 0;
}

.gift-message-text label {
  padding-top: 12px;
}

.gift-message-text .char-count {
  margin-left: 0;
}

input[type="radio"].js-isgiftyes,
input[type="radio"].js-isgiftno,
#is-gift-yes,
#is-gift-no {
  margin: 8px 8px 16px 0;
}

input[type="radio"].js-isgiftno,
#is-gift-no {
  margin-left: 16px;
}

.pt_checkout .nav.summary .cs-contact-number {
  display: none;
  padding-bottom: 31px;
}

@media screen and (min-width: 768px) {
  .pt_checkout .nav.summary .cs-contact-number {
    display: block;
  }
}

.pt_checkout .nav.summary h3.section-header {
  padding: 16px 12px;
  font-size: 16px;
}

.pt_checkout .nav.summary h3.section-header .section-header-note {
  display: none;
}

.pt_checkout .nav.summary .mini-payment-instrument h3.section-header .section-header-note,
.pt_checkout .nav.summary .mini-billing-address h3.section-header .section-header-note,
.pt_checkout .nav.summary h3.section-header .section-header-note-edit {
  display: block;
  position: absolute;
  top: 20px;
  right: 12px;
  font-size: 12px;
  font-family: "din-regular",Arial,sans-serif;
}

.checkoutmultishipping table {
  margin: 0;
}

.title-tr {
  border: none !important;
}

.title-tr td {
  padding-bottom: 0;
}

.title-tr p {
  font-weight: 400;
  padding: 0;
  margin: 0;
  font-family: "din-bold",Arial,sans-serif;
}

@media screen and (max-width: 559px) {
  .cart-hdrs,
  .title-tr+tr {
    border: none !important;
  }
}

@media screen and (min-width: 560px) {
  .cart-hdrs th,
  .title-tr+tr th {
    padding: 12px;
    font-family: "din-bold",Arial,sans-serif;
    font-weight: 400;
  }
}

.form-row select,
.cart-row select {
  height: auto;
  width: 100%;
  margin: 8px 0;
}

.form-row label+.vibram-select,
.cart-row label+.vibram-select {
  margin-top: 4px !important;
  margin-bottom: 16px !important;
}

.cart-row.first {
  border-top: none !important;
}

@media screen and (min-width: 768px) {
  .no-rwd .vibram-select {
    width: auto;
    margin: 0 0 0 2%;
  }
}

.order-component-block .name {
  color: #000;
  font-family: "din-bold",Arial,sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  text-transform: uppercase;
  padding: 0 0 10px 0;
}

.order-component-block .details {
  background: #fff;
  color: #000;
  font-family: "din-regular",Arial,sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.3;
  padding: 12px;
  border: 1px solid #d7d7d7;
}

.order-component-block .gift-msg {
  padding-top: 10px;
}

.order-component-block .gift-msg p strong {
  font-family: "din-bold",Arial,sans-serif;
}

.pt_checkout #cart-table .cart-row th .shipment-label {
  margin: 24px 0 12px 0;
}

@media screen and (min-width: 560px) {
  .pt_checkout #cart-table .cart-row th .shipment-label {
    margin: 0;
    padding: 12px;
    background: transparent;
    text-transform: none;
  }
}

.promo-row {
  padding: 0 !important;
}

.submit-order button {
  margin: 0 !important;
}

.ui-dialog #edit-address-form .form-row-button:last-child {
  padding: 0;
  text-align: right;
  background: transparent;
}

.form-row.countrycontainer {
  display: none;
}

.order-summary-message {
  margin: 10px 0;
  width: 100%;
  background: #fed22b;
  border: 1px solid #000;
  padding: 10px;
  text-align: center;
}

.order-summary-message p {
  font-weight: 700;
  padding: 0;
}

.caAlert {
  display: none;
  padding: 10px 20px 20px 20px;
  color: #e00;
  font-style: italic;
  font-size: 13px;
}

.caAlert a {
  color: #e00;
}

.shippingaddress .select-address {
  width: 100%;
  margin-left: 0;
}

.shippingaddress .edit-address {
  margin-top: 0.5em;
}

.formactions {
  margin-top: 20px;
  text-align: right;
}

.item-list .multi-shipment-row {
  border-bottom: none;
}

.minishipments-method {
  padding-top: 10px;
}

.multishipprogress div,
.multishipprogress .step-3 {
  background: url("../images/interface/icon-checkout-indicator.png") no-repeat scroll right center transparent;
  display: inline;
  padding: 1em;
}

.multishipprogress .step-4 {
  background: none repeat scroll 0 0 transparent;
  padding-right: 0;
}

.checkout-progress-indicator {
  font-size: 1em;
}

.checkout-progress-indicator div {
  padding: 20px;
}

.checkout-multi-shipping .cart-row .gift-message-text {
  display: none;
}

.pt_checkout #cart-table .cart-row .shipment-label {
  font-weight: 700;
  margin-top: 35px;
  font-size: 1.4em;
}

.primary-content .content-asset .account-options {
  margin: 0;
  padding: 0 0 10px 0;
}

.primary-content .content-asset .account-options li {
  display: inline-block;
  float: left;
  list-style: none outside none !important;
  margin: 0 0 0 0;
  padding: 10px 0px 10px 0;
  position: relative;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .primary-content .content-asset .account-options li {
    padding: 10px 10px 10px 0;
    width: 50%;
  }
}

@media screen and (min-width: 768px) {
  .primary-content .content-asset .account-options li:nth-child(2n) {
    padding: 10px 0 10px 10px;
  }
}

.primary-content .content-asset .account-options li a {
  display: block;
  background: #f7f7f7;
  border: 1px solid #dfdfdf;
  color: #000;
  font-family: "din-bold",Arial,sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 1.3;
  padding: 20px 20px 20px 95px;
  min-height: 103px;
  text-transform: uppercase;
  position: relative;
}

.primary-content .content-asset .account-options li a:hover {
  text-decoration: none;
  background: #fff6d6;
  border-color: #fed22b;
}

.primary-content .content-asset .account-options li p {
  margin: 0;
  padding: 0;
  font-family: "din-regular",Arial,sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  text-transform: none;
}

.primary-content .content-asset .account-options li .icon {
  color: #7b7c7d;
  position: absolute;
  top: 20px;
  left: 25px;
  font-size: 53px;
  line-height: 53px;
}

.primary-content .content-asset .account-options li .icon:before {
  width: 100%;
  margin: 0;
}

.account-hdr {
  font-size: 24px;
  line-height: 1.3;
  padding: 8px 0;
}

.account-hdr .account-logout {
  position: absolute;
  top: 27px;
  right: 12px;
  font-size: 14px;
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  .account-hdr .account-logout {
    top: 57px;
    right: 32px;
  }
}

.account-hdr .account-logout a {
  color: #000;
}

.account-hdr .account-logout:hover {
  text-decoration: none;
}

#PasswordResetForm fieldset {
  position: relative;
}

#PasswordResetForm button {
  float: right;
  position: absolute;
  top: 0px;
  left: 63%;
}

#PasswordResetForm button:focus {
  outline: none;
}

h1 .account-logout {
  font-size: 0.6em;
  float: none;
}

.page-content .primary-content h1.order-hdr {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .page-content .primary-content h1.order-hdr {
    padding: 0 32px;
    left: 0px;
  }
}

.page-content .primary-content h1.order-hdr .order-date {
  font-family: "din-regular",Arial,sans-serif;
  font-size: 15px;
  line-height: 1;
  font-weight: 400;
  color: #000;
  display: block;
  padding-top: 8px;
  text-transform: none;
}

@media screen and (min-width: 768px) {
  .page-content .primary-content h1.order-hdr .order-date {
    position: absolute;
    right: 32px;
    bottom: 8px;
    padding-top: 0px;
  }
}

.registration-selection input,
.registration-selection label {
  display: inline;
  float: none;
}

#cards,
#addresses {
  background: #f1f2f4;
  padding: 0 0 13px 0;
}