@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: #f7f7f7;
  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;
}

form .validation-error input[type=text],
form .validation-error input[type=tel],
form .validation-error input[type=email],
form .validation-error input[type=password],
form .validation-error .input-text {
  box-shadow: inset 0 0 10px #ff3000;
}

.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(http://needsupply.com/skin/frontend/needsupply/default/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 {
    display: block;
    float: right;
    padding: 18px;
    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 {
    background: #111;
    color: #fff;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    width: 24px;
    text-align: center;
    border-radius: 24px;
  }
}

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

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .home-test header .mobile_cart span {
    border-radius: 0;
    height: 22px;
    line-height: 22px;
    position: relative;
    width: 22px;
  }
  .home-test header .mobile_cart span:after {
    background: url("../images/icon-bag-handle.svg") center top no-repeat;
    content: '';
    display: block;
    height: 7px;
    width: 16px;
    position: absolute;
    top: -5px;
    left: 3px;
  }
}

#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;
  letter-spacing: normal;
  line-height: normal;
  text-decoration: none;
  opacity: 1;
  transition: none;
}

#mobile_cart_widget span {
  display: inline;
  height: auto;
  letter-spacing: normal;
  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%;
}

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

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

.messaging-banner .content {
  display: block;
  line-height: 1.4em;
  overflow: hidden;
  padding: 17px 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: 17px 30px;
  }
}

.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: 24px;
  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: #ddc9c6;
}

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

footer {
  overflow: hidden;
  padding: 90px 0 75px 0;
  position: relative;
}

@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: #111;
  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 .row {
  overflow: hidden;
}

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

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

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

footer .row-3 {
  padding-top: 70px;
}

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

footer .logo {
  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) {
  footer .logo {
    display: none;
  }
}

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

footer .social {
  float: left;
  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) {
  footer .social {
    display: none;
  }
}

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

footer .social a {
  display: block;
}

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

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

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

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

footer .address {
  float: left;
  line-height: 1.4em;
  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) {
  footer .address {
    border-top: 1px solid #ddd;
    float: none;
    margin: 0;
    text-align: center;
    width: 100%;
  }
  footer .address p {
    padding: 10px 0;
  }
}

footer .help {
  float: left;
  line-height: 1.4em;
  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) {
  footer .help {
    float: none;
    margin: 0;
    text-align: center;
    width: 100%;
  }
  footer .help a {
    display: block;
    padding: 10px 0;
  }
  footer .help li {
    border-top: 1px solid #ddd;
    display: none;
  }
  footer .help li:first-child {
    display: block;
  }
}

footer .company {
  float: left;
  line-height: 1.4em;
  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) {
  footer .company {
    border-bottom: 1px solid #ddd;
    float: none;
    margin: 0;
    text-align: center;
    width: 100%;
  }
  footer .company a {
    display: block;
    padding: 10px 0;
  }
  footer .company li {
    border-top: 1px solid #ddd;
  }
}

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;
  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 .legal {
    float: none;
    margin: 10px 0 0 0;
    text-align: center;
    width: 100%;
  }
}

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

footer h5 {
  display: none;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  footer h5 {
    border-top: 1px solid #ddd;
    display: block;
    padding: 10px 0;
    text-align: center;
  }
}

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

.toolbar {
  clear: left;
  position: relative;
}

.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 {
  display: none;
}

.toolbar .breadcrumbs {
  color: #999;
  float: left;
  font-size: 12px;
  line-height: 26px;
  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 .breadcrumbs {
    display: none;
  }
}

.toolbar .breadcrumbs li {
  display: inline-block;
}

.toolbar .breadcrumbs a {
  color: #999;
}

.toolbar .breadcrumbs a:hover {
  text-decoration: underline;
}

.toolbar .breadcrumbs strong {
  font-weight: bold;
}

.toolbar .limit {
  float: right;
  font-size: 12px;
  line-height: 26px;
  padding-right: 20px;
  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 .limit {
    display: none;
  }
}

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

.toolbar .limit a {
  color: #111;
}

.toolbar .limit a:hover, .toolbar .limit a.active {
  text-decoration: underline;
}

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

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .toolbar .mobile-filter {
    border-bottom: 1px solid #f1f1f1;
    color: #323031;
    display: block;
    font-weight: bold;
    text-decoration: none !important;
    padding: 15px 10px;
  }
  .toolbar .mobile-filter 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: -webkit-transform 0.6s ease;
    transition: transform 0.6s ease;
    transition: transform 0.6s ease, -webkit-transform 0.6s ease;
  }
  .toolbar .mobile-filter.active i {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}

.toolbar .filters {
  float: right;
  font-size: 12px;
  padding-right: 10px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .toolbar .filters {
    box-sizing: border-box;
    display: none;
    float: none;
    padding: 0 10px 10px 10px;
  }
}

.toolbar .filters .filter {
  display: inline-block;
  margin-right: 20px;
}

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

.toolbar .filters .customselect {
  box-sizing: border-box;
  border: 1px solid #e8e8e8;
  line-height: 1em;
  min-width: 130px;
  padding: 6px 8px;
}

.toolbar .filters .customselect-feedback {
  display: inline;
  padding-right: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.toolbar .filters .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;
}

.toolbar .filters select {
  height: 24px;
}

.toolbar .pagination {
  float: right;
  font-size: 12px;
  line-height: 26px;
  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 .mobile-pager,
.toolbar .mobile-filter-menu-button {
  display: none;
}

.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;
  overflow: hidden;
  position: absolute;
  width: 175px;
  padding-bottom: 30px;
  text-transform: none;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .nav {
    display: none;
    float: none;
    height: auto;
    margin: 0;
    padding: 0;
    position: static;
    width: 100%;
  }
  .nav.expanded {
    height: auto;
  }
}

.nav h3 {
  font-weight: bold;
  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) {
  .nav h3 {
    display: none;
  }
}

.nav h3 a {
  padding: 0;
}

.nav .links {
  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 a {
  color: #111;
  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;
}

.nav li:first-child > a {
  padding-top: 0;
}

.nav li.active a {
  font-weight: bold;
}

.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.svg") center center no-repeat;
  background-size: 30%;
  border: 0;
  color: #111;
  content: '';
  display: inline-block;
  float: left;
  line-height: 60px;
  margin: 0;
  opacity: 1;
  padding: 0;
  text-align: center;
  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 {
  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);
}

