/*! 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%;
  height: 100%
}
body {
  margin: 0;
  height: 100%;
    position: absolute;
}
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 {
  -moz-box-sizing: content-box;
  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"] {
  -moz-box-sizing: border-box;
  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;
  -moz-box-sizing: content-box;
  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;

}

.return-detail td,
.return-detail th {
  padding: 15px;
  text-align: center;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]: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;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
* {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: geogrotesque, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #000;
  background-color: #ffffff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #000;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #000;
  text-decoration: none;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 0;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-radius: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out 0.5s linear;
  -moz-transition: all 0.2s ease-in-out 0.5s linear;
  transition: all 0.2s ease-in-out 0.5s linear;
  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 #e1e1e1;
}
.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;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 700;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #ccc;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}

.cms-index-index h1 {
  margin-top: 0;
  margin-bottom: 0;
}

h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 36px;
}
h2,
.h2 {
  font-size: 20px;
}
h3,
.h3 {
  font-size: 14px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}
p {
  margin: 0 0 10px;
}
.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 769px) {
  .lead {
    font-size: 21px;
  }
}
small,
.small {
  font-size: 85%;
}
mark,
.mark {
  background-color: #fcf8e3;
  padding: .2em;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-muted {
  color: #ccc;
}
.text-primary {
  color: #000;
}
a.text-primary:hover,
a.text-primary:focus {
  color: #000000;
}
.text-success {
  color: #3c763d;
}
a.text-success:hover,
a.text-success:focus {
  color: #2b542c;
}
.text-info {
  color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover,
a.text-warning:focus {
  color: #66512c;
}
.text-danger {
  color: #a94442;
}
a.text-danger:hover,
a.text-danger:focus {
  color: #843534;
}
.bg-primary {
  color: #fff;
  background-color: #000;
}
a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #000000;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9;
}
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #e1e1e1;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
dl {
  margin-top: 0;
  margin-bottom: 20px;
}
dt,
dd {
  line-height: 1.42857143;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
@media (min-width: 769px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #ccc;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #e1e1e1;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #ccc;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #e1e1e1;
  border-left: 0;
  text-align: right;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}
address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143;
}
code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 0;
}
kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 0;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  box-shadow: none;
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 0;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 769px) {
  .container {
    width: 720px;
  }
}
@media (min-width: 1025px) {
  .container {
    width: 940px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1140px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
}
.row {
  margin-left: 0;
  margin-right: 0;
}
.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: 0;
  padding-right: 0;
}
.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: 769px) {
  .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: 1025px) {
  .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%;
  }
}
table {
  background-color: transparent;
}
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #ccc;
  text-align: left;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #ffffff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}
@media screen and (max-width: 768px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  max-width: 100%;
  /*margin-bottom: 5px;*/
  font-weight: bold;
}
input[type="search"] {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #999;
}
.form-control {
  display: block;
  width: 100%;
  height: 44px;
  padding: 11px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #999;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 0.5s linear;
  -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 0.5s linear;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s 0.5s linear;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
  color: #ebebec;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #ebebec;
}
.form-control::-webkit-input-placeholder {
  color: #ebebec;
}
.form-control::-ms-expand {
  border: 0;
  background-color: transparent;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #e1e1e1;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
@media (screen) and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 44px;
  }
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"] {
    line-height: 30px;
  }
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"] {
    line-height: 46px;
  }
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.form-control-static {
  padding-top: 12px;
  padding-bottom: 12px;
  margin-bottom: 0;
  min-height: 34px;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-left: 0;
  padding-right: 0;
}
.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 0;
}
select.input-sm {
  height: 30px;
  line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 0;
}
.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 0;
}
select.input-lg {
  height: 46px;
  line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 0;
}
.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 55px;
}
.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  pointer-events: none;
}
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: #2b542c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8;
}
.has-success .form-control-feedback {
  color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: #843534;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede;
}
.has-error .form-control-feedback {
  color: #a94442;
}
.has-feedback label ~ .form-control-feedback {
  top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #404040;
}
@media (min-width: 769px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 12px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 32px;
}
.form-horizontal .form-group {
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 769px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 12px;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 0;
}
@media (min-width: 769px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px;
  }
}
@media (min-width: 769px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 11px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #ffffff;
  text-decoration: none;
}
.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: default;
  opacity: 0.65;
  filter: alpha(opacity=65);
  box-shadow: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}
.btn-default {
  color: #ffffff;
  background-color: #000;
  border-color: #000;
}
.btn-default:focus,
.btn-default.focus {
  color: #ffffff;
  background-color: #000000;
  border-color: #000000;
}
.btn-default:hover {
  color: #ffffff;
  background-color: #000000;
  border-color: #000000;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #ffffff;
  background-color: #000000;
  border-color: #000000;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #ffffff;
  background-color: #000000;
  border-color: #000000;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #000;
  border-color: #000;
  color: white;
}
.btn-default .badge {
  color: #000;
  background-color: #ffffff;
}
.btn-primary {
  color: #000;
  background-color: #ffffff;
  border-color: #ffffff;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #000;
  background-color: #e6e6e6;
  border-color: #bfbfbf;
}
.btn-primary:hover {
  color: #000;
  background-color: #e6e6e6;
  border-color: #e0e0e0;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #000;
  background-color: #e6e6e6;
  border-color: #e0e0e0;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #000;
  background-color: #d4d4d4;
  border-color: #bfbfbf;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #ffffff;
  border-color: #ffffff;
}
.btn-primary .badge {
  color: #ffffff;
  background-color: #000;
}
.btn-success {
  color: #fff;
  background-color: #48a93a;
  border-color: #409633;
}
.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #38832d;
  border-color: #173713;
}
.btn-success:hover {
  color: #fff;
  background-color: #38832d;
  border-color: #2d6824;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #38832d;
  border-color: #2d6824;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #fff;
  background-color: #2d6824;
  border-color: #173713;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
  background-color: #48a93a;
  border-color: #409633;
}
.btn-success .badge {
  color: #48a93a;
  background-color: #fff;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}
.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}
.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.btn-link {
  color: #000;
  font-weight: normal;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #000;
  text-decoration: none;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #ccc;
  text-decoration: none;
}
.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 0;
}
.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 0;
}
.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 0;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
  -webkit-transition: opacity 0.15s linear 0.5s linear;
  -moz-transition: opacity 0.15s linear 0.5s linear;
  transition: opacity 0.15s linear 0.5s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  -moz-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  -moz-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  transition-timing-function: ease;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropup,
.click-disabled {

}

a.click-disabled {
   pointer-events: none;
   cursor: default;
}
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #000;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #ffffff;
  background-color: #000;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #000;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #ccc;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  left: auto;
  right: 0;
}
.dropdown-menu-left {
  left: 0;
  right: auto;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #ccc;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 769px) {
  .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
#menu .nav > li {
  display:inline-block;
}
.nav > li > a {
  position: relative;
  display: block;
}
#menu ul.nav-tabs > li > a {
  font-weight:normal;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
}
.nav > li.disabled > a {
  color: #ccc;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #ccc;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #e1e1e1;
  border-color: #000;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}

.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 0 0 0 0;
}

.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 769px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 0;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 769px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 0 0 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #ffffff;
  }
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 0;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #ffffff;
  background-color: #000;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 769px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 0;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 769px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 0 0 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #ffffff;
  }
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
@media (min-width: 769px) {
  .navbar {
    border-radius: 0;
  }
}
@media (min-width: 769px) {
  .navbar-header {
    float: left;
  }
}
.navbar-collapse {
  overflow-x: visible;
  padding-right: 0;
  padding-left: 0;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 769px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: 0;
  margin-left: 0;
}
@media (min-width: 769px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 769px) {
  .navbar-static-top {
    border-radius: 0;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
@media (min-width: 769px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}
.navbar-brand {
  float: left;
  padding: 15px 0;
  font-size: 18px;
  line-height: 20px;
  height: 50px;
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
.navbar-brand > img {
  display: block;
}
@media (min-width: 769px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: 0;
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 0;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 0;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 769px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-nav {
  margin: 7.5px 0;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
@media (max-width: 768px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 769px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.navbar-form {
  margin-left: 0;
  margin-right: 0;
  padding: 10px 0;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 3px;
  margin-bottom: 3px;
}
@media (min-width: 769px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .form-control-static {
    display: inline-block;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 768px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 769px) {
  .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    box-shadow: none;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.navbar-btn {
  margin-top: 3px;
  margin-bottom: 3px;
}
.navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px;
}
.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 769px) {
  .navbar-text {
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
}
@media (min-width: 769px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
    margin-right: 0;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
  color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777;
}
.navbar-default .navbar-nav > li > a {
  color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: #e7e7e7;
  color: #555;
}
@media (max-width: 768px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #777;
}
.navbar-default .navbar-link:hover {
  color: #333;
}
.navbar-default .btn-link {
  color: #777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc;
}
.navbar-inverse {
  background-color: #222;
  border-color: #080808;
}
.navbar-inverse .navbar-brand {
  color: #f2f2f2;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #f2f2f2;
}
.navbar-inverse .navbar-nav > li > a {
  color: #f2f2f2;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #080808;
  color: #fff;
}
@media (max-width: 768px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #f2f2f2;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #f2f2f2;
}
.navbar-inverse .navbar-link:hover {
  color: #fff;
}
.navbar-inverse .btn-link {
  color: #f2f2f2;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}
.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -moz-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #000;
  border: 1px solid #000000;
  border-radius: 0;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #ffffff;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #8c8c8c;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #8c8c8c;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 769px) {
  .modal-dialog {
    width: 608px;
    margin: 30px auto;
  }
  .modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 492px;
  }
}
@media (min-width: 1025px) {
  .modal-lg {
    width: 800px;
  }
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  -moz-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
  -webkit-transition: 0.6s ease-in-out left 0.5s linear;
  -moz-transition: 0.6s ease-in-out left 0.5s linear;
  transition: 0.6s ease-in-out left 0.5s linear;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -moz-transition: -moz-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: none;
  background-color: rgba(0, 0, 0, 0);
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.carousel-control:hover,
.carousel-control:focus {
  outline: 0;
  color: #fff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  z-index: 5;
  display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  line-height: 1;
  font-family: serif;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #000;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
}
.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #000;
}
.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #000;
  text-align: center;
  text-shadow: none;
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 769px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px;
  }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.modal-header:after,
.modal-footer: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: 768px) {
  .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: 768px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 768px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 768px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .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: 769px) and (max-width: 1024px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1025px) 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: 1025px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 1025px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 1025px) 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: 768px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 1025px) 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;
  }
}
/*
.byl-sprite(@offset-x; @offset-y; @width-1x; @height-1x) {

  .img-retina('@{byl-dir-img}icons-sprite.png'; '@{byl-dir-img}icons-sprite@2x.png'; @width-1x; @height-1x;);
  background-repeat: no-repeat;
  width: @width-1x;
  height: @height-1x;
  background-position: @offset-x @offset-y;

}
*/
/*
 * Geogrotesque family
 *
 * 400: regular
 * 700: medium
 * 800: semibold
 */
@font-face {
  font-family: 'geogrotesque';
  src: url('../fonts/geogrotesque-regular.woff2') format('woff2'), url('../fonts/geogrotesque-regular.woff') format('woff'), url('../fonts/geogrotesque-regular.ttf') format('truetype'), url('../fonts/geogrotesque-regular.svg#geogrotesque') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'geogrotesque';
  src: url('../fonts/geogrotesque-medium.woff2') format('woff2'), url('../fonts/geogrotesque-medium.woff') format('woff'), url('../fonts/geogrotesque-medium.ttf') format('truetype'), url('../fonts/geogrotesque-medium.svg#geogrotesque') format('svg');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'geogrotesque';
  src: url('../fonts/geogrotesque-semibold.woff2') format('woff2'),
  url('../fonts/geogrotesque-semibold.woff') format('woff'),
  url('../fonts/geogrotesque-semibold.ttf') format('truetype'),
  url('../fonts/geogrotesque-semibold.svg#geogrotesque') format('svg');
  font-weight: 800;
  font-style: normal;
}
/*
 * SF_Pixelate_Oblique family
 */
@font-face {
  font-family: 'SF_Pixelate_Oblique';
  src:  url('../fonts/SF_Pixelate_Oblique.otf');
  src:  url('../fonts/SF_Pixelate_Oblique.otf#iefix') format('embedded-opentype'),
  url('../fonts/SF_Pixelate_Oblique.woff') format('woff'),
  url('../fonts/SF_Pixelate_Oblique.ttf') format('truetype'),
  url('../fonts/SF_Pixelate_Oblique.svg#SF_Pixelate_Oblique') format('svg');
}
@font-face {
  font-family: 'ShareTechMono-Regular';
  src: url('../fonts/ShareTechMono-Regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/ShareTechMono-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/ShareTechMono-Regular.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/ShareTechMono-Regular.woff') format('woff'), /* Pretty Modern Browsers */
  url('../fonts/ShareTechMono-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
  url('../fonts/ShareTechMono-Regular.svg#ShareTechMono-Regular') format('svg'); /* Legacy iOS */
}

/*
 * FKGrotesk family
 *
 * 400: regular
 * 700: medium
 * 800: semibold
 */
@font-face {
    font-family: 'FKGrotesk';
    src: url('../fonts/FKGrotesk-Regular.woff2') format('woff2'),
    url('../fonts/FKGrotesk-Regular.woff') format('woff'),
    url('../fonts/FKGroteskVariable.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FKGrotesk';
    src: url('../fonts/FKGrotesk-Medium.woff2') format('woff2'),
    url('../fonts/FKGrotesk-Medium.woff') format('woff'),
    url('../fonts/FKGroteskVariable.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'FKGrotesk';
    src: url('../fonts/FKGroteskSemiMono-Bold.woff2') format('woff2'),
    url('../fonts/FKGroteskSemiMono-Bold.woff') format('woff'),
    url('../fonts/FKGroteskVariable.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
h1,
.h1,
h2,
.h2 {
  text-transform: uppercase;
}
h3,
.h3 {
  font-weight: normal;
  text-transform: uppercase;
}
/*
::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-track {
  background-color: #ff0000;
}

::-webkit-scrollbar-thumb {
  background-color: #7f7f7f;
  border-radius: 2px;
}
*/
:focus,
a:focus {
  outline: none;
}
.dropdown-menu {
  box-shadow: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: none;
}
.btn:active,
.btn.active {
  box-shadow: none;
}
.btn {
  text-transform: uppercase;
  font-size: 13px;
}
@media screen and (min-width: 1025px), screen and (min-width: 769px) and (-webkit-max-device-pixel-ratio: 1.3), screen and (min-width: 769px) and (-webkit-max-device-pixel-ratio: 1.25), screen and (min-width: 769px) and (max-resolution: 120dpi), screen and (min-width: 769px) and (max-resolution: 1.3dppx) {
  .btn-default:hover {
    color: #000;
    /*background-color: #ffffff;*/
    background-color: transparent;
  }
}
.close-xs {
  background-image: url('../images/sprite.png');
  background-position: -2px -85px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 11px;
  height: 11px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .close-xs {
    background-image: url('../images/sprite@2x.png');
    background-size: 205px 1572px;
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
  .close-xs {
    background-image: url('../images/sprite@3x.png');
    background-size: 205px 1572px;
  }
}
@media screen and (min-width: 1025px), screen and (min-width: 769px) and (-webkit-max-device-pixel-ratio: 1.3), screen and (min-width: 769px) and (-webkit-max-device-pixel-ratio: 1.25), screen and (min-width: 769px) and (max-resolution: 120dpi), screen and (min-width: 769px) and (max-resolution: 1.3dppx) {
  .close-xs.active,
  .close-xs:active,
  .close-xs:focus,
  .close-xs:hover {
    background-position: -2px -100px;
  }
}
.close-md {
  background-image: url('../images/sprite.png');
  background-position: -2px -602px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 18px;
  height: 18px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .close-md {
    background-image: url('../images/sprite@2x.png');
    background-size: 205px 1572px;
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
  .close-md {
    background-image: url('../images/sprite@3x.png');
    background-size: 205px 1572px;
  }
}
@media screen and (min-width: 1025px), screen and (min-width: 769px) and (-webkit-max-device-pixel-ratio: 1.3), screen and (min-width: 769px) and (-webkit-max-device-pixel-ratio: 1.25), screen and (min-width: 769px) and (max-resolution: 120dpi), screen and (min-width: 769px) and (max-resolution: 1.3dppx) {
  .close-md.active,
  .close-md:active,
  .close-md:focus,
  .close-md:hover {
    background-position: -2px -736px;
  }
}
.close-lg {
  background-image: url('../images/sprite.png');
  background-position: -2px -1086px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 26px;
  height: 26px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .close-lg {
    background-image: url('../images/sprite@2x.png');
    background-size: 205px 1572px;
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
  .close-lg {
    background-image: url('../images/sprite@3x.png');
    background-size: 205px 1572px;
  }
}
@media screen and (min-width: 1025px), screen and (min-width: 769px) and (-webkit-max-device-pixel-ratio: 1.3), screen and (min-width: 769px) and (-webkit-max-device-pixel-ratio: 1.25), screen and (min-width: 769px) and (max-resolution: 120dpi), screen and (min-width: 769px) and (max-resolution: 1.3dppx) {
  .close-lg.active,
  .close-lg:active,
  .close-lg:focus,
  .close-lg:hover {
    background-position: -2px -1299px;
  }
}
.close-white {
  background-image: url('../images/sprite.png');
  background-position: -2px -115px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 11px;
  height: 11px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .close-white {
    background-image: url('../images/sprite@2x.png');
    background-size: 205px 1572px;
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
  .close-white {
    background-image: url('../images/sprite@3x.png');
    background-size: 205px 1572px;
  }
}
@media screen and (min-width: 1025px), screen and (min-width: 769px) and (-webkit-max-device-pixel-ratio: 1.3), screen and (min-width: 769px) and (-webkit-max-device-pixel-ratio: 1.25), screen and (min-width: 769px) and (max-resolution: 120dpi), screen and (min-width: 769px) and (max-resolution: 1.3dppx) {
  .close-white.active,
  .close-white:active,
  .close-white:focus,
  .close-white:hover {
    background-position: -2px -70px;
  }
}
.close-white-md {
  background-image: url('../images/sprite.png');
  background-position: -2px -624px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 18px;
  height: 18px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .close-white-md {
    background-image: url('../images/sprite@2x.png');
    background-size: 205px 1572px;
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
  .close-white-md {
    background-image: url('../images/sprite@3x.png');
    background-size: 205px 1572px;
  }
}
@media screen and (min-width: 1025px), screen and (min-width: 769px) and (-webkit-max-device-pixel-ratio: 1.3), screen and (min-width: 769px) and (-webkit-max-device-pixel-ratio: 1.25), screen and (min-width: 769px) and (max-resolution: 120dpi), screen and (min-width: 769px) and (max-resolution: 1.3dppx) {
  .close-white-md.active,
  .close-white-md:active,
  .close-white-md:focus,
  .close-white-md:hover {
    background-position: -2px -713px;
  }
}
.close-circle {
  background-image: url('../images/sprite.png');
  background-position: -2px -938px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 25px;
  height: 25px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .close-circle {
    background-image: url('../images/sprite@2x.png');
    background-size: 205px 1572px;
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
  .close-circle {
    background-image: url('../images/sprite@3x.png');
    background-size: 205px 1572px;
  }
}
@media screen and (min-width: 1025px), screen and (min-width: 769px) and (-webkit-max-device-pixel-ratio: 1.3), screen and (min-width: 769px) and (-webkit-max-device-pixel-ratio: 1.25), screen and (min-width: 769px) and (max-resolution: 120dpi), screen and (min-width: 769px) and (max-resolution: 1.3dppx) {
  .close-circle.active,
  .close-circle:active,
  .close-circle:focus,
  .close-circle:hover {
    background-position: -2px -909px;
  }
}
.btn-reset {
  padding: 0;
  overflow: visible;
  line-height: normal;
  background: none;
  border: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn-reset:focus {
  outline: none;
}
.btn-reset::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input,
textarea,
.input-reset {
  -webkit-appearance: none;
  border-radius: 0;
  padding: 0;
}
.list-reset {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
#debug {
  position: fixed;
  top: 0;
  left: 0;
  width: 400px;
  padding: 10px;
  font-size: 11px;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  z-index: 9999;
  max-height: 40px;
  overflow: auto;
}
.hidden-mobile {
  display: none;
}
@media (min-width: 480px) {
  .hidden-mobile {
    display: inline-block;
  }
}
.visible-mobile {
  display: inline-block;
}
@media (min-width: 480px) {
  .visible-mobile {
    display: none;
  }
}
.hidden-tablet {
  display: none;
}
@media (min-width: 769px) {
  .hidden-tablet {
    display: inline-block;
  }
}
.spinner {
  margin: 100px auto 0;
  width: 70px;
  text-align: center;
}
.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #333;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  -moz-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  -moz-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  -moz-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
  }
}
.spinner-video {
  width: 40px;
  height: 40px;
  background-color: #000;
  border-radius: 100%;
  -webkit-animation: sk-scaleout 1s infinite ease-in-out;
  -moz-animation: sk-scaleout 1s infinite ease-in-out;
  animation: sk-scaleout 1s infinite ease-in-out;
}
.contrast .spinner-video {
  background-color: #ffffff;
}
@-webkit-keyframes sk-scaleout {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}
@-moz-keyframes sk-scaleout {
  0% {
    -moz-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
  }
  100% {
    -moz-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}
@keyframes sk-scaleout {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0);
    -moz-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
}
.lazyloading,
.lazyload {
  background: transparent url(../images/loader.gif?v=1500026842) no-repeat center;
}
.icon {
  background-image: url('../images/sprite.png');
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .icon {
    background-image: url('../images/sprite@2x.png');
    background-size: 205px 1572px;
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
  .icon {
    background-image: url('../images/sprite@3x.png');
    background-size: 205px 1572px;
  }
}
body {
  width: 100%;
  min-width: 320px;
  overflow-x: hidden;
}
.overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height:100vh;
  width:100vw;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: -webkit-transform 0.4s ease-in-out, background-color 0.4s ease-in-out;
  -moz-transition: -moz-transform 0.4s ease-in-out, background-color 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out, background-color 0.4s ease-in-out;
}
.overlay:hover {
  cursor: pointer;
}
.smartbanner .overlay {
  top: 78px;
}
.overlay2 {
  position: fixed;
  z-index: 2;
  background-color: transparent;
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  -moz-transition: -moz-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
}
#header {
  position: fixed;
  /*top: 0; se quita para no interferir en el smart banner de app*/
  right: 0;
  left: 0;
  z-index: 1015;
  width: 100%;
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  -moz-transition: -moz-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
}
#head {
  position: relative;
  z-index: 550;
  width: 100%;
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  -moz-transition: -moz-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
}
#menu {
  position: fixed;
  top: 0;
  left: -88%;
  z-index: 500;
  width: 88%;
  height: 100%;
  max-width: 88%;
  max-height: 100%;
  padding-top: 50px;
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  -moz-transition: -moz-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
}
@media (min-width: 480px) {
  #menu {
    left: -345px;
    width: 345px;
    max-width: 345px;
    padding-top: 70px;
  }
}
@media (min-width: 1025px) {
  html:not(.menu2) #menu {
    left: 0;
    width: 245px;
    max-width: 245px;
    padding-top: 70px;
  }
}
#main {
  position: relative;
  left: 0;
  z-index: auto;
  margin-top: 50px;
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  -moz-transition: -moz-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
}

/*
html.ios:not(.user-orders), html.ios.menu-open {
  overflow-x:hidden;
  height:100vh;
}
html.ios .byl-navbar-nav {
  min-height: -moz-calc(101%);
  min-height: calc(101%);
}*/
/*
html.ios:not(.fullscreen) body {
  height:100vh;
  width:100vw;
}*/
html.ios.menu-open,
html.ios.menu-open body,
html.ios.menu-closing,
html.ios.menu-closing body {
  overflow-x:hidden;
  max-width:100%;
}
html.ios.menu-open #main,
html.ios.menu-open .overlay {
  touch-action: none;
  user-select: none;
  -webkit-user-drag: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html:not(.fullscreen).top-banner-promo #main ,
html:not(.fullscreen).top-banner-promo-xl #main {
  top:20px;
}
html:not(.fullscreen).top-banner-promo .catalog-product-view #main ,
html:not(.fullscreen).top-banner-promo-xl .catalog-product-view #main {
  height: calc(100% - 20px);
}
html:not(.fullscreen).smartbanner #main {
  top:78px;
}
@media (min-width: 480px) {
  #main {
    margin-top: 70px;
    margin-right: 30px;
  }
  html:not(.fullscreen).top-banner-promo #main,
  html:not(.fullscreen).top-banner-promo-xl #main {
    top:50px;
    min-height: 97vh;
  }
  html:not(.fullscreen).top-banner-promo .catalog-product-view #main ,
  html:not(.fullscreen).top-banner-promo-xl .catalog-product-view #main {
    height: calc(100% - 50px);
  }
}

@media (min-width: 769px) {
    html:not(.fullscreen).top-banner-promo #main,
    html:not(.fullscreen).top-banner-promo-xl #main {
        min-height: 94vh;
    }
}

@media (min-width: 1025px) {
  #main {
    margin-top: 12px;
    margin-right: 60px;
    margin-left: 245px;
  }
}
#aside {
  position: fixed;
  top: 0;
  right: -100%;
  z-index: 1020;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  -moz-transition: -moz-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
}
@media (min-width: 480px) {
  #aside {
    right: -345px;
    width: 345px;
    max-width: 345px;
  }
}
#aside-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
#aside-menu {
  position: fixed;
  top: 2px;
  right: 15px;
  z-index: 1030;
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  -moz-transition: -moz-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
}
#aside-menu ul.column {
  display: none;
}
@media (min-width: 480px) {
  #aside-menu {
    top: 17px;
    right: 27px;
  }
  #aside-menu ul.column {
    display: block;
  }
}
@media (min-width: 769px) {
  #aside-menu {
    top: 21px;
  }
}
@media (min-width: 1025px) {
  #aside-menu {
    top: 22px;
    right: 26px;
  }
}
.menu-closing body,
.menu-open body,
.aside-closing body,
.aside-open body {
  overflow: hidden;
  max-height: 100%;
}
.menu-open .overlay,
.aside-open .overlay {
  z-index: 1025;
  background-color: rgba(0, 0, 0, 0.3);
}
@media screen and (min-width: 1025px), screen and (min-width: 769px) and (-webkit-max-device-pixel-ratio: 1.3), screen and (min-width: 769px) and (-webkit-max-device-pixel-ratio: 1.25), screen and (min-width: 769px) and (max-resolution: 120dpi), screen and (min-width: 769px) and (max-resolution: 1.3dppx) {
  .menu-closing.category body,
  .menu-open.category body,
  .aside-closing.category body,
  .aside-open.category body {
    padding-right: 15px;
  }
}
@media (min-width: 480px) {
  .menu-open .overlay2,
  .aside-open .overlay2 {
    z-index: 1015;
  }
  .menu-closing .overlay,
  .aside-closing .overlay {
    z-index: 1025;
  }
  .menu-closing .overlay2,
  .aside-closing .overlay2 {
    z-index: 1015;
  }
}

.menu-open #aside,
.menu-open #head,
.menu-open #menu {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}
.menu-open #main,
.menu-open .overlay,
.menu-open .overlay2
 {
  -webkit-transform: translateX(88%);
  -moz-transform: translateX(88%);
  -ms-transform: translateX(88%);
  transform: translateX(88%);
}
@media (min-width: 480px) {
  .menu-open .overlay,
  .menu-open .overlay2,
  .menu-open #head,
  .menu-open #menu,
  .menu-open #main,
  .menu-open #aside {
    -webkit-transform: translateX(345px);
    -moz-transform: translateX(345px);
    -ms-transform: translateX(345px);
    transform: translateX(345px);
  }
}
@media (min-width: 1025px) {
  .menu-open.menu2 #head {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.menu-open #aside-menu {
  -webkit-transform: translateX(480px);
  -moz-transform: translateX(480px);
  -ms-transform: translateX(480px);
  transform: translateX(480px);
}
@media (min-width: 480px) {
  .menu-open #aside-menu {
    -webkit-transform: translateX(345px);
    -moz-transform: translateX(345px);
    -ms-transform: translateX(345px);
    transform: translateX(345px);
  }
}
.menu-open #menu {
  background-color: #ffffff;
}
.aside-open .overlay,
.aside-open .overlay2,
.aside-open #header,
.aside-open #main,
.aside-open #aside {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}
@media (min-width: 480px) {
  .aside-open .overlay,
  .aside-open .overlay2,
  .aside-open #header,
  .aside-open #main,
  .aside-open #aside {
    -webkit-transform: translateX(-345px);
    -moz-transform: translateX(-345px);
    -ms-transform: translateX(-345px);
    transform: translateX(-345px);
  }
}
.aside-open #aside-menu {
  -webkit-transform: translateX(-480px);
  -moz-transform: translateX(-480px);
  -ms-transform: translateX(-480px);
  transform: translateX(-480px);
}
@media (min-width: 480px) {
  .aside-open #aside-menu {
    -webkit-transform: translateX(-345px);
    -moz-transform: translateX(-345px);
    -ms-transform: translateX(-345px);
    transform: translateX(-345px);
  }
}
@media (min-width: 1025px) {
  #header {
    right:auto;
    width:auto;
  }
  .aside-open #header {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fullscreen html,
.fullscreen body,
.fullscreen:not(.e404) #main {
  width: 100%;
  height: 100%;
  max-height: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.fullscreen.fullscreen-scroll html,
.fullscreen.fullscreen-scroll body,
.fullscreen.fullscreen-scroll:not(.e404) #main {
  height: auto;
  max-height: none;
}

.fullscreen:not(.e404) #main {
  position: absolute;
}
@media (max-width: 768px) {
  .fullscreen.lookbook html,
  .fullscreen.lookbook body,
  .fullscreen.lookbook:not(.e404) #main {
    overflow: auto;
  }
  .fullscreen.lookbook:not(.e404) #main {
    position: relative;
  }
}
@media (min-width: 1025px) {
  .fullscreen #menu .menu-wrapper {
    overflow: hidden;
  }
}
.top-banner-promo:not(.smartbanner) #banner-top,
.top-banner-promo-xl:not(.smartbanner) #banner-top {
  position: fixed;
  top: 0;
  z-index: 1042;
  width: 100%;
}
.top-banner-promo.smartbanner #banner-top,
.top-banner-promo-xl.smartbanner #banner-top {
  display: none !important;
}
.top-banner-promo #banner-top {
  height: 31px;
}
.top-banner-promo #header {
  top: 31px;
}
.top-banner-promo #menu {
  padding-top: 81px;
}
.top-banner-promo #aside {
  margin-top: 31px;
}
.top-banner-promo #aside-menu {
  top: 19px;
}
.top-banner-promo #aside-menu ul {
  margin-top: 15px;
}
@media (min-width: 480px) {
  .top-banner-promo #aside-menu {
    top: 53px;
  }
}
html.smartbanner #header {
  top: 78px;
}
html.top-banner-promo-xl:not(.smartbanner) #header {
  top: 50px;
}

@media (max-width: 479px) {
  html.top-banner-promo-xl:not(.smartbanner) #header{
    top: 50px;
  }
}

#header,
#aside-menu
{
  top: 0;
}

.smartbanner #header,
.smartbanner #aside-menu
{
  top: 78px;
}
.top-banner-promo-xl:not(.smartbanner) #menu {
  padding-top: 100px;
}
.top-banner-promo-xl:not(.smartbanner) #aside {
  padding-top: 50px;
}
.top-banner-promo-xl:not(.smartbanner) #aside-menu {
  top: 0;
}
.smartbanner #menu {
  padding-top: 128px;
}
.smartbanner #aside {
  margin-top: 0;
  z-index: 9999;
}
#smartbanner {
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}
html.aside-open #smartbanner {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}
html.aside-open.menu-closing #smartbanner {
  -webkit-transform: unset;
  -moz-transform: unset;
  -ms-transform: unset;
  transform: unset;
}

@media (min-width: 480px) {
  .top-banner-promo-xl:not(.smartbanner) #aside-menu {
    top: 0;
  }
}
@media (min-width: 480px) {
  .top-banner-promo #header,
  .top-banner-promo-xl #header,
  .lookbook .view-selector {
    top: 21px;
  }
  .top-banner-promo #menu,
  .top-banner-promo-xl #menu {
    padding-top: 91px;
  }
  .top-banner-promo #aside,
  .top-banner-promo-xl #aside {
    padding-top: 21px;
  }
  .top-banner-promo:not(.smartbanner) #aside-menu,
  .top-banner-promo-xl:not(.smartbanner) #aside-menu {
    top: 0;
  }
}
@media (min-width: 480px) and (min-width: 480px) {
  .top-banner-promo:not(.smartbanner) #aside-menu,
  .top-banner-promo-xl:not(.smartbanner) #aside-menu {
    top: 0;
    padding-top: 50px;
  }
}
@media (min-width: 480px) and (max-width: 767px){
  .top-banner-promo-xl:not(.smartbanner) #aside-menu {
    top: 0;
    padding-top: 32px;
  }
  .top-banner-promo:not(.smartbanner) #aside-menu {
    top: 0;
    padding-top: 21px;
  }
}
@media (min-width: 1025px) {
  .top-banner-promo #menu,
  .top-banner-promo-xl #menu {
    padding-top: 91px;
  }
}
#scrollToTop {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: -1;
  background-image: url('../images/sprite.png');
  background-position: -2px -1412px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 42px;
  height: 42px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}
html:not(.cookies-hidden) #scrollToTop {
  bottom: 136px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #scrollToTop {
    background-image: url('../images/sprite@2x.png');
    background-size: 205px 1572px;
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
  #scrollToTop {
    background-image: url('../images/sprite@3x.png');
    background-size: 205px 1572px;
  }
}
@media (min-width: 480px) {
  #scrollToTop {
    bottom: 30px;
    right: 30px;
  }

  html:not(.cookies-hidden) #scrollToTop {
    bottom: 106px;
  }
}
@media (min-width: 768px){
  html:not(.cookies-hidden) #scrollToTop {
    bottom: 86px;
  }
}

#scrollToTop.show {
  opacity: 1;
  z-index: 1040;
}
@media (min-width: 480px) {
}
#scrollToTop.in {
  z-index: 1040;
}
.notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  transition: none !important;
}
@media (min-width: 1025px) {
  .menu2 #menu {
    background-color: #ffffff;
  }
}
.top-banner-promo body.cart #main {
  margin-top: 31px;
}
.top-banner-promo body.cart .page-title {
  top: 43px;
}
.top-banner-promo-xl body.cart #main {
  margin-top: 50px;
}
.top-banner-promo-xl body.cart .page-title {
  top: 62px;
}
@media (min-width: 480px) {
  .top-banner-promo body.cart #steps,
  .top-banner-promo-xl body.cart #steps {
    top: 109px;
  }
  .top-banner-promo body.cart #main,
  .top-banner-promo-xl body.cart #main {
    margin-top: 156px;
    max-height: calc(100vh - 2em - 156px);
  }
}
.modal {
  height: 100%;
  background-color: #ffffff;
  z-index: 2200;
}
.modal.fade .modal-dialog {
  opacity: 0;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.modal.fade.in .modal-dialog {
  opacity: 1;
}
.modal-dialog {
  margin: 0;
}
.modal-content {
  border: 0;
  box-shadow: none;
}
.modal-header {
  padding: 0;
  border: none;
  text-align: center;
}
.modal-title {
  margin-top: 21px;
  font-size: 20px;
}
.modal-content > .modal-header > .close {
  position: absolute;
  top: 26px;
  right: 20px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  padding: 5px;
  z-index: 1;
}
.modal-content > .modal-header > .close::after {
  content: '';
  background-image: url('../images/sprite.png');
  background-position: -2px -602px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 18px;
  height: 18px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .modal-content > .modal-header > .close::after {
    background-image: url('../images/sprite@2x.png');
    background-size: 205px 1572px;
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
  .modal-content > .modal-header > .close::after {
    background-image: url('../images/sprite@3x.png');
    background-size: 205px 1572px;
  }
}
@media screen and (min-width: 1025px), screen and (min-width: 769px) and (-webkit-max-device-pixel-ratio: 1.3), screen and (min-width: 769px) and (-webkit-max-device-pixel-ratio: 1.25), screen and (min-width: 769px) and (max-resolution: 120dpi), screen and (min-width: 769px) and (max-resolution: 1.3dppx) {
  .modal-content > .modal-header > .close::after.active,
  .modal-content > .modal-header > .close::after:active,
  .modal-content > .modal-header > .close::after:focus,
  .modal-content > .modal-header > .close::after:hover {
    background-position: -2px -736px;
  }
}
@media (min-width: 480px) {
  .modal-content > .modal-header > .close::after {
    background-image: url('../images/sprite.png');
    background-position: -2px -85px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    width: 11px;
    height: 11px;
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
  }
}
@media (min-width: 480px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 480px) and (min-resolution: 192dpi) {
  .modal-content > .modal-header > .close::after {
    background-image: url('../images/sprite@2x.png');
    background-size: 205px 1572px;
  }
}
@media (min-width: 480px) and (-webkit-min-device-pixel-ratio: 3), (min-width: 480px) and (min-resolution: 288dpi) {
  .modal-content > .modal-header > .close::after {
    background-image: url('../images/sprite@3x.png');
    background-size: 205px 1572px;
  }
}
@media (min-width: 480px) and (screen) and (min-width: 1025px), (min-width: 480px) and (screen) and (min-width: 769px)
and (-webkit-max-device-pixel-ratio: 1.3), (min-width: 480px) and (screen) and (min-width: 769px) and
(-webkit-max-device-pixel-ratio: 1.25), (min-width: 480px) and (screen) and (min-width: 769px) and
(max-resolution: 120dpi), (min-width: 480px) and (screen) and (min-width: 769px) and (max-resolution: 1.3dppx) {
  .modal-content > .modal-header > .close::after.active,
  .modal-content > .modal-header > .close::after:active,
  .modal-content > .modal-header > .close::after:focus,
  .modal-content > .modal-header > .close::after:hover {
    background-position: -2px -100px;
  }
}
@media (min-width: 480px) {
  .modal {
    background-color: transparent;
  }
  .modal-title {
    margin-top: 46px;
    margin-bottom: 25px;
    font-size: 18px;
  }
  .modal-content .close {
    top: 10px;
    right: 10px;
  }
}

@media (min-width: 480px) {
  .valign.modal {
    text-align: center;
  }
  .valign.modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
  .valign .modal-dialog {
    text-align: left;
    display: inline-block;
    vertical-align: middle;
  }
  .on4u-rma-return-history .modal-dialog {
    max-width: 650px;
    width: 95%;
  }
}
@media (min-width: 480px) and (max-width: 768px) {
  .on4u-rma-return-history .modal-content {
    /*border: none;*/
  }
  .on4u-rma-return-history .modal.fade.in .modal-dialog {
      opacity: 1;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
  }

  .on4u-rma-return-history .modal-content .modal-body{
    font-size: 12px;
  }
  .on4u-rma-return-history .modal-content .return-detail td,
  .on4u-rma-return-history .modal-content .return-detail th {
    padding: 5px;
  }
  .on4u-rma-return-history .valign.modal {
    text-align: center;
  }
  .on4u-rma-return-history .valign.modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 85%;
  }
  .on4u-rma-return-history .valign .modal-dialog {
    text-align: left;
    display: inline-block;
    vertical-align: middle;
  }
}
#popup .modal-header .close {
  z-index: 300000;
}
#popup .modal-body {
  padding-bottom: 20px;
  text-align: center;
}
#popup .modal-body .check-ko {
  display: inline-block;
  margin-bottom: 5px;
}
#popup .modal-body .title {
  margin-bottom: 15px;
}
#popup .modal-body .description {
  width: 100%;
  font-size: 16px;
  margin-bottom: 30px;
}
#popup .modal-body .btn {
  width: 50%;
}
@media (max-width: 768px) {
  #popup .modal-body .extra-btn {
    padding-left: 0;
    padding-right: 0;
  }
}
#popup .modal-body .extra-btn .btn {
  width: 40%;
  margin-left: 5%;
  margin-right: 5%;
}
@media (max-width: 768px) {
  #popup .modal-body .extra-btn .btn {
    font-size: 12px;
    width: 44%;
    margin-left: 3%;
    margin-right: 3%;
  }
}
#popup .modal-body p {
  margin-bottom: 30px;
}
#popup.loading .modal-body span.esperando {
  display: inline-block;
  width: 25px;
  height: 20px;
  background-image: url(../images/loader.gif);
  background-position: center right;
  background-repeat: no-repeat;
  background-size: contain;
}
#popup.loading .modal-header .close {
  display: none;
}
#popup.popup-d .modal-dialog {
  height: 100vh;
}
@media (min-width: 480px) {
  #popup.popup-d .modal-dialog {
    height: auto;
    width: 70vw;
    min-width: 400px;
    max-width: none;
  }
}
@media (min-width: 769px) {
  #popup.popup-d .modal-dialog {
    max-width: 600px;
  }
}
#popup.popup-d .modal-body {
  padding-top: 150px;
  padding-bottom: 150px;
  float: none;
}
@media (min-width: 480px) {
  #popup.popup-d .modal-body {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (min-width: 769px) {
  #popup.popup-d .modal-body {
    padding-top: 20px;
    padding-bottom: 40px;
  }
}
@media (min-width: 769px) {
  #popup.popup-d .modal-body h4 {
    margin-top: 30px;
    margin-bottom: 15px;
  }
}
@media (min-width: 769px) {
  #send-to-a-friend-modal .modal-dialog {
    max-width: 500px;
  }
}
#send-to-a-friend-modal h4 {
  text-align: center;
  margin-top: 15px;
  text-transform: uppercase;
  font-size: 19px;
}
@media (min-width: 480px) {
  #send-to-a-friend-modal h4 {
    margin-top: 31px;
  }
}
@media (min-width: 480px) {
  #send-to-a-friend-modal .modal-content {
    max-width: 490px;
    padding-bottom: 30px;
  }
}
@media (min-width: 769px) {
  #send-to-a-friend-modal .modal-content {
    display: inline-block;
  }
}
#send-to-a-friend-modal .modal-content > div {
  clear: both;
}
#send-to-a-friend-modal .modal-footer {
  padding-top: 40px;
}
@media (min-width: 769px) {
  #send-to-a-friend-modal .modal-footer {
    text-align: right;
    padding-right: 50px;
    padding-top: 0;
    padding-bottom: 50px;
  }
}
#send-to-a-friend-modal .modal-footer .btn {
  width: 90%;
  max-width: 308px;
}
@media (min-width: 769px) {
  #send-to-a-friend-modal .modal-footer .btn {
    width: 250px;
  }
}
#send-to-a-friend-modal-content {
  overflow: hidden;
  boder-bottom: 0;
  padding: 15px 33px;
}
@media (min-width: 480px) {
  #send-to-a-friend-modal-content {
    padding: 15px 43px;
  }
}
#send-to-a-friend-modal-content > a,
#send-to-a-friend-modal-content > form {
  display: block;
  float: left;
  margin-top: 60px;
  padding: 0;
}
@media (min-width: 480px) {
  #send-to-a-friend-modal-content > a,
  #send-to-a-friend-modal-content > form {
    margin-top: 40px;
  }
}
@media (min-width: 769px) {
  #send-to-a-friend-modal-content > a,
  #send-to-a-friend-modal-content > form {
    margin-top: 0;
  }
}
#send-to-a-friend-modal-content > a {
  width: 34%;
  padding-right: 5px;
}
@media (min-width: 480px) {
  #send-to-a-friend-modal-content > a {
    margin-top: 20px;
    width: 44%;
  }
}
@media (min-width: 769px) {
  #send-to-a-friend-modal-content > a {
    width: 150px;
  }
}
#send-to-a-friend-modal-content > form {
  width: 66%;
}
@media (min-width: 480px) {
  #send-to-a-friend-modal-content > form {
    width: 56%;
  }
}
@media (min-width: 769px) {
  #send-to-a-friend-modal-content > form {
    width: 266px;
  }
}
#send-to-a-friend-modal-content input[type="submit"] {
  width: 100%;
  margin-top: 53px;
}
@media (min-width: 480px) {
  #send-to-a-friend-modal-content input[type="submit"] {
    width: 56%;
    margin-top: 15px;
    float: left;
  }
}
#send-to-a-friend-modal-content textarea {
  box-shadow: none;
  background-color: #ffffff;
  border-width: 2px;
  resize: none;
  width: 100%;
}
body.cart .send-to-a-friend-form.basic-form input[type="text"],
body.cart .send-to-a-friend-form.basic-form input[type="email"] {
  height: 30px;
  line-height: 30px;
}
body.cart .send-to-a-friend-form.basic-form textarea {
  padding: 10px 6px;
}
#address-modal .modal-body {
  padding: 25px 30px 50px;
}
@media (min-width: 480px) {
  #address-modal .modal-dialog {
    width: 85%;
    margin: auto;
    max-width: 500px;
    max-height: 90%;
    border: 1px solid black;
    overflow: hidden;
  }
  #address-modal .modal-dialog .modal-body {
    margin: auto;
    max-height:80vh;
    overflow:auto;
  }
  #address-modal .modal-dialog .modal-body>*{
    max-width: 350px;
    margin:auto;
  }
  #address-modal .modal-dialog .modal-content {
    border: 0;
  }
}
#address-modal .phone-prefix {
  margin-top: 10px;
}
#address-modal .phone-prefix + input {
  margin-top: 10px;
}
#cart-invoice-modal-content h4 {
  text-align: center;
}
#cart-invoice-modal-content form {
  margin-top: 0;
}
#cart-invoice-modal .modal-footer-sic {
  padding: 25px 0;
}
#cart-invoice-modal .modal-footer-sic .btn {
  margin-top: 25px;
  background-color: #48a93a;
  border-color: #48a93a;
  -webkit-transition: all 0.1s ease-in;
  -moz-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}
#cart-invoice-modal .modal-footer-sic .btn:hover {
  background-color: transparent;
  color: #48a93a;
}
#cart-invoice-modal .modal-footer {
  padding: 25px 20px;
}
#cart-invoice-modal .modal-footer .btn {
  -webkit-transition: all 0.1s ease-in;
  -moz-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}
body.cart #quickview-modal .modal-dialog {
  height: 100%;
}
@media (min-width: 480px) {
  body.cart #quickview-modal .modal-dialog {
    max-width: 400px;
    height: auto;
  }
}
@media (min-width: 769px) {
  body.cart #quickview-modal .modal-dialog {
    width: 608px !important;
    max-width: none;
  }
}
@media (min-width: 1025px) {
  body.cart #quickview-modal .modal-dialog {
    width: 800px !important;
  }
}
body.cart #quickview-modal .modal-content {
  height: 100%;
}
@media (min-width: 769px) {
  body.cart #quickview-modal .modal-content .modal-header .close {
    top: 10px;
    right: 10px;
  }
}
body.cart #quickview-modal .modal-content .modal-body {
  height: 100%;
  padding-bottom: 130px;
}
@media (min-width: 480px) {
  body.cart #quickview-modal .modal-content .modal-body {
    padding-bottom: 0;
  }
}
@media (min-width: 769px) {
  body.cart #quickview-modal .byl-share {
    display: none;
  }
}
@media (max-width: 1024px) {
  body.cart #quickview-modal #product-color .arrow {
    display: none;
  }
}
@media (max-width: 479px) {
  body.cart #quickview-modal #product-size .arrow {
    right: 8px;
    top: 1px;
  }
}
body.cart #product {
  max-height: none;
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
@media (max-width: 479px) {
  body.cart #product.quickview {
    padding: 0;
    height: 100%;
  }
}
@media (min-width: 480px) {
  body.cart #product.quickview {
    height: 100%;
    padding: 0;
  }
}
@media (min-width: 769px) {
  body.cart #product.quickview {
    padding-right: 290px;
  }
}
body.cart #product.quickview #product-info-all {
  position: fixed;
}
@media (min-width: 480px) {
  body.cart #product.quickview #product-info-all {
    position: absolute;
  }
}
@media (max-width: 768px) {
  body.cart #product.quickview #product-info-all {
    height: auto;
  }
}
body.cart #product.quickview #product-info-all #product-form #product-wishlist {
  color: #000;
  line-height: 1.42857143;
}
@media (max-width: 768px) {
  body.cart #product.quickview #product-info-all #product-info-wrapper {
    padding-top: 5px;
  }
}
@media (max-width: 768px) {
  body.cart #product.quickview #product-info-all .product-price {
    margin-bottom: 10px;
  }
}
@media (max-width: 768px) {
  body.cart #product.quickview #product-images {
    padding: 0;
  }
}
@media (min-width: 480px) {
  body.cart #product.quickview #product-images-wrapper {
    padding-bottom: 145px;
  }
}
@media (min-width: 769px) {
  body.cart #product.quickview #product-images-wrapper {
    padding: 0;
  }
}
body.cart #product.quickview .byl-share {
  left: 30px;
  bottom: 35px;
}
body.cart #product.quickview .byl-share #share-btn {
  padding: 5px 0;
  width: auto;
}
@media (max-width: 768px) {
  body.cart #product.quickview .carousel-indicators {
    position: fixed;
    top: 30%;
    right: 26px;
    left: auto;
    height: auto;
    padding: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
    width: 12px;
  }
  body.cart #product.quickview .carousel-indicators li {
    height: 11px;
    margin-top: 0;
    margin-bottom: 24px;
  }
  body.cart #product.quickview .carousel-indicators li:last-child {
    margin-bottom: 0;
  }
  body.cart #product.quickview .carousel-indicators li:before {
    width: 11px;
    height: 11px;
    top: 0;
    left: 0;
  }
}
@media (min-width: 480px) and (max-width: 768px) {
  body.cart #product.quickview .carousel-indicators {
    position: absolute;
  }
}
@media (min-width: 769px) {
  body.cart #product.quickview .carousel-indicators {
    display: block !important;
  }
}
body.cart #product.quickview #index-wrapper {
  display: none;
}
@media (min-width: 769px) {
  body.cart #product.quickview #index-wrapper {
    display: block;
  }
}
body.cart #product.quickview #product-form .selectlist .dropdown-menu {
  background-color: white;
}
body.cart #product.quickview #product-form #product-size .dropdown-toggle {
  border-left: 0;
}
body.cart #product.quickview #product-form #product-size.open + #product-form-action .btn-wishlist {
  display: none;
}
@media (min-width: 769px) {
  body.cart #product.quickview #product-form #product-size.open + #product-form-action .btn-wishlist {
    display: block;
  }
}
body.cart #product.quickview #product-form .close {
  padding: 0;
}
@media (min-width: 480px) {
  body.cart #product.quickview #product-form .close {
    right: 0;
  }
}
body.cart #product.small #product-images-wrapper {
  height: 100%;
  width: 100vw;
  padding-top: 15px;
}
@media (min-width: 480px) and (max-width: 768px) {
  body.cart #product.small #product-images-wrapper {
    width: 100%;
    height: 80vh;
  }
}
@media (max-width: 768px) {
  body.cart #product.small #product-form {
    border: none;
  }
}
@media (max-width: 768px) {
  body.cart #product.small #product-form .close {
    z-index: 2000;
  }
}
body.cart #product.small #product-form.step-color .arrow,
body.cart #product.small #product-form.step-size .arrow {
  display: block;
}
@media (max-width: 768px) {
  body.cart #product.small #product-form.step-color .selectlist,
  body.cart #product.small #product-form.step-size .selectlist {
    width: 100%;
  }
}
body.cart #product.small #product-form.step-color #product-wishlist,
body.cart #product.small #product-form.step-size #product-wishlist {
  width: 100%;
  display: block;
}
body.cart #product.small #product-form .selectlist {
  border: none;
}
@media (max-width: 768px) {
  body.cart #product.small #product-form .selectlist {
    width: 30%;
  }
}
body.cart #product.small #product-form .selectlist .dropdown-menu {
  border: none;
  position: absolute;
}
@media (max-width: 768px) {
  body.cart #product.small #product-form .selectlist .dropdown-menu {
    position: relative;
  }
}
@media (max-width: 768px) {
  body.cart #product.small #product-form .selectlist .dropdown-toggle {
    border: solid 1px #000;
  }
}
body.cart #product.small #product-form.step-color #product-form-action,
body.cart #product.small #product-form.step-size #product-form-action,
body.cart #product.small #product-form.step-color #product-size,
body.cart #product.small #product-form.step-size #product-size,
body.cart #product.small #product-form.step-color #product-color,
body.cart #product.small #product-form.step-size #product-color {
  width: 100%;
}
@media (max-width: 768px) {
  body.cart #product.small #product-form-action {
    width: 32%;
  }
}
@media (min-width: 480px) and (max-width: 768px) {
  body.cart #product.small #product-form-action {
    width: 120px;
    padding: 0;
  }
}
@media (max-width: 768px) {
  body.cart #product.small #product-form-action .btn {
    margin: 0;
    height: 42px;
  }
}
@media (min-width: 480px) and (max-width: 768px) {
  body.cart #product.small #product-form-action .btn {
    font-size: 11px;
  }
}
body.cart #product .byl-share {
  bottom: 20px;
}
@media (min-width: 769px) {
  body.cart #product .byl-share {
    bottom: -15px;
  }
}
@media (max-width: 768px) {
  body.cart #product #share-btn {
    width: 92px;
    padding: 18px;
  }
}
body.cart #product-form #product-color-sample {
  top: -3px;
}
@media (max-width: 768px) {
  body.cart #product-more-info-link {
    bottom: 30px;
    right: 36px;
    font-size: 13px;
  }
}
@media (min-width: 480px) and (max-width: 768px) {
  body.cart #product-more-info-link {
    bottom: 160px;
  }
}
@media (min-width: 480px) and (max-width: 768px) {
  body.cart #product-info-all {
    padding-left: 25px;
    padding-right: 25px;
  }
}
body.cart #product-info-all #product-form #product-size .dropdown-menu a {
  text-decoration: none;
}
body.cart #product-info-all #product-form .selected-label {
  color: #000;
}
body.cart #product-info-all #product-form .selectlist .dropdown-toggle {
  margin-top: 0;
  padding-top: 0;
}
@media (max-width: 768px) {
  body.cart #product-info-all #product-form .selectlist .dropdown-toggle {
    padding: 0;
  }
}
@media (min-width: 768px) {
  body.cart #product-more-info p {
    text-align: left;
  }
}
@media (min-width: 768px) {
  body.cart #product-more-info .product-description-txt p {
    text-align: left;
  }
}
@media (min-width: 768px) {
  body.cart #product-free-return p {
    font-size: 12px;
  }
}
.basic-form button {
  padding-left: 6px;
  padding-right: 6px;
}

#resetpassword.basic-form input[type="text"],
#resetpassword.basic-form input[type="password"],
#resetpassword.basic-form input[type="email"],
#resetpassword.basic-form input[type="tel"],
#resetpassword.basic-form textarea,
#resetpassword.basic-form select,
#resetpassword.basic-form .typ {
  background-color: #ebebeb;
  border: solid 1px #ebebeb;
  box-shadow: none;
  color: #000;
  font-size: 12px;
  width: 250px;
  border-radius: 0;
  margin-bottom: 25px
}
.basic-form input[type="text"],
.basic-form input[type="password"],
.basic-form input[type="email"],
.basic-form input[type="tel"],
.basic-form textarea,
.basic-form select,
.basic-form .typ {
  background-color: #ebebeb;
  border: solid 1px #ebebeb;
  box-shadow: none;
  color: #000;
  font-size: 12px;
  width: 100%;
  margin-top: 10px;
  border-radius: 0;
}
@media (min-width: 480px) {
  .basic-form input[type="text"],
  .basic-form input[type="password"],
  .basic-form input[type="email"],
  .basic-form input[type="tel"],
  .basic-form textarea,
  .basic-form select,
  .basic-form .typ {
    font-size: 13px;
  }
}
.basic-form input[type="text"]:first-child,
.basic-form input[type="password"]:first-child,
.basic-form input[type="email"]:first-child,
.basic-form input[type="tel"]:first-child,
.basic-form textarea:first-child,
.basic-form select:first-child {
  margin-top: 0;
}
.basic-form input[type="text"]:focus,
.basic-form input[type="password"]:focus,
.basic-form input[type="email"]:focus,
.basic-form input[type="tel"]:focus,
.basic-form textarea:focus,
.basic-form select:focus {
  outline: none;
}
.basic-form input[type="text"].error,
.basic-form input[type="password"].error,
.basic-form input[type="email"].error,
.basic-form input[type="tel"].error,
.basic-form textarea.error,
.basic-form select.error {
  border-color: #d9534f !important;
}
.basic-form input[type="text"].error + label,
.basic-form input[type="password"].error + label,
.basic-form input[type="email"].error + label,
.basic-form input[type="tel"].error + label,
.basic-form textarea.error + label,
.basic-form select.error + label {
  padding-top: 5px;
}
.basic-form input[type="text"] + label,
.basic-form input[type="password"] + label,
.basic-form input[type="email"] + label,
.basic-form input[type="tel"] + label,
.basic-form textarea + label,
.basic-form select + label {
  opacity: 0;
  max-height: 0;
  color: #8c8c8c;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.2;
  display: block;
  overflow: hidden;
  text-align: left;
  -webkit-animation: slow-showing-opacity 0.7s ease-in 1 forwards, slow-showing-height 0.5s ease-in 1 forwards;
  -moz-animation: slow-showing-opacity 0.7s ease-in 1 forwards, slow-showing-height 0.5s ease-in 1 forwards;
  animation: slow-showing-opacity 0.7s ease-in 1 forwards, slow-showing-height 0.5s ease-in 1 forwards;
}
.basic-form input[type="text"] + label.error,
.basic-form input[type="password"] + label.error,
.basic-form input[type="email"] + label.error,
.basic-form input[type="tel"] + label.error,
.basic-form textarea + label.error,
.basic-form select + label.error {
  background-color: transparent;
  color: #d9534f;
}
.basic-form .checkbox-wrapper + label.error{
  font-size: 12px;
  line-height: 1.2;
  background-color: transparent;
  color: #d9534f;
  font-weight: normal;
  /*margin-bottom: 0;*/
  width: 100%;

}

#hiddenRecaptcha-error.error {
  font-size: 12px;
  line-height: 1.2;
  background-color: transparent;
  color: #d9534f;
  font-weight: normal;
  width: 100%;
  text-align: left;
}

.basic-form input[type="text"]::-webkit-input-placeholder,
.basic-form input[type="password"]::-webkit-input-placeholder,
.basic-form input[type="email"]::-webkit-input-placeholder,
.basic-form input[type="tel"]::-webkit-input-placeholder,
.basic-form textarea::-webkit-input-placeholder {
  color: #b3b3b3;
}
.basic-form input[type="text"]:-moz-placeholder,
.basic-form input[type="password"]:-moz-placeholder,
.basic-form input[type="email"]:-moz-placeholder,
.basic-form input[type="tel"]:-moz-placeholder,
.basic-form textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #b3b3b3;
}
.basic-form input[type="text"]::-moz-placeholder,
.basic-form input[type="password"]::-moz-placeholder,
.basic-form input[type="email"]::-moz-placeholder,
.basic-form input[type="tel"]::-moz-placeholder,
.basic-form textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #b3b3b3;
}
.basic-form input[type="text"]:-ms-input-placeholder,
.basic-form input[type="password"]:-ms-input-placeholder,
.basic-form input[type="email"]:-ms-input-placeholder,
.basic-form input[type="tel"]:-ms-input-placeholder,
.basic-form textarea:-ms-input-placeholder {
  color: #b3b3b3;
}
.basic-form input[type="text"]:hover,
.basic-form input[type="password"]:hover,
.basic-form input[type="email"]:hover,
.basic-form input[type="tel"]:hover,
.basic-form textarea:hover,
.basic-form input[type="text"]:focus,
.basic-form input[type="password"]:focus,
.basic-form input[type="email"]:focus,
.basic-form input[type="tel"]:focus,
.basic-form textarea:focus {
  background-color: #ebebeb;
  box-shadow: none;
  outline: none;
  border-color: #ebebeb;
}
.basic-form input[type="text"],
.basic-form input[type="password"],
.basic-form input[type="email"],
.basic-form input[type="tel"],
.basic-form select,
.basic-form .typ {
  height: 35px;
  line-height: 35px;
  padding: 0 12px;
}
.basic-form input[name="address-prefix"] {
  padding:0 6px;
}
.basic-form input:disabled {
    cursor: initial;
}
.basic-form input:disabled:hover {
    color: white;
}
.basic-form:not(.info-contact-form) input:disabled {
    background:transparent !important;
    border:transparent !important;
}
#address-phone-error, #invoice-phone-error {
  width:100%;
}

@media (min-width: 480px) {
  .basic-form input[type="text"],
  .basic-form input[type="password"],
  .basic-form input[type="email"],
  .basic-form input[type="tel"],
  .basic-form select,
  .basic-form .typ {
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
  }
}
@media (min-width: 769px) {
  .basic-form input[type="text"],
  .basic-form input[type="password"],
  .basic-form input[type="email"],
  .basic-form input[type="tel"],
  .basic-form select,
  .basic-form .typ {
    padding: 0 8px;
  }
}
@media (min-width: 1025px) {
  .basic-form input[type="text"],
  .basic-form input[type="password"],
  .basic-form input[type="email"],
  .basic-form input[type="tel"],
  .basic-form select,
  .basic-form .typ {
    height: 28px;
    line-height: 28px;
  }
}
.basic-form select {
  background: #e6e6e6 url(../images/small-arrow-down.png) no-repeat right 11px center;
  background-size: 9px 6px;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #b3b3b3;
}
.basic-form select.valid:focus {
  outline: none;
}
.basic-form select.selected {
  color: #000;
}
.checkbox-wrapper {
  cursor: pointer;
  position: relative;
  text-align: left;
}
.checkbox-wrapper a {
  text-decoration: underline;
}
.checkbox-wrapper a:hover {
  font-weight: 600;
}
.checkbox-wrapper label span.rma-label {
  min-width: 200px;
  display: block;
  margin-left: 30px;
  margin-top: -3px;
}
.checkbox-wrapper label span.checkout-label {
  min-width: 300px;
  display: block;
  margin-left: 30px;
}
.checkbox-wrapper label {
  width: 18px;
  height: 18px;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #e6e6e6;
}
.checkbox-wrapper label:after,
.checkbox-wrapper label:before {
  content: '';
  width: 13px;
  height: 13px;
  position: absolute;
  border-top-width: 0;
  border-right-width: 0;
  background: transparent;
  opacity: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-style: solid;
  border-color: #595959;
}
.checkbox-wrapper label:after {
  top: -1px;
  right: -2px;
  border-bottom: none;
  border-left-width: 1px;
}
.checkbox-wrapper label:before {
  top: -1px;
  left: -2px;
  border-bottom-width: 1px;
  border-left: none;
}
.checkbox-wrapper label:hover::after,
.checkbox-wrapper label:hover::before {
  opacity: 0;
}
.checkbox-wrapper label.error {
  background-color: transparent;
  width: 100%;
  margin-top: 20px;
  font-size: 12px;
  font-weight: normal;
  color: #d9534f;
}
.checkbox-wrapper input[type=checkbox] {
  visibility: hidden;
  padding: 0 !important;
  height: 18px;
  width: 18px !important;
  margin: 0 10px 0 0;
  float: left;
  /*
        & + label:not(.error):after,
        & + label:not(.error):before {
            opacity: 1;
        }
        */
}
.checkbox-wrapper input[type=checkbox]:checked + label:not(.error):after,
.checkbox-wrapper input[type=checkbox]:checked + label:not(.error):before {
  opacity: 1;
}
.checkbox-wrapper input[type=checkbox].error {
  border-color: #d9534f !important;
  /*margin-bottom: 1em;*/
}
.checkbox-wrapper input[type=checkbox].error + label {
  padding-top: 5px;
}
.checkbox-wrapper input[type=radio] {
  visibility: hidden;
}
#create_rma_form .item-wrapper select.select-qty-rma {
  display: inline-block;
  width:140px;
  margin-right: 6px;
  margin-top: 0;
  margin-bottom: 10px;
  vertical-align: top;
  margin-left: 14px;
}

#create_rma_form .item-wrapper select.select-reason-rma {
  display: inline-block;
  width:140px;
  margin-right: 6px;
  margin-top: 0;
  margin-bottom: 10px;
  vertical-align: top;
  margin-left: 14px;
}


#create_rma_form .item-wrapper textarea.reason-other-rma {
  display: inline-block;
  width:140px;
  padding: 6px;
  margin-top: 0;
  margin-bottom: 10px;
  vertical-align: top;
  margin-left: 14px;
}

#create_rma_form .item-wrapper a.show-other-reason {
  display: inline-block;
  margin-bottom: 10px;
  vertical-align: top;
  margin-left: 14px;
  line-height: 28px;
}

.on4u-rma-return-create h2 {
  margin-bottom: 30px;
  font-weight: 400;
}

.on4u-rma-return-create .standard-modal .modal-footer {
  border-top: none;
  text-align: center;
}

.on4u-rma-return-create .standard-modal .modal-content > div {
  margin-left: auto;
  margin-right: auto;
}

.on4u-rma-return-create .modal-body {
  padding: 40px;
  text-align: center;
  padding: 60px 40px;
}

.on4u-rma-return-create .modal-body p{
  margin-bottom: 30px;
  font-family: "geogrotesque", Helvetica, Arial, sans-serif;
  font-size: 13px;
}


.on4u-rma-return-create .modal-body h4 {
  text-align: center;
  font-size: 20px;
  margin-top: 0px;
  margin-bottom: 40px;
}

@media (min-width: 480px) {
  .on4u-rma-return-create .standard-modal .modal-dialog {
    max-width: 400px;
    width: calc(100% - 60px);
  }
}

@media (min-width: 768px) {
  .on4u-rma-return-create .modal-content > div {
    max-width: 100%;
    padding-left: 30px;
    padding-right: 30px;

  }

  .on4u-rma-return-create .standard-modal .modal-content > div {
    max-width: 550px;
  }

  .on4u-rma-return-create .modal-body h4 {
    text-align: center;
    font-size: 20px;
    margin-top: 0px;
    margin-bottom: 40px;
  }
}

.on4u-rma-return-create .section {
  border-bottom: 2px solid black;
}


.telephone-rma {
  max-width: 240px;
}

.login-register-form > select,
.login-register-form > div.dob {
  margin-top: 8px;
}
.login-register-form > div.dob .dob-day ,
.login-register-form > div.dob .dob-month,
.login-register-form > div.dob .dob-year {
  display: inline-block;
  width: 33%;
}
.login-register-form > div.dob .dob-day ,
.login-register-form > div.dob .dob-month{
  margin-right: 0.5%;
}
.login-register-form input[type="text"]:first-child,
.login-register-form input[type="password"]:first-child,
.login-register-form input[type="email"]:first-child,
.login-register-form input[type="tel"]:first-child {
  margin-top: 0;
}

.on4u-rma-return-create .section.last {
  border-bottom: none;
  padding-bottom: 0;
}

.on4u-rma-return-create .section .section-content {
  overflow: hidden;
}

.on4u-rma-return-create .section .btn.next-section {
  margin-bottom: 14px;
  float: right;
}

.on4u-rma-return-create .section h3 {
  font-size: 14px;
  padding-bottom: 10px;
  text-transform: uppercase;
  font-weight: 700;
  margin-top: 16px;
  margin-bottom: 6px;
}

.on4u-rma-return-create .section.disabled h3 {
  color: #969696;
}

.on4u-rma-return-create .section h4 {
  font-size: 14px;
}

.on4u-rma-return-create .section:not(.active):not(.disabled) h3 {
  cursor: pointer;
}

.on4u-rma-return-create .section .section-error-msg {
  color: #d9534f;
  font-size: 12px;
  line-height: 1.2;
  margin-bottom: 10px;
  margin-top: 10px;
}

.on4u-rma-return-create .item-wrapper {
  padding-bottom: 10px;
  padding-top: 10px;
  border-bottom: 1px dotted #aaa;
}

.on4u-rma-return-create .item-wrapper.last {
  border-bottom: none;
}

.on4u-rma-return-create .item-wrapper .image-wrapper {
  display: inline-block;
  vertical-align: top;
  width: 110px;
  margin-right: 6px;
  vertical-align: top;
}

.on4u-rma-return-create .item-wrapper .image-wrapper img {
  display: inline-block;
  width: 80px;
}

.on4u-rma-return-create .item-wrapper .name-wrapper {
  display: inline-block;
  vertical-align: top;
  margin-right: 6px;
  margin-bottom: 10px;
  max-width: 110px;
  font-weight: 700;
}

.on4u-rma-return-create .item-wrapper .name-wrapper .ref {
  font-size: 10px;
  display: inline-block;
  width: 100%;
  font-weight: 400;
}
.on4u-rma-return-create .item-wrapper .name-wrapper .color,
.on4u-rma-return-create .item-wrapper .name-wrapper .size {
  font-size: 12px;
  display: inline-block;
  width: 100%;
  font-weight: 400;
}

.on4u-rma-return-create .item-wrapper .info-wrapper {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}

@media (min-width: 610px) {
  .on4u-rma-return-create .item-wrapper .info-wrapper {
    width: calc(100% - 120px - 120px);
  }
}

.on4u-rma-return-create .item-wrapper .checkbox-wrapper {
  width: 20px;
  display: inline-block;
  margin-right: 6px;
  margin-bottom: 10px;
  vertical-align: top;
}
.on4u-rma-return-create .item-wrapper .checkbox-wrapper input {
  display: none;
}

.on4u-rma-return-create .item-wrapper .checkbox-wrapper label {
  position: relative;
}

.on4u-rma-return-create #solapas {
  margin-top: 0;
}
.on4u-rma-return-create #solapas #dpoint .buscador h4 {
  margin-top: 0;
}

.on4u-rma-return-create #solapas #buscDrop {
  margin-top: 24px;
}

.on4u-rma-return-create #solapas #dpoint li {
  margin-bottom: 6px;
}

.on4u-rma-return-create #solapas .buscador {
  overflow: hidden;
}

.on4u-rma-return-create #solapas .search-drop-points .busc {
  border: solid 1px #e0e0e0;
}

.on4u-rma-return-create .section.step-3 .section-content {
  font-size: 0;
}

.on4u-rma-return-create .section.step-3 h4 {
  padding-bottom: 4px;
  border-bottom: 1px solid black;
  padding-left: 3px;
}

.on4u-rma-return-create .section.step-3 .selected-items h4 {
  max-width: 280px;
}

.on4u-rma-return-create .section.step-3 .selected-droppoints h4 {
  max-width: 280px;
}

.on4u-rma-return-create .section.step-3 .selected-items {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  margin-bottom: 20px;
}

.on4u-rma-return-create .section.step-3 ul.items {
  padding-left: 0;
}

.on4u-rma-return-create .section.step-3 li.item {

}

.on4u-rma-return-create .section.step-3 li.item .image-wrapper {
  display: inline-block;
  vertical-align: top;
  width: 80px;
  margin-right: 10px;
  font-size: 14px;
}

.on4u-rma-return-create .section.step-3 li.item .name-wrapper {
  display: inline-block;
  width: calc(100% - 90px);
  vertical-align: top;
  font-size: 14px;
  line-height: 1.42857143;
  color: #000;
  font-weight: 700;
}

.on4u-rma-return-create .section.step-3 li.item .name-wrapper .ref {
  font-size: 10px;
  display: inline-block;
  width: 100%;
  font-weight: 400;
}
.on4u-rma-return-create .section.step-3 li.item .name-wrapper .color,
.on4u-rma-return-create .section.step-3 li.item .name-wrapper .size {
  font-size: 12px;
  display: inline-block;
  width: 100%;
  font-weight: 400;
}

.on4u-rma-return-create .section.step-3 .selected-droppoints {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  margin-bottom: 20px;
}

.on4u-rma-return-create .section.step-3 .droppoint-info .name {
  font-size: 14px;
  font-weight: 700;
}

.on4u-rma-return-create .section.step-3 .droppoint-info .more-info {
  font-size: 12px;
}

.on4u-rma-return-create .section.step-3 .droppoint-info .ver-mapa {
  display: none;
}

.on4u-rma-return-create .section.step-3 .buttons-set {
  text-align: right;
  margin-top: 14px;
}

.on4u-rma-return-create .section.step-3 .btn.btn-outline {
  padding-top: 5px;
  padding-bottom: 5px;
}

.on4u-rma-return-create #solapas #dirDrop .more-info .ver-mapa,
.on4u-rma-return-create #solapas #dirDrop .more-info .ver-mapa + div,
.on4u-rma-return-create #solapas #dirDrop .more-info .ver-mapa + div + div {
  display: none;
}

@media (min-width: 769px) {
  .on4u-rma-return-create .section.step-3 .selected-droppoints {
    width: 50%;
    padding-left: 14px;
  }

  .on4u-rma-return-create .section.step-3 .selected-items {
    width: 50%;
    padding-right: 14px;
  }
}

/*Styles for RMA UNINFORMED (Devolución online con recogida en domicilio)*/
.rma_uninformed .title1{
    text-transform: none;
    text-align: center;
}

.rma_uninformed .title2 {
    text-align: center;
    margin-top: 37px;
    font-weight: 700;
}

.rma_uninformed .title3 {
    margin: 20px auto;
}

.rma_uninformed .steps-container {
    display: flex;
    justify-content: space-between;
    margin: 37px auto 37px;
    max-width: 1000px;
}

.rma_uninformed .steps-container div{
    width: 30%;
    vertical-align: top;
}

.rma_uninformed .steps-container span.title{
    display: block;
    margin-bottom: 6px;
}

.rma_uninformed .steps-container .helptext a{
    font-weight: 700;
}

.rma_uninformed .steps-container .helptext a:hover{
    text-decoration: underline;
}

.rma_uninformed .steps-container .helptext a.faq{
    font-weight: 700;
    text-decoration: underline;
}

.rma_uninformed #create_rmauninformed_form .flex-form{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin: auto;
    flex-direction: row;
    max-width: 800px;
}

.rma_uninformed #create_rmauninformed_form .flex-form .column{
    width: 48%;
    margin: 0 1%;
}

.rma_uninformed #create_rmauninformed_form textarea.observations {
    resize: none;
    border: unset !important;
    padding: 10px;
}

.rma_uninformed #create_rmauninformed_form .name-container input.firstname{
    display: inline-block;
    width: 36%;
    margin: 10px 2% 0 0;
}

.rma_uninformed #create_rmauninformed_form .name-container .lastname{
    display: inline-block;
    width: calc(62% - 4px);
}

.rma_uninformed .tlf-container span{
    display: inline-block;
    width: 40px;
}

.rma_uninformed .tlf-container input{
    width: calc(100% - 40px - 4px);
}

.rma_uninformed #create_rmauninformed_form .street-container input:first-child{
    display: inline-block;
    width: 36%;
    margin: 10px 2% 0 0;
}

.rma_uninformed #create_rmauninformed_form .street-container input.street2{
    display: inline-block;
    width: calc(62% - 4px);
}

.rma_uninformed .btn.btn-default{
    display: block;
    width: 350px;
    margin: 36px auto;
}

@media (max-width: 768px) {

    .rma_uninformed .title1{
        text-align: left;
        margin-top: 40px;
    }

    .rma_uninformed .title2 {
        text-align: left;
        margin: 18px 0;
    }

    .rma_uninformed .steps-container{
        flex-direction: column;
    }

    .rma_uninformed .steps-container div{
        width: 100%;
    }

    .rma_uninformed .steps-container span.title{
        margin-bottom: 0;
        margin-top: 2.2%;
    }

    .rma_uninformed #create_rmauninformed_form .flex-form{
        flex-direction: column;
        flex-wrap: nowrap;
        padding-bottom: 127px;
    }

    .rma_uninformed #create_rmauninformed_form .flex-form .column{
        width: 100%;
        margin: 0;
    }

    .rma_uninformed #create_rmauninformed_form .name-container input.firstname{
        width: 100%;
        margin: 10px 2% 0 0;
    }

    .rma_uninformed #create_rmauninformed_form .name-container .lastname{
        width: 100%;
    }

    .rma_uninformed .tlf-container{
        margin-bottom: 10px;
    }

    .rma_uninformed #create_rmauninformed_form .street-container input:first-child{
        width: 100%;
        margin: 10px 2% 0 0;
    }

    .rma_uninformed #create_rmauninformed_form .street-container input.street2{
        width: 100%;
    }

    .rma_uninformed #create_rmauninformed_form textarea.observations {
        margin-bottom: 7px;
        position: absolute;
        bottom: 0;
    }

    .rma_uninformed .basic-form textarea + label.error{
        position: absolute;
        bottom: -12px;
    }

    .rma_uninformed .btn.btn-default {
        width: 100%;
        margin-bottom: 41px;
    }
}

@media (max-width: 479px) {
    .rma_uninformed #create_rmauninformed_form .flex-form{
        flex-direction: column;
        flex-wrap: nowrap;
        padding-bottom: 123px;
    }
}

@media (min-width: 1025px) {
    .rma_uninformed #create_rmauninformed_form textarea.observations {
        max-height: 104px;
    }
}


#cart-checkout-modal-content .login-form input[type="text"],
#cart-checkout-modal-content .login-form input[type="password"],
#cart-checkout-modal-content .login-form input[type="email"] {
  margin: 10px auto 0;
  display: block;
}
#cart-checkout-modal-content .login-form input[type="text"]:first-child,
#cart-checkout-modal-content .login-form input[type="password"]:first-child,
#cart-checkout-modal-content .login-form input[type="email"]:first-child {
  margin-top: 0;
}
#cart-new-address-modal-content .add-new-address-form > input,
#cart-new-address-modal-content .add-new-address-form select {
  margin-top: 7px;
}
#cart-new-address-modal-content .add-new-address-form > input:first-child,
#cart-new-address-modal-content .add-new-address-form select:first-child {
  margin-top: 0;
}
#cart-new-address-modal-content .add-new-address-form select {
  width: 100%;
}
#cart-new-address-modal-content .add-new-address-form .input-group input {
  margin-top: 7px;
}
#datos .add-your-data-form input {
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 10px;
}
@media (min-width: 769px) {
  #datos .add-your-data-form input::-webkit-input-placeholder {
    color: #808080;
  }
  #datos .add-your-data-form input:-moz-placeholder {
    /* Firefox 18- */
    color: #808080;
  }
  #datos .add-your-data-form input::-moz-placeholder {
    /* Firefox 19+ */
    color: #808080;
  }
  #datos .add-your-data-form input:-ms-input-placeholder {
    color: #808080;
  }
}
@media (min-width: 1200px) {
  #datos .add-your-data-form input {
    margin-top: 7px;
  }
}
#datos .add-your-data-form .input-group input {
  float: left;
  width: -moz-calc(100% - 50px) !important;
  width: calc(100% - 50px) !important;
  margin-left: 10px;
}
#datos .add-your-data-form .input-group input:first-child {
  width: 40px !important;
  margin-left: 0;
}
.login-form input[type="email"],
.login-form input[type="password"] {
  width: 100%;
  margin-top: 8px;
}
.login-form input[type="email"]:first-child,
.login-form input[type="password"]:first-child {
  margin-top: 0;
}
.login-register-form input[type="text"],
.login-register-form input[type="password"],
.login-register-form input[type="email"],
.login-register-form input[type="tel"] {
  width: 100%;
  height: 28px;
  line-height: 28px;
  margin-top: 8px;
}
.login-register-form input[type="text"]:first-child,
.login-register-form input[type="password"]:first-child,
.login-register-form input[type="email"]:first-child,
.login-register-form input[type="tel"]:first-child {
  margin-top: 0;
}
#datos.readonly form.add-your-data-form span.phoneprefix{
  display:none;
}
#aside-account form > span,
form.info-contact-form span.phoneprefix,
form.new-address-form span.phoneprefix,
#datos:not(.readonly) form.add-your-data-form span.phoneprefix,
form.invoice-form span.phoneprefix {
  display: block;
  width: 24px;
  height: 28px;
  line-height: 28px;
  margin-top: 7px;
  float: left;
}
form.new-address-form span.phoneprefix {
  line-height: 24px;
}
#aside-account form > span + input[type="tel"],
form.info-contact-form span.phoneprefix + input[name="phone"],
form.new-address-form span.phoneprefix + input[name="address-phone"],
#datos:not(.readonly) form.add-your-data-form span.phoneprefix + input[name="user-phone"],
form.invoice-form span.phoneprefix + input[name="invoice-phone"] {
  width: -moz-calc(100% - 24px - 10px);
  width: calc(100% - 24px - 10px);
  margin-left: 10px;
  margin-top: 7px;
  float: left;
}
form.info-contact-form #phone-error,
span + input + label.error {
  width:100%;
}
.login-register-form span + input[type="tel"] {
  margin-bottom: 30px;
}
.login-register-form .checkbox-wrapper {
  clear: both;
  margin-top: 15px;
  font-size: 13px;
}
.login-register-form .checkbox-wrapper input[type="checkbox"] {
  margin-right: 5px;
}
.login-register-form input[type="submit"] {
  margin-top: 17px;
}
.login-register-company-form input[type="text"],
.login-register-company-form input[type="password"],
.login-register-company-form input[type="email"],
.login-register-company-form input[type="tel"],
.login-register-company-form select {
  margin-top: 12px;
}
.login-register-company-form .checkbox-wrapper {
  margin-top: 25px;
}
.login-register-company-form .clearfix + .checkbox-wrapper,
.login-register-company-form .dl-horizontal dd + .checkbox-wrapper,
.login-register-company-form .container + .checkbox-wrapper,
.login-register-company-form .container-fluid + .checkbox-wrapper,
.login-register-company-form .row + .checkbox-wrapper,
.login-register-company-form .form-horizontal .form-group + .checkbox-wrapper,
.login-register-company-form .nav + .checkbox-wrapper,
.login-register-company-form .navbar + .checkbox-wrapper,
.login-register-company-form .navbar-header + .checkbox-wrapper,
.login-register-company-form .navbar-collapse + .checkbox-wrapper,
.login-register-company-form .modal-header + .checkbox-wrapper,
.login-register-company-form .modal-footer + .checkbox-wrapper {
  margin-top: 15px;
}
.login-recovery-password-form input[type="email"] {
  height: 30px;
  margin-bottom: 10px;
}
/*********************** DISCOUNT FORM **********************/
body.cart main form {
  margin-bottom: 40px;
  margin-top: 40px;
  text-align: left;
  display: inline-block;
  width: 100%;
}
body.cart #aside-user-menu form {
  margin-bottom: 20px;
  margin-top: 0;
}
body.cart form.discount-form {
  display: none;
  clear: both;
  margin-bottom: 0;
  margin-top: 0;
}
@media (min-width: 480px) {
  body.cart form.discount-form {
    display: inline-block;
    margin-top: 42px;
    margin-bottom: 40px;
    max-width: 300px;
  }
}
body.cart form.discount-form .form-group {
  width: 100%;
  margin-bottom: 0;
}
@media (min-width: 480px) {
  body.cart form.discount-form .form-group {
    width: -moz-calc(100% - 60px);
    width: calc(100% - 60px);
  }
}
body.cart form.discount-form .form-group + .btn {
  display: none;
}
@media (min-width: 480px) {
  body.cart form.discount-form .form-group + .btn {
    background-color: #000;
    border-color: #000;
    color: white;
    -webkit-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
    font-size: 11px;
    padding: 0;
    display: block;
    width: 60px;
    line-height: 30px;
    height: 30px;
  }
  body.cart form.discount-form .form-group + .btn:hover {
    background-color: transparent;
    color: #000;
  }
}
body.cart form .form-group {
  width: -moz-calc(100% - 65px);
  width: calc(100% - 65px);
  float: left;
}
body.cart form.deliver-to-another-person-form {
	display: block;
}
body.cart form input {
  display: inline-block;
  width: 100%;
}
body.cart form #discount-code {
  background-color: #ffffff;
  border: solid 1px #b3b3b3;
  color: #000;
  box-shadow: none;
  width: 100%;
  height: 35px;
  line-height: 35px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 12px;
}
body.cart form #discount-code::-webkit-input-placeholder {
  color: #b3b3b3;
}
body.cart form #discount-code:-moz-placeholder {
  /* Firefox 18- */
  color: #b3b3b3;
}
body.cart form #discount-code::-moz-placeholder {
  /* Firefox 19+ */
  color: #b3b3b3;
}
body.cart form #discount-code:-ms-input-placeholder {
  color: #b3b3b3;
}
@media (min-width: 480px) {
  body.cart form #discount-code {
    background-color: #ebebeb;
    border-color: #ebebeb;
    height: 30px;
    line-height: 30px;
    padding-left: 8px;
  }
}
body.cart form button:not(.close, .btn-reset) {
  height: 30px;
  line-height: 30px;
  float: right;
  padding: 0;
  font-size: 11px !important;
  text-align: center;
  border: 1px solid #000;
  background: #fff;
  color: #666;
  position: relative;
  background: #000;
  color: #fff;
}
body.cart form button:not(.close, .btn-reset):hover {
  background: #fff;
  color: #000;
}
body.cart input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 0;
}
body.cart .cart-payment form.discount-form {
  display: inline-block;
}
@media (min-width: 480px) {
  body.cart .cart-payment section .discount-form {
    display: none;
  }
}
@media (min-width: 480px) {
  body.cart section form.discount-form {
    display: none;
  }
}
body.cart .discount-form.valid {
  position: relative;
}
@media (max-width: 479px) {
  body.cart .discount-form.valid #discount-code {
    width: -moz-calc(100% - 25px);
    width: calc(100% - 25px);
  }
}
@media (max-width: 479px) {
  body.cart .discount-form.valid .check-ok {
    display: block;
    position: absolute;
    right: 0;
    top: 7px;
  }
}
body.cart .discount-form.invalid {
  position: relative;
  /*.check-ko, .check-ok {
                    position: absolute;
                    left: -33px;
                    top: 0;
                }*/
}
@media (max-width: 479px) {
  body.cart .discount-form.invalid #discount-code {
    border-color: #d9534f;
  }
  .top-banner-promo-xl:not(.smartbanner) #aside-menu {
    top: 51px;
  }
}
/************************* ADDRESS OPTIONS MOBILE *************************/
.addresses-wrapper input[type="text"] {
  height: 38px;
  margin-top: 6px;
  margin-bottom: 8px;
  background-color: transparent;
  border: solid 1px #e6e6e6;
}
.addresses-wrapper input[type="text"]::-webkit-input-placeholder {
  color: #b3b3b3;
  font-size: 12px;
  padding: 2px;
  display: block;
}
.addresses-wrapper input[type="text"]:-moz-placeholder {
  /* Firefox 18- */
  color: #b3b3b3;
}
.addresses-wrapper input[type="text"]::-moz-placeholder {
  /* Firefox 19+ */
  color: #ccc;
}
.addresses-wrapper input[type="text"]:-ms-input-placeholder {
  color: #b3b3b3;
}
#cart-new-address-modal form.add-new-address-form .input-group input {
  float: left;
  width: -moz-calc(100% - 47px) !important;
  width: calc(100% - 47px) !important;
  margin-left: 7px;
}
#cart-new-address-modal form.add-new-address-form .input-group input:first-child {
  width: 40px !important;
  margin-left: 0;
}
#cart-new-address-modal form.add-new-address-form .input-group input + div {
  opacity: 0;
  height: 100%;
  max-height: 0;
  margin-left: 60px;
  margin-bottom: 0;
  font-size: 13px;
  width: -moz-calc(100% - 60px);
  width: calc(100% - 60px);
  line-height: 1.05;
  color: #666666;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
#cart-new-address-modal form.add-new-address-form .input-group input:focus + div,
#cart-new-address-modal form.add-new-address-form .input-group input:hover + div {
  opacity: 1;
  max-height: 200px;
  margin-bottom: 20px;
}
body.cart .add-new-address-form select {
  font-size: 13px;
  background: #ebebec url(../images/small-arrow-down.png) no-repeat right 11px center;
  background-size: 9px 6px;
}
@media (max-width: 479px) {
  body.cart .add-new-address-form select {
    height: 35px;
    line-height: 35px;
    padding-top: 0;
    margin-bottom: 0;
  }
}
@media (max-width: 479px) {
  body.cart .invoice-form .row > div {
    width: 100%;
  }
  body.cart .invoice-form .row > div.xxxs {
    width: 15%;
  }
  body.cart .invoice-form .row > div.xxxs + .xl {
    width: 85%;
  }
  body.cart .invoice-form .row > div.xxs {
    display: none;
  }
}
@media (min-width: 480px) {
  body.cart .invoice-form .xxxs {
    width: 8%;
  }
  body.cart .invoice-form .xxxs + .xl {
    width: 72%;
  }
  body.cart .invoice-form .xxs {
    width: 20%;
  }
  body.cart .invoice-form .xs,
  body.cart .invoice-form .xxl,
  body.cart .invoice-form .l {
    width: 100%;
  }
  body.cart .invoice-form .s {
    width: 40%;
  }
  body.cart .invoice-form .m {
    width: 80%;
  }
  body.cart .invoice-form .xl {
    width: 60%;
  }
}
@media (min-width: 600px) {
  body.cart .invoice-form .xs {
    width: 25%;
  }
  body.cart .invoice-form .xxl {
    width: 75%;
  }
  body.cart .invoice-form .xsSpan {
    min-width: 40%;
  }
}
@media (min-width: 769px) {
  body.cart .invoice-form .xxxs {
    width: 8%;
  }
  body.cart .invoice-form .xxxs + .xl {
    width: 77%;
  }
  body.cart .invoice-form .xxs {
    width: 15%;
  }
  body.cart .invoice-form .xs {
    width: 25%;
  }
  body.cart .invoice-form .s {
    width: 30%;
  }
  body.cart .invoice-form .m {
    width: 40%;
  }
  body.cart .invoice-form .l {
    width: 45%;
  }
  body.cart .invoice-form .xl {
    width: 70%;
  }
  body.cart .invoice-form .xxl {
    width: 75%;
  }
}
@media (min-width: 1025px) {
  body.cart .invoice-form .xs {
    width: 26%;
  }
  body.cart .invoice-form .xs + .xxl {
    width: -moz-calc(100% - 26%);
    width: calc(100% - 26%);
  }
  body.cart .invoice-form .s {
    width: 31%;
  }
  body.cart .invoice-form .s + .xl {
    width: -moz-calc(100% - 31%);
    width: calc(100% - 31%);
  }
  body.cart .invoice-form .l + .xxs {
    width: 60px;
  }
  body.cart .invoice-form .xxxs {
    width: 30px;
  }
  body.cart .invoice-form .xxxs + .xl {
    width: -moz-calc(100% - 60px - 30px);
    width: calc(100% - 60px - 30px);
  }
}
@media (min-width: 768px) {
  body.cart section > .invoice-form .xxs {
    width: 60px;
  }
  body.cart section > .invoice-form .xxs + .m {
    width: 100px;
  }
  body.cart section > .invoice-form .xxs + .m + .l {
    width: -moz-calc(100% - 60px - 100px);
    width: calc(100% - 60px - 100px);
  }
  body.cart section > .invoice-form .xxxs + .xl {
    width: 28%;
    max-width: 95px;
  }
}
@media (min-width: 1025px) {
  body.cart section > .invoice-form .xxs {
    width: 16%;
  }
  body.cart section > .invoice-form .xxs + .m {
    width: 41%;
  }
  body.cart section > .invoice-form .xxs + .m + .l {
    width: -moz-calc(100% - 16% - 41%);
    width: calc(100% - 16% - 41%);
  }
  body.cart section > .invoice-form .l + .xxs {
    width: 95px;
  }
  body.cart section > .invoice-form .xxxs {
    width: 35px;
  }
  body.cart section > .invoice-form .xxxs + .xl {
    max-width: none;
    width: 26%;
  }
}
/************************* FORM VALIDATION *************************/
@-webkit-keyframes slow-showing-opacity {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes slow-showing-opacity {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slow-showing-opacity {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes slow-showing-height {
  from {
    max-height: 0;
  }
  to {
    max-height: 34px;
  }
}
@-moz-keyframes slow-showing-height {
  from {
    max-height: 0;
  }
  to {
    max-height: 34px;
  }
}
@keyframes slow-showing-height {
  from {
    max-height: 0;
  }
  to {
    max-height: 34px;
  }
}
@-webkit-keyframes slow-hiding {
  from {
    max-height: 34px;
    opacity: 1;
  }
  to {
    max-height: 0;
    opacity: 0;
  }
}
@-moz-keyframes slow-hiding {
  from {
    max-height: 34px;
    opacity: 1;
  }
  to {
    max-height: 0;
    opacity: 0;
  }
}
@keyframes slow-hiding {
  from {
    max-height: 34px;
    opacity: 1;
  }
  to {
    max-height: 0;
    opacity: 0;
  }
}
.login-form input + label,
.signup-form input + label {
  margin-bottom: 15px;
  text-align: left;
}

#cart-checkout-modal-content {
  font-size: 13px;
}

@media (min-width: 480px) {
  .add-your-data-form input + label.error:before,
  .new-address-form input + label.error:before {
    content: 'x';
    color: #ffffff;
    font-weight: bold;
    font-family: helvetica;
    text-align: center;
    font-size: 10px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: none;
    position: relative;
    background-color: #d9534f;
    width: 14px;
    height: 14px;
    display: block;
    position: absolute;
  }
  .add-your-data-form input + label.error:before:before,
  .new-address-form input + label.error:before:before {
    content: '';
    border-style: solid;
    border-color: #ffffff;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .add-your-data-form input + label.error:before:before,
  .new-address-form input + label.error:before:before {
    top: 0;
    left: 7px;
    border-width: 0 0 0 3px;
  }
  .add-your-data-form input + label.error:before:after,
  .new-address-form input + label.error:before:after {
    content: '';
    border-style: solid;
    border-color: #ffffff;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 0;
    left: 0;
    border-width: 0 0 3px 0;
  }
  .add-your-data-form input + label.error:before:before,
  .new-address-form input + label.error:before:before,
  .add-your-data-form input + label.error:before:after,
  .new-address-form input + label.error:before:after {
    width: 13px;
    height: 13px;
    position: absolute;
  }
}
@media (min-width: 480px) {
  .add-your-data-form input + label {
    margin-top: -5px;
    margin-bottom: 10px;
  }
  .add-your-data-form input + label.error:before {
    margin-top: -26px;
    margin-left: -18px;
  }
}
@media (min-width: 768px) {
    .new-address-form input[name="address-postal-code"] + label {
        max-height: none;
        -webkit-animation: slow-showing-opacity 0.7s ease-in 1 forwards;
        -moz-animation: slow-showing-opacity 0.7s ease-in 1 forwards;
        animation: slow-showing-opacity 0.7s ease-in 1 forwards;
    }
}
.invoice-form-modal input + label {
  margin-top: -5px;
  margin-bottom: 10px;
}
#cart-invoice-modal-content .basic-form input[type="text"],
#cart-invoice-modal-content .basic-form input[type="password"],
#cart-invoice-modal-content .basic-form input[type="email"],
#cart-invoice-modal-content .basic-form input[type="tel"],
#cart-invoice-modal-content .basic-form select {
  margin-top: 7px;
}
#cart-invoice-modal-content .basic-form input[type="text"]:first-child,
#cart-invoice-modal-content .basic-form input[type="password"]:first-child,
#cart-invoice-modal-content .basic-form input[type="email"]:first-child,
#cart-invoice-modal-content .basic-form input[type="tel"]:first-child,
#cart-invoice-modal-content .basic-form select:first-child {
  margin-top: 0;
}
#cart-invoice-modal-content .basic-form .input-group {
  margin-top: 7px;
  padding-left:0;
  padding-right:0;
}
#cart-invoice-modal-content .basic-form input[name="invoice-prefix"],
#cart-invoice-modal-content .basic-form .input-group {
  background-color:transparent;
  border: none;
}
#cart-invoice-modal-content .basic-form .input-group input,
#cart-invoice-modal-content .basic-form .input-group input[type="text"],
#cart-invoice-modal-content .basic-form .input-group input[type="password"],
#cart-invoice-modal-content .basic-form .input-group input[type="email"],
#cart-invoice-modal-content .basic-form .input-group input[type="tel"],
#cart-invoice-modal-content .basic-form .input-group select {
  margin-top: 0;
}
#cart-invoice-modal-content .basic-form .input-group input[type="text"]:first-child,
#cart-invoice-modal-content .basic-form .input-group input[type="password"]:first-child,
#cart-invoice-modal-content .basic-form .input-group input[type="email"]:first-child,
#cart-invoice-modal-content .basic-form .input-group input[type="tel"],
#cart-invoice-modal-content .basic-form .input-group select:first-child {
  text-align: left;
  padding-right: 0;
}
@media (min-width: 480px) {
  .new-address-form input + label {
    margin-top: 5px;
  }
  .new-address-form input + label.error:before {
    margin-top: -26px;
    margin-left: -18px;
  }
  .new-address-form input + label.error#address-phone-error:before {
    display: none;
  }
}
@media (min-width: 1200px) {
  .new-address-form input + label.error:before {
    display: none;
  }
}
#banner-top {
  position: relative;
  text-align: center;
  height: 27px;
  background-color: #000;
  color: #fff;
}
#banner-top #banner-top-content {
  display: flex;
  align-items: center;
  height: 100%;
  margin: 0 39px;
  font-weight: 300;
}
html.top-banner-promo-xl #banner-top #banner-top-content a,
html.top-banner-promo-xl #banner-top #banner-top-content .wrap {
  display: block;
  width: 100%;
}
#banner-top .close {
  position: absolute;
  overflow: visible;
  line-height: normal;
  background: none;
  border: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 6px;
  right: 5px;
  margin-right:0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (min-width: 480px) {
  .top-banner-promo #banner-top .close,
  .top-banner-promo-xl #banner-top .close {
    display: block;
  }
}

#head {
  height: 50px;
  text-align: center;
}
@media (max-width: 1023px) {
  .catalog-category-view #header,
  .catalog-product-view #header {
    background-color: transparent;
  }
}

@media (min-width: 480px) {
  #head {
    height: 70px;
  }
}
@media (min-width: 1025px) {
  #head {
    text-align: left;
  }
  html:not(.fullscreen) #head{
    /*background: #fff;*/
  }
}
.info-drop-point #head,
.proteccion-privacidad #head,
.contact #head,
.condiciones-legales #head {
  background-color: #ffffff;
}
@media (min-width: 1025px) {
  .info-drop-point #head,
  .proteccion-privacidad #head,
  .contact #head,
  .condiciones-legales #head {
    background-color: transparent;
  }
}
#menu-open {
  position: absolute;
  top: 0px;
  left: 3px;
  z-index: 551;
  padding: 0;
  overflow: visible;
  line-height: normal;
  background: none;
  border: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 15px;
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  -moz-transition: -moz-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
}
@media (min-width: 480px) {
  #menu-open {
    top: 15px;
    left: 15px;
  }
}
@media (min-width: 1025px) {
  html:not(.menu2) #menu-open {
    display: none;
  }
  html.menu2 #menu-open {
    top: 50px;
    left: 12px;
  }
}
#menu-open span {
  background-image: url('../images/sprite.png');
  background-position: -2px -292px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 21px;
  height: 16px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #menu-open span {
    background-image: url('../images/sprite@2x.png');
    background-size: 205px 1572px;
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
  #menu-open span {
    background-image: url('../images/sprite@3x.png');
    background-size: 205px 1572px;
  }
}
.contrast #menu-open span {
  background-position: -2px -330px;
}
.contrast.menu-open #menu-open span {
  background-position: -2px -292px;
}
#logo {
  margin-top: 15px;
  /*background-image: url('../images/sprite.png');*/
  /*background-position: -2px -273px;*/
  /*background-repeat: no-repeat;*/
  /*background-color: transparent;*/
  overflow: hidden;
  display: inline-block;
  width: 136px;
  height: 17px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  border: 0;
  image-rendering: crisp-edges;
}
html.contrast a#logo img {
    visibility: hidden;
}
html.contrast a#logo {
    background-image: url("/media/wysiwyg/home/logo-byl-white.svg");
    background-repeat: no-repeat;
}
/*@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {*/
  /*#logo {*/
    /*background-image: url('../images/sprite@2x.png');*/
    /*background-size: 205px 1574px;*/
  /*}*/
/*}*/
/*@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {*/
  /*#logo {*/
    /*background-image: url('../images/sprite@3x.png');*/
    /*background-size: 205px 1572px;*/
  /*}*/
/*}*/
/*.contrast #logo {*/
  /*background-position: -2px -368px;*/
/*}*/
@media (min-width: 480px) {
  #logo {
    margin-top: 25px;
    /*background-position: -2px -881px;*/
    /*background-repeat: no-repeat;*/
    overflow: hidden;
    display: inline-block;
    width: 201px;
    height: 25px;
  }
  /*.contrast #logo {*/
    /*background-position: -2px -857px;*/
  /*}*/
}
@media (min-width: 1025px) {
  #logo {
    margin-left: 25px;
  }
  html.menu2 #logo {
    margin-top: 25px;
    margin-left: 28px;
  }
}
#aside-menu {
  max-width: 30px;
  text-align: right;
}
#aside-menu ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
#aside-menu li {
  position: relative;
  display: block;
  height: 40px;
  min-width: 30px;
}
#aside-menu li.aside-menu-cart,
#aside-menu li.aside-menu-cart a {
  height: 40px;
}
#aside-menu li.aside-menu-cart .rollover::after {
  top: 9px;
  right: 4px;
}
#aside-menu li.aside-menu-wish,
#aside-menu li.aside-menu-wish a {
  height: 42px;
}
#aside-menu li.aside-menu-account .rollover::after {
  right: 7px;
}
#aside-menu li.aside-menu-search .rollover::after {
  top: 13px;
}
#aside-menu li.aside-menu-help .rollover::after {
  right: 9px;
  top: 13px;
}
#aside-menu li.aside-menu-filter,
#aside-menu li.aside-menu-filter a {
  height: 52px;
  padding-right: 0;
}
#aside-menu li.aside-menu-filter .rollover::after {
    top: 10px;
    right: 6px;
}
#aside-menu .aside-menu-filter,
#aside-menu .aside-menu-xs {
  display: none;
}
.filter #aside-menu .aside-menu-filter {
  display: block;
}
.rollover {
  position: absolute;
  right: 0;
  padding-right:40px;
  height: 40px;
  min-width: 30px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  white-space: nowrap;
  display: inline-block;
}
.rollover::before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.rollover::after {
  background-image: url('../images/sprite.png');
  content: '';
  position: absolute;
  right: 5px;
  top: 15px;
  top: 13px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .rollover::after {
    background-image: url('../images/sprite@2x.png');
    background-size: 205px 1572px;
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
  .rollover::after {
    background-image: url('../images/sprite@3x.png');
    background-size: 205px 1572px;
  }
}
.cart-amount {
  position: absolute;
  top: 7px;
  right: 4px;
  z-index: 10;
  display: inline-block;
  width: 17px;
  text-align: center;
  font-size: 10px;
  line-height: 3;
  color: #ffffff;
}
.contrast .cart-amount {
  color: #000;
}
.filter #aside-menu-filter {
  right: 4px;
  font-size: 12px;
  text-transform: none;
}
@media (min-width: 480px) {
  .filter #aside-menu-filter {
    right: 0px;
    font-size: 11px;
    text-transform: uppercase;
  }
}
#cart.rollover::after {
  background-position: -2px -807px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  width: 17px;
  height: 21px;
}
#aside-menu-wish.rollover::after {
  background-position: -2px -493px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  width: 18px;
  height: 17px;
}
#aside-menu-account.rollover::after {
  background-position: -2px -311px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  width: 15px;
  height: 15px;
}
#aside-menu #aside-menu-search.rollover::after {
    background-image: url('/media/wysiwyg/test/search.svg') !important;
    background-position: 0px 0px !important;
    height: 20px;
    width: 18px;
    background-size: auto;
}
#aside-menu-help.rollover::after {
  background-position: -2px -668px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  width: 12px;
  height: 18px;
}
.contrast #cart.rollover::after {
  background-position: -2px -832px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  width: 17px;
  height: 21px;
}
.contrast #aside-menu-wish.rollover::after {
  background-position: -2px -409px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  width: 18px;
  height: 17px;
}
.contrast #aside-menu-account.rollover::after {
  background-position: -2px -349px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  width: 15px;
  height: 15px;
}
.contrast #aside-menu-search.rollover::after {
  background-position: -2px -514px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  width: 18px;
  height: 18px;
}
.contrast #aside-menu-help.rollover::after {
  background-position: -2px -536px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  width: 12px;
  height: 18px;
}
@media (min-width: 480px) {
  #aside-menu .aside-menu-xs {
    display: block;
  }
    #aside-menu #aside-menu-filter::after {
        background-image: url('/media/wysiwyg/test/rayas.svg') !important;
        background-position: 0px 0px !important;
        height: 16px;
        width: 18px;
        background-size: auto;
    }
  .contrast #aside-menu-filter::after {
    background-position: -2px -56px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: inline-block;
    width: 10px;
    height: 10px;
  }
}
#aside-menu li:not(.aside-menu-filter) .rollover-title {
  display: inline-block;
  width: 0;
  padding-right: 0;
  margin-right: 0;
  overflow: hidden;
  vertical-align: middle;
  letter-spacing: -6px;
  letter-spacing: -0.5em;
  color: transparent;
  -webkit-transition: letter-spacing 0.3s ease-out, color 0.2s ease-out;
  -moz-transition: letter-spacing 0.3s ease-out, color 0.2s ease-out;
  transition: letter-spacing 0.3s ease-out, color 0.2s ease-out;
}
#aside-menu li .rollover-title { pointer-events: none; }

@media (min-width: 480px) {
  #aside-menu li.aside-menu-filter a{ padding-right:40px; }
  #aside-menu li .rollover-title { cursor:default; pointer-events: auto; }
  #aside-menu li .rollover-title.closing {
  width: 100%;
 /* padding-right: 30px; */
  margin-right: 30px;
  }
  .filter #aside-menu-filter .rollover-title {
    display: inline-block;
    width: 0;
    padding-right: 0;
    margin-right: 0;
    overflow: hidden;
    vertical-align: middle;
    letter-spacing: -6px;
    letter-spacing: -0.5em;
    color: transparent;
    -webkit-transition: letter-spacing 0.3s ease-out, color 0.2s ease-out;
    -moz-transition: letter-spacing 0.3s ease-out, color 0.2s ease-out;
    transition: letter-spacing 0.3s ease-out, color 0.2s ease-out;
  }
  .filter #aside-menu-filter .rollover-title.closing {
    width: 100%;
    margin-right: 30px;
  }
}
@media screen and (-webkit-max-device-pixel-ratio: 1.3), screen and (-webkit-max-device-pixel-ratio: 1.25), screen and (max-resolution: 120dpi), screen and (max-resolution: 1.3dppx) {
  #aside-menu a:hover .rollover-title {
    width: 100%;
    padding-right: 30px;
    margin-right: 30px;
    color: #000;
    letter-spacing: normal;
    letter-spacing: 0em;
  }
  .contrast #aside-menu a:hover .rollover-title {
    color: #ffffff;
  }
}
#menu {
  padding-left: 0;
  padding-bottom: 55px;
}
@media (min-width: 480px) {
  #menu {
    padding-bottom: 0;
  }
}
@media (min-width: 1025px) {
  .contact #menu,
  .proteccion-privacidad #menu,
  .condiciones-legales #menu {
    background-color: #ffffff;
  }
}
.menu-wrapper {
  height: 100%;
  max-height: 100%;
  /*margin-right: 20px;*/
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  /*padding-top: 32px;*/
}
@media (min-width: 480px) {
  .menu-wrapper {
    margin-right: 15px;
  }
}
@media (min-width: 769px) {
  .menu-wrapper {
    padding-top: 0px;
    margin-right: 10px;
  }
}
@media (min-width: 1025px) {
  .menu-wrapper {
    padding-top: 12px;
    margin-right: 0;
    /* overflow: hidden; */
    overflow-y: auto;
    overflow-x: hidden;
    width: calc(100% + 20px);
  }
}
.byl-navbar-nav {
  list-style: none;
  margin-bottom: 0;
  padding-left: 12px;
}
@media (min-width: 480px) {
  .byl-navbar-nav {
    padding-left: 24px;
  }
}
@media (min-width: 1025px) {
  .byl-navbar-nav {
    padding-left: 34px;
  }
}
#menu .dropdown.open > .dropdown-menu {
  float: none;
  position: relative;
}
#menu .dropdown-menu {
  box-shadow: none;
}
#menu .dropdown-menu > li > a {
  display: inline-block;
  padding: 7px;
}
#menu .dropdown .dropdown-backdrop {
  display: none;
}
.byl-navbar-nav .divider {
  height: 25px;
}
.byl-navbar-nav .dropdown-menu {
  border: none;
  padding: 0 10px;
  margin: 0;
  margin-top: 12px;
  margin-bottom: 20px;
}
@media screen and (-webkit-max-device-pixel-ratio: 1.3), screen and (-webkit-max-device-pixel-ratio: 1.25), screen and (max-resolution: 120dpi), screen and (max-resolution: 1.3dppx) {
  .byl-navbar-nav .dropdown-menu {
    margin: 0;
  }
}
.byl-navbar-nav ul {
  list-style: none;
  padding: 10px;
}
.byl-navbar-nav ul li:first-child a {
  margin-top: 0;
}
.byl-navbar-nav ul li:last-child a {
  margin-bottom: 0;
}
.byl-navbar-nav li a,
.byl-navbar-nav span a {
  display: inline-block;
  margin: 9px 0;
  padding: 6px;
  font-size: 15px;
  line-height: .75;
  letter-spacing: .7px;
}
@media screen and (min-width:1025px) {
  .byl-navbar-nav li a,
  .byl-navbar-nav span a {
    margin: 1px 0;
    font-size: 13px;
  }
}
.byl-navbar-nav > li > a, .byl-navbar-nav > span > a {
  font-weight: 700;
  margin-top: 10px;
  margin-bottom: 10px;
}
@media screen and (min-width:1025px) {
  .byl-navbar-nav > li > a, .byl-navbar-nav > span > a  {
    margin: 2px 0;
  }
  .byl-navbar-nav > li > a:active,
  .byl-navbar-nav > li > a:hover,
  .byl-navbar-nav > span > a:active,
  .byl-navbar-nav > span > a:hover  {
    background-color: #000;
    color: #ffffff;
  }
}
ul.nav-tabs {
  padding: 0;
  margin-bottom: 12px;
  border-bottom: none;
}
@media screen and (-webkit-max-device-pixel-ratio: 1.3), screen and (-webkit-max-device-pixel-ratio: 1.25), screen and (max-resolution: 120dpi), screen and (max-resolution: 1.3dppx) {
  ul.nav-tabs {
    margin-bottom: 0;
  }
}
ul.nav-tabs > li > a {
  display: block;
  margin: 0;
  background-color: transparent;
  color: #000;
  font-weight:700;
}
ul.tab-pane {
  padding: 7px 0;
}
ul.tab-pane.fade {
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
#menu .nav-tabs > li > a,
#menu .nav-tabs > li > a:focus,
#menu .nav-tabs > li > a:hover,
#menu .nav-tabs > li.active > a,
#menu .nav-tabs > li.active a:hover,
#menu .nav-tabs > li.active > a:focus {
  border: none;
}
#menu .dropdown-menu > li > a:focus,
#menu .dropdown-menu > li > a:hover,
#menu .dropdown-menu > .active > a,
#menu .dropdown-menu > .active > a:focus,
#menu .nav-tabs > li > a:focus,
#menu .nav-tabs > li.active > a,
#menu .nav-tabs > li.active > a:focus,
#menu .dropdown-menu > li > a.active,
#menu .dropdown-menu > .active > a.active,
#menu .nav-tabs > li > a.active,
#menu .nav-tabs > li.active > a.active,
#menu .tab-pane > li > a.active,
#menu .tab-pane > li.active a.active,
#menu .tab-pane > li > a:hover,
#menu .tab-pane > li.active a {
  background-color: transparent;
  color: #000;
  font-weight: 700;
}
#menu .dropdown-menu > .active > a:hover,
#menu .nav-tabs > li > a:hover,
#menu .nav-tabs > li.active a:hover {
  background-color: transparent;
  color: #000;
}
@media screen and (-webkit-max-device-pixel-ratio: 1.3), screen and (-webkit-max-device-pixel-ratio: 1.25), screen and (max-resolution: 120dpi), screen and (max-resolution: 1.3dppx) {
  #menu .dropdown-menu > .active > a:hover,
  #menu .nav-tabs > li > a:hover,
  #menu .nav-tabs > li.active a:hover {
    font-weight: 700;
  }
}
#menu-show {
  position: fixed;
  bottom: 30px;
  left: 245px;
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  padding: 0;
  overflow: visible;
  line-height: normal;
  background: none;
  border: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: url('../images/sprite.png');
  background-position: -2px -966px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 26px;
  height: 26px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #menu-show {
    background-image: url('../images/sprite@2x.png');
    background-size: 205px 1572px;
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
  #menu-show {
    background-image: url('../images/sprite@3x.png');
    background-size: 205px 1572px;
  }
}
#menu-show.show {
  opacity: 1;
}
.menu-wrapper.autoscroll #menu-show {
  background-position: -2px -997px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 26px;
  height: 26px;
}
#menu-mobile{
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 55px;
  z-index: 500;
  background: black;
}

#menu-mobile > ul a:before {
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  width: 24px;
  height: 24px;
  content: '';
  background-position: center center;
  background-size: contain;
}
#menu-mobile ul .icon-myaccount:before {
  /*content: "\e901";*/
  background-image: url(../images/user-byl@2x.png);
}
#menu-mobile ul .icon-search:before {
  content: "\e902";
  background-image: url(../images/search-byl@2x.png);
}

#menu-mobile ul li a.mobile-help-text {
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    text-align: right;
    padding-right: 10px;
}
#menu-mobile ul li a.mobile-help-text::before {
    width: 0px;
}

#menu-mobile ul .icon-wl-02:before {
  /*content: "\e903";*/
  background-image: url(../images/wishlist-byl@2x.png);
}
#menu-mobile ul .icon-help:before {
  /*content: "\e904";*/
  background-image: url(../images/faq-byl@2x.png);
}

#menu-wrapper ul.rrss-icons-aside-left {
  height: 45px;
  width: 100%;
  margin: 0;
  list-style: none;
  padding: 0;
  margin-bottom: 20px;
  border-top: 1px solid #666;
  padding-top: 20px;
}
#menu-wrapper ul.rrss-icons-aside-left li {
  position: relative;
  display: inline-block;
  width: 13%;
  float: left;
}
#menu-wrapper ul.rrss-icons-aside-left li a{
  width: 20px;
  height: 20px;
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  float: right;
}
p.rrss-icons-text-follow {
    font-size: 15px;
    font-weight: bold;
    padding-left: 20px;
}

#menu-wrapper ul.rrss-icons-aside-left a.ig { background-image: url('../images/rrss/instagram-black-byl@2x.png'); }
#menu-wrapper ul.rrss-icons-aside-left a.fb { background-image: url('../images/rrss/facebook-black-byl@2x.png'); }
#menu-wrapper ul.rrss-icons-aside-left a.yt { background-image: url('../images/rrss/youtube-black-byl.png'); }
#menu-wrapper ul.rrss-icons-aside-left a.tw { background-image: url('../images/rrss/twitter-black-byl@2x.png'); }



@media (min-width: 480px) {
  #menu-mobile {
    display: none;
  }
  #menu-wrapper ul.rrss-icons-aside-left {
      display: none;
  }
}
#menu-mobile ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
#menu-mobile li {
  position: relative;
  display: inline-block;
  width: 25%;
  font-size: 16px;
  margin-right: -3px;
  /*text-align: center;*/
}
#menu-mobile a {
  display: inline-block;
  width: 100%;
  height: 100%;
  color: #6e6e6e;
  line-height: 56px;
  white-space: nowrap;
  font-size: 28px;
  text-transform: uppercase;
  vertical-align: text-bottom;
}


.contrast:not(.menu-open) #menu .byl-navbar-nav > li > a,
.contrast:not(.menu-open) #menu .byl-navbar-nav > span > a {
  color: #ffffff;
}
@media screen and (-webkit-max-device-pixel-ratio: 1.3), screen and (-webkit-max-device-pixel-ratio: 1.25), screen and (max-resolution: 120dpi), screen and (max-resolution: 1.3dppx) {
  .contrast:not(.menu-open) #menu .byl-navbar-nav > li > a:active,
  .contrast:not(.menu-open) #menu .byl-navbar-nav > span > a:active,
  .contrast:not(.menu-open) #menu .byl-navbar-nav > li > a:hover,
  .contrast:not(.menu-open) #menu .byl-navbar-nav > span > a:hover {
    background-color: #ffffff;
    color: #000;
  }
}
.contrast:not(.menu-open) #menu .dropdown-menu > li > a,
.contrast:not(.menu-open) #menu .tab-pane > li > a,
.contrast:not(.menu-open) #menu ul.nav-tabs > li > a {
  color: #ffffff;
}
.contrast:not(.menu-open) #menu .dropdown-menu > .active > a:hover,
.contrast:not(.menu-open) #menu .dropdown-menu > .active > a:focus,
.contrast:not(.menu-open) #menu .nav-tabs > li.active a:hover,
.contrast:not(.menu-open) #menu .nav-tabs > li.active > a:focus {
  color: #ffffff;
}
@media (min-width: 1025px) {
  .view-all {
    display: none;
  }
}
#menu .dropdown .dropdown-menu {
  display: block;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: 0.3s max-height ease-in-out, 0.3s opacity linear;
  -moz-transition: 0.3s max-height ease-in-out, 0.3s opacity linear;
  transition: 0.3s max-height ease-in-out, 0.3s opacity linear;
}
#menu .dropdown.open > .dropdown-menu {
  max-height: 1000px;
  opacity: 1;
}
#menu .dropdown.opening .dropdown-menu,
#menu .dropdown.closing .dropdown-menu {
  position: relative;
  opacity: 1;
  float: none;
}
#popup-help-mobile .close {
  z-index: 30000;
}
#aside > .close {
  position: absolute;
  top: 21px;
  right: 25px;
  z-index: 1;
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  -moz-transition: -moz-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
}
@media (min-width: 480px) {
  #aside > .close {
    top: 18px;
    right: 12px;
  }
}
@media (min-width: 1025px) {
  #aside > .close {
    top: 19px;
    right: 9px;
  }
}
#aside.banner > .close {
  -webkit-transform: translateY(38px);
  -moz-transform: translateY(38px);
  -ms-transform: translateY(38px);
  transform: translateY(38px);
}

html.top-banner-promo-xl #aside.banner > .close {
  -webkit-transform: translateY(59px);
  -moz-transform: translateY(59px);
  -ms-transform: translateY(59px);
  transform: translateY(59px);
}
html.smartbanner #aside.banner > .close {
  -webkit-transform: translateY(38px);
  -moz-transform: translateY(38px);
  -ms-transform: translateY(38px);
  transform: translateY(38px);
}

#aside .aside-section {
  display: none;
}
#aside .aside-section.selected {
  display: block;
}
.ios #aside .aside-section.selected {
  height: -moz-calc(101%);
  height: calc(101%);
}
.aside-section {
  position: relative;
  padding: 29px 31px 50px;
  text-align: center;
}
@media (min-width: 480px) {
  .aside-section {
    padding: 14px 30px 35px;
  }
}
.aside-section article {
  margin-top: 21px;
}
.aside-section p {
  padding: 20px 20px 5px;
  margin-top: 20px;
  font-size: 13px;
}
.aside-section .btn {
  width: 100%;
}
.aside-title {
  font-size: 18px;
}
@media (min-width: 480px) {
  .aside-title {
    font-size: 20px;
  }
}
#aside-cart-banner {
  width: 100%;
  height: 0;
  line-height: 38px;
  font-size: 14px;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  background-color: #999;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: height 0.4s ease-in-out, opacity 0.4s ease-in-out;
  -moz-transition: height 0.4s ease-in-out, opacity 0.4s ease-in-out;
  transition: height 0.4s ease-in-out, opacity 0.4s ease-in-out;
}
.banner #aside-cart-banner {
  height: 38px;
  opacity: 1;
}
#cart-empty {
  display: none;
}
#cart-form {
  display: block;
}
#aside-cart.empty #cart-form {
  display: none;
}
#aside-cart.empty #cart-empty {
  display: block;
}
.cart-product,
.wishlist-product {
  position: relative;
  padding: 14px 19px;
  margin-bottom: 20px;
  border: 1px solid #ccc;
}
.cart-product .close,
.wishlist-product .close {
  position: absolute;
  top: 5px;
  right: 5px;
}
.cart-product img,
.wishlist-product img {
  max-width: 115px;
  margin: auto;
  max-height: 140px;

}

.cart-product .cart-product-txt,
.wishlist-product .cart-product-txt {
  text-align: left;
  font-size: 13px;
}
.cart-product .cart-product-title,
.wishlist-product .cart-product-title {
  font-weight: 700;
  margin-top: 0;
  text-transform: none;
}
.cart-product-features {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  margin-bottom: 20px;
  margin-top: 15px;
}
.cart-product-features li {
  display: block;
  margin-bottom: 2px;
}
.cart-product-amount {
  margin-bottom: 35px;
}
.cart-product-amount .increment,
.cart-product-amount .decrement {
  width: 25px;
  height: 17px;
  margin-right: 6px;
  font-size: 16px;
  line-height: 1;
  border-radius: 50%;
  position: relative;
}
.cart-product-amount .increment:disabled,
.cart-product-amount .decrement:disabled {
  opacity: 0.6;
}
.cart-product-amount .increment::before,
.cart-product-amount .decrement::before,
.cart-product-amount .increment::after,
.cart-product-amount .decrement::after {
  font-size: 25px;
  position: absolute;
  top: -5px;
  bottom: 0;
  left: 0;
}
.cart-product-amount > * {
    display: inline-block;
    top: 0;
    position: relative !important;
    vertical-align: middle;
}
.user #main button.btn-reset:before {
  top:0;
}
.cart-product-amount .increment::after,
.cart-product-amount .decrement::after {
  content: '';
  position: absolute;
  top: -8px;
  left: -8px;
  height: 33px;
  width: 33px;
  background-color: transparent;
  border-radius: 50%;
}
.cart-product-amount .amount {
  -webkit-appearance: none;
  border-radius: 0;
  padding: 0;
  display: inline-block;
  width: 17px;
  height: 17px;
  margin-right: 6px;
  text-align: center;
  border: 1px solid #000;
}
.cart-product-amount .decrement {
  display: none;
}
.cart-product-amount .decrement.active {
  display: inline-block;
}
#aside-cart .cart-product {
  min-height: 200px;
}
.cart-product {
  position: relative;
  max-width: 330px;
  max-width: 100%;
  padding: 14px 19px;
  margin-bottom: 20px;
  border: 1px solid #ccc;
}
#cart-total {
  padding: 15px 17px 12px;
  margin-bottom: 20px;
  font-size: 12px;
  text-transform: uppercase;
  border: 1px solid #ccc;
}
#cart-total dt {
  float: left;
  clear: both;
  margin-bottom: 3px;
  font-weight: normal;
  text-align: left;
}
#cart-total dd {
  float: right;
  text-align: right;
}
#cart-total:before,
#cart-total:after {
  content: " ";
  display: table;
}
#cart-total:after {
  clear: both;
}
#cart-total:before,
#cart-total:after {
  content: " ";
  display: table;
}
#cart-total:after {
  clear: both;
}
.byl-filter {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 375px) {
  .byl-filter {
    padding-left: 11px;
    padding-right: 20px;
  }
}
@media (min-width: 480px) {
  .byl-filter {
    padding-left: 0;
    padding-right: 0;
  }
}
.byl-filter label {
  margin-bottom: 0;
}
.byl-filter .filter-section {
  text-align: center;
}
.byl-filter .filter-title {
  font-weight: 700;
  margin-top: 16px;
  margin-bottom: 10px;
}
.byl-filter #filter-size,
.byl-filter #filter-price,
.byl-filter #filter-color {
  float: left;
  width: 33.33%;
}
.byl-filter #filter-size:before,
.byl-filter #filter-price:before,
.byl-filter #filter-color:before,
.byl-filter #filter-size:after,
.byl-filter #filter-price:after,
.byl-filter #filter-color:after {
  content: " ";
  display: table;
}
.byl-filter #filter-size:after,
.byl-filter #filter-price:after,
.byl-filter #filter-color:after {
  clear: both;
}
.byl-filter #filter-size:before,
.byl-filter #filter-price:before,
.byl-filter #filter-color:before,
.byl-filter #filter-size:after,
.byl-filter #filter-price:after,
.byl-filter #filter-color:after {
  content: " ";
  display: table;
}
.byl-filter #filter-size:after,
.byl-filter #filter-price:after,
.byl-filter #filter-color:after {
  clear: both;
}
.byl-filter #filter-size {
  width: 83px;
  width: 33%;
}
.byl-filter #filter-price {
  width: 95px;
  width: 36%;
}
.byl-filter #filter-color {
  width: 90px;
  width: 31%;
  padding-left: 8px;
  padding-right: 5px;
}
.byl-filter #filter-color .filter-title {
  margin-bottom: 20px;
}
@media (min-width: 480px) {
  .byl-filter {
    border: 0;
  }
  .byl-filter .filter-title {
    margin-top: 25px;
    margin-top: 23px;
    margin-bottom: 13px;
  }
  .byl-filter #filter-size,
  .byl-filter #filter-price,
  .byl-filter #filter-color {
    width: 33.33%;
    width: 95px;
  }
  .byl-filter #filter-color {
    padding-left: 11px;
    padding-right: 11px;
  }
}
.byl-filter #filter-text {
  width: 100%;
  float: left;
  clear: both;
  margin-top: 15px;
}
.byl-filter #filter-text .control {
  float: left;
  width: 50%;
}
.byl-filter #filter-text .control-indicator {
  width: auto;
  white-space: nowrap;
}
.byl-filter #filter-image {
  width: 100%;
  clear: both;
}
.byl-filter #filter-image .control {
  width: 25%;
  float: left;
}
.byl-filter #filter-actions {
  clear: both;
}
.byl-filter #filter-actions .btn:first-child {
  margin-top: 22px;
}
.byl-filter #filter-actions .btn {
  margin-top: 12px;
}
.byl-filter .control {
  display: block;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
}
.byl-filter .control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.byl-filter .control .control-indicator {
  display: inline-block;
  width: 100%;
  padding: 7px 0;
  color: #000;
  background-color: #ffffff;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
@media (min-width: 480px) {
  .byl-filter .control .control-indicator {
    padding: 4px 0;
  }
}
@media screen and (min-width: 1025px), screen and (min-width: 769px) and (-webkit-max-device-pixel-ratio: 1.3), screen and (min-width: 769px) and (-webkit-max-device-pixel-ratio: 1.25), screen and (min-width: 769px) and (max-resolution: 120dpi), screen and (min-width: 769px) and (max-resolution: 1.3dppx) {
  .byl-filter .control .control-indicator:hover {
    cursor: pointer;
  }
  .byl-filter .control .control-indicator:hover {
    color: #999;
    background-color: #e1e1e1;
  }
}
.byl-filter .control input:checked ~ .control-indicator {
  color: #ffffff;
  background-color: #ccc;
}
.byl-filter #filter-price .control-indicator {
  width: 100%;
}
.byl-filter #filter-color .control {
  float: left;
  width: 50%;
}
.byl-filter #filter-color .control-indicator {
  width: 23px;
  height: 23px;
  margin-bottom: 13px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50%;
  background-position: center center;
}
@media screen and (min-width: 1025px), screen and (min-width: 769px) and (-webkit-max-device-pixel-ratio: 1.3), screen and (min-width: 769px) and (-webkit-max-device-pixel-ratio: 1.25), screen and (min-width: 769px) and (max-resolution: 120dpi), screen and (min-width: 769px) and (max-resolution: 1.3dppx) {
  .byl-filter #filter-color .control-indicator:hover {
    border: 2px solid #999;
  }
}
.byl-filter #filter-color input:checked ~ .control-indicator {
  border: 3px solid #bbb;
}
.byl-filter #filter-text .control-indicator {
  display: inline-block;
  width: 100%;
  height: auto;
  padding: 0;
  text-transform: uppercase;
}
.byl-filter #filter-text .control-indicator .txt {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
  padding: 0 5px;
  margin: 9px 19px;
  border: 1px solid #000;
}
.byl-filter #filter-text control-indicator:hover {
  cursor: pointer;
}
.byl-filter #filter-text .control-indicator:hover .txt {
  border-color: #999;
}
.byl-filter #filter-text input:checked ~ .control-indicator .txt {
  border-color: #ffffff;
}
.byl-filter #filter-image .control-img:hover {
  background-color: #ccc;
  cursor: pointer;
}
.byl-filter #filter-image input:checked ~ .control-img {
  background-color: #ccc;
}
.byl-filter #filter-image .control:nth-child(4n + 1) {
  clear: left;
}
.aside-account h3 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.aside-account form {
  margin-top: 15px;
}
.aside-account input[type="submit"] {
  margin-top: 19px;
}
.aside-account > h2 + a {
  display: block;
  width: 100%;
  text-align: left;
  text-transform: uppercase;
  padding: 6px 0;
}

#aside-user-menu form {
  margin-top: 0;
}

@media (min-width: 480px) {
  .aside-account label.error {
    text-align: left;
  }
}
#user-login > section + section {
  margin-top: 40px;
  padding-top: 10px;
  border-top: solid 1px #b3b3b3;
}
#user-login p {
  padding: 0 14px;
  margin-top: 0;
  margin-bottom: 22px;
  text-align: left;
  line-height: 1.35;
}
@media (min-width: 480px) {
  #user-login p {
    padding: 0;
  }
}
#user-password-recovery-link {
  text-align: left;
  text-decoration: underline;
  margin-top: 2px;
  margin-left: 0;
  float: left;
  font-size: 13px;
}
#user-password-recovery-link:hover {
  font-weight: 600;
}
#user-register .simple-link {
  margin-top: 10px;
  padding: 18px 0;
  display: block;
  width: 100%;
  text-align: center;
  font-size: 13px;
  text-decoration: underline;
}
#user-register .simple-link:hover {
  font-weight: 600;
}
#user-register .login-register-form input[type="tel"].error {
  margin-bottom: 0;
}
#user-register .login-register-form #login-phone-error {
  margin-bottom: 30px;
  width: 100%;
}
.login-register-form,
.login-register-company-form {
  text-align: left;
}
.login-recovery-password-form p {
  padding: 5px 0 10px;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
  line-height: 1.35;
}
@media (min-width: 480px) {
  .login-recovery-password-form p {
    padding: 0;
  }
}
.aside-section #user-aside-back,
.aside-section #user-password-recovery,
.aside-section #user-register-company,
.aside-section #user-register {
  display: none;
}
.aside-section #user-aside-back {
  float: left;
  margin: 10px 0;
  font-size: 12px;
}
#aside-user-menu {
  padding-left: 0;
  padding-right: 0;
  background: #fff;
  margin-top: -10px;
  padding-top: 20px;
  margin-top:15px;
  padding-bottom:20px;
}
#aside-user-menu ul {
  padding-left: 0;
  list-style: none;
  text-align: left;
}
#aside-user-menu button,
#aside-user-menu li {
  text-align: left;
  line-height: 25px;
  background-color: #ffffff;
  -webkit-transition: all, 0.2s, ease-in;
  -moz-transition: all, 0.2s, ease-in;
  transition: all, 0.2s, ease-in;
  width: 100%;
}
#aside-user-menu button:hover,
#aside-user-menu li:hover {
  background-color: #000;
  color: #ffffff;
}
#aside-user-menu button,
#aside-user-menu li a {
  padding-left: 30px;
  height: 45px;
}
#aside-user-menu button:hover,
#aside-user-menu li a:hover {
  color: #ffffff;
}
#aside-user-menu li.active {
  cursor: default;
}
#aside-user-menu li.active a {
  cursor: default;
}
#aside-help {
  font-size: 13px;
}
#aside-help .aside-help-title {
  margin-bottom: 15px;
  margin-top: 25px;
  text-align: left;
}
#aside-help .coincident-search {
  position: relative;
  color: white;
  display: inline-block;
  z-index: 2;
}
#aside-help .coincident-search:before {
  position: absolute;
  background-color: gray;
  width: 100%;
  height: 100%;
  content: "";
  display: inline-block;
  top: 0px;
  left: -2px;
  z-index: -1;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding-left: 2px;
  padding-right: 2px;
}
#aside-help div.campo-busqueda-lupa {
  float: left;
  width: 100%;
  margin-bottom: 35px;
}
#aside-help div.campo-busqueda-lupa input[type="text"] {
  float: left;
  padding-right: 34px;
}
#aside-help div.campo-busqueda-lupa button {
  background-color: black;
  height: 35px;
  width: 35px;
  border: none;
  float: right;
  margin-top: -35px;
}
#aside-help div.campo-busqueda-lupa button span {
  background-image: url('../images/sprite.png');
  background-position: -2px -514px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 18px;
  height: 18px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  margin-left: 3px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #aside-help div.campo-busqueda-lupa button span {
    background-image: url('../images/sprite@2x.png');
    background-size: 205px 1572px;
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
  #aside-help div.campo-busqueda-lupa button span {
    background-image: url('../images/sprite@3x.png');
    background-size: 205px 1572px;
  }
}
#aside-help .aside-help-results {
  float: left;
  margin-bottom: 25px;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
}
#aside-help .aside-help-results .aside-help-result {
  width: 100%;
  float: left;
  text-align: left;
  height: 30px;
  cursor: pointer;
}
#aside-help .aside-help-results .aside-help-no-results {
  width: 100%;
  float: left;
  text-align: center;
  height: 30px;
}
#aside-help .aside-help-ver-preguntas {
  text-decoration: underline;
  cursor: pointer;
  margin-bottom: 35px;
  color: #B3B3B3;
}
#aside-help .aside-help-contacta {
  border: 2px solid #EBEBEB;
  padding: 15px 20px 15px 20px;
  text-align: left;
  float: left;
}
@media (min-width: 480px) {
  #aside-help div.campo-busqueda-lupa input[type="text"] {
    float: left;
    padding-right: 34px;
    height: 35px;
    line-height: 35px;
  }
}
#aside-wish {
  -webkit-animation: repaint 1ms;
  -moz-animation: repaint 1ms;
  animation: repaint 1ms;
}
#aside-wish .cart-product-link {
  width: 50%;
  float: right;
  min-height: 140px;
  height: 140px;
  display: table;
  vertical-align: middle;
  text-align: right;
}
#aside-wish .cart-product-link > div {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  float: none;
  text-align: right;
}
#aside-wish .cart-product-link > div img {
  margin: auto;
  float: none;
}
#aside-wish #aside_empty_wishlist_title {
  margin-top: 18px;
  padding-top: 0;
  font-size: 14px;
  text-transform: uppercase;
}
#aside-wish #aside_empty_wishlist_message {
  width: 90%;
  margin-top: 14px;
  margin-left: 21px;
}
#aside-wish .wishlist-product {
  min-height: 0;
  padding-bottom: 10px;
  margin-bottom: 24px;
}
#aside-wish .wishlist-product .actions {
  padding: 0;
}
#aside-wish .wishlist-product .actions button {
  height: auto;
  line-height: 18px;
  float: right;
}
#aside-wish .wishlist-product .actions #product-notify {
  padding: 0 5px;
  width: auto;
}
@-webkit-keyframes repaint {
  from {
    width: 99.9%;
  }
  to {
    width: 100%;
  }
}
@-moz-keyframes repaint {
  from {
    width: 99.9%;
  }
  to {
    width: 100%;
  }
}
@keyframes repaint {
  from {
    width: 99.9%;
  }
  to {
    width: 100%;
  }
}
#aside-search {
  font-size: 13px;
}
#aside-search div.campo-busqueda-lupa {
  float: left;
  width: 100%;
  margin-bottom: 35px;
}
#aside-search div.campo-busqueda-lupa input[type="text"] {
  float: left;
  padding-right: 34px;
}
#aside-search div.campo-busqueda-lupa button {
  background-color: black;
  height: 35px;
  width: 35px;
  border: none;
  float: right;
  margin-top: -35px;
}
#aside-search div.campo-busqueda-lupa button span {
  background-image: url('../images/sprite.png');
  background-position: -2px -514px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 18px;
  height: 18px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  margin-left: 3px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #aside-search div.campo-busqueda-lupa button span {
    background-image: url('../images/sprite@2x.png');
    background-size: 205px 1572px;
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
  #aside-search div.campo-busqueda-lupa button span {
    background-image: url('../images/sprite@3x.png');
    background-size: 205px 1572px;
  }
}
@media (min-width: 480px) {
  #aside-search div.campo-busqueda-lupa input[type="text"] {
    float: left;
    padding-right: 34px;
    height: 35px;
    line-height: 35px;
  }
}
#banner-cookies-wrapper {
  position: fixed;
  bottom: 0;
  z-index: 1021;
  padding: 18px;
  background: rgba(0, 0, 0, 0.6);
  font-weight: normal;
  color: white;
  width: 100%;
}
#banner-cookies-wrapper .banner-cookies-text-wrapper {
  width: 65%;
  float: left;
}
#banner-cookies-wrapper .banner-cookies-text-wrapper p {
  margin: 0;
  font-size: 12px;
  line-height: 15px;
}
#banner-cookies-wrapper .banner-cookies-text-wrapper p a,
#banner-cookies-wrapper .banner-cookies-text-wrapper p a:visited {
  color: #FFFFFF;
  text-decoration: underline;
}
#banner-cookies-wrapper .banner-cookies-button-wrapper {
  width: 35%;
  float: left;
}
#banner-cookies-wrapper .banner-cookies-button-wrapper .close-banner-cookies {
  position: absolute;
  top: 45px;
  right: 22px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#banner-cookies-wrapper .banner-cookies-button-wrapper .button-accept-cookies {
    position: absolute;
    top: 45px;
    right: 22px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.button-accept-cookies {
    background-color: #ffffff !important;
    display: block;
    width: 120px;
    cursor: pointer;
    height: 25px;
    border: none;
}
.text-accept-cookies {
    height: 24px;
    color: #5c5c5c;
    font-family: Geogrotesque;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.34px;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
}

@media (min-width: 480px) {
  #banner-cookies-wrapper {
    padding: 15px 21px;
  }
  #banner-cookies-wrapper .banner-cookies-text-wrapper {
    width: 68%;
  }
  #banner-cookies-wrapper .banner-cookies-button-wrapper {
    width: 32%;
  }
  #banner-cookies-wrapper .banner-cookies-button-wrapper .close-banner-cookies {
    right: 17px;
  }
}
@media (min-width: 769px) {
  #banner-cookies-wrapper {
    padding: 15px 16px;
  }
  #banner-cookies-wrapper .banner-cookies-text-wrapper {
    width: 80%;
  }
  #banner-cookies-wrapper .banner-cookies-button-wrapper {
    width: 20%;
  }
  #banner-cookies-wrapper .banner-cookies-button-wrapper .close-banner-cookies {
    right: 23px;
  }
}
@media (min-width: 1025px) {
  #banner-cookies-wrapper {
    padding: 14px 20px;
  }
  #banner-cookies-wrapper .banner-cookies-text-wrapper {
    width: 85%;
  }
  #banner-cookies-wrapper .banner-cookies-button-wrapper {
    width: 15%;
  }
  #banner-cookies-wrapper .banner-cookies-button-wrapper .close-banner-cookies {
    right: 15px;
  }
}
.home #main {
  background-size: cover;
}
.home .modal {
  padding-left: 0 !important;
  height: 100%;
  width: 100%;
}
.home .modal #youtube {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.home .byl-video-modal-close {
  padding: 0;
  overflow: visible;
  line-height: normal;
  background: none;
  border: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  padding: 20px;
}
.home .carousel {
  width: 100%;
  height: 100%;
}
.home .carousel-indicators {
  left: auto;
  bottom: auto;
  width: auto;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (min-width: 480px) {
  .home .carousel-indicators {
    right: 20px;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.home .carousel-indicators li {
  position: relative;
  display: block;
  width: 24px;
  height: 24px;
  padding: 3px;
  margin: 10px 7px;
  width: 30px;
  height: 30px;
  padding: 6px;
  margin: 5px 4px;
  border: none;
  border-radius: 0;
}
.home .carousel-indicators li::before {
  position: absolute;
  display: block;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  border: 2px solid transparent;
  -webkit-transition: border-color 0.2s;
  -moz-transition: border-color 0.2s;
  transition: border-color 0.2s;
  content: '';
}
.home .carousel-indicators li::after {
  display: block;
  width: 6px;
  height: 6px;
  margin: 5px;
  background-color: #000;
  border-radius: 50%;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
  content: '';
}
.home .carousel-indicators li.active {
  background-color: transparent;
}
.home .carousel-indicators li.active::before {
  border-color: #000;
}
@media screen and (min-width: 1025px), screen and (min-width: 769px) and (-webkit-max-device-pixel-ratio: 1.3), screen and (min-width: 769px) and (-webkit-max-device-pixel-ratio: 1.25), screen and (min-width: 769px) and (max-resolution: 120dpi), screen and (min-width: 769px) and (max-resolution: 1.3dppx) {
  .home .carousel-indicators li:hover::before {
    border-color: #000;
  }
}
.home .carousel-inner {
  height: 100%;
}
.home .carousel-inner .item {
  position: absolute;
  width: 100%;
  height: 100%;
  background: no-repeat center center;
  background-color: transparent;
  background-size: cover;
}
.home .carousel-inner > .item {
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  transition-property: opacity;
  opacity: 0;
}
.home .carousel-inner > .item.active,
.home .carousel-inner > .item.next.left,
.home .carousel-inner > .item.prev.right {
  opacity: 1;
}
.home .carousel-inner > .item.active.left,
.home .carousel-inner > .item.active.right {
  opacity: 0;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .home .carousel-inner > .item.next,
  .home .carousel-inner > .item.prev,
  .home .carousel-inner > .item.active.right,
  .home .carousel-inner > .item.active.left {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.home .carousel-link {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  z-index: 1;
}
.home #carousel-inner-slider .video video {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 100vh;
    transform: translateX(-50%) translateY(-50%);
    object-fit: cover;
    display: block;
}

@media (min-width: 480px) {
    .home #carousel-inner-slider .video video {
        width: calc(100vw - 30px);
    }
}

@media screen and (orientation:portrait) and (max-width: 768px) and (max-height: 768px) {
  .home #carousel-inner-slider .video video {
    max-height: 100%;
  }
}
@media screen and (orientation:landscape) and (max-width: 768px) and ( max-height: 1024px ) {
  .home #carousel-inner-slider .video video {
    max-height: none;
  }
}

.home .carousel-caption {
  bottom: auto;
  top: 50%;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #000;
}
.home .carousel-title {
  font-size: 34px;
  font-weight: 800;
  text-transform: uppercase;
}
.home .carousel-cta {
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 1025px) {
  .home .carousel-title {
    font-size: 44px;
  }
  .home .carousel-cta {
    font-size: 19px;
  }
}
.home.contrast .carousel-indicators li::after {
  background-color: #ffffff;
}
.home.contrast .carousel-indicators li.active::before {
  border-color: #ffffff;
}
@media screen and (min-width: 1025px), screen and (min-width: 769px) and (-webkit-max-device-pixel-ratio: 1.3), screen and (min-width: 769px) and (-webkit-max-device-pixel-ratio: 1.25), screen and (min-width: 769px) and (max-resolution: 120dpi), screen and (min-width: 769px) and (max-resolution: 1.3dppx) {
  .home.contrast .carousel-indicators li:hover::before {
    border-color: #ffffff;
  }
}
.byl-video {
  cursor: pointer;
}
.byl-video .byl-video-play {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0.8;
  -webkit-transition: opacity .4s;
  -moz-transition: opacity .4s;
  transition: opacity .4s;
  background-image: url('../images/sprite.png');
  background-position: -2px -1458px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  width: 112px;
  height: 112px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .byl-video .byl-video-play {
    background-image: url('../images/sprite@2x.png');
    background-size: 205px 1572px;
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
  .byl-video .byl-video-play {
    background-image: url('../images/sprite@3x.png');
    background-size: 205px 1572px;
  }
}
.byl-video .byl-video-ios-modal {
  display: none;
}
.no-videoautoplay .byl-video {
  z-index: 0;
  cursor: default;
}
.no-videoautoplay .byl-video .byl-video-play {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  background-image: url('../images/sprite.png');
  background-position: -2px -1458px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  width: 112px;
  height: 112px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .no-videoautoplay .byl-video .byl-video-play {
    background-image: url('../images/sprite@2x.png');
    background-size: 205px 1572px;
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
  .no-videoautoplay .byl-video .byl-video-play {
    background-image: url('../images/sprite@3x.png');
    background-size: 205px 1572px;
  }
}
.no-videoautoplay .byl-video .byl-video-ios-modal {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.no-videoautoplay .byl-video .byl-video-ios-player {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 5;
}
.no-videoautoplay .byl-video .byl-video-ios-mask {
  position: absolute;
}
.no-videoautoplay .byl-video .byl-video-ios-top,
.no-videoautoplay .byl-video .byl-video-ios-bottom {
  left: 0;
  width: 100%;
  height: 50%;
  z-index: 10;
}
.no-videoautoplay .byl-video .byl-video-ios-left,
.no-videoautoplay .byl-video .byl-video-ios-right {
  top: 0;
  width: 50%;
  height: 100%;
  z-index: 20;
}
.no-videoautoplay .byl-video .byl-video-ios-left {
  left: 0;
}
.no-videoautoplay .byl-video .byl-video-ios-right {
  right: 0;
}
.no-videoautoplay .byl-video .byl-video-ios-top {
  top: 0;
}
.no-videoautoplay .byl-video .byl-video-ios-bottom {
  bottom: 0;
}
.no-videoautoplay .byl-video .byl-video-ios-modal-close {
  padding: 0;
  overflow: visible;
  line-height: normal;
  background: none;
  border: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 30;
  padding: 10px;
  opacity: 0;
}
.no-videoautoplay .byl-video.active .byl-video-play {
  z-index: -1;
}
.no-videoautoplay .byl-video.ready .byl-video-play {
  opacity: .8;
}
.no-videoautoplay .byl-video.ready .byl-video-ios-top {
  -webkit-transform: translateY(-55px);
  -moz-transform: translateY(-55px);
  -ms-transform: translateY(-55px);
  transform: translateY(-55px);
}
.no-videoautoplay .byl-video.ready .byl-video-ios-bottom {
  -webkit-transform: translateY(55px);
  -moz-transform: translateY(55px);
  -ms-transform: translateY(55px);
  transform: translateY(55px);
}
.no-videoautoplay .byl-video.ready .byl-video-ios-left {
  -webkit-transform: translateX(-55px);
  -moz-transform: translateX(-55px);
  -ms-transform: translateX(-55px);
  transform: translateX(-55px);
}
.no-videoautoplay .byl-video.ready .byl-video-ios-right {
  -webkit-transform: translateX(55px);
  -moz-transform: translateX(55px);
  -ms-transform: translateX(55px);
  transform: translateX(55px);
}
.no-videoautoplay .byl-video.loading .byl-video-play {
  opacity: 0;
}
.no-videoautoplay .byl-video.playing {
  z-index: 2040;
}
.no-videoautoplay .byl-video.playing .byl-video-ios-modal-close,
.no-videoautoplay .byl-video.playing .byl-video-ios-modal {
  opacity: 1;
}
.no-videoautoplay .byl-video.playing .byl-video-ios-mask {
  width: 0;
  height: 0;
}
.category .category-category {
  display: inline-block;
  width: 100%;
  font-size: 16px;
  text-align: left;
  padding-left: 1.5%;
  padding-right: 0.5%;
}
@media (min-width: 769px) {
  .category .category-category {
    padding-left: 7.5%;
    padding-right: 6.5%;
  }
}
@media (min-width: 1025px) {
  .category .category-category {
    padding-left: 7.5%;
    padding-right: 6.5%;
  }
}
.category .category-product {
  position: relative;
  display: inline-block;
  width: 50%;
  margin-right: -4px;
  vertical-align: top;
}
@media (min-width: 480px) {
  .category .category-product {
    width: 33.33%;
  }
}
@media (min-width: 1200px) {
  .category .category-product {
    width: 25%;
  }
}
.category .category-product {
  padding-top: 9px;
  text-align: center;
  font-size: 11px;
}
@media (min-width: 480px) {
  .category .category-product {
    padding-top: 0;
    font-size: 13px;
  }
}
@media (min-width: 1025px) {
  .category .category-product {
    font-size: 12px;
  }
}
.category .category-title,
.category .category-category-title {
  display: inline-block;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
}
.category .category-title {
  font-size: 18px;
  margin-bottom: 0;
  margin-bottom: 10px;
}
.category .category-category-title {
  font-size: 13px;
  margin-top: 13px;
  margin-top: 0;
  margin-bottom: 23px;
}
.category .category-product-title {
  margin-top: 0;
  margin-bottom: 6px;
  font-size: 11px;
  text-transform: none;
}
@media (min-width: 480px) {
  .category .category-title {
    margin-bottom: 22px;
    margin-bottom: 32px;
    font-size: 22px;
  }
  .category .category-category-title {
    font-size: 15.36px;
  }
  .category .category-product-title {
    margin-top: 0;
    margin-bottom: 7px;
    font-size: 13px;
  }
}
@media (min-width: 769px) {
  .category .category-product-title {
    margin-top: 0;
    margin-bottom: 11px;
  }
}
@media (min-width: 1025px) {
  .category .category-product-title {
    margin-top: 0;
    margin-bottom: 10px;
    margin-bottom: 15px;
    font-size: 11.5px;
  }
  .category .offers {
    margin-bottom: 8px;
  }
}

@media (max-width: 1025px) {
    .catalog-category-view #main {
        min-height: calc(93vh - 70px);
    }
}

.catalog-category-view .category-description-container {
  padding: 20px 0;
  border-top: 1px solid #ccc;
  width: 82%;
  margin: 0 9% 0 9%;
  float: left;
  bottom: 0px;
  text-align: justify;
}
@media (max-width: 768px) {
  .catalog-category-view .category-description-container {
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
    margin: 0;
    /*bottom: 40px;*/
  }
}
@media (max-width: 479px) {
  .catalog-category-view .category-description-container {
    width: 100%;
    padding-left: 5%;
    padding-right: 5%;
  }
}
.catalog-category-view .category-description-container .category-name {
  display: block;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 10px;
}
.catalog-category-view .category-description-container p {
  font-size: 13px;
}

.home-widget {
  clear: left;
}

.home-widget .columna {
  float: left;
  width: 25%;
}

.home-widget .columna .test-widget{

  padding-right: 1.7em;
}

.home-widget .columna img {
  margin: 0 auto;
}

@media (max-width: 796px) {
  .home-widget .columna {
    width: 50%;
  }
}

.home-widget .columna .bloque_texto {
  margin-top: 15px;
  height: 80px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.5pt;
  text-transform: uppercase;
  margin: 0;
}

.home-widget .columna .bloque_texto a {
  display: block;
}

@media (min-width: 480px) {
/*.home-widget .columna {*/
    /*width: 100%;*/
  /*}*/
}

@media (min-width: 1025px) {
.home-widget .columna {
  }
}

.home-widget .video-widget  {
  margin: 20px 0;
}
.home-widget .video-widget video {
  width: 100%;
}

.category .product-link {
  display: block;
  margin-bottom: 3px;
}
@media (min-width: 480px) {
  .category .product-link {
    margin-bottom: 6px;
  }
}
@media (min-width: 769px) {
  .category .product-link {
    margin-bottom: 9px;
  }
}
@media (min-width: 1025px) {
  .category .product-link {
    margin-bottom: 10px;
  }
}
.category .category-product-double .product-img-hover {
  display: none;
}
/*@media screen and (-webkit-max-device-pixel-ratio: 1.3), screen and (-webkit-max-device-pixel-ratio: 1.25), screen and (max-resolution: 120dpi), screen and (max-resolution: 1.3dppx) {*/
@media (min-width: 769px) {
  html:not(.ios).category .category-product-double .product-link:hover .product-img {
    display: none;
  }
  html:not(.ios).category .category-product-double .product-link:hover .product-img-hover {
    display: block;
  }
}
.category .product-txt {
  margin-bottom: 19px;
  padding: 0 6px;
}
@media (min-width: 769px) {
  .category .product-txt {
    margin-bottom: 24px;
  }
}
.category .offers {
  font-weight: 700;
}
.category .price.old {
  text-decoration: line-through;
}
.category .price-sale {
  margin-left: 6px;
}
.category .discount {
  margin-left: 6px;
}
.category .product-label-img {
  position: absolute;
  top: 9px;
  right: 0;
  width: 20%;
  max-width: 80px;
}
@media (min-width: 480px) {
  .category .product-label-img {
    width: 25%;
    top: 0;
    right: 15px;
  }
}
@media (min-width: 769px) {
  .category .product-label-img {
    right: 0;
  }
}
.category .product-label-txt {
  display: block;
  width: 130px;
  padding: 8px 0;
  margin: 5px auto;
  line-height: 0;
  border: 1px solid #000;
  text-transform: uppercase;
}
.category .byl-quickview {
  position: absolute;
  right: 4px;
  bottom: 140px;
  display: none;
  width: 22px;
  height: 15px;
  background: url('../images/eye.gif?v=1500026842') no-repeat;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
@media screen and (min-width: 1025px){
/*screen and (min-width: 769px) and (-webkit-max-device-pixel-ratio: 1.3),*/
/*screen and (min-width: 769px) and (-webkit-max-device-pixel-ratio: 1.25),*/
/*screen and (min-width: 769px) and (max-resolution: 120dpi), */
/*screen and (min-width: 769px) and (max-resolution: 1.3dppx) {*/
  html:not(.ios).category .category-product:hover .byl-quickview {
    display: block;
  }
}
.category .product-link {
  position: relative;
}

.category .product-link .plcontent {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.category .product-link .plcontent img {
  height: 100%;
  margin: auto;
}

.category .category-product-square .product-link::after {
  padding-bottom: 100%;
}
.category .category-product-square.mixed .product-link::after {
  margin-top: 120%;
}
.category .product-link .plcontent img.no-product {
  height: 50%;
  margin-top: 50%;
}
.customize-home h1 {
  width: 100%;
  text-align: center;
  margin: 30px 0;
}
.customize-home h1 img {
  width: 200px;
  margin: 0px auto;
}
.customize-home .category-category {
  display: inline-block;
  width: 100%;
  font-size: 16px;
  text-align: left;
  padding-left: 20px;
  padding-right: 20px;
}
.customize-home .category-category span.prev,
.customize-home .category-category span.post {
  top: 60%;
  display: block;
  position: absolute;
  width: 40px;
  margin-top: -50px;
  cursor: pointer;
  z-index: 2;
}
.customize-home .category-category span.prev img,
.customize-home .category-category span.post img {
  width: 100%;
}
.customize-home .category-category span.prev {
  left: 10px;
}
.customize-home .category-category span.post {
  right: 10px;
}
.customize-home .category-category #sliderJd {
  width: 350%;
  margin: 0 auto;
  position: relative;
}
.customize-home .category-category #sliderJd > div {
  position: relative;
  text-align: left;
  display: table-row;
}
.customize-home .category-category #sliderJd .slide {
  width: 16.6%;
  display: inline-block;
  position: relative;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  left: -27.3%;
}
.customize-home .category-category .slide img {
  width: 98.5%;
}
.customize-home .category-category #introJd {
  width: 100%;
  background: #ECEDEF;
  max-width: 890px;
  text-align: center;
  color: #fff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.customize-home .category-category #bagBig {
  text-align: center;
}
.customize-home .category-category #bagBig #animacion {
  width: 169px;
  margin: 20px auto;
  position: relative;
}
.customize-home .category-category #bagBig #animacion span {
  position: absolute;
  width: 18%;
  top: 43%;
  left: 41%;
  /*@media (min-width: @screen-sm-min){
          width: 20%;
          top: 42%;
          left: 40%;
        }*/
}
@media (min-width: 480px) {
  .customize-home .category-category #bagBig #animacion span {
    width: 20%;
    top: 42%;
    left: 40%;
  }
}
@media (min-width: 1025px) {
  .customize-home .category-category #bagBig #animacion span {
    top: 45%;
    left: 40%;
  }
}
.customize-home .category-category #bagBig #animacion span img {
  width: 100%;
}
.customize-home .category-category #bagBig .star {
  width: 169px;
}
@media (min-width: 480px) {
  .customize-home .category-category #bagBig .star {
    width: 138px;
  }
}
@media (min-width: 769px) {
  .customize-home .category-category #bagBig .star {
    width: 148px;
  }
}
@media (min-width: 1025px) {
  .customize-home .category-category #bagBig .star {
    width: 203px;
  }
}
.customize-home .category-category .custBut {
  width: 200px;
  margin: 0 auto 30px;
  overflow: hidden;
  display: block;
}
.customize-home .category-category .custBut img {
  width: 200%;
}
.customize-home .category-category .custBut:hover img {
  margin-left: -100%;
}
.customize-home .category-category .textJd {
  max-width: inherit;
  width: 80%;
  max-width: 80%;
  text-align: center;
  margin: 0 auto;
}
.customize-home .category-category .textJd > p {
  font-size: 15px;
  line-height: 1.3;
}
@media (min-width: 1025px) {
  .customize-home .category-category .textJd {
    width: 60%;
    max-width: 485px;
  }
}
.customize-home .category-category .prodsJd {
  margin: 30px auto 90px;
  max-width: 750px;
  overflow: hidden;
  padding: 0;
}
.customize-home .category-category .prodsJd li {
  display: block;
  width: 50%;
  float: left;
  text-align: center;
  font-size: 13px;
  position: relative;
  list-style: none;
}
.customize-home .category-category .prodsJd li a {
  text-decoration: none;
  display: block;
}
.customize-home .category-category .prodsJd li img {
  width: 100%;
}
.customize-home .category-category .prodsJd .precio,
.customize-home .category-category .prodsJd .tit {
  display: block;
}
.customize-home .category-category .prodsJd .precio {
  padding-top: 7px;
  font-weight: bold;
}
.customize-home .category-category .prodsJd li .ojo {
  display: none !important;
  position: absolute;
  text-align: right;
  bottom: 60px;
  right: 0;
  width: 60%;
}
.customize-home .category-category .prodsJd li a {
  text-decoration: none;
  display: block;
}
.customize-home .category-category .prodsJd li .ojo img {
  width: inherit;
}
@media (min-width: 480px) {
  .customize-home .category-category {
    padding-left: 30px;
    padding-right: 30px;
  }
  .customize-home .category-category #introJd {
    max-width: inherit;
    width: 80%;
  }
  .customize-home .category-category #sliderJd .slide {
    width: auto;
  }
  .customize-home .category-category #bagBig #animacion {
    width: 138px;
  }
  .customize-home .category-category .custBut {
    width: 260px;
  }
  .customize-home .category-category .prodsJd li .ojo {
    display: none !important;
    position: absolute;
    text-align: right;
    bottom: 60px;
    right: 0;
    width: 60%;
    display: none;
  }
}
@media (min-width: 769px) {
  .customize-home .category-category {
    padding-left: 11%;
    padding-right: 11%;
  }
  .customize-home .category-category #introJd {
    max-width: inherit;
    width: 80%;
  }
  .customize-home .category-category #bagBig #animacion {
    width: 148px;
  }
}
@media (min-width: 1025px) {
  .customize-home .category-category #bagBig #animacion {
    width: 203px;
  }
  .customize-home .category-category #introJd {
    max-width: 890px;
    width: 70%;
  }
}
.customize-home .category-product {
  position: relative;
  display: table-row-group;
  width: 50%;
  margin-right: -4px;
  vertical-align: bottom;
}
@media (min-width: 480px) {
  .customize-home .category-product {
    width: 33.33%;
  }
}
@media (min-width: 1200px) {
  .customize-home .category-product {
    width: 25%;
  }
}
.customize-home .category-product {
  padding-top: 9px;
  text-align: center;
  font-size: 11px;
}
@media (min-width: 480px) {
  .customize-home .category-product {
    padding-top: 0;
    font-size: 13px;
  }
}
@media (min-width: 1025px) {
  .customize-home .category-product {
    font-size: 12px;
  }
}
.customize-home .category-title,
.customize-home .category-category-title {
  display: inline-block;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
}
.customize-home .category-title {
  font-size: 18px;
  margin-bottom: 0;
  margin-bottom: 10px;
}
.customize-home .category-category-title {
  font-size: 13px;
  margin-top: 13px;
  margin-top: 0;
  margin-bottom: 23px;
}
.customize-home .category-product-title {
  margin-top: 0;
  margin-bottom: 6px;
  font-size: 11px;
  text-transform: lowercase;
}
.customize-home .category-product-title:first-letter {
  text-transform: uppercase;
}
@media (min-width: 480px) {
  .customize-home .category-title {
    margin-bottom: 22px;
    margin-bottom: 32px;
    font-size: 22px;
  }
  .customize-home .category-category-title {
    font-size: 15.36px;
  }
  .customize-home .category-product-title {
    margin-top: 0;
    margin-bottom: 7px;
    font-size: 13px;
  }
  .customize-home h1 img {
    width: 350px;
  }
}
@media (min-width: 769px) {
  .customize-home .category-product-title {
    margin-top: 0;
    margin-bottom: 11px;
  }
  .customize-home h1 img {
    width: 350px;
    margin: 0px auto;
    margin-top: 15px;
    margin-bottom: 30px;
  }
}
@media (min-width: 1025px) {
  .customize-home .category-product-title {
    margin-top: 0;
    margin-bottom: 10px;
    margin-bottom: 15px;
    font-size: 11.5px;
  }
  .customize-home .offers {
    margin-bottom: 15px;
  }
}
.customize-home .product-link {
  display: block;
  margin-bottom: 3px;
}
@media (min-width: 480px) {
  .customize-home .product-link {
    margin-bottom: 6px;
  }
}
@media (min-width: 769px) {
  .customize-home .product-link {
    margin-bottom: 9px;
  }
}
@media (min-width: 1025px) {
  .customize-home .product-link {
    margin-bottom: 10px;
  }
}
.customize-home .category-product-double .product-img-hover {
  display: none;
}
@media screen and (-webkit-max-device-pixel-ratio: 1.3), screen and (-webkit-max-device-pixel-ratio: 1.25), screen and (max-resolution: 120dpi), screen and (max-resolution: 1.3dppx) {
  .customize-home .category-product-double .product-link:hover .product-img {
    display: none;
  }
  .customize-home .category-product-double .product-link:hover .product-img-hover {
    display: block;
  }
}
.customize-home .product-txt {
  height: 110px;
}
@media (min-width: 480px) {
  .customize-home .product-txt {
    height: 130px;
  }
}
@media (min-width: 769px) {
  .customize-home .product-txt {
    height: 116px;
  }
}
@media (min-width: 1025px) {
  .customize-home .product-txt {
    height: 130px;
  }
}
.customize-home .offers {
  font-weight: 700;
}
.customize-home .price.old {
  text-decoration: line-through;
}
.customize-home .price-sale {
  margin-left: 6px;
  color: #0000cc;
}
.customize-home .discount {
  margin-left: 6px;
}
.customize-home .product-label-img {
  position: absolute;
  top: 9px;
  right: 0;
  width: 20%;
  max-width: 80px;
}
@media (min-width: 480px) {
  .customize-home .product-label-img {
    width: 25%;
    top: 0;
    right: 15px;
  }
}
@media (min-width: 769px) {
  .customize-home .product-label-img {
    right: 0;
  }
}
.customize-home .product-label-txt {
  display: block;
  width: 130px;
  padding: 8px 0;
  margin: 5px auto;
  line-height: 0;
  border: 1px solid #000;
  text-transform: uppercase;
}
.customize-home .byl-quickview {
  position: absolute;
  right: 4px;
  bottom: 140px;
  display: none;
  width: 22px;
  height: 15px;
  background: url('../images/eye.gif?v=1500026842') no-repeat;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
@media screen and (min-width: 1025px), screen and (min-width: 769px) and (-webkit-max-device-pixel-ratio: 1.3), screen and (min-width: 769px) and (-webkit-max-device-pixel-ratio: 1.25), screen and (min-width: 769px) and (max-resolution: 120dpi), screen and (min-width: 769px) and (max-resolution: 1.3dppx) {
  .customize-home .prodsJd li:hover .byl-quickview {
    display: block;
  }
}
.category .product-link {
  position: relative;
}
.category .product-link::after {
  content: '';
  display: block;
  height: 0;
  width: 100%;
  padding-bottom: 220%;
}
.category .product-link .plcontent {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.category .category-product-square .product-link::after {
  padding-bottom: 100%;
}
.category .category-product-square.mixed .product-link::after {
  margin-top: 120%;
}
.product #main {
  padding-top: 50px;
}
@media (min-width: 480px) {
  .product #main {
    padding-top: 70px;
  }
}
.product.fullscreen.top-banner-promo #main {
  padding-top: 81px;
}
.product.fullscreen.top-banner-promo-xl #main {
  padding-top: 100px;
}
@media (min-width: 480px) {
  .product.fullscreen.top-banner-promo #main,
  .product.fullscreen.top-banner-promo-xl #main {
    padding-top: 20px;
  }
}
@media (min-width: 769px) {
  .product #main {
    padding-top: 0;
    margin-top: 0;
    margin-right: 0;
    overflow-x:hidden;
  }
}

#product {
  height: 100%;
  padding-left: 32px;
  padding-right: 32px;
}
html.product #product,
html.product #product-info-all-scroll {
  overflow-x:hidden;
  overflow-y:scroll;
}
html.product #product-info-all-scroll {
  margin-right:-17px;
}
html.product.aside-open #aside-menu{  right: 0 !important; }
html.product.aside-open #product-info-all { margin-right:0 !important; right: 20px;}
html.product #product > #product-images,
html.product #product-info-all-scroll > *
 {
  padding-right:17px;
}
@media (max-width: 480px ) {
  #product {
    padding-top: 45px !important;
  }
  html.top-banner-promo-xl #product,
  html.top-banner-promo #product {
    padding-top: 5px !important;
  }
  html.smartbanner #product {
    padding-top: 125px !important;
  }
  html.product #product-info-all-scroll > *
  {
    padding-top: 50px;
  }
}

@media (max-width: 770px ) {
  html.product #product-info-all-scroll > * {
    padding-top: 70px;
  }
  html.product #product-info-all-scroll > #product-info-wrapper {
    padding-top: 0;
  }
  #product {
    padding-top: 70px;
  }
  html.smartbanner #product {
    padding-top: 150px;
  }
}
#product-info-all-scroll {
  height:100%;
}
@media (min-width: 480px) {
  #product {
    padding-left: 72px;
    padding-right: 72px;
  }
}
@media (min-width: 769px) {
  #product {
    position: relative;
    padding-left: 0;
    padding-right: 383px;
  }
}
@media (min-width: 1025px) {
  #product {
    padding-right: 383px;
  }
}
#product.init,
#product.switching {
  opacity: 0;
}
#product-back {
  position: absolute;
  top: 102px;
  top: 69px;
  left: 16px;
  font-size: 27px;
  font-weight: 700;
  z-index: 1025;
}
.new-season-layout #product-back {
  display: none;
}
#product-back #product-back-txt {
  display: none;
  text-transform: uppercase;
  font-size: 12px;
}
@media (min-width: 480px) {
  #product-back {
    top: 110px;
    top: 98px;
    left: 28px;
    font-size: 12px;
    font-weight: 400;
  }
  #product-back #product-back-txt {
    display: inline-block;
  }
}
@media (min-width: 769px) {
  #product-back {
    top: 74px;
  }
}
@media (min-width: 1025px) {
  #product-back {
    top: 57px;
    left: 35px;
  }
}
#product-info-link-mobile {
  position: absolute;
  bottom: 40px;
  right: 0;
  z-index: 1020;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
}
@media (min-width: 769px) {
  #product-info-link-mobile {
    display: none;
  }
}
.byl-share {
  position: absolute;
  bottom: 16px;
  left: 0;
}

@media (max-width: 480px) {
  .byl-share {
    bottom: 37px;
  }
}
@media (min-width: 769px) {
  .byl-share {
    bottom: -15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .byl-share .dropdown-menu {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .catalog-product-view.new-season-layout .byl-share {
    display: none;
  }
}
#product-more-info {
  padding-left: 50px;
  padding-right: 50px;
  text-align: center;
  font-size: 12px;
}
#product-more-info #product-description-title,
#product-more-info #product-shipping-title {
  font-size: 14px;
  font-weight: 400;
}
#product-more-info #product-description-title a,
#product-more-info #product-shipping-title a {
  position: relative;
  display: block;
}
#product-more-info #product-description-title a::after,
#product-more-info #product-shipping-title a::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  background-image: url('../images/sprite.png');
  background-position: -2px -31px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  width: 13px;
  height: 7px;
  vertical-align: middle;
  margin: auto;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #product-more-info #product-description-title a::after,
  #product-more-info #product-shipping-title a::after {
    background-image: url('../images/sprite@2x.png');
    background-size: 205px 1572px;
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
  #product-more-info #product-description-title a::after,
  #product-more-info #product-shipping-title a::after {
    background-image: url('../images/sprite@3x.png');
    background-size: 205px 1572px;
  }
}
#product-more-info #product-description-title a.collapsed::after,
#product-more-info #product-shipping-title a.collapsed::after {
  background-position: -2px -20px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  width: 13px;
  height: 7px;
}
#product-more-info #product-shipping-title {
  margin-top: 11px;
  margin-bottom: 5px;
}
#product-more-info h3 {
  font-size: 12px;
  margin: 0;
}
#product-more-info h4 {
  font-size: 12px;
  font-weight: 400;
  margin-top: 9px;
  margin-bottom: 4px;
}
#product-more-info .product-description-txt p {
  font-size: 13px;
}
#product-more-info p {
  font-size: 12px;
  padding: 0;
  margin: 0;
  line-height: 1em;
}
#product-more-info #product-shipping h4:first-child {
  margin-top: 5px;
}
#product-more-info ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
#product-more-info li {
  display: block;
  line-height: 1em;
}
@media (max-width: 769px) {
  #product-more-info {
    padding-left: 25px;
    padding-right: 25px;
  }
  #product.small .product-description-txt {
    margin-bottom: 15px !important;
  }
  #product-more-info h2 {
    margin-top: 15px;
    margin-bottom: 8px;
  }
  #product-more-info h5 {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  #product-more-info .product-description-txt p {
    font-size: 12px;
  }
}
@media (min-width: 480px) {
  #product-more-info #product-description-title,
  #product-more-info #product-shipping-title {
    font-size: 12px;
  }
  #product-more-info h3 {
    font-size: 11px;
  }
  #product-more-info h4 {
    font-size: 11px;
    margin-bottom: 30px;
  }
  #product-more-info .product-description-txt p {
    font-size: 11px;
  }
}
@media (min-width: 769px) {
  #product-more-info {
    text-align: left;
    padding-left: 0;
    padding-right: 0;
    /*
    h3 {
      font-size: 12px;
      margin: 0;
    }
*/
  }
}
#product-return-info-link {
  display: inline-block;
  margin-top: 15px;
  text-decoration: underline;
}
#product-size-guide-link {
  display: none;
  margin-top: 15px;
  margin-bottom: 0;
  text-transform: uppercase;
  font-size: 12px;
}
#product-size-guide-link:hover {
  cursor: pointer;
}
@media (min-width: 769px) {
  #product-size-guide-link {
    display: inline-block;
  }
}
#product-size-guide-link-mobile {
  display: inline-block;
  margin-top: 28px;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size: 12px;
}
@media (min-width: 769px) {
  #product-size-guide-link-mobile {
    display: none;
  }
}
#product-more-info-link {
  position: absolute;
  bottom: 156px;
  right: -10px;
  padding: 10px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
}
.preorder-color{
  color:  #00ff00;
}
.preorder-title{
  position: relative;
  top: -35px;
}
.quickview .preorder-title{
  top: 0;
}
@media (max-width: 480px) {
  .catalog-product-view.new-season-layout #product-more-info-link {
    bottom: 130px;
  }
}
@media (min-width: 480px) {
  #product-more-info-link {
    bottom: 150px;
    right: -6px;
  }
}
@media (min-width: 769px) {
  #product-more-info-link {
    display: none;
  }
}
@media (max-width: 768px){
  .preorder-title{
    top: 0;
  }

  .product .preorder .offers{
    margin-bottom: 0;
  }
}
.special-message-preorder{
  text-align: justify;
}
.checkout-cart-paymethod .special-message-preorder {
  border-bottom: 1px solid black;
}
.checkout-success .preorder-product{
  display: block;
}

#product-free-return {
  display: none;
}
@media (min-width: 769px) {
  #product-free-return {
    display: block;
    margin-top: 23px;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0;
  }
}
@media (min-width: 1025px) {
  #product-free-return {
    margin-top: 39px;
  }
}
#product-info-all {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1030;
  width: 100%;
  padding: 0 20px 20px;
  margin: 0;
  text-align: center;
}
#product-info-all .product-title {
  font-size: 16px;
  font-weight: 400;
  margin-top: 10px;
  margin-bottom: 0;
  text-transform: none;
}
#product-info-all .product-price {
  display: inline-block;
  margin-bottom: 19px;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}
@media (min-width: 480px) {
  #product-info-all {
    padding: 0 72px 32px;
  }
  #product-info-all .product-title {
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 22px;
  }
  #product-info-all .product-price {
    font-size: 22px;
  }
}
@media (min-width: 769px) {
  #product-info-all {
    position: fixed;
    top: 0;
    right: 113px;
    right: 93px;
    left: auto;
    bottom: auto;
    width: 290px;
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0;
    padding-right: 20px;
    text-align: center;
  }
  .new-season-layout #product-info-all {
    background-color: #fff;
  }
  #product-info-all .product-title {
    margin-bottom: 5px;
    letter-spacing: -0.5px;
  }
  #product-info-all .product-price {
    margin-bottom: 52px;
  }
  #product-info-all #product-info-wrapper {
    width: 271px;
    padding-top: 102px;
  }
  #product-info-all #product-info,
  #product-info-all #product-more-info,
  #product-info-all #product-free-return {
    margin-left: 20px;
    margin-right: 20px;
  }
  #product-info-all #product-form-action .btn {
    width: 214px;
    width: calc(100% - 40px);
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
@media (min-width: 1025px) {
  #product-info-all #product-info-wrapper {
    padding-top: 89px;
  }
}
@media screen and (min-width: 1025px), screen and (min-width: 769px) and (-webkit-max-device-pixel-ratio: 1.3), screen and (min-width: 769px) and (-webkit-max-device-pixel-ratio: 1.25), screen and (min-width: 769px) and (max-resolution: 120dpi), screen and (min-width: 769px) and (max-resolution: 1.3dppx) {
  #product-info-all {
    overflow: hidden;
  }
}
#product-form .selectlist {
  position: relative;
  float: left;
}
#product-form #product-wishlist {
  padding-top: 8px;
  font-size: 12px;
  background-color: transparent;
  border-color: transparent;
}
#product-form #product-wishlist::after {
  content: '';
  margin-left: 5px;
  vertical-align: baseline;
  background-image: url('../images/sprite.png');
  background-position: -2px -239px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  width: 12px;
  height: 12px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #product-form #product-wishlist::after {
    background-image: url('../images/sprite@2x.png');
    background-size: 205px 1572px;
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
  #product-form #product-wishlist::after {
    background-image: url('../images/sprite@3x.png');
    background-size: 205px 1572px;
  }
}
#product-form.notify #product-buy {
  display: none;
}
#product-form.notify #product-buy.esMercadoSincompra {
    display: inline-block;
}
#product-form #product-notify {
  display: none;
  color: #ffffff;
  background-color: #999;
  border-color: #999;
}
#product-form.notify #product-notify {
  display: inline-block;
}
#product-form .selectlist .dropdown-toggle {
  width: 100% !important;
  height: 42px;
  background-color: transparent;
  border: 1px solid #000;
  text-align: center;
}
#product-form .selectlist .dropdown-toggle:focus {
  background-color: #ffffff;
  border-color: #000;
}
#product-form .selectlist .dropdown-menu {
  width: 100% !important;
  z-index: 1100;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  border: none;
  background-color: #ffffff;
  background-color: #e1e1e1;
  text-align: center;
}
#product-form .selectlist .dropdown-menu li {
  display: block;
  height: 36px;
}
#product-form .selectlist .dropdown-menu a {
  display: inline-block;
  height: 100%;
  width: 100%;
  padding: 0;
  line-height: 36px;
}
#product-form .selectlist .dropdown-menu a:focus,
#product-form .selectlist .dropdown-menu a:hover {
  background-color: #ffffff;
  background-color: #ccc;
  color: #000;
}
#product-form .selectlist .arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 8px;
  background-image: url('../images/sprite.png');
  background-position: -2px -20px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  width: 13px;
  height: 7px;
  vertical-align: middle;
  margin: auto;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #product-form .selectlist .arrow {
    background-image: url('../images/sprite@2x.png');
    background-size: 205px 1572px;
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
  #product-form .selectlist .arrow {
    background-image: url('../images/sprite@3x.png');
    background-size: 205px 1572px;
  }
}
#product-form .selectlist.open .arrow {
  background-position: -2px -31px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  width: 13px;
  height: 7px;
}
#product-form #product-size .dropdown-menu li:first-child {
  display: none;
}
#product-form #product-size .dropdown-menu a {
  font-size: 13px;
}
#product-form #product-size .dropdown-menu [data-selected=true] a {
  font-weight: 700;
}
#product-form #product-size .dropdown-menu [data-notavailable=true] a {
  color: #999;
}
#product-form #product-size .dropdown-menu [data-notavailable=true] a:hover {
  color: #ffffff;
}
#product-form #product-size .product-size-txt-step {
  display: none;
}
#product-form #product-color-sample {
  position: absolute;
  top: -1px;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 7px;
  vertical-align: middle;
  border-radius: 50%;
}
#product-form #product-color .selected-label {
  padding-right: 20px;
  position: relative;
}
#product-form #product-color .dropdown-toggle {
  padding-top: 9px;
  padding-left: 5px;
}
#product-form #product-color .dropdown-menu a {
  display: block;
  padding-top: 8px;
}
#product-form #product-color .dropdown-menu a span {
  display: block;
  width: 20px;
  height: 20px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50%;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
#product-form #product-color .dropdown-menu .gometxa {
    height: 100%;
    width: 100%;
    padding: 0;
    line-height: 36px;
    padding-top: 8px;
}
#product-form #product-color .dropdown-menu .gometxa span {
    display: block;
    width: 20px;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    border: 1px solid #999;
}
#product-form #product-size .dropdown-toggle {
  border-left: none;
  background-color: transparent;
}
@media (min-width: 769px) {
  #product-form #product-color .btn {
    font-weight: 400;
  }
  #product-info-all #product-form #product-wishlist {
    position: relative;
    height: 45px;
    margin-top: 0;
    margin-bottom: 7px;
  }
  #product-info-all #product-form #product-wishlist::after {
    position: absolute;
    top: 15px;
    right: 45px;
  }
  #product-info-all #product-form .selectlist {
    width: 50%;
  }
  #product-info-all #product-form .selectlist .dropdown-toggle {
    height: 36px;
    line-height: 14px;
    background-color: transparent;
  }
  #product-info-all #product-form .selected-label {
    text-transform: none;
    font-weight: 400;
    font-size: 13px;
  }
  #product-info-all #product-shipping-title,
  #product-info-all #product-description-title {
    margin-top: 13px;
  }
  #product-info-all #product-form .selected-label  #product-color-sample{
    display:none;
  }
}
#product.small #product-form {
  position: relative;
  float: left;
  width: 100%;
}
#product.small #product-form .selectlist .dropdown-menu {
  position: static;
}
#product.small #product-form .close {
  position: absolute;
  top: 5px;
  right: 0;
  z-index: 1000;
  display: none;
  padding: 0;
  overflow: visible;
  line-height: normal;
  background: none;
  border: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 10px 0 10px 10px;
}
@media (min-width: 480px) {
  #product.small #product-form .close {
    top: 10px;
    right: -30px;
  }
}
#product.small #product-color,
#product.small #product-size {
  width: 33%;
}
#product.small #product-size {
  margin-right: 4%;
}
#product.small #product-form-action {
  float: right;
  width: 30%;
}
#product.small #product-buy {
  float: right;
  width: 100%;
}
#product.small #product-wishlist {
  display: none;
}
.size-un #product.small #product-form.notify:not(.step-color) #product-form-action {
  width: initial;
  max-width: 66%;
  text-align: right;
}
.size-un #product.small #product-form.notify:not(.step-color) #product-notify {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 480px) {
  #product.small #product-color,
  #product.small #product-size {
    width: 31%;
  }
  #product.small #product-size {
    margin-right: 3%;
  }
  #product.small #product-form-action {
    width: 35%;
  }
}
@media (min-width: 600px) {
  #product.small #product-color,
  #product.small #product-size {
    width: 25%;
  }
  #product.small #product-size {
    margin-right: 0;
  }
  #product.small #product-form-action {
    padding-left: 25px;
    width: 50%;
  }
  #product.small #product-buy {
    width: 100%;
  }
}
#product.small .selectlist {
  width: 92px;
}
#product.small .selectlist .dropdown-backdrop {
  display: none;
}
#product.small .selectlist .dropdown-menu {
  top: auto;
  bottom: 0;
  background-color: #ffffff;
}
#product.small .selectlist .dropdown-menu li {
  display: inline-block;
  cursor: pointer;
}
#product.small .selectlist .dropdown-menu a:focus,
#product.small .selectlist .dropdown-menu a:hover {
  background-color: #ffffff;
}
#product.small #product-size .dropdown-menu li {
  height: auto;
}
#product.small #product-size .dropdown-menu a {
  font-size: 24px;
  padding: 24px;
  line-height: 24px;
}
#product.small #product-size .dropdown-menu [data-notavailable=true] a:hover {
  color: #999;
}
#product.small #product-info.step .product-title,
#product.small #product-info.step .product-price {
  display: none;
}
#product.small .selectlist.open {
  float: left;
}
#product.small .selectlist.open .dropdown-menu {
  padding-top: 27px;
  padding-bottom: 0;
}
@media (min-width: 480px) {
  #product.small .selectlist.open .dropdown-menu {
    padding-top: 40px;
    padding-bottom: 12px;
  }
}
#product.small .selectlist.open .dropdown-menu a {
  height: auto;
}
#product.small #product-color.open,
#product.small #product-size.open {
  width: 100%;
}
#product.small #product-color.open .dropdown-toggle,
#product.small #product-size.open .dropdown-toggle {
  display: none;
}
#product.small #product-size.open li:first-child {
  display: none;
}
#product.small #product-color.open .dropdown-menu li {
  height: 100%;
  vertical-align: top;
}
#product.small #product-color.open .dropdown-menu a,
#product.small #product-color.open .dropdown-menu .gometxa {
  padding: 10px 21px;
}
#product.small #product-color.open .dropdown-menu a span,
#product.small #product-color.open .dropdown-menu .gometxa span {
  width: 29px;
  height: 29px;
  min-width: 29px;
}
#product.small #product-color.open .dropdown-menu [data-selected=true] span,
#product.small #product-color.open .dropdown-menu [data-selected=true] .gometxa span {
  height: 35px;
  width: 35px;
  top: -5px;
  position: relative;
}
#product.small #product-form.step-color {
  position: relative;
}
#product.small #product-form.step-color .close {
  display: block;
}
#product.small #product-form.step-color #product-size {
  width: 100%;
  border-left: 1px solid #000;
}
.product-size-txt.talla-escritorio {
  display: block;
}
.product-size-txt.talla-movil {
  display: none;
}
@media (max-width: 480px) {
  .product-size-txt.talla-escritorio {
    display: none;
  }
  .product-size-txt.talla-movil {
    display: block;
  }
}
#product.small #product-form.step-color #product-size .product-size-txt {
  display: none;
}
#product.small #product-form.step-color #product-size .product-size-txt-step {
  display: inline-block;
}
#product.small #product-form.step-color #product-size .dropdown-toggle {
  width: 100% !important;
}
#product.small #product-form.step-color #product-size .arrow {
  display: none;
}
#product.small #product-form.step-color #product-buy,
#product.small #product-form.step-color #product-notify {
  float: left;
  display: none;
}
#product.small #product-form.step-color #product-form-action {
  bottom: 42px;
  width: 100%;
  padding-left: 0;
}
#product.small #product-form.step-color #product-wishlist {
  width: 100%;
  display: block;
  padding-bottom: 16px;
}
#product.small #product-form.step-size {
  /*
    #product-buy:not(.notify) {
      width: 100%;
      display: block;
    }

    #product-notify.notify {
      width: 100%;
      display: block;
    }
*/
}
#product.small #product-form.step-size .close {
  display: block;
}
#product.small #product-form.step-size #product-color {
  display: none;
}
#product.small #product-form.step-size #product-size a {
  font-size: 21px;
}
#product.small #product-form.step-size #product-form-action {
  width: 100%;
  padding-left: 0;
}
#product.small #product-form.step-size #product-buy {
  width: 100%;
  display: block;
}
#product.small #product-form.step-size.notify #product-buy {
  display: none;
}
#product.small #product-form.step-size.notify #product-notify {
  width: 100%;
  display: block;
}
#product #product-images-wrapper {
  width: 100%;
  height: 100vh;
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}


#product .product-images-item {
  width: 100%;
  height: 100%;
}
/*@media (min-width: 1025px) {
    #product .product-images-item {
        height: auto;
    }
}*/
#quickview-modal .product-images-item.item.portrait {
    perspective: initial !important;
}
#product .product-zoom-link {
  display: block;
}
#product .product-images-img {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  max-height: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/*@media (min-width: 1025px) {
    #product .product-images-img {
        position: relative;
    }
}*/

#product .carousel-indicators {
  display: none;
}
#product.small #product-images {
  width: 100%;
  height: 100%;
  padding-bottom: 129px;
}
.catalog-product-view.new-season-layout #product.small #product-images {
  padding-bottom: 160px;
}
@media (min-width: 480px) {
  #product.small #product-images {
    padding-bottom: 111px;
    padding-bottom: 143px;
  }
  .catalog-product-view.new-season-layout #product.small #product-images {
    padding-bottom: 143px;
  }
}
#product.small #product-images-wrapper {
  height: 100%;
}
#product.small .product-images-item {
  overflow: hidden;
}
#product.small .product-zoom-link:hover {
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
  cursor: url('../images/zoom-in.png') 15 10, url('../images/zoom-in.cur'), -webkit-zoom-in;
  cursor: url('../images/zoom-in.png') 15 10, url('../images/zoom-in.cur'), -moz-zoom-in;
  cursor: url('../images/zoom-in.png') 15 10, url('../images/zoom-in.cur'), zoom-in;
}
#product.small .product-images-item.square .product-images-img {
  width: 100%;
  height: auto;
  max-width: 100%;
}
#product.small .carousel-indicators {
  display: block;
}
#product.large #product-images-wrapper {
  padding-top: 70px;
  padding-bottom: 70px;
  padding-left: 112px;
}
@media (max-width: 1023px) {
  .catalog-product-view.new-season-layout #product.large #product-images-wrapper {
    padding-left: 35px;
  }
}


#product.large .product-images-item {
  position: relative;
  display: block;
  margin-top: 79px;
  margin-bottom: 70px;
}
#product.large .product-images-item:first-child {
  margin-top: 0;
}
.catalog-product-view.new-season-layout #product.large .product-images-item {
  margin-top: 0px;
  margin-bottom: 47px;
}
#product.large .product-zoom-link:hover {
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
  cursor: url('../images/zoom-in.png') 15 10, url('../images/zoom-in.cur'), -webkit-zoom-in;
  cursor: url('../images/zoom-in.png') 15 10, url('../images/zoom-in.cur'), -moz-zoom-in;
  cursor: url('../images/zoom-in.png') 15 10, url('../images/zoom-in.cur'), zoom-in;
}
#product.large .product-images-img {
  top: 0;
  width: auto;
  height: 100%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media (max-width: 1400px) {
  .new-season-layout #product.large .product-images-item {
    height: auto;
  }
  .new-season-layout #product.large .product-images-img {
    position: relative;
    width: 100%;
    height: auto;
    max-height: none;
  }
  .new-season-layout #product.large .product-images-item.portrait img {
    width: 60%;
  }
}
#product.large .product-images-item.no .product-images-img {
  top: 50%;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media (min-width: 1025px) {
  #product.large #product-images-wrapper {
    padding-top: 52px;
    padding-bottom: 52px;
    padding-left: 0;
  }
  #product.large .product-images-item {
    margin-top: 52px;
    margin-bottom: 52px;
  }
}
.carousel.vertical .carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
.carousel.vertical .carousel-inner > .item {
  -webkit-transition-property: top;
  -moz-transition-property: top;
  transition-property: top;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel.vertical .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.4s ease-in-out;
    -moz-transition: -moz-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
  }
  .carousel.vertical .carousel-inner > .item.next,
  .carousel.vertical .carousel-inner > .item.active.right {
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    left: auto;
    top: 0;
  }
  .carousel.vertical .carousel-inner > .item.prev,
  .carousel.vertical .carousel-inner > .item.active.left {
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    left: auto;
    top: 0;
  }
  .carousel.vertical .carousel-inner > .item.next.left,
  .carousel.vertical .carousel-inner > .item.prev.right,
  .carousel.vertical .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: auto;
    top: 0;
  }
}
.carousel.vertical .carousel-inner > .active {
  left: auto;
  top: 0;
}
.carousel.vertical .carousel-inner > .next,
.carousel.vertical .carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel.vertical .carousel-inner > .next {
  left: auto;
  top: 100%;
}
.carousel.vertical .carousel-inner > .prev {
  left: auto;
  top: -100%;
}
.carousel.vertical .carousel-inner > .next.left,
.carousel.vertical .carousel-inner > .prev.right {
  left: auto;
  top: 0;
}
.carousel.vertical .carousel-inner > .active.left {
  left: auto;
  top: -100%;
}
.carousel.vertical .carousel-inner > .active.right {
  left: auto;
  top: 100%;
}
#product.small .carousel-indicators {
  top: 50%;
  right: -21px;
  bottom: auto;
  left: auto;
  width: auto;
  margin-bottom: 0;
  -webkit-transform: translateY(-50%) translateY(-65px);
  -moz-transform: translateY(-50%) translateY(-65px);
  -ms-transform: translateY(-50%) translateY(-65px);
  transform: translateY(-50%) translateY(-65px);
}
.catalog-product-view.new-season-layout #product.small .carousel-indicators {
  right: -18px;
  top: 50%;
}
@media (min-width: 480px) {
  #product.small .carousel-indicators {
    right: -13px;
    -webkit-transform: translateY(-50%) translateY(-72px);
    -moz-transform: translateY(-50%) translateY(-72px);
    -ms-transform: translateY(-50%) translateY(-72px);
    transform: translateY(-50%) translateY(-72px);
  }
  .catalog-product-view.new-season-layout #product.small .carousel-indicators {
    right: -22px;
  }
}
#product.small .carousel-indicators li {
  position: relative;
  display: block;
  width: 25px;
  height: 25px;
  margin: 0 0 10px;
  border: none;
  border-radius: 0;
}
#product.small .carousel-indicators li::before {
  position: absolute;
  top: 6px;
  left: 6px;
  display: block;
  width: 10px;
  height: 10px;
  border: 1px solid #999;
  border-radius: 50%;
  content: '';
  background-color: transparent;
  -webkit-transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out;
  -moz-transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out;
  transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out;
}
.catalog-product-view.new-season-layout #product.small .carousel-indicators li {
  width: 20px;
  height: 20px;
}
.catalog-product-view.new-season-layout #product.small .carousel-indicators li::before {
  width: 7px;
  height: 7px;
}
#product.small .carousel-indicators li#related::before {
  border-radius: inherit;
}

#product.small .carousel-indicators li.active {
  background-color: transparent;
}
#product.small .carousel-indicators li.active::before {
  background-color: #000;
  border-color: #000;
}
.catalog-product-view.new-season-layout #product.small .carousel-indicators li.active::before {
  background-color: #999;
  border-color: #999;
}
#product.small .carousel-indicators li:last-child {
  margin-bottom: 0;
}
#product.small .carousel-indicators img {
  display: none;
}
.byl-share .dropdown-toggle {
  margin-top: 5px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
}
.byl-share .dropdown-menu {
  min-width: 140px;
  margin-top: 5px;
}
.byl-share .dropdown-menu li {
  display: inline-block;
}
.byl-share .dropdown-menu li a {
  padding: 3px 18px;
  vertical-align: middle;
}
.byl-share .dropdown-menu li a:focus,
.byl-share .dropdown-menu li a:active,
.byl-share .dropdown-menu li a:hover {
  background-color: transparent;
}
.byl-share .dropdown-menu li:last-child a {
  padding-right: 0;
}
.byl-share .facebook {
  background-image: url('../images/sprite.png');
  background-position: -2px -430px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  width: 8px;
  height: 17px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .byl-share .facebook {
    background-image: url('../images/sprite@2x.png');
    background-size: 205px 1572px;
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
  .byl-share .facebook {
    background-image: url('../images/sprite@3x.png');
    background-size: 205px 1572px;
  }
}
.byl-share .twitter {
  background-image: url('../images/sprite.png');
  background-position: -2px -255px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  width: 17px;
  height: 14px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .byl-share .twitter {
    background-image: url('../images/sprite@2x.png');
    background-size: 205px 1572px;
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
  .byl-share .twitter {
    background-image: url('../images/sprite@3x.png');
    background-size: 205px 1572px;
  }
}
.byl-share .pinterest {
  background-image: url('../images/sprite.png');
  background-position: -2px -451px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  width: 17px;
  height: 17px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .byl-share .pinterest {
    background-image: url('../images/sprite@2x.png');
    background-size: 205px 1572px;
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
  .byl-share .pinterest {
    background-image: url('../images/sprite@3x.png');
    background-size: 205px 1572px;
  }
}
.byl-share .email {
  background-color: red;
  background-image: url('../images/sprite.png');
  background-position: -2px -145px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  width: 16px;
  height: 11px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  padding-right: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .byl-share .email {
    background-image: url('../images/sprite@2x.png');
    background-size: 205px 1572px;
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
  .byl-share .email {
    background-image: url('../images/sprite@3x.png');
    background-size: 205px 1572px;
  }
}
.catalog-product-view.new-season-layout .byl-share {
  bottom: 160px;
  left: -12px;
}
.catalog-product-view.new-season-layout .byl-share .dropdown-toggle {
  font-size: 0;
  width: 20px;
  height: 20px;
  background-image: url('../images/rrss/share_black.svg');
  background-size: 17px 17px;
  background-position: center;
  background-repeat: no-repeat;
}
.catalog-product-view.new-season-layout .byl-share .dropdown-menu {
  display: block;
  top: -2px;
  margin: 0;
  left: 100%;
  margin-left: 14px;
  min-width: 0;
  max-width: none;
  width: 2px;
  height: 30px;
  overflow: hidden;
  opacity: 0;
  transition: width 0.5s ease-in-out, opacity 0.7s ease-out;
}
.catalog-product-view.new-season-layout .byl-share.open .dropdown-menu {
  width: 120px;
  opacity: 1;
  transition: width 0.5s ease-in-out, opacity 0.7s ease-out;
}
.catalog-product-view.new-season-layout .byl-share .dropdown-menu li a {
  padding: 3px 15px;
}

.catalog-product-view.new-season-layout .byl-share .facebook {
  background-position: 10px -430px;
}
.catalog-product-view.new-season-layout .byl-share .twitter {
  background-position: 5px -255px;
}
.catalog-product-view.new-season-layout .byl-share .dropdown-menu li {
  margin-right: 10px;
}

@media (max-width: 480px) {
  .catalog-product-view.new-season-layout .byl-share {
    bottom: 140px;
  }
}

#product-shop-by-look {
  text-align: center;
}
#product-shop-by-look #product-sbl-title {
  font-size: 16px;
  font-weight: 700;
}
#product-shop-by-look .sbl-products {
  display: inline-block;
  max-width: 234px;
  margin-top: 23px;
  text-align: left;
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
#product-shop-by-look .sbl-products .center1 {
  display: inline-block;
}
#product-shop-by-look .sbl-products .center2 {
  display: inline-flex;
}
#product-shop-by-look .sbl-product {
  display: inline-block;
  width: 76px;
  height: 95px;
  text-align: center;
  font-size: 0;
  position: relative;
  border: 1px solid #000;
}

#product-shop-by-look .sbl-img-link {
  display: inline-block;
  width: 76px;
  height: 93px;
  background-color: transparent;
}
#product-shop-by-look .sbl-img-link:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: bottom;
}
#product-shop-by-look .no .sbl-img-link:before {
  vertical-align: middle;
}
#product-shop-by-look .sbl-img {
  display: inline-block;
  max-width: 74px;
  max-height: 91px;
  height: 100%;
  width: auto;
}
#product-shop-by-look .sbl-info {
  /*position: relative;*/
  padding: 0 3px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: trasparent;
  display: none;
  width: 100%;
  height: 100%;
}
#product-shop-by-look img.sbl-img,
.lookbook img.vinculated-miniature {
  -ms-interpolation-mode: nearest-neighbor;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: pixelated;
}
.lookbook img.vinculated-miniature {
  top: 1px;
  height: calc(100% - 2px);
}

#product-shop-by-look .sbl-product:hover > a .sbl-info{
  display: block;
}
@media (min-width: 770px) {
  #product-shop-by-look .sbl-product:hover > a img{
    display: none;
  }
}

@media (max-width: 769px) {
  #product-shop-by-look {
    padding-top: 0;
    margin-top: 0;
  }
  #product-shop-by-look .sbl-product {
    border: none;
    height: inherit;
    width: 115px;
    float: left;
  }
  #product-shop-by-look .sbl-product:nth-child(n+4) {
    /*margin-top: 25px;*/
  }
  #product-shop-by-look .sbl-product:nth-child(n+3) {
    margin-top: 20px;
    margin-bottom: 5px;
  }
  #product-shop-by-look .sbl-img-link {
    border: 1px solid #000;
    width: 90px;
    height: 102px;
  }

  #product-shop-by-look .sbl-img {
    max-width:  100%;
    max-height: 100%;
  }

  #product-shop-by-look .sbl-info {
    position: relative;
    top: 1px;
    background-color: transparent;
  }
  #product-shop-by-look .sbl-info .sbl-title {
    /*min-height: 40px;*/
  }

  #product-shop-by-look .sbl-product > a .sbl-info{
    display: block;
  }
}


#product-shop-by-look .sbl-title {
  display: inline-table;
  margin-top: 7px;
  margin-bottom: 5px;
  height: 17px;
  text-transform: none;
  font-size: 12px;
}

#product-shop-by-look .sbl-price {
  font-size: 13px;
  font-weight: 700;
}

@media (max-width: 479px) {

  #product-shop-by-look .sbl-title {
    margin: 5px 0;
  }

}

@media (min-width: 769px) {
  #product-shop-by-look {
    padding-top: 13px;
    /*.sbl-product:nth-child(3n) {
      margin-right: 0;
    }*/
    /*.sbl-product:first-child .sbl-img-link {
      border-left: 1px solid @brand-primary;
    }*/
  }
  #product-shop-by-look #product-sbl-title {
    font-size: 10px;
  }
  #product-shop-by-look .sbl-products {
    margin-top: 0;
    max-width: 256px;
    text-align: center;
    font-size: 16px;
  }
  #product-shop-by-look .sbl-product {
    width: 90px;
  }
  #product-shop-by-look .sbl-img-link {
    width: 90px;
    height: 90px;
  }
  #product-shop-by-look .sbl-img {
    max-width: 88px;
    max-height: 88px;
  }
  #product-shop-by-look .sbl-title {
    margin-top: 7px;
  }
  #product-shop-by-look .sbl-product:nth-child(n + 7) {
    display: none;
  }
  #product-shop-by-look .sbl-price {
    position: absolute;
    bottom: 3px;
    width: 100%;
    left: 0;
  }

}

#product-zoom {
  padding-right: 0 !important;
  background-color:#fff;
}
#product-zoom:hover {
  cursor: -webkit-zoom-out;
  cursor: -moz-zoom-out;
  cursor: zoom-out;
  cursor: url('../images//zoom-out.png') 15 10, url('images/zoom-out.cur'), -webkit-zoom-out;
  cursor: url('../images//zoom-out.png') 15 10, url('images/zoom-out.cur'), -moz-zoom-out;
  cursor: url('../images//zoom-out.png') 15 10, url('images/zoom-out.cur'), zoom-out;
}
#product-zoom .modal-dialog {
  width: 100%;
  height: 100%;
}
#product-zoom .modal-content {
  height: 100%;
  border: none;
}
#product-zoom .modal-header {
  position: fixed;
  top: 0;
  z-index: 1025;
  display: inline-block;
  width: 100%;
  text-align: left;
}
#product-zoom .modal-title {
  display: inline-block;
  margin-top: 0;
  font-size: 13px;
  margin-top: 17px;
  margin-left: 17px;
}
#product-zoom .modal-body {
  height: 100%;
  overflow-y: auto;
  padding: 0;
}
#product-zoom .close {
  background-image: url('../images/sprite.png');
  background-position: -2px -1086px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 26px;
  height: 26px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  top: 14px;
  right: 15px;
}
#product-zoom .close::after {
  display: none;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #product-zoom .close {
    background-image: url('../images/sprite@2x.png');
    background-size: 205px 1572px;
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
  #product-zoom .close {
    background-image: url('../images/sprite@3x.png');
    background-size: 205px 1572px;
  }
}
@media screen and (min-width: 1025px), screen and (min-width: 769px) and (-webkit-max-device-pixel-ratio: 1.3), screen and (min-width: 769px) and (-webkit-max-device-pixel-ratio: 1.25), screen and (min-width: 769px) and (max-resolution: 120dpi), screen and (min-width: 769px) and (max-resolution: 1.3dppx) {
  #product-zoom .close.active,
  #product-zoom .close:active,
  #product-zoom .close:focus,
  #product-zoom .close:hover {
    background-position: -2px -1299px;
  }
}
#product-zoom ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  text-align: center;
}
#product-zoom img {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
#quickview-modal > .modal-dialog > .modal-content > .modal-header {
  position: relative;
  z-index: 2201;
}
#quickview-modal > .modal-dialog > .modal-content > .modal-body {
  max-height: 650px;
  overflow-y: hidden;
  overflow-x: hidden;
  padding: 0;
}
@media (min-width: 480px) {
  #quickview-modal > .modal-dialog > .modal-content article {
    max-height: 650px;
  }
}
@media (min-width: 480px) {
  #quickview-modal > .modal-dialog > .modal-content #product-images {
    max-height: 650px;
  }
}
#product.quickview {
  position: relative;
  height: 100%;
  padding-right: 290px;
}
#product.quickview #product-images {
  padding-left: 115px;
}
#product.quickview #product-images-wrapper {
  max-height: 650px;
}
#product.quickview .product-images-item.square .product-images-img {
  width: 100%;
  height: auto;
  max-width: 100%;
}
#product.quickview .product-zoom-link:hover {
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
  cursor: url('../images//zoom-in.png') 15 10, url('../images/zoom-in.cur'), -webkit-zoom-in;
  cursor: url('../images//zoom-in.png') 15 10, url('../images/zoom-in.cur'), -moz-zoom-in;
  cursor: url('../images//zoom-in.png') 15 10, url('../images/zoom-in.cur'), zoom-in;
}
#product.quickview #product-info-all {
  position: absolute;
  right: 0;
}
#product.quickview #product-info-all #product-info-wrapper {
  padding-top: 50px;
}
#product.quickview #product-info-all .product-price {
  margin-bottom: 30px;
}
#product.quickview #product-info-all #product-form #product-wishlist {
  margin-top: 0;
}
#product.quickview #product-description-title,
#product.quickview #product-shipping-title {
  margin-top: 13px;
}
#product.quickview #product-shop-by-look {
  padding-top: 5px;
}
#product.quickview #index-wrapper {
  position: absolute;
  top: 0;
  left: 48px;
  height: 100%;
}
#product.quickview #index-to-top {
  top: 0;
  margin-top: 20px;
  background-image: url('../images/sprite.png');
  background-position: -2px -472px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 30px;
  height: 17px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #product.quickview #index-to-top {
    background-image: url('../images/sprite@2x.png');
    background-size: 205px 1572px;
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
  #product.quickview #index-to-top {
    background-image: url('../images/sprite@3x.png');
    background-size: 205px 1572px;
  }
}
#product.quickview #index-to-bottom {
  bottom: 0;
  margin-bottom: 20px;
  background-image: url('../images/sprite.png');
  background-position: -2px -388px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 30px;
  height: 17px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #product.quickview #index-to-bottom {
    background-image: url('../images/sprite@2x.png');
    background-size: 205px 1572px;
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
  #product.quickview #index-to-bottom {
    background-image: url('../images/sprite@3x.png');
    background-size: 205px 1572px;
  }
}
#product.quickview #index-to-top,
#product.quickview #index-to-bottom {
  position: absolute;
  margin-left: 18px;
}
#product.quickview .carousel-indicators {
  display: block;
  position: absolute;
  top: 38px;
  bottom: auto;
  left: 48px;
  width: 64px;
  height: 558px;
  padding-bottom: 32px;
  margin-left: 0;
  overflow: hidden;
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
#product.quickview .carousel-indicators li {
  display: block;
  width: 64px;
  height: 143px;
  margin: 0;
  margin-top: 32px;
  background-color: transparent;
  text-indent: 0;
  border: none;
  opacity: 0.5;
  -webkit-transition: opacity .2s ease;
  -moz-transition: opacity .2s ease;
  transition: opacity .2s ease;
  font: 0/0 a;
}
#product.quickview .carousel-indicators li.active,
#product.quickview .carousel-indicators li:hover {
  background-color: transparent;
  opacity: 1;
}
#product.quickview .carousel-indicators li:before {
  content: ' ';
  display: inline-block;
  vertical-align: middle;
  /* vertical alignment of the inline element */
  height: 100%;
}
#product.quickview .carousel-indicators li img {
  vertical-align: middle;
  display: inline-block;
  max-height: 100%;
  /* <-- Set maximum height to 100% of its parent */
  max-width: 100%;
  /* <-- Set maximum width to 100% of its parent */
}
@media (min-width: 769px) {
  #quickview-modal #product-info-all {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 769px) {
  body.cart #quickview-modal .product-images-item.prev,
  body.cart #quickview-modal .product-images-item.next {
    height: 75%;
  }
}
@media (max-width: 480px) {
  body.cart #quickview-modal .product-images-item.prev,
  body.cart #quickview-modal .product-images-item.next {
    height: 98%;
  }
}
.product-customize #product-more-info #product-description-title {
  margin-top: 70px;
}
@media (min-width: 480px) {
  .product-customize #product-more-info #product-description-title {
    margin-top: 0;
  }
}
.product-customize #product-info-all {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1030;
  width: 100%;
  padding: 0 20px 10px;
  margin: 0;
  text-align: center;
  -webkit-transition: 1ms ease-in-out;
  -moz-transition: 1ms ease-in-out;
  -o-transition: 1ms ease-in-out;
}
.product-customize #product-info-all.custom-hidden {
  bottom: -171px;
  -webkit-transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  -o-transition: 400ms ease-in-out;
}
.product-customize #product-info-all.custom2-showing {
  background: #ffffff;
  padding-top: 30px;
  height: 227px;
  bottom: 0;
}
.product-customize #product-info-all.custom3-showing {
  background: #ffffff;
  padding-top: 30px;
  height: 302px;
  bottom: 0;
}
.product-customize #product-info-all .product-title {
  background: #ffffff;
  font-size: 16px;
  font-weight: 400;
  margin-top: 10px;
  margin-bottom: 0;
}
.product-customize #product-info-all .product-price {
  display: inline-block;
  margin-bottom: 19px;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}
.product-customize #product-info-all #product-info-wrapper {
  position: relative;
}
@media (min-width: 480px) {
  .product-customize #product-info-all {
    padding: 0 72px 32px;
  }
  .product-customize #product-info-all .product-title {
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 22px;
  }
  .product-customize #product-info-all .product-price {
    font-size: 22px;
  }
}
@media (min-width: 769px) {
  .product-customize #product-info-all {
    position: fixed;
    top: 0;
    right: 113px;
    right: 93px;
    left: auto;
    bottom: auto;
    width: 290px;
    height: 100%;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    padding: 0;
    padding-right: 20px;
    text-align: center;
  }
  .product-customize #product-info-all .product-title {
    margin-bottom: 5px;
    letter-spacing: -0.5px;
  }
  .product-customize #product-info-all .product-price {
    margin-bottom: 52px;
  }
  .product-customize #product-info-all #product-info-wrapper {
    width: 270px;
    padding-top: 102px;
  }
  .product-customize #product-info-all #product-info,
  .product-customize #product-info-all #product-more-info,
  .product-customize #product-info-all #product-free-return {
    margin-left: 23px;
    margin-right: 23px;
  }
  .product-customize #product-info-all #product-form-action .btn {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
@media (min-width: 1025px) {
  .product-customize #product-info-all #product-info-wrapper {
    padding-top: 89px;
  }
}
.product-customize .product-custom-checkbox-wrapper {
  display: inline-block;
}
.product-customize #product-form .selectlist {
  position: relative;
  float: left;
}
.product-customize #product-form #product-wishlist {
  padding-top: 8px;
  font-size: 12px;
  background-color: transparent;
  border-color: transparent;
}
.product-customize #product-form #product-wishlist::after {
  content: '';
  margin-left: 5px;
  vertical-align: baseline;
  background-image: url('../images/sprite.png');
  background-position: -2px -239px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  width: 12px;
  height: 12px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .product-customize #product-form #product-wishlist::after {
    background-image: url('../images/sprite@2x.png');
    background-size: 205px 1572px;
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
  .product-customize #product-form #product-wishlist::after {
    background-image: url('../images/sprite@3x.png');
    background-size: 205px 1572px;
  }
}
.product-customize #product-form #product-buy.notify {
  display: none;
}
.product-customize #product-form #product-notify {
  display: none;
  color: #ffffff;
  background-color: #999;
  border-color: #999;
}
.product-customize #product-form #product-notify.notify {
  display: inline-block;
}
.product-customize #product-form .selectlist .dropdown-toggle {
  width: 100% !important;
  height: 42px;
  background-color: #ffffff;
  border: 1px solid #000;
  text-align: center;
}
.product-customize #product-form .selectlist .dropdown-toggle:focus {
  background-color: #ffffff;
  border-color: #000;
}
.product-customize #product-form .selectlist .dropdown-menu {
  width: 100% !important;
  z-index: 1100;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  border: none;
  background-color: #ffffff;
  background-color: #e1e1e1;
  text-align: center;
}
.product-customize #product-form .selectlist .dropdown-menu li {
  display: block;
  height: 36px;
}
.product-customize #product-form .selectlist .dropdown-menu a {
  display: inline-block;
  height: 100%;
  width: 100%;
  padding: 0;
  line-height: 36px;
}
.product-customize #product-form .selectlist .dropdown-menu a:focus,
.product-customize #product-form .selectlist .dropdown-menu a:hover {
  background-color: #ffffff;
  background-color: #ccc;
  color: #000;
}
.product-customize #product-form .selectlist .arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 8px;
  background-image: url('../images/sprite.png');
  background-position: -2px -20px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  width: 13px;
  height: 7px;
  vertical-align: middle;
  margin: auto;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .product-customize #product-form .selectlist .arrow {
    background-image: url('../images/sprite@2x.png');
    background-size: 205px 1572px;
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
  .product-customize #product-form .selectlist .arrow {
    background-image: url('../images/sprite@3x.png');
    background-size: 205px 1572px;
  }
}
.product-customize #product-form .selectlist.open .arrow {
  background-position: -2px -31px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  width: 13px;
  height: 7px;
}
.product-customize #product-form #product-size .dropdown-menu li:first-child {
  display: none;
}
.product-customize #product-form #product-size .dropdown-menu a {
  font-size: 13px;
}
.product-customize #product-form #product-size .dropdown-menu [data-selected=true] a {
  font-weight: 700;
}
.product-customize #product-form #product-size .dropdown-menu [data-notavailable=true] a {
  color: #999;
}
.product-customize #product-form #product-size .dropdown-menu [data-notavailable=true] a:hover {
  color: #ffffff;
}
.product-customize #product-form #product-size .product-size-txt-step {
  display: none;
}
.product-customize #product-form #product-color-sample {
  position: absolute;
  top: -1px;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 7px;
  vertical-align: middle;
  border-radius: 50%;
}
.product-customize #product-form #product-color .selected-label {
  padding-right: 20px;
  position: relative;
}
.product-customize #product-form #product-color .dropdown-toggle {
  padding-top: 9px;
  padding-left: 5px;
}
.product-customize #product-form #product-color .dropdown-menu [data-selected=true] {
  display: none;
}
.product-customize #product-form #product-color .dropdown-menu a {
  display: block;
  padding-top: 8px;
}
.product-customize #product-form #product-color .dropdown-menu a span {
  display: block;
  width: 20px;
  height: 20px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50%;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.product-customize #product-form #product-size .dropdown-toggle {
  border-left: none;
}
@media (min-width: 769px) {
  .product-customize #product-info-all #product-form #product-wishlist {
    position: relative;
    height: 45px;
    margin-top: 0;
    margin-bottom: 7px;
  }
  .product-customize #product-info-all #product-form #product-wishlist::after {
    position: absolute;
    top: 15px;
    right: 45px;
  }
  .product-customize #product-info-all #product-form .selectlist {
    width: 50%;
  }
  .product-customize #product-info-all #product-form .selectlist .dropdown-toggle {
    height: 36px;
    line-height: 14px;
  }
  .product-customize #product-info-all #product-form .selected-label {
    text-transform: none;
    font-weight: 400;
    font-size: 14px;
  }
  .product-customize #product-info-all #product-shipping-title,
  .product-customize #product-info-all #product-description-title {
    margin-top: 70px;
  }
}
.product-customize .starform {
  display: block;
  width: 166px;
  height: 150px;
  margin: 10px auto 0;
  position: relative;
  background: url(../images/star.png) no-repeat;
}
.product-customize .starform input:first-child {
  left: 48px;
}
.product-customize .starform input {
  background-color: #e1e1e1;
}
.product-customize .starform input#segunda-inicial {
  left: 83px;
}
.product-customize .starform input,
.product-customize .starform span {
  font-size: 30px;
  font-weight: bold;
  border: none;
  width: 27px;
  height: 40px;
  padding: 5px 0;
  position: absolute;
  top: 67px;
  text-align: center;
  text-transform: uppercase;
  -webkit-appearance: none !important;
}
.product-customize .btn-add-to-cart {
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  width: 250px;
}
.product-customize .btn-add-to-cart .but {
  padding: 0;
  border: 0;
  overflow: hidden;
  background: transparent;
}
.product-customize .btn-add-to-cart .but img {
  width: 200%;
}
.product-customize .btn-add-to-cart .but:hover {
  padding: 0;
  border: 0;
}
.product-customize .btn-add-to-cart .but:hover img {
  margin-left: -100%;
}
.product-customize .btn-add-to-cart .but {
  padding: 0;
  border: 0;
  overflow: hidden;
  background: transparent;
}
.product-customize a.but {
  background: #000;
  color: #fff;
  display: block;
  padding: 14px;
  font-size: 13px;
  text-decoration: none;
  margin: 0 auto;
  text-transform: uppercase;
  text-align: center;
  margin-top: 10px;
}
.product-customize #product-add-to-cart-customize .starform {
  background: url(../images/star2.png) no-repeat;
}
.product-customize #product-add-to-cart-customize .starform .initials {
  width: 100%;
  text-align: center;
  font-size: 33px !important;
  border: none;
  text-transform: uppercase;
  padding: 0px;
  top: 63px;
  font-weight: bold;
}
.product-customize #product-add-to-cart-customize ul {
  width: 100%;
  text-align: center;
  margin-top: 25px;
  padding-left: 0px;
}
.product-customize #product-add-to-cart-customize ul li {
  list-style-type: none;
}
.product-customize #product-add-to-cart-customize ul li input[type="checkbox"] {
  margin: 4px 4px 0;
}
.product-customize .small {
  /*.starform {
      display: block;
      width: 166px;
      height: 90px !important;
      margin: 10px auto 0;
      position: relative;
      background: url(../images/star.png) no-repeat;
      background-position: 49%;
      background-size: 56%;
    }*/
  /*#product-images {
        height: 71% !important;
        float: left;
        position: relative;
        padding-bottom: 25px !important;
      }*/
}
.product-customize .small .content-img-bag-star img {
  width: 100%;
}
.product-customize .small .modal-content {
  padding: 10%;
}
@media (min-width: 480px) {
  .product-customize .small .modal-content {
    position: fixed;
  }
}
.product-customize .small .modal-title {
  margin-bottom: 20px;
}
.product-customize .small #product-add-to-cart-customize .starform {
  background: url(../images/star2.png) no-repeat;
  background-size: 100%;
  background-position: 50%;
  width: 95px;
  height: 90px;
}
.product-customize .small #product-add-to-cart-customize .starform .initials {
  width: 100%;
  text-align: center;
  font-size: 26px !important;
  border: none;
  text-transform: uppercase;
  padding: 0px;
  top: 33px;
  font-weight: bold;
}
@media (min-width: 480px) {
  .product-customize .small #product-add-to-cart-customize .starform {
    height: 150px;
  }
}
.product-customize .small .starform input:first-child {
  left: 49px;
}
.product-customize .small .starform input,
.product-customize .small .starform span {
  font-size: 30px;
  font-weight: bold;
  border: none;
  width: 27px;
  height: 40px;
  padding: 5px 0;
  position: absolute;
  top: 66px;
  text-align: center;
  text-transform: uppercase;
  -webkit-appearance: none !important;
}
.product-customize .small #product-info-all {
  position: absolute;
  width: 100%;
}
.product-customize .small #product-info-all div {
  height: 100%;
}
.product-customize .small #product-info-all div.starform {
  display: block;
  width: 158px !important;
  height: 150px;
  margin: 10px auto 0;
  position: relative;
  background: url(../images/star.png) no-repeat;
  background-size: 100%;
  background-position: initial;
}
.product-customize .small #product-info-all #product-form {
  display: none;
}
.product-customize .small #product-info-all #custom-product-form {
  width: 100%;
  bottom: 10px;
}
.product-customize .small #product-info-all #custom-product-form .btn-custom-form {
  width: 100%;
  padding: 12px 12px;
  background-color: #FF0052;
  border: none;
}
.product-customize .small #product-info-all .product-title {
  margin-top: 0px;
  margin-bottom: 2px;
  font-size: 16px;
}
.product-customize .small #product-info-all .product-price {
  margin-bottom: 19px;
  font-size: 16px;
  font-weight: normal;
}
@media (min-width: 769px) {
  .product-customize .small #product-info-all .product-title {
    margin-top: 25px !important;
    margin-bottom: 2px;
    font-size: 16px;
  }
  .product-customize .small #product-info-all .product-price {
    margin-bottom: 75px;
    font-size: 16px;
    font-weight: normal;
  }
}
.product-customize .small #custom-product-form,
.product-customize .small #custom-product-form-2,
.product-customize .small #custom-product-form-3 {
  height: auto !important;
}
.product-customize .small #product-form,
.product-customize .small #custom-product-form,
.product-customize .small #custom-product-form-2,
.product-customize .small #custom-product-form-3 {
  height: 100%;
}
.product-customize .small #product-form h3,
.product-customize .small #custom-product-form h3,
.product-customize .small #custom-product-form-2 h3,
.product-customize .small #custom-product-form-3 h3,
.product-customize .small #product-form hr,
.product-customize .small #custom-product-form hr,
.product-customize .small #custom-product-form-2 hr,
.product-customize .small #custom-product-form-3 hr {
  display: none;
}
.product-customize .small #product-form .input-btn-step-mobile,
.product-customize .small #custom-product-form .input-btn-step-mobile,
.product-customize .small #custom-product-form-2 .input-btn-step-mobile,
.product-customize .small #custom-product-form-3 .input-btn-step-mobile {
  width: 100%;
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.product-customize .small #product-form .btn-cerrar-custom,
.product-customize .small #custom-product-form .btn-cerrar-custom,
.product-customize .small #custom-product-form-2 .btn-cerrar-custom,
.product-customize .small #custom-product-form-3 .btn-cerrar-custom {
  position: absolute;
  right: 0;
}
.product-customize .small #product-form .lista-colores,
.product-customize .small #custom-product-form .lista-colores,
.product-customize .small #custom-product-form-2 .lista-colores,
.product-customize .small #custom-product-form-3 .lista-colores {
  margin: 0px auto;
  position: relative;
  width: 250px;
}
.product-customize .small #product-form .lista-colores li.act,
.product-customize .small #custom-product-form .lista-colores li.act,
.product-customize .small #custom-product-form-2 .lista-colores li.act,
.product-customize .small #custom-product-form-3 .lista-colores li.act {
  border: 2px solid #000;
}
.product-customize .small #product-form .lista-colores li,
.product-customize .small #custom-product-form .lista-colores li,
.product-customize .small #custom-product-form-2 .lista-colores li,
.product-customize .small #custom-product-form-3 .lista-colores li {
  border: 1px solid #999;
  background: #e1e1e1;
  width: 30px;
  height: 30px;
  border-radius: 100px;
  float: left;
  margin: 7px;
  overflow: hidden;
  list-style: none;
}
.product-customize .small #product-form .lista-colores li a,
.product-customize .small #custom-product-form .lista-colores li a,
.product-customize .small #custom-product-form-2 .lista-colores li a,
.product-customize .small #custom-product-form-3 .lista-colores li a {
  display: block;
  height: 100%;
}
.product-customize .small #product-form .paso-custom-1,
.product-customize .small #custom-product-form .paso-custom-1,
.product-customize .small #custom-product-form-2 .paso-custom-1,
.product-customize .small #custom-product-form-3 .paso-custom-1 {
  width: 100%;
  text-align: center;
}
.product-customize .small #product-form .btn-add-to-cart,
.product-customize .small #custom-product-form .btn-add-to-cart,
.product-customize .small #custom-product-form-2 .btn-add-to-cart,
.product-customize .small #custom-product-form-3 .btn-add-to-cart {
  width: 100%;
}
.product-customize .small #product-form section.product-info,
.product-customize .small #custom-product-form section.product-info,
.product-customize .small #custom-product-form-2 section.product-info,
.product-customize .small #custom-product-form-3 section.product-info {
  height: 20%;
}
@media (min-width: 480px) {
  .product-customize .small .modal.fade.in .modal-dialog {
    position: absolute;
    width: 100%;
    left: 0;
    height: 100%;
  }
  .product-customize .small .modal-content {
    height: 100%;
    padding: 10%;
  }
  .product-customize .small .modal-header {
    margin-top: 20%;
  }
  .product-customize .small #product-add-to-cart-customize .starform .initials {
    font-size: 33px !important;
    top: 60px;
  }
  .product-customize .small .starform {
    display: block;
    width: 158px !important;
    height: 150px;
    margin: 10px auto 0;
    position: relative;
    background: url(../images/star.png) no-repeat;
    background-size: 100%;
    background-position: initial;
  }
  .product-customize .small .starform input:first-child {
    left: 44px;
  }
  .product-customize .small .starform input,
  .product-customize .small .starform span {
    font-size: 30px;
    font-weight: bold;
    border: none;
    width: 27px;
    height: 40px;
    padding: 5px 0;
    position: absolute;
    top: 67px;
    text-align: center;
    text-transform: uppercase;
    -webkit-appearance: none !important;
  }
  .product-customize .small #product-more-info {
    margin-top: 195px;
  }
  .product-customize .small #product-info-all div {
    height: 100%;
    font-size: 16px;
  }
  .product-customize .small .paso-custom-product-number {
    font-weight: bold;
    font-size: 25px;
  }
  .product-customize .small #custom-product-form-2 .lista-colores li {
    width: 40px;
    height: 40px;
  }
  .product-customize .small #custom-product-form-2 .lista-colores {
    margin: 0px auto;
    position: relative;
    width: 275px;
    margin-top: 20px;
  }
  .product-customize .small #product-description-title {
    margin-top: 13px;
  }
}
.product-customize .small #product-back {
  top: 102px;
  left: 35px;
  font-size: 20px;
  font-weight: normal;
}
.product-customize .small .product-images-img {
  max-height: 90% !important;
}
.product-customize .small #product-back #product-back-txt {
  display: none;
}
.product-customize .small #product-more-info-link {
  display: none;
}
.product-customize .small .byl-share {
  position: absolute;
  bottom: -4px;
  width: 100%;
  text-align: center;
  font-weight: 100;
}
.product-customize .small .byl-share .dropdown-toggle {
  font-weight: 100;
  font-size: 14px;
}
.product-customize .small #product.small .carousel-indicators {
  top: 48%;
}
.product-customize .small .paso-custom-product-number {
  font-weight: bold;
  font-size: 15px;
}
.product-customize .large .input-btn-add-to-cart {
  width: 250px;
  border: none;
  height: 46px;
  background-image: url("../images/add-to-cart-off.png");
}
.product-customize .large .input-btn-add-to-cart:hover {
  background-image: url("../images/add-to-cart-on.png");
}
.product-customize .large .content-img-bag-star {
  width: 100%;
  text-align: center;
}
.product-customize .large .content-img-bag-star img {
  margin: 0px auto;
}
.product-customize .large #product-info-all {
  width: 295px;
}
.product-customize .large #product-info-all hr {
  border-width: 3px;
  width: 100%;
  float: left;
  margin-top: 5px;
  margin-bottom: 10px;
}
.product-customize .large #product-info-all .lista-colores {
  margin-top: 10px;
  padding-left: 0px;
  width: 100%;
  float: left;
}
.product-customize .large #product-info-all .lista-colores li.act {
  border: 2px solid #000;
}
.product-customize .large #product-info-all .lista-colores li {
  border: 1px solid #999;
  background: #e1e1e1;
  width: 30px;
  height: 30px;
  border-radius: 100px;
  float: left;
  margin: 7px;
  overflow: hidden;
  list-style: none;
}
.product-customize .large #product-info-all .lista-colores li a {
  display: block;
  height: 100%;
}
.product-customize .large #product-info-all #product-form h3 {
  margin-top: 14px;
  margin-bottom: 15px;
}
.product-customize .large #product-info-all .paso-custom-product-title {
  text-align: left;
}
.product-customize .large #product-info-all .paso-custom-product-number {
  font-weight: bold;
  font-size: 20px;
}
.product-customize .large #product-info-all #product-more-info {
  margin-top: 26px;
  width: 78%;
}
.product-customize .large #product-info-all .product-description-title {
  font-size: 12px;
  font-weight: 200;
}
@media (min-width: 769px) {
  .product-customize .large .product.product-customize .modal-dialog {
    width: 60%;
  }
  .product-customize .large .product.product-customize #product-info-all {
    right: 95px;
    bottom: auto;
    width: 270px;
  }
  .product-customize .large .product.product-customize #product-info-all .product-price {
    margin-bottom: 35px;
  }
  .product-customize .large .product.product-customize #product-info-all #product-info-wrapper {
    padding-top: 68px;
    width: 100%;
  }
  .product-customize .large .product.product-customize #product-info-all .product-title {
    margin-bottom: 0px;
    letter-spacing: -0.5px;
  }
  .product-customize .large .product.product-customize #product-info-all #product-info,
  .product-customize .large .product.product-customize #product-info-all #product-info-all #product-more-info,
  .product-customize .large .product.product-customize #product-info-all #product-info-all #product-free-return {
    margin-left: auto;
    margin-right: auto;
  }
  .product-customize .large .product.product-customize #product-info-all #product-shop-by-look {
    padding-top: 8px;
  }
  .product-customize .large #custom-product-form {
    display: none;
  }
}
@media (max-width: 768px) {
  .product-customize #ampliar-info-mobile {
    font-size: 14px;
  }
}
@media (min-width: 480px) {
  .product-customize #product-customize-ampliar-info .modal-dialog {
    width: 796px;
    height: 638px;
  }
}
.product-customize #product.small #product-form {
  position: relative;
  float: left;
  width: 100%;
}
.product-customize #product.small #product-form .selectlist .dropdown-menu {
  position: static;
}
.product-customize #product.small #product-form .close {
  position: absolute;
  top: 5px;
  right: 0;
  z-index: 1000;
  display: none;
  padding: 0;
  overflow: visible;
  line-height: normal;
  background: none;
  border: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 10px 0 10px 10px;
}
@media (min-width: 480px) {
  .product-customize #product.small #product-form .close {
    top: 10px;
    right: -30px;
  }
}
.product-customize #product.small #product-color,
.product-customize #product.small #product-size {
  width: 33%;
}
.product-customize #product.small #product-size {
  margin-right: 4%;
}
.product-customize #product.small #product-form-action {
  float: right;
  width: 30%;
}
.product-customize #product.small #product-buy {
  float: right;
  width: 100%;
}
.product-customize #product.small #product-wishlist {
  display: none;
}
@media (min-width: 480px) {
  .product-customize #product.small #product-color,
  .product-customize #product.small #product-size {
    width: 31%;
  }
  .product-customize #product.small #product-size {
    margin-right: 3%;
  }
  .product-customize #product.small #product-form-action {
    width: 35%;
  }
}
@media (min-width: 600px) {
  .product-customize #product.small #product-color,
  .product-customize #product.small #product-size {
    width: 25%;
  }
  .product-customize #product.small #product-size {
    margin-right: 0;
  }
  .product-customize #product.small #product-form-action {
    padding-left: 25px;
    width: 50%;
  }
  .product-customize #product.small #product-buy {
    width: 100%;
  }
}
.product-customize #product.small .selectlist {
  width: 92px;
}
.product-customize #product.small .selectlist .dropdown-backdrop {
  display: none;
}
.product-customize #product.small .selectlist .dropdown-menu {
  top: auto;
  bottom: 0;
  background-color: #ffffff;
}
.product-customize #product.small .selectlist .dropdown-menu li {
  display: inline-block;
  cursor: pointer;
}
.product-customize #product.small .selectlist .dropdown-menu a:focus,
.product-customize #product.small .selectlist .dropdown-menu a:hover {
  background-color: #ffffff;
}
.product-customize #product.small #product-size .dropdown-menu li {
  height: auto;
}
.product-customize #product.small #product-size .dropdown-menu a {
  font-size: 24px;
  padding: 24px;
  line-height: 24px;
}
.product-customize #product.small #product-size .dropdown-menu [data-notavailable=true] a:hover {
  color: #999;
}
.product-customize #product.small #product-info.step .product-title,
.product-customize #product.small #product-info.step .product-price {
  display: none;
}
.product-customize #product.small .selectlist.open {
  float: left;
}
.product-customize #product.small .selectlist.open .dropdown-menu {
  padding-top: 27px;
  padding-bottom: 0;
}
@media (min-width: 480px) {
  .product-customize #product.small .selectlist.open .dropdown-menu {
    padding-top: 40px;
    padding-bottom: 12px;
  }
}
.product-customize #product.small .selectlist.open .dropdown-menu a {
  height: auto;
}
.product-customize #product.small #product-color.open,
.product-customize #product.small #product-size.open {
  width: 100%;
}
.product-customize #product.small #product-color.open .dropdown-toggle,
.product-customize #product.small #product-size.open .dropdown-toggle {
  display: none;
}
.product-customize #product.small #product-size.open li:first-child {
  display: none;
}
.product-customize #product.small #product-color.open .dropdown-menu li {
  height: 100%;
}
.product-customize #product.small #product-color.open .dropdown-menu a {
  padding: 10px 21px;
}
.product-customize #product.small #product-color.open .dropdown-menu a span {
  width: 29px;
  height: 29px;
  min-width: 29px;
}
.product-customize #product.small #product-form.step-color {
  position: relative;
}
.product-customize #product.small #product-form.step-color .close {
  display: block;
}
.product-customize #product.small #product-form.step-color #product-size {
  width: 100%;
  border-left: 1px solid #000;
}
.product-customize #product.small #product-form.step-color #product-size .product-size-txt {
  display: none;
}
.product-customize #product.small #product-form.step-color #product-size .product-size-txt-step {
  display: inline-block;
}
.product-customize #product.small #product-form.step-color #product-size .dropdown-toggle {
  width: 100% !important;
}
.product-customize #product.small #product-form.step-color #product-size .arrow {
  display: none;
}
.product-customize #product.small #product-form.step-color #product-buy {
  float: left;
  display: none;
}
.product-customize #product.small #product-form.step-color #product-form-action {
  bottom: 42px;
  width: 100%;
  padding-left: 0;
}
.product-customize #product.small #product-form.step-color #product-wishlist {
  width: 100%;
  display: block;
  padding-bottom: 16px;
}
.product-customize #product.small #product-form.step-size {
  /*
      #product-buy:not(.notify) {
        width: 100%;
        display: block;
      }

      #product-notify.notify {
        width: 100%;
        display: block;
      }
  */
}
.product-customize #product.small #product-form.step-size .close {
  display: block;
}
.product-customize #product.small #product-form.step-size #product-color {
  display: none;
}
.product-customize #product.small #product-form.step-size #product-size a {
  font-size: 21px;
}
.product-customize #product.small #product-form.step-size #product-form-action {
  width: 100%;
  padding-left: 0;
}
.product-customize #product.small #product-form.step-size #product-buy {
  width: 100%;
  display: block;
}
.product-customize #product.small #product-form.step-size.notify #product-buy {
  display: none;
}
.product-customize #product.small #product-form.step-size.notify #product-notify {
  width: 100%;
  display: block;
}
#product-size-guide .modal-body {
  padding-left: 20px;
  padding-right: 20px;
}
#product-size-guide .size-title {
  margin-bottom: 22px;
  font-size: 15px;
  font-weight: 700;
  text-align: left;
}
#product-size-guide table {
  margin-bottom: 46px;
  font-size: 12px;
  margin-left: 10%;
}
#product-size-guide th {
  padding-bottom: 20px;
}
#product-size-guide td,
#product-size-guide th {
  text-align: center;
  width: 80px;
}
#product-size-guide th:first-child,
#product-size-guide td:first-child {
  text-align: right;
  padding-right: 30px;
}
@media (min-width: 480px) {
  #product-size-guide .size-title {
    margin-bottom: 0;
  }
  #product-size-guide table {
    margin-left: 136px;
    margin-bottom: 36px;
  }
}
#product-availability .modal-title,
#product-share-email .modal-title {
  margin-top: 31px;
  font-size: 17px;
}
#product-availability .modal-body,
#product-share-email .modal-body {
  padding-top: 64px;
  padding-right: 33px;
  padding-left: 33px;
}
#product-availability .table-title,
#product-share-email .table-title {
  font-size: 15px;
}
#product-availability .table-header,
#product-share-email .table-header {
  font-size: 12px;
}
#product-availability table,
#product-share-email table {
  font-size: 12px;
}
#product-availability img,
#product-share-email img {
  float: left;
  max-width: 94px;
  margin-top: 10px;
}
#product-availability form,
#product-share-email form {
  width: 100%;
}
#product-availability #share-email-data,
#product-share-email #share-email-data {
  margin-left: 95px;
  margin-bottom: 54px;
}
#product-availability input[type=email],
#product-share-email input[type=email],
#product-availability input[type=text],
#product-share-email input[type=text] {
  background-color: #ebebec;
  height: 27px;
}
#product-availability textarea,
#product-share-email textarea {
  height: 120px;
  border: 2px solid #ebebec;
}
#product-availability input,
#product-share-email input,
#product-availability textarea,
#product-share-email textarea {
  width: 100%;
  margin-bottom: 9px;
  padding-left: 7px;
}
@media (min-width: 480px) {
  #product-availability .modal-dialog,
  #product-share-email .modal-dialog {
    margin: 0;
    max-width: 492px;
  }
  #product-availability .modal-body,
  #product-share-email .modal-body {
    padding-top: 20px;
    padding-left: 43px;
    padding-right: 43px;
  }
  #product-availability img,
  #product-share-email img {
    max-width: 150px;
  }
  #product-availability form,
  #product-share-email form {
    margin-top: 22px;
    padding-left: 220px;
  }
  #product-availability #share-email-data,
  #product-share-email #share-email-data {
    margin-left: 0;
    margin-bottom: 0;
  }
  #product-availability #share-email-submit,
  #product-share-email #share-email-submit {
    margin-bottom: 27px;
  }
}
#product-availability .modal-body {
  text-align: center;
}
#product-availability #availability-email {
  width: 100%;
}
#product-availability #availability-submit {
  width: 208px;
  margin-top: 20px;
  margin-bottom: 30px;
}
#product-availability .footer {
  font-size: 12px;
}
@media (min-width: 480px) {
  #product-availability form {
    padding-left: 0;
  }
}
@media (max-width: 480px) {
  #main.user-section {
    margin-top: 50px;
  }
  .top-banner-promo #main.user-section {
    margin-top: 81px;
  }
  .top-banner-promo-xl #main.user-section {
    margin-top: 100px;
  }
}

.user-section .main-wrapper {
  padding-top: 42px;
  padding-left: 20px;
  padding-right: 20px;
}

@media (min-width: 766px) {
  .user-section {
    padding-left: 50px;
    padding-right: 50px;
  }
  .user-section .main-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 769px) {
  .user-section {
    padding-left: 50px;
    padding-right: 50px;
  }
  .user-section .main-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 1025px) {
  .user-section {
    padding-left: 0;
    padding-right: 0;
  }
  .user-section .main-wrapper {
    padding-left: 68px;
    padding-right: 68px;
  }
}
@media (min-width: 1200px) {
  #main.user-section {
    margin-left: 260px;
    margin-right: 0;
  }
}
@media (min-width: 1200px) {
  .user-section {
    padding-left: 108px;
    padding-right: 160px;
  }
}
.main-title {
  display: inline-block;
  display: none;
  width: 100%;
  margin-bottom: 0;
  margin-bottom: 10px;
  text-align: center;
  text-transform: uppercase;
  font-size: 18px;
}
@media (min-width: 480px) {
  .main-title {
    display: inline-block;
    margin-bottom: 32px;
    font-size: 21px;
  }
}
.section-title {
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}

@media (min-width: 480px) {
  .section-title {
    font-size: 14px;
  }
}
/*
.user-section {

  section {
    margin-bottom: 33px;
  }

  .btn {
    width: 100%;
  }


  @media(min-width: @screen-xs-min) {

    section {
      width: 50%;
      float: left;
      max-width: 287px;
      border: 1px dotted green;
    }

    section.left {
      padding-right: 26px;;
    }



    .right {
      float: right;
      padding-left: 26px;;
      width: 50%;


      section {
        float: none;
        width: 100%;
      }
    }
  }
}
*/
.user-menu {
  position: relative;
}
.user-menu-items {
  width: 100%;
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
@media (min-width: 766px) and (max-width: 1024px) {
  .user-menu.hide-in-left .user-menu-items {
    width: 116%;
    left: -8%;
    position: absolute;
  }
}
.user-menu-link:hover,
.user-menu-item.active .user-menu-link {
  font-weight: 700;
}
.user-section .user-menu {
  position: relative;
  /*padding-right: 40px;*/
  font-size: 11px;
  /*background-color: #e1e1e1;*/
  border-bottom: 1px solid #ccc;
}
.user-section button#user-menu-logout{
  right: 8%;
}
@media (min-width: 480px) and (max-width: 765px) {
  /*.user-section button#user-menu-logout{
      right: 8%;
  }
  .user-section .user-menu{
    position: absolute;
    left: 0;
    width: 100%;
  }
  .user-section #user-menu ul.user-menu-items {
    display: table;
    width: auto;
    margin: 0 auto;
    text-align: center;
  }
  .user-section #user-menu ul.user-menu-items .user-menu-item {
    width: auto;
  }
  .user-section #user-menu ul.user-menu-items .user-menu-item:not(:first-child) {
    padding-left: 18px;
  }*/
}

@media (min-width: 480px) {
  .user-section .user-menu {
    border-bottom: none;
    font-size: 10px;
  }
}
@media (min-width: 600px) {
  .user-section .user-menu {
    font-size: 11px;
  }
}
@media (min-width: 769px) {
  .user-section .user-menu {
    padding-right: 0;
    font-size: 14px;
  }
}
.user-section .user-menu-item {
  display: block;
  float: left;
  overflow: hidden;
  border-bottom: 1px solid #ccc;
}
.user-section .user-menu-item:nth-child(1):nth-last-child(4),
.user-section .user-menu-item:nth-child(2):nth-last-child(3),
.user-section .user-menu-item:nth-child(3):nth-last-child(2),
.user-section .user-menu-item:nth-child(4):nth-last-child(1) {
  width: 25%;
}
.user-section .user-menu-item:nth-child(1):nth-last-child(5),
.user-section .user-menu-item:nth-child(2):nth-last-child(4),
.user-section .user-menu-item:nth-child(3):nth-last-child(3),
.user-section .user-menu-item:nth-child(4):nth-last-child(2),
.user-section .user-menu-item:nth-child(5):nth-last-child(1){
  width: 20%;
}

.user-section .user-menu-item:nth-child(1):nth-last-child(6),
.user-section .user-menu-item:nth-child(2):nth-last-child(5),
.user-section .user-menu-item:nth-child(3):nth-last-child(4),
.user-section .user-menu-item:nth-child(4):nth-last-child(3),
.user-section .user-menu-item:nth-child(5):nth-last-child(2),
.user-section .user-menu-item:nth-child(6):nth-last-child(1){
  width: 15.5%;
}
/*.user-section .user-menu-item:first-child:nth-last-child(6),*/
/*.user-section .user-menu-item:first-child:nth-last-child(6) ~ .user-menu-item {*/
  /*width: 16.66%;*/
/*}*/
@media (min-width: 480px) {
  .user-section .user-menu-item {
    border-bottom: none;
  }
}
@media (min-width: 769px) {
  .user-section .user-menu-item:nth-child(1):nth-last-child(4),
  .user-section .user-menu-item:nth-child(2):nth-last-child(3),
  .user-section .user-menu-item:nth-child(3):nth-last-child(2),
  .user-section .user-menu-item:nth-child(4):nth-last-child(1) {
    width: 20%;
  }
  .user-section .user-menu-item:nth-child(1):nth-last-child(5),
  .user-section .user-menu-item:nth-child(2):nth-last-child(4),
  .user-section .user-menu-item:nth-child(3):nth-last-child(3),
  .user-section .user-menu-item:nth-child(4):nth-last-child(2),
  .user-section .user-menu-item:nth-child(5):nth-last-child(1){
    width: 16%;
  }
}
.user-section .user-menu-link {
  display: inline-block;
  width: 100%;
  height: 45px;
  text-align: center;
  line-height: 45px;
  color: #999;
  white-space: nowrap;
  border-right: 1px solid #ccc;
}
@media (min-width: 480px) {
  .user-section .user-menu-link {
    font-size: 14px;
    border-right: none;
    color: #000;
  }
  .user-section #user-menu-logout {
    top: -60px;
  }
}
@media (max-width: 479px) {
  .user-section #user-menu-logout {
    top: 0;
  }
  .user-section button#user-menu-logout{
    right: 0;
    width: 7%;
  }
}
.user-section #user-menu-logout {
  position: absolute;
  right: 0;
  height: 46px;
  border-bottom: 1px solid #ccc;
  width: auto;
}
.user-section #user-menu-logout span{
  font-size: 12px;
}

.user-section #user-menu-logout:before,
.user-section #user-menu-logout:after {
  content: '';
  display: block;
}
@media (min-width: 480px) {
  .user-section #user-menu-logout:before,
  .user-section #user-menu-logout:after {
    display: none;
  }
}
.user-section #user-menu-logout:before {
  width: 14px;
  height: 14px;
  border: solid 2px #808080;
  border-radius: 50%;
  margin: 0 auto;
}
@media (min-width: 480px) {
  .user-section #user-menu-logout:before {
    width: 16px;
    height: 16px;
    border-color: #000;
  }
}
.user-section #user-menu-logout:after {
  width: 6px;
  height: 12px;
  background-color: #808080;
  margin: -17px auto 0;
  border: solid 2px #fff;
  border-radius: 2px;
}
@media (min-width: 480px) {
  .user-section #user-menu-logout:after {
    height: 13px;
    margin-top: -19px;
    background-color: #000;
  }
}


.user-section #user-menu-logout:hover:before,
.user-section #user-menu-logout:focus:before {
  border: solid 2px #1a1a1a;
}
.user-section #user-menu-logout:hover:after,
.user-section #user-menu-logout:focus:after {
  background-color: #1a1a1a;
}
@media (min-width: 769px) {
  .user-section #user-menu-logout:hover:before,
  .user-section #user-menu-logout:focus:before {
    border: none;
  }
  .user-section #user-menu-logout:hover span,
  .user-section #user-menu-logout:focus span {
    font-weight: 700;
  }
}
.user-section #user-menu-logout span {
  display: none;
  text-transform: uppercase;
}
@media (min-width: 480px) {
  .user-section #user-menu-logout {
    border:none;
  }
  .user-section #user-menu-logout span {
    display: block;
  }
}
.user-section .user-menu-link:hover,
.user-section .user-menu-item.active .user-menu-link {
  color: #000;
  font-weight: 700;
  border-bottom: 3px solid #000;
  text-decoration: underline;
}
@media (min-width: 480px) {
  .user-section .user-menu-link:hover,
  .user-section .user-menu-item.active .user-menu-link {
    border-bottom: none;
    text-decoration: underline;

  }
}
@media (min-width: 600px) {
  .user-section .user-menu-link {
    text-transform: uppercase;
  }
}
.aside-section .user-menu {
  font-size: 14px;
}
.aside-section .user-menu-items {
  text-align: left;
}
.aside-section .user-menu-item {
  display: block;
}
.aside-section .user-menu-link {
  display: block;
  padding: 10px;
}
.aside-section .user-menu-link:hover,
.aside-section .user-menu-item.active .user-menu-link {
  color: #ffffff;
  background-color: #000;
}
.user .selectlist {
  position: relative;
  margin-bottom: 9px;
}
.user .selectlist .dropdown-toggle {
  width: 100% !important;
  height: 27px;
  padding-top: 0;
  padding-bottom: 0;
  background-color: #e1e1e1;
  text-transform: none;
}
.user .selectlist .dropdown-toggle:hover,
.user .selectlist .dropdown-toggle:focus {
  color: #000;
  background-color: #e1e1e1;
}
.user .selectlist .dropdown-menu {
  width: 100% !important;
  z-index: 1100;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  border: none;
  background-color: #e1e1e1;
}
.user .selectlist .dropdown-menu li {
  display: block;
  height: 36px;
  height: 27px;
}
.user .selectlist .dropdown-menu a {
  display: inline-block;
  height: 100%;
  width: 100%;
  line-height: 27px;
}
.user .selectlist .dropdown-menu a:focus,
.user .selectlist .dropdown-menu a:hover {
  background-color: #ffffff;
  background-color: #ccc;
  color: #000;
}
#user-data-province .dropdown-menu {
  height: 160px;
}
.user #main .selectlist,
.user #main select,
.user #main input[type='password'],
.user #main input[type='email'],
.user #main input[type='text'] {
  display: block;
  width: 100%;
}
.user input[type='submit'] {
  margin-top: 14px;
}
.byl-form .noeditable {
  display: block;
  padding: 5px 11px;
  margin-bottom: 9px;
}
.byl-form .phone-prefix {
  padding: 10px;
}
.editable {
  border: 1px dotted red;
}
.editable-view {
  border: 1px dotted green;
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
.editable-delete,
.editable-edit {
  margin-top: 15px;
}
.editable-form {
  display: none;
}
.editable.edit .editable-erase,
.editable.edit .editable-edit {
  display: none;
}
.editable.edit .editable-view {
  display: none;
}
.editable.edit .editable-form {
  display: block;
}
.user-wishlist .user-section .category-title {
  display: none;
  text-align: center;
  font-size: 21px;
}
.user-wishlist .user-section .main-wrapper {
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 58px;
}
.user-wishlist #main .cart-product-amount {
  clear: both;
  display: inline-block;
  margin-bottom: 20px;
}
.user-wishlist #main .cart-product-amount button,
.user-wishlist #main .cart-product-amount input[type='text'] {
  float: left;
}
.user-wishlist #main .cart-product-amount input[type='text'] {
  width: 20px;
  line-height: 17px;
}
.user-wishlist #main .cart-product-amount .increment,
.user-wishlist #main .cart-product-amount .decrement {
  display: block;
  line-height: 17px;
}
.user-wishlist #main .cart-product-amount .decrement {
  display: none;
}
.user-wishlist #main .cart-product-amount .decrement.active {
  display: block;
}
.user-wishlist #share-btn {
  height: 35px;
  line-height: 35px;
  border: solid 1px #000;
}
.user-wishlist .byl-share {
  position: relative;
  bottom: auto;
  left: auto;
}
.wishlist-product-container {
  width: 313px;
}
.wishlist-product {
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 9px;
}
.wishlist-product .actions {
  clear: both;
  display: inline-block;
  padding-top: 10px;
  width: 100%;
}
.wishlist-product .byl-share,
.wishlist-product #product-wishlist {
  width: 48%;
  width: -moz-calc(50% - 10px);
  width: calc(50% - 10px);
  float: left;
}
.wishlist-product #share-btn,
.wishlist-product #product-wishlist,
.wishlist-product #product-notify {
  height: 43px;
  line-height: 43px;
  padding-top: 0;
  padding-bottom: 0;
  font-weight: bold;
  font-size: 11px;
}
.wishlist-product #product-wishlist {
  width: 50%;
  margin-left: 10px;
}
.wishlist-product #share-btn {
  width: 100%;
  background-color: transparent;
  border-color: #000;
  color: #000;
  -webkit-transition: all 0.1s ease-in;
  -moz-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  margin-top: 0;
}
.wishlist-product #share-btn:hover {
  background-color: #000;
  color: white;
}
.wishlist-product #product-wishlist {
  background-color: #000;
  border-color: #000;
  color: white;
  -webkit-transition: all 0.1s ease-in;
  -moz-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}
.wishlist-product #product-wishlist:hover {
  background-color: transparent;
  color: #000;
}
.wishlist-product #product-notify {
  padding: 0 5px;
  width: auto;
  float: right;
  background-color: #000;
  border-color: #000;
  color: white;
  -webkit-transition: all 0.1s ease-in;
  -moz-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}
.wishlist-product #product-notify:hover {
  background-color: transparent;
  color: #000;
}
.wishlist-product .byl-share {
  position: inherit;
  /*
    .dropdown-menu {
      opacity: 0;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) !important;
      background-color: fade(white, 85%);
    }
    */
}
.wishlist-product .byl-share .dropdown-menu {
  opacity: 0;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 0;
  margin: 0;
  background-color: rgba(255, 255, 255, 0.85);
  padding-left: -moz-calc((100% - 200px)/2);
  padding-left: calc((100% - 200px)/2);
}
.wishlist-product .byl-share .dropdown-menu li {
  display: block;
  float: left;
  width: 50px;
  padding: 0;
  text-align: center;
  padding: 10px 0;
  margin-top: 48%;
  margin-top: -moz-calc((100% - 80px)/2);
  margin-top: calc((100% - 80px)/2);
}
.wishlist-product .byl-share .dropdown-menu li a {
  padding: 0;
}
@media (min-width: 480px) {
  .wishlist-product .byl-share .dropdown-menu {
    padding-left: 30px;
  }
  .wishlist-product .byl-share .dropdown-menu li {
    margin-top: 90px;
  }
}
.wishlist-product .byl-share.open .dropdown-menu {
  opacity: 1;
}
#wishlist-empty-message {
  text-align: center;
  margin-top: 63px;
}
#wishlist-empty-message #user_page_empty_wishlist_title {
  text-transform: uppercase;
}
#wishlist-empty-message #user_page_empty_wishlist_message {
  margin-top: 37px;
}
.cart-product-link {
  width: 50%;
  float: right;
  min-height: 140px;
  height: 140px;
  display: table;
  vertical-align: middle;
  text-align: right;
}
.cart-product-link > div {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  float: none;
  text-align: right;
}
.cart-product-link > div img {
  margin: auto;
  float: none;
}
.cart-product-features {
  margin-top: 0;
}
@media (min-width: 766px) {
  .user-wishlist .user-section .category-title {
    display: block;
  }
  .user-wishlist .user-section .user-menu {
    margin-top: 32px;
  }
  .user-wishlist .user-section .main-wrapper {
    padding-top: 46px;
    padding-left: 0;
    padding-right: 0;
  }
  .user-wishlist .wishlist-product-container {
    width: 310px;
    margin-bottom: 15px;
    display: inline-block;
    vertical-align: top;
    padding-left: 20px;
    padding-right: 20px;
  }
  .user-wishlist .wishlist-product {
    width: 100%;
    min-height: 238px;
    margin-bottom: 0;
    padding-bottom: 17px;
  }
  .user-wishlist .wishlist-product .cart-product-title {
    min-height: 45px;
  }
  .user-wishlist .wishlist-product .close {
    top: 9px;
    right: 13px;
  }
  .user-wishlist .wishlist-product .actions {
    padding-top: 4px;
    /*padding-left: 10px;*/
    /*padding-right: 10px;*/
  }
  .user-wishlist .wishlist-product #share-btn,
  .user-wishlist .wishlist-product #product-wishlist,
  .user-wishlist .wishlist-product #product-notify {
    height: 18px;
    line-height: 18px;
    font-size: 10px;
  }
}
@media (min-width: 769px) {
  .user-wishlist .user-section .main-wrapper {
    padding-top: 60px;
    margin-left: -10px;
    margin-right: -10px;
  }
  .user-wishlist .byl-share {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .user-wishlist .wishlist-product-container {
    width: 286px;
    padding-left: 7px;
    padding-right: 7px;
  }
  .user-wishlist .wishlist-product .cart-product-txt > a {
    display: block;
    min-height: 40px;
  }
  .user-wishlist .wishlist-product .cart-product-title {
    min-height: 45px !important;
  }
  .user-wishlist .wishlist-product img {
    max-height: 150px;
  }
  .user-wishlist .wishlist-product #product-notify {
    margin-bottom: 2px;
  }
  .user-wishlist .byl-share {
    height: 18px;
  }
  .user-wishlist .byl-share .dropdown-menu {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .user-wishlist .cart-product-link {
    min-height: 150px;
    height: 150px;
  }
}
.user-data .user-section {
  /*
    @media(min-width:@screen-md-min) {
      margin-top: 15px;
      margin-right: 0;
    }
    */
}
.user-data .user-section .main-wrapper {
  padding-top: 58px;
}
@media (min-width: 769px) {
  .user-data .user-section .main-wrapper {
    padding-left: 0;
    padding-right: 0;
    max-width: 630px;
    margin: auto;
  }
}
@media (min-width: 1025px) {
  .user-data .user-section .main-wrapper {
    max-width: 708px;
  }
}
@media (min-width: 1025px) {
  .user-data .user-section .section-title {
    margin-bottom: 14px;
  }
}
@media (min-width: 600px) {
  .user-data .user-section .left {
    margin-top: 0;
    padding-right: 15px;
    float: left;
    width: 50%;
  }
}
@media (min-width: 769px) {
  .user-data .user-section .left {
    max-width: 300px;
  }
}
.user-data .user-section .left .editable-view {
  border: none;
  margin-top: 16px;
}
.user-data .user-section section {
  margin-bottom: 33px;
  border: none;
}
@media (min-width: 480px) {
  .user-data .user-section section {
    border: none;
  }
}
.user-data .user-section .btn.btn-default {
  width: 100%;
  margin-top: 32px;
}
.user-data .user-section .editable .editable-view {
  display: block;
  opacity: 1;
  max-height: 600px;
  overflow: hidden;
  -webkit-transition: opacity 0.5s ease, max-height 0 ease-in;
  -moz-transition: opacity 0.5s ease, max-height 0 ease-in;
  transition: opacity 0.5s ease, max-height 0 ease-in;
}
.user-data .user-section .editable .editable-form {
  display: block;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 1s ease-in, opacity 0.5s ease;
  -moz-transition: max-height 1s ease-in, opacity 0.5s ease;
  transition: max-height 1s ease-in, opacity 0.5s ease;
}
.user-data .user-section .editable.edit .editable-view {
  opacity: 0;
  max-height: 0;
}
.user-data .user-section .editable.edit .editable-form {
  margin-top: 20px;
  height: auto;
  max-height: 600px;
  opacity: 1;
}
.user-data .user-section .editable.edit .editable-form input[type="text"],
.user-data .user-section .editable.edit .editable-form input[type="password"],
.user-data .user-section .editable.edit .editable-form input[type="email"],
.user-data .user-section .editable.edit .editable-form input[type="tel"],
.user-data .user-section .editable.edit .editable-form select {
  line-height: 30px;
  height: 30px;
}
.user-data .user-section .editable.edit .editable-form .noeditable,
.user-data .user-section .editable.edit .editable-form .phone-prefix {
  width: 100%;
  display: block;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  margin-bottom: 10px;
}
.user-data .user-section .editable.edit .editable-form .dropdown-toggle {
  height: 30px;
  line-height: 30px;
  font-weight: normal;
}
.user-data .user-section .editable.edit .editable-form .phone-prefix {
  width: 25px;
  padding-left: 2px;
  padding-right: 2px;
  display: block;
  float: left;
  margin-top: 10px;
  text-align: center;
}
.user-data .user-section .editable.edit .editable-form .phone-prefix + input {
  float: left;
  width: -moz-calc(100% - 30px);
  width: calc(100% - 30px);
  margin-left: 5px;
  margin-top: 10px;
}
.user-data .user-section .editable.edit .editable-form > input[type="submit"] {
  width: 100%;
}
.user-data .user-section .editable > button {
  width: 100%;
}
.user-data .user-section .right {
  margin-top: 52px;
}
@media (min-width: 600px) {
  .user-data .user-section .right {
    margin-top: 0;
    float: right;
    padding-left: 15px;
    width: 50%;
  }
}
@media (min-width: 769px) {
  .user-data .user-section .right {
    max-width: 300px;
  }
}
@media (min-width: 480px) {
  .user-data .user-section .right section {
    float: none;
    width: 100%;
  }
}
.user-data .user-section .right form {
  margin-top: 26px;
}
@media (min-width: 600px) {
  .user-data .user-section .right form {
    margin-top: 20px;
  }
}
@media (min-width: 1025px) {
  .user-data .user-section .right form {
    margin-top: 14px;
  }
}
.user-data .user-section .right form input[type="text"],
.user-data .user-section .right form input[type="password"],
.user-data .user-section .right form input[type="email"],
.user-data .user-section .right form input[type="tel"] {
  margin-top: 15px;
}
@media (min-width: 600px) {
  .user-data .user-section .right form input[type="text"],
  .user-data .user-section .right form input[type="password"],
  .user-data .user-section .right form input[type="email"],
  .user-data .user-section .right form input[type="tel"] {
    margin-bottom: 10px;
    margin-top: 10px;
    height: 30px;
    line-height: 30px;
    padding-top: 0;
    padding-bottom: 0;
  }
}
.user-data .user-section .right form span.noeditable {
  width: 100%;
  display: block;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  margin-bottom: 10px;
}
.user-data .user-section .right form > .btn {
  margin-top: 15px;
  margin-bottom: 11px;
}
.user-data .user-section .right form > input[type="submit"] {
  width: 100%;
}
.user-data #user-data-phone-error {
  width: 100%;
  margin-bottom: 0;
}
.user-addresses .main-wrapper {
  padding-top: 58px;
}
.user-addresses .editable {
  border: none;
}
.user-addresses .address-title {
  font-weight: bold;
  margin-bottom: 15px;
}
.user-addresses .address-data li {
  line-height: 19px;
}
.user-addresses .editable-view {
  border: none;
}
.user-addresses .btn-new {
  width: 100%;
  margin-top: 8px;
  margin-bottom: 48px;
  margin-left: auto;
  display: block;
  margin-right: auto;
  float: none;
  clear: both;
}
@media (min-width: 480px) {
  .user-addresses .btn-new {
    max-width: 290px;
  }
}
.user-addresses .address-form .noeditable,
.user-addresses .address-form .phone-prefix {
  width: 100%;
  display: block;
  height: 30px;
  line-height: 30px;
  padding: 0 6px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.user-addresses .address-form .phone-prefix {
  width: 40px;
  display: block;
  float: left;
}
.user-addresses .address-form .phone-prefix + input {
  float: left;
  width: -moz-calc(100% - 50px);
  width: calc(100% - 50px);
  margin-left: 10px;
  margin-top: 10px;
}
.user-addresses .address-form .dropdown-toggle {
  height: 30px;
  line-height: 30px;
  font-weight: normal;
}
.user-addresses .address-form > input[type="submit"] {
  width: 100%;
  margin-top: 25px;
  margin-bottom: 30px;
}
.user-address {
  margin-bottom: 33px;
}
@media (min-width: 480px) {
  .user-address {
    max-width: 400px;
  }
}
.user-address .btn {
  display: inline-block;
  width: 49.3%;
}
.user-address .btn:first-child {
  margin-right: .1%;
}
.user-address .editable-edit {
  color: #000;
  background-color: #ffffff;
}
.user-address .editable-edit:hover {
  color: #ffffff;
  background-color: #000;
}
.user-addresses .editable .address-info {
  opacity: 1;
  max-height: 600px;
  -webkit-transition: opacity 0.1s ease-in;
  -moz-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  display: block;
}
.user-addresses .editable .editable-form {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: opacity 0.1s ease-in, max-height 0.5s ease-in;
  -moz-transition: opacity 0.1s ease-in, max-height 0.5s ease-in;
  transition: opacity 0.1s ease-in, max-height 0.5s ease-in;
  display: block;
}
.user-addresses .editable .editable-form input[type='submit'] {
  display: block;
  float: right;
}
.user-addresses .editable.edit .address-info {
  opacity: 0;
  max-height: 0;
}
.user-addresses .editable.edit .editable-form {
  opacity: 1;
  max-height: 600px;
}
.user-addresses .editable.edit .editable-delete {
  display: none;
}
#user-address-phone-error {
  width: 100%;
  margin-bottom: 0;
}
@media (min-width: 480px) {
  .user-addresses .btn-new span {
    display: inline !important;
  }
  .user-address {
    position: relative;
    width: 100%;
    max-width: 400px;
    margin: 0 auto 40px;
  }
  .user-address .btn {
    display: block;
    width: 90px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .user-address .btn:first-child {
    margin-right: 0;
  }
  .user-address .editable-view {
    display: inline-block;
  }
  .user-address .editable-actions {
    position: absolute;
    right: 0;
    bottom: 4px;
  }
  .user-address .editable-delete {
    margin-top: 5px;
  }
  .user-address .editable-edit {
    margin-top: 0;
    color: #ffffff;
    background-color: #000;
  }
  .user-address .editable-edit:hover {
    color: #000;
    background-color: #ffffff;
  }
  .user-address .address-form input[type='submit'] {
    width: auto;
  }
}
@media (min-width: 700px) {
  .user-addresses .main-wrapper {
    margin-left: -20px;
    margin-right: -20px;
  }
  .user-address {
    width: 50%;
    float: left;
    min-height: 200px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .user-address .address-data {
    width: 100%;
  }
  .user-address .editable-actions {
    position: relative;
    right: auto;
    bottom: auto;
    margin-right: 0;
    margin-top: -65px;
    -webkit-transition: margin-top 0.1s ease-in;
    -moz-transition: margin-top 0.1s ease-in;
    transition: margin-top 0.1s ease-in;
  }
  .user-address .editable-actions .btn {
    float: right;
    clear: right;
    margin-right: 0;
  }
  .user-address.edit .editable-actions {
    margin-top: -15px;
  }
}
@media (min-width: 769px) {
  .user-addresses .main-wrapper {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    max-width: 610px;
  }
  .user-address {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 1025px) {
  .user-addresses .main-wrapper {
    max-width: 700px;
  }
  .user-address {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.user-orders .main-wrapper {
  padding-top: 58px;
}
@media (min-width: 1025px) {
  .user-orders .main-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}
.user-orders .user-orders-list {
  width: 100%;
  font-size: 11px;
  margin-top: 10px;
}
@media (min-width: 480px) {
  .user-orders .user-orders-list {
    font-size: 11px;
  }
}
@media (min-width: 769px) {
  .user-orders .user-orders-list {
    font-size: 14px;
    margin-top: 15px;
  }
}
@media (min-width: 1025px) {
  .user-orders .user-orders-list {
    max-width: 735px;
    margin-left: auto;
    margin-right: auto;
  }
}
.user-orders .user-orders-list thead {
  text-transform: uppercase;
  border-bottom: 2px solid #000;
}
.user-data .user-section .editable.edit .editable-form {
  /*margin-top: 20px;*/
  height: auto;
  max-height: 600px;
  opacity: 1;
}
.user-orders .user-orders-list tr {
  border-bottom: 1px solid #ccc;
  height: 40px;
}
.user-orders .user-orders-list tr:last-child {
  border-bottom: none;
}
.user-orders .user-orders-list th {
  font-weight: 600;
}
.user-orders .user-orders-list th,
.user-orders .user-orders-list td {
  text-align: center;
}
.user-orders .user-orders-list th:first-child,
.user-orders .user-orders-list td:first-child {
  text-align: left;
}
.user-data .user-section .editable.edit .editable-form span.noeditable{
  margin: 10px 0;
  background-color: #ebebeb4a;
}
.user-data .user-section .editable.edit .editable-form .dropdown-toggle {
  height: 30px;
  line-height: 30px;
  font-weight: normal;
}
.user-data .user-section .editable.edit .editable-form .phone-prefix {
  width: 35px;
  padding-left: 2px;
  padding-right: 2px;
  display: block;
  float: left;
  margin-top: 10px;
  text-align: center;
}
.user-data .user-section .editable.edit .editable-form .phone-prefix + input {
  float: left;
  width: -moz-calc(100% - 40px);
  width: calc(100% - 40px);
  margin-left: 5px;
  margin-top: 10px;
}
.user-data .user-section .editable.edit .editable-form > input[type="submit"] {
  width: 100%;
}
.user-orders .user-orders-list td:first-child {
  font-weight: 700;
}
.user-orders .user-orders-list th:last-child,
.user-orders .user-orders-list td:last-child {
  text-align: right;
}
.user-orders .user-orders-list td {
  vertical-align: top;
  padding-top: 15px;
}
.user-orders .user-orders-list td:not(.user-order-actions):hover {
  cursor: pointer;
}
.user-orders .user-orders-list tr:hover > td.user-order-num .user-order-link,
.user-rmas .user-rmas-list tr td.user-rma-num .user-rma-link:hover {
  text-decoration: underline;
}

.user-orders .user-orders-list .vertical-align-baseline td,
.user-rmas .user-rmas-list .vertical-align-baseline td {
  vertical-align: baseline;
  padding-top: 10px;
}

.user-orders .user-orders-list td.user-order-actions,
.user-rmas .user-rmas-list td.user-rma-actions {
  position: relative;
}
.user-orders .user-orders-list td.user-order-actions span,
.user-rmas .user-rmas-list td.user-rma-actions span {
  padding: 5px;
  cursor: pointer;
}
.user-orders .user-orders-list td.user-order-actions span.no-pointer{
  cursor: default;
  padding: 0;
}
.user-orders .user-orders-list td.user-order-actions span.mostrar,
.user-rmas .user-rmas-list td.user-rma-actions span.mostrar {
  padding: 5px;
  padding-right: 35px;
  background: url(../images/small-arrow-down.png) no-repeat center right ;
  background-size: 13px;
}
.user-orders .user-orders-list td.user-order-actions span.ocultar,
.user-rmas .user-rmas-list td.user-rma-actions span.ocultar {
  display: none;
  padding-right: 35px;
  background: url(../images/small-arrow-up.png) no-repeat center right;
  background-size: 13px;
}

.user-orders .user-orders-list .vertical-align-baseline td.user-order-actions > span.mostrar,
.user-rmas .user-rmas-list .vertical-align-baseline td.user-rma-actions > span.mostrar {
  display: none;
}
.user-orders .user-orders-list .vertical-align-baseline td.user-order-actions > span.ocultar,
.user-rmas .user-rmas-list .vertical-align-baseline td.user-rma-actions > span.ocultar {
  display: block;
}
.user-orders .user-orders-list .vertical-align-baseline td.user-order-actions ul.actions,
.user-rmas .user-rmas-list .vertical-align-baseline td.user-rma-actions ul.actions {
  display: block;
}

.user-orders .user-orders-list td.user-order-actions ul.actions,
.user-rmas .user-rmas-list td.user-rma-actions ul.actions {
  display: none;
  list-style: none;
  padding: 0;
  margin-top: 5px;
  margin-bottom: 15px;
}
.user-orders .user-orders-list td.user-order-actions ul.actions li,
.user-rmas .user-rmas-list td.user-rma-actions ul.actions li {
    margin: 5px 0;
    display: grid;
}
.user-orders .user-orders-list td.user-order-actions ul.actions li form,
.user-rmas .user-rmas-list td.user-rma-actions ul.actions li form {
  display: inline-block;
}

.user-orders .user-orders-list td.user-order-actions ul.actions li button.enlace,
.user-rmas .user-rmas-list td.user-rma-actions ul.actions li button.enlace {
  margin: 0;
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  float: right;
  width: auto;
  font-weight: bold;
  height: auto;
}
.user-orders .user-orders-list td.user-order-actions ul.actions li button:disabled,
.user-order-detail .modal-content .additionalinfo .additionalinfo-li button.enlace:disabled,
.user-order-detail .modal-content .additionalinfo .additionalinfo-li a:disabled,
.user-rmas .user-rmas-list td.user-rma-actions ul.actions li button:disabled {
  cursor: default;
  padding-right: 25px;
  background-image: url('../images/loader.gif');
  background-position: center right;
  background-repeat: no-repeat;
  background-size: contain;
}
.user-orders .invoice-form-modal-customerorder button:disabled:after {
  content:'';
  cursor: default;
  padding-right: 25px;
  background-image: url('../images/loader.gif');
  background-position: center right;
  background-repeat: no-repeat;
  background-size: contain;
}

.user-orders .user-orders-list tr:not(.vertical-align-baseline)  td.user-order-actions,
.user-rmas .user-rmas-list tr:not(.vertical-align-baseline)  td.user-rma-actions {
  height: auto !important;
}

@media (max-width: 479px) {
  .user-orders .user-orders-list td.user-order-actions span.mostrar,
  .user-orders .user-orders-list td.user-order-actions span.ocultar,
  .user-rmas .user-rmas-list td.user-rma-actions span.mostrar ,
  .user-rmas .user-rmas-list td.user-rma-actions span.ocultar {
    font-size: 0;
    padding-top: 15px;
    padding-right: 10px;
  }
  .user-orders .user-orders-list .vertical-align-baseline td.user-order-actions,
  .user-rmas .user-rmas-list .vertical-align-baseline td.user-rma-actions {
    min-height: 55px;
    display: block;
  }
  .user-orders .user-orders-list .vertical-align-baseline td.user-order-actions ul.actions,
  .user-rmas .user-rmas-list .vertical-align-baseline td.user-rma-actions ul.actions {
    position: absolute;
    right: 0;
    min-width: 120px;
    margin: 0;
  }
  .user-orders .user-orders-list td.user-order-actions ul.actions li,
  .user-rmas .user-rmas-list td.user-order-actions ul.actions li {
    margin: 13px 0;
  }
}
@media (min-width: 480px) {
  .user-orders .user-orders-list td.user-order-actions {
    padding: 5px 0 5px 15px;
    width: 140px;
  }
  .user-orders .user-orders-list tr.user-order.vertical-align-baseline  td.user-order-actions,
  .user-rmas .user-rmas-list tr.user-rma.vertical-align-baseline  td.user-rma-actions {
    height: auto !important;
  }
}
@media (min-width: 769px) {
  .user-orders .user-orders-list td.user-order-actions {
    padding: 5px 0;
    min-width: 180px;
  }
}
.user-orders .user-orders-list button {
  font-size: 11px;
  min-width: 90px;
  padding: 0;
  height: 32px;
  line-height: 32px;
  margin-bottom: 15px;
  margin-left: 10px;
}
@media (min-width: 480px) {
  .user-orders .user-orders-list button {
    width: 100%;
    margin-left: 0;
    margin-bottom: 6px;
  }
  .user-orders .user-orders-list button span {
    display: inline !important;
  }
  .user-orders .user-orders-list button + button {
    margin-bottom: 0;
  }
}
.user-data .user-section .right form {
  margin-top: 26px;
}
@media (min-width: 600px) {
  .user-data .user-section .right form {
    margin-top: 26px;
  }
}
@media (min-width: 1025px) {
  .user-data .user-section .right form {
    margin-top: 26px;
  }
}
@media (min-width: 769px) {
  .user-orders .user-orders-list button {
    width: 47%;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
  }
}
@media (min-width: 480px) {
  .user-orders .user-orders-list td {
    vertical-align: middle;
    padding-top: 0;
  }
}
.user-order-detail {
  font-size: 14px;
}
.user-order-detail .order-title-wrapper,
.user-return-detail .rma-title-wrapper {
  text-align: center;
}
.user-order-detail .modal-title {
  font-weight: normal;
  font-size: 16px;
  margin-top: 28px;
  margin-bottom: 26px;
}
.user-order-detail .modal-body {
  padding-left: 10px;
  padding-right: 10px;
}

.user-order-detail .address-data {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  margin-top: 20px;
  line-height: 1.2;
}
.user-order-detail .order-billing-address {
  padding-right: 25px;
  padding-left: 10px;
}
.user-order-detail .order-send-address,
.user-order-detail .order-billing-address {
  float: left;
  margin-bottom: 9px;
}
.user-order-detail .order-print,
.user-order-detail .order-present-card {
  display: none;
}
.user-order-detail .user-order-title {
  font-size: 13px;
  font-weight: 700;
  text-transform: none;
  margin-top: 10px;
}
.user-order-detail .order-detail {
  table-layout: fixed;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 30px;
  text-align: center;
}
.user-order-detail .order-detail th {
  height: 44px;
  padding-top: 10px;
  vertical-align: top;
  text-align: center;
  background-color: #f3f3f4;
  border-bottom: 1px solid #e1e1e1;
  font-weight: 700;
}
.user-order-detail .order-detail td {
  height: 46px;
  padding-top: 13px;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.user-order-detail .order-detail .ref {
  width: 100px;
}
.user-order-detail .order-detail .desc {
  width: 55px;
}
.user-order-detail .order-detail .text {
  text-align: left;
}
.user-order-detail .order-detail .price {
  text-align: right;
}
.user-order-detail .user-order-total {
  float: right;
  text-align: right;
  padding: 0 10px 0 0;
}
.user-order-detail .user-order-total tr {
  height: 25px;
}
.user-order-detail .order-info {
  padding: 0 10px;
  margin-bottom: 15px;
}
.user-order-detail .order-info > div {
  height: 30px;
  padding-top: 5px;
}
.user-order-detail .order-info > table thead {
  display: none;
}
.user-order-detail .order-info > table tr {
  height: 20px;
}
.user-order-detail .order-info > table tr td {
  padding-right: 20px;
}
.user-order-detail .order-info + p {
  padding: 0 10px;
}
.user-order-detail .order-info + p a {
  text-transform: uppercase;
}
.user-order-detail .order-track-title {
  margin-top: 72px;
  margin-bottom: 15px;
  font-weight: bold;
}
.user-order-detail .order-total-title,
.user-order-detail .order-info-title {
  color: #999;
  min-width: 100px;
}
.user-order-detail .order-contact-link,
.user-order-detail .order-print {
  margin: 35px auto;
  float: none;
  max-width: 150px;
  line-height: 30px;
  height: 30px;
  padding-top: 0;
  padding-bottom: 0;
}
.user-order-detail .order-contact-link:hover,
.user-order-detail .order-print:hover,
.user-order-detail .order-contact-link:focus,
.user-order-detail .order-print:focus {
  background-color: transparent;
  color: #000;
}
.user-order-detail .order-contact-link {
  display: block;
}
.user-order-detail .order-print {
  display: none;
}
.user-order-detail .table-header-visible-portrait {
  display: none;
}
.user-order-detail .table-header-hidden-portrait {
  display: none;
}
.user-order-detail .addresses {
  overflow: hidden;
  width: 100%;
}
.user-order-detail button.close {
  z-index: 100;
  position: fixed;
}
@media (min-width: 480px) {
  .user-order-detail button.close {
    position: absolute;
  }
  .user-order-detail .modal-title {
    font-size: 20px;
    font-weight: bold;
    margin-top: -5px;
    margin-bottom: 42px;
  }
  .user-order-detail .modal-dialog {
    width: 92%;
  }
  .user-order-detail .modal-dialog .modal-content {
    min-height: 80vh;
    height: 850px;
  }
  .user-order-detail .modal-header {
    height: 30px;
  }
  .user-order-detail .modal-body {
    height: -moz-calc(100% - 30px);
    height: calc(100% - 30px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .user-order-detail .order-billing-address,
  .user-order-detail .order-send-address {
    margin-bottom: 15px;
  }
  .user-order-detail .order-billing-address {
    padding-left: 27px;
    max-width: 274px;
    padding-right: 0;
    margin-right: 71px;
  }
  .user-order-detail .user-order-title {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
  }
  .user-order-detail .user-order-title:after {
    content: ':';
  }
  .user-order-detail .address-data {
    font-size: 14px;
  }
  .user-order-detail .order-present-card {
    margin-top: 10px;
    padding-left: 27px;
  }
  .user-order-detail .order-present-card p {
    font-size: 14px;
  }
  .user-order-detail .order-print,
  .user-order-detail .order-present-card {
    display: inline-block;
    margin-top: 20px;
    padding-left: 30px;
    padding-right: 30px;
    height: 45px;
    line-height: 45px;

  }
  .user-order-detail .order-states,
  .user-order-detail .order-contact-link {
    display: none;
  }
  .user-order-detail .order-detail-wrapper {
    padding: 0 27px;
  }
  .user-order-detail .user-order-total {
    width: 50%;
    padding: 0 27px;
  }
  .user-order-detail .user-order-total table {
    table-layout: fixed;
    width: 100%;
  }
  .user-order-detail .order-info {
    margin-top: 98px;
    padding-left: 27px;
  }
  .user-order-detail .order-info + p {
    margin-top: 64px;
    padding: 0 27px;
  }
  .user-order-detail .order-detail th {
    background: transparent;
    border-bottom: 0;
    text-align: center;
    height: 35px;
  }
  .user-order-detail .modal-content .order-detail thead tr,
  .user-return-detail .modal-content .return-detail thead tr {
    border-bottom: 2px solid black;
  }
  .user-return-detail .modal-content .return-detail {
    margin-bottom: 30px;
  }
  .user-order-detail .modal-content .order-detail thead th.qty span,
  .user-order-detail .modal-content .order-detail thead th.ref,
  .user-order-detail .modal-content .order-detail thead th.desc span,
  .user-order-detail .modal-content .order-detail thead th.colour span {
    text-align: left;
  }
  .user-order-detail .modal-content .order-detail thead th.price-one span,
  .user-order-detail .modal-content .order-detail thead th.price-total {
    text-align: right;
  }

  .user-order-detail .modal-content .order-detail tr {
    border-bottom: 1px solid #ccc;
  }

  .user-order-detail .order-detail .qty,
  .user-order-detail .order-detail .size {
    width: 7%;
  }
  .user-order-detail .order-detail .ref,
  .user-order-detail .order-detail .desc,
  .user-order-detail .order-detail .colour,
  .user-order-detail .order-detail .price-one,
  .user-order-detail .order-detail .price-total {
    width: 17%;
  }
  .user-order-detail .order-info-title {
    color: #000;
    font-weight: bold;
  }
  .user-order-detail .order-info-title {
    color: #000;
    font-weight: bold;
    min-width: 100px;
  }
  .user-order-detail .order-total-title {
    text-transform: uppercase;
    color: #000;
    min-width: 100px;
  }
  .user-order-detail .final-total {
    font-weight: bold;
  }
  .user-order-detail .order-track-title {
    display: none;
  }
  .user-order-detail .order-track-table {
    margin-top: 90px;
  }
  .user-order-detail .order-info > table thead {
    display: table-header-group;
  }
  .user-order-detail .order-info > table tr td {
    padding-top: 15px;
  }
  .user-order-detail .table-header-visible-portrait {
    display: block;
  }
}
.user-order-detail .modal-content .additionalinfo {
  padding-left: 10px;
}

.user-order-detail .modal-content .a-uppercase {
  text-transform: uppercase;
}
@media (min-width: 480px) {
  .user-order-detail .modal-content .additionalinfo {
    padding-left: 27px;
  }
}
.user-order-detail .modal-content .additionalinfo .additionalinfo-li button.enlace{
  margin: 0;
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  width: auto;
  font-weight: bold;
  height: auto;
  float: none;
  padding-left: 0;
}
.user-order-detail .mCSB_container {
  position: initial !important;
}
.user-order-detail .modal-content .additionalinfo .additionalinfo-li a{
  float: none;
}

@media (min-width: 769px) {
  .user-order-detail .modal-dialog {
    width: 97%;
  }
  .user-order-detail .modal-dialog .modal-content {
    min-height: 80vh;
    height: 740px;
  }
  .user-order-detail .modal-title {
    margin-top: 4px;
  }
  .user-order-detail .order-detail {
    margin-bottom: 0;
  }
  .user-order-detail .order-send-address {
    width: 53%;
  }
  .user-order-detail .order-present-card {
    margin-top: 0;
  }
  .user-order-detail .order-info + p {
    margin-top: 36px;
  }
  .user-order-detail .modal-content .additionalinfo {
    position: absolute;
    bottom: 30px;
    right: 0;
    padding-right: 27px;
  }
  .user-order-detail .modal-content .additionalinfo .additionalinfo-li button.enlace,
  .user-order-detail .modal-content .additionalinfo .additionalinfo-li a {
    float: right;
    padding-left: 27px;
  }
  .user-order-detail .order-track-table {
    margin-top: 51px;
  }
  .user-order-detail .user-order-total {
    margin-top: 11px;
  }
  .user-order-detail .order-info {
    margin-top: 62px;
  }
  .user-order-detail .table-header-visible-portrait {
    display: none;
  }
  .user-order-detail .table-header-hidden-portrait {
    display: block;
  }
  .user-order-detail .user-order-detail .order-billing-address {
    margin-bottom: 32px;
  }
}
@media (min-width: 1200px) {
  .user-order-detail .modal-dialog {
    width: 86%;
  }
  .user-order-detail .order-billing-address {
    margin-right: 171px;
  }
  .user-order-detail .order-info + p {
    margin-top: 51px;
  }
  .user-order-detail .order-track-table {
    margin-top: 32px;
  }
}



.request-invoice-modal  .modal-dialog {
  max-width: 600px;
}
.request-invoice-modal .invoice-form {
   padding: 0 10px;
}

.request-invoice-modal .invoice-form .row .col-xs-2.country_name {
  margin-top: 5px;
  display: none;
}


.request-invoice-modal .modal-title {
   text-align: center;
 }

.request-invoice-modal .modal-title3 {
  text-align: center;
  margin-top: 5px;
  margin-bottom: 30px;
}
.request-invoice-modal .invoice-form .row .xsSpan,
.request-invoice-modal .invoice-form .row .col-xs-2 {
  float: right;
}
.request-invoice-modal .invoice-form .row > div {
  float: left;
  padding: 0 3px;
}
/*.request-invoice-modal .invoice-form .row > div {
   float: left;
   padding: 0 3px;
 }*/


.request-invoice-modal .invoice-form button {
  margin: 0 auto;
  display: block;
  margin-top: 20px;
  margin-bottom: 30px;
  min-width: 250px;
}
@media (max-width: 479px) {
  .request-invoice-modal .invoice-form button {
    width: 100%;
  }
}
.request-invoice-modal .invoice-form > div,
.request-invoice-modal .invoice-form .row > div {
  margin-bottom: 10px;
}

.user #main .request-invoice-modal .invoice-form span.phoneprefix + input[name="invoice-phone"] {
  width: -moz-calc(100% - 24px - 10px);
  width: calc(100% - 24px - 10px);
  margin-left: 10px;
  margin-top: 0;
  float: left;
}
.request-invoice-modal form.invoice-form span.phoneprefix {
  margin-top: 0;
}

@media (min-width: 480px) {
  .request-invoice-modal  .modal-dialog {
    width: 85%;
  }
  .request-invoice-modal .invoice-form {
    padding: 0 40px;
  }
  .request-invoice-modal .invoice-form .row .col-xs-2.country_name {
    display: block;
  }
}

@media (max-width: 479px) {
  .request-invoice-modal .invoice-form .row > div {
    width: 100%;
  }
  .request-invoice-modal .invoice-form .row > div.xxxs {
    width: 15%;
  }
  .request-invoice-modal .invoice-form .row > div.xxxs + .xl {
    width: 85%;
  }
  .request-invoice-modal .invoice-form .row > div.xxs {
    display: none;
  }
}
@media (min-width: 480px) {
  .request-invoice-modal .invoice-form .xxxs {
    width: 8%;
  }
  .request-invoice-modal .invoice-form .xxxs + .xl {
    width: 72%;
  }
  .request-invoice-modal .invoice-form .xxs {
    width: 20%;
  }
  .request-invoice-modal .invoice-form .xs,
  .request-invoice-modal .invoice-form .xxl,
  .request-invoice-modal .invoice-form .l {
    width: 100%;
  }
  .request-invoice-modal .invoice-form .s {
    width: 40%;
  }
  .request-invoice-modal .invoice-form .m {
    width: 80%;
  }
  .request-invoice-modal .invoice-form .xl {
    width: 60%;
  }
}
@media (min-width: 600px) {
  .request-invoice-modal .invoice-form .xs {
    width: 25%;
  }
  .request-invoice-modal .invoice-form .xxl {
    width: 75%;
  }
  .request-invoice-modal .invoice-form .xsSpan {
    min-width: 40%;
  }
}
@media (min-width: 769px) {
  .request-invoice-modal .invoice-form .xxxs {
    width: 8%;
  }
  .request-invoice-modal .invoice-form .xxxs + .xl {
    width: 77%;
  }
  .request-invoice-modal .invoice-form .xxs {
    width: 15%;
  }
  .request-invoice-modal .invoice-form .xs {
    width: 25%;
  }
  .request-invoice-modal .invoice-form .s {
    width: 30%;
  }
  .request-invoice-modal .invoice-form .m {
    width: 40%;
  }
  .request-invoice-modal .invoice-form .l {
    width: 45%;
  }
  .request-invoice-modal .invoice-form .xl {
    width: 70%;
  }
  .request-invoice-modal .invoice-form .xxl {
    width: 75%;
  }
}
@media (min-width: 1025px) {
  .request-invoice-modal .invoice-form .xs {
    width: 26%;
  }
  .request-invoice-modal .invoice-form .xs + .xxl {
    width: -moz-calc(100% - 26%);
    width: calc(100% - 26%);
  }
  .request-invoice-modal .invoice-form .s {
    width: 31%;
  }
  .request-invoice-modal .invoice-form .s + .xl {
    width: -moz-calc(100% - 31%);
    width: calc(100% - 31%);
  }
  .request-invoice-modal .invoice-form .l + .xxs {
    width: 60px;
  }
  .request-invoice-modal .invoice-form .xxxs {
    width: 30px;
  }
  .request-invoice-modal .invoice-form .xxxs + .xl {
    width: -moz-calc(100% - 60px - 30px);
    width: calc(100% - 60px - 30px);
  }
}
@media (min-width: 768px) {
  .request-invoice-modal .invoice-form .xxs {
    width: 60px;
  }
  .request-invoice-modal .invoice-form .xxs + .m {
    width: 100px;
  }
  .request-invoice-modal .invoice-form .xxs + .m + .l {
    width: -moz-calc(100% - 60px - 100px);
    width: calc(100% - 60px - 100px);
  }
  .request-invoice-modal .invoice-form .xxxs + .xl {
    width: 28%;
    max-width: 95px;
  }
}



/*RMAS STYLES*/

.user-rmas .main-wrapper {
  padding-top: 58px;
}
@media (min-width: 1025px) {
  .user-rmas .main-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}
.user-rmas .user-rmas-list {
  width: 100%;
  font-size: 11px;
  margin-top: 10px;
}
@media (min-width: 480px) {
  .user-rmas .user-rmas-list {
    font-size: 11px;
  }
}
@media (min-width: 769px) {
  .user-rmas .user-rmas-list {
    font-size: 14px;
    margin-top: 15px;
  }
}
@media (min-width: 1025px) {
  .user-rmas .user-rmas-list {
    max-width: 735px;
    margin-left: auto;
    margin-right: auto;
  }
}
.user-rmas .user-rmas-list thead {
  text-transform: uppercase;
  border-bottom: 2px solid #000;
}
.user-rmas .user-rmas-list tr {
  border-bottom: 1px solid #ccc;
  height: 40px;
}
.user-rmas .user-rmas-list tr:last-child {
  border-bottom: none;
}
.user-rmas .user-rmas-list th {
  font-weight: 600;
}
.user-rmas .user-rmas-list th,
.user-rmas .user-rmas-list td {
  text-align: center;
}
.user-rmas .user-rmas-list th:first-child,
.user-rmas .user-rmas-list td:first-child {
  text-align: left;
}
.user-rmas .user-rmas-list td:first-child {
  font-weight: 700;
}
.user-rmas .user-rmas-list th:last-child,
.user-rmas .user-rmas-list td:last-child {
  text-align: right;
}
.user-rmas .user-rmas-list td {
  vertical-align: top;
  padding-top: 15px;
}
@media (min-width: 480px) {
  .user-rmas .user-rmas-list td.user-rma-actions {
    padding: 5px 0 5px 15px;
    width: 140px;
  }
}
@media (min-width: 769px) {
  .user-rmas .user-rmas-list td.user-rma-actions {
    padding: 5px 0;
    width: 280px;
  }
}
.user-rmas .user-rmas-list button {
  font-size: 11px;
  min-width: 90px;
  padding: 0;
  height: 32px;
  line-height: 32px;
  margin-bottom: 15px;
  margin-left: 10px;
}
@media (min-width: 480px) {
  .user-rmas .user-rmas-list button {
    width: 100%;
    margin-left: 0;
    margin-bottom: 6px;
  }
  .user-rmas .user-rmas-list button span {
    display: inline !important;
  }
  .user-rmas .user-rmas-list button + button {
    margin-bottom: 0;
  }
}
@media (min-width: 769px) {
  .user-rmas .user-rmas-list button {
    width: 47%;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
  }
}
@media (min-width: 480px) {
  .user-rmas .user-rmas-list td {
    vertical-align: middle;
    padding-top: 0;
  }
}
.user-rma-detail {
  font-size: 11px;
}
.user-rma-detail .rma-title-wrapper {
  text-align: center;
}
.user-rma-detail .modal-title {
  font-weight: normal;
  font-size: 16px;
  margin-top: 28px;
  margin-bottom: 26px;
}
.user-rma-detail .modal-body {
  padding-left: 10px;
  padding-right: 10px;
}
.user-rma-detail .rma-billing-address {
  padding-left: 10px;
  padding-right: 10px;
}
.user-rma-detail .address-data {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  margin-top: 20px;
  line-height: 1.2;
}
.user-rma-detail .rma-billing-address {
  padding-right: 25px;
}
.user-rma-detail .rma-send-address,
.user-rma-detail .rma-billing-address {
  float: left;
  margin-bottom: 9px;
}
.user-rma-detail .rma-print,
.user-rma-detail .rma-present-card {
  display: none;
}
.user-rma-detail .user-rma-title {
  font-size: 13px;
  font-weight: 700;
  text-transform: none;
  margin-top: 10px;
}
.user-rma-detail .rma-detail {
  table-layout: fixed;
  width: 100%;
  margin-top: 15px;
  margin-bottom: 30px;
  text-align: center;
}
.user-rma-detail .rma-detail th {
  height: 44px;
  padding-top: 10px;
  vertical-align: top;
  text-align: center;
  background-color: #f3f3f4;
  border-bottom: 1px solid #e1e1e1;
  font-weight: 700;
}
.user-rma-detail .rma-detail td {
  height: 35px;
  padding-top: 13px;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.user-rma-detail .rma-detail .ref {
  width: 100px;
}
.user-rma-detail .rma-detail .desc {
  width: 55px;
}
.user-rma-detail .rma-detail .text {
  text-align: left;
}
.user-rma-detail .rma-detail .price {
  text-align: right;
}
.user-rma-detail .user-rma-total {
  float: right;
  text-align: right;
  padding: 0 10px 0 0;
}
.user-rma-detail .user-rma-total tr {
  height: 25px;
}
.user-rma-detail .rma-info {
  padding: 0 10px;
  margin-bottom: 15px;
}
.user-rma-detail .rma-info > div {
  height: 20px;
  padding-top: 5px;
}
.user-rma-detail .rma-info > table thead {
  display: none;
}
.user-rma-detail .rma-info > table tr {
  height: 20px;
}
.user-rma-detail .rma-info > table tr td {
  padding-right: 20px;
}
.user-rma-detail .rma-info + p {
  padding: 0 10px;
}
.user-rma-detail .rma-info + p a {
  text-transform: uppercase;
}
.user-rma-detail .rma-track-title {
  margin-top: 72px;
  margin-bottom: 15px;
  font-weight: bold;
}
.user-rma-detail .rma-total-title,
.user-rma-detail .rma-info-title {
  color: #999;
  min-width: 100px;
}
.user-rma-detail .rma-contact-link,
.user-rma-detail .rma-print {
  margin: 35px auto;
  float: none;
  max-width: 150px;
  line-height: 30px;
  height: 30px;
  padding-top: 0;
  padding-bottom: 0;
}
.user-rma-detail .rma-contact-link:hover,
.user-rma-detail .rma-print:hover,
.user-rma-detail .rma-contact-link:focus,
.user-rma-detail .rma-print:focus {
  background-color: transparent;
  color: #000;
}
.user-rma-detail .rma-contact-link {
  display: block;
}
.user-rma-detail .rma-print {
  display: none;
}
.user-rma-detail .table-header-visible-portrait {
  display: none;
}
.user-rma-detail .table-header-hidden-portrait {
  display: none;
}
.user-rma-detail .addresses {
  overflow: hidden;
  width: 100%;
}

.user-order-detail .special-shipping-message {
    display: inline-block;
    margin-top: 14px;
}
.user-order-detail button.close {
  z-index: 100;
  position: fixed;
}
@media (min-width: 480px) {
  .user-rma-detail button.close {
    position: absolute;
  }
  .user-rma-detail .modal-title {
    font-size: 20px;
    font-weight: bold;
    margin-top: -5px;
    margin-bottom: 42px;
  }
  .user-rma-detail .modal-dialog {
    width: 92%;
  }
  .user-rma-detail .modal-dialog .modal-content {
    min-height: 80vh;
    height: 850px;
  }
  .user-rma-detail .modal-header {
    height: 30px;
  }
  .user-rma-detail .modal-body {
    height: -moz-calc(100% - 30px);
    height: calc(100% - 30px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .user-rma-detail .rma-billing-address,
  .user-rma-detail .rma-send-address {
    margin-bottom: 15px;
  }
  .user-rma-detail .rma-billing-address {
    padding-left: 27px;
    max-width: 274px;
    padding-right: 0;
    margin-right: 71px;
  }
  .user-rma-detail .user-rma-title {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
  }
  .user-rma-detail .user-rma-title:after {
    content: ':';
  }
  .user-rma-detail .address-data {
    font-size: 14px;
  }
  .user-rma-detail .rma-present-card {
    margin-top: 10px;
    padding-left: 27px;
  }
  .user-rma-detail .rma-present-card p {
    font-size: 14px;
  }
  .user-rma-detail .rma-print,
  .user-rma-detail .rma-present-card {
    display: inline-block;
    margin-top: 20px;
  }
  .user-rma-detail .rma-states,
  .user-rma-detail .rma-contact-link {
    display: none;
  }
  .user-rma-detail .rma-detail-wrapper {
    padding: 0 27px;
  }
  .user-rma-detail .user-rma-total {
    width: 50%;
    padding: 0 27px;
  }
  .user-rma-detail .user-rma-total table {
    table-layout: fixed;
    width: 100%;
  }
  .user-rma-detail .rma-info {
    margin-top: 98px;
    padding-left: 27px;
  }
  .user-rma-detail .rma-info + p {
    margin-top: 64px;
    padding: 0 27px;
  }
  .user-rma-detail .rma-detail th {
    background: transparent;
    border-bottom: 0;
    text-align: center;
    height: 35px;
  }
  .user-rma-detail .rma-detail .qty,
  .user-rma-detail .rma-detail .size {
    width: 7%;
  }
  .user-rma-detail .rma-detail .ref,
  .user-rma-detail .rma-detail .desc,
  .user-rma-detail .rma-detail .colour,
  .user-rma-detail .rma-detail .price-one,
  .user-rma-detail .rma-detail .price-total {
    width: 17%;
  }
  .user-rma-detail .rma-info-title {
    color: #000;
    font-weight: bold;
  }
  .user-rma-detail .rma-info-title {
    color: #000;
    font-weight: bold;
    min-width: 100px;
  }
  .user-rma-detail .rma-total-title {
    text-transform: uppercase;
    color: #000;
    min-width: 100px;
  }
  .user-rma-detail .final-total {
    font-weight: bold;
  }
  .user-rma-detail .rma-track-title {
    display: none;
  }
  .user-rma-detail .rma-track-table {
    margin-top: 90px;
  }
  .user-rma-detail .rma-info > table thead {
    display: table-header-group;
  }
  .user-rma-detail .rma-info > table tr td {
    padding-top: 15px;
  }
  .user-rma-detail .table-header-visible-portrait {
    display: block;
  }
  .user-order-detail .special-shipping-message {
    margin-top: 24px;
    margin-bottom: 15px;
  }
}
@media (min-width: 769px) {
  .user-rma-detail .modal-dialog {
    width: 97%;
  }
  .user-rma-detail .modal-dialog .modal-content {
    min-height: 80vh;
    height: 740px;
  }
  .user-rma-detail .modal-title {
    margin-top: 4px;
  }
  .user-rma-detail .rma-detail {
    margin-bottom: 0;
  }
  .user-rma-detail .rma-send-address {
    width: 53%;
  }
  .user-rma-detail .rma-present-card {
    margin-top: 0;
  }
  .user-rma-detail .rma-info + p {
    margin-top: 36px;
  }
  .user-rma-detail .rma-track-table {
    margin-top: 51px;
  }
  .user-rma-detail .user-rma-total {
    margin-top: 11px;
  }
  .user-rma-detail .rma-info {
    margin-top: 62px;
  }
  .user-rma-detail .table-header-visible-portrait {
    display: none;
  }
  .user-rma-detail .table-header-hidden-portrait {
    display: block;
  }
  .user-rma-detail .user-rma-detail .rma-billing-address {
    margin-bottom: 32px;
  }
  .user-order-detail .special-shipping-message {
    padding-right: 420px;
    width: 100%;
    font-size: 12px;
    margin-top: 15px
  }
}
@media (min-width: 1200px) {
  .user-rma-detail .modal-dialog {
    width: 86%;
  }
  .user-rma-detail .rma-billing-address {
    margin-right: 171px;
  }
  .user-rma-detail .rma-info + p {
    margin-top: 51px;
  }
  .user-rma-detail .rma-track-table {
    margin-top: 32px;
  }
}
/**/
.user-login .link-bold {
  font-weight: bold;
}
.user-login hr {
  margin-top: 40px;
  margin-bottom: 40px;
  width: 120%;
  height: 2px;
  background-color: #c5c2c2;
  float: left;
  margin-left: -10%;
}
.user-login .simple-link {
  cursor: pointer;
  text-decoration: underline;
}
.user-login .text-area {
  background-color: white;
  border: 3px solid #ebebeb;
  resize: none;
}
.user-login .contact-info-text {
  text-align: left;
  margin-top: 27.5px;
  font-size: 13px;
}
.user-login .section-user-login {
  position: relative;
  padding: 1px 30px 50px;
  text-align: center;
}
.user-login .section-user-login p {
  text-align: left;
}
.user-login .contact-subtitle {
  margin-top: 14px;
  font-size: 13px;
  font-weight: bold;
}
.user-login .linea-contact-text {
  width: 100%;
  float: left;
  line-height: 15.5px;
}
.user-login .linea-contact-text-separador {
  height: 12px;
  width: 100%;
  float: left;
}
.user-login .div-form-info-contact {
  margin-top: 20px;
  float: left;
  padding-bottom: 30px;
}
.user-login #preg_frecuentes {
  text-align: left;
  padding: 10px;
}
.user-login .info-contact-form {
  margin-top: 5px;
  float: left;
  width: 100%;
}
.user-login .info-contact-form .text-area {
  margin-top: 14px;
  padding-bottom: 7px;
}
.user-login .info-contact-form select {
  background: #e6e6e6 url(../images/small-arrow-down.png) no-repeat right 13px center;
  background-size: 9px 6px;
  height: 36px;
  line-height: 36px;
  padding: 0 14px;
}
.user-login .info-contact-form input[type="text"],
.user-login .info-contact-form input[type="password"],
.user-login .info-contact-form input[type="email"],
.user-login .info-contact-form input[type="tel"] {
  width: 100%;
  height: 36px;
  line-height: 36px;
  margin-top: 12px;
  padding: 0 13px;
}
.user-login .info-contact-form input[type="text"]:first-child,
.user-login .info-contact-form input[type="password"]:first-child,
.user-login .info-contact-form input[type="email"]:first-child,
.user-login .info-contact-form input[type="tel"]:first-child {
  margin-top: 21px;
}
.user-login .info-contact-form > span {
  display: block;
  width: 20px;
  height: 28px;
  line-height: 28px;
  margin-top: 7px;
  float: left;
}
.user-login .info-contact-form > span + input[type="tel"] {
  width: -moz-calc(100% - 20px - 10px);
  width: calc(100% - 20px - 10px);
  margin-left: 10px;
  margin-top: 7px;
  float: left;
  margin-bottom: 30px;
}
.user-login .info-contact-form .checkbox-wrapper {
  clear: both;
  margin-top: 13.5px;
  font-size: 13px;
}
.user-login .info-contact-form .checkbox-wrapper input[type="checkbox"] {
  margin-right: 3px;
}
.user-login .info-contact-form input[type="submit"] {
  margin-top: 17px;
  width: 100%;
  height: 43px;
  border: none;
  font-size: 13px;
  line-height: 23px;
}
@media (min-width: 480px) {
  .user-login .content-form {
    width: 50%;
    float: left;
    padding: 0 5% 5% 5%;
  }
  .user-login .content-form:first-child {
    border-right: 2px solid #c5c2c2;
  }
  .user-login hr {
    display: none;
  }
  .user-login .contact-subtitle {
    margin-top: 0px;
    text-align: center;
    font-size: 15px;
    margin-bottom: 20px;
  }
  .user-login .div-contact-content {
    width: 95%;
    margin-right: 5%;
    margin-top: 40%;
  }
  .user-login .div-form-info-contact {
    margin-top: 0px;
    float: left;
    padding-bottom: 30px;
    width: 41.5% !important;
    margin-left: 5%;
  }
  .user-login .info-contact-form input[name="name"] {
    margin-top: 1px !important;
  }
  .user-login .contact-info-text {
    text-align: left;
    margin-top: 34.5px;
    font-size: 13px;
  }
  .user-login .section-user-login p {
    text-align: left;
    height: 116.5px;
    margin-bottom: 0px;
  }
}
@media (min-width: 769px) {
  .user-login .content-form {
    width: 50%;
    float: left;
    padding: 0 5% 5% 5%;
  }
  .user-login .content-form:first-child {
    border-right: 2px solid #c5c2c2;
  }
  .user-login hr {
    display: none;
  }
  .user-login .contact-subtitle {
    margin-top: 0px;
    text-align: center;
    font-size: 15px;
    margin-bottom: 20px;
  }
  .user-login .div-contact-content {
    width: 95%;
    margin-right: 5%;
    margin-top: 23%;
  }
  .user-login .div-form-info-contact {
    margin-top: 0px;
    float: left;
    padding-bottom: 30px;
    width: 41.5% !important;
    margin-left: 5%;
  }
  .user-login .info-contact-form input[name="name"] {
    margin-top: 1px !important;
  }
  .user-login .contact-info-text {
    text-align: left;
    margin-top: 34.5px;
    font-size: 13px;
  }
  .user-login .section-user-login p {
    text-align: left;
    height: 116.5px;
    margin-bottom: 0px;
  }
}
@media (min-width: 1025px) {
  .user-login .content-form {
    width: 50%;
    float: left;
    padding: 0 5% 5% 5%;
  }
  .user-login .content-form:first-child {
    border-right: 2px solid #c5c2c2;
  }
  .user-login hr {
    display: none;
  }
  .user-login .contact-subtitle {
    margin-top: 0px;
    text-align: center;
    font-size: 15px;
    margin-bottom: 20px;
  }
  .user-login .div-contact-content {
    width: 85%;
    margin-right: 7.5%;
    margin-top: 24%;
    margin-left: 7.5%;
  }
  .user-login .div-form-info-contact {
    margin-top: 0px;
    float: left;
    padding-bottom: 30px;
    width: 41.5% !important;
    margin-left: 5%;
  }
  .user-login .info-contact-form input[name="name"] {
    margin-top: 1px !important;
  }
  .user-login .contact-info-text {
    text-align: left;
    margin-top: 34.5px;
    font-size: 13px;
  }
  .user-login .section-user-login p {
    text-align: left;
    height: 116.5px;
    margin-bottom: 0px;
  }
}
#user-register-company #login-register-company-legal,
#user-register #login-legal {
  margin-bottom: 0;
}
/*********************** USER ACOUNT MAG-1121 **********************/

.user-section .main-title-user-dashboard {
  display: none;
  font-size: 16px;
  margin-top: 13px;
  margin-bottom: 20px;
  text-align: center;
}

@media (max-width: 765px){
  .user-section .main-title-user-dashboard {
    display: block;
  }
  .user-section .main-wrapper {
    padding-top: 0 !important;
  }
  .user-section .main-title{
    display: block;
    font-size: 16px;
    margin-bottom: 15px;
  }
  .user-section {
    position: relative;
  }
  .user-section nav.user-menu {
    background-color: white;
    width: 100%;
    position: absolute;
    padding-left: 30px;
    padding-right: 30px;
    -webkit-transition: -webkit-transform 0.4s ease-in-out;
    -moz-transition: -moz-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
    z-index: 5;
    border: none;
    height: 100%;
  }
  .user-section nav.user-menu.hide-in-left {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  .user-section ul.user-menu-items {
    /*background-color: blue;*/
  }
  .user-section nav.user-menu ul.user-menu-items li{
    width: 100% !important;
  }

  .user-section nav.user-menu ul.user-menu-items li{
    float: none;
    overflow: auto;
    border: none;
  }

  .user-section nav.user-menu ul.user-menu-items li .user-menu-link{
    color: #000;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 14px;
    text-align: initial;
    border: none;
  }
  .user-section ul.user-menu-items .user-menu-link:hover,
  .user-section ul.user-menu-items .user-menu-item.active .user-menu-link{
    border: none;
    font-weight: bold;
  }

  .user-section nav.user-menu button#user-menu-logout {
    position: relative;
    right: auto;
    width: 100%;
    border: none;
    line-height: 45px;
    top: 0;
  }
  .user-section nav.user-menu button#user-menu-logout span{
    display: block;
    text-align: left;
    font-size: 14px;
  }
  .user-section nav.user-menu button#user-menu-logout:before,
  .user-section nav.user-menu button#user-menu-logout:after {
    display: none;
  }

  .user-section button#user-menu-left{
    left: 25px;
    top: 10px;
    font-size: 30px;
    padding: 5px;
    width: 20px;
    height: 20px;
    position: absolute;
    z-index: 5;
    background: url(../images/small-arrow-down.png) no-repeat center center;
    background-size: 15px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}
@media (max-width: 479px){
  .user-section button#user-menu-left{
    left: 10px;
  }
  .user-section nav.user-menu {
    padding-left: 15px;
    padding-right: 15px;
  }
}



/*********************** MIXINS **********************/
/*********************** GENERAL **********************/
.total-fullscreen {
  height: 100%;
}
.total-fullscreen body {
  height: 100%;
}
.total-fullscreen body #main {
  height: 100%;
}
@media (min-width: 480px) {
  .fullscreen body.cart,
  .fullscreen body.cart #main {
    overflow-y: auto;
  }
}
.menu-open body.cart .overlay,
.aside-open body.cart .overlay {
  z-index: 1040;
}
body.cart {
  font-family: geogrotesque, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body.cart #logo {
  display: none;
}
@media (min-width: 480px) {
  body.cart #logo {
    display: block;
  }
}
@media (min-width: 480px) and (max-width: 1024px) {
  body.cart #logo {
    margin-right: auto;
    margin-left: auto;
  }
}
body.cart .page-title {
  position: fixed;
  z-index: 2020;
  top: 12px;
  right: 35px;
  left: 35px;
  display: block;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
}
@media (min-width: 480px) {
  body.cart .page-title {
    display: none;
  }
}
body.cart .navigation-bar {
  position: fixed;
  top: 0;
  background-color: #ffffff;
  height: 51px;
  width: 100%;
}
body.cart .previous-page {
  padding-top: 17px;
  margin-left: -20px;
  padding-left: 20px;
  background-color: #ffffff;
}
body.cart .previous-page:before {
  content: '';
  background-image: url('../images/sprite.png');
  background-position: -2px -646px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 12px;
  height: 18px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  body.cart .previous-page:before {
    background-image: url('../images/sprite@2x.png');
    background-size: 205px 1572px;
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
  body.cart .previous-page:before {
    background-image: url('../images/sprite@3x.png');
    background-size: 205px 1572px;
  }
}
body.cart .instructions-title {
  font-size: 15px;
  margin-bottom: 2px;
}
body.cart .instructions-title a {
  text-decoration: underline;
}

body.cart #main {
  margin-top: 47px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 20px;
}
@media (min-width: 480px) {
  body.cart #main {
    margin-top: 135px;
    max-width: 630px;
    padding-left: 50px;
    padding-right: 70px;
    right: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    overflow: visible;
    height: -moz-calc(100% - 150px);
    height: calc(100% - 150px);
  }
}
@media (min-width: 768px) {
  body.cart #main {
    min-width: 715px;
    max-width: 100%;
    padding-left: 30px;
    padding-right: 50px;
    position: absolute;
    margin-top: 135px;
  }
}
@media (min-width: 1025px) {
  body.cart #main {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 120px;
    padding-right: 0;
  }
}
@media (min-width: 1200px) {
  body.cart #main {
    padding-right: 0;
    max-width: 1200px;
  }
}
body.cart #main .container-fluid {
  padding-left: 20px;
  padding-right: 20px;
  max-width: 1200px;
}
@media (min-width: 768px) {
  body.cart #main .container-fluid {
    padding-left: 50px;
    padding-right: 50px;
  }
}
body.cart #main section {
  margin-top: 8px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
@media (min-width: 768px) {
  body.cart #main section {
    margin-top: -4px;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  body.cart #main section {
    width: 62%;
    margin-top: 10px;
  }
}
@media (min-width: 1025px) {
  body.cart #main section {
    width: 65%;
  }
}
@media (min-width: 1200px) {
  body.cart #main section {
    width: 67%;
  }
}
body.cart #main aside {
  margin-top: 70px;
}
@media (min-width: 480px) {
  body.cart #main aside {
    margin-top: 20px;
    margin-bottom: 10px;
    padding-bottom: 20px;
  }
}
@media (min-width: 768px) {
  body.cart #main aside {
    margin-top: 16px;
    float: right;
  }
}
@media (min-width: 768px) {
  body.cart #main aside {
    width: 38%;
    max-width: 325px;
    position: fixed;
    right: 50px;
    margin-top: 25px;
  }
  body.cart #main aside > div {
    padding-left: 22px;
  }
}
@media (min-width: 1025px) {
  body.cart #main aside {
    width: 35%;
    max-width: 330px;
    padding-right: 0;
    padding-left: 30px;
    margin-top: 15px;
  }
}
@media (min-width: 1200px) {
  body.cart #main aside {
    left: 68%;
  }
}
body.cart #aside-menu {
  z-index: 1041;
}
body.cart #aside-menu .aside-menu-help {
  display: block;
}
@media (min-width: 480px) and (max-width: 768px) {
  body.cart #main.main-cart aside {
    margin-top: 30px;
  }
}
body.cart .col-xs-1,
body.cart .col-sm-1,
body.cart .col-md-1,
body.cart .col-lg-1,
body.cart .col-xs-2,
body.cart .col-sm-2,
body.cart .col-md-2,
body.cart .col-lg-2,
body.cart .col-xs-3,
body.cart .col-sm-3,
body.cart .col-md-3,
body.cart .col-lg-3,
body.cart .col-xs-4,
body.cart .col-sm-4,
body.cart .col-md-4,
body.cart .col-lg-4,
body.cart .col-xs-5,
body.cart .col-sm-5,
body.cart .col-md-5,
body.cart .col-lg-5,
body.cart .col-xs-6,
body.cart .col-sm-6,
body.cart .col-md-6,
body.cart .col-lg-6,
body.cart .col-xs-7,
body.cart .col-sm-7,
body.cart .col-md-7,
body.cart .col-lg-7,
body.cart .col-xs-8,
body.cart .col-sm-8,
body.cart .col-md-8,
body.cart .col-lg-8,
body.cart .col-xs-9,
body.cart .col-sm-9,
body.cart .col-md-9,
body.cart .col-lg-9,
body.cart .col-xs-10,
body.cart .col-sm-10,
body.cart .col-md-10,
body.cart .col-lg-10,
body.cart .col-xs-11,
body.cart .col-sm-11,
body.cart .col-md-11,
body.cart .col-lg-11,
body.cart .col-xs-12,
body.cart .col-sm-12,
body.cart .col-md-12,
body.cart .col-lg-12 {
  padding: 0 20px;
}
/*********************** BREADCRUMB **********************/
#steps {
  display: none;
  position: relative;
  text-align: center;
  top: 100px;
  width: 100%;
  max-width: 520px;
  margin: 10px auto 0;
  padding: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  z-index: 1030;
}
@media (min-width: 480px) {
  #steps {
    position: fixed;
    right: 0;
    left: 0;
    background-color: white;
    display: block;
    top: 88px;
    max-width: 630px;
    padding-right: 20px;
    width: 84%;
    z-index: 1;
  }
}
@media (min-width: 768px) {
  #steps {
    width: 82%;
    max-width: 715px;
    top: 89px;
    background-color: white;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  #steps {
    left: 0;
    right: 0;
    margin: 10px auto 5px;
    padding-right: 1%;
    padding-left: 0.5%;
  }
}
@media (min-width: 1025px) {
  #steps {
    width: 50%;
    max-width: 520px;
    top: 48px;
    padding-right: 0;
  }
}
@media (min-width: 1200px) {
  #steps {
    width: 700px;
    max-width: none;
  }
}
#steps ul {
  padding: 0;
  width: 100%;
  display: inline-block;
  margin: 0 auto;
  text-align: center;
  position: relative;
  top: 0;
  height: 9px;
  border-radius: 3px;
}
#steps .lit {
  white-space: nowrap;
  display: inline-block;
  position: absolute;
  top: -34px;
  text-align: center;
  left: 0;
  width: 100%;
  text-transform: uppercase;
  font-size: 13px;
  color: #000;
}
#steps li {
  display: inline-block;
  font-size: 13px;
  margin: 0 !important;
  height: 2px;
  width: 33.3333333%;
  float: left;
  position: relative;
  top: -1px;
  border-bottom: 1px solid #ccc;
}
#steps li:first-child {
  border-right: 0;
}
#steps li:nth-child(2) {
  border-right: 0;
  border-left: 0;
}
#steps li:last-child {
  border-left: 0;
  border-radius: 0 3px 3px 0;
}
#steps li.act,
#steps li.act > span {
  font-weight: 700;
  color: #fff;
  cursor: default;
}

#steps li.visited:hover .lit,
#steps li.visited > span:hover .lit,
#steps li.visited > a > span:hover .lit {
  text-decoration: underline;
}

#steps li .ord {
  display: inline-block;
  height: auto;
  text-align: center;
  font-size: 11px;
  line-height: 22px;
}
#steps li > span,
#steps li a > span {
  display: block;
  color: #000;
  border: 1px solid #ccc;
  width: 25px;
  height: 25px;
  border-radius: 100px;
  margin: -10px auto 0;
}
#steps li .step-circle {
  background:#fff;
}
#steps li.act,
#steps li.visited{
  font-weight:700;
}
#steps li.act .step-circle,
#steps li.visited .step-circle{
  background:#000;
  color:#fff;
  border-color:#000;
}

#steps li.act::before,
#steps li.visited::before,
#steps li.visited::after
{
    content: "";
    display: block;
    width: 50%;
    border-radius: 3px 0 3px 0;
    background: #000;
    position: absolute;
    top: 0;

    height: 3px;
}
#steps li.act::before,
#steps li.visited::before {
    left: -2px;
}
#steps li.visited::after {
    right: -5px;
}
.menu-open #steps {
  -webkit-transform: translateX(345px);
  -moz-transform: translateX(345px);
  -ms-transform: translateX(345px);
  transform: translateX(345px);
}
.aside-open #steps {
  -webkit-transform: translateX(-345px);
  -moz-transform: translateX(-345px);
  -ms-transform: translateX(-345px);
  transform: translateX(-345px);
}
@media screen and (min-width:0\0) {
  #product-info-all {
    transition: transform 0.4s ease-in-out
  }
  .aside-open #product-info-all {
    transform: translateX(-345px);
  }
}
/*********************** ARTICLES **********************/
body.cart #main article {
  border-top: 1px solid #000;
  font-size: 12px;
  clear: both;
  display: block;
  width: 100%;
  padding: 2px 0 10px;
  opacity: 1;
  max-height: 200px;
  margin-top: 0;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  transition: all 0.5s linear;
  overflow: hidden;
}
@media (min-width: 1025px) {
  body.cart #main article {
    padding-right: 35px;
  }
}
@media (min-width: 1200px) {
  body.cart #main article {
    padding-right: 0;
  }
}
body.cart #main article.deleted {
  opacity: 0;
  max-height: 0;
  padding: 0;
  margin-top: -10px;
}
body.cart #main article:first-child {
  border-top: 0;
}
body.cart #main article:last-child {
  border-bottom: 1px solid #000;
}
@media (min-width: 768px) {
  body.cart #main article:last-child {
    border-bottom: none;
  }
}
@media (min-width: 768px) {
  body.cart #main article {
    padding-bottom: 15px;
    padding-top: 15px;
  }
}
body.cart #main article .thumb {
  float: left;
  height: 100px;
  width: 85px;
  text-align: center;
  padding: 0;
}
@media (min-width: 768px) {
  body.cart #main article .thumb {
    width: 110px;
    height: 110px;
  }
}
@media (min-width: 1025px) {
  body.cart #main article .thumb {
    width: 90px;
  }
}
body.cart #main article .thumb:hover {
  opacity: 0.5;
}
body.cart #main article img:not(.cart-product-img) {
  max-height: 100%;
  text-align: center;
  margin: 0 auto;
  padding: 15px 0 0;
}
@media (min-width: 768px) {
  body.cart #main article img:not(.cart-product-img) {
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
body.cart #main article .info {
  margin-left: 85px;
  padding-top: 10px;
  padding-bottom: 5px;
  position: relative;
}
@media (min-width: 768px) {
  body.cart #main article .info {
    margin-left: 110px;
    padding-top: 3px;
  }
}
@media (min-width: 1025px) {
  body.cart #main article .info {
    margin-left: 100px;
  }
}
body.cart #main article .tit {
  font-size: 14px;
  font-weight: 700;
  float: left;
  margin-bottom: -7px;
  width: 75%;
  line-height: 1;
  padding-bottom: 8px;
}
@media (min-width: 768px) {
  body.cart #main article .tit {
    font-size: 16px;
  }
}
body.cart #main article .price {
  float: right;
  font-weight: 700;
  font-size: 13px;
  width: 25%;
  text-align: right;
  line-height: 1;
}
@media (min-width: 768px) {
  body.cart #main article .price {
    font-size: 15px;
  }
}
body.cart #main article .ref {
  font-size: 11px;
  margin: 0 0 14px;
  display: inline-block;
  width: 100%;
}
body.cart #main article .color {
  width: 120px;
  display: inline-block;
}
body.cart #main article .size {
  display: inline-block;
}
body.cart #main article .color span,
body.cart #main article .size span {
  display: none;
}
body.cart #main article .quantity {
  display: inline-block;
  width: 100%;
  margin-top: 5px;
}
body.cart #main article .quantity .qty-modifier-icon:before {
  position:relative;
  top:3px;
}
body.cart .delete {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 5px;
  font-size: 10px;
}
@media (min-width: 1025px) {
  body.cart .delete {
    bottom: -7px;
    right: 2px;
  }
}

/*********************** SUMMARY **********************/
body.cart .summary {
  border: 1px solid #000;
  margin: 0 auto 10px auto;
  list-style: none;
  padding: 0;
}
@media (max-width: 479px) {
  body.cart .summary {
    padding: 3px 0;
    font-size: 11px;
    border-width: 1px;
  }
}
body.cart .summary li {
  width: 100%;
  padding: 13px 15px 6px;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.1;
}
@media (max-width: 479px) {
  body.cart .summary li {
    padding: 6px 18px 0;
    font-size: 11px;
  }
}
@media (min-width: 1025px) {
  body.cart .summary li {
    padding-left: 8px;
  }
}
body.cart .summary li:last-child {
  border-top: 1px solid #999;
  padding-top: 10px;
  margin-top: 24px;
  padding-bottom: 10px;
}
@media (max-width: 479px) {
  body.cart .summary li:last-child {
    margin-top: 10px;
    font-size: 16px;
    padding-top: 5px;
    padding-bottom: 7px;
  }
}
body.cart .summary li.subtotal {
  border-top: 1px solid #999;
  margin-top: 10px;
  padding-top: 12px;
}
@media (min-width: 1025px) {
  body.cart .summary li.subtotal {
    padding-left: 8px;
  }
}
body.cart .summary li.discount {
  padding: 6px 15px 0;
  margin-left: 0;
}
@media (min-width: 1025px) {
  body.cart .summary li.discount {
    padding-left: 8px;
  }
}

body.cart .summary li span {
  display: inline-block;
  width: 65%;
  text-align: left;
}
body.cart .summary li span.r {
  float: right;
  width: auto;
  font-weight: 700;
  color: #000;
}
/*********************** GIFT / COMMENT OPTION **********************/
.simple-link:hover {
  font-weight: 600;
}
.gift-container a {
  padding-right: 2px;
}
.gift-container a:before {
  margin-right: 2px;
  margin-top: -8px;
}
@media (max-width: 767px) {
  .gift-container {
    position: absolute;
    top: -30px;
  }
}
@media (max-width: 479px) {
  .observations-container a:before {
    display: none;
  }
}
@media (min-width: 768px) {
  .gift-container,
  .observations-container {
    margin-top: 3px;
  }
}
.check-ok,
.check-ko {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: none;
  position: relative;
}
.check-ok:before,
.check-ko:before {
  content: '';
  border-style: solid;
  border-color: #ffffff;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.check-ok {
  background-color: #48a93a;
}
.check-ok:before {
  width: 11px;
  height: 6px;
  top: 6px;
  left: 5px;
  position: absolute;
  border-width: 0 0 3px 3px;
}
.check-ko {
  background-color: #d9534f;
}
.check-ko:before {
  top: 0;
  left: 7px;
  border-width: 0 0 0 3px;
}
.check-ko:after {
  content: '';
  border-style: solid;
  border-color: #ffffff;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 0;
  left: 0;
  border-width: 0 0 3px 0;
}
.check-ko:before,
.check-ko:after {
  width: 13px;
  height: 13px;
  position: absolute;
}
.observations-container {
  width: 234px;
}
.observations-container .check-ko,
.observations-container .check-ok {
  display: none;
  float: right;
}
.filled .check-ok,
.filled .check-ko {
  display: inline-block;
}
@media (min-width: 769px) {
  body.cart #main .gift-container {
    position: relative;
  }
}
body.cart #main .gift-container .check-ok {
  position: absolute;
  top: 0;
  right: -25px;
}
@media (min-width: 480px) {
  body.cart #main .gift-container .check-ok {
    left: 177px;
    right: auto;
    top: 2px;
  }
}
@media (min-width: 768px) {
  body.cart #main .gift-container .check-ok {
    position: relative;
    left: auto;
    right: auto;
    top: 5px;
  }
}
.text-centered {
  text-align: center;
}
.gift,
.obsv {
  display: inline-block;
  position: relative;
  margin-bottom: 10px;
  font-size: 13px;
}
@media (max-width: 479px) {
  .gift,
  .obsv {
    font-size: 12px;
  }
}
.gift:hover,
.obsv:hover {
  font-weight: 700;
}
.gift:before,
.obsv:before {
  content: '';
  float: left;
}
.gift {
  height: 20px;
  line-height: 6.66666667px;
}
.gift:before {
  background-image: url('../images/sprite.png');
  background-position: -2px -783px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -8px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .gift:before {
    background-image: url('../images/sprite@2x.png');
    background-size: 205px 1572px;
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
  .gift:before {
    background-image: url('../images/sprite@3x.png');
    background-size: 205px 1572px;
  }
}
.obsv {
  height: 20px;
  line-height: 6.66666667px;
}
.obsv:before {
  background-image: url('../images/sprite.png');
  background-position: -2px -759px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 20px;
  height: 20px;
  margin-top: -7px;
  margin-right: 2px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .obsv:before {
    background-image: url('../images/sprite@2x.png');
    background-size: 205px 1572px;
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
  .obsv:before {
    background-image: url('../images/sprite@3x.png');
    background-size: 205px 1572px;
  }
}
/*********************** MAIN BUTTON **********************/
body.cart input[type="button"] {
  background: #000;
  color: #fff;
  border: 0;
  height: 46px;
  line-height: 46px;
  font-size: 13px;
  width: 100%;
  font-weight: 700;
  cursor: pointer;
  padding: 0;
  border-radius: 0;
}
body.cart #main aside input[type="button"] {
  font-size: 14px;
}
body.cart input[type="button"]:hover {
  background: white;
  color: black;
  border: 1px solid black;
}
body.cart #main aside input[disabled] {
  opacity: 0.3;
  cursor: auto;
}
/*********************** VER MAPA BUTTON **********************/
.ver-mapa {
  text-transform: none;
  text-decoration: underline;
}
.ver-mapa:hover {
  font-weight: 600;
}
@media (min-width: 768px) {
  .ver-mapa {
    color: #404040;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 12px;
  }
}
/*********************** BACK BUTTON **********************/
.back {
  display: none;
  padding: 10px 5px;
  width: 130px;
  color: #000;
  margin: 60px 0 0 auto;
  font-size: 12px;
  text-align: center;
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}

@media (min-width: 768px) {
  .back {
    display: block;
    position: absolute;
    bottom: 0;
  }
}
@media (min-width: 480px) {
  aside .back {
    margin-top: 50px;
  }
}
/************************* BUTTON MIXINS *************************/
.btn-base {
  width: 100%;
  line-height: 45px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 14px;
}
.btn-black {
  background-color: #000;
  border-color: #000;
  color: white;
  -webkit-transition: all 0.1s ease-in;
  -moz-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}
.btn-black:hover {
  background-color: transparent;
  color: #000;
}
.btn-green {
  background-color: #48a93a;
  border-color: #48a93a;
  -webkit-transition: all 0.1s ease-in;
  -moz-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}
.btn-green:hover {
  background-color: transparent;
  color: #48a93a;
}
.btn-outline {
  background-color: transparent;
  border-color: #000;
  color: #000;
  -webkit-transition: all 0.1s ease-in;
  -moz-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}
.btn-outline:hover {
  background-color: #000;
  color: white;
}
/************************* CART EMPTY *************************/
body.cart #main section.cart-empty {
  margin-top: 21px;
  text-align: center;
}
@media (min-width: 768px) {
  body.cart #main section.cart-empty {
    float: none;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    min-width: 600px;
  }
}
@media (min-width: 1025px) {
  body.cart #main section.cart-empty {
    margin-top: 56px;
  }
}
body.cart #main section.cart-empty h3 {
  border-bottom: 0;
  font-size: 16px;
  font-weight: 700;
  margin-top: 25px;
  margin-bottom: 3px;
}
@media (min-width: 768px) {
  body.cart #main section.cart-empty h3 {
    font-size: 18px;
    margin-bottom: 6px;
  }
}
@media (min-width: 1025px) {
  body.cart #main section.cart-empty h3 {
    font-size: 20px;
    margin-bottom: 12px;
  }
}
body.cart #main section.cart-empty h3 + div {
  margin: 0 auto 15px;
  line-height: 1.24;
}
@media (min-width: 1025px) {
  body.cart #main section.cart-empty h3 + div br {
    display: none;
  }
}
body.cart #main section.cart-empty p {
  padding: 0;
  font-size: 14px;
  margin: 0 auto 15px;
  line-height: 1.24;
}
body.cart #main section.cart-empty .option-block {
  padding-top: 50px;
}
@media (min-width: 768px) {
  body.cart #main section.cart-empty .option-block {
    padding-top: 63px;
  }
}
@media (min-width: 1025px) {
  body.cart #main section.cart-empty .option-block {
    padding-top: 76px;
  }
}
body.cart #main section.cart-empty .btn {
  width: 100%;
  line-height: 45px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 14px;
  background-color: #000;
  border-color: #000;
  color: white;
  -webkit-transition: all 0.1s ease-in;
  -moz-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  max-width: 330px;
}
body.cart #main section.cart-empty .btn:hover {
  background-color: transparent;
  color: #000;
}
/************************* DELIVERY OPTIONS MOBILE *************************/
.options-wrapper {
  margin-top: -10px;
  margin-bottom: 15px;
}
.options-wrapper a {
  display: block;
  padding-bottom: 23px;
}
.options-title {
  border-bottom: solid 1px #000;
  margin-bottom: 15px;
}
.options-title,
.option-title,
.option-price {
  text-transform: uppercase;
  display: block;
  font-weight: 700;
}
.option-description {
  color: #1a1a1a;
}
.option-title,
.option-price {
  line-height: 1.24;
}
.option-price {
  text-align: right;
  margin-top: -19px;
  font-size: 15px;
  padding-right: 1px;
}
/************************* ADDRESS OPTIONS MOBILE *************************/
.addresses-wrapper {
  margin-top: 12px;
}
.addresses-wrapper input#search {
  border: solid 1px #808080;
  background-color: #ffffff;
}
.addresses-wrapper input#search::-webkit-input-placeholder {
  color: #b3b3b3;
}
.addresses-wrapper input#search:-moz-placeholder {
  /* Firefox 18- */
  color: #b3b3b3;
}
.addresses-wrapper input#search::-moz-placeholder {
  /* Firefox 19+ */
  color: #b3b3b3;
}
.addresses-wrapper input#search:-ms-input-placeholder {
  color: #b3b3b3;
}
.addresses-wrapper .show-more {
  margin-top: 20px;
  font-size: 12px;
  text-decoration: underline;
}

.addresses-wrapper .show-more-click {
  margin-top: 20px;
  font-size: 12px;
  text-decoration: underline;
}

.smartphone-view .addresses.options {
  display: none;
}
.smartphone-view .addresses-wrapper {
  margin-top: 6px;
  margin-bottom: 0;
  padding-bottom: 150px;
}
.address-wrapper {
  margin-top: 21px;
  border-bottom: solid 1px #000;
  padding-bottom: 10px;
  display: inline-block;
  width: 100%;
}
.address-wrapper .btn {
  opacity: 0;
  float: right;
  height: 35px;
  line-height: 35px;
  padding-top: 0;
  padding-bottom: 0;
  width: 115px;
  text-transform: none;
  font-size: 14px;
}

.address-wrapper:hover .btn {
  opacity: 1;
}
.address-title {
  text-transform: uppercase;
  margin-bottom: 10px;
  width: -moz-calc(100% - 80px);
  width: calc(100% - 80px);
}
.address-distance {
  float: right;
  text-align: right;
  margin-top: -30px;
  font-size: 12px;
  padding-right: 2px;
  color: #666666;
}
.address-distance span {
  float: right;
}
.address-distance:after {
  content: '';
  background-image: url('../images/sprite.png');
  background-position: -2px -175px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  width: 12px;
  display: block;
  float: right;
  margin-right: 0;
  margin-top: 2px;
  height: 12px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .address-distance:after {
    background-image: url('../images/sprite@2x.png');
    background-size: 205px 1572px;
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
  .address-distance:after {
    background-image: url('../images/sprite@3x.png');
    background-size: 205px 1572px;
  }
}
.address-description {
  padding-left: 10px;
  font-size: 12px;
  width: -moz-calc(100% - 120px);
  width: calc(100% - 120px);
  float: left;
}
.address-cp:before,
.address-tf:before {
  content: '|';
  display: inline-block;
  padding-right: 4px;
}
/************************* MODAL *************************/
body.cart .modal-backdrop {
  background-color: white;
  z-index: 2100;
}
body.cart .modal-content .close {
  top: 24px;
  right: 18px;
}
@media (min-width: 768px) {
  body.cart .modal-content .close {
    top: 15px;
    right: 12px;
  }
}
@media (min-width: 480px) {
  body.cart .modal-dialog {
    width: -moz-calc(100% - 60px);
    width: calc(100% - 60px);
    max-width: 400px;
  }
}
@media (min-width: 768px) {
  body.cart .modal-dialog {
    max-width: 630px;
  }
  body.cart #cart-checkout-modal .modal-dialog {
    max-width: 900px;
  }
}

@media (min-width: 480px) {
  ody.cart #cart-checkout-modal {
    padding: 40px 30px;
  }
}


body.cart .modal-body {
  padding: 20px;
}
@media (min-width: 480px) {
  body.cart .modal-body {
    padding: 40px;
  }
}
@media (min-width: 768px) {
  body.cart .modal-body {
    padding: 60px 40px;
  }
}
body.cart .modal-body > div + div {
  margin-top: 48px;
}
body.cart .modal-body h4 {
  margin-top: 3px;
  margin-bottom: 18px;
  font-size: 17px;
  text-align: center;
}
@media (min-width: 768px) {
  body.cart .modal-body h4 {
    margin-top: 0;
    margin-bottom: 30px;
  }
}
body.cart .modal-body p {
  font-size: 13px;
}
@media (min-width: 768px) {
  body.cart .modal-body p {
    text-align: center;
    margin-top: 5px;
  }
}
body.cart .modal-body form {
  display: inline-block;
  width: 100%;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
}
body.cart .modal-body form a {
  text-decoration: underline;
}
body.cart .modal-body form a:hover {
  font-weight: 700;
}
body.cart .modal-body .simple-link {
  padding-left: 8px;
  margin-top: 0;
  margin-bottom: 6px;
  display: block;
  font-size: 13px;
  color: #1e90ff;
}
body.cart .modal-body .simple-link.recover-password-link {
  color: #000;
}
body.cart .modal-body .simple-link:hover {
  font-weight: 600;
  text-decoration: underline;
}
@media (min-width: 768px) {
  body.cart .modal-body .simple-link {
    padding-left: 0;
  }
}
body.cart .modal-body .btn {
  width: 100%;
  line-height: 43px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 13px;
  background-color: #000;
  margin-top: 10px;
  -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
body.cart .modal-body .btn:hover {
  color: #000;
  background-color: transparent;
}
@media (max-width: 768px) {
  body.cart .modal-body .modal-block {
    padding: 0;
  }
}
@media (min-width: 768px) {
  body.cart .modal-body .modal-block {
    width: 50%;
    padding: 0 20px;
  }
  body.cart .modal-body .modal-block h4 {
    text-align: center;
  }
}
body.cart .modal-body .modal-block + .modal-block {
  margin-top: 0;
}
@media (max-width: 768px) {
  body.cart .modal-body .modal-block + .modal-block {
    margin-top: 45px;
  }
}
@media (min-width: 768px) {
  body.cart .modal-body .modal-block + .modal-block {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  body.cart .modal-body .modal-block + .modal-block .btn {
    margin-top: 24px;
  }
}
body.cart .modal-body .modal-block.recover-password-block {
  width: 100%;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  float: none;
}
body.cart .modal-body .checkbox-wrapper {
  width: 100%;
  line-height: 18px;
  margin-bottom: 0px;
}
#cart-checkout-modal-content .login-form {
  margin-bottom: 10px;
}
@media (min-width: 480px) {
  #cart-checkout-modal-content .login-register-block > .simple-link {
    color: #000;
  }
}
body.cart .standard-modal .modal-dialog {
  -webkit-transition: width 0.2s ease-in-out;
  -moz-transition: width 0.2s ease-in-out;
  transition: width 0.2s ease-in-out;
}
@media (min-width: 480px) {
  body.cart .standard-modal .modal-content {
    max-height: 100vh;
  }
}
body.cart .standard-modal .modal-content > div {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  body.cart .standard-modal .modal-content > div {
    max-width: 550px;
  }
}
@media (max-width: 479px) {
  body.cart .standard-modal .modal-content {
    height: 100vh;
  }
}
body.cart .standard-modal .modal-body {
  padding-bottom: 0;
}
@media (min-width: 768px) {
  body.cart .standard-modal .modal-body {
    padding-top: 50px;
  }
}
body.cart .standard-modal section {
  padding: 12px 20px 5px;
  position: relative;
}
body.cart .standard-modal section a {
  text-decoration: underline;
}
@media (min-width: 768px) {
  body.cart .standard-modal section {
    padding-top: 6px;
  }
}
body.cart .standard-modal section > div {
  text-transform: uppercase;
  font-size: 13px;
  margin-bottom: 7px;
  font-weight: 700;
}
@media (min-width: 768px) {
  body.cart .standard-modal h4 {
    font-size: 20px;
  }
}
body.cart .standard-modal ul {
  padding-left: 17px;
  font-size: 12px;
  line-height: 1.2;
}
body.cart .standard-modal ul li {
  padding-bottom: 0px;
}
body.cart .standard-modal .logo {
  position: absolute;
  top: 80px;
  right: 20px;
  left: 20px;
  margin: auto;
  z-index: 3000;
  background-image: url('../images/sprite.png');
  background-position: -2px -273px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 136px;
  height: 15px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  body.cart .standard-modal .logo {
    background-image: url('../images/sprite@2x.png');
    background-size: 205px 1572px;
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
  body.cart .standard-modal .logo {
    background-image: url('../images/sprite@3x.png');
    background-size: 205px 1572px;
  }
}
body.cart .standard-modal .modal-footer {
  border-top: none;
  text-align: center;
}
body.cart .standard-modal .btn {
  color: #ffffff;
  border: solid 1px #000;
  width: 100%;
  -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  margin: auto;
}
@media (min-width: 768px) {
  body.cart .standard-modal .btn {
    max-width: 200px;
  }
}
body.cart .standard-modal .btn:hover {
  background-color: #ffffff;
  color: #000;
}
body.cart .standard-modal form {
  margin-top: 13px;
}
body.cart .standard-modal textarea {
  padding: 20px 25px 10px;
  height: auto;
}
body.cart .standard-modal textarea::-webkit-input-placeholder {
  color: #b3b3b3;
  font-size: 13px;
}
body.cart .standard-modal textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #b3b3b3;
}
body.cart .standard-modal textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #b3b3b3;
}
body.cart .standard-modal textarea:-ms-input-placeholder {
  color: #b3b3b3;
}
@media (min-width: 480px) {
  body.cart #map-modal .modal-content {
    height: 90vh;
    min-height: 200px;
    max-height: 400px;
  }
}
@media (min-width: 768px) {
  body.cart #map-modal .modal-content {
    max-height: 630px;
  }
}
body.cart #map-modal .modal-content > div {
  max-width: none;
}
#cart-gift-modal .modal-dialog {
  max-width: 680px;
}
#cart-gift-modal .modal-body {
  margin-bottom: 20px;
  background-color: white;
}
#cart-gift-modal-content .pedido-regalo input[type="radio"] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
  appearance: radio;
  width: auto;
  margin-left: 6px;
  margin-right: 2px;
  vertical-align: top;
}
#cart-gift-modal .modal-footer {
  position: relative;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 40px 40px 50px;
  background-color: white;
}
#cart-gift-modal .modal-footer .btn {
  max-width: 250px;
}
#cart-gift-modal textarea {
  padding-top: 70px;
  height: -moz-calc(100vh - 440px);
  height: calc(100vh - 440px);
  font-size: 12px;
  margin-bottom: 5px;
  color: #000;
}
@media (min-width: 480px) {
  #cart-gift-modal textarea {
    height: -moz-calc(100vh - 550px);
    height: calc(100vh - 550px);
    max-height: 300px;
  }
}
@media (min-width: 768px) {
  #cart-gift-modal textarea {
    font-size: 13px;
  }
}
@media (min-width: 480px) {
  #cart-observations-modal .modal-dialog {
    max-width: 400px;
  }
}
@media (min-width: 768px) {
  #cart-observations-modal .modal-content > div {
    max-width: 400px;
  }
}
@media (min-width: 768px) {
  #cart-observations-modal .modal-footer {
    padding-bottom: 40px;
  }
}
#cart-new-address-modal form.add-new-address-form {
  margin-top: 3px;
}
#cart-new-address-modal .modal-body form .form-control {
  margin-bottom: 6px;
}

#cart-new-address-modal .modal-footer {
  padding-left: 20px;
  padding-right: 20px;
}
/************************* CHECKBOX *************************/
body.cart .checkbox-wrapper {
  margin: 10px 0;
}
body.cart .checkbox-wrapper a {
  text-decoration: underline;
}
@media (min-width: 768px) {
  body.cart aside .checkbox-wrapper {
    margin-top: 20px;
    font-size: 13px;
  }
}
@media (min-width: 768px) {
  body.cart aside .checkbox-wrapper + form {
    margin-top: 10px;
  }
}
@media (min-width: 1025px) {
  body.cart aside .checkbox-wrapper + form {
    margin-top: 26px;
  }
}
body.cart aside .discount-form > span {
  display: none;
  margin: 5px 8px;
}
body.cart aside .discount-form .error-message-wrapper {
  display: none;
}
body.cart aside .discount-form.valid > button,
body.cart aside .discount-form.invalid > button {
  display: none;
}
body.cart aside .discount-form.valid .check-ok {
  display: inline-block;
}
body.cart aside .discount-form.invalid button[type="submit"] {
  display: none;
}
body.cart aside .discount-form.invalid .check-ko {
  display: inline-block;
}
body.cart aside .discount-form.invalid .error-message-wrapper {
  display: block;
  text-align: center;
  color: #d9534f;
  margin-top: 10px;
}
body.cart aside .discount-form.invalid .error-message-wrapper p {
  margin-bottom: 0;
}
/************************* ORDER SUMMARY *************************/
body.cart .order-summary {
  margin-bottom: 0px;
}
@media (min-width: 768px) {
  body.cart .order-summary {
    margin-top: 18px;
    margin-left: 3px;
  }
}
@media (min-width: 768px) {
  body.cart .order-summary {
    margin-left: 0;
  }
}
body.cart .order-summary p {
  font-size: 14px;
}
@media (min-width: 768px) {
  body.cart .order-summary p {
    font-size: 15px;
  }
}
body.cart .order-summary ul {
  font-size: 13px;
  margin-top: 15px;
  list-style: none;
  padding-left: 15px;
}
@media (min-width: 768px) {
  body.cart .order-summary ul {
    padding-left: 0;
    margin-top: 27px;
    font-size: 12px;
  }
  body.cart .order-summary ul li {
    line-height: 1.3;
    padding-bottom: 1px;
  }
}
@media (min-width: 1025px) {
  body.cart .order-summary ul {
    font-size: 15px;
    width: -moz-calc(50% - 5px);
    width: calc(50% - 5px);
    float: left;
    max-width: 250px;
  }
  body.cart .order-summary ul + ul {
    margin-left: 10px;
  }
  body.cart .order-summary ul li {
    line-height: 1.2;
    padding-bottom: 1px;
  }
}
body.cart .order-summary ul .separator {
  height: 13px;
}
@media (min-width: 768px) {
  body.cart .order-summary ul .separator {
    height: 18px;
  }
}
/************************* PAYMENT METHOD FORM *************************/
@media (max-width: 479px) {
  body.cart #main.cart-payment aside {
    margin-top: 0;
  }
}
@media (max-width: 479px) {
  body.cart form.payment-method {
    margin-bottom: 6px;
    margin-top: 17px;
  }
}
@media (min-width: 768px) {
  body.cart form.payment-method {
    margin-top: 23px;
  }
}
@media (min-width: 768px) {
  body.cart form.payment-method {
    margin-top: 26px;
  }
}
body.cart form.payment-method h3 {
  text-transform: none;
  border-bottom-color: #000;
}
body.cart form.payment-method .row {
  margin-left: -15px;
  margin-right: -15px;
}
@media (max-width: 479px) {
}
body.cart form.payment-method .row .checkbox-wrapper.pm {
  margin: 0;
}
@media (max-width: 479px) {
  body.cart form.payment-method .row .checkbox-wrapper.pm {
    width: 130px;
    float: none;
    height: 60px;
    margin-bottom: 20px;
  }
}
@media (min-width: 480px) {
  body.cart form.payment-method .row .checkbox-wrapper.pm {
    width: 120px;
  }
}
@media (min-width: 1025px) {
  body.cart form.payment-method .row .checkbox-wrapper.pm {
    width: 160px;
    max-width: none;
  }
}
body.cart form.payment-method .row .checkbox-wrapper.pm .checkbox {
  text-align: center;
  padding: 0 10px;
  margin-top: 0;
  position: relative;
}
body.cart form.payment-method .row .checkbox-wrapper.pm label {
  padding: 0;
  width: 100%;
  height: 66.6%;
  position: absolute;
  background-color: transparent;
  margin: 0;
  border: 0;
}
@media (max-width: 479px) {
  body.cart form.payment-method .row .checkbox-wrapper.pm label {
    height: 60px;
  }
}
@media (min-width: 480px) {
  body.cart form.payment-method .row .checkbox-wrapper.pm label {
    text-align: center;
  }
}
body.cart form.payment-method .row .checkbox-wrapper.pm label:after {
  content: '';
  position: absolute;
  left: 15px;
  right: 15px;
  top: 0;
  bottom: 0;
  width: auto;
  height: auto;
  border: none;
  opacity: 0.3;
  border: solid 1px #000;
  border-radius: 10px;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
@media (max-width: 479px) {
}
@media (min-width: 480px) {
  body.cart form.payment-method .row .checkbox-wrapper.pm label:after {
    width: 90px;
    height: 55px;
    border-color: #999;
    border-radius: 5px;
    margin: auto;
  }
}
body.cart form.payment-method .row .checkbox-wrapper.pm label:before {
  display: none;
}
body.cart form.payment-method .row .checkbox-wrapper.pm label:hover:after {
  opacity: 1;
}
body.cart form.payment-method.not-checked .row .checkbox-wrapper.pm label:after {
  opacity: 1;
}
body.cart form.payment-method.not-checked .row .checkbox-wrapper.pm label + span {
  opacity: 1;
}
body.cart form.payment-method .col-xs-4 {
  padding: 0 15px;
}
body.cart form.payment-method .pm > span {
  display: block;
  text-align: center;
  padding-top: 10px;
  text-transform: uppercase;
}
@media (max-width: 479px) {
  body.cart form.payment-method .pm > span {
    position: absolute;
    height: 34px;
    top: 28px;
    margin-top: -13px;
    padding: 0;
    left: 130px;
    text-align: left;
    display: block;
    width: 180px;
    font-size: 12px;
  }
  body.cart form.payment-method .pm > span > span {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-top: -1px;
  }
}
@media (min-width: 480px) {
  body.cart form.payment-method .pm > span {
    padding-top: 0;
    margin-top: -1px;
    font-size: 13px;
  }
}
@media (min-width: 768px) {
  body.cart form.payment-method .pm > span {
    padding-top: 8px;
    font-size: 13px;
  }
}
body.cart form.payment-method .visa label:after {
  background-image: url(../images/visa2.png);
}
body.cart form.payment-method .mastercard label:after {
  background-image: url(../images/mastercard2.png);
}
body.cart form.payment-method .paypal label:after {
  background-image: url(../images/paypal2.png);
}
body.cart form.payment-method .adyen_mx label:after {
  background-image: url(../images/adyen_cc.png);
}
body.cart form.payment-method .adyen_fr label:after {
  background-image: url(../images/adyen-visa-mastercard-cb.jpg);
}
body.cart form.payment-method .adyen_es label:after,
body.cart form.payment-method .adyen_ic label:after,
body.cart form.payment-method .adyen_be label:after,
body.cart form.payment-method .adyen_eu label:after,
body.cart form.payment-method .adyen_de label:after,
body.cart form.payment-method .adyen_fr label:after,
body.cart form.payment-method .adyen_it label:after,
body.cart form.payment-method .adyen_uk label:after,
body.cart form.payment-method .adyen_pt label:after,
body.cart form.payment-method .adyen label:after{
  background-image: url(../images/adyen-visa-mastercard.png);
}
body.cart form.payment-method .adyen_sg label:after{
  background-image: url(../images/adyen-visa-mastercard-jcb.png);
}
body.cart form.payment-method .adyen label:after {
  background-image: url(../images/adyen_cc.png);
}
body.cart form.payment-method .bancontact label:after {
  background-image: url(../images/adyen_bancontact.png);
}
body.cart form.payment-method .sofort label:after {
  background-image: url(../images/adyen_sofort.png);
}
body.cart form.payment-method .ideal label:after {
  background-image: url(../images/adyen_ideal.png);
}
body.cart form.payment-method .giropay label:after {
  background-image: url(../images/adyen_giropay.png);
}
body.cart form.payment-method .dotpay label:after {
  background-image: url(../images/adyen_dotpay.png);
}
body.cart form.payment-method .unionpay label:after {
  background-image: url(../images/adyen_unionpay.png);
}
body.cart form.payment-method .mercado_pago label:after {
  background-image: url(../images/mercadopago2.png);
  background-size: 83%;
}

body.cart form.payment-method .checkbox-wrapper.pm input[type=radio] {
  width: 100% !important;
  height: 70px;
  border: none;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
}
@media (max-width: 479px) {
  body.cart form.payment-method .checkbox-wrapper.pm input[type=radio] {
    height: 60px;
  }
}
@media (min-width: 480px) {
  body.cart form.payment-method .checkbox-wrapper.pm input[type=radio] {
    max-height: 55px;
  }
}
@media (min-width: 768px) {
  body.cart form.payment-method .checkbox-wrapper.pm input[type=radio] {
    height: 43px;
  }
}
body.cart form.payment-method .checkbox-wrapper.pm input[type=radio] + label + span {
  opacity: 0.3;
}
body.cart form.payment-method .checkbox-wrapper.pm input[type=radio]:checked + label:after,
body.cart form.payment-method .checkbox-wrapper.pm input[type=radio].selected + label:after {
  opacity: 1 !important;
  border-width: 2px;
  border-color: #000;
}
body.cart form.payment-method .checkbox-wrapper.pm input[type=radio]:checked + label + span,
body.cart form.payment-method .checkbox-wrapper.pm input[type=radio].selected + label + span {
  opacity: 1;
}
body.cart form.payment-method .checkbox-wrapper.pm input[type=radio]:focus {
  box-shadow: none;
  outline: none;
}
body.cart form.payment-method > input[type=text] {
  background-color: transparent;
  margin-top: 0;
  border: solid 1px #ccc;
  height: 35px;
  font-size: 12px;
  padding: 0 15px;
}
body.cart form.payment-method > input[type=text]::-webkit-input-placeholder {
  color: #b3b3b3;
  font-size: 12px;
}
body.cart form.payment-method > input[type=text]:-moz-placeholder {
  /* Firefox 18- */
  color: #b3b3b3;
}
body.cart form.payment-method > input[type=text]::-moz-placeholder {
  /* Firefox 19+ */
  color: #b3b3b3;
}
body.cart form.payment-method > input[type=text]:-ms-input-placeholder {
  color: #b3b3b3;
}
body.cart form.payment-method .actions {
  display: block;
  padding: 0 15px;
  margin-top: 0;
  margin-bottom: 45px;
}
@media (min-width: 480px) {
  body.cart form.payment-method .actions {
    display: none !important;
  }
}
body.cart form.payment-method .actions .checkbox-wrapper {
  margin-top: 0;
  margin-bottom: 14px;
  font-size: 12px;
}
body.cart form.payment-method .actions .checkbox-wrapper a {
  text-decoration: underline;
}
body.cart form.payment-method .actions input[type="button"] {
  height: 35px;
  line-height: 35px;
}
body.cart .condCompTxt {
  padding-left: 28px;
}
/************************* INVOICE FORM *************************/
body.cart .invoice-form {
  margin-top: 10px;
  margin-bottom: 0;
}
@media (max-width: 479px) {
  body.cart .invoice-form {
    margin-top: 13px;
  }
}
@media (min-width: 768px) {
  body.cart .invoice-form {
    font-size: 13px;
  }
}
@media (min-width: 769px) {
  body.cart .invoice-form > div {
    line-height: 1.1;
  }
}
body.cart .invoice-form span.show-invoice-form {
  text-decoration: underline;
  cursor: pointer;
}
@media (max-width: 479px) {
  body.cart .invoice-form > div {
    font-size: 11px;
  }
}
body.cart .invoice-form > div,
body.cart .invoice-form .row > div {
  margin-bottom: 10px;
}
body.cart .invoice-form .row {
  margin-left: -3px;
  margin-right: -3px;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
@media (min-width: 769px) {
  body.cart .invoice-form .row {
    padding-left: 8px;
    padding-right: 8px;
  }
}
body.cart .invoice-form .row > div {
  float: left;
  padding: 0 3px;
}
@media (max-width: 600px){
  body.cart .invoice-form .xsSpan {
    width: calc(100% - 80px);
  }
}
body.cart .invoice-form .row .xsSpan,
body.cart .invoice-form .row .col-xs-2 {
  float: right;
}
body.cart .invoice-form .row .xsSpan {
  margin-left: 10px;
}
@media (max-width: 769px) {
  body.cart .invoice-form .row > div {
    padding: 0 5px;
  }
}
@media (min-width: 1025px) {
  body.cart .invoice-form .row > div {
    padding: 0 5px;
  }
}
body.cart .invoice-form .row > div > div {
  line-height: 28px;
  margin-top: 7px;
  height: 28px;
  text-align: center;
}
@media (max-width: 479px) {
  body.cart .invoice-form .row > div > div {
    background-color: #ebebec;
    line-height: 35px;
    height:35px;
    font-size: 12px;
  }
}
@media (min-width: 1025px) {
  body.cart .invoice-form .row > div > div {
    text-align: left;
    padding-left: 8px;
  }
}
body.cart .invoice-form.add-invoice {
  margin-bottom: 0;
}
body.cart .invoice-form.add-invoice .row {
  max-height: 100%;
  width: 50%;
  margin-top: 2%;
}
@media (min-width: 480px){
  body.cart .invoice-form.add-invoice .row {
    width: 100%;
  }
}
@media (min-width: 768px){
  body.cart .invoice-form.add-invoice .row {
    width: 60%;
  }
}
@media (max-width: 479px) {
  body.cart .invoice-form input[type="text"],
  body.cart .invoice-form select {
    height: 35px;
    font-size: 12px;
    line-height: 35px;
  }
}
body.cart .invoice-form input[type="text"]::-webkit-input-placeholder {
  color: #b3b3b3;
}
body.cart .invoice-form input[type="text"]:-moz-placeholder {
  /* Firefox 18- */
  color: #b3b3b3;
}
body.cart .invoice-form input[type="text"]::-moz-placeholder {
  /* Firefox 19+ */
  color: #b3b3b3;
}
body.cart .invoice-form input[type="text"]:-ms-input-placeholder {
  color: #b3b3b3;
}
@media (min-width: 768px) {
  body.cart .invoice-form input[type="text"]::-webkit-input-placeholder {
    font-size: 13px;
  }
  body.cart .invoice-form input[type="text"]:-moz-placeholder {
    /* Firefox 18- */
    font-size: 13px;
  }
  body.cart .invoice-form input[type="text"]::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 13px;
  }
  body.cart .invoice-form input[type="text"]:-ms-input-placeholder {
    fnt-size: 13px;
  }
}
body.cart .invoice-form select {
  width: 100%;
  font-size: 13px;
  padding: 0 10px;
  font-size: 12px;
}
@media (min-width: 768px) {
  body.cart .invoice-form select {
    font-size: 13px;
    border-radius: 0;
  }
}
body.cart .invoice-form.open .row {
  opacity: 1;
  max-height: 300px;
}
@media (max-width: 479px) {
  body.cart .cart-payment .invoice-form {
    margin-bottom: 10px;
  }
}
/************************* CHECKOUT SUCCESS *************************/
@media (min-width: 1025px) {
  body.cart.checkout-success #header {
    z-index: 1;
    padding-bottom: 0;
  }
}
@media (min-width: 480px) {
  body.cart.checkout-success #head {
    margin-top: -10px;
  }
}
@media (min-width: 1025px) {
  body.cart.checkout-success #head {
    margin-top: 0;
  }
}
body.cart.checkout-success #main {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
@media (min-width: 480px) {
  body.cart.checkout-success #main {
    margin-top: 0;
  }
}
@media (min-width: 1025px) {
  body.cart.checkout-success #main {
    height: 100%;
    padding-bottom: 100px;
  }
}
@media print {
  body.cart.checkout-success #main .actions {
    display: none !important;
  }
}
@media (min-width: 480px) {
  body.cart.checkout-success .aside-menu-account {
    display: inline-block;
  }
}
@media (min-width: 1025px) {
  .menu-open body.cart.checkout-success #header {
    z-index: 0;
  }
}
@media (min-width: 1025px) {
  .menu-open body.cart.checkout-success #head {
    margin-top: 0;
  }
}
@media (min-width: 1025px) {
  .menu2 .checkout-success #menu-open {
    top: 18px;
    left: 16px;
  }
}
@media (min-width: 1025px) {
  .menu2.menu-open .checkout-success #menu-open {
    top: 50px;
    left: 25px;
  }
}
@media (min-width: 480px) {
  body.cart.checkout-success .aside-menu-cart,
  body.cart.checkout-success .aside-menu-wish,
  body.cart.checkout-success .aside-menu-search {
    display: block !important;
  }
}
body.cart.checkout-success #logo {
  display: block;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 480px) {
  body.cart.checkout-success #logo {
    display: none;
  }
}
@media (min-width: 1025px) {
  body.cart.checkout-success #logo {
    display: block;
    margin-top: 30px;
    margin-left: 55px;
    background-position: -2px -827px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: inline-block;
    width: 201px;
    height: 22px;
  }
}
@media (min-width: 1025px) {
  body.cart.checkout-success #logo {
    display: none;
  }
}
body.cart.checkout-success .container-fluid {
  padding-left: 10px;
  padding-right: 10px;
}
body.cart.checkout-success .row {
  margin-left: -5px;
  margin-right: -5px;
}
@media (min-width: 480px) {
  body.cart.checkout-success .row {
    margin-left: 0;
    margin-right: 0;
  }
}
body.cart.checkout-success .page-title {
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  text-transform: uppercase;
  font-size: 17px;
  margin-top: 15px;
}
@media (min-width: 480px) {
  body.cart.checkout-success .page-title {
    display: block;
    margin-top: 60px;
  }
}
@media (min-width: 1200px) {
  body.cart.checkout-success .page-title {
    width: 200px;
    margin-left: auto;
    margin-right: auto;
  }
}
body.cart.checkout-success .addresses {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  body.cart.checkout-success .addresses {
    margin-top: 30px;
    max-width: 405px;
  }
}
body.cart.checkout-success .addresses .col-xs-6 {
  padding: 0 15px;
}
body.cart.checkout-success .address-title {
  width: 100%;
  text-transform: none;
  margin-top: 22px;
  margin-bottom: 15px;
  font-size: 13px;
  font-weight: 700;
}
@media (min-width: 768px) {
  body.cart.checkout-success .address-title {
    font-size: 14px;
  }
}
body.cart.checkout-success .address-description {
  width: 100%;
  padding-left: 0;
  font-size: 11px;
}
@media (min-width: 768px) {
  body.cart.checkout-success .address-description {
    font-size: 12px;
  }
}
body.cart.checkout-success .address-description .address-line span {
  display: block;
  line-height: 1.3;
}
body.cart.checkout-success .table {
  font-size: 11px;
  border: none;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}
@media (min-width: 768px) {
  body.cart.checkout-success .table {
    padding: 5px 10px;
  }
}
@media (min-width: 1025px) {
  body.cart.checkout-success .table {
    padding: 10px 15px;
  }
}
@media (min-width: 1200px) {
  body.cart.checkout-success .table {
    padding-right: 50px;
    padding-top: 15px;
    margin-bottom: 10px;
  }
}
body.cart.checkout-success .table table {
  width: 100%;
}
body.cart.checkout-success .table thead {
  background-color: #e6e6e6;
  text-align: left;
}
body.cart.checkout-success .table thead tr {
  padding: 4px;
  border-bottom: 1px solid #b3b3b3;
}
body.cart.checkout-success .table thead th {
  padding: 9px 5px;
  line-height: 1.1;
  vertical-align: top;
  min-width: 35px;
}
@media (min-width: 768px) {
  body.cart.checkout-success .table thead th {
    font-size: 12px;
  }
}
@media (min-width: 1025px) {
  body.cart.checkout-success .table thead th {
    font-size: 13px;
    padding: 23px;
  }
}
@media (min-width: 1200px) {
  body.cart.checkout-success .table thead th {
    font-size: 15px;
  }
  body.cart.checkout-success .table thead th:first-child {
    min-width: 30px;
  }
}
@media (min-width: 1200px) and (min-width: 1025px) {
  body.cart.checkout-success .table thead th:first-child {
    width: 120px;
  }
}
body.cart.checkout-success .table tbody {
  text-align: center;
}
body.cart.checkout-success .table tbody tr {
  border: none;
}
body.cart.checkout-success .table tbody td {
  padding: 10px 5px;
}
@media (min-width: 1025px) {
  body.cart.checkout-success .table tbody td {
    text-align: left;
    padding: 20px 23px;
    font-size: 12px;
  }
}
body.cart.checkout-success .table td,
body.cart.checkout-success .table th {
  text-align: left;
}
body.cart.checkout-success .table td.align-right,
body.cart.checkout-success .table th.align-right {
  text-align: right;
}
@media (min-width: 768px) {
  body.cart.checkout-success .table td.sm,
  body.cart.checkout-success .table th.sm {
    width: 60px;
  }
  body.cart.checkout-success .table td.large,
  body.cart.checkout-success .table th.large {
    width: 250px;
  }
  body.cart.checkout-success .table td.align-right,
  body.cart.checkout-success .table th.align-right {
    width: 80px;
  }
}
@media (min-width: 1025px) {
  body.cart.checkout-success .table td.medium,
  body.cart.checkout-success .table th.medium {
    width: 230px;
  }
  body.cart.checkout-success .table td.large,
  body.cart.checkout-success .table th.large {
    width: 300px;
  }
}
@media (min-width: 1200px) {
  body.cart.checkout-success .table td.sm,
  body.cart.checkout-success .table th.sm,
  body.cart.checkout-success .table td.align-right,
  body.cart.checkout-success .table th.align-right {
    padding-left: 15px;
    padding-right: 15px;
  }
  body.cart.checkout-success .table td.large,
  body.cart.checkout-success .table th.large {
    width: 400px;
  }
  body.cart.checkout-success .table td.align-right,
  body.cart.checkout-success .table th.align-right {
    width: 120px;
  }
}
body.cart.checkout-success .summary {
  border: none;
  line-height: 1.1;
  margin-top: 5px;
  font-size: 10.5px;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}
@media (min-width: 1025px) {
  body.cart.checkout-success .summary {
    margin-right: 15px;
    font-size: 12px;
  }
}
@media (min-width: 1200px) {
  body.cart.checkout-success .summary {
    margin-right: 35px;
    font-size: 14px;
  }
}
body.cart.checkout-success .summary .col-xs-6 {
  padding: 0 15px;
}
@media (min-width: 1025px) {
  body.cart.checkout-success .summary .col-xs-6 {
    padding: 0 20px;
  }
}
body.cart.checkout-success .summary .summary-line {
  padding-top: 7px;
}
@media (min-width: 1200px) {
  body.cart.checkout-success .summary .summary-line {
    padding-top: 6px;
  }
}
body.cart.checkout-success .summary .summary-line span {
  color: #a6a6a6;
  padding-right: 2px;
}
body.cart.checkout-success .summary .text-right {
  text-align: right;
}
body.cart.checkout-success .summary .text-right .summary-line {
  width: 160px;
  float: right;
  clear: both;
}
@media (min-width: 1200px) {
  body.cart.checkout-success .summary .text-right .summary-line {
    width: 225px;
  }
}
body.cart.checkout-success .summary .text-right span {
  display: inline-block;
  width: 100px;
  float: left;
}
@media (min-width: 1200px) {
  body.cart.checkout-success .summary .text-right span {
    width: 120px;
  }
}
body.cart.checkout-success .summary > div:last-child {
  padding-top: 10px;
}
@media (min-width: 1200px) {
  body.cart.checkout-success .summary > div:last-child {
    padding-top: 0;
  }
}
body.cart.checkout-success .summary > div:last-child .summary-line {
  padding-top: 14px;
}
body.cart.checkout-success #main .actions {
  display: none;
  margin-top: 30px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (min-width: 480px) {
  body.cart.checkout-success #main .actions {
    display: block;
    margin-top: 35px;
  }
}
@media (min-width: 768px) {
  body.cart.checkout-success #main .actions {
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 45px;
  }
}
@media (min-width: 1025px) {
  body.cart.checkout-success #main .actions {
    margin-right: 35px;
    margin-top: 80px;
  }
}
@media (min-width: 1200px) {
  body.cart.checkout-success #main .actions {
    margin-right: 35px;
    margin-top: 120px;
    max-width: 1200px;
  }
}
body.cart.checkout-success #main .actions .btn {
  width: -moz-calc(50% - 10px);
  width: calc(50% - 10px);
  max-width: 290px;
  font-weight: normal;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  transition: all 0.5s linear;
  -webkit-transition-duration: 0.1s;
  -moz-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
body.cart.checkout-success #main .actions .btn + .btn {
  float: right;
  margin-left: 10px;
}
body.cart.checkout-success #main .actions .btn.btn-primary {
  border-color: #000;
}
body.cart.checkout-success #main .actions .btn.btn-primary:hover {
  background-color: #000;
  color: #ffffff;
}
body.cart.checkout-success-paybylink #main .actions {
    text-align: center;
}
body.cart.checkout-success .special-messages {
  margin-top: 20px;
}
body.cart.checkout-success .special-messages span {
  font-size: 12px;
  line-height: 1.3;
}
/************************* CHECKOUT FAIL *************************/
body.cart.checkout-fail {
  background-image: url("../images/error-bg.jpg");
  background-size: cover;
  background-color: transparent;
  background-position: 50% 50%;
  text-align: center;
}
body.cart.checkout-fail #header {
  background-color: transparent;
}
body.cart.checkout-fail #menu-open {
  display: none;
}
@media (min-width: 480px) {
  body.cart.checkout-fail #menu-open {
    display: block;
  }
}
body.cart.checkout-fail #main {
  margin: 0 auto;
  padding: 0;
  height: -moz-calc(100% - 0px);
  height: calc(100% - 0px);
  width: 100%;
  max-width: none;
  display: table;
}
body.cart.checkout-fail #main .logo {
  display: block;
  width: 175px;
  margin: 0 auto 33px;
}
@media (min-width: 480px) {
  body.cart.checkout-fail #main .logo {
    width: 150px;
  }
}
body.cart.checkout-fail #main .container {
  display: table-cell;
  vertical-align: middle;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  body.cart.checkout-fail #main .container {
    width: 450px;
  }
}
@media (min-width: 768px) {
  body.cart.checkout-fail #main .container {
    width: 500px;
  }
}
body.cart.checkout-fail .page-subtitle,
body.cart.checkout-fail .page-subtitle-h2 {
  text-transform: uppercase;
}
body.cart.checkout-fail .page-subtitle,
body.cart.checkout-fail .page-subtitle-h2,
body.cart.checkout-fail .page-subtitle-h3 {
  padding: 0 20px;
}
body.cart.checkout-fail .page-subtitle {
  text-transform: uppercase;
  font-size: 19px;
  margin-bottom: 20px;
  font-weight: 600;
  padding: 0 15px;
  line-height: 1.2;
}
@media (min-width: 480px) {
  body.cart.checkout-fail .page-subtitle {
    font-size: 21px;
  }
}
body.cart.checkout-fail .page-subtitle-h2 {
  margin-bottom: 30px;
  padding: 0 46px;
  font-size: 15px;
  line-height: 1.2;
}
@media (min-width: 480px) {
  body.cart.checkout-fail .page-subtitle-h2 {
    font-size: 13px;
  }
}
body.cart.checkout-fail .page-subtitle-h3 {
  font-size: 12px;
  margin-bottom: 25px;
  padding: 0 60px;
}
@media (min-width: 480px) {
  body.cart.checkout-fail .page-subtitle-h3 {
    margin-bottom: 40px;
  }
}
body.cart.checkout-fail .btn {
  width: -moz-calc(100%/3 - (3 * 5px));
  width: calc(100%/3 - (3 * 5px));
  height: 35px;
  line-height: 35px;
  padding: 0;
  margin: 0 5px;
  border: 1px solid #000;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  transition: all 0.5s linear;
  -webkit-transition-duration: 0.1s;
  -moz-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
@media (min-width: 480px) {
  body.cart.checkout-fail .btn {
    height: 40px;
    line-height: 40px;
  }
}
@media (min-width: 600px) {
  body.cart.checkout-fail .btn {
    min-width: 120px;
  }
}
body.cart.checkout-fail .btn:focus,
body.cart.checkout-fail .btn:hover {
  background-color: #000;
  color: #ffffff;
}
body.cart.checkout-fail .btn:first-child {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
body.cart.checkout-fail .btn:first-child.visa {
  background-size: 45% auto;
  background-image: url("../images/visa-fit.png");
}
body.cart.checkout-fail .btn:first-child.paypal {
  background-image: url("../images/paypal-fit.png");
}
body.cart.checkout-fail .btn:first-child.mastercard {
  background-image: url("../images/mastercard-fit.png");
}
body.cart.checkout-fail .options {
  padding-bottom: 70px;
}
@media (min-width: 480px) {
  body.cart.checkout-fail .options {
    padding-bottom: 0;
  }
}
@media (min-width: 768px) {
  body.cart.checkout-fail .options {
    padding-bottom: 245px;
  }
}
/************************* CHECKOUT DESKTOP *************************/
.desktop-view.row {
  margin-left: -20px;
  margin-right: -20px;
}
@media (min-width: 1025px) {
  .desktop-view.row {
    margin-left: 0;
    max-height: 0;
  }
}
body.cart #main h3,
body.cart #main h4 {
  font-weight: 700;
  margin-top: 25px;
  margin-bottom: 10px;
}
body.cart #main h3 {
  font-size: 22px;
  border-bottom: 1px solid #999;
  margin-bottom: 20px;
  padding-bottom: 10px;
  text-transform: uppercase;
}
body.cart #main h4 {
  font-size: 15px;
  text-align: left;
}
@media (min-width: 1025px) {
  body.cart #main h4 {
    font-size: 14px;
  }
}
@media (min-width: 1025px) {
  body.cart #main .checkout section {
    margin-top: 0;
  }
}
@media (min-width: 1200px) {
  body.cart #main .checkout section {
    width: 70%;
  }
}
@media (min-width: 768px) {
  #pestanas {
    margin-top: 12px;
    margin-left: 20px;
  }
}
@media (min-width: 1025px) {
  #pestanas {
    margin-top: 12px;
    margin-left: 0;
    padding-left: 15px;
  }
}
@media (min-width: 1200px) {
  #pestanas {
    margin-top: 13px;
  }
}
#pestanas .nav-tabs li {
  margin: 0 0 20px 0;
}
#pestanas .nav-tabs li:nth-child(2) {
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  #pestanas .nav-tabs li a {
    font-size: 12px;
    display:inline-block;
  }
}
@media (min-width: 1025px) {
  #pestanas .nav-tabs li a {
    font-size: 13px;
  }
}

@media (min-width: 768px) {
  #pestanas .nav-tabs li a span.hyphen {
    display: inline;
    opacity: 1;
  }
}
#pestanas .nav-tabs li.active a::before {
    background: url(../images/checked.png) center center #fff no-repeat;
    background-size: 100%;
}
#pestanas .nav-tabs li a::before {
  border:1px solid #000;
  content: " ";
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-right:1ex;
}
body.cart #datos, body.cart #solapas {
  width:100%;
}
body.cart #datos {
  margin-bottom:3em;
}
@media (min-width: 1025px) {
  body.cart #datos {

    float: left;
  }
}
@media (min-width: 1200px) {
  body.cart #datos {
    float: left;
  }
  body.cart #datos h3 {
    margin-bottom: 13px;
  }
  body.cart #datos input {
    margin-bottom: 0;
  }

}
body.cart #datos .add-your-data-form {
  margin-top: 0;
  margin-bottom: 10px;
}
body.cart #datos.readonly {
  background-color: transparent;
}
body.cart #datos.readonly form {
  margin-top: 10px;
}
@media (min-width: 1200px) {
  body.cart #datos.readonly form {
    margin-top: 4px;
  }
}
body.cart #datos.readonly input {
  background-color: transparent;
  margin-bottom: 0;
  padding: 0;
  font-size: 12px;
  border: none;
  height: auto;
  line-height: 1.3;
}
body.cart #datos.readonly input:hover,
body.cart #datos.readonly input:focus {
  box-shadow: none;
}
@media (min-width: 1200px) {
  body.cart #datos.readonly input {
    margin-top: 0;
  }
}
body.cart #datos.readonly .edit {
  padding: 6px 0px;
  display: block;
  margin-top: 15px;
  text-transform: none;
  font-weight: 700;
  text-decoration: underline;
  font-size: 14px;
  cursor: pointer;
}
body.cart #datos.readonly .edit:hover {
  color: #0077ea;
}
@media (min-width: 480px) {
  #solapas {
    line-height: 17px;
  }
}
@media (min-width: 1025px) {
  #solapas {
    margin-top: 25px;
  }
}
@media (min-width: 1200px) {
  #solapas {
    margin-top: 25px;
  }
}
#solapas ul {
  padding: 0;
  list-style: none;
  margin: 0;
}
#solapas ul.selected li {
  opacity: 0.5;
}

#solapas ul.selected li.checked,
#solapas ul.selected li.checked:hover,
#solapas ul.selected li.checked:focus {
  opacity: 1;
}
#solapas ul li {
  cursor: pointer;
}
#solapas ul li:hover,
#solapas ul li:focus {
  opacity: 0.8;
}
#solapas ul div {
  padding-left: 2ex;
}
#solapas #selStd {
  margin: 0;
  display: inline-block;
  width: 100%;
}
#solapas #selStd li {
  float: left;
  /*width: -moz-calc(50% - 5px);*/
  /*width: calc(50% - 5px);*/
  margin-right: 5%;
  max-width: 140px;
}
@media (min-width: 1025px) {
  #solapas #selStd li .checkbox-wrapper {
    margin-top: 0;
  }
}
#solapas #selStd li.checked .checkbox-wrapper {
  font-weight: 700;
}
#solapas #selStd li label {
  padding-top: 0;
}
#solapas #selStd li + li {
  margin-left: 10px;
}
#solapas li.checked label:after,
#solapas li.checked label:before {
  opacity: 1;
}

@media (min-width: 1025px) {
  #solapas #dpoint h4,
  #solapas #domic h4,
  #solapas #domicExp .new h4 {
    margin-top: 15px;
  }
}
@media (min-width: 1025px) {
  #solapas #domic {
    padding-right: 26px;
  }
}
#solapas #dpoint li {
  width: 100%;
}
#solapas #dpoint li .more-info {
  font-size: 13px;
  margin-bottom: 20px;
}
#solapas #dpoint li .more-info > div {
  padding-left: 0;
  margin-top: 15px;
}
#solapas #dpoint li .more-info > div form {
  margin-top: 5px;
  margin-bottom: 5px;
}
#solapas #dpoint li .more-info > div form input::-webkit-input-placeholder {
  color: #b3b3b3;
  font-size: 12px;
}
#solapas #dpoint li .more-info > div form input:-moz-placeholder {
  /* Firefox 18- */
  color: #b3b3b3;
}
#solapas #dpoint li .more-info > div form input::-moz-placeholder {
  /* Firefox 19+ */
  color: #b3b3b3;
}
#solapas #dpoint li .more-info > div form input:-ms-input-placeholder {
  color: #b3b3b3;
}
@media (min-width: 1200px) {
  #solapas #dpoint li .more-info {
    font-size: 12px;
  }
}
#solapas #dpoint li.checked .checkbox-wrapper {
  font-weight: 700;
}
#solapas #dpoint .checkbox-wrapper {
  font-weight: normal;
}
#solapas #dpoint .masRes {
  display: block;
  border: 1px solid #e1e1e1;
  padding: 8px;
  font-size: 12px;
  text-align: center;
  color: #999;
  margin: 12px auto;
  width: 120px;
}

#solapas #clickcollect .masResClick {
  display: block;
  border: 1px solid #e1e1e1;
  padding: 8px;
  font-size: 12px;
  text-align: center;
  color: #999;
  margin: 12px auto;
  width: 120px;
}

#solapas #dpoint .buscador h4 {
  margin-top: 30px;
  margin-bottom: 14px;
}
@media (min-width: 1200px) {
  #solapas #dpoint .buscador h4 {
    font-size: 14px;
  }
}
#solapas #dpoint .buscador form {
  margin-top: 0;
}
#solapas #dpoint .buscador input {
  box-shadow: none;
  padding-top: 0;
  padding-bottom: 0;
  height: 28px;
  line-height: 28px;
  width: -moz-calc(100% - 60px);
  width: calc(100% - 60px);
  max-width: 240px;
  margin-left: 0;
  float: left;
  border: solid 1px #000;
  padding: 0 10px;
  font-size: 13px;
}
#solapas #clickcollect .buscador form #searchbox {
  box-shadow: none;
  padding-top: 0;
  padding-bottom: 0;
  height: 28px;
  line-height: 28px;
  width: -moz-calc(100% - 60px);
  width: calc(100% - 60px);
  max-width: 240px;
  margin-left: 0;
  float: left;
  border: solid 1px #000;
  padding: 0 10px;
  font-size: 13px;
  background-color: #ebebeb;
  border: solid 1px #e0e0e0;
}
#solapas #dpoint .buscador input::-webkit-input-placeholder {
  color: #b3b3b3;
}
#solapas #dpoint .buscador input:-moz-placeholder {
  /* Firefox 18- */
  color: #b3b3b3;
}
#solapas #dpoint .buscador input::-moz-placeholder {
  /* Firefox 19+ */
  color: #b3b3b3;
}
#solapas #dpoint .buscador input:-ms-input-placeholder {
  color: #b3b3b3;
}
@media (min-width: 480px) {
  #solapas #dpoint .buscador input {
    background-color: #ebebeb;
    border: solid 1px #e0e0e0;
  }
}
#solapas #dpoint .buscador .busc {
  display: block;
  width: 60px;
  height: 30px;
  background: #000;
  color: #fff;
  text-align: center;
  line-height: 28px;
  padding: 0;
  position: relative;
  float: left;
  font-size: 11px;
  margin-top: -1px;
}

#solapas #clickcollect .buscador .busc {
  display: block;
  width: 60px;
  height: 30px;
  background: #000;
  color: #fff;
  text-align: center;
  line-height: 28px;
  padding: 0;
  position: relative;
  float: left;
  font-size: 11px;
  margin-top: -1px;
}
#solapas .resultados {
  margin-top: 20px;
}
#solapas .resultados li .more-info {
  max-height: 0;
  overflow: hidden;
  font-size: 12px;
  margin-bottom: 0 !important;
  padding-bottom: 0;
}
#solapas .resultados li.checked .checkbox-wrapper {
  font-weight: 700;
}
#solapas .resultados li.checked .more-info {
  max-height: 300px;
  padding-bottom: 20px;
}
#solapas .resultados .deliver-to-another-person-form {
  max-width: 300px;
}
#solapas .resultados .deliver-to-another-person-form input {
  box-shadow: none;
  padding-top: 0;
  padding-bottom: 0;
  height: 28px;
  line-height: 28px;
  margin-left: 0;
  float: left;
  border: solid 1px #000;
  padding: 0 10px;
  font-size: 13px;
  color: #000;
}
#solapas .resultados .deliver-to-another-person-form input::-webkit-input-placeholder {
  color: #b3b3b3;
}
#solapas .resultados .deliver-to-another-person-form input:-moz-placeholder {
  /* Firefox 18- */
  color: #b3b3b3;
}
#solapas .resultados .deliver-to-another-person-form input::-moz-placeholder {
  /* Firefox 19+ */
  color: #b3b3b3;
}
#solapas .resultados .deliver-to-another-person-form input:-ms-input-placeholder {
  color: #b3b3b3;
}
@media (min-width: 480px) {
  #solapas .resultados .deliver-to-another-person-form input {
    background-color: #ebebeb;
    border: solid 1px #e0e0e0;
  }
}
#solapas .no-new h4 a {
  text-decoration: underline;
}
#solapas .no-new h4 a:hover {
}
@media (min-width: 480px) {
  #solapas .checkbox-wrapper label {
    top: 0;
  }
  #solapas .checkbox-wrapper input[type="radio"] {
    height: 0;
  }
}
#error-msg {
  color: #d9534f;
  font-size: 12px;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  body.cart #domic .new {
    padding-left: 30px;
  }
}
@media (min-width: 1200px) {
  body.cart #domic .new h4 {
    margin-top: 15px;
  }
}
.new .new-address-form {
  margin-top: 5px;
}
@media (min-width: 1025px) {
  .new .new-address-form {
    margin-top: 10px;
    width:50%;
  }
}
.new .new-address-form > div {
  margin-bottom: 10px;
}
@media (min-width: 1025px) {
  .new .new-address-form > div {
    margin-bottom: 9px;
  }
}
.new .new-address-form select {
  font-size: 12px;
  height: 30px;
  background: #ebebec url(../images/small-arrow-down.png) no-repeat right 11px center;
  background-size: 9px 6px;
  padding: 0 10px;
}
.new .new-address-form .input-group .xxs {
  width: 60px;
  float: left;
  height: 30px;
  line-height: 30px;
}
.new .new-address-form .input-group .xxs > div {
  font-size: 13px;
}
.new .new-address-form .input-group .xxxs {
  width: 30px;
  float: left;
  height: 30px;
  line-height: 30px;
}
.new .new-address-form .input-group .xxxs > div {
  font-size: 13px;
}
.new .new-address-form .input-group .xl {
  width: -moz-calc(100% - 30px - 60px);
  width: calc(100% - 60px);
  float: left;
}
.new .new-address-form .input-group .xl + div {
  opacity: 0;
  height: 100%;
  max-height: 0;
  margin-left: 90px;
  margin-bottom: 0;
  padding-top: 0;
  font-size: 13px;
  width: -moz-calc(100% - 30px - 60px);
  width: calc(100% - 30px - 60px);
  line-height: 1.05;
  color: #666666;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  transition: all 0.5s linear;
  clear: both;
}
@media (min-width: 1200px) {
  .new .new-address-form .s {
    width: 170px;
    float: left;
  }
  .new .new-address-form .s + .xl {
    margin-left: 10px;
    width: -moz-calc(100% - 180px);
    width: calc(100% - 180px);
    float: left;
  }
  .new .new-address-form .xxs {
    width: 110px;
    float: left;
  }
  .new .new-address-form .xxs + .m {
    margin-left: 10px;
    width: -moz-calc(100% - 120px);
    width: calc(100% - 120px);
    float: left;
  }
}
@media (min-width: 768px) {
  #solapas .new .new-address-form { width: 60% !important; }
  .new .new-address-form div { margin-bottom: 5px !important; }
  #solapas .new .new-address-form input[type="text"],
  #solapas .new .new-address-form input[type="password"],
  #solapas .new .new-address-form input[type="email"],
  #solapas .new .new-address-form input[type="tel"],
  #solapas .new .new-address-form select {
    height: 25px;
    line-height: 25px;
  }
  #solapas .new .new-address-form .s {
    width: 34%;
    float: left;
  }
  #solapas .new .new-address-form .s + .xl {
    width: 60%;
    width: -moz-calc(100% - 34% - 10px);
    width: calc(100% - 34% - 10px);
    margin-left: 10px;
    float: left;
  }
  #solapas .new .new-address-form .xxs {
    width: 21%;
    float: left;
  }
  #solapas .new .new-address-form .xxs + .m {
    width: 75%;
    width: -moz-calc(100% - 21% - 10px);
    width: calc(100% - 21% - 10px);
    margin-left: 10px;
    float: left;
  }
  #solapas .new .new-address-form .input-group {
    display: inline-block;
    width: 39%;
    float: left;
    position:relative;
    vertical-align: top;
    line-height: 2.2em;
  }
  #solapas .new .new-address-form .input-group .xxs {
    display: none;
  }
  #solapas .new .new-address-form .l {
    width: 58%;
    display:inline-block;
    line-height:2.2em;
  }
  #solapas .new .new-address-form .input-group .xxxs {
    height: 26px;
    line-height: 26px;
    width: 40px;
    text-align: center;
  }
  #solapas .new .new-address-form .input-group .xxxs + .xl,
  #solapas .new .new-address-form .input-group .xl  {
    width: 100%;
    float: left;
  }
  #solapas .new .new-address-form .input-group .xxxs + .xl {
    margin-left:10px;
  }
  #solapas .new .new-address-form .input-group .xxxs + .xl + div {
    opacity: 1;
    width: -moz-calc(100% - 40px - 123px - 10px - 10px);
    width: calc(100% - 40px - 123px - 10px - 10px);
    margin-left: 10px;
    float: left;
    clear: none;
    font-size: 12px;
    color: #999;
  }
  #solapas .new .new-address-form .input-group .xl + div {
    opacity: 1;
    width: -moz-calc(100% - 40px - 123px - 10px - 10px);
    width: calc(100% - 40px - 123px - 10px - 10px);
    margin-left: 10px;
    float: left;
    clear: none;
    position: absolute;
    left: 100%;
    width: 100%;
  }
  #solapas .new .new-address-form > div:nth-last-child(2) {
    margin-top: 0px;
    width: 51%;
  }
}
body.cart .invoice-form-modal .input-group input {
  float: left;
  width: -moz-calc(100% - 50px) !important;
  width: calc(100% - 50px) !important;
  margin-left: 10px;
  max-height:100%;
}
body.cart .invoice-form-modal .input-group input:first-child {
  width: 40px !important;
  margin-left: 0;
  margin-top: 10px;
}
select::-ms-expand {
  display: none;
}
/************************* CART-FORM *************************/
body.cart .aside-section #cart-form,
body.cart .aside-section #wish-form {
  margin-bottom: 0;
  margin-top: 0;
}
body.cart .aside-section .cart-product {
  border-top: 1px solid #ccc;
  max-width: 100%;
  padding: 14px 19px;
  margin-bottom: 20px;
  margin-top: 21px;
}
body.cart #quickview-modal #product-availability .modal-dialog {
  max-width: 492px;
}
body.cart #quickview-modal #product-availability .basic-form {
  text-align: center;
}
body.cart .overlay2 {
  margin-top: 47px;
}
@media (min-width: 480px) {
  body.cart .overlay2 {
    margin-top: 135px;
    padding-left: 50px;
    padding-right: 70px;
  }
}
@media (min-width: 768px) {
  body.cart .overlay2 {
    padding-left: 30px;
    padding-right: 50px;
    margin-top: 135px;
  }
}
@media (min-width: 1025px) {
  body.cart .overlay2 {
    margin-top: 120px;
    padding-right: 0;
  }
}
@media (min-width: 1200px) {
  body.cart .overlay2 {
    padding-right: 0;
  }
}
body.cart .overlay2 #cart-summary {
  margin-top: 70px;
}
@media (min-width: 480px) {
  body.cart .overlay2 #cart-summary {
    margin-top: 20px;
    margin-bottom: 10px;
    padding-bottom: 20px;
  }
}
@media (min-width: 768px) {
  body.cart .overlay2 #cart-summary {
    margin-top: 16px;
    float: right;
  }
}
@media (min-width: 768px) {
  body.cart .overlay2 #cart-summary {
    width: 38%;
    max-width: 325px;
    position: absolute;
    right: 50px;
    margin-top: 25px;
  }
  body.cart .overlay2 #cart-summary > div {
    padding-left: 22px;
  }
}
@media (min-width: 1025px) {
  body.cart .overlay2 #cart-summary {
    width: 35%;
    max-width: 330px;
    padding-right: 0;
    padding-left: 30px;
    margin-top: 15px;
  }
}
@media (min-width: 1200px) {
  body.cart .overlay2 #cart-summary {
    left: 65%;
  }
}
body.cart .overlay2 #cart-summary input[type="button"] {
  font-size: 14px;
  border: 0;
  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.2);
}
/*********************** GENERAL **********************/
body.cart #header {
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  -moz-transition: -moz-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
}
@media (min-width: 480px) {
  body.cart #header {
    z-index: 1;
  }
html:not(.aside-open):not(.menu-open) body.cart #header {
    width:100%;
    background:white;
  }
}
@media (min-width: 1200px) {
  body.cart #header {
    padding-bottom: 15px;
  }
}
body.cart .smartphone-view .shipping,
body.cart .smartphone-view .addresses,
body.cart .smartphone-view .page-title {
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  -moz-transition: -moz-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
}
body.cart .smartphone-view .shipping {
  margin-top: 20px;
  position: fixed;
  right: 0;
  left: 0;
}
body.cart .smartphone-view .addresses {
  position: absolute;
  z-index: 2040;
  background-color: white;
  top: 0;
  bottom: 0;
  left: 100%;
  right: -100%;
  overflow-x: hidden;
}
body.cart.panel-open #header {
  -webkit-transform: translate(-100%, 0);
  -moz-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
}
body.cart.panel-open #aside-menu {
  -webkit-transform: translate(-414px, 0);
  -moz-transform: translate(-414px, 0);
  -ms-transform: translate(-414px, 0);
  transform: translate(-414px, 0);
}
body.cart.panel-open .smartphone-view .shipping {
  -webkit-transform: translate(-100%, 0);
  -moz-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
}
body.cart.panel-open .smartphone-view .shipping .page-title {
  right: 100%;
  left: -100%;
}
body.cart.panel-open .smartphone-view .addresses {
  -webkit-transform: translate(-100%, 0);
  -moz-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  bottom: 0;
}
body.cart.panel-open .smartphone-view .address-mobile {
  -webkit-overflow-scrolling: touch;
  height: 58vh;
  overflow-y: auto;
  overflow-x: hidden;
}
body.cart.panel-open .smartphone-view .dropPointsEasyLogin {
  height: auto;
  overflow-y: hidden;
}
body.cart #main {
  overflow: hidden;
}
@media (min-width: 480px) {
  body.cart #main {
    overflow: visible;
    -webkit-overflow-scrolling: touch;
  }
}
body.cart main form.add-your-data-form-tel-drp {
  margin-top: 0;
  margin-bottom: 10px;
}
body.cart main form.add-your-data-form-tel-drp input[type="tel"] {
  display: inline-block;
  max-width: 180px;
  margin-left: 5px;
  padding-left: 5px;
}

/*********************** GENERAL **********************/
@media (max-width: 479px) {
  body.cart.checkout-success .page-title {
    margin-top: 63px;
  }
}
@media (max-width: 479px) {
  body.cart #main.main-cart > .row > section {
    margin-top: 50px;
  }
}
@media (max-width: 479px) {
  body.cart #main {
    margin-top: 0;
  }
  body.cart #main .shipping section,
  body.cart #main .addresses section,
  body.cart #main.cart-payment section {
    margin-top: 50px;
  }
}
body.cart #main .smartphone-view .addresses h4 {
  text-align: left;
  font-size: 17px;
  margin-left: 1px;
  margin-bottom: 15px;
  margin-top: 15px;
}
body.cart .smartphone-view .addresses form {
  margin-top: 0;
  margin-bottom: 4px;
}
body.cart .smartphone-view .addresses form .input-group input {
  float: left;
  width: -moz-calc(100% - 50px) !important;
  width: calc(100% - 50px) !important;
  margin-left: 10px;
}
body.cart .smartphone-view .addresses form .input-group input:first-child {
  width: 40px !important;
  margin-left: 0;
  padding-right: 0;
}
body.cart .smartphone-view .addresses form .input-group input + div {
  opacity: 0;
  height: 100%;
  max-height: 0;
  margin-left: 60px;
  margin-bottom: 0;
  font-size: 13px;
  width: -moz-calc(100% - 60px);
  width: calc(100% - 60px);
  line-height: 1.05;
  color: #666666;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
body.cart .smartphone-view .addresses form .input-group input:hover + div,
body.cart .smartphone-view .addresses form .input-group input:focus + div {
  opacity: 1;
  max-height: 200px;
  margin-bottom: 20px;
}
body.cart .smartphone-view .addresses form input,
body.cart .smartphone-view .addresses form select {
  margin-bottom: 8px;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
}
body.cart .smartphone-view .addresses .basic-form input[type="text"] + label.error,
body.cart .smartphone-view .addresses .basic-form input[type="password"] + label.error,
body.cart .smartphone-view .addresses .basic-form input[type="email"] + label.error,
body.cart .smartphone-view .addresses .basic-form input[type="tel"] + label.error,
body.cart .smartphone-view .addresses .basic-form textarea + label.error,
body.cart .smartphone-view .addresses .basic-form select + label.error {
  padding-top: 0;
  margin-bottom: 10px;
}
body.cart .smartphone-view .addresses form select {
  font-size: 12px;
  background: #ebebec url(../images/small-arrow-down.png) no-repeat right 11px center;
  background-size: 9px 6px;
}
body.cart .smartphone-view .addresses h5 {
  font-size: 16px;
  margin-left: 4px;
  margin-bottom: 16px;
}
body.cart .smartphone-view .addresses .simple-link {
  display: block;
  font-size: 11px;
  padding-top: 11px;
  padding-bottom: 11px;
}
body.cart .smartphone-view .addresses .simple-link:hover {
  font-weight: 600;
}
body.cart .smartphone-view .addresses .option > .btn {
  margin-top: 13px;
  margin-bottom: 25px;
  height: 48px;
  width: 100%;
  color: #ffffff;
  line-height: 48px;
  padding-bottom: 0;
  padding-top: 0;
  background-color: #000;
}
body.cart .smartphone-view .addresses .standard-drop {
  padding-bottom: 20px;
}
body.cart .smartphone-view .addresses .standard-drop .addresses-wrapper {
  margin-top: 17px;
}
body.cart .smartphone-view .addresses .standard-drop .instructions-title {
  margin-bottom: 7px;
}

body.cart .smartphone-view .addresses .standard-clickcollect {
  padding-bottom: 20px;
}
body.cart .smartphone-view .addresses .standard-clickcollect .addresses-wrapper {
  margin-top: 17px;
}
body.cart .smartphone-view .addresses .standard-clickcollect .instructions-title {
  margin-bottom: 7px;
}

body.cart .smartphone-view .addresses .standard-drop .search-drop-points .form-control {
  display: block;
  float: left;
  width: 100%;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
body.cart .smartphone-view .addresses .standard-drop .search-drop-points input.form-control {
  width: -moz-calc(100% - 2px);
  width: calc(100% - 2px);
}
body.cart .smartphone-view .addresses .standard-drop .search-drop-points input:last-child {
  display: block;
  width: 0;
  height: 36px;
  padding: 0;
  border: none;
  color: #000;
  background-color: transparent;
  border: solid 0 #000;
  font-size: 13px;
  padding-left: 0;
  margin-bottom: 0;
  margin-top: 0;
  margin-left: 2px;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  transition: all 0.5s linear;
  float: right;
}
body.cart .smartphone-view .addresses .standard-drop .search-drop-points.filled .form-control {
  width: -moz-calc(100% - 62px);
  width: calc(100% - 62px);
}
body.cart .smartphone-view .addresses .standard-drop .search-drop-points.filled input.btn {
  width: 60px;
  padding: 0;
  border-color: #000;
}
body.cart .smartphone-view .addresses .standard-drop .search-drop-points.filled input.btn:hover,
body.cart .smartphone-view .addresses .standard-drop .search-drop-points.filled input.btn:focus {
  background-color: transparent;
  color: #000;
}

/*MOBILE ADDRES CLICKCOLLECT*/
body.cart .smartphone-view .addresses .standard-clickcollect .search-clickcollect-points .form-control {
  display: block;
  float: left;
  width: 100%;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
body.cart .smartphone-view .addresses .standard-clickcollect .search-clickcollect-points input.form-control {
  width: -moz-calc(100% - 2px);
  width: calc(100% - 2px);
}
body.cart .smartphone-view .addresses .standard-clickcollect .search-clickcollect-points input:last-child {
  display: block;
  width: 0;
  height: 36px;
  padding: 0;
  border: none;
  color: #000;
  background-color: transparent;
  border: solid 0 #000;
  font-size: 13px;
  padding-left: 0;
  margin-bottom: 0;
  margin-top: 0;
  margin-left: 2px;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  transition: all 0.5s linear;
  float: right;
}
body.cart .smartphone-view .addresses .standard-clickcollect .search-clickcollect-points.filled .form-control {
  width: -moz-calc(100% - 62px);
  width: calc(100% - 62px);
}
body.cart .smartphone-view .addresses .standard-clickcollect .search-clickcollect-points.filled input.btn {
  width: 60px;
  padding: 0;
  border-color: #000;
}
body.cart .smartphone-view .addresses .standard-clickcollect .search-clickcollect-points.filled input.btn:hover,
body.cart .smartphone-view .addresses .standard-clickcollect .search-clickcollect-points.filled input.btn:focus {
  background-color: transparent;
  color: #000;
}
/*FIN */

body.cart .smartphone-view .addresses .show-more {
  width: 100%;
  text-align: right;
  display: block;
  margin-top: 0;
}
body.cart .smartphone-view .addresses .actions {
  margin-top: 30px;
  position: absolute;
  bottom: 50px;
}
body.cart .smartphone-view .addresses .actions .simple-link {
  display: inline-block;
}
body.cart .smartphone-view .addresses .actions .check-ok {
  top: 0px;
  left: -30px;
  margin-left: 5px;
}
body.cart .smartphone-view .addresses .actions.filled .check-ok {
  display: inline-block;
}
body.cart .smartphone-view .addresses .actions.actionsEasyLogin {
  margin-top: 0;
  position: relative;
}
body.cart .smartphone-view .addresses .option {
  position: relative;
}
body.cart .smartphone-view .addresses.guest .option {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
}
body.cart .smartphone-view .addresses-links {
  margin-top: 50px !important;
  padding-bottom: 20px;
  font-size: 11px;
  padding-left: 25px;
  padding-right: 25px;
}
body.cart .smartphone-view .addresses-links .simple-link {
  width: 100%;
  display: block;
  margin-bottom: 20px;
}
body.cart .smartphone-view .addresses-links .simple-link + .simple-link {
  margin-bottom: 5px;
}
body.cart .smartphone-view .deliver-to-another-person-form {
  margin-top: 5px;
}
body.cart .smartphone-view .deliver-to-another-person-form input {
  border: solid 1px #808080;
  background-color: #ffffff;
}
body.cart .smartphone-view .deliver-to-another-person-form input::-webkit-input-placeholder {
  color: #999999;
}
body.cart .smartphone-view .deliver-to-another-person-form input:-moz-placeholder {
  /* Firefox 18- */
  color: #999999;
}
body.cart .smartphone-view .deliver-to-another-person-form input::-moz-placeholder {
  /* Firefox 19+ */
  color: #999999;
}
body.cart .smartphone-view .deliver-to-another-person-form input:-ms-input-placeholder {
  color: #999999;
}
body.cart .modal .close {
  z-index: 2001;
}
.smartphone-view .address-wrapper {
  margin-top: 22px;
  position: relative;
  cursor: pointer;
}

.smartphone-view .clickCollects .address-wrapper {
  margin-top: 22px;
  position: relative;
  cursor: pointer;
}

.smartphone-view .address-wrapper .extra {
  opacity: 0;
  height: 0;
  max-height: 0;
  padding-top: 0;
  -webkit-transition: opacity 0.1s, max-height 0.4s, padding-top 0.2s;
  -moz-transition: opacity 0.1s, max-height 0.4s, padding-top 0.2s;
  transition: opacity 0.1s, max-height 0.4s, padding-top 0.2s;
}
.smartphone-view .address-wrapper .btn {
  position: absolute;
  bottom: 10px;
  right: -150px;
  opacity: 0.5;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  transition: all 0.5s linear;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.smartphone-view .address-wrapper.selected .extra {
  opacity: 1;
  height: auto;
  max-height: 100px;
  padding-top: 6px;
  -webkit-transition: opacity 0.3s, max-height 0.3s;
  -moz-transition: opacity 0.3s, max-height 0.3s;
  transition: opacity 0.3s, max-height 0.3s;
}
.smartphone-view .address-wrapper.selected .btn {
  right: 0;
  opacity: 1;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.smartphone-view {
  display: inline-block !important;
  height: 100%;
}
@media (min-width: 480px) {
  .smartphone-view {
    display: none !important;
  }
}
.visible-mobile {
  display: block !important;
}
@media (min-width: 480px) {
  .visible-mobile {
    display: none !important;
  }
}
.desktop-view,
.hidden-mobile {
  display: none !important;
}
@media (min-width: 480px) {
  .desktop-view,
  .hidden-mobile {
    display: block !important;
  }
}
body.cart .aside-menu-cart,
body.cart .aside-menu-wish,
body.cart .aside-menu-search,
body.cart .aside-menu-filter {
  display: none !important;
}
@media (min-width: 1025px) {
  body.cart #menu-open {
    -webkit-transition: top 0.5s;
    -moz-transition: top 0.5s;
    transition: top 0.5s;
    display: block;
  }
  body.cart #menu {
    left: -345px;
  }
}
@media (min-width: 480px) {
  .cart .order-summary .collected-by {
    width: 30%;
  }
  body.cart .order-summary ul {
    width: 25%;
    float: left;
  }
  .cart .cart-payment .order-summary #map {
    float: right;
    width: 35%;
    height: 200px;
  }
}
@media (min-width: 480px) {
  .cart .cart-payment .order-summary #map {
    width: 43%;
  }
}
body.cart #main .smartphone-view.standard-drop .addresses .row section {
  margin-top: 0;
  padding-right: 0;
}
body.cart #main .smartphone-view.standard-drop .addresses .navigation-bar {
  position: absolute;
  background-color: transparent;
  z-index: 1000;
}
body.cart #main .smartphone-view.standard-drop .addresses .standard-drop {
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding-top: 50px;
  padding-right: 20px;
}
body.cart #main .smartphone-view.standard-drop .addresses .standard-drop .addresses-wrapper {
  min-height: -moz-calc(100vh - 250px);
  min-height: calc(100vh - 250px);
  padding-bottom: 0;
}
body.cart #main .smartphone-view.standard-drop .addresses .standard-drop .actions {
  position: static;
  margin-bottom: 70px;
}

/*MAG-451*/

body.cart #main .smartphone-view.standard-clickcollect .addresses .row section {
  margin-top: 0;
  padding-right: 0;
}
body.cart #main .smartphone-view.standard-clickcollect .addresses .navigation-bar {
  position: absolute;
  background-color: transparent;
  z-index: 1000;
}
body.cart #main .smartphone-view.standard-clickcollect .addresses .standard-clickcollect {
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding-top: 50px;
  padding-right: 20px;
}
body.cart #main .smartphone-view.standard-clickcollect .addresses .standard-clickcollect .addresses-wrapper {
  min-height: -moz-calc(100vh - 250px);
  min-height: calc(100vh - 250px);
  padding-bottom: 0;
}
body.cart #main .smartphone-view.standard-clickcollect .addresses .standard-clickcollect .actions {
  position: static;
  margin-bottom: 70px;
}
/*FIN MAG-451*/

html.info-shop #info-shop-top-wrapper {
  min-height: 80px;
  text-align: center;
  margin-top: -1px;
  padding: 0px 0px 0px 0px;
}
html.info-shop .info-shop-wrapper {
  position: relative;
  font-size: 16px;
}
html.info-shop #info-shop-filter {
  margin-left: 1px;
  width: 87%;
}
html.info-shop .info-shop-wrapper span {
  display: block;
  width: 90%;
  text-align: center;
  font-size: 14px;
}
html.info-shop .info-shop-wrapper .name {
  font-size: 18px;
  /* margin-top: 5px; */
  margin-bottom: 15px;
  margin-left: -6px;
  margin-top: 7px;
}
html.info-shop .info-shop-wrapper .localilty {
  margin-top: -3px;
  margin-left: -6px;
}
html.info-shop .info-shop-wrapper .telephone {
  color: rgba(0, 0, 0, 0.3);
  margin-left: -5px;
  margin-top: -3px;
}
html.info-shop .info-shop-wrapper .address {
  margin-left: -5px;
  margin-top: -3px;
}
html.info-shop .info-shop-wrapper .street {
  margin-left: -6px;
  margin-top: -2px;
}
html.info-shop .info-shop-wrapper .timetable-title {
  margin-top: 39px;
  font-size: 18px;
  margin-left: -6px;
}
html.info-shop .info-shop-wrapper .timetable_1 {
  margin-top: 10px;
  margin-left: -6px;
}
html.info-shop .info-shop-wrapper .timetable_1 span {
  width: 100%;
  margin-top: -2px;
  margin-bottom: -5px;
}
html.info-shop .info-shop-wrapper .timetable_2 {
  margin-top: 12px;
  margin-left: -6px;
}
html.info-shop .info-shop-wrapper .timetable_2 span {
  width: 100%;
  margin-top: -2px;
  margin-bottom: -5px;
}
html.info-shop .info-shop-wrapper .button {
  margin-top: 39px;
  border: 1px solid #000;
  padding: 11px 46px;
  background-color: rgba(255, 255, 255, 0.9);
  margin-left: -16px;
  font-size: 13px;
}
html.info-shop .info-shop-wrapper .button:hover {
  background-color: #000;
  color: #ffffff;
}
html.info-shop .modal .close-button {
  top: 6px;
  right: 6px;
  position: absolute;
  z-index: 999;
}
html.info-shop .map-modal-close {
  border: none;
  background: transparent;
  position: absolute;
  z-index: 99;
  left: 14px;
  top: 22px;
}
html.info-shop #bodyContent {
  margin-left: 30px;
  margin-right: 15px;
  font-family: geogrotesque, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
html.info-shop .gm-style-iw {
  top: 14px;
  position: absolute;
  left: 17px;
  width: 180px;
}
html.info-shop #bodyContent span {
  font-size: 12px;
  width: 100%;
  text-align: center;
  display: block;
  margin-top: -3px;
}
html.info-shop #bodyContent a {
  text-decoration: underline;
}
html.info-shop .back-button {
  width: 100%;
}
@media (max-width: 480px) {
  html.info-shop .back-button {
    padding-left: 14%;
  }
}
@media (max-width: 400px) {
  html.info-shop .back-button {
    padding-left: 10%;
  }
}
html.info-shop .back-button .info-shop-back-button {
  background-image: url('../images/sprite.png');
  background-position: 0px -219px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  width: 16px;
  height: 16px;
  /*font: 0/0 a;*/
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  margin-top: 0px;
  margin-right: 12px;
  margin-left: 50px;
  float: left;
}
html.info-shop .back-button a {
  float: left;
  margin-left: 2px;
}
html.info-shop .selector-info-shop {
  background-color: rgba(255, 255, 255, 0.9);
  width: 90%;
  margin: 0 auto;
  margin-top: 50px;
  /* margin-bottom: 20px; */
  height: 90%;
  height: 85%;
  padding: 28px 0px;
  padding-top: 5px;
}
html.info-shop #info-shop-filter.basic-form {
  width: 78%;
  margin: 0 auto;
  margin-bottom: 18px;
  margin-top: 5px;
}
html.info-shop #info-shop-filter.basic-form select {
  padding-left: 14px;
  margin-bottom: 7px;
}
html.info-shop .info-help-form {
  width: 100% !important;
}
html.info-shop .info-shop-results {
  height: 82%;
  padding-left: 10%;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  width: 97%;
}
html.info-shop .info-shop-results-item-wrapper {
  width: 92%;
  border-top: 1px solid #ebebeb;
  padding-top: 11px;
  padding-bottom: 7px;
  padding-left: 2px;
}
html.info-shop .info-shop-results-item-wrapper:hover {
  cursor: pointer;
}
html.info-shop .info-shop-results-item-wrapper span {
  display: block;
  padding-left: 25px;
}
html.info-shop .info-shop-results-item-wrapper .addres {
  margin-top: -8px;
  font-size: 12px;
  padding-left: 25px;
}
html.info-shop .info-shop-results-item-wrapper .name {
  font-weight: bold;
  margin-bottom: 9px;
  font-size: 13px;
}
html.info-shop .info-shop-results-item-wrapper .city {
  color: rgba(0, 0, 0, 0.3);
  font-size: 12px;
  margin-top: -1px;
}
html.info-shop .info-shop-mapa-wrapper {
  width: 100%;
  height: 100%;
}
@media (min-width: 480px) {
  html.info-shop #info-shop-filter.basic-form {
    width: 70%;
    margin: 0 auto;
    margin-bottom: 27px;
    margin-top: -10px;
  }
  html.info-shop #info-shop-filter.basic-form select {
    padding-left: 14px;
    margin-bottom: 8px;
    margin-left: -8px;
    height: 36px;
    line-height: 1;
  }
  html.info-shop .info-shop-results {
    margin-top: -28px;
    height: 82%;
    padding-left: 10%;
    overflow-y: auto;
    width: 97%;
  }
  html.info-shop .selector-info-shop {
    width: 49%;
    margin-top: 70px;
    height: 95%;
    z-index: 10;
  }
  html.info-shop .info-shop-results-item-wrapper {
    width: 83%;
  }
  html.info-shop .info-shop-mapa-wrapper {
    width: 79%;
    height: 59%;
    margin: 0 auto;
    margin-top: 210px;
    border: 3px solid rgba(0, 0, 0, 0.3);
  }
  html.info-shop .map-modal-close {
    position: absolute;
    z-index: 99;
    right: calc(12.5% - 42px);
    left: auto;
    top: 192px;
  }
  html.info-shop .info-shop-results-item-wrapper span {
    display: block;
  }
  html.info-shop .info-shop-results-item-wrapper .addres {
    margin-top: -7px;
    font-size: 12px;
    padding-left: 38px;
  }
  html.info-shop #info-shop-top-wrapper {
    margin-top: 37px;
    margin-left: 0px;
    padding: 0px 0px 28px 0px;
  }
  html.info-shop .back-button .info-shop-back-button {
    margin-left: 95px;
  }
  html.info-shop .info-shop-wrapper {
    margin-top: 35px;
  }
  html.info-shop .info-shop-wrapper .name {
    margin-left: -2px;
    margin-top: 7px;
  }
  html.info-shop .info-shop-wrapper .localilty {
    margin-top: -2px;
    margin-left: -2px;
  }
  html.info-shop .info-shop-wrapper .street {
    margin-left: -2px;
    margin-top: -3px;
  }
  html.info-shop .info-shop-wrapper .address {
    margin-left: -2px;
  }
  html.info-shop .info-shop-wrapper .telephone {
    margin-left: -2px;
  }
  html.info-shop .info-shop-wrapper .timetable-title {
    margin-top: 39px;
    margin-left: -3px;
  }
  html.info-shop .info-shop-wrapper .timetable_1 {
    margin-left: -2px;
  }
  html.info-shop .info-shop-wrapper .timetable_2 {
    margin-left: -2px;
  }
  html.info-shop .info-shop-wrapper .button {
    margin-left: -8px;
  }
  html.info-shop .info-shop-results-item-wrapper {
    padding-top: 11px;
    padding-bottom: 6px;
  }
  html.info-shop #info-shop-filter {
    margin-left: 54px;
    width: 70%;
  }
}
@media (min-width: 769px) {
  html.info-shop #info-shop-top-wrapper {
    margin-top: 15px;
    margin-left: -3px;
  }
  html.info-shop #info-shop-filter {
    margin-left: 29px;
    width: 81%;
  }
  html.info-shop .selector-info-shop {
    width: 250px;
    margin-top: 0;
    margin-right: 113px;
    height: 100%;
    position: relative;
    z-index: 1040;
  }
  html.info-shop .info-shop-results-item-wrapper .name {
    font-weight: bold;
    margin-bottom: 9px;
    font-size: 13px;
    padding-left: 23px;
  }
  html.info-shop .info-shop-results-item-wrapper .addres {
    padding-left: 23px;
  }
  html.info-shop .info-shop-results-item-wrapper .city {
    color: rgba(0, 0, 0, 0.3);
    font-size: 12px;
    margin-top: -1px;
    margin-left: -16px;
  }
  html.info-shop .info-shop-results {
    height: 90%;
    padding-left: 0px;
    overflow-y: auto;
    width: 100%;
    margin-top: -34px;
  }
  html.info-shop .info-shop-results-item-wrapper {
    width: 100%;
  }
  html.info-shop .info-shop-mapa-wrapper {
    width: 60%;
    height: 80%;
    margin: 0 auto;
    margin-top: 75px;
    border: 3px solid rgba(0, 0, 0, 0.3);
  }
  html.info-shop .map-wrapper {
    height: 100%;
  }
  html.info-shop .map-modal-close {
    position: absolute;
    z-index: 99;
    right: calc(21% - 38px);
    left: auto;
    top: 55px;
  }
  html.info-shop .info-shop-wrapper {
    margin-top: 41px;
    margin-left: 10px;
  }
  html.info-shop .info-shop-wrapper span {
    display: block;
    /* width: 90%; */
    text-align: center;
    font-size: 14px;
  }
  html.info-shop .info-shop-wrapper .name {
    margin-left: 6px;
    margin-top: 0px;
  }
  html.info-shop .info-shop-wrapper .localilty {
    margin-top: -2px;
    margin-left: 7px;
  }
  html.info-shop .info-shop-wrapper .street {
    margin-left: 6px;
  }
  html.info-shop .info-shop-wrapper .address {
    margin-left: 6px;
  }
  html.info-shop .info-shop-wrapper .telephone {
    margin-left: 6px;
  }
  html.info-shop .info-shop-wrapper .timetable-title {
    margin-top: 40px;
    margin-left: 6px;
  }
  html.info-shop .info-shop-wrapper .timetable_1 {
    margin-left: 6px;
  }
  html.info-shop .info-shop-wrapper .timetable_2 {
    margin-left: 6px;
  }
  html.info-shop .info-shop-wrapper .button {
    margin-left: 9px;
  }
  html.info-shop #info-shop-filter.basic-form {
    width: 82%;
    margin-top: -15px;
  }
  html.info-shop #info-shop-filter.basic-form select {
    padding-left: 12px;
    height: 27px;
    line-height: 1;
    margin-bottom: 0;
  }
  html.info-shop .back-button .info-shop-back-button {
    margin-left: 40px;
  }
}
@media (min-width: 1025px) {
  html.info-shop .selector-info-shop {
    width: 247px;
    margin-top: 0;
    margin-right: 12%;
    height: 100%;
  }
  html.info-shop .info-shop-results {
    height: 90%;
    padding-left: 1px;
    overflow-y: auto;
    width: 100%;
    margin-top: -27px;
  }
  html.info-shop .info-shop-wrapper {
    margin-top: 40px;
    margin-left: 0px;
  }
  html.info-shop .info-shop-wrapper span {
    width: 100%;
  }
  html.info-shop .info-shop-mapa-wrapper {
    width: 47%;
    height: 82%;
    margin: 0 auto;
    margin-top: 67px;
  }
  html.info-shop .map-modal-close {
    position: absolute;
    z-index: 99;
    right: calc(27% - 38px);
    left: auto;
    top: 45px;
  }
  html.info-shop #info-shop-filter.basic-form select {
    padding-left: 7px;
    height: 26px;
    margin-bottom: 0px;
    /* line-height: 1; */
    margin-left: 1px;
  }
  html.info-shop #info-shop-filter.basic-form {
    width: 205px;
    margin: 0 auto;
    margin-bottom: 5px;
    margin-top: 0px;
  }
  html.info-shop .info-shop-wrapper .name {
    margin-left: 1px;
    margin-top: -7px;
  }
  html.info-shop .info-shop-wrapper .localilty {
    margin-top: -2px;
    margin-left: 2px;
  }
  html.info-shop .info-shop-wrapper .street {
    margin-left: 2px;
    margin-top: -3px;
  }
  html.info-shop .info-shop-wrapper .address {
    margin-left: 2px;
    margin-top: -3px;
  }
  html.info-shop .info-shop-wrapper .telephone {
    margin-left: 2px;
    margin-top: -3px;
  }
  html.info-shop .info-shop-wrapper .timetable-title {
    margin-left: 2px;
  }
  html.info-shop .info-shop-wrapper .timetable_1 {
    margin-left: 2px;
  }
  html.info-shop .info-shop-wrapper .timetable_2 {
    margin-left: 2px;
  }
  html.info-shop .info-shop-wrapper .button {
    margin-left: 1px;
  }
  html.info-shop #info-shop-top-wrapper {
    margin-top: 0px;
  }
  html.info-shop .back-button {
    padding-left: 21px;
    margin-top: 17px;
  }
  html.info-shop .back-button .info-shop-back-button {
    margin-left: 20px;
  }
}
.info-drop-point #main {
  padding-top: 50px;
}
.info-drop-point .title {
  font-size: 17px;
  margin-bottom: 22px;
  display: inline-block;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  margin-top: -18px;
}
.info-drop-point .wrapper {
  padding: 0px 18px 18px 18px;
  height: 90%;
  overflow-y: auto;
}
.info-drop-point .wrapper .info-label {
  display: block;
  margin-bottom: 10px;
  font-size: 13px;
}
.info-drop-point .wrapper-title {
  margin-top: 41px;
}
.info-drop-point .basic-form {
  margin-top: 17px;
}
.info-drop-point .btn-default {
  width: 100%;
  margin-top: 3px;
  height: 36px;
  line-height: 1;
}
.info-drop-point .picking-points-wrapper {
  margin-top: 27px;
  margin-bottom: 35px;
}
.info-drop-point .checkbox-wrapper {
  margin-bottom: 14px;
}
.info-drop-point .checkbox-extra-info {
  display: none;
  margin-left: 28px;
  min-height: 50px;
}
.info-drop-point .checkbox-extra-info span {
  display: block;
}
.info-drop-point .pick-point-mapa-wrapper {
  width: 100%;
  height: 100%;
}
.info-drop-point .close-white-md:not(.close-banner-cookies) {
  background-image: url('../images/sprite.png');
  background-position: -2px -614px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 18px;
  height: 18px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.info-drop-point .modal .close-button {
  top: 6px;
  right: 6px;
  position: absolute;
  z-index: 999;
}
.info-drop-point .map-modal-close {
  border: none;
  background: transparent;
  position: absolute;
  z-index: 99;
  right: 12px;
  top: 21px;
}
.info-drop-point #bodyContent {
  margin-left: 30px;
  margin-right: 15px;
  font-family: geogrotesque, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.info-drop-point .gm-style-iw {
  top: 14px;
  position: absolute;
  left: 17px;
  width: 180px;
}
.info-drop-point #bodyContent span {
  font-size: 12px;
  width: 100%;
  text-align: center;
  display: block;
  margin-top: -3px;
}
.info-drop-point #bodyContent a {
  text-decoration: underline;
}
.info-drop-point .map-inline {
  display: none;
}
@media (min-width: 480px) {
  .info-drop-point .wrapper {
    padding: 0 56px 18px 56px;
    height: 100%;
    overflow-y: auto;
  }
  .info-drop-point .wrapper .btn-default {
    width: 24.5%;
    margin-top: -4px;
    height: 36px;
    line-height: 0;
    margin-left: -3px;
  }
  .info-drop-point .wrapper .left {
    width: 100%;
    overflow: auto;
    margin-top: 14px;
  }
  .info-drop-point .basic-form input[type="text"] {
    width: 46%;
    height: 36px;
  }
  .info-drop-point .picking-points-wrapper {
    width: 50%;
    margin-bottom: 30px;
    float: left;
  }
  .info-drop-point #show-more {
    margin-top: 27px;
    margin-left: 0px;
  }
  .info-drop-point .map-inline {
    display: block;
    height: 540px;
    width: 100%;
    /* margin-top: 75px; */
  }
  .info-drop-point .wrapper .info-label {
    margin-bottom: 0px;
  }
  .info-drop-point .basic-form {
    margin-top: 8px;
  }
  .info-drop-point .wrapper-title {
    margin-top: 27px;
  }
  .info-drop-point .picking-points-wrapper {
    margin-top: 16px;
  }
  .info-drop-point #show-more {
    margin-top: 16px;
    margin-left: -28px;
  }
  .info-drop-point .title {
    font-size: 19px;
    margin-bottom: 19px;
    margin-top: 19px;
  }
}
@media (min-width: 769px) {
  .info-drop-point .wrapper {
    padding: 18px;
    overflow: hidden;
  }
  .info-drop-point .wrapper .left {
    width: 55%;
    display: inline-block;
    float: left;
    padding: 11px 0 0 53px;
  }
  .info-drop-point .wrapper .left .checkbox-wrapper {
    margin-bottom: 17px;
    line-height: 17px;
  }
  .info-drop-point .wrapper .left .checkbox-wrapper input[type="checkbox"] {
    margin: 0 5px 0 0;
  }
  .info-drop-point .wrapper .left .btn-default {
    width: 30.5%;
    height: 27px;
    margin-top: 0px;
    margin-left: -3px;
  }
  .info-drop-point .map-wrapper {
    width: 45%;
    float: left;
    padding-right: 54px;
    padding-top: 15px;
    height: 80%;
  }
  .info-drop-point .picking-points-wrapper {
    width: 54.5%;
    float: left;
    font-size: 12px;
  }
  .info-drop-point .map-inline {
    width: 100%;
    margin-top: 16px;
    height: 610px;
  }
  .info-drop-point .basic-form input[type="text"],
  .info-drop-point .info-drop-point .basic-form input[type="password"],
  .info-drop-point .info-drop-point .basic-form input[type="email"],
  .info-drop-point .info-drop-point .basic-form input[type="tel"],
  .info-drop-point .info-drop-point .basic-form select {
    width: 59.5%;
    height: 27px;
  }
  .info-drop-point .wrapper .info-label {
    margin-top: 0px;
  }
  .info-drop-point .basic-form {
    margin-bottom: 26px;
  }
  .info-drop-point #show-more {
    margin-left: 25px;
  }
  .info-drop-point .title {
    font-size: 19px;
    margin-bottom: 0;
    margin-top: 0px;
  }
}
@media (min-width: 1025px) {
  .info-drop-point #main {
    padding-top: 41px;
    overflow: initial;
  }
  .info-drop-point #main .wrapper {
    margin-left: 245px;
    padding-top: 0;
  }
  .info-drop-point #main .wrapper .left {
    width: 48%;
    display: inline-block;
    float: left;
    margin-top: 20px;
    padding: 0 27px;
  }
  .info-drop-point #main .wrapper .left .checkbox-wrapper {
    margin-bottom: 17px;
  }
  .info-drop-point #main .wrapper .left .checkbox-wrapper input[type="checkbox"] {
    margin: 0 5px 0 0;
  }
  .info-drop-point #main .wrapper .map-wrapper {
    position: fixed;
    width: 36%;
    right: 91px;
    height: 84%;
    padding-top: 0px;
    padding-right: 0px;
    margin-top: -14px;
  }
  .info-drop-point #main .wrapper .map-wrapper .map-inline {
    width: 100%;
    height: 100%;
  }
  .info-drop-point #main .wrapper .btn-default {
    width: 148px;
    height: 28px;
    line-height: 0;
    margin-left: -3px;
    top: 4px;
    position: relative;
    float: right;
  }
  .info-drop-point #main .wrapper .picking-points-wrapper {
    margin-top: 18px;
  }
  .info-drop-point #main .wrapper #show-more {
    margin-top: 14px;
  }
  .info-drop-point #main .wrapper .btn-drop-points-search {
    top: -28px;
  }
  .info-drop-point .map-inline {
    width: 45%;
    display: inline-block;
    margin-top: 14px;
    float: left;
    margin-left: 0px;
    height: 652px;
  }
  .info-drop-point .title {
    display: inline-block;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    width: 100%;
    /* left: 21.8%; */
    margin-top: 0px;
    margin-left: -22px;
    margin-bottom: 29px;
    position: relative;
  }
  .info-drop-point .basic-form {
    margin-bottom: 24px;
  }
  .info-drop-point .basic-form input[type="text"],
  .info-drop-point .info-drop-point .info-drop-point .basic-form input[type="password"],
  .info-drop-point .info-drop-point .info-drop-point .basic-form input[type="email"],
  .info-drop-point .info-drop-point .info-drop-point .basic-form input[type="tel"],
  .info-drop-point .info-drop-point .info-drop-point .basic-form select {
    width: 100%;
  }
}
.contact .link-bold {
  font-weight: bold;
}
.contact .simple-link {
  cursor: pointer;
  text-decoration: underline;
}
.contact .text-area {
  background-color: white;
  border: 3px solid #ebebeb;
  resize: none;
}
.contact .contact-info-text {
  text-align: left;
  margin-top: 27.5px;
  font-size: 13px;
}
.contact .section-contact {
  position: relative;
  padding: 1px 18px 50px;
  text-align: center;
}
.contact .contact-subtitle {
  margin-top: 14px;
  font-size: 13px;
  font-weight: bold;
}
.contact .linea-contact-text {
  width: 100%;
  float: left;
  line-height: 15.5px;
}
.contact .linea-contact-text-separador {
  height: 12px;
  width: 100%;
  float: left;
}
.contact .div-form-info-contact {
  margin-top: 20px;
  float: left;
  padding-bottom: 30px;
}
.contact #preg_frecuentes {
  text-align: left;
  padding: 10px;
}
.contact .info-contact-form {
  margin-top: 5px;
  float: left;
}
.contact .info-contact-form .dropdown-toggle{
  height: 30px;
  line-height: 30px;
  font-weight: normal;
  text-align: left;
  padding-right: 28px;
}

.contact .btn dropdown-toggle{
  height: 30px;
}
.contact .selectlist .dropdown-toggle{
  width: 100% !important;
  height: 27px;
  padding-top: 0;
  padding-bottom: 0;
  background-color: #e1e1e1;
  text-transform: none;
  position: relative;
  padding-left: 13px;
}

.contact .selectlist .dropdown-toggle:hover{
  color: #000;
  background-color: #e1e1e1;
}

.contact .selectlist .dropdown-toggle .selected-label{
    line-height: 25px;
    vertical-align: baseline;
    display: inline-block;
}

.contact .selectlist{
  display: block;
  width: 100%;
  position: relative;
  margin-bottom: 9px;
  margin-top: 9px;

}
.contact .selectlist .dropdown-menu {
  width: 100% !important;
  z-index: 1100;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  border: none;
  background-color: #e1e1e1;
}
.contact .info-contact-form .text-area {
  margin-top: 14px;
  padding-bottom: 7px;
}

.contact .info-contact-form .dropzone {
  margin-top: 14px;
  border: 1px dashed #999;
  border-radius: 10px;
}
.contact .info-contact-form .dropzone.error {
  border-color: #d9534f;
}
.contact .info-contact-form .dropzone .dz-message{
  color: #838383;
}
.contact .info-contact-form .dropzone .dz-image-preview {
  margin: 5px;
}
.contact .info-contact-form .dropzone .dz-preview .dz-image {
  border-radius: 10px;
}
.contact .info-contact-form .dropzone .dz-preview .dz-details .dz-filename {
  margin-top: 45px;
}
.contact .info-contact-form .dz-preview .dz-progress {
  height: 12px;
  background: rgba(255, 255, 255, 0.6);
}
.contact .info-contact-form.dropzone .dz-preview .dz-success-mark,
.contact .info-contact-form .dropzone .dz-preview .dz-error-mark {
  margin-top: -36px;
}

.contact .info-contact-form select {
  background: #e6e6e6 url(../images/small-arrow-down.png) no-repeat right 13px center;
  background-size: 9px 6px;
  height: 36px;
  line-height: 36px;
  padding: 0 14px;
}
.contact .info-contact-form input[type="text"],
.contact .info-contact-form input[type="password"],
.contact .info-contact-form input[type="email"],
.contact .info-contact-form input[type="tel"] {
  width: 100%;
  height: 36px;
  line-height: 36px;
  margin-top: 12px;
  padding: 0 13px;
}
.contact .info-contact-form input[type="text"]:first-child,
.contact .info-contact-form input[type="password"]:first-child,
.contact .info-contact-form input[type="email"]:first-child,
.contact .info-contact-form input[type="tel"]:first-child {
  margin-top: 21px;
}
.contact .info-contact-form > span {
  display: block;
  width: 20px;
  height: 28px;
  line-height: 28px;
  margin-top: 7px;
  float: left;
}
.contact .info-contact-form > span + input[type="tel"] {
  width: -moz-calc(100% - 20px - 10px);
  width: calc(100% - 20px - 10px);
  margin-left: 10px;
  margin-top: 7px;
  float: left;
  margin-bottom: 30px;
}
.contact .info-contact-form .checkboxes-area {
  text-align: left;
}
.contact .info-contact-form .checkboxes-area label.error {
  display: inline;
  background-color: transparent;
  font-size: 12px;
  width: 100%;
  font-weight: normal;
  color: #d9534f;
  margin-top: 10px;
}
.contact .info-contact-form .checkbox-wrapper {
  clear: both;
  margin-top: 13.5px;
  font-size: 13px;
}
.contact .info-contact-form .checkbox-wrapper input[type="checkbox"] {
  margin-right: 3px;
}
.contact .info-contact-form input[type="submit"] {
  margin-top: 17px;
  width: 100%;
  height: 43px;
  font-size: 13px;
  line-height: 23px;
}
@media (min-width: 480px) {
  .contact .div-contact-content {
    width: 41.5%;
    float: right;
    margin-right: 5%;
  }
  .contact .div-form-info-contact {
    margin-top: 0px;
    float: left;
    padding-bottom: 30px;
    width: 41.5% !important;
    margin-left: 5%;
  }
  .contact .contact-subtitle {
    text-align: left;
  }
  .contact .contact-subtitle {
    margin-top: 25px;
    font-size: 15.5px;
    font-weight: bold;
  }
  .contact .info-contact-form {
    margin-top: 10px;
    float: left;
  }
  .contact .contact-info-text {
    text-align: left;
    margin-top: 34.5px;
    font-size: 13px;
  }
}
@media (min-width: 769px) {
  .contact .div-form-info-contact {
    margin-top: 0px;
    float: left;
    padding-bottom: 30px;
    width: 30.3% !important;
    margin-left: 14.5%;
  }
  .contact .div-contact-content {
    width: 40%;
    float: right;
    margin-right: 5%;
  }
  .contact .info-contact-form input[type="text"],
  .contact .contact .info-contact-form input[type="password"],
  .contact .contact .info-contact-form input[type="email"],
  .contact .contact .info-contact-form input[type="tel"] {
    width: 100%;
    height: 28px;
    line-height: 28px;
    margin-top: 12px;
    padding: 0 13px;
  }
  .contact .info-contact-form select {
    background: #e6e6e6 url(../images/small-arrow-down.png) no-repeat right 13px center;
    background-size: 9px 6px;
    height: 28px;
    line-height: 28px;
    padding: 0 5px;
  }
  .contact .info-contact-form .text-area {
    margin-top: 19px;
    padding-bottom: 7px;
    padding-top: 10px;
  }
  .contact select {
    margin-top: 14px;
  }
}
@media (min-width: 1025px) {
  .contact .div-form-info-contact {
    margin-top: 32px;
    float: left;
    padding-bottom: 30px;
    width: 29% !important;
    margin-left: 15%;
  }
  .contact .div-contact-content {
    width: 37.5%;
    float: right;
    margin-right: 5%;
    margin-top: 31px;
  }
}
body.catalogsearch-result-index #aside-menu .column .aside-menu-filter {
  display: none;
}
body.catalogsearch-result-index #aside-menu .column .aside-menu-search {
  display: none;
}
body.catalogsearch-result-index .category-category {
  margin-top: 20px;
}
body.catalogsearch-result-index .category-no-result {
  padding-left: 5%;
  padding-right: 5%;
  max-width: 520px;
  margin: auto;
}
@media (min-width: 1200px) {
  body.catalogsearch-result-index .category-no-result {
    max-width: 50%;
  }
}
body.catalogsearch-result-index .category-no-result .title {
  display: block;
  text-transform: uppercase;
  text-align: center;
  font-size: 19px;
}
body.catalogsearch-result-index .category-no-result .subtitle {
  display: block;
  margin-top: 16px;
  text-transform: initial;
  text-align: center;
  font-size: 16px;
}
body.catalogsearch-result-index .category-no-result ul {
  max-width: 400px;
  padding-left: 0;
  margin: 46px auto 0;
  list-style: none;
  text-align: center;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}
body.catalogsearch-result-index .category-no-result ul li {
  display: inline-block;
  width: 130px;
  margin-left: 8.5px;
  margin-right: 8.5px;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-bottom: 16px;
  border: 1px solid black;
  text-align: center;
  font-size: 16px;
}

@media (min-width: 480px) {
  body.catalogsearch-result-index .category-no-result ul li {
    width: 180px;
  }
}
body.catalogsearch-result-index .category-no-result ul li:nth-child(2n+1) {
  clear: left;
}
body.catalogsearch-result-index #floating-menu li.floating-menu-search {
  display: none;
}

body #floating-menu {
  display: block;
  position: absolute;
  width: 82px;
  top: 0px;
  right: 0px;
  text-align: center;
}
@media (min-width: 480px) {
  body #floating-menu {
    display: none;
  }
}

body #floating-menu .cart-amount {
  right: 50%;
  bottom: 50%;
  transform: translate(50%, 35%);
}
body:not(.catalogsearch-result-index) #floating-menu li {
  display: inline-block;
  padding: 0 24%;
  text-align: center;
}
#floating-menu li .rollover:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
#floating-menu li.floating-menu-search .rollover:after {
  background:url('../images/ic-search.png') center right no-repeat;
  background-size: 21px 22px;
  width: 21px;
  height: 22px;
}
.contrast #floating-menu li.floating-menu-search .rollover:after {
    background:url('../images/ic-search-w.png') center right no-repeat;
    background-size: 21px 22px;
    width: 21px;
    height: 22px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #floating-menu li.floating-menu-search .rollover:after {
    background-image: url('../images/ic-search@2x.png');
  }
  .contrast #floating-menu li.floating-menu-search .rollover:after {
    background-image: url('../images/ic-search-w@2x.png');
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
  #floating-menu li.floating-menu-search .rollover:after {
    background-image: url('../images/ic-search@3x.png');
  }
  .contrast #floating-menu li.floating-menu-search .rollover:after {
    background-image: url('../images/ic-search-w@3x.png');
  }
}

@media (min-width: 769px) {
  body.catalogsearch-result-index .category-category {
    margin-top: 35px;
  }
}

.info-help .category-title {
  display: none;
}
.info-help div.campo-busqueda-lupa {
  width: 90%;
  margin: auto;
}
.info-help div.campo-busqueda-lupa input[type="text"] {
  padding-right: 34px;
  padding-left: 0;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid black;
  font-size: 16px;
}
.info-help div.campo-busqueda-lupa button {
  background-color: transparent;
  height: 35px;
  width: 35px;
  border: none;
  float: right;
  margin-top: -35px;
}
.info-help div.campo-busqueda-lupa button span {
  background:url('../images/ic-search.png') center right no-repeat;
  background-size: 15px 15px;
  overflow: hidden;
  display: block;
  width: 18px;
  height: 18px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  border: 0;
  margin-left: 3px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .info-help div.campo-busqueda-lupa button span {
    background-image: url('../images/ic-search@2x.png');
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
  .info-help div.campo-busqueda-lupa button span {
    background-image: url('../images/ic-search@3x.png');
  }
}
.info-help .help-item-content {
  padding: 15px 30px 35px 30px;
}
@media (min-width: 480px) {
  .info-help div.campo-busqueda-lupa button {
    height: 37px;
    width: 37px;
    border: none;
    float: right;
    margin-top: -37px;
  }
  .info-help div.campo-busqueda-lupa button span {
    margin-left: 0px;
  }
}

@media (min-width: 769px) {
  .info-help div.campo-busqueda-lupa input[type="text"] {
    height: 36px;
  }
  .info-help div.campo-busqueda-lupa button span {
    background-size: 18px 18px;
  }
}
.info-help .help-title {
  font-size: 18px;
  margin-bottom: 10px;
}
.info-help .help-title,
.info-help .info-help {
  display: inline-block;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
}
.info-help .help-section {
  display: inline-block;
  width: 100%;
  font-size: 16px;
  text-align: left;
  padding-left: 20px;
  padding-right: 20px;
}
.info-help .help-category-item-title {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 20px;
}
.info-help .help-item-title {
  font-size: 13px;
  margin-top: -5px;
  cursor: pointer;
  line-height: 20px;
}
.info-help .help-item-content {
  font-size: 13.5px;
  color: #5a5a5a;
}
.info-help .help-link {
  width: 100%;
  text-align: center;
  height: 20px;
  display: block;
  margin-top: 25px;
  text-decoration: underline;
}
.info-help .coincident-search {
  position: relative;
  color: white;
  display: inline-block;
  z-index: 2;
}
.info-help .coincident-search:before { /** WTF **/
  position: absolute;
  background-color: gray;
  width: 100%;
  height: 100%;
  content: "";
  display: inline-block;
  top: 0px;
  left: -2px;
  z-index: -1;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding-left: 2px;
  padding-right: 2px;
}
.info-help mark {
  color:white;
  background:gray;
  padding:0;
}

@media (max-width: 479px) {
    div.content-help-items {
        margin-top: 25px;
    }
}

@media (min-width: 480px) {
  .info-help .help-title,
  .info-help .info-help .info-help {
    font-size: 22px;
  }
  .info-help .help-section {
    margin-top: 25px;
  }
  .info-help .info-help-form {
    float: left;
    width: 100%;
    text-align: center;
  }
  .info-help .div-contact-content {
    width: 41.5%;
    float: right;
    margin-right: 5%;
  }
  .info-help .content-help-items {
    margin-top: 74px;
    padding-left: 35px;
    padding-right: 27px;
  }
  .info-help .help-category-item-title {
    text-align: left;
  }
  .info-help .help-category-item-title {
    margin-top: 15px;
  }
  .info-help .help-item-title {
    padding-left: 15px;
  }
}
@media (min-width: 769px) {
  .info-help .content-help-items {
    margin-top: 64px;
    padding-left: 90px;
    padding-right: 90px;
  }
  .info-help div.campo-busqueda-lupa {
    width: 92%;
    padding-left: 6.5%;
    padding-right: 6.5%;
  }
  .info-help select {
    margin-top: 14px;
  }
}
@media (min-width: 1025px) {
  .info-help .category-title {
    display: block;
    visibility: hidden;
  }
  .info-help .help-title,
  .info-help .info-help .info-help {
    font-size: 21px;
  }
  .info-help .help-section {
    margin-top: 25px;
  }
  .info-help .info-help-form {
    float: left;
    width: 100%;
    text-align: center;
  }
  .info-help .content-help-items {
    margin-top: 64px;
    padding-left: 27px;
    padding-right: 27px;
  }
  .info-help .help-category-item-title {
    text-align: left;
  }
  .info-help .help-category-item-title {
    margin-top: 14px;
  }
}
.proteccion-privacidad .section-proteccion-privacidad {
  position: relative;
  padding: 1px 18px 50px;
  text-align: center;
}
.proteccion-privacidad p {
  text-align: left;
  margin-bottom: 15px;
}
.proteccion-privacidad .texto-subrayado {
  text-decoration: underline;
}
.proteccion-privacidad .linkMail {
  text-decoration: underline;
  cursor: pointer;
}
.proteccion-privacidad .aside-subtitle {
  text-align: left;
  text-transform: none;
  margin-bottom: 20px;
}
@media (min-width: 480px) {
  .proteccion-privacidad .section-proteccion-privacidad {
    position: relative;
    padding: 1px 64px 16px;
    text-align: center;
  }
  .proteccion-privacidad p {
    text-align: justify;
    margin-bottom: 15px;
  }
}
@media (min-width: 1025px) {
  .proteccion-privacidad .section-proteccion-privacidad {
    position: relative;
    padding: 1px 20px 16px;
    text-align: center;
  }
}
.condiciones-legales .section-condiciones-legales {
  position: relative;
  padding: 1px 18px 50px;
  text-align: center;
}
.condiciones-legales p {
  text-align: left;
  margin-bottom: 15px;
}
.condiciones-legales .texto-subrayado {
  text-decoration: underline;
}
.condiciones-legales .linkMail {
  text-decoration: underline;
  cursor: pointer;
}
.condiciones-legales .aside-subtitle {
  text-align: left;
  text-transform: none;
  margin-bottom: 20px;
  font-size: 18px;
}
.condiciones-legales .lista-indice-condiciones-legales {
  padding-left: 0px;
  margin-top: 15px;
  padding-bottom: 60px;
}
.condiciones-legales .lista-indice-condiciones-legales li {
  list-style-type: none;
  text-align: left;
  text-transform: uppercase;
  cursor: pointer;
  margin-bottom: 7px;
}
.condiciones-legales .lista-indice-condiciones-legales a {
  color: #B3B3B3;
}
.condiciones-legales .item-indice-content {
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  height: 0px;
}
.condiciones-legales .item-indice-content-activo {
  opacity: 1;
}
.condiciones-legales .active a {
  font-weight: bold;
  color: black;
  font-size: 16px;
}
@media (min-width: 480px) {
  .condiciones-legales .section-condiciones-legales {
    position: relative;
    padding: 1px 64px 16px;
    text-align: center;
  }
  .condiciones-legales p {
    text-align: justify;
    margin-bottom: 15px;
  }
}
@media (min-width: 1025px) {
  .condiciones-legales .section-condiciones-legales {
    position: relative;
    padding: 1px 20px 16px;
    text-align: center;
  }
  .condiciones-legales .lista-indice-condiciones-legales {
    float: left;
    width: 32%;
  }
  .condiciones-legales .item-indice-content {
    float: right;
    width: 68%;
  }
  .condiciones-legales p {
    text-align: left;
  }
}
.lookbook .wrapper {
  overflow: auto;
  height: 100%;
}
.lookbook.contrast.menu-open #logo {
  background-position: -2px -883px;
}
.lookbook .image-selector {
  cursor: pointer !important;
  position: relative;
}
.overflow-y-auto {
  overflow-y: auto !important;
}
.lookbook .view-port {
  overflow-x: hidden;
}
.lookbook .popup-image-wrapper {
  width: 100%;
}
.lookbook .popup-image-wrapper img {
  width: 100%;
}
.lookbook #main {
  overflow-y: auto;
  -webkit-overflow-scrolling:touch;
}
.lookbook .ongrid {
  display: none;
}
.lookbook .swiper-button-next,
.lookbook .swiper-button-prev {
  display: none;
  background-image: none !important;
}
.lookbook .onslider {
  width: 100%;
}
.lookbook .wrapper .image-wrapper {
  margin-bottom: 3px;
  width: auto;
  cursor: pointer;
}
.lookbook .info-wrapper {
  background-color: #fff;
  width: 100%;
  /* min-height: 100%; */
  display: none;
  /* padding-top: 40px; */
  text-align: center;
  z-index: 999;
  position: relative;
  top: 0;
}
.lookbook .info-wrapper .title {
  font-size: 10px;
  margin-top: 11px;
}
.lookbook .info-wrapper .image-miniature {
  width: 52%;
  margin: 0 auto;
  margin-left: 10px;
}
.lookbook .info-wrapper .other-items {
  width: 235px;
  margin: 0 auto;
  display: none;
  margin-bottom: 50px;
}
.lookbook .info-wrapper .other-items .row {
  margin-bottom: 4px;
  text-align: center;
}
.lookbook .info-wrapper .other-items .item-wrapper {
  float: left;
  width: calc(100% / 3);
  margin-bottom: 1px;
}
.lookbook .vinculated-miniature {
  width: 97%;
  border: 1px solid #000;
  margin-left: 1%;
  position: relative;
}
.lookbook .vinculated-miniature-description {
  color: #fff;
  height: 100%;
  width: 96%;
  margin-left: 1%;
  top: 0;
  left: 2px;
  position: absolute;
  padding: 4px;
  background-color: #000;
}
.lookbook .vinculated-miniature-description .description {
  font-weight: bold;
}
.lookbook .vinculated-miniature-description .price {
  font-weight: bold;
}
.lookbook .vinculated-miniature-description-mobile {
  text-align: center;
}
.lookbook .vinculated-miniature-description-mobile .sbl-title {
  margin: 5px 0;
  text-transform: none;
  font-size: 10px;
}
.lookbook .vinculated-miniature-description-mobile .sbl-price {
  font-weight: bold;
  font-size: 12px;
  display: block;
  margin-bottom: 5px;
}
@media (min-width: 1025px) {
  .lookbook .vinculated-miniature-description-mobile {
    display: none;
  }
}
.lookbook .info-wrapper .other-items .item-wrapper .description {
  font-size: 10px;
  line-height: 1;
  margin-top: 3px;
  margin-bottom: 7px;
  min-height: 21px;
}
.lookbook .info-wrapper .other-items .item-wrapper .price {
  font-size: 12px;
  line-height: 1;
  margin-top: 5px;
  margin-bottom: 5px;
}
.lookbook .image-wrapper {
  position: relative;
  text-align: center;
  height: auto !important;
}
.lookbook .view-selector {
  display: none;
  z-index: 1;
}
.lookbook .extra-photos {
  display: none;
}
@media (min-width: 480px) {
  .lookbook .info-wrapper .other-items {
    width: 235px;
  }
  .lookbook .info-wrapper {
    /*padding-top: 70px;*/
  }
  .lookbook .info-wrapper .image-miniature {
    width: 48%;
  }
  .lookbook .info-wrapper .image-miniature {
    margin-left: 0px;
  }
  .lookbook .info-wrapper .title {
    margin-top: 33px;
  }
  .lookbook .info-wrapper .other-items {
    /*width: 30%;*/
  }
  .lookbook .info-wrapper .other-items .row {
    margin-bottom: 4px;
    margin-left: 0px;
  }
  .lookbook .info-wrapper .other-items .item-wrapper {
    margin-right: 0px;
  }
  .lookbook .gridSelector {
    margin-top: 1px;
  }
  .lookbook .swiper-slide {
    margin: 0 3px;
  }
  .lookbook #modal-popup .modal-content {
    overflow: hidden;
    height: 99.95%;
    border: none;
  }
  .lookbook #modal-popup .modal-content .close {
    background-position: -2px -156px;
    top: 18px;
    right: 9px;
    z-index: 999;
    cursor: pointer;
  }
  .lookbook #modal-popup .modal-body {
    padding: 46px 72px 0px 83px;
    height: 100%;
    top: -46px;
    margin-right: 4px;
    overflow-x: auto;
  }
  .lookbook #modal-popup .modal-body .title {
    text-align: center;
    font-size: 10px;
    margin-top: 10px;
    margin-left: 16px;
  }
  .lookbook #modal-popup .modal-body .other-items .item-wrapper .description {
    text-align: center;
    margin-bottom: 2px;
  }
  .lookbook #modal-popup .modal-body .other-items .item-wrapper .price {
    text-align: center;
  }
  .lookbook #modal-popup .modal-open .modal {
    z-index: 99999 !important;
  }
  .lookbook #modal-popup .modal-dialog {
    opacity: 1;
    border: 1px solid #000;
    height: auto;
    width: 394px;
    margin-left: -4px;
  }
  .lookbook #modal-popup .modal-body .image-miniature {
    width: 92%;
    margin-left: 10px;
  }
  .lookbook #modal-popup .modal-body .other-items {
    margin-left: 3px;
  }
  .lookbook #modal-popup .modal-body .other-items .item-wrapper .price {
    margin-bottom: 7px;
    font-size: 12px;
  }
  .lookbook #modal-popup .modal-body .other-items .item-wrapper .description {
    font-size: 10px;
    line-height: 1;
    margin-top: 3px;
    margin-bottom: 5px;
    min-height: 21px;
  }
}
@media (min-width: 769px) {
  .lookbook .wrapper {
    overflow: hidden;
    height: 100%;
    padding: 0;
    margin-left: 0px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
  .lookbook .grid .wrapper {
    display: block;
  }
  .lookbook .grid .image-wrapper.swiper-slide-duplicate {
    display: none;
  }
  .lookbook .view-selector {
    display: block;
    position: absolute;
    z-index: 1500;
    width: calc(83% - 140px);
    margin-left: 240px;
    padding-top: 28px;
    padding-right: 3px;
    -webkit-transition: -webkit-transform 0.4s ease-in-out;
    -moz-transition: -moz-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
  }
  .lookbook.menu-open .view-selector {
    -webkit-transform: translateX(345px);
    -moz-transform: translateX(345px);
    -ms-transform: translateX(345px);
    transform: translateX(345px);
  }
  .lookbook.aside-open .view-selector {
    -webkit-transform: translateX(-345px);
    -moz-transform: translateX(-345px);
    -ms-transform: translateX(-345px);
    transform: translateX(-345px);
  }
  .lookbook .view-selector img {
    float: right;
    margin-left: 20px;
    cursor: pointer;
  }
  .lookbook .half-opacity {
    opacity: 0.5;
  }
  .lookbook .view-port {
    position: relative;
    width: 100%;
    height: 100%;
  }
  .lookbook .grid .view-port {
    width: 100%;
    overflow-x: auto;
  }
  .lookbook .grid {
    width: 100% !important;
    display: block !important;
  }
  .lookbook .info-wrapper {
    margin-top: 75px;
    position: relative;
    padding-top: 0px;
  }
  .lookbook .info-wrapper .image-miniature {
    margin-left: 6px;
    max-width: 100%;
    height: 50%;
  }
  .lookbook .swiper-button-next {
    display: inline-block;
    width: 39px;
  }
  .lookbook .swiper-button-prev {
    display: inline-block;
    width: 39px;
  }
  .lookbook .info-wrapper .title {
    margin-top: 25px;
  }
  .lookbook .info-wrapper .other-items {
    width: 235px;
    margin-bottom: 50px;
  }
  .lookbook .info-wrapper .other-items .row {
    margin-left: 0;
  }
  .lookbook .info-wrapper .other-items .item-wrapper .description {
    margin-top: 8px;
  }
  .lookbook .image-wrapper {
    height: 100% !important;
    float: left;
    overflow: hidden;
  }
  .lookbook .image-selector {
    cursor: pointer !important;
    position: relative;
  }
  .lookbook .grid .image-wrapper {
    height: auto !important;
    width: 16.6%;
    padding: 2px 2px;
    margin: 0 !important;
    overflow: hidden;
  }
  .lookbook .grid .horiz {
    width: 33%;
  }
  .lookbook .grid .image-wrapper img {
    height: auto;
    width: 100%;
  }
  .lookbook .info-wrapper .other-items .item-wrapper .price {
    margin-bottom: 7px;
  }
  .lookbook .grid .ongrid {
    display: inline;
  }
  .lookbook .grid .onslider {
    display: none;
  }
  .lookbook .grid .extra-photos {
    display: inline;
  }
  .lookbook .onslider {
    height: 100%;
    width: auto !important;
  }
}
@media (min-width: 1025px) {
  .lookbook .image-wrapper {
    margin: 0px 4px;
  }
  .lookbook .grid .image-wrapper {
    height: 44%;
    margin: 2px 2px;
  }
  .lookbook #view-port.view-port {
    height: 100%;
  }
  .lookbook .grid .view-port {
    width: 100%;
  }
}
/**
 * Swiper 3.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/swiper/
 *
 * Copyright 2016, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under MIT
 *
 * Released on: February 7, 2016
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform, height;
  -moz-transition-property: -moz-transform;
  transition-property: transform, height;
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
/* Arrows */
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
/* Pagination Styles */
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  -moz-transform: translate3d(0px, -50%, 0);
  -ms-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
  display: block;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
}
/* Progress */
.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -moz-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5);
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff;
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000;
}
/* 3D Container */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
/* Coverflow */
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}
/* Cube + Flip */
.swiper-container-cube,
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* Cube */
.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes swiper-preloader-spin {
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.hysm16 #main {
  background-color: #2788c4;
  overflow: hidden;
  height: 100%;
  position: fixed;
}
.hysm16 #product-zoom {
  margin-top: 0;
  background: #ffffff;
}
.hysm16 #product-zoom .modal-dialog {
  margin-top: 0;
}
.hysm16 #modal-popup-availability {
  margin-top: 0;
  background: rgba(255, 255, 255, 0.8);
}
.hysm16 #header {
  background-color: #fff;
}
.hysm16 #title {
  width: 65%;
  margin-top: 5%;
}
.hysm16 #aside-menu {
  z-index: 220021;
}
.hysm16 #aside {
  z-index: 220021;
}
.hysm16 #menu-open {
  z-index: 220021;
}
.hysm16 #modal-popup-availability .modal-dialog {
  width: 45%;
  margin: 0 auto;
  height: 39%;
  margin-top: 15%;
  min-width: 295px;
  min-height: 350px;
}
.hysm16 #modal-popup-availability .close {
  top: 10px;
  right: 6px;
}
.hysm16 #modal-popup-availability a.btn {
  background: #000;
  color: #fff;
  display: block;
  padding: 14px;
  font-size: 13px;
  text-decoration: none;
  margin: 10px auto;
  text-transform: uppercase;
  text-align: center;
  border: 1px solid #000;
  cursor: pointer;
  width: 220px;
}
.hysm16 #modal-popup-availability a.btn:hover {
  background: #fff;
  color: #000;
  border: 1px solid #000;
}
.hysm16 #modal-popup-availability .modal-body {
  text-align: center;
  position: absolute;
  padding: inherit;
  padding-top: 5%;
  padding-right: inherit;
  margin-right: inherit;
}
.hysm16 #modal-popup-availability h3 {
  text-align: center;
  font-size: 18px;
  margin-bottom: 36px;
  text-transform: uppercase;
}
.hysm16 #modal-popup-availability .modal-body p {
  width: 90%;
  max-width: 540px;
  margin: 0 auto 32px auto;
  margin-top: 19%;
}
.hysm16 #modal-popup-availability .modal-body .footer {
  width: 90%;
  max-width: 540px;
  margin-top: 0px;
}
.hysm16 #modal-popup-availability form,
.hysm16 #product-share-email form {
  width: 85%;
  margin: 0 auto;
}
.hysm16 #modal-popup-shop {
  width: 100%;
  margin: 0 auto;
  height: 100%;
  min-width: 295px;
  min-height: 350px;
}
.hysm16 #modal-popup-shop .close {
  position: relative;
  float: right;
  top: 11px;
  right: 11px;
}
.hysm16 #modal-popup-availability .close {
  position: relative;
  float: right;
  top: -45px;
  right: -30px;
}
.hysm16 #modal-popup-shop a.btn {
  background: #000;
  color: #fff;
  display: block;
  padding: 14px;
  font-size: 13px;
  text-decoration: none;
  margin: 10px auto;
  text-transform: uppercase;
  text-align: center;
  border: 1px solid #000;
  cursor: pointer;
  width: 220px;
}
.hysm16 #modal-popup-shop a.btn:hover {
  background: #fff;
  color: #000;
  border: 1px solid #000;
}
.hysm16 #modal-popup-shop .modal-body {
  text-align: center;
  position: relative;
  padding: 14px 30px 30px 30px;
  margin-right: inherit;
}
.hysm16 #modal-popup-shop h3 {
  text-align: center;
  font-size: 18px;
  margin-bottom: 36px;
  text-transform: uppercase;
}
.hysm16 #modal-popup-shop .modal-body p {
  width: auto;
  max-width: 540px;
  margin: 0 auto 32px auto;
  font-size: 13px;
}
.hysm16 .wrapper {
  padding-top: 50px;
  font-size: 10px;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.hysm16 .wrapper::-webkit-scrollbar {
  display: none;
}
.hysm16 .video {
  position: relative;
}
.hysm16 .player {
  display: none;
  cursor: pointer;
}
.hysm16 .tit {
  display: block;
  margin: 58px auto;
  width: 71%;
}
.hysm16 .iframe {
  width: 100%;
  height: 165.75px;
  position: absolute;
}
.hysm16 .iframe img {
  width: 100%;
  height: 165.75px;
}
.hysm16 .video-btn {
  width: 55px !important;
  height: auto !important;
  position: absolute;
  top: 40%;
  left: 39%;
}
.hysm16 .video-logo {
  opacity: 0.5;
  width: 78px !important;
  height: auto !important;
  position: absolute;
  bottom: 14px;
  right: 14px;
}
.hysm16 .sizes-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #ffffff;
  -webkit-transition: 400ms ease-in-out;
  -moz-transition: 400ms ease-in-out;
  transition: 400ms;
  -ms-transform: translate(0, 100%);
  -webkit-transform: translate(0, 100%);
  -moz-transform: translate(0, 100%);
  transform: translate(0, 100%);
}
@media (min-width: 480px) {
  .hysm16 .sizes-wrapper.vsb {
    bottom: 28px;
  }
}
@media (min-width: 769px) {
  .hysm16 .sizes-wrapper.vsb {
    bottom: 0;
  }
}
.hysm16 .vsb {
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  transform: translate(0, 0);
}
.hysm16 .talla {
  display: block;
  padding-top: 32px;
  padding-bottom: 20px;
  position: relative;
  margin-top: 20px;
  text-align: center;
  padding-left: 0px;
}
.hysm16 .talla li {
  display: inline-block;
  padding: 15px;
  font-size: 1.1em;
  cursor: pointer;
}
.hysm16 .talla li.nodisp {
  color: #999;
}
.hysm16 .talla li.act {
  background: #e1e1e1;
}
.hysm16 .talla::before {
  content: "Seleccionar Talla";
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px 0 10px 0;
  text-transform: uppercase;
  font-size: 0.8em;
  width: 100%;
  text-align: center;
}
.hysm16 .producto a {
  display: block;
  border: 1px solid #000;
  padding: 10px;
  text-transform: uppercase;
  text-decoration: none;
  color: #000;
  margin: 0 auto;
  max-width: 180px;
}
.hysm16 .producto a:hover {
  color: #fff;
  background-color: #000;
}
.hysm16 .producto .img {
  cursor: url(../images/zoom-in.png), pointer !important;
}
.hysm16 a[data-action="sol-dispo"] {
  background: #e1e1e1 !important;
  color: #000 !important;
  border-color: #e1e1e1 !important;
}
.hysm16 .producto a[data-action="sol-dispo"] {
  max-width: 200px;
  font-size: 0.85em;
}
.hysm16 .none {
  display: none !important;
}
.hysm16 .down,
.hysm16 .closeProds {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 5px;
  right: 10px;
  cursor: pointer;
  z-index: 3;
  display: block;
  background: url(../images/close.png);
  background-size: 100% auto;
  background-position: 0 0;
}
.hysm16 #cabec {
  text-align: center;
  color: #1b3a8a;
  background: url(../images/cabec.png) center top no-repeat;
  background-size: 100% auto;
  width: 110%;
  left: -5%;
  top: -9px;
  position: relative;
}
.hysm16 #cent {
  max-width: 90%;
  margin: 14px auto 0;
  background: #fff;
  border: 7px solid #000;
  border-top: 0;
  border-bottom: 0;
  background: #ebf3f5;
  position: relative;
  z-index: 2;
}
.hysm16 nav ul,
.hysm16 li {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
.hysm16 nav ul.byl-navbar-nav {
  padding-left: 12px;
}
@media (min-width: 480px) {
  .hysm16 nav ul.byl-navbar-nav {
    padding-left: 24px;
  }
}
@media (min-width: 1025px) {
  .hysm16 nav ul.byl-navbar-nav {
    padding-left: 34px;
  }
}
.hysm16 li {
  list-style: none;
}
.hysm16 #cabec li {
  display: inline-block;
  font-size: 1.4em;
  margin: 30px 10px 10px 10px;
}
.hysm16 #cabec li a {
  display: block;
  padding: 2px 20px;
  font-size: 1.2em;
  background: #ebf3f5;
  color: #000;
}
.hysm16 #cabec li a:hover {
  color: #ebf3f5;
  background: #000;
}
.hysm16 .inversed {
  color: #ebf3f5 !important;
  background: #000 !important;
}
.hysm16 #cuerpo {
  padding: 10px 30px 30px;
}
.hysm16 #cuerpo-gifts {
  padding: 13px 30px 30px;
}
.hysm16 .regalos article {
  margin-bottom: 20px;
}
.hysm16 .regalos article .im img {
  width: 100%;
  cursor: pointer;
}
.hysm16 .regalos .im {
  position: relative;
  margin-bottom: 20px;
}
.hysm16 .regalos .im span {
  padding: 8px 10px;
  bottom: 13px;
  right: 15px;
  font-size: 1.2em;
  text-transform: uppercase;
  position: absolute;
  background: #000;
  color: #fff;
  cursor: pointer;
}
.hysm16 .regalos .im span:hover {
  background: #fff;
  color: #000;
}
.hysm16 .regalos .im span.l {
  left: 15px;
  right: inherit;
}
.hysm16 .prods {
  display: none;
}
.hysm16 .producto {
  display: block;
  /* float: left; */
  width: 68%;
  overflow: hidden;
  margin: 0 auto;
  font-size: 13px;
  position: relative;
  text-align: center;
}
.hysm16 .modal-header .close {
  margin-top: -2px;
  top: inherit;
  z-index: 9999;
  position: fixed;
}
.hysm16 .producto span {
  display: block;
  padding-top: 5px;
  font-size: 13px;
}
.hysm16 .buy-button {
  display: block;
  padding: 8px 9px;
  /* font-family: 'geogrotesquemedium'; */
  color: #fff;
  background: #000;
  text-transform: uppercase;
  max-width: 100%;
  margin: 16px 0px 29px 0px;
  font-style: normal;
  border: 1px solid #000;
}
.hysm16 .buy-button:hover {
  color: #000;
  background: #fff;
  border: 1px solid #000;
  cursor: pointer;
}
.hysm16 .producto .img img {
  margin: 0 auto;
  width: 100%;
}
.hysm16 .share {
  padding: 20px;
  display: block;
  text-align: center;
  margin: 0 auto;
}
.hysm16 .share > div::before {
  content: " ";
  display: inline-block;
  height: 10px;
  width: 58px;
  borer: 1px solid red;
  background: url(../images/shareB.png) center center no-repeat;
  background-size: auto 100%;
  margin-bottom: 10px;
}
.hysm16 .share a {
  width: 27px;
  height: 27px;
  display: inline-block;
  margin: 5px;
}
.hysm16 .share_facebook {
  background: url(../images/fb.png) center center no-repeat;
  background-size: auto 100%;
}
.hysm16 .share_tw {
  background: url(../images/twitter.png) center center no-repeat;
  background-size: auto 100%;
}
.hysm16 .share_pint {
  background: url(../images/pinterest.png) center center no-repeat;
  background-size: auto 100%;
}
.hysm16 .mascs {
  margin: 20px auto;
  display: block;
}
.hysm16 #citas {
  text-align: center;
  padding: 22px 0 0;
  font-size: 2.0em;
  font-weight: bold;
}
.hysm16 #citas div {
  display: inline-block;
  margin-bottom: 7px;
}
.hysm16 #citas span {
  display: block;
  text-align: right;
  font-size: 0.8em;
  padding-top: 0px;
  font-weight: normal;
}
.hysm16 .modal {
  margin-top: 50px;
}
@media (min-width: 480px) {
  .hysm16 #cent {
    max-width: 79%;
  }
  .hysm16 #cabec {
    top: -10px;
  }
  .hysm16 #cabec li {
    font-size: 1.2em;
    margin: 26px 7px 10px 7px;
  }
  .hysm16 #pre-video {
    display: none;
  }
  .hysm16 .video-wrapper {
    height: 331px !important;
  }
  .hysm16 .wrapper {
    padding-top: 70px;
  }
  .hysm16 .share {
    padding: 20px;
    display: block;
    text-align: center;
    margin: 0 auto;
  }
  .hysm16 .share > div::before {
    content: " ";
    display: inline-block;
    height: 10px;
    width: 58px;
    borer: 1px solid red;
    background: url(../images/shareB.png) center center no-repeat;
    background-size: auto 100%;
    margin-bottom: 10px;
  }
  .hysm16 .share a {
    width: 27px;
    height: 27px;
    display: inline-block;
    margin: 5px;
  }
  .hysm16 .regalos .im span {
    bottom: 26px;
    right: 27px;
  }
  .hysm16 .mascs {
    margin: 20px auto;
    width: 166px;
  }
  .hysm16 #citas {
    text-align: center;
    padding: 21px 0 0;
    font-size: 17.5px;
  }
  .hysm16 #citas div {
    display: inline-block;
    margin-bottom: 6px;
    margin-left: -5px;
  }
  .hysm16 .producto {
    display: block;
    float: left;
    width: 30%;
    overflow: hidden;
    margin: 1.5% 1.5% 20px;
    font-size: 13px;
    position: relative;
    text-align: center;
  }
  .hysm16 .share {
    padding: 12px;
  }
  .hysm16 .share a {
    width: 23px;
    height: 23px;
  }
  .hysm16 .modal-dialog {
    width: 83%;
    height: 91%;
    margin-top: 8%;
    overflow: hidden;
  }
  .hysm16 .modal-content {
    height: 92%;
  }
  .hysm16 .modal-body {
    overflow: hidden;
    height: 100%;
    padding-right: 6px;
    margin-right: 9px;
  }
  .hysm16 #modal-popup-shop .modal-body,
  .hysm16 #product-zoom .modal-body,
  .hysm16 #modal-popup-A .modal-body {
    margin-right: 0;
  }
  .hysm16 #modal-popup-shop .modal-body,
  .hysm16 #modal-popup-availability .modal-body {
    overflow-y: hidden;
  }
  .hysm16 .modal-header {
    height: 0px;
    position: inherit;
  }
  .hysm16 .modal-content .close {
    background-position: -2px -156px;
    top: 18px;
    right: 9px;
    z-index: 999;
    cursor: pointer;
    position: absolute;
  }
  .hysm16 .talla li {
    padding: 10px;
  }
  .hysm16 #modal-popup-shop {
    margin-top: 0;
    width: auto;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
  }
  .hysm16 #modal-popup-shop .modal-dialog {
    width: 50%;
    height: 33%;
  }
  .hysm16 #modal-popup-shop .modal-dialog .modal-content {
    width: 100%;
    max-width: 380px;
    height: 282px;
  }
  .hysm16 #modal-popup-shop .modal-dialog .modal-content .modal-header {
    position: relative;
    height: 30px;
  }
  .hysm16 #modal-popup-shop .modal-dialog .modal-content .modal-header .close {
    top: 11px;
    right: 11px;
  }
  .hysm16 #modal-popup-shop .modal-dialog .modal-content .modal-body {
    position: relative;
    width: 100%;
    padding: 0 30px 30px 30px;
  }
  .hysm16 #modal-popup-shop .modal-dialog .modal-content .modal-body h3 {
    margin-top: 0;
  }
  .hysm16 #modal-popup-shop .modal-dialog .modal-content .modal-body .btn {
    height: 43px;
    line-height: 15px;
  }
  .hysm16 #modal-popup-shop .close {
    top: 10px;
    right: 6px;
    max-width: 380px;
  }
  .hysm16 #modal-popup-availability .close {
    top: 10px;
    right: 6px;
  }
}
@media (min-width: 769px) {
  .hysm16 #main {
    background-size: cover;
    /* <------ */
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/bg-hysm16.jpg);
  }
  .hysm16 #cent {
    max-width: 59%;
  }
  .hysm16 #cabec {
    width: 118%;
    left: -9%;
  }
  .hysm16 .modal {
    z-index: 200000;
    margin-top: 0;
  }
  .hysm16 .modal.gift-modal {
    width: 83%;
    height: 100%;
    margin: 0 auto;
  }
  .hysm16 .modal.gift-modal .modal-dialog {
    height: 83%;
    width: 99.5%;
    margin-top: 9%;
  }
  .hysm16 .modal-content {
    height: 100%;
  }
  .hysm16 .producto .img img {
    margin: 0 auto;
    width: 90%;
  }
  .hysm16 #modal-popup-availability .modal-dialog {
    width: 30%;
  }
  .hysm16 .buy-button {
    max-width: 180px;
    margin: 16px 0px 29px 0px;
    margin: 14px auto 0;
  }
  .hysm16 #modal-popup-shop .modal-dialog {
    width: 35%;
    height: 50%;
  }
}
@media (min-width: 1025px) {
  .hysm16 #header {
    background-color: transparent;
    z-index: 1;
  }
  .hysm16 .wrapper {
    padding-top: 0;
  }
  .hysm16 #cent {
    max-width: 44%;
  }
  .hysm16 #cabec {
    top: -13px;
  }
  .hysm16 #cabec li {
    font-size: 1.5em;
    margin: 28px 7px 9px 9px;
  }
  .hysm16 #cabec li a {
    display: block;
    padding: 0px 19px;
  }
  .hysm16 #cuerpo-gifts {
    padding: 0px 34px 30px;
  }
  .hysm16 .regalos .im span {
    bottom: 30px;
    right: 31px;
  }
  .hysm16 .regalos .im span {
    padding: 8px 10px;
    bottom: 13px;
    right: 15px;
    font-size: 1.4em;
    text-transform: uppercase;
    position: absolute;
    background: #000;
    color: #fff;
  }
  .hysm16 .modal.gift-modal {
    width: 88%;
  }
  .hysm16 .modal.gift-modal .modal-dialog {
    height: 93%;
    margin-top: 0%;
  }
  .hysm16 .modal-body {
    position: relative;
    padding: 5% 17% 0 17%;
    padding-right: 163px;
  }
  .hysm16 .modal-content .close {
    top: 28px;
    right: 18px;
  }
  .hysm16 .producto {
    margin: 1.5% 1.5% 83px;
  }
  .hysm16 .player {
    display: block;
    position: relative;
  }
  .hysm16 .iframemov {
    display: none;
  }
  .hysm16 #modal-popup-shop .modal-dialog {
    width: 25%;
    height: 40%;
  }
}
@media (min-width: 480px) {
  .customize-category #main {
    margin: 47px 40px 0 40px;
  }
}
@media (min-width: 769px) {
  .customize-category #main {
    margin: 47px auto 0 auto;
  }
}
@media (min-width: 1025px) {
  .customize-category #main {
    margin: 7px auto 0 260px;
  }
}
.customize-category #aside-menu-filter {
  display: none;
}
.customize-category .category-category {
  display: inline;
  font-size: 16px;
  text-align: center;
}
.customize-category .category-product {
  position: relative;
  display: inline-block;
  width: 50%;
  margin-right: -4px;
  vertical-align: bottom;
}
@media (min-width: 480px) {
  .customize-category .category-product {
    width: 33.33%;
  }
}
.customize-category .category-product {
  padding-top: 9px;
  text-align: center;
  font-size: 11px;
}
@media (min-width: 480px) {
  .customize-category .category-product {
    padding-top: 0;
    font-size: 13px;
  }
}
@media (min-width: 1025px) {
  .customize-category .category-product {
    font-size: 12px;
  }
}
.customize-category .custom-category-title {
  width: 200px;
  margin: 20px auto 30px auto;
  display: block;
}
.customize-category .category-category-title {
  display: inline-block;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
}
.customize-category .category-category-title {
  font-size: 13px;
  margin-top: 13px;
  margin-top: 0;
  margin-bottom: 23px;
}
.customize-category .category-product-title {
  margin-top: 0;
  margin-bottom: 6px;
  font-size: 11px;
  text-transform: lowercase;
}
.customize-category .category-product-title:first-letter {
  text-transform: uppercase;
}
@media (min-width: 480px) {
  .customize-category .custom-category-title {
    width: 350px;
    margin: 37px auto 30px auto;
  }
  .customize-category .category-product-title {
    margin-top: 0;
    margin-bottom: 7px;
    font-size: 13px;
  }
  .customize-category .category-category {
    max-width: 740px;
    display: block;
    width: -moz-calc(83% - 30px);
    width: calc(83% - 30px);
    margin: 0 auto;
  }
}
@media (min-width: 769px) {
  .customize-category .custom-category-title {
    margin: 34px auto 30px auto;
  }
}
@media (min-width: 1025px) {
  .customize-category .category-category {
    max-width: 946px;
  }
  .customize-category .custom-category-title {
    margin: 18px auto 30px auto;
  }
  .customize-category .category-product-title {
    margin-top: 0;
    margin-bottom: 10px;
    margin-bottom: 15px;
    font-size: 11.5px;
  }
  .customize-category .offers {
    margin-bottom: 15px;
  }
}
.customize-category .product-link {
  width: 76.5%;
  margin: 0 auto;
  display: block;
  margin-bottom: 3px;
}
.customize-category .product-link img {
  width: 100%;
  height: auto;
  top: auto;
  bottom: 3px;
}
@media (min-width: 480px) {
  .customize-category .product-link {
    width: 89.7%;
    margin-bottom: 6px;
  }
}
@media (min-width: 769px) {
  .customize-category .product-link {
    width: 70.5%;
    margin-bottom: 9px;
  }
}
@media (min-width: 1025px) {
  .customize-category .product-link {
    width: 82%;
    margin-bottom: 10px;
  }
}
.customize-category .category-product-double .product-img-hover {
  display: none;
}
@media screen and (-webkit-max-device-pixel-ratio: 1.3), screen and (-webkit-max-device-pixel-ratio: 1.25), screen and (max-resolution: 120dpi), screen and (max-resolution: 1.3dppx) {
  .customize-category .category-product-double .product-link:hover .product-img {
    display: none;
  }
  .customize-category .category-product-double .product-link:hover .product-img-hover {
    display: block;
  }
}
.customize-category .offers {
  font-weight: 700;
}
.customize-category .price.old {
  text-decoration: line-through;
}
.customize-category .price-sale {
  margin-left: 6px;
  color: #0000cc;
}
.customize-category .discount {
  margin-left: 6px;
  color: #707070;
}
.customize-category .product-label-img {
  position: absolute;
  top: 9px;
  right: 0;
  width: 20%;
  max-width: 80px;
}
@media (min-width: 480px) {
  .customize-category .product-label-img {
    width: 25%;
    top: 0;
    right: 15px;
  }
}
@media (min-width: 769px) {
  .customize-category .product-label-img {
    right: 0;
  }
}
.customize-category .product-label-txt {
  display: block;
  width: 130px;
  padding: 8px 0;
  margin: 5px auto;
  line-height: 0;
  border: 1px solid #000;
  text-transform: uppercase;
}
.customize-category .byl-quickview {
  position: absolute;
  right: 4px;
  bottom: 140px;
  display: none;
  width: 22px;
  height: 15px;
  background: url('../images/eye.gif?v=1500026842') no-repeat;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
@media screen and (min-width: 1025px), screen and (min-width: 769px) and (-webkit-max-device-pixel-ratio: 1.3), screen and (min-width: 769px) and (-webkit-max-device-pixel-ratio: 1.25), screen and (min-width: 769px) and (max-resolution: 120dpi), screen and (min-width: 769px) and (max-resolution: 1.3dppx) {
  .customize-category .category-product:hover .byl-quickview {
    display: block;
  }
}
.customize-category .product-link {
  position: relative;
}
.customize-category .product-link::after {
  content: '';
  display: block;
  height: 0;
  width: 100%;
  padding-bottom: 220%;
}
.customize-category .product-link .plcontent {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.customize-category .category-product-square .product-link::after {
  padding-bottom: 100%;
}
.customize-category .category-product-square.mixed .product-link::after {
  margin-top: 120%;
}
#modal-pais-idioma .modal-dialog {
  max-width: 450px;
}
#modal-pais-idioma .modal-body {
  padding-top: 0;
  padding-bottom: 40px;
}
#modal-pais-idioma .contact-subtitle {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 15px;
  font-weight: bold;
}
#modal-pais-idioma .section-pais-idioma {
  position: relative;
  width: 290px;
  max-width: 290px;
  margin: 0 auto;
  text-align: center;
}
#modal-pais-idioma .section-pais-idioma p {
  text-align: left;
}
#modal-pais-idioma input[type="submit"] {
  margin-top: 17px;
  width: 100%;
  height: 43px;
  font-size: 13px;
  line-height: 23px;
}
.pais-idioma-url .contact-subtitle {
  margin-top: 40px;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 20px;
}
.pais-idioma-url .section-pais-idioma {
  position: relative;
  padding: 10% 10% 50px;
  text-align: center;
}
.pais-idioma-url input[type="submit"] {
  margin-top: 17px;
  width: 100%;
  height: 43px;
  font-size: 13px;
  line-height: 23px;
}
@media (min-width: 480px) {
  .pais-idioma-url .section-pais-idioma {
    padding: 50% 30% 50px;
  }
}
@media (min-width: 769px) {
  .pais-idioma-url .section-pais-idioma {
    padding: 25% 35% 50px;
  }
}
/*
#modal-pais-idioma{
  -webkit-animation: repaint 1ms;
  -moz-animation: repaint 1ms;
  animation: repaint 1ms;
 }
*/
#modal-pais-idioma .close {
  z-index: 30000;
}
/*
  @-webkit-keyframes repaint {

    from {
        width: 99.9%;
    }
    to {
        width: 100%;
    }

  }

  @-moz-keyframes repaint {

      from {
          width: 99.9%;
      }
      to {
          width: 100%;
      }

  }

  @keyframes repaint {

      from {
          width: 99.9%;
      }
      to {
          width: 100%;
      }

  }
    -webkit-animation: repaint 1ms;
       -moz-animation: repaint 1ms;
        -ms-animation: repaint 1ms;
            animation: repaint 1ms;

*/
#newsletter-modal {
  text-align: center;
  background-color: transparent;
}
#newsletter-modal::before {
  display: inline-block;
  vertical-align: middle;
  content: " ";
  height: 100%;
}
#newsletter-modal .modal-dialog {
  text-align: left;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  max-width: 100%;
  width: 100%;
}
#newsletter-modal .modal-content {
  /*height: 329px;*/
  background-image: url("../images/back_newsletter.png");
}
#newsletter-modal .textbox-wrapper {
  width: 100%;
  padding: 23px 30px 28px 30px;
  box-shadow: 5px 7px 0 #000000;
  background-color: #ffffff;
}
#newsletter-modal .modal-title {
  font-size: 21px;
  line-height: 1;
}
#newsletter-modal .modal-body {
  padding: 22px 0 0 0;
}
#newsletter-modal .modal-body p {
  font-size: 14px;
  line-height: 1.3;
}
#newsletter-modal .modal-body input[type="email"] {
  margin-top: 20px;
  border: none;
  border-bottom: 1px solid black;
  background: none;
  padding-left: 1px;
  padding-bottom: 6px;
  max-width: 280px;
  font-weight: bold;
  font-size: 14px;
}
#newsletter-modal .modal-body .checkbox-wrapper {
  margin: 18px 0 0px 0;
}
#newsletter-modal .modal-body input[type="submit"] {
  margin-top: 10px;
  width: 100%;
}
#newsletter-modal .modal-body a {
  text-decoration: none;
  font-weight: 700;
}
#newsletter-modal .close {
  position: absolute;
  top: 26px;
  right: 20px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  padding: 5px;
}
#newsletter-modal .close::after {
  content: '';
  background-image: url('../images/sprite.png');
  background-position: -2px -602px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 18px;
  height: 18px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  #newsletter-modal .close::after {
    background-image: url('../images/sprite@2x.png');
    background-size: 205px 1572px;
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
  #newsletter-modal .close::after {
    background-image: url('../images/sprite@3x.png');
    background-size: 205px 1572px;
  }
}
@media screen and (min-width: 1025px), screen and (min-width: 769px) and (-webkit-max-device-pixel-ratio: 1.3), screen and (min-width: 769px) and (-webkit-max-device-pixel-ratio: 1.25), screen and (min-width: 769px) and (max-resolution: 120dpi), screen and (min-width: 769px) and (max-resolution: 1.3dppx) {
  #newsletter-modal .close::after.active,
  #newsletter-modal .close::after:active,
  #newsletter-modal .close::after:focus,
  #newsletter-modal .close::after:hover {
    background-position: -2px -736px;
  }
}
@media (min-width: 480px) {
  #newsletter-modal .close::after {
    background-image: url('../images/sprite.png');
    background-position: -2px -85px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    width: 11px;
    height: 11px;
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
  }
}
@media (min-width: 480px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 480px) and (min-resolution: 192dpi) {
  #newsletter-modal .close::after {
    background-image: url('../images/sprite@2x.png');
    background-size: 205px 1572px;
  }
}
@media (min-width: 480px) and (-webkit-min-device-pixel-ratio: 3), (min-width: 480px) and (min-resolution: 288dpi) {
  #newsletter-modal .close::after {
    background-image: url('../images/sprite@3x.png');
    background-size: 205px 1572px;
  }
}
@media (min-width: 480px) and (screen) and (min-width: 1025px), (min-width: 480px) and (screen) and (min-width: 769px)
and (-webkit-max-device-pixel-ratio: 1.3), (min-width: 480px) and (screen) and (min-width: 769px) and
(-webkit-max-device-pixel-ratio: 1.25), (min-width: 480px) and (screen) and (min-width: 769px) and
(max-resolution: 120dpi), (min-width: 480px) and (screen) and (min-width: 769px) and (max-resolution: 1.3dppx) {
  #newsletter-modal .close::after.active,
  #newsletter-modal .close::after:active,
  #newsletter-modal .close::after:focus,
  #newsletter-modal .close::after:hover {
    background-position: -2px -100px;
  }
}
@media (min-width: 480px) {
  #newsletter-modal .modal-dialog {
    text-align: left;
    display: inline-block;
    position: absolute;
    max-width:90%;
  }
  #newsletter-modal .modal-content {
    max-width:100%;
    width: 702px;
    height: 580px;
    padding: 54px 0 0 29px;
    background-position: -99px 1px;
  }
  #newsletter-modal .close {
    position: absolute;
    top: 13px;
    right: 14px;
    background-color: #ffffff;
    border-radius: 10px;
  }
  #newsletter-modal .textbox-wrapper {
    width: 377px;
    padding: 32px 46px 28px 46px;
  }
  #newsletter-modal .modal-title {
    margin-top: 12px;
  }
  #newsletter-modal .checkbox-wrapper {
    margin: 24px 0 12px 0;
  }
}
@media (min-width: 769px) {
  #newsletter-modal .modal-dialog {
    width: 745px;
  }
  #newsletter-modal .modal-content {
    width: 743px;
    height: 560px;
    padding: 54px 0 0 38px;
    background-position: -59px 0;
  }
  #newsletter-modal .textbox-wrapper {
    width: 400px;
  }
  #newsletter-modal .checkbox-wrapper {
    margin: 18px 0 12px 0;
  }
}
@media (min-width: 1025px) {
  #newsletter-modal .modal-content {
    padding: 54px 0 0 42px;
    background-position: -53px -2px;
  }
  #newsletter-modal .textbox-wrapper {
    padding: 30px 46px;
  }
  #newsletter-modal .checkbox-wrapper {
    margin: 24px 0 12px 0;
  }
}

/*.e404 main {
  background: url('../images/error404-bg.jpg') bottom center repeat-x;
  background-size: 100% auto;
}
@media (min-width: 480px) {
  .e404 main {
    background-size: auto 100%;
  }
}
.e404 #logo2 {
  max-width: 176px;
  height: auto;
}
.e404 #error-txt {
  position: absolute;
  top: 160px;
  left: 50%;
  width: 300px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
  font-size: 13px;
}
@media (min-width: 480px) {
  .e404 #error-txt {
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
.e404 .error-title {
  margin-top: 33px;
  margin-bottom: 13px;
  font-size: 19px;
  font-weight: 700;
}
.e404 .error-content {
  margin-bottom: 14px;
  font-size: 12px;
  font-weight: 700;
}
.e404 .error-label {
  margin-bottom: 10px;
}
.e404 div.campo-busqueda-lupa {
  float: left;
  width: 100%;
  margin-bottom: 35px;
}
.e404 div.campo-busqueda-lupa input[type="text"] {
  float: left;
  padding-right: 34px;
  border: 1px solid #000;
  background-color: #ffffff;
}
.e404 div.campo-busqueda-lupa button {
  background-color: black;
  height: 28px;
  width: 28px;
  border: none;
  float: right;
  margin-top: -28px;
  padding-left: 2px;
  padding-right: 2px;
}
.e404 div.campo-busqueda-lupa button span {
  background-image: url('../images/sprite.png');
  background-position: -2px -514px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 18px;
  height: 18px;
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  margin-left: 3px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .e404 div.campo-busqueda-lupa button span {
    background-image: url('../images/sprite@2x.png');
    background-size: 205px 1572px;
  }
}
@media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
  .e404 div.campo-busqueda-lupa button span {
    background-image: url('../images/sprite@3x.png');
    background-size: 205px 1572px;
  }
}
@media (min-width: 480px) {
  .e404 main {
    width: 470px;
  }
  .e404 #logo2 {
    max-width: 150px;
  }
}*/

#error-txt {
  display: block;
  margin-top: 150px;
}
@media (max-width: 1024px) {
  #error-txt {
    margin-top: 90px;
  }
}
@media (max-width: 480px) {
  #error-txt {
    margin-top: 75px;
  }
}
#error-txt .container-center {
  margin: 0 auto;
  text-align: center;
  max-width: 380px;
  padding: 5px;
}

#error-txt h1{
  display: block;
  font-size: 66px;
  margin-bottom: 25px;
  text-transform: inherit;
  font-weight: normal;
}

#error-txt .error-content{
  display: block;
  font-size: 22px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

#error-txt .error-subcontent{
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  max-width: 220px;
  margin: 0 auto;
  margin-bottom: 80px;
}

#error-txt .button-home{
  font-size: 14px;
  margin: 0 auto;
  text-transform: uppercase;
  padding: 15px 30px;
  background-color: black;
  color: white;
  border: 1px solid black;
  display: inline-block;
}
#error-txt .button-home:hover{
  background-color: white;
  color: black;
}

@media (max-width: 480px) {
  #error-txt h1{
    font-size: 50px;
  }

  #error-txt .error-content{
    font-size: 18px;
  }

  #error-txt .error-subcontent{
    font-size: 12px;
  }

  #error-txt .button-home{
    font-size: 14px;
  }

}


#thisis-txt {
  display: block;
  margin-top: 150px;
}
@media (max-width: 1024px) {
  #thisis-txt {
    margin-top: 120px;
  }
}
@media (max-width: 480px) {
  #thisis-txt {
    margin-top: 100px;
  }
}
#thisis-txt .container-center {
  margin: 0 auto;
  text-align: center;
  padding: 5px;
}

#thisis-txt h1{
  display: block;
  font-size: 66px;
  margin-bottom: 30px;
  text-transform: inherit;
  font-weight: normal;
}

#thisis-txt .thisis-content{
  display: block;
  font-size: 25px;
  text-transform: uppercase;
  margin-bottom: 150px;
}

@media (max-width: 1024px) {
  #thisis-txt .thisis-content{
    margin-bottom: 80px;
  }
  #thisis-txt h1{
    font-size: 50px;
  }
}

#thisis-txt .button-home{
  font-size: 14px;
  margin: 0 auto;
  text-transform: uppercase;
  padding: 15px 30px;
  background-color: black;
  color: white;
  border: 1px solid black;
  display: inline-block;

}
#thisis-txt .button-home:hover{
  background-color: white;
  color: black;
}

@media (max-width: 480px) {
  #thisis-txt h1{
    font-size: 35px;
  }
  #thisis-txt .thisis-content{
    font-size: 16px;
  }
  #thisis-txt .button-home{
    font-size: 14px;
  }
  #thisis-txt .thisis-content{
    margin-bottom: 50px;
  }

}


@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?kr2o0z');
  src:  url('../fonts/icomoon.eot?kr2o0z#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?kr2o0z') format('truetype'),
    url('../fonts/icomoon.woff?kr2o0z') format('woff'),
    url('../fonts/icomoon.svg?kr2o0z#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"], .wishlist-icon::after {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-wl-01:before,
.icon-wl:before {
  content: "\e900";
}
.icon-myaccount:before {
  content: "\e901";
}
.icon-search:before {
  content: "\e902";
}
.icon-wl-02:before {
  content: "\e903";
}
.icon-help:before {
  content: "\e904";
}
.icon-plus-w:before {
  content: "\e905";
}
.icon-plus-b:before {
  content:"\e906";
}
.icon-minus-w:before {
  content:"\e907";
}
.icon-minus-b:before {
  content:"\e908";
}


/*******************************************************/
/*************  Etiquetas personalizadas  ************************/

.category-category span.no_stock {
  background-color: white;
  display: block;
  position: absolute;
  width: 150px;
  text-align: center;
  font-size: 16px;
  text-transform: uppercase;
  left: 50%;
  top: 50%;
  margin-left: -75px;
  z-index: 99;
}
.category-category .product-link  .plcontent.out_stock img{
   opacity: 0.50;
   filter: alpha(opacity=50);
 }

.category-category span.coming_soon {
  background-color: white;
  display: block;
  position: absolute;
  width: 150px;
  text-align: center;
  font-size: 16px;
  text-transform: uppercase;
  left: 50%;
  top: 50%;
  margin-left: -75px;
  z-index: 99;
  opacity: 0.75;
  filter: alpha(opacity=75);
}

.category-category span.online_exclusive {
  display: inline-block;
  background-color: white;
  border: 1px solid black;
  text-align: center;
  font-size: 13px;
  width: 120px;
  text-transform: uppercase;
  margin: -10px auto 10px;
}

.category-category span.no_stock_bottom_label {
  display: inline-block;
  background-color: white;
  border: 1px solid black;
  text-align: center;
  font-size: 13px;
  width: 120px;
  text-transform: uppercase;
  margin: -10px auto 10px;
}

.category-category span.tag_label {
  display: inline-block;
  text-align: center;
  font-size: 13px;
  text-transform: uppercase;
  margin: 0 auto 10px;
  background-color: white;
  border: 1px solid black;
  min-width: 96px;
  padding: 0 6px;
}

.category-category .category-product.special_tags span.tag_label {
  background-color: white;
  border: 1px solid green;
  color: green;
  width: 96px;
}

.category-category .category-product.mid_season_tags span.tag_label {
  background-color: white;
  border: 1px solid #5B4CFF;
  color: #5B4CFF;
  width: 96px;
}

@media (max-width: 1024px) {
  .category-category span.online_exclusive,
  .category-category span.no_stock_bottom_label,
  .category-category span.tag_label {
    margin-top: 2px;
  }
}
@media (max-width: 600px) {
  .category-category span.online_exclusive,
  .category-category span.no_stock_bottom_label,
  .category-category span.tag_label {
    font-size: 12px;
  }
}

/*******************************************************/
/*************  Área de Prensa  ************************/

.nuevo_contacto {
  width: 90%;
  margin: 0 auto;
  max-width: 1275px;
  padding-top: 35px;
}

.nuevo_contacto h1{
  text-align : center;
  background-color : #ebebec;
  padding : 10px 0;
  font-weight: 100;
  font-size: 25px;
  margin-bottom: 30px;
  text-transform: uppercase;
  font-weight: bold;
}
.nuevo_contacto .titulo_agencia a{
  font-weight: bold;
}

.nuevo_contacto p{
  margin: 0;
  padding-bottom: 2px;
}
.nuevo_contacto .centrado{
  width : 100%;
  margin-left: 1%;
  margin-top: 5%;
}

.nuevo_contacto .col1 {
  width : 45%;
  margin-right : 5%;
  float : left;
}

.nuevo_contacto .col2 {
  width : 45%;
  margin-left : 5%;
  float : left;
}



@media screen and (max-width: 767px) {
  #product_list #memo .ajax_block_product, ul.portada li.productos #venta_productos_home .ajax_block_product{
    width : 49.5%;
  }

  #int_reg{
    width : 50%;
    margin-left : -30px;
    left : 25%;
    top : 50px;
    /*overflow : scroll;
    -webkit-overflow-scrolling: touch;*/
    height : 100%;
  }

  #page #int_reg .mCSB_scrollTools{
    right : 0;
  }

  #int_forgot, #int_account_creation{
    width : 50%;
    margin-left : -35px;
    left : 25%;
    top : 50px;
    margin-top : 0;
  }

  body#stores #center_column{
    margin-top : 51px;
  }

  .opciones{
    top : 0;
    right : 0;
    left : 0;
    margin : 0 auto;
  }

  #map{
    position : relative;
    float : none;
  }

  .nuevo_contacto .col1, .nuevo_contacto .col2{
    float : none;
    margin : 0 auto;
    width : 70%;
  }

  .form_correo, .form_pass{
    float: none;
    margin: 0 auto 50px;
    width: 100%;
  }

  .desactivar_cuenta{
    padding-top : 0;
  }

  #menu_micuenta{
    margin : 0 auto 50px;
  }

  body#address .centrando{
    width : 80%;
  }

  #history .centrando{
    width : 95%;
  }

  #mini_resumen, .capa_dir_proceso_compra, div#order_pay_method, #resto_carrito #opc_new_account{
    width : 100%;
    margin : 0 auto 40px;
    float : none;
    overflow : hidden;
  }

  .contenido_order_finanl{
    width : 100%;
  }

  #map, #localizador{
    display : none;
  }
}





/*********************************************/
/*************  CMS Apps  ********************/
#landApp h1{
  font-weight: bold;
  font-size:45px;
  text-transform:uppercase;
  padding:20px 0 40px;
}
#landApp h1 span {
  display: block;
  font-size: 0.8em;
  text-transform: none;margin-top:10px;
}
#landApp h1 span strong{    font-size: 1.3em;}
#landApp h1 span i {
  display: block;
  font-size: 0.458em;
  font-style: normal;margin-top:8px;
}
#landApp p{font-size:13px;line-height:1.2;
}
#landApp p span{font-size:0.8em;display:block;}
#landApp li{list-style:none;}

#landApp #hero p{    font-weight: 100;
  font-size: 45px;
  text-transform: uppercase;max-width: inherit;    padding-top: 60px;}
#landApp #hero p span {font-size:0.6em;display:block;white-space:nowrap;}

#landApp{text-align:center;width:100%;max-width:850px;margin:0 auto;}

#landApp a{text-decoration:none;}

#landApp #hero{width:44%;margin:20px auto;background-size: auto 38%;}
#landApp #hero::after{content:" ";display:block;clear:both;}
#landApp #hero div{width:50%;position:relative;float:left;    padding: 5px;  }
#landApp #hero>div>img{width:80%;margin:0 auto;}
#landApp #hero>div#and{float:right;}
#landApp #hero>div#and>img{margin:5% auto;}
#landApp #hero p{margin:0 auto;display:block;font-size:14px;
  clear:both;padding-top:20px;}
#landApp #eng #hero p{max-width:70%;}
#landApp #hero div a{max-width:150px;margin:0 auto;display:block;padding-top:10px;}
#landApp #hero div a img{width:100%;display: block;border-radius: 4px;}

#landApp #menApp{margin:80px auto 140px; padding: 0}
#landApp #menApp::after{content:" ";display:block;clear:both;}
#landApp #menApp li{display:block;float:left;width:25%;}
#landApp #menApp li img{width:50%;display:block;margin:10px auto;}
#landApp #menApp span{display:inline-block;margin:0 auto;
  text-transform:uppercase;font-size:15px;padding-bottom:2px;margin-bottom:10px;clear:both;}
#landApp #menApp a{color:#000;}

#landApp article{position:relative;margin-bottom:160px;}
#landApp article::after{content:" ";display:block;clear:both;}
#landApp article div{float:left;width:50%;}
#landApp article div:first-child{padding-top:100px;}
#landApp article img{width:70%;}
#landApp article#a img,#landApp article#b img,#landApp article#d img{position:relative;left:-2%;}

#landApp article h2{display:inline-block;
  font-size:24px;text-transform:uppercase;margin-bottom:10px;
  padding-bottom:10px;position:relative;padding-top:60px;line-height:1.3;
  font-weight: 600;
}
#landApp article p{width: 56%;margin: 0 auto;}

#landApp h2::before{content:" ";display:block;position:absolute;top:0;left:-50%;height:50px;width:200%;background-size:auto 100%;background-repeat:no-repeat;background-position:center top;}
#landApp #a h2::before{background-image:url(../images/pocket.png);}
#landApp #b h2::before{background-image:url(../images/ico-social.png);height:30px;background-position:center bottom;top:25px;}
#landApp #c h2::before{background-image:url(../images/ico-scan.png);height:35px;}
#landApp #d h2::before{background-image:url(../images/ico-shops.png);}
#landApp .experience {
  font-size:24px !important;
  text-transform:uppercase;
  font-weight: bold;
}

#landApp .boton_download_ios {
  background-color: #1e1e1c !important;
  background: url(../images/apple.png) 10px no-repeat;
  display: block;
  padding: 8px;
  width: 100%;
  cursor: pointer;
  border: none;
  margin-top: 12px !important;
}

#landApp .text-boton_download_ios{
  padding-left: 42px !important;
  text-transform: uppercase;
  text-align: left;
  line-height: 1.3;
  letter-spacing: 0.5pt !important;
  font-size: 9px !important;
  color: #fff !important;
}

#landApp .boton_download_android {
  background-color: #1e1e1c !important;
  background: url(../images/google.png) 11px no-repeat;
  display: block;
  padding: 8px;
  width: 100%;
  cursor: pointer;
  border: none;
  margin-top: 12px !important;
}

.text-boton_download_android{
  padding-left: 42px !important;
  text-transform: uppercase;
  text-align: left;
  line-height: 1.3;
  letter-spacing: 0.5pt !important;
  font-size: 9px !important;
  color: #fff !important;
}

@media only screen and (max-width: 780px){
  #landApp #hero p span {margin-left: -20px;}
  #landApp article div:first-child {
    padding-top: 10px;
  }
}

@media only screen and (max-width: 420px){

  #landApp h1{font-size:30px;width: 70%;min-width:188px;margin: 0 auto;}
  #landApp p{font-size:12px;}

  #landApp #hero p span {    margin-left: inherit;
    white-space: normal;
    margin-bottom: 50px;
    display: block; }


  #landApp #hero{width:100%;}
  #landApp #hero p{max-width:100%;}

  #landApp #and a img{width:108px !important;margin-top:2px;}

  #landApp #menApp{margin-top:30px;margin-bottom:40px;width:90%;padding: 0}
  #landApp #menApp span{font-size:12px;letter-spacing:-1px;}
  #landApp #menApp li img{width:70%;}

  #landApp article{margin-bottom:60px;}
  #landApp article div:first-child{padding-top:0;}
  #landApp article#b div:first-child{margin-top:-23px;}
  #landApp article h2{font-size:14px;}
  #landApp article p{width:86%;}

  #landApp article img{width:93%;}
}

/*********************************************/
/*************  CMS Devos  ********************/
#landdevos {
  max-width: 1200px;
  margin: 0 auto;
}
#landdevos h1 {
  display: inline-block;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
}
#landdevos h2 {
  display: inline-block;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  margin-top: 50px;
  margin-bottom: 25px;
}
#landdevos h3 {
  font-size: 16px;
}
#landdevos > ul {
  list-style: none;
  padding: 0 50px;
}
#landdevos > ul > li {
  margin: 15px 0;
  cursor: pointer;
  color: #5a5a5a;
  font-size: 13px;
}
#landdevos ul li .open {
  padding-right: 5px;
}
#landdevos ul li .close {
  padding-right: 5px;
}

#landdevos ul li > .enable {
  display: inline-block;
}
#landdevos ul li > .disable {
  display: none;
}
#landdevos ul li .content {
  color: #000;
  padding: 10px 28px;
}
#landdevos .sub-element {
  padding-bottom: 30px;
}
#landdevos .sub-element .center {
  max-width: 400px;
  margin: 0 auto;
  padding: 0 30px;
}
#landdevos .sub-element .left {
  display: inline-block;
  width: 50%;
  float: left;
}

#landdevos .sub-element .left ul {
  list-style: none;
}
#landdevos .sub-element .left ul > li{
  margin-bottom: 10px;
}

#landdevos .sub-element .right {
  display: inline-block;
  width: 50%;
}

#landdevos .sub-element a.btn-default {
  max-width: 200px;
}

#landdevos .sub-element .btn-default {
  margin: 0 auto;
  display: block;
}

#landdevos .sub-element .btn-default {
  margin: 0 auto;
  display: block;
}

@media only screen and (max-width: 780px) {
  #landdevos h1 {
    font-size: 25px;
    margin-top: 10px;
    margin-bottom: 5px;
  }
  #landdevos h2 {
    font-size: 16px;
    margin-top: 25px;
    margin-bottom: 5px;
  }
  #landdevos h3 {
    font-size: 14px;
  }
  #landdevos > ul {
    padding: 0 30px;
  }
  #landdevos .sub-element {
    padding: 0;
  }
}
@media only screen and (max-width: 650px) {

  #landdevos > ul {
    padding: 0 20px;
  }
  #landdevos h3 {
    border-bottom: 1px solid #5a5a5a;
  }
  #landdevos .sub-element .center {
    max-width: none;
    padding: 0 20px;
  }
  #landdevos .sub-element .left {
    display: block;
    width: 100%;
    float: none;
    margin-top: 10px;
    margin-bottom: 25px;
  }
  #landdevos .sub-element .right {
    display: block;
    width: 100%;
    float: none;
    margin-top: 10px;
    margin-bottom: 40px;
  }
  #landdevos .sub-element .btn-default {
    margin-top: 15px;
  }
}


#aviso-canarias {
    position: absolute;
    background: #ffff01;
    border: solid 2px #000;
    padding: 10px;
    bottom: 100px;
    left: 30px;
    z-index: 99999;
    display: none;
}

@media only screen and (max-width: 780px) {
    #aviso-canarias {
        top: 50%;
        bottom: auto;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        left: 50%;
        margin: auto;
        width: 80%;
        max-width: 230px;
    }
}

#aviso-canarias a{
    text-decoration: underline;
}

.cerrar-canarias {
    position: absolute;
    right: -10px;
    top: -10px;
    background: #ffffff;
    cursor: pointer;
}

.hola-canarias {
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 5px;
    font-style: italic;
}
.response-msg{
  font-weight: bold;
  font-size: 12px; 
}

.response-msg-big{
  font-weight: bold;
  font-size: 15px;
}

.hola-canarias {
    font-size: 2em;
    font-weight: bold;
}

.text-canarias {
    text-align: center;
    line-height: 0.5;
}

#aviso-canarias .close {
    position: absolute;
    top: -14px;
    right: -14px;
    background-color: #ffffff;
    border-radius: 10px;
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    border: 0;
    padding: 5px;
}

#aviso-canarias .close::after {
    content: '';
    background-image: url('../images/sprite.png');
    background-position: -2px -602px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    width: 18px;
    height: 18px;
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.blackfriday-cat {
  position: relative;
}
.blackfriday-cat > .dropdown-menu {
  position: relative;
  opacity: 1;
  max-height: 1000px;
  float: none;
  display: block;
  overflow: hidden;
}

.full-collection {
  position: relative;
}
.full-collection > .dropdown-menu {
  position: relative;
  float: none;
  display: block;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  -webkit-transition: 0.3s max-height ease-in-out, 0.3s opacity linear;
  -moz-transition: 0.3s max-height ease-in-out, 0.3s opacity linear;
  transition: 0.3s max-height ease-in-out, 0.3s opacity linear;
}

.full-collection.custom-open > .dropdown-menu {
  max-height: 1000px;
  opacity: 1;
}
/* Styles for Instagram Stories */
.fullscreen main.ios-webview#main {
  height: 93%;
}
/* superindice */
#menu li.super-index > a::after {
  content: 'new';
  font-size: 0.8em;
  text-transform: uppercase;
  vertical-align: super;
  padding-left: 5px;
}

/*--------------*/
/*     GDPR     */
/*--------------*/

body.intercept.useloader:not(.loaded)>*:not(#fullpage-loader) {
  visibility:visible;
}


body.intercept {
  max-width: 1200px;
  margin: auto;
}

body.intercept .logo {
  margin-top: 20%;
  background-image: url('../images/sprite.png');
  background-position: -2px -881px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: inline-block;
  width: 205px;
  height: 26px;
}

body.intercept .left-column {
  width: 45%;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
}


body.intercept .right-column {
  width: 52%;
  margin-left: 45%;
}

body.intercept .button-intercept {
  width: 150px;
  font-size: 16px;
}
body.intercept .paragraph {
  max-width: 524px;
  font-size: 16px;
}

body.intercept .main-paragraph {
  margin-top: 35px;
  margin-bottom: 35px;
}

body.intercept .secondary-paragraph {
  margin-top: 34px;
}

body.intercept .image {
  margin: 32px auto;
  display: block;
  width: 80%;
  max-width: 497px;
  max-height: 671px;
}

@media (max-width: 900px) {
  body.intercept .image {
    width: 90%;
    margin-top: 20px;
  }
}
body.intercept .strong-link {
  text-decoration: underline;
  font-weight: 900;

}
body.intercept .soft-link {
  text-decoration: underline;
  font-weight: normal;
}

body.intercept .close {
  position: absolute;
  top: 20px;
  right: 20px;
  border:none;
  background-color: transparent;
  padding: 10px;
}
body.intercept .close-tienda {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  margin-bottom: 35px;
}
body.intercept .close-tienda span {
  width: auto;
}

body.intercept .close:after {
  content: '';
  background-image: url('../images/sprite.png');
  background-position: -2px -602px;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  width: 18px;
  height: 18px;
  /*font: 0/0 a;*/
  /*color: transparent;*/
  /*text-shadow: none;*/
  /*background-color: transparent;*/
  /*border: 0;*/
}
body.intercept .form-container {
  padding: 20px;
  border: 1px solid black;
}
body.intercept .form-container .titles {
  margin-bottom: 15px;
}
body.intercept .form-container .titles .email {
  float: right;
}
body.intercept .form-container .titles .title {
  font-weight: bold;
  font-size: 20px;
}
body.intercept form .checkbox-wrapper {
  margin-bottom: 10px;
  cursor: auto;
}
body.intercept form .email-input {
  margin-bottom: 15px;
  max-width: 430px;
}

body.intercept .button-intercept {
  margin-top: 5px;
}
body.intercept #email-error{
  top: -10px;
  position: relative;
}
body.intercept #privacy_policy-error{
  top: -5px;
  color: #d9534f;
  font-weight: normal;
  position: relative;
}
body.intercept  .checkbox-wrapper input[type=checkbox].error + label {
  border-color: #d9534f;
}

@media (max-width: 700px) {

  body.intercept {
    max-width: 100%;
  }

  body.intercept .left-column {
    display: block;
    position: relative;
    margin: 0 auto;
    width: 90%;
  }
  body.intercept .right-column {
    display: block;
    position: relative;
    margin: auto;
    width: 90%;
  }
  body.intercept .button-intercept {
    display: block;
    margin: auto;
  }


  body.intercept .main-paragraph {
    margin-top: 16px;
    margin-bottom: 18px;
  }

  body.intercept .secondary-paragraph {
    margin-top: 31px;
    margin-bottom: 31px;

  }

  body.intercept .image {
    width: 100%;
    margin-bottom: 12px;
    margin-left: auto;
    margin-right: auto;

  }

}

/* info-subscriptions  user-section */
.info-subscriptions .user-section .section-title {
  font-weight: bold;
}
@media (max-width: 765px){
  .info-subscriptions .user-section .section-title {
    font-weight: normal;
  }
}

.mx-invoice-link-container {
  margin: 26px auto 10px;
}
@media (min-width: 1025px) {
  .mx-invoice-link-container {
    max-width: 735px;
  }
}
.mx-invoice-link-container a {
  text-decoration: underline;
}

.product-description-txt .desktop-description .avisoImagenRetocada {
  display: block;
  margin-bottom: 10px;
}
.product-description-txt .mobile-description .avisoImagenRetocada {
  display: block;
  margin: 5px 0;
}

#modal-gdpr-home.modal {
  background-color: transparent;
}
#modal-gdpr-home .modal-content > .modal-header > .close::after {
   background-position: -2px -129px;
   width: 12px;
   height: 12px;
}
#modal-gdpr-home .modal-content {
  border: none;
}
#modal-gdpr-home .modal-body {
  font-size: 0;
}
#modal-gdpr-home h3, #modal-rma h3 {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 20px;
}
#modal-gdpr-home .modal-body .checkbox-wrapper {
  font-size: 13px;
  margin-top: 20px;
}
#modal-gdpr-home input[type="email"] {
  /*margin-bottom: 20px;*/
  border: none;
  border-bottom: 1px solid black;
  background: none;
  padding-left: 1px;
  padding-bottom: 6px;
  padding-top: 6px;
  max-width: 280px;
  font-weight: bold;
  font-size: 14px;
}
#modal-gdpr-home .basic-form:not(.info-contact-form) input.email-input:disabled {
   background: inherit !important;
   border-bottom: 1px solid black  !important;
}
#modal-gdpr-home .basic-form input.email-input:disabled:hover {
   color: inherit;
}
#modal-gdpr-home .modal-body .paragraph {
  font-size: 12px;
}
#modal-gdpr-home .modal-body .paragraph a {
  text-decoration: underline;
  font-weight: normal;
}
#modal-gdpr-home .modal-body .paragraph.success {
  font-size: 15px;
}
#modal-gdpr-home .left-column, #modal-rma .left-column {
  display: inline-block;
  width: 45%;
  vertical-align: middle;
  padding-right: 20px;
}
#modal-gdpr-home .right-column, #modal-rma .right-column {
  display: inline-block;
  width: 55%;
  vertical-align: middle;
  padding-left: 20px;
}
#modal-gdpr-home .left-column img {
  width: 100%;
}
#modal-gdpr-home input[type="submit"]
{
  margin-top: 17px;
  width: 100%;
  height: 43px;
  font-size: 15px;
  line-height: 23px;
  margin-bottom: 30px;
  max-width: 200px;
}
#modal-rma .close
{
  margin-top: 17px;
  width: 100%;
  height: 43px;
  font-size: 15px;
  line-height: 23px;
  margin-bottom: 30px;
  max-width: 200px;
  background: black;
  color: white;
  border: 0;
  text-transform: uppercase;
  font-family: Geogrotesque ;
}
@media (max-width: 479px) {
  #modal-gdpr-home {
  	text-align: center;
  }
  #modal-gdpr-home .modal-dialog {
    width: calc(100% - 40px);
    text-align: left;
    display: inline-block;
    vertical-align: middle;
  }
  #modal-gdpr-home:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
  #modal-gdpr-home input[type="submit"] {
  	max-width: none;
  }
}
@media (min-width: 480px) {
  #modal-gdpr-home .modal-body {
    padding-top: 0;
  }
  #modal-gdpr-home .modal-dialog {
    width: 85%;
  }
}

@media (min-width: 769px) {
  #modal-gdpr-home .modal-dialog {
    width: 608px;
  }
  #modal-gdpr-home .modal-header {
    float: right;
  }
}

@media (min-width: 920px) {
  #modal-gdpr-home .modal-dialog {
    width: 800px;
  }
}

@media (max-width: 768px) {
  #modal-gdpr-home .left-column {
    width: 100%;
    padding-right: 0;
    display: none;
  }
  #modal-gdpr-home .right-column {
    width: 100%;
    padding-left: 0;
  }
}

#contenedor-syncro{
  position: absolute;
  margin: 0 auto;
  padding: 10px;
  left: 0;
  right: 0;
  top: 5px;
  width: 70%;
  background-color: rgba(128, 128, 128, 0.74);
  box-shadow: 2px 2px 5px 1px #636060;
  z-index: 9999999999;


}

#contenedor-syncro-title {

  font-size: 21px;
  color: #960000;
  text-align: center;
}


/*
************************  Dropzone  ************************
*/



@-webkit-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px); } }
@-moz-keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px); } }
@keyframes passing-through {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  30%, 70% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px); } }
@-webkit-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); } }
@-moz-keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); } }
@keyframes slide-in {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    -moz-transform: translateY(40px);
    -ms-transform: translateY(40px);
    -o-transform: translateY(40px);
    transform: translateY(40px); }
  30% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px); } }
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
@-moz-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  10% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  20% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
.dropzone, .dropzone * {
  box-sizing: border-box; }

.dropzone {
  min-height: 150px;
  border: 2px solid rgba(0, 0, 0, 0.3);
  background: white;
  padding: 20px 20px; }
.dropzone.dz-clickable {
  cursor: pointer; }
.dropzone.dz-clickable * {
  cursor: default; }
.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
  cursor: pointer; }
.dropzone.dz-started .dz-message {
  display: none; }
.dropzone.dz-drag-hover {
  border-style: solid; }
.dropzone.dz-drag-hover .dz-message {
  opacity: 0.5; }
.dropzone .dz-message {
  text-align: center;
  margin: 2em 0; }
.dropzone .dz-preview {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 16px;
  min-height: 100px; }
.dropzone .dz-preview:hover {
  z-index: 1000; }
.dropzone .dz-preview:hover .dz-details {
  opacity: 1; }
.dropzone .dz-preview.dz-file-preview .dz-image {
  border-radius: 20px;
  background: #999;
  background: linear-gradient(to bottom, #eee, #ddd); }
.dropzone .dz-preview.dz-file-preview .dz-details {
  opacity: 1; }
.dropzone .dz-preview.dz-image-preview {
  background: white; }
.dropzone .dz-preview.dz-image-preview .dz-details {
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -ms-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear; }
.dropzone .dz-preview .dz-remove {
  font-size: 14px;
  text-align: center;
  display: block;
  cursor: pointer;
  border: none; }
.dropzone .dz-preview .dz-remove:hover {
  text-decoration: underline; }
.dropzone .dz-preview:hover .dz-details {
  opacity: 1; }
.dropzone .dz-preview .dz-details {
  z-index: 20;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  font-size: 13px;
  min-width: 100%;
  max-width: 100%;
  padding: 1.5em 1em;
  text-align: center;
  color: rgba(0, 0, 0, 0.9);
  line-height: 150%; }
.dropzone .dz-preview .dz-details .dz-size {
  margin-bottom: 1em;
  font-size: 16px; }
.dropzone .dz-preview .dz-details .dz-filename {
  white-space: nowrap; }
.dropzone .dz-preview .dz-details .dz-filename:hover span {
  border: 1px solid rgba(200, 200, 200, 0.8);
  background-color: rgba(255, 255, 255, 0.8); }
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
  overflow: hidden;
  text-overflow: ellipsis; }
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
  border: 1px solid transparent; }
.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
  background-color: rgba(255, 255, 255, 0.4);
  padding: 0 0.4em;
  border-radius: 3px; }
.dropzone .dz-preview:hover .dz-image img {
  -webkit-transform: scale(1.05, 1.05);
  -moz-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
  -webkit-filter: blur(8px);
  filter: blur(8px); }
.dropzone .dz-preview .dz-image {
  border-radius: 20px;
  overflow: hidden;
  width: 120px;
  height: 120px;
  position: relative;
  display: block;
  z-index: 10; }
.dropzone .dz-preview .dz-image img {
  display: block; }
.dropzone .dz-preview.dz-success .dz-success-mark {
  -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
  animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); }
.dropzone .dz-preview.dz-error .dz-error-mark {
  opacity: 1;
  -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
  animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); }
.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
  pointer-events: none;
  opacity: 0;
  z-index: 500;
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  margin-left: -27px;
  margin-top: -27px; }
.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
  display: block;
  width: 54px;
  height: 54px; }
.dropzone .dz-preview.dz-processing .dz-progress {
  opacity: 1;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear; }
.dropzone .dz-preview.dz-complete .dz-progress {
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-in;
  -moz-transition: opacity 0.4s ease-in;
  -ms-transition: opacity 0.4s ease-in;
  -o-transition: opacity 0.4s ease-in;
  transition: opacity 0.4s ease-in; }
.dropzone .dz-preview:not(.dz-processing) .dz-progress {
  -webkit-animation: pulse 6s ease infinite;
  -moz-animation: pulse 6s ease infinite;
  -ms-animation: pulse 6s ease infinite;
  -o-animation: pulse 6s ease infinite;
  animation: pulse 6s ease infinite; }
.dropzone .dz-preview .dz-progress {
  opacity: 1;
  z-index: 1000;
  pointer-events: none;
  position: absolute;
  height: 16px;
  left: 50%;
  top: 50%;
  margin-top: -8px;
  width: 80px;
  margin-left: -40px;
  background: rgba(255, 255, 255, 0.9);
  -webkit-transform: scale(1);
  border-radius: 8px;
  overflow: hidden; }
.dropzone .dz-preview .dz-progress .dz-upload {
  background: #333;
  background: linear-gradient(to bottom, #666, #444);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  -webkit-transition: width 300ms ease-in-out;
  -moz-transition: width 300ms ease-in-out;
  -ms-transition: width 300ms ease-in-out;
  -o-transition: width 300ms ease-in-out;
  transition: width 300ms ease-in-out; }
.dropzone .dz-preview.dz-error .dz-error-message {
  display: block; }
.dropzone .dz-preview.dz-error:hover .dz-error-message {
  opacity: 1;
  pointer-events: auto; }
.dropzone .dz-preview .dz-error-message {
  pointer-events: none;
  z-index: 1000;
  position: absolute;
  display: block;
  display: none;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  border-radius: 8px;
  font-size: 13px;
  top: 130px;
  left: -10px;
  width: 140px;
  background: #be2626;
  background: linear-gradient(to bottom, #be2626, #a92222);
  padding: 0.5em 1.2em;
  color: white; }
.dropzone .dz-preview .dz-error-message:after {
  content: '';
  position: absolute;
  top: -6px;
  left: 64px;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #be2626; }


/*  CMS page bf-help  */
@font-face {
  font-family: 'jetset';
  src: url('../fonts/JetSet.woff2') format('woff2'),
  url('../fonts/JetSet.woff') format('woff'),
  url('../fonts/JetSet.ttf') format('truetype'),
  url('../fonts/JetSet.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'jetset';
  src: url('../fonts/JetSetItalic.woff2') format('woff2'),
  url('../fonts/JetSetItalic.woff') format('woff'),
  url('../fonts/JetSetItalic.ttf') format('truetype'),
  url('../fonts/JetSetItalic.svg') format('svg');
  font-weight: normal;
  font-style: italic;
}

body.cms-bf-help:not(.cms-index-index) header nav#menu,
body.cms-bf-help .overlay {
  background-color: #f3f3f3;
  border: none;
}
#bf-help {
  text-align: center;
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
  padding: 10px;
}

#bf-help a{
  font-weight: normal;
  text-decoration: underline;
}
#bf-help .top-info {
  max-width: 750px;
  width: 90%;
  margin-bottom: 50px;
  margin-top: 120px;
  padding: 0 10px;
}
#bf-help .top-info.center {
  text-align: center;
  display: inline-block;
}
#bf-help .top-info img {
  width: 100%;
  max-width: 450px;
  display: block;
  margin: 0 auto;
}
#bf-help .top-info span {
  text-align: center;
  font-size: 1.7em;
  font-family: jetset, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#bf-help  ul.list-info {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: inline-flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: justify;
  justify-content: space-around;
  flex-wrap: wrap;
}
#bf-help  ul.list-info li{
  width: 15%;
  padding-top: 35px;
  background-repeat: no-repeat;
  background-position: top 5px center;
}
#bf-help  ul.list-info li .center{
  max-width: 240px;
  margin: 0 auto;
}

#bf-help  ul.list-info li.ico-envio{
  background-image: url(../images/ico-envio.svg);
}
#bf-help  ul.list-info li.ico-confir{
  background-image: url(../images/ico-confir.svg);
}
#bf-help  ul.list-info li.ico-pago{
  background-image: url(../images/ico-pago.svg);
}
#bf-help  ul.list-info li.ico-plazo{
  background-image: url(../images/ico-plazo.svg);
}
#bf-help  ul.list-info li.ico-devos{
  background-image: url(../images/ico-devos.svg);
}
#bf-help  ul.list-info li.ico-contacto{
  background-image: url(../images/ico-contacto.svg);
}
#bf-help  ul.list-info li h2{
  text-align: center;
  font-weight: bold;
  margin-bottom: 2px;
  margin-top: 10px;
  font-size: 1em;
}
#bf-help  ul.list-info li span{
  text-align: center;
  font-size: 1em;
}
@media (min-width: 769px) {
  #bf-help  ul.list-info li.ico-devos{
    min-width: 240px;
  }
  #bf-help.four-elem ul.list-info li.ico-envio {
    min-width: 251px;
  }
}
@media (max-width: 1400px) {
  #bf-help:not(.four-elem)  ul.list-info li {
    width: 29%;
    margin-bottom: 30px;
  }
  #bf-help  ul.list-info li.ico-pago{
    margin-left: auto;
  }
  #bf-help  ul.list-info li.ico-contacto{
    margin-right: auto;
  }
}
@media (max-width: 1024px) {
  #bf-help .top-info {
    margin-top: 50px;
  }
}
@media (max-width: 768px){
  #bf-help .top-info {
    margin-bottom: 25px;
    margin-top: 25px;
  }
  #bf-help {
    font-size: 11px;
  }
  #bf-help .top-info {
    min-width: 280px;
    width: 85%;
  }
}
@media (max-width: 600px) {
  #bf-help  ul.list-info li {
    width: 44%;
    margin-bottom: 15px;
  }
  #bf-help  ul.list-info li.ico-pago{
    margin-left: inherit;
  }
  #bf-help  ul.list-info li.ico-contacto{
    margin-right: inherit;
  }
}

#bf-help.four-elem  ul.list-info li.ico-pago{
  margin-left: inherit;
}
#bf-help.four-elem  ul.list-info li.ico-contacto{
  margin-right: inherit;
}

.category-description-container .description a {
    font-weight: 900;
}

.category-description-container .description a:hover {
    text-decoration: underline;
    color: #444;
}

.product-title h1 {
    font-size: inherit;
    margin-top: inherit;
    font-weight: inherit;
}

/*  HOME VIDEO VIMEO  */

.vimeo_video_home {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
    overflow: hidden;
}

.vimeo_video_home iframe {
    display: none;
    border: none;
    width: 100vw;
    height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
    min-height: 100vh;
    min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.vimeo_video_home iframe.playing{
    display: block;
}

.buttons-container{
    position: relative;
    font-size: 18px;
    height: 100%;
    z-index: 1;
}
.capa_long_video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    z-index: 1;
}
.video_ended .vimeo_long_video_btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}

.vimeo_long_video_btn{
    display:none;
}

.vimeo_long_video_btn svg {
    width: 30px;
    height: 33px;
}

.vimeo_long_video_btn span{
    font-size: 1em;
    text-transform: uppercase;
    padding-top: 5px;
}

a.vimeo_category_btn {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: absolute;
    bottom: 11.5%;
    right: 20%;
    width: 20.5%;
    height: 7%;
    padding: 0 15px;
    font-size: 1em;
    background-color: #000;
    color: #FFF;
    font-family: 'geogrotesque';
    text-transform: uppercase;
    border: none;
    z-index: 2;
}
@media (max-width:769px) {

    a.vimeo_category_btn {
        width: 420px;
        height: 65px;
        bottom: 9.5%;
        left: 50%;
        transform: translateX(-50%);
        line-height: 38px;
        justify-content: center;
    }
}
@media (max-width:479px) {

    .buttons-container{
        font-size: 13px;
    }
    a.vimeo_category_btn {
        width: 300px;
        height: 50px;
    }
}
@media (max-width:400px) {

    a.vimeo_category_btn {
        width: 230px;
        height: 38px;
    }
}

.vimeo_long_video_btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    border-color: #FFF;
    color: #FFF;
    z-index: 1;
}

.vimeo_category_btn a {
    color: #FFF;
}

.vimeo_long_video {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.5s linear;
    position: absolute;
    width: 80%;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    outline: 100vw solid rgba(0,0,0,0.5);
}

.vimeo_long_video .plyr__control--overlaid,
.vimeo_long_video .plyr--video .plyr__control.plyr__tab-focus,
.vimeo_long_video .plyr--video .plyr__control:hover,
.vimeo_long_video .plyr--video .plyr__control[aria-expanded=true]{
    background-color: rgb(0,0,0)
}

.vimeo_long_video .plyr__video-wrapper, .vimeo_long_video .plyr--video{
  background: transparent;
}
.vimeo_long_video .plyr__video-embed, .vimeo_long_video .plyr__video-wrapper{
    padding-bottom: 0;
}
.vimeo_long_video .plyr__control.plyr__tab-focus{
    box-shadow: 0 0 0 5px rgba(61, 61, 61, 0.5);
}

.vimeo_long_video .plyr--full-ui input[type=range]{
    color: #d9534f;
}

.vimeo_long_video .plyr__control{
    transition: none;
}

.vimeo_long_video .close {
    position: absolute;
    top: 5px;
    right: 0;
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
    padding: 5px;
    transform: scale(1.3);
    z-index: 1;
}
.vimeo_long_video .close::after{
    content: '';
    background-image: url('../images/sprite.png');
    background-position: -2px -112px;
    background-repeat: no-repeat;
    overflow: hidden;
    display: block;
    width: 18px;
    height: 18px;
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.vimeo_long_open{
    z-index: 1015;
}

.vimeo_long_open .vimeo_long_video.open{
    visibility: visible;
    opacity: 1;
}

#adyen_pay_by_link_container h4 + input {
    margin-top: 0;
}

#adyen_pay_by_link_container input {
    max-width: 320px;
}

body.cart.checkout-success-paybylink #main p {
    text-align: center;
    margin-top: 20px;
}