meta.foundation-version {
  font-family: "/5.4.7/"; }

meta.foundation-mq-small {
  font-family: "/only screen/";
  width: 0em; }

meta.foundation-mq-medium {
  font-family: "/only screen and (min-width:40.063em)/";
  width: 40.063em; }

meta.foundation-mq-large {
  font-family: "/only screen and (min-width:64.063em)/";
  width: 64.063em; }

meta.foundation-mq-xlarge {
  font-family: "/only screen and (min-width:90.063em)/";
  width: 90.063em; }

meta.foundation-mq-xxlarge {
  font-family: "/only screen and (min-width:120.063em)/";
  width: 120.063em; }

meta.foundation-data-attribute-namespace {
  font-family: false; }

html, body {
  height: 100%; 
}

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

html,
body {
  font-size: 100%; }

body, body p, body b, body i, body h1, body h2, body h3, body h4, body h5, body h6, body h7, body div, body span, body a, body ul, body li{
  font-family: Lato;
}

body {
  background: white;
  color: #222222;
  padding: 0;
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1.5;
  position: relative;
  cursor: auto; }

a:hover {
  cursor: pointer; }

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

img {
  -ms-interpolation-mode: bicubic; }

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object {
  max-width: none !important; }

.left {
  float: left !important; }

.right {
  float: right !important; }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }
.clearfix:after {
  clear: both; }

.hide {
  display: none !important;
  visibility: hidden; }

.invisible {
  visibility: hidden; }

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

img {
  display: inline-block;
  vertical-align: middle; }

textarea {
  height: auto;
  min-height: 50px; }

select {
  width: 100%; }

.row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
 /* max-width: 62.5em; */}
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }
  .row.collapse > .column,
  .row.collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row .row {
    width: auto;
    margin-left: -0.9375em;
    margin-right: -0.9375em;
    margin-top: 0;
    margin-bottom: 0;
    max-width: none; }
    .row .row:before, .row .row:after {
      content: " ";
      display: table; }
    .row .row:after {
      clear: both; }
    .row .row.collapse {
      width: auto;
      margin: 0;
      max-width: none; }
      .row .row.collapse:before, .row .row.collapse:after {
        content: " ";
        display: table; }
      .row .row.collapse:after {
        clear: both; }

.column,
.columns {
  padding-left: 0.9375em;
  padding-right: 0.9375em;
  width: 100%;
  float: left; }

[class*="column"] + [class*="column"]:last-child {
  float: right; }

[class*="column"] + [class*="column"].end {
  float: left; }

@media only screen {
  .small-push-0 {
    position: relative;
    left: 0%;
    right: auto; }

  .small-pull-0 {
    position: relative;
    right: 0%;
    left: auto; }

  .small-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }

  .small-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }

  .small-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }

  .small-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }

  .small-push-3 {
    position: relative;
    left: 25%;
    right: auto; }

  .small-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }

  .small-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }

  .small-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }

  .small-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }

  .small-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }

  .small-push-6 {
    position: relative;
    left: 50%;
    right: auto; }

  .small-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }

  .small-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }

  .small-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }

  .small-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }

  .small-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }

  .small-push-9 {
    position: relative;
    left: 75%;
    right: auto; }

  .small-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }

  .small-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }

  .small-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }

  .small-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }

  .small-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }

  .column,
  .columns {
    position: relative;
    padding-left: 0.9375em;
    padding-right: 0.9375em;
    float: left; }

  .small-1 {
    width: 8.33333%; }

  .small-2 {
    width: 16.66667%; }

  .small-3 {
    width: 25%; }

  .small-4 {
    width: 33.33333%; }

  .small-5 {
    width: 41.66667%; }

  .small-6 {
    width: 50%; }

  .small-7 {
    width: 58.33333%; }

  .small-8 {
    width: 66.66667%; }

  .small-9 {
    width: 75%; }

  .small-10 {
    width: 83.33333%; }

  .small-11 {
    width: 91.66667%; }

  .small-12 {
    width: 100%; }

  .small-offset-0 {
    margin-left: 0% !important; }

  .small-offset-1 {
    margin-left: 8.33333% !important; }

  .small-offset-2 {
    margin-left: 16.66667% !important; }

  .small-offset-3 {
    margin-left: 25% !important; }

  .small-offset-4 {
    margin-left: 33.33333% !important; }

  .small-offset-5 {
    margin-left: 41.66667% !important; }

  .small-offset-6 {
    margin-left: 50% !important; }

  .small-offset-7 {
    margin-left: 58.33333% !important; }

  .small-offset-8 {
    margin-left: 66.66667% !important; }

  .small-offset-9 {
    margin-left: 75% !important; }

  .small-offset-10 {
    margin-left: 83.33333% !important; }

  .small-offset-11 {
    margin-left: 91.66667% !important; }

  .small-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left; }

  .column.small-centered,
  .columns.small-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }

  .column.small-uncentered,
  .columns.small-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left; }

  .column.small-centered:last-child,
  .columns.small-centered:last-child {
    float: none; }

  .column.small-uncentered:last-child,
  .columns.small-uncentered:last-child {
    float: left; }

  .column.small-uncentered.opposite,
  .columns.small-uncentered.opposite {
    float: right; } }
@media only screen and (min-width: 40.063em) {
  .medium-push-0 {
    position: relative;
    left: 0%;
    right: auto; }

  .medium-pull-0 {
    position: relative;
    right: 0%;
    left: auto; }

  .medium-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }

  .medium-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }

  .medium-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }

  .medium-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }

  .medium-push-3 {
    position: relative;
    left: 25%;
    right: auto; }

  .medium-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }

  .medium-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }

  .medium-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }

  .medium-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }

  .medium-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }

  .medium-push-6 {
    position: relative;
    left: 50%;
    right: auto; }

  .medium-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }

  .medium-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }

  .medium-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }

  .medium-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }

  .medium-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }

  .medium-push-9 {
    position: relative;
    left: 75%;
    right: auto; }

  .medium-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }

  .medium-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }

  .medium-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }

  .medium-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }

  .medium-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }

  .column,
  .columns {
    position: relative;
    padding-left: 0.9375em;
    padding-right: 0.9375em;
    float: left; }

  .medium-1 {
    width: 8.33333%; }

  .medium-2 {
    width: 16.66667%; }

  .medium-3 {
    width: 25%; }

  .medium-4 {
    width: 33.33333%; }

  .medium-5 {
    width: 41.66667%; }

  .medium-6 {
    width: 50%; }

  .medium-7 {
    width: 58.33333%; }

  .medium-8 {
    width: 66.66667%; }

  .medium-9 {
    width: 75%; }

  .medium-10 {
    width: 83.33333%; }

  .medium-11 {
    width: 91.66667%; }

  .medium-12 {
    width: 100%; }

  .medium-offset-0 {
    margin-left: 0% !important; }

  .medium-offset-1 {
    margin-left: 8.33333% !important; }

  .medium-offset-2 {
    margin-left: 16.66667% !important; }

  .medium-offset-3 {
    margin-left: 25% !important; }

  .medium-offset-4 {
    margin-left: 33.33333% !important; }

  .medium-offset-5 {
    margin-left: 41.66667% !important; }

  .medium-offset-6 {
    margin-left: 50% !important; }

  .medium-offset-7 {
    margin-left: 58.33333% !important; }

  .medium-offset-8 {
    margin-left: 66.66667% !important; }

  .medium-offset-9 {
    margin-left: 75% !important; }

  .medium-offset-10 {
    margin-left: 83.33333% !important; }

  .medium-offset-11 {
    margin-left: 91.66667% !important; }

  .medium-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left; }

  .column.medium-centered,
  .columns.medium-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }

  .column.medium-uncentered,
  .columns.medium-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left; }

  .column.medium-centered:last-child,
  .columns.medium-centered:last-child {
    float: none; }

  .column.medium-uncentered:last-child,
  .columns.medium-uncentered:last-child {
    float: left; }

  .column.medium-uncentered.opposite,
  .columns.medium-uncentered.opposite {
    float: right; }

  .push-0 {
    position: relative;
    left: 0%;
    right: auto; }

  .pull-0 {
    position: relative;
    right: 0%;
    left: auto; }

  .push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }

  .pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }

  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }

  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }

  .push-3 {
    position: relative;
    left: 25%;
    right: auto; }

  .pull-3 {
    position: relative;
    right: 25%;
    left: auto; }

  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }

  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }

  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }

  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }

  .push-6 {
    position: relative;
    left: 50%;
    right: auto; }

  .pull-6 {
    position: relative;
    right: 50%;
    left: auto; }

  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }

  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }

  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }

  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }

  .push-9 {
    position: relative;
    left: 75%;
    right: auto; }

  .pull-9 {
    position: relative;
    right: 75%;
    left: auto; }

  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }

  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }

  .push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }

  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; } }
@media only screen and (min-width: 64.063em) {
  .large-push-0 {
    position: relative;
    left: 0%;
    right: auto; }

  .large-pull-0 {
    position: relative;
    right: 0%;
    left: auto; }

  .large-push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }

  .large-pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }

  .large-push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }

  .large-pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }

  .large-push-3 {
    position: relative;
    left: 25%;
    right: auto; }

  .large-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }

  .large-push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }

  .large-pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }

  .large-push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }

  .large-pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }

  .large-push-6 {
    position: relative;
    left: 50%;
    right: auto; }

  .large-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }

  .large-push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }

  .large-pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }

  .large-push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }

  .large-pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }

  .large-push-9 {
    position: relative;
    left: 75%;
    right: auto; }

  .large-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }

  .large-push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }

  .large-pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }

  .large-push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }

  .large-pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; }

  .column,
  .columns {
    position: relative;
    padding-left: 0.9375em;
    padding-right: 0.9375em;
    float: left; }

  .large-1 {
    width: 8.33333%; }

  .large-2 {
    width: 16.66667%; }

  .large-3 {
    width: 25%; }

  .large-4 {
    width: 33.33333%; }

  .large-5 {
    width: 41.66667%; }

  .large-6 {
    width: 50%; }

  .large-7 {
    width: 58.33333%; }

  .large-8 {
    width: 66.66667%; }

  .large-9 {
    width: 100%; }

  .large-10 {
    width: 83.33333%; }

  .large-11 {
    width: 91.66667%; }

  .large-12 {
    width: 100%; }

  .large-offset-0 {
    margin-left: 0% !important; }

  .large-offset-1 {
    margin-left: 8.33333% !important; }

  .large-offset-2 {
    margin-left: 16.66667% !important; }

  .large-offset-3 {
    margin-left: 25% !important; }

  .large-offset-4 {
    margin-left: 33.33333% !important; }

  .large-offset-5 {
    margin-left: 41.66667% !important; }

  .large-offset-6 {
    margin-left: 50% !important; }

  .large-offset-7 {
    margin-left: 58.33333% !important; }

  .large-offset-8 {
    margin-left: 66.66667% !important; }

  .large-offset-9 {
    margin-left: 75% !important; }

  .large-offset-10 {
    margin-left: 83.33333% !important; }

  .large-offset-11 {
    margin-left: 91.66667% !important; }

  .large-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left; }

  .column.large-centered,
  .columns.large-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }

  .column.large-uncentered,
  .columns.large-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left; }

  .column.large-centered:last-child,
  .columns.large-centered:last-child {
    float: none; }

  .column.large-uncentered:last-child,
  .columns.large-uncentered:last-child {
    float: left; }

  .column.large-uncentered.opposite,
  .columns.large-uncentered.opposite {
    float: right; }

  .push-0 {
    position: relative;
    left: 0%;
    right: auto; }

  .pull-0 {
    position: relative;
    right: 0%;
    left: auto; }

  .push-1 {
    position: relative;
    left: 8.33333%;
    right: auto; }

  .pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto; }

  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto; }

  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto; }

  .push-3 {
    position: relative;
    left: 25%;
    right: auto; }

  .pull-3 {
    position: relative;
    right: 25%;
    left: auto; }

  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto; }

  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto; }

  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto; }

  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto; }

  .push-6 {
    position: relative;
    left: 50%;
    right: auto; }

  .pull-6 {
    position: relative;
    right: 50%;
    left: auto; }

  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto; }

  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto; }

  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto; }

  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto; }

  .push-9 {
    position: relative;
    left: 75%;
    right: auto; }

  .pull-9 {
    position: relative;
    right: 75%;
    left: auto; }

  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto; }

  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto; }

  .push-11 {
    position: relative;
    left: 91.66667%;
    right: auto; }

  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto; } }
button, .button {
  border-style: solid;
  border-width: 0px;
  cursor: pointer;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  line-height: normal;
  margin: 0 0 1.25rem;
  position: relative;
  text-decoration: none;
  text-align: center;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  display: inline-block;
  padding-top: 1rem;
  padding-right: 2rem;
  padding-bottom: 1.0625rem;
  padding-left: 2rem;
  font-size: 1rem;
  background-color: #2ba6cb;
  border-color: #2285a2;
  color: white;
  transition: background-color 300ms ease-out; }
  button:hover, button:focus, .button:hover, .button:focus {
    background-color: #2285a2; }
  button:hover, button:focus, .button:hover, .button:focus {
    color: white; }
  button.secondary, .button.secondary {
    background-color: #e9e9e9;
    border-color: #bababa;
    color: #333333; }
    button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
      background-color: #bababa; }
    button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
      color: #333333; }
  button.success, .button.success {
    background-color: #5da423;
    border-color: #4a831c;
    color: white; }
    button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
      background-color: #4a831c; }
    button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
      color: white; }
  button.alert, .button.alert {
    background-color: #c60f13;
    background-color: #0bcdf0;
    border-color: #9e0c0f;
    color: white; }
    button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
      background-color: #9e0c0f;
      background-color: #3c98be;
       }
    button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
      color: white; }
  button.warning, .button.warning {
    background-color: #f08a24;
    border-color: #cf6e0e;
    color: white; }
    button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus {
      background-color: #cf6e0e; }
    button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus {
      color: white; }
  button.info, .button.info {
    background-color: #a0d3e8;
    border-color: #61b6d9;
    color: #333333; }
    button.info:hover, button.info:focus, .button.info:hover, .button.info:focus {
      background-color: #61b6d9; }
    button.info:hover, button.info:focus, .button.info:hover, .button.info:focus {
      color: white; }
  button.large, .button.large {
    padding-top: 1.125rem;
    padding-right: 2.25rem;
    padding-bottom: 1.1875rem;
    padding-left: 2.25rem;
    font-size: 1.25rem; }
  button.small, .button.small {
    padding-top: 0.875rem;
    padding-right: 1.75rem;
    padding-bottom: 0.9375rem;
    padding-left: 1.75rem;
    font-size: 0.8125rem; }
  button.tiny, .button.tiny {
    padding-top: 0.625rem;
    padding-right: 1.25rem;
    padding-bottom: 0.6875rem;
    padding-left: 1.25rem;
    font-size: 0.6875rem; }
  button.expand, .button.expand {
    padding-right: 0;
    padding-left: 0;
    width: 100%; }
  button.left-align, .button.left-align {
    text-align: left;
    text-indent: 0.75rem; }
  button.right-align, .button.right-align {
    text-align: right;
    padding-right: 0.75rem; }
  button.radius, .button.radius {
    border-radius: 3px; }
  button.round, .button.round {
    border-radius: 1000px; }
  button.disabled, button[disabled], .button.disabled, .button[disabled] {
    background-color: #2ba6cb;
    border-color: #2285a2;
    color: white;
    cursor: default;
    opacity: 0.7;
    box-shadow: none; }
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
      background-color: #2285a2; }
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
      color: white; }
    button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
      background-color: #2ba6cb; }
    button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {
      background-color: #e9e9e9;
      border-color: #bababa;
      color: #333333;
      cursor: default;
      opacity: 0.7;
      box-shadow: none; }
      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        background-color: #bababa; }
      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        color: #333333; }
      button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
        background-color: #e9e9e9; }
    button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {
      background-color: #5da423;
      border-color: #4a831c;
      color: white;
      cursor: default;
      opacity: 0.7;
      box-shadow: none; }
      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
        background-color: #4a831c; }
      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
        color: white; }
      button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
        background-color: #5da423; }
    button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {
      background-color: #c60f13;
      border-color: #9e0c0f;
      color: white;
      cursor: default;
      opacity: 0.7;
      box-shadow: none; }
      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
        background-color: #9e0c0f; }
      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
        color: white; }
      button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
        background-color: #c60f13; }
    button.disabled.warning, button[disabled].warning, .button.disabled.warning, .button[disabled].warning {
      background-color: #f08a24;
      border-color: #cf6e0e;
      color: white;
      cursor: default;
      opacity: 0.7;
      box-shadow: none; }
      button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
        background-color: #cf6e0e; }
      button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
        color: white; }
      button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus {
        background-color: #f08a24; }
    button.disabled.info, button[disabled].info, .button.disabled.info, .button[disabled].info {
      background-color: #a0d3e8;
      border-color: #61b6d9;
      color: #333333;
      cursor: default;
      opacity: 0.7;
      box-shadow: none; }
      button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
        background-color: #61b6d9; }
      button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
        color: white; }
      button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus {
        background-color: #a0d3e8; }

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

@media only screen and (min-width: 40.063em) {
  button, .button {
    display: inline-block; } }
/* Standard Forms */
form {
  margin: 0 0 1rem; }

/* Using forms within rows, we need to set some defaults */
form .row .row {
  margin: 0 -0.5rem; }
  form .row .row .column,
  form .row .row .columns {
    padding: 0 0.5rem; }
  form .row .row.collapse {
    margin: 0; }
    form .row .row.collapse .column,
    form .row .row.collapse .columns {
      padding: 0; }
    form .row .row.collapse input {
      -webkit-border-bottom-right-radius: 0;
      -webkit-border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      border-top-right-radius: 0; }
form .row input.column,
form .row input.columns,
form .row textarea.column,
form .row textarea.columns {
  padding-left: 0.5rem; }

/* Label Styles */
label {
  font-size: 0.875rem;
  color: #4d4d4d;
  cursor: pointer;
  display: block;
  font-weight: normal;
  line-height: 1.5;
  margin-bottom: 0;
  /* Styles for required inputs */ }
  label.right {
    float: none !important;
    text-align: right; }
  label.inline {
    margin: 0 0 1rem 0;
    padding: 0.5625rem 0; }
  label small {
    text-transform: capitalize;
    color: #676767; }

/* Attach elements to the beginning or end of an input */
.prefix,
.postfix {
  display: block;
  position: relative;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  border-style: solid;
  border-width: 1px;
  overflow: hidden;
  font-size: 0.875rem;
  height: 2.3125rem;
  line-height: 2.3125rem; }

/* Adjust padding, alignment and radius if pre/post element is a button */
.postfix.button {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  line-height: 2.125rem;
  border: none; }

.prefix.button {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  line-height: 2.125rem;
  border: none; }

.prefix.button.radius {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

.postfix.button.radius {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }

.prefix.button.round {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px; }

.postfix.button.round {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px; }

/* Separate prefix and postfix styles when on span or label so buttons keep their own */
span.prefix, label.prefix {
  background: #f2f2f2;
  border-right: none;
  color: #333333;
  border-color: #cccccc; }

span.postfix, label.postfix {
  background: #f2f2f2;
  border-left: none;
  color: #333333;
  border-color: #cccccc; }

/* We use this to get basic styling on all basic form elements */
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  background-color: white;
  font-family: inherit;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-size: 0.875rem;
  margin: 0 0 1rem 0;
  padding: 0.5rem;
  height: 2.3125rem;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  transition: box-shadow 0.45s, border-color 0.45s ease-in-out; }
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="date"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="email"]:focus,
  input[type="number"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="time"]:focus,
  input[type="url"]:focus,
  input[type="color"]:focus,
  textarea:focus {
    box-shadow: 0 0 5px #999999;
    border-color: #999999; }
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="date"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="email"]:focus,
  input[type="number"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="time"]:focus,
  input[type="url"]:focus,
  input[type="color"]:focus,
  textarea:focus {
    background: #fafafa;
    border-color: #999999;
    outline: none; }
  input[type="text"]:disabled,
  input[type="password"]:disabled,
  input[type="date"]:disabled,
  input[type="datetime"]:disabled,
  input[type="datetime-local"]:disabled,
  input[type="month"]:disabled,
  input[type="week"]:disabled,
  input[type="email"]:disabled,
  input[type="number"]:disabled,
  input[type="search"]:disabled,
  input[type="tel"]:disabled,
  input[type="time"]:disabled,
  input[type="url"]:disabled,
  input[type="color"]:disabled,
  textarea:disabled {
    background-color: #dddddd;
    cursor: default; }
  input[type="text"][disabled], input[type="text"][readonly], fieldset[disabled] input[type="text"],
  input[type="password"][disabled],
  input[type="password"][readonly], fieldset[disabled]
  input[type="password"],
  input[type="date"][disabled],
  input[type="date"][readonly], fieldset[disabled]
  input[type="date"],
  input[type="datetime"][disabled],
  input[type="datetime"][readonly], fieldset[disabled]
  input[type="datetime"],
  input[type="datetime-local"][disabled],
  input[type="datetime-local"][readonly], fieldset[disabled]
  input[type="datetime-local"],
  input[type="month"][disabled],
  input[type="month"][readonly], fieldset[disabled]
  input[type="month"],
  input[type="week"][disabled],
  input[type="week"][readonly], fieldset[disabled]
  input[type="week"],
  input[type="email"][disabled],
  input[type="email"][readonly], fieldset[disabled]
  input[type="email"],
  input[type="number"][disabled],
  input[type="number"][readonly], fieldset[disabled]
  input[type="number"],
  input[type="search"][disabled],
  input[type="search"][readonly], fieldset[disabled]
  input[type="search"],
  input[type="tel"][disabled],
  input[type="tel"][readonly], fieldset[disabled]
  input[type="tel"],
  input[type="time"][disabled],
  input[type="time"][readonly], fieldset[disabled]
  input[type="time"],
  input[type="url"][disabled],
  input[type="url"][readonly], fieldset[disabled]
  input[type="url"],
  input[type="color"][disabled],
  input[type="color"][readonly], fieldset[disabled]
  input[type="color"],
  textarea[disabled],
  textarea[readonly], fieldset[disabled]
  textarea {
    background-color: #dddddd;
    cursor: default; }
  input[type="text"].radius,
  input[type="password"].radius,
  input[type="date"].radius,
  input[type="datetime"].radius,
  input[type="datetime-local"].radius,
  input[type="month"].radius,
  input[type="week"].radius,
  input[type="email"].radius,
  input[type="number"].radius,
  input[type="search"].radius,
  input[type="tel"].radius,
  input[type="time"].radius,
  input[type="url"].radius,
  input[type="color"].radius,
  textarea.radius {
    border-radius: 3px; }

form .row .prefix-radius.row.collapse input,
form .row .prefix-radius.row.collapse textarea,
form .row .prefix-radius.row.collapse select {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }
form .row .prefix-radius.row.collapse .prefix {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }
form .row .postfix-radius.row.collapse input,
form .row .postfix-radius.row.collapse textarea,
form .row .postfix-radius.row.collapse select {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }
form .row .postfix-radius.row.collapse .postfix {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }
form .row .prefix-round.row.collapse input,
form .row .prefix-round.row.collapse textarea,
form .row .prefix-round.row.collapse select {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px; }
form .row .prefix-round.row.collapse .prefix {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px; }
form .row .postfix-round.row.collapse input,
form .row .postfix-round.row.collapse textarea,
form .row .postfix-round.row.collapse select {
  border-radius: 0;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px; }
form .row .postfix-round.row.collapse .postfix {
  border-radius: 0;
  -webkit-border-bottom-right-radius: 1000px;
  -webkit-border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px; }

input[type="submit"] {
  -webkit-appearance: none;
  -webkit-border-radius: 0px; }

/* Respect enforced amount of rows for textarea */
textarea[rows] {
  height: auto; }

/* Not allow resize out of parent */
textarea {
  max-width: 100%; }

/* Add height value for select elements to match text input height */
select {
  -webkit-appearance: none !important;
  -webkit-border-radius: 0px;
  background-color: #fafafa;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+);
  background-position: 100% center;
  background-repeat: no-repeat;
  border-style: solid;
  border-width: 1px;
  border-color: #cccccc;
  padding: 0.5rem;
  font-size: 0.875rem;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  color: rgba(0, 0, 0, 0.75);
  line-height: normal;
  border-radius: 0;
  height: 2.3125rem; }
  select::-ms-expand {
    display: none; }
  select.radius {
    border-radius: 3px; }
  select:hover {
    background-color: #f3f3f3;
    border-color: #999999; }
  select:disabled {
    background-color: #dddddd;
    cursor: default; }

/* Adjust margin for form elements below */
input[type="file"],
input[type="checkbox"],
input[type="radio"],
select {
  margin: 0 0 1rem 0; }

input[type="checkbox"] + label,
input[type="radio"] + label {
  display: inline-block;
  margin-left: 0.5rem;
  margin-right: 1rem;
  margin-bottom: 0;
  vertical-align: baseline; }

/* Normalize file input width */
input[type="file"] {
  width: 100%; }

/* HTML5 Number spinners settings */
/* We add basic fieldset styling */
fieldset {
  border: 1px solid #dddddd;
  padding: 1.25rem;
  margin: 1.125rem 0; }
  fieldset legend {
    font-weight: bold;
    background: white;
    padding: 0 0.1875rem;
    margin: 0;
    margin-left: -0.1875rem; }

/* Error Handling */
[data-abide] .error small.error, [data-abide] .error span.error, [data-abide] span.error, [data-abide] small.error {
  display: block;
  padding: 0.375rem 0.5625rem 0.5625rem;
  margin-top: -1px;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: normal;
  font-style: italic;
  background: #c60f13;
  color: white; }
[data-abide] span.error, [data-abide] small.error {
  display: none; }

span.error, small.error {
  display: block;
  padding: 0.375rem 0.5625rem 0.5625rem;
  margin-top: -1px;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: normal;
  font-style: italic;
  background: #c60f13;
  color: white; }

.error input,
.error textarea,
.error select {
  margin-bottom: 0; }
.error input[type="checkbox"],
.error input[type="radio"] {
  margin-bottom: 1rem; }
.error label,
.error label.error {
  color: #c60f13; }
.error small.error {
  display: block;
  padding: 0.375rem 0.5625rem 0.5625rem;
  margin-top: -1px;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: normal;
  font-style: italic;
  background: #c60f13;
  color: white; }
.error > label > small {
  color: #676767;
  background: transparent;
  padding: 0;
  text-transform: capitalize;
  font-style: normal;
  font-size: 60%;
  margin: 0;
  display: inline; }
.error span.error-message {
  display: block; }

input.error,
textarea.error,
select.error {
  margin-bottom: 0; }

label.error {
  color: #c60f13; }

meta.foundation-mq-topbar {
  font-family: "/only screen and (min-width:40.063em)/";
  width: 58.75em; }

/* Wrapped around .top-bar to contain to grid width */
.contain-to-grid {
  width: 100%;
  background: #333333; }
  .contain-to-grid .top-bar {
    margin-bottom: 0; }

.fixed {
  width: 100%;
  left: 0;
  position: fixed;
  top: 0;
  z-index: 99; }
  .fixed.expanded:not(.top-bar) {
    overflow-y: auto;
    height: auto;
    width: 100%;
    max-height: 100%; }
    .fixed.expanded:not(.top-bar) .title-area {
      position: fixed;
      width: 100%;
      z-index: 99; }
    .fixed.expanded:not(.top-bar) .top-bar-section {
      z-index: 98;
      margin-top: 45px; }

.top-bar {
  overflow: hidden;
  height: 45px;
  line-height: 45px;
  position: relative;
  background: #333333;
  margin-bottom: 0; }
  .top-bar ul {
    margin-bottom: 0;
    list-style: none; }
  .top-bar .row {
    max-width: none; }
  .top-bar form,
  .top-bar input {
    margin-bottom: 0; }
  .top-bar input {
    height: 1.8rem;
    padding-top: .35rem;
    padding-bottom: .35rem;
    font-size: 0.75rem; }
  .top-bar .button, .top-bar button {
    padding-top: 0.4125rem;
    padding-bottom: 0.4125rem;
    margin-bottom: 0;
    font-size: 0.75rem; }
    @media only screen and (max-width: 40em) {
      .top-bar .button, .top-bar button {
        position: relative;
        top: -1px; } }
  .top-bar .title-area {
    position: relative;
    margin: 0; }
  .top-bar .name {
    height: 45px;
    margin: 0;
    font-size: 16px; }
    .top-bar .name h1 {
      line-height: 45px;
      font-size: 1.0625rem;
      margin: 0; }
      .top-bar .name h1 a {
        font-weight: normal;
        color: white;
        width: 75%;
        display: block;
        padding: 0 15px; }
  .top-bar .toggle-topbar {
    position: absolute;
    right: 0;
    top: 0; }
    .top-bar .toggle-topbar a {
      color: white;
      text-transform: uppercase;
      font-size: 0.8125rem;
      font-weight: bold;
      position: relative;
      display: block;
      padding: 0 15px;
      height: 45px;
      line-height: 45px; }
    .top-bar .toggle-topbar.menu-icon {
      top: 50%;
      margin-top: -16px; }
      .top-bar .toggle-topbar.menu-icon a {
        height: 34px;
        line-height: 33px;
        padding: 0 40px 0 15px;
        color: white;
        position: relative; }
        .top-bar .toggle-topbar.menu-icon a span::after {
          content: "";
          position: absolute;
          display: block;
          height: 0;
          top: 50%;
          margin-top: -8px;
          right: 15px;
          box-shadow: 0 0px 0 1px white, 0 7px 0 1px white, 0 14px 0 1px white;
          width: 16px; }
        .top-bar .toggle-topbar.menu-icon a span:hover:after {
          box-shadow: 0 0px 0 1px "", 0 7px 0 1px "", 0 14px 0 1px ""; }
  .top-bar.expanded {
    height: auto;
    background: transparent; }
    .top-bar.expanded .title-area {
      background: #333333; }
    .top-bar.expanded .toggle-topbar a {
      color: #888888; }
      .top-bar.expanded .toggle-topbar a span::after {
        box-shadow: 0 0px 0 1px #888888, 0 7px 0 1px #888888, 0 14px 0 1px #888888; }

.top-bar-section {
  left: 0;
  position: relative;
  width: auto;
  transition: left 300ms ease-out; }
  .top-bar-section ul {
    padding: 0;
    width: 100%;
    height: auto;
    display: block;
    font-size: 16px;
    margin: 0; }
  .top-bar-section .divider,
  .top-bar-section [role="separator"] {
    border-top: solid 1px #1a1a1a;
    clear: both;
    height: 1px;
    width: 100%; }
  .top-bar-section ul li {
    background: #333333; }
    .top-bar-section ul li > a {
      display: block;
      width: 100%;
      color: white;
      padding: 12px 0 12px 0;
      padding-left: 15px;
      font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
      font-size: 0.8125rem;
      font-weight: normal;
      text-transform: none; }
      .top-bar-section ul li > a.button {
        font-size: 0.8125rem;
        padding-right: 15px;
        padding-left: 15px;
        background-color: #2ba6cb;
        border-color: #2285a2;
        color: white; }
        .top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus {
          background-color: #2285a2; }
        .top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus {
          color: white; }
      .top-bar-section ul li > a.button.secondary {
        background-color: #e9e9e9;
        border-color: #bababa;
        color: #333333; }
        .top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus {
          background-color: #bababa; }
        .top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus {
          color: #333333; }
      .top-bar-section ul li > a.button.success {
        background-color: #5da423;
        border-color: #4a831c;
        color: white; }
        .top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus {
          background-color: #4a831c; }
        .top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus {
          color: white; }
      .top-bar-section ul li > a.button.alert {
        background-color: #c60f13;
        border-color: #9e0c0f;
        color: white; }
        .top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus {
          background-color: #9e0c0f; }
        .top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus {
          color: white; }
      .top-bar-section ul li > a.button.warning {
        background-color: #f08a24;
        border-color: #cf6e0e;
        color: white; }
        .top-bar-section ul li > a.button.warning:hover, .top-bar-section ul li > a.button.warning:focus {
          background-color: #cf6e0e; }
        .top-bar-section ul li > a.button.warning:hover, .top-bar-section ul li > a.button.warning:focus {
          color: white; }
    .top-bar-section ul li > button {
      font-size: 0.8125rem;
      padding-right: 15px;
      padding-left: 15px;
      background-color: #2ba6cb;
      border-color: #2285a2;
      color: white; }
      .top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {
        background-color: #2285a2; }
      .top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {
        color: white; }
      .top-bar-section ul li > button.secondary {
        background-color: #e9e9e9;
        border-color: #bababa;
        color: #333333; }
        .top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus {
          background-color: #bababa; }
        .top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus {
          color: #333333; }
      .top-bar-section ul li > button.success {
        background-color: #5da423;
        border-color: #4a831c;
        color: white; }
        .top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus {
          background-color: #4a831c; }
        .top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus {
          color: white; }
      .top-bar-section ul li > button.alert {
        background-color: #c60f13;
        border-color: #9e0c0f;
        color: white; }
        .top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus {
          background-color: #9e0c0f; }
        .top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus {
          color: white; }
      .top-bar-section ul li > button.warning {
        background-color: #f08a24;
        border-color: #cf6e0e;
        color: white; }
        .top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus {
          background-color: #cf6e0e; }
        .top-bar-section ul li > button.warning:hover, .top-bar-section ul li > button.warning:focus {
          color: white; }
    .top-bar-section ul li:hover:not(.has-form) > a {
      background-color: #555555;
      background: #272727;
      color: white; }
    .top-bar-section ul li.active > a {
      background: #2ba6cb;
      color: white; }
      .top-bar-section ul li.active > a:hover {
        background: #258faf;
        color: white; }
  .top-bar-section .has-form {
    padding: 15px; }
  .top-bar-section .has-dropdown {
    position: relative; }
    .top-bar-section .has-dropdown > a:after {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border: inset 5px;
      border-color: transparent transparent transparent rgba(255, 255, 255, 0.4);
      border-left-style: solid;
      margin-right: 15px;
      margin-top: -4.5px;
      position: absolute;
      top: 50%;
      right: 0; }
    .top-bar-section .has-dropdown.moved {
      position: static; }
      .top-bar-section .has-dropdown.moved > .dropdown {
        display: block;
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
        position: absolute !important;
        width: 100%; }
      .top-bar-section .has-dropdown.moved > a:after {
        display: none; }
  .top-bar-section .dropdown {
    padding: 0;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 99;
    display: block;
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }
    .top-bar-section .dropdown li {
      width: 100%;
      height: auto; }
      .top-bar-section .dropdown li a {
        font-weight: normal;
        padding: 8px 15px; }
        .top-bar-section .dropdown li a.parent-link {
          font-weight: normal; }
      .top-bar-section .dropdown li.title h5, .top-bar-section .dropdown li.parent-link {
        margin-bottom: 0;
        margin-top: 0;
        font-size: 1.125rem; }
        .top-bar-section .dropdown li.title h5 a, .top-bar-section .dropdown li.parent-link a {
          color: white;
          display: block; }
          .top-bar-section .dropdown li.title h5 a:hover, .top-bar-section .dropdown li.parent-link a:hover {
            background: none; }
      .top-bar-section .dropdown li.has-form {
        padding: 8px 15px; }
      .top-bar-section .dropdown li .button, .top-bar-section .dropdown li button {
        top: auto; }
    .top-bar-section .dropdown label {
      padding: 8px 15px 2px;
      margin-bottom: 0;
      text-transform: uppercase;
      color: #777777;
      font-weight: bold;
      font-size: 0.625rem; }

.js-generated {
  display: block; }

@media only screen and (min-width: 40.063em) {
  .top-bar {
    background: #333333;
    overflow: visible; }
    .top-bar:before, .top-bar:after {
      content: " ";
      display: table; }
    .top-bar:after {
      clear: both; }
    .top-bar .toggle-topbar {
      display: none; }
    .top-bar .title-area {
      float: left; }
    .top-bar .name h1 a {
      width: auto; }
    .top-bar input,
    .top-bar .button,
    .top-bar button {
      font-size: 0.875rem;
      position: relative;
      top: 7px; }
    .top-bar.expanded {
      background: #333333; }

  .contain-to-grid .top-bar {
    max-width: 62.5em;
    margin: 0 auto;
    margin-bottom: 0; }

  .top-bar-section {
    transition: none 0 0;
    left: 0 !important; }
    .top-bar-section ul {
      width: auto;
      height: auto !important;
      display: inline; }
      .top-bar-section ul li {
        float: left; }
        .top-bar-section ul li .js-generated {
          display: none; }
    .top-bar-section li.hover > a:not(.button) {
      background-color: #555555;
      background: #272727;
      color: white; }
    .top-bar-section li:not(.has-form) a:not(.button) {
      padding: 0 15px;
      line-height: 45px;
      background: #333333; }
      .top-bar-section li:not(.has-form) a:not(.button):hover {
        background-color: #555555;
        background: #272727; }
    .top-bar-section li.active:not(.has-form) a:not(.button) {
      padding: 0 15px;
      line-height: 45px;
      color: white;
      background: #2ba6cb; }
      .top-bar-section li.active:not(.has-form) a:not(.button):hover {
        background: #258faf;
        color: white; }
    .top-bar-section .has-dropdown > a {
      padding-right: 35px !important; }
      .top-bar-section .has-dropdown > a:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent;
        border-top-style: solid;
        margin-top: -2.5px;
        top: 22.5px; }
    .top-bar-section .has-dropdown.moved {
      position: relative; }
      .top-bar-section .has-dropdown.moved > .dropdown {
        display: block;
        position: absolute !important;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px); }
    .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown {
      display: block;
      position: static !important;
      height: auto;
      width: auto;
      overflow: visible;
      clip: auto;
      position: absolute !important; }
    .top-bar-section .has-dropdown > a:focus + .dropdown {
      display: block;
      position: static !important;
      height: auto;
      width: auto;
      overflow: visible;
      clip: auto;
      position: absolute !important; }
    .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
      border: none;
      content: "\00bb";
      top: 1rem;
      margin-top: -1px;
      right: 5px;
      line-height: 1.2; }
    .top-bar-section .dropdown {
      left: 0;
      top: auto;
      background: transparent;
      min-width: 100%; }
      .top-bar-section .dropdown li a {
        color: white;
        line-height: 45px;
        white-space: nowrap;
        padding: 12px 15px;
        background: #333333; }
      .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
        color: white;
        background: #333333; }
      .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
        color: white;
        background-color: #555555;
        background: #272727; }
      .top-bar-section .dropdown li label {
        white-space: nowrap;
        background: #333333; }
      .top-bar-section .dropdown li .dropdown {
        left: 100%;
        top: 0; }
    .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
      border-bottom: none;
      border-top: none;
      border-right: solid 1px #4e4e4e;
      clear: none;
      height: 45px;
      width: 0; }
    .top-bar-section .has-form {
      background: #333333;
      padding: 0 15px;
      height: 45px; }
    .top-bar-section .right li .dropdown {
      left: auto;
      right: 0; }
      .top-bar-section .right li .dropdown li .dropdown {
        right: 100%; }
    .top-bar-section .left li .dropdown {
      right: auto;
      left: 0; }
      .top-bar-section .left li .dropdown li .dropdown {
        left: 100%; }

  .no-js .top-bar-section ul li:hover > a {
    background-color: #555555;
    background: #272727;
    color: white; }
  .no-js .top-bar-section ul li:active > a {
    background: #2ba6cb;
    color: white; }
  .no-js .top-bar-section .has-dropdown:hover > .dropdown {
    display: block;
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    position: absolute !important; }
  .no-js .top-bar-section .has-dropdown > a:focus + .dropdown {
    display: block;
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    position: absolute !important; } }
.breadcrumbs {
  display: block;
  padding: 0.5625rem 0.875rem 0.5625rem;
  overflow: hidden;
  margin-left: 0;
  list-style: none;
  border-style: solid;
  border-width: 1px;
  background-color: whitesmoke;
  border-color: #dddddd;
  border-radius: 3px; }
  .breadcrumbs > * {
    margin: 0;
    float: left;
    font-size: 0.6875rem;
    line-height: 0.6875rem;
    text-transform: uppercase;
    color: #2ba6cb; }
    .breadcrumbs > *:hover a, .breadcrumbs > *:focus a {
      text-decoration: underline; }
    .breadcrumbs > * a {
      color: #2ba6cb; }
    .breadcrumbs > *.current {
      cursor: default;
      color: #333333; }
      .breadcrumbs > *.current a {
        cursor: default;
        color: #333333; }
      .breadcrumbs > *.current:hover, .breadcrumbs > *.current:hover a, .breadcrumbs > *.current:focus, .breadcrumbs > *.current:focus a {
        text-decoration: none; }
    .breadcrumbs > *.unavailable {
      color: #999999; }
      .breadcrumbs > *.unavailable a {
        color: #999999; }
      .breadcrumbs > *.unavailable:hover, .breadcrumbs > *.unavailable:hover a, .breadcrumbs > *.unavailable:focus,
      .breadcrumbs > *.unavailable a:focus {
        text-decoration: none;
        color: #999999;
        cursor: default; }
    .breadcrumbs > *:before {
      content: "/";
      color: #aaaaaa;
      margin: 0 0.75rem;
      position: relative;
      top: 1px; }
    .breadcrumbs > *:first-child:before {
      content: " ";
      margin: 0; }

/* Accessibility - hides the forward slash */
[aria-label="breadcrumbs"] [aria-hidden="true"]:after {
  content: "/"; }

.alert-box {
  border-style: solid;
  border-width: 1px;
  display: block;
  font-weight: normal;
  margin-bottom: 1.25rem;
  position: relative;
  padding: 0.875rem 1.5rem 0.875rem 0.875rem;
  font-size: 0.8125rem;
  transition: opacity 300ms ease-out;
  background-color: #2ba6cb;
  border-color: #258faf;
  color: white; }
  .alert-box .close {
    font-size: 1.375rem;
    padding: 9px 6px 4px;
    line-height: 0;
    position: absolute;
    top: 50%;
    margin-top: -0.6875rem;
    right: 0.25rem;
    color: #333333;
    opacity: 0.3;
    background: inherit; }
    .alert-box .close:hover, .alert-box .close:focus {
      opacity: 0.5; }
  .alert-box.radius {
    border-radius: 3px; }
  .alert-box.round {
    border-radius: 1000px; }
  .alert-box.success {
    background-color: #5da423;
    border-color: #508d1e;
    color: white; }
  .alert-box.alert {
    background-color: #c60f13;
    border-color: #aa0d10;
    color: white; }
  .alert-box.secondary {
    background-color: #e9e9e9;
    border-color: #c8c8c8;
    color: #4f4f4f; }
  .alert-box.warning {
    background-color: #f08a24;
    border-color: #de770f;
    color: white; }
  .alert-box.info {
    background-color: #a0d3e8;
    border-color: #74bfdd;
    color: #4f4f4f; }
  .alert-box.alert-close {
    opacity: 0; }

.inline-list {
  margin: 0 auto 1.0625rem auto;
  margin-left: -1.375rem;
  margin-right: 0;
  padding: 0;
  list-style: none;
  overflow: hidden; }
  .inline-list > li {
    list-style: none;
    float: left;
    margin-left: 1.375rem;
    display: block; }
    .inline-list > li > * {
      display: block; }

.button-group {
  list-style: none;
  margin: 0;
  left: 0; }
  .button-group:before, .button-group:after {
    content: " ";
    display: table; }
  .button-group:after {
    clear: both; }
  .button-group > li {
    margin: 0 -2px;
    display: inline-block; }
    .button-group > li > button, .button-group > li .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group > li:first-child button, .button-group > li:first-child .button {
      border-left: 0; }
  .button-group.stack > li {
    margin: 0 -2px;
    display: inline-block;
    display: block;
    margin: 0;
    float: none; }
    .button-group.stack > li > button, .button-group.stack > li .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group.stack > li:first-child button, .button-group.stack > li:first-child .button {
      border-left: 0; }
    .button-group.stack > li > button, .button-group.stack > li .button {
      border-top: 1px solid;
      border-color: rgba(255, 255, 255, 0.5);
      border-left-width: 0px;
      margin: 0;
      display: block; }
    .button-group.stack > li:first-child button, .button-group.stack > li:first-child .button {
      border-top: 0; }
  .button-group.stack-for-small > li {
    margin: 0 -2px;
    display: inline-block; }
    .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button {
      border-left: 0; }
    @media only screen and (max-width: 40em) {
      .button-group.stack-for-small > li {
        margin: 0 -2px;
        display: inline-block;
        display: block;
        margin: 0; }
        .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button {
          border-left: 1px solid;
          border-color: rgba(255, 255, 255, 0.5); }
        .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button {
          border-left: 0; }
        .button-group.stack-for-small > li > button, .button-group.stack-for-small > li .button {
          border-top: 1px solid;
          border-color: rgba(255, 255, 255, 0.5);
          border-left-width: 0px;
          margin: 0;
          display: block; }
        .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button {
          border-top: 0; } }
  .button-group.radius > * {
    margin: 0 -2px;
    display: inline-block; }
    .button-group.radius > * > button, .button-group.radius > * .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group.radius > *:first-child button, .button-group.radius > *:first-child .button {
      border-left: 0; }
    .button-group.radius > *, .button-group.radius > * > a, .button-group.radius > * > button, .button-group.radius > * > .button {
      border-radius: 0; }
    .button-group.radius > *:first-child, .button-group.radius > *:first-child > a, .button-group.radius > *:first-child > button, .button-group.radius > *:first-child > .button {
      -webkit-border-bottom-left-radius: 3px;
      -webkit-border-top-left-radius: 3px;
      border-bottom-left-radius: 3px;
      border-top-left-radius: 3px; }
    .button-group.radius > *:last-child, .button-group.radius > *:last-child > a, .button-group.radius > *:last-child > button, .button-group.radius > *:last-child > .button {
      -webkit-border-bottom-right-radius: 3px;
      -webkit-border-top-right-radius: 3px;
      border-bottom-right-radius: 3px;
      border-top-right-radius: 3px; }
  .button-group.radius.stack > * {
    margin: 0 -2px;
    display: inline-block;
    display: block;
    margin: 0; }
    .button-group.radius.stack > * > button, .button-group.radius.stack > * .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group.radius.stack > *:first-child button, .button-group.radius.stack > *:first-child .button {
      border-left: 0; }
    .button-group.radius.stack > * > button, .button-group.radius.stack > * .button {
      border-top: 1px solid;
      border-color: rgba(255, 255, 255, 0.5);
      border-left-width: 0px;
      margin: 0;
      display: block; }
    .button-group.radius.stack > *:first-child button, .button-group.radius.stack > *:first-child .button {
      border-top: 0; }
    .button-group.radius.stack > *, .button-group.radius.stack > * > a, .button-group.radius.stack > * > button, .button-group.radius.stack > * > .button {
      border-radius: 0; }
    .button-group.radius.stack > *:first-child, .button-group.radius.stack > *:first-child > a, .button-group.radius.stack > *:first-child > button, .button-group.radius.stack > *:first-child > .button {
      -webkit-top-left-radius: 3px;
      -webkit-top-right-radius: 3px;
      border-top-left-radius: 3px;
      border-top-right-radius: 3px; }
    .button-group.radius.stack > *:last-child, .button-group.radius.stack > *:last-child > a, .button-group.radius.stack > *:last-child > button, .button-group.radius.stack > *:last-child > .button {
      -webkit-bottom-left-radius: 3px;
      -webkit-bottom-right-radius: 3px;
      border-bottom-left-radius: 3px;
      border-bottom-right-radius: 3px; }
  @media only screen and (min-width: 40.063em) {
    .button-group.radius.stack-for-small > * {
      margin: 0 -2px;
      display: inline-block; }
      .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button {
        border-left: 1px solid;
        border-color: rgba(255, 255, 255, 0.5); }
      .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button {
        border-left: 0; }
      .button-group.radius.stack-for-small > *, .button-group.radius.stack-for-small > * > a, .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * > .button {
        border-radius: 0; }
      .button-group.radius.stack-for-small > *:first-child, .button-group.radius.stack-for-small > *:first-child > a, .button-group.radius.stack-for-small > *:first-child > button, .button-group.radius.stack-for-small > *:first-child > .button {
        -webkit-border-bottom-left-radius: 3px;
        -webkit-border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px; }
      .button-group.radius.stack-for-small > *:last-child, .button-group.radius.stack-for-small > *:last-child > a, .button-group.radius.stack-for-small > *:last-child > button, .button-group.radius.stack-for-small > *:last-child > .button {
        -webkit-border-bottom-right-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px; } }
  @media only screen and (max-width: 40em) {
    .button-group.radius.stack-for-small > * {
      margin: 0 -2px;
      display: inline-block;
      display: block;
      margin: 0; }
      .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button {
        border-left: 1px solid;
        border-color: rgba(255, 255, 255, 0.5); }
      .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button {
        border-left: 0; }
      .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * .button {
        border-top: 1px solid;
        border-color: rgba(255, 255, 255, 0.5);
        border-left-width: 0px;
        margin: 0;
        display: block; }
      .button-group.radius.stack-for-small > *:first-child button, .button-group.radius.stack-for-small > *:first-child .button {
        border-top: 0; }
      .button-group.radius.stack-for-small > *, .button-group.radius.stack-for-small > * > a, .button-group.radius.stack-for-small > * > button, .button-group.radius.stack-for-small > * > .button {
        border-radius: 0; }
      .button-group.radius.stack-for-small > *:first-child, .button-group.radius.stack-for-small > *:first-child > a, .button-group.radius.stack-for-small > *:first-child > button, .button-group.radius.stack-for-small > *:first-child > .button {
        -webkit-top-left-radius: 3px;
        -webkit-top-right-radius: 3px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px; }
      .button-group.radius.stack-for-small > *:last-child, .button-group.radius.stack-for-small > *:last-child > a, .button-group.radius.stack-for-small > *:last-child > button, .button-group.radius.stack-for-small > *:last-child > .button {
        -webkit-bottom-left-radius: 3px;
        -webkit-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px; } }
  .button-group.round > * {
    margin: 0 -2px;
    display: inline-block; }
    .button-group.round > * > button, .button-group.round > * .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group.round > *:first-child button, .button-group.round > *:first-child .button {
      border-left: 0; }
    .button-group.round > *, .button-group.round > * > a, .button-group.round > * > button, .button-group.round > * > .button {
      border-radius: 0; }
    .button-group.round > *:first-child, .button-group.round > *:first-child > a, .button-group.round > *:first-child > button, .button-group.round > *:first-child > .button {
      -webkit-border-bottom-left-radius: 1000px;
      -webkit-border-top-left-radius: 1000px;
      border-bottom-left-radius: 1000px;
      border-top-left-radius: 1000px; }
    .button-group.round > *:last-child, .button-group.round > *:last-child > a, .button-group.round > *:last-child > button, .button-group.round > *:last-child > .button {
      -webkit-border-bottom-right-radius: 1000px;
      -webkit-border-top-right-radius: 1000px;
      border-bottom-right-radius: 1000px;
      border-top-right-radius: 1000px; }
  .button-group.round.stack > * {
    margin: 0 -2px;
    display: inline-block;
    display: block;
    margin: 0; }
    .button-group.round.stack > * > button, .button-group.round.stack > * .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group.round.stack > *:first-child button, .button-group.round.stack > *:first-child .button {
      border-left: 0; }
    .button-group.round.stack > * > button, .button-group.round.stack > * .button {
      border-top: 1px solid;
      border-color: rgba(255, 255, 255, 0.5);
      border-left-width: 0px;
      margin: 0;
      display: block; }
    .button-group.round.stack > *:first-child button, .button-group.round.stack > *:first-child .button {
      border-top: 0; }
    .button-group.round.stack > *, .button-group.round.stack > * > a, .button-group.round.stack > * > button, .button-group.round.stack > * > .button {
      border-radius: 0; }
    .button-group.round.stack > *:first-child, .button-group.round.stack > *:first-child > a, .button-group.round.stack > *:first-child > button, .button-group.round.stack > *:first-child > .button {
      -webkit-top-left-radius: 1rem;
      -webkit-top-right-radius: 1rem;
      border-top-left-radius: 1rem;
      border-top-right-radius: 1rem; }
    .button-group.round.stack > *:last-child, .button-group.round.stack > *:last-child > a, .button-group.round.stack > *:last-child > button, .button-group.round.stack > *:last-child > .button {
      -webkit-bottom-left-radius: 1rem;
      -webkit-bottom-right-radius: 1rem;
      border-bottom-left-radius: 1rem;
      border-bottom-right-radius: 1rem; }
  @media only screen and (min-width: 40.063em) {
    .button-group.round.stack-for-small > * {
      margin: 0 -2px;
      display: inline-block; }
      .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button {
        border-left: 1px solid;
        border-color: rgba(255, 255, 255, 0.5); }
      .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button {
        border-left: 0; }
      .button-group.round.stack-for-small > *, .button-group.round.stack-for-small > * > a, .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * > .button {
        border-radius: 0; }
      .button-group.round.stack-for-small > *:first-child, .button-group.round.stack-for-small > *:first-child > a, .button-group.round.stack-for-small > *:first-child > button, .button-group.round.stack-for-small > *:first-child > .button {
        -webkit-border-bottom-left-radius: 1000px;
        -webkit-border-top-left-radius: 1000px;
        border-bottom-left-radius: 1000px;
        border-top-left-radius: 1000px; }
      .button-group.round.stack-for-small > *:last-child, .button-group.round.stack-for-small > *:last-child > a, .button-group.round.stack-for-small > *:last-child > button, .button-group.round.stack-for-small > *:last-child > .button {
        -webkit-border-bottom-right-radius: 1000px;
        -webkit-border-top-right-radius: 1000px;
        border-bottom-right-radius: 1000px;
        border-top-right-radius: 1000px; } }
  @media only screen and (max-width: 40em) {
    .button-group.round.stack-for-small > * {
      margin: 0 -2px;
      display: inline-block;
      display: block;
      margin: 0; }
      .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button {
        border-left: 1px solid;
        border-color: rgba(255, 255, 255, 0.5); }
      .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button {
        border-left: 0; }
      .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * .button {
        border-top: 1px solid;
        border-color: rgba(255, 255, 255, 0.5);
        border-left-width: 0px;
        margin: 0;
        display: block; }
      .button-group.round.stack-for-small > *:first-child button, .button-group.round.stack-for-small > *:first-child .button {
        border-top: 0; }
      .button-group.round.stack-for-small > *, .button-group.round.stack-for-small > * > a, .button-group.round.stack-for-small > * > button, .button-group.round.stack-for-small > * > .button {
        border-radius: 0; }
      .button-group.round.stack-for-small > *:first-child, .button-group.round.stack-for-small > *:first-child > a, .button-group.round.stack-for-small > *:first-child > button, .button-group.round.stack-for-small > *:first-child > .button {
        -webkit-top-left-radius: 1rem;
        -webkit-top-right-radius: 1rem;
        border-top-left-radius: 1rem;
        border-top-right-radius: 1rem; }
      .button-group.round.stack-for-small > *:last-child, .button-group.round.stack-for-small > *:last-child > a, .button-group.round.stack-for-small > *:last-child > button, .button-group.round.stack-for-small > *:last-child > .button {
        -webkit-bottom-left-radius: 1rem;
        -webkit-bottom-right-radius: 1rem;
        border-bottom-left-radius: 1rem;
        border-bottom-right-radius: 1rem; } }
  .button-group.even-2 li {
    margin: 0 -2px;
    display: inline-block;
    width: 50%; }
    .button-group.even-2 li > button, .button-group.even-2 li .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group.even-2 li:first-child button, .button-group.even-2 li:first-child .button {
      border-left: 0; }
    .button-group.even-2 li button, .button-group.even-2 li .button {
      width: 100%; }
  .button-group.even-3 li {
    margin: 0 -2px;
    display: inline-block;
    width: 33.33333%; }
    .button-group.even-3 li > button, .button-group.even-3 li .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group.even-3 li:first-child button, .button-group.even-3 li:first-child .button {
      border-left: 0; }
    .button-group.even-3 li button, .button-group.even-3 li .button {
      width: 100%; }
  .button-group.even-4 li {
    margin: 0 -2px;
    display: inline-block;
    width: 25%; }
    .button-group.even-4 li > button, .button-group.even-4 li .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group.even-4 li:first-child button, .button-group.even-4 li:first-child .button {
      border-left: 0; }
    .button-group.even-4 li button, .button-group.even-4 li .button {
      width: 100%; }
  .button-group.even-5 li {
    margin: 0 -2px;
    display: inline-block;
    width: 20%; }
    .button-group.even-5 li > button, .button-group.even-5 li .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group.even-5 li:first-child button, .button-group.even-5 li:first-child .button {
      border-left: 0; }
    .button-group.even-5 li button, .button-group.even-5 li .button {
      width: 100%; }
  .button-group.even-6 li {
    margin: 0 -2px;
    display: inline-block;
    width: 16.66667%; }
    .button-group.even-6 li > button, .button-group.even-6 li .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group.even-6 li:first-child button, .button-group.even-6 li:first-child .button {
      border-left: 0; }
    .button-group.even-6 li button, .button-group.even-6 li .button {
      width: 100%; }
  .button-group.even-7 li {
    margin: 0 -2px;
    display: inline-block;
    width: 14.28571%; }
    .button-group.even-7 li > button, .button-group.even-7 li .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group.even-7 li:first-child button, .button-group.even-7 li:first-child .button {
      border-left: 0; }
    .button-group.even-7 li button, .button-group.even-7 li .button {
      width: 100%; }
  .button-group.even-8 li {
    margin: 0 -2px;
    display: inline-block;
    width: 12.5%; }
    .button-group.even-8 li > button, .button-group.even-8 li .button {
      border-left: 1px solid;
      border-color: rgba(255, 255, 255, 0.5); }
    .button-group.even-8 li:first-child button, .button-group.even-8 li:first-child .button {
      border-left: 0; }
    .button-group.even-8 li button, .button-group.even-8 li .button {
      width: 100%; }

.button-bar:before, .button-bar:after {
  content: " ";
  display: table; }
.button-bar:after {
  clear: both; }
.button-bar .button-group {
  float: left;
  margin-right: 0.625rem; }
  .button-bar .button-group div {
    overflow: hidden; }

/* Panels */
.panel {
  border-style: solid;
  border-width: 1px;
  border-color: #d8d8d8;
  margin-bottom: 1.25rem;
  padding: 1.25rem;
  background: #f2f2f2;
  color: #333333; }
  .panel > :first-child {
    margin-top: 0; }
  .panel > :last-child {
    margin-bottom: 0; }
  .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p, .panel li, .panel dl {
    color: #333333; }
  .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
    line-height: 1;
    margin-bottom: 0.625rem; }
    .panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader {
      line-height: 1.4; }
  .panel.callout {
    border-style: solid;
    border-width: 1px;
    border-color: #c5e8f3;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    background: #f2fafc;
    color: #333333; }
    .panel.callout > :first-child {
      margin-top: 0; }
    .panel.callout > :last-child {
      margin-bottom: 0; }
    .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p, .panel.callout li, .panel.callout dl {
      color: #333333; }
    .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 {
      line-height: 1;
      margin-bottom: 0.625rem; }
      .panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader {
        line-height: 1.4; }
    .panel.callout a:not(.button) {
      color: #2ba6cb; }
  .panel.radius {
    border-radius: 3px; }

.dropdown.button, button.dropdown {
  position: relative;
  outline: none;
  padding-right: 3.5625rem; }
  .dropdown.button::after, button.dropdown::after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    display: block;
    border-style: solid;
    border-color: white transparent transparent transparent;
    top: 50%; }
  .dropdown.button::after, button.dropdown::after {
    border-width: 0.375rem;
    right: 1.40625rem;
    margin-top: -0.15625rem; }
  .dropdown.button::after, button.dropdown::after {
    border-color: white transparent transparent transparent; }
  .dropdown.button.tiny, button.dropdown.tiny {
    padding-right: 2.625rem; }
    .dropdown.button.tiny:after, button.dropdown.tiny:after {
      border-width: 0.375rem;
      right: 1.125rem;
      margin-top: -0.125rem; }
    .dropdown.button.tiny::after, button.dropdown.tiny::after {
      border-color: white transparent transparent transparent; }
  .dropdown.button.small, button.dropdown.small {
    padding-right: 3.0625rem; }
    .dropdown.button.small::after, button.dropdown.small::after {
      border-width: 0.4375rem;
      right: 1.3125rem;
      margin-top: -0.15625rem; }
    .dropdown.button.small::after, button.dropdown.small::after {
      border-color: white transparent transparent transparent; }
  .dropdown.button.large, button.dropdown.large {
    padding-right: 3.625rem; }
    .dropdown.button.large::after, button.dropdown.large::after {
      border-width: 0.3125rem;
      right: 1.71875rem;
      margin-top: -0.15625rem; }
    .dropdown.button.large::after, button.dropdown.large::after {
      border-color: white transparent transparent transparent; }
  .dropdown.button.secondary:after, button.dropdown.secondary:after {
    border-color: #333333 transparent transparent transparent; }

/* Image Thumbnails */
.th {
  line-height: 0;
  display: inline-block;
  border: solid 4px white;
  max-width: 100%;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  transition: all 200ms ease-out; }
  .th:hover, .th:focus {
    box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5); }
  .th.radius {
    border-radius: 3px; }

/* Pricing Tables */
.pricing-table {
  border: solid 1px #dddddd;
  margin-left: 0;
  margin-bottom: 1.25rem; }
  .pricing-table * {
    list-style: none;
    line-height: 1; }
  .pricing-table .title {
    background-color: #333333;
    padding: 0.9375rem 1.25rem;
    text-align: center;
    color: #eeeeee;
    font-weight: normal;
    font-size: 1rem;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }
  .pricing-table .price {
    background-color: #f6f6f6;
    padding: 0.9375rem 1.25rem;
    text-align: center;
    color: #333333;
    font-weight: normal;
    font-size: 2rem;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }
  .pricing-table .description {
    background-color: white;
    padding: 0.9375rem;
    text-align: center;
    color: #777777;
    font-size: 0.75rem;
    font-weight: normal;
    line-height: 1.4;
    border-bottom: dotted 1px #dddddd; }
  .pricing-table .bullet-item {
    background-color: white;
    padding: 0.9375rem;
    text-align: center;
    color: #333333;
    font-size: 0.875rem;
    font-weight: normal;
    border-bottom: dotted 1px #dddddd; }
  .pricing-table .cta-button {
    background-color: white;
    text-align: center;
    padding: 1.25rem 1.25rem 0; }

[data-magellan-expedition], [data-magellan-expedition-clone] {
  background: white;
  z-index: 50;
  min-width: 100%;
  padding: 10px; }
  [data-magellan-expedition] .sub-nav, [data-magellan-expedition-clone] .sub-nav {
    margin-bottom: 0; }
    [data-magellan-expedition] .sub-nav dd, [data-magellan-expedition-clone] .sub-nav dd {
      margin-bottom: 0; }
    [data-magellan-expedition] .sub-nav a, [data-magellan-expedition-clone] .sub-nav a {
      line-height: 1.8em; }

.icon-bar {
  width: 100%;
  font-size: 0;
  display: inline-block;
  background: #333333; }
  .icon-bar > * {
    text-align: center;
    font-size: 1rem;
    width: 25%;
    margin: 0 auto;
    display: block;
    padding: 1.25rem;
    float: left; }
    .icon-bar > * i, .icon-bar > * img {
      display: block;
      margin: 0 auto; }
      .icon-bar > * i + label, .icon-bar > * img + label {
        margin-top: .0625rem; }
    .icon-bar > * i {
      font-size: 1.875rem;
      vertical-align: middle; }
    .icon-bar > * img {
      width: 1.875rem;
      height: 1.875rem; }
  .icon-bar.label-right > * i, .icon-bar.label-right > * img {
    margin: 0 .0625rem 0 0;
    display: inline-block; }
    .icon-bar.label-right > * i + label, .icon-bar.label-right > * img + label {
      margin-top: 0; }
  .icon-bar.label-right > * label {
    display: inline-block; }
  .icon-bar.vertical.label-right > * {
    text-align: left; }
  .icon-bar.vertical, .icon-bar.small-vertical {
    height: 100%;
    width: auto; }
    .icon-bar.vertical .item, .icon-bar.small-vertical .item {
      width: auto;
      margin: auto;
      float: none; }
  @media only screen and (min-width: 40.063em) {
    .icon-bar.medium-vertical {
      height: 100%;
      width: auto; }
      .icon-bar.medium-vertical .item {
        width: auto;
        margin: auto;
        float: none; } }
  @media only screen and (min-width: 64.063em) {
    .icon-bar.large-vertical {
      height: 100%;
      width: auto; }
      .icon-bar.large-vertical .item {
        width: auto;
        margin: auto;
        float: none; } }
  .icon-bar > * {
    font-size: 1rem;
    padding: 1.25rem; }
    .icon-bar > * i + label, .icon-bar > * img + label {
      margin-top: .0625rem; }
    .icon-bar > * i {
      font-size: 1.875rem; }
    .icon-bar > * img {
      width: 1.875rem;
      height: 1.875rem; }
  .icon-bar > *:hover {
    background: #2ba6cb; }
  .icon-bar > * label {
    color: white; }
  .icon-bar > * i {
    color: white; }

.icon-bar.two-up .item {
  width: 50%; }
.icon-bar.two-up.vertical .item, .icon-bar.two-up.small-vertical .item {
  width: auto; }
@media only screen and (min-width: 40.063em) {
  .icon-bar.two-up.medium-vertical .item {
    width: auto; } }
@media only screen and (min-width: 64.063em) {
  .icon-bar.two-up.large-vertical .item {
    width: auto; } }
.icon-bar.three-up .item {
  width: 33.3333%; }
.icon-bar.three-up.vertical .item, .icon-bar.three-up.small-vertical .item {
  width: auto; }
@media only screen and (min-width: 40.063em) {
  .icon-bar.three-up.medium-vertical .item {
    width: auto; } }
@media only screen and (min-width: 64.063em) {
  .icon-bar.three-up.large-vertical .item {
    width: auto; } }
.icon-bar.four-up .item {
  width: 25%; }
.icon-bar.four-up.vertical .item, .icon-bar.four-up.small-vertical .item {
  width: auto; }
@media only screen and (min-width: 40.063em) {
  .icon-bar.four-up.medium-vertical .item {
    width: auto; } }
@media only screen and (min-width: 64.063em) {
  .icon-bar.four-up.large-vertical .item {
    width: auto; } }
.icon-bar.five-up .item {
  width: 20%; }
.icon-bar.five-up.vertical .item, .icon-bar.five-up.small-vertical .item {
  width: auto; }
@media only screen and (min-width: 40.063em) {
  .icon-bar.five-up.medium-vertical .item {
    width: auto; } }
@media only screen and (min-width: 64.063em) {
  .icon-bar.five-up.large-vertical .item {
    width: auto; } }
.icon-bar.six-up .item {
  width: 16.66667%; }
.icon-bar.six-up.vertical .item, .icon-bar.six-up.small-vertical .item {
  width: auto; }
@media only screen and (min-width: 40.063em) {
  .icon-bar.six-up.medium-vertical .item {
    width: auto; } }
@media only screen and (min-width: 64.063em) {
  .icon-bar.six-up.large-vertical .item {
    width: auto; } }

.tabs {
  margin-bottom: 0 !important;
  margin-left: 0; }
  .tabs:before, .tabs:after {
    content: " ";
    display: table; }
  .tabs:after {
    clear: both; }
  .tabs dd, .tabs .tab-title {
    position: relative;
    margin-bottom: 0 !important;
    list-style: none;
    float: left; }
    .tabs dd > a, .tabs .tab-title > a {
      outline: none;
      display: block;
      background-color: #efefef;
      color: #222222;
      padding: 1rem 2rem;
      font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
      font-size: 1rem; }
      .tabs dd > a:hover, .tabs .tab-title > a:hover {
        background-color: #e1e1e1; }
    .tabs dd.active a, .tabs .tab-title.active a {
      background-color: white;
      color: #222222; }
  .tabs.radius dd:first-child a, .tabs.radius .tab:first-child a {
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px; }
  .tabs.radius dd:last-child a, .tabs.radius .tab:last-child a {
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px; }
  .tabs.vertical dd, .tabs.vertical .tab-title {
    position: inherit;
    float: none;
    display: block;
    top: auto; }

.tabs-content {
  margin-bottom: 1.5rem;
  width: 100%; }
  .tabs-content:before, .tabs-content:after {
    content: " ";
    display: table; }
  .tabs-content:after {
    clear: both; }
  .tabs-content > .content {
    display: none;
    float: left;
    padding: 0.9375em 0;
    width: 100%; }
    .tabs-content > .content.active {
      display: block;
      float: none; }
    .tabs-content > .content.contained {
      padding: 0.9375em; }
  .tabs-content.vertical {
    display: block; }
    .tabs-content.vertical > .content {
      padding: 0 0.9375em; }

@media only screen and (min-width: 40.063em) {
  .tabs.vertical {
    width: 20%;
    max-width: 20%;
    float: left;
    margin: 0 0 1.25rem; }

  .tabs-content.vertical {
    width: 80%;
    max-width: 80%;
    float: left;
    margin-left: -1px;
    padding-left: 1rem; } }
.no-js .tabs-content > .content {
  display: block;
  float: none; }

ul.pagination {
  display: block;
  min-height: 1.5rem;
  margin-left: -0.3125rem; }
  ul.pagination li {
    height: 1.5rem;
    color: #222222;
    font-size: 0.875rem;
    margin-left: 0.3125rem; }
    ul.pagination li a, ul.pagination li button {
      display: block;
      padding: 0.0625rem 0.625rem 0.0625rem;
      color: #999999;
      background: none;
      border-radius: 3px;
      font-weight: normal;
      font-size: 1em;
      line-height: inherit;
      transition: background-color 300ms ease-out; }
    ul.pagination li:hover a,
    ul.pagination li a:focus, ul.pagination li:hover button,
    ul.pagination li button:focus {
      background: #e6e6e6; }
    ul.pagination li.unavailable a, ul.pagination li.unavailable button {
      cursor: default;
      color: #999999; }
    ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus, ul.pagination li.unavailable:hover button, ul.pagination li.unavailable button:focus {
      background: transparent; }
    ul.pagination li.current a, ul.pagination li.current button {
      background: #2ba6cb;
      color: white;
      font-weight: bold;
      cursor: default; }
      ul.pagination li.current a:hover, ul.pagination li.current a:focus, ul.pagination li.current button:hover, ul.pagination li.current button:focus {
        background: #2ba6cb; }
  ul.pagination li {
    float: left;
    display: block; }

/* Pagination centred wrapper */
.pagination-centered {
  text-align: center; }
  .pagination-centered ul.pagination li {
    float: none;
    display: inline-block; }

.side-nav {
  display: block;
  margin: 0;
  padding: 0.875rem 0;
  list-style-type: none;
  list-style-position: outside;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }
  .side-nav li {
    margin: 0 0 0.4375rem 0;
    font-size: 0.875rem;
    font-weight: normal; }
    .side-nav li a:not(.button) {
      display: block;
      color: #2ba6cb;
      margin: 0;
      padding: 0.4375rem 0.875rem; }
      .side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus {
        background: rgba(0, 0, 0, 0.025);
        color: #67c3df; }
    .side-nav li.active > a:first-child:not(.button) {
      color: #67c3df;
      font-weight: normal;
      font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }
    .side-nav li.divider {
      border-top: 1px solid;
      height: 0;
      padding: 0;
      list-style: none;
      border-top-color: white; }
    .side-nav li.heading {
      color: #2ba6cb;
      font-size: 0.875rem;
      font-weight: bold;
      text-transform: uppercase; }

.accordion {
  margin-bottom: 0; }
  .accordion:before, .accordion:after {
    content: " ";
    display: table; }
  .accordion:after {
    clear: both; }
  .accordion .accordion-navigation, .accordion dd {
    display: block;
    margin-bottom: 0 !important; }
    .accordion .accordion-navigation.active > a, .accordion dd.active > a {
      background: #e8e8e8; }
    .accordion .accordion-navigation > a, .accordion dd > a {
      background: #efefef;
      color: #222222;
      padding: 1rem;
      display: block;
      font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
      font-size: 1rem; }
      .accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
        background: #e3e3e3; }
    .accordion .accordion-navigation > .content, .accordion dd > .content {
      display: none;
      padding: 0.9375em; }
      .accordion .accordion-navigation > .content.active, .accordion dd > .content.active {
        display: block;
        background: white; }

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

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

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

.text-justify {
  text-align: justify !important; }

@media only screen and (max-width: 40em) {
  .small-only-text-left {
    text-align: left !important; }

  .small-only-text-right {
    text-align: right !important; }

  .small-only-text-center {
    text-align: center !important; }

  .small-only-text-justify {
    text-align: justify !important; } }
@media only screen {
  .small-text-left {
    text-align: left !important; }

  .small-text-right {
    text-align: right !important; }

  .small-text-center {
    text-align: center !important; }

  .small-text-justify {
    text-align: justify !important; } }
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .medium-only-text-left {
    text-align: left !important; }

  .medium-only-text-right {
    text-align: right !important; }

  .medium-only-text-center {
    text-align: center !important; }

  .medium-only-text-justify {
    text-align: justify !important; } }
@media only screen and (min-width: 40.063em) {
  .medium-text-left {
    text-align: left !important; }

  .medium-text-right {
    text-align: right !important; }

  .medium-text-center {
    text-align: center !important; }

  .medium-text-justify {
    text-align: justify !important; } }
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
  .large-only-text-left {
    text-align: left !important; }

  .large-only-text-right {
    text-align: right !important; }

  .large-only-text-center {
    text-align: center !important; }

  .large-only-text-justify {
    text-align: justify !important; } }
@media only screen and (min-width: 64.063em) {
  .large-text-left {
    text-align: left !important; }

  .large-text-right {
    text-align: right !important; }

  .large-text-center {
    text-align: center !important; }

  .large-text-justify {
    text-align: justify !important; } }
@media only screen and (min-width: 90.063em) and (max-width: 120em) {
  .xlarge-only-text-left {
    text-align: left !important; }

  .xlarge-only-text-right {
    text-align: right !important; }

  .xlarge-only-text-center {
    text-align: center !important; }

  .xlarge-only-text-justify {
    text-align: justify !important; } }
@media only screen and (min-width: 90.063em) {
  .xlarge-text-left {
    text-align: left !important; }

  .xlarge-text-right {
    text-align: right !important; }

  .xlarge-text-center {
    text-align: center !important; }

  .xlarge-text-justify {
    text-align: justify !important; } }
@media only screen and (min-width: 120.063em) and (max-width: 99999999em) {
  .xxlarge-only-text-left {
    text-align: left !important; }

  .xxlarge-only-text-right {
    text-align: right !important; }

  .xxlarge-only-text-center {
    text-align: center !important; }

  .xxlarge-only-text-justify {
    text-align: justify !important; } }
@media only screen and (min-width: 120.063em) {
  .xxlarge-text-left {
    text-align: left !important; }

  .xxlarge-text-right {
    text-align: right !important; }

  .xxlarge-text-center {
    text-align: center !important; }

  .xxlarge-text-justify {
    text-align: justify !important; } }
/* Typography resets */
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0; }

/* Default Link Styles */
a {
  color: #2ba6cb;
  text-decoration: none;
  line-height: inherit; }
  a:hover, a:focus {
    color: #258faf; }
  a img {
    border: none; }

/* Default paragraph styles */
p {
  font-family: inherit;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 1.25rem;
  text-rendering: optimizeLegibility; }
  p.lead {
    font-size: 1.21875rem;
    line-height: 1.6; }
  p aside {
    font-size: 0.875rem;
    line-height: 1.35;
    font-style: italic; }

/* Default header styles */
h1, h2, h3, h4, h5, h6 {
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #222222;
  text-rendering: optimizeLegibility;
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  line-height: 1.4; }
  h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-size: 60%;
    color: #6f6f6f;
    line-height: 0; }

h1 {
  font-size: 2.125rem; }

h2 {
  font-size: 1.6875rem; }

h3 {
  font-size: 1.375rem; }

h4 {
  font-size: 1.125rem; }

h5 {
  font-size: 1.125rem; }

h6 {
  font-size: 1rem; }

.subheader {
  line-height: 1.4;
  color: #6f6f6f;
  font-weight: normal;
  margin-top: 0.2rem;
  margin-bottom: 0.5rem; }

hr {
  border: solid #dddddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 1.25rem 0 1.1875rem;
  height: 0; }

/* Helpful Typography Defaults */
em,
i {
  font-style: italic;
  line-height: inherit; }

strong,
b {
  font-weight: bold;
  line-height: inherit; }

small {
  font-size: 60%;
  line-height: inherit; }

code {
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #333333;
  background-color: #f8f8f8;
  border-width: 1px;
  border-style: solid;
  border-color: #e0e0e0;
  padding: 0.125rem 0.3125rem 0.0625rem; }

/* Lists */
ul,
ol,
dl {
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 1.25rem;
  list-style-position: outside;
  font-family: inherit; }

ul {
  margin-left: 1.1rem; }
  ul.no-bullet {
    margin-left: 0; }
    ul.no-bullet li ul,
    ul.no-bullet li ol {
      margin-left: 1.25rem;
      margin-bottom: 0;
      list-style: none; }

/* Unordered Lists */
ul li ul,
ul li ol {
  margin-left: 1.25rem;
  margin-bottom: 0; }
ul.square li ul, ul.circle li ul, ul.disc li ul {
  list-style: inherit; }
ul.square {
  list-style-type: square;
  margin-left: 1.1rem; }
ul.circle {
  list-style-type: circle;
  margin-left: 1.1rem; }
ul.disc {
  list-style-type: disc;
  margin-left: 1.1rem; }
ul.no-bullet {
  list-style: none; }

/* Ordered Lists */
ol {
  margin-left: 1.4rem; }
  ol li ul,
  ol li ol {
    margin-left: 1.25rem;
    margin-bottom: 0; }

/* Definition Lists */
dl dt {
  margin-bottom: 0.3rem;
  font-weight: bold; }
dl dd {
  margin-bottom: 0.75rem; }

/* Abbreviations */
abbr,
acronym {
  text-transform: uppercase;
  font-size: 90%;
  color: #222222;
  cursor: help; }

abbr {
  text-transform: none; }
  abbr[title] {
    border-bottom: 1px dotted #dddddd; }

/* Blockquotes */
blockquote {
  margin: 0 0 1.25rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 1px solid #dddddd; }
  blockquote cite {
    display: block;
    font-size: 0.8125rem;
    color: #555555; }
    blockquote cite:before {
      content: "\2014 \0020"; }
    blockquote cite a,
    blockquote cite a:visited {
      color: #555555; }

blockquote,
blockquote p {
  line-height: 1.6;
  color: #6f6f6f; }

/* Microformats */
.vcard {
  display: inline-block;
  margin: 0 0 1.25rem 0;
  border: 1px solid #dddddd;
  padding: 0.625rem 0.75rem; }
  .vcard li {
    margin: 0;
    display: block; }
  .vcard .fn {
    font-weight: bold;
    font-size: 0.9375rem; }

.vevent .summary {
  font-weight: bold; }
.vevent abbr {
  cursor: default;
  text-decoration: none;
  font-weight: bold;
  border: none;
  padding: 0 0.0625rem; }

@media only screen and (min-width: 40.063em) {
  h1, h2, h3, h4, h5, h6 {
    line-height: 1.4; }

  h1 {
    font-size: 2.75rem; }

  h2 {
    font-size: 2.3125rem; }

  h3 {
    font-size: 1.6875rem; }

  h4 {
    font-size: 1.4375rem; }

  h5 {
    font-size: 1.125rem; }

  h6 {
    font-size: 1rem; } }
/*
 * Print styles.
 *
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
*/
.print-only {
  display: none !important; }

@media print {
  * {
    background: transparent !important;
    color: black !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }

  a,
  a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }

  pre,
  blockquote {
    border: 1px solid #999999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group;
    /* h5bp.com/t */ }

  tr,
  img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; }

  .hide-on-print {
    display: none !important; }

  .print-only {
    display: block !important; }

  .hide-for-print {
    display: none !important; }

  .show-for-print {
    display: inherit !important; } }
.split.button {
  position: relative;
  padding-right: 5.0625rem; }
  .split.button span {
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-left: solid 1px; }
    .split.button span:after {
      position: absolute;
      content: "";
      width: 0;
      height: 0;
      display: block;
      border-style: inset;
      top: 50%;
      left: 50%; }
    .split.button span:active {
      background-color: rgba(0, 0, 0, 0.1); }
  .split.button span {
    border-left-color: rgba(255, 255, 255, 0.5); }
  .split.button span {
    width: 3.09375rem; }
    .split.button span:after {
      border-top-style: solid;
      border-width: 0.375rem;
      top: 48%;
      margin-left: -0.375rem; }
  .split.button span:after {
    border-color: white transparent transparent transparent; }
  .split.button.secondary span {
    border-left-color: rgba(255, 255, 255, 0.5); }
  .split.button.secondary span:after {
    border-color: white transparent transparent transparent; }
  .split.button.alert span {
    border-left-color: rgba(255, 255, 255, 0.5); }
  .split.button.success span {
    border-left-color: rgba(255, 255, 255, 0.5); }
  .split.button.tiny {
    padding-right: 3.75rem; }
    .split.button.tiny span {
      width: 2.25rem; }
      .split.button.tiny span:after {
        border-top-style: solid;
        border-width: 0.375rem;
        top: 48%;
        margin-left: -0.375rem; }
  .split.button.small {
    padding-right: 4.375rem; }
    .split.button.small span {
      width: 2.625rem; }
      .split.button.small span:after {
        border-top-style: solid;
        border-width: 0.4375rem;
        top: 48%;
        margin-left: -0.375rem; }
  .split.button.large {
    padding-right: 5.5rem; }
    .split.button.large span {
      width: 3.4375rem; }
      .split.button.large span:after {
        border-top-style: solid;
        border-width: 0.3125rem;
        top: 48%;
        margin-left: -0.375rem; }
  .split.button.expand {
    padding-left: 2rem; }
  .split.button.secondary span:after {
    border-color: #333333 transparent transparent transparent; }
  .split.button.radius span {
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px; }
  .split.button.round span {
    -webkit-border-bottom-right-radius: 1000px;
    -webkit-border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px; }

.reveal-modal-bg {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: black;
  background: rgba(0, 0, 0, 0.45);
  z-index: 1004;
  display: none;
  left: 0; }

.reveal-modal, dialog {
  visibility: hidden;
  display: none;
  position: absolute;
  z-index: 1005;
  width: 100vw;
  top: 0;
  border-radius: 3px;
  left: 0;
  background-color: white;
  padding: 1.25rem;
  border: solid 1px #666666;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  padding: 1.875rem; }
  @media only screen and (max-width: 40em) {
    .reveal-modal, dialog {
      min-height: 100vh; } }
  .reveal-modal .column, dialog .column, .reveal-modal .columns, dialog .columns {
    min-width: 0; }
  .reveal-modal > :first-child, dialog > :first-child {
    margin-top: 0; }
  .reveal-modal > :last-child, dialog > :last-child {
    margin-bottom: 0; }
  @media only screen and (min-width: 40.063em) {
    .reveal-modal, dialog {
      width: 80%;
      max-width: 62.5em;
      left: 0;
      right: 0;
      margin: 0 auto; } }
  @media only screen and (min-width: 40.063em) {
    .reveal-modal, dialog {
      top: 6.25rem; } }
  .reveal-modal.radius, dialog.radius {
    border-radius: 3px; }
  .reveal-modal.round, dialog.round {
    border-radius: 1000px; }
  .reveal-modal.collapse, dialog.collapse {
    padding: 0; }
  @media only screen and (min-width: 40.063em) {
    .reveal-modal.tiny, dialog.tiny {
      width: 30%;
      max-width: 62.5em;
      left: 0;
      right: 0;
      margin: 0 auto; } }
  @media only screen and (min-width: 40.063em) {
    .reveal-modal.small, dialog.small {
      width: 40%;
      max-width: 62.5em;
      left: 0;
      right: 0;
      margin: 0 auto; } }
  @media only screen and (min-width: 40.063em) {
    .reveal-modal.medium, dialog.medium {
      width: 60%;
      max-width: 62.5em;
      left: 0;
      right: 0;
      margin: 0 auto; } }
  @media only screen and (min-width: 40.063em) {
    .reveal-modal.large, dialog.large {
      width: 70%;
      max-width: 62.5em;
      left: 0;
      right: 0;
      margin: 0 auto; } }
  @media only screen and (min-width: 40.063em) {
    .reveal-modal.xlarge, dialog.xlarge {
      width: 95%;
      max-width: 62.5em;
      left: 0;
      right: 0;
      margin: 0 auto; } }
  .reveal-modal.full, dialog.full {
    top: 0;
    left: 0;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    max-width: none !important;
    margin-left: 0 !important; }
    @media only screen and (min-width: 40.063em) {
      .reveal-modal.full, dialog.full {
        width: 100vw;
        max-width: 62.5em;
        left: 0;
        right: 0;
        margin: 0 auto; } }
  .reveal-modal .close-reveal-modal, dialog .close-reveal-modal {
    font-size: 2.5rem;
    line-height: 1;
    position: absolute;
    top: 0.5rem;
    right: 0.6875rem;
    color: #aaaaaa;
    font-weight: bold;
    cursor: pointer; }

dialog {
  display: none; }
  dialog::backdrop, dialog + .backdrop {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: black;
    background: rgba(0, 0, 0, 0.45);
    z-index: auto;
    display: none;
    left: 0; }
  dialog[open] {
    display: block; }

@media print {
  dialog, .reveal-modal, dialog {
    display: none;
    background: white !important; } }
/* Tooltips */
.has-tip {
  border-bottom: dotted 1px #cccccc;
  cursor: help;
  font-weight: bold;
  color: #333333;
}
  .has-tip:hover, .has-tip:focus {
    border-bottom: dotted 1px #134b5b;
    color: #2ba6cb; }
  .has-tip.tip-left, .has-tip.tip-right {
    float: none !important; }

.tooltip {
  display: none;
  position: absolute;
  z-index: 1006;
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 1.3;
  padding: 0.75rem;
  max-width: 300px;
  left: 50%;
  width: 100%;
  color: white;
  background: #333333; }
  .tooltip > .nub {
    display: block;
    left: 5px;
    position: absolute;
    width: 0;
    height: 0;
    border: solid 5px;
    border-color: transparent transparent #333333 transparent;
    top: -10px;
    pointer-events: none; }
    .tooltip > .nub.rtl {
      left: auto;
      right: 5px; }
  .tooltip.radius {
    border-radius: 3px; }
  .tooltip.round {
    border-radius: 1000px; }
    .tooltip.round > .nub {
      left: 2rem; }
  .tooltip.opened {
    color: #2ba6cb !important;
    border-bottom: dotted 1px #134b5b !important; }

.tap-to-close {
  display: block;
  font-size: 0.625rem;
  color: #777777;
  font-weight: normal; }

@media only screen and (min-width: 40.063em) {
  .tooltip > .nub {
    border-color: transparent transparent #333333 transparent;
    top: -10px; }
  .tooltip.tip-top > .nub {
    border-color: #333333 transparent transparent transparent;
    top: auto;
    bottom: -10px; }
  .tooltip.tip-left, .tooltip.tip-right {
    float: none !important; }
  .tooltip.tip-left > .nub {
    border-color: transparent transparent transparent #333333;
    right: -10px;
    left: auto;
    top: 50%;
    margin-top: -5px; }
  .tooltip.tip-right > .nub {
    border-color: transparent #333333 transparent transparent;
    right: auto;
    left: -10px;
    top: 50%;
    margin-top: -5px; } }
/* Clearing Styles */
.clearing-thumbs, [data-clearing] {
  margin-bottom: 0;
  margin-left: 0;
  list-style: none; }
  .clearing-thumbs:before, .clearing-thumbs:after, [data-clearing]:before, [data-clearing]:after {
    content: " ";
    display: table; }
  .clearing-thumbs:after, [data-clearing]:after {
    clear: both; }
  .clearing-thumbs li, [data-clearing] li {
    float: left;
    margin-right: 10px; }
  .clearing-thumbs[class*="block-grid-"] li, [data-clearing][class*="block-grid-"] li {
    margin-right: 0; }

.clearing-blackout {
  background: #333333;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 998; }
  .clearing-blackout .clearing-close {
    display: block; }

.clearing-container {
  position: relative;
  z-index: 998;
  height: 100%;
  overflow: hidden;
  margin: 0; }

.clearing-touch-label {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #aaaaaa;
  font-size: 0.6em; }

.visible-img {
  height: 95%;
  position: relative; }
  .visible-img img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -50%;
    max-height: 100%;
    max-width: 100%; }

.clearing-caption {
  color: #cccccc;
  font-size: 0.875em;
  line-height: 1.3;
  margin-bottom: 0;
  text-align: center;
  bottom: 0;
  background: #333333;
  width: 100%;
  padding: 10px 30px 20px;
  position: absolute;
  left: 0; }

.clearing-close {
  z-index: 999;
  padding-left: 20px;
  padding-top: 10px;
  font-size: 30px;
  line-height: 1;
  color: #cccccc;
  display: none; }
  .clearing-close:hover, .clearing-close:focus {
    color: #cccccc; }

.clearing-assembled .clearing-container {
  height: 100%; }
  .clearing-assembled .clearing-container .carousel > ul {
    display: none; }

.clearing-feature li {
  display: none; }
  .clearing-feature li.clearing-featured-img {
    display: block; }

@media only screen and (min-width: 40.063em) {
  .clearing-main-prev,
  .clearing-main-next {
    position: absolute;
    height: 100%;
    width: 40px;
    top: 0; }
    .clearing-main-prev > span,
    .clearing-main-next > span {
      position: absolute;
      top: 50%;
      display: block;
      width: 0;
      height: 0;
      border: solid 12px; }
      .clearing-main-prev > span:hover,
      .clearing-main-next > span:hover {
        opacity: 0.8; }

  .clearing-main-prev {
    left: 0; }
    .clearing-main-prev > span {
      left: 5px;
      border-color: transparent;
      border-right-color: #cccccc; }

  .clearing-main-next {
    right: 0; }
    .clearing-main-next > span {
      border-color: transparent;
      border-left-color: #cccccc; }

  .clearing-main-prev.disabled,
  .clearing-main-next.disabled {
    opacity: 0.3; }

  .clearing-assembled .clearing-container .carousel {
    background: rgba(51, 51, 51, 0.8);
    height: 120px;
    margin-top: 10px;
    text-align: center; }
    .clearing-assembled .clearing-container .carousel > ul {
      display: inline-block;
      z-index: 999;
      height: 100%;
      position: relative;
      float: none; }
      .clearing-assembled .clearing-container .carousel > ul li {
        display: block;
        width: 120px;
        min-height: inherit;
        float: left;
        overflow: hidden;
        margin-right: 0;
        padding: 0;
        position: relative;
        cursor: pointer;
        opacity: 0.4;
        clear: none; }
        .clearing-assembled .clearing-container .carousel > ul li.fix-height img {
          height: 100%;
          max-width: none; }
        .clearing-assembled .clearing-container .carousel > ul li a.th {
          border: none;
          box-shadow: none;
          display: block; }
        .clearing-assembled .clearing-container .carousel > ul li img {
          cursor: pointer !important;
          width: 100% !important; }
        .clearing-assembled .clearing-container .carousel > ul li.visible {
          opacity: 1; }
        .clearing-assembled .clearing-container .carousel > ul li:hover {
          opacity: 0.8; }
  .clearing-assembled .clearing-container .visible-img {
    background: #333333;
    overflow: hidden;
    height: 85%; }

  .clearing-close {
    position: absolute;
    top: 10px;
    right: 20px;
    padding-left: 0;
    padding-top: 0; } }
/* Progress Bar */
.progress {
  background-color: #f6f6f6;
  height: 1.5625rem;
  border: 1px solid white;
  padding: 0.125rem;
  margin-bottom: 0.625rem; }
  .progress .meter {
    background: #2ba6cb;
    height: 100%;
    display: block; }
  .progress.secondary .meter {
    background: #e9e9e9;
    height: 100%;
    display: block; }
  .progress.success .meter {
    background: #5da423;
    height: 100%;
    display: block; }
  .progress.alert .meter {
    background: #c60f13;
    height: 100%;
    display: block; }
  .progress.radius {
    border-radius: 3px; }
    .progress.radius .meter {
      border-radius: 2px; }
  .progress.round {
    border-radius: 1000px; }
    .progress.round .meter {
      border-radius: 999px; }

.sub-nav {
  display: block;
  width: auto;
  overflow: hidden;
  margin-bottom: -0.25rem 0 1.125rem;
  padding-top: 0.25rem; }
  .sub-nav dt {
    text-transform: uppercase; }
  .sub-nav dt,
  .sub-nav dd,
  .sub-nav li {
    float: left;
    display: inline;
    margin-left: 1rem;
    margin-bottom: 0;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: normal;
    font-size: 0.875rem;
    color: #999999; }
    .sub-nav dt a,
    .sub-nav dd a,
    .sub-nav li a {
      text-decoration: none;
      color: #999999;
      padding: 0.1875rem 1rem; }
      .sub-nav dt a:hover,
      .sub-nav dd a:hover,
      .sub-nav li a:hover {
        color: #737373; }
    .sub-nav dt.active a,
    .sub-nav dd.active a,
    .sub-nav li.active a {
      border-radius: 3px;
      font-weight: normal;
      background: #2ba6cb;
      padding: 0.1875rem 1rem;
      cursor: default;
      color: white; }
      .sub-nav dt.active a:hover,
      .sub-nav dd.active a:hover,
      .sub-nav li.active a:hover {
        background: #258faf; }

/* Foundation Joyride */
.joyride-list {
  display: none; }

/* Default styles for the container */
.joyride-tip-guide {
  display: none;
  position: absolute;
  background: #333333;
  color: white;
  z-index: 101;
  top: 0;
  left: 2.5%;
  font-family: inherit;
  font-weight: normal;
  width: 95%; }

.lt-ie9 .joyride-tip-guide {
  max-width: 800px;
  left: 50%;
  margin-left: -400px; }

.joyride-content-wrapper {
  width: 100%;
  padding: 1.125rem 1.25rem 1.5rem; }
  .joyride-content-wrapper .button {
    margin-bottom: 0 !important; }
  .joyride-content-wrapper .joyride-prev-tip {
    margin-right: 10px; }

/* Add a little css triangle pip, older browser just miss out on the fanciness of it */
.joyride-tip-guide .joyride-nub {
  display: block;
  position: absolute;
  left: 22px;
  width: 0;
  height: 0;
  border: 10px solid #333333; }
  .joyride-tip-guide .joyride-nub.top {
    border-top-style: solid;
    border-color: #333333;
    border-top-color: transparent !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    top: -20px; }
  .joyride-tip-guide .joyride-nub.bottom {
    border-bottom-style: solid;
    border-color: #333333 !important;
    border-bottom-color: transparent !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    bottom: -20px; }
  .joyride-tip-guide .joyride-nub.right {
    right: -20px; }
  .joyride-tip-guide .joyride-nub.left {
    left: -20px; }

/* Typography */
.joyride-tip-guide h1,
.joyride-tip-guide h2,
.joyride-tip-guide h3,
.joyride-tip-guide h4,
.joyride-tip-guide h5,
.joyride-tip-guide h6 {
  line-height: 1.25;
  margin: 0;
  font-weight: bold;
  color: white; }

.joyride-tip-guide p {
  margin: 0 0 1.125rem 0;
  font-size: 0.875rem;
  line-height: 1.3; }

.joyride-timer-indicator-wrap {
  width: 50px;
  height: 3px;
  border: solid 1px #555555;
  position: absolute;
  right: 1.0625rem;
  bottom: 1rem; }

.joyride-timer-indicator {
  display: block;
  width: 0;
  height: inherit;
  background: #666666; }

.joyride-close-tip {
  position: absolute;
  right: 12px;
  top: 10px;
  color: #777777 !important;
  text-decoration: none;
  font-size: 24px;
  font-weight: normal;
  line-height: .5 !important; }
  .joyride-close-tip:hover, .joyride-close-tip:focus {
    color: #eeeeee !important; }

.joyride-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: transparent;
  background: rgba(0, 0, 0, 0.5);
  z-index: 100;
  display: none;
  top: 0;
  left: 0;
  cursor: pointer; }

.joyride-expose-wrapper {
  background-color: white;
  position: absolute;
  border-radius: 3px;
  z-index: 102;
  box-shadow: 0 0 15px white; }

.joyride-expose-cover {
  background: transparent;
  border-radius: 3px;
  position: absolute;
  z-index: 9999;
  top: 0;
  left: 0; }

/* Styles for screens that are at least 768px; */
@media only screen and (min-width: 40.063em) {
  .joyride-tip-guide {
    width: 300px;
    left: inherit; }
    .joyride-tip-guide .joyride-nub.bottom {
      border-color: #333333 !important;
      border-bottom-color: transparent !important;
      border-left-color: transparent !important;
      border-right-color: transparent !important;
      bottom: -20px; }
    .joyride-tip-guide .joyride-nub.right {
      border-color: #333333 !important;
      border-top-color: transparent !important;
      border-right-color: transparent !important;
      border-bottom-color: transparent !important;
      top: 22px;
      left: auto;
      right: -20px; }
    .joyride-tip-guide .joyride-nub.left {
      border-color: #333333 !important;
      border-top-color: transparent !important;
      border-left-color: transparent !important;
      border-bottom-color: transparent !important;
      top: 22px;
      left: -20px;
      right: auto; } }
.label {
  font-weight: normal;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  white-space: nowrap;
  display: inline-block;
  position: relative;
  margin-bottom: inherit;
  padding: 0.25rem 0.5rem 0.25rem;
  font-size: 0.6875rem;
  background-color: #2ba6cb;
  color: white; }
  .label.radius {
    border-radius: 3px; }
  .label.round {
    border-radius: 1000px; }
  .label.alert {
    background-color: #c60f13;
    color: white; }
  .label.warning {
    background-color: #f08a24;
    color: white; }
  .label.success {
    background-color: #5da423;
    color: white; }
  .label.secondary {
    background-color: #e9e9e9;
    color: #333333; }
  .label.info {
    background-color: #a0d3e8;
    color: #333333; }

.off-canvas-wrap {
  -webkit-backface-visibility: hidden;
  position: relative;
  width: 100%;
  overflow: hidden; }
  .off-canvas-wrap.move-right, .off-canvas-wrap.move-left {
    min-height: 100%;
    -webkit-overflow-scrolling: touch; }

.inner-wrap {
  -webkit-backface-visibility: hidden;
  position: relative;
  width: 100%;
  -webkit-transition: -webkit-transform 500ms ease;
  -moz-transition: -moz-transform 500ms ease;
  -ms-transition: -ms-transform 500ms ease;
  -o-transition: -o-transform 500ms ease;
  transition: transform 500ms ease; }
  .inner-wrap:before, .inner-wrap:after {
    content: " ";
    display: table; }
  .inner-wrap:after {
    clear: both; }

.tab-bar {
  -webkit-backface-visibility: hidden;
  background: #333333;
  color: white;
  height: 2.8125rem;
  line-height: 2.8125rem;
  position: relative; }
  .tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4, .tab-bar h5, .tab-bar h6 {
    color: white;
    font-weight: bold;
    line-height: 2.8125rem;
    margin: 0; }
  .tab-bar h1, .tab-bar h2, .tab-bar h3, .tab-bar h4 {
    font-size: 1.125rem; }

.left-small {
  width: 2.8125rem;
  height: 2.8125rem;
  position: absolute;
  top: 0;
  border-right: solid 1px #1a1a1a;
  left: 0; }

.right-small {
  width: 2.8125rem;
  height: 2.8125rem;
  position: absolute;
  top: 0;
  border-left: solid 1px #1a1a1a;
  right: 0; }

.tab-bar-section {
  padding: 0 0.625rem;
  position: absolute;
  text-align: center;
  height: 2.8125rem;
  top: 0; }
  @media only screen and (min-width: 40.063em) {
    .tab-bar-section.left, .tab-bar-section.right {
      text-align: left; } }
  .tab-bar-section.left {
    left: 0;
    right: 2.8125rem; }
  .tab-bar-section.right {
    left: 2.8125rem;
    right: 0; }
  .tab-bar-section.middle {
    left: 2.8125rem;
    right: 2.8125rem; }

.tab-bar .menu-icon {
  text-indent: 2.1875rem;
  width: 2.8125rem;
  height: 2.8125rem;
  display: block;
  padding: 0;
  color: white;
  position: relative;
  transform: translate3d(0, 0, 0); }
  .tab-bar .menu-icon span::after {
    content: "";
    position: absolute;
    display: block;
    height: 0;
    top: 50%;
    margin-top: -0.5rem;
    left: 0.90625rem;
    box-shadow: 0 0px 0 1px white, 0 7px 0 1px white, 0 14px 0 1px white;
    width: 1rem; }
  .tab-bar .menu-icon span:hover:after {
    box-shadow: 0 0px 0 1px #b3b3b3, 0 7px 0 1px #b3b3b3, 0 14px 0 1px #b3b3b3; }

.left-off-canvas-menu {
  -webkit-backface-visibility: hidden;
  width: 15.625rem;
  top: 0;
  bottom: 0;
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  background: #333333;
  z-index: 1001;
  box-sizing: content-box;
  transition: transform 500ms ease 0s;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -ms-transform: translate(-100.5%, 0);
  -webkit-transform: translate3d(-100.5%, 0, 0);
  -moz-transform: translate3d(-100.5%, 0, 0);
  -ms-transform: translate3d(-100.5%, 0, 0);
  -o-transform: translate3d(-100.5%, 0, 0);
  transform: translate3d(-100.5%, 0, 0);
  left: 0; }
  .left-off-canvas-menu * {
    -webkit-backface-visibility: hidden; }

.right-off-canvas-menu {
  -webkit-backface-visibility: hidden;
  width: 15.625rem;
  top: 0;
  bottom: 0;
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  background: #333333;
  z-index: 1001;
  box-sizing: content-box;
  transition: transform 500ms ease 0s;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -ms-transform: translate(100.5%, 0);
  -webkit-transform: translate3d(100.5%, 0, 0);
  -moz-transform: translate3d(100.5%, 0, 0);
  -ms-transform: translate3d(100.5%, 0, 0);
  -o-transform: translate3d(100.5%, 0, 0);
  transform: translate3d(100.5%, 0, 0);
  right: 0; }
  .right-off-canvas-menu * {
    -webkit-backface-visibility: hidden; }

ul.off-canvas-list {
  list-style-type: none;
  padding: 0;
  margin: 0; }
  ul.off-canvas-list li label {
    display: block;
    padding: 0.3rem 0.9375rem;
    color: #999999;
    text-transform: uppercase;
    font-size: 0.75rem;
    font-weight: bold;
    background: #444444;
    border-top: 1px solid #5e5e5e;
    border-bottom: none;
    margin: 0; }
  ul.off-canvas-list li a {
    display: block;
    padding: 0.66667rem;
    color: rgba(255, 255, 255, 0.7);
    border-bottom: 1px solid #262626;
    transition: background 300ms ease; }
    ul.off-canvas-list li a:hover {
      background: #242424; }

.move-right > .inner-wrap {
  -ms-transform: translate(15.625rem, 0);
  -webkit-transform: translate3d(15.625rem, 0, 0);
  -moz-transform: translate3d(15.625rem, 0, 0);
  -ms-transform: translate3d(15.625rem, 0, 0);
  -o-transform: translate3d(15.625rem, 0, 0);
  transform: translate3d(15.625rem, 0, 0); }
.move-right .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  transition: background 300ms ease;
  cursor: pointer;
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1002;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  @media only screen and (min-width: 40.063em) {
    .move-right .exit-off-canvas:hover {
      background: rgba(255, 255, 255, 0.05); } }

.move-left > .inner-wrap {
  -ms-transform: translate(-15.625rem, 0);
  -webkit-transform: translate3d(-15.625rem, 0, 0);
  -moz-transform: translate3d(-15.625rem, 0, 0);
  -ms-transform: translate3d(-15.625rem, 0, 0);
  -o-transform: translate3d(-15.625rem, 0, 0);
  transform: translate3d(-15.625rem, 0, 0); }
.move-left .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  transition: background 300ms ease;
  cursor: pointer;
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1002;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  @media only screen and (min-width: 40.063em) {
    .move-left .exit-off-canvas:hover {
      background: rgba(255, 255, 255, 0.05); } }

.offcanvas-overlap .left-off-canvas-menu, .offcanvas-overlap .right-off-canvas-menu {
  -ms-transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
  z-index: 1003; }
.offcanvas-overlap .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  transition: background 300ms ease;
  cursor: pointer;
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1002;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  @media only screen and (min-width: 40.063em) {
    .offcanvas-overlap .exit-off-canvas:hover {
      background: rgba(255, 255, 255, 0.05); } }

.offcanvas-overlap-left .right-off-canvas-menu {
  -ms-transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
  z-index: 1003; }
.offcanvas-overlap-left .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  transition: background 300ms ease;
  cursor: pointer;
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1002;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  @media only screen and (min-width: 40.063em) {
    .offcanvas-overlap-left .exit-off-canvas:hover {
      background: rgba(255, 255, 255, 0.05); } }

.offcanvas-overlap-right .left-off-canvas-menu {
  -ms-transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
  z-index: 1003; }
.offcanvas-overlap-right .exit-off-canvas {
  -webkit-backface-visibility: hidden;
  transition: background 300ms ease;
  cursor: pointer;
  box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1002;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  @media only screen and (min-width: 40.063em) {
    .offcanvas-overlap-right .exit-off-canvas:hover {
      background: rgba(255, 255, 255, 0.05); } }

.no-csstransforms .left-off-canvas-menu {
  left: -15.625rem; }
.no-csstransforms .right-off-canvas-menu {
  right: -15.625rem; }
.no-csstransforms .move-left > .inner-wrap {
  right: 15.625rem; }
.no-csstransforms .move-right > .inner-wrap {
  left: 15.625rem; }

.left-submenu {
  -webkit-backface-visibility: hidden;
  width: 15.625rem;
  top: 0;
  bottom: 0;
  position: absolute;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  background: #333333;
  z-index: 1002;
  box-sizing: content-box;
  -webkit-overflow-scrolling: touch;
  -ms-transform: translate(-100%, 0);
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  left: 0;
  -webkit-transition: -webkit-transform 500ms ease;
  -moz-transition: -moz-transform 500ms ease;
  -ms-transition: -ms-transform 500ms ease;
  -o-transition: -o-transform 500ms ease;
  transition: transform 500ms ease; }
  .left-submenu * {
    -webkit-backface-visibility: hidden; }
  .left-submenu .back > a {
    padding: 0.3rem 0.9375rem;
    color: #999999;
    text-transform: uppercase;
    font-weight: bold;
    background: #444444;
    border-top: 1px solid #5e5e5e;
    border-bottom: none;
    margin: 0; }
    .left-submenu .back > a:hover {
      background: #303030;
      border-top: 1px solid #5e5e5e;
      border-bottom: none; }
    .left-submenu .back > a:before {
      content: "\AB";
      margin-right: 0.5rem;
      display: inline; }
  .left-submenu.move-right {
    -ms-transform: translate(0%, 0);
    -webkit-transform: translate3d(0%, 0, 0);
    -moz-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0); }

.right-submenu {
  -webkit-backface-visibility: hidden;
  width: 15.625rem;
  top: 0;
  bottom: 0;
  position: absolute;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  background: #333333;
  z-index: 1002;
  box-sizing: content-box;
  -webkit-overflow-scrolling: touch;
  -ms-transform: translate(100%, 0);
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  right: 0;
  -webkit-transition: -webkit-transform 500ms ease;
  -moz-transition: -moz-transform 500ms ease;
  -ms-transition: -ms-transform 500ms ease;
  -o-transition: -o-transform 500ms ease;
  transition: transform 500ms ease; }
  .right-submenu * {
    -webkit-backface-visibility: hidden; }
  .right-submenu .back > a {
    padding: 0.3rem 0.9375rem;
    color: #999999;
    text-transform: uppercase;
    font-weight: bold;
    background: #444444;
    border-top: 1px solid #5e5e5e;
    border-bottom: none;
    margin: 0; }
    .right-submenu .back > a:hover {
      background: #303030;
      border-top: 1px solid #5e5e5e;
      border-bottom: none; }
    .right-submenu .back > a:after {
      content: "\BB";
      margin-left: 0.5rem;
      display: inline; }
  .right-submenu.move-left {
    -ms-transform: translate(0%, 0);
    -webkit-transform: translate3d(0%, 0, 0);
    -moz-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0); }

.left-off-canvas-menu ul.off-canvas-list li.has-submenu > a:after {
  content: "\BB";
  margin-left: 0.5rem;
  display: inline; }

.right-off-canvas-menu ul.off-canvas-list li.has-submenu > a:before {
  content: "\AB";
  margin-right: 0.5rem;
  display: inline; }

/* Foundation Dropdowns */
.f-dropdown {
  position: absolute;
  left: -9999px;
  list-style: none;
  margin-left: 0;
  outline: none;
  width: 100%;
  max-height: none;
  height: auto;
  background: white;
  border: solid 1px #cccccc;
  font-size: 0.875rem;
  z-index: 89;
  margin-top: 2px;
  max-width: 200px; }
  .f-dropdown > *:first-child {
    margin-top: 0; }
  .f-dropdown > *:last-child {
    margin-bottom: 0; }
  .f-dropdown:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    border-color: transparent transparent white transparent;
    border-bottom-style: solid;
    position: absolute;
    top: -12px;
    left: 10px;
    z-index: 89; }
  .f-dropdown:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: inset 7px;
    border-color: transparent transparent #cccccc transparent;
    border-bottom-style: solid;
    position: absolute;
    top: -14px;
    left: 9px;
    z-index: 88; }
  .f-dropdown.right:before {
    left: auto;
    right: 10px; }
  .f-dropdown.right:after {
    left: auto;
    right: 9px; }
  .f-dropdown.drop-right {
    position: absolute;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    outline: none;
    width: 100%;
    max-height: none;
    height: auto;
    background: white;
    border: solid 1px #cccccc;
    font-size: 0.875rem;
    z-index: 89;
    margin-top: 0;
    margin-left: 2px;
    max-width: 200px; }
    .f-dropdown.drop-right > *:first-child {
      margin-top: 0; }
    .f-dropdown.drop-right > *:last-child {
      margin-bottom: 0; }
    .f-dropdown.drop-right:before {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border: inset 6px;
      border-color: transparent white transparent transparent;
      border-right-style: solid;
      position: absolute;
      top: 10px;
      left: -12px;
      z-index: 89; }
    .f-dropdown.drop-right:after {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border: inset 7px;
      border-color: transparent #cccccc transparent transparent;
      border-right-style: solid;
      position: absolute;
      top: 9px;
      left: -14px;
      z-index: 88; }
  .f-dropdown.drop-left {
    position: absolute;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    outline: none;
    width: 100%;
    max-height: none;
    height: auto;
    background: white;
    border: solid 1px #cccccc;
    font-size: 0.875rem;
    z-index: 89;
    margin-top: 0;
    margin-left: -2px;
    max-width: 200px; }
    .f-dropdown.drop-left > *:first-child {
      margin-top: 0; }
    .f-dropdown.drop-left > *:last-child {
      margin-bottom: 0; }
    .f-dropdown.drop-left:before {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border: inset 6px;
      border-color: transparent transparent transparent white;
      border-left-style: solid;
      position: absolute;
      top: 10px;
      right: -12px;
      left: auto;
      z-index: 89; }
    .f-dropdown.drop-left:after {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border: inset 7px;
      border-color: transparent transparent transparent #cccccc;
      border-left-style: solid;
      position: absolute;
      top: 9px;
      right: -14px;
      left: auto;
      z-index: 88; }
  .f-dropdown.drop-top {
    position: absolute;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    outline: none;
    width: 100%;
    max-height: none;
    height: auto;
    background: white;
    border: solid 1px #cccccc;
    font-size: 0.875rem;
    z-index: 89;
    margin-top: -2px;
    margin-left: 0;
    max-width: 200px; }
    .f-dropdown.drop-top > *:first-child {
      margin-top: 0; }
    .f-dropdown.drop-top > *:last-child {
      margin-bottom: 0; }
    .f-dropdown.drop-top:before {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border: inset 6px;
      border-color: white transparent transparent transparent;
      border-top-style: solid;
      position: absolute;
      top: auto;
      bottom: -12px;
      left: 10px;
      right: auto;
      z-index: 89; }
    .f-dropdown.drop-top:after {
      content: "";
      display: block;
      width: 0;
      height: 0;
      border: inset 7px;
      border-color: #cccccc transparent transparent transparent;
      border-top-style: solid;
      position: absolute;
      top: auto;
      bottom: -14px;
      left: 9px;
      right: auto;
      z-index: 88; }
  .f-dropdown li {
    font-size: 0.875rem;
    cursor: pointer;
    line-height: 1.125rem;
    margin: 0; }
    .f-dropdown li:hover, .f-dropdown li:focus {/*background: #eeeeee;*/ }
    .f-dropdown li.radius {
      border-radius: 3px; }
    .f-dropdown li a {
      display: block;
      padding: 0.5rem;
      color: #555555; }
  .f-dropdown.content {
    position: absolute;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    outline: none;
    padding: 1.25rem;
    width: 100%;
    height: auto;
    max-height: none;
    background: white;
    border: solid 1px #cccccc;
    font-size: 0.875rem;
    z-index: 89;
    max-width: 200px; }
    .f-dropdown.content > *:first-child {
      margin-top: 0; }
    .f-dropdown.content > *:last-child {
      margin-bottom: 0; }
  .f-dropdown.tiny {
    max-width: 200px; }
  .f-dropdown.small {
    max-width: 300px; }
  .f-dropdown.medium {
    max-width: 500px; }
  .f-dropdown.large {
    max-width: 800px; }
  .f-dropdown.mega {
    width: 100% !important;
    max-width: 100% !important; }
    .f-dropdown.mega.open {
      left: 0 !important; }

table {
  background: white;
  margin-bottom: 1.25rem;
  border: solid 1px #dddddd;
  table-layout: auto; }
  table caption {
    background: transparent;
    color: #222222;
    font-size: 1rem;
    font-weight: bold; }
  table thead {
    background: whitesmoke; }
    table thead tr th,
    table thead tr td {
      padding: 0.5rem 0.625rem 0.625rem;
      font-size: 0.875rem;
      font-weight: bold;
      color: #222222; }
  table tfoot {
    background: whitesmoke; }
    table tfoot tr th,
    table tfoot tr td {
      padding: 0.5rem 0.625rem 0.625rem;
      font-size: 0.875rem;
      font-weight: bold;
      color: #222222; }
  table tr th,
  table tr td {
    padding: 0.5625rem 0.625rem;
    font-size: 0.875rem;
    color: #222222;
    text-align: left; }
  table tr.even, table tr.alt, table tr:nth-of-type(even) {
    background: #f9f9f9; }
  table thead tr th,
  table tfoot tr th,
  table tfoot tr td,
  table tbody tr th,
  table tbody tr td,
  table tr td {
    display: table-cell;
    line-height: 1.125rem; }

.range-slider {
  display: block;
  position: relative;
  width: 100%;
  height: 1rem;
  border: 1px solid #dddddd;
  margin: 1.25rem 0;
  -ms-touch-action: none;
  touch-action: none;
  background: #fafafa; }
  .range-slider.vertical-range {
    display: block;
    position: relative;
    width: 100%;
    height: 1rem;
    border: 1px solid #dddddd;
    margin: 1.25rem 0;
    -ms-touch-action: none;
    touch-action: none;
    display: inline-block;
    width: 1rem;
    height: 12.5rem; }
    .range-slider.vertical-range .range-slider-handle {
      margin-top: 0;
      margin-left: -0.5rem;
      position: absolute;
      bottom: -10.5rem; }
    .range-slider.vertical-range .range-slider-active-segment {
      width: 0.875rem;
      height: auto;
      bottom: 0; }
  .range-slider.radius {
    background: #fafafa;
    border-radius: 3px; }
    .range-slider.radius .range-slider-handle {
      background: #2ba6cb;
      border-radius: 3px; }
      .range-slider.radius .range-slider-handle:hover {
        background: #2692b3; }
  .range-slider.round {
    background: #fafafa;
    border-radius: 1000px; }
    .range-slider.round .range-slider-handle {
      background: #2ba6cb;
      border-radius: 1000px; }
      .range-slider.round .range-slider-handle:hover {
        background: #2692b3; }
  .range-slider.disabled, .range-slider[disabled] {
    background: #fafafa;
    cursor: default;
    opacity: 0.7; }
    .range-slider.disabled .range-slider-handle, .range-slider[disabled] .range-slider-handle {
      background: #2ba6cb;
      cursor: default;
      opacity: 0.7; }
      .range-slider.disabled .range-slider-handle:hover, .range-slider[disabled] .range-slider-handle:hover {
        background: #2692b3; }

.range-slider-active-segment {
  display: inline-block;
  position: absolute;
  height: 0.875rem;
  background: #e7e7e7; }

.range-slider-handle {
  display: inline-block;
  position: absolute;
  z-index: 1;
  top: -0.3125rem;
  width: 2rem;
  height: 1.375rem;
  border: 1px solid none;
  cursor: pointer;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background: #2ba6cb; }
  .range-slider-handle:hover {
    background: #2692b3; }

[class*="block-grid-"] {
  display: block;
  padding: 0;
  margin: 0 -0.625rem; }
  [class*="block-grid-"]:before, [class*="block-grid-"]:after {
    content: " ";
    display: table; }
  [class*="block-grid-"]:after {
    clear: both; }
  [class*="block-grid-"] > li {
    display: block;
    height: auto;
    float: left;
    padding: 0 0.625rem 1.25rem; }

@media only screen {
  .small-block-grid-1 > li {
    width: 100%;
    list-style: none; }
    .small-block-grid-1 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }

  .small-block-grid-2 > li {
    width: 50%;
    list-style: none; }
    .small-block-grid-2 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }

  .small-block-grid-3 > li {
    width: 33.33333%;
    list-style: none; }
    .small-block-grid-3 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }

  .small-block-grid-4 > li {
    width: 25%;
    list-style: none; }
    .small-block-grid-4 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }

  .small-block-grid-5 > li {
    width: 20%;
    list-style: none; }
    .small-block-grid-5 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }

  .small-block-grid-6 > li {
    width: 16.66667%;
    list-style: none; }
    .small-block-grid-6 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }

  .small-block-grid-7 > li {
    width: 14.28571%;
    list-style: none; }
    .small-block-grid-7 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }

  .small-block-grid-8 > li {
    width: 12.5%;
    list-style: none; }
    .small-block-grid-8 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }

  .small-block-grid-9 > li {
    width: 11.11111%;
    list-style: none; }
    .small-block-grid-9 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }

  .small-block-grid-10 > li {
    width: 10%;
    list-style: none; }
    .small-block-grid-10 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }

  .small-block-grid-11 > li {
    width: 9.09091%;
    list-style: none; }
    .small-block-grid-11 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }

  .small-block-grid-12 > li {
    width: 8.33333%;
    list-style: none; }
    .small-block-grid-12 > li:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }
@media only screen and (min-width: 40.063em) {
  .medium-block-grid-1 > li {
    width: 100%;
    list-style: none; }
    .medium-block-grid-1 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }

  .medium-block-grid-2 > li {
    width: 50%;
    list-style: none; }
    .medium-block-grid-2 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }

  .medium-block-grid-3 > li {
    width: 33.33333%;
    list-style: none; }
    .medium-block-grid-3 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }

  .medium-block-grid-4 > li {
    width: 25%;
    list-style: none; }
    .medium-block-grid-4 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }

  .medium-block-grid-5 > li {
    width: 20%;
    list-style: none; }
    .medium-block-grid-5 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }

  .medium-block-grid-6 > li {
    width: 16.66667%;
    list-style: none; }
    .medium-block-grid-6 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }

  .medium-block-grid-7 > li {
    width: 14.28571%;
    list-style: none; }
    .medium-block-grid-7 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }

  .medium-block-grid-8 > li {
    width: 12.5%;
    list-style: none; }
    .medium-block-grid-8 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }

  .medium-block-grid-9 > li {
    width: 11.11111%;
    list-style: none; }
    .medium-block-grid-9 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }

  .medium-block-grid-10 > li {
    width: 10%;
    list-style: none; }
    .medium-block-grid-10 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }

  .medium-block-grid-11 > li {
    width: 9.09091%;
    list-style: none; }
    .medium-block-grid-11 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }

  .medium-block-grid-12 > li {
    width: 8.33333%;
    list-style: none; }
    .medium-block-grid-12 > li:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }
@media only screen and (min-width: 64.063em) {
  .large-block-grid-1 > li {
    width: 100%;
    list-style: none; }
    .large-block-grid-1 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-1 > li:nth-of-type(1n+1) {
      clear: both; }

  .large-block-grid-2 > li {
    width: 50%;
    list-style: none; }
    .large-block-grid-2 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-2 > li:nth-of-type(2n+1) {
      clear: both; }

  .large-block-grid-3 > li {
    width: 33.33333%;
    list-style: none; }
    .large-block-grid-3 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-3 > li:nth-of-type(3n+1) {
      clear: both; }

  .large-block-grid-4 > li {
    width: 25%;
    list-style: none; }
    .large-block-grid-4 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-4 > li:nth-of-type(4n+1) {
      clear: both; }

  .large-block-grid-5 > li {
    width: 20%;
    list-style: none; }
    .large-block-grid-5 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-5 > li:nth-of-type(5n+1) {
      clear: both; }

  .large-block-grid-6 > li {
    width: 16.66667%;
    list-style: none; }
    .large-block-grid-6 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-6 > li:nth-of-type(6n+1) {
      clear: both; }

  .large-block-grid-7 > li {
    width: 14.28571%;
    list-style: none; }
    .large-block-grid-7 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-7 > li:nth-of-type(7n+1) {
      clear: both; }

  .large-block-grid-8 > li {
    width: 12.5%;
    list-style: none; }
    .large-block-grid-8 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-8 > li:nth-of-type(8n+1) {
      clear: both; }

  .large-block-grid-9 > li {
    width: 11.11111%;
    list-style: none; }
    .large-block-grid-9 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-9 > li:nth-of-type(9n+1) {
      clear: both; }

  .large-block-grid-10 > li {
    width: 10%;
    list-style: none; }
    .large-block-grid-10 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-10 > li:nth-of-type(10n+1) {
      clear: both; }

  .large-block-grid-11 > li {
    width: 9.09091%;
    list-style: none; }
    .large-block-grid-11 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-11 > li:nth-of-type(11n+1) {
      clear: both; }

  .large-block-grid-12 > li {
    width: 8.33333%;
    list-style: none; }
    .large-block-grid-12 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }
.flex-video {
  position: relative;
  padding-top: 1.5625rem;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 1rem;
  overflow: hidden; }
  .flex-video.widescreen {
    padding-bottom: 56.34%; }
  .flex-video.vimeo {
    padding-top: 0; }
  .flex-video iframe,
  .flex-video object,
  .flex-video embed,
  .flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.keystroke,
kbd {
  background-color: #ededed;
  border-color: #dddddd;
  color: #222222;
  border-style: solid;
  border-width: 1px;
  margin: 0;
  font-family: "Consolas", "Menlo", "Courier", monospace;
  font-size: inherit;
  padding: 0.125rem 0.25rem 0;
  border-radius: 3px; }

.switch {
  padding: 0;
  border: none;
  position: relative;
  outline: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }
  .switch label {
    display: block;
    margin-bottom: 1rem;
    position: relative;
    color: transparent;
    background: #dddddd;
    text-indent: 100%;
    width: 4rem;
    height: 2rem;
    cursor: pointer;
    transition: left 0.15s ease-out; }
  .switch input {
    opacity: 0;
    position: absolute;
    top: 9px;
    left: 10px;
    padding: 0; }
    .switch input + label {
      margin-left: 0;
      margin-right: 0; }
  .switch label:after {
    content: "";
    display: block;
    background: white;
    position: absolute;
    top: .25rem;
    left: .25rem;
    width: 1.5rem;
    height: 1.5rem;
    -webkit-transition: left 0.15s ease-out;
    -moz-transition: left 0.15s ease-out;
    transition: left 0.15s ease-out;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); }
  .switch input:checked + label {
    background: #2ba6cb; }
  .switch input:checked + label:after {
    left: 2.25rem; }
  .switch label {
    width: 4rem;
    height: 2rem; }
  .switch label:after {
    width: 1.5rem;
    height: 1.5rem; }
  .switch input:checked + label:after {
    left: 2.25rem; }
  .switch label {
    color: transparent;
    background: #dddddd; }
  .switch label:after {
    background: white; }
  .switch input:checked + label {
    background: #2ba6cb; }
  .switch.large label {
    width: 5rem;
    height: 2.5rem; }
  .switch.large label:after {
    width: 2rem;
    height: 2rem; }
  .switch.large input:checked + label:after {
    left: 2.75rem; }
  .switch.small label {
    width: 3.5rem;
    height: 1.75rem; }
  .switch.small label:after {
    width: 1.25rem;
    height: 1.25rem; }
  .switch.small input:checked + label:after {
    left: 2rem; }
  .switch.tiny label {
    width: 3rem;
    height: 1.5rem; }
  .switch.tiny label:after {
    width: 1rem;
    height: 1rem; }
  .switch.tiny input:checked + label:after {
    left: 1.75rem; }
  .switch.radius label {
    border-radius: 4px; }
  .switch.radius label:after {
    border-radius: 3px; }
  .switch.round {
    border-radius: 1000px; }
    .switch.round label {
      border-radius: 2rem; }
    .switch.round label:after {
      border-radius: 2rem; }

/* small displays */
@media only screen {
  .show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up {
    display: inherit !important; }

  .hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up {
    display: none !important; }

  .visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }

  .hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }

  table.show-for-small-only, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up {
    display: table !important; }

  thead.show-for-small-only, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up {
    display: table-header-group !important; }

  tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up {
    display: table-row-group !important; }

  tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up {
    display: table-row !important; }

  th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up {
    display: table-cell !important; } }
/* medium displays */
@media only screen and (min-width: 40.063em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up {
    display: inherit !important; }

  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up {
    display: none !important; }

  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }

  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }

  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up {
    display: table !important; }

  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up {
    display: table-header-group !important; }

  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up {
    display: table-row-group !important; }

  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up {
    display: table-row !important; }

  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up {
    display: table-cell !important; } }
/* large displays */
@media only screen and (min-width: 64.063em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up {
    display: inherit !important; }

  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up {
    display: none !important; }

  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }

  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }

  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.show-for-large-only, table.show-for-large-up, table.show-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up {
    display: table !important; }

  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up {
    display: table-header-group !important; }

  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up {
    display: table-row-group !important; }

  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up {
    display: table-row !important; }

  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up {
    display: table-cell !important; } }
/* xlarge displays */
@media only screen and (min-width: 90.063em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up {
    display: inherit !important; }

  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up {
    display: none !important; }

  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }

  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }

  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up {
    display: table !important; }

  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up {
    display: table-header-group !important; }

  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up {
    display: table-row-group !important; }

  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up {
    display: table-row !important; }

  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.show-for-xlarge-only, td.show-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up {
    display: table-cell !important; } }
/* xxlarge displays */
@media only screen and (min-width: 120.063em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .show-for-xxlarge-only, .show-for-xxlarge-up {
    display: inherit !important; }

  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xxlarge-only, .hide-for-xxlarge-up {
    display: none !important; }

  .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .hidden-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xxlarge-only, .visible-for-xxlarge-up {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }

  .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .visible-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px); }

  table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.hide-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xxlarge-only, table.show-for-xxlarge-up {
    display: table !important; }

  thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up {
    display: table-header-group !important; }

  tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up {
    display: table-row-group !important; }

  tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up {
    display: table-row !important; }

  th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.show-for-xxlarge-only, td.show-for-xxlarge-only, th.show-for-xxlarge-up, td.show-for-xxlarge-up {
    display: table-cell !important; } }
/* Orientation targeting */
.show-for-landscape,
.hide-for-portrait {
  display: inherit !important; }

.hide-for-landscape,
.show-for-portrait {
  display: none !important; }

/* Specific visibility for tables */
table.hide-for-landscape, table.show-for-portrait {
  display: table !important; }

thead.hide-for-landscape, thead.show-for-portrait {
  display: table-header-group !important; }

tbody.hide-for-landscape, tbody.show-for-portrait {
  display: table-row-group !important; }

tr.hide-for-landscape, tr.show-for-portrait {
  display: table-row !important; }

td.hide-for-landscape, td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
  display: table-cell !important; }

@media only screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: inherit !important; }

  .hide-for-landscape,
  .show-for-portrait {
    display: none !important; }

  /* Specific visibility for tables */
  table.show-for-landscape, table.hide-for-portrait {
    display: table !important; }

  thead.show-for-landscape, thead.hide-for-portrait {
    display: table-header-group !important; }

  tbody.show-for-landscape, tbody.hide-for-portrait {
    display: table-row-group !important; }

  tr.show-for-landscape, tr.hide-for-portrait {
    display: table-row !important; }

  td.show-for-landscape, td.hide-for-portrait,
  th.show-for-landscape,
  th.hide-for-portrait {
    display: table-cell !important; } }
@media only screen and (orientation: portrait) {
  .show-for-portrait,
  .hide-for-landscape {
    display: inherit !important; }

  .hide-for-portrait,
  .show-for-landscape {
    display: none !important; }

  /* Specific visibility for tables */
  table.show-for-portrait, table.hide-for-landscape {
    display: table !important; }

  thead.show-for-portrait, thead.hide-for-landscape {
    display: table-header-group !important; }

  tbody.show-for-portrait, tbody.hide-for-landscape {
    display: table-row-group !important; }

  tr.show-for-portrait, tr.hide-for-landscape {
    display: table-row !important; }

  td.show-for-portrait, td.hide-for-landscape,
  th.show-for-portrait,
  th.hide-for-landscape {
    display: table-cell !important; } }
/* Touch-enabled device targeting */
.show-for-touch {
  display: none !important; }

.hide-for-touch {
  display: inherit !important; }

.touch .show-for-touch {
  display: inherit !important; }

.touch .hide-for-touch {
  display: none !important; }

/* Specific visibility for tables */
table.hide-for-touch {
  display: table !important; }

.touch table.show-for-touch {
  display: table !important; }

thead.hide-for-touch {
  display: table-header-group !important; }

.touch thead.show-for-touch {
  display: table-header-group !important; }

tbody.hide-for-touch {
  display: table-row-group !important; }

.touch tbody.show-for-touch {
  display: table-row-group !important; }

tr.hide-for-touch {
  display: table-row !important; }

.touch tr.show-for-touch {
  display: table-row !important; }

td.hide-for-touch {
  display: table-cell !important; }

.touch td.show-for-touch {
  display: table-cell !important; }

th.hide-for-touch {
  display: table-cell !important; }

.touch th.show-for-touch {
  display: table-cell !important; }

/* Print visibility */
@media print {
  .show-for-print {
    display: block; }

  .hide-for-print {
    display: none; }

  table.show-for-print {
    display: table !important; }

  thead.show-for-print {
    display: table-header-group !important; }

  tbody.show-for-print {
    display: table-row-group !important; }

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

  td.show-for-print {
    display: table-cell !important; }

  th.show-for-print {
    display: table-cell !important; } }
/******** GENERAL ********/
a{
	color: #1F7994 !important; 
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
}
a:hover{ color: #2BA6CB !important; }
body{ height: auto !important; 	font-family: 'Open Sans Condensed', sans-serif; }
.pointer{ cursor: pointer; }
.tachado{ text-decoration:line-through; }
.img100{ width: 100%!important; }
.visible{ display: inline-block !important; }
.alignLeft{ text-align: left; }
.topmargin{ margin-top: 30px; }
.bottommargin{ margin-bottom: 30px; }
.biggerFont{
	font-size: 18px;
	margin-left: 5px;
}
.transition03{
  	transition: all 0.3s;
  	-webkit-transition: all 0.3s;
  	-moz-transition: all 0.3s;
  	-o-transition: all 0.3s;
}
.transition06{
  	transition: all 0.6s;
  	-webkit-transition: all 0.6s;
  	-moz-transition: all 0.6s;
  	-o-transition: all 0.6s;
}
/* TOOLTIP GENERAL */
.hasTooltip:hover .tooltipTxt{ display: block; }
.tooltipTxt{
	width: 200px;
	padding: 5px 10px;
	display: none;
	text-align: center;
	margin-top: 60px;
	margin-left: -80px;
	background: #333333;
	position: absolute;
	color: #fff;
	font-size: 13px !important;
	font-weight: normal;
	z-index: 2;
}
.tooltipTxt:after{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 0 15px 15px;
	border-color: #333333 transparent;
	display: block;
	width: 0;
	z-index: 1;
	top: -10px;
	left: 155px;
}
/* FIN TOOLTIP GENERAL */
.transitionSpecial{
	/*transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-webkit-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-moz-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);*/
	transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-webkit-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-moz-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.nopadding{ padding: 0 !important; }
.main-container{
	width: 1240px;
	margin: 20px auto 0px auto;
	color: #2B2B2B !important;
	font-family: 'Open Sans Condensed', sans-serif;
}
.blueButton{
	background: #03A9F5 !important;
	color: #fff !important;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.blueButton:hover{ 
	color: #fff !important;
	background: #0293D5 !important; 
}
.greenButton{ background: #67B359 !important; }
.greenButton:hover{ background: #3FA645 !important; }
.onlymobile{ 
	display: none; 
	width: 0;
	height: 0;
	overflow: hidden;
}
.onlyNormal{ display: block; }
.backtop{
	width: 40px;
	height: 40px;
	text-align: center;
	position: fixed;
	bottom: 15px;
	right: 15px;
	z-index: 8;
	background: rgba(255,255,255,0.7);
}
.backtop i{
	color: #222222;
	font-size: 35px;
	font-weight: bold;
}
.customBreadcrumbs{
	color: #fff;
	background: #F2F2F2;
	margin-bottom: 1.3%;
}
.customBreadcrumbs li{
	display: inline-block;
	font-size: 14px;
	padding: 1%;
}
.clearBoth h1{ color:#717171 !important; font-size: 0.7em; font-family: verdana;}
.customBreadcrumbs li a{ color:#717171 !important; font-size: 0.7em; font-family: verdana;}
.customBreadcrumbs li i{ color:#f9bf2f; }
.customBreadcrumbs li:hover{ background:  #cdcdcd;}
.customBreadcrumbs li:hover i{ color:#414141;}

.breadcrumb{
	font-size:15px;
	margin-bottom:15px;
}
.breadcrumb .current{
	font-weight:bold;
}
.breadcrumb li{
	display:inline-block;
}
.breadcrumb li a{
	color:#323637!important;
}

.maxwidth{ max-width: 1024px; }
.minheight:{ min-height: 680px; }
.clearBoth{
	clear: both;
	height: 25px;
}
.top25{ margin-top: 25px !important; }
.pushright{ margin-right: 21px; }
.ninja{ display: none; }
.superNinja{ display: none !important; }
.superVisible{ display: inline-block !important; }
.nonVisible{ display: none!important; }
.font12{ 
	font-size: 14px !important; 
	padding: 2px 5px;
	margin: 0;
}
/******** FONTS ********/
@font-face {
	font-family: Lato;
	src: url(fonts/Lato-Regular.ttf);
	font-display: swap;
}
@font-face{
	font-family: Lato;
    src: url(fonts/Lato-Bold.ttf);
    font-display: swap;
	font-weight: bold;
}
/* @font-face{
    font-family: vagRounded;
    src: url(fonts/vagroundedstd-light-webfont.ttf);
}
@font-face{
    font-family: vagRoundedThin;
    src: url(fonts/vagroundedstd-thin-webfont.ttf);
} */
/******** FIN FONTS ********/
body, body p, body b, body i, body h1, body h2, body h3, body h4, body h5, body h6, body h7, body div, body span, body a, body ul, body li{
  font-family: Lato;
}
/******** FIN GENERAL ********/
/******** HEADER NORMAL ********/
.header *, .smallHeader *{
	transition: all 0.2s;
	-webki-transition: all 0.2s;
}
.header a, .smallHeader a{
	color: #000 !important;
}
.header{
	width: 100%;
	/* height: 265px; */
	/*height: 223px;*/
	/* position: fixed; */
	top: 0;
	text-align: center;
	background: #f4f4f4;
	z-index: 9;
}
.header h2{ font-size: 22px; }
.header h4{
	font-size: 14px;
	margin-bottom: -5px;
}
.header .logo img{
	max-height: 72px;
	margin-top: 15px;
}
.header .lang-wrapper{
	width: 1024px;
	height: 0;
	position: relative;
	display: block;
	margin: 0 auto;
}
#madrid:before, #barcelona:before{ content: "Tienda "; }

/******** HEADER COMPRIMIDO ********/
.smallHeader{
	width: 100%;
	/* height: 125px; */
	height: 174px;
	position: fixed;
	top: 0;
	text-align: center;
	background: #f4f4f4;
	-webkit-box-shadow: 0px 2px 5px -20px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 2px 5px -20px rgba(0,0,0,0.15);
	box-shadow: 0px 2px 5px -20px rgba(0,0,0,0.15);
	z-index: 9;
}
.smallHeader h2, .smallHeader h4{
	display: none;
}
.smallHeader .logo img{
	max-height: 50px;
	margin-top: 15px;
}
.smallHeader .lang-wrapper{
	width: 1024px;
	height: 0;
	position: relative;
	display: block;
	margin: 0 auto;
}
.h1title{
	display: inline-block;
	margin: 10px auto;
	font-size: 14px;
}
/******** HOME *****************/
/******** SLIDER ********/
.slider{
	z-index:-1;
	width: 100%;
	/*max-width: 1023px;*/
	height: 335px;
	min-height: 300px;
	max-height: 500px;
	left: 1px;
	overflow: hidden;
	position: relative;
}
.slider-nav{
	width: 100%;
	position: relative;
	/*max-width: 1023px;*/
	left: 1px;
	height: 15px;
	margin-top: -26px;
	white-space: nowrap;
}
.slider-button{
	/*width: 338.5px;*/
	width: 33%;
	height: 15px;
	display: inline-block;
	background: #2B2B2B;
}
#sb2, #sb3{ background: #03A9F5; }
.slider .img-wrap{
	width: 100%;
	/*max-width: 1024px;*/
	height: 312px;
	position: absolute;
	top: 0;
	-webkit-transition: opacity 0.5s ease-in-out;
  	-moz-transition: opacity 0.5s ease-in-out;
  	-o-transition: opacity 0.5s ease-in-out;
  	transition: opacity 0.5s ease-in-out;
}
.slider img{
	/*width: 1024px;
	min-width: 1024px;*/
	height: 350px;
	width: 100%;
	object-fit: cover;
}
#img2, #img3{ opacity: 0; }
.slider-action{
	width: 500px;
	height: auto;
	position: absolute;
	display: inline-block;
	bottom: 10px;
	left: 50%;
	margin-left: -250px;
	background: #fff;
	text-align: center;
	overflow: hidden;
	z-index: 3;
}
.slider-action h3{ 
	font-size: 26px; 
	color: #2B2B2B;
	padding: 7px 12px 0 12px;
}
.slider-action h4{ 
	font-size: 17px; 
	color: #2B2B2B;
	padding: 0 12px;
}
.slider-action a{
	width: 100%;
	padding: 7px;
	display: inline-block;
	background: #272727;
	color: #fff !important;
	font-size: 22px;
}
.slider-action a:hover{
	background: #3B3B3B;
}
/******** FIN SLIDER ********/
/******** BUSCADOR *********/
#seekerResults{ display: none; }
.seekerWrap input{
	width: 95%;
	height: 80px;
	float: left;
	margin-top: -20px;
	margin-bottom: 20px;
	padding: 15px;
	font-size: 40px;
	line-height: 50px;
}
.seekerWrap .row{ margin-top: 50px; }
.seekerWrap h4{
	max-height: 40px;
	text-transform: uppercase;
	margin-bottom: 20px;
	padding: 0 !important;
}
#countFiltered{ 
	position: relative;
	display: none;
	padding: 0 !important;
	margin: 0 !important;
	margin-top: -10px !important;
}
.seekerWrap .seekBlock{ padding: 15px 30px; }
.seekerWrap .ind-result{
	width: 100%;
	height: 80px;
	padding: 7px 15px;
	margin: 7px 0;
	cursor: pointer;
	border: 2px solid transparent;
}
.seekerWrap .ind-result:hover{
	border: 2px solid #f9bf2f;
}
.seekerWrap .ind-result .imgWrapper{
	width: 29%;
	height: 100%;
	float: left;
	overflow: hidden;
	text-align: left;
	margin-right: 7px;
}
.seekerWrap .ind-result .imgWrapper img{ 
	max-width: 100px;
	height: 100%; 
}
.seekerWrap .ind-result .title{
	font-size: 17px;
	font-weight: bold;
	color: #333333;
}
.seekerWrap .ind-result .description{
	overflow: hidden;
	font-size: 14px;
	display: block;
}
.seekerWrap .ind-result .description strong{
	color: #03A9F5;
	font-family: Lato;
}
.seekerWrap .ind-result .price{
	display: block;
}
.seekerWrap .ind-result .price strong{
	color: #bb2024;
	font-size: 20px;
	padding-left: 5px;
}
.seekerWrap .featured{ 
	height: 75px; 
}
.seekerWrap .tecniques{ height: 65px; }
/******** FIN BUSCADOR *********/
/******** ENVÍO EUROPA ********/
.europeSend, .cat48{ 
	height: 260px; 
	margin-top: 30px;
}
.europeSend{ 
	max-width: 550px;
	padding: 0 !important; 
}
.europeSend img{
	min-width: 150px;
	max-width: 250px;
	float: left;
	display: inline-block;
}
.europeSend h4{
	margin-top: 30px;
	float: left;
}
.europeSend ul{
	width: 46%;
	float: right;
	display: inline-block;
	margin-top: 15px;
}
.europeSend ul li{
	list-style: circle;
	margin-left: 25px;
}
.cat48{ 
	max-width: 450px;
	padding: 0;
	padding-top: 28px;
}
.cat48 h4{ padding-left: 10px; }
.cat48 p{
	margin-top: 25px;
	padding-left: 10px;
}
.cat48 .blueButton{
	width: 100%;
	position: absolute;
	text-align: center;
	margin-top: 15px;
	font-size: 18px;
	padding: 4px;
	color: #fff !important;
}
.link48h{
	width: 35%;
	height: 100%;
	position: absolute;
	background-image: url("../img/home/48h.png");
	background-size: 75%;
	background-repeat: no-repeat;
	right: 0;
	top: -20px;
	background-position: right;
}
.link48h:hover{ background-image: url("../img/home/48h-hover.png"); }
/******** FIN ENVÍO EUROPA ********/
/******** CATÁLOGOS ONLINE ********/
 .btnLoadMore {
    width: 100%;
    background-color: #67B359 !important;
 }
.onlineCatalogues{
	width: 100%;
	height: 450px;
	margin-top: 30px;
	margin-bottom: 20px;
	text-align: center;
	/*border-top: 1px solid #e1e1e1;*/
}
.onlineCatalogues h3{
	text-transform: uppercase;
	font-weight: 600;
	padding-top: 20px;
}

#filterResponsive{
	
	padding: 5px;
	background: #03A9F5 !important;
    color: #fff !important;
    display: block;
	text-align: center;
    padding: 5px 10px;
    width: 25%;
    float: right;
    margin-bottom: 0px;
    margin-top: 7px;
    margin-right: 10px;
}

/*.cat-form .titleForm img{
	display: none;
}*/

	@media only screen and (max-width: 992px) {
		
		.cat-form{
			display: none;
			position: absolute!important;
			z-index: 2!important;
			box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);*/
			margin-top: 23px;
			background-color: white;
		}

		.cat-form .titleForm img{
			display: block;
		}
	}

	
.catalogue-tooltip-top{
	width: 120px;
	height: 35px;
	position: absolute;
	background: #222222;
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 37px;
	margin-left: -62px;
	margin-top: -50px;
	z-index: 2;
	display: none;
	font-family: Lato !important;
}
.catalogue-tooltip-top:after{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 10px 10px 0;
	border-color: #222222 transparent;
	display: block;
	width: 0;
	z-index: 1;
	bottom: -10px;
	left: 50px;
}
.catalogue-tooltip-bottom{
	width: 120px;
	height: 35px;
	position: absolute;
	background: #222222;
	color: #fff;
	font-size: 16px;
	margin-top: 120px !important;
	margin-left: 16px;
	text-align: center;
	line-height: 37px;
	z-index: 2;
	display: none;
	font-family: Lato !important;
}
.catalogue-tooltip-bottom:after{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 0 10px 10px;
	border-color: #222222 transparent;
	display: block;
	width: 0;
	z-index: 1;
	top: -10px;
	left: 50px;
}
.catElement a{ padding: auto; }

.productCatalogue-badge{
    padding: 5px 10px;
    height: auto!important;
    position: absolute;
    left: 0px;
    top: 10px;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 12px!important;
}

/******** FIN CATÁLOGOS ONLINE ********/
/******** NUESTRAS TIENDAS ********/
.ourShops{
	position: relative;
	display: block;
	margin-top: 10px;
	padding-top: 20px !important;
	border-top: 1px solid #e1e1e1;
}
.ourShops h3{
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 25px;
}
.shopBcn{
	width: 48%;
	float: left;
	overflow: hidden;
}
.shopMad{
	width: 48%;
	float: right;
	overflow: hidden;
}
.shopBcn img, .shopMad img{
	width: 100%;
}
.ourShops p{
	padding: 10px;
	padding-top: 20px;
	display: inline-block;
	font-size: 14px;
	text-align: center;
}
.ourShops img:hover{
	 transform:scale(1.05);
    -ms-transform:scale(1.05); /* IE 9 */
    -moz-transform:scale(1.05); /* Firefox */
    -webkit-transform:scale(1.05); /* Safari and Chrome */
    -o-transform:scale(1.05); /* Opera */
}
.ourShops h5{
	width: 100%;
	max-width: 500px;
	height: 40px;
	display: block;
	line-height: 40px;
	position: absolute;
	font-size: 16px;
	background: rgba(256,256,256, 0.9);
	margin-top: -48px;
	text-align: center;
	z-index: 2;
}
/******** FIN NUESTRAS TIENDAS ********/
/******** PERSONALIZACIÓN TEXTIL ********/
.textileCustomization{
	position: relative;
	display: block;
	margin-top: 10px;
	text-align: center;
	padding-top: 20px !important;
	border-top: 1px solid #e1e1e1;
}
.textileCustomization h3{
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 25px;
}
.textileCustomization p{ text-align: center; }
.ind-tecnique{
	width: 200px;
	height: 200px;
	position: relative;
	overflow: hidden;
	display: inline-block;
	margin: 2px !important;
	margin-top: -8px !important;
	background-color: #333333;
	cursor: pointer;
	padding: 0 !important;
}
.ind-tecnique:hover h5{ margin-top: -185px; }
.ind-tecnique:hover hr{ opacity: 0; }
.ind-tecnique:hover h6{ opacity: 0; }
.ind-tecnique:hover img{ opacity: 0.8; }
.ind-tecnique:hover .ind-att{ left: -10px; top: -50px; }
.ind-tecnique img{ display: block; height: 100%; opacity: 0.3; }
.ind-tecnique h5{ 
	position: relative; 
	text-align: center;
	margin-top: -150px;
	font-size: 26px;
	padding: 0;
	color: #fff;
	font-family: Lato !important;
}
.ind-tecnique hr{
	width: 180px;
	position: relative;
	display: inline-block;
	margin: 0 auto;
	border: none;
    height: 2px;
    z-index: 2 !important;
    color: #fff;
    background-color: #fff;
}
.ind-tecnique h6{
	height: 40px;
	position: relative;
	text-align: center;
	font-size: 19px;
	padding: 15px 5px;
	color: #fff;
	font-family: Lato !important;
}
.ind-tecnique .ind-att{
	width: 180px;
	height: auto;
	position: relative;
	top: -85px;
	left: -200px;
 	/*left: -10px;*/
	display: inline-block;
}
.ind-tecnique li{
	width: auto;
	position: relative;
	display: inline;
	clear: both;
	list-style: none;
	float: left;
	text-align: left;
	font-size: 15px;
	padding: 0 5px;
	margin: 1.5px 10px;
	background: #fff;
	color: #333333;
	font-family: Lato !important;
}
/******** FIN PERSONALIZACIÓN TEXTIL ********/
/******** PROCESO DE COMPRA ********/
.orderProcess{ margin-top: 100px !important; }
.orderProcess h4{ font-size: 28px !important; }
.orderProcess ul{ 
	min-width: 300px; 
	padding: 0 !important; 
}
.orderProcess ul li{ 
	list-style: none; 
	padding-left: 10px;
}
/******** FIN PROCESO DE COMPRA ********/
/******** FOOTER ********/
.footer{
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	margin-top: 40px;
	margin-bottom: 0;
	z-index: 1;
}
.footer a{ color: #fff !important; }
.pre-footer{	
	width: 100%;
	height: auto;
	position: relative;
	padding: 15px;	
	background: #03A9F5;
	font-family: Lato !important;
}
.pre-footer h5{
	font-size: 20px;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
}
.pre-footer p{
	color: #fff;
	font-size: 20px;
	margin: 5px !important;
	text-align: center;
}
.pre-footer a{ color: #fff; font-size: 24px; }
.pre-footer a:hover{ text-decoration: underline; }
.middle-footer{
	width: 100%;
	height: auto;
	position: relative;
	padding: 15px;
	padding-bottom: 0;
	text-align: center;
	background: #595959;	
}
.middle-footer .footerLogo{ width: 70px; }
.social-networks{ margin-top: 40px; }
.social-networks a{ margin: 10px; }
.social-networks a i{
	color: #fff;
	font-size: 28px;
}
.social-networks .subCity{
	color: #fff;
	font-size: 12px;
	position: absolute;
	margin-top: 20px;
	margin-left: -18px;
}
.social-networks a:hover .fa-twitter{ color: #55acee; }
.social-networks a:hover .fa-google-plus{ color: #dd4b39; }
.social-networks a:hover .fa-instagram{ color: #3f729b; }
.social-networks a:hover .fa-youtube{ color: #e52d27; }
.social-networks a:hover .fa-facebook{ color: #3b5998; }
.social-networks a:hover .fa-slideshare{ color: #0578B6; }
.social-networks a:hover .fa-flickr{ color: #ff0084; }
.social-networks a:hover .subCity{ color: #3b5998; }
.social-networks a:hover .fa-pinterest{ color: #bd081c; }
.social-networks a:hover .fa-linkedin{ color: #0275b4; }
.footer-links{
	width: 100%;
	height: auto;
	margin-top: 20px;
	position: relative;
	display: inline-block;
}
.footer-links a{
	position: relative;
	display: inline-block; 
	font-size: 15px;
	margin: 20px;
	color: #fff;
}
.link-footer-box{
	width: auto;
	height: auto;
	padding: 0 !important;
	display: inline-block;
}
.foot-wrapper{
	width: auto;
	height: auto;
	position: absolute;
	display: none;
	padding: 10px 25px;
	text-align: center;
	background: #333333;
	border: #fff solid 1px;
}
.foot-wrapper:after{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 12px 12px 0;
	border-color: #333333 transparent;
	display: block;
	width: 0;
	z-index: 1;
	bottom: -12px;
	left: 78px;
}
.foot-wrapper:before{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 12px 12px 0;
	border-color: #fff transparent;
	display: block;
	width: 0;
	z-index: 0;
	bottom: -13px;
	left: 78px;
}	
.foot-wrapper a{ 
	display: block;
	font-size: 14px !important;
	margin: 0; 
}
.foot-wrapper a:hover{ color: #f9bf2f !important; }
.last{
	font-size: 15px;
}
.last-footer{
	width: 100%;
	height: auto;
	position: relative;
	text-align: center;
	padding: 5px;
	color: #fff;
	font-size: 12px;
	background: #000;
	font-family: Lato !important;
}
.last-footer a{ 
	color: #fff; font-family: 
	Lato !important; 
}
.last-footer a:hover{ 
	color: #fff; 
	text-decoration: underline;
}
/******** FIN FOOTER ********/
/******** DETALLE ********/
.opinionButton{
	width: 100%;
	display: block;
	padding: 10px 5px !important;
	margin: 8px 0 !important;
	background: #919696;
	text-align: center;
	font-size: 15px;
	color: #fff !important;
}
.opinionButton:hover{
	color: #fff !important;
	background: #7E8282;
}
.opinionButton2{
	width: 100%;
	display: block;
	padding: 10px 5px !important;
	margin: 8px 0 !important;
	background: #595959;
	text-align: center;
	font-size: 18px;
	color: #fff !important;
}
.opinionButton2:hover{
	color: #fff !important;
	background: #038ECF;
}
.imgConf{ 
	width: 100%; 
	background: #fff;
	text-align: center;
}
.imgConf img{
	width: 50%;
	margin: 10px auto;
}
.namepr{ 
	z-index: 9991 !important; 
}
.otherProducts{
	max-width: 255px;
	background: #f4f4f4;
	padding-bottom: 0 !important;
}
.otherProducts ol{ 
	padding: 10px; 
	padding-right: 5px;
}
.otherProducts h3{ 
	background: #e6e6e6;
	color: #333333;
	padding: 7px 15px 7px 15px;
	text-transform: uppercase;
	margin-top: 0;
	text-align: left;
	font-weight: 600;
	cursor: pointer;
	font-size: 18px;
}
.otherProducts h3 a{
	width: 100%;
	position: relative;
	display: block;
	font-size: 22px;
	margin-top: -28px;
	text-align: right;
	padding: 0 !important;
}
.otherProducts a{
	display: block;
	color: #595959;
	padding: 1px 20px;
}
.dropdown-closed{
	width: 100%;
	height: 42px;
	display: inline-block;
	overflow: hidden;
	margin-top: 15px;
	margin-bottom: -12px;
}
.detail-calculator #calculatorForm{
	position: relative;
	height: 20px;
	display: inline-block;
	margin-top: -20px;
	opacity: 0;
}
.otherCataloguesList{ 
	padding: 5px; 
	margin: 0;
}
.otherCataloguesList li{ list-style: none; }
.fixedPrices{
	width: 340px;
	height: 220px;
	opacity: 0;
	position: fixed;
	display: inline-block;
	top: 50%;
	left: 50%;
	margin-top: -20px;
	margin-left: -170px;
	padding: 10px 20px;
	background: #333333;
	text-align: left;
	z-index: 1 !important;
}
.fixedPrices #openClose{
	width: 30px;
	height: 80px;
	position: absolute;
	margin-left: -50px;
	margin-top: 50px;
	cursor: pointer;
	background: red;
}
/*.fixedPrices:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 15px 0 15px 15px;
	border-color: transparent #333333;
	display: block;
	width: 0;
	z-index: 1;
	right: -8px;
	top: 100px;
}*/
.fixedPrices h4{ 
	width: 340px;
	color: #333333;
	background: #f9bf2f;
	font-size: 20px;
	padding: 5px 15px;
	margin-top: -10px;
	margin-left: -20px;
	text-transform: uppercase;
	font-weight: bold;
}
.fixedPrices p{
	color: #fff;
	font-size: 18px;
	display: inline-block;
	margin: 0 !important;
}
.fixedPrices span{
	color: #fff;
	font-size: 26px;
	padding-left: 7px;
}
.fixedPrices #totalPriceIVA{ color: #f9bf2f; }
.fixedPrices .confirmPresButton{
	width: auto;
	font-weight: normal;
	margin-top: 15px !important;
	font-size: 17px;
	padding: 2px 15px !important;
	text-align: left !important;
}
.detail-calculator .infFormElement{
	font-size: 15px !important;
}
.detail-calculator .infFormElement label{ 
	font-size: 15px !important;
	height: 32px !important;
	line-height: 24px;
}
.detail-calculator .infFormElement select{ 
	width: 160px;
	font-size: 15px !important;
	height: 35px !important;
	line-height: 20px !important;
}
.detail-calculator .infFormElement input{ height: 32px !important; }
.detail-calculator .infFormElement #embolsado{ width: 200px; }
.otherProducts a:hover{ color: #03A9F5; }
.detail-lightbox{
	width: auto;
	position: relative;
	padding-left: 6px;
	display: inline-block;
}
.detail-lightbox a{
	width: 110px;
	height: auto;
	padding: 0 !important;
	overflow: hidden;
	display: inline-block;
	float: left;
	margin: 5px;
}
.detail-lightbox img{ width: 100%; }
.product-info{ 
	max-width: 430px;
	position: relative;
	display: inline-block;
	padding-left: 20px; 
}
.product-info h3{
	text-transform: uppercase;
	font-size: 22px;
	margin-bottom: -5px;
}
.product-info .reference{ 
	font-size: 14px; 
	padding-left: 5px;
}
.mainProductImage{
	/*height: 300px;
	padding-top: 15px;
	margin-bottom: 30px;
	text-align: center;*/
	min-height: 435px;	
}
.mainProductImage img {
    /*max-height: 380px;*/
    width: 98%;
	position: relative;
}
.fixedIcons{
	position: absolute;
	top: 80px;
	left: 20px;
}
.detail-icon{
	width: 50px;
	position: relative;
	margin: 15px 0;
	display: block;
}
.detail-info{
	border: 1px solid #cdcdcd;
}
.detail-tabs{ background: #595959 !important; }
.detail-tabs li a{
	padding: 5px 12.9px !important;
	background: #595959 !important;
	color: #fff !important;
	font-family: Lato !important;
}
.detail-tabs .active a{ 
	color: #595959 !important;
	background: #fff !important;
	font-family: Lato !important;
}
.tabs-detail{ padding: 0px !important; margin: 0 !important; }
.tabs-detail .content{
	height: auto;
	padding: 20px 20px 10px 20px !important;
	color: #595959 !important;
}
.tabs-detail .content strong{ 
	color: #595959; 
	font-size: 17px;
	font-family: Lato !important;
}
.tabs-detail .content p{ 
	color: #595959; 
	padding-top: 5px;
	font-size: 15px;
}
.tabs-detail .detail-colors{ padding: 30px 30px 15px 30px !important; }
.tabs-detail .detail-description{ padding-bottom: 0 !important; }
.tabs-detail .detail-sizes{ padding-bottom: 15px !important; }
.detail-colors img{ 
	/*object-fit: contain;
    height: 97px;
	width: 64px; */
	height: 38px;
	width: 38px;
	object-fit: cover;
	object-position: top;
	position: relative;
	display: inline-block;
	margin: 8px;
	cursor: pointer;
	border-radius: 50%;
	border: 1px solid rgba(0,0,0,.2);
	margin-top: -40px;
}
.tabs-detail .size{
   font-size: 22px;
	font-weight: 600;
	position: relative;
	display: inline-block;
	color: #2E2E2E !important;
	margin: 5px 7px;
}
.sizes-table{
	max-width: 300px;
	margin-top: 10px;
	border: none !important;
	display: inline-block;
}
.sizes-table td{ 
	font-family: Lato !important; 
	color: #2E2E2E !important;
	text-align: center;
	font-size: 16px;
}
.sizes-table thead{ background: #2E2E2E !important; }
.sizes-table thead td{
	width: 50%;
	background: #2E2E2E !important;
	font-weight: normal;
	font-size: 16px;
	text-align: center;
	color: #fff !important;
}
.measureSizes{ font-size: 14px !important; display: inline-block; padding: 5px; margin-left: 5px; text-align: center;}
.shirtMeasuresText{ font-size: 14px !important; display: block; margin-left: 15px}
/*.measureSizes *{ line-height: 0 !important; }*/
.extra-lightbox{
	width: auto;
	position: relative;
	padding-left: 0px;
	margin-top: 20px;
	display: inline-block;
}
.extra-lightbox a{
	width: 75px !important;
	height: 45px;
	padding: 0 !important;
	overflow: hidden;
	display: inline-block;
	float: left;
	margin: 5px;
}
.content-faq{
	font-size: 15px;
	font-family: Lato !important;
}
.extra-lightbox img{ width: 100%; }
.content-faq strong{ 
	font-size: 16px; 
	display: inline-block; 
	padding-top: 10px !important; 
}
.detail-calc{ 
	max-width: 345px;
	position: relative;
	display: inline-block;
	padding: 0 !important;
	overflow: hidden !important;
}
.detail-calc h3{
	padding: 5px 15px;
	font-size: 22px;
	margin-top: -1px;
	margin-bottom: 0;
	background: #03A9F5;
	color: #fff;
}
.pricing-table{
	width: 160px !important;
	position: relative !important;
	display: block !important;
	margin-top: 10px;
	border: none;
}
.pricing-table thead{ background: #E3E3E3; }
.pricing-table td{
	font-size: 11px;
	text-align: center;
	padding: 4.4px;
	font-family: Lato !important;
}
.pricing-table .secondColor{ background: #f6f6f6; }
.pricing-table tbody td{ border: 1px solid #f1f1f1; }
.relatedProduct{
	width: 50%;
	height: 267.2px;
	padding: 7px;
	margin-top: 10px;
	display: inline-block;
	text-align: center;
	float: inline-start;
	position: relative;
}
.relatedProduct a{ color: #222222 !important; }
.relatedProduct img{
	height: 140px;
	margin-bottom: 10px;
}
.verProducto{
	position: absolute;
	bottom: 5px;
  	left: 15px;
	align-content: center;
	padding: 7px;
}
.rellink{
	display: block;
	margin-top: 7px;
	cursor: pointer;
}
.rellink:hover{ background: #f9bf2f; }
.callToInput{
	width: 100%;
	opacity: 0;
	padding: 8px;
	position: relative;
	display: block;
	margin-top: -10px !important;
	background: #f9bf2f;
	font-size: 15px;
	font-weight: bold;
	color: #333333;
	text-align: center;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
}
.callToInput:after{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 0 15px 15px;
	border-color: #f9bf2f transparent;
	display: block;
	width: 0;
	z-index: 1;
	top: -8px;
	right: 60px;
}
.fraseMultiplos{
	width: 100%;
	position: relative;
	display: inline-block;
	padding: 7px;
	margin-top: 5px;
	margin-bottom: 7px;
	bottom: 0;
	background: rgba(51, 51, 51, 0.9);
	color: #fff;
	font-size: 15px;
	text-align: center;
}
.onylBordado{
	width: 97%;
	height: auto;
	padding: 10px;
	opacity: 0;
	position: relative;
	display: inline-block;
	margin-top: 35px;
	background: #f4f4f4;
	overflow: hidden;
}
.onylBordado a{ 
	font-size: 15px; 
	font-weight: bold;
}
.onylBordado strong{
	font-family: Lato;
	font-size: 16px;
	display: block;
}
/******** FIN DETALLE ********/
/******** CALCULADORA POP-UP ********/
#showColor, #showPersonalizadas{ display: none; }
#summaryButton{
	margin-bottom: 60px;
}
.resumenPedido{
	height: 47px;
	overflow: hidden;
	margin-top: 25px;
	padding-bottom: 15px;
}
.resumenPedido h5{
	width: 100%;
	margin-left: -10px;
	position: absolute;
	font-size: 21px !important;
	background: #595959;
	color: #fff;
	font-weight: normal !important;
	padding: 7px;
	padding-left: 15px;
	cursor: pointer;
}
.resumenPedido h5 i{
	color: #fff;
	font-size: 24px;
	padding-right: 7px;
	line-height: 30px;
	float: right;
}
.showFinalPrices{ padding-top: 20px; }
.showFinalPrices .detbtn{
	width: 100%;
	height: 70px;
	line-height: 25px !important;
	padding: 10px 5px !important;
	margin: 4px 0 !important;
	text-align: center;
	font-size: 18px;
}
.showFinalPrices .detbtn i{ 
	color: #fff !important; 
	font-size: 20px !important;
	padding-right: 4px !important;
}
.showFinalPrices .recalculateButton{
	width: 100%;
	height: 40px;
	position: relative;
	display: block;
	margin-top: -8px;
}
.showFinalPrices .banner48{
	width: 100%;
	position: relative;
	display: inline-block;
	margin-top: 40px;
	padding-left: 10px;
	padding: 10px;
	margin-bottom: 15px !important;
	background: #f4f4f4;
	text-align: center;
}
.showFinalPrices .banner48:after{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 0 15px 15px;
	border-color: #f4f4f4 transparent;
	display: block;
	width: 0;
	z-index: 1;
	top: -12px;
	left: 150px;
}
#totalPricesWrapper .banner48 small{
	font-size: 14px;
	display: block;
	font-style: italic;
}
.showFinalPrices .banner48 h5{ padding: 0; text-align: center;}
.showFinalPrices .banner48 span{
	display: inline-block;
	margin: 0;
	padding: 0;
}
.showFinalPrices .banner48 a{
	width: 120px;
	text-align: center;
	display: inline-block;
	margin-top: 10px;
}
.showFinalPrices .banner48 span strong{ font-family: Lato !important; }
.showFinalPrices .onlyPrices{
	margin-top: -10px;
	margin-bottom: 30px;
	padding: 0;
	background: #f4f4f4;
	border: 2px solid #f9bf2f;
}
.showFinalPrices .finalprice{
	margin: 0 !important;
	padding: 0 15px !important;
	font-size: 18px;
}
.showFinalPrices .finalprice span{ display: inline-block; }
.showFinalPrices h5{ 
	font-size: 18px;
	font-weight: bold;
}
.showFinalPrices span{
	font-size: 15px;
	display: block;
}
.showFinalPrices .finalprice span{ font-size: 23px; }
.showFinalPrices .finalprice #valueFinalPriceIVA{ font-weight: bold; }
.detail-calculator{
	background: #e1e1e1;
	height: auto;
	max-height: 120px;
	padding: 10px;
	padding-bottom: 0;
}
.detail-calculator p{
	padding: 7px;
	font-size: 15px;
}
.detail-calculator input[type=text]{
	/*width: 60px;*/
	height: 30px;
	display: inline-block;
	/*margin-left: 15px;*/
}



.popCalculator .calcIcon{
	width: 55px;
  	height: 40px;
  	position: relative;
  	display: inline-block;
  	float: left;
  	background-size: 430px;
  	background-image: url('../img/icons/calcicons.png');
  	background-repeat: no-repeat;
}
.popCalculator .formTitle{
	display: inline-block;
	position: absolute;
	margin-top: 4px;
	padding-left: 8px;
}
.popCalculator .radios{ padding-right: 10px !important; }
.popCalculator .hoverBlock{ 
	padding: 10px !important; 
	min-height: 60px;
	margin: 0 !important;
}
.popCalculator .detbtn{
	width: 100%;
	height: 45px;
	line-height: 25px !important;
	padding: 10px 5px !important;
	margin: 4px 0 !important;
	text-align: center;
	font-size: 18px;
}
.popCalculator .detbtn i{ 
	color: #fff !important; 
	font-size: 20px !important;
	line-height: 37px;
	padding-right: 4px !important;
}
.popCalculator .hoverBlock:hover{ background: #E8E8E8; }
#selectSleeves{ margin-top: 0px !important; }
.divSleeve{ max-height: 60px; }
.divSleeve select{ width: 120px !important; }
.popCalculator .baggingDiv{ 
	margin-top: 10px !important;
	padding-top: 0 !important;
	max-height: 130px;
	line-height: 38px;
}
.popCalculator .iconFront{ background-position: 0 0; margin-top: -3px; }
.divTF:hover .iconFront{ background-position: 0 -66px; }
.popCalculator .iconBack{ background-position: -55px 0; margin-top: -3px; }
.divTT:hover .iconBack{ background-position: -55px -66px; }
.popCalculator label .calcIcon{ background-color: #f4f4f4; }
.popCalculator .iconNormal{ background-position: -104px -3px; margin-top: -3px; }
#radioPantallaFN:checked +label .iconNormal{ background-position: -104px -69px; }
#radioPantallaTN:checked + label .iconNormal{ background-position: -104px -69px; }
.popCalculator .iconXL{ background-position: -215px -3px; margin-top: -3px; }
#radioPantallaFXL:checked + label .iconXL{ background-position: -215px -69px; }
#radioPantallaTXL:checked + label .iconXL{ background-position: -215px -69px; }
.popCalculator .iconS{ background-position: -160px -3px; margin-top: -3px; }
#radioDTG1F:checked + label .iconS{ background-position: -160px -69px; }
#radioDTG2F:checked + label .iconNormal{ background-position: -104px -69px; }
#radioDTG3F:checked + label .iconXL{ background-position: -215px -69px; }
#radioDTG1T:checked + label .iconS{ background-position: -160px -69px; }
#radioDTG2T:checked + label .iconNormal{ background-position: -104px -69px; }
#radioDTG3T:checked + label .iconXL{ background-position: -215px -69px; }
.popCalculator .iconSleeves{ background-position: -277px 0; margin-top: -3px; margin-right: 7px; }
.sleevesDiv:hover .iconSleeves{ background-position: -277px -66px; margin-top: -3px; margin-right: 7px; }
.popCalculator .iconSleeveI{ background-position: -332px 0; margin-top: -3px; margin-right: 12px; }
.divSleeve:hover .iconSleeveI{ background-position: -332px -66px; }
.popCalculator .iconSleeveD{ background-position: -387px 0px; margin-top: -3px; margin-right: 12px; }
.divSleeve2:hover .iconSleeveD{ background-position: -387px -65px; margin-top: -3px; }
.popCalculator .iconEmb{ background-position: -59px -133px; margin-top: -3px; }
.popCalculator #plegado:checked + label .iconEmb{ background-position: -225px -133px; margin-top: -3px; }
.popCalculator .iconEmb2{ background-position: -114px -133px; margin-top: -3px; }
.popCalculator #plegadoplus:checked + label .iconEmb2{ background-position: -280px -133px; margin-top: -3px; }
.popCalculator .embolsadoBlock{ min-height: 65px; }
#selectSleeves .large-6{ margin-top: 15px; }
.popCalculator .sleevesDiv .radios{ padding-right: 0 !important; }
.popCalculator .embolsadoBlock label{
	width: 230px;
	height: 40px;
	line-height: 35px;
}
.popCalculator .embolsadoBlock .radios{ 
	padding-right: 0 !important; 
	margin-top: 1px;
}
.popCalculator .sleevesDiv{ padding-bottom: 15px !important; }
.popCalculator .divSleeve2{ padding-left: 10px !important; }
.popCalculator .sleevesDiv{ padding-bottom: 15px; }
.popCalculator .popCalcBlock{
	font-family: Verdana, Geneva, sans-serif !important;
	font-size: 14px !important;
	margin-top: 50px;
}
.popCalculator .popCalcBlock .columns{ line-height: 35px; }
.popCalculator div, .popCalculator .stampSizes, .popCalculator div span{
	font-family: Verdana, Geneva, sans-serif !important;
	font-size: 14px !important;
}
.popCalculator .popCalcBlock img{
	width: 35px;
	float: left;
	margin-top: 1px;
	margin-right: 7px;
}
.popCalculator .block1{ padding-right: 10px !important; }
.popCalculator .block2{ padding-left: 5px !important; }
.popCalculator{
	width: 1000px;
	height: 730px;
	overflow: hidden;
	position: absolute;
	display: none;
	padding: 0;
	opacity: 0;
	top: 0;
	left: 50%;
	margin-left: -500px;
	/* margin-top: -150px; */
	margin-top: 150px;
	background: #e1e1e1;
	z-index: 9995;
	border-radius: 2px;
	border: none;
}
.popCalculator h3{
	width: 100%;
	min-width: 1000px;
	position: absolute;
	display: inline-block;
	background: #333333;
	color: #fff;
	margin-top: -2px;
	padding: 3px 12px;
	text-transform: uppercase;
}
.popCalculatorFP h3{ margin-top: -18px !important; }
.popCalculatorFP .close{ margin-top: -10px !important; }
.popCalculator .row{ 
	width: 960px !important;
	margin-top: 0 !important; 
}
.popCalculator .blockQuant p{
	display: inline-block;
	position: absolute;
	margin-top: 5px;
}
.popCalculator input[type=text]{
	width: 70px;
	height: 35px;
	display: inline-block;
	float: right;
	margin-top: 1px;
	text-align: center;
	border: 1px solid #D9D9D9;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
}
.popCalculator input[type=text]:focus{ border: 1px solid #999999; }
.popCalculator .close{
	position: absolute;
	right: 10px;
	margin-top: 7px;
	cursor: pointer;
}
.popCalculator .deliveryBlock{
	height: auto !important;
	position: relative;
	margin-top: -10px !important;
}
.popCalculator .deliveryBlock .imgWrapper img{ opacity: 0.4; }
.popCalculator .deliveryBlock input:checked + label .imgWrapper img{ opacity: 1; }
.popCalculator .servicesBlock{
	margin-top: 15px !important;
	margin-bottom: 15px !important;
}
.popCalculator .servicesBlock{ margin-top: -8px !important; }
.popCalculator .servicesBlock label{ 
	width: 100px; 
	display: inline-block;
}
.popCalculator .servicesBlock .radios{
	padding-right: 0 !important;
	float: right;
}
.popCalculator .close i{ color: #fff; }
.popCalculator .close:hover i{ color: #f9bf2f; }
.popCalculator .close i{ font-size: 25px; }
.popCalculator .deliveryBlock .imgWrapper{
	width: 100%;
	height: auto;
	position: relative;
	margin-top: -5px;
	padding: 5px 0;
	margin-bottom: 7px;
	background: #f4f4f4;
}
#priceI, #priceIIVA{ 
	font-size: 18px !important; 
	padding-left: 15px;
	color: #555555 !important;
}
#valueFinalPriceI, #valueFinalPriceIIVA{
	font-size: 16px !important;
	color: #444444 !important;
	margin-top: -8px !important;
	padding-left: 15px !important;
}
.radioEstampadono, .radioEstampadosi{ width: 43px !important; }
.radioEstampadono{
	position: relative;
	left: 30px !important;
}
.radioEstampadosi{
	position: relative;
	left: 29px !important;
}
.popCalculator .deliveryBlock .imgWrapper img{
	width: auto;
	float: none;
}
.popCalculator .deliveryBlock .mayustitle{
	word-spacing: 100px;
	font-size: 16px !important;
	line-height: 20px;
}
.popCalculator .block3 strong, .popCalculator .block3 span{
	font-size: 15px !important;
	font-family: Verdana, Geneva, sans-serif !important;
	color: #333333;
}
.popCalculator .block1 label{
	margin-left: -5px !important;
}
.popCalculator .deliveryBlock label{
	width: 31.4%;
	height: auto;
	font-size: 20px;
	margin: 10px 0 !important;
}
.popCalculator .deliveryBlock .small{ 
	font-size: 10px !important;
	color: #333333;
	position: relative;
	display: block;
	padding: 0 !important;
}
.popCalculator input[type=radio]:checked + label .small{ color: #fff; }
.popCalculator input[type=radio]:checked + label .imgWrapper{ background: #99ddfa; }
.popCalculator input[type=radio]:checked + label .mayustitle{ color: #fff; }
.popCalculator .sleeveSelectDiv select{ 
	width: 120px;
	float: none;
	margin-top: 1px;
	margin-left: 7px;
}
.popCalculator .customTooltip{
	width: 230px;
	padding: 5px 10px;
	display: none;
	text-align: left;
	margin-top: 60px;
	margin-left: -110px;
	background: #333333;
	position: absolute;
	color: #fff;
	font-size: 14px !important;
	font-weight: normal;
	z-index: 2;
}
.popCalculator .customTooltip:after{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 0 15px 15px;
	border-color: #333333 transparent;
	display: block;
	width: 0;
	z-index: 1;
	top: -8px;
	right: 15px;
}
#plegadoplus + label .customTooltip{
	width: 400px;
	font-size: 12px !important;
	margin-top: -135px;
	margin-left: -170px;
}
#plegadoplus + label .customTooltip:after{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 15px 15px 0;
	border-color: #333333 transparent;
	display: block;
	width: 0;
	z-index: 1;
	top: 76px;
	right: 35px;
}
#wrapDTGtrasero .customTooltip{ margin-top: 30px; }
.popCalculator .customTooltip h4{
	text-transform: uppercase;
	color: #03A9F5;
	font-size: 16px;
	font-family: Verdana, Geneva, sans-serif !important;
}
.popCalculator .customTooltip p{
	margin: 10px;
	color: #fff;
	padding-left: 10px;
	font-size: 13px;
	font-family: Verdana, Geneva, sans-serif !important;
}
.popCalculator .servicesBlock .customTooltip{
	width: 600px;
	padding: 15px;
	margin-left: -500px;
	margin-top: 22px;
	text-align: left;
}
.popCalculator #alert10{
	width: 0;
	padding: 0;
	border: none;
	height: 35px;
	position: relative;
	overflow: hidden;
	display: inline-block;
	left: 525px;
	margin-top: 1px;
	font-size: 14px;
	background: #FFB7B1;
	color: #bb2024;
	text-align: center;
	z-index: 9;
}
.popCalculator .infoBlock{
	position: relative;
	height: 40px;
	margin: 10px 0;
	font-size: 14px !important;
	font-family: Verdana, Geneva, sans-serif !important;
}
.popCalculator .radioEmbolsado{ margin-left: 3px; }
.popCalculator .baggingDiv .radios{ float: right; }
.popCalculator .radioEmbolsado label{ 
	width: 43px !important; 
	margin-left: -5px !important;
}
.popCalculator .radios{ 
	position: absolute;
	right: 0;
	margin-top: -5px;
}
.popCalculator input[type=radio]{ display: none; }
.popCalculator input[type=radio]:checked + label{ 
	background: #03A9F5;
	color: #fff;
}
.popCalculator label{
	width: 75px;
	height: 35px;
	padding: 3px 0;
	line-height: 28px;
	margin: 0 !important;
	margin-left: -3px !important;
	margin-top: 7px !important;
	text-align: center;
	background: #f4f4f4;
	color: #333333;
}
.popCalculator .radiosDTG label{ width: 120px !important; }
#radioDTG1F + label, #radioDTG2F + label, #radioDTG1T + label, #radioDTG2T + label{
	margin-right: 15px !important;
}
.popCalculator select{
	width: 245px;
	height: 35px;
	float: right;
	margin-top: 1px;
	position: relative;
	display: inline-block;
	cursor: pointer;
}
.popCalculator #opcionesEntrega{ width: 100%; }
.popCalculator .selectColors{
	width: 190px;
	margin-top: 1px;
}
#radioColorC + label .customTooltip{
	width: 270px !important;
	left: -15px;
	top: 5px;
}
#radioPantallaTN + label, #radioPantallaFN + label, #radioDTG1T + label, #radioDTG2T + label, #plegado + label{
	margin-right: 15px !important;
}
.popCalculator .stampTints{ min-width: 340px; }
.popCalculator .stampSizes{ padding-left: 60px !important; }
.popCalculator .stampSizes span{ line-height: 35px; }
.popCalculator .stampSizes .radios{ left: 82px; padding-right: 0 !important; }
.popCalculator .stampSizes label{
	width: 120px;
	height: 40px; 
	float: right;
	margin-top: 4px !important;
}
.popCalculator .stampSizes .radios img{ margin: -3px 0 0 0 !important; }
.popCalculator label:hover .customTooltip{ display: block; }
.popCalculator .pricesFinal{
	position: relative;
	padding: 10px;
	text-align: left;
	background: #f4f4f4;
}
.popCalculator .pricesFinal h4{
	width: 100%;
	padding: 0;
	margin-top: 0;
	margin-bottom: 10px;
	text-align: left;
	font-weight: bold;
	color: #333333;
	font-size: 18px !important;
	text-transform: uppercase;
}
.popCalculator .pricesFinal h4:after{ content: ":"; }
.popCalculator .pricesFinal #totalPrice, .popCalculator .pricesFinal #totalPriceIVA{
	color: #333333 !important;
	font-weight: bold;
}
.popCalculator .pricesFinal p{
	color: #333333;
	padding: 0 !important;
	margin: 0 !important;
}
.popCalculator .pricesFinal span{
	font-size: 22px !important;
	color: #333333 !important;
	font-family: Lato !important;
	padding-left: 7px;
}
.popCalculator .banner48{
	background: #f4f4f4;
	padding: 10px !important;
	margin-top: 10px !important;
	font-size: 14px !important;
}
.popCalculator .banner48 .large-8, .popCalculator .banner48 span{
	line-height: 25px !important;
}
.popCalculator .banner48 h5{ 
	font-weight: bold;
	margin: 0 !important;
	padding: 0 !important;
	padding-bottom: 5px !important;
}
.popCalculator .banner48 span{
	font-size: 14px !important;
	padding-left: 0;
}
.popCalculator .banner48 a{
	width: 100%;
	text-align: center;
	color: #fff !important;
	margin-top: 25px;
	background: #adb3b3;
	display: inline-block;
	vertical-align: middle;
}
.popCalculator .banner48 a:hover{ background: #8F9494; }
.popCalculator .banner48 span strong{ 
	font-family: Lato !important; 
	font-size: 16px !important;
}
.popCalculator #priceNoPrint{
	height: auto !important;
	position: relative;
	margin-top: -10px;
}
.popCalculator .confirmPresButton, .popCalculator .pdfButton{
	width: 100%;
	margin: 5px 0 !important;
	padding: 3px 10px !important;
	font-size: 18px !important;
}
.popCalculator .confirmPresButton{ margin-top: 15px !important; }
.confirmPresButton{
	width: 99%;
	position: relative;
	display: inline-block;
	text-align: center;
	text-transform: none !important;
	font-weight: normal !important;
	padding: 5px 12px;
	margin-top: 25px;
	margin-bottom: 12px;
	font-size: 18px;
	cursor: pointer;
	color: #fff !important;
}
.confirmPresButton:hover{
	color: #fff !important;
}
.pdfButton{
	width: 99%;
	position: relative;
	display: inline-block;
	text-align: center;
	padding: 5px 12px;
	margin-bottom: 0 !important;
	font-size: 18px;
	cursor: pointer;
	color: #fff !important;
	background: #DB433A;
}
.pdfButton:hover{
	color: #fff !important;
	background: #DB2F21;
}
.pdfButton i, .confirmPresButton i{
	font-size: 24px;
	color: #fff;
	padding-right: 10px;
}
.confirmPresButton { text-transform: none; }
.flashAdvise h4{ font-weight: bold; }
.flashAdvise{
	height: 120px !important;
	padding: 10px !important;
	margin-right: 10px;
	background: #f4f4f4;
	margin: 5px; 
}
.flashAdvise p{ margin: 0 !important; }
.flashAdvise small{
	font-size: 14px;
	color: #333333;
	margin: 0 !important;
}
#wrapPrecios{
	height: 0;
	overflow: hidden;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
}
#totalPricesWrapper{
	height: 0;
	overflow: hidden;
	position: relative;
	display: inline-block;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	width: 100%;
}
#showEmbolsado{ display: none; }
/******** FIN CALCULADORA POP-UP ********/
/****** NUEVO CHECKOUT *********/
.newCheckoutRight{
	background-color: #f9f9f9;
	padding: 10px;
}



.newCheckoutRight h3, .newCheckoutLeft h3{
	text-transform: uppercase;
	font-size: 16px;
	padding-bottom: 4px;
	border-bottom: 2px solid #919898;
	font-weight: bold;
	margin-bottom: 14px;
}

.newCheckoutRight h5{
	font-size: 16px;
	display: inline-block;
	font-weight:bold;
}

.newCheckoutRight span{
	font-weight: bold;
}

.mini-img{
	margin-left: 8px;
	margin-right: 8px;
}

.lit-title{
	margin-top: 20px;
	margin-bottom: 0px;
	font-weight: bold;
}

.newCheckoutLeft{
	padding-top: 10px!important;
/*	border: 1px solid blue; */
}

.newCheckoutLeft textarea{
	height: 110px;
	margin-bottom: 20px;
}

.newCheckoutLeft input[type=file]{
	width: auto;
	display: block;
	float: none;
	margin-top: 5px !important;
	cursor: pointer;
	font-family: Lato !important;
}

.newCheckoutLeft .greenButton{
	width: 60%;
	position: relative;
	display: block;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	text-transform: none;
	padding: 7px 15px;
	color: #fff !important;
	margin-bottom: 10px;
}

.newCheckoutLeft .fa-asterisk{
	color: #03a9f5;
	position: relative;
	display: inline;
	font-size: 10px;
	padding-right: 5px;
}

.info-revisa p{
	font-size: 12px;
	padding: 5px;
	padding-left: 10px!important;
}

.newCheckoutRight .d-pedido{
	font-size: 14px;
	margin-top: 20px;
}

.newCheckoutRight .d-pedido p{
	font-size: 14px!important;
}

.newCheckoutRight .d-pedido span{
	font-size: 16px;
}

.d-pedido .strong{
	font-weight: 700;
	font-size: 14px!important;
}

.pointer{
	cursor: pointer;
}

.details-pedido{
	display: none;
}

.purchasing-process-g{
	background-image: url("http://tshirt-fr.com/img/fondo-process-g.png");
	/*background-position: right top;*/
	background-repeat: repeat-x;
/*	border: 1px solid black;*/
	text-align: center;
	padding-bottom: 16px;			
	margin-bottom: 30px;
	margin-top: 16px;
}

.purchasing-process-g p{
	margin-top: 30px;
	color: #a3a3a3;
	font-size: 14px;
}

.purchasing-process{
	background-image: url("http://tshirt-fr.com/img/fondo-process.jpg");
	/*background-position: right top;*/
	background-repeat: repeat-x;
/*	border: 1px solid black;*/
	text-align: center;
	padding-bottom: 16px;
	margin-top: 16px;
	margin-bottom: 24px;
}
.purchasing-process img{
	margin-top:-14px;
	margin-bottom: 0px!important;
}

.title-p-process h5{
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: -1px;
	margin-top: 16px;
}

.purchasing-process p{
	margin: 0px;
	font-size: 15px;
	line-height: 20px;	
}

.purchasing-process br{
	line-height: 10px;
}

.big-p{
	height: 32px;
}

.tshirt-name{
	margin-bottom: 10px;
	margin-top: 36px;
}

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

/******** CHECKOUT ********/
.checkoutLeft{
	border: 1px solid #d6d6d6;
	padding: 0;
	font-size: 15px;
}
.checkoutLeft h3{
	width: 100%;
	padding: 7px;
	text-transform: uppercase;
	margin-top: -3px;
	margin-bottom: 20px;
	background: #333333;
	font-size: 22px;
	color: #fff;
	text-align: center;
}
.checkoutLeft .productImg{
	width: 30%;
	display: block;
	margin: 5px auto;
	margin-bottom: 15px;
}
.checkoutLeft .fpimg{ width: 50%; }
.checkoutLeft h5{
	font-weight: bold;
	display: inline-block;
}
.checkoutLeft .checkout-price{
	display: inline-block;
	font-size: 22px;
	padding-left: 7px;
	font-weight: bold;
}
.checkoutLeft br{
	margin: -100px !important;
	padding: 0 !important;
}
.checkoutLeft .callnow{ font-size: 18px; }
.checkoutLeft .bigPhone{
	font-size: 20px;
	font-weight: bold;
	padding-left: 7px;
}
.checkoutLeft .bigText{
	font-size: 16px;
	font-weight: bold;
	display: block;
	text-transform: uppercase;
}
.checkoutLeft ul{ margin-left: 7px !important; }
.checkoutLeft ul li{ list-style: none; }
.COlogo{
	width: 100%;
	position: absolute;
	padding-right: 15px !important;
}
.checkoutRight h5{
	font-weight: bold;
	font-size: 20px;
}
.checkoutRight strong{
	margin-top: 20px;
	font-size: 16px;
	display: block;
}
.checkoutRight .required{
	color: #03A9F5;
	position: relative;
	display: inline;
	font-size: 11px;
	padding-right: 5px;
	margin-top: -100px;
}
.checkoutRight .ind-form{
	width: 60%;
	height: 40px;
	display: inline-block;
	margin: 10px 0;
	line-height: 38px;
}
.checkoutRight .ind-form input{
	position: relative;
	width: 50%;
	float: right;
	margin: 0 !important;
}
.checkoutRight strong, .checkoutRight u{ font-family: Lato !important; }
.checkoutRight .ind-form input[type="file"]{
	width: auto;
	display: block;
	float: none;
	margin-top: 5px !important;
	cursor: pointer;
	font-family: Lato !important;
}
.formNote{
	/*position: absolute;
	right: 0;
	display: inline-block;
	line-height: 25px;
	padding-top: 15px;
	padding-left: 7px;
	color: #0284BF;*/
	font-size: 12px;
}
.formNote2{
	/*margin-right: -163px;*/
	width: 220px; float: right;
}
.checkoutRight textarea{
	margin-top: 15px !important;
	margin-bottom: 5px !important;
	min-height: 100px;
}
.checkoutRight .submitbutton{
	width: 60%;
	position: relative;
	display: block;
	margin-top: 58px;
	margin-left: 20px;
	text-align: center;
	text-transform: none;
	padding: 7px 15px;
	color: #fff !important;
}
#marcoCondiciones{
	position: absolute;
	height: 50px;
	padding: 8px;
	border-radius: 5px;
	border: 2px solid #fff;
	font-size: 14px;
	line-height: 34px;
	margin-bottom: 5px;
}
.sentCheck{
	font-size: 80px;
	color: #67B359;
	float: right;
	padding-right: 35px;
}
.sent{ padding-top: 40px !important; }

/******** FIN CHECKOUT ********/
/******** CASE STUDIES ********/
.case-studies{
	text-align: left;
}
.case-studies .title{
	display: none;
	visibility: hidden;
}
.case-studies hr{
	max-width: 961px;
	margin-left: 7px;
	margin-bottom: 30px;
}
.case-studies h3{
	text-align: left;
	font-size: 30px;
	margin-bottom: 20px;
}
.case-studies p{ 
	text-align: left; 
}
.ind-cl-big{
	width: 230px;
	height: 230px;
	position: relative;
	display: inline-block;
	margin: 7px;
	overflow: hidden;
	background: #222222;
	cursor: pointer;
}
.ind-cl-big:hover img{ opacity: 0.5; }
.ind-cl-big:hover .cl-box{ left: 15px; }
.ind-cl-big .cl-box{
	width: 100%;
	position: absolute;
	text-align: left;
	padding-top: 15px;
	top: 0;
	left: -230px;
}
.ind-cl-big .cl-box h4{ 
	width: auto;
	position: relative;
	padding: 2px 15px;
	display: inline-block;
	background: #fff;
	color: #222222;
	margin-bottom: 10px; 
}
.ind-cl-big .cl-box p{ 
	width: 200px;
	position: relative;
	padding: 7px 15px;
	display: inline-block;
	background: #fff;
	color: #222222;
}
.cl-small-container{
	margin-left: 3px;
	padding-top: 15px;
}
.ind-cl-small{
   	width: 115px;
	height: 115px;
	cursor: pointer;
	overflow: hidden;
	display: inline-block;
	margin: 3px;
	margin-top: -8px;
}
.ind-cl-small:hover h4{ opacity: 1; }
.ind-cl-small h4{
	width: 115px;
	height: 115px;
	position: absolute;
	margin-top: -115px;
	padding: 7px;
	padding-top: 50px;
	text-align: center;
	opacity: 0;
	font-weight: 600;
	background: rgba(255,255,255,0.9);
	color: #222222;
	font-size: 15px;
}
.slider-nav-client{ margin-bottom: 30px; }
.slider-nav-client .slider-button{ /*width: 338.5px;*/ width: 33% }
.client{ padding: 0 !important; }
.clientLeft{
	padding: 0 !important;
	border: 1px solid #D1D1D1;
}
.clientLeft img{
	width: 100%;
	padding: 0 25px;
	margin-bottom: 10px;
}
.clientLeft h3{
	padding: 7px 15px;
	font-size: 20px;
	margin: 0 !important;
	margin-bottom: 20px !important;
	text-align: center;
	background: #222222;
	color: #fff;
	text-transform: uppercase;
}
.clientLeft a, .clientLeft p{ padding-left: 25px; }
.clientLeft a{
	font-size: 16px;
	font-weight: 600;
	color: #03A9F5;
}
.clientLeft p{ margin: 2px !important; }
.clientLeft .topMore{ margin-top: 20px !important; }
.clientLeft .inside strong{ padding-right: 5px; }
.clientLeft .inside a{ 
	padding: 0 !important; 
	font-weight: normal;
}
.clientLeft .inside{
	padding-left: 25px;
	line-height: 25px;
	display: block;
}
.clientLeft .pushtop{ 
	margin-top: 15px; 
	margin-bottom: 25px !important;
	padding-right: 20px;
}
.clientLeft .centered{
	width: 100%;
	height: auto;
	padding-bottom: 10px;
	display: inline-block;
	position: relative;
	text-align: center !important; 
}
.clientLeft .socialLink{ 
	padding: 10px !important;
	margin: 0 !important;
	font-size: 30px; 
}
.clientLeft .socialLink:hover i{ color: #03A9F5; }
.clientRight{
	padding-left: 35px;
	width: 75%!important;
}
.clientRight h3{
	text-align: 26px;
	padding-bottom: 10px;
	text-transform: uppercase;
}
.clientRight .clientText br{
	display: block;
	line-height: 45px;
   	margin: 12px 0;
}
.clientRight .clientText cita{
	width: 100%;
	padding: 7px 15px;
	padding-left: 35px;
	display: block;
	font-size: 18px;
	margin-bottom: 25px;
	border-right: 7px solid #f9bf2f;
	background: #f4f4f4;
}
.clientRight .clientText cita, .clientRight .clientText cita strong, .clientRight .clientText i{
	color: #333333;
}
.clientRight .clientText cita:before{
	content: open-quote;
	font-size: 50px;
	left: 45px;
	position: absolute;
	color: #BABABA;
}
.clientRight .clientText cita i{
	font-size: 16px;
	padding-left: 5px;
}
.client-lightbox img{
	width: 31%;
	margin-right: 10px;
}
/******** FIN CASE STUDIES ********/
/******** CALCULADORA RÁPIDA ********/
.quick-calc-wrap{
	/*height: 120px;*/
	position: relative;
	display: inline-block;
	/*overflow: hidden;*/
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.quick-calculator{
	background: #e1e1e1;
	height: auto;
	padding-bottom: 10px !important;
	position: relative;
	display: inline-block;
}
.quickCalc{ 
	text-align: center; 
	height: auto;
	padding: 0 !important;
	bottom: 0;
}
.quickCalc form{ font-size: 36px; }
.quick-select{
	width: 180px;
	height: 50px;
	margin: 0 15px;
	cursor: pointer;
	font-size: 28px;
	display: inline-block;
}
.quick-select option{ font-size: 28px !important; }
.quickCalc input[type=text]{
	width: 46%;
	height: 45px;
	text-align: center;
	display: block;
	font-size: 24px;
	padding: 0 !important;
	margin: 30px auto;
	z-index: 2;
}
.quickCalc .mainh3{
	text-transform: uppercase;
	font-size: 32px;
	margin-bottom: 50px;
}
.quickCalc .quick-submit{
	cursor: pointer;
	border: none;
	color: #fff !important;
	font-size: 18px;
	padding: 15px 40px;
	opacity: 0;
}
.quick-left .quantityAlert h4{
	background: transparent !important;
	font-size: 35px !important;
	text-transform: capitalize;
	margin-bottom: 0 !important;
}
.quick-left .quantityAlert p{
	margin: 0 !important;
	margin-bottom: 20px !important;
}
.quick-left #alert10{
	position: relative;
	height: 36px;
	display: none;
	width: 160px;
	padding: 5px 10px;
	font-size: 14px;
	margin-top: 25px;
	margin-left: 147px;
	text-align: center;
	background: #333333;
	color: #fff;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.quick-left #alert10:after{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 0 15px 15px;
	border-color: #333333 transparent;
	display: block;
	width: 0;
	z-index: 1;
	left: 103px;
	top: -8px;
}
.quantityAlert{
	width: 800px;
	height: 195px;
	position: fixed;
	left: 50%;
	top: 50%;
	text-align: center;
	margin-top: -150px;
	margin-left: -400px;
	background: #D94F49;
	color: #fff;
	padding: 10px 15px;
	display: none;
	z-index: 9999;
}
.quantityAlert h4{
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 35px;
}
.quantityAlert p{
	color: #fff;
	margin-top: 15px;
	text-align: center;
	margin-bottom: 25px;
	font-size: 17px;
}
.quantityAlert .close{
	position: absolute;
	right: 15px;
	top: 10px;
}
.quantityAlert .close i{ 
	color: #fff;
	font-size: 35px;
}
.quantityAlert .element{
	color: #fff;
	font-size: 24px;
	margin: 30px;
}
.quantityAlert .element i{
	color: #fff;
	margin: 7px;
}
.lightsOff{
	width: 100%;
	height: 100%;
	display: none;
	background: rgba(0,0,0,0.9);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9998;
}
.lightsOffLight{
	width: 100%;
	height: 100%;
	display: none;
	opacity: 0;
	background: rgba(255,255,255,0.8);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
}
.alert10{
	width: 46%;
	height: 0;
	text-align: center;
	overflow: hidden;
	font-size: 20px;
	padding: 0 !important;
	margin: 30px auto;
	margin-top: -30px;
	opacity: 1;
	background: #EBEBEB;
	color: #333333;
	z-index: 2;
}
.quick-left .firstPar{ 
	margin-top: 0 !important; 
	margin-bottom: 10px !important;
}
.quick-left .bigSelect{ width: 180px !important; }
.quick-left h4{
	width: 100%;
	font-size: 20px;
	margin-top: 0;
	margin-bottom: 20px;
	text-align: center;
	padding: 7px;
	background: #222222;
	color: #fff;
	text-transform: uppercase;
}
.quick-left p{ 
	padding: 5px 20px; 
	margin: 30px 0 !important; 
}
.quick-left form input[type=text]{
	width: 22%;
	height: 35px;
	text-align: center;
	float: right;
	padding: 0;
	margin-bottom: 0;
	font-size: 16px;
	display: inline-block;
}
.quick-left form .minAlert10{
	width: 140px;
	height: 36px;
	position: absolute;
	display: block;
	padding: 5px 10px;
	float: right;
	opacity: 1;
	font-size: 14px;
	margin-top: -38px;
	background: #333333;
	color: #fff;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.quick-left form .minAlert10:after{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 5px 8px 5px 0;
	border-color: transparent #333333;
	display: block;
	width: 0;
	z-index: 1;
	left: -8px;
	top: 15px;
}
.quick-left h5{
	font-size: 22px;
	padding-left: 20px;
}
.quick-left ul{
	padding-left: 10px;
	list-style: none;
}
.quick-left ul i{ padding-right: 5px; }
.radioGama{ display: none !important; }
.quick-right .priceZone{
	width: 100%;
	position: relative;
	display: inline-block;
	background: #D6D6D6;
}
.quick-right label{ 
	display: inline-block;
	padding-top: 10px !important;
	margin: 0 10px 0 10px !important;
	border: 2px solid transparent;
}
.quick-right label:hover{  background: #f4f4f4; }
.quick-right input[type=radio]:checked + label{
	border: 2px solid #03A9F5;
	background: #f4f4f4;
}
.ind-quick{
	width: 30%;
	height: auto;
	padding-top: 60px;
	margin-right: 5px !important;	
	text-align: center;
	font-family: Lato !important;
	display: inline-block;
}
.ind-quick img{ 
	width: auto;
    max-height: 240px;
    padding: 10px;
	margin-bottom: 10px;
}
.ind-quick strong{
	font-size: 18px;
	font-family: Lato !important;
}
.ind-quick p{
	margin-top: 5px !important;
	margin-bottom: 5px !important;
	padding: 0 !important;
}
.ind-quick i{
	cursor: pointer;
	padding-top: 15px;
	font-size: 25px;
}
.quick-tooltip{
	width: 100%;
	max-width: 1024px;
	height: 310px;
	position: absolute;
	background: #f4f4f4;
	display: none;
	border: 1px solid #999999;
	z-index: 9998;
}
.tooltip-left{
	width: 55%;
	height: auto;
	overflow: hidden;
	padding: 0 10px;
	display: inline-block;
	margin: 15px;
	float: left;
}
.tooltip-left p{ font-size: 15px; }
.tooltip-min{
	border-radius: 2px;
	padding: 10px;
	margin-bottom: 10px;
	margin-top: 7px;
	background: #fff;
	text-align: left;
}
.tooltip-left strong{
	display: block;
	margin-top: -15px;
}
.tooltip-left .sizesBox{
	width: 80px;
	height: auto;
	padding-top: 7px;
	padding-bottom: 0 !important;
	text-align: center;
	display: inline-block;
}
.tooltip-left .indSize{
	width: 40px;
	height: 40px;
	line-height: 40px;
	display: inline-block;
	text-align: center;
	background: #333333;
	color: #fff;
}
.tooltip-left .sizesBox p{
	padding-top: 5px;
	font-size: 12px;
}
.tooltip-left .sizes-wrap{
	height: 100px;
	position: absolute;
	padding-bottom: 0 !important;
	bottom: 0;
}
.tooltip-min img{
	max-width: 35px;
	margin: 3px;
	display: inline-block;
}
.tooltip-right{
	width: 40%;
	height: 272px;
	overflow: hidden;
	display: inline-block;
	margin: 15px 15px 15px 0 !important;
	padding-right: 10px;
	float: right;
	border-radius: 2px;
	text-align: left;
}
.tooltip-right strong{ display: block; }
.tooltip-right h4{
	position: relative;
	text-align: left;
	padding-left: 15px;
	color: #000;
}
.quick-left .indCol{
	min-height: 47px;
	height: auto !important;
	line-height: 36px;
	padding: 5px 12px !important;
	margin: 7px !important;
}
.quick-left .inksSelect{ 
	height: 80px !important; 
}
.quick-left .inksSelect input[type=radio]{ display: none; }
.quick-left .inksSelect label{
	width: 60px;
	height: 33px;
	line-height: 18px;
	text-align: center;
	background: #f4f4f4;
	margin: 0;
	padding: 7px;
}
.quick-left .inksSelect #radioPantallaFXL + label, .quick-left .inksSelect #radioPantallaTXL + label{ margin-left: -15px; }
.quick-left #radioDTG2F + label, .quick-left #radioDTG3F + label{ margin-left: -15px; }
.quick-left #radioDTG2T + label, .quick-left #radioDTG3T + label{ margin-left: -15px; }
.quick-left .inksSelect input[type=radio]:checked + label{
	color: #fff;
	background: #03A9F5;
}
.quick-left .indCol p{
	margin: 0 !important;
	margin-bottom: 5px !important;
	padding: 0 !important;
}
.quick-left .radioSiNo{
	position: relative;
	display: block;
	border: 1px solid blue;
}
.quick-left .radios{
	float: right;
	margin-right: 2px !important;
}
.quick-left .radiosGama{
	width: 100%;
	height: auto;
	margin-right: -3px !important;
}
.quick-left .radiosGama label{
	width: 33% !important;
	font-size: 90%;
	margin: 0 !important;
}
#radioGamaFormmedia + label, #radioGamaFormalta + label{ margin-left: -3px !important; }
.quick-calculator .radios input[type=radio]{ display: none; }
.quick-calculator .radios label{
	width: 60px;
	height: 33px;
	line-height: 18px;
	text-align: center;
	background: #f4f4f4;
	margin: 0 -2px;
	padding: 7px;
}
.quick-calculator .radios input[type=radio]:checked + label{
	color: #fff;
	background: #03A9F5;
}
.quick-calculator .indCol select{
	width: 175px;
	float: right;
}
.quick-calculator #pantallaDTGFront label, .quick-calculator #pantallaDTGBack label{ width: 50px; }
.quick-calculator .specialSelect{ width: 320px !important; border:solid 1px red; }
.quick-calculator .inksSelect select{ /*width: 100%;*/ }
.quick-calculator #no + label{
}
.quick-calculator .radiosPlegado label{
	width: 32.5%;
	height: 50px;
	position: relative;
	display: inline-block;
	margin: 0 !important;
}
.quick-calculator .radiosPlegado{ 
	height: 50px !important; 
	margin-right: -1px !important;
	font-size: 10px; 
}
.quick-calculator #plegadoYembolsado{ height: 100px !important; }
.quick-calculator #plegado + label{ margin-left: 2px !important; margin-right: 2px !important; }
.quick-calculator #plegadoYembolsado + label{ margin-left: 3px !important; }
.quick-calculator .deliveryCol select{ 
	cursor: pointer;
	width: 100%; 
}
.quick-calculator .indCol strong{ font-family: Lato !important; }
.quick-calculator .servicesBlock input[type=radio]{ display: none; }
.quick-calculator .servicesBlock label{
	vertical-align: top;
	width: 32%;
	height: auto;
	background: #f4f4f4;
	padding: 7px;
	position: relative;
	display: inline-block;
	text-align: center;
	font-weight: bold;
	margin: 0;
	font-family: Lato !important;
}
.quick-calculator .servicesBlock input[type=radio]:checked + label{
	color: #fff;
	background: #03A9F5;
}
.quick-calculator .servicesBlock small{
	display: block;
	font-size: 11px;
	margin: 2px 0;
	font-family: Lato !important;
	font-weight: normal;
	text-transform: none !important;
}
.quick-calculator .servicesBlock input[type=radio]:checked + label small{ color: #fff; }
.quick-calculator #sinEstampar{
	font-size: 13px;
	padding-right: 0;
}
.quick-calculator .greenButton, .quick-calculator .pdfButton{
	width: 100%;
	display: block;
	padding: 7px !important;
	margin: 7px auto;
}
.quick-calculator .customTooltip{
	width: 230px;
	padding: 5px 10px;
	display: none;
	text-align: left;
	margin-top: 170px;
	margin-left: 67px;
	background: #333333;
	position: absolute;
	color: #fff;
	font-size: 13px !important;
	font-weight: normal;
	z-index: 2;
}
.quick-calculator .customTooltip:after{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 0 15px 15px;
	border-color: #333333 transparent;
	display: block;
	width: 0;
	z-index: 1;
	top: -8px;
	right: 15px;
}
.quick-calculator #radioColorC + label:hover .customTooltip{ display: block; }
.quick-calculator #radioPantallaFN + label:hover .customTooltip, .quick-calculator #radioPantallaFXL + label:hover .customTooltip{ 
	display: block; 
	margin-top: 30px;
	margin-left: -8px;
}
.quick-calculator #radioPantallaFN + label:hover .customTooltip:after, .quick-calculator #radioPantallaFXL + label:hover .customTooltip:after{ left: 15px; }
.quick-calculator #radioDTG1F + label:hover .customTooltip, .quick-calculator #radioDTG2F + label:hover .customTooltip, .quick-calculator #radioDTG3F + label:hover .customTooltip{
	display: block;
	margin-top: 30px;
	margin-left: -8px;
}
.quick-calculator #radioDTG1F + label:hover .customTooltip:after, .quick-calculator #radioDTG2F + label:hover .customTooltip:after, .quick-calculator #radioDTG3F + label:hover .customTooltip:after{
	left: 15px;
}
.quick-calculator #radioPantallaTN + label:hover .customTooltip, .quick-calculator #radioPantallaTXL + label:hover .customTooltip{ 
	display: block; 
	margin-top: 30px;
	margin-left: -8px;
}
.quick-calculator #radioPantallaTN + label:hover .customTooltip:after, .quick-calculator #radioPantallaTXL + label:hover .customTooltip:after{ left: 15px; }
.quick-calculator #radioDTG1T + label:hover .customTooltip, .quick-calculator #radioDTG2T + label:hover .customTooltip, .quick-calculator #radioDTG3T + label:hover .customTooltip{
	display: block;
	margin-top: 30px;
	margin-left: -8px;
}
.quick-calculator #radioDTG1T + label:hover .customTooltip:after, .quick-calculator #radioDTG2T + label:hover .customTooltip:after, .quick-calculator #radioDTG3T + label:hover .customTooltip:after{
	left: 15px;
}
.quick-calculator #plegadoplus + label:hover .customTooltip{ display: block; }
.quick-calculator #plegadoplus + label .customTooltip{
	width: 305px;
	font-size: 13px !important;
	left: -33px !important;
	top: 30px !important;
}
.quick-calculator #plegadoplus + label .customTooltip:after{ top: 82px; }
.showPrices{
	width: 80%;
	height: auto;
	margin: 0 auto;
}
.quickCalcPrices{
	font-size: 20px;
	font-weight: bold;
	padding-right: 5px;
}
/******** FIN CALCULADORA RÁPIDA *********/
/******** CATÁLOGO *********/
.groupDest{
  text-align: center;
  margin: 10px 0;
  border-bottom: 1px solid #d4d4d4;
}
.groupDest .destTitle{
  font-size: 32px;
  padding-left: 5px;
  margin-top: 0;
  padding: 5px;
}
.groupDest .indLinkDes{
  width: 23.5%;
  height: 320px;
  padding: 10px;
  position: relative;
  display: inline-block;
  text-align: center;
  float: left;
  margin: 5px;
  overflow: hidden;

}
.groupDest .indLinkDes img{ 
  object-fit: cover;
  position: relative;
  display: inline-block;
  height: 60%; 
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.orderInside select{ max-width: 240px; }
.groupDest .indLinkDes hr{
  margin-top: 15px;
  margin-bottom: 7px;
}
.groupDest .indLinkDes:hover img{
  margin-top: -10px;
  margin-bottom: 10px;
}
.destacadosCat{
	border-bottom: none;
	padding-top: 16px!important;
	padding-bottom: 16px!important;
	margin-bottom: 40px!important;
	background-color: #FAFAFA;
}
.titleDestacados{
	text-align: center;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 700;
}
.groupDest .indLinkDes p{ margin: 0; }
.brandName{
  color: #0274A8;
  font-size: 15px;
  font-weight: bold;
  line-height: 20px;
  margin-top: 8px!important;
  margin-bottom: 0px;
}
#priceMil{
	text-align: center;
	font-size: 10px;
	margin: -12px !important;
}
.indLinkDes #priceMil{
	margin: 0px !important;
}
.brands{
  width: 100% !important;
  max-width: 2000px !important;
 
}
.cat-products .indLink{
  width: 22.8%;
  height: 333px;
  position: relative;
  display: inline-block;
  float: left;
  margin: 5px 2px 2px 14px;
  overflow: hidden;
  margin-bottom: 15px;
}
.indLink:hover{
  box-shadow: 0px 5px 15px 3px rgba(0, 0, 0, 0.35);
}
.frontPrice{
	width: 100%;
	position: absolute;
	z-index: 1;
	cursor: default;
	transition-duration: 1s;
	opacity: 1;
	color: #fff;
	background-color: #f4f4f4;
	height: 120px;
}
/*.frontPrice:hover{
	transform: translateY(-90px);
	transition-duration: 1s;
	opacity: 0.85;
}
#linkImg:hover + .frontPrice {
	transform: translateY(-90px);
	transition-duration: 1s;
	opacity: 0.85;
}*/
.backPrice{
	height: 100px;
	background-color: #f4f4f4;
	width: 100%;
	position: absolute;
	z-index: -99;
	cursor: default;
}

.displayNone{
display: none;
}

/*.cat-products .indLink:hover{ border: 1px solid #ABABAB; }*/
.cat-products .indBlock{
  width: 100%;
 /* min-height: 200px;*/
  position: relative;
  display: inline-block;
  float: left;
  /*padding: 7px;*/
  text-align: center;
  border: 1px solid #ffffff;
}
.linkFlash .indBlock img{
  height: 258.11px;
}
.cat-products .indLink{
  background-color: #f0f0f0;
}



.pr-img img{
	/* border: 1px solid #ffffff; */
	height: 380px;
	width: 100%;
	object-fit: cover;
	object-position: center top;
}

.object-cover{
	object-fit: cover;
	object-position: center top;
}

.indLink{
	cursor: pointer;
}

.imgCatalogo img{
  left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
  position: absolute;
  margin: 0px;
  padding: 0px; 
  max-height: 100%;
  
  
}
#priceproduct small{ font-size: 15px; }
#priceproduct{
  text-align: center;
  margin-top: 10px;
  font-size: 24px !important;
}

#divPrice{
  font-size: 25px !important;
}

.cat-products .indBlock #mil{
margin-bottom: 0px;
font-size: 15px !important;
}

.cat-products .hiddenBtnB{
  width: 100%;
  position: absolute;
  display: none;
  float: left;
  margin-top: 180px;
  margin-left: 0;
  padding: 10px 0; 
  color: #fff !important;
  background: #03A9F5;
  font-size: 15px;
}

.cat-products .indLink hr{visibility: hidden;}
/*.cat-products .indLink .brandName{ margin-top: -28px; color:#000000; height: 23px;}*/

/*.cat-products .indLink:hover #priceproduct{ background-color:#f2f2f2; margin-top: 0px; position: relative;}*/
/*.cat-products .indLink #priceproduct{ background-color:#f0f0f0; margin-top: 0px; position: relative;  transition: margin-top 1s, color 1s, background-color 1s;}*/


.cat-products .hiddenBtnB:hover{ background: #0293D5; }
.cat-products .hiddenBtnG{
  width: 100%;
  position: absolute;
  display: none;
  float: left;
  padding: 10px 0; 
  margin-top: 342px;
  margin-left: 0;
  color: #fff !important;
  background: #67B359;
  font-size: 15px;
}
.cat-products .hiddenBtnG:hover{ background: #3A9940; }
.cat-products .indLink:hover .hiddenBtnG, .cat-products .indLink:hover .hiddenBtnB{ display: block; }
.cat-products .indLinkDes:hover .hiddenBtnG, .cat-products .indLinkDes:hover .hiddenBtnB{ display: block; }
.cat-products .linkFlash{
  width: 22.5% !important;
  padding-top: 0 !important;
  height: 320px;
}
.cat-products .linkFlash .hiddenBtnB{
  margin-top: -78px;
  margin-left: 0;
}
.cat-products .linkFlash .hiddenBtnG{
  margin-top: -38px;
  margin-left: 0;
}
.cat-form{
  /*max-width: 250px;
  min-height: 600px;*/
  height: auto;
  padding-bottom: 20px;
  margin-top: 0px;
}
.cat-form, .cat-order{ background: #f4f4f4;}
.cat-order{ float: right; }
.cat-form .genereBox input{ display: none; }
.cat-form .genereBox .genereLabel{
  width: 70px;
  height: 70px;
  position: relative;
  display: inline-block;
  text-align: center;
  /*overflow: hidden;*/
  border-radius: 2px;
  margin: 5px 10px;
  padding-top: 3px;
  opacity: 0.6;
}
.cat-form .genereBox .genereLabel p{
  margin-top: 2px;
  text-align: center;
  font-size: 13px;
}

.genereLabel{
	background-position: top;
	background-size: 40px 40px;
	background-repeat: no-repeat;
}

.genereLabel p{
	margin-top: 42px!important;
}

.cat-form .radioAttributes + label{
  background: #fff;
  padding: 5px 10px;
  margin: 5px !important;
  border: 1px solid #d4d4d4;
}
.colorsBoxDet p{
  text-align: center;
  margin-top: 5px;
  font-size: 14px;
}
.colorsBoxDet{
  width: 150px !important;
  height: 150px !important;
  text-align: center;
}
.colorsBoxDet img{ 
  height: 60%; 
}
.cat-form .radioAttributes:checked + label{
  background: #03A9F5;
  color: #fff;
  border: 1px solid #03A9F5;
}
.cat-form .genereBox .genereLabel img{ 
  max-height: 40px; 
  margin-top: 5px;
}
.cat-form .genereBox input[type=checkbox]:checked + .genereLabel{ 
  opacity: 1;
  margin: 4px 10px;
  /*background: #fff;*/
  border: 1px solid #999999;
}
.cat-order select{
  width: 260px !important;
  float: right;
  cursor: pointer;
  margin-top: 5px !important;
  margin-right: 5px !important;
  background-color: #fff;
}
.cat-order .titcat{
  padding: 12px;
  display: inline-block;
  text-align: center;
  font-size: 18px;
  z-index: 2;
}
.cat-order span{ padding-left: 10px; }
.cat-order select{
  margin: 0px;
  width: 40%;
  height: 38px;
  float: right;
  display: inline-block;
}
.cat-form .titleForm{
  background: #222222;
  color: #fff;
  text-align: center;
  margin-top: 0px;
  padding: 3px;
  text-transform: uppercase;
  font-size: 1em;
}
.cat-form .moduleBox{ 
  padding: 10px 20px;
  /*margin: 10px 5px;*/
  text-align: left;
  /*border-bottom: 1px solid #e5e5e5;*/
}

.cat-form .lastModule{ border: none !important; }
.cat-form .moduleBox select{
  background-color: #fff;
  cursor: pointer;
}
.cat-form .moduleBox strong{ 
  font-size: 18px;
  font-family: Lato;
  display: block;
  margin-bottom: 10px;
}
.cat-form .moduleBox hr{ 
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 5px;
}
.cat-form p{ margin: 2px; }
.cat-form input[type=radio]{ display: none; }
.cat-form label{
  position: relative;
  display: block;
}
.moduleBox .baseColors + label{
  width: 35px;
  height: 35px; 
  position: relative;
  display: inline-block;
  margin: 5px 0 !important;
  margin-right: 11px !important;
  text-align: center;
  opacity: 0.8;
  border: 1px solid #d4d4d4;
}
.moduleBox .baseColors:checked + label{ 
  border: 1px solid #555555;
  opacity: 1;
  border-radius: 1px;
  color: #333333;
  position:relative;    
  border: 2px solid #fff;   
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.colBlanco{ background: #fff; }
.colCrudo{background: #f2ebe6;}
.colGris{ background: #B8B8B8; }
.colNegro{ background: #000; }
.colAmarillo{ background: #FFF55F; }
.colNaranja{ background: #E87D42; }
.colRojo{ background: #DB372F; }
.colRosa{ background: #FF83C5; }
.colMarron{ background: #B85A3C; }
.colLila{ background: #9D64B8; }
.colAzul{ background: #4E6EFF; }
.colVerde{ background: #62A34F; }
.colBicolor{
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(-45deg,  #ffffff 0%, #f4f4f4 50%, #2b2b2b 52%, #000000 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(50%,#f4f4f4), color-stop(52%,#2b2b2b), color-stop(100%,#000000)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-45deg,  #ffffff 0%,#f4f4f4 50%,#2b2b2b 52%,#000000 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-45deg,  #ffffff 0%,#f4f4f4 50%,#2b2b2b 52%,#000000 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(-45deg,  #ffffff 0%,#f4f4f4 50%,#2b2b2b 52%,#000000 100%); /* IE10+ */
  background: linear-gradient(135deg,  #ffffff 0%,#f4f4f4 50%,#2b2b2b 52%,#000000 100%); /* W3C */
}
#radiobaseColorsall:checked + label{
  background: #03A9F5;
  color: #fff;
}
#radiobaseColorsall + label{
  width: 93%;
  padding: 5px;
  margin: 5px 0 15px 0 !important;
  background: #fff;
  border: 1px solid #03A9f5;
  text-align: center;
}
.detail-lightbox{ 
  width: 100%;
  text-align: center; 
}
.loadingSpinner{
  opacity: 0.8;
}
.cat-loading{
  width: 100%;
  max-width: 1024px;
  height: 100%;
  position: absolute;
  background: rgba(255,255,255, 0.8);
  z-index: 2;
  display: none;
}
.cat-loading i{
  font-size: 80px;
  position: fixed;
  top: 500px;
  left: 50%;
}
.cat-products{
  width: 100%;
  /*max-width: 800px;
  min-width: 200px;*/
  padding-top: 30px;
  float: right;
}
.cat-products-flash{ max-width: 950px !important; }
/*.cat-order, .cat-products{ max-width: 950px; }*/
.noResults{
  width: 98%;
  padding: 25px;
  text-align: left;
  margin: 20px auto;
  font-size: 26px;
}
.404row{
  margin: 100px auto !important;
  border: 1px solid red;
}
.noResults p{
  font-size: 22px;
  display: inline-block;
  text-align: center;
  margin-top: -5px !important;
}
.tit48{
  font-size: 32px;
  font-weight: bold;
}
.colorsTopButton{ 
  width: 100% !important;
  position: relative;
  float: left;
}
.sizes{ margin: 10px 0 !important; }
.sizes li{ 
  width: 50px !important;
  height: 50px !important;
  padding: 5px; 
}
/******** FIN CATÁLOGO *********/

.contactButton i{ 
	color: #fff !important;
	font-size: 18px !important;
	padding-right: 5px !important;
}
.contactButton{ background: #67B359 !important; }
.contactButton:hover{ background: #3A9940 !important; }
.contactForm textarea{
	height: 80px;
}
.fa-4{ font-size: 80px; }

.miniformWrapper{
	width: 320px;
	float: left; 
	padding: 10px !important; 
	border-right:#5d5d5d 1px solid;
}
.miniformWrapper h3{ 
    padding: 0 !important;
    font-size: 14px !important; 
}
.miniformWrapper2{
    width: 250px; 
    float: left; 
    padding: 7px;
    color:#000 !important;
}
.miniformWrapper2 h4{ font-size: 16px !important; }
.greenButton{ 
    width: 100%;
    padding: 4%;
    margin-top: 15px;    
    background-color:#67B359; 
    color:#fff; 
    text-transform: uppercase;
    font-weight: bold; 
    cursor: pointer;
    font-family: Lato;
    font-size: 20px;
    border: none;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.greenButton:hover{ background: #3FA645; }
.tagslist { padding: 0px; margin: 0px; }
.tagslist li{ 
	display: inline-block; list-style: none; 
	padding: 3px 7px 3px 7px; 
	margin: 2px; background-color: #c5f6f8;
}
/* CONTENIDO: ENTREVISTAS, CONEJOS */
.content-main h3{ 
	font-size: 24px;
	margin-bottom: 35px;
}
.content-img{
	padding: 0;
}
.ind-content{
	height: auto;
	background: #fff;
	cursor: pointer;
}
.ind-content:hover img{ opacity: 0.20; }
.ind-content:hover p{ opacity: 1; }
.ind-content img{
	width: 100%;
}
.ind-content p{
	width: 100%;
	position: absolute;
	display: block;
	left: 0;
	padding: 25px;
	text-align: center;
	opacity: 0;
	font-weight: bold;
	top: 30%;
}
.content-img .fraseTop{
	width: 40%;
	padding: 10px;
	background: rgba(255,255,255,0.2);
	border: 1px solid red;
}
.content-img span p{
	line-height: 5px !important;
	margin: 0 !important;
	padding: 0 !important;
}

.fullSizesVar{
	width: auto;
	position: relative;
	display: inline-block;
	padding: 4px;
	margin-top: 30px;
	font-size: 12px;
	border: 1px solid #C2C2C2;
}

/* SPINNER */
.spinner {
  margin: 100px auto;
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px;
}
.spinner > div {
  background-color: #333;
  height: 100%;
  width: 6px;
  display: inline-block;
  
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

#cookiesdirective{ color: red !important; }
.news{
	/*background: #DDEDF5;*/
	/*background: #f8deab;*/
	position: relative;
	font-size: 18px;
	/*padding: 10px;*/
	margin-top: 285px;
	margin-bottom: -290px;
	text-align: center;
}

.news3{
    position: fixed;
    background: #000000;
    color: white;
    line-height: normal;
    text-align: center;
    width: 275px;
    padding: 25px;
}


/*.news{
	background: #BBE3FF;
	position: relative;
	font-size: 18px;
	padding: 50px 20px;
	margin-top: 278px;
	margin-bottom: -290px;
	text-align: center;
	background-image: url("https://publitshirt.com/img/christmas_tree.png");
	background-repeat: no-repeat;
	background-size: 70px;
	background-position: 18% center;
}*/
.news strong{ font-size: 22px; }
.news hr{ 
	width: 40%;
	border-color: rgba(255,255,255,0.75);
	margin: 3px auto !important; 
}
.packaging h3{ font-size: 26px; }

.infoCatalogo{
	background: #333333 !important;
	bottom: 35px;
	cursor: pointer;
	text-align: center;
}
.totalMiniFormWrapper input[type="checkbox"]{
	cursor: pointer;
}

/******** MEDIA QUERIES *********/
@media screen and (max-width: 1005px){ 
	.ResultColumn h4{ font-size: 15px; } 
	.results h4{ font-size: 22px; }
	.results{ width: 100%; }
	.europeSend{ width: 50%; }
	.cat48{ left: -30px !important; }
	.lang-wrapper{ right: 50px; }
	.footer{ width: 105%; }
	.detail-calc{ max-width: 335px; }
	.popCalculator div{ margin: 5px 0 !important; }
	.popCalculator .blockQuant{ margin-top: 40px !important; }
	.popCalculator .entregaBlock{ margin-top: 50px !important; }
	.popCalculator .deliveryBlock .imgWrapper{ margin-top: -3px !important; }
	.popCalculator .large-5{ max-width: 400px; }
	.popCalculator .large-7{ max-width: 550px; }
	.popCalculator .divSleeve, .popCalculator .divSleeve2{ max-width: 250px; }
	.popCalculator .iconSleeveI, .popCalculator .iconSleeveD{ margin-right: 0; }
	.popCalculator .banner48{ margin-top: 0 !important; }
	.popCalculator .pricesFinal{ margin-top: -5px !important; }
	.popCalculator .banner48 .large-8{ max-width: 220px; }
	.popCalculator .banner48 .large-4{ max-width: 150px; }
}
@media screen and (min-width: 1005px) and (max-width: 1050px){ 
	.ResultColumn h4{ font-size: 15px; } 
	.results h4{ font-size: 22px; }
	.results{ width: 100%; }
	.europeSend{ width: 50%; }
	.cat48{ left: -30px !important; }
	.detail-calc{ max-width: 335px; }
	.popCalculator div{ margin: 5px 0 !important; }
	.popCalculator .blockQuant{ margin-top: 40px !important; }
	.popCalculator .entregaBlock{ margin-top: 50px !important; }
	.popCalculator .deliveryBlock .imgWrapper{ margin-top: -3px !important; }
	.popCalculator .large-5{ max-width: 400px; }
	.popCalculator .large-7{ max-width: 550px; }
	.popCalculator .divSleeve, .popCalculator .divSleeve2{ max-width: 250px; }
	.popCalculator .iconSleeveI, .popCalculator .iconSleeveD{ margin-right: 0; }
	.popCalculator .banner48{ margin-top: 0 !important; }
	.popCalculator .pricesFinal{ margin-top: -5px !important; }
	.popCalculator .banner48 .large-8{ max-width: 220px; }
	.popCalculator .banner48 .large-4{ max-width: 150px; }
}
@media screen and (min-width: 1050px) and (max-width: 1200px){ 
	.featuredProducts .price{ font-size: 0; }
	.featuredProducts h4, .tecniques h4{ font-size: 18px; padding-bottom: 2px !important; }
	.results{ width: 60%; }
	.featuredProducts{ width: 30%;}
	.results .ind-result{ min-height: 120px; }
	.results .price{ margin-top: -15px; }
	.popCalculator div{ margin: 5px 0 !important; }
	.popCalculator .blockQuant{ margin-top: 40px !important; }
	.popCalculator .entregaBlock{ margin-top: 50px !important; }
	.popCalculator .deliveryBlock .imgWrapper{ margin-top: -3px !important; }
	.popCalculator .large-5{ max-width: 400px; }
	.popCalculator .large-7{ max-width: 550px; }
	.popCalculator .divSleeve, .popCalculator .divSleeve2{ max-width: 250px; }
	.popCalculator .iconSleeveI, .popCalculator .iconSleeveD{ margin-right: 0; }
	.popCalculator .banner48{ margin-top: 0 !important; }
	.popCalculator .pricesFinal{ margin-top: -5px !important; }
	.popCalculator .banner48 .large-8{ max-width: 220px; }
	.popCalculator .banner48 .large-4{ max-width: 150px; }
}
@media screen and (min-width: 1200px) and (max-width: 1400px){ 
	.featuredProducts .price{ font-size: 0; }
	.featuredProducts h4, .tecniques h4{ font-size: 18px; padding-bottom: 2px !important; }
	.results{ width: 60%; }
	.featuredProducts{ width: 30%;}
}
@media screen and (min-width: 1400px) and (max-width: 1470px){ 
	.featuredProducts .price{ font-size: 0; }
	.featuredProducts h4, .tecniques h4{ font-size: 18px; padding-bottom: 2px !important; }
}
@media screen and (min-width: 1470px) and (max-width: 1600px){
	.featuredProducts .price{ font-size: 0; }
}
@media screen and (max-width: 1600px){
	.featuredProducts .price{ font-size: 0; }	
	.orderProcess .large-8{ max-width: 600px; }
	.orderProcess .large-4{ max-width: 350px; }
}

/* MEDIA QUERIES VERTICALES */
@media screen and (min-height: 350px) and (max-height: 470px){
	/* .popCalculator{ margin-top: -200px; overflow-y: scroll; } */
	.popCalculator{ margin-top: 0px; overflow-y: scroll; }
}
@media screen and (min-height: 470px) and (max-height: 590px){
	/* .popCalculator{ margin-top: -250px; overflow-y: scroll; } */
	.popCalculator{ margin-top: 0px; overflow-y: scroll; }
}
@media screen and (min-height: 590px) and (max-height: 670px){
	/* .popCalculator{ margin-top: -300px; overflow-y: scroll; } */
	.popCalculator{ margin-top: 0px; overflow-y: scroll; }
}
@media screen and (min-height: 670px) and (max-height: 720px){
	/* .popCalculator{ margin-top: -340px; overflow-y: scroll; } */
	.popCalculator{ margin-top: 0px; overflow-y: scroll; }
}
@media screen and (min-height: 720px) and (max-height: 768px){
	/* .popCalculator{ margin-top: -360px; overflow-y: scroll; } */
	.popCalculator{ margin-top: 0px; overflow-y: scroll; }
}



p {
    orphans: 10;
  }
  
  
 /*vinnie jones*/
 .vj-row{
	 margin-bottom: 25px;
	 
 }
  
  
 /*polares personalizados - botones*/
@font-face {
    font-family: LeagueGothic;
    src: url("../fonts/LeagueGothic.otf");
}

.vj-button{
	padding: 0;
	color: #ffffff;
	margin:8px 0px 8px 0px;	
}

.vj-calc{
    font-family: Lato;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 22px;
    color: white;
}

.vj-large{
	/*background-color: #c5181e;*/
	padding: 27px;
	text-align: center;
	border-right: 3px solid #ffffff;
	height: 90px;
	vertical-align: middle;
}

.vj-short{
	background-color: #03a9f5;
	border-left: 3px solid #ffffff;
	text-transform: uppercase;	
	text-align: center;
	height: 90px;
	padding-top: 6px;
}

.vj-large p{
	margin: 0;
	padding: 0;
	color: #ffffff!important;
}

.vj-large a{
	color: #ffffff!important;	
	margin-left: auto;
	margin-right: auto;
	font-size: 18px;
	letter-spacing: 1px;
}

.vj-large h5{
	color: #ffffff!important;
	margin-top: 0;	
	font-family: Ubuntu;
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	
}

.vj-short p{
	margin: 0;
	margin-top: -8px;
	margin-bottom: 4px;
	padding: 0;
	font-size: 28px;
	line-height: 0.94em;
	/*font-family: LeagueGothic;*/
	color: #ffffff!important;
}

.vj-short span{	
	font-size: 18px;
	margin: 0;
	padding: 5px;
	/*font-family: LeagueGothic;*/
	color: #ffffff!important;
}

.vj-short br{
	line-height: 0px;
}

.vj-vermiddle{
	margin-top: 1em !important;
}
	/*efectos botones de polares personalizados*/
	/* Isi */
	.vj-large {
		color: #fff;
		background-color: #03a9f5;
		overflow: hidden;
		z-index: 1;
		
	}
	.vj-large::before {
		content: '';
		z-index: -1;
		position: absolute;
		top: 50%;
		left: 100%;
		margin: -15px 0 0 1px;
		width: 60px;
		height: 60px;
		border-radius: 50%;
		background: #038ecf;
		-webkit-transform-origin: 100% 50%;
		transform-origin: 100% 50%;
		-webkit-transform: scale3d(1, 2, 1);
		transform: scale3d(1, 2, 1);
		-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
		transition: transform 0.3s, opacity 0.3s;
		-webkit-transition-timing-function: cubic-bezier(0.7,0,0.9,1);
		transition-timing-function: cubic-bezier(0.7,0,0.9,1);
	}
	.vj-large .button__icon {
		vertical-align: middle;
	}
	.vj-large > span {
		vertical-align: middle;
		padding-left: 0.75em;
	}
	.vj-large:hover::before {
		-webkit-transform: scale3d(9, 9, 1);
		transform: scale3d(9, 9, 1);
	}


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

.vjImg{
	width: 68%!important;	
}

.vjCenter{
	text-align: center;
}

.vjContactForm{
	background-color: #f2f2f2;
	padding: 12px;
}

/*add info- barra lateral productos*/

.add-info{
	background-color: #f9f9f9;
	padding: 12px;
	text-align: center;
}

.add-info h3{
	color: initial;
	text-align: center;
	background-color: #f9f9f9!important;
	margin-bottom: 0px;	
}

.add-info hr{
	margin-top: 0px!important;
	margin-bottom: 12px!important;
}

.add-info p{
	padding: 8px!important;
}

.font-size14{ font-size: 14px; }

.imgmed{float:right; margin:42px 7px 0px 0px;}

.inline {
		display: inline;
		float:left;

/*		border-style: solid;
		border-width: 1px;*/
}

.clearBoth { clear:both; }


/**** POP UP DE COLORES ****/
.popUp{
	width: 800px;
	height: 426px;
	position: fixed;
	padding: 5px 0px 30px 0px;
	top: 50%;
	left: 50%;
	margin-top: -220px;
	margin-left: -400px;
	text-align: center;
	background: #fff;
	opacity: 1;
	border-radius: 1px;
	border: 1px solid #959595;
	z-index: 9991;
	text-align: center;

}

.popUp img{
	margin-bottom: 1.5em;
	margin-top: 2em;
}

.popUp h5{
	font-size: 1.4em;
	font-weight: 400;
	margin: 1.5em 0 1.5em 0;	
}
.popUp .pre-color-btn{
	width: 32px;
	height: 32px;
	display: inline-block;
	background-color: #000000;
	margin: 0px 6px 0px 6px;
	border: 1px solid #d4d4d4;
}

.pre-color-btn-all:hover{
	color: #ffffff!important;
}
.popUp hr{	
	width: 90%;
	margin: 0 auto;
}
.pre-color-btn-all{
	background-color: #bb2024;
	color: #ffffff !important;
	line-height: 32px;
	padding: 7px 16px 7px 16px;
	font-weight: 400;
	margin: 0;
	
}
.popUp .close{
	display:block;	
	text-align: center;
	margin-bottom: 1em;
	width:30px;
	height: 30px;
	background-color: #3e3e3e;
	color: #ffffff;
	border: 1px solid #3e3e3e;
	float: right;
	margin-right: 5px;
	font-size: 14px;
	cursor: pointer;
}
.popUp .close:hover{ background: #222; }


.colBlanco{ background: #fff !important; }
.colGris{ background: #B8B8B8 !important; }
.colNegro{ background: #000 !important; }
.colAmarillo{ background: #FFF55F !important; }
.colNaranja{ background: #E87D42 !important; }
.colRojo{ background: #DB372F !important; }
.colRosa{ background: #FF83C5 !important; }
.colMarron{ background: #B85A3C !important; }
.colLila{ background: #9D64B8 !important; }
.colAzul{ background: #4E6EFF !important; }
.colVerde{ background: #62A34F !important; }
.colBicolor{
	background: #ffffff !important; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #ffffff 0%, #f4f4f4 50%, #2b2b2b 52%, #000000 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(50%,#f4f4f4), color-stop(52%,#2b2b2b), color-stop(100%,#000000)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #ffffff 0%,#f4f4f4 50%,#2b2b2b 52%,#000000 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #ffffff 0%,#f4f4f4 50%,#2b2b2b 52%,#000000 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #ffffff 0%,#f4f4f4 50%,#2b2b2b 52%,#000000 100%) !important; /* IE10+ */
	background: linear-gradient(135deg,  #ffffff 0%,#f4f4f4 50%,#2b2b2b 52%,#000000 100%) !important; /* W3C */
}

.noPopUp p{
	margin-top: 20px;
}

.noPopUp label{
	font-size: initial;
}


#lightBG{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 1;
  background: rgba(255,255,255,0.7);
  z-index: 999;
}

.solicitar .greenButton{
	padding: 0px!important;
}

.tecList{
	color: #595959;
	padding-top: 5px;
	font-size: 15px; 
	/*padding-left: 20px;   */
}
#tecList h5{
	color: #595959;
	padding-top: 5px;
	/*padding-left: 20px;   */
}  
.columnTec {
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
	-moz-column-count: 2; /* Firefox */
	column-count: 2;
	table-layout: fixed;
}

.column-4{
	width: 25%;
}

.icon-green{
	color: #67b359;
}
.material-icons{
	padding-right: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;	
}
.compImg{
    position: relative;
}
.newSizeImg{
    position: absolute!important;
    top: 0%;
    left: 0%;
    width: 20%;
    height: auto;
}
#panel-colors{
	min-height: auto;
}



.logoNew{
	margin-bottom: 2px;
	width: 45px;
    position: absolute;
    left: 0;
}

.ecoLogo{
	margin-bottom: 2px;
	width: 45px;
    position: absolute;
    right: 0;
    top: 0;
}
.alertControlTec{
	padding: 10px;
	background-color: #e1e1e1;
}
#sinSerDTG{
	background-color: #f4f4f4;
	padding: 15px;
}
.modFooterFP{
	/*margin-top: 840px!important;*/
}
.buenasFiestas{
	background-color: #f4f4f4!important;
	width: 100%;
	max-width: 1024px;
	margin: auto;
	color: black;
	margin-bottom: 15px;
	margin-top: 15px;
	padding: 5px;
}
.buenasFiestas p{
	line-height: 1.6;
	margin: 0px!important;
	font-size: 1.1rem!important;
}
#accionBuscar {
    width: 162px!important;
}
.divFormTec{
	margin-left: 190px; 
	margin-right: 190px; 
}
.toc_list li{
	display: inline-block!important;
	margin-right: 27px!important;
	margin-top: 13px;
}
.toc_list li a{
 	color: #000!important;
 	font-size: 18px;
}
.toc_list li a:hover{
  text-decoration: underline;
}
.toc_list{
	text-align: center!important;
}
#toc_container{
	text-align: center;
	margin-top: 5px;
}
#destHomeMobile{
	display: none;
}
/*#dealer-stanleystella{ z-index: 1000; position: absolute; left:22%; top: 7%; }*/
/*#dealer-stanleystella img{ width: 100px; }*/
.stanleystella-wrapper{
	width: 1024px;
	height: 0;
	position: relative;
	display: block;
	margin: 0 auto;
	background-color: red;
}
#dealer-stanleystella{
width: auto;
height: auto;
position: absolute;
float: left;
top: 7px;
left: 0px;
display: inline-block;
}

.french-touch-wrapper{
width: 1024px;
height: 0;
position: relative;
display: block;
margin: 0 auto;
background-color: red;
}
#logo-french-touch{
width: auto;
height: auto;
position: absolute;
float: right;
top: 5px;
right: 0px;
display: inline-block;
}
#logo-french-touch img{
width: 96px;
height: auto;
}

.list-teeefactory-europe li{ display: inline; list-style: none; }
.coloresOrient{margin-top: 22px;}
.coloresOrient p{margin: 0px; font-size:14px!important; color: black!important;}

/*hovercard*/
.linkHover {
  position: relative;
  cursor: pointer;
}
.linkHover .hovercard {
  visibility: hidden;
  transition: visibility 400ms ease-out;
}
.linkHover .hovercard:hover {
  visibility: visible;
}
.linkHover:hover .hovercard,
.linkHover .name:hover .hovercard {
  visibility: visible;
}

.hovercard {
  position: absolute;
  left: -83px;
  top: 10px;
  z-index: 2;
  display: block;
}
.hovercard .hovercard-container {
  position: relative;
  padding-top: 30px;
  z-index: 2;
}
.hovercard .hovercard-container:before {
  content: " ";
  display: block;
  left: 0;
  right: 0;
  top: 30px;
  bottom: 0;
  position: absolute;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2), 0 4px 5px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.07);
  border-radius: 0px;
}
.hovercard .hovercard-box {
  z-index: 2;
  background: white;
  position: relative;
}
.hovercard .hovercard-box .hovercard-body {
  min-height: 140px;
  width: 350px;
  background: white;
  z-index: 2;
  display: block;
}
.hovercard .hovercard-arrow {
  height: 14px;
  width: 14px;
  z-index: 2;
  position: absolute;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  background: white;
  left: 160px;
  top: 23px;
  border-top-width: 1px;
  border-left-width: 1px;
  border-color: rgba(0, 0, 0, 0.12);
  border-style: solid;
  border-bottom: 0;
  border-right: 0;
}
.hovercard-body ol{
	margin: 0px;
}
.hovercard-body ol li{
	line-height: 1.5!important;
	padding: 10px;
	list-style: none;
	text-align: left;
}

.colSizeLeft{
	display: inline-block;
	width: 60%;
	vertical-align: top;
}
.colSizeRight{
	display: inline-block;
	width: 39%;
	vertical-align: top;
}
.imgMesuresize img{
	height: 75px;
	width: auto;
}
.imgMesuresize {
	text-align: center!important;
}
.txtStepMesure{
	padding: 4px;
	padding-bottom: 0px;
	padding-top: 10px;
    line-height: 1.4;
}
.measureSizesShirt{ 
	padding-top: 5px;
}
.measureSizesShirt hr{ 
	padding-top: 5px;
}
.measureVisLi li{
	line-height: 1.6;
	padding-top: 10px;	
	font-size: 13px !important;
	list-style: none;
}
.measureVis{
	line-height: 1.6;
	font-size: 13px !important;
	list-style: none;
}
.measureVisLi{
	margin: 0px!important;
}

.textTopEmb h1{
	font-size: 37px;
}
.packCol img{
	width: 100%;
}
.packCol h3{
	text-align: center;
}

/*cartel especial navidad19*/
.image-placeholder{
    background: #f4f0e7!important;
    width: 1024px!important;
    height : 159px!important;
    clear:none!important;
    margin-left: 2%;    
    float: left!important;
}
.fill-remaining {
    height:159px!important;
    width:48%!important;
    clear:none!important;
}
.fill-remaining.left {
    background:#f4f0e7!important;
    float: left!important;
    margin-right:-512px!important;
}
.fill-remaining.right {
    background:#cae4d7!important;
    float: right!important;
    margin-left:-512px!important;
}
#imgBnr img{
  float: right!important;
}
#txtBnr p{
  font-size: 25px!important;
  color: #561b21!important;
  font-weight: 900!important;
  text-align: left!important;
  margin-bottom: 5px!important;
}
#txtBnr p:first-child{
line-height: 0.8;
}
#txtBnr{
  padding-left: 5px!important;
  padding-top: 18px!important;
  padding-bottom: 10px!important;
}
#horarioVerano{
  cursor: pointer;
  color: #f05b21;
}
.txtCrtl{  
  text-align: left;
  line-height: 1.2;
  float: right;
  width: 49%;
}
.txtCrtl .lineF{
  color: #09565e;
  font-size: 1.6rem;
  font-weight: bolder;
  line-height: 1.2;
}
.txtCrtl .lineS{
  color: #09565e;
  line-height: 1.6;
  font-weight: bolder;
  font-size: 1.5rem;
}
.txtCrtl .lineT{
  color: #ed6a62;
  font-size: 1.6rem;
  font-weight: bolder;
  line-height: 1.8;
}
#contVs{
	margin-top: 6px;
}
.btnPDFsmpl {
	font-size: 18px;
}
.btnPDFsmpl .fa-file-pdf-o{
	color: black;
	margin-right: 5px;
	margin-left: 5px;
}

/*french touch*/
.land .vj-large ,.land .vj-short{
	background-color: #002496;
}
.land .h1SSC{
	margin-top: 23px;
	margin-bottom:-5px;
	font-size: 42px;
}
.land .vj-calc {
    font-family: Lato;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 18px;
    color: white;
    padding-top: 12px;
    padding-bottom: 12px;
}
.land .vj-short span{
    font-family: Lato!important;
    text-transform: uppercase;
    text-align: center;
    height: 80px;
    cursor: default;
}
.land .vj-large,.land .vj-short{
    height: 85px;
    height: 85px;
}
.land .vj-model-name{
    padding: 5px;
    background-color: #e6e6e6;
    text-align: center;
}
.land .vj-model-name h6{
    color: black!important;
    margin-bottom: 0px;
}

.land .vj-short p{
    font-family: Lato!important;
    font-size: 27px;

}
.land .imgProduct{
	height: 392px;
	object-fit: cover;
}
.land .cardProduct{
	margin-bottom: 25px;
}
.land .vj-large{
	padding: 15px!important;
}
.btnFrenchTouch{
	color: #fff;
	background-color: #002496;
	font-size: 25px;
	text-align: center;
}
.btnFrenchTouch:hover{
	background-color: #002496d1;
}
#catalogueFrenchTouch h3{
	margin-top: 20px;
    margin-bottom: 25px;
}
/*fin french touch*/
.logosEvents {
    position: absolute;
    width: 60px!important;
    height: 60px;
    left: 0%;
    top: 0;
}
.logoEvent{
	margin-left: 14.0625px;
	margin-bottom: 2px;
}
.pointer{
	cursor: pointer;
}
.dfltcrsr{
	cursor: default;
}

/*capsula stanley stella*/
.ssCapsuleWrap .vj-large ,.ssCapsuleWrap .vj-short{
background-color: black;
}
.ssCapsuleWrap .news{
display: none;
}
.ssCapsuleWrap .h1SSC{
margin-top: 23px;
margin-bottom:-5px;
font-size: 42px;
}
.ssCapsuleWrap .h2SSC{
font-size: 23px;
margin-bottom:0px;
}
.ssCapsuleWrap #countdown  {
color: #333;
text-align: center;
}
.ssCapsuleWrap #countdown li {
display: inline-block;
font-size: 1.2em;
list-style-type: none;
padding: 0.8em;
text-transform: uppercase;
}
.ssCapsuleWrap #countdown li span {
display: block;
font-size: 3.5rem;
}
.ssCapsuleWrap .cardCapsule{
margin-bottom: 15px;
}
.ssCapsuleWrap .vj-model-name{
	padding: 5px;
	background-color: #e6e6e6;
	text-align: center;
}
.ssCapsuleWrap .vj-model-name h6{
	color: black!important;
	margin-bottom: 0px;
}
.logosEvents {
    position: absolute;
    width: 60px!important;
    height: 60px;
    left: 0%;
    top: 0;
}
.logoEvent{
	margin-left: 14.0625px;
	margin-bottom: 2px;
}
.pointer{
	cursor: pointer;
}
.listDisc li{
	list-style-type: disc!important;
}
/*fin capsula stanley stella*/
.mb-30{
	margin-bottom: 30px;
}
.sTabtecW p{
	background-color: #f0f8ff;
	padding: 15px;
}


/*margins*/
.mb-12{
	margin-bottom: 12px;
}
.mb-40{
	margin-bottom: 40px;
}
.mb-30{
	margin-bottom: 30px;
}
.mb-20{
	margin-bottom: 20px;
}
.img-itp{
	padding: 8% 0% 3% 4%!important;
}
.img-citp{
    padding-left: 0px!important;
    margin-top: 5px!important;
}
.img-text-bottom-right {
  background-color: white;
  opacity: 0.5;
  text-align: right;
}
.tocMarginTop{
	margin-top: 2px!important;
	padding: 0px!important;
	/*background-color: #303e47!important;*/
}


/*publicitario camisetas*/
#txtlPub .pr-img-publi img{
	height: 273px;
	width: 100%;
	object-fit: cover;
	object-position: center-top;
	display: block;
}

#txtlPub .destBar{
	background-color: #FAFAFA;
}
#txtlPub .cardBar{
	padding: 18px!important;
}

#txtlPub .dataBar{
	text-align: center;
}
#txtlPub .contEsp .brandName{
	background-color: aliceblue;
	padding: 5px;
}
#txtlPub #divPrice{
	margin-bottom: 5px;
	padding: 10px;
	/*background-color: white;*/
	/*border: solid aliceblue;*/
}
#txtlPub .btnPubli{
	text-align: center;
	font-size: 19px;
	background-color: #f0f8ff;
	padding: 10px;
	cursor: pointer;
	border: solid 1px #cfe8ff;
	margin-bottom: 20px!important;
}
#txtlPub .btnPubli:hover{
	background-color: #b8deff;
}
#txtlPub .btnPubli a{
	color: black!important;
}
#txtlPub .txtHDivLnkCat {
	height: 238px;
}

/*por mayor */
#apm .smallCol{
	width: 2%;
}
#apm .logoMarcaAPM{
	margin-left: 4px;
	margin-right: 4px;
}
#apm .shopLoc{
	background-color: #cef2f3;
}
#apm .marcaLogoMar{
	margin-left: 12px; 
	margin-right: 12px;
}

#apm #dondeComprar .backblue{
	background-color: #cfd6e9!important;
	height: 390px!important;
}
#apm #dondeComprar .backblue p{
	margin-bottom: 0.5rem!important;
}
#apm #dondeComprar .fa-4 {
	font-size: 63px!important;
}


.bnrHome{
	padding: 28px!important;
}

.bnrHome{
	padding: 28px!important;
}

.owl-prev {
	width: 15px;
	height: 100px;
	position: absolute;
	top: 40%;
	margin-left: -20px;
	display: block!important;
	border:0px solid black;
	font-size: 20px!important;
}
.owl-next {
	width: 15px;
	height: 100px;
	position: absolute;
	top: 40%;
	right: -25px;
	display: block!important;
	border:0px solid black;
	font-size: 20px!important;
}
.owl-nav .disabled{
	display: none!important;
}


.owl-carousel .content{
	cursor: pointer;
	list-style:none!important;
	width:100%;	
}

.owl-carousel .content-image{
	object-fit: cover; 
	height: 350px!important;
}

.owl-carousel .content .content-overlay {
  background: rgba(0,0,0,0.6);
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.owl-carousel .content:hover .content-overlay{
  opacity: 1;
}
.owl-stage{
	padding-left: 0px!important;
}
.content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.content:hover .content-details{
  top: 50%;
  left: 50%;
  opacity: 1;
}

.fadeIn-bottom{
  top: 80%;
}

.content-ttl h4{
	background-color: #000;
    text-align: center;
    color: white;
    font-size: 21px;
}
.content-prc{
	background-color: black;
}
.content-prc p{
	text-align: center;
	color: white;
	font-size: 18px;
}
.priceDest{
	font-size: 24px;
	color: white;
}

.textWhite{
	color: #fff;
}

#rpPrsnl .imgRPLeft, #cmlvr .imgRPLeft{
	padding-left: 16px!important;
}
#rpPrsnl .imgRPRight, #cmlvr .imgRPRight{
	padding-right: 16px!important;
}
#rpPrsnl .alignRightTxt, #cmlvr .alignRightTxt{
	text-align: right;
}
#rpPrsnl .imgRPLeft img, #cmlvr .imgRPLeft img{
	border-radius: 0.9%;
}
#rpPrsnl .imgRPRight img, #cmlvr .imgRPRight img{
	border-radius: 0.9%;
}

.lineH1{
	line-height: 1;
	font-size: 21px;
}

#publiVsVender .logoTop  {
  height: 150px;
  width: auto;
}
#publiVsVender .wrappLogoTop{
  text-align: center;
  margin-bottom: 20px;
  margin-top: 20px;
}
#publiVsVender .wrappLeftVs{
  border-right: 1px solid grey; 
  background-color: #cb45350d;
}
#publiVsVender .wrappRightVs{
  background-color: #f5faff9e;
}
#publiVsVender .firstContVs{
  min-height: 261px;
}
#publiVsVender .wrappIconCont{
  margin-bottom: 15px;
}
#publiVsVender .h2txtVs{
  margin-bottom: 21px;
  text-align: center;
}
#publiVsVender .chkeuro {
    color: green;
}
#publiVsVender .lastParVs{
  margin-top: 50px;
}

.topH1pag{
	left: 1%!important;
}

.logoPubli{
	margin-bottom: 6px;
	padding: 9px;
	width: 75px;
	display: inline-block;
}

.chkstar{
	color: orange;
}

#iconsRP i{
	font-size: 52px;
	margin-bottom: 16px;
}
.iconAP{
	color: #f9bf2f;
}
.iconMO{
	color: #6099e0;
}
.iconPI{
	color: #bbbbbb;
}
.iconCD{
	color: #ff5722d1;
}

.wrappAlertN19{
    background-color: #0b545b;
}
.wrappAlertN19 .txtAlertN19{
  margin-bottom: 0px;
  color: white;
  font-size: 18px;
  padding: 6px;
}
.txtAlertN19 .destNeg{
  color: white;
  font-size: 19px;
  font-weight: 700;
}

.wrappAlertN19{
    background-color: #0b545b;
}
.wrappAlertN19 .txtAlertN19{
  margin-bottom: 0px;
  color: white;
  font-size: 18px;
  padding: 6px;
}
.txtAlertN19 .destNeg{
  color: white;
  font-size: 19px;
  font-weight: 700;
}

/* bnrTop */
.bnrTop{
	width:100%;
	height:auto;
	background:#272727;
	color:white;
	font-size: 17px;
	margin-bottom: 5px;
	padding: 5px;
}
.bnrTop a{
	text-decoration:underline;
	color:white!important;
}
.mtb15rem{
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}

.mnsjChkout{
	text-decoration: underline!important;
	font-size: 15px;
}


.modalCalculator{
	opacity: 0;
	display: none;
	width: 70%;
	min-height: 10%!important;
	height: auto!important;
	left: 0; 
	right: 0; 
	margin-left: auto; 
	margin-right: auto; 
	overflow: initial!important;
	position: absolute;
	padding: 0;
	background: #e1e1e1;
	z-index: 999;
	top: 150px;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);

}

#bnrHome{
    height: 100px;
	padding: 0px;

}
#bnrHome .wrapp{
  /* border: 1px solid yellow; */
  width: 1024px;
  margin: auto;
  height:100%;
}
#bnrHome .wrapp-cont{
  /* border: 1px solid blue; */
  background-color: #c5c6ff;
  /* height:200px; */
  width:100%;
  position:absolute;
  left:0;
  right:0;
}
#bnrHome .wrapp div{
  box-sizing: border-box;
}

#bnrHome .wrapp-left{
  display:inline-block;
  margin-top: 20px;
  height:100%;
  width:50%;
  float:left;
}
#bnrHome .wrapp-right{
  display:inline-block;
  /* border: 2px solid green; */
  height:100%;
  width:50%;
  float:right;
}
#bnrHome .left-row div{
  box-sizing: border-box;
  /* height:100px; */
}
#bnrHome .wrapp-icon{
	/* border:2px solid black; */
	width:65px;
	padding: 7px 7px 7px 0px;
	height: 100%;
	float:left;
}
#bnrHome .env{
	padding: 3px 12px 0px 0px;
}
#bnrHome .percent{
	padding: 15px 14px 12px 7px;
}
#bnrHome .wrapp-text{
  /* border:2px solid black; */
  width:100%;
  float:right;
}
#bnrHome .second-row{
margin-top: 8px;
}
#bnrHome .wrapp-text p{
  margin:0px;
  color:#fff;
  font-size: 20px;
  line-height: 1.3;
}
#bnrHome .wrapp-text p .negSub{
    text-decoration: underline;
    font-weight: bold;
}
#bnrHome .wrapp-text p > *{
	line-height: 1.3;
}
#bnrHome .wrapp-text .row-title{
	color:#dc1b54;
	font-weight: bold!important;
	font-size: 21px!important;
	text-align: right!important;
	margin-top: 23px;
}
#bnrHome .wrapp-text .blackText{
	color:black!important;
}
#bnrHome .wrapp-text a{
	color: #2ba6cb!important;
}
#bnrHome .wrapp-text a:hover{
	text-decoration: underline;
}


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

	.modalCalculator{
	  width: 98%;
	}
}

/* sellos de la página de producto */
 .sellosProducto{
 	text-align: center;
 }

 .sellosProducto img{
 	display: inline-block; 
 	width: 72px;
 	margin: 5px 10px;
 }

 .sellosProducto p{
 	font-size: 12px;
 }

 .certLabel{
 	width: auto!important;
 }

 .h2tit{font-size: 1.5em;font-weight: bolder;}


 .bgNameOwl{
	background-color: #000;
	color: #fff;
	font-weight: bold;
	text-align: center;
	font-size: 20px;
}

/* dot colores página de productos*/
.dot {
  height: 38px;
  width: 38px;
  background-color: #ffffff;
  border-radius: 50%;
  display: inline-block;
  margin: 8px;
  margin-bottom: 10px!important;
  border: 1px solid rgba(0,0,0,.2);
  cursor: pointer;
}


.videoProducto{
	display: inline-block;
	position: relative;
}

.videoProducto i{
	position:absolute; 
	left: 40%; 
	bottom: 40%; 
	color: #ffffff;
}

.prices-table{
	width: 100%!important;
}

.prices-table td, .prices-table th{
	text-align: center!important;
}

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

.certLabel{
 	width: auto!important;
 }

 .det-colorsize{
	
	font-size: 11px!important;
    border-top: 1px solid #E3E2E2;
    width: 60%;
    margin: 4px auto 0 auto;
    padding-top: 4px;
}

.det-colorsize span{
	color: #e3e2e2;
	margin-left: 8px;
	margin-right: 8px;
}

.brandNameDest{
	color: #fff;
}

.shadow:hover{
	box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
	transition: box-shadow 0.3s ease-in-out;
}

.formOrden{
	
	float: right;
}

.formOrden select{
	margin-top: 0px;
}

.pgoTpv .btnNxt{
	background-color: #67B359;
	margin-top: 20px;
}
.pgoTpv .btnNxt:hover{
	background-color: #86C87A;
}
.pgoTpv .inputCodig{
	padding-left: 24%!important;
	padding-right: 24%!important;
}
.pgoTpv .h3pgo{
	margin-bottom: 20px;
	font-weight: bold;
}
.pgoTpv .wrappLogos{
	margin-top: 25px;display: inline-block;
}
.pgoTpv .logoPagar{
	height: 50px;margin-right: 8px;
}
.pgoTpv .wrappPagoRes{
	text-align: center; 
	margin-top: 20px; 
	margin-bottom: 20px;	
}
.pgoTpv .alertErrorCode{
	font-size: 21px;
	font-weight: bold;
}

/* dot colores página de productos*/
.dot {
  height: 38px;
  width: 38px;
  background-color: #ffffff;
  border-radius: 50%;
  display: inline-block;
  margin: 8px;
  margin-bottom: 10px!important;
  border: 1px solid rgba(0,0,0,.2);
  cursor: pointer;
}

.homeMadeCarousel{
			position: relative;

		}

		.homeMadeCarousel .carouselNav{
			position: absolute;
			right: 0;
			top: 50%;
		}
		
		.homeMadeCarousel #productsCarousel{
			padding: 10px;
			width: 90%;
		}

		.homeMadeCarousel .producto{
			margin: 5px;
			display: inline-block;
			width: 295px;
			height: 350px;
			position: relative;
			cursor: pointer;
		}

		.homeMadeCarousel .producto img{
			object-fit: cover;
			object-position: top;
			width: 100%;
			height: 100%;


		}

		.homeMadeCarousel .productName{
			background-color: rgba(0,0,0,0.4);
			position: absolute;
			top: 0px;
			width: 100%;
			height: 100%;
			display: none;

		}

		.homeMadeCarousel .producto:hover .productName{
			display: block;
		}

		.homeMadeCarousel .productName p{
			line-height: 350px;
		}

		.homeMadeCarousel ul{
			white-space: nowrap;
			overflow-x: scroll;
		}

		.homeMadeCarousel .producto p{
			text-align: center;
		}

		.homeMadeCarousel .producto p span{
			background-color: #000000;
			padding: 5px 10px;
			color: #ffffff;
			font-weight: bold
		}

		.homeMadeCarousel #nextProductCarousel{
			cursor: pointer;
		}
		
		.homeMadeCarousel button{
			background-color: transparent;
			border: none;
			font-size: 20px;
			font-weight: bold;
			color: initial;
		}

		.homeMadeCarousel .js-lazy-image{
			display: inline-block;
		}

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

			.homeMadeCarousel .carouselNav{
				display: none;
			}

			.homeMadeCarousel #productsCarousel{
				width: 100%;
			}
		}



.lightboxProducto .row > .column {
  padding: 0 8px;
}

.lightboxProducto .row:after {
  content: "";
  display: table;
  clear: both;
}

.lightboxProducto .column {
  float: left;
  width: 14%;
  margin: 5px;
}

/* The Modal (background) */
.lightboxProducto .modalLightbox {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 50px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.7);
}

/* Modal Content */
.lightboxProducto .modal-content {
  position: relative;
  background-color: transparent;
  margin: auto;
  padding: 0;
  width: 40%;
  max-width: 50%;
}

	.lightboxProducto .modal-content img{
		border: 5px solid white;
	}

/* The Close Button */
.lightboxProducto .close {
  color: black;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.lightboxProducto .close:hover,
.lightboxProducto .close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.lightboxProducto .mySlides {
  display: none;
  width: 100%;
  margin: 0 auto;
  background-color: transparent;
}

	.lightboxProducto .mySlides img{
		width: 100%;
		height: auto;
	}

.lightboxProducto .cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.lightboxProducto .prev,
.lightboxProducto .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: black;
  font-weight: bold;
  font-size: 40px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.lightboxProducto .next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.lightboxProducto .prev:hover,
.lightboxProducto .next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.lightboxProducto .numbertext {
  color: black;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}



.lightboxProducto .caption-container {
  text-align: center;
  background-color: transparent;
  padding: 2px 16px;
  color: white;
}

.lightboxProducto .demo {
  opacity: 0.6;
}

.lightboxProducto .active,
.lightboxProducto .demo:hover {
  opacity: 1;
}

.lightboxProducto img.hover-shadow {
  transition: 0.3s;
}

.lightboxProducto .hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.lightboxProducto .miniImg{
	width: 40px;
}

.lightboxProducto button{
	background-color: transparent;
	border-color: none;
}


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

	.lightboxProducto .modal-content{
		width: 80%;
		max-width: 80%;
	}
}


/* bnrTop */
.bnrTopTendencias{
	width:100%;
	height:auto;
	background:#272727;
	margin-bottom: 5px;
	text-align: center;
}

	.bnrTopTendencias em{
		color: white;
		font-size: 12px;
		text-transform: uppercase;
		font-style: normal;
		font-weight: 300;
		letter-spacing: 1px;
		text-align: center;

	}

	.bnrTopTendencias ul{
		margin-top: 8px;
		margin: 0px!important;
		white-space: nowrap;    
		
	}

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

			.bnrTopTendencias ul{
				overflow-x: scroll;
			}
			
		}

	.bnrTopTendencias a{
		color: white!important;
		font-size: 13px!important;
	}

	.bnrTopTendencias li{
		display: inline-block;
		text-align: center;
		margin: 0px 14px;
		
	}

	.bnrTopTendencias li img{
		display: block;
		width: 50px;
		margin: 0 auto;
		border-radius: 50%;
		border: 2px solid white;
		box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%);
	} 



/*Lightbox de las imágenes de ejemplo */
.lightboxExPictures{
	padding: 0px!important;
}
.lightboxExPictures .row > .column {
  padding: 0 8px;
}

.lightboxExPictures .row:after {
  content: "";
  display: table;
  clear: both;
}

.lightboxExPictures .column {
  float: left; 
  width: 9%; 
  height: 79px; 
  /*margin: 14px; */
  margin-bottom: 8px;
  overflow: hidden; 
}

/* The Modal (background) */
.lightboxExPictures .modalLightbox {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 50px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.7);
}

/* Modal Content */
.lightboxExPictures .modal-content {
  position: relative;
  background-color: transparent;
  margin: auto;
  padding: 0;
  width: 40%;
  max-width: 50%;
}

	.lightboxExPictures .modal-content img{
		border: 5px solid white;
	}

/* The Close Button */
.lightboxExPictures .close {
  color: black;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.lightboxExPictures .close:hover,
.lightboxExPictures .close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.lightboxExPictures .mySlides {
  display: none;
  width: 100%;
  margin: 0 auto;
  background-color: transparent;
}

	.lightboxExPictures .mySlides img{
		width: 100%;
		height: auto;
	}

.lightboxExPictures .cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.lightboxExPictures .prev,
.lightboxExPictures .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: black;
  font-weight: bold;
  font-size: 40px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.lightboxExPictures .next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.lightboxExPictures .prev:hover,
.lightboxExPictures .next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.lightboxExPictures .numbertext {
  color: black;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}



.lightboxExPictures .caption-container {
  text-align: center;
  background-color: transparent;
  padding: 2px 16px;
  color: white;
}

.lightboxExPictures .demo {
  opacity: 0.6;
}

.lightboxExPictures .active,
.lightboxExPictures .demo:hover {
  opacity: 1;
}

.lightboxExPictures img.hover-shadow {
  transition: 0.3s;
}

.lightboxExPictures .hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.lightboxExPictures .miniImg{
	width: 100%;
    object-fit: cover;
    object-position: center top;
}

.lightboxExPictures button{
	background-color: transparent;
	border-color: none;
}


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

	.lightboxExPictures .modal-content{
		width: 80%;
		max-width: 80%;
	}
}


	/*.owl-nav .disabled{
		display: none!important;
	}*/



.toc_list li{
	display: inline-block!important;
	margin-right: 27px!important;
	padding: 10px;
	/* margin-top: 13px; */
}
.toc_list li a{
 	color: #000!important;
 	font-size: 18px;
}
.toc_list li a:hover{
  text-decoration: underline;
}
.toc_list li:hover{
  text-decoration: underline;
}
.toc_list{
	text-align: center!important;
	background-color: #f7f7f7;
	margin-left: 0px;
}

/* página de técnicas */
#pagTec .container-top-tec{
	width:auto;
	height:560px;
}
#pagTec .container-top-background{
	position:absolute;
	right: 0;
	top:0;
	z-index:-5;
}
#pagTec .container-top-backgroundL {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -5;
}
#pagTec .container-top-contentL {
	background-color: white;
	position: absolute;
	padding: 25px 0px 25px 25px;
	right: 0%;
	left: 38%;
	top: 135px;
}	
#pagTec .container-top-content{
	background-color:white;
	position:absolute;
	padding: 25px 25px 25px 0px;
	right:38%;
	left:0%;
	top:135px;
}
#pagTec .container-top-content h1{
	font-size:44px;
}
#pagTec .container-top-content p, #pagTec .container-top-contentL p{
	font-size:17px;
	margin:0px!important;
}
#pagTec .btnCat{
	padding: 5px 3px 5px 3px;
	background-color:#03a9f5;
	color:#fff;
	text-align:center;
	margin: 8px 0px 8px 0px;
	font-size:17px;
	width:220px;
	/* min-height: 78px; */
}
#pagTec .btnCatAll{
	width:auto!important;
	margin-top:30px;
}
#pagTec .btnCatBloc{
	width:480px!important;
}

#pagTec .btnCat:hover{
	background-color:#0596d8;
	cursor:pointer;
}
#pagTec h1 {
	text-align: center;
	font-size: 45px;
	font-weight: bold !important;
}
#pagTec h2{

	font-weight: bold;
	font-size: 30px;	
}
#pagTec .formContBtn{
	background-color:black;
	color:white!important;
	padding:5px 10px 5px 10px;
}
#pagTec .imgIconFP{
	width:110px;
}
#pagTec a i{
	color:white;
}


#iconsCat{
    padding-left:25px!important;
	padding-right:0px!important;
	margin-bottom: 10px;
    margin-top: 5px;	
}
#iconsCat .iconImg{
    height:50px;
    vertical-align:bottom!important;
}
#iconsCat .inner {
  display: table;
  margin: 0 auto;
}
#iconsCat .wrappIcon{
    display: inline-block;
}
#iconsCat .wrappText{
    display: inline-block;
    padding-left: 7px;
}
	
	@media only screen and (max-width: 500px) { 

		#iconsCat .wrappText{
			width: 100%;
			margin-bottom: 2rem;
		}

		#iconsCat .outer{
			height: 9rem!important;
		}
	}
	
#iconsCat .textIcon1{
    display: block;
    font-size:16px;
    font-weight: bold;
    text-transform: uppercase;
}
#iconsCat .textIcon2{
    font-size:12px;
    display:block;
    /*line-height:0;*/
    /* font-weight: 900; */
    color: #6f6f6f;
}

* quienes somos */
#qs .headerTru{
	text-align: center;
	font-weight: bold;
	font-size: 30px;
	margin-bottom: 40px;
}

#qs h1{
	font-weight: bold;
	text-align: center;
	font-size: 40px;
}
#qs .wrappBlocText .headerQs{
	font-weight: bold;
	text-align: center;
	font-size: 27px;
	border-bottom:3px solid black;
}
#qs .wrappImg{
	height:340px;
	padding:5px;
}
#qs .wrappThumb{
	height:150px;
	width:150px;
	padding:5px;
}
#qs .wrappImg img{
	width:100%;
	height:100%;
	object-fit:cover;
}
#qs .wrappImgMin{
	padding:0px;
	height:auto;
}
#qs .imgMin{
	padding:5px;
	display:inline-block;
}
#qs .btnBlue{
	background-color:#2196F3;
	color: #fff;
	text-align:center;
	padding:4px;
}
#qs .wrappBlocText {
	height: 460px;
	position: relative;
}
#qs .blocText {
	/* padding:30px; */
	width:94%;
	margin: 0;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);		
}
#qs .who {
	height:245px;
}		
#qs .titleDep {
	margin-bottom: 30px;
	font-weight:bold;
}		
#qs .titleClientes {
	font-weight: bold;
	text-align: center;
	font-size: 30px;
	border-bottom:3px solid black;
}		
#qs .bloc3 .bloc3Img{
	object-fit:cover;
}
#qs .bloc3 .bloc3Txt{
	font-weight:bold;
	text-align:center;
	font-size:20px;
	padding:5px;
}
#qs .wrappBloc3, #qs .wrappBlocSlide{
	padding:20px;
}
#qs .social-networks a i{
	color:#111;
}
#qs .social-networks{
	text-align:center;
}
#qs .social-networks .subCityQS{
	font-size: 12px;
	position: absolute;
	margin-top: 20px;
	margin-left: -18px;
}
#qs .vmcQS{
	color:black;
	font-size: 21px;
	top: 40%;
	position: absolute;
	left: 20%;
}
#qs .h4StylLand{
	font-weight:bold;
}
#qs .h4StylLandBB{
	border-bottom: solid 3px black;
	text-align:center;
	font-weight:bold;
}
#qs .destPrendas{
	padding: 15px 0 !important;
	margin: 7px 0 !important;
}
.pddL0{
	padding-left:0px!important;
}
.pddR0{
	padding-right:0px!important;
}
#qs #iconsCat{
	padding-left: 0px !important;
	padding-right: 0px !important;
	margin-bottom: 40px!important;
	margin-top: 40px!important;
}
#qs .extra-lightbox{
	padding: 0px !important;
	margin: 0px;
	margin-bottom: 0px;
	margin-bottom: 40px;
}
#qs a{
	color:#2BA6CB !important;
}
/* fin quienes somos */

wrapp-pers-textil .toc_list a {
    margin-right: 0px!important;
}
.wrapp-pers-textil .blocText li{
	line-height:1.5;
}
.wrapp-pers-textil #quienesSomosLand{
	margin-bottom:50px;
}
.wrapp-pers-textil .subtitle{
	text-align:center;
}
.wrapp-pers-textil .toc_list a li{
	padding:10px;
	font-weight: bold;
}
.wrapp-pers-textil .parMargin0{
	margin:0px;
}
#qs .btnBlue {
	background-color: #2196F3;
	color: #fff!important;
	text-align: center;
}
#qs .btnBlue:hover {
	background-color: #4ca0e3;
}
#qs .headerQs a{
	color:black!important;
}
#qs .headerQs {
    font-weight: bold;
    text-align: center;
    font-size: 30px;
    border-bottom: 3px solid black;
}
#qs .wrappRAR h3{
	text-align: center;
}
#qs .wrappRAR .imgCircle{
	padding: 20px;
}
.wrapp-pers-textil .conrBtnBnr {
	padding: 10px 45px 10px 45px!important;
	font-size: 17px;
}
.wrapp-pers-textil .blocText a:hover{
	text-decoration:underline;
}
.wrapp-pers-textil .formContBtn{
	font-weight: normal!important;
	background: black;
	color: white;
}
.wrapp-pers-textil .mrgTB{
	margin:20px 0 20px 0;
}
.wrapp-pers-textil .hilight p{
	z-index: 200;
	color: black;
	line-height: 1.2;
	margin-bottom: 17px!important;
	font-size: 30px;
}
.wrapp-pers-textil .promo {
	position: relative;
	padding:35px;
}
.wrapp-pers-textil .promo img {
	z-index: 1;
}
.wrapp-pers-textil .hilight {
	background-color: rgb(204 204 204 / 33%);
	position: absolute;
	height: 200px;
	width: 503px;
	bottom: 55px;
	z-index: 1;
	padding: 20px 80px 20px 30px;
}
#serigraphieTec, #dtgTec, #broderieTec, #fullPrintTec, #flexTec, #etiquettesTec{
	margin:25px 0px 25px 0px;
}

#rpPrsnl h1{
	text-align: center;
    margin-top: 20px!important; 
    margin-bottom: 20px!important; 
    text-transform: uppercase;
    font-size: 26px;
}
#rpPrsnl .imgRPLeft, #cmlvr .imgRPLeft{
	padding-left: 16px!important;
}
#rpPrsnl .imgRPRight, #cmlvr .imgRPRight{
	padding-right: 16px!important;
}
#rpPrsnl .alignRightTxt, #cmlvr .alignRightTxt{
	text-align: right;
}

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


#rpPrsnl img{display:block;}
#rpPrsnl .wrappIcons{
	margin-left: -17px!important;
	margin-right: -17px!important;
}
#rpPrsnl .wrappIconsHome{
	margin-left: -3px!important;
	margin-right: -2px!important;
}
#rpPrsnl .nopadding div{ padding:0px; }
#rpPrsnl .nomargin div{ margin:0px; }
#rpPrsnl .iconCat{ padding: 15px 15px 15px 15px!important;}
#rpPrsnl .iconCat {
	position: relative;
	cursor: pointer;
}
#rpPrsnl .middle {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(255, 255, 255, 0.5);
	visibility: hidden;
	opacity: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: opacity .5s, visibility .5s;
}
#rpPrsnl .iconCat:hover .middle {
	visibility: visible;
	opacity: 1;
}
#rpPrsnl .textOv {
	transition: .2s;
	transform: translateY(1em);
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	padding: 5px 10px 5px 10px !important;
	color: #111;
	line-height: 1.1;
	margin-left: 80px !important;
	margin-right: 80px !important;  
	margin-bottom: 45px!important;
}
#rpPrsnl .textOvSizeB{ font-size: 25px; }
#rpPrsnl .textOvSizeM{ font-size: 22px; }
#rpPrsnl .txtPreg{ 
	margin-right: 10px !important;
	margin-left: 10px !important;
	font-size: 21px !important;
 }

#stepsCont{
	margin-top: 30px;
	margin-bottom: 30px;
	/* border: 1px solid blue; */
	background-color: #f4f4f4;
}
.stepDetail{
	padding: 0 20px 0 20px;
}
.wrappImgStp{
	/* border: 1px solid red; */
	text-align: center;
	padding: 14px 0px 14px 0px;
}
.wrappImgStp img{
	height: 60px;
}
.wrappTxtStp{
	font-size: 16px;
	margin-top: 10px;
	line-height: 1.1;
}


.listFilter{
  width: 100%; 
  display: flex; 
  align-items: stretch; 
  justify-content: space-between;
  margin-left: 0px!important
}

@media only screen and (max-width: 992px){
	.listFilter{
	    overflow-x: scroll;
	}

	.listFilter img{
		height: 70px;
    	object-fit: cover;
	}
}

.listFilter li{
  display: inline; 
  flex: 0 1 auto; 
  padding: 5px; 
  text-align: center;
  cursor: pointer;
}

.selectedFilterPer{
border: 3px solid #03A9F5;
}

/* NÚMERO DE ITEMS DENTRO DEL CARRITO */
.cart-number-products{
	position: absolute;
    top: 4.25px;
    transform: translateX(-.5rem);
    background: #ffdb00;
    padding: 0 .45rem; /* 0 .295rem; - fontsize 12px */
    border-radius: 8px;
    font-weight: 700;
    font-size: .75rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 5rem;
    overflow: hidden;
    right: -22%;
    line-height: 1.334;
    color: initial!important;
}



/* Lightbox del catálogo (imágenes de ejemplo) */

.lightboxCatalogue{
	margin-left: 20px!important;
	margin-bottom: 20px!important;
}

.lightboxCatalogue .row > .column {
  padding: 0 8px;
}

.lightboxCatalogue .row:after {
  content: "";
  display: table;
  clear: both;
}

.lightboxCatalogue .column {
  float: left;
  width: 232px;
  height: auto;
  margin-bottom: 14px;
  overflow: hidden;
}

.lightboxCatalogue [class*="column"] + [class*="column"]:last-child{
	float: left!important;
}

/* The Modal (background) */
.lightboxCatalogue .modalLightbox {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 50px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.7);
}

/* Modal Content */
.lightboxCatalogue .modal-content {
  position: relative;
  background-color: transparent;
  margin: auto;
  padding: 0;
  width: 60%;
  max-width: 1200px;
}

	.lightboxCatalogue .modal-content img{
		border: 5px solid white;
	}

/* The Close Button */
.lightboxCatalogue .close {
  color: black;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.lightboxCatalogue .close:hover,
.lightboxCatalogue .close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

.lightboxCatalogue .mySlides, .lightboxCatalogue .mySlidesProducto {
  display: none;
  width: 100%;
  margin: 0 auto;
  background-color: transparent;
}

	.lightboxCatalogue .mySlides img, .lightboxCatalogue .mySlidesProducto img{
		width: 100%;
		height: auto;
	}

.lightboxCatalogue .cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.lightboxCatalogue .prev,
.lightboxCatalogue .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: black;
  font-weight: bold;
  font-size: 40px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.lightboxCatalogue .next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.lightboxCatalogue .prev:hover,
.lightboxCatalogue .next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.lightboxCatalogue .numbertext {
  color: black;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}



.lightboxCatalogue .caption-container {
  text-align: center;
  background-color: white;
  padding: 2px 16px;
  /*color: white;*/
}

.lightboxCatalogue .demo {
  opacity: 0.6;
}

.lightboxCatalogue .active,
.lightboxCatalogue .demo:hover {
  opacity: 1;
}

.lightboxCatalogue img.hover-shadow {
  transition: 0.3s;
}

.lightboxCatalogue .hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.lightboxCatalogue .miniImg{
	width: 100%;
    object-fit: cover;
    object-position: center top;
}

.lightboxCatalogue button{
	background-color: transparent;
	border-color: none;
}


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

	.lightboxCatalogue .modal-content{
		width: 80%;
		max-width: 80%;
	}
}


/*--------------------------- CHAQUETAS ---------------------------*/

#index-vestes .catalogue-tooltip-bottom{ margin-left: 16px; }
#index-vestes:hover .catalogue-tooltip-bottom{ display: block; }
#index-vestes{
	width: 160px;
	height: 110px;
	position: absolute;
	margin-top: 182px;
	margin-left: 810px;
	background: url('../img/home/catalogue-products/vestes-15BW.png');
	background-repeat: no-repeat;
}
#index-vestes:hover{ 
	background: url('../img/home/catalogue-products/vestes-15.png'); 
	background-repeat: no-repeat;
}
#index-vestes a{ 
	width: 160px;
	height: 110px;
	position: absolute;
	left: 0;
}

/*--------------------------- BOLSAS ---------------------------*/
#index-sacs:hover .catalogue-tooltip-top{ display: inline-block; margin-left: -64px; }
#index-sacs{
	width: 85px;
	height: 125px;
	position: absolute;
	display: block;
	margin-left: 160px;
	margin-top: 0px;
	background: url('../img/home/catalogue-products/sacs-10BW.png');
	background-repeat: no-repeat;
}
#index-sacs:hover{ background: url('../img/home/catalogue-products/sacs-10.png'); background-repeat: no-repeat; }
#index-sacs a{
	width: 85px;
	height: 125px;
	position: absolute;
	left: 0;
}

/*------------------------- POLARES ---------------------------*/
#index-polaires:hover .catalogue-tooltip-top{ display: inline-block; margin-left: -64px; }
#index-polaires{
	width: 160px;
	height: 110px;
	position: absolute;
	display: block;
	margin-left: 850px;
	margin-top: 8px;
	background: url('../img/home/catalogue-products/polaires-17BW.png');
	background-repeat: no-repeat;
}
#index-polaires:hover{ background: url('../img/home/catalogue-products/polaires-17.png'); background-repeat: no-repeat; }
#index-polaires a{
	width: 160px;
	height: 110px;
	position: absolute;
	left: 0;
}

/*------------------------- POLOS ---------------------------*/
#index-polos:hover .catalogue-tooltip-bottom{ display: inline-block; margin-left: -68px; margin-top: 150px !important; }
#index-polos .catalogue-tooltip-bottom{ margin-top: 160px !important; margin-left: -62px; }
#index-polos{
	width: 160px;
	height: 145px;
	position: absolute;
	display: block;
	margin-left: 270px;
	margin-top: 157px;
	background: url('../img/home/catalogue-products/polos-08BW.png');
	background-repeat: no-repeat;
	background-size: 90%;
}
#index-polos:hover{ 
	background: url('../img/home/catalogue-products/polos-08.png'); 
	background-repeat: no-repeat; 
	background-size: 90%;
}
#index-polos a{
	width: 160px;
	height: 145px;
	position: absolute;
	left: 0;
}

/*------------------------- GORRAS ---------------------------*/
#index-casquettes .catalogue-tooltip-top{ margin-left: -85px; }
#index-casquettes:hover .catalogue-tooltip-top{ display: inline-block; }
#index-casquettes{
	width: 140px;
	height: 80px;
	position: absolute;
	display: block;
	margin-left: 0;
	margin-top: 100px;
	background: url('../img/home/catalogue-products/casquettes-09BW.png');
	background-repeat: no-repeat;
}
#index-casquettes:hover{ background: url('../img/home/catalogue-products/casquettes-09.png'); background-repeat: no-repeat; }
#index-casquettes a{
	width: 140px;
	height: 80px;
	position: absolute;
	left: 0;
}

/*------------------------- PAÑUELOS ---------------------------*/
#index-bandanas-et-tours-de-cou .catalogue-tooltip-bottom{ margin-left: -61px; margin-top: 110px !important; width: 230px; }
#index-bandanas-et-tours-de-cou:hover .catalogue-tooltip-bottom{ display: inline-block; }
#index-bandanas-et-tours-de-cou {
	width: 115px;
	height: 100px;
	position: absolute;
	display: block;
	margin-left: 140px;
	margin-top: 170px;
	background: url('../img/home/catalogue-products/bandanas-et-tours-de-cou-14BW.png');
	background-repeat: no-repeat;
}
#index-bandanas-et-tours-de-cou:hover{ background: url('../img/home/catalogue-products/bandanas-et-tours-de-cou-14.png'); background-repeat: no-repeat; }
#index-bandanas-et-tours-de-cou a{
	width: 115px;
	height: 100px;
	position: absolute;
	left: 0;
}

/*------------------------- PARAGUAS ---------------------------*/
#index- .catalogue-tooltip-bottom{ margin-left: -40px; }
#index-:hover .catalogue-tooltip-bottom{ display: inline-block; top: -20px; }
#index-{
	width: 95px;
	height: 100px;
	position: absolute;
	display: block;
	margin-left: 930px;
	margin-top: 130px;
	background: url('../img/home/catalogue-products/BW.png');
	background-repeat: no-repeat;
}
#index-:hover{ background: url('../img/home/catalogue-products/.png'); background-repeat: no-repeat; }
#index- a{
	width: 95px;
	height: 100px;
	position: absolute;
	left: 0;
}

/*------------------------- TAPACUELLOS ---------------------------*/
#index- .catalogue-tooltip-bottom{ margin-top: 130px !important; margin-left: -50px; }
#index-:hover .catalogue-tooltip-bottom{ display: inline-block; top: -20px; }
#index-{
	width: 95px;
	height: 100px;
	position: absolute;
	display: block;
	margin-left: 970px;
	margin-top: 130px;
	background: url('../img/home/catalogue-products/-25BW.png');
	background-repeat: no-repeat;
}
#index-:hover{ background: url('../img/home/catalogue-products/-25.png'); background-repeat: no-repeat; }
#index- a{
	width: 95px;
	height: 100px;
	position: absolute;
	left: 0;
}

/*------------------------- CHUBASQUEROS ---------------------------*/
#index-coupe-vent:hover .catalogue-tooltip-top{ display: inline-block; margin-left: -76px; }
#index-coupe-vent{
	width: 210px;
	height: 150px;
	position: absolute;
	display: block;
	margin-left: 660px;
	margin-top: -10px;
	background: url('../img/home/catalogue-products/coupe-vent-12BW.png');
	background-repeat: no-repeat;
	background-size: 85%;
}
#index-coupe-vent:hover{ 
	background: url('../img/home/catalogue-products/coupe-vent-12.png'); 
	background-repeat: no-repeat; 
	background-size: 85%;
}
#index-coupe-vent a{
	width: 210px;
	height: 150px;
	position: absolute;
	left: 0;
}

/*------------------------- SUDADERAS ---------------------------*/
#index-sweat-shirts .catalogue-tooltip-bottom{ margin-top: 150px !important; margin-left: -76px; }
#index-sweat-shirts:hover .catalogue-tooltip-bottom{ display: inline-block; }
#index-sweat-shirts{
	width: 210px;
	height: 160px;
	position: absolute;
	display: block;
	margin-left: 615px;
	margin-top: 158px;
	background: url('../img/home/catalogue-products/sweat-shirts-07BW.png');
	background-repeat: no-repeat;
	background-size: 85%;
}
#index-sweat-shirts:hover{ 
	background: url('../img/home/catalogue-products/sweat-shirts-07.png'); 
	background-repeat: no-repeat; 
	background-size: 85%;
}
#index-sweat-shirts a{
	width: 210px;
	height: 160px;
	position: absolute;
	left: 0;
}

/*------------------------- CHALECOS ---------------------------*/
#index-gilets:hover .catalogue-tooltip-top{ display: inline-block; margin-left: -65px; }
#index-gilets{
	width: 102px;
	height: 145px;
	position: absolute;
	display: block;
	margin-left: 280px;
	margin-top: -10px;
	background: url('../img/home/catalogue-products/gilets-11BW.png');
	background-repeat: no-repeat;
	background-size: 90%;
}
#index-gilets:hover{ 
	background: url('../img/home/catalogue-products/gilets-11.png'); 
	background-repeat: no-repeat; 
	background-size: 90%;
}
#index-gilets a{
	width: 85px;
	height: 120px;
	position: absolute;
	left: 0;
}
.tshirtsPiece{
	width: 260px;
	height: 225px;
	position: absolute;
	margin-left: 390px;
	margin-top: 20px;
	display: block;
	cursor: pointer;
	background: url('../img/home/catalogue-products/tshirts-01BW.png');
	background-repeat: no-repeat;
	background-size: 100%;
}
.tshirtsPiece:hover{ 
	background: url('../img/home/catalogue-products/tshirts-01.png'); 
	background-size: 100%; 
	background-repeat: no-repeat; 
}
.tshirtsPiece a{
	width: 350px;
	height: 350px;
	position: absolute;
	left: 0;
	color: #fff !important;
}
.plusTshirt{
	width: 0;
	height: 220px;
	position: absolute;
	margin-left: 130px;
	margin-top: 1px;
	z-index: 2;
	text-align: left;
	background: #414141;
	overflow: hidden;
}
.tshirtsPiece:hover .plusTshirt{
	width: 240px;
}
.plusTshirt .nomargin{
	margin-top: 0 !important;
}
.plusTshirt a{
	width: 100%;
	min-width: 300px;
	height: 44px;
	position: relative;
	font-size: 16px;
	color: #fff;
	display: block;
	line-height: 45px;
	padding-left: 20px;
	font-family: Lato;
	border-left: 6px solid #414141;
}
.plusTshirt a:hover{
	background: #222222;
	border-left: 6px solid #f9bf2f;
}

/*------------------------- OTROS ---------------------------*/
.header #contacthead a{
	color: #000 !important;
}
.header #contacthead p{
	font-size: 14px;
	margin: 0 5px;
	display: inline-block;
}
.smallHeader #contacthead{
	margin-top: 25px;
}
.smallHeader #contacthead p{
	font-size: 14px;
	margin: 0 5px;
	display: inline-block;
}
.header #contacthead p{
	font-size: 16px;
	margin: 0 7px;
	display: inline-block;
}
.header #idiomas a{ color: #fff !important; }
.smallHeader #idiomas a{ color: #fff !important; }
.header #idiomas{
	width: auto;
	height: auto;
	position: absolute;
	top: -149px;
	right: 50px;
}
.header #idiomas ul li{ 
	list-style: none; 
}
.header #idiomas ul .lang-link{
	width: 43px;
	height: 43px;
	padding: 3px;
	position: absolute;
	display: block;
	margin: 2px;
	cursor: pointer;
	background: #333333;
	border: 2px solid #F4F4F4;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
}
.header #idiomas ul .front{ z-index: 2; }
.header #idiomas ul .third{ margin-top: 42px; }
.header #idiomas ul .space{ height: 40px; }
.header #idiomas ul li i{ color: #fff; }
.header #idiomas ul .eu{
	width: 43px;
	height: 123px;
	position: absolute;
	text-align: right;
	right: 0;
	padding-right: 0 !important;
	margin-right: -45px;
	background: #333333;
	z-index: 1;
	overflow: hidden;	
}
.header #idiomas ul .eu:hover{ width: 200px; height: auto; }
.header #idiomas ul .eu .eu-flag{
	max-width: 41px !important;
	margin-top: -4px;
	margin-left: -5px;
	border-left: 2px solid #F4F4F4;
}
.header #idiomas ul .eu .shop-link img{ 
	width: 20px;
	margin-top: -2.5px;
	margin-right: 10px;
}
.header #idiomas ul .eu .shop-link{
	width: 205px;
	float: left;
	display: block;
	margin-left: -10px;
	margin-top: -3px;
	padding-left: 20px;
	text-align: left;
	color: #fff;
	font-size: 15px;
}
.header #idiomas ul .eu .shop-link:hover{ background: #555555; }
.header #idiomas ul .eu .first{ margin-top: -40px !important; }
.header #idiomas ul .eu .second{ margin-top: -10px !important; }
.smallHeader #contacthead{
	margin-top: 25px;
}
.smallHeader #contacthead p{
	font-size: 14px;
	margin: 0 5px;
	display: inline-block;
}
.smallHeader #idiomas{
	width: auto;
	height: auto;
	position: absolute;
	float: right;
	top: -65px;
	right: -55px;
	margin-top: -4px;
	display: inline-block;
}
.smallHeader #idiomas ul li{ 
	list-style: none; 
}
.smallHeader #idiomas ul .lang-link{
	width: 43px;
	height: 43px;
	padding: 3px;
	position: relative;
	display: inline-block;
	margin: 2px;
	cursor: pointer;
	background: #333333;
	border: 2px solid #F4F4F4;
	z-index: 999 !important;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
}
.smallHeader #idiomas ul .front{
	z-index: 2;
}
.smallHeader #idiomas ul li i{
	color: #fff;
}
.smallHeader #idiomas .third{
	margin-left: -7px !important;
	padding-right: 30px !important;
	padding-left: 12px !important;
	border-right: 60px solid #F4F4F4 !important;
}
.smallHeader #idiomas ul .eu{
	width: 170px;
	height: 0;
	position: absolute;
	text-align: left;
	left: 0;
	margin-left: -22px;
	padding-top: 44px;
	background: transparent;
	z-index: 1;
	overflow: hidden;
}
.smallHeader #idiomas ul .eu:hover{
	width: 170px;
	height: auto;
	background: #333333;
}
.smallHeader #idiomas ul .eu .eu-flag{
	max-width: 41px !important;
	margin-top: -81px;
	margin-left: -3px;
	border-right: 2px solid #F4F4F4;
	border-bottom: 2px solid #F4F4F4;
}
.smallHeader #idiomas ul .eu .shop-link img{ 
	width: 20px;
	margin-top: -2.5px;
	margin-right: 10px;
}
.smallHeader #idiomas ul .eu .shop-link{
	width: 205px;
	float: left;
	margin-left: -10px;
	margin-top: -3.5px;
	padding-left: 20px;
	text-align: left;
	color: #fff;
	font-size: 15px;
}
.smallHeader #idiomas ul .eu .shop-link:hover{
	background: #555555;
}
.smallHeader #idiomas ul .eu .first{
	margin-top: -35px !important;
}
.smallHeader #idiomas ul .eu .second{
	margin-top: -5px !important;
}
#caja1{ width: 180px; }
#caja2{ width: 140px; }
#caja3{ width: 125px; }
#caja4{ width: 230px; }
#caja5{ width: 260px; }
#caja6{ width: 169px; }
#contenedor1{ width: 300px; margin-left: -80px; margin-top: -140px; }
#contenedor2{ width: 300px; margin-left: -90px; margin-top: -110px;  }
#contenedor3{ width: 300px; margin-left: -100px; margin-top: -170px; }
#contenedor4{ width: 300px; margin-left: -40px; margin-top: -300px; }
#contenedor5{ width: 300px; margin-left: -40px; margin-top: -300px; }
#contenedor1:after, #contenedor1:before{ left: 140px; }
#contenedor2:after, #contenedor2:before{ left: 140px; }
#contenedor3:after, #contenedor3:before{ left: 140px; }
#contenedor4:after, #contenedor4:before{ left: 140px; }
#contenedor5:after, #contenedor5:before{ left: 140px; }
#direccion{ color: #fff; }

#contacthead{
	margin-top: 15px;
}
#ccontacthead p{
	font-size: 14px;
	margin: 0 5px;
	display: block;
}
#nombre{ display: inline-block; }
#miniNombre{ display: none; }
.pre-footer #telefono{ font-size: 24px; color: #fff; }

#informacionEconomica:after{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 12px 12px 0;
	border-color: #f4f4f4 transparent;
	display: block;
	width: 0;
	z-index: 0;
	bottom: -12px;
	left: 440px;
}
#informacionEconomica:before{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 12px 12px 0;
	border-color: #999999 transparent;
	display: block;
	width: 0;
	z-index: 0;
	bottom: -13px;
	left: 440px;
}
#informacionMedia:after{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 12px 12px 0;
	border-color: #f4f4f4 transparent;
	display: block;
	width: 0;
	z-index: 2;
	bottom: -12px;
	left: 665px;
}
#informacionMedia:before{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 12px 12px 0;
	border-color: #999999 transparent;
	display: block;
	width: 0;
	z-index: 2;
	bottom: -13px;
	left: 665px;
}
#informacionAlta:after{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 12px 12px 0;
	border-color: #f4f4f4 transparent;
	display: block;
	width: 0;
	z-index: 0;
	bottom: -12px;
	left: 889px;
}
#informacionAlta:before{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 12px 12px 0;
	border-color: #999999 transparent;
	display: block;
	width: 0;
	z-index: 0;
	bottom: -13px;
	left: 889px;
}

#genero1:checked + label{ background-image: url('../img/icons/genere-1.png'); }
#genero2:checked + label{ background-image: url('../img/icons/genere-2.png'); }
#genero3:checked + label{ background-image: url('../img/icons/genere-3.png'); }
#genero4:checked + label{ background-image: url('../img/icons/genere-4.png'); }

#nombre::-webkit-input-placeholder { color:#bb2024; }
#nombre:-moz-placeholder{ color: #bb2024; }
#nombre::-moz-placeholder{ color: #bb2024; }
#nombre:-ms-input-placeholder{ color: #bb2024; }
#email::-webkit-input-placeholder { color:#bb2024; }
#email:-moz-placeholder{ color: #bb2024; }
#email::-moz-placeholder{ color: #bb2024; }
#email:-ms-input-placeholder{ color: #bb2024; }

.moduleBox #colorBlanc{ background: #fff; }
.moduleBox #colorGris{ background: #A6A6A6; }
.moduleBox #colorNoir{ background: #000; }
.moduleBox #colorJaune{ background: #FFFF36; }
.moduleBox #colorOrange{ background: #FF8643; }
.moduleBox #colorRouge{ background: #E8352C; }
.moduleBox #colorRose{ background: #FF78D8; }
.moduleBox #colorMarron{ background: #B6673F; }
.moduleBox #colorViolet{ background: #825794; }
.moduleBox #colorBleu{ background: #5E5BBF; }
.moduleBox #colorVert{ background: #69BA5B; }
.moduleBox #colorBicolore{
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #ffffff 0%, #f4f4f4 50%, #2b2b2b 52%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(50%,#f4f4f4), color-stop(52%,#2b2b2b), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #ffffff 0%,#f4f4f4 50%,#2b2b2b 52%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #ffffff 0%,#f4f4f4 50%,#2b2b2b 52%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #ffffff 0%,#f4f4f4 50%,#2b2b2b 52%,#000000 100%); /* IE10+ */
	background: linear-gradient(135deg,  #ffffff 0%,#f4f4f4 50%,#2b2b2b 52%,#000000 100%); /* W3C */
}


*{font-family: 'Source Sans Pro', sans-serif; color:black;
	/*-webkit-transition: all  0.2s;
	-moz-transition:  all  0.2s;
	transition:   all  0.2s;*/
	line-height:200%;
	outline: none;
}
a{ color: black;}
.container {
	position: relative;
	margin-top: 17em;
}
#logo{ 
	width: 160px; 
	height: 120px; 
	float: left;
	margin-left: 45%;
}

.tcenter{ font-size: 1.4em; text-align: center; margin-top: 1em;}
.tcenter1em{ font-size: 1em; text-align: center; margin-top: 1em;}
.txtcenter{ text-align: center;}
.top3{ margin-top: 3%;}
.btop{ border-top: solid 1px #bcbcbc;}
.fleft{ float: left;}
.fright{ float: right;}

.mnw li a{font-size: 1em;}

.ftc{ 
	width: 100%; 
	background-color: #5f5f5f;
}
.ftc h3{ text-transform: uppercase; font-weight: bold; 	color:#f2f2f2 !important;}
.ftc li{ list-style: none; }
.ftc li a{color: #E8E8E8;}
.ftc #socialmedia img{ width: 10%;}

.tfe{ border-bottom: solid 1px #f6f6f6; padding-bottom: 1%; margin-top: 6%; text-transform: uppercase;}
.tfet{ margin-bottom: 6%;}



.catalogo{background: url('http://192.168.1.179/00/img/home/catalogos.jpg'); background-repeat: no-repeat; background-position: left; background-size:100%;}
.catalogo:hover{  transition: background 0.5s ease; background: url('http://192.168.1.179/00/img/home/catalogos-hover.jpg'); background-repeat: no-repeat; background-position: left; background-size:100%;}
.catalogo{ height: 440px;}

#url{text-align: center;}

.fhome{ 
	width: 100%; max-height: 320px; overflow: hidden;
}

.fhome img{ width: 100%;}
.subfhome{
	width: 100%; max-height: 59px; overflow: hidden;
	background-color:#e0e0e0;
	border-top: solid 2px #f2f2f2;
	margin-bottom: 3%;
}
.subfhome h3{  color: #2f2f2f; padding:1.5% 1% 1% 15%; font-size: 1.5em; text-transform: uppercase;}
.bred{ 
	background-color: #0bcdf0; text-align: center; 
}
.bred .alert{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.5em;
}
.bred:hover{background-color: #3c98be;}

body{ min-width: 990px;}

.prts{ 
	background-position: left; background-image: url('../img/home/caja-sola-hover.jpg'); background-repeat: no-repeat;
	padding-left: 34%;
	border-right: solid 1px #bcbcbc;
}
.prts:hover{ background-position: left; background-image: url('../img/home/caja-sola.jpg');}
.cth{
	background-position: left; background-image: url('../img/home/48h.jpg'); background-repeat: no-repeat;
	padding-left: 150px;
}
.txtr{ text-align: right;}

.prcs{ }
ol.boxes-list {
    list-style-type: none;
    list-style-type: decimal !ie; /*IE 7- hack*/
    padding: 0 0 0 10%;
    counter-reset: li-counter;
}
ol.boxes-list > li{
    position: relative;
    margin-bottom: 15px;
    margin-right: 3.40em;
    padding: 0.75%;
    display: inline-block;
}
ol.boxes-list > li:before {
    position: absolute;
    top: 0;
    left: -0.94em;
    width: 0.94em;
    height: 0.94em;
     
    font-size: 3em;
    line-height: 0.94;
    text-align: center;
    color: #f5f5f5;
 
    background-color: #464646;
    content: counter(li-counter);
    counter-increment: li-counter;
}

#ribcall{ background-color: #03a9f5; color: #fff; font-size: 1.2em; width: 100%; padding-top: 1%; padding-bottom: 1%; text-align: center;}
#ribcall h4, #ribcall h5{color: #fff;}
#socialmedia{ margin: 25px 0px 75px 0px;}
#footer{ text-align: center;}
#footer h3{ font-size: 1em; padding: 1%;}
#footer li{ display: inline; padding: 3% 4% 0 0; font-size: 0.90em;}
#menuw li a{ }
#menuw .searchb{ background-color:#eaeaea; color:#2a2a2a;}
#menuw .yellowback{ background-color:#f9bf2f;}
#footer .row{ padding-top: 2%;}
#footer .f-dropdown { background-color:#2f2f2f; }
#footer .f-dropdown li a{ background-color:#2f2f2f; width: 96%; float:left; text-align: left; margin-left: 4%;}
#footer .f-dropdown li a:hover{ border-left:#fdc031 7px solid;}

.whitetxt, .bblack a{ color: #fff !important; }
.bblack{ background-color:#000; color: #fff !important; text-align: center; padding-top: 1.5%; }
.smedia{ height: 72px; overflow: hidden; padding: 1% 0% 4% 0%; }
#footer a i{ font-size: 2.5em; padding: 1% 1.5% 0% 1.5%; color: #fff; display: inline-block;}
#footer a i:hover{ font-size:2.75em; padding: 0% 1.15% 0% 1.15%;   }


.f-dropdown {
  position: absolute;
  left: -9999px;
    top: -9999px;
  list-style: none;
  margin-left: 0;
  outline: none;
  width: 200px;
  max-height: none;
  height: auto;
  background: white;
  border: solid 1px #cccccc;
  font-size: 0.875rem;
  z-index: 89;
  margin-top: 2px;
  max-width: 200px; }
  .f-dropdown.drop-top {
    position: absolute;
    left: -9000px;
    top: 0px;
    list-style: none;
    margin-left: 0;
    outline: none;
    width:200px;
    max-height: none;
    height: auto;
    background: white;
    border: solid 1px #cccccc;
    font-size: 0.875rem;
    z-index: 89;
    margin-top: -2px;
    margin-left: 0;
    max-width: 200px;
}

.f-dropdown.navc {
    background: white;
    border: solid 1px #cccccc;
    font-size: 1.25rem;
}
.f-dropdown.navc li:hover{
    background: #e3e3e3;

}

.fixleft {
  display: inline-block;
  position: fixed;
  padding: 0.75rem;
  left:80%;
  width: 10%;
  color: white;
  background: #2f2f2f;
  top:0%;
  z-index: 5000000;
}#caixa1 .foot-wrapper{ margin-left: 10px; }
#caixa1 .foot-wrapper:after, #caixa1 .foot-wrapper:before{ margin-left: -35px; }
#caixa3 .foot-wrapper{ margin-left: -87px; }
#caixa3 .foot-wrapper:after, #caixa3 .foot-wrapper:before{ margin-left: 28px; }
#caixa4 .foot-wrapper{ margin-left: -25px; }
#caixa4 .foot-wrapper:after, #caixa4 .foot-wrapper:before{ margin-left: 20px; }
#caixa5 .foot-wrapper{ margin-left: -50px; }
#caixa5 .foot-wrapper:after, #caixa5 .foot-wrapper:before{ margin-left: 5px; }
.dtg .ind-att{ margin-top: -30px !important; }
.fullprint .ind-att{ margin-top: -30px !important; }
.contactForm input[type="checkbox"]{
  width: 30px;
  height: 30px;
  margin-right: 10px;
}

/* Cambios calculadora Abril 2016 */
#wrapDTGfrontal, #wrapDTGtrasero{
	width: 100% !important;
	margin-left: -60px !important;
}
.radiosDTG{
	width: 100% !important;
	padding: 0 !important;
	margin-left: -20px !important;
}
.customTooltip{ margin-left: -120px !important; }
#radioDTG1F + label, #radioDTG2F + label, #radioDTG3F + label, #radioDTG4F + label{
	width: 110px !important;
	left: -53px !important;
	margin-right: 10px !important;
	position: relative !important;
}
#radioDTG1F + label .customTooltip{ margin-left: -80px !important; }
#radioDTG1F + label .customTooltip:after{ right: 50px; }
#radioDTG1T + label, #radioDTG2T + label, #radioDTG3T + label, #radioDTG4T + label{
	width: 110px !important;
	left: -53px !important;
	margin-right: 10px !important;
	position: relative !important;
}
#radioDTG1T + label .customTooltip{ margin-left: -80px !important; }
#radioDTG1T + label .customTooltip:after{ right: 50px; }
#radioPantallaFXL + label, #radioPantallaFXL + label .calcIcon{ height: 65px; }
#radioPantallaFN + label, #radioPantallaFN + label .calcIcon{ height: 65px; }
#radioPantallaFN +label .customTooltip, #radioPantallaFXL + label .customTooltip{
	margin-left: -110px !important;
	margin-top: 80px !important;
}
#radioPantallaTXL + label, #radioPantallaTXL + label .calcIcon{ height: 65px; }
#radioPantallaTN + label, #radioPantallaTN + label .calcIcon{ height: 65px; }
#radioPantallaTN +label .customTooltip, #radioPantallaTXL + label .customTooltip{
	margin-left: -110px !important;
	margin-top: 80px !important;
}

/* Iconos invididuales */
.popCalculator .calcIcon{
	height: 40px;
	margin-top: -3px;
	background-size: 37px auto;
	background-position: 10px 4px !important;
}
.popCalculator .iconFront{ background-image: url('../img/icons/calculator/front.png'); }
.divTF:hover .iconFront{ background-image: url('../img/icons/calculator/front-hover.png'); }
.popCalculator .iconBack{ background-image: url('../img/icons/calculator/back.png'); }
.divTT:hover .iconBack{ background-image: url('../img/icons/calculator/back-hover.png'); }
.popCalculator .iconNormal{ background-image: url('../img/icons/calculator/size3.png'); }
#radioPantallaFN:checked +label .iconNormal{ background-image: url('../img/icons/calculator/size3-hover.png'); }
#radioPantallaTN:checked + label .iconNormal{ background-image: url('../img/icons/calculator/size3-hover.png'); }
.popCalculator .iconXL{ background-image: url('../img/icons/calculator/size4.png'); }
#radioPantallaFXL:checked + label .iconXL{ background-image: url('../img/icons/calculator/size4-hover.png'); }
#radioPantallaTXL:checked + label .iconXL{ background-image: url('../img/icons/calculator/size4-hover.png'); }

#radioDTG1F + label .iconDTG1, #radioDTG1T + label .iconDTG1{ background-image: url('../img/icons/calculator/size1.png'); }
#radioDTG2F + label .iconDTG2, #radioDTG2T + label .iconDTG2{ background-image: url('../img/icons/calculator/size2.png'); }
#radioDTG3F + label .iconDTG3, #radioDTG3T + label .iconDTG3{ background-image: url('../img/icons/calculator/size3.png'); }
#radioDTG4F + label .iconDTG4, #radioDTG4T + label .iconDTG4{ background-image: url('../img/icons/calculator/size4.png'); }
#radioDTG1F:checked + label .iconDTG1, #radioDTG1T:checked + label .iconDTG1{ background-image: url('../img/icons/calculator/size1-hover.png'); }
#radioDTG2F:checked + label .iconDTG2, #radioDTG2T:checked + label .iconDTG2{ background-image: url('../img/icons/calculator/size2-hover.png'); }
#radioDTG3F:checked + label .iconDTG3, #radioDTG3T:checked + label .iconDTG3{ background-image: url('../img/icons/calculator/size3-hover.png'); }
#radioDTG4F:checked + label .iconDTG4, #radioDTG4T:checked + label .iconDTG4{ background-image: url('../img/icons/calculator/size4-hover.png'); }

.popCalculator .iconSleeves{ background-image: url('../img/icons/calculator/sleeves.png'); }
.sleevesDiv:hover .iconSleeves{ background-image: url('../img/icons/calculator/sleeves-hover.png'); }
.popCalculator .iconSleeveI{ background-image: url('../img/icons/calculator/leftsleeve.png'); }
.divSleeve:hover .iconSleeveI{ background-image: url('../img/icons/calculator/leftsleeve-hover.png'); }
.popCalculator .iconSleeveD{ background-image: url('../img/icons/calculator/rightsleeve.png'); }
.divSleeve2:hover .iconSleeveD{ background-image: url('../img/icons/calculator/rightsleeve-hover.png'); }
.popCalculator .iconEmb{ background-image: url('../img/icons/calculator/packaging2.png'); }
.popCalculator #plegado:checked + label .iconEmb{ background-image: url('../img/icons/calculator/packaging2-hover.png'); }
.popCalculator .iconEmb2{ background-image: url('../img/icons/calculator/packaging3.png'); }
.popCalculator #plegadoplus:checked + label .iconEmb2{ background-image: url('../img/icons/calculator/packaging3-hover.png'); }

#radioPantallaFN + label .calcIcon, #radioPantallaFXL + label .calcIcon{ background-position: 10px 15px !important; }
#radioPantallaTN + label .calcIcon, #radioPantallaTXL + label .calcIcon{ background-position: 10px 15px !important; }
#radioColorC + label .customTooltip{ margin-left: -110px !important; }
#plegadoplus + label .customTooltip{ margin-left: -170px !important; }

#radioPantallaFN:checked +label span, #radioPantallaFXL:checked +label span{ color: #fff; }
#radioPantallaTN:checked +label span, #radioPantallaTXL:checked +label span{ color: #fff; }

.alertXtra{
	width: 100%;
	position: relative;
	display: inline-block;
	margin-bottom: 15px !important;
	padding: 15px 10px !important;
	background: #D94F49;
	font-size: 18px !important;
	color: #fff;
	text-align: center;
	border: 2px solid #bb2024;
}
.lightsOff2{
	width: 100%;
	height: 100%;
	display: block;
	background: rgba(0,0,0,0.9);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9998;
}
.alert-checker-post{
	width: 600px;
	height: 200px;
	background: #D94F49;
	border: 2px solid #bb2024;
	color: #fff;
	font-size: 17px;
	position: fixed !important;
	top: 50%;
	left: 50%;
	padding: 15px;
	text-align: center;
	margin-top: -100px;
	margin-left: -300px;
	z-index: 9999;
}
.alert-checker-post strong{
	font-weight: bold;
	font-family: Lato;
	color: #fff;
	font-size: 24px;
	padding-bottom: 15px;
	display: block;
}
.alert-checker-post a{
	width: 50%;
	padding: 5px 30px;
	background: #f5f5f5;
	color: #bb2024 !important;
	margin: 28px auto;
	font-weight: bold;
	font-size: 18px;
	display: block;
	border: 2px solid #bb2024;
}
.alert-checker-post a:hover{
	background: #D94F49;
	color: #fff !important;
	border: 2px solid #fff;
}

/* CALCULADORA RÁPIDA */
.quick-left #calcForm .indCol{
	padding: 3px !important;
}
.quick-left #radioColorC + label .customTooltip{
	margin-left: 68px !important;
}
.quick-left #selectTintasF, .quick-left #selectTintasT{
	width: 145px !important;
	height: 42px !important;
}
.quick-left #radioDTG1F + label, .quick-left #radioDTG2F + label, .quick-left #radioDTG3F + label, .quick-left #radioDTG4F + label{
	width: 41px !important;
	height: 40px !important;
	margin: 1px !important;
	left: 0 !important;
	float: none !important;
	padding: 5px 2px !important;
	position: relative !important;
	display: inline-block !important;
	text-align: center !important;
}
.quick-left #radioDTG1T + label, .quick-left #radioDTG2T + label, .quick-left #radioDTG3T + label, .quick-left #radioDTG4T + label{
	width: 41px !important;
	height: 40px !important;
	margin: 1px !important;
	left: 0 !important;
	float: none !important;
	padding: 5px 2px !important;
	position: relative !important;
	display: inline-block !important;
	text-align: center !important;
}
.quick-left #pantallaDTGFront label .customTooltip, .quick-left #pantallaDTGBack label .customTooltip{
	margin-left: 0 !important;
}
.quick-calculator #radioDTG4F + label:hover .customTooltip, .quick-calculator #radioDTG4T + label:hover .customTooltip{
	display: block;
	margin-top: 30px;
	margin-left: -8px;
}
.quick-calculator #radioDTG4F + label:hover .customTooltip:after, .quick-calculator #radioDTG4T + label:hover .customTooltip:after{
	left: 15px;
}
#blockFrontInks, #blockBackInks{
	height: auto !important;
	position: relative !important;
}
.quick-calculator #radioPantallaFN + label .customTooltip, .quick-calculator #radioPantallaFXL + label .customTooltip{
	margin-top: 30px !important;
	margin-left: -5px !important;
}
.quick-calculator #radioPantallaTN + label .customTooltip, .quick-calculator #radioPantallaTXL + label .customTooltip{
	margin-top: 30px !important;
	margin-left: -5px !important;
}
.pricesFinal{
	width: 100% !important;
	min-width: 394px;
}
.quick-left .noSizeSelect{
	margin-top: -35px !important;
}
.quick-calculator #blockFrontInks{
	top: 20px !important;
}
.quick-calculator #blockBackInks{
	top: 25px !important;
	margin-bottom: 25px !important;
}
.quick-calculator .servicesBlock input + label small{
	padding: 0 1px !important;
}
.popCalculator #emsolsadoSi + label .iconEmb{ 
	background-image: url('../img/icons/calculator/packaging2.png'); 
	background-size: 35px auto;
	background-position: 6px 4px !important;
}
.popCalculator #emsolsadoSi:checked + label .iconEmb{ 
	background-image: url('../img/icons/calculator/packaging2-hover.png'); 
}
.popCalculator #embolsadoPlus + label .iconEmb2{
	background-image: url('../img/icons/calculator/packaging3.png'); 
	background-size: 35px auto;
	background-position: 4px 4px !important;
}
.popCalculator #embolsadoPlus:checked + label .iconEmb2{
	background-image: url('../img/icons/calculator/packaging3-hover.png');
}.pic100{ overflow: hidden;}
.pic100 img{width: 100%;}
.pic100 h1, .pic100 h2{ float: left; position: absolute; padding-left: 3%; width: 380px;}
.pic100 h1, .pic200 h1{ margin-top: 23%; font-size: 3em; font-weight: normal; background-color: white;}
.pic100 h2, .pic200 h2{ margin-top: 29%; font-size: 1em; font-weight: normal; background-color: white;}
.pic200 { margin-top: 27%;}
.pic200 h1{ margin-top:auto; }
.pic200 h2{ margin-top:30%; }
.blueborder{ border-bottom: solid 2% red;}
.whitetxt{ color: white;}
.btnwhtxt, .btnwhtxt:hover{ color: white !important;}
.titlesbw{ background-color:#f0f0f0; padding: 7% 1% 1% 3%;}
.tectxt p{ margin-top: 2%;}
.backgrey{ background-color: #e3e3e3;}

.backblue{ background-color: #cef2f3;}

.menulat{ z-index:5800; width:auto; bottom:0%; position:fixed; left:0px;}
.menulat li{ background-color: #000; color: #fff; padding: 2% 2% 2% 6%; list-style: none; margin-top: 1%;}

.nopaddingleft{ padding: 2% 1% 2% 0%;}
.nopaddinglaterals{ padding: 2% 0.5% 2% 0.5%;}
.nopaddingright{ padding: 2% 0% 2% 1%;}

.nopaddingleft img{ height: auto;}
.nopaddinglaterals img{ height: auto;}
.nopaddingright img{ height: auto;}

.calltoac p{ background-color:#ffbb12; color: #000; padding: 3%; border-left:solid #3E3E3E 28px; font-size: 1.25em;}
.trfpdf{ border: solid #f4f4f4 3px; background-color:#f4f4f4; margin-top: 3%;}
.trfpdf h3{ padding-top: 8px;}

#cat {  width: 100%; padding: 0; margin: 0; float: left; text-align: center;}
#cat li{ width: 24%; padding: 0%; margin:1% 0 0 1%; overflow: hidden;}
/*#cat li{ width:32%; padding: 0%; margin:1% 0 0 1%; overflow: hidden;}*/

@media screen and (min-width: 10px) and (max-width: 990px){
	#cat li{ width: 250px; height: 160px; border-bottom: solid 1px #a2a2a2; margin-bottom: 7%; float: left; display: inline-block;}
	#cat li img{float:left; padding-right: 7%;}
	.footer{  bottom: -800px; position: fixed;}
	.piccircle{visibility: hidden; width: 0px; height: 0px;}
}
.titcat{ font-size: 15px; background-color:#d4d4d4; margin: 0px; padding:3.5% 7% 3.5% 7%;}

#cat #nameproduct{  font-size: 1em; z-index: 1; position: absolute; top:160px; left:7px; background-color: white; }
#cat #priceproduct{ font-size: 1.25em; z-index: 1; position: absolute; top:210px; padding-left: 35%; }
#cat .imgthumbcat{ z-index: 0; position: relative; margin:0 auto; margin-top: 7px;}
#cat .button{
    visibility: hidden; top:70px; z-index: 2; color: white !important; 
    font-weight: bold;
    text-transform: uppercase;
    top:-50px; 
}

.blueelec{ background-color: #24c4ff;}
.header{ z-index: 999;}
#cat li:hover .button{visibility: visible;}
#cat li:hover .imgthumbcat, 
#cat li:hover #priceproduct,
#cat li:hover #nameproduct{ 
filter: alpha(opacity=50);
        opacity: 0.5;
        -webkit-transition: opacity .15s ease-in-out;
        -moz-transition: opacity .15s ease-in-out;
        -ms-transition: opacity .15s ease-in-out;
        -o-transition: opacity .15s ease-in-out;
        transition: opacity .15s ease-in-out;
}
.cat-order{}


.imgthumba{ width: 100px; height: 190px; overflow: hidden; float: left; padding: 7px;}
.proccomp{ background-color: #bfe7d8; }
.proccomp h3{ padding:0.5% 0.5% 3.5% 2%; font-size: 1.2em;}
.proccomp li{ list-style: decimal; margin-left: 35px; padding-top: 2%;}
.min-container{ 
    width: 1024px;
    margin: 0px auto;
    margin-bottom: 0 !important;
    color: #2B2B2B !important;
    font-family: 'Open Sans Condensed', sans-serif;
}
.sizes li{ width: 42px; height: 42px; background-color: black; color: white; text-align: center; margin: 3px; padding-top: 7px; display: inline-block; list-style: none;}
.cittxt{ padding: 2.5% 2% 1% 2%; margin-bottom: 3%;}
.piccircle{
margin-top: 0px;
margin-right: auto;
margin-left: auto;
/*margin-bottom: 10px !important;*/
background: #EDEDED none repeat scroll 0% 0%;
overflow: hidden;
}
.h300{ height: 350px; overflow: hidden; float: left;}
.h300 p{ background-color:#282828; color: white; padding: 2%;}

.videos p{font-size: 0.9em;}
.videos h5{font-size: 1.3em; border-bottom:#dcdcdc 1px solid; background-color: #e4e4e4;}
.thumbvideo{ float: left; padding-right: 7px;}


.tyd h5{ background-color: black; color: white; padding-left: 3%; margin-top: 35px; float: left; position: absolute;}
.tyd img{ height: 175px;}


/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999 !important; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}


/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90); z-index: 1500000000000000000000000000000000000000000000;}
#colorbox{outline:2;}
    #cboxTopLeft{width:14px; height:14px; background:url(images/controls.png) no-repeat 0 0;}
    #cboxTopCenter{height:14px; }
    #cboxTopRight{width:14px; height:14px; background:url(images/controls.png) no-repeat -36px 0;}
    #cboxBottomLeft{width:14px; height:43px; background:url(images/controls.png) no-repeat 0 -32px;}
    #cboxBottomCenter{height:43px; }
    #cboxBottomRight{width:14px; height:43px; background:url(images/controls.png) no-repeat -36px -32px;}
    #cboxMiddleLeft{width:14px; }
    #cboxMiddleRight{width:14px; }
    #cboxContent{background:#fff; overflow:visible;}
        .cboxIframe{background:#f2f2f2; font-family: Verdana; }
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible;  position:absolute; bottom:-29px; background:url(images/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious:hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext:hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose:hover{background-position:-100px 0px;}

        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;}

#colorbox{
    top: -6.5% !important;
    margin-top: -4.5% !important;
    z-index: 150000000000000000000000000000000000000000000000;
    background: #fff;
    padding: 0 !important;
    overflow-x: hidden !important;
}
#cboxWrapper{
    height: 100% !important;
    top: 0% !important;
    margin: 0 !important;
}
.ind-tecnique100{
    width: 32%;
    margin: 0%;
    padding: 0%;
}
.ind-tecnique100 h5{ padding-top:15%; }

/************************* CUSTOM *************************/
#cboxClose{
    width: 20px;
    height: 20px;
    top: 0;
    right: 5;
    background:url(images/controls.png) no-repeat -28px -5px;
}
#cboxClose:hover{ background:url(images/controls.png) no-repeat -28px -30px; }
#cboxTopRight{ opacity: 0; }
#cboxBottomRight{ opacity: 0; }
#cboxLoadedContent{
    margin-top: 20px;
    margin-bottom: 0 !important;
    overflow-x: hidden !important;
}
#cboxTitle{
    top: 0;
    height: 30px;
}
.who-img{
    border-radius: 50%;
    overflow: hidden;
    background-color:#f2f2f2;
    margin-bottom: 7px;
}
.who{ height: 275px; overflow: hidden;}
.who p{margin: 0px; font-size: 0.8em; text-align: center;}
.who p:nth-child(2){font-weight: bold; font-size: 1em;}
.novis{ visibility: hidden;}
#cboxLoadedContent{ margin-top: 30px; }

@media screen and (min-width: 10px) and (max-width: 900px){
  .columns{ padding:0% 2% 0% 2%;}
  .pic100 h1{ margin-top: 15%; font-size: 1em; font-weight: normal;}
  .pic100 h2{ margin-top: 21%; font-size: 1em; font-weight: normal;}
  .pic100 h1, .pic100 h2{ background-color: black; color:white; padding:0% 2% 0% 2%;}
  .ico { width:80px !important; float: left; margin:0% 7% 0% 7%;}

  .who,.cat-brand{margin-bottom: 2px; height: 175px; overflow: hidden; border-bottom: solid 1px #f2f2f2;}
  .who-img, .cat-brand img{border:solid 1px #f2f2f2; float: left; border-radius:0px;  background-color:#f2f2f2;}
  .who-img p{ float:right;}
    .who p:nth-child(2), .cat-brand{font-weight: bold; font-size: 1.3em; padding-top: 14%;}
}
@media screen and (min-width: 10px) and (max-width: 700px){
   .nmv{ width: 0px; height: 0px; visibility: hidden; overflow: hidden;}
   .detail-colors img{ width: 20%;}
}

.marcas-logos li{ 
    width: 23%; 
    height: 72px;
    padding-top: 2%;
    background-color: #f2f2f2;
    border: 1px solid #f2f2f2; 
    float: left; 
    text-align: center; 
    margin:1%;
    list-style: none;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
}
.marcas-logos li:hover{
    font-size: 18px;
    line-height: 32px;
    border: 1px solid #C2C2C2;
}
.cat-brand{
    width: 32%; 
    height: 125px;
    overflow: hidden;
    padding: 15px;
    margin: 10px 5px;
    list-style: none; 
    position: relative;
    float: left;
    cursor: pointer;
    display: inline-block;
    border: 1px solid transparent;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
}
#catpreload li img{ 
    float: left; 
    height: 100%; 
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
}
.cat-brand:hover{ border: 1px solid #BDBDBD; }
#catpreload li:hover img{ margin-top: -5px; }
.cat-brand img{ margin-right: 20px; }
.namepr{font-size: 0.85em; position: fixed; top:0px; z-index: 1000; left: 10%;}

.detail-calculator p{}

.respr{ 
    position: relative;
    top: 100px;
    left: -25%;
    z-index: 10000000000;
    width: 350px;
    background-color: white
}

.medium-lightbox{
    width: auto;
    position: relative;
    padding-left: 6px;
    margin-top: 20px;
    display: inline-block;
}
.medium-lightbox a{
    width: 100% !important;
    height: auto;
    padding: 0 !important;
    overflow: hidden;
    display: inline-block;
    float: left;
    margin: 7px 0px;
}
#catpreload li h5{ margin-left: 4%;}/* ------ COLORES  -------- */
.color-box-wrapper{
	width: auto;
	height: auto;
	margin: 4px;
	position: relative;
	display: inline-block;
	text-align: center;
}
.color-box{
	width: 35px;
	height: 35px;
	margin: 0 auto;
	cursor: pointer;
	border: 1px solid black;
}
.color-box2{
	width: 35px;
	height: 35px;
	margin: 5px;
	cursor: pointer;
	display: inline-block;
	border: 1px solid #999999;
}
.col-naranja{ background: #FF6B31; }
.col-charcoal-grey{ background: #5C6161; }
.col-hi-vis-orange{ background: #E85700; }
.col-hi-vis-yellow{ background: #E8E40D; }
.col-fucsia{ background: #E8076B; }
.col-gris{ background: #949494; }
.col-fuchsia{ background: #E8076B; }
.col-verde{ background: #499C39; }
.col-amarillo{ background: #FFF54F; }
.col-yellow{ background: #FFF54F; }
.col-azul{ background: #4A4FBD; }
.col-blue{ background: #4A4FBD; }
.col-blanco{ background: #fff; }
.col-rojo{ background: #BF2721; }
.col-black{ background: #000; }
.col-negro{ background: #000; }
.col-verdebotella{ background: #11612A; }
.col-deepnavy{ background: #101D4C; }
.col-aqua{ background: #71E0FC; }
.col-deep-navy{ background: #101D4C; }
.col-navy{ background: #122157; }
.col-marino{ background: #122157; }
.col-red{ background: #BF2721; }
.col-white{ background: #fff; }
.col-gray{ background: #CCCCCC; }
.col-sand{ background: #B2A17F; }
.col-classicred{ background: #E3001F; }
.col-terra{ background: #856D4E; }
.col-red{ background: #BF2721; }
.col-coral{ background: #F07271; }
.col-burgundy{ background: #B31832; }
.col-orange{ background: #FF6B31; }
.col-khaki{ background: #38574A; }
.col-lime{ background: #B2FF74; }
.col-lime-green{ background: #B2FF74; }
.col-marron{ background: #853A18; }
.col-mastic{ background: #ABABAB; }
.col-pink{ background: #FF99BC; }
.col-royal{ background: #2542A4; }
.col-royalblue{ background: #2542A4; }
.col-royal-blue{ background: #2542A4; }
.col-skyblue{ background: #9DC4E4; }
.col-azure{ background: #61B0D6; }
.col-turquoise{ background: #6ED6CE; }
.col-natural{ background: #EBEADC; }
.col-lightblue{ background: #B2D1E3; }
.col-brightred{ background: #D7301D; }
.col-brightorange{ background: #FF4F00; }
.col-brightgreen{ background: #2FBF31; }
.col-brightyellow{ background: #FFF502; }
.col-aqua-blue{ background: #48C5CE; }
.col-black-beige{
	background: #000000; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #000000 0%, #232323 50%, #eacc8c 51%, #ebdcba 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#000000), color-stop(50%,#232323), color-stop(51%,#eacc8c), color-stop(100%,#ebdcba)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #000000 0%,#232323 50%,#eacc8c 51%,#ebdcba 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #000000 0%,#232323 50%,#eacc8c 51%,#ebdcba 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #000000 0%,#232323 50%,#eacc8c 51%,#ebdcba 100%); /* IE10+ */
	background: linear-gradient(135deg,  #000000 0%,#232323 50%,#eacc8c 51%,#ebdcba 100%); /* W3C */
}
.col-burgundy-beige{
	background: #b31832; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #b31832 0%, #b23147 50%, #eacc8c 51%, #ebdcba 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#b31832), color-stop(50%,#b23147), color-stop(51%,#eacc8c), color-stop(100%,#ebdcba)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #b31832 0%,#b23147 50%,#eacc8c 51%,#ebdcba 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #b31832 0%,#b23147 50%,#eacc8c 51%,#ebdcba 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #b31832 0%,#b23147 50%,#eacc8c 51%,#ebdcba 100%); /* IE10+ */
	background: linear-gradient(135deg,  #b31832 0%,#b23147 50%,#eacc8c 51%,#ebdcba 100%); /* W3C */
}
.col-khaki-beige{
	background: #38574a; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #38574a 0%, #4f665b 50%, #eacc8c 51%, #ebdcba 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#38574a), color-stop(50%,#4f665b), color-stop(51%,#eacc8c), color-stop(100%,#ebdcba)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #38574a 0%,#4f665b 50%,#eacc8c 51%,#ebdcba 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #38574a 0%,#4f665b 50%,#eacc8c 51%,#ebdcba 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #38574a 0%,#4f665b 50%,#eacc8c 51%,#ebdcba 100%); /* IE10+ */
	background: linear-gradient(135deg,  #38574a 0%,#4f665b 50%,#eacc8c 51%,#ebdcba 100%); /* W3C */
}
.col-mastic-black{
	background: #ababab; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #ababab 0%, #9b9b9b 50%, #3a3a3a 51%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ababab), color-stop(50%,#9b9b9b), color-stop(51%,#3a3a3a), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #ababab 0%,#9b9b9b 50%,#3a3a3a 51%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #ababab 0%,#9b9b9b 50%,#3a3a3a 51%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #ababab 0%,#9b9b9b 50%,#3a3a3a 51%,#000000 100%); /* IE10+ */
	background: linear-gradient(135deg,  #ababab 0%,#9b9b9b 50%,#3a3a3a 51%,#000000 100%); /* W3C */	
}
.col-navy-beige{
	background: #122157; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #122157 0%, #202d56 50%, #eacc8c 52%, #ebdcba 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#122157), color-stop(50%,#202d56), color-stop(52%,#eacc8c), color-stop(100%,#ebdcba)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #122157 0%,#202d56 50%,#eacc8c 52%,#ebdcba 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #122157 0%,#202d56 50%,#eacc8c 52%,#ebdcba 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #122157 0%,#202d56 50%,#eacc8c 52%,#ebdcba 100%); /* IE10+ */
	background: linear-gradient(135deg,  #122157 0%,#202d56 50%,#eacc8c 52%,#ebdcba 100%); /* W3C */
}
.col-orange-black{
	background: #ff6b31; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #ff6b31 0%, #ff7f51 50%, #332b2c 51%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ff6b31), color-stop(50%,#ff7f51), color-stop(51%,#332b2c), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #ff6b31 0%,#ff7f51 50%,#332b2c 51%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #ff6b31 0%,#ff7f51 50%,#332b2c 51%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #ff6b31 0%,#ff7f51 50%,#332b2c 51%,#000000 100%); /* IE10+ */
	background: linear-gradient(135deg,  #ff6b31 0%,#ff7f51 50%,#332b2c 51%,#000000 100%); /* W3C */
}
.col-red-beige{
	background: #bf2721; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #bf2721 0%, #bc423e 50%, #eacc8c 52%, #ebdcba 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#bf2721), color-stop(50%,#bc423e), color-stop(52%,#eacc8c), color-stop(100%,#ebdcba)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #bf2721 0%,#bc423e 50%,#eacc8c 52%,#ebdcba 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #bf2721 0%,#bc423e 50%,#eacc8c 52%,#ebdcba 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #bf2721 0%,#bc423e 50%,#eacc8c 52%,#ebdcba 100%); /* IE10+ */
	background: linear-gradient(135deg,  #bf2721 0%,#bc423e 50%,#eacc8c 52%,#ebdcba 100%); /* W3C */
}
.col-white-black{
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #ffffff 0%, #f4f4f4 50%, #2b2b2b 52%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(50%,#f4f4f4), color-stop(52%,#2b2b2b), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #ffffff 0%,#f4f4f4 50%,#2b2b2b 52%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #ffffff 0%,#f4f4f4 50%,#2b2b2b 52%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #ffffff 0%,#f4f4f4 50%,#2b2b2b 52%,#000000 100%); /* IE10+ */
	background: linear-gradient(135deg,  #ffffff 0%,#f4f4f4 50%,#2b2b2b 52%,#000000 100%); /* W3C */
}
.col-black-gray{
	background: #000000; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #000000 0%, #2b2b2b 50%, #b7b7b7 52%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#000000), color-stop(50%,#2b2b2b), color-stop(52%,#b7b7b7), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #000000 0%,#2b2b2b 50%,#b7b7b7 52%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #000000 0%,#2b2b2b 50%,#b7b7b7 52%,#cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #000000 0%,#2b2b2b 50%,#b7b7b7 52%,#cccccc 100%); /* IE10+ */
	background: linear-gradient(135deg,  #000000 0%,#2b2b2b 50%,#b7b7b7 52%,#cccccc 100%); /* W3C */
}
.col-lime-white{
	background: #b2ff74; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #b2ff74 0%, #c5ff96 50%, #f9f9f9 52%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#b2ff74), color-stop(50%,#c5ff96), color-stop(52%,#f9f9f9), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #b2ff74 0%,#c5ff96 50%,#f9f9f9 52%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #b2ff74 0%,#c5ff96 50%,#f9f9f9 52%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #b2ff74 0%,#c5ff96 50%,#f9f9f9 52%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(135deg,  #b2ff74 0%,#c5ff96 50%,#f9f9f9 52%,#ffffff 100%); /* W3C */
}
.col-white-orange{
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #ffffff 0%, #fcfcfc 50%, #fcfcfc 50%, #ff8b60 51%, #ff6b31 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(50%,#fcfcfc), color-stop(50%,#fcfcfc), color-stop(51%,#ff8b60), color-stop(100%,#ff6b31)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #ffffff 0%,#fcfcfc 50%,#fcfcfc 50%,#ff8b60 51%,#ff6b31 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #ffffff 0%,#fcfcfc 50%,#fcfcfc 50%,#ff8b60 51%,#ff6b31 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #ffffff 0%,#fcfcfc 50%,#fcfcfc 50%,#ff8b60 51%,#ff6b31 100%); /* IE10+ */
	background: linear-gradient(135deg,  #ffffff 0%,#fcfcfc 50%,#fcfcfc 50%,#ff8b60 51%,#ff6b31 100%); /* W3C */
}
.col-black-lime{
	background: #000000; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #000000 0%, #141414 50%, #b2ff74 52%, #b2ff74 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#000000), color-stop(50%,#141414), color-stop(52%,#b2ff74), color-stop(100%,#b2ff74)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #000000 0%,#141414 50%,#b2ff74 52%,#b2ff74 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #000000 0%,#141414 50%,#b2ff74 52%,#b2ff74 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #000000 0%,#141414 50%,#b2ff74 52%,#b2ff74 100%); /* IE10+ */
	background: linear-gradient(135deg,  #000000 0%,#141414 50%,#b2ff74 52%,#b2ff74 100%); /* W3C */
}
.col-red-white{
	background: #bf2721; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #bf2721 0%, #bc3934 50%, #f9f9f9 53%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#bf2721), color-stop(50%,#bc3934), color-stop(53%,#f9f9f9), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #bf2721 0%,#bc3934 50%,#f9f9f9 53%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #bf2721 0%,#bc3934 50%,#f9f9f9 53%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #bf2721 0%,#bc3934 50%,#f9f9f9 53%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(135deg,  #bf2721 0%,#bc3934 50%,#f9f9f9 53%,#ffffff 100%); /* W3C */
}
.col-turquoise-white{
	background: #6ed6ce; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #6ed6ce 0%, #83d3cc 51%, #f9f9f9 53%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#6ed6ce), color-stop(51%,#83d3cc), color-stop(53%,#f9f9f9), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #6ed6ce 0%,#83d3cc 51%,#f9f9f9 53%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #6ed6ce 0%,#83d3cc 51%,#f9f9f9 53%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #6ed6ce 0%,#83d3cc 51%,#f9f9f9 53%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(135deg,  #6ed6ce 0%,#83d3cc 51%,#f9f9f9 53%,#ffffff 100%); /* W3C */
}
.col-white-lime{
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #ffffff 0%, #ffffff 51%, #bdff87 53%, #b2ff74 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffffff), color-stop(51%,#ffffff), color-stop(53%,#bdff87), color-stop(100%,#b2ff74)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #ffffff 0%,#ffffff 51%,#bdff87 53%,#b2ff74 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #ffffff 0%,#ffffff 51%,#bdff87 53%,#b2ff74 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #ffffff 0%,#ffffff 51%,#bdff87 53%,#b2ff74 100%); /* IE10+ */
	background: linear-gradient(135deg,  #ffffff 0%,#ffffff 51%,#bdff87 53%,#b2ff74 100%); /* W3C */
}
.col-coral-blue-navy{
	background: #f07271; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #f07271 0%, #ef7f7f 32%, #4a4fbd 35%, #4a4fbd 66%, #101d4c 69%, #101d4c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f07271), color-stop(32%,#ef7f7f), color-stop(35%,#4a4fbd), color-stop(66%,#4a4fbd), color-stop(69%,#101d4c), color-stop(100%,#101d4c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #f07271 0%,#ef7f7f 32%,#4a4fbd 35%,#4a4fbd 66%,#101d4c 69%,#101d4c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #f07271 0%,#ef7f7f 32%,#4a4fbd 35%,#4a4fbd 66%,#101d4c 69%,#101d4c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #f07271 0%,#ef7f7f 32%,#4a4fbd 35%,#4a4fbd 66%,#101d4c 69%,#101d4c 100%); /* IE10+ */
	background: linear-gradient(135deg,  #f07271 0%,#ef7f7f 32%,#4a4fbd 35%,#4a4fbd 66%,#101d4c 69%,#101d4c 100%); /* W3C */
}
.col-gray-orange-black{
	background: #cccccc; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #cccccc 0%, #cccccc 32%, #ff6b31 35%, #ff6b31 66%, #000000 70%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#cccccc), color-stop(32%,#cccccc), color-stop(35%,#ff6b31), color-stop(66%,#ff6b31), color-stop(70%,#000000), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #cccccc 0%,#cccccc 32%,#ff6b31 35%,#ff6b31 66%,#000000 70%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #cccccc 0%,#cccccc 32%,#ff6b31 35%,#ff6b31 66%,#000000 70%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #cccccc 0%,#cccccc 32%,#ff6b31 35%,#ff6b31 66%,#000000 70%,#000000 100%); /* IE10+ */
	background: linear-gradient(135deg,  #cccccc 0%,#cccccc 32%,#ff6b31 35%,#ff6b31 66%,#000000 70%,#000000 100%); /* W3C */
}
.col-lime-white-coral{
	background: #b2ff74; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #b2ff74 0%, #b2ff74 32%, #ffffff 35%, #ffffff 66%, #f07271 68%, #f07271 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#b2ff74), color-stop(32%,#b2ff74), color-stop(35%,#ffffff), color-stop(66%,#ffffff), color-stop(68%,#f07271), color-stop(100%,#f07271)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #b2ff74 0%,#b2ff74 32%,#ffffff 35%,#ffffff 66%,#f07271 68%,#f07271 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #b2ff74 0%,#b2ff74 32%,#ffffff 35%,#ffffff 66%,#f07271 68%,#f07271 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #b2ff74 0%,#b2ff74 32%,#ffffff 35%,#ffffff 66%,#f07271 68%,#f07271 100%); /* IE10+ */
	background: linear-gradient(135deg,  #b2ff74 0%,#b2ff74 32%,#ffffff 35%,#ffffff 66%,#f07271 68%,#f07271 100%); /* W3C */
}
.col-royalblue-white{
	background: #2542a4; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #2542a4 0%, #3a53a3 50%, #ffffff 53%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#2542a4), color-stop(50%,#3a53a3), color-stop(53%,#ffffff), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #2542a4 0%,#3a53a3 50%,#ffffff 53%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #2542a4 0%,#3a53a3 50%,#ffffff 53%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #2542a4 0%,#3a53a3 50%,#ffffff 53%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(135deg,  #2542a4 0%,#3a53a3 50%,#ffffff 53%,#ffffff 100%); /* W3C */
}
.col-yellow-black{
	background: #fff54f; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #fff54f 0%, #fff54f 50%, #000000 53%, #000000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#fff54f), color-stop(50%,#fff54f), color-stop(53%,#000000), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #fff54f 0%,#fff54f 50%,#000000 53%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #fff54f 0%,#fff54f 50%,#000000 53%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #fff54f 0%,#fff54f 50%,#000000 53%,#000000 100%); /* IE10+ */
	background: linear-gradient(135deg,  #fff54f 0%,#fff54f 50%,#000000 53%,#000000 100%); /* W3C */
}
.col-gray-lime{
	background: #cccccc; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #cccccc 0%, #cccccc 50%, #b2ff74 53%, #b2ff74 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#cccccc), color-stop(50%,#cccccc), color-stop(53%,#b2ff74), color-stop(100%,#b2ff74)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #cccccc 0%,#cccccc 50%,#b2ff74 53%,#b2ff74 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #cccccc 0%,#cccccc 50%,#b2ff74 53%,#b2ff74 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #cccccc 0%,#cccccc 50%,#b2ff74 53%,#b2ff74 100%); /* IE10+ */
	background: linear-gradient(135deg,  #cccccc 0%,#cccccc 50%,#b2ff74 53%,#b2ff74 100%); /* W3C */
}
.col-navy-lime{
	background: #122157; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #122157 0%, #122157 50%, #b2ff74 53%, #b2ff74 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#122157), color-stop(50%,#122157), color-stop(53%,#b2ff74), color-stop(100%,#b2ff74)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #122157 0%,#122157 50%,#b2ff74 53%,#b2ff74 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #122157 0%,#122157 50%,#b2ff74 53%,#b2ff74 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #122157 0%,#122157 50%,#b2ff74 53%,#b2ff74 100%); /* IE10+ */
	background: linear-gradient(135deg,  #122157 0%,#122157 50%,#b2ff74 53%,#b2ff74 100%); /* W3C */
}
.col-royal-blue-white{
	background: #122157; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #122157 0%, #122157 50%, #fff 53%, #fff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#122157), color-stop(50%,#122157), color-stop(53%,#fff), color-stop(100%,#fff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #122157 0%,#122157 50%,#fff 53%,#fff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #122157 0%,#122157 50%,#fff 53%,#fff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #122157 0%,#122157 50%,#fff 53%,#fff 100%); /* IE10+ */
	background: linear-gradient(135deg,  #122157 0%,#122157 50%,#fff 53%,#fff 100%); /* W3C */
}
.col-black-aquablue{
	background: #000; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #000 0%, #000 50%, #48C5CE 53%, #48C5CE 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#000), color-stop(50%,#000), color-stop(53%,#48C5CE), color-stop(100%,#48C5CE)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #000 0%,#000 50%,#48C5CE 53%,#48C5CE 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #000 0%,#000 50%,#48C5CE 53%,#48C5CE 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #000 0%,#000 50%,#48C5CE 53%,#48C5CE 100%); /* IE10+ */
	background: linear-gradient(135deg,  #000 0%,#000 50%,#48C5CE 53%,#48C5CE 100%); /* W3C */
}
.col-black-green{
	background: #000; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #000 0%, #000 50%, #40CE4A 53%, #40CE4A 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#000), color-stop(50%,#000), color-stop(53%,#40CE4A), color-stop(100%,#40CE4A)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #000 0%,#000 50%,#40CE4A 53%,#40CE4A 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #000 0%,#000 50%,#40CE4A 53%,#40CE4A 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #000 0%,#000 50%,#40CE4A 53%,#40CE4A 100%); /* IE10+ */
	background: linear-gradient(135deg,  #000 0%,#000 50%,#40CE4A 53%,#40CE4A 100%); /* W3C */
}
.col-924{
	background: #000; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #95FF54 0%, #95FF54 50%, #23396B 53%, #23396B 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#95FF54), color-stop(50%,#95FF54), color-stop(53%,#23396B), color-stop(100%,#23396B)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #95FF54 0%,#95FF54 50%,#23396B 53%,#23396B 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #95FF54 0%,#95FF54 50%,#23396B 53%,#23396B 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #95FF54 0%,#95FF54 50%,#23396B 53%,#23396B 100%); /* IE10+ */
	background: linear-gradient(135deg,  #95FF54 0%,#95FF54 50%,#23396B 53%,#23396B 100%); /* W3C */
}
.col-966{
	background: #000; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #000 0%, #000 50%, #858585 53%, #858585 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#000), color-stop(50%,#000), color-stop(53%,#858585), color-stop(100%,#858585)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #000 0%,#000 50%,#858585 53%,#858585 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #000 0%,#000 50%,#858585 53%,#858585 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #000 0%,#000 50%,#858585 53%,#858585 100%); /* IE10+ */
	background: linear-gradient(135deg,  #000 0%,#000 50%,#858585 53%,#858585 100%); /* W3C */
}
.col-917{
	background: #000; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #000 0%, #000 50%, #E30000 53%, #E30000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#000), color-stop(50%,#000), color-stop(53%,#E30000), color-stop(100%,#E30000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #000 0%,#000 50%,#E30000 53%,#E30000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #000 0%,#000 50%,#E30000 53%,#E30000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #000 0%,#000 50%,#E30000 53%,#E30000 100%); /* IE10+ */
	background: linear-gradient(135deg,  #000 0%,#000 50%,#E30000 53%,#E30000 100%); /* W3C */
}
.col-912{
	background: #fff; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #072763 0%, #072763 50%, #fff 53%, #fff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#072763), color-stop(50%,#072763), color-stop(53%,#fff), color-stop(100%,#fff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #072763 0%,#072763 50%,#fff 53%,#fff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #072763 0%,#072763 50%,#fff 53%,#fff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #072763 0%,#072763 50%,#fff 53%,#fff 100%); /* IE10+ */
	background: linear-gradient(135deg,  #072763 0%,#072763 50%,#fff 53%,#fff 100%); /* W3C */
}
.col-923{
	background: #B5B5B5; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #B5B5B5 0%, #B5B5B5 50%, #E081B5 53%, #E081B5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#B5B5B5), color-stop(50%,#B5B5B5), color-stop(53%,#E081B5), color-stop(100%,#E081B5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #B5B5B5 0%,#B5B5B5 50%,#E081B5 53%,#E081B5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #B5B5B5 0%,#B5B5B5 50%,#E081B5 53%,#E081B5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #B5B5B5 0%,#B5B5B5 50%,#E081B5 53%,#E081B5 100%); /* IE10+ */
	background: linear-gradient(135deg,  #B5B5B5 0%,#B5B5B5 50%,#E081B5 53%,#E081B5 100%); /* W3C */
}
.col-902{
	background: #F7EC34; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #F7EC34 0%, #F7EC34 50%, #072763 53%, #072763 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#F7EC34), color-stop(50%,#F7EC34), color-stop(53%,#072763), color-stop(100%,#072763)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #F7EC34 0%,#F7EC34 50%,#072763 53%,#072763 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #F7EC34 0%,#F7EC34 50%,#072763 53%,#072763 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #F7EC34 0%,#F7EC34 50%,#072763 53%,#072763 100%); /* IE10+ */
	background: linear-gradient(135deg,  #F7EC34 0%,#F7EC34 50%,#072763 53%,#072763 100%); /* W3C */
}
.col-925{
	background: #E30000; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #E30000 0%, #E30000 50%, #072763 53%, #072763 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#E30000), color-stop(50%,#E30000), color-stop(53%,#072763), color-stop(100%,#072763)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #E30000 0%,#E30000 50%,#072763 53%,#072763 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #E30000 0%,#E30000 50%,#072763 53%,#072763 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #E30000 0%,#E30000 50%,#072763 53%,#072763 100%); /* IE10+ */
	background: linear-gradient(135deg,  #E30000 0%,#E30000 50%,#072763 53%,#072763 100%); /* W3C */
}
.col-922{
	background: #9BD3FF; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #9BD3FF 0%, #9BD3FF 50%, #072763 53%, #072763 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#9BD3FF), color-stop(50%,#9BD3FF), color-stop(53%,#072763), color-stop(100%,#072763)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #9BD3FF 0%,#9BD3FF 50%,#072763 53%,#072763 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #9BD3FF 0%,#9BD3FF 50%,#072763 53%,#072763 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #9BD3FF 0%,#9BD3FF 50%,#072763 53%,#072763 100%); /* IE10+ */
	background: linear-gradient(135deg,  #9BD3FF 0%,#9BD3FF 50%,#072763 53%,#072763 100%); /* W3C */
}

.col-912{
	background: #fff; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #072763 0%, #072763 50%, #fff 53%, #fff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#072763), color-stop(50%,#072763), color-stop(53%,#fff), color-stop(100%,#fff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #072763 0%,#072763 50%,#fff 53%,#fff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #072763 0%,#072763 50%,#fff 53%,#fff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #072763 0%,#072763 50%,#fff 53%,#fff 100%); /* IE10+ */
	background: linear-gradient(135deg,  #072763 0%,#072763 50%,#fff 53%,#fff 100%); /* W3C */
}

.col-989{
	background: #fff; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #fff 0%, #fff 50%, #072763 53%, #072763 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#fff), color-stop(50%,#fff), color-stop(53%,#072763), color-stop(100%,#072763)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #fff 0%,#fff 50%,#072763 53%,#072763 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #fff 0%,#fff 50%,#072763 53%,#072763 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #fff 0%,#fff 50%,#072763 53%,#072763 100%); /* IE10+ */
	background: linear-gradient(135deg,  #fff 0%,#fff 50%,#072763 53%,#072763 100%); /* W3C */
}


























/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(images/overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}/**
 * Featherlight - ultra slim jQuery lightbox
 * Version 1.3.4 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2015, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all{
	.featherlight{
		display:none;
		position:fixed;
		top:0;right:0;
		bottom:0;
		left:0;
		z-index:2147483647;
		text-align:center;
		white-space:nowrap;
		cursor:pointer;
		background:#333;
		background:rgba(0,0,0,0)
	}
	.featherlight:last-of-type{ background:rgba(0,0,0,.8) }
	.featherlight:before{
		content: '';
		display: inline-block;
		height: 100%;
		vertical-align: middle;
		margin-right: -.25em;
	}.featherlight .featherlight-content{ 
		width: 95%; 
		height: 90%;
		min-width: 30%;
		max-height: 95%;
		margin-left: 3% !important; 
		position: relative;
		text-align: left;
		vertical-align: middle;
		display: inline-block;
		overflow: auto;
		padding: 25px 25px 0;
		border-bottom: 25px solid transparent;
		margin-left: 5%;
		margin-right: 5%;
		background: #fff;
		cursor: auto;
		white-space: normal;
	}
	.featherlight .featherlight-inner{ 
		width: 95%;
		height: 95%;
		float: right;
		margin-right: 60px;
		margin-top: 20px;
		display: inline-block;
	}
	.featherlight .featherlight-close-icon{ 
		position:absolute;
		z-index:9999;
		top:7px;
		right:7px;
		line-height:25px;
		width:25px;
		cursor:pointer;
		text-align:center;
		font-family:Arial,sans-serif;
		background:#fff;
		background:rgba(255,255,255,.3);
		color:#000
	}
	.featherlight .featherlight-image{ width:100% }
	.featherlight-iframe .featherlight-content{
		border-bottom:0;
		padding:0
	}
	.featherlight iframe{ border:0 }
}
@media only screen and (max-width:1024px){
	.featherlight .featherlight-content{
		margin-left:10px;
		margin-right:10px;
		max-height:98%;
		padding:10px 10px 0;
		border-bottom:10px solid transparent
	}
}#divmenu{
  width: 100%;
  height: 32px;
  background: #e6e6e6;
  /*text-align: center;*/
  margin-top: 2px;

}
#navigation{
  display: inline-block;
}

#menu{
  background-color: #e6e6e6!important;
  height: 32px;
  margin: 0 auto!important;
  margin-left: 4px!important;
}

#menu ul {
  margin: 0;
  padding: 0;
 
}

#menu .main-menu {
  display: none;
}


#tm:checked + .main-menu {
  display: block;
  /* max-height: 300px; */
  overflow-y: auto;
  position: relative;
  z-index: 2;
}
.sub-menu li{
  float: none!important;
}
#menu ul li #special-href{
  color:white!important;
}

#menu input[type="checkbox"], 
#menu ul span.drop-icon {
  display: none;
}

#menu > ul > li{
  margin-right: 2px;
  /* min-width: 94px; */
  /* min-width: 88px; */
  min-width: 99px;
}

#menu li, 
#toggle-menu, 


#menu li, 
#toggle-menu {
  border-width: 0 0 1px;
}

#menu .sub-menu {
  background-color: #272727;
  border-width: 1px 1px 0;
 /* margin: 0 1em;*/
}

#menu .sub-menu li:last-child {
  border-width: 0;
}

#menu li, 
#toggle-menu, 
#menu a {
  position: relative;
  display: block;
  color: white;
 
}

#menu ul li a{
  padding: 0px 12px!important;
  color: #ffffff!important;
  background-color: #272727;
  
}

#menu ul li a:hover{
  background-color: #434343;
}

#menu, 
#toggle-menu {
  background-color: #e6e6e6;
}

#toggle-menu, 
#menu a {
  padding: 1em 1.5em;
}

#menu a {
  transition: all .125s ease-in-out;
  -webkit-transition: all .125s ease-in-out;
}

#menu a:hover {
  background-color: white;
  color: #09c;
}

#menu .sub-menu {
  display: none;
}

#menu input[type="checkbox"]:checked + .sub-menu {
  display: block;
}

#menu .sub-menu a:hover {
  color: #444;
}

#toggle-menu .drop-icon, 
#menu li label.drop-icon {
  position: absolute;
  right: 1.5em;
  top: 10px;
}

#menu label.drop-icon, #toggle-menu span.drop-icon {
  border-radius: 50%;
  width: 1em;
  height: 1em;
  text-align: center;
  text-shadow: 0 0 0 transparent;
  color: rgba(255, 255, 255, .75);
}

#menu .drop-icon {
  line-height: 1;
}

.btnmenu{
  background-color: #272727;
  padding: 12px 0px 12px 12px!important;
  margin: 0px!important;
  width: 100%!important;
  color: #ffffff!important;
  font-family: vagRounded!important;
  text-align: left;
  border-left: 5px solid transparent;
}

.btnmenu:hover{
  background-color: #434343!important;
  border-left: 5px solid #f9bf2f;

}

.btnmenu:visited{
  color: #ffffff!important;
}


@media only screen and (min-width: 1025px) {
  
  #menu .main-menu {
    display: block;
  }

  #toggle-menu, 
  #menu label.drop-icon {
    display: none;
  }

  #menu ul span.drop-icon {
    display: inline-block;
  }

  #menu li {
    float: left;
    border-width: 0 1px 0 0;
    text-transform: uppercase;
  }



  #menu .sub-menu li {
    float: none;
    text-align: left;
    text-transform: none!important;
  }

  #menu .sub-menu li a{
    padding-top: 5px!important;
    padding-bottom: 5px!important;  
    border-left: 5px solid #272727;
  }

  #menu .sub-menu li a:hover{
    border-left: 5px solid #f9bf2f;
  }

  #menu #ropaPersonalizada #special-href {
    background-color: #f9bf2f;  
    color: #272727!important;
    font-weight: bold; 
  }


  #menu .sub-menu {
    border-width: 0;
    margin: 0;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 14em;
    z-index: 3000;
  }

  .sub-menu li{
    width: 100%!important;
  }

  #menu .sub-menu, 
  #menu input[type="checkbox"]:checked + .sub-menu {
    display: none;
  }

  #menu .sub-menu li {
    border-width: 0 0 1px;
  }

  #menu .sub-menu .sub-menu {
    top: 0;
    left: 100%;
  }

  #menu li:hover > input[type="checkbox"] + .sub-menu {
    display: block;
  }





}


@media only screen and (max-width: 64em) and (min-width: 52.01em) { 

  #navigation{
    width: 100%;   

  }

  #toggle-menu{
    color: #222222;
    font-size: 1.25rem!important;
    height: 32px!important;
    padding: 5px 0px;
  }

  #toggle-menu i{
    margin-right: 14px!important;
  }

  #menu > ul > li{
    width: 100%;
  }

  #menu li {
    width: 33.333%;
  }

  #menu .sub-menu li {
    width: auto;
  }

  #menu ul li a{
   text-align: left;
  } 

  #menu ul li a:visited{
   background-color: #272727!important;
  } 

 #menu .sub-menu li a,  #menu .sub-menu li a:visited{
    background-color: #fafafa!important;
    color: #222222!important;
  }

  #menu .second-menu li a{
    padding-left: 40px!important;
  }

  .btnmenu{
    background-color: #fafafa;
    padding: 12px 0px 12px 36px!important;
    margin: 0px!important;
    width: 100%!important;
    color: #222222!important;
    font-family: vagRounded!important;
    text-align: left;
   
  }

  #menu .drop-icon .fa{
    color: #ffffff!important;
  }

  #menu .sub-menu .drop-icon .fa{
    color: #222222!important;
   
  }

 
}




@media (max-width: 831px){

  #navigation{
    width: 100%;   
  }

  #toggle-menu{
    color: #222222;
    font-size: 1.25rem!important;
    height: 32px!important;
    padding: 5px 0px;
  }

  #toggle-menu i{
    margin-right: 14px!important;
  }

  #menu > ul > li{
    width: 100%;
  }

  #menu ul li a{
   text-align: left;
  } 

  #menu ul li a{
    padding: 5px 12px!important;
  }

  #menu .drop-icon i{
    font-size: 24px;
  }

  #menu li label.drop-icon{
    top: 4px!important;
  }

   #menu ul li a:visited{
   background-color: #272727!important;
  } 

  #menu .sub-menu li a,  #menu .sub-menu li a:visited{
    background-color: #fafafa!important;
    color: #222222!important;
  }


  #menu .second-menu li a{
    padding-left: 40px!important;
  }

  .btnmenu{
    background-color: #fafafa;
    padding: 12px 0px 12px 6px!important;
    margin: 0px!important;
    width: 100%!important;
    color: #222222!important;
    font-family: vagRounded!important;
    text-align: left;   
  }

  #menu .drop-icon .fa{
    color: #ffffff!important;
  }

  #menu .sub-menu .drop-icon .fa{
    color: #222222!important;
   
  }

}.homeDestWrap{
	padding: 15px 0 !important;
	margin: 7px 0 !important;
	border-bottom: 1px solid #e1e1e1;
	border-top: 1px solid #e1e1e1;
}
.homeDestWrap h3{
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 25px;
}
.indHomeDest{
	height: 300px;
	cursor: pointer;
	text-align: center;
	border: 1px solid transparent;
}
.indHomeDest .imgWrap{
	height: 150px;
	overflow: hidden;
	text-align: center;
}
.indHomeDest img{
	display: block;
  	max-width: 150px;
  	max-height: 135px;
  	width: auto;
  	height: auto;
  	margin: 10px auto;
	padding: 5px;
	position: relative;
	display: inline-block;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
}
.aa05FPITM22 img{
	max-width: 180px;
	max-height: 160px;
	margin-left: -21px !important;
	margin-top: 10px;
}
.aa08FPMB6524 img{ margin-top: 20px; }
.indHomeDest .prices{
	font-weight: bold;
	font-size: 18px;
	padding-top: 7px;
}
.indHomeDest p{
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
}
.indHomeDest:hover img{ margin-top: -7px; }
.aa08FPMB6524:hover img{ margin-top: 10px; }
.indHomeDest:hover p, .indHomeDest:hover .prices{ color: #0293D5; }
.indHomeDest:hover .destTooltip{ display: block; }
.destTooltip li{ 
	list-style: none; 
	color: #fff !important;
	font-size: 15pxx;
}
.destTooltip li:before{ content: "· "; }
.destTooltip{
	height: auto;
	position: absolute;
	display: none;
	text-align: left;
	left: 180px;
	background: #333333;
	z-index: 5;
	border: 2px solid #333333;
}
.destTooltip ul{ margin: 0 15px; }
.destTooltip:after, .destTooltip:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.destTooltip:after {
	border-color: transparent;
	border-top-color: #333333;
	border-width: 30px;
	margin-left: -30px;
	margin-top: -15px;
}
.tool0{ 
	width: 250px;
	top: -170px; 
	left: -40px;
}
.tool1{ 
	width: 270px;
	top: -200px; 
	left: -52px;
}
.tool2{
	width: 270px;
	top: -192px; 
	left: -52px;
}
.tool3{ 
	width: 200px;
	top: -140px; 
	left: -17px;
}
.tool4{ 
	width: 350px;
	top: -140px; 
	left: -98px;
}
.tool5{ 
	width: 350px;
	top: -132px;
	left: -90px;
}@media only screen and (max-width: 992px) {

	.owl-nav{
	display: none;
}

	.pr-img img{
		height: auto!important;
	}

	.owl-stage-outer{
		margin-top: 25px;
	}

	body {
	    width: 100%!important;
	    min-width: 0px!important;
	    display: inline-block;
	    /*text-align: center;*/
	}
	.row .row{
		margin-left:  auto!important;
		margin-right: auto!important; 
	}
	.header{
		/* height: 262px!important; */
		height: 50px!important;
	}
	.header h4{
		display: none
	}
	.header #cabecera-contacto{
		margin-top: 0px;
	}
	.smallHeader #cabecera-contacto{
		margin-top: 0px;
	}	
	.header #cabecera-contacto p a{
		/*display: none;*/
	}
	.smallHeader{
		height: 130px!important;
	}
	.header #cabecera-contacto p #telefono{
		display: none;
	}
	.smallHeader #cabecera-contacto p a{
		/*display: none;*/
	}
	.smallHeader #cabecera-contacto p #telefono{
		display: none;
	}	
/*	.smallHeader #cabecera-contacto p{
		display: none;
	}
	.header #cabecera-contacto p span{
		display: inline;
	}
	.smallHeader #cabecera-contacto p span{
		display: inline;
	}	*/
	body .menu{
		display: none;
	}
	body .main-container{
		width: 100%;
	}
	.main-container .slider{
		display: none;
	}
	.main-container .slider-nav{
		display: none;
	}
	.smallHeader{
		height: 100px;
	}
	.main-container{
		/*width: 250px!important;*/
		width: 100%!important;
		/* margin-top: 240px!important; */
		/*margin-top: 265px!important;*/
		margin-bottom: 0 !important;
	}
	.onlineCatalogues {
		display: none;
	}
	.europeSend{
		display: none;
	}
	.cat48{
		display: none;
	}
	.ourShops{
		display: none;
	}
	.orderProcess{
		display: none;
	}
/*	.header #cabecera-contacto p {
		display: none;
	}
	.smallHeader #cabecera-contacto p {
		display: none;
	}	*/
/*	.header #cabecera-contacto p .central{
		display: inline;
	}
	.smallHeader #cabecera-contacto p .central{
		display: inline;
	}	
*/
	.header h1 {
		display: none;
	}
	.smallHeader h1 {
		display: none;
	}		
	.homeDestWrap h3{
		font-size: 1.10rem;
		margin-bottom: 20px;
		margin-top: 20px;
		
	}
	.indHomeDest p{
		margin: 0px!important;
	}
	.indHomeDest hr{
		margin: 0px!important;
	}
	.indHomeDest{
		height: 100%!important;
	}

	.detail-calc{
		display: none;
	}
	.mainProductImage{
		/*height: 230px!important;*/
		min-height: 330px!important;
		padding-top: 0px!important;
	}
	.main-container h3{
		/*width: 250px!important;*/
		/*margin-top: 240px!important;*/
		/*margin-bottom: 0 !important;*/
	}
	.paddMob{
		padding-left: 10px!important;
		padding-right: 10px!important;
	}
	.indHomeDest a hr{
		display: none;
	}	
	.homeDestWrap{
		margin: 0px !important;
		border-bottom: 0px;
		border-top: 0px;
		padding: 0px!important;
	}

	.destCol{
		width: 100%!important;
		height: auto!important;
		border: none!important;
		border-radius: 0!important;
		margin-top: 0px!important;
	}


	.popUp{
		display: none;
	}
	#lightBG{
		display: none;
	}
	.cat-form{
		display: none;
	}
	.titcat{
		background-color: #f4f4f4;
	}
	.cat-products .indLink{
		width: 100%!important;
	}
	.cat-order {
    	text-align: center;
    }	
    .groupDest{
    	display: none;
    }
/*	.footer{
		display: none;
	}*/    
	.smallFooter {
		display: inline;
	    width: 100%;
	    height: 40px;
	    position: fixed;
	    bottom: 0;
	    text-align: center;
	    background: #f4f4f4;
	    z-index: 1;
	}
	.opcionesFooter{
		margin-top: 5px;
	}
	.pre-footer {
    	display: none;
	}
	.footer {
    	bottom: 0px;
    	position: relative;
	    width: 100%;
	}
	.middle-footer .footerLogo{
		display: none;
	}
	.middle-footer .social-networks{
		margin-top: 10px;
		margin-bottom: -15px;
	}
	.middle-footer .social-networks #googleplus, #slideshare, #flickr, #youtube{
		display: none;
	}

	.footer-links #caja2, #caja3, #caja4, #caja5, #caja6{
		display: none;
	}
	.middle-footer a {
	    padding-left: 0px!important;
	    padding-right: 0px!important;
	    padding-top: 0px!important;
	    padding-bottom: 0px!important;	    
	}	
	.header #idiomas{
		display: none;
	}
	.smallHeader #idiomas{
		display: none;
	}	
	.homeDestWrap{
		width: 100%;
		/*padding-top: 25px!important;*/
	}
	.product-info{
		max-width: 100%!important;
	}
	.detail-icon{
		
	}
	.panel-descripcion{

	}
	.cat-order, .cat-products{
		max-width: 100%!important;
	}
	#resultadoCantidadPrendas{
		display: none;
	}
	.nopadding{
		/*padding-left: 35px!important;*/
		/*padding-right: 35px!important;*/
	}
	.ITcssnap{
		margin: 0px!important;
	}
	.solicitar{
		display: inline!important;
	}
	.confirmPresButton{
		margin-bottom: 0px!important;
	}
/*	.nopadding .large-3{
		display: none;
	}*/
	.nopadding br{
		display: none;
	}
	.header .lang-wrapper{
		display: none;
	}
	.smallHeader .lang-wrapper{
		display: none;
	}	

	main-container .contactForm{
		margin: 0px!important;
	}


	/*ESPECIAL FR*/

.wrappAlertN19{
	margin-top: 35px;
}

	.header #contacthead .horario{
		display: none;
	}
	.smallHeader #contacthead .horario{
		display: none;
	}	
	.header #contacthead .movil{
		display: none;
	}
	.fa-mobile{
		display: none;
	}
	.header #contacthead i{
		font-size: 15px!important;
	}	
	.header #contacthead b {
	    font-size: 16px;
	    margin: -10 4px;
	    display: inline-block!important;	
	}
	.smallHeader #contacthead b {
	    font-size: 16px;
	    margin: 0 7px;
	    display: inline-block!important;	
	}	
	.telMobile{
		display: none;
	}
	.h1title{
		display: none;
	}
	.header #contacthead {
	    margin-top: -10px;
	}

	.smallHeader #contacthead {
	    margin-top: 19px;
	}
	
/*TABS DETALLE*/

	.tabs-detail .content{
		padding: 0px!important;
	}
	.tabs-detail #panel-colors{
		text-align: center;
	}
	.tabs-detail #panel-tallas{
		text-align: center;
	}	
	.tabs-content > .content.active{
		/*margin-top: 25px;*/
	}
	.tabs-detail .content{
		padding: 0px!important;
	}
	.tabs-content > .content.active{
		margin-top: 15px;
	}
	/*tab tallas*/
	#panel-tallas strong, #panel-tallas span{
	display: none;
	/*border: 1px solid red;*/
	}
	#productInfo{
		/* margin-top: 50px; */
	}
	
	.tab-title #imagenes, #prix{
		display: none;
	}	
	
	#productoContactoM{
		text-align: center;
	}
	#productoContactoM img{
		width: 35%!important;
	}

.alertMin {
    position: relative;
    margin-top: 0px;
    background-color: #d94f49;
    color: white;
    text-align: center;
    margin: 0.5rem 0 0 0;
    font-size: 1.64rem;
}
.whiteText a, .whiteText i, .whiteText{
	color: white!important;
}

.blueButton, .detbtn  {
	display: none;
}

/*------------------------------------------------*/
	@media only screen and (min-width: 950px) {
		.homeDestWrap .nopadding h3{
			margin-top: 25px;
			display: none;
		}	
		.homeDestWrap .nopadding{
			display: inline-flex!important;
		}

		.groupDest{
			display: inline-block!important;
		}

		#catalogueContent {
			
			display: inline-block!important;
		}
	}


.item{
	/*border:1px solid red;*/
    text-align: center;
}
.imgWrap img{
	width: auto!important;
	height: 190px!important; 
	margin:auto!important;
}
#destHomeMobile{
	margin-top: 20px;
	display: inline-block;
}
#destHome{
	display: none;
}
.txtDestHome{
	margin-top:8px;
}

#contactMobile{
	display: inline!important;
}
.news {
    margin-top: 240px;
    margin-bottom: -236px!important;
}
.namepr{
	display: none;
}
#cabecera-contacto{
	font-size: 14px;
}
.backtop{
	display: none!important;
}
.stanleystella-wrapper{
	width: auto!important;
}
#dealer-stanleystella{
	left: auto!important;
	right: 8px!important;
}
#dealer-stanleystella img{
	width: 100px;
}
	
/*CONTACT MOBILE FOOT FIXED*/
.mobileMail{
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: #f4f4f4;
	color: white;
	text-align: center;
	height: 50px;
	z-index: 99;
	background-color: #595959;	
}
.mobileMailFP{
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: #f4f4f4;
	color: white;
	text-align: center;
	height: 50px;
	z-index: 99;
	background-color: #67b359;
}
.squareBtnFP, .squareBtnFP i{
    color: white!important;
    font-size: 20px;
    margin-top: 5px!important;
}
@keyframes growrightTrans {
  0% {
    width: 0%;
  }
  100% {
    width: 75%;
  }
}
.squareBtn{
	width: 75%;
	padding: 5px;
	height: 50px;
	background-color: #000000;
	float: left;
	font-size: 20px;
  	animation: 0.3s ease-out 0s 1 growrightTrans;
	color: white;
}
.squareBtn .material-icons {
	color: white;
}
.rectBtn{
	float: right;
	width: 25%;
	padding: 6px;
	height: 50px;
	background-color: #5a5a5a;
	font-size: 22px;
}
.rectBtn .material-icons {
	color: white;
	margin-left: 4px;
	margin-top: 7px;
	margin-bottom: 11px!important;
} 
#nameProduct{
	text-align: center;
}
.greenButton {
    padding: 16px!important;
}
.smallHeader #contacthead {
    line-height: 1.5;
}
.colSizeLeft, .colSizeRight{
	width: 100%!important;
}
/*cartel verano19*/
.image-placeholder{
	width: auto!important;
	margin-bottom: 20px;
}
.fill-remaining{
display: none;
}
.fill-remaining{
display: none;	
}
#contVs{
  margin: 0px!important;
  padding: 26px!important;
}
#txtBnr p{
  font-size: 18px!important;
  text-align: center!important;
  padding: 0px!important;
  margin-bottom: 0px!important;
}
#txtBnr,#imgBnr{
	width: 100%!important;
	background-color: #f9ebd1;
}
.image-placeholder{
	height: auto!important;
	display: inline-table!important;
}
#txtBnr {
	padding: 5px!important;
}
.land .vj-large{
	border-right:0px;
	height:auto;
	padding-top:5px!important;
	padding-bottom:5px!important;
	margin-bottom: 5px!important;
}
.land .vj-short{
	border-left:0px;
	height:auto;
}
.land .vj-short p{
	padding:0px;
	margin:0px;
}
.land .tectxt p{
	margin:0px;
}
.vj-large{
	padding: 0px!important;
	height: 100%;
	margin-bottom: 5px;	
	border-right: 0px!important;
}
.vj-short{
	padding: 0px!important;
	height: 100%;
	margin-bottom: 5px;	
	border-left: 0px!important;
}

/*venta al por mayor*/
#apm {
	padding-left: 10px;
	padding-right: 10px;
}
/*textil publicitario*/
#txtlPub {
	padding-left: 10px;
	padding-right: 10px;
}

/* bnr */
#bnrHome {
display: none;
}

/*---------------------------------*/


	@media only screen and (min-width: 414px) {
		.header{
			height: 210px;
		}
		.news {
		    margin-top: 210px!important;
		}
	}
	@media only screen and (min-width: 404px) {
		.smallHeader{
			height: 120px!important;
		}		
/*		.news {
		    margin-top: 240px;
		}	*/	
	}	

}

@media only screen and (max-height: 769px) and (min-height: 669px) {	
	#popCalculator{
		top: 100px;
	}
}


@media only screen and (max-width: 760px), (min-width: 768px) and (max-width: 1024px)  
	{
	
		table.prices-table, .prices-table thead, .prices-table tbody, .prices-table th, .prices-table td, .prices-table tr { display: block; }
		
		.prices-table thead tr:nth-of-type(2){display: none;}
		
		.prices-table tr { border: 1px solid #ccc; }
		
		.prices-table td { border: none;border-bottom: 1px solid #ccc; position: relative;padding-left: 50%;text-align:left }
		
		.prices-table td:before {  position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap;}
		
		.prices-table td:nth-of-type(1):before { content: "Quantité"; }
		.prices-table td:nth-of-type(2):before { content: "Sans impression"; }
		/*.prices-table td:nth-of-type(3):before { content: "Remise"; }*/
		.prices-table td:nth-of-type(3):before { content: "Sérigraphie recto 1 couleur"; }
		/*.prices-table td:nth-of-type(5):before { content: "Remise"; }*/
		
		
	}


@font-face{
  font-family: vagRounded;
  src: url('https://teefactory.be/fr/fonts/vagroundedstd-light-webfont.ttf');
}

.headerTopBar{
  padding-top: 14px;
  padding-bottom: 14px;
  background-color: #000000;
  margin-bottom: 0px!important;
}

  .headerTopBar p{
    text-align: center;
    margin-bottom: 0px;
    color: #ffffff!important;
  }


  .headerTextTopBar{
    color: #ffffff!important;

  }
  
  .headerTopBar .fa{
    filter: invert(100%);
  }

.iconHeaderTopBar{
  right: 0;
  margin-top: 2px;
  position: absolute;
  margin-right: 16px;
}


.topBarContact{
  text-transform: uppercase;
  color: #ffffff!important;
  right: 110px;
}

  #headerTopEmail{
    right: 220px;
  }

  .topBarContact:hover{
    color: #ffffff!important;
  }


.topBarCart{
  right: 40px;
}

.rawValues{
  padding: 0px!important;
  margin: 0px!important;
}

.headerMain{
  padding-top: 20px;
  margin-top: 0px!important;
}

  .headerTitle{
    font-size: 35px;
    padding-top: 7px;
    float: left;
    font-family: vagRounded;
    margin-bottom: 0px;
  }



  .logoHeader{        
    height: 70px;
    float: left;
    
  }

.headerNav{
  padding-top: 8px!important;
}


/*Parte del menú*/
#menu ul li a{
  color: #000000!important;
  background-color: #ffffff!important;
  font-size: 1.15em;
  text-align: center;
}

  #menu ul li a:hover{
    background-color: #000000!important;
    color: #ffffff!important;
  }

#divmenu{
  background-color: #ffffff!important;
  margin-top: 0px!important;
}

#menu li{
  text-transform: none!important;
  font-size: 15px!important;
}

#menu, #toggle-menu{
  background-color: #ffffff;
}

#menu{
  background-color: #ffffff!important;
  margin-left: 0px!important;
}

#menu > ul > li{
  min-height: none!important;
}

nav{
  box-shadow: none!important;
}


.searchNav{
  cursor:pointer; 
  padding-left: 10px;
  font-size: 1.15em;

}

.searchNav:hover{
  background-color: #000000!important;
}

.menuHeaderResponsive{
  text-align: center;
}

.headerMenuMobile{
  text-align: center;
}

  .headerMenuMobile img{
    height: 42px;
    width: 42px;
    padding-top: 14px;      

  }

.searchNav{
  text-align: center;
  padding-left: 0px!important;
}

  .searchNav img{
    height: 17px!important;
    margin-top: -5px;

  }


  .searchNav:hover img{
    -webkit-filter: invert(1);
    filter: invert(1);
  }

  #tm{
    display: none!important
  }

  
/* fin del menu */


/* Responsive */
@media only screen and (max-width: 1024px) { 

  .headerNav{
    padding: 0px;
    display: none;
  }

  .headerTextTopBar{
    display: block;
    padding: 0px 20px;
  }

    #headerTopEmail{
      display: none;
    }

    .topBarContact{
      position: relative;
      right: 0;
      float: left;
      margin-left: 20px;
      margin-top: 10px;
    }

    .topBarCart{
      position: relative;
      float: right;
      margin-right: 10px;
      margin-top: 10px;
    }

  #menu .main-menu{
    position: relative!important;
    z-index: 1000!important;
    background-color: #ffffff!important;
    padding-bottom: 10px!important;
  }

  #menu ul li a:visited {
      background-color: #ffffff !important;
  }
}     

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

  .logoHeader{
    height: 61px!important;
  }      

  .headerTitle{
    font-size: 30px!important;
  }

}


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

  .logoHeader{
    height: 61px!important;
  }

  .headerTitle{
    font-size: 23px!important;
    /*padding-left: 5px!important;*/
    padding-top: 10px!important;
  }

}


@media only screen and (max-width: 300px) {
 
  .logoHeader{
    height: auto!important;
  }

  .headerTitle{
    font-size: 23px!important;
    padding-top: 3px!important;
  }
  

}  


@media only screen and (max-width: 64em) and (min-width: 52.01em) {
    #menu ul li a:visited {
        background-color: #ffffff !important;
    }
}