#quick_view {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 999;
}

#quick_view .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;
}

#quick_view .product {
  /* min-height: 480px; */
  background: #fff;
  left: 50%;
  margin: -240px 0 0 -440px;
  padding: 40px 30px 60px 30px;
  position: fixed;
  top: 50%;
  width: 820px;
  z-index: 1001;
}

#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 .view_detail {
  background: #2ae98f;
  border-radius: 100px;
  bottom: -30px;
  color: #fff;
  display: block;
  height: 100px;
  left: 30px;
  line-height: 100px;
  position: absolute;
  text-align: center;
  text-decoration: none;
  width: 100px;
}

#quick_view .product .view_detail:hover {
  text-decoration: underline;
}

#quick_view .media {
  float: left;
  margin-right: 40px;
  width: 360px;
}

#quick_view .media img {
  display: block;
}

#quick_view .media .image {
  float: left;
  margin-right: 20px;
  width: 280px;
}

#quick_view .media .thumbs {
  float: left;
  height: 338px;
  overflow: hidden;
  width: 60px;
}

#quick_view .media li {
  margin-bottom: 10px;
}

#quick_view .details {
  float: left;
  width: 420px;
}

#quick_view .details h1 {
  color: #111;
  font-size: 18px;
  font-weight: bold;
  line-height: 1em;
  margin-bottom: 8px;
  text-transform: uppercase;
}

#quick_view .details h2 {
  color: #333;
  line-height: 1em;
}

#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 .buttons-disabled {
  height: 30px;
}

#quick_view .details .buttons {
  margin: 30px 0 40px 0;
  width: 375px;
}

#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;
  padding: 14px 24px;
  width: 48%;
}

#quick_view .details .buttons button:first-child {
  margin-right: 4%;
}

#quick_view .details .buttons .wishlist {
  background: #ccc;
}

#quick_view .options {
  font-size: 10px;
  margin: 25px 0 30px 0;
  text-transform: uppercase;
}

#quick_view .options > ul {
  float: left;
}

#quick_view .options > ul > li > a {
  background: #fff;
  border: 1px solid #ebebeb;
  color: #666;
  display: block;
  height: 40px;
  line-height: 40px;
  padding-left: 15px;
  position: relative;
  text-decoration: none;
}

#quick_view .options > ul > li > a:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #999;
  content: '';
  height: 0;
  position: absolute;
  right: 12px;
  top: 16px;
  width: 0;
}

#quick_view .options > ul > li > a.active {
  background: #ebebeb;
}

#quick_view .options ul > li {
  display: block;
  float: left;
  margin-right: 20px;
  position: relative;
  width: 130px;
}

#quick_view .options ul > li.disabled {
  opacity: 0.5;
}

#quick_view .options ul li ul {
  border-bottom: 0;
  display: none;
  position: absolute;
  width: 130px;
  z-index: 1;
}

#quick_view .options ul li ul li {
  display: block;
  width: 130px;
}

#quick_view .options ul li ul li a {
  background: #ebebeb;
  color: #666;
  display: block;
  height: 40px;
  line-height: 40px;
  padding-left: 16px;
  text-decoration: none;
}

#quick_view .options ul li ul li a:hover {
  background: #d9d9d9;
}

#quick_view .options .quantity {
  color: #666;
  float: left;
  font-size: 12px;
  margin: 0;
}

#quick_view .options .quantity p {
  float: left;
  line-height: 40px;
  margin-right: 10px;
}

#quick_view .options .quantity fieldset {
  background: #fff;
  border: 1px solid #ebebeb;
  color: #666;
  height: 40px;
  float: left;
  width: 40px;
}

#quick_view .options .quantity input {
  background: transparent;
  border: 0;
  color: #666;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1em;
  margin-top: 11px;
  outline: none;
  text-align: center;
  width: 38px;
}

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

#quick_view .additional ul {
  margin-bottom: 20px;
  overflow: hidden;
}

#quick_view .additional ul .tab {
  font-weight: bold;
}

#quick_view .additional ul li {
  float: left;
  margin-right: 24px;
}

#quick_view .additional ul li span {
  border-bottom: 1px solid #ccc;
  color: #666;
  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.4em;
}

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

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

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

#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 {
  background-color: #eee;
  margin: 0;
  overflow: hidden;
  padding: 0 0 80px 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 {
  background: #fff;
  margin: 80px 10px 20px 10px;
  overflow: hidden;
  padding: 20px 30px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #cart .cart-header {
    background: none;
    margin: 10px;
    padding: 0;
  }
}

#cart .cart-header h1 {
  color: #1e1e1e;
  float: left;
  line-height: 46px;
  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) {
  #cart .cart-header h1 {
    background: #fff;
    float: none;
    font-size: 24px;
    line-height: 1em;
    padding: 20px;
  }
}

#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 .paypal-logo {
    text-align: center;
  }
}

#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 {
  background: #fff;
  color: #1e1e1e;
  font-size: 36px;
  font-weight: bold;
  line-height: 46px;
  margin: 80px 10px 20px 10px;
  padding: 20px 30px;
}

@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: 24px;
    margin: 10px;
    padding: 20px;
  }
}

#cart .messages {
  background: #fff;
  color: #1e1e1e;
  font-size: 18px;
  font-weight: bold;
  margin: 0 10px 10px 10px;
  padding: 30px 20px;
}

#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 {
    padding: 20px;
  }
}

#cart form {
  margin: 0 10px;
}

#cart .data-table {
  background-color: #fff;
}

#cart .data-table th {
  color: #1e1e1e;
  font-size: 18px;
  font-weight: bold;
  font-weight: bold;
  padding: 30px 15px;
}

#cart .data-table td {
  vertical-align: middle;
}

#cart .data-table tbody td {
  padding: 20px 15px;
}

#cart .data-table th, #cart .data-table td {
  text-align: left;
}

#cart .data-table .image {
  padding-left: 30px;
  text-align: left;
}

#cart .data-table .product-name {
  text-align: left;
}

#cart .data-table .product-name h2 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 6px;
}

#cart .data-table .product-name h2 a {
  color: #111;
}

#cart .data-table .product-name .item-options {
  color: #1e1e1e;
  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: 30px;
  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 30px;
}

