@charset "UTF-8";
/* $secondary-color:#df273e; */
meta.foundation-version {
  font-family: "/5.5.2/"; }

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

meta.foundation-mq-small-only {
  font-family: "/only screen and (max-width: 40em)/";
  width: 0; }

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

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

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

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

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

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

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

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

html, body {
  height: 100%; }

html {
  box-sizing: border-box; }

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

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

body {
  background: #fff;
  color: #222;
  cursor: auto;
  font-family: "DINPro-Regular", Helvetica, Roboto, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  position: relative; }

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,
.mqa-display img,
.mqa-display embed,
.mqa-display 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; }

.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 {
  margin: 0 auto;
  max-width: 80rem;
  width: 100%; }
  .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 {
    margin: 0 -0.9375rem;
    max-width: none;
    width: auto; }
    .row .row:before, .row .row:after {
      content: " ";
      display: table; }
    .row .row:after {
      clear: both; }
    .row .row.collapse {
      margin: 0;
      max-width: none;
      width: auto; }
      .row .row.collapse:before, .row .row.collapse:after {
        content: " ";
        display: table; }
      .row .row.collapse:after {
        clear: both; }

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

.column + .column:last-child,
.columns + .column:last-child, .column +
.columns:last-child,
.columns +
.columns:last-child {
  float: right; }

.column + .column.end,
.columns + .column.end, .column +
.columns.end,
.columns +
.columns.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.9375rem;
    padding-right: 0.9375rem;
    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 {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto; }
  .column.small-centered,
  .columns.small-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .column.small-uncentered,
  .columns.small-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .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; }
  .row.small-collapse > .column,
  .row.small-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.small-collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row.small-uncollapse > .column,
  .row.small-uncollapse > .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left; } }

@media only screen and (min-width: 40.0625em) {
  .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.9375rem;
    padding-right: 0.9375rem;
    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 {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto; }
  .column.medium-centered,
  .columns.medium-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .column.medium-uncentered,
  .columns.medium-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .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; }
  .row.medium-collapse > .column,
  .row.medium-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.medium-collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row.medium-uncollapse > .column,
  .row.medium-uncollapse > .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left; }
  .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.0625em) {
  .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.9375rem;
    padding-right: 0.9375rem;
    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: 75%; }
  .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 {
    float: left;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    right: auto; }
  .column.large-centered,
  .columns.large-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .column.large-uncentered,
  .columns.large-uncentered {
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .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; }
  .row.large-collapse > .column,
  .row.large-collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.large-collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row.large-uncollapse > .column,
  .row.large-uncollapse > .columns {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    float: left; }
  .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; } }

.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;
      display: block;
      font-family: "DINPro-Regular", Helvetica, Roboto, Arial, sans-serif;
      font-size: 1rem;
      padding: 1rem; }
      .accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
        background: #e3e3e3; }
    .accordion .accordion-navigation > .content, .accordion dd > .content {
      display: none;
      padding: 0.9375rem; }
      .accordion .accordion-navigation > .content.active, .accordion dd > .content.active {
        background: #FFFFFF;
        display: block; }

.alert-box {
  border-style: solid;
  border-width: 1px;
  display: block;
  font-size: 0.8125rem;
  font-weight: normal;
  margin-bottom: 1.25rem;
  padding: 0.875rem 1.5rem 0.875rem 0.875rem;
  position: relative;
  transition: opacity 300ms ease-out;
  background-color: #030101;
  border-color: #030101;
  color: #FFFFFF; }
  .alert-box .close {
    right: 0.25rem;
    background: inherit;
    color: #333333;
    font-size: 1.375rem;
    line-height: .9;
    margin-top: -0.6875rem;
    opacity: 0.3;
    padding: 0 6px 4px;
    position: absolute;
    top: 50%; }
    .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: #43AC6A;
    border-color: #3a945b;
    color: #FFFFFF; }
  .alert-box.alert {
    background-color: #f04124;
    border-color: #de2d0f;
    color: #FFFFFF; }
  .alert-box.secondary {
    background-color: #00BFB3;
    border-color: #00a49a;
    color: #FFFFFF; }
  .alert-box.warning {
    background-color: #f08a24;
    border-color: #de770f;
    color: #FFFFFF; }
  .alert-box.info {
    background-color: #a0d3e8;
    border-color: #74bfdd;
    color: #00413d; }
  .alert-box.alert-close {
    opacity: 0; }

[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;
    float: left;
    height: auto;
    padding: 0 0.625rem 1.25rem; }

@media only screen {
  .small-block-grid-1 > li {
    list-style: none;
    width: 100%; }
    .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 {
    list-style: none;
    width: 50%; }
    .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 {
    list-style: none;
    width: 33.33333%; }
    .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 {
    list-style: none;
    width: 25%; }
    .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 {
    list-style: none;
    width: 20%; }
    .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 {
    list-style: none;
    width: 16.66667%; }
    .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 {
    list-style: none;
    width: 14.28571%; }
    .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 {
    list-style: none;
    width: 12.5%; }
    .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 {
    list-style: none;
    width: 11.11111%; }
    .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 {
    list-style: none;
    width: 10%; }
    .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 {
    list-style: none;
    width: 9.09091%; }
    .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 {
    list-style: none;
    width: 8.33333%; }
    .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.0625em) {
  .medium-block-grid-1 > li {
    list-style: none;
    width: 100%; }
    .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 {
    list-style: none;
    width: 50%; }
    .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 {
    list-style: none;
    width: 33.33333%; }
    .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 {
    list-style: none;
    width: 25%; }
    .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 {
    list-style: none;
    width: 20%; }
    .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 {
    list-style: none;
    width: 16.66667%; }
    .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 {
    list-style: none;
    width: 14.28571%; }
    .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 {
    list-style: none;
    width: 12.5%; }
    .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 {
    list-style: none;
    width: 11.11111%; }
    .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 {
    list-style: none;
    width: 10%; }
    .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 {
    list-style: none;
    width: 9.09091%; }
    .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 {
    list-style: none;
    width: 8.33333%; }
    .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.0625em) {
  .large-block-grid-1 > li {
    list-style: none;
    width: 100%; }
    .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 {
    list-style: none;
    width: 50%; }
    .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 {
    list-style: none;
    width: 33.33333%; }
    .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 {
    list-style: none;
    width: 25%; }
    .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 {
    list-style: none;
    width: 20%; }
    .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 {
    list-style: none;
    width: 16.66667%; }
    .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 {
    list-style: none;
    width: 14.28571%; }
    .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 {
    list-style: none;
    width: 12.5%; }
    .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 {
    list-style: none;
    width: 11.11111%; }
    .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 {
    list-style: none;
    width: 10%; }
    .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 {
    list-style: none;
    width: 9.09091%; }
    .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 {
    list-style: none;
    width: 8.33333%; }
    .large-block-grid-12 > li:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-12 > li:nth-of-type(12n+1) {
      clear: both; } }

.breadcrumbs {
  border-style: solid;
  border-width: 1px;
  display: block;
  list-style: none;
  margin-left: 0;
  overflow: hidden;
  padding: 0.5625rem 0.875rem 0.5625rem;
  background-color: #6ffff6;
  border-color: #4bfff4;
  border-radius: 3px; }
  .breadcrumbs > * {
    color: #030101;
    float: left;
    font-size: 0.6875rem;
    line-height: 0.6875rem;
    margin: 0;
    text-transform: uppercase; }
    .breadcrumbs > *:hover a, .breadcrumbs > *:focus a {
      text-decoration: underline; }
    .breadcrumbs > * a {
      color: #030101; }
    .breadcrumbs > *.current {
      color: #333333;
      cursor: default; }
      .breadcrumbs > *.current a {
        color: #333333;
        cursor: default; }
      .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 {
        color: #999999;
        cursor: not-allowed;
        text-decoration: none; }
    .breadcrumbs > *:before {
      color: #AAAAAA;
      content: "/";
      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: "/"; }

button, .button {
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
  border-style: solid;
  border-width: 0;
  cursor: pointer;
  font-family: "DINPro-Regular", Helvetica, Roboto, Arial, sans-serif;
  font-weight: normal;
  line-height: normal;
  margin: 0 0 1.25rem;
  position: relative;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  padding: 1rem 2rem 1.0625rem 2rem;
  font-size: 1rem;
  background-color: #030101;
  border-color: #020101;
  color: #FFFFFF;
  transition: background-color 300ms ease-out; }
  button:hover, button:focus, .button:hover, .button:focus {
    background-color: #020101; }
  button:hover, button:focus, .button:hover, .button:focus {
    color: #FFFFFF; }
  button.secondary, .button.secondary {
    background-color: #00BFB3;
    border-color: #00998f;
    color: #FFFFFF; }
    button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
      background-color: #00998f; }
    button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
      color: #FFFFFF; }
  button.success, .button.success {
    background-color: #43AC6A;
    border-color: #368a55;
    color: #FFFFFF; }
    button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
      background-color: #368a55; }
    button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
      color: #FFFFFF; }
  button.alert, .button.alert {
    background-color: #f04124;
    border-color: #cf2a0e;
    color: #FFFFFF; }
    button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
      background-color: #cf2a0e; }
    button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
      color: #FFFFFF; }
  button.warning, .button.warning {
    background-color: #f08a24;
    border-color: #cf6e0e;
    color: #FFFFFF; }
    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: #FFFFFF; }
  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: #FFFFFF; }
  button.large, .button.large {
    padding: 1.125rem 2.25rem 1.1875rem 2.25rem;
    font-size: 1.25rem; }
  button.small, .button.small {
    padding: 0.875rem 1.75rem 0.9375rem 1.75rem;
    font-size: 0.8125rem; }
  button.tiny, .button.tiny {
    padding: 0.625rem 1.25rem 0.6875rem 1.25rem;
    font-size: 0.6875rem; }
  button.expand, .button.expand {
    padding-left: 0;
    padding-right: 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: #030101;
    border-color: #020101;
    color: #FFFFFF;
    box-shadow: none;
    cursor: default;
    opacity: 0.7; }
    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: #020101; }
    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: #FFFFFF; }
    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: #030101; }
    button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {
      background-color: #00BFB3;
      border-color: #00998f;
      color: #FFFFFF;
      box-shadow: none;
      cursor: default;
      opacity: 0.7; }
      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: #00998f; }
      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: #FFFFFF; }
      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: #00BFB3; }
    button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {
      background-color: #43AC6A;
      border-color: #368a55;
      color: #FFFFFF;
      box-shadow: none;
      cursor: default;
      opacity: 0.7; }
      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: #368a55; }
      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: #FFFFFF; }
      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: #43AC6A; }
    button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {
      background-color: #f04124;
      border-color: #cf2a0e;
      color: #FFFFFF;
      box-shadow: none;
      cursor: default;
      opacity: 0.7; }
      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: #cf2a0e; }
      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: #FFFFFF; }
      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: #f04124; }
    button.disabled.warning, button[disabled].warning, .button.disabled.warning, .button[disabled].warning {
      background-color: #f08a24;
      border-color: #cf6e0e;
      color: #FFFFFF;
      box-shadow: none;
      cursor: default;
      opacity: 0.7; }
      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: #FFFFFF; }
      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;
      box-shadow: none;
      cursor: default;
      opacity: 0.7; }
      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: #FFFFFF; }
      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.0625em) {
  button, .button {
    display: inline-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.even-2 li {
    display: inline-block;
    margin: 0 -2px;
    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 {
    display: inline-block;
    margin: 0 -2px;
    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 {
    display: inline-block;
    margin: 0 -2px;
    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 {
    display: inline-block;
    margin: 0 -2px;
    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 {
    display: inline-block;
    margin: 0 -2px;
    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 {
    display: inline-block;
    margin: 0 -2px;
    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 {
    display: inline-block;
    margin: 0 -2px;
    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-group > li {
    display: inline-block;
    margin: 0 -2px; }
    .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 {
    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-color: rgba(255, 255, 255, 0.5);
      border-left-width: 0;
      border-top: 1px solid;
      display: block;
      margin: 0; }
    .button-group.stack > li > button {
      width: 100%; }
    .button-group.stack > li:first-child button, .button-group.stack > li:first-child .button {
      border-top: 0; }
  .button-group.stack-for-small > li {
    display: inline-block;
    margin: 0 -2px; }
    .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 {
        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-color: rgba(255, 255, 255, 0.5);
          border-left-width: 0;
          border-top: 1px solid;
          display: block;
          margin: 0; }
        .button-group.stack-for-small > li > button {
          width: 100%; }
        .button-group.stack-for-small > li:first-child button, .button-group.stack-for-small > li:first-child .button {
          border-top: 0; } }
  .button-group.radius > * {
    display: inline-block;
    margin: 0 -2px; }
    .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 > * {
    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-color: rgba(255, 255, 255, 0.5);
      border-left-width: 0;
      border-top: 1px solid;
      display: block;
      margin: 0; }
    .button-group.radius.stack > * > button {
      width: 100%; }
    .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.0625em) {
    .button-group.radius.stack-for-small > * {
      display: inline-block;
      margin: 0 -2px; }
      .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 > * {
      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-color: rgba(255, 255, 255, 0.5);
        border-left-width: 0;
        border-top: 1px solid;
        display: block;
        margin: 0; }
      .button-group.radius.stack-for-small > * > button {
        width: 100%; }
      .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 > * {
    display: inline-block;
    margin: 0 -2px; }
    .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 > * {
    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-color: rgba(255, 255, 255, 0.5);
      border-left-width: 0;
      border-top: 1px solid;
      display: block;
      margin: 0; }
    .button-group.round.stack > * > button {
      width: 100%; }
    .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.0625em) {
    .button-group.round.stack-for-small > * {
      display: inline-block;
      margin: 0 -2px; }
      .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 > * {
      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-color: rgba(255, 255, 255, 0.5);
        border-left-width: 0;
        border-top: 1px solid;
        display: block;
        margin: 0; }
      .button-group.round.stack-for-small > * > button {
        width: 100%; }
      .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-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; }

/* Foundation Dropdowns */
.f-dropdown {
  display: none;
  left: -9999px;
  list-style: none;
  margin-left: 0;
  position: absolute;
  background: #FFFFFF;
  border: solid 1px #cccccc;
  font-size: 0.875rem;
  height: auto;
  max-height: none;
  width: 100%;
  z-index: 89;
  margin-top: 2px;
  max-width: 200px; }
  .f-dropdown.open {
    display: block; }
  .f-dropdown > *:first-child {
    margin-top: 0; }
  .f-dropdown > *:last-child {
    margin-bottom: 0; }
  .f-dropdown:before {
    border: inset 6px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-color: transparent transparent #FFFFFF transparent;
    border-bottom-style: solid;
    position: absolute;
    top: -12px;
    left: 10px;
    z-index: 89; }
  .f-dropdown:after {
    border: inset 7px;
    content: "";
    display: block;
    height: 0;
    width: 0;
    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 {
    display: none;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    position: absolute;
    background: #FFFFFF;
    border: solid 1px #cccccc;
    font-size: 0.875rem;
    height: auto;
    max-height: none;
    width: 100%;
    z-index: 89;
    margin-top: 0;
    margin-left: 2px;
    max-width: 200px; }
    .f-dropdown.drop-right.open {
      display: block; }
    .f-dropdown.drop-right > *:first-child {
      margin-top: 0; }
    .f-dropdown.drop-right > *:last-child {
      margin-bottom: 0; }
    .f-dropdown.drop-right:before {
      border: inset 6px;
      content: "";
      display: block;
      height: 0;
      width: 0;
      border-color: transparent #FFFFFF transparent transparent;
      border-right-style: solid;
      position: absolute;
      top: 10px;
      left: -12px;
      z-index: 89; }
    .f-dropdown.drop-right:after {
      border: inset 7px;
      content: "";
      display: block;
      height: 0;
      width: 0;
      border-color: transparent #cccccc transparent transparent;
      border-right-style: solid;
      position: absolute;
      top: 9px;
      left: -14px;
      z-index: 88; }
  .f-dropdown.drop-left {
    display: none;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    position: absolute;
    background: #FFFFFF;
    border: solid 1px #cccccc;
    font-size: 0.875rem;
    height: auto;
    max-height: none;
    width: 100%;
    z-index: 89;
    margin-top: 0;
    margin-left: -2px;
    max-width: 200px; }
    .f-dropdown.drop-left.open {
      display: block; }
    .f-dropdown.drop-left > *:first-child {
      margin-top: 0; }
    .f-dropdown.drop-left > *:last-child {
      margin-bottom: 0; }
    .f-dropdown.drop-left:before {
      border: inset 6px;
      content: "";
      display: block;
      height: 0;
      width: 0;
      border-color: transparent transparent transparent #FFFFFF;
      border-left-style: solid;
      position: absolute;
      top: 10px;
      right: -12px;
      left: auto;
      z-index: 89; }
    .f-dropdown.drop-left:after {
      border: inset 7px;
      content: "";
      display: block;
      height: 0;
      width: 0;
      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 {
    display: none;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    position: absolute;
    background: #FFFFFF;
    border: solid 1px #cccccc;
    font-size: 0.875rem;
    height: auto;
    max-height: none;
    width: 100%;
    z-index: 89;
    margin-left: 0;
    margin-top: -2px;
    max-width: 200px; }
    .f-dropdown.drop-top.open {
      display: block; }
    .f-dropdown.drop-top > *:first-child {
      margin-top: 0; }
    .f-dropdown.drop-top > *:last-child {
      margin-bottom: 0; }
    .f-dropdown.drop-top:before {
      border: inset 6px;
      content: "";
      display: block;
      height: 0;
      width: 0;
      border-color: #FFFFFF transparent transparent transparent;
      border-top-style: solid;
      bottom: -12px;
      position: absolute;
      top: auto;
      left: 10px;
      right: auto;
      z-index: 89; }
    .f-dropdown.drop-top:after {
      border: inset 7px;
      content: "";
      display: block;
      height: 0;
      width: 0;
      border-color: #cccccc transparent transparent transparent;
      border-top-style: solid;
      bottom: -14px;
      position: absolute;
      top: auto;
      left: 9px;
      right: auto;
      z-index: 88; }
  .f-dropdown li {
    cursor: pointer;
    font-size: 0.875rem;
    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 {
    display: none;
    left: -9999px;
    list-style: none;
    margin-left: 0;
    position: absolute;
    background: #FFFFFF;
    border: solid 1px #cccccc;
    font-size: 0.875rem;
    height: auto;
    max-height: none;
    padding: 1.25rem;
    width: 100%;
    z-index: 89;
    max-width: 200px; }
    .f-dropdown.content.open {
      display: block; }
    .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; }

.dropdown.button, button.dropdown {
  position: relative;
  padding-right: 3.5625rem; }
  .dropdown.button::after, button.dropdown::after {
    border-color: #FFFFFF transparent transparent transparent;
    border-style: solid;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    top: 50%;
    width: 0; }
  .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: #FFFFFF 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: #FFFFFF 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: #FFFFFF 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: #FFFFFF transparent transparent transparent; }
  .dropdown.button.secondary:after, button.dropdown.secondary:after {
    border-color: #333333 transparent transparent transparent; }

.flex-video {
  height: 0;
  margin-bottom: 1rem;
  overflow: hidden;
  padding-bottom: 67.5%;
  padding-top: 1.5625rem;
  position: relative; }
  .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 {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0; }

/* 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.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 {
  color: #4d4d4d;
  cursor: pointer;
  display: block;
  font-size: 0.875rem;
  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 {
  border-style: solid;
  border-width: 1px;
  display: block;
  font-size: 0.875rem;
  height: 2.3125rem;
  line-height: 2.3125rem;
  overflow: visible;
  padding-bottom: 0;
  padding-top: 0;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 2; }

/* Adjust padding, alignment and radius if pre/post element is a button */
.postfix.button {
  border-color: true; }

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

.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;
  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;
  -moz-appearance: none;
  border-radius: 0;
  background-color: #FFFFFF;
  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-family: inherit;
  font-size: 0.875rem;
  height: 2.3125rem;
  margin: 0 0 1rem 0;
  padding: 0.5rem;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border-color 0.15s linear, background 0.15s linear;
  -moz-transition: border-color 0.15s linear, background 0.15s linear;
  -ms-transition: border-color 0.15s linear, background 0.15s linear;
  -o-transition: border-color 0.15s linear, background 0.15s linear;
  transition: border-color 0.15s linear, background 0.15s linear; }
  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,
form .row .prefix-radius.row.collapse button {
  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,
form .row .postfix-radius.row.collapse button {
  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,
form .row .prefix-round.row.collapse button {
  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,
form .row .postfix-round.row.collapse button {
  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;
  -moz-appearance: none;
  border-radius: 0; }

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

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

::-webkit-input-placeholder {
  color: #cccccc; }

:-moz-placeholder {
  /* Firefox 18- */
  color: #cccccc; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: #cccccc; }

:-ms-input-placeholder {
  color: #cccccc; }

/* Add height value for select elements to match text input height */
select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-color: #FAFAFA;
  border-radius: 0;
  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;
  color: rgba(0, 0, 0, 0.75);
  font-family: inherit;
  font-size: 0.875rem;
  line-height: normal;
  padding: 0.5rem;
  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; }
  select[multiple] {
    height: auto; }

/* 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;
  margin: 1.125rem 0;
  padding: 1.25rem; }
  fieldset legend {
    background: #FFFFFF;
    font-weight: bold;
    margin-left: -0.1875rem;
    margin: 0;
    padding: 0 0.1875rem; }

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

[data-abide] span.error, [data-abide] small.error {
  display: none; }

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

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

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

.error > label > small {
  background: transparent;
  color: #676767;
  display: inline;
  font-size: 60%;
  font-style: normal;
  margin: 0;
  padding: 0;
  text-transform: capitalize; }

.error span.error-message {
  display: block; }

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

label.error {
  color: #f04124; }

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

ul.pagination {
  display: block;
  margin-left: -0.3125rem;
  min-height: 1.5rem; }
  ul.pagination li {
    color: #222222;
    font-size: 0.875rem;
    height: 1.5rem;
    margin-left: 0.3125rem; }
    ul.pagination li a, ul.pagination li button {
      border-radius: 3px;
      transition: background-color 300ms ease-out;
      background: none;
      color: #999999;
      display: block;
      font-size: 1em;
      font-weight: normal;
      line-height: inherit;
      padding: 0.0625rem 0.625rem 0.0625rem; }
    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: #030101;
      color: #FFFFFF;
      cursor: default;
      font-weight: bold; }
      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: #030101; }
  ul.pagination li {
    display: block;
    float: left; }

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

/* 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: #d8d8d8;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    background: #f7e8e8;
    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: #030101; }
      .panel.callout a:not(.button):hover, .panel.callout a:not(.button):focus {
        color: #030101; }
  .panel.radius {
    border-radius: 3px; }

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

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

table {
  background: #FFFFFF;
  border: solid 1px #DDDDDD;
  margin-bottom: 1.25rem;
  table-layout: auto; }
  table caption {
    background: transparent;
    color: #222222;
    font-size: 1rem;
    font-weight: bold; }
  table thead {
    background: #F5F5F5; }
    table thead tr th,
    table thead tr td {
      color: #222222;
      font-size: 0.875rem;
      font-weight: bold;
      padding: 0.5rem 0.625rem 0.625rem; }
  table tfoot {
    background: #F5F5F5; }
    table tfoot tr th,
    table tfoot tr td {
      color: #222222;
      font-size: 0.875rem;
      font-weight: bold;
      padding: 0.5rem 0.625rem 0.625rem; }
  table tr th,
  table tr td {
    color: #222222;
    font-size: 0.875rem;
    padding: 0.5625rem 0.625rem;
    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; }

.tabs {
  margin-bottom: 0 !important;
  margin-left: 0; }
  .tabs:before, .tabs:after {
    content: " ";
    display: table; }
  .tabs:after {
    clear: both; }
  .tabs dd,
  .tabs .tab-title {
    float: left;
    list-style: none;
    margin-bottom: 0 !important;
    position: relative; }
    .tabs dd > a,
    .tabs .tab-title > a {
      display: block;
      background-color: #EFEFEF;
      color: #222222;
      font-family: "DINPro-Regular", Helvetica, Roboto, Arial, sans-serif;
      font-size: 1rem;
      padding: 1rem 2rem; }
      .tabs dd > a:hover,
      .tabs .tab-title > a:hover {
        background-color: #e1e1e1; }
    .tabs dd.active a,
    .tabs .tab-title.active a {
      background-color: #FFFFFF;
      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.9375rem 0;
    width: 100%; }
    .tabs-content > .content.active {
      display: block;
      float: none; }
    .tabs-content > .content.contained {
      padding: 0.9375rem; }
  .tabs-content.vertical {
    display: block; }
    .tabs-content.vertical > .content {
      padding: 0 0.9375rem; }

@media only screen and (min-width: 40.0625em) {
  .tabs.vertical {
    float: left;
    margin: 0;
    margin-bottom: 1.25rem !important;
    max-width: 20%;
    width: 20%; }
  .tabs-content.vertical {
    float: left;
    margin-left: -1px;
    max-width: 80%;
    padding-left: 1rem;
    width: 80%; } }

.no-js .tabs-content > .content {
  display: block;
  float: none; }

/* Tooltips */
.has-tip {
  border-bottom: dotted 1px #CCCCCC;
  color: #333333;
  cursor: help;
  font-weight: bold; }
  .has-tip:hover, .has-tip:focus {
    border-bottom: dotted 1px #010000;
    color: #030101; }
  .has-tip.tip-left, .has-tip.tip-right {
    float: none !important; }

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

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

@media only screen and (min-width: 40.0625em) {
  .tooltip > .nub {
    border-color: transparent transparent #333333 transparent;
    top: -10px; }
  .tooltip.tip-top > .nub {
    border-color: #333333 transparent transparent transparent;
    bottom: -10px;
    top: auto; }
  .tooltip.tip-left, .tooltip.tip-right {
    float: none !important; }
  .tooltip.tip-left > .nub {
    border-color: transparent transparent transparent #333333;
    left: auto;
    margin-top: -5px;
    right: -10px;
    top: 50%; }
  .tooltip.tip-right > .nub {
    border-color: transparent #333333 transparent transparent;
    left: -10px;
    margin-top: -5px;
    right: auto;
    top: 50%; } }

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

/* 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 {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99;
  left: 0; }
  .fixed.expanded:not(.top-bar) {
    height: auto;
    max-height: 100%;
    overflow-y: auto;
    width: 100%; }
    .fixed.expanded:not(.top-bar) .title-area {
      position: fixed;
      width: 100%;
      z-index: 99; }
    .fixed.expanded:not(.top-bar) .top-bar-section {
      margin-top: 2.8125rem;
      z-index: 98; }

.top-bar {
  background: #333333;
  height: 2.8125rem;
  line-height: 2.8125rem;
  margin-bottom: 0;
  overflow: hidden;
  position: relative; }
  .top-bar ul {
    list-style: none;
    margin-bottom: 0; }
  .top-bar .row {
    max-width: none; }
  .top-bar form,
  .top-bar input,
  .top-bar select {
    margin-bottom: 0; }
  .top-bar input,
  .top-bar select {
    font-size: 0.75rem;
    height: 1.75rem;
    padding-bottom: .35rem;
    padding-top: .35rem; }
  .top-bar .button, .top-bar button {
    font-size: 0.75rem;
    margin-bottom: 0;
    padding-bottom: 0.4125rem;
    padding-top: 0.4125rem; }
    @media only screen and (max-width: 40em) {
      .top-bar .button, .top-bar button {
        position: relative;
        top: -1px; } }
  .top-bar .title-area {
    margin: 0;
    position: relative; }
  .top-bar .name {
    font-size: 16px;
    height: 2.8125rem;
    margin: 0; }
    .top-bar .name h1, .top-bar .name h2, .top-bar .name h3, .top-bar .name h4, .top-bar .name p, .top-bar .name span {
      font-size: 1.0625rem;
      line-height: 2.8125rem;
      margin: 0; }
      .top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name p a, .top-bar .name span a {
        color: #FFFFFF;
        display: block;
        font-weight: normal;
        padding: 0 0.9375rem;
        width: 75%; }
  .top-bar .toggle-topbar {
    position: absolute;
    right: 0;
    top: 0; }
    .top-bar .toggle-topbar a {
      color: #FFFFFF;
      display: block;
      font-size: 0.8125rem;
      font-weight: bold;
      height: 2.8125rem;
      line-height: 2.8125rem;
      padding: 0 0.9375rem;
      position: relative;
      text-transform: uppercase; }
    .top-bar .toggle-topbar.menu-icon {
      margin-top: -16px;
      top: 50%; }
      .top-bar .toggle-topbar.menu-icon a {
        color: #FFFFFF;
        height: 34px;
        line-height: 33px;
        padding: 0 2.5rem 0 0.9375rem;
        position: relative; }
        .top-bar .toggle-topbar.menu-icon a span::after {
          content: "";
          display: block;
          height: 0;
          position: absolute;
          margin-top: -8px;
          top: 50%;
          right: 0.9375rem;
          box-shadow: 0 0 0 1px #FFFFFF, 0 7px 0 1px #FFFFFF, 0 14px 0 1px #FFFFFF;
          width: 16px; }
        .top-bar .toggle-topbar.menu-icon a span:hover:after {
          box-shadow: 0 0 0 1px "", 0 7px 0 1px "", 0 14px 0 1px ""; }
  .top-bar.expanded {
    background: transparent;
    height: auto; }
    .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 0 0 1px #888888, 0 7px 0 1px #888888, 0 14px 0 1px #888888; }
    @media screen and (-webkit-min-device-pixel-ratio: 0) {
      .top-bar.expanded .top-bar-section .has-dropdown.moved > .dropdown,
      .top-bar.expanded .top-bar-section .dropdown {
        clip: initial; }
      .top-bar.expanded .top-bar-section .has-dropdown:not(.moved) > ul {
        padding: 0; } }

.top-bar-section {
  left: 0;
  position: relative;
  width: auto;
  transition: left 300ms ease-out; }
  .top-bar-section ul {
    display: block;
    font-size: 16px;
    height: auto;
    margin: 0;
    padding: 0;
    width: 100%; }
  .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 {
      color: #FFFFFF;
      display: block;
      font-family: "DINPro-Regular", Helvetica, Roboto, Arial, sans-serif;
      font-size: 0.8125rem;
      font-weight: normal;
      padding-left: 0.9375rem;
      padding: 12px 0 12px 0.9375rem;
      text-transform: none;
      width: 100%; }
      .top-bar-section ul li > a.button {
        font-size: 0.8125rem;
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
        background-color: #030101;
        border-color: #020101;
        color: #FFFFFF; }
        .top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus {
          background-color: #020101; }
        .top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus {
          color: #FFFFFF; }
      .top-bar-section ul li > a.button.secondary {
        background-color: #00BFB3;
        border-color: #00998f;
        color: #FFFFFF; }
        .top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus {
          background-color: #00998f; }
        .top-bar-section ul li > a.button.secondary:hover, .top-bar-section ul li > a.button.secondary:focus {
          color: #FFFFFF; }
      .top-bar-section ul li > a.button.success {
        background-color: #43AC6A;
        border-color: #368a55;
        color: #FFFFFF; }
        .top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus {
          background-color: #368a55; }
        .top-bar-section ul li > a.button.success:hover, .top-bar-section ul li > a.button.success:focus {
          color: #FFFFFF; }
      .top-bar-section ul li > a.button.alert {
        background-color: #f04124;
        border-color: #cf2a0e;
        color: #FFFFFF; }
        .top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus {
          background-color: #cf2a0e; }
        .top-bar-section ul li > a.button.alert:hover, .top-bar-section ul li > a.button.alert:focus {
          color: #FFFFFF; }
      .top-bar-section ul li > a.button.warning {
        background-color: #f08a24;
        border-color: #cf6e0e;
        color: #FFFFFF; }
        .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: #FFFFFF; }
      .top-bar-section ul li > a.button.info {
        background-color: #a0d3e8;
        border-color: #61b6d9;
        color: #333333; }
        .top-bar-section ul li > a.button.info:hover, .top-bar-section ul li > a.button.info:focus {
          background-color: #61b6d9; }
        .top-bar-section ul li > a.button.info:hover, .top-bar-section ul li > a.button.info:focus {
          color: #FFFFFF; }
    .top-bar-section ul li > button {
      font-size: 0.8125rem;
      padding-left: 0.9375rem;
      padding-right: 0.9375rem;
      background-color: #030101;
      border-color: #020101;
      color: #FFFFFF; }
      .top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {
        background-color: #020101; }
      .top-bar-section ul li > button:hover, .top-bar-section ul li > button:focus {
        color: #FFFFFF; }
      .top-bar-section ul li > button.secondary {
        background-color: #00BFB3;
        border-color: #00998f;
        color: #FFFFFF; }
        .top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus {
          background-color: #00998f; }
        .top-bar-section ul li > button.secondary:hover, .top-bar-section ul li > button.secondary:focus {
          color: #FFFFFF; }
      .top-bar-section ul li > button.success {
        background-color: #43AC6A;
        border-color: #368a55;
        color: #FFFFFF; }
        .top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus {
          background-color: #368a55; }
        .top-bar-section ul li > button.success:hover, .top-bar-section ul li > button.success:focus {
          color: #FFFFFF; }
      .top-bar-section ul li > button.alert {
        background-color: #f04124;
        border-color: #cf2a0e;
        color: #FFFFFF; }
        .top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus {
          background-color: #cf2a0e; }
        .top-bar-section ul li > button.alert:hover, .top-bar-section ul li > button.alert:focus {
          color: #FFFFFF; }
      .top-bar-section ul li > button.warning {
        background-color: #f08a24;
        border-color: #cf6e0e;
        color: #FFFFFF; }
        .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: #FFFFFF; }
      .top-bar-section ul li > button.info {
        background-color: #a0d3e8;
        border-color: #61b6d9;
        color: #333333; }
        .top-bar-section ul li > button.info:hover, .top-bar-section ul li > button.info:focus {
          background-color: #61b6d9; }
        .top-bar-section ul li > button.info:hover, .top-bar-section ul li > button.info:focus {
          color: #FFFFFF; }
    .top-bar-section ul li:hover:not(.has-form) > a {
      background-color: #555555;
      color: #FFFFFF;
      background: #222222; }
    .top-bar-section ul li.active > a {
      background: #030101;
      color: #FFFFFF; }
      .top-bar-section ul li.active > a:hover {
        background: #030101;
        color: #FFFFFF; }
  .top-bar-section .has-form {
    padding: 0.9375rem; }
  .top-bar-section .has-dropdown {
    position: relative; }
    .top-bar-section .has-dropdown > a:after {
      margin-right: 0.9375rem;
      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 {
        position: static !important;
        height: auto;
        width: auto;
        overflow: visible;
        clip: auto;
        display: block;
        position: absolute !important;
        width: 100%; }
      .top-bar-section .has-dropdown.moved > a:after {
        display: none; }
  .top-bar-section .dropdown {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    display: block;
    padding: 0;
    position: absolute;
    top: 0;
    z-index: 99;
    left: 100%; }
    .top-bar-section .dropdown li {
      height: auto;
      width: 100%; }
      .top-bar-section .dropdown li a {
        font-weight: normal;
        padding: 8px 0.9375rem; }
        .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: #FFFFFF;
          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 0.9375rem; }
      .top-bar-section .dropdown li .button,
      .top-bar-section .dropdown li button {
        top: auto; }
    .top-bar-section .dropdown label {
      color: #777777;
      font-size: 0.625rem;
      font-weight: bold;
      margin-bottom: 0;
      padding: 8px 0.9375rem 2px;
      text-transform: uppercase; }

.js-generated {
  display: block; }

@media only screen and (min-width: 64.0625rem) {
  .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,
    .top-bar .name h2 a,
    .top-bar .name h3 a,
    .top-bar .name h4 a,
    .top-bar .name h5 a,
    .top-bar .name h6 a {
      width: auto; }
    .top-bar input,
    .top-bar select,
    .top-bar .button,
    .top-bar button {
      font-size: 0.875rem;
      height: 1.75rem;
      position: relative;
      top: 0.53125rem; }
    .top-bar.expanded {
      background: #333333; }
  .contain-to-grid .top-bar {
    margin-bottom: 0;
    margin: 0 auto;
    max-width: 80rem; }
  .top-bar-section {
    transition: none 0 0;
    left: 0 !important; }
    .top-bar-section ul {
      display: inline;
      height: auto !important;
      width: auto; }
      .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: #222222;
      color: #FFFFFF; }
    .top-bar-section li:not(.has-form) a:not(.button) {
      background: #333333;
      line-height: 2.8125rem;
      padding: 0 0.9375rem; }
      .top-bar-section li:not(.has-form) a:not(.button):hover {
        background-color: #555555;
        background: #222222; }
    .top-bar-section li.active:not(.has-form) a:not(.button) {
      background: #030101;
      color: #FFFFFF;
      line-height: 2.8125rem;
      padding: 0 0.9375rem; }
      .top-bar-section li.active:not(.has-form) a:not(.button):hover {
        background: #030101;
        color: #FFFFFF; }
    .top-bar-section .has-dropdown.moved {
      position: relative; }
      .top-bar-section .has-dropdown.moved > .dropdown {
        clip: rect(1px, 1px, 1px, 1px);
        height: 1px;
        overflow: hidden;
        position: absolute !important;
        width: 1px;
        display: block; }
    .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown {
      position: static !important;
      height: auto;
      width: auto;
      overflow: visible;
      clip: auto;
      display: block;
      position: absolute !important; }
    .top-bar-section .has-dropdown > a:focus + .dropdown {
      position: static !important;
      height: auto;
      width: auto;
      overflow: visible;
      clip: auto;
      display: block;
      position: absolute !important; }
    .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
      border: none;
      content: "\00bb";
      top: 0.1875rem;
      right: 5px; }
    .top-bar-section .dropdown {
      left: 0;
      background: transparent;
      min-width: 100%;
      top: auto; }
      .top-bar-section .dropdown li a {
        background: #333333;
        color: #FFFFFF;
        line-height: 2.8125rem;
        padding: 12px 0.9375rem;
        white-space: nowrap; }
      .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
        background: #333333;
        color: #FFFFFF; }
      .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) {
        background-color: #555555;
        color: #FFFFFF;
        background: #222222; }
      .top-bar-section .dropdown li label {
        background: #333333;
        white-space: nowrap; }
      .top-bar-section .dropdown li .dropdown {
        left: 100%;
        top: 0; }
    .top-bar-section > ul > .divider,
    .top-bar-section > ul > [role="separator"] {
      border-right: solid 1px #4e4e4e;
      border-bottom: none;
      border-top: none;
      clear: none;
      height: 2.8125rem;
      width: 0; }
    .top-bar-section .has-form {
      background: #333333;
      height: 2.8125rem;
      padding: 0 0.9375rem; }
    .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: #222222;
    color: #FFFFFF; }
  .no-js .top-bar-section ul li:active > a {
    background: #030101;
    color: #FFFFFF; }
  .no-js .top-bar-section .has-dropdown:hover > .dropdown {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    display: block;
    position: absolute !important; }
  .no-js .top-bar-section .has-dropdown > a:focus + .dropdown {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
    display: block;
    position: absolute !important; } }

.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.0625em) 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.0625em) {
  .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.0625em) 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.0625em) {
  .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.0625em) 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.0625em) {
  .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.0625em) and (max-width: 6249999.9375em) {
  .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.0625em) {
  .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: #030101;
  line-height: inherit;
  text-decoration: none; }
  a:hover, a:focus {
    color: #030101; }
  a img {
    border: none; }

/* Default paragraph styles */
p {
  font-family: inherit;
  font-size: 1rem;
  font-weight: normal;
  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;
    font-style: italic;
    line-height: 1.35; }

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

/* 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 {
  background-color: #9ffff9;
  border-color: #76fff6;
  border-style: solid;
  border-width: 1px;
  color: #333333;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  padding: 0.125rem 0.3125rem 0.0625rem; }

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

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: #222;
  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.0625em) {
  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; } }

/* 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-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    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-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    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-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
    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-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 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-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    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-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    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-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    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-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row; }
  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-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important; } }

/* medium displays */
@media only screen and (min-width: 40.0625em) {
  .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-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    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-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    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-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
    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-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 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-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    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-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    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-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    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-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row; }
  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-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important; } }

/* large displays */
@media only screen and (min-width: 64.0625em) {
  .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-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    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-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    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-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
    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-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 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-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    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-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    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-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    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-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row; }
  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-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important; } }

/* xlarge displays */
@media only screen and (min-width: 90.0625em) {
  .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, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    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, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    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, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down {
    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, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 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.show-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down {
    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.show-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down {
    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.show-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down {
    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.show-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row; }
  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.show-for-xlarge, td.show-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    display: table-cell !important; } }

/* xxlarge displays */
@media only screen and (min-width: 120.0625em) {
  .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, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .show-for-xxlarge-down {
    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, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-down {
    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, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-down {
    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, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-down {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 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.hide-for-xlarge, table.hide-for-xlarge-down, table.show-for-xxlarge-only, table.show-for-xxlarge-up, table.show-for-xxlarge, table.show-for-xxlarge-down {
    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.hide-for-xlarge, thead.hide-for-xlarge-down, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up, thead.show-for-xxlarge, thead.show-for-xxlarge-down {
    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.hide-for-xlarge, tbody.hide-for-xlarge-down, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up, tbody.show-for-xxlarge, tbody.show-for-xxlarge-down {
    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.hide-for-xlarge, tr.hide-for-xlarge-down, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up, tr.show-for-xxlarge, tr.show-for-xxlarge-down {
    display: table-row; }
  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.hide-for-xlarge, td.hide-for-xlarge, th.hide-for-xlarge-down, td.hide-for-xlarge-down, th.show-for-xxlarge-only, td.show-for-xxlarge-only, th.show-for-xxlarge-up, td.show-for-xxlarge-up, th.show-for-xxlarge, td.show-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down {
    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; }

/* Screen reader-specific classes */
.show-for-sr {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px; }

.show-on-focus {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px; }
  .show-on-focus:focus, .show-on-focus:active {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto; }

/*
       * 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;
    box-shadow: none !important;
    color: #000000 !important;
    /* Black prints faster: h5bp.com/s */
    text-shadow: none !important; }
  .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; }
  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: .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; } }

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

@media not print {
  .show-for-print {
    display: none !important; } }

/*$heading-font-family: $font-family-din-bd;
$heading-font-family-rg: $font-family-din-rg;
$heading-font-family-lt: $font-family-din-lt;
$heading-font-family-md: $font-family-din-md;
$heading-font-family-bd: $font-family-din-bd;
$heading-font-family-bk: $font-family-din-bk;*/
@keyframes preloader {
  0% {
    transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg);
    transform: rotate(360deg); } }

/*
@mixin background-rgba($color,$alpha){
    background:rgba($color,$alpha);
}
*/
/* ------------- */
/* ==end         */
/* ------------- */
/* custom mixin to replace a defined fill color with another one */
button, input[type="button"], input[type="reset"], input[type="submit"],
button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  -webkit-font-smoothing: antialiased;
  background-color: #00BFB3;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 100%;
  font-weight: 600;
  line-height: 1;
  padding: 0.75em 1em;
  text-decoration: none;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap; }
  button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus,
  button:hover,
  button:focus {
    background-color: #00736b;
    color: #fff; }
  button:disabled, input[type="button"]:disabled, input[type="reset"]:disabled, input[type="submit"]:disabled,
  button:disabled {
    cursor: not-allowed;
    opacity: 0.5; }

.bg-white {
  background: #fff; }

.bg-yellow {
  background: #00BFB3; }

.bg-light-gray {
  background: #f6f6f6; }

.bg-medium-gray {
  background: #ededed; }

.bg-dark-gray {
  background: #333 !important; }

.bg-dark {
  background: #030101; }

.bg-primary-color {
  background: #030101 !important; }

.bg-secondary-color {
  background: #00BFB3 !important; }

.bg-secondary-color-light {
  background: rgba(0, 191, 179, 0.25); }

.bg-rateus {
  background: url(../images/rateus_sx.jpg) no-repeat -10% 0 #00BFB3;
  background-size: contain; }
  .bg-rateus:after {
    content: '';
    width: 100%;
    height: 100%;
    background: url(../images/rateus_dx.jpg) no-repeat 110% 0 transparent;
    background-size: contain;
    position: absolute;
    top: 0;
    right: 0px; }

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
  .bg-rateus {
    background: url(../images/rateus_sx.jpg) no-repeat -50% 0 #00BFB3;
    background-size: contain; }
    .bg-rateus:after {
      content: '';
      background: url(../images/rateus_dx.jpg) no-repeat 160% 0 transparent;
      background-size: contain; } }

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .bg-rateus {
    background: none no-repeat -50% 0 #00BFB3;
    background-size: contain; }
    .bg-rateus:after {
      content: '';
      background: none no-repeat 160% 0 transparent;
      background-size: contain; } }

@media only screen and (max-width: 40em) {
  .bg-rateus {
    background: none no-repeat -50% 0 #00BFB3;
    background-size: contain; }
    .bg-rateus:after {
      content: '';
      background: none no-repeat 160% 0 transparent;
      background-size: contain; } }

@font-face {
  font-family: 'DINPro-Light';
  src: url("../fonts/din/DINPro-Light_gdi.eot");
  src: url("../fonts/din/DINPro-Light_gdi.eot?#iefix") format("embedded-opentype"), url("../fonts/din/DINPro-Light_gdi.woff") format("woff"), url("../fonts/din/DINPro-Light_gdi.ttf") format("truetype"), url("../fonts/din/DINPro-Light_gdi.svg#DINPro-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-25CA; }

@font-face {
  font-family: 'DINPro-Regular';
  src: url("../fonts/din/DINPro-Regular_gdi.eot");
  src: url("../fonts/din/DINPro-Regular_gdi.eot?#iefix") format("embedded-opentype"), url("../fonts/din/DINPro-Regular_gdi.woff") format("woff"), url("../fonts/din/DINPro-Regular_gdi.ttf") format("truetype"), url("../fonts/din/DINPro-Regular_gdi.svg#DINPro-Regular") format("svg");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-25CA; }

@font-face {
  font-family: 'DINPro-Medium';
  src: url("../fonts/din/DINPro-Medium_gdi.eot");
  src: url("../fonts/din/DINPro-Medium_gdi.eot?#iefix") format("embedded-opentype"), url("../fonts/din/DINPro-Medium_gdi.woff") format("woff"), url("../fonts/din/DINPro-Medium_gdi.ttf") format("truetype"), url("../fonts/din/DINPro-Medium_gdi.svg#DINPro-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-25CA; }

@font-face {
  font-family: 'DINPro-Bold';
  src: url("../fonts/din/DINPro-Bold_gdi.eot");
  src: url("../fonts/din/DINPro-Bold_gdi.eot?#iefix") format("embedded-opentype"), url("../fonts/din/DINPro-Bold_gdi.woff") format("woff"), url("../fonts/din/DINPro-Bold_gdi.ttf") format("truetype"), url("../fonts/din/DINPro-Bold_gdi.svg#DINPro-Bold") format("svg");
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-25CA; }

@font-face {
  font-family: 'DINPro-Black';
  src: url("../fonts/din/DINPro-Black_gdi.eot");
  src: url("../fonts/din/DINPro-Black_gdi.eot?#iefix") format("embedded-opentype"), url("../fonts/din/DINPro-Black_gdi.woff") format("woff"), url("../fonts/din/DINPro-Black_gdi.ttf") format("truetype"), url("../fonts/din/DINPro-Black_gdi.svg#DINPro-Black") format("svg");
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-25CA; }

@font-face {
  font-family: 'KlinicSlab-Book';
  src: url("../fonts/klinic/KlinicSlab-Book_gdi.eot");
  src: url("../fonts/klinic/KlinicSlab-Book_gdi.eot?#iefix") format("embedded-opentype"), url("../fonts/klinic/KlinicSlab-Book_gdi.woff") format("woff"), url("../fonts/klinic/KlinicSlab-Book_gdi.ttf") format("truetype"), url("../fonts/klinic/KlinicSlab-Book_gdi.svg#KlinicSlab-Book") format("svg");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-2265; }

@font-face {
  font-family: 'FabfeltScript-Bold';
  src: url("../fonts/fablelt-script/FabfeltScript-Bold_gdi.eot");
  src: url("../fonts/fablelt-script/FabfeltScript-Bold_gdi.eot?#iefix") format("embedded-opentype"), url("../fonts/fablelt-script/FabfeltScript-Bold_gdi.woff") format("woff"), url("../fonts/fablelt-script/FabfeltScript-Bold_gdi.ttf") format("truetype"), url("../fonts/fablelt-script/FabfeltScript-Bold_gdi.svg#FabfeltScript-Bold") format("svg");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+000D-2122; }

@font-face {
  font-family: 'BodoniMT-Regular';
  src: url("../fonts/bodoni/BodoniMT_gdi.eot");
  src: url("../fonts/bodoni/BodoniMT_gdi.eot?#iefix") format("embedded-opentype"), url("../fonts/bodoni/BodoniMT_gdi.woff") format("woff"), url("../fonts/bodoni/BodoniMT_gdi.ttf") format("truetype"), url("../fonts/bodoni/BodoniMT_gdi.svg#BodoniMT-Regular") format("svg");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-F003; }

.uppercase {
  text-transform: uppercase !important; }

.right-border {
  border-right: 1px solid #030101; }

.full-width {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: initial; }

.light {
  opacity: 0.65; }

.block {
  display: block; }

figure {
  margin: 0px;
  padding: 0px; }

.vertical-centered {
  position: relative;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: block; }

.inline-block {
  display: inline-block; }

.negative-margin-top-15 {
  margin-top: -0.9375rem; }

.two-columns {
  column-count: 2;
  column-gap: 30px; }

.three-columns {
  column-count: 3;
  column-gap: 30px; }

.opacity-60 {
  opacity: 0.6; }

.opacity-50 {
  opacity: 0.5; }

.opacity-70 {
  opacity: 0.7; }

a[class*="opacity-"]:hover {
  opacity: 1; }

.text--white {
  color: #fff; }

.color-primary {
  color: #030101 !important; }

.color-secondary {
  color: #00BFB3 !important; }

.color-white {
  color: #FFFFFF !important; }
  .color-white a, .color-white a:hover {
    color: #FFFFFF !important; }

.min-height-300 {
  min-height: 18.75rem; }

.min-height-400 {
  min-height: 25rem; }

.line-top {
  border-top: 0.0625rem solid rgba(66, 66, 66, 0.2); }
  .line-top--dark {
    border-color: rgba(66, 66, 66, 0.3); }

.line-bottom {
  border-bottom: 0.0625rem solid rgba(66, 66, 66, 0.2); }
  .line-bottom--dark {
    border-color: rgba(66, 66, 66, 0.3); }

/**/
.top-shadow-inset {
  box-shadow: inset 0px 5px 10px -6px rgba(50, 50, 50, 0.55); }

.bottom-shadow-inset {
  box-shadow: inset 0px -5px 10px -6px rgba(50, 50, 50, 0.55); }

.grayscale * {
  filter: grayscale(100%); }

.padding-none {
  padding: 0px !important; }

.padding-top-none {
  padding-top: 0px !important; }

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

.column--nopadding {
  padding-left: 0px !important;
  padding-right: 0px !important; }

.no-border, .noborder {
  border: 0px !important; }

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

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

.lead-character::first-letter {
  font-size: rem-cal(56);
  float: left;
  line-height: rem-cal(38);
  padding-top: rem-cal(11);
  padding-right: rem-cal(9); }

.text-primary-color {
  color: #030101; }

.text-secondary-color {
  color: #00BFB3; }

/*.journal.show .body::first-letter {
font-size: 2em
}*/
/*------------------
text-length
------------------*/
.text-length {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-height: 1.4em;
  /* fallback */
  max-height: 15.625rem;
  /* fallback */
  -webkit-line-clamp: 11;
  /* number of lines to show */
  -webkit-box-orient: vertical; }

/*------------------
phone behavior
------------------*/
.js-phone {
  cursor: pointer; }

.js-phone.disabled,
.js-phone.disabled:hover {
  cursor: text;
  text-decoration: none !important;
  opacity: 1.0; }

.vertical-margin-5 {
  margin-top: 0.3125rem;
  margin-right: auto;
  margin-bottom: 0.3125rem;
  margin-left: auto; }

.vertical-margin-10 {
  margin-top: 0.625rem;
  margin-right: auto;
  margin-bottom: 0.625rem;
  margin-left: auto; }

.vertical-margin-15 {
  margin-top: 0.9375rem;
  margin-right: auto;
  margin-bottom: 0.9375rem;
  margin-left: auto; }

.vertical-margin-20 {
  margin-top: 1.25rem;
  margin-right: auto;
  margin-bottom: 1.25rem;
  margin-left: auto; }

.vertical-margin-25 {
  margin-top: 1.5625rem;
  margin-right: auto;
  margin-bottom: 1.5625rem;
  margin-left: auto; }

.vertical-margin-30 {
  margin-top: 1.875rem;
  margin-right: auto;
  margin-bottom: 1.875rem;
  margin-left: auto; }

.vertical-margin-45 {
  margin-top: 2.8125rem;
  margin-right: auto;
  margin-bottom: 2.8125rem;
  margin-left: auto; }

.vertical-margin-50 {
  margin-top: 3.125rem;
  margin-right: auto;
  margin-bottom: 3.125rem;
  margin-left: auto; }

.vertical-margin-60 {
  margin-top: 3.75rem;
  margin-right: auto;
  margin-bottom: 3.75rem;
  margin-left: auto; }

.margin-top-0 {
  margin-top: 0;
  margin-right: auto;
  margin-bottom: auto;
  margin-left: auto; }

.margin-top-5 {
  margin-top: 0.3125rem;
  margin-right: auto;
  margin-bottom: auto;
  margin-left: auto; }

.margin-top-10 {
  margin-top: 0.625rem;
  margin-right: auto;
  margin-bottom: auto;
  margin-left: auto; }

.margin-top-15 {
  margin-top: 0.9375rem;
  margin-right: auto;
  margin-bottom: auto;
  margin-left: auto; }

.margin-top-30 {
  margin-top: 1.875rem;
  margin-right: auto;
  margin-bottom: auto;
  margin-left: auto; }

.margin-top-40 {
  margin-top: 2.5rem;
  margin-right: auto;
  margin-bottom: auto;
  margin-left: auto; }

.margin-top-45 {
  margin-top: 2.8125rem;
  margin-right: auto;
  margin-bottom: auto;
  margin-left: auto; }

.margin-top-50 {
  margin-top: 3.125rem;
  margin-right: auto;
  margin-bottom: auto;
  margin-left: auto; }

.margin-top-60 {
  margin-top: 3.75rem;
  margin-right: auto;
  margin-bottom: auto;
  margin-left: auto; }

.margin-right-0 {
  margin-top: auto;
  margin-right: 0;
  margin-bottom: auto;
  margin-left: auto; }

.margin-right-1 {
  margin-top: auto;
  margin-right: 0.0625rem;
  margin-bottom: auto;
  margin-left: auto; }

.margin-right-5 {
  margin-top: auto;
  margin-right: 0.3125rem;
  margin-bottom: auto;
  margin-left: auto; }

.margin-right-10 {
  margin-top: auto;
  margin-right: 0.625rem;
  margin-bottom: auto;
  margin-left: auto; }

.margin-right-15 {
  margin-top: auto;
  margin-right: 0.9375rem;
  margin-bottom: auto;
  margin-left: auto; }

.margin-right-30 {
  margin-top: auto;
  margin-right: 1.875rem;
  margin-bottom: auto;
  margin-left: auto; }

.margin-bottom-0 {
  margin-top: auto;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto; }

.margin-bottom-5 {
  margin-top: auto;
  margin-right: auto;
  margin-bottom: 0.3125rem;
  margin-left: auto; }

.margin-bottom-10 {
  margin-top: auto;
  margin-right: auto;
  margin-bottom: 0.625rem;
  margin-left: auto; }

.margin-bottom-15 {
  margin-top: auto;
  margin-right: auto;
  margin-bottom: 0.9375rem;
  margin-left: auto; }

.margin-bottom-20 {
  margin-top: auto;
  margin-right: auto;
  margin-bottom: 1.25rem;
  margin-left: auto; }

.margin-bottom-25 {
  margin-top: auto;
  margin-right: auto;
  margin-bottom: 1.5625rem;
  margin-left: auto; }

.margin-bottom-30 {
  margin-top: auto;
  margin-right: auto;
  margin-bottom: 1.875rem;
  margin-left: auto; }

.margin-bottom-35 {
  margin-top: auto;
  margin-right: auto;
  margin-bottom: 2.1875rem;
  margin-left: auto; }

.margin-bottom-40 {
  margin-top: auto;
  margin-right: auto;
  margin-bottom: 2.5rem;
  margin-left: auto; }

.margin-bottom-45 {
  margin-top: auto;
  margin-right: auto;
  margin-bottom: 2.8125rem;
  margin-left: auto; }

.margin-bottom-50 {
  margin-top: auto;
  margin-right: auto;
  margin-bottom: 3.125rem;
  margin-left: auto; }

.margin-bottom-60 {
  margin-top: auto;
  margin-right: auto;
  margin-bottom: 3.75rem;
  margin-left: auto; }

.margin-left-0 {
  margin-top: auto;
  margin-right: auto;
  margin-bottom: auto;
  margin-left: 0; }

.margin-left-1 {
  margin-top: auto;
  margin-right: auto;
  margin-bottom: auto;
  margin-left: 0.0625rem; }

.margin-left-5 {
  margin-top: auto;
  margin-right: auto;
  margin-bottom: auto;
  margin-left: 0.3125rem; }

.margin-left-10 {
  margin-top: auto;
  margin-right: auto;
  margin-bottom: auto;
  margin-left: 0.625rem; }

.margin-left-15 {
  margin-top: auto;
  margin-right: auto;
  margin-bottom: auto;
  margin-left: 0.9375rem; }

.margin-left-30 {
  margin-top: auto;
  margin-right: auto;
  margin-bottom: auto;
  margin-left: 1.875rem; }

.padding-top-0 {
  padding-top: 0;
  padding-right: auto;
  padding-bottom: auto;
  padding-left: auto; }

.padding-top-5 {
  padding-top: 0.3125rem;
  padding-right: auto;
  padding-bottom: auto;
  padding-left: auto; }

.padding-top-10 {
  padding-top: 0.625rem;
  padding-right: auto;
  padding-bottom: auto;
  padding-left: auto; }

.padding-top-15 {
  padding-top: 0.9375rem;
  padding-right: auto;
  padding-bottom: auto;
  padding-left: auto; }

.padding-top-16 {
  padding-top: 1.0625rem;
  padding-right: auto;
  padding-bottom: auto;
  padding-left: auto; }

.padding-top-17 {
  padding-top: 1.0625rem;
  padding-right: auto;
  padding-bottom: auto;
  padding-left: auto; }

.padding-top-18 {
  padding-top: 1.125rem;
  padding-right: auto;
  padding-bottom: auto;
  padding-left: auto; }

.padding-top-19 {
  padding-top: 1.1875rem;
  padding-right: auto;
  padding-bottom: auto;
  padding-left: auto; }

.padding-top-20 {
  padding-top: 1.25rem;
  padding-right: auto;
  padding-bottom: auto;
  padding-left: auto; }

.padding-top-30 {
  padding-top: 1.875rem;
  padding-right: auto;
  padding-bottom: auto;
  padding-left: auto; }

.padding-top-45 {
  padding-top: 2.8125rem;
  padding-right: auto;
  padding-bottom: auto;
  padding-left: auto; }

.padding-top-50 {
  padding-top: 3.125rem;
  padding-right: auto;
  padding-bottom: auto;
  padding-left: auto; }

.padding-top-60 {
  padding-top: 3.75rem;
  padding-right: auto;
  padding-bottom: auto;
  padding-left: auto; }

.padding-top-70 {
  padding-top: 4.375rem;
  padding-right: auto;
  padding-bottom: auto;
  padding-left: auto; }

.padding-top-80 {
  padding-top: 5rem;
  padding-right: auto;
  padding-bottom: auto;
  padding-left: auto; }

.large-padding-top-80 {
  padding-top: 5rem;
  padding-right: auto;
  padding-bottom: auto;
  padding-left: auto; }

.padding-right-0 {
  padding-top: auto;
  padding-right: 0;
  padding-bottom: auto;
  padding-left: auto; }

.padding-right-5 {
  padding-top: auto;
  padding-right: 0.3125rem;
  padding-bottom: auto;
  padding-left: auto; }

.padding-right-10 {
  padding-top: auto;
  padding-right: 0.625rem;
  padding-bottom: auto;
  padding-left: auto; }

.padding-right-15 {
  padding-top: auto;
  padding-right: 0.9375rem;
  padding-bottom: auto;
  padding-left: auto; }

.padding-right-20 {
  padding-top: auto;
  padding-right: 1.25rem;
  padding-bottom: auto;
  padding-left: auto; }

.padding-right-25 {
  padding-top: auto;
  padding-right: 1.5625rem;
  padding-bottom: auto;
  padding-left: auto; }

.padding-right-30 {
  padding-top: auto;
  padding-right: 1.875rem;
  padding-bottom: auto;
  padding-left: auto; }

.padding-bottom-0 {
  padding-top: auto;
  padding-right: auto;
  padding-bottom: 0;
  padding-left: auto; }

.padding-bottom-5 {
  padding-top: auto;
  padding-right: auto;
  padding-bottom: 0.3125rem;
  padding-left: auto; }

.padding-bottom-10 {
  padding-top: auto;
  padding-right: auto;
  padding-bottom: 0.625rem;
  padding-left: auto; }

.padding-bottom-15 {
  padding-top: auto;
  padding-right: auto;
  padding-bottom: 0.9375rem;
  padding-left: auto; }

.padding-bottom-20 {
  padding-top: auto;
  padding-right: auto;
  padding-bottom: 1.25rem;
  padding-left: auto; }

.padding-bottom-25 {
  padding-top: auto;
  padding-right: auto;
  padding-bottom: 1.5625rem;
  padding-left: auto; }

.padding-bottom-30 {
  padding-top: auto;
  padding-right: auto;
  padding-bottom: 1.875rem;
  padding-left: auto; }

.padding-bottom-45 {
  padding-top: auto;
  padding-right: auto;
  padding-bottom: 2.8125rem;
  padding-left: auto; }

.padding-bottom-50 {
  padding-top: auto;
  padding-right: auto;
  padding-bottom: 3.125rem;
  padding-left: auto; }

.padding-bottom-60 {
  padding-top: auto;
  padding-right: auto;
  padding-bottom: 3.75rem;
  padding-left: auto; }

.padding-left-0 {
  padding-top: auto;
  padding-right: auto;
  padding-bottom: auto;
  padding-left: 0; }

.padding-left-5 {
  padding-top: auto;
  padding-right: auto;
  padding-bottom: auto;
  padding-left: 0.3125rem; }

.padding-left-10 {
  padding-top: auto;
  padding-right: auto;
  padding-bottom: auto;
  padding-left: 0.625rem; }

.padding-left-15 {
  padding-top: auto;
  padding-right: auto;
  padding-bottom: auto;
  padding-left: 0.9375rem; }

.padding-left-20 {
  padding-top: auto;
  padding-right: auto;
  padding-bottom: auto;
  padding-left: 1.25rem; }

.padding-left-25 {
  padding-top: auto;
  padding-right: auto;
  padding-bottom: auto;
  padding-left: 1.5625rem; }

.padding-left-30 {
  padding-top: auto;
  padding-right: auto;
  padding-bottom: auto;
  padding-left: 1.875rem; }

.vertical-padding-5 {
  padding-top: 0.3125rem;
  padding-right: auto;
  padding-bottom: 0.3125rem;
  padding-left: auto; }

.vertical-padding-10 {
  padding-top: 0.625rem;
  padding-right: auto;
  padding-bottom: 0.625rem;
  padding-left: auto; }

.vertical-padding-15 {
  padding-top: 0.9375rem;
  padding-right: auto;
  padding-bottom: 0.9375rem;
  padding-left: auto; }

.vertical-padding-20 {
  padding-top: 1.25rem;
  padding-right: auto;
  padding-bottom: 1.25rem;
  padding-left: auto; }

.vertical-padding-25 {
  padding-top: 1.5625rem;
  padding-right: auto;
  padding-bottom: 1.5625rem;
  padding-left: auto; }

.vertical-padding-30 {
  padding-top: 1.875rem;
  padding-right: auto;
  padding-bottom: 1.875rem;
  padding-left: auto; }

.vertical-padding-45 {
  padding-top: 2.8125rem;
  padding-right: auto;
  padding-bottom: 2.8125rem;
  padding-left: auto; }

.vertical-padding-50 {
  padding-top: 3.125rem;
  padding-right: auto;
  padding-bottom: 3.125rem;
  padding-left: auto; }

.vertical-padding-60 {
  padding-top: 3.75rem;
  padding-right: auto;
  padding-bottom: 3.75rem;
  padding-left: auto; }

.horizontal-padding-5 {
  padding-top: auto;
  padding-right: 0.3125rem;
  padding-bottom: auto;
  padding-left: 0.3125rem; }

.horizontal-padding-10 {
  padding-top: auto;
  padding-right: 0.625rem;
  padding-bottom: auto;
  padding-left: 0.625rem; }

.horizontal-padding-15 {
  padding-top: auto;
  padding-right: 0.9375rem;
  padding-bottom: auto;
  padding-left: 0.9375rem; }

.horizontal-padding-30 {
  padding-top: auto;
  padding-right: 1.875rem;
  padding-bottom: auto;
  padding-left: 1.875rem; }

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .padding-bottom-60 {
    padding-bottom: 0px !important; }
  .padding-top-45 {
    padding-top: 15px !important; } }

@media only screen and (max-width: 40em) {
  .small-margin-top-30 {
    margin-top: 1.875rem;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto; }
  .small-margin-bottom-30 {
    margin-top: auto;
    margin-right: auto;
    margin-bottom: 1.875rem;
    margin-left: auto; }
  .small-padding-top-15 {
    padding-top: 0.9375rem;
    padding-right: auto;
    padding-bottom: auto;
    padding-left: auto; }
  .two-columns {
    column-count: 1; }
  .three-columns {
    column-count: 1; }
  .padding-top-30 {
    padding-top: 15px !important; }
  .padding-bottom-60 {
    padding: 0px !important; }
  .padding-bottom-15 {
    padding-bottom: 0px !important; }
  .vertical-padding-30 {
    padding: 15px 0 !important; }
  .large-padding-top-80 {
    padding: 15px 0   !important; } }

.relative {
  position: relative !important; }

main {
  animation-name: fade-in;
  animation-duration: 0.5s;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
  opacity: 1; }

@-webkit-keyframes fade-in {
  from {
    opacity: 0.0; }
  to {
    opacity: 1.00; } }

@keyframes fade-in {
  from {
    opacity: 0.0; }
  to {
    opacity: 1.00; } }

.wkp-cookie {
  position: relative; }

.section-size {
  padding: 3.75rem 0; }

.row.full-width {
  position: relative;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 100% !important; }

.contatti-check {
  min-height: 25rem; }
  .contatti-check h3 {
    line-height: 1.3em;
    color: #030101;
    font-family: "Roboto", Arial, sans-serif; }
  .contatti-check a {
    text-decoration: underline; }

.panel a {
  text-decoration: underline !important; }
  .panel a:hover {
    text-decoration: none !important; }

.logo-hide {
  display: none; }

.made-in-italy {
  display: inline-block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0px;
  width: 9.9375rem;
  height: 3.125rem;
  background: url(../images/spritesheet/made-in-italy.svg) no-repeat 50% 50%;
  background-size: 9.9375rem 3.125rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
  @media only screen and (max-width: 40em) {
    .made-in-italy {
      position: relative;
      margin-top: 1.875rem; } }

.hprc-13 {
  display: inline-block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0px;
  width: 140px;
  height: 65px;
  background: url(../images/hprc_13.svg) no-repeat 50% 50%;
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
  @media only screen and (max-width: 40em) {
    .hprc-13 {
      position: relative;
      margin-top: 1.875rem; } }

.banner_grand-opening {
  width: 8.4375rem;
  height: 8.4375rem;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  background: url(../images/banner_grand-opening.png) no-repeat 0 0;
  background-size: contain;
  z-index: 690;
  display: none !important; }

.responsive-iframe {
  border: 0px;
  width: 100%;
  height: 100%;
  min-height: 1200px;
  margin: 0;
  padding: 0; }

.tuning.line-bottom {
  border-bottom: 0px;
  background: #f1b200; }

.tuning .breadcrumbs a,
.tuning .breadcrumbs div:before {
  color: #030101; }

.tuning .flag-icon.new {
  background: #000000  !important; }

.tuning .flag-icon.discount {
  background: #f1b200 !important; }

.tuning .flag-icon.preorder {
  background: #f1b200 !important; }

.tuning .products-list {
  margin-top: 1.875rem; }
  .tuning .products-list__subtitle {
    color: #f1b200 !important;
    font-weight: 800; }
  .tuning .products-list a .hover-caption .button {
    background: #f1b200 !important; }
    .tuning .products-list a .hover-caption .button:hover {
      color: #1a1a18;
      background: #fff !important; }

.tuning .product-detail__code {
  color: #f1b200; }

.tuning .product-detail__title {
  color: #030101; }

.tuning .product-detail__price mark {
  color: #e7aa00;
  font-weight: 500; }

.tuning .product-detail__action-buttons .button--cart {
  color: #030101;
  background: #f1b200; }
  .tuning .product-detail__action-buttons .button--cart:hover {
    color: #fff; }

.tuning .scheda__tabs .tab-title.active a {
  color: #030101; }

.tuning .scheda__tabs .tab-title a:after {
  content: '';
  background: #030101; }

.tuning .product-detail .box-experience {
  border-color: #030101;
  opacity: 0.8; }

.tuning .product-detail .box-experience__inner * {
  color: #030101; }

.tuning .product-detail .box-experience__inner:before {
  background-image: url(../images/spritesheet/stars_dark.png); }

.tuning .slick-center a {
  border-color: rgba(3, 1, 1, 0.3) !important; }

.tuning .form--generic .button {
  background: #f1b200 !important;
  color: #030101; }
  .tuning .form--generic .button:hover {
    color: #f1b200;
    background: #030101 !important; }

.tuning .flexy-menu.flexy-menu__light .active a {
  color: #f1b200 !important; }
  .tuning .flexy-menu.flexy-menu__light .active a:after {
    background: #f1b200 !important; }

.products-list li.tuning a .hover-caption .button {
  background: #f1b200 !important; }
  .products-list li.tuning a .hover-caption .button:hover {
    color: #1a1a18;
    background: #fff !important; }

/* end tuning */
.outlet.line-bottom {
  border-bottom: 0px;
  background: #e76000; }

.outlet .breadcrumbs a,
.outlet .breadcrumbs div:before {
  color: #FFFFFF; }

.outlet .breadcrumbs a:hover {
  color: rgba(255, 255, 255, 0.5); }

.outlet .flag-icon.new {
  background: #1a1a18  !important; }

.outlet .flag-icon.discount {
  background: #e76000 !important; }

.outlet .flag-icon.preorder {
  background: #e76000 !important; }

.outlet .products-list {
  margin-top: 1.875rem; }
  .outlet .products-list__subtitle {
    color: #e76000 !important;
    font-weight: 800; }
  .outlet .products-list a .hover-caption .button {
    color: #FFFFFF;
    background: #e76000 !important; }
    .outlet .products-list a .hover-caption .button:hover {
      color: #e76000 !important;
      background: #fff !important; }

.outlet .product-detail__code {
  color: #e76000; }

.outlet .product-detail__title {
  color: #030101; }

.outlet .product-detail__price mark {
  color: #dd5c00;
  font-weight: 500; }

.outlet .product-detail__action-buttons .button--cart {
  color: #FFFFFF;
  background: #e76000; }
  .outlet .product-detail__action-buttons .button--cart:hover {
    color: #fff; }

.outlet .scheda__tabs .tab-title.active a {
  color: #030101; }

.outlet .scheda__tabs .tab-title a:after {
  content: '';
  background: #030101; }

.outlet .product-detail .box-experience {
  border-color: #030101;
  opacity: 0.8; }

.outlet .product-detail .box-experience__inner * {
  color: #030101; }

.outlet .product-detail .box-experience__inner:before {
  background-image: url(../images/spritesheet/stars_dark.png); }

.outlet .slick-center a {
  border-color: rgba(3, 1, 1, 0.3) !important; }

.outlet .form--generic .button {
  background: #e76000 !important;
  color: #FFFFFF; }
  .outlet .form--generic .button:hover {
    color: #FFFFFF;
    background: #030101 !important; }

.outlet .flexy-menu.flexy-menu__light .active a {
  color: #e76000 !important; }
  .outlet .flexy-menu.flexy-menu__light .active a:after {
    background: #e76000 !important; }

.products-list li.outlet a .hover-caption .button {
  background: #e76000 !important; }
  .products-list li.outlet a .hover-caption .button:hover {
    color: #1a1a18;
    background: #fff !important; }

/* end outlet */
@media only screen and (max-width: 40em) {
  .section-size {
    padding: 1.875rem 0; }
  .padding-top-45 {
    padding: 0.9375rem 0 0 !important; }
  .vertical-padding-45 {
    padding: 0.9375rem 0 !important; }
  .fr-touch-button {
    margin-right: 0.9375rem !important; }
  .banner_grand-opening {
    width: 100%;
    height: 2.5rem;
    display: block;
    position: static;
    top: auto;
    left: auto;
    background: url(../images/banner_grand-opening-horizontal.png) no-repeat 50% 0 #ed1c24;
    background-size: contain; }
  .tuning,
  .outlet {
    /*.products-list li {
    border-bottom: 0.0625rem solid rgba(66, 66, 66, 0.25);
  }*/ }
    .tuning h1.title,
    .outlet h1.title {
      display: block; }
    .tuning .filters-select,
    .outlet .filters-select {
      margin: 0.9375rem 0 0;
      border-bottom: 0px;
      /*margin-top:rem-calc(2);
      border:rem-calc(1) solid rgba($dark-gray,0.15);
      border-width: rem-calc(0) 0 rem-calc(1); */ } }

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .section-size {
    padding: 1.875rem 0; }
  .fr-touch-button {
    margin-right: 0.9375rem !important; }
  .banner_grand-opening {
    width: 100%;
    height: 2.5rem;
    display: block;
    position: static;
    top: auto;
    left: auto;
    background: url(../images/banner_grand-opening-horizontal.png) no-repeat 50% 0 #ed1c24;
    background-size: contain; } }

.landing-divider {
  width: 100%;
  height: 3px;
  position: relative;
  margin-top: 20px;
  margin-bottom: 25px; }
  .landing-divider:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 150px;
    background-color: #00BFB3; }

.divider {
  width: 100%;
  height: 1px;
  margin-top: 30px; }
  @media only screen and (min-width: 40.0625em) {
    .divider {
      margin-top: 50px; } }

.title {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.30em;
  font-family: "Roboto", Arial, sans-serif;
  color: #030101;
  /*& strong[att*='hprc']{
        color:red !important;
    }*/ }
  .title--underline strong {
    position: relative;
    padding-bottom: 0.9375rem;
    font-weight: 600;
    font-size: 1.25rem; }
    .title--underline strong:after {
      content: '';
      width: 1.875rem;
      height: 0.125rem;
      background: #030101;
      display: inline-block;
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%); }
  .title--line-through span {
    position: relative;
    padding: 0 125px; }
    .title--line-through span:before, .title--line-through span:after {
      content: '';
      display: block;
      width: 100px;
      height: 1px;
      background: #fff;
      position: absolute;
      top: 50%;
      left: 0px;
      opacity: 0.45; }
    .title--line-through span:before {
      left: 0px; }
    .title--line-through span:after {
      left: auto;
      right: 0px; }
  .title--dark {
    color: #424242; }
    .title--dark strong:after {
      background: #424242; }
  .title--strong * {
    font-family: "Roboto", Arial, sans-serif; }
  .title--medium * {
    font-weight: 600; }
  .title--thin * {
    font-family: "Roboto", Arial, sans-serif; }
  .title--small {
    font-size: 1.25rem;
    line-height: 1.5rem; }
  .title__red {
    color: #00BFB3; }
  .title small {
    font-size: 0.75rem;
    text-transform: none;
    color: rgba(66, 66, 66, 0.6);
    font-family: "Roboto", Arial, sans-serif;
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 1.25rem; }
  .title--serif {
    font-family: "Unna", serif; }

.sub-title {
  font-size: 1.5rem !important;
  font-family: "Roboto", Arial, sans-serif; }
  .sub-title--tiny {
    font-size: 1rem !important;
    margin-bottom: 0px;
    color: #030101; }
  .sub-title__border-bottom {
    border-bottom: 0.0625rem solid #e5e5e5;
    padding-bottom: 0.3125rem; }
  .sub-title__filled {
    background: #00BFB3;
    color: #FFFFFF;
    padding: 0.3125rem 0.625rem; }

.section-title {
  font-size: 1.75rem;
  font-family: "Roboto", Arial, sans-serif;
  text-transform: uppercase; }
  .section-title strong {
    font-weight: 200;
    position: relative; }
    .section-title strong:before, .section-title strong:after {
      content: '';
      display: block;
      width: 50%;
      height: 0.0625rem;
      position: absolute;
      top: 50%; }
    .section-title strong:before {
      left: -60%; }
    .section-title strong:after {
      right: -60%; }
  .section-title--dark {
    color: #030101; }
  .section-title--yellow {
    color: #00736b; }
    .section-title--yellow strong:before, .section-title--yellow strong:after {
      background: #00736b; }
  .section-title--gray {
    color: #cd6969; }
    .section-title--gray strong:before, .section-title--gray strong:after {
      background: #cd6969; }
  .section-title--white {
    color: #fff; }
  .section-title__wide-divider {
    position: relative; }
    .section-title__wide-divider:after {
      content: '';
      display: block;
      width: 100%;
      height: 0.0625rem;
      position: absolute;
      top: 50%;
      background: #c75656; }
    .section-title__wide-divider strong {
      font-size: 1.5rem;
      font-weight: 200;
      font-family: "Roboto", Arial, sans-serif;
      position: relative;
      background: #FFFFFF;
      z-index: 10;
      padding: 0 1.875rem;
      color: #632121; }
      .section-title__wide-divider strong:before, .section-title__wide-divider strong:after {
        display: none; }

.page-title {
  font-size: 2.625rem;
  line-height: 3.25rem;
  font-family: "Roboto", Arial, sans-serif;
  text-transform: uppercase; }
  .page-title strong {
    font-weight: normal;
    position: relative; }
  .page-title--dark {
    color: #030101; }
  .page-title--yellow {
    color: #00bfb3; }
  .page-title--gray {
    color: #cd6969; }
  .page-title--white {
    color: #fff; }
  .page-title--maxwidth strong {
    max-width: 70%;
    display: inline-block; }
  .page-title--underline strong {
    position: relative;
    padding-bottom: 1.875rem;
    color: #030101; }
    .page-title--underline strong:after {
      content: '';
      width: 3.75rem;
      height: 0.1875rem;
      background: #030101;
      display: inline-block;
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%); }

@media only screen and (max-width: 40em) {
  .section-title {
    font-size: 1.125rem; }
    .section-title strong {
      font-family: "Roboto", Arial, sans-serif;
      font-weight: 200;
      position: relative; }
      .section-title strong:before, .section-title strong:after {
        content: '';
        display: block;
        width: 8%;
        height: 0.125rem;
        position: relative;
        top: auto;
        left: 50%;
        transform: translateX(-50%);
        margin-top: 0.625rem; }
      .section-title strong:before {
        display: none; }
      .section-title strong:after {
        right: -60%; }
  .title--curls {
    /*margin:0px;
            & span{
            padding:0 rem-calc(50);
            font-size:rem-calc(32);
            line-height:1.0em;
        }*/ }
    .title--curls span {
      font-size: 2rem;
      line-height: 1.1em;
      padding: 0px; }
      .title--curls span:before, .title--curls span:after {
        display: none; }
  .title--line-through span {
    padding: 0px; }
    .title--line-through span:before, .title--line-through span:after {
      display: none; } }

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .section-title {
    font-size: 1.5rem; }
    .section-title strong {
      font-family: "Roboto", Arial, sans-serif;
      font-weight: 200;
      position: relative; }
      .section-title strong:before, .section-title strong:after {
        content: '';
        display: block;
        width: 8%;
        height: 0.125rem;
        position: relative;
        top: auto;
        left: 50%;
        transform: translateX(-50%);
        margin-top: 0.625rem; }
      .section-title strong:before {
        display: none; }
      .section-title strong:after {
        right: -60%; } }

.title.title--big {
  font-size: 28px; }
  @media only screen and (min-width: 40.0625em) {
    .title.title--big {
      font-size: 36px; } }

p.landing-subtitle {
  font-weight: 500;
  font-size: 18px;
  color: #000000; }

body {
  font-family: "Roboto", Arial, sans-serif;
  font-weight: normal; }

p {
  font-family: "Roboto", Arial, sans-serif;
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.6;
  color: rgba(66, 66, 66, 0.8); }

small {
  font-size: 0.75rem !important;
  color: rgba(66, 66, 66, 0.6); }

h1, h2, h3, h4, h5, h6 {
  font-family: "Roboto", Arial, sans-serif; }

.white {
  color: #FFFFFF; }

.medium-lighter {
  opacity: 0.75; }

.lighter {
  opacity: 0.5; }

time {
  display: block;
  font-size: 0.875rem; }

.page-intro {
  margin: 1.875rem auto; }
  .page-intro__dark-bg {
    color: #cccccc; }

.size-11 {
  font-size: 0.6875rem; }

.size-12 {
  font-size: 0.75rem; }

.size-13 {
  font-size: 0.8125rem; }

.size-14 {
  font-size: 0.875rem; }

.size-15 {
  font-size: 0.9375rem; }

.size-16 {
  font-size: 1rem;
  line-height: 1.4em; }

.size-18 {
  font-size: 1.125rem; }

.size-20 {
  font-size: 1.25rem; }

.size-22 {
  font-size: 1.375rem; }

.size-24 {
  font-size: 1.5rem; }

.size-26 {
  font-size: 1.625rem; }

.size-28 {
  font-size: 1.75rem; }

.size-30 {
  font-size: 1.875rem; }

.size-36 {
  font-size: 2.25rem; }

.size-42 {
  font-size: 2.625rem; }

.size-48 {
  font-size: 3rem; }

/* Typography */
.standard-title, .main-title, .small-title {
  font-family: "Roboto", Arial, sans-serif;
  font-weight: normal;
  color: #030101;
  line-height: 1.3; }

.main-title {
  font-weight: normal;
  font-size: 2.25rem !important; }
  @media only screen and (min-width: 40.0625em) {
    .main-title {
      font-size: 3.25rem; } }

.small-title {
  font-weight: normal;
  font-size: 1.125rem; }

.type-title, .type-subtitle {
  text-transform: uppercase;
  line-height: 1;
  font-family: "Roboto", Arial, sans-serif;
  font-weight: normal;
  font-size: 1.625rem !important; }

.type-subtitle {
  font-size: 1.125rem; }

.icon-standard {
  position: relative; }
  .icon-standard__wrapper {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 20px; }
    .icon-standard__wrapper li {
      padding: 0 10px; }
      .icon-standard__wrapper li:first-child {
        border-right: 1px solid #dcdcdc; }
    .icon-standard__wrapper + .second-color {
      margin-bottom: 0; }
    .icon-standard__wrapper.product-detail-form {
      margin-top: 35px;
      margin-bottom: 15px; }
  .icon-standard:after {
    content: "";
    display: block;
    width: 1.375rem;
    height: 1.375rem;
    position: absolute;
    top: 50%;
    left: auto;
    right: 0px !important;
    transform: translateY(-50%); }
  .icon-standard--phone:after {
    background: url("../images/spritesheet/phone.svg") no-repeat 50% 50%;
    background-size: contain; }
  .icon-standard--mail:after {
    background: url("../images/spritesheet/mail-green.svg") no-repeat 50% 50%;
    background-size: contain; }
  .icon-standard--mail {
    color: #64DD17 !important; }
  .icon-standard--whatsapp:after {
    background: url("../images/spritesheet/whatsapp-logo.svg") no-repeat 50% 50%;
    background-size: contain; }
  .icon-standard--whatsapp {
    color: #25d366 !important; }
  .icon-standard--left {
    padding-right: 0.625rem !important;
    padding-left: 2.5rem !important; }
    .icon-standard--left:after {
      right: auto;
      left: 0.625rem !important; }

.main-slider {
  transition: all 700ms;
  min-height: 26.25rem;
  background: #030101;
  position: relative;
  /* & picture:after{
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background: rgba(0,0,0,0.1);
  z-index: 2;
}*/ }
  .main-slider__tuning, .main-slider__outlet {
    min-height: 0 !important; }
  .main-slider figure {
    position: relative;
    display: block;
    overflow: hidden; }
    .main-slider figure img {
      width: 100%; }
    .main-slider figure figcaption {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 50;
      width: 70%; }
      .main-slider figure figcaption .caption-inner {
        display: inline-block;
        max-width: 39%; }
      .main-slider figure figcaption h2 {
        font-size: 2.625rem;
        line-height: 1.2em;
        text-transform: uppercase;
        margin: 0 0 0.9375rem;
        color: #FFFFFF;
        font-family: "Roboto", Arial, sans-serif;
        font-weight: 600; }
      .main-slider figure figcaption h3 {
        font-size: 1.875rem;
        line-height: 2.25rem;
        color: #FFFFFF; }
      .main-slider figure figcaption p {
        color: #FFFFFF;
        font-weight: 300; }
      .main-slider figure figcaption.left {
        text-align: left;
        padding-left: 1.875rem; }
      .main-slider figure figcaption.center {
        text-align: center; }
      .main-slider figure figcaption.right {
        text-align: right;
        padding-right: 1.875rem; }
      .main-slider figure figcaption .button {
        margin-top: 0;
        font-size: 0.8125rem;
        padding: 0.8125rem 1.25rem;
        border: 0.0625rem solid #FFFFFF; }
        .main-slider figure figcaption .button:hover {
          color: #FFFFFF;
          border: 0.0625rem solid transparent; }
  .main-slider__outlet figure figcaption .caption-inner {
    max-width: 60%; }
  .main-slider .slick-dots {
    list-style: none;
    width: 100%;
    background: transparent;
    margin: 0px;
    padding: 0px 2%;
    z-index: 20;
    text-align: center;
    position: absolute;
    bottom: 0px;
    left: 0px; }
  .main-slider .slick-dots li {
    display: inline-block;
    margin: 0px;
    padding: 0px; }
  .main-slider .slick-dots li button {
    margin: 0px;
    padding: 2.1875rem 0.9375rem;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0px;
    background: transparent;
    outline: none; }
  .main-slider .slick-dots li button:before {
    content: '';
    width: 0.875rem;
    height: 0.875rem;
    background: #030101;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%; }
  .main-slider .slick-dots li button:before {
    background: #030101;
    border: 0.25rem solid #030101; }
  .main-slider .slick-dots li.slick-active button:before {
    background: #00BFB3; }
  .main-slider .slick-prev,
  .main-slider .slick-next {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0px;
    padding: 0;
    width: 3.75rem;
    height: 3.75rem;
    display: block;
    outline: none;
    z-index: 20;
    opacity: 0.5;
    transition: all 300ms ease-out; }
    .main-slider .slick-prev:hover, .main-slider .slick-prev:link, .main-slider .slick-prev:active, .main-slider .slick-prev:focus,
    .main-slider .slick-next:hover,
    .main-slider .slick-next:link,
    .main-slider .slick-next:active,
    .main-slider .slick-next:focus {
      opacity: 1; }
  .main-slider .slick-prev {
    left: 1.875rem;
    background: url(../images/spritesheet/arrow-left_thin_2.svg) no-repeat 50% 50%;
    background-size: contain; }
  .main-slider .slick-next {
    right: 1.875rem;
    background: url(../images/spritesheet/arrow-right_thin_2.svg) no-repeat 50% 50%;
    background-size: contain; }

@media only screen and (max-width: 40em) {
  .main-slider {
    min-height: 8.75rem;
    background: #FFFFFF;
    border-bottom: 0.0625rem solid rgba(66, 66, 66, 0.25); }
    .main-slider figure picture:after {
      display: none; }
    .main-slider figure img {
      width: 100%; }
    .main-slider figure figcaption {
      transform: translate(0, 0);
      position: relative;
      float: left;
      transform: none;
      top: none;
      left: 0;
      width: 100%;
      padding: 0.9375rem 0.9375rem 0; }
      .main-slider figure figcaption .caption-inner {
        display: inline-block;
        max-width: 100%; }
      .main-slider figure figcaption h2 {
        font-size: 2.25rem;
        line-height: 2.4375rem;
        margin: 0 0 0.4375rem;
        color: #424242; }
      .main-slider figure figcaption h3 {
        font-size: 1.125rem;
        line-height: 1.375rem;
        color: #fff;
        font-family: "Roboto", Arial, sans-serif; }
      .main-slider figure figcaption.left, .main-slider figure figcaption.center, .main-slider figure figcaption.right {
        text-align: center; }
      .main-slider figure figcaption .button {
        color: gray;
        border-color: gray;
        border-width: 0.125rem;
        font-size: 0.6875rem;
        padding: 0.625rem 1.25rem; }
        .main-slider figure figcaption .button:hover {
          color: #FFFFFF; }
    .main-slider .slick-dots {
      position: static;
      bottom: auto;
      left: auto; }
    .main-slider .slick-dots li button {
      padding-top: 1.5625rem;
      padding-bottom: 1.5625rem; }
    .main-slider .slick-dots li button:before {
      content: '';
      width: 0.5rem;
      height: 0.5rem;
      background: #333333 !important;
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      border-radius: 50%; }
    .main-slider .slick-dots li button:before {
      background: #030101;
      border: 0.0625rem solid transparent; }
    .main-slider .slick-dots li.slick-active button:before {
      background: #00BFB3 !important; }
    .main-slider__outlet figure figcaption {
      background: #e76000;
      max-width: 100%; }
      .main-slider__outlet figure figcaption .caption-inner {
        max-width: 100%; }
        .main-slider__outlet figure figcaption .caption-inner h2 {
          color: #FFFFFF; } }

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .main-slider {
    background: #FFFFFF;
    border-bottom: 0.0625rem solid rgba(66, 66, 66, 0.2); }
    .main-slider figure picture:after {
      display: none; }
    .main-slider figure img {
      width: 100%; }
    .main-slider figure figcaption {
      transform: translate(0, 0);
      position: relative;
      float: left;
      transform: none;
      top: none;
      left: 0;
      width: 100%;
      padding: 1.875rem 0.9375rem 0; }
      .main-slider figure figcaption .caption-inner {
        display: inline-block;
        max-width: 100%; }
      .main-slider figure figcaption h2 {
        font-size: 2.25rem;
        line-height: 2.4375rem;
        margin: 0 0 0.4375rem;
        color: #00BFB3; }
      .main-slider figure figcaption h3 {
        font-size: 1.125rem;
        line-height: 1.375rem;
        color: #fff;
        font-family: "Roboto", Arial, sans-serif; }
      .main-slider figure figcaption.left, .main-slider figure figcaption.center, .main-slider figure figcaption.right {
        text-align: center; }
      .main-slider figure figcaption .button {
        color: gray;
        border-color: gray;
        font-size: 0.6875rem;
        padding: 0.625rem 1.25rem; }
        .main-slider figure figcaption .button:hover {
          color: #FFFFFF; }
    .main-slider .slick-dots {
      position: static;
      bottom: auto;
      left: auto; }
    .main-slider .slick-dots li button {
      padding-top: 1.5625rem;
      padding-bottom: 1.5625rem; }
    .main-slider .slick-dots li button:before {
      content: '';
      width: 0.5rem;
      height: 0.5rem;
      background: #333333 !important;
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      border-radius: 50%; }
    .main-slider .slick-dots li button:before {
      background: #030101;
      border: 0.0625rem solid transparent; }
    .main-slider .slick-dots li.slick-active button:before {
      background: #00BFB3 !important; }
    .main-slider__outlet figure figcaption {
      background: #e76000;
      max-width: 100%; }
      .main-slider__outlet figure figcaption .caption-inner {
        max-width: 100%; }
        .main-slider__outlet figure figcaption .caption-inner h2 {
          color: #FFFFFF; } }

/*@media only screen and (min-width:64.0625em) {
.main-slider{
min-height: rem-calc(710);
}
}*/
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .main-slider {
    min-height: 23.75rem; }
    .main-slider figure figcaption {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 50;
      width: 80%; }
      .main-slider figure figcaption .caption-inner {
        display: inline-block;
        max-width: 65%; }
      .main-slider figure figcaption h2 {
        font-size: 3.75rem;
        line-height: 3.75rem;
        margin: 0 0 0.4375rem;
        color: #FFFFFF; }
      .main-slider figure figcaption h3 {
        font-size: 1.25rem;
        line-height: 1.5rem;
        color: #030101;
        font-family: "Roboto", Arial, sans-serif; }
      .main-slider figure figcaption .button {
        margin-top: 0.625rem;
        font-size: 0.8125rem;
        letter-spacing: 0;
        padding: 0.625rem 1.25rem;
        color: #FFFFFF;
        border-color: #FFFFFF;
        opacity: 1; }
        .main-slider figure figcaption .button:hover {
          color: #FFFFFF; }
    .main-slider .slick-dots {
      position: absolute;
      bottom: 60px;
      left: auto;
      display: none !important; }
    .main-slider__tuning, .main-slider__outlet {
      max-height: 23.75rem;
      min-height: 0 !important; }
      .main-slider__tuning h2 span, .main-slider__outlet h2 span {
        font-size: 2.25rem;
        line-height: 2.25rem; }
    .main-slider__outlet {
      max-height: 23.75rem;
      min-height: 0 !important; }
      .main-slider__outlet h2 span {
        font-size: 2.25rem;
        line-height: 2.25rem; }
      .main-slider__outlet__outlet figure figcaption .caption-inner {
        max-width: 60%; } }

.product-slider a {
  display: block; }
  .product-slider a figure {
    position: relative;
    display: block;
    overflow: hidden;
    text-align: center;
    transition: all 300ms ease-out; }
    .product-slider a figure img {
      float: none;
      display: inline-block; }
    .product-slider a figure:before {
      content: '';
      width: 2.625rem;
      height: 2.625rem;
      display: block;
      background: url(../images/spritesheet/magnify_white.svg) no-repeat 50% 50%;
      background-size: contain;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      transition: all 300ms ease-out;
      z-index: 20;
      opacity: 0; }
    .product-slider a figure:after {
      content: '';
      background: rgba(92, 107, 108, 0.15);
      display: block;
      margin: auto;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      transition: all 300ms ease-out;
      opacity: 0;
      z-index: 10; }
  .product-slider a:hover figure:before, .product-slider a:hover figure:after {
    opacity: 1; }

.product-slider .slick-dots {
  list-style: none;
  width: 100%;
  background: transparent;
  margin: -1.875rem 0 0 0;
  padding: 0px 2%;
  z-index: 20;
  text-align: center;
  position: static;
  bottom: auto;
  left: auto; }

.product-slider .slick-dots li {
  display: inline-block;
  margin: 0px;
  padding: 0px; }

.product-slider .slick-dots li button {
  margin: 0px;
  padding: 2.1875rem 0.9375rem;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0px;
  background: transparent;
  outline: none; }

.product-slider .slick-dots li button:before {
  content: '';
  width: 0.625rem;
  height: 0.625rem;
  background: #030101;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%; }

.product-slider .slick-dots li button:before {
  background: #da8f8f;
  border: 0 solid #030101; }

.product-slider .slick-dots li.slick-active button:before {
  background: #030101; }

.product-slider-nav a {
  border: 0.0625rem solid transparent;
  display: block;
  margin: 0 0 0;
  padding: 0 0;
  overflow: hidden;
  transition: all 300ms ease-out; }
  .product-slider-nav a:hover {
    border: 0.0625rem solid transparent;
    opacity: 0.8 !important; }

.product-slider-nav .slick-list {
  padding: 1.25rem 0px !important; }

.product-slider-nav .slick-track {
  padding: 0px 0 !important; }

.product-slider-nav .slick-center a {
  border: 0.0625rem solid rgba(0, 191, 179, 0.7);
  opacity: 1; }

.product-slider-nav {
  position: relative;
  margin-top: 0.125rem;
  padding: 0 1.75rem; }
  .product-slider-nav .slick-prev,
  .product-slider-nav .slick-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0px;
    transition: all 300ms ease-out;
    width: 2.1875rem;
    height: 2.1875rem;
    padding: 0;
    outline: none;
    opacity: 0.6; }
  .product-slider-nav button.slick-prev {
    left: -0.9375rem !important;
    background: url(../images/spritesheet/arrow-left_thin.svg) no-repeat 50% 50% #fff;
    background-size: contain; }
  .product-slider-nav button.slick-next {
    right: -0.9375rem !important;
    background: url(../images/spritesheet/arrow-right_thin.svg) no-repeat 50% 50% #fff;
    background-size: contain; }
  .product-slider-nav button:hover {
    opacity: 1; }
  .product-slider-nav .slick-slide {
    margin: 0 0.0625rem; }

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .product-slider-nav a {
    border: 0.0625rem solid transparent;
    display: block;
    margin: 0 0 0;
    padding: 0 0;
    overflow: hidden;
    text-align: center; }
    .product-slider-nav a img {
      display: inline-block; } }

.related-slider {
  margin-top: 0.9375rem;
  margin-bottom: 3.75rem;
  padding: 0 4.375rem 0 !important; }
  .related-slider * {
    outline: none; }
  .related-slider div {
    margin: 0 0px;
    padding-top: 0.625rem; }
  .related-slider figure {
    text-align: center;
    position: relative;
    width: 100%; }
    .related-slider figure picture {
      display: block;
      text-align: center;
      border-radius: 100%;
      position: relative;
      transition: all 300ms ease-out; }
      .related-slider figure picture img {
        transition: all 300ms ease-out; }
    .related-slider figure figcaption {
      text-align: center;
      font-family: "Roboto", Arial, sans-serif;
      font-size: 1rem;
      color: #030101;
      line-height: 1.3em;
      margin-top: -0.625rem;
      padding: 0 1.875rem; }
      .related-slider figure figcaption div[class*="price"] {
        margin: 0px;
        padding: 0px; }
  .related-slider a:hover picture img {
    opacity: 0.8; }
  .related-slider a:hover figcaption {
    color: black; }
  .related-slider .slick-dots {
    list-style: none;
    width: 100%;
    background: transparent;
    margin: 0px;
    padding: 0px 2%;
    z-index: 20;
    text-align: center;
    position: static;
    bottom: auto;
    left: auto; }
  .related-slider .slick-dots li {
    display: inline-block;
    margin: 0px;
    padding: 0px; }
  .related-slider .slick-dots li button {
    margin: 0px;
    padding: 2.1875rem 0.9375rem;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0px;
    background: transparent;
    outline: none; }
  .related-slider .slick-dots li button:before {
    content: '';
    width: 0.875rem;
    height: 0.875rem;
    background: #030101;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%; }
  .related-slider .slick-dots li button:before {
    background: #030101;
    border: 0.25rem solid #030101; }
  .related-slider .slick-dots li.slick-active button:before {
    background: #00BFB3; }
  .related-slider .slick-prev,
  .related-slider .slick-next {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0px;
    padding: 0;
    width: 3.75rem;
    height: 3.75rem;
    display: block;
    outline: none;
    z-index: 20;
    opacity: 0.35;
    transition: all 300ms ease-out; }
    .related-slider .slick-prev:hover, .related-slider .slick-prev:link, .related-slider .slick-prev:active, .related-slider .slick-prev:focus,
    .related-slider .slick-next:hover,
    .related-slider .slick-next:link,
    .related-slider .slick-next:active,
    .related-slider .slick-next:focus {
      opacity: 1; }
  .related-slider .slick-prev {
    left: 0;
    background: url(../images/spritesheet/arrow-left_thin.svg) no-repeat 50% 50%;
    background-size: contain; }
  .related-slider .slick-next {
    right: 0;
    background: url(../images/spritesheet/arrow-right_thin.svg) no-repeat 50% 50%;
    background-size: contain; }
  .related-slider .caratteristiche {
    text-align: center !important;
    /*white-space: nowrap;*/
    line-height: 15px;
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
    text-align: center; }
    .related-slider .caratteristiche li {
      display: inline-block;
      margin: 0px 0.125rem;
      padding: 0px;
      margin-bottom: 4px; }
    .related-slider .caratteristiche li span {
      display: inline-block;
      padding: 0.125rem 0.5rem 0.0625rem;
      color: #FFFFFF;
      font-size: 0.5625rem;
      font-weight: 600;
      text-transform: uppercase; }
    .related-slider .caratteristiche--shoulder {
      background: #030101; }
    .related-slider .caratteristiche--wheeled {
      background: #030101; }
    .related-slider .caratteristiche--cabin {
      background: #030101; }

@media only screen and (max-width: 40em) {
  .related-slider {
    margin-bottom: 0.9375rem;
    padding: 0 0.9375rem 0 !important; }
    .related-slider * {
      outline: none; }
    .related-slider div {
      margin: 0 0px;
      padding-top: 0.625rem; }
    .related-slider figure {
      text-align: center;
      position: relative;
      width: 100%; }
      .related-slider figure picture {
        display: block;
        text-align: center;
        border-radius: 100%;
        position: relative;
        transition: all 300ms ease-out; }
        .related-slider figure picture img {
          transition: all 300ms ease-out; }
      .related-slider figure figcaption {
        text-align: center;
        font-family: "Roboto", Arial, sans-serif;
        font-size: 1rem;
        color: #030101;
        line-height: 1.3em;
        margin-top: -0.625rem;
        padding: 0.9375rem 1.875rem; }
        .related-slider figure figcaption div[class*="price"] {
          margin: 0px;
          padding: 0px; }
    .related-slider .slick-dots li button {
      padding-top: 1.5625rem;
      padding-bottom: 1.5625rem; }
    .related-slider .slick-dots li button:before {
      content: '';
      width: 0.5rem;
      height: 0.5rem;
      background: #333333 !important;
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      border-radius: 50%; }
    .related-slider .slick-dots li button:before {
      background: #030101;
      border: 0.0625rem solid transparent; }
    .related-slider .slick-dots li.slick-active button:before {
      background: #00BFB3 !important; } }

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .related-slider {
    margin-top: 0.9375rem;
    margin-bottom: 3.75rem;
    padding: 0 4.375rem 0 !important; }
    .related-slider * {
      outline: none; }
    .related-slider div {
      margin: 0 0px;
      padding-top: 0.625rem; }
    .related-slider figure {
      text-align: center;
      position: relative;
      width: 100%; }
      .related-slider figure picture {
        display: block;
        text-align: center;
        border-radius: 100%;
        position: relative;
        transition: all 300ms ease-out; }
        .related-slider figure picture img {
          transition: all 300ms ease-out; }
      .related-slider figure figcaption {
        text-align: center;
        font-family: "Roboto", Arial, sans-serif;
        font-size: 1rem;
        color: #030101;
        line-height: 1.3em;
        margin-top: -0.625rem;
        padding: 0 1.875rem; }
        .related-slider figure figcaption div[class*="price"] {
          margin: 0px;
          padding: 0px; }
    .related-slider a:hover picture img {
      opacity: 0.8; }
    .related-slider a:hover figcaption {
      color: black; }
    .related-slider .slick-dots li button {
      padding-top: 1.5625rem;
      padding-bottom: 1.5625rem; }
    .related-slider .slick-dots li button:before {
      content: '';
      width: 0.5rem;
      height: 0.5rem;
      background: #333333 !important;
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      border-radius: 50%; }
    .related-slider .slick-dots li button:before {
      background: #030101;
      border: 0.0625rem solid transparent; }
    .related-slider .slick-dots li.slick-active button:before {
      background: #00BFB3 !important; } }

.news-slider {
  margin-top: 0;
  margin-bottom: 4rem;
  padding: 0 0 0 !important; }
  .news-slider .slick-slide {
    position: relative; }
  .news-slider * {
    outline: none; }
  .news-slider div {
    margin: 0 0px;
    padding-top: 0 !important; }
  .news-slider figure {
    text-align: center;
    position: relative;
    width: 100%;
    display: block;
    overflow: hidden; }
    .news-slider figure picture {
      padding-top: 66.45%;
      display: block;
      text-align: center;
      position: relative;
      max-height: 500px;
      overflow: hidden;
      transition: all 300ms ease-out; }
      @media only screen and (min-width: 90.0625em) {
        .news-slider figure picture {
          padding-top: 0; } }
      .news-slider figure picture img {
        transition: all 300ms ease-out;
        width: 100%;
        position: absolute;
        left: 0;
        top: 0; }
        @media only screen and (min-width: 90.0625em) {
          .news-slider figure picture img {
            position: relative; } }
      .news-slider figure picture:after {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.25);
        z-index: 2;
        transition: all 300ms ease-out; }
      .news-slider figure picture:hover:after {
        background: rgba(0, 0, 0, 0.5); }
    .news-slider figure figcaption {
      position: absolute;
      top: 50%;
      left: 50%;
      text-align: center;
      font-size: 1.125rem;
      line-height: 1.3em;
      padding: 0 0;
      transform: translate(-50%, -50%);
      z-index: 3; }
      .news-slider figure figcaption h2 {
        font-size: 1.5rem;
        font-family: "Roboto", Arial, sans-serif;
        line-height: 1.2em;
        font-weight: 500;
        color: #FFFFFF;
        text-transform: uppercase; }
      .news-slider figure figcaption div[class*="price"] {
        margin: 0px;
        padding: 0px; }
    .news-slider figure + figcaption {
      position: absolute;
      bottom: 10%;
      left: 50%;
      transform: translateX(-50%);
      z-index: 50;
      width: 90%; }
      .news-slider figure + figcaption .caption-inner {
        display: inline-block;
        max-width: 39%; }
      .news-slider figure + figcaption h2 {
        font-size: 1.75rem;
        line-height: 1.2em;
        text-transform: uppercase;
        margin: 0 0 0.9375rem;
        color: #FFFFFF;
        font-family: "Roboto", Arial, sans-serif;
        font-weight: 600; }
        @media only screen and (min-width: 90.0625em) {
          .news-slider figure + figcaption h2 {
            font-size: 2.625rem; } }
      .news-slider figure + figcaption h3 {
        font-size: 1.875rem;
        line-height: 2.25rem;
        color: #FFFFFF; }
      .news-slider figure + figcaption p {
        color: #FFFFFF;
        font-weight: 300; }
      .news-slider figure + figcaption.left {
        text-align: left;
        padding-left: 1.875rem; }
      .news-slider figure + figcaption.center {
        text-align: center; }
      .news-slider figure + figcaption.right {
        text-align: right;
        padding-right: 1.875rem; }
      .news-slider figure + figcaption .button {
        margin-top: 0;
        font-size: 0.8125rem;
        padding: 0.8125rem 1.25rem;
        border: 0.0625rem solid #FFFFFF; }
        .news-slider figure + figcaption .button:hover {
          color: #FFFFFF;
          border: 0.0625rem solid transparent; }
  .news-slider a:hover picture img {
    opacity: 0.8; }
  .news-slider a:hover figcaption {
    color: black; }
  .news-slider .slick-dots {
    list-style: none;
    width: 100%;
    background: transparent;
    margin: 0px;
    padding: 0px 2%;
    z-index: 20;
    text-align: center;
    /*position:static;
        bottom:auto;*/
    left: auto;
    position: absolute;
    bottom: 0; }
  .news-slider .slick-dots li {
    display: inline-block;
    margin: 0px;
    padding: 0px; }
  .news-slider .slick-dots li button {
    margin: 0px;
    padding: 2.25rem 0.9375rem;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0px;
    background: transparent;
    outline: none; }
  .news-slider .slick-dots li button:before {
    content: '';
    width: 0.625rem;
    height: 0.625rem;
    /*background: $dark-gray;*/
    background: #FFFFFF;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%; }
  .news-slider .slick-dots li button:before {
    /*background:$dark-gray;*/
    background: #FFFFFF;
    /*border:rem-calc(3) solid $dark-gray;*/
    border: 0.1875rem solid #FFFFFF; }
  .news-slider .slick-dots li.slick-active button:before {
    background: rgba(0, 191, 179, 0.15); }
  .news-slider .slick-prev,
  .news-slider .slick-next {
    position: absolute;
    top: 50%;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0px;
    padding: 0;
    width: 3.125rem;
    height: 3.125rem;
    display: block;
    outline: none;
    z-index: 20;
    opacity: 0.55;
    margin: 0;
    transform: translateY(-50%) !important;
    transition: all 300ms ease-out; }
    .news-slider .slick-prev:hover, .news-slider .slick-prev:link, .news-slider .slick-prev:active, .news-slider .slick-prev:focus,
    .news-slider .slick-next:hover,
    .news-slider .slick-next:link,
    .news-slider .slick-next:active,
    .news-slider .slick-next:focus {
      opacity: 1; }
  .news-slider .slick-prev {
    left: 1.875rem;
    background: url(../images/spritesheet/arrow-left_thin_2.svg) no-repeat 50% 50%;
    background-size: contain; }
  .news-slider .slick-next {
    right: 1.875rem;
    background: url(../images/spritesheet/arrow-right_thin_2.svg) no-repeat 50% 50%;
    background-size: contain; }

@media only screen and (max-width: 40em) {
  .news-slider {
    margin-bottom: 0.9375rem;
    padding: 0 0.9375rem 0 !important; }
    .news-slider * {
      outline: none; }
    .news-slider div {
      margin: 0 0px;
      padding-top: 0.625rem; }
    .news-slider figure {
      text-align: center;
      position: relative;
      width: 100%; }
      .news-slider figure picture {
        display: block;
        text-align: center;
        position: relative;
        transition: all 300ms ease-out; }
        .news-slider figure picture img {
          transition: all 300ms ease-out; }
      .news-slider figure figcaption {
        text-align: center;
        font-family: "Roboto", Arial, sans-serif;
        font-size: 1rem;
        color: #030101;
        line-height: 1.3em;
        margin-top: -0.625rem;
        padding: 0.9375rem 1.875rem; }
        .news-slider figure figcaption div[class*="price"] {
          margin: 0px;
          padding: 0px; }
    .news-slider .slick-dots li button {
      padding-top: 1.5625rem;
      padding-bottom: 1.5625rem; }
    .news-slider .slick-dots li button:before {
      content: '';
      width: 0.5rem;
      height: 0.5rem;
      background: #333333 !important;
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      border-radius: 50%; }
    .news-slider .slick-dots li button:before {
      background: #030101;
      border: 0.0625rem solid transparent; }
    .news-slider .slick-dots li.slick-active button:before {
      background: #00BFB3 !important; } }

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .news-slider {
    margin-bottom: 0.9375rem;
    padding: 0 0.9375rem 0 !important; }
    .news-slider div {
      margin: 0 0px;
      padding-top: 0.3125rem; }
    .news-slider figure picture {
      border: 0.125rem solid gray;
      width: 5.3125rem;
      height: 5.3125rem; }
      .news-slider figure picture img {
        width: 80%; }
    .news-slider figure figcaption {
      text-align: center;
      text-transform: uppercase;
      font-family: "Roboto", Arial, sans-serif;
      font-size: 0.6875rem;
      color: #fff;
      line-height: 1.3em;
      margin-top: 0.3125rem;
      padding: 0 0.625rem; }
    .news-slider .slick-dots li button {
      padding-top: 1.5625rem;
      padding-bottom: 1.5625rem; }
    .news-slider .slick-dots li button:before {
      content: '';
      width: 0.5rem;
      height: 0.5rem;
      background: #333333 !important;
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      border-radius: 50%; }
    .news-slider .slick-dots li button:before {
      background: #030101;
      border: 0.0625rem solid transparent; }
    .news-slider .slick-dots li.slick-active button:before {
      background: #00BFB3 !important; } }

.basic-slider {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 0 0 !important; }
  .basic-slider * {
    outline: none; }
  .basic-slider div {
    margin: 0 0px;
    padding-top: 0 !important; }
  .basic-slider figure {
    text-align: center;
    position: relative;
    width: 100%; }
    .basic-slider figure picture {
      display: block;
      text-align: center;
      position: relative;
      max-height: 28.125rem;
      overflow: hidden;
      transition: all 300ms ease-out; }
      .basic-slider figure picture img {
        transition: all 300ms ease-out;
        width: 100%; }
      .basic-slider figure picture:after {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0px;
        background: rgba(0, 0, 0, 0.25); }
    .basic-slider figure figcaption {
      position: absolute;
      top: 50%;
      left: 50%;
      text-align: center;
      font-size: 1.125rem;
      line-height: 1.3em;
      padding: 0 0;
      transform: translate(-50%, -50%);
      z-index: 3; }
      .basic-slider figure figcaption h2 {
        font-size: 1.75rem;
        font-family: "Roboto", Arial, sans-serif;
        line-height: 1.2em;
        font-weight: 400;
        color: #FFFFFF;
        text-transform: uppercase; }
      .basic-slider figure figcaption div[class*="price"] {
        margin: 0px;
        padding: 0px; }
  .basic-slider a:hover picture img {
    opacity: 0.8; }
  .basic-slider a:hover figcaption {
    color: black; }
  .basic-slider .slick-dots {
    list-style: none;
    width: 100%;
    background: transparent;
    margin: 0px;
    padding: 0px 2%;
    z-index: 20;
    text-align: center;
    position: static;
    bottom: auto;
    left: auto; }
  .basic-slider .slick-dots li {
    display: inline-block;
    margin: 0px;
    padding: 0px; }
  .basic-slider .slick-dots li button {
    margin: 0px;
    padding: 2.25rem 0.9375rem;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0px;
    background: transparent;
    outline: none; }
  .basic-slider .slick-dots li button:before {
    content: '';
    width: 0.625rem;
    height: 0.625rem;
    background: #424242;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%; }
  .basic-slider .slick-dots li button:before {
    background: #424242;
    border: 0.1875rem solid #424242; }
  .basic-slider .slick-dots li.slick-active button:before {
    background: rgba(0, 191, 179, 0.15); }
  .basic-slider .slick-prev,
  .basic-slider .slick-next {
    position: absolute;
    top: 50%;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0px;
    padding: 0;
    width: 3.125rem;
    height: 3.125rem;
    display: block;
    outline: none;
    z-index: 20;
    opacity: 0.55;
    margin: 0 0 0 0;
    transform: translateY(-50%) !important;
    transition: all 300ms ease-out; }
    .basic-slider .slick-prev:hover, .basic-slider .slick-prev:link, .basic-slider .slick-prev:active, .basic-slider .slick-prev:focus,
    .basic-slider .slick-next:hover,
    .basic-slider .slick-next:link,
    .basic-slider .slick-next:active,
    .basic-slider .slick-next:focus {
      opacity: 1; }
  .basic-slider .slick-prev {
    left: 0.9375rem;
    background: url(../images/spritesheet/arrow-directional_left.svg) no-repeat 50% 50%;
    background-size: contain; }
  .basic-slider .slick-next {
    right: 0.9375rem;
    background: url(../images/spritesheet/arrow-directional_right.svg) no-repeat 50% 50%;
    background-size: contain; }

@media only screen and (max-width: 40em) {
  .news-slider {
    margin-bottom: 0.9375rem;
    padding: 0 0.9375rem 0 !important; }
    .news-slider * {
      outline: none; }
    .news-slider div {
      margin: 0 0px;
      padding-top: 0.625rem; }
    .news-slider figure {
      text-align: center;
      position: relative;
      width: 100%; }
      .news-slider figure picture {
        display: block;
        text-align: center;
        position: relative;
        transition: all 300ms ease-out; }
        .news-slider figure picture img {
          transition: all 300ms ease-out; }
      .news-slider figure figcaption {
        text-align: center;
        font-family: "Roboto", Arial, sans-serif;
        font-size: 1rem;
        color: #030101;
        line-height: 1.3em;
        margin-top: -0.625rem;
        padding: 0.9375rem 1.875rem; }
        .news-slider figure figcaption div[class*="price"] {
          margin: 0px;
          padding: 0px; }
    .news-slider .slick-dots li button {
      padding-top: 1.5625rem;
      padding-bottom: 1.5625rem; }
    .news-slider .slick-dots li button:before {
      content: '';
      width: 0.5rem;
      height: 0.5rem;
      background: #333333 !important;
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      border-radius: 50%; }
    .news-slider .slick-dots li button:before {
      background: #030101;
      border: 0.0625rem solid transparent; }
    .news-slider .slick-dots li.slick-active button:before {
      background: #00BFB3 !important; } }

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .news-slider {
    margin-bottom: 0.9375rem;
    padding: 0 0.9375rem 0 !important; }
    .news-slider div {
      margin: 0 0px;
      padding-top: 0.3125rem; }
    .news-slider figure picture {
      border: 0.125rem solid gray;
      width: 5.3125rem;
      height: 5.3125rem; }
      .news-slider figure picture img {
        width: 80%; }
    .news-slider figure figcaption {
      text-align: center;
      text-transform: uppercase;
      font-family: "Roboto", Arial, sans-serif;
      font-size: 0.6875rem;
      color: #fff;
      line-height: 1.3em;
      margin-top: 0.3125rem;
      padding: 0 0.625rem; }
    .news-slider .slick-dots li button {
      padding-top: 1.5625rem;
      padding-bottom: 1.5625rem; }
    .news-slider .slick-dots li button:before {
      content: '';
      width: 0.5rem;
      height: 0.5rem;
      background: #333333 !important;
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      border-radius: 50%; }
    .news-slider .slick-dots li button:before {
      background: #030101;
      border: 0.0625rem solid transparent; }
    .news-slider .slick-dots li.slick-active button:before {
      background: #00BFB3 !important; } }

.preload {
  position: relative;
  overflow: hidden;
  display: block; }
  .preload:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 2rem;
    height: 2rem;
    border: solid 0.125rem transparent;
    border-top-color: #00BFB3;
    border-left-color: #00BFB3;
    border-radius: 50%;
    animation: preloader 400ms linear infinite; }

.slick-slider,
.slick-slider figure {
  position: relative;
  z-index: 2; }

@media only screen {
  .preload:before {
    top: 3.4375rem; } }

.breadcrumbs {
  background-color: transparent;
  border: none;
  padding: 1.25rem 0;
  text-align: left; }
  .breadcrumbs .row {
    text-align: left;
    width: 100%; }
  .breadcrumbs--center {
    text-align: center; }
    .breadcrumbs--center .row {
      text-align: center; }

.breadcrumbs a {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 0.6875rem;
  text-transform: none;
  line-height: 1.6;
  color: #b3b3b3;
  text-transform: uppercase;
  transition: all 300ms ease-out; }

.breadcrumbs a:hover {
  color: #424242; }

.breadcrumbs a:hover,
.breadcrumbs div:hover a {
  text-decoration: none; }

.breadcrumbs * {
  margin: 0;
  display: inline; }

.breadcrumbs div:before {
  content: "/";
  color: #b3b3b3;
  margin: 0 .75rem;
  position: relative;
  top: 1px; }

.breadcrumbs a.current {
  color: #b3b3b3;
  cursor: default; }

@media only screen and (max-width: 40em) {
  .breadcrumbs {
    background-color: transparent;
    border: none;
    padding: 0.625rem 0;
    text-align: left; }
    .breadcrumbs .column {
      overflow: visible; }
    .breadcrumbs .row {
      text-align: center;
      width: 100%;
      margin: 0px !important; }
    .breadcrumbs--center {
      text-align: center; }
      .breadcrumbs--center .row {
        text-align: center; }
    .breadcrumbs div:before {
      content: "/";
      opacity: 0.6;
      margin: 0.0625rem; } }

.button {
  color: #FFFFFF;
  background-color: #00BFB3;
  font-size: 0.875rem;
  font-family: "Roboto", Arial, sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
  padding: 0.9375rem 1.875rem;
  letter-spacing: 0.06rem;
  border-radius: 0 !important;
  outline: none !important;
  transition: all 300ms ease-out; }
  .button:hover, .button:focus {
    text-decoration: none; }
  .button--dark-gray {
    background: rgba(66, 66, 66, 0.8) !important; }
    .button--dark-gray:hover {
      background: #424242 !important; }
  .button--medium-gray {
    background: rgba(66, 66, 66, 0.5) !important; }
    .button--medium-gray:hover {
      background: #424242 !important; }
  .button__dark {
    color: #FFFFFF;
    background: #030101;
    border: 0px; }
    .button__dark:hover {
      color: #00BFB3;
      background: #000; }
  .button__secondary {
    color: #030101;
    background: #dcdcdc;
    border: 0px; }
    .button__secondary:hover {
      color: #fff;
      background: #030101; }
  .button__transparent {
    color: rgba(66, 66, 66, 0.7);
    background: transparent;
    border: 0px !important;
    padding: 0.1875rem !important; }
    .button__transparent:hover, .button__transparent:focus, .button__transparent:active {
      color: #030101;
      background: transparent; }
    .button__transparent .icon {
      margin: 0 5px 0;
      font-weight: 100; }
  .button__icon-left {
    margin: 0px;
    padding: 0.625rem 0.9375rem 0.625rem 2.1875rem;
    text-transform: uppercase;
    text-align: right;
    font-weight: 600;
    font-size: 0.75rem;
    position: relative;
    display: inline-block; }
    .button__icon-left svg {
      position: absolute;
      top: 50%;
      left: 0.9375rem;
      width: 1rem;
      height: 1rem;
      margin-top: -0.5rem; }
    .button__icon-left.button--large {
      padding-left: 3.75rem; }
  .button__icon-right {
    margin: 0px;
    padding: 0.9375rem 3.75rem 0.9375rem 1.875rem;
    text-transform: uppercase;
    text-align: left;
    font-weight: 600;
    position: relative;
    display: inline-block; }
    .button__icon-right svg {
      position: absolute;
      top: 50%;
      right: 1.875rem;
      width: 1rem;
      height: 1rem;
      margin-top: -0.5rem; }
    .button__icon-right.button--large {
      padding-right: 3.75rem; }
    .button__icon-right.button--tiny {
      padding-right: 2.1875rem;
      border-width: 0.0625rem !important;
      font-family: "Roboto", Arial, sans-serif;
      font-size: 0.75rem;
      font-weight: 200; }
      .button__icon-right.button--tiny svg {
        right: 0.9375rem;
        width: 0.75rem;
        height: 0.75rem;
        margin-top: -0.375rem; }
  .button__language {
    position: relative;
    padding: 0.9375rem 3.75rem 0.9375rem 1.875rem !important;
    text-align: left;
    font-weight: 600;
    position: relative;
    display: inline-block;
    background: transparent;
    border: 0.125rem solid #030101;
    color: #030101;
    text-transform: none; }
    .button__language:hover, .button__language:focus {
      background: transparent;
      border-color: #00BFB3;
      color: #00BFB3; }
    .button__language-ita:before {
      content: '';
      display: block;
      width: 1.25rem;
      height: 1.25rem;
      background: url(../images/spritesheet/flag-it.svg) no-repeat 50% 50%;
      background-size: contain;
      position: absolute;
      top: 50%;
      right: 1.875rem;
      margin-top: -0.6875rem; }
    .button__language-usa:before {
      content: '';
      display: block;
      width: 1.25rem;
      height: 1.25rem;
      background: url(../images/spritesheet/flag-usa.svg) no-repeat 50% 50%;
      background-size: contain;
      position: absolute;
      top: 50%;
      right: 1.875rem;
      margin-top: -0.6875rem; }
    .button__language-deu:before {
      content: '';
      display: block;
      width: 1.25rem;
      height: 1.25rem;
      background: url(../images/spritesheet/flag-deu.svg) no-repeat 50% 50%;
      background-size: contain;
      position: absolute;
      top: 50%;
      right: 1.875rem;
      margin-top: -0.6875rem; }
    .button__language-fra:before {
      content: '';
      display: block;
      width: 1.25rem;
      height: 1.25rem;
      background: url(../images/spritesheet/flag-fra.svg) no-repeat 50% 50%;
      background-size: contain;
      position: absolute;
      top: 50%;
      right: 1.875rem;
      margin-top: -0.6875rem; }
    .button__language-eng:before {
      content: '';
      display: block;
      width: 1.25rem;
      height: 1.25rem;
      background: url(../images/spritesheet/flag-uk.svg) no-repeat 50% 50%;
      background-size: contain;
      position: absolute;
      top: 50%;
      right: 1.875rem;
      margin-top: -0.6875rem; }
    .button__language-other:before {
      content: '';
      display: block;
      width: 1.25rem;
      height: 1.25rem;
      background: url(../images/spritesheet/world-2-positive.svg) no-repeat 50% 50%;
      background-size: contain;
      position: absolute;
      top: 50%;
      right: 1.875rem;
      margin-top: -0.6875rem; }
  .button--outline {
    background: transparent;
    border: 0.125rem solid #030101;
    color: #030101;
    font-weight: 600; }
    .button--outline:hover {
      background: #00BFB3;
      border-color: #00BFB3;
      color: #FFFFFF; }
    .button--outline.white-hover:hover {
      background: #FFFFFF; }
    .button--outline--red {
      border: 0.1875rem solid #00BFB3;
      color: #00BFB3; }
  .button--outline--inverted {
    background: transparent;
    border: 0.1875rem solid #fff;
    color: #fff; }
    .button--outline--inverted:hover {
      background: #00BFB3;
      color: black;
      border-color: transparent; }
      .button--outline--inverted:hover svg {
        fill: #030101; }
    .button--outline--inverted svg {
      fill: #fff; }
  .button--outline--gray {
    background: transparent;
    border: 0.125rem solid #bababa;
    color: #bababa; }
    .button--outline--gray:hover {
      background: #00BFB3;
      border-color: #00BFB3;
      color: #FFFFFF; }
  .button--outline--darkgray {
    background: transparent;
    border: 0.0625rem solid rgba(66, 66, 66, 0.5) !important;
    color: rgba(66, 66, 66, 0.7); }
    .button--outline--darkgray:hover {
      background: rgba(66, 66, 66, 0.7);
      border-color: transparent !important;
      color: #FFFFFF; }
  .button--rounded {
    border-radius: 1.875rem !important; }
  .button--tiny {
    font-size: 0.8125rem;
    letter-spacing: 0;
    padding: 0.625rem 1.25rem;
    text-transform: none;
    font-family: "Roboto", Arial, sans-serif; }
    .button--tiny.button--outline {
      border-width: 0.0625rem; }
  .button--medium {
    font-size: 0.8125rem;
    letter-spacing: 0;
    padding: 0.625rem 1.25rem;
    text-transform: none;
    font-family: "Roboto", Arial, sans-serif;
    text-transform: uppercase; }
    .button--medium.button--outline {
      border-width: 0.0625rem; }
  .button--large {
    padding: 1.25rem 1.875rem !important; }
  .button--small {
    padding: 0.625rem 0.9375rem;
    border-width: 0.0625rem;
    font-size: 0.75rem;
    font-family: "Roboto", Arial, sans-serif; }
  .button--normalize {
    text-transform: none;
    letter-spacing: normal; }

.button-group span[class*="fi-"] {
  margin-right: 0.4375rem; }

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .button-group {
    margin-top: 15px; }
    .button-group a {
      margin-bottom: 0px !important; } }

@media only screen and (max-width: 40em) {
  .button-group,
  .button-group li {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important; }
  .button-group a {
    margin-bottom: 0px !important; } }

.button--ready {
  background: #f1b200 !important;
  color: #000; }
  .button--ready:hover {
    background-color: #000; }

.fancybox-inner {
  padding: 0.9375rem 0; }

.fancybox-skin {
  background: #fff; }

/*
Item name: Flexy Menu - Responsive Horizontal & Vertical Menu
Item Url: http://codecanyon.net/item/flexy-menu-responsive-horizontal-vertical-menu/5059149
Author: marcoarib
License: http://codecanyon.net/licenses
*/
/*@import "/Media/styles/flexymenu/font-awesome.css";*/
/*@import url('http://fonts.googleapis.com/css?family=Source+Sans+Pro');*/
/*******************************************************************************
Default configuration
*******************************************************************************/
.flexy-menu {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  float: left;
  font-family: "Source Sans Pro", Segoe UI, Arial;
  list-style: none;
  background: #333333; }

.flexy-menu li {
  display: inline-block;
  font-size: 13px;
  margin: 0;
  padding: 0;
  float: left;
  line-height: 20px;
  position: relative; }

.flexy-menu > li > a {
  padding: 20px 22px;
  color: #ccc;
  text-decoration: none;
  display: block;
  text-transform: uppercase;
  -webkit-transition: color 0.2s linear, background 0.2s linear;
  -moz-transition: color 0.2s linear, background 0.2s linear;
  -o-transition: color 0.2s linear, background 0.2s linear;
  transition: color 0.2s linear, background 0.2s linear; }

.flexy-menu li:hover > a,
.flexy-menu li.active > a {
  background: #555;
  color: #fff; }

/*----------------------------
Right alignment (item)
----------------------------*/
.flexy-menu li.right {
  float: right; }

/*-----------------------------
Drop down configuration
-----------------------------*/
.flexy-menu ul,
.flexy-menu ul li ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: none;
  position: absolute;
  z-index: 99999;
  width: 132px;
  background: #333333;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); }

.flexy-menu ul {
  top: 60px;
  left: 0; }

.flexy-menu ul li ul {
  top: 0;
  left: 100%; }

.flexy-menu ul li {
  clear: both;
  width: 100%;
  border: none;
  font-size: 12px; }

.flexy-menu ul li a {
  padding: 10px 20px;
  width: 100%;
  color: #dedede;
  font-size: 13px;
  text-decoration: none;
  display: inline-block;
  float: left;
  clear: both;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-transition: color 0.2s linear, background 0.2s linear;
  -moz-transition: color 0.2s linear, background 0.2s linear;
  -o-transition: color 0.2s linear, background 0.2s linear;
  transition: color 0.2s linear, background 0.2s linear; }

/*-----------------------------
Drop down indicators
-----------------------------*/
.flexy-menu > li .indicator {
  position: absolute;
  color: #dedede;
  top: 20px;
  right: 8px;
  font-size: 17px; }

.flexy-menu ul > li .indicator {
  top: 10px;
  right: 8px; }

/*------------------
Preset sizes
------------------*/
.thin > li > a {
  padding: 10px 22px; }

.thin ul {
  top: 40px; }

.thin > li .indicator {
  top: 10px; }

.thick > li > a {
  padding: 40px 22px; }

.thick ul {
  top: 100px; }

.thick > li .indicator {
  top: 40px; }

/*-------------------------
Icons configuration
-------------------------*/
.flexy-menu i {
  line-height: 20px !important;
  margin-right: 6px;
  font-size: 18px;
  float: left; }

/*------------------------------------
Collapsible menu configuration
------------------------------------*/
.flexy-menu > li.showhide {
  display: none;
  width: 100%;
  height: 50px;
  cursor: pointer;
  color: #dedede;
  border-bottom: solid 0px rgba(0, 0, 0, 0.1);
  background: #333333; }

.flexy-menu > li.showhide span.title {
  margin: 16px 0 0 25px;
  float: left; }

.flexy-menu > li.showhide span.icon {
  margin: 17px 20px;
  float: right; }

.flexy-menu > li.showhide .icon em {
  margin-bottom: 3px;
  display: block;
  width: 20px;
  height: 2px;
  background: #ccc; }

/*-----------------
Light Theme
-----------------*/
.light {
  background: #fff;
  border: solid 1px #dfdfdf; }

.light a {
  color: #555 !important; }

.light li:hover > a, .light li.active a {
  background: #555;
  color: #fff !important; }

.light ul, .light ul li ul {
  background: #fff; }

.light > li.showhide {
  background: #fff;
  color: #555 !important; }

.light > li.showhide .icon em {
  background: #555; }

.light li .indicator {
  color: #555; }

.light li:hover > .indicator {
  color: #fff; }

/*------------
Colors
------------*/
.blue li:hover > a, .blue li.active > a {
  background: #02B8FA;
  color: #fff !important; }

.green li:hover > a, .green li.active > a {
  background: #88C425;
  color: #fff !important; }

.red li:hover > a, .red li.active > a {
  background: #cf0404;
  color: #fff !important; }

.orange li:hover > a, .orange li.active > a {
  background: #ff670f;
  color: #fff !important; }

.yellow li:hover > a, .yellow li.active > a {
  background: #febf01;
  color: #444 !important; }

.yellow li .indicator {
  color: #dedede; }

.yellow li:hover > .indicator {
  color: #444; }

.yellow.light li .indicator {
  color: #555; }

.purple li:hover > a, .purple li.active > a {
  background: #A737FA;
  color: #fff !important; }

.pink li:hover > a, .pink li.active > a {
  background: #f82b4c;
  color: #fff !important; }

/*******************************************************************************
Vertical configuration
*******************************************************************************/
.flexy-menu.vertical {
  width: 200px; }

.flexy-menu.vertical li {
  width: 100%; }

.flexy-menu.vertical li a {
  display: inline-block !important;
  width: 100%;
  padding: 18px 20px 16px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

.flexy-menu.vertical ul li {
  width: 100%; }

/*--------------------------------
Drop down on vertical menu
--------------------------------*/
.flexy-menu.vertical ul,
.flexy-menu.vertical ul li ul {
  width: 150px; }

.flexy-menu.vertical ul {
  top: 0;
  left: 100%; }

.flexy-menu.vertical ul li ul {
  top: 0px; }

/*---------------------------------
Vertical menu on right side
---------------------------------*/
.flexy-menu.vertical.right {
  float: right !important; }

.flexy-menu.vertical.right ul {
  left: -150px !important; }

/*------------------------------
Indicator on vertical menu
------------------------------*/
.flexy-menu.vertical > li .indicator {
  top: 17px;
  right: 15px;
  font-size: 17px; }

.flexy-menu.vertical ul > li .indicator {
  top: 18px;
  right: 15px; }

/*****************************************************************************
Responsive design
*****************************************************************************/
@media (max-width: 1024px) {
  .flexy-menu-wrapper.scrollable {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; }
  .flexy-menu.vertical {
    width: 100%; }
  .flexy-menu li {
    display: block;
    width: 100%; }
  .flexy-menu > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 25px; }
  .flexy-menu a {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; }
  .flexy-menu ul,
  .flexy-menu ul li ul,
  .flexy-menu.vertical ul,
  .flexy-menu.vertical ul li ul {
    width: 100%;
    left: 0;
    border-left: none;
    position: static;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box; }
  .flexy-menu ul li {
    border-left: none;
    border-right: none; }
  .flexy-menu ul li a,
  .flexy-menu.vertical ul li a {
    padding-top: 10px;
    padding-bottom: 10px; }
  .flexy-menu ul > li > a {
    padding-left: 40px !important; }
  .flexy-menu > li .indicator {
    top: 15px;
    right: 25px;
    font-size: 17px; }
  .flexy-menu ul > li .indicator {
    right: 24px; }
  .flexy-menu.vertical ul > li .indicator {
    top: 10px;
    right: 15px; }
  .flexy-menu > li > ul > li > a {
    padding-left: 0px !important; }
  .flexy-menu > li > ul > li > ul > li > a {
    padding-left: 60px !important; }
  .flexy-menu > li > ul > li > ul > li > ul > li > a {
    padding-left: 80px !important; }
  .flexy-menu > li > ul > li.active > a {
    color: #FFFFFF !important; }
  .flexy-menu > li > ul > li.active > a {
    color: #030101 !important; } }

/*--------------------------------------

FLEXYMENU - custom classes

--------------------------------------*/
.flexy-menu {
  width: 100%;
  margin: 1.875rem 0;
  padding: 0 0.9375rem; }
  .flexy-menu ul {
    background-color: transparent;
    margin: 0px;
    padding: 0px; }
  .flexy-menu > li.showhide {
    background-color: #00BFB3 !important;
    transition: all 300ms ease-out;
    width: 100%; }
  .flexy-menu > li.showhide:hover {
    background-color: #00BFB3 !important; }
  .flexy-menu > li.showhide .icon {
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    top: -0.125rem;
    right: 0; }
  .flexy-menu > li.showhide .icon em {
    background-color: #FFFFFF;
    display: block;
    height: 0.125rem;
    width: 100%;
    margin: 0 0 0.25rem; }
  .flexy-menu > li.showhide span.title {
    color: #FFFFFF;
    font-size: 0.875rem;
    font-weight: 700;
    display: inline-block;
    text-align: left;
    margin: 1rem 0 0 0; }
  .flexy-menu > li:not(.showhide) {
    margin: 0 0.9375rem; }
  .flexy-menu li a,
  .flexy-menu li ul a {
    text-transform: uppercase;
    font-family: "Roboto", Arial, sans-serif;
    font-size: 1.25rem !important;
    font-weight: 700;
    padding: 0.9375rem 0;
    transition: all 300ms ease-out; }
  .flexy-menu.horizontal {
    text-align: center;
    background-color: transparent; }
  .flexy-menu.horizontal > li {
    display: inline-block;
    float: none;
    position: relative; }
  .flexy-menu.horizontal li a,
  .flexy-menu .flexy-menu.horizontal li ul a {
    font-size: 1.125rem; }
  .flexy-menu.horizontal > li a {
    background-color: transparent; }
  .flexy-menu.horizontal li.active > a,
  .flexy-menu.horizontal li:hover > a {
    color: #00BFB3; }
  .flexy-menu.horizontal > li > a:after,
  .flexy-menu.horizontal > li.active > a:after {
    content: '';
    width: 0;
    height: 0.1875rem;
    background-color: #00BFB3;
    position: absolute;
    bottom: 0.3125rem;
    left: 0; }
  .flexy-menu.horizontal > li.active > a:after {
    width: 100%; }
  .flexy-menu.horizontal > li ul a {
    padding-top: 0.313rem;
    padding-bottom: 0.313rem;
    font-size: 0.813rem;
    font-size: 0.813rem; }
  .flexy-menu .showhide-item a {
    background: #FFFFFF !important;
    display: block;
    border: 1px solid #dcdcdc;
    border-width: 0 1px 1px 1px; }
  .flexy-menu .showhide-item a:after {
    display: none; }
  .flexy-menu--medium {
    margin-top: 0.9375rem !important;
    margin-bottom: 1.875rem !important; }
    .flexy-menu--medium li a {
      font-size: 1rem !important; }
    .flexy-menu--medium.horizontal > li > a:after,
    .flexy-menu--medium.horizontal > li.active > a:after {
      height: 0.125rem;
      bottom: 0.625rem; }

.flexy-menu.flexy-menu__light a {
  font-size: 1.125rem !important;
  color: rgba(66, 66, 66, 0.35); }

.flexy-menu.flexy-menu__light li:not(.active) a:hover {
  color: #030101; }

.flexy-menu.flexy-menu__dark a {
  font-size: 1.125rem !important;
  color: #c04343;
  font-family: "Roboto", Arial, sans-serif; }
  .flexy-menu.flexy-menu__dark a:after {
    background: #030101 !important; }
  .flexy-menu.flexy-menu__dark a:hover {
    color: #030101 !important; }

.flexy-menu.flexy-menu__dark .active a {
  color: #030101 !important; }

.second-nav .flexy-menu {
  margin: -1.5625rem 0 1.25rem 0 !important; }
  .second-nav .flexy-menu a {
    font-size: 0.875rem !important; }
  .second-nav .flexy-menu li.active a {
    color: #030101 !important; }
    .second-nav .flexy-menu li.active a:after {
      background: #030101;
      bottom: 0.875rem !important;
      height: 1px; }

.no-touch .flexy-menu > li.showhide:hover,
.flexy-menu > li.showhide:focus {
  background-color: #00BFB3;
  color: #fff; }

.no-touch .flexy-menu > li.showhide .icon em,
.flexy-menu > li.showhide .icon em {
  background-color: #FFFFFF; }

.no-touch .flexy-menu > li.showhide:hover .icon em,
.flexy-menu > li.showhide:focus .icon em {
  background-color: #FFFFFF; }

@media only screen and (min-width: 64.0625em) {
  .flexy-menu li ul {
    display: none !important; } }

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .second-nav {
    display: none; } }

@media only screen and (max-width: 40em) {
  .flexy-menu {
    margin: 0.9375rem 0;
    padding: 0 0; }
    .flexy-menu.horizontal {
      text-align: left;
      background-color: #00BFB3; }
      .flexy-menu.horizontal li {
        width: 100%;
        display: block;
        background: #030101;
        margin: 0px;
        padding: 0px 0.9375rem; }
      .flexy-menu.horizontal a {
        color: #FFFFFF;
        font-size: 0.875rem !important; }
      .flexy-menu.horizontal li.active a:after {
        display: none; }
  .second-nav {
    display: none; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .flexy-menu {
    margin: 0.4375rem 0 0 !important;
    padding: 0 0; }
    .flexy-menu.horizontal {
      text-align: left;
      background-color: #00BFB3; }
      .flexy-menu.horizontal li {
        width: 100%;
        display: block;
        background: #030101;
        margin: 0px;
        padding: 0px 0.9375rem; }
      .flexy-menu.horizontal a {
        color: #FFFFFF !important;
        font-size: 0.875rem !important; }
      .flexy-menu.horizontal li.active a:after {
        display: none; } }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .flexy-menu {
    margin: 0.9375rem 0 0.9375rem; }
    .flexy-menu li {
      width: auto;
      display: inline-block; } }

.form-check {
  min-height: 21.875rem; }
  .form-check h3 {
    line-height: 1.3em;
    color: #030101;
    font-family: "Roboto", Arial, sans-serif; }
  .form-check a {
    text-decoration: underline; }

/*form*/
form .row.collapse .column,
form .row.collapse .columns {
  padding: 0 0.4375rem; }

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"], input[type="file"], textarea, select {
  font-family: "Roboto", Arial, sans-serif;
  background-color: #f6f6f6;
  border: 0.0625rem solid rgba(3, 1, 1, 0.5);
  box-shadow: none; }

/*div:not(.shopping) .prefix,
div:not(.shopping) .postfix{
  height: rem-calc(47);
}*/
label {
  font-family: "Roboto", Arial, sans-serif;
  color: #030101;
  line-height: 1.4;
  font-size: 0.875rem; }

/*input[type="checkbox"]+label,
input[type="radio"]+label{
  width: 80%;
  vertical-align: top;
  line-height: 1.3;

  a{
    color: $primary-color;
    text-decoration: underline;
    display: inline-block;
    font-size: rem-calc(14);

    @media only screen and (min-width:40.0625em) {
      display: block;
    }
}

  span{
    margin-bottom: rem-calc(16);
  }
}*/
/*errors*/
.error input,
.error textarea,
.error select {
  margin-bottom: 1rem !important; }

[data-abide] .error label {
  color: #f04124; }

[data-abide] .error small.error {
  display: inline-block;
  position: relative;
  border: 2px solid #f04124;
  left: 0;
  bottom: 1rem;
  margin: 0;
  padding: 0.3125rem;
  font-size: 0.8125rem;
  line-height: 1;
  font-family: "Roboto", Arial, sans-serif; }
  [data-abide] .error small.error::before {
    content: '';
    position: absolute;
    display: block;
    right: 0;
    left: 0;
    margin: auto;
    top: -7px;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #f04124;
    right: initial;
    left: 0.4375rem; }

.error.error--privacy small.error {
  display: inline-block;
  left: 0;
  right: 0;
  float: none;
  top: 0; }
  .error.error--privacy small.error::before {
    left: 0;
    right: initial; }

/*---------------------------*/
/* placeholders              */
/*---------------------------*/
::-webkit-input-placeholder {
  color: rgba(34, 34, 34, 0.7); }

:-moz-placeholder {
  color: rgba(34, 34, 34, 0.7); }

::-moz-placeholder {
  color: rgba(34, 34, 34, 0.7); }

:-ms-input-placeholder {
  color: rgba(34, 34, 34, 0.7); }

form.form--footer ::-webkit-input-placeholder {
  color: rgba(0, 191, 179, 0.7); }

form.form--footer :-moz-placeholder {
  color: rgba(0, 191, 179, 0.7); }

form.form--footer ::-moz-placeholder {
  color: rgba(0, 191, 179, 0.7); }

form.form--footer :-ms-input-placeholder {
  color: rgba(0, 191, 179, 0.7); }

/*---------------------------*/
/* checkbox                  */
/*---------------------------*/
.custom-element {
  margin: 0 0 0.625rem 0; }

/*form:not(.form--generic) .custom-element__label{
  color: $white;

  a{
    color: $white;
  }
}*/
div:not(.switch) input[type="checkbox"].custom-element__checkbox,
div:not(.switch) input[type="checkbox"] {
  position: absolute;
  top: 0;
  width: 1.125rem;
  height: 1.125rem;
  margin: 0;
  opacity: 0; }
  div:not(.switch) input[type="checkbox"].custom-element__checkbox + .custom-element__label,
  div:not(.switch) input[type="checkbox"] + .custom-element__label {
    margin: 0; }
  div:not(.switch) input[type="checkbox"].custom-element__checkbox + .custom-element__label span.custom-element__shape,
  div:not(.switch) input[type="checkbox"] + .custom-element__label span.custom-element__shape {
    display: inline-block;
    width: 1.125rem;
    height: 1.125rem;
    margin: 0 0.625rem 0 0;
    background-color: rgba(255, 255, 255, 0.5);
    transition: all 300ms ease-out;
    border: none;
    cursor: pointer;
    float: left;
    border: 0.0625rem solid rgba(3, 1, 1, 0);
    border-radius: 0.0625rem; }
  div:not(.switch) input[type="checkbox"].custom-element__checkbox:checked + .custom-element__label span.custom-element__shape,
  div:not(.switch) input[type="checkbox"]:checked + .custom-element__label span.custom-element__shape {
    background-color: white;
    border: 0.0625rem solid white; }

div:not(.switch) input[type="checkbox"]:checked + .custom-element__label span.custom-element__shape:after {
  content: '';
  display: block;
  position: absolute;
  top: 0.1875rem;
  left: 0;
  line-height: 1.4;
  text-align: center;
  width: 1.125rem;
  height: 1.125rem;
  background-image: url("../images/spritesheet/check.svg");
  background-position: center center;
  background-size: 65% 65%;
  background-repeat: no-repeat; }

.switch input[type="checkbox"] + .custom-element__label {
  color: inherit;
  text-indent: 4.375rem;
  white-space: nowrap; }
  .switch input[type="checkbox"] + .custom-element__label:hover {
    background-color: #999;
    color: #262626; }

/*---------------------------*/
/* radio                     */
/*---------------------------*/
div:not(.switch) input[type="radio"].custom-element__radio {
  position: absolute;
  top: 0;
  left: 0.5rem;
  width: 1.125rem;
  height: 1.125rem;
  margin: 0;
  opacity: 0;
  z-index: 10; }
  div:not(.switch) input[type="radio"].custom-element__radio + .custom-element__label {
    margin: 0;
    float: left; }
  div:not(.switch) input[type="radio"].custom-element__radio + .custom-element__label span.custom-element__shape {
    display: inline-block;
    width: 1.125rem;
    height: 1.125rem;
    margin: 0 0.625rem 0 0;
    background-color: #FFFFFF;
    border: none;
    cursor: pointer;
    float: left;
    border: 0.0625rem solid rgba(3, 1, 1, 0.5);
    background-color: #f6f6f6;
    border-radius: 100%;
    position: relative; }
  div:not(.switch) input[type="radio"].custom-element__radio:checked + .custom-element__label span.custom-element__shape {
    background-color: #fff; }

div:not(.switch) input[type="radio"]:checked + .custom-element__label span.custom-element__shape:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  opacity: 0.75;
  background: #030101;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  transform: translate(-50%, -50%); }

.switch input[type="radio"] + .custom-element__label {
  color: inherit;
  text-indent: 4.375rem;
  white-space: nowrap; }
  .switch input[type="radio"] + .custom-element__label:hover {
    background-color: #999;
    color: #262626; }

/*---------------------------*/
/* input file                */
/*---------------------------*/
.btnDefault,
.btnUpload {
  background-color: rgba(3, 1, 1, 0.25);
  border: 0.0625rem solid rgba(3, 1, 1, 0.15);
  color: #FFFFFF;
  cursor: pointer;
  font-weight: 400;
  display: inline-block;
  margin-bottom: 0.9375rem;
  padding: 0.4375rem 0.9375rem;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  transition: all 300ms ease-out; }

.btnDefault:focus,
.btnDefault:hover,
.btnUpload:focus,
.btnUpload:hover {
  background-color: #030101; }

.btnM {
  border-radius: 0;
  font-size: 0.875rem;
  padding: 0.4375rem 0.9375rem; }

.customUpload {
  overflow: hidden;
  position: relative;
  display: block; }

.customUpload input.upload {
  cursor: pointer;
  margin: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  padding: 0;
  position: absolute;
  right: 0;
  top: 0; }

.form--generic {
  margin-bottom: 3.75rem;
  /*--------------------------------*/
  /* legend        */
  /*--------------------------------*/
  /*--------------------------------*/
  /* custom checkbox & radio        */
  /*--------------------------------*/
  /* WITH .custom-element class  */
  /*--------------------------------*/
  /*--------------------------------*/
  /* custom checkbox & radio        */
  /*--------------------------------*/
  /* WITHOUT .custom-element class  */
  /*--------------------------------*/
  /*& input[type="radio"] + label:not(.custom-element__label){
position:relative;
}*/ }
  .form--generic fieldset {
    border: 0px !important;
    padding: 0px; }
  .form--generic .row.collapse .column {
    padding: 0 5px !important; }
    .form--generic .row.collapse .column:first-child {
      padding-left: 0px !important; }
    .form--generic .row.collapse .column:last-child {
      padding-right: 0px !important; }
  .form--generic input[type=text],
  .form--generic input[type=password],
  .form--generic input[type=date],
  .form--generic input[type=datetime],
  .form--generic input[type=datetime-local],
  .form--generic input[type=month],
  .form--generic input[type=week],
  .form--generic input[type=email],
  .form--generic input[type=tel],
  .form--generic input[type=time],
  .form--generic input[type=url],
  .form--generic input[type=color],
  .form--generic input[type=number],
  .form--generic input[type=search],
  .form--generic textarea {
    padding-left: 0.9375rem;
    background-size: 1rem 1rem;
    background-repeat: no-repeat;
    background-position: 0.625rem 1rem;
    border-radius: 0.0625rem;
    transition: all 0.1s linear;
    background-color: #FFFFFF; }
    .form--generic input[type=text]:focus,
    .form--generic input[type=password]:focus,
    .form--generic input[type=date]:focus,
    .form--generic input[type=datetime]:focus,
    .form--generic input[type=datetime-local]:focus,
    .form--generic input[type=month]:focus,
    .form--generic input[type=week]:focus,
    .form--generic input[type=email]:focus,
    .form--generic input[type=tel]:focus,
    .form--generic input[type=time]:focus,
    .form--generic input[type=url]:focus,
    .form--generic input[type=color]:focus,
    .form--generic input[type=number]:focus,
    .form--generic input[type=search]:focus,
    .form--generic textarea:focus {
      padding-left: 0.625rem;
      background-size: 12px 12px;
      background-repeat: no-repeat;
      background-position: 12px 18px;
      border: 0.0625rem solid #030101;
      background-color: #FFFFFF; }
  .form--generic input[type=text],
  .form--generic input[type=password],
  .form--generic input[type=date],
  .form--generic input[type=datetime],
  .form--generic input[type=datetime-local],
  .form--generic input[type=month],
  .form--generic input[type=week],
  .form--generic input[type=email],
  .form--generic input[type=tel],
  .form--generic input[type=time],
  .form--generic input[type=url],
  .form--generic input[type=color],
  .form--generic input[type=number],
  .form--generic input[type=search],
  .form--generic select {
    height: 2.9375rem;
    padding: 0.5rem 0.625rem; }
  .form--generic select {
    background-color: #FFFFFF; }
    .form--generic select:focus {
      background-color: #FFFFFF; }
  .form--generic legend {
    font-family: "Roboto", Arial, sans-serif;
    font-size: 1.125rem;
    color: #00bfb3;
    width: 100%;
    padding: 1.25rem 0 0 0;
    background: transparent; }
  .form--generic small {
    color: rgba(66, 66, 66, 0.6); }
  .form--generic .custom-element div:not(.switch) input[type="checkbox"].custom-element__checkbox + .custom-element__label span.custom-element__shape, .form--generic .custom-element div:not(.switch) input[type="checkbox"] + .custom-element__label span.custom-element__shape {
    border: 0.0625rem solid rgba(85, 68, 53, 0.5); }
  .form--generic .custom-element div:not(.switch) input[type="checkbox"].custom-element__checkbox:checked + .custom-element__label span.custom-element__shape, .form--generic .custom-element div:not(.switch) input[type="checkbox"]:checked + .custom-element__label span.custom-element__shape {
    border: 0.0625rem solid #030101 !important;
    border-radius: 0; }
  .form--generic .custom-element div:not(.switch) input[type="checkbox"]:checked + .custom-element__label span.custom-element__shape:after {
    left: 0.4375rem; }
  .form--generic .custom-element a {
    text-decoration: underline;
    color: inherit; }
    .form--generic .custom-element a:hover {
      text-decoration: none; }
  .form--generic div:not(.switch) input[type="checkbox"].custom-checkbox__checkbox + .custom-checkbox__label span.custom-checkbox__shape {
    border: 1px solid #dbdbdb;
    margin-bottom: 2rem; }
    @media only screen and (min-width: 40.0625em) {
      .form--generic div:not(.switch) input[type="checkbox"].custom-checkbox__checkbox + .custom-checkbox__label span.custom-checkbox__shape {
        margin-bottom: 1rem; } }
    .form--generic div:not(.switch) input[type="checkbox"].custom-checkbox__checkbox + .custom-checkbox__label span.custom-checkbox__shape .custom-element__label {
      font-size: 0.8125rem; }
  .form--generic input[type="checkbox"] + label:not(.custom-element__label),
  .form--generic input[type="radio"] + label:not(.custom-element__label) {
    margin-left: 0 !important;
    padding: 0px !important;
    text-transform: none !important;
    line-height: 1.5rem !important;
    font-size: 0.8125rem; }
    .form--generic input[type="checkbox"] + label:not(.custom-element__label) a,
    .form--generic input[type="radio"] + label:not(.custom-element__label) a {
      text-decoration: underline; }
      .form--generic input[type="checkbox"] + label:not(.custom-element__label) a:hover,
      .form--generic input[type="radio"] + label:not(.custom-element__label) a:hover {
        text-decoration: none; }
  .form--generic input[type="checkbox"],
  .form--generic input[type="radio"] {
    display: none; }
  .form--generic input[type="checkbox"] + label span.check-shape {
    display: inline-block;
    width: 1.125rem;
    height: 1.125rem;
    margin: 0 0.5rem -0.25rem 0;
    background-color: #fff;
    border: 0.0625rem solid rgba(66, 66, 66, 0.6);
    cursor: pointer; }
  .form--generic input[type="radio"] + label span.check-shape {
    display: inline-block;
    width: 1.125rem;
    height: 1.125rem;
    margin: 0 0 0 0;
    background-color: #fff;
    border: 0.0625rem solid rgba(66, 66, 66, 0.6);
    cursor: pointer;
    position: relative; }
  .form--generic input[type="radio"] + label span.check-shape {
    border-radius: 100%; }
  .form--generic input[type="checkbox"]:checked + label span.check-shape,
  .form--generic input[type="radio"]:checked + label span.check-shape {
    background-color: #fff; }
  .form--generic input[type="checkbox"]:checked + label span.check-shape:after {
    content: ' ';
    display: block;
    position: absolute;
    top: 0.1875rem;
    line-height: 1.25rem;
    text-align: center;
    width: 1.125rem;
    height: 1.125rem;
    opacity: 0.75;
    background-image: url("../images/spritesheet/check.svg");
    background-position: center center;
    background-size: 70% 70%;
    background-repeat: no-repeat; }
  .form--generic input[type="radio"]:checked + label span.check-shape:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0.25rem;
    text-align: center;
    width: 0.5rem;
    height: 0.5rem;
    padding: 0;
    opacity: 0.75;
    background: black;
    border-radius: 50%;
    margin-top: -0.25rem; }
  @media only screen and (min-width: 40.0625em) {
    .form--generic .no-label {
      margin-top: 1.25rem; } }
  @media only screen and (max-width: 40em) {
    .form--generic .row.collapse .column {
      padding: 0 0px !important; } }
  .form--generic .box-credentials {
    background: rgba(224, 224, 224, 0.7);
    margin: 0.9375rem 0;
    padding: 0 0.9375rem; }
  .form--generic__personalizza div:not(.switch) input[type="checkbox"]:checked + .custom-element__label span.custom-element__shape:after {
    left: 0.9375rem !important; }
  .form--generic__personalizza a {
    color: #00BFB3; }
  .form--generic__personalizza fieldset {
    background: #FFFFFF;
    border: 0.125rem solid #00BFB3 !important;
    margin-bottom: 2.8125rem;
    padding: 1.875rem 1.875rem;
    text-align: center; }
    .form--generic__personalizza fieldset legend {
      text-align: center;
      background: #fff;
      text-transform: uppercase;
      display: inline-block;
      margin: 0;
      padding: 1.25rem 1.875rem 0px;
      width: auto;
      font-family: "Roboto", Arial, sans-serif;
      font-size: 1.25rem;
      line-height: 1.375rem; }
      .form--generic__personalizza fieldset legend small {
        text-transform: none;
        display: block;
        font-size: 0.6875rem;
        font-family: "Roboto", Arial, sans-serif;
        color: rgba(66, 66, 66, 0.6);
        font-weight: 400; }
    .form--generic__personalizza fieldset label {
      text-align: left;
      color: #00BFB3; }
  .form--generic__personalizza fieldset:last-child {
    margin-bottom: 0px; }
  .form--generic__personalizza .custom-tag {
    min-height: 6.25rem;
    text-align: center !important;
    background: url(../images/tag/tag_default.jpg) no-repeat 50% 0;
    background-size: auto 6.25rem !important; }
    .form--generic__personalizza .custom-tag input {
      min-height: 6.4375rem;
      border: 0px;
      text-align: center !important;
      background: transparent;
      color: inherit;
      font-family: "BodoniMT-Regular", Times, Arial, sans-serif;
      font-size: 2.375rem;
      text-transform: uppercase;
      letter-spacing: 0.375rem;
      font-weight: 600;
      margin: 0px 0 0.1875rem;
      /*-webkit-text-stroke-width: rem-calc(0.5);
      -webkit-text-stroke-color: rgba(#000, 0.2);
      -moz-text-stroke-width: rem-calc(0.5);
      -moz-text-stroke-color: rgba(#000, 0.2);*/
      text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.35); }
      .form--generic__personalizza .custom-tag input:focus, .form--generic__personalizza .custom-tag input:hover {
        background: transparent;
        border: 0px; }
    .form--generic__personalizza .custom-tag ::-webkit-input-placeholder {
      color: rgba(0, 0, 0, 0.5);
      font-family: "Roboto", Arial, sans-serif;
      font-weight: 200; }
    .form--generic__personalizza .custom-tag :-moz-placeholder {
      color: rgba(0, 0, 0, 0.5);
      font-family: "Roboto", Arial, sans-serif;
      font-weight: 200; }
    .form--generic__personalizza .custom-tag ::-moz-placeholder {
      color: rgba(0, 0, 0, 0.5);
      font-family: "Roboto", Arial, sans-serif;
      font-weight: 200; }
    .form--generic__personalizza .custom-tag :-ms-input-placeholder {
      color: rgba(0, 0, 0, 0.5);
      font-family: "Roboto", Arial, sans-serif;
      font-weight: 200; }
    .form--generic__personalizza .custom-tag__oro input {
      color: #D4AF37; }
    .form--generic__personalizza .custom-tag__argento input {
      color: #c0c0c0; }
    .form--generic__personalizza .custom-tag__azzurro input {
      color: #00ccff; }
    .form--generic__personalizza .custom-tag__rosso input {
      color: red; }
    .form--generic__personalizza .custom-tag__neutro input {
      color: rgba(0, 0, 0, 0.15);
      -webkit-text-stroke-width: 0.0625rem;
      -webkit-text-stroke-color: rgba(0, 0, 0, 0.35);
      text-shadow: -1px -1px 0px  transparent; }

@media only screen and (max-width: 48em) {
  .form--generic__personalizza fieldset {
    border: 0.125rem solid #00BFB3 !important;
    margin-bottom: 2.8125rem;
    padding: 0.9375rem 0.9375rem; }
  .form--generic__personalizza .custom-tag {
    min-height: 5rem;
    background-size: auto 5rem !important; }
    .form--generic__personalizza .custom-tag input {
      min-height: 5.1875rem;
      font-size: 2rem; } }

/*@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2) {

}*/
.form--generic .btnDefault:focus,
.form--generic .btnDefault:hover,
.form--generic .btnUpload:focus,
.form--generic .btnUpload:hover {
  background-color: #fff; }

#google-container {
  position: relative;
  width: 100%;
  height: 12.5rem;
  background-color: #f6f6f6; }

@media only screen and (min-width: 768px) {
  #google-container {
    height: 18.75rem; } }

@media only screen and (min-width: 1170px) {
  #google-container {
    height: 34.375rem; } }

#cd-google-map {
  position: relative; }

#cd-google-map address {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 1em 1em;
  background-color: rgba(3, 1, 1, 0.9);
  color: white;
  font-size: 0.8125rem;
  font-size: 0.8125rem; }

@media only screen and (min-width: 768px) {
  #cd-google-map address {
    font-size: 0.9375rem;
    font-size: 0.9375rem;
    text-align: center; } }

.pop-map__title {
  margin: 0.3125rem 0 0;
  color: #030101; }

.pop-map__text p {
  margin: 0.3125rem 0;
  font-size: 0.875rem;
  line-height: 1.4em; }

#cd-zoom-in,
#cd-zoom-out {
  height: 2rem;
  width: 2rem;
  cursor: pointer;
  margin-right: 1.875rem;
  background-color: rgba(66, 66, 66, 0.9);
  background-repeat: no-repeat;
  background-size: 2.25rem 4rem;
  background-image: url("../images/spritesheet/cd-icon-controller.svg"); }

.no-touch #cd-zoom-in:hover,
.no-touch #cd-zoom-out:hover {
  background-color: #424242; }

@media only screen and (min-width: 768px) {
  #cd-zoom-in, #cd-zoom-out {
    margin-left: 3.125rem; } }

#cd-zoom-in {
  background-position: 50% 0;
  margin-top: 0.625rem;
  margin-bottom: 0.0625rem; }

@media only screen and (min-width: 768px) {
  #cd-zoom-in {
    margin-top: 1.875rem; } }

#cd-zoom-out {
  background-position: 50% -2rem; }

@media only screen and (max-width: 40em) {
  #google-container {
    display: none; } }

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  #google-container {
    display: none; } }

.js-phone {
  cursor: pointer; }
  .js-phone.disabled, .js-phone.disabled:hover {
    cursor: default;
    color: #222;
    text-decoration: none !important;
    opacity: 1; }

.footer .js-phone a,
.header .js-phone a {
  color: rgba(255, 255, 255, 0.7); }

.footer .js-phone.disabled, .footer .js-phone.disabled:hover,
.header .js-phone.disabled,
.header .js-phone.disabled:hover {
  color: rgba(255, 255, 255, 0.7); }

.page-nav {
  padding: 0.5rem 0 0;
  margin: 0;
  float: right; }
  .page-nav li {
    display: inline-block;
    margin-left: 0px; }
    .page-nav li a {
      display: block;
      text-align: center;
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden;
      font-size: 0px;
      transition: all 300ms ease-out;
      width: 1.375rem;
      height: 1.375rem;
      opacity: 0.25; }
      .page-nav li a svg {
        width: 1.375rem;
        height: 1.375rem;
        fill: #030101;
        transition: all 300ms ease-out; }
      .page-nav li a:hover {
        opacity: 0.6; }
        .page-nav li a:hover svg {
          fill: #000000; }
      .page-nav li a.disabled {
        cursor: default;
        opacity: 0.12; }
  .page-nav__left a {
    background: url(../images/spritesheet/page-nav_left.svg) no-repeat 50% 50%;
    background-size: contain; }
  .page-nav__grid a {
    margin: 0 0.875rem;
    background: url(../images/spritesheet/page-nav_grid.svg) no-repeat 50% 50%;
    background-size: contain; }
  .page-nav__right a {
    background: url(../images/spritesheet/page-nav_right.svg) no-repeat 50% 50%;
    background-size: contain; }
  .page-nav .has-tip {
    border: none; }

.page-nav.center {
  margin-top: 0px;
  margin-bottom: 1.25rem;
  float: left;
  width: 100%;
  text-align: center; }

@media only screen and (max-width: 40em) {
  .page-nav {
    padding: 0.4375rem 0 0; } }

/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .page-nav {
    margin-top: 0px; } }

.sharing-buttons .share .button--outline {
  background: transparent;
  letter-spacing: 0px;
  font-weight: 500;
  color: rgba(66, 66, 66, 0.6);
  position: relative;
  float: left;
  opacity: 1;
  border-width: 0;
  border-color: rgba(66, 66, 66, 0.2);
  padding: 0.4375rem 0.9375rem 0.4375rem 1.875rem;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 0.75rem;
  transition: all 300ms ease-out; }
  .sharing-buttons .share .button--outline:before {
    content: "";
    width: 2rem;
    height: 2rem;
    display: block;
    position: absolute;
    top: 50%;
    left: 0.125rem;
    transform: translateY(-50%);
    background: url(../images/spritesheet/share.svg) no-repeat 50% 50%;
    background-size: contain;
    opacity: 0.7; }
  .sharing-buttons .share .button--outline:hover {
    opacity: 0.9;
    border-color: rgba(66, 66, 66, 0.6); }
  .sharing-buttons .share .button--outline:after {
    display: none; }

.sharing-buttons .share .button--outline--dark {
  border-width: 0.0625rem;
  border-color: rgba(66, 66, 66, 0.2); }

.sharing-buttons .share.right ul {
  margin-left: 0px !important; }

.sharing-buttons .social-list {
  max-width: 6.5rem !important;
  margin-bottom: 0;
  margin-left: 0.4375rem;
  top: 2.1875rem;
  text-align: center;
  padding: 0.625rem 0px 0.9375rem;
  float: left;
  border-radius: 0; }
  .sharing-buttons .social-list li {
    display: inline-block;
    padding: 0 0.375rem;
    line-height: 1.6;
    background: none !important;
    width: 3.125rem;
    height: 1.875rem;
    margin: 0.625rem 0.4375rem; }
    .sharing-buttons .social-list li:hover svg {
      opacity: 0.5; }
  .sharing-buttons .social-list a {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0px;
    transition: all 300ms ease-out;
    display: block;
    width: 2.25rem;
    height: 2.25rem;
    opacity: 0.8; }
    .sharing-buttons .social-list a:hover {
      opacity: 1; }
  .sharing-buttons .social-list .facebook {
    background: url(../images/spritesheet/share_facebook_color.svg) no-repeat 50% 50%;
    background-size: 2.25rem 2.25rem; }
  .sharing-buttons .social-list .twitter {
    background: url(../images/spritesheet/share_twitter_color.svg) no-repeat 50% 50%;
    background-size: 2.25rem 2.25rem; }
  .sharing-buttons .social-list .google {
    background: url(../images/spritesheet/share_google_color.svg) no-repeat 50% 50%;
    background-size: 2.25rem 2.25rem; }
  .sharing-buttons .social-list .pinterest {
    background: url(../images/spritesheet/share_pinterest_color.svg) no-repeat 50% 50%;
    background-size: 2.25rem 2.25rem; }
  .sharing-buttons .social-list--fullwidth {
    max-width: none !important;
    margin-left: 0;
    text-align: center !important; }
    .sharing-buttons .social-list--fullwidth li {
      float: none; }

@media only screen and (max-width: 40em) {
  .sharing-buttons .button {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0px;
    width: 2.8125rem;
    height: 35px;
    line-height: 35px;
    padding: 0px !important; }
    .sharing-buttons .button:before {
      left: 5px; } }

.pagination {
  margin: 1.875rem 0 0 !important;
  /*    &__pager{
    text-align: right;
    padding-right:rem-calc(5);

    & > span[id*="Pager"]{
    width: 90%;
    max-width: 768px;
    text-align: right;
    width: auto;
    max-width: none;
    display: inline-block;
    border-radius: 0.25em;
    border: rem-calc(1) solid black(0.15);
    & a, 
    & span{
    display: none;
    margin: 0 .2em;
    display: inline-block;
    user-select: none;
    padding: 0.5rem 0.9rem;
    font-size: rem-calc(13);
    font-weight:500;
    margin: 0;
    float: left;
    border-right: rem-calc(1) solid black(0.15);
    @include single-transition;
    border-radius:rem-calc(2);
}
    & a:last-of-type,
    & span:last-of-type {
    border-right: none;
}
    & .active {
    background-color: $secondary-color;
    border-color: $secondary-color;
    color: #fff;
    pointer-events: none;

}
    & a:nth-child(1),
    & a:nth-child(2),
    & a:nth-last-child(1),
    & a:nth-last-child(2){
    @include text-indent;
    width:rem-calc(36);
    height:rem-calc(36);
    opacity:0.6;
}
    & a[disabled='disabled']{
    opacity:0.3;
    cursor:default;
    &:hover{
    opacity:0.3;
    background-color:transparent !important;
}
}
    & a:hover{
    background-color:darken(#fff,12%) !important;
    opacity:0.9;
}

    & a:nth-child(1){
    background:url(../images/spritesheet/arrow-double-left_4.svg) no-repeat 50% 50%;
    background-size:contain;
}
    & a:nth-child(2){
    background:url(../images/spritesheet/arrow-left_4.svg) no-repeat 50% 50%;
    background-size:contain;
}
    & a:nth-last-child(1){
    background:url(../images/spritesheet/arrow-double-right_4.svg) no-repeat 50% 50%;
    background-size:contain;

}
    & a:nth-last-child(2){
    background:url(../images/spritesheet/arrow-right_4.svg) no-repeat 50% 50%;
    background-size:contain;
}
}
    & span:after {
    content: "";
    display: table;
    clear: both;
}

}*/ }
  .pagination__select {
    text-align: left; }
    .pagination__select label {
      line-height: 2.3125rem; }
    .pagination__select span {
      float: left;
      font-size: 0.8125rem; }
    .pagination__select select {
      background-color: transparent;
      height: 2.3125rem;
      border-color: black(0.15);
      border-radius: 0.125rem;
      outline: none;
      font-size: 0.8125rem; }
  .pagination__select--small {
    padding-left: 0.3125rem; }
    .pagination__select--small select {
      width: 3.75rem !important;
      margin-left: 0.625rem;
      font-size: 0.8125rem; }
  .pagination > span[id*="Pager"] {
    width: 90%;
    max-width: 768px;
    text-align: right;
    width: auto;
    max-width: none;
    display: inline-block;
    border-radius: 0.25em;
    border: 0.0625rem solid black(0.15); }
    .pagination > span[id*="Pager"] a,
    .pagination > span[id*="Pager"] span {
      display: none;
      margin: 0 .2em;
      display: inline-block;
      user-select: none;
      padding: 0.5rem 0.9rem;
      font-size: 0.8125rem;
      font-weight: 500;
      margin: 0;
      float: left;
      border-right: 0.0625rem solid black(0.15);
      transition: all 300ms ease-out;
      border-radius: 0.125rem; }
    .pagination > span[id*="Pager"] a:last-of-type,
    .pagination > span[id*="Pager"] span:last-of-type {
      border-right: none; }
    .pagination > span[id*="Pager"] .active {
      background-color: #00BFB3;
      border-color: #00BFB3;
      color: #fff;
      pointer-events: none; }
    .pagination > span[id*="Pager"] a:nth-child(1),
    .pagination > span[id*="Pager"] a:nth-child(2),
    .pagination > span[id*="Pager"] a:nth-last-child(1),
    .pagination > span[id*="Pager"] a:nth-last-child(2) {
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden;
      font-size: 0px;
      width: 2.25rem;
      height: 2.25rem;
      opacity: 0.6; }
    .pagination > span[id*="Pager"] a[disabled='disabled'] {
      opacity: 0.3;
      cursor: default; }
      .pagination > span[id*="Pager"] a[disabled='disabled']:hover {
        opacity: 0.3;
        background-color: transparent !important; }
    .pagination > span[id*="Pager"] a:hover {
      background-color: #e0e0e0 !important;
      opacity: 0.9; }
    .pagination > span[id*="Pager"] a:nth-child(1) {
      background: url(../images/spritesheet/arrow-double-left_4.svg) no-repeat 50% 50%;
      background-size: contain; }
    .pagination > span[id*="Pager"] a:nth-child(2) {
      background: url(../images/spritesheet/arrow-left_4.svg) no-repeat 50% 50%;
      background-size: contain; }
    .pagination > span[id*="Pager"] a:nth-last-child(1) {
      background: url(../images/spritesheet/arrow-double-right_4.svg) no-repeat 50% 50%;
      background-size: contain; }
    .pagination > span[id*="Pager"] a:nth-last-child(2) {
      background: url(../images/spritesheet/arrow-right_4.svg) no-repeat 50% 50%;
      background-size: contain; }
  .pagination span:after {
    content: "";
    display: table;
    clear: both; }
  .pagination--centered {
    text-align: center;
    padding-right: 0; }

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .pagination__num-items {
    display: none; }
  .pagination__pager {
    text-align: center; } }

.cd-pagination {
  width: 90%;
  max-width: 768px;
  text-align: right; }

.cd-pagination li {
  /* hide numbers on small devices */
  display: none;
  margin: 0 .2em; }

.cd-pagination li.pager-button {
  /* make sure prev next buttons are visible */
  display: inline-block; }

.cd-pagination a,
.cd-pagination span {
  display: inline-block;
  user-select: none;
  /* use padding and font-size to change buttons size */
  padding: .6em .8em;
  font-size: 0.875rem; }

.cd-pagination a {
  border: 1px solid black(0.15);
  border-radius: 0.25em;
  transition: all 300ms ease-out; }

.no-touch .cd-pagination a:hover {
  background-color: #af3a3a; }

.cd-pagination a:active {
  /* click effect */
  transform: scale(0.9); }

.cd-pagination a.disabled {
  /* button disabled */
  color: rgba(46, 64, 87, 0.4);
  pointer-events: none; }

.cd-pagination a.disabled::before,
.cd-pagination a.disabled::after {
  opacity: .4; }

.cd-pagination .pager-button:first-of-type a::before {
  content: '\00ab  '; }

.cd-pagination .pager-button:last-of-type a::after {
  content: ' \00bb'; }

.cd-pagination .current {
  /* selected number */
  background-color: #030101;
  border-color: #030101;
  color: #ffffff;
  pointer-events: none; }

@media only screen and (min-width: 768px) {
  .cd-pagination li {
    display: inline-block; } }

/* --------------------------------

No space - remove distance between list items

-------------------------------- */
.cd-pagination.no-space {
  width: auto;
  max-width: none;
  display: inline-block;
  border-radius: 0.25em;
  border: 1px solid black(0.15); }

.cd-pagination.no-space:after {
  content: "";
  display: table;
  clear: both; }

.cd-pagination.no-space li {
  margin: 0;
  float: left;
  border-right: 1px solid black(0.15); }

.cd-pagination.no-space li:last-of-type {
  border-right: none; }

.cd-pagination.no-space a,
.cd-pagination.no-space span {
  float: left;
  border-radius: 0;
  padding: .8em 1em;
  border: none; }

.cd-pagination.no-space li:first-of-type a {
  border-radius: 0.25em 0 0 0.25em; }

.cd-pagination.no-space li:last-of-type a {
  border-radius: 0 0.25em 0.25em 0; }

/* --------------------------------

custom buttons - replace prev and next buttons text with a custom icon

-------------------------------- */
.cd-pagination.custom-buttons a, .cd-pagination.custom-buttons span {
  vertical-align: middle; }

.cd-pagination.custom-buttons .pager-button a {
  /* set custom width */
  width: 40px;
  /* image replacement */
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  color: transparent;
  background-image: url("../images/cd-icon-arrow-2.svg");
  background-repeat: no-repeat;
  background-position: center center; }

.cd-pagination.custom-buttons .pager-button:last-of-type a {
  transform: rotate(180deg); }

.no-touch .cd-pagination.custom-buttons .pager-button:last-of-type a:active {
  transform: scale(0.9) rotate(180deg); }

.cd-pagination.no-space.custom-buttons .pager-button:last-of-type a {
  border-radius: 0.25em 0 0 0.25em; }

table {
  width: 100%;
  background: transparent;
  margin-bottom: 3.75rem;
  border: solid 0px #ddd;
  table-layout: auto;
  border-collapse: collapse; }
  table th {
    color: gray !important;
    font-family: "Roboto", Arial, sans-serif !important;
    text-transform: uppercase;
    text-align: left;
    padding: 0.625rem 0.625rem;
    background: black; }
  table td {
    color: #FFFFFF;
    padding: 0.9375rem 0.625rem;
    border-bottom: 0.0625rem solid #262626;
    font-size: 0.875rem !important; }
  table strong {
    font-weight: 700; }
  table .alert-box.info {
    margin-bottom: 0; }
  table a {
    text-decoration: underline;
    color: #FFFFFF; }

@media only screen and (max-width: 768px) {
  /* Force table to not be like tables anymore */
  table {
    margin-top: 0.9375rem; }
  table, thead, tbody, th, td, tr {
    display: block !important; }
  /* Hide table headers (but not display: none;, for accessibility) */
  thead tr {
    position: absolute;
    top: -624.938em;
    /*-9999px / 16px*/
    left: -624.938em;
    /*-9999px / 16px*/ }
  /*tr { border: 1px solid #ccc; }*/
  table td, table th {
    border-left: none !important; }
  td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50% !important; }
  table tbody td:not([data-label]) {
    padding-left: 0.714em !important;
    /*useful for button*/ }
  table tbody td[data-label]:last-child {
    padding-bottom: 0.938rem;
    /*15px/16px*/ }
  td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 0.643em;
    /*9px/14px*/
    left: 0.714em;
    /*10px/14px*/
    width: 45%;
    padding-right: 0.714em;
    /*10px/14px*/
    white-space: nowrap;
    font-size: 1em;
    /*14px/14px*/
    /*filter:alpha(opacity=100); -moz-opacity:1.00; -khtml-opacity:1.00; opacity:1.00;*/
    /* Label the data */
    content: attr(data-label); }
  table tr.even,
  table tr.alt,
  table tr:nth-of-type(2n) {
    background: #f6f6f6; } }

.scheda__tabs * {
  font-family: "Roboto", Arial, sans-serif;
  outline: none; }

.scheda__tabs .tabs {
  border-bottom: 0.1875rem solid lightgray; }
  .scheda__tabs .tabs a, .scheda__tabs .tabs a:hover {
    background: transparent;
    transition: all 300ms ease-out; }

.scheda__tabs .tab-title > a {
  color: gray;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 600;
  margin-right: 2.8125rem;
  padding: 1.875rem 0; }

.scheda__tabs .tab-title a {
  position: relative;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1rem; }
  .scheda__tabs .tab-title a:after {
    content: '';
    width: 100%;
    height: 0.1875rem;
    display: block;
    background: #00BFB3;
    position: absolute;
    bottom: -0.1875rem;
    left: 0;
    opacity: 0;
    transition: all 300ms ease-out; }

.scheda__tabs .tab-title:not(.active) a:hover {
  background: transparent;
  color: #333333; }
  .scheda__tabs .tab-title:not(.active) a:hover:after {
    background: #FFFFFF; }

.scheda__tabs .tab-title.active a {
  color: #00BFB3;
  background: transparent;
  opacity: 1; }
  .scheda__tabs .tab-title.active a:after {
    opacity: 1; }

.scheda__tabs .content {
  padding: 2.8125rem 0; }
  .scheda__tabs .content * {
    font-size: 0.875rem;
    line-height: 1.6em;
    color: #5c5c5c; }
  .scheda__tabs .content .mobile_title {
    display: none; }
  .scheda__tabs .content a {
    text-decoration: underline;
    font-weight: 500; }
    .scheda__tabs .content a:hover {
      text-decoration: none;
      color: #000; }
  .scheda__tabs .content h2, .scheda__tabs .content h3, .scheda__tabs .content h4, .scheda__tabs .content h5, .scheda__tabs .content h6 {
    font-size: 0.9375rem;
    font-family: "Roboto", Arial, sans-serif;
    margin-bottom: 0.3125rem;
    font-weight: 500; }
  .scheda__tabs .content:not(.check-list) ul {
    padding: 0 0.9375rem; }
  .scheda__tabs .content li {
    list-style: disc; }
  .scheda__tabs .content table * {
    font-size: 0.8125rem; }
  .scheda__tabs .content strong {
    font-weight: 500; }
  .scheda__tabs .content p {
    margin: 0 0 0; }

.scheda__tabs .scheda-downloads li {
  list-style: none;
  margin: 0 0 0.9375rem;
  padding: 0px; }
  .scheda__tabs .scheda-downloads li a {
    position: relative;
    padding-left: 1.875rem; }
    .scheda__tabs .scheda-downloads li a:before {
      content: '';
      display: block;
      margin: 0;
      padding: 0;
      width: 1.375rem;
      height: 1.375rem;
      position: absolute;
      top: -0.1875rem;
      left: 0px;
      background: url(../images/spritesheet/download.svg) no-repeat 50% 50%;
      background-size: contain;
      opacity: 0.8; }

.scheda__tabs .check-list ul {
  margin: 0px 0 1.875rem !important;
  padding: 0;
  position: static;
  list-style: none; }
  .scheda__tabs .check-list ul li {
    color: #e6e6e6;
    font-family: "Roboto", Arial, sans-serif;
    line-height: 1.4em;
    margin: 0.9375rem 0;
    padding: 0 0 0 1.5625rem;
    position: relative;
    list-style: none; }
    .scheda__tabs .check-list ul li svg {
      width: 1rem;
      height: 1rem;
      position: absolute;
      top: 0px;
      left: 0px;
      fill: #00BFB3; }

.scheda__tabs .capability {
  margin: 0px;
  padding: 0px !important; }
  .scheda__tabs .capability li {
    display: inline-block;
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 6.25rem;
    height: 6.25rem; }
    .scheda__tabs .capability li span {
      display: block;
      width: inherit;
      height: inherit;
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden;
      font-size: 0px; }
    .scheda__tabs .capability li.camera {
      margin-left: -0.9375rem;
      margin-right: 0; }
      .scheda__tabs .capability li.camera span {
        background: url(../images/spritesheet/camera.svg) no-repeat 50% 50%; }
    .scheda__tabs .capability li.lens {
      margin-left: -1.5625rem; }
      .scheda__tabs .capability li.lens span {
        background: url(../images/spritesheet/lens.svg) no-repeat 50% 50%; }

@media only screen and (max-width: 940px) {
  .scheda__tabs .tabs {
    display: none !important; }
  .scheda__tabs .content {
    display: block !important; }
    .scheda__tabs .content .mobile_title {
      display: block;
      text-transform: uppercase;
      font-size: 1.375rem;
      font-weight: 600;
      margin-bottom: 0.9375rem;
      text-align: center; } }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block; }

.slick-track:before,
.slick-track:after {
  display: table;
  content: ''; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px; }

[dir='rtl'] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

.multi-boxes {
  max-height: 38.75rem;
  background: #030101;
  overflow: hidden; }
  .multi-boxes * {
    transition: all 300ms ease-out; }
  .multi-boxes .isotope-container .grid-sizer,
  .multi-boxes .isotope-container .w1 {
    width: 25%; }
  .multi-boxes .isotope-container .w2 {
    width: 50%; }
  .multi-boxes .box {
    overflow: hidden; }
    .multi-boxes .box * {
      backface-visibility: hidden; }
  .multi-boxes .hover-caption {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 1.875rem;
    width: 100%;
    height: 100%;
    background-color: rgba(12, 12, 12, 0.6);
    color: rgba(255, 255, 255, 0.9);
    overflow: hidden;
    visibility: hidden;
    filter: alpha(opacity=0);
    opacity: 0;
    pointer-events: none; }
    .multi-boxes .hover-caption .title {
      color: rgba(255, 255, 255, 0.9);
      font-size: 1.375rem;
      line-height: 1.2;
      margin-bottom: 1.125rem;
      font-family: "Roboto", Arial, sans-serif;
      font-weight: 800; }
    .multi-boxes .hover-caption .button {
      margin-bottom: 0;
      pointer-events: auto; }
  .multi-boxes figure:hover .hover-caption {
    visibility: visible;
    opacity: 1.00; }
  .multi-boxes .inner-caption-container {
    display: table;
    width: 100%;
    height: 100%; }
  .multi-boxes .inner-caption-text {
    display: table-cell;
    text-align: center;
    vertical-align: middle; }
  .multi-boxes .button:hover {
    color: #FFFFFF; }

.no-touch .multi-boxes .box:hover img {
  transform: scale(1.1); }

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
  .multi-boxes .hover-caption .title {
    font-size: 1.625rem;
    line-height: 1.2;
    margin-bottom: 0.3125rem;
    font-family: "Unna", serif; }
  .multi-boxes .hover-caption .button {
    font-size: 0.6875rem;
    padding: 0.4375rem 0.9375rem; } }

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .multi-boxes {
    max-height: none; }
    .multi-boxes img {
      width: 100%; }
  .isotope-container .grid-sizer,
  .isotope-container .w1 {
    width: 50% !important; }
  .isotope-container .w2 {
    width: 100% !important; }
  .hover-caption .button {
    padding: 0.625rem 1.250rem; }
  .hover-caption .title {
    margin-bottom: 1.25rem; } }

@media only screen and (max-width: 40em) {
  .multi-boxes {
    max-height: none; }
    .multi-boxes figure {
      position: relative; }
    .multi-boxes .hover-caption {
      padding-bottom: 3rem;
      visibility: visible;
      opacity: 1.00; }
    .multi-boxes .inner-caption-text {
      vertical-align: bottom; }
    .multi-boxes .hover-caption .button {
      padding: 0.625rem 1.250rem; }
    .multi-boxes .hover-caption .title {
      font-size: 1.625rem;
      margin-bottom: 0.75rem; }
  .isotope-container .grid-sizer,
  .isotope-container .w1 {
    width: 100% !important; }
  .isotope-container .w2 {
    width: 100% !important; } }

.modal_window-custom {
  visibility: hidden;
  display: none;
  position: static;
  z-index: 99999991005;
  width: 100vw;
  top: 50%;
  border-radius: 0;
  left: 0;
  background: 0 0 !important;
  border: 0 solid transparent;
  box-shadow: 0 0 0 transparent;
  padding: 1.875rem; }
  .modal_window-custom .inner {
    position: fixed;
    width: 50%;
    left: 50%;
    z-index: 99999991010;
    top: 35%;
    transform: translate(-50%, -50%); }
  .modal_window-custom .close-reveal-modal,
  .modal_window-custom dialog .close-reveal-modal {
    font-size: 2.5rem;
    line-height: 1;
    position: fixed;
    top: 1rem;
    right: 1rem;
    color: #aaa;
    font-weight: 700;
    cursor: pointer;
    display: block;
    text-indent: -9999em;
    width: 2rem;
    height: 2rem;
    background: url(../images/spritesheet/close_icon_modal_window.svg) 50% 50% no-repeat; }
  .modal_window-custom dialog .close-reveal-modal:hover,
  .modal_window-custom .close-reveal-modal:hover {
    opacity: .5;
    transform: scale(0.9, 0.9); }

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

.close-reveal-modal {
  z-index: 99999991006; }

.overlay .search {
  text-align: center;
  position: relative;
  top: 50%;
  height: 50%;
  transform: translateY(-50%);
  margin: 0 auto;
  width: 100%; }

.overlay .search a.btn_search {
  display: block;
  position: absolute;
  top: 0.375rem;
  right: 0.625rem;
  width: 5rem !important;
  height: 5rem !important;
  padding: 0 !important;
  margin-top: 0;
  text-indent: -999em;
  background: url(../images/spritesheet/search_icon_modal_window.svg) 50% 50% no-repeat !important;
  background-size: 50% 50% !important; }

.overlay .search input[type=text] {
  background-color: rgba(0, 0, 0, 0.05);
  font-family: inherit;
  border: 2px solid #fff;
  box-shadow: inset 0 0 2px transparent;
  color: rgba(255, 255, 255, 0.7);
  display: block;
  font-size: 1.75rem;
  margin: 0 0 1rem;
  padding: 1rem 90px 1rem 2rem;
  height: 90px;
  width: 100%;
  box-sizing: border-box;
  transition: box-shadow .45s, border-color .45s ease-in-out;
  font-family: "Roboto", Arial, sans-serif;
  font-weight: 200; }

.overlay .search input::-webkit-input-placeholder {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1.750rem;
  color: #fff !important;
  font-weight: 400; }

.overlay .search input::-moz-placeholder {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1.750rem;
  color: #fff !important;
  font-weight: 400; }

.overlay .search input::-ms-input-placeholder {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1.750rem;
  color: #fff !important;
  font-weight: 400; }

@media only screen and (max-width: 40em) {
  .modal_window-custom .inner {
    width: 95%; }
  .overlay .search input[type=text] {
    font-size: 1rem !important;
    padding: 1rem 60px 1rem 1rem;
    height: 60px; }
  .overlay .search a.btn_search {
    width: 3.125rem !important;
    height: 3.125rem !important;
    top: 0.3125rem;
    right: 0.3125rem; }
  .overlay .search input::-webkit-input-placeholder {
    font-size: 1rem;
    font-weight: 200; }
  .overlay .search input::-moz-placeholder {
    font-size: 1rem;
    font-weight: 200; }
  .overlay .search input::-ms-input-placeholder {
    font-size: 1rem;
    font-weight: 200; } }

#preloader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 999;
  width: 100%;
  height: 500.000rem; }

#status {
  display: block;
  position: fixed;
  z-index: 999999;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  border: solid 2px transparent;
  border-top-color: #fff;
  border-left-color: #fff;
  border-radius: 50%;
  animation: pace-spinner 400ms linear infinite;
  margin: -25px 0 0 -25px; }

@-webkit-keyframes pace-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes pace-spinner {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-o-keyframes pace-spinner {
  0% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-ms-keyframes pace-spinner {
  0% {
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes pace-spinner {
  0% {
    transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg);
    transform: rotate(360deg); } }

.error {
  color: #fff;
  background: #e2231a;
  padding: .438rem;
  font-size: .688rem;
  display: none; }

span.error {
  font-size: .75em !important;
  padding: .417em !important;
  font-weight: 400;
  background: #e2231a;
  color: #fff !important;
  display: none;
  margin: -17px 0 15px; }

span.error[style*="visibility: hidden"] {
  height: 0 !important;
  margin: 0 !important;
  display: none !important; }

span.error[style*="visibility: visible"] {
  display: block !important; }

.form span.error {
  margin: -1rem 0 1rem; }

.pretty-embed:after {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -36px !important;
  left: 50%;
  margin-left: -34px !important;
  width: 69px !important;
  height: 72px !important;
  background-image: url("../images/spritesheet/play_2.svg") !important;
  background-size: cover; }

.main-categories > .row {
  padding-top: 1.25rem; }

.main-categories .category-item a {
  overflow: hidden;
  display: block; }
  .main-categories .category-item a figure {
    position: relative; }
    .main-categories .category-item a figure picture:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.25);
      z-index: 2;
      transition: all 300ms ease-out; }
    .main-categories .category-item a figure picture img {
      transition: all 300ms ease-out; }
    .main-categories .category-item a figure figcaption {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      text-align: center;
      z-index: 5; }
  .main-categories .category-item a:hover picture:after {
    background: rgba(0, 191, 179, 0.8); }
  .main-categories .category-item a:hover img {
    transform: scale(1.1, 1.1); }
  .main-categories .category-item a:hover .button:hover {
    background-color: #FFFFFF;
    color: #00BFB3; }

.main-categories .category-item--title {
  color: #FFFFFF;
  text-transform: uppercase;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1.375rem;
  line-height: 1.375rem;
  margin-bottom: 1.125rem;
  font-weight: 200; }

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .main-categories .category-item--title {
    font-size: 1.25rem;
    line-height: 1.25rem; }
  .main-categories .category-item .button {
    display: none; } }

.title-items h1 {
  color: #030101;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1.5rem; }

.featured-products {
  padding-top: 1.875rem;
  padding-bottom: 3.75rem; }

.products-list {
  margin-top: 1.875rem; }
  .products-list li {
    margin-bottom: 0.3125rem; }
    .products-list li > a {
      position: relative;
      display: block; }
    .products-list li a .hover-caption {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      padding: 0.9375rem;
      width: 100%;
      height: 100%;
      background-color: rgba(12, 12, 12, 0.6);
      color: rgba(255, 255, 255, 0.9);
      overflow: hidden;
      visibility: hidden;
      opacity: 0;
      pointer-events: none;
      transition: all 300ms ease-out; }
    .products-list li a .hover-caption .button {
      margin-bottom: 0;
      pointer-events: auto; }
    .products-list li a:hover .hover-caption {
      visibility: visible;
      opacity: 1.00; }
    .products-list li figcaption {
      padding: 0 0 0.9375rem 0; }
  .products-list__title {
    color: #424242;
    font-size: 0.8125rem;
    line-height: 1.3;
    margin-top: 0.3125rem;
    margin-bottom: 0;
    padding: 0 0.3125rem;
    text-transform: uppercase;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500; }
  .products-list__subtitle {
    display: block;
    margin-top: 0;
    text-transform: none;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500;
    font-size: 0.8125rem;
    color: #00bfb3; }
  .products-list__subtitle__dimension {
    margin: 0;
    color: #888;
    font-size: 0.75rem;
    line-height: 1.3em !important;
    display: inline-block;
    width: 100%; }
    .products-list__subtitle__dimension strong {
      display: block;
      font-weight: 400; }
  .products-list__price {
    color: #424242;
    font-size: 0.875rem;
    margin-top: 0.125rem; }
    .products-list__price del {
      color: #828282;
      margin-right: 0.3125rem; }
    .products-list__price em {
      font-style: normal;
      color: #030101;
      font-family: "Roboto", Arial, sans-serif;
      font-weight: 700; }
  .products-list .caratteristiche {
    text-align: center !important;
    /*white-space: nowrap;*/
    line-height: 15px;
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
    text-align: center; }
    .products-list .caratteristiche li {
      display: inline-block;
      margin: 0px 0.125rem;
      padding: 0px;
      margin-bottom: 4px; }
    .products-list .caratteristiche li span {
      display: inline-block;
      padding: 0.125rem 0.5rem 0.0625rem;
      color: #FFFFFF;
      font-size: 0.5625rem;
      font-weight: 600;
      text-transform: uppercase; }
    .products-list .caratteristiche--shoulder {
      background: #030101; }
    .products-list .caratteristiche--wheeled {
      background: #030101; }
    .products-list .caratteristiche--cabin {
      background: #030101; }
  .products-list .colore {
    text-align: center !important;
    white-space: nowrap;
    list-style: none;
    margin: 0.3125rem 0 0 0;
    padding: 0px;
    width: 100%;
    text-align: center; }
    .products-list .colore li {
      display: inline-block;
      margin: 0px 0.125rem;
      padding: 0px; }
    .products-list .colore__item {
      display: inline-block;
      width: 1rem;
      height: 1rem; }
  .products-list .qualita {
    position: absolute;
    top: 1.25rem;
    left: 1.25rem;
    white-space: nowrap;
    list-style: none;
    margin: 0;
    padding: 0px;
    width: 100%; }
    .products-list .qualita li {
      margin: 0.3125rem 0;
      padding: 0;
      background: url("../images/spritesheet/quality.svg") no-repeat 50% 50%;
      background-size: contain;
      width: 1rem;
      height: 1rem;
      border: 0; }
      .products-list .qualita li.disable {
        background: url("../images/spritesheet/quality_desaturate.svg") no-repeat 50% 50%;
        background-size: contain;
        width: 1rem;
        height: 1rem; }
  .products-list__flags .flag-icon {
    position: absolute;
    top: 1.25rem;
    width: 3.125rem;
    height: 3.125rem;
    line-height: 3.125rem;
    color: #FFFFFF;
    text-align: center;
    border-radius: 50%;
    font-size: 0.875rem;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500;
    text-transform: uppercase; }
    .products-list__flags .flag-icon.new {
      left: 1.25rem;
      background: #000000; }
    .products-list__flags .flag-icon.discount {
      right: 1.25rem;
      background: #00BFB3; }
    .products-list__flags .flag-icon.ricondizionato {
      top: 4.6875rem;
      right: 1.25rem;
      background: #e76000;
      text-indent: -9999px; }
      .products-list__flags .flag-icon.ricondizionato:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        background: url("../images/spritesheet/ricondizionato.png") no-repeat 50% 50%;
        background-size: 40px 40px;
        width: 3.125rem;
        height: 3.125rem; }
    .products-list__flags .flag-icon.preorder {
      right: 1.25rem;
      background: #00BFB3;
      /*text-indent: -9999px;*/
      font-size: 75%;
      line-height: 0.725rem;
      padding-top: 7px; }
    .products-list__flags .flag-icon.laser {
      top: 4.6875rem;
      left: 1.25rem;
      background: #000000;
      text-indent: -9999px; }
      .products-list__flags .flag-icon.laser:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        /*background:url('../images/spritesheet/laser.svg') no-repeat 50% 50%;*/
        background: url("../images/spritesheet/laser.png") no-repeat 50% 50%;
        background-size: 50px 50px;
        width: 3.125rem;
        height: 3.125rem; }
  .products-list .inner-caption-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%; }
    .products-list .inner-caption-container .button {
      background: #FFFFFF;
      color: #222; }
      .products-list .inner-caption-container .button:hover {
        background: #00BFB3;
        color: #FFFFFF; }

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .products-list {
    margin-bottom: 2.8125rem;
    border-top: 0 solid rgba(66, 66, 66, 0.15); }
    .products-list li {
      border-bottom: 0 solid rgba(66, 66, 66, 0.15);
      margin-bottom: 0; }
    .products-list li:nth-child(even) {
      border-right: 0 solid rgba(66, 66, 66, 0.15); } }

@media only screen and (max-width: 40em) {
  .products-list {
    margin-top: 0; }
    .products-list li {
      border-bottom: 0.0625rem solid rgba(66, 66, 66, 0.25); }
    .products-list li:last-child {
      border-bottom: 0 solid rgba(66, 66, 66, 0.25); }
    .products-list .colore li {
      border-bottom: 0 solid rgba(66, 66, 66, 0.25); } }

.tuning-label figcaption:before {
  content: 'ready';
  display: inline-block;
  background: #f1b200;
  color: #fff;
  z-index: 50;
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 1px;
  font-weight: 500;
  padding: 1px 10px 0px; }

.banners {
  padding: 1.875rem 0; }
  .banners .item {
    display: block;
    margin-top: 0.9375rem !important;
    margin-bottom: 0.9375rem !important; }
    .banners .item a * {
      transition: all 300ms ease-out;
      background: #030101; }
    .banners .item a:hover img {
      opacity: 0.85; }

.banner__promo {
  padding: 15px; }
  .banner__promo .row {
    position: relative; }
  .banner__promo .bar-avviso-close {
    background-color: transparent;
    background-image: url(../images/spritesheet/fancybox_sprite@2x.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: -5px;
    right: 0; }
    .banner__promo .bar-avviso-close:focus, .banner__promo .bar-avviso-close:active, .banner__promo .bar-avviso-close:hover {
      background-color: transparent; }
  .banner__promo .button {
    margin-bottom: 0; }
    .banner__promo .button:hover {
      color: #fff; }
  .banner__promo h4 {
    margin: 0;
    font-size: 18px;
    padding-right: 40px;
    font-weight: 500; }
  .banner__promo h5 {
    margin: 0;
    font-size: 16px;
    margin-top: 6px; }
  .banner__promo div:not(.row) {
    margin-top: 4px;
    font-size: 13px; }
    @media (min-width: 1024px) {
      .banner__promo div:not(.row) {
        padding-right: 40px; } }
  .banner__promo[style*="color:#000;"] .bar-avviso-close {
    background-image: url(../images/spritesheet/fancybox_sprite@2x-black.png); }
  .banner__promo[style*="background:#25d366;"] .button:hover, .banner__promo[style*="background:#00BFB3;"] .button:hover {
    background-color: #fff; }
  .banner__promo[style*="background:#25d366;"][style*="color:#000;"] .button {
    border-color: #000;
    color: #000; }
    .banner__promo[style*="background:#25d366;"][style*="color:#000;"] .button:hover {
      border-color: #25d366;
      color: #fff;
      background-color: #000; }
  .banner__promo[style*="background:#25d366;"] .button:hover {
    color: #25d366; }
  .banner__promo[style*="background:#00BFB3;"][style*="color:#000;"] .button {
    border-color: #000;
    color: #000; }
    .banner__promo[style*="background:#00BFB3;"][style*="color:#000;"] .button:hover {
      border-color: #00BFB3;
      color: #fff;
      background-color: #000; }
  .banner__promo[style*="background:#00BFB3;"] .button:hover {
    color: #00BFB3; }

.banner-info {
  background: #00BFB3;
  display: flex;
  color: #fff;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 400;
  padding: 10px;
  text-align: center; }

@media only screen and (min-width: 1025px) {
  .header.has-banner-info {
    padding-top: 0px !important; }
  .header:not(.fixed) .banner-info {
    margin-bottom: 20px; } }

.footer-boxes {
  margin: 0px !important;
  padding: 0 !important; }
  .footer-boxes .columns {
    margin: 0 !important;
    padding: 0 !important;
    background: #222; }
  .footer-boxes .box {
    text-align: center; }
    .footer-boxes .box figure {
      position: relative; }
    .footer-boxes .box picture {
      overflow: hidden;
      display: block; }
      .footer-boxes .box picture:before {
        content: '';
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);
        margin: auto;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        transition: all 300ms ease-out;
        opacity: 0;
        z-index: 2; }
    .footer-boxes .box figure * {
      transition: all 300ms ease-out; }
    .footer-boxes .box:hover img {
      transform: scale(1.05, 1.05); }
    .footer-boxes .box:hover picture:before {
      opacity: 1; }
    .footer-boxes .box figcaption {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      padding: 0 3.75rem;
      z-index: 3;
      display: block; }
    .footer-boxes .box__title {
      font-size: 1.625rem;
      line-height: 1.625rem;
      font-family: "Unna", serif;
      color: #00BFB3;
      width: 100%;
      padding-top: 4.375rem; }
      .footer-boxes .box__title:before {
        content: '';
        display: inline-block;
        width: 3.75rem;
        height: 3.75rem;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%); }
    .footer-boxes .box__abstract {
      font-size: 0.875rem;
      font-family: "Roboto", Arial, sans-serif;
      color: #FFFFFF;
      width: 100%;
      font-weight: 200;
      padding: 0 15%; }
    .footer-boxes .box .button {
      font-size: 0.75rem;
      font-family: "Roboto", Arial, sans-serif; }
    .footer-boxes .box .button:hover {
      color: #FFFFFF; }
    .footer-boxes .box.box-1 .box__title:before {
      background: url(../images/spritesheet/scissor.svg) no-repeat 50% 50%;
      background-size: contain; }
    .footer-boxes .box.box-2 .box__title:before {
      background: url(../images/spritesheet/clock.svg) no-repeat 50% 50%;
      background-size: contain; }
    .footer-boxes .box.box-3 .box__title:before {
      background: url(../images/spritesheet/marker_3.svg) no-repeat 50% 50%;
      background-size: contain; }

@media only screen and (min-width: 1024px) and (max-width: 1366px) {
  .footer-boxes .box figcaption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 0 1.875rem;
    z-index: 3;
    display: block; }
  .footer-boxes .box__title {
    font-size: 1.5rem;
    line-height: 1.5rem;
    padding-top: 2.8125rem; }
    .footer-boxes .box__title:before {
      width: 2.8125rem;
      height: 2.8125rem; }
  .footer-boxes .box__abstract {
    font-size: 0.875rem;
    font-family: "Roboto", Arial, sans-serif;
    color: #FFFFFF;
    width: 100%;
    font-weight: 200; }
  .footer-boxes .box .button {
    font-size: 0.6875rem; } }

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .footer-boxes {
    border-top: 0.0625rem solid rgba(66, 66, 66, 0.2); }
    .footer-boxes .columns {
      margin: 0 !important;
      padding: 1.875rem 0 1.875rem !important;
      background: #fff; }
    .footer-boxes .box {
      display: block; }
      .footer-boxes .box picture {
        display: none; }
      .footer-boxes .box figcaption {
        position: static;
        top: auto;
        left: auto;
        transform: translate(0, 0);
        width: 100%;
        padding: 0.9375rem;
        z-index: 3;
        display: block;
        text-align: center;
        background: #FFFFFF;
        border-bottom: 0 solid rgba(0, 191, 179, 0.3); }
      .footer-boxes .box__title {
        font-size: 1.5rem;
        line-height: 1.5rem;
        padding-top: 3.75rem;
        min-height: 112px; }
        .footer-boxes .box__title:before {
          width: 3.75rem;
          height: 3.75rem; }
      .footer-boxes .box__abstract {
        font-size: 0.875rem;
        font-family: "Roboto", Arial, sans-serif;
        color: #424242;
        width: 100%;
        font-weight: 200; }
      .footer-boxes .box .button {
        font-size: 0.6875rem;
        color: #030101;
        border-color: #030101; }
      .footer-boxes .box.box-1 .box__title:before {
        background: url(../images/spritesheet/scissor_dark.svg) no-repeat 50% 50%;
        background-size: contain; }
      .footer-boxes .box.box-2 .box__title:before {
        background: url(../images/spritesheet/clock_dark.svg) no-repeat 50% 50%;
        background-size: contain; }
      .footer-boxes .box.box-3 .box__title:before {
        background: url(../images/spritesheet/marker_dark.svg) no-repeat 50% 50%;
        background-size: contain; }
      .footer-boxes .box.box-2 {
        border: 0.0625rem solid rgba(66, 66, 66, 0.2);
        border-width: 0 0.0625rem; } }

@media only screen and (max-width: 40em) {
  .footer-boxes .columns {
    background: #fff; }
  .footer-boxes .box {
    border-bottom: 0.0625rem solid #fff !important; }
    .footer-boxes .box picture {
      display: none; }
    .footer-boxes .box figcaption {
      position: static;
      top: auto;
      left: auto;
      transform: translate(0, 0);
      width: 100%;
      padding: 0.9375rem;
      z-index: 3;
      display: block;
      text-align: center;
      background: #030101;
      border-bottom: 0.0625rem solid rgba(0, 191, 179, 0.3); }
    .footer-boxes .box__title {
      font-size: 1.5rem;
      line-height: 1.5rem;
      padding-top: 3.125rem; }
      .footer-boxes .box__title:before {
        content: '';
        display: inline-block;
        width: 2.8125rem;
        height: 2.8125rem;
        position: absolute;
        top: 0.9375rem;
        left: 50%;
        transform: translateX(-50%); }
    .footer-boxes .box__abstract {
      font-size: 0.9375rem;
      line-height: 1.125rem;
      font-weight: 400;
      margin-bottom: 0.9375rem; }
    .footer-boxes .box .button {
      font-size: 0.75rem;
      position: relative;
      width: auto;
      bottom: 0px;
      left: 0px;
      border: #00BFB3;
      background: #00BFB3; } }

.filters-select {
  margin-bottom: 1.875rem;
  padding: 0.125rem 0;
  border: 0.0625rem solid rgba(66, 66, 66, 0.15);
  border-width: 0.0625rem 0;
  display: inline-block; }
  .filters-select label {
    line-height: 2.1875rem;
    border-right: 0.0625rem solid rgba(66, 66, 66, 0.15);
    color: rgba(66, 66, 66, 0.7);
    font-family: "Roboto", Arial, sans-serif;
    cursor: text; }
  .filters-select select {
    margin: 0px;
    padding-left: 0.625rem !important;
    padding-right: 0.625rem !important;
    border: 0px;
    background-color: #FFFFFF;
    height: 2.1875rem;
    outline: none;
    color: rgba(66, 66, 66, 0.7);
    font-family: "Roboto", Arial, sans-serif;
    border-right: 0.0625rem solid rgba(66, 66, 66, 0.15); }
  .filters-select .text-right label {
    padding-right: 0.625rem !important; }
  .filters-select .text-right select {
    border: 0px; }
  .filters-select a.btn-promo {
    margin: 0 0 0 0.625rem !important;
    padding: 0.5rem 0.9375rem 0.5rem 0.625rem !important;
    position: relative;
    text-align: left;
    border-radius: 0.125rem !important;
    background: #00BFB3;
    color: #fff;
    display: block;
    font-size: 0.75rem;
    transition: all 300ms ease-out; }
    .filters-select a.btn-promo:hover {
      background-color: #030101; }
    .filters-select a.btn-promo .promo-icon {
      display: block;
      width: 1.125rem;
      height: 1.125rem;
      background: url(../images/spritesheet/sales_2.svg) no-repeat 50% 50%;
      background-size: contain;
      position: absolute;
      top: 50%;
      right: 0.625rem;
      margin-top: -0.5625rem; }
  .filters-select .btn-reset {
    display: block;
    color: #030101;
    margin: 0px 0 0 10px;
    padding: 10px 5px 6px !important;
    font-size: 0.6875rem;
    font-family: "Roboto", Arial, sans-serif;
    text-transform: uppercase;
    transition: all 300ms ease-out; }
    .filters-select .btn-reset span[class*="fi-"] {
      margin-right: 0.1875rem; }
    .filters-select .btn-reset:hover {
      color: #030101; }

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .filters-select {
    display: inline-block;
    margin-top: 0.4375rem;
    padding: 0.625rem 0 !important;
    border-width: 0 0;
    background: rgba(224, 224, 224, 0.6); }
    .filters-select label {
      border-right: 0 solid rgba(66, 66, 66, 0.15);
      color: rgba(66, 66, 66, 0.7);
      font-family: "Roboto", Arial, sans-serif;
      cursor: text;
      text-transform: uppercase;
      font-size: 0.6875rem;
      display: none; }
    .filters-select select {
      margin: 0px;
      border: 0px;
      background-color: #FFFFFF;
      height: 2.8125rem;
      outline: none;
      color: rgba(66, 66, 66, 0.7);
      font-family: "Roboto", Arial, sans-serif;
      border: 0.0625rem solid rgba(66, 66, 66, 0.15); }
    .filters-select .text-right {
      text-align: left !important; }
    .filters-select .btn-reset {
      margin: 0px 0 0 0px; } }

@media only screen and (max-width: 40em) {
  .filters-select {
    display: inline-block;
    padding-bottom: 1.25rem !important;
    border-width: 0 0;
    background: rgba(224, 224, 224, 0.6); }
    .filters-select label {
      border-right: 0 solid rgba(66, 66, 66, 0.15);
      color: rgba(66, 66, 66, 0.7);
      font-family: "Roboto", Arial, sans-serif;
      cursor: text;
      text-transform: uppercase;
      font-size: 0.6875rem; }
    .filters-select select {
      margin: 0px !important;
      border: 0px;
      background-color: #FFFFFF;
      height: 2.8125rem;
      outline: none;
      color: rgba(66, 66, 66, 0.7);
      font-family: "Roboto", Arial, sans-serif;
      border: 0.0625rem solid rgba(66, 66, 66, 0.15); }
    .filters-select .text-right {
      text-align: left !important; }
    .filters-select .btn-reset {
      margin: 0px 0 0 0px; } }

.product-detail {
  padding: 0 0 0 0.9375rem; }
  .product-detail * {
    color: #030101; }
  .product-detail__no-padding {
    padding: 0 0 0 0; }
  .product-detail__padding-30 {
    padding: 1.875rem !important; }
  .product-detail__title {
    /*font-size:rem-calc(24);
        line-height:rem-calc(28);*/
    color: #424242;
    font-size: 1rem;
    text-transform: uppercase;
    display: block;
    margin-bottom: 0;
    padding-right: 3.125rem;
    padding-bottom: 0px;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500; }
    .product-detail__title span {
      display: block;
      width: 100%;
      text-transform: none;
      font-size: 0.8125rem;
      line-height: 1.2em;
      color: rgba(3, 1, 1, 0.8);
      font-family: "Roboto", Arial, sans-serif;
      font-weight: 400;
      margin-top: 0.25rem;
      border-bottom: 0.0625rem solid #dcdcdc;
      padding-bottom: 0.3125rem; }
      .product-detail__title span:first-letter {
        text-transform: capitalize; }
  .product-detail__code {
    /* font-size:rem-calc(16) !important;*/
    font-weight: 600;
    display: block;
    margin: 0 0 0;
    padding: 0px !important;
    color: #424242;
    font-size: 1.5rem !important;
    line-height: 1.75rem;
    color: #00BFB3; }
  .product-detail__qualita {
    text-align: center;
    font-family: "Roboto", Arial, sans-serif;
    text-transform: uppercase;
    color: #030101;
    font-size: 0.875rem;
    font-weight: 500;
    margin: 1.25rem 0 1.5625rem 0; }
    @media only screen and (min-width: 64.0625em) {
      .product-detail__qualita {
        text-align: left;
        margin: 1.375rem 0 0 0; } }
    .product-detail__qualita .qualita {
      text-align: center;
      white-space: nowrap;
      list-style: none;
      margin: 0.3125rem 0 0 0;
      padding: 0px;
      display: block;
      width: 100%; }
      @media only screen and (min-width: 64.0625em) {
        .product-detail__qualita .qualita {
          text-align: left; } }
      .product-detail__qualita .qualita li {
        display: inline-block;
        margin: 0;
        padding: 0;
        background: url("../images/spritesheet/quality.svg") no-repeat 50% 50%;
        background-size: contain;
        width: 1.125rem;
        height: 1.125rem; }
        .product-detail__qualita .qualita li.disable {
          background: url("../images/spritesheet/quality_desaturate.svg") no-repeat 50% 50%;
          background-size: contain;
          width: 1.125rem;
          height: 1.125rem; }
  .product-detail__flags .flag-icon {
    position: absolute;
    top: 0.4375rem;
    width: 3.125rem;
    height: 3.125rem;
    line-height: 3.125rem;
    color: #FFFFFF;
    text-align: center;
    border-radius: 50%;
    font-size: 0.875rem;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 500;
    text-transform: uppercase; }
    .product-detail__flags .flag-icon.new {
      right: 0;
      top: 0;
      background: #222;
      transform: rotate(15deg); }
    .product-detail__flags .flag-icon.discount {
      right: 1.25rem;
      background: #00BFB3; }
    .product-detail__flags .flag-icon.ricondizionato {
      top: 0;
      right: 0.9375rem;
      background: #e76000;
      text-indent: -9999px; }
      .product-detail__flags .flag-icon.ricondizionato:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        background: url("../images/spritesheet/ricondizionato.png") no-repeat 50% 50%;
        background-size: 40px 40px;
        width: 3.125rem;
        height: 3.125rem; }
    .product-detail__flags .flag-icon.preorder {
      top: 1.2rem;
      left: 9rem;
      background: #00BFB3;
      font-size: 75%;
      line-height: 0.825rem;
      padding-top: 12px; }
  .product-detail__short-description {
    font-size: 0.875rem;
    margin: 0px;
    color: #424242;
    text-align: center !important; }
    @media only screen and (min-width: 64.0625em) {
      .product-detail__short-description {
        text-align: justify !important; } }
    .product-detail__short-description p {
      margin: 0px; }
    .product-detail__short-description a[href*="info"] {
      text-decoration: none;
      color: #000000;
      font-size: 0.75rem;
      white-space: nowrap;
      background: #e0e0e0;
      padding: 0.3125rem 0.625rem;
      margin-top: 0.3125rem;
      display: inline-block;
      transition: all 300ms ease-out; }
      .product-detail__short-description a[href*="info"]:hover {
        color: #000000;
        text-decoration: none;
        background: #c7c7c7; }
  .product-detail .caratteristiche {
    text-align: center !important;
    white-space: nowrap;
    list-style: none;
    margin: 0.3125rem 0 0 0;
    padding: 0px;
    width: 100%;
    text-align: left !important; }
    .product-detail .caratteristiche li {
      display: inline-block;
      margin: 0px 0.125rem;
      padding: 0px; }
    .product-detail .caratteristiche li span {
      display: inline-block;
      padding: 0.125rem 0.5rem 0.0625rem;
      color: #FFFFFF;
      font-size: 0.5625rem;
      font-weight: 600;
      text-transform: uppercase; }
    .product-detail .caratteristiche--shoulder {
      background: #030101; }
    .product-detail .caratteristiche--wheeled {
      background: #030101; }
    .product-detail .caratteristiche--cabin {
      background: #030101; }
    .product-detail .caratteristiche--laser {
      background: #030101;
      color: #fff; }
    .product-detail .caratteristiche li span a {
      text-decoration: none;
      color: #fff; }
  .product-detail__price {
    display: block;
    margin: 1.25rem 0 1.5625rem;
    padding: 0px;
    font-family: "Roboto", Arial, sans-serif; }
    .product-detail__price del {
      text-decoration: line-through;
      text-transform: uppercase;
      color: #999;
      font-size: 0.875rem;
      font-weight: 500;
      display: inline-block; }
    .product-detail__price mark {
      background: transparent;
      color: #00BFB3;
      font-family: "Roboto", Arial, sans-serif;
      font-size: 0.875rem; }
      .product-detail__price mark:before {
        content: "/";
        color: #ccc;
        margin: 0 0.3125rem; }
    .product-detail__price .price {
      font-size: 1.5rem;
      line-height: 1.5rem;
      display: block;
      color: #030101;
      text-transform: uppercase;
      font-family: "Roboto", Arial, sans-serif;
      font-weight: 600;
      margin-top: 0; }
      .product-detail__price .price:last-letter {
        font-size: 1.25rem; }
  .product-detail__description {
    font-size: 0.9375rem;
    line-height: 1.25rem;
    display: block;
    margin: 0.9375rem 0; }
  .product-detail__options {
    margin: 0 0 0.625rem;
    padding: 0 0 0; }
    .product-detail__options h2 {
      font-family: "Roboto", Arial, sans-serif; }
    .product-detail__options .color__thumbs {
      margin: 0.3125rem 0 0 0;
      padding: 0px !important; }
      .product-detail__options .color__thumbs li {
        margin: 0 0.3125rem 0 0;
        padding: 0px !important;
        width: 1.875rem;
        height: 1.875rem; }
      .product-detail__options .color__thumbs a {
        display: block;
        border: 0.125rem solid transparent !important;
        padding: 0.3125rem;
        background: #fff;
        width: 1.875rem;
        height: 1.875rem;
        transition: all 300ms ease-out; }
        .product-detail__options .color__thumbs a.active, .product-detail__options .color__thumbs a:hover {
          border: 0.0625rem solid #00BFB3; }
      .product-detail__options .color__thumbs li.active a {
        border: 0.125rem solid #dcdcdc !important;
        position: relative; }
        .product-detail__options .color__thumbs li.active a:before {
          content: '';
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          width: 1rem;
          height: 1rem;
          background: url(../images/spritesheet/check_white.svg) no-repeat 50% 50%;
          background-size: contain; }
    .product-detail__options .color [class*="block-grid-"] > li {
      display: block;
      float: left;
      height: auto;
      padding: 0 0.625rem 1.25rem 0; }
    .product-detail__options .customize {
      margin: 0 0 0.625rem;
      padding: 0.625rem;
      border: 0.0625rem solid rgba(66, 66, 66, 0.35);
      border-width: 1px 0 1px; }
      .product-detail__options .customize p {
        margin: 0;
        padding: 0 0.625rem 0 0;
        font-size: 0.8125rem;
        line-height: 1.4em;
        color: #424242;
        font-family: "Roboto", Arial, sans-serif;
        opacity: 0.8; }
        .product-detail__options .customize p:after {
          content: '';
          width: 1.5rem;
          height: 1.5rem;
          background: url(../images/spritesheet/arrow-directional_right-2.svg) no-repeat 50% 50%;
          background-size: contain;
          position: absolute;
          top: 50%;
          right: 2.8125rem;
          margin-top: -0.75rem;
          opacity: 0.8; }
      .product-detail__options .customize input {
        margin: 0px;
        border: 0px;
        background: url(../images/spritesheet/label_input.png) no-repeat 50% 0 transparent;
        font-size: 1rem;
        padding: 0 0 0 0;
        letter-spacing: -0.01875rem;
        font-family: "Roboto", Arial, sans-serif;
        border-radius: 0.1875rem !important;
        text-align: center;
        text-transform: uppercase;
        color: #030101;
        min-width: 9.6875rem; }
      .product-detail__options .customize__error {
        min-width: 468px;
        float: left;
        clear: both;
        text-align: center;
        margin: 0.625rem 0 0.625rem;
        padding: 0.625rem 0 !important;
        position: relative;
        left: -10px; }
      .product-detail__options .customize ::-webkit-input-placeholder {
        font-family: "Roboto", Arial, sans-serif;
        color: rgba(66, 66, 66, 0.5);
        font-size: 0.75rem;
        line-height: 1.375rem; }
      .product-detail__options .customize :-moz-placeholder {
        font-family: "Roboto", Arial, sans-serif;
        color: rgba(66, 66, 66, 0.5);
        font-size: 0.75rem;
        line-height: 1.375rem; }
      .product-detail__options .customize ::-moz-placeholder {
        font-family: "Roboto", Arial, sans-serif;
        color: rgba(66, 66, 66, 0.5);
        font-size: 0.75rem;
        line-height: 1.375rem; }
      .product-detail__options .customize :-ms-input-placeholder {
        font-family: "Roboto", Arial, sans-serif;
        color: rgba(66, 66, 66, 0.5);
        font-size: 0.75rem;
        line-height: 1.375rem; }
  .product-detail__subtitle {
    margin: 0 0 0 0;
    padding: 0 0 0.3125rem;
    font-size: 0.75rem;
    line-height: 0.75rem;
    color: #00BFB3;
    text-transform: uppercase;
    border-bottom: 0 solid rgba(3, 1, 1, 0.2);
    font-family: "Roboto", Arial, sans-serif; }
  .product-detail__subtitle + .custom-select {
    margin-top: 0;
    display: block; }
    .product-detail__subtitle + .custom-select select {
      background-color: #fff;
      border-color: #ccc #ccc #ccc #ccc; }
      .product-detail__subtitle + .custom-select select:disabled {
        background-color: #f6f6f6; }
  .product-detail__availability {
    padding: 0 0 0.625rem; }
    .product-detail__availability .label {
      font-weight: normal;
      font-family: "Roboto", Arial, sans-serif;
      text-align: center;
      text-decoration: none;
      line-height: 1;
      white-space: nowrap;
      display: inline-block;
      position: relative;
      margin-bottom: auto;
      padding: 0.4375rem 0.625rem;
      font-size: .6875rem;
      background-color: #888;
      border-radius: 0;
      color: #fff; }
      .product-detail__availability .label.success {
        background-color: #8bc34a;
        padding: 0.4375rem 0.9375rem 0.4375rem 0.625rem;
        margin-bottom: 0.625rem;
        color: #fff; }
        .product-detail__availability .label.success span {
          color: #fff !important;
          margin-right: 0.25rem; }
      .product-detail__availability .label.warning {
        background-color: #f4511e;
        padding: 0.4375rem 0.9375rem 0.4375rem 0.625rem;
        margin-bottom: 0.625rem;
        color: #fff; }
        .product-detail__availability .label.warning span {
          color: #fff !important;
          margin-right: 0.25rem; }
      .product-detail__availability .label.alert {
        background-color: rgba(66, 66, 66, 0.5);
        padding: 0.4375rem 0.9375rem 0.4375rem 0.625rem;
        margin-bottom: 0.625rem;
        color: #fff; }
        .product-detail__availability .label.alert span {
          color: #fff !important;
          margin-right: 0.25rem; }
  .product-detail__action-buttons {
    margin: 0px; }
    .product-detail__action-buttons .button {
      margin-bottom: 0.625rem;
      text-align: left;
      font-size: 0.9375rem;
      font-weight: 800;
      position: relative; }
      .product-detail__action-buttons .button--cart {
        background: #00BFB3;
        color: #FFFFFF;
        padding: 1.125rem 1.875rem !important;
        font-family: "Roboto", Arial, sans-serif !important;
        font-size: 1.125rem !important;
        text-align: center; }
        .product-detail__action-buttons .button--cart:hover {
          background: #030101; }
      .product-detail__action-buttons .button--secondary {
        background: #e0e0e0;
        color: #424242;
        font-weight: 600;
        font-size: 0.6875rem;
        text-align: center;
        font-family: "Roboto", Arial, sans-serif;
        margin-bottom: 0px; }
        .product-detail__action-buttons .button--secondary:hover {
          background: #c2c2c2; }
      .product-detail__action-buttons .button--rent {
        background: #559EC9;
        color: #FFFFFF;
        padding: 1.125rem 1.875rem !important;
        font-family: "Roboto", Arial, sans-serif !important;
        font-size: 1.125rem !important;
        text-align: center; }
        .product-detail__action-buttons .button--rent:hover {
          background: #2486c0; }
    .product-detail__action-buttons .button-group {
      width: 100%; }
      .product-detail__action-buttons .button-group li {
        width: 49%;
        float: left; }
      .product-detail__action-buttons .button-group > li {
        margin: 0 0px;
        display: inline-block; }
      .product-detail__action-buttons .button-group > li:last-child {
        float: right; }
  .product-detail__additional-info {
    margin: 1.5625rem 0 0; }
    .product-detail__additional-info .columns {
      padding: 0 0.9375rem;
      border-right: 0.0625rem solid rgba(0, 191, 179, 0.3); }
      .product-detail__additional-info .columns:last-child {
        border-right: 0 solid rgba(0, 191, 179, 0.3); }
    .product-detail__additional-info p {
      font-family: "Roboto", Arial, sans-serif;
      font-size: 0.8125rem;
      line-height: 1.2em;
      margin: 0;
      padding-top: 3.125rem;
      color: #666;
      position: relative;
      text-align: center; }
      .product-detail__additional-info p:before {
        content: '';
        width: 2.5rem;
        height: 2.5rem;
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -1.25rem; }
      .product-detail__additional-info p strong {
        color: #030101; }
    .product-detail__additional-info .info-shipping p:before {
      background: url(../images/spritesheet/shipping.svg) no-repeat 50% 50%;
      background-size: contain; }
    .product-detail__additional-info .info-phone p:before {
      background: url(../images/spritesheet/phone.svg) no-repeat 50% 50%;
      background-size: contain; }
    .product-detail__additional-info .info-clock p:before {
      background: url(../images/spritesheet/clock_new.svg) no-repeat 50% 50%;
      background-size: contain; }
    .product-detail__additional-info .info-phone strong {
      display: block; }
  .product-detail .box-experience {
    margin: 1.25rem 0 0;
    border: 0.0625rem solid #00BFB3;
    float: left;
    width: 100%; }
    .product-detail .box-experience__inner {
      text-align: center;
      padding: 0.625rem 1.875rem;
      font-size: 0.8125rem;
      position: relative; }
      .product-detail .box-experience__inner:before {
        content: '';
        width: 3.875rem;
        height: 0.6875rem;
        background: url(../images/spritesheet/stars.png) no-repeat 50% 50% #fff;
        background-size: contain;
        position: absolute;
        top: -0.375rem;
        left: 50%;
        transform: translateX(-50%);
        border: 0.0625rem solid #fff;
        border-width: 0 0.375rem;
        border-color: #fff; }
    .product-detail .box-experience__title {
      display: block;
      text-transform: uppercase;
      font-weight: 600;
      color: #00BFB3;
      font-size: 0.9375rem;
      margin-top: 0.3125rem; }
    .product-detail .box-experience__desc {
      display: block;
      color: #666;
      padding: 0 1.875rem; }
    .product-detail .box-experience__link {
      display: block;
      color: #00BFB3;
      font-weight: 600;
      text-transform: uppercase;
      font-size: 0.75rem;
      margin: 0.3125rem 0 0;
      transition: all 300ms ease-out; }
      .product-detail .box-experience__link:hover {
        color: #030101;
        text-decoration: underline; }
  .product-detail__new-color {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap; }
    .product-detail__new-color .new-color__link {
      text-decoration: underline;
      color: #00BFB3;
      font-style: italic;
      font-size: 12px;
      margin-bottom: 5px;
      margin-left: 5px; }
      .product-detail__new-color .new-color__link img {
        max-width: 18px;
        margin-right: 5px; }

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .product-detail {
    padding: 1.875rem 0 0 0 !important; }
    .product-detail__title {
      font-size: 1.875rem;
      line-height: 2.125rem;
      text-transform: uppercase;
      display: block;
      margin-bottom: 0;
      padding-right: 0;
      text-align: center; }
      .product-detail__title span {
        margin-top: 0; }
    .product-detail__code {
      text-align: center; }
    .product-detail__short-description {
      text-align: justify; }
    .product-detail__price {
      text-align: center; }
      .product-detail__price .price {
        font-size: 1.75rem; }
    .product-detail__availability {
      text-align: center; }
    .product-detail__options .customize p {
      line-height: 2.3125rem; }
      .product-detail__options .customize p:after {
        right: 0; }
    .product-detail__options .customize label {
      float: right; } }

@media only screen and (max-width: 40em) {
  .product-detail {
    padding: 0px !important; }
    .product-detail__title {
      font-size: 1.5rem;
      line-height: 1.75rem;
      text-transform: uppercase;
      display: block;
      margin-bottom: 0;
      padding-right: 0;
      text-align: center; }
      .product-detail__title span {
        margin-top: 0; }
    .product-detail__code {
      text-align: center; }
    .product-detail__action-buttons .button--secondary {
      font-size: 0.625rem;
      font-family: "Roboto", Arial, sans-serif;
      letter-spacing: 0; }
    .product-detail__short-description {
      text-align: justify; }
    .product-detail__price {
      text-align: center; }
      .product-detail__price .price {
        font-size: 2rem; }
    .product-detail__availability {
      text-align: center; }
    .product-detail__options .customize {
      margin: 0 0 0.625rem;
      padding: 0.625rem; }
      .product-detail__options .customize p {
        margin: 0;
        padding: 0 0 0;
        font-size: 1rem;
        text-align: center; }
        .product-detail__options .customize p:after {
          display: none; }
      .product-detail__options .customize input {
        margin: 0.625rem 0 0;
        font-size: 1rem;
        border-radius: 0px !important; }
      .product-detail__options .customize__error {
        min-width: auto;
        float: none !important;
        text-align: center;
        margin: 0.625rem 0 0;
        padding: 0.625rem 0 !important;
        position: relative;
        left: 0px;
        width: inherit !important; }
    .product-detail__additional-info {
      margin: 0.9375rem 0; }
      .product-detail__additional-info .columns {
        padding: 0.9375rem 0;
        min-height: 3.75rem;
        border-right: 0 solid rgba(0, 191, 179, 0.3);
        border-bottom: 0.0625rem solid rgba(0, 191, 179, 0.3); }
      .product-detail__additional-info p {
        line-height: 1.2em;
        margin: 0px;
        padding-left: 3.125rem;
        color: #666;
        position: relative;
        padding-top: 0;
        text-align: left;
        min-height: 30px; }
        .product-detail__additional-info p:before {
          content: '';
          width: 2.5rem;
          height: 2.5rem;
          top: 50%;
          left: 0;
          margin-left: 0;
          margin-top: -1.25rem; }
        .product-detail__additional-info p strong {
          display: inline;
          color: #030101; } }

.product-detail__subtitle + .custom-select select {
  text-transform: uppercase !important; }

.vector-panel {
  display: block;
  position: absolute;
  top: 15px;
  right: 0; }
  .vector-panel img {
    height: 35px; }

.has-vector-panel > .columns:first-child {
  text-align: left; }
  .has-vector-panel > .columns:first-child .product-detail__price {
    text-align: left !important; }

.accordion {
  margin: 0px;
  padding: 0px; }
  .accordion .accordion-navigation a,
  .accordion .accordion-navigation a:hover {
    padding: 0 0.4375rem 0 0;
    color: rgba(66, 66, 66, 0.8);
    background: transparent;
    font-size: 0.75rem;
    display: inline-block;
    border: 0.0625rem solid rgba(66, 66, 66, 0.25);
    border-radius: 0.125rem; }
    .accordion .accordion-navigation a .icon,
    .accordion .accordion-navigation a:hover .icon {
      margin: 0 0.3125rem;
      font-size: 0.6875rem; }
      .accordion .accordion-navigation a .icon:before,
      .accordion .accordion-navigation a:hover .icon:before {
        font-size: 1rem;
        line-height: 0.625rem;
        font-weight: 700;
        content: "+"; }
    .accordion .accordion-navigation a .icon-arrow,
    .accordion .accordion-navigation a:hover .icon-arrow {
      margin: 0 0.3125rem;
      font-size: 0.6875rem; }
      .accordion .accordion-navigation a .icon-arrow:before,
      .accordion .accordion-navigation a:hover .icon-arrow:before {
        font-size: 1rem;
        line-height: 0.625rem;
        font-weight: 700;
        content: "▾"; }
  .accordion .accordion-navigation.active a,
  .accordion .accordion-navigation.active a:hover {
    background: transparent; }
    .accordion .accordion-navigation.active a .icon,
    .accordion .accordion-navigation.active a:hover .icon {
      margin: 0 0.3125rem;
      font-size: 0.6875rem; }
      .accordion .accordion-navigation.active a .icon:before,
      .accordion .accordion-navigation.active a:hover .icon:before {
        font-size: 1rem;
        font-weight: 700;
        content: "-"; }
    .accordion .accordion-navigation.active a .icon-arrow,
    .accordion .accordion-navigation.active a:hover .icon-arrow {
      margin: 0 0.3125rem;
      font-size: 0.6875rem; }
      .accordion .accordion-navigation.active a .icon-arrow:before,
      .accordion .accordion-navigation.active a:hover .icon-arrow:before {
        font-size: 1rem;
        font-weight: 700;
        content: "▴"; }
  .accordion .content {
    text-align: center;
    color: rgba(66, 66, 66, 0.9); }
    .accordion .content p {
      font-size: 0.875rem;
      text-align: justify; }

.tooltip {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 0.75rem;
  font-weight: 200;
  border-radius: 0; }
  .tooltip br {
    display: none; }
  @media only screen and (max-width: 40em) {
    .tooltip {
      margin-left: 0.5625rem; }
      .tooltip .nub {
        display: none; } }

.has-tip,
.has-tip:hover {
  border-bottom: dotted 0px transparent;
  color: inherit;
  cursor: pointer;
  font-weight: inherit; }

.alert-box {
  font-size: 0.875rem;
  line-height: 1.2em;
  font-weight: 400; }
  .alert-box p {
    margin: 0px;
    padding: 0px;
    font-weight: 200;
    font-size: 0.875rem;
    line-height: 1.2em;
    font-weight: 400; }
  .alert-box strong {
    font-weight: 700; }
  .alert-box.error {
    display: block;
    border-color: transparent; }
    .alert-box.error p {
      color: #fff; }
  .alert-box.warning p {
    color: #fff; }
  .alert-box.warning .close {
    color: #fff; }
  .alert-box.info p {
    color: #fff; }
  .alert-box.success p {
    color: #fff; }
  .alert-box.alert {
    color: #fff; }
    .alert-box.alert p {
      color: #fff !important; }
  .alert-box.free-shipping {
    background: #00BFB3;
    border-color: #00BFB3;
    margin-bottom: 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 0.8125rem;
    letter-spacing: 1px; }

/*-------------------
-------------------
CMS CONTENT
-------------------
-------------------*/
.general-media-container {
  padding-bottom: 1rem;
  padding-top: 1rem; }
  .general-media-container h1 {
    font-size: 2rem;
    line-height: 2.25rem;
    margin-top: 0.67em;
    margin-bottom: 0.67em; }
  .general-media-container h2 {
    font-size: 1.5rem;
    line-height: 1.75rem;
    margin-top: 0.83em;
    margin-bottom: 0.83em; }
  .general-media-container h3 {
    font-size: 1.125rem;
    line-height: 1.3125rem;
    margin-top: 1em;
    margin-bottom: 1em; }
  .general-media-container h4 {
    font-size: 0.9375rem;
    line-height: 1.1875rem;
    margin-top: 1.33em;
    margin-bottom: 1.33em; }
  .general-media-container h5 {
    font-size: 0.8125rem;
    line-height: 1.0625rem;
    margin-top: 1.67em;
    margin-bottom: 1.67em; }
  .general-media-container h6 {
    font-size: 0.625rem;
    line-height: 0.875rem;
    margin-top: 2.33em;
    margin-bottom: 2.33em; }
  .general-media-container em, .general-media-container i {
    font-style: italic !important; }
  .general-media-container ul {
    text-align: left;
    margin: 0.9375rem 1.875rem; }
    .general-media-container ul li {
      list-style: disc; }

.general-media-container[class*="separator"] {
  padding-bottom: 0rem;
  padding-top: 0; }

.media-text-container strong {
  font-weight: 700 !important; }

.media-text-container .title {
  margin-top: 2rem;
  margin-bottom: 0;
  font-size: 2rem;
  line-height: 1.3em !important;
  font-family: "Roboto", Arial, sans-serif, "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: normal;
  color: #030101; }

[class*="wkp-block-left-"] .title,
[class*="wkp-block-right-"] .title {
  margin-top: inherit; }

.media-text-container .paragraph,
.paragraph {
  margin-top: 0.750rem; }

.media-text-container .paragraph,
.media-text-container .paragraph p {
  /*font-size: 0.875rem;*/
  font-weight: 400;
  margin-bottom: 1rem;
  color: #686868;
  line-height: 1.4em;
  font-size: 0.875rem; }

.media-text-container .paragraph p:last-child {
  margin-bottom: 0; }

hr {
  border-color: rgba(50, 50, 50, 0.1); }

.intro-text-container {
  margin-bottom: 1.875rem; }

.intro-text-container,
.intro-text-container p {
  font-weight: 300; }

/*.wkp-block-separator{
    padding-bottom:0px !important
}*/
/*-------------------
-------------------
small screen - max-width:1024px
-------------------
-------------------*/
@media only screen and (max-width: 64em) {
  /*-------------------
    -------------------
    CMS CONTENT
    -------------------
    -------------------*/
  .media-text-container .title {
    font-size: 1.625rem;
    margin-top: 1.625rem; }
  [class*="wkp-block-left-"] .title,
  [class*="wkp-block-right-"] .title {
    margin-top: 0 !important;
    margin-bottom: 0.625rem !important;
    line-height: 1.2em !important; }
  [class*="wkp-block-left-"].large .title,
  [class*="wkp-block-right-"].large .title {
    margin-top: 1.625rem; }
  .media-text-container .paragraph,
  .media-text-container .paragraph p {
    margin: 0; } }

/*-------------------
-------------------
small screen - max-width:768px
-------------------
-------------------*/
@media only screen and (max-width: 48em) {
  /*-------------------
    -------------------
    CMS CONTENT
    -------------------
    -------------------*/
  [class*="wkp-block-left-"] > div,
  [class*="wkp-block-right-"] > div {
    width: 100%; }
  [class*="wkp-block-left-"] .title {
    margin-top: 1.625rem; }
  [class*="wkp-block-right-"] .media-text-container {
    margin-bottom: 1.625rem; } }

.news-list-grid {
  margin: 0.9375rem 0 1.875rem !important; }
  .news-list-grid li {
    margin: 0px;
    padding: 0; }
  .news-list-grid figure {
    border: 0.0625rem solid #eee;
    border-width: 0 0px 1px 0;
    padding: 1.875rem 1.875rem;
    transition: all 300ms ease-out; }
    .news-list-grid figure:hover {
      border-color: transparent;
      box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25); }
  .news-list-grid li:nth-child(1),
  .news-list-grid li:nth-child(2) {
    border-top: 0.0625rem solid #eee; }
  .news-list-grid li:nth-child(odd) figure {
    border-right: 0.0625rem solid #eee; }
  .news-list-grid__text {
    padding-left: 1.875rem !important; }
  .news-list-grid__image {
    text-align: center; }
  .news-list-grid__title {
    font-size: 1rem;
    line-height: 1.3em;
    color: #00BFB3;
    margin: 0px 0 0.3125rem;
    padding: 0px;
    font-weight: 600;
    text-transform: uppercase; }
  .news-list-grid time {
    display: block;
    font-size: 0.75rem !important;
    line-height: 1.3em;
    margin: 0.125rem 0 0.125rem;
    opacity: 0.9; }
  .news-list-grid__place {
    display: block;
    font-size: 0.75rem;
    line-height: 1.3em;
    text-transform: uppercase;
    font-weight: 500;
    margin: 0px 0 0.3125rem;
    padding: 0px; }
  .news-list-grid__abstract {
    margin: 0px;
    padding: 0px;
    font-size: 0.8125rem;
    line-height: 1.3em; }
  .news-list-grid__button {
    font-size: 0.8125rem;
    text-decoration: underline;
    color: #00BFB3; }

.news-list {
  margin-top: 2.8125rem; }
  .news-list figure {
    margin-bottom: 1.875rem;
    position: relative;
    border: 0.0625rem solid rgba(66, 66, 66, 0.2);
    display: block;
    transition: all 300ms ease-out; }
    .news-list figure picture {
      display: block;
      overflow: hidden; }
      .news-list figure picture img {
        transition: all 300ms ease-out;
        width: 100%; }
  .news-list figure:hover {
    box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.35); }
    .news-list figure:hover picture img {
      transform: scale(1.05); }
  .news-list__image {
    margin-bottom: 0.9375rem;
    display: block; }
  .news-list__category {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10; }
    .news-list__category a {
      background: #00BFB3;
      color: #FFFFFF;
      display: block;
      text-transform: uppercase;
      font-family: "Roboto", Arial, sans-serif;
      padding: 0.625rem 1.875rem;
      font-size: 0.8125rem;
      font-weight: 400; }
  .news-list__title {
    font-family: "Roboto", Arial, sans-serif;
    font-size: 1.25rem;
    line-height: 1.3em;
    text-transform: uppercase;
    padding: 0.3125rem 1.875rem 0; }
    .news-list__title a {
      display: block; }
    .news-list__title time {
      display: block;
      font-size: 0.6875rem;
      font-family: "Roboto", Arial, sans-serif;
      color: rgba(66, 66, 66, 0.8); }
  .news-list__abstract {
    font-size: 0.875rem;
    padding: 0 1.875rem 0.3125rem; }
  .news-list__buttons {
    border-top: 0.0625rem solid rgba(66, 66, 66, 0.2);
    padding: 0 0 0; }
    .news-list__buttons ul {
      margin: 0px;
      padding: 0px; }
    .news-list__buttons li {
      margin: 0px;
      padding: 0px;
      float: left;
      width: 50%; }
      .news-list__buttons li:last-child a {
        border-right: 0 solid rgba(66, 66, 66, 0.2); }
    .news-list__buttons--btn {
      display: block;
      padding: 0.625rem 1.875rem;
      text-transform: uppercase;
      font-family: "Roboto", Arial, sans-serif;
      border-right: 0.0625rem solid rgba(66, 66, 66, 0.2);
      text-align: center;
      position: relative;
      transition: all 300ms ease-out; }
      .news-list__buttons--btn:hover {
        background: #e0e0e0; }
      .news-list__buttons--btn span {
        display: inline-block;
        font-size: 0.75rem;
        height: 18px;
        margin: 0px;
        padding: 0px 1.875rem 0 0;
        position: relative; }
      .news-list__buttons--btn span:after {
        content: "";
        width: 1.75rem;
        height: 1.75rem;
        display: inline-block;
        margin: 0px;
        padding: 0px;
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: -0.875rem; }
      .news-list__buttons--btn.read span:after {
        background: url(../images/spritesheet/forward.svg) no-repeat 50% 50%;
        background-size: contain; }
      .news-list__buttons--btn.share span:after {
        background: url(../images/spritesheet/share_2.svg) no-repeat 50% 50%;
        background-size: contain; }

.stories ul[class*="block-grid"] li {
  margin-bottom: 0.9375rem; }

.stories .title {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1.5rem;
  color: #000000;
  text-transform: uppercase;
  margin-top: 15px; }

.stories .subtitle {
  font-family: "Roboto", Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  color: #424242;
  font-size: 1.125rem;
  margin-bottom: 0; }

.stories__intro p {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.4em;
  color: #424242; }

.stories__image * {
  transition: all 300ms ease-out; }

.stories__image {
  display: block;
  overflow: hidden;
  min-height: 26.25rem;
  max-height: 26.25rem;
  text-align: center;
  background: rgba(34, 34, 34, 0.07); }

.stories .large-block-grid-3 .stories__image {
  min-height: 17.1875rem;
  max-height: 17.1875rem; }

.stories__image img {
  position: relative; }

.stories__image:hover img {
  opacity: 0.80;
  transform: scale(1.01); }

.stories__title {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1.125rem;
  line-height: 1.1em;
  text-transform: uppercase;
  font-weight: 600;
  margin: 1.125rem 0 0.25rem;
  display: block; }
  .stories__title a {
    transition: all 300ms ease-out;
    color: #00BFB3; }
  .stories__title a:hover {
    color: #008c83 !important; }
  .stories__title time {
    font-family: "Roboto", Arial, sans-serif;
    font-size: 0.75rem;
    color: rgba(66, 66, 66, 0.6);
    margin: 0px;
    padding: 0px;
    font-weight: 400;
    margin-top: 4px; }

.stories__abstract p {
  margin-bottom: 0 !important;
  font-size: 0.875rem;
  line-height: 1.5em;
  font-family: "Roboto", Arial, sans-serif; }

.stories__buttons {
  margin: 10px 0 0 0 !important;
  padding: 0px !important;
  position: relative !important; }
  .stories__buttons li {
    margin-right: 1.25rem !important; }
  .stories__buttons a {
    padding: 0px !important;
    border: 0px; }
    .stories__buttons a span {
      padding: 0px 0 0 0 !important;
      border: 0px;
      font-size: 0.8125rem;
      font-family: "Roboto", Arial, sans-serif;
      color: #00BFB3; }
      .stories__buttons a span:after {
        display: none; }
    .stories__buttons a.share span {
      color: rgba(66, 66, 66, 0.6); }
    .stories__buttons a:hover {
      background: transparent; }
    .stories__buttons a:hover span {
      color: #030101;
      text-decoration: underline !important; }
  .stories__buttons .social-list--fullwidth {
    max-width: 630px !important;
    margin-left: 0;
    text-align: center !important; }
  .stories__buttons .sharing-buttons .social-list {
    max-width: 4.0625rem !important;
    margin-bottom: 0;
    margin-left: 0 !important; }

.large-w3 {
  width: 33.3% !important; }

.large-block-grid-2 > li.large-w3:nth-of-type(1n) {
  clear: right; }

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .large-w3 {
    width: 50% !important; }
  .stories__image {
    min-height: 14.9375rem;
    max-height: 14.9375rem; }
  .stories .large-block-grid-3 .stories__image {
    min-height: 14.9375rem;
    max-height: 14.9375rem; } }

@media only screen and (max-width: 40em) {
  .news-list {
    margin-top: 0.9375rem; }
    .news-list__title {
      padding: 0.3125rem 1.875rem 0; }
      .news-list__title a {
        font-size: 1.75rem;
        line-height: 1.1em; }
    .news-list__abstract {
      padding: 0 1.875rem 0.3125rem !important; }
      .news-list__abstract * {
        font-size: 0.875rem !important;
        line-height: 1.4em  !important; }
  .stories {
    padding: 0 0.9375rem !important; }
    .stories__image {
      min-height: 14.375rem;
      max-height: 14.375rem; }
    .stories .large-block-grid-3 .stories__image {
      min-height: 14.375rem;
      max-height: 14.375rem; }
  .large-w3 {
    width: 100% !important; } }

.news-detail .title-area .subtitle {
  text-transform: uppercase;
  color: #030101;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1rem;
  margin-bottom: 0.4375rem; }

.news-detail .title-area h1 {
  font-size: 1.875rem;
  line-height: 2.125rem;
  margin: 0px;
  padding: 0 7.5rem 0.9375rem;
  font-family: "Roboto", Arial, sans-serif;
  color: #00BFB3; }

.news-detail .title-area time {
  color: rgba(66, 66, 66, 0.7);
  font-size: 0.75rem; }

.news-detail__stories .paragraph p {
  font-family: "Roboto", Arial, sans-serif;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.4em; }

.news-detail__stories .media-text-container h2, .news-detail__stories h3, .news-detail__stories h4, .news-detail__stories h5, .news-detail__stories h6 {
  font-family: "Roboto", Arial, sans-serif;
  font-weight: 500; }

.news-detail .button-group li {
  margin: 0 0.125rem; }
  .news-detail .button-group li a {
    padding: 0.625rem 0 0.5625rem;
    min-width: 7.5rem;
    font-size: 0.75rem !important;
    background: transparent;
    border: 0.0625rem solid rgba(66, 66, 66, 0.5) !important;
    color: #424242; }
    .news-detail .button-group li a:hover {
      background: #00BFB3 !important;
      color: #fff !important;
      border-color: #00BFB3 !important; }

@media only screen and (max-width: 40em) {
  .news-detail .title-area {
    margin: 15px 0 0 0; }
    .news-detail .title-area .subtitle span {
      font-size: 1.25rem; }
    .news-detail .title-area h1 {
      font-size: 1.875rem;
      line-height: 2.125rem;
      padding: 0 0 0.9375rem;
      font-family: "Roboto", Arial, sans-serif;
      color: #00BFB3; } }

.vat-section-popup {
  border: 0 solid #00BFB3;
  text-align: center;
  margin: 0px 0.9375rem;
  padding: 0.9375rem;
  position: relative;
  height: 100%;
  background: url(../images/bg-popup.jpg) no-repeat 50% 50% !important;
  background-size: cover !important; }
  .vat-section-popup:after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    border: 0.125rem solid #00BFB3;
    margin: 0.9375rem; }
  .vat-section-popup .vat-popup p {
    line-height: 1.5em !important; }
    .vat-section-popup .vat-popup p span {
      display: inline-block;
      position: relative;
      padding-top: 3.75rem; }
      .vat-section-popup .vat-popup p span:before {
        content: '';
        width: 5rem;
        height: 5rem;
        display: block;
        background: url(../images/spritesheet/curled-divider.svg) no-repeat 50% 50%;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -2.5rem; }

.vat-section-popup * {
  color: #00BFB3; }

.privacy-popup {
  margin: 0px;
  padding: 0 1.875rem; }
  .privacy-popup p[style*="min-height"] {
    display: none; }
  .privacy-popup h3 strong {
    font-size: 0.875rem;
    font-weight: 400;
    color: #00BFB3; }
  .privacy-popup em {
    font-style: normal; }
  .privacy-popup p {
    font-size: 0.875rem;
    color: #424242; }

.privacy-section-popup h4 {
  text-align: center;
  font-size: 1.25rem;
  font-weight: 500;
  color: #424242;
  margin-bottom: 1.875rem;
  font-family: "Roboto", Arial, sans-serif;
  color: #030101; }

.company-info-popup {
  text-align: center; }

.company-info-section-popup h4 {
  text-align: center;
  font-size: 1.25rem;
  font-weight: 500;
  color: #424242;
  margin-bottom: 0;
  font-family: "Roboto", Arial, sans-serif;
  color: #030101; }

.company-info-section-popup figure {
  text-align: center; }
  .company-info-section-popup figure img {
    width: 10rem; }

.company-info-section-popup p {
  font-size: 0.875rem;
  color: #424242; }

.quote {
  font-family: "Roboto", Arial, sans-serif;
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 400;
  /*width: 100%;*/
  display: inline-block;
  margin: 0 0;
  padding: 1.875rem 1.25rem;
  line-height: 1.2;
  position: relative;
  color: #fff;
  border: 0px; }
  @media only screen and (max-width: 40em) {
    .quote {
      width: 100%;
      text-align: center; } }
  .quote:before {
    display: block;
    content: "\201C";
    font-size: 5rem;
    position: absolute;
    left: -1.25rem;
    top: 0.625rem;
    color: #fff;
    font-family: Arial, sans-serif;
    font-weight: 200; }
  .quote:after {
    display: block;
    content: "\201D";
    line-height: 0.1;
    font-size: 5rem;
    position: absolute;
    right: -1.25rem;
    bottom: 0.625rem;
    color: #fff;
    font-family: Arial, sans-serif;
    font-weight: 200; }
  .quote__container:before, .quote__container:after {
    display: none; }
  .quote--first {
    position: relative; }
    .quote--first:before {
      display: block;
      content: "\201C";
      font-size: 5rem;
      position: absolute;
      left: -40px;
      top: -20px;
      color: #fff;
      font-family: Arial, sans-serif;
      font-weight: 200; }
  .quote--last {
    position: relative; }
    .quote--last:after {
      display: block;
      content: "\201D";
      line-height: 0.1;
      font-size: 5rem;
      position: absolute;
      right: -40px;
      bottom: -20px;
      color: #fff;
      font-family: Arial, sans-serif;
      font-weight: 200; }

.experience-list {
  display: block;
  margin: 2.8125rem 0 1.875rem; }
  .experience-list li a {
    display: block;
    position: relative; }
  .experience-list__image {
    max-height: 19.0625rem;
    min-height: 19.0625rem;
    overflow: hidden;
    display: block;
    position: relative; }
    .experience-list__image img {
      transition: all 300ms ease-out;
      max-height: 19.0625rem;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
  .experience-list__description {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    text-align: center;
    transition: all 300ms ease-out;
    text-shadow: 0 1px 2px #000; }
  .experience-list a:hover .experience-list__description {
    background: transparent; }
  .experience-list__inner {
    padding: 0 1.875rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%; }
  .experience-list__title {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1rem; }
  .experience-list__abstract {
    color: #fff;
    font-size: 0.875rem; }
  .experience-list__tag {
    color: #00BFB3;
    text-transform: uppercase;
    font-weight: 600; }
  .experience-list + div .button {
    min-width: 18.4375rem; }

.find-size p {
  font-size: 0.875rem; }

.find-size input {
  height: 2.125rem;
  border: 0.0625rem solid rgba(0, 0, 0, 0.2) !important;
  margin-bottom: 0; }

.find-size select {
  height: 2.125rem;
  border: 0.0625rem solid rgba(0, 0, 0, 0.2) !important;
  margin-bottom: 0; }

.find-size .button {
  margin-bottom: 0; }

.download-list {
  width: 100%;
  margin: 0px 0 1.875rem;
  padding: 0px;
  list-style: none;
  float: left; }
  .download-list li {
    border-bottom: 0.0625rem solid #e5e5e5;
    padding: 0.625rem 0px !important;
    float: left;
    width: 100%; }
  .download-list li:nth-child(even) {
    background: #f9f9f9; }
  .download-list__image {
    display: block;
    position: relative;
    top: 50%;
    transform: translateY(-50%); }
  .download-list__title {
    display: block;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.875rem;
    line-height: 1.3em;
    margin: 0px;
    padding: 0px;
    font-weight: 500;
    color: #030101;
    transition: all 300ms ease-out; }
    .download-list__title:hover {
      color: #00BFB3; }
    .download-list__title.icon {
      padding-left: 4.9375rem;
      position: relative; }
    .download-list__title.icon:before {
      content: '';
      display: block;
      width: 1.625rem;
      height: 1.625rem;
      background: url(../images/spritesheet/file_2.svg) no-repeat 50% 50%;
      background-size: contain;
      opacity: 0.5;
      transition: all 300ms ease-out;
      position: absolute;
      top: 50%;
      left: 0.625rem;
      transform: translateY(-50%); }
  .download-list__time {
    font-size: 0.75rem;
    line-height: 1.3em;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0.7;
    width: 100%;
    text-align: left; }
  .download-list__icon {
    margin: 0px;
    padding: 0px;
    display: inline-block;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0px; }
    .download-list__icon:before {
      content: '';
      display: block;
      width: 1.625rem;
      height: 1.625rem;
      background: url(../images/spritesheet/download.svg) no-repeat 50% 50%;
      background-size: contain;
      opacity: 0.5;
      transition: all 300ms ease-out; }
    .download-list__icon:hover:before {
      opacity: 1; }

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .download-list .columns {
    padding: 0 0.4375rem; }
  .download-list__title {
    font-size: 0.875rem; }
    .download-list__title.icon {
      padding-left: 3.4375rem;
      position: relative; }
  .download-list__time {
    font-size: 0.6875rem; }
  .download-list__icon:before {
    width: 1.5rem;
    height: 1.5rem; } }

@media only screen and (max-width: 40em) {
  .download-list .columns {
    padding: 0 0.3125rem; }
  .download-list__title {
    font-size: 0.8125rem; }
    .download-list__title.icon {
      padding-left: 3.125rem;
      position: relative; }
    .download-list__title.icon:before {
      width: 1.5rem;
      height: 1.5rem; }
  .download-list__time {
    font-size: 0.6875rem; }
  .download-list__icon:before {
    width: 1.25rem;
    height: 1.25rem; } }

.rate-us__form {
  z-index: 19;
  margin-bottom: 1.875rem;
  padding: 0 !important; }
  .rate-us__form__header {
    color: #fff;
    padding: 0 3.75rem 0.9375rem;
    position: relative;
    display: block; }
    .rate-us__form__header span {
      font-size: 1rem;
      font-weight: 500;
      text-transform: uppercase; }
  .rate-us__form .large-5.columns label {
    padding: 0 0.4375rem 0 0; }
  .rate-us__form .large-7.columns label {
    padding: 0 0 0 0.4375rem; }
  .rate-us__form .large-12 label {
    font-size: 0.6875rem;
    padding-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
    opacity: 0.7; }
  .rate-us__form input[type=text], .rate-us__form select {
    height: 2.1875rem !important; }
  .rate-us__form input[type=text], .rate-us__form select, .rate-us__form textarea, .rate-us__form input[type=file] {
    border-color: transparent;
    background-color: rgba(255, 255, 255, 0.6);
    border-width: 0.0625rem; }
  .rate-us__form input[type=text]:focus, .rate-us__form select:focus, .rate-us__form textarea:focus {
    border-color: transparent; }
  .rate-us__form input[type=file] {
    color: #424242;
    padding-left: 0.3125rem; }
  .rate-us__form textarea {
    padding: 0.625rem; }
  .rate-us__form .custom-element__inner * {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.8125rem;
    transition: all 300ms ease-out; }
  .rate-us__form .custom-element__inner:hover * {
    color: #fff; }
  .rate-us__form .button {
    background: #030101; }
    .rate-us__form .button:hover {
      background: rgba(3, 1, 1, 0.7); }
  .rate-us__form .error {
    background: black; }
  .rate-us__form .alert-box.error p {
    font-size: 0.6875rem;
    line-height: 1.2em;
    font-style: italic; }

.rate-us .has-tooltip {
  position: relative; }
  .rate-us .has-tooltip__icon {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0px;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 0.625rem;
    right: 0.3125rem;
    background: url(../images/spritesheet/info.svg) no-repeat 50% 50%;
    background-size: contain;
    opacity: 0.7; }

@media only screen and (max-width: 40em) {
  .rate-us__form__header {
    padding: 0 0.625rem 0.9375rem; }
  .rate-us__form .custom-element__inner {
    margin-bottom: 0.625rem; }
  .rate-us__form .large-5.columns label {
    padding: 0 0 0 0; }
  .rate-us__form .large-7.columns label {
    padding: 0 0 0 0; } }

.comment-list {
  padding-bottom: 45px; }
  .comment-list__item {
    border: 1px solid #dcdcdc;
    border-width: 0px 0 1px;
    padding: 2.8125rem 0 1.875rem; }
  .comment-list__item:last-child {
    border: 0px solid #dcdcdc; }
  .comment-list__date {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
    font-size: 0.6875rem;
    font-weight: 600; }
  .comment-list__user {
    text-align: center; }
  .comment-list__avatar {
    display: inline-block;
    overflow: hidden;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    background: #dcdcdc; }
  .comment-list__name {
    font-size: 0.875rem;
    color: #00BFB3;
    font-weight: 500;
    text-align: center; }
  .comment-list__question {
    background: #dcdcdc;
    padding: 1.25rem;
    position: relative;
    border-radius: 0.375rem; }
    .comment-list__question:before {
      content: '';
      position: absolute;
      top: 2.8125rem;
      left: -1rem;
      height: 0;
      width: 0;
      border-top: 16px solid transparent;
      border-right: 16px solid #dcdcdc; }
    .comment-list__question p {
      font-size: 0.875rem;
      margin: 0px 0 0;
      padding: 0px; }
    .comment-list__question ul {
      list-style: none;
      margin: 0.9375rem 0 0 !important;
      padding: 0px !important;
      display: inline-block; }
    .comment-list__question li {
      display: block;
      vertical-align: top;
      float: left;
      margin: 0 0.3125rem 0.625rem !important; }
  .comment-list__admin {
    text-align: right; }
  .comment-list__answer {
    background: #00BFB3;
    padding: 1.25rem;
    position: relative;
    border-radius: 0.375rem; }
    .comment-list__answer:before {
      content: '';
      position: absolute;
      top: 2.1875rem;
      right: -1rem;
      height: 0;
      width: 0;
      border-bottom: 16px solid transparent;
      border-left: 16px solid #00BFB3; }
    .comment-list__answer p,
    .comment-list__answer p * {
      font-size: 0.875rem;
      margin: 0px 0 0;
      padding: 0px;
      color: #fff !important;
      font-style: normal; }
    .comment-list__answer ul {
      list-style: none;
      margin: 0.9375rem 0 0 !important;
      padding: 0px  !important;
      display: inline-block; }
    .comment-list__answer li {
      display: block;
      vertical-align: top;
      float: left;
      margin: 0 0.3125rem !important; }
    .comment-list__answer li:first-child {
      margin: 0 0.3125rem 0 0 !important; }

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .comment-list__avatar {
    display: inline-block;
    overflow: hidden;
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 50%;
    background: #dcdcdc; }
  .comment-list__question:before {
    content: '';
    top: 2.3125rem; }
  .comment-list__answer:before {
    content: '';
    top: 0.9375rem;
    height: 0;
    width: 0;
    border-bottom: 20px solid #00BFB3;
    border-right: 20px solid transparent; }
  .comment-list__admin {
    text-align: center !important; } }

@media only screen and (max-width: 40em) {
  .comment-list__question {
    background: #dcdcdc;
    margin-top: 30px;
    padding: 1.25rem;
    position: relative; }
    .comment-list__question:before {
      content: '';
      position: absolute;
      top: -2.4375rem;
      left: 50%;
      height: 0;
      width: 0;
      border-bottom: 20px solid #dcdcdc;
      border-left: 21px solid transparent;
      border-right: 21px solid transparent;
      margin-left: -1.3125rem; }
    .comment-list__question p {
      font-size: 0.875rem;
      margin: 0px 0 0.9375rem;
      padding: 0px; }
    .comment-list__question ul {
      list-style: none;
      margin: 0 0;
      padding: 0px;
      width: 100%; }
    .comment-list__question li {
      display: block;
      vertical-align: top;
      float: left;
      margin: 0 0 0.625rem;
      width: 100% !important;
      position: relative; }
      .comment-list__question li a {
        display: block;
        width: 100%; }
      .comment-list__question li img {
        width: 100%; }
    .comment-list__question li:nth-child(odd) {
      float: left; }
    .comment-list__question li:nth-child(even) {
      float: left; }
    .comment-list__question li:first-child {
      margin: 0 0 0.625rem 0; }
  .comment-list__admin {
    margin-top: 0px;
    text-align: right; }
    .comment-list__admin .comment-list__avatar {
      width: 3.125rem;
      height: 3.125rem; }
  .comment-list__answer {
    margin-top: 0.3125rem;
    background: #00BFB3; }
    .comment-list__answer:before {
      content: '';
      position: absolute;
      content: '';
      position: absolute;
      top: -0.4375rem;
      right: 10px;
      height: 0;
      width: 0;
      border-bottom: 15px solid #00BFB3;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      margin-left: 0; }
    .comment-list__answer p {
      font-size: 0.875rem;
      margin: 0px 0 0;
      padding: 0px;
      color: #fff; }
    .comment-list__answer ul {
      list-style: none;
      margin: 0.9375rem 0 0;
      padding: 0px;
      display: inline-block; }
    .comment-list__answer li {
      display: block;
      vertical-align: top;
      float: left;
      margin: 0 0.3125rem; }
    .comment-list__answer li:first-child {
      margin: 0 0.3125rem 0 0; }
  .tabs-content .comment-list__question:before {
    top: -2.1875rem;
    margin-left: -1.3125rem; } }

.grid-comments .grid-comment {
  margin: 0 8px;
  width: 100%;
  margin-bottom: 16px; }
  @media (min-width: 450px) {
    .grid-comments .grid-comment {
      width: calc(50% - 16px); } }
  @media (min-width: 800px) {
    .grid-comments .grid-comment {
      width: calc(33.3333333333% - 16px); } }
  @media only screen and (min-width: 64.0625em) {
    .grid-comments .grid-comment {
      width: calc(25% - 16px); } }

.comment-card {
  background-color: #fff;
  border: 3px solid #00BFB3; }
  .comment-card .slick-dots {
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    position: absolute;
    width: 100%;
    bottom: 8px; }
    .comment-card .slick-dots button {
      color: transparent;
      overflow: hidden;
      padding: 0;
      width: 10px;
      height: 10px;
      border-radius: 10px;
      margin: 0 7px 0;
      background: #dcdcdc; }
    .comment-card .slick-dots .slick-active button {
      /* background: #df273e; */
      background: #00BFB3; }
  .comment-card__comment-author {
    background-color: #00BFB3;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    margin-bottom: 24px; }
    .comment-card__comment-author img {
      flex-shrink: 0; }
  .comment-card__author-info {
    margin-left: 16px; }
  .comment-card__content {
    padding: 0 16px 24px;
    font-size: 14px;
    line-height: 1.5; }
    .comment-card__content p {
      font-size: 14px;
      line-height: 1.5;
      margin-bottom: 0; }
  .comment-card__image {
    background-color: #f5f5f5;
    position: relative;
    padding-top: 74.19%; }
    .comment-card__image > div {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      display: flex;
      justify-content: center;
      align-items: center; }
      .comment-card__image > div img {
        max-width: 100%;
        max-height: 100%; }
    .comment-card__image-container {
      position: relative; }
  .comment-card__answer .read {
    display: block; }
  .comment-card__answer .hide {
    display: none; }
  .comment-card__answer.expanded .read {
    display: none; }
  .comment-card__answer.expanded .hide {
    display: block; }
  .comment-card__answer.expanded .comment-card__answer-content {
    max-height: 800px; }
  .comment-card__answer.expanded .comment-card__read span:after {
    content: "–"; }
  .comment-card__answer-content .content p + .comment-card__image-container, .comment-card__answer-content .content p + .pretty-embed {
    margin-top: 16px; }
  .comment-card__answer-content .content p + .comment-card__image-container + .pretty-embed {
    margin-top: 16px; }
  .comment-card__read {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 16px;
    background-color: #00BFB3;
    border-bottom: 1px solid #fff; }
    .comment-card__read:hover {
      cursor: pointer; }
    .comment-card__read p {
      color: #fff;
      margin-bottom: 0;
      font-size: 14px; }
    .comment-card__read span {
      color: #fff;
      font-weight: 200;
      font-size: 22px; }
      .comment-card__read span:after {
        content: "+"; }
  .comment-card__answer-content {
    max-height: 0;
    overflow: hidden;
    background-color: #00BFB3;
    transition: .2s max-height ease-in-out; }
    .comment-card__answer-content .content {
      padding: 16px; }
    .comment-card__answer-content p {
      color: #fff;
      margin-bottom: 0;
      font-size: 14px; }
  .comment-card .comment__author {
    font-size: 14px;
    color: #030102;
    margin-bottom: 0; }
  .comment-card .comment__date {
    color: #fff;
    font-size: 12px;
    margin-bottom: 0; }
  .comment-card__icon {
    display: flex;
    width: 39px;
    height: 39px;
    background-color: #fff;
    justify-content: center;
    align-items: center;
    border-radius: 39px; }

.dcsns-toolbar ul.filter > li:first-child a {
  height: 28px;
  line-height: 1;
  font-weight: 500; }

.dcsns-toolbar ul.filter > li img {
  vertical-align: initial; }

.socialTimeline {
  margin-top: 30px !important; }
  .socialTimeline ul.stream li {
    box-shadow: inset 0px 0px 0px 1px #030101; }
    .socialTimeline ul.stream li:hover, .socialTimeline ul.stream li:focus {
      /* box-shadow: inset 0px 0px 0px 1px #df273e; */
      box-shadow: inset 0px 0px 0px 1px #00BFB3; }
  .socialTimeline ul.stream li .section-title {
    font-size: 18px;
    line-height: 1.1; }
  .socialTimeline ul.stream li .section-thumb {
    float: none;
    display: block;
    text-align: center; }
    .socialTimeline ul.stream li .section-thumb img {
      border: none;
      margin: 0 auto 5px auto; }
  .socialTimeline ul.stream > li.dcsns-li .section-intro {
    background-color: #030101;
    text-align: right;
    padding: 7px 10px;
    bottom: 1px;
    width: calc(100% - 2px);
    left: 0;
    right: 0;
    margin: 0 auto; }
    .socialTimeline ul.stream > li.dcsns-li .section-intro a,
    .socialTimeline ul.stream > li.dcsns-li .section-intro span {
      color: #ffffff; }
  .socialTimeline ul.stream li .section-text {
      overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    white-space: normal;
    width: 100%;
    display: block; }
  .socialTimeline ul.stream > li.dcsns-li a img.icon {
    left: 10px;
    bottom: 6px;
    width: 22px; }

.halloween {
  position: fixed;
  z-index: 100;
  top: -0.125rem;
  left: 4.5rem;
  width: 4.375rem; }
  @media only screen and (min-width: 40.0625em) {
    .halloween {
      top: -0.125rem;
      left: 4.6875rem; } }
  @media only screen and (min-width: 64.0625em) {
    .halloween {
      position: absolute;
      top: 3.625rem;
      left: 2.1875rem;
      width: 4.375rem; } }

@media only screen and (min-width: 64.0625em) {
  .header.sticky.fixed .halloween {
    position: fixed;
    top: 0 !important;
    left: 2.1875rem;
    width: 4.0625rem;
    animation-name: slide-down;
    animation-duration: 0.8s;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
    opacity: 1; }
  @-webkit-keyframes slide-down {
    from {
      top: -6.25rem;
      opacity: 1; }
    to {
      top: 0;
      opacity: 1.00; } }
  @keyframes slide-down {
    from {
      top: -6.25rem;
      opacity: 1; }
    to {
      top: 0;
      opacity: 1.00; } } }

.modal .subscribe {
  padding: 2.8125rem 0;
  background: #ededed; }
  .modal .subscribe__title {
    font-family: "Roboto", Arial, sans-serif;
    font-size: 1rem !important;
    font-weight: 700;
    color: #000000;
    text-transform: uppercase; }
  .modal .subscribe__description {
    font-size: 1rem;
    color: rgba(66, 66, 66, 0.8);
    font-weight: 400;
    font-family: "Roboto", Arial, sans-serif; }
  .modal .subscribe__field input, .modal .subscribe__field span {
    height: 3.125rem;
    line-height: 3.125rem;
    border: 0px;
    font-family: "Roboto", Arial, sans-serif;
    font-size: 0.875rem; }
  .modal .subscribe__field input[type="text"] {
    padding: 0 1.25rem !important;
    border: 1px solid #ccc;
    border-width: 2px 0px 2px 2px;
    background: #FFFFFF;
    border-radius: 0 0 0 0; }
  .modal .subscribe__field a.postfix {
    background: #FFFFFF;
    border-left: 0px;
    display: block;
    cursor: pointer;
    border: 1px solid #ccc;
    border-width: 2px 2px 2px 0px;
    border-radius: 0 0 0 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0px;
    height: 50px;
    line-height: 50px;
    position: relative; }
    .modal .subscribe__field a.postfix:before {
      content: '';
      display: block;
      width: 1.875rem;
      height: 1.875rem;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -0.9375rem;
      background: url(../images/spritesheet/arrow-right_vector.svg) no-repeat 50% 50%;
      background-size: 100% 100%;
      transition: all 300ms ease-out; }
    .modal .subscribe__field a.postfix:hover:before {
      left: 55%; }
  .modal .subscribe div:not(.switch) input[type="checkbox"].custom-element__checkbox + .custom-element__label span.custom-element__shape,
  .modal .subscribe div:not(.switch) input[type="checkbox"] + .custom-element__label span.custom-element__shape {
    background-color: #FFFFFF;
    border: 0.125rem solid #ccc; }
  .modal .subscribe div:not(.switch) input[type="checkbox"]:checked + .custom-element__label span.custom-element__shape:after {
    top: 0; }
  .modal .subscribe ::-webkit-input-placeholder {
    color: rgba(66, 66, 66, 0.8); }
  .modal .subscribe :-moz-placeholder {
    color: rgba(66, 66, 66, 0.8); }
  .modal .subscribe ::-moz-placeholder {
    color: rgba(66, 66, 66, 0.8); }
  .modal .subscribe :-ms-input-placeholder {
    color: rgba(66, 66, 66, 0.8); }

.legenda {
  padding: 1.25rem 0 1.875rem 0;
  border-bottom: 1px solid rgba(66, 66, 66, 0.15); }
  .legenda--title {
    display: inline-block;
    text-transform: uppercase;
    font-weight: 700;
    margin-right: 1.875rem;
    color: #424242;
    font-size: 0.8125rem;
    width: 100%;
    margin-bottom: 0.625rem; }
    @media only screen and (min-width: 64.0625em) {
      .legenda--title {
        width: auto;
        margin-bottom: 0; } }
  .legenda .qualita {
    text-align: center !important;
    white-space: nowrap;
    list-style: none;
    margin: 0 0.9375rem 0 0;
    padding: 0px;
    display: inline-block; }
    @media only screen and (max-width: 40em) {
      .legenda .qualita {
        width: 100%; } }
    .legenda .qualita li {
      display: inline-block;
      padding: 0;
      background: url("../images/spritesheet/quality.svg") no-repeat 50% 50%;
      background-size: contain;
      width: 1rem;
      height: 1rem; }
      .legenda .qualita li.disable {
        background: url("../images/spritesheet/quality_desaturate.svg") no-repeat 50% 50%;
        background-size: contain;
        width: 1rem;
        height: 1rem; }
      .legenda .qualita li.label {
        background: none;
        background-size: none;
        width: auto;
        height: auto;
        padding-left: 0.125rem;
        color: #424242;
        font-size: 0.8125rem; }
    .legenda .qualita:last-child {
      margin-right: 0; }

/*-------------------
TOP-BAR + TABS
-------------------*/
.contain-to-grid {
  background: #fff; }

.content-container .top-bar {
  height: auto;
  padding: 0.938rem 0; }

.content-container .top-bar .top-bar-section {
  top: auto; }

.content-container .top-bar ul {
  text-align: center;
  display: block; }

.content-container .top-bar li {
  display: inline-block;
  float: none; }

.tabs dd {
  margin-right: 15px;
  opacity: 0.5; }

.tabs dd.active,
.tabs dd:hover {
  opacity: 1; }

.content-container .top-bar li a {
  font-family: "Roboto", Arial, sans-serif, "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 0.875rem; }

.tabs dd a {
  background-color: transparent;
  padding: 0 0 0.875rem; }

.tabs dd.active a,
.tabs dd:hover a {
  /*color: #c39011;*/
  background-color: transparent; }

.tabs dd:hover a {
  color: #030101; }

.content-container .top-bar-section li > a .stroke,
.tabs > dd > a .stroke {
  display: block;
  content: ' ';
  width: 0;
  height: 2px;
  position: absolute;
  left: 0;
  /*bottom:-0.313rem;*/
  border-left: 15px solid #fff;
  border-right: 15px solid #fff;
  transition: width 0.3s ease-out;
  -webkit-transition: width 0.3s ease-out;
  -moz-transition: width 0.3s ease-out;
  -o-transition: width 0.3s ease-out; }

.content-container .top-bar-section li > a .stroke {
  background-color: #c39011; }

.tabs > dd > a .stroke {
  border-left: none;
  border-right: none;
  background-color: #0c0c0c; }

.content-container .top-bar-section li:hover > a .stroke,
.content-container .top-bar-section li.active > a .stroke,
.tabs dd:hover a .stroke,
.tabs dd.active a .stroke {
  width: 100%; }

/*-------------------
RUBRICA
-------------------*/
.generic-form .button-group {
  margin-top: 0.313rem; }

.generic-form .button-group .button {
  margin-bottom: 1px;
  display: block; }

.generic-form .button-group .button.with-icon {
  padding-top: 0.9375rem;
  padding-left: 0.938rem;
  padding-right: 0.938rem; }

.generic-form .button-group span {
  font-size: 1.125rem;
  margin-right: 0.938rem;
  float: left;
  margin-top: -0.188rem;
  margin-bottom: -0.188rem; }

.generic-form .button-group .close-icon {
  display: block;
  float: left;
  margin-right: 0.938rem;
  content: ' ';
  display: block;
  width: 1rem;
  height: 1rem;
  background: url(../images/plus_icon_negative.svg) center center no-repeat;
  background-size: contain;
  transform: rotate(45deg); }

/*-------------------
ORDINI
-------------------*/
table td,
table th {
  border-left: 1px solid #ddd; }

th {
  font-family: "Roboto", Arial, sans-serif, "Open Sans", Helvetica, Arial, sans-serif !important;
  font-weight: normal !important; }

table td:first-child,
table th:first-child {
  border-left: none; }

table .button,
table .alert-box {
  margin-bottom: 0; }

table .button {
  width: 100%; }

.orders {
  margin-top: 0; }
  .orders table {
    width: 100% !important;
    margin-bottom: 1.875rem;
    border-collapse: collapse; }
  .orders th {
    background: #424242;
    color: #fff !important;
    vertical-align: middle;
    line-height: normal;
    font-size: 0.75rem;
    font-weight: 900 !important;
    padding: 0.3125rem 0.625rem 0.3125rem;
    font-family: "Roboto", Arial, sans-serif !important; }
  .orders td {
    vertical-align: middle;
    border-color: rgba(66, 66, 66, 0.15); }
  .orders td:nth-child(1) {
    font-size: 0.6875rem !important; }
    .orders td:nth-child(1) .description {
      font-size: 0.6875rem;
      color: rgba(66, 66, 66, 0.6); }
  .orders .button {
    font-size: 0.75rem !important;
    padding: 1.125rem 0.9375rem !important; }
  .orders .alert-box span {
    margin-right: 0.3125rem; }
  .orders .pagination__pager {
    margin: 2.8125rem 0 3.75rem;
    text-align: center !important; }

/*-------------------
ORDINI DETTAGLIO
-------------------*/
.pricing-table .price {
  background-color: #FFF;
  font-size: 1.125rem;
  padding: 0.9375rem; }

.dashboard {
  background-color: white;
  padding-top: 0.938rem;
  padding-bottom: 0.938rem; }

.dashboard.row {
  margin-left: 0;
  margin-right: 0; }

.dashboard > .column:nth-child(2) {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd; }

.dashboard > .column {
  padding: 0 1.875rem !important; }

.dashboard ul {
  list-style: none;
  margin: 0; }
  .dashboard ul li {
    margin-bottom: 0.3125rem;
    padding: 0px;
    font-size: 0.875rem; }

.dashboard ul li .alert-box,
.dashboard ul li .panel p {
  font-size: inherit; }

.order-detail .order-date h3 {
  font-family: "Roboto", Arial, sans-serif !important; }

.order-detail table {
  width: 100% !important;
  margin-bottom: 0.9375rem; }
  .order-detail table th {
    background: #424242;
    color: #fff !important;
    vertical-align: middle;
    line-height: normal;
    font-size: 0.75rem;
    font-weight: 900 !important;
    padding: 0.3125rem 0.625rem 0.3125rem;
    font-family: "Roboto", Arial, sans-serif !important; }
  .order-detail table td {
    vertical-align: middle;
    border-color: rgba(66, 66, 66, 0.15); }
  .order-detail table td:nth-child(2) a, .order-detail table td:nth-child(2) small {
    color: #030101;
    display: block;
    text-decoration: none; }
  .order-detail table td:nth-child(2) a:hover {
    text-decoration: underline; }
  .order-detail table td:nth-child(2) small {
    font-size: 0.6875rem;
    color: #999; }
    .order-detail table td:nth-child(2) small.personalizzazione {
      color: #111 !important;
      font-weight: 600; }
  .order-detail table td:nth-child(2) strong {
    display: block;
    margin: 0 0 5px; }
    .order-detail table td:nth-child(2) strong span {
      display: block !important;
      font-weight: 400; }
  .order-detail table td:nth-child(3) del {
    color: rgba(66, 66, 66, 0.6);
    font-size: 0.8125rem;
    display: block; }

.order-detail strong {
  font-weight: 600 !important; }

.order-detail .pricing-table {
  list-style: none;
  margin: 0px;
  padding: 0px; }
  .order-detail .pricing-table strong {
    font-weight: 900 !important; }
  .order-detail .pricing-table .price {
    font-family: "Roboto", Arial, sans-serif;
    margin-bottom: 1.25rem;
    padding: 0.625rem 0px; }

.order-detail .dashboard {
  border: 1px solid #ddd;
  margin-bottom: 1.25rem !important; }
  .order-detail .dashboard h3 {
    display: block;
    margin-bottom: 0.9375rem; }
  .order-detail .dashboard li {
    line-height: 1.6em; }

/*-------------------
CARRELLO
-------------------*/
.quantity input {
  margin-bottom: 0; }

.promo-code-container {
  background-color: #f2f2f2;
  padding-top: 0.938rem;
  padding-bottom: 0.938rem;
  margin-bottom: 1.25rem !important; }

.promo-code-container.row {
  margin-left: 0;
  margin-right: 0; }

.promo-code-container input,
.promo-code-container .button {
  margin-bottom: 0; }

.promo-code-container legend {
  margin-bottom: 0.625rem;
  background: #f2f2f2; }

.promo-code-container p {
  font-size: 0.8125rem;
  margin: 0.9375rem 0; }

.shopping {
  padding-bottom: 2.8125rem; }
  .shopping .button-group span[class*="fi-"] {
    margin-right: 0rem; }
  .shopping table {
    width: 100% !important;
    margin-bottom: 1.875rem;
    border-collapse: collapse; }
    .shopping table th {
      background: #424242;
      color: #fff !important;
      vertical-align: middle;
      line-height: normal;
      font-size: 0.75rem;
      font-weight: 900 !important;
      padding: 0.3125rem 0.625rem 0.3125rem;
      font-family: "Roboto", Arial, sans-serif !important; }
    .shopping table td {
      vertical-align: middle;
      border-color: rgba(66, 66, 66, 0.15); }
    .shopping table td.text-right {
      white-space: nowrap !important; }
    .shopping table .button {
      background: #999;
      color: #fff;
      border: 0px; }
      .shopping table .button:hover {
        background: #666; }
      .shopping table .button.prefix {
        border-radius: 0.125rem 0 0 0.125rem; }
      .shopping table .button.postfix {
        border-radius: 0 0.125rem 0.125rem 0; }
    .shopping table .bar-type .button span:before {
      float: left;
      width: 12px;
      height: 12px;
      display: none; }
    .shopping table td:nth-child(2) a, .shopping table td:nth-child(2) small {
      color: #030101;
      display: block;
      text-decoration: none; }
    .shopping table td:nth-child(2) a:hover {
      text-decoration: underline; }
    .shopping table td:nth-child(2) small {
      font-size: 0.6875rem;
      color: #999; }
      .shopping table td:nth-child(2) small.personalizzazione {
        color: #111 !important;
        font-weight: 600; }
    .shopping table td:nth-child(2) strong {
      display: block;
      margin: 0 0 5px; }
      .shopping table td:nth-child(2) strong span {
        display: block !important;
        font-weight: 400; }
    .shopping table td:nth-child(3) del {
      color: rgba(66, 66, 66, 0.6);
      font-size: 0.8125rem;
      display: block; }
  .shopping strong {
    font-weight: 600 !important; }
  .shopping .pricing-table {
    list-style: none;
    margin: 0px 0 0.9375rem;
    padding: 0px 0 0.9375rem;
    font-family: "DINPro-Regular", Helvetica, Roboto, Arial, sans-serif;
    border-bottom: 0.0625rem solid rgba(66, 66, 66, 0.2);
    font-family: 1.125rem; }
    .shopping .pricing-table strong {
      font-family: "DINPro-Medium", Helvetica, Roboto, Arial, sans-serif; }
    .shopping .pricing-table .price {
      font-family: "DINPro-Bold", Helvetica, Roboto, Arial, sans-serif;
      padding: 0.625rem 0; }
      .shopping .pricing-table .price strong {
        font-size: 1.5rem !important; }
  .shopping .button.postfix {
    padding: 0px !important; }
  .shopping .promo-code-container {
    background: transparent;
    margin: 0px;
    padding: 0px; }
    .shopping .promo-code-container fieldset.column {
      padding: 0.9375rem 1.875rem 1.875rem;
      display: block;
      background: #e0e0e0; }
    .shopping .promo-code-container legend {
      background: transparent;
      margin: 0px;
      padding: 0px; }
    .shopping .promo-code-container p {
      margin: 0px 0 0.625rem;
      padding: 0px; }
    .shopping .promo-code-container small {
      font-size: 0.75rem;
      color: rgba(66, 66, 66, 0.8); }
    .shopping .promo-code-container input {
      background: #FFFFFF; }
    .shopping .promo-code-container .button {
      border-radius: 0 0 0 0;
      border: 1px solid transparent;
      color: #fff;
      background: #424242; }
      .shopping .promo-code-container .button:hover {
        background: rgba(66, 66, 66, 0.6); }
  .shopping .cart-back {
    line-height: 48px;
    padding: 0.9375rem 0;
    font-family: "DINPro-Regular", Helvetica, Roboto, Arial, sans-serif; }
  .shopping .button.secondary.bold.large {
    font-size: 0.9375rem; }
  .shopping table.stacktable th {
    background: #fff;
    border: 1px solid #dcdcdc !important;
    text-align: center; }
  .shopping table.stacktable th.st-head-row-main {
    display: none; }
  .shopping table.stacktable td.st-val a, .shopping table.stacktable td.st-val small {
    display: block; }
  .shopping table.stacktable td.st-val small {
    font-size: 0.6875rem;
    color: #999; }
  .shopping table.stacktable .prefix {
    padding: 0px !important; }
  .shopping table.stacktable .postfix {
    padding: 0px !important; }
  .shopping table.stacktable .st-val {
    width: 100% !important; }
    .shopping table.stacktable .st-val .medium-4 {
      max-width: 33% !important; }
    .shopping table.stacktable .st-val .prefix {
      display: inline-block !important; }
    .shopping table.stacktable .st-val input {
      display: inline-block !important; }
    .shopping table.stacktable .st-val .postfix {
      display: inline-block !important; }
  .shopping table.stacktable .st-key {
    text-align: center !important; }

/*-------------------
CHECKOUT
-------------------*/
.dashboard.checkout.row {
  margin-left: auto;
  margin-right: auto; }

.row.checkout.dashboard.generic-form {
  margin-top: 1.875rem; }

.step-number {
  text-align: center;
  display: inline-block;
  width: 2.250rem;
  height: 2.250rem;
  line-height: 2.250rem;
  margin-right: .4rem;
  border-radius: 100%;
  background-color: #00BFB3;
  color: #fff; }

.checkout .accordion {
  margin-bottom: 0.938rem; }

.checkout .accordion-navigation > a {
  background-color: #707070;
  color: #fff;
  padding-left: 0.938rem; }

.checkout .accordion-navigation > a:hover {
  background-color: #5a5a5a;
  color: #fff; }

.checkout .accordion-navigation a [class*="fi-"] {
  display: inline-block;
  margin-right: 0.625rem;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out; }

.checkout .accordion-navigation.active a [class*="fi-"] {
  transform: rotate(405deg);
  transform-origin: center; }

.checkout .accordion-navigation .content {
  padding: 0.938rem; }

.checkout .accordion-navigation .content .row {
  margin-left: 0;
  margin-right: 0; }

.checkout .accordion-navigation .content .column {
  padding-left: 0.938rem !important;
  padding-right: 0.938rem !important; }

.checkout .accordion-navigation .content .column input {
  padding-left: 0.313rem;
  padding-right: 0.313rem; }

.checkout label.inline {
  display: block; }

.checkout .privacy-link {
  margin-left: 1.625rem; }

#complete-checkout .row {
  line-height: 1.3em !important;
  margin-bottom: 0.9375rem; }
  #complete-checkout .row .panel.callout p {
    margin: 0.9375rem; }
    #complete-checkout .row .panel.callout p strong {
      font-weight: 600;
      display: inline-block;
      text-align: right; }
    #complete-checkout .row .panel.callout p.price strong {
      font-weight: 900; }
  #complete-checkout .row input[type="checkbox"]:checked + label span.check-shape:after {
    top: 0.125rem; }

#complete-checkout .panel {
  margin-bottom: 0px !important; }

.dashboard #Panel_Login {
  background: #e0e0e0;
  border: 0.125rem solid #d8d8d8;
  padding: 1.875rem 1.875rem; }
  .dashboard #Panel_Login p {
    margin: 0.625rem 0;
    font-size: 0.8125rem;
    line-height: 1.4em;
    color: #030101; }

.dashboard .errore {
  display: block;
  color: #fff !important;
  background: red;
  font-size: 0.75rem;
  line-height: 0.875rem;
  padding: 0.625rem; }

.pick-and-pay {
  display: block;
  padding-top: 0.9375rem; }

.pick-address {
  line-height: 1.5em;
  font-size: 0.875rem;
  background: rgba(255, 255, 255, 0.5);
  padding: 0.75rem;
  color: #555657; }
  .pick-address strong {
    font-weight: 600; }

td[data-label*="Pagamento"] .alert-box,
td[data-label*="Stato"] .alert-box {
  padding: 5px 10px; }

td[data-label*="Stato"]:before {
  content: '';
  display: block;
  height: 5px; }

/*-------------------
-------------------
SMALL SCREEN - max-width:768px
-------------------
-------------------*/
@media only screen and (max-width: 48em) {
  .order-date {
    padding-bottom: 15px; }
    .order-date h2 {
      font-size: 24px; }
    .order-date h3 {
      font-size: 16px;
      line-height: 1.4em; }
  .order-date + .medium-3 h3 {
    font-size: 20px; }
  .order-date + .medium-3 .alert-box {
    margin-top: 5px; }
  /*-------------------
        RUBRICA
        -------------------*/
  .button-group.stack-for-small > li {
    float: none;
    display: block; }
  /*-------------------
        ORDINI DETTAGLIO
        -------------------*/
  .dashboard > div {
    width: 100%;
    margin-bottom: 1rem; }
  /*-------------------
        CARRELLO
        -------------------*/
  .promo-code-container input {
    margin-bottom: 1rem; }
  .button-group.bar-type.actions li {
    border-top: none;
    margin-bottom: 1rem;
    width: 100%; }
  /*-------------------
        RESPONSIVE TABLE
        -------------------*/
  /* Force table to not be like tables anymore */
  table {
    border: none; }
  table, thead, tbody, th, td, tr {
    display: block !important; }
  /* Hide table headers (but not display: none;, for accessibility) */
  thead tr {
    position: absolute;
    top: -624.938em;
    /*-9999px / 16px*/
    left: -624.938em;
    /*-9999px / 16px*/ }
  /*tr { border: 1px solid #ccc; }*/
  table td, table th {
    border-left: none !important; }
  td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50% !important; }
  table tbody td:not([data-label]) {
    padding-left: 0.714em !important;
    /*useful for button*/ }
  table tbody td[data-label]:last-child {
    padding-bottom: 0.938rem;
    /*15px/16px*/ }
  td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 0.643em;
    /*9px/14px*/
    left: 0.714em;
    /*10px/14px*/
    width: 45%;
    padding-right: 0.714em;
    /*10px/14px*/
    white-space: nowrap;
    font-size: 1em;
    /*14px/14px*/
    /*filter:alpha(opacity=100); -moz-opacity:1.00; -khtml-opacity:1.00; opacity:1.00;*/
    /* Label the data */
    content: attr(data-label); }
  tr {
    border-bottom: 10px solid #dadbdc; }
  table tr.even,
  table tr.alt,
  table tr:nth-of-type(2n) {
    background: #fff; }
  .shopping td[data-label]:before {
    text-align: left; }
  .shopping .secondary {
    width: 100%; }
  .shopping .large-pull-6, .shopping .large-push-6 {
    text-align: center; }
  /*.checkout .column{
            padding: 0rem;
        }*/
  .dashboard.checkout > .column {
    padding: 0 0px !important; }
  .dashboard.checkout .sub-title {
    text-align: center; }
  .mobile-margin-bottom-20 {
    margin-bottom: 20px; } }

/*-------------------
-------------------
MEDIUM SCREEN - max-width:360px
-------------------
-------------------*/
@media only screen and (max-width: 22.5em) {
  .content-container .top-bar li {
    display: block; }
  .content-container .top-bar li > a {
    display: inline-block;
    position: relative;
    width: auto; } }

.login {
  padding: 2.8125rem 3.75rem 1.875rem !important;
  display: inline-block;
  /*    & .check input{
        height:auto;
    }*/ }
  .login aside {
    margin-top: 0; }
  .login .fields {
    background: #fff;
    border: 0.625rem solid #e0e0e0 !important;
    padding: 1.875rem; }
    .login .fields h2 {
      font-size: 1.25rem;
      margin: 0.9375rem 0; }
    .login .fields p {
      font-size: 0.8125rem;
      margin-bottom: 0.9375rem; }
    .login .fields label {
      font-size: 0.8125rem; }
    .login .fields .column.margin-bottom-20 {
      margin-bottom: 0.9375rem !important;
      padding: 0px !important; }
    .login .fields .button {
      font-family: "Roboto", Arial, sans-serif;
      width: 100%;
      text-align: center;
      padding: 0.9375rem 0;
      background: #424242; }
      .login .fields .button:hover {
        background: #111; }
    .login .fields a {
      text-decoration: underline; }
      .login .fields a:hover {
        text-decoration: none;
        color: #111; }
  .login .panel {
    border: none;
    padding: 0.625rem 1.875rem !important; }
    .login .panel .pricing-table {
      border: none;
      list-style: none;
      margin: 0;
      padding: 0px; }
      .login .panel .pricing-table > .title {
        font-size: 1.25rem;
        margin: 0.9375rem 0 0.625rem;
        font-family: "Roboto", Arial, sans-serif; }
      .login .panel .pricing-table > li {
        text-align: left;
        border-bottom: 0 solid #fff !important; }
      .login .panel .pricing-table > li:not(.title) {
        color: #262626; }
      .login .panel .pricing-table > li:last-child {
        border-bottom: none !important; }
      .login .panel .pricing-table li p {
        margin: 0;
        line-height: 1.3;
        font-size: 0.875rem;
        padding: 0.25rem 0; }
      .login .panel .pricing-table .description {
        font-size: 0.8125rem;
        font-family: "Roboto", Arial, sans-serif !important;
        margin-bottom: 0.9375rem; }
      .login .panel .pricing-table .bullet-item {
        padding-left: 1.875rem;
        position: relative; }
      .login .panel .pricing-table .bullet-item span {
        font-size: 1.0rem;
        display: block;
        position: absolute;
        left: 0.625rem;
        top: 50%;
        margin-top: -0.625rem; }
      .login .panel .pricing-table .cta-button {
        margin-top: 0.9375rem; }
  .login input[type="checkbox"] + label {
    margin-left: 0 !important;
    padding: 0px !important;
    text-transform: none !important;
    line-height: 1.5rem !important; }
  .login input[type="checkbox"],
  .login input[type="radio"] {
    display: none; }
  .login input[type="checkbox"] + label span.check-shape,
  .login input[type="radio"] + label span.check-shape {
    display: inline-block;
    width: 1.125rem;
    height: 1.125rem;
    margin: 0 0.5rem -0.25rem 0;
    background-color: #fff;
    border: 0.0625rem solid rgba(66, 66, 66, 0.6);
    cursor: pointer; }
  .login input[type="radio"] + label span.check-shape {
    border-radius: 100%; }
  .login input[type="checkbox"]:checked + label span.check-shape,
  .login input[type="radio"]:checked + label span.check-shape {
    background-color: #fff; }
  .login input[type="checkbox"]:checked + label span.check-shape:after {
    content: ' ';
    display: block;
    position: absolute;
    top: 0.1875rem;
    line-height: 1.25rem;
    text-align: center;
    width: 1.125rem;
    height: 1.125rem;
    opacity: 0.75;
    background-image: url("../images/spritesheet/check.svg");
    background-position: center center;
    background-size: 70% 70%;
    background-repeat: no-repeat; }
  .login input[type="radio"]:checked + label span.check-shape:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0.375rem;
    font-size: 1.6875rem;
    line-height: 1.4;
    text-align: center;
    width: 0.5rem;
    height: 0.5rem;
    padding: 0;
    opacity: 0.75;
    background: black;
    border-radius: 50%;
    margin-top: -0.125rem; }

@media only screen and (max-width: 40em) {
  .login {
    padding: 2.8125rem 0.9375rem 1.875rem !important; } }

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .login {
    padding: 2.8125rem 0.9375rem 1.875rem !important; } }

.panel {
  border-style: solid;
  border-width: 0.125rem;
  border-color: #d8d8d8;
  margin-bottom: 1.25rem;
  padding: 1.25rem;
  background: #e0e0e0;
  color: #333333; }

.stacktable {
  width: 100%; }

.st-head-row {
  padding-top: 1em; }

.st-head-row.st-head-row-main {
  font-size: 1.5em;
  padding-top: 0; }

.st-key {
  width: 49%;
  text-align: right;
  padding-right: 1%; }

.st-val {
  width: 49%;
  padding-left: 1%; }

/* RESPONSIVE EXAMPLE */
.stacktable.large-only {
  display: table; }

.small-only {
  display: none; }

@media (max-width: 999px) {
  .large-only {
    display: none; }
  .stacktable.small-only {
    display: table; } }

.wishlist {
  margin: 1.875rem 0 2.8125rem;
  padding: 0px; }
  .wishlist li {
    margin-bottom: 0px !important; }
  .wishlist li:nth-child(1) {
    margin-top: 0px !important;
    padding-top: 0px !important; }
    .wishlist li:nth-child(1) .wishlist__remove {
      margin-top: 0px !important; }
  .wishlist .secondary {
    background: #969696; }
  .wishlist__remove {
    text-align: center;
    margin-top: 0;
    z-index: 30;
    position: relative;
    width: 100%;
    visibility: hidden;
    visibility: visible; }
    .wishlist__remove a {
      background: #e0e0e0;
      display: inline-block;
      width: 100%;
      padding: 0.625rem 0.9375rem;
      color: rgba(66, 66, 66, 0.7);
      font-size: 0.75rem;
      border-radius: 0 0 0 0;
      text-transform: uppercase;
      transition: all 300ms ease-out; }
      .wishlist__remove a span {
        margin: 0 0.3125rem; }
    .wishlist__remove a:hover {
      background: #424242;
      color: #fff; }
  .wishlist li:hover .wishlist__remove {
    visibility: visible; }

@media only screen and (max-width: 40em) {
  .wishlist__remove {
    margin-top: 0.9375rem; } }

.title.bold.medium.title-steps {
  margin-bottom: 15px; }
  @media only screen and (min-width: 40.0625em) {
    .title.bold.medium.title-steps {
      margin-bottom: 20px; } }
  @media only screen and (min-width: 64.0625em) {
    .title.bold.medium.title-steps {
      margin-bottom: 30px; } }

.form-steps {
  display: block;
  width: 100%;
  position: relative;
  margin: 20px 0; }
  @media only screen and (min-width: 40.0625em) {
    .form-steps {
      margin: 20px 0 40px; } }
  @media only screen and (min-width: 64.0625em) {
    .form-steps {
      margin: 20px 0 100px; } }

.form-steps:after {
  content: "";
  display: table;
  clear: both; }

.form-steps__item {
  padding: 0;
  position: relative;
  display: block;
  float: left;
  width: 14%;
  text-align: center; }

.form-steps__item.six {
  padding: 0;
  position: relative;
  display: block;
  float: left;
  width: 16.666%;
  text-align: center; }

.form-steps__item-content {
  display: inline-block; }

.form-steps__item-icon {
  background: #00BFB3;
  color: #fff;
  display: block;
  border-radius: 100%;
  text-align: center;
  width: 50px;
  height: 50px;
  line-height: 44px;
  margin: 0 auto 0px auto;
  position: relative;
  font-size: 13px;
  font-weight: 700;
  z-index: 2;
  border: 5px solid #b9f2ed;
  transition: all 0.4s ease; }

.form-steps__item-icon:hover {
  border: 5px solid #00BFB3; }
  .form-steps__item-icon:hover:before, .form-steps__item-icon:hover:after {
    display: none; }

.form-steps__item-text {
  font-size: 13px;
  color: #030101;
  font-weight: 500; }

.form-steps__item-line {
  display: inline-block;
  height: 3px;
  width: 100%;
  background: rgba(0, 191, 179, 0.5);
  float: left;
  position: absolute;
  left: -50%;
  top: 25px;
  z-index: 1; }

.form-steps__item--active .form-steps__item-icon {
  background: #00BFB3;
  color: white;
  border-color: mediumseagreen; }

.form-steps__item--active .form-steps__item-text {
  color: #00BFB3;
  font-weight: 600; }

.form-steps__item--active .form-steps__item-line,
.form-steps__item--completed .form-steps__item-line {
  background: #00BFB3;
  border: 1px solid mediumseagreen; }

.form-steps__item--completed .form-steps__item-text {
  color: #4f5e77; }

.form-steps__item--completed .form-steps__item-icon {
  background: #00BFB3;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IkxheWVyIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDkuMTIgNyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTkuMTIgMS4wNkw4LjA2IDAgMy4xOCA0Ljg4IDEuMDYgMi43NiAwIDMuODIgMy4xOCA3bDUuOTQtNS45NHoiLz48L3N2Zz4=);
  color: transparent;
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: center center;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border: 5px solid mediumseagreen; }

@media only screen and (max-width: 767px) {
  .form-steps__item-icon,
  .form-steps__item--completed .form-steps__item-icon {
    width: 40px;
    height: 40px;
    line-height: 32px; }
  .form-steps__item-line {
    top: 18px; } }

.form-steps__item-icon:after {
  content: '';
  position: absolute;
  top: 50%;
  right: -5px;
  width: 5px;
  height: 3px;
  background: lightgrey; }

.form-steps__item-icon:before {
  content: '';
  position: absolute;
  top: 50%;
  left: -5px;
  width: 5px;
  height: 3px;
  background: lightgrey; }

.first-step .form-steps__item-icon:before {
  display: none; }

.last-step .form-steps__item-icon:after {
  display: none; }

.form-steps__item--active .form-steps__item-icon:before,
.form-steps__item--completed .form-steps__item-icon:after,
.form-steps__item--completed .form-steps__item-icon:before {
  background: #00BFB3; }

.form-steps__item:last-child .form-steps__item-icon:after {
  background: lightslategray; }

.form-steps__item--active .form-steps__item-icon:after,
.form-steps__item:last-child.form-steps__item--active .form-steps__item-icon:after,
.form-steps__item:first-child.form-steps__item--active .form-steps__item-icon:before,
.form-steps__item:first-child.form-steps__item--completed .form-steps__item-icon:before {
  background: mediumseagreen; }

.hp-intro {
  padding: 40px 0px; }
  .hp-intro__text {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 24px;
    line-height: 1.3em;
    font-weight: 500;
    padding: 0px 15px;
    text-transform: uppercase;
    text-align: center; }
    @media only screen and (min-width: 40.0625em) {
      .hp-intro__text {
        font-size: 18px;
        padding: 0px 15px; } }
    @media only screen and (min-width: 64.0625em) {
      .hp-intro__text {
        font-size: 28px;
        padding: 10px 15px; } }
		
.cms {
  background: #f6f6f6; }

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

[data-wkp-cms-type] {
  /* Arrows */
  /* Dots */
  /*.slick-slider { margin-bottom: 45px; }*/ }
  [data-wkp-cms-type] .slick-prev,
  [data-wkp-cms-type] .slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    margin-top: -10px;
    padding: 0;
    border: none;
    outline: none; }
  [data-wkp-cms-type] .slick-prev:hover,
  [data-wkp-cms-type] .slick-prev:focus,
  [data-wkp-cms-type] .slick-next:hover,
  [data-wkp-cms-type] .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
  [data-wkp-cms-type] .slick-prev:hover:before,
  [data-wkp-cms-type] .slick-prev:focus:before,
  [data-wkp-cms-type] .slick-next:hover:before,
  [data-wkp-cms-type] .slick-next:focus:before {
    opacity: 1; }
  [data-wkp-cms-type] .slick-prev.slick-disabled:before,
  [data-wkp-cms-type] .slick-next.slick-disabled:before {
    opacity: 0.25; }
  [data-wkp-cms-type] .slick-prev:before,
  [data-wkp-cms-type] .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  [data-wkp-cms-type] .slick-prev {
    left: 10px; }
  [data-wkp-cms-type] [dir="rtl"] .slick-prev {
    left: auto;
    right: 10px; }
  [data-wkp-cms-type] .slick-prev:before {
    content: "←"; }
  [data-wkp-cms-type] [dir="rtl"] .slick-prev:before {
    content: "→"; }
  [data-wkp-cms-type] .slick-next {
    right: 10px; }
  [data-wkp-cms-type] [dir="rtl"] .slick-next {
    left: 10px;
    right: auto; }
  [data-wkp-cms-type] .slick-next:before {
    content: "→"; }
  [data-wkp-cms-type] [dir="rtl"] .slick-next:before {
    content: "←"; }
  [data-wkp-cms-type] .slick-dots {
    position: absolute;
    bottom: -45px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    width: 100%; }
  [data-wkp-cms-type] .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
  [data-wkp-cms-type] .slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer; }
  [data-wkp-cms-type] .slick-dots li button:hover,
  [data-wkp-cms-type] .slick-dots li button:focus {
    outline: none; }
  [data-wkp-cms-type] .slick-dots li button:hover:before,
  [data-wkp-cms-type] .slick-dots li button:focus:before {
    opacity: 1; }
  [data-wkp-cms-type] .slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: "slick";
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: black;
    opacity: 0.25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  [data-wkp-cms-type] .slick-dots li.slick-active button:before {
    color: black;
    opacity: 0.75; }

.wkp-media-element img {
  max-width: 100%; }

.sub-title {
  font-size: 1.875rem;
  padding-bottom: 1.875rem;
  margin: 0;
  line-height: 1.0em; }
  .sub-title--strong {
    font-family: "Roboto", Arial, sans-serif;
    padding-bottom: 0.625rem;
    color: #030101; }

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .cms {
    padding: 1.875rem 0.9375rem; } }

@media only screen and (max-width: 40em) {
  .cms {
    padding-bottom: 1.875rem; }
    .cms .column,
    .cms .columns {
      padding: 0 0.5rem; }
    .cms .padding-bottom-30 {
      padding: 0px; }
    .cms .sub-title {
      line-height: 1.4;
      margin-top: 0.9375rem; }
    .cms [data-wkp-cms-type="text"] p {
      font-size: 0.9375rem;
      line-height: 1.4; } }

.footer {
  /*div:not(.switch) input[type="checkbox"].custom-element__checkbox + .custom-element__label span.custom-element__shape{
  background-color:rgba(#f2f2f2,0.5) !important;
  border:0px !important;
}*/ }
  .footer .icon {
    padding-left: 1.75rem !important;
    display: inline-block;
    position: relative;
    margin: 5px 0 0; }
    .footer .icon:after {
      content: "";
      display: block;
      width: 1.25rem;
      height: 1.25rem;
      position: absolute;
      top: 50%;
      left: 0;
      right: auto !important;
      transform: translateY(-50%); }
    .footer .icon--whatsapp:after {
      background: url("../images/spritesheet/whatsapp-logo.svg") no-repeat 50% 50%;
      background-size: contain; }
    .footer .icon--whatsapp {
      color: #25d366 !important; }
  @media only screen and (min-width: 64.0625em) {
    .footer .icon {
      display: none; }
      .footer .icon + br {
        display: none; } }
  .footer .subscribe {
    padding: 2.8125rem 0;
    background: #00BFB3; }
    .footer .subscribe__title {
      font-family: "Roboto", Arial, sans-serif;
      font-size: 1.375rem;
      font-weight: normal;
      color: #FFFFFF;
      text-transform: uppercase; }
    .footer .subscribe__description {
      font-size: 0.875rem;
      color: white;
      font-weight: 200;
      font-family: "Roboto", Arial, sans-serif; }
    .footer .subscribe__field input,
    .footer .subscribe__field span {
      height: 3.125rem;
      line-height: 3.125rem;
      border: 0px;
      font-family: "Roboto", Arial, sans-serif;
      font-size: 0.875rem; }
    .footer .subscribe__field input[type="text"] {
      padding: 0 1.25rem !important;
      border: 1px solid #fff;
      border-width: 2px 0px 2px 2px;
      background: #f2f2f2;
      border-radius: 0 0 0 0; }
    .footer .subscribe__field a.postfix {
      background: #f2f2f2;
      border-left: 0px;
      display: block;
      cursor: pointer;
      border: 1px solid #fff;
      border-width: 2px 2px 2px 0px;
      border-radius: 0 0 0 0;
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden;
      font-size: 0px;
      height: 50px;
      line-height: 50px;
      position: relative; }
      .footer .subscribe__field a.postfix:before {
        content: '';
        display: block;
        width: 1.875rem;
        height: 1.875rem;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -0.9375rem;
        background: url(../images/spritesheet/arrow-right_vector.svg) no-repeat 50% 50%;
        background-size: 100% 100%;
        transition: all 300ms ease-out; }
      .footer .subscribe__field a.postfix:hover:before {
        left: 55%; }
    .footer .subscribe ::-webkit-input-placeholder {
      color: #00BFB3; }
    .footer .subscribe :-moz-placeholder {
      color: #00BFB3; }
    .footer .subscribe ::-moz-placeholder {
      color: #00BFB3; }
    .footer .subscribe :-ms-input-placeholder {
      color: #00BFB3; }
  .footer .footer__widget {
    padding: 0px !important;
    background: #424242; }
  .footer__nav-list {
    padding: 1.875rem 0 1.875rem; }
  .footer__nav-item > a,
  .footer__nav-item > span {
    color: #00BFB3;
    font-family: "Roboto", Arial, sans-serif;
    font-size: 1rem;
    margin-bottom: 0.625rem;
    display: block; }
  .footer__nav-item > ul,
  .footer__nav-item > ul > li {
    list-style: none;
    margin: 0px;
    padding: 0px; }
  .footer__nav-item > ul > li > a {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.8125rem; }
    .footer__nav-item > ul > li > a:hover {
      color: #FFFFFF; }
  .footer__address {
    padding: 0.3125rem 0;
    text-align: center;
    border-left: 0.0625rem solid rgba(255, 255, 255, 0.06); }
    .footer__address figure {
      width: 3.125rem;
      height: 3.125rem;
      display: inline-block; }
    .footer__address p {
      padding: 0.9375rem 2.8125rem 0;
      font-size: 0.8125rem;
      color: rgba(255, 255, 255, 0.7); }
    .footer__address a {
      color: rgba(255, 255, 255, 0.7); }
      .footer__address a:hover {
        color: white; }
    .footer__address .button {
      opacity: 0.35; }
      .footer__address .button:hover {
        opacity: 1; }
  .footer__bottom {
    margin-top: 1.875rem;
    padding-top: 0.9375rem;
    padding-bottom: 0;
    border-top: 0.0625rem solid rgba(255, 255, 255, 0.06); }
    .footer__bottom__list {
      margin-bottom: 0; }
      .footer__bottom__list li {
        display: inline-block;
        margin: 0 0 0.125rem;
        font-size: 0.75rem;
        line-height: 0.75rem; }
        .footer__bottom__list li * {
          color: rgba(255, 255, 255, 0.4); }
        .footer__bottom__list li:after {
          content: "/";
          margin: 0 0.3125rem;
          color: rgba(255, 255, 255, 0.2); }
        .footer__bottom__list li:first-child {
          display: block; }
        .footer__bottom__list li:first-child:after, .footer__bottom__list li:last-child:after {
          display: none; }
    .footer__bottom__social {
      width: 100%;
      text-align: center; }
      .footer__bottom__social li {
        display: inline-block;
        margin: 0 0.4375rem; }
      .footer__bottom__social a {
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        font-size: 0px;
        transition: all 300ms ease-out;
        display: block;
        width: 2.25rem;
        height: 2.25rem;
        opacity: 0.3; }
        .footer__bottom__social a:hover {
          opacity: 1; }
      .footer__bottom__social .facebook {
        background: url(../images/spritesheet/social-facebook.svg) no-repeat 50% 50%;
        background-size: 2.25rem 2.25rem; }
      .footer__bottom__social .twitter {
        background: url(../images/spritesheet/social-twitter.svg) no-repeat 50% 50%;
        background-size: 2.25rem 2.25rem; }
      .footer__bottom__social .youtube {
        background: url(../images/spritesheet/social-youtube.svg) no-repeat 50% 50%;
        background-size: 2.25rem 2.25rem; }
      .footer__bottom__social .linkedin {
        background: url(../images/spritesheet/social-linkedin.svg) no-repeat 50% 50%;
        background-size: 2.25rem 2.25rem; }
      .footer__bottom__social .instagram {
        background: url(../images/spritesheet/social-instagram.svg) no-repeat 50% 50%;
        background-size: 2.25rem 2.25rem; }
      .footer__bottom__social .pinterest {
        background: url(../images/spritesheet/social-pinterest.svg) no-repeat 50% 50%;
        background-size: 2.25rem 2.25rem; }
    .footer__bottom a,
    .footer__bottom ul li > * {
      font-family: "Roboto", Arial, sans-serif;
      font-size: 0.6875rem;
      color: #b3b3b3; }
    .footer__bottom a:hover {
      color: #e6e6e6; }
    .footer__bottom .text-right {
      padding-top: 0.3125rem; }
  .footer .custom-element {
    text-align: center;
    padding: 0 0.625rem; }
    .footer .custom-element__inner {
      display: inline-block;
      width: auto;
      position: relative;
      text-align: left; }
    .footer .custom-element input[type="checkbox"] {
      background-color: rgba(242, 242, 242, 0.5) !important;
      border: 2px !important;
      display: inline-block; }
      .footer .custom-element input[type="checkbox"]:after {
        left: 0px !important;
        background-color: #f2f2f2 !important; }
    .footer .custom-element__label {
      width: auto;
      display: inline-block;
      font-size: 0.8125rem;
      line-height: 1.125rem;
      color: rgba(255, 255, 255, 0.8) !important; }
      .footer .custom-element__label > a {
        font-size: 0.8125rem;
        display: inline;
        color: rgba(255, 255, 255, 0.7) !important; }
        .footer .custom-element__label > a:hover {
          color: #FFFFFF !important;
          text-decoration: none; }
  .footer__hours-divider {
    border-color: rgba(255, 255, 255, 0.2); }
    @media only screen and (min-width: 64.0625em) {
      .footer__hours-divider {
        display: none; } }

@media only screen and (max-width: 40em) {
  .footer .padding-top-30 {
    padding-top: 0px; }
  .footer .subscribe {
    padding: 0.9375rem 0; }
    .footer .subscribe__title {
      font-size: 1.125rem; }
    .footer .subscribe__description {
      font-size: 0.875rem;
      margin-bottom: 0.625rem; }
  .footer .custom-element {
    text-align: left;
    padding: 0 0.9375rem !important; }
    .footer .custom-element__inner {
      display: inline-block;
      width: auto;
      position: relative;
      text-align: left; }
    .footer .custom-element__shape:after {
      left: 0px !important; }
    .footer .custom-element__label {
      width: auto;
      display: inline-block;
      font-size: 0.8125rem;
      line-height: 1.25rem;
      color: rgba(255, 255, 255, 0.8) !important; }
      .footer .custom-element__label > a {
        font-size: 0.8125rem;
        display: inline;
        color: rgba(255, 255, 255, 0.7) !important; }
        .footer .custom-element__label > a:hover {
          color: #FFFFFF;
          text-decoration: none; }
  .footer__nav-item {
    border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.2);
    margin-bottom: 1.25rem; }
  .footer__address {
    padding: 0 0;
    border-left: 0 solid rgba(255, 255, 255, 0); }
    .footer__address p {
      font-size: 1rem; }
    .footer__address .button {
      opacity: 0.5;
      font-size: 1rem; }
  .footer__bottom {
    border-top: 0.0625rem solid rgba(255, 255, 255, 0.2);
    padding: 0.9375rem 0 4.0625rem; }
    .footer__bottom ul {
      margin-bottom: 0;
      text-align: center;
      margin-left: 0px;
      padding: 0px;
      width: 100%; }
      .footer__bottom ul li {
        display: inline-block;
        padding: 0 0 0;
        font-size: 0.75rem; }
        .footer__bottom ul li.author {
          text-transform: none;
          padding: 0.9375rem 0 0;
          float: none;
          display: block;
          width: 100%; }
    .footer__bottom__social {
      padding-top: 0.9375rem !important; } }

@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
  .footer .subscribe {
    padding: 0.9375rem 0; }
    .footer .subscribe__title {
      font-size: 1.5rem; }
    .footer .subscribe__description {
      font-size: 1rem;
      margin-bottom: 0.625rem; }
  .footer__address {
    padding: 1.875rem 0 0.9375rem;
    border-left: 0 solid rgba(255, 255, 255, 0);
    border-top: 0.0625rem solid rgba(255, 255, 255, 0.2);
    border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.2); }
    .footer__address p {
      font-size: 1rem; }
    .footer__address .button {
      opacity: 0.5;
      font-size: 1rem; }
  .footer__bottom {
    border-top: 0 solid rgba(255, 255, 255, 0.2);
    padding: 0 0 0.9375rem; }
    .footer__bottom ul {
      margin-bottom: 0;
      text-align: center;
      margin-left: 0px;
      padding: 0px;
      width: 100%; }
      .footer__bottom ul li {
        display: inline-block;
        padding: 0 0 0;
        font-size: 0.75rem; }
        .footer__bottom ul li.author {
          text-transform: none;
          padding: 0.9375rem 0 0;
          float: none;
          display: block;
          width: 100%; }
    .footer__bottom__social {
      padding-top: 0.9375rem !important; }
  .footer__loghi.vertical-padding-30 {
    padding: 0px !important; } }

header {
  padding-top: 0;
  background: #030101;
  z-index: 99;
  position: relative;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); }
  header .logo a {
    display: block;
    z-index: 10;
    position: static; }
  header .logo h1 {
    display: block;
    margin: 0.375rem 0 0.5625rem 0;
    width: 3.25rem;
    height: 3.25rem;
    background: url(../images/logo_hprc.svg) no-repeat 50% 50%;
    background-size: 3.25rem 3.25rem; }
    header .logo h1 span {
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden;
      font-size: 0px; }
  header .contain-to-grid {
    background: transparent; }
  header .top-bar {
    background: #030101;
    min-height: 65px; }
  header .top-bar-section {
    position: relative; }
    header .top-bar-section .main-menu,
    header .top-bar-section .top-menu {
      background: #00BFB3;
      position: static; }
      header .top-bar-section .main-menu li,
      header .top-bar-section .top-menu li {
        background: #030101; }
        header .top-bar-section .main-menu li a,
        header .top-bar-section .top-menu li a {
          color: #fff;
          background: #00BFB3;
          font-family: "Roboto", Arial, sans-serif;
          font-size: 0.875rem;
          text-transform: uppercase;
          text-decoration: none;
          line-height: 1.25rem !important;
          transition: all 300ms ease-out; }
          header .top-bar-section .main-menu li a:hover, header .top-bar-section .main-menu li a.active,
          header .top-bar-section .top-menu li a:hover,
          header .top-bar-section .top-menu li a.active {
            color: #030101; }
      header .top-bar-section .main-menu--right,
      header .top-bar-section .top-menu--right {
        border-top: 0.0625rem solid rgba(3, 1, 1, 0.25);
        right: auto;
        top: auto; }
        header .top-bar-section .main-menu--right li,
        header .top-bar-section .top-menu--right li {
          margin: 0 0; }
          header .top-bar-section .main-menu--right li:nth-last-child(3),
          header .top-bar-section .top-menu--right li:nth-last-child(3) {
            display: block !important; }
        header .top-bar-section .main-menu--right a,
        header .top-bar-section .top-menu--right a {
          font-family: "Roboto", Arial, sans-serif !important;
          text-transform: none !important; }
      header .top-bar-section .main-menu--left,
      header .top-bar-section .top-menu--left {
        left: auto;
        top: 0; }
      header .top-bar-section .main-menu .icon,
      header .top-bar-section .top-menu .icon {
        padding-left: 2.8125rem;
        position: relative; }
        header .top-bar-section .main-menu .icon:after,
        header .top-bar-section .top-menu .icon:after {
          content: "";
          display: block;
          width: 1.125rem;
          height: 1.125rem;
          position: absolute;
          top: 50%;
          right: auto;
          left: 0.625rem;
          transform: translateY(-50%); }
        header .top-bar-section .main-menu .icon--cart em,
        header .top-bar-section .top-menu .icon--cart em {
          display: inline-block; }
          @media (min-width: 1025px) {
            header .top-bar-section .main-menu .icon--cart em,
            header .top-bar-section .top-menu .icon--cart em {
              text-indent: -999em; } }
        header .top-bar-section .main-menu .icon--cart span,
        header .top-bar-section .top-menu .icon--cart span {
          font-family: "Roboto", Arial, sans-serif;
          margin-left: 0.3125rem; }
          header .top-bar-section .main-menu .icon--cart span:before,
          header .top-bar-section .top-menu .icon--cart span:before {
            content: '(';
            margin-right: 0.125rem; }
          header .top-bar-section .main-menu .icon--cart span:after,
          header .top-bar-section .top-menu .icon--cart span:after {
            content: ')';
            margin-left: 0.125rem; }
        header .top-bar-section .main-menu .icon--profile.icon,
        header .top-bar-section .top-menu .icon--profile.icon {
          padding-right: 0 !important; }
          @media (min-width: 1025px) {
            header .top-bar-section .main-menu .icon--profile.icon,
            header .top-bar-section .top-menu .icon--profile.icon {
              text-indent: -999em; } }
        header .top-bar-section .main-menu .icon--cart:after,
        header .top-bar-section .top-menu .icon--cart:after {
          background: url("../images/spritesheet/cart_white.svg") no-repeat 50% 50%;
          background-size: contain;
          width: 1.25rem;
          height: 1.25rem;
          left: 0.75rem; }
        header .top-bar-section .main-menu .icon--profile:after,
        header .top-bar-section .top-menu .icon--profile:after {
          background: url("../images/spritesheet/user_white.svg") no-repeat 50% 50%;
          background-size: contain; }
        header .top-bar-section .main-menu .icon--search:after,
        header .top-bar-section .top-menu .icon--search:after {
          background: url("../images/spritesheet/magnify_white.svg") no-repeat 50% 50%;
          background-size: contain; }
    header .top-bar-section .main-menu {
      padding-top: 0; }
      header .top-bar-section .main-menu li {
        background-color: #00BFB3; }
      header .top-bar-section .main-menu li.title.back:hover > h5,
      header .top-bar-section .main-menu a:hover {
        background-color: white !important; }
      header .top-bar-section .main-menu .dropdown li {
        background: #00BFB3; }
        header .top-bar-section .main-menu .dropdown li:first-child {
          padding-top: 0.9375rem; }
        header .top-bar-section .main-menu .dropdown li:last-child {
          padding-bottom: 0.9375rem; }
        header .top-bar-section .main-menu .dropdown li.title h5 a {
          font-size: 0.6875rem;
          color: #424242;
          position: relative;
          margin-left: 15px; }
          header .top-bar-section .main-menu .dropdown li.title h5 a:before {
            content: "";
            display: block;
            width: 0;
            height: 0;
            border: 5px inset;
            border-color: transparent #424242 transparent transparent;
            border-left-style: solid;
            margin-right: .9375rem;
            margin-top: -5px;
            position: absolute;
            top: 50%;
            left: -5px; }
        header .top-bar-section .main-menu .dropdown li.parent-link a {
          display: none; }
        header .top-bar-section .main-menu .dropdown li a:hover {
          background-color: rgba(255, 255, 255, 0.2); }
      header .top-bar-section .main-menu li #Link_Workshop[href*="/fr"] {
        padding-right: 14px !important; }
    header .top-bar-section .top-menu {
      padding-bottom: 0.9375rem; }
  header .icon-menu {
    position: absolute;
    right: 3.125rem;
    top: 50%;
    transform: translateY(-50%); }
    header .icon-menu li {
      background: transparent;
      display: inline;
      float: left; }
      header .icon-menu li a {
        position: relative;
        line-height: 2.75rem !important;
        color: #00BFB3;
        background: transparent !important;
        text-decoration: none;
        font-size: 0.8125rem; }
        header .icon-menu li a:hover {
          color: #FFFFFF !important; }
      header .icon-menu li.language {
        margin-top: 0.3125rem;
        border-right: 0.0625rem solid rgba(0, 191, 179, 0.25); }
        header .icon-menu li.language a {
          font-family: "Roboto", Arial, sans-serif;
          padding: 0 0.625rem !important; }
          header .icon-menu li.language a svg {
            fill: #030101;
            width: 0.4375rem;
            height: 0.4375rem;
            margin-left: 0.3125rem;
            transition: all 300ms ease-out; }
          header .icon-menu li.language a:hover svg {
            fill: #00BFB3; }
        header .icon-menu li.language:last-child {
          border: 0; }
        header .icon-menu li.language.has-dropdown .dropdown {
          margin-top: 0;
          padding: 1.25rem 0 0.625rem;
          background: #e1e1e1;
          min-width: 11.25rem !important;
          border-radius: 0.25rem;
          text-align: center !important;
          left: 50%;
          transform: translateX(-35%);
          box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.45); }
          header .icon-menu li.language.has-dropdown .dropdown:after {
            content: '';
            bottom: 100%;
            left: 50%;
            border: solid transparent;
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-color: rgba(162, 144, 97, 0);
            border-bottom-color: #e1e1e1;
            border-width: 10px;
            margin-left: -10px; }
          header .icon-menu li.language.has-dropdown .dropdown a {
            color: #000 !important;
            display: flex;
            align-items: center;
            width: 100%;
            padding: 3px 0 !important;
            justify-content: center; }
            header .icon-menu li.language.has-dropdown .dropdown a:before {
              position: relative;
              top: 0;
              left: 0;
              margin: 0;
              margin-right: 15px;
              width: 24px;
              height: 24px; }
            header .icon-menu li.language.has-dropdown .dropdown a[hreflang="eng"]:before, header .icon-menu li.language.has-dropdown .dropdown a[hreflang="en"]:before {
              background: url(../images/spritesheet/flag-uk.svg) no-repeat 50% 50%; }
            header .icon-menu li.language.has-dropdown .dropdown a[hreflang="fra"]:before, header .icon-menu li.language.has-dropdown .dropdown a[hreflang="fr"]:before {
              content: '';
              display: block;
              background: url(../images/spritesheet/flag-fra.svg) no-repeat 50% 50%;
              background-size: contain; }
            header .icon-menu li.language.has-dropdown .dropdown a[hreflang="deu"]:before, header .icon-menu li.language.has-dropdown .dropdown a[hreflang="de"]:before {
              content: '';
              display: block;
              background: url(../images/spritesheet/flag-deu.svg) no-repeat 50% 50%;
              background-size: contain; }
            header .icon-menu li.language.has-dropdown .dropdown a[hreflang="usa"]:before {
              content: '' !important;
              display: block;
              background: url(../images/spritesheet/flag-usa.svg) no-repeat 50% 50%;
              background-size: contain; }
            header .icon-menu li.language.has-dropdown .dropdown a span {
              width: 68px;
              text-align: left;
              font-size: 15px; }
        header .icon-menu li.language.has-dropdown {
          padding-right: 14px !important; }
          header .icon-menu li.language.has-dropdown a {
            color: #ccc; }
          header .icon-menu li.language.has-dropdown:after {
            content: "";
            width: 0;
            height: 0;
            border-left: 4px solid transparent;
            border-right: 4px solid transparent;
            border-top: 4px solid #808080;
            position: absolute;
            top: 50%;
            right: 5px; }
  header .top-bar .title-area {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem; }
  header .top-bar .toggle-topbar.menu-icon {
    margin-top: -1.375rem;
    top: 50%; }
    header .top-bar .toggle-topbar.menu-icon a {
      position: relative;
      display: block;
      width: 2.75rem;
      height: 2.75rem;
      overflow: visible !important;
      white-space: nowrap;
      /* hide text */
      color: transparent;
      z-index: 3;
      margin: 0px 0.3125rem 0 0;
      padding: 0px !important; }
      header .top-bar .toggle-topbar.menu-icon a span,
      header .top-bar .toggle-topbar.menu-icon a span::before,
      header .top-bar .toggle-topbar.menu-icon a span::after {
        /* hamburger icon in CSS */
        position: absolute;
        display: inline-block;
        height: 3px;
        width: 24px;
        background: #00BFB3;
        box-shadow: 0 0 0 0px transparent, 0 0px 0 0px transparent, 0 0px 0 0px transparent; }
      header .top-bar .toggle-topbar.menu-icon a span {
        /* line in the center */
        position: absolute;
        top: 50%;
        right: 10px;
        margin-top: 0px;
        transition: background 0.3s 0.3s; }
      header .top-bar .toggle-topbar.menu-icon a span::before,
      header .top-bar .toggle-topbar.menu-icon a span::after {
        /* other 2 lines */
        content: '';
        right: 0;
        /* Force Hardware Acceleration in WebKit */
        transform: translateZ(0);
        backface-visibility: hidden;
        transform-origin: 0% 50%;
        transition: transform 0.3s 0.3s;
        margin-top: 0; }
      header .top-bar .toggle-topbar.menu-icon a span::before {
        /* menu icon top line */
        top: -7px; }
      header .top-bar .toggle-topbar.menu-icon a span::after {
        /* menu icon bottom line */
        top: 7px; }
  header .top-bar.expanded .toggle-topbar.menu-icon a span {
    /* hide line in the center */
    background: rgba(46, 50, 51, 0) !important; }
  header .top-bar.expanded .toggle-topbar.menu-icon a span::before,
  header .top-bar.expanded .toggle-topbar.menu-icon a span::after {
    /* keep visible other 2 lines */
    background: #00BFB3; }
  header .top-bar.expanded .toggle-topbar.menu-icon a span::before {
    transform: translateX(3px) translateY(-2px) rotate(45deg); }
  header .top-bar.expanded .toggle-topbar.menu-icon a span::after {
    transform: translateX(3px) translateY(1px) rotate(-45deg); }
  header .top-bar.expanded .title-area {
    background: #030101; }

@media only screen and (min-width: 1025px) {
  header {
    padding-top: 0.625rem;
    min-height: 7.8125rem;
    box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0); }
    header .title-area {
      display: inline-block;
      width: 100%;
      text-align: center;
      position: relative; }
      header .title-area:before, header .title-area:after {
        content: '';
        height: 1px;
        width: 46%;
        display: block;
        position: absolute;
        top: 50%;
        opacity: 0.15;
        background: #FFFFFF; }
      header .title-area:before {
        left: 0px; }
      header .title-area:after {
        right: 0px; }
    header .logo {
      display: inline-block; }
      header .logo a {
        display: block;
        z-index: 10;
        position: relative; }
      header .logo h1 {
        display: block;
        margin: 0 0 0 0;
        width: 6.375rem;
        height: 6.375rem;
        background: url(../images/logo_hprc.svg) no-repeat 50% 50%;
        background-size: 6.375rem 6.375rem; }
        header .logo h1 span {
          text-indent: 100%;
          white-space: nowrap;
          overflow: hidden;
          font-size: 0px; }
    header .top-bar {
      position: relative;
      height: auto; }
    header .top-bar-section {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
      header .top-bar-section .top-menu {
        position: absolute;
        background: transparent !important;
        padding-top: 5px;
        padding-bottom: 0px; }
        header .top-bar-section .top-menu li {
          background: #030101 !important; }
          header .top-bar-section .top-menu li a {
            font-family: "Roboto", Arial, sans-serif !important;
            position: relative;
            padding: 0 0 !important;
            color: #cccccc !important;
            background: transparent !important;
            text-decoration: none;
            font-size: 0.8125rem;
            line-height: 1.875rem !important;
            text-transform: none; }
            header .top-bar-section .top-menu li a:hover {
              color: #FFFFFF !important; }
            header .top-bar-section .top-menu li a strong {
              font-weight: 400; }
          header .top-bar-section .top-menu li.language {
            margin-right: 0 !important; }
            header .top-bar-section .top-menu li.language a {
              font-family: "Roboto", Arial, sans-serif;
              font-size: 0.8125rem;
              color: #FFFFFF;
              border-left: 0.0625rem solid rgba(255, 255, 255, 0.2);
              padding: 0 0.9375rem !important;
              position: relative; }
              header .top-bar-section .top-menu li.language a.active {
                color: #00BFB3 !important;
                font-weight: 800; }
            header .top-bar-section .top-menu li.language a[hreflang*="it"] {
              position: relative;
              padding: 0 0.625rem 0 2.5rem !important; }
              header .top-bar-section .top-menu li.language a[hreflang*="it"]:before {
                content: '';
                display: block;
                width: 1.25rem;
                height: 1.25rem;
                background: url(../images/spritesheet/flag-it.svg) no-repeat 50% 50%;
                background-size: contain;
                position: absolute;
                top: 50%;
                left: 0.625rem;
                margin-top: -0.6875rem; }
            header .top-bar-section .top-menu li.language a[hreflang*="en"] {
              position: relative;
              padding: 0 0.625rem 0 2.5rem !important; }
              header .top-bar-section .top-menu li.language a[hreflang*="en"]:before {
                content: '';
                display: block;
                width: 1.125rem;
                height: 1.125rem;
                background: url(../images/spritesheet/flag-uk.svg) no-repeat 50% 50%;
                background-size: contain;
                position: absolute;
                top: 50%;
                left: 0.625rem;
                margin-top: -0.625rem; }
            header .top-bar-section .top-menu li.language a[hreflang*="fr"] {
              position: relative;
              padding: 0 0.625rem 0 2.5rem !important; }
              header .top-bar-section .top-menu li.language a[hreflang*="fr"]:before {
                content: '';
                display: block;
                width: 1.125rem;
                height: 1.125rem;
                background: url(../images/spritesheet/flag-fra.svg) no-repeat 50% 50%;
                background-size: contain;
                position: absolute;
                top: 50%;
                left: 0.625rem;
                margin-top: -0.625rem; }
            header .top-bar-section .top-menu li.language a[hreflang*="de"] {
              position: relative;
              padding: 0 0.625rem 0 2.5rem !important; }
              header .top-bar-section .top-menu li.language a[hreflang*="de"]:before {
                content: '';
                display: block;
                width: 1.125rem;
                height: 1.125rem;
                background: url(../images/spritesheet/flag-deu.svg) no-repeat 50% 50%;
                background-size: contain;
                position: absolute;
                top: 50%;
                left: 0.625rem;
                margin-top: -0.625rem; }
            header .top-bar-section .top-menu li.language a[hreflang*="us"] {
              position: relative;
              padding: 0 0.625rem 0 2.5rem !important; }
              header .top-bar-section .top-menu li.language a[hreflang*="us"]:before {
                content: '';
                display: block;
                width: 1.125rem;
                height: 1.125rem;
                background: url(../images/spritesheet/flag-usa.svg) no-repeat 50% 50%;
                background-size: contain;
                position: absolute;
                top: 50%;
                left: 0.625rem;
                margin-top: -0.625rem; }
            header .top-bar-section .top-menu li.language a[id*="USA"] {
              position: relative;
              padding: 0 0.625rem 0 2.5rem !important; }
              header .top-bar-section .top-menu li.language a[id*="USA"]:before {
                content: '';
                display: block;
                width: 1.25rem;
                height: 1.25rem;
                background: url(../images/spritesheet/flag-usa.svg) no-repeat 50% 50%;
                background-size: contain;
                position: absolute;
                top: 50%;
                left: 0.625rem;
                margin-top: -0.6875rem; }
            header .top-bar-section .top-menu li.language.has-dropdown > a {
              padding-right: 32px !important; }
              header .top-bar-section .top-menu li.language.has-dropdown > a:after {
                content: "";
                width: 0;
                height: 0;
                border-left: 4px solid transparent;
                border-right: 4px solid transparent;
                border-top: 4px solid #808080; }
            header .top-bar-section .top-menu li.language.has-dropdown .dropdown {
              margin-top: 0;
              padding: 1.25rem 0 0.625rem;
              background: #e1e1e1;
              min-width: 11.25rem !important;
              border-radius: 0.25rem;
              text-align: center !important;
              left: 50%;
              transform: translateX(-35%);
              box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.45); }
              header .top-bar-section .top-menu li.language.has-dropdown .dropdown:after {
                content: '';
                bottom: 100%;
                left: 50%;
                border: solid transparent;
                height: 0;
                width: 0;
                position: absolute;
                pointer-events: none;
                border-color: rgba(162, 144, 97, 0);
                border-bottom-color: #e1e1e1;
                border-width: 10px;
                margin-left: -10px; }
              header .top-bar-section .top-menu li.language.has-dropdown .dropdown a {
                color: #000 !important;
                display: flex;
                align-items: center;
                width: 100%;
                padding: 3px 0 !important;
                justify-content: center; }
                header .top-bar-section .top-menu li.language.has-dropdown .dropdown a:before {
                  position: relative;
                  top: 0;
                  left: 0;
                  margin: 0;
                  margin-right: 15px;
                  width: 24px;
                  height: 24px; }
                header .top-bar-section .top-menu li.language.has-dropdown .dropdown a[hreflang="eng"]:before, header .top-bar-section .top-menu li.language.has-dropdown .dropdown a[hreflang="en"]:before {
                  background: url(../images/spritesheet/flag-uk.svg) no-repeat 50% 50%; }
                header .top-bar-section .top-menu li.language.has-dropdown .dropdown a[hreflang="fra"]:before, header .top-bar-section .top-menu li.language.has-dropdown .dropdown a[hreflang="fr"]:before {
                  content: '';
                  display: block;
                  background: url(../images/spritesheet/flag-fra.svg) no-repeat 50% 50%;
                  background-size: contain; }
                header .top-bar-section .top-menu li.language.has-dropdown .dropdown a[hreflang="deu"]:before, header .top-bar-section .top-menu li.language.has-dropdown .dropdown a[hreflang="de"]:before {
                  content: '';
                  display: block;
                  background: url(../images/spritesheet/flag-deu.svg) no-repeat 50% 50%;
                  background-size: contain; }
                header .top-bar-section .top-menu li.language.has-dropdown .dropdown a[hreflang="usa"]:before {
                  content: '';
                  display: block;
                  background: url(../images/spritesheet/flag-usa.svg) no-repeat 50% 50%;
                  background-size: contain; }
                header .top-bar-section .top-menu li.language.has-dropdown .dropdown a span {
                  width: 68px;
                  text-align: left;
                  font-size: 15px; }
          header .top-bar-section .top-menu li.livechat a {
            position: relative; }
            header .top-bar-section .top-menu li.livechat a:before {
              content: '';
              display: block;
              width: 1.375rem;
              height: 1.375rem;
              background: url("../images/spritesheet/chat.svg") no-repeat 50% 50%;
              background-size: 1.375rem 1.375rem;
              position: absolute;
              top: 50%;
              left: 0;
              transform: translateY(-50%); }
            header .top-bar-section .top-menu li.livechat a:after {
              content: 'LiveChat';
              padding-left: 1.875rem; }
          header .top-bar-section .top-menu li.livechat img {
            display: none; }
          header .top-bar-section .top-menu li .icon {
            padding-right: 1.875rem !important; }
            header .top-bar-section .top-menu li .icon:after {
              content: "";
              display: block;
              width: 1.375rem;
              height: 1.375rem;
              position: absolute;
              top: 50%;
              left: auto;
              right: 0px !important;
              transform: translateY(-50%); }
            header .top-bar-section .top-menu li .icon--cart span {
              font-family: "Roboto", Arial, sans-serif;
              display: block;
              position: absolute;
              top: -0.625rem;
              right: -1.25rem;
              width: 1.375rem;
              height: 1.375rem;
              line-height: 1.5rem;
              text-align: center;
              font-size: 0.875rem;
              font-family: "Roboto", Arial, sans-serif !important;
              background: #00BFB3;
              color: #FFFFFF;
              border-radius: 50%; }
              header .top-bar-section .top-menu li .icon--cart span:before {
                content: '';
                display: none !important; }
              header .top-bar-section .top-menu li .icon--cart span:after {
                content: '';
                display: none !important; }
            header .top-bar-section .top-menu li .icon--cart:after {
              background: url("../images/spritesheet/cart.svg") no-repeat 50% 50%;
              background-size: contain;
              width: 1.75rem;
              height: 1.75rem; }
            header .top-bar-section .top-menu li .icon--profile:after {
              background: url("../images/spritesheet/user.svg") no-repeat 50% 50%;
              background-size: contain; }
            header .top-bar-section .top-menu li .icon--search:after {
              background: url("../images/spritesheet/magnify.svg") no-repeat 50% 50%;
              background-size: contain; }
            header .top-bar-section .top-menu li .icon--phone:after {
              background: url("../images/spritesheet/phone.svg") no-repeat 50% 50%;
              background-size: contain; }
            header .top-bar-section .top-menu li .icon--mail:after {
              background: url("../images/spritesheet/mail-green.svg") no-repeat 50% 50%;
              background-size: contain; }
            header .top-bar-section .top-menu li .icon--mail {
              color: #64DD17 !important; }
            header .top-bar-section .top-menu li .icon--whatsapp:after {
              background: url("../images/spritesheet/whatsapp-logo.svg") no-repeat 50% 50%;
              background-size: contain; }
            header .top-bar-section .top-menu li .icon--whatsapp {
              color: #25d366 !important; }
            header .top-bar-section .top-menu li .icon--left {
              padding-right: 0.625rem !important;
              padding-left: 2.5rem !important;
              border-left: 0.0625rem solid rgba(255, 255, 255, 0.2); }
              header .top-bar-section .top-menu li .icon--left:after {
                right: auto;
                left: 0.625rem !important; }
        header .top-bar-section .top-menu--right {
          right: 1.5625rem;
          top: 0; }
          header .top-bar-section .top-menu--right li {
            margin: 0 0.625rem; }
            header .top-bar-section .top-menu--right li.language {
              margin: 0 0; }
            header .top-bar-section .top-menu--right li:nth-last-child(3) {
              display: block !important;
              border-left: 0.0625rem solid rgba(255, 255, 255, 0.2);
              padding-left: 15px; }
            header .top-bar-section .top-menu--right li:nth-last-child(2) {
              margin: 0 0.3125rem 0 0 !important;
              width: 30px !important;
              /*border-left: 0.0625rem solid rgba(255, 255, 255, 0.2);*/ }
            header .top-bar-section .top-menu--right li:nth-last-child(6) a {
              border-left: 0 !important; }
        header .top-bar-section .top-menu--left {
          left: 0.9375rem;
          top: 0; }
          header .top-bar-section .top-menu--left li.livechat {
            margin-right: 0.625rem !important; }
            header .top-bar-section .top-menu--left li.livechat:nth-child(1) {
              border-left: 0; }
          header .top-bar-section .top-menu--left li.language a {
            padding: 0 0.625rem !important; }
      header .top-bar-section .main-menu {
        position: absolute;
        left: 50%;
        bottom: -0.1875rem;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        transform: translateX(-50%);
        border: 0px solid yellow;
        width: 100%;
        text-align: center !important;
        background: transparent !important;
        padding: 0px !important;
        /*&__customize{
      position:relative;
      text-align:center !important;

      span{
      color:$secondary-color !important;
      z-index:2;
      position:relative;
      letter-spacing:rem-calc(-1);
      display:inline;
      background:url(../images/spritesheet/label_center.png) repeat-x 0% 0% !important;
      padding:rem-calc(5) rem-calc(20) rem-calc(9);
      @include single-transition;
      &:before{
      content:'';
      display: block;
      width:19px;
      height:32px;
      background:url(../images/spritesheet/label_sx-outline.png) no-repeat 50% 50% !important;
      position:absolute;
      top:0;
      left:0px;
    }
    &:after{
    content:'';
    display: block;
    width:19px;
    height:32px;
    background:url(../images/spritesheet/label_dx-outline.png) no-repeat 50% 50% !important;
    position:absolute;
    top:0;
    right:0px;
  }
}
&:hover span{
color:lighten($secondary-color, 15%) !important;
}
}*/ }
        header .top-bar-section .main-menu > li {
          background: transparent !important;
          display: inline-block !important;
          float: none !important;
          /*min-width:rem-calc(130);*/
          padding: 0 30px;
          margin: 0 -2px; }
          header .top-bar-section .main-menu > li a {
            font-size: 0.9375rem;
            font-family: "Roboto", Arial, sans-serif;
            font-weight: 500;
            position: relative;
            line-height: 2.8125rem !important;
            padding: 0 0 !important;
            background: transparent !important;
            color: #FFFFFF !important;
            text-transform: uppercase; }
            header .top-bar-section .main-menu > li a:hover {
              color: #00BFB3 !important;
              background-color: #030101 !important; }
            header .top-bar-section .main-menu > li a.active {
              color: #00BFB3 !important;
              font-weight: 700;
              /*&:after{
              content:'';
              display:block;
              @include triangle(rem-calc(18), $white, up);
              @include xy-centered(100%,50%);
              margin-top:rem-calc(11);
            }*/ }
          header .top-bar-section .main-menu > li:empty {
            display: none !important; }
          header .top-bar-section .main-menu > li .dropdown {
            margin-top: 0;
            padding: 1.25rem 0 0.625rem;
            background: #00BFB3;
            min-width: 11.25rem !important;
            border-radius: 0.25rem;
            text-align: center !important;
            left: 50%;
            transform: translateX(-50%);
            box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.45); }
            header .top-bar-section .main-menu > li .dropdown:after {
              content: '';
              bottom: 100%;
              left: 50%;
              border: solid transparent;
              height: 0;
              width: 0;
              position: absolute;
              pointer-events: none;
              border-color: rgba(162, 144, 97, 0);
              border-bottom-color: #00BFB3;
              border-width: 10px;
              margin-left: -10px; }
            header .top-bar-section .main-menu > li .dropdown li,
            header .top-bar-section .main-menu > li .dropdown a {
              background: #00BFB3 !important;
              font-family: "Roboto", Arial, sans-serif;
              font-size: 0.875rem;
              text-align: center !important; }
            header .top-bar-section .main-menu > li .dropdown .parent-link {
              display: none; }
            header .top-bar-section .main-menu > li .dropdown a {
              color: #FFFFFF !important;
              text-transform: none;
              line-height: 1.2em !important;
              padding: 0.4375rem 1.875rem !important; }
              header .top-bar-section .main-menu > li .dropdown a:hover {
                color: #030101 !important; }
          header .top-bar-section .main-menu > li .dropdown.tuning {
            background: #f1b200 !important;
            margin-left: -0.1875rem !important; }
            header .top-bar-section .main-menu > li .dropdown.tuning li {
              background: transparent !important; }
            header .top-bar-section .main-menu > li .dropdown.tuning:after {
              border-bottom-color: #f1b200 !important; }
            header .top-bar-section .main-menu > li .dropdown.tuning a {
              color: #030101 !important;
              background: transparent !important; }
              header .top-bar-section .main-menu > li .dropdown.tuning a:hover {
                opacity: 0.8 !important; }
        header .top-bar-section .main-menu__factory {
          position: relative; }
          header .top-bar-section .main-menu__factory:after {
            content: '';
            width: 2.875rem;
            height: 2.875rem;
            display: block;
            position: absolute;
            background: url(../images/spritesheet/factory.svg) no-repeat 50% 50%;
            background-size: contain;
            position: absolute;
            top: -2.0625rem;
            left: 50%;
            transform: translateX(-50%);
            /*margin-left:rem-calc(20);*/ }
          header .top-bar-section .main-menu__factory.active:after {
            background-image: url(../images/spritesheet/factory_red.svg); }
        header .top-bar-section .main-menu__products {
          position: relative; }
          header .top-bar-section .main-menu__products:after {
            content: '';
            width: 2.875rem;
            height: 2.875rem;
            display: block;
            position: absolute;
            background: url(../images/spritesheet/products.svg) no-repeat 50% 50%;
            background-size: contain;
            position: absolute;
            top: -1.625rem;
            left: 50%;
            transform: translateX(-50%);
            /*margin-left:rem-calc(26);*/ }
          header .top-bar-section .main-menu__products.active:after {
            background-image: url(../images/spritesheet/products_red.svg); }
        header .top-bar-section .main-menu__rent {
          position: relative; }
          header .top-bar-section .main-menu__rent:after {
            content: '';
            width: 2.875rem;
            height: 2.875rem;
            display: block;
            position: absolute;
            background: url(../images/spritesheet/rent-icon.svg) no-repeat 50% 50%;
            background-size: contain;
            position: absolute;
            top: -1.625rem;
            left: 50%;
            transform: translateX(-50%);
            /*margin-left:rem-calc(26);*/ }
          header .top-bar-section .main-menu__rent.active:after {
            background-image: url(../images/spritesheet/rent-icon-active.svg); }
        header .top-bar-section .main-menu__tuning {
          position: relative; }
          header .top-bar-section .main-menu__tuning:after {
            content: '';
            width: 1.625rem;
            height: 1.625rem;
            display: block;
            position: absolute;
            background: url(../images/spritesheet/cog.svg) no-repeat 50% 50%;
            background-size: contain;
            position: absolute;
            top: -1.0625rem;
            left: 50%;
            transform: translateX(-50%);
            /*margin-left:rem-calc(24);*/ }
          header .top-bar-section .main-menu__tuning.active:after {
            background-image: url(../images/spritesheet/cog_yellow.svg); }
        header .top-bar-section .main-menu__outlet {
          position: relative; }
          header .top-bar-section .main-menu__outlet:after {
            content: '';
            width: 1.6875rem;
            height: 1.6875rem;
            display: block;
            position: absolute;
            background: url(../images/spritesheet/outlet.svg) no-repeat 50% 50%;
            background-size: contain;
            position: absolute;
            top: -1.375rem;
            left: 50%;
            transform: translateX(-50%);
            /*margin-left:rem-calc(0);*/ }
          header .top-bar-section .main-menu__outlet.active:after {
            background-image: url(../images/spritesheet/outlet_orange.svg); }
        header .top-bar-section .main-menu__foamlab {
          position: relative; }
          header .top-bar-section .main-menu__foamlab:after {
            content: '';
            width: 1.6875rem;
            height: 1.6875rem;
            display: block;
            position: absolute;
            background: url(../images/spritesheet/scissors.svg) no-repeat 50% 50%;
            background-size: contain;
            position: absolute;
            top: -1.375rem;
            left: 50%;
            transform: translateX(-50%);
            /*margin-left:rem-calc(-27);*/ }
          header .top-bar-section .main-menu__foamlab.active:after {
            background-image: url(../images/spritesheet/scissors_red.svg); }
        header .top-bar-section .main-menu__laser {
          position: relative; }
          header .top-bar-section .main-menu__laser:after {
            content: '';
            width: 2.25rem;
            height: 2.25rem;
            display: block;
            position: absolute;
            background: url(../images/spritesheet/laser.svg) no-repeat 50% 50%;
            background-size: contain;
            position: absolute;
            top: -1.75rem;
            left: 50%;
            transform: translateX(-50%);
            /*margin-left:rem-calc(-27);*/ }
          header .top-bar-section .main-menu__laser.active:after {
            background-image: url(../images/spritesheet/laser_red.svg); }
        header .top-bar-section .main-menu__cerca {
          position: relative; }
          header .top-bar-section .main-menu__cerca:after {
            content: '';
            width: 1.6875rem;
            height: 1.6875rem;
            display: block;
            position: absolute;
            background: url(../images/spritesheet/search.svg) no-repeat 50% 50%;
            background-size: contain;
            position: absolute;
            top: -1.375rem;
            left: 50%;
            transform: translateX(-50%); }
          header .top-bar-section .main-menu__cerca.active:after {
            background-image: url(../images/spritesheet/search_red.svg); }
        header .top-bar-section .main-menu__news {
          position: relative; }
          header .top-bar-section .main-menu__news:after {
            content: '';
            width: 1.6875rem;
            height: 1.6875rem;
            display: block;
            position: absolute;
            background: url(../images/spritesheet/news.svg) no-repeat 50% 50%;
            background-size: contain;
            position: absolute;
            top: -1.375rem;
            left: 50%;
            transform: translateX(-50%); }
          header .top-bar-section .main-menu__news.active {
            color: #00BFB3 !important; }
            header .top-bar-section .main-menu__news.active:after {
              background-image: url(../images/spritesheet/news.svg); }
          header .top-bar-section .main-menu__news:hover {
            color: #00BFB3 !important; }
        header .top-bar-section .main-menu__rateus {
          position: relative; }
          header .top-bar-section .main-menu__rateus:after {
            content: '';
            width: 4.0625rem;
            height: 4.0625rem;
            display: block;
            position: absolute;
            background: url(../images/spritesheet/stars.svg) no-repeat 50% 50%;
            background-size: contain;
            position: absolute;
            top: -2.5625rem;
            left: 50%;
            transform: translateX(-50%);
            /*margin-left:rem-calc(-22);*/ }
          header .top-bar-section .main-menu__rateus.active:after {
            background-image: url(../images/spritesheet/stars_red.svg); }
        header .top-bar-section .main-menu > li:nth-child(2) {
          padding-left: 0;
          /*transform:translateX(-50px);*/ }
        header .top-bar-section .main-menu > li:nth-child(3) {
          /*transform:translateX(-50px);*/ }
        header .top-bar-section .main-menu > li:nth-child(4) {
          display: inline-flex !important;
          /*transform:translateX(-50px);*/ }
          header .top-bar-section .main-menu > li:nth-child(4):after {
            content: "";
            width: 162px;
            flex-shrink: 0; }
        header .top-bar-section .main-menu > li:nth-child(5) {
          /*transform:translateX(180px);*/ }
        header .top-bar-section .main-menu > li:nth-child(7) {
          padding-right: 0; }
          header .top-bar-section .main-menu > li:nth-child(7) a {
            /* &:hover,
    &.active{
      color:#e76000 !important
    }*/ }
    header .top-bar-section ul li:hover:not(.has-form) > a {
      color: #fff; }
  header .top-bar-section .main-menu > li.main-menu__factory a {
    /*&:hover{
  color:rgba($sky,1) !important;
}*/ }
  header .top-bar-section .main-menu > li.main-menu__factory a.active {
    /*&:after{
  @include triangle(rem-calc(18), #efe1cf, up);
}*/ } }

.language-dropdown {
  position: fixed;
  top: 80px;
  z-index: 4;
  right: 50px;
  display: none; }
  .language-dropdown.is-visible {
    display: block; }
  .language-dropdown .dropdown {
    margin-top: 0;
    padding: 1.25rem 0 0.625rem;
    background: #e1e1e1;
    min-width: 11.25rem !important;
    border-radius: 0.25rem;
    text-align: center !important;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.45); }
    .language-dropdown .dropdown:after {
      content: '';
      bottom: 100%;
      left: 50%;
      border: solid transparent;
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(162, 144, 97, 0);
      border-bottom-color: #e1e1e1;
      border-width: 10px;
      margin-left: -10px; }
    .language-dropdown .dropdown a {
      color: #000 !important;
      display: flex;
      align-items: center;
      width: 100%;
      padding: 3px 0 !important;
      justify-content: center; }
      .language-dropdown .dropdown a:before {
        position: relative;
        top: 0;
        left: 0;
        margin: 0;
        margin-right: 15px;
        width: 24px;
        height: 24px; }
      .language-dropdown .dropdown a[hreflang="ita"]:before, .language-dropdown .dropdown a[hreflang="it"]:before {
        content: '';
        display: block;
        background: url(../images/spritesheet/flag-it.svg) no-repeat 50% 50%;
        background-size: contain; }
      .language-dropdown .dropdown a[hreflang="eng"]:before, .language-dropdown .dropdown a[hreflang="en"]:before {
        content: '';
        display: block;
        background: url(../images/spritesheet/flag-uk.svg) no-repeat 50% 50%;
        background-size: contain; }
      .language-dropdown .dropdown a[hreflang="fra"]:before, .language-dropdown .dropdown a[hreflang="fr"]:before {
        content: '';
        display: block;
        background: url(../images/spritesheet/flag-fra.svg) no-repeat 50% 50%;
        background-size: contain; }
      .language-dropdown .dropdown a[hreflang="deu"]:before, .language-dropdown .dropdown a[hreflang="de"]:before {
        content: '';
        display: block;
        background: url(../images/spritesheet/flag-deu.svg) no-repeat 50% 50%;
        background-size: contain; }
      .language-dropdown .dropdown a[hreflang="usa"]:before, .language-dropdown .dropdown a[id*="USA"]:before {
        content: '';
        display: block;
        background: url(../images/spritesheet/flag-usa.svg) no-repeat 50% 50%;
        background-size: contain; }
      .language-dropdown .dropdown a span {
        width: 68px;
        text-align: left;
        font-size: 15px; }

@media screen and (min-width: 1025px) {
  header .top-bar-section .main-menu > li:nth-child(5),
  header .top-bar-section .main-menu > li:nth-child(6),
  header .top-bar-section .main-menu > li:nth-child(7) {
    transform: translateX(-60px) !important; }
  html[lang="fr"] header:not(.fixed) .top-bar-section .main-menu a span {
    max-width: 130px;
    display: inline-block;
    line-height: 1.0em;
    padding-top: 15px; }
  html[lang="fr"] header .top-bar-section .main-menu a {
    font-size: 13px !important; }
  html[lang="fr"] header .top-bar-section .main-menu > li:nth-child(4) {
    transform: translateX(-15px) !important; }
  html[lang="fr"] header .top-bar-section .main-menu > li:nth-child(5),
  html[lang="fr"] header .top-bar-section .main-menu > li:nth-child(6),
  html[lang="fr"] header .top-bar-section .main-menu > li:nth-child(7) {
    transform: translateX(-100px) !important; }
  html[lang="de"] header .top-bar-section .main-menu a {
    font-size: 13px !important; }
  html[lang="de"] header .top-bar-section .main-menu > li:nth-child(4) {
    transform: translateX(-15px) !important; }
  html[lang="de"] header .top-bar-section .main-menu > li:nth-child(5),
  html[lang="de"] header .top-bar-section .main-menu > li:nth-child(6),
  html[lang="de"] header .top-bar-section .main-menu > li:nth-child(7) {
    transform: translateX(-80px) !important; } }

.logo,
.logo svg {
  transition: all 300ms ease-out; }

@media only screen and (min-width: 64.0625em) {
  .header.fixed {
    animation-name: slide-down;
    animation-duration: 0.8s;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
    opacity: 1;
    background: #FFFFFF;
    box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.75);
    height: 4.0625rem;
    min-height: 4.0625rem;
    position: fixed;
    width: 100%;
    padding: 0px; }
  @-webkit-keyframes slide-down {
    from {
      top: -6.25rem;
      opacity: 1; }
    to {
      top: 0;
      opacity: 1.00; } }
  @keyframes slide-down {
    from {
      top: -6.25rem;
      opacity: 1; }
    to {
      top: 0;
      opacity: 1.00; } }
    .header.fixed .logo {
      margin: 0.4375rem 0 0 0; }
      .header.fixed .logo a {
        display: block;
        z-index: 10;
        position: relative; }
      .header.fixed .logo h1 {
        display: block;
        margin: 0 0 0 0;
        width: 3.125rem;
        height: 3.125rem;
        background: url(../images/logo_hprc.svg) no-repeat 50% 50%;
        background-size: 3.125rem 3.125rem; }
        .header.fixed .logo h1 span {
          text-indent: 100%;
          white-space: nowrap;
          overflow: hidden;
          font-size: 0px; }
    .header.fixed .top-bar {
      height: 4.0625rem;
      min-height: 4.0625rem;
      padding: 0px; }
    .header.fixed .main-menu {
      top: 50%;
      bottom: auto;
      margin-top: -22px !important;
      padding: 0px;
      border: 0px solid green;
      height: 4.0625rem; }
      .header.fixed .main-menu li > a {
        color: #030101;
        line-height: 4.0625rem; }
        .header.fixed .main-menu li > a.active:after {
          display: none; }
      .header.fixed .main-menu > li > a:focus > span:after,
      .header.fixed .main-menu > li > a:hover > span:after {
        background: black; }
      .header.fixed .main-menu > li:nth-child(4) {
        margin-right: 5.625rem; }
      .header.fixed .main-menu > li:nth-child(5) {
        margin-left: 5.625rem; }
      .header.fixed .main-menu__factory {
        position: relative; }
        .header.fixed .main-menu__factory:after {
          content: '';
          width: 1.5625rem;
          height: 1.5625rem;
          top: -0.625rem;
          display: block !important; }
      .header.fixed .main-menu__products {
        position: relative; }
        .header.fixed .main-menu__products:after {
          content: '';
          width: 1.5625rem;
          height: 1.5625rem;
          top: -0.3125rem;
          display: block !important; }
      .header.fixed .main-menu__rent {
        position: relative; }
        .header.fixed .main-menu__rent:after {
          content: '';
          width: 1.5625rem;
          height: 1.5625rem;
          top: -0.3125rem;
          display: block !important; }
      .header.fixed .main-menu__tuning {
        position: relative; }
        .header.fixed .main-menu__tuning:after {
          content: '';
          width: 1.125rem;
          height: 1.125rem;
          top: -0.125rem;
          display: block !important; }
      .header.fixed .main-menu__outlet {
        position: relative; }
        .header.fixed .main-menu__outlet:after {
          content: '';
          width: 1.125rem;
          height: 1.125rem;
          top: -0.5rem;
          display: block !important; }
      .header.fixed .main-menu__foamlab {
        position: relative; }
        .header.fixed .main-menu__foamlab:after {
          content: '';
          width: 1.125rem;
          height: 1.125rem;
          top: -0.3125rem;
          display: block !important; }
      .header.fixed .main-menu__laser {
        position: relative; }
        .header.fixed .main-menu__laser:after {
          content: '';
          width: 1.5rem;
          height: 1.5rem;
          top: -0.625rem;
          display: block !important; }
      .header.fixed .main-menu__rateus {
        position: relative; }
        .header.fixed .main-menu__rateus:after {
          content: '';
          width: 2.8125rem;
          height: 2.8125rem;
          top: -1.125rem;
          display: block !important; }
      .header.fixed .main-menu__cerca {
        position: relative; }
        .header.fixed .main-menu__cerca:after {
          content: '';
          width: 1.125rem;
          height: 1.125rem;
          top: -0.3125rem;
          display: block !important; }
      .header.fixed .main-menu__cerca, .header.fixed .main-menu__factory, .header.fixed .main-menu__rateus, .header.fixed .main-menu__foamlab, .header.fixed .main-menu__outlet, .header.fixed .main-menu__tuning, .header.fixed .main-menu__rent, .header.fixed .main-menu__products {
        padding: 22px 0 0 !important;
        line-height: 1.2 !important; }
        .header.fixed .main-menu__cerca:hover, .header.fixed .main-menu__factory:hover, .header.fixed .main-menu__rateus:hover, .header.fixed .main-menu__foamlab:hover, .header.fixed .main-menu__outlet:hover, .header.fixed .main-menu__tuning:hover, .header.fixed .main-menu__rent:hover, .header.fixed .main-menu__products:hover {
          background-color: transparent !important; }
    .header.fixed .top-menu--left {
      display: none; }
    .header.fixed .top-menu--right li:nth-child(2),
    .header.fixed .top-menu--right li:nth-child(3) {
      display: none; }
    .header.fixed .top-menu--right li:nth-child(1) {
      position: absolute;
      top: 15px;
      right: -15px; }
      .header.fixed .top-menu--right li:nth-child(1) strong {
        visibility: hidden; }
    .header.fixed .top-menu--right {
      display: none; }
    .header.fixed .title-area:before, .header.fixed .title-area:after {
      display: none; } }

.retailers-search label {
  font-family: "Roboto", Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  padding-bottom: 0.3125rem; }

.retailers-search select {
  height: 2.9375rem !important;
  padding: 0.5rem 0.625rem !important;
  margin-bottom: 0;
  border-color: #00BFB3;
  background-color: #FFFFFF; }

.retailers-search .button:hover {
  background: #008c83; }

.retailers {
  border-top: 1px solid #e0e0e0; }

.retailers-list {
  padding-top: 2.8125rem;
  padding-bottom: 3.75rem; }
  .retailers-list .item {
    border-bottom: 4px solid #cccccc;
    padding-top: 3.125rem;
    padding-bottom: 3.125rem; }
    @media only screen and (min-width: 40.0625em) {
      .retailers-list .item .text {
        float: left;
        width: 50%; } }
    .retailers-list .item .map {
      margin-top: 1.25rem; }
      @media only screen and (min-width: 40.0625em) {
        .retailers-list .item .map {
          float: left;
          width: 50%;
          margin: 0; } }
      @media only screen and (min-width: 64.0625em) {
        .retailers-list .item .map {
          padding-right: 3.125rem; } }
      .retailers-list .item .map .mini-map {
        width: 100%;
        height: 200px; }
    .retailers-list .item .dealer {
      display: inline-block;
      background: #FFFFFF;
      color: #00BFB3;
      border: 2px solid #00BFB3;
      padding: 0.1875rem 0.3125rem 0.125rem 0.3125rem;
      font-size: 0.6875rem;
      font-weight: 700;
      text-transform: uppercase;
      margin: 0 0 0.5rem 0;
      line-height: 1.0em;
      letter-spacing: 1px; }
    .retailers-list .item .distributor {
      display: inline-block;
      background: #00BFB3;
      color: #FFFFFF;
      padding: 0.1875rem 0.3125rem 0.125rem 0.3125rem;
      font-size: 0.6875rem;
      font-weight: 500;
      text-transform: uppercase;
      margin: 0 0 0.5rem 0;
      line-height: 1.0em;
      letter-spacing: 1px; }
    .retailers-list .item .tag {
      display: inline-block;
      background: #000000;
      color: #FFFFFF;
      padding: 0.1875rem 0.3125rem 0.125rem 0.3125rem;
      font-size: 0.625rem;
      font-weight: 500;
      text-transform: uppercase;
      margin: 0 0.1875rem 0.5rem 0;
      line-height: 1.0em;
      letter-spacing: 1px; }
    .retailers-list .item strong {
      display: block;
      text-transform: uppercase; }
    .retailers-list .item em {
      display: block;
      font-weight: 700;
      font-style: normal;
      text-transform: none;
      font-size: 0.8125rem; }
    .retailers-list .item p {
      margin-bottom: 0;
      font-size: 0.9375rem; }
    .retailers-list .item .recapiti {
      display: inline-block;
      font-size: 0.9375rem;
      font-weight: 300;
      margin-left: 0; }
      .retailers-list .item .recapiti li {
        padding: 0.3125rem 0 0 1.5625rem;
        list-style-type: none;
        font-size: 0.9375rem !important;
        font-weight: 400 !important;
        color: rgba(66, 66, 66, 0.8) !important; }
        .retailers-list .item .recapiti li a {
          color: rgba(66, 66, 66, 0.8) !important; }
          .retailers-list .item .recapiti li a:hover {
            color: #00BFB3; }
        .retailers-list .item .recapiti li.phone {
          background: url("../images/spritesheet/ico_phone.svg") no-repeat 0% 10px;
          background-size: 14px 14px; }
        .retailers-list .item .recapiti li.fax {
          background: url("../images/spritesheet/ico_fax.svg") no-repeat 0% 10px;
          background-size: 14px 14px; }
        .retailers-list .item .recapiti li.email {
          background: url("../images/spritesheet/ico_mail.svg") no-repeat 0% 11px;
          background-size: 14px 14px; }
        .retailers-list .item .recapiti li.web {
          background: url("../images/spritesheet/ico_web.svg") no-repeat 0% 11px;
          background-size: 14px 14px; }

.rent-a-case__unit {
  padding: 45px 0 25px; }

.rent-a-case__how-to {
  margin: 45px 0 25px;
  background-color: #559EC9;
  padding: 45px 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap; }
  .rent-a-case__how-to .how-to__box {
    text-align: center; }
    .rent-a-case__how-to .how-to__box-container {
      width: 100%;
      padding: 20px 60px;
      align-items: flex-start;
      justify-content: center; }
      @media only screen and (min-width: 40.0625em) {
        .rent-a-case__how-to .how-to__box-container {
          width: auto;
          border-right: 1px solid rgba(255, 255, 255, 0.3);
          padding: 40px 20px;
          display: flex; } }
      @media (min-width: 965px) {
        .rent-a-case__how-to .how-to__box-container {
          padding: 40px 60px; } }
      .rent-a-case__how-to .how-to__box-container:last-child {
        border-right: 0; }
    .rent-a-case__how-to .how-to__box-divider {
      padding: 20px;
      font-size: 14px;
      font-weight: 300;
      color: #FFFFFF;
      display: flex;
      justify-content: center;
      align-items: center; }
      @media only screen and (min-width: 40.0625em) {
        .rent-a-case__how-to .how-to__box-divider {
          padding: 0 20px;
          height: 100%; } }
      .rent-a-case__how-to .how-to__box-divider span {
        display: inline-block; }
        @media only screen and (min-width: 40.0625em) {
          .rent-a-case__how-to .how-to__box-divider span {
            margin-top: -40px; } }
  .rent-a-case__how-to .title {
    margin-bottom: 0;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 400; }
    @media only screen and (min-width: 40.0625em) {
      .rent-a-case__how-to .title {
        font-size: 16px; } }
    @media (min-width: 965px) {
      .rent-a-case__how-to .title {
        font-size: 18px; } }
  .rent-a-case__how-to .icon {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    margin-bottom: 24px;
    background-size: contain; }
    @media only screen and (min-width: 40.0625em) {
      .rent-a-case__how-to .icon {
        width: 90px;
        height: 90px; } }
    @media only screen and (min-width: 64.0625em) {
      .rent-a-case__how-to .icon {
        width: 120px;
        height: 120px; } }
    .rent-a-case__how-to .icon.icon--choose {
      background-image: url(../images/spritesheet/icon-choose.svg); }
    .rent-a-case__how-to .icon.icon--receive {
      background-image: url(../images/spritesheet/icon-receive.svg); }
    .rent-a-case__how-to .icon.icon--return {
      background-image: url(../images/spritesheet/icon-return.svg); }
    .rent-a-case__how-to .icon.icon--shop {
      background-image: url(../images/spritesheet/icon-shop.svg); }

.how-to__title-container {
  width: 100%;
  text-align: center; }
  .how-to__title-container .title {
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 32px;
    font-size: 24px;
    font-weight: 600; }

.rentacase__logo {
  margin: 0 auto;
  width: 150px;
  height: 150px;
  margin-bottom: 32px;
  background-image: url(../images/spritesheet/rentacase-logo.svg);
  background-size: cover; }
  .rentacase__logo span {
    opacity: 0; }

.rentacase__payoff {
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 200; }
  .rentacase__payoff-container {
    margin-bottom: 40px;
    padding-bottom: 16px;
    position: relative; }
    .rentacase__payoff-container:after {
      content: "";
      height: 3px;
      width: 50px;
      background-color: #559EC9;
      display: block;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: 0; }

.rentacase__text {
  font-size: 18px;
  font-weight: 200; }

.check-list {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 30px; }
  @media only screen and (min-width: 40.0625em) {
    .check-list {
      margin-bottom: 0; } }
  .check-list li {
    display: flex;
    margin-bottom: 12px; }
    .check-list li:before {
      content: "";
      height: 20px;
      width: 26px;
      background-image: url(../images/spritesheet/check-list.svg);
      background-size: contain;
      margin-right: 10px;
      margin-top: 5px;
      flex-shrink: 0;
      background-position: center center;
      background-repeat: no-repeat; }
    .check-list li:last-child {
      margin-bottom: 0; }
    .check-list li span {
      color: #000000;
      display: block; }
    .check-list li p {
      margin: 0; }
  .check-list--landing {
    margin-bottom: 1.25rem;
    color: rgba(66, 66, 66, 0.8); }
    .check-list--landing li {
      justify-content: flex-start; }
      .check-list--landing li p {
        text-align: left; }
      @media (min-width: 768px) {
        .check-list--landing li {
          justify-content: center; }
          .check-list--landing li p {
            text-align: center; } }
      .check-list--landing li:before {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%2300BFB3' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E"); }

.form--title {
  font-weight: 400;
  color: #000;
  margin-bottom: 0;
  font-size: 20px;
  position: relative;
  /*&:after{
    content: "";
    height: 36px;
    width: 382px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    background-color: yellow;
    display: block;
    top: 0;
    opacity: 0.5;
  }*/ }

.landing__header {
  padding: 0px; }
  .landing__header .column,
  .landing__header .columns {
    padding: 0 !important; }
  .landing__header__breadcrumbs {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 3; }
    .landing__header__breadcrumbs * {
      color: #fff !important; }
    .landing__header__breadcrumbs.line-bottom {
      border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.2); }
  .landing__header__image img {
    width: 100%; }
  @media only screen and (min-width: 64.0625em) {
    .landing__header__image:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: linear-gradient(to bottom, transparent, transparent); } }
  .landing__header__caption {
    background: #00BFB3;
    margin: 0;
    padding: 20px; }
    @media only screen and (min-width: 40.0625em) {
      .landing__header__caption {
        padding: 40px; } }
    @media only screen and (min-width: 64.0625em) {
      .landing__header__caption {
        position: absolute;
        max-width: 60%;
        top: 50%;
        left: 5vw;
        transform: translateY(-50%);
        margin: 0;
        padding: 0;
        background: transparent; } }
    .landing__header__caption .button {
      margin-top: 15px;
      font-size: 13px;
      letter-spacing: 0;
      padding: 10px 20px; }
      @media only screen and (min-width: 40.0625em) {
        .landing__header__caption .button {
          margin-top: 15px; } }
    @media only screen and (min-width: 64.0625em) {
      .landing__header__caption.centered {
        position: absolute;
        max-width: 60%;
        width: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin: 0;
        padding: 0;
        background: transparent; } }
    .landing__header__caption.centered .button {
      margin-top: 15px; }
      @media only screen and (min-width: 40.0625em) {
        .landing__header__caption.centered .button {
          margin-top: 30px; } }
  .landing__header__title {
    margin: 0;
    padding: 0;
    font-size: 24px;
    line-height: 1.1em;
    color: #fff; }
    @media only screen and (min-width: 40.0625em) {
      .landing__header__title {
        font-size: 30px; } }
    @media only screen and (min-width: 64.0625em) {
      .landing__header__title {
        font-size: 36px;
        line-height: 1.1em;
        margin: 0;
        padding: 0; } }
  .landing__header__subtitle {
    margin: 7px 0 0 0;
    padding: 0;
    font-size: 16px;
    line-height: 1.3em;
    color: #fff; }
    @media only screen and (min-width: 40.0625em) {
      .landing__header__subtitle {
        font-size: 16px; } }
    @media only screen and (min-width: 64.0625em) {
      .landing__header__subtitle {
        margin: 15px 0 0 0;
        font-size: 16px; } }
    .landing__header__subtitle small {
      color: #fff; }

.landing__section {
  padding: 40px 0;
  overflow-x: hidden; }
  .landing__section#intro {
    background: #00BFB3; }
    .landing__section#intro * {
      color: #fff; }
    .landing__section#intro .title.bold.medium {
      font-weight: 600;
      font-size: 20px; }
      @media only screen and (min-width: 40.0625em) {
        .landing__section#intro .title.bold.medium {
          font-size: 22px; } }
      @media only screen and (min-width: 64.0625em) {
        .landing__section#intro .title.bold.medium {
          font-size: 24px; } }
  .landing__section#intro.padding-bottom-15 {
    background: #00BFB3;
    padding-bottom: 15px; }
  .landing__section small {
    font-size: 10px; }
  @media only screen and (min-width: 40.0625em) {
    .landing__section > .unit {
      padding: 20px 0; } }
  @media only screen and (min-width: 64.0625em) {
    .landing__section > .unit {
      padding: 40px 0; } }
  .landing__section > .unit.no-padding-top {
    padding-top: 0px; }
  @media only screen and (min-width: 40.0625em) {
    .landing__section > .unit-medium {
      padding: 15px 0; } }
  @media only screen and (min-width: 64.0625em) {
    .landing__section > .unit-medium {
      padding: 30px 0; } }
  .landing__section > .unit-medium.no-padding-top {
    padding-top: 0px; }
  @media only screen and (min-width: 40.0625em) {
    .landing__section {
      padding: 20px 0; } }
  @media only screen and (min-width: 64.0625em) {
    .landing__section {
      padding: 40px 0; } }
  .landing__section__media {
    padding-bottom: 20px; }
    @media only screen and (min-width: 40.0625em) {
      .landing__section__media {
        padding-bottom: 40px; } }
  .landing__section__text {
    padding-bottom: 20px; }
    @media only screen and (min-width: 40.0625em) {
      .landing__section__text {
        padding-bottom: 40px; } }
    .landing__section__text.no-padding-bottom {
      padding-bottom: 0px !important; }
    .landing__section__text p,
    .landing__section__text ul,
    .landing__section__text ol,
    .landing__section__text li {
      color: rgba(66, 66, 66, 0.8);
      font-size: 14px; }
      .landing__section__text p small,
      .landing__section__text ul small,
      .landing__section__text ol small,
      .landing__section__text li small {
        font-size: 10px; }
    .landing__section__text ul li::marker {
      content: url(../images/spritesheet/check.png) !important; }
    .landing__section__text ul {
      margin-bottom: 0;
      padding-left: 0px; }
    .landing__section__text a:not(.button) {
      text-decoration: underline;
      color: #00BFB3;
      font-weight: 500; }
      .landing__section__text a:not(.button):hover {
        color: #030101;
        text-decoration: none; }
    .landing__section__text p + ul {
      margin-top: -18px;
      margin-bottom: 10px; }
    .landing__section__text.is-flex {
      display: flex; }
      .landing__section__text.is-flex p + ul li {
        line-height: 1.2em;
        margin-bottom: 3px; }
  .landing__section .title.bold {
    font-weight: 600;
    font-size: 16px; }
    @media only screen and (min-width: 40.0625em) {
      .landing__section .title.bold {
        font-size: 16px;
        font-weight: 400; } }
    @media only screen and (min-width: 64.0625em) {
      .landing__section .title.bold {
        font-size: 16px; } }
    @media only screen and (min-width: 90.0625em) {
      .landing__section .title.bold {
        font-size: 18px; } }
    .landing__section .title.bold.medium {
      font-weight: 600;
      font-size: 16px; }
      @media only screen and (min-width: 40.0625em) {
        .landing__section .title.bold.medium {
          font-size: 18px; } }
      @media only screen and (min-width: 64.0625em) {
        .landing__section .title.bold.medium {
          font-size: 20px; } }
      .landing__section .title.bold.medium.margin-bottom-30 {
        margin-bottom: 0px; }
        @media only screen and (min-width: 64.0625em) {
          .landing__section .title.bold.medium.margin-bottom-30 {
            margin-bottom: 30px; } }
      .landing__section .title.bold.medium em {
        color: #00BFB3;
        font-style: normal; }
  .landing__section .title-area {
    padding: 0 15px; }
    .landing__section .title-area .title {
      font-size: 18px;
      margin-bottom: 30px; }
      @media only screen and (min-width: 40.0625em) {
        .landing__section .title-area .title {
          font-size: 20px; } }
      @media only screen and (min-width: 64.0625em) {
        .landing__section .title-area .title {
          font-size: 24px; } }
  @media only screen and (min-width: 40.0625em) {
    .landing__section > .column,
    .landing__section > .columns {
      padding: 0; } }
  .landing__section__bg-grey {
    background: #f2f2f2; }
  .landing__section__bg-highlight {
    background: #00BFB3; }
    .landing__section__bg-highlight * {
      color: #fff; }
    .landing__section__bg-highlight .form--generic input[type=text],
    .landing__section__bg-highlight .form--generic input[type=password],
    .landing__section__bg-highlight .form--generic input[type=date],
    .landing__section__bg-highlight .form--generic input[type=datetime],
    .landing__section__bg-highlight .form--generic input[type=datetime-local],
    .landing__section__bg-highlight .form--generic input[type=month],
    .landing__section__bg-highlight .form--generic input[type=week],
    .landing__section__bg-highlight .form--generic input[type=email],
    .landing__section__bg-highlight .form--generic input[type=tel],
    .landing__section__bg-highlight .form--generic input[type=time],
    .landing__section__bg-highlight .form--generic input[type=url],
    .landing__section__bg-highlight .form--generic input[type=color],
    .landing__section__bg-highlight .form--generic input[type=number],
    .landing__section__bg-highlight .form--generic input[type=search],
    .landing__section__bg-highlight .form--generic input[type=file],
    .landing__section__bg-highlight .form--generic select {
      border: 0;
      color: #111; }
    .landing__section__bg-highlight .form--generic input[type=file] {
      padding: 14px 10px; }
    .landing__section__bg-highlight .form--generic .custom-element div:not(.switch) input[type="checkbox"]:checked + .custom-element__label span.custom-element__shape:after {
      left: 15px !important;
      top: 0px !important; }

.landing__card {
  padding: 20px 5px 20px;
  display: block; }
  @media only screen and (min-width: 40.0625em) {
    .landing__card {
      padding: 20px 10px 40px; } }
  @media only screen and (min-width: 64.0625em) {
    .landing__card {
      padding: 20px 15px 40px; } }
  @media only screen and (min-width: 90.0625em) {
    .landing__card {
      padding: 40px 20px; } }
  .landing__card--image {
    border-radius: 6px 6px 0 0; }
  .landing__card--caption {
    background: #fff;
    padding: 15px 30px 30px;
    text-align: left;
    border-radius: 0 0 6px 6px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; }
    @media only screen and (min-width: 40.0625em) {
      .landing__card--caption {
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; } }
    .landing__card--caption__title {
      font-weight: 500;
      font-size: 20px; }
      @media only screen and (min-width: 40.0625em) {
        .landing__card--caption__title {
          font-size: 18px; } }
      @media only screen and (min-width: 64.0625em) {
        .landing__card--caption__title {
          font-size: 20px; } }
    .landing__card--caption__description {
      font-size: 14px;
      line-height: 1.4em;
      color: rgba(3, 1, 1, 0.5); }

.button.button--outline--inverted {
  background: transparent;
  border: 1px solid #fff !important;
  color: #fff;
  font-size: 13px;
  letter-spacing: 0;
  padding: 10px 20px; }
  .button.button--outline--inverted:hover {
    background: #fff !important;
    color: #00BFB3 !important;
    border-color: transparent; }
    .button.button--outline--inverted:hover svg {
      fill: #030101; }
  .button.button--outline--inverted svg {
    fill: #fff; }

.slick-dots {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center; }
  .slick-dots li {
    margin: 0 10px; }
    .slick-dots li.slick-active {
      /* button {
                background-color: $secondary-color;
            } */ }
  .slick-dots button {
    display: block;
    width: 10px;
    height: 10px;
    padding: 0;
    outline: 0;
    border: none;
    border-radius: 100%;
    background-color: #d6d6d6;
    text-indent: -9999px; }

.nav-carousel__prev, .nav-carousel__next {
  transition: all .3s ease;
  outline: 0;
  position: absolute;
  top: 50%;
  border-radius: 100%;
  padding: 0;
  width: 60px;
  height: 60px;
  transform: translateY(-50%);
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  opacity: 0;
  border-radius: 100%; }
  .nav-carousel__prev:hover, .nav-carousel__prev:active, .nav-carousel__prev:focus, .nav-carousel__next:hover, .nav-carousel__next:active, .nav-carousel__next:focus {
    background: #f9f9f9;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 5px; }
  .nav-carousel__prev:after, .nav-carousel__next:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    border-radius: 100%; }

.nav-carousel__prev {
  left: -2%; }
  .nav-carousel__prev:after {
    background-image: url(../images/spritesheet/arrow-left_4.svg); }

.nav-carousel__next {
  right: -2%; }
  .nav-carousel__next:after {
    background-image: url(../images/spritesheet/arrow-right_4.svg); }

.carousel-slider:hover .nav-carousel__prev {
  left: 2%;
  opacity: 1; }

.carousel-slider:hover .nav-carousel__next {
  right: 2%;
  opacity: 1; }

.outer {
  position: relative;
  overflow: hidden; }
  .outer:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 75%; }
  .outer > .inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }

.landing__about {
  background: #000; }
  @media screen and (max-width: 1024px) {
    .landing__about {
      padding: 0; } }
  @media screen and (max-width: 1024px) {
    .landing__about__text {
      padding-left: 0.9375rem;
      padding-right: 0.9375rem;
      width: 100%;
      float: left;
      position: relative;
      z-index: 2;
      margin: 0;
      padding: 30px 30px;
      background: rgba(0, 0, 0, 0.25); } }
  @media screen and (min-width: 1025px) {
    .landing__about__text {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      z-index: 2; } }
  @media screen and (max-width: 1599px) and (min-width: 1025px) {
    .landing__about__text {
      padding-left: 0.9375rem;
      padding-right: 0.9375rem;
      width: 33.33333%;
      float: left;
      right: 4%; } }
  @media screen and (min-width: 1600px) {
    .landing__about__text {
      padding-left: 0.9375rem;
      padding-right: 0.9375rem;
      width: 33.33333%;
      float: left;
      right: 10%; } }
  .landing__about__text * {
    color: #fff; }
  .landing__about__text p {
    color: rgba(255, 255, 255, 0.6); }

.outer-banner {
  position: relative; }
  .outer-banner:before {
    display: block;
    content: "";
    width: 100%; }
    @media screen and (max-width: 767px) {
      .outer-banner:before {
        padding-top: 66.66667%; } }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      .outer-banner:before {
        padding-top: 41.66667%; } }
    @media screen and (max-width: 1599px) and (min-width: 1025px) {
      .outer-banner:before {
        padding-top: 36.45833%; } }
    @media screen and (min-width: 1600px) {
      .outer-banner:before {
        padding-top: 26.04167%; } }
  .outer-banner > .inner-banner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: left; }
    @media screen and (min-width: 768px) {
      .outer-banner > .inner-banner {
        align-items: center;
        display: flex; } }
    @media screen and (max-width: 1024px) and (min-width: 768px) {
      .outer-banner > .inner-banner {
        justify-content: center; } }
    @media screen and (min-width: 1025px) {
      .outer-banner > .inner-banner img {
        margin-left: 8%; } }

.landing__section__bg-grey {
  padding-top: 20px;
  padding-bottom: 20px; }
  @media only screen and (min-width: 64.0625em) {
    .landing__section__bg-grey {
      padding-top: 40px;
      padding-bottom: 40px; } }
  .landing__section__bg-grey .landing__section__text {
    padding-bottom: 0; }

@media only screen and (max-width: 40em) {
  .landing__section .row {
    display: flex;
    flex-direction: column; }
  .landing__section__media {
    order: 1; }
  .landing__section__text {
    order: 2; } }

.landing__section [class*="block-grid"] h6 {
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 14px; }

.landing__section [class*="block-grid"] span {
  color: #ccc;
  display: inline-block;
  margin: 0 5px; }

.landing__section .row.block {
  border-bottom: 1px solid #dcdcdc; }
  .landing__section .row.block .column.landing__section__media {
    padding-top: 20px !important;
    padding-bottom: 20px !important; }
    @media only screen and (min-width: 40.0625em) {
      .landing__section .row.block .column.landing__section__media {
        padding-top: 30px !important;
        padding-bottom: 30px !important; } }
    @media only screen and (min-width: 64.0625em) {
      .landing__section .row.block .column.landing__section__media {
        padding-top: 30px !important;
        padding-bottom: 30px !important; } }
  .landing__section .row.block .column.landing__section__text {
    padding-top: 0px !important;
    padding-bottom: 20px !important; }
    @media only screen and (min-width: 40.0625em) {
      .landing__section .row.block .column.landing__section__text {
        padding-top: 30px !important;
        padding-bottom: 30px !important; } }
    @media only screen and (min-width: 64.0625em) {
      .landing__section .row.block .column.landing__section__text {
        padding-top: 30px !important;
        padding-bottom: 30px !important; } }

.landing__section ol li {
  margin-bottom: 10px; }

.landing__section ol li em {
  line-height: 1.2em;
  display: block; }

.landing__section ol li::marker {
  color: #00BFB3;
  font-weight: bold; }

.button.cta-bottom {
  margin: 0px 0 40px; }
  @media only screen and (min-width: 40.0625em) {
    .button.cta-bottom {
      margin: 20px 0 40px; } }
  @media only screen and (min-width: 64.0625em) {
    .button.cta-bottom {
      margin: 0px 0 40px; } }
  @media only screen and (min-width: 90.0625em) {
    .button.cta-bottom {
      margin: 0px 0 40px; } }

.flex-video.custom {
  margin-bottom: 1rem;
  padding-bottom: 54.5%;
  padding-top: 1.5625rem; }

.landing__section__bg-highlight .form--generic textarea,
.landing__section__bg-highlight .form--generic select,
.landing__section__bg-highlight .form--generic option {
  color: #111 !important; }

header .top-bar-section .main-menu > li.has-dropdown .new-dropdown {
  max-width: 100%;
  margin: 0 auto;
  padding: 50px 30px; }
  header .top-bar-section .main-menu > li.has-dropdown .new-dropdown > .new-dropdown__row {
    padding: 0 0px; }
  header .top-bar-section .main-menu > li.has-dropdown .new-dropdown > .new-dropdown__row .new-dropdown__row {
    padding: 0 30px; }
  header .top-bar-section .main-menu > li.has-dropdown .new-dropdown__row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0px;
    justify-content: center; }
    header .top-bar-section .main-menu > li.has-dropdown .new-dropdown__row.inner {
      /*  &:last-child{
                 border-right:0px solid transparent;
              } */ }
    header .top-bar-section .main-menu > li.has-dropdown .new-dropdown__row .border-right {
      border-right: 1px solid #444; }
  header .top-bar-section .main-menu > li.has-dropdown .new-dropdown__inner {
    padding: 0 30px;
    display: block;
    width: 100%;
    box-sizing: content-box; }
  header .top-bar-section .main-menu > li.has-dropdown .new-dropdown__container {
    background-color: rgba(0, 0, 0, 0.9);
    left: 0;
    right: 0;
    transform: none;
    position: fixed !important;
    min-height: auto;
    padding: 0;
    width: auto;
    overflow: visible;
    clip: auto;
    display: none;
    min-width: 100%;
    top: auto;
    z-index: 99;
    margin-top: -3px; }
  header .top-bar-section .main-menu > li.has-dropdown .new-dropdown__col-1-1, header .top-bar-section .main-menu > li.has-dropdown .new-dropdown__col-1-2 {
    text-align: left;
    color: #FFFFFF;
    padding: 0 0px; }
  @media (min-width: 1025px) {
    header .top-bar-section .main-menu > li.has-dropdown .new-dropdown__col-1-2 {
      width: 50%; } }
  header .top-bar-section .main-menu > li.has-dropdown .new-dropdown__col-1-2.last {
    padding-top: 25px;
    margin-top: 25px;
    border-top: 1px solid rgba(255, 255, 255, 0.5); }
  header .top-bar-section .main-menu > li.has-dropdown .new-dropdown__col-1-1 {
    width: 100%; }
  header .top-bar-section .main-menu > li.has-dropdown .new-dropdown__col-1-2 {
    width: calc(100% / 2); }
  header .top-bar-section .main-menu > li.has-dropdown .new-dropdown__col-1-3 {
    width: calc(100% / 3); }
  header .top-bar-section .main-menu > li.has-dropdown .new-dropdown__col-1-4 {
    width: calc(100% / 4); }
  header .top-bar-section .main-menu > li.has-dropdown .new-dropdown__col-1-5 {
    width: calc(100% / 5); }
  header .top-bar-section .main-menu > li.has-dropdown .new-dropdown__col-1-6 {
    width: calc(100% / 6); }
  header .top-bar-section .main-menu > li.has-dropdown .new-dropdown .main-category {
    display: inline-block; }
    header .top-bar-section .main-menu > li.has-dropdown .new-dropdown .main-category__logo {
      display: flex;
      align-items: center; }
    header .top-bar-section .main-menu > li.has-dropdown .new-dropdown .main-category span.main-category__title {
      display: inline-block;
      position: relative;
      padding-right: 10px;
      transition: .3s color ease-in-out;
      line-height: 1.2em; }
      header .top-bar-section .main-menu > li.has-dropdown .new-dropdown .main-category span.main-category__title:after {
        border-style: solid;
        border-width: 0.15em 0.15em 0 0;
        content: '';
        display: inline-block;
        height: 8px;
        right: 0;
        position: absolute;
        top: 46%;
        vertical-align: top;
        width: 8px;
        transform: rotate(45deg) translateY(-50%); }
      header .top-bar-section .main-menu > li.has-dropdown .new-dropdown .main-category span.main-category__title:hover {
        color: #00BFB3; }
    header .top-bar-section .main-menu > li.has-dropdown .new-dropdown .main-category span.main-category__payoff {
      text-transform: none;
      font-weight: 300;
      margin-left: 10px;
      letter-spacing: 1px;
      font-size: 14px;
      line-height: 1.1em; }
    header .top-bar-section .main-menu > li.has-dropdown .new-dropdown .main-category:hover {
      background-color: transparent !important;
      color: #FFFFFF !important; }
  header .top-bar-section .main-menu > li.has-dropdown .new-dropdown .valigie .main-category__title,
  header .top-bar-section .main-menu > li.has-dropdown .new-dropdown .valigie .main-category__payoff {
    color: #00BFB3; }
  header .top-bar-section .main-menu > li.has-dropdown .new-dropdown .ready .main-category__title,
  header .top-bar-section .main-menu > li.has-dropdown .new-dropdown .ready .main-category__payoff {
    color: #f1b200; }
  header .top-bar-section .main-menu > li.has-dropdown .new-dropdown ul {
    display: inline-block; }
    header .top-bar-section .main-menu > li.has-dropdown .new-dropdown ul li {
      float: none;
      background-color: transparent !important; }
      header .top-bar-section .main-menu > li.has-dropdown .new-dropdown ul li a {
        text-transform: none;
        font-weight: 300;
        line-height: 1.4 !important;
        display: inline-block;
        font-size: 14px;
        color: rgba(255, 255, 255, 0.7) !important;
        letter-spacing: 1px;
        padding: 4px 0 !important; }
        header .top-bar-section .main-menu > li.has-dropdown .new-dropdown ul li a:hover {
          background-color: transparent !important;
          color: #FFFFFF !important; }
      header .top-bar-section .main-menu > li.has-dropdown .new-dropdown ul li ul li {
        padding-left: 15px; }
  header .top-bar-section .main-menu > li.has-dropdown .new-dropdown__row > ul {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap; }
    header .top-bar-section .main-menu > li.has-dropdown .new-dropdown__row > ul > li {
      width: auto; }

header .top-bar-section .main-menu > li.has-dropdown.hover .new-dropdown__container {
  display: block; }

@media (min-width: 1025px) {
  header .top-bar-section .main-menu > li.has-dropdown.product-mobile {
    display: none !important; } }

header .top-bar-section .main-menu > li.has-dropdown.product-mobile .has-logo {
  display: flex;
  align-items: center;
  justify-content: space-between; }
  header .top-bar-section .main-menu > li.has-dropdown.product-mobile .has-logo img {
    height: 32px;
    margin-right: 8px; }
  header .top-bar-section .main-menu > li.has-dropdown.product-mobile .has-logo .main-category__logo {
    display: flex;
    align-items: center; }
  header .top-bar-section .main-menu > li.has-dropdown.product-mobile .has-logo .main-category__payoff {
    text-transform: none;
    line-height: 1.1; }
    header .top-bar-section .main-menu > li.has-dropdown.product-mobile .has-logo .main-category__payoff span {
      display: block; }

@media (max-width: 1024px) {
  header .top-bar-section .main-menu > li.has-dropdown.product-desktop {
    display: none !important; } }

/*# sourceMappingURL=main.css.map */