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

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

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

a img {
  border: none; }

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

/*
 * Bootstrap v3.0.0
 *
 * Copyright 2013 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world by @mdo and @fat.
 */
/* normalize.css v2.1.0 | MIT License | git.io/normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

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

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

[hidden] {
  display: none; }

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

body {
  margin: 0; }

a:focus {
  outline: thin dotted; }

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

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

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

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

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

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

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

pre {
  white-space: pre-wrap; }

q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

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

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

legend {
  border: 0;
  padding: 0; }

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0; }

button,
input {
  line-height: normal; }

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

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

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

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

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

textarea {
  overflow: auto;
  vertical-align: top; }

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

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

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

body {
  font-family: Tahoma, sans-serif, Arial;
  font-size: 13px;
  line-height: 1.42857;
  color: #777777;
  background-color: white; }

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

button,
input,
select[multiple],
textarea {
  background-image: none; }

a {
  color: #444444;
  text-decoration: none; }
  a:hover {
    color: #00a161;
    text-decoration: underline; }
  a:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }

img {
  vertical-align: middle; }

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

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

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

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

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

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

p {
  margin: 0 0 9px; }

.lead {
  margin-bottom: 18px;
  font-size: 14.95px;
  font-weight: 200;
  line-height: 1.4; }
  @media (min-width: 768px) {
    .lead {
      font-size: 19.5px; } }

small {
  font-size: 85%; }

cite {
  font-style: normal; }

.text-muted {
  color: #999999; }

.text-primary {
  color: #428bca; }

.text-warning {
  color: white; }

.text-danger {
  color: white; }

.text-success {
  color: white; }

.text-info {
  color: white; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-center {
  text-align: center; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: 500;
  line-height: 1.1; }
  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: #999999; }

h1,
h2,
h3 {
  margin-top: 18px;
  margin-bottom: 9px; }

h4,
h5,
h6 {
  margin-top: 9px;
  margin-bottom: 9px; }

h1, .h1 {
  font-size: 33px; }

h2, .h2 {
  font-size: 27px; }

h3, .h3 {
  font-size: 23px; }

h4, .h4 {
  font-size: 17px; }

h5, .h5 {
  font-size: 13px; }

h6, .h6 {
  font-size: 12px; }

h1 small, .h1 small {
  font-size: 23px; }

h2 small, .h2 small {
  font-size: 17px; }

h3 small, .h3 small,
h4 small, .h4 small {
  font-size: 13px; }

.page-header {
  padding-bottom: 8px;
  margin: 36px 0 18px;
  border-bottom: 1px solid #eeeeee; }

ul,
ol {
  margin-top: 0;
  margin-bottom: 9px; }
  ul ul,
  ul ol,
  ol ul,
  ol ol {
    margin-bottom: 0; }

.list-unstyled, .list-inline {
  padding-left: 0;
  list-style: none; }

.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px; }

dl {
  margin-bottom: 18px; }

dt {
  font-weight: bold; }

dd {
  margin-left: 0; }

@media (min-width: 768px) {
  .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; }
    .dl-horizontal dd:before, .dl-horizontal dd:after {
      content: " ";
      /* 1 */
      display: table;
      /* 2 */ }
    .dl-horizontal dd:after {
      clear: both; } }
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #999999; }

abbr.initialism {
  font-size: 90%;
  text-transform: uppercase; }

blockquote {
  padding: 9px 18px;
  margin: 0 0 18px;
  border-left: 5px solid #eeeeee; }
  blockquote p {
    font-size: 16.25px;
    font-weight: 300;
    line-height: 1.25; }
  blockquote p:last-child {
    margin-bottom: 0; }
  blockquote small {
    display: block;
    line-height: 1.42857;
    color: #999999; }
    blockquote small:before {
      content: '\2014 \00A0'; }
  blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #eeeeee;
    border-left: 0; }
    blockquote.pull-right p,
    blockquote.pull-right small {
      text-align: right; }
    blockquote.pull-right small:before {
      content: ''; }
    blockquote.pull-right small:after {
      content: '\00A0 \2014'; }

q:before,
q:after,
blockquote:before,
blockquote:after {
  content: ""; }

address {
  display: block;
  margin-bottom: 18px;
  font-style: normal;
  line-height: 1.42857; }

code,
pre {
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace; }

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  white-space: nowrap;
  border-radius: 0px; }

pre {
  display: block;
  padding: 8.5px;
  margin: 0 0 9px;
  font-size: 12px;
  line-height: 1.42857;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: whitesmoke;
  border: 1px solid #cccccc;
  border-radius: 0px; }
  pre.prettyprint {
    margin-bottom: 18px; }
  pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border: 0; }

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll; }

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
  .container:before, .container:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .container:after {
    clear: both; }

.row-fluid, .row {
  margin-left: -15px;
  margin-right: -15px; }
  .row-fluid:before, .row-fluid:after, .row:before, .row:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .row-fluid:after, .row:after {
    clear: both; }

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

table {
  max-width: 100%;
  background-color: transparent; }

th {
  text-align: left; }

.table {
  width: 100%;
  margin-bottom: 18px; }
  .table thead > tr > th,
  .table thead > tr > td,
  .table tbody > tr > th,
  .table tbody > tr > td,
  .table tfoot > tr > th,
  .table tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 1px solid #d6d4d4; }
  .table thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #d6d4d4; }
  .table caption + thead tr:first-child th, .table caption + thead tr:first-child td,
  .table colgroup + thead tr:first-child th,
  .table colgroup + thead tr:first-child td,
  .table thead:first-child tr:first-child th,
  .table thead:first-child tr:first-child td {
    border-top: 0; }
  .table tbody + tbody {
    border-top: 2px solid #d6d4d4; }
  .table .table {
    background-color: white; }

.table-condensed thead > tr > th,
.table-condensed thead > tr > td,
.table-condensed tbody > tr > th,
.table-condensed tbody > tr > td,
.table-condensed tfoot > tr > th,
.table-condensed tfoot > tr > td {
  padding: 5px; }

.table-bordered {
  border: 1px solid #d6d4d4; }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td,
  .table-bordered > tbody > tr > th,
  .table-bordered > tbody > tr > td,
  .table-bordered > tfoot > tr > th,
  .table-bordered > tfoot > tr > td {
    border: 1px solid #d6d4d4; }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td {
    border-bottom-width: 2px; }

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9; }

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: whitesmoke; }

table col[class*="col-"] {
  float: none;
  display: table-column; }

table td[class*="col-"],
table th[class*="col-"] {
  float: none;
  display: table-cell; }

.table > thead > tr > td.active,
.table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
  background-color: whitesmoke; }

.table > thead > tr > td.success,
.table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
  background-color: #55c65e;
  border-color: #48b151; }

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td {
  background-color: #42c04c;
  border-color: #419f49; }

.table > thead > tr > td.danger,
.table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
  background-color: #f3515c;
  border-color: #d4323d; }

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td {
  background-color: #f13946;
  border-color: #c32933; }

.table > thead > tr > td.warning,
.table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
  background-color: #fe9126;
  border-color: #e4752b; }

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td {
  background-color: #fe840d;
  border-color: #da681c; }

@media (max-width: 768px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    overflow-x: scroll;
    border: 1px solid #d6d4d4; }
    .table-responsive > .table {
      margin-bottom: 0;
      background-color: #fff; }
      .table-responsive > .table > thead > tr > th,
      .table-responsive > .table > thead > tr > td,
      .table-responsive > .table > tbody > tr > th,
      .table-responsive > .table > tbody > tr > td,
      .table-responsive > .table > tfoot > tr > th,
      .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 > thead > tr > td:first-child,
      .table-responsive > .table-bordered > tbody > tr > th:first-child,
      .table-responsive > .table-bordered > tbody > tr > td:first-child,
      .table-responsive > .table-bordered > tfoot > tr > th: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 > thead > tr > td:last-child,
      .table-responsive > .table-bordered > tbody > tr > th:last-child,
      .table-responsive > .table-bordered > tbody > tr > td:last-child,
      .table-responsive > .table-bordered > tfoot > tr > th:last-child,
      .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0; }
      .table-responsive > .table-bordered > thead > tr:last-child > th,
      .table-responsive > .table-bordered > thead > tr:last-child > td,
      .table-responsive > .table-bordered > tbody > tr:last-child > th,
      .table-responsive > .table-bordered > tbody > tr:last-child > td,
      .table-responsive > .table-bordered > tfoot > tr:last-child > th,
      .table-responsive > .table-bordered > tfoot > tr:last-child > td {
        border-bottom: 0; } }
fieldset {
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 18px;
  font-size: 19.5px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5; }

label {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: bold; }

input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  /* IE8-9 */
  line-height: normal; }

input[type="file"] {
  display: block; }

select[multiple],
select[size] {
  height: auto; }

select optgroup {
  font-size: inherit;
  font-style: inherit;
  font-family: inherit; }

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

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

.form-control:-moz-placeholder {
  color: #999999; }
.form-control::-moz-placeholder {
  color: #999999; }
.form-control:-ms-input-placeholder {
  color: #999999; }
.form-control::-webkit-input-placeholder {
  color: #999999; }

.form-control {
  display: block;
  width: 100%;
  height: 32px;
  padding: 6px 12px;
  font-size: 13px;
  color: #9c9b9b;
  vertical-align: middle;
  background-color: white;
  border: 1px solid #d6d4d4;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
  .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #eeeeee; }

textarea.form-control {
  height: auto; }

.form-group {
  margin-bottom: 15px; }

.radio,
.checkbox {
  display: block;
  min-height: 18px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 20px;
  vertical-align: middle; }
  .radio label,
  .checkbox label {
    display: inline;
    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"] {
  float: left;
  margin-left: -20px; }

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px; }

.radio-inline,
.checkbox-inline {
  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], fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled], fieldset[disabled]
input[type="checkbox"],
.radio[disabled], fieldset[disabled]
.radio,
.radio-inline[disabled], fieldset[disabled]
.radio-inline,
.checkbox[disabled], fieldset[disabled]
.checkbox,
.checkbox-inline[disabled], fieldset[disabled]
.checkbox-inline {
  cursor: not-allowed; }

.input-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

select.input-sm, .input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn {
  height: 30px;
  line-height: 30px; }

textarea.input-sm, .input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn {
  height: auto; }

.input-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 44px;
  padding: 10px 16px;
  font-size: 17px;
  line-height: 1.33;
  border-radius: 6px; }

select.input-lg, .input-group-lg > select.form-control,
.input-group-lg > select.input-group-addon,
.input-group-lg > .input-group-btn > select.btn {
  height: 44px;
  line-height: 44px; }

textarea.input-lg, .input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn {
  height: auto; }

.has-warning .help-block,
.has-warning .control-label {
  color: white; }
.has-warning .form-control {
  border-color: white;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-warning .form-control:focus {
    border-color: #e6e6e6;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px white;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px white; }
.has-warning .input-group-addon {
  color: white;
  border-color: white;
  background-color: #fe9126; }

.has-error .help-block,
.has-error .control-label {
  color: white; }
.has-error .form-control {
  border-color: white;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-error .form-control:focus {
    border-color: #e6e6e6;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px white;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px white; }
.has-error .input-group-addon {
  color: white;
  border-color: white;
  background-color: #f3515c; }

.has-success .help-block,
.has-success .control-label {
  color: white; }
.has-success .form-control {
  border-color: white;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .has-success .form-control:focus {
    border-color: #e6e6e6;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px white;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px white; }
.has-success .input-group-addon {
  color: white;
  border-color: white;
  background-color: #55c65e; }

.form-control-static {
  margin-bottom: 0;
  padding-top: 7px; }

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #b7b7b7; }

@media (min-width: 768px) {
  .form-inline .form-group, .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .form-control, .navbar-form .form-control {
    display: inline-block; }
  .form-inline .radio, .navbar-form .radio,
  .form-inline .checkbox,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0; }
  .form-inline .radio input[type="radio"], .navbar-form .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"],
  .navbar-form .checkbox input[type="checkbox"] {
    float: none;
    margin-left: 0; } }

.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px; }
.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px; }
  .form-horizontal .form-group:before, .form-horizontal .form-group:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .form-horizontal .form-group:after {
    clear: both; }
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right; } }

.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.42857;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 0px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }
  .btn:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .btn:hover, .btn:focus {
    color: #333333;
    text-decoration: none; }
  .btn:active, .btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none; }

.btn-default {
  color: #333333;
  background-color: white;
  border-color: #cccccc; }
  .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active {
    color: #333333;
    background-color: #ebebeb;
    border-color: #adadad; }
  .open .btn-default.dropdown-toggle {
    color: #333333;
    background-color: #ebebeb;
    border-color: #adadad; }
  .btn-default:active, .btn-default.active {
    background-image: none; }
  .open .btn-default.dropdown-toggle {
    background-image: none; }
  .btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active {
    background-color: white;
    border-color: #cccccc; }

.btn-primary {
  color: white;
  background-color: #428bca;
  border-color: #357ebd; }
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
    color: white;
    background-color: #3276b1;
    border-color: #285e8e; }
  .open .btn-primary.dropdown-toggle {
    color: white;
    background-color: #3276b1;
    border-color: #285e8e; }
  .btn-primary:active, .btn-primary.active {
    background-image: none; }
  .open .btn-primary.dropdown-toggle {
    background-image: none; }
  .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
    background-color: #428bca;
    border-color: #357ebd; }

.btn-warning {
  color: white;
  background-color: #f0ad4e;
  border-color: #eea236; }
  .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active {
    color: white;
    background-color: #ed9c28;
    border-color: #d58512; }
  .open .btn-warning.dropdown-toggle {
    color: white;
    background-color: #ed9c28;
    border-color: #d58512; }
  .btn-warning:active, .btn-warning.active {
    background-image: none; }
  .open .btn-warning.dropdown-toggle {
    background-image: none; }
  .btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active {
    background-color: #f0ad4e;
    border-color: #eea236; }

.btn-danger {
  color: white;
  background-color: #d9534f;
  border-color: #d43f3a; }
  .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active {
    color: white;
    background-color: #d2322d;
    border-color: #ac2925; }
  .open .btn-danger.dropdown-toggle {
    color: white;
    background-color: #d2322d;
    border-color: #ac2925; }
  .btn-danger:active, .btn-danger.active {
    background-image: none; }
  .open .btn-danger.dropdown-toggle {
    background-image: none; }
  .btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active {
    background-color: #d9534f;
    border-color: #d43f3a; }

.btn-success {
  color: white;
  background-color: #46a74e;
  border-color: #3e9546; }
  .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active {
    color: white;
    background-color: #3a8a41;
    border-color: #2c6a31; }
  .open .btn-success.dropdown-toggle {
    color: white;
    background-color: #3a8a41;
    border-color: #2c6a31; }
  .btn-success:active, .btn-success.active {
    background-image: none; }
  .open .btn-success.dropdown-toggle {
    background-image: none; }
  .btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active {
    background-color: #46a74e;
    border-color: #3e9546; }

.btn-info {
  color: white;
  background-color: #5192f3;
  border-color: #3983f1; }
  .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active {
    color: white;
    background-color: #2b7af0;
    border-color: #0f62de; }
  .open .btn-info.dropdown-toggle {
    color: white;
    background-color: #2b7af0;
    border-color: #0f62de; }
  .btn-info:active, .btn-info.active {
    background-image: none; }
  .open .btn-info.dropdown-toggle {
    background-image: none; }
  .btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active {
    background-color: #5192f3;
    border-color: #3983f1; }

.btn-link {
  color: #444444;
  font-weight: normal;
  cursor: pointer;
  border-radius: 0; }
  .btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
    border-color: transparent; }
  .btn-link:hover, .btn-link:focus {
    color: #00a161;
    text-decoration: underline;
    background-color: transparent; }
  .btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
    color: #999999;
    text-decoration: none; }

.btn-lg, .btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 17px;
  line-height: 1.33;
  border-radius: 6px; }

.btn-sm, .btn-group-sm > .btn,
.btn-xs,
.btn-group-xs > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.btn-xs, .btn-group-xs > .btn {
  padding: 1px 5px; }

.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0; }

.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;
  transition: opacity 0.15s linear; }
  .fade.in {
    opacity: 1; }

.collapse {
  display: none; }
  .collapse.in {
    display: block; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  transition: height 0.35s ease; }

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid black;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-bottom: 0 dotted;
  content: ""; }

.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: 13px;
  background-color: white;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  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: 8px 0;
    overflow: hidden;
    background-color: #e5e5e5; }
  .dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857;
    color: #333333;
    white-space: nowrap; }

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  text-decoration: none;
  color: white;
  background-color: #428bca; }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: white;
  text-decoration: none;
  outline: 0;
  background-color: #428bca; }

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: #999999; }

.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-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857;
  color: #999999; }

.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 dotted;
  border-bottom: 4px solid black;
  content: ""; }
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px; }

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto; } }
.btn-default .caret {
  border-top-color: #333333; }
.btn-primary .caret, .btn-success .caret, .btn-warning .caret, .btn-danger .caret, .btn-info .caret {
  border-top-color: #fff; }

.dropup .btn-default .caret {
  border-bottom-color: #333333; }
.dropup .btn-primary .caret,
.dropup .btn-success .caret,
.dropup .btn-warning .caret,
.dropup .btn-danger .caret,
.dropup .btn-info .caret {
  border-bottom-color: #fff; }

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle; }
  .btn-group > .btn,
  .btn-group-vertical > .btn {
    position: relative;
    float: left; }
    .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
    .btn-group-vertical > .btn:hover,
    .btn-group-vertical > .btn:focus,
    .btn-group-vertical > .btn:active,
    .btn-group-vertical > .btn.active {
      z-index: 2; }
    .btn-group > .btn:focus,
    .btn-group-vertical > .btn:focus {
      outline: none; }

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px; }

.btn-toolbar:before, .btn-toolbar:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }
.btn-toolbar:after {
  clear: both; }
.btn-toolbar .btn-group {
  float: left; }
.btn-toolbar > .btn + .btn,
.btn-toolbar > .btn + .btn-group,
.btn-toolbar > .btn-group + .btn,
.btn-toolbar > .btn-group + .btn-group {
  margin-left: 5px; }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0; }

.btn-group > .btn:first-child {
  margin-left: 0; }
  .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0; }

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group > .btn-group {
  float: left; }

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

.btn-group > .btn-group:first-child > .btn:last-child,
.btn-group > .btn-group:first-child > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.btn-group > .btn-group:last-child > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0; }

.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px; }

.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px; }

.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

.btn .caret {
  margin-left: 0; }

.btn-lg .caret, .btn-group-lg > .btn .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0; }

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
  border-width: 0 5px 5px; }

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%; }
.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }
.btn-group-vertical > .btn-group:after {
  clear: both; }
.btn-group-vertical > .btn-group > .btn {
  float: none; }
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0; }

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0; }
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 0px;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

.btn-group-vertical > .btn-group:first-child > .btn:last-child,
.btn-group-vertical > .btn-group:first-child > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn-group:last-child > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate; }
  .btn-group-justified .btn {
    float: none;
    display: table-cell;
    width: 1%; }

[data-toggle="buttons"] > .btn > input[type="radio"],
[data-toggle="buttons"] > .btn > input[type="checkbox"] {
  display: none; }

.input-group {
  position: relative;
  display: table;
  border-collapse: separate; }
  .input-group.col {
    float: none;
    padding-left: 0;
    padding-right: 0; }
  .input-group .form-control {
    width: 100%;
    margin-bottom: 0; }

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell; }
  .input-group-addon:not(:first-child):not(:last-child),
  .input-group-btn:not(:first-child):not(:last-child),
  .input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0; }

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle; }

.input-group-addon {
  padding: 6px 12px;
  font-size: 13px;
  font-weight: normal;
  line-height: 1;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #d6d4d4;
  border-radius: 0px; }
  .input-group-addon.input-sm,
  .input-group-sm > .input-group-addon,
  .input-group-sm > .input-group-btn > .input-group-addon.btn {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px; }
  .input-group-addon.input-lg,
  .input-group-lg > .input-group-addon,
  .input-group-lg > .input-group-btn > .input-group-addon.btn {
    padding: 10px 16px;
    font-size: 17px;
    border-radius: 6px; }
  .input-group-addon input[type="radio"],
  .input-group-addon input[type="checkbox"] {
    margin-top: 0; }

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.input-group-addon:first-child {
  border-right: 0; }

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.input-group-addon:last-child {
  border-left: 0; }

.input-group-btn {
  position: relative;
  white-space: nowrap; }

.input-group-btn > .btn {
  position: relative; }
  .input-group-btn > .btn + .btn {
    margin-left: -4px; }
  .input-group-btn > .btn:hover, .input-group-btn > .btn:active {
    z-index: 2; }

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none; }
  .nav:before, .nav:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .nav:after {
    clear: both; }
  .nav > li {
    position: relative;
    display: block; }
    .nav > li > a {
      position: relative;
      display: block;
      padding: 10px 15px; }
      .nav > li > a:hover, .nav > li > a:focus {
        text-decoration: none;
        background-color: #eeeeee; }
    .nav > li.disabled > a {
      color: #999999; }
      .nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
        color: #999999;
        text-decoration: none;
        background-color: transparent;
        cursor: not-allowed; }
  .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #eeeeee;
    border-color: #444444; }
  .nav .nav-divider {
    height: 1px;
    margin: 8px 0;
    overflow: hidden;
    background-color: #e5e5e5; }
  .nav > li > a > img {
    max-width: none; }

.nav-tabs {
  border-bottom: 1px solid #dddddd; }
  .nav-tabs > li {
    float: left;
    margin-bottom: -1px; }
    .nav-tabs > li > a {
      margin-right: 2px;
      line-height: 1.42857;
      border: 1px solid transparent;
      border-radius: 0px 0px 0 0; }
      .nav-tabs > li > a:hover {
        border-color: #eeeeee #eeeeee #dddddd; }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
      color: #555555;
      background-color: white;
      border: 1px solid #dddddd;
      border-bottom-color: transparent;
      cursor: default; }

.nav-pills > li {
  float: left; }
  .nav-pills > li > a {
    border-radius: 5px; }
  .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: white;
    background-color: #428bca; }

.nav-stacked > li {
  float: none; }
  .nav-stacked > li + li {
    margin-top: 2px;
    margin-left: 0; }

.nav-justified, .nav-tabs.nav-justified {
  width: 100%; }
  .nav-justified > li, .nav-tabs.nav-justified > li {
    float: none; }
    .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
      text-align: center; }
  @media (min-width: 768px) {
    .nav-justified > li, .nav-tabs.nav-justified > li {
      display: table-cell;
      width: 1%; } }

.nav-tabs-justified, .nav-tabs.nav-justified {
  border-bottom: 0; }
  .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #dddddd;
    margin-right: 0; }
  .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a {
    border-bottom-color: white; }

.tabbable:before, .tabbable:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }
.tabbable:after {
  clear: both; }

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none; }

.tab-content > .active,
.pill-content > .active {
  display: block; }

.nav .caret {
  border-top-color: #444444;
  border-bottom-color: #444444; }

.nav a:hover .caret {
  border-top-color: #00a161;
  border-bottom-color: #00a161; }

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.navbar {
  position: relative;
  z-index: 1000;
  min-height: 50px;
  margin-bottom: 18px;
  border: 1px solid transparent; }
  .navbar:before, .navbar:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .navbar:after {
    clear: both; }
  @media (min-width: 768px) {
    .navbar {
      border-radius: 0px; } }

.navbar-header:before, .navbar-header:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }
.navbar-header:after {
  clear: both; }
@media (min-width: 768px) {
  .navbar-header {
    float: left; } }

.navbar-collapse {
  max-height: 340px;
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch; }
  .navbar-collapse:before, .navbar-collapse:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .navbar-collapse:after {
    clear: both; }
  .navbar-collapse.in {
    overflow-y: auto; }
  @media (min-width: 768px) {
    .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-collapse .navbar-nav.navbar-left:first-child {
        margin-left: -15px; }
      .navbar-collapse .navbar-nav.navbar-right:last-child {
        margin-right: -15px; }
      .navbar-collapse .navbar-text:last-child {
        margin-right: 0; } }

.container > .navbar-header,
.container > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px; }
  @media (min-width: 768px) {
    .container > .navbar-header,
    .container > .navbar-collapse {
      margin-right: 0;
      margin-left: 0; } }

.navbar-static-top {
  border-width: 0 0 1px; }
  @media (min-width: 768px) {
    .navbar-static-top {
      border-radius: 0; } }

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  border-width: 0 0 1px; }
  @media (min-width: 768px) {
    .navbar-fixed-top,
    .navbar-fixed-bottom {
      border-radius: 0; } }

.navbar-fixed-top {
  z-index: 1030;
  top: 0; }

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0; }

.navbar-brand {
  float: left;
  padding: 16px 15px;
  font-size: 17px;
  line-height: 18px; }
  .navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none; }
  @media (min-width: 768px) {
    .navbar > .container .navbar-brand {
      margin-left: -15px; } }

.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 15px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0px; }
  .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: 768px) {
    .navbar-toggle {
      display: none; } }

.navbar-nav {
  margin: 8px -15px; }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 18px; }
  @media (max-width: 767px) {
    .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: 18px; }
        .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
          background-image: none; } }
  @media (min-width: 768px) {
    .navbar-nav {
      float: left;
      margin: 0; }
      .navbar-nav > li {
        float: left; }
        .navbar-nav > li > a {
          padding-top: 16px;
          padding-bottom: 16px; } }

@media (min-width: 768px) {
  .navbar-left {
    float: left !important; }

  .navbar-right {
    float: right !important; } }
.navbar-form {
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 9px;
  margin-bottom: 9px; }
  @media (max-width: 767px) {
    .navbar-form .form-group {
      margin-bottom: 5px; } }
  @media (min-width: 768px) {
    .navbar-form {
      width: auto;
      border: 0;
      margin-left: 0;
      margin-right: 0;
      padding-top: 0;
      padding-bottom: 0;
      -webkit-box-shadow: none;
      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 {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.navbar-nav.pull-right > li > .dropdown-menu,
.navbar-nav > li > .dropdown-menu.pull-right {
  left: auto;
  right: 0; }

.navbar-btn {
  margin-top: 9px;
  margin-bottom: 9px; }

.navbar-text {
  float: left;
  margin-top: 16px;
  margin-bottom: 16px; }
  @media (min-width: 768px) {
    .navbar-text {
      margin-left: 15px;
      margin-right: 15px; } }

.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7; }
  .navbar-default .navbar-brand {
    color: #777777; }
    .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
      color: #5e5e5e;
      background-color: transparent; }
  .navbar-default .navbar-text {
    color: #777777; }
  .navbar-default .navbar-nav > li > a {
    color: #777777; }
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
      color: #333333;
      background-color: transparent; }
  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #555555;
    background-color: #e7e7e7; }
  .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent; }
  .navbar-default .navbar-toggle {
    border-color: #dddddd; }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
      background-color: #dddddd; }
    .navbar-default .navbar-toggle .icon-bar {
      background-color: #cccccc; }
  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    border-color: #e6e6e6; }
  .navbar-default .navbar-nav > .dropdown > a:hover .caret,
  .navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #333333;
    border-bottom-color: #333333; }
  .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #e7e7e7;
    color: #555555; }
    .navbar-default .navbar-nav > .open > a .caret, .navbar-default .navbar-nav > .open > a:hover .caret, .navbar-default .navbar-nav > .open > a:focus .caret {
      border-top-color: #555555;
      border-bottom-color: #555555; }
  .navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #777777;
    border-bottom-color: #777777; }
  @media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
      color: #777777; }
      .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #333333;
        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: #555555;
      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: #cccccc;
      background-color: transparent; } }
  .navbar-default .navbar-link {
    color: #777777; }
    .navbar-default .navbar-link:hover {
      color: #333333; }

.navbar-inverse {
  background-color: #222222;
  border-color: #090909; }
  .navbar-inverse .navbar-brand {
    color: #999999; }
    .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
      color: white;
      background-color: transparent; }
  .navbar-inverse .navbar-text {
    color: #999999; }
  .navbar-inverse .navbar-nav > li > a {
    color: #999999; }
    .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
      color: white;
      background-color: transparent; }
  .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: white;
    background-color: #090909; }
  .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
    color: #444444;
    background-color: transparent; }
  .navbar-inverse .navbar-toggle {
    border-color: #333333; }
    .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
      background-color: #333333; }
    .navbar-inverse .navbar-toggle .icon-bar {
      background-color: white; }
  .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: #090909;
    color: white; }
  .navbar-inverse .navbar-nav > .dropdown > a:hover .caret {
    border-top-color: white;
    border-bottom-color: white; }
  .navbar-inverse .navbar-nav > .dropdown > a .caret {
    border-top-color: #999999;
    border-bottom-color: #999999; }
  .navbar-inverse .navbar-nav > .open > a .caret, .navbar-inverse .navbar-nav > .open > a:hover .caret, .navbar-inverse .navbar-nav > .open > a:focus .caret {
    border-top-color: white;
    border-bottom-color: white; }
  @media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
      border-color: #090909; }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
      color: #999999; }
      .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
        color: white;
        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: white;
      background-color: #090909; }
    .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: #444444;
      background-color: transparent; } }
  .navbar-inverse .navbar-link {
    color: #999999; }
    .navbar-inverse .navbar-link:hover {
      color: white; }

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 18px;
  list-style: none;
  background-color: #f6f6f6;
  border-radius: 0px; }
  .breadcrumb > li {
    display: inline-block; }
    .breadcrumb > li + li:before {
      content: "/\00a0";
      padding: 0 5px;
      color: #333333; }
  .breadcrumb > .active {
    color: #333333; }

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 18px 0;
  border-radius: 0px; }
  .pagination > li {
    display: inline; }
    .pagination > li > a,
    .pagination > li > span {
      position: relative;
      float: left;
      padding: 6px 12px;
      line-height: 1.42857;
      text-decoration: none;
      background-color: white;
      border: 1px solid #dddddd;
      margin-left: -1px; }
    .pagination > li:first-child > a,
    .pagination > li:first-child > span {
      margin-left: 0;
      border-bottom-left-radius: 0px;
      border-top-left-radius: 0px; }
    .pagination > li:last-child > a,
    .pagination > li:last-child > span {
      border-bottom-right-radius: 0px;
      border-top-right-radius: 0px; }
  .pagination > li > a:hover, .pagination > li > a:focus,
  .pagination > li > span:hover,
  .pagination > li > span:focus {
    background-color: #f6f6f6; }
  .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
  .pagination > .active > span,
  .pagination > .active > span:hover,
  .pagination > .active > span:focus {
    z-index: 2;
    color: white;
    background-color: #428bca;
    border-color: #428bca;
    cursor: default; }
  .pagination > .disabled > span,
  .pagination > .disabled > a,
  .pagination > .disabled > a:hover,
  .pagination > .disabled > a:focus {
    color: #999999;
    background-color: white;
    border-color: #dddddd;
    cursor: not-allowed; }

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 17px; }
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px; }
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px; }

.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px; }
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }

.pager {
  padding-left: 0;
  margin: 18px 0;
  list-style: none;
  text-align: center; }
  .pager:before, .pager:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .pager:after {
    clear: both; }
  .pager li {
    display: inline; }
    .pager li > a,
    .pager li > span {
      display: inline-block;
      padding: 5px 14px;
      background-color: white;
      border: 1px solid #dddddd;
      border-radius: 15px; }
    .pager li > a:hover,
    .pager li > a:focus {
      text-decoration: none;
      background-color: #f6f6f6; }
  .pager .next > a,
  .pager .next > span {
    float: right; }
  .pager .previous > a,
  .pager .previous > span {
    float: left; }
  .pager .disabled > a,
  .pager .disabled > a:hover,
  .pager .disabled > a:focus,
  .pager .disabled > span {
    color: #999999;
    background-color: white;
    cursor: not-allowed; }

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 100%;
  font-weight: bold;
  line-height: 1;
  color: white;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0; }
  .label[href]:hover, .label[href]:focus {
    color: white;
    text-decoration: none;
    cursor: pointer; }
  .label:empty {
    display: none; }

.label-default {
  background-color: #999999; }
  .label-default[href]:hover, .label-default[href]:focus {
    background-color: gray; }

.label-primary {
  background-color: #428bca; }
  .label-primary[href]:hover, .label-primary[href]:focus {
    background-color: #3071a9; }

.label-success {
  background-color: #55c65e;
  border: 1px solid #36943e; }
  .label-success[href]:hover, .label-success[href]:focus {
    background-color: #3aae43; }

.label-info {
  background-color: #5192f3;
  border: 1px solid #4b80c3; }
  .label-info[href]:hover, .label-info[href]:focus {
    background-color: #2174f0; }

.label-warning {
  background-color: #fe9126;
  border: 1px solid #e4752b; }
  .label-warning[href]:hover, .label-warning[href]:focus {
    background-color: #f07701; }

.label-danger {
  background-color: #f3515c;
  border: 1px solid #d4323d; }
  .label-danger[href]:hover, .label-danger[href]:focus {
    background-color: #f0212f; }

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: white;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  background-color: #999999;
  border-radius: 10px; }
  .badge:empty {
    display: none; }

a.badge:hover, a.badge:focus {
  color: white;
  text-decoration: none;
  cursor: pointer; }

.btn .badge {
  position: relative;
  top: -1px; }

a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #777777;
  background-color: white; }

.nav-pills > li > a > .badge {
  margin-left: 3px; }

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

a.thumbnail:hover,
a.thumbnail:focus {
  border-color: #444444; }

.thumbnail > img {
  margin-left: auto;
  margin-right: auto; }

.thumbnail .caption {
  padding: 9px;
  color: #777777; }

.alert {
  padding: 15px;
  margin-bottom: 18px;
  border: 1px solid transparent;
  border-radius: 0px; }
  .alert h4 {
    margin-top: 0;
    color: inherit; }
  .alert .alert-link {
    font-weight: bold; }
  .alert > p,
  .alert > ul {
    margin-bottom: 0; }
  .alert > p + p {
    margin-top: 5px; }

.alert-dismissable {
  padding-right: 35px; }
  .alert-dismissable .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit; }

.alert-success {
  background-color: #55c65e;
  border-color: #48b151;
  color: white; }
  .alert-success hr {
    border-top-color: #419f49; }
  .alert-success .alert-link {
    color: #e6e6e6; }

.alert-info {
  background-color: #5192f3;
  border-color: #4b80c3;
  color: white; }
  .alert-info hr {
    border-top-color: #3d73b7; }
  .alert-info .alert-link {
    color: #e6e6e6; }

.alert-warning {
  background-color: #fe9126;
  border-color: #e4752b;
  color: white; }
  .alert-warning hr {
    border-top-color: #da681c; }
  .alert-warning .alert-link {
    color: #e6e6e6; }

.alert-danger {
  background-color: #f3515c;
  border-color: #d4323d;
  color: white; }
  .alert-danger hr {
    border-top-color: #c32933; }
  .alert-danger .alert-link {
    color: #e6e6e6; }

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }

  to {
    background-position: 0 0; } }

@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }

  to {
    background-position: 0 0; } }

@-o-keyframes progress-bar-stripes {
  from {
    background-position: 0 0; }

  to {
    background-position: 40px 0; } }

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }

  to {
    background-position: 0 0; } }

.progress {
  overflow: hidden;
  height: 18px;
  margin-bottom: 18px;
  background-color: whitesmoke;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }

.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  color: white;
  text-align: center;
  background-color: #428bca;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease; }

.progress-striped .progress-bar {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px; }

.progress.active .progress-bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -moz-animation: progress-bar-stripes 2s linear infinite;
  -ms-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite; }

.progress-bar-success {
  background-color: #46a74e; }
  .progress-striped .progress-bar-success {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-info {
  background-color: #5192f3; }
  .progress-striped .progress-bar-info {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-warning {
  background-color: #f0ad4e; }
  .progress-striped .progress-bar-warning {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-danger {
  background-color: #d9534f; }
  .progress-striped .progress-bar-danger {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.media,
.media-body {
  overflow: hidden;
  zoom: 1; }

.media,
.media .media {
  margin-top: 15px; }

.media:first-child {
  margin-top: 0; }

.media-object {
  display: block; }

.media-heading {
  margin: 0 0 5px; }

.media > .pull-left {
  margin-right: 10px; }
.media > .pull-right {
  margin-left: 10px; }

.media-list {
  padding-left: 0;
  list-style: none; }

.list-group {
  margin-bottom: 20px;
  padding-left: 0; }

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: white;
  border: 1px solid #dddddd; }
  .list-group-item:first-child {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px; }
  .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px; }
  .list-group-item > .badge {
    float: right; }
  .list-group-item > .badge + .badge {
    margin-right: 5px; }
  .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    z-index: 2;
    color: white;
    background-color: #428bca;
    border-color: #428bca; }
    .list-group-item.active .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading {
      color: inherit; }
    .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
      color: #e1edf7; }

a.list-group-item {
  color: #555555; }
  a.list-group-item .list-group-item-heading {
    color: #333333; }
  a.list-group-item:hover, a.list-group-item:focus {
    text-decoration: none;
    background-color: whitesmoke; }

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px; }

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3; }

.panel {
  margin-bottom: 18px;
  background-color: white;
  border: 1px solid transparent;
  border-radius: 0px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }

.panel-body {
  padding: 15px; }
  .panel-body:before, .panel-body:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .panel-body:after {
    clear: both; }

.panel > .list-group {
  margin-bottom: 0; }
  .panel > .list-group .list-group-item {
    border-width: 1px 0; }
    .panel > .list-group .list-group-item:first-child {
      border-top-right-radius: 0;
      border-top-left-radius: 0; }
    .panel > .list-group .list-group-item:last-child {
      border-bottom: 0; }

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0; }

.panel > .table {
  margin-bottom: 0; }
.panel > .panel-body + .table {
  border-top: 1px solid #d6d4d4; }

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: -1px;
  border-top-left-radius: -1px; }

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 15px; }
  .panel-title > a {
    color: inherit; }

.panel-footer {
  padding: 10px 15px;
  background-color: whitesmoke;
  border-top: 1px solid #dddddd;
  border-bottom-right-radius: -1px;
  border-bottom-left-radius: -1px; }

.panel-group .panel {
  margin-bottom: 0;
  border-radius: 0px;
  overflow: hidden; }
  .panel-group .panel + .panel {
    margin-top: 5px; }
.panel-group .panel-heading {
  border-bottom: 0; }
  .panel-group .panel-heading + .panel-collapse .panel-body {
    border-top: 1px solid #dddddd; }
.panel-group .panel-footer {
  border-top: 0; }
  .panel-group .panel-footer + .panel-collapse .panel-body {
    border-bottom: 1px solid #dddddd; }

.panel-default {
  border-color: #dddddd; }
  .panel-default > .panel-heading {
    color: #333333;
    background-color: whitesmoke;
    border-color: #dddddd; }
    .panel-default > .panel-heading + .panel-collapse .panel-body {
      border-top-color: #dddddd; }
  .panel-default > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #dddddd; }

.panel-primary {
  border-color: #428bca; }
  .panel-primary > .panel-heading {
    color: white;
    background-color: #428bca;
    border-color: #428bca; }
    .panel-primary > .panel-heading + .panel-collapse .panel-body {
      border-top-color: #428bca; }
  .panel-primary > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #428bca; }

.panel-success {
  border-color: #48b151; }
  .panel-success > .panel-heading {
    color: white;
    background-color: #55c65e;
    border-color: #48b151; }
    .panel-success > .panel-heading + .panel-collapse .panel-body {
      border-top-color: #48b151; }
  .panel-success > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #48b151; }

.panel-warning {
  border-color: #e4752b; }
  .panel-warning > .panel-heading {
    color: white;
    background-color: #fe9126;
    border-color: #e4752b; }
    .panel-warning > .panel-heading + .panel-collapse .panel-body {
      border-top-color: #e4752b; }
  .panel-warning > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #e4752b; }

.panel-danger {
  border-color: #d4323d; }
  .panel-danger > .panel-heading {
    color: white;
    background-color: #f3515c;
    border-color: #d4323d; }
    .panel-danger > .panel-heading + .panel-collapse .panel-body {
      border-top-color: #d4323d; }
  .panel-danger > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #d4323d; }

.panel-info {
  border-color: #4b80c3; }
  .panel-info > .panel-heading {
    color: white;
    background-color: #5192f3;
    border-color: #4b80c3; }
    .panel-info > .panel-heading + .panel-collapse .panel-body {
      border-top-color: #4b80c3; }
  .panel-info > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #4b80c3; }

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: whitesmoke;
  border: 1px solid #e3e3e3;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }
  .well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, 0.15); }

.well-lg {
  padding: 24px;
  border-radius: 6px; }

.well-sm {
  padding: 9px;
  border-radius: 3px; }

.close {
  float: right;
  font-size: 19.5px;
  font-weight: bold;
  line-height: 1;
  color: black;
  text-shadow: 0 1px 0 white;
  opacity: 0.2;
  filter: alpha(opacity=20); }
  .close:hover, .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50); }

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none; }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  background-color: white;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  white-space: normal; }
  .popover.top {
    margin-top: -10px; }
  .popover.right {
    margin-left: 10px; }
  .popover.bottom {
    margin-top: 10px; }
  .popover.left {
    margin-left: -10px; }

.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 13px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0; }

.popover-content {
  padding: 9px 14px; }

.popover .arrow, .popover .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.popover .arrow {
  border-width: 11px; }

.popover .arrow:after {
  border-width: 10px;
  content: ""; }

.popover.top .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px; }
  .popover.top .arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: white; }
.popover.right .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25); }
  .popover.right .arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: white; }
.popover.bottom .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px; }
  .popover.bottom .arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: white; }
.popover.left .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25); }
  .popover.left .arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: white;
    bottom: -10px; }

.clearfix:before, .clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }
.clearfix:after {
  clear: both; }

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

.affix {
  position: fixed; }

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

@media screen and (max-width: 400px) {
  @-ms-viewport {
    width: 320px; } }
.hidden {
  display: none !important;
  visibility: hidden !important; }

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

tr.visible-xs {
  display: none !important; }

th.visible-xs,
td.visible-xs {
  display: none !important; }

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

tr.visible-sm {
  display: none !important; }

th.visible-sm,
td.visible-sm {
  display: none !important; }

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

tr.visible-md {
  display: none !important; }

th.visible-md,
td.visible-md {
  display: none !important; }

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

tr.visible-lg {
  display: none !important; }

th.visible-lg,
td.visible-lg {
  display: none !important; }

.hidden-xs {
  display: block !important; }

tr.hidden-xs {
  display: table-row !important; }

th.hidden-xs,
td.hidden-xs {
  display: table-cell !important; }

.hidden-sm {
  display: block !important; }

tr.hidden-sm {
  display: table-row !important; }

th.hidden-sm,
td.hidden-sm {
  display: table-cell !important; }

.hidden-md {
  display: block !important; }

tr.hidden-md {
  display: table-row !important; }

th.hidden-md,
td.hidden-md {
  display: table-cell !important; }

.hidden-lg {
  display: block !important; }

tr.hidden-lg {
  display: table-row !important; }

th.hidden-lg,
td.hidden-lg {
  display: table-cell !important; }

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

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

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

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

  tr.visible-print {
    display: table-row !important; }

  th.visible-print,
  td.visible-print {
    display: table-cell !important; }

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

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

  th.hidden-print,
  td.hidden-print {
    display: none !important; } }
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'fontello';
  src: url("https://polseracatalana.cat/themes/transformer/css/../font/fontello.eot?49216886");
  src: url("https://polseracatalana.cat/themes/transformer/css/../font/fontello.eot?49216886#iefix") format("embedded-opentype"), url("https://polseracatalana.cat/themes/transformer/css/../font/fontello.woff2?49216886") format("woff2"), url("https://polseracatalana.cat/themes/transformer/css/../font/fontello.woff?49216886") format("woff"), url("https://polseracatalana.cat/themes/transformer/css/../font/fontello.ttf?49216886") format("truetype"), url("https://polseracatalana.cat/themes/transformer/css/../font/fontello.svg?49216886#fontello") format("svg");
  font-weight: normal;
  font-style: normal; }

/* FONT AWESOME CORE
 * -------------------------- */
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

/* makes sure icons active on rollover in links */
a [class^="icon-"], a [class*=" icon-"] {
  display: inline-block; }

.icon-small:before {
  font-size: 1.1666666666666666em; }

.icon-large:before {
  vertical-align: -2%;
  font-size: 1.3333333333333333em; }

.icon-0x {
  font-size: 1.5em; }

.icon-1x {
  font-size: 1.75em; }

.icon-2x {
  font-size: 2.333em; }

.icon-3x {
  font-size: 3em; }

.icon-4x {
  font-size: 4em; }

.icon-6x {
  font-size: 6em; }

.icon-mar-lr2 {
  margin-left: 0.2em;
  margin-right: 0.2em; }

/* EXTRAS
 * -------------------------- */
.animate-spin {
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block; }

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@-o-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@-ms-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
 * readers do not read off random characters that represent icons */
.icon-envelope-alt:before {
  content: '\e834'; }

.icon-phone {
  content: '\37'; }

.icon-map-marker:before {
  content: '\e845'; }

.icon-refresh:before {
  content: '\e832'; }

.icon-paypal:before {
  content: '\24'; }

.icon-gplus:before {
  content: '\2b'; }

.icon-pinterest:before {
  content: '\31'; }

.icon-call:before {
  content: '\37'; }

.icon-digg:before {
  content: '\3b'; }

.icon-evernote:before {
  content: '\45'; }

.icon-flickr:before {
  content: '\46'; }

.icon-google:before {
  content: '\47'; }

.icon-rss:before {
  content: '\52'; }

.icon-skype:before {
  content: '\53'; }

.icon-twitter:before {
  content: '\54'; }

.icon-youtube:before {
  content: '\55'; }

.icon-vimeo:before {
  content: '\56'; }

.icon-amazon:before {
  content: '\61'; }

.icon-ebay:before {
  content: '\65'; }

.icon-facebook:before {
  content: '\66'; }

.icon-wordpress:before {
  content: '\77'; }

.icon-drupal:before {
  content: '\e4'; }

.icon-left:before {
  content: '\2190'; }

.icon-up:before {
  content: '\2191'; }

.icon-right:before {
  content: '\2192'; }

.icon-home:before {
  content: '\2302'; }

.icon-check:before {
  content: '\2611'; }

.icon-heart:before {
  content: '\2665'; }

.icon-cog:before {
  content: '\2699'; }

.icon-edit:before {
  content: '\270d'; }

.icon-ok-circle:before {
  content: '\2714'; }

.icon-th-large:before {
  content: '\e023'; }

.icon-th:before {
  content: '\e024'; }

.icon-qrcode:before {
  content: '\e057'; }

.icon-down-open-2:before {
  content: '\e0a4'; }

.icon-up-open-2:before {
  content: '\e0cb'; }

.icon-right-open-3:before {
  content: '\e0cc'; }

.icon-left-open-3:before {
  content: '\e0cd'; }

.icon-help-circled:before {
  content: '\e704'; }

.icon-info-circled:before {
  content: '\e705'; }

.icon-eye:before {
  content: '\e70a'; }

.icon-reply:before {
  content: '\e712'; }

.icon-export:before {
  content: '\e715'; }

.icon-print:before {
  content: '\e716'; }

.icon-vcard:before {
  content: '\e722'; }

.icon-trash:before {
  content: '\e729'; }

.icon-basket:before {
  content: '\e73d'; }

.icon-star-1:before {
  content: '\e800'; }

.icon-left-open-1:before {
  content: '\e801'; }

.icon-down-open-1:before {
  content: '\e802'; }

.icon-right-open-1:before {
  content: '\e803'; }

.icon-up-open-1:before {
  content: '\e804'; }

.icon-heart-2:before {
  content: '\e805'; }

.icon-cancel-1:before {
  content: '\e806'; }

.icon-ok:before {
  content: '\e807'; }

.icon-exchange-1:before {
  content: '\e808'; }

.icon-heart-1:before {
  content: '\e809'; }

.icon-home-1:before {
  content: '\e80a'; }

.icon-search-1:before {
  content: '\e80b'; }

.icon-right-open-2:before {
  content: '\e80c'; }

.icon-left-open-2:before {
  content: '\e80d'; }

.icon-cancel-2:before {
  content: '\e80e'; }

.icon-ok-1:before {
  content: '\e80f'; }

.icon-thumbs-up-1:before {
  content: '\e810'; }

.icon-thumbs-down-1:before {
  content: '\e811'; }

.icon-rss-1:before {
  content: '\e812'; }

.icon-plus-2:before {
  content: '\e813'; }

.icon-right-dir-2:before {
  content: '\e814'; }

.icon-left-dir-1:before {
  content: '\e815'; }

.icon-up-dir:before {
  content: '\e816'; }

.icon-down-dir-2:before {
  content: '\e817'; }

.icon-eye-2:before {
  content: '\e818'; }

.icon-tools:before {
  content: '\e819'; }

.icon-chat-1:before {
  content: '\e81a'; }

.icon-plus-1:before {
  content: '\e81b'; }

.icon-adjust:before {
  content: '\e81c'; }

.icon-minus-1:before {
  content: '\e81d'; }

.icon-ajust:before {
  content: '\e81e'; }

.icon-user-1:before {
  content: '\e81f'; }

.icon-link:before {
  content: '\e820'; }

.icon-clock:before {
  content: '\e821'; }

.icon-angle-double-right:before {
  content: '\e822'; }

.icon-angle-double-left:before {
  content: '\e823'; }

.icon-camera-2:before {
  content: '\e824'; }

.icon-flight:before {
  content: '\e825'; }

.icon-credit-card:before {
  content: '\e826'; }

.icon-note-beamed:before {
  content: '\e827'; }

.icon-truck:before {
  content: '\e828'; }

.icon-trophy:before {
  content: '\e829'; }

.icon-doc-text-inv:before {
  content: '\e82a'; }

.icon-video-chat:before {
  content: '\e82b'; }

.icon-video:before {
  content: '\e82c'; }

.icon-picture-1:before {
  content: '\e82d'; }

.icon-picture-2:before {
  content: '\e82e'; }

.icon-videocam-1:before {
  content: '\e82f'; }

.icon-video-1:before {
  content: '\e830'; }

.icon-mail:before {
  content: '\e831'; }

.icon-spin3:before {
  content: '\e832'; }

.icon-phone-squared:before {
  content: '\e833'; }

.icon-mail-alt:before {
  content: '\e834'; }

.icon-mail-1:before {
  content: '\e835'; }

.icon-tag:before {
  content: '\e836'; }

.icon-tag-1:before {
  content: '\e837'; }

.icon-spin5:before {
  content: '\e838'; }

.icon-tag-2:before {
  content: '\e839'; }

.icon-users:before {
  content: '\e83a'; }

.icon-instagram:before {
  content: '\e83b'; }

.icon-bag:before {
  content: '\e83c'; }

.icon-linkedin:before {
  content: '\e83d'; }

.icon-tumblr:before {
  content: '\e83e'; }

.icon-blogger:before {
  content: '\e83f'; }

.icon-mobile:before {
  content: '\e840'; }

.icon-vk:before {
  content: '\e841'; }

.icon-cancel-circled:before {
  content: '\e842'; }

.icon-monitor:before {
  content: '\e843'; }

.icon-lock-open:before {
  content: '\e844'; }

.icon-location:before {
  content: '\e845'; }

.icon-basket-1:before {
  content: '\e846'; }

.icon-phone:before {
  content: '\e847'; }

.icon-plus:before {
  content: '\e848'; }

.icon-cancel:before {
  content: '\e849'; }

.icon-minus-2:before {
  content: '\e84a'; }

.icon-plus-squared:before {
  content: '\e84b'; }

.icon-sort:before {
  content: '\e84c'; }

.icon-mail-2:before {
  content: '\e84d'; }

.icon-pencil:before {
  content: '\e84e'; }

.icon-lock:before {
  content: '\e84f'; }

.icon-user:before {
  content: '\e850'; }

.icon-star-empty-1:before {
  content: '\e851'; }

.icon-sort-down:before {
  content: '\e852'; }

.icon-sort-up:before {
  content: '\e853'; }

.icon-minus-squared:before {
  content: '\e854'; }

.icon-th-list:before {
  content: '\e855'; }

.icon-minus:before {
  content: '\e856'; }

.icon-crown:before {
  content: '\e857'; }

.icon-globe-alt:before {
  content: '\e858'; }

.icon-rocket:before {
  content: '\e859'; }

.icon-tint:before {
  content: '\e85a'; }

.icon-leaf:before {
  content: '\e85b'; }

.icon-umbrella:before {
  content: '\e85c'; }

.icon-fast-food:before {
  content: '\e85d'; }

.icon-fire:before {
  content: '\e85e'; }

.icon-flag:before {
  content: '\e85f'; }

.icon-flag-1:before {
  content: '\e860'; }

.icon-menu:before {
  content: '\e861'; }

.icon-heart-3:before {
  content: '\e862'; }

.icon-cog-1:before {
  content: '\e863'; }

.icon-params:before {
  content: '\e864'; }

.icon-shop:before {
  content: '\e865'; }

.icon-beaker:before {
  content: '\e866'; }

.icon-truck-1:before {
  content: '\e867'; }

.icon-diamond:before {
  content: '\e868'; }

.icon-t-shirt:before {
  content: '\e869'; }

.icon-globe:before {
  content: '\e86a'; }

.icon-location-2:before {
  content: '\e86b'; }

.icon-at:before {
  content: '\e86c'; }

.icon-popup-1:before {
  content: '\e86d'; }

.icon-quote-left:before {
  content: '\e86e'; }

.icon-quote-right:before {
  content: '\e86f'; }

.icon-resize-full:before {
  content: '\e870'; }

.icon-anchor-outline:before {
  content: '\e871'; }

.icon-gift:before {
  content: '\e872'; }

.icon-credit-card-1:before {
  content: '\e873'; }

.icon-home-outline:before {
  content: '\e874'; }

.icon-feather:before {
  content: '\e875'; }

.icon-star:before {
  content: '\e876'; }

.icon-hourglass:before {
  content: '\e877'; }

.icon-flow-tree:before {
  content: '\e878'; }

.icon-rocket-1:before {
  content: '\e879'; }

.icon-plus-circled:before {
  content: '\e87a'; }

.icon-history:before {
  content: '\e87b'; }

.icon-umbrella-1:before {
  content: '\e87c'; }

.icon-chart-pie:before {
  content: '\e87d'; }

.icon-columns:before {
  content: '\e87e'; }

.icon-gift-1:before {
  content: '\e87f'; }

.icon-magic:before {
  content: '\e880'; }

.icon-smile:before {
  content: '\e881'; }

.icon-frown:before {
  content: '\e882'; }

.icon-meh:before {
  content: '\e883'; }

.icon-shield:before {
  content: '\e884'; }

.icon-recycle:before {
  content: '\e885'; }

.icon-camera:before {
  content: '\e886'; }

.icon-videocam:before {
  content: '\e887'; }

.icon-clock-1:before {
  content: '\e888'; }

.icon-desktop:before {
  content: '\e889'; }

.icon-mobile-1:before {
  content: '\e88a'; }

.icon-cd:before {
  content: '\e88b'; }

.icon-lightbulb:before {
  content: '\e88c'; }

.icon-eye-1:before {
  content: '\e88d'; }

.icon-tag-3:before {
  content: '\e88e'; }

.icon-pencil-1:before {
  content: '\e88f'; }

.icon-location-1:before {
  content: '\e890'; }

.icon-cup:before {
  content: '\e891'; }

.icon-star-2:before {
  content: '\e892'; }

.icon-music:before {
  content: '\e893'; }

.icon-tv:before {
  content: '\e894'; }

.icon-whatsapp:before {
  content: '\e895'; }

.icon-heart-empty:before {
  content: '\e896'; }

.icon-comment-empty:before {
  content: '\e897'; }

.icon-link-ext:before {
  content: '\e898'; }

.icon-play-circled2:before {
  content: '\e899'; }

.icon-play:before {
  content: '\e89a'; }

.icon-play-circled-1:before {
  content: '\e89b'; }

.icon-diamond-1:before {
  content: '\e89c'; }

.icon-birthday:before {
  content: '\e89d'; }

.icon-lifebuoy:before {
  content: '\e89e'; }

.icon-money:before {
  content: '\e89f'; }

.icon-chat-empty:before {
  content: '\e8a0'; }

.icon-copyright:before {
  content: '\e8a1'; }

.icon-heart-broken:before {
  content: '\f028'; }

.icon-check-empty:before {
  content: '\f096'; }

.icon-angle-left:before {
  content: '\f104'; }

.icon-angle-right:before {
  content: '\f105'; }

.icon-angle-up:before {
  content: '\f106'; }

.icon-angle-down:before {
  content: '\f107'; }

@media only screen and (min-width: 1200px) {
  .container {
    padding-left: 0;
    padding-right: 0; } }
a:hover {
  text-decoration: none; }

html {
  overflow-x: hidden; }

input[type=text]::-ms-clear {
  display: none; }

body {
  min-width: 320px;
  height: 100%;
  font-size: 12px;
  line-height: 150%;
  font-family: Tahoma, sans-serif, Arial;
  color: #666666;
  -ms-overflow-style: scrollbar;
  overflow-x: hidden; }
  body.content_only {
    background: none;
    min-width: 0px; }

textarea {
  resize: none; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 10px; }

h1 {
  line-height: 1.3em; }

h2 {
  line-height: 1.2em; }

h3 {
  line-height: 1.2em; }

h4 {
  line-height: 1.25em; }

h5 {
  font-size: 1.166em;
  line-height: 1.1428em; }

h6 {
  font-size: 1em; }

dt {
  font-weight: normal; }

.clearBoth {
  clear: both; }

.display_none {
  display: none; }

#columns {
  position: relative; }

.main_content_area {
  padding-top: 0;
  padding-bottom: 0;
  /* .columns-container {
  	padding-top: 2em;
  }
  .columns-container:nth-child(2){
  	padding-top: 0;
  } */ }

.main_content_area_top .wide_container {
  height: 1.333em; }

.main_content_area_footer .wide_container {
  height: 2em; }

#index .tab-content {
  margin-top: 0; }

header .banner .row .easycontent.block, header .banner .row .st_banner_block.mar_b2 {
  margin-bottom: 0; }
header .nav {
  background: #333333; }
  header .nav .row {
    margin: 0px; }
header .row {
  position: relative; }
  header .row > .container {
    position: relative; }

#top_bar {
  background: #00a161; }
  #top_bar .header_item, #top_bar .dropdown_tri_inner {
    color: #D8F6E6; }
  #top_bar a.header_item {
    color: #D8F6E6; }
    #top_bar a.header_item:hover {
      color: #00A161;
      background-color: #D7F5E5; }
  #top_bar .shopping_cart .icon_wrap, #top_bar .shopping_cart .ajax_cart_right {
    color: #d8f6e6; }
  #top_bar .shopping_cart:hover .icon_wrap, #top_bar .shopping_cart:hover .ajax_cart_right {
    color: #00A161; }

.ie8 #page_header #header_logo {
  width: 350px; }

#center_column .page_product_box h3 {
  color: #555454;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 20px;
  padding: 14px 20px 17px;
  margin: 0 0 20px;
  position: relative;
  border: 1px solid #e5e5e5;
  border-bottom: none;
  background: #fbfbfb; }

p.info-account {
  margin: -4px 0 24px 0; }

.dark {
  color: #333333; }

.main-page-indent {
  margin-bottom: 30px; }

.alert {
  padding: 14px 10px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  margin-bottom: 1em; }
  .alert ul, .alert ol {
    padding-left: 10px;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 27px; }
    .alert ul li, .alert ol li {
      list-style-type: decimal;
      font-weight: normal; }
  .alert.alert-success {
    color: #468847;
    background-color: #dff0d8;
    border: 1px solid #dff0d8; }
  .alert.alert-danger {
    color: #c02230;
    background-color: #F5DAD3;
    border: 1px solid #F5DAD3; }
  .alert.alert-warning {
    color: #7c622a;
    background-color: #FDEDA4;
    border: 1px solid #FDEDA4; }
  .alert.alert-info {
    color: #3a87ad;
    background-color: #d9edf7;
    border: 1px solid #d9edf7; }

.label {
  white-space: normal;
  display: inline-block;
  padding: 6px 10px; }

.unvisible {
  display: none; }

.close {
  opacity: 1; }
  .close:hover {
    opacity: 1; }

input.button_mini,
input.button_small,
input.button,
input.button_large,
input.button_mini_disabled,
input.button_small_disabled,
input.button_disabled,
input.button_large_disabled,
input.exclusive_mini,
input.exclusive_small,
input.exclusive,
input.exclusive_large,
input.exclusive_mini_disabled,
input.exclusive_small_disabled,
input.exclusive_disabled,
input.exclusive_large_disabled,
a.button_mini,
a.button_small,
a.button,
a.button_large,
a.exclusive_mini,
a.exclusive_small,
a.exclusive,
a.exclusive_large,
span.button_mini,
span.button_small,
span.button,
span.button_large,
span.exclusive_mini,
span.exclusive_small,
span.exclusive,
span.exclusive_large,
span.exclusive_large_disabled {
  position: relative;
  display: inline-block;
  border: none;
  font-weight: normal;
  color: #000;
  cursor: pointer;
  white-space: normal;
  text-align: left;
  background: #666666;
  color: #fff;
  padding: 7px 12px 9px 12px;
  font-size: 1.166em; }

*:first-child + html input.button_mini,
*:first-child + html input.button_small,
*:first-child + html input.button,
*:first-child + html input.button_large,
*:first-child + html input.button_mini_disabled,
*:first-child + html input.button_small_disabled,
*:first-child + html input.button_disabled,
*:first-child + html input.button_large_disabled,
*:first-child + html input.exclusive_mini,
*:first-child + html input.exclusive_small,
*:first-child + html input.exclusive,
*:first-child + html input.exclusive_large,
*:first-child + html input.exclusive_mini_disabled,
*:first-child + html input.exclusive_small_disabled,
*:first-child + html input.exclusive_disabled,
*:first-child + html input.exclusive_large_disabled {
  border: none; }

input.button_mini:hover,
input.button_small:hover,
input.button:hover,
input.button_large:hover,
input.exclusive_mini:hover,
input.exclusive_small:hover,
input.exclusive:hover,
input.exclusive_large:hover,
a.button_mini:hover,
a.button_small:hover,
a.button:hover,
a.button_large:hover,
a.exclusive_mini:hover,
a.exclusive_small:hover,
a.exclusive:hover,
a.exclusive_large:hover {
  text-decoration: none;
  background: #00a161;
  color: #fff; }

input.button_mini:active,
input.button_small:active,
input.button:active,
input.button_large:active,
input.exclusive_mini:active,
input.exclusive_small:active,
input.exclusive:active,
input.exclusive_large:active,
a.button_mini:active,
a.button_small:active,
a.button:active,
a.button_large:active,
a.exclusive_mini:active,
a.exclusive_small:active,
a.exclusive:active,
a.exclusive_large:active {
  background: #00a161;
  color: #fff; }

input.button_disabled,
input.exclusive_disabled,
span.exclusive {
  background: #999999;
  cursor: default; }

.btn.disabled,
.btn[disabled]:hover {
  opacity: 0.3; }

.btn-small {
  background: #666666;
  color: #fff; }

.btn-default, .btn-medium, .btn-large {
  border: none;
  background: #666666;
  color: #fff;
  line-height: 100%; }
  .btn-default:hover, .btn-default.active, .btn-medium:hover, .btn-medium.active, .btn-large:hover, .btn-large.active {
    border: none;
    background: #00a161;
    color: #fff; }
  .btn-default.btn_primary, .btn-medium.btn_primary, .btn-large.btn_primary {
    color: #fff;
    background-color: #00A161;
    text-transform: uppercase; }
    .btn-default.btn_primary:hover, .btn-default.btn_primary.active, .btn-medium.btn_primary:hover, .btn-medium.btn_primary.active, .btn-large.btn_primary:hover, .btn-large.btn_primary.active {
      color: #fff;
      background: #086A43; }
  .btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled].active, .btn-medium.disabled, .btn-medium.disabled:hover, .btn-medium.disabled.active, .btn-medium[disabled], .btn-medium[disabled]:hover, .btn-medium[disabled].active, .btn-large.disabled, .btn-large.disabled:hover, .btn-large.disabled.active, .btn-large[disabled], .btn-large[disabled]:hover, .btn-large[disabled].active {
    background-color: #999; }
  .btn-default.btn-white, .style_content .btn-default.btn-white, .easycontent .btn-default.btn-white, .btn-medium.btn-white, .style_content .btn-medium.btn-white, .easycontent .btn-medium.btn-white, .btn-large.btn-white, .style_content .btn-large.btn-white, .easycontent .btn-large.btn-white {
    background: #ffffff;
    color: #444; }
    .btn-default.btn-white:hover, .style_content .btn-default.btn-white:hover, .easycontent .btn-default.btn-white:hover, .btn-medium.btn-white:hover, .style_content .btn-medium.btn-white:hover, .easycontent .btn-medium.btn-white:hover, .btn-large.btn-white:hover, .style_content .btn-large.btn-white:hover, .easycontent .btn-large.btn-white:hover {
      background: #444;
      color: #ffffff; }
  .btn-default.btn-wider, .btn-medium.btn-wider, .btn-large.btn-wider {
    padding-right: 38px;
    padding-left: 38px; }

.btn-default {
  padding-top: 7px;
  padding-bottom: 9px;
  font-size: 1.166em; }

.btn-medium {
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 1.333em; }

.btn-large {
  padding-top: 13px;
  padding-bottom: 13px;
  font-size: 1.5em; }

.button.button-small {
  font-size: 1.166em;
  color: white;
  background: #666666;
  border: none;
  padding: 4px 8px;
  text-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0; }

.button.button-medium {
  font-size: 1.333em;
  padding: 9px 16px; }

.button.button-medium.exclusive {
  border: none;
  background: #00A161; }
  .button.button-medium.exclusive:hover {
    background: #086A43; }
  .button.button-medium.exclusive span {
    border-color: #fec133 #febc33 #feb233 #febc33; }
    .button.button-medium.exclusive span:hover {
      filter: none;
      background: #f89609;
      border-color: #a6550c #ba6708 #db8600 #ba6708; }
      .button.button-medium.exclusive span:hover span {
        border-color: #fec133; }

.link-button {
  font-weight: bold; }
  .link-button i {
    margin-right: 5px; }
    .link-button i.large {
      font-size: 26px;
      line-height: 26px;
      vertical-align: -3px;
      color: silver; }

.btn.button-plus,
.btn.button-minus {
  font-size: 14px;
  line-height: 14px;
  color: silver;
  text-shadow: 1px -1px rgba(0, 0, 0, 0.05);
  padding: 0;
  border: 1px solid;
  border-color: #dedcdc #c1bfbf #b5b4b4 #dad8d8;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0; }
  .btn.button-plus span,
  .btn.button-minus span {
    display: block;
    border: 1px solid white;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    text-align: center;
    vertical-align: middle;
    padding: 4px 0 0 0;
    background: #1e5799;
    background: white;
    background: -moz-linear-gradient(top, white 0%, #fbfbfb 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #fbfbfb));
    background: -webkit-linear-gradient(top, white 0%, #fbfbfb 100%);
    background: -o-linear-gradient(top, white 0%, #fbfbfb 100%);
    background: -ms-linear-gradient(top, white 0%, #fbfbfb 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #fbfbfb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fbfbfb',GradientType=0); }
  .btn.button-plus:hover,
  .btn.button-minus:hover {
    color: #333333; }
    .btn.button-plus:hover span,
    .btn.button-minus:hover span {
      filter: none;
      background: #f6f6f6; }

.button.exclusive-medium {
  font-size: 1.5em;
  padding: 0;
  color: #333333;
  font-weight: normal;
  border: 1px solid;
  border-color: #cacaca #b7b7b7 #9a9a9a #b7b7b7;
  text-shadow: 1px 1px white; }
  .button.exclusive-medium span {
    border: 1px solid;
    border-color: white;
    display: block;
    padding: 9px 10px 11px 10px;
    background: #f7f7f7;
    background: -moz-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #ededed));
    background: -webkit-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
    background: -o-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
    background: -ms-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
    background: linear-gradient(to bottom, #f7f7f7 0%, #ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#ededed',GradientType=0); }
    .button.exclusive-medium span:hover {
      border-color: #9e9e9e #c2c2c2 #c8c8c8 #c2c2c2; }
      .button.exclusive-medium span:hover span {
        background: #e7e7e7;
        background: -moz-linear-gradient(top, #e7e7e7 0%, #e7e7e7 0%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e7e7e7), color-stop(0%, #e7e7e7));
        background: -webkit-linear-gradient(top, #e7e7e7 0%, #e7e7e7 0%);
        background: -o-linear-gradient(top, #e7e7e7 0%, #e7e7e7 0%);
        background: -ms-linear-gradient(top, #e7e7e7 0%, #e7e7e7 0%);
        background: linear-gradient(to bottom, #e7e7e7 0%, #e7e7e7 0%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7e7e7', endColorstr='#e7e7e7',GradientType=0); }

.product_list.list .button.ajax_add_to_cart_button {
  color: #fff;
  background: #00A161; }
  .product_list.list .button.ajax_add_to_cart_button span {
    display: block;
    padding: 6px 14px; }
  .product_list.list .button.ajax_add_to_cart_button:hover {
    background: #086A43; }

.hover_fly .ajax_add_to_cart_button,
.hover_fly .view_button,
.itemlist_action .ajax_add_to_cart_button,
.itemlist_action .view_button {
  padding: 0;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-transform: none; }

.hover_fly .btn-default.btn_primary {
  text-transform: none; }

.itemlist_action .ajax_add_to_cart_button i {
  height: 30px;
  line-height: 28px; }

#buy_block #wishlist_button span,
#buy_block .add_to_compare span,
#usefull_link_block #wishlist_button span,
#usefull_link_block .add_to_compare span,
.product_list.list .addToWishlist span,
.product_list.list .add_to_compare span {
  vertical-align: middle;
  display: inline-block; }

.hover_fly a.active i:before,
.itemlist_action .ajax_add_to_cart_button.active i:before,
.act_box a.active i:before,
#create-account_form #SubmitCreate.active i:before,
#login_form #SubmitLogin.active i:before {
  content: "\e838"; }

.hover_fly a.active i,
.itemlist_action .ajax_add_to_cart_button.active i,
.act_box a.active i,
#create-account_form #SubmitCreate.active i,
#login_form #SubmitLogin.active i {
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block; }

.form-control {
  padding: 2px 4px;
  height: 26px; }
  .form-control.grey {
    background: #fbfbfb; }

table.std,
table.table_block {
  margin-bottom: 20px;
  width: 100%;
  border: 1px solid #999999;
  border-bottom: none;
  background: #fff;
  border-collapse: inherit; }

table.std th,
table.table_block th {
  padding: 14px 12px;
  font-size: 12px;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
  text-shadow: 0 1px 0 #000;
  background: #999999; }

table.std tr.alternate_item,
table.table_block tr.alternate_item {
  background-color: #f3f3f3; }

table.std td,
table.table_block td {
  padding: 12px;
  border-right: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
  font-size: 12px;
  vertical-align: top; }

.table {
  margin-bottom: 2em; }
  .table > thead > tr > th {
    background: #fbfbfb;
    border-bottom-width: 1px;
    color: #333333;
    vertical-align: middle; }
  .table td ul, .table td ol {
    margin-bottom: 0 !important; }
  .table td a.color-myaccount {
    color: #444444;
    text-decoration: underline; }
    .table td a.color-myaccount:hover {
      text-decoration: none; }

.new-box,
.sale-box {
  position: absolute;
  top: -4px;
  overflow: hidden;
  height: 85px;
  width: 85px;
  text-align: center;
  z-index: 0; }

.new-box {
  left: -4px; }

.sale-box {
  right: -5px; }

.new-label {
  font: 700 14px/12px Arial, Helvetica, sans-serif;
  color: white;
  background: #6ad4ff;
  text-transform: uppercase;
  padding: 9px 0 7px;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.24);
  width: 130px;
  text-align: center;
  display: block;
  position: absolute;
  left: -33px;
  top: 16px;
  z-index: 1;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }
  .new-label:before {
    position: absolute;
    bottom: -3px;
    right: 5px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 4px 4px 0px 4px;
    border-color: #21a3d8 transparent transparent transparent;
    content: ".";
    text-indent: -5000px;
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg); }
  .new-label:after {
    position: absolute;
    bottom: -3px;
    left: 3px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 4px 4px 0px 4px;
    border-color: #21a3d8 transparent transparent transparent;
    content: ".";
    text-indent: -5000px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg); }

.sale-label {
  font: 700 14px/12px Arial, Helvetica, sans-serif;
  color: white;
  background: #f13340;
  text-transform: uppercase;
  padding: 9px 0 7px;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.24);
  width: 130px;
  text-align: center;
  display: block;
  position: absolute;
  right: -33px;
  top: 16px;
  z-index: 1;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }
  .sale-label:before {
    position: absolute;
    bottom: -3px;
    right: 4px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 4px 4px 0px 4px;
    border-color: #ad2b34 transparent transparent transparent;
    content: ".";
    text-indent: -5000px;
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg); }
  .sale-label:after {
    position: absolute;
    bottom: -3px;
    left: 5px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 4px 4px 0px 4px;
    border-color: #ad2b34 transparent transparent transparent;
    content: ".";
    text-indent: -5000px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg); }

.ie8 .new-label {
  left: 0px;
  top: 0px;
  width: auto;
  padding: 5px 15px; }
  .ie8 .new-label:after {
    display: none; }
  .ie8 .new-label:before {
    display: none; }
.ie8 .sale-label {
  right: 0px;
  top: 0px;
  width: auto;
  padding: 5px 15px; }
  .ie8 .sale-label:after {
    display: none; }
  .ie8 .sale-label:before {
    display: none; }
.ie8 .new-box {
  top: -1px;
  left: -1px; }
.ie8 .sale-box {
  right: -1px;
  top: -1px; }

.box {
  background: #fbfbfb;
  border: 1px solid #e5e5e5;
  padding: 14px 18px 13px;
  margin: 0 0 30px 0; }
  .box.box-small {
    padding: 9px 10px 9px 20px; }
    .box.box-small .dark {
      padding-top: 10px;
      padding-right: 20px;
      margin-bottom: 0;
      width: auto; }

.page-product-box {
  padding-bottom: 10px; }

.product-box {
  width: 178px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .product-box .product-image {
    border: 1px solid #e5e5e5;
    background: #fff;
    padding: 5px;
    display: block;
    margin-bottom: 11px; }
    .product-box .product-image img {
      max-width: 100%;
      width: 100%;
      height: auto; }

#home-page-tabs {
  margin-bottom: 0; }
  #home-page-tabs > li a {
    text-transform: uppercase;
    font-size: 1.333em;
    display: inline-block;
    padding-right: 8px;
    background: #fff;
    color: #666;
    line-height: 1.2em; }
  #home-page-tabs > li span {
    display: inline-block;
    padding-right: 8px;
    background: #fff;
    color: #666;
    font-size: 1.333em;
    line-height: 1.2em; }
  #home-page-tabs > li:last-child span {
    display: none; }
  #home-page-tabs > li.active a,
  #home-page-tabs > li a:hover {
    color: #00a161; }

.block .list-block li {
  padding: 0 0 4px; }
.block .list-block .form-group {
  padding-top: 20px;
  border-top: 1px solid #e5e5e5;
  margin-bottom: 0; }
  .block .list-block .form-group select {
    max-width: 270px; }
.block .list-block .btn {
  margin-top: 12px; }
.block .products-block .product-description {
  display: none;
  margin-bottom: 10px; }

.page-heading.bottom-indent {
  margin-bottom: 16px; }

h3.page-product-heading {
  color: #555454;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 20px;
  padding: 14px 20px 17px;
  margin: 0 0 20px;
  position: relative;
  border: 1px solid #e5e5e5;
  border-bottom: none;
  background: #fbfbfb; }

ul.footer_links {
  margin-top: 1em; }
  ul.footer_links li {
    float: left; }
    ul.footer_links li + li {
      margin-left: 10px; }

.content_sortPagiBar .sortPagiBar {
  border-bottom: 1px solid #e5e5e5;
  padding: 0 10px 1em; }
  .content_sortPagiBar .sortPagiBar.sortPagiBarBottom {
    border-bottom: none;
    border-top: 1px solid #e5e5e5;
    margin-bottom: 0;
    padding: 1em 10px 0; }
  .content_sortPagiBar .sortPagiBar #productsSortForm {
    float: right;
    margin-bottom: 0; }
    .content_sortPagiBar .sortPagiBar #productsSortForm select {
      max-width: 192px;
      float: left; }
    .content_sortPagiBar .sortPagiBar #productsSortForm .selector {
      float: left; }
  .content_sortPagiBar .sortPagiBar .nbrItemPage {
    float: right;
    margin-right: 10px; }
    .content_sortPagiBar .sortPagiBar .nbrItemPage select {
      max-width: 68px;
      float: left; }
    .content_sortPagiBar .sortPagiBar .nbrItemPage .clearfix > span {
      padding: 6px 0 0 12px;
      display: inline-block;
      float: left; }
    .content_sortPagiBar .sortPagiBar .nbrItemPage #uniform-nb_item {
      float: left; }
  .content_sortPagiBar .sortPagiBar label {
    color: #999999;
    font-weight: normal;
    margin: 0;
    float: left;
    display: inline-block;
    padding: 6px 6px 0 0; }
  .content_sortPagiBar .sortPagiBar.instant_search #productsSortForm {
    display: none; }
.content_sortPagiBar .display,
.content_sortPagiBar .display_m {
  float: left;
  margin-bottom: 0;
  margin-top: 3px; }
  .content_sortPagiBar .display li,
  .content_sortPagiBar .display_m li {
    display: inline-block; }
    .content_sortPagiBar .display li a,
    .content_sortPagiBar .display_m li a {
      width: 24px;
      height: 24px;
      line-height: 24px;
      display: inline-block; }
    .content_sortPagiBar .display li.grid a,
    .content_sortPagiBar .display_m li.grid a {
      background: url(https://polseracatalana.cat/themes/transformer/css/../img/icons.png) no-repeat center -232px transparent; }
      .content_sortPagiBar .display li.grid a:hover,
      .content_sortPagiBar .display_m li.grid a:hover {
        background-color: #bbbbbb;
        background-position: center -272px; }
    .content_sortPagiBar .display li.grid.selected a,
    .content_sortPagiBar .display_m li.grid.selected a {
      background-color: #bbbbbb;
      background-position: center -272px; }
    .content_sortPagiBar .display li.list a,
    .content_sortPagiBar .display_m li.list a {
      background: url(https://polseracatalana.cat/themes/transformer/css/../img/icons.png) no-repeat center -312px transparent; }
      .content_sortPagiBar .display li.list a:hover,
      .content_sortPagiBar .display_m li.list a:hover {
        background-color: #bbbbbb;
        background-position: center -352px; }
    .content_sortPagiBar .display li.list.selected a,
    .content_sortPagiBar .display_m li.list.selected a {
      background-color: #bbbbbb;
      background-position: center -352px; }

.top-pagination-content {
  border-bottom: 1px solid #e5e5e5;
  margin: 0 0 1em;
  padding: 0 10px 1em; }

.bottom-pagination-content {
  margin: 1em 0;
  padding: 1em 10px 0; }

div.pagination .showall {
  float: left;
  display: inline-block; }
  div.pagination .showall .show_all_products {
    background-color: #FFFFFF;
    border: 1px solid #e5e5e5;
    line-height: 20px;
    padding: 4px 12px;
    color: #444444;
    font-size: 1em;
    border-left: none; }
    div.pagination .showall .show_all_products:hover {
      color: #00a161;
      background: #F6F6F6; }

.top-pagination-content div.pagination,
.bottom-pagination-content div.pagination,
.bottom-blog-pagination div.pagination,
.bottom-blog-mycomments-pagination div.pagination {
  margin: 0;
  float: right;
  text-align: center; }
.top-pagination-content ul.pagination,
.bottom-pagination-content ul.pagination,
.bottom-blog-pagination ul.pagination,
.bottom-blog-mycomments-pagination ul.pagination {
  margin: 0;
  float: left;
  display: inline-block; }
  .top-pagination-content ul.pagination li,
  .bottom-pagination-content ul.pagination li,
  .bottom-blog-pagination ul.pagination li,
  .bottom-blog-mycomments-pagination ul.pagination li {
    display: inline; }
    .top-pagination-content ul.pagination li > a, .top-pagination-content ul.pagination li > span,
    .bottom-pagination-content ul.pagination li > a,
    .bottom-pagination-content ul.pagination li > span,
    .bottom-blog-pagination ul.pagination li > a,
    .bottom-blog-pagination ul.pagination li > span,
    .bottom-blog-mycomments-pagination ul.pagination li > a,
    .bottom-blog-mycomments-pagination ul.pagination li > span {
      float: none;
      display: inline-block;
      padding: 4px 12px;
      line-height: 20px;
      text-decoration: none;
      color: #444;
      background-color: #fff;
      border: 1px solid #e5e5e5; }
    .top-pagination-content ul.pagination li > a:hover,
    .bottom-pagination-content ul.pagination li > a:hover,
    .bottom-blog-pagination ul.pagination li > a:hover,
    .bottom-blog-mycomments-pagination ul.pagination li > a:hover {
      color: #444;
      background: #f6f6f6; }
  .top-pagination-content ul.pagination .current > a, .top-pagination-content ul.pagination .current > span,
  .bottom-pagination-content ul.pagination .current > a,
  .bottom-pagination-content ul.pagination .current > span,
  .bottom-blog-pagination ul.pagination .current > a,
  .bottom-blog-pagination ul.pagination .current > span,
  .bottom-blog-mycomments-pagination ul.pagination .current > a,
  .bottom-blog-mycomments-pagination ul.pagination .current > span {
    color: #444;
    background: #f6f6f6;
    cursor: default;
    border-color: #e5e5e5; }
  .top-pagination-content ul.pagination .disabled,
  .bottom-pagination-content ul.pagination .disabled,
  .bottom-blog-pagination ul.pagination .disabled,
  .bottom-blog-mycomments-pagination ul.pagination .disabled {
    display: none; }
.top-pagination-content .compare-form,
.bottom-pagination-content .compare-form,
.bottom-blog-pagination .compare-form,
.bottom-blog-mycomments-pagination .compare-form {
  float: right; }
.top-pagination-content .product-count,
.bottom-pagination-content .product-count,
.bottom-blog-pagination .product-count,
.bottom-blog-mycomments-pagination .product-count {
  padding: 5px 0 0 0;
  float: left;
  color: #999; }

.bottom-pagination-content {
  border-top: 1px solid #e5e5e5; }

ul#order_step {
  background-color: #fff; }
ul.step {
  list-style-type: none;
  margin-bottom: 2em; }
  ul.step li {
    float: left;
    text-align: center;
    text-transform: uppercase;
    width: 20%; }
    ul.step li a, ul.step li span {
      display: block;
      border: 1px solid #ccc;
      border-right-width: 0; }
    ul.step li:last-child a, ul.step li:last-child span {
      border-right-width: 1px; }
    ul.step li a, ul.step li.step_current span, ul.step li.step_current_end span {
      padding: 8px 10px 6px;
      color: #000; }
    ul.step li.step_current {
      font-weight: bold;
      background: #f9f9f9; }
    ul.step li.step_current_end {
      font-weight: bold; }
    ul.step li.step_todo span {
      padding: 8px 10px 6px;
      color: #999; }
    ul.step li.step_done {
      font-weight: bold;
      background: #f9f9f9; }

.rating {
  clear: both;
  display: block;
  margin: 2em;
  cursor: pointer; }

.rating:after {
  content: ".";
  display: block;
  height: 0;
  width: 0;
  clear: both;
  visibility: hidden; }

.cancel, .star {
  overflow: hidden;
  float: left;
  cursor: pointer; }

.cancel, .cancel a {
  background: url(https://polseracatalana.cat/themes/transformer/css/../../../modules/productcomments/img/delete.gif) no-repeat 0 -16px !important; }

.cancel a, .star a {
  display: block;
  width: 100%;
  height: 100%;
  background-position: 0 0; }

div.star_on a {
  background-position: 0 -16px; }

div.star_hover a,
div.star a:hover {
  background-position: 0 -32px; }

.pack_content {
  margin: 10px 0 10px 0; }

.confirmation {
  margin: 0 0 10px;
  padding: 10px;
  border: 1px solid #e6db55;
  font-size: 13px;
  background: none repeat scroll 0 0 lightyellow; }

#body_wrapper {
  position: relative;
  left: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s; }

#body_wrapper .rte {
  background: transparent none repeat scroll 0 0; }

.listcomment {
  list-style-type: none;
  margin: 0 0 20px 0 !important; }

.listcomment li {
  padding: 10px 0;
  border-bottom: 1px dotted #e5e5e5;
  color: #666666; }

.listcomment .titlecomment {
  display: block;
  font-weight: bold;
  font-size: 12px;
  color: #333333; }

.listcomment .txtcomment {
  display: block;
  padding: 5px 0;
  color: #333333; }

#footer .block {
  margin-bottom: 0;
  padding-top: 0.833em;
  padding-bottom: 0.833em; }
#footer .title_block {
  font-size: 1.166em;
  position: relative; }
  #footer .title_block .title_block_name {
    position: relative;
    z-index: 2;
    display: inline-block; }
  #footer .title_block .opener {
    z-index: 1;
    background-color: transparent;
    background-position: right center;
    display: none;
    padding: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%; }

#footer-top {
  border-top: 1px solid #ffffff;
  background: #fafafa; }

#footer .brands_slider {
  clear: both; }

.footer-container #footer-primary .row {
  position: relative; }
.footer-container #footer-primary #block_contact_infos ul li {
  padding: 0 0 6px 0;
  overflow: hidden; }
  .footer-container #footer-primary #block_contact_infos ul li i {
    font-size: 1.333em;
    margin-right: 4px;
    vertical-align: top; }
.footer-container #footer-primary #social_block ul li {
  padding-bottom: 6px;
  padding-right: 8px; }
  .footer-container #footer-primary #social_block ul li a {
    color: #666666;
    display: inline-block;
    height: 26px;
    line-height: 26px;
    min-width: 26px;
    text-align: center; }
    .footer-container #footer-primary #social_block ul li a:hover {
      color: #00a161; }
.footer-container #footer_info {
  background: #666666;
  color: #ffffff; }
  .footer-container #footer_info a {
    color: #ffffff; }
  .footer-container #footer_info #footer_bottom_left {
    float: left; }
  .footer-container #footer_info #footer_bottom_right {
    float: right; }
  .footer-container #footer_info.fotter_bottom_center #footer_bottom_left, .footer-container #footer_info.fotter_bottom_center #footer_bottom_right {
    float: none;
    text-align: center; }
  .footer-container #footer_info.fotter_bottom_center #footer_bottom_right {
    margin-bottom: 1em; }

#reinsurance_block {
  clear: both !important; }

.block_hidden_only_for_screen {
  display: none; }

.cart_navigation {
  margin: 0 0 20px; }
  .cart_navigation .button-medium {
    float: right; }

.cart_last_product {
  display: none; }

/* quantity_wanted */
#quantity_wanted_p input,
.cart_quantity .cart_quantity_input {
  border: 1px solid #e5e5e5;
  width: 40px;
  height: 40px;
  line-height: 28px;
  padding: 0 4px;
  text-align: center;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0; }

.cart_gift_quantity .cart_quantity_input {
  height: 27px;
  line-height: 27px;
  padding: 0;
  text-align: center;
  width: 57px; }

.table tbody > tr > td {
  vertical-align: middle; }
  .table tbody > tr > td.cart_quantity {
    width: 100px; }
.table tfoot > tr > td {
  vertical-align: middle; }

#cart_summary thead th.cart_unit, #cart_summary thead th.cart_avail, #cart_summary thead th.cart_total, #cart_summary thead th.cart_quantity, #cart_summary thead th.cart_product, #cart_summary thead th.cart_availability {
  text-align: center; }
#cart_summary tbody td.cart_product {
  text-align: center;
  width: 80px; }
  #cart_summary tbody td.cart_product img {
    border: 1px solid #d6d4d4; }
#cart_summary tbody td.cart_unit {
  width: 120px;
  text-align: center; }
  #cart_summary tbody td.cart_unit .price {
    display: block; }
    #cart_summary tbody td.cart_unit .price.price-percent-reduction {
      display: inline-block; }
    #cart_summary tbody td.cart_unit .price.old-price {
      text-decoration: line-through; }
#cart_summary tbody td.cart_description .color_666 {
  display: block;
  padding: 0 0 4px; }
#cart_summary tbody td.cart_avail {
  width: 120px;
  text-align: center; }
  #cart_summary tbody td.cart_avail span {
    white-space: nowrap; }
#cart_summary tbody td.cart_total {
  text-align: center; }
#cart_summary tbody td.cart_delete {
  text-align: center;
  width: 1%; }
#cart_summary tfoot td.price {
  text-align: right; }
#cart_summary tfoot td.total_price_container > span {
  text-transform: uppercase; }
#cart_summary tfoot td#total_price_container {
  font-weight: bold; }

#summary_products_quantity {
  color: #444444; }

#cart_summary .stock-management-on tbody td.cart_description {
  width: 300px; }

.cart_discount_price {
  text-align: center; }

.cart_discount_delete {
  text-align: center; }

#cart_voucher {
  border: 1px solid #DDDDDD;
  text-align: center;
  width: 300px;
  float: left; }
  #cart_voucher .cart_voucher_title {
    background: none repeat scroll 0 0 #FAFAFA;
    padding: 6px; }
  #cart_voucher .title-offers {
    color: #333333;
    font-weight: bold;
    margin-bottom: 6px; }
  #cart_voucher fieldset {
    margin-bottom: 10px; }
    #cart_voucher fieldset #discount_name {
      display: inline-block;
      width: 170px;
      height: 30px; }
  #cart_voucher #display_cart_vouchers span {
    font-weight: bold;
    cursor: pointer;
    color: #444444; }
    #cart_voucher #display_cart_vouchers span:hover {
      color: #00a161; }

td#cart_voucher {
  float: none; }

.enable-multishipping {
  margin: -13px 0 17px; }
  .enable-multishipping label {
    font-weight: normal; }

#order_carrier {
  clear: both;
  margin-top: 20px;
  border: 1px solid #999999;
  background: white; }

.order_carrier_logo {
  max-width: 65px;
  max-height: 65px; }

#order_carrier .title_block {
  padding: 0 15px;
  height: 29px;
  font-weight: bold;
  line-height: 29px;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
  background: url(https://polseracatalana.cat/themes/transformer/css/../img/bg_table_th.png) repeat-x 0 -10px #999999; }

#order_carrier span {
  display: block;
  padding: 15px;
  font-weight: bold; }

.multishipping_close_container {
  text-align: center; }

table#cart_summary .gift-icon {
  color: #fff;
  background: #0088cc;
  display: inline;
  line-height: 20px;
  padding: 2px 5px;
  border-radius: 5px; }

#multishipping_mode_box {
  padding-top: 12px;
  padding-bottom: 19px; }
  #multishipping_mode_box .title {
    font-weight: bold;
    color: #333333;
    margin-bottom: 15px; }
  #multishipping_mode_box .description_off {
    display: none; }
    #multishipping_mode_box .description_off div {
      margin-bottom: 10px; }
  #multishipping_mode_box .description_off a:hover,
  #multishipping_mode_box .description a:hover {
    background: #f3f3f3;
    border: 1px solid #cccccc; }

#multishipping_mode_box.on .description_off {
  display: block; }

.multishipping-cart .cart_address_delivery.form-control {
  width: 198px; }

#order .address_add.submit {
  margin-bottom: 20px; }

#ordermsg {
  margin-bottom: 30px; }

#id_address_invoice.form-control,
#id_address_delivery.form-control {
  width: 269px; }

.addresses .select label,
.addresses .selector,
.addresses .addresses .address_select {
  display: inline-block; }
.addresses .select label {
  margin-right: 6px; }
.addresses .waitimage {
  display: none;
  float: left;
  width: 24px;
  height: 24px;
  background-image: url("https://polseracatalana.cat/themes/transformer/css/../../../img/loader.gif");
  background-repeat: no-repeat;
  position: relative;
  bottom: -2px;
  margin-right: 6px; }
.addresses .checkbox.addressesAreEquals {
  margin: 1em 0; }

#order .delivery_option > div,
#order-opc .delivery_option > div {
  display: block;
  margin-bottom: 20px;
  font-weight: normal; }
  #order .delivery_option > div > table,
  #order-opc .delivery_option > div > table {
    margin-bottom: 0; }
    #order .delivery_option > div > table.resume,
    #order-opc .delivery_option > div > table.resume {
      height: 53px; }
      #order .delivery_option > div > table.resume.delivery_option_carrier,
      #order-opc .delivery_option > div > table.resume.delivery_option_carrier {
        margin-top: 10px;
        width: 100%;
        border: 1px solid #d6d4d4;
        font-weight: bold; }
        #order .delivery_option > div > table.resume.delivery_option_carrier td,
        #order-opc .delivery_option > div > table.resume.delivery_option_carrier td {
          padding: 8px 11px 7px 11px; }
          #order .delivery_option > div > table.resume.delivery_option_carrier td i,
          #order-opc .delivery_option > div > table.resume.delivery_option_carrier td i {
            font-size: 20px;
            margin-right: 7px;
            vertical-align: -2px; }
      #order .delivery_option > div > table.resume td.delivery_option_radio,
      #order-opc .delivery_option > div > table.resume td.delivery_option_radio {
        width: 54px;
        padding-left: 0;
        padding-right: 0;
        text-align: center; }
      #order .delivery_option > div > table.resume td.delivery_option_logo,
      #order-opc .delivery_option > div > table.resume td.delivery_option_logo {
        width: 97px;
        padding-left: 21px; }
      #order .delivery_option > div > table.resume td.delivery_option_price,
      #order-opc .delivery_option > div > table.resume td.delivery_option_price {
        width: 162px; }

.order_carrier_content {
  line-height: normal;
  padding-bottom: 16px; }
  .order_carrier_content .carrier_title {
    color: #333333; }
  .order_carrier_content .checkbox input {
    margin-top: 2px; }
  .order_carrier_content .delivery_options_address .carrier_title {
    margin-bottom: 17px; }
  .order_carrier_content + div {
    padding-bottom: 15px; }

#carrierTable {
  border: 1px solid #999999;
  border-bottom: none;
  background: white; }

#carrierTable tbody {
  border-bottom: 1px solid #999999; }

#carrierTable th {
  padding: 0 15px;
  height: 29px;
  font-weight: bold;
  line-height: 29px;
  color: white;
  text-transform: uppercase;
  background: url(https://polseracatalana.cat/themes/transformer/css/../img/bg_table_th.png) repeat-x 0 -10px #999999; }

#carrierTable td {
  padding: 15px;
  font-weight: bold;
  border-right: 1px solid #e9e9e9; }

#carrierTable td.carrier_price {
  border: none; }

p.checkbox.gift {
  margin-bottom: 10px; }

#gift_div {
  display: none;
  margin-top: 5px;
  margin-bottom: 10px; }

a.iframe {
  font-weight: bold; }

p.payment_module {
  margin-bottom: 10px; }
  p.payment_module a {
    display: block;
    font-size: 1.5em;
    border: 1px solid #d6d4d4;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    line-height: 23px;
    padding: 33px 40px 34px 99px;
    letter-spacing: -1px;
    position: relative; }
    p.payment_module a.bankwire {
      background: url(https://polseracatalana.cat/themes/transformer/css/../img/bankwire.png) 15px 12px no-repeat #fbfbfb; }
    p.payment_module a.cheque {
      background: url(https://polseracatalana.cat/themes/transformer/css/../img/cheque.png) 15px 15px no-repeat #fbfbfb; }
    p.payment_module a.cash {
      background: url(https://polseracatalana.cat/themes/transformer/css/../img/cash.png) 15px 15px no-repeat #fbfbfb; }
    p.payment_module a.cheque:after, p.payment_module a.bankwire:after, p.payment_module a.cash:after, p.payment_module a.link-redirect:after {
      display: block;
      content: "\e803";
      position: absolute;
      right: 15px;
      margin-top: -11px;
      top: 50%;
      font-family: "fontello";
      font-size: 25px;
      height: 22px;
      width: 14px;
      color: #444444; }
    p.payment_module a:hover {
      background-color: #f6f6f6; }

.payment_module.box {
  margin-top: 20px; }

p.cheque-indent {
  margin-bottom: 9px; }

.cheque-box .form-group {
  margin-bottom: 0px; }
  .cheque-box .form-group .form-control {
    width: 269px; }

.order-confirmation.box {
  line-height: 29px; }
  .order-confirmation.box a {
    text-decoration: underline; }
    .order-confirmation.box a:hover {
      text-decoration: none; }

.delivery_option_carrier td {
  width: 200px; }

.delivery_option_carrier td + td {
  width: 280px; }

.delivery_option_carrier td + td + td {
  width: 200px; }

.delivery_option_carrier tr td {
  padding: 5px; }

.delivery_option_carrier.selected {
  display: table; }

.delivery_option_carrier.not-displayable {
  display: none; }

#address .box,
#identity .box,
#account-creation_form .box,
#new_account_form .box,
#opc_account_form .box,
#authentication .box {
  padding-bottom: 20px; }
#address p.required,
#identity p.required,
#account-creation_form p.required,
#new_account_form p.required,
#opc_account_form p.required,
#authentication p.required {
  color: #f13340;
  margin: 9px 0 16px 0; }
#address p.inline-infos,
#identity p.inline-infos,
#account-creation_form p.inline-infos,
#new_account_form p.inline-infos,
#opc_account_form p.inline-infos,
#authentication p.inline-infos {
  color: red; }
#address .form-group,
#identity .form-group,
#account-creation_form .form-group,
#new_account_form .form-group,
#opc_account_form .form-group,
#authentication .form-group {
  margin-bottom: 8px; }
  #address .form-group .form-control,
  #identity .form-group .form-control,
  #account-creation_form .form-group .form-control,
  #new_account_form .form-group .form-control,
  #opc_account_form .form-group .form-control,
  #authentication .form-group .form-control {
    max-width: 360px; }
    #address .form-group .form-control#adress_alias,
    #identity .form-group .form-control#adress_alias,
    #account-creation_form .form-group .form-control#adress_alias,
    #new_account_form .form-group .form-control#adress_alias,
    #opc_account_form .form-group .form-control#adress_alias,
    #authentication .form-group .form-control#adress_alias {
      margin-bottom: 20px; }
#address .gender-line,
#identity .gender-line,
#account-creation_form .gender-line,
#new_account_form .gender-line,
#opc_account_form .gender-line,
#authentication .gender-line {
  margin-bottom: 4px;
  padding-top: 4px; }
  #address .gender-line > label,
  #identity .gender-line > label,
  #account-creation_form .gender-line > label,
  #new_account_form .gender-line > label,
  #opc_account_form .gender-line > label,
  #authentication .gender-line > label {
    margin-right: 10px;
    margin-bottom: 0; }
  #address .gender-line .radio-inline label,
  #identity .gender-line .radio-inline label,
  #account-creation_form .gender-line .radio-inline label,
  #new_account_form .gender-line .radio-inline label,
  #opc_account_form .gender-line .radio-inline label,
  #authentication .gender-line .radio-inline label {
    font-weight: normal;
    color: #777777; }

#identity #center_column form.std .row,
#authentication #center_column form.std .row {
  display: inline-block;
  margin-left: 0;
  margin-right: 0;
  width: 282px; }
  #identity #center_column form.std .row .col-xs-4,
  #authentication #center_column form.std .row .col-xs-4 {
    padding-left: 0;
    padding-right: 5px;
    max-width: 94px; }
    #identity #center_column form.std .row .col-xs-4 .form-control,
    #authentication #center_column form.std .row .col-xs-4 .form-control {
      max-width: 84px;
      min-width: 64px; }
#identity #center_column .footer_links,
#authentication #center_column .footer_links {
  border: none;
  padding-top: 0; }

#order-opc #center_column form.std #opc_account_form .row {
  display: inline-block;
  margin-left: 0;
  margin-right: 0; }
  #order-opc #center_column form.std #opc_account_form .row .col-xs-4 {
    padding-left: 0;
    padding-right: 5px;
    max-width: 94px; }
    #order-opc #center_column form.std #opc_account_form .row .col-xs-4 .form-control {
      max-width: 84px;
      min-width: 64px; }

#new_account_form .box .date-select {
  padding-bottom: 10px; }
#new_account_form .box .top-indent {
  padding-top: 10px; }
#new_account_form .box .customerprivacy {
  padding-top: 15px; }

#authentication fieldset.account_creation {
  margin-bottom: 20px; }

#password {
  padding-top: 0;
  border: none; }
  #password .box p {
    margin-bottom: 9px; }
  #password .box .form-group {
    margin-bottom: 20px; }
    #password .box .form-group .form-control {
      width: 263px; }

#instant_search_results a.close {
  font-size: 13px;
  font-weight: 600;
  opacity: 1;
  line-height: inherit;
  text-transform: none;
  font-family: Arial, Helvetica, sans-serif; }
  #instant_search_results a.close:hover {
    color: #00a161; }

#manufacturers_list h3,
#suppliers_list h3 {
  font-size: 1.333em;
  margin-bottom: 1em; }
#manufacturers_list.list li,
#suppliers_list.list li {
  border-bottom: 1px solid #e5e5e5e;
  padding-bottom: 1em;
  margin-bottom: 1em; }
  #manufacturers_list.list li .logo,
  #suppliers_list.list li .logo {
    display: block;
    border: 1px solid #e5e5e5; }
  #manufacturers_list.list li:first-child .mansup-container,
  #suppliers_list.list li:first-child .mansup-container {
    border-top: 0; }
  #manufacturers_list.list li .left-side,
  #suppliers_list.list li .left-side {
    text-align: center; }
  #manufacturers_list.list li .right-side-content,
  #suppliers_list.list li .right-side-content {
    margin-top: 1em; }
    #manufacturers_list.list li .right-side-content .product-counter,
    #suppliers_list.list li .right-side-content .product-counter {
      margin-right: 4px; }
  #manufacturers_list.list li.item-last,
  #suppliers_list.list li.item-last {
    border-bottom: none;
    margin-bottom: 0; }
#manufacturers_list.grid li,
#suppliers_list.grid li {
  text-align: center; }
  #manufacturers_list.grid li .product-container,
  #suppliers_list.grid li .product-container {
    padding-top: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5; }
    #manufacturers_list.grid li .product-container .left-side,
    #suppliers_list.grid li .product-container .left-side {
      padding-bottom: 42px; }
    #manufacturers_list.grid li .product-container h3,
    #suppliers_list.grid li .product-container h3 {
      padding-bottom: 10px; }
    #manufacturers_list.grid li .product-container .product-counter,
    #suppliers_list.grid li .product-container .product-counter {
      margin-bottom: 12px; }

#manufacturer .description_box,
#supplier .description_box {
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #e5e5e5; }
  #manufacturer .description_box .hide_desc,
  #supplier .description_box .hide_desc {
    display: none; }

#guestTracking .form-control {
  max-width: 271px; }
@media (min-width: 1200px) {
  #guestTracking .form-group {
    overflow: hidden; }
    #guestTracking .form-group i {
      padding-left: 10px; }
  #guestTracking .form-control {
    float: left; }
  #guestTracking label {
    float: left;
    clear: both;
    width: 100%; } }

#pagenotfound .pagenotfound {
  padding: 4em 0;
  text-align: center; }
  #pagenotfound .pagenotfound label {
    font-weight: normal; }
  #pagenotfound .pagenotfound .form-control {
    max-width: 200px;
    display: inline-block;
    height: 30px;
    line-height: 30px; }

#account-creation_form fieldset.reversoform {
  padding: 10px !important; }

#account-creation_form fieldset.reversoform .text label {
  display: block;
  padding: 0 0 10px 0;
  width: 100%;
  text-align: left; }

#account-creation_form fieldset.reversoform .infos-sup {
  padding: 0 !important;
  font-size: 10px;
  font-style: italic;
  text-align: right; }

#account-creation_form fieldset.customerprivacy label,
fieldset.customerprivacy label {
  cursor: pointer; }

.tab-content {
  margin-top: 20px; }

form#sendComment fieldset {
  padding: 10px;
  border: 1px solid #cccccc;
  background: #eeeeee; }

form#sendComment h3 {
  font-size: 14px; }

#new_comment_form p.text {
  margin-bottom: 0;
  padding-bottom: 0; }

#sendComment p.text label,
#sendComment p.textarea label {
  display: block;
  margin: 12px 0 4px;
  font-weight: bold;
  font-size: 12px; }

#sendComment p.text input {
  padding: 0 5px;
  height: 28px;
  width: 498px;
  border: 1px solid #cccccc;
  background: url(https://polseracatalana.cat/themes/transformer/css/../img/bg_input.png) repeat-x 0 0 white; }

#sendComment p.textarea textarea {
  height: 80px;
  width: 508px;
  border: 1px solid #cccccc; }

#sendComment p.submit {
  padding: 0;
  text-align: right; }

#sendComment p.closeform {
  float: right;
  padding: 0;
  height: 12px;
  width: 12px;
  text-indent: -5000px;
  background: url(https://polseracatalana.cat/themes/transformer/css/../img/icon/delete.gif) no-repeat 0 0; }

.star {
  position: relative;
  top: -1px;
  float: left;
  width: 18px;
  overflow: hidden;
  cursor: pointer;
  font-size: 1.333em;
  font-weight: normal; }

.star {
  display: block; }
  .star a {
    display: block;
    position: absolute;
    text-indent: -5000px; }

div.star:after {
  content: "\e800";
  font-family: "fontello";
  display: inline-block;
  color: #CCCCCC; }

div.star.star_on {
  display: block; }
  div.star.star_on:after {
    content: "\e800";
    font-family: "fontello";
    display: inline-block;
    color: #FF8A00; }

div.star.star_hover:after {
  color: #FF8A00;
  content: "\e800";
  font-family: "fontello";
  display: inline-block; }

.advertising_block {
  width: 191px;
  margin-bottom: 1em;
  text-align: center; }

.blockcategories_footer ul .grower {
  display: none; }
.blockcategories_footer ul ul {
  display: none !important; }

.form-group.form-error input, .form-group.form-error textarea {
  background: #F5DAD3; }

.radio-inline, .checkbox {
  padding-left: 0; }
  .radio-inline .checker, .checkbox .checker {
    float: left; }
    .radio-inline .checker span, .checkbox .checker span {
      top: 0px; }
  .radio-inline div.radio, .checkbox div.radio {
    display: inline-block; }
    .radio-inline div.radio span, .checkbox div.radio span {
      float: left;
      top: 0px; }

.fancybox-skin {
  background: white !important;
  color: #666666; }

.fancybox-skin .fancybox-close {
  width: 28px;
  height: 28px;
  background: none;
  font-size: 1.3em;
  line-height: 28px;
  color: #333333;
  text-align: center;
  background: #fff;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px; }
  .fancybox-skin .fancybox-close:hover {
    color: #00a161; }
  .fancybox-skin .fancybox-close:after {
    content: "\e849";
    font-family: "fontello"; }

#facebook_block,
#cmsinfo_block {
  overflow: hidden;
  background: #f2f2f2;
  min-height: 344px;
  height: 344px;
  padding-right: 29px;
  padding-left: 29px; }

#facebook_block h4 {
  padding: 35px 0 0 0;
  margin: 0 0 12px 0;
  font: 300 21px/25px "Open Sans", sans-serif;
  color: #6f6d6d; }
#facebook_block .facebook-fanbox {
  background: white;
  border: 1px solid #aaaaaa;
  padding-bottom: 10px; }

#cmsinfo_block > div {
  padding: 35px 10px 0 0; }
#cmsinfo_block > div + div {
  border-left: 1px solid #d9d9d9;
  min-height: 344px;
  padding-left: 29px; }
#cmsinfo_block em {
  float: left;
  width: 60px;
  height: 60px;
  margin: 3px 10px 0 0;
  font-size: 30px;
  color: white;
  line-height: 60px;
  text-align: center;
  background: #6f6d6d;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px; }
#cmsinfo_block .type-text {
  overflow: hidden; }
#cmsinfo_block h3 {
  margin: 0 0 5px 0;
  font: 300 21px/25px "Open Sans", sans-serif; }
#cmsinfo_block ul li {
  padding-bottom: 22px; }
#cmsinfo_block p em {
  background: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  margin: 0;
  font-size: 13px;
  color: #777777;
  float: none;
  height: inherit;
  line-height: inherit;
  text-align: left;
  font-style: italic; }

.ie8 #facebook_block,
.ie8 #cmsinfo_block {
  height: 344px; }

#product.content_only div.pb-left-column p.resetimg {
  margin-bottom: 0px;
  padding-top: 0px; }
#product.content_only div.pb-left-column #thumbs_list_frame {
  margin-bottom: 0px; }

#product_comparison td.compare_extra_information {
  padding: 10px; }
#product_comparison #social-share-compare {
  margin-bottom: 50px; }

.btn-facebook, .btn-twitter, .btn-google-plus, .btn-pinterest {
  background: transparent; }
  .btn-facebook:hover, .btn-twitter:hover, .btn-google-plus:hover, .btn-pinterest:hover {
    color: #fff; }
    .btn-facebook:hover i, .btn-twitter:hover i, .btn-google-plus:hover i, .btn-pinterest:hover i {
      color: #fff; }

.btn-facebook i {
  color: #435f9f; }
.btn-facebook:hover {
  background-color: #435f9f; }

.btn-twitter i {
  color: #00aaf0; }
.btn-twitter:hover {
  background-color: #00aaf0; }

.btn-google-plus i {
  color: #e04b34; }
.btn-google-plus:hover {
  background-color: #e04b34; }

.btn-pinterest i {
  color: #ce1f21; }
.btn-pinterest:hover {
  background-color: #ce1f21; }

#footer-top .wide_container, #footer-primary .wide_container, #footer-secondary .wide_container, #header .wide_container, #top_extra .wide_container, #footer_info .wide_container {
  padding: 1.666em 0;
  background: transparent; }

#top_extra {
  position: relative; }

#top_extra .wide_container {
  padding: 0; }

#footer-top .wide_container, #footer-secondary .wide_container {
  padding: 0; }
#footer-top .container, #footer-secondary .container {
  padding-top: 1.666em;
  padding-bottom: 1.666em; }

#footer-primary .wide_container, #footer_info .wide_container {
  padding: 0; }
#footer-primary .container, #footer_info .container {
  padding-top: 1em;
  padding-bottom: 1em; }

#main_content_area .wide_container {
  padding: 1.666em 0; }

label {
  font-weight: normal; }

a:focus {
  outline: thin dotted;
  -moz-outline-style: none; }

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

a:focus, :focus {
  outline: none!important;
  text-decoration: none; }

a.go {
  text-decoration: underline; }
a.icon_wrap {
  background: #f1f1f1;
  color: #00A161; }

img.hover_effect {
  background: #ffffff; }

.hover_effect img {
  background: #ffffff; }
.hover_effect:hover {
  opacity: 0.6;
  filter: alpha(opacity=60); }
  .hover_effect:hover img {
    opacity: 0.6;
    filter: alpha(opacity=60); }

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

ul {
  margin-bottom: 0; }

dl {
  margin-bottom: 1em; }

.simple_hidden, .amount_circle.simple_hidden {
  display: none; }

.color_000, a.color_000, .color_000 a {
  color: #000; }

.color_333, a.color_333, .color_333 a {
  color: #333; }

.color_444, a.color_444, .color_444 a {
  color: #444; }

.color_666, a.color_666, .color_666 a {
  color: #666; }

.color_777, a.color_777, .color_777 a {
  color: #666; }

.color_888, a.color_888, .color_888 a {
  color: #666; }

.color_999, a.color_999, .color_999 a {
  color: #999; }

.color_ccc, a.color_ccc, .color_ccc a {
  color: #ccc; }

.color_fff, a.color_fff, .color_fff a {
  color: #fff; }

.fl {
  float: left; }

.fr {
  float: right; }

#page_wrapper, .wide_container {
  display: block;
  margin-left: auto;
  margin-right: auto; }

#page_wrapper {
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); }

.posi_rel {
  position: relative; }

.posi_abs {
  position: absolute; }

.float-left, .fl, .li_fl li, .f_left {
  float: left; }

.float-right, .fr, .f_right {
  float: right; }

.bold, .font_weight_blod {
  font-weight: bold; }

.fw_normal, .font_weight_normal {
  font-weight: normal; }

.uppercase {
  text-transform: uppercase; }

.lowercase {
  text-transform: lowercase; }

.font_small {
  font-size: 0.916em; }

.font_large {
  font-size: 1.166em; }

.font_1x {
  font-size: 1.333em; }

.font_2x {
  font-size: 1.5em; }

.font_3x {
  font-size: 1.666em; }

.font_4x {
  font-size: 2em; }

.style_content p.fs_sm, .stmenu_sub .style_content p.fs_sm, .fs_sm {
  font-size: 0.833em; }

.style_content p.fs_md, .stmenu_sub .style_content p.fs_md, .fs_md {
  font-size: 1.166em;
  line-height: 150%; }

.style_content p.fs_lg, .stmenu_sub .style_content p.fs_lg, .fs_lg {
  font-size: 1.333em;
  line-height: 150%; }

.style_content p.fs_xl, .stmenu_sub .style_content p.fs_xl, .fs_xl {
  font-size: 1.5em;
  line-height: 150%; }

.style_content p.fs_xxl, .stmenu_sub .style_content p.fs_xxl, .fs_xxl {
  font-size: 1.666em;
  line-height: 150%; }

.style_content p.fs_xxxl, .stmenu_sub .style_content p.fs_xxxl, .fs_xxxl {
  font-size: 2em;
  line-height: 150%; }

.style_content p.fs_xxxxl, .stmenu_sub .style_content p.fs_xxxxl, .fs_xxxxl {
  font-size: 2.5em;
  line-height: 150%; }

.pad_l6 {
  padding-left: 6px; }

.pad_10 {
  padding: 10px; }

.pad_lr4 {
  padding-left: 4px;
  padding-right: 4px; }

.pad_tb4 {
  padding-top: 4px;
  padding-bottom: 4px; }

.pad_tb1 {
  padding-top: 1em;
  padding-bottom: 1em; }

.pad_b1 {
  padding-bottom: 1em; }

.mar_r4, .style_content p.mar_r4 {
  margin-right: 4px; }

.mar_b10, .style_content p.mar_b10 {
  margin-bottom: 10px; }

.mar_b4, .style_content p.mar_b4 {
  margin-bottom: 4px; }

.mar_b6, .style_content p.mar_b6 {
  margin-bottom: 6px; }

.mar_t4, .style_content p.mar_t4 {
  margin-top: 4px; }

.mar_b1, .style_content p.mar_b1 {
  margin-bottom: 1em; }

.mar_b2, .style_content p.mar_b2 {
  margin-bottom: 2em; }

.mar_t1, .style_content p.mar_t1 {
  margin-top: 1em; }

.mar_r1, .style_content p.mar_r1 {
  margin-right: 1em; }

.mar_l1, .style_content p.mar_l1 {
  margin-left: 1em; }

.bullet li a {
  display: block;
  padding: 0px 0 2px 0; }
  .bullet li a:hover {
    text-decoration: none;
    transition: background-position 100ms ease-in-out;
    -moz-transition: background-position 100ms ease-in-out;
    -ms-transition: background-position 100ms ease-in-out;
    -webkit-transition: background-position 100ms ease-in-out;
    -o-transition: background-position 100ms ease-in-out; }

a, a.ma_level_0, .shopping_cart:hover .icon_wrap, .shopping_cart.active .icon_wrap, .dropdown_tri_inner, .st_news_letter_form_inner .st_news_letter_submit {
  transition: color 200ms ease-in-out, background-color 300ms ease-in-out;
  -moz-transition: color 200ms ease-in-out, background-color 300ms ease-in-out;
  -ms-transition: color 200ms ease-in-out, background-color 300ms ease-in-out;
  -webkit-transition: color 200ms ease-in-out, background-color 300ms ease-in-out;
  -o-transition: color 200ms ease-in-out, background-color 300ms ease-in-out; }

.bullet li a:hover {
  transition: background-position 100ms ease-in-out;
  -moz-transition: background-position 100ms ease-in-out;
  -ms-transition: background-position 100ms ease-in-out;
  -webkit-transition: background-position 100ms ease-in-out;
  -o-transition: background-position 100ms ease-in-out; }

.pro_second_box {
  transition: background 300ms ease-in-out;
  -moz-transition: background 300ms ease-in-out;
  -ms-transition: background 300ms ease-in-out;
  -webkit-transition: background 300ms ease-in-out;
  -o-transition: background 300ms ease-in-out; }

.category_slideshow .flex-direction-nav a, .main_slideshow .flex-direction-nav a {
  transition: background-color 250ms ease-in-out, left 250ms ease-in-out, right 250ms ease-in-out;
  -moz-transition: background-color 250ms ease-in-out, left 250ms ease-in-out, right 250ms ease-in-out;
  -ms-transition: background-color 250ms ease-in-out, left 250ms ease-in-out, right 250ms ease-in-out;
  -webkit-transition: background-color 250ms ease-in-out, left 250ms ease-in-out, right 250ms ease-in-out;
  -o-transition: background-color 250ms ease-in-out, left 250ms ease-in-out, right 250ms ease-in-out; }

#center_column, #left_column, #right_column, .products_slider .slides > li {
  transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out; }

.hover_fly {
  transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out; }
  .hover_fly a {
    transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out; }
    .hover_fly a:first-child {
      transition: all 300ms ease-in-out;
      -moz-transition: all 300ms ease-in-out;
      -ms-transition: all 300ms ease-in-out;
      -webkit-transition: all 300ms ease-in-out;
      -o-transition: all 300ms ease-in-out; }

.itemlist_action a {
  transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease; }

#to_top a i, a.rightbar_tri i, #switch_left_column i, #compare_items .remove_compare i, a.icon_wrap:hover i, .icon_wrap:hover i, a.icon_circle:hover i, .icon_circle:hover i, .ajax_cart_block_remove_link:hover i, .delete_voucher:hover i, .cart_delete a.cart_quantity_delete i, a.price_discount_delete i, .cmp_remove i, .exclusive.ajax_add_to_cart_button i, .rating_box i {
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease; }

.hovers .product_image img {
  transition: opacity 300ms ease-in-out;
  -moz-transition: opacity 300ms ease-in-out;
  -webkit-transition: opacity 300ms ease-in-out;
  -o-transition: opacity 300ms ease-in-out; }

.advanced_mu_level_2 a:before, .stadvancedmenu_multi_level a:before {
  transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out; }

.title_block {
  padding-bottom: 1em;
  font-size: 1.166em; }

.block {
  margin-bottom: 2em; }

#left_column .block:last-child, #right_column .block:last-child {
  margin-bottom: 0; }

.block .title_block {
  padding: 6px 0px;
  text-align: left;
  margin: 0 0 6px 0; }

#create-account_form .block .title_block, #login_form .block .title_block {
  padding: 1em 1.333em; }

.s_title_block {
  font-weight: normal;
  font-size: 1em;
  padding: 0;
  height: 1.5em;
  line-height: 1.5em;
  overflow: hidden;
  display: block;
  margin-bottom: 4px;
  margin-top: 0; }
  .s_title_block a {
    display: block; }
    #blockpack .s_title_block a {
      display: inline; }

.ajax_block_product .s_title_block,
.block_blog .s_title_block,
.brands_slider_wrap .s_title_block,
.featured_categories_list .s_title_block,
.fc_slider_list .s_title_block,
.blog_row_list .s_title_block {
  font-size: 1.166em; }

.s_title_block.nohidden {
  height: auto; }

.block .title_block, .idTabs a, .product_accordion_title {
  font-size: 1.333em;
  line-height: 1.2em;
  font-weight: normal; }

.heading, .page-heading, .page-subheading {
  font-size: 1.333em;
  line-height: 1.2em;
  font-weight: normal;
  color: #666;
  text-transform: uppercase;
  margin-bottom: 1em; }

a.heading, a.page-heading, a.page-subheading {
  color: #666;
  text-transform: uppercase; }

.page-subheading, a.page-subheading {
  padding: 0 0 6px;
  border-bottom: 1px solid #e5e5e5;
  font-size: 1.166em; }

.block .title_block {
  color: #666;
  text-transform: uppercase; }
  .block .title_block a {
    color: #666;
    text-transform: uppercase; }
    .block .title_block a:hover {
      color: #00A161; }

.section .title_block {
  background: url(https://polseracatalana.cat/themes/transformer/css/../img/title_block_bg.png) repeat-x left center; }
  .section .title_block span, .section .title_block a {
    display: inline-block;
    padding-right: 8px;
    background: #fff; }

#home-page-tabs {
  background: url(https://polseracatalana.cat/themes/transformer/css/../img/title_block_bg.png) repeat-x left center; }

#featured-products_block_center .title_block,
.featured_products_sldier_block_center .title_block,
.new-products_block_center .title_block,
#related-products_block_center .title_block,
.special-products_block_center .title_block,
.brands_slider .title_block,
.best-sellers_block_center .title_block,
.product_categories_slider_block .title_block,
#productscategory-products_block_center .title_block,
#crossselling-products_block_center .title_block,
#blog_related_products .title_block,
#accessories_block .title_block,
.st_blog_related_article .title_block,
.st_blog_recent_article .title_block,
.st_blog_featured_article .title_block,
.fc_slider_block .title_block {
  margin-bottom: 16px;
  padding-right: 62px; }
#featured-products_block_center.display_as_grid .title_block,
.featured_products_sldier_block_center.display_as_grid .title_block,
.new-products_block_center.display_as_grid .title_block,
#related-products_block_center.display_as_grid .title_block,
.special-products_block_center.display_as_grid .title_block,
.brands_slider.display_as_grid .title_block,
.best-sellers_block_center.display_as_grid .title_block,
.product_categories_slider_block.display_as_grid .title_block,
#productscategory-products_block_center.display_as_grid .title_block,
#crossselling-products_block_center.display_as_grid .title_block,
#blog_related_products.display_as_grid .title_block,
#accessories_block.display_as_grid .title_block,
.st_blog_related_article.display_as_grid .title_block,
.st_blog_recent_article.display_as_grid .title_block,
.st_blog_featured_article.display_as_grid .title_block,
.fc_slider_block.display_as_grid .title_block {
  margin-bottom: 0;
  padding-right: 0; }

.brands_slider-column .title_block,
.featured_products_sldier_block_center_column .title_block,
.new-products_block_center_column .title_block,
#related-products_block_center_column .title_block,
.special-products_block_center_column .title_block,
.best-sellers_block_center_column .title_block,
.product_categories_slider_block_column .title_block,
#st_blog_related_article_column .title_block {
  margin-bottom: 16px;
  padding-right: 62px; }

.block .pc_slider_tabs {
  margin-bottom: 16px;
  padding-right: 62px; }
  .block .pc_slider_tabs.display_as_grid {
    margin-bottom: 0;
    padding-right: 0; }

.block-heading {
  padding: 10px;
  font-size: 1.133em;
  color: #fff;
  text-transform: uppercase;
  background: #666666;
  margin-bottom: 10px; }
  .block-heading.no_mar_b {
    margin-bottom: 0; }

#header .cart_block, #top_bar .open .dropdown_tri, .dropdown_list, .ac_results, .rightbar_content {
  -webkit-box-shadow: 0 0px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0px 4px rgba(0, 0, 0, 0.1); }

#header_user_info a, #header_user_info span, #stsocial_list_topbar li a, #contact-link a, .shop-phone, #top_bar .shopping_cart_style_1 .shopping_cart, .currency_selector, .language_selector {
  display: inline-block;
  padding: 13px 10px;
  border-left: 1px solid #3AB47B;
  border-right: 1px solid #3AB47B;
  margin-left: -1px;
  float: left; }

#header #header_user_info a, #header #header_user_info span {
  border-left: none;
  border-right: none;
  margin-left: 0; }

#header_right, #header_left {
  min-height: 0; }

#header_right {
  position: static; }

#header #header_user_info {
  display: inline-block;
  vertical-align: middle; }

#page_header #header.sticky {
  background: #ffffff;
  background: rgba(255, 255, 255, 0.95);
  position: fixed;
  top: 0;
  z-index: 210;
  left: 0;
  right: 0;
  width: 100%;
  -webkit-box-shadow: 0 0px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0px 4px rgba(0, 0, 0, 0.1);
  border-bottom: none; }
  #page_header #header.sticky .advanced_ma_level_0 {
    margin-bottom: 0;
    border-bottom: none; }
  #page_header #header.sticky .wide_container {
    padding-top: 4px;
    padding-bottom: 4px; }
  #page_header #header.sticky #header_logo {
    display: block; }
    #page_header #header.sticky #header_logo img {
      max-height: 42px;
      width: auto; }

.dropdown_wrap {
  display: inline-block;
  position: relative;
  margin: 0; }
  #header .dropdown_wrap {
    vertical-align: middle; }

.dropdown_tri_inner {
  display: inline-block;
  padding: 13px 18px 13px 10px;
  font-weight: normal;
  margin: 0;
  white-space: nowrap;
  position: relative;
  z-index: 100; }
  #top_bar .dropdown_tri_inner {
    border-left: 1px solid #3AB47B;
    border-right: 1px solid #3AB47B;
    margin-left: -1px; }
  .dropdown_tri_inner b {
    position: absolute;
    right: 6px;
    top: 45%;
    width: 0;
    height: 0;
    border-width: 4px 4px;
    border-style: solid;
    font-size: 0;
    line-height: 0;
    border-color: #D8F6E6 transparent transparent;
    -moz-transition: -moz-transform .2s ease-in;
    -o-transition: -o-transform .2s ease-in;
    transition: transform .2s ease-in; }
    #header .dropdown_tri_inner b {
      border-color: #999999 transparent transparent; }
  #search_block_nav .dropdown_tri_inner {
    padding-right: 13px;
    padding-right: 13px; }

#top_bar .open .dropdown_tri_inner {
  background-color: #d8f6e6;
  color: #00A161; }

.open .dropdown_tri_inner b {
  border-color: #00A161 transparent transparent;
  -moz-transform: rotate(180deg);
  -moz-transform-origin: 50% 30%;
  -webkit-transform: rotate(180deg);
  -webkit-transform-origin: 50% 30%;
  -o-transform: rotate(180deg);
  -o-transform-origin: 50% 30%;
  transform: rotate(180deg);
  transform-origin: 50% 30%;
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); }
  #header .open .dropdown_tri_inner b {
    border-color: #666666 transparent transparent; }

.dropdown_list {
  background: #fff;
  display: none;
  position: absolute;
  margin: 0;
  left: 0;
  top: 100%;
  min-width: 120px;
  z-index: 99; }
  .dropdown_list.dropdown_right, .dropdown_wrap.pull-right .dropdown_list, #header_right .dropdown_list {
    left: auto;
    right: 0; }

.dropdown_list.with_an_arrow {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding-top: 10px; }
  .dropdown_list.with_an_arrow .dropdown_list_box {
    background: #ffffff;
    -webkit-box-shadow: 0 0px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0px 4px rgba(0, 0, 0, 0.1); }
  .dropdown_list.with_an_arrow:before {
    content: '';
    position: absolute;
    top: 4px;
    border: 6px solid transparent;
    border-top: none;
    border-bottom-color: #eee; }
  #header_left .dropdown_list.with_an_arrow:after, .dropdown_wrap.pull-left .dropdown_list.with_an_arrow:after, #header_left .dropdown_list.with_an_arrow:before, .dropdown_wrap.pull-left .dropdown_list.with_an_arrow:before {
    left: 20px; }
  #header_right .dropdown_list.with_an_arrow:after, .dropdown_wrap.pull-right .dropdown_list.with_an_arrow:after, #header_right .dropdown_list.with_an_arrow:before, .dropdown_wrap.pull-right .dropdown_list.with_an_arrow:before {
    right: 20px; }
  .dropdown_wrap.pull-right .dropdown_list.with_an_arrow {
    left: auto;
    right: 0; }

.open .dropdown_list {
  display: block; }

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

.dropdown_list li a {
  display: block;
  line-height: 1.6em;
  white-space: nowrap;
  color: #666;
  padding: 4px 10px 6px; }
  .dropdown_list li a:hover {
    color: #00A161;
    background: #D7F5E5; }

#breadcrumb_wrapper {
  background: #fafafa;
  background: -webkit-linear-gradient(top, #f2f2f2, #f9f9f9 5%, #f9f9f9 95%, #f2f2f2);
  background: -moz-linear-gradient(top, #f2f2f2, #f9f9f9 5%, #f9f9f9 95%, #f2f2f2);
  background: -o-linear-gradient(top, #f2f2f2, #f9f9f9 5%, #f9f9f9 95%, #f2f2f2);
  background: linear-gradient(top, #f2f2f2, #f9f9f9 5%, #f9f9f9 95%, #f2f2f2);
  padding: 1em 0;
  margin-top: 1em; }
  #breadcrumb_wrapper.wide_container {
    padding: 1em 0; }
  #breadcrumb_wrapper .container, #breadcrumb_wrapper.wide_container .container {
    position: relative; }

.breadcrumb {
  display: inline;
  background: none;
  margin: 0;
  padding: 0;
  color: #BBBBBB; }
  .breadcrumb ul, .breadcrumb li {
    display: inline; }
  .breadcrumb .navigation-pipe {
    margin: 0 3px 0 5px;
    display: inline-block; }
  .breadcrumb a {
    color: #BBBBBB; }
    .breadcrumb a:hover {
      color: #00a161; }

#search_return a {
  color: #BBBBBB; }

#center_column section.breadcrumb {
  display: none; }

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
  margin: 0;
  padding: 0; }
  .flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
    position: relative; }
  .flexslider .slides img {
    display: block; }
    .flexslider .slides img.img_nomax {
      width: 100%; }

/* Hide the slides before the JS is loaded. Avoids image jumping */
/*
.flexslider .slides > li:first-child {display: block; -webkit-backface-visibility: visible;}
*/
.flex-pauseplay span {
  text-transform: capitalize; }

/* Clearfix for the .slides element */
.slides:after {
  content: '\0020';
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
  width: 0; }

html[xmlns] .slides {
  display: block; }

* html .slides {
  height: 1%; }

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
  display: block; }

/* FlexSlider Default Theme
*********************************/
.flexslider {
  position: relative;
  zoom: 1; }

.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease; }

.loading .flex-viewport {
  max-height: 300px; }

.flexslider .slides {
  zoom: 1; }

.carousel li {
  margin-right: 5px; }

/* Control Nav */
.flex-control-nav {
  position: absolute;
  bottom: 4%;
  right: 2%;
  text-align: center;
  z-index: 40; }

.main_slideshow .flex-control-nav {
  right: 46%;
  display: none; }

.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
  float: none; }

.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #777;
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px; }
  .flex-control-paging li a:hover {
    background: #444; }
  .flex-control-paging li a.flex-active {
    background: #444;
    cursor: default; }

.nav_center_bottom .flex-control-nav {
  position: inherit;
  right: auto;
  bottom: auto; }

.sliderwrap {
  margin: 0 auto; }
  .sliderwrap .product_image {
    display: block; }

/*slider product*/
/* Direction Nav */
.flex-direction-nav {
  *height: 0; }

.category_slideshow, .main_slideshow {
  overflow: hidden; }

.category_slideshow, .main_slideshow {
  margin-bottom: 1em; }

.category_slideshow .flex-direction-nav a, .main_slideshow .flex-direction-nav a {
  position: absolute;
  display: inline-block;
  color: #fff;
  text-align: center;
  top: 45%;
  z-index: 10;
  display: block;
  background: rgba(0, 0, 0, 0.2);
  border: 1px solid transparent; }

.category_slideshow .flex-direction-nav a img, .main_slideshow .flex-direction-nav a img {
  display: none;
  position: absolute;
  top: -1px;
  max-width: none;
  border: 1px solid #666; }

.category_slideshow .flex-direction-nav a:hover, .main_slideshow .flex-direction-nav a:hover {
  background: #000000;
  background: rgba(0, 0, 0, 0.6);
  border-color: #666; }

.category_slideshow .flex-direction-nav a:hover img, .main_slideshow .flex-direction-nav a:hover img {
  display: block; }

.category_slideshow .flex-direction-nav .flex-next img, .main_slideshow .flex-direction-nav .flex-next img {
  right: 71px;
  border-right: none; }

.category_slideshow .flex-direction-nav .flex-prev img, .main_slideshow .flex-direction-nav .flex-prev img {
  left: 71px;
  border-left: none; }

.category_slideshow .flex-direction-nav .flex-next, .main_slideshow .flex-direction-nav .flex-next {
  right: -100px; }

.category_slideshow .flex-direction-nav .flex-prev, .main_slideshow .flex-direction-nav .flex-prev {
  left: -100px; }

.category_slideshow:hover .flex-direction-nav .flex-next, .main_slideshow:hover .flex-direction-nav .flex-next {
  right: 5%; }

.category_slideshow:hover .flex-direction-nav .flex-prev, .main_slideshow:hover .flex-direction-nav .flex-prev {
  left: 5%; }

#thumbs_list .flex-direction-nav a {
  position: absolute;
  display: inline-block;
  width: 20px;
  height: 72px;
  line-height: 72px;
  overflow: hidden;
  text-align: center;
  z-index: 10;
  display: block;
  top: 0; }
#thumbs_list .flex-direction-nav .flex-next {
  right: 0; }
#thumbs_list .flex-direction-nav .flex-prev {
  left: 0; }
#thumbs_list .flex-direction-nav .flex-disabled {
  cursor: default;
  color: #999; }

.nav_top_right {
  position: relative;
  height: 0;
  line-height: 0; }
  .nav_top_right .flex-direction-nav {
    position: absolute;
    top: -44px;
    right: 0px;
    list-style: none;
    margin: 0;
    background: #ffffff;
    padding-left: 6px; }

.nav_left_bottom {
  position: absolute;
  right: 0;
  bottom: 0; }

.nav_left_right .flex-direction-nav {
  *height: 0; }
  .nav_left_right .flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #ffffff;
    background: #999;
    text-align: center;
    font-size: 1.333em; }
    .nav_left_right .flex-direction-nav a:hover {
      background: #00A161; }
    .nav_left_right .flex-direction-nav a.flex-prev {
      left: 0; }
    .nav_left_right .flex-direction-nav a.flex-next {
      right: 0; }
    .nav_left_right .flex-direction-nav a.flex-disabled {
      background: #ccc; }

.column_slideshow .flex-direction-nav a {
  color: #fff;
  display: block;
  background: #cccccc;
  background: rgba(0, 0, 0, 0.2); }
  .column_slideshow .flex-direction-nav a:hover {
    background: #000; }

.nav_top_right .flex-direction-nav li, .nav_left_bottom .flex-direction-nav li {
  float: left; }

.nav_top_right .flex-direction-nav a, .nav_left_bottom .flex-direction-nav a {
  text-align: center;
  cursor: pointer;
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  float: left;
  margin-left: 2px;
  text-decoration: none;
  color: #ffffff;
  background: #999999; }

.nav_top_right .flex-direction-nav a:hover, .nav_left_bottom .flex-direction-nav a:hover {
  background-color: #555555;
  color: #ffffff; }

.nav_top_right .flex-direction-nav a.flex-disabled, .nav_left_bottom .flex-direction-nav a.flex-disabled {
  cursor: default;
  color: #ffffff;
  background: #cccccc; }

.blog_flexslider {
  position: relative; }
  .blog_flexslider .flex-direction-nav a {
    text-align: center;
    cursor: pointer;
    display: block;
    position: absolute;
    top: 50%;
    z-index: 10;
    width: 36px;
    height: 36px;
    line-height: 28px;
    margin-top: -18px;
    float: left;
    text-decoration: none;
    color: #ffffff;
    background: #999999;
    opacity: 0.6;
    filter: alpha(opacity=60); }
  .blog_flexslider .flex-direction-nav .flex-next {
    background-position: 100% 0;
    right: 0; }
  .blog_flexslider .flex-direction-nav .flex-prev {
    left: 0; }
  .blog_flexslider .flex-next:hover, .blog_flexslider .flex-prev:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    background: #555555; }

.flexslider_loader {
  height: 120px;
  line-height: 120px;
  text-align: center; }

.stajax_loader {
  display: block;
  height: 60px;
  line-height: 60px;
  text-align: center;
  background: url(https://polseracatalana.cat/themes/transformer/css/../img/loading.gif) no-repeat center center; }

.price, #our_price_display, .sale_percentage, .sale_percentage_sticker {
  color: #00a161;
  white-space: nowrap; }

.price_container .price {
  font-size: 1.333em;
  font-weight: bold;
  margin-right: 4px;
  display: inline-block; }

.sale_percentage {
  font-size: 1.166em; }

#our_price_display {
  font-size: 1.333em; }

.old_price {
  text-decoration: line-through;
  color: #999;
  margin-right: 4px;
  font-size: 1.083em;
  white-space: nowrap; }

.old-price {
  color: #999999;
  text-decoration: line-through;
  font-size: 1em;
  margin-right: 4px;
  white-space: nowrap; }

.special-price {
  color: #00a161; }

.rating_box i {
  color: #ccc;
  display: inline-block; }
  .rating_box i.light {
    color: #ff8a00; }
.rating_box .comment_nbr {
  color: #999; }

p.required_note {
  color: #999; }
  p.required_note sup {
    color: #D90000; }

.products_slider .slides > li {
  padding: 10px 10px 4px 10px;
  overflow: hidden; }

.new-itemslider_column .slides > li,
#related-itemslider_column .slides > li,
.special-itemslider_column .slides > li,
.featured-itemslider_column .slides > li,
.product_categories-itemslider_column .slides > li,
.bestsellers-itemslider_column .slides > li,
#related_article_slider_column .slides > li {
  padding: 0; }

.brands-itemslider .slides > li {
  padding: 0px 12px;
  position: inherit; }

.brands-itemslider-column .slides > li a {
  margin-bottom: 10px;
  display: block;
  text-align: center; }
  .brands-itemslider-column .slides > li a:last-child {
    margin-bottom: 4px; }
  .brands-itemslider-column .slides > li a img {
    display: inline; }

#related_article_slider_column .hovers, .featured-itemslider .hovers, .new-itemslider .hovers, #related-itemslider .hovers, .special-itemslider .hovers, #productscategory-itemslider .hovers, #crossselling-itemslider .hovers, #blog_related-itemslider .hovers, .bestsellers-itemslider .hovers, .flexslider.product_categories-itemslider .hovers, #accessories-itemslider .hovers {
  width: inherit; }

#product_list .hovers {
  width: 100%; }

#related_article_slider_column .sliderwrap, .featured-itemslider .sliderwrap, .new-itemslider .sliderwrap, #related-itemslider .sliderwrap, .special-itemslider .sliderwrap, #productscategory-itemslider .sliderwrap, #crossselling-itemslider .sliderwrap, #blog_related-itemslider .sliderwrap, .bestsellers-itemslider .sliderwrap, #accessories-itemslider .sliderwrap, .flexslider.product_categories-itemslider .sliderwrap {
  position: relative; }

.brands-itemslider-column .slides img, .brands-itemslider .slides img {
  border: 1px solid #e5e5e5; }

.product_image {
  display: block;
  position: relative; }

span.on_sale, span.new {
  position: absolute;
  top: 25px;
  display: inline-block;
  font-size: 0.833em;
  height: 0;
  width: 0;
  line-height: 0;
  text-align: center;
  z-index: 5; }
span.on_sale i, span.new i {
  color: #fff;
  left: 7px;
  position: absolute;
  text-transform: uppercase;
  font-style: normal;
  white-space: nowrap; }
span.on_sale {
  border: 10px solid #ff8a00;
  color: #ff8a00;
  border-left-width: 40px;
  border-right-color: transparent;
  left: 0; }
  span.on_sale i {
    left: -33px; }
span.new {
  border: 10px solid #00A161;
  color: #00A161;
  border-right-width: 40px;
  border-left-color: transparent;
  right: 0; }

.sale_percentage_sticker {
  display: block;
  position: absolute;
  bottom: 50px;
  right: 6px;
  padding: 6px 0;
  height: 48px;
  line-height: 14px;
  width: 48px;
  font-size: 0.916em;
  text-align: center;
  border: 4px solid #00A161;
  color: #00A161;
  background: #fff;
  overflow: hidden;
  z-index: 4; }

.sold_out {
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  width: 100%;
  z-index: 3;
  margin-top: -27px;
  padding: 15px 0;
  color: #f2f2f2;
  background: #333;
  background: rgba(0, 0, 0, 0.4);
  border: 3px solid #f2f2f2;
  text-transform: uppercase;
  font-size: 2em;
  text-align: center; }

.pro_first_box {
  position: relative;
  overflow: hidden; }

.hover_fly {
  transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out; }
  .hover_fly a {
    transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out; }
    .hover_fly a:first-child {
      transition: all 300ms ease-in-out;
      -moz-transition: all 300ms ease-in-out;
      -ms-transition: all 300ms ease-in-out;
      -webkit-transition: all 300ms ease-in-out;
      -o-transition: all 300ms ease-in-out; }
  .hover_fly .price {
    color: #D8F6E6; }

.hover_fly {
  position: absolute;
  bottom: -35px;
  width: 100%;
  left: 0;
  background: #BBBBBB;
  z-index: 6; }
  .hover_fly_static .hover_fly {
    position: relative;
    bottom: 0; }
  .hover_fly a {
    font-size: 1em;
    color: #fff;
    display: inline-block;
    width: 15%;
    height: 35px;
    line-height: 34px;
    position: relative;
    background: url(https://polseracatalana.cat/themes/transformer/css/../img/split_f5.gif) repeat-y left top #bbbbbb;
    float: right;
    text-align: center;
    white-space: nowrap;
    border-top: 1px solid #fafafa !important; }
    .hover_fly a div {
      overflow: hidden; }
    .hover_fly a:first-child {
      background-image: none;
      width: 55%;
      text-align: center;
      background-color: #00A161;
      color: #FFF;
      float: left;
      left: 0; }
      .hover_fly a:first-child span {
        display: inline-block; }
    .hover_fly a span {
      display: none;
      left: 2.2em;
      white-space: nowrap;
      font-size: 1em;
      vertical-align: top; }
    .hover_fly a i {
      height: 34px;
      line-height: 32px; }
      .hover_fly a i.icon-0x {
        font-size: 1.666em; }
    .hover_fly a:hover {
      width: 55% !important;
      background-color: #00a161 !important;
      color: white !important; }
      .hover_fly a:hover span {
        display: inline-block !important; }
  .hover_fly.fly_1 a {
    border-top: none!important; }
  .hover_fly:hover a:first-child {
    width: 15%;
    background-color: #BBBBBB;
    text-align: center; }
    .hover_fly:hover a:first-child span {
      display: none; }
  .hover_fly.fly_0 {
    display: none; }
  .hover_fly.fly_5 a {
    width: 15%; }
    .hover_fly.fly_5 a:first-child {
      width: 40%; }
    .hover_fly.fly_5 a:hover {
      width: 40% !important; }
  .hover_fly.fly_5:hover a:first-child {
    width: 15%; }
  .hover_fly.fly_3 a {
    width: 20%; }
    .hover_fly.fly_3 a:first-child {
      width: 60%; }
    .hover_fly.fly_3 a:hover {
      width: 60% !important; }
  .hover_fly.fly_3:hover a:first-child {
    width: 20%; }
  .hover_fly.fly_2 a {
    width: 30%; }
    .hover_fly.fly_2 a:first-child {
      width: 70%; }
    .hover_fly.fly_2 a:hover {
      width: 70% !important; }
  .hover_fly.fly_2:hover a:first-child {
    width: 30%; }
  .hover_fly.fly_1 a {
    width: 100%; }
    .hover_fly.fly_1 a:first-child {
      width: 100%;
      position: relative !important; }
    .hover_fly.fly_1 a:hover {
      width: 100% !important; }
  .hover_fly.fly_1:hover a:first-child {
    width: 100%; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .hover_fly a:first-child {
    position: absolute;
    width: 57%; }
  .hover_fly a:hover {
    width: 57% !important; }
  .hover_fly.fly_5 a:first-child {
    position: absolute;
    width: 42%; }
  .hover_fly.fly_5 a:hover {
    width: 42% !important; }
  .hover_fly.fly_3 a:first-child {
    position: absolute;
    width: 62%; }
  .hover_fly.fly_3 a:hover {
    width: 62% !important; }
  .hover_fly.fly_2 a:first-child {
    position: absolute;
    width: 74%; }
  .hover_fly.fly_2 a:hover {
    width: 74% !important; } }
noindex:-o-prefocus, .hover_fly a:first-child {
  position: absolute;
  width: 57%; }

noindex:-o-prefocus, .hover_fly a:hover {
  width: 55%!important; }

noindex:-o-prefocus, .hover_fly.fly_5 a:first-child {
  position: absolute;
  width: 42%; }

noindex:-o-prefocus, .hover_fly.fly_5 a:hover {
  width: 40%!important; }

noindex:-o-prefocus, .hover_fly.fly_3 a:first-child {
  position: absolute;
  width: 62%; }

noindex:-o-prefocus, .hover_fly.fly_3 a:hover {
  width: 60%!important; }

noindex:-o-prefocus, .hover_fly.fly_2 a:first-child {
  position: absolute;
  width: 74%; }

noindex:-o-prefocus, .hover_fly.fly_2 a:hover {
  width: 70%!important; }

.products_slider .ajax_block_product:hover .hover_fly, .product_list.grid .ajax_block_product:hover .hover_fly {
  bottom: 0; }
.products_slider .ajax_block_product:hover .pro_second_box, .product_list.grid .ajax_block_product:hover .pro_second_box {
  background: #fafafa; }
.products_slider .ajax_block_product:hover .act_box.display_when_hover, .product_list.grid .ajax_block_product:hover .act_box.display_when_hover {
  visibility: visible; }

.pro_list_attributes p {
  margin-bottom: 5px; }

.grid_view #product_list .pro_list_attributes p {
  text-align: center; }

.itemlist_action a {
  font-size: 1em;
  color: #fff;
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  position: relative;
  overflow: hidden;
  background: #00A161;
  text-align: left; }
  .itemlist_action a:hover {
    width: 104px; }
  .itemlist_action a span {
    position: absolute;
    left: 30px;
    top: 0; }
  .itemlist_action a .icon-1x {
    font-size: 1.666em; }

.pro_second_box {
  padding: 6px;
  position: relative;
  text-align: center; }
  .pro_second_box .s_title_block, .pro_second_box .price_container, .pro_second_box .rating_box {
    text-align: center;
    margin-bottom: 6px; }
  .pro_second_box .yotpo, .pro_second_box .product-desc {
    margin-bottom: 6px; }
  .pro_second_box .yotpo-bottomline {
    float: none!important; }
  .pro_second_box .price_container {
    line-height: 160%; }

.warning, .success, .error, .message {
  padding: 14px 10px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  display: block;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px; }
  .warning ul, .success ul, .error ul, .message ul {
    margin-bottom: 0; }

.warning {
  color: #7c622a;
  background-color: #FDEDA4;
  border: 1px solid #FDEDA4; }

.success {
  color: #468847;
  background-color: #dff0d8;
  border: 1px solid #dff0d8; }

.error {
  color: #c02230;
  background-color: #F5DAD3;
  border: 1px solid #F5DAD3; }
  .error ol {
    list-style: decimal;
    margin-bottom: 0; }

.message {
  color: #3a87ad;
  background-color: #d9edf7;
  border: 1px solid #d9edf7; }

.error ol {
  margin-left: 20px; }
.error p.lnk {
  margin: 0.833em 0 0;
  padding: 0; }

#rightbar {
  position: fixed;
  _position: absolute;
  z-index: 110;
  right: 0px;
  bottom: 40%;
  background: #f1f1f1;
  border: 1px solid #E5E5E5;
  border-left: none; }

#switch_left_column_wrap {
  float: left; }

#switch_right_column_wrap {
  float: right; }

.rightbar_wrap, #to_top_wrap, #switch_left_column_wrap, #switch_right_column_wrap {
  position: relative;
  z-index: 120; }

.rightbar_wrap a.icon_wrap, #to_top_wrap a.icon_wrap, #switch_left_column_wrap a.icon_wrap, #switch_right_column_wrap a.icon_wrap {
  padding: 6px;
  width: 54px;
  height: 50px;
  border-left: 1px solid #E5E5E5; }

#switch_left_column_wrap {
  padding-left: 0; }

.rightbar_content {
  display: none;
  position: absolute;
  top: 0;
  right: 48px;
  background: #fff;
  border: 1px solid #e5e5e5;
  min-height: 32px; }

.opener, .grower {
  position: absolute;
  right: 0;
  top: 0px;
  padding: 10px 17px;
  display: block;
  cursor: pointer;
  text-decoration: none;
  background: url(https://polseracatalana.cat/themes/transformer/css/../img/opener.png) center center no-repeat transparent; }

.active > .opener, .open > .opener, .active .opener.dlm, .open .opener.dlm, .grower.OPEN {
  background: url(https://polseracatalana.cat/themes/transformer/css/../img/opener-active.png) center center no-repeat transparent; }

/* .active > .opener:hover, .open > .opener:hover, .grower.OPEN:hover {
	background: url(https://polseracatalana.cat/themes/transformer/css/../img/opener-active-w.png) center center no-repeat #666666;
} */
.icon_wrap, .shopping_cart .ajax_cart_right {
  background: #f1f1f1;
  color: #00A161; }

a.icon_wrap.active, .icon_wrap.active, a.icon_wrap:hover, .icon_wrap:hover,
.searchbox_inner.active .submit_searchbox.icon_wrap,
#search_block_top.quick_search_simple .searchbox_inner.active .submit_searchbox.icon_wrap,
#search_block_top.quick_search_simple .searchbox_inner:hover .submit_searchbox.icon_wrap,
.shopping_cart:hover .icon_wrap,
.shopping_cart.active .icon_wrap,
.myaccount-link-list a:hover .icon_wrap {
  background: #00A161;
  color: #fff; }

.shopping_cart.icon_wrap:hover,
.shopping_cart.icon_wrap.active,
.submit_searchbox:hover,
.searchbox_inner.active .search_query,
.searchbox_inner.active .submit_searchbox.icon_wrap,
#search_block_top.quick_search_simple .searchbox_inner.active .submit_searchbox.icon_wrap,
#search_block_top.quick_search_simple .searchbox_inner:hover .submit_searchbox.icon_wrap,
.shopping_cart:hover .icon_wrap, .shopping_cart.active .icon_wrap {
  border-color: #00A161; }

.shopping_cart.icon_wrap:hover b, .shopping_cart.icon_wrap.active b {
  border-left-color: #00A161; }

a.icon_wrap.disabled, .icon_wrap.disabled {
  color: #cccccc; }

a.icon_wrap.disabled:hover, .icon_wrap.disabled:hover {
  background: inherit;
  color: #cccccc; }

a.icon_wrap, .icon_wrap, a.icon_circle, .icon_circle, .shopping_cart .ajax_cart_right, .mobile_bar_tri {
  display: inline-block;
  height: 42px;
  line-height: 36px;
  min-width: 42px;
  padding: 2px;
  text-align: center;
  text-decoration: none; }

a.icon_circle, .icon_circle {
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  -ms-border-radius: 500px;
  -o-border-radius: 500px;
  border-radius: 500px; }

a.icon_wrap i.icon-0x, .icon_wrap i.icon-0x {
  display: block;
  text-align: center;
  height: 22px;
  line-height: 22px; }

.icon_text {
  display: block;
  height: 14px;
  line-height: 14px;
  font-size: 0.8333em;
  overflow: hidden; }

#rightbar-shopping_cart, .shopping_cart, #rightbar-product_compare {
  position: relative; }

#rightbar-shopping_cart, #rightbar-product_compare {
  z-index: 122; }

.amount_circle {
  position: absolute;
  display: block;
  right: 0px;
  top: 0px;
  background: #666;
  color: #fff;
  height: 16px;
  line-height: 14px;
  width: 16px;
  font-size: 0.916em;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  text-align: center; }
  .amount_circle.dozens {
    width: auto;
    padding: 0 8px;
    line-height: 14px; }
  .amount_circle.hidden {
    display: none; }

.categories_tree_block li {
  border-bottom: 1px solid #e5e5e5;
  position: relative; }
  .categories_tree_block li .grower.OPEN, .categories_tree_block li .grower.CLOSE {
    padding: 6px 13px;
    top: 4px; }
    .categories_tree_block li .grower.OPEN:after, .categories_tree_block li .grower.CLOSE:after {
      left: 9px; }
  .categories_tree_block li.last {
    border: none; }
  .categories_tree_block li a {
    display: block;
    padding: 10px 35px 10px 5px; }
  .categories_tree_block li ul {
    margin-left: 20px; }
    .categories_tree_block li ul .grower.OPEN, .categories_tree_block li ul .grower.CLOSE {
      background-color: transparent;
      top: 0px; }
    .categories_tree_block li ul .grower.OPEN:hover, .categories_tree_block li ul .grower.CLOSE:hover {
      background-color: #666666; }
    .categories_tree_block li ul li {
      border: none; }
      .categories_tree_block li ul li a {
        padding-left: 0;
        background: none;
        padding: 6px 27px 6px 5px; }

#categories_block_left .categories_tree_block li a span {
  display: none; }

.products_slider .ajax_block_product:hover .pro_outer_box, .product_list.grid .ajax_block_product:hover .pro_outer_box {
  -webkit-box-shadow: 0 0px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0px 4px rgba(0, 0, 0, 0.1); }

.product_list.list .ajax_block_product:hover {
  -webkit-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0px 6px rgba(0, 0, 0, 0.1); }

.product_accordion {
  padding: 0 1.3em; }

.common_tabs {
  margin-bottom: 0; }
  .common_tabs a {
    display: block;
    padding: 0.833em 1.666em;
    text-decoration: none;
    color: #666;
    background: #e5e5e5; }
    .common_tabs a:hover {
      color: #333; }
    .common_tabs a.selected {
      background: #FAFAFA;
      color: #333; }

.product_accordion_title, .idTabs a {
  font-size: 1.166em; }

#more_info_sheets, #referral_program_sheets {
  padding: 1em 0;
  background: #FAFAFA; }

#more_info_sheets .product_desc {
  margin-top: 5px; }
  #more_info_sheets .product_desc .product_image {
    float: left; }
  #more_info_sheets .product_desc .block_description {
    float: left;
    margin-left: 10px; }
  #more_info_sheets .product_desc .clear_product_desc {
    clear: both;
    height: 0;
    line-height: 0; }

.rte ul {
  list-style-type: disc; }

.rte ol {
  list-style-type: decimal; }

ul.square,
#short_description_content ul,
#short_description_content ol,
#short_description_content dl,
#more_info_sheets ul,
#more_info_sheets ol,
#more_info_sheets dl,
.menu_custom_content ul,
.menu_custom_content ol,
.menu_custom_content dl,
.blog_content ul,
.blog_content ol,
.blog_content dl,
#tinymce ul,
#tinymce ol,
#tinymce dl,
.rte ul,
.rte ol,
.rte dl,
.style_content ul,
.style_content ol,
.style_content dl {
  margin-left: 1.5em;
  margin-bottom: 1em; }

#short_description_content em,
#more_info_sheets em,
.menu_custom_content em,
.rte em,
.blog_content em,
.style_content em {
  font-style: italic; }

#short_description_content h1.heading,
#more_info_sheets h1.heading,
.menu_custom_content h1.heading,
.blog_content h1.heading,
.rte h1.heading,
#tinymce h1.heading {
  font-size: 2em;
  line-height: 1.25em;
  margin-bottom: 16px; }

#short_description_content h2.heading,
#more_info_sheets h2.heading,
.menu_custom_content h2.heading,
.blog_content h2.heading,
.rte h2.heading,
#tinymce h2.heading {
  font-size: 1.6666em;
  line-height: 1.2em;
  margin-bottom: 14px; }

#short_description_content h3.heading,
#more_info_sheets h3.heading,
.menu_custom_content h3.heading,
.blog_content h3.heading,
.rte h3.heading,
#tinymce h3.heading {
  font-size: 1.5em;
  line-height: 1.2em;
  margin-bottom: 12px; }

#short_description_content em, #more_info_sheets em .menu_custom_content em, .blog_content em, .rte em {
  font-style: italic; }

ul.square, .style_content ul.square, .style_content ul, #short_description_content ul, #more_info_sheets ul, .menu_custom_content ul, #tinymce ul, .blog_content ul, .rte ul {
  list-style: square; }

ul.desc, .style_content ul.desc, #short_description_content ul.desc, #more_info_sheets ul.desc, .menu_custom_content ul.desc, #tinymce ul.desc, .blog_content ul.desc, .rte ul.desc {
  list-style: disc; }

ol.decimal, .style_content ol.decimal, #short_description_content ol, #more_info_sheets ol, .menu_custom_content ol, #tinymce ol, .blog_content ol, .rte ol {
  list-style: decimal; }

#short_description_content hr, .style_content hr, #more_info_sheets hr, .menu_custom_content hr, .blog_content hr, #tinymce hr, .rte hr {
  clear: both;
  border: none;
  border-bottom: 1px solid #E5E5E5;
  margin: 12px 0 12px; }

.bullet li a {
  display: block;
  padding: 0px 0 2px 0; }
  .bullet li a:hover {
    text-decoration: none; }

.bullet.text-center li a span {
  display: none; }

.easycontent em {
  font-style: italic; }

.easycontent table td, .easycontent table th {
  padding: 2px 4px 2px 0; }

.easycontent_container {
  overflow: hidden; }

.easycontent_s3 {
  padding-left: 26px;
  overflow: hidden; }
  .easycontent_s3 .easy_icon {
    float: left;
    margin-left: -26px;
    margin-top: 3px; }

.easycontent_s4 {
  padding-left: 36px; }
  .easycontent_s4 .easy_icon {
    float: left;
    margin-left: -36px;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    overflow: hidden; }

.easycontent_s5 .easy_icon {
  height: 60px;
  width: 60px;
  line-height: 60px;
  text-align: center;
  overflow: hidden;
  margin: 0 auto;
  display: inline-block; }

.easycontent_s6 {
  padding-left: 52px;
  padding-top: 12px;
  overflow: hidden; }
  .easycontent_s6 .easy_icon {
    float: left;
    width: 40px;
    height: 40px;
    line-height: 36px;
    text-align: center;
    margin-left: -52px;
    border: 1px solid #666666;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px; }

.easycontent_s8 {
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
  border-right: 1px solid #505050; }
  .easycontent_s8:hover {
    background: #505050; }
  .easycontent_s8 .easy_icon {
    margin-bottom: 1em; }

.easycontent .easycontent_s8:last-child {
  border-right: none; }

.easycontent_s9 {
  padding-left: 36px; }
  .easycontent_s9 .easy_icon {
    float: left;
    margin-left: -36px;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background: #444;
    font-size: 1.166em; }

.row .easycontent_s10 {
  border-right: 1px solid #E4E4E4;
  padding: 1em 0; }
  .row .easycontent_s10 .easy_icon {
    height: 38px;
    width: 38px;
    line-height: 38px;
    text-align: center;
    overflow: hidden;
    margin: 0 auto;
    display: inline-block; }
  .row .easycontent_s10:last-child {
    border-right: none; }

.pro_column_list li, .pro_column_box {
  display: block;
  padding: 8px 0;
  border-bottom: 1px solid #e5e5e5; }

.pro_column_list li:last-child, .pro_column_box:last-child {
  border: none; }

.pro_column_left {
  width: 56px;
  float: left; }

.pro_column_right {
  margin-left: 66px; }

.itemlist_left {
  width: 100px;
  float: left; }

.itemlist_right {
  margin-left: 110px; }
  .itemlist_right .s_title_block {
    height: 2.666em;
    line-height: 1.333em;
    margin-bottom: 10px; }
  .itemlist_right .price_container span {
    display: inline-block; }

.small_list_left {
  width: 100px;
  float: left; }

.small_list_right {
  margin-left: 110px; }

.pro_itemlist li {
  padding-top: 2em;
  padding-bottom: 1em; }

.quantity_input_wrap, .cart_quantity_button {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  padding-right: 20px; }

.product_quantity_up, .product_quantity_down, .cart_quantity_up, .cart_quantity_down {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 18px;
  background: #ffffff;
  border: 1px solid #CCCCCC;
  border-left-width: 0;
  text-align: center;
  position: absolute;
  right: 0; }

.product_quantity_up, .cart_quantity_up {
  border-bottom-width: 0;
  top: 0; }

.product_quantity_down, .cart_quantity_down {
  bottom: 0; }

.product_quantity_up:hover, .product_quantity_down:hover, .cart_quantity_up:hover, .cart_quantity_down:hover {
  text-decoration: none;
  background-color: #666666;
  color: #fff; }

#address .form-group > label, #address .form-stru > label,
#identity .form-group > label,
#identity .form-stru > label,
#account-creation_form .form-group > label,
#account-creation_form .form-stru > label,
#new_account_form .form-group > label,
#new_account_form .form-stru > label,
#opc_account_form .form-group > label,
#opc_account_form .form-stru > label {
  display: inline-block;
  padding: 6px 15px;
  text-align: right;
  width: 260px;
  vertical-align: top; }
  #address .form-group > label sup, #address .form-stru > label sup,
  #identity .form-group > label sup,
  #identity .form-stru > label sup,
  #account-creation_form .form-group > label sup,
  #account-creation_form .form-stru > label sup,
  #new_account_form .form-group > label sup,
  #new_account_form .form-stru > label sup,
  #opc_account_form .form-group > label sup,
  #opc_account_form .form-stru > label sup {
    color: #ee001c; }
#address .form-group .form-control,
#identity .form-group .form-control,
#account-creation_form .form-group .form-control,
#new_account_form .form-group .form-control,
#opc_account_form .form-group .form-control {
  display: inline-block; }
#address #uniform-newsletter, #address #uniform-optin, #address #uniform-invoice_address,
#identity #uniform-newsletter,
#identity #uniform-optin,
#identity #uniform-invoice_address,
#account-creation_form #uniform-newsletter,
#account-creation_form #uniform-optin,
#account-creation_form #uniform-invoice_address,
#new_account_form #uniform-newsletter,
#new_account_form #uniform-optin,
#new_account_form #uniform-invoice_address,
#opc_account_form #uniform-newsletter,
#opc_account_form #uniform-optin,
#opc_account_form #uniform-invoice_address {
  margin-left: 264px; }
#address .submit, #address .submit2,
#identity .submit,
#identity .submit2,
#account-creation_form .submit,
#account-creation_form .submit2,
#new_account_form .submit,
#new_account_form .submit2,
#opc_account_form .submit,
#opc_account_form .submit2 {
  padding-left: 264px; }
#address span.form_info, #address p.inline-infos, #address span.inline-infos,
#identity span.form_info,
#identity p.inline-infos,
#identity span.inline-infos,
#account-creation_form span.form_info,
#account-creation_form p.inline-infos,
#account-creation_form span.inline-infos,
#new_account_form span.form_info,
#new_account_form p.inline-infos,
#new_account_form span.inline-infos,
#opc_account_form span.form_info,
#opc_account_form p.inline-infos,
#opc_account_form span.inline-infos {
  color: #999999;
  display: block;
  margin: 0 0 5px 265px; }
#address div.selector,
#identity div.selector,
#account-creation_form div.selector,
#new_account_form div.selector,
#opc_account_form div.selector {
  display: inline-block; }

#address #center_column.col-md-9 .form-group > label, #address #center_column.col-md-9 .form-stru > label,
#identity #center_column.col-md-9 .form-group > label,
#identity #center_column.col-md-9 .form-stru > label,
#account-creation_form #center_column.col-md-9 .form-group > label,
#account-creation_form #center_column.col-md-9 .form-stru > label,
#new_account_form #center_column.col-md-9 .form-group > label,
#new_account_form #center_column.col-md-9 .form-stru > label,
#opc_account_form #center_column.col-md-9 .form-group > label,
#opc_account_form #center_column.col-md-9 .form-stru > label {
  width: 200px; }
#address #center_column.col-md-9 #uniform-newsletter, #address #center_column.col-md-9 #uniform-optin, #address #center_column.col-md-9 #uniform-invoice_address,
#identity #center_column.col-md-9 #uniform-newsletter,
#identity #center_column.col-md-9 #uniform-optin,
#identity #center_column.col-md-9 #uniform-invoice_address,
#account-creation_form #center_column.col-md-9 #uniform-newsletter,
#account-creation_form #center_column.col-md-9 #uniform-optin,
#account-creation_form #center_column.col-md-9 #uniform-invoice_address,
#new_account_form #center_column.col-md-9 #uniform-newsletter,
#new_account_form #center_column.col-md-9 #uniform-optin,
#new_account_form #center_column.col-md-9 #uniform-invoice_address,
#opc_account_form #center_column.col-md-9 #uniform-newsletter,
#opc_account_form #center_column.col-md-9 #uniform-optin,
#opc_account_form #center_column.col-md-9 #uniform-invoice_address {
  margin-left: 204px; }
#address #center_column.col-md-9 .submit, #address #center_column.col-md-9 .submit2,
#identity #center_column.col-md-9 .submit,
#identity #center_column.col-md-9 .submit2,
#account-creation_form #center_column.col-md-9 .submit,
#account-creation_form #center_column.col-md-9 .submit2,
#new_account_form #center_column.col-md-9 .submit,
#new_account_form #center_column.col-md-9 .submit2,
#opc_account_form #center_column.col-md-9 .submit,
#opc_account_form #center_column.col-md-9 .submit2 {
  padding-left: 204px; }
#address #center_column.col-md-9 span.form_info, #address #center_column.col-md-9 p.inline-infos, #address #center_column.col-md-9 span.inline-infos,
#identity #center_column.col-md-9 span.form_info,
#identity #center_column.col-md-9 p.inline-infos,
#identity #center_column.col-md-9 span.inline-infos,
#account-creation_form #center_column.col-md-9 span.form_info,
#account-creation_form #center_column.col-md-9 p.inline-infos,
#account-creation_form #center_column.col-md-9 span.inline-infos,
#new_account_form #center_column.col-md-9 span.form_info,
#new_account_form #center_column.col-md-9 p.inline-infos,
#new_account_form #center_column.col-md-9 span.inline-infos,
#opc_account_form #center_column.col-md-9 span.form_info,
#opc_account_form #center_column.col-md-9 p.inline-infos,
#opc_account_form #center_column.col-md-9 span.inline-infos {
  margin: 0 0 5px 205px; }
#address #center_column.col-md-9 .form-group .form-control,
#identity #center_column.col-md-9 .form-group .form-control,
#account-creation_form #center_column.col-md-9 .form-group .form-control,
#new_account_form #center_column.col-md-9 .form-group .form-control,
#opc_account_form #center_column.col-md-9 .form-group .form-control {
  max-width: 250px; }

#identity #center_column.col-md-9 .form-group .form-control,
#authentication #center_column.col-md-9 .form-group .form-control {
  max-width: 250px; }

#login_form .form-group, #create-account_form .form-group {
  width: 254px; }

table#cart_summary_total {
  float: right;
  width: 320px; }
  table#cart_summary_total td.total_price_container > span {
    text-transform: uppercase; }

#hookDisplayProductPriceBlock-price {
  display: inline-block;
  margin-left: 4px; }

.logo_center #logo_wrapper {
  text-align: center; }
.logo_center #header_left, .logo_center #logo_wrapper, .logo_center #header_right {
  height: 86px;
  display: table; }
.logo_center #header_logo_inner, .logo_center #header_left_inner, .logo_center #header_right_inner {
  display: table-cell;
  vertical-align: middle; }
.logo_center #header_logo {
  display: inline-block; }
.logo_center .col-md-1 #header_logo {
  max-width: 50px; }
.logo_center .col-md-2 #header_logo {
  max-width: 131px; }
.logo_center .col-md-3 #header_logo {
  max-width: 212px; }
.logo_center .col-md-4 #header_logo {
  max-width: 293px; }
.logo_center .col-md-5 #header_logo {
  max-width: 374px; }
.logo_center .col-md-6 #header_logo {
  max-width: 455px; }
.logo_center .col-md-7 #header_logo {
  max-width: 535px; }
.logo_center .col-md-8 #header_logo {
  max-width: 616px; }
.logo_center .col-md-9 #header_logo {
  max-width: 697px; }
.logo_center .col-md-10 #header_logo {
  max-width: 778px; }
.logo_center .col-md-11 #header_logo {
  max-width: 859px; }
.logo_center .col-md-12 #header_logo {
  max-width: 950px; }

.st_banner_block .st_banner_image img {
  height: auto;
  max-width: 100%; }

.box-cart-bottom #wishlist_button i,
.box-cart-bottom .add_to_compare i,
.product_list.list .act_box_inner .addToWishlist i,
.product_list.list .act_box_inner .add_to_compare i,
.product_list.list .act_box_inner .quick-view i {
  vertical-align: middle;
  font-size: 1.5em; }

.sm_lable {
  display: inline-block;
  color: #fff;
  background: #b5b5b5;
  padding: 0 4px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px; }

.layer_box {
  text-align: left;
  background-color: white;
  position: absolute;
  display: none;
  z-index: 230;
  width: 380px;
  margin-left: -190px;
  left: 50%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px; }
  .layer_box .layer_inner_box {
    padding: 12px 18px; }
  .layer_box .layer_product {
    position: relative; }
    .layer_box .layer_product .product-image-container {
      max-width: 58px;
      border: 1px solid #f5f5f5;
      float: left; }
    .layer_box .layer_product .layer_product_info {
      margin-left: 68px; }
      .layer_box .layer_product .layer_product_info .product-name {
        display: block;
        padding-bottom: 6px;
        font-size: 1.166em; }
  .layer_box .layer_details {
    margin-top: 10px; }
  .layer_box .button-container {
    margin-top: 10px; }
  .layer_box .cross {
    position: absolute;
    right: -36px;
    top: -28px;
    cursor: pointer;
    width: 28px;
    height: 28px;
    background: none;
    font-size: 1.3em;
    line-height: 28px;
    color: #333333;
    text-align: center;
    background: #fff;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px; }
    .layer_box .cross:after {
      content: "\e849";
      font-family: "fontello"; }
  .layer_box .continue {
    cursor: pointer; }

.layer_overlay {
  background-color: #000;
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 220;
  opacity: 0.2;
  filter: alpha(opacity=20); }

* html .layer_overlay {
  position: absolute;
  left: 0;
  margin-left: -160px;
  opacity: 0.2;
  filter: alpha(opacity=20); }

.myaccount-column .list-block li .icon_wrap {
  display: none; }

.footable.breakpoint > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  font-family: "fontello" !important;
  content: '\e854' !important; }

.footable.breakpoint > tbody > tr > td > span.footable-toggle:before {
  font-family: "fontello" !important;
  content: '\e84b' !important; }

.footable .footable-sortable .footable-sort-indicator:after {
  font-family: "fontello" !important;
  content: '\e84c' !important; }
.footable .footable-sortable.footable-sorted .footable-sort-indicator:after {
  content: '\e852' !important; }
.footable .footable-sortable.footable-sorted-desc .footable-sort-indicator:after {
  content: '\e853' !important; }

#create-account_form .form-group label {
  font-weight: bold; }

#login_form .form-group {
  margin: 0 0 6px 0; }
  #login_form .form-group label {
    font-weight: bold; }
#login_form .lost_password {
  margin: 1em 0;
  display: block;
  color: #666; }

#fb-root {
  display: none; }

.fb_like_box_warp {
  overflow: hidden; }

.fb_edge_widget_with_comment {
  margin-right: 16px; }

.fluid-width-video-wrapper {
  width: 100%;
  position: relative;
  padding: 0; }
  .fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.zoomPad {
  z-index: 60 !important;
  float: none !important; }

.product_img_link, .product_image {
  position: relative;
  display: block; }
  .product_img_link img.front-image, .product_img_link img.back-image, .product_image img.front-image, .product_image img.back-image {
    display: block;
    width: 100%;
    height: auto;
    transition: all 600ms ease;
    -moz-transition: all 600ms ease;
    -ms-transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    -o-transition: all 600ms ease; }
  .product_img_link img.front-image, .product_image img.front-image {
    position: relative; }
  .product_img_link img.back-image, .product_image img.back-image {
    position: absolute; }

#right_column #newsletter_block_left.col-sm-3, #left_column #newsletter_block_left.col-sm-3 {
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important; }

.zoomPreload {
  overflow: hidden;
  background-position: center center !important;
  text-indent: -5000px; }

.font_icon_1 {
  height: 60px;
  width: 60px;
  line-height: 60px;
  -webkit-box-shadow: 0 0 0 2px #333333 inset;
  -moz-box-shadow: 0 0 0 2px #333333 inset;
  box-shadow: 0 0 0 2px #333333 inset;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
  border-radius: 100px;
  text-align: center;
  margin-top: 6px;
  position: relative;
  overflow: hidden;
  z-index: 3; }
  .font_icon_1 em {
    display: inline-block;
    height: 54px;
    line-height: 54px;
    width: 1em;
    position: relative;
    z-index: 2; }
  .font_icon_1:before {
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0;
    width: 100%;
    background-color: #333333;
    transition: height 0.3s ease-out;
    -moz-transition: height 0.3s ease-out;
    -ms-transition: height 0.3s ease-out;
    -webkit-transition: height 0.3s ease-out;
    -o-transition: height 0.3s ease-out;
    z-index: 1; }

.wrap_font_icon_1:hover .font_icon_1:before {
  height: 100%; }
.wrap_font_icon_1:hover .font_icon_1 em {
  color: #ffffff; }

.wrap_font_icon_2 {
  display: block; }
  .wrap_font_icon_2 em {
    top: 0;
    position: relative;
    transition: top 150ms linear;
    -moz-transition: top 150ms linear;
    -ms-transition: top 150ms linear;
    -webkit-transition: top 150ms linear;
    -o-transition: top 150ms linear; }
  .wrap_font_icon_2 span {
    display: block;
    margin-bottom: 4px;
    font-weight: block;
    font-size: 1.38em; }
    .wrap_font_icon_2 span.unvisible {
      display: none; }

.wrap_font_icon_2:hover em {
  top: -10px; }

/*custom block*/
.contact_item_large {
  font-size: 1.333em;
  text-transform: uppercase;
  font-style: italic;
  font-weight: bold;
  display: inline-block;
  padding: 1em 30px 0 0; }

.contact_item_large i, .contact_item_large em {
  vertical-align: middle;
  margin-right: 4px;
  display: inline-block; }

.row.st_banner_block {
  margin-left: -10px;
  margin-right: -10px; }

.st_banner_block .st_banner_image {
  padding-left: 10px;
  padding-right: 10px; }

#version_switching .col-xs-12 {
  text-align: left; }

#top_bar #header_user_info .sing_up, #top_bar #header_user_info .my_account_link {
  display: none; }

.media {
  position: relative;
  margin: 0 0 15px 0;
  padding-bottom: 51%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  border: 1px solid #ccc; }

.media iframe,
.media object,
.media embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.yotpo .yotpo-first-review {
  top: auto !important; }
.yotpo .yotpo-display-wrapper .standalone-bottomline {
  text-align: center; }
  .yotpo .yotpo-display-wrapper .standalone-bottomline .yotpo-bottomline {
    display: inline-block;
    float: none; }

#stb_search_query_block {
  margin-bottom: 6px;
  float: left;
  height: 28px; }

#stb_search_button {
  float: left;
  vertical-align: top;
  font-size: 1em; }

body.mobile_device .zoomPup,
body.mobile_device .zoomWindow {
  display: none!important; }
body.mobile_device .countdown_wrap {
  bottom: 50%;
  margin-bottom: -17px; }
body.mobile_device .hover_fly_static .countdown_wrap {
  bottom: 50%; }

.add_to_compare.checked i:before, .addToWishlist.checked i:before {
  content: '\e80f'; }

.parallax_box.parallax_box_img {
  background-attachment: fixed;
  background-position: 50% 0;
  background-repeat: repeat; }
.parallax_box .owl-pagination {
  margin-top: 1em; }

.parallax_heading {
  text-align: center;
  margin-bottom: 1em; }

.style_content h1, .style_content h2, .style_content h3, .style_content h4, .style_content h5, .style_content h6, .style_content p {
  display: block; }
  .style_content h1.closer, .style_content h2.closer, .style_content h3.closer, .style_content h4.closer, .style_content h5.closer, .style_content h6.closer, .style_content p.closer {
    margin-top: 0;
    margin-bottom: 4px;
    line-height: 110%; }
.style_content .btn {
  margin-top: 8px;
  margin-bottom: 8px;
  margin-right: 8px; }
  .style_content .btn.last {
    margin-right: 0; }
.style_content .spacer {
  clear: both;
  height: 16px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  background: none; }
.style_content h1 {
  font-size: 8em;
  margin-bottom: 14px; }
.style_content h2 {
  font-size: 6em;
  margin-bottom: 14px; }
.style_content h3 {
  font-size: 4em;
  margin-bottom: 14px; }
.style_content h4 {
  font-size: 3em; }
.style_content h5 {
  font-size: 2em; }
.style_content h6 {
  font-size: 1.5em; }
.style_content p {
  font-size: 1.166em;
  margin-bottom: 6px; }
  .stadvancedmenu_sub .style_content p, .easycontent .style_content p {
    font-size: 1em; }
.banner_text .style_content.text_td .line {
  margin: 0 auto; }
.banner_text .style_content.text_td h1, .banner_text .style_content.text_td h2, .banner_text .style_content.text_td h3, .banner_text .style_content.text_td h4, .banner_text .style_content.text_td h5, .banner_text .style_content.text_td h6 {
  margin-bottom: 4px; }

.line, .line_white, .line_black {
  clear: both;
  height: 0;
  overflow: hidden;
  margin: 14px auto;
  padding: 0;
  background: none;
  border-top: 2px solid #fff;
  width: 80px;
  display: inline-block; }

.line_black {
  border-color: #444; }

.icon_line_wrap {
  text-align: center;
  margin: 14px auto; }

.icon_line, .icon_line_white, .icon_line_black, .icon_line_gray {
  color: #fff; }
  .icon_line:after, .icon_line:before, .icon_line_white:after, .icon_line_white:before, .icon_line_black:after, .icon_line_black:before, .icon_line_gray:after, .icon_line_gray:before {
    display: inline-block;
    content: '';
    width: 50px;
    height: 1px;
    line-height: 1px;
    overflow: hidden;
    background-color: #fff;
    vertical-align: middle;
    margin-top: -2px; }
  .icon_line:after, .icon_line_white:after, .icon_line_black:after, .icon_line_gray:after {
    margin-left: 6px; }
  .icon_line:before, .icon_line_white:before, .icon_line_black:before, .icon_line_gray:before {
    margin-right: 6px; }
  .icon_line em, .icon_line span, .icon_line_white em, .icon_line_white span, .icon_line_black em, .icon_line_black span, .icon_line_gray em, .icon_line_gray span {
    vertical-align: middle; }
  .icon_line.icon_line_big:after, .icon_line.icon_line_big:before, .icon_line_white.icon_line_big:after, .icon_line_white.icon_line_big:before, .icon_line_black.icon_line_big:after, .icon_line_black.icon_line_big:before, .icon_line_gray.icon_line_big:after, .icon_line_gray.icon_line_big:before {
    width: 40px;
    height: 3px; }

.icon_line_black {
  color: #444; }
  .icon_line_black:after, .icon_line_black:before {
    background-color: #444; }

.icon_line_gray {
  color: #999; }
  .icon_line_gray:after, .icon_line_gray:before {
    background-color: #999; }

.text_table_wrap {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 4; }
  .text_table_wrap .text_table {
    display: table;
    width: 100%;
    height: 100%;
    vertical-align: middle; }
    .text_table_wrap .text_table .text_td {
      display: table-cell;
      width: 100%;
      height: 100%;
      vertical-align: middle;
      padding: 20px 16px; }
      .text_table_wrap .text_table .text_td.advanced_banner_text_top, .text_table_wrap .text_table .text_td.banner_text_top {
        vertical-align: top; }
      .text_table_wrap .text_table .text_td.advanced_banner_text_bottom, .text_table_wrap .text_table .text_td.banner_text_bottom {
        vertical-align: bottom; }

.text_inner_box_left {
  float: left; }

.text_inner_box_right {
  float: right; }

/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */
/* clearfix */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

/* display none until init */
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y; }

.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%; }

.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out; }

.owl-carousel .owl-item {
  float: left; }

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer; }

.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/* mouse grab icon */
.grabbing {
  cursor: url(https://polseracatalana.cat/themes/transformer/css/../img/grabbing.png) 8 8, move; }

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0); }

/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/
.owl-theme .owl-controls {
  text-align: center; }

/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div {
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */ }

.owl-theme.owl-navigation-lr {
  overflow: hidden; }
  .owl-theme.owl-navigation-lr .owl-controls .owl-buttons div {
    position: absolute;
    overflow: hidden;
    top: 0;
    bottom: 0;
    height: 100%;
    color: white;
    background: rgba(0, 0, 0, 0.4);
    text-align: center;
    width: 46px; }
    .owl-theme.owl-navigation-lr .owl-controls .owl-buttons div.disabled {
      color: #777777;
      cursor: default; }
    .owl-theme.owl-navigation-lr .owl-controls .owl-buttons div i {
      height: 34px;
      line-height: 34px;
      width: 34px;
      display: inline-block;
      top: 50%;
      left: 6px;
      margin-top: -17px;
      position: absolute;
      text-align: center;
      font-size: 1.5em; }
    .owl-theme.owl-navigation-lr .owl-controls .owl-buttons div:hover {
      background: rgba(0, 0, 0, 0.8); }
      .products_slider .owl-theme.owl-navigation-lr .owl-controls .owl-buttons div:hover {
        background: #777777; }
    .owl-theme.owl-navigation-lr .owl-controls .owl-buttons div.disabled:hover {
      background: rgba(68, 68, 68, 0.4); }
      .products_slider .owl-theme.owl-navigation-lr .owl-controls .owl-buttons div.disabled:hover {
        background: #cccccc; }
  .owl-theme.owl-navigation-lr .owl-controls .owl-buttons .owl-prev {
    left: -100px;
    -webkit-transition: left 300ms ease;
    transition: left 300ms ease;
    padding-left: 6px; }
  .owl-theme.owl-navigation-lr .owl-controls .owl-buttons .owl-next {
    right: -100px;
    -webkit-transition: right 300ms ease;
    transition: right 300ms ease;
    padding-right: 6px; }
  .owl-theme.owl-navigation-lr:hover .owl-controls .owl-buttons .owl-prev {
    left: 0px; }
  .owl-theme.owl-navigation-lr:hover .owl-controls .owl-buttons .owl-next {
    right: 0px; }
  .owl-theme.owl-navigation-lr.owl-navigation-rectangle .owl-controls .owl-buttons div, .owl-theme.owl-navigation-lr.owl-navigation-circle .owl-controls .owl-buttons div, .owl-theme.owl-navigation-lr.owl-navigation-square .owl-controls .owl-buttons div {
    top: 50%;
    margin-top: -34px;
    bottom: auto;
    height: auto;
    padding: 0;
    width: auto; }
    .owl-theme.owl-navigation-lr.owl-navigation-rectangle .owl-controls .owl-buttons div i, .owl-theme.owl-navigation-lr.owl-navigation-circle .owl-controls .owl-buttons div i, .owl-theme.owl-navigation-lr.owl-navigation-square .owl-controls .owl-buttons div i {
      height: 68px;
      line-height: 66px;
      width: 36px;
      top: auto;
      left: auto;
      margin-top: 0;
      position: static; }
      .brands-itemslider .owl-theme.owl-navigation-lr.owl-navigation-rectangle .owl-controls .owl-buttons div i, #thumbs_list .owl-theme.owl-navigation-lr.owl-navigation-rectangle .owl-controls .owl-buttons div i, .brands-itemslider .owl-theme.owl-navigation-lr.owl-navigation-circle .owl-controls .owl-buttons div i, #thumbs_list .owl-theme.owl-navigation-lr.owl-navigation-circle .owl-controls .owl-buttons div i, .brands-itemslider .owl-theme.owl-navigation-lr.owl-navigation-square .owl-controls .owl-buttons div i, #thumbs_list .owl-theme.owl-navigation-lr.owl-navigation-square .owl-controls .owl-buttons div i {
        height: 48px;
        line-height: 48px;
        width: 26px; }
    .products_slider .owl-theme.owl-navigation-lr.owl-navigation-rectangle .owl-controls .owl-buttons div, .products_slider .owl-theme.owl-navigation-lr.owl-navigation-circle .owl-controls .owl-buttons div, .products_slider .owl-theme.owl-navigation-lr.owl-navigation-square .owl-controls .owl-buttons div {
      top: 40%;
      background: #cccccc; }
    .brands-itemslider.products_slider .owl-theme.owl-navigation-lr.owl-navigation-rectangle .owl-controls .owl-buttons div, #thumbs_list.products_slider .owl-theme.owl-navigation-lr.owl-navigation-rectangle .owl-controls .owl-buttons div, .brands-itemslider.products_slider .owl-theme.owl-navigation-lr.owl-navigation-circle .owl-controls .owl-buttons div, #thumbs_list.products_slider .owl-theme.owl-navigation-lr.owl-navigation-circle .owl-controls .owl-buttons div, .brands-itemslider.products_slider .owl-theme.owl-navigation-lr.owl-navigation-square .owl-controls .owl-buttons div, #thumbs_list.products_slider .owl-theme.owl-navigation-lr.owl-navigation-square .owl-controls .owl-buttons div {
      top: 50%;
      margin-top: -24px; }
  .owl-theme.owl-navigation-lr.owl-navigation-rectangle .owl-controls .owl-buttons div, .owl-theme.owl-navigation-lr.owl-navigation-square .owl-controls .owl-buttons div {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px; }
  .owl-theme.owl-navigation-lr.owl-navigation-circle .owl-controls .owl-buttons div {
    margin-top: -20px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    border-radius: 100px;
    overflow: hidden; }
    .owl-theme.owl-navigation-lr.owl-navigation-circle .owl-controls .owl-buttons div i {
      height: 40px;
      line-height: 40px;
      width: 40px;
      -webkit-border-radius: 100px;
      -moz-border-radius: 100px;
      -ms-border-radius: 100px;
      -o-border-radius: 100px;
      border-radius: 100px; }
      .brands-itemslider .owl-theme.owl-navigation-lr.owl-navigation-circle .owl-controls .owl-buttons div i, #thumbs_list .owl-theme.owl-navigation-lr.owl-navigation-circle .owl-controls .owl-buttons div i {
        height: 30px;
        line-height: 30px;
        width: 30px; }
  .owl-theme.owl-navigation-lr.owl-navigation-circle:hover .owl-controls .owl-buttons .owl-prev {
    left: 10px; }
  .owl-theme.owl-navigation-lr.owl-navigation-circle:hover .owl-controls .owl-buttons .owl-next {
    right: 10px; }
  .owl-theme.owl-navigation-lr.owl-navigation-square .owl-controls .owl-buttons div {
    width: 68px; }
  .owl-theme.owl-navigation-lr.owl-navigation-square:hover .owl-controls .owl-buttons .owl-prev {
    left: 80px; }
  .owl-theme.owl-navigation-lr.owl-navigation-square:hover .owl-controls .owl-buttons .owl-next {
    right: 80px; }

.owl-theme.owl-navigation-tr .owl-controls .owl-buttons {
  position: absolute;
  top: -56px;
  right: 0; }
  #left_column .owl-theme.owl-navigation-tr .owl-controls .owl-buttons, #right_column .owl-theme.owl-navigation-tr .owl-controls .owl-buttons {
    right: 6px; }
  .owl-theme.owl-navigation-tr .owl-controls .owl-buttons div {
    height: 30px;
    line-height: 30px;
    width: 30px;
    overflow: hidden;
    text-align: center;
    color: #333333;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px; }
    .owl-theme.owl-navigation-tr .owl-controls .owl-buttons div.disabled {
      color: #999999;
      cursor: default; }
    .owl-theme.owl-navigation-tr .owl-controls .owl-buttons div.owl-prev {
      margin-right: 2px; }
    .owl-theme.owl-navigation-tr .owl-controls .owl-buttons div:hover {
      background-color: #fbfbfb; }
    .owl-theme.owl-navigation-tr .owl-controls .owl-buttons div.disabled:hover {
      background-color: transparent; }

.owl_images_slider .owl-pagination {
  position: absolute;
  text-align: center;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 6px; }

/* .owl_carousel_wrap{
	.owl-theme .owl-controls .owl-buttons div{
		@include opacity(.50);
	}
	.owl-theme .owl-controls.clickable .owl-buttons div:hover{
		@include opacity(1);
	}
}
.products_slider{
	.owl-theme.owl-navigation-tr .owl-controls .owl-buttons div{
		color: #BFBFBF;
	}
	.owl-theme.owl-navigation-tr .owl-controls.clickable .owl-buttons div:hover{
		color: #333;
	}
} */
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page {
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */ }

.owl-theme .owl-controls .owl-page span {
  display: block;
  width: 12px;
  height: 12px;
  line-height: 12px;
  margin: 4px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  background: #666666; }

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls .owl-page:hover span {
  background: #333333; }

/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers {
  height: auto;
  width: auto;
  color: #FFF;
  padding: 2px 10px;
  font-size: 12px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px; }

/* preloading images */
.owl-item.loading {
  min-height: 60px;
  background: url(https://polseracatalana.cat/themes/transformer/css/../img/loading.gif) no-repeat center center; }
  .products_slider .owl-item.loading {
    background: none;
    min-height: none; }
    .products_slider .owl-item.loading .on_sale, .products_slider .owl-item.loading .sale_percentage_sticker, .products_slider .owl-item.loading .new {
      display: none; }
  .owl-item.loading .product_image, .owl-item.loading .blog_image {
    min-height: 60px;
    background: url(https://polseracatalana.cat/themes/transformer/css/../img/loading.gif) no-repeat center bottom; }

.owl_bar {
  width: 0%;
  max-width: 100%;
  height: 4px;
  background: #777777; }

.owl_progressBar {
  width: 100%;
  background: #EDEDED; }

.st_owl_carousel_block {
  position: relative;
  display: block; }
  .st_owl_carousel_block .st_owl_carousel_image {
    display: block;
    margin: 0 auto; }

.owl-carousel-banner .st_owl_carousel_block {
  margin-bottom: 20px; }
  .owl-carousel-banner .st_owl_carousel_block:last-child {
    margin-bottom: 0!important; }

.carousel_banner_nbr_1 .st_owl_carousel_block {
  margin-bottom: 0; }

.st_owl_carousel_text.text_table_wrap .text_table .text_td {
  padding-left: 60px;
  padding-right: 60px; }
  #left_column .st_owl_carousel_text.text_table_wrap .text_table .text_td, #right_column .st_owl_carousel_text.text_table_wrap .text_table .text_td {
    padding-left: 16px;
    padding-right: 16px; }
.st_owl_carousel_text .text-center h1, .st_owl_carousel_text .text-center h2, .st_owl_carousel_text .text-center h3, .st_owl_carousel_text .text-center h4, .st_owl_carousel_text .text-center h5, .st_owl_carousel_text .text-center h6, .st_owl_carousel_text .text-center p, .st_owl_carousel_text .text-center div {
  display: block;
  float: none; }
.st_owl_carousel_text .text-right h1, .st_owl_carousel_text .text-right h2, .st_owl_carousel_text .text-right h3, .st_owl_carousel_text .text-right h4, .st_owl_carousel_text .text-right h5, .st_owl_carousel_text .text-right h6, .st_owl_carousel_text .text-right p, .st_owl_carousel_text .text-right div {
  display: inline-block;
  float: right;
  clear: both; }
.st_owl_carousel_text .text-right div.text_inner_box {
  display: block;
  float: none; }
  .st_owl_carousel_text .text-right div.text_inner_box.text_inner_box_left {
    float: left; }
  .st_owl_carousel_text .text-right div.text_inner_box.text_inner_box_right {
    float: right; }
.st_owl_carousel_text .text-left h1, .st_owl_carousel_text .text-left h2, .st_owl_carousel_text .text-left h3, .st_owl_carousel_text .text-left h4, .st_owl_carousel_text .text-left h5, .st_owl_carousel_text .text-left h6, .st_owl_carousel_text .text-left p, .st_owl_carousel_text .text-left div {
  display: inline-block;
  float: left;
  clear: both; }
.st_owl_carousel_text .text-left div.text_inner_box {
  display: block;
  float: none; }
  .st_owl_carousel_text .text-left div.text_inner_box.text_inner_box_left {
    float: left; }
  .st_owl_carousel_text .text-left div.text_inner_box.text_inner_box_right {
    float: right; }

/* 
 *  Owl Carousel CSS3 Transitions 
 *  v1.3.2
 */
.owl-origin {
  -webkit-perspective: 1200px;
  -webkit-perspective-origin-x: 50%;
  -webkit-perspective-origin-y: 50%;
  -moz-perspective: 1200px;
  -moz-perspective-origin-x: 50%;
  -moz-perspective-origin-y: 50%;
  perspective: 1200px; }

/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease; }

.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease; }

/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease; }

.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease; }

/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both; }

.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both; }

/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both; }

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both; }

/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {
    opacity: 1; } }

@-moz-keyframes empty {
  0% {
    opacity: 1; } }

@keyframes empty {
  0% {
    opacity: 1; } }

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

  100% {
    opacity: 1; } }

@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

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

  100% {
    opacity: 1; } }

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

  100% {
    opacity: 0; } }

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

  100% {
    opacity: 0; } }

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

  100% {
    opacity: 0; } }

@-webkit-keyframes backSlideOut {
  25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px); }

  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%); }

  100% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(-200%); } }

@-moz-keyframes backSlideOut {
  25% {
    opacity: .5;
    -moz-transform: translateZ(-500px); }

  75% {
    opacity: .5;
    -moz-transform: translateZ(-500px) translateX(-200%); }

  100% {
    opacity: .5;
    -moz-transform: translateZ(-500px) translateX(-200%); } }

@keyframes backSlideOut {
  25% {
    opacity: .5;
    transform: translateZ(-500px); }

  75% {
    opacity: .5;
    transform: translateZ(-500px) translateX(-200%); }

  100% {
    opacity: .5;
    transform: translateZ(-500px) translateX(-200%); } }

@-webkit-keyframes backSlideIn {
  0%, 25% {
    opacity: .5;
    -webkit-transform: translateZ(-500px) translateX(200%); }

  75% {
    opacity: .5;
    -webkit-transform: translateZ(-500px); }

  100% {
    opacity: 1;
    -webkit-transform: translateZ(0) translateX(0); } }

@-moz-keyframes backSlideIn {
  0%, 25% {
    opacity: .5;
    -moz-transform: translateZ(-500px) translateX(200%); }

  75% {
    opacity: .5;
    -moz-transform: translateZ(-500px); }

  100% {
    opacity: 1;
    -moz-transform: translateZ(0) translateX(0); } }

@keyframes backSlideIn {
  0%, 25% {
    opacity: .5;
    transform: translateZ(-500px) translateX(200%); }

  75% {
    opacity: .5;
    transform: translateZ(-500px); }

  100% {
    opacity: 1;
    transform: translateZ(0) translateX(0); } }

@-webkit-keyframes scaleToFade {
  to {
    opacity: 0;
    -webkit-transform: scale(0.8); } }

@-moz-keyframes scaleToFade {
  to {
    opacity: 0;
    -moz-transform: scale(0.8); } }

@keyframes scaleToFade {
  to {
    opacity: 0;
    transform: scale(0.8); } }

@-webkit-keyframes goDown {
  from {
    -webkit-transform: translateY(-100%); } }

@-moz-keyframes goDown {
  from {
    -moz-transform: translateY(-100%); } }

@keyframes goDown {
  from {
    transform: translateY(-100%); } }

@-webkit-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -webkit-transform: scale(1.5); } }

@-moz-keyframes scaleUpFrom {
  from {
    opacity: 0;
    -moz-transform: scale(1.5); } }

@keyframes scaleUpFrom {
  from {
    opacity: 0;
    transform: scale(1.5); } }

@-webkit-keyframes scaleUpTo {
  to {
    opacity: 0;
    -webkit-transform: scale(1.5); } }

@-moz-keyframes scaleUpTo {
  to {
    opacity: 0;
    -moz-transform: scale(1.5); } }

@keyframes scaleUpTo {
  to {
    opacity: 0;
    transform: scale(1.5); } }

.width_90, .center_width_90 {
  width: 90%; }

.width_80, .center_width_80 {
  width: 80%; }

.width_70, .center_width_70 {
  width: 70%; }

.width_60, .center_width_60 {
  width: 60%; }

.width_50, .center_width_50 {
  width: 50%; }

.width_40, .center_width_40 {
  width: 40%; }

.width_30, .center_width_30 {
  width: 30%; }

.width_20, .center_width_20 {
  width: 20%; }

.width_10, .center_width_10 {
  width: 10%; }

.center_width_90, .center_width_80, .center_width_70, .center_width_60, .center_width_50, .center_width_40, .center_width_30, .center_width_20, .center_width_10 {
  margin-right: auto;
  margin-left: auto; }

.hover_effect_1 .st_advanced_banner_block .st_advanced_banner_image, .hover_effect_1 .st_advanced_banner_block .st_advanced_banner_static_image {
  -webkit-transition: all 1s ease;
  transition: all 1s ease; }
.hover_effect_1 .st_advanced_banner_block:hover .st_advanced_banner_image, .hover_effect_1 .st_advanced_banner_block:hover .st_advanced_banner_static_image {
  -webkit-transform: scale(1.06);
  -ms-transform: scale(1.06);
  transform: scale(1.06);
  opacity: 0.8;
  filter: alpha(opacity=80); }
.hover_effect_1 .advanced_banner_box .advanced_banner_image_box {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease; }
.hover_effect_1 .advanced_banner_box:hover .advanced_banner_image_box {
  -webkit-transform: scale(1.06);
  -ms-transform: scale(1.06);
  transform: scale(1.06);
  opacity: 0.8;
  filter: alpha(opacity=80); }

.hover_effect_2 .st_advanced_banner_block:before {
  display: block;
  position: absolute;
  z-index: 2;
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
  content: "";
  margin: 0;
  border: 2px solid #fff;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  opacity: 0;
  filter: alpha(opacity=0); }
.hover_effect_2 .st_advanced_banner_block:hover:before {
  margin: 8px;
  opacity: 1;
  filter: alpha(opacity=100); }

.hover_effect_3 .st_advanced_banner_block:before {
  display: block;
  position: absolute;
  z-index: 2;
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
  content: "";
  background: #fff;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  opacity: 0;
  filter: alpha(opacity=0); }
.hover_effect_3 .st_advanced_banner_block:hover:before {
  opacity: 0.4;
  filter: alpha(opacity=40);
  margin: 12px; }

.hover_effect_4 .st_advanced_banner_block .st_advanced_banner_image, .hover_effect_4 .st_advanced_banner_block .st_advanced_banner_static_image {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease; }
.hover_effect_4 .st_advanced_banner_block:hover .st_advanced_banner_image, .hover_effect_4 .st_advanced_banner_block:hover .st_advanced_banner_static_image {
  opacity: 0.8;
  filter: alpha(opacity=80); }
.hover_effect_4 .advanced_banner_box .advanced_banner_image_box {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease; }
.hover_effect_4 .advanced_banner_box:hover .advanced_banner_image_box {
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mo_advanced_mu_level_0 {
  text-align: left; }
  .mo_advanced_mu_level_0 .opener {
    z-index: 1;
    background-color: transparent;
    background-position: right center;
    padding: 12px  0;
    display: block;
    left: 0;
    right: 0; }
    .mo_advanced_mu_level_0 .opener:hover {
      background-color: transparent;
      background-image: url(https://polseracatalana.cat/themes/transformer/css/../img/opener.png); }
  .mo_advanced_mu_level_0 .active > .opener {
    background-position: right center;
    background-image: url(https://polseracatalana.cat/themes/transformer/css/../img/opener-active.png); }

.advanced_ma_level_0 .icon-down-dir-2,
.advanced_ma_level_0 .icon-right-dir-2,
.advanced_mv_item .icon-right-dir-2 {
  position: absolute;
  right: 10px;
  top: 26%;
  width: 12px;
  height: 12px;
  line-height: 12px;
  font-size: 14px;
  margin-right: 0;
  -moz-transition: -moz-transform .2s ease-in;
  -o-transition: -o-transform .2s ease-in;
  transition: transform .2s ease-in; }

.advanced_ma_level_0 .icon-down-dir-2:before, .advanced_ma_level_0 .icon-right-dir-2:before, .advanced_mv_item .icon-right-dir-2:before {
  line-height: 12px; }

.advanced_ml_level_0.current .advanced_ma_level_0 .icon-down-dir-2 {
  -moz-transform: rotate(180deg);
  -moz-transform-origin: 50% 68%;
  -webkit-transform: rotate(180deg);
  -webkit-transform-origin: 50% 68%;
  -o-transform: rotate(180deg);
  -o-transform-origin: 50% 68%;
  transform: rotate(180deg);
  transform-origin: 50% 68%;
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  top: 3px\7; }

#st_advanced_menu_column_mobile {
  display: none; }

.boxed_advancedmenu #st_advanced_menu_container {
  border-bottom: none; }

.advanced_ma_level_0.is_icon_menu {
  line-height: 1.8em; }

.advanced_ma_level_0 .icon-home {
  line-height: 1.6em; }

/* .advanced_ma_level_0{
	&.is_parent:after{
		font-family: $font-icon;
		content: "\f107";
		opacity: 0.7;
		top: 0px;
		position: relative;
	}
} */
.advanced_ma_level_0.ma_icon i, .mo_advanced_ma_level_0.ma_icon i, .advanced_mv_item.ma_icon i {
  margin-right: 0; }
.advanced_ma_level_0 i, .mo_advanced_ma_level_0 i, .advanced_mv_item i {
  margin-right: 4px; }

.advanced_ma_item i, .mo_advanced_sub_a i {
  margin-right: 4px; }

#st_advanced_menu_wrap {
  display: block;
  margin-top: 0;
  border-bottom: none; }
  .boxed_advancedmenu #st_advanced_menu_wrap {
    border-bottom: 2px solid #333333; }
  #st_advanced_menu_wrap .advanced_ml_level_0 {
    float: left;
    text-align: left; }
    #header_right #st_advanced_menu_wrap .advanced_ml_level_0 {
      float: none;
      display: inline-block;
      vertical-align: middle; }
    #st_advanced_menu_wrap .advanced_ml_level_0.current .advanced_ma_level_0 {
      color: #00a161;
      border-bottom-color: #00a161;
      z-index: 71; }
    #st_advanced_menu_wrap .advanced_ml_level_0:hover .advanced_ma_level_0 {
      z-index: 71; }
  #st_advanced_menu_wrap .advanced_ma_level_0 {
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    padding: 0 8px;
    z-index: 69;
    /* &.is_parent:after{
    	line-height: 1em;
    	margin-left: 4px;
    } */ }
    #st_advanced_menu_wrap .advanced_ma_level_0.is_parent {
      padding-right: 24px; }
  #st_advanced_menu_wrap .m_alignment_0 .advanced_style_wide,
  #st_advanced_menu_wrap .m_alignment_3 .advanced_style_wide {
    left: 0; }
  #st_advanced_menu_wrap .m_alignment_2 .advanced_style_wide {
    left: auto;
    right: 0; }
  #st_advanced_menu_wrap .stadvancedmenu_sub {
    border-top: 2px solid #333333; }

#st_advanced_menu_column_block .advanced_ml_level_0 {
  float: none;
  text-align: left;
  display: block;
  position: relative; }
  #st_advanced_menu_column_block .advanced_ml_level_0.current .advanced_ma_level_0 {
    color: #00a161; }
#st_advanced_menu_column_block .advanced_ma_level_0 {
  height: auto;
  line-height: normal;
  padding: 6px 9px;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  /* &.is_parent:after{
  	height:36px;
  	line-height:36px;
  	float: right;
  	content: "\f105";
  } */ }
  #st_advanced_menu_column_block .advanced_ma_level_0:before, #st_advanced_menu_column_block .advanced_ma_level_0:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  #st_advanced_menu_column_block .advanced_ma_level_0:after {
    clear: both; }
#st_advanced_menu_column_block .stadvancedmenu_sub {
  top: 0; }
  #left_column #st_advanced_menu_column_block .stadvancedmenu_sub {
    left: 100%; }
  #right_column #st_advanced_menu_column_block .stadvancedmenu_sub {
    right: 100%; }

.st_advanced_menu {
  position: relative;
  margin-bottom: 0; }

.advanced_ml_level_2:hover .is_parent_icon_v {
  display: none; }
.advanced_ml_level_2 a:hover .is_parent_icon_v {
  display: block; }

.advanced_ma_level_0 {
  font-size: 1.333em;
  height: 36px;
  line-height: 36px;
  display: block;
  text-transform: uppercase;
  position: relative;
  color: #666666; }
  .advanced_ma_level_0:hover {
    color: #00a161;
    border-color: #00a161; }

.advanced_style_wide .advanced_ma_level_1 {
  font-size: 1.166em;
  font-weight: normal;
  text-transform: uppercase;
  margin-bottom: 8px; }
.advanced_style_wide .advanced_mu_level_2 .granditem_0 {
  position: relative;
  display: block; }
  .advanced_style_wide .advanced_mu_level_2 .granditem_0:hover > ul {
    display: inline-block; }
  .advanced_style_wide .advanced_mu_level_2 .granditem_0 > ul {
    top: 0;
    left: 80px;
    width: 250px;
    padding: 12px 0; }
.advanced_style_wide .advanced_mu_level_2 ul.p_granditem_1 {
  padding-left: 12px; }
.advanced_style_wide .advanced_mu_level_3 li.p_granditem_0 {
  padding: 0 12px; }
  .advanced_style_wide .advanced_mu_level_3 li.p_granditem_0 > a {
    line-height: 180%; }

.stadvancedmenu_sub,
.stadvancedmenu_multi_level ul,
.advanced_mu_level_2 .granditem_0 > ul {
  display: none;
  position: absolute;
  background: #fff;
  font-weight: normal;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  z-index: 70; }

.advanced_mu_level_1 a, .stadvancedmenu_multi_level a {
  display: block; }

.advanced_mu_level_2 a[class^="advanced_ma_level_"]:before, .stadvancedmenu_multi_level a[class^="advanced_ma_level_"]:before {
  font-family: "fontello";
  content: "\f105";
  display: inline-block;
  padding-right: 8px;
  width: 12px; }
.advanced_mu_level_2 a[class^="advanced_ma_level_"]:hover:before, .stadvancedmenu_multi_level a[class^="advanced_ma_level_"]:hover:before {
  padding-right: 4px;
  padding-left: 4px; }

#st_advanced_menu_container.sticky {
  background: #ffffff;
  background: rgba(255, 255, 255, 0.95);
  position: fixed;
  top: 0;
  z-index: 210;
  left: 0;
  right: 0;
  width: 100%;
  -webkit-box-shadow: 0 0px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0px 4px rgba(0, 0, 0, 0.1);
  border-bottom: none; }
  #st_advanced_menu_container.sticky .advanced_ma_level_0 {
    margin-bottom: 0;
    border-bottom: none; }
  #st_advanced_menu_container.sticky .st_advanced_menu {
    background-color: transparent; }
  #st_advanced_menu_container.sticky .stadvancedmenu_sub {
    border-top: none; }

.advanced_style_wide {
  padding: 20px; }

.st_advanced_menu_block {
  margin-bottom: 20px; }

.stadvancedmenu_multi_level li {
  position: relative;
  display: block;
  width: 250px; }
  .stadvancedmenu_multi_level li:hover > a .is_parent_icon_v {
    display: none; }
  .stadvancedmenu_multi_level li:hover > ul {
    display: inline-block; }
  .stadvancedmenu_multi_level li a {
    padding: 10px 12px;
    border-bottom: 1px solid #e5e5e5; }
    .stadvancedmenu_multi_level li a:hover .is_parent_icon_v {
      display: block; }
  .stadvancedmenu_multi_level li:last-child > a {
    border-bottom: none; }
.stadvancedmenu_multi_level ul {
  border: 1px solid #e5e5e5;
  left: 100%;
  top: -1px; }

.mo_advanced_ma_level_0, .mo_advanced_sub_a {
  display: inline-block;
  padding: 12px 0;
  z-index: 2;
  position: relative; }

.mo_advanced_ml_level_0, .mo_advanced_sub_li {
  display: block;
  position: relative;
  cursor: pointer;
  padding-left: 10px;
  border-bottom: 1px solid #e5e5e5; }
  .mo_advanced_ml_level_0.active .mo_advanced_sub_ul:last-child > .mo_advanced_sub_li:last-child, .mo_advanced_sub_li.active .mo_advanced_sub_ul:last-child > .mo_advanced_sub_li:last-child {
    border-bottom: none; }

.stmobileadvancedmenu_column {
  border-bottom: 1px solid #e5e5e5;
  padding: 12px; }

.is_parent_icon {
  height: 7px;
  width: 7px;
  position: relative;
  overflow: hidden;
  display: inline-block;
  background: #999;
  margin-left: 2px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px; }
  .is_parent_icon .is_parent_icon_h {
    position: absolute;
    top: 3px;
    left: 1px;
    width: 5px;
    height: 0;
    overflow: hidden;
    border-top: 1px solid #fff; }
  .is_parent_icon .is_parent_icon_v {
    position: absolute;
    top: 1px;
    left: 3px;
    width: 0;
    height: 5px;
    overflow: hidden;
    border-left: 1px solid #fff; }
    .item_touched .is_parent_icon .is_parent_icon_v {
      display: none; }

.cate_label {
  font-size: 12px;
  font-weight: normal;
  display: inline-block;
  text-transform: none;
  height: 16px;
  line-height: 16px;
  font-family: arial, sans-serif;
  padding: 0 4px;
  white-space: nowrap; }
  #st_advanced_menu_container .advanced_ma_level_0 .cate_label {
    position: absolute;
    right: 10px;
    top: -6px; }
  #st_advanced_menu_container.sticky .advanced_ma_level_0 .cate_label {
    top: -2px; }
  .stadvancedmenu_sub .cate_label, .mo_advanced_ma_level_0 .cate_label, .mo_advanced_sub_a .cate_label, #st_advanced_menu_column_desktop .advanced_ma_level_0 .cate_label {
    margin-left: 4px; }

#header_right #st_advanced_menu_container {
  display: inline-block; }
#header_right .st_advanced_menu {
  position: static; }
#header_right #st_advanced_menu_container.sticky .st_advanced_menu {
  position: relative; }

#header .header_container {
  position: relative; }

.advanced_mu_level_1 {
  margin-bottom: 10px; }

.advanced_menu_cate_img {
  display: block;
  margin-bottom: 1em; }

.advanced_m_column_row {
  padding-bottom: 6px;
  margin-bottom: 12px;
  border-bottom: 1px solid #e5e5e5; }
  .advanced_m_column_row:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none; }

.mo_advanced_pro_div, .mo_advanced_brand_div {
  padding-bottom: 6px;
  margin-bottom: 12px;
  border-bottom: 1px solid #e5e5e5; }
  .mo_advanced_pro_div:last-child, .mo_advanced_brand_div:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none; }

.mo_advanced_pro_div .product_img_link {
  margin-bottom: 6px; }

.menu_pro_img {
  margin-left: auto;
  margin-right: auto; }

#rightbar_menu {
  display: none; }

.advanced_ma_span {
  cursor: default; }

.advanced_mv_level_1 {
  display: block;
  position: relative; }

.advanced_mv_item {
  padding: 10px 12px;
  border-bottom: 1px solid #e5e5e5;
  display: block; }

.stadvancedmenu_vertical.col-md-3 {
  padding-left: 0;
  padding-right: 0; }
.stadvancedmenu_vertical .stadvancedmenu_vs {
  top: 0;
  left: 100%; }

.stadvancedmenu_vs {
  display: none;
  position: absolute;
  background: #fff;
  z-index: 70; }

.advanced_mv_level_1:hover .stadvancedmenu_vs {
  display: block; }

#header #st_advanced_menu_0 {
  display: none; }

.st_advanced_banner_row {
  overflow: hidden; }

#cms #center_column .st_advanced_banner_1 img.st_advanced_banner_static_image {
  margin: 0; }

.advanced_banner_col {
  padding-left: 10px;
  padding-right: 10px; }
  .advanced_banner_col.advanced_banner_b .st_advanced_banner_block {
    margin-bottom: 20px; }

.st_advanced_banner_row.row, .st_advanced_banner_row .row {
  margin-left: -10px;
  margin-right: -10px; }

.advanced_banner_box {
  position: relative;
  overflow: hidden;
  text-align: center; }
  .advanced_banner_box .advanced_banner_image_box {
    position: absolute;
    z-index: 1;
    left: 0px;
    right: 0px;
    top: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center; }
  .advanced_banner_box .advanced_banner_scaffold {
    display: table;
    width: 100%;
    vertical-align: middle;
    position: relative;
    z-index: 2; }
    .advanced_banner_box .advanced_banner_scaffold .text_td {
      display: table-cell;
      width: 100%;
      height: 100%;
      vertical-align: middle;
      padding: 20px 16px; }
      .advanced_banner_box .advanced_banner_scaffold .text_td.advanced_banner_text_top {
        vertical-align: top; }
      .advanced_banner_box .advanced_banner_scaffold .text_td.advanced_banner_text_bottom {
        vertical-align: bottom; }

.st_advanced_banner_block {
  display: block;
  overflow: hidden;
  position: relative; }
  .st_advanced_banner_block .st_advanced_banner_image {
    display: block;
    position: absolute;
    z-index: 1;
    left: 0px;
    right: 0px;
    top: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center; }
  .st_advanced_banner_block .text_table_wrap {
    z-index: 3; }

.st_news_letter_popup_wrap {
  display: none; }

.st_news_letter_do_not_show_outer {
  padding: 4px 1em; }

.st_news_letter_do_not_show_inner {
  float: right; }
  .st_news_letter_do_not_show_inner .checker {
    display: inline-block; }

.st_news_letter_form {
  padding: 1em; }

#left_column .st_news_letter_form, #right_column .st_news_letter_form, #footer .st_news_letter_form {
  padding: 0; }

.st_news_letter_form_inner {
  width: 360px;
  display: inline-block;
  position: relative;
  margin: 0; }
  .st_news_letter_form_inner .st_news_letter_input {
    display: block;
    border: 2px solid #e5e5e5;
    height: 35px;
    line-height: normal;
    -webkit-box-shadow: none;
    box-shadow: none;
    max-width: none!important; }
  .st_news_letter_form_inner .st_news_letter_submit {
    display: inline-block;
    height: 35px;
    line-height: 31px;
    position: absolute;
    right: 0;
    top: 0;
    padding-top: 0;
    padding-bottom: 0; }

#footer .col-sm-1 .st_news_letter_form_inner,
#footer .col-sm-2 .st_news_letter_form_inner,
#footer .col-sm-2-4 .st_news_letter_form_inner,
#footer .col-sm-3 .st_news_letter_form_inner,
#footer .col-sm-4 .st_news_letter_form_inner,
#footer .col-sm-5 .st_news_letter_form_inner,
#footer .col-sm-6 .st_news_letter_form_inner,
#footer .col-sm-7 .st_news_letter_form_inner,
#footer .col-sm-8 .st_news_letter_form_inner,
#footer .col-sm-9 .st_news_letter_form_inner,
#footer .col-sm-10 .st_news_letter_form_inner,
#footer .col-sm-11 .st_news_letter_form_inner {
  width: 80%!important; }

#left_column .st_news_letter_form_inner, #right_column .st_news_letter_form_inner {
  width: 80%!important; }

/* blocksearch */
.submit_searchbox {
  margin: 0;
  display: inline-block;
  text-align: center;
  border: 1px solid #e5e5e5;
  vertical-align: middle; }

#search_block_top {
  display: inline-block;
  margin-right: 4px; }

#search_block_top .searchbox_inner, #search_block_mobile_bar .searchbox_inner {
  position: relative; }
#search_block_top .active .search_query, #search_block_mobile_bar .active .search_query {
  background: #ffffff; }
#search_block_top .btn.button-search, #search_block_mobile_bar .btn.button-search {
  background: #333333;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  color: white;
  width: 50px;
  text-align: center;
  padding: 10px 0 11px 0; }
  #search_block_top .btn.button-search:hover, #search_block_mobile_bar .btn.button-search:hover {
    color: #6f6f6f; }
#search_block_top .search_query, #search_block_mobile_bar .search_query {
  padding: 6px;
  width: 264px;
  display: inline-block;
  height: 42px;
  line-height: normal;
  background: #fbfbfb;
  border: 1px solid #e5e5e5;
  border-right-width: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

#search_block_mobile_bar .searchbox_inner {
  text-align: center; }

#search_block_top.quick_search_simple .search_query {
  display: none;
  position: absolute;
  top: 0;
  right: 100%; }
#search_block_top.quick_search_simple .searchbox_inner:hover .search_query, #search_block_top.quick_search_simple .searchbox_inner.active .search_query {
  display: inline-block; }
#search_block_top.quick_search_simple .submit_searchbox {
  border-color: transparent;
  background: transparent; }
#search_block_top.quick_search_simple a.icon_wrap i.icon-0x {
  height: 36px;
  line-height: 34px; }
#search_block_top.quick_search_simple a.icon_wrap span {
  display: none; }

#search_block_nav .dropdown_tri_inner .icon-search-1 {
  font-size: 1.166em;
  line-height: 1em; }
#search_block_nav #search_block_top {
  margin-right: 0; }
#search_block_nav .search_query {
  width: 220px; }
#search_block_nav .submit_searchbox {
  position: absolute;
  top: 0;
  right: 0; }

.ac_results {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #e5e5e5;
  overflow: hidden;
  padding: 0;
  z-index: 70; }
  .ac_results li {
    border-bottom: 1px solid #f5f5f5;
    cursor: pointer;
    padding: 4px 5px; }
    .ac_results li:before, .ac_results li:after {
      content: " ";
      /* 1 */
      display: table;
      /* 2 */ }
    .ac_results li:after {
      clear: both; }
    .ac_results li.ac_odd, .ac_results li.ac_even {
      background: white; }
    .ac_results li:hover, .ac_results li.ac_over {
      background: #fbfbfb;
      color: #333; }
    .ac_results li:last-child {
      border: 0; }
    .ac_results li img {
      display: inline-block;
      border: 1px solid #f5f5f5;
      width: 45px;
      float: left;
      margin-right: 8px; }

.ac_product_name {
  display: inline;
  vertical-align: middle; }

#ac_search_more {
  padding: 5px 0;
  text-align: center; }

form#searchbox {
  position: relative;
  z-index: 75; }
  form#searchbox label {
    color: #333333; }
  form#searchbox input#search_query_block {
    margin-right: 10px;
    max-width: 222px;
    margin-bottom: 10px;
    display: inline-block;
    float: left; }
  form#searchbox .button.button-small {
    float: left; }
    form#searchbox .button.button-small i {
      margin-right: 0; }

/* blockcart */
.blockcart_wrap {
  display: inline-block;
  position: relative; }

#header .shopping_cart {
  display: inline-block;
  vertical-align: middle; }

.shopping_cart {
  display: inline-block;
  vertical-align: middle; }
  .shopping_cart .block_cart_expand:after, .shopping_cart .block_cart_collapse:after {
    content: "\f0d7";
    font-family: "fontello";
    display: inline-block;
    float: right;
    font-size: 18px;
    color: #686666;
    padding: 6px 0 0 0; }
  .shopping_cart .block_cart_collapse:after {
    content: "\f0d8";
    padding: 4px 0px 2px 0px; }
  .shopping_cart .icon_wrap .amount_circle {
    left: auto;
    right: -8px;
    top: -8px; }
    .shopping_cart_style_1 .shopping_cart .icon_wrap .amount_circle {
      right: -5px;
      top: -4px; }
    #top_bar .shopping_cart_style_1 .shopping_cart .icon_wrap .amount_circle, #main_menu_widgets .shopping_cart_style_1 .shopping_cart .icon_wrap .amount_circle {
      display: none!important; }
  .shopping_cart .ajax_cart_left {
    float: left;
    min-width: 42px;
    position: relative;
    border: 1px solid #e5e5e5; }
    #top_bar .shopping_cart_style_1 .shopping_cart .ajax_cart_left, #main_menu_widgets .shopping_cart_style_1 .shopping_cart .ajax_cart_left {
      height: auto;
      line-height: 150%;
      min-width: initial;
      margin-right: 4px;
      border: none;
      padding: 0; }
      #top_bar .shopping_cart_style_1 .shopping_cart .ajax_cart_left i.icon-0x, #main_menu_widgets .shopping_cart_style_1 .shopping_cart .ajax_cart_left i.icon-0x {
        font-size: 1.333em; }
    #top_bar .shopping_cart_style_1 .shopping_cart .ajax_cart_left i.icon-0x {
      height: auto;
      line-height: 1em; }
  .shopping_cart .ajax_cart_right {
    float: right;
    display: block;
    border: 1px solid #e5e5e5;
    border-left-width: 0;
    padding-right: 4px;
    padding-left: 4px;
    font-weight: bold; }
    .shopping_cart_style_1 .shopping_cart .ajax_cart_right {
      border: none;
      padding: 0;
      background: transparent;
      line-height: 40px; }
    #top_bar .shopping_cart_style_1 .shopping_cart .ajax_cart_right, #main_menu_widgets .shopping_cart_style_1 .shopping_cart .ajax_cart_right {
      height: auto;
      line-height: 150%;
      min-width: initial;
      font-weight: normal; }
  .shopping_cart .ajax_cart_middle {
    float: left;
    display: none !important; }
    #top_bar .shopping_cart_style_1 .shopping_cart .ajax_cart_middle, #main_menu_widgets .shopping_cart_style_1 .shopping_cart .ajax_cart_middle {
      display: block !important;
      padding-right: 2px; }

.shopping_cart_style_1 .shopping_cart .icon_wrap, .shopping_cart_style_1 .shopping_cart:hover .icon_wrap, .shopping_cart_style_1 .shopping_cart.active .icon_wrap {
  border: none;
  background: transparent; }
.shopping_cart_style_1 .shopping_cart:hover .icon_wrap, .shopping_cart_style_1 .shopping_cart.active .icon_wrap {
  color: #00a161; }
.shopping_cart_style_1 .ajax_cart_left .icon_text {
  display: none; }
.shopping_cart_style_1 .ajax_cart_left i.icon-0x {
  height: 38px;
  line-height: 38px; }

.cart_block {
  text-align: left; }
  .cart_block dl.products {
    margin-bottom: 0; }
  .cart_block .cart_block_list .remove_link {
    display: inline-block;
    float: right;
    height: 12px;
    margin: 0 0 0 4px;
    width: 12px; }
  .cart_block .cart_block_list .remove_link a,
  .cart_block .cart_block_list .ajax_cart_block_remove_link {
    display: inline-block;
    height: 12px;
    width: 12px; }
  .cart_block .cart-images {
    border: 1px solid #f5f5f5;
    display: block;
    float: left;
    margin-right: 10px; }
  .cart_block .quantity-formated {
    display: inline-block;
    min-width: 18px;
    margin-right: 2px; }
  .cart_block dd {
    position: relative; }
    .cart_block dd .cart_block_customizations {
      border-top: 1px dashed #333333; }
      .cart_block dd .cart_block_customizations li {
        padding: 10px 20px; }
        .cart_block dd .cart_block_customizations li .deleteCustomizableProduct {
          position: absolute;
          right: 10px; }
  .cart_block .cart_block_no_products {
    margin: 0;
    padding: 10px 20px; }
  .cart_block .cart-prices {
    border-top: 1px solid #f5f5f5;
    color: #666666;
    padding: 10px 0; }
    .cart_block .cart-prices .cart-prices-line {
      overflow: hidden;
      border-bottom: 1px solid #f5f5f5;
      margin-bottom: 4px;
      padding-bottom: 4px; }
      .cart_block .cart-prices .cart-prices-line.last-line {
        border: none; }
  .cart_block .cart-buttons {
    margin-bottom: 0; }
    .cart_block .cart-buttons a {
      width: 100%;
      text-align: center; }
      .cart_block .cart-buttons a#button_order_cart {
        margin-right: 0;
        border: none;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px; }
  .cart_block dt {
    border-top: 1px solid #E5E5E5;
    padding-top: 6px;
    padding-bottom: 6px; }
    .cart_block dt.first_item, .cart_block dt:first-child {
      border-top: none;
      padding-top: none; }
    .cart_block dt .price {
      float: right; }
  .cart_block .product-atributes {
    padding-bottom: 6px; }
    .cart_block .product-atributes a {
      color: #9c9b9b; }

/*******************************************************************
					Cart Block(Header) Styles
********************************************************************/
#page_header .cart_block {
  position: absolute;
  top: 42px;
  right: 0;
  z-index: 100;
  display: none;
  height: auto;
  background: #fff;
  width: 300px;
  border: 1px solid #E5E5E5; }

.cart_block .block_content {
  margin-bottom: 0;
  padding: 8px; }

.blockcart_wrap .cart_block {
  top: 44px; }

.cart_block #cart_block_summary,
.cart_block .title_block span,
#header .cart_block h4,
#header .cart_block .title_block,
#header .cart_block h4 {
  display: none; }

.cart_block .cart_block_shipping_cost,
.cart_block .cart_block_tax_cost,
.cart_block .cart_block_total,
.cart_block .cart_block_wrapping_cost {
  float: right; }

.cart_block table.vouchers {
  clear: both;
  width: 100%;
  padding: 6px 0;
  border-top: 1px solid #f5f5f5;
  display: block; }
  .cart_block table.vouchers tr td {
    padding: 2px; }
    .cart_block table.vouchers tr td.quantity {
      margin-right: 5px;
      min-width: 18px; }
    .cart_block table.vouchers tr td.delete {
      padding-left: 0;
      padding-right: 0;
      text-align: right;
      width: 15px; }

/*****************************************************************************
					Layer Cart Css
*****************************************************************************/
#layer_cart .layer_product .layer_product_info > div {
  padding-bottom: 6px; }
#layer_cart .layer_product .layer_product_info #layer_cart_product_quantity_wrap, #layer_cart .layer_product .layer_product_info #layer_cart_product_price_wrap {
  display: none; }
#layer_cart .layer_details .layer_cart_sum,
#layer_cart .layer_details .layer_cart_row {
  padding: 0 10px;
  margin-bottom: 4px; }
  #layer_cart .layer_details .layer_cart_sum span,
  #layer_cart .layer_details .layer_cart_row span {
    display: inline-block; }
#layer_cart p {
  padding: 0px; }

.stlinkgroups_links_footer_bottom {
  display: inline-block; }
  .stlinkgroups_links_footer_bottom li a {
    display: inline-block;
    padding: 0 8px; }

ul.product_list.grid > li .act_box, .products_slider .ajax_block_product .act_box {
  display: none;
  /* .ajax_add_to_cart_button{
  	@include transition(initial);
  } */ }
  ul.product_list.grid > li .act_box.display_when_hover, .products_slider .ajax_block_product .act_box.display_when_hover {
    display: block;
    visibility: hidden; }
  ul.product_list.grid > li .act_box.display_normal, .products_slider .ajax_block_product .act_box.display_normal {
    display: block; }
  ul.product_list.grid > li .act_box .icon-0x, .products_slider .ajax_block_product .act_box .icon-0x {
    font-size: 1.166em; }
  ul.product_list.grid > li .act_box .btn, .products_slider .ajax_block_product .act_box .btn {
    margin-bottom: 6px; }
  ul.product_list.grid > li .act_box .act_box_inner, .products_slider .ajax_block_product .act_box .act_box_inner {
    display: none; }
    ul.product_list.grid > li .act_box .act_box_inner .btn, .products_slider .ajax_block_product .act_box .act_box_inner .btn {
      margin-bottom: 0; }

body#index #page_header.transparent_header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 101; }

/****2016-1-6 Transparent header works fine on all pads, why would I disable this feature?
body#index.mobile_device #page_header.transparent_header{
    position: static;
}
*/
.fc_slider_name {
  padding: 6px 0 10px; }

.fc_itemslider .pro_first_box {
  text-align: center; }

.payment_option_form {
  display: none; }

.payment_option_logo {
  height: 50px;
  max-height: 50px; }

.payment_module_adv {
  height: 120px;
  max-height: 120px; }

.payment_option_selected {
  display: none;
  margin-top: 15px; }
  .payment_option_selected i {
    color: green; }

.payment_option_cta {
  margin-left: 10px;
  color: #333 !important; }

.tnc_box {
  background: #fbfbfb;
  border: 1px solid #d6d4d4;
  padding: 14px 18px 13px;
  margin: 0 0 30px 0;
  line-height: 23px; }

.pointer-box {
  cursor: pointer; }

.pro_second_box .aeuc_before_label:before,
.pro_second_box .aeuc_tax_label:before {
  content: "\a";
  white-space: pre; }

.aeuc_shipping_label a.iframe {
  font-weight: normal; }

.content_price > span {
  display: inline-block; }

.popover-content table {
  margin-bottom: 0; }

#st-side-overlay {
  position: fixed;
  z-index: 900;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  background: #000;
  background: rgba(0, 0, 0, 0.2);
  opacity: 0;
  filter: alpha(opacity=0);
  display: none; }

#st-side-close {
  top: 0;
  left: -42px;
  z-index: 901;
  width: 42px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  background: #fff;
  color: #444;
  font-size: 1.5em;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  cursor: pointer;
  position: fixed; }

.st-side {
  display: block;
  position: fixed;
  top: 0;
  left: -300px;
  z-index: 901;
  width: 300px;
  height: 100%;
  background: #fff;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch; }

.open_st_mobile_advanced_menu #st-side-overlay, .open_blocksearch_mod #st-side-overlay, .open_block_cart_mod #st-side-overlay, .open_st_mobile_menu #st-side-overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  display: block; }
.open_st_mobile_advanced_menu .st-side, .open_blocksearch_mod .st-side, .open_block_cart_mod .st-side, .open_st_mobile_menu .st-side {
  left: 0; }
.open_st_mobile_advanced_menu #body_wrapper, .open_st_mobile_advanced_menu #page_header.sticky_mh #mobile_bar, .open_blocksearch_mod #body_wrapper, .open_blocksearch_mod #page_header.sticky_mh #mobile_bar, .open_block_cart_mod #body_wrapper, .open_block_cart_mod #page_header.sticky_mh #mobile_bar, .open_st_mobile_menu #body_wrapper, .open_st_mobile_menu #page_header.sticky_mh #mobile_bar {
  left: 300px; }
.open_st_mobile_advanced_menu #st-side-close, .open_blocksearch_mod #st-side-close, .open_block_cart_mod #st-side-close, .open_st_mobile_menu #st-side-close {
  left: 301px; }

.st-side-content, .st_side_item {
  display: none; }

#blockcart_mobile_wrap, #search_block_mobile_bar {
  padding: 12px; }

.open_st_mobile_advanced_menu #stmobileadvancedmenu, .open_st_mobile_advanced_menu #search_block_mobile_bar, .open_st_mobile_advanced_menu .st_side_item {
  display: block; }

.open_st_mobile_menu #stmobilemenu_wrap, .open_st_mobile_menu #search_block_mobile_bar, .open_st_mobile_menu .st_side_item {
  display: block; }

.open_blocksearch_mod #search_block_mobile_bar {
  display: block; }

.open_block_cart_mod #blockcart_mobile_wrap {
  display: block; }

#mobile_header_logo img {
  width: auto;
  max-height: 60px; }

#mobile_bar {
  display: none;
  left: 0;
  -webkit-transition: left 0.5s, right 0.5s;
  transition: left 0.5s, right 0.5s; }

#page_header.sticky_mh #mobile_bar {
  background: #ffffff;
  background: rgba(255, 255, 255, 0.95);
  position: fixed;
  top: 0;
  z-index: 210;
  left: 0;
  right: 0;
  width: 100%;
  -webkit-box-shadow: 0 0px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0px 4px rgba(0, 0, 0, 0.1); }

body#index #page_header.transparent-mobile-header #mobile_bar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 201;
  background: transparent; }

#mobile_bar_container {
  display: table;
  height: 60px;
  width: 100%;
  margin-left: 0;
  margin-right: 0; }

#mobile_bar_left, #mobile_bar_center, #mobile_bar_right {
  display: table-cell;
  vertical-align: middle;
  float: none;
  height: 100%;
  padding-left: 0;
  padding-right: 0; }

#mobile_bar_center {
  width: 100%; }
  .mobile_bar_center_layout #mobile_bar_center {
    text-align: center; }

.mobile_bar_left_layout #mobile_bar_right_inner {
  width: 184px;
  text-align: right; }

.mobile_bar_tri {
  margin-left: 4px;
  vertical-align: middle; }
  .mobile_bar_tri .mobile_bar_tri_text {
    display: none; }
  .mobile_bar_tri #mobile_bar_left {
    margin-left: auto;
    margin-right: 4px; }

#shopping_cart_mobile {
  position: relative; }
  #shopping_cart_mobile .amount_circle {
    right: 0px;
    top: 0px; }

#search_block_mobile_bar .search_query {
  display: inline-block;
  width: 160px; }

.countdown_wrap {
  display: table;
  visibility: hidden;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 3;
  background: #00A161;
  color: #fff;
  text-align: center;
  text-transform: uppercase; }
  .countdown_wrap.counting {
    visibility: visible; }
  .countdown_wrap.v_middle {
    bottom: 50%;
    margin-bottom: -17px; }

.hover_fly_static .countdown_wrap {
  bottom: 35px; }
  .hover_fly_static .countdown_wrap.v_middle {
    bottom: 50%; }

.countdown_timer.countdown_style_0 div {
  display: table-cell;
  vertical-align: middle;
  width: 25%;
  padding: 2px 0;
  border-right: 1px solid #fff; }
  .countdown_timer.countdown_style_0 div:last-child {
    border-right: none; }
  .countdown_timer.countdown_style_0 div span {
    display: block;
    height: 15px;
    line-height: 15px; }
    .countdown_timer.countdown_style_0 div span.countdown_number {
      font-size: 14px; }
    .countdown_timer.countdown_style_0 div span.countdown_text {
      font-size: 10px; }
.countdown_timer.countdown_style_1 div {
  height: 35px;
  line-height: 35px;
  font-size: 14px; }
  .countdown_timer.countdown_style_1 div i {
    margin-right: 4px; }

.countdown_wrap .countdown_title {
  height: 35px;
  line-height: 35px;
  font-size: 14px; }

.products_slider .ajax_block_product:hover .countdown_wrap, .product_list.grid .ajax_block_product:hover .countdown_wrap {
  visibility: hidden; }

.countdown_outer_box {
  display: none;
  margin-bottom: 10px; }
  .countdown_outer_box.counting {
    display: block; }

.countdown_box {
  display: inline-block;
  padding: 6px 16px;
  background: #00A161;
  font-size: 1.166em;
  text-transform: capitalize;
  color: #fff; }
  .countdown_box i {
    margin-right: 6px; }

.countdown_heading {
  font-weight: bold;
  margin-bottom: 6px; }

#stmobileadvancedmenu_tri, #stmobilemenu_tri {
  white-space: nowrap; }
  #stmobileadvancedmenu_tri i, #stmobileadvancedmenu_tri span, #stmobilemenu_tri i, #stmobilemenu_tri span {
    vertical-align: middle; }
  #stmobileadvancedmenu_tri.mobile_bar_tri.with_text .mobile_bar_tri_text, #stmobilemenu_tri.mobile_bar_tri.with_text .mobile_bar_tri_text {
    display: inline-block; }

.pro_img_hover_scale:hover {
  -webkit-transform: scale(1.06);
  -ms-transform: scale(1.06);
  transform: scale(1.06);
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

#main_menu_widgets {
  float: right;
  padding-top: 1px;
  padding-bottom: 1px;
  position: relative;
  z-index: 2; }
  #main_menu_widgets.overlay_on {
    position: static; }
  #main_menu_widgets .top_bar_item {
    display: inline-block;
    padding-left: 6px;
    vertical-align: middle; }
  #main_menu_widgets #search_block_top .search_query {
    height: 34px;
    padding: 1px 6px; }
  #main_menu_widgets #search_block_top.quick_search_simple a.icon_wrap, #main_menu_widgets #search_block_top a.icon_wrap {
    height: 34px;
    min-width: 34px;
    line-height: 34px; }
    #main_menu_widgets #search_block_top.quick_search_simple a.icon_wrap i.icon-0x, #main_menu_widgets #search_block_top a.icon_wrap i.icon-0x {
      height: 28px;
      line-height: 24px; }
    #main_menu_widgets #search_block_top.quick_search_simple a.icon_wrap span, #main_menu_widgets #search_block_top a.icon_wrap span {
      display: none; }
  #main_menu_widgets .shopping_cart_style_1 .shopping_cart {
    height: 34px;
    line-height: 34px; }
    #main_menu_widgets .shopping_cart_style_1 .shopping_cart .ajax_cart_left i.icon-0x, #main_menu_widgets .shopping_cart_style_1 .shopping_cart .ajax_cart_right {
      height: 34px;
      line-height: 34px; }
  #main_menu_widgets .blockcart_wrap, #main_menu_widgets #search_block_top {
    margin-right: 0;
    margin-left: 4px; }
  #main_menu_widgets a.shopping_cart, #main_menu_widgets a.shopping_cart:hover .icon_wrap, #main_menu_widgets a.shopping_cart.active .icon_wrap {
    -moz-transition-property: none;
    -webkit-transition-property: none;
    -o-transition-property: none;
    transition-property: none; }

.noscroll {
  overflow: hidden; }

.use_mobile_header #mobile_bar {
  display: block; }
.use_mobile_header #search_block_nav, .use_mobile_header #header #search_block_top.search_block_mod, .use_mobile_header #blockcart_top_wrap.blockcart_mod, .use_mobile_header #search_block_main_menu, .use_mobile_header .top_bar_item, .use_mobile_header #header #header_user_info {
  display: none; }
.use_mobile_header #logo_wrapper, .use_mobile_header .logo_center #logo_wrapper {
  display: none; }
.use_mobile_header .boxed_advancedmenu, .use_mobile_header #st_advanced_menu_container, .use_mobile_header #header_right #st_advanced_menu_container {
  display: none; }
.use_mobile_header #header .wide_container {
  padding-top: 0;
  padding-bottom: 0; }

body#index.use_mobile_header .main_content_area, body#module-stblog-default.use_mobile_header .main_content_area {
  padding-top: 0!important; }

.ins_image_box {
  display: block; }
  .ins_image_box:hover .ins_image_info {
    opacity: 1;
    filter: alpha(opacity=100); }
  .ins_image_box:hover .ins_external {
    display: block; }
  .ins_image_box.scaling:hover .ins_image {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2); }

.ins_image_link {
  display: block;
  position: relative;
  overflow: hidden; }

.ins_image {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease; }

.ins_image_info {
  z-index: 2;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  text-align: center;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  opacity: 0;
  filter: alpha(opacity=0); }

.ins_image_info_basic span {
  display: inline-block;
  padding: 0 6px;
  font-size: 1.333em; }

.instagram_con.slides {
  margin-bottom: 1em; }

.instagram_con.com_grid_view.row {
  margin-left: 0;
  margin-right: 0; }
  .instagram_con.com_grid_view.row li {
    padding: 0; }

.ins_image_info_desc {
  margin-top: 1em; }

.ins_imagetype {
  position: absolute;
  display: block;
  top: 10px;
  right: 10px;
  color: #fff;
  z-index: 5;
  font-size: 1.333em; }

.ins_external {
  position: absolute;
  bottom: 10px;
  display: none;
  right: 10px;
  padding: 6px;
  z-index: 5;
  color: #fff; }

.ins_pro_c {
  display: inline-block;
  min-width: 60px;
  text-align: center; }

.ins_pro_c_v {
  display: block;
  font-weight: bold; }

.ins_pro_c_k {
  display: block;
  font-size: 0.833em; }

.ins_profile_img {
  margin-bottom: 6px; }

.ins_profile_img_left {
  width: 70px;
  float: left; }

.ins_profile_img_right {
  margin-left: 80px; }

.instagram_list li {
  padding: 6px; }
.instagram_list img {
  width: 80px; }

.instagram_list.ins_connecting, .instagram_con.ins_connecting {
  height: 100px;
  background: url(https://polseracatalana.cat/themes/transformer/css/../img/ins_bg.png) no-repeat center center transparent; }

#st_advanced_ma_0 {
  width: 292px; }/* CSS Document */
#stripe-payment-form {
    margin: 20px 40px !important;
}@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
	.replace-2x {
		font-size: 1px;
	}
	.example {
		background-image: url(https://polseracatalana.cat/themes/transformer/css/autoload/../images/example2x.png);
		-webkit-background-size:13px 13px;
		-moz-background-size:13px 13px;
		-o-background-size:13px 13px;
		background-size:13px 13px;
	}
}/* Foundation v2.1.4 http://foundation.zurb.com */
/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */

table th { font-weight: bold; }
table td, table th { padding: 9px 10px; text-align: left; }

/* Mobile */
@media only screen and (max-width: 767px) {
	
	table.responsive { margin-bottom: 0; }
	
	.pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
	.pinned table { border-right: none; border-left: none; width: 100%; }
	.pinned table th, .pinned table td { white-space: nowrap; }
	.pinned td:last-child { border-bottom: 0; }
	
	div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
	div.table-wrapper div.scrollable { margin-left: 35%; }
	div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }	
	
	table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
	table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }
	
	
}/*
Uniform Theme: Uniform Default
Version: 1.8
By: Josh Pyles
License: MIT License
---
For use with the Uniform plugin:
http://uniformjs.com/

*/
/* General settings */
div.selector, div.selector span, div.checker span, div.radio span, div.uploader, div.uploader span.action, div.button, div.button span {
  background-image: url("https://polseracatalana.cat/themes/transformer/css/autoload/../../img/jquery/uniform/sprite.png");
  background-repeat: no-repeat;
  -webkit-font-smoothing: antialiased; }
div.selector, div.checker, div.button, div.radio, div.uploader {
  vertical-align: middle;
  /* Keeping this as :focus to remove browser styles */ }
  div.selector:focus, div.checker:focus, div.button:focus, div.radio:focus, div.uploader:focus {
    outline: 0; }
div.selector, div.selector *, div.radio, div.radio *, div.checker, div.checker *, div.uploader, div.uploader *, div.button, div.button * {
  margin: 0;
  padding: 0; }

.highContrastDetect {
  background: url("https://polseracatalana.cat/themes/transformer/css/autoload/../../../img/jquery/uniform/bg-input.png") repeat-x 0 0;
  width: 0px;
  height: 0px; }

/* Input & Textarea */
input.uniform-input,
select.uniform-multiselect,
textarea.uniform {
  padding: 3px;
  background: white;
  outline: 0; }

/* Remove default webkit and possible mozilla .search styles.
 * Keeping this as :active to remove browser styles */
div.checker input,
input[type="search"],
input[type="search"]:active {
  -moz-appearance: none;
  -webkit-appearance: none; }

/* Select */
div.selector {
  background-position: 0 -66px;
  line-height: 33px;
  height: 33px;
  padding: 0 0 0 10px;
  position: relative;
  overflow: hidden; }
  div.selector span {
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    background-position: right 0;
    height: 33px;
    line-height: 33px;
    padding-right: 30px;
    cursor: pointer;
    width: 100%;
    display: block; }
  div.selector.fixedWidth {
    width: 190px; }
    div.selector.fixedWidth span {
      width: 150px; }
  div.selector select {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    position: absolute;
    height: 33px;
    top: 0px;
    left: 0px;
    width: 100%; }
  div.selector.active span {
    background-position: right -33px; }
  div.selector.hover span, div.selector.focus span {
    background-position: right -33px; }
  div.selector.hover.active span, div.selector.focus.active span {
    background-position: right -33px; }
  div.selector.disabled span, div.selector.disabled.active span {
    background-position: right 0; }

/* Select1 */
div.selector1 > div {
  background-position: 0 -165px; }
  div.selector1 > div span {
    background-position: right -99px; }
  div.selector1 > div.active span {
    background-position: right -132px; }
  div.selector1 > div.hover span, div.selector1 > div.focus span {
    background-position: right -132px; }
  div.selector1 > div.hover.active span, div.selector1 > div.focus.active span {
    background-position: right -132px; }
  div.selector1 > div.disabled, div.selector1 > div.disabled.active {
    background-position: 0 -165px; }
    div.selector1 > div.disabled span, div.selector1 > div.disabled.active span {
      background-position: right -99px; }

/* Select2 */
div.selector2 > div {
  background-position: 0 -264px; }
  div.selector2 > div span {
    background-position: right -198px; }
  div.selector2 > div.active span {
    background-position: right -231px; }
  div.selector2 > div.hover span, div.selector2 > div.focus span {
    background-position: right -231px; }
  div.selector2 > div.hover.active span, div.selector2 > div.focus.active span {
    background-position: right -231px; }
  div.selector2 > div.disabled, div.selector2 > div.disabled.active {
    background-position: 0 -264px; }
    div.selector2 > div.disabled span, div.selector2 > div.disabled.active span {
      background-position: right -198px; }

/* Select3 */
div.selector3 > div {
  background-position: 0 -429px; }
  div.selector3 > div span {
    background-position: right -363px; }
  div.selector3 > div.active span {
    background-position: right -396px; }
  div.selector3 > div.hover span, div.selector3 > div.focus span {
    background-position: right -396px; }
  div.selector3 > div.hover.active span, div.selector3 > div.focus.active span {
    background-position: right -396px; }
  div.selector3 > div.disabled, div.selector3 > div.disabled.active {
    background-position: 0 -429px; }
    div.selector3 > div.disabled span, div.selector3 > div.disabled.active span {
      background-position: right -363px; }

/* Checkbox */
div.checker {
  position: relative; }
  div.checker, div.checker span, div.checker input {
    width: 15px;
    height: 15px; }
  div.checker span {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center;
    background-position: 0 -311px; }
    div.checker span.checked {
      background-position: -15px -311px; }
  div.checker input {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1; }
  div.checker.active span {
    background-position: -15px -311px; }
    div.checker.active span.checked {
      background-position: -15px -311px; }
  div.checker.hover span, div.checker.focus span {
    background-position: -30px -311px; }
    div.checker.hover span.checked, div.checker.focus span.checked {
      background-position: -15px -311px; }
  div.checker.hover.active span, div.checker.focus.active span {
    background-position: -15px -311px; }
    div.checker.hover.active span.checked, div.checker.focus.active span.checked {
      background-position: -15px -311px; }
  div.checker.disabled, div.checker.disabled.active {
    background-position: 0 -311px; }
    div.checker.disabled span.checked, div.checker.disabled.active span.checked {
      background-position: 0 -311px; }

/* Radio */
div.radio {
  position: relative;
  display: inline; }
  div.radio, div.radio span, div.radio input {
    width: 13px;
    height: 13px; }
  div.radio span {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center;
    background-position: 0 -297px; }
    div.radio span.checked {
      background-position: -13px -297px; }
  div.radio input {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center; }
  div.radio.active span {
    background-position: -13px -297px; }
    div.radio.active span.checked {
      background-position: -13px -297px; }
  div.radio.hover span, div.radio.focus span {
    background-position: -13px -297px; }
    div.radio.hover span.checked, div.radio.focus span.checked {
      background-position: -13px -297px; }
  div.radio.hover.active span, div.radio.focus.active span {
    background-position: -13px -297px; }
    div.radio.hover.active span.checked, div.radio.focus.active span.checked {
      background-position: -13px -297px; }
  div.radio.disabled span, div.radio.disabled.active span {
    background-position: 0 -297px; }
    div.radio.disabled span.checked, div.radio.disabled.active span.checked {
      background-position: 0 -297px; }

/* Uploader */
div.uploader {
  background: none;
  height: 27px;
  width: 100%;
  cursor: pointer;
  position: relative;
  overflow: hidden; }
  div.uploader span.action {
    background-position: 0 -378px;
    height: 27px;
    line-height: 27px;
    width: 94px;
    text-align: center;
    float: left;
    display: inline;
    overflow: hidden;
    cursor: pointer; }
  div.uploader span.filename {
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    float: left;
    cursor: default;
    height: 27px;
    margin: 0px 0 0px 0px;
    line-height: 27px;
    width: 172px;
    padding: 0 10px; }
  div.uploader input {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    border: none;
    background: none;
    position: absolute;
    top: 0;
    right: 0;
    float: right;
    cursor: pointer;
    width: 100%;
    height: 100%; }

/* Buttons */
div.button {
  background-position: 0 -688px;
  height: 30px;
  cursor: pointer;
  position: relative;
  /* Keep buttons barely visible so they can get focus */ }
  div.button a, div.button button, div.button input {
    opacity: 0.01;
    filter: alpha(opacity=1);
    -moz-opacity: 0.01;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute; }
  div.button span {
    display: -moz-inline-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    line-height: 30px;
    text-align: center;
    background-position: right -568px;
    height: 30px;
    margin-left: 13px;
    padding: 0; }
  div.button.active {
    background-position: 0 -718px; }
    div.button.active span {
      background-position: right -598px;
      cursor: default; }
  div.button.hover, div.button.focus {
    background-position: 0 -748px; }
    div.button.hover span, div.button.focus span {
      background-position: right -628px; }
  div.button.disabled, div.button.disabled.active {
    background-position: 0 -778px; }
    div.button.disabled span, div.button.disabled.active span {
      background-position: right -658px;
      cursor: default; }

/* INPUT & TEXTAREA */
/* ************************************************************************************************
		uniform
************************************************************************************************ */
input.uniform-input,
select.uniform-multiselect,
textarea.uniform {
  font-size: 12px;
  font-weight: normal;
  line-height: 18px;
  color: #777;
  border: solid 1px #d6d4d4; }
  input.uniform-input.hover, input.uniform-input.focus,
  select.uniform-multiselect.hover,
  select.uniform-multiselect.focus,
  textarea.uniform.hover,
  textarea.uniform.focus {
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
    border-color: #cbcaca; }

/* PRESENTATION */
/* Buttons */
div.button span {
  font-weight: bold;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase; }
div.button.hover span, div.button.focus span {
  color: #555; }
div.button.disabled span, div.button.disabled.active span {
  color: #bbb; }

/* Select */
#compare_shipping .form-group label {
  display: block; }

div.selector {
  font-size: 12px; }
  div.selector span {
    color: #666; }
  div.selector select {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 12px; }
  div.selector.disabled span, div.selector.disabled.active span {
    color: #bbb; }

.checker span input {
  margin: 0 !important; }

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
  margin: 0 !important; }

.radio-inline, .checkbox-inline {
  cursor: default; }

/* Checker */
div.checker {
  cursor: pointer;
  margin-right: 5px; }
  div.checker span {
    position: relative; }

#layered_form div.checker {
  display: inline; }

/* Radio */
div.radio {
  margin-right: 3px; }
  div.radio span {
    position: relative; }

/* Uploader */
div.uploader span.action {
  text-shadow: rgba(0, 0, 0, 0.1) 0px 1px 0px;
  font-size: 13px;
  font-weight: bold;
  color: #fff; }
div.uploader span.filename {
  color: #777;
  border: solid 1px #d6d4d4;
  font-size: 13px;
  background: #fbfbfb;
  margin-right: 2px; }
div.uploader.disabled span.action, div.uploader.disabled.active span.action {
  color: #aaa; }
div.uploader.disabled span.filename, div.uploader.disabled.active span.filename {
  border-color: #ddd;
  color: #aaa; }

input.uniform-input, input.uniform-input:focus {
  background-color: #fff; }/**
 * Base global: reserva d'espai del carrusel i tipografia nativa.
 *
 * Venia d'un <style> incrustat a header.tpl (270 linies) que es reenviava a
 * cada carrega, quedava fora del combinador CCC i no es podia cachejar a part.
 * Aqui entra a css/autoload/, que el FrontController combina i cacheja.
 * 
 * El min-height del carrusel es un fix de CLS: sense ell la portada saltava
 * en carregar les imatges del slider.
 */

/* ============================================================================
   CONVENCIONS D'AQUESTA CAPA  (llegeix-me abans de tocar res)
   ============================================================================

   1. NO facis servir `!important`.
      Obliga el seguent que vulgui canviar-ho a posar-ne un altre, i el seguent
      un altre, i al final no es pot modificar res sense una escalada. Si una
      regla teva no guanya, PUJA L'ESPECIFICITAT el minim imprescindible:
      afegeix `#product`, `body` o el contenidor que calgui. Guanya igual i
      queda sobreescriptible el dia de dema.
      El 2026-08-20 es van avaluar les 323 declaracions `!important` d'aquesta
      capa: 195 no feien res (haurien guanyat igual sense) i es van treure. Les
      que queden estan comprovades una a una, EN REPOS I EN :hover/:focus.

   2. LA TRAMPA DE L'ORDRE. `css/autoload/` NO es l'ultima capa del front.
      Despres del combinat encara carrega `css/customer-s1.css` (la que genera
      el panel del tema) i els estils dels moduls. Si empates amb algu d'aquests
      per especificitat, PERDS. Per aixo `body .spt-label` porta el `body`.

   3. CLASSES: primer les del tema i les de PrestaShop.
      `.product_list`, `#cart_summary`, `.box-info-product`, `.primary_block`...
      ja existeixen i el tema les mante. Nomes s'inventa una classe quan la
      interficie es NOVA de debo (la barra de compra fixa, el modal de talles,
      la paginacio d'opinions: res d'aixo existeix a PS 1.6). Mesurat: 638 dels
      727 selectors d'aquesta capa (88%) ja fan servir classes del tema; el 12%
      restant es interficie nova. Si t'inventes una classe, posa-li prefix
      (`pdp-`, `sbb-`, `pcfr-`) perque es vegi que no ve de PrestaShop.

   4. L'ORDRE DE CARREGA ES EXPLICIT. `scandir()` els carrega per ordre
      alfabetic, aixi que el numero del nom ES l'ordre de la cascada:

        10 base        global: tipografia, reserva de CLS, etiquetes
        20 layout      amplades dels contenidors
        30 header      capcalera i cercador
        40 home-hero   video de portada
        45 home-rows   files per familia
        50 listing     targetes del llistat
        60 product     fitxa de producte
        65 reviews     estrelles de les opinions
        70 cart        carret
        80 layer-cart  capa d'afegit al carret

      De general a especific: aixi una pagina concreta pot sobreescriure el que
      ve de mes amunt NOMES per ordre de font, sense pujar especificitat ni
      posar `!important`. Si afegeixes un fitxer, dona-li el numero del tram que
      li toqui i deixa forats per si cal encabir-ne un enmig.
   ============================================================================ */

/* CLS fix: reserve space for OWL carousel slider */
.owl_carousel_container.full_container { min-height:29vw; overflow:hidden; contain:layout; }
.owl_carousel_wrap.owl_images_slider { min-height:29vw; }
.st_owl_carousel_image { width:100%; height:auto; aspect-ratio:1920/550; display:block; }
@media (max-width:767px) {
	.owl_carousel_container.full_container, .owl_carousel_wrap.owl_images_slider { min-height:auto; }
}

/* Modern native font stack — no external requests */
body, html, input, textarea, select, button {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji" !important;
}
h1, h2, h3, h4, h5, h6,
.page-heading, .title_block, .title_block_name,
.st_advanced_menu_wrap, .st_advanced_menu a,
.btn, .button, .exclusive,
.cart_block_list, #cart_title,
.product_list h5, .s_title_block {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif !important;
	font-weight: 600;
}


/* Etiquetes de producte (modul smartproducttags). Surten a portada, als
   llistats i a la fitxa. El prefix `body` no es decoratiu: el CSS del modul fa
   servir `.spt-label` amb la mateixa especificitat i es carrega despres del
   combinat, aixi que sense ell guanya ell (font 7,5px i pindola de 999px). */
body .spt-labels-container { display:flex; flex-wrap:wrap; gap:6px; margin:12px 0 16px; }
body .spt-label { display:inline-flex; align-items:center; padding:4px 12px; border-radius:20px; font-size:12px; font-weight:600; letter-spacing:0.3px; }/**
 * Pantalles amples — Polsera Catalana
 * ---------------------------------------------------------------------------
 * El tema es clava a partir de 1200px (`css/responsive-1.css`):
 *     .container            { max-width: 1170px }
 *     #page_wrapper, .wide_container { max-width: 1200px }
 * En un monitor de 1920 això deixa 360px de blanc mort a cada costat i les
 * fotos de producte surten molt més petites del que la pantalla dona.
 *
 * El primer intent va ser pujar només `.container` a una mida fixa i va sortir
 * malament: uns contenidors arribaven a la mida nova i d'altres es quedaven
 * clavats als 1200 del `#page_wrapper` de sobre, i el «Veure-ho tot» de les
 * files quedava tallat. La clau és pujar-los TOTS DOS alhora, que és el que fa
 * aquest fitxer.
 *
 * `95vw` i no una mida fixa: així el marge lateral creix amb la pantalla i no
 * hi ha cap amplada on el disseny es trenqui.
 *
 * OJO amb l'especificitat: els fitxers de `css/autoload/` entren al paquet del
 * CCC ABANS de `responsive-1.css`, o sigui que amb la mateixa especificitat
 * guanya el tema. Per això tot va prefixat amb `body`.
 */

/* El procés de compra NO s'eixampla. Un carret és una llista per repassar, no
   un aparador: a 95vw d'un monitor de 1920 el nom del producte queda a x=275 i
   el seu import a x=1780, i cal recórrer 1.500px per relacionar una línia amb
   el que costa. Aquestes pàgines es queden amb l'amplada d'abans, que és on es
   llegeixen d'una ullada.
   La llista de `:not()` es repeteix a cada regla perquè `body` és l'element que
   porta l'identificador de la pàgina. */
@media (min-width: 1200px) {
    body:not(#order):not(#order-opc):not(#order-confirmation):not(#authentication):not(#address):not(#addresses) #page_wrapper,
    body:not(#order):not(#order-opc):not(#order-confirmation):not(#authentication):not(#address):not(#addresses) .wide_container {
        max-width: 95vw;
    }

    body:not(#order):not(#order-opc):not(#order-confirmation):not(#authentication):not(#address):not(#addresses) .container {
        max-width: 95vw;
    }

    body:not(#order):not(#order-opc):not(#order-confirmation):not(#authentication):not(#address):not(#addresses) #columns {
        max-width: 95vw;
        margin-left: auto;
        margin-right: auto;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════
   Amb tanta amplada, una polsera més per fila
   ---------------------------------------------------------------------------
   Amb 3 per fila dins de 95vw d'un monitor de 1920 cada foto passava dels
   580px: el producte es veia enorme i la fila perdia el sentit de conjunt.
   ═══════════════════════════════════════════════════════════════════════════ */

@media (min-width: 1500px) {
    .pcfr_rows {
        /* 4 senceres i el tros que s'ensuma de la cinquena. */
        --pcfr-per: 4.3;
    }
}

/* El llistat de categoria fa servir la graella de Bootstrap amb `col-md-4`
   (3 per fila). A partir de 1500px passa a 4, que és el que encaixa amb
   l'amplada nova. `col-lg-3` no serveix perquè el marcat no el porta. */
@media (min-width: 1500px) {
    #center_column .product_list.grid > li.ajax_block_product {
        width: 25%;
    }
}

/* El tema marca cada 3a fitxa amb `first-item-of-desktop-line` i li posa
   `clear: both` (`css/responsive-1.css:410`). Amb les fitxes al 25% això feia
   que la quarta saltés de línia igualment: sortien 3 per fila i un forat a la
   dreta. Aquí es lleva el salt i es marca cada 4a, que és el que toca ara. */
@media (min-width: 1500px) {
    body ul.product_list.grid > li.first-item-of-desktop-line,
    body ul.product_list.grid > li.first-desktop-line {
        clear: none;
    }

    body ul.product_list.grid > li.ajax_block_product:nth-child(4n+1) {
        clear: both;
    }
}/**
 * Cabecera modernizada — Polsera Catalana
 * ---------------------------------------------------------------------------
 * - Fuera la barra superior: el selector de idioma sobra (sólo hay catalán) y
 *   «Benvingut / Inici de sessió» salía DUPLICADO, porque había dos bloques con
 *   el mismo id `#header_user_info`. El JS mueve uno a la fila del buscador.
 * - Buscador y carrito con aspecto actual.
 * - El carrito queda reducido al icono; el importe y el «article(s)» se ocultan
 *   y esa información sigue estando en el desplegable al pasar por encima.
 *
 * JS asociado: themes/transformer/js/autoload/zz-header-modern.js
 */

/* ═══════════════════════════════════════════════════════════════════════════
   Fuera la barra superior
   ═══════════════════════════════════════════════════════════════════════════ */

#top_bar {
    display: none;
}

/* ═══════════════════════════════════════════════════════════════════════════
   Fila de cabecera: buscador + sesión + carrito
   ═══════════════════════════════════════════════════════════════════════════ */

#header_right_inner {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 14px;
}

/* `#layer_cart` y su velo son diálogos flotantes: no deben ocupar sitio en la
   fila ni empujar a los demás elementos. */
#header_right_inner > #layer_cart,
#header_right_inner > .layer_cart_overlay {
    position: absolute;
}

/* --- enlaces de sesión (los mueve el JS desde la barra superior) ----------- */

#header_right_inner .header_user_info {
    float: none !important;
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    font-size: 13px;
    white-space: nowrap;
}

/* «Benvingut» a secas no aporta nada: fuera, y quedan los enlaces útiles. */
#header_right_inner .header_user_info .welcome {
    display: none;
}

#header_right_inner .header_user_info a {
    color: #6d757f;
    text-decoration: none;
    transition: color .15s ease;
}

#header_right_inner .header_user_info a:hover {
    color: #d96701;
}

/* --- buscador -------------------------------------------------------------- */

#search_block_top {
    float: none;
    width: auto;
    margin: 0;
}

#searchbox .searchbox_inner {
    position: relative;
    display: flex;
    align-items: center;
}

#search_query_top {
    width: 250px;
    height: 42px;
    padding: 0 46px 0 16px;
    border: 1px solid #dfe3e7;
    border-radius: 999px;
    background: #fff;
    box-shadow: none;
    font-size: 14px;
    color: #2c3138;
    transition: border-color .15s ease, width .2s ease;
}

#search_query_top:focus {
    border-color: #d96701;
    outline: none;
    width: 290px;
}

#submit_searchbox {
    position: absolute;
    top: 50%;
    right: 4px;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: transparent;
    color: #6d757f;
    transition: background .15s ease, color .15s ease;
}

#submit_searchbox:hover {
    background: #d96701;
    color: #fff;
}

/* El rótulo «Cercar» bajo la lupa era de otra época. */
#submit_searchbox .icon_text {
    display: none;
}

/* --- carrito: sólo el icono ------------------------------------------------ */

#shopping_cart .icon_text,
#shopping_cart .ajax_cart_middle,
#shopping_cart .ajax_cart_right {
    display: none !important;
}

#shopping_cart {
    display: flex !important;
    align-items: center;
    padding: 0;
    background: none;
    border: 0;
}

#shopping_cart .ajax_cart_left {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid #dfe3e7;
    border-radius: 50%;
    transition: border-color .15s ease, background .15s ease;
}

#shopping_cart:hover .ajax_cart_left {
    border-color: #d96701;
    background: #fff7f0;
}

#shopping_cart .ajax_cart_left i {
    font-size: 18px;
    color: #2c3138;
    margin: 0;
}

/* Contador: siempre visible, incluso a 0, para que el icono no parezca inerte. */
#shopping_cart .amount_circle {
    position: absolute;
    top: -5px;
    right: -5px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 19px;
    height: 19px;
    padding: 0 5px;
    border-radius: 999px;
    background: #d96701;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
}

/* ═══════════════════════════════════════════════════════════════════════════
   Selector de cantidad de la ficha de producto
   El tema apila dos flechas de 20px en `position:absolute; right:0`. Mismo
   tratamiento que en el carrito: vuelven al flujo y se convierten en un
   contador redondo.
   ═══════════════════════════════════════════════════════════════════════════ */

.quantity_input_wrap {
    display: inline-flex;
    align-items: stretch;
    width: auto;
    /* 48px: els `+`/`-` es quedaven a 40 i són els controls més usats de la
       fitxa. Mesurat el 2026-08-14. */
    height: 48px;
    padding: 0;
    border: 1px solid #dfe3e7;
    border-radius: 999px;
    overflow: hidden;
    background: #fff;
}

.quantity_input_wrap .product_quantity_up,
.quantity_input_wrap .product_quantity_down {
    position: static !important;
    top: auto;
    right: auto;
    bottom: auto;
    flex: 0 0 44px;
    width: 44px !important;
    height: auto !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0;
    background: transparent;
    color: #2c3138;
    font-size: 17px;
    line-height: 1;
    text-decoration: none;
    transition: background .15s ease, color .15s ease;
}

.quantity_input_wrap .product_quantity_up:hover,
.quantity_input_wrap .product_quantity_down:hover {
    background: #d96701;
    color: #fff;
}

.quantity_input_wrap input {
    flex: 0 0 48px;
    width: 48px;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    border-right: 1px solid #dfe3e7;
    border-left: 1px solid #dfe3e7;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
}

/* ═══════════════════════════════════════════════════════════════════════════
   Ajustes cuando la cabecera va sobre el vídeo de la portada
   ═══════════════════════════════════════════════════════════════════════════ */

/* El buscador i el botó de cerca sobre el vídeo NO es toquen aquí: ho fa
   zz-hero-video.css amb `.hero-overlay #page_header .header_container
   input[type="text"]` (i `.btn`), que té més especificitat i a més `!important`.
   Hi havia quatre regles duplicades en aquest punt que no guanyaven res.
   Verificat el 2026-08-20 amb l'analitzador de cascada. */

.hero-overlay #shopping_cart .ajax_cart_left {
    border-color: rgba(255, 255, 255, .45);
}

.hero-overlay #shopping_cart .ajax_cart_left i {
    color: #fff;
}

.hero-overlay #shopping_cart:hover .ajax_cart_left {
    background: rgba(255, 255, 255, .18);
    border-color: #fff;
}

/* Els enllaços de sessió sobre el vídeo tampoc: `.hero-overlay #page_header
   .header_container a` de zz-hero-video.css ja els posa blancs amb ombra. */

/* ═══════════════════════════════════════════════════════════════════════════
   Por debajo de 992px manda `#mobile_bar`, la cabecera propia del tema
   ═══════════════════════════════════════════════════════════════════════════ */

/* 991px, no 767px: es el corte que usa el propio tema en responsive.css para
   pasar a `#mobile_bar`. */
@media (max-width: 991px) {
    /* Los tres disparadores de la barra móvil —menú, buscar y carrito— medían
       42px: dos por debajo del mínimo con el que un dedo acierta. Es la
       navegación entera del móvil, así que aquí no se regatea. */
    #mobile_bar .mobile_bar_tri {
        min-width: 44px;
        min-height: 44px;
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    /* El tema escondía los enlaces de sesión en móvil con `#header
       #header_user_info`. El JS de esta cabecera renombra ese id para no dejar
       dos iguales en el documento, así que aquella regla dejaba de encontrarlo
       y «Benvingut / Inici de sessió» reaparecía sobre la barra móvil. Aquí se
       vuelven a esconder, pero por CLASE, que el renombrado no toca. */
    #header_right_inner .header_user_info {
        display: none;
    }

    #header_right_inner {
        display: block;
    }

    #search_query_top,
    #search_query_top:focus {
        width: 100%;
    }
}/**
 * Vídeo de fondo del slider de portada — Polsera Catalana
 * ---------------------------------------------------------------------------
 * El vídeo es una capa OPCIONAL encima del carrusel `stowlcarousel`, no un
 * sustituto. La <img> de la primera diapositiva hace de póster: ya viene
 * renderizada desde el servidor, así que sigue siendo el LCP y no hay salto de
 * layout. Si el vídeo no arranca (móvil, conexión lenta, Save-Data,
 * prefers-reduced-motion, error de red), esta capa no llega a aparecer y el
 * slider se comporta exactamente igual que hoy, rotando sus diapositivas.
 *
 * El JS que la inyecta: themes/transformer/js/autoload/zz-hero-video.js
 */

#owl_carousel_container_1 {
    position: relative;
}

#owl_carousel_container_1 .hero-video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    /* El vídeo es 3,55:1 y las diapositivas 3,49:1: `cover` absorbe la
       diferencia sin deformar. */
    object-fit: cover;
    z-index: 2;
    opacity: 0;
    transition: opacity .6s ease;
    /* La capa se queda los clics. Debajo, las diapositivas siguen rotando
       (el módulo las mueve con un setInterval propio que no se puede parar
       desde fuera), así que dejarlos pasar llevaría al cliente a un destino
       impredecible: el enlace de la diapositiva que tocara en ese instante.
       Si algún día se quiere un héroe cliqueable, hay que envolver el vídeo en
       un <a> con una URL fija, no confiar en lo que haya debajo. */
    pointer-events: auto;
}

/* La clase la pone el JS sólo cuando el vídeo ya se está reproduciendo de
   verdad (evento `playing`), nunca antes. */
#owl_carousel_container_1.has-hero-video .hero-video {
    opacity: 1;
}

/* ═══════════════════════════════════════════════════════════════════════════
   Enlace entre el héroe y el contenido
   Un corte a cuchillo entre una banda fotográfica a sangre y una página blanca
   se lee como dos piezas pegadas. Lo que resuelve esto sin añadir adorno es
   fundir el borde inferior del héroe en el propio fondo de la página: el vídeo
   deja de tener un final y pasa a apoyarse en el contenido.
   Nada de líneas ni de ondas: una raya marca más la costura en vez de
   disimularla, y una onda envejece rápido en una tienda de producto.
   Va sobre el vídeo Y sobre el slider, para que la transición sea la misma
   pase lo que pase con el vídeo.
   ═══════════════════════════════════════════════════════════════════════════ */

#owl_carousel_container_1::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -1px; /* -1px: evita la costura de medio píxel al redondear */
    left: 0;
    height: 22%;
    z-index: 4;
    pointer-events: none;
    background: linear-gradient(to bottom,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, .55) 55%,
        rgba(255, 255, 255, .92) 85%,
        #fff 100%);
}

/* Y aire antes del primer título: la mitad del problema no es la falta de
   separador, sino que el contenido arranca pegado al héroe. */
#owl_carousel_container_1 + * .pcfr_rows,
.main_content_area .pcfr_rows {
    margin-top: 46px;
}

@media (max-width: 767px) {
    #owl_carousel_container_1::after {
        height: 26%;
    }

    /* Aquí hi havia `.main_content_area .pcfr_rows { margin-top: 30px }`.
       No s'aplicava MAI: la regla de dalt és un grup amb
       `#owl_carousel_container_1 + * .pcfr_rows`, i aquest selector porta un id,
       o sigui més especificitat que aquest, encara que vagi després. A mòbil
       sempre s'han vist els 46px. Es treu perquè no feia res; si es vol de
       veritat 30px a mòbil, cal pujar-li l'especificitat. */
}

/* En móvil también se ve, desde 2026-08-12. El JS sigue respetando
   `prefers-reduced-motion` y `Save-Data`, así que quien va justo de datos
   —parte del tráfico entra por el navegador de Instagram— se queda con el
   slider de imágenes, que es el comportamiento de reserva de siempre. */

/* ═══════════════════════════════════════════════════════════════════════════
   Cabecera integrada sobre el vídeo
   La clase `hero-overlay` la pone el JS en <html> SÓLO cuando el vídeo ya se
   está reproduciendo. Sin ella, la cabecera es exactamente la de siempre: así
   móvil, prefers-reduced-motion y cualquier fallo de red conservan el diseño
   sólido, donde el texto oscuro sí se lee sobre las diapositivas claras.
   ═══════════════════════════════════════════════════════════════════════════ */

/* La cabecera entera sale DEL FLUJO. No vale con solaparla con un margen
   negativo: `#owl_carousel_container_1` lleva `overflow:hidden` (del arreglo de
   CLS de header.tpl), o sea que es un contexto de formato de bloque y esquiva
   los elementos flotados de la cabecera, estrechándose a la nada.
   El JS compensa bajando `.main_content_area` la altura de la barra gris, para
   que el vídeo empiece justo debajo de ella. */
.hero-overlay #page_header {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 5;
    background: transparent;
}

.hero-overlay #page_header .header_container,
.hero-overlay #page_header #st_advanced_menu_container {
    background: transparent;
    border: 0;
    box-shadow: none;
}

/* La barra gris de arriba se queda tal cual: opaca y en su sitio. */
.hero-overlay #page_header #top_bar {
    background: #F1F1F1;
}

/* Degradado oscuro de arriba abajo: es lo que garantiza que el texto se lea
   pase lo que pase en el vídeo. */
.hero-overlay #owl_carousel_container_1::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 62%;
    z-index: 3;
    pointer-events: none;
    /* Concentrado en la franja del logo y el menú (arriba del ~30% del héroe):
       hay fotogramas muy claros —metal pulido sobre fondo blanco— donde un
       degradado suave dejaba el menú al límite de legibilidad. */
    background: linear-gradient(to bottom,
        rgba(18, 20, 23, .72) 0%,
        rgba(18, 20, 23, .58) 18%,
        rgba(18, 20, 23, .32) 38%,
        rgba(18, 20, 23, 0) 100%);
}

/* Texto del menú y de la cabecera en blanco. */
.hero-overlay #page_header .header_container a,
.hero-overlay #page_header .header_container .cart_block_title,
.hero-overlay #page_header #st_advanced_menu_container a {
    color: #fff;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .45);
}

.hero-overlay #page_header #st_advanced_menu_container a:hover,
.hero-overlay #page_header .header_container a:hover {
    color: var(--cart-accent, #d96701) !important;
}

/* Buscador y carrito: translúcidos, para que no aparezcan como cajas blancas
   pegadas encima del vídeo. */
.hero-overlay #page_header .header_container input[type="text"],
.hero-overlay #page_header .header_container .btn,
.hero-overlay #page_header .header_container .shopping_cart > a {
    background: rgba(255, 255, 255, .14) !important;
    border-color: rgba(255, 255, 255, .35) !important;
    color: #fff !important;
    box-shadow: none;
}

.hero-overlay #page_header .header_container input[type="text"]::placeholder {
    color: rgba(255, 255, 255, .75);
}

/* El héroe sube por debajo de la cabecera: hay que devolverle la altura que
   pierde, o el vídeo se ve más bajo de lo que debería. */
.hero-overlay .owl_carousel_container.full_container,
.hero-overlay .owl_carousel_wrap.owl_images_slider {
    min-height: 34vw;
}

/* Sin hueco arriba: la barra superior se eliminó (ver zz-header-modern.css),
   así que el vídeo arranca desde el borde y la cabecera flota entera encima.
   El JS sólo tocaría esto si algún día `#top_bar` volviera a ocupar sitio. */
.hero-overlay .main_content_area {
    margin-top: 0;
}

/* Nada de esto en móvil: allí no hay vídeo y la cabecera es otra. */
@media (max-width: 767px) {
    .hero-overlay #page_header {
        position: static;
        background: inherit !important;
    }

    .hero-overlay .main_content_area {
        margin-top: 0;
    }

    .hero-overlay #owl_carousel_container_1::before {
        display: none;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════
   El logotip de la portada
   ---------------------------------------------------------------------------
   A la portada es serveix el logotip blanc directament des de `header.tpl`.
   Aquí només se li dona mida: damunt d'un vídeo a tota pantalla, el logotip
   petit de la capçalera normal es perd. L'ombra el separa dels trossos clars
   del vídeo, que si no es menja les lletres blanques.
   ═══════════════════════════════════════════════════════════════════════════ */

.hero-overlay #header_logo_inner .logo-portada {
    width: auto;
    max-width: 100%;
    height: 74px;
    filter: drop-shadow(0 2px 10px rgba(0, 0, 0, .45));
}

@media (max-width: 1199px) {
    .hero-overlay #header_logo_inner .logo-portada {
        height: 62px;
    }
}

@media (max-width: 991px) {
    .hero-overlay #header_logo_inner .logo-portada {
        height: 48px;
    }
}/**
 * Files per famílies — Polsera Catalana
 * ---------------------------------------------------------------------------
 * Carrusel de scroll natiu (`scroll-snap`), sense llibreria. Motius:
 *  - Owl 1.x, l'única que porta el tema, no sap deixar veure una part de
 *    l'element següent; i és justament aquesta vora tallada el que li diu al
 *    client que allà es pot lliscar.
 *  - En tàctil, el desplaçament del navegador és més fluid que qualsevol
 *    emulació amb JS, i respecta l'inèrcia del sistema.
 *
 * L'amplada de cada fitxa surt d'un nombre FRACCIONARI de fitxes visibles
 * (4,25 en pantalla ampla, 1,45 al mòbil): la part decimal és el tros que
 * s'ensuma de la següent.
 */

.pcfr_rows {
    --pcfr-gap: 16px;
    /* Es va triar 3,25 perquè amb 4 la foto es queia massa petita per vendre.
       El problema es va veure el 2026-08-26: el contenidor és 95vw i el nombre
       de fitxes NO pujava mai, així que a 1920px cada targeta creixia fins a
       545px d'ample i 761 d'alt. Ara 4,25 de base i un escaló més amunt, que
       manté la targeta entre ~300 i ~360px a qualsevol monitor.
       El 0,25 és el tros que s'ensuma de la següent. */
    --pcfr-per: 4.25;
    --pcfr-accent: #d96701;
    margin: 34px 0 10px;
}

/* A partir d'aquí el contenidor (95vw) ja és prou ample perquè una fitxa més
   no encongeixi la foto: sense això, a 1920px la targeta feia 545px. */
@media (min-width: 1700px) {
    .pcfr_rows { --pcfr-per: 5.25; }
}

.pcfr_row {
    position: relative;
    margin-bottom: 38px;
}

/* ── Capçalera de la fila ────────────────────────────────────────────────── */

.pcfr_row_head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
}

.pcfr_row_title {
    margin: 0;
    font-size: 22px;
    line-height: 1.25;
    font-weight: 700;
    color: #2c3138;
}

.pcfr_row_all {
    flex: 0 0 auto;
    font-size: 13px;
    font-weight: 600;
    color: var(--pcfr-accent);
    text-decoration: none;
    white-space: nowrap;
    /* Àrea tàctil de 44px sense fer créixer la línia base del títol. */
    padding: 13px 6px;
    margin: -13px -6px;
}

.pcfr_row_all:hover,
.pcfr_row_all:focus {
    color: #b35401;
    text-decoration: underline;
}

/* ── Pista lliscant ──────────────────────────────────────────────────────── */

.pcfr_track_wrap {
    position: relative;
}

.pcfr_track {
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    /* La barra de desplaçament s'amaga: la pista ja s'explica sola amb la
       fitxa tallada de la dreta, i una barra grisa embrutaria la portada.
       El teclat i el lliscament segueixen funcionant igual. */
    scrollbar-width: none;
    -ms-overflow-style: none;
    /* Marge perquè l'ombra de la fitxa no quedi retallada per l'`overflow`. */
    padding: 4px 0 8px;
}

.pcfr_track::-webkit-scrollbar {
    display: none;
}

/* `product_list` del tema és una graella Bootstrap (`row` + `col-*`): aquí es
   converteix en una filera. Els `!important` són necessaris perquè les classes
   `col-lg-3`… porten amplada i farciment propis amb més pes. */
.pcfr_track .product_list.pcfr_list {
    display: flex;
    flex-wrap: nowrap;
    gap: var(--pcfr-gap);
    margin: 0;
    padding: 0;
    list-style: none;
}

.pcfr_track .product_list.pcfr_list > li.ajax_block_product {
    flex: 0 0 calc((100% / var(--pcfr-per)) - var(--pcfr-gap));
    width: calc((100% / var(--pcfr-per)) - var(--pcfr-gap)) !important;
    max-width: none;
    min-height: 0;
    padding: 0;
    margin: 0;
    float: none;
    scroll-snap-align: start;
}

/* Les vores i separadors que el tema dibuixa entre columnes de la graella no
   tenen sentit en una filera. */
.pcfr_track .product_list.pcfr_list > li.ajax_block_product::before,
.pcfr_track .product_list.pcfr_list > li.ajax_block_product::after {
    content: none !important;
}

/* Cos de targeta.
   Sense això el «tros que s'ensuma» no s'ensuma res: les fotos són sobre fons
   blanc i la pàgina també, o sigui que la fitxa del costat no es distingeix i
   el senyal de «aquí es llisca» desapareix. Amb una vora fina sí que es veu on
   acaba una fitxa i on comença la següent. */
.pcfr_track .product_list.pcfr_list .product-container {
    height: 100%;
    border: 1px solid #e8ebee;
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.pcfr_track .product_list.pcfr_list > li:hover .product-container {
    border-color: #d8dce0;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .07);
}

/* Les imatges de la fila ja les dimensiona zz-card-editorial.css amb
   `.pcfr_track .product_list .product_img_link img` (mateix width/height). */

/* ── Fletxes (només amb ratolí; el JS les mostra si la fila desborda) ─────── */

.pcfr_nav {
    position: absolute;
    top: 38%;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid #e3e6ea;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .12);
    color: #2c3138;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    /* Abans estaven a `opacity: 0` fins que hi passaves el ratolí per sobre:
       ningú no pot descobrir un control que no es veu. Ara es veuen sempre,
       una mica apagades, i s'encenen en apropar-t'hi. */
    opacity: .92;
    transition: opacity .18s ease, background .18s ease, color .18s ease;
}

/* La icona: el marcat porta `<i class="fa fa-angle-left">`, però aquest tema
   NO carrega Font Awesome — sortia un cercle buit. Es tapa la `<i>` i la
   fletxa es pinta en SVG, que no depèn de cap font. */
.pcfr_nav .fa {
    display: none;
}

.pcfr_nav::before {
    content: "";
    width: 11px;
    height: 18px;
    background: currentColor;
    -webkit-mask: var(--pcfr-fletxa) no-repeat center / contain;
    mask: var(--pcfr-fletxa) no-repeat center / contain;
}

.pcfr_prev {
    --pcfr-fletxa: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round' d='M15 4L7 12l8 8'/%3E%3C/svg%3E");
}

.pcfr_next {
    --pcfr-fletxa: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round' d='M9 4l8 8-8 8'/%3E%3C/svg%3E");
}

/* En tàctil no hi ha punter per apropar: allà es llisca amb el dit i dos
   botons a sobre de la primera fitxa només molesten. */
@media (hover: none) and (pointer: coarse) {
    .pcfr_nav {
        display: none;
    }
}

.pcfr_prev {
    left: -14px;
}

.pcfr_next {
    right: -14px;
}

/* Apareixen en acostar-s'hi, i sempre que reben el focus del teclat. */
.pcfr_track_wrap:hover .pcfr_nav,
.pcfr_nav:focus {
    opacity: 1;
}

/* Arrossegar amb el ratolí: mentre s'arrossega el cursor canvia i s'apaga la
   selecció de text, que si no es marca mig llistat en lliscar. */
.pcfr_track_wrap {
    cursor: grab;
}

.pcfr_track_wrap.pcfr_arrossegant {
    cursor: grabbing;
}

.pcfr_track_wrap.pcfr_arrossegant .pcfr_track {
    /* Sense això el `scroll-snap` lluita contra el dit i el moviment fa
       tirabuixons: es torna a activar en deixar anar. */
    scroll-snap-type: none;
    scroll-behavior: auto;
}

.pcfr_track_wrap.pcfr_arrossegant * {
    user-select: none;
    pointer-events: none;
}

.pcfr_nav:hover {
    background: var(--pcfr-accent);
    border-color: var(--pcfr-accent);
    color: #fff;
}

/* Al final de la pista la fletxa corresponent es desactiva en comptes de
   desaparèixer: si saltés, el punter es quedaria clicant el buit. */
.pcfr_nav[disabled] {
    opacity: .25 !important;
    cursor: default;
    pointer-events: none;
}

/* ── Nombre de fitxes visibles per amplada ───────────────────────────────── */

@media (max-width: 1199px) {
    .pcfr_rows {
        --pcfr-per: 2.25;
    }
}

/* 2,3 i no 2,6: en tota aquesta franja el contenidor de Bootstrap es queda
   clavat a 750px, així que el tros que s'ensuma no varia amb la finestra —
   amb 2,6 sortien 166px de fitxa tallada, que ja no es llegeix com «continua»
   sinó com una columna a mitges. Amb 2,3 en són 94. */
@media (max-width: 991px) {
    .pcfr_rows {
        --pcfr-per: 2.3;
    }
}

@media (max-width: 767px) {
    .pcfr_rows {
        /* 1,55 en comptes de 2,15: al mòbil la fitxa queda CENTRADA, amb un
           tros de la anterior i de la següent a banda i banda. Ensenyar les
           dues vores diu «això es mou» molt més clar que una sola, i el
           producte que s'està mirant queda al mig de la pantalla, que és on
           cau el polze. */
        --pcfr-per: 1.55;
        --pcfr-gap: 12px;
        /* Amplada de fitxa en unitats de FINESTRA, no en `%`.
           Amb `%` el càlcul es mossega la cua: el `%` de l'amplada de la fitxa
           es resol contra l'amplada de la llista, que al seu torn depèn del
           farciment lateral, que és el que volem calcular a partir de la fitxa.
           Sortien 66px a l'esquerra i 128px a la dreta.
           La pista fa exactament 100vw: el contenidor de Bootstrap deixa 15px a
           cada banda i els marges negatius de sota els recuperen. */
        --pcfr-w: calc(100vw / var(--pcfr-per) - var(--pcfr-gap));
    }

    .pcfr_row_title {
        font-size: 18px;
    }

    .pcfr_row {
        margin-bottom: 28px;
    }

    /* Les fletxes no es fan servir en tàctil i taparien producte. */
    .pcfr_nav {
        display: none !important;
    }

    /* La pista arriba fins a la vora de la pantalla, i el farciment lateral és
       just la meitat del que sobra: així la PRIMERA i la ÚLTIMA fitxa també
       poden quedar centrades, no només les del mig.
       El càlcul: sobra `100% - amplada_fitxa`, i se'n reparteix la meitat a
       cada banda. L'amplada de fitxa és `100%/--pcfr-per - gap`. */
    .pcfr_track {
        --pcfr-vora: calc((100vw - var(--pcfr-w)) / 2);
        margin-right: -15px;
        margin-left: -15px;
        padding-right: var(--pcfr-vora);
        padding-left: var(--pcfr-vora);
        scroll-padding-left: 0;
    }

    /* Centrada, no enganxada a l'esquerra. Amb el farciment de dalt, la
       primera i la última fitxa també arriben al centre. */
    .pcfr_track .product_list.pcfr_list > li.ajax_block_product {
        flex: 0 0 var(--pcfr-w);
        width: var(--pcfr-w) !important;
        scroll-snap-align: center;
    }
}

/* 1,36: amb 1,4 el tros que s'ensumava arribava a 143px al límit de 479px,
   just per sobre del que encara es llegeix com «hi ha més» en comptes de com
   una fitxa mal tallada. */
@media (max-width: 479px) {
    .pcfr_rows {
        --pcfr-per: 1.36;
    }
}

/* Qui ha demanat menys moviment al sistema no vol desplaçaments animats. */
@media (prefers-reduced-motion: reduce) {
    .pcfr_track {
        scroll-behavior: auto;
    }
}


/* El «Veure-ho tot» acaba amb `<i class="fa fa-angle-right">` i, com que el
   tema no carrega Font Awesome, allà hi sortia un requadre buit que a sobre
   quedava tallat pel marge dret. Mateixa solució que a les fletxes. */
.pcfr_row_all .fa {
    display: none;
}

.pcfr_row_all::after {
    content: "";
    display: inline-block;
    width: 7px;
    height: 11px;
    margin-left: 5px;
    vertical-align: -1px;
    background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='M9 4l8 8-8 8'/%3E%3C/svg%3E") no-repeat center / contain;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='M9 4l8 8-8 8'/%3E%3C/svg%3E") no-repeat center / contain;
}/**
 * Fitxa de producte al llistat — versió editorial
 * ---------------------------------------------------------------------------
 * Decisió de Pol (2026-08-13): la foto mana, el text a sota i mínim, i una
 * acció clara. Fora les etiquetes de material.
 *
 * Per què fora les etiquetes: «Cuir / Plata 925 / Senyera» són atributs, no
 * arguments de venda. Amb fons de color cridaven més que el preu i no ajudaven
 * a decidir res. Segueixen sortint a la fitxa del producte, que és on es tria.
 * Les pinta `smartproducttags`, que és un mòdul compartit amb un altre
 * projecte: NO es toca el mòdul, només s'amaga aquí.
 *
 * Per què «Escull la mida» i no «Afegir al cistell»: amb AWP la talla i el
 * material es trien a la fitxa, o sigui que no hi ha manera d'afegir en un sol
 * toc. Prometre-ho seria enganyar.
 */

/* ═══════════════════════════════════════════════════════════════════════════
   Fora el soroll
   ═══════════════════════════════════════════════════════════════════════════ */

.pcfr_track .product_list .spt-labels,
.pcfr_track .product_list .spt-label,
#center_column .product_list .spt-labels,
#center_column .product_list .spt-label {
    display: none;
}

/* ═══════════════════════════════════════════════════════════════════════════
   La foto mana
   ═══════════════════════════════════════════════════════════════════════════ */

/* Sense fons propi: quan la zona de la foto en tenia un i la del text no,
   sortia una ratlla de canvi de color enmig de la targeta. El color el posa
   ara la targeta sencera (vegeu més avall). */
.pcfr_track .product_list .pro_first_box,
#center_column .product_list .pro_first_box {
    position: relative;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
    background: transparent;
}

.pcfr_track .product_list .product_img_link img,
#center_column .product_list .product_img_link img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform .45s ease;
}

.pcfr_track .product_list li:hover .product_img_link img,
#center_column .product_list li:hover .product_img_link img {
    transform: scale(1.04);
}

/* ═══════════════════════════════════════════════════════════════════════════
   Text: nom, valoració, preu — en aquest ordre i res més
   ═══════════════════════════════════════════════════════════════════════════ */

/* Columna flexible amb `order` explícit. Sense això la targeta es llegia
   nom → BOTÓ → estrelles → PREU, perquè el botó és un pseudo-element del
   títol i el marcat del tema posa el preu al final. Un botó de comprar abans
   del preu no té sentit: primer es decideix, després s'actua. */
.pcfr_track .product_list .pro_second_box,
#center_column .product_list .pro_second_box {
    display: flex;
    flex-direction: column;
    padding: 14px 14px 16px;
    text-align: center;
}

/* El preu no penja de `.content_price` sinó d'un embolcall `.price_container`,
   i `order` només val per als FILLS DIRECTES del contenidor flexible: ordenar
   `.content_price` no movia res i el preu es plantava per damunt del nom.
   S'ordenen els dos, i qualsevol altre fill directe se'n va al final. */
.pcfr_track .product_list .pro_second_box > *,
#center_column .product_list .pro_second_box > * {
    order: 3;
}

.pcfr_track .product_list .pro_second_box > .s_title_block,
#center_column .product_list .pro_second_box > .s_title_block {
    order: 1;
}

.pcfr_track .product_list .pro_second_box > .rating_box,
#center_column .product_list .pro_second_box > .rating_box {
    order: 2;
}

.pcfr_track .product_list .pro_second_box > .price_container,
.pcfr_track .product_list .pro_second_box > .content_price,
#center_column .product_list .pro_second_box > .price_container,
#center_column .product_list .pro_second_box > .content_price {
    order: 3;
}

.pcfr_track .product_list .s_title_block,
#center_column .product_list .s_title_block {
    height: auto;
    margin: 0 0 6px;
    font-size: 14px;
    line-height: 1.35;
    font-weight: 600;
}

/* OJO: aquí hi havia `-webkit-line-clamp: 2` amb `overflow: hidden`. El
   retall d'un pseudo-element absolut el fa l'`overflow` de l'element que el
   conté, o sigui que l'enllaç estirat de sota quedava escapçat a la mida del
   títol i la targeta NO s'obria clicant a la foto ni al botó. El nom ja ve
   retallat del servidor (`truncate:35` a `product-list.tpl`), o sigui que el
   clamp no calia. */
.pcfr_track .product_list .s_title_block a,
#center_column .product_list .s_title_block a {
    color: #2c3138;
    display: block;
}

/* La valoració ve del tema amb `unvisible`; el JS la destapa NOMÉS quan el
   producte té opinions de veritat. Veure js/autoload/zz-card-editorial.js */
.pcfr_track .product_list .rating_box.te-opinions,
#center_column .product_list .rating_box.te-opinions {
    display: block;
    visibility: visible;
    margin: 0 0 8px;
    font-size: 12px;
    line-height: 1;
}

.pcfr_track .product_list .rating_box.te-opinions .comment_nbr,
#center_column .product_list .rating_box.te-opinions .comment_nbr {
    color: #6d757f;
    font-size: 12px;
    margin-left: 4px;
}

.pcfr_track .product_list .content_price,
#center_column .product_list .content_price {
    margin: 0;
    font-size: 17px;
    font-weight: 700;
    color: #2c3138;
}

/* ═══════════════════════════════════════════════════════════════════════════
   L'acció
   ---------------------------------------------------------------------------
   El botó penjava del títol (`.s_title_block a::after`) per fer-lo clicable
   sense tocar el marcat. El problema és que un pseudo-element no es pot
   reordenar independentment del seu amfitrió: arrossegava el botó fins just
   sota el nom, per damunt de les estrelles i del preu.
   Ara el botó penja de la caixa de text, que sí que es pot ordenar, i la
   clicabilitat es resol estirant l'enllaç del producte per damunt de tota la
   targeta. De regal, la targeta sencera passa a ser clicable, que és el que
   la gent intenta fer igualment. La botiga només té català.
   ═══════════════════════════════════════════════════════════════════════════ */

.pcfr_track .product_list li.ajax_block_product,
#center_column .product_list li.ajax_block_product {
    position: relative;
}

.pcfr_track .product_list .s_title_block a::before,
#center_column .product_list .s_title_block a::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
}

.pcfr_track .product_list .pro_second_box::after,
#center_column .product_list .pro_second_box::after {
    /* El text ve de `product-list.tpl`, que sap si el producte té talla:
       «Escull la mida» per a les polseres, «Afegir al cistell» per a les
       arracades i la resta. Posar-lo fix al CSS mentia a mitja botiga. */
    content: attr(data-pcfr-cta);
    order: 4;
    display: block;
    margin: 12px auto 0;
    max-width: 190px;
    padding: 11px 18px;
    border: 1px solid #d96701;
    border-radius: 999px;
    background: #fff;
    color: #d96701;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    transition: background .18s ease, color .18s ease;
}

.pcfr_track .product_list li:hover .pro_second_box::after,
#center_column .product_list li:hover .pro_second_box::after {
    background: #d96701;
    color: #fff;
}

/* ═══════════════════════════════════════════════════════════════════════════
   Mòbil
   ═══════════════════════════════════════════════════════════════════════════ */

@media (max-width: 767px) {
    .pcfr_track .product_list .pro_second_box,
    #center_column .product_list .pro_second_box {
        padding: 12px 10px 14px;
    }

    .pcfr_track .product_list .s_title_block,
    #center_column .product_list .s_title_block {
        font-size: 13px;
    }

    /* Sense `hover` en tàctil: el botó es queda ple des del principi, que si no
       sembla desactivat. */
    .pcfr_track .product_list .pro_second_box::after,
    #center_column .product_list .pro_second_box::after {
        background: #d96701;
        color: #fff;
        max-width: none;
        padding: 12px 14px;
    }
}


/* ═══════════════════════════════════════════════════════════════════════════
   El passar-hi per sobre (2026-08-16)
   ---------------------------------------------------------------------------
   Tres coses que es veien malament a la captura d'en Pol:
    · un fons gris que només tapava el bloc de text i deixava la foto i la
      part de sota en blanc: semblava mig pintat;
    · una franja taronja a tota amplada amb «Afegir a la llista de desitjos»
      en un text que amb prou feines es llegia damunt del taronja;
    · i que no s'entrava al producte clicant a cap banda.
   ═══════════════════════════════════════════════════════════════════════════ */

/* --- el ressaltat va a TOTA la targeta, no a mitja --------------------------
   El tema pinta `.pro_second_box { background: #fafafa }` (sass/global.scss).
   Es desfà i es canvia per un lleuger relleu de la targeta sencera. */
.pcfr_track .product_list li:hover .pro_second_box,
#center_column .product_list li:hover .pro_second_box {
    background: transparent;
}

.pcfr_track .product_list .pro_outer_box,
#center_column .product_list .pro_outer_box {
    border-radius: 10px;
    transition: box-shadow .18s ease, transform .18s ease;
}

/* El color va al `<li>`, que és qui porta el marc: la caixa interior fa 421px
   dins d'un `<li>` de 471, o sigui que pintant-la a ella quedaven 50px de blanc
   dins del mateix marc. Pintant el `<li>` no hi ha cap tall. */
.pcfr_track .product_list li.ajax_block_product,
#center_column .product_list li.ajax_block_product {
    transition: background-color .18s ease, box-shadow .18s ease, border-color .18s ease;
}

/* Qui pinta de blanc la targeta sencera és `.product-container` —és qui porta
   el marc i el radi de 10px, i fa els 472px complets—, no el `<li>` ni
   `.pro_outer_box` (422px, transparent). Pintar el `<li>` no es veia perquè
   `.product-container` li queda al damunt tapant-lo tot. */
.pcfr_track .product_list .product-container,
#center_column .product_list .product-container {
    transition: background-color .18s ease, border-color .18s ease;
}

/* Res de canviar el fons en passar-hi per sobre. Les fotos del catàleg són
   JPG amb fons BLANC —no tenen transparència—, o sigui que tenyir la targeta
   de gris deixa un rectangle blanc enmig que canta molt més que el ressaltat
   que es buscava. El senyal de «això es pot clicar» el donen l'ombra, el
   marc i el petit relleu, que no barallen amb la foto. */
.pcfr_track .product_list li:hover .product-container,
#center_column .product_list li:hover .product-container {
    background-color: #fff;
    border-color: #c9ced4;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .10);
    transform: translateY(-3px);
}

.pcfr_track .product_list li:hover .pro_outer_box,
#center_column .product_list li:hover .pro_outer_box {
    box-shadow: none;
    transform: none;
}

/* --- la franja taronja passa a ser un botó rodó sobre la foto ---------------
   El marcat és `.hover_fly` dins de `.pro_first_box`, i el tema l'anima pujant
   el `bottom` fins a 0, d'aquí la franja. Aquí es descarta la franja sencera i
   només en queda la icona, a dalt a la dreta. */
.pcfr_track .product_list .hover_fly,
#center_column .product_list .hover_fly {
    top: 10px;
    right: 10px;
    bottom: auto;
    left: auto;
    width: auto;
    height: auto;
    padding: 0;
    background: none;
    /* Per damunt de l'enllaç estirat (z-index 2), que si no te'l menja. */
    z-index: 3;
}

.pcfr_track .product_list .hover_fly a,
#center_column .product_list .hover_fly a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 1px 6px rgba(0, 0, 0, .16);
    color: #6d757f;
    font-size: 0;
    line-height: 1;
    transition: background .15s ease, color .15s ease;
}

.pcfr_track .product_list .hover_fly a:hover,
#center_column .product_list .hover_fly a:hover {
    background: #fff;
    color: var(--pcfr-accent, #d96701);
}

/* El rètol «Afegir a la llista de desitjos» fora: la icona d'estrella ja s'entén
   i el text no cabia enlloc sense fer una franja. Es manté per als lectors de
   pantalla amb el `title` de l'enllaç. */
.pcfr_track .product_list .hover_fly a span,
#center_column .product_list .hover_fly a span {
    display: none;
}

.pcfr_track .product_list .hover_fly a i,
#center_column .product_list .hover_fly a i {
    font-size: 15px;
    margin: 0;
}

/* Sense punter no hi ha «passar per sobre»: en tàctil es veu sempre. */
@media (hover: none) and (pointer: coarse) {
    .pcfr_track .product_list .hover_fly,
    #center_column .product_list .hover_fly {
        visibility: visible;
        opacity: 1;
    }
}

/* --- arrossegar sense que el navegador es pensi que mous la foto -----------
   El lliscament «no anava en algunes zones» perquè començant damunt d'una
   imatge s'activava l'arrossegament natiu del navegador i es menjava el
   gest. Amb això, les fotos deixen de ser arrossegables. */
.pcfr_track img,
.pcfr_track a {
    -webkit-user-drag: none;
    user-drag: none;
}


/* L'estrella s'estrenyia en passar-hi per sobre: el tema li dona `overflow:
   hidden` i li anima l'amplada per desplegar el rètol al costat de la icona
   (`.itemlist_action a`). Com que el rètol ja no es mostra, aquí es clava la
   mida i es talla qualsevol animació d'amplada. */
.pcfr_track .product_list .hover_fly a,
.pcfr_track .product_list .hover_fly a:hover,
#center_column .product_list .hover_fly a,
#center_column .product_list .hover_fly a:hover {
    flex: 0 0 36px;
    width: 36px !important;
    min-width: 36px;
    max-width: 36px;
    height: 36px;
    overflow: visible;
    transition: background-color .15s ease, color .15s ease;
}/**
 * Pagina de producte: TOT el CSS de la fitxa, en un sol lloc.
 *
 * Abans estava repartit en tres capes que competien entre elles:
 *   1. zz-product-buybox.css  -> selectors `.primary_block .pb-*`   (0,2,0)
 *   2. zz-product-pdp.css     -> barreja
 *   3. <style> dins header.tpl -> selectors `#product .pb-*`        (1,1,0)
 * Com que la capa 3 tenia mes especificitat, guanyava sempre: bona part de les
 * 40 `!important` de la capa 1 no feien res i eren impossibles de depurar.
 *
 * L'ordre de les seccions d'aquest fitxer reprodueix EXACTAMENT la cascada
 * anterior (buybox -> pdp -> bloc incrustat), aixi que fusionar no canvia res.
 * A partir d'aqui, qualsevol regla nova va al final i guanya per ordre de font,
 * sense necessitat d'inflar l'especificitat.
 *
 * Nota de cascada: css/autoload/ el carrega el FrontController amb scandir(),
 * es a dir per ordre alfabetic i despres del CSS propi del tema.
 */


/* ============================================================================
   1. BLOC DE COMPRA
   origen: zz-product-buybox.css
   ============================================================================ */

/**
 * Bloc de compra de la fitxa de producte — Polsera Catalana
 * ---------------------------------------------------------------------------
 * Mesurat el 2026-08-14 en 11 amplades. Tres coses que fallaven:
 *
 * 1. El botó «AFEGIR AL CISTELL» tenia una amplada FIXA de 207px dins d'una
 *    columna de compra de 242–311px, o sigui que se sortia de la caixa a TOTES
 *    les amplades d'escriptori (fins a +121px a 992px) i també als mòbils
 *    petits (+33px a 360px). Ara és fluid.
 * 2. Els controls de compra es quedaven a 40px, just per sota del mínim amb
 *    què un dit encerta. Són els botons més usats de la pàgina.
 * 3. Un `<p>` sense classe embolcallava la píndola de la quantitat i hi
 *    dibuixava un SEGON fons amb cantonades de 8px, que assomava 2px per cada
 *    banda darrere de la píndola de 999px. Semblava desalineat; en realitat
 *    era simètric, el que sobrava era el fons.
 */

/* ═══════════════════════════════════════════════════════════════════════════
   1 · La fila de compra: quantitat + botó, sense desbordar
   ═══════════════════════════════════════════════════════════════════════════ */

.box-cart-bottom .qt_cart_box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

/* `min-width: 0` és el que permet que l'element encongeixi de veritat: sense
   això un fill flexible es nega a baixar de la mida del seu contingut i el
   botó torna a sortir-se'n. */
#add_to_cart_wrap {
    flex: 1 1 180px;
    min-width: 0;
}

/* OJO amb els selectors: AWP REBATEJA `#add_to_cart` a `#awp_add_to_cart` en
   muntar el seu widget. Apuntar només al primer feia que l'arreglament només
   funcionés al mòbil i l'escriptori seguís desbordant 58–127px. */
#add_to_cart,
#awp_add_to_cart {
    margin: 0;
    width: 100%;
}

#add_to_cart .exclusive,
#add_to_cart button,
#awp_add_to_cart .exclusive,
#awp_add_to_cart button {
    /* Fluid, no 207px clavats. */
    width: 100% !important;
    max-width: 100%;
    min-width: 0;
    /* 2 · mínim tàctil. Abans 40px d'alt. */
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 16px;
    white-space: normal;
    line-height: 1.2;
}

/* ═══════════════════════════════════════════════════════════════════════════
   3 · Fora el segon fons de la quantitat
   ═══════════════════════════════════════════════════════════════════════════ */

#quantity_wanted_p {
    margin: 0;
    padding: 0;
    border: 0 !important;
    background: none !important;
    border-radius: 0 !important;
    box-shadow: none;
    flex: 0 0 auto;
}

/* ═══════════════════════════════════════════════════════════════════════════
   Amplades on la columna de compra és més estreta
   ═══════════════════════════════════════════════════════════════════════════ */

/* Entre 768 i 1200 la columna baixa a 242–260px: allà quantitat i botó no
   caben de costat, així que el botó passa a la línia de sota a tota amplada.
   És millor un botó ample sota la quantitat que dos elements espremuts. */
/* Es fa servir `flex-direction: column`, no un `flex-basis: 100%` amb
   embolcall: amb l'embolcall el botó es quedava a 68px perquè no arribava a
   saltar de línia. En columna no hi ha res que interpretar. */
@media (min-width: 768px) and (max-width: 1199px) {
    /* Aquí hi havia tres regles (apilar `.qt_cart_box` en bloc, `inline-block`
       a la quantitat i `#add_to_cart_wrap` a tota amplada) que ja no
       s'aplicaven: la passada `.primary_block ...` de la secció 5, més avall en
       aquest mateix rang, té més especificitat i les sobreescriu totes. Eren de
       l'etapa en què aquesta franja encara tenia tres columnes.
       Verificat el 2026-08-20 amb l'analitzador de cascada. */

    /* La píndola de la quantitat no s'ha d'estirar a tota amplada: quedaria un
       comptador de 242px per a un número d'una xifra. */
    #quantity_wanted_p {
        align-self: flex-start;
    }
}

@media (max-width: 480px) {
    /* `display: block` i no una columna flexible: a 992px el tema entra per
       una altra branca de maquetació i la direcció de la columna no s'hi
       aplicava — el botó es quedava a 68px. En bloc, els dos fills s'apilen
       sols i no hi ha res a sobreescriure. */
    .box-info-product .box-cart-bottom .qt_cart_box,
    .box-cart-bottom .qt_cart_box {
        display: block !important;
    }

    .box-cart-bottom #quantity_wanted_p {
        display: inline-block;
        margin-bottom: 10px !important;
    }

    #add_to_cart_wrap {
        width: 100%;
    }

    #quantity_wanted_p {
        align-self: flex-start;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════
   5 · El pas intermedi de 2 columnes (768–1199px)
   ---------------------------------------------------------------------------
   Abans la fitxa passava de 3 columnes a 1 de cop, exactament entre 768 i
   767px, sense res al mig. El resultat era que entre 768 i 1200 les tres
   columnes seguien de costat amb la de compra espremuda a 242–260px: massa
   estreta per al que hi ha a dins, i causa directa del botó desbordant.

   Aquí es fa el que fan les botigues grans en aquesta franja: es queden DUES
   columnes —foto i informació— i la caixa de compra baixa a sota, a tota
   amplada. Guanya la foto, guanya el botó, i no s'espreme res.
   ═══════════════════════════════════════════════════════════════════════════ */

@media (min-width: 768px) and (max-width: 1199px) {
    /* LA CAUSA REAL, trobada el 2026-08-15 a `css/product.css:706`: a partir
       de 768px el tema converteix `.pb-center-column` en un GRID de dues
       pistes, `grid-template-columns: 1fr 260px`, i hi encaixa la caixa de
       compra a la segona. Per això totes les proves anteriors fallaven: posar
       `width:100%` a `.product-buy-sticky` li dona el 100% D'UNA PISTA DE
       260px, o sigui 260px. No hi havia cap `float` ni cap amplada fixa a
       trobar; el límit el posava la graella de sobre.
       Aquí es desfà la segona pista i la caixa passa a ser una franja sencera
       sota la informació. */
    .primary_block .pb-center-column {
        display: block;
        grid-template-columns: none;
    }

    .primary_block .pb-center-column > * {
        grid-column: auto !important;
        grid-row: auto;
    }

    .primary_block .product-buy-sticky,
    .primary_block #buy_block {
        position: static;
        float: none;
        width: 100%;
        max-width: none;
    }

    .primary_block .box-info-product {
        float: none;
        clear: both;
        width: 100%;
        max-width: none;
        margin-top: 22px;
        padding-top: 18px;
        border-top: 1px solid #e8ebee;
    }

    /* Amb tota l'amplada disponible, preu i compra tornen a poder anar de
       costat: no cal apilar-ho tot. */
    .primary_block .box-info-product .box-cart-bottom {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-end;
        gap: 16px;
    }

    .primary_block .box-info-product .box-cart-bottom .qt_cart_box {
        flex: 1 1 320px;
    }

    /* El botó ja no necessita una fila per ell sol aquí: hi ha espai de sobra.
       Es desfà l'apilament en bloc de més amunt, que era per a la columna
       estreta que ja no existeix en aquesta franja. */
    .primary_block .box-info-product .box-cart-bottom .qt_cart_box {
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
        gap: 10px;
    }

    .primary_block .box-info-product #add_to_cart_wrap {
        flex: 1 1 220px;
        width: auto;
    }

    .primary_block .box-info-product #quantity_wanted_p {
        display: inline-block;
        margin-bottom: 0;
    }

    /* Aquí hi havia `.primary_block .pb-left-column { width: 44% }`. No
       s'aplicava a cap amplada: `#product .pb-left-column` (secció 3) hi entra
       tant a 768–991 com a 992–1199 i té més especificitat. */

    .primary_block .pb-center-column {
        width: 56%;
    }

    /* La TERCERA columna (logotip de la marca i el bloc de garanties) baixa a
       sota a tota amplada. Amb ella al costat seguíem tenint tres columnes en
       una franja on no hi caben; aquest era l'altre motiu que la fitxa es veiés
       espremuda entre 768 i 1200. */
    .primary_block .pb-right-column {
        float: none !important;
        clear: both;
        width: 100% !important;
        margin-top: 6px;
    }

    /* Amb tota l'amplada, el bloc de garanties es reparteix en fila en comptes
       d'apilar-se en una columna estreta. */
    .primary_block .pb-right-column #product_manufacturer_logo {
        text-align: left;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════
   6 · Retocs vistos a la captura del 2026-08-15
   ═══════════════════════════════════════════════════════════════════════════ */

/* --- el botó «Editar» d'AWP ------------------------------------------------
   Surt quan el producte ja és al cistell i AWP permet editar-ne la línia.
   El pintava com un botó gris fosc surant tot sol a la dreta, per damunt del
   d'afegir: semblava l'acció principal i no ho és, i «Editar» sense context no
   diu què s'edita. Aquí baixa a sota, a tota amplada i amb aspecte secundari. */
/* El botó no és al marcat del servidor: el crea AWP per JS amb
   `$('#awp_add_to_cart').before(...)`, o sigui que neix com a germà ANTERIOR
   del botó taronja dins de `#add_to_cart_wrap`. Per posar-lo a sota sense
   tocar el JS del mòdul, l'embolcall passa a columna flexible i s'inverteix
   l'ordre amb `order`. */
#add_to_cart_wrap {
    display: flex;
    flex-direction: column;
}

#awp_edit {
    order: 2;
    margin: 10px 0 0 !important;
    padding: 0;
    width: 100%;
}

#add_to_cart_wrap #awp_add_to_cart {
    order: 1;
}

.awp_edit.exclusive,
input.awp_edit {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 44px;
    padding: 10px 16px !important;
    border: 1px solid #dfe3e7 !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #2c3138 !important;
    font-weight: 600;
    text-transform: none !important;
    box-shadow: none !important;
    transition: border-color .15s ease, background .15s ease;
}

input.awp_edit:hover {
    border-color: #b7bdc4 !important;
    background: #f7f8f9 !important;
}

/* --- la icona del termini d'entrega ---------------------------------------
   El mòdul demana `font-family: "FontAwesome"` per pintar el camió (\f0d1),
   però aquest tema no carrega FontAwesome: el navegador no troba el glif i
   dibuixa el quadradet buit que es veu a la captura. Es canvia per un camió
   en SVG, que no depèn de cap font. */
/* Els selectors van sense niar, igual que al mòdul: el bloc de l'entrega el
   pinta el JS i no sempre penja de `.estimateddelivery`. */
.estimateddelivery h4::before,
.ed_orderbefore::before {
    content: "" !important;
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-right: 7px;
    vertical-align: -3px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='%23555b63' d='M624 352h-16V243.9c0-12.7-5.1-24.9-14.1-33.9L494 110.1c-9-9-21.2-14.1-33.9-14.1H416V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48v320c0 26.5 21.5 48 48 48h16c0 53 43 96 96 96s96-43 96-96h128c0 53 43 96 96 96s96-43 96-96h48c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zM160 464c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm320 0c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm80-208H416V144h44.1l99.9 99.9V256z'/%3E%3C/svg%3E") no-repeat center / contain;
}

/* --- res no s'ha de sortir de la targeta de compra ------------------------- */
.box-info-product {
    overflow-x: clip;
}


/* ============================================================================
   2. FITXA: galeria, pestanyes, opinions, mobil
   origen: zz-product-pdp.css
   ============================================================================ */

/**
 * Fitxa de producte — millores de UX i responsive
 * ---------------------------------------------------------------------------
 * Auditat el 2026-08-19 a 11 amplades (360, 390, 414, 768, 992, 1024, 1100,
 * 1199, 1280, 1440, 1920) amb mesures reals del DOM, no a ull.
 *
 * Complementa `zz-product-buybox.css`, que arregla la caixa de compra per dins.
 * Aquest fitxer arregla el que la envolta: on cau el plec, què es retalla, què
 * és massa petit per tocar-hi i què sobra.
 *
 * Ordre: 1 mòbil · 2 franja 992-1199 · 3 escriptori · 4 transversal
 */

/* ═══════════════════════════════════════════════════════════════════════════
   1 · MÒBIL — que el preu i el botó entrin a la primera pantalla
   ═══════════════════════════════════════════════════════════════════════════

   Mesurat abans: a 390x844 l'H1 queia a 555px i el preu a 981px, o sigui
   137px PER SOTA del plec. La foto s'enduia 550px dels 844. A 360 i 414 igual.
   Les botigues grans donen a la foto un 55-65% de l'alçada de pantalla, no el
   100%, precisament per encabir nom + preu + selector + botó sense scroll.
   Amb 52vh la foto segueix manant i el preu puja per damunt del plec.        */

@media (max-width: 767px) {

    .pb-left-column #bigpic,
    .pb-left-column #jqzoom_bigpic,
    .pb-left-column .product-image-container img,
    .pb-left-column #image-block img {
        max-height: 52vh;
        width: auto;
        max-width: 100%;
        margin: 0 auto;
        object-fit: contain;
    }

    .pb-left-column #image-block,
    .pb-left-column .product-image-container {
        text-align: center;
        padding: 8px 0;
    }

    /* El fil d'Ariadna s'enduia una fila sencera amb enllaços de 14px d'alt.
       Es queda, perquè és navegació i SEO, però compacte i sense el nivell
       actual —que ja és el títol que hi ha just a sota. */
    section.breadcrumb {
        padding: 6px 0;
        font-size: 12px;
        line-height: 1.3;
        white-space: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    section.breadcrumb::-webkit-scrollbar { display: none; }
    section.breadcrumb .navigation_end { display: none; }

    /* Les miniatures: quadrades, amb la seleccionada evident. Abans el marcat
       era una vora gris molt tènue i no es veia quina estava activa. */
    .pb-left-column .thumbs_list li a,
    .pb-left-column #thumbs_list li a {
        border: 2px solid #e8ebee;
        border-radius: 8px;
        overflow: hidden;
        display: block;
    }
    .pb-left-column .thumbs_list li a.zoomThumbActive,
    .pb-left-column #thumbs_list li a.zoomThumbActive,
    .pb-left-column .thumbs_list li a.shown {
        border-color: #e8641e;
        box-shadow: 0 0 0 2px rgba(232, 100, 30, .18);
    }
}

/* ── Objectius tàctils: 44px és el mínim d'Apple, 48 el de Google ──────────
   Mesurat: els desplegables de MIDA i MATERIAL feien 167x32. Són els dos
   controls que TOTHOM ha de tocar per comprar. També pujaven curts els
   botons socials (77x26) i l'enllaç de desitjos (213x32).                   */

@media (max-width: 991px) {

    #prodOpt select,
    #awp_container select,
    .awp_box select,
    .attribute_list select,
    #buy_block select {
        min-height: 48px;
        font-size: 16px; /* < 16px fa que iOS faci zoom en enfocar */
        padding: 8px 36px 8px 12px;
    }

    #prodOpt label,
    #awp_container label,
    .awp_box label {
        font-size: 15px;
    }

    .addToWishlist {
        display: inline-flex;
        align-items: center;
        min-height: 44px;
    }

    /* Els botons de compartir no competeixen amb la compra: es queden, però
       discrets i sense robar espai vertical a la zona de decisió. */
    p.socialsharing_product {
        margin-top: 6px;
        opacity: .75;
    }
    p.socialsharing_product .btn {
        min-height: 36px;
        display: inline-flex;
        align-items: center;
    }

    /* Cos de text llegible. Mesurat: 60 elements a 12px a la fitxa. */
    .rte, .rte p, .rte li,
    #short_description_content,
    #short_description_content p,
    .product_accordion p,
    .product_accordion li {
        font-size: 15px;
        line-height: 1.55;
    }
}

/* NOTA (2026-08-19): la barra de compra fixa NO es defineix aquí. Ja existeix
   `.sticky-bottom-bar`, amb marcatge a product.tpl i estils a header.tpl, i
   funciona. A producció no s'activa mai perquè el JS combinat hi està trencat
   —el mateix motiu pel qual `highdpiInit` no existeix allà. És un problema de
   desplegament, no de codi: no s'ha de duplicar la barra.

   Els arreglos de graella de 992-1199 i d'escriptori tampoc són aquí: el
   disseny real de la fitxa viu en un <style> incrustat a header.tpl amb
   selectors `#product ...`, que per especificitat guanya qualsevol regla de
   classe d'aquest fitxer. S'han fet allà. */

/* ═══════════════════════════════════════════════════════════════════════════
   4 · TRANSVERSAL
   ═══════════════════════════════════════════════════════════════════════════ */

/* La taula d'especificacions es tallava a mitja fila amb scroll propi. */
table.table-data-sheet {
    width: 100%;
    max-width: 100%;
    display: table;
}
.table-data-sheet td,
.table-data-sheet th {
    white-space: normal;
    word-break: break-word;
}

/* El botó de descàrrega del mesurador era una franja fosca a tot l'ample amb
   un «(0)» al costat que no vol dir res per al client. El «(0)» surt de la
   mida del fitxer; s'amaga a la plantilla. Aquí només se li dona forma de
   botó secundari, que és el que és. */
#idTab9 .btn-block,
#more_info_sheets .btn-block {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: auto;
    min-height: 44px;
    padding: 10px 20px;
    background: #fff;
    color: #2b2f33;
    border: 1px solid #d7dce1;
    border-radius: 8px;
    font-weight: 600;
}
#idTab9 .btn-block:hover,
#more_info_sheets .btn-block:hover {
    border-color: #e8641e;
    color: #e8641e;
}

/* ── Guia de talles al costat del selector ──────────────────────────────────
   El «Mesurador de Polseres» estava enterrat a ~5.000px de scroll. En
   bisutería la talla és LA causa de devolució: ha de ser aquí. */
.pdp-size-help {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-left: 10px;
    font-size: 13px;
    font-weight: 600;
    color: #e8641e;
    text-decoration: underline;
    text-underline-offset: 2px;
    min-height: 32px;
    cursor: pointer;
}
.pdp-size-help:hover { color: #c9511a; }

.pdp-modal {
    position: fixed;
    inset: 0;
    z-index: 10050;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 16px;
    background: rgba(20, 24, 28, .55);
}
.pdp-modal.is-open { display: flex; }
.pdp-modal__box {
    background: #fff;
    border-radius: 14px;
    max-width: 520px;
    width: 100%;
    max-height: 86vh;
    overflow-y: auto;
    padding: 24px;
    box-shadow: 0 18px 50px rgba(0, 0, 0, .28);
}
.pdp-modal__box h3 { margin: 0 0 12px; font-size: 20px; }
.pdp-modal__close {
    float: right;
    border: 0;
    background: none;
    font-size: 26px;
    line-height: 1;
    cursor: pointer;
    color: #6b7378;
    min-width: 44px;
    min-height: 44px;
}

/* Aquí hi havia els estils de `.pdp-delivery`, una línia de termini d'entrega
   pròpia. TRETA el 2026-08-26 amb el seu marcatge: duplicava el que ja publica
   el mòdul `estimateddelivery`, que és la font bona. Ni el marcatge ni aquests
   estils existeixen ja. */

/* L'avís de galetes és fix a baix i tapava contingut de forma permanent
   —inclosa la barra de compra. Es compacta i se li cedeix el pas. */
#cookieNotice {
    padding: 8px 12px;
    font-size: 12.5px;
    line-height: 1.35;
}

/* ── Opinions ──────────────────────────────────────────────────────────────
   Es pintaven les 24 de cop (121 nodes, 7.720px de pàgina al mòbil). */
.pdp-reviews-more {
    display: block;
    width: 100%;
    max-width: 320px;
    margin: 14px auto 0;
    min-height: 46px;
    padding: 12px 20px;
    background: #fff;
    border: 1px solid #d7dce1;
    border-radius: 8px;
    font-weight: 600;
    color: #2b2f33;
    cursor: pointer;
}
.pdp-reviews-more:hover { border-color: #e8641e; color: #e8641e; }
.pdp-review-hidden { display: none; }

/* Cada opinió arrossega «us sembla útil?» amb dos polzes i, per als clients
   identificats, «Informeu d'un abús». El vot útil es queda; el report s'atenua
   fins que es passa pel damunt de l'opinió, com fan les grans.

   CORRECCIÓ 2026-08-21: aquestes dues regles s'havien tret el dia abans amb
   l'excusa que l'enllaç no existia. Existeix: el tpl el treu dins d'un
   `{if $logged && !$comment.customer_report}`
   (themes/transformer/modules/smartproductcomments/productcomments.tpl:172),
   o sigui que NOMÉS surt per als clients identificats. La comprovació s'havia
   fet com a convidat. Compte amb això quan s'audita: hi ha marcatge que només
   apareix amb sessió iniciada. */
.comment .report_btn,
.comment .reportComment,
li.comment a[href*="report"] {
    opacity: 0;
    transition: opacity .15s ease;
}
.comment:hover .report_btn,
.comment:hover .reportComment,
li.comment:hover a[href*="report"] {
    opacity: .6;
}

/* El preu es quedava 81px per sota del plec a 390x844. Amb la foto una mica
   més continguda i sense els marges morts entre títol i selectors, hi entra.
   La descripció llarga no cal que vagi abans del botó: se'n deixa un tast de
   dues línies i la resta ja és a la pestanya «Més informació». */
@media (max-width: 767px) {

    .pb-left-column #bigpic,
    .pb-left-column #jqzoom_bigpic,
    .pb-left-column .product-image-container img,
    .pb-left-column #image-block img {
        max-height: 44vh;
    }

    .pb-center-column h1.product_main_name {
        margin: 6px 0 4px;
        font-size: 22px;
        line-height: 1.2;
    }

    .pb-center-column .product-inline-rating { margin: 0 0 6px; }
    .pb-center-column .product_info_box { margin-bottom: 6px; }

    #short_description_block {
        margin: 0 0 10px;
        padding: 0;
        border: 0;
    }
    #short_description_content {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    #prodOpt, #awp_container { margin-top: 4px; }
    /* `#prodOpt .awp_box, #awp_container .awp_box { margin-bottom; padding }`
       no arribava mai: la regla general `#awp_container .awp_box` de la
       secció 3 va després al fitxer i ho posa tot a zero. */
}

/* ==========================================================================
   MOBIL: preu i botó dins del primer plec
   --------------------------------------------------------------------------
   Mesurat a 390x844: el preu queia a 936px, 92px per sota del plec. Les
   botigues grans (Zara, Amazon, Apple) posen títol -> variants -> preu -> CTA
   i baixen descripció i metadades. Aquí es fa igual, sense encongir la foto
   ni el títol:
     - "Veure totes les imàtges" (jqzoom) no serveix a tàctil  -> 26px
     - descripció curta passa sota el bloc de compra           -> 49px
     - referència + "Nou producte" passen sota el bloc          -> 24px
   Cal `display:flex` al contenidor perquè `order` tingui efecte: a mòbil era
   `display:block`. A partir de 992px mana la graella de header.tpl.
   ========================================================================== */
@media (max-width:991px) {
    #product .pb-left-column p.resetimg,
    #product .pb-left-column #usefull_link_block { display:none; }

    #product .pb-center-column { display:flex !important; flex-direction:column; }
    #product .pb-center-column > .product_main_name  { order:1; }
    #product .pb-center-column > #prodOpt            { order:2; }
    #product .pb-center-column > .product-buy-sticky { order:3; }
    #product .pb-center-column > #short_description_block { order:4; margin-top:18px; }
    #product .pb-center-column > .product_info_box   { order:5; opacity:.75; font-size:13px; }
    /* qualsevol altre fill conserva la posició relativa al final */
    #product .pb-center-column > *                   { order:6; }
}

/* Amb el reordenament el preu queia a 845px amb el plec a 844: just fora per
   1px, massa al límit per fiar-s'hi (el plec varia amb la barra del navegador).
   Aquests 22px de marge fan que caigui a ~823 a l'iPhone més estret. */
@media (max-width:991px) {
    #product .pb-left-column #bigpic,
    #product .pb-left-column #jqzoom_bigpic { max-height:300px; }
    #product .pb-center-column > .product_main_name { margin-top:2px; }
    #product .pb-left-column #views_block { margin-top:6px; }
}


/* ============================================================================
   3. LAYOUT DE 3 COLUMNES I AWP
   origen: <style> incrustat a header.tpl
   ============================================================================ */

/* ===== PRODUCT PAGE ===== */
#image-block { border-radius:12px; overflow:hidden; border:1px solid #f0f0f0; background:#fafafa; }
h1.product_main_name { font-size:28px; font-weight:700; line-height:1.25; color:#1a1a1a; margin-bottom:12px; padding-bottom:16px; border-bottom:2px solid #f0f0f0; text-transform:none; }
#short_description_content { font-size:15px; line-height:1.65; color:#555; }
#our_price_display { font-size:32px; font-weight:800; color:#1a1a1a !important; }
#product .content_prices { margin-bottom:16px; padding:12px 0; }

/* AWP: strip old decorations */
#awp_container .awp_box { background:none; border:none; margin:0; padding:0; }
#awp_container .xtop, #awp_container .xbottom, #awp_container .xb1, #awp_container .xb2, #awp_container .xb3, #awp_container .xb4 { display:none; }
#awp_container > .awp_box > .awp_header { background:none; border:none; padding:0 0 8px; font-size:15px; font-weight:600; color:#333; }
#awp_container .awp_content { background:none; padding:0; }
/* AWP attribute cards */
#awp_container .awp_box_inner { background:#f8f8f8; border:1px solid #eee; border-radius:8px; padding:14px 16px; margin-bottom:10px; }
#awp_container .awp_box_inner .awp_header { display:block; font-size:14px; font-weight:700; color:#333; text-transform:uppercase; letter-spacing:0.3px; padding:0 0 10px; margin-bottom:0; border-bottom:none; }
/* AWP wizard layout: label 45%, select 54% */
#awp_wizard .awp_header { width:45% !important; }
#awp_wizard .awp_content { width:54% !important; }
/* AWP: force all select parents to full width */
#awp_container .awp_cell_cont, #awp_container .awp_sel_conth, #awp_container .awp_sel_conth .selector, #awp_container .awp_sel_conth > div { width:100% !important; max-width:100%; display:block; box-sizing:border-box; }
/* Override Uniform.js: kill the styled wrapper entirely */
#awp_container .selector { overflow:visible; height:auto; background:none; border:none; padding:0; margin:0; }
#awp_container .selector span { display:none; }
#awp_container select.awp_attribute_selected { width:95% !important; max-width:100%; box-sizing:border-box; opacity:1 !important; position:relative !important; appearance:none; -webkit-appearance:none; background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23666' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") no-repeat right 20px center; border:2px solid #ddd; border-radius:6px; padding:5px 0 5px 7px; font-size:14px; color:#333; cursor:pointer; transition:border-color 0.2s; height:auto !important; }
#awp_container select.awp_attribute_selected:hover, #awp_container select.awp_attribute_selected:focus { border-color:#E67E22; outline:none; box-shadow:0 0 0 3px rgba(230,126,34,0.12); }

/* Quantity + Add to Cart on same line */
.box-cart-bottom .qt_cart_box { display:flex !important; align-items:center; gap:12px; flex-wrap:nowrap; }
#quantity_wanted_p { display:inline-flex !important; align-items:stretch; border:2px solid #e0e0e0; border-radius:8px; overflow:hidden; background:#fff; margin:0; width:auto; max-width:fit-content; flex-shrink:0; padding:0 !important; }
#quantity_wanted_p .quantity_input_wrap { display:inline-flex !important; align-items:stretch; float:none; width:auto !important; padding:0 !important; margin:0; }
.product_quantity_down, .product_quantity_up { display:flex; align-items:center; justify-content:center; width:34px; min-width:34px; height:auto; background:#fafafa; color:#555; font-size:16px; font-weight:700; border:none; cursor:pointer; transition:background 0.15s,color 0.15s; text-decoration:none !important; padding:0; float:none; position:static; }
.product_quantity_down:hover, .product_quantity_up:hover { background:#E67E22; color:#fff; }
#quantity_wanted { width:38px !important; height:auto !important; min-height:36px; text-align:center; border:none !important; border-left:1px solid #e0e0e0 !important; border-right:1px solid #e0e0e0 !important; font-size:14px; font-weight:600; color:#333; outline:none; -moz-appearance:textfield; padding:4px 0 !important; margin:0; float:none; }
#add_to_cart .btn_primary.exclusive { background:#E67E22; border:none; border-radius:8px; padding:10px 24px; font-size:15px; font-weight:700; text-transform:uppercase; letter-spacing:0.5px; color:#fff; cursor:pointer; transition:background 0.2s; box-shadow:0 2px 8px rgba(230,126,34,0.3); white-space:nowrap; }
#add_to_cart .btn_primary.exclusive:hover { background:#cf6d18 !important; }

/* Share row in center column */
#product .product-share-row { margin-top:12px; padding-top:12px; border-top:1px solid #f0f0f0; }
#product .product-share-row #product_payment_logos { border-top:none; padding-top:0; margin-top:0; }
#product .socialsharing_product { margin-top:8px; padding-top:0; border-top:none; display:flex; gap:6px; }
.socialsharing_product .social-sharing { background:none; border:1px solid #e0e0e0 !important; border-radius:6px; color:#888; font-size:12px; padding:5px 10px; box-shadow:none; text-shadow:none; }
.socialsharing_product .social-sharing:hover { color:#555 !important; background:#fafafa !important; }
.addToWishlist { display:inline-flex; align-items:center; gap:6px; font-size:13px; color:#888 !important; padding:6px 0; text-decoration:none !important; }
.addToWishlist:hover { color:#E67E22 !important; }
#product_payment_logos .box-security img { max-height:22px; opacity:0.4; filter:grayscale(100%); }

/* Tabs — modern underline style */
#more_info_tabs.common_tabs { border-bottom:2px solid #eee; display:flex; gap:0; }
#more_info_tabs.common_tabs li a { display:block; padding:14px 24px; font-size:14px; font-weight:600; text-transform:uppercase; letter-spacing:0.5px; color:#888; border:none; border-bottom:2px solid transparent; margin-bottom:-2px; background:none; border-radius:0; transition:color 0.2s,border-color 0.2s; }
#more_info_tabs.common_tabs li a:hover { color:#333; }
#more_info_tabs.common_tabs li a.selected { color:#E67E22; border-bottom-color:#E67E22 !important; }
/* `#more_info_sheets` el mana el tema amb `#right_more_info_block
   #more_info_sheets` (css/product.css), que té més especificitat. */
#more_info_sheets .rte { font-size:15px; line-height:1.7; color:#444; }
.table-data-sheet { width:100%; border-collapse:collapse; }
.table-data-sheet td { padding:10px 16px; font-size:14px; border:none !important; }
/* La primera cel·la de la fitxa tècnica la mana el tema amb
   `.table-data-sheet tr td:first-child` (un element més d'especificitat). */
.table-data-sheet tr { border-bottom:1px solid #f0f0f0; }
.table-data-sheet tr.odd { background:#fafafa; }

/* Breadcrumb */
.breadcrumb a { color:#999; }
.breadcrumb a:hover { color:#E67E22; }

/* ===== 3-COLUMN PRODUCT LAYOUT ===== */
@media (min-width:992px) {
	#product .primary_block.row { display:flex; flex-wrap:nowrap; gap:24px; align-items:flex-start; float:none; }
	/* Bootstrap 3 posa .row:before/.row:after (clearfix). En un contenidor
	   flex es converteixen en ITEMS de zero amplada i cadascun es menja un
	   gap de 24px: la columna esquerra arrencava 24px desplacada i la dreta
	   sortia 24px per fora de la fila (3px visibles a 1440). */
	#product .primary_block.row:before,
	#product .primary_block.row:after { display:none !important; }
	#product .pb-left-column { width:calc(35% - 12px); max-width:calc(35% - 12px); flex:0 0 calc(35% - 12px); float:none; }
	#product .pb-left-column #thumbs_list { width:100% !important; }
	/* Center: 2-column subgrid */
	#product .pb-center-column { width:calc(65% - 12px); max-width:calc(65% - 12px); flex:0 0 calc(65% - 12px); float:none; display:grid; grid-template-columns:calc(35/65*100%) calc(30/65*100%); gap:0 24px; align-items:start; align-content:start; padding-left:0; }
	#product .pb-center-column > * { grid-column:1; }
	/* Right buy block */
	#product .pb-center-column > .product-buy-sticky { grid-column:2; grid-row:1/20; align-self:start; }
	#product .pb-center-column > .product-buy-sticky #buy_block { margin-top:0; padding:20px; background:#fafafa; border:1px solid #eee; border-radius:12px; }
	#product .pb-center-column #buy_block .content_prices { border-top:none; padding-top:0; margin-bottom:12px; }
	/* Quantity + button on same row in right col */
	#product .pb-center-column .qt_cart_box { flex-direction:row; flex-wrap:nowrap; align-items:center; }
	#product .pb-center-column #add_to_cart .btn_primary.exclusive { width:auto; white-space:nowrap; }
	/* Reference + condition — stays in center, after title */
	#product .pb-center-column > .product_info_box { grid-column:1; margin-bottom:4px; }
	/* Reassurance: full width below both columns */
	#product .pb-center-column > .product-buy-sticky > .product-reassurance { display:none; }
	#product .pb-right-column { display:none; }
	#product .pb-center-column #short_description_block { margin-bottom:16px; padding-bottom:16px; border-bottom:1px solid #f0f0f0; }
	#product .product-tabs-section { margin-top:40px; }
}

/* 992-1199: amb el buybox a la segona pista de la graella, la fitxa
   quedava espremuda i el contingut es retallava per la dreta (mesurat a
   1024: la columna acabava a 1045 amb el contenidor a 997). En aquesta
   franja el buybox passa a ser una franja sencera sota la informació,
   que és el que fan les botigues grans. Cal el prefix `#product` per
   especificitat: aquest bloc guanya qualsevol regla de classe. */
@media (min-width:992px) and (max-width:1199px) {
	#product .pb-center-column { display:block !important; grid-template-columns:none !important; }
	#product .pb-center-column > * { grid-column:auto !important; grid-row:auto !important; max-width:100%; }
	#product .pb-center-column > .product-buy-sticky { width:100% !important; max-width:100% !important; margin-top:18px; }
	#product .pb-left-column { width:calc(40% - 12px) !important; max-width:calc(40% - 12px) !important; flex:0 0 calc(40% - 12px) !important; }
	#product .pb-center-column { width:calc(60% - 12px) !important; max-width:calc(60% - 12px) !important; flex:0 0 calc(60% - 12px) !important; }
	/* La barra lateral flotant se superposava damunt del buybox. */
	#rightbar { display:none; }
}

/* Reassurance full-width strip below product block */
#product .product-reassurance-fullwidth { display:flex; justify-content:center; gap:0; background:#fafafa; border:1px solid #eee; border-radius:10px; margin:24px 0; overflow:hidden; }
#product .product-reassurance-fullwidth .reassurance-item { flex:1; display:flex; align-items:center; justify-content:center; gap:10px; padding:16px 12px; border-right:1px solid #eee; text-align:center; }
/* El `border-right:none` de l'últim element ja el posa
   `#product .product-reassurance .reassurance-item:last-child`. */

/* Sticky bottom bar — appears when add-to-cart scrolls out of view */
/* z-index 10000: el aviso de cookies va a 9999 y tapaba la barra entera
   justo en la primera visita — es decir, precisamente al cliente que
   llega de Instagram y todavía no ha aceptado nada. El aviso se sube
   por encima de la barra (regla `body.has-buybar #cookieNotice` en
   css/autoload/zz-cart-redesign.css), así que siguen viéndose los dos. */
.sticky-bottom-bar {
	display:none; position:fixed; bottom:0; left:0; right:0; z-index:10000;
	background:#fff; border-top:1px solid #e0e0e0; box-shadow:0 -2px 12px rgba(0,0,0,0.08);
	padding:10px 24px; transition:transform 0.3s ease;
}
.sticky-bottom-bar.visible { display:flex; align-items:center; justify-content:center; gap:20px; }
.sticky-bottom-bar .sbb-img { width:44px; height:44px; border-radius:6px; object-fit:cover; flex-shrink:0; }
.sticky-bottom-bar .sbb-info { flex:1; min-width:0; }
.sticky-bottom-bar .sbb-title { font-size:14px; font-weight:600; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sticky-bottom-bar .sbb-price { font-size:18px; font-weight:800; color:#1a1a1a; flex-shrink:0; }
/* min-height 44px: es la acción principal de toda la ficha en móvil y se
   quedaba en 38. */
.sticky-bottom-bar .sbb-btn {
	background:#E67E22; color:#fff; border:none; border-radius:8px; padding:10px 28px; min-height:44px;
	font-size:14px; font-weight:700; text-transform:uppercase; letter-spacing:0.5px;
	cursor:pointer; flex-shrink:0; transition:background 0.2s;
}
.sticky-bottom-bar .sbb-btn:hover { background:#cf6d18; }
.sticky-bottom-bar .sbb-btn-customize { background:#555; }
.sticky-bottom-bar .sbb-btn-customize:hover { background:#333; }

/* AWP default combination warning dialog */
.awp-default-dialog-overlay {
	position:fixed; top:0; left:0; right:0; bottom:0; z-index:10000;
	background:rgba(0,0,0,0.5); display:flex; align-items:center; justify-content:center;
}
.awp-default-dialog {
	background:#fff; border-radius:16px; padding:32px; max-width:440px; width:90%;
	box-shadow:0 20px 60px rgba(0,0,0,0.2); text-align:center; position:relative;
}
.awp-default-dialog-icon { font-size:48px; margin-bottom:8px; }
.awp-default-dialog-title { font-size:20px; font-weight:700; color:#333; margin:0 0 12px; }
.awp-default-dialog-text { font-size:14px; color:#666; line-height:1.5; margin:0 0 16px; }
.awp-default-dialog-current { background:#f8f8f8; border-radius:8px; padding:12px 16px; margin:0 0 20px; text-align:left; }
.awp-dialog-selection { font-size:13px; color:#444; padding:4px 0; }
.awp-dialog-selection strong { color:#222; }
.awp-default-dialog-buttons { display:flex; gap:12px; justify-content:center; }
.awp-dialog-btn {
	border:none; border-radius:8px; padding:12px 24px; font-size:14px; font-weight:600;
	cursor:pointer; transition:background 0.2s;
}
.awp-dialog-review { background:#E67E22; color:#fff; }
.awp-dialog-review:hover { background:#cf6d18; }
.awp-dialog-confirm { background:#eee; color:#333; }
.awp-dialog-confirm:hover { background:#ddd; }
@media (max-width:480px) {
	.awp-default-dialog-buttons { flex-direction:column; }
}

/* Force all product accordion sections open (no collapse) */
#product .product_accordion.block_hidden_only_for_screen { display:block; visibility:visible; }
#product .product_accordion .product_accordion_title .opener { display:none; }
#product .product_accordion .pa_content { display:block !important; }

/* Inline rating below product name */
.product-inline-rating { display:flex; align-items:center; gap:6px; margin:4px 0 8px; }
.pir-stars { color:#E67E22; font-size:18px; letter-spacing:1px; }
.pir-avg { font-size:15px; font-weight:700; color:#333; }
.pir-count { font-size:13px; color:#888; text-decoration:none; }
.pir-count:hover { color:#E67E22; text-decoration:underline; }

/* Review header — summary + bar chart */
.pc-review-header { display:flex; gap:32px; padding:20px 0 16px; border-bottom:1px solid #eee; margin-bottom:16px; }
.pc-review-summary { text-align:center; min-width:120px; }
.pc-avg-big { font-size:48px; font-weight:800; color:#333; line-height:1; }
.pc-avg-stars { font-size:22px; margin:4px 0; }
.pc-star-full { color:#E67E22; }
.pc-star-half { color:#E67E22; opacity:0.5; }
.pc-star-empty { color:#ddd; }
.pc-avg-count { font-size:13px; color:#888; }
.pc-review-bars { flex:1; display:flex; flex-direction:column; justify-content:center; gap:4px; }
.pc-bar-row { display:flex; align-items:center; gap:8px; }
.pc-bar-row:hover .pc-bar-fill { opacity:0.8; }
.pc-bar-label { font-size:13px; color:#666; min-width:36px; text-align:right; }
.pc-bar-track { flex:1; height:10px; background:#f0f0f0; border-radius:5px; overflow:hidden; }
.pc-bar-fill { height:100%; background:#E67E22; border-radius:5px; transition:width 0.3s; }
.pc-bar-count { font-size:12px; color:#999; min-width:28px; }

/* Filter bar */
.pc-filter-bar { display:flex; align-items:center; gap:8px; padding:12px 0; flex-wrap:wrap; }
.pc-filter-label { font-size:13px; font-weight:600; color:#555; }
.pc-filter-btn {
	border:1px solid #ddd; background:#fff; border-radius:20px; padding:5px 14px;
	font-size:12px; color:#666; cursor:pointer; transition:all 0.2s;
}
.pc-filter-btn:hover { border-color:#E67E22; color:#E67E22; }
.pc-filter-btn.pc-filter-active { background:#E67E22; color:#fff; border-color:#E67E22; }

@media (max-width:600px) {
	.pc-review-header { flex-direction:column; gap:16px; }
	.pc-review-summary { display:flex; align-items:center; gap:12px; text-align:left; }
	.pc-avg-big { font-size:36px; }
}
@media (max-width:767px) {
	.sticky-bottom-bar .sbb-img { display:none; }
	.sticky-bottom-bar .sbb-info { max-width:120px; }
	.sticky-bottom-bar .sbb-price { font-size:16px; }
	.sticky-bottom-bar .sbb-btn { padding:10px 18px; font-size:13px; }
}

/* Reassurance box — horizontal layout */
#product .product-reassurance { margin-top:20px; background:#fff; border:1px solid #eee; border-radius:12px; padding:12px; overflow:hidden; display:grid; grid-template-columns:repeat(4, 1fr); gap:0; }
#product .product-reassurance .reassurance-item { display:flex; flex-direction:column; align-items:center; text-align:center; gap:6px; padding:10px 8px; font-size:13px; color:#333; line-height:1.3; border-bottom:none; border-right:1px solid #f0f0f0; }
#product .product-reassurance .reassurance-item:last-child { border-right:none; }
#product .product-reassurance .reassurance-icon { flex-shrink:0; width:36px; height:36px; display:flex; align-items:center; justify-content:center; background:rgba(230,126,34,0.08); border-radius:8px; }
#product .product-reassurance .reassurance-text { font-weight:600; font-size:12px; }
#product .product-reassurance .reassurance-text small { display:block; font-weight:400; font-size:11px; color:#888; margin-top:2px; }

/* Les etiquetes de producte (.spt-*) han passat a zz-base.css: surten
   tambe a portada i als llistats, no nomes a la fitxa. */

/* Responsive */
@media (min-width:768px) and (max-width:991px) {
	#product .primary_block.row { display:grid; grid-template-columns:40% 60%; gap:0 20px; align-items:start; }
	#product .pb-left-column { width:100%; float:none; grid-column:1; }
	#product .pb-center-column { width:100% !important; float:none; grid-column:2; }
	#product .pb-right-column { display:none; }
}
@media (max-width:767px) {
	#product .primary_block.row { display:flex; flex-direction:column; }
	#product .pb-left-column, #product .pb-center-column { width:100%; float:none; }
	#product .pb-right-column { display:none; }
	h1.product_main_name { font-size:22px !important; }
	#our_price_display { font-size:26px !important; }
	#add_to_cart .btn_primary.exclusive { width:100%; text-align:center; }
}

/* ══════════════════════════════════════════════════════════════════════════
   La foto no omplia la seva caixa a partir de 1200px
   --------------------------------------------------------------------------
   Mesurat el 2026-08-26: a 1440 la caixa feia 447px i la foto 350; a 1920,
   607 contra 350. Fins a 257px de blanc a cada fitxa.

   La causa NO és el CSS: l'`<img id="bigpic">` porta `width="350" height="219"`
   a l'HTML, que són les mides del format `large` (350x219), mentre que el `src`
   demana `large_default` (458x458). El `$largeSize` de la plantilla resol al
   format antic `large` perquè existeix i li fa ombra. Sense amplada per CSS,
   el navegador fa cas de l'atribut i dibuixa 350px.

   Aquí es diu explícitament que ompli la caixa fins a la mida real del fitxer.
   No s'amplia més enllà de 458 per no veure-la borrosa; per això la caixa
   també es limita, i així a 1920 no queda un forat al costat.
   ══════════════════════════════════════════════════════════════════════════ */
@media (min-width: 1200px) {
    #product .pb-left-column #image-block {
        max-width: 480px;
        margin-left: 0;
        margin-right: auto;
    }
    #product .pb-left-column #bigpic,
    #product .pb-left-column #jqzoom_bigpic {
        width: 100%;
        max-width: 458px;
        height: auto;
    }
}

/* El botó de comprar no podia créixer i el text se li sortia
   --------------------------------------------------------------------------
   A 1344px es llegia «AFEGIR AL» dins del botó i «CISTELL» a fora, per sota.
   La culpa és de `.box-info-product .exclusive { height: 40px }` del tema:
   una alçada FIXA, que guanya al nostre `min-height: 48px` (són propietats
   diferents, no competeixen). Amb el text en dues línies calen ~64px i el botó
   es quedava clavat en 40.
   `height: auto` deixa que creixi; el `min-height` segueix garantint el mínim
   tàctil de 48px quan el text hi cap en una sola línia. */
#product #add_to_cart .exclusive,
#product #add_to_cart button,
#product #awp_add_to_cart .exclusive,
#product #awp_add_to_cart button {
    height: auto;
}

/* Entre 1200 i 1599 la columna de compra fa 339–420px. Amb la píndola de la
   quantitat al costat, al botó li queden ~164px i «Afegir al cistell» es
   parteix en dues línies (a la captura del 2026-08-26 es llegia «AFEGIR AL» i
   «CISTELL» tallat). És el mateix que ja passava per sota de 1200, i la solució
   és la mateixa: la quantitat a dalt i el botó a sota, a tota amplada. Val més
   un botó ample sota la quantitat que dos elements espremuts. */
@media (min-width: 1200px) and (max-width: 1599px) {
    #product .box-cart-bottom .qt_cart_box {
        flex-wrap: wrap;
    }
    #product .box-cart-bottom #quantity_wanted_p {
        flex: 0 0 auto;
    }
    #product .box-cart-bottom #add_to_cart_wrap {
        flex: 1 0 100%;
    }
}

/* Les miniatures queien molt per sota de la foto
   --------------------------------------------------------------------------
   Mesurat a 1400px el 2026-08-26: `#views_block` feia 175px per a unes
   miniatures de 81. Els 94 restants són `span.view_scroll_spacer`, que porta
   NOMÉS la fletxa esquerra del carrusel i, en ser de bloc, s'emporta una línia
   sencera A SOBRE de les miniatures (la fletxa dreta, a més, va amagada).
   Amb això la columna de la foto acabava 200px més avall que les altres dues i
   la fitxa quedava desequilibrada.
   En fila: fletxa, miniatures, fletxa. Sense línia morta. */
#product #views_block {
    display: flex;
    align-items: center;
    gap: 6px;
}
#product #views_block .view_scroll_spacer {
    flex: 0 0 auto;
    width: auto;
}
#product #views_block #thumbs_list {
    flex: 1 1 auto;
    min-width: 0;
}/**
 * Estrelles dels comentaris de producte — Polsera Catalana
 * ---------------------------------------------------------------------------
 * Sortien DUES estrelles una damunt de l'altra a cada valoració. Dues regles de
 * llocs diferents pintaven la mateixa `<div class="star star_on"></div>`:
 *
 *  · El TEMA, a `css/global.css:5639`:
 *        div.star:after { content: "\e800"; font-family: "fontello"; color: #CCC }
 *        div.star.star_on:after { color: #FF8A00 }
 *
 *  · El MÒDUL, a `modules/smartproductcomments/smartproductcomments.css:175`:
 *        #product_comments_block_tab div.star { background: url(https://polseracatalana.cat/themes/transformer/css/autoload/img/star.gif) … }
 *        #product_comments_block_tab div.star_on { background-position: 0 -12px }
 *
 * Es queda la del tema i es lleva la del mòdul: el glif escala amb la mida del
 * text, hereta el color i és la MATEIXA estrella que ja surt al llistat i a la
 * valoració de dalt de la fitxa. El `star.gif` és un sprite de mida fixa que a
 * pantalles d'alta densitat es veu tou.
 *
 * Es desactiva des del TEMA i no tocant el mòdul a posta: `smartproductcomments`
 * és un mòdul propi compartit, i el xoc només existeix amb aquest tema, que és
 * l'únic que porta les seves pròpies estrelles. Així el mòdul segueix bé a
 * qualsevol altre lloc.
 *
 * `!important` perquè el selector del mòdul porta un identificador
 * (`#product_comments_block_tab`) i guanya per especificitat.
 */

#product_comments_block_tab div.star,
#product_comments_block_tab div.star_on,
#product_comments_block_tab div.star_hover {
    background-image: none !important;
}/**
 * Rediseño del carrito — Polsera Catalana
 * ---------------------------------------------------------------------------
 * Convierte la tabla `#cart_summary` de PS 1.6 en una lista de tarjetas, en
 * móvil y en escritorio, sin tocar el marcado <tr>/<td> ni los `id` de los que
 * depende `js/cart-summary.js`.
 *
 * IMPORTANTE — no convertir `#cart_summary_total` en flex/grid: cart-summary.js
 * hace $('.cart_total_delivery').show() y $('#total_wrapping').parent().show(),
 * y jQuery restauraría `display:table-row`, rompiendo la maquetación.
 *
 * Todo va bajo `body.cart-v2`, clase que añade shopping-cart.tpl.
 */

/* ═══════════════════════════════════════════════════════════════════════════
   Variables
   ═══════════════════════════════════════════════════════════════════════════ */

body.cart-v2 {
    --cart-accent: #d96701;
    --cart-accent-btn: #e36600;
    --cart-ink: #2c3138;
    --cart-ink-soft: #6d757f;
    --cart-line: #e6e8eb;
    --cart-surface: #ffffff;
    --cart-surface-alt: #f6f7f8;
    --cart-radius: 10px;
    --cart-shadow: 0 1px 3px rgba(20, 25, 30, .07), 0 1px 10px rgba(20, 25, 30, .04);
    --cart-bar-h: 68px;
}

/* ═══════════════════════════════════════════════════════════════════════════
   Encabezado de página
   ═══════════════════════════════════════════════════════════════════════════ */

/* En el carrito la miga de pan sólo dice «Inici > El seu carret de compra»,
   que es justo lo que ya pone el título. En el navegador de Instagram esos
   ~60px son de los más caros de la página. */
body.cart-v2 #breadcrumb_wrapper {
    display: none;
}

body.cart-v2 #cart_title {
    font-size: 22px;
    line-height: 1.25;
    margin: 14px 0 2px;
    color: var(--cart-ink);
}

body.cart-v2 .cart-v2-count {
    color: var(--cart-ink-soft);
    font-size: 14px;
    margin: 0 0 14px;
}

/* Las columnas de enlaces del pie (CATEGORIES / INFORMACIÓ / EL MEU COMPTE)
   invitan a irse justo en el punto de conversión: fuera mientras se está en el
   carrito. `#footer_info` (logos de pago y aviso legal) sí se queda: ahí suma
   confianza en lugar de restarla.
   OJO: #footer ES .footer-container (no su padre), y las columnas cuelgan de
   `#footer-primary`, no de #footer: tiene que ser selector de descendiente. */
body.cart-v2 #footer .footer-block {
    display: none;
}

/* ═══════════════════════════════════════════════════════════════════════════
   La tabla deja de comportarse como tabla
   ═══════════════════════════════════════════════════════════════════════════ */

body.cart-v2 #order-detail-content.table_block,
body.cart-v2 #order-detail-content .table_block {
    border: 0;
    background: none;
    box-shadow: none;
    padding: 0;
}

body.cart-v2 #cart_summary,
body.cart-v2 #cart_summary > tbody {
    display: block;
    width: 100%;
    border: 0;
    background: none;
    margin: 0;
}

body.cart-v2 #cart_summary > thead {
    display: none;
}

body.cart-v2 #cart_summary > tbody > tr {
    display: block;
    border: 0;
    background: none;
}

body.cart-v2 #cart_summary > tbody > tr > td {
    display: block;
    border: 0;
    padding: 0;
    background: none;
    vertical-align: initial;
    /* global.css fija anchos de tabla (td.cart_product:80px, td.cart_unit:120px)
       que en una rejilla siguen mandando y encogían la foto. */
    width: auto;
    text-align: left;
}

/* Neutraliza el modo «tabla responsive» del tema (data-title, etiquetas
   inyectadas por ::before) que duplicaba el nombre de cada columna. */
body.cart-v2 #cart_summary > tbody > tr > td::before,
body.cart-v2 #cart_summary > tbody > tr > td::after {
    content: none !important;
    display: none !important;
}

body.cart-v2 #cart_summary .mobile_table_content {
    display: block;
    width: auto;
    padding: 0;
    margin: 0;
    float: none;
}

/* ═══════════════════════════════════════════════════════════════════════════
   La tarjeta de producto — móvil primero
   ═══════════════════════════════════════════════════════════════════════════ */

body.cart-v2 #cart_summary > tbody > tr.cart_item {
    display: grid;
    /* La foto que sirve el tema es apaisada (240x150), así que la columna se
       lleva ~38% del ancho para que no quede una tira baja.
       La ✕ va posicionada sobre la tarjeta, no en una columna propia: cuando
       ocupaba la tercera columna (32px) el total de línea caía dentro de ella
       y salía cortado ("244,0…"). */
    position: relative;
    grid-template-columns: 118px minmax(0, 1fr) auto;
    grid-template-areas:
        "img desc  desc"
        "img avail avail"
        "img unit  unit"
        "img qty   total";
    column-gap: 14px;
    row-gap: 5px;
    align-items: start;
    background: var(--cart-surface);
    border: 1px solid var(--cart-line);
    border-radius: var(--cart-radius);
    box-shadow: var(--cart-shadow);
    padding: 14px;
    margin: 0 0 12px;
    transition: box-shadow .18s ease, opacity .18s ease;
}

body.cart-v2 #cart_summary > tbody > tr.cart_item:hover {
    box-shadow: 0 2px 6px rgba(20, 25, 30, .1), 0 3px 16px rgba(20, 25, 30, .06);
}

/* --- foto ---------------------------------------------------------------- */

/* La foto ocupa toda la altura de la tarjeta y se centra: antes dejaba un
   hueco muerto de ~70px debajo. */
body.cart-v2 #cart_summary td.cart_product {
    grid-area: img;
    align-self: center;
}

body.cart-v2 #cart_summary td.cart_product a {
    display: block;
    border-radius: 8px;
    overflow: hidden;
    background: var(--cart-surface-alt);
}

body.cart-v2 #cart_summary td.cart_product img {
    display: block;
    width: 100%;
    height: auto;
    max-width: none;
    border: 0;
    transition: transform .25s ease;
}

body.cart-v2 #cart_summary td.cart_product a:hover img {
    transform: scale(1.04);
}

/* --- nombre y atributos --------------------------------------------------- */

body.cart-v2 #cart_summary td.cart_description {
    grid-area: desc;
    min-width: 0;
    padding-right: 26px; /* hueco para la ✕, que va superpuesta */
}

body.cart-v2 #cart_summary td.cart_description .product-name {
    margin: 0 0 4px;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 600;
    /* `.s_title_block` del tema deja el título en una línea y con altura fija:
       cortaba el nombre y, al permitir el salto, lo hacía solaparse con el SKU. */
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    height: auto;
    max-height: none;
    line-height: 1.3;
}

body.cart-v2 #cart_summary td.cart_description .product-name a {
    color: var(--cart-ink);
    text-decoration: none;
}

body.cart-v2 #cart_summary td.cart_description .product-name a:hover {
    color: var(--cart-accent);
}

/* Atributos e instrucciones AWP: en gris, tamaño pequeño, sin parecer enlaces. */
body.cart-v2 #cart_summary td.cart_description .cart_ref,
body.cart-v2 #cart_summary td.cart_description > .mobile_table_content > div,
body.cart-v2 #cart_summary td.cart_description > .mobile_table_content > a {
    display: block;
    font-size: 13px;
    line-height: 1.45;
    color: var(--cart-ink-soft);
    margin: 0;
}

body.cart-v2 #cart_summary td.cart_description a:not(.product-name a) {
    color: var(--cart-ink-soft);
    text-decoration: none;
}

/* La referencia interna (POLS-CAT-8-MARR-ROS-NEG-BARR-NUM) ocupaba dos líneas
   enteras y competía con el nombre. En móvil se oculta: al cliente no le dice
   nada y el espacio vertical ahí es lo más caro de la página. En escritorio se
   recupera (ver media query). */
body.cart-v2 #cart_summary td.cart_description > .mobile_table_content > div.cart_ref {
    display: none;
    font-size: 11.5px;
    line-height: 1.3;
    color: #9aa0a6;
    word-break: break-word;
    margin-bottom: 2px;
}

/* Los atributos (talla, material) como etiqueta, no como texto suelto. */
body.cart-v2 #cart_summary td.cart_description > .mobile_table_content > div:not(.cart_ref) a,
body.cart-v2 #cart_summary td.cart_description > .mobile_table_content > a {
    display: inline-block;
    background: var(--cart-surface-alt);
    border-radius: 5px;
    padding: 2px 9px;
    font-size: 12.5px;
    color: var(--cart-ink);
    margin-top: 2px;
}

/* --- disponibilidad ------------------------------------------------------- */

body.cart-v2 #cart_summary td.cart_avail {
    grid-area: avail;
    font-size: 12.5px;
}

body.cart-v2 #cart_summary td.cart_avail span {
    color: #2e7d32;
}

body.cart-v2 #cart_summary td.cart_avail span.label-warning {
    display: inline-block;
    background: #fff3e0;
    color: #b45309;
    border-radius: 4px;
    padding: 1px 7px;
    font-size: 12px;
    font-weight: 600;
    text-shadow: none;
}

/* --- precio unitario ------------------------------------------------------ */

body.cart-v2 #cart_summary td.cart_unit {
    grid-area: unit;
}

body.cart-v2 #cart_summary td.cart_unit ul.price {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left !important;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 7px;
}

body.cart-v2 #cart_summary td.cart_unit ul.price li {
    margin: 0;
    padding: 0;
    font-size: 13px;
    color: var(--cart-ink-soft);
}

body.cart-v2 #cart_summary td.cart_unit li.old-price {
    text-decoration: line-through;
    opacity: .6;
}

body.cart-v2 #cart_summary td.cart_unit li.price-percent-reduction {
    background: var(--cart-accent);
    color: #fff;
    border-radius: 4px;
    padding: 1px 6px;
    font-size: 11.5px;
    font-weight: 700;
}

body.cart-v2 #cart_summary td.cart_unit li.gift-icon {
    color: #2e7d32;
    font-weight: 700;
}

/* --- cantidad ------------------------------------------------------------- */

body.cart-v2 #cart_summary td.cart_quantity {
    grid-area: qty;
    text-align: left !important;
}

body.cart-v2 #cart_summary .cart_quantity_button {
    display: inline-flex;
    align-items: stretch;
    border: 1px solid var(--cart-line);
    border-radius: 999px;
    overflow: hidden;
    background: var(--cart-surface);
    height: 44px; /* mínimo táctil */
    width: auto; /* el tema lo clava a 64px */
    /* El tema reserva `padding: 0 33px` para las flechas absolutas; ahora que
       vuelven al flujo ese hueco sólo ensanchaba el contador a 176px. */
    padding: 0;
    position: relative;
}

/* El tema apila los signos como dos flechas de 20px en `position:absolute;
   right:0`, así que se montaban una encima de otra dentro del contador nuevo
   y el «−» desaparecía. Vuelven al flujo normal. */
body.cart-v2 #cart_summary .cart_quantity_button a.cart_quantity_up,
body.cart-v2 #cart_summary .cart_quantity_button a.cart_quantity_down {
    position: static;
    top: auto;
    right: auto;
    bottom: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    /* 44px de lado: el contador queda en 44+40+44+bordes = 130px, que sigue
       cabiendo en su columna a 360px de ancho. Con los 34px anteriores el dedo
       fallaba y acababa cambiando la cantidad de la línea equivocada.
       `flex` explícito porque el tema les mete padding propio. */
    flex: 0 0 44px;
    width: 44px;
    min-width: 0;
    height: 100%;
    float: none;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--cart-ink);
    font-size: 19px;
    line-height: 1;
    font-weight: 400;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    transition: background .15s ease, color .15s ease;
}

body.cart-v2 #cart_summary .cart_quantity_button a:hover {
    background: var(--cart-accent);
    color: #fff;
}

body.cart-v2 #cart_summary .cart_quantity_button a.disabled,
body.cart-v2 #cart_summary .cart_quantity_button a.disabled:hover {
    color: #c3c7cc;
    background: transparent;
    cursor: default;
}

body.cart-v2 #cart_summary .cart_quantity_button input.cart_quantity_input {
    width: 40px;
    height: 100%;
    float: none;
    margin: 0;
    padding: 0;
    border: 0;
    border-left: 1px solid var(--cart-line);
    border-right: 1px solid var(--cart-line);
    border-radius: 0;
    box-shadow: none;
    background: transparent;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    color: var(--cart-ink);
}

/* Cantidad no modificable (regalos, personalizaciones agrupadas) */
body.cart-v2 #cart_summary td.cart_quantity > .mobile_table_content > span {
    display: inline-block;
    min-width: 38px;
    padding: 7px 12px;
    border: 1px solid var(--cart-line);
    border-radius: 999px;
    font-weight: 600;
    font-size: 14px;
}

/* --- total de línea ------------------------------------------------------- */

body.cart-v2 #cart_summary td.cart_total {
    grid-area: total;
    align-self: center;
    text-align: right;
}

body.cart-v2 #cart_summary td.cart_total .price {
    font-size: 17px;
    font-weight: 700;
    color: var(--cart-ink);
}

body.cart-v2 #cart_summary td.cart_total .gift-icon {
    color: #2e7d32;
    font-size: 14px;
}

/* --- eliminar ------------------------------------------------------------- */

/* `!important` porque el tema deja todas las celdas en `position:relative` y la
   ✕ caía al final de la rejilla, abajo a la izquierda. */
body.cart-v2 #cart_summary td.cart_delete {
    position: absolute !important;
    top: 6px;
    right: 6px;
    text-align: right !important;
}

/* responsive.css pone `text-align:left` en .mobile_table_content y la ✕ se iba
   a la esquina de arriba a la izquierda, encima de la foto. */
body.cart-v2 #cart_summary td.cart_delete .mobile_table_content,
body.cart-v2 #cart_summary td.cart_delete div {
    text-align: right;
}

body.cart-v2 #cart_summary td.cart_delete a.cart_quantity_delete {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* 44px: es el mínimo con el que un dedo acierta de forma fiable. Antes eran
       30px, y aquí equivocarse cuesta caro — se borra la línea del carrito. */
    width: 44px;
    height: 44px;
    border-radius: 50%;
    color: #b0b5bb;
    font-size: 15px;
    text-decoration: none;
    transition: background .15s ease, color .15s ease;
}

body.cart-v2 #cart_summary td.cart_delete a.cart_quantity_delete:hover {
    background: #fdecea;
    color: #c0392b;
}

/* Fila que se está eliminando: cart-summary.js hace fadeOut sobre el <tr>. */
body.cart-v2 #cart_summary > tbody > tr.cart_item.is-removing {
    opacity: .45;
}

/* --- filas de personalización -------------------------------------------- */

body.cart-v2 #cart_summary > tbody > tr.customization {
    background: var(--cart-surface-alt);
    border: 1px solid var(--cart-line);
    border-radius: var(--cart-radius);
    padding: 12px 14px;
    margin: -6px 0 12px;
    font-size: 13px;
    color: var(--cart-ink-soft);
}

body.cart-v2 #cart_summary > tbody > tr.customization ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

body.cart-v2 #cart_summary > tbody > tr.customization img.customizationUploaded {
    max-width: 70px;
    height: auto;
    border-radius: 6px;
}

/* ═══════════════════════════════════════════════════════════════════════════
   Descuentos aplicados
   Antes salían en cinco celdas sueltas sin etiqueta (nombre, precio, un «1»
   huérfano, la ✕ y el precio otra vez) y parecían un error de la web.
   El marcado ya está limpio en el .tpl; aquí sólo se le da forma de etiqueta.
   ═══════════════════════════════════════════════════════════════════════════ */

body.cart-v2 #cart_summary > tbody > tr.cart_discount {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #fff8f0;
    border: 1px solid #f3dcc4;
    border-radius: var(--cart-radius);
    padding: 11px 14px;
    margin: 0 0 12px;
}

body.cart-v2 #cart_summary td.cart_discount_name {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 13.5px;
    font-weight: 600;
    color: #8a5216;
}

body.cart-v2 #cart_summary td.cart_discount_name .cart_discount_tag {
    display: inline-block;
    margin-right: 7px;
    color: var(--cart-accent);
}

body.cart-v2 #cart_summary td.cart_discount_price {
    flex: 0 0 auto;
    text-align: right;
}

body.cart-v2 #cart_summary td.cart_discount_price .price-discount {
    font-size: 15px;
    font-weight: 700;
    color: var(--cart-accent);
}

body.cart-v2 #cart_summary td.price_discount_del {
    flex: 0 0 auto;
}

body.cart-v2 #cart_summary td.price_discount_del a.price_discount_delete {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    color: #bda37f;
    text-decoration: none;
    transition: background .15s ease, color .15s ease;
}

body.cart-v2 #cart_summary td.price_discount_del a.price_discount_delete:hover {
    background: #f6e5cf;
    color: #8a5216;
}

/* ═══════════════════════════════════════════════════════════════════════════
   Panel inferior: cupón + totales
   ═══════════════════════════════════════════════════════════════════════════ */

/* `clearfix` inyecta ::before/::after, y en un contenedor grid/flex esos
   pseudo-elementos se convierten en ítems de la rejilla: descolocaban el panel
   de cupones y los botones de navegación. */
body.cart-v2 .cart-v2-summary::before,
body.cart-v2 .cart-v2-summary::after,
body.cart-v2 .cart_navigation::before,
body.cart-v2 .cart_navigation::after,
body.cart-v2 #cart_summary .cart_quantity_button::before,
body.cart-v2 #cart_summary .cart_quantity_button::after {
    content: none !important;
    display: none !important;
}

body.cart-v2 .cart-v2-summary {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin: 4px 0 16px;
}

/* Sin cupón permitido queda un solo panel: que ocupe todo el ancho. */
body.cart-v2 .cart-v2-summary > .cart-v2-panel:only-child {
    grid-column: 1 / -1;
}

body.cart-v2 .cart-v2-panel {
    background: var(--cart-surface);
    border: 1px solid var(--cart-line);
    border-radius: var(--cart-radius);
    box-shadow: var(--cart-shadow);
    padding: 16px;
}

/* --- cupón ---------------------------------------------------------------- */

body.cart-v2 #cart_voucher {
    margin: 0;
    float: none;
    width: auto;
}

body.cart-v2 #cart_voucher fieldset {
    display: flex;
    gap: 8px;
    border: 0;
    padding: 0;
    margin: 0;
}

body.cart-v2 #cart_voucher .cart_voucher_title {
    font-size: 13px;
    font-weight: 600;
    color: var(--cart-ink);
    margin: 0 0 8px;
    text-transform: none;
}

body.cart-v2 #cart_voucher input.discount_name {
    flex: 1 1 auto;
    min-width: 0;
    height: 42px;
    border: 1px solid var(--cart-line);
    border-radius: 8px;
    box-shadow: none;
    padding: 0 12px;
    font-size: 14px;
}

body.cart-v2 #cart_voucher input.discount_name:focus {
    border-color: var(--cart-accent);
    outline: none;
}

body.cart-v2 #cart_voucher button {
    flex: 0 0 auto;
    height: 42px;
    padding: 0 20px;
    border: 1px solid var(--cart-line);
    border-radius: 8px;
    background: var(--cart-surface-alt);
    color: var(--cart-ink);
    font-weight: 600;
    font-size: 14px;
    text-shadow: none;
}

body.cart-v2 #cart_voucher button:hover {
    background: var(--cart-ink);
    border-color: var(--cart-ink);
    color: #fff;
}

body.cart-v2 #cart_voucher .title-offers {
    margin: 12px 0 4px;
    font-size: 12.5px;
    color: var(--cart-ink-soft);
}

body.cart-v2 #display_cart_vouchers {
    font-size: 12.5px;
    color: var(--cart-ink-soft);
}

body.cart-v2 #display_cart_vouchers .voucher_name {
    cursor: pointer;
    font-weight: 600;
    color: var(--cart-accent);
}

/* --- totales -------------------------------------------------------------- */
/* Se mantiene como <table> real a propósito: cart-summary.js hace show()/hide()
   sobre estas <tr> y jQuery les devolvería `display:table-row`. */

body.cart-v2 #cart_summary_total {
    width: 100%;
    margin: 0;
    border: 0;
    background: none;
}

body.cart-v2 #cart_summary_total > tbody > tr > td {
    border: 0;
    padding: 7px 0;
    font-size: 14px;
    color: var(--cart-ink-soft);
    background: none;
}

body.cart-v2 #cart_summary_total > tbody > tr > td:last-child {
    text-align: right;
    font-weight: 600;
    color: var(--cart-ink);
    white-space: nowrap;
}

body.cart-v2 #cart_summary_total td.price-discount,
body.cart-v2 #cart_summary_total #total_discount {
    color: var(--cart-accent) !important;
}

body.cart-v2 #cart_summary_total #total_shipping {
    color: #2e7d32;
}

/* Fila del total final */
body.cart-v2 #cart_summary_total > tbody > tr:last-child > td {
    border-top: 1px solid var(--cart-line) !important;
    padding-top: 13px;
    padding-bottom: 2px;
    font-size: 16px;
    color: var(--cart-ink);
    font-weight: 600;
}

body.cart-v2 #cart_summary_total > tbody > tr:last-child #total_price {
    font-size: 22px;
    font-weight: 700;
    color: var(--cart-ink);
}

body.cart-v2 #cart_summary_total .total_price_container span {
    font-weight: 600;
}

/* ═══════════════════════════════════════════════════════════════════════════
   Navegación: un solo botón fuerte
   ═══════════════════════════════════════════════════════════════════════════ */

/* Bloque de entrega estimada, ahora justo encima del botón de caja. */
body.cart-v2 .cart_navigation_extra {
    margin: 0 0 14px;
}

body.cart-v2 .cart_navigation {
    display: flex;
    flex-direction: column-reverse;
    gap: 10px;
    margin: 0 0 16px;
}

body.cart-v2 .cart_navigation a {
    display: flex;
    align-items: center;
    justify-content: center;
    float: none !important;
    height: 50px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    text-shadow: none;
    box-shadow: none;
    transition: background .15s ease, color .15s ease;
}

/* Acción principal */
body.cart-v2 .cart_navigation a.standard-checkout {
    background: var(--cart-accent-btn);
    border: 1px solid var(--cart-accent-btn);
    color: #fff;
}

body.cart-v2 .cart_navigation a.standard-checkout:hover {
    background: var(--cart-accent);
    border-color: var(--cart-accent);
    color: #fff;
}

/* Acción secundaria: ya no compite con la principal */
body.cart-v2 .cart_navigation a:not(.standard-checkout) {
    background: transparent;
    border: 0;
    color: var(--cart-ink-soft);
    height: 40px;
    font-weight: 500;
}

body.cart-v2 .cart_navigation a:not(.standard-checkout):hover {
    color: var(--cart-accent);
    background: transparent;
}

/* ═══════════════════════════════════════════════════════════════════════════
   Barra fija de compra
   ═══════════════════════════════════════════════════════════════════════════ */

body.cart-v2 .cart-stickybar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000; /* por encima de #cookieNotice (9999) */
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 14px;
    background: rgba(255, 255, 255, .97);
    border-top: 1px solid var(--cart-line);
    box-shadow: 0 -2px 14px rgba(20, 25, 30, .1);
    transform: translateY(110%);
    transition: transform .25s ease;
}

body.cart-v2 .cart-stickybar.is-visible {
    transform: translateY(0);
}

body.cart-v2 .cart-stickybar__total {
    flex: 0 0 auto;
    line-height: 1.15;
}

body.cart-v2 .cart-stickybar__label {
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--cart-ink-soft);
}

body.cart-v2 .cart-stickybar__value {
    display: block;
    font-size: 19px;
    font-weight: 700;
    color: var(--cart-ink);
}

body.cart-v2 .cart-stickybar__btn {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    border-radius: 8px;
    background: var(--cart-accent-btn);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
}

body.cart-v2 .cart-stickybar__btn:hover {
    background: var(--cart-accent);
    color: #fff !important;
}

/* Espacio para que la barra no tape el último bloque de la página. */
body.cart-v2.has-stickybar #footer {
    padding-bottom: var(--cart-bar-h);
}

/* ═══════════════════════════════════════════════════════════════════════════
   Aviso de cookies
   Tapaba el botón `Passar per caixa` durante todo el recorrido. Se reduce a
   una banda fina y se coloca por encima de la barra fija, nunca delante.
   ═══════════════════════════════════════════════════════════════════════════ */

#cookieNotice {
    font-size: 12.5px !important;
    line-height: 1.35 !important;
    opacity: 1 !important;
    box-shadow: none !important;
    border-top: 1px solid rgba(255, 255, 255, .15);
}

#cookieNotice #cookieNoticeContent {
    padding: 7px 12px !important;
    max-width: 1170px;
    /* El texto legal ocupaba cinco líneas y se comía media pantalla en móvil.
       Se limita la altura y se deja desplazable: sigue estando entero. */
    max-height: 84px;
    overflow-y: auto;
}

#cookieNotice #cookieNoticeContent table td {
    padding: 0 !important;
}

#cookieNotice p {
    font-size: 12.5px;
}

#cookieNotice .closebutton {
    height: 28px;
    line-height: 28px;
    font-size: 12.5px;
    padding: 0 14px;
}

/* En el carrito, la banda se apoya justo encima de la barra de compra. */
body.cart-v2.has-stickybar #cookieNotice {
    bottom: var(--cart-bar-h) !important;
    z-index: 9998 !important;
}

/* Y lo mismo en la ficha de producto: `has-buybar` la pone el JS de product.tpl
   cuando la barra de compra está a la vista. Sin esto el aviso de cookies caía
   justo encima de ella y el botón de comprar quedaba tapado hasta que el
   cliente cerraba el aviso. 59px es el alto medido de `.sticky-bottom-bar`. */
body.has-buybar #cookieNotice {
    bottom: 59px !important;
    z-index: 9998 !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   Barra de progreso del pedido (pasos 2–5; en el carrito no se muestra)
   ═══════════════════════════════════════════════════════════════════════════ */

.order-progress {
    margin: 0 0 20px;
}

.order-progress__track {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0 0 7px;
}

.order-progress__seg {
    flex: 1 1 0;
    height: 4px;
    border-radius: 999px;
    background: #e6e8eb;
    transition: background .25s ease;
}

.order-progress__seg.is-done,
.order-progress__seg.is-current {
    background: #d96701;
}

.order-progress__meta {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    font-size: 13px;
}

.order-progress__step {
    font-weight: 600;
    color: #2c3138;
}

.order-progress__count {
    color: #6d757f;
    font-size: 12px;
    white-space: nowrap;
}

.order-progress__back {
    color: #6d757f;
    font-weight: 500;
    text-decoration: none;
}

.order-progress__back:hover {
    color: #d96701;
}

/* ═══════════════════════════════════════════════════════════════════════════
   Escritorio
   ═══════════════════════════════════════════════════════════════════════════ */

@media (min-width: 768px) {

    body.cart-v2 #cart_title {
        font-size: 26px;
    }

    /* La tarjeta se estira: foto, datos, cantidad, total y eliminar en línea. */
    body.cart-v2 #cart_summary > tbody > tr.cart_item {
        grid-template-columns: 190px minmax(0, 1fr) auto 130px;
        grid-template-areas:
            "img desc  qty total"
            "img avail qty total"
            "img unit  qty total";
        column-gap: 22px;
        row-gap: 4px;
        align-items: center;
        padding: 16px 44px 16px 18px; /* hueco derecho para la ✕ superpuesta */
    }

    body.cart-v2 #cart_summary td.cart_product {
        grid-row: 1 / 4;
    }

    body.cart-v2 #cart_summary td.cart_description {
        padding-right: 0;
    }

    body.cart-v2 #cart_summary td.cart_description .product-name {
        font-size: 16px;
    }

    /* En escritorio sí cabe la referencia sin robar espacio útil. */
    body.cart-v2 #cart_summary td.cart_description > .mobile_table_content > div.cart_ref {
        display: block;
    }

    body.cart-v2 #cart_summary td.cart_quantity,
    body.cart-v2 #cart_summary td.cart_total {
        grid-row: 1 / 4;
        align-self: center;
    }

    body.cart-v2 #cart_summary td.cart_delete {
        top: 50%;
        right: 12px;
        transform: translateY(-50%);
    }

    body.cart-v2 #cart_summary td.cart_total .price {
        font-size: 19px;
    }

    /* En escritorio sobra sitio para un contador más cómodo. */
    body.cart-v2 #cart_summary .cart_quantity_button a.cart_quantity_up,
    body.cart-v2 #cart_summary .cart_quantity_button a.cart_quantity_down {
        flex: 0 0 38px;
        width: 38px;
    }

    body.cart-v2 #cart_summary .cart_quantity_button input.cart_quantity_input {
        width: 46px;
    }

    /* Cupón a la izquierda, totales a la derecha. */
    body.cart-v2 .cart-v2-summary {
        grid-template-columns: 1fr 380px;
        align-items: start;
        gap: 20px;
    }

    body.cart-v2 .cart_navigation {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    body.cart-v2 .cart_navigation a.standard-checkout {
        flex: 0 0 auto;
        min-width: 260px;
        order: 2;
    }

    body.cart-v2 .cart_navigation a:not(.standard-checkout) {
        flex: 0 0 auto;
        order: 1;
        padding: 0;
    }

    /* En escritorio el botón ya se ve sin ayuda: nada de barra fija. */
    body.cart-v2 .cart-stickybar {
        display: none;
    }

    body.cart-v2.has-stickybar #footer {
        padding-bottom: 0;
    }

    body.cart-v2.has-stickybar #cookieNotice {
        bottom: 0 !important;
    }

}

/* ═══════════════════════════════════════════════════════════════════════════
   Pantallas muy estrechas (iPhone SE y similares)
   ═══════════════════════════════════════════════════════════════════════════ */

@media (max-width: 359px) {
    body.cart-v2 #cart_summary > tbody > tr.cart_item {
        grid-template-columns: 92px minmax(0, 1fr) auto;
        column-gap: 10px;
        padding: 12px;
    }

    body.cart-v2 .cart-stickybar__btn {
        font-size: 14px;
    }
}/**
 * Avís d'«afegit al cistell» — Polsera Catalana
 * ---------------------------------------------------------------------------
 * Problema que resolia (2026-08-13): la capa quedava TAN integrada al disseny
 * que passava desapercebuda — el client afegia i no sabia si havia passat res.
 * Ni fons enfosquit, ni ombra, ni jerarquia: dos botons grisos idèntics on el
 * de pagar hauria de manar.
 *
 * Els textos ja venien en anglès («Product successfully added…»): això no era
 * CSS, era la traducció de `blockcart_mod` que faltava al servidor.
 */

/* ═══════════════════════════════════════════════════════════════════════════
   Fons enfosquit: el que fa que allò es llegeixi com un avís i no com un
   tros més de la pàgina.
   ═══════════════════════════════════════════════════════════════════════════ */

.layer_cart_overlay {
    /* `position:fixed` i cobrint tota la finestra: el tema el deixava com un
       div normal i el fons no s'enfosquia, que era justament el que feia que
       l'avís passés desapercebut. */
    position: fixed !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    z-index: 10001;
    background: rgba(18, 20, 23, .55);
    backdrop-filter: blur(2px);
}

/* ═══════════════════════════════════════════════════════════════════════════
   La targeta
   ═══════════════════════════════════════════════════════════════════════════ */

#layer_cart {
    /* Per sobre de la barra de compra enganxada (10000), que si no li passava
       pel damunt al panell. */
    z-index: 10002;
    border: 0;
    border-radius: 16px;
    box-shadow: 0 18px 50px rgba(0, 0, 0, .28);
    overflow: hidden;
    animation: pc-layer-entra .22s ease-out;
}

@keyframes pc-layer-entra {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
    #layer_cart { animation: none; }
}

#layer_cart .layer_inner_box {
    padding: 22px 22px 20px;
}

/* --- capçalera: producte afegit ------------------------------------------- */

#layer_cart .layer_product {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
}

#layer_cart .layer_cart_img {
    flex: 0 0 100px;
    width: 100px;
}

#layer_cart .layer_cart_img img {
    width: 100px;
    height: auto;
    border-radius: 10px;
    border: 1px solid #eceff1;
    display: block;
}

#layer_cart #layer_cart_product_title {
    display: block;
    /* Lloc per a la ✕, que abans queia damunt de l'última lletra del nom. */
    padding-right: 44px;
    text-align: left;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.3;
    color: #2c3138;
}

#layer_cart #layer_cart_product_attributes {
    display: block;
    margin-top: 3px;
    font-size: 12.5px;
    color: #6d757f;
}

/* --- confirmació ---------------------------------------------------------- */

/* Verd discret amb una marca de verificació al davant: el bloc verd omplint
   tota l'amplada semblava un avís d'error d'una altra època. */
#layer_cart #pro_added_success {
    /* Ancoratge de la marca de verificació de sota. */
    position: relative;
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 14px;
    padding: 0;
    border: 0;
    background: none;
    color: #1e7a44;
    font-size: 14px;
    font-weight: 600;
}

/* La marca de verificació va DINS del cercle, com a imatge de fons centrada.
   Abans era un pseudo-element posicionat amb `top`/`left` fixos i es
   descentrava en quant el text passava a dues línies, perquè el cercle es
   recol·loca amb el flex i la marca no el seguia. */
#layer_cart #pro_added_success::before {
    content: "";
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: #1e7a44;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round' d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 13px 13px;
}

/* --- resum ---------------------------------------------------------------- */

#layer_cart .layer_cart_sum,
#layer_cart .layer_details {
    font-size: 13.5px;
    color: #6d757f;
}

#layer_cart .layer_cart_row,
#layer_cart #layer_cart_ajax_block_products_total {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 5px 0;
}

/* --- botons: el de pagar mana --------------------------------------------- */

#layer_cart .button-container,
#layer_cart .layer_buttons {
    display: flex;
    flex-direction: column;
    gap: 9px;
    margin-top: 18px;
}

#layer_cart .button-container a,
#layer_cart .button-container span,
#layer_cart .layer_buttons a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 48px;
    padding: 12px 18px;
    border-radius: 999px;
    font-size: 15px;
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0;
    transition: background .16s ease, color .16s ease, border-color .16s ease;
}

/* «Passar per caixa» és l'acció que volem: taronja i primer. `order` en lloc
   de reordenar el marcat, que el pinta el mòdul. */
#layer_cart .button-container a.btn_ajax_add_to_cart,
#layer_cart a[href*="controller=order"],
#layer_cart .layer_buttons a.button-exclusive + a,
#layer_cart .continue + a {
    order: 1;
    background: #d96701;
    border: 1px solid #d96701;
    color: #fff;
}

#layer_cart a[href*="controller=order"]:hover {
    background: #b35401 !important;
    border-color: #b35401 !important;
}

/* «Seguir comprant» queda com a sortida discreta, no com a bessó del de pagar. */
#layer_cart .continue,
#layer_cart span.continue,
#layer_cart .button-container span.continue {
    order: 2;
    background: #fff !important;
    border: 1px solid #dfe3e7 !important;
    color: #2c3138;
    cursor: pointer;
}

#layer_cart .continue:hover {
    border-color: #b7bdc4;
    background: #f7f8f9;
}

/* --- tancar --------------------------------------------------------------- */

#layer_cart .cross {
    position: absolute;
    z-index: 3;
    top: 12px;
    right: 12px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    opacity: .55;
    transition: opacity .15s ease, background .15s ease;
}

#layer_cart .cross:hover {
    opacity: 1;
    background: #f1f3f4;
}

/* ═══════════════════════════════════════════════════════════════════════════
   Mòbil: full d'acció enganxat a baix, que és on arriba el polze
   ═══════════════════════════════════════════════════════════════════════════ */

@media (max-width: 767px) {
    #layer_cart {
        position: fixed !important;
        top: auto !important;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        max-width: none;
        margin: 0;
        border-radius: 18px 18px 0 0 !important;
        max-height: 88vh;
        overflow-y: auto;
        animation: pc-layer-puja .24s ease-out;
    }

    @keyframes pc-layer-puja {
        from { transform: translateY(100%); }
        to   { transform: none; }
    }

    #layer_cart .layer_inner_box {
        padding: 18px 16px calc(18px + env(safe-area-inset-bottom));
    }

    /* Ansa: diu «això puja i baixa» sense cap text. */
    #layer_cart .layer_inner_box::before {
        content: "";
        display: block;
        width: 42px;
        height: 4px;
        margin: -6px auto 14px;
        border-radius: 999px;
        background: #dfe3e7;
    }
}/** * Estimated Delivery - Front Office Feature
 *
 * NOTICE OF LICENSE
 *
 * @author    Pol Rué
 * @copyright Smart Modules 2015
 * @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 * @category Transport & Logistics
 * Registered Trademark & Property of smart-modules.com
 *
 * ***************************************************
 * *               Estimated Delivery                *
 * *          http://www.smart-modules.com           *
 * *                                                  *
 * ***************************************************
*/

/* This is for Presta 1.7 to Prevent issues when changing artibutes */
.hideMe,
.product-additional-info .hide-default,
.estimateddelivery.hide-default {
    display:none;
}

/*.modal-dialog .hide-default {*/
/*    display: block;*/
/*}*/
.estimateddelivery:not(.ed-v4) > div {
    border: 1px solid #ccc;
    padding: 5px 10px;
    margin-bottom: 10px;
    clear:both;
}
.estimateddelivery:not(.ed-v4) div {
    background-color:#fff;
}
p.ed_orderbefore { margin-bottom: 0;}

.estimateddelivery h4:before, .ed_orderbefore:before {
    font-family: "FontAwesome";
    font-size: 19px;
    line-height: 24px;
    font-weight: normal;
    content: "\f0d1";
    margin-right: 7px;
 /* *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf0d1;'); */
}
/* If using image, suppress icon */
/*.ed_has_image {*/
/*    display: flex;*/
/*    align-items: flex-start;*/
/*}*/

/* Hide icon from default layout if image is used */
/* Remove FontAwesome icon when using image */
.ed_has_image:before {
    content: none !important;
    margin-right: 0;
}

/* V4 Display — suppress legacy FontAwesome :before, use inline SVG/emoji instead */
.ed-v4 h4:before,
.ed-v4 .ed_orderbefore:before {
    content: none !important;
    margin-right: 0;
}
/* V4 inline line icon (replaces FA :before) */
.ed-v4 .ed-line-icon {
    display: inline-block;
    vertical-align: -0.2em;
    margin-right: 5px;
    color: inherit;
    line-height: 1;
}
.ed-v4 .ed-line-icon .ed-icon {
    display: block;
}
.ed-v4 .ed-line-icon .ed-char-icon {
    vertical-align: 0.25em;
}

/* V4 text formatting via CSS custom properties (set inline on <p>) */
.date_highlight, .date_green {
    color: var(--ed-date-color, inherit);
    font-weight: var(--ed-date-weight, inherit);
    font-style: var(--ed-date-style, inherit);
    text-decoration: var(--ed-date-decoration, inherit);
}
.ed_countdown {
    color: var(--ed-countdown-color, inherit);
    font-weight: var(--ed-countdown-weight, inherit);
    font-style: var(--ed-countdown-style, inherit);
    text-decoration: var(--ed-countdown-decoration, inherit);
}
.ed_carrier_name {
    color: var(--ed-carrier-color, inherit);
    font-weight: var(--ed-carrier-weight, inherit);
    font-style: var(--ed-carrier-style, inherit);
    text-decoration: var(--ed-carrier-decoration, inherit);
}
.ed_carrier_price {
    color: var(--ed-price-color, inherit);
    font-weight: var(--ed-price-weight, inherit);
    font-style: var(--ed-price-style, inherit);
    text-decoration: var(--ed-price-decoration, inherit);
}

/* 2x icon — 2-column layout: icon left, text right */
.ed_icon_2x {
    display: flex;
    align-items: center;
    gap: 10px;
}
.ed_icon_2x .ed_icon_col {
    flex-shrink: 0;
    line-height: 1;
    display: flex;
    align-items: center;
}
.ed_icon_2x .ed_icon_col .ed-line-icon {
    vertical-align: baseline;
    margin-right: 0;
}
.ed_icon_2x .ed_text_col {
    flex: 1;
    min-width: 0;
}

/* Layout wrapper when an image is present */
.ed_imgsize-2x .ed_delivery_wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ed_imgsize-2x .ed_title {
    display:block;
}
/* Carrier image shared base styles */
.ed_carrier_img {
    width: auto;
    object-fit: contain;
    flex-shrink: 0;
    border-radius: 2px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.5em;
}

/* Carrier image height depending on size option */
.ed_imgsize-1x .ed_carrier_img {
    height: 1.8em;
}

.ed_imgsize-2x .ed_carrier_img {
    height: 3.5em;
}

/* Text beside the image */
.ed_has_image.ed_imgsize-2x .ed_delivery_text {
    display: inline-block;
    line-height: 1.4;
    vertical-align: middle;
}




/*.estimateddelivery span { font-weight:bold; }*/
.ed_white div {
    background: #FFFFFF;
    border-color: #CCCCCC !important;
}
.ed_lightblue div {
    background: #EFF8FF;
    border-color: #7CB9D4 !important;
}
.ed_softred div {
    background: #FFF0F0;
    border-color: #E4ACAC !important;
}
.ed_lightgreen div {
    background: #F0FFF0;
    border-color: #8ED48E !important;
}
.ed_lightpurple div {
    background: #F5F0FF;
    border-color: #B89CD4 !important;
}
.ed_lightbrown div {
    background: #FFF8EC;
    border-color: #D4BC8C !important;
}
.ed_lightyellow div {
    background: #FFFDE6;
    border-color: #D4D09C !important;
}
.ed_dark, .ed_dark div {
    background: #2C2C2C;
    border-color: #444 !important;
    color: #f0f0f0;
}
.ed_dark .date_highlight,
.ed_dark .date_green,
.ed_dark .ed_carrier_name,
.ed_dark strong {
    color: #fff;
}
.ed_navy, .ed_navy div {
    background: #1B2A4A;
    border-color: #2D4373 !important;
    color: #D0D8E8;
}
.ed_navy .date_highlight,
.ed_navy .date_green,
.ed_navy .ed_carrier_name,
.ed_navy strong {
    color: #fff;
}
.ed_orange div {
    background: #FFF2E0;
    border-color: #E6853E !important;
}
.estimateddelivery .ed_tooltip {
    display: inline;
    position: relative;
    opacity: 1;
}
.estimateddelivery .ed_tooltip:hover:after {
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: 26px;
    color: #fff;
    content: attr(title);
    left: 20%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: auto;
    min-width: 100px;
}
.estimateddelivery .ed_tooltip:hover:before {
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99;
}
.ed_countdown, .date_green {
    color: #44B449;
}
.ed_oos_days_add {
    display:none;
}
.ed_oos_days_add.ed_force_display {
    display:block;
}

.ed_order_list .ed_with_carrier {
    display:none;
}
.ed_item span::first-letter {
    text-transform: uppercase;
}

/* Cart Summary */
#ed_shopping_footer {
    position: relative;
    padding: 1em 1em 0;
}

#ed_shopping_footer .estimateddelivery > div,
.estimateddelivery.ed-summary > div {
    padding-bottom:1.2em;
    /*border-bottom:none;*/
}

#estimateddelivery-cart .estimateddelivery > div {
    padding-bottom:1.2em;
    border-bottom:none;
}

.ed-summary > div {
    position: relative;
}
.expand_delivery_options {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -0.7em;
    font-size: smaller;
    border: 1px solid;
    padding: 0.1em 10px;
    cursor: pointer;
    white-space: nowrap;
}

.ed_orderbefore.ed_lda {
    margin-top:2rem;
}
.product-line-grid p.ed_orderbefore,
.ed-summary p {
    font-size: 0.8em !important;
    margin-bottom: 0.5rem;
}

p.ed_header {
    font-size:1.1em;
    font-weight: bold;
}

#ed_shopping_footer .small-text {
    font-size: 60%;
    line-height: 95%;
    color: #777;
}

/* END Shopping cart */

/* Order Process */

.ed-cart-option p, .ed-cart-option .ed_orderbefore:before {
    font-size: 90%;
}
.ed-cart-option .ed_orderbefore:before {
    margin-right: 3px
}
.ed_product_summary {
    margin-top: 1em;
}
.ed-product-block, .ed-product, .edp-attributes {
    background: transparent !important;
    border-color: unset !important;
    border: none !important;
    padding: 0px 0px !important;
}
.ed-product-block {
    margin-bottom: 1rem !important;
}
.ed-product {
    margin-top: 3px;
}
.edp-attributes {
    margin-bottom: 0 !important;
    padding: 3px 15px !important;
}
.attr-group-name {

}
.attr-name {
    text-decoration: underline;
    color: #808080;
}
#order-detail .ed_lightblue div {
    background: none;
    border: none !important;
}

#blockcart-modal .estimateddelivery p, .modal-body .estimateddelivery p {
    display: inline-block;
}
.modal-body .estimateddelivery div {
    margin-bottom: 0;
}
.modal-body .estimateddelivery .ed_item p {
    margin-bottom: 0;
}
.modal-body .estimateddelivery .ed_item p span {
    margin-bottom: 2px !important;
}

/* Carriers Popup */
#ed_popup {
    text-align: center;
    width: 100%;
}
#ed_popup_content, .ed_popup_content {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    box-shadow: 0 0 23px rgb(0 0 0 / 75%);
    padding: 25px 40px;
    z-index: 10;
    width: 70%;
    overflow: initial;
    z-index:999999;
}


#ed_popup_table, #ed_popup_list {
    max-height: 62vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.popup_item {
    margin: 1rem 0 1.5rem 0;
    border-bottom: 1px solid #ccc;
}

#ed_popup_content .carrier_price {
    white-space: nowrap;
}
#ed_popup_content th {
    white-space: nowrap;
}

#ed_popup_content .ed_close_popup {
    position: absolute;
    top: -25px;
    right: 0;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    background: #000;
    color: #fff;
    cursor: pointer;
}

.ed_close_popup span {
    font-size: 1.5rem;
}


@media screen and (max-width:400px) {
    #ed_popup {
        font-size: 1em;
    }
}

@media screen and (min-width:768px) {
    #ed_popup_list {
        display:none;
    }
    #ed_popup_content img {
        max-width: 100px;
    }
}

@media screen and (max-width:768px) {
    #ed_popup_table {
        display:none;
    }
    #ed_popup_list img {
        max-height: 50px;
    }
}/**
 * Estimated Delivery — V4 Display Frontend Styles
 *
 * Architecture:
 *   - Color: ed-v4-colors.css (CSS custom properties per theme)
 *   - Style: bg/color intent only (clean, subtle, card, outlined, bold)
 *   - Layout: flex direction + alignment (inline, icon-left, stacked, text-only, banner)
 *   - Appearance: all geometry — border, corners, shadow, spacing, text-size, margin
 *   - Text formatting: CSS custom properties on each item (--ed-date-color, etc.)
 * @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */

/* ══════════════════════════════════════════════
   Type 1 (After Carriers List): inner blocks lose decoration while nested
   — once JS moves them out (types 0+2) this rule no longer applies
   ══════════════════════════════════════════════ */
#estimateddelivery-cart .ed-cart-option {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* ══════════════════════════════════════════════
   Base
   ══════════════════════════════════════════════ */

.ed-display {
    display: flex;
    align-items: center;
    gap: 8px;
    line-height: 1.5;
    transition: background 0.15s, border-color 0.15s;
}
.ed-display-icon {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}
.ed-display-content {
    flex: 1;
    min-width: 0;
}
.ed-display-title {
    display: block;
    font-size: 0.8em;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    opacity: 0.7;
    margin-bottom: 2px;
}
.ed-display-text {
    display: inline;
}
.ed-display-image {
    flex-shrink: 0;
}
.ed-display-image img {
    display: inline-block;
    vertical-align: middle;
    max-height: 24px;
    width: auto;
}
.ed-checkmark {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    margin-right: 4px;
    color: #2e7d32;
}

/* Block title (All Carriers header) */
.ed-block-title {
    margin: 0 0 6px;
    font-size: 1em;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
}

/* Double display item wrapper */
.ed-item {
    margin-bottom: 6px;
}
.ed-item:last-child {
    margin-bottom: 0;
}

/* ══════════════════════════════════════════════
   V4 Wrapper — consumes color CSS variables
   ══════════════════════════════════════════════ */

/* Wrapper rule owns ONLY what no appearance class can — the color CSS variables
   set by ed-color-* classes. Border-width/style/radius and padding/margin come
   from the appearance classes (ed-border-*, ed-bw-*, ed-corners-*, ed-spacing-*,
   ed-margin-*) so user choices in Customize Appearance always apply. */
.estimateddelivery.ed-v4 {
    background: var(--ed-bg, transparent);
    border-color: var(--ed-border-color, transparent);
    color: var(--ed-text, #333);
}

/* ══════════════════════════════════════════════
   Style — bg/color intent only
   ══════════════════════════════════════════════ */

.ed-style-clean {
    background: transparent;
}
.ed-style-subtle {
    background: rgba(0, 0, 0, 0.03);
}
.ed-style-card {
    background: transparent;
}
.ed-style-outlined {
    background: transparent;
}
.ed-style-bold {
    background: var(--ed-accent, #333);
    color: #fff;
}
.ed-style-bold .ed-display-title {
    opacity: 0.8;
}
.ed-style-bold .ed-icon {
    color: #fff;
}

/* ══════════════════════════════════════════════
   Layout — flex direction + alignment
   ══════════════════════════════════════════════ */

/* Icon sizing — em-based so icons scale with text.
   .ed-isize-1x (default): icon ~1em, flows inline with text.
   .ed-isize-2x: icon ~2em, dedicated flex column, vertically centered. */
.ed-display .ed-icon {
    width: 1em;
    height: 1em;
}
.ed-display.ed-isize-2x .ed-icon {
    width: 2em;
    height: 2em;
}

/* Inline layout + 1x: float so text wraps around the icon as a leading glyph */
.ed-layout-inline.ed-isize-1x {
    display: block;
}
.ed-layout-inline.ed-isize-1x .ed-display-icon {
    display: inline-block;
    float: left;
    margin-right: 6px;
    margin-top: -2px;
    padding: 0;
}
.ed-layout-inline.ed-isize-1x .ed-display-content {
    display: block;
}
.ed-layout-inline.ed-isize-1x::after {
    content: "";
    display: block;
    clear: both;
}

/* 2x: break out of inline floating; 2-column flex row with vertical centering */
.ed-display.ed-isize-2x {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
}
.ed-display.ed-isize-2x .ed-display-icon {
    float: none;
    margin: 0;
    padding: 0;
    flex-shrink: 0;
    display: flex;
    align-items: center;
}
.ed-display.ed-isize-2x .ed-display-content {
    flex: 1;
    min-width: 0;
}

/* Icon Left — large icon column, text stacked right */
.ed-layout-icon-left {
    flex-direction: row;
    align-items: flex-start;
}
.ed-layout-icon-left .ed-display-icon {
    padding-top: 2px;
}
.ed-layout-icon-left .ed-display-icon .ed-icon {
    width: 28px;
    height: 28px;
}

/* Stacked — icon above, text below */
.ed-layout-stacked {
    flex-direction: column;
    align-items: center;
    text-align: center;
}

/* Text Only — no icon */
.ed-layout-text-only {
    flex-direction: row;
}
.ed-layout-text-only .ed-display-icon {
    display: none;
}

/* Banner — full-width centered */
.ed-layout-banner {
    flex-direction: row;
    align-items: center;
    width: 100%;
    justify-content: center;
    text-align: center;
}

/* ══════════════════════════════════════════════
   Appearance — Border
   ══════════════════════════════════════════════ */

.ed-border-none    { border-style: none; }
.ed-border-simple  { border-style: solid; }
.ed-border-dashed  { border-style: dashed; }
.ed-border-double  { border-style: double; }

/* Border width */
.ed-bw-thin   { border-width: 1px; }
.ed-bw-normal { border-width: 2px; }
.ed-bw-thick  { border-width: 3px; }

/* Border position — selectively remove sides */
/* .ed-bp-all is the default (no overrides needed) */
.ed-bp-left      { border-top-style: none; border-right-style: none; border-bottom-style: none; }
.ed-bp-top       { border-left-style: none; border-right-style: none; border-bottom-style: none; }
.ed-bp-topbottom { border-left-style: none; border-right-style: none; }

/* ══════════════════════════════════════════════
   Appearance — Corners
   ══════════════════════════════════════════════ */

.ed-corners-sharp { border-radius: 0; }
.ed-corners-soft  { border-radius: 4px; }
.ed-corners-round { border-radius: 8px; }
.ed-corners-pill  { border-radius: 20px; }

/* ══════════════════════════════════════════════
   Appearance — Shadow
   ══════════════════════════════════════════════ */

.ed-shadow-none     { box-shadow: none; }
.ed-shadow-light    { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); }
.ed-shadow-elevated { box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15); }
.ed-shadow-floating { box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2); }

/* ══════════════════════════════════════════════
   Appearance — Spacing (padding)
   ══════════════════════════════════════════════ */

.ed-spacing-tight       { padding: 4px 8px; }
.ed-spacing-comfortable { padding: 8px 14px; }
.ed-spacing-spacious    { padding: 14px 20px; }

/* ══════════════════════════════════════════════
   Appearance — Text Size
   ══════════════════════════════════════════════ */

.ed-fs-small  { font-size: 12px; }
.ed-fs-medium { font-size: 14px; }
.ed-fs-large  { font-size: 16px; }

/* ══════════════════════════════════════════════
   Appearance — Margin
   ══════════════════════════════════════════════ */

.ed-margin-flush  { margin: 0; }
.ed-margin-snug   { margin: 5px 0; }
.ed-margin-normal { margin: 10px 0; }
.ed-margin-roomy  { margin: 20px 0; }

/* ══════════════════════════════════════════════
   Text Formatting — CSS custom properties
   Set per-item via inline style attribute
   ══════════════════════════════════════════════ */

.ed-display .ed-date {
    color: var(--ed-date-color, inherit);
    font-weight: var(--ed-date-weight, inherit);
    font-style: var(--ed-date-style, inherit);
    text-decoration: var(--ed-date-decoration, inherit);
}
.ed-display .ed-countdown {
    color: var(--ed-countdown-color, inherit);
    font-weight: var(--ed-countdown-weight, inherit);
    font-style: var(--ed-countdown-style, inherit);
    text-decoration: var(--ed-countdown-decoration, inherit);
}
.ed-display .ed-carrier {
    color: var(--ed-carrier-color, inherit);
    font-weight: var(--ed-carrier-weight, inherit);
    font-style: var(--ed-carrier-style, inherit);
    text-decoration: var(--ed-carrier-decoration, inherit);
}
.ed-display .ed-price {
    color: var(--ed-price-color, inherit);
    font-weight: var(--ed-price-weight, inherit);
    font-style: var(--ed-price-style, inherit);
    text-decoration: var(--ed-price-decoration, inherit);
}

/* ══════════════════════════════════════════════
   Icon sizing by layout context
   ══════════════════════════════════════════════ */

/* Icon-left layout scales up with spacing */
.ed-spacing-spacious .ed-layout-icon-left .ed-display-icon .ed-icon {
    width: 36px;
    height: 36px;
}

/* ══════════════════════════════════════════════
   Order Details (order confirmation + order history)
   ══════════════════════════════════════════════ */

/* ed-order-display only contributes internal layout; border / background /
   corners / padding / margin / shadow come from the V4 appearance classes
   applied via EDDisplayRenderer::getWrapperAttributes() (ed-border-*,
   ed-corners-*, ed-spacing-*, ed-margin-*, ed-shadow-*, ed-color-*). */
.ed-order-display {
    display: block;
}
.ed-order-display-header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--ed-border-color, rgba(0,0,0,0.1));
}
.ed-order-display-header {
    line-height: 1.2;
}
.ed-order-display-icon {
    display: inline-flex;
    align-items: center;
    line-height: 1;
    flex-shrink: 0;
    width: 1em;
    height: 1em;
    font-size: 1.1em;
}
.ed-order-display-icon .ed-icon,
.ed-order-display-icon svg,
.ed-order-display-icon img {
    display: block;
    width: 1em;
    height: 1em;
    max-width: 1em;
    max-height: 1em;
}
.ed-order-display-icon .ed-char-emoji,
.ed-order-display-icon .ed-char-icon {
    font-size: 1em;
    line-height: 1;
}
.ed-order-display-title {
    margin: 0;
    font-size: 1.1em;
    font-weight: 600;
}
h3.ed-order-display-title {
    margin: 1em 0.5em;
}
.ed-order-display-body p {
    margin: 4px 0;
}
.ed-order-display-sep {
    border: none;
    border-top: 1px solid var(--ed-border-color, rgba(0,0,0,0.1));
    margin: 10px 0;
}
.ed-order-display-notice {
    border-left: 3px solid var(--ed-accent, var(--ed-border-color, rgba(0,0,0,0.25)));
    padding: 2px 0 2px 10px;
    margin: 6px 0;
}
.ed-order-display-notice p {
    margin: 2px 0;
}
.ed-order-display-label {
    color: inherit;
}
.ed-order-display-subtitle {
    margin: 8px 0 4px;
    font-size: 1em;
}
.ed-order-display .ed-date {
    color: var(--ed-date-color, #44B449);
    font-weight: var(--ed-date-weight, 600);
}
.ed-order-product {
    padding: 6px 0;
}
.ed-order-product + .ed-order-product {
    border-top: 1px dashed var(--ed-border-color, rgba(0,0,0,0.1));
}
.ed-order-product-date {
    margin-bottom: 2px;
}
.ed-order-product-info {
    padding-left: 4px;
}
.ed-order-product-name {
    display: inline-block;
}
.ed-order-product-attr {
    padding-left: 12px;
    font-size: 0.9em;
    color: #666;
}
.ed-order-product-attr .ed-attr-value {
    text-decoration: underline;
}

/* ══════════════════════════════════════════════
   Surface 2 — Cart Product Line
   ══════════════════════════════════════════════ */

/* Minimalist inline box: border/bg/corners/margin come from BO appearance
   classes (ed-border-*, ed-color-*, ed-corners-*, ed-margin-*).
   ed-cart-line overrides for compactness + full-width block behaviour. */
.ed-cart-line {
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 0.85em;
    line-height: 1.35;
    padding: 4px 8px;
}
/* Reset color: theme rules like .has-discount p bleed into p.ed-cart-line-text.
   color:inherit pulls from .estimateddelivery.ed-v4 (color: var(--ed-text,#333)),
   winning the specificity battle against .has-discount p (0,1,1) vs (0,2,1). */
.ed-cart-line p.ed-cart-line-text {
    color: inherit;
    margin: 0;
}
/* Apply text-format CSS vars — .ed-display .ed-date rule doesn't fire here
   because the cart-line wrapper lacks the .ed-display class. */
.ed-cart-line .ed-date {
    color: var(--ed-date-color, inherit);
    font-weight: var(--ed-date-weight, inherit);
    font-style: var(--ed-date-style, inherit);
    text-decoration: var(--ed-date-decoration, inherit);
}
.ed-cart-line .ed-carrier {
    color: var(--ed-carrier-color, inherit);
    font-weight: var(--ed-carrier-weight, inherit);
    font-style: var(--ed-carrier-style, inherit);
    text-decoration: var(--ed-carrier-decoration, inherit);
}
.ed-cart-line-icon {
    display: inline;
    margin-right: 4px;
    opacity: 0.75;
    vertical-align: middle;
}
.ed-cart-line-icon .ed-icon,
.ed-cart-line-icon svg {
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
}
.ed-cart-line-carrier {
    margin-left: 4px;
}
.ed-cart-line-tooltip {
    cursor: help;
}

/* ══════════════════════════════════════════════
   Surface 3 — Cart Summary Block
   ══════════════════════════════════════════════ */

.ed-cart-summary {
    display: block;
}
.ed-cart-summary-header {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0 0 6px;
    font-weight: 600;
    line-height: 1.3;
}
.ed-cart-summary-icon {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    opacity: 0.8;
    line-height: 1;
}
.ed-cart-summary-icon .ed-icon,
.ed-cart-summary-icon svg {
    width: 16px;
    height: 16px;
    display: block;
}
.ed-cart-summary-title {
    font-size: 0.95em;
}
.ed-cart-summary-text {
    margin: 4px 0 0;
    font-size: 0.85em;
}
.ed-cart-summary-guest {
    opacity: 0.7;
}
.ed-cart-carrier-line {
    margin-bottom: 4px;
}
.ed-cart-carrier-line:last-of-type {
    margin-bottom: 0;
}
.ed-cart-carrier-hidden {
    display: none;
}
/* Reset color — same theme override risk as Surface 2 */
.ed-cart-summary p.ed-cart-carrier-text {
    color: inherit;
    margin: 0;
    font-size: 0.9em;
}
.ed-cart-carrier-text .ed-carrier {
    color: var(--ed-carrier-color, inherit);
    font-weight: var(--ed-carrier-weight, 600);
    font-style: var(--ed-carrier-style, inherit);
    text-decoration: var(--ed-carrier-decoration, inherit);
}
.ed-cart-carrier-text .ed-date {
    color: var(--ed-date-color, inherit);
    font-weight: var(--ed-date-weight, 600);
    font-style: var(--ed-date-style, inherit);
    text-decoration: var(--ed-date-decoration, inherit);
}
.ed-cart-carrier-custom {
    margin: 2px 0 0;
    font-size: 0.85em;
    color: inherit;
}
.ed-cart-expand {
    margin-top: 6px;
    font-size: 0.85em;
}
.ed-cart-expand-link {
    color: var(--ed-accent, currentColor);
    text-decoration: none;
    cursor: pointer;
    border-bottom: 1px dashed var(--ed-accent, currentColor);
    opacity: 0.8;
}
.ed-cart-expand-link:hover {
    opacity: 1;
    text-decoration: none;
}
/* LDA / OOS split-delivery notice */
.ed-cart-lda {
    margin-top: 6px;
    border-left: 3px solid var(--ed-accent, var(--ed-border-color, rgba(0,0,0,0.2)));
    padding: 4px 8px;
}
.ed-cart-lda p.ed-cart-lda-text {
    margin: 0;
    font-size: 0.85em;
    color: inherit;
}

/* ── Surface 4 — Calendar delivery display ── */
.ed-calendar-block {
    margin-top: 8px;
}
.ed-calendar-header {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0 0 4px;
    font-weight: 600;
    font-size: 0.95em;
}
.ed-calendar-icon {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    opacity: 0.8;
}
.ed-calendar-hint {
    margin: 0 0 8px;
    font-size: 0.85em;
    opacity: 0.75;
}
.ed-calendar-picker-row {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
.ed-calendar-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 0.85em;
    padding: 4px 10px;
    border: 1px solid var(--ed-border-color, rgba(0,0,0,0.2));
    border-radius: 4px;
    background: transparent;
    color: inherit;
    cursor: pointer;
}
.ed-calendar-btn:hover {
    background: var(--ed-border-color, rgba(0,0,0,0.06));
}
.ed-calendar-selected-label {
    font-size: 0.85em;
    opacity: 0.75;
}
.ed-date-selected {
    color: var(--ed-date-color, inherit);
    font-weight: var(--ed-date-weight, 600);
    font-style: var(--ed-date-style, inherit);
    text-decoration: var(--ed-date-decoration, inherit);
}
#delivery_date_picker.ed-calendar-date-input {
    visibility: hidden;
    width: 0;
    height: 0;
    padding: 0;
    border: 0;
    position: absolute;
}

/* ══════════════════════════════════════════════
   Cart Carrier-Selection V4
   ══════════════════════════════════════════════ */

.ed-cart-carrier-icon { display: inline; vertical-align: middle; margin-right: 4px; }
.ed-cart-carrier-text { margin: 0; }
.ed-cart-carrier-text .ed-date { color: var(--ed-date-color, #0a8d64); font-weight: var(--ed-date-weight, 600); }
.ed-cart-carrier-text .ed-carrier { opacity: 0.8; }
.ed-cart-products-title { margin: 0 0 8px; font-size: 1em; font-weight: 600; color: var(--ed-text, #333); }
.ed-date-range { display: flex; align-items: center; gap: 6px; margin-bottom: 4px; }
.ed-date-range .ed-date { color: var(--ed-date-color, #0a8d64); font-weight: var(--ed-date-weight, 600); }
.ed-cart-lda { display: block; margin-top: 8px; }
.ed-cart-lda-text { margin: 0; color: var(--ed-text, #333); }

/* ══════════════════════════════════════════════
   Popup Overlay V4
   ══════════════════════════════════════════════ */

#ed_popup_content.ed-v4 {
    background: #fff;
    color: #212529;
    border-radius: 8px;
    box-shadow: 0 8px 32px rgba(0,0,0,0.18);
    padding: 28px 36px 24px;
    border-top: 3px solid var(--ed-accent, #0a8d64);
}
#ed_popup_content.ed-v4 h3 {
    font-size: 1.15em;
    font-weight: 700;
    color: var(--ed-accent, #0a8d64);
    margin: 0 0 16px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}
#ed_popup_content.ed-v4 .ed_close_popup {
    background: var(--ed-accent, #0a8d64);
    border-radius: 50%;
    width: 28px;
    height: 28px;
    line-height: 28px;
    top: -14px;
    right: -14px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
#ed_popup_content.ed-v4 table thead th,
.ed-carriers-tab-content.ed-v4 table thead th {
    padding: 10px 14px;
    font-size: 0.76em;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #6c757d;
    background: #f8f9fa;
    border-bottom: 2px solid #dee2e6;
    white-space: nowrap;
    vertical-align: bottom;
}
#ed_popup_content.ed-v4 table tbody td,
.ed-carriers-tab-content.ed-v4 table tbody td {
    padding: 11px 14px;
    color: #212529;
    vertical-align: middle;
    border-bottom: 1px solid #dee2e6;
}
#ed_popup_content.ed-v4 table tbody tr:last-child td,
.ed-carriers-tab-content.ed-v4 table tbody tr:last-child td { border-bottom: none; }
#ed_popup_content.ed-v4 table tbody tr:hover td,
.ed-carriers-tab-content.ed-v4 table tbody tr:hover td { background: #f8f9fa; }
#ed_popup_content.ed-v4 table tbody td img,
.ed-carriers-tab-content.ed-v4 table tbody td img { max-width: 60px; max-height: 32px; object-fit: contain; }
#ed_popup_content.ed-v4 .date_green,
.ed-carriers-tab-content.ed-v4 .date_green { color: var(--ed-date-color, var(--ed-accent, #0a8d64)); font-weight: 600; }
#ed_popup_content.ed-v4 .popup_item { border-bottom: 1px solid #eee; }
#ed_popup_content.ed-v4 .popup_item h4 { font-size: 0.95em; font-weight: 600; color: #333; }

/* ══════════════════════════════════════════════
   All Carriers Link Band (link mode)
   ══════════════════════════════════════════════ */
.estimateddelivery.ed-v4 .ed-all-carriers-link {
    display: block;
    margin-top: 10px;
    padding-top: 8px;
    border-top: 1px solid rgba(0,0,0,0.08);
    text-align: center;
    font-size: 0.85em;
    color: var(--ed-accent, #0a8d64);
    text-decoration: none;
    cursor: pointer;
}
.estimateddelivery.ed-v4 .ed-all-carriers-link:hover { text-decoration: underline; }

/* ══════════════════════════════════════════════
   Popup / Tab Table Style Presets
   Scoped to #ed_popup_content.ed-v4 and .ed-carriers-tab-content.ed-v4
   Applied via ed-table-{style} class on the <table> element
   ══════════════════════════════════════════════ */

/* ── clean: base is already clean, no overrides needed ── */

/* ── modern: accent-labeled header, card rows with gaps ── */
#ed_popup_content.ed-v4 table.ed-table-modern,
.ed-carriers-tab-content.ed-v4 table.ed-table-modern {
    border-collapse: separate;
    border-spacing: 0 5px;
}
#ed_popup_content.ed-v4 table.ed-table-modern thead th,
.ed-carriers-tab-content.ed-v4 table.ed-table-modern thead th {
    background: transparent;
    color: var(--ed-accent, #0a8d64);
    border-bottom: 2px solid var(--ed-accent, #0a8d64);
    padding-bottom: 12px;
}
#ed_popup_content.ed-v4 table.ed-table-modern tbody td,
.ed-carriers-tab-content.ed-v4 table.ed-table-modern tbody td {
    background: #f8f9fa;
    border-bottom: none;
}
#ed_popup_content.ed-v4 table.ed-table-modern tbody tr:last-child td,
.ed-carriers-tab-content.ed-v4 table.ed-table-modern tbody tr:last-child td { border-bottom: none; }
#ed_popup_content.ed-v4 table.ed-table-modern tbody tr:hover td,
.ed-carriers-tab-content.ed-v4 table.ed-table-modern tbody tr:hover td { background: #eef2f7; }
#ed_popup_content.ed-v4 table.ed-table-modern tbody td:first-child,
.ed-carriers-tab-content.ed-v4 table.ed-table-modern tbody td:first-child { border-radius: 6px 0 0 6px; }
#ed_popup_content.ed-v4 table.ed-table-modern tbody td:last-child,
.ed-carriers-tab-content.ed-v4 table.ed-table-modern tbody td:last-child { border-radius: 0 6px 6px 0; }

/* ── striped: title-case headers, accent underline, zebra rows ── */
#ed_popup_content.ed-v4 table.ed-table-striped thead th,
.ed-carriers-tab-content.ed-v4 table.ed-table-striped thead th {
    text-transform: none;
    font-size: 0.82em;
    letter-spacing: 0;
    font-weight: 600;
    color: #495057;
    background: #f8f9fa;
    border-bottom: 2px solid var(--ed-accent, #0a8d64);
}
#ed_popup_content.ed-v4 table.ed-table-striped tbody tr:nth-child(even) td,
.ed-carriers-tab-content.ed-v4 table.ed-table-striped tbody tr:nth-child(even) td { background: #f8f9fa; }
#ed_popup_content.ed-v4 table.ed-table-striped tbody tr:hover td,
.ed-carriers-tab-content.ed-v4 table.ed-table-striped tbody tr:hover td { background: #eef2f7; }

/* ── bold: dark navy header ── */
#ed_popup_content.ed-v4 table.ed-table-bold thead th,
.ed-carriers-tab-content.ed-v4 table.ed-table-bold thead th {
    background: #1e293b;
    color: #fff;
    border-bottom: none;
}
#ed_popup_content.ed-v4 table.ed-table-bold tbody tr:hover td,
.ed-carriers-tab-content.ed-v4 table.ed-table-bold tbody tr:hover td { background: #f8fafc; }

/* ── accent: brand-color header, light-tinted alternating rows ── */
#ed_popup_content.ed-v4 table.ed-table-accent thead th,
.ed-carriers-tab-content.ed-v4 table.ed-table-accent thead th {
    background: var(--ed-accent, #0a8d64);
    color: #fff;
    border-bottom: none;
    text-transform: none;
    font-size: 0.82em;
    letter-spacing: 0;
}
#ed_popup_content.ed-v4 table.ed-table-accent tbody tr:nth-child(even) td,
.ed-carriers-tab-content.ed-v4 table.ed-table-accent tbody tr:nth-child(even) td {
    background: color-mix(in srgb, var(--ed-accent, #0a8d64) 8%, #fff);
}
#ed_popup_content.ed-v4 table.ed-table-accent tbody tr:hover td,
.ed-carriers-tab-content.ed-v4 table.ed-table-accent tbody tr:hover td {
    background: color-mix(in srgb, var(--ed-accent, #0a8d64) 15%, #fff);
}

/* ── dark: full dark theme ── */
#ed_popup_content.ed-v4.ed-theme-dark {
    background: #1a202c;
    border-top-color: var(--ed-accent, #34d399);
}
#ed_popup_content.ed-v4.ed-theme-dark h3 { color: #9ca3af; border-color: #374151; }
.ed-carriers-tab-content.ed-v4.ed-theme-dark { background: #1a202c; }
#ed_popup_content.ed-v4 table.ed-table-dark,
.ed-carriers-tab-content.ed-v4 table.ed-table-dark { background: #1a202c; color: #e5e7eb; }
#ed_popup_content.ed-v4 table.ed-table-dark thead th,
.ed-carriers-tab-content.ed-v4 table.ed-table-dark thead th {
    background: #111827;
    color: #9ca3af;
    border-bottom: 1px solid #374151;
}
#ed_popup_content.ed-v4 table.ed-table-dark tbody td,
.ed-carriers-tab-content.ed-v4 table.ed-table-dark tbody td { border-bottom: 1px solid #374151; color: #e5e7eb; background: #1a202c; }
#ed_popup_content.ed-v4 table.ed-table-dark tbody tr:last-child td,
.ed-carriers-tab-content.ed-v4 table.ed-table-dark tbody tr:last-child td { border-bottom: none; }
#ed_popup_content.ed-v4 table.ed-table-dark tbody tr:hover td,
.ed-carriers-tab-content.ed-v4 table.ed-table-dark tbody tr:hover td { background: #1f2937; }
#ed_popup_content.ed-v4 table.ed-table-dark .date_green,
.ed-carriers-tab-content.ed-v4 table.ed-table-dark .date_green { color: var(--ed-accent, #34d399); }
#ed_popup_content.ed-v4 table.ed-table-dark .carrier_price,
.ed-carriers-tab-content.ed-v4 table.ed-table-dark .carrier_price { color: #9ca3af; }


/* ── Product listing icon — always inline 1x ── */
.estimateddelivery-list .ed-list-icon {
    display: inline-flex;
    vertical-align: middle;
    margin-right: 4px;
    line-height: 1;
}
.estimateddelivery-list .ed-list-icon svg {
    width: 18px !important;
    height: 18px !important;
}

/* Type 2: after each carrier, right-aligned */
.ed-carrier-after {
    text-align: right;
    justify-content: flex-end;
}

/* Inline style: strip design decoration so date blends into carrier row */
.ed-carrier-inline {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 2px 0 !important;
    margin: 0 !important;
}/* Estimated Delivery — generated theme. Do not edit manually. */

/* Base — also sets CSS variables so ed-display-frontend.css picks them up */
.estimateddelivery {
    background: #FFFDE6;
    border-color: #D4D09C;
    color: #333333;
    --ed-bg: #FFFDE6;
    --ed-border-color: #D4D09C;
    --ed-text: #333333;
}

/* Accent variable for popup/tab overlays */
:root { --ed-accent: #ffc107; }

/* Product page */
.estimateddelivery.estimateddelivery-product {
    border:none;
    border-left:3px solid;
    border-color: #D4D09C;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    padding: 8px 14px;
    font-size: 14px;
    margin: 10px 0;
}

/* Product listing */
.estimateddelivery.estimateddelivery-list {
    border:none;
    border-left:3px solid;
    border-color: #D4D09C;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    padding: 8px 14px;
    font-size: 14px;
    margin: 10px 0;
}

/* Cart */
.estimateddelivery.estimateddelivery-cart {
    border:none;
    border-left:3px solid;
    border-color: #D4D09C;
    border-radius: 4px;
    padding: 8px 14px;
}

/* Order confirmation */
.estimateddelivery.estimateddelivery-order {
    border:none;
    border-left:3px solid;
    border-color: #D4D09C;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    padding: 8px 14px;
    font-size: 14px;
    margin: 10px 0;
}

/* Text formatting */
.estimateddelivery .ed-date {
    color: #1565C0;
}
.estimateddelivery.estimateddelivery-cart .ed-date {
    color: #1565C0;
}

.estimateddelivery .ed-carrier { color: #333333; }
.estimateddelivery .ed-countdown { color: #E65100; }/**
 * Estimated Delivery — SVG Icon Base Styles
 *
 * Inline SVG icons inherit color from parent text via currentColor.
 * Size is set via width/height attributes on the SVG element.
 * @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */

/* Base icon alignment */
.ed-icon {
    display: inline-block;
    vertical-align: middle;
    flex-shrink: 0;
    /* Inherit text color */
    stroke: currentColor;
    fill: none;
}

/* Slight optical offset when next to text */
.ed-icon + span,
span + .ed-icon {
    margin-left: 4px;
}

/* Color modifiers — applied via class on the SVG */
.ed-icon.ed-green { color: #4caf50; }
.ed-icon.ed-blue { color: #2196f3; }
.ed-icon.ed-orange { color: #ff9800; }
.ed-icon.ed-red { color: #f44336; }
.ed-icon.ed-gray { color: #9e9e9e; }
.ed-icon.ed-dark { color: #424242; }

/* Size presets (override the inline width/height when needed via CSS) */
.ed-icon.ed-icon-sm { width: 14px; height: 14px; }
.ed-icon.ed-icon-md { width: 18px; height: 18px; }
.ed-icon.ed-icon-lg { width: 24px; height: 24px; }
.ed-icon.ed-icon-xl { width: 32px; height: 32px; }

/* Animation for countdown/loading contexts */
.ed-icon.ed-spin {
    -webkit-animation: ed-spin 1.5s linear infinite;
    animation: ed-spin 1.5s linear infinite;
}

@-webkit-keyframes ed-spin {
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes ed-spin {
    100% { transform: rotate(360deg); }
}/**
 * Estimated Delivery — Custom CSS Override Placeholder
 *
 * @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 *//* Smart Banner Display Styles */
/* views/css/smartbannerdisplay.css */

.smartbanner-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    z-index: 5;
    /* We'll set height dynamically via JS to prevent layout shift */
}

.smartbanner-item {
    display: none;
    padding: 15px 20px;
    text-align: center;
    border: 1px solid #cccccc;
    margin: 0;
    position: relative; /* Normal flow by default */
    opacity: 0;
    transform: translateY(-20px);
    transition: all 0.5s ease;
}

.smartbanner-item.smartbanner-active {
    display: block;
    opacity: 1;
    transform: translateY(0);
}

/* During transitions: overlay banners without affecting layout */
.smartbanner-item.smartbanner-entering,
.smartbanner-item.smartbanner-exiting {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: auto; /* Let right: 0 handle width */
    box-sizing: border-box;
    display: block !important; /* Force display during transition */
}

/*
.smartbanner-item.smartbanner-active {
    display: block;
    position: relative;
    opacity: 1;
    transform: translateY(0);
}

.smartbanner-item.smartbanner-entering,
.smartbanner-item.smartbanner-exiting {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    box-sizing: border-box;
}
*/
.smartbanner-content {
    margin: 0;
    padding: 0;
    line-height: 1.4;
}

.smartbanner-content p {
    margin: 0;
    padding: 0;
}

.smartbanner-link {
    display: block;
    text-decoration: none;
    color: inherit;
}

.smartbanner-link:hover {
    text-decoration: none;
    color: inherit;
    opacity: 0.9;
}

/* Preview Mode Styles */
.smartbanner-preview {
    border: 3px dashed #007cba !important;
    position: relative;
}

.smartbanner-preview-label {
    position: absolute;
    top: -10px;
    right: 10px;
    background: #007cba;
    color: white;
    padding: 2px 8px;
    font-size: 11px;
    border-radius: 3px;
    font-weight: bold;
    text-transform: uppercase;
}

/* Responsive Design */
@media (max-width: 768px) {
    .smartbanner-item {
        padding: 12px 15px;
        font-size: 14px;
    }
    
    .smartbanner-content {
        line-height: 1.3;
    }
}

@media (max-width: 480px) {
    .smartbanner-item {
        padding: 10px 12px;
        font-size: 13px;
    }
}

/* Animation Classes */

/* Fade Animation */
.smartbanner-fade .smartbanner-item {
    opacity: 0;
    transition: opacity 0.5s ease;
}

.smartbanner-fade .smartbanner-item.smartbanner-active {
    opacity: 1;
}

/* Slide Up/Down Animation */
.smartbanner-slideUp .smartbanner-item {
    transform: translateY(30px);
    opacity: 0;
    transition: all 0.5s ease;
}

.smartbanner-slideUp .smartbanner-item.smartbanner-active {
    transform: translateY(0);
    opacity: 1;
}

.smartbanner-slideUp .smartbanner-item.smartbanner-exit {
    transform: translateY(-30px);
    opacity: 0;
}

/* Slide Left/Right Animation */
.smartbanner-slideLeft .smartbanner-item {
    transform: translateX(100%);
    opacity: 0;
    transition: all 0.5s ease;
}

.smartbanner-slideLeft .smartbanner-item.smartbanner-active {
    transform: translateX(0);
    opacity: 1;
}

.smartbanner-slideLeft .smartbanner-item.smartbanner-exit {
    transform: translateX(-100%);
    opacity: 0;
}

/* Scale Animation */
.smartbanner-scale .smartbanner-item {
    transform: scale(0.8);
    opacity: 0;
    transition: all 0.5s ease;
}

.smartbanner-scale .smartbanner-item.smartbanner-active {
    transform: scale(1);
    opacity: 1;
}

.smartbanner-scale .smartbanner-item.smartbanner-exit {
    transform: scale(1.2);
    opacity: 0;
}

/* Bounce Animation */
.smartbanner-bounce .smartbanner-item {
    transform: translateY(-50px);
    opacity: 0;
    transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.smartbanner-bounce .smartbanner-item.smartbanner-active {
    transform: translateY(0);
    opacity: 1;
}

/* Glow Pulse Animation */
.smartbanner-glow .smartbanner-item {
    opacity: 0;
    transition: all 0.5s ease;
}

.smartbanner-glow .smartbanner-item.smartbanner-active {
    opacity: 1;
    animation: glowPulse 2s ease-in-out infinite alternate;
}

@keyframes glowPulse {
    0% {
        box-shadow: 0 0 5px rgba(0, 123, 255, 0.3);
    }
    100% {
        box-shadow: 0 0 20px rgba(0, 123, 255, 0.6);
    }
}

/* Blur Transition */
.smartbanner-blur .smartbanner-item {
    filter: blur(5px);
    opacity: 0;
    transition: all 0.6s ease;
}

.smartbanner-blur .smartbanner-item.smartbanner-active {
    filter: blur(0px);
    opacity: 1;
}

/* Rotate Slide Animation */
.smartbanner-rotate .smartbanner-item {
    transform: rotate(5deg) translateX(100%);
    opacity: 0;
    transition: all 0.6s ease;
}

.smartbanner-rotate .smartbanner-item.smartbanner-active {
    transform: rotate(0deg) translateX(0);
    opacity: 1;
}

.smartbanner-rotate .smartbanner-item.smartbanner-exit {
    transform: rotate(-5deg) translateX(-100%);
    opacity: 0;
}

/* Typing Effect Animation */
.smartbanner-typing .smartbanner-item {
    opacity: 0;
}

.smartbanner-typing .smartbanner-item.smartbanner-active {
    opacity: 1;
}

.smartbanner-typing .smartbanner-item.smartbanner-active .smartbanner-content {
    overflow: hidden;
    border-right: 2px solid;
    white-space: nowrap;
    animation: typing 2s steps(40, end), blink-caret 0.75s step-end infinite;
}

@keyframes typing {
    from { width: 0; }
    to { width: 100%; }
}

@keyframes blink-caret {
    from, to { border-color: transparent; }
    50% { border-color: currentColor; }
}

/* Animation Utilities */
.smartbanner-item.smartbanner-entering {
    display: block;
}

.smartbanner-item.smartbanner-exiting {
    display: block;
}

/* Multiple Banner Indicator */
.smartbanner-wrapper[data-count="1"] .smartbanner-indicators {
    display: none;
}

.smartbanner-indicators {
    text-align: center;
    padding: 5px 0;
    background: rgba(0,0,0,0.05);
}

.smartbanner-indicator {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(0,0,0,0.3);
    margin: 0 3px;
    cursor: pointer;
    transition: background 0.3s ease;
}

.smartbanner-indicator.active {
    background: rgba(0,0,0,0.8);
}

/* Shadow Variants */
.smartbanner-shadow-light {
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.smartbanner-shadow-medium {
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.smartbanner-shadow-heavy {
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}

/* Border Styles */
.smartbanner-border-solid {
    border-style: solid;
}

.smartbanner-border-dashed {
    border-style: dashed;
}

.smartbanner-border-dotted {
    border-style: dotted;
}

/* Accessibility */
.smartbanner-item:focus-within {
    outline: 2px solid #007cba;
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    .smartbanner-item,
    .smartbanner-item.smartbanner-active,
    .smartbanner-item.smartbanner-exit {
        transition: none !important;
        animation: none !important;
    }
    
    .smartbanner-typing .smartbanner-item.smartbanner-active .smartbanner-content {
        animation: none !important;
        border-right: none !important;
        width: auto !important;
        white-space: normal !important;
    }
}.elementor-widget-shopping-cart{
    display: none;
}
.elementor-sign-in{
    display: none;
}/**
 * Front Office CSS for Smart Product Tags
 *
 * @author    Smart Modules
 * @copyright Smart Modules
 * @license   Commercial License
 */

/* Hide labels until JS placement moves them */
.spt-labels-container.spt-hide-default {
    display: none !important;
}

/* Container */
.spt-labels-container {
    position: relative;
    margin: 10px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

/* Single label */
.spt-label {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    line-height: 1.2;
    transition: opacity 0.2s ease;
}

.spt-label:hover {
    opacity: 0.85;
    text-decoration: none;
}

/* Label text */
.spt-label-text {
    white-space: nowrap;
}

/* Label icon (SVG sprite) */
.spt-label-icon {
    width: 16px;
    height: 16px;
    fill: currentColor;
    flex-shrink: 0;
}

/* Shapes */
.spt-label-shape-square {
    border-radius: 0;
}

.spt-label-shape-rounded {
    border-radius: 4px;
}

.spt-label-shape-pill {
    border-radius: 999px;
}

.spt-label-shape-circle {
    border-radius: 50%;
}

.spt-label-shape-tag-left {
    border-radius: 0 4px 4px 0;
    position: relative;
}

.spt-label-shape-tag-left::before {
    content: '';
    position: absolute;
    left: -8px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 8px solid var(--spt-bg, #000);
}

.spt-label-shape-tag-right {
    border-radius: 4px 0 0 4px;
    position: relative;
}

.spt-label-shape-tag-right::after {
    content: '';
    position: absolute;
    right: -8px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 8px solid var(--spt-bg, #000);
}

.spt-label-shape-ribbon {
    border-radius: 0;
    width: 100%;
    text-align: center;
}

/* Size presets */
.spt-label-size-xs {
    padding: 0.125rem 0.375rem;
    font-size: 0.625rem;
    min-height: 1rem;
}

.spt-label-size-sm {
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
    min-height: 1.5rem;
}

.spt-label-size-md {
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
    min-height: 2rem;
}

.spt-label-size-lg {
    padding: 0.5rem 1rem;
    font-size: 1rem;
    min-height: 2.5rem;
}

.spt-label-size-xl {
    padding: 0.75rem 1.5rem;
    font-size: 1.25rem;
    min-height: 3.5rem;
}

/* Shadow */
.spt-label-shadow {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* Position modifiers (for overlay-style labels on product images) */
.spt-label-position-inline {
    position: static;
}

.spt-label-position-top-left,
.spt-label-position-top-right,
.spt-label-position-bottom-left,
.spt-label-position-bottom-right {
    position: absolute;
    z-index: 2;
}

.spt-label-position-top-left {
    top: 10px;
    left: 10px;
}

.spt-label-position-top-right {
    top: 10px;
    right: 10px;
}

.spt-label-position-bottom-left {
    bottom: 10px;
    left: 10px;
}

.spt-label-position-bottom-right {
    bottom: 10px;
    right: 10px;
}

/* Tooltip — CSS-only via data attribute */
.spt-label[data-spt-tooltip] {
    cursor: help;
    position: relative;
}
.spt-label[data-spt-tooltip]::after {
    content: attr(data-spt-tooltip);
    position: absolute;
    bottom: calc(100% + 6px);
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.85);
    color: #fff;
    padding: 4px 10px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 400;
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.15s ease;
    z-index: 10;
}
.spt-label[data-spt-tooltip]:hover::after {
    opacity: 1;
}.col-xs-1,
.col-xs-2,
.col-xs-2-4,
.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 {
  float: left; }

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

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

.col-xs-2-4 {
  width: 20%; }

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

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

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

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

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

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

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

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

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

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

@media (max-width: 480px) {
  .col-xxs-1,
  .col-xxs-2,
  .col-xxs-2-4,
  .col-xxs-3,
  .col-xxs-4,
  .col-xxs-5,
  .col-xxs-6,
  .col-xxs-7,
  .col-xxs-8,
  .col-xxs-9,
  .col-xxs-10,
  .col-xxs-11 {
    float: left; }

  .col-xxs-1 {
    width: 8.33333%; }

  .col-xxs-2 {
    width: 16.66667%; }

  .col-xxs-2-4 {
    width: 20%; }

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

  .col-xxs-4 {
    width: 33.33333%; }

  .col-xxs-5 {
    width: 41.66667%; }

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

  .col-xxs-7 {
    width: 58.33333%; }

  .col-xxs-8 {
    width: 66.66667%; }

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

  .col-xxs-10 {
    width: 83.33333%; }

  .col-xxs-11 {
    width: 91.66667%; }

  .col-xxs-12 {
    width: 100%; } }
@media (min-width: 768px) {
  .container {
    max-width: 750px; }

  #page_wrapper, .wide_container {
    max-width: 768px; }

  .col-sm-1,
  .col-sm-2,
  .col-sm-2-4,
  .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 {
    float: left; }

  .col-sm-1 {
    width: 8.33333%; }

  .col-sm-2 {
    width: 16.66667%; }

  .col-sm-2-4 {
    width: 20%; }

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

  .col-sm-4 {
    width: 33.33333%; }

  .col-sm-5 {
    width: 41.66667%; }

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

  .col-sm-7 {
    width: 58.33333%; }

  .col-sm-8 {
    width: 66.66667%; }

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

  .col-sm-10 {
    width: 83.33333%; }

  .col-sm-11 {
    width: 91.66667%; }

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

  .col-sm-push-1 {
    left: 8.33333%; }

  .col-sm-push-2 {
    left: 16.66667%; }

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

  .col-sm-push-4 {
    left: 33.33333%; }

  .col-sm-push-5 {
    left: 41.66667%; }

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

  .col-sm-push-7 {
    left: 58.33333%; }

  .col-sm-push-8 {
    left: 66.66667%; }

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

  .col-sm-push-10 {
    left: 83.33333%; }

  .col-sm-push-11 {
    left: 91.66667%; }

  .col-sm-pull-1 {
    right: 8.33333%; }

  .col-sm-pull-2 {
    right: 16.66667%; }

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

  .col-sm-pull-4 {
    right: 33.33333%; }

  .col-sm-pull-5 {
    right: 41.66667%; }

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

  .col-sm-pull-7 {
    right: 58.33333%; }

  .col-sm-pull-8 {
    right: 66.66667%; }

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

  .col-sm-pull-10 {
    right: 83.33333%; }

  .col-sm-pull-11 {
    right: 91.66667%; }

  .col-sm-offset-1 {
    margin-left: 8.33333%; }

  .col-sm-offset-2 {
    margin-left: 16.66667%; }

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

  .col-sm-offset-4 {
    margin-left: 33.33333%; }

  .col-sm-offset-5 {
    margin-left: 41.66667%; }

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

  .col-sm-offset-7 {
    margin-left: 58.33333%; }

  .col-sm-offset-8 {
    margin-left: 66.66667%; }

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

  .col-sm-offset-10 {
    margin-left: 83.33333%; }

  .col-sm-offset-11 {
    margin-left: 91.66667%; } }
@media (min-width: 992px) {
  .container {
    max-width: 970px; }

  #page_wrapper, .wide_container {
    max-width: 992px; }

  .col-md-1,
  .col-md-2,
  .col-md-2-4,
  .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 {
    float: left; }

  .col-md-1 {
    width: 8.33333%; }

  .col-md-2 {
    width: 16.66667%; }

  .col-md-2-4 {
    width: 20%; }

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

  .col-md-4 {
    width: 33.33333%; }

  .col-md-5 {
    width: 41.66667%; }

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

  .col-md-7 {
    width: 58.33333%; }

  .col-md-8 {
    width: 66.66667%; }

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

  .col-md-10 {
    width: 83.33333%; }

  .col-md-11 {
    width: 91.66667%; }

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

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

  .col-md-push-1 {
    left: 8.33333%; }

  .col-md-push-2 {
    left: 16.66667%; }

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

  .col-md-push-4 {
    left: 33.33333%; }

  .col-md-push-5 {
    left: 41.66667%; }

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

  .col-md-push-7 {
    left: 58.33333%; }

  .col-md-push-8 {
    left: 66.66667%; }

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

  .col-md-push-10 {
    left: 83.33333%; }

  .col-md-push-11 {
    left: 91.66667%; }

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

  .col-md-pull-1 {
    right: 8.33333%; }

  .col-md-pull-2 {
    right: 16.66667%; }

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

  .col-md-pull-4 {
    right: 33.33333%; }

  .col-md-pull-5 {
    right: 41.66667%; }

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

  .col-md-pull-7 {
    right: 58.33333%; }

  .col-md-pull-8 {
    right: 66.66667%; }

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

  .col-md-pull-10 {
    right: 83.33333%; }

  .col-md-pull-11 {
    right: 91.66667%; }

  .col-md-offset-0 {
    margin-left: 0; }

  .col-md-offset-1 {
    margin-left: 8.33333%; }

  .col-md-offset-2 {
    margin-left: 16.66667%; }

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

  .col-md-offset-4 {
    margin-left: 33.33333%; }

  .col-md-offset-5 {
    margin-left: 41.66667%; }

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

  .col-md-offset-7 {
    margin-left: 58.33333%; }

  .col-md-offset-8 {
    margin-left: 66.66667%; }

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

  .col-md-offset-10 {
    margin-left: 83.33333%; }

  .col-md-offset-11 {
    margin-left: 91.66667%; }

  .px-col-md-2 {
    width: 161px; }

  .px-col-md-4 {
    width: 323px; }

  .px-col-md-6 {
    width: 485px; }

  .px-col-md-8 {
    width: 646px; }

  .px-col-md-9 {
    width: 727px; }

  .px-col-md-10 {
    width: 808px; }

  .px-col-md-12 {
    width: 970px; }

  #st_advanced_menu_column_block .stadvancedmenu_sub.col-md-1, .stadvancedmenu_vertical .stadvancedmenu_vs.col-md-1 {
    width: 62px; }

  #st_advanced_menu_column_block .stadvancedmenu_sub.col-md-2, .stadvancedmenu_vertical .stadvancedmenu_vs.col-md-2 {
    width: 125px; }

  #st_advanced_menu_column_block .stadvancedmenu_sub.col-md-3, .stadvancedmenu_vertical .stadvancedmenu_vs.col-md-3 {
    width: 187px; }

  #st_advanced_menu_column_block .stadvancedmenu_sub.col-md-4, .stadvancedmenu_vertical .stadvancedmenu_vs.col-md-4 {
    width: 250px; }

  #st_advanced_menu_column_block .stadvancedmenu_sub.col-md-5, .stadvancedmenu_vertical .stadvancedmenu_vs.col-md-5 {
    width: 312px; }

  #st_advanced_menu_column_block .stadvancedmenu_sub.col-md-6, .stadvancedmenu_vertical .stadvancedmenu_vs.col-md-6 {
    width: 375px; }

  #st_advanced_menu_column_block .stadvancedmenu_sub.col-md-7, .stadvancedmenu_vertical .stadvancedmenu_vs.col-md-7 {
    width: 437px; }

  #st_advanced_menu_column_block .stadvancedmenu_sub.col-md-8, .stadvancedmenu_vertical .stadvancedmenu_vs.col-md-8 {
    width: 500px; }

  #st_advanced_menu_column_block .stadvancedmenu_sub.col-md-9, .stadvancedmenu_vertical .stadvancedmenu_vs.col-md-9 {
    width: 562px; }

  #st_advanced_menu_column_block .stadvancedmenu_sub.col-md-10, .stadvancedmenu_vertical .stadvancedmenu_vs.col-md-10 {
    width: 625px; }

  #st_advanced_menu_column_block .stadvancedmenu_sub.col-md-11, .stadvancedmenu_vertical .stadvancedmenu_vs.col-md-11 {
    width: 687px; }

  #st_advanced_menu_column_block .stadvancedmenu_sub.col-md-12, .stadvancedmenu_vertical .stadvancedmenu_vs.col-md-12 {
    width: 750px; } }
@media (max-width: 767px) {
  .visible-xs {
    display: block !important; }

  tr.visible-xs {
    display: table-row !important; }

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

  tr.visible-xs.visible-sm {
    display: table-row !important; }

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

  tr.visible-xs.visible-md {
    display: table-row !important; }

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

  tr.visible-xs.visible-lg {
    display: table-row !important; }

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

  tr.visible-sm.visible-xs {
    display: table-row !important; }

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

  tr.visible-sm {
    display: table-row !important; }

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

  tr.visible-sm.visible-md {
    display: table-row !important; }

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

  tr.visible-sm.visible-lg {
    display: table-row !important; }

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

  tr.visible-md.visible-xs {
    display: table-row !important; }

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

  tr.visible-md.visible-sm {
    display: table-row !important; }

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

  tr.visible-md {
    display: table-row !important; }

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

  tr.visible-md.visible-lg {
    display: table-row !important; }

  th.visible-md.visible-lg,
  td.visible-md.visible-lg {
    display: table-cell !important; } }
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important; }

  tr.hidden-xs {
    display: none !important; }

  th.hidden-xs,
  td.hidden-xs {
    display: none !important; } }
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-xs.hidden-sm {
    display: none !important; }

  tr.hidden-xs.hidden-sm {
    display: none !important; }

  th.hidden-xs.hidden-sm,
  td.hidden-xs.hidden-sm {
    display: none !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-xs.hidden-md {
    display: none !important; }

  tr.hidden-xs.hidden-md {
    display: none !important; }

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

  tr.hidden-xs.hidden-lg {
    display: none !important; }

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

  tr.hidden-sm.hidden-xs {
    display: none !important; }

  th.hidden-sm.hidden-xs,
  td.hidden-sm.hidden-xs {
    display: none !important; } }
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important; }

  tr.hidden-sm {
    display: none !important; }

  th.hidden-sm,
  td.hidden-sm {
    display: none !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-sm.hidden-md {
    display: none !important; }

  tr.hidden-sm.hidden-md {
    display: none !important; }

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

  tr.hidden-sm.hidden-lg {
    display: none !important; }

  th.hidden-sm.hidden-lg,
  td.hidden-sm.hidden-lg {
    display: none !important; } }
@media (max-width: 767px) {
  .hidden-md.hidden-xs {
    display: none !important; }

  tr.hidden-md.hidden-xs {
    display: none !important; }

  th.hidden-md.hidden-xs,
  td.hidden-md.hidden-xs {
    display: none !important; } }
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-md.hidden-sm {
    display: none !important; }

  tr.hidden-md.hidden-sm {
    display: none !important; }

  th.hidden-md.hidden-sm,
  td.hidden-md.hidden-sm {
    display: none !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important; }

  tr.hidden-md {
    display: none !important; }

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

  tr.hidden-md.hidden-lg {
    display: none !important; }

  th.hidden-md.hidden-lg,
  td.hidden-md.hidden-lg {
    display: none !important; } }
@media only screen and (max-width: 991px) {
  .products_slider .ajax_block_product .hover_fly,
  .product_list.grid .ajax_block_product .hover_fly {
    bottom: 0; }

  .hover_fly_static .hover_fly {
    position: absolute; }

  .hover_fly {
    width: auto;
    border-top: none!important;
    left: auto;
    right: 0; }

  .hover_fly a {
    border-top: none!important; }

  .hover_fly a, .hover_fly a span, .hover_fly a:first-child span, .hover_fly a.ajax_add_to_cart_button span {
    display: none; }

  .hover_fly a:hover span {
    display: none!important; }

  .hover_fly.fly_1 a.ajax_add_to_cart_button,
  .hover_fly.fly_2 a.ajax_add_to_cart_button,
  .hover_fly.fly_3 a.ajax_add_to_cart_button,
  .hover_fly.fly_4 a.ajax_add_to_cart_button,
  .hover_fly.fly_5 a.ajax_add_to_cart_button {
    display: block;
    width: 39px!important;
    position: relative; }

  .products_slider .ajax_block_product:hover .pro_second_box,
  .product_list.grid .ajax_block_product:hover .pro_second_box {
    background: none; }

  .products_slider .ajax_block_product:hover .pro_first_box,
  .products_slider .ajax_block_product:hover .pro_second_box,
  .product_list.grid .ajax_block_product:hover .pro_first_box,
  .product_list.grid .ajax_block_product:hover .pro_second_box {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

  .itemlist_action a:hover {
    width: 30px; }

  .style_content h1 {
    font-size: 4em; }
  .style_content h2 {
    font-size: 3em; }
  .style_content h3 {
    font-size: 2em; }
  .style_content h4 {
    font-size: 1.666em; }
  .style_content h5 {
    font-size: 1.5em; }
  .style_content h6 {
    font-size: 1.333em; }

  .st_news_letter_form_inner {
    width: 80%!important; }

  body#index #page_header.transparent_header {
    position: static; }

  #mobile_bar {
    display: block; }

  #search_block_nav, #header #search_block_top.search_block_mod, #blockcart_top_wrap.blockcart_mod, #search_block_main_menu, .top_bar_item, #header #header_user_info {
    display: none; }

  #logo_wrapper, .logo_center #logo_wrapper {
    display: none; }

  .boxed_advancedmenu, #st_advanced_menu_container, #header_right #st_advanced_menu_container {
    display: none; }

  #header .wide_container {
    padding-top: 0;
    padding-bottom: 0; }

  body#index .main_content_area, body#module-stblog-default .main_content_area {
    padding-top: 0!important; }

  #header_left,
  #header_right,
  .logo_center #header_left,
  .logo_center #header_right {
    height: auto !important;
    display: block !important; }

  .logo_center #header_logo_inner, .logo_center #header_left_inner, .logo_center #header_right_inner {
    display: block !important; }

  #logo_wrapper {
    text-align: center;
    margin-bottom: 1em; }

  #header_logo {
    width: 70%;
    display: inline-block; }

  #header_user {
    float: left; }

  #header_left, #header_right {
    text-align: center; }

  #header_left {
    margin-bottom: 1em; }

  .products_slider .ajax_block_product .act_box.display_when_hover, .product_list.grid .ajax_block_product .act_box.display_when_hover {
    visibility: visible; }

  #page_header.sticky_mh #header {
    margin-top: 60px; }

  #breadcrumb_wrapper {
    margin-top: 0; }

  #st_advanced_menu_column {
    display: none; }

  .content_sortPagiBar .sortPagiBar #productsSortForm select {
    max-width: 100px; }

  .pb-left-column #image-block #view_full_size .span_link {
    display: none; }

  .footer_block_content {
    display: none; }

  .footer_block_content.keep_open {
    display: block; }

  #footer-top .row > .col-sm-12, #footer-primary .row > .col-sm-12, #footer-secondary .row > .col-sm-12 {
    float: none;
    margin-top: 0;
    margin-bottom: 0;
    position: relative; }

  #footer .block {
    padding-top: 0;
    padding-bottom: 0; }
  #footer .title_block {
    margin: 0 0 6px;
    padding: 10px 35px 20px 10px;
    border-bottom: 1px solid #e5e5e5; }
    #footer .title_block .opener, #footer .title_block .grower {
      display: block; }
  #footer .row > .col-sm-12:last-child .title_block {
    margin-bottom: 0;
    border-bottom: none; }
  #footer .footer_block_content {
    padding-bottom: 10px;
    padding-left: 10px; }
  #footer .open .title_block {
    border-bottom: none; }
  #footer .open .footer_block_content {
    display: block;
    border-bottom: 1px solid #e5e5e5; }

  #footer .brands_slider .title_block {
    margin-bottom: 16px;
    padding: 6px 62px 6px 0; }

  .footer-container #footer_info #footer_bottom_left, .footer-container #footer_info #footer_bottom_right {
    float: none;
    text-align: center;
    padding: 6px 0; } }
@media (max-width: 767px) {
  #columns {
    position: relative; }

  #left_column, #right_column {
    margin-bottom: 2em; }

  .slide_lr_column #left_column, .slide_lr_column #right_column {
    position: absolute;
    top: -50000px;
    background: #ffffff;
    -webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0px 5px rgba(0, 0, 0, 0.5);
    z-index: 105; }
  .slide_lr_column #left_column {
    left: 0; }
  .slide_lr_column #right_column {
    right: 0; }
  .slide_lr_column #left_column.opened,
  .slide_lr_column #right_column.opened {
    top: 0; }

  #footer_info {
    margin-bottom: 50px; }

  .product_accordion .opener, .product_accordion .product_accordion_title {
    display: block; }

  #more_info_tabs {
    display: none; }

  #bottom_more_info_block #more_info_sheets {
    border: none;
    padding: 0; }
    #bottom_more_info_block #more_info_sheets .product_accordion:last-child {
      border-bottom: none; }
  #bottom_more_info_block .product_accordion {
    display: block;
    border-bottom: 1px solid #e5e5e5; }
    #bottom_more_info_block .product_accordion .pa_content {
      display: none; }
    #bottom_more_info_block .product_accordion.open .pa_content {
      display: block;
      padding-top: 8px;
      padding-bottom: 1em; }

  .top-pagination-content,
  .bottom-pagination-content {
    text-align: center; }
    .top-pagination-content div.pagination,
    .bottom-pagination-content div.pagination {
      float: none; }

  ul.step li {
    float: none !important;
    margin: 0 auto;
    width: 80%; }
    ul.step li a, ul.step li span {
      display: block;
      border: 1px solid #ccc;
      border-bottom-width: 0; }
    ul.step li:last-child a, ul.step li:last-child span {
      border-bottom-width: 1px; }

  #rightbar {
    bottom: 0 !important;
    top: auto !important;
    right: auto;
    width: 100%;
    left: 0;
    border-right: none;
    border-bottom: none;
    border-left: none; }

  #rightbar_inner {
    margin-right: auto;
    margin-left: auto;
    *zoom: 1; }

  .rightbar_wrap, #to_top_wrap {
    float: left; }

  #to_top_wrap {
    display: block!important;
    opacity: 1!important;
    filter: alpha(opacity=100) !important; }

  .rightbar_wrap a.icon_wrap,
  #to_top_wrap a.icon_wrap,
  #switch_left_column_wrap a.icon_wrap,
  #switch_right_column_wrap a.icon_wrap {
    border: none;
    display: block;
    width: auto; }

  .rightbar_1 .rightbar_wrap, .rightbar_1 #to_top_wrap, .rightbar_1 #switch_left_column_wrap, .rightbar_1 #switch_right_column_wrap {
    width: 100%; }

  .rightbar_2 .rightbar_wrap, .rightbar_2 #to_top_wrap, .rightbar_2 #switch_left_column_wrap, .rightbar_2 #switch_right_column_wrap {
    width: 50%; }

  .rightbar_3 .rightbar_wrap, .rightbar_3 #to_top_wrap, .rightbar_3 #switch_left_column_wrap, .rightbar_3 #switch_right_column_wrap {
    width: 33.333333%; }

  .rightbar_4 .rightbar_wrap, .rightbar_4 #to_top_wrap, .rightbar_4 #switch_left_column_wrap, .rightbar_4 #switch_right_column_wrap {
    width: 25%; }

  .rightbar_5 .rightbar_wrap, .rightbar_5 #to_top_wrap, .rightbar_5 #switch_left_column_wrap, .rightbar_5 #switch_right_column_wrap {
    width: 20%; }

  .rightbar_6 .rightbar_wrap, .rightbar_6 #to_top_wrap, .rightbar_6 #switch_left_column_wrap, .rightbar_6 #switch_right_column_wrap {
    width: 16.666666%; }

  .icon_wrap .amount_circle {
    right: auto;
    left: 50%; }

  .pb-left-column {
    width: 100%; }

  .pb-left-column #image-block {
    width: 280px;
    margin-left: auto;
    margin-right: auto; }
  .pb-left-column #thumbs_list {
    float: none;
    width: 100% !important; }
    .pb-left-column #thumbs_list ul#thumbs_list_frame {
      white-space: normal; }

  .pb-left-column #image-block {
    margin: 0 auto; }

  #thumbs_list_frame {
    width: auto !important;
    text-align: center; }

  span.view_scroll_spacer,
  #view_scroll_right,
  #view_scroll_left,
  .zoomPup,
  .zoomWindow {
    display: none!important; }

  #account-creation_form .form-group > label, #account-creation_form .form-stru > label,
  #identity .form-group > label, #identity .form-stru > label,
  #opc_account_form .form-group > label, #opc_account_form .form-stru > label,
  #new_account_form .form-group > label, #new_account_form .form-stru > label,
  #authentication .form-group > label, #authentication .form-stru > label,
  #address .form-group > label, #address .form-stru > label,
  #add_address .form-group > label, #add_address .form-stru > label {
    width: auto !important;
    padding: 0 0 0 0 !important;
    display: block !important;
    float: none !important;
    text-align: left !important; }

  #account-creation_form .form-group .form-control,
  #opc_account_form .form-group .form-control,
  #address .form-group .form-control,
  #add_address .form-group .form-control,
  #authentication .form-group .form-control,
  #new_account_form .form-group .form-control,
  #identity .form-group .form-control {
    width: 90% !important;
    max-width: none; }

  #address #uniform-newsletter, #address #uniform-optin, #address #uniform-invoice_address, #address .submit, #address .submit2, #address span.form_info, #address p.inline-infos, #address span.inline-infos,
  #add_address #uniform-newsletter,
  #add_address #uniform-optin,
  #add_address #uniform-invoice_address,
  #add_address .submit,
  #add_address .submit2,
  #add_address span.form_info,
  #add_address p.inline-infos,
  #add_address span.inline-infos,
  #identity #uniform-newsletter,
  #identity #uniform-optin,
  #identity #uniform-invoice_address,
  #identity .submit,
  #identity .submit2,
  #identity span.form_info,
  #identity p.inline-infos,
  #identity span.inline-infos,
  #account-creation_form #uniform-newsletter,
  #account-creation_form #uniform-optin,
  #account-creation_form #uniform-invoice_address,
  #account-creation_form .submit,
  #account-creation_form .submit2,
  #account-creation_form span.form_info,
  #account-creation_form p.inline-infos,
  #account-creation_form span.inline-infos,
  #new_account_form #uniform-newsletter,
  #new_account_form #uniform-optin,
  #new_account_form #uniform-invoice_address,
  #new_account_form .submit,
  #new_account_form .submit2,
  #new_account_form span.form_info,
  #new_account_form p.inline-infos,
  #new_account_form span.inline-infos,
  #opc_account_form #uniform-newsletter,
  #opc_account_form #uniform-optin,
  #opc_account_form #uniform-invoice_address,
  #opc_account_form .submit,
  #opc_account_form .submit2,
  #opc_account_form span.form_info,
  #opc_account_form p.inline-infos,
  #opc_account_form span.inline-infos {
    margin-left: 0 !important;
    padding-left: 0 !important;
    margin-right: 0 !important;
    padding-right: 0 !important; }

  #order-detail-content #cart_summary td {
    position: relative;
    width: 100% !important;
    float: left;
    text-align: left;
    white-space: normal; }
    #order-detail-content #cart_summary td.cart_avail {
      clear: both; }
    #order-detail-content #cart_summary td.cart_quantity {
      clear: both; }
    #order-detail-content #cart_summary td.cart_delete {
      width: 100%;
      clear: both;
      text-align: right; }
      #order-detail-content #cart_summary td.cart_delete:before {
        display: inline-block;
        padding-right: 0.5em;
        position: relative;
        top: -3px; }

  .delivery_options table td {
    width: 100% !important;
    text-align: left;
    white-space: normal; }

  .resp_table:before, .resp_table:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */ }
  .resp_table:after {
    clear: both; }
  .resp_table > thead > tr > th,
  .resp_table > thead > tr > td,
  .resp_table > tbody > tr > th,
  .resp_table > tbody > tr > td,
  .resp_table > tfoot > tr > th,
  .resp_table > tfoot > tr > td {
    white-space: nowrap; }
  .resp_table td:before {
    content: attr(data-title);
    display: block;
    font-weight: bold;
    float: left; }
  .resp_table td.white_space_normal {
    white-space: normal; }
  .resp_table td .mobile_table_content {
    margin-left: 130px;
    text-align: left;
    border-bottom: none;
    white-space: normal; }
  .resp_table thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px; }
  .resp_table table, .resp_table thead, .resp_table tbody, .resp_table th, .resp_table td, .resp_table tr {
    display: block; }
  .resp_table tr {
    border-bottom: 1px solid #cccccc;
    overflow: hidden; }
  .resp_table.table-bordered > thead > tr > th,
  .resp_table.table-bordered > thead > tr > td,
  .resp_table.table-bordered > tbody > tr > th,
  .resp_table.table-bordered > tbody > tr > td,
  .resp_table.table-bordered > tfoot > tr > th,
  .resp_table.table-bordered > tfoot > tr > td {
    border: none;
    border-top: 1px solid #D6D4D4; }

  #facebook_block, #cmsinfo_block {
    width: 100%;
    min-height: 1px; }

  .camera_banner_2, .camera_banner_3, .iosslider_banner_2, .iosslider_banner_3 {
    padding-top: 1.666em; }

  .camera_banner_nbr_1 .camera_banner, .iosslider_banner_nbr_1 .iosslider_banner {
    width: 100%; }

  .camera_banner_nbr_3 .camera_banner, .iosslider_banner_nbr_3 .iosslider_banner {
    float: left;
    width: 33.333%;
    padding-right: 1%;
    padding-left: 1%; }
    .camera_banner_nbr_3 .camera_banner:first-child, .iosslider_banner_nbr_3 .iosslider_banner:first-child {
      padding-right: 2%;
      padding-left: 0; }
    .camera_banner_nbr_3 .camera_banner:last-child, .iosslider_banner_nbr_3 .iosslider_banner:last-child {
      padding-right: 0;
      padding-left: 2%; }

  .camera_banner_nbr_2 .camera_banner,
  .camera_banner_nbr_4 .camera_banner,
  .camera_banner_nbr_5 .camera_banner,
  .camera_banner_nbr_6 .camera_banner {
    float: left;
    width: 48%; }
    .camera_banner_nbr_2 .camera_banner:nth-child(odd),
    .camera_banner_nbr_4 .camera_banner:nth-child(odd),
    .camera_banner_nbr_5 .camera_banner:nth-child(odd),
    .camera_banner_nbr_6 .camera_banner:nth-child(odd) {
      padding-right: 2%;
      clear: left; }
    .camera_banner_nbr_2 .camera_banner:nth-child(even),
    .camera_banner_nbr_4 .camera_banner:nth-child(even),
    .camera_banner_nbr_5 .camera_banner:nth-child(even),
    .camera_banner_nbr_6 .camera_banner:nth-child(even) {
      padding-left: 2%; }

  .iosslider_banner_nbr_2 .iosslider_banner,
  .iosslider_banner_nbr_4 .iosslider_banner,
  .iosslider_banner_nbr_5 .iosslider_banner,
  .iosslider_banner_nbr_6 .iosslider_banner {
    float: left;
    width: 48%; }
    .iosslider_banner_nbr_2 .iosslider_banner:nth-child(odd),
    .iosslider_banner_nbr_4 .iosslider_banner:nth-child(odd),
    .iosslider_banner_nbr_5 .iosslider_banner:nth-child(odd),
    .iosslider_banner_nbr_6 .iosslider_banner:nth-child(odd) {
      padding-right: 2%;
      clear: left; }
    .iosslider_banner_nbr_2 .iosslider_banner:nth-child(even),
    .iosslider_banner_nbr_4 .iosslider_banner:nth-child(even),
    .iosslider_banner_nbr_5 .iosslider_banner:nth-child(even),
    .iosslider_banner_nbr_6 .iosslider_banner:nth-child(even) {
      padding-left: 2%; }

  .iosSlider_text_con {
    font-size: 0.916em !important;
    line-height: 0.916em !important; }

  .iosSlider_text_con p {
    font-size: 120%;
    line-height: 120%; }

  .iosSlider_text a.btn_primary {
    font-size: 1em;
    padding: 4px 10px; }

  #header_left #header_user_info {
    text-align: center; }

  #top_bar #header_user_info .welcome,
  #top_bar #header_user_info .my_account_link,
  #top_bar #header_user_info .sing_up {
    display: none; }

  .logo_center #header_right #search_query_top {
    display: inline-block;
    position: static; }

  .logo_center .shopping_cart .ajax_cart_left,
  .logo_center .shopping_cart .ajax_cart_right,
  .logo_center .submit_searchbox {
    border-color: #E5E5E5; }

  #search_query_top {
    width: 200px !important; }

  #homepage-slider .homeslider-description {
    padding: 30px;
    font-size: 0.7em; }

  #right_column #newsletter_block_left .footer_block_content, #left_column #newsletter_block_left .footer_block_content {
    display: block; }

  #right_column #newsletter_block_left .opener, #left_column #newsletter_block_left .opener {
    display: none!important; }

  #footer #newsletter_block_left .newsletter-input {
    width: 160px !important; }

  .st_banner_block .st_banner_image {
    margin-bottom: 1.666em; }

  #new_comment_form .product .product_name, #new_comment_form .product .product_desc {
    margin-left: 0!important; }

  #product_comments_block_tab div.comment .comment_author {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 6px; }
    #product_comments_block_tab div.comment .comment_author .star_content {
      display: inline-block;
      vertical-align: top; }
    #product_comments_block_tab div.comment .comment_author .comment_author_infos {
      display: inline-block;
      margin-left: 6px; }
      #product_comments_block_tab div.comment .comment_author .comment_author_infos strong {
        display: inline-block; }
  #product_comments_block_tab div.comment .comment_details {
    padding-left: 0;
    padding-right: 0; }
  #product_comments_block_tab div.comment .comment_actions {
    padding-left: 0;
    padding-right: 0; }

  #opc_account_choice .col-xs-12:first-child {
    margin-bottom: 2em; }

  .blog_list_grid.blog_list_grid_2col .block_blog {
    width: 100%;
    clear: both; }

  .blog_list_grid.blog_list_grid_3col .block_blog {
    width: 50%; }

  .blog_list_grid.blog_list_grid_3col .block_blog:nth-child(2n+1) {
    clear: both!important; }

  .blog_list_grid.blog_list_grid_3col .block_blog:nth-child(3n+1) {
    clear: none; }

  .blog_list_grid.blog_list_grid_4col .block_blog {
    width: 50%; }

  .blog_list_grid.blog_list_grid_4col .block_blog:nth-child(2n+1) {
    clear: both; }

  .st_blog_comment_list .comment_child {
    padding-left: 20px; }

  .ac_results {
    display: none !important; }

  table#cart_summary_total {
    width: 100% !important;
    float: none; }

  #cart_voucher {
    width: 100% !important;
    float: none; }

  #right_column #newsletter_block_left .opener.visible-xs, #left_column #newsletter_block_left .opener.visible-xs {
    display: none !important; }

  #right_column #newsletter_block_left .footer_block_content, #left_column #newsletter_block_left .footer_block_content {
    display: block !important; }

  .block .list-block .form-group select {
    width: 270px; }

  #cmsinfo_block {
    border: none;
    margin-top: 10px; }
    #cmsinfo_block > div {
      padding-top: 20px; }

  table.table-product-discounts {
    width: 100%; }

  #stores .address-input {
    width: 100%;
    margin: 0 0 20px 0; }
  #stores #stores-table tbody td.name img {
    display: none; }

  #stsocial_list_topbar {
    display: none; }

  #version_switching .col-xs-12 {
    text-align: center; }

  ul.product_list.list .pro_first_box {
    float: none!important; }
  ul.product_list.list .pro_second_box {
    margin-left: 0!important; }

  #order-detail-content #cart_summary tbody td .price {
    text-align: left; }

  .st_advanced_banner_block {
    margin-bottom: 20px; }
    .st_advanced_banner_1 .st_advanced_banner_block {
      text-align: center; }

  .style_content .col-xs-12 {
    margin-bottom: 1em; }

  .style_content h1 {
    font-size: 2.5em; }
  .style_content h2 {
    font-size: 2em; }
  .style_content h3 {
    font-size: 1.833em; }
  .style_content h4 {
    font-size: 1.666em; }
  .style_content h5 {
    font-size: 1.5em; }
  .style_content h6 {
    font-size: 1.333em; }

  .owl_images_slider .owl-buttons {
    display: none; }

  .easycontent_s7 .easycontent_s7_left, .easycontent_s7 .easycontent_s7_right {
    text-align: center; }

  .easycontent_s8 {
    border-right: none; }

  #rightbar_cart {
    display: none; }

  .stlinkgroups_top.hide_on_mobile {
    display: none; }

  .box-cart-bottom #quantity_wanted_p {
    display: block;
    padding-right: 0;
    padding-bottom: 8px; }

  .quantity_input_wrap, .cart_quantity_button {
    display: block;
    width: 100%;
    padding: 0 33px; }

  #quantity_wanted_p input, .cart_quantity .cart_quantity_input {
    width: 100%;
    height: 33px;
    padding: 0 2px;
    line-height: 26px; }

  .product_quantity_up, .product_quantity_down, .cart_quantity_up, .cart_quantity_down {
    height: 33px;
    line-height: 31px;
    width: 33px;
    font-size: 1.3em; }

  .product_quantity_up, .cart_quantity_up {
    border-bottom-width: 1px; }

  .product_quantity_down, .cart_quantity_down {
    left: 0;
    top: 0;
    right: auto;
    border-left-width: 1px;
    border-right-width: 0; }

  .box-cart-bottom #add_to_cart_wrap {
    display: block; }

  .box-info-product .exclusive {
    width: 100%; }

  .pb-center-column #buy_block label {
    display: block;
    width: auto;
    margin-bottom: 3px; }

  #attributes .attribute_list {
    display: block; }
    #attributes .attribute_list .form-control {
      max-width: none;
      width: 100%; }

  .owl-carousel-banner {
    padding-top: 2em; }

  .carousel_banner_nbr_1 .st_owl_carousel_block {
    width: 100%; }

  .carousel_banner_nbr_3 .st_owl_carousel_block {
    float: left;
    width: 33.333%;
    padding-right: 1%;
    padding-left: 1%; }
    .carousel_banner_nbr_3 .st_owl_carousel_block:first-child {
      padding-right: 2%;
      padding-left: 0; }
    .carousel_banner_nbr_3 .st_owl_carousel_block:last-child {
      padding-right: 0;
      padding-left: 2%; }

  .carousel_banner_nbr_2 .st_owl_carousel_block,
  .carousel_banner_nbr_4 .st_owl_carousel_block,
  .carousel_banner_nbr_5 .st_owl_carousel_block,
  .carousel_banner_nbr_6 .st_owl_carousel_block {
    float: left;
    width: 50%; }
    .carousel_banner_nbr_2 .st_owl_carousel_block:nth-child(odd),
    .carousel_banner_nbr_4 .st_owl_carousel_block:nth-child(odd),
    .carousel_banner_nbr_5 .st_owl_carousel_block:nth-child(odd),
    .carousel_banner_nbr_6 .st_owl_carousel_block:nth-child(odd) {
      padding-right: 2%;
      clear: left; }
    .carousel_banner_nbr_2 .st_owl_carousel_block:nth-child(even),
    .carousel_banner_nbr_4 .st_owl_carousel_block:nth-child(even),
    .carousel_banner_nbr_5 .st_owl_carousel_block:nth-child(even),
    .carousel_banner_nbr_6 .st_owl_carousel_block:nth-child(even) {
      padding-left: 2%; }

  .st_news_letter_popup {
    width: 380px!important; }
    .st_news_letter_popup .st_news_letter_box {
      padding-left: 0!important;
      padding-left: 0!important; } }
@media only screen and (max-width: 480px) {
  .style_content h1 {
    font-size: 2em; }
  .style_content h2 {
    font-size: 1.833em; }
  .style_content h3 {
    font-size: 1.666em; }
  .style_content h4 {
    font-size: 1.5em; }
  .style_content h5 {
    font-size: 1.333em; }
  .style_content h6 {
    font-size: 1.166em; }
  .style_content .spacer {
    display: none; }

  .btn-medium, .btn-large {
    padding-top: 7px;
    padding-bottom: 9px;
    font-size: 1.166em; }

  .camera_banner_nbr_3 .camera_banner, .iosslider_banner_nbr_3 .iosslider_banner {
    float: none;
    width: 100%;
    padding-right: 0;
    padding-left: 0; }
    .camera_banner_nbr_3 .camera_banner:first-child, .camera_banner_nbr_3 .camera_banner:last-child, .iosslider_banner_nbr_3 .iosslider_banner:first-child, .iosslider_banner_nbr_3 .iosslider_banner:last-child {
      padding-right: 0;
      padding-left: 0; }

  .camera_banner_nbr_2 .camera_banner,
  .camera_banner_nbr_4 .camera_banner,
  .camera_banner_nbr_5 .camera_banner,
  .camera_banner_nbr_6 .camera_banner {
    float: none;
    width: 100%; }
    .camera_banner_nbr_2 .camera_banner:nth-child(odd), .camera_banner_nbr_2 .camera_banner:nth-child(even),
    .camera_banner_nbr_4 .camera_banner:nth-child(odd),
    .camera_banner_nbr_4 .camera_banner:nth-child(even),
    .camera_banner_nbr_5 .camera_banner:nth-child(odd),
    .camera_banner_nbr_5 .camera_banner:nth-child(even),
    .camera_banner_nbr_6 .camera_banner:nth-child(odd),
    .camera_banner_nbr_6 .camera_banner:nth-child(even) {
      padding-left: 0; }

  .iosslider_banner_nbr_2 .iosslider_banner,
  .iosslider_banner_nbr_4 .iosslider_banner,
  .iosslider_banner_nbr_5 .iosslider_banner,
  .iosslider_banner_nbr_6 .iosslider_banner {
    float: none;
    width: 100%; }
    .iosslider_banner_nbr_2 .iosslider_banner:nth-child(odd), .iosslider_banner_nbr_2 .iosslider_banner:nth-child(even),
    .iosslider_banner_nbr_4 .iosslider_banner:nth-child(odd),
    .iosslider_banner_nbr_4 .iosslider_banner:nth-child(even),
    .iosslider_banner_nbr_5 .iosslider_banner:nth-child(odd),
    .iosslider_banner_nbr_5 .iosslider_banner:nth-child(even),
    .iosslider_banner_nbr_6 .iosslider_banner:nth-child(odd),
    .iosslider_banner_nbr_6 .iosslider_banner:nth-child(even) {
      padding-left: 0; }

  #homepage-slider .homeslider-description {
    padding: 30px;
    font-size: 0.5em; }

  #footer #newsletter_block_left .newsletter-input {
    width: 110px !important; }

  ul.product_list.grid > li.first-item-of-portrait-line {
    clear: both; }
  ul.product_list.grid > li.first-portrait-line {
    border-top: none; }

  .subcate_grid_view > li.first-item-of-portrait-line, .com_grid_view > li.first-item-of-portrait-line, .pro_itemlist > li.first-item-of-portrait-line, .featured_categories_list > li.first-item-of-portrait-line, #featured_itemlist > li.first-item-of-portrait-line, .blog_row_list > li.first-item-of-portrait-line, .blog_list_grid > li.first-item-of-portrait-line {
    clear: both; }

  .blog_list_grid.blog_list_grid_2col .block_blog,
  .blog_list_grid.blog_list_grid_3col .block_blog,
  .blog_list_grid.blog_list_grid_4col .block_blog {
    width: 100%;
    clear: both; }

  .st_blog_comment_list .comment_child {
    padding-left: 10px; }

  #search_query_top {
    width: 100px !important; }

  .blog_row_list .first-item-of-portrait-line {
    clear: both; }

  #cmsinfo_block > div {
    width: 100%;
    border-top: 1px solid #d9d9d9; }

  .layer_box {
    width: 280px;
    margin-left: -140px; }
    .layer_box .button-container {
      text-align: center; }
      .layer_box .button-container .pull-left, .layer_box .button-container .pull-right {
        float: none!important;
        display: block; }
      .layer_box .button-container .continue {
        margin-bottom: 10px; }

  .width_90, .center_width_90,
  .width_80, .center_width_80,
  .width_70, .center_width_70,
  .width_60, .center_width_60,
  .width_50, .center_width_50,
  .width_40, .center_width_40,
  .width_30, .center_width_30,
  .width_20, .center_width_20 {
    width: 100%; }

  .st_news_letter_popup {
    width: 260px!important; }

  .st-side {
    width: 250px; }

  .open_st_mobile_advanced_menu #body_wrapper, .open_st_mobile_advanced_menu #page_header.sticky_mh #mobile_bar, .open_blocksearch_mod #body_wrapper, .open_blocksearch_mod #page_header.sticky_mh #mobile_bar, .open_block_cart_mod #body_wrapper, .open_block_cart_mod #page_header.sticky_mh #mobile_bar, .open_st_mobile_menu #body_wrapper, .open_st_mobile_menu #page_header.sticky_mh #mobile_bar {
    left: 250px; }
  .open_st_mobile_advanced_menu #st-side-close, .open_blocksearch_mod #st-side-close, .open_block_cart_mod #st-side-close, .open_st_mobile_menu #st-side-close {
    left: 251px; }

  .cart_navigation {
    text-align: center; }
    .cart_navigation .button-medium, .cart_navigation .pull-right, .cart_navigation .pull-left {
      float: none!important;
      margin-bottom: 6px; }

  .carousel_banner_nbr_3 .st_owl_carousel_block {
    float: none;
    width: 100%;
    padding-right: 0;
    padding-left: 0; }
    .carousel_banner_nbr_3 .st_owl_carousel_block:first-child, .carousel_banner_nbr_3 .st_owl_carousel_block:last-child {
      padding-right: 0;
      padding-left: 0; }

  .carousel_banner_nbr_2 .st_owl_carousel_block,
  .carousel_banner_nbr_4 .st_owl_carousel_block,
  .carousel_banner_nbr_5 .st_owl_carousel_block,
  .carousel_banner_nbr_6 .st_owl_carousel_block {
    float: none;
    width: 100%; }
    .carousel_banner_nbr_2 .st_owl_carousel_block:nth-child(odd), .carousel_banner_nbr_2 .st_owl_carousel_block:nth-child(even),
    .carousel_banner_nbr_4 .st_owl_carousel_block:nth-child(odd),
    .carousel_banner_nbr_4 .st_owl_carousel_block:nth-child(even),
    .carousel_banner_nbr_5 .st_owl_carousel_block:nth-child(odd),
    .carousel_banner_nbr_5 .st_owl_carousel_block:nth-child(even),
    .carousel_banner_nbr_6 .st_owl_carousel_block:nth-child(odd),
    .carousel_banner_nbr_6 .st_owl_carousel_block:nth-child(even) {
      padding-left: 0; } }
@media only screen and (min-width: 480px) and (max-width: 767px) {
  ul.product_list.grid > li.first-item-of-mobile-line {
    clear: both; }
  ul.product_list.grid > li.first-mobile-line {
    border-top: none; }

  .subcate_grid_view > li.first-item-of-mobile-line, .com_grid_view > li.first-item-of-mobile-line, .pro_itemlist > li.first-item-of-mobile-line, .featured_categories_list > li.first-item-of-mobile-line, #featured_itemlist > li.first-item-of-mobile-line, .blog_row_list > li.first-item-of-mobile-line, .blog_list_grid > li.first-item-of-mobile-line {
    clear: both; } }
@media only screen and (min-width: 992px) {
  body.mobile_device .products_slider .ajax_block_product .hover_fly,
  body.mobile_device .product_list.grid .ajax_block_product .hover_fly {
    bottom: 0; }
  body.mobile_device .hover_fly_static .hover_fly {
    position: absolute; }
  body.mobile_device .hover_fly {
    width: auto;
    border-top: none!important;
    left: auto;
    right: 0; }
  body.mobile_device .hover_fly a {
    border-top: none!important; }
  body.mobile_device .hover_fly a, body.mobile_device .hover_fly a span, body.mobile_device .hover_fly a:first-child span, body.mobile_device .hover_fly a.ajax_add_to_cart_button span {
    display: none; }
  body.mobile_device .hover_fly a:hover span {
    display: none!important; }
  body.mobile_device .hover_fly.fly_1 a.ajax_add_to_cart_button,
  body.mobile_device .hover_fly.fly_2 a.ajax_add_to_cart_button,
  body.mobile_device .hover_fly.fly_3 a.ajax_add_to_cart_button,
  body.mobile_device .hover_fly.fly_4 a.ajax_add_to_cart_button,
  body.mobile_device .hover_fly.fly_5 a.ajax_add_to_cart_button {
    display: block;
    width: 39px!important;
    position: relative; }
  body.mobile_device .products_slider .ajax_block_product:hover .pro_second_box,
  body.mobile_device .product_list.grid .ajax_block_product:hover .pro_second_box {
    background: none; }
  body.mobile_device .products_slider .ajax_block_product:hover .pro_first_box,
  body.mobile_device .products_slider .ajax_block_product:hover .pro_second_box,
  body.mobile_device .product_list.grid .ajax_block_product:hover .pro_first_box,
  body.mobile_device .product_list.grid .ajax_block_product:hover .pro_second_box {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  body.mobile_device .itemlist_action a:hover {
    width: 30px; }
  body.mobile_device #st_advanced_menu_column_mobile {
    display: block; }
  body.mobile_device #st_advanced_menu_column_desktop {
    display: none; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #center_column.col-md-9 .pb-left-column.col-md-4 #thumbs_list {
    width: 82px; }
  #center_column.col-md-9 .pb-left-column.col-md-6 #thumbs_list {
    width: 164px; }

  #center_column.col-md-12 .pb-left-column.col-md-4 #thumbs_list {
    width: 164px; }
  #center_column.col-md-12 .pb-left-column.col-md-6 #thumbs_list {
    width: 246px; }

  .content_only .pb-left-column.col-md-4 #thumbs_list {
    width: 164px; }
  .content_only .pb-left-column.col-md-6 #thumbs_list {
    width: 328px; }

  .camera_caption_box h1 {
    font-size: 2.6em!important; }

  .camera_caption_box h2 {
    font-size: 1.8em!important; }

  .camera_caption_box h3 {
    font-size: 1.333em!important; }

  .camera_caption_box p {
    font-size: 1em!important; }

  .camera_caption_box.left_center, .camera_caption_box.right_center {
    top: 16%!important; }

  .camera_caption_box.left_bottom,
  .camera_caption_box.right_bottom,
  .camera_caption_box.left_top,
  .camera_caption_box.right_top,
  .camera_caption_box.left_center,
  .camera_caption_box.center_center .camera_caption_inner,
  .camera_caption_box.right_center {
    margin: 10px!important;
    width: 400px!important; }

  .camera_caption_box.center_center {
    margin: 10px auto!important; }

  .camera_caption_box.left_bottom,
  .camera_caption_box.left_top,
  .camera_caption_box.left_center {
    margin-left: 120px!important; }

  .camera_caption_box.right_bottom,
  .camera_caption_box.right_top,
  .camera_caption_box.right_center {
    margin-right: 120px!important; }

  .camera_caption_box.right_bottom, .camera_caption_box.right_top, .camera_caption_box.right_center {
    width: 600px!important;
    padding-left: 330px!important; }

  .camera_caption .cont_two_banners .camera_caption_box.left_bottom,
  .camera_caption .cont_two_banners .camera_caption_box.right_bottom,
  .camera_caption .cont_two_banners .camera_caption_box.left_top,
  .camera_caption .cont_two_banners .camera_caption_box.right_top,
  .camera_caption .cont_two_banners .camera_caption_box.left_center,
  .camera_caption .cont_two_banners .camera_caption_box.center_center .camera_caption_inner,
  .camera_caption .cont_two_banners .camera_caption_box.right_center {
    width: 236px!important; }

  .camera_caption .cont_three_banners .camera_caption_box.left_bottom,
  .camera_caption .cont_three_banners .camera_caption_box.right_bottom,
  .camera_caption .cont_three_banners .camera_caption_box.left_top,
  .camera_caption .cont_three_banners .camera_caption_box.right_top,
  .camera_caption .cont_three_banners .camera_caption_box.left_center,
  .camera_caption .cont_three_banners .camera_caption_box.center_center .camera_caption_inner,
  .camera_caption .cont_three_banners .camera_caption_box.right_center {
    width: 298px!important; }

  .camera_caption .cont_two_banners .camera_caption_box.right_bottom,
  .camera_caption .cont_two_banners .camera_caption_box.right_top,
  .camera_caption .cont_two_banners .camera_caption_box.right_center {
    width: 256px!important;
    padding-left: 90px!important; }

  .camera_caption .cont_three_banners .camera_caption_box.right_bottom,
  .camera_caption .cont_three_banners .camera_caption_box.right_top,
  .camera_caption .cont_three_banners .camera_caption_box.right_center {
    width: 328px!important;
    padding-left: 100px!important; }

  .iosSlider_text_con {
    font-size: 1em!important;
    line-height: 1em!important; }

  .iosSlider_text_con p {
    font-size: 120%;
    line-height: 120%; }

  #search_query_top {
    width: 164px!important; }

  .logo_center #header_logo {
    max-width: 352px; }

  ul.product_list.grid > li.first-item-of-tablet-line {
    clear: both; }
  ul.product_list.grid > li.first-tablet-line {
    border-top: none; }

  .subcate_grid_view > li.first-item-of-tablet-line, .com_grid_view > li.first-item-of-tablet-line, .pro_itemlist > li.first-item-of-tablet-line, .featured_categories_list > li.first-item-of-tablet-line, #featured_itemlist > li.first-item-of-tablet-line, .blog_row_list > li.first-item-of-tablet-line, .blog_list_grid > li.first-item-of-tablet-line {
    clear: both; }

  .blog_list_grid.blog_list_grid_2col .block_blog {
    width: 100%;
    clear: both; }

  .blog_list_grid.blog_list_grid_3col .block_blog {
    width: 50%; }

  .blog_list_grid.blog_list_grid_3col .block_blog:nth-child(2n+1) {
    clear: both!important; }

  .blog_list_grid.blog_list_grid_3col .block_blog:nth-child(3n+1) {
    clear: none; }

  .blog_list_grid.blog_list_grid_4col .block_blog {
    width: 33.333%; }

  .blog_list_grid.blog_list_grid_4col .block_blog:nth-child(3n+1) {
    clear: both!important; }

  .blog_list_grid.blog_list_grid_4col .block_blog:nth-child(4n+1) {
    clear: none; }

  .ac_results {
    display: none!important; } }@media only screen and (min-width: 992px) and (max-width: 1199px) {
  #footer #newsletter_block_left .newsletter-input {
    width: 150px !important; }

  ul.product_list.grid > li.first-in-line {
    clear: both; }
  ul.product_list.grid > li.first-line {
    border-top: none; }

  .subcate_grid_view > li.first-item-of-line, .com_grid_view > li.first-item-of-line, .pro_itemlist > li.first-item-of-line, .featured_categories_list > li.first-item-of-line, #featured_itemlist > li.first-item-of-line, .blog_row_list > li.first-item-of-line, .blog_list_grid > li.first-item-of-line {
    clear: both; }

  .style_content h1 {
    font-size: 6em; }
  .style_content h2 {
    font-size: 4em; }
  .style_content h3 {
    font-size: 3em; }
  .style_content h4 {
    font-size: 2em; }
  .style_content h5 {
    font-size: 1.5em; }
  .style_content h6 {
    font-size: 1.333em; } }
@media (max-width: 1199px) {
  #homepage-slider .homeslider-description {
    padding: 20px;
    font-size: 0.8em; } }@media (min-width: 1200px) {
  .container {
    max-width: 1170px; }

  #page_wrapper, .wide_container {
    max-width: 1200px; }

  .col-lg-1,
  .col-lg-2,
  .col-lg-2-4,
  .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 {
    float: left; }

  .col-lg-1 {
    width: 8.33333%; }

  .col-lg-2 {
    width: 16.66667%; }

  .col-lg-2-4 {
    width: 20%; }

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

  .col-lg-4 {
    width: 33.33333%; }

  .col-lg-5 {
    width: 41.66667%; }

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

  .col-lg-7 {
    width: 58.33333%; }

  .col-lg-8 {
    width: 66.66667%; }

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

  .col-lg-10 {
    width: 83.33333%; }

  .col-lg-11 {
    width: 91.66667%; }

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

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

  .col-lg-push-1 {
    left: 8.33333%; }

  .col-lg-push-2 {
    left: 16.66667%; }

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

  .col-lg-push-4 {
    left: 33.33333%; }

  .col-lg-push-5 {
    left: 41.66667%; }

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

  .col-lg-push-7 {
    left: 58.33333%; }

  .col-lg-push-8 {
    left: 66.66667%; }

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

  .col-lg-push-10 {
    left: 83.33333%; }

  .col-lg-push-11 {
    left: 91.66667%; }

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

  .col-lg-pull-1 {
    right: 8.33333%; }

  .col-lg-pull-2 {
    right: 16.66667%; }

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

  .col-lg-pull-4 {
    right: 33.33333%; }

  .col-lg-pull-5 {
    right: 41.66667%; }

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

  .col-lg-pull-7 {
    right: 58.33333%; }

  .col-lg-pull-8 {
    right: 66.66667%; }

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

  .col-lg-pull-10 {
    right: 83.33333%; }

  .col-lg-pull-11 {
    right: 91.66667%; }

  .col-lg-offset-0 {
    margin-left: 0; }

  .col-lg-offset-1 {
    margin-left: 8.33333%; }

  .col-lg-offset-2 {
    margin-left: 16.66667%; }

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

  .col-lg-offset-4 {
    margin-left: 33.33333%; }

  .col-lg-offset-5 {
    margin-left: 41.66667%; }

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

  .col-lg-offset-7 {
    margin-left: 58.33333%; }

  .col-lg-offset-8 {
    margin-left: 66.66667%; }

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

  .col-lg-offset-10 {
    margin-left: 83.33333%; }

  .col-lg-offset-11 {
    margin-left: 91.66667%; }

  .px-col-lg-2 {
    width: 195px; }

  .px-col-lg-4 {
    width: 390px; }

  .px-col-lg-6 {
    width: 585px; }

  .px-col-lg-8 {
    width: 780px; }

  .px-col-lg-9 {
    width: 877px; }

  .px-col-lg-10 {
    width: 975px; }

  .px-col-lg-12 {
    width: 1170px; }

  #st_advanced_menu_column_block .stadvancedmenu_sub.col-md-1, .stadvancedmenu_vertical .stadvancedmenu_vs.col-md-1 {
    width: 75px; }

  #st_advanced_menu_column_block .stadvancedmenu_sub.col-md-2, .stadvancedmenu_vertical .stadvancedmenu_vs.col-md-2 {
    width: 150px; }

  #st_advanced_menu_column_block .stadvancedmenu_sub.col-md-3, .stadvancedmenu_vertical .stadvancedmenu_vs.col-md-3 {
    width: 225px; }

  #st_advanced_menu_column_block .stadvancedmenu_sub.col-md-4, .stadvancedmenu_vertical .stadvancedmenu_vs.col-md-4 {
    width: 300px; }

  #st_advanced_menu_column_block .stadvancedmenu_sub.col-md-5, .stadvancedmenu_vertical .stadvancedmenu_vs.col-md-5 {
    width: 375px; }

  #st_advanced_menu_column_block .stadvancedmenu_sub.col-md-6, .stadvancedmenu_vertical .stadvancedmenu_vs.col-md-6 {
    width: 450px; }

  #st_advanced_menu_column_block .stadvancedmenu_sub.col-md-7, .stadvancedmenu_vertical .stadvancedmenu_vs.col-md-7 {
    width: 525px; }

  #st_advanced_menu_column_block .stadvancedmenu_sub.col-md-8, .stadvancedmenu_vertical .stadvancedmenu_vs.col-md-8 {
    width: 600px; }

  #st_advanced_menu_column_block .stadvancedmenu_sub.col-md-9, .stadvancedmenu_vertical .stadvancedmenu_vs.col-md-9 {
    width: 675px; }

  #st_advanced_menu_column_block .stadvancedmenu_sub.col-md-10, .stadvancedmenu_vertical .stadvancedmenu_vs.col-md-10 {
    width: 750px; }

  #st_advanced_menu_column_block .stadvancedmenu_sub.col-md-11, .stadvancedmenu_vertical .stadvancedmenu_vs.col-md-11 {
    width: 825px; }

  #st_advanced_menu_column_block .stadvancedmenu_sub.col-md-12, .stadvancedmenu_vertical .stadvancedmenu_vs.col-md-12 {
    width: 900px; }

  #footer #newsletter_block_left .newsletter-input {
    width: 160px !important; }

  #center_column.col-md-12 .pb-left-column.col-md-4 #thumbs_list {
    width: 328px; }
  #center_column.col-md-12 .pb-left-column.col-md-6 #thumbs_list {
    width: 492px; }

  #center_column.col-md-9 .pb-left-column.col-md-4 #thumbs_list {
    width: 164px; }
  #center_column.col-md-9 .pb-left-column.col-md-6 #thumbs_list {
    width: 328px; }

  #center_column.col-md-6 .pb-left-column.col-md-6 #thumbs_list {
    width: 164px; }

  /*
    #layered_block_left ul li.filter_lg{
      min-width: 50%;
      float: left;
    }
  */
  .iosSlider_text_con {
    font-size: 1.333em !important;
    line-height: 1.333em !important; }

  .camera_caption_box h1 {
    font-size: 3.8em !important; }

  .camera_caption_box h2 {
    font-size: 3.2em !important; }

  .camera_caption_box h3 {
    font-size: 2.6em !important; }

  .camera_caption_box p {
    font-size: 1.333em !important; }

  .camera_caption_box.left_center, .camera_caption_box.right_center {
    top: 25% !important; }

  .camera_caption_box.left_bottom,
  .camera_caption_box.right_bottom,
  .camera_caption_box.left_top,
  .camera_caption_box.right_top,
  .camera_caption_box.left_center,
  .camera_caption_box.center_center .camera_caption_inner,
  .camera_caption_box.right_center {
    margin: 40px !important;
    width: 600px !important; }

  .camera_caption .cont_two_banners .camera_caption_box.left_bottom,
  .camera_caption .cont_two_banners .camera_caption_box.right_bottom,
  .camera_caption .cont_two_banners .camera_caption_box.left_top,
  .camera_caption .cont_two_banners .camera_caption_box.right_top,
  .camera_caption .cont_two_banners .camera_caption_box.left_center,
  .camera_caption .cont_two_banners .camera_caption_box.center_center .camera_caption_inner,
  .camera_caption .cont_two_banners .camera_caption_box.right_center {
    width: 440px !important; }

  .camera_caption .cont_three_banners .camera_caption_box.left_bottom,
  .camera_caption .cont_three_banners .camera_caption_box.right_bottom,
  .camera_caption .cont_three_banners .camera_caption_box.left_top,
  .camera_caption .cont_three_banners .camera_caption_box.right_top,
  .camera_caption .cont_three_banners .camera_caption_box.left_center,
  .camera_caption .cont_three_banners .camera_caption_box.center_center .camera_caption_inner,
  .camera_caption .cont_three_banners .camera_caption_box.right_center {
    width: 520px !important; }

  .camera_caption_box.center_center {
    margin: 40px auto!important; }

  .camera_caption_box.left_bottom,
  .camera_caption_box.left_top,
  .camera_caption_box.left_center {
    margin-left: 120px !important; }

  .camera_caption_box.right_bottom,
  .camera_caption_box.right_top,
  .camera_caption_box.right_center {
    margin-right: 120px !important; }

  .camera_caption_box.right_bottom, .camera_caption_box.right_top, .camera_caption_box.right_center {
    width: 960px !important;
    padding-left: 510px !important; }

  .camera_caption .cont_two_banners .camera_caption_box.right_bottom,
  .camera_caption .cont_two_banners .camera_caption_box.right_top,
  .camera_caption .cont_two_banners .camera_caption_box.right_center {
    width: 520px !important;
    padding-left: 130px !important; }

  .camera_caption .cont_three_banners .camera_caption_box.right_bottom,
  .camera_caption .cont_three_banners .camera_caption_box.right_top,
  .camera_caption .cont_three_banners .camera_caption_box.right_center {
    width: 620px !important;
    padding-left: 150px !important; }

  .camera_banner_2 .camera_banner {
    margin-bottom: 30px!important; }

  .camera_banner_3 .camera_banner {
    margin-bottom: 14px!important; } }
@media (max-width: 767px) {
  .visible-lg.visible-xs {
    display: block !important; }

  tr.visible-lg.visible-xs {
    display: table-row !important; }

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

  tr.visible-lg.visible-sm {
    display: table-row !important; }

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

  tr.visible-lg.visible-md {
    display: table-row !important; }

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

  tr.visible-lg {
    display: table-row !important; }

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

  tr.hidden-lg.hidden-xs {
    display: none !important; }

  th.hidden-lg.hidden-xs,
  td.hidden-lg.hidden-xs {
    display: none !important; } }
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-lg.hidden-sm {
    display: none !important; }

  tr.hidden-lg.hidden-sm {
    display: none !important; }

  th.hidden-lg.hidden-sm,
  td.hidden-lg.hidden-sm {
    display: none !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-lg.hidden-md {
    display: none !important; }

  tr.hidden-lg.hidden-md {
    display: none !important; }

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

  tr.hidden-lg {
    display: none !important; }

  th.hidden-lg,
  td.hidden-lg {
    display: none !important; } }
@media only screen and (min-width: 1200px) {
  ul.product_list.grid > li.first-item-of-desktop-line {
    clear: both; }
  ul.product_list.grid > li.first-desktop-line {
    border-top: none; }

  .subcate_grid_view > li.first-item-of-desktop-line, .com_grid_view > li.first-item-of-desktop-line, .pro_itemlist > li.first-item-of-desktop-line, .featured_categories_list > li.first-item-of-desktop-line, #featured_itemlist > li.first-item-of-desktop-line, .blog_row_list > li.first-item-of-desktop-line, .blog_list_grid > li.first-item-of-desktop-line {
    clear: both; }

  #maintenance {
    margin: 126px 0 0 0;
    padding: 91px 48px 365px 297px;
    background: url(https://polseracatalana.cat/themes/transformer/css/../img/bg_maintenance.png) no-repeat; }

  #stb_search_query_block {
    max-width: 160px;
    margin-right: 6px; }

  .logo_center .col-md-1 #header_logo {
    max-width: 70px; }
  .logo_center .col-md-2 #header_logo {
    max-width: 170px; }
  .logo_center .col-md-3 #header_logo {
    max-width: 270px; }
  .logo_center .col-md-4 #header_logo {
    max-width: 370px; }
  .logo_center .col-md-5 #header_logo {
    max-width: 470px; }
  .logo_center .col-md-6 #header_logo {
    max-width: 570px; }
  .logo_center .col-md-7 #header_logo {
    max-width: 670px; }
  .logo_center .col-md-8 #header_logo {
    max-width: 770px; }
  .logo_center .col-md-9 #header_logo {
    max-width: 870px; }
  .logo_center .col-md-10 #header_logo {
    max-width: 970px; }
  .logo_center .col-md-11 #header_logo {
    max-width: 1070px; }
  .logo_center .col-md-12 #header_logo {
    max-width: 1170px; }

  #st_advanced_menu_wrap .advanced_ma_level_0 {
    padding-left: 14px;
    padding-right: 14px; }

  .owl-carousel-banner.carousel_banner_nbr_2 .st_owl_carousel_block {
    margin-bottom: 30px; }
  .owl-carousel-banner.carousel_banner_nbr_3 .st_owl_carousel_block {
    margin-bottom: 20px; }

  body#index .menu_ver_open_lg .stadvancedmenu_vertical, body#index .sticky .menu_ver_open_lg.current .stadvancedmenu_vertical {
    display: block!important; }

  body#index .sticky .menu_ver_open_lg .stadvancedmenu_vertical {
    display: none!important; } }.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay:0.3s;
  animation-delay:0.3s;
}

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

.animated.fast {
  -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s;
}

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

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

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

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

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

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

  25%, 75% {
    opacity: 0;
  }
}

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

  25%, 75% {
    opacity: 0;
  }
}

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

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

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

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

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

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

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

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

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

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

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}

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

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

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

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

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

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

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

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

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

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

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

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

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

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

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

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

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

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

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

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

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

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

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

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
}

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
}

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

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

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

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

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

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

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

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

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

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

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

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

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

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

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

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

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

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

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

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

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

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

  100% {
    opacity: 1;
  }
}

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

  100% {
    opacity: 1;
  }
}

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

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

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

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


@-webkit-keyframes fadeInDownLarge {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInDownLarge {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

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

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

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

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

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

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

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

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

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

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

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

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

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

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

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

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

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

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

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

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

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

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

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

  100% {
    opacity: 0;
  }
}

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

  100% {
    opacity: 0;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

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

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

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

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

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

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

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

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

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

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

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

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

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

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

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

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

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

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

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

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

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

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

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

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

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

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

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

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

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

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

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

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

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

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

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

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

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

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

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

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

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

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

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

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

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

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

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

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

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

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

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

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

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

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

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

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

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

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

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

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

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

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

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

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

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

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

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

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

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

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

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

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('https://polseracatalana.cat/js/jquery/plugins/fancybox/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('https://polseracatalana.cat/js/jquery/plugins/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('https://polseracatalana.cat/js/jquery/plugins/fancybox/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('https://polseracatalana.cat/js/jquery/plugins/fancybox/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('https://polseracatalana.cat/js/jquery/plugins/fancybox/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('https://polseracatalana.cat/js/jquery/plugins/fancybox/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}/*******************************************************
Product list Styles
********************************************************/
ul.product_list {
  position: relative; }
  ul.product_list .product_discount_flags {
    display: none; }
  ul.product_list .color-list-container {
    margin-bottom: 6px; }
    ul.product_list .color-list-container ul li {
      display: inline-block;
      border: 1px solid #e5e5e5;
      width: 18px;
      height: 18px; }
      ul.product_list .color-list-container ul li a {
        display: block;
        width: 14px;
        height: 14px;
        margin: 1px; }
        ul.product_list .color-list-container ul li a img {
          display: block;
          width: 14px;
          height: 14px; }
  ul.product_list .product-image-container {
    text-align: center; }
    ul.product_list .product-image-container img {
      margin: 0 auto; }
    ul.product_list .product-image-container .quick-view-wrapper-mobile {
      display: none; }
      ul.product_list .product-image-container .quick-view-wrapper-mobile .quick-view-mobile {
        display: none; }
        @media (max-width: 1199px) {
          ul.product_list .product-image-container .quick-view-wrapper-mobile .quick-view-mobile {
            display: block;
            position: relative;
            background-color: rgba(208, 208, 211, 0.57);
            height: 130px;
            width: 85px;
            top: 80px;
            right: -162px;
            -moz-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            zoom: 1;
            pointer-events: all; }
            ul.product_list .product-image-container .quick-view-wrapper-mobile .quick-view-mobile i {
              position: relative;
              top: 48px;
              left: -20px;
              font-size: x-large;
              color: black; }
            ul.product_list .product-image-container .quick-view-wrapper-mobile .quick-view-mobile i:before {
              -moz-transform: rotate(315deg);
              -o-transform: rotate(315deg);
              -webkit-transform: rotate(315deg);
              -ms-transform: rotate(315deg);
              transform: rotate(315deg); } }
      @media (max-width: 1199px) {
        ul.product_list .product-image-container .quick-view-wrapper-mobile .quick-view-mobile:hover {
          background-color: rgba(167, 167, 167, 0.57); } }
      @media (max-width: 1199px) {
        ul.product_list .product-image-container .quick-view-wrapper-mobile {
          display: block;
          background-color: transparent;
          height: 155px;
          width: 215px;
          position: absolute;
          overflow: hidden;
          pointer-events: none;
          bottom: 0px;
          right: 0px; } }
    ul.product_list .product-image-container .quick-view {
      font: 700 13px/16px Arial, Helvetica, sans-serif;
      color: #777676;
      position: absolute;
      left: 50%;
      top: 50%;
      margin: -21px 0 0 -53px;
      padding: 13px 0 0;
      background: rgba(255, 255, 255, 0.82);
      width: 107px;
      height: 43px;
      text-align: center;
      -webkit-box-shadow: rgba(0, 0, 0, 0.16) 0 2px 8px;
      -moz-box-shadow: rgba(0, 0, 0, 0.16) 0 2px 8px;
      box-shadow: rgba(0, 0, 0, 0.16) 0 2px 8px; }
      @media (max-width: 1199px) {
        ul.product_list .product-image-container .quick-view {
          display: none; } }
      @media (min-width: 1200px) {
        ul.product_list .product-image-container .quick-view {
          display: none; } }
      @media (max-width: 767px) {
        ul.product_list .product-image-container .quick-view {
          display: none; } }
  ul.product_list .comments_note {
    text-align: left;
    overflow: hidden; }
    ul.product_list .comments_note .star_content {
      float: left; }
    ul.product_list .comments_note .nb-comments {
      overflow: hidden;
      font-style: italic; }
  ul.product_list .functional-buttons div a, ul.product_list .functional-buttons div label {
    font-weight: bold;
    color: #777676;
    cursor: pointer; }
    ul.product_list .functional-buttons div a:hover, ul.product_list .functional-buttons div label:hover {
      color: #000; }
  ul.product_list .functional-buttons div.wishlist {
    border-right: 1px solid #e5e5e5; }
    ul.product_list .functional-buttons div.wishlist a:before {
      display: inline-block;
      font-family: "fontello";
      content: "\f08a";
      margin-right: 3px;
      padding: 0 3px; }
    ul.product_list .functional-buttons div.wishlist a.checked:before {
      content: "\f004"; }
    @media (min-width: 992px) and (max-width: 1199px) {
      ul.product_list .functional-buttons div.wishlist {
        border-right: 0; }
        ul.product_list .functional-buttons div.wishlist a:before {
          display: none; } }
    @media (min-width: 480px) and (max-width: 767px) {
      ul.product_list .functional-buttons div.wishlist {
        border-right: 0; }
        ul.product_list .functional-buttons div.wishlist a:before {
          display: none; } }
  ul.product_list .functional-buttons div.compare a:before {
    content: "\f067";
    display: inline-block;
    font-family: "fontello";
    margin-right: 3px; }
    @media (min-width: 992px) and (max-width: 1199px) {
      ul.product_list .functional-buttons div.compare a:before {
        display: none; } }
    @media (min-width: 480px) and (max-width: 767px) {
      ul.product_list .functional-buttons div.compare a:before {
        display: none; } }
  ul.product_list .functional-buttons div.compare a.checked:before {
    content: "\f068"; }

/*******************************************************
Product list(Grid) Styles 
********************************************************/
.product_list_wrap {
  overflow: hidden; }

/* body#index #sthomenew_grid{
	padding-left: 16px;
	padding-right: 16px;
}
 */
ul.product_list.grid {
  padding-left: 15px;
  padding-right: 15px; }
  ul.product_list.grid > li {
    padding-left: 10px;
    padding-right: 10px;
    border-top: 1px solid #e5e5e5;
    text-align: center; }
    body#index ul.product_list.grid > li {
      border-top: none; }
    ul.product_list.grid > li .product-desc {
      display: none; }
      ul.product_list.grid > li .product-desc.display_sd {
        display: block; }
    ul.product_list.grid > li .act_box {
      display: none; }
    ul.product_list.grid > li .product-container {
      padding: 2em 0;
      position: relative; }
      ul.product_list.grid > li .product-container .product-image-container {
        border: 1px solid #e5e5e5;
        padding: 9px;
        margin-bottom: 13px;
        position: relative; }
        @media (max-width: 767px) {
          ul.product_list.grid > li .product-container .product-image-container {
            max-width: 290px;
            margin-left: auto;
            margin-right: auto; } }
        ul.product_list.grid > li .product-container .product-image-container .content_price {
          position: absolute;
          left: 0;
          bottom: -1px;
          width: 100%;
          background: url(https://polseracatalana.cat/themes/transformer/css/../img/price-container-bg.png);
          padding: 9px 0;
          display: none; }
          ul.product_list.grid > li .product-container .product-image-container .content_price span {
            color: white; }
            ul.product_list.grid > li .product-container .product-image-container .content_price span.old-price {
              color: #b1b0b0; }
      @media (min-width: 1200px) {
        ul.product_list.grid > li .product-container .comments_note {
          display: none; } }
      ul.product_list.grid > li .product-container .comments_note .star_content {
        margin: 0 3px 12px 59px; }
      ul.product_list.grid > li .product-container .content_price {
        padding-bottom: 9px;
        line-height: 21px; }
      ul.product_list.grid > li .product-container .old-price,
      ul.product_list.grid > li .product-container .price,
      ul.product_list.grid > li .product-container .price-percent-reduction {
        display: inline-block; }
      ul.product_list.grid > li .product-container .product-flags {
        display: none; }
      ul.product_list.grid > li .product-container .old-price {
        margin-right: 5px; }
      ul.product_list.grid > li .product-container .button-container {
        margin-bottom: 14px; }
        ul.product_list.grid > li .product-container .button-container .ajax_add_to_cart_button,
        ul.product_list.grid > li .product-container .button-container span.button,
        ul.product_list.grid > li .product-container .button-container .lnk_view {
          margin: 0 6px 10px 6px; }
      ul.product_list.grid > li .product-container .functional-buttons {
        background: url(https://polseracatalana.cat/themes/transformer/css/../img/functional-bt-shadow.png) repeat-x;
        padding: 11px 0 5px; }
        @media (min-width: 1200px) {
          ul.product_list.grid > li .product-container .functional-buttons {
            display: none; } }
        ul.product_list.grid > li .product-container .functional-buttons div {
          width: 50%;
          float: left;
          padding: 3px 0 4px 0; }
    @media (min-width: 1200px) {
      ul.product_list.grid > li.hovered .product-container {
        -webkit-box-shadow: rgba(0, 0, 0, 0.17) 0 0 13px;
        -moz-box-shadow: rgba(0, 0, 0, 0.17) 0 0 13px;
        box-shadow: rgba(0, 0, 0, 0.17) 0 0 13px;
        position: relative;
        z-index: 10; }
        ul.product_list.grid > li.hovered .product-container .content_price {
          display: none; }
        ul.product_list.grid > li.hovered .product-container .product-image-container .content_price {
          display: block; }
        ul.product_list.grid > li.hovered .product-container .product-image-container .quick-view {
          display: block; }
        ul.product_list.grid > li.hovered .product-container .functional-buttons,
        ul.product_list.grid > li.hovered .product-container .button-container,
        ul.product_list.grid > li.hovered .product-container .comments_note {
          display: block; } }

/*******************************************************
Product list(List) Styles 
********************************************************/
ul.product_list.list > li {
  clear: both;
  padding-top: 1em;
  padding-bottom: 1em;
  border-bottom: 1px solid #f5f5f5; }
  ul.product_list.list > li .yotpo {
    clear: none; }
    ul.product_list.list > li .yotpo .yotpo-clr {
      clear: none; }
  ul.product_list.list > li:last-child {
    border-bottom: none; }
  ul.product_list.list > li .hover_fly {
    display: none; }
  ul.product_list.list > li .pro_first_box {
    float: left;
    width: 250px; }
  ul.product_list.list > li .pro_second_box {
    margin-left: 270px;
    text-align: left; }
    ul.product_list.list > li .pro_second_box .s_title_block, ul.product_list.list > li .pro_second_box .price_container, ul.product_list.list > li .pro_second_box .rating_box, ul.product_list.list > li .pro_second_box .product_stock_info, ul.product_list.list > li .pro_second_box .product_online_only {
      text-align: left; }
  ul.product_list.list > li .s_title_block {
    font-size: 1.333em;
    margin-bottom: 1em; }
  ul.product_list.list > li .act_box .ajax_add_to_cart_button, ul.product_list.list > li .act_box .view_button {
    padding-top: 0;
    padding-bottom: 0;
    height: 40px;
    line-height: 40px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px; }
  ul.product_list.list > li .act_box .ajax_add_to_cart_button i, ul.product_list.list > li .act_box .view_button i {
    font-size: 1.5em; }
  ul.product_list.list > li .act_box .ajax_add_to_cart_button span, ul.product_list.list > li .act_box .view_button span {
    display: inline-block;
    vertical-align: top; }
  ul.product_list.list > li .act_box_inner a {
    display: inline-block;
    padding-top: 1em;
    white-space: nowrap; }
  ul.product_list.list > li .product-image-container {
    position: relative;
    border: 1px solid #e5e5e5;
    padding: 9px; }
    @media (max-width: 479px) {
      ul.product_list.list > li .product-image-container {
        max-width: 290px;
        margin: 0 auto; } }
    ul.product_list.list > li .product-image-container .content_price {
      display: none !important; }
  ul.product_list.list > li .product-flags {
    color: #333333;
    margin: -5px 0 10px 0; }
    ul.product_list.list > li .product-flags .discount {
      color: #f13340; }
  ul.product_list.list > li h5 {
    padding-bottom: 8px; }
  ul.product_list.list > li .product-desc {
    margin-bottom: 1em; }
  @media (max-width: 479px) {
    ul.product_list.list > li .center-block {
      width: 100%; } }
  ul.product_list.list > li .center-block .comments_note {
    margin-bottom: 12px; }
  @media (min-width: 992px) {
    ul.product_list.list > li .right-block .right-block-content {
      margin: 0;
      border-left: 1px solid #e5e5e5;
      padding-left: 15px;
      padding-bottom: 16px; } }
  @media (max-width: 991px) {
    ul.product_list.list > li .right-block .right-block-content {
      padding-top: 20px; } }
  @media (max-width: 479px) {
    ul.product_list.list > li .right-block .right-block-content {
      padding-top: 5px; } }
  ul.product_list.list > li .right-block .right-block-content .content_price {
    padding-bottom: 10px; }
    @media (max-width: 991px) {
      ul.product_list.list > li .right-block .right-block-content .content_price {
        padding-top: 13px;
        padding-bottom: 0; } }
    @media (max-width: 479px) {
      ul.product_list.list > li .right-block .right-block-content .content_price {
        padding-top: 0;
        width: 100%; } }
    ul.product_list.list > li .right-block .right-block-content .content_price span {
      display: inline-block;
      margin-top: -4px;
      margin-bottom: 14px; }
      ul.product_list.list > li .right-block .right-block-content .content_price span.old-price {
        margin-right: 8px; }
  ul.product_list.list > li .right-block .right-block-content .button-container {
    overflow: hidden;
    padding-bottom: 20px; }
    @media (max-width: 479px) {
      ul.product_list.list > li .right-block .right-block-content .button-container {
        width: 100%; } }
    ul.product_list.list > li .right-block .right-block-content .button-container .btn {
      margin-bottom: 10px; }
      @media (min-width: 992px) {
        ul.product_list.list > li .right-block .right-block-content .button-container .btn {
          float: left;
          clear: both; } }
  @media (min-width: 992px) {
    ul.product_list.list > li .right-block .right-block-content .functional-buttons {
      overflow: hidden; } }
  @media (max-width: 991px) {
    ul.product_list.list > li .right-block .right-block-content .functional-buttons {
      clear: both; }
      ul.product_list.list > li .right-block .right-block-content .functional-buttons > div {
        float: left;
        padding-top: 0 !important;
        padding-right: 20px; } }
  @media (max-width: 479px) {
    ul.product_list.list > li .right-block .right-block-content .functional-buttons {
      float: none;
      display: inline-block; }
      ul.product_list.list > li .right-block .right-block-content .functional-buttons a i, ul.product_list.list > li .right-block .right-block-content .functional-buttons a:before, ul.product_list.list > li .right-block .right-block-content .functional-buttons label i, ul.product_list.list > li .right-block .right-block-content .functional-buttons label:before {
        display: none !important; } }
  ul.product_list.list > li .right-block .right-block-content .functional-buttons a {
    cursor: pointer; }
  ul.product_list.list > li .right-block .right-block-content .functional-buttons .wishlist {
    border: none; }
  ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare {
    padding-top: 10px; }
    ul.product_list.list > li .right-block .right-block-content .functional-buttons .compare a:before {
      margin-right: 10px; }
  @media (min-width: 1200px) {
    ul.product_list.list > li:hover .product-image-container .quick-view {
      display: block; } }
  @media (max-width: 479px) {
    ul.product_list.list > li {
      text-align: center; } }

/*******************************************************
Product list(Index page) Styles 
********************************************************/
#index ul.product_list.tab-pane > li .availability {
  display: none; }

/***** IE code *****/
.ie8 .quick-view {
  background: #fff;
  border: 1px solid #e5e5e5; }/*!
 * jQuery UI CSS Framework 1.10.3
 * http://jqueryui.com
 *
 * Copyright 2013 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}/*!
 * jQuery UI Slider 1.10.3
 * http://jqueryui.com
 *
 * Copyright 2013 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}/*!
 * jQuery UI CSS Framework 1.10.3
 * http://jqueryui.com
 *
 * Copyright 2013 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/
 */


/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;
	font-size: 1.1em/*{fsDefault}*/;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #aaaaaa/*{borderColorContent}*/;
	background: #ffffff/*{bgColorContent}*/ url(https://polseracatalana.cat/js/jquery/ui/themes/base/images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/;
	color: #222222/*{fcContent}*/;
}
.ui-widget-content a {
	color: #222222/*{fcContent}*/;
}
.ui-widget-header {
	border: 1px solid #aaaaaa/*{borderColorHeader}*/;
	background: #cccccc/*{bgColorHeader}*/ url(https://polseracatalana.cat/js/jquery/ui/themes/base/images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/;
	color: #222222/*{fcHeader}*/;
	font-weight: bold;
}
.ui-widget-header a {
	color: #222222/*{fcHeader}*/;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3/*{borderColorDefault}*/;
	background: #e6e6e6/*{bgColorDefault}*/ url(https://polseracatalana.cat/js/jquery/ui/themes/base/images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #555555/*{fcDefault}*/;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555/*{fcDefault}*/;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #999999/*{borderColorHover}*/;
	background: #dadada/*{bgColorHover}*/ url(https://polseracatalana.cat/js/jquery/ui/themes/base/images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #212121/*{fcHover}*/;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
	color: #212121/*{fcHover}*/;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #aaaaaa/*{borderColorActive}*/;
	background: #ffffff/*{bgColorActive}*/ url(https://polseracatalana.cat/js/jquery/ui/themes/base/images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #212121/*{fcActive}*/;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121/*{fcActive}*/;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fcefa1/*{borderColorHighlight}*/;
	background: #fbf9ee/*{bgColorHighlight}*/ url(https://polseracatalana.cat/js/jquery/ui/themes/base/images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/;
	color: #363636/*{fcHighlight}*/;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636/*{fcHighlight}*/;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a/*{borderColorError}*/;
	background: #fef1ec/*{bgColorError}*/ url(https://polseracatalana.cat/js/jquery/ui/themes/base/images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/;
	color: #cd0a0a/*{fcError}*/;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #cd0a0a/*{fcError}*/;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #cd0a0a/*{fcError}*/;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url(https://polseracatalana.cat/js/jquery/ui/themes/base/images/ui-icons_222222_256x240.png)/*{iconsContent}*/;
}
.ui-widget-header .ui-icon {
	background-image: url(https://polseracatalana.cat/js/jquery/ui/themes/base/images/ui-icons_222222_256x240.png)/*{iconsHeader}*/;
}
.ui-state-default .ui-icon {
	background-image: url(https://polseracatalana.cat/js/jquery/ui/themes/base/images/ui-icons_888888_256x240.png)/*{iconsDefault}*/;
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url(https://polseracatalana.cat/js/jquery/ui/themes/base/images/ui-icons_454545_256x240.png)/*{iconsHover}*/;
}
.ui-state-active .ui-icon {
	background-image: url(https://polseracatalana.cat/js/jquery/ui/themes/base/images/ui-icons_454545_256x240.png)/*{iconsActive}*/;
}
.ui-state-highlight .ui-icon {
	background-image: url(https://polseracatalana.cat/js/jquery/ui/themes/base/images/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/;
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(https://polseracatalana.cat/js/jquery/ui/themes/base/images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/;
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px/*{cornerRadius}*/;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa/*{bgColorOverlay}*/ url(https://polseracatalana.cat/js/jquery/ui/themes/base/images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/;
	opacity: .3/*{opacityOverlay}*/;
	filter: Alpha(Opacity=30)/*{opacityFilterOverlay}*/;
}
.ui-widget-shadow {
	margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/;
	padding: 8px/*{thicknessShadow}*/;
	background: #aaaaaa/*{bgColorShadow}*/ url(https://polseracatalana.cat/js/jquery/ui/themes/base/images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/;
	opacity: .3/*{opacityShadow}*/;
	filter: Alpha(Opacity=30)/*{opacityFilterShadow}*/;
	border-radius: 8px/*{cornerRadiusShadow}*/;
}/*******************************************************************
					Cart Block Styles
********************************************************************/.bx-wrapper {
  position: relative;
  padding: 0;
  zoom: 1;
  margin: 0 !important;}

.bx-wrapper img {
  max-width: 100%;
  display: block; }

.bx-viewport {
	direction: ltr !important;
}
/** THEME
===================================*/
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -30px;
  width: 100%; }

/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url(https://polseracatalana.cat/js/jquery/plugins/bxslider/images/bx_loader.gif) center center no-repeat;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
  display: none; }

/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #666;
  padding-top: 20px; }

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  zoom: 1; }

.bx-wrapper .bx-pager.bx-default-pager a {
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  background: #000;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #000; }

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-controls-direction a {
  margin-top: 38px;
  height: 20px;
  width: 20px;
  line-height: 0;
  position: absolute;
  top: 40%;
  margin-top: -10px;
  font-size: 0;
  overflow: hidden;
  outline: none;
  text-decoration: none; }
  .bx-wrapper .bx-controls-direction a:before {
    padding-left: 2px;
    color: #c0c0c0;
    font-family: "FontAwesome";
    font-size: 20px;
    line-height: 22px; }
  .bx-wrapper .bx-controls-direction a:hover:before {
    color: #333; }

.bx-next {
  right: 10px; }
  .bx-next:before {
    content: "\f138"; }

.bx-prev {
  left: 10px; }
  .bx-prev:before {
    content: "\f137"; }

.bx-wrapper .bx-controls-direction a.disabled {
  display: none; }

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center; }

.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url(https://polseracatalana.cat/js/jquery/plugins/bxslider/images/controls.png) -86px -11px no-repeat;
  margin: 0 3px; }

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
  background-position: -86px 0; }

.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url(https://polseracatalana.cat/js/jquery/plugins/bxslider/images/controls.png) -86px -44px no-repeat;
  margin: 0 3px; }

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
  background-position: -86px -33px; }

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%; }

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px; }

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%; }

.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  display: block;
  font-size: .85em;
  padding: 10px; }#categories_block_top {
  clear: both;
  position: relative;
  top: 30px; }
  #categories_block_top .sf-menu {
    position: relative; }
    #categories_block_top .sf-menu > li {
      position: static; }
      #categories_block_top .sf-menu > li > ul {
        width: 100%;
        top: 60px;
        margin: 0 20px; }
        #categories_block_top .sf-menu > li > ul > li {
          display: block;
          float: left;
          width: 20%;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          padding: 0 10px; }
        #categories_block_top .sf-menu > li > ul > .category_thumb {
          display: block;
          clear: both;
          overflow: hidden;
          width: 100%; }
          #categories_block_top .sf-menu > li > ul > .category_thumb img {
            display: inline-block;
            width: 33%; }
      #categories_block_top .sf-menu > li h4 a {
        font-size: 1.1em; }
        #categories_block_top .sf-menu > li h4 a:before {
          display: none; }
      #categories_block_top .sf-menu > li .main-level-submenus {
        position: relative;
        display: block !important;
        visibility: visible !important;
        top: 0;
        background: none;
        box-shadow: none;
        padding: 0;
        left: 0; }
    #categories_block_top .sf-menu .category_thumb {
      display: none; }/****/.shop-phone {
  float: left; }
  .shop-phone i {
    padding-right: 4px; }

#contact-link {
  float: right; }

@media (max-width: 767px) {
  #contact_block {
    margin-bottom: 20px; } }
#contact_block .label {
  display: none; }
#contact_block .block_content {
  color: #888888; }
#contact_block p {
  margin-bottom: 4px; }
#contact_block p.tel {
  font: 400 17px/21px Arial, Helvetica, sans-serif;
  color: #333333;
  margin-bottom: 6px; }
  #contact_block p.tel i {
    font-size: 25px;
    vertical-align: -2px;
    padding-right: 10px; }/*  */.ac_results {
	text-align: left;
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

/*
.ac_loading {
	background: white url('https://polseracatalana.cat/js/jquery/plugins/autocomplete/indicator.gif') right center no-repeat;
}
*/

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}/* Block store */
.blockstore img { margin: 10px 0 0 0 }
.blockstore p { text-align: center }.tags_block .block_content {
  overflow: hidden; }
  .tags_block .block_content a {
    margin: 0 0.1em;
    line-height: 1.5em;
    padding: 2px; }
    .tags_block .block_content a.tag_level3 {
      font-size: 1.333em; }
    .tags_block .block_content a.tag_level2 {
      font-size: 1.166em; }
    .tags_block .block_content a.tag_level1 {
      font-size: 1em; }
.tags_block .tags_wrap {
  text-align: justify; }/**//* Block Viewed Products */
#viewed-products_block_left li.last_item {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none; }/**
 * Copyright (C) 2017-2024 thirty bees
 * Copyright (C) 2007-2016 PrestaShop SA
 *
 * thirty bees is an extension to the PrestaShop software by PrestaShop SA.
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE.md.
 * It is also available through the world-wide-web at this URL:
 * https://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@thirtybees.com so we can send you a copy immediately.
 *
 * @author    thirty bees <modules@thirtybees.com>
 * @author    PrestaShop SA <contact@prestashop.com>
 * @copyright 2017-2024 thirty bees
 * @copyright 2007-2016 PrestaShop SA
 * @license   Academic Free License (AFL 3.0)
 * PrestaShop is an internationally registered trademark of PrestaShop SA.
 */

/* Home hook CSS */
#htmlcontent_home ul {
  margin: 0 -5px; }
  #htmlcontent_home ul li {
    padding: 0 5px 10px; }
    @media (max-width: 479px) {
      #htmlcontent_home ul li {
        width: 100%; } }
    #htmlcontent_home ul li img {
      max-width: 100%;
      height: auto; }
      @media (max-width: 479px) {
        #htmlcontent_home ul li img {
          min-width: 100%; } }
    #htmlcontent_home ul li.htmlcontent-item-5 {
      width: 66.6667%; }
      @media (max-width: 479px) {
        #htmlcontent_home ul li.htmlcontent-item-5 {
          width: 100%; } }

/* Top hook CSS */
  #htmlcontent_top {
    float: right;
    width: 33%;
    max-width: 391px;
    padding-left: 5px;
}
  @media (max-width: 767px) {
    #htmlcontent_top {
      width: 100%;
      max-width: 100%;
      padding-left: 0;
      padding-top: 0px; } }
  @media (max-width: 767px) {
    #htmlcontent_top ul {
      margin: 0 -5px; } }
  #htmlcontent_top ul li {
    width: 100%;
    margin-bottom: 10px; }
    @media (max-width: 767px) {
      #htmlcontent_top ul li {
        float: left;
        padding-left: 5px;
        padding-right: 5px;
        width: 50%; } }
    #htmlcontent_top ul li:last-child {
      margin-bottom: 0; }
    #htmlcontent_top ul li img {
      max-width: 100%;
      height: auto; }

/* Left hook CSS */
/* Right hook CSS */
/* Footer hook CSS *//* lnk on detail product page */
/* wishlist block */
#wishlist_block #wishlist_block_list {
  margin: 0 0 1em 0; }
  #wishlist_block #wishlist_block_list dl.products.no-products {
    padding: 0 0 8px 0;
    border-bottom: 1px solid #e5e5e5; }
    #wishlist_block #wishlist_block_list dl.products.no-products dt {
      padding: 0;
      border-top: none; }
    #wishlist_block #wishlist_block_list dl.products.no-products dd {
      display: none; }
  #wishlist_block #wishlist_block_list dl.products dt {
    border-top: 1px solid #e5e5e5;
    position: relative;
    margin-top: 6px;
    padding-top: 6px; }
  #wishlist_block #wishlist_block_list dl.products dd {
    padding: 0 0 6px 0; }
  #wishlist_block #wishlist_block_list dl.products dt.first_item {
    padding-top: 0;
    border-top: none;
    margin-top: none; }
  #wishlist_block #wishlist_block_list dl dt {
    position: relative;
    padding-right: 0; }
  #wishlist_block #wishlist_block_list dl dd {
    margin: 0 0 0 24px; }
#wishlist_block .lnk .form-group {
  margin: 0 0 10px 0; }
  #wishlist_block .lnk .form-group select {
    max-width: 192px; }
    @media (max-width: 767px) {
      #wishlist_block .lnk .form-group select {
        width: 192px; } }
#wishlist_block .ajax_cart_block_remove_link {
  width: 16px;
  height: 16px;
  line-height: 16px;
  position: absolute;
  right: 0;
  top: 6px; }
#wishlist_block .cart_block_product_name {
  width: 85%;
  display: inline-block; }
#wishlist_block .quantity-formated {
  float: left;
  margin: 0 5px 0 0;
  width: 15px; }

#wishlist_block_list .price {
  float: right; }

/* page in my account ************************************************************************* */
/* wishlistLinkTop */
#module-blockwishlist-mywishlist .wishlistLinkTop ul.display_list {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 20px; }
  #module-blockwishlist-mywishlist .wishlistLinkTop ul.display_list a {
    display: inline-block;
    font-weight: bold; }

#module-blockwishlist-mywishlist .wishlistLinkTop li {
  float: left;
  display: block;
  padding: 10px 10px 10px 0; }

#module-blockwishlist-mywishlist .wishlistLinkTop #hideSendWishlist {
  display: none; }

#module-blockwishlist-mywishlist .wishlistLinkTop #showBoughtProducts,
#module-blockwishlist-mywishlist .wishlistLinkTop #hideBoughtProductsInfos {
  display: none; }

/* wlp_bought ****************************************** */
/* wlp_bought_list */
ul.wlp_bought_list li {
  margin: 0 0 30px 0;
  /*> 992px*/
  /*768px x 991px*/ }
  ul.wlp_bought_list li .product_image {
    padding: 9px;
    border: 1px solid #e5e5e5;
    margin: 0 0 20px 0;
    max-width: 270px; }
  ul.wlp_bought_list li .product-name {
    margin: 0 0 10px 0;
    padding: 0 20px 0 0; }
    ul.wlp_bought_list li .product-name small {
      display: block;
      font-size: 11px; }
      ul.wlp_bought_list li .product-name small a {
        font-size: 11px; }
  ul.wlp_bought_list li .product_infos {
    position: relative; }
  ul.wlp_bought_list li .btn_action .btn {
    margin: 0 0 10px 0; }
  @media (min-width: 992px) {
    ul.wlp_bought_list li.first-in-line {
      clear: left; } }
  @media (min-width: 768px) and (max-width: 991px) {
    ul.wlp_bought_list li.first-item-of-tablet-line {
      clear: both; } }

.wishlistLinkTop .submit {
  margin: 0 0 30px 0; }

ul.wlp_bought_list li .lnkdel {
  position: absolute;
  top: 0;
  right: 0;
  display: block; }

#wishlist_button > .btn-group {
  width: 80%; }

ul.product_list.grid > li .product-container .functional-buttons .wishlist .popover {
  padding: 0;
  min-width: 160px; }
  ul.product_list.grid > li .product-container .functional-buttons .wishlist .popover .popover-content {
    padding: 0;
    min-width: 158px; }
  ul.product_list.grid > li .product-container .functional-buttons .wishlist .popover table {
    margin-bottom: 2px; }
    ul.product_list.grid > li .product-container .functional-buttons .wishlist .popover table td:hover {
      background-color: #cccccc;
      cursor: pointer; }

.wishlist_change_button + .popover {
  padding: 0;
  min-width: 150px; }
  .wishlist_change_button + .popover .popover-content {
    padding: 0; }
  .wishlist_change_button + .popover table {
    margin-bottom: 2px; }
    .wishlist_change_button + .popover table td:hover {
      background-color: #cccccc;
      cursor: pointer; }#product_comments_block_extra {
	padding:10px 0 0 0;
	border-top:1px solid #ccc;
	font-weight: bold;
	font-size:12px;
	line-height:18px
}
	
#product_comments_block_extra a {
    padding-left: 10px;
	text-decoration: none;
	background: url(https://polseracatalana.cat/modules/smartproductcomments/img/bg_li.png) no-repeat scroll 1px 45% #fff;

}

#product_comments_block_extra a:hover {text-decoration: underline}

#product_comments_block_extra .comments_note {margin-bottom:5px}
#product_comments_block_extra .comments_note span,
#product_comments_block_extra .star_content {float:left}
#product_comments_block_extra .star_content {margin-top:2px}

#product_comments_block_extra div.star {background: url(https://polseracatalana.cat/modules/smartproductcomments/img/star.gif) no-repeat scroll 0 0 transparent}

#product_comments_block_extra div.star_on {background: url(https://polseracatalana.cat/modules/smartproductcomments/img/star.gif) no-repeat scroll 0 -12px transparent}

#product_comments_block_extra .comments_advices {clear:both;}

/* pop-in add grade/advice ********************************************************************* */
#fancybox-wrap { width:585px }
#fancybox-content {
	width:585px;
	border-width:0
}

#new_comment_form {
	width:585px;
	color: #333;
	text-align: left;
	background-color: #fff
}
#new_comment_form .title {
	padding:10px;
	font-size: 13px;
	color: #fff;
	text-transform: uppercase;
	background: #333
}
#new_comment_form ul.grade_content {list-style-type:none}
#new_comment_form .grade_content li {width:50%}
#new_comment_form .product {padding:15px}
#new_comment_form .product img {
	float:left;
   border: 1px solid #ccc;
}
#new_comment_form .product .product_desc {
	float:left;
	margin-left:15px;
	width:300px;
	line-height:18px;
	color:#666
}
#new_comment_form .product .product_desc .product_name {
	padding-bottom:5px;
	font-size:13px;
	color:#000
}

#new_comment_form .grade_content {margin:0 0 20px 0}
#new_comment_form .grade_content span,
#new_comment_form .grade_content span {
	display:inline-block;
	padding:0 10px;
	width:150px;/* 160 */
	font-weight:bold
}
#new_comment_form .grade_content .cancel {margin-right:5px}

.new_comment_form_content {
	padding:15px;
	background:#f8f8f8
}
.new_comment_form_content .intro_form {
	padding-bottom: 10px;
	font-weight: bold;
	font-size: 12px
}

#new_comment_form label {
	display: block;
	margin:12px 0 4px 0;
	font-weight: bold;
	font-size: 12px;
}
#new_comment_form input {
	padding: 0 5px;
	height: 28px;
	width: 540px;
	border: 1px solid #ccc;
	background: #fff;
}
#new_comment_form textarea {
	padding: 0 5px;
	height: 80px;
	width: 540px;
	border: 1px solid #ccc;
	background: #fff;
}

#new_comment_form .submit {
	margin-top:20px;
	padding:0;
	font-size:13px;
	text-align:right
}
#new_comment_form button {
	cursor: pointer;
	cursor: pointer;
	display: inline-block;
	padding: 4px 7px 3px 7px;
	border: 1px solid #CC9900;
	border-radius: 3px 3px 3px 3px;
	font-weight: bold;
	color: #000;
	background: url(https://polseracatalana.cat/modules/smartproductcomments/img/bg_bt.gif) repeat-x scroll 0 0 #F4B61B
}

#new_comment_form #criterions_list {
	border-bottom: 1px solid #CCC;
	padding-bottom: 15px;
	list-style-type: none;
}

#new_comment_form #criterions_list li {
	margin-bottom: 10px;
}

#new_comment_form #criterions_list label {
	display: inline;
	float: left;
	margin: 0 0 0 60px;
}

#new_comment_form #criterions_list .star_content {
	float: right;
	margin-right: 180px;
}

#new_comment_form #new_comment_form_footer {
	margin-top: 20px;
	font-size: 12px;
}

/* TAB COMMENTS ******************************************************************************** */
#product_comments_block_tab {margin:0 0 20px 0}

#product_comments_block_tab div.comment {
	margin:0 0 10px 0;
	padding: 5px;
	border-bottom: 1px dotted #ccc
}

#product_comments_block_tab div.comment div.comment_author {
	float: left;
	padding-right:25px;
	width: 140px;/* 165 */
	line-height:18px
}
#product_comments_block_tab div.comment div.comment_author span {font-weight:bold;}
#product_comments_block_tab div.comment div.comment_author span,
#product_comments_block_tab div.comment .star_content {
	float:left;
}
#product_comments_block_tab div.comment .star_content {margin: 0 0 0 5px}
#product_comments_block_tab div.star,
#product_comments_block_tab div.star_on {
	background: url(https://polseracatalana.cat/modules/smartproductcomments/img/star.gif) no-repeat 0 0 transparent
}
#product_comments_block_tab div.star_on {background-position: 0 -12px}
#product_comments_block_tab .comment_author_infos {clear:both}
#product_comments_block_tab .comment_author_infos em {color:#999}

#product_comments_block_tab div.comment div.comment_details {
	float: left;
	overflow:hidden;
	width: 360px
}
#product_comments_block_tab div.comment_details .title_block, #product_comments_block_tab div.comment_details h4  {padding-bottom:10px}
#product_comments_block_tab div.comment_details p {padding-bottom:10px}
#product_comments_block_tab div.comment_details ul {
	list-style-type:none;
	margin:0
}
#product_comments_block_tab div.comment_details li {
	padding:2px 0 2px 12px;
	background:url(https://polseracatalana.cat/modules/smartproductcomments/img/bg_li.png) no-repeat 1px 45% #fff
}

#product_comments_block_tab a {
	text-decoration: none;
	font-weight: bold
}

#product_comments_block_tab a:hover {text-decoration: underline}

#product_comments_block_tab button.usefulness_btn {
	cursor: pointer;
	margin:0 0 0 5px;
	display: inline-block;
	padding: 0 2px;
	border: 1px solid #CC9900;
	border-radius: 3px 3px 3px 3px;
	color: #000;
	font-weight: bold;
	background: url("https://polseracatalana.cat/modules/smartproductcomments/img/bg_bt.gif") repeat-x scroll 0 0 #F4B61B
}
#product_comments_block_tab button.usefulness_btn:hover {background-position: left -50px}
#product_comments_block_tab button.usefulness_btn:active {background-position: left -100px}

#product_comments_block_tab span.report_btn {cursor: pointer}
#product_comments_block_tab span.report_btn:hover {text-decoration:underline}

.fl { float: left; }
.fr { float: right; }.stsocial_list{display:inline-block;}
.stsocial_list li{padding-right:8px;padding-bottom:6px;}
.stsocial_list.stsocial_list_footer_bottom li{padding-bottom:0;}
.stsocial_list li a{display:inline-block;height:26px;line-height: 26px;min-width:26px; text-align:center; text-decoration:none; color:#666666; }
.stsocial_list li a:hover{color:#00A161;}
#stsocial_list_topbar{float:left;}.fc_cat_image{display:block;margin-bottom: 6px;}
.featured_categories_list li dd{margin:0;padding:0 0 2px 0;}.product_img_link img.front-image, .product_image img.front-image{
	top: 0;
}
.product_img_link img.back-image, .product_image img.back-image{
	top: 0;
	left: 0;
  	opacity: 0;
    filter: alpha(opacity = 0);
  	z-index: -1;
}
.pro_first_box.showhoverimage .product_img_link img.back-image, .pro_first_box.showhoverimage .product_image img.back-image{
  	opacity: 1;
    filter: alpha(opacity = 100);
  	z-index: 1;
}/**
/**
 * Smart CSV Lists Front Office Feature
 *
 * NOTICE OF LICENSE
 *
 * @category Front Office Features
 * @author    Pol Rué
 * @copyright Smart Modules 2014
 * @version 1.2.0
 * @license   One time License
 * Registered Trademark & Property of Smart-Modules.pro
 *
 * **************************************************
 *                           WhatsApp contact             *
 * *               http://www.smart-modules.pro           *
 * *                       V 1.2.0                     *
 * **************************************************
 *
 * Versions:
 * 1.0.0 First release.
 * 1.0.1 Bug fixes, better support for thmes not supporting FontAwesome
 * 1.1.0 Bug fixes, better compatibility for Prestashop 1.5.x versios
 * 1.1.1 Small bug fix
 * 1.2.0 Added individual text boxes for every placement
*/
/* General settings */
.whatsappcontact { margin:5px 0 15px 0; }
.whatsapptitle, .whatsphone {
    line-height: 20px;
    font-size: 22px;
    top: 6px;
    left:40px;
    position: relative;
    color:#5ED142;}
.watsapp-icon {
    display:inline-block;
    background:url('https://polseracatalana.cat/modules/whatsappcontact/views/css/../img/whatsapp-icon-32.png') left center no-repeat;
    /*width:32px;*/
    height:32px;
    margin-right:15px;
 }
.whatsphone {
    color:#777;
    font-size: 18px;
    margin-left:15px;
}
.icon-whatsapp .whatsapptitle,.icon-whatsapp .whatsphone {
    top:0; left:8px;
}
.icon-whatsapp {
    font-size:21px;
    line-height:32px;
    color:#5ED142;
}
/* Styles for each display customize css to set each view
* To change each section CSS
* Navigation .wc-nav
* Top of Pages .wc-top
* Page footer .wc-footer
* Page footer .wc-footer
* Right column display .wc-right
* Left column display .wc-left
* Product Right column .wc-prod-right
* Product Left column .wc-prod-left
* New account form .wc-ord-reg
* New Address .wc-order-addr
* Order main steps .wc-order-main
* Order Authentication .wc-order-auth
*
* To change and edit the Whatsapp icon > .icon-whatsapp
* Icon sizes:
*   16x16 background-image: url('https://polseracatalana.cat/modules/whatsappcontact/views/css/../img/whatsapp-icon-16.png');
*   24x24 background-image: url('https://polseracatalana.cat/modules/whatsappcontact/views/css/../img/whatsapp-icon-24.png');
*   32x32 background-image: url('https://polseracatalana.cat/modules/whatsappcontact/views/css/../img/whatsapp-icon-32.png');
*   48x48 background-image: url('https://polseracatalana.cat/modules/whatsappcontact/views/css/../img/whatsapp-icon-48.png');
*   64x64 background-image: url('https://polseracatalana.cat/modules/whatsappcontact/views/css/../img/whatsapp-icon-64.png');
*
* to change the styles of the Whatsapp word > .whatsapptitle
* to change the styles of the Whatsapp phone number > .whatsphone
* to change a specific display target the section class and the parameter you want to change
* for example .wc-nav .icon-whatsapp  { ... } to change the icon CSS of the top navigation
*/
/* Navigation Top */
.wc-nav {
    float:left;
    margin-left:15px;
}
.wc-nav .whatsapp-icon { background-image:url('https://polseracatalana.cat/modules/whatsappcontact/views/css/../img/whatsapp-icon-24.png'); width:24px; }
.wc-nav .whatsappcontact { margin:0;}
.wc-nav .whatsapptitle { font-size:20px;}
.wc-nav .whatsphone { font-size:16px; color:#fff;}
.wc-nav p {
    margin-right:10px;
}
.wc-nav p, .wc-nav .whatsappcontact { display:inline-block; }
/* Header */
.wc-top p, .wc-top .whatsappcontact { display:inline-block; }
.wc-top p {
    margin-right:10px;
}
/* Footer */
.wc-footer {
    display:inline-block;
     float:left;
}

/* Account creation */
.wc-ord-reg {
    padding-top: 10px;
    margin-top: 30px;
    border-top: 1px solid #ccc;
}
/* Order Process*/
.wc-order-addr p {
     margin-top:25px;
}
.wc-footer .whatsphone { color:#fff; }#paypal-column-block p{text-align:center}
.paypal-bold{font-weight:700}
.paypal-clear{clear:both}
#paypal-wrapper .half{width:44%}
#paypal-wrapper{font-size:1.1em;position:relative}
#paypal-wrapper ul li{text-align:left}
#paypal-wrapper hr{border-top:1px solid #ccc!important;margin-bottom:0;margin-top:20px}
#paypal-wrapper .toolbox{background:#fff2cf;border:1px solid #aaa;color:#000;display:none;font-size:10px;font-weight:400;left:730px;line-height:12px;padding:6px!important;position:absolute;text-transform:none;top:-10px!important;width:180px;z-index:100}
.paypal-disabled,.paypal-disabled *,.paypal-disabled * *,.paypal-disabled * * *{color:#888!important}
.paypal-disabled .paypal-button,.paypal-disabled input[type=submit]{background:#DDD!important;border:1px solid #999!important}
#paypal-wrapper .inline{display:inline;margin-right:5px}
#paypal-wrapper .box{margin:6px 1%;padding:12px;text-align:left}
#paypal-wrapper .box ul{list-style:none;margin:0;padding:0}
#paypal-wrapper .box ul.tick li{background:url(https://polseracatalana.cat/modules/paypal/views/css/../img/blue_tick.png) no-repeat left 3px;padding:4px 26px}
span.paypal-section{background:url(https://polseracatalana.cat/modules/paypal/views/css/../img/sprites.png) no-repeat 0 0;color:#FFF!important;float:left;height:24px;line-height:24px;margin-right:8px;text-align:center;width:24px}
.paypal-disabled span.paypal-section{background:url(https://polseracatalana.cat/modules/paypal/views/css/../img/sprites.png) 0 24px}
#paypal-slogan{font-size:1.8em;margin:0 0 5px;text-transform:uppercase}
#paypal-slogan .light{color:#369}
#paypal-slogan .dark{color:#036}
#paypal-call-button{margin:-6px 0 0;padding:0}
#paypal-call,#paypal-call-foonote,#test_ssl_submit{background:#e1e1e1 url(https://polseracatalana.cat/modules/paypal/views/css/../img/bg-call-button.png) repeat-x;border:1px solid #d2d2d2;border-left-color:#ddd;border-radius:5px;border-right-color:#ddd;border-top-color:#e9e9e9;color:#369;display:block;margin:0;padding:10px 20px;width:auto}
#paypal-call-foonote{background:none;border:none;font-size:.8em;max-width:320px;padding:2px 10px;text-align:justify}
#paypal-get-identification{display:block;min-width:378px;text-align:center}
#paypal-wrapper a,#paypal-test-mode-confirmation a{color:#036;text-decoration:underline}
#paypal-wrapper h1,#paypal-wrapper h2,#paypal-wrapper h3,#paypal-wrapper h4,#paypal-wrapper h5,#paypal-wrapper h6,#paypal-country-form h1, #paypal-test-mode-confirmation h1,#paypal-country-form h2, #paypal-test-mode-confirmation h2,#paypal-country-form h3, #paypal-test-mode-confirmation h3,#paypal-country-form h4, #paypal-test-mode-confirmation h4,#paypal-country-form h5, #paypal-test-mode-confirmation h5,#paypal-country-form h6, #paypal-test-mode-confirmation h6{color:#036;font-family:Arial, Verdana, Helvetica, sans-serif;font-weight:400;text-transform:uppercase}
#paypal-country-form h3, #paypal-test-mode-confirmation h3,#paypal-wrapper h3{font-size:1.4em;line-height:24px}
#paypal-country-form h4, #paypal-test-mode-confirmation h4,#paypal-wrapper h4{font-size:1.2em;margin-bottom:5px;text-transform:none}
#paypal-wrapper h1.inline + img,#paypal-wrapper h2.inline + img,#paypal-wrapper h3.inline + img,#paypal-wrapper h4.inline + img,#paypal-wrapper h5.inline + img,#paypal-wrapper h6.inline + img{vertical-align:-6px}
#paypal-wrapper p{margin-top:10px;padding-bottom:0}
#paypal-wrapper .form-block{margin-top:5px}
#paypal-wrapper .form-block input{vertical-align:top}
#paypal-wrapper dl dt{clear:both;line-height:20px;margin-bottom:2px;text-align:right;width:220px}
#paypal-wrapper dl dd{margin:0 0 16px 10px}
#paypal-wrapper label{display:inline-block;float:none;font-size:.9em;font-weight:400;margin-bottom:5px;padding-left:6px;padding-top:0;position:relative;text-align:left;width:auto}
#paypal-wrapper dl dt label{margin:0;padding:0}
#paypal-wrapper .description,#paypal-wrapper .paypal-signup-content{color:#666;font-size:.9em;font-weight:400;margin:2px 0;font-size:11px; font-style:italic;}
label span.description{display:block;padding-left:16px}
#paypal-wrapper input[type=submit],#paypal-country-form button, #paypal-test-mode-confirmation button,#paypal-wrapper .paypal-button{background:url(https://polseracatalana.cat/modules/paypal/views/css/../img/bg-button.png) repeat-x;border:1px solid #f29116;border-radius:4px;color:#292929;cursor:pointer;display:inline-block;font-weight:700;height:25px;line-height:26px;padding:0 10px;text-decoration:none;text-shadow:0 1px 1px #DDD;text-transform:uppercase}
#paypal-country-form ul, #paypal-test-mode-confirmation ul{font-size:1.1em;padding-left:10px}
#paypal-country-form button, #paypal-test-mode-confirmation button{line-height:20px}
#paypal-test-mode-confirmation{margin:30px;text-align:left;width:500px}
#paypal-country-form #buttons, paypal-test-mode-confirmation#buttons{margin-top:20px;text-align:right}
#paypal-test-mode-confirmation button + button{margin-left:20px;margin-right:20px}
#paypal-save-success,#paypal-save-failure{width:450px}
#container_express_checkout{margin:auto;text-align:left}
#payment_paypal_express_checkout{cursor:pointer}
.paypal_error span{color:red;font-weight:bolder}
.paypal_payment_acccepted span{color:green;font-weight:bolder}
#paypal_configuration > .box{margin-left:0;margin-right:0;padding-left:0;padding-right:0}
#paypal-wrapper .left,#paypal-wrapper dl > *{float:left}
#paypal-wrapper .right,.box ul.tick{float:right}
.paypal-hide{display:none}
#paypal-wrapper .merchant_id {
	margin-top: 0px;
}
#paypal-wrapper .merchant_id label {
	padding-left: 0px;
}

.inforeturn .alert {
  padding: 15px;
  margin-bottom: 18px;
  border: 1px solid transparent;
  border-radius: 0px; }
  .inforeturn .alert h4 {
    margin-top: 0;
    color: inherit; }
  .inforeturn .alert.alert-link {
    font-weight: bold; }
  .inforeturn .alert > p,
  .inforeturn .alert > ul {
    margin-bottom: 0; }
  .inforeturn .alert > p + p {
    margin-top: 5px; }

.inforeturn .alert-dismissable {
  padding-right: 35px; }
  .inforeturn .alert-dismissable.close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit; }

.inforeturn .alert-success {
  background-color: #55c65e;
  border-color: #48b151;
  color: #fff; }
  .inforeturn .alert-success hr {
    border-top-color: #419f49; }
  .inforeturn .alert-success.alert-link {
    color: #e6e6e6; }

.inforeturn .alert-info {
  background-color: #5192f3;
  border-color: #4b80c3;
  color: #fff; }
  .inforeturn .alert-info hr {
    border-top-color: #3d73b7; }
  .inforeturn .alert-info.alert-link {
    color: #e6e6e6; }

.inforeturn .alert-warning {
  background-color: #fe9126;
  border-color: #e4752b;
  color: #fff; }
  .inforeturn .alert-warning hr {
    border-top-color: #da681c; }
  .inforeturn .alert-warning.alert-link {
    color: #e6e6e6; }

.inforeturn .alert-danger {
  background-color: #f3515c;
  border-color: #d4323d;
  color: #fff; }
  .inforeturn .alert-danger hr {
    border-top-color: #c32933; }
  .inforeturn .alert-danger.alert-link {
    color: #e6e6e6; }

.braintree-row-payment {
  padding:5px 5px 5px 10px;
  border:solid 1px #d6d4d4;
  border-radius: 4px;
  margin:0 0 10px 0;
}

.braintree-row-payment .block_field{
  width: 46%;
  display: block;
  margin-top: 10px;
  margin-right:1%;
  float: left;
}

.braintree-row-payment .block_field.half_block_field{
    width:20%;
    margin-right:1%;
}


.braintree-row-payment label{
  float: left;
  margin: 9px 20px 0 0;
  display:block;
  width: 200px;
  /*text-align:right;*/
}

.braintree-row-payment .half_block_field .hosted_field {
    width:100%;
}

.braintree-row-payment .hosted_field {
  /*width: 250px;*/
  height: 34px;
  padding: 6px 12px 6px 12px;
  border: 1px solid #cccccc;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
  box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  float:left;
}

.braintree-row-payment .braintree-hosted-fields-focused
{
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.braintree-row-payment #braintree_submit{
     margin-top: 20px; 
    color: #fff;
    background-color: #337ab7;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid #2e6da4;
    border-radius: 4px;
    width: 250px;
    clear: both;
}
.paypal_clear{
    clear:both;
}

.braintree_logo{
    vertical-align: bottom;
}

.braintree_title_bo{
    color:#000;
}

.braintree_error{
    background-color: #F11;
    color: white;
    padding: 5px;
    opacity: 0.5;
    border: solid 3px red;
}

#paypal-wrapper .bo_paypal_help{
    border-radius:50%;
    border: 2px solid #036;
    width: 21px;
    display: inline-block;
    height: 21px;
    font-size: 17px;
    text-decoration: none;
    text-align: center;
}

#paypal-wrapper .braintree_link{
    text-decoration: none;
}

.paypal_title_pay_card{
    font-size:17px;
    color:#333;
}

#error_version_php {
    margin-left : 23px;
}/**
* Cash On Delivery With Fee
*
* NOTICE OF LICENSE
*
* This product is licensed for one customer to use on one installation (test stores and multishop included).
* Site developer has the right to modify this module to suit their needs, but can not redistribute the module in
* whole or in part. Any other use of this module constitues a violation of the user agreement.
*
* DISCLAIMER
*
* NO WARRANTIES OF DATA SAFETY OR MODULE SECURITY
* ARE EXPRESSED OR IMPLIED. USE THIS MODULE IN ACCORDANCE
* WITH YOUR MERCHANT AGREEMENT, KNOWING THAT VIOLATIONS OF
* PCI COMPLIANCY OR A DATA BREACH CAN COST THOUSANDS OF DOLLARS
* IN FINES AND DAMAGE A STORES REPUTATION. USE AT YOUR OWN RISK.
*
*  @author    idnovate
*  @version   2.0.0
*  @copyright 2016 idnovate
*  @license   See above
*/
#module-codfee-codfee_payment #left_column {display:none}
#module-codfee-payment #left_column {display:none}
.codfee_show_product {
    border: solid 1px #d6d4d4;
    padding: 10px;
    margin-bottom: 20px;
    background: #fbfbfb;
    clear: both;
}
.codfee_show_product17 {
    padding: 10px!important;
}
.codfee_show_product img{
    float: left;
    max-width: 40px;
    margin-right: 6px;
}
.codfee_show_product17 img{
    float: none;
    max-width: 60px;
    margin-right: 6px;
}
.codfee_show_product_text {
    font-weight: bold;
}
.codfee_show_product_text17 {

}
.codfee_show_product_text:after {
    clear: both;
    float: none;
    content: '';
    display: block;
}