#cart .data-table tfoot tr {
  border-bottom: 0;
}

#cart .data-table tr {
  background: transparent;
  border-bottom: 1px solid #efefef;
}

#cart .data-table .mobile-label {
  display: none;
}

@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 .subtotal {
    text-align: left;
  }
  #cart .data-table .image {
    float: left;
    margin-right: 20px;
    min-height: 150px;
    padding-left: 20px;
    width: auto;
  }
  #cart .data-table .product-name h2 {
    margin-bottom: 6px;
  }
  #cart .data-table .product-name .item-options {
    padding-bottom: 6px;
  }
  #cart .data-table .product-name .item-msg {
    padding-bottom: 6px;
    width: 100%;
  }
  #cart .data-table .btn-remove,
  #cart .data-table .edit,
  #cart .data-table input[type=checkbox] {
    display: none;
  }
  #cart .data-table .cart-remove-item,
  #cart .data-table .cart-wishlist {
    display: none;
  }
  #cart .data-table .quantity {
    padding: 5px 0;
  }
  #cart .data-table .subtotal {
    margin-top: 6px;
  }
  #cart .data-table .link-remove {
    color: #000;
    display: block;
    padding-top: 6px;
    text-decoration: underline;
  }
  #cart .data-table .mobile-label {
    display: inline;
  }
}

#cart .btn-update {
  background: transparent;
  border: 0;
  color: #666;
  font-size: 14px;
  font-weight: normal;
  float: right;
  margin: 12px 0;
  padding: 0;
  text-decoration: underline;
}

#cart .totals {
  background-color: #fff;
  margin: 0 10px;
  overflow: hidden;
  padding: 30px;
}

@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 10px;
    padding: 20px;
    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 {
  float: right;
  margin-top: 20px;
}

@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 {
    text-align: center;
  }
  #cart .checkout-types .paypal-logo a, #cart .checkout-types .paypal-logo img {
    display: inline-block;
    line-height: 1em;
  }
}

#cart .checkout-types li {
  display: inline-block;
  margin-left: 1em;
  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 {
  background: #fff;
  margin: 0 10px;
  padding: 30px;
}

#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 {
  font-size: 18px;
  width: 100%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #shopping-cart-totals-table {
    font-size: 14px;
    margin-bottom: 20px;
  }
}

#shopping-cart-totals-table .a-right {
  text-align: right;
}

#shopping-cart-totals-table td, #shopping-cart-totals-table th {
  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) {
  #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;
}

@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;
  float: left;
  margin-bottom: 30px;
  overflow: hidden;
  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 img {
  display: block;
  margin-bottom: 20px;
  max-width: 100%;
}

#category .brand h2 {
  color: #333;
  font-weight: bold;
  margin-bottom: 12px;
}

#category .brand p {
  color: #666;
  font-size: 12px;
  line-height: 1.4em;
}

#category .brand a {
  color: #666;
  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(4n+1),
  #category article.product:nth-of-type(4n+1) {
    clear: left;
  }
  #category article.promo:nth-of-type(3n+1),
  #category article.product:nth-of-type(3n+1) {
    clear: none;
  }
}

@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(4n+1),
  #category article.product:nth-of-type(4n+1) {
    clear: none;
  }
  #category article.promo:nth-of-type(3n+1),
  #category article.product:nth-of-type(3n+1) {
    clear: left;
  }
}

@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 {
  position: absolute;
  padding: 0 10px;
  top: 0;
  left: 0;
  width: 195px;
}

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

.product-list-grid {
  margin-left: 195px;
}

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

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

.category-collection .toolbar-container,
.category-lookbook .toolbar-container {
  display: none;
}

.contest-form fieldset {
  margin-bottom: 1.4em;
}

.contest-form label.email-address {
  display: block;
  padding-bottom: 4px;
}

.contest-form input[type=text] {
  box-sizing: border-box;
  border: 1px solid #111;
  outline: none;
  padding: 6px;
  width: 50%;
}

.contest-form button {
  background: #000;
  border: 0;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1em;
  padding: 12px 24px;
  text-transform: uppercase;
}

.contest-form fieldset input.validation-failed {
  border-color: #ff3000;
}

.contest-form .newsletter {
  display: inline-block;
  margin-right: 12px;
}

.contest-form .complete strong {
  font-weight: bold;
}

#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: 800px;
}

@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 {
  color: #111;
  text-decoration: underline;
}

#contest-page .description {
  width: 500px;
}

@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 a {
  color: #fff;
  text-decoration: none;
}

#contest-page .contest-form {
  font-size: 18px;
  margin-bottom: 40px;
}

#contest-page .contest-form input[type=text] {
  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] {
    max-width: 100%;
  }
}

#contest-page .contest-form .newsletter {
  margin-right: 18px;
}

.yeezy-fieldset-group {
  margin: 0 auto;
  overflow: hidden;
  width: 75%;
}

@media all and (max-width: 1240px) {
  .yeezy-fieldset-group {
    width: 100%;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  .yeezy-fieldset-group {
    overflow: auto;
    width: auto;
  }
}

.yeezy-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) {
  .yeezy-fieldset {
    float: none;
    margin: 0 0 1em 0;
    width: 100%;
  }
}

.yeezy-fieldset:last-child {
  margin-right: 0;
}

.yeezy-fieldset label {
  display: block;
  margin-bottom: 6px;
  text-align: left;
}

.yeezy-fieldset input[type=text] {
  width: 100%;
}

.yeezy-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%;
}

.yeezy-fieldset select.validation-failed {
  border-color: #f00;
}

.yeezy-fieldset select::-ms-expand {
  display: none;
}

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

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

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

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

.cms-mens-landing .toolbar-container,
.cms-womens-landing .toolbar-container {
  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 .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;
}

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

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

.catalog-category-view.category-mens .toolbar-container,
.catalog-category-view.category-womens .toolbar-container,
.catalog-category-view.category-life .toolbar-container {
  display: none;
}

.catalog-category-view.category-mens #category.page-1,
.catalog-category-view.category-womens #category.page-1,
.catalog-category-view.category-life #category.page-1 {
  margin-top: 0;
}

