@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

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

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

h1, h2, h3, h4, h5, h6, strong, b, th {
  font-weight: normal;
}

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

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

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

[hidden] {
  display: none;
}

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

html {
  -webkit-font-smoothing: antialiased;
}

html.modal {
  overflow: hidden;
}

html.modal .categories-container {
  display: none !important;
}

html.mobile-nav-open {
  overflow: hidden;
  height: 100%;
  width: 100%;
}

html.mobile-nav-open body {
  overflow: hidden;
  height: 100%;
  width: 100%;
}

html.mobile-nav-overflow {
  overflow: hidden;
  height: 100%;
  width: 100%;
}

body {
  background: #fff;
  color: #111;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  letter-spacing: 0.04em;
  overflow-x: hidden;
  width: 100%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  body {
    background: #fff;
  }
}

body.modal {
  overflow: hidden;
}

form, input, textarea, select, button {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  letter-spacing: 0.04em;
  -webkit-font-smoothing: antialiased;
}

button {
  cursor: pointer;
  outline: none;
}

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

a {
  text-decoration: none;
}

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

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

.magento {
  background: #fff;
  overflow: hidden;
}

.row {
  overflow: hidden;
}

.button {
  background: #111;
  border: 0;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  line-height: 1em;
  margin: 0;
  padding: 14px 24px;
  text-decoration: none;
}

.button.again {
  padding-left: 90px;
  padding-right: 90px;
}

/*
width: 220px > width: 25% grid-gutter
width: 240px > width: 25%

width: 460px > width: 50% grid-gutter
width: 480px; > width: 50%

width: 700px > width: 75% grid-gutter
width: 720px; > width: 50%

width: 940px > width: 100% grid-gutter
width: 960px; > width: 50%

Find replace
@media all and (max-width: 480px)
*/
.container, .col2-left-layout, .account-login, .newsletter-banner-container {
  margin: 0 auto;
  max-width: 1440px;
  width: 1200px;
}

@media all and (min-width: 1480px) {
  .container, .col2-left-layout, .account-login, .newsletter-banner-container {
    width: 1440px;
  }
}

@media all and (max-width: 1240px) {
  .container, .col2-left-layout, .account-login, .newsletter-banner-container {
    width: 960px;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .container, .col2-left-layout, .account-login, .newsletter-banner-container {
    min-width: 320px;
    width: 100%;
  }
}

.left-container {
  box-sizing: border-box;
  margin-left: 225px;
  max-width: 1200px;
  padding-right: 15px;
  width: auto;
}

@media all and (min-width: 1425px) {
  .left-container {
    padding: 0;
  }
}

@media all and (min-width: 1650px) {
  .left-container {
    margin: 0 auto;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .left-container {
    margin: 0;
    padding: 0;
  }
}

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.animated {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }
  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }
  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    -ms-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }
  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    -ms-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }
  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    -ms-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
}

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

.page-title h1 {
  border-bottom: 1px solid #f1f1f1;
  color: #8d8d8d;
  font-size: 16px;
  font-weight: bold;
  margin: 40px 10px;
  padding: 0 0 10px 0;
  text-transform: uppercase;
}

.sub-title {
  color: #111;
  font-weight: bold;
  font-size: 14px;
  margin: 30px 0;
}

.sub-title a {
  color: #111;
}

.box-title {
  color: #666;
  font-weight: bold;
  margin-bottom: 10px;
}

.box-title a {
  color: #666;
}

.box-content {
  line-height: 1.4em;
}

.box-content a {
  color: #111;
}

.box-content table th {
  text-align: left;
}

.col2-left-layout {
  overflow: hidden;
  margin-bottom: 60px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .col2-left-layout {
    width: 100%;
  }
}

.col2-left-layout .col-left {
  float: left;
  width: 25%;
  padding: 0 10px;
  box-sizing: border-box;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .col2-left-layout .col-left {
    float: none;
    margin: 0;
    padding: 0 10px;
    width: 100%;
    box-sizing: border-box;
  }
}

.col2-left-layout .col-left .block-title {
  border-bottom: 1px solid #f1f1f1;
  color: #8d8d8d;
  font-size: 16px;
  font-weight: bold;
  margin: 40px 0;
  padding: 0 0 10px 0;
  text-transform: uppercase;
}

.col2-left-layout .col-left .block-title strong {
  font-weight: bold;
}

.col2-left-layout .col-left .block-content ul {
  font-size: 14px;
}

.col2-left-layout .col-left .block-content li {
  line-height: 1.6em;
}

.col2-left-layout .col-left .block-content li a {
  color: #666;
  text-decoration: none;
}

.col2-left-layout .col-left .block-content li a:hover {
  text-decoration: underline;
}

.col2-left-layout .col-left .block-content li a.current {
  color: #111;
}

.col2-left-layout .col-main {
  float: right;
  width: 75%;
  padding: 0 10px;
  box-sizing: border-box;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .col2-left-layout .col-main {
    float: none;
    margin: 0;
    padding: 0 10px;
    width: 100%;
    box-sizing: border-box;
  }
}

.col2-left-layout .col-main .page-title h1 {
  margin: 40px 0;
}

.col2-set {
  overflow: hidden;
}

.col2-set .col-1,
.col2-set .col-2 {
  float: left;
  margin: 0 10px;
  width: 580px;
}

@media all and (min-width: 1480px) {
  .col2-set .col-1,
  .col2-set .col-2 {
    width: 700px;
  }
}

@media all and (max-width: 1240px) {
  .col2-set .col-1,
  .col2-set .col-2 {
    width: 460px;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .col2-set .col-1,
  .col2-set .col-2 {
    float: none;
    margin: 0;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .col2-set .col-2 {
    margin-top: 20px !important;
  }
}

.col-right.sidebar {
  /* Hide sidebar when Magento
	randomly tries to include it */
  display: none;
}

.messages {
  font-weight: bold;
  font-size: 13px;
  margin-bottom: 30px;
}

form .fieldset {
  font-size: 13px;
}

form .fieldset h2 {
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 30px;
}

form .form-list .fields {
  overflow: hidden;
}

form .form-list li {
  margin-bottom: 10px;
}

form .form-list li label {
  display: block;
  margin-bottom: 5px;
}

form .form-list li label em {
  display: block;
  float: left;
  padding-right: 6px;
}

form .form-list .field {
  padding-bottom: 10px;
  overflow: hidden;
}

form .form-list input[type=text],
form .form-list input[type=tel],
form .form-list input[type=email],
form .form-list input[type=password] {
  background: #e5e5e5;
  border: 0;
  color: #111;
  margin: 0;
  padding: 5px;
}

form .form-list textarea {
  background: #e5e5e5;
  border: 0;
  color: #111;
  margin: 0;
  padding: 5px;
}

form .form-list select {
  margin: 0;
  width: 340px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  form .form-list select {
    width: 100%;
    box-sizing: border-box;
  }
}

form .form-list .control {
  overflow: hidden;
}

form .form-list .control .input-box {
  float: left;
  margin-right: 6px;
}

form .form-list .control .input-box input[type=checkbox] {
  margin: 1px;
}

form .form-list .control label {
  display: inline;
}

form .validation-advice {
  color: #ff3000;
  padding: 4px 0;
}

.buttons-set {
  overflow: hidden;
}

.buttons-set button,
.buttons-set .button {
  background: #111;
  border: 0;
  color: #fff;
  display: block;
  float: left;
  font-weight: bold;
  line-height: 1em;
  margin: 0;
  padding: 14px 24px;
  text-decoration: none;
}

.buttons-set .btn-cancel {
  color: #111;
}

.back-link a {
  background: #e5e5e5;
  border: 0;
  color: #666;
  display: block;
  float: left;
  font-weight: bold;
  line-height: 1em;
  margin-right: 1px;
  padding: 14px 24px;
  text-decoration: none;
}

.back-link a small {
  display: none;
}

p.required {
  color: #999;
  font-size: 12px;
}

.table-caption {
  color: #111;
  font-weight: bold;
  font-size: 14px;
  margin: 30px 0;
}

.table-caption a {
  color: #111;
}

.data-table {
  font-size: 13px;
  width: 100%;
}

.data-table a {
  color: #666;
  text-decoration: none;
}

.data-table a:hover {
  text-decoration: underline;
}

.data-table .even {
  background-color: #f5f5f5;
}

.data-table th {
  border-bottom: 1px solid #f1f1f1;
  color: #000;
  padding: 0 15px 10px 15px;
  white-space: nowrap;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .data-table th {
    padding: 8px 4px;
    white-space: normal;
    text-align: left;
  }
}

.data-table tbody td {
  padding: 15px;
  text-align: center;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .data-table tbody td {
    padding: 8px 4px;
    text-align: left;
  }
}

.data-table tfoot td {
  border-bottom: 1px solid #f1f1f1;
  padding-top: 1px;
  padding-bottom: 1px;
}

.data-table .a-center,
.data-table .nobr,
.data-table .wrap {
  white-space: nowrap;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .data-table .a-center,
  .data-table .nobr,
  .data-table .wrap {
    white-space: normal;
  }
}

.pager {
  color: #666;
  font-size: 12px;
  margin-bottom: 20px;
  overflow: hidden;
}

.pager p {
  margin: 0 !important;
}

.pager select {
  margin-bottom: 1px;
  padding: 0;
}

.pager .amount {
  float: left;
  line-height: 1.4em;
}

.pager .limiter {
  float: right;
  line-height: 20px;
}

.pager .pages {
  color: #333;
  line-height: 20px;
  margin: 0 135px;
  text-align: center;
}

.pager .pages a {
  color: #8c8c8c;
  text-decoration: underline;
}

.pager .pages a:hover {
  color: #8c8c8c;
  text-decoration: none;
}

.pager .pages ol,
.pager .pages li {
  display: inline;
  padding: 0 2px;
}

.pager .pages .current {
  font-weight: bold;
}

.pager .pages .i-previous,
.pager .pages .i-next {
  text-decoration: none !important;
  vertical-align: middle;
}

.pager-only {
  clear: both;
}

.pager-only .pages {
  margin: 0;
}

.messages {
  background: #fff;
  font-size: 36px;
  font-weight: bold;
  line-height: 1em;
  margin: 0 10px 30px 10px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .messages {
    font-size: 36px;
    word-wrap: break-word;
  }
}

.messages .success-msg {
  color: #2ae98f;
}

.messages .success-msg a {
  color: #2ae98f;
}

.messages .error-msg {
  color: #ff3000;
}

.messages .error-msg a {
  color: #ff3000;
}

.messages .notice-msg {
  color: #ff3000;
}

.messages .notice-msg a {
  color: #ff3000;
}

header + .messages {
  margin: 0;
  padding-top: 30px;
}

header + .messages ul {
  margin: 0 auto;
  max-width: 1440px;
  width: 1200px;
}

@media all and (min-width: 1480px) {
  header + .messages ul {
    width: 1440px;
  }
}

@media all and (max-width: 1240px) {
  header + .messages ul {
    width: 960px;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  header + .messages ul {
    min-width: 320px;
    width: 100%;
  }
}

header + .messages ul li {
  margin: 0 10px;
}

.my-account .messages {
  margin: 0 0 30px 0;
}

#messages_product_view {
  margin: 0 auto;
  width: 1200px;
}

@media all and (min-width: 1480px) {
  #messages_product_view {
    width: 1440px;
  }
}

@media all and (max-width: 1240px) {
  #messages_product_view {
    width: 960px;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #messages_product_view {
    width: 100%;
  }
}

#messages_product_view .messages {
  margin: 30px 10px;
}

#messages_product_view.left-container {
  box-sizing: border-box;
  margin-left: 225px;
  max-width: 1200px;
  padding-right: 15px;
  width: auto;
}

@media all and (min-width: 1425px) {
  #messages_product_view.left-container {
    padding: 0;
  }
}

@media all and (min-width: 1650px) {
  #messages_product_view.left-container {
    margin: 0 auto;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #messages_product_view.left-container {
    margin: 0;
    padding: 0;
  }
}

.split-button {
  display: inline-block;
  float: left;
  font-size: 14px;
  margin-right: 20px;
  position: relative;
  white-space: nowrap;
  z-index: 1;
}

.split-button * {
  outline: none;
}

.split-button.clickable:active {
  left: auto;
  top: auto;
}

.split-button.active {
  z-index: 100;
}

.split-button strong {
  background: #e5e5e5;
  color: #333;
  display: block;
  font-weight: bold;
  position: relative;
  padding: 14px 48px 14px 24px;
  text-decoration: none;
}

.split-button .clickable > strong,
.split-button strong[onclick] {
  cursor: pointer;
}

.split-button .change {
  cursor: pointer;
  display: block;
  left: 0;
  overflow: hidden;
  position: absolute;
  text-indent: -999em;
  top: 0px;
  width: 100%;
  height: 100%;
}

.split-button .change:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #999;
  content: '';
  height: 0;
  margin-top: -3px;
  position: absolute;
  right: 12px;
  top: 50%;
  width: 0;
}

.split-button .list-container {
  display: none;
  float: left;
  min-width: 100%;
  padding: 0;
  position: absolute;
  left: 0;
  top: 100%;
}

.split-button .list-container ul {
  border: 1px solid #eee;
  border-bottom: 0;
  margin-top: 4px;
  position: relative;
}

.split-button .list-container ul > li {
  display: block !important;
  margin: 0 !important;
  white-space: nowrap;
}

.split-button .list-container li a,
.split-button .list-container li span {
  background: #fff;
  border-bottom: 1px solid #eee;
  color: #666;
  cursor: pointer;
  display: block;
  font-size: 13px;
  overflow: hidden;
  padding: 12px 18px;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.split-button .list-container li:hover a,
.split-button .list-container li:hover span, .split-button .list-container li:hover {
  background: #eee;
}

.split-button.active .list-container {
  display: block;
}

.split-button.light {
  background: none;
  height: auto;
  padding: 0;
}

.split-button.light.clickable:active {
  left: auto;
  top: auto;
}

.split-button.light strong {
  background: #fff;
  border: 1px solid #ebebeb;
  color: #666;
  display: block;
  font-weight: bold;
  position: relative;
  text-decoration: none;
}

.split-button.light:hover strong {
  background: #ebebeb;
}

.split-button.light.clickable > strong,
.split-button.light strong[onclick] {
  color: #999;
  padding: 7px 36px 7px 12px;
}

.split-button.light.clickable > strong:hover,
.split-button.light strong[onclick]:hover {
  text-decoration: none;
}

.split-button.light .change {
  display: block;
  text-indent: -999em;
}

.split-button.light .list-container ul {
  margin: 0 !important;
}

.paypal-express-review .sub-title {
  margin: 0 10px;
}

.paypal-express-review .info-set {
  margin: 0 10px 20px 10px;
}

.paypal-express-review .info-set.col2-set {
  margin: 0 0 20px 0;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .paypal-express-review .info-set.col2-set {
    margin: 0;
    padding: 0 10px;
    width: 100%;
    box-sizing: border-box;
  }
}

.paypal-express-review .info-set.col2-set > h2 {
  margin: 0 10px;
}

.paypal-express-review .info-set.col2-set > .form-list {
  margin: 0 10px;
}

.paypal-express-review h2.legend {
  color: #666;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: normal;
  padding: 20px 0;
}

.paypal-express-review h2.legend a {
  color: #666;
}

.paypal-express-review .paypal-shipping-method h3 {
  color: #666;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: normal;
}

.paypal-express-review .form-list {
  width: 340px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .paypal-express-review .form-list {
    width: 100%;
    box-sizing: border-box;
  }
}

.paypal-express-review .form-list li em {
  display: none;
}

.paypal-express-review .form-list input[type=text],
.paypal-express-review .form-list input[type=tel],
.paypal-express-review .form-list input[type=email],
.paypal-express-review .form-list input[type=password] {
  width: 330px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .paypal-express-review .form-list input[type=text],
  .paypal-express-review .form-list input[type=tel],
  .paypal-express-review .form-list input[type=email],
  .paypal-express-review .form-list input[type=password] {
    width: 100%;
    box-sizing: border-box;
  }
}

.paypal-express-review .input-box select {
  width: 330px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .paypal-express-review .input-box select {
    width: 100%;
    box-sizing: border-box;
  }
}

.paypal-express-review .data-table {
  width: 100%;
}

.paypal-express-review .data-table th,
.paypal-express-review .data-table .a-center,
.paypal-express-review .data-table td {
  line-height: 1.4em;
  overflow: hidden;
  text-align: left;
}

.paypal-express-review .data-table .nobr {
  white-space: nowrap;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .paypal-express-review .data-table .nobr {
    white-space: normal;
  }
}

.paypal-express-review tbody tr {
  border-bottom: 1px solid #f1f1f1;
}

.paypal-express-review tbody td {
  vertical-align: top;
}

.paypal-express-review tfoot td {
  padding: 5px 15px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .paypal-express-review tfoot td {
    padding: 4px;
  }
}

.paypal-express-review .even {
  background: #fff;
}

.paypal-express-review .product-image {
  float: left;
  margin-right: 1em;
  width: 70px;
}

.paypal-express-review .product-details {
  float: left;
}

.paypal-express-review .item-options dd {
  padding-left: 1em;
}

.paypal-express-review #review-buttons-container {
  margin: 30px 10px;
  overflow: hidden;
}

.paypal-express-review #review-buttons-container button {
  display: block;
  float: left;
  margin-right: 1px;
}

.paypal-express-review #update_order {
  background: #e5e5e5;
  color: #666;
}

.paypal-express-review #review-please-wait {
  display: block;
  float: left;
  margin: 11px 0 0 10px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .paypal-express-review #review-please-wait {
    clear: both;
    float: none;
    margin: 0;
    padding: 10px 0;
  }
}

.paypal-express-review #review-please-wait * {
  vertical-align: middle;
}

/* Popup Dialog Block */
.window-overlay {
  background: #000;
  display: none;
  left: 0;
  min-height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 990;
  opacity: 0.5;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .window-overlay {
    z-index: 1000;
  }
}

.window-overlay.active {
  display: block;
}

.popup-block {
  display: none;
  left: 50%;
  margin: -85px 0 0 -250px;
  position: fixed;
  text-align: left;
  top: 40%;
  width: 500px;
  z-index: 1000;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .popup-block {
    margin-left: 0;
    max-width: 500px;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 100%;
  }
}

.popup-block.active {
  display: block;
}

.popup-block .block-title {
  background: #fff;
  padding: 30px 30px 0 30px;
}

.popup-block .block-title strong {
  color: #111;
  font-size: 16px;
  font-weight: bold;
  line-height: 1em;
  text-transform: uppercase;
}

.popup-block div.btn-close {
  background: url(../images/icon_modal_close.gif) center center no-repeat;
  cursor: pointer;
  display: block;
  height: 15px;
  position: absolute;
  right: 17px;
  text-indent: -9999em;
  top: 19px;
  width: 15px;
}

.popup-block .block-content {
  background: url(../images/bkg_block.gif) repeat-x 0 100% #fff;
  font-size: 12px;
  padding: 15px 30px 30px 30px;
}

.popup-block .block-content .form-list label {
  width: 180px;
}

.popup-block .block-content .form-list .input-text {
  width: 230px;
}

.popup-block .block-content .form-buttons .button {
  float: left;
  margin: 15px 1px 0 0;
}

.popup-block .block-content .form-buttons .btn-cancel {
  background: #ccc;
}

.popup-block.loading .block-content * {
  margin-left: -9999em;
  overflow: hidden;
  position: relative;
  text-align: left;
  text-indent: -99999em;
}

.popup-block.loading .block-content:before {
  background: url(../images/opc-ajax-loader.gif) no-repeat 0 50%;
  content: '';
  display: block;
  left: 50%;
  line-height: 16px;
  padding: 16px;
  position: absolute;
  text-indent: 0 !important;
  top: 50%;
  z-index: 99;
}

.no-display {
  display: none;
}

.carousel {
  cursor: default;
  display: none;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.carousel img {
  display: block;
  height: auto;
  width: 100%;
}

.carousel ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.carousel div.slides {
  position: relative;
}

.carousel div.slides div {
  left: 0;
  position: absolute;
  top: 0;
}

.carousel .menu {
  float: right;
  margin: 5px 10px;
}

.carousel .menu li {
  display: inline;
  margin-left: 8px;
}

.carousel .menu .next a {
  border-bottom: 6px solid transparent;
  border-left: 6px solid #ccc;
  border-top: 6px solid transparent;
  cursor: pointer;
  display: inline-block;
  height: 0;
  width: 0;
}

.carousel .menu .next a:hover {
  border-left-color: #999;
}

.carousel .menu .prev a {
  border-bottom: 6px solid transparent;
  border-right: 6px solid #ccc;
  border-top: 6px solid transparent;
  cursor: pointer;
  display: inline-block;
  height: 0;
  width: 0;
}

.carousel .menu .prev a:hover {
  border-right-color: #999;
}

.carousel ul.mobile-pagination {
  display: none;
  margin: 10px 0;
  text-align: center;
}

.carousel ul.mobile-pagination li {
  display: inline-block;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 36px;
  font-weight: normal;
}

.carousel ul.mobile-pagination li a {
  color: #b3b3b3 !important;
  cursor: pointer;
  text-decoration: none;
}

.carousel ul.mobile-pagination li a:hover, .carousel ul.mobile-pagination li a.active {
  color: #666 !important;
}

#home-carousel div.loading-bar {
  background: #ccc;
  background: rgba(0, 0, 0, 0.2);
  height: 3px;
  left: 0;
  position: absolute;
  top: 0;
  width: 0;
  transition: width 0.3s ease;
}

#home-carousel div.slides {
  overflow: hidden;
  position: relative;
  width: 100%;
}

#home-carousel div.slides a {
  display: block;
  height: 900px;
  width: 100%;
}

#home-carousel div.slides a img {
  display: none;
}

#home-carousel ul.pagination {
  color: #666;
  font-size: 20px;
  margin: 30px 0;
  overflow: hidden;
  text-align: center;
}

#home-carousel ul.pagination li {
  display: inline-block;
  font-weight: normal;
  font-size: 16px;
}

#home-carousel ul.pagination li a {
  color: #333;
  cursor: pointer;
  display: inline-block;
  padding: 0 8px;
  text-decoration: none;
}

#home-carousel ul.pagination li a:hover, #home-carousel ul.pagination li a.active {
  text-decoration: underline;
}

#home-carousel ul.mobile-pagination {
  color: #666;
  font-size: 20px;
  margin: 20px 0 24px 0;
  overflow: hidden;
  text-align: center;
}

#home-carousel ul.mobile-pagination li {
  display: inline-block;
  font-weight: normal;
  font-size: 12px;
}

#home-carousel ul.mobile-pagination li a {
  color: #333;
  cursor: pointer;
  display: inline-block;
  padding: 0 8px;
  text-decoration: none;
}

#home-carousel ul.mobile-pagination li a:hover, #home-carousel ul.mobile-pagination li a.active {
  text-decoration: underline;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #home-carousel ul.pagination {
    display: none;
  }
  #home-carousel ul.mobile-pagination {
    display: block;
  }
  #home-carousel .menu {
    display: none;
  }
}

#category-carousel {
  width: auto;
  margin-right: 20px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #category-carousel {
    margin: 0 auto;
  }
}

#category-carousel .slides {
  overflow: hidden;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #category-carousel .slides {
    margin: 0;
  }
}

#category-carousel .slides .slide {
  background-position: center center;
  background-size: cover;
}

#category-carousel .slides a {
  display: block;
  height: 100%;
  text-align: center;
  position: relative;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

#category-carousel .slides p {
  display: block;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 100%;
  opacity: 0;
  transition: opacity 200ms ease;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

#category-carousel .slides span {
  background: #fff;
  color: #111;
  display: inline-block;
  padding: 2.5em 4em;
}

#category-carousel a.prev {
  cursor: w-resize;
  display: block;
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  width: 15%;
}

#category-carousel a.prev span {
  background: transparent url("../images/icon-caret-left.svg") center center no-repeat;
  left: 0;
  top: 50%;
  background-size: 14px 27px;
}

#category-carousel a.next {
  cursor: e-resize;
  display: block;
  position: absolute;
  height: 100%;
  right: 0;
  top: 0;
  width: 15%;
}

#category-carousel a.next span {
  background: transparent url("../images/icon-caret-right.svg") center center no-repeat;
  right: 0;
  top: 50%;
  background-size: 14px 27px;
}

#category-carousel ul.pagination {
  color: #666;
  font-size: 20px;
  margin: 10px 0;
  overflow: hidden;
  text-align: left;
}

#category-carousel ul.pagination li {
  display: inline-block;
  font-size: 12px;
  font-weight: normal;
  padding-right: 10px;
}

#category-carousel ul.pagination li a {
  color: #333;
  cursor: pointer;
  text-decoration: none;
}

#category-carousel ul.pagination li a:hover, #category-carousel ul.pagination li a.active {
  text-decoration: underline;
}

#category-carousel ul.mobile-pagination {
  color: #666;
  margin: 10px 0;
  overflow: hidden;
  text-align: left;
}

#category-carousel ul.mobile-pagination li {
  display: inline-block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  padding-right: 10px;
}

#category-carousel ul.mobile-pagination li a {
  color: #333;
  cursor: pointer;
  text-decoration: none;
}

#category-carousel ul.mobile-pagination li a:hover, #category-carousel ul.mobile-pagination li a.active {
  text-decoration: underline;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #category-carousel ul.pagination {
    display: none;
  }
  #category-carousel ul.mobile-pagination {
    display: block;
  }
  #category-carousel .menu {
    display: none;
  }
}

#product-carousel ul.pagination,
#product-carousel-old ul.pagination {
  font-size: 12px;
  line-height: 1.6em;
  margin: 10px 0;
}

#product-carousel ul.pagination li,
#product-carousel-old ul.pagination li {
  display: block;
  color: #666;
  float: left;
}

#product-carousel ul.pagination li a,
#product-carousel-old ul.pagination li a {
  color: #666;
  cursor: pointer;
  display: block;
  float: left;
}

#product-carousel ul.pagination li a:hover, #product-carousel ul.pagination li a.active,
#product-carousel-old ul.pagination li a:hover,
#product-carousel-old ul.pagination li a.active {
  text-decoration: underline;
}

#product-carousel ul.pagination li span,
#product-carousel-old ul.pagination li span {
  display: block;
  float: left;
  margin: 0 4px;
}

#product-carousel ul.mobile-pagination a,
#product-carousel-old ul.mobile-pagination a {
  text-decoration: none !important;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #product-carousel ul.pagination,
  #product-carousel-old ul.pagination {
    display: none;
  }
  #product-carousel ul.mobile-pagination,
  #product-carousel-old ul.mobile-pagination {
    display: block;
    margin: 10px;
    text-align: center;
  }
  #product-carousel .menu,
  #product-carousel-old .menu {
    display: none;
  }
}

#product-carousel,
#product-carousel-old {
  display: none !important;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #product-carousel,
  #product-carousel-old {
    display: block !important;
  }
}

#product-carousel div.slides,
#product-carousel-old div.slides {
  background: #eee;
}

#product-carousel div.slides div,
#product-carousel-old div.slides div {
  left: 50%;
}

#product-carousel img,
#product-carousel-old img {
  margin: 0 auto;
  max-width: 560px;
  width: 100%;
}

#about-carousel ul.pagination li,
#affiliates-carousel ul.pagination li,
#blog-carousel ul.pagination li,
#jobs-carousel ul.pagination li {
  display: block;
  float: left;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 36px;
  font-weight: normal;
}

#about-carousel ul.pagination li a,
#affiliates-carousel ul.pagination li a,
#blog-carousel ul.pagination li a,
#jobs-carousel ul.pagination li a {
  color: #b3b3b3;
  cursor: pointer;
  text-decoration: none;
}

#about-carousel ul.pagination li a:hover, #about-carousel ul.pagination li a.active,
#affiliates-carousel ul.pagination li a:hover,
#affiliates-carousel ul.pagination li a.active,
#blog-carousel ul.pagination li a:hover,
#blog-carousel ul.pagination li a.active,
#jobs-carousel ul.pagination li a:hover,
#jobs-carousel ul.pagination li a.active {
  color: #666;
}

#goexplore-carousel {
  width: 400px;
}

#goexplore-carousel .slides img {
  display: block;
  width: 100%;
}

#goexplore-carousel .pagination {
  text-align: center;
  margin: 1em 0;
}

#goexplore-carousel .pagination li {
  display: inline-block;
  margin: 0 5px;
}

#goexplore-carousel .pagination a {
  background: #fff;
  border: 1px solid #111;
  display: block;
  height: 9px;
  width: 9px;
  border-radius: 6px;
}

#goexplore-carousel .pagination a:hover, #goexplore-carousel .pagination a.active {
  background: #888;
  border-color: #888;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #goexplore-carousel {
    margin: 0 auto;
    max-width: 400px;
    width: 100%;
  }
  #goexplore-carousel .slides {
    height: auto;
    width: 100%;
  }
  #goexplore-carousel .slides div {
    width: 100%;
  }
}

.share {
  width: 100px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .share {
    display: none;
  }
}

.share a,
.share span {
  background: #2ae98f;
  color: #fff;
  display: block;
  height: 100px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 100px;
  text-align: center;
  text-decoration: none;
  width: 100px;
  border-radius: 100px;
}

.share a.facebook,
.share span.facebook {
  background: #3b5898;
  color: #fff;
}

.share a.twitter,
.share span.twitter {
  background: #00abed;
  color: #fff;
}

.share a.facebook:hover, .share a.twitter:hover,
.share span.facebook:hover,
.share span.twitter:hover {
  text-decoration: underline;
}

.share ul {
  display: none;
  overflow: visible;
}

@media all and (max-width: 1240px) {
  .share ul {
    overflow: hidden;
  }
}

.share ul li {
  margin: 0 0 5px 0;
}

header {
  background: #fff;
  border-bottom: 1px solid #f1f1f1;
  position: relative;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  header {
    padding: 0;
  }
}

header.above {
  z-index: 9999;
}

header .background {
  display: none;
}

header li {
  color: #111;
  display: inline-block;
  font-size: 14px;
}

header a {
  color: #111;
  text-decoration: none;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  header a:hover {
    text-decoration: none;
  }
}

header .masthead {
  padding: 0 10px;
  box-sizing: border-box;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  header .masthead {
    background: #fff;
    float: none;
    height: 60px;
    padding: 0;
    position: static;
    width: 100%;
  }
}

header .logo {
  display: block;
  margin: 0 auto;
  padding: 17px 0 16px 0;
  width: 128px;
}

header .logo i {
  background: url("../images/logo.svg") left top no-repeat;
  background-size: 128px 16px;
  display: block;
  height: 16px;
  width: 128px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  header .logo {
    display: none;
  }
}

header .logo-mobile {
  display: none;
  margin: 0 auto;
  padding-top: 23px;
  width: 128px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  header .logo-mobile {
    display: block;
  }
}

@media all and (max-width: 360px) {
  header .logo-mobile {
    width: 112px;
    padding-top: 24px;
  }
}

header .logo-mobile i {
  background: url("../images/logo.svg") left top no-repeat;
  background-size: 128px 16px;
  display: block;
  height: 16px;
  width: 128px;
}

@media all and (max-width: 360px) {
  header .logo-mobile i {
    background-size: 112px 15px;
    display: block;
    height: 15px;
    width: 112px;
  }
}

header .primary {
  padding: 0 10px;
  box-sizing: border-box;
  float: left;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  header .primary {
    display: none;
    float: none;
    margin: 0;
    width: 100%;
    box-sizing: border-box;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  header .primary ul {
    background: #eee;
  }
}

header .primary li {
  line-height: 18px;
  margin-right: 20px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  header .primary li {
    display: block;
    margin: 0;
  }
}

header .primary a {
  color: #8C8A8A;
  display: block;
  padding: 17px 0 16px 0;
  text-decoration: none;
}

header .primary a.active {
  color: #111;
  font-weight: normal;
}

header .primary a.hovered {
  text-decoration: underline;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  header .primary a {
    display: block;
    border-bottom: 1px solid #f1f1f1;
    color: #111;
    font-size: 16px;
    height: auto;
    line-height: normal;
    padding: 14px 0;
    text-align: center;
  }
}

header .primary a:hover {
  color: #111;
  text-decoration: none;
}

header .secondary {
  padding: 0 10px;
  box-sizing: border-box;
  float: right;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  header .secondary {
    display: none;
    float: none;
    margin: 0;
    width: 100%;
    box-sizing: border-box;
  }
}

header .secondary a:hover {
  text-decoration: underline;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  header .secondary ul {
    background: #eee;
  }
}

header .secondary li {
  line-height: 18px;
  margin-left: 20px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  header .secondary li {
    display: none;
  }
}

header .secondary li a {
  display: block;
  padding: 17px 0 16px 0;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  header .secondary li a {
    display: block;
    color: #111;
    font-size: 18px;
    height: auto;
    line-height: normal;
    padding: 14px 0;
    text-align: center;
  }
}

header .secondary #header-search a {
  background: transparent url("../images/icon-search.svg") 30px center no-repeat;
  background-size: 10px;
  padding-left: 45px;
}

header .secondary #header-currency a {
  background: transparent url("../images/icon-caret-down.svg") right center no-repeat;
  background-size: 10px 6px;
  padding-right: 15px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  header .secondary #header-account {
    display: block;
    margin: 0;
  }
}

#header-blog .hovered,
#header-sale .hovered {
  text-decoration: none;
}

#header-blog a:hover,
#header-sale a:hover {
  text-decoration: underline;
}

.header-widget {
  background-color: #fff;
  border: 1px solid #e8e8e8;
  border-top: 0;
  display: none;
  left: 0;
  padding: 20px;
  position: absolute;
  top: 0;
  width: 220px;
  z-index: 999;
}

.header-widget li {
  display: block;
  overflow: hidden;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .category-widget {
    display: none !important;
  }
}

.category-widget li {
  border: 0;
}

.category-widget li:first-child a {
  padding-top: 0;
}

.category-widget .spacer {
  height: 16px;
}

.category-widget a {
  display: block;
  line-height: 1em;
  padding: 6px 0 0 0;
  text-decoration: none;
}

.category-widget a:hover {
  color: #666;
}

.cart-widget {
  padding: 20px 0;
  width: 240px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .cart-widget {
    display: none !important;
  }
}

.cart-widget .products {
  max-height: 393px;
  overflow-y: auto;
}

.cart-widget .products li {
  border-bottom: 1px solid #f1f1f1;
  margin-bottom: 20px;
  padding: 0 20px 20px 20px;
}

.cart-widget .products a {
  display: block;
  text-decoration: none;
}

.cart-widget .products h4 {
  font-weight: bold;
  line-height: 1.2em;
}

.cart-widget .products img {
  float: left;
  margin-right: 20px;
  width: 70px;
}

.cart-widget .products p {
  line-height: 1.2em;
  margin-left: 90px;
}

.cart-widget .buttons {
  overflow: hidden;
  padding: 0 20px;
}

.cart-widget .buttons li {
  border: 0;
  display: block;
  float: left;
}

.cart-widget .view_cart {
  width: 90px;
}

.cart-widget .view_cart a {
  display: block;
  line-height: 16px;
  overflow: hidden;
  padding: 14px 0;
  text-align: center;
  width: 70px;
}

.cart-widget .checkout {
  width: 110px;
}

.cart-widget .checkout a {
  background: #fff;
  border: 1px solid #222;
  display: block;
  font-size: 14px;
  font-weight: bold;
  padding: 14px 0;
  text-align: center;
  text-decoration: none;
}

.cart-widget .message {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.2em;
  padding: 0 20px 20px 20px;
}

.cart-widget .success {
  color: #2ae98f;
}

.cart-widget .error {
  color: #ff3000;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .search-widget {
    display: none !important;
  }
}

.search-widget fieldset {
  border: 1px solid #555;
  display: block;
  padding: 10px 12px;
  position: relative;
}

.search-widget fieldset:after {
  color: #111;
  content: '→';
  display: block;
  position: absolute;
  margin-top: -7px;
  top: 50%;
  right: 12px;
}

.search-widget input[type=text] {
  border: 0;
  margin: 0;
  padding: 0;
  width: 100%;
}

.search-widget input[type=text]:focus {
  outline: none;
}

#search-widget-results {
  left: 0 !important;
  position: relative !important;
  top: 0 !important;
  width: auto !important;
}

#search-widget-results ul {
  list-style: none;
  margin: 0 0 0 13px;
  padding: 0;
}

#search-widget-results li {
  cursor: pointer;
  font-size: 14px;
  line-height: 1.5em;
  text-transform: none;
}

#search-widget-results li:hover {
  text-decoration: underline;
}

#search-widget-results li.first {
  margin-top: 20px;
}

#search-widget-results li span {
  display: none;
}

.currency-widget {
  padding: 8px 0 12px 0;
  width: 240px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .currency-widget {
    display: none !important;
  }
}

.currency-widget li {
  padding: 0 20px;
}

.currency-widget a {
  display: block;
  line-height: 1em;
  padding: 8px 0;
  text-decoration: none;
}

.currency-widget a:hover {
  color: #666;
}

.currency-widget span {
  float: left;
  width: 40px;
}

.account-widget {
  padding: 8px 0 12px 0;
  width: 240px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .account-widget {
    display: none !important;
  }
}

.account-widget li {
  padding: 0 20px;
}

.account-widget a {
  display: block;
  line-height: 1em;
  padding: 8px 0;
  text-decoration: none;
}

.account-widget a:hover {
  color: #666;
}

#quick_cart_spinner {
  height: 60px;
  margin-bottom: 20px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

header .mobile_menu {
  display: none;
  position: relative;
  /*
		i {
			background: none;
			border-bottom: 8px solid #111;
			border-left: 8px solid transparent;
			border-right: 8px solid transparent;
			bottom: 0;
			display: none;
			height: 0;
			left: 4px;
			margin-bottom: -18px;
			position: absolute;
			width: 0;
		}
		*/
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  header .mobile_menu {
    display: block;
    float: left;
    padding: 18px;
  }
}

header .mobile_menu span {
  background: url("../images/icon_hamburger.png") center center no-repeat;
  display: block;
  height: 24px;
  width: 24px;
  background-size: 18px 14px;
}

@media (-webkit-min-device-pixel-ratio: 1.3), (min-resolution: 124.8dpi), (min-resolution: 1.3dppx) {
  header .mobile_menu span {
    background-image: url("../images/icon_hamburger@2x.png");
  }
}

header .mobile_cart {
  display: none;
  position: relative;
  /*
		i {
			background: none;
			border-bottom: 8px solid #111;
			border-left: 8px solid transparent;
			border-right: 8px solid transparent;
			bottom: 0;
			display: none;
			height: 0;
			left: 4px;
			margin-bottom: -18px;
			position: absolute;
			width: 0;
		}
		*/
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  header .mobile_cart.show {
    display: block;
    float: right;
    padding: 18px 18px 18px 0;
    text-decoration: none;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  header .mobile_cart span {
    border: 2px solid #111;
    border-radius: 0;
    color: #111;
    display: inline-block;
    font-size: 11px;
    height: 13px;
    line-height: 13px;
    margin-top: 4px;
    position: relative;
    white-space: nowrap;
    width: 20px;
    text-align: center;
    text-overflow: ellipsis;
  }
  header .mobile_cart span:after {
    background: url("../images/icon-bag-handle.svg") center top no-repeat;
    background-size: 10px 9px;
    content: '';
    display: block;
    margin-left: -5px;
    height: 9px;
    width: 10px;
    position: absolute;
    top: -9px;
    left: 50%;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  header .mobile_search {
    float: right;
    padding: 18px 18px 18px 0;
    text-decoration: none;
  }
  header .mobile_search i {
    background: url("../images/icon-search-mobile.svg") center center no-repeat;
    background-size: 20px 20px;
    display: block;
    height: 22px;
    width: 22px;
  }
}

#mobile_search {
  background: #eee;
  display: none;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #mobile_search {
    display: block;
  }
}

#mobile_search form {
  border-top: 1px solid #f1f1f1;
  padding: 10px;
}

#mobile_search fieldset {
  background: #fff;
  overflow: hidden;
  width: 100%;
}

#mobile_search fieldset * {
  vertical-align: middle;
}

#mobile_search input[type=text] {
  border: 0;
  color: #999;
  float: left;
  font-size: 16px;
  padding: 9px 7px 7px 7px;
  line-height: 1em;
  outline: none;
  width: 75%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-sizing: border-box;
}

#mobile_search button {
  background: url("../images/icon-search.svg") center center no-repeat;
  border: 0;
  float: right;
  height: 40px;
  width: 40px;
  display: inline-block;
  background-size: 20px 20px;
}

#mobile_cart_widget {
  background-color: #fff;
  border-top: 1px solid #f1f1f1;
  color: #000;
  display: none;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.2em;
  min-height: 80px;
  padding: 0 10px;
  position: relative;
  text-transform: none;
}

#mobile_cart_widget a {
  height: auto;
  line-height: normal;
  text-decoration: none;
  opacity: 1;
  transition: none;
}

#mobile_cart_widget span {
  display: inline;
  height: auto;
  line-height: normal;
  opacity: 1;
  transition: none;
}

#mobile_cart_widget ul {
  float: none;
  overflow: hidden;
}

#mobile_cart_widget li {
  color: #222;
  display: block;
  height: auto;
  float: none;
  overflow: hidden;
  padding: 0;
}

#mobile_cart_widget .products li {
  border-bottom: 1px solid #f1f1f1;
  margin-top: 20px;
  padding: 0 10px 20px 10px;
}

#mobile_cart_widget .products h4 {
  color: #222;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 6px;
}

#mobile_cart_widget .products h4 a {
  color: #222;
  display: inline;
}

#mobile_cart_widget .products h4 img {
  display: block;
  float: left;
  margin-right: 20px;
  width: 70px;
}

#mobile_cart_widget .products p {
  font-size: 12px;
  margin: 0 0 0 90px;
}

#mobile_cart_widget .buttons {
  overflow: hidden;
  padding: 10px 0;
}

#mobile_cart_widget .view_cart {
  float: left;
  width: 50%;
}

#mobile_cart_widget .view_cart a {
  background: #f7f7f7;
  color: #111;
  display: block;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  margin-right: 10px;
  padding: 14px 0;
  text-align: center;
}

#mobile_cart_widget .checkout {
  float: left;
  width: 50%;
}

#mobile_cart_widget .checkout a {
  background: #111;
  border: 0;
  color: #fff;
  display: block;
  font-size: 16px;
  font-weight: bold;
  margin-left: 10px;
  padding: 14px 0;
  text-align: center;
  text-decoration: none;
}

#mobile_cart_widget .message {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.1em;
  padding: 20px 10px 0 10px;
}

#mobile_cart_widget .success {
  color: #2ae98f;
}

#mobile_cart_widget .error {
  color: #ff3000;
  padding: 20px 10px;
}

#mobile_cart_widget .empty {
  color: #999;
  padding: 20px 10px;
}

#mobile_cart_spinner {
  height: 80px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .checkout-cart-index .mobile_menu,
  .checkout-cart-index .mobile_search,
  .checkout-cart-index .mobile_cart,
  .checkout-cart-index .mobile_cart.show,
  .checkout-onepage-index .mobile_menu,
  .checkout-onepage-index .mobile_search,
  .checkout-onepage-index .mobile_cart,
  .checkout-onepage-index .mobile_cart.show {
    display: none;
  }
}

.messaging-banner {
  background: #fce305;
  border-bottom: 1px solid #e8e8e8;
  display: none;
  font-size: 12px;
  min-height: 38px;
  transition: height 400ms ease-out;
}

.messaging-banner a {
  color: #111;
}

.messaging-banner .content {
  display: block;
  line-height: 1.4em;
  overflow: hidden;
  padding: 13px 0;
  position: relative;
  text-align: center;
}

.messaging-banner .content a {
  display: inline-block;
  text-decoration: underline;
}

.messaging-banner .content a:hover {
  text-decoration: underline;
}

.messaging-banner .content strong {
  font-weight: bold;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .messaging-banner .content {
    padding: 20px 45px;
  }
}

.messaging-banner .content-opened {
  box-sizing: border-box;
  overflow: hidden;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .messaging-banner .content-opened {
    padding: 0 20px;
    width: 100%;
  }
}

.messaging-banner .content-opened a {
  text-decoration: underline;
}

.messaging-banner .content-opened strong {
  font-weight: bold;
}

.messaging-banner .content-opened p {
  line-height: 1.4em;
  margin-bottom: 1em;
}

.messaging-banner .content-opened p:last-child {
  margin: 0;
}

.messaging-banner .content-opened h3 {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2em;
  margin-bottom: 1em;
}

.messaging-banner .content-opened .content-domestic,
.messaging-banner .content-opened .content-international {
  box-sizing: border-box;
  float: left;
  padding: 20px 14%;
  text-align: center;
  width: 50%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .messaging-banner .content-opened .content-domestic,
  .messaging-banner .content-opened .content-international {
    padding: 20px 0;
    width: 100%;
  }
}

.messaging-banner .content-opened .content-domestic {
  border-right: 1px solid #e8e8e8;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .messaging-banner .content-opened .content-domestic {
    border: 0;
  }
}

.messaging-banner .content-opened .content-domestic-full {
  border: 0;
  float: none;
  margin: 0 auto;
  width: 75%;
}

.messaging-banner .closed {
  display: block;
  text-align: center;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .messaging-banner .closed {
    padding: 0 10px;
  }
}

.messaging-banner .closed a {
  background: url("../images/icon-caret-black-down.svg") right center no-repeat;
  background-size: 10px;
  display: block;
  line-height: 1.4em;
  margin: 0 10px;
  padding: 17px 20px;
}

.messaging-banner .closed strong {
  font-weight: bold;
}

.messaging-banner .opened {
  display: none;
  line-height: 1.4em;
  overflow: hidden;
  padding: 17px 0;
  position: relative;
  text-align: center;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .messaging-banner .opened {
    padding: 20px 30px;
  }
}

.messaging-banner .close {
  background: url("../images/icon_shipping_close.svg") center center no-repeat;
  display: block;
  height: 12px;
  position: absolute;
  right: 10px;
  top: 21px;
  margin-top: -6px;
  width: 12px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .messaging-banner .close {
    height: 24px;
    width: 24px;
    margin-top: -12px;
    top: 20px;
  }
}

.messaging-banner.sale .closed .exclusions {
  display: inline-block;
  margin-left: 1em;
  text-decoration: underline;
}

.messaging-banner.sale .opened .exclusions {
  text-decoration: underline;
}

.messaging-banner.sale .opened .exclusions-list {
  margin: 0 auto;
  width: 50%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .messaging-banner.sale .opened .exclusions-list {
    margin: 0;
    width: 100%;
  }
}

.messaging-banner-sale {
  background-color: #d8a192;
}

.messaging-banner-sale a.close {
  display: none;
}

/*
.messaging-banner-blackfriday {
	background-color: #141414;
	color: #eee;
	
	a {
		color: #eee;
	}
}
.messaging-banner-cybermonday {
	background-color: #eeeade;
	color: #222;
	
	a {
		color: #222;
	}
}
*/
footer {
  color: #666;
  line-height: 2.5em;
  margin-top: 20px;
  overflow: hidden;
  padding: 90px 0 75px 0;
  position: relative;
}

footer::before {
  border-top: 1px solid #f1f1f1;
  content: '';
  left: 50%;
  max-width: 1420px;
  position: absolute;
  top: 0;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 1180px;
}

@media all and (min-width: 1480px) {
  footer::before {
    width: 1420px;
  }
}

@media all and (max-width: 1240px) {
  footer::before {
    width: 940px;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  footer::before {
    min-width: 300px;
    width: 100%;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  footer {
    display: none;
  }
}

footer a {
  color: #666;
  text-decoration: none;
}

footer a:hover {
  text-decoration: underline;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  footer a:hover {
    text-decoration: none;
  }
}

footer h6 {
  color: #111;
}

footer .col {
  float: left;
  width: 25%;
  padding: 0 10px;
  box-sizing: border-box;
}

footer .row {
  overflow: hidden;
}

footer .row-1 .col {
  width: 20%;
}

footer .row-2 {
  padding-top: 40px;
}

footer .row-2 a {
  color: #111;
}

footer .logo a {
  background: url("../images/logo.svg") left top no-repeat;
  background-size: 142px 18px;
  display: block;
  height: 18px;
  width: 142px;
}

footer .address {
  margin-top: 1.2em;
}

footer .newsletter {
  text-align: right;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  footer .newsletter {
    display: none;
  }
}

footer .newsletter-join {
  background: none;
  border: 1px solid #222;
  display: inline-block;
  font-weight: bold;
  padding: 1em 2em;
}

footer .copyright {
  float: left;
  padding: 0 10px;
  box-sizing: border-box;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  footer .copyright {
    float: none;
    margin: 20px 0 0 0;
    text-align: center;
    width: 100%;
  }
}

footer .legal {
  float: right;
  text-align: right;
}

footer .legal li {
  display: inline-block;
  margin-right: 1em;
}

.newsletter-mobile {
  background: #f1f1f1;
  padding: 30px 20px;
  text-align: center;
}

.newsletter-mobile h6 {
  color: #111;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.newsletter-mobile p {
  color: #111;
  line-height: 1.4em;
  margin-bottom: 20px;
}

.newsletter-mobile p:last-child {
  margin-bottom: 0;
}

.newsletter-mobile fieldset {
  color: #111;
}

.newsletter-mobile fieldset:first-child {
  margin-bottom: 20px;
}

.newsletter-mobile input[type=email] {
  border: 1px solid #111;
  box-sizing: border-box;
  font-size: 18px;
  padding: 15px;
  text-align: center;
  width: 100%;
}

.newsletter-mobile input[type=email]::-webkit-input-placeholder {
  color: #111;
}

.newsletter-mobile input[type=email]:-moz-placeholder {
  color: #111;
}

.newsletter-mobile input[type=email]::-moz-placeholder {
  color: #111;
}

.newsletter-mobile input[type=email]:-ms-input-placeholder {
  color: #111;
}

.newsletter-mobile input[type=checkbox] {
  position: relative;
  top: 2px;
}

.newsletter-mobile button {
  background: #111;
  border: 0;
  color: #fff;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  line-height: 1em;
  margin: 15px auto 0 auto;
  padding: 1em 2em;
}

.mobile-footer {
  color: #999;
  display: none;
}

.mobile-footer a {
  color: #999;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .mobile-footer {
    display: block;
  }
}

.mobile-footer .container, .mobile-footer .col2-left-layout, .mobile-footer .account-login, .mobile-footer .newsletter-banner-container {
  box-sizing: border-box;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .mobile-footer .container, .mobile-footer .col2-left-layout, .mobile-footer .account-login, .mobile-footer .newsletter-banner-container {
    padding: 40px 20px;
  }
}

.mobile-footer .social {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  min-width: 320px;
  text-align: center;
  padding: 30px 0 28px 0;
}

.mobile-footer .social li {
  color: #111;
  display: inline-block;
  font-size: 14px;
  margin-right: 1em;
}

.mobile-footer .social a {
  display: block;
}

.mobile-footer .social img {
  display: block;
  height: 16px;
  width: auto;
}

.mobile-footer .links {
  font-size: 24px;
  margin-bottom: 30px;
  text-transform: uppercase;
}

.mobile-footer .links li {
  margin-bottom: 14px;
}

.mobile-footer .logo {
  margin-bottom: 20px;
}

.mobile-footer .logo a {
  background: url("../images/logo.svg") left top no-repeat;
  background-size: 142px 18px;
  display: block;
  height: 18px;
  width: 142px;
}

.mobile-footer .legal {
  font-size: 12px;
  text-transform: uppercase;
}

.mobile-footer .legal ul {
  margin-top: 6px;
}

.mobile-footer .legal li {
  display: inline-block;
  margin-right: 6px;
}

.newsletter-footer {
  padding-top: 90px;
  text-align: center;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .newsletter-footer {
    display: none;
  }
}

.newsletter-footer .intro {
  overflow: hidden;
  margin: 0 auto;
  max-height: 0;
  max-width: 420px;
  transition: max-height 0.3s ease-in-out;
}

.newsletter-footer .intro h3 {
  font-size: 24px;
  line-height: 1em;
}

.newsletter-footer .intro p {
  color: #666;
  font-size: 15px;
  margin-top: 20px;
  line-height: 1.5em;
}

.newsletter-footer .email-address {
  background: #fff;
  border: 1px solid #111;
  height: 50px;
  margin: 30px auto;
  max-width: 580px;
  overflow: hidden;
  position: relative;
}

.newsletter-footer .email-address label,
.newsletter-footer .email-address input {
  background: transparent;
  border: 0;
  box-sizing: border-box;
  display: block;
  font-size: 14px;
  height: 100%;
  left: 0;
  letter-spacing: 0.04em;
  line-height: 1.3em;
  position: absolute;
  padding: 15px;
  text-align: left;
  top: 0;
  width: 100%;
}

.newsletter-footer .email-address button {
  background: transparent;
  border: 0;
  opacity: 0.5;
  padding: 15px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.newsletter-footer .email-address input {
  opacity: 0;
}

.newsletter-footer .email-address button {
  pointer-events: none;
}

.newsletter-footer .newsletter {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-in-out;
}

.newsletter-footer .newsletter input {
  display: none;
}

.newsletter-footer .newsletter label {
  display: inline-block;
  margin: 0 10px;
  padding: 10px 0 10px 25px;
  position: relative;
}

.newsletter-footer .newsletter label::before {
  background: #fff;
  border: 1px solid #111;
  border-radius: 50%;
  content: '';
  display: block;
  height: 15px;
  left: 0;
  position: absolute;
  top: 50%;
  width: 15px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.newsletter-footer .newsletter label::after {
  background: #111;
  border-radius: 50%;
  content: '';
  display: none;
  height: 9px;
  left: 4px;
  position: absolute;
  top: 50%;
  width: 9px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.newsletter-footer .newsletter input:checked + label::after {
  display: block;
}

.newsletter-footer.show-form .intro {
  max-height: 100px;
}

.newsletter-footer.show-form .email-address label {
  display: none;
}

.newsletter-footer.show-form .email-address input {
  opacity: 1;
}

.newsletter-footer.show-form .email-address button {
  pointer-events: auto;
}

.newsletter-footer.show-form .newsletter {
  max-height: 100px;
}

.filter-menu {
  background: #fff;
  display: block;
  margin: 0 20px 30px 0;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .filter-menu {
    bottom: -20px;
    margin: 0;
    overflow: hidden;
    overflow-y: auto;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
            transform: translateX(100%);
    width: 260px;
    z-index: 1000;
    -webkit-overflow-scrolling: touch;
  }
}

.filter-menu .filter-menu-header {
  border-bottom: 1px solid #f1f1f1;
  padding-bottom: 24px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .filter-menu .filter-menu-header {
    border: 0;
    padding: 0;
  }
}

.filter-menu .filter-menu-header .close {
  background: url("../images/icon-close.svg") top left no-repeat;
  background-size: 14px 14px;
  display: none;
  height: 14px;
  left: 20px;
  position: absolute;
  width: 14px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .filter-menu .filter-menu-header .close {
    display: block;
  }
}

.filter-menu .filter-menu-header-wrapper {
  position: relative;
}

.filter-menu h4 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 24px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .filter-menu h4 {
    background: #f9f9f9;
    border-bottom: 1px solid #f1f1f1;
    font-size: 20px;
    font-weight: normal;
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
    text-align: center;
  }
}

.filter-menu h5 {
  color: #bbb;
  font-size: 11px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.filter-menu .accordion {
  border-bottom: 1px solid #f1f1f1;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .filter-menu .accordion {
    margin: 0 20px;
  }
}

.filter-menu .accordion button {
  background: transparent;
  border: 0;
  border-radius: 0;
  display: block;
  font-size: 14px;
  outline: none;
  padding: 15px 0;
  position: relative;
  text-align: left;
  width: 100%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .filter-menu .accordion button {
    font-size: 20px;
  }
}

.filter-menu .accordion button:after {
  background: transparent url("../images/icon-filter-open.svg") center center no-repeat;
  background-size: 11px 11px;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  font-family: sans-serif;
  font-size: 12px;
  right: 5px;
  top: 0;
  width: 15px;
}

.filter-menu .accordion .panel {
  display: none;
}

.filter-menu .accordion.active button:after {
  background-image: url("../images/icon-filter-close.svg");
}

.filter-menu .accordion.active .panel {
  display: block;
}

.filter-menu .accordion-style h5 {
  margin-bottom: 20px;
}

.filter-menu .brand-search {
  background: #fff url("../images/icon-search.svg") 10px center no-repeat;
  border: 1px solid #111;
  border-radius: 0;
  box-sizing: border-box;
  display: block;
  padding: 10px 10px 10px 25px;
  width: 100%;
  -webkit-appearance: none;
}

.filter-menu .brand-options-filtered-wrapper {
  border: 1px solid #f1f1f1;
  border-top: 0;
  box-sizing: border-box;
  padding: 10px;
}

.filter-menu .brand-options-filtered {
  display: block;
  height: 250px;
  overflow: hidden;
  overflow-y: scroll;
  width: 100%;
  -webkit-overflow-scrolling: touch;
}

.filter-menu .brand-options-filtered a {
  color: #111;
  cursor: pointer;
  display: block;
  font-size: 14px;
  line-height: 25px;
}

.filter-menu .brand-options-filtered a:hover {
  text-decoration: none;
}

.filter-menu .brand-options,
.filter-menu .price-options {
  margin: 10px 0 20px 0;
}

.filter-menu .brand-options input,
.filter-menu .price-options input {
  display: none;
}

.filter-menu .brand-options a,
.filter-menu .brand-options label,
.filter-menu .price-options a,
.filter-menu .price-options label {
  color: #111;
  cursor: pointer;
  display: block;
  font-size: 14px;
  line-height: 25px;
  padding: 5px 0 5px 35px;
  position: relative;
}

.filter-menu .brand-options a:hover,
.filter-menu .brand-options label:hover,
.filter-menu .price-options a:hover,
.filter-menu .price-options label:hover {
  text-decoration: none;
}

.filter-menu .brand-options a:before,
.filter-menu .brand-options label:before,
.filter-menu .price-options a:before,
.filter-menu .price-options label:before {
  background: #fff;
  border: 1px solid #bbb;
  border-radius: 50%;
  content: '';
  display: block;
  height: 25px;
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 25px;
}

.filter-menu .brand-options input:checked + label:before,
.filter-menu .price-options input:checked + label:before {
  border-color: #111;
}

.filter-menu .brand-options input:checked + label:after,
.filter-menu .price-options input:checked + label:after {
  background: #999;
  border-radius: 50%;
  content: '';
  display: block;
  height: 15px;
  left: 6px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 15px;
}

.filter-menu .size-options {
  margin: 20px 0;
  overflow: hidden;
}

.filter-menu .size-options input {
  display: none;
}

.filter-menu .size-options a,
.filter-menu .size-options label {
  background: #fff;
  border: 1px solid #bbb;
  border-radius: 50%;
  color: #111;
  cursor: pointer;
  display: block;
  float: left;
  font-size: 11px;
  height: 40px;
  line-height: 40px;
  margin: 0 10px 10px 0;
  padding: 0;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 40px;
}

.filter-menu .size-options a:hover,
.filter-menu .size-options label:hover {
  text-decoration: none;
}

.filter-menu .size-options input:checked + label {
  border-color: #111;
}

.filter-menu .brand-options,
.filter-menu .price-options {
  margin: 10px 0 20px 0;
}

.filter-menu .brand-options input,
.filter-menu .price-options input {
  display: none;
}

.filter-menu .brand-options a,
.filter-menu .brand-options label,
.filter-menu .price-options a,
.filter-menu .price-options label {
  cursor: pointer;
  display: block;
  font-size: 14px;
  line-height: 25px;
  padding: 5px 0 5px 35px;
  position: relative;
}

.filter-menu .brand-options a:before,
.filter-menu .brand-options label:before,
.filter-menu .price-options a:before,
.filter-menu .price-options label:before {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
  content: '';
  display: block;
  height: 25px;
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 25px;
}

.filter-menu .brand-options input:checked + label:before,
.filter-menu .price-options input:checked + label:before {
  border-color: #111;
}

.filter-menu .brand-options input:checked + label:after,
.filter-menu .price-options input:checked + label:after {
  background: #999;
  border-radius: 50%;
  content: '';
  display: block;
  height: 15px;
  left: 6px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 15px;
}

.filter-menu .price-options {
  margin: 0 0 20px 0;
}

.filter-menu .brand-options-all {
  font-size: 13px;
  font-weight: bold;
  margin: 0 0 30px 0;
  text-align: center;
}

.filter-menu .brand-options-all a {
  color: #111;
  text-decoration: underline;
}

.filter-menu .customselect-feedback {
  font-size: 13px;
  padding: 1em;
  text-align: center;
  text-decoration: underline;
}

.filter-menu .color-options {
  margin: 0 0 20px 0;
  overflow: hidden;
}

.filter-menu .color-options input {
  display: none;
}

.filter-menu .color-options a, .filter-menu .color-options label {
  background: #fff;
  border: 1px solid #transparent;
  border-radius: 50%;
  cursor: pointer;
  display: block;
  float: left;
  font-size: 11px;
  height: 40px;
  line-height: 40px;
  margin: 0 10px 10px 0;
  opacity: 0.75;
  padding: 0;
  text-align: center;
  width: 40px;
}

.filter-menu .color-options a {
  opacity: 1;
}

.filter-menu .color-options input:checked + label {
  border-color: #111;
  opacity: 1;
}

.filter-menu .color-options .filter-red {
  background-color: #DA4748;
}

.filter-menu .color-options .filter-white {
  background-color: #fff;
  border: 1px solid #ddd;
}

.filter-menu .color-options .filter-yellow {
  background-color: #ECD075;
}

.filter-menu .color-options .filter-green {
  background-color: #49876F;
}

.filter-menu .color-options .filter-grey {
  background-color: #DADADA;
}

.filter-menu .color-options .filter-orange {
  background-color: #FD9458;
}

.filter-menu .color-options .filter-purple {
  background-color: #9B799A;
}

.filter-menu .color-options .filter-brown {
  background-color: #715B49;
}

.filter-menu .color-options .filter-blue {
  background-color: #51738F;
}

.filter-menu .color-options .filter-black {
  background-color: #434343;
}

.filter-menu .color-options .filter-assorted {
  background: #8d63ac;
  background: -webkit-gradient(left top, right top, color-stop(0%, #8d63ac), color-stop(32%, #53a0fd), color-stop(69%, #88ca9f), color-stop(100%, #eca951));
  background: linear-gradient(to right, #8d63ac 0%, #53a0fd 32%, #88ca9f 69%, #eca951 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8d63ac', endColorstr='#eca951', GradientType=1 );
}

.filter-menu-desktop {
  display: block;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .filter-menu-desktop {
    display: none;
  }
}

.filter-menu-mobile {
  display: none;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .filter-menu-mobile {
    display: block;
  }
}

.filters-applied-test {
  display: block;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .filters-applied-test {
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 24px;
    margin: 0 20px;
  }
}

.filters-applied-test li {
  display: block;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.6em;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .filters-applied-test li {
    font-size: 14px;
    line-height: 2em;
  }
}

.filters-applied-test a {
  color: #666;
  display: inline-block;
}

.filters-applied-test i {
  background: url("../images/icon-close-gray.svg") center left no-repeat;
  background-size: 10px 10px;
  display: inline-block;
  height: 10px;
  margin-right: 1em;
  width: 10px;
}

body.show-filter-menu {
  /*
	.toolbar .filter-menu-buttons button.filter-menu-button-hide {
		display: inline-block;
	}

	.toolbar .filter-menu-buttons button.filter-menu-button-show {
		display: none;
	}

	.product-list-nav {
		width: 20% !important;
	}	

	.product-list-grid {
		width: 80%;
	}
	*/
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  body.show-filter-menu .mobile-container {
    overflow: visible;
    -webkit-transform: translate3d(-260px, 0, 0);
            transform: translate3d(-260px, 0, 0);
  }
  body.show-filter-menu .product-list-nav {
    width: 0 !important;
  }
  body.show-filter-menu .product-list-grid {
    width: 100%;
  }
  body.show-filter-menu .filter-menu {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  }
}

body.hide-filter-menu-desktop .toolbar .filter-menu-buttons button.filter-menu-button-hide {
  display: none;
}

body.hide-filter-menu-desktop .toolbar .filter-menu-buttons button.filter-menu-button-show {
  display: inline-block;
}

body.hide-filter-menu-desktop .product-list-nav {
  width: 0 !important;
}

body.hide-filter-menu-desktop .product-list-grid {
  width: 100%;
}

.toolbar {
  clear: left;
  position: relative;
  /*
	// Old
	.breadcrumbs {
		color: #999;
		float: left;
		font-size: 12px;
		line-height: 26px;
		@include grid-gutter;

		@include breakpoint(grid-mobile) {
			display: none;
		}


		&:nth-of-type(1) {
			//margin-left: 240px;
		}

		li {
			display: inline-block;
		}

		a {
			color: #999;
			&:hover {
				text-decoration: underline;
			}
		}

		strong {
			font-weight: bold;
			//text-decoration: underline;
		}
	}
	*/
  /*
	// Old
	.limit {
		float: right;
		font-size: 12px;
		line-height: 26px;
		padding-right: 20px;
		@include grid-gutter;

		@include breakpoint(grid-mobile) {
			display: none;
		}

		li {
			display: inline-block;
			margin-right: 8px;
		}

		a {
			color: #111;
			&:hover,
			&.active {
				text-decoration: underline;
			}
		}
	}
	*/
  /*
	// Old
	.mobile-filter {
		display: none;
		@include breakpoint(grid-mobile) {
			border-bottom: 1px solid #f1f1f1;
			color: #323031;
			display: block;
			font-weight: bold;
			text-decoration: none !important;
			padding: 15px 10px;
			i {
				border-left: 7px solid transparent;
				border-right: 7px solid transparent;
				border-top: 12px solid #000;
				float: right;
				margin-right: 12px;
				height: 0;
				width: 0;
				transition: transform 0.6s ease;
			}
			&.active i {
				transform: rotate(180deg);
			}
		}
	}
	*/
  /*
	// Old
	.filters {
		float: right;
		font-size: 12px;
		padding-right: 10px;
		@include breakpoint(grid-960) {
			//float: left;
			//padding: 10px 10px 0 10px;
			//width: 100%;
		}
		@include breakpoint(grid-mobile) {
			box-sizing: border-box;
			display: none;
			float: none;
			padding: 0 10px 10px 10px;
		}
		.filter {
			display: inline-block;
			margin-right: 20px;
			@include breakpoint(grid-mobile) {
				display: block;
				margin: 20px 0 0 0;
			}
		}
		.customselect {
			box-sizing: border-box;
			border: 1px solid #e8e8e8;
			line-height: 1em;
			min-width: 130px;
			padding: 6px 8px;
		}
		.customselect-feedback {
			display: inline;
			padding-right: 22px;
			white-space: nowrap;
			text-overflow: ellipsis;
		}
		.customselect-button {
			background: url('../images/icon-caret-down.svg');
			background-repeat: no-repeat;
			background-size: 10px 6px;
			height: 7px;
			position: absolute;
			width: 11px;
			top: 8px;
			right: 8px;
		}
		select {
			height: 24px;
		}
	}
	*/
}

.toolbar .row {
  overflow: hidden;
}

.toolbar .categories-container {
  border-bottom: 1px solid #f1f1f1;
  transition: -webkit-transform 100ms ease-out;
  transition: transform 100ms ease-out;
  transition: transform 100ms ease-out, -webkit-transform 100ms ease-out;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .toolbar .categories-container {
    display: none;
  }
}

.toolbar .categories-container.headroom--top {
  position: static;
  -webkit-transform: none !important;
      -ms-transform: none !important;
          transform: none !important;
}

.toolbar .categories-container.headroom--not-top {
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .toolbar .categories-container.headroom--not-top {
    position: static;
  }
}

.toolbar .categories-container.headroom--pinned {
  -webkit-transform: translateY(0) translateZ(0);
          transform: translateY(0) translateZ(0);
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .toolbar .categories-container.headroom--pinned {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}

.toolbar .categories-container.headroom--unpinned {
  -webkit-transform: translateY(-100%) translateZ(0);
          transform: translateY(-100%) translateZ(0);
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .toolbar .categories-container.headroom--unpinned {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}

.toolbar .categories {
  line-height: 18px;
  margin: 0 10px;
  text-align: center;
}

.toolbar .categories .category {
  display: inline-block;
  float: none;
  font-size: 14px;
  margin: 0;
  position: relative;
  text-transform: none;
}

.toolbar .categories .category-link {
  color: #8C8A8A;
  display: inline-block;
  padding: 16px 10px;
}

.toolbar .categories .category-link:hover {
  color: #111;
  text-decoration: none;
}

.toolbar .categories .category-link.active {
  color: #111;
  font-weight: normal;
}

.toolbar .categories .category-link.hovered {
  text-decoration: underline;
}

.toolbar .categories .category-image {
  display: none;
}

.toolbar .categories .category-image img {
  display: block;
  height: auto;
  max-width: 100%;
  width: 100%;
}

.toolbar .categories .category-image .image {
  display: block;
}

.toolbar .categories .category-image .name {
  display: inline-block;
  font-size: 12px;
  margin-top: 8px;
  text-transform: none;
}

.toolbar .subcategories {
  padding-top: 10px;
  top: 100%;
  left: -20px;
  width: 130px;
  z-index: 999;
}

.toolbar .subcategories.expanded {
  width: 280px;
  overflow: hidden;
}

.toolbar .subcategories.expanded ul {
  float: left;
  margin-right: 20px;
  width: 130px;
}

.toolbar .subcategories.expanded .category-image {
  display: block;
  float: left;
  width: 130px;
}

.toolbar .subcategories li {
  border: 0;
}

.toolbar .subcategories a {
  color: #111;
  display: block;
  line-height: 1em;
  padding: 8px 0 0 0;
  text-decoration: none;
  text-transform: none;
}

.toolbar .subcategories a:hover {
  text-decoration: underline;
}

.toolbar .features {
  width: 260px;
}

.toolbar .features.expanded {
  width: 410px;
  overflow: hidden;
}

.toolbar .features.expanded ul {
  float: left;
  margin-right: 20px;
  width: 260px;
}

.toolbar .features.expanded .category-image {
  display: block;
  float: left;
  width: 130px;
}

.toolbar .brands {
  width: 520px;
}

.toolbar .brands ul {
  margin-bottom: 1em;
  overflow: hidden;
}

.toolbar .brands li {
  box-sizing: border-box;
  float: left;
  padding-right: 1em;
  width: 33.33333%;
}

.toolbar .brands .view-all {
  clear: left;
}

.toolbar .brands.expanded {
  width: 670px;
  overflow: hidden;
}

.toolbar .brands.expanded ul {
  float: left;
  margin-right: 20px;
  width: 520px;
}

.toolbar .brands.expanded .category-image {
  display: block;
  float: left;
  width: 130px;
}

.toolbar .toolbar-container {
  padding-top: 20px;
  padding-bottom: 20px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .toolbar .toolbar-container {
    padding: 0;
  }
}

.toolbar .filter-menu-buttons-placeholder {
  box-sizing: border-box;
  display: block;
  float: left;
  padding-left: 10px;
  width: 20%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .toolbar .filter-menu-buttons-placeholder {
    display: none;
  }
}

.toolbar .filter-menu-buttons {
  box-sizing: border-box;
  display: block;
  float: left;
  padding-left: 10px;
  width: 20%;
}

.toolbar .filter-menu-buttons button {
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 0;
  color: #111;
  font-family: inherit;
  font-size: 14px;
  font-weight: bold;
  padding: 8px 16px;
  position: relative;
  min-width: 140px;
}

.toolbar .filter-menu-buttons button::before {
  display: inline-block;
  left: 10px;
  position: absolute;
  top: 4px;
}

.toolbar .filter-menu-buttons button.filter-menu-button-hide {
  display: inline-block;
}

.toolbar .filter-menu-buttons button.filter-menu-button-hide i {
  background: url("../images/icon-filter-button-close.svg") 0 center no-repeat;
  background-size: 10px 2px;
  display: inline-block;
  height: 12px;
  margin-left: 8px;
  width: 12px;
  vertical-align: middle;
}

.toolbar .filter-menu-buttons button.filter-menu-button-show {
  display: none;
}

.toolbar .filter-menu-buttons button.filter-menu-button-show i {
  background: url("../images/icon-filter-button-open.svg") 0 0 no-repeat;
  background-size: 10px 10px;
  display: inline-block;
  height: 12px;
  margin-left: 8px;
  width: 10px;
  vertical-align: middle;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .toolbar .filter-menu-buttons {
    display: none;
  }
}

.toolbar .pagination {
  font-size: 14px;
  margin-top: 5px;
}

.toolbar .mobile-pager {
  color: #999;
  display: none;
  float: left;
  font-size: 16px;
  margin: 10px 0 0 10px;
  padding: 0;
  list-style: none;
}

.toolbar .mobile-pager li {
  display: inline;
}

.toolbar .mobile-pager li::before {
  content: '/';
  display: inline-block;
  padding: 10px 0;
}

.toolbar .mobile-pager li:first-child::before {
  content: '';
  display: none;
}

.toolbar .mobile-pager a {
  color: #111;
  display: inline-block;
  padding: 10px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .toolbar .mobile-pager {
    display: block;
  }
}

.toolbar .mobile-filter-menu-button {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #111;
  display: none;
  float: right;
  font-family: inherit;
  font-size: 16px;
  margin: 10px 10px 0 0;
  padding: 10px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .toolbar .mobile-filter-menu-button {
    display: inline-block;
  }
}

.toolbar .breadcrumbs {
  color: #999;
  float: left;
  font-size: 14px;
  font-weight: bold;
  line-height: 26px;
  margin-top: 5px;
  text-align: center;
  width: 60%;
}

.toolbar .breadcrumbs a,
.toolbar .breadcrumbs strong {
  color: #111;
  font-weight: bold;
}

.toolbar .breadcrumbs a:hover {
  text-decoration: underline;
}

.toolbar .breadcrumbs ul > li:first-child {
  display: none;
}

.toolbar .breadcrumbs li {
  display: inline-block;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .toolbar .breadcrumbs {
    border-bottom: 1px solid #f1f1f1;
    display: block;
    float: none;
    font-size: 16px;
    font-weight: normal;
    margin-top: 0;
    padding: 15px 0;
    width: 100%;
  }
  .toolbar .breadcrumbs a,
  .toolbar .breadcrumbs strong {
    font-weight: normal;
  }
  .toolbar .breadcrumbs ul > li {
    display: none;
  }
  .toolbar .breadcrumbs ul > li:nth-last-of-type(-n+2) {
    display: inline-block;
  }
}

.toolbar .pagination {
  float: right;
  font-size: 14px;
  line-height: 26px;
  margin-top: 5px;
  padding: 0 10px;
  box-sizing: border-box;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .toolbar .pagination {
    display: none;
  }
}

.toolbar .pagination li {
  display: inline-block;
  margin-left: 4px;
}

.toolbar .pagination a {
  color: #111;
}

.toolbar .pagination a:hover, .toolbar .pagination a.active {
  text-decoration: underline;
}

.toolbar .last {
  margin-left: 4px;
}

.toolbar .last span {
  border-top: 5px solid transparent;
  border-right: 10px solid #ccc;
  border-bottom: 5px solid transparent;
  display: inline-block;
}

.toolbar .last:hover span {
  border-right-color: #999;
}

.toolbar .next {
  margin-left: 4px;
}

.toolbar .next span {
  border-top: 5px solid transparent;
  border-left: 10px solid #ccc;
  border-bottom: 6px solid transparent;
  display: inline-block;
}

.toolbar .next:hover span {
  border-right-color: #999;
}

.toolbar .view
.mobile-pagination {
  display: none;
}

.toolbar .filter_state {
  border-bottom: 1px solid #f1f1f1;
  padding: 30px 0;
  margin-bottom: 30px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .toolbar .filter_state {
    padding: 20px 0;
    margin: 0;
  }
}

.toolbar .filter_state .filters-applied {
  padding: 0 10px;
}

.toolbar .filter_state .filters-applied li {
  margin-bottom: 20px;
}

.toolbar .filter_state .filter-label {
  font-size: 36px;
  font-weight: bold;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .toolbar .filter_state .filter-label {
    font-size: 14px;
  }
}

.toolbar .filter_state .filter-remove {
  background: url("../images/icon_filter_close.svg") center center no-repeat;
  float: right;
  height: 24px;
  width: 24px;
  background-size: 24px 24px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .toolbar .filter_state .filter-remove {
    height: 14px;
    width: 14px;
    margin-right: 12px;
    background-size: 14px 14px;
  }
}

.toolbar .filter_state .actions {
  padding: 0 10px;
}

.toolbar .filter_state .actions a {
  color: #999;
  text-decoration: underline;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .toolbar .filter_state .actions {
    text-align: center;
  }
}

.toolbar-bottom {
  border-top: 1px solid #ededed;
  clear: left;
  margin-top: 40px;
  padding: 14px 0;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .toolbar-bottom {
    border: 0;
    margin-top: 20px;
    padding: 0;
  }
}

.toolbar-bottom a {
  color: #111;
}

.toolbar-bottom a:hover, .toolbar-bottom a.active {
  text-decoration: underline;
}

.toolbar-bottom .row {
  position: relative;
}

.toolbar-bottom .prev-page {
  background: url("../images/icon-caret-black-left.svg") left center no-repeat;
  float: left;
  height: 22px;
  left: 0;
  line-height: 22px;
  margin-left: 10px;
  padding: 15px 0 15px 40px;
  position: absolute;
  top: 0;
  background-size: 13px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .toolbar-bottom .prev-page {
    display: none;
  }
}

.toolbar-bottom .next-page {
  background: url("../images/icon-caret-black-right.svg") right center no-repeat;
  float: right;
  height: 22px;
  line-height: 22px;
  margin-right: 10px;
  padding: 15px 40px 15px 0;
  position: absolute;
  right: 0;
  top: 0;
  background-size: 13px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .toolbar-bottom .next-page {
    display: none;
  }
}

.toolbar-bottom .pagination {
  text-align: center;
}

.toolbar-bottom .pagination li {
  display: inline-block;
  line-height: 22px;
}

.toolbar-bottom .pagination a {
  display: block;
  padding: 15px;
}

.toolbar-bottom-placeholder {
  height: 40px;
}

.nav {
  float: left;
  font-size: 12px;
  height: auto;
  min-width: 172px;
  overflow: hidden;
  padding: 0 10px;
  position: relative;
  width: 175px;
  padding-bottom: 30px;
  text-transform: none;
  width: 100%;
  /*
	// Old
	h3 {
		font-weight: bold;
		line-height: 1em;
		margin-bottom: 20px;
		@include breakpoint(grid-mobile) {
			display: none;
		}

		a {
			padding: 0;
		}
	}
	*/
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .nav {
    display: block;
    float: none;
    height: auto;
    margin: 0;
    padding: 0;
    position: static;
    width: 100%;
  }
  .nav.expanded {
    height: auto;
  }
}

.nav .links {
  font-size: 14px;
  line-height: 1.3em;
  margin-bottom: 30px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .nav .links {
    margin-bottom: 0;
  }
}

.nav .links-category {
  margin-bottom: 40px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .nav .links-category {
    display: none;
  }
}

.nav a {
  color: #999;
  display: block;
  line-height: 1.2em;
  padding: 6px 0 0 0;
  text-decoration: none;
}

.nav a:hover {
  color: #111;
  text-decoration: underline;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .nav a {
    padding: 0;
  }
  .nav a:hover {
    text-decoration: none;
  }
}

.nav li {
  border: 0;
  display: block;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .nav li {
    border: 0 !important;
    padding: 0 !important;
  }
}

.nav li:first-child > a {
  padding-top: 0;
}

.nav li.active a {
  color: #111;
}

.nav li.active > ul {
  display: block;
}

.nav li.active > ul li a {
  font-weight: normal;
  text-decoration: none;
}

.nav li > ul {
  display: none;
  padding: 6px 0 2px 0;
}

.nav li > ul li {
  padding-left: 20px;
}

.nav li > ul li a {
  text-transform: none;
}

.nav li > ul li a:hover {
  text-decoration: underline;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .nav li > ul li a:hover {
    text-decoration: none;
  }
}

.nav li > ul li.active a {
  font-weight: bold;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .nav li {
    border-bottom: 1px solid #f1f1f1;
    padding: 10px 13px;
    box-sizing: border-box;
  }
  .nav li.active {
    border-bottom: 0;
    padding: 0;
  }
  .nav li.active a {
    padding: 10px 13px;
  }
  .nav li.active > a {
    border-bottom: 1px solid #f1f1f1;
  }
  .nav li.active > ul {
    padding: 0;
  }
  .nav li.active > ul li {
    padding: 0;
  }
  .nav li.active > ul li a {
    padding-left: 26px;
  }
  .nav li > ul {
    padding: 0;
  }
  .nav li > ul li {
    padding-left: 13px;
  }
}

.nav .cat-gifts > ul {
  display: block;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .nav .cat-gifts {
    border-bottom: 0;
    padding: 0;
  }
  .nav .cat-gifts a {
    padding: 10px 13px;
  }
  .nav .cat-gifts > a {
    border-bottom: 1px solid #f1f1f1;
  }
  .nav .cat-gifts > ul {
    padding: 0;
  }
  .nav .cat-gifts > ul li {
    padding: 0;
  }
  .nav .cat-gifts > ul li a {
    padding-left: 26px;
  }
  .nav .cat-gifts > ul li:first-child > a {
    padding-top: 10px;
  }
}

.nav .spacer {
  height: 16px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .nav .spacer {
    display: none;
  }
}

.nav .brands {
  margin-bottom: 30px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .nav .brands {
    display: none;
  }
}

.nav #brands-content {
  height: 300px;
  position: relative;
  overflow: hidden;
}

.nav #brands-content li {
  padding-right: 1em;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .nav .filter {
    display: none;
  }
}

.nav .filter ul {
  padding-top: 6px;
}

.nav .filter .toggle {
  position: relative;
}

.nav .filter .toggle:after {
  color: #666;
  content: '+';
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

.nav .filter .toggle.active:after {
  content: '–';
}

.nav .filter-content {
  display: none;
  height: auto;
  margin: 20px 0;
  position: relative;
  overflow: hidden;
}

.nav .filter-content li {
  padding-right: 1em;
}

.nav .filter-content-scrollable {
  height: 300px;
}

.nav .shipping-promo {
  line-height: 1.4em;
  padding-right: 1em;
  text-transform: none;
  width: 100%;
}

.nav .shipping-promo strong {
  font-weight: bold;
}

.nav .shipping-promo a {
  color: #999;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .nav .shipping-promo {
    display: none;
  }
}

.categories-title {
  display: none;
  /*
	@include breakpoint(grid-mobile) {
		border-bottom: 1px solid #f1f1f1;
		color: #323031;
		display: block;
		font-weight: bold;
		text-decoration: none !important;
		padding: 15px 3px 13px 13px;
		i {
			border-left: 7px solid transparent;
			border-right: 7px solid transparent;
			border-top: 12px solid #000;
			float: right;
			height: 0;
			margin-right: 20px;
			width: 0;
			transition: transform 0.6s ease;
		}
		&.active i {
			transform: rotate(180deg);
		}
	}
	*/
}

.mobile-nav {
  background: #fff;
  border-right: 1px solid #E9E7E7;
  box-sizing: border-box;
  color: #111;
  display: none;
  height: 100%;
  left: 0;
  overflow-y: auto;
  position: fixed;
  top: 0;
  width: 260px;
  z-index: 1;
}

.mobile-nav:after {
  content: '';
  height: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  transition: opacity .5s, width .1s .5s, height .1s .5s;
}

.mobile-nav.active {
  display: block;
}

.mobile-nav a {
  color: #111;
}

.mobile-nav .search {
  background: #fff;
  height: 60px;
}

.mobile-nav .search fieldset {
  border: 0;
  height: 60px;
  line-height: 60px;
  overflow: hidden;
  padding-left: 25px;
}

.mobile-nav .search input[type=text] {
  border: 0;
  display: inline-block;
  float: left;
  margin: 21px 0 0 0;
  outline: none;
  padding: 0;
  width: 75%;
  box-sizing: border-box;
}

.mobile-nav .search button {
  background: transparent url("../images/icon-search-mobile.svg") center center no-repeat;
  background-size: 20px 20px;
  border: 0;
  color: #111;
  content: '';
  display: inline-block;
  float: left;
  line-height: 60px;
  margin: 0;
  opacity: 1;
  padding: 0;
  text-align: center;
  -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
          transform: scaleX(-1);
  width: 25%;
}

.mobile-nav .links {
  font-size: 26px;
  line-height: 1em;
  padding: 20px 0;
}

.mobile-nav .links .categories,
.mobile-nav .links .subcategories {
  display: none;
}

.mobile-nav .links .categories.active,
.mobile-nav .links .subcategories.active {
  display: block;
}

.mobile-nav .links a {
  display: block;
  padding: 10px 25px;
}

.mobile-nav .links a:after {
  background: transparent url("../images/icon-caret-down.svg") center bottom no-repeat;
  background-size: 10px 6px;
  content: '';
  display: inline-block;
  margin: 0 0 2px 10px;
  height: 24px;
  width: 10px;
}

.mobile-nav .links a.top {
  border: 0;
  text-transform: none;
}

.mobile-nav .links a.top.active {
  border: 0;
}

.mobile-nav .links a.top.active:after {
  background: transparent url("../images/icon-caret-up.svg") center bottom no-repeat;
}

.mobile-nav .links .categories {
  background: #fff;
  font-size: 16px;
}

.mobile-nav .links .categories a {
  padding: 8px 25px 8px 40px;
}

.mobile-nav .links .categories a:after {
  height: 14px;
}

.mobile-nav .links .categories a.active:after {
  background: transparent url("../images/icon-caret-up.svg") center bottom no-repeat;
}

.mobile-nav .links .categories > li > a {
  border: 0;
  text-transform: none;
}

.mobile-nav .links .subcategories {
  background-color: #fff;
  font-size: 14px;
}

.mobile-nav .links .subcategories a {
  padding: 7px 25px 7px 60px;
}

.mobile-nav .links .subcategories a:after {
  background: none;
  content: none;
  display: none;
}

.mobile-nav .links .subcategories > li > a {
  border: 0;
}

.mobile-nav .links .subcategories > li > a.active {
  text-decoration: underline;
}

.mobile-nav .links .subcategories > li:last-child > a {
  border: 0;
}

.mobile-nav .mobile-link-sale a:after,
.mobile-nav .mobile-link-gifts a:after {
  display: none;
}

.mobile-nav .footer {
  border-top: 1px solid #E9E7E7;
  position: relative;
  text-transform: none;
}

.mobile-nav .footer .primary {
  border-bottom: 1px solid #E9E7E7;
  font-size: 16px;
  padding: 20px 0;
}

.mobile-nav .footer .primary a {
  border: 0;
  color: #777;
  display: block;
  padding: 10px 25px;
}

.mobile-nav .footer .secondary {
  font-size: 18px;
  font-weight: 600;
  padding: 22px 25px;
}

.mobile-nav .footer p {
  color: #888;
  font-weight: normal;
  font-size: 12px;
  line-height: 1.2em;
  padding: 25px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .mobile-container {
    background: #fff;
    height: 100%;
    left: 0;
    overflow-x: hidden;
    position: relative;
    z-index: 1000;
    width: 100%;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    transition: -webkit-transform 400ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 400ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: transform 400ms cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 400ms cubic-bezier(0.19, 1, 0.22, 1);
  }
}

.mobile-nav-open .mobile-container {
  overflow: hidden;
  position: fixed;
  z-index: 1001;
  -webkit-transform: translate3d(260px, 0, 0);
          transform: translate3d(260px, 0, 0);
}

.nav-menu {
  background: #fff;
  display: none;
  font-size: 13px;
  left: 0;
  overflow: hidden;
  padding: 20px 0 40px 0;
  position: absolute;
  text-align: center;
  top: 50px;
  width: 100%;
  z-index: 999;
}

.nav-menu.active {
  display: block;
}

.nav-menu a {
  color: #5B5B5B;
}

.nav-menu a:hover {
  color: #111;
}

.nav-menu h4 {
  color: #111;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 1em;
  text-transform: uppercase;
}

.nav-menu h4 a {
  color: #111;
}

.nav-menu li {
  display: block;
  line-height: 1.6em;
}

.headroom--unpinned .nav-menu {
  top: auto;
  bottom: 0;
}

.nav-menu-column {
  display: inline-block;
  width: 170px;
  margin-right: 30px;
  text-align: left;
  vertical-align: top;
}

.nav-menu-column:last-child {
  margin-right: 0;
}

.nav-menu-column-wide {
  width: 370px;
}

.nav-menu-collections {
  margin-top: 20px;
}

.nav-menu-brands {
  border-left: 1px solid #F1F1F1;
  padding-left: 40px;
}

.nav-menu-brands li {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.nav-menu-feature a:hover {
  text-decoration: none;
}

.nav-menu-feature img {
  display: block;
  margin-bottom: 1em;
  max-width: 100%;
  width: 100%;
}

.nav-menu-feature h5 {
  color: #111;
  margin-bottom: 0.5em;
}

.nav-menu-feature h6 {
  color: #5B5B5B;
}

@media all and (max-width: 1240px) {
  .nav-menu-feature2 {
    margin-right: 0;
  }
}

.nav-menu-feature3 {
  display: inline-block;
}

@media all and (max-width: 1240px) {
  .nav-menu-feature3 {
    display: none;
  }
}

.nav-menu-sale .nav-menu-brands {
  border: 0;
  padding: 0;
}

.nav-menu-sale .nav-menu-feature1 {
  border-left: 1px solid #F1F1F1;
  padding-left: 40px;
}

.nav-menu-sale .nav-menu-feature3 {
  display: inline-block;
}

@media all and (max-width: 1240px) {
  .nav-menu-sale .nav-menu-feature3 {
    display: none;
  }
}

#nav-menu-brands .nav-menu-feature1 {
  border-left: 1px solid #F1F1F1;
  padding-left: 40px;
}

.nav-menu-featured-brands li {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.nav-menu-featured-brands .view-all {
  display: block;
  margin-top: 1em;
}

.nav-dept-4204.nav-menu-sale {
  display: none !important;
}

#quick_view {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1000;
}

#quick_view .overlay {
  background: #000;
  background: rgba(0, 0, 0, 0.3);
  height: 100%;
  left: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1;
}

#quick_view .product {
  background: #fff;
  left: 50%;
  margin: 0 0 0 -422px;
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 844px;
  z-index: 2;
}

#quick_view .product .close {
  background: url("../images/icon-close.svg") center center no-repeat;
  background-size: 14px auto;
  display: block;
  height: 30px;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 30px;
}

#quick_view .product .product-sizing-guide {
  display: none !important;
}

#quick_view .media {
  float: left;
  height: 540px;
  overflow: hidden;
  position: relative;
  width: 421px;
}

#quick_view .media .slick-slider {
  height: 100%;
  margin-bottom: 0;
  position: absolute;
  width: 100%;
}

#quick_view .media img {
  display: block;
  width: 100%;
}

#quick_view .media .slick-dots {
  bottom: 20px;
  padding: 0;
  position: absolute;
  left: 30px;
  text-align: left;
}

#quick_view .media .slick-dots li {
  margin: 0 10px 0 0;
  opacity: 0.25;
}

#quick_view .media .slick-dots li.slick-active {
  opacity: 0.5;
}

#quick_view .media .slick-dots li button {
  background: #222;
  height: 7px;
  width: 7px;
}

#quick_view .details {
  box-sizing: border-box;
  float: right;
  padding: 30px;
  width: 419px;
}

#quick_view .details h3 {
  color: #333;
  line-height: 1em;
}

#quick_view .details h4 {
  color: #666;
  font-size: 13px;
  line-height: 1em;
  margin: 30px 0 10px 0;
  text-transform: none;
}

#quick_view .details .original_price {
  color: #999;
  font-size: 14px;
  line-height: 1em;
  margin-bottom: 4px;
  text-decoration: line-through;
}

#quick_view .details .phone_order {
  color: #111;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.4em;
  margin: 25px 0 30px 0;
}

#quick_view .details .phone_order a {
  color: #111;
  text-decoration: none;
}

#quick_view .details .phone_order a:hover {
  text-decoration: underline;
}

#quick_view .details .product-name {
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 20px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #quick_view .details .product-name {
    margin-bottom: 4px;
    text-align: center;
  }
}

#quick_view .details .product-brand {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 4px;
  line-height: 1em;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #quick_view .details .product-brand {
    text-align: center;
  }
}

#quick_view .details .product-brand a {
  color: #333;
}

#quick_view .details .product-brand a:hover {
  text-decoration: underline;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #quick_view .details .product-brand a:hover {
    text-decoration: none;
  }
}

#quick_view .details .buttons-disabled {
  height: 30px;
}

#quick_view .details .buttons {
  margin: 30px 0 0 0;
}

#quick_view .details .buttons button,
#quick_view .details .buttons .button {
  color: #fff;
  background: #000;
  border: 0;
  box-sizing: border-box;
  font-weight: bold;
  float: left;
  display: block;
  line-height: 1em;
  margin: 0 0 6% 0;
  padding: 14px 24px;
  text-align: center;
  white-space: nowrap;
  width: 47%;
}

#quick_view .details .buttons .wishlist,
#quick_view .details .buttons .view_detail {
  background: #fff;
  border: 1px solid #ccc;
  color: #666;
  font-weight: normal;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

#quick_view .details .buttons .wishlist {
  margin-right: 6%;
}

#quick_view .details .buttons .btn-cart {
  width: 100%;
}

#quick_view .details .options dt, #quick_view .details .options dd {
  margin-bottom: 30px;
  width: 100%;
}

#quick_view .additional ul {
  margin-bottom: 5px;
  overflow: hidden;
}

#quick_view .additional ul .tab {
  font-size: 12px;
}

#quick_view .additional ul li {
  float: left;
  margin-right: 24px;
}

#quick_view .additional ul li span {
  color: #111;
  display: block;
  line-height: 1em;
  padding: 0 0 3px 0;
  text-decoration: none;
}

#quick_view .additional p {
  color: #666;
  display: none;
  font-size: 12px;
  line-height: 1.6em;
}

#quick_view .additional p a {
  color: #666;
}

#quick_view .additional .description {
  display: block;
}

#quick_view_spinner {
  height: 100px;
  left: 50%;
  margin: -50px 0 0 -50px;
  position: fixed;
  top: 50%;
  width: 100px;
  z-index: 1001;
}

.customselect-input {
  background: transparent;
  cursor: pointer;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  visibility: visible;
  width: 100%;
  z-index: 1;
}

.customselect {
  background: transparent;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.customselect-disabled {
  opacity: 0.5;
}

.customselect-feedback {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.customselect-button {
  position: absolute;
}

#modal {
  height: 100%;
  left: 0;
  overflow-y: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #modal {
    display: none !important;
  }
}

#modal .overlay {
  background: #fff;
  background: rgba(255, 255, 255, 0.95);
  height: 100%;
  left: 0;
  position: absolute;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: -1;
}

#modal .close {
  background: url("../images/icon_media_close.gif") center center no-repeat;
  display: block;
  height: 70px;
  width: 70px;
  top: 0;
  right: 0;
  position: absolute;
  position: fixed;
}

#modal .gallery-wrapper {
  width: 100%;
}

#modal .gallery {
  margin: 0 auto;
  padding: 70px 0 60px 0;
  position: relative;
  text-align: center;
  width: 880px;
  z-index: 1;
}

#modal .gallery li {
  display: inline-block;
  margin-bottom: 10px;
}

#modal .gallery img {
  display: block;
  left: 50%;
  position: relative;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

#modal .gallery.loading img {
  opacity: 0;
}

#modal .gallery-spinner {
  height: 100px;
  left: 50%;
  margin: -50px 0 0 -50px;
  position: fixed;
  top: 50%;
  width: 100px;
  z-index: 1001;
}

#product_sizing {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9999;
}

#product_sizing .overlay {
  background: #000;
  background: rgba(0, 0, 0, 0.85);
  height: 100%;
  left: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}

#product_sizing_spinner {
  height: 100px;
  left: 50%;
  margin: -50px 0 0 -50px;
  position: fixed;
  top: 50%;
  width: 100px;
  z-index: 1001;
}

#product_sizing .content {
  background: #fff;
  left: 50%;
  margin: -280px 0 0 -440px;
  padding: 40px 30px;
  position: fixed;
  top: 50%;
  width: 820px;
  z-index: 1002;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #product_sizing .content {
    left: 0;
    width: 100%;
    margin-left: 0;
    box-sizing: border-box;
  }
}

#product_sizing .content .close {
  background: url("../images/icon-close.svg") center center no-repeat;
  background-size: 14px auto;
  display: block;
  height: 40px;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
}

#product_sizing .content .chart {
  font-size: 14px;
  height: 460px;
  overflow: auto;
}

#product_sizing a {
  color: #222;
}

#product_sizing h4 {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 18px;
}

#product_sizing p {
  line-height: 1.6em;
  margin-bottom: 25px;
}

#product_sizing table {
  width: 100%;
  margin-bottom: 25px;
}

#product_sizing table td {
  padding: 10px;
  white-space: nowrap;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #product_sizing table td {
    font-size: 12px;
    white-space: normal;
  }
}

@media all and (max-width: 480px) {
  #product_sizing table td td {
    font-size: 11px;
    padding: 5px 2px;
    word-break: keep-all;
  }
}

#product_sizing table .odd td {
  background-color: #eaeaea;
}

#product_sizing hr {
  height: 1px;
  background-color: #d5d5d5;
  border: 0;
  margin-bottom: 25px;
}

#product_sizing .images {
  display: table;
  list-style: none;
  margin-bottom: 30px;
  overflow: hidden;
  width: 100%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #product_sizing .images {
    display: block;
  }
}

#product_sizing .images li {
  display: table-cell;
  margin: 0;
  padding-right: 15px;
  vertical-align: middle;
  width: 50%;
  box-sizing: border-box;
}

#product_sizing .images li:nth-child(2n) {
  padding-left: 15px;
  padding-right: 0;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #product_sizing .images li {
    display: block;
    padding: 0;
    text-align: center;
    width: 100%;
  }
  #product_sizing .images li:nth-child(2n) {
    padding: 0;
  }
}

#product_sizing .images img {
  display: inline-block;
  width: 100%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #product_sizing .images img {
    margin-bottom: 15px;
    width: auto;
    max-width: 100%;
  }
}

#product_sizing .images .image-mens-pants {
  padding-right: 20px;
  text-align: right;
  vertical-align: top;
}

#product_sizing .images .image-mens-pants img {
  width: auto;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #product_sizing .images .image-mens-pants {
    padding: 0;
    text-align: center;
  }
}

#product_sizing .images .image-mens-shorts {
  padding-left: 20px;
  text-align: left;
  vertical-align: top;
}

#product_sizing .images .image-mens-shorts img {
  width: auto;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #product_sizing .images .image-mens-shorts {
    padding: 0;
    text-align: center;
  }
}

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

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

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

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

/* Slides */
.slick-slide {
  cursor: pointer;
}

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  margin-top: -10px;
  padding: 0;
  border: none;
  outline: none;
}

.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}

.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before, .slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

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

.slick-prev:before {
  content: "←";
}

[dir="rtl"] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}

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

.slick-next:before {
  content: "→";
}

[dir="rtl"] .slick-next:before {
  content: "←";
}

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

.slick-dots {
  list-style: none;
  display: block;
  text-align: center;
  padding: 40px 0 0 0;
  width: 100%;
}

.slick-dots li {
  display: inline-block;
  line-height: 1em;
  margin: 0 7px;
  cursor: pointer;
}

.slick-dots li.slick-active button {
  background: #222;
  opacity: 1;
}

.slick-dots li button {
  background: transparent;
  border-radius: 9px;
  border: 1px solid #222;
  box-sizing: border-box;
  color: transparent;
  cursor: pointer;
  display: block;
  height: 9px;
  margin: 0;
  opacity: 0.5;
  outline: none;
  padding: 0;
  transition: opacity 200ms;
  width: 9px;
}

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}

#go-explore a {
  color: #111;
  text-decoration: underline;
}

#go-explore strong {
  font-weight: bold;
}

#go-explore strong a {
  text-decoration: none;
}

#go-explore #category {
  padding-top: 30px;
}

#go-explore #category .slick article.product:nth-of-type(4n+1) {
  clear: none;
}

#go-explore #category .slick-prev {
  background: url("../images/icon-caret-black-left.svg") center center no-repeat;
  background-size: 10px 17px;
  height: 30px;
  margin-top: -40px;
  width: 30px;
  left: -30px;
}

#go-explore #category .slick-prev:before {
  content: '';
}

#go-explore #category .slick-next {
  background: url("../images/icon-caret-black-right.svg") center center no-repeat;
  background-size: 10px 17px;
  height: 30px;
  margin-top: -40px;
  right: -30px;
  width: 30px;
}

#go-explore #category .slick-next:before {
  content: '';
}

#go-explore #category .slick-disabled {
  opacity: 0.2;
}

#go-explore #category .product a {
  text-decoration: none;
}

#go-explore #category .product a:hover {
  text-decoration: underline;
}

#go-explore #go-explore-product-spinner {
  min-height: 100px;
  position: relative;
}

#go-explore .header {
  background-size: cover;
  background-image: url("../images/go-explore/header.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  height: 800px;
}

@media all and (max-width: 1240px) {
  #go-explore .header {
    height: 600px;
  }
}

#go-explore .header-content {
  color: #fff;
  margin: 0 auto;
  position: relative;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 55%;
}

@media all and (max-width: 1240px) {
  #go-explore .header-content {
    width: 60%;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #go-explore .header-content {
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
  }
}

#go-explore .header-content h1 {
  font-size: 48px;
  font-weight: bold;
  letter-spacing: 3px;
  margin-bottom: 30px;
  text-transform: uppercase;
}

@media all and (max-width: 1240px) {
  #go-explore .header-content h1 {
    font-size: 36px;
  }
}

#go-explore .header-content p {
  font-size: 24px;
  line-height: 1.4em;
  margin-bottom: 10px;
}

@media all and (max-width: 1240px) {
  #go-explore .header-content p {
    font-size: 18px;
  }
}

#go-explore .links {
  font-size: 16px;
  text-align: center;
  overflow: hidden;
  padding: 40px 0;
}

@media all and (max-width: 1240px) {
  #go-explore .links {
    font-size: 14px;
  }
}

#go-explore .links li {
  box-sizing: border-box;
  float: left;
  padding: 0 10px;
  text-align: right;
  width: 50%;
}

#go-explore .links li.womens-lookbook {
  text-align: left;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #go-explore .links li {
    display: block;
    float: none;
    margin: 10px 0;
    text-align: center;
    width: 100%;
  }
  #go-explore .links li.womens-lookbook {
    text-align: center;
  }
}

#go-explore .links a {
  border: 1px solid #fff;
  color: #fff;
  display: inline-block;
  padding: 1em 2em;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  width: 40%;
}

#go-explore .links a:hover {
  text-decoration: underline;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #go-explore .links a:hover {
    text-decoration: none;
  }
}

#go-explore .container, #go-explore .col2-left-layout, #go-explore .account-login, #go-explore .newsletter-banner-container {
  padding-bottom: 60px;
}

#go-explore .container h2, #go-explore .col2-left-layout h2, #go-explore .account-login h2, #go-explore .newsletter-banner-container h2 {
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 1px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

#go-explore .container ul, #go-explore .col2-left-layout ul, #go-explore .account-login ul, #go-explore .newsletter-banner-container ul, #go-explore .container p, #go-explore .col2-left-layout p, #go-explore .account-login p, #go-explore .newsletter-banner-container p {
  font-size: 20px;
  line-height: 1.5em;
  margin-bottom: 20px;
}

#go-explore .container p.disclaimer, #go-explore .col2-left-layout p.disclaimer, #go-explore .account-login p.disclaimer, #go-explore .newsletter-banner-container p.disclaimer {
  font-size: 14px;
}

#go-explore .container ol, #go-explore .col2-left-layout ol, #go-explore .account-login ol, #go-explore .newsletter-banner-container ol {
  font-size: 18px;
  line-height: 1.5em;
  list-style: decimal;
  margin-bottom: 20px;
  margin-left: 1.2em;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #go-explore .container h2, #go-explore .col2-left-layout h2, #go-explore .account-login h2, #go-explore .newsletter-banner-container h2 {
    font-size: 20px;
  }
  #go-explore .container ul, #go-explore .col2-left-layout ul, #go-explore .account-login ul, #go-explore .newsletter-banner-container ul, #go-explore .container p, #go-explore .col2-left-layout p, #go-explore .account-login p, #go-explore .newsletter-banner-container p {
    font-size: 16px;
    line-height: 1.3em;
  }
  #go-explore .container ol, #go-explore .col2-left-layout ol, #go-explore .account-login ol, #go-explore .newsletter-banner-container ol {
    font-size: 14px;
  }
}

#go-explore .contest-1 {
  overflow: hidden;
  padding: 60px 0 20px 0;
  /*
		@include breakpoint(grid-960) {
			> img {
				padding-left: 0;
			}
			> div {
				padding-right: 0;
			}
		}
		*/
}

#go-explore .contest-1 .image {
  box-sizing: border-box;
  float: left;
  padding: 0 10px;
  width: 50%;
}

#go-explore .contest-1 .image img {
  display: block;
  max-width: 100%;
  width: 100%;
}

#go-explore .contest-1 .details {
  box-sizing: border-box;
  float: left;
  padding: 0 40px 0 50px;
  width: 50%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #go-explore .contest-1 {
    padding: 30px 10px;
  }
  #go-explore .contest-1 .image,
  #go-explore .contest-1 .details {
    float: none;
    margin: 0;
    padding: 0;
    width: auto;
  }
  #go-explore .contest-1 .image {
    text-align: center;
  }
  #go-explore .contest-1 .image img {
    display: inline-block;
    max-width: 100%;
    width: auto;
  }
  #go-explore .contest-1 .details {
    margin: 0 auto;
    max-width: 580px;
    padding-top: 20px;
  }
}

#go-explore .contest-2 {
  overflow: hidden;
  padding: 60px 0 80px 0;
  /*
		@include breakpoint(grid-960) {
			> img {
				padding-right: 0;
			}
			> div {
				padding-left: 0;
			}
		}
		*/
}

#go-explore .contest-2 .image {
  box-sizing: border-box;
  float: right;
  padding: 0 10px;
  width: 50%;
}

#go-explore .contest-2 .image img {
  display: block;
  max-width: 100%;
  width: 100%;
}

#go-explore .contest-2 .details {
  box-sizing: border-box;
  float: left;
  padding: 0 50px 0 10px;
  width: 50%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #go-explore .contest-2 {
    padding: 0 10px;
  }
  #go-explore .contest-2 .image,
  #go-explore .contest-2 .details {
    float: none;
    margin: 0;
    padding: 0;
    width: auto;
  }
  #go-explore .contest-2 .image {
    text-align: center;
  }
  #go-explore .contest-2 .image img {
    display: inline-block;
    max-width: 100%;
    width: auto;
  }
  #go-explore .contest-2 .details {
    margin: 0 auto;
    max-width: 580px;
    padding-top: 20px;
  }
}

#go-explore .contest-form {
  font-size: 18px;
  margin: 40px 0 15px 0;
}

#go-explore .contest-form fieldset {
  margin-bottom: 0;
}

#go-explore .contest-form input[type=text] {
  border: 1px solid #111;
  box-sizing: border-box;
  margin-bottom: 6px;
  max-width: 430px;
  padding: 10px 6px;
  width: 100%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #go-explore .contest-form input[type=text] {
    max-width: 100%;
  }
}

#go-explore .contest-form button {
  font-size: 18px;
  margin-top: 20px;
  text-transform: uppercase;
}

#go-explore .contest-form .newsletter {
  margin-right: 18px;
}

#go-explore .contest-form .validation-advice {
  padding: 0;
}

#go-explore .calm-guides-intro {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 750px;
  padding: 80px 10px 60px 10px;
  text-align: center;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #go-explore .calm-guides-intro {
    max-width: 580px;
    padding-bottom: 0;
    padding-top: 20px;
  }
}

#go-explore .partners {
  padding: 30px 10px;
  text-align: center;
}

#go-explore .partners li {
  display: inline-block;
  margin: 0 20px;
  vertical-align: middle;
}

#go-explore .partners img {
  height: 100px;
  width: auto;
}

#go-explore .landing-strict a {
  color: #fff;
}

#go-explore .landing-strict .group-1 a > div,
#go-explore .landing-strict .group-2 a > div,
#go-explore .landing-strict .group-3 a > div {
  background-color: #ccc;
  background-position: center center;
  background-repeat: none;
  background-size: cover;
  height: 0;
  overflow: hidden;
  padding-bottom: 100%;
  position: relative;
}

#go-explore .landing-strict .group-1 a > div {
  padding-bottom: 49.295775%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #go-explore .landing-strict .group-1 a > div {
    padding-bottom: 100%;
  }
}

#go-explore .landing-strict .group-1,
#go-explore .landing-strict .group-2,
#go-explore .landing-strict .group-3 {
  margin-bottom: 0;
}

@media all and (max-width: 767px) {
  #go-explore .landing-strict .group-2 a,
  #go-explore .landing-strict .group-3 a {
    width: 100%;
  }
}

#go-explore .landing-strict .group-2 a > div,
#go-explore .landing-strict .group-3 a > div {
  padding-bottom: 79.285714%;
}

#go-explore .landing-strict .group-1 a.calm-center-hotline > div {
  padding-bottom: 25.352113%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #go-explore .landing-strict .group-1 a.calm-center-hotline > div {
    padding-bottom: 40%;
  }
}

#go-explore .landing-strict .group-1 a,
#go-explore .landing-strict .group-2 a,
#go-explore .landing-strict .group-3 a {
  text-align: center;
  text-decoration: none;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.1);
}

#go-explore .landing-strict .group-1 a > p,
#go-explore .landing-strict .group-2 a > p,
#go-explore .landing-strict .group-3 a > p {
  display: none !important;
}

#go-explore .landing-strict .group-1 a p,
#go-explore .landing-strict .group-2 a p,
#go-explore .landing-strict .group-3 a p {
  opacity: 1;
  margin: 0;
  padding: 0;
  position: static;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

#go-explore .landing-strict .group-1 a > div > div,
#go-explore .landing-strict .group-2 a > div > div,
#go-explore .landing-strict .group-3 a > div > div {
  left: 50%;
  padding: 10px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 50%;
}

#go-explore .landing-strict .group-1 a h3,
#go-explore .landing-strict .group-2 a h3,
#go-explore .landing-strict .group-3 a h3 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.2em;
  letter-spacing: 1px;
  margin: 0.3em 0;
  text-transform: uppercase;
}

#go-explore .landing-strict .group-1 a h3 strong,
#go-explore .landing-strict .group-2 a h3 strong,
#go-explore .landing-strict .group-3 a h3 strong {
  display: block;
  font-size: 48px;
  letter-spacing: 3px;
  margin: 20px 0;
}

#go-explore .landing-strict .group-1 a p,
#go-explore .landing-strict .group-2 a p,
#go-explore .landing-strict .group-3 a p {
  font-size: 18px;
  margin: 0.3em 0;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #go-explore .landing-strict .group-1 a h3,
  #go-explore .landing-strict .group-2 a h3,
  #go-explore .landing-strict .group-3 a h3 {
    font-size: 18px;
    line-height: 1.1em;
  }
  #go-explore .landing-strict .group-1 a h3 strong,
  #go-explore .landing-strict .group-2 a h3 strong,
  #go-explore .landing-strict .group-3 a h3 strong {
    font-size: 24px;
    margin: 10px 0;
  }
  #go-explore .landing-strict .group-1 a p,
  #go-explore .landing-strict .group-2 a p,
  #go-explore .landing-strict .group-3 a p {
    font-size: 14px;
  }
  #go-explore .landing-strict .group-1 a > div > div,
  #go-explore .landing-strict .group-2 a > div > div,
  #go-explore .landing-strict .group-3 a > div > div {
    width: 80%;
  }
}

#go-explore .landing-strict .group-1 a.calm-center-hotline,
#go-explore .landing-strict .group-2 a.calm-center-hotline,
#go-explore .landing-strict .group-3 a.calm-center-hotline {
  color: #fff;
}

#go-explore .landing-strict .group-1 a.calm-center-hotline > div > div,
#go-explore .landing-strict .group-2 a.calm-center-hotline > div > div,
#go-explore .landing-strict .group-3 a.calm-center-hotline > div > div {
  width: 100%;
}

#go-explore .landing-strict .group-1 a.calm-center-hotline h3, #go-explore .landing-strict .group-1 a.calm-center-hotline p,
#go-explore .landing-strict .group-2 a.calm-center-hotline h3,
#go-explore .landing-strict .group-2 a.calm-center-hotline p,
#go-explore .landing-strict .group-3 a.calm-center-hotline h3,
#go-explore .landing-strict .group-3 a.calm-center-hotline p {
  font-size: 48px;
  font-weight: bold;
  letter-spacing: 3px;
  line-height: 1em;
  margin: 0.3em 0;
}

@media all and (max-width: 1240px) {
  #go-explore .landing-strict .group-1 a.calm-center-hotline h3, #go-explore .landing-strict .group-1 a.calm-center-hotline p,
  #go-explore .landing-strict .group-2 a.calm-center-hotline h3,
  #go-explore .landing-strict .group-2 a.calm-center-hotline p,
  #go-explore .landing-strict .group-3 a.calm-center-hotline h3,
  #go-explore .landing-strict .group-3 a.calm-center-hotline p {
    font-size: 36px;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #go-explore .landing-strict .group-1 a.calm-center-hotline h3, #go-explore .landing-strict .group-1 a.calm-center-hotline p,
  #go-explore .landing-strict .group-2 a.calm-center-hotline h3,
  #go-explore .landing-strict .group-2 a.calm-center-hotline p,
  #go-explore .landing-strict .group-3 a.calm-center-hotline h3,
  #go-explore .landing-strict .group-3 a.calm-center-hotline p {
    font-size: 18px;
  }
}

#go-explore .landing-strict .group-2 a > div > div {
  width: 55%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #go-explore .landing-strict .group-2 a > div > div {
    width: 70%;
  }
}

#go-explore .landing-strict .group-3 a > div > div {
  width: 75%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #go-explore .landing-strict .group-3 a > div > div {
    width: 90%;
  }
}

#go-explore .contest-share {
  clear: both;
  padding: 30px 10px;
  text-align: center;
}

#go-explore .contest-share li {
  display: inline-block;
}

#go-explore .contest-share-icon {
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  height: 40px;
  padding: 0 10px;
  width: 40px;
}

#category .go-explore-link {
  margin-bottom: 20px;
  text-align: center;
}

#category .go-explore-link img {
  display: inline-block;
}

#gift-guide-2016 {
  font-size: 18px;
  line-height: 1.3em;
  position: relative;
}

#gift-guide-2016 a {
  color: #111;
  text-decoration: underline;
}

#gift-guide-2016 .button {
  background: none;
  border: 1px solid #222;
  color: #111;
  display: inline-block;
  font-weight: bold;
  padding: 1em 2em;
  text-decoration: none;
}

#gift-guide-2016 .gift-guide-section {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  overflow: hidden;
  padding: 60px 0;
  text-align: center;
}

#gift-guide-2016 .gift-guide-section .column {
  box-sizing: border-box;
  float: left;
  padding: 8px 10px;
}

#gift-guide-2016 .gift-guide-section .column-10 {
  width: 10%;
}

#gift-guide-2016 .gift-guide-section .column-20 {
  width: 20%;
}

#gift-guide-2016 .gift-guide-section .column-30 {
  width: 30%;
}

#gift-guide-2016 .gift-guide-section .column-35 {
  width: 35%;
}

#gift-guide-2016 .gift-guide-section .column-40 {
  width: 40%;
}

#gift-guide-2016 .gift-guide-section .column-50 {
  width: 50%;
}

#gift-guide-2016 .gift-guide-section .column-60 {
  width: 60%;
}

#gift-guide-2016 .gift-guide-section .column-70 {
  width: 70%;
}

#gift-guide-2016 .gift-guide-section .column-80 {
  width: 80%;
}

#gift-guide-2016 .gift-guide-section .column-90 {
  width: 90%;
}

#gift-guide-2016 .gift-guide-section .column-100 {
  width: 100%;
}

#gift-guide-2016 .gift-guide-section .push-5 {
  margin-left: 5%;
}

#gift-guide-2016 .gift-guide-section .push-10 {
  margin-left: 10%;
}

#gift-guide-2016 .gift-guide-section .push-20 {
  margin-left: 20%;
}

#gift-guide-2016 .gift-guide-section .push-30 {
  margin-left: 30%;
}

#gift-guide-2016 .gift-guide-section .push-40 {
  margin-left: 40%;
}

#gift-guide-2016 .gift-guide-section .push-50 {
  margin-left: 50%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #gift-guide-2016 .gift-guide-section {
    display: block;
    margin: 0 10px;
    padding: 40px 0;
  }
  #gift-guide-2016 .gift-guide-section .column {
    float: none;
    padding: 0 10px 10px 10px;
  }
  #gift-guide-2016 .gift-guide-section .column-10,
  #gift-guide-2016 .gift-guide-section .column-20,
  #gift-guide-2016 .gift-guide-section .column-30,
  #gift-guide-2016 .gift-guide-section .column-35,
  #gift-guide-2016 .gift-guide-section .column-40,
  #gift-guide-2016 .gift-guide-section .column-50,
  #gift-guide-2016 .gift-guide-section .column-60,
  #gift-guide-2016 .gift-guide-section .column-70,
  #gift-guide-2016 .gift-guide-section .column-80,
  #gift-guide-2016 .gift-guide-section .column-90,
  #gift-guide-2016 .gift-guide-section .column-100 {
    width: 100%;
  }
  #gift-guide-2016 .gift-guide-section .push-5,
  #gift-guide-2016 .gift-guide-section .push-10,
  #gift-guide-2016 .gift-guide-section .push-20,
  #gift-guide-2016 .gift-guide-section .push-30,
  #gift-guide-2016 .gift-guide-section .push-40,
  #gift-guide-2016 .gift-guide-section .push-50 {
    margin-left: 0;
  }
}

#gift-guide-2016 .gift-guide-heading {
  display: block;
  font-size: 36px;
  line-height: 1em;
  padding: 50px 0 0 0;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}

#gift-guide-2016 .gift-guide-photo,
#gift-guide-2016 .landing-strict-gifts-grid {
  display: inline-block;
  position: relative;
}

#gift-guide-2016 .gift-guide-photo img,
#gift-guide-2016 .landing-strict-gifts-grid img {
  display: block;
  height: auto;
  max-width: 100%;
  width: 100%;
}

#gift-guide-2016 .gift-guide-photo p,
#gift-guide-2016 .landing-strict-gifts-grid p {
  color: #fff;
  display: inline;
  font-size: 48px;
  line-height: 1em;
  text-transform: uppercase;
}

#gift-guide-2016 .gift-guide-photo p span,
#gift-guide-2016 .landing-strict-gifts-grid p span {
  left: 40px;
  position: absolute;
  right: 40px;
}

#gift-guide-2016 .gift-guide-photo p span.left-top, #gift-guide-2016 .gift-guide-photo p span.left-center, #gift-guide-2016 .gift-guide-photo p span.left-bottom,
#gift-guide-2016 .landing-strict-gifts-grid p span.left-top,
#gift-guide-2016 .landing-strict-gifts-grid p span.left-center,
#gift-guide-2016 .landing-strict-gifts-grid p span.left-bottom {
  text-align: left;
}

#gift-guide-2016 .gift-guide-photo p span.center-top, #gift-guide-2016 .gift-guide-photo p span.center-center, #gift-guide-2016 .gift-guide-photo p span.center-bottom,
#gift-guide-2016 .landing-strict-gifts-grid p span.center-top,
#gift-guide-2016 .landing-strict-gifts-grid p span.center-center,
#gift-guide-2016 .landing-strict-gifts-grid p span.center-bottom {
  text-align: center;
}

#gift-guide-2016 .gift-guide-photo p span.right-top, #gift-guide-2016 .gift-guide-photo p span.right-center, #gift-guide-2016 .gift-guide-photo p span.right-bottom,
#gift-guide-2016 .landing-strict-gifts-grid p span.right-top,
#gift-guide-2016 .landing-strict-gifts-grid p span.right-center,
#gift-guide-2016 .landing-strict-gifts-grid p span.right-bottom {
  text-align: right;
}

#gift-guide-2016 .gift-guide-photo p span.left-top, #gift-guide-2016 .gift-guide-photo p span.right-top, #gift-guide-2016 .gift-guide-photo p span.center-top,
#gift-guide-2016 .landing-strict-gifts-grid p span.left-top,
#gift-guide-2016 .landing-strict-gifts-grid p span.right-top,
#gift-guide-2016 .landing-strict-gifts-grid p span.center-top {
  top: 40px;
}

#gift-guide-2016 .gift-guide-photo p span.left-center, #gift-guide-2016 .gift-guide-photo p span.right-center, #gift-guide-2016 .gift-guide-photo p span.center-center,
#gift-guide-2016 .landing-strict-gifts-grid p span.left-center,
#gift-guide-2016 .landing-strict-gifts-grid p span.right-center,
#gift-guide-2016 .landing-strict-gifts-grid p span.center-center {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

#gift-guide-2016 .gift-guide-photo p span.left-bottom, #gift-guide-2016 .gift-guide-photo p span.right-bottom, #gift-guide-2016 .gift-guide-photo p span.center-bottom,
#gift-guide-2016 .landing-strict-gifts-grid p span.left-bottom,
#gift-guide-2016 .landing-strict-gifts-grid p span.right-bottom,
#gift-guide-2016 .landing-strict-gifts-grid p span.center-bottom {
  bottom: 40px;
}

#gift-guide-2016 .gift-guide-photo p span.black-text,
#gift-guide-2016 .landing-strict-gifts-grid p span.black-text {
  color: #111;
}

@media all and (min-width: 1480px) {
  #gift-guide-2016 .gift-guide-photo p,
  #gift-guide-2016 .landing-strict-gifts-grid p {
    font-size: 64px;
  }
  #gift-guide-2016 .gift-guide-photo p span,
  #gift-guide-2016 .landing-strict-gifts-grid p span {
    left: 60px;
    right: 60px;
  }
  #gift-guide-2016 .gift-guide-photo p span.left-top, #gift-guide-2016 .gift-guide-photo p span.right-top, #gift-guide-2016 .gift-guide-photo p span.center-top,
  #gift-guide-2016 .landing-strict-gifts-grid p span.left-top,
  #gift-guide-2016 .landing-strict-gifts-grid p span.right-top,
  #gift-guide-2016 .landing-strict-gifts-grid p span.center-top {
    top: 60px;
  }
  #gift-guide-2016 .gift-guide-photo p span.left-bottom, #gift-guide-2016 .gift-guide-photo p span.right-bottom, #gift-guide-2016 .gift-guide-photo p span.center-bottom,
  #gift-guide-2016 .landing-strict-gifts-grid p span.left-bottom,
  #gift-guide-2016 .landing-strict-gifts-grid p span.right-bottom,
  #gift-guide-2016 .landing-strict-gifts-grid p span.center-bottom {
    bottom: 60px;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #gift-guide-2016 .gift-guide-photo p,
  #gift-guide-2016 .landing-strict-gifts-grid p {
    font-size: 28px;
  }
  #gift-guide-2016 .gift-guide-photo p span,
  #gift-guide-2016 .landing-strict-gifts-grid p span {
    left: 20px;
    right: 20px;
  }
  #gift-guide-2016 .gift-guide-photo p span.left-top, #gift-guide-2016 .gift-guide-photo p span.right-top, #gift-guide-2016 .gift-guide-photo p span.center-top,
  #gift-guide-2016 .landing-strict-gifts-grid p span.left-top,
  #gift-guide-2016 .landing-strict-gifts-grid p span.right-top,
  #gift-guide-2016 .landing-strict-gifts-grid p span.center-top {
    top: 20px;
  }
  #gift-guide-2016 .gift-guide-photo p span.left-bottom, #gift-guide-2016 .gift-guide-photo p span.right-bottom, #gift-guide-2016 .gift-guide-photo p span.center-bottom,
  #gift-guide-2016 .landing-strict-gifts-grid p span.left-bottom,
  #gift-guide-2016 .landing-strict-gifts-grid p span.right-bottom,
  #gift-guide-2016 .landing-strict-gifts-grid p span.center-bottom {
    bottom: 20px;
  }
}

#gift-guide-2016 .gift-guide-bumpers {
  margin: 0;
  overflow: hidden;
  padding: 80px 0 0 0;
  text-align: center;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #gift-guide-2016 .gift-guide-bumpers {
    display: block;
    padding: 50px 0 0 0;
  }
}

#gift-guide-2016 .gift-guide-bumper {
  background: #000;
  display: block;
  position: relative;
  width: 100%;
}

#gift-guide-2016 .gift-guide-bumper img {
  display: block;
  height: auto;
  width: 100%;
}

#gift-guide-2016 .gift-guide-bumper p {
  color: #fff;
  display: block;
  font-size: 24px;
  line-height: 1em;
  left: 20px;
  position: absolute;
  right: 20px;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

#gift-guide-2016 .gift-guide-bumper p strong {
  display: block;
  font-size: 64px;
  line-height: 1em;
  padding-bottom: 0.4em;
  text-transform: uppercase;
}

#gift-guide-2016 .gift-guide-bumper p span {
  display: block;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #gift-guide-2016 .gift-guide-bumper p {
    font-size: 12px;
  }
  #gift-guide-2016 .gift-guide-bumper p strong {
    font-size: 28px;
    padding-bottom: 0.25em;
  }
}

.gift-guide-header {
  background: #000;
  display: block;
  position: relative;
  margin: 20px 10px 0 10px;
}

.gift-guide-header img {
  display: block;
  height: auto;
  max-width: 100%;
  width: 100%;
}

.gift-guide-header p {
  color: #fff;
  display: inline;
  font-size: 48px;
  line-height: 1em;
  text-transform: uppercase;
}

.gift-guide-header p span {
  left: 40px;
  position: absolute;
  right: 40px;
}

.gift-guide-header p span.left-top, .gift-guide-header p span.left-center, .gift-guide-header p span.left-bottom {
  text-align: left;
}

.gift-guide-header p span.center-top, .gift-guide-header p span.center-center, .gift-guide-header p span.center-bottom {
  text-align: center;
}

.gift-guide-header p span.right-top, .gift-guide-header p span.right-center, .gift-guide-header p span.right-bottom {
  text-align: right;
}

.gift-guide-header p span.left-top, .gift-guide-header p span.right-top, .gift-guide-header p span.center-top {
  top: 40px;
}

.gift-guide-header p span.left-center, .gift-guide-header p span.right-center, .gift-guide-header p span.center-center {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.gift-guide-header p span.left-bottom, .gift-guide-header p span.right-bottom, .gift-guide-header p span.center-bottom {
  bottom: 40px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .gift-guide-header p {
    font-size: 28px;
  }
  .gift-guide-header p span {
    left: 20px;
    right: 20px;
  }
  .gift-guide-header p span.left-top, .gift-guide-header p span.right-top, .gift-guide-header p span.center-top {
    top: 20px;
  }
  .gift-guide-header p span.left-bottom, .gift-guide-header p span.right-bottom, .gift-guide-header p span.center-bottom {
    bottom: 20px;
  }
}

.landing-strict-gifts {
  box-sizing: border-box;
  max-width: none;
}

.landing-strict-gifts .landing-strict-gifts-grid {
  padding: 40px 0;
}

.landing-strict-gifts .landing-strict-gifts-grid div {
  margin-bottom: 20px;
}

.landing-strict-gifts .landing-strict-gifts-grid div:last-child {
  margin-bottom: 0;
}

.landing-strict-gifts img {
  display: block;
  height: auto;
  max-width: 100%;
  width: 100%;
}

.landing-strict-gifts a {
  box-sizing: border-box;
  display: block;
  position: relative;
}

.landing-strict-gifts span.static {
  box-sizing: border-box;
  display: block;
}

.landing-strict-gifts .group-1 a,
.landing-strict-gifts .group-1 span.static {
  padding: 0 10px;
  width: 100%;
}

.landing-strict-gifts .group-2 {
  overflow: hidden;
}

.landing-strict-gifts .group-2 a,
.landing-strict-gifts .group-2 span.static {
  float: left;
  padding: 0 10px;
  width: 50%;
}

@media all and (max-width: 480px) {
  .landing-strict-gifts .group-2 a,
  .landing-strict-gifts .group-2 span.static {
    width: 100%;
  }
}

.landing-strict-gifts .group-2 a:last-child,
.landing-strict-gifts .group-2 span.static:last-child {
  margin-right: 0;
}

.landing-strict-gifts .group-3 {
  overflow: hidden;
}

.landing-strict-gifts .group-3 a,
.landing-strict-gifts .group-3 span.static {
  float: left;
  padding: 0 10px;
  width: 33.33333%;
}

@media all and (max-width: 480px) {
  .landing-strict-gifts .group-3 a,
  .landing-strict-gifts .group-3 span.static {
    width: 100%;
  }
}

.landing-strict-gifts .group-3 a:last-child,
.landing-strict-gifts .group-3 span.static:last-child {
  margin-right: 0;
}

.landing-strict-gifts .group-4 {
  overflow: hidden;
}

.landing-strict-gifts .group-4 a,
.landing-strict-gifts .group-4 span.static {
  float: left;
  padding: 0 10px;
  width: 25%;
}

@media all and (max-width: 768px) {
  .landing-strict-gifts .group-4 a,
  .landing-strict-gifts .group-4 span.static {
    width: 50%;
  }
}

@media all and (max-width: 480px) {
  .landing-strict-gifts .group-4 a,
  .landing-strict-gifts .group-4 span.static {
    width: 100%;
  }
}

.landing-strict-gifts .group-4 a:last-child,
.landing-strict-gifts .group-4 span.static:last-child {
  margin-right: 0;
}

.landing-strict-gifts .shipping-promo {
  display: none;
}

.category-gifts .toolbar-container {
  display: none;
}

#contest-page.glossier .content {
  padding: 60px 10px 130px 10px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #contest-page.glossier .content {
    padding: 30px 10px 60px 10px;
  }
}

#contest-page.glossier .glossier-gallery {
  overflow: hidden;
  position: relative;
  text-align: center;
}

#contest-page.glossier .glossier-gallery.inactive {
  min-height: 750px;
}

#contest-page.glossier .glossier-gallery.inactive .gallery-container {
  display: none;
}

#contest-page.glossier .glossier-gallery .slick-list {
  padding: 0 !important;
}

#contest-page.glossier .glossier-gallery .slick-track {
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

#contest-page.glossier .glossier-gallery .slick-slide {
  margin: 0 1px;
}

#contest-page.glossier .glossier-gallery img {
  display: block;
  margin: 0;
  max-width: 100%;
  vertical-align: middle;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #contest-page.glossier .glossier-gallery img {
    height: 300px;
  }
}

/*
#glossier-page {
	font-size: 18px;
	line-height: 1.3em;
	position: relative;

	a {
		color: #111;
		text-decoration: underline;
	}

	.content {
		box-sizing: border-box;
		font-size: 16px;
		padding: 80px 10px 130px 10px;
		text-align: center;

		@include breakpoint(grid-mobile) {
			font-size: 14px;
			padding: 30px 10px 60px 10px;
		}
	}

	strong {
		font-weight: bold;
	}

	h1 {
		font-size: 36px;
		font-weight: bold;
		margin-bottom: 1em;
	}

	p {
		line-height: 1.6em;
		margin: 0 auto 1.6em auto;
		width: 55%;

		@include breakpoint(grid-mobile) {
			width: 100%;
		}
	}

	p a {
		color: #111;
		text-decoration: underline;
	}

	.contest-share {
		margin: 60px 0;
		li {
			display: inline-block;
		}
	}
	.contest-share-icon {
		background-position: center center;
		background-repeat: no-repeat;
		display: inline-block;
		height: 20px;
		padding: 0 10px;
		width: 20px;
	}

	.complete {
		padding: 1.4em 0;

		a {
			color: #fff;
			text-decoration: none;
		}

		p {
			margin-bottom: 0;
		}

		strong {
			font-weight: bold;
		}
	}

	.glossier-page-form {
		margin: 60px 0;
	}

	.contest-form {

		input[type=text],
		textarea,
		select,
		.customselect {
			max-width: 430px;

			@include breakpoint(grid-mobile) {
				max-width: 100%;
			}
		}

		.newsletter {
			margin-right: 18px;

			@include breakpoint(grid-mobile) {
				display: block;
				margin-bottom: 1em;
				margin-right: 0;
			}
		}
	}

	.contest-steps {
		list-style-type: decimal;
		margin: 0 auto;
		width: 55%;

		@include breakpoint(grid-mobile) {
			width: 100%;
		}

		li {
			line-height: 1.4em;
			list-style-position: inside;
			margin-bottom: 1.4em;

			@include breakpoint(grid-mobile) {
				margin: 0 10px 1.4em 10px;
			}
		}
	}

	.buttons {
		padding: 1em 0 2em 0;

		li {
			display: inline-block;
			margin: 0 10px;
			text-align: center;
			width: auto;

			@include breakpoint(grid-mobile) {
				display: block;
				margin: 0 0 30px 0;
				width: 100%;

				&:last-child {
					margin-bottom: 0;
				}
			}
		}
	}

	.button {
		box-sizing: border-box;
		color: #fff;
		font-size: 18px;
		padding: 1em 0;
		min-width: 200px;
		text-decoration: none;
		white-space: nowrap;
		padding: 1em 2em;
	}

	.glossier-gallery {

		overflow: hidden;
		position: relative;
		text-align: center;

		&.inactive {
			min-height: 750px;

			.gallery-container {
				display: none;
			}
		}

		.slick-track {
			align-content: center;
			align-items: center;
			display: flex;
		}

		.gallery-item {
			text-align: center;
			margin: 0 10px;
			outline: none;

			@include breakpoint(grid-mobile) {
				margin: 0 20px;
			}
		}

		img {
			display: inline-block;
			max-width: 100%;
			vertical-align: middle;
		}
	}
}
*/
#need {
  font-size: 18px;
  line-height: 1.3em;
  position: relative;
}

#need a {
  color: #111;
  text-decoration: underline;
}

#need .button {
  background: none;
  border: 1px solid #222;
  color: #111;
  display: inline-block;
  font-weight: bold;
  padding: 1em 2em;
  text-decoration: none;
}

#need .product {
  display: inline-block;
  text-align: center;
  width: 380px;
}

@media all and (max-width: 1240px) {
  #need .product {
    display: block;
    width: auto !important;
  }
}

#need .product .product-image {
  display: inline-block;
  float: none;
  margin-bottom: 16px;
  width: auto;
}

#need .product img {
  display: inline-block;
  max-width: 100%;
}

#need .product .swatches {
  margin-bottom: 12px;
}

#need .product .swatches li {
  display: inline-block;
  margin: 0 6px;
}

#need .product .swatches a {
  border: 1px solid #eee;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  display: block;
  height: 20px;
  width: 20px;
}

#need .column-product {
  box-sizing: border-box;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #need .column-product {
    text-align: center !important;
  }
}

@media all and (max-width: 480px) {
  #need .column-product {
    padding: 0 !important;
  }
}

#need .column-photo {
  box-sizing: border-box;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #need .column-photo {
    text-align: center !important;
  }
}

@media all and (max-width: 480px) {
  #need .column-photo {
    padding: 0 !important;
  }
}

#need .column-photo img {
  display: inline-block;
  max-width: 100%;
}

#need .need-section {
  margin: 0 10px;
  overflow: hidden;
  padding: 60px 0;
}

#need .need-section .column {
  float: left;
}

#need .need-section .column-30 {
  width: 30%;
}

#need .need-section .column-40 {
  width: 40%;
}

#need .need-section .column-50 {
  width: 50%;
}

#need .need-section .column-60 {
  width: 60%;
}

#need .need-section .column-70 {
  width: 70%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #need .need-section {
    padding: 40px 0;
  }
  #need .need-section .column {
    float: none;
  }
  #need .need-section .column-30,
  #need .need-section .column-40,
  #need .need-section .column-50,
  #need .need-section .column-60,
  #need .need-section .column-70 {
    width: 100%;
  }
}

#need .need-header {
  height: auto;
  padding-top: 56.25%;
  position: relative;
  overflow: hidden;
  width: 100%;
}

@media all and (min-width: 1480px) {
  #need .need-header {
    height: 800px;
    padding-top: 0;
  }
}

#need .need-header video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  background-size: cover;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #need .need-header video {
    width: 640px;
    height: 320px;
  }
}

#need .need-header video::-webkit-media-controls,
#need .need-header video::-webkit-media-controls-enclosure {
  display: none !important;
}

#need .need-header .play-button {
  background: url("../images/need/icon-play.svg") center center no-repeat;
  background-size: 40px auto;
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #need .need-header .play-button {
    display: block;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #need .need-header .play-button.paused {
    display: block !important;
  }
}

#need .need-intro {
  padding-top: 120px;
  text-align: center;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #need .need-intro {
    padding-top: 80px;
  }
}

#need .need-intro h1 {
  background: url("../images/need/need-logo.svg") center center no-repeat;
  background-size: 164px 37px;
  display: inline-block;
  height: 37px;
  width: 164px;
}

#need .need-intro p {
  font-size: 26px;
  line-height: 1.4em;
  margin: 40px auto;
  width: 65%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #need .need-intro p {
    font-size: 20px;
    width: 80%;
  }
}

@media all and (max-width: 480px) {
  #need .need-intro p {
    font-size: 18px;
    width: 90%;
  }
}

#need .need-rib-mock-neck {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #need .need-rib-mock-neck {
    display: block;
  }
}

#need .need-rib-mock-neck .column-photo {
  text-align: right;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #need .need-rib-mock-neck .column-photo {
    margin-bottom: 40px;
  }
}

#need .need-rib-mock-neck .column-product {
  padding: 0 80px;
  position: relative;
}

@media all and (max-width: 1240px) {
  #need .need-rib-mock-neck .column-product {
    padding: 0 20px;
  }
}

#need .need-rib-mock-neck .product h3 {
  padding: 0 40px;
  text-align: left;
}

#need .need-rib-mock-neck .product p {
  padding: 0 40px;
  text-align: left;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #need .need-rib-mock-neck .product h3, #need .need-rib-mock-neck .product p {
    padding: 0 60px;
  }
}

@media all and (max-width: 480px) {
  #need .need-rib-mock-neck .product h3, #need .need-rib-mock-neck .product p {
    padding: 0 20px;
  }
}

#need .need-rib-crew-neck {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #need .need-rib-crew-neck {
    display: block;
  }
}

#need .need-rib-crew-neck .column-photo {
  padding: 0 70px;
  text-align: left;
}

#need .need-rib-crew-neck .column-product {
  padding: 0 40px;
  text-align: right;
}

@media all and (max-width: 1240px) {
  #need .need-rib-crew-neck .column-product {
    padding: 0 20px;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #need .need-rib-crew-neck .column-product {
    margin-bottom: 40px;
  }
}

#need .need-rib-crew-neck .product {
  text-align: center;
}

#need .need-duo-top .column-photo {
  text-align: right;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #need .need-duo-top .column-photo {
    margin-bottom: 40px;
  }
}

#need .need-duo-top .column-product {
  padding: 0 80px;
}

@media all and (max-width: 1240px) {
  #need .need-duo-top .column-product {
    padding: 0 20px;
  }
}

#need .need-duo-top .product {
  text-align: center;
}

#need .need-duo-top .product h3 {
  padding: 0 60px;
  text-align: left;
}

#need .need-duo-top .product p {
  padding: 0 60px;
  text-align: left;
}

@media all and (max-width: 480px) {
  #need .need-duo-top .product h3, #need .need-duo-top .product p {
    padding: 0 20px;
  }
}

#need .need-photo {
  text-align: center;
}

#need .need-photo img {
  display: inline-block;
  max-width: 100%;
}

#need .need-photo-description .column {
  box-sizing: border-box;
  padding: 0 40px;
}

@media all and (max-width: 480px) {
  #need .need-photo-description .column {
    padding: 0;
  }
}

#need .need-photo-description .column-left {
  text-align: right;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #need .need-photo-description .column-left {
    margin-bottom: 40px;
    text-align: center;
  }
}

#need .need-photo-description .column-right {
  text-align: left;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #need .need-photo-description .column-right {
    text-align: center;
  }
}

#need .need-photo-description p {
  display: inline-block;
  text-align: left;
  width: 70%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #need .need-photo-description p {
    width: 90%;
  }
}

#need .need-pant-crop .column {
  box-sizing: border-box;
  padding: 0 40px;
}

@media all and (max-width: 480px) {
  #need .need-pant-crop .column {
    padding: 0;
  }
}

#need .need-pant-crop .column-product-left {
  text-align: right;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #need .need-pant-crop .column-product-left {
    margin-bottom: 40px;
    text-align: center;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #need .need-pant-crop .column-product-right {
    text-align: center;
  }
}

#need .need-pant-crop .product {
  text-align: center;
}

#need .need-pant-crop .product h3 {
  padding: 0 40px;
}

#need .need-pant-crop .product p {
  padding: 0 40px;
}

@media all and (max-width: 480px) {
  #need .need-pant-crop .product h3, #need .need-pant-crop .product p {
    padding: 0 20px;
  }
}

#need .need-gallery {
  overflow: hidden;
  position: relative;
}

#need .need-gallery.inactive {
  min-height: 750px;
}

#need .need-gallery.inactive .gallery-container {
  display: none;
}

#need .need-gallery .slick-track {
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

#need .need-gallery .gallery-item {
  text-align: center;
  margin: 0 10px;
  outline: none;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #need .need-gallery .gallery-item {
    margin: 0 20px;
  }
}

#need .need-gallery img {
  display: inline-block;
  max-width: 100%;
  vertical-align: middle;
}

#need .need-hidden-oxford .column-text {
  text-align: right;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #need .need-hidden-oxford .column-text {
    margin-bottom: 40px;
    text-align: center;
  }
}

#need .need-hidden-oxford .column-text h4 {
  display: inline-block;
  font-size: 26px;
  line-height: 1.4em;
  margin-bottom: 1em;
  text-align: left;
  width: 80%;
}

@media all and (max-width: 480px) {
  #need .need-hidden-oxford .column-text h4 {
    width: 90%;
  }
}

#need .need-hidden-oxford .column-text p {
  display: inline-block;
  width: 80%;
  text-align: left;
}

@media all and (max-width: 480px) {
  #need .need-hidden-oxford .column-text p {
    width: 90%;
  }
}

#need .need-hidden-oxford .column-product {
  padding: 0 120px;
}

@media all and (max-width: 1240px) {
  #need .need-hidden-oxford .column-product {
    padding: 0 20px;
  }
}

#need .need-hidden-oxford .product {
  text-align: center;
  width: 400px;
}

#need .need-hidden-oxford .product h3 {
  padding: 0 40px;
}

@media all and (max-width: 480px) {
  #need .need-hidden-oxford .product h3, #need .need-hidden-oxford .product p {
    padding: 0 20px;
  }
}

#need .need-shirt-denim .column-photo {
  text-align: left;
}

#need .need-shirt-denim .column-product {
  padding: 0 80px;
}

@media all and (max-width: 1240px) {
  #need .need-shirt-denim .column-product {
    padding: 0 20px;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #need .need-shirt-denim .column-product {
    margin-bottom: 40px;
  }
}

#need .need-shirt-denim .column-product .product:first-child {
  margin-bottom: 60px;
}

#need .need-shirt-denim .product {
  text-align: center;
  width: 380px;
}

#need .need-shirt-denim-description .column {
  box-sizing: border-box;
  padding: 0 40px;
}

@media all and (max-width: 480px) {
  #need .need-shirt-denim-description .column {
    padding: 0;
  }
}

#need .need-shirt-denim-description .column-left {
  text-align: right;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #need .need-shirt-denim-description .column-left {
    margin-bottom: 40px;
    text-align: center;
  }
}

#need .need-shirt-denim-description .column-left p {
  margin-bottom: 1em;
}

#need .need-shirt-denim-description .column-left p:last-child {
  margin-bottom: 0;
}

#need .need-shirt-denim-description .column-right {
  text-align: left;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #need .need-shirt-denim-description .column-right {
    text-align: center;
  }
}

#need .need-shirt-denim-description .column-right p {
  margin-bottom: 1em;
}

#need .need-shirt-denim-description .column-right p:last-child {
  margin-bottom: 0;
}

#need .need-shirt-denim-description p {
  display: inline-block;
  text-align: left;
  width: 70%;
}

#need .need-up-chino .column-photo {
  text-align: right;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #need .need-up-chino .column-photo {
    margin-bottom: 40px;
  }
}

#need .need-up-chino .column-product {
  padding: 0 80px;
}

@media all and (max-width: 1240px) {
  #need .need-up-chino .column-product {
    padding: 0 20px;
  }
}

#need .need-up-chino .product {
  text-align: center;
  width: 290px;
}

#need .need-all-tee {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #need .need-all-tee {
    display: block;
  }
}

#need .need-all-tee .column-photo {
  text-align: left;
}

#need .need-all-tee .column-product {
  padding: 0 80px;
  text-align: right;
}

@media all and (max-width: 1240px) {
  #need .need-all-tee .column-product {
    padding: 0 20px;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #need .need-all-tee .column-product {
    margin-bottom: 40px;
  }
}

#need .need-all-tee .product {
  margin-left: 1em;
  text-align: center;
  vertical-align: middle;
  width: 290px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #need .need-all-tee .product {
    margin-left: 0;
  }
  #need .need-all-tee .product:first-child {
    margin-bottom: 40px;
  }
}

#need .need-quote {
  text-align: center;
}

#need .need-quote blockquote {
  display: inline-block;
  margin: 0 auto;
  width: 80%;
}

@media all and (max-width: 480px) {
  #need .need-quote blockquote {
    width: 90%;
  }
}

#need .need-quote p {
  font-size: 26px;
  text-align: left;
  line-height: 1.4em;
  margin-bottom: 1em;
}

#need .need-quote p:last-child {
  margin-bottom: 0;
}

#need .need-quote cite {
  display: block;
  text-align: left;
}

#need .need-pull-pant .column-photo {
  text-align: right;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #need .need-pull-pant .column-photo {
    margin-bottom: 40px;
  }
}

#need .need-pull-pant .column-product {
  padding: 0 80px;
}

@media all and (max-width: 1240px) {
  #need .need-pull-pant .column-product {
    padding: 0 20px;
  }
}

#need .need-pull-pant .product {
  width: 290px;
}

#need .need-pull-pant .product h3 {
  padding: 0 20px;
  text-align: left;
}

#need .need-pull-pant .product p {
  padding: 0 20px;
  text-align: left;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #need .need-pull-pant .product h3, #need .need-pull-pant .product p {
    padding: 0 60px;
  }
}

#need .need-shop {
  padding-bottom: 120px;
  text-align: center;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #need .need-shop {
    padding-bottom: 80px;
  }
}

#need .need-shop .column {
  box-sizing: border-box;
  padding: 0 40px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #need .need-shop .column {
    padding: 0;
  }
}

#need .need-shop .column-left {
  text-align: right;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #need .need-shop .column-left {
    margin-bottom: 40px;
    text-align: center;
  }
}

#need .need-shop .column-left p {
  margin-bottom: 1em;
}

#need .need-shop .column-left p:last-child {
  margin-bottom: 0;
}

#need .need-shop .column-right {
  text-align: left;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #need .need-shop .column-right {
    text-align: center;
  }
}

#need .need-shop .column-right p {
  margin-bottom: 1em;
}

#need .need-shop .column-right p:last-child {
  margin-bottom: 0;
}

#need .need-shop .button {
  text-align: center;
  white-space: nowrap;
  width: 28%;
}

@media all and (max-width: 1240px) {
  #need .need-shop .button {
    width: 35%;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #need .need-shop .button {
    width: 25%;
  }
}

@media all and (max-width: 480px) {
  #need .need-shop .button {
    width: 50%;
  }
}

#need-denim {
  font-size: 18px;
  line-height: 1.3em;
  position: relative;
}

#need-denim a {
  color: #111;
  text-decoration: underline;
}

#need-denim .button {
  background: none;
  border: 1px solid #222;
  color: #111;
  display: inline-block;
  font-weight: bold;
  padding: 1em 2em;
  text-decoration: none;
}

#need-denim .column-product {
  box-sizing: border-box;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #need-denim .column-product {
    text-align: center !important;
  }
}

@media all and (max-width: 480px) {
  #need-denim .column-product {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

#need-denim .column-product a {
  display: block;
  text-decoration: none;
}

#need-denim .column-photo {
  box-sizing: border-box;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #need-denim .column-photo {
    text-align: center !important;
  }
}

@media all and (max-width: 480px) {
  #need-denim .column-photo {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

#need-denim .column-photo img {
  display: inline-block;
  max-width: 100%;
}

#need-denim .need-denim-section {
  margin: 0 10px;
  overflow: hidden;
  padding: 60px 0;
}

#need-denim .need-denim-section .column {
  box-sizing: border-box;
  float: left;
}

#need-denim .need-denim-section .column-10 {
  width: 10%;
}

#need-denim .need-denim-section .column-20 {
  width: 20%;
}

#need-denim .need-denim-section .column-30 {
  width: 30%;
}

#need-denim .need-denim-section .column-35 {
  width: 35%;
}

#need-denim .need-denim-section .column-40 {
  width: 40%;
}

#need-denim .need-denim-section .column-50 {
  width: 50%;
}

#need-denim .need-denim-section .column-60 {
  width: 60%;
}

#need-denim .need-denim-section .column-70 {
  width: 70%;
}

#need-denim .need-denim-section .column-80 {
  width: 80%;
}

#need-denim .need-denim-section .column-90 {
  width: 90%;
}

#need-denim .need-denim-section .column-100 {
  width: 100%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #need-denim .need-denim-section {
    padding: 40px 0;
  }
  #need-denim .need-denim-section .column {
    float: none;
  }
  #need-denim .need-denim-section .column-10,
  #need-denim .need-denim-section .column-20,
  #need-denim .need-denim-section .column-30,
  #need-denim .need-denim-section .column-35,
  #need-denim .need-denim-section .column-40,
  #need-denim .need-denim-section .column-50,
  #need-denim .need-denim-section .column-60,
  #need-denim .need-denim-section .column-70,
  #need-denim .need-denim-section .column-80,
  #need-denim .need-denim-section .column-90,
  #need-denim .need-denim-section .column-100 {
    width: 100%;
  }
}

#need-denim .need-denim-section h3 {
  font-size: 24px;
  line-height: 1.6em;
  margin-bottom: 1em;
}

#need-denim .need-denim-section p {
  line-height: 1.6em;
}

#need-denim .need-denim-header {
  background: #050609 url("../images/need-denim/header.jpg") center center no-repeat;
  background-size: cover;
  height: auto;
  overflow: hidden;
  padding-top: 50%;
  position: relative;
  width: 100%;
}

@media all and (min-width: 1480px) {
  #need-denim .need-denim-header {
    height: 800px;
    padding-top: 0;
  }
}

#need-denim .need-denim-header h1 {
  width: 114px;
  position: absolute;
  bottom: 50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #need-denim .need-denim-header h1 {
    bottom: 30px;
  }
}

#need-denim .need-denim-header h2 {
  font-size: 60px;
  font-weight: bold;
  letter-spacing: 2px;
  margin-bottom: 0.5em;
  text-transform: uppercase;
  white-space: nowrap;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #need-denim .need-denim-header h2 {
    font-size: 48px;
  }
}

#need-denim .need-denim-header .heading {
  color: #fff;
  position: absolute;
  text-align: center;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #need-denim .need-denim-header .heading {
    display: none;
  }
}

#need-denim .need-denim-heading-mobile {
  display: none;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #need-denim .need-denim-heading-mobile {
    display: block;
    padding-bottom: 0;
    text-align: center;
  }
}

#need-denim .need-denim-heading-mobile h2 {
  font-size: 48px;
  font-weight: bold;
  line-height: 1.1em;
  letter-spacing: 2px;
  margin-bottom: 0.5em;
  text-transform: uppercase;
}

@media all and (max-width: 480px) {
  #need-denim .need-denim-heading-mobile h2 {
    font-size: 36px;
  }
}

#need-denim .need-denim-intro {
  text-align: center;
}

#need-denim .need-denim-intro p {
  font-size: 36px;
  line-height: 1.4em;
  margin: 20px auto;
  width: 80%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #need-denim .need-denim-intro p {
    font-size: 20px;
  }
}

@media all and (max-width: 480px) {
  #need-denim .need-denim-intro p {
    font-size: 18px;
    width: 90%;
  }
}

#need-denim .need-1996 {
  text-align: center;
}

#need-denim .need-1996 img {
  max-width: 100%;
}

#need-denim .need-denim-womens {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-content: normal;
      -ms-flex-line-pack: normal;
          align-content: normal;
  -webkit-align-items: normal;
      -ms-flex-align: normal;
          align-items: normal;
  text-align: center;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #need-denim .need-denim-womens {
    display: block;
  }
}

#need-denim .need-denim-womens h3 {
  font-weight: bold;
}

#need-denim .need-denim-womens h3, #need-denim .need-denim-womens p {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  width: 65%;
}

@media all and (max-width: 1240px) {
  #need-denim .need-denim-womens h3, #need-denim .need-denim-womens p {
    width: 75%;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #need-denim .need-denim-womens h3, #need-denim .need-denim-womens p {
    text-align: center;
    width: 90%;
  }
}

#need-denim .need-denim-womens .column {
  padding: 0 20px;
}

#need-denim .need-denim-womens .column:nth-child(1) img {
  margin-bottom: 80px;
}

@media all and (max-width: 1240px) {
  #need-denim .need-denim-womens .column:nth-child(1) img {
    margin-bottom: 60px;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #need-denim .need-denim-womens .column:nth-child(1) img {
    margin-bottom: 40px;
  }
}

#need-denim .need-denim-womens .column:nth-child(2) {
  padding-top: 20px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #need-denim .need-denim-womens .column:nth-child(2) {
    padding-top: 80px;
  }
}

#need-denim .need-denim-womens .column:nth-child(2) img {
  margin-top: 80px;
}

@media all and (max-width: 1240px) {
  #need-denim .need-denim-womens .column:nth-child(2) img {
    margin-top: 60px;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #need-denim .need-denim-womens .column:nth-child(2) img {
    margin-top: 40px;
  }
}

#need-denim .need-denim-womens-product {
  text-align: center;
}

#need-denim .need-denim-womens-product .column {
  padding: 0 20px;
}

@media all and (max-width: 1240px) {
  #need-denim .need-denim-womens-product .column:nth-child(1) {
    margin-bottom: 40px;
  }
}

#need-denim .need-denim-womens-product img {
  margin-bottom: 1em;
  max-width: 100%;
}

#need-denim .need-denim-hero {
  background: #050609 url("../images/need-denim/hero.jpg") center center no-repeat;
  background-size: cover;
  height: auto;
  overflow: hidden;
  padding-top: 50%;
  position: relative;
  width: 100%;
}

@media all and (min-width: 1480px) {
  #need-denim .need-denim-hero {
    height: 800px;
    padding-top: 0;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #need-denim .need-denim-quote {
    text-align: center;
  }
}

#need-denim .need-denim-quote blockquote {
  margin: 20px auto;
  width: 80%;
}

@media all and (max-width: 480px) {
  #need-denim .need-denim-quote blockquote {
    width: 90%;
  }
}

#need-denim .need-denim-quote p {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.6em;
  margin-bottom: 1em;
}

#need-denim .need-denim-quote cite {
  font-size: 18px;
}

#need-denim .need-denim-mens {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-content: normal;
      -ms-flex-line-pack: normal;
          align-content: normal;
  -webkit-align-items: normal;
      -ms-flex-align: normal;
          align-items: normal;
  text-align: center;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #need-denim .need-denim-mens {
    display: block;
  }
}

#need-denim .need-denim-mens h3, #need-denim .need-denim-mens p {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  width: 75%;
}

@media all and (max-width: 1240px) {
  #need-denim .need-denim-mens h3, #need-denim .need-denim-mens p {
    width: 80%;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #need-denim .need-denim-mens h3, #need-denim .need-denim-mens p {
    text-align: center;
    width: 90%;
  }
}

#need-denim .need-denim-mens .column {
  padding: 0 20px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #need-denim .need-denim-mens .column:nth-child(2) {
    padding-top: 40px;
  }
}

#need-denim .need-denim-mens .column:nth-child(2) img {
  margin-bottom: 80px;
}

@media all and (max-width: 1240px) {
  #need-denim .need-denim-mens .column:nth-child(2) img {
    margin-bottom: 60px;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #need-denim .need-denim-mens .column:nth-child(2) img {
    margin-bottom: 40px;
  }
}

#need-denim .need-denim-mens-product {
  text-align: center;
}

#need-denim .need-denim-mens-product .column {
  padding: 0 20px;
}

@media all and (max-width: 1240px) {
  #need-denim .need-denim-mens-product .column:nth-child(1) {
    margin-bottom: 40px;
  }
}

#need-denim .need-denim-mens-product img {
  margin-bottom: 1em;
  max-width: 100%;
}

#need-denim .need-denim-shop {
  padding-bottom: 120px;
  text-align: center;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #need-denim .need-denim-shop {
    padding-bottom: 80px;
  }
}

#need-denim .need-denim-shop .column {
  box-sizing: border-box;
  padding: 0 40px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #need-denim .need-denim-shop .column {
    padding: 0;
  }
}

#need-denim .need-denim-shop .column-left {
  text-align: right;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #need-denim .need-denim-shop .column-left {
    margin-bottom: 40px;
    text-align: center;
  }
}

#need-denim .need-denim-shop .column-left p {
  margin-bottom: 1em;
}

#need-denim .need-denim-shop .column-left p:last-child {
  margin-bottom: 0;
}

#need-denim .need-denim-shop .column-right {
  text-align: left;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #need-denim .need-denim-shop .column-right {
    text-align: center;
  }
}

#need-denim .need-denim-shop .column-right p {
  margin-bottom: 1em;
}

#need-denim .need-denim-shop .column-right p:last-child {
  margin-bottom: 0;
}

#need-denim .need-denim-shop .button {
  text-align: center;
  white-space: nowrap;
  width: 28%;
}

@media all and (max-width: 1240px) {
  #need-denim .need-denim-shop .button {
    width: 35%;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #need-denim .need-denim-shop .button {
    width: 25%;
  }
}

@media all and (max-width: 480px) {
  #need-denim .need-denim-shop .button {
    width: 50%;
  }
}

#nsco {
  font-size: 18px;
  line-height: 1.3em;
  position: relative;
}

#nsco a {
  color: #111;
  text-decoration: underline;
}

#nsco .button {
  background: none;
  border: 1px solid #222;
  color: #111;
  display: inline-block;
  font-weight: bold;
  padding: 1em 2em;
  text-decoration: none;
}

#nsco .nsco-caption {
  color: #5d5d5d;
  font-size: 14px;
  line-height: 1.3em;
  margin: 5px auto 0 auto;
  text-align: left;
}

#nsco .nsco-caption a {
  color: #5d5d5d;
}

#nsco .nsco-caption strong {
  font-weight: bold;
}

#nsco .product {
  display: inline-block;
  text-align: center;
  width: 380px;
}

@media all and (max-width: 1240px) {
  #nsco .product {
    display: block;
    width: auto !important;
  }
}

#nsco .product .product-image {
  display: inline-block;
  float: none;
  margin-bottom: 16px;
  width: auto;
}

#nsco .product img {
  display: inline-block;
  max-width: 100%;
}

#nsco .product .swatches {
  margin-bottom: 12px;
}

#nsco .product .swatches li {
  display: inline-block;
  margin: 0 6px;
}

#nsco .product .swatches a {
  border: 1px solid #eee;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  display: block;
  height: 20px;
  width: 20px;
}

#nsco .column-product {
  box-sizing: border-box;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #nsco .column-product {
    text-align: center !important;
  }
}

@media all and (max-width: 480px) {
  #nsco .column-product {
    padding: 0 !important;
  }
}

#nsco .column-photo {
  box-sizing: border-box;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #nsco .column-photo {
    text-align: center !important;
  }
}

@media all and (max-width: 480px) {
  #nsco .column-photo {
    padding: 0 !important;
  }
}

#nsco .column-photo img {
  display: inline-block;
  max-width: 100%;
}

#nsco .nsco-section {
  margin: 0 10px;
  overflow: hidden;
  padding: 60px 0;
}

#nsco .nsco-section .column {
  float: left;
}

#nsco .nsco-section .column-10 {
  width: 10%;
}

#nsco .nsco-section .column-20 {
  width: 20%;
}

#nsco .nsco-section .column-30 {
  width: 30%;
}

#nsco .nsco-section .column-35 {
  width: 35%;
}

#nsco .nsco-section .column-40 {
  width: 40%;
}

#nsco .nsco-section .column-50 {
  width: 50%;
}

#nsco .nsco-section .column-60 {
  width: 60%;
}

#nsco .nsco-section .column-70 {
  width: 70%;
}

#nsco .nsco-section .column-80 {
  width: 80%;
}

#nsco .nsco-section .column-90 {
  width: 90%;
}

#nsco .nsco-section .column-100 {
  width: 100%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #nsco .nsco-section {
    padding: 40px 0;
  }
  #nsco .nsco-section .column {
    float: none;
  }
  #nsco .nsco-section .column-10,
  #nsco .nsco-section .column-20,
  #nsco .nsco-section .column-30,
  #nsco .nsco-section .column-35,
  #nsco .nsco-section .column-40,
  #nsco .nsco-section .column-50,
  #nsco .nsco-section .column-60,
  #nsco .nsco-section .column-70,
  #nsco .nsco-section .column-80,
  #nsco .nsco-section .column-90,
  #nsco .nsco-section .column-100 {
    width: 100%;
  }
}

#nsco .nsco-header {
  background: #050609 url("../images/nsco/header.jpg") center center no-repeat;
  background-size: contain;
  height: auto;
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
  width: 100%;
}

@media all and (min-width: 1480px) {
  #nsco .nsco-header {
    height: 800px;
    padding-top: 0;
  }
}

#nsco .nsco-header img {
  height: auto;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  width: auto;
}

#nsco .nsco-intro {
  padding-top: 120px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #nsco .nsco-intro {
    padding-top: 80px;
  }
}

#nsco .nsco-intro p {
  font-size: 26px;
  line-height: 1.4em;
  margin: 40px auto;
  width: 60%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #nsco .nsco-intro p {
    font-size: 20px;
    width: 80%;
  }
}

@media all and (max-width: 480px) {
  #nsco .nsco-intro p {
    font-size: 18px;
    width: 90%;
  }
}

#nsco .nsco-denim-skirt {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #nsco .nsco-denim-skirt {
    display: block;
  }
}

#nsco .nsco-denim-skirt .column-photo {
  text-align: right;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #nsco .nsco-denim-skirt .column-photo {
    margin-bottom: 40px;
  }
}

#nsco .nsco-denim-skirt .nsco-caption {
  margin-right: 0;
  max-width: 800px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #nsco .nsco-denim-skirt .nsco-caption {
    margin-right: auto;
  }
}

#nsco .nsco-denim-skirt .column-product {
  padding: 0 80px;
  position: relative;
}

@media all and (max-width: 1240px) {
  #nsco .nsco-denim-skirt .column-product {
    padding: 0 20px;
  }
}

#nsco .nsco-denim-skirt .product-image {
  margin-bottom: 0;
}

#nsco .nsco-denim-skirt .product h3 {
  padding: 0 40px;
}

#nsco .nsco-denim-skirt .product p {
  padding: 0 40px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #nsco .nsco-denim-skirt .product h3, #nsco .nsco-denim-skirt .product p {
    padding: 0 60px;
  }
}

@media all and (max-width: 480px) {
  #nsco .nsco-denim-skirt .product h3, #nsco .nsco-denim-skirt .product p {
    padding: 0 20px;
  }
}

#nsco .nsco-shop-coat-gold-choker {
  margin: 0 auto;
  max-width: 1044px;
  padding-bottom: 0;
}

#nsco .nsco-shop-coat-gold-choker img, #nsco .nsco-shop-coat-gold-choker p {
  box-sizing: border-box;
  padding: 0 10px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #nsco .nsco-shop-coat-gold-choker img, #nsco .nsco-shop-coat-gold-choker p {
    margin-left: auto;
    margin-right: auto;
    max-width: 520px;
  }
}

#nsco .nsco-quote {
  padding-top: 60px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #nsco .nsco-quote {
    padding-top: 40px;
  }
}

#nsco .nsco-quote p {
  font-size: 26px;
  line-height: 1.4em;
  margin: 40px auto;
  width: 60%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #nsco .nsco-quote p {
    font-size: 20px;
    width: 80%;
  }
}

@media all and (max-width: 480px) {
  #nsco .nsco-quote p {
    font-size: 18px;
    width: 90%;
  }
}

#nsco .nsco-shirt-denim .column-product {
  text-align: center;
  padding: 0 80px;
}

#nsco .nsco-shirt-denim .column-product > div {
  margin-bottom: 40px;
}

@media all and (max-width: 1240px) {
  #nsco .nsco-shirt-denim .column-product {
    padding: 0 20px;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #nsco .nsco-shirt-denim .column-product {
    margin-bottom: 40px;
  }
}

#nsco .nsco-shirt-denim .column-product .product:first-child {
  margin-bottom: 60px;
}

#nsco .nsco-shirt-denim .product-image {
  display: block !important;
  margin-bottom: 0;
  text-align: center;
}

#nsco .nsco-shirt-denim .product-image img {
  margin: 0 auto;
  width: auto;
}

#nsco .nsco-shirt-denim .nsco-caption {
  margin-left: 0;
  max-width: 800px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #nsco .nsco-shirt-denim .nsco-caption {
    margin-left: auto;
  }
}

#nsco .nsco-sweatshirt {
  padding-bottom: 0;
}

#nsco .nsco-sweatshirt .column-60,
#nsco .nsco-sweatshirt .column-40 {
  box-sizing: border-box;
  margin-bottom: 40px;
  padding: 10px;
}

#nsco .nsco-sweatshirt img {
  display: block;
  margin: 0 auto 10px auto;
}

#nsco .nsco-sweatshirt .column-60 .nsco-caption {
  max-width: 650px;
}

#nsco .nsco-sweatshirt .column-40 .nsco-caption {
  max-width: 450px;
}

#nsco .nsco-quote-inspired {
  padding-top: 0;
}

#nsco .nsco-gallery {
  overflow: hidden;
  position: relative;
  padding-top: 40px;
}

#nsco .nsco-gallery.inactive {
  min-height: 750px;
}

#nsco .nsco-gallery.inactive .gallery-container {
  display: none;
}

#nsco .nsco-gallery .slick-track {
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

#nsco .nsco-gallery .gallery-item {
  text-align: center;
  margin: 0 10px;
  outline: none;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #nsco .nsco-gallery .gallery-item {
    margin: 0 20px;
  }
}

#nsco .nsco-gallery img {
  display: inline-block;
  max-width: 100%;
  vertical-align: middle;
}

#nsco .nsco-caption-gallery {
  max-width: 720px;
  padding: 0 10px;
  text-align: center;
}

#nsco .nsco-seatshirt-and-jacket {
  padding-top: 120px;
}

#nsco .nsco-seatshirt-and-jacket .column {
  box-sizing: border-box;
  padding: 0 40px;
}

@media all and (max-width: 480px) {
  #nsco .nsco-seatshirt-and-jacket .column {
    padding: 0;
  }
}

#nsco .nsco-seatshirt-and-jacket .column-product-left {
  text-align: right;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #nsco .nsco-seatshirt-and-jacket .column-product-left {
    margin-bottom: 40px;
    text-align: center;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #nsco .nsco-seatshirt-and-jacket .column-product-right {
    text-align: center;
  }
}

#nsco .nsco-seatshirt-and-jacket .product {
  text-align: center;
}

#nsco .nsco-seatshirt-and-jacket .product h3 {
  padding: 0 40px;
}

#nsco .nsco-seatshirt-and-jacket .product p {
  padding: 0 40px;
}

@media all and (max-width: 480px) {
  #nsco .nsco-seatshirt-and-jacket .product h3, #nsco .nsco-seatshirt-and-jacket .product p {
    padding: 0 20px;
  }
}

#nsco .nsco-shop-coat {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #nsco .nsco-shop-coat {
    display: block;
  }
}

#nsco .nsco-shop-coat .column-photo {
  text-align: right;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #nsco .nsco-shop-coat .column-photo {
    margin-bottom: 40px;
  }
}

#nsco .nsco-shop-coat .nsco-caption {
  margin-right: 0;
  max-width: 800px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #nsco .nsco-shop-coat .nsco-caption {
    margin-right: auto;
  }
}

#nsco .nsco-shop-coat .column-product {
  margin-bottom: 60px;
  padding: 0 80px;
  position: relative;
}

@media all and (max-width: 1240px) {
  #nsco .nsco-shop-coat .column-product {
    padding: 0 20px;
  }
}

#nsco .nsco-shop-coat .product-image {
  margin-bottom: 0;
}

#nsco .nsco-shop-coat .product h3 {
  padding: 0 40px;
}

#nsco .nsco-shop-coat .product p {
  padding: 0 40px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #nsco .nsco-shop-coat .product h3, #nsco .nsco-shop-coat .product p {
    padding: 0 60px;
  }
}

@media all and (max-width: 480px) {
  #nsco .nsco-shop-coat .product h3, #nsco .nsco-shop-coat .product p {
    padding: 0 20px;
  }
}

#nsco .nsco-coat-and-pants {
  padding-bottom: 0;
}

#nsco .nsco-coat-and-pants .column-35 {
  box-sizing: border-box;
  margin-bottom: 40px;
  padding: 10px;
}

#nsco .nsco-coat-and-pants img {
  display: block;
  margin: 0 auto 10px auto;
}

#nsco .nsco-coat-and-pants .column-35 .nsco-caption {
  max-width: 500px;
}

#nsco .nsco-denim-pants {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #nsco .nsco-denim-pants {
    display: block;
  }
}

#nsco .nsco-denim-pants .column-photo {
  text-align: right;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #nsco .nsco-denim-pants .column-photo {
    margin-bottom: 40px;
  }
}

#nsco .nsco-denim-pants .nsco-caption {
  margin-right: 0;
  max-width: 650px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #nsco .nsco-denim-pants .nsco-caption {
    margin-right: auto;
  }
}

#nsco .nsco-denim-pants .column-product {
  margin-bottom: 60px;
  padding: 0 80px;
  position: relative;
  text-align: center;
}

@media all and (max-width: 1240px) {
  #nsco .nsco-denim-pants .column-product {
    padding: 0 20px;
  }
}

#nsco .nsco-denim-pants .product-image {
  margin-bottom: 0;
}

#nsco .nsco-denim-pants .product h3 {
  padding: 0 40px;
}

#nsco .nsco-denim-pants .product p {
  padding: 0 40px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #nsco .nsco-denim-pants .product h3, #nsco .nsco-denim-pants .product p {
    padding: 0 60px;
  }
}

@media all and (max-width: 480px) {
  #nsco .nsco-denim-pants .product h3, #nsco .nsco-denim-pants .product p {
    padding: 0 20px;
  }
}

#nsco .nsco-photo {
  text-align: center;
}

#nsco .nsco-photo .nsco-caption {
  max-width: 650px;
}

#nsco .nsco-photo img {
  display: inline-block;
  max-width: 100%;
}

#nsco .nsco-shop {
  padding-bottom: 120px;
  text-align: center;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #nsco .nsco-shop {
    padding-bottom: 80px;
  }
}

#nsco .nsco-shop .column {
  box-sizing: border-box;
  padding: 0 40px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #nsco .nsco-shop .column {
    padding: 0;
  }
}

#nsco .nsco-shop .column-left {
  text-align: right;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #nsco .nsco-shop .column-left {
    margin-bottom: 40px;
    text-align: center;
  }
}

#nsco .nsco-shop .column-left p {
  margin-bottom: 1em;
}

#nsco .nsco-shop .column-left p:last-child {
  margin-bottom: 0;
}

#nsco .nsco-shop .column-right {
  text-align: left;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #nsco .nsco-shop .column-right {
    text-align: center;
  }
}

#nsco .nsco-shop .column-right p {
  margin-bottom: 1em;
}

#nsco .nsco-shop .column-right p:last-child {
  margin-bottom: 0;
}

#nsco .nsco-shop .button {
  text-align: center;
  white-space: nowrap;
  width: 28%;
}

@media all and (max-width: 1240px) {
  #nsco .nsco-shop .button {
    width: 35%;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #nsco .nsco-shop .button {
    width: 25%;
  }
}

@media all and (max-width: 480px) {
  #nsco .nsco-shop .button {
    width: 50%;
  }
}

#store {
  font-size: 18px;
  line-height: 1.3em;
  position: relative;
}

#store a {
  color: #111;
  text-decoration: underline;
}

#store .button {
  background: none;
  border: 1px solid #222;
  color: #111;
  display: inline-block;
  font-weight: bold;
  padding: 1em 2em;
  text-decoration: none;
}

#store .column-photo {
  box-sizing: border-box;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #store .column-photo {
    text-align: center !important;
  }
}

@media all and (max-width: 480px) {
  #store .column-photo {
    padding: 0 !important;
  }
}

#store .column-photo img {
  display: inline-block;
  max-width: 100%;
}

#store .store-section {
  margin: 0 10px;
  overflow: hidden;
  padding: 60px 0;
}

#store .store-section .column {
  float: left;
}

#store .store-section .column-10 {
  width: 10%;
}

#store .store-section .column-20 {
  width: 20%;
}

#store .store-section .column-30 {
  width: 30%;
}

#store .store-section .column-35 {
  width: 35%;
}

#store .store-section .column-40 {
  width: 40%;
}

#store .store-section .column-50 {
  width: 50%;
}

#store .store-section .column-60 {
  width: 60%;
}

#store .store-section .column-70 {
  width: 70%;
}

#store .store-section .column-80 {
  width: 80%;
}

#store .store-section .column-90 {
  width: 90%;
}

#store .store-section .column-100 {
  width: 100%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #store .store-section {
    padding: 40px 0;
  }
  #store .store-section .column {
    float: none;
  }
  #store .store-section .column-10,
  #store .store-section .column-20,
  #store .store-section .column-30,
  #store .store-section .column-35,
  #store .store-section .column-40,
  #store .store-section .column-50,
  #store .store-section .column-60,
  #store .store-section .column-70,
  #store .store-section .column-80,
  #store .store-section .column-90,
  #store .store-section .column-100 {
    width: 100%;
  }
}

#store .store-caption {
  color: #5d5d5d;
  font-size: 14px;
  line-height: 1.3em;
  margin: 5px auto 0 auto;
  text-align: left;
}

#store .store-caption a {
  color: #5d5d5d;
}

#store .store-caption strong {
  font-weight: bold;
}

#store .store-quote {
  padding-top: 60px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #store .store-quote {
    padding-top: 40px;
  }
}

#store .store-quote p {
  font-size: 26px;
  line-height: 1.4em;
  margin: 40px auto;
  width: 60%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #store .store-quote p {
    font-size: 20px;
    width: 80%;
  }
}

@media all and (max-width: 480px) {
  #store .store-quote p {
    font-size: 18px;
    width: 90%;
  }
}

#store .store-gallery {
  overflow: hidden;
  position: relative;
  padding-top: 40px;
}

#store .store-gallery.inactive {
  min-height: 750px;
}

#store .store-gallery.inactive .gallery-container {
  display: none;
}

#store .store-gallery .slick-track {
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

#store .store-gallery .gallery-item {
  text-align: center;
  margin: 0 10px;
  outline: none;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #store .store-gallery .gallery-item {
    margin: 0 20px;
  }
}

#store .store-gallery img {
  display: inline-block;
  max-width: 100%;
  vertical-align: middle;
}

#store .store-caption-gallery {
  max-width: 720px;
  padding: 0 10px;
  text-align: center;
}

#store .store-header {
  background: #050609 url("../images/store/header.jpg") center bottom no-repeat;
  background-size: cover;
  height: auto;
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
  width: 100%;
}

@media all and (min-width: 1480px) {
  #store .store-header {
    height: 800px;
    padding-top: 0;
  }
}

#store .store-header-caption {
  overflow: hidden;
  padding: 40px 0 0 0;
}

#store .store-header-caption h2 {
  float: right;
}

#store .store-header-caption h3 {
  float: left;
}

#store .store-header-caption h2, #store .store-header-caption h3 {
  font-size: 38px;
  line-height: 1.2em;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #store .store-header-caption h2, #store .store-header-caption h3 {
    float: none;
    font-size: 24px;
    text-align: center;
    width: 100%;
  }
}

#store .store-intro {
  padding: 120px 0;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #store .store-intro {
    padding: 60px 0;
  }
}

#store .store-intro p {
  font-size: 38px;
  line-height: 1.4em;
  margin: 0 auto;
  text-align: center;
  width: 50%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #store .store-intro p {
    font-size: 20px;
    width: 75%;
  }
}

@media all and (max-width: 480px) {
  #store .store-intro p {
    font-size: 18px;
    width: 80%;
  }
}

#store .store-surf .surf-1 {
  text-align: center;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #store .store-surf .surf-1 {
    margin-bottom: 1em;
  }
}

#store .store-surf .surf-2 {
  text-align: center;
}

#store .store-surf .surf-2 .image-wrapper {
  display: inline-block;
  text-align: left;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #store .store-surf .surf-2 .image-wrapper {
    text-align: center;
  }
}

#store .store-surf .surf-2 img {
  display: inline-block;
  margin-bottom: 1em;
}

#store .store-surf .surf-2 h3 {
  font-size: 24px;
  line-height: 1.4em;
  max-width: 400px;
  width: auto;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #store .store-surf .surf-2 h3 {
    font-size: 16px;
  }
}

#store .store-sketch-horseshoe {
  text-align: center;
}

#store .store-sketch-horseshoe ul {
  font-size: 24px;
  text-align: center;
  padding-top: 40px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #store .store-sketch-horseshoe ul {
    font-size: 18px;
  }
}

#store .store-sketch-horseshoe li {
  display: inline-block;
  margin: 0 1em;
}

#store .store-sketch-horseshoe a {
  color: #d1d1d1;
  text-decoration: none;
}

#store .store-sketch-horseshoe a:hover, #store .store-sketch-horseshoe a.active {
  color: #111;
}

#store .store-sketch-bench-library {
  text-align: center;
}

#store .store-sketch-bench-library h3 {
  font-size: 38px;
  line-height: 1.2em;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #store .store-sketch-bench-library h3 {
    font-size: 20px;
  }
}

#store .store-sketch-bench-library h3, #store .store-sketch-bench-library p {
  display: inline-block;
  width: 50%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #store .store-sketch-bench-library h3, #store .store-sketch-bench-library p {
    width: 80%;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #store .store-sketch-bench {
    margin-bottom: 60px;
  }
}

#store .store-family-ny .column-50 {
  text-align: center;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #store .store-family-ny .column-photo {
    margin-bottom: 1em;
  }
}

#store .store-family-ny .text-wrapper {
  display: inline-block;
  width: 50%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #store .store-family-ny .text-wrapper {
    width: 100%;
  }
}

#store .store-family-ny p {
  display: inline-block;
  font-size: 24px;
  line-height: 1.4em;
  text-align: left;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #store .store-family-ny p {
    font-size: 18px;
    text-align: center;
  }
}

#store .store-photo1 {
  text-align: center;
}

#store .store-photo2 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #store .store-photo2 {
    display: block;
  }
  #store .store-photo2 .column-photo {
    margin-bottom: 1em;
  }
  #store .store-photo2 .column-photo:last-child {
    margin-bottom: 0;
  }
}

#store .store-contact {
  font-size: 38px;
  line-height: 1.4em;
  padding-bottom: 120px;
  text-align: center;
}

@media all and (max-width: 1240px) {
  #store .store-contact {
    font-size: 24px;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #store .store-contact {
    padding-bottom: 80px;
  }
}

#store .store-contact h3 {
  margin-bottom: 40px;
}

#store .store-contact .text-wrapper {
  display: inline-block;
  text-align: left;
  width: 75%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #store .store-contact .text-wrapper {
    text-align: center;
    width: 100%;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #store .store-contact .store-address {
    margin-bottom: 1em;
  }
}

#store .store-contact .store-address address {
  display: block;
  margin-bottom: 1em;
}

#store .store-contact .store-address a {
  color: #d1d1d1;
  text-decoration: none;
}

#store .store-contact .store-address a:hover,
#store .store-contact .store-address a[href^="tel:"] {
  color: #111;
}

#store .store-contact .store-hours p {
  margin-bottom: 0.6em;
}

#store .store-contact .store-hours p:last-child {
  margin-bottom: 0;
}

#store .store-contact .store-hours span {
  color: #d1d1d1;
}

#general {
  margin: 0 0 60px 0;
}

#general a {
  text-decoration: none;
}

#general a:hover {
  text-decoration: underline;
}

#general h1 {
  border-bottom: 1px solid #ccc;
  color: #8d8d8d;
  font-size: 16px;
  font-weight: bold;
  margin: 40px 10px;
  padding: 0 0 10px 0;
  text-transform: uppercase;
}

#general .sections {
  color: #666;
  float: left;
  width: 12.5%;
  padding: 0 10px;
  box-sizing: border-box;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #general .sections {
    float: none;
    margin: 40px 0;
    width: auto;
  }
}

#general .sections h3 {
  color: #111;
  font-size: 13px;
  margin-bottom: 20px;
}

#general .sections li {
  font-size: 13px;
  line-height: 1.8em;
}

#general .sections li a {
  color: #666;
  text-decoration: none;
}

#general .sections li a:hover {
  text-decoration: underline;
}

#general .content {
  color: #111;
  float: left;
  width: 87.5%;
  padding: 0 10px;
  box-sizing: border-box;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #general .content {
    float: none;
    width: auto;
  }
}

#general .content a {
  color: #000;
}

#general .content h2 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 60px;
  line-height: 76px;
}

#general .content h3 {
  font-size: 24px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-bottom: 25px;
}

#general .content h4 {
  font-size: 16px;
  margin-bottom: 18px;
}

#general .content p {
  line-height: 1.6em;
  margin-bottom: 25px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #general .content p {
    word-wrap: break-word;
  }
}

#general .content ul {
  line-height: 1.6em;
  list-style: disc;
  margin-bottom: 30px;
}

#general .content ul li {
  margin-bottom: 1em;
  margin-left: 24px;
  padding: 0;
}

#general .content ul a {
  text-decoration: underline;
}

#general .content ol {
  line-height: 1.6em;
  list-style: decimal;
  margin-bottom: 1em;
}

#general .content ol.lower-alpha {
  list-style: lower-alpha;
}

#general .content ol li {
  margin-bottom: 1em;
  margin-left: 24px;
  padding: 0;
}

#general .content ol p {
  line-height: 1.6em;
  margin-bottom: 1em;
}

#general .content ol ol {
  list-style: lower-alpha;
}

#general .content ol ol ol {
  list-style: decimal;
}

#general .content ol a {
  text-decoration: underline;
}

#general .content blockquote p {
  padding-left: 18px;
}

#general .content ul {
  line-height: 1.6em;
  list-style: disc;
  margin-bottom: 1em;
}

#general .content ul > ul,
#general .content ul > ol {
  margin-bottom: 24px;
}

#general .content .last {
  margin: 0;
}

#general .content table {
  margin-bottom: 25px;
  width: 100%;
}

#general .content table td {
  padding: 10px;
  width: 33%;
}

#general .content table .odd td {
  background-color: #eaeaea;
}

#general .content strong {
  font-weight: bold;
}

#general .content em {
  font-style: italic;
}

#general hr {
  background-color: #d5d5d5;
  border: 0;
  height: 1px;
  margin-bottom: 25px;
}

#about .header {
  background: url("../images/about-header.jpg") center center no-repeat;
  height: 500px;
  background-size: cover;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #about .header {
    height: auto;
    padding-top: 45%;
  }
}

#about .content {
  text-align: center;
  margin: 0 auto;
  padding: 130px 10px;
  width: 75%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #about .content {
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

#about h1 {
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 1em;
}

#about p {
  font-size: 18px;
  line-height: 1.6em;
  margin-bottom: 1.6em;
}

#about p:last-child {
  margin: 0;
}

#about em {
  font-style: italic;
}

#about a {
  color: #111;
}

#about .images {
  display: table;
  overflow: hidden;
  padding: 100px 0 130px 0;
  width: 100%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #about .images {
    display: block;
    padding: 0 0 30px 0;
  }
}

#about .images li {
  display: table-cell;
  padding: 30px;
  text-align: center;
  vertical-align: middle;
  width: 50%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #about .images li {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }
}

#about .images img {
  display: inline-block;
  max-width: 100%;
}

.account-login {
  color: #666;
  font-size: 13px;
  padding-bottom: 60px;
  overflow: hidden;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .account-login {
    width: 100%;
  }
}

.account-login a {
  color: #666;
  text-decoration: none;
}

.account-login a:hover {
  text-decoration: underline;
}

.account-login p {
  line-height: 1.4em;
  margin-bottom: 20px;
  width: 400px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .account-login p {
    width: 100%;
  }
}

.account-login p.required {
  display: none;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .account-login form {
    margin: 0 10px;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .account-login .new-users {
    margin-top: 40px;
  }
}

.account-login .new-users p {
  margin: 0;
}

.account-login .form-list {
  width: 340px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .account-login .form-list {
    width: 100%;
  }
}

.account-login .form-list li em {
  display: none;
}

.account-login .form-list input[type=text],
.account-login .form-list input[type=tel],
.account-login .form-list input[type=email],
.account-login .form-list input[type=password] {
  width: 330px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .account-login .form-list input[type=text],
  .account-login .form-list input[type=tel],
  .account-login .form-list input[type=email],
  .account-login .form-list input[type=password] {
    width: 100%;
    box-sizing: border-box;
  }
}

.account-login .note {
  float: right;
  line-height: 46px;
  padding-top: 20px;
}

.account-login .buttons-set {
  padding-top: 20px;
}

.account-create {
  color: #666;
  font-size: 13px;
  margin: 0 auto;
  padding-bottom: 60px;
  overflow: hidden;
  width: 1200px;
}

@media all and (min-width: 1480px) {
  .account-create {
    width: 1440px;
  }
}

@media all and (max-width: 1240px) {
  .account-create {
    width: 960px;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .account-create {
    width: 100%;
  }
}

.account-create a {
  color: #666;
  text-decoration: none;
}

.account-create a:hover {
  text-decoration: underline;
}

.account-create form {
  margin: 0 10px;
}

.account-create .fieldset {
  width: 100%;
}

.account-create .divider {
  height: 20px;
}

.account-create .form-list input[type=text],
.account-create .form-list input[type=tel],
.account-create .form-list input[type=email],
.account-create .form-list input[type=password] {
  width: 330px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .account-create .form-list input[type=text],
  .account-create .form-list input[type=tel],
  .account-create .form-list input[type=email],
  .account-create .form-list input[type=password] {
    width: 100%;
    box-sizing: border-box;
  }
}

.account-create .buttons-set {
  margin-top: 20px;
}

.account-create p.required {
  clear: both;
  margin-top: 20px;
}

.customer-account-logoutsuccess .main {
  margin: 0 auto;
  width: 1200px;
}

@media all and (min-width: 1480px) {
  .customer-account-logoutsuccess .main {
    width: 1440px;
  }
}

@media all and (max-width: 1240px) {
  .customer-account-logoutsuccess .main {
    width: 960px;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .customer-account-logoutsuccess .main {
    width: 100%;
  }
}

.customer-account-logoutsuccess .main p {
  padding: 0 10px 60px 10px;
}

.customer-account-forgotpassword .main {
  margin: 0 auto;
  width: 1200px;
}

@media all and (min-width: 1480px) {
  .customer-account-forgotpassword .main {
    width: 1440px;
  }
}

@media all and (max-width: 1240px) {
  .customer-account-forgotpassword .main {
    width: 960px;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .customer-account-forgotpassword .main {
    width: 100%;
  }
}

.customer-account-forgotpassword .main form {
  margin: 0 10px 60px 10px;
}

.customer-account-forgotpassword .main .fieldset {
  width: 100%;
}

.customer-account-forgotpassword .main .fieldset p {
  margin-bottom: 20px;
}

.customer-account-forgotpassword .main .form-list input[type=text],
.customer-account-forgotpassword .main .form-list input[type=tel],
.customer-account-forgotpassword .main .form-list input[type=email],
.customer-account-forgotpassword .main .form-list input[type=password] {
  width: 330px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .customer-account-forgotpassword .main .form-list input[type=text],
  .customer-account-forgotpassword .main .form-list input[type=tel],
  .customer-account-forgotpassword .main .form-list input[type=email],
  .customer-account-forgotpassword .main .form-list input[type=password] {
    width: 100%;
    box-sizing: border-box;
  }
}

.customer-account-forgotpassword .main .buttons-set {
  margin-top: 20px;
}

.customer-account-forgotpassword .main p.required {
  clear: both;
  margin-top: 20px;
}

.customer-account-resetpassword .main,
.customer-account-changeforgotten .main {
  margin: 0 auto;
  width: 1200px;
}

@media all and (min-width: 1480px) {
  .customer-account-resetpassword .main,
  .customer-account-changeforgotten .main {
    width: 1440px;
  }
}

@media all and (max-width: 1240px) {
  .customer-account-resetpassword .main,
  .customer-account-changeforgotten .main {
    width: 960px;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .customer-account-resetpassword .main,
  .customer-account-changeforgotten .main {
    width: 100%;
  }
}

.customer-account-resetpassword .main form,
.customer-account-changeforgotten .main form {
  margin: 0 10px 60px 10px;
}

.customer-account-resetpassword .main .fieldset,
.customer-account-changeforgotten .main .fieldset {
  margin-top: 0 !important;
  width: 100%;
}

.customer-account-resetpassword .main .fieldset p,
.customer-account-changeforgotten .main .fieldset p {
  margin-bottom: 20px;
}

.customer-account-resetpassword .main .form-list input[type=text],
.customer-account-resetpassword .main .form-list input[type=tel],
.customer-account-resetpassword .main .form-list input[type=email],
.customer-account-resetpassword .main .form-list input[type=password],
.customer-account-changeforgotten .main .form-list input[type=text],
.customer-account-changeforgotten .main .form-list input[type=tel],
.customer-account-changeforgotten .main .form-list input[type=email],
.customer-account-changeforgotten .main .form-list input[type=password] {
  width: 330px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .customer-account-resetpassword .main .form-list input[type=text],
  .customer-account-resetpassword .main .form-list input[type=tel],
  .customer-account-resetpassword .main .form-list input[type=email],
  .customer-account-resetpassword .main .form-list input[type=password],
  .customer-account-changeforgotten .main .form-list input[type=text],
  .customer-account-changeforgotten .main .form-list input[type=tel],
  .customer-account-changeforgotten .main .form-list input[type=email],
  .customer-account-changeforgotten .main .form-list input[type=password] {
    width: 100%;
    box-sizing: border-box;
  }
}

.customer-account-resetpassword .main .buttons-set,
.customer-account-changeforgotten .main .buttons-set {
  margin-top: 20px;
}

.customer-account-resetpassword .main p.required,
.customer-account-changeforgotten .main p.required {
  clear: both;
  margin-top: 20px;
}

.customer-account-index .dashboard .welcome-msg h2 {
  color: #666;
  font-size: 18px;
  margin-top: 0;
}

.customer-account-index .dashboard .welcome-msg p {
  line-height: 1.4em;
}

.customer-account-index .col2-set .col-1,
.customer-account-index .col2-set .col-2 {
  margin: 0;
  width: 50%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .customer-account-index .col2-set .col-1,
  .customer-account-index .col2-set .col-2 {
    width: 100%;
  }
}

.my-account {
  font-size: 13px;
}

.my-account a {
  color: #111;
}

.my-account c {
  margin: 0 0 30px 0;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .my-account .buttons-set {
    margin-top: 30px;
  }
}

.customer-account-edit .form-list input[type=text],
.customer-account-edit .form-list input[type=tel],
.customer-account-edit .form-list input[type=email],
.customer-account-edit .form-list input[type=password] {
  width: 330px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .customer-account-edit .form-list input[type=text],
  .customer-account-edit .form-list input[type=tel],
  .customer-account-edit .form-list input[type=email],
  .customer-account-edit .form-list input[type=password] {
    width: 100%;
    box-sizing: border-box;
  }
}

.customer-account-edit .buttons-set {
  margin-top: 20px;
}

.customer-account-edit p.required {
  clear: both;
  margin-top: 20px;
}

.customer-address-index .page-title {
  position: relative;
}

.customer-address-index .page-title button {
  background: #111;
  border: 0;
  color: #fff;
  display: block;
  float: left;
  line-height: 1em;
  margin-right: 1px;
  padding: 4px 24px;
  position: absolute;
  right: 0;
  text-decoration: none;
  top: -4px;
}

.customer-address-index h2.sub-title {
  margin-top: 0;
}

.customer-address-index .col2-set .col-1,
.customer-address-index .col2-set .col-2 {
  margin: 0;
  width: 50%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .customer-address-index .col2-set .col-1,
  .customer-address-index .col2-set .col-2 {
    width: 100%;
  }
}

.customer-address-index .info-box {
  margin-bottom: 30px;
}

.customer-address-index address {
  line-height: 1.4em;
}

.customer-address-index .item .actions {
  padding-top: 1em;
}

.customer-address-form .form-list input[type=text],
.customer-address-form .form-list input[type=tel],
.customer-address-form .form-list input[type=email],
.customer-address-form .form-list input[type=password] {
  width: 330px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .customer-address-form .form-list input[type=text],
  .customer-address-form .form-list input[type=tel],
  .customer-address-form .form-list input[type=email],
  .customer-address-form .form-list input[type=password] {
    width: 100%;
    box-sizing: border-box;
  }
}

.customer-address-form .buttons-set {
  margin-top: 20px;
}

.customer-address-form p.required {
  clear: both;
  margin-top: 20px;
}

#my-orders-table {
  margin-bottom: 20px;
}

#my-orders-table tr th:nth-child(3),
#my-orders-table tr td:nth-child(3) {
  text-align: left;
}

.order-page .col2-set .col-1,
.order-page .col2-set .col-2 {
  margin: 0;
  width: 50%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .order-page .col2-set .col-1,
  .order-page .col2-set .col-2 {
    width: 100%;
  }
}

.order-page .info-box {
  margin-bottom: 30px;
}

.order-page .title-buttons {
  position: relative;
}

.order-page .title-buttons a,
.order-page .title-buttons .separator {
  display: none;
}

.order-info {
  margin-bottom: 30px;
}

.order-info dt {
  color: #111;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 10px;
}

.order-info dd ul {
  overflow: hidden;
}

.order-info dd ul li {
  color: #666;
  float: left;
  font-weight: bold;
  padding-right: 10px;
}

.order-info dd ul li a {
  color: #666;
  display: block;
}

.order-date {
  margin-bottom: 20px;
}

.sales-order-view h2.table-caption {
  margin-top: 0;
}

.order-links a {
  color: #111;
}

.order-items p.a-right {
  display: none;
}

.order-items .data-table {
  margin-bottom: 30px;
}

.order-items .data-table th,
.order-items .data-table .a-center,
.order-items .data-table td {
  text-align: left;
  line-height: 1.4em;
}

.order-items .data-table .nobr {
  white-space: nowrap;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .order-items .data-table .nobr {
    white-space: normal;
  }
}

.order-items tfoot .a-right {
  padding: 5px 15px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .order-items tfoot .a-right {
    padding: 5px 0;
  }
}

.order-items .item-options dt {
  margin-top: 6px;
}

.order-additional {
  line-height: 1.4em;
  margin-bottom: 20px;
}

.billing-agreements .info-box {
  margin: 30px 0;
}

.recurring-profiles div {
  margin: 0 0 30px 0;
}

.newsletter-manage-index .buttons-set {
  margin-top: 30px;
}

#customerbalance-history th,
#customerbalance-history td {
  text-align: left;
}

#gc-please-wait {
  display: block;
  margin-bottom: 20px;
  overflow: hidden;
}

#gc-please-wait img {
  padding-right: 6px;
}

#gc-please-wait * {
  vertical-align: middle;
}

#giftcard_balance_lookup .gift-card-info,
#giftcard_balance_lookup .error-msg {
  line-height: 1.4em;
  margin-bottom: 20px;
}

#giftcard-form #giftcard_code {
  background: #e5e5e5;
  border: 0;
  color: #111;
  padding: 5px;
  width: 330px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #giftcard-form #giftcard_code {
    width: 100%;
    box-sizing: border-box;
  }
}

#giftcard-form .buttons-set {
  margin-top: 30px;
}

#giftcard-form .buttons-set button {
  margin-right: 1px;
}

#invitations-list-table {
  margin-bottom: 30px;
}

#invitations-list-table th,
#invitations-list-table td {
  text-align: left;
}

#invitationForm .form-list input[type=text],
#invitationForm .form-list input[type=tel],
#invitationForm .form-list input[type=email],
#invitationForm .form-list input[type=password],
#invitationForm .form-list textarea {
  width: 330px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #invitationForm .form-list input[type=text],
  #invitationForm .form-list input[type=tel],
  #invitationForm .form-list input[type=email],
  #invitationForm .form-list input[type=password],
  #invitationForm .form-list textarea {
    width: 100%;
    box-sizing: border-box;
  }
}

#invitationForm .buttons-set {
  margin-top: 20px;
}

#invitationForm p.required {
  clear: both;
  margin-top: 20px;
}

.page-popup .page-title {
  overflow: hidden;
  position: relative;
}

.page-popup .page-title button {
  background: #111;
  border: 0;
  color: #fff;
  display: block;
  float: left;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1em;
  margin-right: 1px;
  padding: 4px 24px;
  position: absolute;
  right: 10px;
  text-decoration: none;
  top: 36px;
}

.page-popup .sub-title {
  margin: 0 10px;
}

.page-popup .table-wrapper {
  margin: 0 10px;
}

.tracking-table-popup th,
.tracking-table-popup td {
  text-align: left;
}

.tracking-table-popup .label {
  border: 0;
}

.page-popup .buttons-set {
  margin-top: 30px;
}

.page-print {
  line-height: 1.4em;
  margin: 20px;
}

.page-print * {
  font-size: 12px;
}

.page-print .print-head {
  margin-bottom: 10px;
}

.page-print h1 {
  margin-bottom: 2px;
}

.page-print h2 {
  margin-bottom: 10px;
}

.page-print h3 {
  margin-bottom: 10px;
}

.page-print .col2-set {
  float: left;
  margin-bottom: 20px;
  width: 100%;
}

.page-print .col2-set .col-1,
.page-print .col2-set .col-2 {
  float: left;
  margin: 0;
  width: 50%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .page-print .col2-set .col-1,
  .page-print .col2-set .col-2 {
    float: none;
    box-sizing: border-box;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .page-print .col2-set .col-2 {
    margin-top: 20px;
  }
}

.page-print .data-table {
  margin-bottom: 20px;
  width: 100%;
}

.page-print .data-table a {
  color: #000;
}

.page-print .data-table th,
.page-print .data-table .a-center,
.page-print .data-table td {
  line-height: 1.4em;
  text-align: left;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .page-print .data-table th,
  .page-print .data-table .a-center,
  .page-print .data-table td {
    padding: 4px 0;
  }
}

.page-print .data-table td {
  padding: 5px 15px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .page-print .data-table td {
    padding: 5px 0;
  }
}

.page-print .data-table .nobr {
  white-space: nowrap;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .page-print .data-table .nobr {
    white-space: normal;
  }
}

/* CIM */
.authnetcim-manage-index {
  /*.messages {
		background: #fff;
		margin: 0;
		padding: 30px 0;
		.success-msg,
		.error-msg {
			margin: 0 auto;
			width: 1200px;
			@include breakpoint(grid-1440) {
				width: 1440px;
			}
			@include breakpoint(grid-960) {
				width: 960px;
			}
			@include breakpoint(grid-mobile) {
				min-width: 320px;
				width: 100%;
			}
			li {
				margin: 0 10px;
			}
		}
	}*/
}

.authnetcim-manage-index .col2-set .col-1,
.authnetcim-manage-index .col2-set .col-2 {
  font-size: 14px;
  margin: 0;
  width: 50%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .authnetcim-manage-index .col2-set .col-1,
  .authnetcim-manage-index .col2-set .col-2 {
    width: 100%;
  }
}

.authnetcim-manage-index .col2-set h2 {
  color: #111;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 30px;
}

.authnetcim-manage-index .col2-set h3 {
  color: #666;
  font-weight: bold;
  font-size: 14px;
}

.authnetcim-manage-index .col2-set h4 {
  color: #666;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 20px;
}

.authnetcim-manage-index .col2-set ol .item {
  margin-bottom: 30px;
}

.authnetcim-manage-index .col2-set ol address {
  margin-top: 20px;
}

.authnetcim-manage-index .col2-set .form-list {
  overflow: hidden;
  width: 100% !important;
}

.authnetcim-manage-index .col2-set .form-list li {
  float: left;
  display: block;
  width: 100%;
}

.authnetcim-manage-index .col2-set .form-list input[type=text],
.authnetcim-manage-index .col2-set .form-list input[type=password] {
  width: 330px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .authnetcim-manage-index .col2-set .form-list input[type=text],
  .authnetcim-manage-index .col2-set .form-list input[type=password] {
    width: 100%;
    box-sizing: border-box;
  }
}

.authnetcim-manage-index .col2-set .form-list label {
  display: inline-block;
}

.authnetcim-manage-index .col2-set select {
  margin: 0;
  width: 340px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .authnetcim-manage-index .col2-set select {
    width: 100%;
    box-sizing: border-box;
  }
}

.authnetcim-manage-index .col2-set .buttons-set {
  padding-top: 20px;
}

.authnetcim-manage-index .col2-set button {
  background: #111;
  border: 0;
  color: #fff;
  display: block;
  float: left;
  font-weight: bold;
  line-height: 1em;
  margin: 0;
  padding: 14px 24px;
  text-decoration: none;
}

.authnetcim-manage-index .col2-set abbr {
  background: #fcc;
  border: 0;
  color: #111;
  display: block;
  float: left;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1em;
  margin: 0;
  padding: 7px 12px;
  text-decoration: none;
}

.authnetcim-manage-index .col2-set .buttons-set-card {
  overflow: hidden;
  padding-top: 6px;
}

.authnetcim-manage-index .col2-set .buttons-set-card button {
  background: #e5e5e5;
  color: #666;
  font-size: 14px;
  margin-right: 1px;
  padding: 7px 12px;
}

.authnetcim-manage-index .col2-set a.back-link {
  background: #e5e5e5;
  border: 0;
  color: #666;
  display: block;
  float: left;
  font-weight: bold;
  line-height: 1em;
  margin-left: 1px;
  padding: 14px 24px;
  text-decoration: none;
}

#authnetcim_cc_type_exp_div .v-fix {
  margin-bottom: 10px;
}

#affiliates .content {
  text-align: center;
  margin: 0 auto;
  padding: 130px 10px;
  width: 75%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #affiliates .content {
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

#affiliates h1 {
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 1em;
}

#affiliates p {
  font-size: 18px;
  line-height: 1.6em;
  margin-bottom: 1.6em;
}

#affiliates p:last-child {
  margin: 0;
}

#affiliates .images {
  display: table;
  overflow: hidden;
  padding: 100px 0 130px 0;
  width: 100%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #affiliates .images {
    display: block;
    padding: 0 0 30px 0;
  }
}

#affiliates .images li {
  display: table-cell;
  padding: 10px;
  text-align: center;
  vertical-align: middle;
  width: 50%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #affiliates .images li {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }
}

#affiliates .images img {
  display: inline-block;
  max-width: 100%;
}

#affiliates ol {
  padding-bottom: 30px;
  text-align: center;
}

#affiliates ol li {
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 1em;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #affiliates ol li {
    font-size: 24px;
  }
}

#affiliates .buttons li {
  display: inline-block;
  margin: 0 5%;
  text-align: center;
  width: 30%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #affiliates .buttons li {
    display: block;
    margin: 0 0 30px 0;
    width: 100%;
  }
  #affiliates .buttons li:last-child {
    margin-bottom: 0;
  }
}

#affiliates .buttons h4 {
  font-size: 18px;
  margin-bottom: 28px;
}

#affiliates .button {
  box-sizing: border-box;
  font-size: 18px;
  padding: 1em 0;
  white-space: nowrap;
  width: 100%;
}

#cart {
  margin: 0;
  overflow: hidden;
  padding: 0 0 20px 0;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #cart {
    padding-bottom: 10px;
  }
}

#cart a {
  text-decoration: none;
}

#cart a:hover {
  text-decoration: underline;
}

#cart .cart-header {
  margin: 30px 10px 55px 10px;
  overflow: hidden;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #cart .cart-header {
    margin: 25px 20px 15px 20px;
  }
}

#cart .cart-header h1 {
  color: #111;
  float: left;
  font-size: 24px;
  font-weight: bold;
  line-height: 46px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #cart .cart-header h1 {
    float: none;
    font-size: 20px;
    line-height: 1em;
    margin-bottom: 25px;
  }
}

#cart .cart-header .checkout-types {
  margin: 0;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #cart .cart-header .checkout-types {
    float: none;
    margin: 10px 0 0 0;
  }
  #cart .cart-header .checkout-types .paypal-or {
    display: none;
  }
}

#cart .cart-header .checkout-types button {
  font-size: 18px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #cart .cart-header .checkout-types button {
    float: none;
    padding: 14px 10px;
    text-align: left;
    text-align: center;
    width: 100%;
  }
}

#cart h1.no-items {
  color: #111;
  font-size: 26px;
  font-weight: bold;
  line-height: 46px;
  margin: 60px 10px 20px 10px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #cart h1.no-items {
    font-size: 20px;
    margin: 20px;
  }
}

#cart .messages {
  color: #111;
  font-size: 18px;
  font-weight: bold;
  margin: 0 10px 10px 10px;
  padding: 0 0 30px 0;
}

#cart .messages .success-msg {
  color: #2ae98f;
  font-size: 18px;
  font-weight: bold;
  line-height: 1em;
}

#cart .messages .error-msg {
  color: #ff3000;
  font-size: 18px;
  font-weight: bold;
  line-height: 1em;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #cart .messages {
    margin: 0 20px 10px 20px;
  }
}

#cart form {
  margin: 0 10px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #cart form {
    margin: 0 20px;
  }
}

#cart .data-table {
  font-size: 14px;
  line-height: 1.3em;
}

#cart .data-table dl {
  font-size: 14px;
  line-height: 1.3em;
}

#cart .data-table tr {
  position: relative;
}

#cart .data-table th {
  color: #111;
  font-weight: bold;
  padding: 15px;
}

#cart .data-table td {
  vertical-align: middle;
}

#cart .data-table tbody td {
  padding: 15px;
}

#cart .data-table th, #cart .data-table td {
  text-align: left;
}

#cart .data-table .image {
  padding-left: 0;
  padding-right: 0;
  text-align: left;
  width: 100px;
}

#cart .data-table .image img {
  display: block;
}

#cart .data-table .product-name {
  text-align: left;
  vertical-align: top;
}

#cart .data-table .product-name h2 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}

#cart .data-table .product-name h2 a {
  color: #111;
}

#cart .data-table .product-name .item-options {
  color: #111;
  font-size: 14px;
  line-height: 1.4em;
}

#cart .data-table .product-name .item-msg {
  color: #ff3000;
  font-size: 12px;
  margin-top: 8px;
  width: 65%;
}

#cart .data-table .product-name .edit {
  font-size: 12px;
  margin-top: 8px;
}

#cart .data-table .subtotal {
  padding-right: 0;
  text-align: right;
}

#cart .data-table input.qty {
  border: 1px solid #6c6c6c;
  font-size: 14px;
  padding: 10px 5px;
  text-align: center;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #cart .data-table input.qty {
    padding: 0;
  }
}

#cart .data-table tfoot td {
  border: 0;
  overflow: hidden;
  padding: 10px 0;
}

#cart .data-table tfoot tr {
  border-bottom: 0;
}

#cart .data-table tr {
  background: transparent;
  border-bottom: 1px solid #efefef;
}

#cart .data-table thead {
  border-top: 1px solid #efefef;
}

#cart .data-table .mobile-label {
  display: none;
}

#cart .data-table .mobile-remove {
  display: none;
  position: absolute;
  right: 0;
  top: 20px;
}

#cart .data-table .mobile-remove a {
  background: #111;
  border-radius: 50%;
  color: #fff;
  display: block;
  height: 27px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  text-decoration: none;
  width: 27px;
}

#cart .data-table .mobile-remove a img {
  display: block;
  height: 9px;
  margin: 9px;
  width: 9px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #cart .data-table {
    border-collapse: collapse;
    line-height: 1.2em;
  }
  #cart .data-table tfoot td {
    padding: 0 20px;
  }
  #cart .data-table thead, #cart .data-table tfoot {
    display: none;
  }
  #cart .data-table tbody tr {
    display: block;
    float: left;
    overflow: hidden;
    padding: 20px 0;
    width: 100%;
  }
  #cart .data-table tbody td {
    display: block;
    overflow: hidden;
    padding: 0 0 2px 0;
    text-align: left;
    width: auto;
  }
  #cart .data-table .item-options.specs {
    margin-bottom: 20px;
  }
  #cart .data-table .cart-price,
  #cart .data-table .cart-quantity {
    display: block;
    font-weight: bold;
    margin: 5px 0;
  }
  #cart .data-table .cart-price:after,
  #cart .data-table .cart-quantity:after {
    clear: both;
    content: '';
    display: block;
    height: 0;
    visibility: hidden;
  }
  #cart .data-table .cart-price .price,
  #cart .data-table .cart-price .quantity,
  #cart .data-table .cart-quantity .price,
  #cart .data-table .cart-quantity .quantity {
    float: right;
    font-weight: normal;
  }
  #cart .data-table .cart-price {
    line-height: 28px;
  }
  #cart .data-table .cart-quantity {
    margin-bottom: 0;
  }
  #cart .data-table .cart-quantity .quantity {
    padding: 0;
  }
  #cart .data-table .cart-quantity .quantity.enabled {
    margin-top: -5px;
  }
  #cart .data-table .subtotal {
    text-align: left;
  }
  #cart .data-table .image {
    float: left;
    margin-right: 20px;
    min-height: 180px;
    width: auto;
  }
  #cart .data-table .product-name .item-msg {
    padding-bottom: 6px;
    width: 100%;
  }
  #cart .data-table h2.product-name {
    padding-right: 36px;
  }
  #cart .data-table .btn-remove,
  #cart .data-table .edit,
  #cart .data-table input[type=checkbox] {
    display: none;
  }
  #cart .data-table .cart-remove-item {
    display: none;
  }
  #cart .data-table .quantity {
    padding: 5px 0;
  }
  #cart .data-table .link-remove {
    color: #000;
    display: block;
    padding-top: 6px;
    text-decoration: underline;
  }
  #cart .data-table .mobile-label {
    display: inline;
  }
  #cart .data-table .mobile-remove {
    display: block;
  }
}

#cart .btn-update {
  background: transparent;
  border: 0;
  color: #111;
  font-size: 14px;
  font-weight: normal;
  float: right;
  margin: 15px 0;
  padding: 0;
  text-decoration: underline;
}

#cart .totals {
  margin: 0 10px;
  overflow: hidden;
  padding: 0 0 30px 0;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #cart .totals {
    float: none;
    margin: 0 20px;
    padding: 50px 0;
    position: relative;
  }
}

#cart .totals button {
  background: #111;
  border: 0;
  color: #fff;
  display: block;
  float: right;
  font-weight: bold;
  font-size: 18px;
  line-height: 1em;
  margin: 0;
  padding: 14px 24px;
  text-decoration: none;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #cart .totals button {
    float: none;
    padding: 14px 10px;
    text-align: left;
    text-align: center;
    width: 100%;
  }
}

#cart .checkout-types {
  clear: right;
  float: right;
  margin-top: 10px;
}

#cart .checkout-types .paypal-logo a {
  border: 1px solid #2b2b2b;
  display: block;
  padding: 9px 0;
  text-align: center;
  width: 192px;
}

#cart .checkout-types .paypal-logo a img {
  display: block;
  margin: 0 auto;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #cart .checkout-types {
    float: none;
    margin-top: 0;
  }
  #cart .checkout-types .paypal-or {
    display: none;
  }
  #cart .checkout-types .paypal-logo a {
    width: auto;
  }
}

#cart .checkout-types li {
  display: inline-block;
  margin-left: 30px;
  overflow: hidden;
  vertical-align: middle;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #cart .checkout-types li {
    display: block;
    margin: 10px 0 0 0;
  }
  #cart .checkout-types li:last-child {
    margin: 0;
  }
}

#cart .continue-shopping {
  float: left;
  margin-top: 20px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #cart .continue-shopping {
    float: none;
    margin-top: 10px;
  }
}

#cart .continue-shopping button {
  background: transparent;
  border: 1px solid #2b2b2b;
  color: #2b2b2b;
  display: block;
  font-weight: bold;
  line-height: 1em;
  margin-right: 1px;
  padding: 14px 24px;
  text-decoration: none;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #cart .continue-shopping button {
    padding: 14px 10px;
    text-align: center;
    width: 100%;
  }
}

#cart .empty {
  margin: 0 10px 60px 10px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #cart .empty {
    margin: 0 20px 40px 20px;
  }
}

#cart .empty h2 {
  font-size: 24px;
  font-weight: bold;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #cart .empty h2 {
    font-size: 18px;
  }
}

#cart .empty p {
  font-size: 14px;
  margin-bottom: 10px;
}

#cart .empty p:last-child {
  margin: 0;
}

#cart .empty a {
  color: #111;
  text-decoration: underline;
}

#shopping-cart-totals-table {
  float: right;
  font-size: 14px;
  width: 490px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #shopping-cart-totals-table {
    float: none;
    margin-bottom: 50px;
    width: 100%;
  }
}

#shopping-cart-totals-table .a-right {
  text-align: right;
}

#shopping-cart-totals-table td, #shopping-cart-totals-table th {
  padding: 0 0 25px 0;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #shopping-cart-totals-table td, #shopping-cart-totals-table th {
    padding: 5px 0;
  }
}

#shopping-cart-totals-table td:first-child,
#shopping-cart-totals-table th:first-child {
  text-align: left;
}

#shopping-cart-totals-table tfoot td strong {
  font-weight: bold;
}

#shopping-cart-totals-table .btn-remove {
  display: none;
}

.quantity-stepper {
  display: inline-block;
  overflow: hidden;
}

.quantity-stepper button {
  display: none;
}

.quantity-stepper.enabled input {
  border: 0 !important;
  float: left;
  height: 30px;
  line-height: 30px;
  margin-right: 6px;
  padding: 0 !important;
  pointer-events: none;
  text-align: left !important;
  width: 30px;
}

.quantity-stepper.enabled button {
  background: #fff;
  border: 1px solid #8C8A8A;
  display: block;
  float: left;
  height: 30px;
  padding: 0;
  text-align: center;
  width: 36px;
}

.quantity-stepper.enabled button:last-child {
  border-left: 0;
}

.quantity-stepper.enabled button img {
  display: block;
  height: 13px;
  margin: 8px auto;
  opacity: 0.5;
  width: 13px;
}

@media (max-width: 400px) {
  .quantity-stepper.enabled input {
    width: 20px;
  }
  .quantity-stepper.enabled button {
    width: 30px;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #category {
    padding-top: 0;
    margin-top: 0;
  }
}

#category .container, #category .col2-left-layout, #category .account-login, #category .newsletter-banner-container {
  position: relative;
}

#category .brand {
  color: #666;
  margin: 30px auto 80px auto;
  overflow: hidden;
  text-align: center;
  width: 50%;
  padding: 0 10px;
  box-sizing: border-box;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #category .brand {
    float: none;
    height: auto;
    margin: 0;
    padding: 30px 10px;
    width: 100%;
    box-sizing: border-box;
  }
}

#category .brand h2 {
  color: #333;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 30px;
}

#category .brand p {
  color: #333;
  font-size: 15px;
  line-height: 1.6em;
}

#category .brand a {
  color: #333;
  text-decoration: underline;
}

#category article.promo {
  color: #666;
  float: left;
  font-size: 12px;
  overflow: hidden;
  width: 25%;
  padding: 0 10px;
  box-sizing: border-box;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #category article.promo {
    padding: 0;
  }
}

#category article.promo img {
  display: block;
  height: auto;
  width: 100%;
}

#category article.promo a {
  display: block;
  text-decoration: none;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #category article.promo a {
    margin: 0 10px;
  }
}

#category article.promo a:hover, #category article.promo a.active {
  text-decoration: underline;
}

#category article.product {
  padding: 0 10px;
  box-sizing: border-box;
  color: #666;
  float: left;
  font-size: 12px;
  height: auto;
  margin-bottom: 30px;
  overflow: hidden;
  position: relative;
  width: 25%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #category article.product {
    padding: 0;
  }
}

#category article.product:hover .detail .quick-view {
  display: block;
}

#category article.product.sizes .detail .brand-price {
  display: none;
}

#category article.product.sizes .detail .available-sizes {
  display: block;
}

#category article.product a:hover, #category article.product a.active {
  text-decoration: underline;
}

#category article.product .image {
  position: relative;
  overflow: hidden;
  width: 100%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #category article.product .image {
    margin: 0 10px;
    width: auto;
  }
}

#category article.product .image img {
  display: block;
  height: auto;
  width: 100%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #category article.product .image img {
    width: 100%;
  }
}

#category article.product .image .image-link {
  display: block;
}

#category article.product .image .alternate-image {
  display: none;
}

#category article.product .image .badge {
  cursor: pointer;
  display: block;
  height: 46px;
  left: 0;
  position: absolute;
  top: 0;
  width: 46px;
}

#category article.product .image .back-in-stock {
  background: url("../images/badge_backinstock.png") left bottom no-repeat;
  background-size: 46px 46px;
}

@media (-webkit-min-device-pixel-ratio: 1.3), (min-resolution: 124.8dpi), (min-resolution: 1.3dppx) {
  #category article.product .image .back-in-stock {
    background-image: url("../images/badge_backinstock@2x.png");
  }
}

#category article.product .image .exclusive {
  background: url("../images/badge_exclusive.png") left bottom no-repeat;
  background-size: 46px 46px;
}

@media (-webkit-min-device-pixel-ratio: 1.3), (min-resolution: 124.8dpi), (min-resolution: 1.3dppx) {
  #category article.product .image .exclusive {
    background-image: url("../images/badge_exclusive@2x.png");
  }
}

#category article.product .image .favorite {
  background: url("../images/badge_favorite.png") left bottom no-repeat;
  background-size: 46px 46px;
}

@media (-webkit-min-device-pixel-ratio: 1.3), (min-resolution: 124.8dpi), (min-resolution: 1.3dppx) {
  #category article.product .image .favorite {
    background-image: url("../images/badge_favorite@2x.png");
  }
}

#category article.product .image .preorder {
  background: url("../images/badge_preorder.png") left bottom no-repeat;
  background-size: 46px 46px;
}

@media (-webkit-min-device-pixel-ratio: 1.3), (min-resolution: 124.8dpi), (min-resolution: 1.3dppx) {
  #category article.product .image .preorder {
    background-image: url("../images/badge_preorder@2x.png");
  }
}

#category article.product .detail {
  position: relative;
}

#category article.product .detail .available-sizes {
  display: none;
}

#category article.product .detail .quick-view {
  background: url("../images/icon-search.svg") center center no-repeat;
  background-size: 12px;
  top: 0;
  display: none;
  height: 27px;
  position: absolute;
  right: 0;
  width: 27px;
  z-index: 1;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #category article.product .detail .quick-view {
    display: none !important;
  }
}

#category article.product h3 {
  color: #333;
  line-height: 1.2em;
  margin-top: 12px;
}

#category article.product h3 a {
  color: #333;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #category article.product h3 {
    margin-left: 10px;
    margin-right: 10px;
  }
}

#category article.product h4 {
  line-height: 1.2em;
  margin-top: 6px;
}

#category article.product h4 a {
  color: #666;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #category article.product h4 {
    margin-left: 10px;
    margin-right: 10px;
  }
}

#category article.product .colors {
  color: #2ae98f;
  white-space: nowrap;
  margin-left: 4px;
}

#category .product-placeholder {
  height: 30px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #category .product-placeholder {
    display: none;
    visibility: hidden;
  }
}

#category article.promo:nth-of-type(4n+1),
#category article.product:nth-of-type(4n+1) {
  clear: left;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #category article.promo,
  #category article.product {
    height: auto;
    margin: 10px 0 0 0;
    padding-bottom: 30px;
    width: 25%;
  }
  #category article.promo:nth-of-type(3n+1),
  #category article.product:nth-of-type(3n+1) {
    clear: none;
  }
  #category article.promo:nth-of-type(4n+1),
  #category article.product:nth-of-type(4n+1) {
    clear: left;
  }
}

@media all and (max-width: 780px) {
  #category article.promo,
  #category article.product {
    height: auto;
    margin: 10px 0 0 0;
    padding-bottom: 30px;
    width: 33.333%;
  }
  #category article.promo:nth-of-type(3n+1),
  #category article.product:nth-of-type(3n+1) {
    clear: left;
  }
  #category article.promo:nth-of-type(4n+1),
  #category article.product:nth-of-type(4n+1) {
    clear: none;
  }
}

@media all and (max-width: 580px) {
  #category article.promo,
  #category article.product {
    height: auto;
    margin: 10px 0 0 0;
    padding-bottom: 30px;
    width: 50%;
  }
  #category article.promo:nth-of-type(3n+1),
  #category article.product:nth-of-type(3n+1) {
    clear: none;
  }
  #category article.promo:nth-of-type(2n+1),
  #category article.product:nth-of-type(2n+1) {
    clear: left;
  }
}

#category .more {
  color: #666;
  cursor: pointer;
  display: block;
  float: left;
  font-size: 12px;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 25%;
  padding: 0 10px;
  box-sizing: border-box;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

@media all and (min-width: 1480px) {
  #category .more {
    height: 436px;
  }
}

@media all and (max-width: 1480px) {
  #category .more {
    height: 359px;
  }
}

@media all and (max-width: 1240px) {
  #category .more {
    height: 282px;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #category .more {
    display: none;
  }
}

#category .more:hover span {
  text-decoration: underline;
}

#category .more .vertical-center {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

#category .more span {
  color: #111;
  display: block;
  font-size: 14px;
  line-height: 1em;
  margin-bottom: 15px;
  text-align: center;
  text-decoration: none;
}

#category .more .icon-arrow {
  background: url("../images/icon_arrow_right.svg") center center no-repeat;
  display: block;
  height: 9px;
}

#category .empty {
  margin: 0 10px 60px 10px;
}

#category .empty h2 {
  color: #f2f2f2;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 144px;
  line-height: 118px;
  margin-bottom: 30px;
}

#category .empty p {
  font-size: 12px;
  margin-top: 10px;
}

#category .empty p a {
  color: #111;
  text-decoration: underline;
}

.product-list-nav {
  box-sizing: border-box;
  float: left;
  overflow: hidden;
  padding: 0 0 50px 0;
  position: relative;
  width: 20% !important;
  /*
	// Old
	position: absolute;
	padding: 0 10px;
	top: 0;
	left: 0;
	width: 195px;

	@include breakpoint(grid-mobile) {
		display: none;
	}
	*/
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .product-list-nav {
    display: block !important;
    width: 0 !important;
  }
}

.product-list-grid {
  float: left;
  margin-bottom: 20px;
  width: 80%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .product-list-grid {
    margin-bottom: 0;
    width: 100% !important;
  }
}

#category .feature_header {
  margin: 20px 10px;
  position: relative;
}

#category .feature_header a {
  display: block;
  position: absolute;
}

#category .feature_header a span {
  display: block;
  height: 80px;
  margin-top: -40px;
  position: absolute;
  width: 80px;
}

#category .feature_header a.prev {
  height: 100%;
  left: 0;
  top: 0;
  width: 33.333333%;
}

#category .feature_header a.prev span {
  background: transparent url("../images/icon-caret-left.svg") center center no-repeat;
  left: 0;
  top: 50%;
}

#category .feature_header a.next {
  height: 100%;
  right: 0;
  top: 0;
  width: 33.333333%;
}

#category .feature_header a.next span {
  background: transparent url("../images/icon-caret-right.svg") center center no-repeat;
  right: 0;
  top: 50%;
}

#category .feature_header a.disabled {
  opacity: 0.2;
}

#category .feature_header .first {
  background: #fff;
  height: 80px;
  margin-top: -40px;
  position: absolute;
  right: 0;
  top: 50%;
  width: 80px;
}

#category .feature_header .first:before {
  background: #fff;
  content: 'Next';
  display: block;
  height: 80px;
  line-height: 80px;
  left: 0;
  margin-left: -40px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 80px;
  border-radius: 40px;
}

#category .feature_header img {
  display: none;
  width: 100%;
}

@media all and (max-width: 480px) {
  #category .feature_header.gallery {
    padding-bottom: 80px;
  }
  #category .feature_header a.prev {
    bottom: 0px;
    height: 80px;
    width: 50%;
    top: auto;
  }
  #category .feature_header a.prev span {
    left: 50%;
    margin-left: -50px;
  }
  #category .feature_header a.next {
    bottom: 0px;
    height: 80px;
    margin-top: 80px;
    width: 50%;
    top: auto;
  }
  #category .feature_header a.next span {
    right: 50%;
    margin-right: -50px;
  }
  #category .feature_header .first {
    display: none !important;
  }
}

#category .feature_header_disabled a,
#category .flex a {
  position: static;
}

#category .feature_header_disabled img,
#category .flex img {
  display: block;
}

#category .feature_description {
  margin: 30px 0 40px 0;
  position: relative;
  text-align: center;
}

#category .feature_description h1 {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 1em;
}

#category .feature_description p {
  box-sizing: border-box;
  line-height: 1.4em;
  margin: 0 auto;
  padding: 0 10px;
  width: 50%;
}

@media all and (max-width: 1240px) {
  #category .feature_description p {
    width: 75%;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #category .feature_description p {
    width: 100%;
  }
}

#category.features,
#category.collections {
  display: none;
}

.category-feature {
  box-sizing: border-box;
  float: left;
  margin: 0 0 0 10px;
  overflow: hidden;
  position: absolute;
  width: 50%;
  z-index: 1;
  top: 0;
  left: 0;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .category-feature {
    float: none;
    height: auto;
    margin: 0 auto;
    padding: 30px 10px;
    position: static;
    width: 100%;
    box-sizing: border-box;
  }
}

.category-feature .images {
  display: none;
}

.back-to-top {
  bottom: 20px;
  position: fixed;
  left: 20px;
  visibility: hidden;
  opacity: 0;
  transition: opacity 400ms, visibility 400ms;
}

.back-to-top.active {
  visibility: visible;
  z-index: 1;
  opacity: 1;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .back-to-top {
    display: none;
  }
}

.back-to-top a {
  background: url("../images/icon-caret-black-up.svg") center center no-repeat;
  background-size: 22px;
  display: block;
  height: 16px;
  width: 28px;
}

.catalog-category-view footer {
  margin-top: 0;
}

.category-collection .toolbar-container,
.category-lookbook .toolbar-container {
  display: none;
}

body.filter-test.category-brands .toolbar .filter-menu-buttons,
body.filter-test[class*=categorypath-mens-brands] .toolbar .filter-menu-buttons,
body.filter-test[class*=categorypath-womens-brands] .toolbar .filter-menu-buttons,
body.filter-test[class*=categorypath-life-brands] .toolbar .filter-menu-buttons,
body.catalogsearch-result-index .toolbar .filter-menu-buttons,
#category.page-brand-category .toolbar .filter-menu-buttons {
  display: none;
}

body.filter-test.category-brands .toolbar .breadcrumbs,
body.filter-test[class*=categorypath-mens-brands] .toolbar .breadcrumbs,
body.filter-test[class*=categorypath-womens-brands] .toolbar .breadcrumbs,
body.filter-test[class*=categorypath-life-brands] .toolbar .breadcrumbs,
body.catalogsearch-result-index .toolbar .breadcrumbs,
#category.page-brand-category .toolbar .breadcrumbs {
  width: 100%;
}

body.filter-test.category-brands .product-list-nav,
body.filter-test[class*=categorypath-mens-brands] .product-list-nav,
body.filter-test[class*=categorypath-womens-brands] .product-list-nav,
body.filter-test[class*=categorypath-life-brands] .product-list-nav,
body.catalogsearch-result-index .product-list-nav,
#category.page-brand-category .product-list-nav {
  display: none !important;
}

body.filter-test.category-brands .product-list-grid,
body.filter-test[class*=categorypath-mens-brands] .product-list-grid,
body.filter-test[class*=categorypath-womens-brands] .product-list-grid,
body.filter-test[class*=categorypath-life-brands] .product-list-grid,
body.catalogsearch-result-index .product-list-grid,
#category.page-brand-category .product-list-grid {
  margin-left: 0 !important;
  width: 100% !important;
}

.category-lookbook .product-list-nav,
.category-collection .product-list-nav {
  display: none !important;
}

.category-lookbook .product-list-grid,
.category-collection .product-list-grid {
  width: 100% !important;
}

.contest-form fieldset {
  margin-bottom: 1.4em;
}

.contest-form label.name,
.contest-form label.size,
.contest-form label.color,
.contest-form label.email-address,
.contest-form label.zip-code {
  display: block;
  padding-bottom: 8px;
}

.contest-form input[type=text],
.contest-form textarea,
.contest-form select {
  box-sizing: border-box;
  border: 1px solid #666;
  outline: none;
  padding: 10px;
  width: 50%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .contest-form input[type=text],
  .contest-form textarea,
  .contest-form select {
    width: 100%;
  }
}

.contest-form button {
  background: #000;
  border: 0;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  line-height: 1em;
  padding: 12px 24px;
}

.contest-form .newsletter {
  display: inline-block;
  margin-right: 12px;
}

.contest-form .customselect {
  box-sizing: border-box;
  border: 1px solid #666;
  display: inline-block;
  font-size: 14px;
  line-height: 1em;
  padding: 10px;
  text-align: left;
  width: 50%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .contest-form .customselect {
    font-size: 14px;
    padding: 14px 12px;
    width: 100%;
  }
}

.contest-form .customselect .validation-advice {
  display: none !important;
}

.contest-form .customselect-feedback {
  display: inline;
  padding-right: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.contest-form .customselect-button {
  background: url("../images/icon-caret-down.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 10px 6px;
  height: 6px;
  position: absolute;
  width: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 12px;
}

.contest-form select {
  height: 40px;
  width: 100%;
}

.contest-form .validation-advice {
  color: #ff3000;
  font-size: 12px;
  margin: 6px 0 0 0;
  padding: 0;
  text-transform: uppercase;
}

#contest-page .content {
  box-sizing: border-box;
  font-size: 18px;
  padding: 130px 10px;
  text-align: center;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #contest-page .content {
    padding: 60px 10px;
  }
}

#contest-page strong {
  font-weight: bold;
}

#contest-page img {
  display: inline-block;
  margin: 20px 0 40px 0;
  max-width: 100%;
}

#contest-page h1 {
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 1em;
}

#contest-page p {
  line-height: 1.6em;
  margin: 0 auto 1.6em auto;
  width: 55%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #contest-page p {
    width: 100%;
  }
}

#contest-page p a,
#contest-page ul a,
#contest-page ol a {
  color: #111;
  text-decoration: underline;
}

#contest-page .description {
  width: 55%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #contest-page .description {
    width: 100%;
  }
}

#contest-page .contest-share li {
  display: inline-block;
}

#contest-page .contest-share-icon {
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  height: 20px;
  padding: 0 10px;
  width: 20px;
}

#contest-page .complete {
  padding: 1.4em 0;
}

#contest-page .complete a {
  color: #fff;
  text-decoration: none;
}

#contest-page .complete p {
  margin-bottom: 0;
}

#contest-page .complete strong {
  font-weight: bold;
}

#contest-page .contest-form {
  font-size: 18px;
  margin-bottom: 40px;
}

#contest-page .contest-form input[type=text],
#contest-page .contest-form textarea,
#contest-page .contest-form select,
#contest-page .contest-form .customselect {
  max-width: 430px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #contest-page .contest-form input[type=text],
  #contest-page .contest-form textarea,
  #contest-page .contest-form select,
  #contest-page .contest-form .customselect {
    max-width: 100%;
  }
}

#contest-page .contest-form .newsletter {
  margin-right: 18px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #contest-page .contest-form .newsletter {
    display: block;
    margin-bottom: 1em;
    margin-right: 0;
  }
}

#contest-page .contest-steps {
  list-style-type: decimal;
  margin: 0 auto;
  width: 55%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #contest-page .contest-steps {
    width: 100%;
  }
}

#contest-page .contest-steps li {
  line-height: 1.4em;
  list-style-position: inside;
  margin-bottom: 1.4em;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #contest-page .contest-steps li {
    margin: 0 10px 1.4em 10px;
  }
}

#contest-page .buttons {
  padding: 1em 0 2em 0;
}

#contest-page .buttons li {
  display: inline-block;
  margin: 0 10px;
  text-align: center;
  width: auto;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #contest-page .buttons li {
    display: block;
    margin: 0 0 30px 0;
    width: 100%;
  }
  #contest-page .buttons li:last-child {
    margin-bottom: 0;
  }
}

#contest-page .button {
  box-sizing: border-box;
  color: #fff;
  font-size: 18px;
  padding: 1em 0;
  min-width: 200px;
  text-decoration: none;
  white-space: nowrap;
  padding: 1em 2em;
}

.drawing-steps {
  list-style-type: decimal;
  margin: 0 auto;
  width: 55%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .drawing-steps {
    width: 100%;
  }
}

.drawing-steps li {
  line-height: 1.4em;
  padding-left: 1em;
  margin-bottom: 1.4em;
  text-align: left;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .drawing-steps li {
    margin-left: 1.4em;
    padding-left: 0.4em;
  }
}

.drawing-fieldset-group {
  margin: 0 auto;
  overflow: hidden;
  width: 75%;
}

@media all and (max-width: 1240px) {
  .drawing-fieldset-group {
    width: 100%;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .drawing-fieldset-group {
    overflow: auto;
    width: auto;
  }
}

.drawing-fieldset {
  float: left;
  margin-right: 3%;
  width: 30%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .drawing-fieldset {
    float: none;
    margin: 0 0 1em 0;
    width: 100%;
  }
}

.drawing-fieldset:last-child {
  margin-right: 0;
}

.drawing-fieldset label {
  display: block;
  margin-bottom: 6px;
  text-align: left;
}

.drawing-fieldset input[type=text] {
  width: 100%;
}

.drawing-fieldset select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-size: 12px;
  border-radius: 0;
  box-sizing: border-box;
  background-color: #fff;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzMuNjMycHgiIGhlaWdodD0iMjkuMTI1cHgiIHZpZXdCb3g9IjAgMCAzMy42MzIgMjkuMTI1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMy42MzIgMjkuMTI1IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIHBvaW50cz0iMTYuODE2LDI5LjEyNSA4LjQwOCwxNC41NjMgMCwwIDE2LjgxNiwwIDMzLjYzMiwwIDI1LjIyNCwxNC41NjMgIi8+DQo8L3N2Zz4NCg==");
  background-position: 97% center;
  background-position: right 16px center;
  background-repeat: no-repeat;
  border: 1px solid #111;
  cursor: pointer;
  height: 30px;
  line-height: 1em;
  padding: 0 16px;
  position: relative;
  width: 100%;
}

.drawing-fieldset select.validation-failed {
  border-color: #f00;
}

.drawing-fieldset select::-ms-expand {
  display: none;
}

#contest-page .wishlist-image-desktop {
  background-image: url("/skin/frontend/needsupply/default/images/win-your-wishlist.gif");
  background-position: top left;
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  height: 600px;
  margin: 20px 0 40px 0;
  max-width: 880px;
  width: 100%;
  visibility: visible;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #contest-page .wishlist-image-desktop {
    display: none;
    visibility: hidden;
  }
}

#contest-page .wishlist-image-mobile {
  display: none;
  visibility: hidden;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #contest-page .wishlist-image-mobile {
    background-image: url("/skin/frontend/needsupply/default/images/win-your-wishlist.jpg");
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    margin: 20px 0 40px 0;
    max-width: 880px;
    padding-top: 68%;
    width: 100%;
    visibility: visible;
  }
}

#contest {
  margin: 0 0 60px 0;
}

#contest a {
  text-decoration: none;
}

#contest a:hover {
  text-decoration: underline;
}

#contest h1 {
  border-bottom: 1px solid #ccc;
  color: #8d8d8d;
  font-size: 16px;
  font-weight: bold;
  margin: 40px 10px;
  padding: 0 0 10px 0;
  text-transform: uppercase;
}

#contest h3 {
  border-bottom: 1px solid #ccc;
  color: #111;
  font-size: 18px;
  line-height: 1em;
  margin-bottom: 24px;
  padding-bottom: 8px;
}

#contest .image {
  margin: 0 10px 40px 10px;
  overflow: hidden;
}

@media all and (max-width: 1240px) {
  #contest .image {
    margin: 0 0 40px 0;
    padding: 0 10px;
    width: 100%;
    box-sizing: border-box;
  }
}

#contest .image img {
  display: block;
  max-width: 100%;
  width: 100%;
}

#contest .row {
  float: left;
  overflow: hidden;
  position: relative;
  width: 100%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #contest .row {
    float: none;
    padding: 0 10px;
    width: auto;
  }
}

#contest .group {
  float: left;
  position: relative;
  width: 75%;
  padding: 0 10px;
  box-sizing: border-box;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #contest .group {
    float: none;
    margin: 0;
    width: auto;
  }
}

#contest .statement {
  float: left;
  width: 25%;
  padding: 0 10px;
  box-sizing: border-box;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #contest .statement {
    display: none;
  }
}

#contest .statement h2 {
  font-size: 60px;
  line-height: 1em;
  padding-right: 20px;
}

@media all and (max-width: 1240px) {
  #contest .statement h2 {
    font-size: 48px;
    line-height: 1em;
  }
}

@media all and (min-width: 1480px) {
  #contest .statement h2 {
    font-size: 72px;
    line-height: 1em;
  }
}

#contest .how {
  float: left;
  width: 100%;
}

#contest .how a {
  color: #222;
  text-decoration: underline;
}

#contest .how ol {
  font-size: 24px;
  line-height: 1.6em;
  list-style: decimal;
}

#contest .how ol li {
  margin-left: 32px;
}

#contest .how p {
  line-height: 1.4em;
  margin: 1.4em 0;
}

#contest .how p:last-child {
  margin-bottom: 0;
}

#contest .how strong {
  font-weight: bold;
}

#contest .how .note {
  font-size: 12px;
  font-style: italic;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #contest .how {
    float: none;
    width: auto;
  }
  #contest .how ol {
    font-size: 20px;
  }
  #contest .how ol li {
    word-wrap: break-word;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #contest .contest-form input[type=text] {
    width: 100%;
  }
}

#contest .share {
  overflow: hidden;
  padding-top: 30px;
  float: left;
}

#contest .share:hover {
  width: 210px;
}

#contest .share li {
  float: left;
  margin: 0 5px 0 0;
}

#contest .share a {
  color: #fff;
  text-decoration: none;
}

#contest .partner-logo {
  display: block;
  float: left;
  margin-left: 40px;
  padding-top: 30px;
}

#checkout {
  margin: 0 0 60px 0;
}

#checkout a {
  color: #111;
  text-decoration: none;
}

#checkout a:hover {
  text-decoration: underline;
}

#checkout_success {
  margin: 0 0 60px 0;
}

#checkout_success a {
  color: #111;
  text-decoration: none;
}

#checkout_success a:hover {
  text-decoration: underline;
}

#checkout_success h1 {
  border-bottom: 1px solid #ccc;
  color: #8d8d8d;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 22px;
  margin: 40px 10px;
  padding: 0 0 10px 0;
}

#checkout_success .message {
  color: #333;
  font-size: 13px;
  margin: 0 10px;
}

#checkout_success .message h2 {
  color: #2ae98f;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 72px;
  line-height: 1em;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #checkout_success .message h2 {
    font-size: 48px;
  }
}

#checkout_success .message p {
  line-height: 1.4em;
}

#checkout_success .message p.order_number {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 22px;
  margin: 20px 0;
}

#checkout_success .message p.order_number a {
  text-decoration: underline;
}

#checkout_success .next_steps {
  border-top: 1px solid #ccc;
  margin: 30px 10px 0 10px;
  padding-top: 30px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #checkout_success .next_steps button {
    display: block;
    float: none;
    width: 100%;
    box-sizing: border-box;
  }
}

#payment_form_authnetcim a {
  color: #333;
}

#payment_form_authnetcim a:hover {
  text-decoration: underline;
}

#payment_form_authnetcim .authnetcim_add_form {
  padding-top: 10px;
}

#payment_form_authnetcim .authnetcim_add_first {
  border-top: 1px solid #e5e5e5;
  padding-top: 15px;
}

#payment_form_authnetcim #authnetcim_payment_id {
  margin: 4px 0 12px 0;
}

#payment_form_authnetcim label.checkbox {
  display: inline;
}

#contact .content {
  text-align: center;
  margin: 0 auto;
  padding: 130px 10px;
  width: 75%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #contact .content {
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

#contact h1 {
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 1em;
}

#contact p {
  font-size: 18px;
  line-height: 1.6em;
  margin-bottom: 1.6em;
}

#contact p:last-child {
  margin: 0;
}

#contact em {
  font-style: italic;
}

#contact a {
  color: #111;
}

#contact .button {
  font-size: 18px;
  padding: 1em 4em;
}

#contact .button-chat {
  background: transparent;
  border: 1px dotted #111;
  color: #111;
  margin: 30px 0 60px 0;
}

#contact form {
  overflow: hidden;
  padding-top: 35px;
}

#contact input[type=text],
#contact input[type=email],
#contact textarea {
  border: 1px solid #111;
  padding: 15px;
  width: 100%;
  box-sizing: border-box;
  transition: border-color 400ms ease;
}

#contact input[type=text].error,
#contact input[type=email].error,
#contact textarea.error {
  border: 1px solid #ff3000;
}

#contact label {
  display: block;
  font-size: 18px;
  padding-bottom: 12px;
  text-align: left;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #contact label {
    text-align: center;
  }
}

#contact .name {
  float: left;
  margin-bottom: 50px;
  padding-right: 10px;
  width: 50%;
  box-sizing: border-box;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #contact .name {
    float: none;
    margin-bottom: 30px;
    padding: 0;
    width: 100%;
  }
}

#contact .email {
  float: left;
  margin-bottom: 50px;
  padding-left: 10px;
  width: 50%;
  box-sizing: border-box;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #contact .email {
    float: none;
    margin-bottom: 30px;
    padding: 0;
    width: 100%;
  }
}

#contact .message {
  margin-bottom: 50px;
}

/*
#contact {
	margin: 30px 0 60px 0;
	a {
		text-decoration: none;
		&:hover {
			text-decoration: underline;
		}
	}
	h1 {
		border-bottom: 1px solid #ccc;
		color: #8d8d8d;
		font-size: 16px;
		font-weight: bold;
		margin: 40px 10px;
		padding: 0 0 10px 0;
		text-transform: uppercase;
	}
	.image {
		margin: 0 10px 30px 10px;
		@include breakpoint(grid-mobile) {
			width: auto;
		}
		img {
			display: block;
			width: 100%;
		}
	}
	.information {
		color: #666;
		float: left;
		font-size: 13px;
		width: 25%;
		@include grid-gutter;
		@include breakpoint(grid-mobile) {
			float: none;
			margin: 40px 10px 20px 10px;
			width: auto;
		}
		h2 {
			color: #111;
			font-family: $primary-font;
			font-size: 60px;
			line-height: 54px;
			margin-bottom: 20px;
			text-transform: uppercase;
		}
		p {
			line-height: 1.4em;
			margin-bottom: 20px;
			width: 75%;
			a {
				color: #666;
			}
		}
		.social {
			overflow: hidden;
			li {
				display: block;
				float: left;
				margin-right: 10px;
			}
			a {
				opacity: 0.3;
			}
			img {
				height: 20px;
			}
		}
	}
	.form {
		float: left;
		width: 62.5%;
		@include grid-gutter;
		@include breakpoint(grid-mobile) {
			float: none;
			width: auto;
		}
		form {
			margin-bottom: 60px;
			overflow: hidden;
		}
		fieldset {
			border-bottom: 1px solid #ccc;
			margin-bottom: 10px;
			overflow: hidden;
			padding: 10px 0 2px 0;
			&.message {
				background: url('../images/contact_textarea.jpg') left top;
				border: 0;
				height: 261px;
				margin-top: 20px;
				padding: 0;
			}
		}
		input[type=text] {
			background: transparent;
			border: 0;
			color: #666;
			font-size: 14px;
			margin: 0;
			outline: none;
			width: 100%;
		}
		textarea {
			background: transparent;
			border: 0;
			color: #666;
			display: block;
			font-size: 14px;
			height: 261px;
			line-height: 29px;
			outline: none;
			overflow: auto;
			resize: none;
			width: 100%;
		}
		button {
			background: #000;
			border: 0;
			color: #fff;
			display: block;
			float: left;
			font-weight: bold;
			line-height: 1em;
			margin: 30px 0 0 0;
			padding: 1em 2em;
			text-align: center;
			//text-transform: uppercase;
		}
		.error input[type=text],
		.error textarea {
			color: $need-red;
		}
		p {
			color: #f2f2f2;
			font-family: $primary-font;
			font-size: 120px;
			line-height: 100px;
			//text-transform: uppercase;
			@include breakpoint(grid-1440) {
				font-size: 144px;
				line-height: 118px;
			}
			@include breakpoint(grid-960) {
				font-size: 96px;
				line-height: 84px;
			}
		}
	}
	.chat {
		color: #666;
		float: left;
		width: 12.5%;
		@include grid-gutter;
		@include breakpoint(grid-mobile) {
			display: none;
			float: none;
			width: auto;
		}
		.circle {
			background: #e8e8e8;
			color: #999;
			display: block;
			float: right;
			height: 120px;
			line-height: 120px;
			margin-bottom: 40px;
			text-align: center;
			text-decoration: none;
			//text-transform: uppercase;
			width: 120px;
			border-radius: 120px;
		}
		span {
			display: block;
			line-height: 1.2em;
			position: relative;
			top: 50%;
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			transform: translateY(-50%);
		}
	}
	.chat-available {
		.circle {
			background: $need-yellow;
			border: 2px solid $need-yellow;
			color: #111;
			box-sizing: border-box;
		}
	}
	.chat-leave-message {
		.circle {
			background: #fff;
			border: 2px solid #111;
			color: #111;
			box-sizing: border-box;
		}
	}
}
*/
#error {
  background-color: #f7f7f7;
  border-bottom: 1px solid #f1f1f1;
  padding: 160px 0;
  text-align: center;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #error {
    padding: 80px 10px;
  }
}

#error h2 {
  font-size: 36px;
  font-weight: bold;
  line-height: 1em;
  margin-bottom: 12px;
}

#error h3 {
  font-size: 18px;
  line-height: 1em;
  margin-bottom: 36px;
}

#error form {
  display: inline-block;
  width: 220px;
}

#error fieldset {
  border: 1px solid #555;
  display: block;
  padding: 10px 12px;
  position: relative;
}

#error fieldset:after {
  color: #111;
  content: '→';
  display: block;
  position: absolute;
  margin-top: -7px;
  top: 50%;
  right: 12px;
}

#error input[type=text] {
  background-color: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  width: 100%;
}

#error input[type=text]:focus {
  outline: none;
}

#error-product {
  display: none;
  min-height: 100px;
  margin: 40px 0;
  position: relative;
}

#error-product .container, #error-product .col2-left-layout, #error-product .account-login, #error-product .newsletter-banner-container {
  overflow: hidden;
}

@media all and (max-width: 780px) {
  #error-product article.product {
    height: auto;
    margin: 10px 0 0 0;
    padding-bottom: 30px;
    width: 25%;
  }
  #error-product article.product:nth-of-type(4n+1) {
    clear: left;
  }
  #error-product article.product:nth-of-type(3n+1) {
    clear: none;
  }
}

@media all and (max-width: 580px) {
  #error-product article.product {
    height: auto;
    margin: 10px 0 0 0;
    padding-bottom: 30px;
    width: 50%;
  }
  #error-product article.product:nth-of-type(3n+1) {
    clear: none;
  }
  #error-product article.product:nth-of-type(2n+1) {
    clear: left;
  }
}

#help .container, #help .col2-left-layout, #help .account-login, #help .newsletter-banner-container {
  padding: 60px 0;
  position: relative;
}

#help a {
  text-decoration: none;
}

#help a:hover {
  text-decoration: underline;
}

#help .sections {
  color: #666;
  float: left;
  min-height: 1px;
  position: relative;
  width: 25%;
  padding: 0 10px;
  box-sizing: border-box;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #help .sections {
    float: none;
    width: auto;
  }
}

#help .sections li {
  line-height: 1.8em;
}

#help .sections li a {
  color: #666;
  text-decoration: none;
}

#help .sections li a:hover {
  text-decoration: underline;
}

#help .content {
  color: #111;
  float: left;
  font-size: 18px;
  overflow: hidden;
  width: 75%;
  padding: 0 10px;
  box-sizing: border-box;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #help .content {
    float: none;
    margin: 40px 0;
    width: auto;
  }
}

#help .content a {
  color: #111;
  text-decoration: underline;
}

#help .content .jump {
  color: #111;
  font-size: 18px;
  margin: 40px 0 50px 0;
  position: relative;
}

#help .content .jump a {
  text-decoration: none;
}

#help .content .jump:after {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 12px solid #111;
  content: '';
  height: 0;
  position: absolute;
  right: 16px;
  top: 20px;
  width: 0;
}

#help .content .jump dt {
  border: 1px solid #111;
}

#help .content .jump dd dl {
  border: 1px solid #111;
  border-top: 0;
}

#help .content .jump dt a {
  background: #fff;
  display: block;
  padding: 16px;
}

#help .content .jump dt a:hover {
  cursor: pointer;
  text-decoration: none;
}

#help .content .jump dl {
  display: none;
}

#help .content .jump dl > dd a {
  background: #fff;
  border-bottom: 1px dotted #111;
  display: block;
  padding: 16px;
}

#help .content .jump dl > dd a:hover {
  background: #fff;
  cursor: pointer;
  text-decoration: none;
}

#help .content .jump dl dd:last-child a {
  border-bottom: 0;
}

#help .content .active dt a {
  background: #fff;
  cursor: pointer;
  text-decoration: none;
}

#help .content .active:after {
  border-bottom: 12px solid #111;
  border-top: 0;
}

#help .content .promotion {
  border: 1px dashed #e8e8e8;
  margin-bottom: 1.6em;
  padding: 20px;
}

#help .content .promotion h4 {
  font-size: 20px;
  font-weight: bold;
}

#help .content .notice {
  color: #ff3000;
}

#help .content h2 {
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 1em;
}

#help .content h3 {
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 1em;
}

#help .content h4 {
  color: #333;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 1.6em;
}

#help .content p {
  line-height: 1.6em;
  margin-bottom: 1.6em;
}

#help .content em {
  font-style: italic;
}

#help .content ul {
  line-height: 1.6em;
  list-style: disc;
  margin-bottom: 30px;
}

#help .content ul li {
  padding: 0;
  margin-left: 18px;
}

#help .content .last {
  margin: 0;
}

#help .content table {
  margin-bottom: 3em;
  width: 100%;
  font-size: 14px;
}

#help .content table td {
  padding: 10px;
}

#help .content table .odd td {
  background-color: #e5e5e5;
}

@media all and (min-width: 1480px) {
  #help .content table td {
    font-size: 16px;
    padding: 20px;
    white-space: normal;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #help .content table td {
    font-size: 12px;
    padding: 10px;
    white-space: normal;
  }
}

@media all and (max-width: 480px) {
  #help .content table td {
    font-size: 11px;
    padding: 5px 2px;
    word-break: keep-all;
    text-overflow: ellipsis;
  }
}

#help .content .images {
  display: table;
  list-style: none;
  margin-bottom: 3em;
  overflow: hidden;
  width: 100%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #help .content .images {
    display: block;
  }
}

#help .content .images li {
  display: table-cell;
  margin: 0;
  padding-right: 15px;
  vertical-align: middle;
  width: 50%;
  box-sizing: border-box;
}

#help .content .images li:nth-child(2n) {
  padding-left: 15px;
  padding-right: 0;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #help .content .images li {
    display: block;
    padding: 0;
    text-align: center;
    width: 100%;
  }
  #help .content .images li:nth-child(2n) {
    padding: 0;
  }
}

#help .content .images img {
  display: inline-block;
  width: 100%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #help .content .images img {
    margin-bottom: 15px;
    width: auto;
    max-width: 100%;
  }
}

#help .content .images .image-mens-pants {
  padding-right: 20px;
  text-align: right;
  vertical-align: top;
}

#help .content .images .image-mens-pants img {
  width: auto;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #help .content .images .image-mens-pants {
    padding: 0;
    text-align: center;
  }
}

#help .content .images .image-mens-shorts {
  padding-left: 20px;
  text-align: left;
  vertical-align: top;
}

#help .content .images .image-mens-shorts img {
  width: auto;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #help .content .images .image-mens-shorts {
    padding: 0;
    text-align: center;
  }
}

#help hr {
  background-color: #e8e8e8;
  border: 0;
  height: 1px;
  margin: 60px 0;
}

#help .information {
  color: #666;
  float: left;
  width: 12.5%;
  padding: 0 10px;
  box-sizing: border-box;
}

@media all and (max-width: 1240px) {
  #help .information {
    display: none;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #help .information {
    display: none;
    float: none;
    margin: 0;
    position: static;
    width: auto;
  }
}

#help .button-chat {
  background: transparent;
  border: 1px dotted #111;
  color: #111;
  font-size: 18px;
  margin-top: 30px;
  padding: 18px 0;
  text-align: center;
  width: 100%;
}

#help #holiday-shipping {
  margin-bottom: 8px;
}

.home .landing-strict .banner {
  border: 1px solid #111;
  box-sizing: border-box;
  font-size: 24px;
  left: auto;
  line-height: 1.4em;
  margin: 0 10px;
  opacity: 1;
  padding: 1.7em 1.2em;
  position: static;
  text-align: center;
  top: auto;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  transition: none;
  width: auto;
}

@media all and (max-width: 1240px) {
  .home .landing-strict .banner {
    font-size: 18px;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .home .landing-strict .banner {
    font-size: 16px;
  }
}

.home .landing-strict .banner a {
  color: #111;
  display: inline-block;
  padding: 0;
  text-decoration: underline;
  width: auto;
}

.home-default.landing-strict .landing-strict-grid {
  padding: 20px 0;
}

.home-mens,
.home-womens {
  display: none;
}

.home-mens .landing-strict .landing-strict-grid,
.home-womens .landing-strict .landing-strict-grid {
  padding: 20px 0 40px 0;
}

.home-mens .heading,
.home-womens .heading {
  font-size: 12px;
  display: block;
  margin-bottom: 20px;
  text-align: center;
  text-transform: uppercase;
}

.home-mens .popular-product,
.home-womens .popular-product {
  overflow: hidden;
  padding-bottom: 10px;
}

@media all and (max-width: 780px) {
  .home-mens #category article.product,
  .home-womens #category article.product {
    height: auto;
    margin: 10px 0 0 0;
    padding-bottom: 30px;
    width: 25%;
  }
  .home-mens #category article.product:nth-of-type(4n+1),
  .home-womens #category article.product:nth-of-type(4n+1) {
    clear: left;
  }
  .home-mens #category article.product:nth-of-type(3n+1),
  .home-womens #category article.product:nth-of-type(3n+1) {
    clear: none;
  }
}

@media all and (max-width: 580px) {
  .home-mens #category article.product,
  .home-womens #category article.product {
    height: auto;
    margin: 10px 0 0 0;
    padding-bottom: 30px;
    width: 50%;
  }
  .home-mens #category article.product:nth-of-type(3n+1),
  .home-womens #category article.product:nth-of-type(3n+1) {
    clear: none;
  }
  .home-mens #category article.product:nth-of-type(2n+1),
  .home-womens #category article.product:nth-of-type(2n+1) {
    clear: left;
  }
}

#home-mens-spinner,
#home-womens-spinner {
  min-height: 200px;
  position: relative;
}

.home-blog .heading {
  font-size: 12px;
  display: block;
  margin-bottom: 20px;
  text-align: center;
  text-transform: uppercase;
}

.home-blog .posts-grid {
  overflow: hidden;
}

.home-blog .posts-grid .post-grid-item {
  box-sizing: border-box;
  float: left;
  padding: 0 10px;
  width: 25%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .home-blog .posts-grid .post-grid-item {
    margin-bottom: 20px;
    width: 50%;
  }
  .home-blog .posts-grid .post-grid-item:nth-of-type(2n+1) {
    clear: left;
  }
}

@media all and (max-width: 480px) {
  .home-blog .posts-grid .post-grid-item {
    margin-bottom: 20px;
    width: 100%;
  }
}

.home-blog .post-grid-item {
  font-size: 14px;
  margin-bottom: 40px;
}

.home-blog .post-grid-item a {
  color: #111;
  display: block;
  text-decoration: none;
}

.home-blog .post-grid-item a:hover .read-more {
  text-decoration: underline;
}

.home-blog .post-grid-item img {
  display: block;
  margin-bottom: 24px;
  max-width: 100%;
  width: 100%;
}

.home-blog .post-grid-item h3 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
}

.home-blog .post-grid-item p {
  line-height: 1.4em;
  margin-bottom: 20px;
}

.home-blog .post-grid-item .read-more {
  opacity: 0.2;
}

/*
.home-categories-list {
	padding: 10px 0 0 0;
	text-align: center;
	a {
		color: #111;
		display: block;
	}
	img {
		width: 100%;
	}
	strong {
		display: block;
		padding: 25px 0 25px 0;
	}
	ul {
		list-style: none;
		overflow: hidden;
		padding: 0;
		li {
			box-sizing: border-box;
			float: left;
			padding: 10px 10px;
			width: 50%;
		}
	}
	@media all and (max-width: 480px) {
		ul {
			padding: 0 5px;
			li {
				padding: 10px 5px;
			}
		}
	}
}
*/
.home-shop-list {
  display: none;
  padding: 25px 0 50px 0;
}

.home-shop-list .heading {
  font-size: 12px;
  display: block;
  margin-bottom: 20px;
  text-align: center;
  text-transform: uppercase;
}

.home-shop-list ul {
  list-style: none;
  overflow: hidden;
  padding: 0 5px;
}

.home-shop-list ul li {
  box-sizing: border-box;
  float: left;
  padding: 10px 5px;
  width: 50%;
}

@media all and (max-width: 480px) {
  .home-shop-list ul li {
    float: none;
    width: 100%;
  }
}

.home-shop-list a {
  border: #111 1px solid;
  box-sizing: border-box;
  color: #111;
  display: block;
  max-width: 290px;
  margin: 0 auto;
  padding: 25px 10px;
  text-align: center;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .home-test .home-shop-list {
    display: block;
  }
  .home-test .home-blog {
    display: none !important;
  }
}

.hpl-home {
  padding: 10px 0;
}

.hpl-section {
  overflow: hidden;
  padding: 40px 0;
}

.hpl-section .column {
  box-sizing: border-box;
  padding: 0 10px;
  float: left;
}

.hpl-section .column-10 {
  width: 10%;
}

.hpl-section .column-20 {
  width: 20%;
}

.hpl-section .column-30 {
  width: 30%;
}

.hpl-section .column-40 {
  width: 40%;
}

.hpl-section .column-50 {
  width: 50%;
}

.hpl-section .column-60 {
  width: 60%;
}

.hpl-section .column-70 {
  width: 70%;
}

.hpl-section .column-80 {
  width: 80%;
}

.hpl-section .column-90 {
  width: 90%;
}

.hpl-section .column-100 {
  width: 100%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .hpl-section {
    padding: 30px 0;
  }
  .hpl-section .column {
    float: none;
  }
  .hpl-section .column-10,
  .hpl-section .column-20,
  .hpl-section .column-30,
  .hpl-section .column-35,
  .hpl-section .column-40,
  .hpl-section .column-50,
  .hpl-section .column-60,
  .hpl-section .column-70,
  .hpl-section .column-80,
  .hpl-section .column-90,
  .hpl-section .column-100 {
    width: 100%;
  }
}

.hpl-section .column-image {
  box-sizing: border-box;
  text-align: center;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .hpl-section .column-image {
    margin-bottom: 60px;
  }
  .hpl-section .column-image:last-child {
    margin-bottom: 0;
  }
}

.hpl-section .column-image img {
  display: inline-block;
  max-width: 100%;
}

.hpl-section .column-image a {
  color: #111;
  display: block;
  position: relative;
}

.hpl-section .column-image p {
  font-size: 20px;
  line-height: 1.4em;
  margin: 2em 0 0 0;
  padding: 0 7.5%;
  text-align: center;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .hpl-section .column-image p {
    font-size: 16px;
  }
}

.hpl-section .column-image p.large {
  font-size: 40px;
  padding: 0 7.5%;
}

.hpl-section .column-image h3 {
  color: #999;
  display: inline-block;
  font-size: 20px;
  line-height: 1.2em;
  margin-top: 2em;
  text-align: center;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .hpl-section .column-image h3 {
    font-size: 16px;
  }
}

.hpl-section .column-image h3 a {
  border-bottom: 1px solid transparent;
  color: #999;
}

.hpl-section .column-image h3 a:hover {
  border-bottom-color: #999;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .hpl-section .column-image h3 a:hover {
    border-bottom-color: transparent;
  }
}

.hpl-section .column-image h4 {
  font-size: 20px;
  line-height: 1.2em;
  margin-top: 2em;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .hpl-section .column-image h4 {
    font-size: 16px;
  }
}

.hpl-section .column-image h4:last-child {
  margin-top: 0.4em;
}

.hpl-section .column-image-left {
  text-align: left;
}

.hpl-section .column-image-left p, .hpl-section .column-image-left h3, .hpl-section .column-image-left h4 {
  text-align: left;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .hpl-section .column-image-left {
    text-align: center;
  }
  .hpl-section .column-image-left p, .hpl-section .column-image-left h3, .hpl-section .column-image-left h4 {
    text-align: center;
  }
}

.hpl-section .column-image-right {
  text-align: right;
}

.hpl-section .column-image-right p, .hpl-section .column-image-right h3, .hpl-section .column-image-right h4 {
  text-align: right;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .hpl-section .column-image-right {
    text-align: center;
  }
  .hpl-section .column-image-right p, .hpl-section .column-image-right h3, .hpl-section .column-image-right h4 {
    text-align: center;
  }
}

.hpl-section .column-text {
  font-size: 16px;
  padding: 0 7.5%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .hpl-section .column-text {
    margin-bottom: 2em;
    padding: 0 10px;
    text-align: center;
  }
  .hpl-section .column-text:last-child {
    margin-bottom: 0;
  }
}

.hpl-section .column-text h3 {
  font-size: 40px;
  line-height: 1.2em;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .hpl-section .column-text h3 {
    font-size: 28px;
  }
}

.hpl-section .column-text p {
  line-height: 1.6em;
  margin: 2em 0;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .hpl-section .column-text p {
    padding: 0 12.5%;
  }
}

@media all and (max-width: 480px) {
  .hpl-section .column-text p {
    padding: 0 7.5%;
  }
}

.hpl-section .column-text a {
  color: #999;
}

.hpl-content p,
.column-image .hpl-content p {
  color: #fff;
  display: inline;
  font-size: 48px;
  margin: 0;
  padding: 0;
  line-height: 1em;
}

.hpl-content p span,
.column-image .hpl-content p span {
  left: 60px;
  position: absolute;
  right: 60px;
}

.hpl-content p span.left-top, .hpl-content p span.left-center, .hpl-content p span.left-bottom,
.column-image .hpl-content p span.left-top,
.column-image .hpl-content p span.left-center,
.column-image .hpl-content p span.left-bottom {
  text-align: left;
}

.hpl-content p span.center-top, .hpl-content p span.center-center, .hpl-content p span.center-bottom,
.column-image .hpl-content p span.center-top,
.column-image .hpl-content p span.center-center,
.column-image .hpl-content p span.center-bottom {
  text-align: center;
}

.hpl-content p span.right-top, .hpl-content p span.right-center, .hpl-content p span.right-bottom,
.column-image .hpl-content p span.right-top,
.column-image .hpl-content p span.right-center,
.column-image .hpl-content p span.right-bottom {
  text-align: right;
}

.hpl-content p span.left-top, .hpl-content p span.right-top, .hpl-content p span.center-top,
.column-image .hpl-content p span.left-top,
.column-image .hpl-content p span.right-top,
.column-image .hpl-content p span.center-top {
  top: 60px;
}

.hpl-content p span.left-center, .hpl-content p span.right-center, .hpl-content p span.center-center,
.column-image .hpl-content p span.left-center,
.column-image .hpl-content p span.right-center,
.column-image .hpl-content p span.center-center {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.hpl-content p span.left-bottom, .hpl-content p span.right-bottom, .hpl-content p span.center-bottom,
.column-image .hpl-content p span.left-bottom,
.column-image .hpl-content p span.right-bottom,
.column-image .hpl-content p span.center-bottom {
  bottom: 60px;
}

.hpl-content p span.black-text,
.column-image .hpl-content p span.black-text {
  color: #111;
}

.hpl-content p em,
.column-image .hpl-content p em {
  border-bottom: 2px solid transparent;
  display: inline-block;
}

.hpl-content:hover em,
.column-image .hpl-content:hover em {
  border-bottom-color: rgba(255, 255, 255, 0.9);
}

.hpl-content:hover .black-text em,
.column-image .hpl-content:hover .black-text em {
  border-bottom-color: rgba(0, 0, 0, 0.9);
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .hpl-content p,
  .column-image .hpl-content p {
    font-size: 28px;
  }
  .hpl-content p span,
  .column-image .hpl-content p span {
    left: 30px;
    right: 30px;
  }
  .hpl-content p span.left-top, .hpl-content p span.right-top, .hpl-content p span.center-top,
  .column-image .hpl-content p span.left-top,
  .column-image .hpl-content p span.right-top,
  .column-image .hpl-content p span.center-top {
    top: 30px;
  }
  .hpl-content p span.left-bottom, .hpl-content p span.right-bottom, .hpl-content p span.center-bottom,
  .column-image .hpl-content p span.left-bottom,
  .column-image .hpl-content p span.right-bottom,
  .column-image .hpl-content p span.center-bottom {
    bottom: 30px;
  }
  .hpl-content:hover em,
  .column-image .hpl-content:hover em {
    border-bottom-color: transparent;
  }
}

@media all and (max-width: 480px) {
  .hpl-content p,
  .column-image .hpl-content p {
    font-size: 24px;
  }
  .hpl-content p span,
  .column-image .hpl-content p span {
    left: 20px;
    right: 20px;
  }
  .hpl-content p span.left-top, .hpl-content p span.left-center, .hpl-content p span.left-bottom,
  .column-image .hpl-content p span.left-top,
  .column-image .hpl-content p span.left-center,
  .column-image .hpl-content p span.left-bottom {
    text-align: center;
  }
  .hpl-content p span.right-top, .hpl-content p span.right-center, .hpl-content p span.right-bottom,
  .column-image .hpl-content p span.right-top,
  .column-image .hpl-content p span.right-center,
  .column-image .hpl-content p span.right-bottom {
    text-align: center;
  }
  .hpl-content p span.left-top, .hpl-content p span.right-top, .hpl-content p span.center-top,
  .column-image .hpl-content p span.left-top,
  .column-image .hpl-content p span.right-top,
  .column-image .hpl-content p span.center-top {
    top: 20px;
  }
  .hpl-content p span.left-bottom, .hpl-content p span.right-bottom, .hpl-content p span.center-bottom,
  .column-image .hpl-content p span.left-bottom,
  .column-image .hpl-content p span.right-bottom,
  .column-image .hpl-content p span.center-bottom {
    bottom: 20px;
  }
}

.hpl-heading {
  padding-bottom: 10px;
  text-align: center;
}

.hpl-heading h3 {
  font-size: 40px;
  line-height: 1.2em;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .hpl-heading h3 {
    font-size: 32px;
  }
}

.hpl-heading p {
  font-size: 20px;
  line-height: 1.4em;
  margin: 2em 25% 0 25%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .hpl-heading p {
    font-size: 16px;
    margin: 2em 12.5% 0 12.5%;
  }
}

@media all and (max-width: 480px) {
  .hpl-heading p {
    margin: 2em 7.5% 0 7.5%;
  }
}

.hpl-hero {
  margin: 0 10px;
}

.hpl-hero a {
  display: block;
  position: relative;
}

.hpl-hero img {
  display: block;
  height: auto;
  max-width: 100%;
  width: 100%;
}

.hpl-hero .hpl-content p {
  font-size: 48px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .hpl-hero .hpl-content p {
    font-size: 28px;
  }
}

@media all and (max-width: 480px) {
  .hpl-hero .hpl-content p {
    font-size: 24px;
  }
}

.hpl-hero-group img {
  display: inline-block;
  height: auto;
  max-width: 100%;
  width: auto;
}

.hpl-hero-group h3.heading {
  color: #111;
  font-size: 40px;
  margin: 0 0 1em 0;
}

.hpl-hero-footer {
  text-align: center;
}

.hpl-hero-footer p {
  font-size: 20px;
  line-height: 1.4em;
  margin: 2em 25% 0 25%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .hpl-hero-footer p {
    font-size: 16px;
    margin: 2em 12.5% 0 12.5%;
  }
}

@media all and (max-width: 480px) {
  .hpl-hero-footer p {
    margin: 2em 7.5% 0 7.5%;
  }
}

.hpl-hero-footer p a {
  color: #111;
}

.hpl-hero-footer p a:hover {
  border-bottom-color: #111;
}

.hpl-hero-footer h3 {
  color: #999;
  display: inline-block;
  font-size: 20px;
  line-height: 1.2em;
  margin-top: 2em;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .hpl-hero-footer h3 {
    font-size: 16px;
  }
}

.hpl-hero-footer a {
  color: #999;
  border-bottom: 1px solid transparent;
  display: inline-block;
}

.hpl-hero-footer a:hover {
  border-bottom-color: #999;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .hpl-hero-footer a:hover {
    border-bottom-color: transparent;
  }
}

.hpl-hero-footer-left p {
  margin: 2em 50% 0 0;
  text-align: left;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .hpl-hero-footer-left p {
    margin: 2em 0 0 0;
  }
}

.hpl-hero-footer-left h3 {
  text-align: left;
}

.hpl-banner {
  padding-bottom: 10px;
}

.hpl-banner .banner {
  border: 1px solid #111;
  box-sizing: border-box;
  font-size: 16px;
  left: auto;
  line-height: 1.4em;
  margin: 0 10px;
  opacity: 1;
  padding: 1.2em 1.2em;
  position: static;
  text-align: center;
  top: auto;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  transition: none;
  width: auto;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .hpl-banner .banner {
    font-size: 14px;
  }
}

.hpl-banner .banner strong {
  font-weight: bold;
}

.hpl-banner .banner a {
  color: #111;
  display: inline-block;
  padding: 0;
  text-decoration: underline;
  width: auto;
}

.hpl-editorial {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .hpl-editorial {
    display: block;
  }
}

.hpl-editorial .column-text a {
  color: #999;
}

.hpl-editorial .column-text a:hover {
  border-bottom: 1px solid #999;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .hpl-editorial .column-text a:hover {
    border-bottom: 0;
  }
}

.hpl-editorial-group {
  display: block;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .hpl-editorial-group {
    text-align: center;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .hpl-editorial-group .column {
    margin-bottom: 2em;
  }
  .hpl-editorial-group .column:last-child {
    margin-bottom: 0;
  }
}

.hpl-editorial-group img {
  margin-bottom: 2em;
  max-width: 100%;
}

.hpl-editorial-group h3 {
  font-size: 24px;
  line-height: 1.2em;
}

.hpl-editorial-group p {
  line-height: 1.6em;
  margin: 2em 0;
}

#jobs .content {
  text-align: center;
  margin: 0 auto;
  padding: 130px 10px;
  width: 75%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #jobs .content {
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

#jobs h1 {
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 1em;
}

#jobs h2 {
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 1em;
}

#jobs p {
  font-size: 18px;
  line-height: 1.6em;
  margin-bottom: 1.6em;
}

#jobs p:last-child {
  margin: 0;
}

#jobs .image {
  background: url("../images/jobs-image.jpg") center center no-repeat;
  height: 500px;
  background-size: cover;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #jobs .image {
    height: auto;
    padding-top: 45%;
  }
}

#jobs .current-openings {
  border-top: 1px solid #e8e8e8;
  font-size: 18px;
}

#jobs .current-openings li {
  border-bottom: 1px solid #e8e8e8;
  display: block;
  line-height: 1.6em;
  padding: 40px 0;
}

#jobs .current-openings a {
  color: #111;
  font-weight: bold;
}

#jobs .current-openings a:hover {
  text-decoration: underline;
}

#jobs .thank-you {
  background: #121212;
  color: #fff;
}

.landing-container {
  box-sizing: border-box;
  max-width: none;
  padding: 0 25px;
  width: 100%;
}

.landing-strict {
  box-sizing: border-box;
  max-width: none;
}

.landing-strict .landing-strict-grid {
  padding: 40px 0;
}

.landing-strict .landing-strict-grid div {
  margin-bottom: 20px;
}

.landing-strict .landing-strict-grid div:last-child {
  margin-bottom: 0;
}

.landing-strict img {
  display: block;
  height: auto;
  max-width: 100%;
  width: 100%;
}

.landing-strict a {
  box-sizing: border-box;
  display: block;
  position: relative;
}

.landing-strict a:hover p {
  opacity: 1;
}

.landing-strict span.static {
  box-sizing: border-box;
  display: block;
}

.landing-strict p {
  display: block;
  left: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 100%;
  opacity: 0;
  transition: opacity 200ms ease;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .landing-strict p {
    opacity: 1;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    position: static;
    top: auto;
  }
}

.landing-strict p span {
  background: #fff;
  color: #111;
  display: inline-block;
  padding: 2.5em 4em;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .landing-strict p span {
    padding: 2em;
  }
}

.landing-strict .group-1 a,
.landing-strict .group-1 span.static {
  padding: 0 10px;
  width: 100%;
}

.landing-strict .group-2 {
  overflow: hidden;
}

.landing-strict .group-2 a,
.landing-strict .group-2 span.static {
  float: left;
  padding: 0 10px;
  width: 50%;
}

@media all and (max-width: 480px) {
  .landing-strict .group-2 a,
  .landing-strict .group-2 span.static {
    width: 100%;
  }
}

.landing-strict .group-2 a:last-child,
.landing-strict .group-2 span.static:last-child {
  margin-right: 0;
}

.landing-strict .group-3 {
  overflow: hidden;
}

.landing-strict .group-3 a,
.landing-strict .group-3 span.static {
  float: left;
  padding: 0 10px;
  width: 33.33333%;
}

@media all and (max-width: 480px) {
  .landing-strict .group-3 a,
  .landing-strict .group-3 span.static {
    width: 100%;
  }
}

.landing-strict .group-3 a:last-child,
.landing-strict .group-3 span.static:last-child {
  margin-right: 0;
}

.landing-strict .group-4 {
  overflow: hidden;
}

.landing-strict .group-4 a,
.landing-strict .group-4 span.static {
  float: left;
  padding: 0 10px;
  width: 25%;
}

@media all and (max-width: 768px) {
  .landing-strict .group-4 a,
  .landing-strict .group-4 span.static {
    width: 50%;
  }
}

@media all and (max-width: 480px) {
  .landing-strict .group-4 a,
  .landing-strict .group-4 span.static {
    width: 100%;
  }
}

.landing-strict .group-4 a:last-child,
.landing-strict .group-4 span.static:last-child {
  margin-right: 0;
}

.landing-strict .shipping-promo {
  display: none;
}

.department-container {
  overflow: hidden;
  padding: 10px 0 20px 0;
}

.department-container .shipping-promo {
  display: none;
}

.department-new-row {
  clear: both;
}

.department-card {
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  padding: 10px;
}

.department-card .content {
  overflow: hidden;
}

.department-card .content .image {
  display: block;
  height: auto;
  width: 100%;
}

.department-card .content .image .image-link {
  display: block;
  height: auto;
  width: 100%;
}

.department-card .content .image img {
  display: block;
  height: auto;
  width: 100%;
}

.department-card .content .image p {
  color: #fff;
  display: inline;
  font-size: 48px;
  line-height: 1em;
}

.department-card .content .image p span {
  left: 40px;
  position: absolute;
  right: 40px;
}

.department-card .content .image p span.left-top, .department-card .content .image p span.left-center, .department-card .content .image p span.left-bottom {
  text-align: left;
}

.department-card .content .image p span.center-top, .department-card .content .image p span.center-center, .department-card .content .image p span.center-bottom {
  text-align: center;
}

.department-card .content .image p span.right-top, .department-card .content .image p span.right-center, .department-card .content .image p span.right-bottom {
  text-align: right;
}

.department-card .content .image p span.left-top, .department-card .content .image p span.right-top, .department-card .content .image p span.center-top {
  top: 40px;
}

.department-card .content .image p span.left-center, .department-card .content .image p span.right-center, .department-card .content .image p span.center-center {
  top: 47%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.department-card .content .image p span.left-bottom, .department-card .content .image p span.right-bottom, .department-card .content .image p span.center-bottom {
  bottom: 100px;
}

.department-card .content .image p span.black-text {
  color: #111;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .department-card .content .image p {
    font-size: 28px;
  }
  .department-card .content .image p span {
    left: 20px;
    right: 20px;
  }
  .department-card .content .image p span.left-top, .department-card .content .image p span.right-top, .department-card .content .image p span.center-top {
    top: 20px;
  }
  .department-card .content .image p span.left-bottom, .department-card .content .image p span.right-bottom, .department-card .content .image p span.center-bottom {
    bottom: 20px;
  }
}

.department-card .content .info {
  background: #fff;
  height: 60px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.department-card .content .info .available-sizes {
  display: none;
}

.department-card .content .info .quick-view {
  background: url("../images/icon-search.svg") center center no-repeat;
  background-size: 12px;
  top: 12px;
  display: none;
  height: 27px;
  position: absolute;
  right: 0;
  width: 27px;
  z-index: 1;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .department-card .content .info .quick-view {
    display: none !important;
  }
}

.department-card .content .info h3,
.department-card .content .info h4 {
  font-size: 12px;
  font-weight: 400;
  line-height: 1em;
  margin: 0;
  overflow: hidden;
  padding: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.department-card .content .info h3 {
  margin-top: 12px;
}

.department-card .content .info h3 a {
  color: #111;
}

.department-card .content .info h4 {
  color: #666;
  margin-top: 6px;
}

.department-card .content .info h4 a {
  color: #666;
}

.department-card .content .info h3.paragraph {
  line-height: 1.5em;
  margin-top: 10px;
  white-space: normal;
}

.department-card .content .info h3.paragraph a {
  border-bottom: #fff 1px solid;
  border-bottom: rgba(255, 255, 255, 0) 1px solid;
}

.department-card .content .info h3.paragraph a:hover {
  border-bottom: #d5d5db 1px solid;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .department-card-group-large .content .info {
    display: none;
  }
}

.department-card-group-intro .department-card .content .image-link img,
.department-card-group-large .department-card .content .image-link img,
.department-card-group-half-rectangle .department-card .content .image-link img,
.department-card-group-2-items-vertical .department-card .content .image-link img,
.department-card-group-2-items-horizontal .department-card .content .image-link img {
  display: block;
}

.department-card:hover .info .quick-view {
  display: block;
}

.department-card.sizes .info .brand-price {
  display: none;
}

.department-card.sizes .info .available-sizes {
  display: block;
}

.department-card .badge {
  cursor: pointer;
  display: block;
  height: 46px;
  left: 0;
  position: absolute;
  top: 0;
  width: 46px;
}

.department-card .back-in-stock {
  background: url("../images/badge_backinstock.png") left bottom no-repeat;
  background-size: 46px 46px;
}

@media (-webkit-min-device-pixel-ratio: 1.3), (min-resolution: 124.8dpi), (min-resolution: 1.3dppx) {
  .department-card .back-in-stock {
    background-image: url("../images/badge_backinstock@2x.png");
  }
}

.department-card .exclusive {
  background: url("../images/badge_exclusive.png") left bottom no-repeat;
  background-size: 46px 46px;
}

@media (-webkit-min-device-pixel-ratio: 1.3), (min-resolution: 124.8dpi), (min-resolution: 1.3dppx) {
  .department-card .exclusive {
    background-image: url("../images/badge_exclusive@2x.png");
  }
}

.department-card .favorite {
  background: url("../images/badge_favorite.png") left bottom no-repeat;
  background-size: 46px 46px;
}

@media (-webkit-min-device-pixel-ratio: 1.3), (min-resolution: 124.8dpi), (min-resolution: 1.3dppx) {
  .department-card .favorite {
    background-image: url("../images/badge_favorite@2x.png");
  }
}

.department-card .preorder {
  background: url("../images/badge_preorder.png") left bottom no-repeat;
  background-size: 46px 46px;
}

@media (-webkit-min-device-pixel-ratio: 1.3), (min-resolution: 124.8dpi), (min-resolution: 1.3dppx) {
  .department-card .preorder {
    background-image: url("../images/badge_preorder@2x.png");
  }
}

.department-shop-new {
  clear: both;
  padding: 40px 0;
  text-align: center;
}

.department-shop-new .button {
  background: transparent;
  border: 1px solid #111;
  color: #111;
  font-size: 18px;
  padding: 1em 3em;
  text-align: center;
}

@media only screen and (max-width: 480px) {
  .department-card-group-large .department-card .content .image-link,
  .department-card-group-half-rectangle .department-card .content .image-link {
    background-image: none !important;
  }
  .department-card .content {
    position: relative;
  }
}

@media only screen and (min-width: 480px) and (max-width: 759px) {
  .department-card {
    float: left;
    width: 50%;
  }
  .department-card .content {
    height: 60px;
    padding-bottom: 128.571429%;
    position: relative;
  }
  .department-card .content .image {
    left: 0;
    position: absolute;
    top: 0;
  }
  .department-card .content .image a {
    height: 100%;
  }
  .department-card .content .image .image-link,
  .department-card .content .image img {
    left: 0;
    position: absolute;
    top: 0;
  }
  .department-card .content .info {
    bottom: 0;
    left: 0;
    position: absolute;
  }
  .department-card-group-large .department-card,
  .department-card-group-half-rectangle .department-card {
    width: 100%;
  }
  .department-card-group-half-rectangle .department-card .content {
    height: 45px;
    padding-bottom: 64.5%;
  }
  .department-card-group-large .department-card .content .image,
  .department-card-group-half-rectangle .department-card .content .image {
    height: 100%;
  }
  .department-card-group-large .department-card .content .image-link,
  .department-card-group-half-rectangle .department-card .content .image-link {
    background-image: none !important;
    height: 100%;
    position: static;
    width: auto;
  }
  .department-card-group-large .department-card .content .image-link img,
  .department-card-group-half-rectangle .department-card .content .image-link img {
    display: block;
  }
}

@media only screen and (min-width: 760px) {
  .department-card .content {
    height: 60px;
    padding-bottom: 128.571429%;
    position: relative;
  }
  .department-card .content .image {
    left: 0;
    position: absolute;
    top: 0;
  }
  .department-card .content .info {
    bottom: 0;
    left: 0;
    position: absolute;
  }
  .department-card-group-large,
  .department-card-group-half-rectangle {
    float: left;
    width: 50%;
  }
  .department-card-group:nth-child(2n+1) {
    clear: left;
  }
  .department-card-group-right {
    float: right;
  }
  .department-card-group-2-items-vertical {
    float: left;
    width: 25%;
  }
  .department-card-group-2-items-horizontal {
    float: left;
    width: 50%;
  }
  .department-card-group-2-items-horizontal .department-card {
    float: left;
    width: 50%;
  }
  .department-card-group-large .department-card,
  .department-card-group-half-rectangle .department-card {
    width: 100%;
  }
  .department-card-group-large .department-card .content {
    height: 120px;
    padding-bottom: 127.586207%;
  }
  .department-card-group-half-rectangle .department-card .content {
    height: 45px;
    padding-bottom: 64.5%;
  }
  .department-card-group-large .department-card .content .image,
  .department-card-group-half-rectangle .department-card .content .image {
    height: 100%;
  }
  .department-card-group-large .department-card .content .image-link,
  .department-card-group-half-rectangle .department-card .content .image-link {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
    width: auto;
  }
  .department-card-group-large .department-card .content .image-link img,
  .department-card-group-half-rectangle .department-card .content .image-link img {
    display: none;
  }
  .department-card-group-block {
    float: left;
    width: 50%;
  }
  .department-card-group-block .department-card {
    float: left;
    width: 50%;
  }
  .department-card-group-row {
    float: left;
    width: 100%;
  }
  .department-card-group-row .department-card {
    float: left;
    width: 25%;
  }
}

.department-card-group-intro .department-card {
  width: 100%;
}

.department-card-group-intro .department-card .content {
  height: auto;
  padding-bottom: 0;
}

.department-card-group-intro .department-card .content .image,
.department-card-group-intro .department-card .content .image img,
.department-card-group-intro .department-card .content .image .image-link {
  position: static;
}

.landing-mens .toolbar-container,
.landing-womens .toolbar-container,
.landing-life .toolbar-container,
.landing-gifts .toolbar-container {
  display: none;
}

.landing-mens #category.page-1,
.landing-womens #category.page-1,
.landing-life #category.page-1,
.landing-gifts #category.page-1 {
  margin-top: 0;
}

.landing-mens .category-feature,
.landing-womens .category-feature,
.landing-life .category-feature,
.landing-gifts .category-feature {
  margin-bottom: 0;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .landing-mens .category-feature,
  .landing-womens .category-feature,
  .landing-life .category-feature,
  .landing-gifts .category-feature {
    border-bottom: 1px solid #f1f1f1;
    margin: 0;
  }
}

.product-list-grid .department-container {
  padding-top: 0;
  padding-bottom: 0;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .product-list-grid .department-container {
    padding: 10px 0 20px 0;
  }
}

.product-list-grid .department-card-first {
  padding-top: 0;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .product-list-grid .department-card-first {
    padding-top: 10px;
  }
}

#category.lookbook {
  display: none;
}

#lookbook {
  margin: 30px 0;
  /*
	.images {
		margin: 0 10px;
		img {
			display: block;
			height: auto;
			margin-bottom: 50px;
			width: 100%;
		}
	}
	*/
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #lookbook {
    margin: 30px 0;
  }
}

#lookbook a {
  color: #111;
  text-decoration: none;
}

#lookbook a:hover {
  text-decoration: underline;
}

#lookbook h1 {
  border-bottom: 1px solid #ccc;
  color: #8d8d8d;
  font-size: 16px;
  font-weight: bold;
  margin: 40px 10px;
  padding: 0 0 10px 0;
  text-transform: uppercase;
}

#lookbook h1 a {
  color: #8d8d8d;
  text-decoration: none;
}

#lookbook .latest {
  margin: 0 10px;
}

#lookbook .latest li {
  margin-top: 20px;
  position: relative;
}

#lookbook .latest li a {
  display: block;
}

#lookbook .latest li a:hover .overlay {
  opacity: 1;
}

#lookbook .latest li img {
  display: block;
  height: auto;
  width: 100%;
}

#lookbook .latest li .overlay {
  background: #e8e8e8;
  background: rgba(255, 255, 255, 0.7);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  opacity: 0;
  transition: opacity 0.4s;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #lookbook .latest li .overlay {
    display: none;
  }
}

#lookbook .inline-gallery {
  margin: 0 10px 20px 10px;
}

#lookbook .inline-gallery .images {
  position: relative;
}

#lookbook .inline-gallery .images a {
  display: block;
  position: absolute;
}

#lookbook .inline-gallery .images a span {
  display: block;
  height: 80px;
  margin-top: -40px;
  position: absolute;
  width: 80px;
}

#lookbook .inline-gallery .images a.prev {
  height: 100%;
  left: 0;
  top: 0;
  width: 33.333333%;
}

#lookbook .inline-gallery .images a.prev span {
  background: transparent url("../images/icon-caret-left.svg") center center no-repeat;
  left: 0;
  top: 50%;
  background-size: 14px 27px;
}

#lookbook .inline-gallery .images a.next {
  height: 100%;
  right: 0;
  top: 0;
  width: 33.333333%;
}

#lookbook .inline-gallery .images a.next span {
  background: transparent url("../images/icon-caret-right.svg") center center no-repeat;
  right: 0;
  top: 50%;
  background-size: 14px 27px;
}

#lookbook .inline-gallery .images a.disabled {
  opacity: 0.2;
}

#lookbook .inline-gallery .images .first {
  background: #fff;
  height: 80px;
  margin-top: -40px;
  position: absolute;
  right: 0;
  top: 50%;
  width: 80px;
}

#lookbook .inline-gallery .images .first:before {
  background: #fff;
  content: 'Next';
  display: block;
  height: 80px;
  line-height: 80px;
  left: 0;
  margin-left: -40px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 80px;
  border-radius: 40px;
}

#lookbook .inline-gallery img {
  display: block;
  width: 100%;
}

#lookbook .inline-gallery ul {
  display: block;
  width: 100%;
  text-align: center;
  padding-top: 20px;
}

#lookbook .inline-gallery ul li {
  display: inline-block;
  text-align: center;
}

#lookbook .inline-gallery ul li.active a {
  text-decoration: underline;
}

#lookbook .inline-gallery ul a {
  display: inline-block;
  padding: 1em 0.8em;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #lookbook .inline-gallery {
    margin-bottom: 0;
  }
  #lookbook .inline-gallery ul {
    font-size: 14px;
    padding-top: 10px;
  }
  #lookbook .inline-gallery ul a {
    padding: 1em 0.6em;
  }
}

@media all and (max-width: 480px) {
  #lookbook .inline-gallery {
    margin: 0 10px;
    padding-bottom: 60px;
  }
  #lookbook .inline-gallery .images a.prev {
    bottom: -110px;
    height: 80px;
    width: 50%;
    top: auto;
  }
  #lookbook .inline-gallery .images a.prev span {
    left: 50%;
    margin-left: -50px;
  }
  #lookbook .inline-gallery .images a.next {
    bottom: -110px;
    height: 80px;
    margin-top: 80px;
    width: 50%;
    top: auto;
  }
  #lookbook .inline-gallery .images a.next span {
    right: 50%;
    margin-right: -50px;
  }
  #lookbook .inline-gallery .images .first {
    display: none !important;
  }
  #lookbook .inline-gallery ul {
    font-size: 11px;
  }
  #lookbook .inline-gallery ul a {
    padding: 1em 0.4em;
  }
}

@media all and (max-width: 480px) {
  #lookbook {
    margin-bottom: 10px;
  }
}

#lookbook-description {
  margin: 30px 0 40px 0;
  position: relative;
  text-align: center;
}

#lookbook-description h1 {
  border: 0;
  color: #111;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 1em;
  padding: 0;
  text-transform: none;
}

#lookbook-description p {
  box-sizing: border-box;
  line-height: 1.4em;
  margin: 0 auto;
  padding: 0 10px;
  width: 50%;
}

@media all and (max-width: 1240px) {
  #lookbook-description p {
    width: 75%;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #lookbook-description p {
    width: 100%;
  }
}

#lookbook-description a {
  text-decoration: underline;
}

#lookbook-extra {
  margin: 0 0 40px 0;
  text-align: center;
}

#lookbook-extra .button {
  background: #111;
  border: 0;
  color: #fff;
  display: inline-block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  font-weight: normal;
  line-height: 1em;
  padding: 14px 0;
  text-align: center;
  text-decoration: none;
  width: 220px;
}

#category.lookbook-view {
  padding-bottom: 50px;
}

#lookbook_gallery {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #lookbook_gallery {
    display: none !important;
  }
}

#lookbook_gallery .overlay {
  background: #fff;
  background: rgba(255, 255, 255, 0.98);
  height: 100%;
  left: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: -1;
}

#lookbook_gallery .gallery {
  margin: 20px 10px 0 10px;
  position: relative;
}

#lookbook_gallery .close {
  background: url("../images/icon_quick_view_close.gif") center center no-repeat;
  display: block;
  height: 30px;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 30px;
}

#lookbook_gallery .images {
  height: 600px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}

#lookbook_gallery .images .group {
  height: 600px;
  position: absolute;
  z-index: 1;
}

#lookbook_gallery .images .group img {
  display: block;
  position: absolute;
}

#lookbook_gallery .images a {
  display: block;
  height: inherit;
  position: absolute;
  width: 30%;
}

#lookbook_gallery .images a.prev {
  left: 0;
  top: 0;
}

#lookbook_gallery .images a.prev span {
  background: transparent url("../images/icon-caret-left.svg") 30px 25px no-repeat;
  left: 10px;
  margin: -40px 0 0 0;
  top: 50%;
}

#lookbook_gallery .images a.prev:hover span {
  background-image: url("../images/icon-caret-left.svg");
}

#lookbook_gallery .images a.next {
  right: 0;
  top: 0;
}

#lookbook_gallery .images a.next span {
  background: transparent url("../images/icon-caret-right.svg") 34px 25px no-repeat;
  margin: -40px 0 0 0;
  right: 10px;
  top: 50%;
}

#lookbook_gallery .images a.next:hover span {
  background-image: url("../images/icon-caret-right.svg");
}

#lookbook_gallery .images a span {
  display: block;
  height: 80px;
  position: absolute;
  width: 80px;
}

#lookbook_gallery .images .disabled {
  opacity: 0.2;
}

#lookbook_gallery ul {
  margin: 15px 0;
  text-align: center;
}

#lookbook_gallery ul li {
  display: inline-block;
  padding: 6px;
}

#lookbook_gallery ul a {
  color: #222;
  font-weight: bold;
  font-size: 18px;
  text-decoration: none;
}

#lookbook_gallery ul a:hover,
#lookbook_gallery ul li.active a {
  text-decoration: underline;
}

#lookbook_gallery_spinner {
  height: 100px;
  left: 50%;
  margin: -50px 0 0 -50px;
  position: fixed;
  top: 50%;
  width: 100px;
}

.toolbar-lookbook {
  margin: 30px 0;
}

.toolbar-lookbook .breadcrumbs {
  color: #999;
  float: left;
}

.toolbar-lookbook .breadcrumbs li {
  display: inline-block;
}

.toolbar-lookbook .breadcrumbs a {
  color: #999;
}

.toolbar-lookbook .breadcrumbs a:hover {
  text-decoration: underline;
}

.toolbar-lookbook .breadcrumbs strong {
  font-weight: bold;
}

.category-lookbook .product-list-nav {
  display: none;
}

.category-lookbook .product-list-grid {
  margin-left: 0;
}

#meet_the_maker .header {
  background: url("../images/mtm_header.jpg") center center no-repeat;
  height: 500px;
  position: relative;
  text-align: center;
  background-size: cover;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #meet_the_maker .header {
    height: auto;
    padding-top: 45%;
  }
}

#meet_the_maker .header:after {
  background: url("../images/mtm_logo.svg") left top no-repeat;
  content: '';
  display: inline-block;
  height: 193px;
  position: relative;
  top: 50%;
  width: 232px;
  background-size: 232px 193px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media all and (max-width: 480px) {
  #meet_the_maker .header:after {
    height: 157px;
    width: 188px;
    background-size: 188px 157px;
  }
}

#meet_the_maker .content {
  text-align: center;
  margin: 0 auto;
  padding: 130px 10px;
  width: 75%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #meet_the_maker .content {
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

#meet_the_maker h1 {
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 1em;
}

#meet_the_maker p {
  font-size: 18px;
  line-height: 1.6em;
  margin-bottom: 1.6em;
}

#meet_the_maker p:last-child {
  margin: 0;
}

#meet_the_maker .videos {
  padding-top: 90px;
  overflow: hidden;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #meet_the_maker .videos {
    padding-top: 45px;
  }
}

#meet_the_maker .videos .video {
  float: left;
  font-size: 12px;
  margin-bottom: 20px;
  padding: 0 10px;
  text-align: left;
  width: 25%;
  box-sizing: border-box;
}

#meet_the_maker .videos .video:nth-child(4n+1) {
  clear: left;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #meet_the_maker .videos .video {
    padding: 0 5px;
    width: 33.3333%;
  }
  #meet_the_maker .videos .video:nth-child(4n+1) {
    clear: none;
  }
  #meet_the_maker .videos .video:nth-child(3n+1) {
    clear: left;
  }
}

@media all and (max-width: 480px) {
  #meet_the_maker .videos .video {
    width: 50%;
  }
  #meet_the_maker .videos .video:nth-child(3n+1) {
    clear: none;
  }
  #meet_the_maker .videos .video:nth-child(2n+1) {
    clear: left;
  }
}

#meet_the_maker .videos img {
  display: block;
  margin-bottom: 1em;
  max-width: 100%;
}

#meet_the_maker .videos h4 {
  margin-bottom: 6px;
}

#meet_the_maker .videos h5 {
  color: #666;
}

#meet_the_maker .event-image {
  background: url("../images/mtm_event_image.jpg") center center no-repeat;
  height: 500px;
  background-size: cover;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #meet_the_maker .event-image {
    height: auto;
    padding-top: 45%;
  }
}

#meet_the_maker .logos {
  overflow: hidden;
}

#meet_the_maker .logos li {
  float: left;
  padding: 0 10px;
  width: 25%;
  box-sizing: border-box;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #meet_the_maker .logos li {
    padding: 0 5px;
    width: 33.3333%;
  }
}

@media all and (max-width: 480px) {
  #meet_the_maker .logos li {
    width: 50%;
  }
}

#meet_the_maker .logos img {
  display: block;
  margin-bottom: 1em;
  max-width: 100%;
}

#meet_the_maker .schedule {
  background: #121212;
  color: #fff;
}

#meet_the_maker_video {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 999;
}

#meet_the_maker_video .overlay {
  background: #000;
  background: rgba(0, 0, 0, 0.85);
  height: 100%;
  left: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}

#meet_the_maker_video .video {
  left: 50%;
  margin: -280px 0 0 -410px;
  position: fixed;
  top: 50%;
  width: 820px;
  z-index: 1002;
}

#meet_the_maker_video .video .close {
  background: url("../images/icon-close-white.svg") center center no-repeat;
  background-size: 14px auto;
  display: block;
  height: 30px;
  position: absolute;
  right: -30px;
  top: -30px;
  width: 30px;
}

#meet_the_maker_video_spinner {
  height: 100px;
  left: 50%;
  margin: -50px 0 0 -50px;
  position: fixed;
  top: 50%;
  width: 100px;
  z-index: 1001;
}

.newsletter-banner {
  background: #fff;
  background: rgba(255, 255, 255, 0.97);
  bottom: 0;
  left: 0;
  position: fixed;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
  transition: -webkit-transform 1s ease;
  transition: transform 1s ease;
  transition: transform 1s ease, -webkit-transform 1s ease;
  width: 100%;
  z-index: 99999;
}

.newsletter-banner.active {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.newsletter-banner.complete .newsletter-banner-details {
  opacity: 0;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .newsletter-banner {
    display: none !important;
  }
}

.newsletter-banner-wrapper {
  position: relative;
  margin: 0 10px;
  overflow: hidden;
}

.newsletter-banner-close {
  background: url("../images/icon-close.svg") center center no-repeat;
  background-size: 10px 10px;
  display: block;
  height: 10px;
  width: 10px;
  position: absolute;
  right: 0;
  top: 15px;
  z-index: 1;
}

.newsletter-banner-image {
  float: left;
  width: 50%;
}

.newsletter-banner-image .image {
  background-image: url("../images/newsletter_banner_womens.jpg");
  background-size: cover;
  background-position: center top;
  background-repeat: none;
  display: block;
  float: left;
  height: 100%;
  width: 160px;
  position: absolute;
  top: 0;
  left: 0;
}

.newsletter-banner-mens .image {
  background-image: url("../images/newsletter_banner_mens.jpg");
}

.newsletter-banner-text {
  float: left;
  font-size: 16px;
  margin-left: 160px;
  padding: 30px;
}

@media all and (max-width: 1240px) {
  .newsletter-banner-text {
    font-size: 14px;
  }
}

.newsletter-banner-text > h1 {
  border: 0;
  color: #111;
  font-weight: bold;
  line-height: 1.4em;
  margin: 0 0 1.2em 0;
  padding: 0;
  text-transform: uppercase;
}

.newsletter-banner-text > p {
  line-height: 1.2em;
  margin-bottom: 1.2em;
  padding: 0;
}

@media all and (min-width: 1480px) {
  .newsletter-banner-text > p {
    width: 90%;
  }
}

.newsletter-banner-text a {
  color: #111;
  text-decoration: underline;
}

.newsletter-banner-text strong {
  font-weight: bold;
}

.newsletter-banner-details {
  float: left;
  width: 50%;
}

.newsletter-banner-form {
  font-size: 16px;
  overflow: hidden;
  padding: 30px;
  position: relative;
}

@media all and (max-width: 1240px) {
  .newsletter-banner-form {
    font-size: 14px;
  }
}

.newsletter-banner-form fieldset {
  float: left;
  margin-bottom: 0.5em;
  width: 50%;
}

.newsletter-banner-form fieldset.newsletter {
  clear: left;
}

.newsletter-banner-form fieldset.submit button {
  margin-left: 30px;
}

.newsletter-banner-form label {
  display: block;
  margin-bottom: 0.8em;
}

.newsletter-banner-form label.option {
  display: inline-block;
  margin: 0;
}

.newsletter-banner-form input[type=text] {
  box-sizing: border-box;
  border: 1px solid #111;
  font-size: 16px;
  outline: none;
  padding: 8px;
  width: 100%;
}

.newsletter-banner-form input[type=checkbox] {
  margin: 0;
}

.newsletter-banner-form button {
  background: #000;
  border: 0;
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  line-height: 1em;
  padding: 13px 24px;
  text-transform: uppercase;
}

.newsletter-banner-form fieldset input.validation-failed {
  border-color: #ff3000;
}

.newsletter-banner-form .validation-advice {
  font-size: 14px;
  padding-top: 6px;
}

.newsletter-banner-dark {
  background: #111;
  background: rgba(17, 17, 17, 0.97);
  color: #fff;
}

.newsletter-banner-dark .newsletter-banner-close {
  background: url("../images/icon-close-white.svg") center center no-repeat;
  background-size: 10px 10px;
}

.newsletter-banner-dark .newsletter-banner-text > h1 {
  color: #fff;
}

.newsletter-banner-dark .newsletter-banner-text a {
  color: #fff;
}

.newsletter-banner-dark .newsletter-banner-form input[type=text] {
  border: 1px solid #fff;
}

.newsletter-banner-dark .newsletter-banner-form button {
  background: #fff;
  color: #111;
}

.newsletter-banner-dark .newsletter-banner-form fieldset input.validation-failed {
  border-color: #ff3000;
}

#newsletter_page {
  margin: 0 0 60px 0;
}

#newsletter_form {
  overflow: hidden;
  padding: 130px 0;
  text-align: center;
}

#newsletter_form h1 {
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 1em;
}

#newsletter_form p {
  font-size: 18px;
  line-height: 1.6em;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 1.6em;
}

#newsletter_form p:last-child {
  margin: 0;
}

#newsletter_form form fieldset {
  box-sizing: border-box;
  overflow: hidden;
  padding: 20px 0;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #newsletter_form form fieldset {
    padding: 20px 10px;
  }
}

#newsletter_form form fieldset label {
  color: #888;
  display: block;
  font-size: 13px;
  margin-bottom: 10px;
}

#newsletter_form form fieldset label span {
  color: #ff3000;
}

#newsletter_form form fieldset label.option {
  color: #111;
  display: inline;
  font-size: 14px;
  margin: 0;
  text-transform: none;
}

#newsletter_form form fieldset input[type=text],
#newsletter_form form fieldset input[type=email],
#newsletter_form form fieldset textarea {
  border: 1px solid #111;
  padding: 15px;
  width: 100%;
  box-sizing: border-box;
  transition: border-color 400ms ease;
  max-width: 720px;
}

#newsletter_form form fieldset input[type=text].error,
#newsletter_form form fieldset input[type=email].error,
#newsletter_form form fieldset textarea.error {
  border: 1px solid #ff3000;
}

#newsletter_form form fieldset label {
  color: #111;
  display: block;
  font-size: 18px;
  padding-bottom: 12px;
  text-align: center;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #newsletter_form form fieldset label {
    text-align: center;
  }
}

#newsletter_form form fieldset input.validation-failed {
  border-color: #ff3000;
}

#newsletter_form form button {
  background: #000;
  border: 0;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  line-height: 1em;
  margin-top: 20px;
  padding: 1em 4em;
}

#newsletter_form .complete p {
  color: #333;
  font-size: 18px;
  line-height: 1.4em;
  margin-top: 12px;
}

#newsletter_grid {
  margin: 0 10px;
}

#newsletter_grid img {
  max-width: 100%;
  width: 100%;
}

@media all and (max-width: 980px) {
  body.cms-newsletter-facebook .container, body.cms-newsletter-facebook .col2-left-layout, body.cms-newsletter-facebook .account-login, body.cms-newsletter-facebook .newsletter-banner-container {
    width: 100%;
  }
}

.opc-wrapper {
  margin: 0 auto;
  width: 1200px;
}

@media all and (min-width: 1480px) {
  .opc-wrapper {
    width: 1440px;
  }
}

@media all and (max-width: 1240px) {
  .opc-wrapper {
    width: 960px;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .opc-wrapper {
    min-width: 320px;
    width: 100%;
  }
}

#checkoutSteps {
  padding: 0 10px;
  box-sizing: border-box;
  width: 75%;
  /*
	.section {
		margin-bottom: 10px;
		&:last-child {
			margin-bottom: 0;
		}
	}
	*/
  /*
	.customselect {
		background: #fff;
		border: 1px solid #111;
		font-size: 14px;
		line-height: 1em;
		padding: 16px;
		position: relative;
		width: 100%;
		box-sizing: border-box;

		.validation-advice {
			display: none !important;
		}
	}

	.customselect-input {
		height: 44px;
		width: 100%;
	}

	.customselect-feedback {
		vertical-align: middle;
	}

	.customselect-button {
		height: 100%;
		position: absolute;
		right: 15px;
		top: 0;
		width: 15px;

		&:after {
			border-left: 6px solid transparent;
			border-right: 6px solid transparent;
			border-top: 8px solid #111;
			content: '';
			height: 0;
			position: absolute;
			left: 0;
			margin-top: -4px;
			top: 50%;
			width: 0;
		}
	}

	.customselect-populated {

	}
	*/
}

@media all and (max-width: 1240px) {
  #checkoutSteps {
    width: 100%;
  }
}

#checkoutSteps .section .step-title h2 {
  opacity: 0.5;
}

#checkoutSteps .section.allow .step-title h2, #checkoutSteps .section.active .step-title h2 {
  opacity: 1;
}

#checkoutSteps .section.allow .step-title {
  cursor: pointer;
}

#checkoutSteps .section.active .step-title {
  cursor: auto;
}

#checkoutSteps .step-title {
  border-top: 1px solid #eee;
  color: #111;
  font-size: 18px;
  padding: 30px 0;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #checkoutSteps .step-title {
    margin: 0 10px;
  }
}

#checkoutSteps .step-title h2 {
  display: inline-block;
  font-size: 22px;
  font-weight: normal;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #checkoutSteps .step-title h2 {
    font-size: 18px;
  }
}

#checkoutSteps .step-title .number {
  display: none;
}

#checkoutSteps .step {
  padding: 30px 0;
  position: relative;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #checkoutSteps .step {
    margin: 0 10px;
  }
}

#checkoutSteps a {
  color: #111;
  text-decoration: underline;
}

#checkoutSteps .back-link a {
  background: transparent;
  color: #666;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
}

#col-right-opcheckout {
  padding: 0 10px;
  box-sizing: border-box;
  float: right;
  width: 22%;
}

@media all and (max-width: 1240px) {
  #col-right-opcheckout {
    display: none;
  }
}

#col-right-opcheckout .block-title {
  color: #111;
  font-size: 16px;
  padding: 30px 30px 0 30px;
}

#col-right-opcheckout .block-title strong {
  font-weight: bold;
}

#col-right-opcheckout .block-content {
  padding: 30px;
}

#col-right-opcheckout dt {
  color: #999;
  font-size: 18px;
  margin-bottom: 10px;
}

#col-right-opcheckout dt a {
  color: #999;
  font-size: 14px;
}

#col-right-opcheckout dt.complete {
  color: #333;
}

#col-right-opcheckout dt.complete a {
  color: #666;
  font-size: 14px;
}

#col-right-opcheckout dd {
  margin-bottom: 20px;
}

#col-right-opcheckout dd.complete,
#col-right-opcheckout dd.complete a {
  color: #666;
  font-style: italic;
}

#col-right-opcheckout .changelink {
  float: right;
}

#col-right-opcheckout .changelink .separator {
  display: none;
}

#col-right-opcheckout .separator {
  color: #fff;
}

#col-right-opcheckout address {
  line-height: 1.4em;
}

#col-right-opcheckout dd p {
  margin-bottom: 10px;
}

#col-right-opcheckout dd table {
  width: 100%;
  line-height: 1.4em;
}

#col-right-opcheckout dd table th {
  font-weight: normal;
  text-align: left;
}

#col-right-opcheckout .block-progress {
  border: 1px solid #eee;
}

#col-right-opcheckout .block-help {
  border: 1px solid #eee;
  margin-top: 10px;
}

#col-right-opcheckout .block-help h3 {
  color: #111;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
}

#col-right-opcheckout .block-help p {
  color: #8C8A8A;
  font-size: 16px;
  line-height: 1.2em;
}

#col-right-opcheckout .block-help a {
  color: #111;
}

#col-right-opcheckout .block-help .button-chat {
  background: transparent;
  border: 1px dotted #111;
  color: #111;
  font-size: 18px;
  padding: 18px 0;
  text-align: center;
  width: 100%;
}

.checkout-onepage-index .magento {
  padding: 0 0 80px 0;
}

.checkout-onepage-index .magento .page-title {
  margin: 30px 10px 55px 10px;
  overflow: hidden;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .checkout-onepage-index .magento .page-title {
    margin: 25px 20px 15px 20px;
  }
}

.checkout-onepage-index .magento .page-title h1 {
  border: 0;
  color: #111;
  font-size: 24px;
  font-weight: bold;
  line-height: 46px;
  margin: 0;
  padding: 0;
  text-transform: none;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .checkout-onepage-index .magento .page-title h1 {
    line-height: 1em;
    margin-bottom: 25px;
  }
}

.checkout-onepage-index .magento .col2-set {
  overflow: hidden;
}

.checkout-onepage-index .magento .col-1 {
  float: left;
  margin: 0;
  width: 50%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .checkout-onepage-index .magento .col-1 {
    float: none;
    width: 100%;
  }
}

.checkout-onepage-index .magento .col-2 {
  float: left;
  margin: 0;
  width: 50%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .checkout-onepage-index .magento .col-2 {
    float: none;
    width: 100%;
  }
}

.checkout-onepage-index .magento h4 {
  color: #111;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 1.4em;
}

.checkout-onepage-index .magento p {
  margin-bottom: 1.4em;
}

.checkout-onepage-index .magento p:last-child {
  margin-bottom: 0;
}

.checkout-onepage-index .magento .form-list li {
  margin-bottom: 1.4em;
}

.checkout-onepage-index .magento .form-list label {
  margin-bottom: 1em;
}

.checkout-onepage-index .magento .form-list .input-box + label {
  margin-bottom: 0;
}

.checkout-onepage-index .magento .form-alt label {
  margin-bottom: 1em;
}

.checkout-onepage-index .magento .fields {
  overflow: hidden;
}

.checkout-onepage-index .magento .fields .field {
  float: left;
  padding-bottom: 0;
  width: 50%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .checkout-onepage-index .magento .fields .field {
    float: none;
    width: 100%;
  }
}

.checkout-onepage-index .magento form label {
  color: #333;
  display: inline-block;
}

.checkout-onepage-index .magento form input[type=text],
.checkout-onepage-index .magento form input[type=password],
.checkout-onepage-index .magento form input[type=email],
.checkout-onepage-index .magento form textarea {
  background: #fff;
  border: 1px solid #666;
  padding: 15px;
  width: 100%;
  box-sizing: border-box;
  transition: border-color 400ms ease;
}

.checkout-onepage-index .magento form input[type=radio],
.checkout-onepage-index .magento form input[type=checkbox] {
  margin: 1px 2px 0 1px;
}

.checkout-onepage-index .magento form select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-size: 11px;
  border-radius: 0;
  box-sizing: border-box;
  background-color: #fff;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOC42MDFweCIgaGVpZ2h0PSI1LjM2cHgiIHZpZXdCb3g9IjAgMCA4LjYwMSA1LjM2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4LjYwMSA1LjM2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwb2x5Z29uIGZpbGw9IiM5Nzk3OTciIHBvaW50cz0iNC4zLDUuMzYgMCwxLjA2MSAxLjA2MSwwIDQuMywzLjIzOSA3LjU0MSwwIDguNjAxLDEuMDYxIAkiLz4NCjwvZz4NCjwvc3ZnPg0K");
  background-position: 97% center;
  background-position: right 16px center;
  background-repeat: no-repeat;
  border: 1px solid #666;
  cursor: pointer;
  height: 49px;
  line-height: 1.2em;
  padding: 0 16px;
  position: relative;
  width: 100%;
}

.checkout-onepage-index .magento form select::-ms-expand {
  display: none;
}

.checkout-onepage-index .magento .buttons-set {
  padding-top: 1em;
}

.checkout-onepage-index .magento .button {
  font-size: 18px;
}

.checkout-onepage-index .magento p.required {
  display: block;
  font-size: 14px;
  margin: 0;
  padding-top: 20px;
}

.checkout-onepage-index .magento .validation-error input[type=text],
.checkout-onepage-index .magento .validation-error input[type=password],
.checkout-onepage-index .magento .validation-error input[type=email],
.checkout-onepage-index .magento .validation-error textarea {
  box-shadow: none;
  border-color: #ff3000;
}

.checkout-onepage-index .magento .validation-failed {
  border-color: #ff3000;
  /**/
}

.checkout-onepage-index .magento .validation-advice {
  font-size: 12px;
  line-height: 1.1em;
  margin-top: 4px;
  text-transform: uppercase;
}

.checkout-onepage-index .magento .please-wait {
  display: inline-block;
  position: absolute;
  padding: 20px;
  bottom: 0;
  right: 0;
  text-indent: -9999px;
}

.checkout-onepage-index .magento .please-wait img {
  float: right;
  display: block;
}

@-moz-document url-prefix() {
  select {
    background-image: none !important;
    -moz-appearance: menulist !important;
    height: 50px !important;
  }
}

#checkout-step-login input[type=text],
#checkout-step-login input[type=password] {
  width: 75%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #checkout-step-login input[type=text],
  #checkout-step-login input[type=password] {
    width: 100%;
  }
}

#checkout-step-login .col-1 strong {
  display: inline-block;
  font-weight: bold;
  margin-bottom: 1.4em;
}

#checkout-step-login .col-1 .register-notes {
  list-style-type: disc;
  margin-bottom: 1em;
}

#checkout-step-login .col-1 .register-notes li {
  line-height: 1.4em;
  margin-left: 1.2em;
}

#checkout-step-login .col-2 .form-list {
  list-style: none;
}

#checkout-step-login .col-2 .form-list li {
  line-height: 1em;
  margin-left: 0;
}

#checkout-step-login .messages {
  font-size: 18px;
  list-style: none;
  margin: 0 0 20px 0;
}

#checkout-step-login .messages ul {
  list-style: none;
}

#checkout-step-login .messages li {
  margin-left: 0;
}

#checkout-step-billing .input-box,
#checkout-step-shipping .input-box {
  padding-right: 20px;
}

#checkout-step-billing .control,
#checkout-step-shipping .control {
  line-height: 1.2em;
}

#checkout-step-billing .control .input-box,
#checkout-step-shipping .control .input-box {
  padding: 0;
}

#checkout-step-billing .name-firstname,
#checkout-step-shipping .name-firstname {
  clear: left;
}

#checkout-step-billing .add-field .input-box,
#checkout-step-shipping .add-field .input-box {
  box-sizing: border-box;
  width: 100%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #checkout-step-billing .add-field .input-box,
  #checkout-step-shipping .add-field .input-box {
    width: 100%;
  }
}

#checkout-step-billing .buttons-set,
#checkout-step-shipping .buttons-set {
  display: inline-block;
  overflow: hidden;
}

#checkout-step-billing .back-link,
#checkout-step-shipping .back-link {
  float: right;
  margin-bottom: 0;
}

#checkout-step-billing .back-link a,
#checkout-step-shipping .back-link a {
  text-decoration: none;
}

.checkout-onepage-index [for=billing\:company] + .input-box,
.checkout-onepage-index [for=billing\:email] + .input-box {
  box-sizing: border-box;
  width: 50%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .checkout-onepage-index [for=billing\:company] + .input-box,
  .checkout-onepage-index [for=billing\:email] + .input-box {
    width: 100%;
  }
}

.checkout-onepage-index [for=shipping\:company] + .input-box,
.checkout-onepage-index [for=shipping\:email] + .input-box {
  box-sizing: border-box;
  width: 50%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .checkout-onepage-index [for=shipping\:company] + .input-box,
  .checkout-onepage-index [for=shipping\:email] + .input-box {
    width: 100%;
  }
}

.checkout-onepage-index [for=billing\:street1] + .input-box,
.checkout-onepage-index [for=billing\:street2] + .input-box,
.checkout-onepage-index [for=shipping\:street1] + .input-box,
.checkout-onepage-index [for=shipping\:street2] + .input-box {
  box-sizing: border-box;
  width: 100%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .checkout-onepage-index [for=billing\:street1] + .input-box,
  .checkout-onepage-index [for=billing\:street2] + .input-box,
  .checkout-onepage-index [for=shipping\:street1] + .input-box,
  .checkout-onepage-index [for=shipping\:street2] + .input-box {
    width: 100%;
  }
}

#opc-shipping_method .sp-methods li {
  margin-bottom: 1em;
}

#opc-shipping_method .sp-methods li:last-child {
  margin-bottom: 0;
}

#opc-shipping_method dt {
  color: #111;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 1em;
}

#opc-shipping_method dd {
  margin-bottom: 30px;
}

#opc-shipping_method .description {
  color: #666;
}

#opc-shipping_method .international-note {
  font-size: 12px;
  line-height: 1.4em;
  margin-top: 1.4em;
  width: 50%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #opc-shipping_method .international-note {
    width: 100%;
  }
}

#opc-shipping_method .shipping-note {
  font-size: 12px;
  line-height: 1.4em;
  margin-top: 1.4em;
  width: 50%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #opc-shipping_method .shipping-note {
    width: 100%;
  }
}

#opc-shipping_method .buttons-set {
  display: inline-block;
  overflow: hidden;
}

#opc-shipping_method .back-link {
  float: right;
  margin-bottom: 0;
}

#opc-shipping_method .back-link a {
  text-decoration: none;
}

#onepage-checkout-shipping-method-additional-load .add-gift-message {
  padding: 1em 0;
}

#onepage-checkout-shipping-method-additional-load .add-gift-message h3 {
  margin-bottom: 1em;
}

#onepage-checkout-shipping-method-additional-load p {
  margin-bottom: 1em;
}

#onepage-checkout-shipping-method-additional-load .gift-options-for-order > div > a {
  display: inline-block;
  margin-bottom: 1em;
}

#onepage-checkout-shipping-method-additional-load .gift-message-form {
  margin-bottom: 2em;
}

#onepage-checkout-shipping-method-additional-load .input-box {
  padding-right: 20px;
}

#opc-payment .sp-methods {
  margin-bottom: 30px;
}

#opc-payment .sp-methods dt {
  font-size: 16px;
}

#opc-payment .sp-methods dt * {
  vertical-align: middle;
}

#opc-payment .sp-methods dt > label {
  color: #111;
  font-weight: bold;
}

#opc-payment .sp-methods li {
  margin-bottom: 1em;
}

#opc-payment .sp-methods li:last-child {
  margin-bottom: 0;
}

#opc-payment dd {
  margin-bottom: 1.4em;
}

#opc-payment .form-list {
  padding-top: 20px;
}

#opc-payment input[type=text] {
  width: 50%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #opc-payment input[type=text] {
    width: 100%;
  }
}

#opc-payment .icon-credit-cards {
  display: inline-block;
  margin-left: 10px;
}

#opc-payment .cvv-what-is-this {
  display: none;
}

#opc-payment .buttons-set {
  clear: left;
  display: inline-block;
  overflow: hidden;
}

#opc-payment .back-link {
  float: right;
  margin-bottom: 0;
}

#opc-payment .back-link a {
  text-decoration: none;
}

.checkout-onepage-index [for=authorizenet_cc_type] + .input-box,
.checkout-onepage-index [for=authnetcim_payment_id] + .input-box,
.checkout-onepage-index [for=authnetcim_cc_type] + .input-box {
  box-sizing: border-box;
  width: 50%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .checkout-onepage-index [for=authorizenet_cc_type] + .input-box,
  .checkout-onepage-index [for=authnetcim_payment_id] + .input-box,
  .checkout-onepage-index [for=authnetcim_cc_type] + .input-box {
    width: 100%;
  }
}

.checkout-onepage-payment-additional-customerbalance {
  margin-bottom: 20px;
}

.checkout-onepage-index #authorizenet_cc_type_exp_div .input-box,
.checkout-onepage-index #authnetcim_cc_type_exp_div .input-box {
  overflow: hidden;
}

.checkout-onepage-index #authorizenet_cc_type_exp_div .v-fix,
.checkout-onepage-index #authnetcim_cc_type_exp_div .v-fix {
  box-sizing: border-box;
  float: left;
  width: 50%;
}

@media all and (max-width: 480px) {
  .checkout-onepage-index #authorizenet_cc_type_exp_div .v-fix,
  .checkout-onepage-index #authnetcim_cc_type_exp_div .v-fix {
    float: none;
    width: 100%;
  }
}

.checkout-onepage-index #authorizenet_cc_type_exp_div .v-fix:last-child,
.checkout-onepage-index #authnetcim_cc_type_exp_div .v-fix:last-child {
  padding-left: 20px;
}

@media all and (max-width: 480px) {
  .checkout-onepage-index #authorizenet_cc_type_exp_div .v-fix:last-child,
  .checkout-onepage-index #authnetcim_cc_type_exp_div .v-fix:last-child {
    padding-left: 0;
  }
}

#need-checkout-additional {
  border-top: 1px solid #eee;
  margin-bottom: 30px;
  overflow: hidden;
}

#need-checkout-additional h3 {
  font-weight: bold;
  font-size: 18px;
  padding-top: 30px;
  margin-bottom: 30px;
}

#need-checkout-additional .checkout-coupon-code {
  margin-bottom: 20px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #need-checkout-additional form input[type=text] {
    width: 50%;
  }
}

@media all and (max-width: 480px) {
  #need-checkout-additional form input[type=text] {
    display: block;
    margin-bottom: 10px;
    width: 100%;
  }
}

#need-checkout-additional label {
  display: block;
  margin-bottom: 10px;
}

#need-checkout-additional .input-box {
  margin-bottom: 10px;
}

#need-checkout-additional .input-box * {
  vertical-align: middle;
}

#need-checkout-additional .button {
  margin-left: 8px;
  min-width: 114px;
  padding-top: 15px;
  padding-bottom: 16px;
}

@media all and (max-width: 480px) {
  #need-checkout-additional .button {
    font-size: 14px;
    padding: 12px 16px;
    margin: 0;
    min-width: 0;
  }
}

#need-checkout-additional #button-coupon-apply,
#need-checkout-additional #button-coupon-remove {
  font-size: 15px;
  padding-top: 17px;
  padding-bottom: 17px;
}

#need-checkout-additional #button-coupon-remove {
  display: none;
}

#need-checkout-additional #button-gift-card-apply,
#need-checkout-additional #button-gift-card-remove {
  font-size: 15px;
  padding-top: 17px;
  padding-bottom: 17px;
}

#need-checkout-additional #button-gift-card-remove {
  display: none;
}

#need-checkout-additional .message {
  display: none;
  margin-top: 1em;
}

#need-checkout-additional .success {
  color: #2ae98f;
}

#need-checkout-additional .error {
  color: #ff3000;
}

#checkout-step-review .data-table {
  font-size: 14px;
  width: 100%;
}

#checkout-step-review .data-table .even {
  background: #fff;
}

#checkout-step-review th {
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  padding: 0 1em 1em 0;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #checkout-step-review th {
    font-size: 14px;
  }
}

#checkout-step-review th.a-center {
  width: 10%;
  text-align: right;
}

#checkout-step-review th:last-child {
  padding-right: 0;
}

#checkout-step-review td {
  padding: 1.4em 1em 1.4em 0;
  text-align: left;
}

#checkout-step-review .product-name {
  font-weight: bold;
  font-size: 14px;
}

#checkout-step-review .product-image {
  float: left;
  margin-right: 1em;
  width: auto;
}

#checkout-step-review .product-image img {
  width: auto;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #checkout-step-review .product-image {
    display: none;
  }
}

#checkout-step-review .product-details .item-msg {
  color: #ff9933;
  font-size: 12px;
  margin-top: 8px;
  width: 65%;
}

#checkout-step-review .item-options {
  line-height: 1.4em;
  margin-top: 1em;
  overflow: hidden;
}

#checkout-step-review .item-options dt {
  float: left;
  margin-right: 4px;
  clear: left;
}

#checkout-step-review .item-options dt:after {
  content: ':';
}

#checkout-step-review .item-options dd {
  float: left;
}

#checkout-step-review .nobr {
  white-space: nowrap;
}

#checkout-step-review .f-left {
  margin-bottom: 20px;
}

#checkout-step-review .a-right {
  text-align: right;
}

#checkout-step-review tbody td {
  border-bottom: 1px solid #ececec;
}

#checkout-step-review tbody td.a-center, #checkout-step-review tbody td.a-right {
  width: 10%;
  text-align: right;
}

#checkout-step-review tbody td.last {
  padding-right: 0;
}

#checkout-step-review tfoot {
  font-size: 18px;
  font-weight: bold;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #checkout-step-review tfoot {
    font-size: 14px;
  }
}

#checkout-step-review tfoot td {
  border: 0;
  padding: 1.4em 1em 0 0;
}

#checkout-step-review tfoot td.last {
  padding-right: 0;
}

#checkout-step-review strong {
  font-weight: bold;
}

#checkout-review-table-wrapper {
  margin-bottom: 20px;
}

#messages_product_view .messages {
  margin: 0;
  padding: 10px 10px 30px 10px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #messages_product_view .messages {
    padding: 20px 10px;
  }
}

#product-new {
  margin-top: 40px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #product-new {
    margin-top: 0;
  }
}

#product-new form {
  margin: 0 10px;
}

.product-page-container {
  width: 75%;
  margin: 0 auto;
  max-width: 1280px;
}

@media all and (max-width: 1240px) {
  .product-page-container {
    width: 85%;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .product-page-container {
    width: 98%;
  }
}

.product-view {
  margin-bottom: 40px;
  overflow: hidden;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .product-view {
    margin: 24px 0;
  }
}

.product-media {
  float: left;
  width: 60%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .product-media {
    display: none;
  }
}

.product-media-mobile {
  display: none;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .product-media-mobile {
    display: block;
    margin-bottom: 14px;
  }
}

.product-image {
  padding: 0 10px;
  box-sizing: border-box;
  float: left;
  margin-bottom: 20px;
  width: 85%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .product-image {
    display: none;
  }
}

.product-image img {
  display: block;
  max-width: 100%;
  width: 100%;
}

.product-thumbs {
  float: left;
  overflow: hidden;
  margin-right: 5%;
  width: 10%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .product-thumbs {
    display: none;
  }
}

.product-thumbs li {
  box-sizing: border-box;
  display: block;
  margin-bottom: 1em;
}

.product-thumbs li:last-child {
  margin-right: 0;
}

.product-thumbs img {
  display: block;
  max-width: 100%;
  width: 100%;
}

.product-detail {
  float: left;
  position: relative;
  margin-left: 5%;
  width: 35%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .product-detail {
    float: none;
    margin: 0;
    width: 100%;
  }
}

.product-detail .product-name {
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 20px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .product-detail .product-name {
    margin-bottom: 4px;
    text-align: center;
  }
}

.product-detail .product-brand {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 4px;
  line-height: 1em;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .product-detail .product-brand {
    text-align: center;
  }
}

.product-detail .product-brand a {
  color: #333;
}

.product-detail .product-brand a:hover {
  text-decoration: underline;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .product-detail .product-brand a:hover {
    text-decoration: none;
  }
}

.product-detail .giftcard-form .form-list em {
  color: #666;
}

.product-detail .giftcard-form .form-list label {
  margin-bottom: 6px;
}

.product-detail .giftcard-form .form-list li,
.product-detail .giftcard-form .form-list .fields {
  margin-bottom: 0;
}

.product-detail .giftcard-form .form-list .field {
  margin-bottom: 12px;
}

.product-detail .giftcard-form .giftcard-amount-form {
  margin-bottom: 12px;
}

.product-detail .giftcard-form .giftcard-send-form {
  margin-bottom: 2em;
}

.product-detail .giftcard-form .form-list input[type=text],
.product-detail .giftcard-form .form-list textarea {
  background: #fff;
  border: 1px solid #ddd;
  box-sizing: border-box;
  font-size: 12px;
  padding: 12px;
  width: 100%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .product-detail .giftcard-form .form-list input[type=text],
  .product-detail .giftcard-form .form-list textarea {
    width: 100%;
  }
}

.product-detail .giftcard-form .availability {
  display: none;
}

.product-detail .giftcard-form .customselect {
  box-sizing: border-box;
  border: 1px solid #ddd;
  font-size: 12px;
  line-height: 1em;
  padding: 12px;
  width: 60%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .product-detail .giftcard-form .customselect {
    font-size: 14px;
    padding: 14px 12px;
    width: 100%;
  }
}

.product-detail .giftcard-form .customselect .validation-advice {
  display: none !important;
}

.product-detail .giftcard-form .customselect-feedback {
  display: inline;
  padding-right: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.product-detail .giftcard-form .customselect-button {
  background: url("../images/icon-caret-down.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 10px 6px;
  height: 6px;
  position: absolute;
  width: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 12px;
}

.product-detail .giftcard-form select {
  height: 40px;
  width: 100%;
}

.product-detail .giftcard-form .validation-advice {
  color: #ff3000;
  font-size: 12px;
  margin: 6px 0 0 0;
  padding: 0;
  text-transform: uppercase;
}

.product-detail .product-phone-order {
  color: #666;
  line-height: 1.4em;
  margin: 20px 0 30px 0;
}

.product-detail .product-phone-order a {
  color: #666;
}

.product-detail .product-phone-order p {
  margin-bottom: 1.4em;
}

.product-detail .product-phone-order h5 {
  font-size: 12px;
  margin-bottom: 1em;
  text-transform: uppercase;
}

.product-detail .product-phone-order table {
  font-size: 12px;
  margin: 0;
  padding: 0;
  width: 100%;
}

.product-detail .product-phone-order tr {
  border-bottom: 1px solid #eee;
}

.product-detail .product-phone-order tr:first-child {
  border-top: 1px solid #eee;
}

.product-detail .product-phone-order td {
  padding: 0.6em 0;
  text-transform: uppercase;
}

.product-detail .product-phone-order + .product-options {
  display: none;
}

.product-detail .product-out-of-stock {
  color: #f05342;
  margin: 20px 0;
}

.product-detail .product-out-of-stock h5 {
  font-size: 16px;
  margin-bottom: 1em;
}

.product-detail .product-out-of-stock p {
  font-size: 12px;
  line-height: 1.4em;
}

.product-detail .alert-stock {
  margin-bottom: 30px;
}

.product-detail .alert-stock a {
  box-sizing: border-box;
  background: #000;
  border: 0;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  line-height: 1em;
  margin: 0;
  padding: 16px 24px;
  width: 100%;
  text-align: center;
}

#product-new .breadcrumbs {
  color: #999;
  font-size: 12px;
  margin-bottom: 1em;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #product-new .breadcrumbs {
    display: none;
  }
}

#product-new .breadcrumbs .home {
  display: none;
}

#product-new .breadcrumbs .product {
  display: none;
}

#product-new .breadcrumbs li:nth-last-child(2) span {
  display: none;
}

#product-new .breadcrumbs li {
  display: inline-block;
}

#product-new .breadcrumbs a {
  color: #999;
}

.product-breadcrumb {
  color: #999;
  font-size: 12px;
  margin-bottom: 1em;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .product-breadcrumb {
    display: none;
  }
}

.product-breadcrumb li {
  display: inline-block;
}

.product-breadcrumb li:after {
  content: ' / ';
}

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

.product-breadcrumb a {
  color: #999;
}

.product-price {
  font-size: 16px;
  margin-bottom: 36px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .product-price {
    margin-bottom: 24px;
    text-align: center;
  }
}

.product-price h3 {
  display: inline-block;
  font-weight: bold;
  line-height: 1em;
}

.product-price .original-price {
  color: #999;
  display: inline-block;
  font-weight: bold;
  margin-right: 0.5em;
  text-decoration: line-through;
}

.product-options {
  overflow: hidden;
  /*
	select {
		appearance: none;
		background-size: 12px;
		border-radius: 0;
		box-sizing: border-box;
		background-color: #fff;
		background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iODYuNjAycHgiIGhlaWdodD0iNzVweCIgdmlld0JveD0iMCAwIDg2LjYwMiA3NSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgODYuNjAyIDc1IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiMxMzEzMTMiIHBvaW50cz0iNDMuMzAxLDAgODYuNjAyLDAgNjQuOTUyLDM3LjUgNDMuMzAxLDc1IDIxLjY1MSwzNy41IDAsMCAiLz4NCjwvc3ZnPg0K');
		background-position: 97% center;
		background-position: right 16px center;
		background-repeat: no-repeat;
		border: 1px solid #e8e8e8;
		cursor: pointer;
		font-size: 12px;
		height: 49px;
		line-height: 1em;
		outline: none;
		padding: 0 16px;
		position: relative;
		text-transform: uppercase;
		width: 100%;
	}
	select:disabled {
		background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iODYuNjAycHgiIGhlaWdodD0iNzVweCIgdmlld0JveD0iMCAwIDg2LjYwMiA3NSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgODYuNjAyIDc1IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiNFOEU4RTgiIHBvaW50cz0iNDMuMzAxLDAgODYuNjAyLDAgNjQuOTUxLDM3LjUgNDMuMzAxLDc1IDIxLjY1LDM3LjUgMCwwICIvPg0KPC9zdmc+DQo=');
		color: #bbb;
	}
	// Hide native arrow on IE10+
	select::-ms-expand {
		display: none;
	}
	// Hide select background color IE10+
	select::-ms-value {
		background-color: transparent;
		color: #111;
	}
	*/
}

.product-options dt, .product-options dd {
  margin-bottom: 30px;
  width: 100%;
}

.product-options select {
  width: 48%;
}

.product-options .validation-advice {
  color: #ff3000;
  font-size: 12px;
  margin: 6px 0 0 0;
  padding: 0;
  text-transform: uppercase;
}

.product-option-color .customselect {
  box-sizing: border-box;
  border: 1px solid #ddd;
  font-size: 12px;
  line-height: 1em;
  padding: 12px;
  width: 60%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .product-option-color .customselect {
    font-size: 14px;
    padding: 14px 12px;
    width: 100%;
  }
}

.product-option-color .customselect .validation-advice {
  display: none !important;
}

.product-option-color .customselect-feedback {
  display: inline;
  padding-right: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.product-option-color .customselect-button {
  background: url("../images/icon-caret-down.svg");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 10px 6px;
  height: 6px;
  position: absolute;
  width: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 12px;
}

.product-option-color select {
  height: 40px;
  width: 100%;
}

.product-option-size select {
  display: none;
}

.product-option-size .option-blocks.disabled {
  opacity: 0.5;
  position: relative;
}

.product-option-size .option-blocks.disabled:after {
  content: '';
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.product-option-size .option-block {
  display: inline-block;
  margin-bottom: 2%;
  margin-right: 2%;
  width: 12%;
}

@media all and (min-width: 1480px) {
  .product-option-size .option-block {
    width: 10%;
  }
}

@media all and (max-width: 1240px) {
  .product-option-size .option-block {
    width: 16%;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .product-option-size .option-block {
    width: 18%;
  }
}

.product-option-size .option-block a {
  box-sizing: border-box;
  border: 1px solid #ddd;
  color: #111;
  display: inline-block;
  font-size: 12px;
  line-height: 1em;
  padding: 12px 2px;
  text-align: center;
  width: 100%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .product-option-size .option-block a {
    font-size: 14px;
    padding: 14px 12px;
  }
}

.product-option-size .option-block a:hover,
.product-option-size .option-block a.active {
  border-color: #666;
}

.product-sizing-guide {
  color: #999;
  display: inline-block;
  font-size: 12px;
  margin-top: 1em;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .product-sizing-guide {
    font-size: 16px;
    margin-top: 1.4em;
  }
}

.product-quantity {
  box-sizing: border-box;
  border: 1px solid #e8e8e8;
  height: 49px;
  line-height: 49px;
  margin-bottom: 20px;
  overflow: hidden;
}

.product-quantity span {
  box-sizing: border-box;
  float: left;
  font-size: 12px;
  display: inline-block;
  margin: 0;
  padding: 0 16px;
  text-align: left;
  text-transform: uppercase;
  width: 46%;
  margin-right: 4%;
}

.product-quantity input {
  box-sizing: border-box;
  background-color: #fff;
  border: 0;
  display: inline-block;
  float: left;
  font-size: 12px;
  height: 49px;
  margin: 0;
  outline: none;
  padding: 0 20px;
  text-align: right;
  width: 50%;
}

.product-buttons-primary button {
  box-sizing: border-box;
  background: #000;
  border: 0;
  color: #fff;
  display: block;
  float: left;
  font-weight: bold;
  line-height: 1em;
  margin: 0;
  padding: 16px 24px;
  width: 100%;
  text-align: center;
}

.product-buttons-secondary {
  margin-bottom: 30px;
}

.product-buttons-secondary .wishlist-wrapper {
  float: left;
  margin-right: 4%;
  width: 48%;
}

.product-buttons-secondary button,
.product-buttons-secondary .wishlist {
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #ddd;
  color: #888;
  font-weight: normal;
  font-size: 12px;
  line-height: 1em;
  text-decoration: none;
  display: block;
  float: left;
  line-height: 1em;
  margin: 0;
  padding: 14px 20px;
  width: 48%;
  text-align: center;
}

@media all and (max-width: 480px) {
  .product-buttons-secondary button,
  .product-buttons-secondary .wishlist {
    float: none;
    margin: 0 0 10px 0;
    width: 100%;
  }
  .product-buttons-secondary button:last,
  .product-buttons-secondary .wishlist:last {
    margin-bottom: 0;
  }
}

.product-buttons-secondary .wishlist {
  width: 100%;
}

.product-buttons-secondary button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.product-buttons-secondary .split-button {
  box-sizing: border-box;
  font-size: 12px;
  line-height: 1em;
  margin-right: 0;
  width: 100%;
}

@media all and (max-width: 480px) {
  .product-buttons-secondary .split-button {
    float: none;
    width: 100%;
  }
}

.product-buttons-secondary .split-button .list-container ul {
  border: 1px solid #ddd;
}

.product-buttons-secondary .split-button .list-container li {
  text-align: center;
  text-transform: none;
}

.product-buttons-secondary .split-button .list-container span {
  font-size: 12px;
}

.product-buttons-secondary .split-button.light * {
  text-decoration: none;
}

.product-buttons-secondary .split-button.light strong {
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #ddd;
  color: #888;
  font-weight: normal;
  padding: 14px 20px;
  text-align: center;
}

.product-buttons-secondary .split-button.light .change:after {
  display: none;
}

.product-buttons-secondary .split-button.active strong {
  background: #111;
  border-color: #111;
  color: #fff;
}

.product-buttons-secondary .split-button.active .list-container ul {
  border-color: #111;
}

.product-share {
  float: left;
  margin: 0;
  position: relative;
  width: 48%;
}

.product-share strong {
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #ddd;
  color: #888;
  font-weight: normal;
  font-size: 12px;
  line-height: 1em;
  text-decoration: none;
  display: block;
  line-height: 1em;
  padding: 14px 20px;
  text-align: center;
}

.product-share ul {
  border: 1px solid #eee;
  box-sizing: border-box;
  display: none;
  left: 0;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 1;
}

.product-share li {
  display: block;
  margin: 0;
  white-space: nowrap;
}

.product-share a {
  background: #fff;
  border-bottom: 1px solid #eee;
  box-sizing: border-box;
  color: #666;
  cursor: pointer;
  display: block;
  font-size: 12px;
  overflow: hidden;
  padding: 12px 18px;
  text-align: center;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.product-share a:hover {
  background: #eee;
}

.product-share.active strong {
  background: #111;
  border-color: #111;
  color: #fff;
}

.product-share.active ul {
  border-color: #111;
  display: block;
}

.product-buttons-disabled {
  height: 40px;
}

.product-messaging {
  font-size: 12px;
  line-height: 1.4em;
  margin: 20px 0 36px 0;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .product-messaging {
    font-size: 14px;
  }
}

.product-messaging strong {
  font-weight: bold;
}

.product-messaging a {
  color: #999;
  font-size: 12px;
  float: right;
}

.product-messaging a:hover {
  text-decoration: underline;
}

.product-additional .accordion-label {
  color: #111;
  display: block;
  font-size: 16px;
  line-height: 1em;
  margin-bottom: 8px;
  padding: 0 0 10px 0;
  position: relative;
  text-decoration: none;
}

.product-additional .accordion-label:after {
  background: transparent url("../images/icon-filter-open.svg") center center no-repeat;
  background-size: 11px 11px;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  font-family: sans-serif;
  font-size: 12px;
  right: 5px;
  top: 0;
  width: 15px;
}

.product-additional .accordion-label.active:after {
  background-image: url("../images/icon-filter-close.svg");
  background-size: 11px 1px;
}

.product-additional .accordion-section {
  color: #666;
  font-size: 12px;
  display: none;
  line-height: 1.4em;
  padding: 0 0 20px 0;
}

.product-additional .accordion-section.active {
  display: block;
}

.product-additional .accordion-section a {
  color: #888;
  text-decoration: underline;
}

.product-additional .social li {
  display: inline-block;
  margin-right: 10px;
}

.product-additional .social a {
  display: inline-block;
}

.product-additional .social img {
  height: 14px;
}

.product-additional .social.loading img {
  opacity: 0;
}

.product-additional .gallery-spinner {
  height: 100px;
  left: 50%;
  margin: -50px 0 0 -50px;
  position: fixed;
  top: 50%;
  width: 100px;
  z-index: 1001;
}

.product-note {
  color: #f05342;
  margin-bottom: 30px;
}

.product-note h5 {
  font-size: 16px;
  margin-bottom: 1em;
}

.product-note p {
  font-size: 12px;
  line-height: 1.4em;
}

.product-related {
  margin-bottom: 60px;
  overflow: hidden;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .product-related {
    margin-bottom: 20px;
  }
}

.product-related h5 {
  font-size: 18px;
  margin-bottom: 2em;
  text-align: center;
}

.product-related a {
  text-decoration: none;
}

.product-related a:hover {
  text-decoration: underline;
}

.product-related .product {
  padding: 0 10px;
  box-sizing: border-box;
  color: #666;
  float: left;
  font-size: 12px;
  overflow: hidden;
  width: 25%;
}

.product-related .product:nth-of-type(4n+1) {
  clear: left;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .product-related .product {
    height: auto;
    margin: 10px 0 0 0;
    padding-bottom: 30px;
    width: 25%;
  }
  .product-related .product:nth-of-type(4n+1) {
    clear: left;
  }
  .product-related .product:nth-of-type(3n+1) {
    clear: none;
  }
}

@media all and (max-width: 780px) {
  .product-related .product {
    height: auto;
    margin: 10px 0 0 0;
    padding-bottom: 30px;
    width: 33.333%;
  }
  .product-related .product:nth-of-type(4n+1) {
    clear: none;
  }
  .product-related .product:nth-of-type(3n+1) {
    clear: left;
  }
}

@media all and (max-width: 580px) {
  .product-related .product {
    height: auto;
    margin: 10px 0 0 0;
    padding-bottom: 30px;
    width: 50%;
  }
  .product-related .product:nth-of-type(3n+1) {
    clear: none;
  }
  .product-related .product:nth-of-type(2n+1) {
    clear: left;
  }
}

.product-related .product img {
  display: block;
  width: 100%;
}

.product-related .product h3 {
  color: #333;
  line-height: 1em;
  margin-top: 12px;
}

.product-related .product h3 a {
  color: #333;
}

.product-related .product h4 {
  line-height: 1em;
  margin-top: 6px;
}

.product-related .product h4 a {
  color: #666;
}

.product-crosssell {
  margin-bottom: 60px;
  overflow: hidden;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .product-crosssell {
    margin-bottom: 20px;
  }
}

.product-crosssell h5 {
  font-size: 18px;
  margin-bottom: 2em;
  text-align: center;
}

.product-crosssell .recommended {
  float: left;
  width: 100%;
}

.product-crosssell .recommended a {
  text-decoration: none;
}

.product-crosssell .recommended a:hover {
  text-decoration: underline;
}

.product-crosssell .recommended .product {
  padding: 0 10px;
  box-sizing: border-box;
  color: #666;
  float: left;
  font-size: 12px;
  overflow: hidden;
  width: 25%;
}

.product-crosssell .recommended .product:nth-of-type(4n+1) {
  clear: left;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .product-crosssell .recommended .product {
    height: auto;
    margin: 10px 0 0 0;
    padding-bottom: 30px;
    width: 25%;
  }
  .product-crosssell .recommended .product:nth-of-type(4n+1) {
    clear: left;
  }
  .product-crosssell .recommended .product:nth-of-type(3n+1) {
    clear: none;
  }
}

@media all and (max-width: 780px) {
  .product-crosssell .recommended .product {
    height: auto;
    margin: 10px 0 0 0;
    padding-bottom: 30px;
    width: 33.333%;
  }
  .product-crosssell .recommended .product:nth-of-type(4n+1) {
    clear: none;
  }
  .product-crosssell .recommended .product:nth-of-type(3n+1) {
    clear: left;
  }
}

@media all and (max-width: 580px) {
  .product-crosssell .recommended .product {
    height: auto;
    margin: 10px 0 0 0;
    padding-bottom: 30px;
    width: 50%;
  }
  .product-crosssell .recommended .product:nth-of-type(3n+1) {
    clear: none;
  }
  .product-crosssell .recommended .product:nth-of-type(2n+1) {
    clear: left;
  }
}

.product-crosssell .recommended .product img {
  display: block;
  width: 100%;
}

.product-crosssell .recommended .product h3 {
  color: #333;
  line-height: 1em;
  margin-top: 12px;
}

.product-crosssell .recommended .product h3 a {
  color: #333;
}

.product-crosssell .recommended .product h4 {
  line-height: 1em;
  margin-top: 6px;
}

.product-crosssell .recommended .product h4 a {
  color: #666;
}

.product-chat {
  display: none;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .product-chat {
    display: none;
  }
}

.product-chat a {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 100%;
  box-sizing: border-box;
  box-shadow: 1px 1px rgba(102, 102, 102, 0.1);
  position: fixed;
  height: 48px;
  width: 48px;
  bottom: 20px;
  right: 20px;
}

.product-chat.chat-leave-message {
  display: block;
}

.product-chat.chat-leave-message a {
  background-color: #fff;
}

.product-chat.chat-leave-message .icon {
  display: inline-block;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  text-align: center;
}

.product-chat.chat-leave-message .icon span {
  background-color: #ccc;
  border-radius: 100%;
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  width: 5px;
  height: 5px;
  vertical-align: middle;
}

.product-chat.chat-available {
  display: block;
}

.product-chat.chat-available a {
  background-color: #ccc;
}

.product-chat.chat-available .icon {
  background-color: #fff;
  display: block;
  height: 16px;
  left: 50%;
  position: relative;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  width: 24px;
}

.product-chat.chat-available .icon:after {
  border-color: #fff transparent transparent transparent;
  border-style: solid;
  border-width: 6px 6px 0 0;
  bottom: -6px;
  content: '';
  display: block;
  height: 0;
  left: 6px;
  position: absolute;
  width: 0;
}

.product-chat.chat-available .icon span {
  display: none;
}

/*
.catalog-product-view {
	.toolbar .breadcrumbs {
		float: none;
		width: auto;
		text-align: left;
		margin: 0 10px;
		
		@include breakpoint(grid-mobile) {
			display: none;
		}
	}
	.toolbar .breadcrumbs a {
		color: #999;
		font-weight: normal;
	}
	.toolbar .breadcrumbs strong {
		color: #999;
		font-weight: normal;
	}
}
*/
#rss {
  margin: 0 0 60px 0;
}

#rss a {
  text-decoration: none;
}

#rss a:hover {
  text-decoration: underline;
}

#rss h1 {
  border-bottom: 1px solid #ccc;
  color: #8d8d8d;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 22px;
  margin: 40px 10px;
  padding: 0 0 10px 0;
}

#rss h3 {
  border-bottom: 1px solid #ccc;
  color: #111;
  font-size: 18px;
  line-height: 1em;
  margin-bottom: 24px;
  padding-bottom: 8px;
}

#rss .feeds {
  margin: 0 10px;
}

#rss .feeds a {
  display: block;
}

#rss .feeds th,
#rss .feeds td {
  text-align: left;
}

#rss .feeds .label a {
  color: #111;
}

#rss .feeds .url {
  text-align: right;
}

.sale-header #header-sale a {
  color: #c00;
}

.sale-header .nav-menu .link-sale {
  color: #c00;
}

.sale-header + div.magento .category-link.category-link-sale {
  color: #c00;
}

#sale-landing-page .sale-landing-page-grid {
  max-width: none;
  padding: 10px 0;
}

#sale-landing-page .sale-landing-page-grid .group-1,
#sale-landing-page .sale-landing-page-grid .group-2,
#sale-landing-page .sale-landing-page-grid .group-3 {
  margin-bottom: 0;
  overflow: hidden;
}

#sale-landing-page .sale-landing-page-grid .group-1 .item {
  width: 100%;
}

#sale-landing-page .sale-landing-page-grid .group-2 .item {
  width: 50%;
}

#sale-landing-page .sale-landing-page-grid .group-3 .item {
  width: 33.333333%;
}

#sale-landing-page .sale-landing-page-grid .group-1 .item,
#sale-landing-page .sale-landing-page-grid .group-2 .item,
#sale-landing-page .sale-landing-page-grid .group-3 .item {
  box-sizing: border-box;
  color: #111;
  display: block;
  float: left;
  padding: 10px;
  text-align: center;
  text-decoration: none;
}

#sale-landing-page .sale-landing-page-grid .group-1 .item.item-white-text,
#sale-landing-page .sale-landing-page-grid .group-2 .item.item-white-text,
#sale-landing-page .sale-landing-page-grid .group-3 .item.item-white-text {
  color: #fff;
}

@media all and (max-width: 767px) {
  #sale-landing-page .sale-landing-page-grid .group-1 .item,
  #sale-landing-page .sale-landing-page-grid .group-2 .item,
  #sale-landing-page .sale-landing-page-grid .group-3 .item {
    width: 100%;
  }
}

#sale-landing-page .sale-landing-page-grid .group-1 .item > div,
#sale-landing-page .sale-landing-page-grid .group-2 .item > div,
#sale-landing-page .sale-landing-page-grid .group-3 .item > div {
  background-color: #ccc;
  background-position: center center;
  background-repeat: none;
  background-size: cover;
  height: 0;
  overflow: hidden;
  padding-bottom: 71.428571%;
  position: relative;
}

#sale-landing-page .sale-landing-page-grid .group-1 .item > div {
  padding-bottom: 35.2111268%;
}

@media all and (max-width: 767px) {
  #sale-landing-page .sale-landing-page-grid .group-1 .item > div {
    padding-bottom: 71.428571%;
  }
}

@media all and (max-width: 767px) {
  #sale-landing-page .sale-landing-page-grid .group-1:first-child .item > div {
    padding-bottom: 100%;
  }
}

#sale-landing-page .sale-landing-page-grid .group-1 .item > div > div,
#sale-landing-page .sale-landing-page-grid .group-2 .item > div > div,
#sale-landing-page .sale-landing-page-grid .group-3 .item > div > div {
  box-sizing: border-box;
  left: 50%;
  padding: 10px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
}

#sale-landing-page h1 {
  font-size: 36px;
  font-weight: bold;
  line-height: 1.2em;
  margin-bottom: 2px;
}

#sale-landing-page h2 {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.2em;
  margin-bottom: 8px;
}

#sale-landing-page h3 {
  font-size: 20px;
  line-height: 1em;
  margin-top: 12px;
}

#sale-landing-page p {
  display: inline-block;
  font-size: 12px;
  line-height: 1.2em;
  margin-top: 12px;
  width: 50%;
}

@media all and (max-width: 1240px) {
  #sale-landing-page p {
    width: 75%;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #sale-landing-page p {
    display: none;
  }
}

@media all and (max-width: 767px) {
  #sale-landing-page h1 {
    font-size: 28px;
  }
  #sale-landing-page h2 {
    font-size: 24px;
  }
  #sale-landing-page h3 {
    font-size: 18px;
  }
}

#sale-landing-page .links {
  font-size: 14px;
  margin: 30px 0 0 0;
  padding: 0;
  text-align: center;
}

#sale-landing-page .links li {
  display: inline-block;
  margin: 10px 8px;
  text-align: center;
}

#sale-landing-page .links a {
  background: #fff;
  box-sizing: border-box;
  color: #111;
  display: inline-block;
  height: 50px;
  line-height: 50px;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  width: 200px;
}

@media all and (max-width: 767px) {
  #sale-landing-page .links {
    margin-top: 20px;
  }
  #sale-landing-page .links li {
    display: block;
  }
  #sale-landing-page .links a {
    max-width: 400px;
    width: 80%;
  }
}

#search-form {
  display: inline-block;
  width: 220px;
}

#search-form fieldset {
  border: 1px solid #555;
  display: block;
  padding: 10px 12px;
  position: relative;
}

#search-form fieldset:after {
  color: #111;
  content: '→';
  display: block;
  position: absolute;
  margin-top: -7px;
  top: 50%;
  right: 12px;
}

#search-form input[type=text] {
  background-color: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  width: 100%;
}

#search-form input[type=text]:focus {
  outline: none;
}

#search-results {
  padding: 40px 0;
  text-align: center;
}

#search-results a {
  color: #999;
  text-decoration: none;
}

#search-results a:hover {
  text-decoration: underline;
}

#search-results h2 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  margin: 40px 10px 10px 10px;
}

#search-results .recommendations {
  color: #999;
  font-size: 14px;
  line-height: 1.6em;
  margin: 5px 10px 0 10px;
}

#search-results .recommendations li {
  display: inline-block;
  margin: 0 2px;
}

#search-results #search-form {
  margin: 20px 10px;
}

nav #search {
  display: none;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  min-height: 100px;
  overflow: hidden;
  padding: 10px 0;
}

.catalogsearch-result-index nav .row {
  border-bottom: 0 !important;
}

.catalogsearch-result-index #category .left-container {
  margin: 0 auto;
  max-width: 1440px;
  padding-right: 0;
  width: 1200px;
}

@media all and (min-width: 1480px) {
  .catalogsearch-result-index #category .left-container {
    width: 1440px;
  }
}

@media all and (max-width: 1240px) {
  .catalogsearch-result-index #category .left-container {
    width: 960px;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .catalogsearch-result-index #category .left-container {
    min-width: 320px;
    width: 100%;
  }
}

.catalogsearch-result-index .product-list-grid {
  margin-left: 0;
}

#error.no-results p {
  font-size: 12px;
  margin: 30px 0 0 0;
}

#error.no-results p a {
  color: #111;
  text-decoration: underline;
}

#error.no-results .recommendations h3 {
  margin-bottom: 12px;
}

#error.no-results .recommendations ul {
  margin-bottom: 36px;
}

#error.no-results .recommendations li {
  display: inline-block;
  margin: 0 2px;
}

#error.no-results .recommendations a {
  color: #111;
}

.wishlist-management {
  margin-bottom: 20px;
}

.wishlist-management .sub-title h2 {
  font-size: 18px;
  line-height: 1em;
  margin-bottom: 4px;
}

.wishlist-management .sub-title .note-msg {
  color: #999;
  margin-bottom: 10px;
}

.wishlist-management .table-caption {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.wishlist-empty {
  font-size: 24px;
  margin-bottom: 20px;
}

#wishlist-create-button {
  background: #000;
  border: 0;
  color: #fff;
  display: block;
  float: right;
  font-weight: bold;
  line-height: 1em;
  margin: 0 1px 0 0;
  padding: 14px 24px;
}

@media all and (max-width: 480px) {
  #wishlist-create-button {
    display: block;
    float: none;
    margin-bottom: 30px;
    width: 100%;
    box-sizing: border-box;
  }
}

#wishlist-table {
  border-bottom: 1px solid #f1f1f1;
  margin: 0 0 30px 0;
  width: 100%;
}

#wishlist-table th {
  font-weight: bold;
  font-weight: normal;
  padding: 0 0 10px 0;
  text-align: left;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #wishlist-table th {
    padding: 0 4px 10px 4px;
  }
}

#wishlist-table td,
#wishlist-table tbody td {
  padding: 20px 0;
  text-align: left;
  vertical-align: top;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #wishlist-table td,
  #wishlist-table tbody td {
    padding: 20px 4px;
  }
}

#wishlist-table tbody td {
  text-align: left;
  vertical-align: middle;
}

#wishlist-table .even {
  background-color: #fff;
}

#wishlist-table textarea {
  background-color: #e5e5e5;
  border: none;
  width: 300px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #wishlist-table textarea {
    display: none;
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
  }
}

#wishlist-table .product-image img {
  width: auto;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #wishlist-table .product-image img {
    height: auto !important;
    min-width: 40px;
    max-width: 100%;
    width: 100%;
  }
}

#wishlist-table .product-name,
#wishlist-table .description,
#wishlist-table .price-box,
#wishlist-table .add-to-cart-alt {
  margin-bottom: 10px;
}

#wishlist-table .price-box .old-price,
#wishlist-table .price-box .price-label {
  display: none;
}

#wishlist-table .cart-cell {
  padding-right: 40px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #wishlist-table .cart-cell {
    padding-right: 10px;
  }
}

#wishlist-table .cart-cell .btn-cart {
  background: #000;
  border: 0;
  color: #fff;
  display: block;
  font-weight: bold;
  line-height: 1em;
  margin: 15px 0 0 0;
  padding: 14px 24px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #wishlist-table .cart-cell .btn-cart {
    font-size: 12px;
    max-width: 100%;
    padding: 4px;
    width: 100%;
    white-space: nowrap;
    box-sizing: border-box;
  }
}

#wishlist-table .item-options dl {
  overflow: hidden;
}

#wishlist-table .item-options dt,
#wishlist-table .item-options dd {
  float: left;
  margin: 0 10px 0 0 !important;
  padding: 0;
}

#wishlist-table .item-manage {
  margin-top: 8px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #wishlist-table .item-manage .split-button {
    margin: 0 0 10px 0;
    width: 100%;
  }
}

@media all and (max-width: 480px) {
  #wishlist-table .item-manage {
    display: none;
  }
}

#wishlist-table .description {
  display: none;
}

#wishlist-table .btn-remove2 {
  white-space: nowrap;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #wishlist-table .btn-remove2 {
    white-space: normal;
  }
}

#wishlist-table .nobr {
  white-space: nowrap;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #wishlist-table .nobr {
    white-space: normal;
  }
}

#wishlist-table .a-center {
  text-align: left;
}

#wishlist-table .truncated .truncated_full_value dt {
  margin-top: 10px;
}

#wishlist-table .truncated .details {
  display: none;
}

.wishlist-index-index .buttons-set2 {
  margin-bottom: 30px;
  overflow: hidden;
}

.wishlist-index-index .buttons-set2 button {
  margin-right: 1px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .wishlist-index-index .buttons-set2 button {
    display: block;
    float: none;
    margin: 1px 0 0 0;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
  }
}

.wishlist-index-share p.required {
  clear: both;
  margin-bottom: 20px;
}

.wishlist-index-configure .add-to-links li a {
  background: #f1f1f1;
  border: 0;
  color: #fff !important;
  display: block;
  font-weight: bold;
  float: left;
  line-height: 1em;
  margin-right: 1px;
  padding: 14px 24px;
  text-decoration: none !important;
}

.wishlist-index-configure .add-to-links .separator {
  display: none;
}

#wishlist_info {
  margin: 0 auto 60px auto;
  width: 1200px;
}

@media all and (min-width: 1480px) {
  #wishlist_info {
    width: 1440px;
  }
}

@media all and (max-width: 1240px) {
  #wishlist_info {
    width: 960px;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #wishlist_info {
    width: 100%;
  }
}

#wishlist_info a {
  text-decoration: none;
}

#wishlist_info a:hover {
  text-decoration: underline;
}

#wishlist_info .info-box {
  border-bottom: 1px solid #f1f1f1;
  margin: 0 10px;
  padding-bottom: 30px;
}

#wishlist_info .info-box h2 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 36px;
  line-height: 1.2em;
}

#wishlist_info .info-box h3 {
  font-size: 13px;
  line-height: 1.4em;
}

#wishlist_info .items {
  margin: 30px 0;
  overflow: hidden;
}

#wishlist_info .items .product {
  color: #666;
  height: 383px;
  float: left;
  font-size: 12px;
  overflow: hidden;
  position: relative;
  width: 25%;
  padding: 0 10px;
  box-sizing: border-box;
}

@media all and (min-width: 1480px) {
  #wishlist_info .items .product {
    height: 537px;
  }
}

@media all and (max-width: 1480px) {
  #wishlist_info .items .product {
    height: 460px;
  }
}

@media all and (max-width: 1240px) {
  #wishlist_info .items .product {
    height: 383px;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #wishlist_info .items .product {
    padding: 0;
  }
}

@media all and (max-width: 980px) {
  #wishlist_info .items .product {
    height: auto;
    margin: 10px 0 0 0;
    padding-bottom: 30px;
    width: 25%;
  }
  #wishlist_info .items .product:nth-of-type(4n+1) {
    clear: left;
  }
}

@media all and (max-width: 780px) {
  #wishlist_info .items .product {
    height: auto;
    margin: 10px 0 0 0;
    padding-bottom: 30px;
    width: 33.333%;
  }
  #wishlist_info .items .product:nth-of-type(4n+1) {
    clear: none;
  }
  #wishlist_info .items .product:nth-of-type(3n+1) {
    clear: left;
  }
}

@media all and (max-width: 580px) {
  #wishlist_info .items .product {
    height: auto;
    margin: 10px 0 0 0;
    padding-bottom: 30px;
    width: 50%;
  }
  #wishlist_info .items .product:nth-of-type(3n+1) {
    clear: none;
  }
  #wishlist_info .items .product:nth-of-type(2n+1) {
    clear: left;
  }
}

#wishlist_info .items .product .image {
  position: relative;
  width: 100%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #wishlist_info .items .product .image {
    margin: 0 10px;
    width: auto;
  }
}

#wishlist_info .items .product .image img {
  display: block;
  height: auto;
  width: 100%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #wishlist_info .items .product .image img {
    width: 100%;
  }
}

#wishlist_info .items .product h3 {
  color: #333;
  line-height: 1.2em;
  margin-top: 12px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #wishlist_info .items .product h3 {
    margin-left: 10px;
    margin-right: 10px;
  }
}

#wishlist_info .items .product h3 a {
  color: #333;
}

#wishlist_info .items .product h4 {
  line-height: 1.2em;
  margin-top: 6px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #wishlist_info .items .product h4 {
    margin-left: 10px;
    margin-right: 10px;
  }
}

#wishlist_info .items .product h4 a {
  color: #666;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #wishlist_info .items .product p {
    margin-left: 10px;
    margin-right: 10px;
  }
}

#wishlist_info .items .product .colors {
  color: #2ae98f;
  white-space: nowrap;
}

#wishlist_info .items .product .buttons {
  margin-top: 15px;
}

#wishlist_info .items .product button {
  background: #000;
  border: 0;
  color: #fff;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1em;
  margin: 0 1px 0 0;
  padding: 14px 24px;
}

#wishlist_info .items .product .comment,
#wishlist_info .items .product .checkbox {
  margin-top: 10px;
}

#wishlist_info .items .product input[type=checkbox] {
  margin-left: 0;
}

#wishlist_info .buttons-set {
  margin: 0 10px;
}

#wishlist_info .buttons-set2 {
  border-top: 1px solid #f1f1f1;
  overflow: hidden;
  padding-top: 30px;
}

#wishlist_info .buttons-set2 button {
  margin-right: 1px;
}

#wishlist_info .back-link {
  display: none;
}

@media all and (max-width: 600px) {
  #wishlists-select {
    display: block;
    float: none;
    margin-bottom: 30px;
    margin-right: 0;
  }
}

@media all and (max-width: 600px) {
  #wishlists-move {
    display: block;
    float: none;
    margin-bottom: 30px;
    margin-right: 0;
  }
}

@media all and (max-width: 600px) {
  #wishlists-copy {
    display: block;
    float: none;
    margin-bottom: 30px;
    margin-right: 0;
  }
}

#wishlist-public-url {
  margin-bottom: 20px;
  overflow: hidden;
  width: 520px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #wishlist-public-url {
    width: 100%;
    text-align: center;
  }
}

#wishlist-public-url strong {
  display: block;
  font-weight: bold;
  margin-bottom: 4px;
}

#wishlist-public-url textarea {
  background: #e5e5e5;
  border: 0;
  padding: 5px;
  width: 510px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #wishlist-public-url textarea {
    width: 100%;
  }
}

.wishlist-search-index .main,
.wishlist-search-results .main {
  margin: 0 auto;
  width: 1200px;
}

@media all and (min-width: 1480px) {
  .wishlist-search-index .main,
  .wishlist-search-results .main {
    width: 1440px;
  }
}

@media all and (max-width: 1240px) {
  .wishlist-search-index .main,
  .wishlist-search-results .main {
    width: 960px;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .wishlist-search-index .main,
  .wishlist-search-results .main {
    width: 100%;
  }
}

.wishlist-search-index .error-msg,
.wishlist-search-results .error-msg {
  color: #bababa;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 36px;
  line-height: 1em;
  margin: 0 10px;
  padding-bottom: 40px;
}

.legend-wishlist-search-results {
  font-size: 12px;
  margin: 0 10px 30px 10px;
}

#wishlist_search_form {
  color: #666;
  margin: 0 10px;
  padding-bottom: 40px;
}

#wishlist_search_form .fieldset {
  width: 100%;
}

#wishlist_search_form .divider {
  height: 20px;
}

#wishlist_search_form .form-list input[type=text],
#wishlist_search_form .form-list input[type=tel],
#wishlist_search_form .form-list input[type=email],
#wishlist_search_form .form-list input[type=password] {
  width: 330px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #wishlist_search_form .form-list input[type=text],
  #wishlist_search_form .form-list input[type=tel],
  #wishlist_search_form .form-list input[type=email],
  #wishlist_search_form .form-list input[type=password] {
    width: 100%;
    box-sizing: border-box;
  }
}

#wishlist_search_form .buttons-set {
  margin-top: 20px;
}

#wishlist_search_form p.required {
  clear: both;
  margin-top: 20px;
}

#wishlist_search_email_form {
  color: #666;
  margin: 0 10px;
  padding-bottom: 40px;
}

#wishlist_search_email_form .fieldset {
  width: 100%;
}

#wishlist_search_email_form .divider {
  height: 20px;
}

#wishlist_search_email_form .form-list input[type=text],
#wishlist_search_email_form .form-list input[type=tel],
#wishlist_search_email_form .form-list input[type=email],
#wishlist_search_email_form .form-list input[type=password] {
  width: 330px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #wishlist_search_email_form .form-list input[type=text],
  #wishlist_search_email_form .form-list input[type=tel],
  #wishlist_search_email_form .form-list input[type=email],
  #wishlist_search_email_form .form-list input[type=password] {
    width: 100%;
    box-sizing: border-box;
  }
}

#wishlist_search_email_form .buttons-set {
  margin-top: 20px;
}

#wishlist_search_email_form p.required {
  clear: both;
  margin-top: 20px;
}

#wishlist-search-results {
  margin: 0 10px;
  padding-bottom: 40px;
}

.opc-wrapper {
  margin: 0 auto;
  width: 1200px;
}

@media all and (min-width: 1480px) {
  .opc-wrapper {
    width: 1440px;
  }
}

@media all and (max-width: 1240px) {
  .opc-wrapper {
    width: 960px;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .opc-wrapper {
    min-width: 320px;
    width: 100%;
  }
}

#checkoutSteps {
  padding: 0 10px;
  box-sizing: border-box;
  width: 75%;
  /*
	.section {
		margin-bottom: 10px;
		&:last-child {
			margin-bottom: 0;
		}
	}
	*/
  /*
	.customselect {
		background: #fff;
		border: 1px solid #111;
		font-size: 14px;
		line-height: 1em;
		padding: 16px;
		position: relative;
		width: 100%;
		box-sizing: border-box;

		.validation-advice {
			display: none !important;
		}
	}

	.customselect-input {
		height: 44px;
		width: 100%;
	}

	.customselect-feedback {
		vertical-align: middle;
	}

	.customselect-button {
		height: 100%;
		position: absolute;
		right: 15px;
		top: 0;
		width: 15px;

		&:after {
			border-left: 6px solid transparent;
			border-right: 6px solid transparent;
			border-top: 8px solid #111;
			content: '';
			height: 0;
			position: absolute;
			left: 0;
			margin-top: -4px;
			top: 50%;
			width: 0;
		}
	}

	.customselect-populated {

	}
	*/
}

@media all and (max-width: 1240px) {
  #checkoutSteps {
    width: 100%;
  }
}

#checkoutSteps .section .step-title h2 {
  opacity: 0.5;
}

#checkoutSteps .section.allow .step-title h2, #checkoutSteps .section.active .step-title h2 {
  opacity: 1;
}

#checkoutSteps .section.allow .step-title {
  cursor: pointer;
}

#checkoutSteps .section.active .step-title {
  cursor: auto;
}

#checkoutSteps .step-title {
  border-top: 1px solid #eee;
  color: #111;
  font-size: 18px;
  padding: 30px 0;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #checkoutSteps .step-title {
    margin: 0 10px;
  }
}

#checkoutSteps .step-title h2 {
  display: inline-block;
  font-size: 22px;
  font-weight: normal;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #checkoutSteps .step-title h2 {
    font-size: 18px;
  }
}

#checkoutSteps .step-title .number {
  display: none;
}

#checkoutSteps .step {
  padding: 30px 0;
  position: relative;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #checkoutSteps .step {
    margin: 0 10px;
  }
}

#checkoutSteps a {
  color: #111;
  text-decoration: underline;
}

#checkoutSteps .back-link a {
  background: transparent;
  color: #666;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
}

#col-right-opcheckout {
  padding: 0 10px;
  box-sizing: border-box;
  float: right;
  width: 22%;
}

@media all and (max-width: 1240px) {
  #col-right-opcheckout {
    display: none;
  }
}

#col-right-opcheckout .block-title {
  color: #111;
  font-size: 16px;
  padding: 30px 30px 0 30px;
}

#col-right-opcheckout .block-title strong {
  font-weight: bold;
}

#col-right-opcheckout .block-content {
  padding: 30px;
}

#col-right-opcheckout dt {
  color: #999;
  font-size: 18px;
  margin-bottom: 10px;
}

#col-right-opcheckout dt a {
  color: #999;
  font-size: 14px;
}

#col-right-opcheckout dt.complete {
  color: #333;
}

#col-right-opcheckout dt.complete a {
  color: #666;
  font-size: 14px;
}

#col-right-opcheckout dd {
  margin-bottom: 20px;
}

#col-right-opcheckout dd.complete,
#col-right-opcheckout dd.complete a {
  color: #666;
  font-style: italic;
}

#col-right-opcheckout .changelink {
  float: right;
}

#col-right-opcheckout .changelink .separator {
  display: none;
}

#col-right-opcheckout .separator {
  color: #fff;
}

#col-right-opcheckout address {
  line-height: 1.4em;
}

#col-right-opcheckout dd p {
  margin-bottom: 10px;
}

#col-right-opcheckout dd table {
  width: 100%;
  line-height: 1.4em;
}

#col-right-opcheckout dd table th {
  font-weight: normal;
  text-align: left;
}

#col-right-opcheckout .block-progress {
  border: 1px solid #eee;
}

#col-right-opcheckout .block-help {
  border: 1px solid #eee;
  margin-top: 10px;
}

#col-right-opcheckout .block-help h3 {
  color: #111;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
}

#col-right-opcheckout .block-help p {
  color: #8C8A8A;
  font-size: 16px;
  line-height: 1.2em;
}

#col-right-opcheckout .block-help a {
  color: #111;
}

#col-right-opcheckout .block-help .button-chat {
  background: transparent;
  border: 1px dotted #111;
  color: #111;
  font-size: 18px;
  padding: 18px 0;
  text-align: center;
  width: 100%;
}

.checkout-onepage-index .magento {
  padding: 0 0 80px 0;
}

.checkout-onepage-index .magento .page-title {
  margin: 30px 10px 55px 10px;
  overflow: hidden;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .checkout-onepage-index .magento .page-title {
    margin: 25px 20px 15px 20px;
  }
}

.checkout-onepage-index .magento .page-title h1 {
  border: 0;
  color: #111;
  font-size: 24px;
  font-weight: bold;
  line-height: 46px;
  margin: 0;
  padding: 0;
  text-transform: none;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .checkout-onepage-index .magento .page-title h1 {
    line-height: 1em;
    margin-bottom: 25px;
  }
}

.checkout-onepage-index .magento .col2-set {
  overflow: hidden;
}

.checkout-onepage-index .magento .col-1 {
  float: left;
  margin: 0;
  width: 50%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .checkout-onepage-index .magento .col-1 {
    float: none;
    width: 100%;
  }
}

.checkout-onepage-index .magento .col-2 {
  float: left;
  margin: 0;
  width: 50%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .checkout-onepage-index .magento .col-2 {
    float: none;
    width: 100%;
  }
}

.checkout-onepage-index .magento h4 {
  color: #111;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 1.4em;
}

.checkout-onepage-index .magento p {
  margin-bottom: 1.4em;
}

.checkout-onepage-index .magento p:last-child {
  margin-bottom: 0;
}

.checkout-onepage-index .magento .form-list li {
  margin-bottom: 1.4em;
}

.checkout-onepage-index .magento .form-list label {
  margin-bottom: 1em;
}

.checkout-onepage-index .magento .form-list .input-box + label {
  margin-bottom: 0;
}

.checkout-onepage-index .magento .form-alt label {
  margin-bottom: 1em;
}

.checkout-onepage-index .magento .fields {
  overflow: hidden;
}

.checkout-onepage-index .magento .fields .field {
  float: left;
  padding-bottom: 0;
  width: 50%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .checkout-onepage-index .magento .fields .field {
    float: none;
    width: 100%;
  }
}

.checkout-onepage-index .magento form label {
  color: #333;
  display: inline-block;
}

.checkout-onepage-index .magento form input[type=text],
.checkout-onepage-index .magento form input[type=password],
.checkout-onepage-index .magento form input[type=email],
.checkout-onepage-index .magento form textarea {
  background: #fff;
  border: 1px solid #666;
  padding: 15px;
  width: 100%;
  box-sizing: border-box;
  transition: border-color 400ms ease;
}

.checkout-onepage-index .magento form input[type=radio],
.checkout-onepage-index .magento form input[type=checkbox] {
  margin: 1px 2px 0 1px;
}

.checkout-onepage-index .magento form select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-size: 11px;
  border-radius: 0;
  box-sizing: border-box;
  background-color: #fff;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOC42MDFweCIgaGVpZ2h0PSI1LjM2cHgiIHZpZXdCb3g9IjAgMCA4LjYwMSA1LjM2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4LjYwMSA1LjM2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwb2x5Z29uIGZpbGw9IiM5Nzk3OTciIHBvaW50cz0iNC4zLDUuMzYgMCwxLjA2MSAxLjA2MSwwIDQuMywzLjIzOSA3LjU0MSwwIDguNjAxLDEuMDYxIAkiLz4NCjwvZz4NCjwvc3ZnPg0K");
  background-position: 97% center;
  background-position: right 16px center;
  background-repeat: no-repeat;
  border: 1px solid #666;
  cursor: pointer;
  height: 49px;
  line-height: 1.2em;
  padding: 0 16px;
  position: relative;
  width: 100%;
}

.checkout-onepage-index .magento form select::-ms-expand {
  display: none;
}

.checkout-onepage-index .magento .buttons-set {
  padding-top: 1em;
}

.checkout-onepage-index .magento .button {
  font-size: 18px;
}

.checkout-onepage-index .magento p.required {
  display: block;
  font-size: 14px;
  margin: 0;
  padding-top: 20px;
}

.checkout-onepage-index .magento .validation-error input[type=text],
.checkout-onepage-index .magento .validation-error input[type=password],
.checkout-onepage-index .magento .validation-error input[type=email],
.checkout-onepage-index .magento .validation-error textarea {
  box-shadow: none;
  border-color: #ff3000;
}

.checkout-onepage-index .magento .validation-failed {
  border-color: #ff3000;
  /**/
}

.checkout-onepage-index .magento .validation-advice {
  font-size: 12px;
  line-height: 1.1em;
  margin-top: 4px;
  text-transform: uppercase;
}

.checkout-onepage-index .magento .please-wait {
  display: inline-block;
  position: absolute;
  padding: 20px;
  bottom: 0;
  right: 0;
  text-indent: -9999px;
}

.checkout-onepage-index .magento .please-wait img {
  float: right;
  display: block;
}

@-moz-document url-prefix() {
  select {
    background-image: none !important;
    -moz-appearance: menulist !important;
    height: 50px !important;
  }
}

#checkout-step-login input[type=text],
#checkout-step-login input[type=password] {
  width: 75%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #checkout-step-login input[type=text],
  #checkout-step-login input[type=password] {
    width: 100%;
  }
}

#checkout-step-login .col-1 strong {
  display: inline-block;
  font-weight: bold;
  margin-bottom: 1.4em;
}

#checkout-step-login .col-1 .register-notes {
  list-style-type: disc;
  margin-bottom: 1em;
}

#checkout-step-login .col-1 .register-notes li {
  line-height: 1.4em;
  margin-left: 1.2em;
}

#checkout-step-login .col-2 .form-list {
  list-style: none;
}

#checkout-step-login .col-2 .form-list li {
  line-height: 1em;
  margin-left: 0;
}

#checkout-step-login .messages {
  font-size: 18px;
  list-style: none;
  margin: 0 0 20px 0;
}

#checkout-step-login .messages ul {
  list-style: none;
}

#checkout-step-login .messages li {
  margin-left: 0;
}

#checkout-step-billing .input-box,
#checkout-step-shipping .input-box {
  padding-right: 20px;
}

#checkout-step-billing .control,
#checkout-step-shipping .control {
  line-height: 1.2em;
}

#checkout-step-billing .control .input-box,
#checkout-step-shipping .control .input-box {
  padding: 0;
}

#checkout-step-billing .name-firstname,
#checkout-step-shipping .name-firstname {
  clear: left;
}

#checkout-step-billing .add-field .input-box,
#checkout-step-shipping .add-field .input-box {
  box-sizing: border-box;
  width: 100%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #checkout-step-billing .add-field .input-box,
  #checkout-step-shipping .add-field .input-box {
    width: 100%;
  }
}

#checkout-step-billing .buttons-set,
#checkout-step-shipping .buttons-set {
  display: inline-block;
  overflow: hidden;
}

#checkout-step-billing .back-link,
#checkout-step-shipping .back-link {
  float: right;
  margin-bottom: 0;
}

#checkout-step-billing .back-link a,
#checkout-step-shipping .back-link a {
  text-decoration: none;
}

.checkout-onepage-index [for=billing\:company] + .input-box,
.checkout-onepage-index [for=billing\:email] + .input-box {
  box-sizing: border-box;
  width: 50%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .checkout-onepage-index [for=billing\:company] + .input-box,
  .checkout-onepage-index [for=billing\:email] + .input-box {
    width: 100%;
  }
}

.checkout-onepage-index [for=shipping\:company] + .input-box,
.checkout-onepage-index [for=shipping\:email] + .input-box {
  box-sizing: border-box;
  width: 50%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .checkout-onepage-index [for=shipping\:company] + .input-box,
  .checkout-onepage-index [for=shipping\:email] + .input-box {
    width: 100%;
  }
}

.checkout-onepage-index [for=billing\:street1] + .input-box,
.checkout-onepage-index [for=billing\:street2] + .input-box,
.checkout-onepage-index [for=shipping\:street1] + .input-box,
.checkout-onepage-index [for=shipping\:street2] + .input-box {
  box-sizing: border-box;
  width: 100%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .checkout-onepage-index [for=billing\:street1] + .input-box,
  .checkout-onepage-index [for=billing\:street2] + .input-box,
  .checkout-onepage-index [for=shipping\:street1] + .input-box,
  .checkout-onepage-index [for=shipping\:street2] + .input-box {
    width: 100%;
  }
}

#opc-shipping_method .sp-methods li {
  margin-bottom: 1em;
}

#opc-shipping_method .sp-methods li:last-child {
  margin-bottom: 0;
}

#opc-shipping_method dt {
  color: #111;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 1em;
}

#opc-shipping_method dd {
  margin-bottom: 30px;
}

#opc-shipping_method .description {
  color: #666;
}

#opc-shipping_method .international-note {
  font-size: 12px;
  line-height: 1.4em;
  margin-top: 1.4em;
  width: 50%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #opc-shipping_method .international-note {
    width: 100%;
  }
}

#opc-shipping_method .shipping-note {
  font-size: 12px;
  line-height: 1.4em;
  margin-top: 1.4em;
  width: 50%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #opc-shipping_method .shipping-note {
    width: 100%;
  }
}

#opc-shipping_method .buttons-set {
  display: inline-block;
  overflow: hidden;
}

#opc-shipping_method .back-link {
  float: right;
  margin-bottom: 0;
}

#opc-shipping_method .back-link a {
  text-decoration: none;
}

#onepage-checkout-shipping-method-additional-load .add-gift-message {
  padding: 1em 0;
}

#onepage-checkout-shipping-method-additional-load .add-gift-message h3 {
  margin-bottom: 1em;
}

#onepage-checkout-shipping-method-additional-load p {
  margin-bottom: 1em;
}

#onepage-checkout-shipping-method-additional-load .gift-options-for-order > div > a {
  display: inline-block;
  margin-bottom: 1em;
}

#onepage-checkout-shipping-method-additional-load .gift-message-form {
  margin-bottom: 2em;
}

#onepage-checkout-shipping-method-additional-load .input-box {
  padding-right: 20px;
}

#opc-payment .sp-methods {
  margin-bottom: 30px;
}

#opc-payment .sp-methods dt {
  font-size: 16px;
}

#opc-payment .sp-methods dt * {
  vertical-align: middle;
}

#opc-payment .sp-methods dt > label {
  color: #111;
  font-weight: bold;
}

#opc-payment .sp-methods li {
  margin-bottom: 1em;
}

#opc-payment .sp-methods li:last-child {
  margin-bottom: 0;
}

#opc-payment dd {
  margin-bottom: 1.4em;
}

#opc-payment .form-list {
  padding-top: 20px;
}

#opc-payment input[type=text] {
  width: 50%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #opc-payment input[type=text] {
    width: 100%;
  }
}

#opc-payment .icon-credit-cards {
  display: inline-block;
  margin-left: 10px;
}

#opc-payment .cvv-what-is-this {
  display: none;
}

#opc-payment .buttons-set {
  clear: left;
  display: inline-block;
  overflow: hidden;
}

#opc-payment .back-link {
  float: right;
  margin-bottom: 0;
}

#opc-payment .back-link a {
  text-decoration: none;
}

.checkout-onepage-index [for=authorizenet_cc_type] + .input-box,
.checkout-onepage-index [for=authnetcim_payment_id] + .input-box,
.checkout-onepage-index [for=authnetcim_cc_type] + .input-box {
  box-sizing: border-box;
  width: 50%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .checkout-onepage-index [for=authorizenet_cc_type] + .input-box,
  .checkout-onepage-index [for=authnetcim_payment_id] + .input-box,
  .checkout-onepage-index [for=authnetcim_cc_type] + .input-box {
    width: 100%;
  }
}

.checkout-onepage-payment-additional-customerbalance {
  margin-bottom: 20px;
}

.checkout-onepage-index #authorizenet_cc_type_exp_div .input-box,
.checkout-onepage-index #authnetcim_cc_type_exp_div .input-box {
  overflow: hidden;
}

.checkout-onepage-index #authorizenet_cc_type_exp_div .v-fix,
.checkout-onepage-index #authnetcim_cc_type_exp_div .v-fix {
  box-sizing: border-box;
  float: left;
  width: 50%;
}

@media all and (max-width: 480px) {
  .checkout-onepage-index #authorizenet_cc_type_exp_div .v-fix,
  .checkout-onepage-index #authnetcim_cc_type_exp_div .v-fix {
    float: none;
    width: 100%;
  }
}

.checkout-onepage-index #authorizenet_cc_type_exp_div .v-fix:last-child,
.checkout-onepage-index #authnetcim_cc_type_exp_div .v-fix:last-child {
  padding-left: 20px;
}

@media all and (max-width: 480px) {
  .checkout-onepage-index #authorizenet_cc_type_exp_div .v-fix:last-child,
  .checkout-onepage-index #authnetcim_cc_type_exp_div .v-fix:last-child {
    padding-left: 0;
  }
}

#need-checkout-additional {
  border-top: 1px solid #eee;
  margin-bottom: 30px;
  overflow: hidden;
}

#need-checkout-additional h3 {
  font-weight: bold;
  font-size: 18px;
  padding-top: 30px;
  margin-bottom: 30px;
}

#need-checkout-additional .checkout-coupon-code {
  margin-bottom: 20px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #need-checkout-additional form input[type=text] {
    width: 50%;
  }
}

@media all and (max-width: 480px) {
  #need-checkout-additional form input[type=text] {
    display: block;
    margin-bottom: 10px;
    width: 100%;
  }
}

#need-checkout-additional label {
  display: block;
  margin-bottom: 10px;
}

#need-checkout-additional .input-box {
  margin-bottom: 10px;
}

#need-checkout-additional .input-box * {
  vertical-align: middle;
}

#need-checkout-additional .button {
  margin-left: 8px;
  min-width: 114px;
  padding-top: 15px;
  padding-bottom: 16px;
}

@media all and (max-width: 480px) {
  #need-checkout-additional .button {
    font-size: 14px;
    padding: 12px 16px;
    margin: 0;
    min-width: 0;
  }
}

#need-checkout-additional #button-coupon-apply,
#need-checkout-additional #button-coupon-remove {
  font-size: 15px;
  padding-top: 17px;
  padding-bottom: 17px;
}

#need-checkout-additional #button-coupon-remove {
  display: none;
}

#need-checkout-additional #button-gift-card-apply,
#need-checkout-additional #button-gift-card-remove {
  font-size: 15px;
  padding-top: 17px;
  padding-bottom: 17px;
}

#need-checkout-additional #button-gift-card-remove {
  display: none;
}

#need-checkout-additional .message {
  display: none;
  margin-top: 1em;
}

#need-checkout-additional .success {
  color: #2ae98f;
}

#need-checkout-additional .error {
  color: #ff3000;
}

#checkout-step-review .data-table {
  font-size: 14px;
  width: 100%;
}

#checkout-step-review .data-table .even {
  background: #fff;
}

#checkout-step-review th {
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  padding: 0 1em 1em 0;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #checkout-step-review th {
    font-size: 14px;
  }
}

#checkout-step-review th.a-center {
  width: 10%;
  text-align: right;
}

#checkout-step-review th:last-child {
  padding-right: 0;
}

#checkout-step-review td {
  padding: 1.4em 1em 1.4em 0;
  text-align: left;
}

#checkout-step-review .product-name {
  font-weight: bold;
  font-size: 14px;
}

#checkout-step-review .product-image {
  float: left;
  margin-right: 1em;
  width: auto;
}

#checkout-step-review .product-image img {
  width: auto;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #checkout-step-review .product-image {
    display: none;
  }
}

#checkout-step-review .product-details .item-msg {
  color: #ff9933;
  font-size: 12px;
  margin-top: 8px;
  width: 65%;
}

#checkout-step-review .item-options {
  line-height: 1.4em;
  margin-top: 1em;
  overflow: hidden;
}

#checkout-step-review .item-options dt {
  float: left;
  margin-right: 4px;
  clear: left;
}

#checkout-step-review .item-options dt:after {
  content: ':';
}

#checkout-step-review .item-options dd {
  float: left;
}

#checkout-step-review .nobr {
  white-space: nowrap;
}

#checkout-step-review .f-left {
  margin-bottom: 20px;
}

#checkout-step-review .a-right {
  text-align: right;
}

#checkout-step-review tbody td {
  border-bottom: 1px solid #ececec;
}

#checkout-step-review tbody td.a-center, #checkout-step-review tbody td.a-right {
  width: 10%;
  text-align: right;
}

#checkout-step-review tbody td.last {
  padding-right: 0;
}

#checkout-step-review tfoot {
  font-size: 18px;
  font-weight: bold;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #checkout-step-review tfoot {
    font-size: 14px;
  }
}

#checkout-step-review tfoot td {
  border: 0;
  padding: 1.4em 1em 0 0;
}

#checkout-step-review tfoot td.last {
  padding-right: 0;
}

#checkout-step-review strong {
  font-weight: bold;
}

#checkout-review-table-wrapper {
  margin-bottom: 20px;
}

.brands-list {
  padding: 0 10px;
  box-sizing: border-box;
  padding-bottom: 40px;
  overflow: hidden;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .brands-list {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

.brands-list .col {
  font-size: 12px;
  float: left;
  width: 25%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .brands-list .col {
    float: none;
    width: 100%;
    text-align: center;
  }
}

.brands-list .col .heading {
  font-weight: bold;
  margin: 1em 0;
}

.brands-list .col a {
  color: #111;
  display: block;
  line-height: 1.7em;
}

.brands-list .col a:hover {
  text-decoration: underline;
}

.brands-list-2-cols .col {
  width: 50%;
}

.brands-list-3-cols .col {
  width: 33.33333%;
}

.category-features .toolbar-container {
  display: none;
}

.features-page-images {
  display: none;
}

.features-page-container {
  box-sizing: border-box;
  padding: 0 25px;
  width: 100%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .features-page-container {
    padding: 0 10px;
  }
}

.features-page-items .item {
  padding: 80px 10px;
  text-align: center;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .features-page-items .item {
    padding: 40px 0;
  }
}

.features-page-items .item a {
  color: #111;
  display: inline-block;
  text-decoration: none;
}

.features-page-items .item a:hover {
  text-decoration: underline;
}

.features-page-items .item img {
  display: inline-block;
  margin-bottom: 40px;
  max-width: 100%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .features-page-items .item img {
    display: block;
  }
}

.features-page-items .item h3 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1em;
  margin-bottom: 1em;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .features-page-items .item h3 {
    font-size: 18px;
  }
}

.features-page-items .item p {
  width: 33.3333%;
  line-height: 1.4em;
  margin: 0 auto;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .features-page-items .item p {
    padding: 0 10px;
    width: auto;
  }
}

.category-collection .product-list-nav {
  display: none;
}

.category-collection .product-list-grid {
  margin-left: 0;
}
/*# sourceMappingURL=styles.css.map */