@charset "UTF-8";
/* Please do not change the order of the modules*/
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2017 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=d14caccb12c2850429949490ba4a7cdb)
 * Config saved to config.json and https://gist.github.com/d14caccb12c2850429949490ba4a7cdb
 */
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

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

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

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

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

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

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

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

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

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

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

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

pre {
  overflow: auto; }

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

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

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

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

input {
  line-height: normal; }

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

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

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

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

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

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

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

td,
th {
  padding: 0; }

* {
  box-sizing: border-box; }

*:before,
*:after {
  box-sizing: border-box; }

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body {
  font-family: 'Helvetica Neue', HelveticaNeue, Helvetica, "Segoe UI", 'Noto Sans', Roboto, Arial, 'Arial Unicode MS', sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  background-color: #ffffff; }

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

a {
  color: #337ab7;
  text-decoration: none; }

a:hover,
a:focus {
  color: #23527c;
  text-decoration: underline; }

a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

figure {
  margin: 0; }

img {
  vertical-align: middle; }

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto; }

.img-rounded {
  border-radius: 6px; }

.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto; }

.img-circle {
  border-radius: 50%; }

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

[role="button"] {
  cursor: pointer; }

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }

@media (min-width: 768px) {
  .container {
    width: 750px; } }

@media (min-width: 1024px) {
  .container {
    width: 970px; } }

@media (min-width: 1200px) {
  .container {
    width: 1170px; } }

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }

.row {
  margin-left: -15px;
  margin-right: -15px; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left; }

.col-xs-12 {
  width: 100%; }

.col-xs-11 {
  width: 91.66666667%; }

.col-xs-10 {
  width: 83.33333333%; }

.col-xs-9 {
  width: 75%; }

.col-xs-8 {
  width: 66.66666667%; }

.col-xs-7 {
  width: 58.33333333%; }

.col-xs-6 {
  width: 50%; }

.col-xs-5 {
  width: 41.66666667%; }

.col-xs-4 {
  width: 33.33333333%; }

.col-xs-3 {
  width: 25%; }

.col-xs-2 {
  width: 16.66666667%; }

.col-xs-1 {
  width: 8.33333333%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-pull-11 {
  right: 91.66666667%; }

.col-xs-pull-10 {
  right: 83.33333333%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-8 {
  right: 66.66666667%; }

.col-xs-pull-7 {
  right: 58.33333333%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-5 {
  right: 41.66666667%; }

.col-xs-pull-4 {
  right: 33.33333333%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-2 {
  right: 16.66666667%; }

.col-xs-pull-1 {
  right: 8.33333333%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-push-11 {
  left: 91.66666667%; }

.col-xs-push-10 {
  left: 83.33333333%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-8 {
  left: 66.66666667%; }

.col-xs-push-7 {
  left: 58.33333333%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-5 {
  left: 41.66666667%; }

.col-xs-push-4 {
  left: 33.33333333%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-2 {
  left: 16.66666667%; }

.col-xs-push-1 {
  left: 8.33333333%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-offset-12 {
  margin-left: 100%; }

.col-xs-offset-11 {
  margin-left: 91.66666667%; }

.col-xs-offset-10 {
  margin-left: 83.33333333%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-8 {
  margin-left: 66.66666667%; }

.col-xs-offset-7 {
  margin-left: 58.33333333%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-5 {
  margin-left: 41.66666667%; }

.col-xs-offset-4 {
  margin-left: 33.33333333%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-2 {
  margin-left: 16.66666667%; }

.col-xs-offset-1 {
  margin-left: 8.33333333%; }

.col-xs-offset-0 {
  margin-left: 0%; }

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }
  .col-sm-12 {
    width: 100%; }
  .col-sm-11 {
    width: 91.66666667%; }
  .col-sm-10 {
    width: 83.33333333%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-8 {
    width: 66.66666667%; }
  .col-sm-7 {
    width: 58.33333333%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-5 {
    width: 41.66666667%; }
  .col-sm-4 {
    width: 33.33333333%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-2 {
    width: 16.66666667%; }
  .col-sm-1 {
    width: 8.33333333%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-pull-11 {
    right: 91.66666667%; }
  .col-sm-pull-10 {
    right: 83.33333333%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-8 {
    right: 66.66666667%; }
  .col-sm-pull-7 {
    right: 58.33333333%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-5 {
    right: 41.66666667%; }
  .col-sm-pull-4 {
    right: 33.33333333%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-2 {
    right: 16.66666667%; }
  .col-sm-pull-1 {
    right: 8.33333333%; }
  .col-sm-pull-0 {
    right: auto; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-push-11 {
    left: 91.66666667%; }
  .col-sm-push-10 {
    left: 83.33333333%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-8 {
    left: 66.66666667%; }
  .col-sm-push-7 {
    left: 58.33333333%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-5 {
    left: 41.66666667%; }
  .col-sm-push-4 {
    left: 33.33333333%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-2 {
    left: 16.66666667%; }
  .col-sm-push-1 {
    left: 8.33333333%; }
  .col-sm-push-0 {
    left: auto; }
  .col-sm-offset-12 {
    margin-left: 100%; }
  .col-sm-offset-11 {
    margin-left: 91.66666667%; }
  .col-sm-offset-10 {
    margin-left: 83.33333333%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-8 {
    margin-left: 66.66666667%; }
  .col-sm-offset-7 {
    margin-left: 58.33333333%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-5 {
    margin-left: 41.66666667%; }
  .col-sm-offset-4 {
    margin-left: 33.33333333%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-2 {
    margin-left: 16.66666667%; }
  .col-sm-offset-1 {
    margin-left: 8.33333333%; }
  .col-sm-offset-0 {
    margin-left: 0%; } }

@media (min-width: 1024px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }
  .col-md-12 {
    width: 100%; }
  .col-md-11 {
    width: 91.66666667%; }
  .col-md-10 {
    width: 83.33333333%; }
  .col-md-9 {
    width: 75%; }
  .col-md-8 {
    width: 66.66666667%; }
  .col-md-7 {
    width: 58.33333333%; }
  .col-md-6 {
    width: 50%; }
  .col-md-5 {
    width: 41.66666667%; }
  .col-md-4 {
    width: 33.33333333%; }
  .col-md-3 {
    width: 25%; }
  .col-md-2 {
    width: 16.66666667%; }
  .col-md-1 {
    width: 8.33333333%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-pull-11 {
    right: 91.66666667%; }
  .col-md-pull-10 {
    right: 83.33333333%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-8 {
    right: 66.66666667%; }
  .col-md-pull-7 {
    right: 58.33333333%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-5 {
    right: 41.66666667%; }
  .col-md-pull-4 {
    right: 33.33333333%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-2 {
    right: 16.66666667%; }
  .col-md-pull-1 {
    right: 8.33333333%; }
  .col-md-pull-0 {
    right: auto; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-push-11 {
    left: 91.66666667%; }
  .col-md-push-10 {
    left: 83.33333333%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-8 {
    left: 66.66666667%; }
  .col-md-push-7 {
    left: 58.33333333%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-5 {
    left: 41.66666667%; }
  .col-md-push-4 {
    left: 33.33333333%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-2 {
    left: 16.66666667%; }
  .col-md-push-1 {
    left: 8.33333333%; }
  .col-md-push-0 {
    left: auto; }
  .col-md-offset-12 {
    margin-left: 100%; }
  .col-md-offset-11 {
    margin-left: 91.66666667%; }
  .col-md-offset-10 {
    margin-left: 83.33333333%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-8 {
    margin-left: 66.66666667%; }
  .col-md-offset-7 {
    margin-left: 58.33333333%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-5 {
    margin-left: 41.66666667%; }
  .col-md-offset-4 {
    margin-left: 33.33333333%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-2 {
    margin-left: 16.66666667%; }
  .col-md-offset-1 {
    margin-left: 8.33333333%; }
  .col-md-offset-0 {
    margin-left: 0%; } }

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }
  .col-lg-12 {
    width: 100%; }
  .col-lg-11 {
    width: 91.66666667%; }
  .col-lg-10 {
    width: 83.33333333%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-8 {
    width: 66.66666667%; }
  .col-lg-7 {
    width: 58.33333333%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-5 {
    width: 41.66666667%; }
  .col-lg-4 {
    width: 33.33333333%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-2 {
    width: 16.66666667%; }
  .col-lg-1 {
    width: 8.33333333%; }
  .col-lg-pull-12 {
    right: 100%; }
  .col-lg-pull-11 {
    right: 91.66666667%; }
  .col-lg-pull-10 {
    right: 83.33333333%; }
  .col-lg-pull-9 {
    right: 75%; }
  .col-lg-pull-8 {
    right: 66.66666667%; }
  .col-lg-pull-7 {
    right: 58.33333333%; }
  .col-lg-pull-6 {
    right: 50%; }
  .col-lg-pull-5 {
    right: 41.66666667%; }
  .col-lg-pull-4 {
    right: 33.33333333%; }
  .col-lg-pull-3 {
    right: 25%; }
  .col-lg-pull-2 {
    right: 16.66666667%; }
  .col-lg-pull-1 {
    right: 8.33333333%; }
  .col-lg-pull-0 {
    right: auto; }
  .col-lg-push-12 {
    left: 100%; }
  .col-lg-push-11 {
    left: 91.66666667%; }
  .col-lg-push-10 {
    left: 83.33333333%; }
  .col-lg-push-9 {
    left: 75%; }
  .col-lg-push-8 {
    left: 66.66666667%; }
  .col-lg-push-7 {
    left: 58.33333333%; }
  .col-lg-push-6 {
    left: 50%; }
  .col-lg-push-5 {
    left: 41.66666667%; }
  .col-lg-push-4 {
    left: 33.33333333%; }
  .col-lg-push-3 {
    left: 25%; }
  .col-lg-push-2 {
    left: 16.66666667%; }
  .col-lg-push-1 {
    left: 8.33333333%; }
  .col-lg-push-0 {
    left: auto; }
  .col-lg-offset-12 {
    margin-left: 100%; }
  .col-lg-offset-11 {
    margin-left: 91.66666667%; }
  .col-lg-offset-10 {
    margin-left: 83.33333333%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-8 {
    margin-left: 66.66666667%; }
  .col-lg-offset-7 {
    margin-left: 58.33333333%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-5 {
    margin-left: 41.66666667%; }
  .col-lg-offset-4 {
    margin-left: 33.33333333%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-2 {
    margin-left: 16.66666667%; }
  .col-lg-offset-1 {
    margin-left: 8.33333333%; }
  .col-lg-offset-0 {
    margin-left: 0%; } }

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden; }

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0; }

.embed-responsive-16by9 {
  padding-bottom: 56.25%; }

.embed-responsive-4by3 {
  padding-bottom: 75%; }

.clearfix:before, .category-switch:before,
.clearfix:after,
.category-switch:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  content: " ";
  display: table; }


.clearfix:after,
.category-switch:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both; }

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

.hide {
  display: none !important; }

.show {
  display: block !important; }

.invisible {
  visibility: hidden; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.hidden {
  display: none !important; }

.affix {
  position: fixed; }

@-ms-viewport {
  width: device-width; }

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important; }

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important; }

@media (max-width: 767px) {
  .visible-xs {
    display: block !important; }
  table.visible-xs {
    display: table !important; }
  tr.visible-xs {
    display: table-row !important; }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important; } }

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important; } }

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important; } }

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .visible-sm {
    display: block !important; }
  table.visible-sm {
    display: table !important; }
  tr.visible-sm {
    display: table-row !important; }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .visible-sm-block {
    display: block !important; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .visible-sm-inline {
    display: inline !important; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .visible-sm-inline-block {
    display: inline-block !important; } }

@media (min-width: 1024px) and (max-width: 1199px) {
  .visible-md {
    display: block !important; }
  table.visible-md {
    display: table !important; }
  tr.visible-md {
    display: table-row !important; }
  th.visible-md,
  td.visible-md {
    display: table-cell !important; } }

@media (min-width: 1024px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important; } }

@media (min-width: 1024px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important; } }

@media (min-width: 1024px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important; } }

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important; }
  table.visible-lg {
    display: table !important; }
  tr.visible-lg {
    display: table-row !important; }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important; } }

@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important; } }

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important; } }

@media (min-width: 768px) and (max-width: 1023px) {
  .hidden-sm {
    display: none !important; } }

@media (min-width: 1024px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important; } }

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important; } }

.visible-print {
  display: none !important; }

@media print {
  .visible-print {
    display: block !important; }
  table.visible-print {
    display: table !important; }
  tr.visible-print {
    display: table-row !important; }
  th.visible-print,
  td.visible-print {
    display: table-cell !important; } }

.visible-print-block {
  display: none !important; }

@media print {
  .visible-print-block {
    display: block !important; } }

.visible-print-inline {
  display: none !important; }

@media print {
  .visible-print-inline {
    display: inline !important; } }

.visible-print-inline-block {
  display: none !important; }

@media print {
  .visible-print-inline-block {
    display: inline-block !important; } }

@media print {
  .hidden-print {
    display: none !important; } }

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

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

/* Mixin for Media Queries */
/* *******Mixin for specified user agent******* */
/* usage in other scss: @include browser-type(mozilla) { your-css-rule: goes here; ... } */
/* ***********keyframes************ */
@keyframes jump {
  from {
    top: 0px; }
  to {
    top: -3px; } }

/* ************formfields*********** */
/* *select**/
/* ************Mixin for Clearfixes*********** */
.clearfix:after, .category-switch:after, .product-tile:after, .compare-items-panel:after, .bonus-product-list .bonus-product-item:after, .cart-actions:after, .cart-actions .agree-to-terms-and-conditions .field-row .field-checker-two-liner:after, .cart-recommendations .product-listing:after, .cart-empty:after, .cart-empty .product-listing:after, .pt_account #content .item-list thead:after, .pt_account #content .order-shipment-table thead:after,
.pt_orderhistory #content .item-list thead:after,
.pt_orderhistory #content .order-shipment-table thead:after,
.pt_orderhistorydetails #content .item-list thead:after,
.pt_orderhistorydetails #content .order-shipment-table thead:after, .pt_order-confirmation #content .item-list thead:after, .pt_order-confirmation #content .order-shipment-table thead:after, .pt_account #content .order-shipment-table tbody:after,
.pt_orderhistory #content .order-shipment-table tbody:after,
.pt_orderhistorydetails #content .order-shipment-table tbody:after, .pt_order-confirmation #content .order-shipment-table tbody:after, .pt_customer-service .form-row-button:after, .pt_customer-service .cancel-order-header:after, .bdb-inline:after, .stores_landing_page .wrapper .main_content .country_content .row_1:after, .stores_landing_page .wrapper .main_content .country_content .row_2:after, #homepage-email-signup.email-sign-up-component:after, #homepage-email-signup.email-sign-up-component form:after, .uni-bnr.col-1 .uni-bnr-item:after, .info_other:after, .uni-spacing-L:after, .uni-bnr-item--special-collection:after, .store-list-pdp-container .store-list-item:after, .header .dropdown-nav .category-content:after, .header .dropdown-nav .category-content .secondary-nav .grouped-categories .category-wrap:after, .header .dropdown-nav .help:after, .product-tile-component .product-swatches ul:after {
  content: "";
  display: table;
  clear: both; }

/* ************Mixin for Font Awesome*********** */
/* ************Mixin form Global.css*********** */
.youtube-video-centered {
  text-align: center; }

.html-overflow-auto {
  overflow-y: auto; }

.html-overflow-hidden {
  overflow-y: hidden; }

#dwfrm_newslettersubscription .input-select {
  width: 100%;
  background-color: #eaeaea;
  color: #333;
  border: none;
  outline: 0;
  padding-left: 0.5em;
  margin-right: 1em;
  height: 3em; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  /* IE10+ specific styles go here */
  #main .uq-header-component, .uq-header-component {
    box-sizing: border-box; } }

.lower-ie-version {
  font-weight: bold;
  text-align: center;
  padding: 20px;
  text-transform: uppercase; }

.get-new-browser {
  padding-top: 20px; }

/* **********  responsive font mixin ************ /
 * usage: @include dynamicFont ($minFontSize, $maxFontSize, $minBreakpoint, $maxBreakpoint) {
 * usage: @include dynamicFont (10px, 16px, 768, 1440) {
 * expected output: font-size: calc(16px + (16 - 10) * (100vw - 768px) / (1440 - 768));
 * default values are based on most common breakpoints and copy font-size
 *
 * it works by calculating the ratio between the given fontSizes
 * and the breakpoints and sets this to the viewport width,
 *
 * input: the mixin requires px values for font-size and unitless for breakpoints
 */
/* mixin for button based on emerald styleguide / uq invision styleguide */
/* mixin for font styles based on uq invision styleguide */
/* HTML5  Boilerplate
 * normalize
 */
article {
  display: block; }

aside {
  display: block; }

details {
  display: block; }

figcaption {
  display: block; }

figure {
  display: block;
  margin: 0; }

footer {
  display: block; }

header {
  display: block; }

hgroup {
  display: block; }

nav {
  display: block; }
  nav ul {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0; }
  nav ol {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0; }

section {
  display: block; }

audio {
  display: inline-block;
  *display: inline;
  *zoom: 1; }
  audio:not([controls]) {
    display: none; }

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

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

[hidden] {
  display: none; }

html {
  font-size: 100%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  max-width: 100%;
  overflow-x: hidden;
  margin: 0; }

body {
  font-family: sans-serif;
  color: #222;
  margin: 0;
  font-size: 1em;
  line-height: 1.4;
  max-width: 100%;
  text-align: left;
  font-size: 0.9em;
  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
  font-weight: normal;
  position: relative;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased; }
  body.loading {
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }

.uniqlobasetemplate-checkoutlogin {
  background-color: #f2f2f2; }

button {
  font-family: sans-serif;
  color: #222;
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
  line-height: normal;
  *overflow: visible;
  cursor: pointer;
  -webkit-appearance: button; }
  button::-moz-focus-inner {
    border: 0;
    padding: 0; }

input {
  font-family: sans-serif;
  color: #222;
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
  line-height: normal;
  *overflow: visible; }
  input::-moz-focus-inner {
    border: 0;
    padding: 0; }
  input:invalid {
    background-color: #f0dddd; }

select {
  font-family: sans-serif;
  color: #222;
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle; }

textarea {
  font-family: sans-serif;
  color: #222;
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
  overflow: auto;
  vertical-align: top;
  resize: vertical; }
  textarea:invalid {
    background-color: #f0dddd; }

h1 {
  font-weight: normal; }

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

blockquote {
  margin: 1em 40px; }

dfn {
  font-style: italic; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

ins {
  background: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background: #ff0;
  color: #000;
  font-style: italic;
  font-weight: bold; }

pre {
  font-family: monospace, monospace;
  _font-family: 'courier new', monospace;
  font-size: 1em;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

code {
  font-family: monospace, monospace;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

kbd {
  font-family: monospace, monospace;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

samp {
  font-family: monospace, monospace;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

q {
  quotes: none; }
  q:before {
    content: "";
    content: none; }
  q:after {
    content: "";
    content: none; }

small {
  font-size: 85%; }

sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  bottom: -0.25em; }

sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
  top: -0.5em; }

ul {
  margin: 1em 0;
  padding: 0 0 0 40px; }

ol {
  margin: 1em 0;
  padding: 0 0 0 40px; }

dd {
  margin: 0 0 0 40px; }

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle; }

svg:not(:root) {
  overflow: hidden; }

form {
  margin: 0; }

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

label {
  cursor: pointer; }

legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
  white-space: normal; }

table {
  border-collapse: collapse;
  border-spacing: 0; }
  table button {
    *overflow: auto; }
  table input {
    *overflow: auto; }

input[type="button"] {
  cursor: pointer;
  -webkit-appearance: button; }

input[type="reset"] {
  cursor: pointer;
  -webkit-appearance: button; }

input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button; }

input[type="checkbox"] {
  box-sizing: border-box; }

input[type="radio"] {
  box-sizing: border-box; }

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

td {
  vertical-align: top; }

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

strong {
  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
  font-weight: 500; }

#modal-body {
  margin: 0 auto; }

/*set container width depending on site section (decorator) */
/* Cart Section */
#uq-container.uq-cart #main {
  width: 100%; }
  #uq-container.uq-cart #main #content {
    overflow: hidden;
    width: 100%;
    float: none;
    padding-right: 30px;
    padding-top: 35px; }
    @media screen and (max-width: 1024px) {
      #uq-container.uq-cart #main #content {
        padding-top: 31px; } }
    @media screen and (max-width: 768px) {
      #uq-container.uq-cart #main #content {
        padding-top: 21px; } }
    #uq-container.uq-cart #main #content.approaching-banner-content {
      overflow: visible; }

#uq-container .container {
  width: 100%;
  padding: 0; }

ul, ul li {
  margin: 0;
  padding: 0;
  list-style: none; }

h1, h2, h3, h4, h5, h6 {
  font-family: "UniqloRegularRegular";
  font-weight: normal;
  text-transform: uppercase; }

h1 {
  margin: 0;
  font-size: 3.3em;
  line-height: 0.9em; }

h2 {
  margin: 20px 0;
  font-size: 1.9em; }

h3 {
  margin: 10px 0;
  font-size: 1.4em; }

h4 {
  margin: 10px 0;
  font-size: 1.1em; }

h5 {
  font-size: 1.0em;
  margin: 0 0 15px 0; }

h6 {
  font-size: 1.0em;
  margin: 0;
  text-transform: inherit; }

hr {
  clear: both;
  margin: 55px 0;
  height: 1px;
  border: none;
  color: #000;
  background-color: #000; }
  hr.thick {
    height: 3px; }
    hr.thick.billing {
      margin: 0;
      height: 4px; }
    hr.thick.billing-paymentmethod {
      margin: 20px 0;
      height: 1px; }

.page-headline {
  margin-bottom: 25px; }

.pt_checkout .mini-summary-header h3 {
  padding-bottom: 0.6em; }

.pt_checkout .checkout-shipping h3 {
  padding-bottom: 0.6em; }

.pt_checkout .checkout-shipping hr {
  height: 1px; }

#product + hr,
.items + hr,
.alert + hr,
.success + hr {
  margin-top: 20px; }

#page-title + hr {
  margin: 20px 0; }

#page-title.shipping + hr {
  margin: 35px 0; }

.fields + hr {
  margin: 45px 0; }

#section-content {
  margin-right: 24px;
  float: left;
  position: relative; }

.main-section {
  z-index: 0;
  min-height: 700px; }
  .main-section header p {
    font-size: 1.1em; }
    .main-section header p:last-child {
      margin-top: 10px;
      margin-bottom: 5px; }
  .main-section #section-content h1.mainTitle {
    font-size: 0.9em;
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
    font-weight: regular;
    margin-top: 29px;
    margin-bottom: 10px;
    font-size: 47px;
    line-height: 35px;
    text-transform: uppercase; }
  .main-section #section-content h2 {
    margin-top: 29px;
    margin-bottom: 10px;
    font-size: 47px;
    line-height: 35px;
    text-transform: uppercase;
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif; }
  .main-section #section-content h3 {
    font-size: 22px;
    margin-top: 0;
    margin-bottom: 20px;
    line-height: 20px;
    text-transform: uppercase;
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif; }

a {
  outline: medium none;
  overflow: hidden;
  text-decoration: none; }
  a:hover,
  a:focus {
    text-decoration: none; }

.item-text a {
  color: #FE0E0D; }
  .item-text a:hover {
    color: #000; }

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

table {
  width: 100%; }

th {
  text-align: left; }

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

button {
  border: none 0px;
  outline: none;
  /* firefox [all versions] specific rules */ }

@-moz-document url-prefix() {
  button {
    font-size: 13px; } }

.no-margin {
  margin: 0 !important; }

/* buttons */
.button {
  display: inline-block;
  padding: 10px;
  font-family: "UniqloRegularRegular";
  text-align: center;
  text-transform: uppercase;
  overflow: hidden;
  outline: none;
  /* firefox */
  /* firefox [all versions] specific rules */
  /* ie7 */
  zoom: 1;
  *display: inline;
  _height: 1.5em; }

@-moz-document url-prefix() {
  .button {
    font-size: 13px; } }
  .button_w156 {
    width: 156px; }
  .button_w250 {
    max-width: 250px;
    -ms-flex: 0 1 250px;
        flex: 0 1 250px; }
  .button_f18 {
    font-size: 18px; }
  .button span {
    display: inline-block;
    white-space: nowrap; }
  .button[class*="uq-icons"]::before {
    padding-right: 10px;
    vertical-align: middle;
    display: inline-block; }

.btn_type1 {
  border: 3px solid #000;
  color: #000;
  text-decoration: none; }

.btn_white {
  width: 156px;
  color: #000;
  border: 3px solid #000;
  padding: 5px;
  text-decoration: none; }
  .btn_white:hover {
    color: #ff0000;
    border-color: #ff0000; }
  .btn_white:active {
    color: #fff;
    border-color: #ff0000;
    background: #ff0000;
    box-shadow: 0 0 0 3px #fff inset; }
  .btn_white-short {
    width: 50px; }
  .btn_white-long {
    width: 196px; }
  .btn_white-b-gray {
    background: #fff;
    border: 1px solid #d9d9d9;
    color: #000; }
    .btn_white-b-gray:hover {
      background: #f4f4f4; }
    .btn_white-b-gray:hover, .btn_white-b-gray:focus {
      color: #000; }

.btn_white-bd {
  min-width: 50px;
  color: #000;
  border: 3px solid;
  position: relative;
  padding: 7px;
  background: transparent; }
  .btn_white-bd.w_176 {
    width: 176px; }
  .btn_white-bd.bdreturn {
    padding: 5px; }
    .btn_white-bd.bdreturn:focus {
      border: 3px solid #000;
      color: #000; }
  .btn_white-bd:hover {
    color: #ff0000; }
  .btn_white-bd:active {
    background: #ff0000;
    border-color: #ff0000;
    color: #fff; }
    .btn_white-bd:active:before {
      content: "";
      position: absolute;
      top: 0px;
      left: 0px;
      right: 0px;
      bottom: 0px;
      border: 3px solid #fff; }

.btn_red {
  width: 176px;
  background: #ff0000;
  color: #fff;
  text-decoration: none;
  border: 3px solid #ff0000;
  padding: 5px; }
  .btn_red:hover {
    box-shadow: 0 0 0 1px #fff inset; }
  .btn_red:active {
    box-shadow: 0 0 0 3px #fff inset; }
  .btn_red:hover, .btn_red:visited {
    color: #fff; }
  .btn_red.right {
    float: right;
    padding-right: 210px; }
  .btn_red.long {
    width: 176px; }

.btn_black {
  color: #000;
  text-decoration: none;
  border: 2px solid; }
  .btn_black:hover, .btn_black:visited {
    color: #000; }
  .btn_black-bg {
    background-color: #000;
    color: #fff;
    border: 1px solid #000; }
    .btn_black-bg:hover {
      opacity: 0.8; }
    .btn_black-bg:hover, .btn_black-bg:focus {
      color: #fff; }

.btn_wh {
  color: #fff;
  text-decoration: none;
  border: 2px solid; }
  .btn_wh:hover, .btn_wh:visited {
    color: #000; }

.btn_back {
  width: 176px; }

.button-shiping {
  float: right;
  padding: 13px;
  background-color: #ff0000;
  width: 182px;
  color: #fff;
  text-decoration: none;
  border: 0; }

.btn_forward span.noneBg {
  padding-right: 0;
  background: none; }

.btn_add-to-bag {
  width: 146px;
  height: 30px;
  padding: 15px;
  background: url("../images/global/bg_add-to-bag.png") 0 0 no-repeat; }
  .btn_add-to-bag:hover {
    background-position: 0 -60px; }
  .btn_add-to-bag:active {
    background-position: 0 -120px; }
  .btn_add-to-bag span {
    padding-right: 55px;
    background: url("../images/global/ico_bag.png") right no-repeat;
    color: #fff;
    line-height: 30px; }

.btn_out-of-stock {
  width: 146px;
  height: 30px;
  padding: 15px;
  background-color: #eaeaea; }
  .btn_out-of-stock span {
    line-height: 30px; }

.btn_facebook {
  width: 175px;
  padding: 0;
  padding-left: 40px;
  height: 36px;
  line-height: 36px;
  background: #3b5999 url("../images/global/btn_facebook.png") 0 0 no-repeat;
  color: #fff; }
  .btn_facebook:hover {
    color: #fff; }
  .btn_facebook span {
    display: block;
    border-left: 3px solid #fff; }

.column .leftCol .btn_facebook {
  width: 135px; }

.button-inline {
  width: auto; }
  .button-inline span {
    padding: 0 20px; }

.btn_double {
  width: 356px;
  background-image: url("../images/global/bg_button-red-double.png"); }

.btn_more-details {
  color: #fff;
  font-size: 1.9em;
  font-weight: normal; }
  .btn_more-details:hover {
    color: #ff0000; }
    .btn_more-details:hover span {
      background-position: right -31px; }
  .btn_more-details span {
    padding-right: 40px;
    background: url("../images/global/g_arrow-right-big.png") right 0 no-repeat; }

.button.disabled,
.btn_disabled {
  background-image: none;
  background-color: #eaeaea;
  cursor: default; }

.bt_disable {
  background-color: #808080;
  color: #fff;
  border-color: #808080; }

.btn_signin {
  width: 100%;
  height: 47px; }
  .btn_signin:hover {
    opacity: 1; }

/* button container */
.buttons {
  padding: 30px 0; }
  .buttons .button-group {
    float: right;
    width: 376px; }
  .buttons .button-container {
    float: right;
    width: 176px;
    margin-right: 24px; }
    .buttons .button-container:first-child {
      margin-right: 0; }
    .buttons .button-container.left {
      float: left; }
    .buttons .button-container.return {
      margin-left: 30px; }
  .buttons .button-container.right {
    float: right; }
  .buttons .button-container-text {
    text-align: right; }
  .buttons .button-group p {
    clear: both;
    padding-top: 10px; }

.button-row {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 25px; }
  .button-row > *:not(:last-child) {
    margin-right: 40px; }
  .button-row__container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .button-row__container--250 {
      -ms-flex: 0 1 250px;
          flex: 0 1 250px;
      min-width: 150px;
      max-width: 250px;
      width: 100%; }
  .button-row__helptext {
    margin-top: 5px;
    color: #7f7f7f;
    -ms-flex-item-align: center;
        align-self: center;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%; }
    .button-row__helptext--small {
      font-size: 12px;
      -ms-flex: none;
          flex: none;
      padding-left: 10px; }

.infomessage {
  margin: 20px 0;
  padding: 10px; }
  .infomessage--alert {
    background-color: rgba(255, 0, 0, 0.25); }
  .infomessage__icon {
    height: 14px;
    width: 14px;
    border-radius: 50%;
    background: #000;
    color: #fff;
    vertical-align: middle;
    margin: 0 5px 3px 0; }
  .infomessage__text {
    display: inline-block; }

.alert .buttons {
  margin-top: 20px; }

fieldset .buttons {
  margin-top: 50px; }

header .buttons {
  margin-top: 50px; }

/* text */
.cur {
  font-size: 0.65em; }

.price {
  display: inline-block; }

[data-percentage]::after {
  content: "-" attr(data-percentage) "%";
  display: inline-block;
  text-decoration: none;
  padding-left: 5px; }

.price-currency-sign_small {
  font-size: 0.7em; }

.big {
  font-size: 1.3em; }

.small {
  font-size: 0.60em; }

.discounted {
  display: block;
  text-align: right; }

.old-price {
  font-size: 0.6em; }

.old-price .price {
  text-decoration: line-through; }

.limited, .red, .sale, .sale-price {
  color: #ff0000; }

.error {
  color: #ff0000;
  text-transform: uppercase; }

.see-more {
  font-size: 0.8em; }

.ubold {
  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
  font-weight: bold; }

.uubold {
  font-family: "UniqloRegularRegular"; }

.underline {
  text-decoration: underline; }

.bold {
  font-weight: bold; }

/* icons */
.icon {
  text-indent: -9999px;
  display: inline-block;
  /* ie7 */
  zoom: 1;
  *display: inline;
  _height: 1.5em; }

.ico_x {
  width: 19px;
  height: 19px;
  background: url("../images/global/ico_x.png") 0 0 no-repeat; }
  .ico_x:hover {
    background-color: transparent;
    background-position: 0 -19px; }
  .ico_x:active {
    background-position: 0 -38px; }

.ico_arrow-right {
  width: 10px;
  height: 9px;
  background: url("../images/global/ico_arrow-tail-right-wht.png") left no-repeat; }

.ico_star {
  width: 24px;
  height: 24px;
  background: url("../images/global/g_stars.png") 0 -50px no-repeat; }

.ico_disabled {
  width: 24px;
  height: 24px;
  background: url("../images/global/g_chip_US.png") 0 -24px; }

/* facebook login */
#fb-login {
  position: absolute;
  top: 114px;
  left: 50%;
  margin-left: -350px;
  width: 700px;
  text-align: center;
  z-index: 76; }

/* layout alignments */
.chrome-width {
  width: 976px;
  margin: 0 auto; }

.grid-width {
  width: 1000px; }

.searchcontainer {
  width: 200px; }

.gridContent {
  width: 760px; }

.fixed {
  position: fixed;
  left: 0;
  right: 0; }

.relative {
  position: relative !important; }

.block {
  display: block !important; }

.left {
  float: left; }

.dtc {
  display: table-cell; }

.chrome-width, .grid-width, .searchcontainer, .grid-content, .gridContent, .section-header {
  transition-duration: 0.4s;
  transition-property: width; }

.cta {
  font-size: 16px;
  font-size: calc(16px + (18 - 16) * (100vw - 768px) / (1440 - 768));
  border: 4px solid;
  padding: 5px;
  font-family: "Uniqlo Pro";
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  overflow: hidden;
  outline: none;
  max-width: 250px;
  width: 100%; }
  @media (min-width: 1440px) {
    .cta {
      font-size: 18px; } }
  .cta--chatbot {
    padding: 10px;
    font-weight: normal;
    text-transform: none;
    max-width: 210px; }
  @media screen and (min-width: 1440px) {
    .cta--stretched {
      min-width: 250px;
      max-width: none; } }
  .cta--inline {
    width: auto;
    display: inline-block; }
  .cta--white {
    color: #000;
    background: #fff;
    border-color: #fff; }
    .cta--white:hover {
      color: #fff;
      background: #000;
      border-color: #000; }
    .cta--white[class*="bordered"] {
      color: #fff;
      background: rgba(0, 0, 0, 0.1);
      border-color: #fff; }
      .cta--white[class*="bordered"]:hover {
        color: #fff;
        background: #000;
        border-color: #000;
        color: #000;
        background: #fff;
        border-color: #fff; }
  .cta--black {
    color: #fff;
    background: #000;
    border-color: #000; }
    .cta--black:hover {
      color: #000;
      background: #fff;
      border-color: #fff; }
    .cta--black[class*="bordered"] {
      color: #000;
      background: rgba(255, 255, 255, 0.1);
      border-color: #000; }
      .cta--black[class*="bordered"]:hover {
        color: #000;
        background: #fff;
        border-color: #fff;
        color: #fff;
        background: #000;
        border-color: #000; }
  .cta--blackHoverOpacity {
    color: #fff;
    background: #000;
    border-color: #000; }
    .cta--blackHoverOpacity:hover {
      color: #fff;
      opacity: .8; }
    .cta--blackHoverOpacity[class*="bordered"] {
      color: #000;
      background: rgba(255, 255, 255, 0.1);
      border-color: #000; }
      .cta--blackHoverOpacity[class*="bordered"]:hover {
        opacity: .8;
        color: #000;
        background: #fff;
        color: #fff;
        background: #000;
        border-color: #000; }
  .cta--red {
    color: #fff;
    background: #FE0E0D;
    border-color: #FE0E0D; }
    .cta--red:hover {
      color: #FE0E0D;
      background: #fff;
      border-color: #fff; }
    .cta--red[class*="bordered"] {
      color: #FE0E0D;
      background: rgba(255, 255, 255, 0.1);
      border-color: #FE0E0D; }
      .cta--red[class*="bordered"]:hover {
        color: #FE0E0D;
        background: #fff;
        border-color: #fff;
        color: #fff;
        background: #FE0E0D;
        border-color: #FE0E0D; }
  .cta--thinBorder {
    border-width: 2px; }
  .cta--thinnestBorder {
    border-width: 1px; }

.fixed-page {
  position: fixed;
  left: 0;
  right: 0;
  overflow-y: hidden; }

.section_container {
  display: none; }

.infinite-scroll-placeholder {
  float: left; }

.stylebook-infinite-scroll-placeholder {
  float: left; }

#page-title {
  margin-bottom: 20px; }
  #page-title.billing {
    margin-bottom: 5px; }
    #page-title.billing h1 {
      padding-top: 40px; }
    #page-title.billing hr {
      margin: 35px 0;
      height: 4px; }
  #page-title.shipping {
    margin-bottom: 5px; }
    #page-title.shipping h1 {
      padding-top: 40px; }

.thick.shipping {
  margin: 35px 0;
  height: 4px; }

#page-title .promo {
  float: right; }

#page-title p {
  width: 514px; }

.pt_storefront #main, .pt_orderhistory #main, .pt_error #main {
  width: 100%; }
  .pt_storefront #main.with-sidebar #content.full-width, .pt_orderhistory #main.with-sidebar #content.full-width, .pt_error #main.with-sidebar #content.full-width {
    width: 80%; }
  .pt_storefront #main #content.full-width, .pt_orderhistory #main #content.full-width, .pt_error #main #content.full-width {
    width: 100%; }

.pt_error_blank {
  overflow-y: auto; }
  .pt_error_blank #main {
    margin-top: 0;
    padding-bottom: 0; }

.main {
  margin-top: 0;
  position: relative; }
  .main.approaching-banner-main {
    margin-top: 121px; }
    @media screen and (max-width: 1365px) {
      .main.approaching-banner-main {
        margin-top: 161px; } }
    @media screen and (max-width: 768px) {
      .main.approaching-banner-main {
        margin-top: 192px; } }
    @media screen and (max-width: 1365px) {
      .main.approaching-banner-main.mainbanner-algolia-header {
        margin-top: 169px; } }
    @media screen and (max-width: 1024px) {
      .main.approaching-banner-main.mainbanner-algolia-header {
        margin-top: 172px; } }
    @media screen and (max-width: 768px) {
      .main.approaching-banner-main.mainbanner-algolia-header {
        margin-top: 194px; } }

@media screen and (max-width: 1365px) {
  .main.main-paypalexpress {
    margin: 0; } }

@media screen and (max-width: 1024px) {
  .main.main-paypalexpress {
    margin: 0; } }

@media screen and (max-width: 768px) {
  .main.main-paypalexpress {
    margin: 0; } }

.pt_checkout #main {
  width: 100%; }

.main .sticky_sidebar_checkout {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
      align-items: stretch; }
  @media (max-width: 1023px) {
    .main .sticky_sidebar_checkout {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; } }
  .main .sticky_sidebar_checkout [id=content] {
    padding-right: 20px; }
  .main .sticky_sidebar_checkout.paypalexpress #sidebar.sidebar_w300.sticky_sidebar::before {
    content: none; }
  .main .sticky_sidebar_checkout #sidebar.sidebar_w300 {
    -ms-flex-order: 1;
        order: 1;
    float: none; }
    .main .sticky_sidebar_checkout #sidebar.sidebar_w300.sticky_sidebar::before {
      content: "";
      display: block;
      height: 70px; }
    .main .sticky_sidebar_checkout #sidebar.sidebar_w300 #secondary {
      margin: 0; }
      .main .sticky_sidebar_checkout #sidebar.sidebar_w300 #secondary .mini-summary-header {
        margin-top: 0; }
    .main .sticky_sidebar_checkout #sidebar.sidebar_w300 .sidebar-content {
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      min-height: 605px; }

.uq-checkout-updatedheader .paymentredirect.container {
  margin-top: 30px; }

@media screen and (min-width: 1440px) {
  .ptcheckoutlogin-updatedheader .main {
    max-width: none; } }

.pt_productdetails .main {
  position: relative; }

#main {
  position: relative;
  margin: 0 auto;
  padding: 0 0 20px 0; }

#main.main-wide {
  width: 100%;
  min-width: 768px;
  max-width: 1920px;
  padding: 0 24px 0; }
  @media screen and (min-width: 1440px) {
    #main.main-wide {
      padding-left: 0;
      padding-right: 0; } }
  #main.main-wide #sidebar {
    width: 276px;
    margin-right: 100px; }
    #main.main-wide #sidebar nav#sidebar-nav .secondary-navigation ul li a {
      background-position: 115px center; }
    @media screen and (min-width: 1440px) {
      #main.main-wide #sidebar {
        margin-right: 0; } }

#main.product_category {
  width: auto; }

#main #plpmain .primary-content {
  width: 100%; }

#main.product_category #primary {
  position: relative;
  width: 100%;
  margin-left: 0; }

#mini-pdp #main {
  width: auto;
  margin: auto;
  padding: 0; }

#profile-home #main {
  padding-top: 0; }

.review-page {
  padding-top: 35px; }

.with-sidebar #content {
  float: none;
  width: 100%; }

.with-sidebar.paypalexpress #content {
  padding-top: 15px; }

#profile-home .with-sidebar #content {
  padding-top: 0; }

#sidebar {
  float: right;
  width: 215px; }
  @media screen and (max-width: 1024px) {
    #sidebar {
      width: 23%; } }
  #sidebar.sidebar_w300 {
    width: 300px !important; }
  #sidebar.sidebar_w376 {
    width: 376px !important; }

.uq-wrapper .main .parbase .section {
  padding: 0px;
  margin: 0 auto; }
  @media screen and (max-width: 1024px) {
    .uq-wrapper .main .parbase .section {
      padding: 0; } }

.uq-wrapper .main .promoGrid {
  margin: 0 auto;
  padding: 0; }

.uq-wrapper.pt_categorylanding .main .promoGrid {
  padding: 0; }

.uq-wrapper {
  width: 100%;
  max-width: 1920px;
  padding: 0 24px 0;
  margin: 0 auto;
  position: relative;
  box-sizing: border-box; }
  @media screen and (max-width: 1520px) {
    .uq-wrapper {
      padding: 0 44px 0; }
      .uq-wrapper.uq-cart {
        padding: 0; } }
  @media screen and (max-width: 1024px) {
    .uq-wrapper {
      padding: 0 24px 0; } }
  .uq-wrapper.pt_homepage .main {
    margin: 0; }
  .uq-wrapper.pt_homepage .emergency-message-component {
    margin: 15px 0 25px; }
  .uq-wrapper.ptcheckoutlogin-updatedheader {
    margin: 0;
    padding: 0; }
  .uq-wrapper.productcategory_noflickering {
    padding: 0 24px 0 24px; }

/* sidebar */
.pt_accountregistration #sidebar nav,
#sidebar nav {
  margin-bottom: 10px;
  padding: 0px; }
  .pt_accountregistration #sidebar nav .secondary-navigation .content-asset span, .pt_accountregistration #sidebar nav .secondary-navigation .content-asset span.toggle,
  #sidebar nav .secondary-navigation .content-asset span,
  #sidebar nav .secondary-navigation .content-asset span.toggle {
    font-size: 1.0em;
    text-transform: uppercase;
    padding: 10px 0 10px 5px;
    display: block;
    cursor: pointer;
    border-bottom: 1px solid #aaa;
    color: #aaa; }
  .pt_accountregistration #sidebar nav .secondary-navigation .content-asset span.toggle:hover,
  #sidebar nav .secondary-navigation .content-asset span.toggle:hover {
    cursor: default; }
  .pt_accountregistration #sidebar nav .secondary-navigation .content-asset .content-asset span.toggle,
  #sidebar nav .secondary-navigation .content-asset .content-asset span.toggle {
    margin-top: 7px; }
  .pt_accountregistration #sidebar nav .secondary-navigation .content-asset .unregistered ul,
  #sidebar nav .secondary-navigation .content-asset .unregistered ul {
    margin: 0; }
    .pt_accountregistration #sidebar nav .secondary-navigation .content-asset .unregistered ul li,
    #sidebar nav .secondary-navigation .content-asset .unregistered ul li {
      border: none; }
      .pt_accountregistration #sidebar nav .secondary-navigation .content-asset .unregistered ul li:hover,
      #sidebar nav .secondary-navigation .content-asset .unregistered ul li:hover {
        border: none; }
      .pt_accountregistration #sidebar nav .secondary-navigation .content-asset .unregistered ul li a,
      #sidebar nav .secondary-navigation .content-asset .unregistered ul li a {
        padding-left: 5px; }
  .pt_accountregistration #sidebar nav .secondary-navigation ul,
  #sidebar nav .secondary-navigation ul {
    padding: 0;
    list-style: none; }
    .pt_accountregistration #sidebar nav .secondary-navigation ul li,
    #sidebar nav .secondary-navigation ul li {
      position: relative;
      margin-bottom: -1px;
      border-bottom: 1px solid #000; }
      .pt_accountregistration #sidebar nav .secondary-navigation ul li:first-child,
      #sidebar nav .secondary-navigation ul li:first-child {
        border-top: 1px solid #000; }
        .pt_accountregistration #sidebar nav .secondary-navigation ul li:first-child:hover,
        #sidebar nav .secondary-navigation ul li:first-child:hover {
          border-top: 1px solid #FE0E0D; }
      .pt_accountregistration #sidebar nav .secondary-navigation ul li a,
      #sidebar nav .secondary-navigation ul li a {
        display: block;
        padding: 10px 25px 10px 17px;
        color: #000;
        position: relative; }
        .pt_accountregistration #sidebar nav .secondary-navigation ul li a:before,
        #sidebar nav .secondary-navigation ul li a:before {
          content: '';
          position: absolute;
          right: 10px;
          height: 10px;
          width: 7px;
          top: 50%;
          margin-top: -5px;
          background: url("../images/global/ico_sidebar-nav-arrows.png") 0 center no-repeat;
          background-position: -134px 0; }
        .pt_accountregistration #sidebar nav .secondary-navigation ul li a:hover,
        #sidebar nav .secondary-navigation ul li a:hover {
          z-index: 12;
          background-color: #FE0E0D;
          color: #fff; }
          .pt_accountregistration #sidebar nav .secondary-navigation ul li a:hover:before,
          #sidebar nav .secondary-navigation ul li a:hover:before {
            background-position: -290px center; }
        .pt_accountregistration #sidebar nav .secondary-navigation ul li a span,
        #sidebar nav .secondary-navigation ul li a span {
          display: block; }
      .pt_accountregistration #sidebar nav .secondary-navigation ul li:hover,
      #sidebar nav .secondary-navigation ul li:hover {
        border-bottom: 1px solid #FE0E0D; }
      .pt_accountregistration #sidebar nav .secondary-navigation ul li.selected,
      #sidebar nav .secondary-navigation ul li.selected {
        border-bottom: 1px solid #FE0E0D;
        border-top: 1px solid #FE0E0D; }
        .pt_accountregistration #sidebar nav .secondary-navigation ul li.selected a,
        #sidebar nav .secondary-navigation ul li.selected a {
          color: #FE0E0D; }
          .pt_accountregistration #sidebar nav .secondary-navigation ul li.selected a:before,
          #sidebar nav .secondary-navigation ul li.selected a:before {
            background-position: -445px center; }
          .pt_accountregistration #sidebar nav .secondary-navigation ul li.selected a:hover,
          #sidebar nav .secondary-navigation ul li.selected a:hover {
            background-color: #FE0E0D;
            color: #fff; }
            .pt_accountregistration #sidebar nav .secondary-navigation ul li.selected a:hover:before,
            #sidebar nav .secondary-navigation ul li.selected a:hover:before {
              background-position: -289px center; }
          .pt_accountregistration #sidebar nav .secondary-navigation ul li.selected a span,
          #sidebar nav .secondary-navigation ul li.selected a span {
            display: block; }

body .grid-layout-component {
  -webkit-text-size-adjust: none; }

.grid-layout-component {
  max-width: 960px;
  margin: 0 auto; }

.grid-layout-component ul {
  margin: 60px auto; }

.grid-layout-component ul li a {
  display: block; }

.grid-layout-component ul li .inner {
  display: block;
  overflow: hidden;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

.grid-layout-component ul li .inner img {
  text-align: center;
  background: transparent url("http://uniqlo.scene7.com/is/content/UNIQLO/us_site_assets/global_assets/UNIQLO_image_loader.gif") no-repeat center;
  width: 100%;
  height: auto;
  vertical-align: bottom;
  z-index: -2;
  position: relative; }

.grid-layout-component ul li .inner {
  position: relative; }

.grid-layout-component ul li .inner span.line {
  display: block;
  overflow: hidden;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important; }

.grid-layout-component ul li .inner.border-enable span.line {
  border: 1px solid #e7e7e7; }

.grid-layout-component ul li a.inner:hover span.line, .grid-layout-component ul li a.inner.border-enable:hover span.line {
  border: 1px solid #7a7a7a; }

.grid-layout-component ul li p {
  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  margin-top: 13px;
  display: block; }

.grid-layout-component ul li p.head {
  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
  font-weight: normal;
  font-size: 15px;
  line-height: 18px;
  margin-top: 21px;
  text-transform: uppercase; }

.grid-layout-component .f_ubr {
  font-family: "UniqloBoldRegular", helvetica, arial !important;
  font-weight: normal !important; }

.grid-layout-component .f_ubrr {
  font-family: "UniqloBoldRoundedRegular", helvetica, arial !important;
  font-weight: normal !important; }

.account-section #main, .pt_accountregistration #main, .pt_orderhistory #main, .pt_checkoutlogin #main, .pt_order-confirmation #main, .pt_customer-service #main {
  width: 100%; }

.account-section #content, .pt_accountregistration #content, .pt_orderhistory #content, .pt_checkoutlogin #content, .pt_order-confirmation #content, .pt_customer-service #content {
  float: none;
  overflow: hidden;
  width: auto !important;
  padding-right: 20px; }

.pt_customer-service #main .uq-header-component {
  position: fixed; }

.ptcheckoutlogin-updatedheader #content {
  padding-right: 0; }

.ptcheckoutlogin-updatedheader .site-map-component {
  padding: 0; }
  .ptcheckoutlogin-updatedheader .site-map-component .footer-separator {
    border-top: 1px solid #eaeaea; }

.ptcheckoutlogin-updatedheader .site-map-component > div {
  padding: 20px 0; }

.pt_checkout #main, .pt_order-confirmation #main, .pt_customer-service #main {
  max-width: 976px; }

@media screen and (min-width: 1440px) {
  .pt_checkout .logo-content, .pt_order-confirmation .logo-content, .pt_customer-service .logo-content {
    margin-left: 25px; } }

@media screen and (min-width: 1440px) {
  .checkout-login .logo-content {
    margin-left: 0px; } }

@media screen and (min-width: 768px) {
  .checkout-login .logo-content {
    left: 25px; } }

.account-section .items {
  width: auto !important; }

.account-section #page-title p {
  width: auto; }

.account-section #page-title h5 {
  text-transform: none; }

.account-section .product-pricing .product-standard-price {
  font-size: 0.875rem;
  line-height: 15px;
  color: #000;
  text-decoration: line-through;
  font-weight: 100; }
  .account-section .product-pricing .product-standard-price:after {
    content: "\A";
    white-space: pre; }

.checkout-billing .btn-NoBackgroundImage.button[disabled="disabled"] {
  background-image: none;
  background-color: #afafaf;
  border: #afafaf;
  cursor: default;
  color: #cbcbcb;
  box-shadow: 0 0 0 2px #afafaf inset; }
  .checkout-billing .btn-NoBackgroundImage.button[disabled="disabled"]:hover span {
    border: 1px solid #afafaf;
    padding: 9px; }

.uq-wrapper.uq-cart .proceed-to-checkout button[disabled="disabled"] {
  background-image: none;
  background-color: #afafaf;
  border: #afafaf;
  cursor: default;
  color: #cbcbcb;
  box-shadow: 0 0 0 2px #afafaf inset; }
  .uq-wrapper.uq-cart .proceed-to-checkout button[disabled="disabled"]:hover span {
    border: 1px solid #afafaf;
    padding: 9px; }

.uq-wrapper.uq-cart .proceed-to-checkout-paypalexpress button[disabled="disabled"] {
  background-image: none;
  background-color: rgba(175, 175, 175, 0.15);
  border: #afafaf;
  cursor: default;
  color: #cbcbcb;
  box-shadow: 0 0 0 2px #afafaf inset; }

.uq-wrapper.uq-cart .bonus-product-list-footer .disabledButton {
  background-image: none;
  background-color: #eaeaea;
  cursor: default;
  color: #000;
  font-weight: bold; }
  .uq-wrapper.uq-cart .bonus-product-list-footer .disabledButton:hover {
    background-color: #eaeaea !important;
    background: #eaeaea; }

.uq-checkout .promoStrip {
  margin: 131px 0 0; }
  @media screen and (max-width: 1024px) {
    .uq-checkout .promoStrip {
      margin: 175px 0 0; } }

.uniqlofooter {
  padding-top: 40px; }

.uq-checkout .paypalexpress .cart-types {
  padding-bottom: 25px; }
  .uq-checkout .paypalexpress .cart-types .cart-title {
    padding-bottom: 1em;
    font-family: "UniqloRegularRegular";
    font-size: 1.1em;
    font-weight: 500;
    text-transform: uppercase; }

.uq-checkout .paypalexpress .cart-row {
  padding-bottom: 30px;
  clear: both; }
  .uq-checkout .paypalexpress .cart-row .image {
    float: left;
    width: 13%;
    margin-right: 5px; }
  .uq-checkout .paypalexpress .cart-row .description {
    float: left;
    padding-bottom: 30px; }
    .uq-checkout .paypalexpress .cart-row .description .name {
      padding-bottom: 10px;
      font-family: "UniqloRegularRegular";
      font-size: 1.0em;
      font-weight: 500;
      text-transform: uppercase; }
    .uq-checkout .paypalexpress .cart-row .description .price {
      font-family: "UniqloRegularRegular";
      font-size: 1.0em;
      font-weight: 500; }
    .uq-checkout .paypalexpress .cart-row .description .cell-color,
    .uq-checkout .paypalexpress .cart-row .description .cell-size,
    .uq-checkout .paypalexpress .cart-row .description .cell-length,
    .uq-checkout .paypalexpress .cart-row .description .quantity {
      font-size: 14px;
      font-weight: 400; }

.uq-checkout .paypalexpress .product-price .pdp-price-original .price-standard {
  text-decoration: line-through;
  color: #000; }

.uq-checkout .paypalexpress .checkout-summary.address-left {
  width: 100%; }

.uq-checkout .paypalexpress .shippingmethoddetails {
  clear: both;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  padding-top: 15px;
  padding-bottom: 20px; }
  .uq-checkout .paypalexpress .shippingmethoddetails .deliveryname {
    padding-bottom: 16px;
    font-size: 1.1em;
    font-weight: 500;
    text-transform: uppercase;
    font-family: "UniqloRegularRegular"; }
  .uq-checkout .paypalexpress .shippingmethoddetails .description {
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase; }
    .uq-checkout .paypalexpress .shippingmethoddetails .description .name {
      float: left;
      width: 60%; }
      .uq-checkout .paypalexpress .shippingmethoddetails .description .name .method {
        padding-left: 10px; }
    .uq-checkout .paypalexpress .shippingmethoddetails .description .input-radio-span-wrap {
      padding-top: 6px;
      padding-bottom: 4px;
      background: url("../images/global/g_form-radio_US.png") right top no-repeat; }
      .uq-checkout .paypalexpress .shippingmethoddetails .description .input-radio-span-wrap input[type="radio"] {
        opacity: 0;
        width: 24px;
        padding-top: 7px;
        margin: 0; }
  .uq-checkout .paypalexpress .shippingmethoddetails .carrierStoreList {
    padding-top: 20px;
    width: 100%; }
    .uq-checkout .paypalexpress .shippingmethoddetails .carrierStoreList select {
      outline: 0;
      height: 2.5em;
      border-radius: 4px;
      padding-left: 0.5em;
      margin-right: 1em;
      border: solid 1px #979797;
      font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
      font-size: 14px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      color: #000; }
      .uq-checkout .paypalexpress .shippingmethoddetails .carrierStoreList select.clickcollectppxerror {
        border: 2px solid #FE0E0D; }
      .uq-checkout .paypalexpress .shippingmethoddetails .carrierStoreList select .title {
        text-transform: uppercase; }
  .uq-checkout .paypalexpress .shippingmethoddetails .carrierpoint-info {
    display: none;
    padding-top: 15px; }
    .uq-checkout .paypalexpress .shippingmethoddetails .carrierpoint-info .field-label {
      padding-top: 0;
      width: 200px; }
    .uq-checkout .paypalexpress .shippingmethoddetails .carrierpoint-info .field {
      margin-left: 5px; }

.uq-checkout .paypalexpress .checkout-spayment {
  clear: both;
  margin-bottom: 30px;
  padding-top: 30px; }
  .uq-checkout .paypalexpress .checkout-spayment.new-checkout-spayment {
    border-bottom: 1px solid #aaa;
    padding-top: 0px; }
  .uq-checkout .paypalexpress .checkout-spayment .payment-title {
    padding-bottom: 10px;
    padding-top: 15px;
    font-family: "UniqloRegularRegular";
    font-size: 1.1em;
    font-weight: 500;
    text-transform: uppercase; }
  .uq-checkout .paypalexpress .checkout-spayment .payment-description {
    padding-top: 15px;
    padding-bottom: 30px;
    background-color: rgba(175, 175, 175, 0.15); }
    .uq-checkout .paypalexpress .checkout-spayment .payment-description .logo {
      width: 30%;
      float: left;
      padding-left: 10px; }
    .uq-checkout .paypalexpress .checkout-spayment .payment-description .criptage {
      padding-right: 10px;
      float: right; }
  .uq-checkout .paypalexpress .checkout-spayment.new-checkout-spayment .payment-description {
    padding-bottom: 35px;
    background-color: #fff; }

.uq-checkout .paypalexpress .checkout-order-totals.order-totals-paypalexpress {
  border-top: none; }

.pt_checkout .paypalExpress_summary_section {
  margin-top: 43px; }

.pt_checkout .with-sidebar.paypalexpress .mini-summary-header {
  clear: both; }

.pt_checkout .with-sidebar.paypalexpress .mini-summary-header-submitbutton .checkout-summary {
  float: left; }

.pt_checkout .with-sidebar.paypalexpress .mini-summary-header-submitbutton .paypalExpressTermOfCondition-right {
  clear: both; }
  .pt_checkout .with-sidebar.paypalexpress .mini-summary-header-submitbutton .paypalExpressTermOfCondition-right .field-label {
    display: none; }
  .pt_checkout .with-sidebar.paypalexpress .mini-summary-header-submitbutton .paypalExpressTermOfCondition-right .field {
    width: 300px; }

.pt_checkout .with-sidebar.paypalexpress #secondary .mini-summary-header-submitbutton {
  margin-top: 133px; }
  .pt_checkout .with-sidebar.paypalexpress #secondary .mini-summary-header-submitbutton.new-mini-summary-header-submitbutton {
    margin-top: 80px; }
  .pt_checkout .with-sidebar.paypalexpress #secondary .mini-summary-header-submitbutton .button-container {
    width: 100%; }
    .pt_checkout .with-sidebar.paypalexpress #secondary .mini-summary-header-submitbutton .button-container.new-button {
      position: relative; }
  .pt_checkout .with-sidebar.paypalexpress #secondary .mini-summary-header-submitbutton fieldset {
    margin: 0; }

.pt_checkout .with-sidebar.paypalexpress .summarypaypalexpress {
  clear: both;
  padding-top: 20px; }
  .pt_checkout .with-sidebar.paypalexpress .summarypaypalexpress hr.thick {
    margin: 7px 0;
    height: 4px; }
  .pt_checkout .with-sidebar.paypalexpress .summarypaypalexpress h1 {
    margin: 0;
    font-size: 1.9em; }

@media screen and (max-width: 1024px) {
  .main.main-paypalexpress {
    margin-top: 0px; } }

.siteMap {
  background-color: #fff;
  box-shadow: 0px 24px 0px 24px #fff; }

_:-ms-fullscreen, :root .uq-footer-component {
  margin-top: 0; }

/***
* Fonts _(commonly used)_:
*/
/**
* Uniqlo Pro:
* _font class name_ : `.fontUniqloProRegular` <br/>
* _SCSS Variable_ : `$font-uq` <br/>
* _light_ : `font-weight: 300` | `.fontUniqloProLight`<br/>
* _bold_ : `font-weight: 700` | `.fontUniqloProBold`<br/>
*
*     @example
*     h2.fontUniqloProLight ABCDEFGHIJKLMNOPQRSTUVWXYZ; 0123456789 !
*     h2.fontUniqloProRegular ABCDEFGHIJKLMNOPQRSTUVWXYZ; 0123456789 !
* 	  h2.fontUniqloProBold ABCDEFGHIJKLMNOPQRSTUVWXYZ; 0123456789 !
*/
@font-face {
  font-family: "Uniqlo Pro";
  src: url("../fonts/uniqloprolight.woff") format("woff"), url("../fonts/uniqloprolight.ttf") format("truetype"), url("../fonts/uniqloprolight.svg") format("svg");
  font-weight: 300; }

@font-face {
  font-family: "Uniqlo Pro";
  src: url("../fonts/uniqlopro-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/uniqloproregular-webfont.woff") format("woff"), url("../fonts/uniqloproregular-webfont.ttf") format("truetype"), url("../fonts/uniqloproregular-webfont.svg#uniqlopro-regular") format("svg");
  font-weight: 400; }

@font-face {
  font-family: "Uniqlo Pro";
  src: url("../fonts/uniqloprobold.eot?#iefix") format("embedded-opentype"), url("../fonts/uniqloprobold.woff") format("woff"), url("../fonts/uniqloprobold.ttf") format("truetype"), url("../fonts/uniqloprobold.svg#uniqloprobold") format("svg");
  font-weight: bold; }

.fontUniqloProRegular, .fontUniqloProLight, .fontUniqloProBold {
  font-family: "Uniqlo Pro", "UniqloRegularRegular"; }

.fontUniqloProLight {
  font-weight: 300; }

.fontUniqloProBold {
  font-weight: bold; }

.fontUniqloProRegular, fontUniqloProLight, .fontUniqloProBold {
  font-synthesis: bold; }

/**
* Alexander Wang:
* _font class name_ : `.fontAlexanderWang` <br/>
* _SCSS Variable_ : `$font-AlexanderWang` <br/>
* _light_ : `font-weight: 300` | `.fontAlexanderWang-light`<br/>
* _medium_ : `font-weight: 500` | `.fontAlexanderWang-medium`<br/>
* _semibold_ : `font-weight: 600` | `.fontAlexanderWang-semibold`<br/>
* _bold_ : `font-weight: 700` | `.fontAlexanderWang-bold`<br/>
*
*     @example
*     h2.fontAlexanderWang-light ABCDEFGHIJKLMNOPQRSTUVWXYZ; 0123456789 !
*     h2.fontAlexanderWang ABCDEFGHIJKLMNOPQRSTUVWXYZ; 0123456789 !
*     h2.fontAlexanderWang-medium ABCDEFGHIJKLMNOPQRSTUVWXYZ; 0123456789 !
*     h2.fontAlexanderWang-semibold ABCDEFGHIJKLMNOPQRSTUVWXYZ; 0123456789 !
*     h2.fontAlexanderWang-bold ABCDEFGHIJKLMNOPQRSTUVWXYZ; 0123456789 !
*/
@font-face {
  font-family: "Alexander Wang";
  src: url("../fonts/alexander_wang-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/alexander_wang-regular.woff2") format("woff2"), url("../fonts/alexander_wang-regular.woff") format("woff");
  font-weight: 400; }

@font-face {
  font-family: "Alexander Wang";
  src: url("../fonts/alexander_wang-light.eot?#iefix") format("embedded-opentype"), url("../fonts/alexander_wang-light.woff2") format("woff2"), url("../fonts/alexander_wang-light.woff") format("woff");
  font-weight: 300; }

@font-face {
  font-family: "Alexander Wang";
  src: url("../fonts/alexander_wang-medium.eot?#iefix") format("embedded-opentype"), url("../fonts/alexander_wang-medium.woff2") format("woff2"), url("../fonts/alexander_wang-medium.woff") format("woff");
  font-weight: 500; }

@font-face {
  font-family: "Alexander Wang";
  src: url("../fonts/alexander_wang-semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/alexander_wang-semibold.woff2") format("woff2"), url("../fonts/alexander_wang-semibold.woff") format("woff");
  font-weight: 600; }

@font-face {
  font-family: "Alexander Wang";
  src: url("../fonts/alexander_wang-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/alexander_wang-bold.woff2") format("woff2"), url("../fonts/alexander_wang-bold.woff") format("woff");
  font-weight: 700; }

.fontAlexanderWang, .fontAlexanderWang-light, .fontAlexanderWang-medium, .fontAlexanderWang-semibold, fontAlexanderWang-demibold, .fontAlexanderWang-bold {
  font-family: "Alexander Wang"; }

.fontAlexanderWang-light {
  font-weight: 300; }

.fontAlexanderWang-medium {
  font-weight: 500; }

.fontAlexanderWang-semibold, fontAlexanderWang-demibold {
  font-weight: 600; }

.fontAlexanderWang-bold {
  font-weight: 700; }

/**
* DIN* / Helvetica / Arial: 
* the DIN fontfamily is not used within the shop anymore please consider using: <br /><br />
* _font class name_: `.fontSansSerif`<br />
* _SCSS variable_: `$font-sans-serif`<br />
* _medium_ `font-weight: 500` | `.fontSansSerifMedium`<br />
* _bold_: `font-weight: 700` | `.fontSansSerifBold`
*
*     @example
*     h2.fontSansSerif ABCDEFGHIJKLMNOPQRSTUVWXYZ; 0123456789 !
*/
/* *** DIN overwrites for gracefully degradation of old fontFamilies *** */
.fontDINNextW01Bold, .fontDINNextW01Regular, .fontDINNextW02Medium, .fontDINNextW01Light, .fontDINPro-Medium, .fontDINPRO-BOLD, .fontNHaasGroteskTXPro-75Bd {
  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
  /* fallback UNIQPBLDW-2099 */ }

.fontDINNextW01Bold, .fontDINPRO-BOLD {
  font-weight: bold; }

@font-face {
  font-family: "DIN Next W01 Regular";
  src: local("Helvetica Neue"), local(HelveticaNeue), local(Helvetica), local(Roboto), local(Arial); }

@font-face {
  font-family: "DIN Next W02 Medium";
  src: local("Helvetica Neue"), local(HelveticaNeue), local(Helvetica), local(Roboto), local(Arial); }

@font-face {
  font-family: "DIN Next W01 Bold";
  src: local("Helvetica Neue"), local(HelveticaNeue), local(Helvetica), local(Roboto), local(Arial); }

@font-face {
  font-family: "DINPro-Medium";
  src: local("Helvetica Neue"), local(HelveticaNeue), local(Helvetica), local(Roboto), local(Arial); }

@font-face {
  font-family: "DIN Next W01 Light";
  src: local("Helvetica Neue"), local(HelveticaNeue), local(Helvetica), local(Roboto), local(Arial); }

/***
* Fonts _(legacy or rarely used)_:
*/
/**
* UniqloRegularRegular:
* _(think of using Uniqlo Pro instead)_<br/><br/>
* _font class name_:`.fontUniqloRegularRegular`<br/>
* _SCSS variable_: `$font-uq-old`
*
*     @example
*     h2.fontUniqloRegularRegular ABCDEFGHIJKLMNOPQRSTUVWXYZ; 0123456789 !
*/
@font-face {
  font-family: 'UniqloRegularRegular';
  src: url("../fonts/uniqloregular-webfont.eot");
  src: url("../fonts/uniqloregular-webfont-.eot#iefix") format("embedded-opentype"), url("../fonts/uniqloregular-webfont.woff") format("woff"), url("../fonts/uniqloregular-webfont.ttf") format("truetype"), url("../fonts/uniqloregular-webfont.svg#UniqloRegularRegular") format("svg");
  font-weight: normal;
  font-style: normal; }

.fontUniqloRegularRegular {
  font-family: "UniqloRegularRegular"; }

/**
* UniqloBoldRegular:
* _(think of using Uniqlo Pro instead)_<br/><br/>
* _font class name_:`.fontUniqloBoldRegular`<br/>
* _SCSS variable_: `$font-uq-old-bold`<br/>
*
*     @example
*     h2.fontUniqloBoldRegular ABCDEFGHIJKLMNOPQRSTUVWXYZ; 0123456789 !
*/
@font-face {
  font-family: 'UniqloBoldRegular';
  src: url("../fonts/uniqlobold-webfont.eot");
  src: url("../fonts/uniqlobold-webfont-.eot#iefix") format("embedded-opentype"), url("../fonts/uniqlobold-webfont.woff") format("woff"), url("../fonts/uniqlobold-webfont.ttf") format("truetype"), url("../fonts/uniqlobold-webfont.svg#UniqloBoldRegular") format("svg");
  font-weight: normal;
  font-style: normal; }

.fontUniqloBoldRegular {
  font-family: "UniqloBoldRegular"; }

/**
* UniqloBoldRoundedRegular:
* _font class name_: `.fontUniqloBoldRoundedRegular`<br/>
* _SCSS variable_: `$font-uq-old-bold-round`<br/>
*
*     @example
*     h2.fontUniqloBoldRoundedRegular ABCDEFGHIJKLMNOPQRSTUVWXYZ; 0123456789 !
*/
@font-face {
  font-family: 'UniqloBoldRoundedRegular';
  src: url("../fonts/uniqloboldrounded-webfont.eot");
  src: url("../fonts/uniqloboldrounded-webfont-.eot#iefix") format("embedded-opentype"), url("../fonts/uniqloboldrounded-webfont.woff") format("woff"), url("../fonts/uniqloboldrounded-webfont.ttf") format("truetype"), url("../fonts/uniqloboldrounded-webfont.svg#UniqloBoldRegular") format("svg");
  font-weight: normal;
  font-style: normal; }

.fontUniqloBoldRoundedRegular {
  font-family: "UniqloBoldRoundedRegular"; }

/** 
* UniqloLight: 
* _font class name_:`.fontUniqloLight`<br/>
* _SCSS variable_: -
*
*     @example
*     h2.fontUniqloLight ABCDEFGHIJKLMNOPQRSTUVWXYZ; 0123456789 !
*/
@font-face {
  font-family: 'UniqloLight';
  src: url("../fonts/UniqloLight.ttf");
  src: url("../fonts/uniqlolight-webfont.ttf");
  src: url("../fonts/uniqlolight-webfont.eot");
  src: url("../fonts/uniqlolight-webfont-.eot#iefix") format("embedded-opentype"), url("../fonts/uniqlolight-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

.fontUniqloLight {
  font-family: "UniqloLight"; }

/** 
* UniqloItalic:
* _font class name_:`.fontUniqloItalic`<br/>
* _SCSS variable_: -
*
*     @example
*     h2.fontUniqloItalic ABCDEFGHIJKLMNOPQRSTUVWXYZ; 0123456789 !
*/
@font-face {
  font-family: 'UniqloItalic';
  src: url("../fonts/UniqloItalic.ttf");
  font-weight: normal;
  font-style: normal; }

.fontUniqloItalic {
  font-family: "UniqloItalic"; }

/** 
* 'Brown Regular':
* _font class name_:`.fontBrownRegular`<br/>
* _SCSS variable_: -
*
*     @example
*     h2.fontBrownRegular ABCDEFGHIJKLMNOPQRSTUVWXYZ; 0123456789 !
*/
@font-face {
  font-family: 'Brown Regular';
  src: url("../fonts/brown-regular.eot");
  src: url("../fonts/brown-regular-.eot#iefix") format("embedded-opentype"), url("../fonts/lineto-brown-regular.woff") format("woff"), url("../fonts/lineto-brown-regular_0.ttf") format("truetype"), url("../fonts/brown-regular.svg#Brown-Regular") format("svg");
  font-weight: normal;
  font-style: normal; }

.fontBrownRegular {
  font-family: "Brown Regular"; }

/** 
* 'Caslon Book BE': 
* _font class name_:`.fontCaslonBookBE`<br/>
* _SCSS variable_: -
*
*     @example
*     h2.fontCaslonBookBE ABCDEFGHIJKLMNOPQRSTUVWXYZ; 0123456789 !
*/
@font-face {
  font-family: 'Caslon Book BE';
  src: url("../fonts/Caslon_Book_BE_Regular.eot");
  src: url("../fonts/Caslon_Book_BE_Regular.eot#iefix") format("embedded-opentype"), url("../fonts/Caslon_Book_BE_Regular.woff") format("woff"), url("../fonts/Caslon_Book_BE_Regular.ttf") format("truetype"), url("../fonts/Caslon_Book_BE_Regular.svg#CaslonBookBE-Regular") format("svg"); }

.fontCaslonBookBE {
  font-family: "Caslon Book BE"; }

/** 
* Basel-Regular:
* _font class name_:`.fontBasel-Regular`<br/>
* _SCSS variable_: -
*
*     @example
*     h2.fontBasel-Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ; 0123456789 !
*/
@font-face {
  font-family: 'Basel-Regular';
  src: url("../fonts/Basel-Regular.eot");
  src: url("../fonts/Basel-Regular-.eot#iefix") format("embedded-opentype"), url("../fonts/Basel-Regular.woff") format("woff"), url("../fonts/Basel-Regular.ttf") format("truetype"), url("../fonts/Basel-Regular.svg#Basel-Regular") format("svg"); }

.fontBasel-Regular {
  font-family: "Basel-Regular"; }

/* FontAwesome, used for development purposes only to provide small vectorbased graphics */
@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot?v=4.6.3");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.6.3") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.6.3") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.6.3") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }

.fontFontAwesome {
  font-family: "FontAwesome"; }

@keyframes slideAnimation {
  0% {
    visibility: hidden;
    opacity: 0;
    transform: translateY(-15px); }
  10% {
    visibility: visible;
    opacity: 1; }
  20%, 100% {
    transform: translateY(0); } }

.actionMenu {
  position: relative; }
  .actionMenu--slide {
    /* hover bridge */
    padding-bottom: 18px;
    margin-bottom: -18px; }
    .actionMenu--slide .actionMenu__box {
      display: block;
      transform-origin: top;
      animation-name: slideAnimation;
      animation-duration: 2s;
      animation-timing-function: ease-in-out;
      animation-direction: alternate;
      animation-iteration-count: 2; }
  .actionMenu--open, .actionMenu:hover {
    /* hover bridge */
    padding-bottom: 18px;
    margin-bottom: -18px; }
    .actionMenu--open .actionMenu__box, .actionMenu:hover .actionMenu__box {
      display: block;
      visibility: visible; }
  .actionMenu__box {
    display: none;
    visibility: hidden;
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 215px;
    border: 1px solid #bebebe;
    padding: 18px;
    color: #000;
    background: #fff;
    z-index: 1; }
    .actionMenu__box.actionMenu__box--noPadding {
      padding: 0; }
      .actionMenu__box.actionMenu__box--noPadding::before {
        /* triangle */
        right: 24px; }
    .actionMenu__box::before {
      /* triangle */
      content: "";
      position: absolute;
      top: 0;
      right: 12px;
      width: 24px;
      height: 24px;
      clip: rect(0 auto 22px 2px);
      margin-top: -12px;
      transform: rotate(-45deg);
      background: #fff;
      border: 1px solid #bebebe; }

.ui-dialog {
  background-color: #fff;
  padding: 0;
  border: 10px solid #000; }
  .ui-dialog-open {
    overflow-y: hidden; }
    .ui-dialog-open .ui-dialog {
      position: fixed !important; }
    .ui-dialog-open .ui-widget-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 34; }
    .ui-dialog-open body:not(.js_pseudo_opacity) .ui-widget-overlay {
      background-color: rgba(0, 0, 0, 0.7); }
  .ui-dialog .ui-widget-header {
    background-color: #f5f5f5;
    border: 0 none;
    border-radius: 0 0 0 0;
    height: 23px;
    text-transform: uppercase; }
  .ui-dialog .ui-dialog-title {
    color: #333;
    font-weight: bold; }
  .ui-dialog .ui-dialog-titlebar {
    padding: .35em 1em;
    position: relative; }
  .ui-dialog .ui-icon-closethick {
    background-image: url("../images/global/sprites-s58bc8abdec.png");
    background-position: -1px -430px;
    height: 32px;
    width: 32px;
    left: 0;
    top: 0;
    margin-left: 0;
    margin-top: 0; }
  .ui-dialog .ui-dialog-titlebar-close {
    background-color: transparent;
    background-image: url("../images/global/sprites-s58bc8abdec.png");
    background-position: 0 -429px;
    background-repeat: no-repeat;
    border-radius: 0 0 0 0;
    border: 0 none;
    height: 35px;
    left: auto;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 10px;
    text-indent: -20000px;
    top: 10px;
    width: 35px;
    z-index: 50; }
    .ui-dialog .ui-dialog-titlebar-close:hover {
      background-position: 0 -646px; }
    .ui-dialog .ui-dialog-titlebar-close span {
      margin: 0;
      padding: 0; }
    .ui-dialog .ui-dialog-titlebar-close.ui-dialog-titlebar-close--small {
      top: 20px;
      right: 20px;
      width: 18px;
      height: 18px;
      background-image: url("../images/addtocartpopup/icon_close_small.png");
      background-position: 0 0; }
      .ui-dialog .ui-dialog-titlebar-close.ui-dialog-titlebar-close--small:hover {
        background-position: inherit; }
  .ui-dialog h1,
  .ui-dialog h2 {
    font-size: 1.8em;
    font-style: italic;
    font-weight: 400;
    margin: 5px 158px 5px 0; }
  .ui-dialog .dialog-required {
    font-weight: 400;
    position: relative;
    text-transform: none; }

.ui-widget-overlay-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 34; }

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

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

/* for proper display of .pdp-description-tab on PDP page*/
/*.ui-tabs {
	.ui-tabs-nav {
		height: 2.45em;
		padding: 0;
		li {
			background-color: $white-smoke;
			border-color: $gainsboro $gainsboro $white;
			border-style: solid;
			border-width: 1px;
			font-style: italic;
			&.ui-state-active {
				background-color: $white;
				a {
					color: $dim-gray;
				}
			}
			a {
				color: $nobel;
			}
		}
	}
	.ui-tabs-panel {
		background-color: $white;
		border-color: $gainsboro;
		border-radius: 0 0 0 0;
		border-style: solid;
		border-width: 1px;
		box-shadow: 4px 2px 10px 0 rgba(66, 66, 66, 0.1);
		color: #414141;
		font-size: 0.9em;
		line-height: 1.5em;
		margin: 0;
		padding: 20px 10px;
	}
}*/
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage::after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }
  .owl-carousel .owl-item img {
    width: 100%; }
  .owl-carousel .owl-nav.disabled,
  .owl-carousel .owl-dots.disabled {
    display: none; }
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/* Custom */
.owl-carousel {
  overflow: hidden;
  min-width: 700px;
  margin: 0 auto;
  text-align: center;
  clear: both;
  -ms-touch-action: pan-y; }
  .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    content: '';
    display: block;
    height: 50px;
    width: 19px;
    z-index: 20;
    top: 50%;
    transform: translateY(-50%);
    text-indent: -20000px;
    background-image: url("../images/global/sprites-s58bc8abdec.png");
    background-repeat: no-repeat;
    cursor: pointer; }
  .owl-carousel .owl-nav button.owl-prev {
    left: 0;
    right: auto;
    background-position: -95px -1497px; }
  .owl-carousel .owl-nav button.owl-next {
    right: 0;
    left: auto;
    background-position: -100px -1560px; }
  .owl-carousel .owl-stage-outer.autoHeight {
    transition: height 500ms ease-in-out; }
  .owl-carousel .owl-dots {
    cursor: pointer;
    display: inline-block;
    margin-top: 20px; }
    .owl-carousel .owl-dots .owl-dot {
      float: left; }
    .owl-carousel .owl-dots span {
      background: none repeat scroll 0 0 #888;
      border-radius: 20px;
      display: block;
      height: 8px;
      margin: 5px 7px;
      opacity: 0.5;
      width: 8px; }
      .owl-carousel .owl-dots span:hover {
        opacity: 1; }
    .owl-carousel .owl-dots .active span {
      opacity: 1;
      background: #000; }
  .owl-carousel .owl-buttons div {
    cursor: pointer; }

/* Homepage Slider Style */
.pt_homepage .owl-carousel {
  overflow: visible; }
  .pt_homepage .owl-carousel .owl-stage-outer {
    max-height: none;
    overflow: hidden; }
  @media screen and (max-width: 1024px) {
    .pt_homepage .owl-carousel .owl-nav {
      display: none; } }
  .pt_homepage .owl-carousel .owl-nav .owl-prev {
    margin-left: -35px; }
    @media screen and (max-width: 1520px) {
      .pt_homepage .owl-carousel .owl-nav .owl-prev {
        margin-left: -30px; } }
    .pt_homepage .owl-carousel .owl-nav .owl-prev:hover {
      opacity: 0.6; }
  .pt_homepage .owl-carousel .owl-nav .owl-next {
    margin-right: -35px; }
    @media screen and (max-width: 1520px) {
      .pt_homepage .owl-carousel .owl-nav .owl-next {
        margin-right: -30px; } }
    .pt_homepage .owl-carousel .owl-nav .owl-next:hover {
      opacity: 0.6; }

.owl-theme .prev-owl, .owl-theme .next-owl {
  position: absolute;
  top: 5px;
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #c0c0c0;
  outline: none; }
  .owl-theme .prev-owl:focus, .owl-theme .next-owl:focus {
    box-shadow: 0 0 8px #cc4895; }

.owl-theme .prev-owl {
  left: 24px; }

.owl-theme .next-owl {
  right: 24px; }

.owl-theme .item-link {
  position: relative;
  display: block;
  width: 150px;
  height: 90px;
  margin: 0 5px;
  outline: none; }
  .owl-theme .item-link:focus {
    box-shadow: 0 0 8px #cc4895;
    outline: none; }

.owl-theme .active .item-link {
  border-bottom: 5px solid #FE0E0D; }

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

legend {
  background: url("../images/interface/icon-double-line-header.png") repeat-x scroll left top #f5f5f5;
  border-bottom: 1em solid #fff;
  font-size: 1.1em;
  font-weight: 700;
  margin: 0;
  padding: 1.16em 2% .83em;
  position: relative;
  text-transform: uppercase;
  width: 96%; }
  .ie7 legend {
    width: 94%; }
  legend span {
    font-size: 12px;
    font-weight: 400;
    position: relative;
    text-transform: none;
    padding: 0 .5em; }
    legend span em {
      color: #333; }

.dialog-required {
  display: inline;
  font-size: 12px;
  font-weight: 400;
  position: relative;
  padding: .16em 0;
  text-transform: none em;
    text-transform-color: #333; }

.form-label-text {
  display: block;
  float: left;
  font-size: 1.1em;
  font-weight: 700;
  padding: 0.75em 0 0;
  text-align: right;
  width: 22%; }
  .form-label-text span {
    margin-right: .42em; }

.form-row {
  clear: both;
  margin: 0 0 1em; }

.form-row-button {
  margin-left: 24.5%;
  width: 62%; }

.form-row-align {
  margin-top: 25px;
  margin-left: 200px;
  max-width: 376px; }
  .form-row-align .button {
    width: 100%; }

.text-area-contactus textarea {
  min-width: 376px; }

.text-area-contactus .char-count {
  text-align: right; }

input[type="text"],
input[type="number"],
input[type="password"] {
  border: 1px solid #aaa;
  box-sizing: border-box;
  margin-left: 2%;
  margin-bottom: .3rem;
  padding: 0.7em 0.5em;
  text-indent: 0;
  width: 100%; }
  .form-row input[type="text"], .form-row
  input[type="number"], .form-row
  input[type="password"] {
    float: left; }

input[type="select"] {
  border: 1px solid #aaa;
  box-sizing: border-box;
  margin-left: 2%;
  margin-bottom: .3rem;
  padding: 0.7em 0.5em;
  text-indent: 0;
  width: 50%; }
  .form-row input[type="select"] {
    float: left; }

textarea {
  border: 1px solid #aaa;
  margin-left: 2%;
  padding: 0.7em 0.5em;
  text-indent: 0;
  width: 49.5966%; }

select {
  text-indent: 0;
  width: 51.6%; }

.search-result-options select {
  height: auto; }

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

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

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

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

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

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

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

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

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

.form-caption {
  clear: left;
  margin: 1% 0 1% 24%;
  width: auto; }

span.error {
  background: none repeat scroll 0 0 transparent;
  display: block;
  margin: 1% 2% 2% 0; }

.creditcardnumber .field-info.error.error-message, .creditcardcvn .field-info.error.error-message {
  background: none repeat scroll 0 0 transparent;
  position: relative;
  left: 30%;
  width: 59%;
  margin: -8px 0 0 4px; }

input#dwfrm_billing_paymentMethods_creditCard_cvn.input-text.cccvn {
  width: 69px; }

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

.error-form {
  background-color: #cebdb3;
  border: 1px solid #990000;
  border-radius: .5em;
  color: #990000;
  margin: 0.5em 0;
  padding: 0.8em; }

.form-inline form {
  padding: 0 0 2em;
  width: 98%; }

.form-inline .form-row {
  clear: none;
  float: left;
  margin: .42em 2% 0 0;
  width: 28%; }

.form-inline label {
  padding: 0 0 0.75em;
  text-transform: uppercase;
  width: auto; }

.form-inline input[type="text"], .form-inline select {
  margin-left: 0;
  width: 95%; }

.form-inline .form-row-button {
  float: left;
  margin: 2.5em 0 0;
  width: 10%; }

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

/* button guest checkout */
.login-box .button-container .btn_checkout_guest {
  background-color: #FE0E0D;
  color: #fff;
  padding: 3px;
  border: 0; }
  .login-box .button-container .btn_checkout_guest span {
    border: 3px solid transparent;
    padding: 7px; }
  .login-box .button-container .btn_checkout_guest:hover span {
    border: 1px solid #fff;
    padding: 9px; }
  .login-box .button-container .btn_checkout_guest:active span {
    border: 3px solid #fff;
    padding: 7px; }

.login-box-content label {
  float: none;
  font-size: 1.1em;
  text-align: left;
  width: auto; }

.login-box-content input[type="text"], .login-box-content input[type="password"] {
  margin-left: 0;
  width: 87%; }

.login-box-content textarea {
  margin-left: 0;
  width: 87%; }

.login-box-content .form-caption, .login-box-content input[type="checkbox"], .login-box-content select {
  margin-left: 0; }

.login-box-content .form-row-button {
  margin-left: 0;
  width: auto; }

.row-inline {
  display: inline; }
  .row-inline label {
    width: auto; }

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

.required-indicator {
  color: #990000; }

.form-field-tooltip {
  float: left;
  padding-top: .15em; }

.char-count {
  display: block;
  margin-left: 24%; }

/* sign-up */
#sign-up h3 {
  margin-top: 0; }

#sign-up h2 {
  margin: 0;
  font-size: 1.4em; }

#login-email .field-row .field-label {
  width: 157px; }

#login-email .field-row .field {
  width: 176px;
  margin-right: 0; }

#login-email .field-row .field-info {
  display: none; }

#main.main-wide #subscription-content fieldset,
#main.main-wide #unsubscription-content fieldset {
  margin: 0; }
  #main.main-wide #subscription-content fieldset input.newsletter-email-input,
  #main.main-wide #unsubscription-content fieldset input.newsletter-email-input {
    width: 300% !important; }
  #main.main-wide #subscription-content fieldset select.newsletter-country-select,
  #main.main-wide #subscription-content fieldset select.newsletter-gender-select,
  #main.main-wide #unsubscription-content fieldset select.newsletter-country-select,
  #main.main-wide #unsubscription-content fieldset select.newsletter-gender-select {
    width: 176px; }

#main.main-wide #subscription-content .field-row .field-label,
#main.main-wide #unsubscription-content .field-row .field-label {
  width: 157px; }

#main.main-wide #subscription-content .field-row .field,
#main.main-wide #unsubscription-content .field-row .field {
  width: 176px;
  margin-right: 0; }

#main.main-wide #subscription-content .field-row .field-info,
#main.main-wide #unsubscription-content .field-row .field-info {
  display: none; }

#dwfrm_login_register .form-row.form-row-button button {
  width: 176px; }

#dwfrm_login_register .form-row.form-row-button .button_w156 {
  width: 156px; }

li.field-row {
  list-style: inherit;
  list-style-type: none; }

/* forms */
#main fieldset {
  clear: both;
  margin: 30px 0; }

#main .checkout-billing fieldset,
#main .checkout-shipping fieldset {
  margin: 5px 0; }

#main .checkout-billing.address fieldset,
#main .checkout-shipping.address fieldset {
  min-width: 0; }

#login-email fieldset {
  margin: 0; }

.column .leftCol #login-email fieldset h3 {
  margin-top: 0; }

#main legend {
  display: block;
  font-size: 1.4em;
  font-family: "UniqloBoldRegular", helvetica, arial; }

#main legend span {
  display: block;
  margin: 20px 0; }

#login-email legend {
  margin-bottom: 20px; }

.fields {
  margin: 0 0 30px 0;
  padding: 0;
  list-style: none; }

#login-email .fields {
  margin-bottom: 0; }

.fields-review {
  margin-bottom: 20px; }

.field-row {
  min-height: 2.0em;
  margin: 10px 0; }

#login-email .field-row:last-child {
  margin-bottom: 0; }

.fields-review .field-row {
  min-height: 1.8em; }

.field-row .field-label {
  float: left;
  width: 176px;
  min-height: 2.6em;
  margin-right: 24px;
  padding-top: 0.7em;
  text-transform: uppercase; }

.field-label-offset {
  margin-left: 200px; }

.field-row .field-label.contact-us {
  width: 100%;
  margin-left: 35px;
  text-transform: none; }

.fields-review .field-row .field-label {
  min-height: 0;
  padding-top: 0; }

#login-email .field-row .field-label {
  width: 157px; }

.field-row .field-label img {
  vertical-align: baseline; }

.field-row .field-label .tooltip {
  position: relative;
  font-size: 0.8em;
  margin-top: -0.5em;
  color: #f00;
  cursor: pointer; }

.field-row .field-label .tooltip .tip {
  position: absolute;
  bottom: 1.0em;
  left: -9999em;
  z-index: 76; }

.field-row .field {
  float: left;
  width: 576px;
  margin-right: 10px; }

.field-row .field-padded {
  padding-top: 0.7em; }

.with-sidebar .field-row .field {
  width: 376px;
  min-height: 35px; }

#login-email .field-row .field {
  width: 176px;
  margin-right: 0; }

#delivery-prefs .field-row .field {
  width: auto;
  margin-right: 10px;
  padding: 0;
  min-height: auto; }

.field-row .field div.error {
  clear: both;
  margin-top: 10px; }

.field-row .field p {
  margin: 0 0 5px 0; }

.field-row .field p.field-annotation {
  margin: 10px 0 10px 0;
  color: #999; }

.field-row .field-inline {
  float: left;
  margin-left: 10px; }

.field-row .field-inline:first-child {
  margin-left: 0; }

.field-row .field .button-container {
  margin-top: 15px;
  text-align: right; }

.field-checker {
  position: relative;
  left: 0;
  line-height: 1.5em;
  padding-left: 36px; }

.field-checker .checker {
  position: absolute;
  left: 0; }

.field-checker-two-liner {
  line-height: 1.1em; }

.field-checker-two-liner .checker {
  top: 0.2em; }

.field-row .field-info {
  position: relative;
  float: left;
  color: #999; }

#delivery-prefs .field-row .field-info {
  color: #000; }

.field-row .field-info .field-info-message {
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 0.5em; }

.field-row .field-info .no-padding {
  padding-top: 0; }

.field-info-message ul {
  margin: 0;
  padding: 0 0 0 1.2em;
  list-style-type: disc; }

.field-info-message li {
  list-style-type: disc; }

#main input[type=text],
#main input[type=password],
#main textarea {
  padding: 9px 10px 8px 10px;
  margin: 0;
  background-color: #eaeaea;
  color: #222;
  border: none; }

#main .accountlogin-resetpassword input[type=text].error, #main .accountlogin-resetpassword input[type=password].error,
#main .accountlogin-mail-setnewpassword input[type=text].error,
#main .accountlogin-mail-setnewpassword input[type=password].error,
#main .checkoutlogin-input-section input[type=text].error,
#main .checkoutlogin-input-section input[type=password].error,
#main .accountlogin input[type=text].error,
#main .accountlogin input[type=password].error {
  background-color: #eaeaea !important;
  /* Overwrite the existing styling and make sure there is no additional background color causing by autocomplete */
  border: 1px solid #FE0E0D; }

#main .accountlogin-resetpassword input[type=text].valid, #main .accountlogin-resetpassword input[type=password].valid,
#main .accountlogin-mail-setnewpassword input[type=text].valid,
#main .accountlogin-mail-setnewpassword input[type=password].valid,
#main .checkoutlogin-input-section input[type=text].valid,
#main .checkoutlogin-input-section input[type=password].valid,
#main .accountlogin input[type=text].valid,
#main .accountlogin input[type=password].valid {
  border: 1px solid #000;
  background-color: #eaeaea !important;
  /* Overwrite the existing styling and make sure there is no additional background color causing by autocomplete */ }

#main .accountlogin-resetpassword input[type=text].input-default, #main .accountlogin-resetpassword input[type=password].input-default,
#main .accountlogin-mail-setnewpassword input[type=text].input-default,
#main .accountlogin-mail-setnewpassword input[type=password].input-default,
#main .checkoutlogin-input-section input[type=text].input-default,
#main .checkoutlogin-input-section input[type=password].input-default,
#main .accountlogin input[type=text].input-default,
#main .accountlogin input[type=password].input-default {
  border: 1px solid #000; }

#main .selectday-nominateddaydelivery input[type=text] {
  padding: 0px;
  background-color: #fff;
  color: #fff; }

#main input[type=text],
#main textarea {
  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
  font-size: 1.0em;
  letter-spacing: 0.1em;
  text-transform: none; }

#main input[type=text]:focus,
#main input[type=password]:focus,
#main textarea:focus {
  outline: thin solid; }

#main .accountlogin-resetpassword input[type=text]:focus,
#main .accountlogin-resetpassword input[type=password]:focus,
#main .accountlogin-mail-setnewpassword input[type=text]:focus,
#main .accountlogin-mail-setnewpassword input[type=password]:focus {
  outline: none;
  /* A custom border styling is already in place. Avoid double styling*/ }

#main textarea {
  min-height: 150px;
  width: 100%;
  max-width: 357px; }

.field-normal {
  width: 556px; }

.with-sidebar .field-normal {
  width: 356px; }

.with-sidebar .field-extra-short {
  width: 63px; }

.with-sidebar div.field-extra-short {
  width: 83px; }

.with-sidebar .field-short {
  width: 156px; }

/* img errors */
.img-error {
  background-color: #eaeaea; }

/* sign-up */
.column .rightCol #sign-up h3 {
  margin-top: 0; }

#main input[type=text].error,
#main input[type=password].error,
#main select.error {
  background-color: #edb43a;
  color: #000;
  text-transform: none; }

#main input::-webkit-input-placeholder {
  color: #6c6c6c; }

#main input:-moz-placeholder {
  color: #6c6c6c; }

#main input::-moz-placeholder {
  color: #6c6c6c; }

#main input:-ms-input-placeholder {
  color: #6c6c6c; }

.input-list {
  margin: 0;
  padding: 0.7em 0 0 0;
  list-style: none; }

.input-list li {
  display: inline-block;
  margin-right: 20px;
  /* ie7 */
  zoom: 1;
  *display: inline;
  _height: 24px; }

/* uniform */
.selector {
  position: relative;
  height: 33px;
  padding-right: 10px;
  overflow: hidden;
  background-color: #eaeaea;
  font-size: 1.0em;
  letter-spacing: 0.1em;
  line-height: 33px; }

.selector.focus {
  outline: 1px solid #000; }

.selector span {
  display: block;
  float: left;
  height: 33px;
  padding-left: 10px;
  background: url("//im.uniqlo.com/images/us/pc/img/ico_arrow-down-blk_US.png") right no-repeat;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.selector select {
  position: absolute;
  left: 0;
  top: 0;
  height: 33px;
  border: none; }

.field-short .selector {
  width: 166px; }

.field-short .selector span {
  width: 156px; }

.field-short .selector select {
  width: 176px; }

.field-extra-short .selector {
  width: 73px; }

.field-extra-short .selector span {
  width: 63px; }

.field-extra-short .selector select {
  width: 83px; }

#uniform-sort-reviews {
  height: 25px;
  font-size: 0.8em;
  line-height: 25px; }

#uniform-sort-reviews span {
  width: 156px;
  height: 25px; }

#uniform-sort-reviews select {
  width: 176px;
  height: 25px; }

.radio {
  display: inline-block;
  position: relative;
  top: -0.2em;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  cursor: pointer; }

.radio.focus {
  outline: 1px solid #000; }

.radio span {
  float: left;
  display: block;
  width: 24px;
  height: 24px;
  background: url("//im.uniqlo.com/images/us/pc/img/g_form-radio_US.png") left top no-repeat;
  text-align: center; }

.radio span.checked {
  background: url("//im.uniqlo.com/images/us/pc/img/g_form-radio_US.png") right top no-repeat; }

.radio input {
  float: left;
  width: 24px;
  height: 24px;
  margin: 0;
  text-align: center;
  cursor: pointer; }

.checker {
  display: inline-block;
  position: relative;
  top: -0.2em;
  width: 24px;
  height: 24px;
  margin-right: 5px;
  vertical-align: middle;
  cursor: pointer; }

.checker span:first-child {
  float: left;
  display: block;
  width: 24px;
  height: 24px;
  background: url("../images/global/g_form-checker_US.png") left top no-repeat;
  text-align: center; }

.checker span:first-child.checked {
  background: url("../images/global/g_form-checker_US.png") right top no-repeat; }

.paypalExpressTermOfCondition-right .checker span:first-child,
.creditcard-termof-condition .checker span:first-child,
.paypal-termof-condition .checker span:first-child,
.paypalExpressTermofCondition .checker span:first-child {
  float: left;
  display: block;
  width: 24px;
  height: 24px;
  background: url("../images/global/g_form-checker_US_2.png") left top no-repeat;
  text-align: center; }

.paypalExpressTermOfCondition-right .checker span:first-child.checked,
.creditcard-termof-condition .checker span:first-child.checked,
.paypal-termof-condition .checker span:first-child.checked,
.paypalExpressTermofCondition .checker span:first-child.checked {
  background: url("../images/global/g_form-checker_US_2.png") right top no-repeat; }

.paypalExpressTermOfCondition-right .checker span:first-child.ppxcheckboxerror,
.paypalExpressTermOfCondition-right .checker span:first-child.checkboxerror,
.creditcard-termof-condition .checker span:first-child.ppxcheckboxerror,
.creditcard-termof-condition .checker span:first-child.checkboxerror,
.paypal-termof-condition .checker span:first-child.ppxcheckboxerror,
.paypal-termof-condition .checker span:first-child.checkboxerror,
.paypalExpressTermofCondition .checker span:first-child.ppxcheckboxerror,
.paypalExpressTermofCondition .checker span:first-child.checkboxerror {
  background: url("../images/global/g_form-checker_US_2.png") center top no-repeat; }

.checker input {
  float: left;
  width: 24px;
  height: 24px;
  margin: 0;
  text-align: center;
  cursor: pointer; }

.grecaptcha-badge {
  visibility: hidden; }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-weight: normal; }

#plpmain {
  position: initial;
  margin: 0 auto;
  padding: 0; }
  #plpmain a.breadcrumb-element {
    color: #A9A9A9;
    pointer-events: none;
    cursor: default;
    text-transform: uppercase; }
    #plpmain a.breadcrumb-element:last-child {
      font-weight: initial; }
  #plpmain #primary {
    position: initial;
    width: inherit;
    float: none;
    margin-left: 0; }
    #plpmain #primary .section.promoGrid {
      display: inline-block;
      width: 100%; }
    #plpmain #primary section .unblocked-promos-component .addendum {
      display: block;
      height: auto;
      width: auto;
      position: static;
      float: none;
      text-align: center;
      font-size: 20px;
      font-size: 1.25rem;
      padding: 0; }
    #plpmain #primary section .unblocked-promos-component .product-overview {
      display: block;
      width: auto;
      height: auto;
      padding: 0;
      max-width: none;
      text-align: center;
      float: none;
      overflow: hidden;
      max-height: 365px; }
    #plpmain #primary section .unblocked-promos-component .textHolder {
      display: table-cell;
      vertical-align: middle;
      text-align: center;
      padding: 20px 10%; }
      #plpmain #primary section .unblocked-promos-component .textHolder p {
        font-size: 14px;
        font-size: .875rem;
        padding: 0 0 11px 0;
        line-height: inherit; }
    #plpmain #primary section .unblocked-promos-component a:before,
    #plpmain #primary section .unblocked-promos-component .has-multi-ctas:before {
      content: ' ';
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      pointer-events: none;
      top: 0;
      left: 0;
      box-sizing: border-box;
      z-index: 2; }
    #plpmain #primary section .unblocked-promos-component a,
    #plpmain #primary section .unblocked-promos-component .has-multi-ctas {
      display: block;
      position: relative;
      height: 100%;
      color: #000; }
    #plpmain #primary section .unblocked-promos-component .promo-component {
      display: block;
      height: 100%;
      position: relative;
      border: 1px solid #e7e7e7; }
    #plpmain #primary .section-title-component {
      margin: 0 auto;
      margin-top: 30px;
      max-width: 1872px;
      text-align: center; }
      #plpmain #primary .section-title-component h2 {
        font-family: "UniqloBoldRegular", helvetica, arial;
        font-size: 48px;
        font-size: 3rem;
        line-height: 48px;
        text-transform: uppercase; }
      #plpmain #primary .section-title-component.lastcategorylevel h2, #plpmain #primary .section-title-component.lastcategorylevel h1 {
        font-size: 2.5rem; }
    #plpmain #primary .anchor-nav-component {
      position: relative;
      overflow: hidden;
      max-width: 1872px;
      margin: 25px auto 0 auto;
      padding: 0 0 30px 0;
      z-index: 2; }
      #plpmain #primary .anchor-nav-component .icon-break {
        display: inline-block;
        vertical-align: middle;
        height: 40px;
        width: 1px;
        margin-top: -20px;
        background-color: #d8d8d8;
        position: absolute;
        top: 50%;
        left: -1px; }
      #plpmain #primary .anchor-nav-component ul {
        width: 101%;
        position: relative;
        left: -0.5%;
        margin-left: 1px;
        background: #f1f1f1;
        text-align: center; }
        #plpmain #primary .anchor-nav-component ul li:first-child .icon-break {
          display: none; }
        #plpmain #primary .anchor-nav-component ul li {
          /* width: 25%; */
          display: inline-block;
          max-width: 375px;
          margin: 0 0 0 -1px;
          position: relative;
          vertical-align: top; }
          #plpmain #primary .anchor-nav-component ul li:last-child a:after {
            display: none; }
          #plpmain #primary .anchor-nav-component ul li:after, #plpmain #primary .anchor-nav-component ul li:before {
            content: '';
            position: absolute;
            display: block;
            width: 1px;
            height: 40px;
            top: 50%;
            margin-top: -20px;
            background-color: #d8d8d8; }
          #plpmain #primary .anchor-nav-component ul li:after {
            right: 0; }
          #plpmain #primary .anchor-nav-component ul li:before {
            left: 0; }
          #plpmain #primary .anchor-nav-component ul li .icon-arrow {
            position: absolute;
            top: auto;
            bottom: 15px;
            left: 50%;
            margin-left: -2px;
            background: transparent; }
            #plpmain #primary .anchor-nav-component ul li .icon-arrow:after, #plpmain #primary .anchor-nav-component ul li .icon-arrow:before {
              top: 100%;
              border: solid transparent;
              border-top-color: #f1f1f1;
              content: " ";
              height: 0;
              width: 0;
              left: 50%;
              position: absolute;
              pointer-events: none; }
          #plpmain #primary .anchor-nav-component ul li .icon-arrow:before {
            border-color: rgba(254, 14, 13, 0);
            border-width: 9px;
            margin-left: -9px; }
          #plpmain #primary .anchor-nav-component ul li .icon-arrow:after {
            border-color: rgba(255, 255, 255, 0);
            border-width: 8px;
            margin-left: -8px; }
          #plpmain #primary .anchor-nav-component ul li a {
            display: table;
            width: 100%;
            min-height: 100px;
            box-sizing: border-box;
            padding: 10px 1px;
            text-transform: uppercase;
            font-size: 15px;
            font-size: .9375rem;
            color: #000;
            font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
            font-weight: 500;
            vertical-align: middle; }
            #plpmain #primary .anchor-nav-component ul li a .text {
              height: 25px;
              display: table-cell;
              vertical-align: middle; }
          #plpmain #primary .anchor-nav-component ul li .compare-info {
            display: none;
            width: 175px;
            padding: 0 0 1.5em;
            margin: 0 auto;
            text-transform: none; }
        #plpmain #primary .anchor-nav-component ul li:hover a {
          position: relative;
          z-index: 2;
          color: #FE0E0D;
          background: #fff; }
        #plpmain #primary .anchor-nav-component ul li:hover .icon-arrow:before {
          border-top-color: #FE0E0D; }
        #plpmain #primary .anchor-nav-component ul li:hover .icon-arrow:after {
          border-top-color: #fff; }

#plpmain #primary .hero-promos-component .hero-promo-component {
  position: relative;
  height: 407px; }
  #plpmain #primary .hero-promos-component .hero-promo-component .textHolder {
    vertical-align: middle;
    display: table-cell;
    text-align: left; }
    #plpmain #primary .hero-promos-component .hero-promo-component .textHolder h1 {
      font-size: 42px;
      font-size: 2.625rem; }
  #plpmain #primary .hero-promos-component .hero-promo-component .banner {
    position: absolute;
    top: 0;
    left: 70%;
    height: 100%;
    width: auto;
    margin-left: -204px;
    max-width: none; }
  #plpmain #primary .hero-promos-component .hero-promo-component .textBox {
    display: table;
    width: 300px;
    height: 100%;
    position: absolute;
    right: 75%;
    top: 0;
    margin-right: -140px;
    z-index: 2;
    background: transparent; }

.owl-carousel-lookbook {
  display: none;
  overflow: hidden;
  position: relative;
  min-width: 700px;
  margin: 0 auto;
  text-align: center;
  clear: both;
  padding-left: 40px;
  padding-right: 40px;
  width: 1155px;
  max-width: 95%; }
  .owl-carousel-lookbook .item .lookbook {
    padding-bottom: 15px;
    max-height: 335px;
    position: relative;
    display: inline-block;
    width: 250px;
    max-width: 100%; }
  .owl-carousel-lookbook .owl-stage-outer {
    overflow: hidden; }
  .owl-carousel-lookbook .owl-nav .owl-prev {
    background-position: -73px -429px; }
    .owl-carousel-lookbook .owl-nav .owl-prev:hover {
      background-position: -49px -328px; }
  .owl-carousel-lookbook .owl-nav .owl-next {
    background-position: -54px -429px; }
    .owl-carousel-lookbook .owl-nav .owl-next:hover {
      background-position: -35px -429px; }
  .owl-carousel-lookbook .LookbookCarouselButtonRow {
    position: absolute;
    bottom: 10%;
    margin-left: 10%;
    margin-right: 10%;
    width: 80%; }
    .owl-carousel-lookbook .LookbookCarouselButtonRow .LookbookCarouselButton {
      display: inline-block;
      background-color: white;
      font-weight: bold;
      text-decoration: none;
      text-transform: uppercase; }
    .owl-carousel-lookbook .LookbookCarouselButtonRow .LookbookCarouselButtonLink {
      font-size: 18px;
      font-size: 1.5vw;
      border: 2px solid;
      display: block;
      padding: 5px;
      border-color: #000;
      color: #000; }
      @media screen and (min-width: 1110px) {
        .owl-carousel-lookbook .LookbookCarouselButtonRow .LookbookCarouselButtonLink {
          font-size: 18px; } }

.owl-carousel-lookbook-header {
  font-family: "UniqloBoldRegular", helvetica, arial;
  text-transform: uppercase;
  font-size: 3rem;
  line-height: 48px;
  font-weight: 400;
  display: inline-block;
  text-align: center;
  padding-bottom: 20px;
  display: none; }

.tooltip {
  cursor: help;
  position: relative;
  top: 11px; }
  .tooltip.product-tile {
    cursor: pointer; }

.tooltip-content {
  display: none; }

.ui-tooltip.ui-widget-content {
  position: fixed;
  background: #5e5e5e;
  width: 250px;
  height: auto;
  padding: 10px;
  border-radius: none;
  box-shadow: 2px 3px 3px 0 #999;
  color: #fff; }
  .ui-tooltip.ui-widget-content::before {
    position: absolute;
    content: ' ';
    width: 0;
    height: 0;
    border: 10px solid transparent;
    top: 50%;
    transform: translateY(-50%); }
  @media screen and (min-width: 1110px) {
    .ui-tooltip.ui-widget-content:not(.tooltip--giftbag)::before {
      left: -10px;
      margin-left: -10px;
      border-right: 10px solid #5e5e5e; } }
  @media screen and (max-width: 1109px) {
    .ui-tooltip.ui-widget-content:not(.tooltip--giftbag)::before {
      right: -10px;
      margin-right: -10px;
      border-left: 10px solid #5e5e5e; } }
  .ui-tooltip.ui-widget-content.tooltip--giftbag::before {
    right: -10px;
    margin-right: -10px;
    border-left: 10px solid #5e5e5e; }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1), (max-device-width: 800px) and (orientation: portrait), screen and (max-width: 955px) {
      .ui-tooltip.ui-widget-content.tooltip--giftbag::before {
        left: -10px;
        margin-left: 0;
        border-right: 10px solid #5e5e5e;
        right: 0;
        margin-right: 0;
        border-left: 0; } }

.ui-tooltip-content {
  padding: 0.3em; }
  .ui-tooltip-content .recommendation-tooltip-header {
    font-size: 1.2em;
    font-weight: bold;
    padding: 0.5em; }
    .ui-tooltip-content .recommendation-tooltip-header .product-price {
      font-weight: 400; }
      .ui-tooltip-content .recommendation-tooltip-header .product-price .price-standard {
        color: #999;
        text-decoration: line-through; }
  .ui-tooltip-content .recommendation-tooltip-description,
  .ui-tooltip-content .recommendation-tooltip-attributes {
    padding: 0.8em; }
  .ui-tooltip-content .shipping-method-cost {
    float: right; }
    .ui-tooltip-content .shipping-method-cost .value {
      border-bottom: 1px solid #424242;
      display: inline-block;
      padding-bottom: 0.3em; }
  .ui-tooltip-content .shippingtotal {
    clear: right;
    float: right;
    margin-top: 0.3em; }

.header {
  border-bottom: 1px solid #eaeaea;
  padding: 0 25px;
  margin-bottom: 25px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background: #fff;
  transition: transform .3s;
  z-index: 30;
  /* 22+ for flyout; 30+ for pdp sticky cta */ }

.header--scroll {
  transform: translateY(-100%); }

.header--ppx {
  height: 78px;
  margin-bottom: 0; }

.header--ppx .header__rowItem--label {
  -ms-flex-positive: 1;
      flex-grow: 1; }

.header--checkout {
  height: 78px;
  border-bottom: 1px solid #f2f2f2;
  background: #fff;
  margin-bottom: 0;
  position: relative; }

@supports (display: grid) {
  .header--checkout::before {
    /* does the background for full width header */
    content: "";
    height: inherit;
    grid-row: 1;
    grid-column: 1 / 5;
    background: #fff;
    border-bottom: 1px solid #f2f2f2;
    display: block; } }

.header--checkout::after {
  /* expected to be used inside emeraldGrid  hide clearfix after pseudo element (not needed) */
  content: none; }

.header--breadcrumb {
  margin-bottom: 0; }

.header--static {
  position: relative; }

/* header margin on l2 page should only be 20px*/
.header--l2 {
  margin-bottom: 20px; }

.header__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  margin: 0 auto;
  max-width: 1440px;
  height: 100%;
  /* comes into play with header--checkout */ }

.header__row--bar {
  height: 38px;
  /* min-height does not work in IE 11 */
  margin: 0 -25px 25px;
  /* full extension of bar */
  padding: inherit;
  color: #f3f3f3;
  background: currentColor;
  box-shadow: calc(-100vw + 1440px) 0 0 0, calc(100vw - 1440px) 0 0 0; }

_:-ms-fullscreen, :root .header__row--bar {
  box-shadow: -1440px 0px 0px 0px, 1440px 0px 0px 0px;
  /* IE Fallback */ }

@media (min-width: 1490px) {
  .header__row--bar {
    margin-left: auto;
    margin-right: auto;
    padding: 0; } }

.header__row--bar .header_rowItem {
  color: #666; }

.header__rowItem {
  -ms-flex: 1 1 20%;
      flex: 1 1 20%;
  /*  min what logo and right login/cart will be in width; both the same so search is centred */ }
  @media screen and (max-width: 1024px) {
    .header__rowItem {
      -ms-flex-preferred-size: 35%;
          flex-basis: 35%;
      /* for IE 11, does not harm other browsers */ } }
  .header__rowItem .content-asset {
    display: inherit; }

.header__rowItem--list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-left: auto;
  -ms-flex-pack: end;
      justify-content: flex-end; }

.header__rowItem--search {
  -ms-flex: 10 1 800px;
      flex: 10 1 800px;
  margin: 0 20px;
  max-width: 800px; }

.header__rowItem--nav {
  margin: 0 auto;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  /* IE 11 workaround */ }

.header__rowItem--action > * {
  margin-left: 40px; }

.header__rowItem--action > :first-child {
  margin-left: 0; }

.header__rowItem--label {
  margin-left: auto;
  -ms-flex-positive: 0;
      flex-grow: 0;
  text-align: right; }

.header__newsticker [id=newsticker] {
  display: block;
  max-width: 700px;
  width: auto !important;
  height: 25px;
  text-align: left;
  overflow: hidden;
  position: relative; }

.header__newsticker [id=newsticker] li a {
  color: #000;
  white-space: nowrap; }

.header__newsticker [id=newsticker] li a span {
  color: #FE0E0D !important; }

.header__label {
  color: #bfbfbf;
  font-size: 18px;
  line-height: 21px;
  font-family: "Uniqlo Pro";
  text-transform: uppercase; }

.header__label::before {
  content: '';
  display: inline-block;
  width: 19px;
  height: 22px;
  margin-right: 3px;
  background: url("../images/global/login_icon_lock.png") no-repeat;
  background-size: 100%;
  vertical-align: text-bottom; }

.header__miniCart {
  line-height: 1; }

.header__action {
  color: #7f7f7f;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
  overflow: visible;
  /* IE small width */ }

.header__action:focus {
  color: #7f7f7f; }

.header__action:hover {
  color: #000; }

.header__action::before {
  content: "";
  display: block;
  width: 100%;
  height: 25px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top center; }

.header__action--user::before {
  background-image: url("../images/global/account-icon.png"); }

.header__action--cart::before {
  background-image: url("../images/global/cart.png"); }

.header__dropdownNav {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  border-top: 1px solid #eaeaea;
  overflow: visible;
  background: white; }

.userMenu {
  position: relative; }

.userMenu:hover .userMenu__box, .userMenu--open .userMenu__box {
  display: inline-block; }

.userMenu__list {
  list-style: none; }

.userMenu__link {
  display: block;
  padding: 10px 14px;
  color: #000;
  font-size: 15px;
  /* to place above rotated arrow from actionMenu*/
  position: relative;
  z-index: 1; }

.userMenu__link:hover, .userMenu__link:focus {
  color: #fff;
  background: #FE0E0D; }

.secondNav {
  display: none;
  /* flex */ }

@media (min-width: 1024px) {
  .secondNav {
    display: inherit;
    /* flex */ } }

.secondNav__item {
  margin: 0 7px; }

.secondNav__item:last-child {
  margin-right: 0; }

.secondNav__link {
  color: #7f7f7f;
  font-size: 0.88rem; }

.secondNav__link:hover {
  color: #000; }

.logo__image {
  max-height: 50px;
  /* don't use height because of IE 11 */ }

.headerSearch {
  position: relative; }

.headerSearch__form {
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  margin: 0 auto; }

.headerSearch__input.headerSearch__input {
  /* specifity hack for iOS appearance */
  -ms-flex-positive: 1;
      flex-grow: 1;
  border: 1px solid #000;
  padding: 0 0 0 15px;
  font-size: 1rem;
  outline: 0;
  border-radius: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

.headerSearch__submit {
  width: 38px;
  border: 1px solid #000;
  border-left: 0;
  text-indent: 200%;
  direction: ltr;
  background: #fff;
  position: relative;
  z-index: 3; }

.headerSearch__icon {
  width: 18px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%); }

.headerSearch__suggestion {
  top: 38px;
  left: 0;
  right: 0; }
  @media (min-width: 1025px) {
    .headerSearch__suggestion {
      margin-left: 0; } }

.mainnav {
  max-width: 800px;
  width: 100%; }

.mainnav__list {
  font-family: "UniqloBoldRegular", helvetica, arial;
  font-size: 16px;
  line-height: 1;
  text-transform: uppercase;
  display: -ms-flexbox;
  display: flex;
  margin: 20px auto;
  -ms-flex-pack: justify;
      justify-content: space-between; }

.mainnav__listItem {
  margin: 0; }

.mainnav__listItem.newArrival a {
  color: #7f7f7f; }

.mainnav__listItem.limitedOffer a {
  color: #FE0E0D; }

.mainnav__link {
  color: #000; }

.mainnav__link::after {
  content: '';
  border-bottom: 2px solid transparent;
  display: block; }

.mainnav__link--current::after {
  border-color: #000; }

.mainnav__link:hover,
.mainnav__link:focus,
.mainnav__link:active {
  color: #000; }

.mainnav__link:hover::after {
  border-color: #FE0E0D; }

.cookies-information {
  width: 360px;
  min-height: 190px;
  border: 1px solid #000;
  box-shadow: 1px 1px 1px #000;
  float: right;
  position: fixed;
  right: 10px;
  background: #fff;
  z-index: 46;
  bottom: 10px; }

.cookies-information h3 {
  padding: 10px 0 0 20px;
  font-size: 1.5em; }

.cookies-information .btn_close_black {
  position: absolute;
  top: 15px;
  right: 15px;
  display: inline-block;
  width: 15px;
  height: 15px;
  text-indent: -9999px;
  background-image: url("../images/global/sprites-s58bc8abdec.png");
  background-repeat: no-repeat;
  background-position: -8px -336px;
  cursor: pointer; }

.cookies-information .cookiesinfo-text {
  padding-left: 10px; }

.cookies-information .cookiesinfo-text p {
  text-transform: uppercase;
  font-size: .8em;
  font-weight: 400;
  margin: 1em !important; }

.cookies-information .cookiesinfo-text pfirst-child {
  padding-top: 0; }

#geoTargettedPopupcontainer {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px; }
  #geoTargettedPopupcontainer .geocontent-image {
    float: left;
    width: 45%;
    padding: 0 0 10px 10px; }
    #geoTargettedPopupcontainer .geocontent-image img {
      max-width: 100%;
      max-height: 100%; }
  #geoTargettedPopupcontainer .geocontent-subtitle {
    font-family: "UniqloBoldRegular", helvetica, arial;
    text-transform: uppercase;
    font-size: 1.500em;
    padding-top: 90px; }
  #geoTargettedPopupcontainer .geocontent-text {
    float: right;
    width: 53%;
    margin-top: 35px; }
    #geoTargettedPopupcontainer .geocontent-text .geocontent-message {
      font-family: "UniqloRegularRegular";
      font-size: 1.125em;
      width: 90%;
      clear: both; }
    #geoTargettedPopupcontainer .geocontent-text .geocontent-visit-now {
      width: 90%;
      margin-top: 20px; }
      #geoTargettedPopupcontainer .geocontent-text .geocontent-visit-now .button-visit-now {
        padding: 10px 0 10px;
        float: left;
        width: 55%;
        background-color: #FE0E0D;
        font-weight: 500;
        color: #fff;
        line-height: 15px;
        cursor: pointer;
        text-align: center;
        text-transform: uppercase;
        font-family: "UniqloBoldRegular", helvetica, arial;
        font-size: 1.500em; }
      #geoTargettedPopupcontainer .geocontent-text .geocontent-visit-now .button-visit-now:hover {
        background-color: #e60000; }
    #geoTargettedPopupcontainer .geocontent-text .geocontent-logo {
      width: 90%;
      margin-bottom: 35px;
      float: left; }
      #geoTargettedPopupcontainer .geocontent-text .geocontent-logo .logo {
        float: left; }
        #geoTargettedPopupcontainer .geocontent-text .geocontent-logo .logo img {
          max-width: 100%;
          max-height: 100%; }
  #geoTargettedPopupcontainer .geocontent-title {
    font-family: "UniqloBoldRegular", helvetica, arial;
    font-size: 24px;
    margin-bottom: 10px;
    text-transform: uppercase; }
  #geoTargettedPopupcontainer .geocontent-visit {
    margin-bottom: 35px;
    font-weight: 400; }
  #geoTargettedPopupcontainer .geocontent-button {
    font-weight: bold; }
    #geoTargettedPopupcontainer .geocontent-button a {
      border: 1px solid #bebebe;
      padding: 10px 20px 10px 20px;
      color: #222; }
    #geoTargettedPopupcontainer .geocontent-button a:hover {
      border: 1px solid #FE0E0D;
      padding: 10px 20px 10px 20px;
      color: #FE0E0D; }
  #geoTargettedPopupcontainer .geocontent-noredirect {
    margin-bottom: 35px;
    font-weight: 400;
    margin-top: 35px; }
    #geoTargettedPopupcontainer .geocontent-noredirect a {
      border-bottom: 1px solid #bebebe;
      padding-bottom: 2px;
      color: #222; }
    #geoTargettedPopupcontainer .geocontent-noredirect a:hover {
      border-bottom: 1px solid #FE0E0D;
      padding-bottom: 2px;
      color: #FE0E0D; }

.miniCart__count {
  position: absolute;
  top: 7px;
  right: 50%;
  transform: translate(110%);
  width: 20px;
  height: 20px;
  line-height: 20px;
  border-radius: 50%;
  color: #fff;
  background: #FE0E0D;
  text-align: center;
  pointer-events: none;
  /* for better hover interaction of actionMenu */ }

.miniCart__message {
  font-size: 15px;
  font-weight: bold;
  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif; }

.miniCart__table {
  color: #666;
  margin: 4px 0 12px 0; }
  .miniCart__table tr:first-child {
    border-bottom: 1px solid; }

.miniCart__tableItem {
  font-weight: normal;
  padding: 6px 0; }
  .miniCart__tableItem--nr {
    text-align: right; }

.miniCart__subtotal {
  white-space: nowrap; }

.miniCart__cta {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  width: 100%;
  height: 50px;
  color: white;
  background: #FE0E0D;
  text-transform: uppercase;
  text-align: center; }
  .miniCart__cta:hover {
    color: #fff; }
  .miniCart__cta:focus {
    color: #fff;
    outline: none; }

.breadCrumb {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 35px;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  .breadCrumb--plp {
    color: #f7f7f7;
    background: #f7f7f7;
    margin: 0 -25px 20px;
    padding: 0 25px;
    box-shadow: calc(-100vw + 1440px) 0 0 0, calc(100vw - 1440px) 0 0 0; }
    _:-ms-fullscreen, :root .breadCrumb--plp {
      box-shadow: -1440px 0px 0px 0px, 1440px 0px 0px 0px;
      /* IE Fallback */ }
  .breadCrumb__list {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000;
    text-transform: none; }
    .breadCrumb__list--relatedCategory .breadCrumb__listItem::before {
      content: "/";
      background: transparent;
      transform: none;
      text-align: center; }
    .breadCrumb__listItem {
      color: #808080;
      display: inline; }
      .breadCrumb__listItem--first[class]::before, .breadCrumb__listItem:first-child::before {
        content: none; }
      .breadCrumb__listItem:last-child::before {
        font-weight: normal; }
      .breadCrumb__listItem::before {
        content: "";
        width: 10px;
        height: 10px;
        display: inline-block;
        background-image: url(../images/icon-sprite.svg#icon_arrow_down);
        background-size: contain;
        margin: 0 .65em;
        transform: rotate(-90deg); }
  .breadCrumb__link {
    color: inherit; }
    .breadCrumb__link:hover, .breadCrumb__link:focus {
      color: #000; }
    .breadCrumb__link:focus {
      text-decoration: underline; }
    .breadCrumb__link--notClickable {
      color: #000; }

.breadcrumb {
  font-size: 1em;
  line-height: 1em;
  margin: 0;
  padding: .5em 1%; }
  .breadcrumb li {
    display: inline;
    list-style: none outside none; }

.paging-current-page {
  left: -999em;
  position: absolute; }

.breadcrumb-element {
  color: red; }
  .breadcrumb-element:after {
    color: #ccc;
    content: '/';
    margin-left: .4em; }
  .breadcrumb-element:last-child {
    font-weight: 700; }
    .breadcrumb-element:last-child:after {
      content: ''; }

.breadcrumb-refinement {
  font-weight: 700; }
  .breadcrumb-refinement:after {
    content: attr(data-divider);
    font-style: normal; }
  .breadcrumb-refinement:last-of-type:after {
    content: ''; }

.breadcrumb-refinement-value {
  display: inline-block;
  border-radius: 3px;
  margin: 0 .42em .42em 0;
  padding: 0 .42em; }

.breadcrumb-relax {
  background: none;
  color: #990000;
  font-style: normal;
  padding: 0 0 0 .4em; }

.breadcrumb-result-text a,
.breadcrumb .searchphraselink {
  background: none;
  padding: 0; }

.breadcrumb-component {
  margin: 0;
  font-size: 13px;
  font-size: .8125rem;
  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
  text-transform: uppercase;
  letter-spacing: .02em; }
  .breadcrumb-component .breadcrumb-item::before {
    content: "/";
    color: #535353;
    margin: 0 5px 0 3px; }
  .breadcrumb-component a {
    color: #535353; }
    .breadcrumb-component a:hover {
      color: #f00; }

.primary-content h1 {
  font-size: 1.75em;
  font-weight: 400;
  margin: 0 0 14px; }

.primary-content h2 {
  font-size: 1.3em;
  text-transform: uppercase; }

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

.col-1 {
  float: left;
  margin: 4px 0;
  width: 48%; }

.col-2 {
  float: right;
  margin: 4px 0;
  width: 48%; }

.content-header {
  font-size: 1.75em;
  font-style: italic;
  font-weight: 400;
  margin: 0 0 14px !important; }
  .content-header span {
    font-size: 0.75em;
    font-style: normal;
    font-weight: 400; }

.section-header {
  background: url("../images/interface/icon-double-line-header.png") repeat-x scroll left top #f5f5f5;
  border-bottom: 1px solid #fff;
  font-size: 1.1em !important;
  font-weight: 700;
  margin: 0;
  padding: 1em;
  position: relative;
  text-transform: uppercase; }
  .section-header .dialog-required {
    text-transform: none; }

.section-header-note {
  font-size: 0.9em;
  font-weight: 400;
  position: absolute;
  right: 1em;
  text-transform: none; }

.back {
  display: block;
  margin: 0 0 10px; }

#category-level-1 li {
  color: #666;
  display: block; }
  #category-level-1 li .refinement-link {
    background: none repeat scroll 0 0 transparent;
    padding: 0 0 0 1em; }
  #category-level-1 li.expandable .refinement-link {
    padding: 0 0 0 .4em; }
  #category-level-1 li.expandable .active {
    font-weight: bold;
    padding: 0 0 0 .2em; }

#category-level-2 a.active {
  color: #333;
  font-weight: 700; }

#category-level-2 a.refinement-link {
  margin: 0 0 0 .4em;
  padding: 0; }

#category-level-2 {
  padding: .5em .1em 0 .7em; }

#category-level-3 {
  padding: .3em 0 0; }
  #category-level-3 a.refinement-link {
    font-style: normal;
    margin: 0 0 0 .9em;
    padding: 0; }

.refinement {
  position: relative; }

.refinement-header {
  background-color: #f5f5f5;
  border-top: 1px solid #e0e0e0;
  display: block;
  font-size: 1.1em;
  font-weight: bold;
  letter-spacing: 0.125em;
  margin: 0;
  padding: 1.15em .75em .75em;
  text-transform: uppercase; }

.refinement h3 {
  background-color: #f5f5f5;
  border-top: 1px solid #e0e0e0;
  font-size: 1.1em;
  letter-spacing: 0.125em;
  margin: 0;
  padding: 1.15em .75em .75em;
  text-transform: uppercase; }
  .ie7 .refinement h3 {
    clear: both; }

.refinement h3 i {
  color: #64772d; }

.refinement ul {
  list-style: none outside none;
  margin: 0;
  padding: .65em .55em .4em; }

.refinement li {
  padding: .5em; }

.refinement ul li i {
  color: #e0e0e0; }

.refinement ul li.selected i {
  color: #64772d; }

.refinement ul.swatches li {
  float: left;
  padding: .16em; }
  .refinement ul.swatches li a {
    border: 2px solid #e0e0e0;
    border-radius: .5em;
    display: block;
    padding: 0.2em 0.8em; }
  .refinement ul.swatches li.selected a {
    font-weight: bold; }
  .refinement ul.swatches li.unselectable a {
    background-image: url("../images/interface/icon-color-swatch-unselectable.png");
    background-position: right top; }

.refinement ul.Color li a,
.refinement ul.Farbe li a,
.refinement ul.Couleur li a,
.refinement ul.Couleurs li a {
  height: 23px;
  padding: 0;
  text-indent: -999em;
  width: 30px; }

.refinement .clear-refinement {
  position: absolute;
  right: 0.7em;
  top: 1.1em; }

.refinement .refinement-link {
  border: 0 none; }

.refinement .selected .refinement-link {
  background-position: left bottom; }

.refinement .refinement-top-level {
  padding: 1em; }

.scrollable {
  height: 10em;
  overflow: auto; }

.nav ul {
  border: 0 none;
  list-style: none outside none;
  margin: .58em 0;
  padding: 0; }
  .nav ul li {
    list-style: none outside none !important;
    margin: 0 0 .58em !important; }

.nav .toggle {
  border: 0 none;
  display: block;
  font-size: 1em;
  font-weight: 700;
  margin: .83em 0 .58em;
  padding: .65em 0 0 1.25em;
  text-transform: uppercase; }
  .nav .toggle span {
    background: none repeat scroll 0 0 transparent; }

.nav .expanded {
  background-position: left -96px; }

/* **** START Footer Refactoring (moved from deprecated _country_seletor to here) **** */
.uq-footer-component {
  clear: both;
  font-size: .8125rem;
  text-align: center;
  background: #f2f2f2;
  position: relative;
  width: 100%;
  margin: 5px 0 0;
  padding: 5px 0;
  box-sizing: border-box; }
  .uq-footer-component .share {
    position: absolute;
    float: left;
    top: 20px;
    left: 15px; }
    .uq-footer-component .share li {
      margin: 0 12px 0 0; }
    .uq-footer-component .share a {
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      *zoom: 1;
      *display: inline;
      text-indent: -9999px; }
  .uq-footer-component .regions {
    display: none;
    width: 100%;
    float: left;
    padding: 30px 0;
    margin: 0;
    background: #bebebe;
    position: relative;
    z-index: 12;
    color: #fff; }
    .uq-footer-component .regions .heading {
      font-size: 1.25rem;
      letter-spacing: .5px;
      display: block;
      margin: 0 0 20px; }
    .uq-footer-component .regions .heading + ul {
      margin: 0; }
    .uq-footer-component .regions ul {
      display: inline-block;
      vertical-align: top;
      *vertical-align: auto;
      *zoom: 1;
      *display: inline;
      width: 160px;
      margin: 0 0 0 90px;
      text-align: left;
      font-size: 0rem; }
    .uq-footer-component .regions li {
      font-size: 1.25rem;
      display: block;
      margin: 0 0 10px; }
    .uq-footer-component .regions a {
      color: #fff;
      font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
      font-size: 1.125rem;
      line-height: 1em;
      vertical-align: top;
      display: block;
      padding: 4px 4% 2px;
      letter-spacing: .5px; }
      .uq-footer-component .regions a:hover {
        background: #f00; }
    .uq-footer-component .regions a.selected {
      background: #f00; }
  .uq-footer-component .footer-actions-bar {
    background: #f2f2f2;
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
    padding: 13px 0px; }
    .uq-footer-component .footer-actions-bar .links li:last-child {
      position: absolute;
      left: 50%;
      border: 0;
      margin-left: -80px;
      color: #636262;
      top: 17px; }
  .uq-footer-component .heading {
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
    font-weight: 500;
    color: #fff;
    line-height: 14px;
    text-transform: uppercase;
    font-size: .75rem;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    padding: 9px 0 5px; }
  .uq-footer-component .change-region {
    position: relative;
    padding: 0;
    float: right;
    top: -4px;
    cursor: pointer; }
    .uq-footer-component .change-region .heading {
      color: #000;
      padding: 0 0 3px; }
    .uq-footer-component .change-region a {
      display: inline-block;
      vertical-align: bottom;
      *vertical-align: auto;
      *zoom: 1;
      *display: inline;
      border: 0;
      background: #f00;
      position: relative;
      font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
      font-weight: 500;
      font-size: .75rem;
      color: #fff;
      margin: 0 0 0 8px;
      padding: 5px 24px 4px 8px; }
      .uq-footer-component .change-region a::after {
        content: ' ';
        position: absolute;
        background-position: 0 -15px;
        height: 5px;
        width: 7px;
        right: 7px;
        top: 9px; }
    .uq-footer-component .change-region a.open::after {
      transform: rotateX(180deg);
      top: 8px; }
  .uq-footer-component li {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline; }
  .uq-footer-component .links {
    color: #afafaf;
    text-align: left; }
    .uq-footer-component .links small {
      font-size: 13px;
      font-size: .8125rem;
      line-height: 14px;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      *zoom: 1;
      *display: inline;
      padding: 9px 0 5px;
      vertical-align: top; }
    .uq-footer-component .links ul {
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      *zoom: 1;
      *display: inline;
      margin: 0; }
    .uq-footer-component .links li {
      padding: 3px 12px 0;
      border-left: 1px solid #afafaf;
      line-height: .55em; }
      .uq-footer-component .links li:first-child {
        padding-left: 0;
        border-left: 0; }
    .uq-footer-component .links a {
      color: #000; }
      .uq-footer-component .links a:hover {
        color: #f00; }

@media screen and (max-width: 883px) {
  .uq-footer-component .share {
    position: relative;
    top: 0;
    left: 0;
    float: left;
    text-align: left; }
  .uq-footer-component .links {
    width: 100%;
    text-align: left; }
  .un-col h3 {
    font-size: 1.75rem; } }

@media only screen and (min-width: 884px) and (max-width: 1098px) {
  .uq-footer-component .share {
    position: relative;
    top: 0;
    left: 0;
    float: left;
    text-align: left; }
  .uq-footer-component .links {
    width: 100%;
    text-align: left; } }

/* *****END Footer Refactoring***** */
/* C14 FOOTER*/
.main-guide.group {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  clear: both;
  /* footer was out of alignment on devices with small resolution
   using these media queries */
  /* @media only screen and (max-width: 960px){
  .site-map-component {
    width: 905px;
  }
}

@media only screen and (max-width: 883px){
  .site-map-component {
    width: 835px;
  }
  .emember {
    padding: 0!important;
  }
} */
  /* C14.1 */
  /* C14.4 */ }
  .main-guide.group .site-map-component {
    padding: 24px 24px 0; }
    .main-guide.group .site-map-component #group {
      float: left; }
      .main-guide.group .site-map-component #group input.error, .main-guide.group .site-map-component #group #useremail-error {
        text-transform: inherit; }
    .main-guide.group .site-map-component > div {
      margin: 0 auto;
      padding: 50px 0;
      max-width: 1280px; }
    .main-guide.group .site-map-component input[type="email"] {
      border: 2px solid #cecece;
      outline: 0;
      box-shadow: none;
      width: 58.52842809364549%;
      box-sizing: border-box;
      padding: 10px;
      font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif; }
    .main-guide.group .site-map-component input[type="submit"] {
      width: 39.79933110367893%;
      background: #FE0E0D;
      border: 0;
      font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
      font-weight: 500;
      padding: 11px;
      color: #fff; }
      .main-guide.group .site-map-component input[type="submit"]:hover {
        background: none repeat scroll 0 0 #FE0E0D;
        cursor: pointer; }
      .main-guide.group .site-map-component input[type="submit"].right {
        float: right; }
  @media only screen and (max-width: 1152px) {
    .main-guide.group .success-tab {
      border: 3px solid #000;
      padding: 40px 10px;
      text-align: center;
      position: relative;
      display: none;
      width: 100%; } }
  .main-guide.group > div {
    display: -ms-flexbox;
    display: flex; }
  .main-guide.group .footer-heading {
    font-size: 2rem;
    line-height: 1em;
    font-family: "UniqloBoldRegular", helvetica, arial;
    text-transform: uppercase;
    margin: 0 0 8px; }
    @media screen and (max-width: 1152px) {
      .main-guide.group .footer-heading {
        font-size: 1.65rem; } }
  .main-guide.group .un-col {
    padding: 0;
    width: 25%;
    margin-right: 40px; }
    .main-guide.group .un-col h3 {
      font-size: 2rem;
      line-height: 20px;
      margin-bottom: 10px;
      font-family: "UniqloBoldRegular", helvetica, arial;
      text-transform: uppercase;
      margin-bottom: 25px; }
    .main-guide.group .un-col li {
      line-height: 27px;
      color: #000; }
    .main-guide.group .un-col a {
      color: #000; }
      .main-guide.group .un-col a:hover {
        color: #FE0E0D; }
  .main-guide.group .socialLinks {
    margin-right: 0px; }
  .main-guide.group .site-map-component input[type="email"] {
    border: 2px solid #cecece;
    outline: 0;
    box-shadow: none;
    width: 58.52842809364549%;
    box-sizing: border-box;
    padding: 10px;
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif; }
  .main-guide.group .site-map-component input[type="submit"] {
    width: 39.79933110367893%;
    background: red;
    border: 0;
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
    font-weight: 500;
    padding: 11px;
    color: #fff; }
  .main-guide.group .site-map-component input[type="submit"]:hover {
    background: none repeat scroll 0 0 #e60000;
    cursor: pointer; }
  .main-guide.group .site-map-component #group {
    float: left; }
  .main-guide.group fieldset {
    border: 0;
    padding: 0;
    margin-top: 15px; }
  @media only screen and (max-width: 1152px) {
    .main-guide.group .un-col h3 {
      font-size: 1.65rem; }
    .main-guide.group .un-col-sm {
      width: 100%;
      float: left;
      padding: 0;
      margin: 50px 0 0 0;
      text-align: center; }
    .main-guide.group .emember {
      padding: 0 25% !important; } }
  @media only screen and (max-width: 1024px) {
    .main-guide.group .emember #email {
      font-size: 18px; }
    .main-guide.group .emember #submit {
      font-size: 18px; } }
  .main-guide.group .success-tab {
    display: none;
    background-color: #ffffff; }
  .main-guide.group .site-map-quicklinks li {
    padding: 25px 0 6px 0;
    border-bottom: 3px solid #bebebe;
    width: 95%; }
    .main-guide.group .site-map-quicklinks li:first-child {
      padding-top: 0;
      background-position: 0 0; }
  .main-guide.group .site-map-quicklinks a {
    font-family: "UniqloBoldRegular", helvetica, arial;
    font-size: 1.250rem;
    line-height: 23px;
    text-transform: uppercase;
    color: #000; }
  .main-guide.group .site-map-quicklinks span {
    float: left;
    margin-right: 13px;
    position: relative;
    top: -3px; }
  .main-guide.group .site-map-quicklinks .quicklink1 span {
    background-position: 0 -202px;
    height: 26px;
    width: 26px;
    background-image: url("../images/global/sprites-s58bc8abdec.png");
    background-repeat: no-repeat; }
  .main-guide.group .site-map-quicklinks .quicklink2 span {
    background-position: -45px -170px;
    height: 26px;
    width: 26px;
    background-image: url("../images/global/sprites-s58bc8abdec.png");
    background-repeat: no-repeat; }
  .main-guide.group .site-map-quicklinks .quicklink4 span {
    background-position: -68px -144px;
    height: 26px;
    width: 26px;
    background-image: url("../images/global/sprites-s58bc8abdec.png");
    background-repeat: no-repeat; }
  .main-guide.group .site-map-quicklinks .quicklink5 span {
    background-position: -42px -144px;
    height: 26px;
    width: 26px;
    background-image: url("../images/global/sprites-s58bc8abdec.png");
    background-repeat: no-repeat; }
  .main-guide.group .un-col h3 {
    font-size: 2rem;
    line-height: 20px;
    font-family: "UniqloBoldRegular", helvetica, arial;
    text-transform: uppercase;
    margin: 0 0 25px; }
  .main-guide.group .un-col li {
    line-height: 27px;
    color: #000; }
  .main-guide.group .un-col a {
    color: #000; }
    .main-guide.group .un-col a:hover {
      color: #FE0E0D; }
  .main-guide.group .social {
    float: left; }
  .main-guide.group .social {
    margin: 12px 12px 0 0; }
  .main-guide.group .fb a, .main-guide.group .instagram a, .main-guide.group .pinterest a, .main-guide.group .youtube a, .main-guide.group .twitter a {
    float: left; }
  .main-guide.group .social-links .twitter a {
    background-image: url("../images/global/sprites-s58bc8abdec.png");
    background-repeat: no-repeat;
    background-position: 0 -781px;
    height: 45px;
    width: 45px; }
    .main-guide.group .social-links .twitter a:hover {
      background-position: -45px -781px; }
  .main-guide.group .social-links .youtube a {
    background-image: url("../images/global/sprites-s58bc8abdec.png");
    background-repeat: no-repeat;
    background-position: 0 -874px;
    height: 45px;
    width: 45px; }
    .main-guide.group .social-links .youtube a:hover {
      background-position: -24px -736px; }
  .main-guide.group .social-links .pinterest a {
    background-image: url("../images/global/sprites-s58bc8abdec.png");
    background-repeat: no-repeat;
    background-position: -22px -691px;
    height: 45px;
    width: 45px; }
    .main-guide.group .social-links .pinterest a:hover {
      background-position: -35px -646px; }
  .main-guide.group .social-links .instagram a {
    background-image: url("../images/global/sprites-s58bc8abdec.png");
    background-repeat: no-repeat;
    background-position: -69px -736px;
    height: 45px;
    width: 45px; }
    .main-guide.group .social-links .instagram a:hover {
      background-position: -67px -691px; }
  .main-guide.group .social-links .fb a {
    background-image: url("../images/global/sprites-s58bc8abdec.png");
    background-repeat: no-repeat;
    background-position: -80px -646px;
    height: 45px;
    width: 45px; }
    .main-guide.group .social-links .fb a:hover {
      background-position: -84px -585px; }
  .main-guide.group .social-links .footer-heading {
    margin-bottom: 8px; }
  .main-guide.group .social-links h3 {
    margin-bottom: 15px; }

.site-map-component .footer-separator {
  border-top: 1px solid #000;
  float: left;
  height: 1px;
  max-width: 100%;
  padding: 0 0 34px 0;
  width: 100%; }

@media screen and (max-width: 1520px) {
  .site-map-component {
    padding: 24px 44px 0; }
  .uq-footer-component .footer-actions-bar {
    padding: 14px 44px;
    margin: 0; }
  .main-guide.group .un-col {
    margin-right: 30px; }
  .main-guide.group .socialLinks {
    margin-right: 0px; } }

@media screen and (max-width: 1128px) {
  .main-guide.group .un-col {
    margin-right: 25px; }
  .main-guide.group .socialLinks {
    margin-right: 0px; } }

@media screen and (max-width: 1024px) {
  .site-map-component {
    padding: 24px 24px 0; }
  .uq-footer-component .footer-actions-bar {
    padding: 14px 24px; } }

.optanon-toggle-display {
  cursor: pointer; }

.swatch-black a {
  background-color: #000000 !important; }

.swatch-beige a {
  background-color: #f5f5dc !important; }

.swatch-blue a {
  background-color: blue !important; }

.swatch-purple a {
  background-color: purple !important; }

.swatch-red a {
  background-color: red !important; }

.swatch-brown a {
  background-color: #783201 !important; }

.swatch-green a {
  background-color: green !important; }

.swatch-grey a {
  background-color: #8f979d !important; }

.swatch-pink a {
  background-color: #fe249a !important; }

.swatch-orange a {
  background-color: orange !important; }

.swatch-white a {
  background-color: #ffffff !important; }

.swatch-yellow a {
  background-color: #ffff00 !important; }

.swatch-navy a {
  background-color: navy !important; }

.swatch-miscellaneous a {
  background: url("../images/interface/icon-color-swatch-misc.png") no-repeat scroll left top transparent; }

.unselectable.swatch-miscellaneous a {
  background: url("../images/interface/icon-color-swatch-misc-unselectable.png") no-repeat scroll left top transparent !important; }

/* colors for product filter: changed with catalog update */
a#swatch-BROWN {
  background-color: brown; }

a#swatch-DARK_BROWN {
  background-color: #5C4033; }

a#swatch-CREAM {
  background-color: #fffdd0; }

a#swatch-BLACK {
  background-color: black; }

a#swatch-BLUE {
  background-color: blue; }

a#swatch-LIGHT_BLUE {
  background-color: lightblue; }

a#swatch-BEIGE {
  background-color: beige; }

a#swatch-GRAY {
  background-color: gray; }

a#swatch-DARK_GRAY {
  background-color: darkgray; }

a#swatch-LIGHT_GRAY {
  background-color: lightgray; }

a#swatch-GREEN {
  background-color: green; }

a#swatch-DARK_GREEN {
  background-color: darkgreen; }

a#swatch-LIGHT_GREEN {
  background-color: lightgreen; }

a#swatch-KHAKI {
  background-color: khaki; }

a#swatch-NAVY {
  background-color: navy; }

a#swatch-OLIVE {
  background-color: olive; }

a#swatch-ORANGE {
  background-color: orange; }

a#swatch-DARK_ORANGE {
  background-color: #ee7600; }

a#swatch-PINK {
  background-color: pink; }

a#swatch-PURPLE {
  background-color: purple; }

a#swatch-DARK_PURPLE {
  background-color: #871F78; }

a#swatch-RED {
  background-color: #FE0E0D; }

a#swatch-YELLOW {
  background-color: yellow; }

a#swatch-WINE {
  background-color: #722f37; }

a#swatch-WHITE {
  background-color: #fff; }

.product-tile {
  color: #999;
  position: relative;
  text-align: center; }
  .product-tile img {
    max-width: 100%; }
  .product-tile .product-image {
    height: auto;
    position: relative; }
    .product-tile .product-image .product-image-content a {
      color: #000; }
    .product-tile .product-image .quickview {
      color: #fff;
      display: none;
      width: 7em;
      height: 1.2em;
      top: 50%;
      left: 50%;
      margin-top: -0.6em;
      margin-left: -3.5em;
      padding: 0.5em;
      position: absolute; }
      .product-tile .product-image .quickview i {
        margin-left: 0.5em; }
    .product-tile .product-image:hover .quickview {
      display: block; }
    .product-tile .product-image .quickview {
      color: #000; }
  .product-tile .product-name {
    font-size: 1.2em;
    margin-top: 1em;
    height: 3em;
    overflow: auto; }
  .product-tile .product-pricing {
    margin: 0.5em 0; }
    .product-tile .product-pricing .product-standard-price {
      text-decoration: line-through; }
  .grid-tile .product-tile .product-swatches {
    float: right; }
  .product-tile .product-swatches-all {
    cursor: pointer;
    font-size: 0.9em; }
  .product-tile .product-swatches ul {
    list-style: none outside none;
    margin: 0;
    overflow: hidden;
    padding: 0; }
    .product-tile .product-swatches ul.swatch-toggle {
      background: none repeat scroll 0 0 #fff;
      display: none;
      position: absolute; }
  .product-tile .product-swatches:hover ul.swatch-toggle {
    display: block; }
  .product-tile .product-swatches li {
    float: left; }
  .product-tile .product-swatches .swatch {
    display: block;
    width: 16px; }
    .product-tile .product-swatches .swatch img {
      border: 1px solid #fff;
      height: 12px;
      padding: 1px;
      width: 12px; }
  .product-tile .product-promo {
    font-size: 0.8em;
    margin: 0.5em 0;
    text-transform: uppercase; }
  .product-tile .product-compare {
    float: left;
    line-height: 11px; }
    .product-tile .product-compare label {
      font-weight: 400;
      line-height: 1;
      padding: 0 0 0 .5em;
      width: auto; }
    .product-tile .product-compare input {
      float: left;
      margin: 0; }
  .product-tile .product-review {
    margin-bottom: 1em; }
    .product-tile .product-review .rating-title {
      display: inline-block;
      margin-right: 1em; }
    .product-tile .product-review .rating {
      display: inline-block; }
  .wide-tiles .product-tile {
    height: auto !important; }
    .wide-tiles .product-tile .product-image {
      float: left;
      padding-right: 2em; }
    .wide-tiles .product-tile .product-name,
    .wide-tiles .product-tile .product-pricing,
    .wide-tiles .product-tile .product-promo,
    .wide-tiles .product-tile .product-swatches,
    .wide-tiles .product-tile .product-review {
      float: left;
      text-align: left;
      width: 65%; }
    .wide-tiles .product-tile .product-name {
      font-size: 1.5em;
      height: auto;
      margin-top: 0; }
    .wide-tiles .product-tile .product-pricing {
      font-size: 1.3em; }
    .wide-tiles .product-tile .product-swatches {
      margin-bottom: 1em; }

.plpcarousel .product-component.active .product-detail-container {
  opacity: 0; }

.plpcarousel .product-component.active .quickview {
  opacity: 1;
  transform: opacity .1s; }

.plpcarousel .product-component:hover .product-detail-container {
  opacity: 0; }

.plpcarousel .product-component:hover .quickview {
  opacity: 1;
  transform: opacity .1s; }

.capture-product-id {
  left: -999em;
  position: absolute; }

.s1921 .product-tile-component,
.s1732 .product-tile-component {
  width: 14.28571%; }

.s1488 .product-tile-component {
  width: 16.66667%; }

.s1244 .product-tile-component {
  width: 20%; }

.large_tiles .product-tile-component {
  width: 24%; }

.l1003 .product-tile-component,
.d1140 .product-tile-component {
  width: 33.33333%; }

.ldefault .product-tile-component,
.ddefault .product-tile-component {
  width: 50%; }

/* L3 product-tile-component */
@media screen and (max-width: 768px) {
  .l1921 .product-tile-component,
  .l1492 .product-tile-component,
  .large_tiles .product-tile-component,
  .ldefault .product-tile-component,
  .d1921 .product-tile-component,
  .d1512 .product-tile-component,
  .s1000 .product-tile-component {
    width: 33%; } }

.product-tile-component {
  width: 16.33333%;
  font-size: 16px;
  margin-top: 24px;
  min-height: 310px;
  opacity: 0;
  margin-right: -.25em;
  position: relative;
  text-align: left;
  visibility: hidden;
  vertical-align: top;
  padding: 0;
  display: inline-block;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  box-sizing: border-box; }
  .product-tile-component .stroked {
    text-decoration: line-through; }
  .product-tile-component .product-sales-price {
    color: #FE0E0D; }
  .product-tile-component .imgMaxSize {
    height: 100%;
    width: 100%; }
  .product-tile-component.active {
    opacity: 1;
    visibility: visible; }
  .product-tile-component img {
    opacity: 1;
    position: relative;
    padding: 0 12px;
    box-sizing: border-box; }
    .product-tile-component img.active {
      opacity: 1;
      transform: scale(1, 1); }
  .product-tile-component.filler-tile {
    display: none;
    padding: 0 12px; }
  .product-tile-component.quickViewOpen .quickview {
    opacity: 0; }
  .product-tile-component .out-of-stock .product-detail-container .flag {
    background-color: #e0e0e0; }
  .product-tile-component .out-of-stock .product-detail-container .price,
  .product-tile-component .out-of-stock .product-detail-container .price-red-flag,
  .product-tile-component .out-of-stock .product-detail-container a {
    color: #afafaf; }

.active .product-tile-component img {
  opacity: 1;
  transform: scale(1, 1); }

.slide .product-tile-component img {
  bottom: -600px;
  transform: scale(1, 1); }
  .slide .product-tile-component img.active {
    bottom: 0; }

.slide .active .product-tile-component img {
  bottom: 0; }

.pt_productcategory,
#carousel-similar-items,
.categoryRecommendations,
.backInStockRecommendations,
.recommendations {
  /* L2 carousel */ }
  .pt_productcategory .productCarousel,
  #carousel-similar-items .productCarousel,
  .categoryRecommendations .productCarousel,
  .backInStockRecommendations .productCarousel,
  .recommendations .productCarousel {
    position: relative; }
    .pt_productcategory .productCarousel .plpcarousel,
    #carousel-similar-items .productCarousel .plpcarousel,
    .categoryRecommendations .productCarousel .plpcarousel,
    .backInStockRecommendations .productCarousel .plpcarousel,
    .recommendations .productCarousel .plpcarousel {
      position: static;
      width: 100%;
      padding-bottom: 60px;
      overflow: hidden; }
      .pt_productcategory .productCarousel .plpcarousel ul,
      #carousel-similar-items .productCarousel .plpcarousel ul,
      .categoryRecommendations .productCarousel .plpcarousel ul,
      .backInStockRecommendations .productCarousel .plpcarousel ul,
      .recommendations .productCarousel .plpcarousel ul {
        width: 20000em;
        position: relative;
        list-style: none; }
        .pt_productcategory .productCarousel .plpcarousel ul li,
        #carousel-similar-items .productCarousel .plpcarousel ul li,
        .categoryRecommendations .productCarousel .plpcarousel ul li,
        .backInStockRecommendations .productCarousel .plpcarousel ul li,
        .recommendations .productCarousel .plpcarousel ul li {
          float: left;
          text-align: center; }
      .pt_productcategory .productCarousel .plpcarousel .product-tile-component,
      #carousel-similar-items .productCarousel .plpcarousel .product-tile-component,
      .categoryRecommendations .productCarousel .plpcarousel .product-tile-component,
      .backInStockRecommendations .productCarousel .plpcarousel .product-tile-component,
      .recommendations .productCarousel .plpcarousel .product-tile-component {
        width: 100%; }
        .pt_productcategory .productCarousel .plpcarousel .product-tile-component .thumb-link,
        #carousel-similar-items .productCarousel .plpcarousel .product-tile-component .thumb-link,
        .categoryRecommendations .productCarousel .plpcarousel .product-tile-component .thumb-link,
        .backInStockRecommendations .productCarousel .plpcarousel .product-tile-component .thumb-link,
        .recommendations .productCarousel .plpcarousel .product-tile-component .thumb-link {
          color: #FE0E0D;
          width: 100%;
          height: 215px;
          line-height: 215px; }
        .pt_productcategory .productCarousel .plpcarousel .product-tile-component .price-content .product-standard-price,
        #carousel-similar-items .productCarousel .plpcarousel .product-tile-component .price-content .product-standard-price,
        .categoryRecommendations .productCarousel .plpcarousel .product-tile-component .price-content .product-standard-price,
        .backInStockRecommendations .productCarousel .plpcarousel .product-tile-component .price-content .product-standard-price,
        .recommendations .productCarousel .plpcarousel .product-tile-component .price-content .product-standard-price {
          font-size: 14px;
          font-size: .875rem;
          line-height: 15px;
          text-decoration: line-through;
          font-weight: normal;
          right: 4px;
          top: -14px;
          color: #000; }
        .pt_productcategory .productCarousel .plpcarousel .product-tile-component .price-content .product-sales-price,
        #carousel-similar-items .productCarousel .plpcarousel .product-tile-component .price-content .product-sales-price,
        .categoryRecommendations .productCarousel .plpcarousel .product-tile-component .price-content .product-sales-price,
        .backInStockRecommendations .productCarousel .plpcarousel .product-tile-component .price-content .product-sales-price,
        .recommendations .productCarousel .plpcarousel .product-tile-component .price-content .product-sales-price {
          color: #FE0E0D;
          font-weight: bold; }
      .pt_productcategory .productCarousel .plpcarousel .navigation,
      #carousel-similar-items .productCarousel .plpcarousel .navigation,
      .categoryRecommendations .productCarousel .plpcarousel .navigation,
      .backInStockRecommendations .productCarousel .plpcarousel .navigation,
      .recommendations .productCarousel .plpcarousel .navigation {
        display: none;
        color: #000;
        left: 0;
        margin: 0 auto;
        position: absolute;
        right: 0;
        text-align: center;
        width: 140px;
        bottom: 0;
        font-size: 13px;
        line-height: 20px;
        padding-bottom: 5px; }
        .pt_productcategory .productCarousel .plpcarousel .navigation a,
        #carousel-similar-items .productCarousel .plpcarousel .navigation a,
        .categoryRecommendations .productCarousel .plpcarousel .navigation a,
        .backInStockRecommendations .productCarousel .plpcarousel .navigation a,
        .recommendations .productCarousel .plpcarousel .navigation a {
          color: #000;
          display: inline-block;
          overflow: hidden;
          text-indent: -1000px; }
          .pt_productcategory .productCarousel .plpcarousel .navigation a.sprites-carousel-nav-arrow-left,
          #carousel-similar-items .productCarousel .plpcarousel .navigation a.sprites-carousel-nav-arrow-left,
          .categoryRecommendations .productCarousel .plpcarousel .navigation a.sprites-carousel-nav-arrow-left,
          .backInStockRecommendations .productCarousel .plpcarousel .navigation a.sprites-carousel-nav-arrow-left,
          .recommendations .productCarousel .plpcarousel .navigation a.sprites-carousel-nav-arrow-left {
            left: 0;
            position: absolute;
            top: -9px;
            text-indent: -20000px; }
          .pt_productcategory .productCarousel .plpcarousel .navigation a.sprites-carousel-nav-arrow-right,
          #carousel-similar-items .productCarousel .plpcarousel .navigation a.sprites-carousel-nav-arrow-right,
          .categoryRecommendations .productCarousel .plpcarousel .navigation a.sprites-carousel-nav-arrow-right,
          .backInStockRecommendations .productCarousel .plpcarousel .navigation a.sprites-carousel-nav-arrow-right,
          .recommendations .productCarousel .plpcarousel .navigation a.sprites-carousel-nav-arrow-right {
            position: absolute;
            right: 0;
            top: -9px;
            text-indent: -20000px; }
    .pt_productcategory .productCarousel .shopAll,
    #carousel-similar-items .productCarousel .shopAll,
    .categoryRecommendations .productCarousel .shopAll,
    .backInStockRecommendations .productCarousel .shopAll,
    .recommendations .productCarousel .shopAll {
      bottom: 0;
      border: 3px solid #3f3f3f;
      color: #3f3f3f;
      display: block;
      padding: 9px 24px 5px;
      position: absolute;
      right: 20px;
      text-transform: uppercase; }
      .pt_productcategory .productCarousel .shopAll:hover,
      #carousel-similar-items .productCarousel .shopAll:hover,
      .categoryRecommendations .productCarousel .shopAll:hover,
      .backInStockRecommendations .productCarousel .shopAll:hover,
      .recommendations .productCarousel .shopAll:hover {
        border: 3px solid #f00;
        background-color: #f00;
        color: #fff; }

.pt_productcategory .large_tiles .productCarousel .plpcarousel .product-tile-component .thumb-link {
  height: auto; }

.stylebooklanding .stylebook-section .stylebook-title {
  float: left;
  width: 30%;
  font-size: 24px;
  font-weight: 500;
  font-family: "UniqloRegularRegular";
  color: #000; }

.stylebooklanding .stylebook-section .stylebook-navcomponet {
  float: right; }
  .stylebooklanding .stylebook-section .stylebook-navcomponet .stylebook-slide-tab {
    padding-left: 10px;
    text-transform: uppercase;
    font-size: 24px;
    color: #bfbfbf;
    padding-right: 5px;
    font-weight: 100;
    font-family: "UniqloRegularRegular"; }
    .stylebooklanding .stylebook-section .stylebook-navcomponet .stylebook-slide-tab.stylebook-slide-tab-active {
      color: #000;
      text-decoration: none;
      font-weight: 400; }
      .stylebooklanding .stylebook-section .stylebook-navcomponet .stylebook-slide-tab.stylebook-slide-tab-active span {
        border-bottom: 1px solid #000; }
    .stylebooklanding .stylebook-section .stylebook-navcomponet .stylebook-slide-tab:hover {
      color: #000; }

.stylebooklanding .stylebooksearch-result-content {
  clear: both; }
  .stylebooklanding .stylebooksearch-result-content .lookbook {
    display: inline-block;
    margin-right: 24px; }
    .stylebooklanding .stylebooksearch-result-content .lookbook .product-component {
      padding: 0 0 0px; }
      .stylebooklanding .stylebooksearch-result-content .lookbook .product-component .product-image-content {
        padding: 0 0px; }
    .stylebooklanding .stylebooksearch-result-content .lookbook .product-tile-component {
      min-height: 110px;
      margin-right: -.2em; }
      .stylebooklanding .stylebooksearch-result-content .lookbook .product-tile-component img {
        padding: 0 0px; }
  .stylebooklanding .stylebooksearch-result-content .infinite-scroll-stylebook-loading {
    text-align: center;
    background: url("../images/global/infinite-loading-indicator.gif") center no-repeat;
    height: 35px;
    width: 100%; }

/* UNIQPBLDW-2046-PLP Redesign for recommendations */
#primary,
#recommendationsContainer,
#certonaRecentlyViewed,
#plpmain,
#PIRecommendationContainer {
  /* specifictiy hack */ }
  #primary .productTile,
  #recommendationsContainer .productTile,
  #certonaRecentlyViewed .productTile,
  #plpmain .productTile,
  #PIRecommendationContainer .productTile {
    opacity: 1;
    visibility: visible;
    /* .active */ }
    @media screen and (min-width: 1024px) {
      #primary .productTile[data-quickshop]:hover .productTile__imageContainer--quickview .productTile__quickshop, #primary .productTile > [data-quickshop]:hover .productTile__imageContainer--quickview .productTile__quickshop,
      #recommendationsContainer .productTile[data-quickshop]:hover .productTile__imageContainer--quickview .productTile__quickshop,
      #recommendationsContainer .productTile > [data-quickshop]:hover .productTile__imageContainer--quickview .productTile__quickshop,
      #certonaRecentlyViewed .productTile[data-quickshop]:hover .productTile__imageContainer--quickview .productTile__quickshop,
      #certonaRecentlyViewed .productTile > [data-quickshop]:hover .productTile__imageContainer--quickview .productTile__quickshop,
      #plpmain .productTile[data-quickshop]:hover .productTile__imageContainer--quickview .productTile__quickshop,
      #plpmain .productTile > [data-quickshop]:hover .productTile__imageContainer--quickview .productTile__quickshop,
      #PIRecommendationContainer .productTile[data-quickshop]:hover .productTile__imageContainer--quickview .productTile__quickshop,
      #PIRecommendationContainer .productTile > [data-quickshop]:hover .productTile__imageContainer--quickview .productTile__quickshop {
        display: block; }
      #primary .productTile[data-quickshop]:hover .productTile__imageContainer--quickview .productTile__badges, #primary .productTile > [data-quickshop]:hover .productTile__imageContainer--quickview .productTile__badges,
      #recommendationsContainer .productTile[data-quickshop]:hover .productTile__imageContainer--quickview .productTile__badges,
      #recommendationsContainer .productTile > [data-quickshop]:hover .productTile__imageContainer--quickview .productTile__badges,
      #certonaRecentlyViewed .productTile[data-quickshop]:hover .productTile__imageContainer--quickview .productTile__badges,
      #certonaRecentlyViewed .productTile > [data-quickshop]:hover .productTile__imageContainer--quickview .productTile__badges,
      #plpmain .productTile[data-quickshop]:hover .productTile__imageContainer--quickview .productTile__badges,
      #plpmain .productTile > [data-quickshop]:hover .productTile__imageContainer--quickview .productTile__badges,
      #PIRecommendationContainer .productTile[data-quickshop]:hover .productTile__imageContainer--quickview .productTile__badges,
      #PIRecommendationContainer .productTile > [data-quickshop]:hover .productTile__imageContainer--quickview .productTile__badges {
        display: none; } }
    #primary .productTile__spacer,
    #recommendationsContainer .productTile__spacer,
    #certonaRecentlyViewed .productTile__spacer,
    #plpmain .productTile__spacer,
    #PIRecommendationContainer .productTile__spacer {
      /* needed because of js width calculation | causes edgcases because display: contents; | in combination with L3 Grid (therefore removed from L3 Markup */
      padding: 0 20px 20px;
      /* distance between */ }
      #primary .productTile__spacer::after,
      #recommendationsContainer .productTile__spacer::after,
      #certonaRecentlyViewed .productTile__spacer::after,
      #plpmain .productTile__spacer::after,
      #PIRecommendationContainer .productTile__spacer::after {
        content: "";
        position: absolute;
        top: 0;
        margin-top: -8px;
        right: 10px;
        bottom: 10px;
        left: 10px;
        background: #fff;
        z-index: -1; }
    #primary .productTile.product-tile-component,
    #recommendationsContainer .productTile.product-tile-component,
    #certonaRecentlyViewed .productTile.product-tile-component,
    #plpmain .productTile.product-tile-component,
    #PIRecommendationContainer .productTile.product-tile-component {
      margin-top: 33px; }
    #primary .productTile__imageContainer,
    #recommendationsContainer .productTile__imageContainer,
    #certonaRecentlyViewed .productTile__imageContainer,
    #plpmain .productTile__imageContainer,
    #PIRecommendationContainer .productTile__imageContainer {
      position: relative; }
      #primary .productTile__imageContainer .productTile__quickview, #primary .productTile__imageContainer .productTile__wishlist,
      #recommendationsContainer .productTile__imageContainer .productTile__quickview,
      #recommendationsContainer .productTile__imageContainer .productTile__wishlist,
      #certonaRecentlyViewed .productTile__imageContainer .productTile__quickview,
      #certonaRecentlyViewed .productTile__imageContainer .productTile__wishlist,
      #plpmain .productTile__imageContainer .productTile__quickview,
      #plpmain .productTile__imageContainer .productTile__wishlist,
      #PIRecommendationContainer .productTile__imageContainer .productTile__quickview,
      #PIRecommendationContainer .productTile__imageContainer .productTile__wishlist {
        display: none; }
      #primary .productTile__imageContainer--quickview:hover .productTile__badges,
      #recommendationsContainer .productTile__imageContainer--quickview:hover .productTile__badges,
      #certonaRecentlyViewed .productTile__imageContainer--quickview:hover .productTile__badges,
      #plpmain .productTile__imageContainer--quickview:hover .productTile__badges,
      #PIRecommendationContainer .productTile__imageContainer--quickview:hover .productTile__badges {
        display: none; }
      #primary .productTile__imageContainer:hover .productTile__quickview, #primary .productTile__imageContainer:hover .productTile__wishlist,
      #recommendationsContainer .productTile__imageContainer:hover .productTile__quickview,
      #recommendationsContainer .productTile__imageContainer:hover .productTile__wishlist,
      #certonaRecentlyViewed .productTile__imageContainer:hover .productTile__quickview,
      #certonaRecentlyViewed .productTile__imageContainer:hover .productTile__wishlist,
      #plpmain .productTile__imageContainer:hover .productTile__quickview,
      #plpmain .productTile__imageContainer:hover .productTile__wishlist,
      #PIRecommendationContainer .productTile__imageContainer:hover .productTile__quickview,
      #PIRecommendationContainer .productTile__imageContainer:hover .productTile__wishlist {
        display: block; }
      #primary .productTile__imageContainer + .productTile__textContainer,
      #recommendationsContainer .productTile__imageContainer + .productTile__textContainer,
      #certonaRecentlyViewed .productTile__imageContainer + .productTile__textContainer,
      #plpmain .productTile__imageContainer + .productTile__textContainer,
      #PIRecommendationContainer .productTile__imageContainer + .productTile__textContainer {
        margin-top: 12px; }
    #primary .productTile__image,
    #recommendationsContainer .productTile__image,
    #certonaRecentlyViewed .productTile__image,
    #plpmain .productTile__image,
    #PIRecommendationContainer .productTile__image {
      max-width: 100%;
      padding: 0;
      /* specifictiy */ }
    #primary .productTile__link,
    #recommendationsContainer .productTile__link,
    #certonaRecentlyViewed .productTile__link,
    #plpmain .productTile__link,
    #PIRecommendationContainer .productTile__link {
      color: inherit;
      display: block; }
      #primary .productTile__link:hover,
      #recommendationsContainer .productTile__link:hover,
      #certonaRecentlyViewed .productTile__link:hover,
      #plpmain .productTile__link:hover,
      #PIRecommendationContainer .productTile__link:hover {
        color: inherit; }
    #primary .productTile__quickview,
    #recommendationsContainer .productTile__quickview,
    #certonaRecentlyViewed .productTile__quickview,
    #plpmain .productTile__quickview,
    #PIRecommendationContainer .productTile__quickview {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      font-size: 14px;
      line-height: 30px;
      color: #000;
      background: #f2f2f2;
      text-align: center;
      text-transform: uppercase; }
      #primary .productTile__quickview a,
      #recommendationsContainer .productTile__quickview a,
      #certonaRecentlyViewed .productTile__quickview a,
      #plpmain .productTile__quickview a,
      #PIRecommendationContainer .productTile__quickview a {
        font-family: "Uniqlo Pro"; }
      #primary .productTile__quickview:hover,
      #recommendationsContainer .productTile__quickview:hover,
      #certonaRecentlyViewed .productTile__quickview:hover,
      #plpmain .productTile__quickview:hover,
      #PIRecommendationContainer .productTile__quickview:hover {
        text-decoration: underline; }
    #primary .productTile__swatches,
    #recommendationsContainer .productTile__swatches,
    #certonaRecentlyViewed .productTile__swatches,
    #plpmain .productTile__swatches,
    #PIRecommendationContainer .productTile__swatches {
      width: 100%;
      /* specifictiy */
      border-top: 0;
      margin-bottom: 8px;
      height: 41px;
      line-height: 35px;
      border-bottom: 1px solid #f3f3f3;
      position: relative; }
      #primary .productTile__swatches .productTile__minus,
      #recommendationsContainer .productTile__swatches .productTile__minus,
      #certonaRecentlyViewed .productTile__swatches .productTile__minus,
      #plpmain .productTile__swatches .productTile__minus,
      #PIRecommendationContainer .productTile__swatches .productTile__minus {
        display: none; }
      #primary .productTile__swatches.productTile-swatches--open,
      #recommendationsContainer .productTile__swatches.productTile-swatches--open,
      #certonaRecentlyViewed .productTile__swatches.productTile-swatches--open,
      #plpmain .productTile__swatches.productTile-swatches--open,
      #PIRecommendationContainer .productTile__swatches.productTile-swatches--open {
        position: relative;
        line-height: 29px;
        /* reduced line-height so swatches are closer together */
        padding-top: 6px !important;
        /* but added half (3 were there before) of substracted amout to prevent jumping */ }
        #primary .productTile__swatches.productTile-swatches--open .productTile__icons,
        #recommendationsContainer .productTile__swatches.productTile-swatches--open .productTile__icons,
        #certonaRecentlyViewed .productTile__swatches.productTile-swatches--open .productTile__icons,
        #plpmain .productTile__swatches.productTile-swatches--open .productTile__icons,
        #PIRecommendationContainer .productTile__swatches.productTile-swatches--open .productTile__icons {
          z-index: 1; }
        #primary .productTile__swatches.productTile-swatches--open .productTile__minus,
        #recommendationsContainer .productTile__swatches.productTile-swatches--open .productTile__minus,
        #certonaRecentlyViewed .productTile__swatches.productTile-swatches--open .productTile__minus,
        #plpmain .productTile__swatches.productTile-swatches--open .productTile__minus,
        #PIRecommendationContainer .productTile__swatches.productTile-swatches--open .productTile__minus {
          display: block; }
        #primary .productTile__swatches.productTile-swatches--open .productTile__plus,
        #recommendationsContainer .productTile__swatches.productTile-swatches--open .productTile__plus,
        #certonaRecentlyViewed .productTile__swatches.productTile-swatches--open .productTile__plus,
        #plpmain .productTile__swatches.productTile-swatches--open .productTile__plus,
        #PIRecommendationContainer .productTile__swatches.productTile-swatches--open .productTile__plus {
          display: none; }
      #primary .productTile__swatches .productTile__swatchList,
      #recommendationsContainer .productTile__swatches .productTile__swatchList,
      #certonaRecentlyViewed .productTile__swatches .productTile__swatchList,
      #plpmain .productTile__swatches .productTile__swatchList,
      #PIRecommendationContainer .productTile__swatches .productTile__swatchList {
        display: inline-block;
        overflow: hidden;
        height: 100%;
        line-height: inherit;
        padding-right: 20px;
        position: relative; }
        #primary .productTile__swatches .productTile__swatchList--jsCheckHeight,
        #recommendationsContainer .productTile__swatches .productTile__swatchList--jsCheckHeight,
        #certonaRecentlyViewed .productTile__swatches .productTile__swatchList--jsCheckHeight,
        #plpmain .productTile__swatches .productTile__swatchList--jsCheckHeight,
        #PIRecommendationContainer .productTile__swatches .productTile__swatchList--jsCheckHeight {
          overflow: visible;
          height: auto; }
        #primary .productTile__swatches .productTile__swatchList.productTile-swatchList--open,
        #recommendationsContainer .productTile__swatches .productTile__swatchList.productTile-swatchList--open,
        #certonaRecentlyViewed .productTile__swatches .productTile__swatchList.productTile-swatchList--open,
        #plpmain .productTile__swatches .productTile__swatchList.productTile-swatchList--open,
        #PIRecommendationContainer .productTile__swatches .productTile__swatchList.productTile-swatchList--open {
          /* specifictiy hack */
          position: absolute;
          width: calc(100% + 20px) !important;
          /* !important to overite existing important */
          margin-left: -10px;
          padding: 0 30px 0 10px;
          height: auto;
          overflow: visible;
          color: #fff;
          box-shadow: 0px 2px 0, 2px 5px 4px 0 rgba(0, 0, 0, 0.15);
          background: currentColor;
          z-index: 1; }
          #primary .productTile__swatches .productTile__swatchList.productTile-swatchList--open li:last-child::after,
          #recommendationsContainer .productTile__swatches .productTile__swatchList.productTile-swatchList--open li:last-child::after,
          #certonaRecentlyViewed .productTile__swatches .productTile__swatchList.productTile-swatchList--open li:last-child::after,
          #plpmain .productTile__swatches .productTile__swatchList.productTile-swatchList--open li:last-child::after,
          #PIRecommendationContainer .productTile__swatches .productTile__swatchList.productTile-swatchList--open li:last-child::after {
            content: none; }
        #primary .productTile__swatches .productTile__swatchList li,
        #recommendationsContainer .productTile__swatches .productTile__swatchList li,
        #certonaRecentlyViewed .productTile__swatches .productTile__swatchList li,
        #plpmain .productTile__swatches .productTile__swatchList li,
        #PIRecommendationContainer .productTile__swatches .productTile__swatchList li {
          display: inline-block;
          float: none;
          padding: 0;
          margin-right: 5px;
          position: relative; }
          #primary .productTile__swatches .productTile__swatchList li:last-child::after,
          #recommendationsContainer .productTile__swatches .productTile__swatchList li:last-child::after,
          #certonaRecentlyViewed .productTile__swatches .productTile__swatchList li:last-child::after,
          #plpmain .productTile__swatches .productTile__swatchList li:last-child::after,
          #PIRecommendationContainer .productTile__swatches .productTile__swatchList li:last-child::after {
            content: "";
            position: absolute;
            top: 2px;
            left: 28px;
            bottom: 2px;
            width: 500px;
            background: #fff;
            z-index: 1; }
        #primary .productTile__swatches .productTile__swatchList a,
        #recommendationsContainer .productTile__swatches .productTile__swatchList a,
        #certonaRecentlyViewed .productTile__swatches .productTile__swatchList a,
        #plpmain .productTile__swatches .productTile__swatchList a,
        #PIRecommendationContainer .productTile__swatches .productTile__swatchList a {
          color: #000; }
        #primary .productTile__swatches .productTile__swatchList .swatch-image,
        #recommendationsContainer .productTile__swatches .productTile__swatchList .swatch-image,
        #certonaRecentlyViewed .productTile__swatches .productTile__swatchList .swatch-image,
        #plpmain .productTile__swatches .productTile__swatchList .swatch-image,
        #PIRecommendationContainer .productTile__swatches .productTile__swatchList .swatch-image {
          width: 20px;
          height: 20px;
          border: 1px solid #bfbfbf; }
    #primary .productTile__icons,
    #recommendationsContainer .productTile__icons,
    #certonaRecentlyViewed .productTile__icons,
    #plpmain .productTile__icons,
    #PIRecommendationContainer .productTile__icons {
      position: absolute;
      top: 50%;
      right: 0;
      transform: translate(0, -50%);
      width: 22px;
      height: 36px;
      border: 0;
      background: #fff; }
      #primary .productTile__icons .productTile__minus,
      #recommendationsContainer .productTile__icons .productTile__minus,
      #certonaRecentlyViewed .productTile__icons .productTile__minus,
      #plpmain .productTile__icons .productTile__minus,
      #PIRecommendationContainer .productTile__icons .productTile__minus {
        top: 11px; }
    #primary .productTile__wishlist,
    #recommendationsContainer .productTile__wishlist,
    #certonaRecentlyViewed .productTile__wishlist,
    #plpmain .productTile__wishlist,
    #PIRecommendationContainer .productTile__wishlist {
      position: absolute;
      top: 10px;
      right: 10px; }
      #primary .productTile__wishlist.addedtowishlist,
      #recommendationsContainer .productTile__wishlist.addedtowishlist,
      #certonaRecentlyViewed .productTile__wishlist.addedtowishlist,
      #plpmain .productTile__wishlist.addedtowishlist,
      #PIRecommendationContainer .productTile__wishlist.addedtowishlist {
        display: block; }
    #primary .productTile__textContainer,
    #recommendationsContainer .productTile__textContainer,
    #certonaRecentlyViewed .productTile__textContainer,
    #plpmain .productTile__textContainer,
    #PIRecommendationContainer .productTile__textContainer {
      color: #000;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between; }
      #primary .productTile__textContainer .productTile__heading,
      #recommendationsContainer .productTile__textContainer .productTile__heading,
      #certonaRecentlyViewed .productTile__textContainer .productTile__heading,
      #plpmain .productTile__textContainer .productTile__heading,
      #PIRecommendationContainer .productTile__textContainer .productTile__heading {
        font-size: 14px;
        line-height: 16px;
        text-transform: uppercase; }
        #primary .productTile__textContainer .productTile__heading a,
        #recommendationsContainer .productTile__textContainer .productTile__heading a,
        #certonaRecentlyViewed .productTile__textContainer .productTile__heading a,
        #plpmain .productTile__textContainer .productTile__heading a,
        #PIRecommendationContainer .productTile__textContainer .productTile__heading a {
          /* hack for ellipsis at the of multiple lines see javascript clamp */
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          overflow: hidden; }
    #primary .productTile__titleContainer,
    #recommendationsContainer .productTile__titleContainer,
    #certonaRecentlyViewed .productTile__titleContainer,
    #plpmain .productTile__titleContainer,
    #PIRecommendationContainer .productTile__titleContainer {
      -ms-flex-positive: 1;
          flex-grow: 1;
      /* if product name is short */
      height: 2.1em;
      /* 2 lines */
      padding-right: 5px;
      overflow: hidden; }
    #primary .productTile__priceContainer,
    #recommendationsContainer .productTile__priceContainer,
    #certonaRecentlyViewed .productTile__priceContainer,
    #plpmain .productTile__priceContainer,
    #PIRecommendationContainer .productTile__priceContainer {
      text-align: right;
      min-width: 7.5ch;
      /* avoid: longer text in name my cause price to break */
      -ms-flex-negative: 0;
          flex-shrink: 0; }
      #primary .productTile__priceContainer .price,
      #recommendationsContainer .productTile__priceContainer .price,
      #certonaRecentlyViewed .productTile__priceContainer .price,
      #plpmain .productTile__priceContainer .price,
      #PIRecommendationContainer .productTile__priceContainer .price {
        display: block;
        font-size: 16px;
        line-height: 1;
        white-space: nowrap;
        margin-bottom: 0.1em; }
        #primary .productTile__priceContainer .price.stroked,
        #recommendationsContainer .productTile__priceContainer .price.stroked,
        #certonaRecentlyViewed .productTile__priceContainer .price.stroked,
        #plpmain .productTile__priceContainer .price.stroked,
        #PIRecommendationContainer .productTile__priceContainer .price.stroked {
          font-size: 14px;
          color: #808080; }
        #primary .productTile__priceContainer .price[data-percentage]::after,
        #recommendationsContainer .productTile__priceContainer .price[data-percentage]::after,
        #certonaRecentlyViewed .productTile__priceContainer .price[data-percentage]::after,
        #plpmain .productTile__priceContainer .price[data-percentage]::after,
        #PIRecommendationContainer .productTile__priceContainer .price[data-percentage]::after {
          content: "-" attr(data-percentage) "%";
          display: inline-block;
          text-decoration: none;
          padding-left: 5px; }
  #primary .recom-newhomepage .productTile__icons, #primary .recom-contentpage .productTile__icons,
  #recommendationsContainer .recom-newhomepage .productTile__icons,
  #recommendationsContainer .recom-contentpage .productTile__icons,
  #certonaRecentlyViewed .recom-newhomepage .productTile__icons,
  #certonaRecentlyViewed .recom-contentpage .productTile__icons,
  #plpmain .recom-newhomepage .productTile__icons,
  #plpmain .recom-contentpage .productTile__icons,
  #PIRecommendationContainer .recom-newhomepage .productTile__icons,
  #PIRecommendationContainer .recom-contentpage .productTile__icons {
    top: 48%;
    width: 20px; }
    #primary .recom-newhomepage .productTile__icons .productTile__minus, #primary .recom-contentpage .productTile__icons .productTile__minus,
    #recommendationsContainer .recom-newhomepage .productTile__icons .productTile__minus,
    #recommendationsContainer .recom-contentpage .productTile__icons .productTile__minus,
    #certonaRecentlyViewed .recom-newhomepage .productTile__icons .productTile__minus,
    #certonaRecentlyViewed .recom-contentpage .productTile__icons .productTile__minus,
    #plpmain .recom-newhomepage .productTile__icons .productTile__minus,
    #plpmain .recom-contentpage .productTile__icons .productTile__minus,
    #PIRecommendationContainer .recom-newhomepage .productTile__icons .productTile__minus,
    #PIRecommendationContainer .recom-contentpage .productTile__icons .productTile__minus {
      top: 11px; }
    #primary .recom-newhomepage .productTile__icons .swatch img, #primary .recom-contentpage .productTile__icons .swatch img,
    #recommendationsContainer .recom-newhomepage .productTile__icons .swatch img,
    #recommendationsContainer .recom-contentpage .productTile__icons .swatch img,
    #certonaRecentlyViewed .recom-newhomepage .productTile__icons .swatch img,
    #certonaRecentlyViewed .recom-contentpage .productTile__icons .swatch img,
    #plpmain .recom-newhomepage .productTile__icons .swatch img,
    #plpmain .recom-contentpage .productTile__icons .swatch img,
    #PIRecommendationContainer .recom-newhomepage .productTile__icons .swatch img,
    #PIRecommendationContainer .recom-contentpage .productTile__icons .swatch img {
      width: 26px;
      height: 14px;
      padding: 0; }
  #primary .recom-newhomepage .productTile__swatches, #primary .recom-contentpage .productTile__swatches,
  #recommendationsContainer .recom-newhomepage .productTile__swatches,
  #recommendationsContainer .recom-contentpage .productTile__swatches,
  #certonaRecentlyViewed .recom-newhomepage .productTile__swatches,
  #certonaRecentlyViewed .recom-contentpage .productTile__swatches,
  #plpmain .recom-newhomepage .productTile__swatches,
  #plpmain .recom-contentpage .productTile__swatches,
  #PIRecommendationContainer .recom-newhomepage .productTile__swatches,
  #PIRecommendationContainer .recom-contentpage .productTile__swatches {
    height: 41px;
    line-height: 36px; }
    #primary .recom-newhomepage .productTile__swatches.productTile-swatches--open, #primary .recom-contentpage .productTile__swatches.productTile-swatches--open,
    #recommendationsContainer .recom-newhomepage .productTile__swatches.productTile-swatches--open,
    #recommendationsContainer .recom-contentpage .productTile__swatches.productTile-swatches--open,
    #certonaRecentlyViewed .recom-newhomepage .productTile__swatches.productTile-swatches--open,
    #certonaRecentlyViewed .recom-contentpage .productTile__swatches.productTile-swatches--open,
    #plpmain .recom-newhomepage .productTile__swatches.productTile-swatches--open,
    #plpmain .recom-contentpage .productTile__swatches.productTile-swatches--open,
    #PIRecommendationContainer .recom-newhomepage .productTile__swatches.productTile-swatches--open,
    #PIRecommendationContainer .recom-contentpage .productTile__swatches.productTile-swatches--open {
      padding-top: 2px !important; }
  #primary .recom-newhomepage .productTile__swatchList .swatch-image, #primary .recom-contentpage .productTile__swatchList .swatch-image,
  #recommendationsContainer .recom-newhomepage .productTile__swatchList .swatch-image,
  #recommendationsContainer .recom-contentpage .productTile__swatchList .swatch-image,
  #certonaRecentlyViewed .recom-newhomepage .productTile__swatchList .swatch-image,
  #certonaRecentlyViewed .recom-contentpage .productTile__swatchList .swatch-image,
  #plpmain .recom-newhomepage .productTile__swatchList .swatch-image,
  #plpmain .recom-contentpage .productTile__swatchList .swatch-image,
  #PIRecommendationContainer .recom-newhomepage .productTile__swatchList .swatch-image,
  #PIRecommendationContainer .recom-contentpage .productTile__swatchList .swatch-image {
    height: 20px;
    width: 20px; }
  #primary .recom-newhomepage .productTile__swatchList li:last-child::after, #primary .recom-contentpage .productTile__swatchList li:last-child::after,
  #recommendationsContainer .recom-newhomepage .productTile__swatchList li:last-child::after,
  #recommendationsContainer .recom-contentpage .productTile__swatchList li:last-child::after,
  #certonaRecentlyViewed .recom-newhomepage .productTile__swatchList li:last-child::after,
  #certonaRecentlyViewed .recom-contentpage .productTile__swatchList li:last-child::after,
  #plpmain .recom-newhomepage .productTile__swatchList li:last-child::after,
  #plpmain .recom-contentpage .productTile__swatchList li:last-child::after,
  #PIRecommendationContainer .recom-newhomepage .productTile__swatchList li:last-child::after,
  #PIRecommendationContainer .recom-contentpage .productTile__swatchList li:last-child::after {
    left: 24px; }
    @media screen and (max-width: 1024px) {
      #primary .recom-newhomepage .productTile__swatchList li:last-child::after, #primary .recom-contentpage .productTile__swatchList li:last-child::after,
      #recommendationsContainer .recom-newhomepage .productTile__swatchList li:last-child::after,
      #recommendationsContainer .recom-contentpage .productTile__swatchList li:last-child::after,
      #certonaRecentlyViewed .recom-newhomepage .productTile__swatchList li:last-child::after,
      #certonaRecentlyViewed .recom-contentpage .productTile__swatchList li:last-child::after,
      #plpmain .recom-newhomepage .productTile__swatchList li:last-child::after,
      #plpmain .recom-contentpage .productTile__swatchList li:last-child::after,
      #PIRecommendationContainer .recom-newhomepage .productTile__swatchList li:last-child::after,
      #PIRecommendationContainer .recom-contentpage .productTile__swatchList li:last-child::after {
        left: 20px; } }
  #primary .recom-newhomepage .productTile .price-content .price, #primary .recom-contentpage .productTile .price-content .price,
  #recommendationsContainer .recom-newhomepage .productTile .price-content .price,
  #recommendationsContainer .recom-contentpage .productTile .price-content .price,
  #certonaRecentlyViewed .recom-newhomepage .productTile .price-content .price,
  #certonaRecentlyViewed .recom-contentpage .productTile .price-content .price,
  #plpmain .recom-newhomepage .productTile .price-content .price,
  #plpmain .recom-contentpage .productTile .price-content .price,
  #PIRecommendationContainer .recom-newhomepage .productTile .price-content .price,
  #PIRecommendationContainer .recom-contentpage .productTile .price-content .price {
    font-weight: normal; }
    #primary .recom-newhomepage .productTile .price-content .price.product-current-price, #primary .recom-contentpage .productTile .price-content .price.product-current-price,
    #recommendationsContainer .recom-newhomepage .productTile .price-content .price.product-current-price,
    #recommendationsContainer .recom-contentpage .productTile .price-content .price.product-current-price,
    #certonaRecentlyViewed .recom-newhomepage .productTile .price-content .price.product-current-price,
    #certonaRecentlyViewed .recom-contentpage .productTile .price-content .price.product-current-price,
    #plpmain .recom-newhomepage .productTile .price-content .price.product-current-price,
    #plpmain .recom-contentpage .productTile .price-content .price.product-current-price,
    #PIRecommendationContainer .recom-newhomepage .productTile .price-content .price.product-current-price,
    #PIRecommendationContainer .recom-contentpage .productTile .price-content .price.product-current-price {
      color: #000; }

.bazaarVoice {
  font-size: 19px;
  margin-top: 3px;
  display: block;
  overflow: hidden;
  height: 26px;
  line-height: 1.4; }
  .bazaarVoice.noreview {
    visibility: hidden; }
  .bazaarVoice .productTile__link {
    display: inline-block;
    overflow: hidden;
    font-size: 19px; }
    .bazaarVoice .productTile__link .ratings {
      display: inline-block;
      float: left;
      padding: 0 3px 0 0;
      height: 30px; }
      .bazaarVoice .productTile__link .ratings .bazaarVoice-no-rating-stars {
        color: #eaeaea;
        position: relative;
        display: block;
        overflow: hidden;
        font-size: 19px; }
      .bazaarVoice .productTile__link .ratings .bazaarVoice-rating-stars {
        color: #ecbf25;
        position: relative;
        display: block;
        overflow: hidden;
        float: left;
        top: -27px;
        width: 0%;
        font-size: 19px; }
    .bazaarVoice .productTile__link .reviewcount {
      display: inline-block; }
      .bazaarVoice .productTile__link .reviewcount span {
        font-size: 12px;
        position: relative;
        bottom: 2px;
        font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
        padding-left: 4px;
        color: #a7a7a7;
        font-weight: 500;
        line-height: 15px;
        display: none; }

.addToCart {
  padding: 20px; }
  .addToCart__title {
    text-transform: uppercase;
    font-family: "UniqloRegularRegular";
    font-size: 22px;
    font-weight: normal;
    padding-bottom: 15px;
    line-height: 1; }
    .addToCart__title--icon::before {
      content: ' ';
      background-image: url("../images/addtocartpopup/icon_tick.png");
      background-repeat: repeat-x;
      background-size: 100%;
      display: inline-block;
      width: 22px;
      height: 16px;
      margin-right: 17px;
      position: relative; }
  .addToCart__container {
    border-bottom: 1px solid #979797;
    border-top: 1px solid #979797;
    padding: 20px 0; }
    .addToCart__container--noBorder {
      border: 0; }
    .addToCart__container--recommendations {
      min-height: 383px;
      padding-bottom: 0; }
      @media (min-width: 960px) {
        .addToCart__container--recommendations {
          min-height: 370px; } }
  .addToCart__promo {
    color: #FE0E0D;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4em; }
  .addToCart__buttons {
    width: 100%;
    max-width: 375px;
    -ms-flex: 0 1 auto;
        flex: 0 1 auto; }
  .addToCart__button {
    display: block;
    width: 100%;
    font-family: "UniqloRegularRegular";
    font-size: 18px;
    padding: 12px 0;
    color: #000;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .04em;
    cursor: pointer;
    border: 1px solid;
    margin-bottom: 20px;
    line-height: 1.3em;
    background-color: #fff; }
    .addToCart__button:last-child {
      margin-bottom: 0; }
    .addToCart__button--checkout {
      background-color: #FE0E0D;
      color: #fff;
      border-color: #FE0E0D; }
      .addToCart__button--checkout:hover, .addToCart__button--checkout:focus {
        color: #fff; }
  .addToCart .productList {
    padding-left: 0;
    margin-top: 0; }
    .addToCart .productList__item {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      color: #808080;
      font-size: 12px;
      line-height: 15px;
      position: relative;
      /* space between line items */
      margin-top: 19px;
      padding-top: 19px;
      border-top: 1px solid #f3f3f3; }
      .addToCart .productList__item:first-child {
        margin-top: 0;
        padding-top: 0;
        border-top: 0; }
      .addToCart .productList__item--wishlistSuccess {
        overflow: hidden; }
      .addToCart .productList__item-oosMessage {
        width: 100%;
        margin-bottom: 17px;
        font-weight: 600; }
        .addToCart .productList__item-oosMessage::before {
          vertical-align: sub;
          margin-right: 0.35em; }
      .addToCart .productList__item-oosIcon {
        width: 15px;
        height: 14px;
        vertical-align: text-top;
        overflow: visible;
        /* overwrite bootstrap and ensure that info icon is rendered correctly */
        stroke: currentColor; }
      .addToCart .productList__item-editIcon {
        width: 15px;
        height: 14px;
        vertical-align: text-top;
        fill: currentColor;
        overflow: visible;
        /* overwrite bootstrap and ensure that info icon is rendered correctly */ }
      .addToCart .productList__item-bisn {
        color: #000;
        background: transparent;
        padding: 0;
        text-decoration: underline;
        float: right; }
        .addToCart .productList__item-bisn:hover {
          font-weight: 600; }
      .addToCart .productList__item-headline {
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
        width: 100%;
        margin-bottom: 15px;
        color: #000;
        font-size: 14px;
        letter-spacing: 0.2px;
        font-weight: 500; }
      .addToCart .productList__item-details {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-positive: 1;
            flex-grow: 1; }
        .addToCart .productList__item-details-image {
          width: 100px;
          height: 100px;
          border: 1px solid #E6E6E6;
          background-color: #f3f3f3; }
          .addToCart .productList__item-details-imageWrapper {
            -ms-flex: 0 0 auto;
                flex: 0 0 auto; }
        .addToCart .productList__item-details-data {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
              flex-direction: column;
          -ms-flex-positive: 1;
              flex-grow: 1;
          margin: -2px 10px;
          font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Trebuchet MS", "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif; }
          .addToCart .productList__item-details-data-name {
            -ms-flex-item-align: start;
                align-self: flex-start; }
          .addToCart .productList__item-details-datalist {
            width: 100%;
            margin: 0;
            font-size: 14px;
            line-height: 1.15em; }
            .addToCart .productList__item-details-datalist dt {
              float: left;
              clear: left;
              padding-right: 5px;
              max-width: 40%; }
            .addToCart .productList__item-details-datalist dd {
              max-width: 60%;
              display: inline-block;
              margin: 0;
              float: left; }
        .addToCart .productList__item-details-multibuy {
          font-size: 14px;
          line-height: 1.15em; }
        .addToCart .productList__item-details-name {
          max-width: 320px;
          max-width: 50ch;
          margin-bottom: 4px;
          font-size: 14px;
          line-height: 1;
          font-family: "Uniqlo Pro";
          font-weight: normal;
          color: #000;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
          .addToCart .productList__item-details-name--oos {
            color: #808080; }
      .addToCart .productList__item-qty {
        font-size: 12px;
        vertical-align: text-bottom; }
      .addToCart .productList__item-actions {
        width: 100%;
        margin-top: auto;
        line-height: 1; }
        .addToCart .productList__item-actions-button {
          font-size: 14px;
          padding: 0;
          margin-right: 1.2em;
          background: transparent;
          line-height: inherit;
          color: #808080;
          font-weight: 500; }
          .addToCart .productList__item-actions-button:hover {
            color: #000; }
            .addToCart .productList__item-actions-button:hover .productList__item-actions-button-text {
              text-decoration: underline; }
        .addToCart .productList__item-actions .outofstock-button-divider {
          border: 1px solid #bfbfbf;
          margin: 0 1.7em 0 0;
          line-height: 1; }
    .addToCart .productList__info {
      text-align: right;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: end;
          align-items: flex-end; }
      .addToCart .productList__info label {
        margin: 0;
        font-size: 14px; }
      .addToCart .productList__info-qty {
        width: 84px;
        font-size: 14px;
        text-align: left;
        border: 1px solid #bfbfbf;
        border-radius: 0;
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
        background: 90% 50%/12px 12px url(../images/icon-sprite.svg#icon_arrow_down) no-repeat; }
        @media screen and (max-width: 1024px) {
          .addToCart .productList__info-qty {
            background: 90% 50% url("../images/cart/arrow_down_select.png") no-repeat; } }
        .addToCart .productList__info-qty:hover {
          border-color: #000; }
        .addToCart .productList__info-qty.red-highlight {
          border-color: #FE0E0D; }
        .addToCart .productList__info-qty::-ms-expand {
          display: none; }
      .addToCart .productList__info-availability {
        color: #000;
        display: inline-block;
        line-height: 1;
        margin-top: 4px; }
      .addToCart .productList__info-subtotal {
        margin-top: auto;
        font-weight: normal;
        font-family: "Uniqlo Pro";
        font-weight: normal; }
        .addToCart .productList__info-subtotal-crossed {
          text-decoration: line-through;
          color: #808080;
          font-size: 14px;
          font-weight: 300;
          vertical-align: text-bottom;
          margin-right: 0.35em; }
        .addToCart .productList__info-subtotal-price {
          font-size: 18px; }
          .addToCart .productList__info-subtotal-price:first-child {
            color: #000; }
          .addToCart .productList__info-subtotal-price--oos, .addToCart .productList__info-subtotal-price--oos:first-child {
            color: #808080; }
          .addToCart .productList__info-subtotal-price-crossed {
            color: #808080;
            font-size: 14px;
            text-decoration: line-through;
            margin-right: 0.25em; }
            .addToCart .productList__info-subtotal-price-crossed + span {
              color: #000; }
            .addToCart .productList__info-subtotal-price-crossed[data-percentage] {
              display: block;
              margin-right: 0; }
          .addToCart .productList__info-subtotal-price--free {
            color: #000;
            text-transform: uppercase;
            font-size: 16px;
            line-height: 19px;
            letter-spacing: 0.25px; }
    .addToCart .productList--addToCart {
      margin-bottom: 0; }
      .addToCart .productList--addToCart .productList__item {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; }
      .addToCart .productList--addToCart .productList__item-details {
        -ms-flex-negative: 0;
            flex-shrink: 0;
        margin-right: 20px;
        width: 55%; }
        .addToCart .productList--addToCart .productList__item-details .productList__item-details-image {
          width: 117px;
          height: 117px;
          border: 0; }
        .addToCart .productList--addToCart .productList__item-details .productList__item-details-data {
          width: calc(100% - 117px); }
        .addToCart .productList--addToCart .productList__item-details .productList__item-details-name {
          font-size: 18px; }
        .addToCart .productList--addToCart .productList__item-details .productList__item-details-datalist {
          line-height: 1.4em; }
        .addToCart .productList--addToCart .productList__item-details .product-price {
          font-family: "UniqloRegularRegular";
          font-size: 14px;
          letter-spacing: 0.17px;
          font-weight: 500;
          color: #000;
          line-height: 1.4em; }
          .addToCart .productList--addToCart .productList__item-details .product-price .price-set {
            display: inline-block; }
          .addToCart .productList--addToCart .productList__item-details .product-price .price-standard {
            color: #000;
            text-decoration: line-through; }
          .addToCart .productList--addToCart .productList__item-details .product-price .pdp-price-original {
            display: inline-block;
            font-size: 12px;
            text-decoration: line-through;
            color: #666;
            margin: 0 8px 0 0; }
            .addToCart .productList--addToCart .productList__item-details .product-price .pdp-price-original .price-standard {
              color: #808080; }
          .addToCart .productList--addToCart .productList__item-details .product-price .pdp-price-current.has-original-price {
            letter-spacing: -.02em;
            color: #FE0E0D; }
    .addToCart .productList--summary {
      margin: 0; }
      .addToCart .productList--summary .productList__item-details {
        width: 100%; }
        .addToCart .productList--summary .productList__item-details-data {
          width: calc(100% - 110px);
          margin: 0 0 0 10px; }
          .addToCart .productList--summary .productList__item-details-datalist {
            line-height: 1.25em; }
      .addToCart .productList--summary .productList__item-qty {
        vertical-align: unset; }

.pt_product-search-result .primary-content h1.content-header {
  padding-left: 15px; }

.category-main-banner img {
  max-width: 100%; }

.no-hits-search-term,
.no-hits-search-term-suggest {
  color: #990000;
  font-style: italic; }

.no-hits-footer {
  background: url("../images/interface/icon-double-line-header.png") repeat-x scroll left top transparent;
  margin: 20px 0;
  padding: 20px 0; }

.search-result-bookmarks {
  margin: 15px; }
  .search-result-bookmarks .first {
    border-right: 1px solid #999;
    padding-right: 5px; }

.search-result-options {
  margin: 0;
  overflow: hidden;
  display: inline-block;
  width: auto;
  float: right; }

.sort-by,
.items-per-page {
  background: none repeat scroll 0 0 #e0e0e0;
  border-bottom: 1px solid #ccc;
  float: left;
  margin: 0 0 0 20px;
  padding: 3px 5px; }

.sort-by label,
.items-per-page label {
  display: none; }

.sort-by select,
.items-per-page select {
  background: none repeat scroll 0 0 #e0e0e0;
  border: 0 none;
  font-size: 0.9em;
  margin: 0 6px 0 0;
  padding: 0;
  width: auto; }

.sort-by button,
.items-per-page button {
  background: none repeat scroll 0 0 #ccc;
  border: 0 none;
  color: #333;
  font-size: 0.9em;
  padding: 0.3em;
  width: auto; }

.pagination {
  float: right;
  margin: 0 20px 0 0; }
  .pagination .results-hits {
    color: #666;
    float: left; }
  .pagination ul {
    float: right;
    margin: 0;
    padding: 0; }
  .pagination li {
    display: block;
    float: left;
    list-style: none;
    padding: 0 0.5em; }
    .pagination li a {
      color: #FE0E0D; }

.search-result-items {
  margin: 0;
  padding: 0; }
  .search-result-items li {
    list-style: none outside none; }
  .search-result-items .new-row {
    clear: both; }
  .search-result-items .grid-tile {
    background: none repeat scroll 0 0 #fff;
    box-shadow: 0 0 9px #ccc;
    float: left;
    list-style: none outside none;
    margin: 0 0 2% 20px;
    padding: 2%;
    width: 26%; }
  .search-result-items .invisible {
    display: none; }

.search-result-content {
  clear: both; }

.search-promo {
  padding: 20px; }

#results-content {
  background: url("../images/interface/icon-double-line-header.png") repeat-x scroll left top transparent;
  padding-top: 30px; }

.folder-content-list {
  margin: 0;
  overflow: hidden;
  padding: 0 20px; }
  .folder-content-list li {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 2% 2% 2% 0;
    width: 48%; }
  .folder-content-list .content-title {
    display: block; }

.no-results {
  padding: 20px; }

.toggle-grid {
  display: block;
  float: left;
  margin-right: 0.5em; }
  .toggle-grid i {
    cursor: pointer;
    margin-right: 0.3em; }
  .toggle-grid [data-option="column"] {
    color: #000; }
  .toggle-grid.wide [data-option="wide"] {
    color: #000; }
  .toggle-grid.wide [data-option="column"] {
    color: #666; }

.wide-tiles .search-result-items .grid-tile {
  width: 91%; }

.wide-tiles .product-tile .product-swatches {
  bottom: auto;
  left: auto;
  position: relative;
  right: auto;
  margin-top: 5px; }
  .wide-tiles .product-tile .product-swatches li {
    float: left; }

.infinite-scroll .search-result-content .infinite-scroll-loading {
  text-align: center;
  background: url("../images/global/infinite-loading-indicator.gif") center no-repeat;
  height: 35px;
  width: 100%; }

.disable-infinite-scroll .search-result-content .page-element {
  display: none; }

.stylebook-infinite-scroll-loading {
  text-align: center;
  background: url("../images/global/infinite-loading-indicator.gif") center no-repeat;
  height: 35px;
  width: 100%; }

.stylebook-infinite-scroll-loading-spinner {
  text-align: center;
  background: url("../images/global/Spinner.gif") center no-repeat;
  width: 100%;
  height: 119px;
  z-index: 76; }

.stylebook-infinite-scroll-loading2 {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 76;
  background: url("../images/global/infinite-loading-indicator.gif") center no-repeat;
  height: 35px;
  width: 210px;
  display: none; }

.stylebook-infinite-scroll-loading2back {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: rgba(255, 255, 255, 0.8);
  display: none; }

.pt_product-compare .full-width {
  padding: 0 1.25em; }
  .pt_product-compare .full-width .print-page {
    float: right; }
  .pt_product-compare .full-width .back {
    padding: 1em 0; }

.compare-items {
  clear: both;
  margin: 3.5em 2em 0;
  overflow: hidden;
  padding: 0 1em 1em; }
  .compare-items h2 {
    font-size: 0.9em;
    margin: 0.5em 0;
    text-transform: uppercase; }

.compare-items-panel {
  float: left; }

.compare-item {
  background-color: #e0e0e0;
  float: left;
  height: 55px;
  margin-right: 1.08em;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 55px; }
  .compare-item .compare-item-remove {
    color: #fff;
    cursor: pointer;
    display: none;
    padding: 0 .16em;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2; }
  .compare-item.active .compare-item-remove {
    display: block; }
  .compare-item .compare-item-number {
    color: #ccc;
    font-size: 3em;
    margin-top: .5em; }

.compare-item-image {
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0; }

.compare-buttons {
  float: left;
  padding: 0.7em 0 0; }

.category-switch {
  margin-bottom: 2em; }
  .category-switch label {
    float: left;
    margin: 0;
    width: 45%; }
    @media (min-width: 410px) {
      .category-switch label {
        width: 11em; } }
  .category-switch select {
    float: left;
    margin: 0;
    width: 55%; }
    @media (min-width: 410px) {
      .category-switch select {
        margin-left: 1em;
        width: 15em; } }

#compare-table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%; }
  #compare-table th {
    padding: .5em; }
    #compare-table th:first-of-type {
      background-color: #e0e0e0; }
  #compare-table a:hover {
    text-decoration: underline; }
  #compare-table .attribute-row {
    border-bottom: 1px solid #ccc; }
    #compare-table .attribute-row:first-of-type {
      border-top: 1px solid #ccc; }
    #compare-table .attribute-row:last-of-type {
      border-bottom: none; }
    #compare-table .attribute-row:nth-child(2n) {
      background-color: #f5f5f5; }
  #compare-table .product-attribute {
    border-right: 1px solid #ccc; }
  #compare-table .action {
    display: block;
    padding: 0.5em 0; }
  #compare-table .remove-link {
    color: #999;
    display: block;
    text-align: right;
    transition: color 500ms ease; }
    #compare-table .remove-link:hover {
      text-decoration: none; }
  #compare-table .value,
  #compare-table .product {
    border-left: 1px solid #ccc; }
  #compare-table .product {
    font-weight: normal;
    text-align: center; }
  #compare-table .value .value-item:after {
    content: ', '; }
  #compare-table .value .value-item:last-child:after {
    content: ''; }
  #compare-table .product-tile .product-name {
    height: auto;
    margin: .2em 0 1em 0; }
  #compare-table .product-tile .swatch-list {
    display: inline-block; }
  #compare-table .product-image {
    height: auto; }
    #compare-table .product-image img {
      height: auto; }
  #compare-table .section-header {
    font-size: 0.9em;
    padding: 1em;
    text-transform: none; }
  #compare-table .selectcategory label {
    display: block;
    font-size: 0.9em;
    margin: 1em 0;
    text-transform: none; }
  #compare-table .selectcategory select {
    margin: 0;
    width: 100px; }
  #compare-table .comparelists {
    padding: 0; }
  #compare-table .compare-lists label,
  #compare-table .compare-lists select {
    float: none;
    text-align: left;
    width: 100%; }

/* sprites */
.pdp-image-main .pdp-images-nav.left:after,
.pdp-image-main .pdp-images-nav.left:hover:after,
.pdp-image-main .pdp-images-nav.right:after,
.pdp-image-main .pdp-images-nav.right:hover:after,
.detailed-img-wrapper .pdp-images-nav.left:after,
.detailed-img-wrapper .pdp-images-nav.left:hover:after,
.detailed-img-wrapper .pdp-images-nav.right:after,
.detailed-img-wrapper .pdp-images-nav.right:hover:after,
.detailed-img-wrapper .pdp-images-nav-close {
  content: '';
  position: absolute;
  display: inline-block;
  background-image: url("../images/global/sprites-s58bc8abdec.png");
  background-repeat: no-repeat; }

/* Styles for image details/ZoomImage overlay */
.detailed-img-wrapper {
  overflow: hidden;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  position: fixed;
  z-index: 76;
  background: #fff; }
  .detailed-img-wrapper .close-lg-image-wrap {
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 50; }
  .detailed-img-wrapper .zoomed-image {
    position: absolute; }

.fullScreenSlideshowActive {
  overflow-y: hidden; }
  .fullScreenSlideshowActive body {
    overflow: hidden; }
    .fullScreenSlideshowActive body .pdp-thumbnails {
      z-index: 38; }

/* product thumbnails on left side of PDP */
.pdp-images-nav {
  display: inline-block;
  position: absolute;
  top: 0;
  width: 104px;
  height: 100%;
  color: transparent;
  z-index: 48;
  left: 30px;
  border-left: 30px solid transparent; }
  .pdp-images-nav::after {
    background-position: -80px -545px;
    height: 40px;
    width: 22px;
    top: 50%; }
  .pdp-images-nav.right {
    right: 30px;
    border-right: 30px solid transparent;
    left: auto;
    border-left: none;
    color: transparent; }
    .pdp-images-nav.right::after {
      background-position: -102px -545px; }
  .pdp-images-nav:hover {
    color: transparent; }
    .pdp-images-nav:hover::after {
      background-position: 0 -691px; }
    .pdp-images-nav:hover.right::after {
      background-position: -92px -429px; }
  .pdp-images-nav:focus {
    color: transparent; }

.detailed-img-wrapper .pdp-images-nav-close {
  background-position: 0 -429px;
  height: 35px;
  width: 35px;
  left: auto;
  position: absolute;
  cursor: pointer;
  right: 30px;
  top: 30px;
  z-index: 50;
  text-indent: -20000px;
  background-color: transparent; }
  .detailed-img-wrapper .pdp-images-nav-close:hover {
    background-position: 0 -646px; }

.zoom-pdp-thumbnails {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  margin-left: 0;
  z-index: 38;
  text-align: center; }
  .zoom-pdp-thumbnails li {
    display: inline-block;
    cursor: pointer;
    position: relative;
    border: 2px solid transparent;
    overflow: hidden;
    padding: 0; }
    .zoom-pdp-thumbnails li img {
      width: 55px; }
      .zoom-pdp-thumbnails li img:hover {
        outline: 2px solid #000;
        border-color: #fff; }

.pdpGrid {
  max-width: 1206px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 25px;
  padding-right: 25px;
  /* align with logo +  center  */ }
  .pdpGrid--fullWidth {
    max-width: none; }
    .pdpGrid--fullWidth .pdpGrid__container {
      /* please use this container only with .grid--fullWidth */
      max-width: 1156px;
      width: 100%;
      /* at least max-width (e.g. breadcrumb) */
      margin-left: auto;
      margin-right: auto; }
  .pdpGrid--bonusProductView {
    padding-left: 20px;
    padding-right: 20px;
    /* align with image + headline  */ }
    @media screen and (max-width: 1024px) {
      .pdpGrid--bonusProductView {
        padding-left: 0;
        padding-right: 0; } }
  .pdpGrid--fullView {
    padding-left: 0;
    padding-right: 0; }
  @media screen and (max-width: 1276px) {
    .pdpGrid--slider {
      padding-left: 60px;
      padding-right: 60px; } }

.pt_pdp {
  scroll-behavior: smooth; }

.pdp__module {
  margin-bottom: 60px; }
  .pdp__module--bg {
    background-color: #f7f7f7; }
  .pdp__module--contentSection {
    padding-top: 40px;
    padding-bottom: 40px; }
  .pdp__module--standAlone {
    margin-bottom: 0; }
  .pdp__module--breadCrumb {
    margin-bottom: 20px; }
  .pdp__module--shopTheLook {
    display: none;
    /* will be set to block in js */ }
    .pdp__module--shopTheLook:target {
      padding-top: 100px;
      margin-top: -100px; }
  .pdp__module--horizontalLine {
    border-bottom: 1px solid #f2f2f2;
    margin: 0 20px 40px 20px;
    padding-bottom: 40px; }
    @media screen and (max-width: 1024px) {
      .pdp__module--horizontalLine {
        margin: 0 40px 40px 40px; } }
  .pdp__moduleTitle {
    color: #1b1b1b;
    margin-bottom: 20px;
    font-size: 22px;
    line-height: 0.7;
    letter-spacing: 0.6px;
    font-family: "Uniqlo Pro";
    font-weight: bold;
    text-transform: uppercase; }

.pdpStage {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center; }
  @media screen and (min-width: 1024px) {
    .pdpStage {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      -ms-flex-pack: justify;
          justify-content: space-between; } }
  .pdpStage__row {
    margin: 20px 20px 40px 20px; }
    .pdpStage__row--headline {
      font-size: 22px;
      font-family: "Uniqlo Pro";
      font-weight: 600;
      line-height: 20px;
      letter-spacing: 0.3px;
      text-transform: uppercase; }
    @media screen and (max-width: 1024px) {
      .pdpStage__row {
        margin: 20px 20px 40px 40px; } }
  .pdpStage__column--mainImage {
    display: inherit;
    width: 100%;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    -ms-flex-pack: inherit;
        justify-content: inherit;
    margin-bottom: 40px;
    position: relative; }
    @media screen and (min-width: 1024px) {
      .pdpStage__column--mainImage {
        width: 677px;
        margin-right: 40px;
        margin-bottom: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
        -ms-flex-pack: start;
            justify-content: flex-start; } }
  .pdpStage__column--bonusproductImage {
    width: 275px; }
    @media screen and (max-width: 768px) {
      .pdpStage__column--bonusproductImage {
        width: 400px;
        padding-bottom: 30px; } }

.pdp__verticalSlider {
  width: 65px;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  transform: translate(-20px); }
  @media screen and (min-width: 1024px) {
    .pdp__verticalSlider {
      margin-right: 20px;
      transform: none; } }
  .pdp__verticalSliderList {
    max-height: 260px;
    overflow: hidden; }
    .pdp__verticalSliderList.slick-initialized {
      max-height: none; }
    .pdp__verticalSliderListItem[class] {
      width: 65px;
      height: 65px;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center;
      position: relative; }
      .pdp__verticalSliderListItem[class]:focus {
        outline: 0; }
  .pdp__verticalSliderImg {
    width: 59px;
    border: 2px solid transparent; }
    .pdp__verticalSliderImg--selected {
      outline: 2px solid #000;
      border-color: #fff; }
  .pdp__verticalSlider .slick-arrow {
    /* overwrite styles from Slick */
    transform: none;
    position: static;
    height: auto;
    line-height: 16px;
    font-size: 100%;
    /* get rid of text */
    direction: rtl;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    padding: 0;
    background: transparent url(../images/icon-sprite.svg#icon_arrow_down) center no-repeat;
    background-size: contain;
    opacity: 0.6; }
    .pdp__verticalSlider .slick-arrow::before {
      content: none; }
    .pdp__verticalSlider .slick-arrow.slick-prev {
      transform: rotate(0.5turn) translate(-1px, 5px);
      margin-top: 10px; }
    .pdp__verticalSlider .slick-arrow.slick-next {
      margin-top: 5px; }
    .pdp__verticalSlider .slick-arrow:hover {
      opacity: 1;
      filter: brightness(0); }

.pdp__mainImg {
  display: block;
  max-width: 100%;
  max-height: 100%;
  cursor: url("../images/zoom.svg"), auto; }
  .pdp__mainImgContainer {
    width: 100%;
    max-width: 456px;
    -ms-flex-item-align: start;
        align-self: flex-start;
    /* if you open many color swatches ... it gets to big => badges wrong position */
    position: relative; }
    @media screen and (min-width: 1024px) {
      .pdp__mainImgContainer {
        min-height: 350px;
        max-height: calc(100vh - 20px * 2);
        min-width: 350px;
        max-width: calc(100vh - 20px * 2); } }
  .pdp__mainImgInfo {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    width: 100%;
    margin-top: 5px; }
    .pdp__mainImgInfoText {
      color: #000; }
      .pdp__mainImgInfoText--label {
        color: #808080; }
    .pdp__mainImgInfoShopTheLook {
      display: none; }

.pdp__badges {
  position: absolute;
  bottom: 20px;
  left: 0px;
  margin-bottom: 20px; }

.pdp__wishlist {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  padding: 20px; }

.pdp__details {
  width: 400px;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto; }
  .pdp__detailsBox {
    margin-bottom: 15px;
    border-bottom: 1px solid #f3f3f3; }
    .pdp__detailsBox--spaceDown {
      padding-bottom: 15px; }
    .pdp__detailsBox--noBorder {
      border-bottom: 0;
      margin-bottom: 0; }
    .pdp__detailsBox--spread {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-align: center;
          align-items: center;
      min-height: 42px; }

.pdp__title {
  font-size: 18px;
  font-family: "Uniqlo Pro";
  margin-bottom: 0.6em;
  line-height: 20px;
  letter-spacing: .25px; }

.pdp_quickview_dialog {
  padding-bottom: 20px; }
  .pdp_quickview_dialog--bonusViewGridWidth {
    max-width: 800px; }
  .pdp_quickview_dialog--quickViewGridWidth {
    max-width: 1156px; }
  .pdp_quickview_dialog h1 {
    font-size: 18px;
    margin: 0 0 0.6em 0;
    font-style: normal;
    font-weight: unset; }
  .pdp_quickview_dialog .slick-arrow:hover {
    color: black;
    background: transparent url(../images/icon-sprite.svg#icon_arrow_down) center no-repeat; }

.pdp__ratingpricing {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-height: 35px;
  /* avoid jumping on page load */
  line-height: 1; }
  .pdp__ratingpricingBazaarvoice {
    display: inline-block;
    /* solve margin issue for bazaarvoice container. Not sure it is necessary */
    margin: -2px -15px 0 0; }

.pdp__price {
  display: inline-block;
  /* temp to get BazaarVoice next to it */
  /* reusing old markup so no BEM inside */ }
  .pdp__price .product-price {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
        align-items: flex-end;
    font-size: 18px;
    font-family: "Uniqlo Pro";
    color: #000; }
    .pdp__price .product-price.sale .pdp-price-original {
      font-size: 16px;
      color: #808080;
      text-decoration: line-through;
      margin-right: 0.3em; }
    .pdp__price .product-price.sale .pdp-price-current {
      -ms-flex-order: 1;
          order: 1;
      color: #FE0E0D; }
    .pdp__price .product-price .pdp-price-original,
    .pdp__price .product-price .hide-currentPrice {
      margin: 0;
      display: none; }
      .pdp__price .product-price .pdp-price-original.showOriginal,
      .pdp__price .product-price .hide-currentPrice.showOriginal {
        display: block; }

.pdp__swatch {
  display: inline-block;
  min-width: 30px;
  height: 30px;
  line-height: 30px;
  padding: 0;
  text-align: center;
  margin: 0 0 15px 15px;
  font-size: 14px;
  font-family: "Uniqlo Pro";
  letter-spacing: 0; }
  .pdp__swatch--size, .pdp__swatch--length {
    background: transparent;
    outline: 1px solid currentColor;
    padding: 0 4px; }
  .pdp__swatch--selected {
    outline: 2px solid #000;
    outline-offset: 1px; }
    .pdp__swatch--selected.pdp__swatch--quickshop {
      outline: 1px solid #000;
      outline-offset: 0; }
  .pdp__swatch--noStock {
    color: #bfbfbf;
    position: relative; }
    .pdp__swatch--noStock::after {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      /* svg as background to strech diagonally */
      background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 100 100'><path d='M-1.5,98.5l100-100l3,3l-100,100' fill='black' /></svg>");
      background-size: 100% 100%;
      opacity: 0.4; }
      _:-ms-fullscreen, :root .pdp__swatch--noStock::after {
        background: linear-gradient(to bottom right, transparent 49%, #000 0, #000 51%, transparent 0); }
    .pdp__swatch--noStock.pdp__swatch--color::after {
      opacity: 1; }
    .pdp__swatch--noStockLight::after {
      filter: invert(1); }
  .pdp__swatch--quickshop {
    min-width: 22px;
    height: 22px;
    line-height: 1.25em;
    padding: 2px;
    border: 1px solid #808080;
    margin: 0 10px 10px 0;
    background: #fff; }
    .pdp__swatch--quickshop:not(.pdp__swatch--noStock):hover {
      outline: 1px solid #000;
      border-color: #000; }
    .pdp__swatch--quickshop.pdp__swatch--onesize {
      padding: 2px 5px;
      text-transform: uppercase; }
  .pdp__swatchImg {
    display: block;
    width: 30px; }
  .pdp__swatchBox {
    margin-left: -10px;
    margin-right: -10px;
    transform: translateX(-3px);
    font-size: 0;
    position: relative; }
  .pdp__swatchHeadline {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1;
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
    color: #808080; }
    .pdp__swatchHeadline--select {
      color: #000;
      font-weight: normal; }

.pdp__button {
  max-width: none;
  min-height: 47px; }

.pdp__quantity {
  line-height: 1; }
  .pdp__quantitySelect {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: 0;
    border-radius: 0;
    cursor: pointer;
    width: 60px;
    border-bottom: 1px solid;
    margin-left: 5px;
    font-size: 14px;
    text-indent: 0.2em;
    color: #000;
    background: #fff no-repeat 90% 68% url(../images/icon-sprite.svg#icon_arrow_down);
    background-size: 12px 12px;
    outline: 0; }
    .pdp__quantitySelect[disabled] {
      cursor: default; }
      .pdp__quantitySelect[disabled]:hover {
        color: #808080; }
  .pdp__quantity--infoavailability {
    padding-left: 10px;
    font-weight: 500;
    color: #000; }
  .pdp__quantity--infoavailablequantity {
    color: #FE0E0D; }
  .pdp__quantity--infoavailableoos::before {
    content: '';
    display: inline-block;
    background-image: url(../images/icon-sprite.svg#icon_cross);
    width: 9px;
    height: 9px;
    margin-right: 5px; }
    _:-ms-fullscreen, :root .pdp__quantity--infoavailableoos::before {
      content: url(../images/icon-sprite.svg#icon_cross);
      background-image: none; }
  .pdp__quantity--noStock {
    display: none; }

.pdp__text {
  color: #808080;
  font-size: 14px;
  line-height: 1;
  background: transparent;
  margin: 0 0 10px 0;
  padding: 0; }
  .pdp__text--strong, .pdp__text--bold {
    font-weight: bold; }
  .pdp__text--black {
    color: #000; }
  .pdp__text--highlight {
    color: #000; }
    @media screen and (min-width: 768px) {
      .pdp__text--highlight {
        display: inherit; } }
  .pdp__text--clickable {
    cursor: pointer;
    margin-bottom: 0; }
    .pdp__text--clickable .pdp__textContent {
      text-decoration: underline; }
    .pdp__text--clickable:hover {
      color: #000;
      filter: brightness(0); }
    .pdp__text--clickable:active, .pdp__text--clickable:focus {
      color: #808080; }
    .pdp__text--clickable.pdp__text--highlight:hover {
      color: #404040; }
      .pdp__text--clickable.pdp__text--highlight:hover .pdp__icon--fitanalytics {
        fill: #404040; }
    .pdp__text--clickable.pdp__text--highlight:active {
      color: #000; }
  .pdp__text--inline, .pdp__text--inline .content-asset {
    display: inline; }
  .pdp__text--uppercase {
    text-transform: uppercase; }
  .pdp__text--promotiondetail a {
    color: #000; }
  .pdp__text--withIcon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    line-height: 16px; }
    .pdp__text--withIcon .pdp__icon {
      min-width: 19px;
      margin-right: 0.45em; }
  .pdp__textContent {
    display: inline-block; }

.pdp__icon {
  color: inherit;
  vertical-align: middle;
  max-width: 100%; }
  .pdp__icon--cart {
    width: 12px;
    height: 14px;
    margin-right: 3px; }
    .pdp__icon--cart.hideicon {
      display: none; }
  .pdp__icon--checkmark {
    width: 19px;
    height: 11px; }
  .pdp__icon--reload {
    width: 19px;
    height: 17px; }
  .pdp__icon--fitanalytics {
    width: 27px;
    height: 22px; }
  .pdp__icon--inStore {
    width: 11px;
    height: 17px;
    fill: currentColor; }
  .pdp__icon--arrow {
    width: 15px;
    height: 7px; }

.pdp__slider {
  width: 100%;
  min-width: 600px; }
  .pdp__sliderButton {
    padding: 0; }
  .pdp__slider.owl-carousel {
    overflow: visible; }
    .pdp__slider.owl-carousel .owl-item .pdp__shopTheLookItem,
    .pdp__slider.owl-carousel .owl-item .item,
    .pdp__slider.owl-carousel .owl-item .lookbook-img {
      width: 100%; }
    .pdp__slider.owl-carousel .owl-item .productTile {
      width: 100%;
      margin-right: 0; }
    .pdp__slider.owl-carousel .owl-stage-outer {
      overflow: hidden; }
    .pdp__slider.owl-carousel .owl-nav .owl-prev,
    .pdp__slider.owl-carousel .owl-nav .owl-next {
      background-image: url("../images/icon-sprite.svg#icon_arrow_down");
      background-position: 0 0;
      width: 26px;
      height: auto;
      transform: rotate(90deg) translate(-50%, 40px);
      overflow: hidden;
      opacity: 0.6; }
      .pdp__slider.owl-carousel .owl-nav .owl-prev:hover,
      .pdp__slider.owl-carousel .owl-nav .owl-next:hover {
        filter: brightness(0);
        opacity: 1; }
    .pdp__slider.owl-carousel .owl-nav .owl-next {
      transform: rotate(-90deg) translate(50%, 40px); }

.pdp-loading {
  /* spinner for cta */
  position: relative; }
  .pdp-loading::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #fff url("../images/cart/icon_loading.svg") no-repeat right center;
    background-position: center;
    background-size: auto 25px;
    filter: invert(1); }

.bra-item {
  display: none; }

/* reusing old markup, no BEM inside */
.stylebook-section {
  padding-right: 22px; }

.stylebook-product-set-main {
  width: 100%;
  height: 530px; }
  .stylebook-product-set-main .stylebook-main-image {
    float: left;
    width: 396px;
    height: 530px;
    position: relative; }
    .stylebook-product-set-main .stylebook-main-image img {
      max-width: 100%;
      max-height: 100%;
      height: 530px; }
    .stylebook-product-set-main .stylebook-main-image .lookbook-slider-left-arrow,
    .stylebook-product-set-main .stylebook-main-image .lookbook-slider-right-arrow {
      position: absolute;
      top: 50%;
      height: 42px;
      width: 42px;
      opacity: 0.7;
      background-color: #000;
      cursor: pointer;
      transform: translateY(-50%);
      padding-top: 13px;
      color: #fff;
      padding-left: 7px;
      font-weight: 500;
      text-indent: -1000px;
      background-position: center;
      background-repeat: no-repeat;
      background-image: url(../images/stylebook/lookbook_icon_image-slider-arrow-left.svg); }
    .stylebook-product-set-main .stylebook-main-image .lookbook-slider-right-arrow {
      right: 0;
      left: auto;
      background-image: url(../images/stylebook/lookbook-icon-image-slider-arrow-right.svg); }
  .stylebook-product-set-main .stylebook-product-set-col2 {
    float: left;
    height: 530px;
    width: 563px; }
    .stylebook-product-set-main .stylebook-product-set-col2 .stylebook-products {
      text-align: center; }
    .stylebook-product-set-main .stylebook-product-set-col2 .stylebook-title {
      clear: both;
      text-align: center;
      font-size: 24px;
      padding-top: 18px;
      padding-bottom: 13px;
      height: 65px;
      text-transform: uppercase;
      font-family: "UniqloBoldRegular", helvetica, arial; }
    .stylebook-product-set-main .stylebook-product-set-col2 .stylebook-product-set-list.lookbook-carousel-container {
      width: 522px;
      min-width: 522px;
      margin: 0 auto;
      overflow: hidden;
      position: relative;
      text-align: center; }
    .stylebook-product-set-main .stylebook-product-set-col2 .stylebook-product-set-list .owl-controls {
      width: auto;
      display: inline-block;
      padding-left: 30px;
      padding-right: 30px;
      position: relative; }
      .stylebook-product-set-main .stylebook-product-set-col2 .stylebook-product-set-list .owl-controls .owl-dots {
        margin-top: 17px; }
        .stylebook-product-set-main .stylebook-product-set-col2 .stylebook-product-set-list .owl-controls .owl-dots .active span {
          background: url("../images/stylebook/lookbook-icon_pagination_active.svg") no-repeat; }
        .stylebook-product-set-main .stylebook-product-set-col2 .stylebook-product-set-list .owl-controls .owl-dots span {
          background: url("../images/stylebook/lookbook-icon_pagination_inactive.svg") no-repeat;
          height: 16px;
          width: 16px; }
    .stylebook-product-set-main .stylebook-product-set-col2 .stylebook-product-set-list .owl-nav .owl-prev,
    .stylebook-product-set-main .stylebook-product-set-col2 .stylebook-product-set-list .owl-nav .owl-next {
      background-position: 0 0;
      top: 40px; }
      .stylebook-product-set-main .stylebook-product-set-col2 .stylebook-product-set-list .owl-nav .owl-prev.disabled,
      .stylebook-product-set-main .stylebook-product-set-col2 .stylebook-product-set-list .owl-nav .owl-next.disabled {
        display: none !important; }
    .stylebook-product-set-main .stylebook-product-set-col2 .stylebook-product-set-list .owl-nav .owl-prev {
      background-image: url("../images/stylebook/lookbook-icon_arrow-left.svg");
      left: 0; }
    .stylebook-product-set-main .stylebook-product-set-col2 .stylebook-product-set-list .owl-nav .owl-next {
      background-image: url("../images/stylebook/lookbook-icon_arrow-right.svg");
      right: 0; }
    .stylebook-product-set-main .stylebook-product-set-col2 .stylebook-product-set-item {
      width: 215px;
      display: inline-block;
      background-color: #fff;
      padding: 10px;
      vertical-align: top;
      text-align: left; }
      .stylebook-product-set-main .stylebook-product-set-col2 .stylebook-product-set-item .stylebook-product-set-image img {
        max-height: 100%;
        max-width: 100%; }
      .stylebook-product-set-main .stylebook-product-set-col2 .stylebook-product-set-item .stylebook-product-set-availability {
        text-align: right;
        padding-top: 10px; }
      .stylebook-product-set-main .stylebook-product-set-col2 .stylebook-product-set-item.oneitem {
        display: block;
        margin: 0 auto; }
      .stylebook-product-set-main .stylebook-product-set-col2 .stylebook-product-set-item.twoitem {
        margin-right: 14px; }
        .stylebook-product-set-main .stylebook-product-set-col2 .stylebook-product-set-item.twoitem:last-child {
          margin-right: 0px; }
      .stylebook-product-set-main .stylebook-product-set-col2 .stylebook-product-set-item .stylebook-product-set-details {
        padding-top: 5px;
        height: 40px;
        margin-bottom: 5px; }
        .stylebook-product-set-main .stylebook-product-set-col2 .stylebook-product-set-item .stylebook-product-set-details .product-name {
          float: left;
          width: 65%;
          margin-right: 10px;
          font-size: 14px;
          font-family: "UniqloRegularRegular";
          font-weight: 400;
          font-style: normal;
          text-transform: uppercase;
          height: 100%;
          display: table; }
          .stylebook-product-set-main .stylebook-product-set-col2 .stylebook-product-set-item .stylebook-product-set-details .product-name a {
            color: #000;
            vertical-align: bottom;
            display: table-cell; }
          .stylebook-product-set-main .stylebook-product-set-col2 .stylebook-product-set-item .stylebook-product-set-details .product-name a:hover {
            color: #000;
            vertical-align: bottom;
            display: table-cell; }
        .stylebook-product-set-main .stylebook-product-set-col2 .stylebook-product-set-item .stylebook-product-set-details .product-price {
          float: right;
          height: 100%; }
          .stylebook-product-set-main .stylebook-product-set-col2 .stylebook-product-set-item .stylebook-product-set-details .product-price .price-standard {
            color: #000;
            text-decoration: line-through; }
          .stylebook-product-set-main .stylebook-product-set-col2 .stylebook-product-set-item .stylebook-product-set-details .product-price .pdp-price-original .price-standard {
            color: #666; }
          .stylebook-product-set-main .stylebook-product-set-col2 .stylebook-product-set-item .stylebook-product-set-details .product-price.pdp-price {
            float: right;
            text-align: right;
            position: relative;
            height: 100%;
            top: 2px; }
            .stylebook-product-set-main .stylebook-product-set-col2 .stylebook-product-set-item .stylebook-product-set-details .product-price.pdp-price .price-set {
              height: 100%;
              display: table; }
              .stylebook-product-set-main .stylebook-product-set-col2 .stylebook-product-set-item .stylebook-product-set-details .product-price.pdp-price .price-set .price-sales {
                display: table-cell;
                vertical-align: bottom; }
            .stylebook-product-set-main .stylebook-product-set-col2 .stylebook-product-set-item .stylebook-product-set-details .product-price.pdp-price.sale .pdp-price-current {
              letter-spacing: -.02em;
              margin: 0; }
              .stylebook-product-set-main .stylebook-product-set-col2 .stylebook-product-set-item .stylebook-product-set-details .product-price.pdp-price.sale .pdp-price-current span {
                color: red;
                position: relative; }
            .stylebook-product-set-main .stylebook-product-set-col2 .stylebook-product-set-item .stylebook-product-set-details .product-price.pdp-price.sale .pdp-price-original {
              display: block;
              height: 15px;
              font-size: 14px;
              line-height: 15px;
              text-decoration: line-through;
              position: absolute;
              right: 0;
              margin: 0;
              color: #666;
              top: 1px; }
              .stylebook-product-set-main .stylebook-product-set-col2 .stylebook-product-set-item .stylebook-product-set-details .product-price.pdp-price.sale .pdp-price-original .price-standard {
                font-size: 12px;
                font-weight: 700;
                white-space: nowrap; }
            .stylebook-product-set-main .stylebook-product-set-col2 .stylebook-product-set-item .stylebook-product-set-details .product-price.pdp-price .pdp-price-current {
              font-size: 14px;
              font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
              font-weight: 500;
              float: left;
              color: #000;
              letter-spacing: -.02em;
              height: 100%;
              display: table; }
              .stylebook-product-set-main .stylebook-product-set-col2 .stylebook-product-set-item .stylebook-product-set-details .product-price.pdp-price .pdp-price-current span {
                font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
                display: table-cell;
                vertical-align: bottom; }
      .stylebook-product-set-main .stylebook-product-set-col2 .stylebook-product-set-item .stylebook-block-add-to-cart fieldset {
        width: 100%; }
      .stylebook-product-set-main .stylebook-product-set-col2 .stylebook-product-set-item .stylebook-block-add-to-cart .cart-button-message:before {
        content: ' ';
        background-image: url(../images/stylebook/stylebook-cart-icon.png);
        background-repeat: repeat-x;
        background-size: 100%;
        width: 11px;
        height: 15px;
        display: inline-block;
        margin-right: 9px;
        position: relative;
        top: 1px; }
      .stylebook-product-set-main .stylebook-product-set-col2 .stylebook-product-set-item .stylebook-block-add-to-cart .cart-button-message-added:before {
        content: ' ';
        background-image: url(../images/stylebook/stylebook-tick-icon.png);
        background-repeat: repeat-x;
        background-size: 100%;
        width: 16px;
        height: 11px;
        display: inline-block;
        margin-right: 9px;
        position: relative; }
      .stylebook-product-set-main .stylebook-product-set-col2 .stylebook-product-set-item .stylebook-block-more-info {
        padding-top: 10px;
        width: 100%;
        display: block; }
        .stylebook-product-set-main .stylebook-product-set-col2 .stylebook-product-set-item .stylebook-block-more-info a {
          background-color: #fff;
          width: 100%;
          color: #000;
          border: 1px solid #A9A9A9;
          text-align: center;
          display: block;
          padding-top: 7px;
          padding-bottom: 7px;
          font-size: 14px;
          font-family: "UniqloRegularRegular";
          font-weight: 400;
          font-style: normal;
          text-transform: uppercase; }
      .stylebook-product-set-main .stylebook-product-set-col2 .stylebook-product-set-item .stylebook-productset-add-to-cart,
      .stylebook-product-set-main .stylebook-product-set-col2 .stylebook-product-set-item .stylebook-productset-add-to-cart2 {
        width: 100%;
        margin: 0 auto;
        font-size: 14px;
        padding: 14px 0 10px;
        float: left;
        background-color: #FE0E0D;
        font-weight: 600;
        display: block;
        color: #fff;
        font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
        line-height: 17px;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: .04em;
        cursor: pointer;
        margin-top: 4px; }
        .stylebook-product-set-main .stylebook-product-set-col2 .stylebook-product-set-item .stylebook-productset-add-to-cart.out-of-stock,
        .stylebook-product-set-main .stylebook-product-set-col2 .stylebook-product-set-item .stylebook-productset-add-to-cart2.out-of-stock {
          background-color: #d9d9d9;
          color: #000;
          padding: 17px 0 10px; }
      .stylebook-product-set-main .stylebook-product-set-col2 .stylebook-product-set-item .stylebook-productset-add-to-cart2.availableproduct:before {
        content: ' ';
        background-image: url(../images/stylebook/stylebook-cart-icon.png);
        background-repeat: repeat-x;
        background-size: 100%;
        width: 11px;
        height: 15px;
        display: inline-block;
        margin-right: 9px;
        position: relative;
        top: 1px; }
      .stylebook-product-set-main .stylebook-product-set-col2 .stylebook-product-set-item .stylebook-productset-view-cart {
        width: 100%;
        margin: 0 auto;
        font-size: 14px;
        padding: 14px 0 10px;
        float: left;
        background-color: #FE0E0D;
        display: none;
        color: #fff;
        font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
        font-weight: 600;
        line-height: 17px;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: .04em;
        cursor: pointer;
        margin-top: 4px; }
        .stylebook-product-set-main .stylebook-product-set-col2 .stylebook-product-set-item .stylebook-productset-view-cart.availableproductadded:before {
          content: ' ';
          background-image: url(../images/stylebook/stylebook-tick-icon.png);
          background-repeat: repeat-x;
          background-size: 100%;
          width: 16px;
          height: 11px;
          display: inline-block;
          margin-right: 9px;
          position: relative; }
      .stylebook-product-set-main .stylebook-product-set-col2 .stylebook-product-set-item .pdp-info.stylebookset {
        width: 100%; }

.stylebook-product-set-variations .pdp-color-chips {
  height: 38px;
  cursor: pointer;
  margin-top: 2px;
  font-size: 14px; }
  .stylebook-product-set-variations .pdp-color-chips.pdp-color-chips-small.group {
    float: left;
    color: #000;
    font-weight: 700;
    text-transform: none;
    position: relative;
    border-bottom: 2px solid #000;
    width: 33%; }
    .stylebook-product-set-variations .pdp-color-chips.pdp-color-chips-small.group.pdpAttrNumb02.stylebookvariant {
      width: 99%; }
    .stylebook-product-set-variations .pdp-color-chips.pdp-color-chips-small.group.pdpAttrNumb03.stylebookvariant {
      width: 49%; }
    .stylebook-product-set-variations .pdp-color-chips.pdp-color-chips-small.group.pdpAttrNumb04.stylebookvariant {
      width: 35%; }
    .stylebook-product-set-variations .pdp-color-chips.pdp-color-chips-small.group:after {
      background-image: url(../images/global/sprites-s58bc8abdec.png);
      background-repeat: no-repeat;
      content: '';
      display: block;
      position: absolute;
      right: 0;
      top: 26px;
      height: 6px;
      width: 9px;
      background-position: -3px -71px; }
  .stylebook-product-set-variations .pdp-color-chips .color-stylebook {
    color: #666;
    font-size: 12px;
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
    font-weight: 500; }
  .stylebook-product-set-variations .pdp-color-chips .pdp-color-name {
    padding-top: 2px;
    font-size: 12px;
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
    font-weight: 700;
    cursor: pointer;
    overflow: hidden;
    max-width: 98%;
    display: block; }
    .stylebook-product-set-variations .pdp-color-chips .pdp-color-name img {
      width: 12px;
      margin-right: 0px;
      top: -1px;
      position: relative; }
  .stylebook-product-set-variations .pdp-color-chips .value {
    z-index: 34;
    overflow: hidden;
    position: absolute;
    background: #fff;
    border: 2px solid #000;
    top: 39px;
    display: none; }
    .stylebook-product-set-variations .pdp-color-chips .value ul {
      width: 197px;
      max-height: 120px;
      overflow-y: scroll;
      overflow-x: hidden;
      margin-top: 0;
      margin-right: 0; }
      .stylebook-product-set-variations .pdp-color-chips .value ul li {
        width: 100%; }
        .stylebook-product-set-variations .pdp-color-chips .value ul li a {
          float: left; }
        .stylebook-product-set-variations .pdp-color-chips .value ul li img {
          width: 40px;
          height: 40px; }
        .stylebook-product-set-variations .pdp-color-chips .value ul li p {
          font-size: 12px;
          font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
          font-weight: 500;
          position: absolute;
          top: 0;
          left: 52px;
          margin: 0;
          line-height: 40px;
          width: 100%;
          color: #000; }
        .stylebook-product-set-variations .pdp-color-chips .value ul li.nostock p {
          color: #b3b3b3; }
  .stylebook-product-set-variations .pdp-color-chips ul {
    margin: 7px -5px 0; }
  .stylebook-product-set-variations .pdp-color-chips .color-chip {
    cursor: pointer;
    display: block;
    float: left;
    position: relative;
    height: 51px;
    width: 50px;
    overflow: hidden;
    border: none;
    border-radius: 0;
    padding: 0 5px 10px; }
    .stylebook-product-set-variations .pdp-color-chips .color-chip.nostock:after,
    .stylebook-product-set-variations .pdp-color-chips .color-chip.nostock .out-of-stock-strike {
      left: -4px;
      top: 18px;
      right: 0;
      background-color: #fff;
      display: block;
      height: 2px;
      position: absolute;
      right: -7px;
      top: 18px;
      width: 61px;
      transform: rotate(-45deg);
      z-index: 20; }
    .stylebook-product-set-variations .pdp-color-chips .color-chip.nostock:after {
      content: ''; }
    .stylebook-product-set-variations .pdp-color-chips .color-chip a {
      height: 40px;
      width: 100%;
      padding: 0 0 10px 0;
      border: none;
      border-radius: 0; }
    .stylebook-product-set-variations .pdp-color-chips .color-chip img {
      position: relative;
      display: block; }

.stylebook-product-set-variations .pdp-sizing-quantity {
  float: right;
  position: relative; }
  .stylebook-product-set-variations .pdp-sizing-quantity.pdpAttrNumb02.stylebookvariant {
    width: 1%; }
  .stylebook-product-set-variations .pdp-sizing-quantity.pdpAttrNumb03.stylebookvariant {
    width: 49%; }
  .stylebook-product-set-variations .pdp-sizing-quantity.pdpAttrNumb04.stylebookvariant {
    width: 62%; }
  .stylebook-product-set-variations .pdp-sizing-quantity .pdp-size li,
  .stylebook-product-set-variations .pdp-sizing-quantity .pdp-qty li,
  .stylebook-product-set-variations .pdp-sizing-quantity .pdp-length li {
    cursor: pointer;
    display: block;
    float: left;
    position: relative; }
    .stylebook-product-set-variations .pdp-sizing-quantity .pdp-size li a,
    .stylebook-product-set-variations .pdp-sizing-quantity .pdp-qty li a,
    .stylebook-product-set-variations .pdp-sizing-quantity .pdp-length li a {
      display: block;
      width: 100%;
      height: 100%; }
      .stylebook-product-set-variations .pdp-sizing-quantity .pdp-size li a span,
      .stylebook-product-set-variations .pdp-sizing-quantity .pdp-qty li a span,
      .stylebook-product-set-variations .pdp-sizing-quantity .pdp-length li a span {
        width: auto;
        position: relative;
        top: 0;
        padding: 0;
        display: block;
        left: 0;
        z-index: 26;
        letter-spacing: .05em; }
    .stylebook-product-set-variations .pdp-sizing-quantity .pdp-size li span,
    .stylebook-product-set-variations .pdp-sizing-quantity .pdp-qty li span,
    .stylebook-product-set-variations .pdp-sizing-quantity .pdp-length li span {
      color: #000;
      background-color: #fff;
      float: left; }
  .stylebook-product-set-variations .pdp-sizing-quantity ul.pdp-sizing-quantity-tabs {
    height: 30px;
    clear: both;
    margin-bottom: 20px; }
    .stylebook-product-set-variations .pdp-sizing-quantity ul.pdp-sizing-quantity-tabs .pdp-sizing-quantity-tab {
      display: inline-block;
      margin-bottom: 10px;
      text-transform: uppercase;
      cursor: pointer;
      position: relative;
      padding-left: 4px;
      border-left: 0;
      margin-left: 5px;
      padding-top: 2px; }
      .stylebook-product-set-variations .pdp-sizing-quantity ul.pdp-sizing-quantity-tabs .pdp-sizing-quantity-tab.pdp-sizing-quantity-tab-active {
        letter-spacing: 0;
        padding-top: 2px;
        color: #000; }
        .stylebook-product-set-variations .pdp-sizing-quantity ul.pdp-sizing-quantity-tabs .pdp-sizing-quantity-tab.pdp-sizing-quantity-tab-active:after {
          background-image: url(../images/global/sprites-s58bc8abdec.png);
          background-repeat: no-repeat;
          content: '';
          display: block;
          position: absolute;
          right: 0;
          top: 3px;
          height: 6px;
          width: 9px;
          top: 28px;
          background-position: -3px -71px; }
      .stylebook-product-set-variations .pdp-sizing-quantity ul.pdp-sizing-quantity-tabs .pdp-sizing-quantity-tab.pdp-sizing-quantity-tab-2 {
        width: 100%; }
      .stylebook-product-set-variations .pdp-sizing-quantity ul.pdp-sizing-quantity-tabs .pdp-sizing-quantity-tab.pdp-sizing-quantity-tab-3 {
        width: 47%; }
      .stylebook-product-set-variations .pdp-sizing-quantity ul.pdp-sizing-quantity-tabs .pdp-sizing-quantity-tab:first-child {
        margin-left: 0; }
      .stylebook-product-set-variations .pdp-sizing-quantity ul.pdp-sizing-quantity-tabs .pdp-sizing-quantity-tab:after {
        background-image: url(../images/global/sprites-s58bc8abdec.png);
        background-repeat: no-repeat;
        content: '';
        display: block;
        position: absolute;
        background-position: -3px -71px;
        top: 28px; }
      .stylebook-product-set-variations .pdp-sizing-quantity ul.pdp-sizing-quantity-tabs .pdp-sizing-quantity-tab label {
        font-weight: 500;
        color: #666;
        font-size: 12px;
        font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
        margin-top: 1px;
        float: left;
        display: block;
        text-transform: none; }
      .stylebook-product-set-variations .pdp-sizing-quantity ul.pdp-sizing-quantity-tabs .pdp-sizing-quantity-tab:hover:after {
        background-image: url(../images/global/sprites-s58bc8abdec.png);
        background-repeat: no-repeat;
        content: '';
        display: block;
        position: absolute; }
      .stylebook-product-set-variations .pdp-sizing-quantity ul.pdp-sizing-quantity-tabs .pdp-sizing-quantity-tab span {
        padding-top: 2px;
        font-size: 12px;
        font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
        font-weight: 700;
        display: block;
        color: #000;
        text-transform: none;
        min-height: 17px;
        line-height: 13px; }
    .stylebook-product-set-variations .pdp-sizing-quantity ul.pdp-sizing-quantity-tabs > li {
      float: left;
      overflow: hidden;
      border-bottom: 2px solid #000;
      height: 40px; }
  .stylebook-product-set-variations .pdp-sizing-quantity .pdp-sizing-quantity-text {
    z-index: 34;
    overflow: hidden;
    position: absolute;
    background: #fff;
    border: 2px solid #000;
    top: 41px;
    display: none; }
    .stylebook-product-set-variations .pdp-sizing-quantity .pdp-sizing-quantity-text.active {
      display: none; }
    .stylebook-product-set-variations .pdp-sizing-quantity .pdp-sizing-quantity-text.lastitem {
      right: 0; }
    .stylebook-product-set-variations .pdp-sizing-quantity .pdp-sizing-quantity-text ul.swatches.group {
      min-width: 197px;
      max-height: 120px;
      overflow-y: scroll;
      padding: 7px;
      overflow: hidden; }
    .stylebook-product-set-variations .pdp-sizing-quantity .pdp-sizing-quantity-text li {
      background-color: #fff;
      width: 100%;
      text-align: left;
      margin: 0;
      height: 20px;
      line-height: 22px;
      color: #000;
      clear: both;
      cursor: pointer;
      display: block;
      float: left;
      position: relative; }
      .stylebook-product-set-variations .pdp-sizing-quantity .pdp-sizing-quantity-text li.nostock a, .stylebook-product-set-variations .pdp-sizing-quantity .pdp-sizing-quantity-text li.nostock span {
        color: #b3b3b3; }
      .stylebook-product-set-variations .pdp-sizing-quantity .pdp-sizing-quantity-text li a {
        font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
        font-weight: 700;
        font-size: 12px;
        background-color: #fff; }
      .stylebook-product-set-variations .pdp-sizing-quantity .pdp-sizing-quantity-text li:not(#q-notavailable) a:hover, .stylebook-product-set-variations .pdp-sizing-quantity .pdp-sizing-quantity-text li:not(#q-notavailable):hover, .stylebook-product-set-variations .pdp-sizing-quantity .pdp-sizing-quantity-text li:not(#q-notavailable):hover span {
        color: #f00; }

.stylebook-product-set-variations .product-variations ul.swatches.group {
  min-width: 197px;
  padding: 7px; }

.stylebook-product-set-variations .product-variations .color li a {
  margin: 0; }

.stylebook-product-set-variations .variation-total-attribute3 .pdp-length {
  left: 0; }

.stylebook-product-set-variations .variation-total-attribute4 .pdp-color-chips-small.group {
  width: 24%; }

.stylebook-product-set-variations .variation-total-attribute4 .pdp-sizing-quantity {
  width: 75%; }

.stylebook-product-set-variations .variation-total-attribute4 .pdp-length {
  right: 0; }

.stylebook-product-set-variations .variation-total-attribute2 .pdp-color-chips-small.group {
  width: 49%; }

.stylebook-product-set-variations .variation-total-attribute2 .pdp-sizing-quantity {
  width: 49%; }

.stylebook-product-set-item.product-set-variation-visible-sizechip .pdp-sizing-quantity .pdp-sizing-quantity-text.active {
  display: block; }

.stylebook-product-set-item.product-set-variation-visible-colorchip .pdp-color-chips .value {
  display: block; }

.stylebook-product-set-item .variation-visible-colorchip .pdp-color-chips .value {
  display: block; }

.stylebook-product-set-item .variation-visible-sizechip .pdp-sizing-quantity .pdp-sizing-quantity-text.active {
  display: block; }

.pdpSummaryBar {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  transform: translateY(-100%);
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.15);
  transition: transform 0.1s;
  z-index: 28; }
  .pdpSummaryBar--open {
    transform: none; }
  .pdpSummaryBar__box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-align: stretch;
        align-items: stretch;
    padding-top: 10px;
    padding-bottom: 10px; }
  .pdpSummaryBar__section {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto; }
    .pdpSummaryBar__section--cart {
      width: 400px;
      -ms-flex-positive: 0;
          flex-grow: 0;
      -ms-flex-negative: 10;
          flex-shrink: 10;
      /* shrink faster to have more space in info section of bar */
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: stretch;
          align-items: stretch;
      margin-left: 10px;
      text-align: center; }
    .pdpSummaryBar__section--column {
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-pack: justify;
          justify-content: space-between; }
    .pdpSummaryBar__section--variations {
      -ms-flex-positive: 0;
          flex-grow: 0;
      line-height: 1; }
  .pdpSummaryBar__image {
    height: 67px;
    margin-right: 10px; }
  .pdpSummaryBar__variation {
    margin-left: 5px;
    color: #808080;
    white-space: nowrap; }
    .pdpSummaryBar__variation:first-child {
      margin-left: 0; }
    @media screen and (min-width: 1024px) {
      .pdpSummaryBar__variation {
        margin-left: 15px;
        white-space: normal; } }
  .pdpSummaryBar__name {
    font-size: 18px;
    line-height: 1;
    font-family: "Uniqlo Pro";
    text-transform: uppercase;
    letter-spacing: .25px; }
  .pdpSummaryBar__promotionText {
    line-height: 1; }

.deliverySection {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 40px 0;
  background-color: #f7f7f7;
  -ms-flex-align: stretch;
      align-items: stretch; }
  .deliverySection .hideOnPDP {
    display: none; }
  .deliverySection__column {
    color: #000;
    width: 33.33%;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    padding: 0 20px;
    position: relative; }
    .deliverySection__column:first-child {
      padding-left: 0; }
    .deliverySection__column:last-child {
      padding-right: 0; }
  .deliverySection__title {
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 1;
    color: #808080;
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
    font-weight: normal;
    text-transform: none;
    /* overwrite existing base style for headlines */ }
    .deliverySection__title--primary {
      margin-bottom: 20px;
      font-size: 18px;
      color: #000;
      font-family: "Uniqlo Pro";
      text-transform: uppercase; }
  .deliverySection__id {
    display: inline-block;
    font-size: .8125rem;
    margin-left: 5px;
    color: #a6a6a6;
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif; }
  .deliverySection__text {
    margin: 0 0 20px 0;
    font-size: 14px;
    line-height: 1.4em;
    overflow: hidden;
    position: relative; }
    .deliverySection__text--divider {
      border-bottom: 1px solid #d9d9d9;
      margin-bottom: 20px;
      padding-bottom: 5px; }
    .deliverySection__text--noMargin {
      margin-bottom: 0; }
    .deliverySection__text--share {
      color: #808080;
      margin-bottom: 10px; }
  .deliverySection__list {
    padding-left: 1.15em; }
    .deliverySection__list li {
      list-style-type: disc; }
    .deliverySection__list--square li {
      list-style-type: square; }
    .deliverySection__list--circle li {
      list-style-type: circle; }
  .deliverySection .shippingMethodsList__row {
    position: relative;
    margin-bottom: 20px; }
  .deliverySection .shippingMethodsList__promo {
    -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    font-weight: 600;
    margin-bottom: 8px;
    line-height: 1.2em; }
  .deliverySection .shippingMethodsList__details {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .deliverySection .shippingMethodsList__description {
    display: block;
    font-size: 12px;
    color: #808080;
    padding-right: 10px;
    -ms-flex: 1;
        flex: 1; }
  .deliverySection .shippingMethodsList__text--divider {
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 20px;
    padding-bottom: 5px; }
  .deliverySection .shippingMethodsList__name {
    font-size: 14px;
    color: #000; }
  .deliverySection .shippingMethodsList__price {
    -ms-flex-item-align: center;
        align-self: center;
    font-size: 14px;
    font-weight: bold;
    white-space: nowrap;
    text-transform: uppercase; }
  .deliverySection .shippingMethodsList__delivery {
    font-size: 12px; }
  .deliverySection .shippingMethodsList__deliveryDate {
    color: #000;
    font-weight: bold;
    white-space: nowrap; }
  .deliverySection .deliveryFaq__text {
    margin: 0 0 20px 0;
    font-size: 14px;
    line-height: 1.4em;
    overflow: hidden;
    position: relative; }
    .deliverySection .deliveryFaq__text--divider {
      border-bottom: 1px solid #d9d9d9;
      margin-bottom: 20px;
      padding-bottom: 5px; }
    .deliverySection .deliveryFaq__text--noMargin {
      margin-bottom: 0; }
    .deliverySection .deliveryFaq__text--share {
      color: #808080;
      margin-bottom: 10px; }
  .deliverySection .deliveryFaq__share {
    position: absolute;
    bottom: 0; }
  .deliverySection .deliveryFaq__link {
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-right: 10px;
    font-size: 20px;
    color: #fff;
    background: #808080;
    position: relative; }
    .deliverySection .deliveryFaq__link:hover {
      color: #fff;
      background: #333; }
    .deliverySection .deliveryFaq__linkIcon {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
    .deliverySection .deliveryFaq__link--facebook .deliverySection .deliveryFaq__linkIcon {
      top: auto;
      bottom: 0;
      transform: translate(-30%, 2px); }
  .deliverySection .deliveryFaq__icon--upSideDown {
    transform: rotate(0.5turn); }
  .deliverySection .deliveryFaq__chatbot {
    display: block;
    margin: 30px 0;
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
    font-weight: 500;
    line-height: 23px; }
    .deliverySection .deliveryFaq__chatbot:first-child {
      margin-top: 0; }
    .deliverySection .deliveryFaq__chatbotIcon {
      display: inline-block;
      width: 24px;
      height: 24px;
      margin-right: 5px;
      vertical-align: middle; }
  .deliverySection .deliveryFaq__faqlink {
    color: #000;
    font-size: 14px; }
    .deliverySection .deliveryFaq__faqlink:hover, .deliverySection .deliveryFaq__faqlink:focus {
      color: #000;
      text-decoration: underline; }
  .deliverySection .deliveryFaq__faqnumber {
    margin-top: 30px;
    line-height: 20px; }
  .deliverySection .deliveryFaq__helphours {
    color: #808080;
    font-size: 12px; }

/* reusing old markup, no BEM inside */
.backInStockHeader {
  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
  font-size: 0.9em;
  font-size: 2rem;
  line-height: 1em;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 20px; }
  .backInStockHeader.bisncartheader {
    margin-bottom: 10px; }

.bisnOverlayMainContainer .backInStockText {
  width: 54%;
  float: right;
  padding: 2em 3em 2em 1em; }
  .bisnOverlayMainContainer .backInStockText .variationPicker,
  .bisnOverlayMainContainer .backInStockText .customerData {
    border-top: 1px solid #e0e0e0;
    padding-top: 15px; }
    .bisnOverlayMainContainer .backInStockText .variationPicker .pdp__swatch:nth-of-type(9n + 1),
    .bisnOverlayMainContainer .backInStockText .customerData .pdp__swatch:nth-of-type(9n + 1) {
      margin-left: 15px; }
    .bisnOverlayMainContainer .backInStockText .variationPicker .bisn-title,
    .bisnOverlayMainContainer .backInStockText .customerData .bisn-title {
      margin-bottom: 10px;
      font-family: "Uniqlo Pro";
      font-size: 16px;
      clear: both;
      display: none; }
  .bisnOverlayMainContainer .backInStockText .content-asset {
    padding-bottom: 10px; }
  .bisnOverlayMainContainer .backInStockText .field {
    width: 45%; }
    .bisnOverlayMainContainer .backInStockText .field input {
      margin-left: 0px;
      outline: 0; }
    .bisnOverlayMainContainer .backInStockText .field .error {
      text-transform: inherit; }

.bisnOverlayMainContainer #bisnForm {
  clear: left; }

.bisnOverlayMainContainer .imageContainer {
  width: 40%;
  margin: 0 auto; }
  .bisnOverlayMainContainer .imageContainer img {
    width: 100%;
    height: 100%; }

.bisnOverlayMainContainer .bisnLeftColumn {
  float: left;
  clear: right;
  padding-top: 2em;
  padding-bottom: 2em;
  width: 40%; }

.bisnOverlayMainContainer.cartBisnOverlayMainContainer {
  height: 580px;
  padding: 15px; }
  .bisnOverlayMainContainer.cartBisnOverlayMainContainer .backInStockHeader {
    font-size: 1.5rem;
    margin-bottom: 10px; }
  .bisnOverlayMainContainer.cartBisnOverlayMainContainer .bisnLeftColumn {
    width: 45%;
    padding-top: 1.5em; }
  .bisnOverlayMainContainer.cartBisnOverlayMainContainer .imageContainer {
    width: 25%; }
  .bisnOverlayMainContainer.cartBisnOverlayMainContainer .backInStockText {
    padding-top: 1.2em;
    padding-right: 2%;
    width: 50%; }
    .bisnOverlayMainContainer.cartBisnOverlayMainContainer .backInStockText .field {
      width: 47%; }

#BISNThankYouOverlay,
.BISNThankYouOverlay {
  text-align: center; }
  #BISNThankYouOverlay .button-container,
  .BISNThankYouOverlay .button-container {
    margin: 20px 0px; }
    #BISNThankYouOverlay .button-container .btn_bisn_ty,
    .BISNThankYouOverlay .button-container .btn_bisn_ty {
      background-color: #000;
      font-size: 1.2rem;
      width: 156px;
      text-decoration: none;
      border: 0;
      color: #fff; }

.ui-dialog #storeInventoryDialogWrapper {
  padding: 0px 15px 15px 15px;
  max-height: 100%; }

.storeinventoryvisibilityMainContainer .storeinventoryvisibility_title {
  text-align: center;
  padding-bottom: 15px;
  font-size: 18px;
  font-weight: 600;
  font-style: normal;
  font-family: "Uniqlo Pro";
  margin: 2px 0 10px 0;
  text-transform: uppercase;
  letter-spacing: .02em;
  line-height: 1em; }

.storeinventoryvisibilityMainContainer .clear {
  clear: both; }

.storeinventoryvisibilityMainContainer .storeinventoryvisibilityProductContainer {
  padding-bottom: 20px; }
  .storeinventoryvisibilityMainContainer .storeinventoryvisibilityProductContainer .storeinventoryvisibilityProductImage {
    float: left;
    width: 40%; }
  .storeinventoryvisibilityMainContainer .storeinventoryvisibilityProductContainer .storeinventoryvisibilityProductSizecolor {
    float: right;
    width: 55%; }

.storeinventoryvisibilityMainContainer .storeinventoryvisibilitySearchResultContainer {
  border-top: 2px solid #e0e0e0;
  padding-top: 20px;
  margin-top: 30px; }
  .storeinventoryvisibilityMainContainer .storeinventoryvisibilitySearchResultContainer.scrollbar {
    height: 150px;
    overflow-y: scroll; }
  .storeinventoryvisibilityMainContainer .storeinventoryvisibilitySearchResultContainer .storeinventorylist_address {
    float: left;
    width: 70%;
    font-size: .9375rem;
    font-weight: 600;
    font-style: normal;
    margin: 2px 0 10px 0;
    letter-spacing: .02em;
    line-height: 1em; }
    .storeinventoryvisibilityMainContainer .storeinventoryvisibilitySearchResultContainer .storeinventorylist_address .store_name {
      text-transform: uppercase; }
  .storeinventoryvisibilityMainContainer .storeinventoryvisibilitySearchResultContainer .storeinventorylist-nostore {
    color: #f00;
    font-size: .9375rem;
    font-weight: 600;
    font-style: normal;
    background-color: #ffdddd;
    letter-spacing: .02em;
    line-height: 1em;
    padding: 10px;
    text-align: center; }
  .storeinventoryvisibilityMainContainer .storeinventoryvisibilitySearchResultContainer .storeinventorylist_stockstatus {
    float: right;
    width: 25%;
    font-size: .9375rem;
    font-weight: 600;
    font-style: normal;
    margin: 2px 0 10px 0;
    text-transform: uppercase;
    letter-spacing: .02em;
    line-height: 1em; }
    .storeinventoryvisibilityMainContainer .storeinventoryvisibilitySearchResultContainer .storeinventorylist_stockstatus .instock {
      color: #22cc66; }
    .storeinventoryvisibilityMainContainer .storeinventoryvisibilitySearchResultContainer .storeinventorylist_stockstatus .lowinstock {
      color: #ff4444; }
    .storeinventoryvisibilityMainContainer .storeinventoryvisibilitySearchResultContainer .storeinventorylist_stockstatus .nostock {
      color: #aaa; }

.storeinventoryvisibilityMainContainer .storeinventorylist {
  padding-bottom: 25px; }

.storeinventoryvisibilityMainContainer .storeinventoryvisibilitySearchContainer {
  border-top: 2px solid #e0e0e0;
  padding-top: 20px;
  margin-top: 30px; }
  .storeinventoryvisibilityMainContainer .storeinventoryvisibilitySearchContainer .storeinventoryvisibilitySearchInfo {
    float: left;
    width: 40%;
    font-size: .8375rem;
    font-style: normal;
    margin: 2px 0 10px 0;
    text-transform: uppercase;
    letter-spacing: .02em;
    line-height: 1em; }
  .storeinventoryvisibilityMainContainer .storeinventoryvisibilitySearchContainer .storeinventoryvisibilitySearchbox {
    float: right;
    width: 55%; }
    .storeinventoryvisibilityMainContainer .storeinventoryvisibilitySearchContainer .storeinventoryvisibilitySearchbox .searchbuttoninput {
      display: block;
      color: #fff;
      font-family: "Uniqlo Pro";
      font-size: 18px;
      line-height: 15px;
      text-align: center;
      padding: 12px 0;
      text-transform: uppercase;
      letter-spacing: .04em;
      cursor: pointer;
      font-weight: bold;
      background-color: #000;
      width: 35%; }
    .storeinventoryvisibilityMainContainer .storeinventoryvisibilitySearchContainer .storeinventoryvisibilitySearchbox .search .keywordinput {
      float: left;
      width: 60%;
      margin-right: 10px;
      outline: 0;
      border: 2px solid #aaa; }

.storeinventoryvisibilityMainContainer .storeinventoryvisibilityProductSizecolor .selectsizeerrormessage,
.storeinventoryvisibilityMainContainer .storeinventoryvisibilityProductSizecolor .selectlengtherror,
.storeinventoryvisibilityMainContainer .storeinventoryvisibilityProductSizecolor .selectedcolor,
.storeinventoryvisibilityMainContainer .storeinventoryvisibilityProductSizecolor .selectedsize,
.storeinventoryvisibilityMainContainer .storeinventoryvisibilityProductSizecolor .selectedlength,
.storeinventoryvisibilityMainContainer .storeinventoryvisibilityProductSizecolor .selectcolor,
.storeinventoryvisibilityMainContainer .storeinventoryvisibilityProductSizecolor .selectsize,
.storeinventoryvisibilityMainContainer .storeinventoryvisibilityProductSizecolor .selectlength {
  text-transform: none;
  color: #FE0E0D;
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  letter-spacing: .02em;
  font-family: "Uniqlo Pro";
  line-height: 1em; }
  .storeinventoryvisibilityMainContainer .storeinventoryvisibilityProductSizecolor .selectsizeerrormessage.displayresult,
  .storeinventoryvisibilityMainContainer .storeinventoryvisibilityProductSizecolor .selectlengtherror.displayresult,
  .storeinventoryvisibilityMainContainer .storeinventoryvisibilityProductSizecolor .selectedcolor.displayresult,
  .storeinventoryvisibilityMainContainer .storeinventoryvisibilityProductSizecolor .selectedsize.displayresult,
  .storeinventoryvisibilityMainContainer .storeinventoryvisibilityProductSizecolor .selectedlength.displayresult,
  .storeinventoryvisibilityMainContainer .storeinventoryvisibilityProductSizecolor .selectcolor.displayresult,
  .storeinventoryvisibilityMainContainer .storeinventoryvisibilityProductSizecolor .selectsize.displayresult,
  .storeinventoryvisibilityMainContainer .storeinventoryvisibilityProductSizecolor .selectlength.displayresult {
    color: #000;
    text-transform: uppercase; }

.storeinventoryvisibilityMainContainer .storeinventoryvisibilityProductSizeResult,
.storeinventoryvisibilityMainContainer .storeinventoryvisibilityProductColorResult,
.storeinventoryvisibilityMainContainer .storeinventoryvisibilityProductLengthResult {
  margin-left: -13px; }
  .storeinventoryvisibilityMainContainer .storeinventoryvisibilityProductSizeResult button,
  .storeinventoryvisibilityMainContainer .storeinventoryvisibilityProductColorResult button,
  .storeinventoryvisibilityMainContainer .storeinventoryvisibilityProductLengthResult button {
    background: transparent; }

.storeinventoryvisibilityMainContainer .storeinventoryvisibilityProductImage {
  margin-top: 40px; }
  .storeinventoryvisibilityMainContainer .storeinventoryvisibilityProductImage .productimage {
    float: left;
    width: 40%; }
    .storeinventoryvisibilityMainContainer .storeinventoryvisibilityProductImage .productimage img {
      height: 100%;
      width: 100%; }
  .storeinventoryvisibilityMainContainer .storeinventoryvisibilityProductImage .productinfo {
    float: right;
    width: 55%;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: .02em;
    line-height: 1em;
    font-family: "Uniqlo Pro"; }
    .storeinventoryvisibilityMainContainer .storeinventoryvisibilityProductImage .productinfo .price {
      padding-top: 5px; }

.storeinventoryvisibilityMainContainer .storeinventorygoback {
  padding-top: 20px;
  margin-top: 30px;
  margin-bottom: 5px; }
  .storeinventoryvisibilityMainContainer .storeinventorygoback .help {
    float: left;
    width: 55%;
    display: block;
    color: #000;
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
    font-size: .7125rem;
    line-height: 15px;
    padding: 12px 0;
    text-transform: uppercase;
    letter-spacing: .04em; }
    .storeinventoryvisibilityMainContainer .storeinventorygoback .help a {
      color: #000; }
    .storeinventoryvisibilityMainContainer .storeinventorygoback .help a:hover {
      color: #f00; }
  .storeinventoryvisibilityMainContainer .storeinventorygoback .backbuttoninput {
    width: 23%;
    display: block;
    color: #fff;
    font-family: "Uniqlo Pro";
    font-size: 18px;
    line-height: 15px;
    text-align: center;
    padding: 12px 0;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: .04em;
    cursor: pointer;
    background-color: #000; }

.ui-dialog.storeInventoryDialogWrapperContainer {
  max-height: 100%; }

/* SIZE CHART - reusing old markup, no BEM inside  */
#size-chart-wrapper {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 82;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  box-sizing: border-box;
  min-width: 768px; }
  #size-chart-wrapper:before {
    content: ' ';
    display: block;
    height: 15%; }
  #size-chart-wrapper.active {
    display: block; }
  #size-chart-wrapper .ui-dialog {
    overflow-y: hidden; }
  #size-chart-wrapper .size-chart-dialog {
    border: 10px solid #000;
    box-sizing: border-box;
    background-color: #fff;
    display: none;
    height: 70%;
    position: relative;
    padding-top: 30px;
    margin: 0 auto;
    max-height: 100%;
    overflow-y: auto;
    width: 50%; }
    #size-chart-wrapper .size-chart-dialog:after {
      content: '';
      position: absolute;
      height: 40px;
      width: 64px;
      right: 17px;
      background: #E6E6E6; }
    #size-chart-wrapper .size-chart-dialog .size-chart-title {
      margin-bottom: 30px;
      padding-left: 30px;
      font-size: 1.875rem;
      font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
      font-weight: 500; }
      #size-chart-wrapper .size-chart-dialog .size-chart-title::after {
        content: '';
        position: absolute;
        height: 3000px;
        width: 20px;
        top: 97px;
        right: 0;
        background: #E6E6E6; }
    #size-chart-wrapper .size-chart-dialog .size-chart-iframe {
      width: 100%;
      border: none;
      overflow-x: hidden;
      overflow-y: auto;
      height: 3000px; }
  #size-chart-wrapper .pdp-modal-close {
    position: absolute;
    right: 30px;
    top: 30px;
    z-index: 48;
    display: block;
    height: 35px;
    width: 35px;
    padding: 5px 0; }
    #size-chart-wrapper .pdp-modal-close:before {
      content: '';
      position: absolute;
      right: 5px;
      background-image: url("../images/global/sprites-s58bc8abdec.png");
      background-repeat: no-repeat;
      background-position: -58px -297px;
      height: 31px;
      width: 31px; }
  #size-chart-wrapper > .ui-widget-content {
    top: 0;
    left: 0;
    margin: auto;
    border: none;
    min-width: 740px; }
    #size-chart-wrapper > .ui-widget-content > .ui-widget-header {
      display: none; }

.bonus-product-list .product-detail.product-col-2 {
  float: left;
  width: 100%; }

.bonus-product-list .product-detail .product-variations {
  display: block;
  clear: both;
  padding-top: 15px; }
  .bonus-product-list .product-detail .product-variations .pdp-sizing-quantity {
    clear: both;
    padding-top: 15px; }
  .bonus-product-list .product-detail .product-variations .color li {
    height: 26px;
    width: 40px; }
  .bonus-product-list .product-detail .product-variations .color li.selected a {
    border-color: #fff; }
  .bonus-product-list .product-detail .product-variations li {
    list-style: none; }
  .bonus-product-list .product-detail .product-variations .attribute {
    color: #FE0E0D; }
    .bonus-product-list .product-detail .product-variations .attribute select {
      width: 40%; }
  .bonus-product-list .product-detail .product-variations .pdp-color-chips .value {
    margin: 0.5em 0 0 -0.2em; }
  .bonus-product-list .product-detail .product-variations .pdp-color-chips .color-chip {
    cursor: pointer;
    display: block;
    float: left;
    position: relative;
    height: 40px;
    width: 40px;
    overflow: hidden;
    border: none;
    border-radius: 0;
    padding: 0 5px 10px; }
    .bonus-product-list .product-detail .product-variations .pdp-color-chips .color-chip a {
      border: none;
      border-radius: 0;
      height: 42px;
      width: 42px; }
    .bonus-product-list .product-detail .product-variations .pdp-color-chips .color-chip a:hover:before {
      content: '';
      height: 34px;
      width: 34px;
      position: absolute;
      left: 7px;
      top: 2px;
      border: 1px solid #fff;
      z-index: 22; }
    .bonus-product-list .product-detail .product-variations .pdp-color-chips .color-chip a:hover:after {
      content: '';
      height: 36px;
      width: 36px;
      position: absolute;
      left: 4.5px;
      top: 0;
      border: 2px solid #000;
      z-index: 24; }
  .bonus-product-list .product-detail .product-variations .pdp-color-chips .color-chip.selected a:before {
    content: '';
    height: 34px;
    width: 34px;
    position: absolute;
    left: 7px;
    top: 2px;
    border: 1px solid #fff;
    z-index: 22; }
  .bonus-product-list .product-detail .product-variations .pdp-color-chips .color-chip.selected a:after {
    content: '';
    height: 36px;
    width: 36px;
    position: absolute;
    left: 4.5px;
    top: 0;
    border: 2px solid #000;
    z-index: 24; }
  .bonus-product-list .product-detail .product-variations .pdp-color-chips .nostock:after {
    background-color: #fff;
    display: block;
    height: 2px;
    position: absolute;
    right: -7px;
    top: 18px;
    width: 61px;
    transform: rotate(-45deg);
    z-index: 20;
    content: ''; }
  .bonus-product-list .product-detail .product-variations .pdp-sizing-quantity-tabs {
    clear: both;
    height: 16px;
    margin-bottom: 20px; }
    .bonus-product-list .product-detail .product-variations .pdp-sizing-quantity-tabs .pdp-sizing-quantity-tab.pdp-sizing-quantity-tab-active {
      height: 15px;
      padding-top: 0;
      letter-spacing: 0.02em; }
    .bonus-product-list .product-detail .product-variations .pdp-sizing-quantity-tabs .pdp-sizing-quantity-tab:first-child {
      border-left: 0;
      margin-left: 0;
      padding-left: 0; }
    .bonus-product-list .product-detail .product-variations .pdp-sizing-quantity-tabs .pdp-sizing-quantity-tab-3 {
      width: 30%; }
    .bonus-product-list .product-detail .product-variations .pdp-sizing-quantity-tabs .pdp-sizing-quantity-tab {
      height: 13px;
      border-left: 1px solid #bfbfbf;
      margin-left: 5px;
      padding-top: 2px;
      padding-left: 8px;
      text-transform: uppercase;
      cursor: pointer;
      position: relative;
      display: inline-block; }
    .bonus-product-list .product-detail .product-variations .pdp-sizing-quantity-tabs .pdp-sizing-quantity-tab.js_hide {
      display: none; }
    .bonus-product-list .product-detail .product-variations .pdp-sizing-quantity-tabs .pdp-sizing-quantity-tab:after {
      background-image: url(../images/global/sprites-s58bc8abdec.png);
      background-repeat: no-repeat;
      content: '';
      display: block;
      position: absolute;
      background-position: -3px -71px; }
  .bonus-product-list .product-detail .product-variations .pdp-sizing-quantity .pdp-sizing-quantity-text {
    display: none;
    overflow: hidden; }
  .bonus-product-list .product-detail .product-variations .pdp-sizing-quantity .pdp-sizing-quantity-text.active {
    display: block; }
  .bonus-product-list .product-detail .product-variations .pdp-size li.selected {
    background-color: #FE0E0D;
    color: #fff; }
    .bonus-product-list .product-detail .product-variations .pdp-size li.selected a {
      background-color: #FE0E0D;
      color: #fff; }
      .bonus-product-list .product-detail .product-variations .pdp-size li.selected a span {
        background-color: #FE0E0D; }
  .bonus-product-list .product-detail .product-variations .pdp-size li.nostock.selected {
    background: #afafaf;
    color: #fff; }
    .bonus-product-list .product-detail .product-variations .pdp-size li.nostock.selected a {
      background-color: #afafaf; }
      .bonus-product-list .product-detail .product-variations .pdp-size li.nostock.selected a span {
        background-color: #afafaf; }
  .bonus-product-list .product-detail .product-variations .pdp-size li.nostock:after {
    display: block;
    position: absolute;
    top: 24px;
    right: -10px;
    width: 88px;
    height: 2px;
    background-color: #fff;
    transform: rotate(-35deg);
    content: ''; }
  .bonus-product-list .product-detail .product-variations .pdp-size li {
    height: 50px;
    width: 70px;
    text-align: center;
    position: relative;
    margin: 0 10px 10px 0;
    float: left;
    display: block;
    cursor: pointer;
    color: #000;
    background-color: #d9d9d9; }
    .bonus-product-list .product-detail .product-variations .pdp-size li a {
      height: 100%;
      width: 100%;
      display: block;
      color: #666; }
      .bonus-product-list .product-detail .product-variations .pdp-size li a span {
        background-color: #d9d9d9;
        left: 0;
        padding: 3px 0 0 0;
        display: block;
        position: absolute;
        top: 17px;
        width: 100%;
        z-index: 26;
        letter-spacing: .05em; }

.bonus-product-list .product-detail .product-name {
  display: inline;
  float: left;
  margin: 1em 0;
  padding-right: 1em;
  width: 220px;
  text-align: left;
  font-style: normal;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

.bonus-product-list .product-detail .product-img img {
  width: 120px; }

.bonus-product-list .product-detail .product-add-to-cart {
  display: inline-block;
  float: right;
  clear: none;
  width: 80px;
  padding: 0;
  text-align: right;
  font-style: normal; }
  .bonus-product-list .product-detail .product-add-to-cart .select-giftbag-item {
    margin: 0 0 0 1em; }
  .bonus-product-list .product-detail .product-add-to-cart form fieldset {
    float: right;
    width: auto; }
    .bonus-product-list .product-detail .product-add-to-cart form fieldset label {
      display: none; }
    .bonus-product-list .product-detail .product-add-to-cart form fieldset .gift-price {
      float: right;
      min-width: 75px;
      text-align: right;
      font-size: 1.3em; }
    .bonus-product-list .product-detail .product-add-to-cart form fieldset input {
      margin: 3px 0 0 0;
      float: left; }

@media screen and (max-width: 768px) {
  .bonus-product-list .bonus-product-item .product-col-1,
  .bonus-product-list .bonus-product-item .product-col-2 {
    float: left;
    clear: none; } }

.bonus-product-list .product-add-to-cart {
  padding-bottom: 0; }
  .bonus-product-list .product-add-to-cart .inventory {
    width: auto; }
  .bonus-product-list .product-add-to-cart .select-bonus-item {
    display: none; }

.bonus-product-list .product-name {
  float: none; }

.bonus-product-list .quantity-error {
  color: red;
  text-transform: inherit; }

.bonus-product-list .product-add-to-cart {
  margin: 10px 0 0; }
  .bonus-product-list .product-add-to-cart .add-to-cart-bonus {
    display: block;
    float: right;
    width: 156px;
    color: #fff;
    font-family: "UniqloRegularRegular";
    font-size: 15px;
    font-size: .9375rem;
    font-style: normal;
    line-height: 18px;
    text-align: center;
    padding: 17px 5px;
    text-transform: uppercase;
    letter-spacing: .04em;
    cursor: pointer;
    background-color: #f00;
    margin-top: 5px; }
    .bonus-product-list .product-add-to-cart .add-to-cart-bonus:hover {
      background-color: #e60000; }
    .bonus-product-list .product-add-to-cart .add-to-cart-bonus.disabled {
      background-color: #d9d9d9;
      color: #000; }

.bonus-product-list .selected-bonus-item {
  float: left;
  margin: 0 0 0 25px;
  position: relative;
  text-align: left; }
  .bonus-product-list .selected-bonus-item .item-name {
    font-weight: bold;
    font-style: normal; }
  .bonus-product-list .selected-bonus-item .remove-link {
    cursor: pointer;
    color: #990000;
    left: -25px;
    position: absolute; }
    .bonus-product-list .selected-bonus-item .remove-link:hover {
      color: #424242; }
  .bonus-product-list .selected-bonus-item .item-attributes {
    font-style: normal; }

.bonus-product-list #more-bonus-products {
  background: #000;
  color: #fff;
  width: 176px;
  border: 2px solid #000;
  box-sizing: border-box;
  display: inline-block;
  padding: 10px;
  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
  text-align: center;
  text-transform: uppercase;
  overflow: hidden;
  outline: none;
  zoom: 1;
  margin-top: 15px;
  float: right; }

.bonus-discount-container .promo-details {
  display: none; }
  .bonus-discount-container .promo-details.visible {
    display: block; }

.send-to-friend-product {
  border-bottom: 1px solid #e0e0e0;
  border-top: 1px solid #e0e0e0;
  margin-bottom: 20px;
  margin-top: 20px;
  margin-right: 22%;
  overflow: hidden;
  padding: 20px 0; }
  .send-to-friend-product .product-image {
    float: left;
    width: 36%; }
    .send-to-friend-product .product-image img {
      max-width: 80%; }
  .send-to-friend-product .product-description {
    float: left;
    width: 63%; }
    .send-to-friend-product .product-description h2 {
      margin-right: 0; }
    .send-to-friend-product .product-description .value {
      font-weight: bold; }
    .send-to-friend-product .product-description h2 {
      font-size: 1.2em;
      font-style: italic; }
    .send-to-friend-product .product-description dt {
      clear: both;
      float: left;
      margin: 10px 0 0 0;
      width: 100px; }
    .send-to-friend-product .product-description dd {
      float: left;
      margin: 10px 0 0 0;
      width: 200px; }

#send-to-friend-main .send-to-friend-sender-label {
  padding-top: 0; }

#send-to-friend-main .send-to-friend-sender {
  margin-left: 2%;
  padding: 0.7em 0.5em;
  text-indent: 0;
  width: 49.5966%; }

#send-to-friend-dialog .send-to-friend-login-message {
  padding: 2em 0em 2em; }

.sizinginformation {
  border: 0 none;
  padding: 10px; }
  .sizinginformation th {
    background: none repeat scroll 0 0 #f5f5f5; }
  .sizinginformation td, .sizinginformation th {
    border-bottom: 1px solid #f5f5f5;
    padding: 10px; }
  .sizinginformation td {
    border-left: 1px solid #f5f5f5; }
  .sizinginformation .ui-tabs-nav {
    height: 33px; }
  .sizinginformation .sizing-charts {
    border: 0 none; }
  .sizinginformation .tips-list {
    padding: 0 !important; }
    .sizinginformation .tips-list li {
      list-style: none outside none !important; }

/* size charts */
.size-chart {
  width: 100%;
  margin-bottom: 60px; }

.size-chart .chart-heading-red {
  background-color: #f00;
  color: #fff; }

.size-chart .chart-heading-blk {
  background-color: #000;
  color: #fff; }

.size-chart thead .chart-size {
  background-color: #eaeaea;
  font-size: 1.5em; }

.size-chart .chart-size {
  width: 85px; }

.size-chart th,
.size-chart td {
  padding: 0 10px;
  border: 3px solid #fff;
  text-align: center;
  font-weight: normal; }

.size-chart thead {
  border-bottom: 20px solid #fff; }

.size-chart thead th {
  padding: 8px 0;
  font-size: 0.8em; }

.size-chart .chart-unit th {
  font-size: 1.0em; }

#social-share {
  margin: 0;
  padding: 0;
  list-style: none; }

#social-share li {
  display: inline-block;
  margin: 0 10px; }

/* shopping cart */
#cart-items-form fieldset {
  margin: 0 0;
  min-width: initial; }
  #cart-items-form fieldset .button-container .fa-floppy-o.button.saved:hover {
    cursor: default;
    color: #FE0E0D; }
  #cart-items-form fieldset .button-container thead {
    border-bottom: 1px solid #000; }
    #cart-items-form fieldset .button-container thead th {
      padding: 8px 10px;
      font-weight: bold;
      text-align: center;
      vertical-align: bottom; }
      @media screen and (min-width: 768px) {
        #cart-items-form fieldset .button-container thead th {
          padding: 8px 7px; } }
      @media screen and (min-width: 768px) {
        #cart-items-form fieldset .button-container thead th {
          padding: 8px 7px; } }
  #cart-items-form fieldset .button-container tbody tr {
    border-bottom: 1px solid #000; }
    #cart-items-form fieldset .button-container tbody tr:last-child {
      border-bottom: none; }
    #cart-items-form fieldset .button-container tbody tr.no-bottom-border {
      border-bottom: none; }
    #cart-items-form fieldset .button-container tbody tr.ship-to-country {
      color: red;
      text-transform: uppercase;
      font-weight: bold;
      font-size: smaller; }
      #cart-items-form fieldset .button-container tbody tr.ship-to-country td {
        text-align: left; }
    #cart-items-form fieldset .button-container tbody tr.rowcoupons td.item-details {
      text-align: left; }
  #cart-items-form fieldset .button-container tbody td {
    padding: 20px 10px;
    vertical-align: middle;
    text-align: center; }
    @media screen and (max-width: 768px) {
      #cart-items-form fieldset .button-container tbody td.cell-item, #cart-items-form fieldset .button-container tbody td.cell-color, #cart-items-form fieldset .button-container tbody td.cell-size, #cart-items-form fieldset .button-container tbody td.cell-length, #cart-items-form fieldset .button-container tbody td.cell-price, #cart-items-form fieldset .button-container tbody td.cell-qty, #cart-items-form fieldset .button-container tbody td.cell-subtotal, #cart-items-form fieldset .button-container tbody td.cell-remove {
        padding: 0; } }
    #cart-items-form fieldset .button-container tbody td.cell-item .product-list-item {
      margin-top: 5px; }
    #cart-items-form fieldset .button-container tbody td.cell-empty {
      padding: 30px 0;
      width: 100%; }
      #cart-items-form fieldset .button-container tbody td.cell-empty .alert {
        margin: 0; }
    #cart-items-form fieldset .button-container tbody td.cell-length, #cart-items-form fieldset .button-container tbody td.cell-size, #cart-items-form fieldset .button-container tbody td.cell-price, #cart-items-form fieldset .button-container tbody td.cell-subtotal {
      font-size: 0.95em; }
    #cart-items-form fieldset .button-container tbody td.item-price {
      font-size: 0.95em; }
    #cart-items-form fieldset .button-container tbody td.item-price.bonusproductprice {
      text-decoration: line-through; }
    #cart-items-form fieldset .button-container tbody td .product-list-item {
      float: left;
      text-align: left; }
      #cart-items-form fieldset .button-container tbody td .product-list-item .name a {
        color: #000; }
      #cart-items-form fieldset .button-container tbody td .product-list-item .sku {
        color: #888; }
  #cart-items-form fieldset .cart-footer {
    margin: .83em 0;
    overflow: hidden;
    border-top: 3px solid #000;
    margin-top: 50px; }
    #cart-items-form fieldset .cart-footer.new-cart-footer {
      border-top: none;
      margin-top: 1px; }
    #cart-items-form fieldset .cart-footer .cart-info {
      float: left;
      width: 53%;
      margin-top: 7px;
      max-width: 500px; }
      @media screen and (max-width: 1024px) {
        #cart-items-form fieldset .cart-footer .cart-info {
          width: 40%; } }
      @media screen and (max-width: 768px) {
        #cart-items-form fieldset .cart-footer .cart-info {
          width: 100%; } }
      #cart-items-form fieldset .cart-footer .cart-info .cart-coupon-code {
        float: none; }
        #cart-items-form fieldset .cart-footer .cart-info .cart-coupon-code input {
          margin-bottom: 10px;
          margin-left: 0;
          background: transparent;
          border: 1px solid black;
          /* firefox [all versions] specific rules */ }

@-moz-document url-prefix() {
  #cart-items-form fieldset .cart-footer .cart-info .cart-coupon-code input {
    margin-left: 1px; } }
        #cart-items-form fieldset .cart-footer .cart-info .cart-coupon-code .error {
          padding-top: 0.4em; }
        #cart-items-form fieldset .cart-footer .cart-info .cart-coupon-code #update-cart {
          margin-left: .6em; }
    #cart-items-form fieldset .cart-footer .cart-actions {
      float: right;
      width: 40%; }
      #cart-items-form fieldset .cart-footer .cart-actions .agree-to-terms-and-conditions .field {
        width: 100%; }
      #cart-items-form fieldset .cart-footer .cart-actions .agree-to-terms-and-conditions .field-label {
        width: 100%; }
    #cart-items-form fieldset .cart-footer .cart-order-totals {
      float: right;
      width: 40%; }
      @media screen and (max-width: 1024px) {
        #cart-items-form fieldset .cart-footer .cart-order-totals {
          width: 100%;
          float: none;
          padding: 0; } }
      #cart-items-form fieldset .cart-footer .cart-order-totals.new-cart-order-totals {
        margin-top: 5px; }
      #cart-items-form fieldset .cart-footer .cart-order-totals button {
        float: right; }
      #cart-items-form fieldset .cart-footer .cart-order-totals .order-totals-table {
        width: 100%;
        float: right; }
        #cart-items-form fieldset .cart-footer .cart-order-totals .order-totals-table thead th {
          display: none; }
        #cart-items-form fieldset .cart-footer .cart-order-totals .order-totals-table tbody tr.order-total {
          border-top: 3px solid #000;
          font-size: 1.3em;
          font-weight: 700; }
          #cart-items-form fieldset .cart-footer .cart-order-totals .order-totals-table tbody tr.order-total td.label .vat-include,
          #cart-items-form fieldset .cart-footer .cart-order-totals .order-totals-table tbody tr.order-total td.label .shipping-include,
          #cart-items-form fieldset .cart-footer .cart-order-totals .order-totals-table tbody tr.order-total td.label .shipping-not-include {
            text-align: left;
            text-transform: none;
            padding-top: 0;
            font-weight: normal;
            font-size: 14px; }
        #cart-items-form fieldset .cart-footer .cart-order-totals .order-totals-table tbody tr.order-subtotal {
          font-weight: 700; }
        #cart-items-form fieldset .cart-footer .cart-order-totals .order-totals-table tbody tr td {
          padding: .42em 0;
          text-align: right !important;
          word-break: break-all; }
          #cart-items-form fieldset .cart-footer .cart-order-totals .order-totals-table tbody tr td + td {
            word-break: normal; }
          #cart-items-form fieldset .cart-footer .cart-order-totals .order-totals-table tbody tr td.label {
            text-align: left !important;
            text-transform: uppercase; }
          #cart-items-form fieldset .cart-footer .cart-order-totals .order-totals-table tbody tr td.shippingcost {
            padding-top: 1.03em; }
          #cart-items-form fieldset .cart-footer .cart-order-totals .order-totals-table tbody tr td.label.description {
            padding-bottom: 1.02em; }
            #cart-items-form fieldset .cart-footer .cart-order-totals .order-totals-table tbody tr td.label.description select {
              outline: 0;
              height: 2.5em;
              border-radius: 4px;
              padding-left: 0.5em;
              margin-right: 1em;
              width: 75%;
              max-width: 450px;
              border: solid 1px #979797;
              font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
              font-size: 14px;
              font-weight: normal;
              font-style: normal;
              font-stretch: normal; }
          #cart-items-form fieldset .cart-footer .cart-order-totals .order-totals-table tbody tr td .accepted-payment-methods {
            text-align: left; }

.cart-actions {
  width: 100%;
  margin-top: 50px; }
  .cart-actions.new-cart-actions-top {
    margin-top: 5px; }
  .cart-actions.new-cart-actions {
    margin-top: 5px; }
  .cart-actions .proceed-to-checkout {
    float: right;
    margin-top: -15px; }
    .cart-actions .proceed-to-checkout .btn_forward {
      float: none;
      background-color: #FE0E0D;
      color: #fff;
      padding: 3px;
      border: 0;
      min-width: 390px; }
      .cart-actions .proceed-to-checkout .btn_forward span {
        border: 3px solid transparent;
        padding: 7px;
        display: block; }
      .cart-actions .proceed-to-checkout .btn_forward:hover span {
        border: 1px solid #fff;
        padding: 9px; }
      .cart-actions .proceed-to-checkout .btn_forward:active span {
        border: 3px solid #fff;
        padding: 7px; }
  .cart-actions .proceed-to-checkout-paypalexpress {
    float: right;
    clear: both; }
    .cart-actions .proceed-to-checkout-paypalexpress .btn_forward {
      float: none;
      background-color: rgba(175, 175, 175, 0.15);
      color: #222;
      padding: 3px;
      border: #afafaf;
      box-shadow: 0 0 0 2px #afafaf inset;
      min-width: 390px; }
      .cart-actions .proceed-to-checkout-paypalexpress .btn_forward span {
        border: 3px solid transparent;
        padding: 7px;
        display: inline-block; }
      .cart-actions .proceed-to-checkout-paypalexpress .btn_forward img {
        height: 15px; }
    .cart-actions .proceed-to-checkout-paypalexpress p {
      text-align: center;
      font-style: italic;
      font-family: "UniqloBoldRegular", helvetica, arial;
      font-size: 20px;
      margin: 10px 0; }
  .cart-actions .agree-to-terms-and-conditions .field-row .field {
    width: 100%; }
  .cart-actions .agree-to-terms-and-conditions .field-row .field-label {
    float: left;
    margin-right: 24px;
    padding-top: 0.2em;
    text-transform: uppercase;
    width: 100%; }
  .cart-actions .agree-to-terms-and-conditions .field-row .field-checker-two-liner .checker {
    top: 50%;
    transform: translate(0, -50%); }
  .cart-actions .agree-to-terms-and-conditions .field-row .field-checker-two-liner .field-label {
    position: absolute;
    display: table;
    top: 50%;
    transform: translate(0, -50%);
    min-height: initial; }
    .cart-actions .agree-to-terms-and-conditions .field-row .field-checker-two-liner .field-label label {
      display: table-cell;
      vertical-align: middle; }
  .cart-actions .continueShopping {
    text-transform: uppercase;
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
    font-weight: 500;
    font-size: 0.9em;
    color: #222; }
    .cart-actions .continueShopping .fa {
      font-weight: bold; }
  .cart-actions .terms span a.privacy-policy {
    padding-top: 18px;
    text-decoration: underline; }
  @media only screen and (max-width: 635px) {
    .cart-actions {
      float: none; }
      .cart-actions .proceed-to-checkout,
      .cart-actions .proceed-to-checkout-paypalexpress {
        width: 100%; }
      .cart-actions fieldset {
        min-width: initial; } }

.cart-recommendations {
  margin-top: 1rem; }
  .cart-recommendations .product-listing {
    background-color: #f5f5f5;
    padding: 1rem 0; }
    .cart-recommendations .product-listing h2 {
      margin-left: 1.3rem; }
    .cart-recommendations .product-listing .search-result-items {
      margin-top: 1em; }

.cart-empty {
  margin-top: 2.1rem; }
  .cart-empty h1 {
    text-align: center; }
  .cart-empty .cart-action-continue-shopping {
    float: none;
    text-align: center;
    margin-bottom: 4rem; }
  .cart-empty .product-listing {
    background-color: #f5f5f5;
    padding: 1rem 0; }
    .cart-empty .product-listing h2 {
      margin-left: 1.3rem; }
    .cart-empty .product-listing .search-result-items {
      margin-top: 1em; }

.cartBottom {
  clear: both;
  margin: 50px 0;
  display: table;
  border-collapse: separate;
  border-spacing: 50px;
  width: 100%; }
  .cartBottom .cartBottomBox1,
  .cartBottom .cartBottomBox2,
  .cartBottom .cartBottomBox3 {
    border: solid 1px #222;
    display: table-cell;
    width: 30%; }
    .cartBottom .cartBottomBox1 div,
    .cartBottom .cartBottomBox2 div,
    .cartBottom .cartBottomBox3 div {
      padding: 20px 50px;
      text-align: center; }
      .cartBottom .cartBottomBox1 div img,
      .cartBottom .cartBottomBox2 div img,
      .cartBottom .cartBottomBox3 div img {
        margin-bottom: 20px; }
  @media screen and (max-width: 1024px) {
    .cartBottom {
      border-spacing: 15px; }
      .cartBottom .cartBottomBox1 div,
      .cartBottom .cartBottomBox2 div,
      .cartBottom .cartBottomBox3 div {
        padding: 5px 10px; }
      .cartBottom .cartBottomBox3 div img {
        margin-bottom: 0; } }
  @media screen and (max-width: 920px) {
    .cartBottom {
      border-spacing: 5px; }
      .cartBottom .cartBottomBox1 div,
      .cartBottom .cartBottomBox2 div,
      .cartBottom .cartBottomBox3 div {
        padding: 5px 10px; }
      .cartBottom .cartBottomBox3 div img {
        margin-bottom: 0px; } }

/* end of clean up, below this line chaos starts */
#cart-sub-total {
  margin: 30px 0; }
  #cart-sub-total .promo {
    float: left;
    width: 348px;
    padding: 0 14px;
    background-color: #000;
    color: #fff;
    font-size: 0.8em; }
    #cart-sub-total .promo p {
      margin: 14px 0; }
  #cart-sub-total .sub-total {
    float: right;
    width: 376px; }

#order-summary {
  margin: 20px 0; }
  #order-summary h3 {
    float: left;
    width: 376px;
    margin: 0; }
  #order-summary .sub-total {
    float: right;
    width: 376px; }

#total {
  padding-top: 20px; }
  #total .sub-total {
    float: right;
    width: 376px; }
  #total .button-container {
    clear: right;
    padding-top: 20px;
    text-align: right; }
    #total .button-container .button {
      float: right;
      width: 356px; }

.order-additional-info {
  margin: 50px 0; }
  .order-additional-info h3 {
    float: left;
    width: 376px;
    margin: 0; }
  .order-additional-info .info-desc {
    float: left;
    width: 280px;
    margin-left: 24px; }
    .order-additional-info .info-desc h6 {
      margin-bottom: 15px;
      font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif; }
  .order-additional-info .button {
    float: right; }

.vcard p {
  margin: 0; }

.order-additional-info-annotation {
  margin: -30px 0 50px;
  color: #999; }

.sub-total dl {
  margin: 0;
  font-size: 1.3em; }

.sub-total dt {
  float: left;
  width: 280px; }

.sub-total dd {
  float: right;
  margin: 0;
  width: 96px;
  text-align: right; }

.proceed {
  margin-top: 20px; }
  .proceed.payment-types {
    float: left;
    width: 190px; }

.payment-types h6 {
  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
  font-size: 0.9em; }

.payment-types ul {
  margin: 0;
  padding: 0;
  list-style: none; }
  .payment-types ul li {
    display: inline-block;
    height: 20px;
    margin: 7px 0 0 0;
    /* ie7 */
    zoom: 1;
    *display: inline;
    _height: 20px; }
    .payment-types ul li img {
      vertical-align: bottom; }

#cart-table .header-total-price {
  text-align: right; }

#cart-table .item-image {
  text-align: center;
  width: 7em; }

#cart-table .item-quantity {
  text-align: center; }
  #cart-table .item-quantity input {
    margin: 0;
    padding: 0.7em 0.2em;
    text-align: right;
    text-indent: 0;
    width: 2.8em; }

#cart-table .item-details {
  padding: 0.5em; }

#cart-table .item-quantity-details .item-user-actions {
  line-height: 1.4;
  width: 100px; }
  #cart-table .item-quantity-details .item-user-actions a,
  #cart-table .item-quantity-details .item-user-actions button {
    display: block;
    font-size: 0.9em; }

#cart-table .item-quantity-details .item-edit-details {
  padding-right: 0.7em;
  text-align: right; }

#cart-table .price-promotion span {
  display: block; }

#cart-table .price-promotion .price-sales {
  color: #f00; }

#cart-table .price-promotion .price-standard {
  /*margin: 0 1em 0 0;*/
  text-decoration: line-through; }

#cart-table .item-total {
  font-weight: 700;
  text-align: right;
  word-wrap: break-word; }
  #cart-table .item-total .promo-adjustment {
    width: 120px; }

#cart-table .price-unadjusted {
  color: #666;
  display: block;
  margin: 0 0 .42em; }
  #cart-table .price-unadjusted span {
    text-decoration: line-through; }

#cart-table .price-adjusted-total {
  color: #666;
  display: block;
  margin: .42em 0 0; }
  #cart-table .price-adjusted-total span {
    color: #990000; }

#cart-table .gift-cert-delivery {
  color: #990000; }

.cart-promo {
  display: block;
  background: url("../images/global/ui-promo-bg-gray-diag.png") repeat scroll 0 0 transparent;
  color: #333;
  font-style: italic;
  padding: 20px 10px;
  border-top: 1px solid #000; }
  .cart-promo.new-cart-promo {
    padding: 13px 10px; }
  .cart-promo .giftbag-item-actions {
    width: 300px; }
  .cart-promo .bonus-item-actions {
    font-size: 1em !important;
    text-align: right;
    vertical-align: middle; }

.order-totals-item {
  width: 60%; }

.order-totals-value {
  width: 40%; }

#secondary .order-totals-table .order-shipping a {
  display: none; }

.cart-action-continue-shopping {
  float: right; }
  .cart-action-continue-shopping button.button-text {
    line-height: 3.25em;
    margin-right: 1.0em; }

.promo-adjustment {
  color: #990000; }

ul.product-availability-list {
  margin: 0;
  padding: 0; }
  ul.product-availability-list li {
    list-style: none outside none; }
  ul.product-availability-list .on-order,
  ul.product-availability-list .not-available {
    color: #990000;
    font-size: 0.9em; }

.account-welcome .welcome-message {
  font-size: 1.2em;
  font-style: italic; }

.account-welcome .not-user {
  margin: .83em 0; }

#password-reset {
  white-space: nowrap; }

#checkout-form fieldset {
  margin: 0 0; }

#terms-dialog-wrap {
  width: 100%;
  max-width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 34; }
  #terms-dialog-wrap .terms-dialog {
    max-width: 1200px;
    overflow-y: hidden;
    border: 3px solid #000; }
  #terms-dialog-wrap iframe {
    width: 100%;
    height: 100%;
    border: none; }

.agree-to-terms-and-conditions .checker {
  left: 7px;
  z-index: 2; }

.agree-to-terms-and-conditions .content-asset {
  padding-right: 40px; }
  .agree-to-terms-and-conditions .content-asset > a {
    display: inline-block; }
  .agree-to-terms-and-conditions .content-asset span {
    background-color: rgba(175, 175, 175, 0.15);
    float: left;
    margin: -60px 0 30px 0;
    padding: 14px 0 12px 40px;
    position: relative;
    text-transform: uppercase;
    width: 100%;
    box-sizing: content-box; }
    .agree-to-terms-and-conditions .content-asset span a {
      color: #FE0E0D !important; }
      .agree-to-terms-and-conditions .content-asset span a:hover {
        color: #000 !important; }
    @media screen and (max-width: 1024px) {
      .agree-to-terms-and-conditions .content-asset span {
        font-size: 0.875em;
        word-wrap: break-word; } }
    .agree-to-terms-and-conditions .content-asset span a {
      position: relative;
      cursor: pointer; }

.cart-table-wrap .overlay-bonusitem {
  padding-top: 5px; }
  .cart-table-wrap .overlay-bonusitem a {
    color: #f00;
    text-transform: uppercase;
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
    font-size: .8125rem;
    font-weight: bold; }

.cart-promotion-banner {
  min-height: 50px;
  background-color: #f2f2f2;
  margin-top: 117px;
  margin-bottom: 0px;
  padding: 9px 0 12px;
  margin-left: auto;
  margin-right: auto;
  clear: both;
  box-shadow: calc(100vw - 1440px) 0, calc(1440px - 100vw) 0;
  clear: both;
  max-width: 1920px;
  position: absolute;
  width: 100%; }
  @media screen and (max-width: 1520px) {
    .cart-promotion-banner {
      margin-top: 105px; } }
  @media screen and (min-width: 1440px) {
    .cart-promotion-banner {
      margin-top: 113px; } }
  @media screen and (max-width: 1365px) {
    .cart-promotion-banner {
      margin-top: 152px; } }
  @media screen and (max-width: 1024px) {
    .cart-promotion-banner {
      margin-top: 150px; } }
  @media screen and (max-width: 768px) {
    .cart-promotion-banner {
      margin-top: 171px; } }
  .cart-promotion-banner.banner-algolia-header {
    margin-top: 105px; }
    @media screen and (min-width: 1440px) {
      .cart-promotion-banner.banner-algolia-header {
        margin-top: 112px; } }
    @media screen and (max-width: 1365px) {
      .cart-promotion-banner.banner-algolia-header {
        margin-top: 160px; } }
    @media screen and (max-width: 1024px) {
      .cart-promotion-banner.banner-algolia-header {
        margin-top: 158px; } }
    @media screen and (max-width: 768px) {
      .cart-promotion-banner.banner-algolia-header {
        margin-top: 176px; } }
  .cart-promotion-banner .cart-promo-approaching-list {
    width: 95%;
    background-color: #fff;
    margin: 0 auto;
    min-height: 30px;
    color: #000;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
    text-align: center;
    padding: 6px 0 0 0;
    line-height: 16px;
    font-size: 14px;
    font-weight: normal;
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif; }
    @media screen and (min-width: 1446px) {
      .cart-promotion-banner .cart-promo-approaching-list {
        max-width: 1440px; } }
    .cart-promotion-banner .cart-promo-approaching-list .cart-promo-approaching {
      padding: 4px 9px 6px 9px; }
      .cart-promotion-banner .cart-promo-approaching-list .cart-promo-approaching span {
        font-weight: 600; }
        .cart-promotion-banner .cart-promo-approaching-list .cart-promo-approaching span.callout {
          text-transform: uppercase;
          color: #378694; }

.cart-promotion-banner-new {
  min-height: 30px;
  padding-bottom: 20px;
  background-color: #f2f2f2;
  margin: 0 auto;
  clear: both;
  max-width: 1920px;
  width: 100%;
  color: #f2f2f2; }
  .cart-promotion-banner-new .cart-promo-approaching-list {
    width: inherit;
    background-color: #fff;
    margin: 0 auto;
    min-height: inherit;
    color: #000;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
    text-align: center;
    padding: 6px 0 0 0;
    line-height: 16px;
    font-size: 14px;
    font-weight: normal;
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif; }
    @media screen and (min-width: 1446px) {
      .cart-promotion-banner-new .cart-promo-approaching-list {
        max-width: 1440px; } }
    .cart-promotion-banner-new .cart-promo-approaching-list .cart-promo-approaching {
      padding: 4px 9px 6px 9px; }
      .cart-promotion-banner-new .cart-promo-approaching-list .cart-promo-approaching span {
        font-weight: 600; }
        .cart-promotion-banner-new .cart-promo-approaching-list .cart-promo-approaching span.callout {
          text-transform: uppercase;
          color: #378694; }

.banner-middle {
  display: none; }

@media screen and (max-width: 955px) {
  .banner-side {
    display: none; }
  .banner-middle {
    display: block; } }

.shippingMethods {
  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
  font-size: 14px;
  letter-spacing: .2px;
  line-height: 1.1;
  font-weight: normal;
  text-transform: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  font-weight: bold;
  height: 100%;
  min-height: 60px;
  padding: 5px 0; }
  .shippingMethods__text--small {
    font-weight: normal;
    color: #808080; }
  .shippingMethods__text--info {
    color: #808080;
    font-size: 13px; }
  .shippingMethods__text--block {
    display: block;
    width: 100%; }
  .shippingMethods__text--inline {
    display: inline;
    width: 100%; }
  .shippingMethods__info {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-align: center;
        align-items: center; }
  .shippingMethods__name {
    -ms-flex: 1 0 24%;
        flex: 1 0 24%;
    margin-right: 20px;
    font-weight: normal; }
  .shippingMethods__delivery {
    -ms-flex: 1 1 67%;
        flex: 1 1 67%;
    margin-right: 20px; }
  .shippingMethods__costs {
    text-align: right;
    -ms-flex: 0 1 10%;
        flex: 0 1 10%;
    text-transform: uppercase;
    white-space: nowrap; }

/* Taken for EMERALDMMXX */
/* Styles the Pickupaddress and Store selector Button */
.pickupAddress {
  overflow: hidden;
  padding-bottom: 14px;
  /* NEW */
  /* NEW END */ }
  .pickupAddress[data-storeselected="false"] .pickupAddress__storeSelector {
    display: -ms-flexbox;
    display: flex; }
  .pickupAddress[data-storeselected="false"] .pickupAddress__addressBox {
    display: none; }
  .pickupAddress[data-storeselected="true"] .pickupAddress__storeSelector {
    display: none; }
  .pickupAddress[data-storeselected="true"] .pickupAddress__addressBox {
    display: block; }
  .pickupAddress__storeAddress {
    margin-bottom: 25px; }
  .pickupAddress__box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: justify;
        justify-content: space-between;
    max-width: 576px; }
  .pickupAddress__headline {
    width: 176px;
    padding: 0;
    font-size: 1.4em; }
  .pickupAddress__storeSelector {
    -ms-flex-align: center;
        align-items: center;
    padding: 14px;
    width: 376px;
    border: 2px solid #000;
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
    font-size: 16px;
    text-align: left;
    color: #000;
    background: #fff;
    font-weight: 500;
    letter-spacing: .2px;
    position: relative; }
    .pickupAddress__storeSelector--error {
      border-color: #FE0E0D;
      color: #FE0E0D; }
    .pickupAddress__storeSelectorArrow {
      width: 7px;
      height: 14px;
      margin-left: auto;
      fill: #000; }
      .pickupAddress__storeSelectorArrow--error {
        fill: #FE0E0D; }
  .pickupAddress__error {
    color: #FE0E0D;
    font-size: 12px;
    text-align: left;
    margin: 3px 0 0 200px;
    display: block; }
    .pickupAddress__error--none {
      display: none; }

/* EMERALDMMXX progress indicator */
.progressIndicator {
  counter-reset: progress;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  min-width: 400px;
  position: relative;
  overflow: hidden; }
  .progressIndicator::before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #a6a6a6;
    position: absolute;
    top: 12px; }
  .progressIndicator--step2::before {
    background-image: linear-gradient(to right, #000 50%, #a6a6a6 0); }
  .progressIndicator--step3::before {
    background: #000; }
  .progressIndicator__step {
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
    color: #000;
    -ms-flex: 1 0 33%;
        flex: 1 0 33%;
    text-align: center;
    z-index: 1; }
    .progressIndicator__step:hover, .progressIndicator__step:focus {
      color: #000;
      text-decoration: underline; }
    .progressIndicator__step::before {
      counter-increment: progress;
      content: "";
      background: #fff url(../images/icon-sprite.svg#icon_checkbox) no-repeat center;
      background-size: 12px;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      width: 24px;
      height: 24px;
      border: 1px solid currentColor;
      border-radius: 50%;
      margin: 0 auto 5px;
      font-family: "Uniqlo Pro";
      font-size: 14px;
      line-height: 1;
      box-shadow: 0 0 0 10px #fff; }
    .progressIndicator__step:last-child {
      margin-right: 0; }
      .progressIndicator__step:last-child::before {
        box-shadow: 0 0 0 10px #fff, 100px 0px 0 100px #fff; }
    .progressIndicator__step:first-child::before {
      box-shadow: 0 0 0 10px #fff, -100px 0px 0 100px #fff; }
    .progressIndicator__step--active {
      font-weight: 500; }
      .progressIndicator__step--active::before {
        content: counter(progress);
        background: #000;
        color: #fff;
        border-color: #000; }
    .progressIndicator__step--active ~ .progressIndicator__step {
      color: #808080;
      pointer-events: none; }
      .progressIndicator__step--active ~ .progressIndicator__step::before {
        content: counter(progress);
        border-color: currentColor;
        background: #fff; }
    .progressIndicator__step--noHover {
      cursor: default; }
      .progressIndicator__step--noHover:hover, .progressIndicator__step--noHover:focus {
        text-decoration: none; }

.bonus-item-promo {
  position: absolute; }
  .bonus-item-promo .tooltip {
    top: 0; }

.js_changeCurrentShippingMethodWrapper {
  display: none; }

.shipping-carrierpoint-info .js_changeCurrentShippingMethodWrapper.ups_clickcollect, .shipping-carrierpoint-info .js_changeCurrentShippingMethodWrapper.se_clickcollect, .shipping-carrierpoint-info .js_changeCurrentShippingMethodWrapper.ceva_clickcollect, .shipping-carrierpoint-info .js_changeCurrentShippingMethodWrapper.dpd_paketshop, .shipping-carrierpoint-info .js_changeCurrentShippingMethodWrapper.dhl_paketshop, .shipping-carrierpoint-info .js_changeCurrentShippingMethodWrapper.correos_pudo, .shipping-carrierpoint-info .js_changeCurrentShippingMethodWrapper.hermes_parcelshop, .shipping-carrierpoint-info .js_changeCurrentShippingMethodWrapper.relaiscolis_parcelshop {
  display: block; }

.cart-product-color {
  width: 40px;
  height: 40px; }

#RegistrationForm .address-country-tooltip,
.checkout-shipping .address-country-tooltip,
.checkout-billing .address-country-tooltip {
  color: #FE0E0D; }
  #RegistrationForm .address-country-tooltip:hover,
  .checkout-shipping .address-country-tooltip:hover,
  .checkout-billing .address-country-tooltip:hover {
    color: #000; }

#RegistrationForm .input-select,
.checkout-shipping .input-select,
.checkout-billing .input-select {
  width: 100%;
  background-color: #eaeaea;
  color: #333;
  border: none;
  outline: 0;
  padding-left: 0.5em;
  margin-right: 1em;
  height: 3em; }

#RegistrationForm #birthday-field, #RegistrationForm #bdb-field,
.checkout-shipping #birthday-field,
.checkout-shipping #bdb-field,
.checkout-billing #birthday-field,
.checkout-billing #bdb-field {
  border-radius: 4px; }

#RegistrationForm .creditcardexpiry,
.checkout-shipping .creditcardexpiry,
.checkout-billing .creditcardexpiry {
  margin-top: 16px;
  margin-bottom: -26px; }
  #RegistrationForm .creditcardexpiry .error,
  .checkout-shipping .creditcardexpiry .error,
  .checkout-billing .creditcardexpiry .error {
    color: #f00;
    margin-left: 200px; }
  #RegistrationForm .creditcardexpiry.adjusted,
  .checkout-shipping .creditcardexpiry.adjusted,
  .checkout-billing .creditcardexpiry.adjusted {
    margin-bottom: -10px; }

#RegistrationForm .creditcardnumber,
.checkout-shipping .creditcardnumber,
.checkout-billing .creditcardnumber {
  margin-top: 15px; }

#RegistrationForm .required.error input,
.checkout-shipping .required.error input,
.checkout-billing .required.error input {
  background-color: #edb43a; }

.paymentmethod.CREDIT_CARD, .paymentmethod.PAYPAL {
  background-color: #f2f2f2;
  padding: 20px 20px 25px 20px; }
  .paymentmethod.CREDIT_CARD.credit_card_active .paymentdescription, .paymentmethod.CREDIT_CARD.paypal_active .paymentdescription, .paymentmethod.PAYPAL.credit_card_active .paymentdescription, .paymentmethod.PAYPAL.paypal_active .paymentdescription {
    margin: 10px 1px 0 43px; }
  .paymentmethod.CREDIT_CARD.credit_card_active hr, .paymentmethod.CREDIT_CARD.paypal_active hr, .paymentmethod.PAYPAL.credit_card_active hr, .paymentmethod.PAYPAL.paypal_active hr {
    color: #ccc;
    background-color: #000;
    border-style: solid;
    border-width: 1px;
    margin: 18px 0; }
  .paymentmethod.CREDIT_CARD .input-radio-span-wrap, .paymentmethod.PAYPAL .input-radio-span-wrap {
    top: 21.5px; }

.paymentmethod .input-radio-span-wrap {
  float: left;
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 20px;
  background: url("../images/global/g_form-radio_US.png") left top no-repeat; }
  .paymentmethod .input-radio-span-wrap input {
    float: left;
    width: 24px;
    height: 24px;
    margin: 0;
    text-align: center;
    cursor: pointer;
    opacity: 0; }

.paymentmethod.paypal_active .input-radio-span-wrap {
  background: url("../images/global/g_form-radio_US.png") right top no-repeat;
  top: 43.5px; }

.paymentmethod.credit_card_active .input-radio-span-wrap {
  background: url("../images/global/g_form-radio_US.png") right top no-repeat;
  top: 43.5px; }

.paymentmethod .paymentdescription {
  display: none; }

@media screen and (max-width: 1024px) {
  .paymentdescription .field-row .field-label {
    width: 162px; } }

.paymentmethod .creditcard-termof-condition {
  clear: both;
  margin-bottom: -63px; }
  .paymentmethod .creditcard-termof-condition label {
    display: none; }
  .paymentmethod .creditcard-termof-condition .cart-terms-and-conditions {
    display: inline-block; }
  .paymentmethod .creditcard-termof-condition li.field-row.cart-terms-and-conditions div.field {
    width: 361px !important;
    position: relative;
    right: -11px;
    margin-top: -5px; }
  .paymentmethod .creditcard-termof-condition .content-asset span {
    position: relative;
    margin: -52px 0 0px 245px;
    float: right;
    color: #000;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px; }
    .paymentmethod .creditcard-termof-condition .content-asset span a {
      text-decoration: underline;
      color: #000;
      font-weight: 600;
      font-size: 14px; }
  .paymentmethod .creditcard-termof-condition .content-asset .termerror {
    color: #FE0E0D;
    font-size: 14px; }
    .paymentmethod .creditcard-termof-condition .content-asset .termerror a {
      color: #FE0E0D;
      font-size: 14px; }
  .paymentmethod .creditcard-termof-condition.german .content-asset span {
    margin: -52px 0 20px 245px; }
  .paymentmethod .creditcard-termof-condition .field-checker-two-liner .checker {
    transform: translate(0, -50%);
    top: 18px;
    z-index: 2; }

.paymentmethod .paypal-termof-condition {
  clear: both;
  margin-top: -4px;
  margin-bottom: -7px; }
  .paymentmethod .paypal-termof-condition .field-label {
    display: none; }
  .paymentmethod .paypal-termof-condition .cart-terms-and-conditions {
    display: inline-block; }
  .paymentmethod .paypal-termof-condition li.field-row.cart-terms-and-conditions div.field {
    width: 361px !important;
    position: relative;
    right: 0px; }
  .paymentmethod .paypal-termof-condition .content-asset span {
    position: relative;
    margin: -37px 0 0px 34px;
    float: left;
    color: #000;
    font-weight: 600;
    font-size: 14px;
    line-height: 14px; }
    .paymentmethod .paypal-termof-condition .content-asset span a {
      text-decoration: underline;
      color: #000;
      font-weight: 600;
      font-size: 14px; }
  .paymentmethod .paypal-termof-condition .content-asset .termerror {
    color: #FE0E0D;
    font-size: 14px; }
    .paymentmethod .paypal-termof-condition .content-asset .termerror a {
      color: #FE0E0D;
      font-size: 14px; }
  .paymentmethod .paypal-termof-condition .field-checker-two-liner .checker {
    transform: translate(0, -50%);
    top: 18px;
    z-index: 2; }

.creditcardtype_extension {
  display: inline-block;
  margin-top: -35px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.7em;
  width: 170px; }
  @media screen and (min-width: 1046px) {
    .creditcardtype_extension {
      position: absolute; } }

.note_payment {
  width: 580px;
  height: 33px;
  font-size: 10px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  color: #afafaf; }

#dwfrm_billing_paymentMethods_creditCard_month.input-select,
#dwfrm_billing_paymentMethods_creditCard_year.input-select {
  width: 90%;
  width: 113px;
  height: 34px;
  border-radius: 4px;
  border: solid 1px #979797; }

#dwfrm_billing_paymentMethods_creditCard_cvn {
  display: block; }

input#dwfrm_billing_paymentMethods_creditCard_owner.input-text.owner.ownerlength.required,
input#dwfrm_billing_paymentMethods_creditCard_number.input-text.ccnumber.required,
input#dwfrm_billing_paymentMethods_creditCard_cvn.input-text.cccvn,
select#dwfrm_billing_paymentMethods_creditCard_month.input-select,
select#dwfrm_billing_paymentMethods_creditCard_year.input-select,
select#dwfrm_billing_paymentMethods_creditCard_type.input-select,
select#dwfrm_billing_paymentMethods_creditCard_type.input-select {
  background-color: #ffffff; }

select#dwfrm_billing_paymentMethods_creditCard_month.input-select,
select#dwfrm_billing_paymentMethods_creditCard_year.input-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: white url(../images/global/icon-arrow.svg) no-repeat 120px center;
  background-size: 16px 16px;
  width: 145px;
  /* Tablet implementation */ }
  @media screen and (max-width: 1024px) {
    select#dwfrm_billing_paymentMethods_creditCard_month.input-select,
    select#dwfrm_billing_paymentMethods_creditCard_year.input-select {
      margin-bottom: 15px; } }

#dwfrm_billing_paymentMethods_creditCard_cvn-error.error {
  background: none repeat scroll 0 0 transparent;
  display: inline-block;
  margin: 1% 2% 2% 0; }

input#dwfrm_billing_paymentMethods_creditCard_number.input-text.ccnumber {
  background-color: #ffffff; }

/* Form field/radio btn - Credit card */
.paypal_property, .creditcard_property {
  display: none; }

.paypal_property.active {
  display: inline-block; }

.creditcard_property.active {
  display: inline-block; }

input#dwfrm_billing_paymentMethods_creditCard_owner {
  background-image: url(../images/global/icon_name-field.svg);
  background-size: 15px;
  padding-left: 48px !important;
  background-repeat: no-repeat;
  background-position: 10px center;
  padding-left: 25px; }

input#dwfrm_billing_paymentMethods_creditCard_number {
  background-image: url(../images/global/icon_card-field.svg);
  background-size: 21px;
  padding-left: 48px !important;
  background-repeat: no-repeat;
  background-position: 10px center;
  padding-left: 25px; }

input#dwfrm_billing_paymentMethods_creditCard_number.input-text.ccnumber.required.paymentimgVisa {
  background: url(../images/global/icon_card-field.svg) center left 10px, url(../images/global/icon_visa.png) center right 6px;
  background-size: 21px, 40px;
  background-color: #fff;
  padding-right: 35px !important;
  background-repeat: no-repeat;
  padding-right: 25px; }

input#dwfrm_billing_paymentMethods_creditCard_number.input-text.ccnumber.required.paymentimgVisaelectron {
  background: url(../images/global/icon_card-field.svg) center left 10px, url(../images/global/icon_visa_electron.png) center right 6px;
  background-size: 21px, 40px;
  background-color: #fff;
  padding-right: 35px !important;
  background-repeat: no-repeat;
  padding-right: 25px; }

input#dwfrm_billing_paymentMethods_creditCard_number.input-text.ccnumber.required.paymentimgMastercard {
  background: url(../images/global/icon_card-field.svg) center left 10px, url(../images/global/icon_mastercard.png) center right 6px;
  background-size: 21px, 40px;
  background-color: #fff;
  padding-right: 35px !important;
  background-repeat: no-repeat;
  padding-right: 25px; }

input#dwfrm_billing_paymentMethods_creditCard_number.input-text.ccnumber.required.paymentimgAmex {
  background: url(../images/global/icon_card-field.svg) center left 10px, url(../images/global/icon_amex.png) center right 6px;
  background-size: 21px, 40px;
  background-color: #fff;
  padding-right: 35px !important;
  background-repeat: no-repeat;
  padding-right: 25px; }

input#dwfrm_billing_paymentMethods_creditCard_number.input-text.ccnumber.required.paymentimgMaestro {
  background: url(../images/global/icon_card-field.svg) center left 10px, url(../images/global/icon_maestro.png) center right 6px;
  background-size: 21px, 40px;
  background-color: #fff;
  padding-right: 35px !important;
  background-repeat: no-repeat;
  padding-right: 25px; }

input#dwfrm_billing_paymentMethods_creditCard_number.input-text.ccnumber.required.paymentimgDelta {
  background: url(../images/global/icon_card-field.svg) center left 10px, url(../images/global/icon_delta.png) center right 6px;
  background-size: 21px, 40px;
  background-color: #fff;
  padding-right: 35px !important;
  background-repeat: no-repeat;
  padding-right: 25px; }

#main input[type=text].error,
#main input[type=password].error,
#main select.error {
  background-color: #edb43a;
  color: #000;
  text-transform: none; }

.address select {
  height: 3em; }

.shipping-method {
  margin-top: 1.83em; }
  .shipping-method label {
    display: inline;
    float: none !important;
    padding-right: .42em !important; }
  .shipping-method .shipping-description {
    display: inline; }

.gift-message-text.hidden {
  display: none; }

.redemption {
  color: #990000; }
  .redemption .success {
    color: #019328; }
  .redemption span.error {
    margin-left: 0; }

.payment-method-options {
  padding-left: 24%; }
  .payment-method-options .form-row {
    clear: none;
    float: left;
    width: 30%; }
  .payment-method-options label {
    width: auto; }

.payment-method {
  clear: both;
  display: none; }

.payment-method-expanded {
  display: block; }

.month,
.year,
.day {
  clear: none;
  float: left;
  margin: 0 0 2% 2%; }
  .month select,
  .year select,
  .day select {
    margin: 0;
    width: auto; }

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

.cvn input {
  width: 50px; }

.bml-terms-and-conditions {
  border: 1px solid #aaa;
  font-size: 0.8em;
  height: 400px;
  overflow: auto;
  padding: 1em; }

.bml-table-col-1 {
  width: 25%; }

.pt_checkout h3 {
  padding-bottom: 1em; }

.pt_checkout .payment-types h3 {
  padding-bottom: 0.6em; }

.pt_checkout .payment-validation-error {
  padding-bottom: 10px;
  color: #FE0E0D;
  font-size: 14px;
  letter-spacing: 0.23px;
  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif; }
  .pt_checkout .payment-validation-error.payment-termscondition-error {
    display: none; }

.checkout-mini-cart {
  background: none repeat scroll 0 0 #fff;
  max-height: 330px;
  overflow: auto;
  margin: 15px 0 0 0;
  font-size: 90%; }
  .checkout-mini-cart .mini-cart-product {
    display: -ms-flexbox;
    display: flex;
    margin: 20px 0 20px 0; }
    .checkout-mini-cart .mini-cart-product:first-child {
      margin: 0px 0 20px 0; }
    .checkout-mini-cart .mini-cart-product:last-child {
      margin: 20px 0 5px 0; }
    .checkout-mini-cart .mini-cart-product .mini-cart-body {
      margin: 0 0 0 10px; }
      .checkout-mini-cart .mini-cart-product .mini-cart-body .mini-cart-pricing-attributes {
        display: -ms-flexbox;
        display: flex;
        margin: 5px 0 0 0; }
        .checkout-mini-cart .mini-cart-product .mini-cart-body .mini-cart-pricing-attributes .mini-cart-pricing {
          width: auto; }
          .checkout-mini-cart .mini-cart-product .mini-cart-body .mini-cart-pricing-attributes .mini-cart-pricing .label-value {
            display: -ms-flexbox;
            display: flex; }
            .checkout-mini-cart .mini-cart-product .mini-cart-body .mini-cart-pricing-attributes .mini-cart-pricing .label-value .value {
              margin: 0 0 0 5px; }
        .checkout-mini-cart .mini-cart-product .mini-cart-body .mini-cart-pricing-attributes .mini-cart-attributes {
          display: -ms-flexbox;
          display: flex;
          margin: 0 0 0 32px; }
          .checkout-mini-cart .mini-cart-product .mini-cart-body .mini-cart-pricing-attributes .mini-cart-attributes .attribute {
            margin: 0 0 0 10px; }
            .checkout-mini-cart .mini-cart-product .mini-cart-body .mini-cart-pricing-attributes .mini-cart-attributes .attribute:nth-child(2) {
              width: 45px; }
            .checkout-mini-cart .mini-cart-product .mini-cart-body .mini-cart-pricing-attributes .mini-cart-attributes .attribute span.value img.cart-product-color {
              width: 15px;
              height: 15px; }

.checkout-order-totals {
  background: none repeat scroll 0 0 #fff;
  padding: 0.5em 0 1em 0;
  border-top: 1px solid #aaa;
  margin-top: 0.5em; }
  .checkout-order-totals .section-header {
    width: 93%; }
  .checkout-order-totals .order-totals-table {
    width: 100%; }
    .checkout-order-totals .order-totals-table td {
      padding: .42em 0 0; }
    .checkout-order-totals .order-totals-table .order-total {
      font-weight: bold; }
      .checkout-order-totals .order-totals-table .order-total td {
        padding-top: 0.5em;
        border-top: 1px solid #aaa; }

.place-order-totals {
  clear: both; }
  .place-order-totals .order-totals-table {
    float: right;
    width: 50%; }

.order-component-block {
  margin: 1.67em 0; }
  .order-component-block .section-header a {
    float: right;
    font-weight: normal; }
  .order-component-block .details {
    border-top: 4px solid #000000;
    color: #222;
    padding: 0.5em 1em;
    padding-left: 0px; }

.order-summary-footer {
  position: relative; }
  .order-summary-footer h2 {
    font-size: 2em;
    font-style: italic;
    font-weight: normal; }
  .order-summary-footer .newsletterfield .label-inline label {
    width: 285px; }
  .order-summary-footer .newsletterfield .field-checker-two-liner .checker {
    position: absolute;
    top: 42px;
    left: -187px; }
  .order-summary-footer .newsletterfield .form-caption span {
    margin-left: 32px; }
  .order-summary-footer .static-width-380 {
    min-width: 380px; }
  .order-summary-footer .button-checkout {
    background-color: #FE0E0D;
    color: #fff;
    padding: 3px;
    border: 0; }
    .order-summary-footer .button-checkout span {
      border: 3px solid transparent;
      padding: 11px; }
    .order-summary-footer .button-checkout:hover span {
      border: 1px solid #fff;
      padding: 13px; }
    .order-summary-footer .button-checkout:active span {
      border: 3px solid #fff;
      padding: 11px; }

.summary-help {
  float: right;
  font-size: 0.8em;
  margin: 1em 0; }

.submit-order {
  clear: both;
  display: block;
  padding: 1.67em 0 0;
  text-align: right; }
  .submit-order .back-to-cart {
    font-size: 1.1em; }
    .submit-order .back-to-cart:hover {
      text-decoration: underline; }
  .submit-order button {
    margin-left: 1.5em; }

.pt_order-confirmation {
  /* displays total order amount on confirmation page emphasized */ }
  .pt_order-confirmation h1 {
    font-size: 2.5em; }
  .pt_order-confirmation .order-shipment-table {
    margin: 0 0 1.67em; }
    .pt_order-confirmation .order-shipment-table .order-shipment-details {
      border-right: 1px solid #e0e0e0;
      min-width: 200px; }
  .pt_order-confirmation #sidebar {
    margin-top: 180px; }
  .pt_order-confirmation #header-confirmation {
    margin-top: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    /*ghost button without bg image */ }
    .pt_order-confirmation #header-confirmation h1 {
      float: left; }
    .pt_order-confirmation #header-confirmation .button-container {
      float: right;
      font-size: 14px; }
      .pt_order-confirmation #header-confirmation .button-container .btn_ghost {
        color: #000;
        border: 3px solid #000;
        padding: 0;
        background: transparent; }
        .pt_order-confirmation #header-confirmation .button-container .btn_ghost span {
          border: 2px solid transparent;
          padding: 5px; }
        .pt_order-confirmation #header-confirmation .button-container .btn_ghost:hover {
          border: 3px solid #FE0E0D;
          color: #FE0E0D; }
        .pt_order-confirmation #header-confirmation .button-container .btn_ghost:active {
          background: #FE0E0D;
          color: #fff;
          border: 3px solid #FE0E0D; }
          .pt_order-confirmation #header-confirmation .button-container .btn_ghost:active span {
            border: 2px solid #fff; }
  .pt_order-confirmation #header-confirmation-pending {
    margin-top: 30px;
    display: -ms-flexbox;
    display: flex; }
    .pt_order-confirmation #header-confirmation-pending h1 {
      float: left;
      font-size: 1.5em;
      line-height: 1.2em;
      color: #FE0E0D; }
  .pt_order-confirmation div.order-total-confirmationpage-bold {
    float: right;
    font-size: 1.7em;
    font-weight: bold;
    text-transform: uppercase; }
  .pt_order-confirmation #primary h2 {
    font-size: 2em;
    font-style: italic;
    font-weight: normal; }
  .pt_order-confirmation .print-page {
    float: right; }
  .pt_order-confirmation #sidebar #sidebar-content .checkout-account button {
    color: #fff;
    width: 170px;
    background: red;
    border: 0;
    padding: 11px;
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
    font-size: 13px; }
  .pt_order-confirmation #sidebar #sidebar-content .login-box.login-create-account.clearfix .section-header, .pt_order-confirmation #sidebar #sidebar-content .login-box.login-create-account.category-switch .section-header {
    width: 296px; }
  .pt_order-confirmation #sidebar #sidebar-content .login-box.login-create-account.clearfix .login-box-content.clearfix p, .pt_order-confirmation #sidebar #sidebar-content .login-box.login-create-account.category-switch .login-box-content.clearfix p, .pt_order-confirmation #sidebar #sidebar-content .login-box.login-create-account.clearfix .login-box-content.category-switch p, .pt_order-confirmation #sidebar #sidebar-content .login-box.login-create-account.category-switch .login-box-content.category-switch p {
    width: 215px; }

.uq-checkout {
  /* displays total order amount on summary page emphasized */ }
  .uq-checkout div.order-total-confirmationpage-bold {
    float: right;
    font-size: 1.7em;
    font-weight: bold;
    text-transform: uppercase; }

/*ghost button confirmation page without bg image */
div.actions .button-container {
  float: left;
  font-size: 14px; }
  div.actions .button-container .btn_ghost {
    color: #000;
    border: 3px solid #000;
    padding: 0;
    background: transparent; }
    div.actions .button-container .btn_ghost span {
      border: 2px solid transparent;
      padding: 5px; }
    div.actions .button-container .btn_ghost:hover {
      border: 3px solid #FE0E0D;
      color: #FE0E0D; }
    div.actions .button-container .btn_ghost:active {
      background: #FE0E0D;
      color: #fff;
      border: 3px solid #FE0E0D; }
      div.actions .button-container .btn_ghost:active span {
        border: 2px solid #fff; }

.pt_checkoutlogin {
  padding: 0;
  max-width: none; }
  .pt_checkoutlogin .column {
    overflow: visible; }
  .pt_checkoutlogin .main {
    background-color: #f2f2f2; }
  .pt_checkoutlogin .error-message {
    width: 345px;
    margin-top: 20px; }
  .pt_checkoutlogin #content {
    overflow: visible;
    padding-top: 0; }
  .pt_checkoutlogin .main-section {
    min-height: 715px; }
  .pt_checkoutlogin .alert {
    width: 748px;
    margin: 20px auto -20px auto;
    color: #000;
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
    font-size: 14px;
    padding: 12px 33px;
    font-weight: 500;
    background-color: rgba(255, 0, 0, 0.25);
    text-align: center;
    line-height: 18px;
    text-transform: none;
    clear: both; }
    .pt_checkoutlogin .alert img {
      padding: 0 5px 3px 0; }
  .pt_checkoutlogin .securemessage span {
    clear: both;
    width: 100%;
    position: absolute;
    text-align: center;
    padding-top: 18px;
    font-size: 14px;
    color: #808080;
    line-height: 18px;
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
    font-weight: 400;
    right: -12px; }
  .pt_checkoutlogin .securemessage span:before {
    content: '';
    background-image: url("../images/global/login_icon_lock_dark-grey.svg");
    background-repeat: no-repeat;
    background-size: 100%;
    width: 19px;
    height: 22px;
    display: inline-block;
    vertical-align: bottom;
    margin: 0 10px 0 -25px; }
  .pt_checkoutlogin #checkout-col {
    width: 748px;
    min-height: 490px;
    margin: 40px auto 0 auto;
    background-color: #fff;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.15); }
    .pt_checkoutlogin #checkout-col .checkoutlogin-titles {
      height: 54px;
      clear: both;
      background-color: #f2f2f2; }
      .pt_checkoutlogin #checkout-col .checkoutlogin-titles .checkoutlogin-titles-returning {
        text-align: center;
        background-color: #f2f2f2;
        color: #808080;
        font-size: 22px;
        line-height: 25px;
        padding: 15px 0;
        text-transform: uppercase;
        float: left;
        width: 50%;
        font-family: "UniqloRegularRegular";
        cursor: pointer; }
        .pt_checkoutlogin #checkout-col .checkoutlogin-titles .checkoutlogin-titles-returning.active {
          background-color: #fff;
          cursor: default;
          border-top-left-radius: 5px;
          color: #000;
          box-shadow: -3px 0 0 rgba(222, 212, 224, 0.22); }
        .pt_checkoutlogin #checkout-col .checkoutlogin-titles .checkoutlogin-titles-returning.active:hover {
          background-color: #fff; }
        .pt_checkoutlogin #checkout-col .checkoutlogin-titles .checkoutlogin-titles-returning.returning-updated {
          box-shadow: 5px 0 0 #f2f2f2; }
      .pt_checkoutlogin #checkout-col .checkoutlogin-titles .checkoutlogin-titles-returning:hover,
      .pt_checkoutlogin #checkout-col .checkoutlogin-titles .checkoutlogin-titles-new:hover {
        background-color: #E6E6E6; }
      .pt_checkoutlogin #checkout-col .checkoutlogin-titles .checkoutlogin-titles-new {
        text-align: center;
        float: left;
        width: 50%;
        font-family: "UniqloRegularRegular";
        text-transform: uppercase;
        background-color: #f2f2f2;
        line-height: 25px;
        padding: 15px 0;
        font-size: 22px;
        cursor: pointer;
        color: #808080; }
        .pt_checkoutlogin #checkout-col .checkoutlogin-titles .checkoutlogin-titles-new.active {
          background-color: #fff;
          cursor: default;
          border-top-right-radius: 5px;
          color: #000;
          position: relative;
          box-shadow: 3px 0 0 rgba(222, 212, 224, 0.22);
          -webkit-box-shadow: 3px 0 0 rgba(222, 212, 224, 0.22);
          -moz-box-shadow: 3px 0 0 rgba(222, 212, 224, 0.22); }
        .pt_checkoutlogin #checkout-col .checkoutlogin-titles .checkoutlogin-titles-new.new-updated {
          box-shadow: -5px 0 0 #f2f2f2;
          -webkit-box-shadow: -5px 0 0 #f2f2f2;
          -moz-box-shadow: -5px 0 0 #f2f2f2; }
    .pt_checkoutlogin #checkout-col .checkoutlogin-input-section {
      clear: both;
      padding-top: 30px; }
      .pt_checkoutlogin #checkout-col .checkoutlogin-input-section .login-oauth-popup-facebook {
        display: block; }
      .pt_checkoutlogin #checkout-col .checkoutlogin-input-section .oauth-facebook-text:before {
        content: '';
        background-image: url("../images/global/register_fb_icon_big.svg");
        background-repeat: no-repeat;
        height: 27px;
        width: 27px;
        display: inline-block;
        position: absolute;
        left: 10px;
        background-size: 100%;
        top: 10px; }
      .pt_checkoutlogin #checkout-col .checkoutlogin-input-section .input-section-new {
        width: 375px;
        margin: 0 auto; }
        .pt_checkoutlogin #checkout-col .checkoutlogin-input-section .input-section-new fieldset {
          margin: 0; }
        .pt_checkoutlogin #checkout-col .checkoutlogin-input-section .input-section-new .login-box-content {
          padding: 0; }
        .pt_checkoutlogin #checkout-col .checkoutlogin-input-section .input-section-new .ormessage {
          text-align: center;
          color: #000;
          font-family: "UniqloRegularRegular";
          font-size: 18px;
          line-height: 21px;
          padding: 20px 0 13px; }
          .pt_checkoutlogin #checkout-col .checkoutlogin-input-section .input-section-new .ormessage span {
            display: inline-block; }
          .pt_checkoutlogin #checkout-col .checkoutlogin-input-section .input-section-new .ormessage .line {
            width: 168px;
            border-bottom: 1px solid #e7e7e7; }
          .pt_checkoutlogin #checkout-col .checkoutlogin-input-section .input-section-new .ormessage .text {
            width: 39px;
            text-align: center;
            top: 4px;
            position: relative; }
        .pt_checkoutlogin #checkout-col .checkoutlogin-input-section .input-section-new .button-container {
          width: 375px; }
          .pt_checkoutlogin #checkout-col .checkoutlogin-input-section .input-section-new .button-container.accountcreation-container {
            margin: 30px 0; }
          .pt_checkoutlogin #checkout-col .checkoutlogin-input-section .input-section-new .button-container .btn_checkout_guest {
            width: 100%;
            height: 47px;
            background-color: #000;
            font-family: "UniqloBoldRegular", helvetica, arial;
            font-size: 18px; }
            .pt_checkoutlogin #checkout-col .checkoutlogin-input-section .input-section-new .button-container .btn_checkout_guest.btn_checkout_guest_accountcreation {
              padding-top: 11px; }
            .pt_checkoutlogin #checkout-col .checkoutlogin-input-section .input-section-new .button-container .btn_checkout_guest span {
              border: none;
              padding: 0; }
          .pt_checkoutlogin #checkout-col .checkoutlogin-input-section .input-section-new .button-container .btn_checkout_guest:hover span {
            border: none;
            padding: 0; }
        .pt_checkoutlogin #checkout-col .checkoutlogin-input-section .input-section-new .guestmessage {
          font-size: 14px;
          color: #808080;
          width: 375px;
          line-height: 16px;
          font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
          font-weight: 400;
          padding-top: 5px; }
        .pt_checkoutlogin #checkout-col .checkoutlogin-input-section .input-section-new .facebooktitle {
          padding-top: 8px;
          clear: both;
          margin-left: 12px; }
          .pt_checkoutlogin #checkout-col .checkoutlogin-input-section .input-section-new .facebooktitle span {
            display: block;
            font-size: 14px;
            color: #808080;
            line-height: 16px;
            font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
            font-weight: 400; }
          .pt_checkoutlogin #checkout-col .checkoutlogin-input-section .input-section-new .facebooktitle span:before {
            content: '';
            background-image: url("../images/global/icon_arrow_copy.svg");
            background-repeat: no-repeat;
            background-size: 100%;
            width: 13px;
            height: 10px;
            display: inline-block;
            margin-right: 9px; }
      .pt_checkoutlogin #checkout-col .checkoutlogin-input-section .input-section-returning {
        display: none;
        margin: 0 auto;
        width: 535px; }
        .pt_checkoutlogin #checkout-col .checkoutlogin-input-section .input-section-returning.active {
          display: block; }
        .pt_checkoutlogin #checkout-col .checkoutlogin-input-section .input-section-returning h5 {
          text-transform: uppercase;
          font-family: "UniqloRegularRegular";
          font-size: 18px;
          color: #000;
          line-height: 21px;
          margin-bottom: 6px; }
        .pt_checkoutlogin #checkout-col .checkoutlogin-input-section .input-section-returning #login-email {
          width: 100%;
          float: none;
          padding-left: 0;
          border-left: none;
          margin: 0 auto; }
          .pt_checkoutlogin #checkout-col .checkoutlogin-input-section .input-section-returning #login-email .display-guest-pass-button {
            position: absolute;
            z-index: 24;
            top: 10px;
            right: 11px;
            content: '';
            background-image: url(../images/global/password_icon_eye.png);
            background-repeat: no-repeat;
            background-size: 100%;
            width: 26px;
            height: 21px;
            background-color: transparent; }
            .pt_checkoutlogin #checkout-col .checkoutlogin-input-section .input-section-returning #login-email .display-guest-pass-button.visibled {
              background-image: url("../images/global/password_icon_eye_hide.png");
              background-repeat: no-repeat;
              background-size: 100%;
              width: 26px;
              height: 21px;
              top: 8px; }
          .pt_checkoutlogin #checkout-col .checkoutlogin-input-section .input-section-returning #login-email fieldset {
            margin-top: -5px; }
          .pt_checkoutlogin #checkout-col .checkoutlogin-input-section .input-section-returning #login-email input[type=text],
          .pt_checkoutlogin #checkout-col .checkoutlogin-input-section .input-section-returning #login-email input[type=password] {
            outline: none;
            font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
            font-size: 14px;
            font-weight: 500;
            color: #000; }
            .pt_checkoutlogin #checkout-col .checkoutlogin-input-section .input-section-returning #login-email input[type=text].error,
            .pt_checkoutlogin #checkout-col .checkoutlogin-input-section .input-section-returning #login-email input[type=password].error {
              background-color: #eaeaea !important;
              border: 1px solid #FE0E0D; }
            .pt_checkoutlogin #checkout-col .checkoutlogin-input-section .input-section-returning #login-email input[type=text].valid,
            .pt_checkoutlogin #checkout-col .checkoutlogin-input-section .input-section-returning #login-email input[type=password].valid {
              border: 1px solid #000;
              background-color: #eaeaea !important; }
          .pt_checkoutlogin #checkout-col .checkoutlogin-input-section .input-section-returning #login-email span.error {
            text-transform: none;
            font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
            font-size: 14px;
            font-weight: 500;
            line-height: 15px; }
          .pt_checkoutlogin #checkout-col .checkoutlogin-input-section .input-section-returning #login-email .field-label {
            width: 150px;
            margin-right: 10px;
            text-transform: uppercase;
            font-family: "UniqloRegularRegular";
            font-size: 18px;
            color: #000;
            line-height: 21px; }
          .pt_checkoutlogin #checkout-col .checkoutlogin-input-section .input-section-returning #login-email .field {
            width: 375px;
            position: relative; }
            .pt_checkoutlogin #checkout-col .checkoutlogin-input-section .input-section-returning #login-email .field .input-text {
              height: 38px; }
          .pt_checkoutlogin #checkout-col .checkoutlogin-input-section .input-section-returning #login-email .field-row {
            margin-bottom: 20px; }
            .pt_checkoutlogin #checkout-col .checkoutlogin-input-section .input-section-returning #login-email .field-row #pwd-reset {
              float: right;
              font-size: 14px;
              color: #808080;
              line-height: 16px;
              font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
              font-weight: 400;
              text-transform: none;
              text-decoration: underline; }
            .pt_checkoutlogin #checkout-col .checkoutlogin-input-section .input-section-returning #login-email .field-row.field-row-pwd-reset {
              margin: 25px 0 -20px;
              clear: both; }
              .pt_checkoutlogin #checkout-col .checkoutlogin-input-section .input-section-returning #login-email .field-row.field-row-pwd-reset .field-label {
                min-height: 30px; }
            .pt_checkoutlogin #checkout-col .checkoutlogin-input-section .input-section-returning #login-email .field-row.field-row-socialoption {
              clear: both; }
              .pt_checkoutlogin #checkout-col .checkoutlogin-input-section .input-section-returning #login-email .field-row.field-row-socialoption .field-label {
                min-height: 30px; }
            .pt_checkoutlogin #checkout-col .checkoutlogin-input-section .input-section-returning #login-email .field-row.field-row-facebookbutton {
              margin: -18px 0 28px; }
              .pt_checkoutlogin #checkout-col .checkoutlogin-input-section .input-section-returning #login-email .field-row.field-row-facebookbutton .field-label {
                min-height: 30px; }
          .pt_checkoutlogin #checkout-col .checkoutlogin-input-section .input-section-returning #login-email #signin button {
            font-family: "UniqloBoldRegular", helvetica, arial;
            font-size: 18px;
            outline: 0; }
          .pt_checkoutlogin #checkout-col .checkoutlogin-input-section .input-section-returning #login-email .ormessage {
            text-align: center;
            color: #000;
            font-family: "UniqloBoldRegular", helvetica, arial;
            font-size: 18px;
            line-height: 21px;
            padding-top: 1px; }
            .pt_checkoutlogin #checkout-col .checkoutlogin-input-section .input-section-returning #login-email .ormessage span {
              display: inline-block; }
            .pt_checkoutlogin #checkout-col .checkoutlogin-input-section .input-section-returning #login-email .ormessage .line {
              width: 168px;
              border-bottom: 1px solid #e7e7e7; }
            .pt_checkoutlogin #checkout-col .checkoutlogin-input-section .input-section-returning #login-email .ormessage .text {
              width: 39px;
              text-align: center;
              top: 4px;
              position: relative; }

.confirmation-message {
  margin-bottom: 1.67em;
  padding-bottom: 1.67em; }

.confirmation-message.unregistered {
  padding-bottom: 0.17em; }

.order-discount .value {
  color: #FE0E0D;
  font-size: 14px;
  font-weight: bold; }

.gift-cert-used {
  padding: .83em 0; }

.order-detail-options {
  border-top: 1px solid #e0e0e0;
  margin: 1.67em 0 0;
  padding: 1.67em 0 0;
  text-align: right; }
  .order-detail-options a {
    margin: 0; }

.summary .edit {
  position: absolute;
  text-transform: uppercase;
  right: 10px;
  font-size: 0.9em;
  line-height: 1.5em; }

.pt_cart .breadcrumb {
  padding-left: 0; }

.pt_order-confirmation .order-confirmation-details .content-header {
  margin: .6em 0 !important; }

.order-shipment-details .label,
.order-shipment-details .firstname,
.order-shipment-details .lastname {
  font-weight: bold; }

.item-shipping-address {
  min-width: 120px; }

.order-shipment-gift-message-header {
  font-weight: bold;
  font-size: 1.2em;
  padding-bottom: 0px; }

.order-shipment-gift-message {
  font-size: 1.1em; }

.billing-error {
  color: red;
  margin: 0 0 .83em 24%; }

#singleshipping-section .alternative-shippingaddress,
#singleshipping-section .use-shippingasbilling-addressbox,
#singleshipping-section .shipping-carrierpoint-info {
  display: none; }
  #singleshipping-section .alternative-shippingaddress .js_edit,
  #singleshipping-section .use-shippingasbilling-addressbox .js_edit,
  #singleshipping-section .shipping-carrierpoint-info .js_edit {
    display: none; }
  #singleshipping-section .alternative-shippingaddress .editselectedstore,
  #singleshipping-section .use-shippingasbilling-addressbox .editselectedstore,
  #singleshipping-section .shipping-carrierpoint-info .editselectedstore {
    text-transform: uppercase;
    font-family: "UniqloRegularRegular";
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.3px;
    color: #ff0002;
    text-decoration: underline; }
  #singleshipping-section .alternative-shippingaddress .companyName,
  #singleshipping-section .alternative-shippingaddress .storecodemessage,
  #singleshipping-section .use-shippingasbilling-addressbox .companyName,
  #singleshipping-section .use-shippingasbilling-addressbox .storecodemessage,
  #singleshipping-section .shipping-carrierpoint-info .companyName,
  #singleshipping-section .shipping-carrierpoint-info .storecodemessage {
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43; }
  #singleshipping-section .alternative-shippingaddress .storecodemessage,
  #singleshipping-section .use-shippingasbilling-addressbox .storecodemessage,
  #singleshipping-section .shipping-carrierpoint-info .storecodemessage {
    text-transform: uppercase;
    font-weight: normal;
    font-size: 1.4em;
    font-family: "UniqloRegularRegular"; }
  #singleshipping-section .alternative-shippingaddress .address,
  #singleshipping-section .alternative-shippingaddress .address2,
  #singleshipping-section .alternative-shippingaddress .postalcode_city,
  #singleshipping-section .alternative-shippingaddress .country,
  #singleshipping-section .alternative-shippingaddress .storecode,
  #singleshipping-section .use-shippingasbilling-addressbox .address,
  #singleshipping-section .use-shippingasbilling-addressbox .address2,
  #singleshipping-section .use-shippingasbilling-addressbox .postalcode_city,
  #singleshipping-section .use-shippingasbilling-addressbox .country,
  #singleshipping-section .use-shippingasbilling-addressbox .storecode,
  #singleshipping-section .shipping-carrierpoint-info .address,
  #singleshipping-section .shipping-carrierpoint-info .address2,
  #singleshipping-section .shipping-carrierpoint-info .postalcode_city,
  #singleshipping-section .shipping-carrierpoint-info .country,
  #singleshipping-section .shipping-carrierpoint-info .storecode {
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.43; }

#singleshipping-section .use-shippingasbilling-address .field-label {
  width: 150%; }

#singleshipping-section .addressbox-delivery-address {
  width: 576px; }

#singleshipping-section .addressbox-Lookup-address {
  width: 576px;
  text-align: right; }
  #singleshipping-section .addressbox-Lookup-address a {
    text-decoration: underline;
    color: #222;
    font-size: 0.950em;
    font-family: "UniqloRegularRegular";
    text-transform: uppercase; }
  #singleshipping-section .addressbox-Lookup-address a:hover {
    color: #f00; }

#singleshipping-section .addressbox-postcode-lookup {
  width: 576px;
  text-align: right;
  margin-top: -20px; }
  #singleshipping-section .addressbox-postcode-lookup .addressbox-postal-errormessage span {
    color: #FE0E0D;
    text-transform: uppercase; }
  #singleshipping-section .addressbox-postcode-lookup .button-container #lookup-findmyadress {
    background-color: #000;
    padding: 10px;
    color: #fff;
    margin-bottom: 5px; }
  #singleshipping-section .addressbox-postcode-lookup .button-container #lookup-findmyadress:hover {
    background-color: #FE0E0D; }
  #singleshipping-section .addressbox-postcode-lookup .button-container span {
    font-family: "UniqloRegularRegular";
    text-align: center;
    display: inline-block;
    white-space: nowrap;
    font-size: 100%;
    text-transform: uppercase; }
  #singleshipping-section .addressbox-postcode-lookup .address-manually a {
    text-decoration: underline;
    color: #222;
    font-size: 0.950em;
    font-family: "UniqloRegularRegular";
    text-transform: uppercase; }
  #singleshipping-section .addressbox-postcode-lookup .address-manually a:hover {
    color: #FE0E0D; }

#singleshipping-section .use-order-notification .field {
  width: 100%; }
  #singleshipping-section .use-order-notification .field .field-label {
    width: 100%; }

#singleshipping-section .clear {
  clear: both; }

#singleshipping-section .addressbox-address1-streetNo .field-row:first-child .field-info {
  display: none; }

#singleshipping-section .addressbox-address1-streetNo .field-row:last-child {
  width: 99px; }
  #singleshipping-section .addressbox-address1-streetNo .field-row:last-child .field-label {
    display: none; }
  #singleshipping-section .addressbox-address1-streetNo .field-row:last-child .field {
    width: 99px; }
  #singleshipping-section .addressbox-address1-streetNo .field-row:last-child .field-info {
    clear: both; }

#singleshipping-section .addressbox-address1-streetNo .field-row:nth-child(2) {
  width: 276px; }
  #singleshipping-section .addressbox-address1-streetNo .field-row:nth-child(2) .field-label {
    display: none; }
  #singleshipping-section .addressbox-address1-streetNo .field-row:nth-child(2) .field {
    width: 265px; }
  #singleshipping-section .addressbox-address1-streetNo .field-row:nth-child(2) .field-info {
    clear: both; }

#singleshipping-section .addressbox-address1-streetNo .field-row {
  float: left; }

#singleshipping-section .addressbox-address1-streetNo.fr .field-row:last-child {
  width: 276px; }
  #singleshipping-section .addressbox-address1-streetNo.fr .field-row:last-child .field-label {
    display: none; }
  #singleshipping-section .addressbox-address1-streetNo.fr .field-row:last-child .field {
    width: 276px; }
  #singleshipping-section .addressbox-address1-streetNo.fr .field-row:last-child .field-info {
    clear: both; }

#singleshipping-section .addressbox-address1-streetNo.fr .field-row:nth-child(2) {
  width: 99px; }
  #singleshipping-section .addressbox-address1-streetNo.fr .field-row:nth-child(2) .field-label {
    display: none; }
  #singleshipping-section .addressbox-address1-streetNo.fr .field-row:nth-child(2) .field {
    width: 90px; }
  #singleshipping-section .addressbox-address1-streetNo.fr .field-row:nth-child(2) .field-info {
    clear: both; }

#singleshipping-section .addressbox-phoneMobile .field-row {
  float: left; }

#singleshipping-section .addressbox-phoneMobile .field-row:nth-child(2) {
  width: 99px; }

#singleshipping-section .addressbox-phoneMobile .field-row:nth-child(3) {
  width: 276px; }
  #singleshipping-section .addressbox-phoneMobile .field-row:nth-child(3) .field-info {
    margin-left: -99px;
    padding-top: 8px;
    padding-bottom: 8px; }

#singleshipping-section .addressbox-phoneMobile .field-row:first-child .field-info {
  display: none; }

#singleshipping-section .addressbox-phoneMobile .phoneMobilePrefix-select {
  width: 90px;
  height: 34px; }
  #singleshipping-section .addressbox-phoneMobile .phoneMobilePrefix-select:hover {
    cursor: pointer; }

#singleshipping-section .addressbox-phoneMobile .phoneMobile-select {
  width: 276px; }

#paymentmethods .creditcard_headline {
  text-transform: uppercase;
  padding: 23px 0 23px 0;
  font-size: 19px;
  font-weight: bold; }

.tooltip_creditCard {
  width: 83px;
  height: 78px;
  padding-right: 10px;
  float: left; }

.creditcardcvn {
  float: left;
  width: 100%;
  margin-top: 5px;
  position: relative; }
  .creditcardcvn .tooltip {
    left: 50.5%;
    top: 20px;
    position: absolute; }
    @media screen and (max-width: 1024px) {
      .creditcardcvn .tooltip {
        left: 49.5%; } }
    .creditcardcvn .tooltip img {
      width: 83px;
      height: 78px;
      background-color: #5e5e5e; }

.creditcardnumber .field-row .field, .creditcardholder .field-row .field, .creditcardexpiry .field-row .field, .creditcardcvn .field-row .field {
  width: 360px;
  right: -11px;
  position: relative; }

.creditcardnumber .field-info.error.error-message, .creditcardcvn .field-info.error.error-message {
  position: relative;
  left: 36%; }

.field-info.error.error-message.bdb {
  color: #f00;
  margin-left: 213px;
  margin-bottom: 15px; }

.checkout-billing .creditcardbox {
  display: none;
  background-color: #d8d8d8;
  padding: 0px 0px 10px 0px;
  margin: 0px; }
  .checkout-billing .creditcardbox .error select,
  .checkout-billing .creditcardbox .error input {
    background-color: #edb43a !important; }
  .checkout-billing .creditcardbox .creditcardtype #creditcard-list-option {
    width: 100%; }
    .checkout-billing .creditcardbox .creditcardtype #creditcard-list-option .list-option {
      display: inline-block !important;
      margin: 0 5% 0 6%;
      padding: 0 0 3px 0;
      font-size: 0;
      box-sizing: border-box;
      text-align: center; }
      .checkout-billing .creditcardbox .creditcardtype #creditcard-list-option .list-option .input-radio-span-wrap {
        top: 0;
        float: none;
        margin: 10px auto; }
      .checkout-billing .creditcardbox .creditcardtype #creditcard-list-option .list-option .selected img {
        margin: -2px;
        border: 3px solid #000; }
      .checkout-billing .creditcardbox .creditcardtype #creditcard-list-option .list-option .selected + .input-radio-span-wrap {
        background: url("../images/global/g_form-radio_US.png") right top no-repeat; }
      .checkout-billing .creditcardbox .creditcardtype #creditcard-list-option .list-option img {
        background-color: #fff;
        width: 80px;
        height: 50px; }
    .checkout-billing .creditcardbox .creditcardtype #creditcard-list-option .list-option-GB {
      margin: 0 2% 0 2%; }
      .checkout-billing .creditcardbox .creditcardtype #creditcard-list-option .list-option-GB:first-child img {
        background-color: transparent;
        width: 115px;
        height: 35px; }
      .checkout-billing .creditcardbox .creditcardtype #creditcard-list-option .list-option-GB img {
        background-color: transparent;
        width: 154px;
        height: 35px; }
      .checkout-billing .creditcardbox .creditcardtype #creditcard-list-option .list-option-GB:last-child img {
        background-color: #fff;
        width: 59px;
        height: 35px; }

/* fix for cvv popup on payment page */
.ui-helper-hidden-accessible {
  display: none; }

.pt_checkout #primary {
  position: relative;
  float: left;
  margin-right: 100px; }

.pt_checkout #secondary {
  width: 300px;
  z-index: 0;
  top: 0px;
  background: #fff;
  margin: 0.4em 0; }
  .pt_checkout #secondary .order-totals-table .order-shipping a {
    display: -ms-flexbox;
    display: flex; }
  .pt_checkout #secondary h3,
  .pt_checkout #secondary .button-container {
    background: none;
    width: 50%;
    text-align: left;
    padding-left: 0px; }
  .pt_checkout #secondary h3 {
    width: 50%;
    border-bottom: none; }
  .pt_checkout #secondary .content-asset h3 {
    display: none; }
  .pt_checkout #secondary .mini-shipment,
  .pt_checkout #secondary .mini-billing-address,
  .pt_checkout #secondary .mini-payment-instrument {
    margin: 0.4em 0; }
  .pt_checkout #secondary .mini-shipment .minishipment-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    background: #fff; }
    .pt_checkout #secondary .mini-shipment .minishipment-header h3 {
      width: 100%; }
    .pt_checkout #secondary .mini-shipment .minishipment-header .button-container {
      width: 58%; }
      .pt_checkout #secondary .mini-shipment .minishipment-header .button-container .button {
        float: right;
        color: #FE0E0D; }
        .pt_checkout #secondary .mini-shipment .minishipment-header .button-container .button:hover {
          color: #000; }
  .pt_checkout #secondary .mini-billing-address .mini-billing-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    background: #fff; }
    .pt_checkout #secondary .mini-billing-address .mini-billing-header h3 {
      width: 100%; }
    .pt_checkout #secondary .mini-billing-address .mini-billing-header .button-container {
      width: 50%; }
      .pt_checkout #secondary .mini-billing-address .mini-billing-header .button-container .button {
        float: right;
        color: #FE0E0D; }
        .pt_checkout #secondary .mini-billing-address .mini-billing-header .button-container .button:hover {
          color: #000; }
  .pt_checkout #secondary .mini-payment-instrument .mini-payment-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    background: #fff; }
    .pt_checkout #secondary .mini-payment-instrument .mini-payment-header h3 {
      width: 40%; }
    .pt_checkout #secondary .mini-payment-instrument .mini-payment-header .button-container {
      width: 58%; }
      .pt_checkout #secondary .mini-payment-instrument .mini-payment-header .button-container .button {
        float: right;
        color: #FE0E0D; }
        .pt_checkout #secondary .mini-payment-instrument .mini-payment-header .button-container .button:hover {
          color: #000; }
  .pt_checkout #secondary .mini-summary-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    background: #fff;
    margin-top: 70px; }
    .pt_checkout #secondary .mini-summary-header.summary-header-paypalexpress {
      margin-top: 0; }
    .pt_checkout #secondary .mini-summary-header h3 {
      width: 100%;
      padding-left: 0;
      text-align: left; }
    .pt_checkout #secondary .mini-summary-header .button-container {
      width: 50%; }
      .pt_checkout #secondary .mini-summary-header .button-container .button {
        float: right;
        color: #FE0E0D; }
        .pt_checkout #secondary .mini-summary-header .button-container .button:hover {
          color: #000; }

.pt_checkout .thick.bottom-line {
  margin: 5px 0 50px 0; }
  .pt_checkout .thick.bottom-line.single-shipping {
    margin: 5px 0 30px 0; }

.pt_checkout .bottom-buttons {
  display: -ms-flexbox;
  display: flex; }

.pt_checkout .edit-button {
  width: 74%; }
  .pt_checkout .edit-button a {
    position: relative;
    top: -17px;
    left: -14px; }

.pt_checkout .button-container .button-checkout {
  float: right; }

.pt_checkout .button-container .payment-paypal-logo-summary {
  vertical-align: text-top;
  height: 15px;
  width: 56px;
  margin-left: 5px; }

.pt_checkout .button-container .btn-NoBackgroundImage {
  float: right;
  background-color: #FE0E0D;
  color: #fff;
  padding: 3px;
  border: 0;
  text-transform: uppercase;
  color: #fff; }
  .pt_checkout .button-container .btn-NoBackgroundImage span {
    border: 3px solid transparent;
    padding: 7px; }
  .pt_checkout .button-container .btn-NoBackgroundImage.paypal_active_btn {
    background-color: #ffc439;
    width: 197px;
    height: 42px;
    float: left;
    margin-top: 7px; }
  .pt_checkout .button-container .btn-NoBackgroundImage.button {
    text-transform: none;
    color: #000; }
  .pt_checkout .button-container .btn-NoBackgroundImage:hover span {
    width: 100%; }
  .pt_checkout .button-container .btn-NoBackgroundImage.creditcard_active_btn {
    background-color: #FE0E0D;
    color: #fff;
    text-transform: uppercase;
    padding: 3px;
    border: 0; }
    .pt_checkout .button-container .btn-NoBackgroundImage.creditcard_active_btn.new-termofcondition-placeorder {
      min-width: 180px; }
      .pt_checkout .button-container .btn-NoBackgroundImage.creditcard_active_btn.new-termofcondition-placeorder span {
        width: 100%; }
  .pt_checkout .button-container .btn-NoBackgroundImage:hover span {
    border: 1px solid #fff;
    padding: 9px; }
  .pt_checkout .button-container .btn-NoBackgroundImage:active span {
    border: 3px solid #fff;
    padding: 7px; }
  .pt_checkout .button-container .btn-NoBackgroundImage.paypalbuttonsummarybottom {
    width: 300px; }
    .pt_checkout .button-container .btn-NoBackgroundImage.paypalbuttonsummarybottom span {
      width: 290px;
      color: #fff;
      text-transform: uppercase;
      font-family: "UniqloRegularRegular"; }
    .pt_checkout .button-container .btn-NoBackgroundImage.paypalbuttonsummarybottom.newpaypalbuttonsummarybottom {
      width: 300px; }
      @media screen and (max-width: 1024px) {
        .pt_checkout .button-container .btn-NoBackgroundImage.paypalbuttonsummarybottom.newpaypalbuttonsummarybottom {
          width: 250px; } }
      .pt_checkout .button-container .btn-NoBackgroundImage.paypalbuttonsummarybottom.newpaypalbuttonsummarybottom span {
        width: 290px; }
        @media screen and (max-width: 1024px) {
          .pt_checkout .button-container .btn-NoBackgroundImage.paypalbuttonsummarybottom.newpaypalbuttonsummarybottom span {
            width: 240px; } }
  .pt_checkout .button-container .btn-NoBackgroundImage.paypalbuttonsummaryleft {
    width: 100%; }
    .pt_checkout .button-container .btn-NoBackgroundImage.paypalbuttonsummaryleft span {
      border: none;
      padding: 9px;
      color: #fff;
      text-transform: uppercase;
      font-family: "UniqloRegularRegular"; }
    .pt_checkout .button-container .btn-NoBackgroundImage.paypalbuttonsummaryleft:hover span {
      border: none;
      padding: 9px; }
    .pt_checkout .button-container .btn-NoBackgroundImage.paypalbuttonsummaryleft:active span {
      border: none;
      padding: 9px; }

/* Universal dot prelader */
.init-loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 200;
  background-color: rgba(255, 255, 255, 0.9);
  display: none; }
  .init-loader.show {
    display: block; }
  .init-loader .initial-async-loader > span {
    display: inline-block;
    vertical-align: top;
    width: 19px;
    height: 19px;
    margin-right: 17px;
    border-radius: 19px;
    background-color: #bebebe;
    animation-name: init-gray-to-red;
    animation-iteration-count: infinite;
    animation-duration: 1s; }
    .init-loader .initial-async-loader > span:last-child {
      margin-right: 0; }
  .init-loader .init-loader-text {
    position: relative;
    top: 44%;
    text-align: center;
    width: 100%;
    color: #000;
    font-family: "UniqloRegularRegular";
    font-size: 22px;
    margin-top: 60px; }
  .init-loader .initial-async-loader {
    position: absolute;
    top: 50%;
    text-align: center;
    padding: 10px 0;
    font-size: 0;
    white-space: nowrap;
    width: 100%;
    margin-top: -80px; }
    .init-loader .initial-async-loader .initial-async-loader-animation:nth-child(1) {
      animation-delay: 0s; }
    .init-loader .initial-async-loader .initial-async-loader-animation:nth-child(2) {
      animation-delay: .3s; }
    .init-loader .initial-async-loader .initial-async-loader-animation:nth-child(3) {
      animation-delay: .6s; }

@keyframes init-gray-to-red {
  from {
    background-color: #ff0000; }
  to {
    background-color: #bebebe; } }

.mini-summary-header-submitbutton .ppxNewsletterBox {
  display: none; }

.paypalExpressTermOfCondition-right-submit {
  width: 300px;
  background-color: rgba(175, 175, 175, 0.15);
  padding-bottom: 15px;
  padding-top: 2px;
  padding-left: 15px;
  padding-right: 15px; }
  .paypalExpressTermOfCondition-right-submit .paypalExpressTermOfCondition-right {
    margin-bottom: -24px; }
    .paypalExpressTermOfCondition-right-submit .paypalExpressTermOfCondition-right .content-asset {
      width: 240px; }
      .paypalExpressTermOfCondition-right-submit .paypalExpressTermOfCondition-right .content-asset span {
        position: relative;
        bottom: 43px;
        left: 33px;
        text-transform: uppercase;
        font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
        font-size: 13px;
        font-weight: 500; }
        .paypalExpressTermOfCondition-right-submit .paypalExpressTermOfCondition-right .content-asset span a {
          color: #000;
          text-decoration: underline; }
        .paypalExpressTermOfCondition-right-submit .paypalExpressTermOfCondition-right .content-asset span.ppxerror {
          color: #FE0E0D; }
          .paypalExpressTermOfCondition-right-submit .paypalExpressTermOfCondition-right .content-asset span.ppxerror a {
            color: #FE0E0D; }

.paypalExpressButtonNewsletter {
  width: 100%; }
  .paypalExpressButtonNewsletter .paypalExpressNewsletter {
    width: 30%;
    float: left; }
    .paypalExpressButtonNewsletter .paypalExpressNewsletter .field-label {
      display: none; }
    .paypalExpressButtonNewsletter .paypalExpressNewsletter .field-checker .checker {
      display: inline-block;
      top: -0.7em; }
    .paypalExpressButtonNewsletter .paypalExpressNewsletter .newsletterSignUpform-caption {
      position: relative;
      text-align: left;
      left: 34px;
      bottom: 56px;
      font-size: 14px; }

.NewpaypalExpressButtonNewsletter {
  width: 100%;
  clear: both;
  left: 20px;
  position: relative; }
  .NewpaypalExpressButtonNewsletter .paypalExpressNewsletter {
    width: 100%;
    float: left;
    margin-top: -11px;
    height: 43px; }
    .NewpaypalExpressButtonNewsletter .paypalExpressNewsletter .field-label {
      display: none; }
    .NewpaypalExpressButtonNewsletter .paypalExpressNewsletter .field-checker .checker {
      display: inline-block;
      top: -0.7em; }
    .NewpaypalExpressButtonNewsletter .paypalExpressNewsletter .newsletterSignUpform-caption {
      position: relative;
      text-align: left;
      left: 34px;
      bottom: 49px;
      font-size: 14px; }

.paypalExpressTermofConditionSubmit {
  clear: both;
  background-color: rgba(175, 175, 175, 0.15);
  width: 100%;
  padding: 20px; }
  .paypalExpressTermofConditionSubmit .paypalExpressTermofCondition {
    width: 40%;
    float: left; }
    .paypalExpressTermofConditionSubmit .paypalExpressTermofCondition .field-label {
      display: none; }
    .paypalExpressTermofConditionSubmit .paypalExpressTermofCondition .field {
      width: 176px !important; }
    .paypalExpressTermofConditionSubmit .paypalExpressTermofCondition .field-checker .checker {
      display: inline-block;
      top: -0.7em; }
    .paypalExpressTermofConditionSubmit .paypalExpressTermofCondition .content-asset {
      margin-bottom: -58px; }
      .paypalExpressTermofConditionSubmit .paypalExpressTermofCondition .content-asset span {
        text-align: left;
        bottom: 55px;
        position: relative;
        left: 34px;
        text-transform: uppercase;
        font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
        font-size: 13px;
        font-weight: 500; }
        .paypalExpressTermofConditionSubmit .paypalExpressTermofCondition .content-asset span a {
          color: #000;
          text-decoration: underline; }
      .paypalExpressTermofConditionSubmit .paypalExpressTermofCondition .content-asset .ppxerror {
        color: #FE0E0D; }
        .paypalExpressTermofConditionSubmit .paypalExpressTermofCondition .content-asset .ppxerror a {
          color: #FE0E0D;
          text-decoration: underline; }
  .paypalExpressTermofConditionSubmit .button-container {
    width: 60%;
    float: right; }

.paypalExpressTermofConditionSubmit:after {
  content: " ";
  display: block;
  clear: both; }

.paypalExpressTermOfCondition-right-submit:after {
  content: " ";
  display: block;
  clear: both; }

.paypalexpressloader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 76;
  margin: -75px 0 0 -75px;
  border: 16px solid #f5f5f5;
  border-radius: 50%;
  border-top: 16px solid #169BD5;
  border-bottom: 16px solid #169BD5;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
  display: none; }

.paypalexpressloaderback {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: rgba(255, 255, 255, 0.7);
  display: none; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

/* widgets */
.alert {
  margin: 20px 0;
  padding: 20px;
  background-color: #edb43a;
  color: #fff;
  text-align: center;
  font-size: 1.1em;
  text-transform: uppercase; }

td .alert {
  margin: 0;
  padding: 10px; }

.success {
  margin: 20px 0;
  padding: 20px;
  background-color: #9bcefd;
  color: #fff;
  text-align: center; }

#help {
  color: #000; }
  #help .help-image {
    margin: 20px 0; }

#help h3 {
  line-height: 1.0em; }

.main-updatedheader #secondary > .mini-summary-header {
  margin-top: 89px; }

#help a {
  display: block;
  padding: 30px 20px 40px 30px;
  color: #000;
  background-color: transparent; }
  @media screen and (max-width: 768px) {
    #help a {
      padding-left: 0; } }

.uq-header-component-removedheader #help a,
.ptcheckoutlogin-updatedheader #help a {
  padding: 34px 20px 40px 30px; }

@media screen and (max-width: 768px) {
  .uq-cart #help a {
    padding-left: 40px; } }

#help ul {
  margin: 0;
  padding: 0;
  list-style: none; }

#help ul li {
  display: inline-block;
  width: 35px;
  margin-left: 3px;
  font-size: 0.8em;
  /* ie7 */
  zoom: 1;
  *display: inline;
  _height: 1.5em; }

#help ul li:first-child {
  margin-left: 0; }

#help ul li img {
  margin-bottom: 3px; }

#checkout-steps {
  width: 775px;
  height: 32px;
  margin: 0 0 60px 0;
  padding: 0;
  list-style: none; }

#checkout-steps li {
  display: none;
  margin: 0;
  width: 775px;
  height: 32px;
  background: url("//im.uniqlo.com/images/us/pc/img/cart/bg_checkout-steps_US.png") 0 0 no-repeat;
  text-indent: -9999px; }

#checkout-steps li.selected {
  display: block; }

#checkout-steps li.checkout-step-billing {
  background-position: 0 0; }

#checkout-steps li.checkout-step-gift {
  background-position: 0 -32px; }

#checkout-steps li.checkout-step-confirm {
  background-position: 0 -64px; }

#checkout-steps li.checkout-step-payment {
  background-position: 0 -96px; }

#checkout-steps li.checkout-step-order {
  background-position: 0 -128px; }

#discount-code input[type=text],
#discount-code a.button {
  vertical-align: middle; }

#discount-code input[type=text],
#discount-code a.button {
  margin-right: 20px; }

#discount-code ul {
  margin: 0;
  padding: 0;
  list-style: none; }

#discount-code ul li {
  margin: 10px 0; }

#discount-code .code {
  font-size: 1.3em;
  margin-right: 10px; }

.shippingAddressHead3 {
  margin: 10px 0 19px; }

.shippingAddressHead5 {
  margin: 0 0 9px 0; }

.addresses {
  width: 800px;
  margin: 0;
  padding: 0;
  list-style: none; }

.addresses .address {
  float: left;
  width: 176px;
  min-height: 218px;
  margin: 0 24px 57px 0;
  position: relative; }

.addresses .address .addNewAddress {
  position: absolute;
  width: 100%;
  background-color: #E5E5E5; }

.addresses .address .addNewAddress a {
  padding-top: 10px;
  padding-bottom: 104px;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  color: #000; }

.addresses .address .addNewAddress a:hover {
  color: #F00; }

.addresses .address .addNewAddress span {
  position: absolute;
  display: block;
  text-align: center;
  width: 100%;
  font-family: "UniqloRegularRegular";
  font-weight: normal;
  text-transform: uppercase;
  padding: 0;
  margin: 0; }

.addresses .address .addNewAddress span.mark {
  top: 50%;
  margin: -50px 0 0;
  font-size: 76px; }

.addresses .address .addNewAddress span.text {
  margin: 0;
  top: 58%; }

.addresses .address .shippingAddressHead5 {
  line-height: 10px;
  margin: 0 0 12px 0; }

.addresses .address .vcard {
  min-height: 104px; }

.addresses .address.long {
  float: left;
  width: 196px;
  margin: 0 24px 40px 0; }

.addresses .address .button-container {
  margin: 10px 0 0; }

.addresses .address .button-container .button {
  float: right; }

.addresses .address .button-container .button:first-child {
  float: left; }

#review-item .img {
  float: left;
  width: 213px; }

#review-item .txt {
  float: left;
  width: 376px;
  margin-right: 200px; }

#checkout-col.column .leftCol {
  border-right: none;
  width: 50%;
  box-sizing: border-box; }

#checkout-col.column .rightCol {
  border-left: 1px solid #000;
  width: 50%;
  box-sizing: border-box; }

.addressbox-bmlbirthday .field .daybox,
.addressbox-bmlbirthday .field .monthbox,
.addressbox-bmlbirthday .field .yearbox {
  margin-right: 1em; }
  .addressbox-bmlbirthday .field .daybox .input-select.day, .addressbox-bmlbirthday .field .daybox .input-select.month, .addressbox-bmlbirthday .field .daybox .input-select.year,
  .addressbox-bmlbirthday .field .monthbox .input-select.day,
  .addressbox-bmlbirthday .field .monthbox .input-select.month,
  .addressbox-bmlbirthday .field .monthbox .input-select.year,
  .addressbox-bmlbirthday .field .yearbox .input-select.day,
  .addressbox-bmlbirthday .field .yearbox .input-select.month,
  .addressbox-bmlbirthday .field .yearbox .input-select.year {
    clear: none;
    float: left;
    width: 100%;
    background-color: #eaeaea;
    color: #333;
    border: none;
    outline: 0;
    padding-left: 0.5em; }

#required-field-cc {
  top: 20px;
  position: relative; }
  #required-field-cc.new-required-field-cc {
    top: 35px; }

#RegistrationForm .input-select,
.checkout-shipping .input-select,
.checkout-billing .input-select {
  margin-right: 0.625em; }

.addressbox-country .fa-info-circle {
  color: #FE0E0D; }
  .addressbox-country .fa-info-circle:hover {
    color: #000; }

.addressbox-country .error {
  color: #222; }
  .addressbox-country .error .country-value input {
    background-color: #eaeaea !important; }

.addressbox-country .country-value input {
  background-color: #fff !important; }

#addressSelectGoButton {
  float: right; }

#birthday-field,
#bdb-field {
  display: -ms-flexbox;
  display: flex; }

.field.sel-address #addressSelectGoButton {
  float: left; }

.field.sel-address .button-container {
  margin-top: 6px; }

.use-shippingasbilling-address {
  text-transform: uppercase; }

#order-summary.payment-step {
  display: -ms-flexbox;
  display: flex; }

#paymentmethods label {
  font-family: "UniqloRegularRegular";
  font-size: 14px;
  color: #000;
  text-transform: uppercase;
  width: 100%;
  position: relative;
  top: 4px; }

#paymentmethods .payment-icon {
  float: right;
  top: -18px;
  position: relative; }

#paymentmethods .payment-icon-paypal {
  float: right;
  position: relative;
  top: -13px;
  width: 56px;
  height: 15px; }

#paymentmethods .paypal_active {
  background-color: #d8d8d8;
  padding-bottom: 14px; }

#paymentmethods .credit_card_active {
  background-color: #d8d8d8;
  padding-bottom: 14px; }

#paymentmethods .paymentdescription label {
  top: 0; }

.accepted-payment-methods ul.paymenticons {
  font-size: 0;
  text-align: left;
  margin-bottom: 15px; }

.accepted-payment-methods ul.paymenticons li:first-child {
  margin: 0; }

.accepted-payment-methods ul.paymenticons li {
  margin-left: 8px;
  display: inline-block; }

.accepted-payment-methods .paymenticons img.payment-secured-icon {
  width: 250px;
  padding-left: 20px; }
  @media screen and (max-width: 1430px) {
    .accepted-payment-methods .paymenticons img.payment-secured-icon {
      padding-left: 0; } }
  @media screen and (max-width: 1024px) {
    .accepted-payment-methods .paymenticons img.payment-secured-icon {
      width: 200px;
      padding-left: 0; } }

#main div.spayment {
  display: none; }

#main div.checkout-spayment .content-asset div.spayment {
  display: inline-block; }

#cart-items-summary fieldset {
  margin: 0 0;
  min-width: initial; }
  #cart-items-summary fieldset #cart-table {
    width: 100%;
    margin: 20px 0; }
    #cart-items-summary fieldset #cart-table .cell-item {
      text-align: left;
      width: 110px; }
      #cart-items-summary fieldset #cart-table .cell-item .item .img img {
        width: 60px;
        height: 60px; }
      #cart-items-summary fieldset #cart-table .cell-item .product-list-item {
        margin-top: 5px; }
    #cart-items-summary fieldset #cart-table .cell-color {
      width: 40px; }
    #cart-items-summary fieldset #cart-table .cell-size {
      width: 40px; }
    #cart-items-summary fieldset #cart-table .cell-length {
      width: 50px; }
    #cart-items-summary fieldset #cart-table .cell-price {
      width: 100px;
      white-space: nowrap; }
      #cart-items-summary fieldset #cart-table .cell-price .discounted {
        margin-top: -1.2em; }
    #cart-items-summary fieldset #cart-table .cell-qty {
      width: 80px; }
      #cart-items-summary fieldset #cart-table .cell-qty input[type=number] {
        margin-bottom: 13px;
        width: 70px;
        font-size: 1.0em;
        text-align: center; }
    #cart-items-summary fieldset #cart-table .cell-subtotal {
      width: 100px;
      white-space: nowrap; }
    #cart-items-summary fieldset #cart-table .cell-remove {
      padding-left: 0;
      width: 46px; }
    #cart-items-summary fieldset #cart-table thead {
      border-bottom: 1px solid #000; }
      #cart-items-summary fieldset #cart-table thead th {
        padding: 8px 10px;
        font-weight: bold;
        text-align: center;
        vertical-align: bottom; }
    #cart-items-summary fieldset #cart-table tbody tr {
      border-bottom: 1px solid #000; }
      #cart-items-summary fieldset #cart-table tbody tr:last-child {
        border-bottom: none; }
    #cart-items-summary fieldset #cart-table tbody td {
      padding: 20px 6px;
      vertical-align: middle;
      text-align: center; }
      #cart-items-summary fieldset #cart-table tbody td.cell-item .product-list-item {
        margin-top: 5px; }
      #cart-items-summary fieldset #cart-table tbody td.cell-empty {
        padding: 30px 0;
        width: 100%; }
        #cart-items-summary fieldset #cart-table tbody td.cell-empty .alert {
          margin: 0; }
      #cart-items-summary fieldset #cart-table tbody td.cell-length, #cart-items-summary fieldset #cart-table tbody td.cell-size, #cart-items-summary fieldset #cart-table tbody td.cell-price, #cart-items-summary fieldset #cart-table tbody td.cell-subtotal {
        font-size: 1.3em; }
  #cart-items-summary fieldset .cart-footer {
    margin: .83em 0;
    overflow: hidden;
    border-top: 3px solid #000;
    margin-top: 50px; }
    #cart-items-summary fieldset .cart-footer .cart-info {
      float: left;
      width: 53%;
      margin-top: 7px;
      max-width: 500px; }
      #cart-items-summary fieldset .cart-footer .cart-info .cart-coupon-code {
        float: none; }
        #cart-items-summary fieldset .cart-footer .cart-info .cart-coupon-code input {
          margin-left: 0;
          /* firefox [all versions] specific rules */ }

@-moz-document url-prefix() {
  #cart-items-summary fieldset .cart-footer .cart-info .cart-coupon-code input {
    margin-left: 1px; } }
        #cart-items-summary fieldset .cart-footer .cart-info .cart-coupon-code .error {
          padding-top: 0.4em; }
        #cart-items-summary fieldset .cart-footer .cart-info .cart-coupon-code #update-cart {
          margin-left: .6em; }
    #cart-items-summary fieldset .cart-footer .cart-order-totals {
      float: right;
      width: 40%; }
      #cart-items-summary fieldset .cart-footer .cart-order-totals button {
        float: right; }
      #cart-items-summary fieldset .cart-footer .cart-order-totals .order-totals-table {
        width: 389px;
        float: right; }
        #cart-items-summary fieldset .cart-footer .cart-order-totals .order-totals-table thead th {
          display: none; }
        #cart-items-summary fieldset .cart-footer .cart-order-totals .order-totals-table tbody tr.order-total {
          border-top: 3px solid #000;
          font-size: 1.3em;
          font-weight: 700; }
          #cart-items-summary fieldset .cart-footer .cart-order-totals .order-totals-table tbody tr.order-total td.label .vat-include,
          #cart-items-summary fieldset .cart-footer .cart-order-totals .order-totals-table tbody tr.order-total td.label .shipping-include,
          #cart-items-summary fieldset .cart-footer .cart-order-totals .order-totals-table tbody tr.order-total td.label .shipping-not-include {
            text-align: left;
            text-transform: none;
            padding-top: 0;
            font-weight: normal;
            font-size: 14px; }
        #cart-items-summary fieldset .cart-footer .cart-order-totals .order-totals-table tbody tr.order-subtotal {
          font-weight: 700; }
        #cart-items-summary fieldset .cart-footer .cart-order-totals .order-totals-table tbody tr.order-sales-tax.label {
          padding-bottom: 0.5em;
          color: #FE0E0D; }
        #cart-items-summary fieldset .cart-footer .cart-order-totals .order-totals-table tbody tr td {
          padding: .42em 0;
          text-align: right !important;
          word-break: break-all; }
          #cart-items-summary fieldset .cart-footer .cart-order-totals .order-totals-table tbody tr td + td {
            word-break: normal; }
          #cart-items-summary fieldset .cart-footer .cart-order-totals .order-totals-table tbody tr td.label {
            text-align: left !important;
            text-transform: uppercase; }
          #cart-items-summary fieldset .cart-footer .cart-order-totals .order-totals-table tbody tr td .accepted-payment-methods {
            text-align: left; }

.shipping-method-list li {
  list-style: inherit;
  list-style-type: none;
  border: 1px solid #bfbfbf;
  padding: 10px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
  border-radius: 2px; }
  .shipping-method-list li.selected-shipping-method {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05), 0 0 0 1px #000; }
  .shipping-method-list li:hover, .shipping-method-list li.selected-shipping-method {
    border-color: #000; }

.shipping-method-list .radio {
  display: inline-block;
  position: relative;
  top: -0.2em;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  cursor: pointer; }
  .shipping-method-list .radio span.input-radio-span-wrap {
    float: left;
    display: block;
    width: 24px;
    height: 24px;
    background: url("../images/global/g_form-radio_US.png") left top no-repeat;
    text-align: center; }
    .shipping-method-list .radio span.input-radio-span-wrap input {
      float: left;
      width: 24px;
      height: 24px;
      margin: 0;
      text-align: center;
      cursor: pointer;
      opacity: 0; }
    .shipping-method-list .radio span.input-radio-span-wrap.checked {
      background: url(../images/global/icon_radio-active.svg) no-repeat; }

.uq-checkout #sidebar .section-header {
  font-weight: 500; }

.cart-table-wrap {
  overflow-x: auto; }

#delivery-prefs {
  margin: 1px 0 5px 0; }
  #delivery-prefs .field-row .field-label {
    width: 90%;
    margin-right: 0;
    min-height: auto; }
    #delivery-prefs .field-row .field-label .shippingmethod-name {
      display: inline-block;
      width: 350px; }
    #delivery-prefs .field-row .field-label .shippingmethod-description {
      display: inline-block;
      max-width: 200px;
      min-width: 148px;
      margin: 0 5px;
      vertical-align: top; }
      #delivery-prefs .field-row .field-label .shippingmethod-description .cut-off-time {
        font-size: 13px;
        color: #808080; }
    #delivery-prefs .field-row .field-label .shippingmethod-price {
      display: inline-block;
      float: right; }
      #delivery-prefs .field-row .field-label .shippingmethod-price .free-shipping {
        text-transform: uppercase; }
    #delivery-prefs .field-row .field-label .js_changeCurrentShippingMethodWrapper {
      margin-left: 0; }
    #delivery-prefs .field-row .field-label.field-label-estimated-delivery-date {
      text-transform: none;
      color: #000;
      font-weight: 500;
      line-height: 17px;
      letter-spacing: .2px;
      padding: 0; }
      #delivery-prefs .field-row .field-label.field-label-estimated-delivery-date .shippingmethod-name {
        width: 180px; }
      #delivery-prefs .field-row .field-label.field-label-estimated-delivery-date .shippingmethod-description {
        max-width: 340px; }
  #delivery-prefs .field-row.field-row-estimated-delivery-date {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    height: 61px;
    margin-top: 16px;
    padding: 0; }
    #delivery-prefs .field-row.field-row-estimated-delivery-date:first-child {
      margin-top: 0; }
    #delivery-prefs .field-row.field-row-estimated-delivery-date .field-padded {
      display: inherit;
      -ms-flex-align: center;
          align-items: center;
      margin: 0; }
      #delivery-prefs .field-row.field-row-estimated-delivery-date .field-padded .radio {
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-align: center;
            align-items: center;
        height: 57px;
        margin-left: 18px;
        top: 0; }
        #delivery-prefs .field-row.field-row-estimated-delivery-date .field-padded .radio input {
          width: 42px;
          height: 57px;
          position: absolute;
          top: 0;
          left: 0;
          margin-left: -18px; }
    #delivery-prefs .field-row.field-row-estimated-delivery-date .field-label-estimated-delivery-date {
      padding-left: 18px; }
      #delivery-prefs .field-row.field-row-estimated-delivery-date .field-label-estimated-delivery-date label {
        display: -ms-flexbox;
        display: flex;
        height: 57px;
        -ms-flex-align: center;
            align-items: center; }
        #delivery-prefs .field-row.field-row-estimated-delivery-date .field-label-estimated-delivery-date label .delivery-date-section .text {
          color: #808080;
          font-weight: normal; }
        #delivery-prefs .field-row.field-row-estimated-delivery-date .field-label-estimated-delivery-date label .shippingmethod-price {
          margin-left: auto; }

.checkout-shipping hr ~ hr:nth-of-type(2) {
  display: none; }

.checkout-shipping .shippingAddress + hr:nth-of-type(2) {
  display: block; }

.shippingmethod-row {
  overflow: hidden; }
  .shippingmethod-row .shippingmethod-price-free {
    display: inline-block;
    float: right;
    color: #378694;
    text-transform: uppercase;
    letter-spacing: -0.7px; }

#content li.field-row.cart-terms-and-conditions div.field {
  width: 376px;
  margin-right: 0px; }

.cart-footer .js_add-coupon {
  background: #000;
  color: #fff;
  width: 176px;
  border: 2px solid #000;
  box-sizing: border-box;
  margin-bottom: 10px; }
  .cart-footer .js_add-coupon:hover {
    background: #fff;
    color: #000; }

.confirmation-accountcreation {
  border-top: 2px solid #575757;
  border-bottom: 2px solid #575757;
  margin: 25px 0;
  padding-top: 25px;
  padding-bottom: 25px; }
  .confirmation-accountcreation a {
    background: #f00;
    padding: 12px 12px;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    font-size: .8125rem;
    line-height: 36px;
    text-align: center;
    margin-right: 15px;
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif; }
  .confirmation-accountcreation h1 {
    font-size: 1.5em;
    line-height: 1.2em; }
  .confirmation-accountcreation .confirmation-accountcreation-button-container {
    padding-top: 15px; }

.ui-dialog.postcodeLookUpDialogContainer {
  border: 2px solid #ccc; }
  .ui-dialog.postcodeLookUpDialogContainer .ui-widget-header {
    margin: 10px 20px 0px 10px; }
  .ui-dialog.postcodeLookUpDialogContainer .ui-dialog-titlebar-close,
  .ui-dialog.postcodeLookUpDialogContainer .ui-dialog-titlebar-close:hover {
    background-position: 0px -169px;
    height: 20x;
    width: 20px; }
  .ui-dialog.postcodeLookUpDialogContainer .ui-dialog-titlebar {
    padding: .15em .35em; }
  .ui-dialog.postcodeLookUpDialogContainer #postcodeLookUpDialogWrapper {
    padding: 0px 35px 15px 15px;
    width: 420px;
    margin-top: -26px; }
    .ui-dialog.postcodeLookUpDialogContainer #postcodeLookUpDialogWrapper select {
      outline: 0;
      height: 2.5em;
      border-radius: 4px;
      padding-left: 0.5em;
      margin-right: 1em;
      width: 75%;
      max-width: 450px;
      border: solid 1px #979797;
      font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
      font-size: 1.2em;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal; }
    .ui-dialog.postcodeLookUpDialogContainer #postcodeLookUpDialogWrapper.error {
      margin-top: 0px; }
    .ui-dialog.postcodeLookUpDialogContainer #postcodeLookUpDialogWrapper #postcodelookupcontainer {
      width: 420px; }
      .ui-dialog.postcodeLookUpDialogContainer #postcodeLookUpDialogWrapper #postcodelookupcontainer .header-title {
        text-align: left;
        padding-bottom: 15px;
        font-size: 0.900rem;
        font-weight: 300;
        font-style: normal;
        font-family: "UniqloRegularRegular";
        margin: 2px 0 10px 0;
        text-transform: uppercase;
        letter-spacing: .02em;
        line-height: 1em;
        background-color: #000;
        color: #fff;
        padding-top: 25px;
        padding-left: 10px; }
      .ui-dialog.postcodeLookUpDialogContainer #postcodeLookUpDialogWrapper #postcodelookupcontainer .address1 {
        margin-top: 15px;
        margin-bottom: 15px;
        margin-left: 15px; }
      .ui-dialog.postcodeLookUpDialogContainer #postcodeLookUpDialogWrapper #postcodelookupcontainer .address2,
      .ui-dialog.postcodeLookUpDialogContainer #postcodeLookUpDialogWrapper #postcodelookupcontainer .city,
      .ui-dialog.postcodeLookUpDialogContainer #postcodeLookUpDialogWrapper #postcodelookupcontainer .county,
      .ui-dialog.postcodeLookUpDialogContainer #postcodeLookUpDialogWrapper #postcodelookupcontainer .state,
      .ui-dialog.postcodeLookUpDialogContainer #postcodeLookUpDialogWrapper #postcodelookupcontainer .postcode {
        margin-left: 15px;
        margin-bottom: 5px;
        font-size: 14px;
        font-weight: bold;
        color: #222; }
      .ui-dialog.postcodeLookUpDialogContainer #postcodeLookUpDialogWrapper #postcodelookupcontainer button {
        display: inline-block;
        padding: 10px;
        font-family: "UniqloRegularRegular";
        text-align: center;
        text-transform: uppercase;
        overflow: hidden;
        outline: none;
        background-color: #000;
        color: #fff;
        border: none 0px;
        min-width: 100px; }
      .ui-dialog.postcodeLookUpDialogContainer #postcodeLookUpDialogWrapper #postcodelookupcontainer button:hover {
        background-color: #FE0E0D; }
      .ui-dialog.postcodeLookUpDialogContainer #postcodeLookUpDialogWrapper #postcodelookupcontainer .confirmation-button {
        float: right; }
        .ui-dialog.postcodeLookUpDialogContainer #postcodeLookUpDialogWrapper #postcodelookupcontainer .confirmation-button #confirmation-button-ok {
          margin-right: 10px; }
    .ui-dialog.postcodeLookUpDialogContainer #postcodeLookUpDialogWrapper hr {
      margin: 20px 0;
      background-color: #ccc;
      height: 2px; }

.selectday-nominateddaydelivery {
  display: inline-block;
  max-width: 200px;
  min-width: 148px;
  margin-left: 5px;
  margin-right: 5px;
  vertical-align: top; }
  .selectday-nominateddaydelivery a {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.3px;
    color: #222;
    text-decoration: none; }
  .selectday-nominateddaydelivery .icon_img {
    padding: 0em; }
  .selectday-nominateddaydelivery .select_day {
    padding-left: 0.5em;
    padding-top: 0em; }
  .selectday-nominateddaydelivery .input_picker {
    padding: 0em; }
  .selectday-nominateddaydelivery input[type=text] {
    padding: 0em; }

#nominateddaydeliverydatepicker {
  height: 1px;
  float: left;
  max-width: 200px;
  min-width: 148px;
  padding: 0em; }

.calendarIcon {
  height: 32px;
  position: relative;
  top: -10px; }

.paymentredirect .row {
  margin: 0; }
  .paymentredirect .row .payment-amount span {
    font-weight: 600; }

.paymentredirect .section-footer {
  padding-top: 20px; }
  .paymentredirect .section-footer button {
    font-family: "UniqloRegularRegular";
    font-style: normal;
    text-align: center;
    text-transform: uppercase;
    padding: 10px;
    background-color: rgba(175, 175, 175, 0.15);
    color: #222;
    border: #afafaf;
    box-shadow: 0 0 0 2px #afafaf inset;
    overflow: hidden;
    outline: none; }

/* IE11 Hack */
input::-ms-clear {
  display: none; }

.ccnumber::-ms-clear {
  display: none; }

/* Safari 11+ */
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
    .creditcardnumber, .creditcardcvn {
      margin-top: 20px; } } }

#singleshipping-section .required-contentasset {
  float: left; }

#singleshipping-section .estimated-delivery-shipping-info-text {
  font-size: 12px;
  color: #808080;
  clear: both;
  margin: 4px 0 20px 0; }

#singleshipping-section .button-required-info {
  padding-top: 8px;
  margin-bottom: -13px; }
  #singleshipping-section .button-required-info.nopersonaldata {
    margin-bottom: 0px; }

#singleshipping-section.singleshipping-estimated-delivery .field-row .field-label,
#singleshipping-section.singleshipping-estimated-delivery .field-row .error {
  text-transform: none; }

#singleshipping-section .guest-create-password-main-container {
  padding-bottom: 20px; }
  #singleshipping-section .guest-create-password-main-container .guest-create-password-header .password-header-text {
    font-family: "UniqloRegularRegular";
    font-size: 20px;
    text-transform: uppercase;
    padding-right: 5px; }
  #singleshipping-section .guest-create-password-main-container .guest-create-password-header .password-header-fast {
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
    font-size: 14px; }
  #singleshipping-section .guest-create-password-main-container .guest-create-password-header .password-header-option {
    font-size: 14px;
    font-family: "UniqloRegularRegular";
    font-weight: 500;
    letter-spacing: .02em;
    color: #999; }
  #singleshipping-section .guest-create-password-main-container .guest-create-password-container {
    padding-top: 13px; }
  #singleshipping-section .guest-create-password-main-container .guest-create-account-newpassword {
    padding-bottom: 2px; }
    #singleshipping-section .guest-create-password-main-container .guest-create-account-newpassword .field {
      position: relative; }
    #singleshipping-section .guest-create-password-main-container .guest-create-account-newpassword .field-info {
      float: none;
      clear: both;
      margin-left: 200px;
      font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
      font-size: 14px;
      width: 376px;
      text-align: justify; }
    #singleshipping-section .guest-create-password-main-container .guest-create-account-newpassword .display-guest-pass-button {
      position: absolute;
      z-index: 24;
      top: 8px;
      right: 7px;
      content: '';
      background-image: url("../images/global/password_icon_eye.png");
      background-repeat: no-repeat;
      background-size: 100%;
      width: 26px;
      height: 21px;
      background-color: transparent; }
      #singleshipping-section .guest-create-password-main-container .guest-create-account-newpassword .display-guest-pass-button.visibled {
        background-image: url("../images/global/password_icon_eye_hide.png");
        background-repeat: no-repeat;
        background-size: 100%;
        width: 26px;
        height: 21px;
        top: 6px; }

.field-row-loqate-addressy-manually .field a,
.field-row-loqate-addressy-back-finder .field a {
  color: #808080;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 18px;
  font-family: "UniqloRegularRegular"; }
  .field-row-loqate-addressy-manually .field a span,
  .field-row-loqate-addressy-back-finder .field a span {
    border-bottom: 2px solid #999; }

.addressbox-postal {
  clear: both; }

.addressbox-loqate-addressy-manually {
  margin-top: 15px; }

.addressbox-loqate-addressy-back-finder {
  display: none; }

#main .addressbox-loqate-address-finder-section input[type=text] {
  color: #808080;
  font-size: 14px;
  font-weight: 500;
  padding: 9px 10px 8px 35px;
  letter-spacing: 0; }
  #main .addressbox-loqate-address-finder-section input[type=text].searchbox-focus {
    padding: 10px 10px 7px 10px;
    background-image: none;
    color: #000; }
  #main .addressbox-loqate-address-finder-section input[type=text].valid-searchbox-focus {
    outline: none;
    border: 1px solid #000; }

#main .addressbox-loqate-address-finder-section input[type=text]:focus {
  outline: none;
  border: 1px solid #000; }

.addressbox-loqate-address-finder-section .field {
  position: relative;
  padding-top: 6px; }
  .addressbox-loqate-address-finder-section .field .nosearchresult {
    display: none;
    font-weight: 500;
    line-height: 15px;
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
    font-size: 13px;
    color: #FE0E0D; }

.addressbox-loqate-address-finder-section .field-info {
  line-height: 18px;
  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
  font-size: 14px; }

.addressbox-loqate-address-finder-section .field-label {
  padding-top: 2.1em; }

.addressbox-loqate-address-finder-section #address-finder-searchbox {
  color: transparent;
  background-image: url(../images/global/search-icon.svg);
  background-position: 2.7% 50%;
  background-repeat: no-repeat; }
  .addressbox-loqate-address-finder-section #address-finder-searchbox.control-displayed {
    background-image: none; }

.addressbox-loqate-address-finder-section .loqate-address-finder-close-button {
  position: absolute;
  z-index: 24;
  top: 15px;
  right: 9px;
  display: none;
  content: '';
  background-image: url(../images/global/address-finder-icon_close.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  width: 14px;
  height: 14px;
  background-color: transparent;
  background-position: 0 50%; }
  .addressbox-loqate-address-finder-section .loqate-address-finder-close-button.visiblelist {
    top: 17px; }

/* For linear progression header Start */
/* ppx custom css settings */
.main-paypalexpress .progress_bar {
  left: 50%;
  margin-top: 0px;
  transform: translate(-80%); }

.circle_progress_buttons {
  height: 64px; }
  .circle_progress_buttons hr {
    width: 100px;
    display: inline-block;
    vertical-align: middle;
    background-color: #808080; }
    .circle_progress_buttons hr.grayline {
      background-color: #a6a6a6; }
    .circle_progress_buttons hr.blackline {
      background-color: #000; }

.Names_progress_buttons {
  display: -ms-flexbox;
  display: flex;
  margin-top: -7px; }

.progress_bar {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);
  z-index: 100;
  margin-top: -27px;
  padding: 0; }
  .progress_bar1 {
    margin-top: -27px; }

.currentCircle, .checkedCircle, .nextCricle {
  width: 24px;
  height: 24px;
  color: #fff;
  display: inline-block;
  margin: 4px 6px;
  cursor: pointer;
  font-size: 16px;
  border-radius: 100%;
  background-color: #000;
  border: 1px solid #000;
  text-decoration: none;
  position: relative;
  vertical-align: middle; }
  .currentCircle span, .checkedCircle span, .nextCricle span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: "Uniqlo Pro";
    font-size: 14px;
    text-align: center; }
  .currentCircle i, .checkedCircle i, .nextCricle i {
    font-size: 2em;
    padding-left: 0;
    color: #000;
    vertical-align: middle; }

.checkedCircle {
  padding: 0;
  color: #000;
  background-color: #fff;
  border: none; }

.nextCricle {
  color: #a6a6a6;
  font-weight: 400;
  border: 1px solid;
  background-color: #fff;
  pointer-events: none; }

.noPointer {
  pointer-events: none; }

.grayline {
  background-color: #808080; }

.blackline {
  background-color: #000; }

.progress_bar .checkedText {
  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
  font-weight: 400;
  color: #000;
  letter-spacing: 0px; }
  .progress_bar .checkedText:hover {
    text-decoration: underline; }
  .progress_bar .checkedText:active {
    text-decoration: underline; }

.progress_bar .currentText {
  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
  font-weight: 500;
  color: #000; }

.progress_bar .nextText {
  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
  font-weight: 400;
  color: #a6a6a6;
  cursor: default; }

/* IE11 Hack */
_:-ms-fullscreen,
:root .textBeforeLine1 {
  margin-left: 6%;
  position: absolute; }

_:-ms-fullscreen,
:root .textBeforeLine2 {
  margin-left: 50%;
  position: absolute; }

_:-ms-fullscreen,
:root .textlastline {
  margin-left: 94%;
  position: absolute; }

.textBeforeLine1 {
  margin-left: 6%;
  position: fixed;
  transform: translate(-50%, 0); }

.textBeforeLine2 {
  margin-left: 50%;
  position: fixed;
  transform: translate(-50%, 0); }

.textlastline {
  margin-left: 95%;
  position: fixed;
  transform: translate(-50%, 0); }

#device-data-collection {
  display: none; }

.select_store_pudo {
  display: none; }

.address-separator.address-separator {
  margin: 20px 0; }

#adyen_component_paypal {
  clear: both; }

.checkout-spayment {
  clear: both;
  padding-top: 20px; }
  .checkout-spayment .content-asset .spayment span {
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif !important;
    font-size: 12px !important;
    color: #808080;
    letter-spacing: 0.2px;
    padding-left: 5px;
    vertical-align: bottom; }

.checkout-payment-note {
  margin-bottom: 30px; }
  .checkout-payment-note .note_payment {
    color: #808080;
    font-size: 10px;
    letter-spacing: 0.2px; }

.checkoutpayment-placeorder-main {
  clear: both;
  float: left;
  width: 100%; }
  .checkoutpayment-placeorder-main .checkoutpayment-checkbox {
    clear: both; }
    .checkoutpayment-placeorder-main .checkoutpayment-checkbox .placeorder-terms-conditions {
      display: inline-block; }
      .checkoutpayment-placeorder-main .checkoutpayment-checkbox .placeorder-terms-conditions .field {
        width: 50px; }
      .checkoutpayment-placeorder-main .checkoutpayment-checkbox .placeorder-terms-conditions .checker span:first-child {
        float: left;
        display: block;
        width: 24px;
        height: 24px;
        text-align: center;
        background: url("../images/global/g_form-checker_US_2.png") left top no-repeat; }
        .checkoutpayment-placeorder-main .checkoutpayment-checkbox .placeorder-terms-conditions .checker span:first-child.checkboxerror {
          background: url("../images/global/g_form-checker_US_2.png") center top no-repeat; }
        .checkoutpayment-placeorder-main .checkoutpayment-checkbox .placeorder-terms-conditions .checker span:first-child.checked {
          background: url("../images/global/g_form-checker_US_2.png") right top no-repeat; }
    .checkoutpayment-placeorder-main .checkoutpayment-checkbox .content-asset span {
      position: relative;
      margin: -41px 0 0px 34px;
      float: left;
      color: #000;
      font-weight: normal;
      font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
      white-space: nowrap;
      font-size: 14px;
      line-height: 1; }
      .checkoutpayment-placeorder-main .checkoutpayment-checkbox .content-asset span a {
        text-decoration: underline;
        color: #000;
        font-weight: 600;
        font-size: 14px; }
    .checkoutpayment-placeorder-main .checkoutpayment-checkbox .content-asset .termerror {
      color: #FE0E0D;
      font-size: 14px; }
      .checkoutpayment-placeorder-main .checkoutpayment-checkbox .content-asset .termerror a {
        color: #FE0E0D;
        font-size: 14px; }
  .checkoutpayment-placeorder-main .checkoutpayment-button-container {
    float: left;
    width: 100%;
    padding-bottom: 20px; }
    .checkoutpayment-placeorder-main .checkoutpayment-button-container .btn-checkoutpayment {
      width: 100%;
      background-color: #000;
      text-transform: uppercase;
      color: #fff;
      height: 63px;
      border-radius: 2px;
      display: -ms-flexbox;
      display: flex;
      padding: 0;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-pack: center;
          justify-content: center;
      letter-spacing: 0.5px;
      font-size: 22px;
      font-family: "Uniqlo Pro";
      font-weight: 700; }
      .checkoutpayment-placeorder-main .checkoutpayment-button-container .btn-checkoutpayment::before {
        content: url("../images/cart/icon_lock.svg");
        width: 16px;
        /* IE 11 WIN7 Bugfix */
        display: inline-block;
        margin-right: 10px;
        vertical-align: middle; }
      .checkoutpayment-placeorder-main .checkoutpayment-button-container .btn-checkoutpayment.payment-redirect-loader {
        text-transform: initial;
        font-weight: normal; }
        .checkoutpayment-placeorder-main .checkoutpayment-button-container .btn-checkoutpayment.payment-redirect-loader::before {
          content: '';
          background: #fff url("../images/cart/icon_loading.svg") no-repeat right center;
          height: 25px;
          width: 25px;
          background-size: auto 25px;
          filter: invert(1); }

.parcelshopcontainer {
  width: 100%;
  max-height: 400px;
  overflow: auto;
  padding-top: 5px;
  clear: both; }
  .parcelshopcontainer .storeList {
    margin-right: 10px; }
    .parcelshopcontainer .storeList__item {
      border-top: 1px solid #f2f2f2;
      width: 100%;
      padding: 20px 0 20px; }
      .parcelshopcontainer .storeList__item--details {
        color: #808080;
        font-size: 14px;
        letter-spacing: 0px;
        line-height: 16px;
        font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
            justify-content: space-between; }
      .parcelshopcontainer .storeList__item--title {
        color: #000;
        font-family: "Uniqlo Pro";
        font-size: 16px;
        letter-spacing: 0.34px;
        line-height: 19px; }
      .parcelshopcontainer .storeList__item--distance::before {
        content: url("../images/global/store-locator-icon.svg");
        width: 16px;
        display: inline-block;
        margin-right: 2px;
        vertical-align: middle; }
      .parcelshopcontainer .storeList__item--button {
        margin-top: 10px; }

.shippingsaddress-postnummer {
  display: none; }

.loqate__links {
  margin: 15px 0 25px 0; }

.pca.pcalist {
  height: 245px !important; }

.pca .pcaautocomplete .pcalist {
  border: 1px solid #000 !important;
  border-bottom-color: #000 !important;
  background-color: #fff !important; }

.pca .pcaautocomplete .pcaitem {
  padding: 18px 10px !important;
  border-bottom: 1px solid #eaeaea !important;
  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif !important;
  /* fallback UNIQPBLDW-2099 important was already there */
  font-size: 14px !important; }

.pca .pcaautocomplete .pcaitem:hover {
  background-color: #f3f3f3 !important; }

.pca .pcanotification.pcavisible {
  margin-top: 5px !important; }

.shippingaddress .select-address {
  width: 100%;
  margin-left: 0; }

.shippingaddress .edit-address {
  margin-top: 0.5em; }

.formactions {
  margin-top: 20px;
  text-align: right; }

.item-list .multi-shipment-row {
  border-bottom: none; }

.minishipments-method {
  padding-top: 10px; }

.multishipprogress div, .multishipprogress .step-3 {
  display: inline;
  padding: 1em; }

.multishipprogress .step-4 {
  padding-right: 0; }

.pt_checkout #cart-table .cart-row .shipment-label {
  font-weight: 700;
  margin-top: 35px;
  font-size: 1.4em; }

.center {
  text-align: center; }

.js_hide {
  display: none; }

.js_cancel-dialogcontainer {
  text-align: center; }
  .js_cancel-dialogcontainer .cancel_order_title {
    text-transform: uppercase;
    font-weight: bold;
    margin: 0 auto;
    margin-bottom: 10px; }
  .js_cancel-dialogcontainer .btn_white {
    margin-bottom: 20px; }

.js_removeaddress-dialogcontainer .btn_white {
  width: 176px; }

.js_cancel-order {
  width: 176px; }

.ui-dialog .ui-dialog-titlebar-close.cancel-order-close {
  border: 0;
  position: relative;
  float: right;
  display: block;
  width: 19px;
  height: 19px;
  background: url("../images/global/ico_x.png") 0 0 no-repeat;
  text-indent: -9999px; }
  .ui-dialog .ui-dialog-titlebar-close.cancel-order-close:hover {
    background-position: 0 -19px; }
  .ui-dialog .ui-dialog-titlebar-close.cancel-order-close:active {
    background-position: 0 -38px; }

.pt_accountregistration .treatment-of-personal-use {
  width: 76%;
  margin-top: -35px;
  padding-bottom: 35px; }

.pt_accountregistration--dark-gray {
  color: #aaa; }

.pt_accountregistration--dark-gray:hover {
  color: inherit;
  text-decoration: underline; }

.pt_accountregistration--underline {
  text-decoration: underline; }

.pt_account #content .params_order,
.pt_orderhistory #content .params_order,
.pt_orderhistorydetails #content .params_order, .pt_order-confirmation #content .params_order {
  margin: 20px 0;
  padding-bottom: 20px; }
  .pt_account #content .params_order p, .pt_account #content .params_order span,
  .pt_orderhistory #content .params_order p,
  .pt_orderhistory #content .params_order span,
  .pt_orderhistorydetails #content .params_order p,
  .pt_orderhistorydetails #content .params_order span, .pt_order-confirmation #content .params_order p, .pt_order-confirmation #content .params_order span {
    text-transform: uppercase;
    font-weight: bold;
    margin: 5px 0; }
    .pt_account #content .params_order p .red-track-number, .pt_account #content .params_order span .red-track-number,
    .pt_orderhistory #content .params_order p .red-track-number,
    .pt_orderhistory #content .params_order span .red-track-number,
    .pt_orderhistorydetails #content .params_order p .red-track-number,
    .pt_orderhistorydetails #content .params_order span .red-track-number, .pt_order-confirmation #content .params_order p .red-track-number, .pt_order-confirmation #content .params_order span .red-track-number {
      color: #FE0E0D; }
    .pt_account #content .params_order p a, .pt_account #content .params_order span a,
    .pt_orderhistory #content .params_order p a,
    .pt_orderhistory #content .params_order span a,
    .pt_orderhistorydetails #content .params_order p a,
    .pt_orderhistorydetails #content .params_order span a, .pt_order-confirmation #content .params_order p a, .pt_order-confirmation #content .params_order span a {
      color: #222;
      text-decoration: underline;
      font-weight: bold; }
  .pt_account #content .params_order span.order_canceled,
  .pt_orderhistory #content .params_order span.order_canceled,
  .pt_orderhistorydetails #content .params_order span.order_canceled, .pt_order-confirmation #content .params_order span.order_canceled {
    color: #FE0E0D; }

.pt_account #content .form-row.order-detail-options .back-order-history,
.pt_orderhistory #content .form-row.order-detail-options .back-order-history,
.pt_orderhistorydetails #content .form-row.order-detail-options .back-order-history, .pt_order-confirmation #content .form-row.order-detail-options .back-order-history {
  float: left; }
  .pt_account #content .form-row.order-detail-options .back-order-history .button-container .button,
  .pt_orderhistory #content .form-row.order-detail-options .back-order-history .button-container .button,
  .pt_orderhistorydetails #content .form-row.order-detail-options .back-order-history .button-container .button, .pt_order-confirmation #content .form-row.order-detail-options .back-order-history .button-container .button {
    width: auto;
    border: 3px solid #000;
    color: #000;
    padding: 6px; }
    .pt_account #content .form-row.order-detail-options .back-order-history .button-container .button span,
    .pt_orderhistory #content .form-row.order-detail-options .back-order-history .button-container .button span,
    .pt_orderhistorydetails #content .form-row.order-detail-options .back-order-history .button-container .button span, .pt_order-confirmation #content .form-row.order-detail-options .back-order-history .button-container .button span {
      width: auto;
      border: 3px solid transparent; }
    .pt_account #content .form-row.order-detail-options .back-order-history .button-container .button:hover,
    .pt_orderhistory #content .form-row.order-detail-options .back-order-history .button-container .button:hover,
    .pt_orderhistorydetails #content .form-row.order-detail-options .back-order-history .button-container .button:hover, .pt_order-confirmation #content .form-row.order-detail-options .back-order-history .button-container .button:hover {
      border: 3px solid #FE0E0D;
      color: #FE0E0D; }
    .pt_account #content .form-row.order-detail-options .back-order-history .button-container .button:active,
    .pt_orderhistory #content .form-row.order-detail-options .back-order-history .button-container .button:active,
    .pt_orderhistorydetails #content .form-row.order-detail-options .back-order-history .button-container .button:active, .pt_order-confirmation #content .form-row.order-detail-options .back-order-history .button-container .button:active {
      border: none;
      color: #fff;
      background-color: #FE0E0D;
      padding: 5px; }
      .pt_account #content .form-row.order-detail-options .back-order-history .button-container .button:active span,
      .pt_orderhistory #content .form-row.order-detail-options .back-order-history .button-container .button:active span,
      .pt_orderhistorydetails #content .form-row.order-detail-options .back-order-history .button-container .button:active span, .pt_order-confirmation #content .form-row.order-detail-options .back-order-history .button-container .button:active span {
        border: 3px solid #fff;
        padding: 4px; }

.pt_account #content .order-detail-options,
.pt_orderhistory #content .order-detail-options,
.pt_orderhistorydetails #content .order-detail-options, .pt_order-confirmation #content .order-detail-options {
  border-top: none; }

.pt_account #content .item-list, .pt_account #content .order-shipment-table,
.pt_orderhistory #content .item-list,
.pt_orderhistory #content .order-shipment-table,
.pt_orderhistorydetails #content .item-list,
.pt_orderhistorydetails #content .order-shipment-table, .pt_order-confirmation #content .item-list, .pt_order-confirmation #content .order-shipment-table {
  border-collapse: collapse; }
  .pt_account #content .item-list thead tr .section-header, .pt_account #content .order-shipment-table thead tr .section-header,
  .pt_orderhistory #content .item-list thead tr .section-header,
  .pt_orderhistory #content .order-shipment-table thead tr .section-header,
  .pt_orderhistorydetails #content .item-list thead tr .section-header,
  .pt_orderhistorydetails #content .order-shipment-table thead tr .section-header, .pt_order-confirmation #content .item-list thead tr .section-header, .pt_order-confirmation #content .order-shipment-table thead tr .section-header {
    background: none; }

.pt_account #content .item-list,
.pt_orderhistory #content .item-list,
.pt_orderhistorydetails #content .item-list, .pt_order-confirmation #content .item-list {
  margin-bottom: 1em; }
  .pt_account #content .item-list thead,
  .pt_orderhistory #content .item-list thead,
  .pt_orderhistorydetails #content .item-list thead, .pt_order-confirmation #content .item-list thead {
    border-bottom: 1pt solid #000; }
    .pt_account #content .item-list thead th hr,
    .pt_orderhistory #content .item-list thead th hr,
    .pt_orderhistorydetails #content .item-list thead th hr, .pt_order-confirmation #content .item-list thead th hr {
      margin: 0;
      padding: 0;
      color: #fff; }
    .pt_account #content .item-list thead tr th.section-header.billed-to,
    .pt_orderhistory #content .item-list thead tr th.section-header.billed-to,
    .pt_orderhistorydetails #content .item-list thead tr th.section-header.billed-to, .pt_order-confirmation #content .item-list thead tr th.section-header.billed-to {
      width: 28.5%; }
    .pt_account #content .item-list thead tr th.section-header.shipped-to,
    .pt_orderhistory #content .item-list thead tr th.section-header.shipped-to,
    .pt_orderhistorydetails #content .item-list thead tr th.section-header.shipped-to, .pt_order-confirmation #content .item-list thead tr th.section-header.shipped-to {
      width: 26.5%; }
    .pt_account #content .item-list thead tr th.section-header.charges,
    .pt_orderhistory #content .item-list thead tr th.section-header.charges,
    .pt_orderhistorydetails #content .item-list thead tr th.section-header.charges, .pt_order-confirmation #content .item-list thead tr th.section-header.charges {
      padding-left: 29px;
      width: 44.2%; }
  .pt_account #content .item-list tbody tr.first-item-list,
  .pt_orderhistory #content .item-list tbody tr.first-item-list,
  .pt_orderhistorydetails #content .item-list tbody tr.first-item-list, .pt_order-confirmation #content .item-list tbody tr.first-item-list {
    border-top: 2pt solid #000; }
  .pt_account #content .item-list tbody tr .salutation,
  .pt_orderhistory #content .item-list tbody tr .salutation,
  .pt_orderhistorydetails #content .item-list tbody tr .salutation, .pt_order-confirmation #content .item-list tbody tr .salutation {
    text-transform: capitalize; }
  .pt_account #content .item-list tbody tr td.order-billing .vcard .name,
  .pt_orderhistory #content .item-list tbody tr td.order-billing .vcard .name,
  .pt_orderhistorydetails #content .item-list tbody tr td.order-billing .vcard .name, .pt_order-confirmation #content .item-list tbody tr td.order-billing .vcard .name {
    display: -ms-inline-flexbox;
    display: inline-flex; }
    .pt_account #content .item-list tbody tr td.order-billing .vcard .name p.salutation,
    .pt_orderhistory #content .item-list tbody tr td.order-billing .vcard .name p.salutation,
    .pt_orderhistorydetails #content .item-list tbody tr td.order-billing .vcard .name p.salutation, .pt_order-confirmation #content .item-list tbody tr td.order-billing .vcard .name p.salutation {
      margin-right: 0.4em; }
  .pt_account #content .item-list tbody tr td.order-shipment-details, .pt_account #content .item-list tbody tr td.order-billing,
  .pt_orderhistory #content .item-list tbody tr td.order-shipment-details,
  .pt_orderhistory #content .item-list tbody tr td.order-billing,
  .pt_orderhistorydetails #content .item-list tbody tr td.order-shipment-details,
  .pt_orderhistorydetails #content .item-list tbody tr td.order-billing, .pt_order-confirmation #content .item-list tbody tr td.order-shipment-details, .pt_order-confirmation #content .item-list tbody tr td.order-billing {
    padding: 0.6em 1em; }
  .pt_account #content .item-list tbody tr td.order-shipment-details .order-shipment-address .summarybox .name .firstname, .pt_account #content .item-list tbody tr td.order-shipment-details .order-shipment-address .summarybox .name .lastname,
  .pt_orderhistory #content .item-list tbody tr td.order-shipment-details .order-shipment-address .summarybox .name .firstname,
  .pt_orderhistory #content .item-list tbody tr td.order-shipment-details .order-shipment-address .summarybox .name .lastname,
  .pt_orderhistorydetails #content .item-list tbody tr td.order-shipment-details .order-shipment-address .summarybox .name .firstname,
  .pt_orderhistorydetails #content .item-list tbody tr td.order-shipment-details .order-shipment-address .summarybox .name .lastname, .pt_order-confirmation #content .item-list tbody tr td.order-shipment-details .order-shipment-address .summarybox .name .firstname, .pt_order-confirmation #content .item-list tbody tr td.order-shipment-details .order-shipment-address .summarybox .name .lastname {
    font-weight: normal; }
  .pt_account #content .item-list tbody tr td.order-payment-summary,
  .pt_orderhistory #content .item-list tbody tr td.order-payment-summary,
  .pt_orderhistorydetails #content .item-list tbody tr td.order-payment-summary, .pt_order-confirmation #content .item-list tbody tr td.order-payment-summary {
    padding: 0 1em; }
    .pt_account #content .item-list tbody tr td.order-payment-summary .order-detail-summary table.order-totals-table thead,
    .pt_orderhistory #content .item-list tbody tr td.order-payment-summary .order-detail-summary table.order-totals-table thead,
    .pt_orderhistorydetails #content .item-list tbody tr td.order-payment-summary .order-detail-summary table.order-totals-table thead, .pt_order-confirmation #content .item-list tbody tr td.order-payment-summary .order-detail-summary table.order-totals-table thead {
      display: none; }
    .pt_account #content .item-list tbody tr td.order-payment-summary .order-detail-summary table.order-totals-table tbody,
    .pt_orderhistory #content .item-list tbody tr td.order-payment-summary .order-detail-summary table.order-totals-table tbody,
    .pt_orderhistorydetails #content .item-list tbody tr td.order-payment-summary .order-detail-summary table.order-totals-table tbody, .pt_order-confirmation #content .item-list tbody tr td.order-payment-summary .order-detail-summary table.order-totals-table tbody {
      text-transform: none; }
      .pt_account #content .item-list tbody tr td.order-payment-summary .order-detail-summary table.order-totals-table tbody tr td,
      .pt_orderhistory #content .item-list tbody tr td.order-payment-summary .order-detail-summary table.order-totals-table tbody tr td,
      .pt_orderhistorydetails #content .item-list tbody tr td.order-payment-summary .order-detail-summary table.order-totals-table tbody tr td, .pt_order-confirmation #content .item-list tbody tr td.order-payment-summary .order-detail-summary table.order-totals-table tbody tr td {
        padding: 0.5em 1em 0 1em; }
        .pt_account #content .item-list tbody tr td.order-payment-summary .order-detail-summary table.order-totals-table tbody tr td.value,
        .pt_orderhistory #content .item-list tbody tr td.order-payment-summary .order-detail-summary table.order-totals-table tbody tr td.value,
        .pt_orderhistorydetails #content .item-list tbody tr td.order-payment-summary .order-detail-summary table.order-totals-table tbody tr td.value, .pt_order-confirmation #content .item-list tbody tr td.order-payment-summary .order-detail-summary table.order-totals-table tbody tr td.value {
          min-width: 62px;
          text-align: right; }
      .pt_account #content .item-list tbody tr td.order-payment-summary .order-detail-summary table.order-totals-table tbody tr.order-total td.label .vat-include,
      .pt_orderhistory #content .item-list tbody tr td.order-payment-summary .order-detail-summary table.order-totals-table tbody tr.order-total td.label .vat-include,
      .pt_orderhistorydetails #content .item-list tbody tr td.order-payment-summary .order-detail-summary table.order-totals-table tbody tr.order-total td.label .vat-include, .pt_order-confirmation #content .item-list tbody tr td.order-payment-summary .order-detail-summary table.order-totals-table tbody tr.order-total td.label .vat-include {
        text-transform: none; }

.pt_account #content .order-shipment-table thead th,
.pt_orderhistory #content .order-shipment-table thead th,
.pt_orderhistorydetails #content .order-shipment-table thead th, .pt_order-confirmation #content .order-shipment-table thead th {
  white-space: nowrap; }
  .pt_account #content .order-shipment-table thead th hr,
  .pt_orderhistory #content .order-shipment-table thead th hr,
  .pt_orderhistorydetails #content .order-shipment-table thead th hr, .pt_order-confirmation #content .order-shipment-table thead th hr {
    margin: 0;
    padding: 0;
    color: #fff; }

.pt_account #content .order-shipment-table tbody,
.pt_orderhistory #content .order-shipment-table tbody,
.pt_orderhistorydetails #content .order-shipment-table tbody, .pt_order-confirmation #content .order-shipment-table tbody {
  border-top: 1pt solid #000; }
  .pt_account #content .order-shipment-table tbody tr,
  .pt_orderhistory #content .order-shipment-table tbody tr,
  .pt_orderhistorydetails #content .order-shipment-table tbody tr, .pt_order-confirmation #content .order-shipment-table tbody tr {
    border-top: 2pt solid #000;
    border-bottom: 2pt solid #000; }
    .pt_account #content .order-shipment-table tbody tr.line-item td:not(:first-child),
    .pt_orderhistory #content .order-shipment-table tbody tr.line-item td:not(:first-child),
    .pt_orderhistorydetails #content .order-shipment-table tbody tr.line-item td:not(:first-child), .pt_order-confirmation #content .order-shipment-table tbody tr.line-item td:not(:first-child) {
      text-align: left; }
    .pt_account #content .order-shipment-table tbody tr td.line-item-details,
    .pt_account #content .order-shipment-table tbody tr td.line-item-price,
    .pt_account #content .order-shipment-table tbody tr td.line-item-quantity,
    .pt_account #content .order-shipment-table tbody tr td.line-item-productstatus,
    .pt_orderhistory #content .order-shipment-table tbody tr td.line-item-details,
    .pt_orderhistory #content .order-shipment-table tbody tr td.line-item-price,
    .pt_orderhistory #content .order-shipment-table tbody tr td.line-item-quantity,
    .pt_orderhistory #content .order-shipment-table tbody tr td.line-item-productstatus,
    .pt_orderhistorydetails #content .order-shipment-table tbody tr td.line-item-details,
    .pt_orderhistorydetails #content .order-shipment-table tbody tr td.line-item-price,
    .pt_orderhistorydetails #content .order-shipment-table tbody tr td.line-item-quantity,
    .pt_orderhistorydetails #content .order-shipment-table tbody tr td.line-item-productstatus, .pt_order-confirmation #content .order-shipment-table tbody tr td.line-item-details,
    .pt_order-confirmation #content .order-shipment-table tbody tr td.line-item-price,
    .pt_order-confirmation #content .order-shipment-table tbody tr td.line-item-quantity,
    .pt_order-confirmation #content .order-shipment-table tbody tr td.line-item-productstatus {
      vertical-align: middle; }
    .pt_account #content .order-shipment-table tbody tr .line-item-details img,
    .pt_orderhistory #content .order-shipment-table tbody tr .line-item-details img,
    .pt_orderhistorydetails #content .order-shipment-table tbody tr .line-item-details img, .pt_order-confirmation #content .order-shipment-table tbody tr .line-item-details img {
      display: block;
      margin-bottom: 5px; }

.pt_account #content .search-result-items li.history-item,
.pt_orderhistory #content .search-result-items li.history-item,
.pt_orderhistorydetails #content .search-result-items li.history-item, .pt_order-confirmation #content .search-result-items li.history-item {
  border-bottom: 2px solid #000;
  display: inline-block;
  width: 100%; }
  .pt_account #content .search-result-items li.history-item:not(:first-child),
  .pt_orderhistory #content .search-result-items li.history-item:not(:first-child),
  .pt_orderhistorydetails #content .search-result-items li.history-item:not(:first-child), .pt_order-confirmation #content .search-result-items li.history-item:not(:first-child) {
    margin-top: 20px; }
  .pt_account #content .search-result-items li.history-item .element-order-history li,
  .pt_orderhistory #content .search-result-items li.history-item .element-order-history li,
  .pt_orderhistorydetails #content .search-result-items li.history-item .element-order-history li, .pt_order-confirmation #content .search-result-items li.history-item .element-order-history li {
    float: left;
    display: inline-block;
    margin-bottom: 20px;
    padding-right: 1.5%;
    text-transform: uppercase;
    font-weight: bold; }
    .pt_account #content .search-result-items li.history-item .element-order-history li.element-order-history-one, .pt_account #content .search-result-items li.history-item .element-order-history li.element-order-history-two,
    .pt_orderhistory #content .search-result-items li.history-item .element-order-history li.element-order-history-one,
    .pt_orderhistory #content .search-result-items li.history-item .element-order-history li.element-order-history-two,
    .pt_orderhistorydetails #content .search-result-items li.history-item .element-order-history li.element-order-history-one,
    .pt_orderhistorydetails #content .search-result-items li.history-item .element-order-history li.element-order-history-two, .pt_order-confirmation #content .search-result-items li.history-item .element-order-history li.element-order-history-one, .pt_order-confirmation #content .search-result-items li.history-item .element-order-history li.element-order-history-two {
      width: 31.5%; }
    .pt_account #content .search-result-items li.history-item .element-order-history li.element-order-history-three,
    .pt_orderhistory #content .search-result-items li.history-item .element-order-history li.element-order-history-three,
    .pt_orderhistorydetails #content .search-result-items li.history-item .element-order-history li.element-order-history-three, .pt_order-confirmation #content .search-result-items li.history-item .element-order-history li.element-order-history-three {
      width: 22%; }
    .pt_account #content .search-result-items li.history-item .element-order-history li.element-order-history-four,
    .pt_orderhistory #content .search-result-items li.history-item .element-order-history li.element-order-history-four,
    .pt_orderhistorydetails #content .search-result-items li.history-item .element-order-history li.element-order-history-four, .pt_order-confirmation #content .search-result-items li.history-item .element-order-history li.element-order-history-four {
      width: 13.5%; }
      @media screen and (max-width: 1024px) {
        .pt_account #content .search-result-items li.history-item .element-order-history li.element-order-history-four,
        .pt_orderhistory #content .search-result-items li.history-item .element-order-history li.element-order-history-four,
        .pt_orderhistorydetails #content .search-result-items li.history-item .element-order-history li.element-order-history-four, .pt_order-confirmation #content .search-result-items li.history-item .element-order-history li.element-order-history-four {
          width: inherit; } }
    .pt_account #content .search-result-items li.history-item .element-order-history li:first-child,
    .pt_orderhistory #content .search-result-items li.history-item .element-order-history li:first-child,
    .pt_orderhistorydetails #content .search-result-items li.history-item .element-order-history li:first-child, .pt_order-confirmation #content .search-result-items li.history-item .element-order-history li:first-child {
      padding-left: 1.5%;
      width: 33%; }
    .pt_account #content .search-result-items li.history-item .element-order-history li:last-child,
    .pt_orderhistory #content .search-result-items li.history-item .element-order-history li:last-child,
    .pt_orderhistorydetails #content .search-result-items li.history-item .element-order-history li:last-child, .pt_order-confirmation #content .search-result-items li.history-item .element-order-history li:last-child {
      padding-right: 1.5%; }
    .pt_account #content .search-result-items li.history-item .element-order-history li p,
    .pt_orderhistory #content .search-result-items li.history-item .element-order-history li p,
    .pt_orderhistorydetails #content .search-result-items li.history-item .element-order-history li p, .pt_order-confirmation #content .search-result-items li.history-item .element-order-history li p {
      padding: 0;
      margin: 0; }
      .pt_account #content .search-result-items li.history-item .element-order-history li p a,
      .pt_orderhistory #content .search-result-items li.history-item .element-order-history li p a,
      .pt_orderhistorydetails #content .search-result-items li.history-item .element-order-history li p a, .pt_order-confirmation #content .search-result-items li.history-item .element-order-history li p a {
        color: #000;
        text-decoration: underline; }
    .pt_account #content .search-result-items li.history-item .element-order-history li .order-status .order_canceled,
    .pt_orderhistory #content .search-result-items li.history-item .element-order-history li .order-status .order_canceled,
    .pt_orderhistorydetails #content .search-result-items li.history-item .element-order-history li .order-status .order_canceled, .pt_order-confirmation #content .search-result-items li.history-item .element-order-history li .order-status .order_canceled {
      color: #f00; }
    .pt_account #content .search-result-items li.history-item .element-order-history li .elem-order-history-new-btn,
    .pt_orderhistory #content .search-result-items li.history-item .element-order-history li .elem-order-history-new-btn,
    .pt_orderhistorydetails #content .search-result-items li.history-item .element-order-history li .elem-order-history-new-btn, .pt_order-confirmation #content .search-result-items li.history-item .element-order-history li .elem-order-history-new-btn {
      float: right; }

.pt_orderhistory #main .buttons {
  float: left; }
  .pt_orderhistory #main .buttons a {
    vertical-align: top; }

/*BEGIN Phonenumber Drop Down Country flags*/
/*checkout billing address*/
/*account registration*/
/*my account add address*/
/*my account profile*/
.pt_checkout, .account-section, .pt_accountregistration {
  /*END Phonenumber Drop Down*/ }
  .pt_checkout .selectric .label, .account-section .selectric .label, .pt_accountregistration .selectric .label {
    padding-left: 15px !important; }
  .pt_checkout .addressbox-phoneMobile .selectric .label {
    margin: 0; }
  .pt_checkout .selectric-open .selectric-items, .account-section .selectric-open .selectric-items, .pt_accountregistration .selectric-open .selectric-items {
    max-height: 160px; }
  .pt_checkout .selectric-open.selectric-above .selectric-items, .account-section .selectric-open.selectric-above .selectric-items, .pt_accountregistration .selectric-open.selectric-above .selectric-items {
    max-height: none; }
  .pt_checkout .selectric-items li, .account-section .selectric-items li, .pt_accountregistration .selectric-items li {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
        align-items: center;
    width: 100%; }
  .pt_checkout .selectric-scroll .country_flag_icon, .account-section .selectric-scroll .country_flag_icon, .pt_accountregistration .selectric-scroll .country_flag_icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 5px; }
  .pt_checkout .addressbox-bmlbirthday, .account-section .addressbox-bmlbirthday, .pt_accountregistration .addressbox-bmlbirthday {
    width: 700px; }
  .pt_checkout .buttons.btn_save, .account-section .buttons.btn_save, .pt_accountregistration .buttons.btn_save {
    position: absolute;
    right: 235px;
    padding: 0 0 0 0; }
    @media screen and (max-width: 1024px) {
      .pt_checkout .buttons.btn_save, .account-section .buttons.btn_save, .pt_accountregistration .buttons.btn_save {
        right: 25%; } }
  .pt_checkout #content #RegistrationForm fieldset, .account-section #content #RegistrationForm fieldset, .pt_accountregistration #content #RegistrationForm fieldset {
    border-bottom: 3px solid #000; }
    .pt_checkout #content #RegistrationForm fieldset h5, .account-section #content #RegistrationForm fieldset h5, .pt_accountregistration #content #RegistrationForm fieldset h5 {
      font-size: 0.9em;
      font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
      font-weight: normal; }
    .pt_checkout #content #RegistrationForm fieldset .month, .pt_checkout #content #RegistrationForm fieldset .year, .pt_checkout #content #RegistrationForm fieldset .day, .account-section #content #RegistrationForm fieldset .month, .account-section #content #RegistrationForm fieldset .year, .account-section #content #RegistrationForm fieldset .day, .pt_accountregistration #content #RegistrationForm fieldset .month, .pt_accountregistration #content #RegistrationForm fieldset .year, .pt_accountregistration #content #RegistrationForm fieldset .day {
      margin: 0; }
  .pt_checkout #content #RegistrationForm .tocfield, .account-section #content #RegistrationForm .tocfield, .pt_accountregistration #content #RegistrationForm .tocfield {
    position: relative;
    margin-top: -47px;
    margin-bottom: 6em; }
    .pt_checkout #content #RegistrationForm .tocfield .toclabel, .account-section #content #RegistrationForm .tocfield .toclabel, .pt_accountregistration #content #RegistrationForm .tocfield .toclabel {
      position: absolute;
      left: 245px;
      top: 64px; }
      .pt_checkout #content #RegistrationForm .tocfield .toclabel .privacy-policy, .account-section #content #RegistrationForm .tocfield .toclabel .privacy-policy, .pt_accountregistration #content #RegistrationForm .tocfield .toclabel .privacy-policy {
        color: #FE0E0D; }
        .pt_checkout #content #RegistrationForm .tocfield .toclabel .privacy-policy:hover, .account-section #content #RegistrationForm .tocfield .toclabel .privacy-policy:hover, .pt_accountregistration #content #RegistrationForm .tocfield .toclabel .privacy-policy:hover {
          color: #000; }
    .pt_checkout #content #RegistrationForm .tocfield span.error, .account-section #content #RegistrationForm .tocfield span.error, .pt_accountregistration #content #RegistrationForm .tocfield span.error {
      line-height: 1.25em;
      margin-top: 4.5em;
      margin-left: -1px;
      min-width: 183px;
      width: 100%; }
      .pt_checkout #content #RegistrationForm .tocfield span.error#dwfrm_profile_customer_accepttermsandconditions-error, .account-section #content #RegistrationForm .tocfield span.error#dwfrm_profile_customer_accepttermsandconditions-error, .pt_accountregistration #content #RegistrationForm .tocfield span.error#dwfrm_profile_customer_accepttermsandconditions-error {
        min-width: 270px;
        text-align: left; }
  .pt_checkout #content #RegistrationForm .newsletterfield, .account-section #content #RegistrationForm .newsletterfield, .pt_accountregistration #content #RegistrationForm .newsletterfield {
    position: relative; }
    .pt_checkout #content #RegistrationForm .newsletterfield .form-caption, .account-section #content #RegistrationForm .newsletterfield .form-caption, .pt_accountregistration #content #RegistrationForm .newsletterfield .form-caption {
      position: absolute;
      left: 245px;
      top: 5px;
      margin: 0; }
      .pt_checkout #content #RegistrationForm .newsletterfield .form-caption--black, .account-section #content #RegistrationForm .newsletterfield .form-caption--black, .pt_accountregistration #content #RegistrationForm .newsletterfield .form-caption--black {
        color: black; }
      .pt_checkout #content #RegistrationForm .newsletterfield .form-caption--underline, .account-section #content #RegistrationForm .newsletterfield .form-caption--underline, .pt_accountregistration #content #RegistrationForm .newsletterfield .form-caption--underline {
        text-decoration: underline; }
  @media screen and (max-width: 768px) {
    .pt_checkout #content #RegistrationForm .newsletterfield li.label-inline, .pt_checkout #content #RegistrationForm .tocfield li.label-inline, .account-section #content #RegistrationForm .newsletterfield li.label-inline, .account-section #content #RegistrationForm .tocfield li.label-inline, .pt_accountregistration #content #RegistrationForm .newsletterfield li.label-inline, .pt_accountregistration #content #RegistrationForm .tocfield li.label-inline {
      position: relative; }
      .pt_checkout #content #RegistrationForm .newsletterfield li.label-inline .field-label, .pt_checkout #content #RegistrationForm .tocfield li.label-inline .field-label, .account-section #content #RegistrationForm .newsletterfield li.label-inline .field-label, .account-section #content #RegistrationForm .tocfield li.label-inline .field-label, .pt_accountregistration #content #RegistrationForm .newsletterfield li.label-inline .field-label, .pt_accountregistration #content #RegistrationForm .tocfield li.label-inline .field-label {
        position: absolute;
        padding: 0 0 0 0;
        left: 1.5em; } }

.pt_order-confirmation #content {
  padding-right: 0; }

.pt_order-confirmation #sidebar {
  display: none; }

#PasswordResetForm fieldset {
  position: relative; }

#RegistrationForm .addressbox-newpassword,
#RegistrationForm .addressbox-email {
  width: 700px; }

#edit-address-form .input-select,
#RegistrationForm .input-select {
  width: 100%;
  background-color: #eaeaea;
  color: #333;
  border: none;
  outline: 0;
  padding-left: 0.5em;
  margin-right: 1em;
  height: 3em; }
  #edit-address-form .input-select.choose-topic-email-subvalues, #edit-address-form .input-select.choose-device-used-values,
  #RegistrationForm .input-select.choose-topic-email-subvalues,
  #RegistrationForm .input-select.choose-device-used-values {
    display: none;
    margin-top: 10px; }

#edit-address-form .clear,
#RegistrationForm .clear {
  clear: both; }

#edit-address-form .addressbox-myaccount-address,
#RegistrationForm .addressbox-myaccount-address {
  width: 576px; }

#edit-address-form .addressbox-Lookup-address,
#RegistrationForm .addressbox-Lookup-address {
  width: 576px;
  text-align: right; }
  #edit-address-form .addressbox-Lookup-address a,
  #RegistrationForm .addressbox-Lookup-address a {
    text-decoration: underline;
    color: #222;
    font-size: 0.950em;
    font-family: "UniqloRegularRegular";
    text-transform: uppercase; }
  #edit-address-form .addressbox-Lookup-address a:hover,
  #RegistrationForm .addressbox-Lookup-address a:hover {
    color: #f00; }

#edit-address-form .addressbox-postcode-lookup,
#RegistrationForm .addressbox-postcode-lookup {
  width: 576px;
  text-align: right; }
  #edit-address-form .addressbox-postcode-lookup .addressbox-postal-errormessage span,
  #RegistrationForm .addressbox-postcode-lookup .addressbox-postal-errormessage span {
    color: #FE0E0D;
    text-transform: uppercase; }
  #edit-address-form .addressbox-postcode-lookup .button-container #lookup-findmyadress,
  #RegistrationForm .addressbox-postcode-lookup .button-container #lookup-findmyadress {
    background-color: #000;
    padding: 10px;
    color: #fff;
    margin-bottom: 5px; }
  #edit-address-form .addressbox-postcode-lookup .button-container #lookup-findmyadress:hover,
  #RegistrationForm .addressbox-postcode-lookup .button-container #lookup-findmyadress:hover {
    background-color: #FE0E0D; }
  #edit-address-form .addressbox-postcode-lookup .button-container span,
  #RegistrationForm .addressbox-postcode-lookup .button-container span {
    font-family: "UniqloRegularRegular";
    text-align: center;
    display: inline-block;
    white-space: nowrap;
    font-size: 100%;
    text-transform: uppercase; }
  #edit-address-form .addressbox-postcode-lookup .address-manually a,
  #RegistrationForm .addressbox-postcode-lookup .address-manually a {
    text-decoration: underline;
    color: #222;
    font-size: 0.950em;
    font-family: "UniqloRegularRegular";
    text-transform: uppercase; }
  #edit-address-form .addressbox-postcode-lookup .address-manually a:hover,
  #RegistrationForm .addressbox-postcode-lookup .address-manually a:hover {
    color: #FE0E0D; }

#edit-address-form .addressbox-address1-streetNo .field-row:first-child .field-info,
#RegistrationForm .addressbox-address1-streetNo .field-row:first-child .field-info {
  display: none; }

#edit-address-form .addressbox-address1-streetNo .field-row:last-child,
#RegistrationForm .addressbox-address1-streetNo .field-row:last-child {
  width: 99px; }
  #edit-address-form .addressbox-address1-streetNo .field-row:last-child .field-label,
  #RegistrationForm .addressbox-address1-streetNo .field-row:last-child .field-label {
    display: none; }
  #edit-address-form .addressbox-address1-streetNo .field-row:last-child .field,
  #RegistrationForm .addressbox-address1-streetNo .field-row:last-child .field {
    width: 99px; }
  #edit-address-form .addressbox-address1-streetNo .field-row:last-child .field-info,
  #RegistrationForm .addressbox-address1-streetNo .field-row:last-child .field-info {
    clear: both; }

#edit-address-form .addressbox-address1-streetNo .field-row:nth-child(2),
#RegistrationForm .addressbox-address1-streetNo .field-row:nth-child(2) {
  width: 276px; }
  #edit-address-form .addressbox-address1-streetNo .field-row:nth-child(2) .field-label,
  #RegistrationForm .addressbox-address1-streetNo .field-row:nth-child(2) .field-label {
    display: none; }
  #edit-address-form .addressbox-address1-streetNo .field-row:nth-child(2) .field,
  #RegistrationForm .addressbox-address1-streetNo .field-row:nth-child(2) .field {
    width: 265px; }
  #edit-address-form .addressbox-address1-streetNo .field-row:nth-child(2) .field-info,
  #RegistrationForm .addressbox-address1-streetNo .field-row:nth-child(2) .field-info {
    clear: both; }

#edit-address-form .addressbox-address1-streetNo .field-row,
#RegistrationForm .addressbox-address1-streetNo .field-row {
  float: left; }

#edit-address-form .addressbox-address1-streetNo.fr .field-row:last-child,
#RegistrationForm .addressbox-address1-streetNo.fr .field-row:last-child {
  width: 276px; }
  #edit-address-form .addressbox-address1-streetNo.fr .field-row:last-child .field-label,
  #RegistrationForm .addressbox-address1-streetNo.fr .field-row:last-child .field-label {
    display: none; }
  #edit-address-form .addressbox-address1-streetNo.fr .field-row:last-child .field,
  #RegistrationForm .addressbox-address1-streetNo.fr .field-row:last-child .field {
    width: 276px; }
  #edit-address-form .addressbox-address1-streetNo.fr .field-row:last-child .field-info,
  #RegistrationForm .addressbox-address1-streetNo.fr .field-row:last-child .field-info {
    clear: both; }

#edit-address-form .addressbox-address1-streetNo.fr .field-row:nth-child(2),
#RegistrationForm .addressbox-address1-streetNo.fr .field-row:nth-child(2) {
  width: 99px; }
  #edit-address-form .addressbox-address1-streetNo.fr .field-row:nth-child(2) .field-label,
  #RegistrationForm .addressbox-address1-streetNo.fr .field-row:nth-child(2) .field-label {
    display: none; }
  #edit-address-form .addressbox-address1-streetNo.fr .field-row:nth-child(2) .field,
  #RegistrationForm .addressbox-address1-streetNo.fr .field-row:nth-child(2) .field {
    width: 90px; }
  #edit-address-form .addressbox-address1-streetNo.fr .field-row:nth-child(2) .field-info,
  #RegistrationForm .addressbox-address1-streetNo.fr .field-row:nth-child(2) .field-info {
    clear: both; }

#edit-address-form .addressbox-phoneMobile,
#RegistrationForm .addressbox-phoneMobile {
  width: 700px; }
  #edit-address-form .addressbox-phoneMobile .field-row,
  #RegistrationForm .addressbox-phoneMobile .field-row {
    float: left; }
  #edit-address-form .addressbox-phoneMobile .field-row:nth-child(2),
  #RegistrationForm .addressbox-phoneMobile .field-row:nth-child(2) {
    width: 99px; }
  #edit-address-form .addressbox-phoneMobile .field-row:nth-child(3),
  #RegistrationForm .addressbox-phoneMobile .field-row:nth-child(3) {
    width: 276px; }
  #edit-address-form .addressbox-phoneMobile .field-row:first-child .field-info,
  #RegistrationForm .addressbox-phoneMobile .field-row:first-child .field-info {
    display: none; }
  #edit-address-form .addressbox-phoneMobile .phoneMobilePrefix-select,
  #RegistrationForm .addressbox-phoneMobile .phoneMobilePrefix-select {
    width: 90px;
    height: 34px; }
    #edit-address-form .addressbox-phoneMobile .phoneMobilePrefix-select:hover,
    #RegistrationForm .addressbox-phoneMobile .phoneMobilePrefix-select:hover {
      cursor: pointer; }
  #edit-address-form .addressbox-phoneMobile .phoneMobile-select,
  #RegistrationForm .addressbox-phoneMobile .phoneMobile-select {
    width: 276px; }

#edit-address-form .addressbox-password .field-row .field-info,
#edit-address-form .addressbox-newpassword .field-row .field-info,
#RegistrationForm .addressbox-password .field-row .field-info,
#RegistrationForm .addressbox-newpassword .field-row .field-info {
  float: none;
  clear: both;
  margin-left: 200px;
  width: 376px; }

h1 .account-logout {
  font-size: 0.6em;
  float: none; }

.registration-selection input, .registration-selection label {
  display: inline;
  float: none; }

.address-list {
  padding: 0; }
  .address-list li {
    float: left;
    list-style: none outside none;
    margin: 0;
    min-height: 135px;
    padding: 1em 0;
    width: 30%; }
    .address-list li.default {
      border-bottom: 1px solid #f5f5f5;
      float: none;
      width: auto; }
  .address-list .mini-address-title {
    font-style: italic; }

.payment-list {
  overflow: hidden;
  padding: 0; }
  .payment-list li {
    float: left;
    list-style: none outside none;
    margin: 0;
    min-height: 110px;
    width: 33%; }

.order-history-header {
  background: url("../images/interface/icon-double-line-header.png") repeat-x scroll left top #f5f5f5;
  overflow: hidden;
  padding: 10px; }
  .order-history-header .label {
    font-weight: 700; }
  .order-history-header button {
    float: right; }
  .order-history-header .order-date, .order-history-header .order-status, .order-history-header .order-number {
    float: left;
    margin: 2px 0;
    width: 60%; }

.order-history-items {
  margin: 20px 0; }

.order-history-table th, .order-history-table td {
  padding: 5px 10px; }

.order-history-table ul {
  margin: 0;
  padding: 0; }

.order-history-table li {
  list-style: none outside none; }

.order-history-table .order-shipped-to,
.order-history-table .order-items,
.order-history-table .order-total-price {
  width: 33%; }

.order-history-table .toggle {
  cursor: pointer;
  display: block; }

.js .order-history-table .hidden {
  display: none; }

ul.items::after {
  content: ".";
  clear: both;
  display: block;
  visibility: hidden;
  height: 0px; }

.pt_customer-service #primary {
  position: static; }

.pt_customer-service .dialog-when-work-text {
  margin-top: 10px;
  font-style: normal; }
  .pt_customer-service .dialog-when-work-text span:not(.button-row__helptext) {
    text-transform: uppercase;
    font-weight: bold; }

.pt_customer-service .choose-topic-email-subvalues {
  margin-top: 10px; }

.pt_customer-service .form-row-button {
  margin-left: 0;
  width: auto; }
  .pt_customer-service .form-row-button .btn_red.save {
    padding-right: 174px; }

.pt_customer-service .cancel-order-header {
  padding-bottom: 2em;
  padding-bottom: 2rem; }
  .pt_customer-service .cancel-order-header h1 {
    float: left;
    font-family: "UniqloBoldRegular", helvetica, arial;
    font-size: 42px;
    line-height: 38px; }
  .pt_customer-service .cancel-order-header .form-download-link {
    float: right;
    color: #000;
    max-width: 110px;
    text-align: center; }

.bdb-inline .field {
  width: 100%; }
  .bdb-inline .field select {
    width: 100%;
    margin: 0;
    margin-bottom: 3px; }

.bdb-inline .bdb {
  float: left;
  width: 30%;
  margin-right: 3%; }
  .bdb-inline .bdb:last-child {
    margin-right: 0; }

.field-row + .bdb-inline {
  margin-top: -10px; }
  .field-row + .bdb-inline .field-row {
    margin: 0 0 10px; }

.with-sidebar #CancelOrderForm .bdb-inline .field-row .field {
  width: 110px;
  margin-right: 23px; }

#CancelOrderForm .bdb {
  float: left;
  margin: 0;
  width: auto; }
  #CancelOrderForm .bdb:last-child {
    margin-right: 0; }

#CancelOrderForm .ui-selectmenu.country {
  width: 100%; }

#CancelOrderForm .client-notice {
  padding: 25px 0 15px; }

#CancelOrderForm fieldset li:nth-child(1),
#CancelOrderForm fieldset li:nth-child(12),
#CancelOrderForm fieldset li:nth-child(13) {
  display: inline-block;
  float: left; }
  #CancelOrderForm fieldset li:nth-child(1) .field-info,
  #CancelOrderForm fieldset li:nth-child(12) .field-info,
  #CancelOrderForm fieldset li:nth-child(13) .field-info {
    display: none; }

#CancelOrderForm .return-rules {
  padding: 0 0 0 20px; }
  #CancelOrderForm .return-rules li {
    display: list-item !important;
    float: none !important;
    list-style: disc; }

.account-section #content h5 {
  font-size: 0.9em;
  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
  font-weight: normal; }

.account-section #content .buttons {
  padding: 0;
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0 200px -12px 0; }
  .account-section #content .buttons .button-container {
    margin-right: 35px; }

@media screen and (max-width: 883px) {
  .account-section #content {
    margin-top: 5x; } }

.addressboxPassword {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .addressboxPassword__fields {
    width: 650px; }
  .addressboxPassword__info {
    width: 350px;
    margin: 5px 0;
    text-align: justify;
    color: #999;
    font-size: 0.8em;
    -ms-flex: 1 0;
        flex: 1 0;
    min-width: 250px;
    max-width: 455px; }
    .addressboxPassword__infoListItem {
      list-style: disc;
      text-indent: 10px;
      margin-left: 2ch; }

.cart-quantity-dropdown {
  border-radius: 4px;
  height: 2em;
  padding-left: 0.5em;
  width: 60%; }
  .cart-quantity-dropdown:focus {
    outline: 0; }

#new-cartredesign-container {
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  @media screen and (min-width: 1024px) {
    #new-cartredesign-container {
      max-width: 980px; } }
  #new-cartredesign-container .shippingmethod-price-free {
    display: inline-block;
    float: right;
    color: #000;
    text-transform: uppercase;
    letter-spacing: -0.7px;
    font-weight: bold; }
  #new-cartredesign-container .amount-limit-exceeded {
    color: #000;
    width: inherit;
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
    font-size: 14px;
    padding: 6px 0 3px 19px;
    font-weight: bold;
    background-color: rgba(255, 0, 0, 0.25);
    line-height: 18px;
    text-transform: none;
    text-align: left;
    margin: 0 0 10px 0; }
    #new-cartredesign-container .amount-limit-exceeded img {
      padding: 0 5px 3px 0; }
  #new-cartredesign-container .alertwhite {
    height: 14px;
    width: 14px;
    border-radius: 50%;
    background: #000;
    color: #fff;
    vertical-align: middle;
    margin: 0 5px 3px 0; }
  #new-cartredesign-container .cart-info {
    border-width: 0 16px 0px 16px;
    border-style: solid;
    border-color: white;
    padding: 0;
    margin-bottom: 20px;
    background: white;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15); }
    #new-cartredesign-container .cart-info div {
      padding: 0; }
    #new-cartredesign-container .cart-info .discountClickarea {
      width: 100%;
      margin: 1em 0 1em 0;
      font-size: 14px;
      text-align: left;
      color: #000;
      padding: 0;
      border: 0;
      background: transparent;
      position: relative; }
      #new-cartredesign-container .cart-info .discountClickarea::after {
        color: #000;
        filter: brightness(0);
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 12px;
        background: 0 50%/12px 12px url(../images/icon-sprite.svg#icon_arrow_down) no-repeat; }
      #new-cartredesign-container .cart-info .discountClickarea[aria-expanded="true"], #new-cartredesign-container .cart-info .discountClickarea:hover {
        color: #000; }
        @media screen and (min-width: 1025px) {
          #new-cartredesign-container .cart-info .discountClickarea[aria-expanded="true"]::after, #new-cartredesign-container .cart-info .discountClickarea:hover::after {
            filter: brightness(0); } }
      #new-cartredesign-container .cart-info .discountClickarea[aria-expanded="true"] {
        line-height: 1;
        margin-bottom: 13px; }
        #new-cartredesign-container .cart-info .discountClickarea[aria-expanded="true"]::after {
          transform: rotate(0.5turn); }
      #new-cartredesign-container .cart-info .discountClickarea p {
        margin-bottom: 0; }
      #new-cartredesign-container .cart-info .discountClickarea i {
        float: right;
        font-size: 16px; }
    #new-cartredesign-container .cart-info .coupon_input {
      padding: 9px 10px 8px 10px;
      margin: 0;
      background-color: #fff;
      border: 1px solid #d9d9d9;
      width: 188px;
      height: 38px;
      font-size: 12px;
      color: #222;
      vertical-align: middle; }
      #new-cartredesign-container .cart-info .coupon_input[type="search"] {
        -webkit-appearance: searchfield;
        box-sizing: border-box; }
        #new-cartredesign-container .cart-info .coupon_input[type="search"]::-webkit-search-decoration, #new-cartredesign-container .cart-info .coupon_input[type="search"]::-webkit-search-cancel-button {
          -webkit-appearance: searchfield-cancel-button;
          color: inherit; }
        @media not all and (min-resolution: 0.001dpcm) {
          @supports (-webkit-appearance: none) {
            #new-cartredesign-container .cart-info .coupon_input[type="search"] {
              -webkit-appearance: none;
              padding-left: 0; } } }
      #new-cartredesign-container .cart-info .coupon_input:focus {
        /* black border if you click inside */
        border-color: #000;
        outline: 0; }
      #new-cartredesign-container .cart-info .coupon_input:focus:valid + .js_add-coupon {
        /* button black font if input contains something valid */
        color: #000; }
      #new-cartredesign-container .cart-info .coupon_input:focus:placeholder-shown + .js_add-coupon {
        /* since nothing (and input itself is not required before sending) is also valid, than overwritten here */
        color: #000; }
    #new-cartredesign-container .cart-info .discount_summary {
      padding-bottom: 16px; }
      #new-cartredesign-container .cart-info .discount_summary_box {
        display: -ms-flexbox;
        display: flex; }
        #new-cartredesign-container .cart-info .discount_summary_box .js_add-coupon {
          -ms-flex: 1 0 auto;
              flex: 1 0 auto; }
        #new-cartredesign-container .cart-info .discount_summary_box .coupon_input {
          -ms-flex: 1 1 auto;
              flex: 1 1 auto; }
      #new-cartredesign-container .cart-info .discount_summary .error_input {
        border-color: #FE0E0D; }
      #new-cartredesign-container .cart-info .discount_summary .discount_check {
        display: -ms-flexbox;
        display: flex;
        margin-top: 2px;
        -ms-flex-align: center;
            align-items: center; }
        #new-cartredesign-container .cart-info .discount_summary .discount_check_icon {
          width: 1em;
          height: 0.7em;
          margin-right: 0.65em;
          overflow: visible; }
          #new-cartredesign-container .cart-info .discount_summary .discount_check_icon--invalid {
            color: #FE0E0D; }
          #new-cartredesign-container .cart-info .discount_summary .discount_check_icon--valid {
            height: 0.8em;
            color: #378694; }
        #new-cartredesign-container .cart-info .discount_summary .discount_check div {
          font-size: 11px;
          color: #808080; }
      #new-cartredesign-container .cart-info .discount_summary .textbutton {
        border: none;
        color: #808080;
        background-color: #fff;
        font-size: 11px;
        font-weight: 400;
        margin: 0 0 0 2px; }
        #new-cartredesign-container .cart-info .discount_summary .textbutton:hover {
          color: #000; }
      #new-cartredesign-container .cart-info .discount_summary .js_add-coupon {
        border: 1px solid;
        margin-left: 3%;
        padding: 3px;
        vertical-align: middle;
        text-align: center;
        text-transform: none;
        color: #000;
        font-family: sans-serif;
        background: transparent; }
        @media screen and (min-width: 1024px) {
          #new-cartredesign-container .cart-info .discount_summary .js_add-coupon {
            max-width: 77px; } }
        #new-cartredesign-container .cart-info .discount_summary .js_add-coupon.js_add-coupon:hover {
          /* specifity hack */
          color: #fff;
          background: #000; }
      #new-cartredesign-container .cart-info .discount_summary .fa-check, #new-cartredesign-container .cart-info .discount_summary .coupon-error {
        width: 1.25em;
        color: #378694; }
      #new-cartredesign-container .cart-info .discount_summary .coupon-error {
        color: #FE0E0D; }
    #new-cartredesign-container .cart-info .error {
      font-size: 11px;
      text-transform: none; }
  #new-cartredesign-container .cartredesign {
    /* just for naming children selector does not exist in HTML */ }
    #new-cartredesign-container .cartredesign-leftcolumn {
      width: 660px;
      margin-right: 20px;
      -ms-flex: 9999 0 auto;
          flex: 9999 0 auto; }
      #new-cartredesign-container .cartredesign-leftcolumn > .cart-info {
        display: none; }
      #new-cartredesign-container .cartredesign-leftcolumn--emptyCart {
        margin-right: 0; }
      @media (max-width: 1023px) {
        #new-cartredesign-container .cartredesign-leftcolumn {
          width: 100%;
          margin-right: 0; }
          #new-cartredesign-container .cartredesign-leftcolumn > .cart-info {
            display: inherit; } }
      #new-cartredesign-container .cartredesign-leftcolumn .productList {
        padding-left: 0;
        margin-top: 0; }
        #new-cartredesign-container .cartredesign-leftcolumn .productList__item {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: justify;
              justify-content: space-between;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          color: #808080;
          font-size: 12px;
          line-height: 15px;
          position: relative;
          /* space between line items */
          margin-top: 19px;
          padding-top: 19px;
          border-top: 1px solid #f3f3f3; }
          #new-cartredesign-container .cartredesign-leftcolumn .productList__item:first-child {
            margin-top: 0;
            padding-top: 0;
            border-top: 0; }
          #new-cartredesign-container .cartredesign-leftcolumn .productList__item--wishlistSuccess {
            overflow: hidden; }
          #new-cartredesign-container .cartredesign-leftcolumn .productList__item-oosMessage {
            width: 100%;
            margin-bottom: 17px;
            font-weight: 600; }
            #new-cartredesign-container .cartredesign-leftcolumn .productList__item-oosMessage::before {
              vertical-align: sub;
              margin-right: 0.35em; }
          #new-cartredesign-container .cartredesign-leftcolumn .productList__item-oosIcon {
            width: 15px;
            height: 14px;
            vertical-align: text-top;
            overflow: visible;
            /* overwrite bootstrap and ensure that info icon is rendered correctly */
            stroke: currentColor; }
          #new-cartredesign-container .cartredesign-leftcolumn .productList__item-editIcon {
            width: 15px;
            height: 14px;
            vertical-align: text-top;
            fill: currentColor;
            overflow: visible;
            /* overwrite bootstrap and ensure that info icon is rendered correctly */ }
          #new-cartredesign-container .cartredesign-leftcolumn .productList__item-bisn {
            color: #000;
            background: transparent;
            padding: 0;
            text-decoration: underline;
            float: right; }
            #new-cartredesign-container .cartredesign-leftcolumn .productList__item-bisn:hover {
              font-weight: 600; }
          #new-cartredesign-container .cartredesign-leftcolumn .productList__item-headline {
            -ms-flex: 1 1 100%;
                flex: 1 1 100%;
            width: 100%;
            margin-bottom: 15px;
            color: #000;
            font-size: 14px;
            letter-spacing: 0.2px;
            font-weight: 500; }
          #new-cartredesign-container .cartredesign-leftcolumn .productList__item-details {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-positive: 1;
                flex-grow: 1; }
            #new-cartredesign-container .cartredesign-leftcolumn .productList__item-details-image {
              width: 100px;
              height: 100px;
              border: 1px solid #E6E6E6;
              background-color: #f3f3f3; }
              #new-cartredesign-container .cartredesign-leftcolumn .productList__item-details-imageWrapper {
                -ms-flex: 0 0 auto;
                    flex: 0 0 auto; }
            #new-cartredesign-container .cartredesign-leftcolumn .productList__item-details-data {
              display: -ms-flexbox;
              display: flex;
              -ms-flex-direction: column;
                  flex-direction: column;
              -ms-flex-positive: 1;
                  flex-grow: 1;
              margin: -2px 10px;
              font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Trebuchet MS", "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif; }
              #new-cartredesign-container .cartredesign-leftcolumn .productList__item-details-data-name {
                -ms-flex-item-align: start;
                    align-self: flex-start; }
              #new-cartredesign-container .cartredesign-leftcolumn .productList__item-details-datalist {
                width: 100%;
                margin: 0;
                font-size: 14px;
                line-height: 1.15em; }
                #new-cartredesign-container .cartredesign-leftcolumn .productList__item-details-datalist dt {
                  float: left;
                  clear: left;
                  padding-right: 5px;
                  max-width: 40%; }
                #new-cartredesign-container .cartredesign-leftcolumn .productList__item-details-datalist dd {
                  max-width: 60%;
                  display: inline-block;
                  margin: 0;
                  float: left; }
            #new-cartredesign-container .cartredesign-leftcolumn .productList__item-details-multibuy {
              font-size: 14px;
              line-height: 1.15em; }
            #new-cartredesign-container .cartredesign-leftcolumn .productList__item-details-name {
              max-width: 320px;
              max-width: 50ch;
              margin-bottom: 4px;
              font-size: 14px;
              line-height: 1;
              font-family: "Uniqlo Pro";
              font-weight: normal;
              color: #000;
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis; }
              #new-cartredesign-container .cartredesign-leftcolumn .productList__item-details-name--oos {
                color: #808080; }
          #new-cartredesign-container .cartredesign-leftcolumn .productList__item-qty {
            font-size: 12px;
            vertical-align: text-bottom; }
          #new-cartredesign-container .cartredesign-leftcolumn .productList__item-actions {
            width: 100%;
            margin-top: auto;
            line-height: 1; }
            #new-cartredesign-container .cartredesign-leftcolumn .productList__item-actions-button {
              font-size: 14px;
              padding: 0;
              margin-right: 1.2em;
              background: transparent;
              line-height: inherit;
              color: #808080;
              font-weight: 500; }
              #new-cartredesign-container .cartredesign-leftcolumn .productList__item-actions-button:hover {
                color: #000; }
                #new-cartredesign-container .cartredesign-leftcolumn .productList__item-actions-button:hover .productList__item-actions-button-text {
                  text-decoration: underline; }
            #new-cartredesign-container .cartredesign-leftcolumn .productList__item-actions .outofstock-button-divider {
              border: 1px solid #bfbfbf;
              margin: 0 1.7em 0 0;
              line-height: 1; }
        #new-cartredesign-container .cartredesign-leftcolumn .productList__info {
          text-align: right;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
              flex-direction: column;
          -ms-flex-align: end;
              align-items: flex-end; }
          #new-cartredesign-container .cartredesign-leftcolumn .productList__info label {
            margin: 0;
            font-size: 14px; }
          #new-cartredesign-container .cartredesign-leftcolumn .productList__info-qty {
            width: 84px;
            font-size: 14px;
            text-align: left;
            border: 1px solid #bfbfbf;
            border-radius: 0;
            -webkit-appearance: none;
               -moz-appearance: none;
                    appearance: none;
            background: 90% 50%/12px 12px url(../images/icon-sprite.svg#icon_arrow_down) no-repeat; }
            @media screen and (max-width: 1024px) {
              #new-cartredesign-container .cartredesign-leftcolumn .productList__info-qty {
                background: 90% 50% url("../images/cart/arrow_down_select.png") no-repeat; } }
            #new-cartredesign-container .cartredesign-leftcolumn .productList__info-qty:hover {
              border-color: #000; }
            #new-cartredesign-container .cartredesign-leftcolumn .productList__info-qty.red-highlight {
              border-color: #FE0E0D; }
            #new-cartredesign-container .cartredesign-leftcolumn .productList__info-qty::-ms-expand {
              display: none; }
          #new-cartredesign-container .cartredesign-leftcolumn .productList__info-availability {
            color: #000;
            display: inline-block;
            line-height: 1;
            margin-top: 4px; }
          #new-cartredesign-container .cartredesign-leftcolumn .productList__info-subtotal {
            margin-top: auto;
            font-weight: normal;
            font-family: "Uniqlo Pro";
            font-weight: normal; }
            #new-cartredesign-container .cartredesign-leftcolumn .productList__info-subtotal-crossed {
              text-decoration: line-through;
              color: #808080;
              font-size: 14px;
              font-weight: 300;
              vertical-align: text-bottom;
              margin-right: 0.35em; }
            #new-cartredesign-container .cartredesign-leftcolumn .productList__info-subtotal-price {
              font-size: 18px; }
              #new-cartredesign-container .cartredesign-leftcolumn .productList__info-subtotal-price:first-child {
                color: #000; }
              #new-cartredesign-container .cartredesign-leftcolumn .productList__info-subtotal-price--oos, #new-cartredesign-container .cartredesign-leftcolumn .productList__info-subtotal-price--oos:first-child {
                color: #808080; }
              #new-cartredesign-container .cartredesign-leftcolumn .productList__info-subtotal-price-crossed {
                color: #808080;
                font-size: 14px;
                text-decoration: line-through;
                margin-right: 0.25em; }
                #new-cartredesign-container .cartredesign-leftcolumn .productList__info-subtotal-price-crossed + span {
                  color: #000; }
                #new-cartredesign-container .cartredesign-leftcolumn .productList__info-subtotal-price-crossed[data-percentage] {
                  display: block;
                  margin-right: 0; }
              #new-cartredesign-container .cartredesign-leftcolumn .productList__info-subtotal-price--free {
                color: #000;
                text-transform: uppercase;
                font-size: 16px;
                line-height: 19px;
                letter-spacing: 0.25px; }
        #new-cartredesign-container .cartredesign-leftcolumn .productList--addToCart {
          margin-bottom: 0; }
          #new-cartredesign-container .cartredesign-leftcolumn .productList--addToCart .productList__item {
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap; }
          #new-cartredesign-container .cartredesign-leftcolumn .productList--addToCart .productList__item-details {
            -ms-flex-negative: 0;
                flex-shrink: 0;
            margin-right: 20px;
            width: 55%; }
            #new-cartredesign-container .cartredesign-leftcolumn .productList--addToCart .productList__item-details .productList__item-details-image {
              width: 117px;
              height: 117px;
              border: 0; }
            #new-cartredesign-container .cartredesign-leftcolumn .productList--addToCart .productList__item-details .productList__item-details-data {
              width: calc(100% - 117px); }
            #new-cartredesign-container .cartredesign-leftcolumn .productList--addToCart .productList__item-details .productList__item-details-name {
              font-size: 18px; }
            #new-cartredesign-container .cartredesign-leftcolumn .productList--addToCart .productList__item-details .productList__item-details-datalist {
              line-height: 1.4em; }
            #new-cartredesign-container .cartredesign-leftcolumn .productList--addToCart .productList__item-details .product-price {
              font-family: "UniqloRegularRegular";
              font-size: 14px;
              letter-spacing: 0.17px;
              font-weight: 500;
              color: #000;
              line-height: 1.4em; }
              #new-cartredesign-container .cartredesign-leftcolumn .productList--addToCart .productList__item-details .product-price .price-set {
                display: inline-block; }
              #new-cartredesign-container .cartredesign-leftcolumn .productList--addToCart .productList__item-details .product-price .price-standard {
                color: #000;
                text-decoration: line-through; }
              #new-cartredesign-container .cartredesign-leftcolumn .productList--addToCart .productList__item-details .product-price .pdp-price-original {
                display: inline-block;
                font-size: 12px;
                text-decoration: line-through;
                color: #666;
                margin: 0 8px 0 0; }
                #new-cartredesign-container .cartredesign-leftcolumn .productList--addToCart .productList__item-details .product-price .pdp-price-original .price-standard {
                  color: #808080; }
              #new-cartredesign-container .cartredesign-leftcolumn .productList--addToCart .productList__item-details .product-price .pdp-price-current.has-original-price {
                letter-spacing: -.02em;
                color: #FE0E0D; }
        #new-cartredesign-container .cartredesign-leftcolumn .productList--summary {
          margin: 0; }
          #new-cartredesign-container .cartredesign-leftcolumn .productList--summary .productList__item-details {
            width: 100%; }
            #new-cartredesign-container .cartredesign-leftcolumn .productList--summary .productList__item-details-data {
              width: calc(100% - 110px);
              margin: 0 0 0 10px; }
              #new-cartredesign-container .cartredesign-leftcolumn .productList--summary .productList__item-details-datalist {
                line-height: 1.25em; }
          #new-cartredesign-container .cartredesign-leftcolumn .productList--summary .productList__item-qty {
            vertical-align: unset; }
      #new-cartredesign-container .cartredesign-leftcolumn .mybag-items-container .ooreason {
        width: 100%;
        margin-bottom: 1em; }
        #new-cartredesign-container .cartredesign-leftcolumn .mybag-items-container .ooreason::before {
          content: url("../images/cart/icon_info_red.svg");
          display: inline-block;
          margin-right: 3px;
          vertical-align: text-top; }
      #new-cartredesign-container .cartredesign-leftcolumn .mybag-items-container .cart-new-quantity {
        height: 2em;
        padding-left: 0.5em; }
      #new-cartredesign-container .cartredesign-leftcolumn .mybag-items-container .cart-new-quantity-dropdown {
        height: 2em;
        padding-left: 0.5em; }
      #new-cartredesign-container .cartredesign-leftcolumn .cartredesign-mybag-section {
        min-height: 50px; }
      #new-cartredesign-container .cartredesign-leftcolumn .cartredesign-outofstock-section {
        min-height: 200px; }
      #new-cartredesign-container .cartredesign-leftcolumn .red-labeled {
        color: #FE0E0D; }
      #new-cartredesign-container .cartredesign-leftcolumn .black-labeled {
        color: #000; }
      #new-cartredesign-container .cartredesign-leftcolumn .green-labeled {
        color: green; }
      #new-cartredesign-container .cartredesign-leftcolumn .cartredesign-mywishlist-section {
        height: 200px;
        background-color: #fff;
        margin-bottom: 20px;
        clear: both;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
        padding: 16px 20px 20px 20px; }
        #new-cartredesign-container .cartredesign-leftcolumn .cartredesign-mywishlist-section .title {
          font-family: "Uniqlo Pro Regular",helvetica,arial,sans-serif;
          color: #000;
          font-size: 16px;
          line-height: 18px;
          text-transform: uppercase;
          clear: both; }
      #new-cartredesign-container .cartredesign-leftcolumn .cartredesign-recommendations-section {
        overflow: hidden;
        width: inherit;
        padding-bottom: 0px; }
        #new-cartredesign-container .cartredesign-leftcolumn .cartredesign-recommendations-section--emptyCart {
          width: 100%; }
      #new-cartredesign-container .cartredesign-leftcolumn .cartredesign-delivery-section {
        display: -ms-flexbox;
        display: flex;
        background-color: #fff;
        margin-bottom: 20px;
        clear: both;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
        padding: 16px 20px 20px 20px; }
        #new-cartredesign-container .cartredesign-leftcolumn .cartredesign-delivery-section .title,
        #new-cartredesign-container .cartredesign-leftcolumn .cartredesign-delivery-section .free-returns-title {
          font-family: "Uniqlo Pro";
          color: #000;
          font-size: 18px;
          line-height: 1;
          text-transform: uppercase;
          clear: both;
          margin-bottom: 0.8em; }
        #new-cartredesign-container .cartredesign-leftcolumn .cartredesign-delivery-section .free-returns-info {
          font-size: 14px;
          color: #000;
          line-height: 18px; }
        #new-cartredesign-container .cartredesign-leftcolumn .cartredesign-delivery-section .delivery-method-info {
          font-size: 12px;
          color: #808080;
          font-weight: 500;
          line-height: 15px;
          padding-top: 4px; }
        #new-cartredesign-container .cartredesign-leftcolumn .cartredesign-delivery-section .shippingMethodsList__row {
          position: relative;
          margin-bottom: 20px; }
        #new-cartredesign-container .cartredesign-leftcolumn .cartredesign-delivery-section .shippingMethodsList__promo {
          -ms-flex: 1 1 100%;
              flex: 1 1 100%;
          font-weight: 600;
          margin-bottom: 8px;
          line-height: 1.2em; }
        #new-cartredesign-container .cartredesign-leftcolumn .cartredesign-delivery-section .shippingMethodsList__details {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: justify;
              justify-content: space-between;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap; }
        #new-cartredesign-container .cartredesign-leftcolumn .cartredesign-delivery-section .shippingMethodsList__description {
          display: block;
          font-size: 12px;
          color: #808080;
          padding-right: 10px;
          -ms-flex: 1;
              flex: 1; }
        #new-cartredesign-container .cartredesign-leftcolumn .cartredesign-delivery-section .shippingMethodsList__text--divider {
          border-bottom: 1px solid #d9d9d9;
          margin-bottom: 20px;
          padding-bottom: 5px; }
        #new-cartredesign-container .cartredesign-leftcolumn .cartredesign-delivery-section .shippingMethodsList__name {
          font-size: 14px;
          color: #000; }
        #new-cartredesign-container .cartredesign-leftcolumn .cartredesign-delivery-section .shippingMethodsList__price {
          -ms-flex-item-align: center;
              align-self: center;
          font-size: 14px;
          font-weight: bold;
          white-space: nowrap;
          text-transform: uppercase; }
        #new-cartredesign-container .cartredesign-leftcolumn .cartredesign-delivery-section .shippingMethodsList__delivery {
          font-size: 12px; }
        #new-cartredesign-container .cartredesign-leftcolumn .cartredesign-delivery-section .shippingMethodsList__deliveryDate {
          color: #000;
          font-weight: bold;
          white-space: nowrap; }
        #new-cartredesign-container .cartredesign-leftcolumn .cartredesign-delivery-section .deliveryContent {
          width: 70%;
          padding-right: 2%;
          border-right: 1px solid #eaeaea; }
        #new-cartredesign-container .cartredesign-leftcolumn .cartredesign-delivery-section .HelpContent {
          width: 45%;
          padding-left: 2%; }
          #new-cartredesign-container .cartredesign-leftcolumn .cartredesign-delivery-section .HelpContent .deliveryFaq__text {
            margin: 0 0 20px 0;
            font-size: 14px;
            line-height: 1.4em;
            overflow: hidden;
            position: relative; }
            #new-cartredesign-container .cartredesign-leftcolumn .cartredesign-delivery-section .HelpContent .deliveryFaq__text--divider {
              border-bottom: 1px solid #d9d9d9;
              margin-bottom: 20px;
              padding-bottom: 5px; }
            #new-cartredesign-container .cartredesign-leftcolumn .cartredesign-delivery-section .HelpContent .deliveryFaq__text--noMargin {
              margin-bottom: 0; }
            #new-cartredesign-container .cartredesign-leftcolumn .cartredesign-delivery-section .HelpContent .deliveryFaq__text--share {
              color: #808080;
              margin-bottom: 10px; }
          #new-cartredesign-container .cartredesign-leftcolumn .cartredesign-delivery-section .HelpContent .deliveryFaq__share {
            position: absolute;
            bottom: 0; }
          #new-cartredesign-container .cartredesign-leftcolumn .cartredesign-delivery-section .HelpContent .deliveryFaq__link {
            display: inline-block;
            width: 26px;
            height: 26px;
            margin-right: 10px;
            font-size: 20px;
            color: #fff;
            background: #808080;
            position: relative; }
            #new-cartredesign-container .cartredesign-leftcolumn .cartredesign-delivery-section .HelpContent .deliveryFaq__link:hover {
              color: #fff;
              background: #333; }
            #new-cartredesign-container .cartredesign-leftcolumn .cartredesign-delivery-section .HelpContent .deliveryFaq__linkIcon {
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%); }
            #new-cartredesign-container .cartredesign-leftcolumn .cartredesign-delivery-section .HelpContent .deliveryFaq__link--facebook #new-cartredesign-container .cartredesign-leftcolumn .cartredesign-delivery-section .HelpContent .deliveryFaq__linkIcon {
              top: auto;
              bottom: 0;
              transform: translate(-30%, 2px); }
          #new-cartredesign-container .cartredesign-leftcolumn .cartredesign-delivery-section .HelpContent .deliveryFaq__icon--upSideDown {
            transform: rotate(0.5turn); }
          #new-cartredesign-container .cartredesign-leftcolumn .cartredesign-delivery-section .HelpContent .deliveryFaq__chatbot {
            display: block;
            margin: 30px 0;
            font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
            font-weight: 500;
            line-height: 23px; }
            #new-cartredesign-container .cartredesign-leftcolumn .cartredesign-delivery-section .HelpContent .deliveryFaq__chatbot:first-child {
              margin-top: 0; }
            #new-cartredesign-container .cartredesign-leftcolumn .cartredesign-delivery-section .HelpContent .deliveryFaq__chatbotIcon {
              display: inline-block;
              width: 24px;
              height: 24px;
              margin-right: 5px;
              vertical-align: middle; }
          #new-cartredesign-container .cartredesign-leftcolumn .cartredesign-delivery-section .HelpContent .deliveryFaq__faqlink {
            color: #000;
            font-size: 14px; }
            #new-cartredesign-container .cartredesign-leftcolumn .cartredesign-delivery-section .HelpContent .deliveryFaq__faqlink:hover, #new-cartredesign-container .cartredesign-leftcolumn .cartredesign-delivery-section .HelpContent .deliveryFaq__faqlink:focus {
              color: #000;
              text-decoration: underline; }
          #new-cartredesign-container .cartredesign-leftcolumn .cartredesign-delivery-section .HelpContent .deliveryFaq__faqnumber {
            margin-top: 30px;
            line-height: 20px; }
          #new-cartredesign-container .cartredesign-leftcolumn .cartredesign-delivery-section .HelpContent .deliveryFaq__helphours {
            color: #808080;
            font-size: 12px; }
      #new-cartredesign-container .cartredesign-leftcolumn .cartredesign-freedeliveryinfo-section {
        background-color: #fff;
        margin-bottom: 20px;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
        padding: 16px 20px 20px 20px; }
        #new-cartredesign-container .cartredesign-leftcolumn .cartredesign-freedeliveryinfo-section .title {
          font-family: "Uniqlo Pro Regular",helvetica,arial,sans-serif;
          color: #000;
          font-size: 16px;
          line-height: 18px;
          text-transform: uppercase;
          clear: both; }
    #new-cartredesign-container .cartredesign-rightcolumn {
      -ms-flex: 1 0 300px;
          flex: 1 0 300px; }
      #new-cartredesign-container .cartredesign-rightcolumn .cartredesign-summary-section .content .summary-bottom-sticky {
        position: fixed;
        bottom: 0;
        width: 100%;
        background: #fff;
        padding: 1% 17% 9% 17%;
        left: 0;
        z-index: 20; }
      #new-cartredesign-container .cartredesign-rightcolumn .loading {
        position: relative; }
        #new-cartredesign-container .cartredesign-rightcolumn .loading::before {
          content: '';
          display: block;
          position: absolute;
          background: #fff url("../images/cart/icon_loading.svg") no-repeat right center;
          background-size: contain;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0; }
        #new-cartredesign-container .cartredesign-rightcolumn .loading.button::before {
          background-position: center;
          background-size: auto 25px; }
      @media (max-width: 1023px) {
        #new-cartredesign-container .cartredesign-rightcolumn > .cart-info {
          display: none; } }
      #new-cartredesign-container .cartredesign-rightcolumn .cartredesign-freedeliveryinfo-section {
        background-color: #fff;
        margin-bottom: 20px;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
        padding: 16px 20px 20px 20px; }
        #new-cartredesign-container .cartredesign-rightcolumn .cartredesign-freedeliveryinfo-section .title {
          font-family: "Uniqlo Pro Regular",helvetica,arial,sans-serif;
          color: #000;
          font-size: 16px;
          line-height: 18px;
          text-transform: uppercase;
          clear: both; }
      #new-cartredesign-container .cartredesign-rightcolumn .cartredesign-summary-section {
        min-height: 100px;
        background-color: #fff;
        margin-bottom: 20px;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15); }
        #new-cartredesign-container .cartredesign-rightcolumn .cartredesign-summary-section .title {
          font-family: "Uniqlo Pro";
          color: #000;
          font-size: 22px;
          font-weight: bold;
          line-height: 27px;
          text-transform: uppercase;
          clear: both;
          padding: 16px 20px 0px 17px; }
        #new-cartredesign-container .cartredesign-rightcolumn .cartredesign-summary-section .content {
          margin: 0 16px 16px; }
          #new-cartredesign-container .cartredesign-rightcolumn .cartredesign-summary-section .content select {
            font-size: 14px;
            -webkit-appearance: none;
               -moz-appearance: none;
                    appearance: none;
            border: 0;
            border-radius: 0;
            background-color: #fff;
            background-image: url(../images/icon-sprite.svg#icon_arrow_down);
            background-position: right;
            background-repeat: no-repeat;
            cursor: pointer;
            width: 100%;
            background-size: 12px 12px; }
            @media screen and (max-width: 1024px) {
              #new-cartredesign-container .cartredesign-rightcolumn .cartredesign-summary-section .content select {
                background-image: url("../images/cart/arrow_down_select.png");
                background-size: auto auto; } }
          #new-cartredesign-container .cartredesign-rightcolumn .cartredesign-summary-section .content select:active {
            outline: 0; }
          #new-cartredesign-container .cartredesign-rightcolumn .cartredesign-summary-section .content select::-ms-expand {
            display: none; }
          #new-cartredesign-container .cartredesign-rightcolumn .cartredesign-summary-section .content select:-moz-focusring {
            color: transparent;
            text-shadow: 0 0 0 #000; }
          #new-cartredesign-container .cartredesign-rightcolumn .cartredesign-summary-section .content .discounts {
            color: #808080;
            font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
            font-size: 14px;
            font-weight: 500;
            line-height: 18px; }
          #new-cartredesign-container .cartredesign-rightcolumn .cartredesign-summary-section .content .error {
            font-size: 11px;
            text-transform: lowercase; }
          #new-cartredesign-container .cartredesign-rightcolumn .cartredesign-summary-section .content .items {
            border-top: 1px solid #eaeaea;
            padding-top: 11px;
            padding-bottom: 11px; }
            #new-cartredesign-container .cartredesign-rightcolumn .cartredesign-summary-section .content .items .itemsval {
              color: #808080;
              font-size: 16px;
              font-family: "Uniqlo Pro";
              float: right; }
          #new-cartredesign-container .cartredesign-rightcolumn .cartredesign-summary-section .content .cart-shippingmethod-selection {
            padding-top: 11px;
            padding-bottom: 1px;
            margin-bottom: 11px;
            border-bottom: 1px solid #eaeaea; }
            #new-cartredesign-container .cartredesign-rightcolumn .cartredesign-summary-section .content .cart-shippingmethod-selection.redBottom {
              border-bottom: 1px solid #FE0E0D; }
          #new-cartredesign-container .cartredesign-rightcolumn .cartredesign-summary-section .content .order-discount .value {
            color: #FE0E0D;
            font-size: 16px;
            font-family: "Uniqlo Pro";
            font-weight: normal;
            float: right; }
          #new-cartredesign-container .cartredesign-rightcolumn .cartredesign-summary-section .content .shipmentpromo {
            padding-top: 11px;
            color: #000; }
            #new-cartredesign-container .cartredesign-rightcolumn .cartredesign-summary-section .content .shipmentpromo__headline {
              font-size: 12px;
              font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
              font-weight: 400;
              text-transform: none; }
            #new-cartredesign-container .cartredesign-rightcolumn .cartredesign-summary-section .content .shipmentpromo__icon {
              display: inline-block;
              width: 0.8em;
              height: 0.7em;
              overflow: visible;
              margin-right: 0.2em;
              color: #000; }
            #new-cartredesign-container .cartredesign-rightcolumn .cartredesign-summary-section .content .shipmentpromo p {
              font-size: 14px;
              margin: 0; }
              #new-cartredesign-container .cartredesign-rightcolumn .cartredesign-summary-section .content .shipmentpromo p span {
                font-weight: 500;
                text-transform: uppercase;
                color: #000; }
              #new-cartredesign-container .cartredesign-rightcolumn .cartredesign-summary-section .content .shipmentpromo p .fa-check {
                padding-right: 8px; }
            #new-cartredesign-container .cartredesign-rightcolumn .cartredesign-summary-section .content .shipmentpromo span {
              font-weight: 500; }
          #new-cartredesign-container .cartredesign-rightcolumn .cartredesign-summary-section .content .description {
            color: #808080;
            font-size: 12px;
            padding-left: 3px; }
          #new-cartredesign-container .cartredesign-rightcolumn .cartredesign-summary-section .content .items br {
            clear: both; }
          #new-cartredesign-container .cartredesign-rightcolumn .cartredesign-summary-section .content div.noborder {
            border: 0; }
          #new-cartredesign-container .cartredesign-rightcolumn .cartredesign-summary-section .content .nopadding {
            padding: 0; }
          #new-cartredesign-container .cartredesign-rightcolumn .cartredesign-summary-section .content .summary-bottom .total {
            padding-bottom: 15px;
            font-weight: 500; }
            #new-cartredesign-container .cartredesign-rightcolumn .cartredesign-summary-section .content .summary-bottom .total .itemsval {
              float: right;
              margin-top: -0.2em;
              font-size: 18px;
              font-family: "Uniqlo Pro";
              font-weight: 700; }
          #new-cartredesign-container .cartredesign-rightcolumn .cartredesign-summary-section .content .checkoutcontrols {
            padding-bottom: 0px; }
            #new-cartredesign-container .cartredesign-rightcolumn .cartredesign-summary-section .content .checkoutcontrols fieldset {
              padding-bottom: 0;
              margin-bottom: 0;
              border-bottom: none; }
            #new-cartredesign-container .cartredesign-rightcolumn .cartredesign-summary-section .content .checkoutcontrols button {
              display: block;
              margin-left: auto;
              margin-right: auto;
              min-width: 250px;
              min-height: 40px;
              cursor: pointer;
              border: 1px solid #bfbfbf; }
          #new-cartredesign-container .cartredesign-rightcolumn .cartredesign-summary-section .content .checkout-button.checkout-button {
            /* dimensions */
            width: 100%;
            height: 47px;
            /* centering content */
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: center;
                justify-content: center;
            -ms-flex-align: center;
                align-items: center;
            /* overwriting  existing style */
            border: 0;
            padding: 0;
            color: #fff;
            background: #000;
            font-size: 17px;
            font-family: "Uniqlo Pro";
            font-weight: 700;
            text-transform: uppercase; }
            #new-cartredesign-container .cartredesign-rightcolumn .cartredesign-summary-section .content .checkout-button.checkout-button::before {
              content: url("../images/cart/icon_lock.svg");
              width: 16px;
              /* IE 11 WIN7 Bugfix */
              display: inline-block;
              margin-right: 5px;
              vertical-align: middle; }
            #new-cartredesign-container .cartredesign-rightcolumn .cartredesign-summary-section .content .checkout-button.checkout-button.disabled {
              -ms-touch-action: none;
                  touch-action: none;
              pointer-events: none; }
            #new-cartredesign-container .cartredesign-rightcolumn .cartredesign-summary-section .content .checkout-button.checkout-button--ppx {
              border: 1px solid #bfbfbf;
              box-shadow: none;
              padding: 0;
              font-size: 15px;
              font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
              font-weight: 500;
              color: #000;
              background: #f2f2f2;
              text-transform: none; }
              #new-cartredesign-container .cartredesign-rightcolumn .cartredesign-summary-section .content .checkout-button.checkout-button--ppx::before {
                content: none; }
              #new-cartredesign-container .cartredesign-rightcolumn .cartredesign-summary-section .content .checkout-button.checkout-button--ppx[disabled] {
                color: #d9d9d9;
                filter: saturate(0);
                opacity: 0.7; }
                #new-cartredesign-container .cartredesign-rightcolumn .cartredesign-summary-section .content .checkout-button.checkout-button--ppx[disabled] ~ .checkout-button__overlay {
                  display: block; }
                #new-cartredesign-container .cartredesign-rightcolumn .cartredesign-summary-section .content .checkout-button.checkout-button--ppx[disabled] ~ .ppxMessage {
                  display: block; }
              #new-cartredesign-container .cartredesign-rightcolumn .cartredesign-summary-section .content .checkout-button.checkout-button--ppx span {
                vertical-align: middle;
                padding-right: 5px; }
            #new-cartredesign-container .cartredesign-rightcolumn .cartredesign-summary-section .content .checkout-button.checkout-button span {
              font-weight: inherit;
              font-size: inherit; }
          #new-cartredesign-container .cartredesign-rightcolumn .cartredesign-summary-section .content .checkout-button__overlay {
            display: none;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            cursor: pointer;
            z-index: 1; }
          #new-cartredesign-container .cartredesign-rightcolumn .cartredesign-summary-section .content .proceed-to-checkout-paypalexpress {
            position: relative; }
            #new-cartredesign-container .cartredesign-rightcolumn .cartredesign-summary-section .content .proceed-to-checkout-paypalexpress p {
              width: 100%;
              text-align: center;
              margin-top: 5px;
              margin-bottom: 5px; }
            #new-cartredesign-container .cartredesign-rightcolumn .cartredesign-summary-section .content .proceed-to-checkout-paypalexpress img {
              padding-left: 3px; }
            #new-cartredesign-container .cartredesign-rightcolumn .cartredesign-summary-section .content .proceed-to-checkout-paypalexpress .ppxMessage {
              display: none;
              color: #808080;
              font-size: 12px;
              line-height: 14px;
              padding: 4px 3px 0; }
              #new-cartredesign-container .cartredesign-rightcolumn .cartredesign-summary-section .content .proceed-to-checkout-paypalexpress .ppxMessage__hard {
                display: none;
                color: #FE0E0D;
                font-weight: 500; }
            #new-cartredesign-container .cartredesign-rightcolumn .cartredesign-summary-section .content .proceed-to-checkout-paypalexpress .paypalNotposibleMessage {
              color: #FE0E0D;
              font-size: 11px; }
        #new-cartredesign-container .cartredesign-rightcolumn .cartredesign-summary-section .paymenticons {
          height: auto;
          background-color: #f2f2f2;
          text-align: center;
          padding: 9px 0 11px; }
          #new-cartredesign-container .cartredesign-rightcolumn .cartredesign-summary-section .paymenticons img {
            height: 25px; }
        #new-cartredesign-container .cartredesign-rightcolumn .cartredesign-summary-section .paymenticonSticky {
          position: fixed;
          height: 58px;
          bottom: 1px;
          left: 0;
          width: 100%;
          padding: 2% 17% 5% 17%;
          z-index: 22; }
    #new-cartredesign-container .cartredesign-container {
      background-color: #fff;
      margin-bottom: 20px;
      clear: both;
      box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
      padding: 16px 19px 20px 19px; }
      #new-cartredesign-container .cartredesign-container--oos {
        padding-bottom: 0; }
      #new-cartredesign-container .cartredesign-container__title {
        font-size: 22px;
        line-height: 1;
        text-transform: uppercase;
        font-family: "Uniqlo Pro";
        font-weight: bold;
        color: #000; }
        #new-cartredesign-container .cartredesign-container__title--oos {
          font-size: 18px;
          font-weight: 400; }
        #new-cartredesign-container .cartredesign-container__title--itemcount {
          font-size: 14px;
          color: #808080;
          font-weight: normal; }
        #new-cartredesign-container .cartredesign-container__title--empty {
          font-size: 12px;
          display: block; }
      #new-cartredesign-container .cartredesign-container__details--border-top {
        border-top: 1px solid #f3f3f3;
        margin-top: 18px;
        padding-top: 20px; }
      #new-cartredesign-container .cartredesign-container__details--border-bottom {
        border-bottom: 1px solid #f3f3f3;
        margin-bottom: 18px;
        padding-bottom: 10px; }
      #new-cartredesign-container .cartredesign-container__info {
        color: #808080; }
        #new-cartredesign-container .cartredesign-container__info--bonusProduct {
          margin: 18px 0; }
        #new-cartredesign-container .cartredesign-container__info--flex {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: justify;
              justify-content: space-between; }
        #new-cartredesign-container .cartredesign-container__info > span::before {
          vertical-align: middle;
          margin-right: 0.35em; }
        #new-cartredesign-container .cartredesign-container__info--icontext {
          cursor: default;
          line-height: 1;
          display: inline-block; }
        #new-cartredesign-container .cartredesign-container__info--giftbag {
          line-height: 1;
          vertical-align: middle; }
        #new-cartredesign-container .cartredesign-container__info .js-giftbag {
          cursor: pointer; }

.pt_newcartredesign {
  background: #f2f2f2; }
  .pt_newcartredesign .hideOnCart {
    display: none; }
  .pt_newcartredesign .site-map-component {
    padding: 0; }
    .pt_newcartredesign .site-map-component .footer-separator {
      border-top: 1px solid #eaeaea; }
  .pt_newcartredesign #content {
    padding: 0 !important; }

@media screen and (min-width: 1024px) {
  .pt_newcartredesign.sticky .header {
    position: relative;
    /* non sticky but relative for menu dropdown flyout */ }
  .pt_newcartredesign.sticky #content {
    overflow: unset !important; }
  .pt_newcartredesign.sticky #new-cartredesign-container {
    -ms-flex-align: start;
        align-items: flex-start; }
  .pt_newcartredesign.sticky .cartredesign-rightcolumn {
    position: -webkit-sticky;
    position: sticky;
    top: 20px; } }

.bonusNotification {
  color: #000;
  background: #f7f7f7;
  padding: 10px; }
  .bonusNotification__icon {
    display: inline-block;
    width: 15px;
    height: 14px;
    vertical-align: text-top;
    overflow: visible;
    color: #000;
    stroke: currentColor; }
    .bonusNotification__icon--arrow {
      margin-left: 1px;
      width: 7px;
      height: 24px;
      vertical-align: bottom; }
  .bonusNotification__text {
    margin: 0 0 15px 4px;
    color: #000;
    font-size: 14px;
    letter-spacing: 0.2px;
    font-weight: bold; }
  .bonusNotification__link {
    padding-left: 10px;
    color: #000;
    line-height: 17px;
    text-decoration: underline; }
    .bonusNotification__link:hover, .bonusNotification__link:focus {
      color: #000; }

.newsletter-registration .content {
  margin-bottom: -50px; }

.newsletter-registration span.error {
  width: 50em; }

.newsletter-registration #page-title h1.newsletter-title {
  font-size: 2.2em; }

.newsletter-registration #content {
  width: 65%;
  float: left; }
  .newsletter-registration #content #returnMsg {
    font-weight: bold;
    color: red; }
  .newsletter-registration #content .newsletter-text .label-header {
    text-transform: uppercase;
    font-weight: bold; }
  .newsletter-registration #content .newsletter-agreement-policy {
    color: #999;
    line-height: 1.8em;
    font-size: 0.8em; }
    .newsletter-registration #content .newsletter-agreement-policy--label-subscribe {
      width: 530px;
      margin-top: 0;
      font-size: 1.0em; }
    .newsletter-registration #content .newsletter-agreement-policy--label-unsubscribe {
      margin-bottom: 30px; }
    .newsletter-registration #content .newsletter-agreement-policy--nobel {
      color: inherit; }
    .newsletter-registration #content .newsletter-agreement-policy--underline {
      text-decoration: underline; }
  .newsletter-registration #content .nlrights {
    font-size: 0.9em;
    color: #808080; }

.newsletter-registration p.newsletter-required-field {
  text-transform: uppercase;
  margin-top: -10px; }

.newsletter-registration li#newsletter-collection {
  width: 750px; }
  .newsletter-registration li#newsletter-collection span.custom-checker {
    float: left;
    display: block;
    width: 24px;
    height: 24px;
    background: url("../images/global/g_form-checker_US.png") left top no-repeat;
    text-align: center;
    margin-right: 10px;
    position: relative; }
    .newsletter-registration li#newsletter-collection span.custom-checker input {
      position: absolute;
      top: 1px;
      left: 1px;
      margin-top: 5px; }
  .newsletter-registration li#newsletter-collection span.custom-checker.checked {
    background: url("../images/global/g_form-checker_US.png") right top no-repeat; }

.newsletter-registration div.collections {
  display: inline-block;
  min-height: 1.9em;
  margin-right: 50px;
  padding-top: 0.3em; }
  .newsletter-registration div.collections label {
    min-height: 1.9em;
    display: inline-block;
    margin-top: 5px; }

.newsletter-registration select.newsletter-gender-select {
  width: 35%; }

.newsletter-registration #subscription-content li.label-inline {
  width: 30px;
  display: inline-block;
  margin-bottom: 15px; }

.newsletter-registration #subscription-content li.label-inline:first-child {
  margin-left: 180px; }

.newsletter-registration #subscription-content div.bdb.daybox, .newsletter-registration #subscription-content div.bdb.yearbox {
  min-width: 80px; }

.newsletter-registration #subscription-content div.bdb.monthbox {
  min-width: 130px; }

#summary-newsletter {
  margin-top: -70px;
  margin-left: 0; }
  #summary-newsletter .field-row .field-label {
    width: 0;
    margin-right: 190px;
    float: left;
    padding-left: 0; }
    #summary-newsletter .field-row .field-label label {
      padding-left: 0; }
  #summary-newsletter .form-caption {
    margin-left: 0;
    text-align: left; }

.order-summary-footer #summary-newsletter .form-caption {
  margin-left: 40px;
  margin-top: -7px; }
  .order-summary-footer #summary-newsletter .form-caption span {
    margin: 0; }

.checkout-shipping hr {
  margin-top: 0; }

.checkout-shipping .summary-newsletter {
  width: 75%;
  margin-left: 0;
  margin-bottom: -12px; }
  .checkout-shipping .summary-newsletter .field-row .field-label {
    display: none; }
    .checkout-shipping .summary-newsletter .field-row .field-label label {
      padding-left: 37px; }
  .checkout-shipping .summary-newsletter .newsletterSignUpform {
    left: 36px;
    bottom: 46px;
    text-align: left;
    position: relative; }
    .checkout-shipping .summary-newsletter .newsletterSignUpform-caption {
      left: 36px;
      bottom: 46px;
      text-align: left;
      text-transform: uppercase;
      position: relative; }
    .checkout-shipping .summary-newsletter .newsletterSignUpform--black {
      color: #000; }
    .checkout-shipping .summary-newsletter .newsletterSignUpform--underline {
      text-decoration: underline; }
  .checkout-shipping .summary-newsletter:hover {
    cursor: pointer; }

#footer-newsletter input[type=text] {
  margin-left: 0;
  width: 37%;
  border: 2px solid #cecece;
  box-shadow: none;
  box-sizing: border-box;
  padding: 10px;
  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
  background-color: #f0dddd; }

#footer-newsletter input[type=submit] {
  width: 20%; }

#footer-newsletter div.field-label {
  display: none; }

#RegistrationForm div#nl-label {
  display: inline-block;
  float: left;
  width: 176px;
  min-height: 1.9em;
  margin-right: 24px;
  padding-top: 0.7em;
  text-transform: uppercase; }

#RegistrationForm div#nl-message {
  padding-top: 0.7em; }

div#nl-message a {
  color: #FE0E0D; }
  div#nl-message a:hover {
    color: #000; }

#newsletterpopupcontainer .buttonsubmit {
  background: #ff0000;
  padding: 12px 12px;
  color: #fff;
  text-transform: uppercase;
  font-size: 13px;
  font-size: .8125rem;
  line-height: 36px;
  text-align: center;
  margin-right: 15px;
  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
  margin-top: 8px;
  font-weight: bold; }

#newsletterpopupcontainer .formaction {
  margin-top: 10px; }

#newsletterpopupcontainer .content-image {
  float: left;
  width: 45%; }
  #newsletterpopupcontainer .content-image img {
    max-width: 100%;
    max-height: 100%; }

#newsletterpopupcontainer #newsletterpopupcontainerForm {
  float: right;
  width: 51%;
  margin-top: 15px; }
  #newsletterpopupcontainer #newsletterpopupcontainerForm.DE {
    margin-top: 15px; }
  #newsletterpopupcontainer #newsletterpopupcontainerForm input[type="text"] {
    border: 1px solid #000;
    box-sizing: border-box;
    background-color: #fff;
    padding: 0.7em 0.5em;
    margin-bottom: .3rem;
    width: 90%;
    margin-left: 0%;
    outline: 0; }
  #newsletterpopupcontainer #newsletterpopupcontainerForm input[type="submit"] {
    border: 1px solid #FE0E0D;
    box-sizing: border-box;
    background: #FE0E0D;
    width: 90%;
    line-height: 36px;
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
    font-size: .9825rem;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    outline: 0; }
  #newsletterpopupcontainer #newsletterpopupcontainerForm .welcome-message {
    border-bottom: 2px solid #FE0E0D;
    width: 90%;
    margin-bottom: 20px;
    padding-bottom: 7px;
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
    text-transform: uppercase;
    zoom: 1;
    color: #FE0E0D;
    font-size: 1.6825rem;
    font-weight: bold; }
    #newsletterpopupcontainer #newsletterpopupcontainerForm .welcome-message.FR {
      margin-top: 10px; }
    #newsletterpopupcontainer #newsletterpopupcontainerForm .welcome-message.DE {
      margin-bottom: 10px; }
    #newsletterpopupcontainer #newsletterpopupcontainerForm .welcome-message.EU {
      font-size: 1.8825rem; }
  #newsletterpopupcontainer #newsletterpopupcontainerForm .signup-receive {
    width: 90%;
    margin-bottom: 20px;
    padding-bottom: 0px;
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
    zoom: 1;
    color: #222;
    font-size: .9825rem;
    font-weight: bold; }
    #newsletterpopupcontainer #newsletterpopupcontainerForm .signup-receive.DE {
      margin-bottom: 10px; }
    #newsletterpopupcontainer #newsletterpopupcontainerForm .signup-receive .content-asset {
      line-height: 22px; }
  #newsletterpopupcontainer #newsletterpopupcontainerForm .term-of-conditions .content-asset {
    line-height: 22px; }
  #newsletterpopupcontainer #newsletterpopupcontainerForm #subscriptionresult {
    width: 90%;
    margin-bottom: 20px;
    padding-bottom: 0px;
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
    zoom: 1;
    color: #222;
    font-size: .9825rem;
    font-weight: bold;
    line-height: 22px; }
  #newsletterpopupcontainer #newsletterpopupcontainerForm #email_newsletter_errorbox {
    width: 90%; }
  #newsletterpopupcontainer #newsletterpopupcontainerForm .term-of-conditions {
    width: 90%;
    margin-bottom: 20px;
    padding-bottom: 7px;
    zoom: 1;
    color: #222;
    font-size: .9625rem;
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif; }
    #newsletterpopupcontainer #newsletterpopupcontainerForm .term-of-conditions.DE {
      margin-bottom: 10px; }

@media only screen and (max-width: 1024px) {
  #newsletterpopupcontainer #newsletterpopupcontainerForm .welcome-message {
    font-size: 1.4825rem; }
    #newsletterpopupcontainer #newsletterpopupcontainerForm .welcome-message.EU {
      font-size: 1.4825rem; } }

.ui-dialog.newsletterPopupWrapperContainer {
  border: 1px solid #ff0000;
  padding: 10px;
  max-height: 100%; }
  .ui-dialog.newsletterPopupWrapperContainer .ui-widget-header {
    height: 1px; }
  .ui-dialog.newsletterPopupWrapperContainer .ui-dialog-titlebar {
    padding: 0px; }
  .ui-dialog.newsletterPopupWrapperContainer .ui-dialog-titlebar-close {
    top: 0px;
    right: 0px;
    width: 20px;
    height: 20px;
    background-position: 0px -169px; }
    .ui-dialog.newsletterPopupWrapperContainer .ui-dialog-titlebar-close:hover {
      background-position: 0px -169px; }

/* avatar */
#avatar {
  width: 176px;
  height: 176px;
  background-color: #f00;
  font-size: 0.75em;
  margin: 0 auto; }
  #avatar .vcard {
    position: relative;
    width: 176px;
    height: 176px; }
    #avatar .vcard .photo {
      position: absolute;
      top: 0;
      left: 0;
      width: 176px;
      height: 176px;
      margin: 0; }
    #avatar .vcard .info {
      position: absolute;
      left: 10px;
      bottom: 10px;
      width: 156px;
      padding: 8px 20px;
      background: #fff; }

/* tags */
.tags {
  min-height: 29px;
  line-height: 29px;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: right; }
  .tags .li {
    float: none !important;
    width: auto !important;
    margin: 0 0 5px 0 !important;
    display: inline-block;
    /* ie7 */
    zoom: 1;
    *display: inline;
    _height: 29px; }
  .tags .tag {
    display: inline-block;
    color: #fff !important;
    text-align: center;
    /* ie7 */
    zoom: 1;
    *display: inline;
    _height: 29px; }
    .tags .tag .tag-short {
      width: 60px !important; }
    .tags .tag .tag-long {
      width: 75px !important; }
    .tags .tag .tag-color-1 {
      background: #000000; }
    .tags .tag .tag-color-2 {
      background: #ff0000; }
    .tags .tag .tag-color-3 {
      background: #b4b3b4; }
    .tags .tag .tag-color-4 {
      background: #b4b3b4; }
    .tags .tag .tag-color-5 {
      background: #ff0000; }

/* C44.1 */
.with-sidebar {
  /* Internet Explorerer */ }
  .with-sidebar .items {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 800px;
    min-height: 376px;
    margin: 0 -24px 0 0; }
    .with-sidebar .items > li {
      padding: 0 24px 0 0; }
    .with-sidebar .items .recent-views {
      padding-top: 19px; }
    .with-sidebar .items .wishlist, .with-sidebar .items .recent-views {
      margin: 0 0 0 200px; }
      .with-sidebar .items .wishlist > li, .with-sidebar .items .recent-views > li {
        padding: 0 24px 0 0; }
    .with-sidebar .items .item {
      position: relative;
      float: left;
      width: 176px;
      margin: 0 0 24px 0; }
      @media screen and (max-width: 1024px) {
        .with-sidebar .items .item {
          width: 27%; } }
      .with-sidebar .items .item:hover .item-mini-pdp-link {
        left: 50%; }
      .with-sidebar .items .item.item-tall {
        height: 376px;
        width: 200px; }
        .with-sidebar .items .item.item-tall.saved {
          display: table;
          text-align: center; }
          .with-sidebar .items .item.item-tall.saved span {
            display: table-cell;
            padding-right: 0;
            margin-right: 24px;
            font-family: "UniqloRegularRegular";
            font-size: 28px;
            color: #fff;
            background-color: #FE0E0D;
            vertical-align: middle; }
      .with-sidebar .items .item span form button.item-remove {
        border: 0;
        position: relative;
        float: right;
        display: block;
        width: 19px;
        height: 19px;
        background: url("../images/global/ico_x.png") 0 0 no-repeat;
        text-indent: -9999px; }
        .with-sidebar .items .item span form button.item-remove:hover {
          background-position: 0 -19px; }
        .with-sidebar .items .item span form button.item-remove:active {
          background-position: 0 -38px; }
      .with-sidebar .items .item a.item-link {
        display: block;
        position: relative;
        width: 176px;
        height: 181px;
        color: #000;
        overflow: hidden; }
        .with-sidebar .items .item a.item-link:hover {
          background-color: transparent; }
        .with-sidebar .items .item a.item-link .item-top {
          position: absolute;
          right: 0;
          top: 0; }
          .with-sidebar .items .item a.item-link .item-top .tags {
            margin: -80px 24px 0 0;
            width: 204px;
            font-size: 0.8em;
            line-height: normal; }
            .with-sidebar .items .item a.item-link .item-top .tags li {
              padding: 5px 0 3px 0; }
              .with-sidebar .items .item a.item-link .item-top .tags li.tag-color-5 {
                background: #FE0E0D; }
              .with-sidebar .items .item a.item-link .item-top .tags li.tag-long {
                width: 75px !important; }
        .with-sidebar .items .item a.item-link .item-mini-pdp-link {
          position: absolute;
          z-index: 34;
          top: 50%;
          left: -9999px;
          width: 70px;
          margin-left: -44px;
          margin-top: -18px;
          padding: 1px 6px 2px 6px;
          font-size: 0.8em;
          font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
          line-height: 16px;
          background: none;
          background-color: #fff;
          border: 3px solid #999;
          color: #999;
          text-align: center; }
          .with-sidebar .items .item a.item-link .item-mini-pdp-link:hover {
            border-color: #f00;
            color: #f00; }
        .with-sidebar .items .item a.item-link .item-img {
          text-align: center; }
          .with-sidebar .items .item a.item-link .item-img img {
            width: 133px;
            height: 133px; }
        .with-sidebar .items .item a.item-link .item-desc {
          width: 100%; }
          .with-sidebar .items .item a.item-link .item-desc .item-name,
          .with-sidebar .items .item a.item-link .item-desc .item-short-name {
            width: 50%;
            margin: 0;
            margin-top: 2px;
            float: left;
            max-height: 2.6em;
            font-size: 0.75em;
            font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
            vertical-align: bottom;
            text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff; }
            .with-sidebar .items .item a.item-link .item-desc .item-name .height-auto,
            .with-sidebar .items .item a.item-link .item-desc .item-short-name .height-auto {
              max-height: none; }
        .with-sidebar .items .item a.item-link .item-price {
          position: absolute;
          width: 50%;
          right: 0.1em;
          margin: 0;
          margin-top: 2px;
          margin-right: 12px;
          font-size: 22px;
          line-height: 0.85em;
          text-align: right; }
          .with-sidebar .items .item a.item-link .item-price .old-price .price {
            float: right; }
          .with-sidebar .items .item a.item-link .item-price .currency {
            font-size: 0.78em;
            font-weight: lighter; }
            .with-sidebar .items .item a.item-link .item-price .currency.currency-EUR {
              margin-left: 0; }
              .with-sidebar .items .item a.item-link .item-price .currency.currency-EUR:after {
                content: "\20AC"; }
            .with-sidebar .items .item a.item-link .item-price .currency.currency-GBP {
              margin-right: 0px; }
              .with-sidebar .items .item a.item-link .item-price .currency.currency-GBP:before {
                content: "\A3"; }
            .with-sidebar .items .item a.item-link .item-price .currency.currency-USD {
              margin-right: 3px; }
              .with-sidebar .items .item a.item-link .item-price .currency.currency-USD:before {
                content: "\0024"; }
          .with-sidebar .items .item a.item-link .item-price .product-sales-price {
            color: #f00; }
        .with-sidebar .items .item a.item-link .heading {
          display: inline-block;
          font-family: "UniqloRegularRegular";
          font-weight: 100; }
        .with-sidebar .items .item a.item-link .old-price,
        .with-sidebar .items .item a.item-link .sale-price {
          display: block;
          clear: right; }
  .with-sidebar .login-general .login-box-content .field-info {
    display: none; }
  .with-sidebar .login-general .login-box-content,
  .with-sidebar .login-general #login-email {
    display: inline-block;
    vertical-align: middle;
    float: none; }
    @media screen and (max-width: 1320px) {
      .with-sidebar .login-general .login-box-content,
      .with-sidebar .login-general #login-email {
        width: 45%; } }
    @media screen and (max-width: 1100px) {
      .with-sidebar .login-general .login-box-content,
      .with-sidebar .login-general #login-email {
        width: 100%; } }
  @media screen and (max-width: 1320px) {
    .with-sidebar .login-general .login-box-content .field {
      margin-right: 0; }
      .with-sidebar .login-general .login-box-content .field input {
        width: 100%; } }
  @media screen and (max-width: 1100px) {
    .with-sidebar .login-general #login-email {
      padding-left: 0;
      border-left: 0; } }
  .with-sidebar .ie .items .item .item-desc {
    background-color: #fff; }
    .with-sidebar .ie .items .item .item-desc .item-name .height-auto {
      padding-top: 0.2em; }

@keyframes wishlistLoad {
  0% {
    fill-opacity: 0; }
  50% {
    fill-opacity: .9; }
  100% {
    fill-opacity: 0; } }

.wishlistSave--hide {
  display: none; }

.wishlistSave--add .wishlistSave__icon {
  fill: currentColor;
  animation-name: wishlistLoad;
  animation-duration: 2s;
  animation-iteration-count: infinite; }

.wishlistSave__icon {
  width: 28px;
  height: 27px;
  fill: none;
  stroke: currentColor;
  stroke-width: 3px;
  pointer-events: none; }

.wishlistSave__link {
  display: inline-block;
  color: #808080; }
  .wishlistSave__link:focus {
    color: #808080; }
  .wishlistSave__link:hover {
    color: #000; }
  .wishlistSave__link[data-wishlistadded="true"][disabled] {
    pointer-events: none; }
  .wishlistSave__link[data-wishlistadded="true"] .wishlistSave__icon {
    fill: currentColor; }
    .wishlistSave__link[data-wishlistadded="true"] .wishlistSave__icon:hover {
      fill: currentColor; }

.wishlistSaveSuccess {
  background: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 5;
  padding: 20px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
  font-size: 14px;
  line-height: 1;
  font-family: "Uniqlo Pro";
  font-weight: normal;
  color: #000;
  text-transform: uppercase; }
  .wishlistSaveSuccess--overlay {
    position: relative;
    padding: 0; }

.pt_gift-registry .create-new-registry {
  margin: 1em 0; }
  .pt_gift-registry .create-new-registry button {
    float: left;
    margin-right: 2em; }
  .pt_gift-registry .create-new-registry p {
    font-size: 1.3em;
    font-style: italic;
    margin: 0;
    padding: 0.5em 2em; }

.pt_gift-registry .add-gift-cert {
  border: 1px solid #f5f5f5;
  margin-bottom: -1px;
  overflow: auto;
  padding: .83em; }
  .pt_gift-registry .add-gift-cert p {
    color: #999;
    font-style: italic;
    line-height: 1.5em; }

.pt_gift-registry .hdr-options {
  width: 5%; }

.page-content-tab-navigaton button {
  background: none repeat scroll 0 0 #e0e0e0;
  border-color: #f5f5f5;
  border-width: 1px;
  color: #999;
  font-size: 1.1em;
  font-style: italic;
  font-weight: 400;
  margin: 0 0 -1px; }
  .page-content-tab-navigaton button.selected {
    background: none repeat scroll 0 0 #fff;
    border-bottom: 1px solid #fff; }

.page-content-tab-wrapper {
  border: 1px solid #f5f5f5;
  padding: .42em; }

.gift-reg-purchases .item-purchased-by dd {
  float: left;
  font-weight: bold;
  margin: 0 1em 0 0;
  position: relative;
  width: auto; }

.gift-reg-purchases .item-purchased-by dt {
  clear: both;
  float: left;
  margin: 0 1em 0 0;
  position: relative;
  width: auto; }

.gift-reg-purchases .quantity-purchased {
  color: #990000; }

.gift-registry-advanced {
  clear: both; }
  .gift-registry-advanced .toggle-content {
    display: none;
    overflow: hidden;
    padding: 1em 0; }
  .gift-registry-advanced .event-month, .gift-registry-advanced .event-city {
    clear: both; }

.gift-certificate-purchase {
  background: none repeat scroll 0 0 #f5f5f5;
  margin-bottom: 1em;
  padding: .83em; }
  .gift-certificate-purchase .content-asset {
    float: left;
    width: 50%; }
    .gift-certificate-purchase .content-asset img {
      margin: 1.66em 0; }
  .gift-certificate-purchase form {
    background: none repeat scroll 0 0 #fff;
    float: right;
    padding: 0 1.66em 1.66em;
    width: 40%; }
    .gift-certificate-purchase form .input-text, .gift-certificate-purchase form .input-textarea {
      width: 90%; }
    .gift-certificate-purchase form .cert-amount {
      clear: none;
      float: left;
      margin: 0;
      width: 40%; }
    .gift-certificate-purchase form .form-row-button {
      clear: none;
      float: left;
      margin: 2.1em 0 0 1.66em;
      width: 50%; }
  .gift-certificate-purchase .cert-amount .form-caption {
    margin: 1.66em 0 0;
    position: absolute;
    width: 40%; }
  .gift-certificate-purchase .cert-amount.error {
    padding-bottom: 2.92em; }
  .gift-certificate-purchase span.error {
    margin-left: 2%; }

.check-balance {
  border-bottom: 1px solid #e0e0e0;
  margin: 0 0 1.66em;
  padding: 0 0 1.66em; }

.gift-cert-balance {
  float: left;
  width: 40%; }
  .gift-cert-balance label {
    display: none; }
  .gift-cert-balance input {
    margin-top: 0;
    width: 93%; }
  .gift-cert-balance .form-caption {
    margin-left: 0; }

.gift-cert-balance-submit {
  clear: none;
  float: left; }

.gift-cert-balance .label {
  display: none; }

.pt_accountlogin .siteMap {
  margin-top: 80px; }
  .pt_accountlogin .siteMap .site-map-component {
    padding-top: 0; }
    .pt_accountlogin .siteMap .site-map-component .footer-separator {
      border-top: 0; }

.column .leftCol.newsletter-registration {
  border-right: 0;
  margin-bottom: 20px;
  padding-right: 10%;
  width: 50%;
  box-sizing: border-box; }

.login__layoutBox {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.login__wrapper {
  width: 100%;
  margin: 0 0 15px 0; }
  .login__wrapper:last-child {
    margin-bottom: 0; }
  @media screen and (min-width: 1024px) {
    .login__wrapper--twoColumn\@md {
      max-width: 550px;
      margin: 0 15px 0 0;
      -ms-flex: 1 1 49%;
          flex: 1 1 49%; }
      .login__wrapper--twoColumn\@md:last-child {
        margin: 0; } }
  .login__wrapper--facebook {
    margin-top: 40px;
    max-width: 434px; }

.login__labelText {
  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
  font-size: 16px;
  letter-spacing: .23px;
  line-height: 1.1;
  font-weight: 500;
  text-transform: none;
  line-height: 1.4; }
  .login__labelText--subline {
    color: #808080;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.5; }

.login__message {
  background: #DAE7EF;
  padding: 5px 15px;
  line-height: 17px;
  min-height: 26px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }
  .login__message::after {
    content: '';
    display: block;
    min-height: inherit;
    font-size: 0; }

.login__pwForget {
  display: block;
  text-align: center;
  margin-top: 15px; }

/* Start old stuff
.checkoutlogin {
	margin: 4em auto;
	width: 80%;
	.col-1 {
	border-right: 1px solid $gainsboro;
	}
}
.login-box {
	h3 {
		margin: 0;
	}
	p {
		margin: 1em 0;
	}
	.error {
		margin-left: 0;
	}
}

.login-box-content {
	padding: 1em 2em 1em 0;
}

.login-rememberme {
	display: inline-block;
	margin-left: .5em;
}

.login-oauth p:first-child {
	font-size: 2em;
	text-align: center;
	margin: 0;
	text-transform: uppercase;
}

#OAuthProvider {
	display: block;
	margin-bottom: 1em;
	width: 80%;
}

.column .leftCol {
    &.accountlogin, &.newsletter-registration{
      border-right: 0;
      margin-bottom: 20px;
      padding-right: 10%;
	  width: 50%;
	  -webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  -ms-box-sizing: border-box;
	  -o-box-sizing: border-box;
	  box-sizing: border-box;
    }
 }

.column {
   &.accountlogin hr {
      margin: 30px 0
   }
 }

 .column {
   &.accountlogin button.registernew {
       background: none;
       color: #f00;
       display: inline;
       padding: 0;
       text-decoration: none;
       width: auto;
       font-size: 14px;
       font-family: $font-sans-serif;
       text-transform: uppercase;
       text-align: left;
     }
 }

 .column {
   &.accountlogin button.registernew:hover {
       color: #000;
     }
 }

.pt_accountlogin {
	background-color: $white-smoke-light;
    .main {
	    max-width: none;
    }
    .uq-wrapper {
    	padding: 0;
    	max-width: none;
    }
	 #main {
	 	width: 100%;
		&.with-sidebar.pt_accountlogin {
	 		margin-left: 0;
	 		#content {
	 			width: 80%;
	 		}
		}
		.column .form-registernew {
			float: left;
			width: 50%;
			height: 165px;
			padding-left: 5%;

		    box-sizing: border-box;
			border-left: 1px solid $very-light-gray;
			fieldset {
				margin: 0;
				p {
					margin: 60px 0 0;
					text-transform: uppercase;
				}
			}
		}
	}
}

/ login /
#login {
  padding-top: 5px;
}
.column .leftCol #login {
  padding-top: 60px;
}
#login h3 {
  margin: 0;
}
#login-facebook {
  float: left;
  width: 387px;
}
.column .leftCol #login-facebook {
  width: auto;
}
  #login-facebook p {
    margin-top: 4.0em;
    text-align: center;
  }
.column .leftCol #login-facebook p {
  margin-top: 18px;
  margin-left: 182px;
  margin-bottom: 0;
  text-align: left;
}
#login-email {
  float: right;
  width: 357px;
  padding-left: 30px;
  border-left: 1px solid #000;
}
#login-email #pwd-reset {
  text-transform: uppercase;
  color: $red;
  &:hover {
    color: $black;
  }
}
.column .leftCol #login-email {
  float: none;
  width: auto;
  padding-left: 0;
  border-left: none;
}
.pt_accountlogin {
	.uq-header-component {
		max-width: none;
	}
	.site-map-component {
		padding: 0;
		.footer-separator {
			border-top: 1px solid $light-gray;
		}
	}
	.site-map-component > div {
		padding: 20px 0;
	}
	.alert {
		width: 748px;
	    margin: -15px auto 20px auto;
	    color: $black;
	    font-family: $font-sans-serif;
	    font-size: 14px;
	    padding: 12px 33px;
	    font-weight: 500;
	    background-color: rgba(255,0,0,0.25);
	    text-align: center;
	    line-height: 18px;
	    text-transform: none;
	    clear: both;
	    img {
	    	padding: 0 5px 3px 0;
	    }
	}
	.securemessage {
   		span {
   			clear: both;
			width: 100%;
			position: absolute;
			text-align: center;
			padding-top: 18px;
			font-weight: 500;
			font-size: 14px;
			color: $grey;
			line-height: 18px;
			font-family: $font-sans-serif;
			right: -12px;
   		}
   		span:before {
			content: '';
        	background-image: url("../images/global/login_icon_lock_dark-grey.svg");
	        background-repeat: no-repeat;
	        background-size: 100%;
	        width: 19px;
		    height: 22px;
		    display: inline-block;
		    vertical-align: bottom;
    		margin: 0 10px 0 -25px;
    	}
    }
    .main {
    	  max-width: none;
    	  .main-section {
    	  	min-height: 700px;
    	  }
    }
}
.accountloginoverlay {
	background-color: $white-smoke-light;
	.overlay-title {
		text-align: center;
        padding-top: 16px;
        font-family: $font-uq;
        text-transform: uppercase;
        line-height: 25px;
        font-size: 22px;
	}
	.field {
		.input-text {
			margin: 0;
		}
	}
	.overlay-title:before {
		content: '';
    	background-image: url("../images/wishlist/overlay_icon_wishlist.svg");
        background-repeat: no-repeat;
        background-size: 100%;
        width: 19px;
	    height: 19px;
	    display: inline-block;
	    position: relative;
	    margin: 0 10px -2px -24px;
	}
	.overlay-alert {
		display: none;
		width: 748px;
	    margin: 10px auto 10px auto;
	    color: $black;
	    font-family: $font-sans-serif;
	    font-size: 14px;
	    padding: 12px 33px;
	    font-weight: 500;
	    background-color: rgba(255,0,0,0.25);
	    text-align: center;
	    line-height: 18px;
	    text-transform: none;
	    clear: both;
	    img {
	    	padding: 0 5px 3px 0;
	    }
	    .credentialslocked, .remainingloginattempt, .CustomerAlreadyExistError, .loginsucceededinvalid {
	    	display: none;
	    }
	}
	.securemessage {
		height: 55px;
   		span {
   			clear: both;
			width: 100%;
			position: absolute;
			text-align: center;
			padding-top: 18px;
			font-weight: 500;
			font-size: 14px;
			color: $grey;
			line-height: 18px;
			font-family: $font-sans-serif;
			right: -12px;
   		}
   		span:before {
			content: '';
        	background-image: url("../images/global/login_icon_lock_dark-grey.svg");
	        background-repeat: no-repeat;
	        background-size: 100%;
	        width: 19px;
		    height: 22px;
		    display: inline-block;
		    vertical-align: bottom;
    		margin: 0 10px 0 -25px;
    	}
    }
    .resetpassword-section {
    	display: none;
    	.securemessage {
    		display: none;
    	}
    	#resetpassword-main-container {
    		min-height: 470px;
    		margin: 0 auto;
    		.field {
    			span.error, input[type=text].error {
    				text-transform: none;
    			}
    		}
    	}
    }
    .resetpassword-confirm-section, .resetpassword-section {
    	display: none;
    	.securemessage {
    		display: none;
    	}
    	.alert {
    		display: none;
    		width: 748px;
		    margin: 10px auto 10px auto;
		    color: $black;
		    font-family: $font-sans-serif;
		    font-size: 14px;
		    padding: 12px 33px;
		    font-weight: 500;
		    background-color: rgba(255,0,0,0.25);
		    text-align: center;
		    line-height: 18px;
		    text-transform: none;
		    clear: both;
		    img {
		    	padding: 0 5px 3px 0;
		    }
    	}
    }
}

.accountlogin {
	input {
	    width: 100%!important;
	  }
	width: 748px;
	min-height: 490px;
	margin: 0 auto;
	@include render-type(largedesktop1365) {
		margin: 7px auto 0 auto;
	}
	background-color: $white;
	box-shadow: 0 3px 4px 0 rgba(0,0,0,0.15);
	.accountlogin-titles {
		height: 54px;
		clear: both;
		background-color: $white-smoke-light;
		.accountlogin-titles-returning {
		    text-align: center;
		    background-color: $white-smoke-light;
		    color: $grey;
		    font-size: 22px;
		    line-height: 25px;
		    padding: 15px 0;
		    text-transform: uppercase;
		    float: left;
		    width: 50%;
		    font-family:  $font-uq-old;
		    cursor: pointer;
		    &.active {
		    	background-color: $white;
		    	cursor: default;
		    	border-top-left-radius: 5px;
		    	color: $black;
		    	box-shadow: -3px 0 0 rgba(222, 212, 224, 0.22);
		    }
		    &.active:hover {
		    	background-color: $white;
		    }
		    &.returning-updated {
			   	box-shadow: 5px 0 0 $white-smoke-light;
			}
		}
		.accountlogin-titles-returning:hover,
		.accountlogin-titles-new:hover {
			background-color: $gainsboro-darkerlight;
		}
		.accountlogin-titles-new {
			text-align: center;
			float: left;
		    width: 50%;
		    font-family:  $font-uq-old;
		    text-transform: uppercase;
		    background-color: $white-smoke-light;
		    line-height: 25px;
		    padding: 15px 0;
		    font-size: 22px;
		    cursor: pointer;
		    color: $grey;
		    &.active {
		    	background-color: $white;
		    	cursor: default;
		    	border-top-right-radius: 5px;
		    	color: $black;
		    	position: relative;
		    	box-shadow: 3px 0 0 rgba(222, 212, 224, 0.22);
		    	-moz-box-shadow: 3px 0 0 rgba(222, 212, 224, 0.22);
		    	-webkit-box-shadow: 3px 0 0 rgba(222, 212, 224, 0.22);
		    }
		     &.new-updated {
			   box-shadow: -5px 0 0 $white-smoke-light;
			   -moz-box-shadow: -5px 0 0 $white-smoke-light;
			   -webkit-box-shadow: -5px 0 0 $white-smoke-light;
			}
   		}
   	}
   	.accountlogin-input-section {
		clear: both;
		padding-top: 30px;
		.login-oauth-popup-facebook {
			display: block;
		}
		.oauth-facebook-text:before {
         	content: '';
         	background-image: url("../images/global/register_fb_icon_big.svg");
         	background-repeat: no-repeat;
		    height: 27px;
		    width: 27px;
		    display: inline-block;
		    position: absolute;
		    left: 10px;
		    background-size: 100%;
		    top: 10px;
         }
		.input-section-new {
			width: 375px;
			margin: 0 auto;
			fieldset {
				margin: 0;
			}
			.login-box-content {
				padding: 0;
				margin-top: -27px;
    			margin-bottom: -30px;
    			&.box-nooauth {
					margin-bottom: 0px;
				}
			}

			.ormessage {
				text-align: center;
				color: $black;
				font-family:  $font-uq-old-bold;
				font-size: 18px;
				line-height: 21px;
				padding: 20px 0 13px;
				span {
					display: inline-block;
				}
				.line {
					width: 168px;
				    border-bottom: 1px solid $gainsboro-darker;
				}
				.text {
					width: 39px;
				    text-align: center;
				    top: 4px;
					position: relative;
				}

			}
			.button-container {
				width: 375px;
				&.accountcreation-container {
					margin: 30px 0;
				}
				.btn_checkout_guest {
					width: 100%;
					height: 47px;
					background-color: $black;
					font-family:  $font-uq-old-bold;
					font-size: 18px;
					&.btn_checkout_guest_accountcreation {
						padding-top: 11px;
					}
					span {
						border: none;
						padding: 0;
					}
				}
				.btn_checkout_guest:hover span {
						border: none;
						padding: 0;
				}
			}
			.guestmessage {
				font-weight: 500;
				font-size: 14px;
				color: $grey;
				width: 375px;
				line-height: 16px;
				font-family: $font-sans-serif;
				padding-top: 5px;
			}
			.facebooktitle {
				padding-top: 8px;
				clear: both;
				margin-left: 12px;
				span {
					display: block;
					font-weight: 500;
    				font-size: 14px;
    				color: $grey;
    				line-height: 16px;
					font-family: $font-sans-serif;
				}
				span:before {
					content: '';
		        	background-image: url("../images/global/icon_arrow_copy.svg");
			        background-repeat: no-repeat;
			        background-size: 100%;
			        width: 13px;
				    height: 10px;
				    display: inline-block;
					margin-right: 9px;
				}
			}
		}
		.input-section-returning {
			display: none;
			margin: 0 auto;
			width: 535px;
			&.active {
			 	display: block;
			}
			h5 {
		    	text-transform: uppercase;
		    	font-family:  $font-uq-old;
		    	font-size: 18px;
		    	color: $black;
		    	line-height: 21px;
		    	margin-bottom: 6px;
		    }
			#login-email {
				width: 100%;
				float: none;
				padding-left: 0;
				border-left: none;
				margin: 0 auto;
				.display-guest-pass-button {
					position: absolute;
				    z-index: 24;
				    top: 10px;
				    right: 11px;
				    content: '';
				    background-image: url(../images/global/password_icon_eye.png);
				    background-repeat: no-repeat;
				    background-size: 100%;
				    width: 26px;
				    height: 21px;
				    background-color: transparent;
				    &.visibled {
			        	background-image: url("../images/global/password_icon_eye_hide.png");
				        background-repeat: no-repeat;
				        background-size: 100%;
				        width: 26px;
					    height: 21px;
					    top: 8px;
		    		}
				}
				fieldset {
					margin-top: -5px;
				}
				input[type=text],
				input[type=password] {
				   outline: none;
				   font-family: $font-sans-serif;
				   font-size: 14px;
				   font-weight: 500;
				   color: $black;
				   &.error {
   						background-color: $light-gray!important;
   						border: 1px solid $red;
   						text-transform: none;
					}
					&.valid {
   						border: 1px solid $black;
						background-color: $light-gray!important;
					}
				}
				span.error {
					text-transform: none;
					font-family: $font-sans-serif;
				    font-size: 14px;
				    font-weight: 500;
				    line-height: 15px;
				}
				.field-label {
					 width: 150px;
					 margin-right: 10px;
					 text-transform: uppercase;
				    font-family:  $font-uq-old;
				    font-size: 18px;
				    color: $black;
				    line-height: 21px;
				}
				.field {
					width: 375px;
					position: relative;
					.input-text {
						height: 38px;
					}
				}
				.field-row {
					margin-bottom: 20px;
					#pwd-reset {
						float: right;
						font-weight: 500;
	    				font-size: 14px;
	    				color: $grey;
	    				line-height: 16px;
	    				font-family: $font-sans-serif;
	    				text-transform: none;
						text-decoration: underline;
					}
					&.field-row-pwd-reset {
						margin: 25px 0 -20px;
					    clear: both;
					    .field-label {
					    	min-height: 30px;
					    }
					}
					&.field-row-socialoption {
						clear: both;
						.field-label {
							min-height: 30px;
						}
					}
					&.field-row-facebookbutton {
						margin: -18px 0 28px;
						.field-label {
							min-height: 30px;
						}
					}
				}

				#signin {
					button {
						font-family:  $font-uq-old-bold;
						font-size: 18px;
						outline: 0;
					}
				}
				.ormessage {
    				text-align: center;
    				color: $black;
    				font-family:  $font-uq-old-bold;
    				font-size: 18px;
    				line-height: 21px;
    				span {
    					display: inline-block;
    				}
    				.line {
    					width: 168px;
					    border-bottom: 1px solid $gainsboro-darker;
    				}
    				.text {
    					width: 39px;
					    text-align: center;
					    top: 4px;
    					position: relative;
    				}
				}
			}
		}
	}
	&.loginoverlay {
		margin: 15px auto 0 auto;
		min-height: 470px;
		&.loginoverlay-success {
			min-height: 200px;
		}
		.successfulllogin {
			width: 100%;
    		text-align: center;
    		padding-top: 70px;
    		span {
		    	font-size: 16px;
			    font-family: $font-uq;
			    text-transform: uppercase;
			    &::before {
					 content: '';
				    background-image: url("../images/addtocartpopup/icon_tick.png");
				    background-repeat: repeat-x;
				    background-size: 100%;
				    display: inline-block;
				    width: 18px;
			    	height: 12px;
				    margin-right: 10px;
				    position: relative;
				}
		    }
		}
		.input-section-returning {
			#login-email {
				.field-row {
					 margin-bottom: 11px;
					 &.field-row-pwd-reset {
					 	margin: 27px 0 -20px;
					 }
					 &.field-row-facebookbutton {
					 	clear: both;
					 }
				}
			}
		}
		.input-section-new {
			.ormessage {
				padding: 20px 0 11px;
			}
			.login-box-content {
				 margin-top: 0;
   				 margin-bottom: -6px
			}
		}
	}

}
.login-oauth-popup {
	clear: both;
    margin-top: 15px;
    margin-bottom: 15px;
    .oauth-facebook {
    	width: 375px;
    	a {
    		background-color: #415993;
		    padding-top: 13px;
		    width: 100%;
		    color: $white;
		    height: 47px;
		    text-transform: uppercase;
		    position: relative;
		    outline: 0;
		    float: left;
		    text-align: center;
		    cursor: pointer;
		    font-family:  $font-uq-old-bold;
		    font-size: 18px;
		    line-height: 21px;
    	}
    }
} */
#resetpassword-main-container {
  width: 748px;
  min-height: 407px;
  margin: 26px auto -22px auto;
  background-color: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
  padding: 36px 0 0; }
  #resetpassword-main-container.accountlogin-resetpassword-confirm {
    min-height: 196px;
    margin: 26px auto 0px auto; }
  #resetpassword-main-container.accountlogin-mail-setnewpassword {
    min-height: 330px; }
  #resetpassword-main-container.accountlogin-resetpassword-error {
    margin: 26px auto 10px auto; }
  #resetpassword-main-container .accountlogin-resetpassword-title, #resetpassword-main-container .accountlogin-mail-resetpassword-title {
    width: 535px;
    margin: 0 auto; }
    #resetpassword-main-container .accountlogin-resetpassword-title span, #resetpassword-main-container .accountlogin-mail-resetpassword-title span {
      line-height: 25px;
      color: #000;
      display: block; }
      #resetpassword-main-container .accountlogin-resetpassword-title span.title, #resetpassword-main-container .accountlogin-mail-resetpassword-title span.title {
        font-size: 22px;
        font-family: "Uniqlo Pro";
        text-transform: uppercase; }
      #resetpassword-main-container .accountlogin-resetpassword-title span.description, #resetpassword-main-container .accountlogin-mail-resetpassword-title span.description {
        line-height: 18px;
        font-weight: 400;
        font-size: 14px;
        color: #808080;
        font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
        padding: 6px 0 0 0; }
  #resetpassword-main-container .field {
    width: 375px;
    position: relative;
    margin-right: 0; }
    #resetpassword-main-container .field .input-text {
      height: 38px; }
    #resetpassword-main-container .field button {
      font-family: "Uniqlo Pro";
      font-size: 18px;
      outline: 0;
      font-weight: 600; }
    #resetpassword-main-container .field input[type=text] {
      outline: none;
      font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
      font-size: 14px;
      font-weight: 500;
      color: #000;
      text-transform: none; }
      #resetpassword-main-container .field input[type=text].default {
        border: 1px solid #000; }
      #resetpassword-main-container .field input[type=text].error {
        text-transform: none; }
    #resetpassword-main-container .field span.error {
      text-transform: none;
      font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
      font-size: 14px;
      font-weight: 500;
      line-height: 15px; }
  #resetpassword-main-container .field-label {
    width: 150px;
    margin-right: 10px;
    text-transform: uppercase;
    font-family: "Uniqlo Pro";
    font-size: 16px;
    color: #000;
    line-height: 21px; }
  #resetpassword-main-container .accountlogin-resetpassword-input, #resetpassword-main-container .accountlogin-mail-setnewpassword-input {
    width: 535px;
    margin: 0 auto; }
    #resetpassword-main-container .accountlogin-resetpassword-input span.description, #resetpassword-main-container .accountlogin-mail-setnewpassword-input span.description {
      line-height: 15px;
      font-weight: 400;
      font-size: 12px;
      color: #808080;
      display: block;
      font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif; }
    #resetpassword-main-container .accountlogin-resetpassword-input .field-row-lineup, #resetpassword-main-container .accountlogin-mail-setnewpassword-input .field-row-lineup {
      margin: 16px 0 0 0; }
      #resetpassword-main-container .accountlogin-resetpassword-input .field-row-lineup .line, #resetpassword-main-container .accountlogin-mail-setnewpassword-input .field-row-lineup .line {
        border-bottom: 1px solid #e7e7e7;
        width: 375px;
        display: inline-block; }
      #resetpassword-main-container .accountlogin-resetpassword-input .field-row-lineup .field-label, #resetpassword-main-container .accountlogin-mail-setnewpassword-input .field-row-lineup .field-label {
        min-height: 0; }
    #resetpassword-main-container .accountlogin-resetpassword-input .field-row-password-back a, #resetpassword-main-container .accountlogin-mail-setnewpassword-input .field-row-password-back a {
      background-color: #fff;
      padding: 13px;
      width: 100%;
      color: #000;
      height: 47px;
      text-transform: uppercase;
      position: relative;
      outline: 0;
      float: left;
      text-align: center;
      cursor: pointer;
      font-family: "Uniqlo Pro";
      font-weigth: 600;
      font-size: 18px;
      line-height: 21px;
      border: 1px solid #000; }
    #resetpassword-main-container .accountlogin-resetpassword-input .field-row-password-submit, #resetpassword-main-container .accountlogin-mail-setnewpassword-input .field-row-password-submit {
      margin-top: 16px; }
    #resetpassword-main-container .accountlogin-resetpassword-input .field-row-description2, #resetpassword-main-container .accountlogin-mail-setnewpassword-input .field-row-description2 {
      padding-bottom: 3px; }
  #resetpassword-main-container.accountlogin-mail-setnewpassword .field-label {
    width: 190px; }
  #resetpassword-main-container.accountlogin-mail-setnewpassword .field {
    width: 335px; }
  #resetpassword-main-container.accountlogin-mail-setnewpassword .field-row-button-submit {
    margin-top: 30px; }
  #resetpassword-main-container.accountlogin-mail-setnewpassword .field-info {
    margin-left: 200px; }
  @media screen and (max-width: 1365px) {
    #resetpassword-main-container.accountlogin-mail-setnewpassword {
      margin: 7px auto -22px auto; } }
  #resetpassword-main-container .accountlogin-resetpassword-title-confirm {
    width: 100%; }
    #resetpassword-main-container .accountlogin-resetpassword-title-confirm span {
      display: block;
      text-align: center; }
      #resetpassword-main-container .accountlogin-resetpassword-title-confirm span.confirm-title {
        font-size: 22px;
        line-height: 25px;
        padding: 0 0 5px 0;
        text-transform: uppercase;
        font-family: "Uniqlo Pro"; }
        #resetpassword-main-container .accountlogin-resetpassword-title-confirm span.confirm-title::before {
          content: '';
          background-image: url("../images/addtocartpopup/icon_tick.png");
          background-repeat: repeat-x;
          background-size: 100%;
          display: inline-block;
          width: 22px;
          height: 16px;
          margin-right: 10px;
          position: relative; }
      #resetpassword-main-container .accountlogin-resetpassword-title-confirm span.confirm-description {
        padding-bottom: 25px;
        font-weight: 500;
        font-size: 14px;
        color: #808080;
        font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
        line-height: 18px; }
  #resetpassword-main-container .continue-shopping {
    width: 375px;
    margin: 0 auto; }
    #resetpassword-main-container .continue-shopping a {
      background-color: #fff;
      padding: 13px 0 0 0;
      width: 100%;
      color: #000;
      height: 47px;
      text-transform: uppercase;
      position: relative;
      outline: 0;
      float: left;
      text-align: center;
      cursor: pointer;
      font-family: "Uniqlo Pro";
      font-weigth: 600;
      font-size: 18px;
      line-height: 21px;
      border: 1px solid #000; }

.bottom-banner-container {
  overflow: hidden; }
  .bottom-banner-container .bottom-banner-cell {
    float: left;
    overflow: hidden;
    text-align: center; }
  .bottom-banner-container .banner-cell-1 {
    width: 33%; }
  .bottom-banner-container .banner-cell-2 {
    width: 34%; }
  .bottom-banner-container .banner-cell-3 {
    width: 33%; }

.relatedproducts.categorylanding .bloomreach-wrapper,
.relatedsearch.categorylanding .bloomreach-wrapper {
  position: relative;
  margin: 0 auto;
  text-align: center;
  outline: 0; }

.relatedproducts.categorylanding .bloomreach-wrapper .br-found-heading {
  font-family: "UniqloBoldRegular", helvetica, arial;
  font-weight: 400;
  text-transform: uppercase;
  margin: 50px 0 20px;
  text-align: center;
  font-size: 48px;
  font-size: 3rem;
  line-height: 48px;
  border-top: solid 1px #000;
  padding-top: 52px; }

.relatedproducts.categorylanding .bloomreach-wrapper .br-sf-widget {
  margin-left: 12px;
  margin-right: 12px;
  width: 274px;
  border: 0;
  margin-bottom: 10px;
  text-decoration: none;
  position: relative;
  height: 322px;
  margin-top: 20px;
  display: inline-block; }
  .relatedproducts.categorylanding .bloomreach-wrapper .br-sf-widget .br-sf-widget-merchant-img {
    margin: auto;
    overflow: hidden;
    padding: 0;
    width: 250px;
    height: 226px; }
    .relatedproducts.categorylanding .bloomreach-wrapper .br-sf-widget .br-sf-widget-merchant-img img {
      vertical-align: middle;
      width: 95%;
      height: 95%;
      border: 1px #000;
      margin: auto;
      display: block; }
  .relatedproducts.categorylanding .bloomreach-wrapper .br-sf-widget .br-sf-widget-merchant-title {
    margin: 0;
    font-size: .75em;
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
    font-weight: 400;
    text-shadow: -1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;
    display: inline-block;
    text-transform: uppercase;
    color: #000;
    overflow: hidden;
    float: left;
    text-align: center;
    width: 100%;
    position: relative; }
    .relatedproducts.categorylanding .bloomreach-wrapper .br-sf-widget .br-sf-widget-merchant-title a {
      color: #000; }
  .relatedproducts.categorylanding .bloomreach-wrapper .br-sf-widget .br-sf-widget-merchant-desc {
    margin: 7px 0 0 0;
    font-size: .75em;
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
    font-weight: 400;
    text-shadow: -1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff;
    display: inline-block;
    text-transform: uppercase;
    color: #8c8c8c;
    overflow: hidden;
    float: left;
    text-align: center;
    width: 100%;
    position: relative; }
  .relatedproducts.categorylanding .bloomreach-wrapper .br-sf-widget .br-sf-widget-merchant-qv {
    float: left;
    margin-top: 18px;
    width: 100%; }
    .relatedproducts.categorylanding .bloomreach-wrapper .br-sf-widget .br-sf-widget-merchant-qv a {
      background: none repeat scroll 0 0 #fff;
      border: 3px solid #000;
      color: #000;
      display: block;
      font-size: 15px;
      letter-spacing: .02em;
      line-height: normal;
      margin: 0 auto;
      padding: 6px 10px 5px;
      text-align: center;
      text-indent: 0;
      text-transform: uppercase;
      width: 124px;
      z-index: 2; }
      .relatedproducts.categorylanding .bloomreach-wrapper .br-sf-widget .br-sf-widget-merchant-qv a:hover {
        background-color: #f00;
        border: 3px solid #f00;
        color: #fff; }

.relatedsearch.categorylanding .bloomreach-wrapper .br-related-heading {
  font-family: "UniqloBoldRegular", helvetica, arial;
  font-weight: 400;
  text-transform: uppercase;
  margin: 50px 0 20px;
  text-align: center;
  font-size: 48px;
  font-size: 3rem;
  line-height: 48px;
  border-top: solid 1px #000;
  padding-top: 52px; }

.relatedsearch.categorylanding .bloomreach-wrapper .br-related-query {
  text-align: center;
  height: auto;
  width: auto;
  margin-left: 20px;
  margin-right: 20px; }
  .relatedsearch.categorylanding .bloomreach-wrapper .br-related-query a {
    color: #000;
    text-transform: uppercase; }

.back-to-top-button {
  display: none;
  position: fixed;
  padding: 9px 24px 5px;
  right: 24px;
  bottom: 51px;
  color: #3f3f3f;
  background-color: #fff;
  border: 3px solid #f00;
  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
  font-size: 15px;
  font-size: .9375rem;
  line-height: 15px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .04em;
  cursor: pointer;
  z-index: 2; }
  .back-to-top-button:hover {
    border: 3px solid #f00;
    background-color: #f00;
    color: #fff; }

.store-information {
  background: none repeat scroll 0 0 #e0e0e0;
  border-bottom: 1px solid #fff; }

.store-name {
  font-weight: bold;
  margin: 0 0 10px; }

.store-map {
  border-bottom: 1px solid #e0e0e0; }

.store-locator-details {
  float: left;
  width: 44%; }
  .store-locator-details img {
    max-width: 100%; }
  .store-locator-details h1, .store-locator-details p {
    margin: 0.25em 0; }

.store-locator-details-map {
  float: right;
  width: 50%; }
  .store-locator-details-map img {
    max-width: 100%; }

.uq-wrapper.pt_content #main {
  width: auto;
  margin: 0 auto;
  padding: 0; }
  .uq-wrapper.pt_content #main .uq-header-component {
    position: fixed; }

.stores_landing_page {
  padding: 0 60px; }
  .stores_landing_page .wrapper {
    padding-top: 30px; }
    .stores_landing_page .wrapper .title {
      font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
      font-weight: 500;
      font-size: 50px;
      line-height: 50px;
      padding: 20px 0 5px 0;
      border-bottom: 4px solid #000; }
    .stores_landing_page .wrapper .main_content {
      display: table;
      padding-top: 30px; }
      .stores_landing_page .wrapper .main_content .country_link,
      .stores_landing_page .wrapper .main_content .country_text,
      .stores_landing_page .wrapper .main_content h3.country_link {
        font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
        font-weight: 500;
        font-size: 18px;
        line-height: 18px;
        text-transform: uppercase; }
      .stores_landing_page .wrapper .main_content .country_nav {
        display: table-cell;
        vertical-align: top;
        width: 270px; }
        .stores_landing_page .wrapper .main_content .country_nav .country_list .country_item {
          position: relative;
          border-bottom: 1px solid #FE0E0D; }
          .stores_landing_page .wrapper .main_content .country_nav .country_list .country_item .country_link,
          .stores_landing_page .wrapper .main_content .country_nav .country_list .country_item h3.country_link {
            display: block;
            color: #FE0E0D;
            position: relative;
            padding: 10px 12px 8px 12px; }
            .stores_landing_page .wrapper .main_content .country_nav .country_list .country_item .country_link:hover,
            .stores_landing_page .wrapper .main_content .country_nav .country_list .country_item h3.country_link:hover {
              color: #fff;
              background-color: #FE0E0D; }
          .stores_landing_page .wrapper .main_content .country_nav .country_list .country_item span.country_link {
            padding-left: 0; }
            .stores_landing_page .wrapper .main_content .country_nav .country_list .country_item span.country_link:hover {
              color: #FE0E0D;
              background-color: #fff;
              cursor: default; }
          .stores_landing_page .wrapper .main_content .country_nav .country_list .country_item .store_item {
            padding: 5px 15px;
            text-transform: uppercase; }
            .stores_landing_page .wrapper .main_content .country_nav .country_list .country_item .store_item:first-child {
              padding-top: 0; }
            .stores_landing_page .wrapper .main_content .country_nav .country_list .country_item .store_item:last-child {
              padding-bottom: 6px; }
            .stores_landing_page .wrapper .main_content .country_nav .country_list .country_item .store_item .store_link {
              color: #000; }
              .stores_landing_page .wrapper .main_content .country_nav .country_list .country_item .store_item .store_link:hover {
                color: #FE0E0D; }
          .stores_landing_page .wrapper .main_content .country_nav .country_list .country_item .icon {
            display: inline-block;
            position: absolute;
            content: '';
            height: 6px;
            width: 9px;
            right: 5px;
            top: 15px;
            background: url("../images/global/sprites-s58bc8abdec.png") no-repeat -3px -71px;
            transform: rotate(-90deg); }
      .stores_landing_page .wrapper .main_content .country_content {
        display: inline-block;
        padding: 0 0 0 30px;
        vertical-align: top; }
        .stores_landing_page .wrapper .main_content .country_content .row_1 .image_container, .stores_landing_page .wrapper .main_content .country_content .row_2 .image_container {
          position: relative;
          float: left;
          margin: 0 20px 20px 0;
          overflow: hidden; }
          .stores_landing_page .wrapper .main_content .country_content .row_1 .image_container:last-child, .stores_landing_page .wrapper .main_content .country_content .row_2 .image_container:last-child {
            margin-right: 0; }
          .stores_landing_page .wrapper .main_content .country_content .row_1 .image_container .country_image, .stores_landing_page .wrapper .main_content .country_content .row_2 .image_container .country_image {
            width: auto;
            max-width: 370px;
            height: auto; }
          .stores_landing_page .wrapper .main_content .country_content .row_1 .image_container .country_text, .stores_landing_page .wrapper .main_content .country_content .row_2 .image_container .country_text {
            display: none;
            position: absolute;
            left: 0;
            bottom: 0;
            padding: 9px 24px 5px;
            color: #fff;
            background-color: #F00000;
            border: 3px solid #F00000;
            text-align: center;
            cursor: pointer; }
          .stores_landing_page .wrapper .main_content .country_content .row_1 .image_container:hover .country_text, .stores_landing_page .wrapper .main_content .country_content .row_2 .image_container:hover .country_text {
            display: block; }

.html-block-shopList {
  display: inline-block;
  width: auto;
  margin: 0 0 0 30px; }
  .html-block-shopList ol, .html-block-shopList ul {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-right: -1%;
    line-height: 0; }
  .html-block-shopList .country_title {
    font-family: "UniqloBoldRegular", helvetica, arial;
    font-size: 42px;
    line-height: 42px;
    margin: 0 auto;
    padding: 23px 0 0;
    text-transform: uppercase; }

.html-block-shopList .content-asset:nth-child(1) .country_title {
  padding-top: 0; }

.html-block-shopList ol li, .html-block-shopList ul li {
  list-style-type: none;
  margin: 30px 0 0 0;
  padding: 0 15px 0 0;
  display: inline-block;
  zoom: 1;
  overflow: hidden;
  position: relative;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

.html-block-shopList ol li:nth-child(2n),
.html-block-shopList ul li:nth-child(2n) {
  margin-left: -4px; }

* + html .html-block-shopList ol li,
* + html .html-block-shopList ul li {
  display: inline; }

.html-block-shopList .col2 li {
  vertical-align: top;
  width: 50%; }
  @media screen and (max-width: 955px) {
    .html-block-shopList .col2 li {
      width: 100%; } }

* + html .html-block-shopList .col2 li {
  width: 48%; }

.html-block-shopList li .thumbnails {
  line-height: 1.2;
  position: relative;
  float: left;
  width: 40%; }

* + html .html-block-shopList li .thumbnails {
  width: 37%; }

.html-block-shopList li .thumbnails img {
  width: 100%;
  height: auto; }

.html-block-shopList li .information {
  line-height: 1.2;
  float: left;
  width: 60%;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 15px;
  font-size: 0.85em;
  font-size: 0.85rem; }

* + html .html-block-shopList li .information {
  width: 59%; }

.html-block-shopList li .information h2 a, .html-block-shopList li .information h3 a, .html-block-shopList li .information h2 a:hover, .html-block-shopList li .information h3 a:hover, .html-block-shopList li .information h2 a:visited, .html-block-shopList li .information h3 a:visited, .html-block-shopList li .information h2 a:link, .html-block-shopList li .information h3 a:link {
  color: #ff0000;
  font-family: "UniqloBoldRegular", helvetica, arial;
  border-left: solid 3px #ff0000;
  padding-left: 5px;
  font-size: 1.2em;
  font-size: 1.2rem;
  line-height: 1;
  text-transform: none; }

.html-block-shopList li .information h2, .html-block-shopList li .information h3 {
  font-family: "UniqloBoldRegular", helvetica, arial;
  font-size: 1em;
  font-size: 1rem;
  margin-top: 10px;
  color: #000; }

.html-block-shopList li .information .aside {
  margin-top: 0.35em;
  line-height: 1.2; }

.html-block-shopList li .information .store-hours {
  margin-top: 0.35em;
  width: 100%;
  position: relative;
  line-height: 1.2; }
  .html-block-shopList li .information .store-hours li {
    float: none;
    width: 100%;
    font-size: 0.85em;
    font-size: 0.85rem;
    margin: 0;
    padding: 0;
    text-transform: uppercase; }
    .html-block-shopList li .information .store-hours li.closed {
      color: #FE0E0D; }
    .html-block-shopList li .information .store-hours li span {
      float: right; }

.html-block-shopList .col2 li .section .thumbnails p {
  margin: 0; }

@media screen and (max-width: 768px) {
  .html-block-shopList .col2 li {
    width: 100%; }
  .noResponsive .html-block-shopList .col2 li {
    vertical-align: top;
    width: 50%; }
  .html-block-shopList li .thumbnails {
    width: 100%; }
  .noResponsive .html-block-shopList li .thumbnails {
    width: 40%; }
  .html-block-shopList li .information {
    width: 100%;
    margin-top: 20px; }
  .noResponsive .html-block-shopList li .information {
    width: 60%; } }

.store-main-wrapper {
  display: table;
  width: 100%; }
  .store-main-wrapper > div {
    position: relative;
    margin: 0;
    display: table-cell;
    width: auto;
    vertical-align: top;
    padding: 0 60px; }

.store-template-wrapper {
  width: auto;
  margin: 0 auto; }

.store-modal .modal-description .store-description h3 {
  text-transform: none; }

.store-modal .modal-description .store-info h3 {
  text-transform: none;
  margin: 7px 0 0;
  font-size: 18px;
  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
  font-weight: bold; }

.store-modal .modal-description p {
  margin: 0; }

.store-modal .modal-gallery .main-image {
  width: 546px;
  max-width: 100%;
  margin: 0 auto; }

.js .loader {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.js .loader-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0.7; }

.js .loader-indicator {
  z-index: 34;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 64px;
  height: 64px;
  background: url("../images/loading-small.gif") no-repeat; }

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
.jspContainer {
  overflow: hidden;
  position: relative; }

.jspPane {
  position: absolute; }

.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 100%;
  background: red; }

.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 16px;
  background: red; }

.jspVerticalBar *,
.jspHorizontalBar * {
  margin: 0;
  padding: 0; }

.jspCap {
  display: none; }

.jspHorizontalBar .jspCap {
  float: left; }

.jspTrack {
  background: #dde;
  position: relative; }

.jspDrag {
  background: #bbd;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer; }

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float: left;
  height: 100%; }

.jspArrow {
  background: #50506d;
  text-indent: -20000px;
  display: block;
  cursor: pointer; }

.jspArrow.jspDisabled {
  cursor: default;
  background: #80808d; }

.jspVerticalBar .jspArrow {
  height: 16px; }

.jspHorizontalBar .jspArrow {
  width: 16px;
  float: left;
  height: 100%; }

.jspVerticalBar .jspArrow:focus {
  outline: none; }

.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%; }

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
  margin: 0 -3px 0 0; }

.js #suggestions {
  background-color: #666;
  color: #e0e0e0;
  cursor: pointer;
  padding: 0;
  display: none;
  position: absolute;
  z-index: 72; }
  .js #suggestions div {
    clear: both;
    height: 23px;
    padding: 5px;
    overflow: hidden;
    white-space: nowrap; }
    .js #suggestions div:hover {
      background-color: #ccc;
      color: #333; }
    .js #suggestions div .suggestionterm {
      float: left;
      overflow: hidden;
      width: 110px; }
    .js #suggestions div .hits {
      float: right;
      line-height: 1.8em;
      text-align: right;
      margin-left: 3px; }

.noSearchResult {
  margin-top: 30px; }
  .noSearchResult__title {
    font-size: 24px;
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
    text-align: center;
    margin: 0; }
  .noSearchResult__phrase {
    font-family: "Uniqlo Pro";
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #FE0E0D; }
    .noSearchResult__phrase--link:hover {
      border-bottom: 1px solid #000;
      color: #FE0E0D; }
  .noSearchResult__help {
    border-top: 2px solid #FE0E0D;
    padding: 30px 0;
    margin-top: 30px;
    font-size: 18px;
    /* USED IN ASSET; NOT REFACTORED */ }
    .noSearchResult__help p {
      margin: 0; }
    .noSearchResult__help .better-result {
      display: inline-block;
      vertical-align: middle;
      width: 100%;
      margin: 20px 0 0; }
      .noSearchResult__help .better-result li {
        color: #666;
        float: left;
        width: 33.333%;
        padding-right: 3%;
        font-size: .9375rem;
        margin-bottom: 10px;
        list-style-type: none;
        box-sizing: border-box; }
        .noSearchResult__help .better-result li:last-child {
          padding-right: 0; }
        .noSearchResult__help .better-result li:before {
          border-left: 4px solid #666;
          display: inline-block;
          content: "";
          height: 0;
          width: 0;
          padding-left: 3px;
          border-left: 4px solid #1f1f1f;
          border-right: 4px solid transparent;
          border-top: 4px solid transparent;
          border-bottom: 4px solid transparent; }
  .noSearchResult__recommendations {
    border-top: 1px solid #000;
    padding: 30px 0; }

.js .ui-dialog-content .product-col-1 {
  padding: 13px 1%;
  width: 39%; }
  .js .ui-dialog-content .product-col-1 .product-image {
    max-width: 100%; }

.js .ui-dialog-content .product-col-2 {
  padding: 20px 0;
  width: 58%; }

.js .ui-dialog-content .pdp-main h1.product-name {
  margin: .4em 0 0.1em;
  width: 58%; }

.js .ui-dialog-content .pdp-main .product-set-list {
  border: 1px solid #e0e0e0;
  height: 500px;
  overflow: auto; }
  .js .ui-dialog-content .pdp-main .product-set-list .product-set-item {
    margin: 1em 0; }
  .js .ui-dialog-content .pdp-main .product-set-list .product-set-image {
    width: 25%; }
  .js .ui-dialog-content .pdp-main .product-set-list .product-set-details {
    width: 75%; }
  .js .ui-dialog-content .pdp-main .product-set-list .product-name {
    margin: 0; }
  .js .ui-dialog-content .pdp-main .product-set-list .block-add-to-cart .price {
    font-size: 1.5em;
    padding: 0.4em 0 0;
    width: 130px; }

.js .zoomPad {
  position: relative;
  float: left;
  z-index: 32;
  cursor: crosshair;
  width: 100%; }

.js .zoomPreload {
  -moz-opacity: 0.8;
  opacity: 0.8;
  filter: alpha(opacity=80);
  color: #333;
  font-size: 12px;
  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
  text-decoration: none;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 8px;
  text-align: center;
  background-image: url(../images/zoomloader.gif);
  background-repeat: no-repeat;
  background-position: 43px 30px;
  z-index: 40;
  width: 90px;
  height: 43px;
  position: absolute;
  top: 0px;
  left: 0px;
  *width: 100px;
  *height: 49px; }

.js .zoomPup {
  overflow: hidden;
  background-color: #fff;
  -moz-opacity: 0.6;
  opacity: 0.6;
  filter: alpha(opacity=60);
  z-index: 42;
  position: absolute;
  border: 1px solid #ccc;
  z-index: 36;
  cursor: crosshair; }

.js .zoomOverlay {
  position: absolute;
  left: 0px;
  top: 0px;
  background: #fff;
  z-index: 58;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 36; }

.js .zoomWindow {
  position: absolute;
  left: 110%;
  top: 40px;
  background: #fff;
  z-index: 60;
  height: auto;
  z-index: 78;
  z-index: 40; }

.js .zoomWrapper {
  position: relative;
  border: 1px solid #999;
  z-index: 40; }

.js .zoomWrapperTitle {
  display: block;
  background: #999;
  color: #fff;
  height: 18px;
  line-height: 18px;
  width: 100%;
  overflow: hidden;
  text-align: center;
  font-size: 10px;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 42;
  -moz-opacity: 0.6;
  opacity: 0.6;
  filter: alpha(opacity=60); }

.js .zoomWrapperImage {
  display: block;
  position: relative;
  overflow: hidden;
  z-index: 40; }
  .js .zoomWrapperImage img {
    border: 0px;
    display: block;
    position: absolute;
    z-index: 36; }

.js .zoomIframe {
  z-index: -2;
  filter: alpha(opacity=0);
  -moz-opacity: 0.80;
  opacity: 0.80;
  position: absolute;
  display: block; }

.quickview-nav .quickview-next {
  float: right; }

.stylebookoverlaypreloader {
  height: 530px;
  background-color: #f5f5f5;
  animation: bg-stylebookoverlay 2s infinite;
  -webkit-animation: bg-stylebookoverlay 2s infinite; }

@keyframes bg-stylebookoverlay-image {
  0% {
    background-color: #f3f3f3; }
  20% {
    background-color: #d9d9d9; }
  40% {
    background-color: #d9d9d9; }
  60% {
    background-color: #f3f3f3; }
  80% {
    background-color: #f3f3f3; }
  100% {
    background-color: #f3f3f3; } }

.stylebookoverlaypreloader-main {
  height: 530px;
  width: 100%;
  background-color: #fff; }
  .stylebookoverlaypreloader-main .stylebookoverlaypreloader-main-image {
    float: left;
    width: 388px;
    height: 499px;
    background-color: #f5f5f5;
    animation: bg-stylebookoverlay-image 2s infinite;
    -webkit-animation: bg-stylebookoverlay-image 2s infinite;
    margin-top: 15px;
    margin-left: 15px;
    margin-bottom: 15px;
    margin-right: 15px; }
  .stylebookoverlaypreloader-main .stylebookoverlaypreloader-main-product {
    float: right;
    width: 556px;
    height: 530px;
    background-color: #f5f5f5;
    width: 514px;
    height: 500px;
    margin-right: 22px;
    margin-top: 15px;
    margin-bottom: 15px;
    animation: bg-stylebookoverlay-image 2s infinite;
    -webkit-animation: bg-stylebookoverlay-image 2s infinite; }

.stylebook-pdp-main::after {
  content: "";
  display: table;
  clear: both; }

body.js_pseudo_opacity::after {
  position: fixed;
  top: 0;
  left: 0;
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0.85;
  z-index: 32; }

body.js_pseudo_opacity.darken::after {
  background: #aaa; }

.display-lock {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 12;
  display: none; }

#bonusitem-overlay-dialog.ui-dialog-content .product-col-2 {
  width: 90%; }

#bonusitem-overlay-dialog .pdp-main .product-add-to-cart {
  background: none; }

#bonusitem-overlay-dialog .pdp-color-name {
  margin: 0.5em; }

#bonusitem-overlay-dialog .bonus-product-list {
  padding: 0px 10px 10px 10px; }
  #bonusitem-overlay-dialog .bonus-product-list .bonus-product-summary {
    padding-top: 1em;
    width: 50%;
    float: left; }
  #bonusitem-overlay-dialog .bonus-product-list .message {
    color: #000;
    text-transform: uppercase;
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
    font-weight: 500;
    font-size: .8125rem; }
  #bonusitem-overlay-dialog .bonus-product-list .error-color,
  #bonusitem-overlay-dialog .bonus-product-list .error-size,
  #bonusitem-overlay-dialog .bonus-product-list .error-length {
    display: inline-block;
    font-weight: bold;
    color: #FE0E0D;
    float: left;
    clear: both; }
  #bonusitem-overlay-dialog .bonus-product-list .bonus-product-item {
    border-bottom: 3px solid #000; }
    #bonusitem-overlay-dialog .bonus-product-list .bonus-product-item .pdp-sizing-quantity-tab:after {
      right: 12px;
      top: 3px;
      height: 6px;
      width: 9px; }
    #bonusitem-overlay-dialog .bonus-product-list .bonus-product-item .pdp-sizing-quantity-tab-3.pdp-sizing-quantity-tab-active:after {
      right: 8px;
      top: 3px;
      height: 6px;
      width: 9px; }
    #bonusitem-overlay-dialog .bonus-product-list .bonus-product-item .pdp-sizing-quantity-tab-active:after {
      right: -30px;
      top: 3px;
      height: 6px;
      width: 9px; }
    #bonusitem-overlay-dialog .bonus-product-list .bonus-product-item .pdp-sizing-quantity-text .js_lengthChip.available {
      height: 50px;
      width: 70px;
      text-align: center;
      color: #666;
      position: relative;
      margin: 0 10px 10px 0;
      float: left; }
      #bonusitem-overlay-dialog .bonus-product-list .bonus-product-item .pdp-sizing-quantity-text .js_lengthChip.available a {
        background-color: #d9d9d9;
        color: #666;
        height: 100%;
        width: 100%;
        display: block;
        line-height: 3.5em; }
        #bonusitem-overlay-dialog .bonus-product-list .bonus-product-item .pdp-sizing-quantity-text .js_lengthChip.available a:hover, #bonusitem-overlay-dialog .bonus-product-list .bonus-product-item .pdp-sizing-quantity-text .js_lengthChip.available a:active {
          background-color: #FE0E0D;
          color: #fff; }
  #bonusitem-overlay-dialog .bonus-product-list .product-detail .product-add-to-cart {
    width: 90px; }
  #bonusitem-overlay-dialog .bonus-product-list .product-detail .product-description {
    width: 100%; }
    #bonusitem-overlay-dialog .bonus-product-list .product-detail .product-description .product-img {
      float: left;
      margin-right: 1em; }
    #bonusitem-overlay-dialog .bonus-product-list .product-detail .product-description .product-name {
      padding: 0.75em; }
  #bonusitem-overlay-dialog .bonus-product-list .fa-remove:before, #bonusitem-overlay-dialog .bonus-product-list .fa-close:before, #bonusitem-overlay-dialog .bonus-product-list .fa-times:before {
    color: #FE0E0D;
    content: "\f014"; }

.quickshop {
  display: none;
  cursor: pointer;
  position: absolute;
  bottom: 15px;
  left: 10px;
  right: 10px;
  min-height: 50px;
  font-size: 14px;
  background: rgba(255, 255, 255, 0.8); }
  @media screen and (max-width: 1024px) {
    .quickshop {
      display: none !important; } }
  .quickshop__title {
    font-family: "Uniqlo Pro";
    text-align: center;
    text-transform: uppercase;
    display: block;
    line-height: 40px;
    margin: 5px; }
  .quickshop__selection {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    margin: 5px 5px -5px 5px; }
    .quickshop__selection::after {
      content: '';
      height: 30px;
      background: transparent;
      display: block;
      position: absolute;
      bottom: -30px;
      right: -10px;
      left: -10px;
      z-index: 1; }
  .quickshop__label {
    margin-bottom: 8px;
    line-height: 1;
    color: #808080; }
  .quickshop__swatches {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    z-index: 1; }
  .quickshop--loading {
    display: block; }
    .quickshop--loading > * {
      display: none; }
    .quickshop--loading::before {
      content: '';
      display: block;
      position: absolute;
      background: url("../images/cart/icon_loading.svg") no-repeat right center;
      background-size: auto 25px;
      background-position: center;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0; }

.productTile[data-quickshop="false"] .quickshop__selection, .productTile > [data-quickshop="false"] .quickshop__selection {
  display: none; }

.productTile[data-quickshop="true"][data-multipleswatchlines="false"], .productTile > [data-quickshop="true"][data-multipleswatchlines="false"] {
  overflow: hidden; }
  .productTile[data-quickshop="true"][data-multipleswatchlines="false"] .productTile__swatchList, .productTile > [data-quickshop="true"][data-multipleswatchlines="false"] .productTile__swatchList {
    overflow: visible !important; }

.productTile[data-quickshop="true"][data-multipleswatchlines="true"] .productTile__swatchList, .productTile > [data-quickshop="true"][data-multipleswatchlines="true"] .productTile__swatchList {
  padding-left: 3px; }

.productTile[data-quickshop="true"] .quickshop__title, .productTile > [data-quickshop="true"] .quickshop__title {
  display: none; }

.productTile[data-quickshop="true"] .productTile__swatchList .swatch.selected > .swatch-image, .productTile > [data-quickshop="true"] .productTile__swatchList .swatch.selected > .swatch-image {
  outline: 2px solid #000;
  outline-offset: 1px; }

#homepage-slider {
  position: relative;
  overflow: hidden;
  width: 100%; }
  #homepage-slider .jcarousel-control {
    position: absolute;
    right: 10px;
    bottom: 20px; }
    #homepage-slider .jcarousel-control a {
      background: none repeat scroll 0 0 #e0e0e0;
      border: 1px solid #ccc;
      display: block;
      float: left;
      height: 15px;
      margin: 0 3px;
      text-indent: -999em;
      width: 6px; }
      #homepage-slider .jcarousel-control a.active {
        background-color: #666; }

#homepage-slides {
  margin: 0;
  position: relative;
  width: 20000em; }
  #homepage-slides .slide {
    float: left; }
    #homepage-slides .slide img {
      height: auto;
      max-width: 100%; }

#vertical-carousel {
  position: relative;
  overflow: hidden;
  height: 18.5rem; }
  #vertical-carousel ul {
    height: 10000em;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative; }
    #vertical-carousel ul li {
      float: left;
      width: 100%;
      height: 18.5rem; }

#homepage-email-signup.email-sign-up-component {
  max-width: 1416px;
  background: #f2f2f2;
  padding: 24px 12px;
  margin: 25px auto 0 auto;
  text-align: center; }
  #homepage-email-signup.email-sign-up-component form label {
    font-family: "UniqloBoldRegular", helvetica, arial;
    font-size: 26px;
    font-size: 1.625rem;
    text-transform: uppercase;
    color: #f00; }
    #homepage-email-signup.email-sign-up-component form label p.description {
      margin: 0;
      padding: 10px 0;
      font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
      font-size: 13px;
      font-size: .8125rem;
      text-transform: none;
      color: #666; }
  #homepage-email-signup.email-sign-up-component fieldset {
    border: 0;
    padding: 0;
    margin: 0 auto;
    max-width: 580px; }
    #homepage-email-signup.email-sign-up-component fieldset #email-error {
      position: absolute;
      bottom: -38px; }
  #homepage-email-signup.email-sign-up-component .input {
    width: 70%;
    height: 60px;
    line-height: 24px;
    vertical-align: middle;
    border: 2px solid #fff;
    padding: 0 1em;
    float: left;
    background: #fff;
    text-transform: uppercase;
    letter-spacing: .03em;
    font-size: 20px;
    font-size: 1.25rem;
    box-sizing: border-box;
    font-family: "UniqloRegularRegular"; }
  #homepage-email-signup.email-sign-up-component .submit {
    width: 30%;
    height: 60px;
    line-height: 60px;
    font-size: 15px;
    font-size: .9375rem;
    margin: 0;
    border: 0;
    padding: 0;
    float: left;
    background: #f00;
    color: #fff;
    text-transform: uppercase;
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif; }

@media only screen and (min-width: 976px) {
  #homepage-email-signup.email-sign-up-component {
    padding: 24px; }
    #homepage-email-signup.email-sign-up-component form {
      position: relative;
      text-align: left;
      max-width: 1150px;
      margin: 0 auto; }
      #homepage-email-signup.email-sign-up-component form label {
        float: left;
        margin: 0 600px 0 0;
        text-align: left; }
      #homepage-email-signup.email-sign-up-component form fieldset {
        width: 580px;
        position: absolute;
        right: 0;
        top: 0; } }

.home-bottom-left,
.home-bottom-center,
.home-bottom-right {
  clear: none;
  float: left;
  width: 33%; }

.home-bottom-right .jcarousel-nav {
  cursor: pointer;
  font-size: 0.9em;
  font-weight: 700;
  position: absolute;
  right: 0;
  text-transform: uppercase; }
  .home-bottom-right .jcarousel-nav.inactive {
    display: none; }

.home-bottom-right .jcarousel-prev {
  bottom: 20px; }

.home-bottom-right .jcarousel-next {
  bottom: 0; }

.home-bottom-right h2 {
  background: url("../images/homepage/hdr-this-weeks-deals.png") no-repeat scroll center center transparent;
  border-bottom: 2px solid #01a4e5;
  height: 54px;
  padding: 30px 0;
  text-indent: -999em; }

.home-bottom-right .vertical-carousel li .capture-product-id {
  display: none; }

.home-bottom-right .vertical-carousel li .product-price .product-standard-price {
  text-decoration: line-through; }

.home-bottom-right .product-tile {
  border: 0 none;
  margin: auto;
  min-height: 255px;
  width: 90%; }
  .home-bottom-right .product-tile img {
    max-width: 90%; }

#home-promo-shop-shoes {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: transparent;
  background-image: url("../images/homepage/home-promo-shoes.png");
  background-origin: padding-box;
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: 413px;
  margin: auto;
  max-width: 320px;
  position: relative;
  width: 100%; }
  #home-promo-shop-shoes h2 {
    position: absolute;
    text-indent: -999em; }
  #home-promo-shop-shoes ul {
    padding: 30% 0 0;
    text-align: center; }
  #home-promo-shop-shoes li {
    display: inline;
    list-style: none outside none;
    margin: 0 5px 0 0;
    padding: 0 5px 0 0;
    text-transform: uppercase; }
    #home-promo-shop-shoes li:last-child {
      border: 0 none; }
  #home-promo-shop-shoes span {
    font-style: italic;
    margin: 0 10px 0 0; }

#home-promo-free-shipping {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: transparent;
  background-image: url("../images/homepage/home-promo-free-shipping.png");
  background-origin: padding-box;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  height: 413px;
  margin: auto;
  max-width: 319px;
  text-indent: -999em;
  width: 100%; }

.underline_uniqlo {
  display: none; }
  @media screen and (max-width: 1024px) {
    .underline_uniqlo {
      display: none; } }

.red {
  color: #FE0E0D; }

.pt_homepage .text-section {
  padding-left: 6px;
  padding-right: 6px; }
  .pt_homepage .text-section .img-responsive {
    max-width: 100%; }
  .pt_homepage .text-section .section-buttons {
    position: relative;
    bottom: 0; }
    .pt_homepage .text-section .section-buttons a {
      border: 1px solid #000;
      color: #000;
      display: block;
      font-weight: bold;
      margin-top: 8px;
      padding: 8px 0;
      text-decoration: none;
      text-transform: uppercase;
      text-align: center;
      width: 88px; }
      .pt_homepage .text-section .section-buttons a:hover {
        border: 1px solid #FE0E0D;
        color: #FE0E0D; }
    .pt_homepage .text-section .section-buttons ul {
      clear: both;
      overflow: hidden; }
      .pt_homepage .text-section .section-buttons ul li {
        display: inline-block;
        margin-right: 10px; }
    .pt_homepage .text-section .section-buttons.smallFont {
      font-size: 11px; }
  .pt_homepage .text-section .section-badge {
    position: absolute;
    top: 35px;
    right: 30px;
    text-align: right;
    width: 150px; }

.pt_homepage .heading {
  font-family: "UniqloBoldRegular", helvetica, arial;
  font-size: 48px;
  font-size: 3rem;
  line-height: 48px;
  margin: 0 auto;
  padding: 23px 0 0 0;
  text-transform: uppercase; }

.pt_homepage .indented {
  padding: 0 10px; }

.pt_homepage .price {
  color: #FE0E0D;
  font-weight: bold;
  font-size: 18px; }

.pt_homepage .section-title {
  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: -0.3px; }

.pt_homepage .tag {
  margin: 0 6px 0 0;
  display: inline-block;
  border: 3px solid #000;
  color: #000;
  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  padding: 2px 2px 0 2px;
  letter-spacing: .02em;
  background: #fff; }
  .pt_homepage .tag.inverted {
    color: #fff;
    background: #000; }
  .pt_homepage .tag.red {
    color: #FE0E0D;
    border-color: #FE0E0D; }
  .pt_homepage .tag.red.inverted {
    color: #fff;
    background: #FE0E0D; }

.pt_homepage .tagcontainer {
  position: absolute;
  top: 5px;
  left: 5px; }

.pt_homepage .video-include {
  max-height: 335px; }
  .pt_homepage .video-include iframe {
    max-height: 335px; }

/* Featured News Section - Begin */
.owl-carousel-featuredNews {
  display: none;
  padding: 0;
  clear: both;
  margin-top: 31px; }
  @media screen and (max-width: 1365px) {
    .owl-carousel-featuredNews {
      margin-top: 32px; } }
  .owl-carousel-featuredNews .owl-stage-outer {
    max-height: none; }

.contentBlockfeaturedNews .contentBlockfeaturedNews-title {
  margin-bottom: 16px;
  clear: both;
  color: #1b1b1b;
  font-size: 25px;
  font-size: calc(25px + (30 - 25) * (100vw - 768px) / (1440 - 768));
  line-height: 1.3;
  letter-spacing: 0.6px;
  font-weight: 500;
  font-family: "UniqloRegularRegular";
  margin-top: 15px;
  text-align: left;
  text-transform: uppercase; }
  @media (min-width: 1440px) {
    .contentBlockfeaturedNews .contentBlockfeaturedNews-title {
      font-size: 30px; } }

.featuredNews-item-heading {
  color: #1b1b1b;
  font-size: 16px;
  font-size: calc(16px + (20 - 16) * (100vw - 768px) / (1440 - 768));
  font-family: "Uniqlo Pro";
  font-weight: bold;
  line-height: 1.2;
  margin-top: 15px;
  text-align: left;
  text-transform: uppercase; }
  @media (min-width: 1440px) {
    .featuredNews-item-heading {
      font-size: 20px; } }

.featuredNews-item-body {
  color: #1b1b1b;
  font-size: 12px;
  font-size: calc(12px + (16 - 12) * (100vw - 768px) / (1440 - 768));
  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
  line-height: 1.125;
  margin-top: 5px;
  text-align: left; }
  @media (min-width: 1440px) {
    .featuredNews-item-body {
      font-size: 16px; } }

/* Featured News Section - End */
.table-of-contents-component {
  border-bottom-width: 0; }

#headerBanner, #middleBanner {
  overflow: hidden;
  width: 1464px;
  margin: 0px auto;
  height: 150px; }

#bannerContainer {
  height: 300px; }
  #bannerContainer .banner {
    width: 1464px;
    margin: 0px auto;
    float: left;
    display: block;
    height: 100px; }
    @media screen and (max-width: 1511px) {
      #bannerContainer .banner {
        width: 960px; } }
    @media screen and (max-width: 1007px) {
      #bannerContainer .banner {
        width: 720px; } }
    #bannerContainer .banner img {
      display: block;
      width: 100%;
      height: auto;
      height: 100px; }
    #bannerContainer .banner span.l {
      display: block; }
      @media screen and (max-width: 1511px) {
        #bannerContainer .banner span.l {
          display: none; } }
    #bannerContainer .banner span.m {
      display: none; }
      @media screen and (max-width: 1511px) {
        #bannerContainer .banner span.m {
          display: block; } }
      @media screen and (max-width: 1007px) {
        #bannerContainer .banner span.m {
          display: none; } }
    #bannerContainer .banner span.s {
      display: none; }
      @media screen and (max-width: 1007px) {
        #bannerContainer .banner span.s {
          display: block; } }

#topBanners {
  overflow: hidden;
  width: 1464px;
  margin: 0px auto;
  height: 100px; }
  @media screen and (max-width: 1511px) {
    #topBanners {
      width: 960px; } }
  @media screen and (max-width: 1007px) {
    #topBanners {
      width: 720px; } }

#middleBanner {
  overflow: hidden;
  width: 1464px;
  margin: 0px auto;
  height: 100px; }
  @media screen and (max-width: 1511px) {
    #middleBanner {
      width: 960px; } }
  @media screen and (max-width: 1007px) {
    #middleBanner {
      width: 720px; } }
  @media screen and (max-width: 820px) {
    #middleBanner {
      width: auto; } }
  #middleBanner .banner {
    width: 1464px;
    margin: 0px auto;
    float: left;
    display: block;
    height: 100px; }
    @media screen and (max-width: 1511px) {
      #middleBanner .banner {
        width: 960px; } }
    @media screen and (max-width: 1007px) {
      #middleBanner .banner {
        width: 720px; } }
    @media screen and (max-width: 820px) {
      #middleBanner .banner {
        width: auto; } }
    #middleBanner .banner img {
      display: block;
      width: 100%;
      height: 100px; }
    #middleBanner .banner span.l {
      display: block; }
      @media screen and (max-width: 1511px) {
        #middleBanner .banner span.l {
          display: none; } }
    #middleBanner .banner span.m {
      display: none; }
      @media screen and (max-width: 1511px) {
        #middleBanner .banner span.m {
          display: block; } }
      @media screen and (max-width: 1007px) {
        #middleBanner .banner span.m {
          display: none; } }
    #middleBanner .banner span.s {
      display: none; }
      @media screen and (max-width: 1007px) {
        #middleBanner .banner span.s {
          display: block; } }

.cta a {
  width: 60% !important; }

.table-of-contents-promos-component {
  margin-bottom: 30px; }

.tocImgAnchor {
  position: relative;
  float: left;
  height: 100%;
  display: block; }

div.tocMenu {
  z-index: 30;
  height: 30px;
  width: 100%;
  display: none; }

a.tocMenu {
  width: 30% !important;
  color: #fff;
  display: block;
  float: left;
  font-size: 14px;
  font-weight: bold;
  height: 15px;
  margin: 0px 2px;
  padding: 5px 3px;
  text-align: center;
  background: #ff0000; }

/* UNIQPBLDW-1855 max-width */
@media screen and (min-width: 1440px) {
  .pt_homepage .container > .row {
    margin-left: 0;
    margin-right: 0; }
    .pt_homepage .container > .row .text-section:first-of-type {
      padding-left: 0; }
    .pt_homepage .container > .row .text-section:last-of-type {
      padding-right: 0; } }

.contentBlock {
  font-size: 40px;
  font-size: calc(40px + (60 - 40) * (100vw - 768px) / (1440 - 768));
  line-height: 0;
  /* to avoid inheritance */
  margin-bottom: 1em; }
  @media (min-width: 1440px) {
    .contentBlock {
      font-size: 60px; } }
  .contentBlock > * {
    font-size: 1rem;
    /* fallback to get rid of big text */ }
  .contentBlock--heroBanner {
    position: relative; }
  .contentBlock--largeBanner {
    margin-bottom: 0.25em; }
  .contentBlock--smallBanner {
    margin-top: 0.59em; }
    .contentBlock--smallBanner:first-child {
      margin-top: 0; }
    .contentBlock--smallBanner .col-xs-6 {
      font-size: 20px;
      font-size: calc(20px + (40 - 20) * (100vw - 768px) / (1440 - 768)); }
      @media (min-width: 1440px) {
        .contentBlock--smallBanner .col-xs-6 {
          font-size: 40px; } }
      .contentBlock--smallBanner .col-xs-6:first-of-type {
        padding-right: 0.5em; }
      .contentBlock--smallBanner .col-xs-6 ~ .col-xs-6 {
        padding-right: 0.5em; }
      .contentBlock--smallBanner .col-xs-6 .uni-bnr-img {
        margin-right: 0; }
  .contentBlock--recommendations .homepage-recommendation-section-content {
    min-height: 435px; }
  .contentBlock--recommendations .recommendations {
    margin-bottom: 0; }
  .contentBlock--recommendations .pirecommendation {
    padding-top: 0; }
  .contentBlock--landing {
    margin-bottom: 60px; }
    @media screen and (min-width: 1024px) {
      .contentBlock--landing {
        margin-bottom: 80px; } }
    .contentBlock--landing [class*=" col"] {
      margin-bottom: 40px; }
      @media screen and (min-width: 1024px) {
        .contentBlock--landing [class*=" col"] {
          margin-bottom: 0; }
          .contentBlock--landing [class*=" col"]:nth-child(odd) {
            padding-right: 20px; }
          .contentBlock--landing [class*=" col"]:nth-child(even) {
            padding-left: 20px; } }
      .contentBlock--landing [class*=" col"]:last-child {
        margin-bottom: 0; }
    .contentBlock--landing .uni-bnr-item:hover .uni-bnr-meta {
      text-decoration: underline;
      color: #000; }
    .contentBlock--landing .uni-bnr-meta {
      text-align: center; }
      @media screen and (min-width: 1024px) {
        .contentBlock--landing .uni-bnr-meta {
          text-align: left; } }
    .contentBlock--landing .uni-bnr-text__lead {
      font-size: 16px;
      font-size: calc(16px + (18 - 16) * (100vw - 768px) / (1440 - 768)); }
      @media (min-width: 1440px) {
        .contentBlock--landing .uni-bnr-text__lead {
          font-size: 18px; } }
    .contentBlock--landing .uni-bnr-img {
      margin-right: 0;
      margin-bottom: 20px; }
      .contentBlock--landing .uni-bnr-img img {
        margin: 0 auto; }
    .contentBlock--landing-reco {
      margin-bottom: 40px; }
      @media screen and (min-width: 1024px) {
        .contentBlock--landing-reco {
          margin-bottom: 60px; } }
      .contentBlock--landing-reco.recentlyviewed, .contentBlock--landing-reco.bestseller {
        display: none; }
      .contentBlock--landing-reco .contentBlock__title {
        font-size: 20px;
        font-size: calc(20px + (22 - 20) * (100vw - 768px) / (1440 - 768));
        line-height: 1rem;
        text-align: center; }
        @media (min-width: 1440px) {
          .contentBlock--landing-reco .contentBlock__title {
            font-size: 22px; } }
        @media screen and (min-width: 1024px) {
          .contentBlock--landing-reco .contentBlock__title {
            text-align: left; } }
      .contentBlock--landing-reco .bazaarVoice {
        max-height: 21px; }
  .contentBlock__title {
    color: #1b1b1b;
    margin-bottom: 0.43em;
    font-size: 25px;
    font-size: calc(25px + (30 - 25) * (100vw - 768px) / (1440 - 768));
    line-height: 1.3;
    letter-spacing: 0.6px;
    font-family: "Uniqlo Pro";
    font-weight: bold;
    text-transform: uppercase; }
    @media screen and (max-width: 1365px) {
      .contentBlock__title {
        margin-bottom: 0.59em; } }
    @media (min-width: 1440px) {
      .contentBlock__title {
        font-size: 30px; } }

.owl-carousel-herobanner .item:nth-child(n+2) {
  display: none; }

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

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

/* Mixin for Media Queries */
/* *******Mixin for specified user agent******* */
/* usage in other scss: @include browser-type(mozilla) { your-css-rule: goes here; ... } */
/* ***********keyframes************ */
@keyframes jump {
  from {
    top: 0px; }
  to {
    top: -3px; } }

/* ************formfields*********** */
/* *select**/
/* ************Mixin for Clearfixes*********** */
.clearfix:after, .category-switch:after, .product-tile:after, .compare-items-panel:after, .bonus-product-list .bonus-product-item:after, .cart-actions:after, .cart-actions .agree-to-terms-and-conditions .field-row .field-checker-two-liner:after, .cart-recommendations .product-listing:after, .cart-empty:after, .cart-empty .product-listing:after, .pt_account #content .item-list thead:after, .pt_account #content .order-shipment-table thead:after,
.pt_orderhistory #content .item-list thead:after,
.pt_orderhistory #content .order-shipment-table thead:after,
.pt_orderhistorydetails #content .item-list thead:after,
.pt_orderhistorydetails #content .order-shipment-table thead:after, .pt_order-confirmation #content .item-list thead:after, .pt_order-confirmation #content .order-shipment-table thead:after, .pt_account #content .order-shipment-table tbody:after,
.pt_orderhistory #content .order-shipment-table tbody:after,
.pt_orderhistorydetails #content .order-shipment-table tbody:after, .pt_order-confirmation #content .order-shipment-table tbody:after, .pt_customer-service .form-row-button:after, .pt_customer-service .cancel-order-header:after, .bdb-inline:after, .stores_landing_page .wrapper .main_content .country_content .row_1:after, .stores_landing_page .wrapper .main_content .country_content .row_2:after, #homepage-email-signup.email-sign-up-component:after, #homepage-email-signup.email-sign-up-component form:after, .uni-bnr.col-1 .uni-bnr-item:after, .info_other:after, .uni-spacing-L:after, .uni-bnr-item--special-collection:after, .store-list-pdp-container .store-list-item:after, .header .dropdown-nav .category-content:after, .header .dropdown-nav .category-content .secondary-nav .grouped-categories .category-wrap:after, .header .dropdown-nav .help:after, .product-tile-component .product-swatches ul:after {
  content: "";
  display: table;
  clear: both; }

/* ************Mixin for Font Awesome*********** */
/* ************Mixin form Global.css*********** */
.youtube-video-centered {
  text-align: center; }

.html-overflow-auto {
  overflow-y: auto; }

.html-overflow-hidden {
  overflow-y: hidden; }

#dwfrm_newslettersubscription .input-select {
  width: 100%;
  background-color: #eaeaea;
  color: #333;
  border: none;
  outline: 0;
  padding-left: 0.5em;
  margin-right: 1em;
  height: 3em; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  /* IE10+ specific styles go here */
  #main .uq-header-component, .uq-header-component {
    box-sizing: border-box; } }

.lower-ie-version {
  font-weight: bold;
  text-align: center;
  padding: 20px;
  text-transform: uppercase; }

.get-new-browser {
  padding-top: 20px; }

/* **********  responsive font mixin ************ /
 * usage: @include dynamicFont ($minFontSize, $maxFontSize, $minBreakpoint, $maxBreakpoint) {
 * usage: @include dynamicFont (10px, 16px, 768, 1440) {
 * expected output: font-size: calc(16px + (16 - 10) * (100vw - 768px) / (1440 - 768));
 * default values are based on most common breakpoints and copy font-size
 *
 * it works by calculating the ratio between the given fontSizes
 * and the breakpoints and sets this to the viewport width,
 *
 * input: the mixin requires px values for font-size and unitless for breakpoints
 */
/* mixin for button based on emerald styleguide / uq invision styleguide */
/* mixin for font styles based on uq invision styleguide */
.content_block_list {
  float: left;
  width: 100%; }
  .content_block_list li {
    font-size: 0;
    float: left;
    margin: 0 16px 15px 0;
    overflow: hidden;
    line-height: 100%;
    background: none repeat scroll 0 0 #fff;
    position: relative; }

.uni-bnr-item {
  position: relative; }

.uni-bnr-meta {
  text-align: left; }

.uni-bnr.col-1 {
  float: none;
  width: 100%;
  margin: 0; }
  .uni-bnr.col-1 .uni-bnr-item--2column {
    display: -ms-flexbox;
    display: flex; }
    .uni-bnr.col-1 .uni-bnr-item--2column .uni-bnr-img {
      -ms-flex: 0 1 auto;
          flex: 0 1 auto; }
    .uni-bnr.col-1 .uni-bnr-item--2column .uni-bnr-content {
      -ms-flex: 1 1 500px;
          flex: 1 1 500px;
      /* keep same ration no matter the content (text-length) */ }
  .uni-bnr.col-1 .uni-bnr-img {
    margin-bottom: 0; }
    .uni-bnr.col-1 .uni-bnr-img img {
      max-width: 100%; }
  .uni-bnr.col-1 .uni-bnr-content {
    position: static;
    /* bootstrap overwrite */ }
  .uni-bnr.col-1 .uni-bnr-iptg-img {
    float: left; }
  .uni-bnr.col-1 .uni-bnr-text {
    padding: 0px;
    display: inline-block; }

.uni-bnr-img {
  font-size: 20px;
  font-size: calc(20px + (40 - 20) * (100vw - 768px) / (1440 - 768));
  margin: 0 1em 0.3em 0; }
  @media (min-width: 1440px) {
    .uni-bnr-img {
      font-size: 40px; } }

.uni-bnr-price {
  display: block;
  font-size: 28px;
  font-size: calc(28px + (32 - 28) * (100vw - 768px) / (1440 - 768));
  margin-bottom: 0.05em;
  line-height: 1;
  position: relative; }
  @media (min-width: 1440px) {
    .uni-bnr-price {
      font-size: 32px; } }
  .uni-bnr-price--sale {
    color: #f00; }
  .uni-bnr-price--old {
    text-decoration: line-through;
    color: #1b1b1b;
    font-size: 17px;
    font-size: calc(17px + (20 - 17) * (100vw - 768px) / (1440 - 768));
    vertical-align: middle; }
    @media (min-width: 1440px) {
      .uni-bnr-price--old {
        font-size: 20px; } }
  .uni-bnr-price__info__price span {
    float: left; }
  .uni-bnr-price__down {
    display: block;
    font-size: 12px;
    font-size: calc(12px + (16 - 12) * (100vw - 768px) / (1440 - 768)); }
    @media (min-width: 1440px) {
      .uni-bnr-price__down {
        font-size: 16px; } }

.uni-bnr-text {
  font-size: 15px;
  font-size: calc(15px + (28 - 15) * (100vw - 768px) / (1440 - 768));
  margin-bottom: 1em; }
  @media (min-width: 1440px) {
    .uni-bnr-text {
      font-size: 28px; } }
  .uni-bnr-text--short {
    font-size: 12px;
    font-size: calc(12px + (20 - 12) * (100vw - 768px) / (1440 - 768)); }
    @media (min-width: 1440px) {
      .uni-bnr-text--short {
        font-size: 20px; } }
  .uni-bnr-text__lead {
    font-size: 16px;
    font-size: calc(16px + (20 - 16) * (100vw - 768px) / (1440 - 768));
    margin-bottom: 0.3em;
    line-height: 1;
    color: #1b1b1b;
    text-transform: uppercase; }
    @media (min-width: 1440px) {
      .uni-bnr-text__lead {
        font-size: 20px; } }
  .uni-bnr-text__subtext {
    font-size: 12px;
    font-size: calc(12px + (16 - 12) * (100vw - 768px) / (1440 - 768));
    margin-bottom: 0.5em;
    line-height: 1.125;
    color: #1b1b1b; }
    @media (min-width: 1440px) {
      .uni-bnr-text__subtext {
        font-size: 16px; } }
  .uni-bnr-text__flag {
    font-size: 10px;
    font-size: calc(10px + (14 - 10) * (100vw - 768px) / (1440 - 768));
    display: inline-block;
    margin: 0 1em 0.4em 0;
    padding: 0.22em 1.4em;
    line-height: 1;
    word-break: break-all;
    color: #fff;
    background: #f00;
    text-align: center;
    text-transform: uppercase;
    font-weight: normal; }
    @media (min-width: 1440px) {
      .uni-bnr-text__flag {
        font-size: 14px; } }
    .uni-bnr-text__flag--limited {
      background: #378694; }
    .uni-bnr-text__flag--men {
      background: #000082; }
    .uni-bnr-text__flag--women {
      background: #f00; }
    .uni-bnr-text__flag--kids {
      background: #0091d7; }
    .uni-bnr-text__flag--boys {
      background: #0091d7; }
    .uni-bnr-text__flag--girls {
      background: #eb64a5; }
    .uni-bnr-text__flag--baby {
      background: #96c800; }

.uni-bnr-info-item {
  clear: both;
  font-size: 15px;
  font-size: calc(15px + (28 - 15) * (100vw - 768px) / (1440 - 768));
  margin-bottom: 1em; }
  @media (min-width: 1440px) {
    .uni-bnr-info-item {
      font-size: 28px; } }
  .uni-bnr-info-item a {
    color: #1b1b1b; }
    .uni-bnr-info-item a:hover {
      text-decoration: none;
      color: #1b1b1b; }

.uni-bnr-iptg {
  position: absolute;
  bottom: 0;
  text-align: left; }
  .uni-bnr-iptg a {
    color: #1b1b1b; }
    .uni-bnr-iptg a:hover {
      text-decoration: none; }
  .uni-bnr-iptg-img {
    padding: 0; }
    .uni-bnr-iptg-img img {
      max-width: 100%;
      height: auto; }

.uni-bnr-iptg-text {
  display: inline; }
  .uni-bnr-iptg-text__lead {
    font-size: 12px;
    font-size: calc(12px + (16 - 12) * (100vw - 768px) / (1440 - 768));
    line-height: 1;
    margin-bottom: 0.5em;
    text-transform: uppercase; }
    @media (min-width: 1440px) {
      .uni-bnr-iptg-text__lead {
        font-size: 16px; } }
  .uni-bnr-iptg-text__body {
    font-size: 10px;
    font-size: calc(10px + (14 - 10) * (100vw - 768px) / (1440 - 768));
    line-height: 1.25; }
    @media (min-width: 1440px) {
      .uni-bnr-iptg-text__body {
        font-size: 14px; } }

.uni-bnr-info--twoColumn .uni-bnr-price {
  min-height: 2.3em; }

.uni-bnr-info__gender-size {
  font-size: 10px;
  font-size: calc(10px + (14 - 10) * (100vw - 768px) / (1440 - 768));
  margin-bottom: 0.2em;
  line-height: 1;
  color: #1b1b1b; }
  @media (min-width: 1440px) {
    .uni-bnr-info__gender-size {
      font-size: 14px; } }

.uni-bnr-info__name {
  font-size: 16px;
  font-size: calc(16px + (22 - 16) * (100vw - 768px) / (1440 - 768));
  margin-bottom: 0.125em;
  line-height: 1;
  color: #1b1b1b;
  text-transform: uppercase; }
  @media (min-width: 1440px) {
    .uni-bnr-info__name {
      font-size: 22px; } }

.uni-bnr-info__label-link {
  position: absolute;
  right: 1em;
  bottom: 0;
  font-size: 12px;
  font-size: calc(12px + (16 - 12) * (100vw - 768px) / (1440 - 768));
  line-height: 1.25em;
  color: #1b1b1b;
  text-decoration: underline;
  text-transform: uppercase; }
  @media screen and (max-width: 1399px) {
    .uni-bnr-info__label-link {
      right: 0.2em; } }
  @media (min-width: 1440px) {
    .uni-bnr-info__label-link {
      font-size: 16px; } }
  .uni-bnr-info__label-link a {
    color: inherit; }

.uni-bnr-info__annotation {
  float: left;
  color: #f00;
  font-size: 10px;
  font-size: calc(10px + (14 - 10) * (100vw - 768px) / (1440 - 768));
  font-weight: normal; }
  @media (min-width: 1440px) {
    .uni-bnr-info__annotation {
      font-size: 14px; } }

.price_level_line_up {
  padding-top: 10px; }

/***
        * Small Banner Content:
        */
/**
        * Headlinetext:
        * `.uni-bnr-text_lead`
        *
        *     @example
        *     <div class="uni-bnr-text_lead fontUniqloBoldRegular">Headlinetext small banner</div>
        */
/**
        * Subtext:
        * `.uni-bnr-text_subtext`
        *
        *     @example
        *     <div class="uni-bnr-text_subtext">Subtext small banner</div>
        */
/**
        * Productname:
        * `.uni-bnr-name`
        *
        *     @example
        *     <div class="uni-bnr-name fontUniqloBoldRegular">Productname</div>
        */
/**
        * Price:
        * `.uni-bnr-price`
        *
        *     @example
        *     <div class="uni-bnr-price"><div class="fontUniqloBoldRegular">$39.90</div></div>

        */
/**
        * Sale:
        * `.sale`
        *
        *     @example
        *     <div class="uni-bnr-price"><div class="fontUniqloBoldRegular sale">$39.90</div></div>
        */
/**
        * Pricedown:
        * `.pricedown`
        *
        *     @example
        *     .fontUniqloBoldRegular.sale
  		*		span.pricedown Price down
        */
/**
        * Link:
        *
		* Link for smallbanner:           
        *		
        * `.uni-bnr-info__label-link`
        *
        *     @example
		*	div.uni-bnr-info__label-link.fontUniqloProBold
		*  	a(href='#') See lineups
		*
        */
/**
        * Flag - Limited offer:
		* The blue flags:    
        *
        * `.uni-bnr-text__flag.fontUniqloProBold.uni-bnr-text__flag--limited`
        *
        *     @example
        *     div.uni-bnr-text__flag.fontUniqloProBold.uni-bnr-text__flag--limited Limited offer
        
        */
/**
        * Flags - Red:
		* The red flags:    
		*
        * `.uni-bnr-text__flag.fontUniqloProBold.uni-bnr-text__flag`
        *
        *     @example
        *     div.uni-bnr-text__flag.fontUniqloProBold.uni-bnr-text__flag Women 
        */
.genderTabs__navigation {
  border-bottom: 1px solid #dadada;
  margin-bottom: 20px; }
  .genderTabs__navigationList {
    font-size: 0; }
    .genderTabs__navigationListItem {
      display: inline-block;
      width: 25%;
      text-align: center;
      position: relative; }
      .genderTabs__navigationListItem button {
        display: block;
        width: 100%;
        font-size: 16px;
        font-size: calc(16px + (20 - 16) * (100vw - 768px) / (1440 - 768));
        line-height: 2.5;
        background: transparent;
        font-family: "UniqloRegularRegular";
        color: #ababab; }
        .genderTabs__navigationListItem button.active {
          color: #000;
          border-bottom: 4px solid #378694;
          font-weight: bold; }
        .genderTabs__navigationListItem button:hover {
          color: #000; }
        @media (min-width: 1440px) {
          .genderTabs__navigationListItem button {
            font-size: 20px; } }

.genderTabs__section {
  display: none;
  font-size: 0; }
  .genderTabs__section--active {
    display: block; }

.certona-recommendations-new, .certona-recommendation-content {
  margin-bottom: -2em;
  position: relative;
  clear: both;
  display: none; }
  @media only screen and (min-width: 1025px) and (max-width: 1357px) {
    .certona-recommendations-new, .certona-recommendation-content {
      margin-bottom: -3em; } }
  .certona-recommendations-new .homepage-recommendation-section-content, .certona-recommendation-content .homepage-recommendation-section-content {
    clear: both;
    min-height: 600px; }
    @media screen and (max-width: 1024px) {
      .certona-recommendations-new .homepage-recommendation-section-content, .certona-recommendation-content .homepage-recommendation-section-content {
        min-height: 460px; } }
    .certona-recommendations-new .homepage-recommendation-section-content .bazaarVoice-no-rating-stars, .certona-recommendations-new .homepage-recommendation-section-content .bazaarVoice-rating-stars, .certona-recommendation-content .homepage-recommendation-section-content .bazaarVoice-no-rating-stars, .certona-recommendation-content .homepage-recommendation-section-content .bazaarVoice-rating-stars {
      line-height: 27px; }
    .certona-recommendations-new .homepage-recommendation-section-content .reviewcount span, .certona-recommendation-content .homepage-recommendation-section-content .reviewcount span {
      bottom: 0px;
      line-height: 30px; }
  .certona-recommendations-new .recommendations, .certona-recommendation-content .recommendations {
    margin-bottom: 0; }
    .certona-recommendations-new .recommendations .item, .certona-recommendation-content .recommendations .item {
      display: inline-block; }
    .certona-recommendations-new .recommendations .product-tile-component, .certona-recommendation-content .recommendations .product-tile-component {
      margin-top: 6px;
      width: 310px; }
      @media screen and (max-width: 768px) {
        .certona-recommendations-new .recommendations .product-tile-component, .certona-recommendation-content .recommendations .product-tile-component {
          width: 143px; } }
      @media screen and (max-width: 1024px) {
        .certona-recommendations-new .recommendations .product-tile-component, .certona-recommendation-content .recommendations .product-tile-component {
          width: 200px; } }
      @media only screen and (min-width: 1025px) and (max-width: 1357px) {
        .certona-recommendations-new .recommendations .product-tile-component, .certona-recommendation-content .recommendations .product-tile-component {
          width: 242px; } }
      .certona-recommendations-new .recommendations .product-tile-component img, .certona-recommendation-content .recommendations .product-tile-component img {
        padding: 0;
        background-color: rgba(0, 0, 0, 0); }
      .certona-recommendations-new .recommendations .product-tile-component .product-swatches, .certona-recommendation-content .recommendations .product-tile-component .product-swatches {
        border-bottom: 0;
        padding: 2px 0 0 !important; }
        .certona-recommendations-new .recommendations .product-tile-component .product-swatches .swatch-image, .certona-recommendation-content .recommendations .product-tile-component .product-swatches .swatch-image {
          height: 20px; }
          @media screen and (max-width: 1024px) {
            .certona-recommendations-new .recommendations .product-tile-component .product-swatches .swatch-image, .certona-recommendation-content .recommendations .product-tile-component .product-swatches .swatch-image {
              height: 15px;
              width: 18px; } }
          @media only screen and (min-width: 1025px) and (max-width: 1357px) {
            .certona-recommendations-new .recommendations .product-tile-component .product-swatches .swatch-image, .certona-recommendation-content .recommendations .product-tile-component .product-swatches .swatch-image {
              height: 17px;
              width: 22px; } }
      .certona-recommendations-new .recommendations .product-tile-component .product-component .heading, .certona-recommendation-content .recommendations .product-tile-component .product-component .heading {
        font-family: "UniqloBoldRegular", helvetica, arial;
        line-height: 1.125;
        font-size: 12px;
        font-size: calc(12px + (18 - 12) * (100vw - 768px) / (1440 - 768));
        color: #000; }
        @media (min-width: 1440px) {
          .certona-recommendations-new .recommendations .product-tile-component .product-component .heading, .certona-recommendation-content .recommendations .product-tile-component .product-component .heading {
            font-size: 18px; } }
      .certona-recommendations-new .recommendations .product-tile-component .product-component .price-content, .certona-recommendation-content .recommendations .product-tile-component .product-component .price-content {
        font-family: "Uniqlo Pro";
        font-weight: normal;
        font-size: 20px;
        font-size: calc(20px + (22 - 20) * (100vw - 768px) / (1440 - 768));
        margin-top: 9px; }
        @media (min-width: 1440px) {
          .certona-recommendations-new .recommendations .product-tile-component .product-component .price-content, .certona-recommendation-content .recommendations .product-tile-component .product-component .price-content {
            font-size: 22px; } }
        .certona-recommendations-new .recommendations .product-tile-component .product-component .price-content .product-standard-price, .certona-recommendation-content .recommendations .product-tile-component .product-component .price-content .product-standard-price {
          font-size: 12px;
          font-size: calc(12px + (18 - 12) * (100vw - 768px) / (1440 - 768));
          font-family: "Uniqlo Pro";
          font-weight: normal;
          line-height: 14px; }
          @media (min-width: 1440px) {
            .certona-recommendations-new .recommendations .product-tile-component .product-component .price-content .product-standard-price, .certona-recommendation-content .recommendations .product-tile-component .product-component .price-content .product-standard-price {
              font-size: 18px; } }
        .certona-recommendations-new .recommendations .product-tile-component .product-component .price-content .product-sales-price, .certona-recommendation-content .recommendations .product-tile-component .product-component .price-content .product-sales-price {
          font-size: 20px;
          font-size: calc(20px + (22 - 20) * (100vw - 768px) / (1440 - 768));
          line-height: 24px;
          font-family: "Uniqlo Pro";
          font-weight: normal; }
          @media (min-width: 1440px) {
            .certona-recommendations-new .recommendations .product-tile-component .product-component .price-content .product-sales-price, .certona-recommendation-content .recommendations .product-tile-component .product-component .price-content .product-sales-price {
              font-size: 22px; } }
      .certona-recommendations-new .recommendations .product-tile-component .product-component .product-detail-container, .certona-recommendation-content .recommendations .product-tile-component .product-component .product-detail-container {
        margin: -4px 0 10px; }

.contentBlock-stylebook {
  clear: both;
  margin-bottom: 4em;
  overflow: hidden; }
  .contentBlock-stylebook .contentBlock-stylebook-title {
    margin-bottom: 16px;
    clear: both;
    color: #1b1b1b;
    font-size: 25px;
    font-size: calc(25px + (30 - 25) * (100vw - 768px) / (1440 - 768));
    line-height: 1.3;
    letter-spacing: 0.6px;
    font-weight: bold;
    font-family: "UniqloRegularRegular";
    margin-top: 15px;
    text-align: left;
    text-transform: uppercase; }
    @media (min-width: 1440px) {
      .contentBlock-stylebook .contentBlock-stylebook-title {
        font-size: 30px; } }
  .contentBlock-stylebook .contentBlock-stylebook-content {
    width: 100%;
    overflow: hidden;
    margin-top: 31px; }
    @media screen and (max-width: 1365px) {
      .contentBlock-stylebook .contentBlock-stylebook-content {
        margin-top: 32px; } }
    .contentBlock-stylebook .contentBlock-stylebook-content .contentBlock-stylebook-content-left {
      float: left;
      width: 28%;
      padding: 5.9% 5px 2% 0; }
      .contentBlock-stylebook .contentBlock-stylebook-content .contentBlock-stylebook-content-left .image-block {
        clear: both;
        padding-bottom: 20px; }
        .contentBlock-stylebook .contentBlock-stylebook-content .contentBlock-stylebook-content-left .image-block img {
          max-width: 100%;
          height: auto; }
      .contentBlock-stylebook .contentBlock-stylebook-content .contentBlock-stylebook-content-left .department-block li {
        display: inline-block; }
        .contentBlock-stylebook .contentBlock-stylebook-content .contentBlock-stylebook-content-left .department-block li a {
          padding-right: 15px;
          text-transform: uppercase;
          font-size: 14px;
          font-size: calc(14px + (16 - 14) * (100vw - 768px) / (1440 - 768));
          line-height: 2.5;
          background: transparent;
          font-family: "UniqloRegularRegular";
          color: #000;
          font-weight: bold; }
          @media (min-width: 1440px) {
            .contentBlock-stylebook .contentBlock-stylebook-content .contentBlock-stylebook-content-left .department-block li a {
              font-size: 16px; } }
          .contentBlock-stylebook .contentBlock-stylebook-content .contentBlock-stylebook-content-left .department-block li a span {
            border-bottom: 1px solid #000; }
    .contentBlock-stylebook .contentBlock-stylebook-content .contentBlock-stylebook-content-right {
      width: 70%;
      float: right; }
      .contentBlock-stylebook .contentBlock-stylebook-content .contentBlock-stylebook-content-right img {
        max-width: 100%;
        height: auto; }

.uni-bnr-item--special-collection {
  font-size: 20px;
  font-size: calc(20px + (40 - 20) * (100vw - 768px) / (1440 - 768));
  margin: 0 -0.5em; }
  @media (min-width: 1440px) {
    .uni-bnr-item--special-collection {
      font-size: 40px; } }
  .uni-bnr-item--special-collection .uni-bnr-img {
    margin-right: 0; }
  .uni-bnr-item--special-collection [class^="col"] {
    padding: 0 0.5em; }

.feature-category-section-content {
  clear: both; }
  .feature-category-section-content .feature-category-content {
    font-size: 0; }
    .feature-category-section-content .feature-category-content .feature-cat-content-item {
      width: 24.9%;
      display: inline-block;
      position: relative;
      z-index: 1;
      margin: 0 1px 1px 0; }
      @media screen and (max-width: 1024px) {
        .feature-category-section-content .feature-category-content .feature-cat-content-item {
          width: 24.8%; } }
      .feature-category-section-content .feature-category-content .feature-cat-content-item > a {
        display: block; }
        .feature-category-section-content .feature-category-content .feature-cat-content-item > a span {
          text-align: center;
          vertical-align: middle;
          position: absolute;
          top: 50%;
          left: 0;
          z-index: 9;
          color: #fff;
          font-family: "UniqloRegularRegular";
          text-transform: uppercase;
          width: 100%;
          font-size: 20px;
          line-height: 24px; }
      .feature-category-section-content .feature-category-content .feature-cat-content-item img {
        max-width: 100%;
        height: auto;
        position: relative;
        z-index: -1; }
      .feature-category-section-content .feature-category-content .feature-cat-content-item.overlay::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        pointer-events: none;
        display: block;
        background-color: rgba(0, 0, 0, 0.5);
        transition: 0.4s all;
        z-index: 0; }
      .feature-category-section-content .feature-category-content .feature-cat-content-item.overlay:hover::before {
        opacity: 0; }
    .feature-category-section-content .feature-category-content .feature-cat-content-button {
      position: absolute;
      bottom: 20px;
      left: 40px;
      right: 40px;
      display: block;
      line-height: 1.3em;
      /* Show gradient based on button height */ }
      @media screen and (min-width: 1440px) {
        .feature-category-section-content .feature-category-content .feature-cat-content-button {
          left: 50%;
          transform: translate(-50%);
          right: auto;
          margin: 0; } }
      .feature-category-section-content .feature-category-content .feature-cat-content-button > * {
        position: relative;
        display: block;
        margin: 0 auto;
        line-height: 1.3em;
        z-index: 1;
        /* to be over gradient overlay */ }
      .feature-category-section-content .feature-category-content .feature-cat-content-button--gradient {
        bottom: 0px;
        left: 0;
        right: 0;
        transform: none;
        padding: 40px 40px 20px; }
        @media screen and (min-width: 1440px) {
          .feature-category-section-content .feature-category-content .feature-cat-content-button--gradient > * {
            left: 50%;
            transform: translate(-50%);
            right: auto;
            margin: 0; } }
        .feature-category-section-content .feature-category-content .feature-cat-content-button--gradient::after {
          content: '';
          height: 100%;
          position: absolute;
          bottom: 0;
          right: 0;
          left: 0;
          background: linear-gradient(transparent, rgba(0, 0, 0, 0.4) 60%); }
  .feature-category-section-content--flex .feature-category-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: center;
        justify-content: center; }
    @media screen and (min-width: 1024px) {
      .feature-category-section-content--flex .feature-category-content {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; } }
    .feature-category-section-content--flex .feature-category-content .feature-cat-content-item {
      width: auto;
      max-width: 49.9%; }
      @media screen and (min-width: 1024px) {
        .feature-category-section-content--flex .feature-category-content .feature-cat-content-item {
          -ms-flex: 1 1 25%;
              flex: 1 1 25%;
          width: 25%;
          max-width: none; } }
      .feature-category-section-content--flex .feature-category-content .feature-cat-content-item:nth-child(n+3) {
        margin-top: 40px; }
        @media screen and (min-width: 1024px) {
          .feature-category-section-content--flex .feature-category-content .feature-cat-content-item:nth-child(n+3) {
            margin-top: 0; } }
      .feature-category-section-content--flex .feature-category-content .feature-cat-content-item:nth-child(2n) {
        margin-right: 0; }
        @media screen and (min-width: 1024px) {
          .feature-category-section-content--flex .feature-category-content .feature-cat-content-item:nth-child(2n) {
            margin-right: 1px; } }
      .feature-category-section-content--flex .feature-category-content .feature-cat-content-item:last-child {
        margin-right: 0; }
  .feature-category-section-content--fullWidth .feature-category-content .feature-cat-content-item {
    width: 49.9%; }
    .feature-category-section-content--fullWidth .feature-category-content .feature-cat-content-item img {
      width: 100%; }

.l2Hero {
  line-height: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  @media screen and (min-width: 1024px) {
    .l2Hero {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; } }
  .l2Hero__col {
    display: inherit;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    width: 100%; }
    @media screen and (min-width: 1024px) {
      .l2Hero__col {
        width: auto;
        -ms-flex-align: start;
            align-items: flex-start; } }
    .l2Hero__col--small\@md {
      margin-bottom: 40px; }
      @media screen and (min-width: 1024px) {
        .l2Hero__col--small\@md {
          -ms-flex: 1 1 25%;
              flex: 1 1 25%;
          width: 25%;
          margin-bottom: 0;
          margin-right: 25px; } }
    @media screen and (min-width: 1024px) {
      .l2Hero__col--large\@md {
        -ms-flex: 1 1 75%;
            flex: 1 1 75%;
        min-width: 75%; } }
    @media screen and (min-width: 1440px) {
      .l2Hero__col--large\@md {
        max-width: 1017px;
        min-width: 0; } }
  .l2Hero__headline {
    font-size: 26px;
    font-size: calc(26px + (30 - 26) * (100vw - 768px) / (1440 - 768));
    font-family: "Uniqlo Pro";
    font-weight: bold;
    line-height: 37px;
    margin-bottom: .5em; }
    @media (min-width: 1440px) {
      .l2Hero__headline {
        font-size: 30px; } }
  .l2Hero__subheadline {
    font-size: 20px;
    font-size: calc(20px + (22 - 20) * (100vw - 768px) / (1440 - 768));
    font-family: "Uniqlo Pro";
    font-weight: bold;
    margin-bottom: 15px;
    line-height: 1rem; }
    @media (min-width: 1440px) {
      .l2Hero__subheadline {
        font-size: 22px; } }
  .l2Hero__image {
    height: 100%;
    max-width: 100%;
    width: auto; }
    @media screen and (min-width: 1024px) {
      .l2Hero__image {
        width: 100%; } }
  .l2Hero__text {
    font-size: 12px;
    font-size: calc(12px + (14 - 12) * (100vw - 768px) / (1440 - 768));
    margin-bottom: 15px; }
    @media (min-width: 1440px) {
      .l2Hero__text {
        font-size: 14px; } }
  .l2Hero__link {
    color: #000;
    white-space: normal; }
    .l2Hero__link:hover, .l2Hero__link:focus {
      text-decoration: underline;
      color: #000; }
  .l2Hero__list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    width: 100%;
    font-size: 0; }
    @media screen and (min-width: 1024px) {
      .l2Hero__list {
        width: auto;
        display: block; } }
  .l2Hero__listItem {
    font-size: 14px;
    line-height: 23px;
    padding: 0 20px;
    margin-bottom: .8em;
    text-align: left;
    white-space: nowrap; }
    @media screen and (min-width: 1024px) {
      .l2Hero__listItem {
        font-size: 14px;
        float: none;
        width: auto;
        padding: 0; } }
    @media (min-width: 1025px) {
      .l2Hero__listItem {
        font-size: 12px;
        font-size: calc(12px + (14 - 12) * (100vw - 1025px) / (1440 - 1025));
        line-height: 18px; } }
  @media (min-width: 1025px) and (min-width: 1440px) {
    .l2Hero__listItem {
      font-size: 14px; } }
    .l2Hero__listItem--bold {
      font-family: "Uniqlo Pro";
      text-transform: uppercase; }
  .l2Hero__slider {
    overflow: hidden;
    display: -ms-flexbox;
    display: flex; }
    .l2Hero__slider.owl-carousel {
      display: block; }
      .l2Hero__slider.owl-carousel.owl-loaded {
        overflow: visible; }
      .l2Hero__slider.owl-carousel .owl-stage-outer {
        overflow: hidden; }
      .l2Hero__slider.owl-carousel .owl-prev.owl-prev {
        transform: translate(-20px, -50%); }
        @media (min-width: 1025px) {
          .l2Hero__slider.owl-carousel .owl-prev.owl-prev {
            transform: translate(-24px, -50%); } }
      .l2Hero__slider.owl-carousel .owl-next.owl-next {
        transform: translate(24px, -50%); }
        @media (min-width: 1025px) {
          .l2Hero__slider.owl-carousel .owl-next.owl-next {
            transform: translate(28px, -50%); } }
      .l2Hero__slider.owl-carousel .owl-dots {
        position: absolute;
        left: 0;
        right: 0;
        margin-top: 15px; }
        .l2Hero__slider.owl-carousel .owl-dots .owl-dot {
          float: none;
          display: inline-block; }
    .l2Hero__slider--hideArrows\@md.owl-carousel .owl-nav {
      display: block; }
      @media (min-width: 1024px) and (max-width: 1440px) {
        .l2Hero__slider--hideArrows\@md.owl-carousel .owl-nav {
          display: none; } }
  .l2Hero__sliderItem {
    position: relative;
    -ms-flex: 1 0 100%;
        flex: 1 0 100%; }
  .l2Hero__textbox {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    padding: 60px 40px 20px;
    line-height: 1.4;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.4) 60%); }
    .l2Hero__textbox--black {
      color: #000;
      background: linear-gradient(transparent, rgba(255, 255, 255, 0.4) 60%); }

.ui-dialog #listings-nav {
  float: right;
  margin-top: 2%; }
  .ui-dialog #listings-nav a {
    cursor: pointer;
    display: inline-block;
    margin: 0 5px; }
    .ui-dialog #listings-nav a.active {
      font-weight: bold; }

.pdp-main .product-add-to-cart .online-stock span {
  float: left; }

.pdp-main .product-add-to-cart .store-stock {
  display: block;
  clear: left; }

.availability-block {
  clear: both; }
  .availability-block .availability {
    width: 100%; }

.in-stock-msg,
.is-in-stock,
[data-status="store-in-stock"] {
  color: #019328; }

.not-available-msg,
.in-stock-date-msg,
.not-available,
.out-of-stock,
.store-error {
  color: #990000; }

.on-order,
.preorder-msg,
.backorder-msg {
  color: #0167af; }

.availability-results {
  margin-top: 1em; }

#user-zip {
  display: block;
  margin: 2em auto 0; }

.store-list-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  width: 565px;
  width: calc(525px + 3em); }

.store-list {
  list-style: none outside none;
  margin: 0;
  padding: 0; }

.store-tile {
  border: 1px dashed #ccc;
  box-sizing: border-box;
  float: left;
  list-style: none outside none;
  margin: 0.3em 0.5em;
  padding: 0.8em;
  text-align: center;
  width: 175px; }
  .store-tile .store-status {
    display: block;
    font-size: 0.9em;
    margin: 5px 0; }
  .store-tile .select-store-button {
    margin-top: 1em; }

.store-list-pdp-container {
  margin-top: 1em; }
  .store-list-pdp-container .store-list-pdp {
    margin-top: 0.5em; }
  .store-list-pdp-container .store-list-item {
    border-bottom: 1px dotted #ccc;
    display: none;
    padding: 0.5em  0.8em; }
    .store-list-pdp-container .store-list-item:last-of-type {
      border: none; }
    .store-list-pdp-container .store-list-item.selected {
      display: block;
      font-weight: bold; }
    .store-list-pdp-container .store-list-item.visible {
      display: block; }
    .store-list-pdp-container .store-list-item .store-address {
      float: left; }
    .store-list-pdp-container .store-list-item .store-status {
      float: right; }

.selected-store-address {
  margin-top: 0.5em; }

.selected-store-availability {
  margin: 0.3em 0 0.5em; }

.multishipprogress div, .multishipprogress .step-3 {
  display: inline;
  padding: 1em; }

.multishipprogress .step-4 {
  padding-right: 0; }

.multishipaddressestable {
  margin: 9px 0px 20px 0px;
  width: 706px; }

.multi-ship-shipments-table {
  margin: 0 0 20px;
  width: 706px; }
  .multi-ship-shipments-table .section-header {
    font-size: 10px;
    font-weight: bold;
    padding: 9px 6px 11px; }
  .multi-ship-shipments-table .shipping-address .details {
    padding: 0 10px 0 22px; }
  .multi-ship-shipments-table .gift-options label {
    float: left;
    padding: 0; }
  .multi-ship-shipments-table .gift-options input {
    margin: 0 10px; }

.multi-shipping-addresses {
  margin-bottom: 20px !important;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0; }
  .multi-shipping-addresses .shipping-address {
    text-align: right; }
    .multi-shipping-addresses .shipping-address select {
      margin: 4px 0 0;
      width: 260px; }

.header-product-shipping {
  width: 276px; }

.header-qty-shipping {
  width: 45px; }

.header-location-shipping {
  text-indent: 70px;
  width: 307px; }

.header-shipment-index {
  width: 409px; }

.header-shipment-qty {
  width: 27px; }

.header-shipment-details {
  text-indent: 22px; }

.multi-shipping-methods {
  position: absolute;
  top: 30px; }
  .multi-shipping-methods .shipping-methods .form-row {
    clear: none;
    float: left;
    display: none; }
  .multi-shipping-methods .shipping-methods select {
    width: 250px;
    margin: -5px 0 0 15px; }

.multi-shipping-option {
  border-bottom: 2px dotted #999;
  left: 0;
  padding: 0 0 12px;
  position: absolute;
  text-indent: 10px;
  top: 48px;
  width: 95%; }

.multi-shipping-addresses .shipping-qty,
.multi-ship-shipments-table .shipping-qty {
  background: none repeat scroll 0 0 #f5f5f5; }

.multiship .label {
  font-weight: bold; }

#cart-table .item-delivery-options {
  padding: 1em 0 1em 0;
  width: 100px; }

.label-inline input {
  float: left;
  margin: 0; }

.instore-shipping-option {
  width: 100%; }

.pt_checkout .instore-shipment-header {
  width: 100%; }

.pt_checkout .instore-shipment-method {
  width: 100%;
  padding: 1em; }
  .pt_checkout .instore-shipment-method span {
    font-weight: bold; }

.pt_checkout .instore-shipment-address {
  width: 40%;
  float: left;
  padding-left: 1em; }

.pt_checkout .instore-shipment-message {
  clear: both; }

.pt_checkout .instore-shipment-messagetxt {
  width: 50%;
  float: right; }

.checkout-shipping fieldset .instore-continue-button {
  margin-left: 61.5%; }

#cart-table .item-delivery-options label {
  display: inline;
  margin-left: 2%; }

.bigSearchHeader #search-suggestions {
  left: 0;
  right: 0; }
  @media screen and (max-width: 883px) {
    .bigSearchHeader #search-suggestions {
      right: 33.3%; } }
  @media screen and (max-width: 1007px) {
    .bigSearchHeader #search-suggestions {
      width: 605px;
      margin-left: calc(50% - 303px); } }
  .bigSearchHeader #search-suggestions .search-suggestion-wrapper-full {
    width: 100%; }

#search-suggestions {
  background-color: #fff;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.25);
  position: absolute;
  z-index: 72;
  cursor: default; }
  #search-suggestions.border {
    border: 1px solid #000; }

.search-suggestion-wrapper {
  width: 300px; }

.search-suggestion-wrapper-full {
  width: 100%; }

.search-suggestion-contents {
  position: relative; }

.search-suggestion-left-panel {
  width: 320px;
  float: left;
  padding-top: 6px; }
  .search-suggestion-left-panel.no-right-panel {
    width: 300px; }

.search-suggestion-left-panel-hitgroup-otherquery-container {
  padding-left: 15px; }

#search-suggestions .viewallresult {
  text-align: center;
  height: 40px;
  clear: both;
  padding-top: 11px;
  border-top: 1px solid #bfbfbf;
  font-size: 14px;
  font-family: "UniqloRegularRegular";
  color: #000;
  font-weight: 400;
  text-transform: uppercase;
  display: none; }
  #search-suggestions .viewallresult a {
    color: #000; }
  #search-suggestions .viewallresult a:hover {
    color: #000;
    border-bottom: 1px solid #000; }
  #search-suggestions .viewallresult img {
    top: -2px;
    position: relative;
    left: 3px;
    height: 10px; }

.search-suggestion-left-panel-hitgroup-header {
  height: auto;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 25px;
  font-size: 14px;
  font-family: "UniqloRegularRegular";
  color: #000; }
  .search-suggestion-left-panel-hitgroup-header.categories {
    padding-top: 9px; }

.search-suggestion-left-panel-hitgroup {
  color: #666;
  line-height: 25px; }
  .search-suggestion-left-panel-hitgroup.otherquery {
    padding-bottom: 5px; }
  .search-suggestion-left-panel-hitgroup a {
    color: #000; }

.search-suggestion-left-panel-hitgroup-link {
  color: #000;
  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
  font-weight: 500;
  font-size: 14px; }

.suggestedCategoryContainer {
  padding-left: 15px;
  padding-right: 10px;
  display: none; }

.search-suggestion-left-panel-hit {
  margin-left: 0;
  line-height: 25px; }
  .search-suggestion-left-panel-hit a {
    color: #666; }

.search-suggestion-left-panel-hitgroup-link:hover,
.search-suggestion-normal-link:hover {
  border-bottom: 1px solid #000; }

.search-suggestion-normal-link {
  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #666; }
  .search-suggestion-normal-link.productname {
    color: #000;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 14.4px;
    vertical-align: top;
    font-family: "UniqloRegularRegular"; }

.product-suggestion {
  padding-top: 10px; }
  .product-suggestion .product-image {
    display: inline-block;
    text-align: center;
    width: 100px;
    height: 100px; }
    .product-suggestion .product-image a {
      color: #000;
      font-size: 12px;
      font-family: "UniqloRegularRegular";
      line-height: 14.4px;
      font-weight: 600; }
    .product-suggestion .product-image img {
      max-width: 100%; }
  .product-suggestion .product-details {
    display: inline;
    float: right;
    padding-left: 5px;
    width: 140px;
    vertical-align: top; }
    .product-suggestion .product-details .product-price {
      padding-top: 0px; }
      .product-suggestion .product-details .product-price .price-standard {
        color: #000;
        text-decoration: line-through; }
      .product-suggestion .product-details .product-price .pdp-price-original .price-standard {
        color: #666;
        font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
        font-weight: 500;
        font-size: 12px; }
      .product-suggestion .product-details .product-price.pdp-price {
        position: relative; }
        .product-suggestion .product-details .product-price.pdp-price.sale .pdp-price-current {
          letter-spacing: -.02em; }
          .product-suggestion .product-details .product-price.pdp-price.sale .pdp-price-current span {
            color: #FE0E0D;
            position: relative;
            top: 13px;
            font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
            font-weight: 700; }
        .product-suggestion .product-details .product-price.pdp-price.sale .pdp-price-original {
          display: block;
          font-size: 12px;
          text-decoration: line-through;
          position: absolute;
          color: #666;
          margin: 0;
          top: 0; }
          .product-suggestion .product-details .product-price.pdp-price.sale .pdp-price-original .price-standard {
            font-size: 12px;
            font-weight: 700; }
        .product-suggestion .product-details .product-price.pdp-price .pdp-price-current {
          font-size: 12px;
          font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
          font-weight: 500;
          color: #000;
          letter-spacing: -.02em; }
          .product-suggestion .product-details .product-price.pdp-price .pdp-price-current span {
            font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif; }

.search-phrase-suggestion {
  margin-top: 1em;
  margin-left: 1em; }

.search-suggestion-left-panel-parent-category {
  color: #666;
  font-weight: 600; }

.suggestionoverlayback {
  background-color: #000;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  position: fixed;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
  z-index: 2; }

.section-title-component {
  margin: 0 auto;
  max-width: 1872px;
  text-align: center; }
  .section-title-component hr {
    margin: 30px 0;
    border: 0 none;
    height: 1px;
    background-color: #000; }
  .section-title-component h2 {
    font-family: "UniqloRegularRegular";
    font-size: 3rem;
    line-height: 48px;
    margin: 0 auto;
    padding: 23px 0 0 0;
    text-transform: uppercase; }
    .section-title-component h2 a {
      color: #000; }
  .section-title-component img {
    width: 90px;
    height: 90px;
    margin: 15px 0 5px; }
  .section-title-component p {
    max-width: 500px;
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
    font-size: .9375rem;
    line-height: 18px;
    margin: 10px auto 0; }
  .section-title-component .cta {
    padding: 4px 40px 2px;
    color: #000;
    border: 3px solid #000;
    text-transform: uppercase;
    margin-top: 15px;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline; }
    .section-title-component .cta:hover {
      border: 3px solid #F00000;
      background-color: #F00000;
      color: #fff; }
  .section-title-component .link-true {
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
    border: 0;
    margin: 0;
    padding: 0;
    text-transform: none;
    color: #F00000;
    text-decoration: underline; }
    .section-title-component .link-true:hover {
      background-color: #fff;
      border: 0;
      color: #F00000;
      text-decoration: none; }
  .section-title-component .show-false {
    display: none; }

.product-component {
  float: left;
  font-size: .8em;
  box-sizing: border-box;
  padding: 0 0 82px;
  position: relative;
  width: 100%; }
  .product-component .product-detail-container {
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
    opacity: 1;
    position: relative;
    width: 100%;
    padding: 12px 12px 0;
    text-transform: uppercase;
    min-height: 52px; }
    .product-component .product-detail-container .title-content {
      margin-top: 0;
      float: none;
      min-height: 3em; }
    .product-component .product-detail-container .price-content {
      top: 18px; }
      .product-component .product-detail-container .price-content .price {
        text-align: right;
        font-size: 1.25rem;
        line-height: 22px;
        display: block;
        margin-top: 13px;
        font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
        letter-spacing: -0.02em; }
        .product-component .product-detail-container .price-content .price.product-current-price {
          color: #000; }
        .product-component .product-detail-container .price-content .price.product-standard-price {
          font-size: .875rem;
          line-height: 15px;
          text-decoration: line-through;
          font-weight: normal;
          position: absolute;
          right: 4px;
          top: -14px;
          color: #000; }
        .product-component .product-detail-container .price-content .price.product-sales-price {
          font-weight: bold; }
  .product-component .product-image-content {
    text-align: center;
    padding: 0 12px; }
    .product-component .product-image-content a {
      display: block;
      color: #000; }
    .product-component .product-image-content img {
      max-width: 100%;
      max-height: 100%; }
  .product-component .title-content {
    font-size: .75rem;
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
    box-sizing: border-box;
    left: 0;
    letter-spacing: .03em;
    line-height: 13px;
    float: right;
    margin: 13px 90px 0 0; }
    .product-component .title-content a {
      color: #000;
      display: block;
      font-weight: bold; }
    .product-component .title-content .heading {
      color: #000;
      display: block;
      font-size: .75rem;
      font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
      font-weight: 500;
      display: inline-block; }
  .product-component .price-content {
    position: absolute;
    width: 90px;
    right: 12px;
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif; }
  .product-component .product-mask {
    background: #fff;
    bottom: 0;
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1; }
  .product-component .quickview {
    background: #fff;
    bottom: -45px;
    border: 3px solid #000;
    color: #000;
    display: block;
    font-size: 15px;
    letter-spacing: .02em;
    left: 0;
    line-height: normal;
    margin: 0 auto;
    opacity: 0;
    position: absolute;
    padding: 6px 10px 5px 10px;
    right: 0;
    text-align: center;
    text-indent: 0;
    text-transform: uppercase;
    width: 150px;
    z-index: 1;
    transform: opacity .2s;
    outline: 0; }
  .product-component:hover .product-detail-container, .product-component:hover .product-detail-container, .product-component:active .product-detail-container, .product-component:active .product-detail-container {
    opacity: 0; }
  .product-component:hover .quickview, .product-component:active .quickview {
    opacity: 1;
    transform: opacity .1s; }

.parsys .product-component:hover .product-detail-container, .parsys .product-component:active .product-detail-container {
  pacity: 0; }

.parsys .product-component:hover .quickview, .parsys .product-component:active .quickview {
  opacity: 1;
  transform: opacity .1s; }

.subcategoryPLP .product-component:hover .product-detail-container, .subcategoryPLP .product-component:active .product-detail-container {
  opacity: 0; }

.subcategoryPLP .product-component:hover .quickview, .subcategoryPLP .product-component:active .quickview {
  opacity: 1;
  transform: opacity .1s; }

#pdpMain .product-component:hover .product-detail-container, #pdpMain .product-component:active .product-detail-container,
.backInStockRecommendations .product-component:hover .product-detail-container,
.backInStockRecommendations .product-component:active .product-detail-container {
  opacity: 1; }

#pdpMain .product-component:hover .quickview, #pdpMain .product-component:active .quickview,
.backInStockRecommendations .product-component:hover .quickview,
.backInStockRecommendations .product-component:active .quickview {
  display: none; }

.ldefault .product-component .title-content {
  font-size: .875rem;
  line-height: 15px;
  width: 70%;
  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
  letter-spacing: .02em; }

.categoryRecommendations .product-component .quickview:hover,
.product-component .quickview:hover {
  border: 0;
  background-color: #F00000;
  color: #fff;
  border: 3px solid #F00000; }

.tablet .product-component  a.quickview {
  display: none !important;
  opacity: 1 !important;
  z-index: -10 !important; }

.product-grid-component {
  margin-left: -12px;
  font-size: 0; }
  @media screen and (min-width: 1440px) {
    .product-grid-component {
      margin-left: 0; } }

.ldefault .product-component .title-content,
.large_tiles .product-component .title-content {
  font-size: .875rem;
  line-height: 15px;
  width: 70%;
  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
  letter-spacing: .02em; }

.productPromo {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 50%;
  max-width: 924px; }

.product-promos-component {
  position: relative;
  margin: 6px auto 0 auto; }
  .product-promos-component .hover-border {
    border: 0 solid #000;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none; }
  .product-promos-component:hover .hover-border {
    border-width: 1px; }
  .product-promos-component:hover .textBox {
    opacity: 1;
    -ms-filter: "alpha(opacity=" 100 ")";
    filter: alpha(opacity=100);
    zoom: 1; }
  .product-promos-component a {
    position: relative; }
    .product-promos-component a img {
      border: 0; }
  .product-promos-component .banner-frame {
    width: 100%;
    height: 293px;
    position: relative;
    overflow: hidden;
    background: transparent url("http://uniqlo.scene7.com/is/content/UNIQLO/us_site_assets/global_assets/UNIQLO_image_loader.gif") no-repeat center;
    border-style: solid;
    border-width: 0;
    box-sizing: border-box; }
    .product-promos-component .banner-frame img {
      height: 100%;
      width: auto;
      position: absolute;
      left: 50%;
      margin-left: -360px; }
  .product-promos-component .textBox {
    width: 100%;
    height: 114px;
    padding: 20px;
    background: #000;
    box-sizing: border-box;
    opacity: .95;
    -ms-filter: "alpha(opacity=" 95 ")";
    filter: alpha(opacity=95);
    zoom: 1; }
    .product-promos-component .textBox h1 {
      font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
      font-size: 1rem;
      letter-spacing: .02em;
      padding: 0 0 5px;
      color: #fff; }
    .product-promos-component .textBox p {
      font-size: 1rem;
      color: #fff; }
    .product-promos-component .textBox .was {
      text-decoration: line-through;
      display: none;
      font-size: .8125rem; }
    .product-promos-component .textBox .was-small {
      text-decoration: line-through;
      padding: 0 0 0 .5em;
      font-size: .8125rem; }
  .product-promos-component .tags {
    padding: 0 0 10px; }
  .product-promos-component .tag {
    font-size: .6875rem;
    margin: 0 5px 0 0;
    padding: 3px 3px 0;
    font-size: 11px;
    background: #fff;
    color: #000;
    text-transform: uppercase;
    letter-spacing: .02em; }
  .product-promos-component .price {
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
    letter-spacing: -0.02em; }
  .product-promos-component .description {
    display: none; }

@media only screen and (min-width: 750px) {
  .product-promos-component .product-promo-component {
    height: 407px; }
  .product-promos-component .banner-frame {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    height: 407px;
    width: 50%;
    float: left; }
    .product-promos-component .banner-frame img {
      margin-left: -500px; }
  .product-promos-component .textBox {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    width: 50%;
    height: 407px;
    padding: 30px; }
    .product-promos-component .textBox h1 {
      padding: 0 0 30px;
      font-size: 2.1875rem;
      line-height: 33px;
      font-family: "UniqloBoldRegular", helvetica, arial; }
  .product-promos-component .tags {
    padding: 0 0 30px; }
  .product-promos-component .tag {
    padding: 3px 5px 0;
    font-size: 13px; }
  .product-promos-component .price {
    padding: 0 0 30px;
    font-size: 1.25rem; }
  .product-promos-component .was {
    display: block; }
  .product-promos-component .was-small {
    display: none; }
  .product-promos-component .description {
    display: block;
    font-size: 1rem;
    line-height: 24px; } }

@media only screen and (min-width: 1400px) {
  .c2 .product-promos-component .product-promo-component {
    height: 407px; }
  .c2 .product-promos-component .banner-frame {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    height: 407px;
    width: 50%;
    float: left; }
    .c2 .product-promos-component .banner-frame img {
      margin-left: -500px; }
  .c2 .product-promos-component .textBox {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    width: 50%;
    height: 407px;
    padding: 30px; }
    .c2 .product-promos-component .textBox h1 {
      padding: 0 0 30px;
      font-size: 2.1875rem;
      line-height: 33px;
      font-family: "UniqloBoldRegular", helvetica, arial; }
  .c2 .product-promos-component .tags {
    padding: 0 0 30px; }
  .c2 .product-promos-component .tag {
    padding: 3px 5px 0;
    font-size: 13px; }
  .c2 .product-promos-component .price {
    padding: 0 0 30px;
    font-size: 1.25rem; }
  .c2 .product-promos-component .was {
    display: block; }
  .c2 .product-promos-component .was-small {
    display: none; }
  .c2 .product-promos-component .description {
    display: block;
    font-size: 1rem;
    line-height: 24px; } }

/* ==== print styles ==== */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; } }

/* renewal */
header.pageTitle {
  position: relative;
  z-index: 2; }

/* error */
.error-message-component {
  position: relative;
  width: 100%;
  padding: 260px 0 0;
  background-color: #dfdfdd; }

.error-message-component .header-container {
  background-color: red;
  position: absolute;
  top: 90px;
  left: 50%;
  display: table;
  width: 216px;
  height: 256px;
  padding: 0 20px;
  margin-left: -128px;
  color: white;
  font-family: "UniqloBoldRegular", helvetica, arial;
  font-size: 35px;
  font-size: 2.1875rem;
  line-height: 1.13em;
  text-transform: uppercase; }

.error-message-component .header-container p {
  display: table-cell;
  text-align: left;
  vertical-align: middle; }

.error-message-component .message-container {
  background: white;
  padding: 118px 0 40px;
  margin: 0 auto; }

.error-message-component .message-container p {
  width: 425px;
  margin: 0 auto;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.7em;
  text-align: center; }

.field-row .field_privacy {
  width: 552px;
  float: left;
  margin-right: 24px;
  margin-top: -10px; }

.field-row .field_privacy p {
  font-size: 0.9em;
  margin-top: 40px; }

.field-row .field_privacy p span {
  text-decoration: underline; }

.field-row .field_privacy p span a {
  color: #000000; }

.field-row .field_privacy p span a:hover {
  color: #000000; }

/* accordion */
.accordion-box {
  width: 776px;
  margin: 0;
  padding: 0;
  text-align: left; }

.accordion-box h3 {
  width: 776px;
  height: 24px;
  margin: 0 0 35px 0;
  line-height: 20px;
  color: #000000;
  font-size: 1.4em;
  background: url("//im.uniqlo.com/images/us/pc/img/accordion-toggle.png") no-repeat;
  background-position: left 0px;
  cursor: pointer; }

.accordion-box span#use_shipping_info {
  padding: 0px 0 0 35px; }

/* active */
.accordion-box h3.active {
  background-position: left -24px; }

/* hovered */
.accordion-box h3.hovered {
  background-color: #ffffff; }

.accordion-box .accordion-block {
  display: block;
  width: 776px;
  margin: 0;
  padding: 0;
  background-color: #FFFFFF; }

/* anchor adjustment */
h3#shipping-address,
h3#billing-address,
h3#shipping-method {
  margin-top: -120px !important;
  padding-top: 120px !important; }

@media print {
  .uniqloheader,
  .parbase.siteMap,
  .uniqlofooter.footer.parbase {
    display: none; }
  .pt_order-confirmation #mini-cart,
  .pt_order-confirmation .menu-utility-user,
  .pt_order-confirmation .menu-utility,
  .pt_order-confirmation .header-banner,
  .pt_order-confirmation #navigation,
  .pt_order-confirmation #sidebar,
  .pt_order-confirmation #sidebar.sidebar_w376 {
    display: none; }
  .pt_order-confirmation #main {
    max-width: 670px; }
    .pt_order-confirmation #main #header-confirmation {
      margin-top: 0; }
      .pt_order-confirmation #main #header-confirmation .button-container {
        display: none; }
    .pt_order-confirmation #main .confirmation-message,
    .pt_order-confirmation #main .params_order {
      margin-bottom: 0; }
    .pt_order-confirmation #main .order-confirmation-details .button-container {
      display: none; }
    .pt_order-confirmation #main .cart-table-wrap {
      font-size: 0.85em !important;
      overflow-x: hidden; }
      .pt_order-confirmation #main .cart-table-wrap .order-shipment-table .section-header,
      .pt_order-confirmation #main .cart-table-wrap .order-shipment-table .line-item-details {
        width: 14% !important;
        max-width: 90px;
        word-wrap: break-word; }
      .pt_order-confirmation #main .cart-table-wrap .order-shipment-table .section-header {
        white-space: normal; }
      .pt_order-confirmation #main .cart-table-wrap .order-shipment-table .line-item-details a[href]:after {
        content: none; }
      .pt_order-confirmation #main .cart-table-wrap .order-shipment-table .line-item-price {
        white-space: nowrap; }
      .pt_order-confirmation #main .cart-table-wrap .order-shipment-table tr {
        display: block; }
      .pt_order-confirmation #main .cart-table-wrap tbody tr {
        /*&.line-item:nth-child(2) {
	                		page-break-before: always;
	                	}*/ }
        .pt_order-confirmation #main .cart-table-wrap tbody tr.line-item {
          page-break-inside: avoid;
          border-bottom: none; }
    .pt_order-confirmation #main .actions .button-container {
      display: none; } }

.section-title-component {
  margin: 0 auto;
  max-width: 1872px;
  text-align: center; }
  .section-title-component hr {
    margin: 30px 0;
    border: 0 none;
    height: 1px;
    background-color: #000; }
  .section-title-component h2 {
    font-family: "UniqloRegularRegular";
    font-size: 3rem;
    line-height: 48px;
    margin: 0 auto;
    padding: 23px 0 0 0;
    text-transform: uppercase; }
    .section-title-component h2 a {
      color: #000; }
  .section-title-component.lastcategorylevel h2 {
    padding: 23px 0 7px 0; }
  .section-title-component img {
    width: 90px;
    height: 90px;
    margin: 15px 0 5px; }
  .section-title-component p {
    max-width: 500px;
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
    font-size: .9375rem;
    line-height: 18px;
    margin: 10px auto 0; }
  .section-title-component .content-asset img {
    width: 100%;
    height: 100%; }
  .section-title-component .cta {
    padding: 4px 40px 2px;
    color: #000;
    border: 3px solid #000;
    text-transform: uppercase;
    margin-top: 15px;
    display: inline-block;
    vertical-align: middle; }
    .section-title-component .cta:hover {
      border: 3px solid #F00000;
      background-color: #F00000;
      color: #fff; }
  .section-title-component .link-true {
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
    border: 0;
    margin: 0;
    padding: 0;
    text-transform: none;
    color: #F00000;
    text-decoration: underline; }
    .section-title-component .link-true:hover {
      background-color: #fff;
      border: 0;
      color: #F00000;
      text-decoration: none; }
  .section-title-component .show-false {
    display: none; }

/* FLYOUT MENU */
.header {
  /*
    Firefox fix for Navigation gap

    RESOLUTIONS:
    tablet1024,
	tablet768,
	tablet1025_desktop1357,
	largedesktop1365
*/ }
  .header.uq-header-component-new-topnavigation .dropdown-nav.open {
    padding-top: 10px;
    border-top: 1px solid #f2f2f2; }
  .header .dropdown-nav.open {
    background-color: #fff;
    overflow: hidden;
    visibility: visible;
    padding-top: 10px;
    height: 516px;
    max-height: 70vh;
    /* iPad 1, 2, Mini and Air, Portrait */
    /* Galaxy Tab Portrait */
    width: 100%;
    box-shadow: 0px 1055px 0px 1000px rgba(0, 0, 0, 0.4), 3px 2px 2px #9C9C9C; }
    @media screen and (max-width: 768px) {
      .header .dropdown-nav.open {
        height: 688px;
        max-height: 100vh; } }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
      .header .dropdown-nav.open {
        height: 800px;
        max-height: 100vh; } }
    @media (max-device-width: 800px) and (orientation: portrait) {
      .header .dropdown-nav.open {
        height: 800px;
        max-height: 100vh; } }
    .header .dropdown-nav.open .company-and-careers ul li {
      margin-top: 20px;
      width: 220px; }
      .header .dropdown-nav.open .company-and-careers ul li:first-child {
        margin-top: 15px; }
      .header .dropdown-nav.open .company-and-careers ul li a {
        width: 100%;
        padding: 2px 4px;
        font-size: 14.4px;
        font-size: .9rem;
        color: #666; }
        .header .dropdown-nav.open .company-and-careers ul li a:hover {
          background: #fff;
          color: #FE0E0D; }
  .header .dropdown-nav {
    visibility: hidden;
    position: absolute;
    overflow: hidden;
    background: #f2f2f2; }
    .header .dropdown-nav .section {
      padding-left: 0; }
    .header .dropdown-nav ul {
      overflow: hidden; }
    .header .dropdown-nav .close {
      position: absolute;
      top: 0;
      right: 0;
      display: block;
      width: 50px;
      height: 50px;
      text-indent: -9999px;
      background-color: #c70202;
      cursor: pointer; }
      .header .dropdown-nav .close:hover {
        background-color: #bf0000; }
      @media screen and (max-width: 883px) {
        .header .dropdown-nav .close {
          width: 39px;
          height: 39px;
          background: #c70202 url("../images/global/sprites-global.png") no-repeat 0 -48px; } }
    .header .dropdown-nav .category-header .no-scroll {
      overflow-y: hidden; }
    .header .dropdown-nav .category-header .h2 {
      font-size: 20px;
      font-size: 1.25rem;
      font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
      color: #fff;
      text-transform: uppercase;
      line-height: 50px;
      background: #FE0E0D; }
      @media screen and (max-width: 883px) {
        .header .dropdown-nav .category-header .h2 {
          font-size: 17px;
          font-size: 1.0625rem;
          line-height: 50px; } }
      @media screen and (max-width: 883px) {
        .header .dropdown-nav .category-header .h2 .subline {
          font-size: 13px;
          font-size: .8125rem; } }
      .header .dropdown-nav .category-header .h2 a {
        display: block;
        padding: 0 1%;
        color: #fff; }
        .header .dropdown-nav .category-header .h2 a span {
          padding: 0;
          line-height: 26px;
          display: inline-block;
          padding-top: 3px;
          top: 2px;
          position: relative; }
          .header .dropdown-nav .category-header .h2 a span.subline {
            margin-top: -2px;
            padding-top: 0;
            vertical-align: top; }
        .header .dropdown-nav .category-header .h2 a .browse-all {
          top: 0;
          position: relative; }
          .header .dropdown-nav .category-header .h2 a .browse-all:after {
            content: " ";
            position: relative;
            display: inline-block;
            height: 13px;
            width: 8px;
            margin-left: 8px;
            background: url("../images/global/sprites-s58bc8abdec.png") no-repeat -7px 0; }
            @media screen and (max-width: 883px) {
              .header .dropdown-nav .category-header .h2 a .browse-all:after {
                background: url("../images/global/sprites-s58bc8abdec.png") no-repeat -7px 0; } }
        .header .dropdown-nav .category-header .h2 a:hover {
          text-decoration: none;
          background: #FE0E0D; }
          .header .dropdown-nav .category-header .h2 a:hover span .browse-all {
            border-bottom: 0; }
          .header .dropdown-nav .category-header .h2 a:hover .subline {
            border-bottom: 0; }
      .header .dropdown-nav .category-header .h2 span {
        padding: 0 0 0 1%; }
    .header .dropdown-nav .category-header .close {
      position: absolute;
      top: 0;
      right: 0px;
      display: block;
      width: 50px;
      height: 50px;
      text-indent: -9999px;
      background-image: url("../images/global/sprites-s58bc8abdec.png") !important;
      background-repeat: no-repeat;
      background-position: 0 -972px;
      cursor: pointer; }
      .header .dropdown-nav .category-header .close:hover {
        background-color: dark-red; }
    .header .dropdown-nav .category-content .secondary-nav {
      width: 99%;
      padding: 15px 0 5px;
      margin: 0 auto;
      font-size: 0;
      font-size: 0rem;
      background: white-smoke-light;
      position: relative;
      /* Media Queries */ }
      @media screen and (min-width: 884px) {
        .header .dropdown-nav .category-content .secondary-nav {
          padding-bottom: 10px; } }
      .header .dropdown-nav .category-content .secondary-nav_sm {
        width: 25%; }
      .header .dropdown-nav .category-content .secondary-nav .grouped-categories {
        width: 100%;
        /* copied over from old header before refactoring UNIQBLDW-2354 */
        float: left;
        /* end copy */ }
        .header .dropdown-nav .category-content .secondary-nav .grouped-categories ul {
          display: inline-block;
          vertical-align: middle;
          *vertical-align: auto;
          *zoom: 1;
          *display: inline;
          margin: 0 0 0 1%;
          vertical-align: top; }
          .header .dropdown-nav .category-content .secondary-nav .grouped-categories ul li > a {
            color: #666; }
          .header .dropdown-nav .category-content .secondary-nav .grouped-categories ul li:first-child a {
            font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
            font-size: 15px;
            font-size: .9375rem;
            color: #3f3f3f;
            text-transform: uppercase; }
            .header .dropdown-nav .category-content .secondary-nav .grouped-categories ul li:first-child a .selected {
              color: #fff; }
        .header .dropdown-nav .category-content .secondary-nav .grouped-categories.new-flyout-grouped-categories {
          text-align: center; }
          .header .dropdown-nav .category-content .secondary-nav .grouped-categories.new-flyout-grouped-categories .category-wrap {
            margin-top: 0px; }
          .header .dropdown-nav .category-content .secondary-nav .grouped-categories.new-flyout-grouped-categories--flex .listContainer {
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: justify;
                justify-content: space-between;
            width: 100%;
            -ms-flex: 0 1 700px;
                flex: 0 1 700px; }
            .header .dropdown-nav .category-content .secondary-nav .grouped-categories.new-flyout-grouped-categories--flex .listContainer ul {
              width: 100%;
              padding: 0; }
            .header .dropdown-nav .category-content .secondary-nav .grouped-categories.new-flyout-grouped-categories--flex .listContainer .Shopbycategory {
              -ms-flex: 0 1 500px;
                  flex: 0 1 500px; }
            .header .dropdown-nav .category-content .secondary-nav .grouped-categories.new-flyout-grouped-categories--flex .listContainer .Shopbyfeatured {
              -ms-flex: 0 1 200px;
                  flex: 0 1 200px;
              margin-left: 15px;
              text-align: left; }
              @media screen and (max-width: 768px) {
                .header .dropdown-nav .category-content .secondary-nav .grouped-categories.new-flyout-grouped-categories--flex .listContainer .Shopbyfeatured {
                  width: 100%; } }
          .header .dropdown-nav .category-content .secondary-nav .grouped-categories.new-flyout-grouped-categories--flex .newsectionTitle {
            font-size: 14px;
            height: 1em;
            margin-bottom: 20px;
            text-align: left; }
          .header .dropdown-nav .category-content .secondary-nav .grouped-categories.new-flyout-grouped-categories ul {
            text-align: left;
            /* Galaxy Tab Portrait */
            margin: 0; }
            @media screen and (max-width: 979px) {
              .header .dropdown-nav .category-content .secondary-nav .grouped-categories.new-flyout-grouped-categories ul {
                width: 15.67%; } }
            @media (max-device-width: 800px) and (orientation: portrait) {
              .header .dropdown-nav .category-content .secondary-nav .grouped-categories.new-flyout-grouped-categories ul {
                width: 20.83%; } }
            .header .dropdown-nav .category-content .secondary-nav .grouped-categories.new-flyout-grouped-categories ul .navLink.section a:hover {
              color: #000; }
            .header .dropdown-nav .category-content .secondary-nav .grouped-categories.new-flyout-grouped-categories ul:first-child {
              margin: 0 2.71% 0 0; }
            .header .dropdown-nav .category-content .secondary-nav .grouped-categories.new-flyout-grouped-categories ul li {
              line-height: 1;
              margin: 11px 0;
              padding: 0; }
              .header .dropdown-nav .category-content .secondary-nav .grouped-categories.new-flyout-grouped-categories ul li.sectionTitle {
                padding-bottom: 4px; }
                .header .dropdown-nav .category-content .secondary-nav .grouped-categories.new-flyout-grouped-categories ul li.sectionTitle a {
                  padding: 0; }
              .header .dropdown-nav .category-content .secondary-nav .grouped-categories.new-flyout-grouped-categories ul li a {
                color: #808080;
                font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
                font-size: 13px;
                padding: 1px;
                line-height: 1.1; }
                .header .dropdown-nav .category-content .secondary-nav .grouped-categories.new-flyout-grouped-categories ul li a:hover {
                  color: #000; }
                .header .dropdown-nav .category-content .secondary-nav .grouped-categories.new-flyout-grouped-categories ul li a.active {
                  background: #fff;
                  color: #FE0E0D; }
              .header .dropdown-nav .category-content .secondary-nav .grouped-categories.new-flyout-grouped-categories ul li:first-child a {
                text-transform: none; }
              .header .dropdown-nav .category-content .secondary-nav .grouped-categories.new-flyout-grouped-categories ul li.shopfeaturedsection-list-2 a {
                color: #000;
                font-weight: 500; }
              .header .dropdown-nav .category-content .secondary-nav .grouped-categories.new-flyout-grouped-categories ul li span.title {
                font-family: "Uniqlo Pro";
                font-size: 14px;
                text-transform: uppercase;
                color: #000;
                vertical-align: middle;
                padding: 0; }
            .header .dropdown-nav .category-content .secondary-nav .grouped-categories.new-flyout-grouped-categories ul.notitle li:first-child {
              margin: 40px 0 0; }
              .header .dropdown-nav .category-content .secondary-nav .grouped-categories.new-flyout-grouped-categories ul.notitle li:first-child a {
                text-transform: none;
                font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
                font-size: 14px;
                color: #808080; }
            .header .dropdown-nav .category-content .secondary-nav .grouped-categories.new-flyout-grouped-categories ul li.shopfeaturedsection-list-2.first {
              margin: 27px 0 0; }
            .header .dropdown-nav .category-content .secondary-nav .grouped-categories.new-flyout-grouped-categories ul li.shopfeaturedsection-list-2 a {
              font-family: "Uniqlo Pro";
              font-weight: 500;
              font-size: 14px;
              text-transform: uppercase;
              color: #000; }
              .header .dropdown-nav .category-content .secondary-nav .grouped-categories.new-flyout-grouped-categories ul li.shopfeaturedsection-list-2 a.active {
                background: #fff;
                color: #FE0E0D; }
            .header .dropdown-nav .category-content .secondary-nav .grouped-categories.new-flyout-grouped-categories ul li.shopfeaturedsection-list-2 a:hover {
              text-decoration: underline; }
          .header .dropdown-nav .category-content .secondary-nav .grouped-categories.new-flyout-grouped-categories .shopfeaturedsection {
            margin: 0 0 0 5.56%; }
          .header .dropdown-nav .category-content .secondary-nav .grouped-categories.new-flyout-grouped-categories .navColumn.parbase.section.automaticColumns {
            -moz-columns: 2;
                 columns: 2;
            width: 100%; }
            .header .dropdown-nav .category-content .secondary-nav .grouped-categories.new-flyout-grouped-categories .navColumn.parbase.section.automaticColumns li:first-child {
              margin-top: 0; }
          .header .dropdown-nav .category-content .secondary-nav .grouped-categories.new-flyout-grouped-categories .navColumn.image-block {
            width: 20.83%;
            /* iPad 1, 2, Mini and Air, Portrait */
            /* Galaxy Tab Portrait */
            margin: 5px 0 0 0; }
            @media screen and (max-width: 768px) {
              .header .dropdown-nav .category-content .secondary-nav .grouped-categories.new-flyout-grouped-categories .navColumn.image-block {
                width: 100% !important;
                display: block;
                text-align: left;
                margin: 30px 0 0 151px; } }
            .header .dropdown-nav .category-content .secondary-nav .grouped-categories.new-flyout-grouped-categories .navColumn.image-block--flex.image-block--flex {
              width: auto;
              -ms-flex: 0 2 300px;
                  flex: 0 2 300px; }
              @media screen and (max-width: 768px) {
                .header .dropdown-nav .category-content .secondary-nav .grouped-categories.new-flyout-grouped-categories .navColumn.image-block--flex.image-block--flex {
                  width: 100%;
                  -ms-flex: 1 1 auto;
                      flex: 1 1 auto;
                  margin: 10px 0 0 0;
                  padding: 0;
                  display: -ms-flexbox;
                  display: flex;
                  -ms-flex-pack: justify;
                      justify-content: space-between; }
                  .header .dropdown-nav .category-content .secondary-nav .grouped-categories.new-flyout-grouped-categories .navColumn.image-block--flex.image-block--flex li {
                    -ms-flex: 0 1 46%;
                        flex: 0 1 46%; } }
              @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: portrait) {
                .header .dropdown-nav .category-content .secondary-nav .grouped-categories.new-flyout-grouped-categories .navColumn.image-block--flex.image-block--flex {
                  width: 100%;
                  -ms-flex: 1 1 auto;
                      flex: 1 1 auto;
                  margin: 10px 0 0 0;
                  padding: 0;
                  display: -ms-flexbox;
                  display: flex;
                  -ms-flex-pack: justify;
                      justify-content: space-between; }
                  .header .dropdown-nav .category-content .secondary-nav .grouped-categories.new-flyout-grouped-categories .navColumn.image-block--flex.image-block--flex li {
                    -ms-flex: 0 1 46%;
                        flex: 0 1 46%; } }
            @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
              .header .dropdown-nav .category-content .secondary-nav .grouped-categories.new-flyout-grouped-categories .navColumn.image-block {
                width: 100% !important;
                display: block;
                text-align: left;
                margin: 30px 0 0 150px; } }
            @media (max-device-width: 800px) and (orientation: portrait) {
              .header .dropdown-nav .category-content .secondary-nav .grouped-categories.new-flyout-grouped-categories .navColumn.image-block {
                width: 100% !important;
                display: block;
                text-align: left;
                margin: 30px 0 0 150px; } }
            .header .dropdown-nav .category-content .secondary-nav .grouped-categories.new-flyout-grouped-categories .navColumn.image-block img {
              clear: both;
              margin-bottom: 3px;
              width: 100%; }
            .header .dropdown-nav .category-content .secondary-nav .grouped-categories.new-flyout-grouped-categories .navColumn.image-block span {
              clear: both;
              text-align: left; }
            .header .dropdown-nav .category-content .secondary-nav .grouped-categories.new-flyout-grouped-categories .navColumn.image-block li {
              margin: 0 0 25px;
              /* iPad 1, 2, Mini and Air, Portrait */
              /* Galaxy Tab Portrait */ }
              @media screen and (max-width: 768px) {
                .header .dropdown-nav .category-content .secondary-nav .grouped-categories.new-flyout-grouped-categories .navColumn.image-block li {
                  width: 35.83% !important; } }
              @media screen and (max-width: 768px) {
                .header .dropdown-nav .category-content .secondary-nav .grouped-categories.new-flyout-grouped-categories .navColumn.image-block li {
                  width: 20.83%;
                  display: inline-block; } }
              @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
                .header .dropdown-nav .category-content .secondary-nav .grouped-categories.new-flyout-grouped-categories .navColumn.image-block li {
                  width: 39.06%;
                  display: inline-block;
                  margin-right: 40px; } }
              @media (max-device-width: 800px) and (orientation: portrait) {
                .header .dropdown-nav .category-content .secondary-nav .grouped-categories.new-flyout-grouped-categories .navColumn.image-block li {
                  width: 39.06%;
                  display: inline-block; } }
            .header .dropdown-nav .category-content .secondary-nav .grouped-categories.new-flyout-grouped-categories .navColumn.image-block a {
              font-family: "Uniqlo Pro";
              font-size: 14px;
              line-height: 24px;
              text-transform: uppercase;
              color: #000; }
              .header .dropdown-nav .category-content .secondary-nav .grouped-categories.new-flyout-grouped-categories .navColumn.image-block a.active {
                background: #fff;
                color: #FE0E0D; }
            .header .dropdown-nav .category-content .secondary-nav .grouped-categories.new-flyout-grouped-categories .navColumn.image-block a:hover {
              text-decoration: underline; }
        @media screen and (max-width: 979px) {
          .header .dropdown-nav .category-content .secondary-nav .grouped-categories {
            width: 100%; } }
        .header .dropdown-nav .category-content .secondary-nav .grouped-categories .category-wrap--flex {
          display: -ms-flexbox;
          display: flex;
          padding: 0 11.85%;
          -ms-flex-pack: justify;
              justify-content: space-between; }
          @media screen and (max-width: 979px) {
            .header .dropdown-nav .category-content .secondary-nav .grouped-categories .category-wrap--flex {
              padding: 0 12.5%; } }
          @media screen and (max-width: 768px) {
            .header .dropdown-nav .category-content .secondary-nav .grouped-categories .category-wrap--flex {
              -ms-flex-wrap: wrap;
                  flex-wrap: wrap; } }
          @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: portrait) {
            .header .dropdown-nav .category-content .secondary-nav .grouped-categories .category-wrap--flex {
              -ms-flex-wrap: wrap;
                  flex-wrap: wrap; } }
        @media screen and (max-width: 979px) {
          .header .dropdown-nav .category-content .secondary-nav .grouped-categories .category-wrap {
            overflow-x: auto; }
            .header .dropdown-nav .category-content .secondary-nav .grouped-categories .category-wrap .category-scroll {
              white-space: nowrap; } }
        .header .dropdown-nav .category-content .secondary-nav .grouped-categories ul {
          margin: 0 0 0 1%;
          padding: 0;
          font-size: 13px;
          font-size: .8125rem;
          color: #666;
          box-sizing: content-box;
          vertical-align: top;
          width: 15.6666666666667%; }
          @media screen and (max-width: 979px) {
            .header .dropdown-nav .category-content .secondary-nav .grouped-categories ul {
              width: auto !important;
              display: inline-block;
              padding: 0 10px;
              box-sizing: border-box;
              margin: 0;
              white-space: normal; }
              .header .dropdown-nav .category-content .secondary-nav .grouped-categories ul.featured-categories {
                max-width: 140px; } }
          .header .dropdown-nav .category-content .secondary-nav .grouped-categories ul li.active {
            background-color: #FE0E0D; }
            .header .dropdown-nav .category-content .secondary-nav .grouped-categories ul li.active a {
              color: #fff; }
          .header .dropdown-nav .category-content .secondary-nav .grouped-categories ul li {
            padding: 0 10px;
            margin: 10px 0 0; }
            @media only screen and (min-width: 884px) and (max-width: 1098px) {
              .header .dropdown-nav .category-content .secondary-nav .grouped-categories ul li {
                margin: 18px 0 0; } }
            @media screen and (max-width: 979px) {
              .header .dropdown-nav .category-content .secondary-nav .grouped-categories ul li {
                padding: 0; } }
            .header .dropdown-nav .category-content .secondary-nav .grouped-categories ul li a {
              display: block;
              font-size: .9rem;
              color: #666;
              padding: 2px 3%; }
              .header .dropdown-nav .category-content .secondary-nav .grouped-categories ul li a:hover {
                background: #fff;
                color: #000; }
              .header .dropdown-nav .category-content .secondary-nav .grouped-categories ul li a .flag {
                background: #FE0E0D;
                display: inline-block;
                vertical-align: middle;
                *vertical-align: auto;
                *zoom: 1;
                *display: inline;
                padding: 2px 4px;
                position: relative;
                top: -1px;
                font-size: 10px;
                font-size: .625rem;
                font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
                font-weight: 500;
                color: #fff;
                text-transform: uppercase; }
                .header .dropdown-nav .category-content .secondary-nav .grouped-categories ul li a .flag .selected {
                  background: #FE0E0D;
                  color: #fff; }
                  .header .dropdown-nav .category-content .secondary-nav .grouped-categories ul li a .flag .selected .flag {
                    background: #fff;
                    color: #FE0E0D; }
                .header .dropdown-nav .category-content .secondary-nav .grouped-categories ul li a .flag--noBG, .header .dropdown-nav .category-content .secondary-nav .grouped-categories ul li a .flag--noBg {
                  background: transparent;
                  color: #FE0E0D;
                  font-style: normal;
                  font-size: inherit;
                  font-weight: bold; }
            .header .dropdown-nav .category-content .secondary-nav .grouped-categories ul li.navLink.section a:hover {
              background: #fff;
              color: #FE0E0D; }
          .header .dropdown-nav .category-content .secondary-nav .grouped-categories ul.featured-categories:first-child:after {
            content: " ";
            position: relative;
            display: block;
            width: 80%;
            height: 1px;
            margin: 20px 0 15px 15px;
            background-color: #000; }
        .header .dropdown-nav .category-content .secondary-nav .grouped-categories a.active {
          background: #FE0E0D;
          color: #fff; }
    .header .dropdown-nav .featured-categories {
      float: left;
      clear: left;
      margin-left: 0 !important; }
      .header .dropdown-nav .featured-categories li {
        padding: 0 10px; }
      .header .dropdown-nav .featured-categories a {
        font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
        font-weight: 500;
        font-size: 15px;
        font-size: .9375rem;
        color: #666;
        text-transform: uppercase; }
      .header .dropdown-nav .featured-categories h3 a {
        color: #666; }
    .header .dropdown-nav .help .subline {
      font-size: 15px;
      text-transform: none; }
    .header .dropdown-nav .help .secondary-nav {
      width: 25%;
      padding-top: 27px; }
    .header .dropdown-nav .help .featured-categories li {
      margin-top: 20px; }
      .header .dropdown-nav .help .featured-categories li:first-child {
        margin-top: 0; }
      .header .dropdown-nav .help .featured-categories li a {
        display: block;
        font-size: 14.4px;
        font-size: .9rem;
        color: #666;
        padding: 2px 3%; }
        .header .dropdown-nav .help .featured-categories li a:hover {
          background: #fff;
          color: #FE0E0D; }
        .header .dropdown-nav .help .featured-categories li a.selected {
          background: #FE0E0D;
          color: #fff; }

.siteselector {
  position: relative;
  cursor: pointer; }
  .siteselector .siteselect-selectedsite {
    color: #7f7f7f;
    vertical-align: middle;
    padding: 5px;
    line-height: 5em; }
  .siteselector .siteselect-countryselector {
    vertical-align: middle;
    width: 24px;
    height: 24px; }
  .siteselector .siteselector-overlay {
    text-align: left;
    width: 20vw;
    min-width: 245px;
    max-width: 400px;
    position: absolute;
    top: 25px;
    right: -1px;
    z-index: 46;
    background: #fff;
    border: 1px solid #f5f5f5; }
  .siteselector .selectedname-wrap {
    position: relative;
    padding: 10px 30px 10px 10px; }
    .siteselector .selectedname-wrap:before {
      content: '';
      position: absolute;
      right: 10px;
      top: 50%;
      margin-top: -3px;
      background-image: url(../images/global/sprites-s58bc8abdec.png);
      background-repeat: no-repeat;
      background-position: -14px -20px;
      width: 12px;
      height: 7px; }
  .siteselector .siteselect-selectedname {
    text-transform: uppercase; }
  .siteselector .site-select {
    display: block;
    max-height: 82vh;
    overflow-y: auto;
    padding: 10px 30px 10px 10px; }
    .siteselector .site-select > li {
      position: relative;
      cursor: pointer;
      padding: 8px 0; }
    .siteselector .site-select .siteselect-curency {
      position: absolute;
      right: 0;
      color: #000; }
    .siteselector .site-select .siteselect-name {
      text-transform: uppercase;
      color: #000; }

/* search box */
.searchcontainer {
  position: relative;
  float: left;
  margin-left: 15px;
  border-top: 3px solid #ffffff;
  border-bottom: 3px solid #5a5a5a;
  height: 54px;
  padding: 0 3px 0 48px; }
  .searchcontainer button,
  .searchcontainer .reset {
    background: #ffffff url("../images/global/nav-icons.gif") no-repeat; }
  .searchcontainer button {
    width: 21px;
    height: 21px;
    border: none;
    text-indent: -999em;
    position: absolute;
    left: 17px;
    top: 19px; }
  .searchcontainer .reset {
    display: none;
    background-position: 0 -44px;
    width: 18px;
    height: 18px;
    position: absolute;
    right: 0;
    top: 20px;
    text-indent: -999em;
    z-index: 8;
    padding-right: 15px; }
  .searchcontainer input {
    color: #5a5a5a;
    width: 100%;
    font-size: 24px;
    text-transform: uppercase;
    padding: 10px 0;
    height: 27px;
    border: none;
    margin-top: 9px;
    outline: none;
    background-color: transparent; }

.searchselected {
  border-bottom: 3px solid #ff0000; }
  .searchselected input[type="text"] {
    color: #ff0000; }
  .searchselected button {
    background-position: 0 -22px; }
  .searchselected .reset {
    display: block; }

.searchhover {
  border-bottom: 3px solid #ff0000 !important; }
  .searchhover input[type="text"] {
    color: #ff0000; }
  .searchhover button {
    background-position: 0 -22px; }

/* flex-carousel-component */
#flex-carousel-component {
  clear: both;
  overflow: hidden;
  margin: 25px -6px 0; }

#flex-carousel-component .fcItem {
  float: left;
  width: 33.3333%; }

@media only screen and (max-width: 1023px) {
  #flex-carousel-component .fcItem {
    width: 100%; }
  #flex-carousel-component .fcCol2 {
    width: 50%; } }

#flex-carousel-component .fcItem .fcItemIn {
  padding: 0 6px;
  margin-bottom: 24px; }

#flex-carousel-component .fcItem .fcItemIn .fcCategory {
  margin: 0;
  text-align: center;
  font-size: 14px;
  line-height: 1;
  vertical-align: bottom; }

#flex-carousel-component .fcItem .fcItemIn .fcCategory a {
  display: block;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  padding: 7px 0 5px;
  font-weight: bold; }

#flex-carousel-component .fcItem.fc1 .fcItemIn .fcCategory a {
  background: #1ac3cd; }

#flex-carousel-component .fcItem.fc2 .fcItemIn .fcCategory a {
  background: #1a77cd; }

#flex-carousel-component .fcItem.fc3 .fcItemIn .fcCategory a {
  background: #cd1a44; }

#flex-carousel-component .fcItem.fc4 .fcItemIn .fcCategory a {
  background: #7bcd1a; }

#flex-carousel-component .fcItem.fc5 .fcItemIn .fcCategory a {
  background: #b61acd; }

#flex-carousel-component .fcItem.fc6 .fcItemIn .fcCategory a {
  background: #ff781e; }

#flex-carousel-component .fcItem.fc7 .fcItemIn .fcCategory a {
  background: #003366; }

#flex-carousel-component .fcItem.fc8 .fcItemIn .fcCategory a {
  background: #000; }

#flex-carousel-component .fcItem.fc9 .fcItemIn .fcCategory a {
  background: #ff0000; }

#flex-carousel-component .fcItem .fcItemIn .fcSubCategory {
  margin: 0;
  font-size: 14px;
  line-height: 1;
  text-align: center; }

#flex-carousel-component .fcItem .fcItemIn .fcSubCategory a {
  display: block;
  padding: 7px 0 5px;
  background: #fff;
  color: #888;
  text-decoration: none;
  text-transform: uppercase; }

#flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap {
  position: relative;
  width: 100%;
  overflow: hidden;
  /*
	height:100%;
*/ }

#flex-carousel-component .fcItem:not(.fcCol):not(.fcCol7) .fcItemIn .fcImgAreaWrap {
  height: 500px !important; }

#flex-carousel-component .fcItem:not(.fcCol) .fcItemIn .fcImgAreaWrap {
  height: 500px !important; }

@media screen and (max-width: 1024px) {
  #flex-carousel-component .fcItem:not(.fcCol) .fcItemIn .fcImgAreaWrap.fcImgAreaWrapSwichtList4 {
    height: 570px !important; } }

@media screen and (max-width: 1024px) {
  #flex-carousel-component .fcItem:not(.fcCol) .fcItemIn .fcImgAreaWrap.fcImgAreaWrapSwichtList3 .fcSwitch a {
    width: 80px; } }

#flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcIndicator {
  position: absolute;
  left: 18px;
  top: 333px;
  bottom: auto; }

#flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcIndicator ul {
  clear: both;
  overflow: hidden; }

#flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcIndicator ul li {
  float: left;
  margin-right: 8px; }

#flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcIndicator ul li span {
  display: block;
  background: #888;
  border: 1px solid #fff;
  border-radius: 50%;
  height: 10px;
  width: 10px;
  cursor: pointer; }

#flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcIndicator span.fcCurrent {
  background: #fff;
  border: 1px solid #888; }

#flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcImgAreaWrapIn {
  clear: both;
  overflow: hidden;
  width: 10000px;
  height: 100%; }

#flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcImgAreaWrapIn .fcImgArea {
  float: left;
  height: 100%; }

#flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcImgAreaWrapIn .fcImgArea .fcImgAreaItem {
  position: relative;
  height: 100%; }

#flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcImgAreaWrapIn .fcImgArea .fcImgAreaItem .fcGender {
  padding-bottom: 50px; }

#flex-carousel-component.calc .fcItem .fcItemIn .fcImgAreaWrap .fcImgAreaWrapIn .fcImgArea .fcImgAreaItem .fcGender {
  display: block !important;
  visibility: hidden; }

#flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcImgAreaWrapIn .fcImgArea .fcImgAreaItem .fcGender .fcFlag {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 17px;
  line-height: 1.5;
  vertical-align: bottom; }

#flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcImgAreaWrapIn .fcImgArea .fcImgAreaItem .fcGender .fcFlag ul {
  clear: both;
  overflow: hidden;
  text-align: center; }

#flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcImgAreaWrapIn .fcImgArea .fcImgAreaItem .fcGender .fcFlag ul li {
  float: left;
  margin-right: 10px; }

#flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcImgAreaWrapIn .fcImgArea .fcImgAreaItem .fcGender .fcFlag ul li:last-child {
  margin-right: 0; }

#flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcImgAreaWrapIn .fcImgArea .fcImgAreaItem .fcGender .fcFlag ul li.fcNew {
  width: 68px;
  color: #fff;
  background: #ff0000; }

#flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcImgAreaWrapIn .fcImgArea .fcImgAreaItem .fcGender .fcImg {
  position: relative;
  height: 337px;
  overflow: hidden; }

#flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcImgAreaWrapIn .fcImgArea .fcImgAreaItem .fcGender .fcImg p img {
  height: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  vertical-align: top;
  margin-left: -480px; }

#flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcImgAreaWrapIn .fcImgArea .fcImgAreaItem .fcGender h3 {
  margin: 10px 0;
  padding: 0 10px;
  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-align: left !important;
  text-transform: uppercase;
  letter-spacing: -0.3px; }

#flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcImgAreaWrapIn .fcImgArea .fcImgAreaItem .fcGender .fcItemText {
  font-size: 14px;
  margin: 10px 0; }

#flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcImgAreaWrapIn .fcImgArea .fcImgAreaItem .fcGender .fcItemText.scroll {
  overflow-y: scroll; }

#flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcImgAreaWrapIn .fcImgArea .fcImgAreaItem .fcGender .fcItemText p {
  line-height: 1.5;
  margin: 0;
  padding: 0 10px;
  text-align: left !important; }

#flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcImgAreaWrapIn .fcImgArea .fcImgAreaItem .fcGender .fcPriceArea {
  position: absolute;
  bottom: 15px;
  left: 10px; }

#flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcImgAreaWrapIn .fcImgArea .fcImgAreaItem .fcGender .fcPriceArea p .fcSubText {
  display: block;
  font-size: 14px; }

#flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcImgAreaWrapIn .fcImgArea .fcImgAreaItem .fcGender .fcPriceArea p .fcPrice {
  display: block;
  font-weight: bold;
  font-size: 22px; }

#flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcImgAreaWrapIn .fcImgArea .fcImgAreaItem .fcGender .fcPriceArea p .fontRed {
  color: #ff0000; }

#flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcImgAreaWrapIn .fcImgArea .fcImgAreaItem .fcSwitch {
  position: absolute;
  bottom: 25px;
  right: 10px;
  font-size: 11px; }

.fcSwitch ul {
  clear: both;
  overflow: hidden; }
  .fcSwitch ul li {
    display: inline-block;
    margin-right: 10px; }
    .fcSwitch ul li a {
      display: block;
      color: #888;
      border: 1px solid #888;
      font-weight: bold;
      text-decoration: none;
      text-transform: uppercase;
      text-align: center;
      width: 88px;
      padding: 8px 0;
      margin-top: 8px; }
  .fcSwitch ul li:last-child {
    margin-right: 0px; }

#flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcImgAreaWrapIn .fcImgArea .fcImgAreaItem .fcSwitch ul li.fcActive a {
  color: #ff0000 !important;
  border: 1px solid #ff0000 !important; }

a.area-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.new-hero-component {
  display: block;
  width: 100%;
  min-width: 720px;
  margin: 60px auto; }
  .new-hero-component a.area-link {
    z-index: 12; }
  .new-hero-component section {
    display: block;
    position: relative;
    width: 100%; }
    .new-hero-component section .area-image {
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 460px;
      outline: 0;
      outline: 0;
      overflow: hidden; }
      .new-hero-component section .area-image img {
        text-align: center;
        background: transparent url("http://uniqlo.scene7.com/is/content/UNIQLO/us_site_assets/global_assets/UNIQLO_image_loader.gif") no-repeat center;
        height: 100%;
        width: 1872px;
        position: absolute;
        left: 34%;
        top: 0;
        margin-left: -637px;
        z-index: -2; }
    .new-hero-component section span.line {
      display: block;
      overflow: hidden;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box;
      position: absolute;
      width: 100%;
      height: 100%;
      margin: 0 !important;
      padding: 0 !important; }
    .new-hero-component section a:hover.area-image img {
      margin-left: -637px; }
  .new-hero-component div.table {
    display: table;
    width: 34%;
    height: 460px;
    z-index: 4; }
    .new-hero-component div.table div.table-cell {
      display: table-cell;
      padding: 0 10%;
      vertical-align: middle; }
      .new-hero-component div.table div.table-cell img.image-icon {
        max-height: 70px !important;
        display: block;
        width: auto;
        height: auto;
        max-height: 70px; }
      .new-hero-component div.table div.table-cell img.image-icon.bg-white {
        background-color: #fff;
        padding: 4px; }
      .new-hero-component div.table div.table-cell h1 {
        font-family: "UniqloBoldRegular", helvetica, arial;
        font-weight: normal;
        font-size: 42px;
        font-style: normal;
        line-height: 1;
        color: #000;
        margin: 14px 0 15px;
        text-transform: uppercase; }
      .new-hero-component div.table div.table-cell h2 {
        font-family: "UniqloBoldRegular", helvetica, arial;
        font-weight: normal;
        font-size: 42px;
        font-style: normal;
        line-height: 1;
        color: #000;
        margin: 14px 0 15px;
        text-transform: uppercase; }
      .new-hero-component div.table div.table-cell p.sub-head {
        text-align: left;
        font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
        font-weight: normal;
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 21px;
        color: #000;
        margin-left: 0; }
      .new-hero-component div.table div.table-cell p.msrp {
        font-family: "UniqloRegularRegular";
        font-weight: normal;
        font-size: 18px;
        line-height: 1em;
        margin-bottom: 2px;
        text-decoration: line-through;
        color: #000; }
      .new-hero-component div.table div.table-cell p.msrp.befor {
        font-family: "UniqloBoldRegular", helvetica, arial;
        font-weight: normal;
        font-size: 15px;
        margin-bottom: 3px;
        color: #000; }
      .new-hero-component div.table div.table-cell p.msrp.after {
        font-family: "UniqloBoldRegular", helvetica, arial;
        font-weight: normal;
        font-size: 15px;
        margin-bottom: 6px;
        color: #000; }
      .new-hero-component div.table div.table-cell p.sale-price {
        font-family: "UniqloRegularRegular";
        font-weight: normal;
        font-size: 25px;
        line-height: 1em;
        margin-bottom: 5px;
        color: #FE0E0D; }
      .new-hero-component div.table div.table-cell p.sale-price.befor {
        font-family: "UniqloBoldRegular", helvetica, arial;
        font-weight: normal;
        font-size: 19px;
        margin-bottom: 6px;
        color: #FE0E0D; }
      .new-hero-component div.table div.table-cell p.sale-price.after {
        font-family: "UniqloBoldRegular", helvetica, arial;
        font-weight: normal;
        font-size: 19px;
        margin-bottom: 6px;
        color: #FE0E0D; }
      .new-hero-component div.table div.table-cell div.flag {
        margin-bottom: 12px; }
        .new-hero-component div.table div.table-cell div.flag span {
          font-family: "UniqloBoldRegular", helvetica, arial;
          font-weight: normal;
          font-size: 11px;
          white-space: nowrap;
          display: inline-block;
          background-color: #FE0E0D;
          color: #fff;
          padding: 2px 4px 0;
          margin: 0 3px 3px 0; }
      .new-hero-component div.table div.table-cell a.link-text {
        font-family: "UniqloBoldRegular", helvetica, arial;
        font-weight: normal;
        font-size: 16px;
        line-height: 18px;
        color: #FE0E0D;
        position: relative;
        z-index: 12; }
        .new-hero-component div.table div.table-cell a.link-text span {
          display: inline-block;
          margin: 0 0 0 5px;
          background: url("../images/global/sprites-s58bc8abdec.png") no-repeat -7px -19px;
          width: 6px;
          height: 9px; }
        .new-hero-component div.table div.table-cell a.link-text:hover {
          text-decoration: none; }
        .new-hero-component div.table div.table-cell a.link-text img.bulletArrow {
          display: inline;
          margin-left: 5px;
          vertical-align: -1px; }
        .new-hero-component div.table div.table-cell a.link-text img.bulletArrow.default {
          display: none; }
  .new-hero-component .f_ubr {
    font-family: "UniqloBoldRegular", helvetica, arial !important;
    font-weight: normal !important;
    text-align: left; }
  .new-hero-component .f_ubrr {
    font-family: "UniqloBoldRoundedRegular", helvetica, arial;
    font-weight: normal !important; }

.parent-new-unblocked-promo-component {
  display: block;
  width: 100%;
  position: relative;
  margin: 60px auto; }
  .parent-new-unblocked-promo-component section div.text-area {
    position: relative;
    display: block;
    padding: 15px;
    border: 1px solid #e7e7e7;
    border-top: 0; }
    .parent-new-unblocked-promo-component section div.text-area p.sub-head {
      font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
      font-weight: normal;
      font-size: 16px;
      line-height: 22px;
      text-align: left;
      color: #000;
      margin-top: 0;
      margin-bottom: 12px;
      margin-left: 0;
      font-weight: normal;
      font-size: 14px;
      line-height: 18px;
      color: #000; }
    .parent-new-unblocked-promo-component section div.text-area div.left-area {
      display: block;
      float: left;
      max-width: 64%;
      table-layout: auto;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box; }
    .parent-new-unblocked-promo-component section div.text-area div.left-area.noTextLink {
      max-width: 100%; }
    .parent-new-unblocked-promo-component section div.text-area .newUnblockedPromoIconParts.newUnblockedPromoPartsIconImage {
      display: table-cell;
      line-height: 0; }
    .parent-new-unblocked-promo-component section div.text-area div.logo-area {
      display: table-cell;
      line-height: 0; }
      .parent-new-unblocked-promo-component section div.text-area div.logo-area img {
        max-width: 70px !important;
        display: inline;
        margin-right: 15px; }
    .parent-new-unblocked-promo-component section div.text-area div.copy-area {
      display: table-cell;
      text-align: left;
      margin-right: 15px;
      vertical-align: top;
      max-width: 100%; }
    .parent-new-unblocked-promo-component section div.text-area div.price-area {
      float: right;
      width: 36%;
      padding-left: 15px;
      table-layout: auto;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box;
      text-align: right;
      line-height: 0; }
    .parent-new-unblocked-promo-component section div.text-area h1 {
      font-family: "UniqloBoldRegular", helvetica, arial;
      font-weight: normal;
      font-size: 16px;
      line-height: 16px;
      color: #000;
      margin: -2px 0 9px;
      text-transform: uppercase; }
    .parent-new-unblocked-promo-component section div.text-area h2 {
      font-family: "UniqloBoldRegular", helvetica, arial;
      font-weight: normal;
      font-size: 16px;
      line-height: 16px;
      color: #000;
      margin: -2px 0 9px;
      text-transform: uppercase; }
    .parent-new-unblocked-promo-component section div.text-area p.msrp {
      font-family: "UniqloRegularRegular";
      font-weight: normal;
      font-size: 14px;
      margin-top: 1px;
      margin-bottom: 5px;
      color: #000; }
      .parent-new-unblocked-promo-component section div.text-area p.msrp span {
        color: #000 !important;
        line-height: 1em;
        text-decoration: line-through; }
    .parent-new-unblocked-promo-component section div.text-area p.sale-price {
      word-break: break-all;
      font-family: "UniqloRegularRegular";
      font-weight: normal;
      margin-bottom: 3px;
      color: #FE0E0D; }
      .parent-new-unblocked-promo-component section div.text-area p.sale-price span {
        color: #000 !important;
        word-break: normal;
        line-height: .9em;
        font-size: 20px; }
      .parent-new-unblocked-promo-component section div.text-area p.sale-price span.spacer {
        width: 0;
        display: inline-block; }
    .parent-new-unblocked-promo-component section div.text-area div.flag {
      font-family: "UniqloBoldRegular", helvetica, arial;
      font-weight: normal;
      font-size: 11px;
      margin-right: -3px;
      margin-bottom: 5px; }
      .parent-new-unblocked-promo-component section div.text-area div.flag span {
        white-space: nowrap;
        display: inline-block;
        font-size: 11px;
        line-height: 1em;
        background-color: #FE0E0D !important;
        color: #fff !important;
        padding: 2px 4px 0;
        margin: 0 3px 3px 0; }
    .parent-new-unblocked-promo-component section div.text-area a.link-text {
      font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
      font-weight: normal;
      font-size: 14px;
      line-height: 16px;
      color: #FE0E0D !important; }
      .parent-new-unblocked-promo-component section div.text-area a.link-text span {
        display: inline-block;
        margin: 0 0 0 5px;
        background: url("../images/global/sprites-s58bc8abdec.png") no-repeat -7px -19px;
        width: 6px;
        height: 9px; }
      .parent-new-unblocked-promo-component section div.text-area a.link-text img.bulletArrow {
        display: none;
        margin-left: 5px;
        vertical-align: -1px; }
      .parent-new-unblocked-promo-component section div.text-area a.link-text img.bulletArrow.default {
        display: inline; }
      .parent-new-unblocked-promo-component section div.text-area a.link-text:hover {
        text-decoration: none; }
  .parent-new-unblocked-promo-component section .area-image {
    display: block;
    width: 100%;
    height: 300px;
    position: relative;
    overflow: hidden; }
    .parent-new-unblocked-promo-component section .area-image img {
      display: block;
      position: absolute;
      top: 0;
      left: 50%;
      height: 300px;
      margin-left: -462px;
      overflow: hidden; }
  .parent-new-unblocked-promo-component div.component-area {
    display: block;
    width: 100%;
    margin: 0;
    position: relative;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }
    .parent-new-unblocked-promo-component div.component-area section {
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box; }
      .parent-new-unblocked-promo-component div.component-area section .area-image {
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box; }
        .parent-new-unblocked-promo-component div.component-area section .area-image img {
          text-align: center;
          background: transparent url("http://uniqlo.scene7.com/is/content/UNIQLO/us_site_assets/global_assets/UNIQLO_image_loader.gif") no-repeat center;
          width: auto;
          width: 924px; }
      .parent-new-unblocked-promo-component div.component-area section:hover a.area-image {
        border: 1px solid #7a7a7a;
        border-bottom: 0; }
        .parent-new-unblocked-promo-component div.component-area section:hover a.area-image img {
          margin-top: -1px; }
  .parent-new-unblocked-promo-component div.component-area.border-enable section .area-image {
    border: 1px solid #e7e7e7;
    border-bottom: 0; }
  .parent-new-unblocked-promo-component div.component-area.border-enable:hover section .area-image img {
    margin-top: 0; }
  .parent-new-unblocked-promo-component div.component-area.hover-enable section div.text-area {
    cursor: pointer; }
  .parent-new-unblocked-promo-component div.component-area.hover-enable section:hover .area-image {
    border-color: #7a7a7a; }
  .parent-new-unblocked-promo-component div.component-area.hover-enable section:hover div.text-area {
    border-color: #7a7a7a; }
  .parent-new-unblocked-promo-component .f_ubr {
    font-family: "UniqloBoldRegular", helvetica, arial !important;
    font-weight: normal !important;
    text-align: left; }
  .parent-new-unblocked-promo-component .f_ubrr {
    font-family: "UniqloBoldRoundedRegular", helvetica, arial !important;
    font-weight: normal !important; }

.slideshowFrame {
  height: 0;
  padding: 56.5% 0 122px 0;
  position: relative;
  overflow: hidden; }
  .slideshowFrame .carousel-slide-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; }

.slide-content {
  float: left;
  display: inline-block;
  width: 100%; }
  .slide-content .textBox {
    background-color: transparent; }

.slide-content-active {
  display: block; }

.slide-tabs {
  display: none;
  width: 100%;
  font-size: 0;
  min-height: 50px; }
  .slide-tabs .slide-tab {
    height: 100%;
    font-family: "UniqloBoldRegular", helvetica, arial;
    color: #fff;
    min-height: 45px;
    transition: all 250ms ease-in-out; }
    .slide-tabs .slide-tab:hover {
      background-color: #FE0E0D;
      color: #fff; }
    .slide-tabs .slide-tab .tab-placeholder {
      display: table;
      margin: 0 auto;
      height: 100%; }
    .slide-tabs .slide-tab .tab-title {
      display: table-cell;
      line-height: 20px;
      vertical-align: middle; }
    .slide-tabs .slide-tab .slide-tab-active-marker {
      border-top: 10px solid #FE0E0D;
      top: 100%; }

.slide-tabs.show {
  display: table; }

.slide-tabs-top {
  position: relative;
  padding-top: 51px; }
  .slide-tabs-top .slide-tabs {
    position: absolute;
    top: 0;
    width: 100%; }
  .slide-tabs-top .slide-tab .slide-tab-active-marker {
    border-top: 10px solid #FE0E0D;
    border-bottom: 10px solid transparent;
    top: 100%; }

.slide-tabs-bottom .slide-tabs {
  position: relative; }

.slide-tabs-bottom .slide-tab .slide-tab-active-marker {
  border-top: 10px solid transparent;
  border-bottom: 10px solid #FE0E0D;
  top: -9px; }

.slide-tabs-bottom .slide-tab-active .slide-tab-active-marker {
  top: -20px; }

.slide-tab {
  display: inline-block;
  visibility: hidden;
  text-align: center;
  background-color: #3f3f3f;
  color: #fff;
  vertical-align: top;
  padding: 15px;
  position: relative;
  box-sizing: border-box;
  text-transform: uppercase;
  font-family: "UniqloBoldRegular", helvetica, arial;
  font-size: 16px;
  font-size: 1rem;
  cursor: pointer; }
  .slide-tab .slide-tab-active-marker {
    display: none;
    height: 0;
    width: 0;
    border: 10px solid transparent;
    position: absolute;
    left: 50%;
    margin-left: -10px; }

.slide-tab-active {
  background-color: #FE0E0D; }
  .slide-tab-active .slide-tab-active-marker {
    display: block;
    bottom: -20px; }

.slideshowNav-component {
  margin-top: 25px;
  position: relative; }
  .slideshowNav-component a {
    overflow: visible; }

.departmentSubNav .withAnchorNav {
  top: 25px;
  margin-top: 0; }

.slideshow-component {
  margin-top: 25px; }
  .slideshow-component .slideshowNav-component {
    margin-top: 0; }
  .slideshow-component .slideshowNav-component.show {
    display: block; }

.small-editorial-image-video-component {
  font-size: 0;
  font-size: 0rem;
  max-width: 1463px;
  margin: 6px auto; }
  .small-editorial-image-video-component .image-frame {
    position: relative; }
    .small-editorial-image-video-component .image-frame img {
      width: 100%;
      height: auto; }
  .small-editorial-image-video-component .caption {
    text-transform: capitalize;
    width: 100%;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 15px 0;
    text-align: center;
    font-size: 13px;
    font-size: .8125rem;
    box-sizing: border-box;
    color: #000; }
    .small-editorial-image-video-component .caption a {
      color: #000;
      text-decoration: none; }
  .small-editorial-image-video-component .icon {
    height: auto;
    width: auto;
    position: absolute;
    top: -70px;
    right: 10px; }
  .small-editorial-image-video-component .outer-vid {
    position: relative; }

.stores.help-box div {
  margin-left: 0; }

.stores.help-box img {
  float: none; }

.stores.help-box.first {
  padding-top: 0;
  position: relative; }

.stores h3 {
  margin-top: 20px;
  clear: both;
  text-transform: uppercase; }

.stores #help-region-nav.uniqlo-dropdown select {
  width: 130px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  text-indent: .01px;
  text-overflow: ''; }
  .stores #help-region-nav.uniqlo-dropdown select::-ms-expand {
    display: none; }

.stores-locations-list {
  width: 200px;
  margin-bottom: 55px; }
  .stores-locations-list li a {
    text-transform: uppercase;
    color: #FE0E0D;
    font-size: 13px;
    line-height: 20px; }
    .stores-locations-list li a:hover {
      color: #000; }
  .stores-locations-list li.selected a {
    color: #000; }

#stores-map {
  width: 100%;
  height: 376px;
  margin-bottom: 30px;
  margin-left: 0;
  border-top: 3px solid #000; }

#js-stores-wrap {
  display: none; }

.js-store-lat {
  display: none; }

.js-store-lon {
  display: none; }

.store-label {
  display: none; }

.store-infobox {
  background-color: #fff !important;
  border: 3px solid #000;
  width: 360px;
  cursor: pointer;
  overflow: hidden; }
  .store-infobox .store-infobox-right {
    width: 170px;
    float: right;
    margin: 10px; }
    .store-infobox .store-infobox-right p {
      font-size: 15px;
      line-height: 15px;
      padding-top: 6px;
      margin: 0;
      text-transform: none;
      padding: 0;
      width: 100%;
      font-family: "UniqloBoldRegular", helvetica, arial; }
      .store-infobox .store-infobox-right p span {
        float: right; }
      .store-infobox .store-infobox-right p .store-more-info {
        text-transform: uppercase;
        text-align: right;
        font-size: 12px;
        display: block;
        float: right;
        margin: 10px 0 0 0;
        padding-right: 15px;
        position: relative; }
        .store-infobox .store-infobox-right p .store-more-info:after {
          content: "";
          display: block;
          position: absolute;
          top: 3px;
          right: 0; }
        .store-infobox .store-infobox-right p .store-more-info:hover {
          color: #FE0E0D !important; }
    .store-infobox .store-infobox-right h5 {
      margin: 3px 0 8px;
      text-transform: uppercase;
      width: 100%;
      border-bottom: 1px solid #000;
      font-size: 14px; }
  .store-infobox .store-info-hours {
    width: 100%;
    height: 90px;
    padding: 0;
    margin: 0; }
  .store-infobox .store-info-inquiries {
    width: 100%; }
  .store-infobox p {
    text-transform: uppercase;
    padding: 5px 5px 0 5px;
    font-size: 12px;
    font-family: "UniqloBoldRegular", helvetica, arial; }
    .store-infobox p a {
      color: #FE0E0D; }
      .store-infobox p a:hover {
        color: #FE0E0D; }
  .store-infobox .store-infobox-left {
    width: 171px;
    float: left; }
  .store-infobox .store-info-address {
    padding: 6px 0 0 6px;
    width: auto; }
    .store-infobox .store-info-address h5 {
      font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
      font-size: 15px;
      line-height: 14px;
      font-weight: 500;
      margin: 0 5px 0 0;
      padding: 0;
      text-transform: uppercase; }
    .store-infobox .store-info-address p {
      font-size: 13px;
      line-height: 15px;
      font-family: "UniqloBoldRegular", helvetica, arial;
      margin: 0;
      padding: 0;
      text-transform: uppercase;
      margin-top: 4px; }

.infoBox > img {
  margin: 10px 0 20px -20px !important; }

#help-region-nav.uniqlo-dropdown {
  position: absolute;
  right: 0;
  top: 395px;
  width: 160px; }
  #help-region-nav.uniqlo-dropdown select {
    width: 160px; }

.stores-standalone .store-modal {
  min-height: 500px;
  margin-bottom: 30px;
  padding: 0;
  width: auto; }
  .stores-standalone .store-modal .modal-description {
    width: 376px;
    float: left; }
    .stores-standalone .store-modal .modal-description .store-info {
      position: relative;
      bottom: 0;
      right: 0;
      margin-bottom: 30px;
      margin-top: 18px;
      border: 0; }
      .stores-standalone .store-modal .modal-description .store-info .store-map h3 {
        background-position: right 7px;
        margin-bottom: 6px;
        width: 266px; }
    .stores-standalone .store-modal .modal-description .store-description {
      padding-bottom: 24px;
      border-bottom: 1px solid #000; }
    .stores-standalone .store-modal .modal-description p {
      margin-top: 25px;
      font-size: 13px;
      line-height: 17px;
      text-align: justify; }
  .stores-standalone .store-modal .modal-gallery {
    float: left;
    margin-right: 24px; }
  .stores-standalone .store-modal .store-address {
    padding-top: 24px;
    margin-top: 24px;
    border-top: 1px solid #000;
    padding-bottom: 10px;
    display: block; }
    .stores-standalone .store-modal .store-address p {
      font-size: 14px;
      font-family: "UniqloBoldRegular", helvetica, arial; }
  .stores-standalone .store-modal #modal-directions-image {
    display: none; }
  .stores-standalone .store-modal #store-page-directions-image {
    display: block; }
  .stores-standalone .store-modal .main-image {
    width: 546px;
    height: 440px;
    transition-duration: .4s;
    transition-property: width,height; }

.stores-standalone .modal-description .store-info .store-map {
  padding-bottom: 10px; }

.stores-standalone .holidayHours {
  padding: 10px;
  margin-top: 0; }
  .stores-standalone .holidayHours li {
    font-size: 12px; }
    .stores-standalone .holidayHours li span {
      width: 110px; }

.stores-standalone .main-section #section-content .store-modal h2 {
  margin-top: 0;
  line-height: 42px;
  font-weight: normal;
  font-size: 40px;
  margin-bottom: 4px; }

.stores-standalone .main-section #section-content .store-map h3 {
  font-size: 19px;
  margin-bottom: 3px; }

.store-modal {
  padding: 30px 0;
  position: relative; }
  .store-modal .main-image img {
    width: 100%;
    max-width: 100%; }
  .store-modal .main-image p {
    position: absolute;
    text-align: center;
    top: 200px;
    left: 290px; }
  .store-modal .modal-gallery {
    width: 50%;
    float: left;
    margin-right: 5%;
    text-align: center; }
    .store-modal .modal-gallery .images-display {
      display: inline-block;
      width: auto;
      margin-top: 10px; }
      .store-modal .modal-gallery .images-display ul li {
        float: left;
        margin-right: 25px;
        position: relative; }
        .store-modal .modal-gallery .images-display ul li a {
          height: 60px;
          display: block; }
        .store-modal .modal-gallery .images-display ul li .overlay {
          background: url("http://www.uniqlo.com/us/us/assets/img/help/stores/image-gallery-overlay.png") left top no-repeat transparent;
          height: 60px;
          width: 50px;
          display: none;
          position: absolute;
          top: 0;
          left: 0; }
      .store-modal .modal-gallery .images-display ul li.active .overlay {
        display: block; }
  .store-modal .modal-description {
    width: 45%;
    float: left; }
    .store-modal .modal-description .store-description {
      padding-bottom: 32px; }
      .store-modal .modal-description .store-description h2 {
        margin-top: 1px;
        margin-bottom: 0;
        font-size: 25px;
        line-height: 25px;
        font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
        font-weight: 500;
        text-transform: none; }
      .store-modal .modal-description .store-description h3 {
        margin: 7px 0 0;
        font-size: 18px;
        font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
        font-weight: 500; }
    .store-modal .modal-description .store-info {
      border-top: 1px solid #000;
      padding-top: 20px;
      width: 100%; }
      .store-modal .modal-description .store-info h3 {
        margin: 7px 0 0;
        font-size: 18px;
        font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
        font-weight: 500; }
      .store-modal .modal-description .store-info ul {
        margin-top: 6px; }
        .store-modal .modal-description .store-info ul li {
          font-size: 18px;
          margin-bottom: 5px;
          font-family: "UniqloBoldRegular", helvetica, arial;
          font-weight: normal;
          text-transform: uppercase; }
          .store-modal .modal-description .store-info ul li:last-child {
            margin-bottom: 25px; }
          .store-modal .modal-description .store-info ul li span {
            float: right;
            font-family: "UniqloBoldRegular", helvetica, arial;
            font-weight: normal; }
        .store-modal .modal-description .store-info ul li.closed {
          color: #FE0E0D; }
      .store-modal .modal-description .store-info .store-map {
        background: #FE0E0D;
        display: block;
        margin-top: 10px;
        padding: 5px 0;
        text-align: left;
        border-left: 11px solid #FE0E0D;
        border-right: 11px solid #FE0E0D;
        overflow: hidden; }
        .store-modal .modal-description .store-info .store-map img {
          width: 100%;
          max-width: 100%; }
        .store-modal .modal-description .store-info .store-map h3 {
          font-size: 12px;
          color: #fff;
          margin: 0 auto 2px;
          background: url("http://www.uniqlo.com/us/us/assets/img/help/stores/arrow_go_location.png") right 4px no-repeat transparent;
          text-align: right;
          padding: 0 18px 0 0;
          width: 175px; }
    .store-modal .modal-description li, .store-modal .modal-description span {
      font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
      font-weight: 500; }
    .store-modal .modal-description p {
      font-size: 13px;
      line-height: 16px;
      text-align: justify; }
  .store-modal .overlay {
    display: none; }
  .store-modal .store-address p {
    font-size: 14px;
    margin-top: 6px; }

.store-modal.soho .modal-gallery .images-display ul {
  margin: 0 auto;
  width: 233px;
  height: 60px; }

.store-modal.NY-34st .modal-gallery .images-display ul {
  margin: 0 auto;
  width: 233px;
  height: 60px; }

.store-modal.NY-5ave .modal-gallery .images-display ul {
  margin: 0 auto;
  width: 375px;
  height: 60px; }

.store-modal.paramus .modal-gallery .images-display ul {
  margin: 0 auto;
  width: 375px;
  height: 60px; }

.holidayHours {
  background: #fff;
  padding: 6px; }
  .holidayHours li {
    color: #FE0E0D !important;
    font-size: 11px;
    line-height: 1.5em;
    font-family: "UniqloBoldRegular", helvetica, arial !important; }
    .holidayHours li span {
      float: right;
      text-align: left;
      width: 95px;
      font-family: "UniqloBoldRegular", helvetica, arial; }
    .holidayHours li span.city {
      float: none;
      font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
      font-weight: 500;
      text-transform: uppercase; }

.soho .holidayHours {
  padding: 0 6px;
  margin-top: -9px; }

.NY-34st .holidayHours {
  margin-top: -7px; }

.paramus .holidayHours {
  margin-top: -9px;
  padding: 0 6px; }

.unionSQ .holidayHours {
  margin-top: 20px; }

.modal-page .paramus .holidayHours li {
  line-height: 1 !important; }

stores-standalone .store-modal .main-image img {
  width: 546px;
  height: 440px;
  transition-duration: .4s;
  transition-property: width,height; }

.green_brand blockquote {
  border-left: 0.5em solid #4aba80;
  color: #4aba80; }

.green_brand .branded {
  color: #4aba80; }

.green_brand em {
  color: #4aba80; }

.green_brand.no-uql-component hr.branded_border {
  background-color: #4aba80; }

.csr_brand .branded {
  border-color: #1b9134;
  color: #1b9134; }

.csr_brand em {
  border-color: #1b9134;
  color: #1b9134; }

.csr_brand.no-uql-component hr.branded_border {
  background-color: #1b9134; }

.blue_brand blockquote {
  border-left: 0.5em solid #25adb9;
  color: #25adb9; }

.blue_brand .branded {
  border-color: #25adb9;
  color: #25adb9; }

.blue_brand em {
  border-color: #25adb9;
  color: #25adb9; }

.blue_brand.no-uql-component hr.branded_border {
  background-color: #25adb9; }

.orange_brand blockquote {
  border-left: 0.5em solid #f68e37;
  color: #f68e37; }

.orange_brand .branded {
  border-color: #f68e37;
  color: #f68e37; }

.orange_brand em {
  border-color: #f68e37;
  color: #f68e37; }

.orange_brand.no-uql-component hr.branded_border {
  background-color: #f68e37; }

.csr_story strong {
  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif; }

.csr_story .pair .text.component {
  line-height: 20px;
  text-align: left;
  font-size: 18px;
  font-size: 1.125rem; }
  .csr_story .pair .text.component ul {
    list-style-type: disc;
    margin-top: 15px; }
    .csr_story .pair .text.component ul li {
      margin-bottom: 10px; }

.csr_story .single .text.component strong {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 24px;
  margin: 0 0 10px 0; }

.csr_story .single .text.component p {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 30px;
  margin: 0 0 20px 0; }

.csr_story .green {
  color: #1b9134; }

.csr_story h2.csr_brand {
  color: #1b9134; }

.csr_story p.csr_brand {
  color: #1b9134; }

.csr_story .howto {
  margin-top: 30px; }

.csr_story .share li {
  width: 25%;
  display: block; }

.video-load-poster .playhead {
  background-image: url("http://s7d4.scene7.com/is/image/Razorfish/sprites.video?scl=1&fmt=png-alpha");
  background-position: 0 0;
  background-repeat: no-repeat;
  display: block;
  height: 90px;
  left: 45%;
  position: absolute;
  top: 40%;
  width: 90px; }

.video-load-poster:hover .playhead {
  background-position: -100px 0; }

.success-tab {
  border: 3px solid #000;
  padding: 120px 10px;
  text-align: center;
  position: relative;
  display: none; }
  .success-tab .success-tab-close {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer; }

.un-col h3 {
  font-size: 2rem;
  line-height: 1em;
  margin-bottom: 10px;
  font-family: "UniqloBoldRegular", helvetica, arial;
  text-transform: uppercase;
  margin-bottom: 25px; }

.un-col li {
  line-height: 27px;
  color: #000; }

.un-col a {
  color: #000; }
  .un-col a:hover {
    color: #FE0E0D; }

.social {
  float: left;
  margin: 12px 12px 0 0; }

.fb a {
  float: left; }

.instagram a {
  float: left; }

.pinterest a {
  float: left; }

.youtube a {
  float: left; }

.twitter a {
  float: left; }

.social-links h3 {
  margin-bottom: 15px; }

fieldset {
  border: 0;
  padding: 0;
  margin-top: 15px; }

.project-icon-grid-component {
  width: 100%;
  padding: 0 0 30px;
  margin: 0;
  border-bottom: 1px solid #afafaf;
  box-sizing: border-box; }
  .project-icon-grid-component ul {
    width: 744px;
    margin: 0 auto 5px auto; }
    .project-icon-grid-component ul li {
      float: left;
      width: 25%;
      margin: 60px 0 55px 0;
      text-align: center;
      text-transform: uppercase; }
    .project-icon-grid-component ul a {
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      *zoom: 1;
      *display: inline;
      min-width: 51px;
      box-sizing: border-box;
      position: relative;
      font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
      font-size: 14px;
      font-size: .875rem;
      color: #000; }
      .project-icon-grid-component ul a img {
        display: block;
        margin: 0 auto 15px auto; }
      .project-icon-grid-component ul a:hover {
        color: #FE0E0D; }
  .project-icon-grid-component p {
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    font-size: .75rem; }
  .project-icon-grid-component .lifewear {
    text-transform: none;
    font-size: 22px;
    font-size: 1.375rem;
    margin: 20px 0 20px; }
  .project-icon-grid-component .project-summary {
    width: 720px;
    margin: 0 auto;
    padding-bottom: 49px;
    text-align: center; }
    .project-icon-grid-component .project-summary > div {
      text-align: center;
      margin: 0 auto; }
    .project-icon-grid-component .project-summary h3 {
      margin: 22px 0;
      font-size: 24px;
      font-size: 1.5rem;
      line-height: 1em; }
    .project-icon-grid-component .project-summary h4 {
      padding: 0 0 11px; }
  .project-icon-grid-component .logo-jp {
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    text-indent: -9999px;
    margin: 0;
    padding: 0; }
  .project-icon-grid-component .logo-en {
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    text-indent: -9999px;
    margin-left: 10px; }

.search-page .project-icon-grid-component {
  visibility: hidden; }

.project-icon-grid-component.background {
  background: #f2f2f2;
  position: relative;
  border-bottom: 0;
  box-sizing: content-box; }

.emergency-message-component {
  display: block;
  position: relative;
  margin: 21px 0;
  padding: 0;
  background-color: #FE0E0D; }

.close {
  position: absolute;
  top: 15px;
  right: 15px;
  text-indent: -9999px; }

.image-only-component {
  line-height: 0;
  text-align: center;
  max-width: 960px;
  margin: 0 auto; }
  .image-only-component .inner {
    overflow: hidden;
    display: block;
    line-height: 0;
    position: relative;
    margin: 60px auto; }
    .image-only-component .inner img {
      margin: 0;
      width: 100%;
      display: block;
      text-align: center;
      background: transparent url("http://uniqlo.scene7.com/is/content/UNIQLO/us_site_assets/global_assets/UNIQLO_image_loader.gif") no-repeat center; }
    .image-only-component .inner span.line {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box;
      border: 0; }
    .image-only-component .inner:hover span.line {
      border: 0; }
  .image-only-component .inner.border-enable span.line {
    border: 1px solid #e7e7e7; }
  .image-only-component .inner.border-enable:hover span.line {
    border: 1px solid #e7e7e7; }
  .image-only-component a.inner span.line {
    border: 0; }
  .image-only-component a.inner:hover span.line {
    border: 1px solid #7a7a7a; }
  .image-only-component a.inner.border-enable span.line {
    border: 1px solid #e7e7e7; }
  .image-only-component a.inner.border-enable:hover span.line {
    border: 1px solid #7a7a7a; }

.image-plus-copy-component {
  display: block;
  margin: 60px auto; }
  .image-plus-copy-component section {
    margin: 0;
    padding: 0; }
    .image-plus-copy-component section div.image-area {
      display: block;
      width: 34%;
      margin: 0;
      padding: 0;
      border: 0;
      float: left; }
      .image-plus-copy-component section div.image-area a {
        overflow: hidden;
        display: inline-block;
        position: relative;
        width: 100%;
        min-width: 245px;
        height: 204px; }
      .image-plus-copy-component section div.image-area span {
        overflow: hidden;
        display: inline-block;
        position: relative;
        width: 100%;
        min-width: 245px;
        height: 204px; }
      .image-plus-copy-component section div.image-area .border-enable {
        border: 1px solid #e7e7e7;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box; }
        .image-plus-copy-component section div.image-area .border-enable img {
          margin-top: -1px; }
      .image-plus-copy-component section div.image-area > a:hover {
        border: 1px solid #7a7a7a;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box; }
        .image-plus-copy-component section div.image-area > a:hover img {
          margin-top: -1px; }
      .image-plus-copy-component section div.image-area a.border-enable:hover {
        border-color: #7a7a7a; }
      .image-plus-copy-component section div.image-area img {
        width: 636px;
        height: 204px;
        text-align: center;
        background: transparent url("http://uniqlo.scene7.com/is/content/UNIQLO/us_site_assets/global_assets/UNIQLO_image_loader.gif") no-repeat center;
        margin-left: -318px;
        position: absolute;
        top: 0;
        left: 50%;
        vertical-align: bottom; }
    .image-plus-copy-component section div.text-area h1 {
      font-family: "UniqloBoldRegular", helvetica, arial;
      font-weight: normal;
      font-size: 36px;
      line-height: 32px;
      margin-bottom: 15px;
      word-break: break-all;
      text-transform: uppercase; }
    .image-plus-copy-component section div.text-area h2 {
      font-family: "UniqloBoldRegular", helvetica, arial;
      font-weight: normal;
      font-size: 36px;
      line-height: 32px;
      margin-bottom: 15px;
      word-break: break-all;
      text-transform: uppercase; }
    .image-plus-copy-component section div.text-area p {
      font-family: "UniqloBoldRegular", helvetica, arial;
      font-weight: normal;
      font-size: 16px;
      line-height: 22px; }
  .image-plus-copy-component div.text-area {
    display: table;
    width: 66%;
    min-width: 475px;
    height: 204px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    float: right; }
    .image-plus-copy-component div.text-area div.table-cell {
      display: table-cell;
      vertical-align: middle;
      margin: 0;
      padding: 0 5%; }
  .image-plus-copy-component .f_ubr {
    font-family: "UniqloBoldRegular", helvetica, arial !important;
    font-weight: normal !important;
    text-align: left; }
  .image-plus-copy-component .f_ubrr {
    font-family: "UniqloBoldRoundedRegular", helvetica, arial !important;
    font-weight: normal !important; }

.new-hero-component.hover-enable:hover {
  cursor: pointer; }
  .new-hero-component.hover-enable:hover section span.line {
    border: 1px solid #7a7a7a; }

.new-unblocked-promo-component {
  display: block;
  width: 100%;
  position: relative;
  margin: 60px auto; }
  .new-unblocked-promo-component section span.line {
    display: block;
    overflow: hidden;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important; }
  .new-unblocked-promo-component section .area-image {
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: -1px;
    display: block;
    width: 66%;
    height: 407px;
    position: relative;
    float: right;
    overflow: hidden;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }
    .new-unblocked-promo-component section .area-image img {
      height: 407px;
      width: 1254px;
      text-align: center;
      background: transparent url("http://uniqlo.scene7.com/is/content/UNIQLO/us_site_assets/global_assets/UNIQLO_image_loader.gif") no-repeat center;
      display: block;
      position: absolute;
      top: 0;
      left: 50%;
      margin-left: -627px; }
  .new-unblocked-promo-component section div.text-area {
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #e7e7e7;
    border-right: 0;
    width: 34%; }
    .new-unblocked-promo-component section div.text-area div.table-wrapper {
      display: table;
      width: 100%; }
    .new-unblocked-promo-component section div.text-area div.table-area {
      display: table-cell;
      height: 405px;
      vertical-align: middle;
      padding: 0 10%;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box; }
    .new-unblocked-promo-component section div.text-area div.logo-area {
      position: absolute;
      right: 18px;
      top: 18px; }
      .new-unblocked-promo-component section div.text-area div.logo-area img {
        max-height: 70px !important; }
    .new-unblocked-promo-component section div.text-area .newUnblockedPromoIconParts.newUnblockedPromoPartsIconImage {
      position: absolute;
      right: 18px;
      top: 18px;
      z-index: 14; }
      .new-unblocked-promo-component section div.text-area .newUnblockedPromoIconParts.newUnblockedPromoPartsIconImage div.logo-area {
        position: relative;
        right: auto;
        top: auto; }
    .new-unblocked-promo-component section div.text-area div.logo-area.bg-white img {
      padding: 4px;
      background: #fff; }
    .new-unblocked-promo-component section div.text-area h1 {
      font-family: "UniqloBoldRegular", helvetica, arial;
      font-weight: normal;
      font-size: 36px;
      font-style: normal;
      line-height: 32px;
      color: #000;
      margin: 0 0 7px;
      text-transform: uppercase; }
    .new-unblocked-promo-component section div.text-area h2 {
      font-family: "UniqloBoldRegular", helvetica, arial;
      font-weight: normal;
      font-size: 36px;
      font-style: normal;
      line-height: 32px;
      color: #000;
      margin: 0 0 7px;
      text-transform: uppercase; }
    .new-unblocked-promo-component section div.text-area p.sub-head {
      font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
      font-weight: normal;
      font-size: 16px;
      text-align: left;
      line-height: 22px;
      color: #000;
      margin-top: 0;
      margin-bottom: 12px; }
    .new-unblocked-promo-component section div.text-area p.msrp {
      font-family: "UniqloRegularRegular";
      font-weight: normal;
      margin-top: 1px;
      margin-bottom: 2px;
      color: #000; }
      .new-unblocked-promo-component section div.text-area p.msrp span {
        line-height: 1em;
        text-decoration: line-through;
        font-size: 18px; }
    .new-unblocked-promo-component section div.text-area p.sale-price {
      word-break: break-all;
      font-family: "UniqloRegularRegular";
      font-weight: normal;
      color: #FE0E0D;
      margin-bottom: 5px; }
      .new-unblocked-promo-component section div.text-area p.sale-price span {
        line-height: 1em;
        word-break: normal;
        font-size: 25px; }
      .new-unblocked-promo-component section div.text-area p.sale-price span.spacer {
        width: 0;
        display: inline-block; }
    .new-unblocked-promo-component section div.text-area div.flag {
      font-family: "UniqloBoldRegular", helvetica, arial;
      font-weight: normal;
      font-size: 11px;
      margin-right: -3px;
      margin-bottom: 12px; }
      .new-unblocked-promo-component section div.text-area div.flag span {
        font-size: 11px;
        background-color: #FE0E0D;
        color: #fff;
        padding: 2px 4px 0;
        white-space: nowrap;
        display: inline-block;
        margin: 0 3px 3px 0; }
    .new-unblocked-promo-component section div.text-area a.link-text {
      font-family: "UniqloBoldRegular", helvetica, arial;
      font-weight: normal;
      font-size: 16px;
      line-height: 18px;
      color: #FE0E0D;
      position: relative; }
      .new-unblocked-promo-component section div.text-area a.link-text span {
        display: inline-block;
        margin: 0 0 0 5px;
        background: url("../images/global/sprites-s58bc8abdec.png") no-repeat -7px -19px;
        width: 6px;
        height: 9px; }
      .new-unblocked-promo-component section div.text-area a.link-text img.bulletArrow {
        margin-left: 5px;
        vertical-align: -1px; }
      .new-unblocked-promo-component section div.text-area a.link-text img.bulletArrow.default {
        display: none; }
      .new-unblocked-promo-component section div.text-area a.link-text:hover {
        text-decoration: none; }
  .new-unblocked-promo-component:hover section .area-image {
    z-index: -2; }
  .new-unblocked-promo-component .f_ubr {
    font-family: "UniqloBoldRegular", helvetica, arial !important;
    font-weight: normal !important;
    text-align: left; }
  .new-unblocked-promo-component .f_ubrr {
    font-family: "UniqloBoldRoundedRegular", helvetica, arial !important;
    font-weight: normal !important; }

.new-unblocked-promo-component.border-enable span.line {
  border: 1px solid #e7e7e7; }

.new-unblocked-promo-component.border-enable section .area-image {
  z-index: 2;
  border: 1px solid #e7e7e7;
  border-left: none; }

.new-unblocked-promo-component.border-enable:hover section .area-image img {
  margin-top: 0; }

.new-unblocked-promo-component.hover-enable {
  cursor: pointer; }
  .new-unblocked-promo-component.hover-enable:hover span.line {
    border: 1px solid #7a7a7a; }
  .new-unblocked-promo-component.hover-enable:hover section .area-image {
    border-color: #7a7a7a; }
  .new-unblocked-promo-component.hover-enable:hover section div.text-area {
    border-color: #7a7a7a; }

.home-main-01 .parent-new-unblocked-promo-component.column2 div.component-area section div.text-area div.price-area {
  float: right; }

.home-main-01 .parent-new-unblocked-promo-component section div.text-area div.left-area {
  width: auto;
  max-width: none; }

.parent-new-unblocked-promo-component.column2 div.component-area {
  float: left;
  width: 50%; }
  .parent-new-unblocked-promo-component.column2 div.component-area:first-child section {
    margin-right: 12px; }
  .parent-new-unblocked-promo-component.column2 div.component-area:last-child section {
    margin-left: 12px; }

.parent-new-unblocked-promo-component.column2 section div.text-area div.price-area {
  margin-right: -1px; }

.parent-new-unblocked-promo-component.column3 div.component-area {
  float: left;
  width: 33.3%; }
  .parent-new-unblocked-promo-component.column3 div.component-area:first-child {
    padding-right: 16px; }
  .parent-new-unblocked-promo-component.column3 div.component-area:nth-child(2) {
    width: 33.333%;
    padding: 0 8px; }
  .parent-new-unblocked-promo-component.column3 div.component-area:last-child {
    padding-left: 16px; }

.new-contents-slide-component {
  display: block;
  position: relative;
  margin: 60px auto -2px;
  overflow: hidden;
  width: 100%; }
  .new-contents-slide-component section {
    display: block;
    position: relative; }
    .new-contents-slide-component section .border-box {
      z-index: -2;
      display: none;
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      border: 1px solid #e7e7e7;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box; }
    .new-contents-slide-component section .area-image {
      display: block;
      width: 100%;
      height: 407px;
      position: absolute;
      left: 0;
      top: 0; }
      .new-contents-slide-component section .area-image img {
        position: absolute;
        left: 67.5%;
        top: 0;
        margin-left: -1260px;
        text-align: center;
        background: transparent url("http://uniqlo.scene7.com/is/content/UNIQLO/us_site_assets/global_assets/UNIQLO_image_loader.gif") no-repeat center;
        z-index: -2; }
    .new-contents-slide-component section div.table-area {
      display: table;
      height: 407px;
      width: 34%;
      margin-right: 66%;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box;
      z-index: 8; }
      .new-contents-slide-component section div.table-area div.text-area {
        display: table-cell;
        padding: 0 10%;
        vertical-align: middle; }
        .new-contents-slide-component section div.table-area div.text-area h1 {
          font-family: "UniqloBoldRegular", helvetica, arial;
          font-weight: normal;
          font-size: 36px;
          line-height: 32px;
          color: #000;
          margin: 0 0 14px;
          text-transform: uppercase; }
        .new-contents-slide-component section div.table-area div.text-area h2 {
          font-family: "UniqloBoldRegular", helvetica, arial;
          font-weight: normal;
          font-size: 36px;
          line-height: 32px;
          color: #000;
          margin: 0 0 14px;
          text-transform: uppercase; }
        .new-contents-slide-component section div.table-area div.text-area p.sub-head {
          font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
          font-weight: normal;
          text-align: left;
          font-size: 16px;
          line-height: 22px;
          color: #000;
          margin-bottom: 20px;
          margin-left: 0; }
        .new-contents-slide-component section div.table-area div.text-area p.msrp {
          line-height: 1em;
          font-family: "UniqloRegularRegular";
          font-weight: normal;
          margin-bottom: 7px;
          color: #000; }
          .new-contents-slide-component section div.table-area div.text-area p.msrp span {
            text-decoration: line-through;
            font-size: 18px; }
        .new-contents-slide-component section div.table-area div.text-area p.sale-price {
          word-break: break-all;
          line-height: 1em;
          font-family: "UniqloRegularRegular";
          font-weight: normal;
          margin-bottom: 7px;
          color: #FE0E0D; }
          .new-contents-slide-component section div.table-area div.text-area p.sale-price span {
            word-break: normal;
            font-size: 25px; }
          .new-contents-slide-component section div.table-area div.text-area p.sale-price span.spacer {
            width: 0;
            display: inline-block; }
        .new-contents-slide-component section div.table-area div.text-area div.flag {
          margin-bottom: 12px; }
          .new-contents-slide-component section div.table-area div.text-area div.flag span {
            font-family: "UniqloBoldRegular", helvetica, arial;
            font-weight: normal;
            font-size: 11px;
            background-color: #FE0E0D;
            color: #fff;
            padding: 2px 4px 0;
            display: inline-block;
            white-space: nowrap;
            margin: 0 3px 3px 0; }
        .new-contents-slide-component section div.table-area div.text-area a.link-text {
          font-family: "UniqloBoldRegular", helvetica, arial;
          font-weight: normal;
          font-size: 16px;
          line-height: 18px;
          color: #FE0E0D;
          position: relative;
          z-index: 12; }
          .new-contents-slide-component section div.table-area div.text-area a.link-text:hover {
            text-decoration: none; }
          .new-contents-slide-component section div.table-area div.text-area a.link-text img.bulletArrow {
            margin-left: 5px;
            vertical-align: -1px; }
          .new-contents-slide-component section div.table-area div.text-area a.link-text img.bulletArrow.default {
            display: none; }
      .new-contents-slide-component section div.table-area img.lazy-load.logo-image {
        max-height: 70px !important;
        position: absolute;
        right: 18px;
        top: 18px;
        margin-left: 0;
        z-index: 4; }
      .new-contents-slide-component section div.table-area .newContenetSlideIconParts.newContenetSlideIconImage {
        position: absolute;
        right: 18px;
        top: 18px; }
        .new-contents-slide-component section div.table-area .newContenetSlideIconParts.newContenetSlideIconImage img.lazy-load.logo-image {
          position: relative;
          right: auto;
          top: auto; }
      .new-contents-slide-component section div.table-area img.lazy-load.logo-image.bg-white {
        background-color: #fff;
        padding: 4px; }
    .new-contents-slide-component section div.table-area.bg-white {
      background-color: #fff;
      border: 1px solid #e7e7e7; }
  .new-contents-slide-component:hover section .border-box {
    z-index: -2; }
  .new-contents-slide-component section.has-link {
    cursor: pointer; }
    .new-contents-slide-component section.has-link:hover div.table-area img.logo-image {
      cursor: pointer; }
  .new-contents-slide-component .f_ubr {
    font-family: "UniqloBoldRegular", helvetica, arial !important;
    font-weight: normal !important;
    text-align: left; }
  .new-contents-slide-component .f_ubrr {
    font-family: "UniqloBoldRoundedRegular", helvetica, arial !important;
    font-weight: normal !important; }

.new-contents-slide-component.hover-enable section .border-box {
  z-index: -2; }

.new-contents-slide-component.hover-enable:hover section .border-box {
  z-index: 4;
  border-color: #7a7a7a; }

.new-contents-slide-component.border-enable section .border-box {
  z-index: 4; }

.new-contents-slide-component.border-enable:hover section .border-box {
  z-index: 4; }

.new-contents-slide-component.hover-enable.border-enable section .border-box {
  z-index: 4; }

.new-contents-slide-component.hover-enable.border-enable:hover section .border-box {
  z-index: 4; }

.parent-new-contents-slide-component {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 60px auto; }
  .parent-new-contents-slide-component > section {
    transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
    position: relative; }
    .parent-new-contents-slide-component > section div.component-area {
      display: block;
      float: left; }
  .parent-new-contents-slide-component div.component-area section {
    display: block;
    position: relative; }
    .parent-new-contents-slide-component div.component-area section .border-box {
      display: block;
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box;
      border: 1px solid #e7e7e7;
      border-bottom: 0;
      height: 100%;
      z-index: -2; }
    .parent-new-contents-slide-component div.component-area section .area-image {
      display: block;
      width: 100%;
      height: 407px;
      position: absolute;
      left: 0;
      top: 0;
      overflow: hidden; }
      .parent-new-contents-slide-component div.component-area section .area-image img {
        text-align: center;
        background: transparent url("http://uniqlo.scene7.com/is/content/UNIQLO/us_site_assets/global_assets/UNIQLO_image_loader.gif") no-repeat center;
        position: absolute;
        left: 67.5%;
        top: 0;
        margin-left: -1260px;
        z-index: -2;
        width: 1872px;
        height: 407px; }
    .parent-new-contents-slide-component div.component-area section div.table-area {
      display: table;
      height: 407px;
      width: 34%;
      margin-right: 66%;
      z-index: 8; }
      .parent-new-contents-slide-component div.component-area section div.table-area div.text-area {
        display: table-cell;
        padding: 0 10%;
        vertical-align: middle; }
        .parent-new-contents-slide-component div.component-area section div.table-area div.text-area h1 {
          font-family: "UniqloBoldRegular", helvetica, arial;
          font-weight: normal;
          font-size: 36px;
          line-height: 32px;
          color: #000;
          margin: 0 0 18px;
          text-transform: uppercase; }
        .parent-new-contents-slide-component div.component-area section div.table-area div.text-area h2 {
          font-family: "UniqloBoldRegular", helvetica, arial;
          font-weight: normal;
          font-size: 36px;
          line-height: 32px;
          color: #000;
          margin: 0 0 18px;
          text-transform: uppercase; }
        .parent-new-contents-slide-component div.component-area section div.table-area div.text-area p.sub-head {
          font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
          font-weight: normal;
          font-size: 16px;
          text-align: left;
          line-height: 22px;
          color: #000;
          margin-bottom: 23px;
          margin-left: 0; }
        .parent-new-contents-slide-component div.component-area section div.table-area div.text-area p.msrp {
          font-family: "UniqloRegularRegular";
          font-weight: normal;
          margin-bottom: 2px;
          color: #000;
          line-height: 1em; }
          .parent-new-contents-slide-component div.component-area section div.table-area div.text-area p.msrp span {
            text-decoration: line-through;
            line-height: 1em;
            font-size: 18px; }
        .parent-new-contents-slide-component div.component-area section div.table-area div.text-area p.sale-price {
          word-break: break-all;
          font-family: "UniqloRegularRegular";
          font-weight: normal;
          margin-bottom: 2px;
          color: #FE0E0D;
          line-height: 1em; }
          .parent-new-contents-slide-component div.component-area section div.table-area div.text-area p.sale-price span {
            word-break: normal;
            line-height: 1em;
            font-size: 25px; }
          .parent-new-contents-slide-component div.component-area section div.table-area div.text-area p.sale-price span.spacer {
            width: 0;
            display: inline-block; }
        .parent-new-contents-slide-component div.component-area section div.table-area div.text-area div.flag {
          font-family: "UniqloBoldRegular", helvetica, arial;
          font-weight: normal;
          font-size: 11px;
          margin-bottom: 11px; }
          .parent-new-contents-slide-component div.component-area section div.table-area div.text-area div.flag span {
            font-family: "UniqloBoldRegular", helvetica, arial;
            font-weight: normal;
            font-size: 14px;
            line-height: 18px;
            background-color: #FE0E0D;
            color: #fff;
            padding: 2px 4px 0;
            white-space: nowrap;
            display: inline-block;
            margin: 0 3px 4px 0; }
        .parent-new-contents-slide-component div.component-area section div.table-area div.text-area a.link-text {
          font-family: "UniqloBoldRegular", helvetica, arial;
          font-weight: normal;
          font-size: 16px;
          line-height: 18px;
          color: #FE0E0D;
          position: relative;
          z-index: 12; }
          .parent-new-contents-slide-component div.component-area section div.table-area div.text-area a.link-text span {
            display: inline-block;
            margin: 0 0 0 5px;
            background: url("../images/global/sprites-s58bc8abdec.png") no-repeat -7px -19px;
            width: 6px;
            height: 9px; }
          .parent-new-contents-slide-component div.component-area section div.table-area div.text-area a.link-text:hover {
            text-decoration: none; }
          .parent-new-contents-slide-component div.component-area section div.table-area div.text-area a.link-text img.bulletArrow {
            margin-left: 5px;
            vertical-align: -1px; }
          .parent-new-contents-slide-component div.component-area section div.table-area div.text-area a.link-text img.bulletArrow.default {
            display: none; }
      .parent-new-contents-slide-component div.component-area section div.table-area img.lazy-load.logo-image {
        max-height: 70px !important;
        position: absolute;
        right: 18px;
        top: 18px;
        margin-left: 0;
        z-index: 8; }
      .parent-new-contents-slide-component div.component-area section div.table-area img.lazy-load.logo-image.bg-white {
        background-color: #fff;
        padding: 4px; }
  .parent-new-contents-slide-component div.component-area section.has-link {
    cursor: pointer; }
    .parent-new-contents-slide-component div.component-area section.has-link:hover .border-box {
      border: 1px solid #7a7a7a;
      border-bottom: 0; }
  .parent-new-contents-slide-component div.component-area:hover section .border-box {
    z-index: -2; }
  .parent-new-contents-slide-component div.component-area.hover-enable section .border-box {
    z-index: -2; }
  .parent-new-contents-slide-component div.component-area.hover-enable:hover section .border-box {
    z-index: 0; }
  .parent-new-contents-slide-component div.component-area.border-enable section .border-box {
    z-index: 0; }
  .parent-new-contents-slide-component div.component-area.border-enable:hover section .border-box {
    z-index: 0; }
  .parent-new-contents-slide-component div.component-area.border-enable section.has-link:hover .border-box {
    border-color: #7a7a7a; }
  .parent-new-contents-slide-component div.component-area.hover-enable.border-enable section .border-box {
    position: absolute;
    z-index: 0; }
  .parent-new-contents-slide-component div.component-area.hover-enable.border-enable:hover section .border-box {
    z-index: 0; }
  .parent-new-contents-slide-component section div.table-area {
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }
  .parent-new-contents-slide-component section div.table-area.bg-white {
    background-color: #fff;
    border-top: 1px solid #e7e7e7;
    border-left: 1px solid #e7e7e7; }
  .parent-new-contents-slide-component ul.tab-label {
    width: 100%;
    z-index: 12;
    position: relative;
    display: block; }
    .parent-new-contents-slide-component ul.tab-label li {
      position: relative;
      max-width: 100%;
      width: 1%;
      cursor: pointer;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box;
      font-family: "UniqloBoldRegular", helvetica, arial;
      font-weight: normal;
      font-size: 16px;
      line-height: 20px;
      height: 100%;
      display: table-cell;
      vertical-align: middle;
      padding: 15px 15px 12px;
      background: #3f3f3f;
      color: #fff;
      text-align: center;
      transition: all 250ms ease-in-out; }
      .parent-new-contents-slide-component ul.tab-label li:hover {
        background-color: #FE0E0D; }
    .parent-new-contents-slide-component ul.tab-label li.active {
      background-color: #FE0E0D; }
  .parent-new-contents-slide-component ul.tab-label.column2 li {
    max-width: 50%; }
  .parent-new-contents-slide-component ul.tab-label.column3 li {
    max-width: 33%; }
    .parent-new-contents-slide-component ul.tab-label.column3 li:nth-child(2) {
      max-width: 34%; }
  .parent-new-contents-slide-component ul.tab-label.column4 li {
    max-width: 25%; }
  .parent-new-contents-slide-component .f_ubr {
    font-family: "UniqloBoldRegular", helvetica, arial !important;
    font-weight: normal !important;
    text-align: left; }
  .parent-new-contents-slide-component .f_ubrr {
    font-family: "UniqloBoldRoundedRegular", helvetica, arial !important;
    font-weight: normal !important; }
  .parent-new-contents-slide-component .tab-label li .slide-tab-active-marker {
    border: 10px solid transparent;
    border-top: 10px solid transparent;
    border-bottom: 10px solid #FE0E0D;
    height: 0;
    width: 0;
    position: absolute;
    display: none;
    top: -19px;
    left: 50% !important;
    margin-left: -10px; }
  .parent-new-contents-slide-component .tab-label li.active .slide-tab-active-marker {
    display: block; }

.parent-new-contents-slide-component.column2 > section {
  width: 300%; }

.parent-new-contents-slide-component.column3 > section {
  width: 400%; }

.parent-new-contents-slide-component.column4 > section {
  width: 500%; }

.parent-jump-to-sd {
  display: block;
  position: relative;
  margin: 60px auto;
  width: auto;
  overflow: hidden; }
  .parent-jump-to-sd > section {
    width: auto;
    z-index: 8;
    position: relative;
    transition: all 600ms ease; }
  .parent-jump-to-sd > section.center {
    margin: 0 auto !important; }
  .parent-jump-to-sd div.component-area {
    display: block;
    float: left;
    width: 222px;
    margin-right: 24px; }
    .parent-jump-to-sd div.component-area .image-area {
      display: block;
      margin-bottom: 8px;
      border: 1px solid transparent;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box; }
      .parent-jump-to-sd div.component-area .image-area img {
        vertical-align: bottom;
        margin: -1px;
        position: relative;
        z-index: -2;
        width: 222px;
        height: 407px;
        text-align: center;
        background: transparent url("http://uniqlo.scene7.com/is/content/UNIQLO/us_site_assets/global_assets/UNIQLO_image_loader.gif") no-repeat center; }
    .parent-jump-to-sd div.component-area .image-area.border-enable {
      border-color: #e7e7e7; }
      .parent-jump-to-sd div.component-area .image-area.border-enable img {
        vertical-align: bottom;
        margin: -1px;
        position: relative;
        z-index: -2;
        width: 222px;
        height: 407px; }
    .parent-jump-to-sd div.component-area a.image-area:hover {
      border-color: #7a7a7a; }
    .parent-jump-to-sd div.component-area a.image-area.border-enable:hover {
      border-color: 1px solid #7a7a7a; }
  .parent-jump-to-sd section h1 {
    font-family: "UniqloBoldRegular", helvetica, arial;
    font-weight: normal;
    font-size: 16px;
    line-height: 18px;
    color: #000;
    margin: 0 0 8px; }
  .parent-jump-to-sd section h2 {
    font-family: "UniqloBoldRegular", helvetica, arial;
    font-weight: normal;
    font-size: 16px;
    line-height: 18px;
    color: #000;
    margin: 0 0 8px; }
  .parent-jump-to-sd section a.link-text {
    font-family: "UniqloBoldRegular", helvetica, arial;
    font-weight: normal;
    font-size: 13px;
    line-height: 15px;
    display: block;
    color: #FE0E0D;
    padding-left: 12px;
    text-decoration: none;
    background-image: url("http://uniqlo.scene7.com/is/image/UNIQLO/components-text-linkbullet?op_colorize=ff0000,norm,15&fmt=png-alpha");
    background-position: left .2em;
    background-repeat: no-repeat; }
    .parent-jump-to-sd section a.link-text:hover {
      text-decoration: none; }
      .parent-jump-to-sd section a.link-text:hover:before {
        text-decoration: none; }
    .parent-jump-to-sd section a.link-text:before {
      text-decoration: none; }
  .parent-jump-to-sd .f_ubr {
    font-family: "UniqloBoldRegular", helvetica, arial !important;
    font-weight: normal !important;
    text-align: left; }
  .parent-jump-to-sd .f_ubrr {
    font-family: "UniqloBoldRoundedRegular", helvetica, arial !important;
    font-weight: normal !important; }
  .parent-jump-to-sd .navigation-area {
    font-family: "UniqloBoldRegular", helvetica, arial;
    font-weight: normal;
    font-size: 13px;
    font-weight: normal;
    line-height: 20px;
    display: block;
    position: relative;
    width: 140px;
    padding: 6px 0;
    margin: 0 auto;
    text-align: center; }
    .parent-jump-to-sd .navigation-area .sprites-jump-to-sd-prev {
      width: 18px;
      height: 32px;
      display: inline-block;
      left: 0;
      top: 0;
      position: absolute;
      cursor: pointer; }
    .parent-jump-to-sd .navigation-area img.btn-prev {
      position: absolute;
      left: 0;
      top: 0;
      cursor: pointer; }
    .parent-jump-to-sd .navigation-area .sprites-jump-to-sd-next {
      width: 18px;
      height: 32px;
      display: inline-block;
      right: 0;
      top: 0;
      position: absolute;
      cursor: pointer; }
    .parent-jump-to-sd .navigation-area img.btn-next {
      position: absolute;
      right: 0;
      top: 0;
      cursor: pointer; }
  .parent-jump-to-sd ul li {
    display: inline-block; }

html.js .parent-jump-to-sd > section {
  width: 9999px; }

.home-component {
  display: block;
  width: 100%;
  min-width: 720px;
  margin: 60px auto; }
  .home-component section {
    display: block;
    position: relative;
    width: 100%; }
    .home-component section .area-image {
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 460px;
      overflow: hidden; }
      .home-component section .area-image:hover {
        display: block;
        left: 0;
        top: 0;
        width: 100%; }
      .home-component section .area-image img {
        width: 1872px;
        height: 100%;
        text-align: center;
        background: transparent url("http://uniqlo.scene7.com/is/content/UNIQLO/us_site_assets/global_assets/UNIQLO_image_loader.gif") no-repeat center; }
      .home-component section .area-image img.map-image {
        background: 0;
        z-index: 4;
        width: 1872px;
        height: 460px; }
    .home-component section a.area-image {
      cursor: pointer; }
    .home-component section span.line {
      display: block;
      overflow: hidden;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box;
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;
      margin: 0 !important;
      padding: 0 !important; }
    .home-component section div.border span.line {
      border: 1px solid #e7e7e7; }
    .home-component section:hover div.hover-enable.hover-area span.line {
      border: 1px solid #7a7a7a; }
  .home-component div.table span.line {
    z-index: -2;
    width: 34%; }
  .home-component div.table div.table-cell {
    display: table-cell;
    padding: 0 10%;
    vertical-align: middle; }
    .home-component div.table div.table-cell img.image-icon {
      display: block;
      width: auto;
      height: auto;
      max-height: 70px;
      cursor: pointer; }
    .home-component div.table div.table-cell img.image-icon.bg-white {
      background-color: #fff;
      padding: 4px; }
    .home-component div.table div.table-cell h1 {
      font-family: "UniqloBoldRegular", helvetica, arial;
      font-weight: normal;
      font-size: 36px;
      line-height: 32px;
      color: #000;
      margin: 16px 0 14px;
      text-transform: uppercase;
      cursor: pointer; }
    .home-component div.table div.table-cell h2 {
      font-family: "UniqloBoldRegular", helvetica, arial;
      font-weight: normal;
      font-size: 36px;
      line-height: 32px;
      color: #000;
      margin: 16px 0 14px;
      text-transform: uppercase;
      cursor: pointer; }
    .home-component div.table div.table-cell p.sub-head {
      font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
      font-weight: normal;
      font-size: 16px;
      text-align: left;
      line-height: 22px;
      margin-bottom: 19px;
      margin-left: 0;
      color: #000;
      cursor: pointer; }
    .home-component div.table div.table-cell p.product-name {
      font-family: "UniqloBoldRegular", helvetica, arial;
      font-weight: normal;
      font-size: 14px;
      line-height: 16px;
      margin-bottom: 11px;
      color: #000;
      cursor: pointer; }
    .home-component div.table div.table-cell p.msrp {
      font-family: "UniqloRegularRegular";
      font-weight: normal;
      font-size: 18px;
      margin-bottom: 6px;
      text-decoration: line-through;
      color: #000;
      font-size: 18px;
      line-height: 11px;
      cursor: pointer; }
    .home-component div.table div.table-cell p.sale-price {
      font-family: "UniqloRegularRegular";
      font-weight: normal;
      font-size: 25px;
      margin-bottom: 6px;
      color: #FE0E0D;
      cursor: pointer; }
    .home-component div.table div.table-cell div.flag span {
      font-family: "UniqloBoldRegular", helvetica, arial;
      font-weight: normal;
      font-size: 11px;
      display: inline-block;
      background-color: #FE0E0D;
      color: #fff;
      padding: 2px 4px;
      margin: 0 3px 3px 0;
      cursor: pointer; }
  .home-component .button-link-area {
    border: 1px solid #e7e7e7;
    border-top: 0; }
  .home-component ul.tab-label {
    text-align: center;
    padding: 18px 3.5%;
    margin-right: -6px;
    margin-left: -6px; }
    .home-component ul.tab-label li {
      font-family: "UniqloBoldRegular", helvetica, arial;
      font-weight: normal;
      font-size: 18px;
      line-height: 17px;
      float: left;
      display: block;
      position: relative;
      text-align: center;
      text-transform: uppercase;
      border-collapse: separate; }
      .home-component ul.tab-label li a {
        margin-right: 6px;
        margin-left: 6px;
        display: block; }
      .home-component ul.tab-label li div {
        border: 3px solid #000;
        padding: 0 6px;
        color: #000;
        height: 41px;
        vertical-align: middle;
        display: table-cell;
        width: 1%; }
        .home-component ul.tab-label li div:hover {
          border: 3px solid #FE0E0D;
          background-color: #FE0E0D;
          color: #fff; }
  .home-component ul.tab-label.column1 {
    margin: auto;
    width: 400px; }
    .home-component ul.tab-label.column1 li {
      margin: auto;
      width: 100%; }
      .home-component ul.tab-label.column1 li a {
        margin: auto; }
      .home-component ul.tab-label.column1 li div {
        width: 400px; }
  .home-component ul.tab-label.column2 {
    margin: auto;
    width: 800px; }
    .home-component ul.tab-label.column2 li {
      width: 50%; }
      .home-component ul.tab-label.column2 li:first-child a {
        margin: 0 6px 0 0; }
      .home-component ul.tab-label.column2 li:last-child a {
        margin: 0 0 0 6px; }
      .home-component ul.tab-label.column2 li div {
        width: 400px; }
  .home-component ul.tab-label.column3 li {
    width: 33%; }
    .home-component ul.tab-label.column3 li:nth-child(2) {
      width: 34%; }
      .home-component ul.tab-label.column3 li:nth-child(2) div {
        max-width: 34%; }
    .home-component ul.tab-label.column3 li div {
      max-width: 33%; }
  .home-component ul.tab-label.column4 li {
    width: 25%; }
    .home-component ul.tab-label.column4 li div {
      max-width: 25%; }
  .home-component ul.tab-label.column5 li {
    width: 20%; }
    .home-component ul.tab-label.column5 li div {
      max-width: 20%; }
  .home-component .f_ubr {
    font-family: "UniqloBoldRegular", helvetica, arial !important;
    font-weight: normal !important;
    text-align: left; }
  .home-component .f_ubrr {
    font-family: "UniqloBoldRoundedRegular", helvetica, arial !important;
    font-weight: normal !important; }

.home-component.left section .area-image img {
  position: absolute;
  left: 67%;
  top: 0;
  margin-left: -1254px;
  z-index: -2; }

.home-component.left div.table {
  display: table;
  width: 34%;
  margin-bottom-right: -316px;
  height: 460px;
  z-index: 4; }

.home-component.left div.table.white-box span.line {
  width: 34%;
  position: absolute;
  box-sizing: border-box;
  background-color: #fff;
  border-left: 1px solid #e7e7e7;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7; }

.home-component.right section .area-image img {
  position: absolute;
  right: 67%;
  top: 0;
  margin-right: -1254px;
  z-index: -2; }

.home-component.right div.table {
  display: table;
  width: 34%;
  margin-left: 66%;
  height: 460px;
  z-index: 4; }

.home-component.right div.table.white-box span.line {
  width: 34%;
  position: absolute;
  box-sizing: border-box;
  background-color: #fff;
  border-right: 1px solid #e7e7e7;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7; }

.home-component.center section .area-image img.left {
  position: absolute;
  top: 0;
  z-index: -2;
  left: 17%;
  margin-left: -318px;
  width: 636px;
  background-position: 43% center; }

.home-component.center section .area-image img.right {
  position: absolute;
  top: 0;
  z-index: -2;
  right: 17%;
  margin-right: -318px;
  width: 636px;
  background-position: 57% center; }

.home-component.center section .area-image img.map-image {
  z-index: 4;
  width: 636px;
  height: 460px; }

.home-component.center div.table {
  display: table;
  width: 32%;
  margin-left: 34%;
  height: 460px;
  z-index: 4; }
  .home-component.center div.table div.table-cell {
    padding: 0 5%;
    text-align: center;
    background-color: #fff;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7; }
    .home-component.center div.table div.table-cell div.area div.homeIconParts.newHomePartsIconImage {
      border: 0;
      margin-left: auto;
      margin-right: auto;
      display: block; }
    .home-component.center div.table div.table-cell img.image-icon {
      margin-left: auto;
      margin-right: auto;
      display: block;
      width: auto;
      height: auto;
      max-height: 70px; }
    .home-component.center div.table div.table-cell img.image-icon.bg-white {
      background-color: #fff;
      padding: 4px; }

#movieContents {
  font-family: "UniqloBoldRegular", helvetica, arial;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 52;
  display: none; }
  #movieContents div.modalOverlay {
    background-color: #fff;
    opacity: .90;
    filter: alpha(opacity=90);
    z-index: 78;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0; }
  #movieContents p.title {
    font-family: "UniqloBoldRegular", helvetica, arial;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    margin-top: 6px;
    text-align: left; }

#movieContainer {
  text-align: center;
  padding: 25px 40px;
  margin: 0 auto;
  background-color: #fff;
  z-index: 80;
  position: relative; }

#movieContainerCloseButton {
  text-align: right;
  margin-bottom: 25px; }
  #movieContainerCloseButton a {
    color: #afafaf;
    font-family: "UniqloBoldRegular", helvetica, arial;
    font-weight: normal;
    font-size: 13px;
    display: inline-block;
    text-align: right; }
    #movieContainerCloseButton a .sprites-modal-component-close-button {
      height: 34px;
      width: 34px;
      display: inline-block;
      text-indent: -9999px;
      text-align: left; }

div.price-area {
  min-width: 225px; }

@media only screen and (min-width: 750px) {
  .slideshowFrame {
    padding: 407px 0 110px 0; }
  .slide-tabs {
    top: 0; } }

@media only screen and (min-width: 1122px) {
  .slideshowFrame {
    padding: 407px 0 0 0; } }

@media screen and (max-width: 1246px) {
  stores-standalone .store-modal .main-image {
    width: 376px;
    height: 303px; }
    stores-standalone .store-modal .main-image img {
      width: 376px;
      height: 303px; }
  .stores-standalone .store-modal .modal-gallery {
    width: 376px; }
  .stores-standalone #section-content {
    width: 776px;
    margin: 0; } }

@media only screen and (max-width: 1152px) {
  .success-tab {
    border: 3px solid #000;
    padding: 40px 10px;
    text-align: center;
    position: relative;
    display: none;
    width: 100%; }
  .un-col-sm {
    width: 100%;
    float: left;
    padding: 0;
    margin: 50px 0 0 0;
    text-align: center; } }

@media only screen and (max-width: 1024px) {
  .emember #email {
    font-size: 18px; }
  .emember #submit {
    font-size: 18px; } }

@media screen and (min-width: 1024px) {
  .image-only-component .inner {
    width: 960px; } }

@media screen and (max-width: 784px) {
  .image-plus-copy-component section {
    position: relative; }
  .image-plus-copy-component div.text-area {
    width: 61%;
    position: absolute;
    right: 0;
    top: 0; } }

@media only screen and (max-width: 1023px) {
  .new-hero-component {
    display: block;
    position: relative;
    width: 100%;
    min-width: 720px;
    height: auto; }
    .new-hero-component:hover.hover-enable {
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box; }
    .new-hero-component section .area-image {
      display: block;
      position: relative;
      width: 720px;
      height: 460px;
      overflow: hidden; }
      .new-hero-component section .area-image img {
        background-position: 53.5% center;
        position: absolute;
        left: -638px;
        top: 0;
        margin-left: 0;
        z-index: -2; }
    .new-hero-component section a.area-image:hover img {
      margin: 0; }
    .new-hero-component div.table {
      position: static;
      display: block;
      width: 100%;
      left: 0;
      top: 0;
      height: auto;
      padding: 0 0 18px 0;
      z-index: 4; }
      .new-hero-component div.table div.table-cell {
        display: block;
        padding: 0;
        vertical-align: top;
        text-align: center; }
        .new-hero-component div.table div.table-cell img.image-icon {
          display: block;
          position: absolute;
          left: 20px;
          top: 20px;
          margin: 0 auto;
          z-index: -2; }
        .new-hero-component div.table div.table-cell .newHeroPartsIconImage.newHeroIconParts {
          display: block;
          position: absolute;
          left: 20px;
          top: 20px;
          margin: 0 auto;
          z-index: -2; }
          .new-hero-component div.table div.table-cell .newHeroPartsIconImage.newHeroIconParts img.image-icon {
            display: block;
            position: relative;
            left: auto;
            top: auto;
            margin: auto;
            z-index: auto; }
        .new-hero-component div.table div.table-cell h1 {
          font-size: 36px;
          line-height: 32px;
          margin-top: 20px;
          margin-bottom: 10px;
          text-align: center; }
        .new-hero-component div.table div.table-cell h2 {
          font-size: 36px;
          line-height: 32px;
          margin-top: 20px;
          margin-bottom: 10px;
          text-align: center; }
        .new-hero-component div.table div.table-cell p {
          text-align: left; }
        .new-hero-component div.table div.table-cell p.sub-head {
          color: #000 !important;
          font-size: 16px;
          margin-bottom: 22px;
          line-height: 20px;
          text-align: left;
          margin-left: 0; }
        .new-hero-component div.table div.table-cell p.msrp {
          color: #000 !important;
          font-size: 11px;
          margin-bottom: 4px; }
        .new-hero-component div.table div.table-cell p.msrp.befor {
          color: #000 !important;
          font-size: 11px; }
        .new-hero-component div.table div.table-cell p.msrp.after {
          color: #000 !important;
          font-size: 11px; }
        .new-hero-component div.table div.table-cell p.sale-price {
          color: #FE0E0D !important;
          margin-bottom: 4px;
          font-size: 20px; }
        .new-hero-component div.table div.table-cell p.sale-price.befor {
          color: #FE0E0D !important;
          font-size: 16px; }
        .new-hero-component div.table div.table-cell p.sale-price.after {
          color: #FE0E0D !important;
          font-size: 16px; }
        .new-hero-component div.table div.table-cell div.flag {
          color: #fff !important;
          margin-bottom: 5px;
          text-align: center; }
          .new-hero-component div.table div.table-cell div.flag span {
            background-color: #FE0E0D !important; }
        .new-hero-component div.table div.table-cell a.link-text {
          color: #FE0E0D !important;
          font-size: 14px;
          line-height: 16px;
          text-align: center;
          display: inline-block; }
          .new-hero-component div.table div.table-cell a.link-text img.bulletArrow {
            display: none; }
          .new-hero-component div.table div.table-cell a.link-text img.bulletArrow.default {
            display: inline; }
  .new-hero-component.hover-enable:hover section span.line {
    border: 1px solid #7a7a7a; }
  .new-unblocked-promo-component:hover section a.area-image {
    border: 1px solid #7a7a7a;
    border-bottom: 0; }
    .new-unblocked-promo-component:hover section a.area-image img {
      margin-top: -1px; }
  .new-unblocked-promo-component section .area-image {
    width: 100%;
    float: none;
    border-bottom: 0; }
  .new-unblocked-promo-component section div.text-area {
    width: 100%;
    float: none;
    display: block;
    border: 1px solid #e7e7e7;
    border-top: 0; }
    .new-unblocked-promo-component section div.text-area div.table-area {
      display: table;
      width: 100%;
      padding: 14px 14px 11px;
      height: auto;
      vertical-align: top; }
    .new-unblocked-promo-component section div.text-area div.left-area {
      vertical-align: top;
      display: table-cell;
      width: 64%;
      padding-right: 15px;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      box-sizing: border-box; }
    .new-unblocked-promo-component section div.text-area div.price-area {
      display: table-cell;
      text-align: right; }
    .new-unblocked-promo-component section div.text-area h1 {
      font-size: 16px;
      line-height: 16px;
      color: #000;
      margin: 0 0 9px;
      text-transform: uppercase; }
    .new-unblocked-promo-component section div.text-area h2 {
      font-size: 16px;
      line-height: 16px;
      color: #000;
      margin: 0 0 9px;
      text-transform: uppercase; }
    .new-unblocked-promo-component section div.text-area p.sub-head {
      color: #000 !important;
      font-size: 14px;
      line-height: 18px;
      color: #000;
      margin-bottom: 0;
      text-align: left;
      margin-left: 0; }
    .new-unblocked-promo-component section div.text-area p.msrp {
      color: #000 !important;
      margin-bottom: 4px; }
      .new-unblocked-promo-component section div.text-area p.msrp span {
        font-size: 14px; }
    .new-unblocked-promo-component section div.text-area p.sale-price {
      color: #FE0E0D !important;
      margin-bottom: 4px; }
      .new-unblocked-promo-component section div.text-area p.sale-price span {
        font-size: 20px; }
    .new-unblocked-promo-component section div.text-area div.flag {
      margin-right: -3px;
      margin-bottom: 5px; }
      .new-unblocked-promo-component section div.text-area div.flag span {
        display: inline-block;
        background-color: #FE0E0D !important;
        color: #fff !important;
        padding: 2px 4px 0;
        margin: 0 3px 3px 0; }
    .new-unblocked-promo-component section div.text-area a.link-text {
      float: right;
      font-size: 14px;
      line-height: 16px;
      color: #FE0E0D !important; }
      .new-unblocked-promo-component section div.text-area a.link-text:hover {
        text-decoration: none; }
      .new-unblocked-promo-component section div.text-area a.link-text img.bulletArrow {
        display: none; }
      .new-unblocked-promo-component section div.text-area a.link-text img.bulletArrow.default {
        display: inline; }
  .new-unblocked-promo-component .f_ubr {
    font-family: "UniqloBoldRegular", helvetica, arial !important;
    font-weight: normal !important;
    text-align: left; }
  .new-unblocked-promo-component .f_ubrr {
    font-family: "UniqloBoldRoundedRegular", helvetica, arial !important;
    font-weight: normal !important; }
  .new-unblocked-promo-component.border-enable section .area-image {
    border: 1px solid #e7e7e7;
    border-bottom: 0; }
  .new-unblocked-promo-component.border-enable:hover section .area-image img {
    margin-top: 0; }
  .home-main-01 .parent-new-unblocked-promo-component.column2 div.component-area section div.text-area div.left-area {
    width: auto; }
  .parent-new-unblocked-promo-component section div.text-area h1 {
    color: #000 !important; }
  .parent-new-unblocked-promo-component section div.text-area h2 {
    color: #000 !important; }
  .parent-new-unblocked-promo-component section div.text-area p.sub-head {
    color: #000 !important;
    text-align: left;
    margin-left: 0; }
  .parent-new-unblocked-promo-component section div.text-area p.msrp span {
    color: #000 !important; }
  .parent-new-unblocked-promo-component section div.text-area p.sale-price span {
    color: #FE0E0D !important; }
  .parent-new-unblocked-promo-component section div.text-area div.flag span {
    color: #fff !important;
    background-color: #FE0E0D !important; }
  .parent-new-unblocked-promo-component section div.text-area a.link-text {
    color: #FE0E0D !important; }
  .parent-new-unblocked-promo-component.column2 div.component-area section div.text-area div.left-area {
    float: left;
    width: 64%;
    max-width: 100%;
    margin-bottom: 0; }
  .parent-new-unblocked-promo-component.column2 div.component-area section div.text-area div.price-area {
    float: none;
    width: 100%;
    line-height: 0; }
  .parent-new-unblocked-promo-component.column3 div.component-area:first-child {
    width: 100%;
    padding: 0;
    margin-bottom: 24px; }
    .parent-new-unblocked-promo-component.column3 div.component-area:first-child section div.text-area div.logo-area img {
      max-width: none !important;
      width: auto;
      max-height: 70px !important; }
    .parent-new-unblocked-promo-component.column3 div.component-area:first-child section .area-image img {
      width: 1254px; }
    .parent-new-unblocked-promo-component.column3 div.component-area:first-child .area-image {
      height: 407px; }
      .parent-new-unblocked-promo-component.column3 div.component-area:first-child .area-image img {
        height: 407px;
        margin-left: -627px; }
    .parent-new-unblocked-promo-component.column3 div.component-area:first-child div.text-area div.logo-area {
      position: absolute;
      right: 18px;
      top: 18px; }
      .parent-new-unblocked-promo-component.column3 div.component-area:first-child div.text-area div.logo-area img {
        margin: 0;
        padding: 0; }
  .parent-new-unblocked-promo-component.column3 div.component-area:nth-child(2) {
    width: 50%;
    padding: 0 12px 0 0; }
    .parent-new-unblocked-promo-component.column3 div.component-area:nth-child(2) section div.text-area div.left-area {
      float: none;
      width: 100%;
      max-width: 100%;
      margin-bottom: 11px;
      padding-right: 0; }
    .parent-new-unblocked-promo-component.column3 div.component-area:nth-child(2) section div.text-area div.price-area {
      float: none;
      width: 100%; }
  .parent-new-unblocked-promo-component.column3 div.component-area:last-child {
    width: 50%;
    padding: 0 0 0 12px; }
    .parent-new-unblocked-promo-component.column3 div.component-area:last-child section div.text-area div.left-area {
      float: none;
      width: 100%;
      max-width: 100%;
      margin-bottom: 11px;
      padding-right: 0; }
    .parent-new-unblocked-promo-component.column3 div.component-area:last-child section div.text-area div.price-area {
      float: none;
      width: 100%; }
  .new-contents-slide-component.hover-enable:hover section .border-box {
    border-bottom: 1px solid #7a7a7a; }
  .new-contents-slide-component.border-enable section .border-box {
    border-bottom: 1px solid #e7e7e7; }
  .new-contents-slide-component section .area-image img {
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -1255px;
    z-index: 0; }
  .new-contents-slide-component section div.table-area {
    width: 100%;
    height: auto;
    padding: 407px 0 0; }
    .new-contents-slide-component section div.table-area div.text-area {
      display: table;
      width: 100%;
      margin: 11px 0 12px;
      padding: 0;
      vertical-align: top; }
      .new-contents-slide-component section div.table-area div.text-area div.copy-area {
        display: table-cell;
        width: 64%; }
        .new-contents-slide-component section div.table-area div.text-area div.copy-area h1 {
          display: block;
          font-size: 16px;
          line-height: 16px;
          margin: 0 15px 7px;
          text-transform: uppercase;
          color: #000 !important; }
        .new-contents-slide-component section div.table-area div.text-area div.copy-area h2 {
          display: block;
          font-size: 16px;
          line-height: 16px;
          margin: 0 15px 7px;
          text-transform: uppercase;
          color: #000 !important; }
        .new-contents-slide-component section div.table-area div.text-area div.copy-area p.sub-head {
          display: block;
          font-size: 14px;
          line-height: 18px;
          margin: 0 15px 0 0;
          text-align: left;
          color: #000 !important; }
      .new-contents-slide-component section div.table-area div.text-area div.price-area {
        display: table-cell;
        width: 36%;
        min-width: 36%;
        text-align: right;
        padding-right: 15px;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box; }
        .new-contents-slide-component section div.table-area div.text-area div.price-area p.msrp span {
          font-size: 14px; }
        .new-contents-slide-component section div.table-area div.text-area div.price-area p.sale-price span {
          font-size: 20px; }
      .new-contents-slide-component section div.table-area div.text-area p.msrp {
        margin-bottom: 3px; }
      .new-contents-slide-component section div.table-area div.text-area p.sale-price {
        margin-bottom: 5px; }
      .new-contents-slide-component section div.table-area div.text-area div.flag {
        margin-bottom: 6px; }
      .new-contents-slide-component section div.table-area div.text-area a.link-text {
        color: #FE0E0D !important;
        font-size: 14px;
        line-height: 16px; }
        .new-contents-slide-component section div.table-area div.text-area a.link-text img.bulletArrow {
          display: none; }
        .new-contents-slide-component section div.table-area div.text-area a.link-text img.bulletArrow.default {
          display: inline; }
  .new-contents-slide-component section div.table-area.bg-white {
    border: 1px solid #e7e7e7;
    border-top: 0; }
  .parent-new-contents-slide-component {
    padding-top: 0;
    position: relative; }
    .parent-new-contents-slide-component > section {
      height: auto;
      *zoom: 1; }
      .parent-new-contents-slide-component > section:before {
        content: "";
        display: table; }
      .parent-new-contents-slide-component > section:after {
        content: "";
        display: table;
        clear: both; }
    .parent-new-contents-slide-component div.component-area.active {
      display: block; }
      .parent-new-contents-slide-component div.component-area.active section div.table-area {
        width: 100%;
        left: auto;
        top: auto; }
    .parent-new-contents-slide-component div.component-area.border-enable section .border-box {
      border-bottom: 0; }
    .parent-new-contents-slide-component div.component-area.border-enable section .area-image img {
      z-index: -2; }
    .parent-new-contents-slide-component div.component-area.border-enable section a.area-image img {
      z-index: -2; }
    .parent-new-contents-slide-component div.component-area.border-enable:hover section .area-image img {
      z-index: -2; }
    .parent-new-contents-slide-component div.component-area.border-enable:hover section a.area-image img {
      z-index: -2; }
    .parent-new-contents-slide-component div.component-area section .area-image {
      display: block;
      width: 100%;
      height: 407px;
      position: relative;
      overflow: hidden; }
      .parent-new-contents-slide-component div.component-area section .area-image img {
        position: absolute;
        left: 50%;
        top: 0;
        margin-left: -1255px;
        z-index: 0;
        height: 407px; }
    .parent-new-contents-slide-component div.component-area section div.table-area {
      height: auto;
      margin-right: 0;
      width: 100%;
      padding-top: 0; }
      .parent-new-contents-slide-component div.component-area section div.table-area div.text-area {
        width: 100%;
        min-width: 700px;
        margin: 12px 0 12px;
        padding: 15px;
        vertical-align: top; }
        .parent-new-contents-slide-component div.component-area section div.table-area div.text-area div.flag {
          margin-right: -3px; }
          .parent-new-contents-slide-component div.component-area section div.table-area div.text-area div.flag span {
            color: #fff !important;
            background-color: #FE0E0D !important; }
        .parent-new-contents-slide-component div.component-area section div.table-area div.text-area h1 {
          font-size: 16px;
          line-height: 16px;
          color: #000; }
        .parent-new-contents-slide-component div.component-area section div.table-area div.text-area h2 {
          font-size: 16px;
          line-height: 16px;
          color: #000; }
        .parent-new-contents-slide-component div.component-area section div.table-area div.text-area p.sub-head {
          font-size: 14px;
          line-height: 18px;
          color: #000;
          margin-bottom: 24px;
          text-align: left;
          margin-left: 0; }
        .parent-new-contents-slide-component div.component-area section div.table-area div.text-area div.copy-area {
          display: table-cell;
          width: 64%;
          float: left;
          max-width: 64%; }
          .parent-new-contents-slide-component div.component-area section div.table-area div.text-area div.copy-area h1 {
            color: #000 !important;
            display: block;
            font-size: 16px;
            line-height: 16px;
            margin: 0 0 7px; }
          .parent-new-contents-slide-component div.component-area section div.table-area div.text-area div.copy-area h2 {
            color: #000 !important;
            display: block;
            font-size: 16px;
            line-height: 16px;
            margin: 0 0 7px; }
          .parent-new-contents-slide-component div.component-area section div.table-area div.text-area div.copy-area p.sub-head {
            color: #000 !important;
            display: block;
            font-size: 14px;
            line-height: 18px;
            margin: 0 15px 0 0;
            text-align: left; }
        .parent-new-contents-slide-component div.component-area section div.table-area div.text-area div.price-area {
          color: #000 !important;
          display: table-cell;
          width: 36%;
          min-width: 36%;
          text-align: right;
          padding-right: 15px;
          -ms-box-sizing: border-box;
          -o-box-sizing: border-box;
          box-sizing: border-box; }
          .parent-new-contents-slide-component div.component-area section div.table-area div.text-area div.price-area p.msrp {
            color: #000 !important;
            margin-bottom: 3px; }
            .parent-new-contents-slide-component div.component-area section div.table-area div.text-area div.price-area p.msrp span {
              font-size: 14px; }
          .parent-new-contents-slide-component div.component-area section div.table-area div.text-area div.price-area p.sale-price {
            color: #FE0E0D !important;
            margin-bottom: 2px; }
            .parent-new-contents-slide-component div.component-area section div.table-area div.text-area div.price-area p.sale-price span {
              font-size: 20px; }
        .parent-new-contents-slide-component div.component-area section div.table-area div.text-area a.link-text {
          color: #FE0E0D !important;
          font-size: 14px;
          line-height: 16px;
          float: right; }
          .parent-new-contents-slide-component div.component-area section div.table-area div.text-area a.link-text img.bulletArrow {
            display: none; }
          .parent-new-contents-slide-component div.component-area section div.table-area div.text-area a.link-text img.bulletArrow.default {
            display: inline; }
      .parent-new-contents-slide-component div.component-area section div.table-area img.lazy-load.logo-image {
        position: absolute;
        right: 18px;
        top: 18px;
        margin-left: 0;
        z-index: 8; }
    .parent-new-contents-slide-component div.component-area section a.area-image img {
      z-index: 0; }
    .parent-new-contents-slide-component div.component-area:hover section .area-image img {
      z-index: 0; }
    .parent-new-contents-slide-component div.component-area:hover section a.area-image img {
      z-index: -2; }
    .parent-new-contents-slide-component .f_ubr {
      font-family: "UniqloBoldRegular", helvetica, arial !important;
      font-weight: normal !important;
      text-align: left; }
    .parent-new-contents-slide-component .f_ubrr {
      font-family: "UniqloBoldRoundedRegular", helvetica, arial !important;
      font-weight: normal !important; }
  .parent-jump-to-sd {
    width: 714px; }
  .home-component {
    height: auto;
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    min-width: 720px; }
    .home-component section span.line {
      height: 350px; }
    .home-component section:hover div.hover-enable.hover-area span.line {
      border: 0; }
    .home-component section div.hover-enable.hover-area.on span.line {
      border: 1px solid #7a7a7a; }
    .home-component section div.hover-enable.hover-area:hover span.line {
      border: 1px solid #7a7a7a; }
    .home-component section .area-image {
      display: block;
      position: relative;
      height: 350px;
      overflow: hidden; }
      .home-component section .area-image img {
        height: 350px;
        width: 1424px; }
      .home-component section .area-image img.map-image {
        z-index: 4;
        width: 1424px;
        height: 350px; }
    .home-component div.table {
      position: static;
      display: block;
      width: 100%;
      left: 0;
      top: 0;
      height: auto;
      padding: 0 0 24px 0;
      z-index: 4; }
      .home-component div.table div.table-cell {
        display: block;
        padding: 0; }
        .home-component div.table div.table-cell div.area > div {
          display: table-cell;
          text-align: center;
          padding: 0 10%;
          vertical-align: middle;
          word-break: break-all; }
        .home-component div.table div.table-cell div.sub-head-area {
          margin-top: 16px; }
        .home-component div.table div.table-cell div.price-area {
          width: 50%;
          float: left;
          left: 50%;
          margin-top: 18px;
          text-align: right; }
          .home-component div.table div.table-cell div.price-area * {
            padding-left: 6px; }
        .home-component div.table div.table-cell img.image-icon {
          display: block;
          z-index: 6; }
        .home-component div.table div.table-cell div.left-area img.image-icon {
          position: initial;
          margin: 0; }
        .home-component div.table div.table-cell div.left-area h1 {
          text-align: left; }
        .home-component div.table div.table-cell div.left-area h2 {
          text-align: left; }
        .home-component div.table div.table-cell div.right-area img.image-icon {
          position: initial;
          margin: 0; }
        .home-component div.table div.table-cell div.right-area h1 {
          text-align: left; }
        .home-component div.table div.table-cell div.right-area h2 {
          text-align: left; }
        .home-component div.table div.table-cell h1 {
          font-size: 36px;
          line-height: 32px;
          margin-top: 21px;
          margin-bottom: 12px;
          text-align: left; }
        .home-component div.table div.table-cell h2 {
          font-size: 36px;
          line-height: 32px;
          margin-top: 21px;
          margin-bottom: 12px;
          text-align: left; }
        .home-component div.table div.table-cell p.sub-head {
          text-align: left;
          line-height: 22px;
          padding-right: 6px;
          color: #000 !important;
          cursor: default;
          margin-left: 0; }
        .home-component div.table div.table-cell p.product-name {
          line-height: 16px;
          color: #000 !important;
          cursor: default; }
        .home-component div.table div.table-cell p.msrp {
          font-size: 14px;
          cursor: default; }
        .home-component div.table div.table-cell p.sale-price {
          font-size: 25px;
          cursor: default; }
        .home-component div.table div.table-cell div.flag {
          margin-bottom: 12px;
          margin-right: -3px;
          cursor: default; }
          .home-component div.table div.table-cell div.flag span {
            background-color: #FE0E0D !important;
            color: #fff !important;
            cursor: default; }
        .home-component div.table div.table-cell a.link-text {
          text-align: center;
          display: inherit; }
    .home-component .button-link-area {
      border: 0; }
    .home-component ul.tab-label {
      padding: 0; }
      .home-component ul.tab-label li {
        padding-bottom: 12px; }
    .home-component ul.tab-label.column1 {
      width: 100%; }
      .home-component ul.tab-label.column1 li {
        max-width: 100%; }
        .home-component ul.tab-label.column1 li div {
          width: 1000px; }
    .home-component ul.tab-label.column2 {
      width: 100%; }
      .home-component ul.tab-label.column2 li {
        max-width: initial; }
        .home-component ul.tab-label.column2 li div {
          width: 500px; }
    .home-component ul.tab-label.column3 li {
      width: 33%; }
      .home-component ul.tab-label.column3 li:nth-child(2) {
        width: 34%; }
    .home-component ul.tab-label.column4 li:nth-child(1) {
      width: 50%;
      max-width: initial; }
    .home-component ul.tab-label.column4 li:nth-child(2) {
      width: 50%;
      max-width: initial; }
    .home-component ul.tab-label.column4 li:nth-child(3) {
      width: 50%;
      max-width: initial; }
    .home-component ul.tab-label.column4 li:nth-child(4) {
      width: 50%;
      max-width: initial; }
    .home-component ul.tab-label.column5 li:nth-child(1) {
      width: 50%;
      max-width: initial; }
    .home-component ul.tab-label.column5 li:nth-child(2) {
      width: 50%;
      max-width: initial; }
    .home-component ul.tab-label.column5 li:nth-child(3) {
      width: 33%; }
    .home-component ul.tab-label.column5 li:nth-child(4) {
      width: 34%; }
    .home-component ul.tab-label.column5 li:nth-child(5) {
      width: 33%; }
  .home-component.left div.table {
    display: table;
    width: 100%;
    height: 100%;
    z-index: 4; }
    .home-component.left div.table span.line {
      display: none; }
    .home-component.left div.table div.table-cell div.area {
      top: 0;
      display: table;
      position: absolute;
      width: 34%;
      height: 350px;
      z-index: -2; }
  .home-component.left section .area-image img {
    left: 67%;
    margin-left: -954px; }
  .home-component.right div.table {
    display: table;
    width: 100%;
    height: 100%;
    z-index: 4;
    margin-left: 0; }
    .home-component.right div.table span.line {
      display: none; }
    .home-component.right div.table div.table-cell div.area {
      top: 0;
      display: table;
      position: absolute;
      width: 34%;
      height: 350px;
      margin-left: 66%;
      z-index: -2; }
  .home-component.right section .area-image img {
    right: 67%;
    left: auto;
    margin-right: -954px; }
  .home-component.center div.table {
    display: table;
    width: 100%;
    z-index: 4;
    margin-left: 0;
    height: 0; }
    .home-component.center div.table span.line {
      display: none; }
    .home-component.center div.table div.table-cell {
      padding: 0;
      border: 0; }
      .home-component.center div.table div.table-cell div.area {
        top: 0;
        display: table;
        width: 32%;
        height: 350px;
        margin-left: 34%;
        position: absolute;
        background-color: #fff;
        z-index: -2; }
        .home-component.center div.table div.table-cell div.area div.homeIconParts.newHomePartsIconImage {
          border: 0;
          margin-left: auto;
          margin-right: auto;
          display: block; }
        .home-component.center div.table div.table-cell div.area > div {
          padding: 0 5%;
          border-top: 1px solid #e7e7e7;
          border-bottom: 1px solid #e7e7e7; }
      .home-component.center div.table div.table-cell h1 {
        text-align: center; }
      .home-component.center div.table div.table-cell h2 {
        text-align: center; }
  .home-component.center section .area-image.center img.left {
    position: absolute;
    left: 17%;
    height: 350px;
    width: auto;
    top: 0;
    margin-left: -242px; }
  .home-component.center section .area-image.center img.right {
    position: absolute;
    right: 17%;
    height: 350px;
    width: auto;
    top: 0;
    margin-right: -242px; }
  .home-component.center section .area-image.center img.map-image {
    z-index: 4;
    width: 484px;
    height: 350px; }
  .home-component.center section .area-image img.left {
    width: 484px;
    left: 17%;
    margin-left: -242px; }
  .home-component.center section .area-image img.right {
    width: 484px;
    right: 17%;
    margin-right: -242px; } }

@media only screen and (min-width: 1024px) and (max-width: 1365px) {
  .parent-new-unblocked-promo-component.column3 section div.text-area div.left-area {
    max-width: none; }
  .parent-new-unblocked-promo-component.column3 section div.text-area div.price-area {
    width: 100%; } }

@media only screen and (min-width: 1024px) {
  .parent-new-contents-slide-component > section {
    height: 407px; } }

@media only screen and (max-width: 1269px) and (min-width: 1024px) {
  .parent-jump-to-sd {
    width: 960px; } }

@media only screen and (max-width: 1515px) and (min-width: 1270px) {
  .parent-jump-to-sd {
    width: 1206px; } }

@media only screen and (max-width: 1761px) and (min-width: 1516px) {
  .parent-jump-to-sd {
    width: 1452px; } }

@media only screen and (min-width: 1762px) {
  .parent-jump-to-sd {
    width: 1698px; } }

/* Error Styles */
.error-page-header {
  background: #dfdfdd;
  position: relative;
  height: 260px;
  margin: 82px 0 115px; }
  .error-page-header .error-page-header__msg .content-asset {
    width: 216px;
    height: 256px;
    background: #ff0000;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 90px;
    margin-left: -128px;
    padding: 0 20px;
    font-family: "UniqloBoldRegular", helvetica, arial;
    text-transform: uppercase;
    display: table; }
    .error-page-header .error-page-header__msg .content-asset p {
      font-size: 35px;
      display: table-cell;
      vertical-align: middle;
      line-height: 1.13; }

.error-page-message .content-asset {
  width: 425px;
  margin: 0 auto; }
  .error-page-message .content-asset p {
    font-weight: 400 !important;
    font-size: 18px !important;
    line-height: 1.7em;
    text-align: center; }

.no-results-component .site-map-component {
  padding: 0;
  border-top: 0; }
  .no-results-component .site-map-component .main-guide {
    padding: 0;
    margin: 30px 0 0; }
    .no-results-component .site-map-component .main-guide ul {
      margin: 0; }
    .no-results-component .site-map-component .main-guide li:first-child {
      padding-left: 0; }

/* primary nav is defined in several decorator templates */
#primary {
  width: 560px;
  float: right;
  position: absolute;
  right: 0;
  margin-left: 10px; }
  #primary nav {
    display: block;
    width: 420px;
    height: 60px; }
    #primary nav li {
      background: url("im.uniqlo.com/images/us/pc/img/global/nav-sprite_US.png") left top no-repeat;
      float: left;
      height: 60px;
      z-index: 2;
      position: relative;
      width: 60px; }
      #primary nav li:hover a {
        z-index: 18; }
      #primary nav li a {
        display: block;
        height: 60px;
        position: absolute;
        text-indent: -9999px;
        width: 60px;
        z-index: 2; }
        #primary nav li a.current, #primary nav li a:hover, #primary nav li a.hover {
          background: url("im.uniqlo.com/images/us/pc/img/global/nav-sprite_US.png") left top no-repeat; }
        #primary nav li a.current {
          z-index: 18; }
        #primary nav li a.hover {
          z-index: 18; }
      #primary nav li.boys {
        background-position: -180px 0; }
        #primary nav li.boys:hover a, #primary nav li.boys a.current, #primary nav li.boys a.hover {
          background-position: -180px -60px; }
      #primary nav li.company {
        background-position: -300px 0; }
        #primary nav li.company:hover a, #primary nav li.company a.current, #primary nav li.company a.hover {
          background-position: -300px -60px; }
      #primary nav li.girls {
        background-position: -120px 0; }
        #primary nav li.girls:hover a, #primary nav li.girls a.current, #primary nav li.girls a.hover {
          background-position: -120px -60px; }
      #primary nav li.helpu {
        background-position: -360px 0; }
        #primary nav li.helpu:hover a, #primary nav li.helpu a.current, #primary nav li.helpu a.hover {
          background-position: -360px -60px; }
      #primary nav li.last-nav {
        width: 60px; }
      #primary nav li.men {
        background-position: -60px 0; }
        #primary nav li.men:hover a, #primary nav li.men a.current, #primary nav li.men a.hover {
          background-position: -60px -60px; }
      #primary nav li.women {
        margin-left: 0; }
        #primary nav li.women:hover a, #primary nav li.women a.current, #primary nav li.women a.hover {
          background-position: 0 -60px; }

/* helper class */
.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr; }
  .ir br {
    display: none; }

.hidden {
  display: none !important;
  visibility: hidden; }

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }
  .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto; }

.invisible {
  visibility: hidden; }

.clearfix, .category-switch {
  zoom: 1; }
  .clearfix:before, .category-switch:before {
    content: "";
    display: table; }
  
  .clearfix:after,
  .category-switch:after {
    content: "";
    display: table;
    clear: both; }

.font-size3em {
  font-size: 3em; }

/* clearfixes */
header:before, header:after {
  content: "";
  display: table; }

.items:before, .items:after {
  content: "";
  display: table; }

.item-desc:before, .item-desc:after {
  content: "";
  display: table; }

#review-item:before, #review-item:after {
  content: "";
  display: table; }

.button-container:before, .button-container:after {
  content: "";
  display: table; }

.addresses:before, .addresses:after {
  content: "";
  display: table; }

.fields:before, .fields:after {
  content: "";
  display: table; }

#login:before, #login:after {
  content: "";
  display: table; }

#looks:before, #looks:after {
  content: "";
  display: table; }

.innovation:before, .innovation:after {
  content: "";
  display: table; }

#innovations:before, #innovations:after {
  content: "";
  display: table; }

dd:before, dd:after {
  content: "";
  display: table; }

#product-name:before, #product-name:after {
  content: "";
  display: table; }

.listChip:before, .listChip:after {
  content: "";
  display: table; }

#product:before, #product:after {
  content: "";
  display: table; }

.field-row:before, .field-row:after {
  content: "";
  display: table; }

.buttons:before, .buttons:after {
  content: "";
  display: table; }

#suggestions .item .txt:before, #suggestions .item .txt:after {
  content: "";
  display: table; }

#suggestions ul:before, #suggestions ul:after {
  content: "";
  display: table; }

#main:before, #main:after {
  content: "";
  display: table; }

#page-title:before, #page-title:after {
  content: "";
  display: table; }

#total:before, #total:after {
  content: "";
  display: table; }

#order-summary:before, #order-summary:after {
  content: "";
  display: table; }

#cart-sub-total:before, #cart-sub-total:after {
  content: "";
  display: table; }

.order-additional-info:before, .order-additional-info:after {
  content: "";
  display: table; }

.sub-total dl:before, .sub-total dl:after {
  content: "";
  display: table; }

.proceed:before, .proceed:after {
  content: "";
  display: table; }

#customerItems ul li:after,
.summary-of-charges:after,
header:after,
.items:after,
.item-desc:after,
#review-item:after,
.button-container:after,
.addresses:after,
.fields:after,
#login:after,
#looks:after,
.innovation:after,
#innovations:after,
dd:after,
#product-name:after,
.listChip:after,
#product:after,
.field-row:after,
.buttons:after,
#suggestions .item .txt:after,
#suggestions ul:after,
#main:after,
#page-title:after,
#total:after,
#order-summary:after,
#cart-sub-total:after,
.order-additional-info:after,
.sub-total dl:after,
.proceed:after {
  clear: both; }

#customerItems ul li,
.summary-of-charges,
header,
.items,
.item-desc,
#review-item,
.button-container,
.addresses,
.fields,
#login,
#looks,
.innovation,
#innovations,
dd,
#product-name,
.listChip,
#product,
.field-row,
.buttons,
#suggestions .item .txt,
#suggestions ul,
#main,
#page-title,
#total,
#order-summary,
#cart-sub-total,
.order-additional-info,
.sub-total dl,
.proceed {
  zoom: 1; }

.refinement ul:after {
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
  clear: both;
  visibility: hidden; }

/* refine search */
.refineSearch {
  letter-spacing: 0.5px;
  z-index: 34;
  background-color: #000;
  text-transform: uppercase;
  color: #fff;
  font-weight: normal;
  overflow: hidden;
  height: 280px;
  transition-duration: 0.4s;
  transition-property: height; }
  .refineSearch a:hover,
  .refineSearch a:active {
    color: #fff; }
  .refineSearch.close {
    height: 84px; }
  .refineSearch ul li {
    color: #fff; }
  .refineSearch input {
    display: none; }
  .refineSearch .searchFilter {
    float: left;
    margin: 18px 20px 20px 30px; }
    .refineSearch .searchFilter h2 {
      font-weight: bold; }
    .refineSearch .searchFilter h3 {
      font-weight: lighter; }
    .refineSearch .searchFilter span {
      font-weight: lighter;
      display: inline-block;
      vertical-align: middle; }
      .refineSearch .searchFilter span.split {
        margin: 0px 10px; }
      .refineSearch .searchFilter span.resultsFor {
        font-size: 12px; }
  .refineSearch label div {
    line-height: 12px;
    padding-left: 18px;
    max-width: 105px;
    box-sizing: border-box;
    padding-top: 1.3px; }
  .refineSearch .searchResultTerm {
    max-width: 142px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .refineSearch .searchPrice label {
    background: black url("/im.uniqlo.com/images/us/pc/img/global/checkbox_US.gif") no-repeat 0 2px;
    display: block; }
    .refineSearch .searchPrice label.checked {
      background: black url("//im.uniqlo.com/images/us/pc/img/global/checkbox-checked_US.gif") no-repeat 0 2px; }
  .refineSearch .searchCategory label {
    background: black url("/im.uniqlo.com/images/us/pc/img/global/checkbox_US.gif") no-repeat 0 2px;
    display: block;
    color: #afafaf; }
    .refineSearch .searchCategory label.checked {
      color: #fff;
      background: black url("//im.uniqlo.com/images/us/pc/img/global/checkbox-checked_US.gif") no-repeat 0 2px; }
  .refineSearch .clearAllBtn {
    float: right;
    margin-right: 25px;
    background-color: #000;
    padding: 10px 16px;
    color: #fff;
    font-weight: bold;
    border: 3px solid #fff;
    text-transform: uppercase; }
  .refineSearch #sortByWrapper {
    margin: 20px;
    float: right;
    position: relative;
    margin-right: 30px;
    margin-top: 18px; }
    .refineSearch #sortByWrapper h2 {
      float: left;
      font-size: 18px; }
    .refineSearch #sortByWrapper .resetFilters {
      background-color: #3f3f3f;
      border: 3px #3f3f3f;
      color: #000;
      float: right;
      font-weight: bold;
      margin-left: 250px;
      margin-top: 3px;
      padding: 13px 16px;
      text-transform: uppercase; }
      .refineSearch #sortByWrapper .resetFilters.active {
        background-color: black;
        color: #fff;
        border: 3px solid white;
        padding: 10.3px 13px;
        margin-top: 3px; }
    .refineSearch #sortByWrapper .resetFilters:hover {
      background-color: #fff !important;
      color: #000 !important; }
    .refineSearch #sortByWrapper .sortBy {
      z-index: 16;
      cursor: pointer;
      position: absolute;
      top: 1px;
      left: 95px; }
      .refineSearch #sortByWrapper .sortBy .ui-selectmenu-icon {
        display: block;
        height: 10px;
        width: 10px;
        margin-top: -5px;
        margin-left: 150px;
        padding-right: 4px;
        position: absolute; }
      .refineSearch #sortByWrapper .sortBy ul {
        height: 35px;
        overflow: hidden;
        width: 175px;
        border: solid 3px #fff;
        background-color: #000; }
        .refineSearch #sortByWrapper .sortBy ul li {
          margin: 0px;
          padding: 0px; }
          .refineSearch #sortByWrapper .sortBy ul li a {
            display: none;
            padding: 8px 15px 4px;
            text-transform: uppercase;
            background-color: #000;
            color: #fff;
            width: 285px; }
            .refineSearch #sortByWrapper .sortBy ul li a.current {
              display: block; }
      .refineSearch #sortByWrapper .sortBy.open ul {
        height: auto; }
        .refineSearch #sortByWrapper .sortBy.open ul a {
          display: block; }
        .refineSearch #sortByWrapper .sortBy.open ul li a.current {
          background: #fff;
          color: #000; }
        .refineSearch #sortByWrapper .sortBy.open ul li a:hover {
          background: #fff;
          color: #000; }
  .refineSearch #searchColumnWrapper {
    margin-bottom: 30px; }
    .refineSearch #searchColumnWrapper ul {
      margin-top: 5px; }
      .refineSearch #searchColumnWrapper ul li {
        margin-bottom: 10px; }
  .refineSearch .searchColumn {
    float: left;
    font-size: 12px;
    font-weight: bold;
    margin-right: 15px; }
    .refineSearch .searchColumn.last {
      margin-right: 0px !important; }
    .refineSearch .searchColumn h3 {
      margin: 0px;
      padding: 0px;
      font-size: 12px; }
    .refineSearch .searchColumn a {
      color: #fff; }
    .refineSearch .searchColumn a:hover {
      color: #666; }
  .refineSearch .searchFeatured {
    height: 170px; }
    .refineSearch .searchFeatured ul {
      float: left;
      margin-left: 30px; }
      .refineSearch .searchFeatured ul.last {
        margin-right: 0px; }
    .refineSearch .searchFeatured label {
      background: black url("/im.uniqlo.com/images/us/pc/img/global/checkbox_US.gif") no-repeat 0 2px;
      display: block; }
      .refineSearch .searchFeatured label.checked {
        background: black url("//im.uniqlo.com/images/us/pc/img/global/checkbox-checked_US.gif") no-repeat 0 2px; }
    .refineSearch .searchFeatured h3 {
      margin-left: 30px; }
  .refineSearch .searchCategories ul {
    float: left; }
    .refineSearch .searchCategories ul.last {
      margin-right: 0px; }
  .refineSearch .searchCategories label {
    background: black url("/im.uniqlo.com/images/us/pc/img/global/checkbox_US.gif") no-repeat 0 2px;
    display: block;
    color: #afafaf; }
    .refineSearch .searchCategories label.checked {
      color: #fff;
      background: black url("//im.uniqlo.com/images/us/pc/img/global/checkbox-checked_US.gif") no-repeat 0 2px; }
  .refineSearch .searchSubCategories ul {
    float: left;
    margin-right: 0px; }
  .refineSearch .searchSizes ul {
    float: left; }
    .refineSearch .searchSizes ul.last {
      margin-right: 0px; }
  .refineSearch .searchSizes label {
    background: black url("/im.uniqlo.com/images/us/pc/img/global/checkbox_US.gif") no-repeat 0 2px;
    display: block;
    color: #afafaf; }
    .refineSearch .searchSizes label.checked {
      color: #fff;
      background: black url("//im.uniqlo.com/images/us/pc/img/global/checkbox-checked_US.gif") no-repeat 0 2px; }
  .refineSearch .searchGender {
    margin-left: 30px; }
    .refineSearch .searchGender label {
      background: black url("/im.uniqlo.com/images/us/pc/img/global/checkbox_US.gif") no-repeat 0 2px;
      display: block;
      color: #afafaf; }
      .refineSearch .searchGender label.checked {
        color: #fff;
        background: black url("//im.uniqlo.com/images/us/pc/img/global/checkbox-checked_US.gif") no-repeat 0 2px; }
  .refineSearch .searchColors label.checked {
    outline: 1px solid #fff; }
  .refineSearch .searchColors ul {
    width: 108px !important; }
    .refineSearch .searchColors ul li {
      width: auto; }
      .refineSearch .searchColors ul li label {
        display: block;
        background-color: #fff;
        width: 24px;
        height: 24px;
        margin: 0 8px 8px 0;
        float: left; }
        .refineSearch .searchColors ul li label.disabled {
          background: #000, no-repeat; }
        .refineSearch .searchColors ul li label.disabled:hover {
          cursor: auto; }
        .refineSearch .searchColors ul li label.checked {
          outline: 1px solid #fff; }
      .refineSearch .searchColors ul li label:hover {
        cursor: pointer; }
      .refineSearch .searchColors ul li input {
        display: none; }
      .refineSearch .searchColors ul li.red label {
        background-color: #FE0E0D; }
      .refineSearch .searchColors ul li.orange label {
        background-color: #F60; }
      .refineSearch .searchColors ul li.yellow label {
        background-color: #FC0; }
      .refineSearch .searchColors ul li.green label {
        background-color: #0C0; }
      .refineSearch .searchColors ul li.pink label {
        background-color: #ff33cc; }
      .refineSearch .searchColors ul li.blue label {
        background-color: #06C; }
      .refineSearch .searchColors ul li.purple label {
        background-color: #909; }
      .refineSearch .searchColors ul li.white label {
        background-color: #fff; }
        .refineSearch .searchColors ul li.white label.checked {
          outline: thin solid #FE0E0D; }
      .refineSearch .searchColors ul li.gray label {
        background-color: #999; }
      .refineSearch .searchColors ul li.beige label {
        background-color: #ffffcc; }
      .refineSearch .searchColors ul li.brown label {
        background-color: #663300; }
      .refineSearch .searchColors ul li.black label {
        background-color: #000;
        outline: thin solid #999; }
        .refineSearch .searchColors ul li.black label.checked {
          outline: 1px solid #fff; }

.framed-promo-content .framed-promo-content-component {
  margin-bottom: 24px; }
  .framed-promo-content .framed-promo-content-component iframe {
    max-width: 100%; }
  .framed-promo-content .framed-promo-content-component:hover .framed-promo-content-component-image,
  .framed-promo-content .framed-promo-content-component:hover .framed-promo-content-component-textcontainer {
    border: 1px solid #999; }
  .framed-promo-content .framed-promo-content-component:hover .no-border-top {
    border-top: 0; }
  .framed-promo-content .framed-promo-content-component:hover .no-border-bottom {
    border-bottom: 0; }

.framed-promo-content .framed-promo-content-component-image,
.framed-promo-content .framed-promo-content-component-textcontainer {
  border: 1px solid #e7e7e7; }

.framed-promo-content .framed-promo-heading {
  font-family: "UniqloBoldRegular", helvetica, arial;
  font-size: 16px;
  line-height: 16px;
  margin: -2px 0 9px; }

.framed-promo-content .framed-promo-content-component-image {
  border-bottom: 0; }

.framed-promo-content .framed-promo-content-component-textcontainer {
  padding: 15px;
  border-top: 0;
  min-height: 70px; }

.framed-promo-content .framed-promo-content-component-text {
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 18px; }

.framed-promo-container {
  margin-top: 60px; }

.hero-component {
  position: relative; }
  .hero-component:before {
    content: "";
    display: block;
    padding-top: 25%; }
  .hero-component .hero-component-button {
    display: block;
    width: 230px;
    color: #000;
    border: 1px solid #000;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    padding: 8px 0;
    margin-top: 8px; }
    .hero-component .hero-component-button:hover {
      color: #FE0E0D;
      border-color: #FE0E0D; }
  .hero-component .hero-component-badge {
    position: absolute;
    right: 20px;
    top: 20px; }
  .hero-component .hero-component-buttons {
    padding: 0 10%; }
    .hero-component .hero-component-buttons li {
      display: inline-block;
      margin-right: 10px; }
      .hero-component .hero-component-buttons li:last-child {
        margin-right: 0; }
  .hero-component .hero-component-container {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }
  .hero-component .hero-component-heading {
    font-size: 42px;
    margin: 14px 0 15px;
    padding: 0 10%;
    text-align: left;
    font-family: "UniqloBoldRegular", helvetica, arial; }
  .hero-component .hero-component-overlay {
    width: 34%;
    position: absolute;
    top: 10%;
    color: #000; }
    @media screen and (min-width: 1046px) {
      .hero-component .hero-component-overlay {
        top: 20%; } }
    @media screen and (max-width: 883px) {
      .hero-component .hero-component-overlay {
        top: 0; } }
    .hero-component .hero-component-overlay.white {
      color: #fff; }
      .hero-component .hero-component-overlay.white .hero-component-button {
        color: #fff;
        border-color: #fff; }
        .hero-component .hero-component-overlay.white .hero-component-button:hover {
          color: #FE0E0D;
          border-color: #FE0E0D; }
    .hero-component .hero-component-overlay.red {
      color: #FE0E0D; }
      .hero-component .hero-component-overlay.red .hero-component-button {
        color: #FE0E0D;
        border-color: #FE0E0D; }
        .hero-component .hero-component-overlay.red .hero-component-button:hover {
          color: #fff;
          border-color: #fff; }
    .hero-component .hero-component-overlay.right {
      right: 0; }
  .hero-component .hero-component-text {
    font-size: 16px;
    line-height: 22px;
    padding: 0 10%;
    text-align: left;
    margin: 20px 0; }
  .hero-component.hero-component-5-1:before {
    padding-top: 25%; }
  .hero-component.hero-component-4_6-1:before {
    padding-top: 21.74%; }
  .hero-component.hero-component-4-1:before {
    padding-top: 25%; }
  .hero-component.hero-component-3-1:before {
    padding-top: 33%; }
  .hero-component.hero-component-2-1:before {
    padding-top: 50%; }
  .hero-component.hero-component-1-1:before {
    padding-top: 100%; }
  .hero-component.noFlicker:before {
    display: none; }
  .hero-component.noFlicker .hero-component-container {
    position: static; }

.contentSlideshow .contentSlideshowPager {
  padding: 15px 0;
  text-align: center;
  font-family: "UniqloBoldRegular", helvetica, arial;
  font-size: 16px;
  line-height: 20px;
  color: #FE0E0D; }
  .contentSlideshow .contentSlideshowPager.active, .contentSlideshow .contentSlideshowPager:hover {
    background-color: #FE0E0D;
    color: #fff; }
  .contentSlideshow .contentSlideshowPager:hover {
    cursor: pointer; }

/*! fancyBox v2.0.6 fancyapps.com | fancyapps.com/fancybox/#license */
/*Fancy box styles*/
.fancybox-iframe {
  width: 997px;
  height: 408px;
  background-color: #fff;
  overflow-x: hidden; }

.grid-modal .fancybox-iframe {
  width: 660px;
  height: 600px; }

.loading-content {
  background: 134px center no-repeat transparent;
  width: 750px;
  height: 200px; }

.fancybox-wrap {
  z-index: 56; }

#menu-overlay {
  z-index: 54;
  width: 100%;
  height: 100px;
  position: fixed;
  top: 0px;
  left: 0px; }

#fancybox-overlay {
  z-index: 54;
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: fixed;
  top: 100px;
  left: 0px; }

#fancybox-loading {
  z-index: 54;
  width: 100%;
  height: 100%;
  background-color: #fff;
  position: fixed;
  top: 0px;
  left: 0px;
  filter: alpha(opacity=60);
  opacity: .6; }

#fancybox-loading div {
  width: 100%;
  margin-top: 400px;
  text-align: center;
  font-size: 20px; }

.grid-modal .fancybox-close {
  margin: -1250px 0 0 670px; }

.fancybox-close:hover {
  background-position: 0 -19px; }

.fancybox-close:active {
  background-position: 0 -38px; }

.quick-view-modal .fancybox-iframe {
  width: 965px;
  height: 600px;
  border: 3px solid #000; }

.quick-view-modal .fancybox-inner {
  overflow: hidden !important;
  height: 610px !important; }

.quick-view-modal .fancybox-close {
  margin: -600px 0 0 937px !important; }

.quick-view-modal .modal-view-deatails {
  width: 921px;
  height: 40px;
  margin-top: -5px;
  display: block;
  font-family: "UniqloRegularRegular";
  font-size: 28px;
  text-transform: uppercase;
  text-align: right;
  color: #fff;
  padding: 20px 50px 0 0;
  background: top right no-repeat #000;
  text-indent: -10000px; }

.quick-view-modal .modal-view-deatails:hover {
  background-position: bottom right;
  color: #f00; }

.store-modal .fancybox-iframe {
  width: 910px;
  height: 578px;
  border: 3px solid #000; }

.store-modal .fancybox-inner {
  overflow: hidden !important;
  height: 610px !important; }

.store-modal .fancybox-close {
  margin: -600px 0 0 885px !important; }

.help-content-modal .fancybox-iframe {
  width: 910px;
  height: 578px;
  border: 3px solid #000; }

.help-content-modal .fancybox-inner {
  overflow: hidden !important;
  height: 610px !important; }

.help-content-modal .fancybox-close {
  margin: -600px 0 0 888px !important; }

.fancybox-tmp iframe, .fancybox-tmp object {
  vertical-align: top;
  padding: 0;
  margin: 0; }

.fancybox-wrap {
  position: absolute;
  left: 0;
  z-index: 64;
  width: 976px !important; }

#modal-body .fancybox-wrap {
  width: 876px !important; }

.fancybox-skin {
  position: relative;
  padding: 10px !important;
  margin: 0;
  background: #fff;
  border: 3px solid #000;
  text-shadow: none; }

.fancybox-opened {
  z-index: 66; }

.fancybox-outer, .fancybox-inner {
  padding: 0;
  margin: 0;
  position: relative;
  outline: none; }

.fancybox-inner {
  overflow: hidden;
  width: 950px !important; }

#modal-body .fancybox-inner {
  width: 850px !important; }

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch; }

.fancybox-error {
  margin: 0;
  padding: 10px; }

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  vertical-align: top; }

.fancybox-image {
  max-width: 100%;
  max-height: 100%; }

#fancybox-loading {
  position: fixed;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 64;
  background: url("../images/global/fancybox_loading.gif") center center no-repeat; }

.fancybox-close {
  position: absolute;
  top: 7px;
  right: 7px;
  width: 19px;
  height: 19px;
  background: url("../images/global/ico_x.png") 0 0 no-repeat;
  cursor: pointer;
  z-index: 76; }

.fancybox-close:hover {
  background-position: 0 -19px; }

.fancybox-close:active {
  background-position: 0 -38px; }

.fancybox-nav {
  display: none;
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  background: transparent url("../images/global/blank.gif");
  /* helps IE */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 68; }

.fancybox-prev {
  left: 0; }

.fancybox-next {
  right: 0; }

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 68;
  visibility: hidden; }

.fancybox-prev span {
  left: 20px;
  background-position: 0 -36px; }

.fancybox-next span {
  right: 20px;
  background-position: 0 -72px; }

.fancybox-nav:hover span {
  visibility: visible; }

.fancybox-tmp {
  position: absolute;
  top: -9999px;
  left: -9999px;
  padding: 0;
  overflow: visible;
  visibility: hidden; }

/* Overlay helper */
#fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 62;
  background-color: #fff; }

#fancybox-overlay.overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0; }

/* Title helper */
.fancybox-title {
  visibility: hidden;
  position: relative;
  text-shadow: none;
  z-index: 70; }

.fancybox-opened .fancybox-title {
  visibility: visible;
  width: 976px !important;
  left: -13px;
  bottom: -13px;
  background: #000; }

.fancybox-title-float-wrap {
  margin-bottom: 0; }

.fancybox-title-float-wrap .child {
  display: block;
  padding: 20px;
  text-align: right; }

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff; }

.fancybox-title-inside-wrap {
  margin-top: 10px; }

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8); }

/* end fancybox */
/* misc */
.no-padding {
  padding: 0; }

.no-margin {
  margin: 0; }

.no-border {
  border: 0; }

.no-border-top {
  border-top: 0; }

.no-border-bottom {
  border-bottom: 0; }

.no-margin-top {
  margin-top: 0; }

.uq-hide {
  display: none; }

/* column layout */
.column {
  overflow: hidden; }

.column .leftCol {
  float: left;
  padding-right: 30px;
  border-right: 1px solid #000; }

.column .rightCol {
  width: 356px;
  padding-left: 31px;
  float: right; }

.mB0 {
  margin-bottom: 0 !important; }

.mB10 {
  margin-bottom: 10px; }

.section header {
  margin-bottom: 20px; }

.section h2 {
  margin: 0; }

/* giftwraps */
#giftwraps {
  margin: 0;
  padding: 0;
  list-style: none; }

#giftwraps li {
  float: left;
  width: 50%;
  margin: 0 0 30px 0; }

#giftwraps li .img {
  margin-top: 5px;
  margin-left: 30px;
  width: 176px;
  height: 176px;
  background: #eaeaea; }

#giftwraps li .img img {
  width: 176px;
  height: 176px; }

/* innovations */
#innovations {
  margin: 0;
  padding: 0;
  list-style: none; }

.innovation {
  float: left;
  width: 309px;
  margin-left: 24px; }

.innovation:first-child {
  margin-left: 0; }

.innovation .img {
  float: left;
  width: 60px; }

.innovation .txt {
  float: right;
  width: 225px;
  margin-top: -0.3em; }

.innovation .txt p {
  margin: 3px 0; }

/* looks */
#looks {
  margin: 0;
  padding: 0;
  list-style: none; }

#looks li {
  position: relative;
  float: left;
  width: 176px;
  height: 376px;
  margin-left: 24px; }

#looks li:first-child {
  margin-left: 0; }

#looks li .look-preview {
  position: absolute;
  top: 0;
  left: 0;
  width: 176px;
  height: 376px; }

#looks li:hover .look-preview {
  display: none; }

#looks li .look {
  display: block;
  width: 176px;
  height: 176px;
  margin-bottom: 24px; }

.look img {
  width: 110px;
  height: 133px;
  padding: 22px 33px 21px 33px; }

#average-rating {
  margin-bottom: 5px; }

/* reviews-section */
#reviews-section .col1,
.review .col1 {
  float: left;
  width: 376px; }

#reviews-section .col2,
.review .col2 {
  float: left;
  width: 376px;
  margin-left: 24px; }

#reviews-section .col3,
.review .col3 {
  float: right;
  width: 176px; }

#reviews-section footer {
  padding-left: 400px; }

#reviews {
  margin: 0;
  padding: 0;
  list-style: none; }

.review {
  margin: 50px 0; }

.review h3 {
  margin: 0;
  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
  font-weight: 500;
  font-size: 2.0em;
  text-transform: inherit; }

.review .reviewer {
  line-height: 1.5em; }

.review .helpful {
  margin-top: 20px;
  color: #999;
  font-size: 0.75em; }

.review .helpful em {
  color: #000;
  font-style: normal; }

.review .fit {
  padding-top: 0.4em;
  font-size: 1.3em; }

.review .fit h4 {
  margin: 0;
  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
  font-weight: 500; }

.review .fit p {
  margin: 0; }

.review .rating {
  float: right; }

.review .rating .stars {
  float: right; }

/* suggestions */
#suggestions h2 {
  margin-top: 0; }

#suggestions ul {
  margin: 0;
  padding: 0;
  list-style: none; }

#suggestions ul li {
  margin: 0;
  float: left;
  width: 176px;
  margin-left: 24px; }

#suggestions ul li:first-child {
  margin-left: 0; }

#terms {
  margin-bottom: 50px; }

/* order-history */
#order-history {
  width: 100%; }

#order-history thead {
  border-bottom: 1px solid #000; }

#order-history thead th {
  padding: 10px;
  font-weight: normal;
  text-align: left; }

#order-history thead th:first-child {
  padding-left: 50px; }

#order-history tbody td {
  padding: 10px; }

#order-history td:first-child {
  padding-left: 50px; }

#order-info {
  width: 100%;
  margin-bottom: 60px; }

#order-info thead {
  border-bottom: 1px solid #000; }

#order-info thead th {
  padding: 10px;
  font-weight: normal;
  font-size: 0.9em;
  line-height: 1.5em;
  text-align: left; }

#order-info tbody td {
  padding: 10px;
  font-size: 0.9em;
  line-height: 1.5em; }

#order-info .cell-ordered-by {
  padding-left: 50px; }

#order-info .cell-summary-of-charges {
  width: 250px; }

/* summary-of-charges */
.summary-of-charges {
  margin: 0; }

.summary-of-charges dt {
  float: left;
  width: 150px; }

.summary-of-charges dd {
  margin: 0;
  float: left;
  width: 80px; }

/* section nav */
#section-nav {
  display: inline-block;
  float: left;
  margin: 30px 0 0 25px;
  position: fixed; }

.help-section #section-nav {
  min-height: 480px; }

#section-nav ul li a {
  position: relative;
  margin: -1px 0;
  padding: 9px 24px 8px 20px;
  border-bottom: 1px solid #000000;
  border-top: 1px solid #000000;
  display: block;
  text-decoration: none;
  color: #222222;
  background: 135px center no-repeat transparent;
  width: 112px;
  line-height: 17px;
  text-transform: uppercase;
  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif; }

#section-nav ul li.active a {
  z-index: 4;
  border-bottom: 1px solid #ff0000;
  border-top: 1px solid #ff0000;
  color: #ff0000;
  background-position: -118px center;
  text-transform: uppercase; }

#section-nav ul li a:hover {
  z-index: 4;
  border-bottom: 1px solid #ff0000;
  border-top: 1px solid #ff0000;
  color: #ffffff;
  background-position: -360px center;
  background-color: #ff0000; }

.l3Grid {
  /* fallback for non grid browsers */
  font-size: 0;
  /* overwrites */
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  grid-gap: 39px 40px;
  /* -1 horizontally since inside padding on element itself for first swatch with active border */
  grid-auto-flow: dense;
  padding-top: 30px; }
  @supports (display: grid) {
    .l3Grid {
      font-size: 0; } }
  .l3Grid__element {
    /* fallback for non grid browsers */
    display: inline-block;
    padding: 0 10px;
    max-width: 350px;
    /* overwrites */
    position: relative; }
    @supports (display: grid) {
      .l3Grid__element--container {
        display: contents; }
        .l3Grid__element--container:first-of-type .l3Grid__element--content {
          -ms-flex-order: -1;
              order: -1; } }
    .l3Grid__element--wide {
      grid-column: span 2; }
    .l3Grid__element--tall {
      grid-row: span 2; }
    .l3Grid__element--content {
      /* hide contentTile for old browser */
      display: none; }
      @supports (display: grid) {
        .l3Grid__element--content {
          display: inline-block; } }
    @supports (display: grid) {
      .l3Grid__element {
        padding: 0 0 0 3px;
        /* 3px for border of active first swatch */
        min-height: 0;
        max-width: none;
        margin-top: 0 !important;
        /* overwrite old style with ID */
        margin-right: 0;
        width: auto !important;
        /* overwrite inline style from js */ } }
  .l3Grid__content {
    position: relative;
    font-size: 14px; }
    .l3Grid__content:hover .l3Grid__contentHoverBox {
      display: block; }
    .l3Grid__content--tall {
      overflow: visible; }
    .l3Grid__contentImage {
      max-width: 100%; }
      .l3Grid__contentImage, .l3Grid__contentImageLink {
        display: block;
        grid-area: 1 / 1;
        /* display in same grid col/row as HoverBox */ }
      .l3Grid__contentImage.l3Grid__contentImage {
        padding: 0; }
    .l3Grid__contentTitle {
      font-size: 14px;
      line-height: 37px;
      /* align with swatches */
      padding-top: 3px;
      border-bottom: 1px solid #f3f3f3;
      font-family: "Uniqlo Pro";
      font-weight: bold;
      /* 1 line dotted out text */
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .l3Grid__contentTitle--hoverBox {
        line-height: normal;
        border-bottom: 0;
        margin-bottom: 15px; }
    .l3Grid__contentDescription {
      margin: 10px 0;
      font-size: 14px;
      line-height: 16px; }
    .l3Grid__contentCTALink {
      display: inline-block;
      line-height: 1;
      border-bottom: 1px solid;
      color: #000;
      font-family: "Uniqlo Pro";
      font-weight: bold;
      text-transform: uppercase; }
      .l3Grid__contentCTALink:hover {
        color: #000; }
      .l3Grid__contentTitle + .l3Grid__contentCTALink {
        /* if there is no descripton */
        margin-top: 10px; }
    .l3Grid__contentHoverBox {
      display: none;
      /* enabled via hover on parent */
      grid-area: 1 / 1;
      /* display in same gridbox as Image */
      width: 300px;
      max-width: 100%;
      padding: 15px;
      background: #fff;
      z-index: 1; }
      .l3Grid__contentHoverBoxWrapper {
        /* used to position hoverBox in center of Image */
        display: grid;
        justify-items: center;
        -ms-flex-align: center;
            align-items: center; }
        .l3Grid__contentHoverBoxWrapper--sticky {
          -ms-flex-align: start;
              align-items: start; }
      .l3Grid__contentHoverBox--open {
        display: block; }
      .l3Grid__contentHoverBox--sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 40vh;
        left: auto;
        max-width: calc(100% - 40px);
        margin: 20px 0;
        transform: none; }
      #primary .l3Grid__content .price {
        display: inline-block;
        margin-right: 2px; }
        #primary .l3Grid__content .price-content {
          text-align: left; }
      .l3Grid__contentHoverBoxCTA {
        clear: left;
        margin-top: 15px; }
      .l3Grid__contentHoverBoxSwatches {
        font-size: 0;
        /* align whitespace of Swatches in HoverBox on Safari and others */
        max-height: 103px;
        /* hide more than 3 rows of swatches */
        overflow: hidden; }
        .l3Grid__contentHoverBoxSwatches--long {
          /* modifier for showing the text for additional colors */ }
          .l3Grid__contentHoverBoxSwatches--long + .l3Grid__contentHoverBoxSwatchesText {
            display: block; }
        .l3Grid__contentHoverBoxSwatches li {
          display: inline-block;
          width: 30px;
          height: 30px;
          margin: 2px; }
          .l3Grid__contentHoverBoxSwatches li .swatch {
            display: block; }
            .l3Grid__contentHoverBoxSwatches li .swatch-image {
              max-width: 100%;
              padding: 0; }
        .l3Grid__contentHoverBoxSwatchesText {
          display: none;
          /* hidden by default enabled via js modifier --long on parent */
          font-size: 14px;
          color: #d9d9d9;
          margin: 0.2em 0 0.8em 0; }

.ui-selectmenu-menu {
  position: absolute;
  margin: 0;
  padding: 0;
  display: none;
  background-color: #eaeaea; }
  .ui-selectmenu-menu #searchSelect-menu {
    border-left: 3px solid #fff;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
    text-transform: uppercase;
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    width: 201px !important;
    top: -3px !important;
    background-color: #000;
    margin-bottom: -1px;
    margin-top: 2px; }
    .ui-selectmenu-menu #searchSelect-menu li {
      width: 181px !important;
      margin: -1px 0px; }
      .ui-selectmenu-menu #searchSelect-menu li a {
        display: block;
        outline: none;
        color: #fff;
        font-size: 12px;
        line-height: 33px;
        width: 201px !important;
        border-top: -1px; }
      .ui-selectmenu-menu #searchSelect-menu li a:hover {
        background-color: #fff;
        color: #000; }
    .ui-selectmenu-menu #searchSelect-menu .ui-selectmenu-item-selected a {
      background-color: #fff;
      color: #000; }
  .ui-selectmenu-menu ul {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: auto;
    overflow-y: auto;
    overflow-x: hidden; }
    .ui-selectmenu-menu ul li a {
      display: block;
      padding: 0 10px;
      outline: none;
      color: #000;
      font-size: 0.9em;
      line-height: 36px; }
      .ui-selectmenu-menu ul li a:hover {
        background-color: #000;
        color: #fff; }
    .ui-selectmenu-menu ul .ui-selectmenu-item-selected a {
      background-color: #999;
      color: #fff; }

.ui-selectmenu {
  display: inline-block;
  position: relative;
  height: 36px;
  line-height: 36px;
  overflow: hidden;
  background-color: #eaeaea;
  color: #000;
  outline: 0;
  border: 0; }
  .ui-selectmenu:hover {
    color: #000;
    background-color: #eaeaea; }

#searchSelect-button {
  border: 3px solid #fff;
  color: #fff;
  font-size: 11px;
  height: 35px;
  margin-left: -5px;
  margin-top: 2px;
  width: 201px !important; }
  #searchSelect-button .ui-selectmenu-status {
    font-size: 12px;
    margin-top: 8px;
    display: block;
    padding: 0 10px;
    outline: none;
    background: url("//im.uniqlo.com/images/us/pc/img/global/downCaret_US.gif") 175px 4px no-repeat;
    margin-top: 10px; }

.ui-selectmenu-icon {
  position: absolute;
  right: 10px;
  top: 15px;
  display: block;
  width: 9px;
  height: 6px;
  background: url("//im.uniqlo.com/images/us/pc/img/ico_arrow-down-blk_US.png") 0 0 no-repeat; }

.ui-selectmenu-open {
  display: block; }
  .ui-selectmenu-open #searchSelect-menu {
    display: block; }

#searchSelect {
  display: none; }

#sort-reviews .ui-selectmenu {
  height: 24px;
  line-height: 24px;
  font-size: 0.9em; }

#sort-reviews .ui-selectmenu-status {
  padding: 0 10px 0 10px; }

#sort-reviews .ui-selectmenu-icon {
  top: 10px; }

#sort-reviews .ui-selectmenu-menu ul li a {
  padding: 0 10px;
  line-height: 24px; }

.field-short .ui-selectmenu {
  width: 176px !important; }

.ui-selectmenu-status {
  display: block;
  padding: 0 10px;
  outline: none;
  background: url("//im.uniqlo.com/images/us/pc/img/ico_arrow-up-blk_US.png") -9999px 0 no-repeat; }

.field-extra-short .ui-selectmenu {
  width: 83px !important; }

.ui-state-active .ui-selectmenu-icon {
  background: url("//im.uniqlo.com/images/us/pc/img/ico_arrow-up-blk_US.png") 0 0 no-repeat; }

.checkbox,
.emergency-message-component .close,
.fb a,
.filter-component .checked .checkbox,
.filter-component .checkbox,
.filter-component .filter-category.dept li:hover label:after,
.filter-component .filter-header .filter-btn,
.filter-component .filter-tooltip a,
.filter-component .no-stock,
.filter-component .toggle-container .toggle.large,
.filter-component .toggle-container .toggle.small,
.l1003 .product-component .logo .sprites-logo-uniqlo-en-xxsm,
.l1003 .product-component .logo .sprites-logo-uniqlo-jp-xxsm,
.l1492 .product-component .logo .sprites-logo-uniqlo-en-xxsm,
.l1492 .product-component .logo .sprites-logo-uniqlo-jp-xxsm,
.l1921 .product-component .logo .sprites-logo-uniqlo-en-xxsm,
.l1921 .product-component .logo .sprites-logo-uniqlo-jp-xxsm,
.ldefault .product-component .logo .sprites-logo-uniqlo-en-xxsm,
.ldefault .product-component .logo .sprites-logo-uniqlo-jp-xxsm,
.instagram a,
.pdp-fit-guide-component .pdp-modal-close,
.pdp-images-nav.left:after,
.pdp-images-nav.left:hover:after,
.pdp-images-nav.right:after,
.pdp-images-nav.right:hover:after,
.pdp-images .pdp-video-thumb-play,
.pdp-info .pdp-info-footer .pdp-share-drawer .pdp-share-facebook,
.pdp-info .pdp-info-footer .pdp-share-drawer .pdp-share-googleplus,
.pdp-info .pdp-info-footer .pdp-share-drawer .pdp-share-pinterest,
.pdp-info .pdp-info-footer .pdp-share-drawer .pdp-share-twitter,
.pinterest a,
.project-icon-grid-component .logo-en,
.project-icon-grid-component .logo-jp,
.quicklink1 span,
.quicklink2 span,
.quicklink3 span,
.quicklink4 span,
.quicklink5 span,
.quick-view-component .quick-view-container .sprites-quick-view-close-button,
.quick-view-component .quick-view-container .sprites-quick-view-arrow-left,
.quick-view-component .quick-view-container .sprites-quick-view-arrow-right,
.returnsInfo-component .pdp-modal-close,
#s7_videoview .s7_video_pause,
#s7_videoview .s7iconeffect,
.shippingInfo-component .pdp-modal-close,
.sprites-sprite,
.sprites-carousel-nav-arrow-left,
.sprites-carousel-nav-arrow-right,
.sprites-checkbox-filter-checked,
.sprites-checkbox-filter-default,
.sprites-checkbox-filter-disabled,
.sprites-chip-strike-ie-40px,
.sprites-chip-strike-other,
.sprites-chip-strike,
.sprites-chip-x,
.sprites-color-unavailable,
.sprites-company-section-arrow-large-red,
.sprites-company-section-arrow-large,
.sprites-company-section-arrow-red,
.sprites-company-section-arrow,
.sprites-contact-email,
.sprites-contact-location,
.sprites-drop-arrow-red,
.sprites-drop-arrow,
.sprites-e-message-close,
.sprites-external-link-black,
.sprites-external-link-red,
.sprites-filter-btn-sm,
.sprites-filter-btn,
.sprites-footer-arrow,
.sprites-footer-blog-icon,
.sprites-footer-carrers-icon,
.sprites-footer-dropdown,
.sprites-footer-gift-cards,
.sprites-footer-life-tools,
.sprites-footer-share-fb,
.sprites-footer-share-insta,
.sprites-footer-share-pin,
.sprites-footer-share-tw,
.sprites-footer-share-youtube,
.sprites-footer-share-yt,
.sprites-footer-store-locator,
.sprites-info-nav-arrow-current,
.sprites-info-nav-arrow,
.sprites-jump-to-sd-next,
.sprites-jump-to-sd-prev,
.sprites-life-tools-external-link,
.sprites-logo-android,
.sprites-logo-ios,
.sprites-logo-uniqlo-en-m,
.sprites-logo-uniqlo-en-sm,
.sprites-logo-uniqlo-en-xsm,
.sprites-logo-uniqlo-en-xxsm,
.sprites-logo-uniqlo-en,
.sprites-logo-uniqlo-jp-m,
.sprites-logo-uniqlo-jp-sm,
.sprites-logo-uniqlo-jp-xsm,
.sprites-logo-uniqlo-jp-xxsm,
.sprites-logo-uniqlo-jp,
.sprites-modal-component-close-button,
.sprites-nav-arrow-close,
.sprites-nav-arrow-left,
.sprites-nav-arrow-right,
.sprites-nav-carousel-arrow-left-s,
.sprites-nav-carousel-arrow-left,
.sprites-nav-carousel-arrow-right-s,
.sprites-nav-carousel-arrow-right,
.sprites-nav-close,
.sprites-nav-header-link-l,
.sprites-nav-header-link-s,
.sprites-placeholder-16x9,
.sprites-product-toggle-large,
.sprites-product-toggle-small,
.sprites-quick-view-arrow-left,
.sprites-quick-view-arrow-right,
.sprites-quick-view-close-button-dark,
.sprites-quick-view-close-button,
.sprites-quick-view-close-small,
.sprites-rss,
.sprites-search-cancel,
.sprites-share-facebook-60,
.sprites-share-facebook,
.sprites-share-google-60,
.sprites-share-google,
.sprites-share-pinterest-60,
.sprites-share-pinterest,
.sprites-share-twitter-60,
.sprites-share-twitter,
.sprites-share-youtube,
.sprites-shopping-bag,
.sprites-static-header-arrow-down,
.sprites-static-header-back,
.sprites-tooltip-close,
.sprites-un_UI_carousel_19px_left,
.sprites-un_UI_carousel_19px_right,
.sprites-un_UI_carousel_23px_left,
.sprites-un_UI_carousel_23px_right,
.sprites-unblocked-promo-android-icon,
.sprites-unblocked-promo-apple-bar-icon,
.sprites-unblocked-promo-apple-icon,
.sprites-unblocked-promo-apps-icon,
.sprites-unblocked-promo-cta,
.sprites-user-info-arrow,
.sprites-video-pause-large,
.sprites-video-play-large,
.sprites-video-play-small,
.story-component .share.component .facebook,
.story-component .share.component .googleplus,
.story-component .share.component .pinterest,
.story-component .share.component .twitter,
.twitter a,
.unblocked-promos-component .arrow,
.unblocked-promos-component .has-app.android,
.unblocked-promos-component .has-app.apple,
.unblocked-promos-component .has-app.only-android,
.unblocked-promos-component .has-app.only-apple,
.uq-header-component .additional-nav-content .carousel-component .navigation a.sprites-carousel-nav-arrow-left,
.uq-header-component .additional-nav-content .carousel-component .navigation a.sprites-carousel-nav-arrow-right,
.uq-header-component .help-container .icon.email,
.uq-header-component .help-container .icon.location,
.uq-header-component .life-tools .secondary-nav a:hover span:after,
.uq-header-component .life-tools .secondary-nav li.selected a span:after,
.uq-header-component .life-tools-container .life-tools-copy li .android,
.uq-header-component .life-tools-container .life-tools-copy li .ios,
.uq-header-component .logo-en, .checkout-header-top .logo-en,
.uq-header-component .logo-jp, .checkout-header-top .logo-jp,
.uq-header-component .dropdown-nav .close,
.uq-header-component .dropdown-nav .category-header h2 a .browse-all:after,
.uq-header-component .search-content form .cancel-search,
.uq-header-component .top-nav-primary .bag-count a,
.uq-header-component .top-nav-primary .customer-name .name span:after,
.uq-footer-component .change-region a:after,
.uq-footer-component .share .fb,
.uq-footer-component .share .twitter,
.uq-footer-component .share .youtube,
.youtube a {
  background-image: url("../images/global/sprites-s7cd4220fda.png");
  background-repeat: no-repeat; }

.pdp-info .pdp-info-footer .pdp-share-drawer .pdp-share-facebook, .pdp-info .pdp-info-footer .pdp-share-drawer .pdp-share-twitter, .pdp-info .pdp-info-footer .pdp-share-drawer .pdp-share-pinterest, .pdp-info .pdp-info-footer .pdp-share-drawer .pdp-share-googleplus, .pdp-info .pdp-info-footer .pdp-share-drawer .pdp-share-facebook:hover, .pdp-info .pdp-info-footer .pdp-share-drawer .pdp-share-twitter:hover, .pdp-info .pdp-info-footer .pdp-share-drawer .pdp-share-pinterest:hover, .pdp-info .pdp-info-footer .pdp-share-drawer .pdp-share-googleplus:hover {
  background-image: url("../images/global/sprites-s58bc8abdec.png");
  background-repeat: no-repeat;
  height: 28px;
  width: 28px; }

.sprites-carousel-nav-arrow-left {
  background-position: -28px -318px;
  height: 31px;
  width: 18px; }
  .sprites-carousel-nav-arrow-left:hover, .sprites-carousel-nav-arrow-left.carousel-nav-arrow-left-hover {
    background-position: -86px -286px; }

.sprites-carousel-nav-arrow-right {
  background-position: -74px -223px;
  height: 31px;
  width: 18px; }
  .sprites-carousel-nav-arrow-right:hover, .sprites-carousel-nav-arrow-right.carousel-nav-arrow-right-hover {
    background-position: -54px -160px; }

.sprites-checkbox-filter-checked {
  background-position: -44px 0;
  height: 13px;
  width: 13px; }

.sprites-checkbox-filter-default {
  background-position: -83px 0;
  height: 13px;
  width: 13px; }

.sprites-checkbox-filter-disabled {
  background-position: -70px 0;
  height: 13px;
  width: 13px; }

.sprites-chip-strike-ie-40px {
  background-position: -34px -387px;
  height: 40px;
  width: 40px; }

.sprites-chip-strike-other {
  background-position: -50px -824px;
  height: 50px;
  width: 70px; }

.sprites-chip-strike {
  background-position: -28px -254px;
  height: 31px;
  width: 31px; }

.sprites-chip-x {
  background-position: 0 -924px;
  height: 50px;
  width: 70px; }

.sprites-color-unavailable {
  background-position: -56px -285px;
  height: 30px;
  width: 30px; }

.sprites-company-section-arrow-large-red {
  background-position: 0 -1395px;
  height: 62px;
  width: 72px; }

.sprites-company-section-arrow-large {
  background-position: 0 -1457px;
  height: 62px;
  width: 72px; }

.sprites-company-section-arrow-red {
  background-position: -95px -131px;
  height: 28px;
  width: 33px; }

.sprites-company-section-arrow {
  background-position: -62px -131px;
  height: 28px;
  width: 33px; }

.sprites-contact-email {
  background-position: -46px -317px;
  height: 33px;
  width: 51px; }

.sprites-contact-location {
  background-position: -60px -1334px;
  height: 61px;
  width: 44px; }

.sprites-drop-arrow-red {
  background-position: -46px -15px;
  height: 9px;
  width: 16px; }

.sprites-drop-arrow {
  background-position: -62px -15px;
  height: 9px;
  width: 16px; }

.sprites-e-message-close,
.emergency-message-component .close {
  background-position: -27px 0;
  height: 11px;
  width: 9px; }
  .sprites-e-message-close:hover, .sprites-e-message-close.e-message-close-hover,
  .emergency-message-component .close:hover,
  .emergency-message-component .close.e-message-close-hover {
    background-position: -18px 0; }

.sprites-external-link-black {
  background-position: -109px -15px;
  height: 10px;
  width: 10px; }

.sprites-external-link-red {
  background-position: -119px -15px;
  height: 10px;
  width: 10px; }

.sprites-filter-btn-sm {
  background-position: 0 -503px;
  height: 40px;
  width: 40px; }

.sprites-filter-btn {
  background-position: 0 -874px;
  height: 50px;
  width: 50px; }

.sprites-footer-arrow {
  background-position: -17px -15px;
  height: 8px;
  width: 13px; }

.sprites-footer-blog-icon,
.quicklink5 span {
  background-position: -97px -100px;
  height: 26px;
  width: 26px; }

.sprites-footer-carrers-icon,
.quicklink1 span {
  background-position: 0 -159px;
  height: 26px;
  width: 26px; }

.sprites-footer-dropdown {
  background-position: 0 -15px;
  height: 5px;
  width: 7px; }

.sprites-footer-gift-cards,
.quicklink3 span {
  background-position: 0 -285px;
  height: 26px;
  width: 26px; }

.sprites-footer-life-tools,
.quicklink4 span {
  background-position: -28px -100px;
  height: 26px;
  width: 26px; }

.sprites-footer-share-fb,
.fb a {
  background-position: 0 -593px;
  height: 45px;
  width: 45px; }
  .sprites-footer-share-fb:hover, .sprites-footer-share-fb.footer-share-fb-hover,
  .fb a:hover,
  .fb a.footer-share-fb-hover {
    background-position: -45px -593px; }

.sprites-footer-share-insta,
.instagram a {
  background-position: 0 -548px;
  height: 45px;
  width: 45px; }
  .sprites-footer-share-insta:hover, .sprites-footer-share-insta.footer-share-insta-hover,
  .instagram a:hover,
  .instagram a.footer-share-insta-hover {
    background-position: -45px -548px; }

.sprites-footer-share-pin,
.pinterest a {
  background-position: -64px -503px;
  height: 45px;
  width: 45px; }
  .sprites-footer-share-pin:hover, .sprites-footer-share-pin.footer-share-pin-hover,
  .pinterest a:hover,
  .pinterest a.footer-share-pin-hover {
    background-position: 0 -683px; }

.sprites-footer-share-pin:hover,
.pinterest a:hover,
.sprites-footer-share-pin.footer-share-pin-hover,
.pinterest a.footer-share-pin-hover,
.pinterest a:hover {
  background-position: 0 -683px; }

.sprites-footer-share-tw,
.twitter a {
  background-position: 0 -776px;
  height: 45px;
  width: 45px; }
  .sprites-footer-share-tw:hover, .sprites-footer-share-tw.footer-share-tw-hover,
  .twitter a:hover,
  .twitter a.footer-share-tw-hover {
    background-position: -45px -638px; }

.sprites-footer-share-youtube {
  background-position: 0 -254px;
  height: 28px;
  width: 28px; }

.sprites-footer-share-yt,
.youtube a {
  background-position: -45px -683px;
  height: 45px;
  width: 45px; }
  .sprites-footer-share-yt:hover, .sprites-footer-share-yt.footer-share-yt-hover,
  .youtube a:hover,
  .youtube a.footer-share-yt-hover {
    background-position: 0 -638px; }

.sprites-footer-store-locator,
.quicklink2 span {
  background-position: -54px -100px;
  height: 26px;
  width: 26px; }

.sprites-info-nav-arrow-current {
  background-position: -97px -15px;
  height: 9px;
  width: 6px; }
  .sprites-info-nav-arrow-current:hover, .sprites-info-nav-arrow-current.info-nav-arrow-current-hover {
    background-position: -103px -15px; }

.sprites-info-nav-arrow {
  background-position: -85px -15px;
  height: 9px;
  width: 6px; }
  .sprites-info-nav-arrow:hover, .sprites-info-nav-arrow .info-nav-arrow-hover {
    background-position: -91px -15px; }

.sprites-jump-to-sd-next {
  background-position: 0 -222px;
  height: 32px;
  width: 18px; }

.sprites-jump-to-sd-prev {
  background-position: -104px -285px;
  height: 32px;
  width: 18px; }

.sprites-life-tools-external-link,
.uq-header-component .life-tools .secondary-nav li.selected a span:after,
.uq-header-component .life-tools .secondary-nav a:hover span:after {
  background-position: 0 -69px;
  height: 20px;
  width: 20px; }

.sprites-logo-android,
.uq-header-component .life-tools-container .life-tools-copy li .android {
  background-position: -20px -69px;
  height: 20px;
  width: 20px; }

.sprites-logo-ios,
.uq-header-component .life-tools-container .life-tools-copy li .ios {
  background-position: -56px -25px;
  height: 20px;
  width: 20px; }

.sprites-logo-uniqlo-en-m {
  background-position: -50px -874px;
  height: 50px;
  width: 50px; }

.sprites-logo-uniqlo-en-sm {
  background-position: -45px -776px;
  height: 48px;
  width: 48px; }

.sprites-logo-uniqlo-en-xsm,
.l1003 .product-component .logo .sprites-logo-uniqlo-en-xxsm,
.l1492 .product-component .logo .sprites-logo-uniqlo-en-xxsm,
.l1921 .product-component .logo .sprites-logo-uniqlo-en-xxsm,
.ldefault .product-component .logo .sprites-logo-uniqlo-en-xxsm {
  background-position: -80px -463px;
  height: 40px;
  width: 40px; }

.sprites-logo-uniqlo-en-xxsm {
  background-position: -92px -222px;
  height: 30px;
  width: 30px; }

.sprites-logo-uniqlo-en,
.project-icon-grid-component .logo-en,
.uq-header-component .logo-en,
.checkout-header-top .logo-en {
  background-position: -60px -974px;
  height: 60px;
  width: 60px; }

.sprites-logo-uniqlo-jp-m {
  background-position: -70px -924px;
  height: 50px;
  width: 50px; }

.checkout-header-top .logo-en {
  background-position: -50px -874px;
  height: 50px;
  width: 50px; }

.sprites-logo-uniqlo-jp-sm {
  background-position: -50px -728px;
  height: 48px;
  width: 48px; }

.sprites-logo-uniqlo-jp-xsm,
.l1003 .product-component .logo .sprites-logo-uniqlo-jp-xxsm,
.l1492 .product-component .logo .sprites-logo-uniqlo-jp-xxsm,
.l1921 .product-component .logo .sprites-logo-uniqlo-jp-xxsm,
.ldefault .product-component .logo .sprites-logo-uniqlo-jp-xxsm {
  background-position: 0 -463px;
  height: 40px;
  width: 40px; }

.sprites-logo-uniqlo-jp-xxsm {
  background-position: -26px -285px;
  height: 30px;
  width: 30px; }

.sprites-logo-uniqlo-jp,
.project-icon-grid-component .logo-jp,
.uq-header-component .logo-jp {
  background-position: 0 -1034px;
  height: 60px;
  width: 60px; }

.sprites-modal-component-close-button {
  background-position: 0 -387px;
  height: 34px;
  width: 34px; }

.sprites-nav-arrow-close,
.quick-view-component .quick-view-container .sprites-quick-view-close-button {
  background-position: 0 -352px;
  height: 35px;
  width: 35px; }
  .sprites-nav-arrow-close:hover, .sprites-nav-arrow-close.nav-arrow-close-hover,
  .quick-view-component .quick-view-container .sprites-quick-view-close-button:hover,
  .quick-view-component .quick-view-container .sprites-quick-view-close-button.nav-arrow-close-hover {
    background-position: -35px -352px; }

.sprites-nav-arrow-left,
.quick-view-component .quick-view-container .sprites-quick-view-arrow-left {
  background-position: -108px -352px;
  height: 35px;
  width: 19px; }
  .sprites-nav-arrow-left:hover, .sprites-nav-arrow-left.nav-arrow-left-hover,
  .quick-view-component .quick-view-container .sprites-quick-view-arrow-left:hover,
  .quick-view-component .quick-view-container .sprites-quick-view-arrow-left.nav-arrow-left-hover {
    background-position: -89px -352px; }

.sprites-nav-arrow-right,
.quick-view-component .quick-view-container .sprites-quick-view-arrow-right {
  background-position: -70px -352px;
  height: 35px;
  width: 19px; }
  .sprites-nav-arrow-right:hover, .sprites-nav-arrow-right.nav-arrow-right-hover,
  .quick-view-component .quick-view-container .sprites-quick-view-arrow-right:hover,
  .quick-view-component .quick-view-container .sprites-quick-view-arrow-right.nav-arrow-right-hover {
    background-position: -97px -317px; }

.sprites-nav-carousel-arrow-left-s {
  background-position: -23px -25px;
  height: 19px;
  width: 11px; }
  .sprites-nav-carousel-arrow-left-s:hover, .sprites-nav-carousel-arrow-left-s.nav-carousel-arrow-left-s-hover {
    background-position: -12px -25px; }

.sprites-nav-carousel-arrow-left {
  background-position: 0 -100px;
  height: 23px;
  width: 14px; }
  .sprites-nav-carousel-arrow-left:hover, .sprites-nav-carousel-arrow-left.nav-carousel-arrow-left-hover {
    background-position: -14px -100px; }

.sprites-nav-carousel-arrow-right-s {
  background-position: -34px -25px;
  height: 19px;
  width: 11px; }
  .sprites-nav-carousel-arrow-right-s:hover, .sprites-nav-carousel-arrow-right-s.nav-carousel-arrow-right-s-hover {
    background-position: -45px -25px; }

.sprites-nav-carousel-arrow-right {
  background-position: -40px -69px;
  height: 23px;
  width: 14px; }
  .sprites-nav-carousel-arrow-right:hover, .sprites-nav-carousel-arrow-right.nav-carousel-arrow-right-hover {
    background-position: -76px -25px; }

.sprites-nav-close {
  background-position: 0 -824px;
  height: 50px;
  width: 50px; }

.sprites-nav-header-link-l {
  background-position: -36px 0;
  height: 13px;
  width: 8px; }

.sprites-nav-header-link-s {
  background-position: 0 0;
  height: 11px;
  width: 7px; }

.sprites-placeholder-16x9 {
  background-position: -30px -15px;
  height: 9px;
  width: 16px; }

.sprites-product-toggle-large {
  background-position: -74px -387px;
  height: 40px;
  width: 40px; }

.sprites-product-toggle-small {
  background-position: -40px -463px;
  height: 40px;
  width: 40px; }

.sprites-quick-view-arrow-left {
  background-position: 0 -191px;
  height: 31px;
  width: 17px; }
  .sprites-quick-view-arrow-left:hover, .sprites-quick-view-arrow-left.quick-view-arrow-left-hover {
    background-position: -80px -100px; }

.sprites-quick-view-arrow-right {
  background-position: -85px -69px;
  height: 31px;
  width: 17px; }
  .sprites-quick-view-arrow-right:hover, .sprites-quick-view-arrow-right.quick-view-arrow-right-hover {
    background-position: -68px -69px; }

.sprites-quick-view-close-button-dark {
  background-position: -60px -1154px;
  height: 60px;
  width: 60px; }

.sprites-quick-view-close-button {
  background-position: -59px -254px;
  height: 31px;
  width: 31px; }
  .sprites-quick-view-close-button:hover, .sprites-quick-view-close-button.quick-view-close-button-hover {
    background-position: -90px -254px; }

.sprites-quick-view-close-small {
  background-position: -87px -48px;
  height: 21px;
  width: 21px; }
  .sprites-quick-view-close-small:hover, .sprites-quick-view-close-small.quick-view-close-small-hover {
    background-position: -108px -48px; }

.sprites-rss {
  background-position: -40px -503px;
  height: 44px;
  width: 24px; }

.sprites-search-cancel {
  background-position: -7px 0;
  height: 11px;
  width: 11px; }

.sprites-share-facebook-60,
.story-component .share.component .facebook {
  background-position: -60px -1274px;
  height: 60px;
  width: 60px; }
  .sprites-share-facebook-60:hover, .sprites-share-facebook-60.share-facebook-60-hover,
  .story-component .share.component .facebook:hover,
  .story-component .share.component .facebook.share-facebook-60-hover {
    background-position: 0 -1274px; }

.sprites-share-facebook {
  background-position: -100px -159px;
  height: 28px;
  width: 28px; }
  .sprites-share-facebook:hover, .sprites-share-facebook.share-facebook-hover {
    background-position: -18px -222px; }

.sprites-share-google-60,
.story-component .share.component .googleplus {
  background-position: 0 -1334px;
  height: 60px;
  width: 60px; }
  .sprites-share-google-60:hover, .sprites-share-google-60.share-google-60-hover,
  .story-component .share.component .googleplus:hover,
  .story-component .share.component .googleplus.share-google-60-hover {
    background-position: 0 -1094px; }

.sprites-share-google {
  background-position: -17px -191px;
  height: 28px;
  width: 28px; }
  .sprites-share-google:hover, .sprites-share-google.share-google-hover {
    background-position: -26px -159px; }

.sprites-share-pinterest-60,
.story-component .share.component .pinterest {
  background-position: 0 -974px;
  height: 60px;
  width: 60px; }
  .sprites-share-pinterest-60:hover, .sprites-share-pinterest-60.share-pinterest-60-hover,
  .story-component .share.component .pinterest:hover,
  .story-component .share.component .pinterest.share-pinterest-60-hover {
    background-position: -60px -1034px; }

.sprites-share-pinterest {
  background-position: -45px -191px;
  height: 28px;
  width: 28px; }
  .sprites-share-pinterest:hover, .sprites-share-pinterest.share-pinterest-hover {
    background-position: -72px -159px; }

.sprites-share-twitter-60,
.story-component .share.component .twitter {
  background-position: 0 -1154px;
  height: 60px;
  width: 60px; }
  .sprites-share-twitter-60:hover, .sprites-share-twitter-60.share-twitter-60-hover,
  .story-component .share.component .twitter:hover,
  .story-component .share.component .twitter.share-twitter-60-hover {
    background-position: -60px -1214px; }

.sprites-share-twitter {
  background-position: 0 -317px;
  height: 28px;
  width: 28px; }
  .sprites-share-twitter:hover, .sprites-share-twitter.share-twitter-hover {
    background-position: -101px -191px; }

.sprites-share-youtube {
  background-position: -73px -191px;
  height: 28px;
  width: 28px; }
  .sprites-share-youtube:hover, .sprites-share-youtube.share-youtube-hover {
    background-position: -46px -222px; }

.sprites-shopping-bag {
  background-position: 0 -728px;
  height: 46px;
  width: 50px; }

.sprites-static-header-arrow-down {
  background-position: 0 -427px;
  height: 36px;
  width: 130px; }

.sprites-static-header-back {
  background-position: -38px -131px;
  height: 24px;
  width: 24px; }
  .sprites-static-header-back:hover, .sprites-static-header-back.static-header-back-hover {
    background-position: -102px -69px; }

.sprites-tooltip-close {
  background-position: -57px 0;
  height: 13px;
  width: 13px; }

.sprites-un_UI_carousel_19px_left {
  background-position: -63px -48px;
  height: 19px;
  width: 12px; }
  .sprites-un_UI_carousel_19px_left:hover, .sprites-un_UI_carousel_19px_left.un_UI_carousel_19px_left-hover {
    background-position: 0 -25px; }

.sprites-un_UI_carousel_19px_right {
  background-position: -75px -48px;
  height: 19px;
  width: 12px; }
  .sprites-un_UI_carousel_19px_right:hover, .sprites-un_UI_carousel_19px_right.un_UI_carousel_19px_right-hover {
    background-position: -51px -48px; }

.sprites-un_UI_carousel_23px_left {
  background-position: -104px -25px;
  height: 23px;
  width: 14px; }
  .sprites-un_UI_carousel_23px_left:hover, .sprites-un_UI_carousel_23px_left.un_UI_carousel_23px_left-hover {
    background-position: 0 -131px; }

.sprites-un_UI_carousel_23px_right {
  background-position: -54px -69px;
  height: 23px;
  width: 14px; }
  .sprites-un_UI_carousel_23px_right:hover, .sprites-un_UI_carousel_23px_right.un_UI_carousel_23px_right-hover {
    background-position: -90px -25px; }

.sprites-unblocked-promo-android-icon,
.unblocked-promos-component .has-app.only-android,
.unblocked-promos-component .has-app.android {
  background-position: -96px 0;
  height: 15px;
  width: 14px; }

.sprites-unblocked-promo-apple-bar-icon,
.unblocked-promos-component .has-app.apple {
  background-position: -110px 0;
  height: 15px;
  width: 19px; }

.sprites-unblocked-promo-apple-icon,
.unblocked-promos-component .has-app.only-apple {
  background-position: -39px -48px;
  height: 15px;
  width: 12px; }

.sprites-unblocked-promo-apps-icon {
  background-position: 0 -48px;
  height: 15px;
  width: 39px; }

.sprites-unblocked-promo-cta,
.unblocked-promos-component .arrow {
  background-position: -78px -15px;
  height: 9px;
  width: 7px; }

.sprites-user-info-arrow {
  background-position: -7px -15px;
  height: 6px;
  width: 10px; }

.sprites-video-pause-large {
  background-position: 0 -1214px;
  height: 60px;
  width: 60px; }

.sprites-video-play-large {
  background-position: -60px -1094px;
  height: 60px;
  width: 60px; }

.sprites-video-play-small {
  background-position: -14px -131px;
  height: 24px;
  width: 24px; }

.static-sprite,
.static-company-section-arrow-large-red,
.static-company-section-arrow-large,
.static-company-section-arrow-red,
.static-company-section-arrow,
.static-external-link-black,
.static-external-link-red,
.static-header-arrow-down,
.static-header-back,
.static-help-cta-call,
.static-help-cta-call_large,
.static-help-cta-mail,
.static-help-cta-mail_large,
.static-info-nav-arrow-current,
.static-info-nav-arrow,
.static-location-link,
.store-infobox .store-infobox-right p .store-more-info:after,
.static-rss,
.static-stores-map-large {
  background-image: url("sprites/static-s2839d2e7c0.png");
  background-repeat: no-repeat; }

.static-company-section-arrow-large-red {
  background-position: -217px 0;
  height: 62px;
  width: 72px; }

.static-company-section-arrow-large {
  background-position: -85px 0;
  height: 62px;
  width: 72px; }

.static-company-section-arrow-red {
  background-position: -128px -65px;
  height: 28px;
  width: 33px; }

.static-company-section-arrow {
  background-position: -161px -65px;
  height: 28px;
  width: 33px; }

.static-external-link-black {
  background-position: -44px -65px;
  height: 10px;
  width: 10px; }

.static-external-link-red {
  background-position: -34px -65px;
  height: 10px;
  width: 10px; }

.static-header-arrow-down {
  background-position: -220px -65px;
  height: 36px;
  width: 130px; }

.static-header-back {
  background-position: -54px -65px;
  height: 24px;
  width: 24px; }
  .static-header-back:hover, .static-header-back.header-back-hover {
    background-position: -78px -65px; }

.static-help-cta-call {
  background-position: -194px -65px;
  height: 29px;
  width: 26px; }

.static-help-cta-call_large {
  background-position: -157px 0;
  height: 65px;
  width: 60px; }

.static-help-cta-mail {
  background-position: -102px -65px;
  height: 26px;
  width: 26px; }

.static-help-cta-mail_large {
  background-position: -24px 0;
  height: 59px;
  width: 61px; }

.static-info-nav-arrow-current {
  background-position: -22px -65px;
  height: 9px;
  width: 6px; }
  .static-info-nav-arrow-current:hover, .static-info-nav-arrow-current.info-nav-arrow-current-hover {
    background-position: -16px -65px; }

.static-info-nav-arrow {
  background-position: -28px -65px;
  height: 9px;
  width: 6px; }
  .static-info-nav-arrow:hover, .static-info-nav-arrow.info-nav-arrow-hover {
    background-position: -10px -65px; }

.static-location-link,
.store-infobox .store-infobox-right p .store-more-info:after {
  background-position: 0 -65px;
  height: 9px;
  width: 10px; }

.static-rss {
  background-position: 0 0;
  height: 44px;
  width: 24px; }

.static-stores-map-large {
  background-position: 0 -101px;
  height: 57px;
  width: 354px; }

.unblocked-promos-component .textBox {
  border: 0px !important; }

.unblocked-promos-component .textBox h3 {
  font-size: 2rem; }

.table-of-contents-component {
  max-width: 1464px;
  padding-bottom: 0;
  padding: 0;
  margin: 25px auto 15px auto;
  font-size: 0;
  font-size: 0rem;
  position: relative;
  *zoom: 1; }
  .table-of-contents-component:after {
    content: "";
    display: table;
    clear: both; }
  .table-of-contents-component .table-of-contents-tile {
    overflow: hidden;
    float: left;
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    box-sizing: border-box;
    padding: 0 12px 65px 12px; }
    .table-of-contents-component .table-of-contents-tile .textHolder {
      background-color: #f2f2f2;
      padding: 15px 5px; }
  @media screen and (max-width: 863px) {
    .table-of-contents-component .table-of-contents-promos-component {
      height: 480px; } }
  .table-of-contents-component .n1, .table-of-contents-component .n3, .table-of-contents-component .n5 {
    padding-left: 0; }
  .table-of-contents-component .n2, .table-of-contents-component .n4, .table-of-contents-component .n6 {
    padding-right: 0; }
  .table-of-contents-component .n1, .table-of-contents-component .n3, .table-of-contents-component .n5, .table-of-contents-component .n2, .table-of-contents-component .n4, .table-of-contents-component .n6 {
    margin-bottom: 15px; }
  @media screen and (max-width: 976px) {
    .table-of-contents-component .n3, .table-of-contents-component .n4, .table-of-contents-component .n5, .table-of-contents-component .n6 {
      width: 25%; } }
  @media screen and (max-width: 976px) {
    .table-of-contents-component .n3 {
      padding-left: 0;
      padding-right: 18px; } }
  @media screen and (max-width: 976px) {
    .table-of-contents-component .n4 {
      padding-left: 6px;
      padding-right: 12px; } }
  @media screen and (max-width: 976px) {
    .table-of-contents-component .n5 {
      padding-left: 12px;
      padding-right: 6px; } }
  @media screen and (max-width: 976px) {
    .table-of-contents-component .n6 {
      padding-right: 0;
      padding-left: 18px; } }
  .table-of-contents-component .uniqlo-logo {
    opacity: 0;
    width: 200px;
    height: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -100px;
    text-align: center; }
  .table-of-contents-component .uniqlo-lifewear {
    opacity: 0;
    width: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 15px;
    margin-left: -100px;
    text-align: center; }
  .table-of-contents-component.loaded figure.right {
    z-index: 4; }

@media screen and (max-width: 768px) {
  .c2 .unblocked-promos-component .banner,
  .c3 .unblocked-promos-component .banner,
  .c4 .unblocked-promos-component .banner {
    max-width: none; } }

.xp figure.right {
  z-index: 4; }

.n3 .table-of-contents-promos-component .with-border img,
.n4 .table-of-contents-promos-component .with-border img .n5 .table-of-contents-promos-component .with-border img .n6 .table-of-contents-promos-component .with-border img {
  margin-left: -223px; }

.table-of-contents-promos-component {
  height: 435px;
  position: relative;
  margin: 0 auto;
  -ms-perspective: 1100px;
  perspective: 1100px; }
  @media screen and (min-width: 976px) {
    .table-of-contents-promos-component {
      height: 402px; } }
  .table-of-contents-promos-component .cube-carousel {
    width: 100%;
    height: 100%;
    position: absolute;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d; }
    .table-of-contents-promos-component .cube-carousel figure {
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      margin: 0;
      background: #fff; }
      .table-of-contents-promos-component .cube-carousel figure .blank {
        width: 100%;
        height: 100%;
        opacity: 0; }
  .table-of-contents-promos-component .table-of-contents-promo-component {
    position: relative;
    overflow: visible;
    max-width: 1872px;
    font-size: 0;
    font-size: 0rem;
    cursor: pointer;
    display: block;
    height: auto; }
    .table-of-contents-promos-component .table-of-contents-promo-component a img {
      border: 0; }
    .table-of-contents-promos-component .table-of-contents-promo-component:hover .textBox {
      background: #e0e0e0; }
  .table-of-contents-promos-component .banner-frame {
    position: relative;
    height: 315px;
    border-bottom: 0;
    overflow: hidden;
    background: transparent url("http://uniqlo.scene7.com/is/content/UNIQLO/us_site_assets/global_assets/UNIQLO_image_loader.gif") no-repeat center;
    box-sizing: border-box; }
  .table-of-contents-promos-component .with-border {
    border: 3px solid #f2f2f2;
    border-bottom: 0; }
  .table-of-contents-promos-component .banner {
    width: auto;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -360px; }
  .table-of-contents-promos-component .banner-frame {
    position: relative; }
  .table-of-contents-promos-component .alert {
    display: none;
    width: 100%;
    padding: 4px 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
    text-align: center;
    background: #ff0000;
    color: #fff;
    font-size: 13px;
    font-size: .8125rem;
    text-transform: uppercase; }
  .table-of-contents-promos-component .n3 .alert, .table-of-contents-promos-component .n4 .alert, .table-of-contents-promos-component .n5 .alert, .table-of-contents-promos-component .n6 .alert {
    font-size: 13px;
    padding: 1px 0 0 0; }
  .table-of-contents-promos-component .textBox {
    height: 120px;
    background: #f2f2f2;
    padding: 0;
    font-size: 0;
    font-size: 0rem; }
    @media screen and (min-width: 976px) {
      .table-of-contents-promos-component .textBox {
        height: 85px; } }
  .table-of-contents-promos-component .project-icon {
    width: 45px;
    height: 45px;
    margin: 15px;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden; }
    .table-of-contents-promos-component .project-icon img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%; }
  .table-of-contents-promos-component .textHolder {
    padding: 15px; }
  .table-of-contents-promos-component .icon {
    width: auto;
    height: auto;
    padding: 0 0 10px 0;
    box-sizing: border-box; }
  .table-of-contents-promos-component .product-overview h2 {
    font-size: 18px;
    font-size: 0.95rem;
    line-height: 24px;
    text-transform: uppercase;
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
    font-weight: 500;
    padding: 0;
    background: transparent;
    margin: 0 0 3px 0;
    color: #000; }
  .table-of-contents-promos-component p {
    display: block;
    font-size: 14px;
    font-size: .875rem;
    padding: 0 0 11px 0;
    color: #000; }
  .table-of-contents-promos-component .has-project-icon {
    position: relative; }
    .table-of-contents-promos-component .has-project-icon .product-overview {
      margin: 0 0 0 60px; }

.n3 .table-of-contents-promos-component, .n4 .table-of-contents-promos-component, .n5 .table-of-contents-promos-component, n6 .table-of-contents-promos-component {
  height: 315px; }
  @media screen and (min-width: 976px) {
    .n3 .table-of-contents-promos-component, .n4 .table-of-contents-promos-component, .n5 .table-of-contents-promos-component, n6 .table-of-contents-promos-component {
      height: 362px; } }
  @media screen and (min-width: 1464px) {
    .n3 .table-of-contents-promos-component, .n4 .table-of-contents-promos-component, .n5 .table-of-contents-promos-component, n6 .table-of-contents-promos-component {
      height: 292px; } }
  .n3 .table-of-contents-promos-component .banner, .n4 .table-of-contents-promos-component .banner, .n5 .table-of-contents-promos-component .banner, n6 .table-of-contents-promos-component .banner {
    margin-left: -227px; }
  .n3 .table-of-contents-promos-component .banner-frame, .n4 .table-of-contents-promos-component .banner-frame, .n5 .table-of-contents-promos-component .banner-frame, n6 .table-of-contents-promos-component .banner-frame {
    height: 190px; }
  .n3 .table-of-contents-promos-component h2, .n4 .table-of-contents-promos-component h2, .n5 .table-of-contents-promos-component h2, n6 .table-of-contents-promos-component h2 {
    font-size: 16px;
    font-size: 1rem;
    line-height: 22px; }
  .n3 .table-of-contents-promos-component .has-project-icon .project-icon, .n4 .table-of-contents-promos-component .has-project-icon .project-icon, .n5 .table-of-contents-promos-component .has-project-icon .project-icon, n6 .table-of-contents-promos-component .has-project-icon .project-icon {
    width: 30px;
    height: 30px; }
    .n3 .table-of-contents-promos-component .has-project-icon .project-icon img, .n4 .table-of-contents-promos-component .has-project-icon .project-icon img, .n5 .table-of-contents-promos-component .has-project-icon .project-icon img, n6 .table-of-contents-promos-component .has-project-icon .project-icon img {
      top: auto;
      bottom: 0; }
  .n3 .table-of-contents-promos-component .has-project-icon .product-overview, .n4 .table-of-contents-promos-component .has-project-icon .product-overview, .n5 .table-of-contents-promos-component .has-project-icon .product-overview, n6 .table-of-contents-promos-component .has-project-icon .product-overview {
    margin: 0 0 0 45px; }
  @media screen and (min-width: 976px) {
    .n3 .table-of-contents-promos-component .textBox, .n4 .table-of-contents-promos-component .textBox, .n5 .table-of-contents-promos-component .textBox, n6 .table-of-contents-promos-component .textBox {
      height: 170px; } }
  @media screen and (min-width: 1464px) {
    .n3 .table-of-contents-promos-component .textBox, .n4 .table-of-contents-promos-component .textBox, .n5 .table-of-contents-promos-component .textBox, n6 .table-of-contents-promos-component .textBox {
      height: 100px; } }
  .n3 .table-of-contents-promos-component .with-border img, .n4 .table-of-contents-promos-component .with-border img, .n5 .table-of-contents-promos-component .with-border img, n6 .table-of-contents-promos-component .with-border img {
    margin-left: -223px; }

.ready .table-of-contents-promos-component .cube-carousel .blank {
  background-color: #e0e0e0;
  background-image: -o-linear-gradient(left, #e0e0e0, #fff);
  transition: opacity 1.5s,transform 1.5s; }

.ready .table-of-contents-promos-component .alert,
.loaded .table-of-contents-promos-component .alert {
  display: block; }

.iPhone .table-of-contents-promos-component .ready .left, .iPhone .table-of-contents-promos-component .ready .back {
  -webkit-transition: all 500ms ease-out;
  opacity: 0; }

.unblocked-promos-component {
  position: relative;
  overflow: visible;
  max-width: 1872px;
  margin: 24px auto 0 auto;
  font-size: 0;
  font-size: 0rem;
  position: relative;
  height: 407px; }
  .unblocked-promos-component a, .unblocked-promos-component .has-multi-ctas {
    display: block;
    position: relative;
    height: 100%;
    font-size: 16px;
    font-size: 1rem;
    line-height: 18px; }
  .unblocked-promos-component a:before, .unblocked-promos-component .has-multi-ctas:before {
    content: ' ';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
    box-sizing: border-box;
    z-index: 2; }
  .unblocked-promos-component a img, .unblocked-promos-component .has-multi-ctas img {
    border: 0; }
  .unblocked-promos-component:hover a:before, .unblocked-promos-component:hover .has-multi-ctas:before {
    border: 1px solid #7a7a7a; }
  .unblocked-promos-component:hover .textBox a:before {
    border: 0; }
  .unblocked-promos-component .promo-component {
    display: block;
    height: 100%;
    position: relative;
    border: 1px solid #e7e7e7; }
  .unblocked-promos-component .banner-frame {
    position: relative;
    height: 220px;
    overflow: hidden;
    background: transparent url("http://uniqlo.scene7.com/is/content/UNIQLO/us_site_assets/global_assets/UNIQLO_image_loader.gif") no-repeat center;
    box-sizing: border-box;
    border: 0 solid #fff; }
  .unblocked-promos-component .banner {
    width: auto;
    height: 100%;
    margin: 0 auto 0 -328px;
    position: absolute;
    top: 0;
    left: 50%;
    opacity: 1; }
  .unblocked-promos-component .miniBanner {
    display: none; }
  .unblocked-promos-component .textBox {
    text-align: center;
    background: #fff;
    padding: 0;
    font-size: 0;
    font-size: 0rem;
    border: 0; }
    .unblocked-promos-component .textBox h3 {
      font-size: 36px;
      text-transform: uppercase;
      font-family: "UniqloBoldRegular", helvetica, arial;
      line-height: 32px;
      letter-spacing: .02em;
      margin: 0 0 3px;
      color: #000; }
  .unblocked-promos-component .textHolder {
    padding: 10px 30px 15px;
    position: relative; }
  .unblocked-promos-component .subhead {
    display: block;
    font-size: 14px;
    font-size: .875rem;
    padding: 0 0 11px;
    color: #000; }
  .unblocked-promos-component .icon-frame {
    display: inline-block;
    width: 45px;
    height: 45px;
    margin: 0 0 10px;
    overflow: hidden;
    position: relative; }
  .unblocked-promos-component .icon {
    position: absolute;
    bottom: 0;
    left: 0; }
  .unblocked-promos-component .addendum {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    position: relative;
    padding: 0;
    font-size: 12px;
    font-size: .75rem;
    color: #000; }
    .unblocked-promos-component .addendum a {
      height: auto;
      display: inline-block;
      padding-left: 9px; }
  .unblocked-promos-component .was {
    display: block;
    font-size: 12px;
    font-size: .75rem;
    text-decoration: line-through;
    padding: 0 0 3px; }
  .unblocked-promos-component .alt-was {
    text-decoration: line-through;
    display: none;
    font-size: 12px;
    font-size: .75rem; }
  .unblocked-promos-component .price {
    font-size: 14px;
    font-size: .875rem;
    color: #ff0000; }
  .unblocked-promos-component .from {
    color: #ff0000; }
  .unblocked-promos-component .eyebrow {
    display: block;
    font-size: 12px;
    font-size: .75rem;
    color: #ff0000;
    padding: 0; }
  .unblocked-promos-component .cta {
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
    font-size: 14px;
    font-size: .875rem;
    color: #ff0000; }
  .unblocked-promos-component .arrow {
    display: inline-block;
    margin-bottom: 3px;
    margin-left: 5px; }

.c2 .c720 .unblocked-promos-component .arrow,
.c3 .c720 .unblocked-promos-component .arrow,
.c4 .c720 .unblocked-promos-component .arrow,
.c2 .c1464 .unblocked-promos-component .arrow,
.c3 .c1464 .unblocked-promos-component .arrow,
.c4 .c1464 .unblocked-promos-component .arrow,
.c2 .c1092 .unblocked-promos-component .arrow,
.c3 .c1092 .unblocked-promos-component .arrow,
.c4 .c1092 .unblocked-promos-component .arrow {
  margin-bottom: 0; }

.unblocked-promos-component .appLinks {
  font-size: 0; }
  .unblocked-promos-component .appLinks a {
    padding-left: 6px; }

.unblocked-promos-component .tags {
  font-size: 11px;
  font-size: .6875rem;
  padding: 10px 0 0; }
  .unblocked-promos-component .tags .tag {
    font-size: 11px;
    font-size: .6875rem;
    background: #b3b3b3;
    padding: 3px 4px 0;
    margin: 0;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    text-transform: uppercase; }

.unblocked-promos-component .has-video .parsys, .unblocked-promos-component .videoPlayer, .unblocked-promos-component .video-player-component, .unblocked-promos-component .outer-vid {
  height: 100%;
  width: auto; }

.unblocked-promos-component .video-wrapper {
  height: 100%;
  width: auto;
  padding-bottom: 0; }

.unblocked-promos-component .product-overview {
  padding: 15px;
  height: 80px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  box-sizing: border-box;
  width: 100%;
  max-width: 500px;
  text-align: left; }

.unblocked-promos-component .addendum {
  height: 65px;
  width: 100%;
  padding: 15px 15px 15px 0;
  box-sizing: border-box;
  text-align: right; }

.unblocked-promos-component .was {
  display: none; }

.unblocked-promos-component .alt-was {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  padding: 0 .25em 0 0; }

.unblocked-promos-component .eyebrow {
  margin-top: -2px; }

.unblocked-promos-component .tags {
  padding: 0; }

.unblocked-promos-component .icon-frame {
  position: absolute;
  top: 15px;
  left: 15px; }

.unblocked-promos-component .has-project-icon .banner-frame {
  height: 245px; }

.unblocked-promos-component .has-project-icon .banner {
  margin-left: -360px; }

.unblocked-promos-component .has-project-icon .textHolder {
  position: relative; }

.unblocked-promos-component .has-project-icon .product-overview {
  padding: 15px 15px 15px 75px; }
  .unblocked-promos-component .has-project-icon .product-overview h3 {
    font-size: 16px;
    font-size: 1rem; }

.unblocked-promos-component .product-overview {
  width: 64%;
  height: 105px;
  float: left; }
  .unblocked-promos-component .product-overview h3 {
    margin: 0 0 7px; }

.unblocked-promos-component .addendum {
  height: 100%;
  width: 35%;
  position: relative;
  bottom: 0;
  right: 0;
  float: right;
  padding: 35px 15px 15px 0; }

.unblocked-promos-component .alt-was {
  display: none; }

.unblocked-promos-component .has-project-icon .banner-frame {
  height: 285px;
  width: auto; }
  @media screen and (min-width: 1122px) {
    .unblocked-promos-component .has-project-icon .banner-frame {
      margin: 15px 15px 15px 40%; } }

.unblocked-promos-component .has-project-icon .banner {
  margin-left: -419px; }

.unblocked-promos-component .banner-frame {
  height: 100%;
  width: auto;
  margin: 0 0 0 280px; }
  @media screen and (min-width: 1122px) {
    .unblocked-promos-component .banner-frame {
      margin: 0 0 0 40%; } }
  @media screen and (min-width: 1902px) {
    .unblocked-promos-component .banner-frame {
      margin: 0 0 0 715px; } }

.unblocked-promos-component .banner {
  margin-left: -607px; }
  @media screen and (min-width: 1024px) {
    .unblocked-promos-component .banner {
      margin-left: -600px; } }

.unblocked-promos-component .textBox {
  display: table;
  position: absolute;
  left: 0;
  top: 0;
  width: 280px;
  height: 405px;
  border: 0; }
  @media screen and (min-width: 1122px) {
    .unblocked-promos-component .textBox {
      width: 40%; } }
  @media screen and (min-width: 1902px) {
    .unblocked-promos-component .textBox {
      width: 715px; } }
  .unblocked-promos-component .textBox h3 {
    margin: 0 0 7px; }
  @media screen and (min-width: 1024px) {
    .unblocked-promos-component .textBox p.subhead {
      font-size: 16px;
      font-size: 1rem;
      line-height: 22px; } }

.unblocked-promos-component .textHolder {
  height: 105px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  padding: 20px 10%;
  *zoom: 1; }
  .unblocked-promos-component .textHolder p {
    padding: 0 0 50px 0; }
  .unblocked-promos-component .textHolder:after {
    content: "";
    display: table;
    clear: both; }

.unblocked-promos-component .product-overview {
  display: block;
  width: auto;
  height: auto;
  padding: 0;
  max-width: none;
  text-align: center;
  float: none;
  overflow: hidden;
  max-height: 365px; }

.unblocked-promos-component .subhead {
  font-size: 16px;
  font-size: 1rem;
  padding: 0 0 20px;
  line-height: 24px; }

.unblocked-promos-component .addendum {
  display: block;
  height: auto;
  width: auto;
  position: static;
  float: none;
  text-align: center;
  font-size: 20px;
  font-size: 1.25rem;
  padding: 0; }

.unblocked-promos-component .was {
  display: block;
  font-size: 14px;
  font-size: .875rem;
  line-height: 1em;
  margin: 0 0 6px;
  padding: 9px 0 1px;
  position: static;
  right: 15px;
  top: 13px; }

.unblocked-promos-component .large-was {
  display: none; }

.unblocked-promos-component .price {
  font-size: 20px;
  font-size: 1.25rem; }

.unblocked-promos-component .eyebrow {
  font-size: 14px;
  font-size: .875rem;
  padding: 5px 0 0; }

.unblocked-promos-component .cta {
  position: static;
  font-size: 20px;
  font-size: 1.25rem; }

.unblocked-promos-component .has-app {
  display: block;
  padding: 0;
  margin: 5px auto 0; }

.unblocked-promos-component .tags {
  margin: 10px 0 0; }
  .unblocked-promos-component .tags .tag {
    font-size: 11px;
    font-size: .6875rem;
    margin: 0; }

.unblocked-promos-component .icon-frame {
  position: relative;
  width: 60px;
  height: 60px;
  top: 0;
  left: 0; }
  @media screen and (min-width: 1024px) {
    .unblocked-promos-component .icon-frame {
      width: 60px; } }

.unblocked-promos-component .icon {
  top: 0;
  height: auto; }

.unblocked-promos-component .has-project-icon {
  border: 1px solid #e7e7e7;
  box-sizing: border-box;
  height: 407px; }
  .unblocked-promos-component .has-project-icon a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; }
  .unblocked-promos-component .has-project-icon .banner-frame {
    margin: 15px 15px 15px 295px;
    height: 377px; }
  .unblocked-promos-component .has-project-icon .banner {
    margin-left: -554px; }
  .unblocked-promos-component .has-project-icon .textBox {
    border: 0;
    background: transparent;
    border-top: 0; }
  .unblocked-promos-component .has-project-icon .product-overview {
    box-sizing: border-box;
    padding: 0;
    width: auto; }

.unblocked-promos-component .has-video .parsys, .unblocked-promos-component .has-video .videoPlayer, .unblocked-promos-component .has-video .video-player-component, .unblocked-promos-component .has-video .outer-vid {
  height: 100%;
  width: auto; }

.unblocked-promos-component .has-video .video-wrapper {
  height: 100%;
  width: auto;
  padding-bottom: 0; }

.c2 .unblocked-promos-component,
.c3 .unblocked-promos-component,
.c4 .unblocked-promos-component {
  height: 407px; }
  .c2 .unblocked-promos-component .addendum,
  .c3 .unblocked-promos-component .addendum,
  .c4 .unblocked-promos-component .addendum {
    box-sizing: border-box;
    display: block;
    font-size: 12px;
    font-size: .75rem;
    height: 65px;
    padding: 15px 15px 15px 0;
    position: absolute;
    text-align: right;
    width: 100%; }
  .c2 .unblocked-promos-component .alt-was,
  .c3 .unblocked-promos-component .alt-was,
  .c4 .unblocked-promos-component .alt-was {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    padding: 0 .25em 0 0; }
  .c2 .unblocked-promos-component .banner,
  .c3 .unblocked-promos-component .banner,
  .c4 .unblocked-promos-component .banner {
    margin-left: -388px; }
  .c2 .unblocked-promos-component .banner-frame,
  .c3 .unblocked-promos-component .banner-frame,
  .c4 .unblocked-promos-component .banner-frame {
    margin: 0;
    height: 260px; }
  .c2 .unblocked-promos-component .cta,
  .c3 .unblocked-promos-component .cta,
  .c4 .unblocked-promos-component .cta {
    font-size: 14px;
    font-size: .875rem; }
  .c2 .unblocked-promos-component .eyebrow,
  .c3 .unblocked-promos-component .eyebrow,
  .c4 .unblocked-promos-component .eyebrow {
    font-size: 12px;
    font-size: .75rem;
    margin-top: -2px;
    padding: 3px 0 0; }
  .c2 .unblocked-promos-component .has-app,
  .c3 .unblocked-promos-component .has-app,
  .c4 .unblocked-promos-component .has-app {
    margin: 5px 0 0 auto; }
  .c2 .unblocked-promos-component .has-project-icon,
  .c3 .unblocked-promos-component .has-project-icon,
  .c4 .unblocked-promos-component .has-project-icon {
    height: 100%; }
    .c2 .unblocked-promos-component .has-project-icon .banner,
    .c3 .unblocked-promos-component .has-project-icon .banner,
    .c4 .unblocked-promos-component .has-project-icon .banner {
      margin-left: -360px; }
    .c2 .unblocked-promos-component .has-project-icon .banner-frame,
    .c3 .unblocked-promos-component .has-project-icon .banner-frame,
    .c4 .unblocked-promos-component .has-project-icon .banner-frame {
      height: 245px;
      margin: 15px 15px 0 15px; }
    .c2 .unblocked-promos-component .has-project-icon .product-overview,
    .c3 .unblocked-promos-component .has-project-icon .product-overview,
    .c4 .unblocked-promos-component .has-project-icon .product-overview {
      padding: 15px 15px 15px 75px; }
      .c2 .unblocked-promos-component .has-project-icon .product-overview h3,
      .c3 .unblocked-promos-component .has-project-icon .product-overview h3,
      .c4 .unblocked-promos-component .has-project-icon .product-overview h3 {
        font-size: 16px;
        font-size: 1rem; }
    .c2 .unblocked-promos-component .has-project-icon .textBox,
    .c3 .unblocked-promos-component .has-project-icon .textBox,
    .c4 .unblocked-promos-component .has-project-icon .textBox {
      border-right: 0; }
    .c2 .unblocked-promos-component .has-project-icon .textHolder,
    .c3 .unblocked-promos-component .has-project-icon .textHolder,
    .c4 .unblocked-promos-component .has-project-icon .textHolder {
      position: relative; }
  .c2 .unblocked-promos-component .icon,
  .c3 .unblocked-promos-component .icon,
  .c4 .unblocked-promos-component .icon {
    top: auto;
    bottom: 0; }
  .c2 .unblocked-promos-component .icon-frame,
  .c3 .unblocked-promos-component .icon-frame,
  .c4 .unblocked-promos-component .icon-frame {
    position: absolute;
    height: 45px;
    left: 15px;
    top: 15px;
    width: 45px; }
  .c2 .unblocked-promos-component .price,
  .c3 .unblocked-promos-component .price,
  .c4 .unblocked-promos-component .price {
    font-size: 14px;
    font-size: .875rem; }
  .c2 .unblocked-promos-component .product-overview,
  .c3 .unblocked-promos-component .product-overview,
  .c4 .unblocked-promos-component .product-overview {
    margin: 0;
    padding: 15px;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    box-sizing: border-box;
    width: 100%;
    max-width: 500px;
    text-align: left; }
  .c2 .unblocked-promos-component .tags,
  .c3 .unblocked-promos-component .tags,
  .c4 .unblocked-promos-component .tags {
    margin: 0;
    padding: 0; }
  .c2 .unblocked-promos-component .textBox,
  .c3 .unblocked-promos-component .textBox,
  .c4 .unblocked-promos-component .textBox {
    display: block;
    position: static;
    width: auto;
    height: auto;
    border: 0; }
    .c2 .unblocked-promos-component .textBox h3,
    .c3 .unblocked-promos-component .textBox h3,
    .c4 .unblocked-promos-component .textBox h3 {
      margin: 0 0 7px; }
  .c2 .unblocked-promos-component .textHolder,
  .c3 .unblocked-promos-component .textHolder,
  .c4 .unblocked-promos-component .textHolder {
    display: block;
    height: 145px;
    text-align: left;
    padding: 0;
    *zoom: 1;
    position: relative; }
    .c2 .unblocked-promos-component .textHolder:after,
    .c3 .unblocked-promos-component .textHolder:after,
    .c4 .unblocked-promos-component .textHolder:after {
      content: "";
      display: table;
      clear: both; }
    .c2 .unblocked-promos-component .textHolder h3,
    .c3 .unblocked-promos-component .textHolder h3,
    .c4 .unblocked-promos-component .textHolder h3 {
      font-size: 16px;
      font-size: 1rem; }
    .c2 .unblocked-promos-component .textHolder p,
    .c3 .unblocked-promos-component .textHolder p,
    .c4 .unblocked-promos-component .textHolder p {
      font-size: 14px;
      font-size: .875rem;
      padding: 0 0 11px 0;
      line-height: inherit;
      margin: 0; }
    .c2 .unblocked-promos-component .textHolder .tag,
    .c3 .unblocked-promos-component .textHolder .tag,
    .c4 .unblocked-promos-component .textHolder .tag {
      font-size: 11px;
      font-size: .6875rem;
      padding: 3px 4px 0; }
  .c2 .unblocked-promos-component .was,
  .c3 .unblocked-promos-component .was,
  .c4 .unblocked-promos-component .was {
    font-size: 12px;
    font-size: .75rem;
    line-height: auto;
    margin: 0;
    display: none; }

@media screen and (min-width: 896px) {
  .c2 .unblocked-promos-component .banner-frame {
    height: 300px; } }

@media screen and (min-width: 896px) {
  .c2 .unblocked-promos-component .banner {
    margin-left: -447px; } }

@media screen and (min-width: 896px) {
  .c2 .unblocked-promos-component .textHolder {
    height: 105px; } }

@media screen and (min-width: 896px) {
  .c2 .unblocked-promos-component .product-overview {
    width: 64%;
    height: 105px;
    float: left; } }

@media screen and (min-width: 896px) {
  .c2 .unblocked-promos-component .product-overview h3 {
    margin: 0 0 7px; } }

@media screen and (min-width: 896px) {
  .c2 .unblocked-promos-component .addendum {
    height: 100%;
    width: 35%;
    position: relative;
    bottom: 0;
    right: 0;
    float: right;
    padding: 35px 15px 15px 0; } }

@media screen and (min-width: 896px) {
  .c2 .unblocked-promos-component .was {
    display: block;
    padding: 9px 0 1px;
    position: absolute;
    top: 13px;
    right: 15px; } }

@media screen and (min-width: 896px) {
  .c2 .unblocked-promos-component .alt-was {
    display: none; } }

@media screen and (min-width: 896px) {
  .c2 .unblocked-promos-component .has-project-icon .banner-frame {
    height: 285px;
    width: auto; } }

@media screen and (min-width: 896px) {
  .c2 .unblocked-promos-component .has-project-icon .banner {
    margin-left: -419px; } }

@media screen and (min-width: 1434px) {
  .c3 .unblocked-promos-component .banner-frame {
    height: 300px; } }

@media screen and (min-width: 1434px) {
  .c3 .unblocked-promos-component .banner {
    margin-left: -447px; } }

@media screen and (min-width: 1434px) {
  .c3 .unblocked-promos-component .textHolder {
    height: 105px; } }

@media screen and (min-width: 1434px) {
  .c3 .unblocked-promos-component .product-overview {
    width: 64%;
    height: 105px;
    float: left; } }

@media screen and (min-width: 1434px) {
  .c3 .unblocked-promos-component .product-overview h3 {
    margin: 0 0 7px; } }

@media screen and (min-width: 1434px) {
  .c3 .unblocked-promos-component .addendum {
    height: 100%;
    width: 35%;
    position: relative;
    bottom: 0;
    right: 0;
    float: right;
    padding: 35px 15px 15px 0; } }

@media screen and (min-width: 1434px) {
  .c3 .unblocked-promos-component .was {
    display: block;
    padding: 9px 0 1px;
    position: absolute;
    top: 13px;
    right: 15px; } }

@media screen and (min-width: 1434px) {
  .c3 .unblocked-promos-component .alt-was {
    display: none; } }

@media screen and (min-width: 1434px) {
  .c3 .unblocked-promos-component .has-project-icon .banner-frame {
    height: 285px;
    width: auto; } }

@media screen and (min-width: 1434px) {
  .c3 .unblocked-promos-component .has-project-icon .banner {
    margin-left: -419px; } }

@media screen and (min-width: 1440px) {
  .c2 .unblocked-promos-component {
    position: relative;
    height: 407px; } }

@media screen and (min-width: 1440px) {
  .c2 .unblocked-promos-component .product-overview {
    display: block;
    width: auto;
    height: auto;
    padding: 0;
    max-width: none;
    text-align: center;
    float: none;
    overflow: hidden;
    max-height: 365px; } }

@media screen and (min-width: 1440px) {
  .c2 .unblocked-promos-component .product-overview h3 {
    margin: 0 0 7px; } }

@media screen and (min-width: 1440px) {
  .c2 .unblocked-promos-component .addendum {
    bottom: 0;
    display: block;
    float: none;
    font-size: 20px;
    font-size: 1.25rem;
    height: auto;
    padding: 0;
    position: static;
    right: 0;
    text-align: center;
    width: auto; } }

@media screen and (min-width: 1440px) {
  .c2 .unblocked-promos-component .alt-was {
    display: none; } }

@media screen and (min-width: 1440px) {
  .c2 .unblocked-promos-component .banner-frame {
    height: 100%;
    width: auto;
    margin: 0 0 0 280px; } }

@media screen and (min-width: 1440px) {
  .c2 .unblocked-promos-component .banner {
    margin-left: -607px; } }

@media screen and (min-width: 1440px) {
  .c2 .unblocked-promos-component .textBox {
    display: table;
    position: absolute;
    left: 0;
    top: 0;
    width: 280px;
    height: 405px;
    border: 0; } }

@media screen and (min-width: 1440px) {
  .c2 .unblocked-promos-component .textBox h3 {
    font-size: 35px;
    font-size: 2.1875rem; } }

@media screen and (min-width: 1440px) {
  .c2 .unblocked-promos-component .textHolder {
    height: 105px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 20px 10%; } }

@media screen and (min-width: 1440px) {
  .c2 .unblocked-promos-component .textHolder p {
    padding: 0 0 50px 0; } }

@media screen and (min-width: 1440px) {
  .c2 .unblocked-promos-component .subhead {
    font-size: 16px;
    font-size: 1rem;
    padding: 0 0 20px;
    line-height: 24px; } }

@media screen and (min-width: 1440px) {
  .c2 .unblocked-promos-component .was {
    display: block;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1em;
    margin: 0 0 6px;
    padding: 9px 0 1px;
    position: static;
    right: 15px;
    top: 13px; } }

@media screen and (min-width: 1440px) {
  .c2 .unblocked-promos-component .large-was {
    display: none; } }

@media screen and (min-width: 1440px) {
  .c2 .unblocked-promos-component .price {
    font-size: 20px;
    font-size: 1.25rem; } }

@media screen and (min-width: 1440px) {
  .c2 .unblocked-promos-component .eyebrow {
    font-size: 14px;
    font-size: .875rem;
    padding: 5px 0 0; } }

@media screen and (min-width: 1440px) {
  .c2 .unblocked-promos-component .cta {
    position: static;
    font-size: 20px;
    font-size: 1.25rem; } }

@media screen and (min-width: 1440px) {
  .c2 .unblocked-promos-component .has-app {
    margin: 5px auto 0; } }

@media screen and (min-width: 1440px) {
  .c2 .unblocked-promos-component .tags {
    margin: 10px 0 0; } }

@media screen and (min-width: 1440px) {
  .c2 .unblocked-promos-component .tags .tag {
    font-size: 11px;
    font-size: .6875rem;
    margin: 0; } }

@media screen and (min-width: 1440px) {
  .c2 .unblocked-promos-component .icon-frame {
    position: relative;
    width: 60px;
    height: 60px;
    top: 0;
    left: 0; } }

@media screen and (min-width: 1440px) {
  .c2 .unblocked-promos-component .icon {
    top: 0;
    height: auto; } }

@media screen and (min-width: 1440px) {
  .c2 .unblocked-promos-component .has-project-icon {
    height: 407px; } }

@media screen and (min-width: 1440px) {
  .c2 .unblocked-promos-component .has-project-icon .banner-frame {
    height: 377px;
    margin: 15px 15px 15px 295px;
    width: auto; } }

@media screen and (min-width: 1440px) {
  .c2 .unblocked-promos-component .has-project-icon .banner {
    margin-left: -554px; } }

@media screen and (min-width: 1440px) {
  .c2 .unblocked-promos-component .has-project-icon .textBox {
    background: transparent;
    border-top: 0; } }

@media screen and (min-width: 1440px) {
  .c2 .unblocked-promos-component .has-project-icon .product-overview {
    padding: 0;
    width: auto; } }

@media screen and (min-width: 1440px) {
  .c2 .unblocked-promos-component .has-video .parsys, .c2 .unblocked-promos-component .has-video .videoPlayer, .c2 .unblocked-promos-component .has-video .video-player-component, .c2 .unblocked-promos-component .has-video .outer-vid {
    height: 100%;
    width: auto; } }

@media screen and (min-width: 1440px) {
  .c2 .unblocked-promos-component .has-video .video-wrapper {
    height: 100%;
    width: auto;
    padding-bottom: 0; } }

.unblockedPromo.parbase {
  width: 100%;
  opacity: 1; }
  .unblockedPromo.parbase .unblocked-promos-component {
    visibility: visible; }

.hero-promos-component {
  overflow: visible;
  max-width: 1872px;
  margin: 25px auto 0 auto; }
  .hero-promos-component .promo-component {
    height: auto;
    text-align: center;
    background: transparent url("../images/global/uq_image_loader.gif") no-repeat center; }
  .hero-promos-component .banner {
    display: none;
    width: 100%;
    max-width: 407px;
    max-height: 407px;
    margin: 0 auto; }
  .hero-promos-component .textBox {
    background: #fff;
    padding: 10px;
    text-align: center; }
    .hero-promos-component .textBox h1 {
      font-size: 20px;
      font-size: 1.25rem;
      text-transform: uppercase;
      font-family: "UniqloBoldRegular", helvetica, arial;
      line-height: .9em; }
    .hero-promos-component .textBox p {
      font-size: 14px;
      font-size: .875rem;
      padding-top: .5em; }

.filterBar {
  transform: translateZ(0);
  backface-visibility: hidden;
  perspective: 1000;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  white-space: nowrap;
  width: 100%;
  margin-top: 35px;
  font-size: 14px;
  line-height: 1; }
  .filterBar--open .filterBar__refinements::after {
    height: 220px;
    transition: height .3s; }
    _:-ms-fullscreen, :root .filterBar--open .filterBar__refinements::after {
      height: 255px; }
  .filterBar--reopen .filterBar__refinements::after, .filterBar--reopen .filterBar__refinement--open .filterBar__refinementContent {
    transition: none; }
  .filterBar__title {
    padding: 10px 10px 10px 0;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer; }
    .filterBar__title::after {
      content: '';
      display: inline-block;
      width: 1px;
      height: 1.1em;
      background: #000;
      vertical-align: text-top;
      margin-left: 1em; }
    .filterBar__titleIcon {
      display: inline-block;
      width: 18px;
      height: 11px;
      margin-left: 0.2em;
      transition: transform 1s cubic-bezier(0, 1.2, 0.2, 1); }
      .filterBar__titleIcon--flipped {
        --flipped: 8px; }
  .filterBar__refinements {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-align: center;
        align-items: center;
    position: relative;
    width: 100%; }
    .filterBar__refinements::after {
      content: "";
      display: block;
      width: 100%;
      height: 0;
      margin-top: 10px;
      color: #f7f7f7;
      background: currentColor;
      box-shadow: -500px 0 0 0, 500px 0 0 0;
      /* starting position off center hence, no calculation possible */
      transition: height .3s; }
      _:-ms-fullscreen, :root .filterBar__refinements::after {
        transition: none; }
  .filterBar__refinement {
    color: #808080;
    height: 100%; }
    .filterBar__refinement--open {
      color: #000; }
      .filterBar__refinement--open .filterBar__refinementContent {
        width: 100%;
        height: 220px;
        opacity: 1;
        transition: opacity .2s .3s ease-in; }
        _:-ms-fullscreen, :root .filterBar__refinement--open .filterBar__refinementContent {
          height: 255px;
          transition: none; }
      .filterBar__refinement--open .filterBar__button::before {
        transform: rotate(-45deg); }
      .filterBar__refinement--open .filterBar__button::after {
        transform: rotate(45deg); }
      .filterBar__refinement--open .filterBar__button:hover::before {
        transform: rotate(-45deg) translate(1px, -1px); }
      .filterBar__refinement--open .filterBar__button:hover::after {
        transform: rotate(45deg) translate(-1px, -1px); }
    .filterBar__refinement--selected {
      margin-right: 5px; }
    .filterBar__refinement--first::before {
      content: '';
      display: inline-block;
      width: 1px;
      height: 1.1em;
      background: #000;
      vertical-align: super;
      margin-left: 10px;
      margin-right: 15px; }
    .filterBar__refinement--clearall {
      padding: 10px;
      color: #000; }
      .filterBar__refinement--clearall:hover, .filterBar__refinement--clearall:focus {
        color: #000;
        text-decoration: underline; }
    .filterBar__refinementLink {
      color: #000;
      background: #E6E6E6;
      padding: 0 10px;
      border-radius: 5px;
      display: inline-block;
      line-height: 30px; }
      .filterBar__refinementLink:hover, .filterBar__refinementLink:focus {
        color: #000; }
      .filterBar__refinementLink::after {
        content: '';
        display: inline-block;
        background-image: url(../images/icon-sprite.svg#icon_cross);
        width: 10px;
        height: 10px;
        margin-left: 5px; }
    .filterBar__refinementContent {
      opacity: 0;
      width: 0;
      height: 0;
      position: absolute;
      bottom: 0;
      left: 10px;
      padding-top: 20px;
      overflow-x: auto;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-line-pack: start;
          align-content: flex-start;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      z-index: 1; }
      .filterBar__refinementContent--search {
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap; }
        .filterBar__refinementContent--search .filterBar__refinementValue {
          margin-right: 0; }
        _:-ms-fullscreen, :root .filterBar__refinementContent--search {
          padding-top: 5px; }
      .filterBar__refinementContentSubList {
        display: grid !important;
        grid-auto-flow: column;
        grid-template: repeat(3, auto)/255px;
        grid-column-gap: 20px;
        margin-right: 20px; }
    .filterBar__refinementValue {
      display: block;
      width: 255px;
      background: #fff;
      line-height: 45px;
      max-height: 45px;
      padding: 0 10px 0 8px;
      margin-right: 20px;
      box-shadow: inset 0 -1px 0 #f7f7f7, 2px 2px 5px #E6E6E6; }
      .filterBar__refinementValue--Title {
        text-transform: uppercase;
        color: #808080;
        font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
        font-weight: bold;
        background: none;
        box-shadow: none; }
      .filterBar__refinementValue--selected .filterBar__refinementValueLink::before {
        background-image: url(../images/icon-sprite.svg#icon_checkmark2);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 11px; }
      .filterBar__refinementValue--selected.filterBar__refinementValue--color .filterBar__refinementValueLink::before {
        outline-offset: 1px;
        outline-color: #000;
        background-image: none; }
      .filterBar__refinementValueText {
        padding: 0 2px;
        display: inline-block;
        text-overflow: ellipsis;
        max-width: 190px;
        overflow-x: hidden;
        white-space: nowrap;
        line-height: 1.1em;
        vertical-align: text-bottom; }
      .filterBar__refinementValueLink {
        display: block;
        color: #000; }
        .filterBar__refinementValueLink:hover, .filterBar__refinementValueLink:focus {
          color: #000; }
        .filterBar__refinementValueLink::before {
          content: '';
          width: 13px;
          height: 13px;
          display: inline-block;
          outline: 1px solid #000;
          margin: 0 2px; }
        .filterBar__refinementValueLink[data-count]::after {
          content: "[" attr(data-count) "]";
          font-size: 10px;
          color: #808080; }
        .filterBar__refinementValueLink--black::before {
          background-color: #000000;
          outline-color: #000000; }
        .filterBar__refinementValueLink--white::before {
          background-color: #ffffff;
          outline-color: #E6E6E6; }
        .filterBar__refinementValueLink--brown::before {
          background-color: brown;
          outline-color: brown; }
        .filterBar__refinementValueLink--dark_brown::before {
          background-color: #5C4033;
          outline-color: #5C4033; }
        .filterBar__refinementValueLink--cream::before {
          background-color: #fffdd0;
          outline-color: #fffdd0; }
        .filterBar__refinementValueLink--blue::before {
          background-color: blue;
          outline-color: blue; }
        .filterBar__refinementValueLink--light_blue::before {
          background-color: lightblue;
          outline-color: lightblue; }
        .filterBar__refinementValueLink--beige::before {
          background-color: beige;
          outline-color: beige; }
        .filterBar__refinementValueLink--gray::before {
          background-color: gray;
          outline-color: gray; }
        .filterBar__refinementValueLink--dark_gray::before {
          background-color: darkgray;
          outline-color: darkgray; }
        .filterBar__refinementValueLink--light_gray::before {
          background-color: lightgray;
          outline-color: lightgray; }
        .filterBar__refinementValueLink--green::before {
          background-color: green;
          outline-color: green; }
        .filterBar__refinementValueLink--dark_green::before {
          background-color: darkgreen;
          outline-color: darkgreen; }
        .filterBar__refinementValueLink--light_green::before {
          background-color: lightgreen;
          outline-color: lightgreen; }
        .filterBar__refinementValueLink--khaki::before {
          background-color: khaki;
          outline-color: khaki; }
        .filterBar__refinementValueLink--navy::before {
          background-color: navy;
          outline-color: navy; }
        .filterBar__refinementValueLink--olive::before {
          background-color: olive;
          outline-color: olive; }
        .filterBar__refinementValueLink--orange::before {
          background-color: orange;
          outline-color: orange; }
        .filterBar__refinementValueLink--dark_orange::before {
          background-color: #ee7600;
          outline-color: #ee7600; }
        .filterBar__refinementValueLink--pink::before {
          background-color: pink;
          outline-color: pink; }
        .filterBar__refinementValueLink--purple::before {
          background-color: purple;
          outline-color: purple; }
        .filterBar__refinementValueLink--dark_purple::before {
          background-color: #871F78;
          outline-color: #871F78; }
        .filterBar__refinementValueLink--red::before {
          background-color: red;
          outline-color: red; }
        .filterBar__refinementValueLink--yellow::before {
          background-color: yellow;
          outline-color: yellow; }
        .filterBar__refinementValueLink--wine::before {
          background-color: #722f37;
          outline-color: #722f37; }
  .filterBar__button {
    color: inherit;
    background: transparent;
    padding: 10px 20px 10px 10px;
    margin-right: 10px;
    text-transform: uppercase;
    position: relative; }
    .filterBar__button--sorting {
      text-transform: none; }
    .filterBar__button:focus:hover::before {
      transform: rotate(-45deg); }
    .filterBar__button:focus:hover::after {
      transform: rotate(45deg); }
    .filterBar__button::before, .filterBar__button::after {
      content: '';
      display: inline-block;
      position: absolute;
      top: 17px;
      width: 9px;
      height: 2px;
      background: currentColor;
      transition: transform .2s ease; }
    .filterBar__button::before {
      right: 6px;
      transform: rotate(45deg); }
    .filterBar__button::after {
      right: 0;
      transform: rotate(-45deg); }
    .filterBar__button:hover::before {
      transform: rotate(45deg) translate(1px, 1px); }
    .filterBar__button:hover::after {
      transform: rotate(-45deg) translate(-1px, 1px); }
    .filterBar__buttonText {
      font-weight: bold;
      text-transform: uppercase; }
  .filterBar__count {
    margin-left: auto;
    padding: 10px 0; }

/* global */
#facebook_instagram {
  overflow: hidden;
  width: 96.7%;
  width: 960px;
  margin: 25px 25px -30px 25px;
  /* facebook */ }
  #facebook_instagram .feed_content_head {
    display: block;
    width: 100%;
    vertical-align: middle;
    margin: 0;
    font-size: 0;
    font-family: "UniqloBoldRegular", helvetica, arial;
    background-color: #FFF;
    background-position: 12px center;
    background-repeat: no-repeat; }
    #facebook_instagram .feed_content_head a {
      border: 1px solid #e7e7e7;
      border-top: none;
      display: block;
      line-height: 46px;
      padding-left: 48px;
      color: #FFF;
      font-size: 20px; }
      #facebook_instagram .feed_content_head a > span {
        background-position: right center;
        background-repeat: no-repeat;
        margin-right: 12px;
        display: block; }
  #facebook_instagram ul#fb-posts {
    width: 100%; }
    #facebook_instagram ul#fb-posts span#postdate,
    #facebook_instagram ul#fb-posts span.postdate {
      padding: 0 10px 0 0;
      color: #aaa;
      vertical-align: top;
      width: 18%; }
    #facebook_instagram ul#fb-posts span#trail,
    #facebook_instagram ul#fb-posts span.trail {
      padding: 0 10px 0 0;
      vertical-align: top;
      width: 2%; }
    #facebook_instagram ul#fb-posts span#post,
    #facebook_instagram ul#fb-posts span.post {
      width: 80%;
      display: inline-block;
      word-break: break-word;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  #facebook_instagram .feed_content_body {
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
    font-size: 14px;
    border: 1px solid #e7e7e7;
    border-top: none;
    height: 184px; }
    #facebook_instagram .feed_content_body .error_block {
      text-align: center;
      display: none; }
  #facebook_instagram #facebook_area {
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; }
    #facebook_instagram #facebook_area .feed_content_head {
      background-image: url(http://uniqlo.scene7.com/is/image/UNIQLO/us-pc-150513-sns-icon-fb?);
      border-top: 4px solid #3b5998; }
      #facebook_instagram #facebook_area .feed_content_head a > span {
        background-image: url(http://uniqlo.scene7.com/is/image/UNIQLO/us-pc-150511-sns-arrow?&op_colorize=59,89,152);
        color: #3b5998; }
    #facebook_instagram #facebook_area .feed_content_body ul {
      padding: 10px 15px 0; }
      #facebook_instagram #facebook_area .feed_content_body ul li {
        margin-bottom: 15px;
        overflow: hidden;
        position: relative; }
        #facebook_instagram #facebook_area .feed_content_body ul li span.date_time {
          color: #9b9b9b;
          width: 61px;
          padding-right: 15px;
          height: 20px;
          line-height: 24px;
          vertical-align: middle;
          border-right: 1px solid #3b5998;
          display: inline-block;
          position: absolute;
          left: 0; }
        #facebook_instagram #facebook_area .feed_content_body ul li span.read_txt {
          color: #000;
          overflow: hidden;
          float: left;
          padding-left: 86px;
          line-height: 24px;
          height: 20px;
          width: 100%;
          white-space: nowrap;
          text-overflow: ellipsis;
          box-sizing: border-box;
          -ms-box-sizing: border-box;
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box; }
  #facebook_instagram #instagram_area {
    margin-top: 30px;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    /* Temporarily removed Instagram 2015.06.29 - RWW*/
    float: left;
    /* width: 100% !important; */
    padding-left: 0px !important; }
    #facebook_instagram #instagram_area .feed_content_head {
      background-image: url(http://uniqlo.scene7.com/is/image/UNIQLO/us-pc-150513-sns-icon-ig?);
      border-top: 4px solid #ca6b3b; }
      #facebook_instagram #instagram_area .feed_content_head a > span {
        background-image: url(http://uniqlo.scene7.com/is/image/UNIQLO/us-pc-150511-sns-arrow?&op_colorize=202,107,59);
        color: #ca6b3b; }
    #facebook_instagram #instagram_area .feed_content_body {
      line-height: 184px;
      text-align: center; }
      #facebook_instagram #instagram_area .feed_content_body ul {
        overflow: hidden;
        display: inline-block;
        vertical-align: middle;
        height: 152px;
        width: 840px;
        position: relative;
        /* Temporarily adjusted pending Facebook re-install 2015.06.29 - RWW */
        width: 100% !important; }
        #facebook_instagram #instagram_area .feed_content_body ul li {
          position: relative;
          display: inline-block;
          float: none;
          overflow: hidden;
          height: 152px;
          width: 152px;
          margin: 0 8px; }
          #facebook_instagram #instagram_area .feed_content_body ul li a {
            position: relative;
            display: inline-block;
            line-height: 0;
            vertical-align: top; }
            #facebook_instagram #instagram_area .feed_content_body ul li a span.date_image {
              display: inline-block;
              font-size: 0;
              background-image: url(http://uniqlo.scene7.com/is/content/UNIQLO/us_site_assets/global_assets/UNIQLO_image_loader.gif);
              background-position: center center;
              background-repeat: no-repeat;
              border: 1px solid #e7e7e7;
              margin: 0 -1px; }
              #facebook_instagram #instagram_area .feed_content_body ul li a span.date_image img {
                width: 150px;
                height: 150px;
                opacity: 0;
                filter: alpha(opacity=0);
                transition: all 1s cubic-bezier(0.23, 1, 0.32, 1); }
                #facebook_instagram #instagram_area .feed_content_body ul li a span.date_image img.show {
                  opacity: 1;
                  filter: alpha(opacity=100); }

#facebook_instagram #instagram_area .feed_content_body ul li a span.read_txt {
  position: absolute;
  left: 0;
  top: 100%;
  height: 152px;
  width: 152px;
  line-height: 17px;
  text-align: left;
  transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1); }

#facebook_instagram #instagram_area .feed_content_body ul li a:hover span.read_txt {
  top: 0; }

#facebook_instagram #instagram_area .feed_content_body ul li a span.read_txt span.instagram_read_text {
  color: #FFF;
  vertical-align: bottom;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 5px;
  z-index: 12;
  max-height: 139px; }

#facebook_instagram #instagram_area .feed_content_body ul li a span.read_txt span.instagram_read_bg {
  height: 100%;
  width: 100%;
  display: block;
  background-color: #000;
  opacity: 0.5;
  filter: alpha(opacity=50);
  left: 0;
  top: 0;
  position: absolute; }

.mT30 {
  margin-top: 30px; }

/* content under -768px */
@media only screen and (max-width: 768px) {
  #facebook_instagram {
    width: 720px; } }

/* content under -929px */
@media only screen and (max-width: 929px) {
  #facebook_instagram #instagram_area .feed_content_body ul {
    width: 674px; } }

/* content under 930px-1089px */
@media only screen and (max-width: 1089px) and (min-width: 930px) {
  #facebook_instagram #instagram_area .feed_content_body ul {
    width: 840px; } }

/* content under 1090px-1259px */
@media only screen and (max-width: 1259px) and (min-width: 1090px) {
  #facebook_instagram #instagram_area .feed_content_body ul {
    width: 1008px; } }

/* content under 1260px-1280px */
@media only screen and (max-width: 1280px) and (min-width: 1260px) {
  #facebook_instagram #instagram_area .feed_content_body ul {
    width: 1176px; } }

/* content under 1281px-1484px */
@media only screen and (max-width: 1484px) and (min-width: 1281px) {
  #facebook_instagram #instagram_area .feed_content_body ul {
    width: 504px; } }

/* content under 1485px-1809px */
@media only screen and (max-width: 1809px) and (min-width: 1485px) {
  #facebook_instagram #instagram_area .feed_content_body ul {
    width: 674px; } }

/* content under 1810px-1920px */
@media only screen and (min-width: 1810px) {
  #facebook_instagram #instagram_area .feed_content_body ul {
    width: 840px; } }

/* content under 769px- */
@media only screen and (max-width: 1279px) and (min-width: 769px) {
  #facebook_instagram {
    width: 100%; } }

/* content under 1280px- */
@media only screen and (min-width: 1280px) {
  #facebook_instagram {
    width: 96.7%; }
  #facebook_instagram #facebook_area {
    padding-right: 12px;
    float: left;
    width: 50%; }
  #facebook_instagram #instagram_area {
    margin-top: 0;
    padding-left: 12px;
    float: right;
    width: 50%; } }

.anchor-nav-component {
  position: relative;
  overflow: hidden;
  max-width: 1872px;
  margin: 25px auto 0 auto;
  padding: 0 0 30px 0;
  z-index: 2; }
  .anchor-nav-component ul {
    position: relative;
    left: -0.5%;
    margin-left: 1px;
    background: #f1f1f1;
    text-align: center;
    font-size: 0;
    font-size: 0rem; }
  .anchor-nav-component li {
    display: inline-block;
    width: 244px;
    min-width: 244px;
    max-width: 375px;
    margin: 0 0 0 -2px;
    position: relative;
    vertical-align: top; }
    .anchor-nav-component li .icon-break {
      display: inline-block;
      vertical-align: middle;
      height: 40px;
      width: 1px;
      margin-top: -20px;
      background-color: #d8d8d8;
      position: absolute;
      top: 50%;
      left: -1px; }
    .anchor-nav-component li:first-child .icon-break {
      display: none; }
    .anchor-nav-component li:last-child a:after {
      content: ' ';
      display: inline-block;
      vertical-align: middle;
      zoom: 1;
      height: 40px;
      width: 1px;
      margin-top: -20px;
      background-color: #d8d8d8;
      position: absolute;
      top: 50%;
      right: 0; }
    .anchor-nav-component li:hover .icon-break {
      display: none; }
    .anchor-nav-component li a {
      width: 100%;
      min-height: 100px;
      box-sizing: border-box;
      display: inline-block;
      vertical-align: middle;
      padding: 30px 1px 10px 1px;
      text-transform: uppercase;
      font-size: 15px;
      font-size: .9375rem;
      color: #000; }
    .anchor-nav-component li:hover a {
      position: relative;
      z-index: 2;
      color: #ff0000;
      background: #fff; }
      .anchor-nav-component li:hover a:after {
        display: none; }
    .anchor-nav-component li:hover .icon-arrow:after {
      border-top-color: #fff; }
    .anchor-nav-component li:hover .icon-arrow:before {
      border-top-color: #FE0E0D; }
    .anchor-nav-component li .text {
      font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
      font-weight: 500;
      display: inline-block;
      vertical-align: middle; }
      .anchor-nav-component li .text span {
        display: table-cell;
        height: 25px;
        vertical-align: middle;
        padding: 10px; }
    .anchor-nav-component li .compare-info {
      display: none;
      width: 175px;
      padding: 0 0 1.5em;
      margin: 0 auto;
      text-transform: none; }
    .anchor-nav-component li .icon-arrow {
      position: absolute;
      top: auto;
      bottom: 15px;
      left: 50%;
      margin-left: -2px;
      background: transparent; }
      .anchor-nav-component li .icon-arrow:before, .anchor-nav-component li .icon-arrow:after {
        top: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none; }
      .anchor-nav-component li .icon-arrow:before {
        border-color: #FE0E0D;
        border-top-color: #f1f1f1;
        border-width: 9px;
        left: 50%;
        margin-left: -9px; }
      .anchor-nav-component li .icon-arrow:after {
        border-color: #fff;
        border-top-color: #f1f1f1;
        border-width: 8px;
        left: 50%;
        margin-left: -8px; }
  .anchor-nav-component .icon-arrow {
    display: inline-block;
    vertical-align: middle;
    height: 40px;
    width: 1px;
    margin-top: -20px;
    background-color: #d8d8d8;
    position: absolute;
    top: 50%;
    left: auto;
    right: -1px; }
  .anchor-nav-component.oneOf1 li {
    width: 100%; }
  .anchor-nav-component.oneOf2 li {
    width: 50%; }
  .anchor-nav-component.oneOf3 li {
    width: 33.33333%; }
  .anchor-nav-component.oneOf4 li {
    width: 25%; }
  .anchor-nav-component.oneOf5 li {
    width: 20%; }
  .anchor-nav-component.oneOf6 li {
    width: 16.66667%; }
  .anchor-nav-component.oneOf7 li {
    width: 14.28571%; }
  .anchor-nav-component.oneOf8 li {
    width: 12.5%; }

/* component test */
.uq-wrapper.component_test .uq-wrapper,
.uq-wrapper .uq-wrapper {
  padding: 0; }

.uq-wrapper.component_test .unblocked-promo-tile-component.promoGrid,
.uq-wrapper .unblocked-promo-tile-component.promoGrid {
  width: 49%;
  float: left;
  margin-right: 2%; }
  .uq-wrapper.component_test .unblocked-promo-tile-component.promoGrid:last-child,
  .uq-wrapper .unblocked-promo-tile-component.promoGrid:last-child {
    margin-right: 0; }

.uq-wrapper.component_test .unblocked-promos-component,
.uq-wrapper .unblocked-promos-component {
  /* new */ }
  .uq-wrapper.component_test .unblocked-promos-component .unblocked-promo-component.promoGrid,
  .uq-wrapper .unblocked-promos-component .unblocked-promo-component.promoGrid {
    display: table; }
    .uq-wrapper.component_test .unblocked-promos-component .unblocked-promo-component.promoGrid .banner-frame,
    .uq-wrapper .unblocked-promos-component .unblocked-promo-component.promoGrid .banner-frame {
      display: table-cell;
      width: 50%; }
      .uq-wrapper.component_test .unblocked-promos-component .unblocked-promo-component.promoGrid .banner-frame .banner,
      .uq-wrapper .unblocked-promos-component .unblocked-promo-component.promoGrid .banner-frame .banner {
        left: 0;
        margin-left: -330px; }
    .uq-wrapper.component_test .unblocked-promos-component .unblocked-promo-component.promoGrid .textBox,
    .uq-wrapper .unblocked-promos-component .unblocked-promo-component.promoGrid .textBox {
      display: table-cell;
      position: static;
      width: 50%; }
      .uq-wrapper.component_test .unblocked-promos-component .unblocked-promo-component.promoGrid .textBox.blue,
      .uq-wrapper .unblocked-promos-component .unblocked-promo-component.promoGrid .textBox.blue {
        background-color: #8ac0d5; }
      .uq-wrapper.component_test .unblocked-promos-component .unblocked-promo-component.promoGrid .textBox.pink,
      .uq-wrapper .unblocked-promos-component .unblocked-promo-component.promoGrid .textBox.pink {
        background-color: #f95d6c; }
      .uq-wrapper.component_test .unblocked-promos-component .unblocked-promo-component.promoGrid .textBox .textHolder,
      .uq-wrapper .unblocked-promos-component .unblocked-promo-component.promoGrid .textBox .textHolder {
        padding-top: 50px; }
        .uq-wrapper.component_test .unblocked-promos-component .unblocked-promo-component.promoGrid .textBox .textHolder span,
        .uq-wrapper .unblocked-promos-component .unblocked-promo-component.promoGrid .textBox .textHolder span {
          display: inline-block;
          position: absolute;
          top: 25px;
          padding: 2px 7px 1px;
          font-size: 10px;
          color: #000;
          background-color: #ccc;
          text-transform: uppercase; }
        .uq-wrapper.component_test .unblocked-promos-component .unblocked-promo-component.promoGrid .textBox .textHolder h3, .uq-wrapper.component_test .unblocked-promos-component .unblocked-promo-component.promoGrid .textBox .textHolder p,
        .uq-wrapper .unblocked-promos-component .unblocked-promo-component.promoGrid .textBox .textHolder h3,
        .uq-wrapper .unblocked-promos-component .unblocked-promo-component.promoGrid .textBox .textHolder p {
          margin-bottom: 30px;
          color: #fff; }
        .uq-wrapper.component_test .unblocked-promos-component .unblocked-promo-component.promoGrid .textBox .textHolder .prev-price,
        .uq-wrapper .unblocked-promos-component .unblocked-promo-component.promoGrid .textBox .textHolder .prev-price {
          margin: 0;
          font-size: 12px;
          text-decoration: line-through; }
  .uq-wrapper.component_test .unblocked-promos-component .textBox,
  .uq-wrapper .unblocked-promos-component .textBox {
    height: 407px; }
    .uq-wrapper.component_test .unblocked-promos-component .textBox p.subhead,
    .uq-wrapper .unblocked-promos-component .textBox p.subhead {
      padding: 0;
      margin: 0 0 7px; }
      .uq-wrapper.component_test .unblocked-promos-component .textBox p.subhead:hover a,
      .uq-wrapper .unblocked-promos-component .textBox p.subhead:hover a {
        color: #f00; }
      .uq-wrapper.component_test .unblocked-promos-component .textBox p.subhead span,
      .uq-wrapper .unblocked-promos-component .textBox p.subhead span {
        display: inline-block;
        margin: 0 0 1px 10px;
        background: url("../images/global/sprites-s58bc8abdec.png") no-repeat -7px -19px;
        width: 6px;
        height: 9px; }

.uq-wrapper.component_test .content-grid-row-container.c1, .uq-wrapper.component_test .content-grid-row-container.c2, .uq-wrapper.component_test .content-grid-row-container.c3, .uq-wrapper.component_test .content-grid-row-container.c4,
.uq-wrapper .content-grid-row-container.c1,
.uq-wrapper .content-grid-row-container.c2,
.uq-wrapper .content-grid-row-container.c3,
.uq-wrapper .content-grid-row-container.c4 {
  min-width: 960px; }

.uq-wrapper.component_test .promoGrid,
.uq-wrapper .promoGrid {
  padding: 0; }
  .uq-wrapper.component_test .promoGrid .content-grid-row-container.c3 img.banner.lazy-load, .uq-wrapper.component_test .promoGrid .content-grid-row-container.c4 img.banner.lazy-load,
  .uq-wrapper .promoGrid .content-grid-row-container.c3 img.banner.lazy-load,
  .uq-wrapper .promoGrid .content-grid-row-container.c4 img.banner.lazy-load {
    margin: 0 auto;
    left: 0;
    right: 0; }

.uq-wrapper.component_test .emergencyMessage,
.uq-wrapper .emergencyMessage {
  display: block;
  visibility: visible; }
  .uq-wrapper.component_test .emergencyMessage a,
  .uq-wrapper .emergencyMessage a {
    color: #fff; }
    .uq-wrapper.component_test .emergencyMessage a:hover,
    .uq-wrapper .emergencyMessage a:hover {
      text-decoration: none; }

.uq-wrapper.component_test .js_newContentCarousel,
.uq-wrapper .js_newContentCarousel {
  width: 500%;
  transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
  position: relative; }
  .uq-wrapper.component_test .js_newContentCarousel .js_newContentSlide,
  .uq-wrapper .js_newContentCarousel .js_newContentSlide {
    float: left;
    width: 100%; }

.component_test .parbase.newContenetSlideIconParts.newContenetSlideIconImage {
  position: absolute;
  top: 18px;
  right: 18px; }
  .component_test .parbase.newContenetSlideIconParts.newContenetSlideIconImage img {
    width: 70px;
    height: auto; }

.component_test .unblocked-promo-component .product-overview {
  display: inline-block;
  width: auto;
  text-align: left; }

@media only screen and (min-width: 1434px) {
  .c3 .unblocked-promos-component .addendum {
    padding: 15px 15px 15px 0 !important; } }

.uq-wrapper.component_test .main .parbase .section {
  padding: 0; }

.component_test .unblocked-promos-component .banner-frame {
  position: relative; }

.component_test .unblocked-promos-component .banner-frame .banner-logo {
  position: absolute;
  top: 18px;
  right: 18px;
  z-index: 2;
  width: 70px;
  height: auto; }

.component_test .new-hero-component div.table div.table-cell .newHeroPartsIconImage.newHeroIconParts img {
  width: auto;
  height: 70px; }

.component_test .parent-new-contents-slide-component div.component-area section div.table-area.with-background {
  background-color: #fff;
  border: 1px solid #000;
  border-bottom: none; }

.component_test .parent-new-contents-slide-component div.component-area section div.table-area div.text-area p {
  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 21px;
  color: #000; }
  .component_test .parent-new-contents-slide-component div.component-area section div.table-area div.text-area p a:hover {
    color: #f00; }
  .component_test .parent-new-contents-slide-component div.component-area section div.table-area div.text-area p a span {
    display: inline-block;
    margin: 0 0 0 10px;
    background: url("../images/global/sprites-s58bc8abdec.png") no-repeat -7px -19px;
    width: 6px;
    height: 9px; }

.component_test .parent-new-unblocked-promo-component section div.link-area p {
  position: relative;
  padding-right: 12px; }
  .component_test .parent-new-unblocked-promo-component section div.link-area p a:hover {
    color: #f00; }
  .component_test .parent-new-unblocked-promo-component section div.link-area p a span {
    position: absolute;
    content: ' ';
    background: url("../images/global/sprites-s7cd4220fda.png") no-repeat -78px -15px;
    width: 7px;
    height: 9px;
    top: 3px;
    right: 0; }

.component_test .new-hero-component div.table div.table-cell p.sub-head a span {
  display: inline-block;
  margin: 0 0 1px 10px;
  background: url("../images/global/sprites-s58bc8abdec.png") no-repeat -7px -19px;
  width: 6px;
  height: 9px; }

.link-area {
  float: right;
  width: 36%; }
  .link-area p {
    float: right; }

.productCarousel .plpcarousel {
  position: static;
  width: 100%;
  padding-bottom: 60px;
  overflow: hidden; }

.productCarousel .plpcarousel ul {
  width: 20000em;
  position: relative;
  list-style: none; }

.productCarousel .plpcarousel ul li {
  float: left;
  text-align: center; }

.productCarousel .plpcarousel .product-tile-component {
  width: 100%; }

.product-component {
  float: left;
  font-size: .8em;
  box-sizing: border-box;
  padding: 0 0 82px;
  position: relative;
  width: 100%; }

.product-component .product-image-content {
  text-align: center;
  padding: 0 12px;
  position: relative; }

.product-component .title-content a,
.product-component .title-content .heading {
  font-weight: normal;
  display: inline-block; }

.productCarousel .plpcarousel .product-tile-component .thumb-link {
  width: 100%;
  height: 215px;
  line-height: 215px; }

.product-component .product-image-content img {
  max-width: 100%;
  max-height: 100%; }

.component_test .emergency-message-component {
  display: block;
  background-color: #f00; }

.product-tile-component .product-swatches {
  border-top: 1px solid #bebebe;
  border-bottom: 1px solid #bebebe;
  padding: 3px 0 0 !important;
  width: 90%;
  margin: 0 auto; }
  .product-tile-component .product-swatches ul {
    line-height: 0;
    font-size: 0;
    display: table-cell;
    vertical-align: middle;
    height: 40px;
    width: 100% !important; }
  .product-tile-component .product-swatches li {
    padding: 0 3px 3px 0;
    float: left; }
  .product-tile-component .product-swatches img {
    width: 26px;
    height: 14px;
    padding: 0; }

/* RESPONSIVE */
@media only screen and (min-width: 1280px) {
  .component_test #facebook_instagram {
    width: 100%;
    margin: 25px 0; }
    .component_test #facebook_instagram #instagram_area {
      margin-top: 0;
      padding-left: 12px;
      float: right;
      width: 50% !important; } }

@media (min-width: 700px) {
  .component_test #facebook_area .feed_content_body ul {
    width: 650px; } }

@media (min-width: 1008px) {
  .component_test #facebook_area .feed_content_body ul {
    width: 850px; } }

@media (min-width: 1200px) {
  .component_test #facebook_area .feed_content_body ul {
    width: 1000px; } }

@media (min-width: 1280px) {
  .component_test #facebook_area .feed_content_body ul {
    width: 550px; } }

@media screen and (min-width: 1025px) and (max-width: 1325px) {
  .component_test .parent-new-unblocked-promo-component section div.text-area p {
    margin: 0; } }

/* responsive grid for product tiles */
@media screen and (max-width: 1015px) {
  .component_test .product-tile-component {
    width: 33%; } }

@media screen and (min-width: 1016px) and (max-width: 1244px) {
  .component_test .product-tile-component {
    width: 25%; } }

@media screen and (min-width: 1245px) and (max-width: 1503px) {
  .component_test .product-tile-component {
    width: 20%; } }

@media screen and (min-width: 1504px) and (max-width: 1747px) {
  .component_test .product-tile-component {
    width: 16.66667%; } }

@media screen and (min-width: 1748px) {
  .component_test .product-tile-component {
    width: 14.28571%; } }

/* END component test */
@media all and (min-width: 1000px) {
  .grid-width {
    width: 1000px; }
  .section-header {
    width: 976px; }
  .chrome-width {
    width: 976px; }
  .searchcontainer {
    width: 200px; }
  .gridContent {
    width: 760px; }
  .corpGridWidth {
    width: 775px; }
  .twoColumnsGutter {
    width: 400px; }
  #aux-responsive-listener {
    height: 5px; }
  .refineSearch .searchResultTerm {
    max-width: 142px; } }

@media all and (min-width: 1024px) {
  #flex-carousel-component img {
    max-width: none; }
  #flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap {
    height: 580px !important; }
    #flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcIndicator {
      top: 328px; }
      #flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcIndicator ul li span {
        height: 15px;
        width: 15px; }
    #flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcImgAreaWrapIn {
      height: 100% !important; }
      #flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcImgAreaWrapIn .fcImgArea .fcImgAreaItem .fcGender .fcPriceArea {
        bottom: 30px; } }

@media only screen and (min-width: 985px) {
  .uq-wrapper.uq-checkout .addressbox-postal .field-info {
    float: none;
    clear: both;
    margin-left: 200px; } }

@media screen and (min-width: 1246px) {
  .grid-width {
    width: 1200px; }
  .section-header {
    width: 1176px; }
  .chrome-width {
    width: 1176px; }
  .searchcontainer {
    width: 400px; }
  .gridContent {
    width: 960px; }
  .corpGridWidth {
    width: 960px; }
  .twoColumnsGutter {
    width: 600px; }
  footer section.col {
    width: 20.7%; }
  h3.playTimeHeader {
    width: 350px;
    margin: 30px 30px -10px 30px; }
  h3.followUsHeader {
    width: 160px;
    margin: 30px 30px -10px 175px; }
  h3.morePlayHeader {
    width: 160px;
    margin: 30px 30px -10px 175px; }
  .image-layout td.followUs {
    margin-left: 140px; }
  .image-layout td.followUs ul {
    margin-left: -35px;
    margin-top: 0px !important; }
  .image-layout td.last ul {
    margin-top: -10px !important;
    margin-left: -65px !important; }
  #playNav.image-layout td.last ul {
    margin-left: -75px !important; }
  h3.companyHeader {
    width: 860px;
    margin: 60px 60px 30px 30px; }
  h3.companyMoreHeader {
    width: 115px;
    margin: 60px 30px 30px 35px; }
  #companyNav ul {
    margin-left: -40px !important; }
  #searchWrapper .searchFeatured {
    padding-left: 40px; }
  .hero {
    max-width: 1176px; }
  .hero img {
    margin-left: -264px !important; }
  #aux-responsive-listener {
    height: 6px; }
  .refineSearch .searchResultTerm {
    max-width: 342px; } }

@media screen and (min-width: 1446px) {
  .grid-width {
    width: 1400px; }
  .section-header {
    width: 1376px; }
  .chrome-width {
    width: 1376px; }
  .searchcontainer {
    width: 600px; }
  .gridContent {
    width: 1160px; }
  .corpGridWidth {
    width: 1160px; }
  .twoColumnsGutter {
    width: 790px; }
  footer section.col {
    width: 20.8%; }
  h3.playTimeHeader {
    width: 350px;
    margin: 30px 30px -10px 30px; }
  h3.followUsHeader {
    width: 160px;
    margin: 30px 30px -10px 275px; }
  h3.morePlayHeader {
    width: 160px;
    margin: 30px 30px -10px 275px; }
  .image-layout td.followUs {
    margin-left: 242px; }
  h3.companyHeader {
    width: 1005px;
    margin: 60px 120px 30px 30px; }
  h3.companyMoreHeader {
    width: 115px;
    margin: 60px 60px 30px 35px; }
  #companyNav ul {
    margin-left: -35px !important; }
  #searchWrapper .searchFeatured {
    padding-left: 60px;
    margin-left: -70px; }
  .hero {
    max-width: 1376px; }
  .hero img {
    margin-left: -176px !important; }
  #aux-responsive-listener {
    height: 7px; }
  .two-column .talk .phone-hours div {
    width: 248px;
    display: inline-block; }
  .two-column .talk .phone-hours .phone-hours {
    float: left; }
  .two-column .talk .phone-hours .phone-store {
    float: right; }
  .refineSearch .searchResultTerm {
    max-width: 542px; }
  .main, .pt_productdetails .main, #main.main-wide, .header .dropdown-nav .category-content {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto; } }

@media screen and (min-width: 1646px) {
  body {
    margin: 0 !important; }
  .section-header {
    width: 1576px; }
  .chrome-width {
    width: 1576px;
    margin: 0 auto; }
  .grid-width {
    width: 1600px;
    margin: 0 auto; }
  .searchcontainer {
    width: 800px; }
  .gridContent {
    width: 1360px; }
  .corpGridWidth {
    width: 1360px; }
  .twoColumnsGutter {
    width: 1000px; }
  h3.playTimeHeader {
    width: 350px;
    margin: 30px 30px -10px 30px; }
  h3.followUsHeader {
    width: 160px;
    margin: 30px 30px -10px 375px; }
  h3.morePlayHeader {
    width: 160px;
    margin: 30px 30px -10px 375px; }
  .image-layout td.followUs {
    margin-left: 342px; }
  h3.companyHeader {
    width: 1175px;
    margin: 67px 145px 30px 30px; }
  h3.companyMoreHeader {
    width: 115px;
    margin: 60px 60px 30px 35px; }
  #companyNav ul {
    margin-left: -25px !important; }
  #searchWrapper .searchFeatured {
    padding-left: 65px;
    margin-left: -90px; }
  .hero {
    max-width: 1576px; }
  .hero img {
    margin-left: 0px !important; }
  #aux-responsive-listener {
    height: 8px; }
  .two-column .talk .phone-hours div {
    width: 248px;
    display: inline-block; }
  .two-column .talk .phone-hours .phone-hours {
    float: left; }
  .two-column .talk .phone-hours .phone-store {
    float: right; }
  .refineSearch .searchResultTerm {
    max-width: 742px; } }

@media screen and (max-width: 767px) {
  body {
    -webkit-text-size-adjust: none; }
  div,
  img {
    max-width: 100%; }
  .sliders-page div, .sliders-page img {
    max-width: none; }
  .table-of-contents-promos-component .banner {
    max-width: none; }
  #flex-carousel-component img {
    max-width: none; }
  #flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcIndicator {
    top: 328px; }
    #flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcIndicator ul li span {
      height: 15px;
      width: 15px; }
  #flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcImgAreaWrapIn {
    height: 100% !important; }
    #flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcImgAreaWrapIn .fcImgArea .fcImgAreaItem .fcGender .fcPriceArea {
      bottom: 30px; }
  input[type="text"],
  input[type="password"],
  textarea,
  select {
    width: 90%; }
  #edit-address-form select.input-select {
    width: 90%; }
  .form-row-button {
    margin-left: 0; }
  .login-box-content label,
  label,
  .form-caption,
  .form-label-text {
    float: none;
    margin: 2%;
    text-align: left;
    width: auto; }
  .login-box-content input[type="text"], .login-box-content input[type="password"] {
    width: 90%; }
  .form-inline .form-row {
    width: 90%; }
  .form-inline label {
    padding: 0; }
  .form-inline button {
    width: 50% !important; }
  .form-indent {
    margin-left: 2%; }
  legend {
    padding: 14px 30% 10px 2%;
    width: 68%; }
  .label-inline input {
    height: 2em;
    margin: 0;
    padding: 0; }
  .label-inline label {
    margin: 0;
    padding: .5em 0 0 1em; }
  .form-field-tooltip {
    display: none; }
  .print-page,
  .size-chart-link,
  .tooltip,
  #tooltip {
    display: none !important; }
  .tooltip {
    font-size: .9em; }
  .form-field-tooltip {
    float: none;
    margin: 0 0 10px 5px;
    width: auto; }
  .ui-dialog {
    max-width: 98%; }
    .ui-dialog .ui-dialog-content {
      height: auto !important;
      overflow: visible; }
  #wrapper {
    border: 0;
    max-width: 100%;
    min-width: 320px;
    width: 100%; }
  #primary {
    background: none;
    border: 0 !important;
    float: none;
    margin: 0;
    padding-left: 0 !important;
    width: 100% !important; }
  .col-1,
  .col-2 {
    float: none;
    width: 100%; }
  .scrollable {
    height: auto; }
    .scrollable li {
      float: left; }
      .scrollable li a {
        border: 1px solid #d9d9d9;
        border-radius: 6px;
        display: block;
        padding: .2em .8em; }
  #header {
    height: auto;
    padding: 1% 1% 30px; }
    #header .primary-logo {
      float: left;
      position: relative;
      top: auto;
      width: 65%; }
      #header .primary-logo img {
        max-width: 100%; }
  .mini-cart-products {
    max-height: 100%; }
  .mini-cart-content {
    max-width: 220px; }
  .primary-content h1 {
    font-size: 1.5em;
    margin: 10px 0; }
  #quickviewbutton {
    display: none !important; }
  ul.search-result-items .grid-tile {
    margin: 2%;
    width: 92%; }
  .search-result-options {
    margin: .5em 0; }
    .search-result-options .sort-by {
      margin: 0; }
      .search-result-options .sort-by select {
        width: 120px; }
    .search-result-options .items-per-page {
      display: none; }
    .search-result-options .pagination {
      margin: 0; }
      .search-result-options .pagination .results-hits {
        display: none; }
  .product-tile {
    height: auto !important; }
  .wide-tiles .product-tile .product-image {
    width: 41%; }
  .wide-tiles .product-tile .product-name,
  .wide-tiles .product-tile .product-pricing,
  .wide-tiles .product-tile .product-promo,
  .wide-tiles .product-tile .pr_stars,
  .wide-tiles .product-tile .product-swatches {
    float: right; }
  .wide-tiles .product-tile .product-name h2 {
    margin-top: 0px; }
  .product-tile .product-swatches .swatch img {
    height: 2em;
    width: 2em; }
  .product-listing-1x4 ul.search-result-items .grid-tile {
    margin: 2%;
    width: 92%; }
  .product-compare,
  .compareitems {
    display: none !important; }
  .pt_product-details .primary-content {
    padding-bottom: 68px; }
  .pt_product-details .breadcrumb .last {
    display: none; }
  #product-nav-container {
    bottom: 0;
    width: 100%; }
    #product-nav-container div {
      width: 60px; }
      #product-nav-container div.product-next {
        float: right; }
    #product-nav-container .divided span {
      border: 0; }
  .pdp-main .product-col-1,
  .pdp-main .product-col-2,
  .pdp-main .product-name {
    clear: both;
    float: none;
    margin: 0;
    width: 100%;
    text-align: center; }
  .pdp-main .promotion .promotion-title {
    font-size: 86%; }
  .pdp-main .attribute h3,
  .pdp-main .attribute .label {
    font-size: .9em;
    width: 35%; }
  .pdp-main .attribute .value {
    width: 100%; }
  .pdp-main .attribute span.value {
    padding-top: 5px; }
  .pdp-main .product-add-to-cart .inventory {
    width: 100%; }
    .pdp-main .product-add-to-cart .inventory label {
      display: inline-block;
      width: 36%; }
  .pdp-main .product-add-to-cart .product-price {
    font-size: 2em;
    padding: 30px 10px;
    text-align: left;
    width: 100%; }
  .pdp-main .product-add-to-cart button {
    clear: both;
    width: 100%; }
  .ui-tabs .ui-tabs-nav li {
    display: block;
    font-size: .8em;
    margin: 0;
    width: 99.4%; }
    .ui-tabs .ui-tabs-nav li a {
      width: auto; }
  .pdp-main .product-set-list .product-set-image img {
    max-width: 90%; }
  .pdp-main .product-set-list .block-add-to-cart .inventory {
    margin: 0;
    width: 23%; }
  .pdp-main .product-set-list .block-add-to-cart .product-price {
    font-size: 1em;
    width: 44%; }
  .pdp-main .product-set-list .block-add-to-cart button {
    font-size: .7em; }
  .pdp-main .product-review-links {
    margin-left: 6%; }
  .pdp-main .prSnippetTitle,
  .pdp-main .prSnippetRatingUnclickable {
    float: left; }
  .sizinginformation {
    padding: 0; }
    .sizinginformation th {
      font-weight: normal;
      padding: 0 0 0 2px; }
    .sizinginformation td {
      background: #ffffff;
      padding: 5px;
      text-align: center; }
    .sizinginformation .sizechart {
      padding: 0 !important; }
  .ui-dialog .ui-dialog-content {
    padding: .25em; }
  .pt_cart #secondary {
    display: none; }
  .cart-coupon-code {
    clear: both;
    float: none;
    width: 100%; }
    .cart-coupon-code .input-text {
      width: 50%; }
    .cart-coupon-code button {
      margin: 5px 0 0; }
  .cart-actions {
    margin: auto;
    overflow: hidden; }
  .cart-order-totals {
    border-top: 1px solid #D9D9D9;
    clear: both;
    float: none;
    margin: 20px 0;
    padding: 20px 2%;
    width: 96%; }
    .cart-order-totals button {
      margin: 0 0 20px; }
    .cart-order-totals td {
      width: 50%; }
  #cart-table .item-total .promo-adjustment {
    width: auto; }
  .pdp-main .product-col-1 {
    margin-left: 0; }
  .order-summary-footer h2 {
    width: 50%; }
  .place-order-totals .order-totals-table {
    width: 100%; }
  .payment-method-options {
    padding: 0; }
    .payment-method-options .form-row {
      width: 100%; }
      .payment-method-options .form-row label {
        float: left;
        margin: 0;
        padding: 0 0 0 1em;
        width: 150px; }
      .payment-method-options .form-row .input-radio {
        margin: 0; }
  .content-asset ul.account-options li {
    float: none;
    width: auto; }
  .address-list li,
  .payment-list li {
    float: none;
    width: auto; }
  .order-history-header button {
    font-size: 1em;
    padding: .25em; }
  .gift-certificate-purchase .content-asset,
  .gift-certificate-purchase form {
    float: none;
    width: 90%; }
  .gift-certificate-purchase .cert-amount .form-caption {
    width: 80%; }
  .page-content-tab-navigaton button {
    width: 100%; }
  .pt_gift-registry .add-gift-cert p {
    width: 100%; }
  .pt_gift-registry .create-new-registry {
    overflow: hidden; }
    .pt_gift-registry .create-new-registry p {
      display: none; }
  .pt_gift-registry .item-list {
    width: 98%; }
    .pt_gift-registry .item-list th {
      display: none; }
  table.item-list td,
  table.item-list .section-header {
    font-size: .9em !important;
    padding: .3em; }
  .order-shipment-table .section-header {
    font-size: .9em !important;
    padding: .3em; }
  table.item-list .section-header,
  .order-shipment-table .section-header {
    background-image: none; }
  table.item-list .item-image,
  table.item-list .item-details,
  table.item-list .item-availability,
  table.item-list .item-dashboard {
    display: inline-block; }
  table.item-list .item-image {
    width: 30%; }
  table.item-list .item-details {
    width: 50%; }
  table.item-list .item-availability,
  table.item-list .item-dashboard {
    width: 97%; }
  table.item-list .delete-registry {
    text-align: center; }
  .list-table-header {
    padding: 1em !important; }
    .list-table-header .button {
      display: block;
      margin: 20px 0;
      width: 196px; }
    .list-table-header p {
      display: none; }
    .list-table-header button {
      display: block;
      width: 260px; }
  .home-bottom-left,
  .home-bottom-center {
    width: 100% !important; }
  .home-bottom-right {
    clear: both;
    float: none;
    width: 100% !important; }
    .home-bottom-right .product-tile {
      min-height: 0; }
  .product-tile .product-image {
    height: auto; }
  #email-alert-signup {
    margin: 0;
    width: 100%; }
    #email-alert-signup label {
      text-align: center;
      width: 100%; }
    #email-alert-signup input [type="text"] {
      float: none;
      margin: 0;
      width: 50%; }
    #email-alert-signup input[type="image"] {
      float: none;
      vertical-align: bottom; }
  .facebook-registration {
    left: -3px;
    position: relative;
    width: 100.7% !important; }
    .facebook-registration .fb_iframe_widget {
      position: relative;
      width: 100.7% !important; }
      .facebook-registration .fb_iframe_widget span {
        position: relative;
        width: 100.7% !important; }
        .facebook-registration .fb_iframe_widget span iframe {
          position: relative;
          width: 100.7% !important; }
  .bdb-inline .bdb {
    width: 27%;
    margin-right: 2.7%; }
  .pt_order-confirmation #content .actions .button-container a {
    margin-bottom: 20px; } }

@media screen and (min-width: 480px) and (max-width: 767px) {
  .product-tile .pr_stars {
    left: 40px; }
  .wide-tiles .product-tile .product-name h2 {
    margin-top: 10px; }
  .wide-tiles .product-tile .product-image {
    width: 38%; }
  .facebook-registration {
    left: 0px;
    position: relative;
    width: 100% !important; }
    .facebook-registration .fb_iframe_widget {
      position: relative;
      width: 100% !important; }
      .facebook-registration .fb_iframe_widget span {
        position: relative;
        width: 100% !important; }
        .facebook-registration .fb_iframe_widget span iframe {
          position: relative;
          width: 100% !important; }
  #preferred-store-panel input[type="text"] {
    width: 49.5966%; }
  .pt_content-search-result .folder-content-list li {
    float: none;
    width: 100%;
    clear: both; }
  .pt_content-search-result .pagination {
    clear: both;
    float: none; }
    .pt_content-search-result .pagination .results-hits {
      float: none; } }

@media screen and (min-width: 768px) and (max-width: 959px) {
  #wrapper {
    width: 760px; }
  .primary-content {
    width: 588px; }
  .page-content .primary-content {
    padding-left: 14px;
    width: 574px; }
  .primary-focus .primary-content {
    width: 540px; }
  .primary-focus #secondary {
    width: 190px; }
  .html-slot-container img,
  .bottom-banner-cell img {
    max-width: 100%; }
  .scrollable {
    height: auto; }
  .mini-cart-total-label {
    display: none; }
  .mini-cart-products {
    max-height: 100%; }
  ul.search-result-items .new-row {
    clear: none; }
  ul.search-result-items .grid-tile {
    width: 41.5%; }
  .pdp-main .product-name {
    width: 39%; }
  .pdp-main .product-add-to-cart .product-price {
    font-size: 18px;
    margin-top: 12px; }
  .pdp-main .product-add-to-cart button {
    font-size: 18px;
    /*margin-top: 20px;*/ }
  .pdp-main .product-set-list .block-add-to-cart button {
    font-size: .9em;
    margin-top: 3px; }
  table .section-header {
    font-size: 1em !important; }
  #compare-table td .product-tile {
    width: 79px; }
  .pt_gift-registry .add-gift-cert p {
    width: auto; }
  #cart-table {
    font-size: .9em; }
    #cart-table td {
      padding: 3px; }
    #cart-table .item-user-actions {
      width: 72px; }
    #cart-table .item-total .promo-adjustment {
      width: 77px; }
  .home-bottom-right .product-tile {
    min-height: 0; }
  #email-alert-signup {
    margin: 0;
    width: 100%; }
    #email-alert-signup label {
      float: none;
      display: block;
      text-align: center;
      width: 100%; }
    #email-alert-signup input[type="text"] {
      width: 73%; }
  .facebook-registration {
    left: 0px;
    position: relative;
    width: 100% !important; }
    .facebook-registration .fb_iframe_widget {
      position: relative;
      width: 100% !important; }
      .facebook-registration .fb_iframe_widget span {
        position: relative;
        width: 100% !important; }
        .facebook-registration .fb_iframe_widget span iframe {
          position: relative;
          width: 100% !important; }
  .mini-cart-item-word span {
    display: none; } }

@media screen and (max-width: 496px) {
  #flex-carousel-component img {
    max-width: none; }
  #flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcIndicator {
    top: 328px; }
    #flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcIndicator ul li span {
      height: 15px;
      width: 15px; }
  #flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcImgAreaWrapIn {
    height: 100% !important; }
    #flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcImgAreaWrapIn .fcImgArea .fcImgAreaItem .fcGender .fcPriceArea {
      bottom: 30px; }
  #wrapper.pt_gift-registry {
    font-size: 12px; }
  #preferred-store-panel input[type="text"] {
    width: 49.5966%; }
  .pt_content-search-result .folder-content-list li {
    float: none;
    width: 100%;
    clear: both; }
  .pt_content-search-result .pagination {
    clear: both;
    float: none; }
    .pt_content-search-result .pagination .results-hits {
      float: none; }
  #edit-address-form .button-container {
    width: 100%;
    margin: 0 0 12px 0; }
    #edit-address-form .button-container .button {
      width: inherit;
      box-sizing: border-box; }
    #edit-address-form .button-container .btn_save {
      background: url("../images/global/bg_button-red.png") 0 0 repeat; }
    #edit-address-form .button-container .btn_back {
      background: white;
      border: 3px solid; } }

@media only screen and (max-width: 768px) {
  .pdp-images,
  .pdp-info {
    width: 100% !important;
    float: none; }
  .pdp-main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    float: none; }
  .account-section #main,
  .pt_accountregistration #main,
  .pt_orderhistory #main,
  .pt_checkout #main,
  .pt_checkoutlogin #main,
  .pt_order-confirmation #main {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .account-section #content,
  .pt_accountregistration #content,
  .pt_orderhistory #content,
  .pt_checkout #content,
  .pt_checkoutlogin #content,
  .pt_order-confirmation #content {
    width: 100% !important;
    -ms-flex-order: -1;
        order: -1;
    padding-right: 0; }
  .account-section #sidebar,
  .pt_accountregistration #sidebar,
  .pt_orderhistory #sidebar,
  .pt_checkout #sidebar,
  .pt_checkoutlogin #sidebar,
  .pt_order-confirmation #sidebar {
    margin: 0;
    float: none; }
  .pdp-main .pdp-info {
    position: relative;
    margin-top: 27px; }
  .pdp-info .pdp-info-footer .pdp-share-holder {
    width: 486px; }
  .pdp-images {
    margin-right: 0;
    padding-right: 0;
    width: 100% !important;
    -ms-flex-order: -1;
        order: -1; }
  .pdp-images .pdp-image-thumb {
    width: 50px;
    height: 50px;
    border: 0;
    margin: 0 10px 0 0;
    vertical-align: top; }
  .pdp-images .pdp-image-thumb a {
    width: 50px;
    height: 50px;
    border: 0; }
  .pdp-images .pdp-image-thumb a img {
    width: 50px;
    height: 50px;
    top: 0;
    left: 0; }
  .pdp-images .pdp-image-thumb:hover,
  .pdp-images .pdp-image-thumb-selected {
    width: 46px;
    height: 46px;
    border: 2px solid #000; }
  .pdp-images .pdp-image-thumb:hover a,
  .pdp-images .pdp-image-thumb-selected a {
    width: 44px;
    height: 44px;
    border: 1px solid #fff; }
  .pdp-images .pdp-image-thumb:hover a img,
  .pdp-images .pdp-image-thumb-selected a img {
    top: -2px;
    left: -2px; }
  .pdp-main .pdp-images .pdp-image-main .pdp-images-nav.right {
    right: 20px; }
  .pdp-main .pdp-images .pdp-image-main .pdp-images-nav.left {
    left: 20px; }
  .pdp-info .pdp-color-chips ul {
    margin: 7px -6px 0; }
  .pdp-info .pdp-color-chips .color-chip {
    width: 60px;
    height: 60px;
    padding: 0 6px 12px; }
  .pdp-info .pdp-color-chips .color-chip a {
    width: 62px;
    height: 62px; }
  .pdp-info .pdp-color-chips .color-chip a img {
    width: 58px;
    height: 58px; }
  .pdp-info .pdp-color-chips .color-chip a:hover:before,
  .pdp-info .pdp-color-chips .color-chip.selected a:before {
    width: 54px;
    height: 54px;
    left: 8px; }
  .pdp-info .pdp-color-chips .color-chip a:hover:after,
  .pdp-info .pdp-color-chips .color-chip.selected a:after {
    width: 56px;
    height: 56px; }
  .pdp-info .pdp-color-chips .nostock:after,
  .pdp-info .pdp-color-chips .nostock .out-of-stock-strike {
    background-color: #fff;
    display: block;
    height: 2px;
    position: absolute;
    right: -27px;
    top: 19px;
    width: 109px;
    transform: rotate(-45deg);
    z-index: 20; }
  .pdp-info .pdp-sizing-quantity .pdp-size li.nostock:after,
  .pdp-info .pdp-sizing-quantity .pdp-size li.nostock .out-of-stock-strike,
  .pdp-info .pdp-sizing-quantity .pdp-length li.nostock:after,
  .pdp-info .pdp-sizing-quantity .pdp-length li.nostock .out-of-stock-strike,
  .pdp-info .pdp-sizing-quantity .pdp-qty li.nostock:after,
  .pdp-info .pdp-sizing-quantity .pdp-qty li.nostock .out-of-stock-strike {
    transform: rotate(-40deg);
    right: -14px; }
  .pdp-info .pdp-sizing-quantity-text.pdp-qty li,
  .pdp-info .pdp-sizing-quantity-text.pdp-length li,
  .pdp-info .pdp-sizing-quantity-text.pdp-size li {
    width: 60px;
    height: 50px;
    /*margin: 0 13.3px 13.3px 0;*/ }
  .pdp-info .pdp-sizing-quantity-text.pdp-size li a,
  .pdp-info .pdp-sizing-quantity-text.pdp-length li a {
    width: 60px;
    margin: 0 13.3px 13.3px 0;
    /*padding: 20px 0 15px 0;*/ }
  .pdp-info .pdp-sizing-quantity .pdp-size li:nth-child(5n),
  .pdp-info .pdp-sizing-quantity .pdp-length li:nth-child(5n),
  .pdp-info .pdp-sizing-quantity .pdp-qty li:nth-child(5n) {
    margin-right: 10px; }
  /*.pdp-info .pdp-sizing-quantity .pdp-size li:nth-child(10n),
	.pdp-info .pdp-sizing-quantity .pdp-length li:nth-child(10n),
	.pdp-info .pdp-sizing-quantity .pdp-qty li:nth-child(10n) {
		margin-right: 0;
	}*/
  .pdp-info .ui-tabs .ui-tabs-nav li {
    width: auto; }
  .pdp-images .pdp-image-main .pdp-images-nav.right {
    right: 30px; }
  #QuickViewDialog .pdp-title-rating-price {
    position: static !important; }
  .pt_newcartredesign .pdp-main {
    display: block; }
  .pt_newcartredesign .pdp-images {
    width: auto !important; }
  .pt_newcartredesign .pdp-info {
    width: 390px !important;
    position: static !important; }
  .pt_newcartredesign #QuickViewDialog .pdp-title-rating-price {
    position: absolute !important; } }

@media (min-width: 1400px) {
  .pdp-main .pdp-images {
    margin-right: 570px; }
  .pdp-main .pdp-info {
    width: 550px; }
  .pdp-info .pdp-sizing-quantity .pdp-sizing-quantity-text li:nth-child(5n) {
    margin-right: 10px; }
  .pdp-info .pdp-sizing-quantity .pdp-sizing-quantity-text li:nth-child(7n) {
    margin-right: 0; }
  .pdp-info .pdp-info-footer .pdp-share-holder {
    width: 316px; } }

@media only screen and (min-width: 478px) {
  .hero-promos-component .hero-promo-component .textBox {
    padding: 20px; }
    .hero-promos-component .hero-promo-component .textBox h1 {
      font-size: 42px;
      font-size: 2.625rem; }
    .hero-promos-component .hero-promo-component .textBox p {
      font-size: 15px;
      font-size: .9375rem; } }

@media only screen and (min-width: 750px) {
  .hero-promos-component .hero-promo-component {
    position: relative;
    height: 407px; }
    .hero-promos-component .hero-promo-component .banner {
      position: absolute;
      top: 0;
      left: 70%;
      height: 100%;
      width: auto;
      margin-left: -225px;
      max-width: none; }
    .hero-promos-component .hero-promo-component .textBox {
      display: table;
      width: 300px;
      height: 100%;
      position: absolute;
      right: 75%;
      top: 0;
      margin-right: -140px;
      z-index: 2;
      background: transparent; }
      .hero-promos-component .hero-promo-component .textBox .textHolder {
        vertical-align: middle;
        display: table-cell;
        text-align: left; }
        .hero-promos-component .hero-promo-component .textBox .textHolder h1 {
          font-size: 42px;
          font-size: 2.625rem; }
        .hero-promos-component .hero-promo-component .textBox .textHolder p {
          font-size: 15px;
          font-size: .9375rem; }
    .hero-promos-component .hero-promo-component .video-wrapper {
      position: absolute;
      top: 0;
      left: 70%;
      height: 100%;
      width: 407px;
      margin-left: -204px; } }

@media only screen and (min-width: 1122px) {
  .hero-promos-component .hero-promo-component .banner {
    width: auto;
    height: 100%;
    max-width: none;
    margin-left: -230px;
    left: 60%; }
  .hero-promos-component .hero-promo-component .video-wrapper {
    margin-left: -230px;
    left: 60%;
    width: 630px; } }

@media only screen and (min-width: 1494px) {
  .hero-promos-component .hero-promo-component .banner {
    width: auto;
    height: auto;
    max-width: none;
    margin-left: -230px; }
  .hero-promos-component .hero-promo-component .textBox .textHolder h1 {
    font-size: 60px;
    font-size: 3.75rem; }
  .hero-promos-component .hero-promo-component .textBox .textHolder p {
    font-size: 18px;
    font-size: 1.125rem; } }

@media only screen and (min-width: 1024px) {
  .grid-layout-component ul {
    display: block;
    width: 960px; }
  .grid-layout-component ul li {
    margin: 0;
    float: left;
    overflow: hidden; }
  .grid-layout-component ul.colomn2 li {
    width: 468px; }
  .grid-layout-component ul.colomn2 li:first-child {
    margin-right: 12px; }
  .grid-layout-component ul.colomn2 li:last-child {
    margin-left: 12px; }
  .grid-layout-component ul.colomn3 li {
    width: 304px;
    margin: 0 8px; }
  .grid-layout-component ul.colomn3 li:first-child {
    margin: 0 16px 0 0; }
  .grid-layout-component ul.colomn3 li:last-child {
    margin: 0 0 0 16px; }
  .grid-layout-component ul.colomn4 li {
    width: 222px;
    margin: 0 12px; }
  .grid-layout-component ul.colomn4 li:first-child {
    margin: 0 12px 0 0; }
  .grid-layout-component ul.colomn4 li:last-child {
    margin: 0 0 0 12px; }
  .grid-layout-component ul li .inner {
    width: 100%;
    height: 185px; } }

@media only screen and (max-width: 1023px) and (min-width: 785px) {
  .grid-layout-component ul {
    display: block;
    width: 100%; }
  .grid-layout-component ul li {
    margin: 0;
    float: left;
    overflow: hidden; }
  .grid-layout-component ul.colomn2 li {
    width: 50%; }
  .grid-layout-component ul.colomn2 li a,
  .grid-layout-component ul.colomn2 li span {
    margin: 0; }
  .grid-layout-component ul.colomn2 li:first-child a,
  .grid-layout-component ul.colomn2 li:first-child span,
  .grid-layout-component ul.colomn2 li:first-child p {
    margin-right: 12px; }
  .grid-layout-component ul.colomn2 li:last-child a,
  .grid-layout-component ul.colomn2 li:last-child span,
  .grid-layout-component ul.colomn2 li:last-child p {
    margin-left: 12px; }
  .grid-layout-component ul.colomn3 li {
    width: 33.33%; }
  .grid-layout-component ul.colomn3 li a,
  .grid-layout-component ul.colomn3 li span {
    margin: 0 8px; }
  .grid-layout-component ul.colomn3 li:first-child a,
  .grid-layout-component ul.colomn3 li:first-child span {
    margin: 0 16px 0 0; }
  .grid-layout-component ul.colomn3 li:first-child p {
    margin-right: 16px; }
  .grid-layout-component ul.colomn3 li:nth-child(2) p {
    margin-left: 8px;
    margin-right: 8px; }
  .grid-layout-component ul.colomn3 li:last-child a,
  .grid-layout-component ul.colomn3 li:last-child span {
    margin: 0 0 0 16px; }
  .grid-layout-component ul.colomn3 li:last-child p {
    margin-left: 16px; }
  .grid-layout-component ul.colomn4 li {
    width: 25%; }
  .grid-layout-component ul.colomn4 li a,
  .grid-layout-component ul.colomn4 li span {
    margin: 0 12px; }
  .grid-layout-component ul.colomn4 li:first-child a,
  .grid-layout-component ul.colomn4 li:first-child span {
    margin: 0 18px 0 0; }
  .grid-layout-component ul.colomn4 li:first-child p {
    margin-right: 18px; }
  .grid-layout-component ul.colomn4 li:nth-child(2) a,
  .grid-layout-component ul.colomn4 li:nth-child(2) span {
    margin: 0 12px 0 6px; }
  .grid-layout-component ul.colomn4 li:nth-child(2) p {
    margin-right: 12px;
    margin-left: 6px; }
  .grid-layout-component ul.colomn4 li:nth-child(3) a,
  .grid-layout-component ul.colomn4 li:nth-child(3) span {
    margin: 0 6px 0 12px; }
  .grid-layout-component ul.colomn4 li:nth-child(3) p {
    margin-right: 6px;
    margin-left: 12px; }
  .grid-layout-component ul.colomn4 li:last-child a,
  .grid-layout-component ul.colomn4 li:last-child span {
    margin: 0 0 0 18px; }
  .grid-layout-component ul.colomn4 li:last-child p {
    margin-left: 18px; }
  .grid-layout-component ul li p {
    margin-top: 13px; }
  .grid-layout-component ul li p.head {
    margin-top: 21px; }
  .grid-layout-component ul li .inner img {
    width: 100%; } }

@media screen and (max-width: 784px) {
  .grid-layout-component ul {
    display: block;
    width: 720px; }
  .grid-layout-component ul li {
    margin: 0;
    float: left;
    overflow: hidden; }
  .grid-layout-component ul.colomn2 li {
    width: 348px; }
  .grid-layout-component ul.colomn2 li:first-child {
    margin-right: 12px; }
  .grid-layout-component ul.colomn2 li:last-child {
    margin-left: 12px; }
  .grid-layout-component ul.colomn2 li a,
  .grid-layout-component ul.colomn2 li span {
    margin: 0; }
  .grid-layout-component ul.colomn2 li:first-child a,
  .grid-layout-component ul.colomn2 li:first-child span,
  .grid-layout-component ul.colomn2 li:first-child p {
    margin-right: 0; }
  .grid-layout-component ul.colomn2 li:last-child a,
  .grid-layout-component ul.colomn2 li:last-child span,
  .grid-layout-component ul.colomn2 li:last-child p {
    margin-left: 0; }
  .grid-layout-component ul.colomn3 li {
    width: 224px;
    margin: 0 8px; }
  .grid-layout-component ul.colomn3 li:first-child {
    margin: 0 16px 0 0; }
  .grid-layout-component ul.colomn3 li:last-child {
    margin: 0 0 0 16px; }
  .grid-layout-component ul.colomn3 li a,
  .grid-layout-component ul.colomn3 li span {
    margin: 0; }
  .grid-layout-component ul.colomn3 li:first-child a,
  .grid-layout-component ul.colomn3 li:first-child span {
    margin: 0; }
  .grid-layout-component ul.colomn3 li:first-child p {
    margin-right: 0; }
  .grid-layout-component ul.colomn3 li:nth-child(2) p {
    margin-left: 0;
    margin-right: 0; }
  .grid-layout-component ul.colomn3 li:last-child a,
  .grid-layout-component ul.colomn3 li:last-child span {
    margin: 0; }
  .grid-layout-component ul.colomn3 li:last-child p {
    margin-left: 0; }
  .grid-layout-component ul.colomn4 li {
    width: 162px;
    margin: 0 12px; }
  .grid-layout-component ul.colomn4 li:first-child {
    margin: 0 12px 0 0; }
  .grid-layout-component ul.colomn4 li:last-child {
    margin: 0 0 0 12px; }
  .grid-layout-component ul.colomn4 li a,
  .grid-layout-component ul.colomn4 li span {
    margin: 0; }
  .grid-layout-component ul.colomn4 li:first-child a,
  .grid-layout-component ul.colomn4 li:first-child span {
    margin: 0; }
  .grid-layout-component ul.colomn4 li:first-child p {
    margin-right: 0; }
  .grid-layout-component ul.colomn4 li:nth-child(2) a,
  .grid-layout-component ul.colomn4 li:nth-child(2) span {
    margin: 0; }
  .grid-layout-component ul.colomn4 li:nth-child(2) p {
    margin-right: 0;
    margin-left: 0; }
  .grid-layout-component ul.colomn4 li:nth-child(3) a,
  .grid-layout-component ul.colomn4 li:nth-child(3) span {
    margin: 0; }
  .grid-layout-component ul.colomn4 li:nth-child(3) p {
    margin-right: 0;
    margin-left: 0; }
  .grid-layout-component ul.colomn4 li:last-child a,
  .grid-layout-component ul.colomn4 li:last-child span {
    margin: 0; }
  .grid-layout-component ul.colomn4 li:last-child p {
    margin-left: 0; }
  .grid-layout-component ul li .inner img {
    width: 100%;
    height: 135px; } }

@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-device-pixel-ratio: 2) {
  .pdp-images .pdp-images-nav {
    display: block !important; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  .pdp-images .pdp-images-nav {
    display: block !important; } }

@media only screen and (max-width: 1400px) {
  #flex-carousel-component img {
    max-width: none; }
  #flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap {
    height: 580px;
    padding-bottom: 30px; }
    #flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap.fcSwitch {
      bottom: 0 !important; }
    #flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcIndicator {
      top: 328px; }
      #flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcIndicator ul li span {
        height: 15px;
        width: 15px; }
    #flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcImgAreaWrapIn {
      height: 100% !important;
      overflow: visible; }
      #flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcImgAreaWrapIn .fcImgAreaItem {
        padding-bottom: 30px; }
      #flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcImgAreaWrapIn .fcItemText {
        height: 70px !important; }
        #flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcImgAreaWrapIn .fcItemText p {
          height: 75px !important; }
      #flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcImgAreaWrapIn .fcImgArea .fcImgAreaItem .fcGender .fcPriceArea {
        bottom: 30px; } }

@media only screen and (max-width: 1024px) {
  .account-section #main,
  .pt_accountregistration #main,
  .pt_orderhistory #main,
  .uq-cart #main {
    width: 100%; }
  #main .uq-header-component, .uq-header-component {
    padding-top: 0px; }
  #main .uq-header-component .top-nav-primary,
  .uq-header-component .top-nav-primary {
    margin-top: 5px;
    float: none;
    padding: 0; } }
  @media only screen and (max-width: 1024px) and (min-width: 1440px) {
    #main .uq-header-component .top-nav-primary,
    .uq-header-component .top-nav-primary {
      top: 16px;
      right: 0; } }

@media only screen and (max-width: 1024px) {
    #main .uq-header-component .top-nav-primary nav,
    .uq-header-component .top-nav-primary nav {
      width: 77%;
      margin-top: 5px; }
    #main .uq-header-component .top-nav-primary .shopping-bag,
    .uq-header-component .top-nav-primary .shopping-bag {
      margin-top: 0px; }
    #main .uq-header-component .top-nav-primary .group-list,
    .uq-header-component .top-nav-primary .group-list {
      display: table;
      width: 100%; }
      #main .uq-header-component .top-nav-primary .group-list li,
      .uq-header-component .top-nav-primary .group-list li {
        float: none;
        display: table-cell;
        vertical-align: middle; }
      #main .uq-header-component .top-nav-primary .group-list a,
      .uq-header-component .top-nav-primary .group-list a {
        width: 100%;
        display: inline-block;
        text-align: center;
        padding: 0;
        font-size: 12px; }
        #main .uq-header-component .top-nav-primary .group-list a:before,
        .uq-header-component .top-nav-primary .group-list a:before {
          content: "";
          display: inline-block;
          vertical-align: middle;
          width: 0;
          height: 100%; }
    #main .uq-header-component .top-nav-primary .customer-name,
    .uq-header-component .top-nav-primary .customer-name {
      float: left; }
  #flex-carousel-component img {
    max-width: none; }
  #flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap {
    height: 580px !important;
    padding-bottom: 30px; }
    #flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap.fcSwitch {
      bottom: 0 !important; }
    #flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcIndicator {
      top: 328px; }
      #flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcIndicator ul li span {
        height: 15px;
        width: 15px; }
    #flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcImgAreaWrapIn {
      height: 100% !important;
      overflow: visible; }
      #flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcImgAreaWrapIn .fcImgAreaItem {
        padding-bottom: 32px; }
      #flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcImgAreaWrapIn .fcItemText {
        height: 70px !important; }
        #flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcImgAreaWrapIn .fcItemText p {
          height: 75px !important; }
      #flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcImgAreaWrapIn .fcImgArea .fcImgAreaItem .fcGender .fcPriceArea {
        bottom: 30px; } }

@media only screen and (max-width: 979px) {
  .uq-header-component .dropdown-nav .category-content .secondary-nav .grouped-categories ul.featured-categories:first-child:after {
    width: 97%;
    margin-left: 3px; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
  .uq-header-component .top-nav-primary .customer-name > a {
    width: auto;
    max-width: 89px; }
  .uq-wrapper.uq-cart {
    margin: 0;
    padding: 0; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) and (max-width: 1023px) {
    .uq-wrapper.uq-cart {
      padding: 0 24px 0; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
    .uq-wrapper.uq-cart #main #sidebar {
      width: 166px; }
    .uq-wrapper.uq-cart #main #content #cart-table {
      width: 100%; }
      .uq-wrapper.uq-cart #main #content #cart-table tbody td {
        padding: 20px 5px; }
        .uq-wrapper.uq-cart #main #content #cart-table tbody td.cell-item .product-list-item {
          max-width: 100px;
          word-wrap: break-word; }
        .uq-wrapper.uq-cart #main #content #cart-table tbody td.cell-qty input[type=number] {
          width: 40px;
          font-size: 0.95em; }
    .uq-wrapper.uq-cart #main #content .cart-actions .cart-action-checkout {
      float: left;
      margin-top: 40px;
      width: 100%; }
      .uq-wrapper.uq-cart #main #content .cart-actions .cart-action-checkout.new-cart-action-checkout {
        margin-top: -20px; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  .cart-actions .cart-action-checkout {
    float: left;
    margin-top: 40px;
    width: 100%; }
    .cart-actions .cart-action-checkout.new-cart-action-checkout {
      margin-top: -20px; }
  .pt_homepage .parent-new-unblocked-promo-component.column3 div.component-area section .area-image img {
    width: 730px;
    height: auto;
    margin-left: -365px;
    top: 30px; }
  #size-chart-wrapper > .ui-widget-content {
    -webkit-overflow-scrolling: touch;
    overflow: auto; } }

@media only screen and (max-width: 934px) {
  .uq-header-component .top-nav-primary .customer-name {
    padding-right: 10px; }
  .uq-header-component .top-nav-primary .customer-name > a {
    width: auto;
    max-width: 89px; } }

@media only screen and (max-width: 620px) {
  .cart-empty .product-listing h2 {
    margin-left: 0;
    text-align: center; }
  #flex-carousel-component img {
    max-width: none; }
  #flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap {
    height: 650px !important;
    padding-bottom: 20px; }
    #flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap.fcSwitch {
      bottom: 0 !important; }
    #flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcIndicator {
      top: 328px; }
      #flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcIndicator ul li span {
        height: 15px;
        width: 15px; }
    #flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcImgAreaWrapIn {
      height: 100% !important;
      overflow: visible; }
      #flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcImgAreaWrapIn .fcImgAreaItem {
        padding-bottom: 30px; }
      #flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcImgAreaWrapIn .fcItemText {
        height: 70px !important; }
        #flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcImgAreaWrapIn .fcItemText p {
          height: 75px !important; }
      #flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcImgAreaWrapIn .fcImgArea .fcImgAreaItem .fcGender .fcPriceArea {
        bottom: 30px; } }

@media only screen and (max-width: 959px) {
  .parent-new-unblocked-promo-component.column2 div.component-area section div.text-area div.left-area {
    float: none;
    width: 100%; } }

@media only screen and (max-width: 1150px) {
  .html-block-shopList li .information .store-hours li {
    font-size: 0.75em;
    font-size: 0.75rem; } }

@media only screen and (max-width: 1090px) {
  .html-block-shopList li .information .store-hours li {
    font-size: 0.6em;
    font-size: 0.6rem; } }

@media only screen and (max-width: 1366px) {
  #main.main-wide #subscription-content .field-row .field-label,
  #main.main-wide #unsubscription-content .field-row .field-label {
    width: 116px; } }

@media only screen and (max-width: 496px) {
  #flex-carousel-component img {
    max-width: none; }
  #flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap {
    height: 685px !important;
    padding-bottom: 20px; }
    #flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap.fcSwitch {
      bottom: 0 !important; }
    #flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcIndicator {
      top: 328px; }
      #flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcIndicator ul li span {
        height: 15px;
        width: 15px; }
    #flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcImgAreaWrapIn {
      height: 100% !important;
      overflow: visible; }
      #flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcImgAreaWrapIn .fcImgAreaItem {
        padding-bottom: 45px; }
      #flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcImgAreaWrapIn .fcItemText {
        height: 70px !important; }
        #flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcImgAreaWrapIn .fcItemText p {
          height: 75px !important; }
      #flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcImgAreaWrapIn .fcImgArea .fcImgAreaItem .fcGender .fcPriceArea {
        bottom: 30px; } }

@media only screen and (min-width: 1px) and (max-width: 450px) {
  #flex-carousel-component img {
    max-width: none; }
  #flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap {
    height: 925px !important;
    padding-bottom: 20px; }
    #flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap.fcSwitch {
      bottom: 0 !important; }
    #flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcIndicator {
      top: 328px; }
      #flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcIndicator ul li span {
        height: 15px;
        width: 15px; }
    #flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcImgAreaWrapIn {
      height: 100% !important;
      overflow: visible; }
      #flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcImgAreaWrapIn .fcImgAreaItem {
        padding-bottom: 30px; }
      #flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcImgAreaWrapIn .fcItemText {
        height: 70px !important; }
        #flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcImgAreaWrapIn .fcItemText p {
          height: 75px !important; }
      #flex-carousel-component .fcItem .fcItemIn .fcImgAreaWrap .fcImgAreaWrapIn .fcImgArea .fcImgAreaItem .fcGender .fcPriceArea {
        bottom: 30px; } }

.badges {
  clear: both;
  float: none;
  font-family: "Uniqlo Pro";
  line-height: 0;
  margin-bottom: 6px;
  z-index: 2; }
  .badges .badge {
    display: inline-block;
    font-size: 10px;
    letter-spacing: .04em;
    line-height: 1.5em;
    padding: 0 4px;
    text-align: center;
    text-transform: uppercase;
    transform: opacity 0.2s; }
    .badges .badge--red {
      background: #FE0E0D;
      color: #fff; }
    .badges .badge--black {
      background: #000;
      color: #fff; }
    .badges .badge--grey {
      background: #afafaf;
      color: #fff; }
  .badges--pdp {
    margin-bottom: 0;
    position: absolute;
    top: -30px; }
    .badges--pdp .badge {
      font-size: 12px; }
  .badges--tile {
    bottom: 15px;
    color: #000;
    font-weight: bold;
    left: 0px;
    margin-bottom: 0;
    position: absolute;
    right: 0px;
    text-align: left;
    overflow: hidden; }
    .badges--tile .badge {
      background: #fff;
      font-size: 12px;
      padding: 1px 10px;
      line-height: 1.2em; }
      .badges--tile .badge--red {
        color: #FE0E0D; }
      .badges--tile .badge--black {
        color: #000; }
      .badges--tile .badge--grey {
        color: #000; }
  .badges--newpdp {
    color: #000;
    font-weight: bold;
    text-align: left;
    overflow: hidden;
    margin-bottom: 0; }
    .badges--newpdp .badge {
      display: block;
      background: #fff;
      font-size: 12px;
      padding: 1px 10px;
      line-height: 1.2em;
      margin-bottom: 5px; }
      .badges--newpdp .badge--red {
        color: #FE0E0D; }
      .badges--newpdp .badge--black {
        color: #000; }
      .badges--newpdp .badge--grey {
        color: #000; }

.textToggle--JSnoStretch {
  -ms-flex-align: start;
      align-items: flex-start; }

.textToggle--bg {
  color: #f7f7f7;
  background: currentColor;
  box-shadow: calc(-100vw + 1440px) 0 0 0, calc(100vw - 1440px) 0 0 0;
  padding: 20px;
  margin: 20px auto; }
  .textToggle--bg .textToggle__text {
    color: #000; }

.textToggle__button {
  display: none;
  width: 100%;
  position: relative;
  right: -5px;
  text-align: right;
  white-space: nowrap;
  font-size: 14px;
  background: transparent; }
  .textToggle__buttonIcon {
    display: inline-block;
    width: 15px;
    height: 7px;
    filter: brightness(0); }
  .textToggle__button:hover {
    text-decoration: underline; }
  .textToggle__button::before {
    content: attr(data-moretext); }

.js-toggleTextContainer[data-isToggled="true"] .textToggle__button::before {
  content: attr(data-lesstext); }

.js-toggleTextContainer[data-isToggled="true"] .textToggle__button .textToggle__buttonIcon {
  transform: rotate(0.5turn); }

/* Overwrite Adyen CSS with important property */
.adyen-checkout__payment-method {
  border-radius: 2px !important;
  background-color: #fff !important;
  margin: 15px 0 !important;
  border: 1px solid #bfbfbf !important;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05) !important;
  transition: none !important; }
  .adyen-checkout__payment-method:last-child {
    margin-bottom: 0 !important; }
  .adyen-checkout__payment-method:hover {
    border-color: #000 !important; }
    .adyen-checkout__payment-method:hover .adyen-checkout__payment-method__radio {
      box-shadow: none !important; }
  .adyen-checkout__payment-method--selected {
    border: 2px solid #000 !important;
    transition: none !important; }
  .adyen-checkout__payment-method--paypal .adyen-checkout__payment-method__image__wrapper {
    width: 67px;
    height: 18px;
    border: 0;
    background: no-repeat url(../images/cart/paypal-logo.png); }
    .adyen-checkout__payment-method--paypal .adyen-checkout__payment-method__image__wrapper > img {
      display: none; }
    .adyen-checkout__payment-method--paypal .adyen-checkout__payment-method__image__wrapper::after {
      border: 0; }
  .adyen-checkout__payment-method--paypal .paypal-buttons-context-iframe {
    /* sometimes an additional JS renders the height as 0px */
    min-height: 50px !important; }
  .adyen-checkout__payment-method--card .adyen-checkout__payment-method__header__title > .adyen-checkout__payment-method__image__wrapper {
    display: none; }
  .adyen-checkout__payment-method__header {
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    padding: 16px !important; }
    .adyen-checkout__payment-method__header__title {
      -ms-flex: 1 1 100% !important;
          flex: 1 1 100% !important;
      -ms-flex-wrap: nowrap !important;
          flex-wrap: nowrap !important;
      margin: 0 !important; }
  .adyen-checkout__payment-method__brands {
    height: 26px !important;
    margin: 0 !important;
    -ms-flex: 1 1 100% !important;
        flex: 1 1 100% !important;
    -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    -ms-flex-pack: end;
        justify-content: flex-end; }
    .adyen-checkout__payment-method__brands .adyen-checkout__payment-method__image__wrapper {
      margin-left: 5px !important;
      width: 40px !important;
      height: 26px !important; }
      .adyen-checkout__payment-method__brands .adyen-checkout__payment-method__image__wrapper img {
        width: 40px !important;
        height: 26px !important; }
  .adyen-checkout__payment-method__name {
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0.2px !important;
    color: #000 !important;
    margin-right: auto !important; }
  .adyen-checkout__payment-method__radio {
    display: inline-block !important;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: 24px !important;
    height: 24px !important;
    -webkit-appearance: none !important;
       -moz-appearance: none !important;
            appearance: none !important;
    border: 2px solid #bfbfbf !important;
    border-radius: 50% !important;
    position: relative !important;
    cursor: pointer;
    left: 0 !important;
    margin-right: 20px !important; }
    .adyen-checkout__payment-method__radio::-ms-check {
      border: 2px solid #bfbfbf !important; }
    .adyen-checkout__payment-method__radio:focus {
      outline: 0; }
    .adyen-checkout__payment-method__radio--selected {
      border-color: #000 !important;
      background: none !important;
      transition: none !important; }
      .adyen-checkout__payment-method__radio--selected::-ms-check {
        border-color: #000 !important; }
      .adyen-checkout__payment-method__radio--selected:hover {
        box-shadow: none !important; }
      .adyen-checkout__payment-method__radio--selected::after {
        content: "";
        display: block !important;
        border: 1px solid #000 !important;
        border-radius: 100% !important;
        background: #000 !important;
        position: absolute !important;
        top: 3px !important;
        bottom: 3px !important;
        right: 3px !important;
        left: 3px !important;
        width: auto !important;
        height: auto !important;
        transform: none !important;
        transition: none !important; }
  .adyen-checkout__payment-method__image__wrapper {
    margin: 0 !important;
    -ms-flex-order: 1;
        order: 1; }

.adyen-checkout__label__text {
  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif !important;
  font-size: 12px !important;
  font-weight: normal !important;
  color: #000 !important;
  transform: translate(9px, 11px);
  z-index: 1;
  background: white;
  padding: 0px 5px;
  display: inline-block !important;
  width: auto !important;
  line-height: 1 !important;
  height: 12px !important;
  position: relative; }

.adyen-checkout__error-text {
  color: #FE0E0D !important;
  font-size: 12px !important; }

.adyen-checkout__button {
  border-radius: 2px !important;
  background-color: #000 !important; }
  .adyen-checkout__button:focus, .adyen-checkout__button:hover {
    box-shadow: none !important;
    background-color: #000 !important; }
  .adyen-checkout__button__text {
    font-family: "Uniqlo Pro" !important;
    font-size: 18px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.25px !important;
    color: #fff !important;
    font-weight: 700 !important; }
  .adyen-checkout__button__icon {
    display: none !important; }

.adyen-checkout__dropdown__element {
  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif !important;
  font-size: 14px !important; }

.adyen-checkout__input {
  border-radius: 2px !important;
  border: 1px solid #000 !important;
  background-color: #fff !important;
  box-sizing: border-box !important;
  margin-left: 0 !important; }
  .adyen-checkout__input:focus, .adyen-checkout__input--focus {
    box-shadow: none !important;
    outline: thin solid !important; }

/* 
 * overwrite and encapsulate block 
 * more detailed: summary flyout tablet view on top of content
 */
#adyen-dropin {
  position: relative;
  z-index: 0;
  /* adyen uses aria hidden differently so this turns turns the elements back visible visually */ }
  #adyen-dropin [aria-hidden] {
    display: block; }

/*!
 *  Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -15%; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-fw {
  width: 1.28571em;
  text-align: center; }

.fa-ul {
  padding-left: 0;
  margin-left: 2.14286em;
  list-style-type: none; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  position: absolute;
  left: -2.14286em;
  width: 2.14286em;
  top: 0.14286em;
  text-align: center; }
  .fa-li.fa-lg {
    left: -1.85714em; }

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em; }

.fa-pull-left {
  float: left; }

.fa-pull-right {
  float: right; }

.fa.fa-pull-left {
  margin-right: .3em; }

.fa.fa-pull-right {
  margin-left: .3em; }

/* Deprecated as of 4.4.0 */
.pull-right {
  float: right; }

.pull-left {
  float: left; }

.fa.pull-left {
  margin-right: .3em; }

.fa.pull-right {
  margin-left: .3em; }

.fa-spin {
  animation: fa-spin 2s infinite linear; }

.fa-pulse {
  animation: fa-spin 1s infinite steps(8); }

@keyframes fa-spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } }

.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  transform: rotate(90deg); }

.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  transform: rotate(180deg); }

.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  transform: rotate(270deg); }

.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
  transform: scale(-1, 1); }

.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  transform: scale(1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none; }

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: ""; }

.fa-music:before {
  content: ""; }

.fa-search:before {
  content: ""; }

.fa-envelope-o:before {
  content: ""; }

.fa-heart:before {
  content: ""; }

.fa-star:before {
  content: ""; }

.fa-star-o:before {
  content: ""; }

.fa-user:before {
  content: ""; }

.fa-film:before {
  content: ""; }

.fa-th-large:before {
  content: ""; }

.fa-th:before {
  content: ""; }

.fa-th-list:before {
  content: ""; }

.fa-check:before {
  content: ""; }

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: ""; }

.fa-search-plus:before {
  content: ""; }

.fa-search-minus:before {
  content: ""; }

.fa-power-off:before {
  content: ""; }

.fa-signal:before {
  content: ""; }

.fa-gear:before,
.fa-cog:before {
  content: ""; }

.fa-trash-o:before {
  content: ""; }

.fa-home:before {
  content: ""; }

.fa-file-o:before {
  content: ""; }

.fa-clock-o:before {
  content: ""; }

.fa-road:before {
  content: ""; }

.fa-download:before {
  content: ""; }

.fa-arrow-circle-o-down:before {
  content: ""; }

.fa-arrow-circle-o-up:before {
  content: ""; }

.fa-inbox:before {
  content: ""; }

.fa-play-circle-o:before {
  content: ""; }

.fa-rotate-right:before,
.fa-repeat:before {
  content: ""; }

.fa-refresh:before {
  content: ""; }

.fa-list-alt:before {
  content: ""; }

.fa-lock:before {
  content: ""; }

.fa-flag:before {
  content: ""; }

.fa-headphones:before {
  content: ""; }

.fa-volume-off:before {
  content: ""; }

.fa-volume-down:before {
  content: ""; }

.fa-volume-up:before {
  content: ""; }

.fa-qrcode:before {
  content: ""; }

.fa-barcode:before {
  content: ""; }

.fa-tag:before {
  content: ""; }

.fa-tags:before {
  content: ""; }

.fa-book:before {
  content: ""; }

.fa-bookmark:before {
  content: ""; }

.fa-print:before {
  content: ""; }

.fa-camera:before {
  content: ""; }

.fa-font:before {
  content: ""; }

.fa-bold:before {
  content: ""; }

.fa-italic:before {
  content: ""; }

.fa-text-height:before {
  content: ""; }

.fa-text-width:before {
  content: ""; }

.fa-align-left:before {
  content: ""; }

.fa-align-center:before {
  content: ""; }

.fa-align-right:before {
  content: ""; }

.fa-align-justify:before {
  content: ""; }

.fa-list:before {
  content: ""; }

.fa-dedent:before,
.fa-outdent:before {
  content: ""; }

.fa-indent:before {
  content: ""; }

.fa-video-camera:before {
  content: ""; }

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: ""; }

.fa-pencil:before {
  content: ""; }

.fa-map-marker:before {
  content: ""; }

.fa-adjust:before {
  content: ""; }

.fa-tint:before {
  content: ""; }

.fa-edit:before,
.fa-pencil-square-o:before {
  content: ""; }

.fa-share-square-o:before {
  content: ""; }

.fa-check-square-o:before {
  content: ""; }

.fa-arrows:before {
  content: ""; }

.fa-step-backward:before {
  content: ""; }

.fa-fast-backward:before {
  content: ""; }

.fa-backward:before {
  content: ""; }

.fa-play:before {
  content: ""; }

.fa-pause:before {
  content: ""; }

.fa-stop:before {
  content: ""; }

.fa-forward:before {
  content: ""; }

.fa-fast-forward:before {
  content: ""; }

.fa-step-forward:before {
  content: ""; }

.fa-eject:before {
  content: ""; }

.fa-chevron-left:before {
  content: ""; }

.fa-chevron-right:before {
  content: ""; }

.fa-plus-circle:before {
  content: ""; }

.fa-minus-circle:before {
  content: ""; }

.fa-times-circle:before {
  content: ""; }

.fa-check-circle:before {
  content: ""; }

.fa-question-circle:before {
  content: ""; }

.fa-info-circle:before {
  content: ""; }

.fa-crosshairs:before {
  content: ""; }

.fa-times-circle-o:before {
  content: ""; }

.fa-check-circle-o:before {
  content: ""; }

.fa-ban:before {
  content: ""; }

.fa-arrow-left:before {
  content: ""; }

.fa-arrow-right:before {
  content: ""; }

.fa-arrow-up:before {
  content: ""; }

.fa-arrow-down:before {
  content: ""; }

.fa-mail-forward:before,
.fa-share:before {
  content: ""; }

.fa-expand:before {
  content: ""; }

.fa-compress:before {
  content: ""; }

.fa-plus:before {
  content: ""; }

.fa-minus:before {
  content: ""; }

.fa-asterisk:before {
  content: ""; }

.fa-exclamation-circle:before {
  content: ""; }

.fa-gift:before {
  content: ""; }

.fa-leaf:before {
  content: ""; }

.fa-fire:before {
  content: ""; }

.fa-eye:before {
  content: ""; }

.fa-eye-slash:before {
  content: ""; }

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: ""; }

.fa-plane:before {
  content: ""; }

.fa-calendar:before {
  content: ""; }

.fa-random:before {
  content: ""; }

.fa-comment:before {
  content: ""; }

.fa-magnet:before {
  content: ""; }

.fa-chevron-up:before {
  content: ""; }

.fa-chevron-down:before {
  content: ""; }

.fa-retweet:before {
  content: ""; }

.fa-shopping-cart:before {
  content: ""; }

.fa-folder:before {
  content: ""; }

.fa-folder-open:before {
  content: ""; }

.fa-arrows-v:before {
  content: ""; }

.fa-arrows-h:before {
  content: ""; }

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: ""; }

.fa-twitter-square:before {
  content: ""; }

.fa-facebook-square:before {
  content: ""; }

.fa-camera-retro:before {
  content: ""; }

.fa-key:before {
  content: ""; }

.fa-gears:before,
.fa-cogs:before {
  content: ""; }

.fa-comments:before {
  content: ""; }

.fa-thumbs-o-up:before {
  content: ""; }

.fa-thumbs-o-down:before {
  content: ""; }

.fa-star-half:before {
  content: ""; }

.fa-heart-o:before {
  content: ""; }

.fa-sign-out:before {
  content: ""; }

.fa-linkedin-square:before {
  content: ""; }

.fa-thumb-tack:before {
  content: ""; }

.fa-external-link:before {
  content: ""; }

.fa-sign-in:before {
  content: ""; }

.fa-trophy:before {
  content: ""; }

.fa-github-square:before {
  content: ""; }

.fa-upload:before {
  content: ""; }

.fa-lemon-o:before {
  content: ""; }

.fa-phone:before {
  content: ""; }

.fa-square-o:before {
  content: ""; }

.fa-bookmark-o:before {
  content: ""; }

.fa-phone-square:before {
  content: ""; }

.fa-twitter:before {
  content: ""; }

.fa-facebook-f:before,
.fa-facebook:before {
  content: ""; }

.fa-github:before {
  content: ""; }

.fa-unlock:before {
  content: ""; }

.fa-credit-card:before {
  content: ""; }

.fa-feed:before,
.fa-rss:before {
  content: ""; }

.fa-hdd-o:before {
  content: ""; }

.fa-bullhorn:before {
  content: ""; }

.fa-bell:before {
  content: ""; }

.fa-certificate:before {
  content: ""; }

.fa-hand-o-right:before {
  content: ""; }

.fa-hand-o-left:before {
  content: ""; }

.fa-hand-o-up:before {
  content: ""; }

.fa-hand-o-down:before {
  content: ""; }

.fa-arrow-circle-left:before {
  content: ""; }

.fa-arrow-circle-right:before {
  content: ""; }

.fa-arrow-circle-up:before {
  content: ""; }

.fa-arrow-circle-down:before {
  content: ""; }

.fa-globe:before {
  content: ""; }

.fa-wrench:before {
  content: ""; }

.fa-tasks:before {
  content: ""; }

.fa-filter:before {
  content: ""; }

.fa-briefcase:before {
  content: ""; }

.fa-arrows-alt:before {
  content: ""; }

.fa-group:before,
.fa-users:before {
  content: ""; }

.fa-chain:before,
.fa-link:before {
  content: ""; }

.fa-cloud:before {
  content: ""; }

.fa-flask:before {
  content: ""; }

.fa-cut:before,
.fa-scissors:before {
  content: ""; }

.fa-copy:before,
.fa-files-o:before {
  content: ""; }

.fa-paperclip:before {
  content: ""; }

.fa-save:before,
.fa-floppy-o:before {
  content: ""; }

.fa-square:before {
  content: ""; }

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: ""; }

.fa-list-ul:before {
  content: ""; }

.fa-list-ol:before {
  content: ""; }

.fa-strikethrough:before {
  content: ""; }

.fa-underline:before {
  content: ""; }

.fa-table:before {
  content: ""; }

.fa-magic:before {
  content: ""; }

.fa-truck:before {
  content: ""; }

.fa-pinterest:before {
  content: ""; }

.fa-pinterest-square:before {
  content: ""; }

.fa-google-plus-square:before {
  content: ""; }

.fa-google-plus:before {
  content: ""; }

.fa-money:before {
  content: ""; }

.fa-caret-down:before {
  content: ""; }

.fa-caret-up:before {
  content: ""; }

.fa-caret-left:before {
  content: ""; }

.fa-caret-right:before {
  content: ""; }

.fa-columns:before {
  content: ""; }

.fa-unsorted:before,
.fa-sort:before {
  content: ""; }

.fa-sort-down:before,
.fa-sort-desc:before {
  content: ""; }

.fa-sort-up:before,
.fa-sort-asc:before {
  content: ""; }

.fa-envelope:before {
  content: ""; }

.fa-linkedin:before {
  content: ""; }

.fa-rotate-left:before,
.fa-undo:before {
  content: ""; }

.fa-legal:before,
.fa-gavel:before {
  content: ""; }

.fa-dashboard:before,
.fa-tachometer:before {
  content: ""; }

.fa-comment-o:before {
  content: ""; }

.fa-comments-o:before {
  content: ""; }

.fa-flash:before,
.fa-bolt:before {
  content: ""; }

.fa-sitemap:before {
  content: ""; }

.fa-umbrella:before {
  content: ""; }

.fa-paste:before,
.fa-clipboard:before {
  content: ""; }

.fa-lightbulb-o:before {
  content: ""; }

.fa-exchange:before {
  content: ""; }

.fa-cloud-download:before {
  content: ""; }

.fa-cloud-upload:before {
  content: ""; }

.fa-user-md:before {
  content: ""; }

.fa-stethoscope:before {
  content: ""; }

.fa-suitcase:before {
  content: ""; }

.fa-bell-o:before {
  content: ""; }

.fa-coffee:before {
  content: ""; }

.fa-cutlery:before {
  content: ""; }

.fa-file-text-o:before {
  content: ""; }

.fa-building-o:before {
  content: ""; }

.fa-hospital-o:before {
  content: ""; }

.fa-ambulance:before {
  content: ""; }

.fa-medkit:before {
  content: ""; }

.fa-fighter-jet:before {
  content: ""; }

.fa-beer:before {
  content: ""; }

.fa-h-square:before {
  content: ""; }

.fa-plus-square:before {
  content: ""; }

.fa-angle-double-left:before {
  content: ""; }

.fa-angle-double-right:before {
  content: ""; }

.fa-angle-double-up:before {
  content: ""; }

.fa-angle-double-down:before {
  content: ""; }

.fa-angle-left:before {
  content: ""; }

.fa-angle-right:before {
  content: ""; }

.fa-angle-up:before {
  content: ""; }

.fa-angle-down:before {
  content: ""; }

.fa-desktop:before {
  content: ""; }

.fa-laptop:before {
  content: ""; }

.fa-tablet:before {
  content: ""; }

.fa-mobile-phone:before,
.fa-mobile:before {
  content: ""; }

.fa-circle-o:before {
  content: ""; }

.fa-quote-left:before {
  content: ""; }

.fa-quote-right:before {
  content: ""; }

.fa-spinner:before {
  content: ""; }

.fa-circle:before {
  content: ""; }

.fa-mail-reply:before,
.fa-reply:before {
  content: ""; }

.fa-github-alt:before {
  content: ""; }

.fa-folder-o:before {
  content: ""; }

.fa-folder-open-o:before {
  content: ""; }

.fa-smile-o:before {
  content: ""; }

.fa-frown-o:before {
  content: ""; }

.fa-meh-o:before {
  content: ""; }

.fa-gamepad:before {
  content: ""; }

.fa-keyboard-o:before {
  content: ""; }

.fa-flag-o:before {
  content: ""; }

.fa-flag-checkered:before {
  content: ""; }

.fa-terminal:before {
  content: ""; }

.fa-code:before {
  content: ""; }

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: ""; }

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: ""; }

.fa-location-arrow:before {
  content: ""; }

.fa-crop:before {
  content: ""; }

.fa-code-fork:before {
  content: ""; }

.fa-unlink:before,
.fa-chain-broken:before {
  content: ""; }

.fa-question:before {
  content: ""; }

.fa-info:before {
  content: ""; }

.fa-exclamation:before {
  content: ""; }

.fa-superscript:before {
  content: ""; }

.fa-subscript:before {
  content: ""; }

.fa-eraser:before {
  content: ""; }

.fa-puzzle-piece:before {
  content: ""; }

.fa-microphone:before {
  content: ""; }

.fa-microphone-slash:before {
  content: ""; }

.fa-shield:before {
  content: ""; }

.fa-calendar-o:before {
  content: ""; }

.fa-fire-extinguisher:before {
  content: ""; }

.fa-rocket:before {
  content: ""; }

.fa-maxcdn:before {
  content: ""; }

.fa-chevron-circle-left:before {
  content: ""; }

.fa-chevron-circle-right:before {
  content: ""; }

.fa-chevron-circle-up:before {
  content: ""; }

.fa-chevron-circle-down:before {
  content: ""; }

.fa-html5:before {
  content: ""; }

.fa-css3:before {
  content: ""; }

.fa-anchor:before {
  content: ""; }

.fa-unlock-alt:before {
  content: ""; }

.fa-bullseye:before {
  content: ""; }

.fa-ellipsis-h:before {
  content: ""; }

.fa-ellipsis-v:before {
  content: ""; }

.fa-rss-square:before {
  content: ""; }

.fa-play-circle:before {
  content: ""; }

.fa-ticket:before {
  content: ""; }

.fa-minus-square:before {
  content: ""; }

.fa-minus-square-o:before {
  content: ""; }

.fa-level-up:before {
  content: ""; }

.fa-level-down:before {
  content: ""; }

.fa-check-square:before {
  content: ""; }

.fa-pencil-square:before {
  content: ""; }

.fa-external-link-square:before {
  content: ""; }

.fa-share-square:before {
  content: ""; }

.fa-compass:before {
  content: ""; }

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: ""; }

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: ""; }

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: ""; }

.fa-euro:before,
.fa-eur:before {
  content: ""; }

.fa-gbp:before {
  content: ""; }

.fa-dollar:before,
.fa-usd:before {
  content: ""; }

.fa-rupee:before,
.fa-inr:before {
  content: ""; }

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: ""; }

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: ""; }

.fa-won:before,
.fa-krw:before {
  content: ""; }

.fa-bitcoin:before,
.fa-btc:before {
  content: ""; }

.fa-file:before {
  content: ""; }

.fa-file-text:before {
  content: ""; }

.fa-sort-alpha-asc:before {
  content: ""; }

.fa-sort-alpha-desc:before {
  content: ""; }

.fa-sort-amount-asc:before {
  content: ""; }

.fa-sort-amount-desc:before {
  content: ""; }

.fa-sort-numeric-asc:before {
  content: ""; }

.fa-sort-numeric-desc:before {
  content: ""; }

.fa-thumbs-up:before {
  content: ""; }

.fa-thumbs-down:before {
  content: ""; }

.fa-youtube-square:before {
  content: ""; }

.fa-youtube:before {
  content: ""; }

.fa-xing:before {
  content: ""; }

.fa-xing-square:before {
  content: ""; }

.fa-youtube-play:before {
  content: ""; }

.fa-dropbox:before {
  content: ""; }

.fa-stack-overflow:before {
  content: ""; }

.fa-instagram:before {
  content: ""; }

.fa-flickr:before {
  content: ""; }

.fa-adn:before {
  content: ""; }

.fa-bitbucket:before {
  content: ""; }

.fa-bitbucket-square:before {
  content: ""; }

.fa-tumblr:before {
  content: ""; }

.fa-tumblr-square:before {
  content: ""; }

.fa-long-arrow-down:before {
  content: ""; }

.fa-long-arrow-up:before {
  content: ""; }

.fa-long-arrow-left:before {
  content: ""; }

.fa-long-arrow-right:before {
  content: ""; }

.fa-apple:before {
  content: ""; }

.fa-windows:before {
  content: ""; }

.fa-android:before {
  content: ""; }

.fa-linux:before {
  content: ""; }

.fa-dribbble:before {
  content: ""; }

.fa-skype:before {
  content: ""; }

.fa-foursquare:before {
  content: ""; }

.fa-trello:before {
  content: ""; }

.fa-female:before {
  content: ""; }

.fa-male:before {
  content: ""; }

.fa-gittip:before,
.fa-gratipay:before {
  content: ""; }

.fa-sun-o:before {
  content: ""; }

.fa-moon-o:before {
  content: ""; }

.fa-archive:before {
  content: ""; }

.fa-bug:before {
  content: ""; }

.fa-vk:before {
  content: ""; }

.fa-weibo:before {
  content: ""; }

.fa-renren:before {
  content: ""; }

.fa-pagelines:before {
  content: ""; }

.fa-stack-exchange:before {
  content: ""; }

.fa-arrow-circle-o-right:before {
  content: ""; }

.fa-arrow-circle-o-left:before {
  content: ""; }

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: ""; }

.fa-dot-circle-o:before {
  content: ""; }

.fa-wheelchair:before {
  content: ""; }

.fa-vimeo-square:before {
  content: ""; }

.fa-turkish-lira:before,
.fa-try:before {
  content: ""; }

.fa-plus-square-o:before {
  content: ""; }

.fa-space-shuttle:before {
  content: ""; }

.fa-slack:before {
  content: ""; }

.fa-envelope-square:before {
  content: ""; }

.fa-wordpress:before {
  content: ""; }

.fa-openid:before {
  content: ""; }

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: ""; }

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: ""; }

.fa-yahoo:before {
  content: ""; }

.fa-google:before {
  content: ""; }

.fa-reddit:before {
  content: ""; }

.fa-reddit-square:before {
  content: ""; }

.fa-stumbleupon-circle:before {
  content: ""; }

.fa-stumbleupon:before {
  content: ""; }

.fa-delicious:before {
  content: ""; }

.fa-digg:before {
  content: ""; }

.fa-pied-piper:before {
  content: ""; }

.fa-pied-piper-alt:before {
  content: ""; }

.fa-drupal:before {
  content: ""; }

.fa-joomla:before {
  content: ""; }

.fa-language:before {
  content: ""; }

.fa-fax:before {
  content: ""; }

.fa-building:before {
  content: ""; }

.fa-child:before {
  content: ""; }

.fa-paw:before {
  content: ""; }

.fa-spoon:before {
  content: ""; }

.fa-cube:before {
  content: ""; }

.fa-cubes:before {
  content: ""; }

.fa-behance:before {
  content: ""; }

.fa-behance-square:before {
  content: ""; }

.fa-steam:before {
  content: ""; }

.fa-steam-square:before {
  content: ""; }

.fa-recycle:before {
  content: ""; }

.fa-automobile:before,
.fa-car:before {
  content: ""; }

.fa-cab:before,
.fa-taxi:before {
  content: ""; }

.fa-tree:before {
  content: ""; }

.fa-spotify:before {
  content: ""; }

.fa-deviantart:before {
  content: ""; }

.fa-soundcloud:before {
  content: ""; }

.fa-database:before {
  content: ""; }

.fa-file-pdf-o:before {
  content: ""; }

.fa-file-word-o:before {
  content: ""; }

.fa-file-excel-o:before {
  content: ""; }

.fa-file-powerpoint-o:before {
  content: ""; }

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: ""; }

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: ""; }

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: ""; }

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: ""; }

.fa-file-code-o:before {
  content: ""; }

.fa-vine:before {
  content: ""; }

.fa-codepen:before {
  content: ""; }

.fa-jsfiddle:before {
  content: ""; }

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: ""; }

.fa-circle-o-notch:before {
  content: ""; }

.fa-ra:before,
.fa-rebel:before {
  content: ""; }

.fa-ge:before,
.fa-empire:before {
  content: ""; }

.fa-git-square:before {
  content: ""; }

.fa-git:before {
  content: ""; }

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: ""; }

.fa-tencent-weibo:before {
  content: ""; }

.fa-qq:before {
  content: ""; }

.fa-wechat:before,
.fa-weixin:before {
  content: ""; }

.fa-send:before,
.fa-paper-plane:before {
  content: ""; }

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: ""; }

.fa-history:before {
  content: ""; }

.fa-circle-thin:before {
  content: ""; }

.fa-header:before {
  content: ""; }

.fa-paragraph:before {
  content: ""; }

.fa-sliders:before {
  content: ""; }

.fa-share-alt:before {
  content: ""; }

.fa-share-alt-square:before {
  content: ""; }

.fa-bomb:before {
  content: ""; }

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: ""; }

.fa-tty:before {
  content: ""; }

.fa-binoculars:before {
  content: ""; }

.fa-plug:before {
  content: ""; }

.fa-slideshare:before {
  content: ""; }

.fa-twitch:before {
  content: ""; }

.fa-yelp:before {
  content: ""; }

.fa-newspaper-o:before {
  content: ""; }

.fa-wifi:before {
  content: ""; }

.fa-calculator:before {
  content: ""; }

.fa-paypal:before {
  content: ""; }

.fa-google-wallet:before {
  content: ""; }

.fa-cc-visa:before {
  content: ""; }

.fa-cc-mastercard:before {
  content: ""; }

.fa-cc-discover:before {
  content: ""; }

.fa-cc-amex:before {
  content: ""; }

.fa-cc-paypal:before {
  content: ""; }

.fa-cc-stripe:before {
  content: ""; }

.fa-bell-slash:before {
  content: ""; }

.fa-bell-slash-o:before {
  content: ""; }

.fa-trash:before {
  content: ""; }

.fa-copyright:before {
  content: ""; }

.fa-at:before {
  content: ""; }

.fa-eyedropper:before {
  content: ""; }

.fa-paint-brush:before {
  content: ""; }

.fa-birthday-cake:before {
  content: ""; }

.fa-area-chart:before {
  content: ""; }

.fa-pie-chart:before {
  content: ""; }

.fa-line-chart:before {
  content: ""; }

.fa-lastfm:before {
  content: ""; }

.fa-lastfm-square:before {
  content: ""; }

.fa-toggle-off:before {
  content: ""; }

.fa-toggle-on:before {
  content: ""; }

.fa-bicycle:before {
  content: ""; }

.fa-bus:before {
  content: ""; }

.fa-ioxhost:before {
  content: ""; }

.fa-angellist:before {
  content: ""; }

.fa-cc:before {
  content: ""; }

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: ""; }

.fa-meanpath:before {
  content: ""; }

.fa-buysellads:before {
  content: ""; }

.fa-connectdevelop:before {
  content: ""; }

.fa-dashcube:before {
  content: ""; }

.fa-forumbee:before {
  content: ""; }

.fa-leanpub:before {
  content: ""; }

.fa-sellsy:before {
  content: ""; }

.fa-shirtsinbulk:before {
  content: ""; }

.fa-simplybuilt:before {
  content: ""; }

.fa-skyatlas:before {
  content: ""; }

.fa-cart-plus:before {
  content: ""; }

.fa-cart-arrow-down:before {
  content: ""; }

.fa-diamond:before {
  content: ""; }

.fa-ship:before {
  content: ""; }

.fa-user-secret:before {
  content: ""; }

.fa-motorcycle:before {
  content: ""; }

.fa-street-view:before {
  content: ""; }

.fa-heartbeat:before {
  content: ""; }

.fa-venus:before {
  content: ""; }

.fa-mars:before {
  content: ""; }

.fa-mercury:before {
  content: ""; }

.fa-intersex:before,
.fa-transgender:before {
  content: ""; }

.fa-transgender-alt:before {
  content: ""; }

.fa-venus-double:before {
  content: ""; }

.fa-mars-double:before {
  content: ""; }

.fa-venus-mars:before {
  content: ""; }

.fa-mars-stroke:before {
  content: ""; }

.fa-mars-stroke-v:before {
  content: ""; }

.fa-mars-stroke-h:before {
  content: ""; }

.fa-neuter:before {
  content: ""; }

.fa-genderless:before {
  content: ""; }

.fa-facebook-official:before {
  content: ""; }

.fa-pinterest-p:before {
  content: ""; }

.fa-whatsapp:before {
  content: ""; }

.fa-server:before {
  content: ""; }

.fa-user-plus:before {
  content: ""; }

.fa-user-times:before {
  content: ""; }

.fa-hotel:before,
.fa-bed:before {
  content: ""; }

.fa-viacoin:before {
  content: ""; }

.fa-train:before {
  content: ""; }

.fa-subway:before {
  content: ""; }

.fa-medium:before {
  content: ""; }

.fa-yc:before,
.fa-y-combinator:before {
  content: ""; }

.fa-optin-monster:before {
  content: ""; }

.fa-opencart:before {
  content: ""; }

.fa-expeditedssl:before {
  content: ""; }

.fa-battery-4:before,
.fa-battery-full:before {
  content: ""; }

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: ""; }

.fa-battery-2:before,
.fa-battery-half:before {
  content: ""; }

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: ""; }

.fa-battery-0:before,
.fa-battery-empty:before {
  content: ""; }

.fa-mouse-pointer:before {
  content: ""; }

.fa-i-cursor:before {
  content: ""; }

.fa-object-group:before {
  content: ""; }

.fa-object-ungroup:before {
  content: ""; }

.fa-sticky-note:before {
  content: ""; }

.fa-sticky-note-o:before {
  content: ""; }

.fa-cc-jcb:before {
  content: ""; }

.fa-cc-diners-club:before {
  content: ""; }

.fa-clone:before {
  content: ""; }

.fa-balance-scale:before {
  content: ""; }

.fa-hourglass-o:before {
  content: ""; }

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: ""; }

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: ""; }

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: ""; }

.fa-hourglass:before {
  content: ""; }

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: ""; }

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: ""; }

.fa-hand-scissors-o:before {
  content: ""; }

.fa-hand-lizard-o:before {
  content: ""; }

.fa-hand-spock-o:before {
  content: ""; }

.fa-hand-pointer-o:before {
  content: ""; }

.fa-hand-peace-o:before {
  content: ""; }

.fa-trademark:before {
  content: ""; }

.fa-registered:before {
  content: ""; }

.fa-creative-commons:before {
  content: ""; }

.fa-gg:before {
  content: ""; }

.fa-gg-circle:before {
  content: ""; }

.fa-tripadvisor:before {
  content: ""; }

.fa-odnoklassniki:before {
  content: ""; }

.fa-odnoklassniki-square:before {
  content: ""; }

.fa-get-pocket:before {
  content: ""; }

.fa-wikipedia-w:before {
  content: ""; }

.fa-safari:before {
  content: ""; }

.fa-chrome:before {
  content: ""; }

.fa-firefox:before {
  content: ""; }

.fa-opera:before {
  content: ""; }

.fa-internet-explorer:before {
  content: ""; }

.fa-tv:before,
.fa-television:before {
  content: ""; }

.fa-contao:before {
  content: ""; }

.fa-500px:before {
  content: ""; }

.fa-amazon:before {
  content: ""; }

.fa-calendar-plus-o:before {
  content: ""; }

.fa-calendar-minus-o:before {
  content: ""; }

.fa-calendar-times-o:before {
  content: ""; }

.fa-calendar-check-o:before {
  content: ""; }

.fa-industry:before {
  content: ""; }

.fa-map-pin:before {
  content: ""; }

.fa-map-signs:before {
  content: ""; }

.fa-map-o:before {
  content: ""; }

.fa-map:before {
  content: ""; }

.fa-commenting:before {
  content: ""; }

.fa-commenting-o:before {
  content: ""; }

.fa-houzz:before {
  content: ""; }

.fa-vimeo:before {
  content: ""; }

.fa-black-tie:before {
  content: ""; }

.fa-fonticons:before {
  content: ""; }

.uq-icons {
  display: inline-block; }
  .uq-icons--info-grey::before {
    content: url("../images/cart/icon_info_grey.svg"); }
  .uq-icons--info-red::before {
    content: url("../images/cart/icon_info_red.svg"); }
  .uq-icons--giftbox::before {
    content: url("../images/cart/icon_gift-box.svg"); }
  .uq-icons--trash::before {
    content: url("../images/cart/icon_bin.svg"); }
  .uq-icons--bag::before {
    content: url("../images/cart/icon_bag.png"); }
  .uq-icons--phone::before {
    content: url("../images/global/icon_phone.svg");
    height: 23px; }
  .uq-icons--chat::before {
    content: url("../images/global/icon_chat.svg");
    height: 21px; }

.gift_button_wrapper_red {
  position: relative;
  overflow: hidden;
  max-width: 1872px;
  margin: 50px auto 0 auto;
  padding: 0 0 30px 0;
  z-index: 10; }
  .gift_button_wrapper_red ul {
    width: 100%;
    position: relative;
    margin-left: 1px;
    text-align: center;
    font-size: 0;
    font-size: 0rem; }
    .gift_button_wrapper_red ul li {
      display: inline-block;
      position: relative;
      background-color: #ee3343;
      float: left;
      margin-right: 1%;
      width: 24%; }
      .gift_button_wrapper_red ul li a {
        width: 100%;
        min-height: 100px;
        display: inline-block;
        padding: 30px 1px 10px 1px;
        text-transform: uppercase;
        font-size: 15px;
        font-size: 1.3rem;
        color: #fff;
        line-height: 75px; }
        .gift_button_wrapper_red ul li a span {
          font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
          display: inline-block;
          vertical-align: middle; }

.gift_button_wrapper_blue {
  position: relative;
  overflow: hidden;
  max-width: 1872px;
  margin: 50px auto 0 auto;
  padding: 0 0 30px 0;
  z-index: 10; }
  .gift_button_wrapper_blue ul {
    width: 100%;
    position: relative;
    margin-left: 1px;
    text-align: center;
    font-size: 0;
    font-size: 0rem; }
    .gift_button_wrapper_blue ul li {
      display: inline-block;
      position: relative;
      background-color: #206fd5;
      float: left;
      margin-right: 1%;
      width: 24%; }
      .gift_button_wrapper_blue ul li a {
        width: 100%;
        min-height: 100px;
        display: inline-block;
        padding: 30px 1px 10px 1px;
        text-transform: uppercase;
        font-size: 15px;
        font-size: 1.3rem;
        color: #fff;
        line-height: 75px; }
        .gift_button_wrapper_blue ul li a span {
          font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
          display: inline-block;
          vertical-align: middle; }

.gift_button_wrapper_redSmall {
  position: relative;
  overflow: hidden;
  max-width: 1872px;
  margin: 50px auto 0 auto;
  padding: 0 0 30px 0;
  z-index: 10; }
  .gift_button_wrapper_redSmall ul {
    width: 100%;
    position: relative;
    margin-left: 1px;
    text-align: center;
    font-size: 0;
    font-size: 0rem; }
    .gift_button_wrapper_redSmall ul li {
      display: inline-block;
      position: relative;
      background-color: #ff0000;
      float: left;
      margin-right: 1%;
      width: 19%;
      height: 85px; }
      .gift_button_wrapper_redSmall ul li a {
        width: 100%;
        min-height: 100px;
        display: inline-block;
        padding: 0px 1px 0px 1px;
        text-transform: uppercase;
        font-size: 15px;
        font-size: 1.3rem;
        color: #fff;
        line-height: 85px; }
        .gift_button_wrapper_redSmall ul li a span {
          font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
          display: inline-block;
          vertical-align: middle; }

.selectric-wrapper {
  position: relative;
  cursor: pointer;
  width: 90px; }

.selectric-responsive {
  width: 100%; }

.selectric {
  border: 0;
  background: #eaeaea;
  position: relative;
  padding: 0;
  height: 35px; }
  .selectric .label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 38px 0 10px;
    font-size: 15px;
    line-height: 38px;
    color: #444;
    height: 38px; }
  .selectric .button {
    display: block;
    position: absolute;
    right: -15px;
    top: -5px;
    width: 58px;
    height: 45px;
    color: #000;
    text-align: center;
    font: 0/0 a;
    *font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial; }
    .selectric .button:after {
      content: " ";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      width: 0;
      height: 0;
      border: 4px solid transparent;
      border-top-color: #BBB;
      border-bottom: none; }

.selectric-hover .selectric {
  border-color: #c4c4c4; }
  .selectric-hover .selectric .button {
    color: #a2a2a2; }
    .selectric-hover .selectric .button:after {
      border-top-color: #a2a2a2; }

.selectric-open {
  z-index: 76; }
  .selectric-open .selectric {
    border-color: #c4c4c4; }
  .selectric-open .selectric-items {
    display: block; }

.selectric-disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.selectric-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0; }
  .selectric-hide-select select {
    position: absolute;
    left: -100%;
    display: none; }

.selectric-input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important; }

.selectric-temp-show {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important; }

/* Items box */
.selectric-items {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #eaeaea;
  border: 1px solid #c4c4c4;
  z-index: -2;
  box-shadow: 0 0 10px -6px; }
  .selectric-items .selectric-scroll {
    height: 100%;
    overflow: auto; }
  .selectric-above .selectric-items {
    top: auto;
    bottom: 100%; }
  .selectric-items ul, .selectric-items li {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 20px;
    min-height: 20px; }
  .selectric-items li {
    display: block;
    padding: 8px;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #EEE;
    color: #666;
    cursor: pointer; }
    .selectric-items li.selected {
      background: #EFEFEF;
      color: #444; }
    .selectric-items li:hover {
      background: #F0F0F0;
      color: #444; }
  .selectric-items .disabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: default !important;
    background: none !important;
    color: #666 !important;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
  .selectric-items .selectric-group .selectric-group-label {
    font-weight: bold;
    padding-left: 10px;
    cursor: default;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background: none;
    color: #444; }
  .selectric-items .selectric-group.disabled li {
    filter: alpha(opacity=100);
    opacity: 1; }
  .selectric-items .selectric-group li {
    padding-left: 25px; }

.recommendations__title {
  font-family: "Uniqlo Pro";
  color: #000;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 22px; }
  .recommendations__title--noSpace {
    margin: 0; }

.recommendations__slider .productTile {
  width: 100%;
  margin-top: 0 !important; }
  .recommendations__slider .productTile__spacer {
    padding: 0 5px !important; }

.recommendations__slider--smallArrows.owl-carousel.no-carousel {
  transform: translateX(-30px); }

.recommendations__slider--smallArrows.owl-carousel .owl-nav .owl-prev,
.recommendations__slider--smallArrows.owl-carousel .owl-nav .owl-next {
  background-image: url("../images/icon-sprite.svg#icon_arrow_down");
  background-position: 0 0;
  width: 26px;
  height: auto;
  transform: rotate(90deg) translate(-50%, 6px);
  overflow: hidden; }
  .recommendations__slider--smallArrows.owl-carousel .owl-nav .owl-prev:hover,
  .recommendations__slider--smallArrows.owl-carousel .owl-nav .owl-next:hover {
    filter: brightness(0); }

.recommendations__slider--smallArrows.owl-carousel .owl-nav .owl-next {
  transform: rotate(-90deg) translate(50%, 6px); }

.recommendations__slider.pdp__slider {
  margin: 0 -5px;
  width: calc(100% + 10px); }

.recommendations__list {
  margin: 0 -20px;
  padding-top: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: unset; }
  .recommendations__list > .item {
    max-width: 50%;
    -ms-flex: 1 1 50%;
        flex: 1 1 50%; }
    @media (min-width: 769px) {
      .recommendations__list > .item {
        max-width: 33.3%;
        -ms-flex: 1 1 33%;
            flex: 1 1 33%; } }
    @media (min-width: 1025px) {
      .recommendations__list > .item {
        max-width: 25%;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%; } }
    .recommendations__list > .item .productTile {
      width: 100%; }
  .recommendations__list .productTile {
    margin-top: 20px !important; }
  .recommendations__list--responsiveOneRow .item:nth-child(n+3) {
    display: none; }
  @media (min-width: 769px) {
    .recommendations__list--responsiveOneRow .item:nth-child(n+3) {
      display: inline-block; }
    .recommendations__list--responsiveOneRow .item:nth-child(n+4) {
      display: none; } }
  @media (min-width: 1025px) {
    .recommendations__list--responsiveOneRow .item:nth-child(n+3) {
      display: inline-block; }
    .recommendations__list--responsiveOneRow .item:nth-child(n+4) {
      display: inline-block; } }
  .recommendations__list--responsiveTwoRow .item:nth-child(n+5) {
    display: none; }
  @media (min-width: 769px) {
    .recommendations__list--responsiveTwoRow .item:nth-child(4):last-child {
      display: none; }
    .recommendations__list--responsiveTwoRow .item:nth-child(n+5) {
      display: inline-block; }
    .recommendations__list--responsiveTwoRow .item:nth-child(n+7) {
      display: none; } }
  @media (min-width: 1025px) {
    .recommendations__list--responsiveTwoRow .item:nth-child(n+4):last-child {
      display: inline-block; }
    .recommendations__list--responsiveTwoRow .item:nth-child(n+7) {
      display: inline-block; } }

.recommendations--category .recommendations__title {
  text-align: center;
  font-size: 2.5rem;
  margin-top: 20px;
  font-weight: bold; }

.recommendations--category .recommendations__list {
  margin: 0; }

.recommendations--bisn {
  min-height: 350px;
  padding-left: 4%; }
  .recommendations--bisn .recommendations__title {
    text-align: center;
    font-size: 1.3rem;
    margin-top: 20px;
    font-weight: bold; }
  .recommendations--bisn .recommendations__slider {
    margin: 0 auto;
    width: 270px;
    min-width: 270px; }
    @media screen and (min-width: 1440px) {
      .recommendations--bisn .recommendations__slider {
        width: 420px;
        min-width: 420px;
        margin: 0 10px; } }
    .recommendations--bisn .recommendations__slider.owl-carousel .owl-nav .owl-next {
      margin-right: -5px; }

.recommendations--cart .recommendations__title {
  font-size: 18px;
  line-height: 18px;
  margin-bottom: 17px; }

.recommendations--cart .recommendations__slider {
  margin-bottom: 25px;
  min-width: 600px; }
  .recommendations--cart .recommendations__slider .productTile {
    width: 250px; }
  .recommendations--cart .recommendations__slider.owl-carousel .owl-nav .owl-next {
    margin-right: -5px; }

.recommendations--homepage {
  border-top: 1px solid #000;
  margin-top: 55px;
  padding-top: 55px; }

.js-recommendationsTitle {
  /* used for label that displays the 1 out of X Pages */
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: baseline;
      align-items: baseline; }
  .js-recommendationsTitle::after {
    content: attr(data-pages);
    font-weight: normal;
    font-size: 14px;
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
    text-transform: none; }
  .js-recommendationsTitle.twoLine {
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .js-recommendationsTitle.twoLine::after {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%; }

.pirecommendation {
  clear: both;
  padding-top: 15px; }
  .pirecommendation .owl-carousel {
    display: block;
    min-width: 0;
    width: 100%; }
  .pirecommendation .product-tile-component {
    width: 264px; }
  .pirecommendation__title {
    font-family: "Uniqlo Pro";
    text-transform: uppercase;
    font-size: 3rem;
    line-height: 1;
    font-weight: 700;
    text-align: center;
    width: 100%; }
  .pirecommendation--item-full .product-tile-component {
    width: 100%; }
  .pirecommendation--border-top {
    border-top: 1px solid #000;
    padding-top: 55px;
    margin-top: 55px; }
  .pirecommendation--addtocartpopup .pirecommendation__title {
    font-family: "Uniqlo Pro";
    font-size: 22px;
    text-align: left; }
  .pirecommendation--addtocartpopup #PIRecommendationContainer .product-tile-component {
    margin-top: 16px; }
  .pirecommendation--addtocartpopup .owl-carousel .owl-nav .owl-prev {
    background-image: url("../images/addtocartpopup/carousel_icon_arrow-left.svg");
    width: 18px;
    height: 35px;
    background-position: 0 0;
    top: 39%; }
    .pirecommendation--addtocartpopup .owl-carousel .owl-nav .owl-prev:hover {
      background-position: 0 0; }
  .pirecommendation--addtocartpopup .owl-carousel .owl-nav .owl-next {
    background-image: url("../images/addtocartpopup/carousel_icon-arrow-right.svg");
    width: 18px;
    height: 35px;
    background-position: 0 0;
    top: 39%; }
    .pirecommendation--addtocartpopup .owl-carousel .owl-nav .owl-next:hover {
      background-position: 0 0; }
  .pirecommendation--bisn .pirecommendation__title {
    font-size: 1.3rem;
    margin-top: 15px; }
  .pirecommendation--homepage .product-tile-component {
    width: 310px; }
    @media screen and (max-width: 768px) {
      .pirecommendation--homepage .product-tile-component {
        width: 143px; } }
    @media screen and (max-width: 1024px) {
      .pirecommendation--homepage .product-tile-component {
        width: 200px; } }
    @media only screen and (min-width: 1025px) and (max-width: 1357px) {
      .pirecommendation--homepage .product-tile-component {
        width: 242px; } }
    .pirecommendation--homepage .product-tile-component .price {
      color: #000; }
      .pirecommendation--homepage .product-tile-component .price.product-sales-price {
        color: #FE0E0D; }
  .pirecommendation--homepage .recommendations.owl-carousel .owl-stage-outer {
    max-height: none; }
  .pirecommendation--cart #PIRecommendationContainer .product-tile-component {
    margin-top: 2px; }
  .pirecommendation--category {
    padding-top: 0; }
    .pirecommendation--category .pirecommendation__item {
      display: inline-block; }
  .pirecommendation--productdetail {
    padding-top: 0; }
  .pirecommendation--l2 {
    margin: 0 -20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .pirecommendation--l2 .productTile {
      margin-top: 20px !important;
      width: 100%; }
    .pirecommendation--l2 .pirecommendation__item {
      max-width: 50%;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%; }
      @media (min-width: 769px) {
        .pirecommendation--l2 .pirecommendation__item {
          max-width: 33.3%;
          -ms-flex: 1 1 33%;
              flex: 1 1 33%; } }
      @media (min-width: 1025px) {
        .pirecommendation--l2 .pirecommendation__item {
          max-width: 25%;
          -ms-flex: 1 1 25%;
              flex: 1 1 25%; } }

.ui-tooltip {
  z-index: 100; }
  .ui-tooltip.ui-widget-content {
    width: 325px; }

.cart-promo {
  background: none; }

.cart-promo .giftbag-item-actions {
  width: auto; }

.giftbag-product-name {
  vertical-align: middle;
  width: 250px;
  word-spacing: normal; }

#giftbag-section.cartredesign {
  /* iPad 1, 2, Mini and Air, Portrait */
  margin: 8px 40px 40px 40px; }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1), (max-device-width: 800px) and (orientation: portrait), screen and (max-width: 955px) {
    #giftbag-section.cartredesign {
      margin: 0 60px; } }
  #giftbag-section.cartredesign h2 {
    font-style: normal;
    margin: 0 0 10px 0; }
  #giftbag-section.cartredesign .giftbag__item {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    margin: 0 0 15px 0;
    width: 100%; }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1), (max-device-width: 800px) and (orientation: portrait), screen and (max-width: 955px) {
      #giftbag-section.cartredesign .giftbag__item {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        margin: 0 0 20px 0; } }
  #giftbag-section.cartredesign .giftbag__detail {
    -ms-flex-align: center;
        align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    font-weight: bold;
    -ms-flex-pack: justify;
        justify-content: space-between;
    max-width: 55%; }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1), (max-device-width: 800px) and (orientation: portrait), screen and (max-width: 955px) {
      #giftbag-section.cartredesign .giftbag__detail {
        max-width: 100%; } }
    #giftbag-section.cartredesign .giftbag__detail-name {
      margin: 0 30px 0 20px;
      width: 204px; }
    #giftbag-section.cartredesign .giftbag__detail-price {
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
      margin-top: 0;
      background: none; }
    #giftbag-section.cartredesign .giftbag__detail-qty {
      margin-left: 30px; }
      #giftbag-section.cartredesign .giftbag__detail-qty input[type="number"] {
        font-weight: normal;
        margin: 0;
        text-align: center;
        width: 70px; }
  #giftbag-section.cartredesign .button-row {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    margin: 0 0 0 30px;
    max-width: 45%; }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1), (max-device-width: 800px) and (orientation: portrait), screen and (max-width: 955px) {
      #giftbag-section.cartredesign .button-row {
        margin: 10px 0 0 10px;
        max-width: 100%; } }
    #giftbag-section.cartredesign .button-row .button {
      width: 164px;
      border: 2px solid transparent; }
      #giftbag-section.cartredesign .button-row .button:not(:last-child) {
        margin-right: 20px; }
      #giftbag-section.cartredesign .button-row .button--black {
        background: #000;
        color: #fff; }
        #giftbag-section.cartredesign .button-row .button--black:hover, #giftbag-section.cartredesign .button-row .button--black:active {
          background-color: #fff;
          border-color: #000;
          color: #000; }
      #giftbag-section.cartredesign .button-row .button--red {
        background: #FE0E0D;
        color: #fff; }
        #giftbag-section.cartredesign .button-row .button--red:hover, #giftbag-section.cartredesign .button-row .button--red:active {
          background-color: #fff;
          border-color: #FE0E0D;
          color: #FE0E0D; }
    #giftbag-section.cartredesign .button-row .tooltip {
      cursor: pointer;
      position: relative;
      top: 0px; }

#giftbag-section:not(.cartredesign) {
  width: 100%; }
  #giftbag-section:not(.cartredesign) h2 {
    font-style: normal;
    margin: 10px 0 15px 0; }
  #giftbag-section:not(.cartredesign) .bonus-product-list .bonus-product-item {
    display: inline-block;
    width: 100%;
    margin: 0 0 15px 0; }
    #giftbag-section:not(.cartredesign) .bonus-product-list .bonus-product-item .product-detail {
      float: left;
      width: auto;
      margin-right: 10px;
      font-weight: bold;
      font-style: normal; }
      #giftbag-section:not(.cartredesign) .bonus-product-list .bonus-product-item .product-detail .giftbag-img {
        display: inline-block;
        margin: 0 10px 0 0; }
      #giftbag-section:not(.cartredesign) .bonus-product-list .bonus-product-item .product-detail .giftbag-product-name {
        display: inline-block;
        margin: 0 0 0 10px; }
      #giftbag-section:not(.cartredesign) .bonus-product-list .bonus-product-item .product-detail .product-add-to-cart {
        /*price*/
        background: none; }
        #giftbag-section:not(.cartredesign) .bonus-product-list .bonus-product-item .product-detail .product-add-to-cart .gift-price {
          display: inline-block;
          line-height: 3em;
          margin-right: 20px; }
        #giftbag-section:not(.cartredesign) .bonus-product-list .bonus-product-item .product-detail .product-add-to-cart .select-giftbag-item {
          display: inline-block; }
      #giftbag-section:not(.cartredesign) .bonus-product-list .bonus-product-item .product-detail .giftbag-qty {
        display: inline-block;
        float: right;
        margin: 10px 10px 0 20px; }
        #giftbag-section:not(.cartredesign) .bonus-product-list .bonus-product-item .product-detail .giftbag-qty input[type="number"] {
          width: 70px;
          text-align: center;
          font-weight: normal; }
    #giftbag-section:not(.cartredesign) .bonus-product-list .bonus-product-item .giftbag_btn_wrapper {
      display: inline-block; }
      #giftbag-section:not(.cartredesign) .bonus-product-list .bonus-product-item .giftbag_btn_wrapper button {
        position: relative;
        width: 164px;
        border: 2px solid transparent;
        font-family: "UniqloRegularRegular";
        font-style: normal;
        text-align: center;
        text-transform: uppercase;
        margin: 10px 10px 0 20px; }
      #giftbag-section:not(.cartredesign) .bonus-product-list .bonus-product-item .giftbag_btn_wrapper .btn_giftbag_more_info {
        background: #000;
        color: #fff;
        border: 2px solid transparent;
        float: left; }
        #giftbag-section:not(.cartredesign) .bonus-product-list .bonus-product-item .giftbag_btn_wrapper .btn_giftbag_more_info:hover, #giftbag-section:not(.cartredesign) .bonus-product-list .bonus-product-item .giftbag_btn_wrapper .btn_giftbag_more_info:active {
          border: 2px solid #000;
          background-color: #fff;
          color: #000; }
      #giftbag-section:not(.cartredesign) .bonus-product-list .bonus-product-item .giftbag_btn_wrapper .tooltip {
        cursor: pointer;
        position: relative;
        top: 0px; }
      #giftbag-section:not(.cartredesign) .bonus-product-list .bonus-product-item .giftbag_btn_wrapper .btn_giftbag_add {
        background: #FE0E0D;
        color: #fff;
        float: right;
        border: 2px solid transparent; }
        #giftbag-section:not(.cartredesign) .bonus-product-list .bonus-product-item .giftbag_btn_wrapper .btn_giftbag_add:hover, #giftbag-section:not(.cartredesign) .bonus-product-list .bonus-product-item .giftbag_btn_wrapper .btn_giftbag_add:active {
          border: 2px solid #FE0E0D;
          background-color: #fff;
          color: #FE0E0D; }

/*
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */
.pika-single {
  z-index: 76;
  display: block;
  position: relative;
  color: #333;
  background: #fff;
  border: 2px solid #000;
  border-bottom-color: #000;
  font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif; }
  .pika-single.is-hidden {
    display: none; }
  .pika-single.is-bound {
    position: absolute;
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5); }

.pika-single {
  *zoom: 1; }
  .pika-single:before, .pika-single:after {
    content: " ";
    display: table; }
  .pika-single:after {
    clear: both; }

.pika-lendar {
  float: left;
  width: 340px;
  margin: 8px; }

.pika-title {
  position: relative;
  text-align: center; }
  .pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 74;
    margin: 0;
    left: 0;
    top: 5px;
    filter: alpha(opacity=0);
    opacity: 0; }

.pika-label {
  display: inline-block;
  *display: inline;
  position: relative;
  z-index: 76;
  overflow: hidden;
  margin: 0;
  padding: 5px 3px;
  font-size: 1.6em;
  line-height: 40px;
  color: #333;
  background-color: #fff;
  text-transform: uppercase;
  font-family: "UniqloRegularRegular"; }

.pika-prev,
.pika-next {
  display: block;
  cursor: pointer;
  position: relative;
  outline: none;
  border: 0;
  padding: 0;
  width: 40px;
  height: 50px;
  text-indent: 40px;
  white-space: nowrap;
  overflow: hidden;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 75% 75%;
  *position: absolute;
  *top: 0; }

.pika-prev,
.is-rtl .pika-next {
  float: left;
  background-image: url("../images/datepicker/arrow-preview.png");
  *left: 0; }
  .pika-prev.is-disabled,
  .is-rtl .pika-next.is-disabled {
    cursor: default;
    background-image: url("../images/datepicker/arrow-preview-disabled.png"); }
  .pika-prev:hover,
  .is-rtl .pika-next:hover {
    background-image: url("../images/datepicker/arrow-preview-hover.png"); }

.pika-next,
.is-rtl .pika-prev {
  float: right;
  background-image: url("../images/datepicker/arrow-next.png");
  *right: 0; }
  .pika-next.is-disabled,
  .is-rtl .pika-prev.is-disabled {
    cursor: default;
    background-image: url("../images/datepicker/arrow-next-disabled.png"); }
  .pika-next:hover,
  .is-rtl .pika-prev:hover {
    background-image: url("../images/datepicker/arrow-next-disabled-hover.png"); }

.pika-select {
  display: inline-block;
  *display: inline; }

.pika-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0; }
  .pika-table th,
  .pika-table td {
    width: 14.285714285714286%;
    padding: 0.2em; }
  .pika-table th {
    color: #999;
    font-size: 14px;
    line-height: 25px;
    font-weight: bold;
    text-align: center; }
  .pika-table abbr {
    border-bottom: none;
    cursor: help;
    text-transform: uppercase;
    color: #000;
    font-family: "UniqloRegularRegular"; }

.pika-button {
  cursor: pointer;
  display: block;
  box-sizing: border-box;
  outline: none;
  border: 0;
  margin: 0;
  width: 100%;
  padding: 5px;
  color: #000;
  font-size: 14px;
  line-height: 15px;
  text-align: right;
  background-color: #fff;
  text-align: center;
  border: 2px solid #000; }
  .is-today .pika-button {
    color: #33aaff;
    font-weight: bold; }
  .is-selected .pika-button {
    color: #fff;
    font-weight: bold;
    background: #FE0E0D;
    box-shadow: inset 0 1px 3px #FE0E0D;
    border-radius: 0;
    border: 2px solid #FE0E0D; }
  .is-disabled .pika-button,
  .is-outside-current-month .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: .3;
    border: 2px solid #ccc;
    background-color: #fff; }
  .pika-button:hover {
    color: #fff;
    background: #33aaff;
    box-shadow: none;
    border-radius: 0;
    border: 2px solid #33aaff; }

.pika-week {
  font-size: 11px;
  color: #999; }

.is-inrange .pika-button {
  background: #D5E9F7; }

.is-startrange .pika-button {
  color: #fff;
  background: #6CB31D;
  box-shadow: none;
  border-radius: 0; }

.is-endrange .pika-button {
  color: #fff;
  background: #33aaff;
  box-shadow: none;
  border-radius: 0; }

#side.hermespsf {
  float: right !important;
  width: 28% !important;
  margin-right: 10px; }

#hermespsf_mapContainer {
  float: left;
  width: 68%;
  margin: 0; }

.hermespsf #items .jspContainer {
  height: 410px !important; }

.hermespsf #items .jspVerticalBar {
  background: #f5f5f5; }

.hermespsf.gui .search input.text {
  padding: 0; }

#route {
  float: right;
  margin-right: 10px; }
  #route .result .jspVerticalBar {
    background: #f5f5f5; }

#hermespsf_detail .main {
  width: 753px;
  margin: 0; }

#hermespsf_detail .head p {
  float: left; }

#SALECYCLE-PIXEL {
  display: none; }

.ui-dialog {
  z-index: 76;
  border: 2px solid #ccc;
  overflow-y: auto;
  max-height: 100vh; }
  .ui-dialog:focus {
    outline: 0; }
  .ui-dialog .ui-widget-header {
    /*height: 110px;*/
    /*to global definition*/
    background-color: #fff; }
  .ui-dialog.ui-dialog--custom {
    overflow-y: hidden;
    overflow-x: hidden;
    transition: top 0.3s ease;
    border: 2px solid #000;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); }
    .ui-dialog.ui-dialog--custom .ui-dialog-titlebar {
      padding: 0; }
    .ui-dialog.ui-dialog--custom .ui-widget-header {
      height: 0; }
  .ui-dialog.stylebook_dialog {
    background-color: #f5f5f5;
    box-shadow: none; }
    .ui-dialog.stylebook_dialog .ui-widget-content {
      width: 962px !important; }
    .ui-dialog.stylebook_dialog .ui-dialog-titlebar-close {
      top: 14px;
      right: 11px; }
  .ui-dialog.addtocartpopup_dialog {
    max-width: 964px; }
  .ui-dialog.accountloginoverlay_dialog {
    overflow-y: auto;
    max-height: 90vh;
    max-width: 685px; }
    .ui-dialog.accountloginoverlay_dialog--replaced {
      transition-property: none; }
    .ui-dialog.accountloginoverlay_dialog .ui-widget-header {
      height: auto; }
    .ui-dialog.accountloginoverlay_dialog .ui-dialog-title {
      padding: 40px 40px 15px 40px;
      height: auto;
      display: block;
      font-family: "Uniqlo Pro";
      font-size: 22px;
      letter-spacing: .3px;
      line-height: 1;
      font-weight: bold;
      text-align: center; }
      .ui-dialog.accountloginoverlay_dialog .ui-dialog-title--icon::before {
        content: '';
        background-size: 100%;
        width: 19px;
        height: 19px;
        display: inline-block;
        position: relative;
        margin-right: 10px; }
      .ui-dialog.accountloginoverlay_dialog .ui-dialog-title--iconHeart::before {
        background: url("../images/wishlist/overlay_icon_wishlist.svg") no-repeat; }
      .ui-dialog.accountloginoverlay_dialog .ui-dialog-title--iconTick::before {
        background: url(../images/icon-sprite.svg#icon_checkbox) no-repeat center; }
    .ui-dialog.accountloginoverlay_dialog .dialog-content {
      padding: 5px 40px 40px 40px; }
  .ui-dialog.cartbisnOverlay_dialog .ui-widget-content {
    width: 960px !important; }
  .ui-dialog.geotargettedoverlayWrapperContainer {
    border: 5px solid #000; }
    .ui-dialog.geotargettedoverlayWrapperContainer .ui-dialog-titlebar {
      padding: 0px; }
    .ui-dialog.geotargettedoverlayWrapperContainer .ui-widget-header {
      height: 10px; }
    .ui-dialog.geotargettedoverlayWrapperContainer .ui-dialog-titlebar-close {
      top: 8px;
      right: 11px;
      width: 20px;
      height: 20px;
      background-image: url("../images/global/geo-close-button.png");
      background-position: 0 0; }
    .ui-dialog.geotargettedoverlayWrapperContainer .ui-dialog-titlebar-close:hover {
      background-image: url("../images/global/geo-close-button-hover.png");
      background-position: 0 0; }
    .ui-dialog.geotargettedoverlayWrapperContainer.firstversion {
      border: 2px solid #ccc; }
      .ui-dialog.geotargettedoverlayWrapperContainer.firstversion .ui-widget-header {
        height: 23px; }
  .ui-dialog.ShippingAddressDialog_dialog {
    min-width: 685px;
    max-width: 100%;
    max-height: 90vh;
    overflow: auto; }
    .ui-dialog.ShippingAddressDialog_dialog .ui-dialog-titlebar.ui-widget-header {
      height: auto;
      margin: 40px 40px 25px 40px; }
      .ui-dialog.ShippingAddressDialog_dialog .ui-dialog-titlebar.ui-widget-header .ui-dialog-title {
        font-size: 1.8em; }
      .ui-dialog.ShippingAddressDialog_dialog .ui-dialog-titlebar.ui-widget-header .ui-dialog-titlebar-close {
        right: 0px;
        top: 0px; }
    .ui-dialog.ShippingAddressDialog_dialog #ShippingAddressDialog {
      width: 100%;
      margin: 0px 40px 40px 40px; }
      .ui-dialog.ShippingAddressDialog_dialog #ShippingAddressDialog.dialog-relaiscolis_parcelshop {
        margin: 0px 10px 10px 15px; }
      .ui-dialog.ShippingAddressDialog_dialog #ShippingAddressDialog #storefinder {
        width: 100%;
        height: 100%; }
        .ui-dialog.ShippingAddressDialog_dialog #ShippingAddressDialog #storefinder p {
          color: #808080;
          font-size: 14px;
          font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
          line-height: 16px; }
        .ui-dialog.ShippingAddressDialog_dialog #ShippingAddressDialog #storefinder .dhl-use-location {
          padding-bottom: 15px; }
          .ui-dialog.ShippingAddressDialog_dialog #ShippingAddressDialog #storefinder .dhl-use-location a {
            font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
            color: #808080;
            font-size: 16px;
            letter-spacing: 0.27px;
            text-decoration: underline;
            line-height: 18px; }
            .ui-dialog.ShippingAddressDialog_dialog #ShippingAddressDialog #storefinder .dhl-use-location a::before {
              content: url("../images/global/store-locator-icon.svg");
              width: 16px;
              display: inline-block;
              margin-right: 5px;
              vertical-align: middle; }
        .ui-dialog.ShippingAddressDialog_dialog #ShippingAddressDialog #storefinder form {
          width: 100%;
          height: 100%; }
          .ui-dialog.ShippingAddressDialog_dialog #ShippingAddressDialog #storefinder form.dhlpaketshop-form {
            height: auto; }
          .ui-dialog.ShippingAddressDialog_dialog #ShippingAddressDialog #storefinder form .kialaMapDialog {
            width: 100%;
            height: 100%; }
            .ui-dialog.ShippingAddressDialog_dialog #ShippingAddressDialog #storefinder form .kialaMapDialog #iframeplaceholder {
              width: 100%;
              height: 100%; }
              .ui-dialog.ShippingAddressDialog_dialog #ShippingAddressDialog #storefinder form .kialaMapDialog #iframeplaceholder iframe {
                width: 100%;
                height: 100%; }
          .ui-dialog.ShippingAddressDialog_dialog #ShippingAddressDialog #storefinder form .hermesMapDialog {
            width: 100%;
            height: 100%; }
            .ui-dialog.ShippingAddressDialog_dialog #ShippingAddressDialog #storefinder form .hermesMapDialog #iframeplaceholder {
              width: 100%;
              height: 100%; }
              .ui-dialog.ShippingAddressDialog_dialog #ShippingAddressDialog #storefinder form .hermesMapDialog #iframeplaceholder iframe {
                width: 100%;
                height: 100%; }
          .ui-dialog.ShippingAddressDialog_dialog #ShippingAddressDialog #storefinder form .labels {
            margin: 10px 0px 20px 0px; }
            .ui-dialog.ShippingAddressDialog_dialog #ShippingAddressDialog #storefinder form .labels #store_number,
            .ui-dialog.ShippingAddressDialog_dialog #ShippingAddressDialog #storefinder form .labels #store_name,
            .ui-dialog.ShippingAddressDialog_dialog #ShippingAddressDialog #storefinder form .labels #store_community,
            .ui-dialog.ShippingAddressDialog_dialog #ShippingAddressDialog #storefinder form .labels #store_address,
            .ui-dialog.ShippingAddressDialog_dialog #ShippingAddressDialog #storefinder form .labels #store_city,
            .ui-dialog.ShippingAddressDialog_dialog #ShippingAddressDialog #storefinder form .labels #opening_times,
            .ui-dialog.ShippingAddressDialog_dialog #ShippingAddressDialog #storefinder form .labels #zip,
            .ui-dialog.ShippingAddressDialog_dialog #ShippingAddressDialog #storefinder form .labels #store_building,
            .ui-dialog.ShippingAddressDialog_dialog #ShippingAddressDialog #storefinder form .labels #building {
              display: -ms-inline-flexbox;
              display: inline-flex;
              margin-top: 5px;
              margin-bottom: 5px; }
              .ui-dialog.ShippingAddressDialog_dialog #ShippingAddressDialog #storefinder form .labels #store_number .label,
              .ui-dialog.ShippingAddressDialog_dialog #ShippingAddressDialog #storefinder form .labels #store_name .label,
              .ui-dialog.ShippingAddressDialog_dialog #ShippingAddressDialog #storefinder form .labels #store_community .label,
              .ui-dialog.ShippingAddressDialog_dialog #ShippingAddressDialog #storefinder form .labels #store_address .label,
              .ui-dialog.ShippingAddressDialog_dialog #ShippingAddressDialog #storefinder form .labels #store_city .label,
              .ui-dialog.ShippingAddressDialog_dialog #ShippingAddressDialog #storefinder form .labels #opening_times .label,
              .ui-dialog.ShippingAddressDialog_dialog #ShippingAddressDialog #storefinder form .labels #zip .label,
              .ui-dialog.ShippingAddressDialog_dialog #ShippingAddressDialog #storefinder form .labels #store_building .label,
              .ui-dialog.ShippingAddressDialog_dialog #ShippingAddressDialog #storefinder form .labels #building .label {
                width: 180px; }

@font-face {
  font-family: "twemoji";
  src: url("../fonts/TwemojiMozilla.ttf"); }

@font-face {
  font-family: "Abelone";
  src: url("../fonts/Abelone-FREE.otf"); }

.emerald {
  /******************
	*** emeraldGrid ***
	*******************/
  /* global helper classes  to show and hide responsively */ }
  .emerald--bg {
    background: #f7f7f7; }
  .emerald__footer {
    background: #f7f7f7;
    padding-top: 80px; }
    .emerald__footerWrapper {
      background: #fff;
      padding: 40px;
      text-align: center;
      color: #808080; }
    .emerald__footerRow {
      margin-bottom: 20px;
      line-height: 1;
      overflow: visible; }
  .emerald__form--startWithIndicator .emerald__input:required:invalid ~ .emerald__indicator--invalid {
    visibility: visible;
    opacity: 1; }
  .emerald__form--startWithIndicator .emerald__inputWrapper--password .emerald__input:placeholder-shown:focus ~ .emerald__indicator {
    visibility: visible;
    opacity: 1; }
  .emerald__formBox {
    max-width: 385px; }
    .emerald__formBox--lastNoSpace .emerald__inputWrapper:last-of-type,
    .emerald__formBox--lastNoSpace .emerald__checkboxWrapper:last-of-type {
      margin-bottom: 0; }
  .emerald__formError {
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
    font-size: 12px;
    letter-spacing: .17px;
    line-height: 1.3;
    font-weight: normal;
    text-transform: none;
    color: #FE0E0D;
    font-weight: 500;
    margin-bottom: 25px; }
  .emerald__headline {
    font-family: "Uniqlo Pro";
    font-size: 22px;
    letter-spacing: .3px;
    line-height: 1;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 20px; }
    .emeraldGrid__element + .emerald__headline {
      margin-top: 20px; }
  .emerald__title {
    font-family: "Uniqlo Pro";
    font-size: 18px;
    letter-spacing: .25px;
    line-height: 1;
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 20px; }
    .emerald__title--lessSpace {
      margin-bottom: 10px; }
    .emerald__title--withSubtitle {
      margin-bottom: 15px; }
    .emerald__title--summary {
      margin-bottom: 0; }
      @media screen and (min-width: 1024px) {
        .emerald__title--summary {
          /* re-overwrite on desktop */
          font-family: "Uniqlo Pro";
          font-size: 22px;
          letter-spacing: .3px;
          line-height: 1;
          font-weight: bold;
          text-transform: uppercase;
          margin-bottom: 20px; } }
  .emerald__subtitle {
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
    font-size: 16px;
    letter-spacing: .23px;
    line-height: 1.1;
    font-weight: 500;
    text-transform: none;
    color: #808080;
    margin: 0 0 20px 0;
    font-weight: normal; }
  .emerald__text {
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
    font-size: 14px;
    letter-spacing: .2px;
    line-height: 1.1;
    font-weight: normal;
    text-transform: none;
    margin: 0 0 15px 0; }
    .emerald__text--minor {
      color: #808080;
      font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
      font-size: 12px;
      letter-spacing: .17px;
      line-height: 1.3;
      font-weight: normal;
      text-transform: none; }
    .emerald__text--spaceTop {
      margin-top: 15px; }
    .emerald__text--extraSpace {
      margin-bottom: 40px; }
    .emerald__text--noSpaceBottom {
      margin-bottom: 0; }
  .emerald__icon--tick {
    width: 15px;
    height: 15px; }
  .emerald__inputWrapper {
    font-size: 14px;
    line-height: 1;
    position: relative;
    margin-bottom: 25px; }
    .emerald__inputWrapper--password .emerald__indicator {
      right: 70px;
      transition: opacity 0.4s; }
    .emerald__inputWrapper--password .emerald__input {
      padding-right: 95px; }
      .emerald__inputWrapper--password .emerald__input:focus ~ .emerald__indicator--invalid {
        visibility: visible;
        opacity: 1;
        width: 10px;
        color: #808080;
        transition: opacity 0.4s, visibility 0s 0s; }
      .emerald__inputWrapper--password .emerald__input:placeholder-shown:focus ~ .emerald__indicator {
        visibility: hidden;
        opacity: 0; }
      .emerald__inputWrapper--password .emerald__input:placeholder-shown ~ .emerald__messageWrapper {
        visibility: hidden;
        opacity: 0;
        max-height: 0;
        margin-top: 0;
        transition: opacity 0.4s 0.2s, visibility 0s 0.6s, max-height 0.4s 0.2s; }
      .emerald__inputWrapper--password .emerald__input:focus ~ .emerald__messageWrapper {
        visibility: visible;
        opacity: 1;
        transition: opacity 0.4s, visibility 0s 0, max-height 0.4s;
        max-height: 200px;
        margin-top: 5px; }
    .emerald__inputWrapper--combo {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -ms-flex-align: center;
          align-items: center; }
      .emerald__inputWrapper--combo .emerald__input {
        width: auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0; }
        .emerald__inputWrapper--combo .emerald__input:placeholder-shown::-moz-placeholder {
          /* show placeholder initaly since ther is no label */
          font-size: inherit; }
        .emerald__inputWrapper--combo .emerald__input:placeholder-shown:-ms-input-placeholder {
          /* show placeholder initaly since ther is no label */
          font-size: inherit; }
        .emerald__inputWrapper--combo .emerald__input:placeholder-shown::placeholder {
          /* show placeholder initaly since ther is no label */
          font-size: inherit; }
      .emerald__inputWrapper--combo .emerald__select {
        width: auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
        margin-right: -1px;
        min-width: 100px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0; }
      .emerald__inputWrapper--combo .emerald__message {
        width: 100%; }
    .emerald__inputWrapper--comboButton {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: start;
          align-items: flex-start; }
      .emerald__inputWrapper--comboButton .emerald__input {
        width: auto;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0; }
      .emerald__inputWrapper--comboButton .emerald__button {
        width: auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
        height: 48px;
        padding: 0 15px;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0; }
    .emerald__inputWrapper--comboLarge {
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }
    .emerald__inputWrapper--comboSmall {
      -ms-flex: 1 1 16%;
          flex: 1 1 16%; }
    .emerald__inputWrapper--birthday .emerald__select:nth-of-type(2) {
      -ms-flex-positive: 1;
          flex-grow: 1; }
    .emerald__inputWrapper--birthday .emerald__select:nth-of-type(3) {
      margin-right: 0; }
    .emerald__inputWrapper--labelTop .emerald__input:placeholder-shown::-moz-placeholder {
      font-size: 14px; }
    .emerald__inputWrapper--labelTop .emerald__input:placeholder-shown:-ms-input-placeholder {
      font-size: 14px; }
    .emerald__inputWrapper--labelTop .emerald__input:placeholder-shown::placeholder {
      font-size: 14px; }
    .emerald__inputWrapper--labelTop .emerald__label.emerald__label {
      font-size: 12px;
      line-height: 12px;
      transform: translate(0, -50%);
      background: #fff;
      transition-delay: 0s; }
    .emerald__inputWrapper--plain {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: baseline;
          align-items: baseline; }
      .emerald__inputWrapper--plain .emerald__input {
        -ms-flex-order: 1;
            order: 1;
        width: auto;
        font-weight: normal; }
        .emerald__inputWrapper--plain .emerald__input[readonly] {
          width: auto; }
      .emerald__inputWrapper--plain .emerald__label {
        font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
        font-size: 14px;
        letter-spacing: .2px;
        line-height: 1.1;
        font-weight: normal;
        text-transform: none;
        display: inherit;
        position: static;
        transform: none;
        padding: 0;
        margin-right: 0.35em; }
        .emerald__inputWrapper--plain .emerald__label::after {
          content: ":";
          display: inline-block; }
    .emerald__inputWrapper--noSpace {
      margin-bottom: 0; }
    .emerald__inputWrapper[data-value] {
      margin-bottom: 0;
      line-height: 1.4; }
      .emerald__inputWrapper[data-value]::before {
        content: attr(data-value);
        display: inline-block;
        white-space: nowrap;
        padding-right: 3px;
        font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
        font-size: 14px;
        letter-spacing: .2px;
        line-height: 1.1;
        font-weight: normal;
        text-transform: none;
        font-weight: 500; }
    .emerald__inputWrapper[data-value=""] {
      display: none; }
  .emerald__input {
    width: 100%;
    height: 48px;
    border: 1px solid #000;
    border-radius: 2px;
    margin-left: 0;
    /* overwrite for password field does no harm to others */
    padding: 0 40px 0 15px;
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
    font-size: 14px;
    font-weight: 500; }
    .emerald__input::-moz-placeholder {
      font-weight: normal;
      transition: font-size 0s .125s; }
    .emerald__input:-ms-input-placeholder {
      font-weight: normal;
      transition: font-size 0s .125s; }
    .emerald__input::placeholder {
      font-weight: normal;
      transition: font-size 0s .125s; }
    .emerald__input:placeholder-shown::-moz-placeholder {
      font-size: 0; }
    .emerald__input:placeholder-shown:-ms-input-placeholder {
      font-size: 0; }
    .emerald__input:placeholder-shown::placeholder {
      font-size: 0; }
    .emerald__input:placeholder-shown:-webkit-autofill::placeholder {
      font-size: 0; }
    .emerald__input:-ms-input-placeholder {
      color: rgba(0, 0, 0, 0.5);
      font-weight: normal; }
    .emerald__input:placeholder-shown:focus::-moz-placeholder {
      font-size: inherit;
      transition-delay: 0s; }
    .emerald__input:placeholder-shown:focus:-ms-input-placeholder {
      font-size: inherit;
      transition-delay: 0s; }
    .emerald__input:placeholder-shown:focus::placeholder {
      font-size: inherit;
      transition-delay: 0s; }
    .emerald__input:invalid {
      box-shadow: none;
      /* firefox overwrite default browser */
      background: #fff;
      /* chrome overwrite default browser */ }
    .emerald__inputWrapper:focus-within .emerald__input {
      transition: box-shadow 0s .25s, border-color 0s .25s; }
    .emerald__input.emerald__input:focus {
      /* specifity hack to overwrite focus-within */
      box-shadow: inset 0 0 0 1px;
      outline: 0;
      border-color: #000;
      transition-delay: 0s; }
    .emerald__input[readonly] {
      color: #808080;
      border-color: currentColor;
      pointer-events: none;
      background: #fff;
      width: 100%; }
      .emerald__input[readonly] ~ .emerald__message {
        display: none; }
    .emerald__input::-ms-reveal {
      /* IE hide native icon */
      display: none; }
    .emerald__input--plain {
      height: 17px;
      border: none;
      padding: 0;
      color: #000;
      font-weight: 500;
      -webkit-text-fill-color: #000;
      opacity: 1; }
    .emerald__input--error {
      border-color: #FE0E0D; }
      .emerald__input--error:focus {
        border-color: #000; }
      .emerald__input--error ~ .emerald__checkboxLabel {
        color: #FE0E0D; }
    .emerald__input--search {
      background: url(../images/global/search-icon.svg) no-repeat 15px center;
      padding-left: 45px; }
  .emerald__select {
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif, apple color emoji, twemoji;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.2;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    width: 100%;
    height: 48px;
    border: 1px solid #000;
    border-radius: 2px;
    padding: 0 15px;
    background: calc(100% - 13px) center no-repeat url(../images/icon-sprite.svg#icon_arrow_down);
    background-size: 12px 12px;
    cursor: pointer; }
    .emerald__select:focus {
      outline: 0;
      box-shadow: inset 0 0 0 1px; }
    .emerald__select::-ms-expand {
      /* remove native dropdown arrow on IE11 */
      display: none; }
    .emerald__select--area {
      height: 100%;
      background: none;
      padding: 0; }
  .emerald__label {
    /* inital state on top */
    position: absolute;
    top: 1px;
    left: 13px;
    transform: translate(0, -50%);
    padding: 0 3px;
    font-size: 12px;
    line-height: 12px;
    background: #fff;
    border-radius: 4px;
    /* small transition, backround delayed when focusing out, font ... */
    transition: line-height 0.2s 0s, transform 0.2s 0s, background-color 0.2s 0.1s, font-size 0s 0.2s; }
    :placeholder-shown ~ .emerald__label {
      /* inactive (covering label) */
      transform: none;
      font-size: 14px;
      line-height: 46px;
      background: transparent; }
    .emerald__inputWrapper:focus-within .emerald__label {
      transition: line-height 0.2s 0.25s, transform 0.2s 0.25s, background-color 0.2s 0.225s, font-size 0s 0.45s; }
    :placeholder-shown:focus ~ .emerald__label.emerald__label {
      /* back on top */
      font-size: 12px;
      line-height: 12px;
      transform: translate(0, -50%);
      background: #fff;
      transition-delay: 0s; }
    :placeholder-shown:-webkit-autofill ~ .emerald__label.emerald__label {
      /* back on top on autofill*/
      font-size: 12px;
      line-height: 12px;
      transform: translate(0, -50%);
      background: #fff;
      transition-delay: 0s; }
    [readonly] ~ .emerald__label {
      color: #808080; }
  .emerald__indicator {
    box-sizing: content-box;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 1px;
    right: 10px;
    height: 46px;
    padding: 0 5px; }
    .emerald__indicator--valid {
      width: 15px;
      color: #1b1b1b; }
    .emerald__indicator--invalid {
      width: 10px;
      color: #808080;
      cursor: pointer; }
    .emerald__indicator:hover {
      visibility: visible;
      opacity: 1;
      color: #000;
      transition-delay: 0s; }
    .emerald__indicator:focus {
      visibility: visible;
      opacity: 1;
      outline: none;
      color: #000;
      background: linear-gradient(to bottom, #808080, #808080);
      background-size: 90% 1px;
      background-repeat: no-repeat;
      background-position: center 70%;
      transition-delay: 0s; }
    .emerald__indicator:active {
      background: none; }
    .emerald__input:valid ~ .emerald__indicator--valid,
    .emerald__input:invalid ~ .emerald__indicator--invalid {
      visibility: visible;
      opacity: 1;
      transition: opacity 0.4s; }
    .emerald__input--error ~ .emerald__indicator--invalid {
      visibility: visible;
      opacity: 1; }
    .emerald__inputWrapper:focus-within .emerald__indicator--invalid {
      visibility: visible;
      opacity: 1; }
    .emerald__input:valid ~ .emerald__indicator--valid + .emerald__indicator--invalid {
      visibility: hidden;
      opacity: 0; }
    .emerald__input:placeholder-shown ~ .emerald__indicator {
      visibility: hidden;
      opacity: 0; }
  .emerald__pwIcon {
    position: absolute;
    top: 5px;
    right: 0;
    box-sizing: content-box;
    width: 25px;
    border-left: 1px solid #f2f2f2;
    padding: 0 15px;
    height: 38px;
    cursor: pointer; }
    .emerald__pwIcon:focus {
      outline: none;
      background: linear-gradient(to bottom, #808080, #808080);
      background-size: 80% 1px;
      background-repeat: no-repeat;
      background-position: center 90%; }
  .emerald__message {
    display: block;
    margin-top: 5px;
    font-size: 12px;
    line-height: 1.1;
    color: #FE0E0D; }
    .emerald__message--static {
      color: #808080; }
    .emerald__message--success {
      color: #0C0; }
    .emerald__message--icon.emerald__message--success::before {
      background: url(../images/icon-sprite.svg#icon_indicator_valid);
      width: 11px;
      height: 10px;
      margin-left: 0; }
    .emerald__message--icon::before {
      content: "";
      display: inline-block;
      background: url(../images/icon-sprite.svg#icon_indicator_invalid);
      width: 9px;
      height: 9px;
      margin-right: 3px;
      margin-left: 1px; }
    .emerald__messageWrapper {
      /* display left and right */
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      margin-top: 5px;
      transition: opacity 0.4s, visibility 0s 0, max-height 0.4s;
      max-height: 200px; }
      .emerald__messageWrapperItem {
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
        width: 50%; }
    .emerald__messageIcon {
      width: 10px;
      height: 10px; }
  .emerald .emerald__layoutBox {
    /* used in --combo* */
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    position: relative; }
    .emerald .emerald__layoutBox--lastNoSpace .emerald__inputWrapper:last-of-type,
    .emerald .emerald__layoutBox--lastNoSpace .emerald__checkboxWrapper:last-of-type {
      margin-bottom: 0; }
    .emerald .emerald__layoutBox--inline {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row; }
    .emerald .emerald__layoutBox--combo {
      margin-bottom: 25px; }
      .emerald .emerald__layoutBox--combo .emerald__inputWrapper {
        margin-bottom: 0; }
      .emerald .emerald__layoutBox--combo > :first-child .emerald__input {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0; }
      .emerald .emerald__layoutBox--combo > :last-child .emerald__input {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        margin-left: -1px; }
  .emerald__radioWrapper {
    margin-bottom: 15px;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    z-index: 0;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); }
    .emerald__radioWrapper:last-child {
      margin-bottom: 0; }
    .emerald__radioWrapper:hover .emerald__radioLabel::before {
      border-color: #000; }
    .emerald__radioWrapper--delivery {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap; }
      .emerald__radioWrapper--delivery .emerald__radioLabel {
        padding: 0 20px;
        display: -ms-flexbox;
        display: flex; }
    .emerald__radioWrapper--error {
      margin-bottom: 0; }
      .emerald__radioWrapper--error ~ .emerald__message--error {
        display: block;
        margin-bottom: 20px; }
      .emerald__radioWrapper--error:hover .emerald__radioLabel::before {
        border-color: #FE0E0D; }
      .emerald__radioWrapper--error .emerald__radioLabel::before {
        border-color: #FE0E0D; }
      .emerald__radioWrapper--error .emerald__radio:checked ~ .emerald__radioLabel::before {
        border-color: #FE0E0D;
        box-shadow: inset 0 0 0 1px #FE0E0D; }
  .emerald__radio {
    display: inline-block;
    margin: 0 0 0 20px;
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: 24px;
    height: 24px;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: 2px solid #bfbfbf;
    border-radius: 50%;
    position: relative;
    cursor: pointer; }
    .emerald__radio::-ms-check {
      border: 2px solid #bfbfbf; }
    .emerald__radio:focus {
      outline: 0; }
    .emerald__radio:checked {
      border-color: #000;
      background: #fff; }
      .emerald__radio:checked::-ms-check {
        border-color: #000; }
      .emerald__radio:checked::before {
        content: "";
        display: block;
        border: 1px solid #000;
        border-radius: 100%;
        background: #000;
        position: absolute;
        top: 3px;
        bottom: 3px;
        right: 3px;
        left: 3px; }
    .emerald__radioLabel {
      display: inline-block;
      padding: 15px 20px;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
      width: calc(100% - 44px); }
      .emerald__radioLabel::before {
        content: "";
        display: block;
        width: 100%;
        border: 1px solid #bfbfbf;
        border-radius: 2px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: -1; }
      .emerald__radio:checked ~ .emerald__radioLabel::before {
        border-color: #000;
        box-shadow: inset 0 0 0 1px; }
  .emerald__checkbox {
    margin: 0 !important;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    width: 24px;
    height: 24px;
    -ms-flex: 0 0 24px;
        flex: 0 0 24px;
    border: 2px solid black;
    cursor: pointer;
    transition: box-shadow 0.2s 0.5s;
    z-index: 1;
    /* box-shadow over label */
    border-radius: 0; }
    .emerald__checkbox::-ms-check {
      border: 2px solid black; }
    .emerald__checkbox:focus {
      outline: 0;
      box-shadow: 0px 0 3px rgba(0, 0, 0, 0.75); }
    .emerald__inputWrapper:hover .emerald__checkbox {
      box-shadow: none;
      transition-delay: 0; }
    .emerald__checkbox:checked {
      background: #fff; }
      .emerald__checkbox:checked::before {
        content: "";
        background: url(../images/icon-sprite.svg#icon_checkbox);
        width: 15px;
        height: 100%;
        display: block;
        margin: auto; }
    .emerald__checkboxWrapper {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
          align-items: center;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin: 25px 0; }
      .emerald__checkboxWrapper--noSpace {
        margin: 0; }
    .emerald__checkboxLabel {
      font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
      font-size: 14px;
      letter-spacing: .2px;
      line-height: 1.1;
      font-weight: normal;
      text-transform: none;
      display: inline-block;
      padding-left: 10px;
      width: calc(100% - 24px); }
  .emerald__button {
    background: #000;
    color: #fff;
    border: 1px solid #000;
    border-radius: 2px;
    font-family: "Uniqlo Pro";
    font-size: 18px;
    letter-spacing: .25px;
    line-height: 1;
    font-weight: normal;
    text-transform: uppercase;
    font-weight: bold;
    overflow: hidden;
    outline: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center;
    width: 100%;
    height: 48px;
    padding: 0 15px;
    cursor: pointer; }
    .emerald__button:hover, .emerald__button:focus {
      background: rgba(0, 0, 0, 0.75);
      border-color: rgba(0, 0, 0, 0.75);
      color: #fff; }
    .emerald__button:focus {
      background: rgba(0, 0, 0, 0.75);
      border-color: rgba(0, 0, 0, 0.75); }
    .emerald__button--medium {
      font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
      font-size: 16px;
      letter-spacing: .23px;
      line-height: 1.1;
      font-weight: 500;
      text-transform: none;
      padding: 0 40px; }
    .emerald__button--small {
      font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
      font-size: 14px;
      letter-spacing: .2px;
      line-height: 1.1;
      font-weight: normal;
      text-transform: none;
      font-weight: 500;
      height: 36px; }
    .emerald__button--autoWidth {
      width: auto;
      display: -ms-inline-flexbox;
      display: inline-flex; }
    .emerald__button--extraHeight {
      height: 63px; }
    .emerald__button--outlined {
      background: #fff;
      color: #000;
      border: 1px solid #000;
      border-radius: 2px; }
      .emerald__button--outlined:hover, .emerald__button--outlined:focus {
        background: #000;
        color: #fff;
        border-color: #000; }
    .emerald__button--noBorder {
      background: #fff;
      color: #808080;
      border: 0; }
      .emerald__button--noBorder:hover, .emerald__button--noBorder:focus {
        color: #000;
        background: #fff;
        border: 0; }
    .emerald__button--facebook {
      background: #f2f2f2;
      color: #000;
      border: 1px solid #E6E6E6;
      border-radius: 2px;
      font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
      font-size: 16px;
      letter-spacing: .23px;
      line-height: 1.1;
      font-weight: 500;
      text-transform: none;
      font-weight: normal;
      margin-bottom: 10px; }
      .emerald__button--facebook:hover, .emerald__button--facebook:focus {
        background: #000;
        color: #f2f2f2;
        border-color: #000; }
      .emerald__button--facebook:hover, .emerald__button--facebook:focus {
        color: #000;
        background: #f2f2f2;
        border-color: #E6E6E6; }
      .emerald__button--facebook:focus {
        text-decoration: underline; }
    .emerald__button--loading {
      position: relative;
      color: transparent;
      pointer-events: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none; }
      .emerald__button--loading:hover, .emerald__button--loading:focus {
        color: transparent; }
      .emerald__button--loading::before {
        content: '';
        display: block;
        position: absolute;
        background: url("../images/cart/icon_loading.svg") no-repeat right center;
        background-size: auto 25px;
        background-position: center;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        filter: invert(1); }
  .emerald__fbIcon {
    width: 32px;
    height: 29px;
    margin-right: 15px; }
  .emerald__link {
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
    font-size: 14px;
    letter-spacing: .2px;
    line-height: 1.1;
    font-weight: normal;
    text-transform: none;
    font-weight: normal;
    text-decoration: underline;
    color: #000;
    cursor: pointer;
    overflow: visible;
    /* for buttons displayed as links */
    background: none;
    padding: 0; }
    .emerald__link:hover, .emerald__link:focus {
      color: #808080;
      text-decoration: underline; }
    .emerald__link--reverse {
      color: #808080; }
      .emerald__link--reverse:hover, .emerald__link--reverse:focus {
        color: #000; }
    .emerald__link--noUnderline {
      text-decoration: none; }
      .emerald__link--noUnderline:hover, .emerald__link--noUnderline:focus {
        text-decoration: none; }
    .emerald__link--right {
      text-align: right;
      display: block; }
    .emerald__link--minor {
      font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
      font-size: 12px;
      letter-spacing: .17px;
      line-height: 1.3;
      font-weight: normal;
      text-transform: none; }
  .emeraldContentToggle__box {
    display: none;
    padding-top: 25px;
    margin: 0 20px 20px 20px;
    width: 100%;
    border-top: 1px solid #f2f2f2; }
    .emeraldContentToggle__box--spaceTop {
      margin: 20px 0 0 0; }
  .emeraldContentToggle--hideOnCheck .emeraldContentToggle__box {
    display: block; }
  .emeraldContentToggle--hideOnCheck .emerald__checkbox:checked ~ .emeraldContentToggle__box,
  .emeraldContentToggle--hideOnCheck .emerald__radio:checked ~ .emeraldContentToggle__box {
    display: none; }
  .emeraldContentToggle--fixed .emeraldContentToggle__box {
    display: block; }
  .emerald__checkbox:checked ~ .emeraldContentToggle__box,
  .emerald__radio:checked ~ .emeraldContentToggle__box {
    display: block; }
  .emeraldContentToggle .emerald__checkbox[disabled] {
    display: none; }
    .emeraldContentToggle .emerald__checkbox[disabled] ~ .emerald__checkboxLabel {
      display: none; }
    .emeraldContentToggle .emerald__checkbox[disabled] ~ .emeraldContentToggle__box {
      border-top: 0;
      padding-top: 0;
      margin-top: 0; }
  .emeraldGrid {
    display: grid;
    grid-template-columns: 1fr minmax(min-content, 685px) 1fr;
    grid-gap: 15px 0;
    background: #f7f7f7; }
    .emeraldGrid__nonGridWrapper {
      /* Wrapper container that is used for styling if there is no Grid Support */
      display: contents;
      max-width: 1155px;
      margin: 0 auto;
      padding-top: 40px;
      border-bottom: 1px solid transparent;
      /* collapsing margins IE11 */
      min-height: 1000px;
      /* prevent overflow on IE11 with large summary and footer */
      position: relative; }
      .emeraldGrid__nonGridWrapper--header {
        display: -ms-flexbox;
        display: flex;
        /* fallback for nonGrid Support */
        display: contents;
        /* reoverwrite so that the container is ignored inside the Grid context */
        -ms-flex-align: center;
            align-items: center;
        -ms-flex-pack: justify;
            justify-content: space-between;
        padding-top: 15px;
        min-height: auto; }
    .emeraldGrid__element {
      grid-column: 2 / 4;
      /* for non grid support */
      max-width: 685px;
      margin: 0 auto 20px auto;
      /* grid support reOverwrite */ }
      .emeraldGrid__element--compact {
        justify-self: center;
        grid-column: 2;
        max-width: 430px; }
      .emeraldGrid__element--intro {
        grid-row: 2; }
      .emeraldGrid__element--headerItem {
        padding: 0;
        background: transparent;
        box-shadow: none; }
      .emeraldGrid__element--headerItem {
        grid-row: 1;
        justify-self: center;
        -ms-flex-item-align: center;
            align-self: center;
        max-width: none;
        grid-column: 2; }
      .emeraldGrid__element--headerItemEnd {
        grid-column: 4;
        justify-self: end;
        -ms-flex: 0 0 0;
            flex: 0 0 0;
        margin-left: auto;
        padding-right: 15px; }
      .emeraldGrid__element--headerItemLogo {
        grid-column: 1 / 3;
        padding-left: 15px;
        justify-self: start;
        /* preseve clickable area on tablet for minisummary (otherwise logo would stretch) */ }
      .emeraldGrid__element--summary {
        grid-row: 1;
        grid-column: 3 / 5;
        justify-self: end;
        text-align: right;
        margin-bottom: 0; }
        @supports (display: grid) {
          .emeraldGrid__element--summary {
            height: 0;
            overflow: visible;
            /* to fit in grid regardless of content height (avoids  breaking the header) */ } }
      .emeraldGrid__elementWrapper {
        display: contents; }
      @supports (display: grid) {
        .emeraldGrid__element {
          margin: 0; } }
    .emeraldGrid__box {
      /* white background and box-shadow (split from grid elements) to be used alone without repeating base class unlike BEM core policy. */
      padding: 20px;
      background: #fff;
      box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); }
      .emeraldGrid__box--spaceDown {
        margin-bottom: 10px; }
      .emeraldGrid__box\@NonGrid {
        padding: 20px;
        background: #fff;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); }
        @supports (display: grid) {
          .emeraldGrid__box\@NonGrid {
            padding: 0;
            background: transparent;
            box-shadow: none; } }
      @supports (display: grid) {
        .emeraldGrid__box\@Grid {
          padding: 20px;
          background: #fff;
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); } }
      @media screen and (min-width: 1024px) {
        .emeraldGrid__box--noBox\@md {
          padding: 0;
          background: transparent;
          box-shadow: none; } }
      @media screen and (min-width: 1024px) {
        .emeraldGrid__box\@md {
          padding: 20px;
          background: #fff;
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05); } }
    @media screen and (min-width: 1024px) {
      .emeraldGrid {
        /* desktop style 2 column */
        grid-template-columns: 1fr minmax(min-content, 685px) 430px 1fr;
        grid-gap: 20px 40px;
        grid-auto-flow: dense;
        -ms-flex-align: start;
            align-items: start;
        -ms-flex-pack: center;
            justify-content: center; }
        .emeraldGrid__element {
          grid-column: 2 / 3; }
          .emeraldGrid__element--fullContent {
            grid-column: 2 / 4;
            /* keep max-width for non Grid Browser until next MQ */ }
            @supports (display: grid) {
              .emeraldGrid__element--fullContent {
                max-width: none; } }
          .emeraldGrid__element--compact {
            grid-column: 2 / 4; }
          .emeraldGrid__element--summary {
            position: -webkit-sticky;
            position: sticky;
            top: 20px;
            grid-column: 3 / 4;
            grid-row-start: 3;
            grid-row-end: span 10;
            height: auto;
            text-align: left; }
            .emeraldGrid__element--intro ~ .emeraldGrid__element--summary {
              /* styleguide modification (intro bar) */
              grid-row-start: 4; }
          .emeraldGrid__element--headerItem {
            grid-column: 2 / 4; }
          .emeraldGrid__element--headerItemLogo {
            grid-column: 2 / 3;
            padding-left: 0; }
          .emeraldGrid__element--headerItemEnd {
            grid-column: 3;
            padding-right: 0; } }
    @media (min-width: 1175px) {
      .emeraldGrid {
        /* enough space for non grid browser */ }
        .emeraldGrid__element {
          /* for non grid support */
          width: auto;
          margin: 0 0 20px 0; }
          .emeraldGrid__element--summary {
            position: absolute;
            top: 40px;
            right: 0;
            width: 430px; }
            @supports (display: grid) {
              .emeraldGrid__element--summary {
                position: -webkit-sticky;
                position: sticky;
                top: 20px;
                width: auto; } }
            .emeraldGrid__element--intro ~ .emeraldGrid__element--summary {
              /* styleguide modification (intro bar) */
              top: 180px; }
              @supports (display: grid) {
                .emeraldGrid__element--intro ~ .emeraldGrid__element--summary {
                  top: 20px; } }
          .emeraldGrid__element--fullContent {
            max-width: none;
            /* no max-width for everyone */ }
          @supports (display: grid) {
            .emeraldGrid__element {
              margin-bottom: 0; } } }
  .emeraldMiniSummary {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    /* NonGridBrowser in tablet view */
    -ms-flex-align: baseline;
        align-items: baseline;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    @supports (display: grid) {
      .emeraldMiniSummary {
        width: 430px;
        -ms-flex-pack: end;
            justify-content: flex-end;
        /* right align in header */ } }
    @media screen and (min-width: 1024px) {
      .emeraldMiniSummary {
        -ms-flex-pack: justify;
            justify-content: space-between; } }
    .emeraldMiniSummary__wrapper {
      text-align: left;
      /* reset of __element--summary */
      position: relative;
      /* TODO: Check Z-INDEX in browsers */
      width: 100%; }
    .emeraldMiniSummary__link {
      margin-bottom: 20px;
      overflow: visible;
      /* avoid:  some browsers in spain the tail is cut of at the bottom */ }
    .emeraldMiniSummary__header {
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-align: baseline;
          align-items: baseline; }
    .emeraldMiniSummary__subHeadline {
      font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
      font-size: 16px;
      letter-spacing: .23px;
      line-height: 1.1;
      font-weight: 500;
      text-transform: none;
      line-height: 1; }
    .emeraldMiniSummary__headline {
      display: inline-block;
      margin-bottom: 20px;
      line-height: 1; }
      @supports (display: grid) {
        .emeraldMiniSummary__headline {
          height: 78px;
          /* header-height use vertical space */
          margin-bottom: 0;
          padding: 15px 15px 0 0;
          text-align: right; } }
      @media screen and (min-width: 1024px) {
        .emeraldMiniSummary__headline {
          /* re-overwrite on desktop */
          height: auto;
          text-align: inherit;
          margin-bottom: 20px;
          padding: 0; } }
    .emeraldMiniSummary__button {
      background: transparent;
      font: inherit;
      color: inherit;
      text-transform: inherit;
      letter-spacing: inherit;
      text-align: inherit;
      line-height: 1.35;
      /* alignment of 2 lines */
      font-weight: bold;
      padding: 0; }
      .emeraldMiniSummary__button[aria-expanded="true"]::before {
        content: "";
        /* enable gray overlay */
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        top: 78px;
        right: 0;
        left: 0;
        bottom: 0; }
    .emeraldMiniSummary__items {
      font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
      font-size: 12px;
      letter-spacing: .17px;
      line-height: 1.3;
      font-weight: normal;
      text-transform: none;
      color: #808080; }
    .emeraldMiniSummary__scrollContainer {
      max-height: 310px;
      overflow: auto; }
    .emeraldMiniSummary__separator::before {
      content: "";
      display: block;
      border-top: 1px solid #f2f2f2;
      width: calc(100% + 20px * 2);
      margin: 20px -20px; }
    .emeraldMiniSummary__section {
      position: relative;
      text-align: left; }
  .emeraldOrderTotals {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0; }
    .emeraldOrderTotals__item {
      font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif;
      font-size: 14px;
      letter-spacing: .2px;
      line-height: 1.1;
      font-weight: normal;
      text-transform: none;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
      margin-bottom: 15px; }
      .emeraldOrderTotals__item:last-of-type {
        margin-bottom: 0; }
      .emeraldOrderTotals__item--total {
        font-weight: bold;
        line-height: 22px; }
    .emeraldOrderTotals__price {
      font-family: "Uniqlo Pro";
      font-size: 14px;
      letter-spacing: .2px;
      line-height: 1;
      font-weight: normal;
      text-transform: uppercase;
      font-size: 16px;
      color: #808080;
      margin-bottom: 15px; }
      .emeraldOrderTotals__price:last-of-type {
        margin-bottom: 0; }
      .emeraldOrderTotals__price--total {
        font-size: 22px;
        color: #000;
        font-weight: bold; }
      .emeraldOrderTotals__price--discount {
        color: #FE0E0D; }
  .emeraldToggle::after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 5px;
    background: 0 50%/12px 12px url(../images/icon-sprite.svg#icon_arrow_down) no-repeat; }
  .emeraldToggle[aria-expanded="true"]::after {
    transform: rotate(0.5turn);
    filter: brightness(0); }
  .emerald [aria-hidden="true"] {
    /* global style to hide all aria-invisible elements
		coexists and required for emeraldToggle */
    display: none; }
  .emerald [aria-hidden="false"] {
    display: block; }
  .emeraldHidden {
    display: none; }
    @media screen and (min-width: 1024px) {
      .emeraldHidden\@md {
        display: none; } }
    .emeraldHidden\@NonGrid {
      /* hide if grid is not supported */
      display: none; }
      @supports (display: grid) {
        .emeraldHidden\@NonGrid {
          /* show if grid */
          display: block; } }
    .emeraldHidden\@Grid {
      /* hide if grid is supported */ }
      @supports (display: grid) {
        .emeraldHidden\@Grid {
          display: none; } }
  .emeraldShow {
    display: block; }
    .emeraldShow--flex {
      /* this modifier can be used without repeating the base class in the markup */
      display: -ms-flexbox;
      display: flex; }
    .emeraldShow\@Grid {
      /* hide if grid is supported */ }
      @supports (display: grid) {
        .emeraldShow\@Grid {
          display: block; }
          .emeraldShow\@Grid--flex {
            display: -ms-flexbox;
            display: flex; } }
  @media screen and (min-width: 1024px) {
    .emeraldHidden\@md {
      display: none; }
    .emeraldShow\@md {
      display: block; }
    .emeraldShow--flex\@md {
      display: -ms-flexbox;
      display: flex; } }
  .emerald .productList {
    padding-left: 0;
    margin-top: 0; }
    .emerald .productList__item {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      color: #808080;
      font-size: 12px;
      line-height: 15px;
      position: relative;
      /* space between line items */
      margin-top: 19px;
      padding-top: 19px;
      border-top: 1px solid #f3f3f3; }
      .emerald .productList__item:first-child {
        margin-top: 0;
        padding-top: 0;
        border-top: 0; }
      .emerald .productList__item--wishlistSuccess {
        overflow: hidden; }
      .emerald .productList__item-oosMessage {
        width: 100%;
        margin-bottom: 17px;
        font-weight: 600; }
        .emerald .productList__item-oosMessage::before {
          vertical-align: sub;
          margin-right: 0.35em; }
      .emerald .productList__item-oosIcon {
        width: 15px;
        height: 14px;
        vertical-align: text-top;
        overflow: visible;
        /* overwrite bootstrap and ensure that info icon is rendered correctly */
        stroke: currentColor; }
      .emerald .productList__item-editIcon {
        width: 15px;
        height: 14px;
        vertical-align: text-top;
        fill: currentColor;
        overflow: visible;
        /* overwrite bootstrap and ensure that info icon is rendered correctly */ }
      .emerald .productList__item-bisn {
        color: #000;
        background: transparent;
        padding: 0;
        text-decoration: underline;
        float: right; }
        .emerald .productList__item-bisn:hover {
          font-weight: 600; }
      .emerald .productList__item-headline {
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
        width: 100%;
        margin-bottom: 15px;
        color: #000;
        font-size: 14px;
        letter-spacing: 0.2px;
        font-weight: 500; }
      .emerald .productList__item-details {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-positive: 1;
            flex-grow: 1; }
        .emerald .productList__item-details-image {
          width: 100px;
          height: 100px;
          border: 1px solid #E6E6E6;
          background-color: #f3f3f3; }
          .emerald .productList__item-details-imageWrapper {
            -ms-flex: 0 0 auto;
                flex: 0 0 auto; }
        .emerald .productList__item-details-data {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-direction: column;
              flex-direction: column;
          -ms-flex-positive: 1;
              flex-grow: 1;
          margin: -2px 10px;
          font-family: "Helvetica Neue", HelveticaNeue, Helvetica, "Trebuchet MS", "Segoe UI", "Noto Sans", Roboto, Arial, "Arial Unicode MS", sans-serif; }
          .emerald .productList__item-details-data-name {
            -ms-flex-item-align: start;
                align-self: flex-start; }
          .emerald .productList__item-details-datalist {
            width: 100%;
            margin: 0;
            font-size: 14px;
            line-height: 1.15em; }
            .emerald .productList__item-details-datalist dt {
              float: left;
              clear: left;
              padding-right: 5px;
              max-width: 40%; }
            .emerald .productList__item-details-datalist dd {
              max-width: 60%;
              display: inline-block;
              margin: 0;
              float: left; }
        .emerald .productList__item-details-multibuy {
          font-size: 14px;
          line-height: 1.15em; }
        .emerald .productList__item-details-name {
          max-width: 320px;
          max-width: 50ch;
          margin-bottom: 4px;
          font-size: 14px;
          line-height: 1;
          font-family: "Uniqlo Pro";
          font-weight: normal;
          color: #000;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis; }
          .emerald .productList__item-details-name--oos {
            color: #808080; }
      .emerald .productList__item-qty {
        font-size: 12px;
        vertical-align: text-bottom; }
      .emerald .productList__item-actions {
        width: 100%;
        margin-top: auto;
        line-height: 1; }
        .emerald .productList__item-actions-button {
          font-size: 14px;
          padding: 0;
          margin-right: 1.2em;
          background: transparent;
          line-height: inherit;
          color: #808080;
          font-weight: 500; }
          .emerald .productList__item-actions-button:hover {
            color: #000; }
            .emerald .productList__item-actions-button:hover .productList__item-actions-button-text {
              text-decoration: underline; }
        .emerald .productList__item-actions .outofstock-button-divider {
          border: 1px solid #bfbfbf;
          margin: 0 1.7em 0 0;
          line-height: 1; }
    .emerald .productList__info {
      text-align: right;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: end;
          align-items: flex-end; }
      .emerald .productList__info label {
        margin: 0;
        font-size: 14px; }
      .emerald .productList__info-qty {
        width: 84px;
        font-size: 14px;
        text-align: left;
        border: 1px solid #bfbfbf;
        border-radius: 0;
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
        background: 90% 50%/12px 12px url(../images/icon-sprite.svg#icon_arrow_down) no-repeat; }
        @media screen and (max-width: 1024px) {
          .emerald .productList__info-qty {
            background: 90% 50% url("../images/cart/arrow_down_select.png") no-repeat; } }
        .emerald .productList__info-qty:hover {
          border-color: #000; }
        .emerald .productList__info-qty.red-highlight {
          border-color: #FE0E0D; }
        .emerald .productList__info-qty::-ms-expand {
          display: none; }
      .emerald .productList__info-availability {
        color: #000;
        display: inline-block;
        line-height: 1;
        margin-top: 4px; }
      .emerald .productList__info-subtotal {
        margin-top: auto;
        font-weight: normal;
        font-family: "Uniqlo Pro";
        font-weight: normal; }
        .emerald .productList__info-subtotal-crossed {
          text-decoration: line-through;
          color: #808080;
          font-size: 14px;
          font-weight: 300;
          vertical-align: text-bottom;
          margin-right: 0.35em; }
        .emerald .productList__info-subtotal-price {
          font-size: 18px; }
          .emerald .productList__info-subtotal-price:first-child {
            color: #000; }
          .emerald .productList__info-subtotal-price--oos, .emerald .productList__info-subtotal-price--oos:first-child {
            color: #808080; }
          .emerald .productList__info-subtotal-price-crossed {
            color: #808080;
            font-size: 14px;
            text-decoration: line-through;
            margin-right: 0.25em; }
            .emerald .productList__info-subtotal-price-crossed + span {
              color: #000; }
            .emerald .productList__info-subtotal-price-crossed[data-percentage] {
              display: block;
              margin-right: 0; }
          .emerald .productList__info-subtotal-price--free {
            color: #000;
            text-transform: uppercase;
            font-size: 16px;
            line-height: 19px;
            letter-spacing: 0.25px; }
    .emerald .productList--addToCart {
      margin-bottom: 0; }
      .emerald .productList--addToCart .productList__item {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; }
      .emerald .productList--addToCart .productList__item-details {
        -ms-flex-negative: 0;
            flex-shrink: 0;
        margin-right: 20px;
        width: 55%; }
        .emerald .productList--addToCart .productList__item-details .productList__item-details-image {
          width: 117px;
          height: 117px;
          border: 0; }
        .emerald .productList--addToCart .productList__item-details .productList__item-details-data {
          width: calc(100% - 117px); }
        .emerald .productList--addToCart .productList__item-details .productList__item-details-name {
          font-size: 18px; }
        .emerald .productList--addToCart .productList__item-details .productList__item-details-datalist {
          line-height: 1.4em; }
        .emerald .productList--addToCart .productList__item-details .product-price {
          font-family: "UniqloRegularRegular";
          font-size: 14px;
          letter-spacing: 0.17px;
          font-weight: 500;
          color: #000;
          line-height: 1.4em; }
          .emerald .productList--addToCart .productList__item-details .product-price .price-set {
            display: inline-block; }
          .emerald .productList--addToCart .productList__item-details .product-price .price-standard {
            color: #000;
            text-decoration: line-through; }
          .emerald .productList--addToCart .productList__item-details .product-price .pdp-price-original {
            display: inline-block;
            font-size: 12px;
            text-decoration: line-through;
            color: #666;
            margin: 0 8px 0 0; }
            .emerald .productList--addToCart .productList__item-details .product-price .pdp-price-original .price-standard {
              color: #808080; }
          .emerald .productList--addToCart .productList__item-details .product-price .pdp-price-current.has-original-price {
            letter-spacing: -.02em;
            color: #FE0E0D; }
    .emerald .productList--summary {
      margin: 0; }
      .emerald .productList--summary .productList__item-details {
        width: 100%; }
        .emerald .productList--summary .productList__item-details-data {
          width: calc(100% - 110px);
          margin: 0 0 0 10px; }
          .emerald .productList--summary .productList__item-details-datalist {
            line-height: 1.25em; }
      .emerald .productList--summary .productList__item-qty {
        vertical-align: unset; }

.styleguide {
  background: #f7f7f7; }
  .styleguide__headline {
    font-family: abelone;
    font-size: 3.3em;
    line-height: 1;
    margin-bottom: 0;
    letter-spacing: 1.4px;
    color: rebeccapurple;
    animation: colorWheel 20s 6s infinite linear;
    filter: hue-rotate(0.6turn); }
  .styleguide__text {
    opacity: 0.7;
    margin: 0;
    font-size: 20px;
    font-family: verdana, sans-serif; }
    .styleguide__text:hover {
      opacity: 1; }
  .styleguide__button {
    margin-bottom: 10px; }
  .styleguide__list {
    list-style: disc;
    margin-bottom: 5px; }
  .styleguide__image {
    max-width: 100%;
    margin-top: 40px; }

@keyframes colorWheel {
  to {
    filter: hue-rotate(1.6turn); } }

.demo-address {
  font-size: 14px;
  font-weight: 500;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column; }
  .demo-address__actions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center; }
  .demo-address__label {
    font-size: 14px;
    color: #808080;
    margin-right: auto;
    padding-left: 5px;
    line-height: 24px; }
    .demo-address__label:hover {
      color: #000; }
  .demo-address__cta {
    font-size: 14px;
    color: #808080;
    width: 33%;
    display: block;
    text-align: center;
    line-height: 24px; }
    .demo-address__cta:hover {
      color: #000; }

.demo-cc {
  display: -ms-flexbox;
  display: flex; }
  .demo-cc__image {
    -ms-flex-negative: 0;
        flex-shrink: 0; }
  .demo-cc__info {
    margin-left: 20px;
    width: 100%; }
  .demo-cc__contactData {
    border-top: 1px solid #f2f2f2;
    padding-top: 20px;
    margin-top: 20px;
    display: -ms-flexbox;
    display: flex; }
  .demo-cc__actions {
    margin-left: auto;
    -ms-flex-item-align: end;
        align-self: flex-end; }
  .demo-cc__text {
    display: block;
    font-size: 14px;
    color: #000; }
    .demo-cc__text--bold {
      font-weight: bold; }
    .demo-cc__text--grey {
      color: #808080; }
    .demo-cc__text--link {
      cursor: pointer; }
      .demo-cc__text--link:hover {
        color: #000; }

.emerald__input {
  margin-left: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 40px 0 15px !important;
  border: 1px solid #000 !important;
  background: #fff !important; }
  .emerald__input[readonly] {
    border-color: #808080 !important; }
  .emerald__input--error {
    border-color: #FE0E0D !important; }
    .emerald__input--error:focus {
      border-color: #000 !important; }
  .emerald__input--plain {
    border: none !important;
    padding: 0 !important;
    color: #000 !important; }
  .emerald__input--search {
    background: url(../images/global/search-icon.svg) no-repeat 15px center !important;
    padding-left: 45px !important; }

.emerald__inputWrapper--noIndicator .emerald__input {
  padding-right: 15px !important; }

.emerald__inputWrapper--password .emerald__input {
  padding-right: 95px !important; }

.emerald .emerald__layoutBox--combo > :last-child .emerald__input {
  margin-left: -1px !important; }

.emerald__radio {
  margin: 0 0 0 20px !important; }

.emerald__checkbox:invalid {
  background: #fff !important; }

.pt_checkout h3 {
  padding-bottom: 0 !important; }

.emerald__link:focus {
  outline: 0; }

/* can  be moved/fixed in asset: cart-securred-payment*/
.emeraldGrid__element--summary .content-asset {
  padding: 5px;
  margin-top: 10px; }
  @supports (display: grid) {
    .emeraldGrid__element--summary .content-asset {
      margin-top: 0; } }
  .emeraldGrid__element--summary .content-asset a {
    display: inline-block;
    vertical-align: middle; }