.catalog-category-view.category-mens .category-feature,
.catalog-category-view.category-womens .category-feature,
.catalog-category-view.category-life .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) {
  .catalog-category-view.category-mens .category-feature,
  .catalog-category-view.category-womens .category-feature,
  .catalog-category-view.category-life .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%;
  /*
	.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 {
  margin-bottom: 10px;
}

#checkoutSteps .section:last-child {
  margin-bottom: 0;
}

#checkoutSteps .section.allow .step-title {
  cursor: pointer;
}

#checkoutSteps .section.active .step-title {
  cursor: auto;
}

#checkoutSteps .step-title {
  background: #fff;
  color: #111;
  font-size: 18px;
  margin-bottom: 1px;
  padding: 30px;
}

#checkoutSteps .step-title h2 {
  font-weight: bold;
  font-size: 18px;
}

#checkoutSteps .step-title .number {
  display: none;
}

#checkoutSteps .step {
  background: #fff;
  padding: 30px;
  position: relative;
}

#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: 25%;
}

@media all and (max-width: 1240px) {
  #col-right-opcheckout {
    display: none;
  }
}

#col-right-opcheckout .block-title {
  background: #fff;
  color: #111;
  font-size: 18px;
  margin-bottom: 1px;
  padding: 30px;
}

#col-right-opcheckout .block-title strong {
  font-weight: bold;
}

#col-right-opcheckout .block-content {
  background: #fff;
  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-help {
  margin-top: 10px;
}

#col-right-opcheckout .block-help h3 {
  background: #fff;
  color: #111;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
}

#col-right-opcheckout .block-help p {
  font-size: 18px;
  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 {
  background: #eee;
  padding: 80px 0;
}

.checkout-onepage-index .magento .page-title {
  background: #fff;
  margin: 0 10px 20px 10px;
  padding: 20px 30px;
}

.checkout-onepage-index .magento .page-title h1 {
  color: #111;
  border: 0;
  font-size: 36px;
  line-height: 1em;
  margin: 0;
  padding: 0;
  text-transform: none;
}

.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.2em;
}

.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: 1.4em;
  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 #111;
  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: 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: 49px;
  line-height: 1em;
  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 {
  margin-top: 4px;
}

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

#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 .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: 50%;
}

@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,
.checkout-onepage-index [for=billing\:street1] + .input-box,
.checkout-onepage-index [for=billing\:street2] + .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,
  .checkout-onepage-index [for=billing\:street1] + .input-box,
  .checkout-onepage-index [for=billing\:street2] + .input-box {
    width: 100%;
  }
}

.checkout-onepage-index [for=shipping\:company] + .input-box,
.checkout-onepage-index [for=shipping\:email] + .input-box,
.checkout-onepage-index [for=shipping\:street1] + .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,
  .checkout-onepage-index [for=shipping\:street1] + .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: 20px;
}

#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 .form-list .v-fix {
  margin-bottom: 1em;
}

#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-remove {
  display: none;
}

#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: #ff3000;
  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;
}

#product-old {
  margin-bottom: 40px;
  /*
	.related {
		float: left;
		margin: 0;
		width: 600px;
		@include breakpoint(grid-1440) {
			margin-top: 20px;
			padding: 0;
			width: 120px;
		}
		@include breakpoint(grid-960) {
			float: left;
			width: 960px;
		}
		@include breakpoint(grid-mobile) {
			display: none;
		}
		h5 {
			border-top: 1px solid #ccc;
			line-height: 1em;
			margin: 40px 10px 15px 10px;
			padding: 40px 0 0 0;
			@include breakpoint(grid-1440) {
				border: 0;
				line-height: 1.2em;
				margin: 0 10px;
				padding: 0;
			}
		}
		li {
			float: left;
			margin: 0 10px;
			width: 100px;
			@include breakpoint(grid-1440) {
				margin: 10px 10px 0 10px;
			}
		}
	}
	*/
}

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

#product-old .container, #product-old .col2-left-layout, #product-old .account-login, #product-old .newsletter-banner-container {
  overflow: hidden;
}

#product-old .media {
  float: left;
  margin-right: 50px;
  width: 550px;
}

@media all and (min-width: 1480px) {
  #product-old .media {
    width: 700px;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #product-old .media {
    float: none;
    margin: 10px 10px 0 10px;
    width: auto;
  }
}

#product-old .media .image {
  cursor: pointer;
  float: left;
  margin: 0 10px;
  position: relative;
  width: 460px;
}

@media all and (min-width: 1480px) {
  #product-old .media .image {
    width: 610px;
  }
}

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

#product-old .media .image img {
  display: block;
  max-width: 100%;
  width: 100%;
}

#product-old .media .enlarge {
  bottom: 0;
  right: 0;
  position: absolute;
}

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

#product-old .media .enlarge a {
  background: url("../images/product_enlarge.png") left top no-repeat;
  display: block;
  height: 42px;
  width: 42px;
}

#product-old .media .thumbs {
  float: left;
  width: 70px;
}

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

#product-old .media .thumbs li {
  margin-bottom: 10px;
}

#product-old .media .thumbs img {
  display: block;
}

#product-old .details {
  float: left;
  margin: 20px 10px 0 10px;
  width: 460px;
}

@media all and (max-width: 1240px) {
  #product-old .details {
    float: left;
    margin: 20px 10px 0 0;
    width: 350px;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #product-old .details {
    float: none;
    margin: 10px;
    width: auto;
  }
}

#product-old .details h1 {
  color: #111;
  font-size: 18px;
  font-weight: bold;
  line-height: 1em;
  margin-bottom: 8px;
  text-transform: uppercase;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #product-old .details h1 {
    font-size: 24px;
    margin: 0;
    padding: 0 10px;
  }
}

#product-old .details h2 {
  color: #333;
  line-height: 1em;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #product-old .details h2 {
    border-bottom: 1px solid #000;
    font-size: 16px;
    margin: 0 0 10px 0;
    padding: 5px 10px 10px 10px;
  }
}

#product-old .details h2 a {
  color: #333;
}

#product-old .details h3 {
  color: #333;
  font-size: 20px;
  line-height: 1em;
}

#product-old .details .price-desktop {
  margin-top: 20px;
}

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

#product-old .details .price-mobile {
  display: none;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #product-old .details .price-mobile {
    display: block;
  }
  #product-old .details .price-mobile .original_price {
    margin: 10px;
  }
  #product-old .details .price-mobile h3 {
    margin: 10px;
  }
}

#product-old .details .original_price {
  color: #999;
  line-height: 1em;
  margin-bottom: 4px;
  text-decoration: line-through;
}

#product-old .details .out_of_stock {
  color: #ff3000;
  font-weight: bold;
  font-size: 16px;
  margin: 25px 0 10px 0;
}

#product-old .details .alert-stock {
  margin-bottom: 25px;
}

#product-old .details .alert-stock a {
  color: #111;
  font-size: 13px;
  text-decoration: underline;
}

#product-old .details .addto {
  max-width: 375px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #product-old .details .addto {
    max-width: none;
  }
}

#product-old .details .free-shipping-returns {
  font-size: 12px;
  line-height: 1.4em;
  margin-top: 40px;
}

#product-old .details .free-shipping-returns strong {
  font-weight: bold;
}

#product-old .details .free-shipping-returns a {
  color: #999;
}

#product-old .details .free-shipping-returns 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-old .details .free-shipping-returns {
    margin: 20px 10px;
  }
  #product-old .details .free-shipping-returns a:hover {
    text-decoration: none;
  }
}

#product-old .details .options {
  font-size: 10px;
  margin: 25px 0 20px 0;
  text-transform: uppercase;
}

@media all and (max-width: 1240px) {
  #product-old .details .options {
    margin-bottom: 0;
    width: 350px;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #product-old .details .options {
    margin-top: 20px;
    margin-bottom: 10px;
    width: auto;
  }
}

#product-old .details .options > ul {
  float: left;
}

@media all and (max-width: 1240px) {
  #product-old .details .options > ul {
    margin-bottom: 20px;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #product-old .details .options > ul {
    float: none;
    margin-bottom: 0;
  }
}

#product-old .details .options > ul > li > a {
  background: #fff;
  border: 1px solid #ebebeb;
  color: #666;
  display: block;
  height: 40px;
  line-height: 40px;
  padding-left: 15px;
  position: relative;
  text-decoration: none;
}

#product-old .details .options > ul > li > a.active {
  background: #ebebeb;
}

#product-old .details .options > ul > li > a:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #999;
  content: '';
  height: 0;
  position: absolute;
  right: 12px;
  top: 16px;
  width: 0;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #product-old .details .options > ul > li > a:after {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 12px solid #999;
    top: 13px;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #product-old .details .options > ul > li {
    margin-bottom: 10px;
  }
}

#product-old .details .options ul > li {
  display: block;
  float: left;
  margin-right: 20px;
  position: relative;
  width: 130px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #product-old .details .options ul > li {
    float: none;
    margin-right: 0;
    width: auto;
  }
}

#product-old .details .options ul > li.disabled {
  opacity: 0.5;
}

#product-old .details .options ul li ul {
  border-bottom: 0;
  display: none;
  position: absolute;
  width: 130px;
  z-index: 999;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #product-old .details .options ul li ul {
    position: static;
    width: auto;
    z-index: auto;
  }
}

#product-old .details .options ul li ul li {
  display: block;
  width: 130px;
}

#product-old .details .options ul li ul li a {
  background: #ebebeb;
  color: #666;
  display: block;
  height: 40px;
  line-height: 40px;
  padding-left: 16px;
  text-decoration: none;
}

#product-old .details .options ul li ul li a:hover {
  background: #d9d9d9;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #product-old .details .options ul li ul li {
    border-top: 1px solid #ccc;
    width: auto;
  }
}

#product-old .details .options .quantity {
  color: #666;
  float: left;
  font-size: 12px;
  margin: 0;
}

@media all and (max-width: 1240px) {
  #product-old .details .options .quantity {
    margin-bottom: 20px;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #product-old .details .options .quantity {
    border: 1px solid #ebebeb;
    display: block;
    float: none;
    overflow: hidden;
    width: auto;
  }
}

#product-old .details .options .quantity p {
  float: left;
  line-height: 40px;
  margin-right: 10px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #product-old .details .options .quantity p {
    margin-left: 15px;
  }
}

#product-old .details .options .quantity fieldset {
  background: #fff;
  border: 1px solid #ebebeb;
  color: #666;
  float: left;
  height: 40px;
  width: 40px;
}

#product-old .details .options .quantity fieldset:hover {
  /* border-color: #999; */
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #product-old .details .options .quantity fieldset {
    border-color: transparent;
    float: right;
    width: 75%;
  }
}

#product-old .details .options .quantity fieldset input {
  background: transparent;
  border: 0;
  color: #666;
  font-size: 12px;
  line-height: 1em;
  margin-top: 11px;
  outline: none;
  text-align: center;
  width: 38px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #product-old .details .options .quantity fieldset input {
    padding-right: 15px;
    text-align: right;
    width: 100%;
    box-sizing: border-box;
  }
}

#product-old .details .options .validation-advice {
  color: #ff3000;
  padding: 6px 0;
  position: absolute;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #product-old .details .options .validation-advice {
    padding: 6px 0 0 0;
    position: static;
    z-index: auto;
  }
}

#product-old .details .phone_order {
  color: #111;
  line-height: 1.4em;
  margin: 30px 0;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #product-old .details .phone_order {
    margin: 30px 10px 0 10px;
  }
}

#product-old .details .phone_order a {
  color: #111;
  text-decoration: underline;
}

#product-old .details .buttons-disabled {
  height: 30px;
}

#product-old .details .buttons {
  margin: 20px 0 40px 0;
}

@media all and (max-width: 1240px) {
  #product-old .details .buttons {
    margin-top: 0;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #product-old .details .buttons {
    margin: 0 0 20px 0;
  }
}

#product-old .details .buttons button,
#product-old .details .buttons .wishlist {
  background: #000;
  border: 0;
  box-sizing: border-box;
  color: #fff;
  display: block;
  float: left;
  font-weight: bold;
  line-height: 1em;
  margin: 0;
  padding: 14px 24px;
  text-align: center;
  width: 48%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #product-old .details .buttons button,
  #product-old .details .buttons .wishlist {
    float: none;
    margin: 0 0 10px 0;
    padding: 14px 10px;
    text-align: left;
    width: auto;
  }
}

#product-old .details .buttons button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

#product-old .details .buttons button:first-child {
  margin-right: 4%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #product-old .details .buttons button {
    width: 100%;
  }
}

#product-old .details .buttons .wishlist {
  background: #ccc;
  font-weight: bold;
  line-height: 1em;
  text-decoration: none;
}

#product-old .details .buttons .split-button {
  box-sizing: border-box;
  margin-right: 0;
  width: 48%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #product-old .details .buttons .split-button {
    float: none;
    margin-right: 0;
    width: 100%;
  }
}

#product-old .details .buttons .split-button.light {
  display: block;
  float: left;
}

#product-old .details .buttons .split-button.light * {
  text-decoration: none;
}

#product-old .details .buttons .split-button.light strong {
  background: #ccc;
  border: 0;
  color: #fff;
  padding: 14px 48px 14px 24px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #product-old .details .buttons .split-button.light strong {
    padding: 14px 10px;
  }
}

#product-old .details .buttons .split-button.light .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: 22px;
  top: 20px;
  width: 0;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #product-old .details .buttons .split-button.light .change:after {
    right: 14px;
  }
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #product-old .details .additional {
    margin: 0 10px;
  }
}

#product-old .details .additional a {
  color: #666;
  text-decoration: underline;
}

#product-old .details .additional .tab {
  font-weight: bold;
}

#product-old .details .additional ul {
  margin-bottom: 20px;
  overflow: hidden;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #product-old .details .additional ul {
    margin-bottom: 10px;
  }
}

#product-old .details .additional ul li {
  float: left;
  margin-right: 24px;
}

#product-old .details .additional ul li .tab {
  border-bottom: 1px solid transparent;
  color: #666;
  display: block;
  line-height: 1em;
  padding: 0 0 3px 0;
  text-decoration: none;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #product-old .details .additional ul li .tab {
    border-bottom: 1px solid #666;
    margin-bottom: 10px;
  }
}

#product-old .details .additional ul li .tab:hover, #product-old .details .additional ul li .tab.active {
  border-bottom: 1px solid #666;
}

#product-old .details .additional p,
#product-old .details .additional div {
  color: #666;
  display: none;
  font-size: 12px;
  line-height: 1.4em;
}

#product-old .details .additional .description strong {
  font-weight: bold;
}

#product-old .details .additional .description em {
  font-style: italic;
}

#product-old .details .additional .shipping h4 {
  margin-bottom: 10px;
}

#product-old .details .additional .shipping table {
  margin-bottom: 12px;
  width: 100%;
}

#product-old .details .additional .shipping table td {
  padding-bottom: 2px;
}

#product-old .details .additional .shipping table tfoot td {
  padding-top: 8px;
}

#product-old .details .additional .related ul {
  display: block;
  overflow: hidden;
  width: 100%;
}

#product-old .details .additional .related li {
  float: left;
  margin: 0;
  padding-right: 3%;
  width: 22.75%;
}

#product-old .details .additional .related li:last-child {
  padding-right: 0;
}

#product-old .details .additional .related a {
  display: block;
  text-decoration: none;
  width: 100%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #product-old .details .additional .related a {
    text-decoration: none;
  }
}

#product-old .details .additional .related a:hover {
  border: 0;
  text-decoration: none;
}

#product-old .details .additional .related img {
  display: block;
  margin-bottom: 10px;
  width: 100%;
}

#product-old .details .additional .status {
  color: #ff3000;
}

#product-old .details .additional .status a {
  color: #ff3000;
}

#product-old .details .additional .status a:hover, #product-old .details .additional .status a.tab.active {
  color: #ff3000;
  border-bottom-color: #ff3000;
}

#product-old .share {
  float: left;
  margin: 20px 10px 0 10px;
  width: 100px;
}

@media all and (min-width: 1480px) {
  #product-old .share {
    margin-right: 130px;
  }
}

@media all and (max-width: 1240px) {
  #product-old .share {
    clear: both;
    float: left;
    margin: 40px 0 0 10px;
    width: 220px;
  }
}

#product-old .chat {
  float: left;
  margin: 20px 10px 0 10px;
  width: 100px;
}

@media all and (max-width: 1240px) {
  #product-old .chat {
    display: none;
  }
}

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

#product-old .chat .circle {
  background: #e8e8e8;
  color: #999;
  display: block;
  float: right;
  height: 100px;
  text-align: center;
  text-decoration: none;
  width: 100px;
  border-radius: 100px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  #product-old .chat .circle {
    float: none;
    margin: 0 auto;
  }
}

#product-old .chat span {
  display: block;
  line-height: 1.2em;
  padding: 0 1em;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  box-sizing: border-box;
}

#product-old .chat-available .circle {
  background: #fffb29;
  border: 2px solid #fffb29;
  color: #111;
  box-sizing: border-box;
}

#product-old .chat-leave-message .circle {
  background: #fff;
  border: 2px solid #111;
  color: #111;
  box-sizing: border-box;
}

#product-old .bottom {
  width: 100%;
  height: 30px;
  float: left;
}

#product-old .recommended {
  float: left;
  width: 100%;
}

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

#product-old .recommended a {
  text-decoration: none;
}

#product-old .recommended a:hover {
  text-decoration: underline;
}

#product-old .recommended h5 {
  line-height: 1em;
  margin: 0 10px 15px 10px;
  padding: 40px 0 0 0;
}

#product-old .recommended .product {
  padding: 0 10px;
  box-sizing: border-box;
  color: #666;
  float: left;
  font-size: 12px;
  overflow: hidden;
  width: 25%;
}

#product-old .recommended .product img {
  display: block;
  width: 100%;
}

#product-old .recommended .product h3 {
  color: #333;
  line-height: 1em;
  margin-top: 12px;
}

#product-old .recommended .product h3 a {
  color: #333;
}

#product-old .recommended .product h4 {
  line-height: 1em;
  margin-top: 6px;
}

#product-old .recommended .product h4 a {
  color: #666;
}

#product-old .giftcard-form .form-list input[type=text],
#product-old .giftcard-form .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) {
  #product-old .giftcard-form .form-list input[type=text],
  #product-old .giftcard-form .form-list textarea {
    min-width: 320px;
    width: 100%;
    box-sizing: border-box;
  }
}

#product-old .giftcard-form .availability {
  display: none;
}

#product-old .shipping-promo {
  display: none;
}

#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 {
  display: none;
  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 {
  /*
		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+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzMuNjMycHgiIGhlaWdodD0iMjkuMTI1cHgiIHZpZXdCb3g9IjAgMCAzMy42MzIgMjkuMTI1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAzMy42MzIgMjkuMTI1IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIHBvaW50cz0iMTYuODE2LDI5LjEyNSA4LjQwOCwxNC41NjMgMCwwIDE2LjgxNiwwIDMzLjYzMiwwIDI1LjIyNCwxNC41NjMgIi8+DQo8L3N2Zz4NCg==');
			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: 48%;
		}
		// Hide native arrow on IE10+
		select::-ms-expand {
			display: none;
		}
		// Hide select background color IE10+
		select::-ms-value {
			background-color: transparent;
			color: #111;
		}
		*/
}

.product-detail .giftcard-form .form-list input[type=text],
.product-detail .giftcard-form .form-list textarea {
  box-sizing: border-box;
  width: 48%;
}

@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 .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: 2px 2px rgba(0, 0, 0, 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;
}

#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 .nav-menu .link-sale {
  color: #c00;
}

.sale-header + div.magento .category-link.category-link-sale {
  color: #c00;
}

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

#warby-parker {
  margin: 0 0 60px 0;
}

#warby-parker a {
  text-decoration: none;
}

#warby-parker a:hover {
  text-decoration: underline;
}

#warby-parker .header {
  margin: 100px 10px;
  text-align: center;
  width: 1180px;
}

@media all and (min-width: 1480px) {
  #warby-parker .header {
    width: 1420px;
  }
}

@media all and (max-width: 1240px) {
  #warby-parker .header {
    width: 940px;
  }
}

#warby-parker .header h1 {
  font-size: 30px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1em;
  margin-bottom: 25px;
}

#warby-parker .header p {
  line-height: 1.4em;
}

#warby-parker .grid {
  margin: 0 auto;
  overflow: hidden;
  width: 1053px;
}

@media all and (min-width: 1480px) {
  #warby-parker .grid {
    width: 1404px;
  }
}

@media all and (max-width: 1240px) {
  #warby-parker .grid {
    width: 939px;
  }
}

#warby-parker .grid .image {
  float: left;
  margin: 0 1px 1px 0;
  width: 350px;
}

@media all and (min-width: 1480px) {
  #warby-parker .grid .image {
    width: 350px;
  }
}

@media all and (max-width: 1240px) {
  #warby-parker .grid .image {
    width: 312px;
  }
}

#warby-parker .grid .image img {
  display: block;
  max-width: 100%;
}

.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%;
  /*
	.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 {
  margin-bottom: 10px;
}

#checkoutSteps .section:last-child {
  margin-bottom: 0;
}

#checkoutSteps .section.allow .step-title {
  cursor: pointer;
}

#checkoutSteps .section.active .step-title {
  cursor: auto;
}

#checkoutSteps .step-title {
  background: #fff;
  color: #111;
  font-size: 18px;
  margin-bottom: 1px;
  padding: 30px;
}

#checkoutSteps .step-title h2 {
  font-weight: bold;
  font-size: 18px;
}

#checkoutSteps .step-title .number {
  display: none;
}

#checkoutSteps .step {
  background: #fff;
  padding: 30px;
  position: relative;
}

#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: 25%;
}

@media all and (max-width: 1240px) {
  #col-right-opcheckout {
    display: none;
  }
}

#col-right-opcheckout .block-title {
  background: #fff;
  color: #111;
  font-size: 18px;
  margin-bottom: 1px;
  padding: 30px;
}

#col-right-opcheckout .block-title strong {
  font-weight: bold;
}

#col-right-opcheckout .block-content {
  background: #fff;
  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-help {
  margin-top: 10px;
}

#col-right-opcheckout .block-help h3 {
  background: #fff;
  color: #111;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
}

#col-right-opcheckout .block-help p {
  font-size: 18px;
  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 {
  background: #eee;
  padding: 80px 0;
}

.checkout-onepage-index .magento .page-title {
  background: #fff;
  margin: 0 10px 20px 10px;
  padding: 20px 30px;
}

.checkout-onepage-index .magento .page-title h1 {
  color: #111;
  border: 0;
  font-size: 36px;
  line-height: 1em;
  margin: 0;
  padding: 0;
  text-transform: none;
}

.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.2em;
}

.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: 1.4em;
  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 #111;
  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: 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: 49px;
  line-height: 1em;
  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 {
  margin-top: 4px;
}

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

#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 .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: 50%;
}

@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,
.checkout-onepage-index [for=billing\:street1] + .input-box,
.checkout-onepage-index [for=billing\:street2] + .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,
  .checkout-onepage-index [for=billing\:street1] + .input-box,
  .checkout-onepage-index [for=billing\:street2] + .input-box {
    width: 100%;
  }
}

.checkout-onepage-index [for=shipping\:company] + .input-box,
.checkout-onepage-index [for=shipping\:email] + .input-box,
.checkout-onepage-index [for=shipping\:street1] + .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,
  .checkout-onepage-index [for=shipping\:street1] + .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: 20px;
}

#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 .form-list .v-fix {
  margin-bottom: 1em;
}

#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-remove {
  display: none;
}

#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: #ff3000;
  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;
}

#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.1em;
}

#sale-landing-page h2 {
  font-size: 36px;
  font-weight: bold;
  line-height: 1.1em;
}

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

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

.filter-menu {
  display: none;
}

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

.shipping-promo-test {
  display: none;
}

body.filter-test .product-list-nav {
  box-sizing: border-box;
  float: left;
  overflow: hidden;
  padding: 0 0 50px 0;
  position: relative;
  width: 20% !important;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  body.filter-test .product-list-nav {
    display: block !important;
    width: 0 !important;
  }
}

body.filter-test .product-list-nav h3 {
  display: none !important;
}

body.filter-test .product-list-nav .nav {
  min-width: 172px;
  padding: 0 10px;
  position: relative;
  text-transform: none;
  width: 100%;
}

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

body.filter-test .product-list-nav .nav a {
  color: #999;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  body.filter-test .product-list-nav .nav li {
    border: 0 !important;
    padding: 0 !important;
  }
}

body.filter-test .product-list-nav .nav li.active > a {
  color: #111;
  font-weight: normal;
}

body.filter-test .product-list-nav .nav .links {
  font-size: 14px;
  line-height: 1.3em;
}

body.filter-test .product-list-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) {
  body.filter-test .product-list-nav .links-category {
    display: none;
  }
}

body.filter-test .product-list-nav .nav .shipping-promo {
  display: none;
  min-width: 172px;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  body.filter-test .product-list-nav .nav .shipping-promo {
    display: none;
  }
}

body.filter-test .product-list-nav .nav .shipping-promo-test {
  display: block;
}

body.filter-test .product-list-nav .nav .shipping-promo-test strong {
  text-transform: none;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  body.filter-test .product-list-nav h3 {
    display: none;
  }
}

body.filter-test .product-list-grid {
  float: left;
  margin-left: 0 !important;
  width: 80%;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  body.filter-test .product-list-grid {
    width: 100% !important;
  }
}

body.filter-test .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) {
  body.filter-test .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;
  }
}

body.filter-test .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) {
  body.filter-test .filter-menu .filter-menu-header {
    border: 0;
    padding: 0;
  }
}

body.filter-test .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) {
  body.filter-test .filter-menu .filter-menu-header .close {
    display: block;
  }
}

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

body.filter-test .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) {
  body.filter-test .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;
  }
}

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

body.filter-test .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) {
  body.filter-test .filter-menu .accordion {
    margin: 0 20px;
  }
}

body.filter-test .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) {
  body.filter-test .filter-menu .accordion button {
    font-size: 20px;
  }
}

body.filter-test .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;
}

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

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

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

body.filter-test .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;
}

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

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

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

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

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

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

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

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

body.filter-test .filter-menu .brand-options a:before,
body.filter-test .filter-menu .brand-options label:before,
body.filter-test .filter-menu .price-options a:before,
body.filter-test .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;
}

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

body.filter-test .filter-menu .brand-options input:checked + label:after,
body.filter-test .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;
}

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

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

body.filter-test .filter-menu .size-options a,
body.filter-test .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;
}

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

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

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

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

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

body.filter-test .filter-menu .brand-options a:before,
body.filter-test .filter-menu .brand-options label:before,
body.filter-test .filter-menu .price-options a:before,
body.filter-test .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;
}

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

body.filter-test .filter-menu .brand-options input:checked + label:after,
body.filter-test .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;
}

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

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

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

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

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

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

body.filter-test .filter-menu .color-options a, body.filter-test .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;
}

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

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

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

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

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

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

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

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

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

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

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

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

body.filter-test .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 );
}

body.filter-test .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) {
  body.filter-test .filter-menu-desktop {
    display: none;
  }
}

body.filter-test .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) {
  body.filter-test .filter-menu-mobile {
    display: block;
  }
}

body.filter-test .filter_state {
  display: none !important;
}

body.filter-test .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) {
  body.filter-test .filters-applied-test {
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 24px;
    margin: 0 20px;
  }
}

body.filter-test .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) {
  body.filter-test .filters-applied-test li {
    font-size: 14px;
    line-height: 2em;
  }
}

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

body.filter-test .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.filter-test.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.filter-test.show-filter-menu .mobile-container {
    overflow: visible;
    -webkit-transform: translate3d(-260px, 0, 0);
            transform: translate3d(-260px, 0, 0);
  }
  body.filter-test.show-filter-menu .product-list-nav {
    width: 0 !important;
  }
  body.filter-test.show-filter-menu .product-list-grid {
    width: 100%;
  }
  body.filter-test.show-filter-menu .filter-menu {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  }
}

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

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

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

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

body.filter-test .toolbar .filter-menu-buttons {
  box-sizing: border-box;
  display: block;
  float: left;
  padding-left: 10px;
  width: 20%;
}

body.filter-test .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;
}

body.filter-test .toolbar .filter-menu-buttons button::before {
  display: inline-block;
  left: 10px;
  position: absolute;
  top: 4px;
}

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

body.filter-test .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-right: 8px;
  width: 12px;
  vertical-align: middle;
}

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

body.filter-test .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-right: 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) {
  body.filter-test .toolbar .filter-menu-buttons {
    display: none;
  }
}

body.filter-test .toolbar .mobile-filter,
body.filter-test .toolbar .filters,
body.filter-test .toolbar .limit {
  display: none !important;
}

body.filter-test .toolbar .pagination {
  font-size: 14px;
  margin-top: 5px;
}

body.filter-test .toolbar .mobile-pager {
  color: #999;
  display: none;
  float: left;
  font-size: 16px;
  margin: 10px 0 0 10px;
  padding: 0;
  list-style: none;
}

body.filter-test .toolbar .mobile-pager li {
  display: inline;
}

body.filter-test .toolbar .mobile-pager li::before {
  content: '/';
  display: inline-block;
  padding: 10px 0;
}

body.filter-test .toolbar .mobile-pager li:first-child::before {
  content: '';
  display: none;
}

body.filter-test .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) {
  body.filter-test .toolbar .mobile-pager {
    display: block;
  }
}

body.filter-test .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) {
  body.filter-test .toolbar .mobile-filter-menu-button {
    display: inline-block;
  }
}

body.filter-test.catalog-category-view .breadcrumbs {
  font-size: 14px;
  font-weight: bold;
  margin-top: 5px;
  text-align: center;
  width: 60%;
}

body.filter-test.catalog-category-view .breadcrumbs a,
body.filter-test.catalog-category-view .breadcrumbs strong {
  color: #111;
}

body.filter-test.catalog-category-view .breadcrumbs ul > li:first-child {
  display: none;
}

@media all and (max-width: 980px) and (min-width: 0), only screen and (max-device-width: 1024px) and (orientation: landscape) {
  body.filter-test.catalog-category-view .breadcrumbs {
    border-bottom: 1px solid #f1f1f1;
    display: block;
    float: none;
    font-size: 16px;
    font-weight: normal;
    margin-top: 0;
    padding: 15px 0;
    width: 100%;
  }
  body.filter-test.catalog-category-view .breadcrumbs strong {
    font-weight: normal;
  }
  body.filter-test.catalog-category-view .breadcrumbs ul > li {
    display: none;
  }
  body.filter-test.catalog-category-view .breadcrumbs ul > li:nth-last-of-type(-n+2) {
    display: inline-block;
  }
}

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,
#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,
#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,
#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,
#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;
}
/*# sourceMappingURL=styles.css.map */